/* Mabruk: graphite, champagne and ivory surfaces and organic silhouettes. */
:root{--teal:#504838;--deep:#363025;--ink:#373126;--muted:#807560;--line:#e8e4dd;--bg:#f6f5f3;--pale:#eeebe6;font-family:Inter,"Segoe UI",Arial,sans-serif}
body{background:radial-gradient(ellipse at 90% 25%,#eae7e188,transparent 48%),var(--bg)}
.notice-bar{background:#332e23;color:#e8e4dd;padding-top:9px;padding-bottom:9px}
.site-header{background:#f6f5f3;border:0;height:94px}
.brand{color:#3d372a;letter-spacing:-2.5px}.brand span{color:#897b60}
.desktop-nav{background:#fff9;padding:5px 20px;border:1px solid white;border-radius:50px;gap:24px}
.desktop-nav a[aria-current]{border:0;font-weight:700}
.avatar,.bag-button{background:white;border:1px solid #e8e5de;box-shadow:0 4px 14px #3f382b08}
.hero{isolation:isolate;margin-top:12px;margin-bottom:35px;min-height:510px;border-radius:38px;background:radial-gradient(ellipse at 93% 0%,#d0c9bb99,transparent 52%),linear-gradient(115deg,#363126 0%,#645a46 56%,#ddd8ce 100%);box-shadow:0 24px 55px -25px #4c443555}
.hero::before{content:"";position:absolute;width:650px;height:650px;border:1px solid #ffffff30;border-radius:46% 54% 70% 30%;right:-220px;top:-360px;transform:rotate(22deg);box-shadow:0 0 0 34px #ffffff08,0 0 0 70px #ffffff08;pointer-events:none}
.hero-copy{padding:64px 48px 100px;z-index:2}
.hero .eyebrow{color:#eeece7;font-size:10px;letter-spacing:.18em;display:inline-flex;align-items:center;gap:10px;background:#ffffff12;border:1px solid #ffffff30;padding:9px 13px;border-radius:30px}
.hero .eyebrow::before{content:"";width:6px;height:6px;border-radius:50%;background:#cdc6b7;box-shadow:0 0 0 4px #cdc6b71a}
.hero h1{color:white;font-size:clamp(40px,4.5vw,66px);font-weight:550;line-height:1.06;letter-spacing:-.055em;margin:8px 0 22px}
.hero h1 em{font-family:Georgia,serif;font-weight:400;color:#d9d3c8}
.hero p{color:#edeae5;max-width:380px;font-size:15px;line-height:1.7}
.hero-button{background:#fbf7ef;color:#3d372b;padding:9px 10px 9px 24px;box-shadow:0 8px 24px #27231b25;gap:24px;min-height:54px}
.hero-button:hover{background:#fff;color:#3d372b}
.hero-button span{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#564d3c;color:#fff;font-size:20px}
.hero-trust{color:#edebe6;font-size:11px;flex-wrap:wrap;max-width:380px;margin-top:24px}
.check-circle{border-color:#b8ae9a}
.hero-art{z-index:1;min-width:0;min-height:430px}
.hero-orbit{display:block;width:345px;height:345px;right:50px;top:48px;border:1px solid #fff6;border-radius:45% 55% 52% 48%;background:linear-gradient(145deg,#e3dfd688,#f8f5ef38);box-shadow:0 0 0 20px #ffffff0a,0 0 0 42px #ffffff0a;transform:rotate(-14deg)}
.parcel{border:1px solid #ffffff65;box-shadow:15px 30px 35px #2d281f35;border-radius:22px}
.parcel-front{width:240px;height:215px;right:145px;top:175px;background:linear-gradient(135deg,#fff8e9,#d8ceb8);transform:rotate(-12deg);border-radius:20px 20px 32px 32px}
.parcel-front b{font-size:42px;color:#4f4737}
.parcel-back{width:175px;height:230px;right:62px;top:76px;background:linear-gradient(145deg,#f4efe4,#b8ad98);transform:rotate(12deg)}
.parcel-back b{color:#5c5340;font-family:Georgia,serif;font-style:italic;font-size:110px}
.floating-label{bottom:77px;right:22px;background:#fefcf9f5;border:1px solid white;border-radius:22px;box-shadow:0 16px 30px #39332720;padding:16px 20px;z-index:2}
.hero-wave{position:absolute;bottom:-1px;left:0;width:100%;height:80px;z-index:1;pointer-events:none}
.hero-wave .wave-back{fill:#e4e0d7;opacity:.55}.hero-wave .wave-front{fill:var(--bg)}
.journey-strip{margin:0 5.5% 44px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.journey-step{display:flex;align-items:center;gap:14px;padding:17px 22px;border:1px solid #fff;border-radius:24px;background:#ffffffa6;box-shadow:0 8px 24px #48413205}
.journey-step>span{display:grid;place-items:center;flex-shrink:0;width:42px;height:42px;border-radius:15px;background:linear-gradient(140deg,#e2ded6,#f4f1ea);color:#514939;font-family:Georgia,serif;font-style:italic;font-size:22px}
.journey-step strong{display:block;font-size:14px;font-weight:600}.journey-step small{display:block;color:var(--muted);font-size:11px;margin-top:5px;line-height:1.5}
.section-heading h2{font-size:clamp(26px,2.7vw,36px);font-weight:550}.section-heading .eyebrow{color:#71654e}
.catalog-toolbar{padding:12px;background:#ffffffbf;border:1px solid #fff;border-radius:28px;box-shadow:0 12px 30px #49413208}
.search-box{max-width:none;border-color:#e5e1da;background:#f8f7f4;min-height:52px}
.search-box:focus-within{border-color:#7c6f56;box-shadow:0 0 0 3px #665c4718}
.category-chips{padding-top:3px}.chip{border-color:white;box-shadow:0 3px 12px #3f382b07}.chip.active{background:linear-gradient(125deg,#3f382b,#605643);border-color:#4d4535}
.aside-card{position:relative;overflow:hidden;border-radius:28px;background:linear-gradient(150deg,#edeae4,#ded9cf);padding:28px 23px;border:1px solid white}
.aside-card::after{content:"";position:absolute;bottom:-80px;right:-90px;width:200px;height:150px;border-radius:50%;border:1px solid #fff8;box-shadow:0 0 0 20px #ffffff20;pointer-events:none}
.product-card:not(.list-view .product-card){padding:9px;background:#fff;border-radius:27px;border:1px solid #edebe6;box-shadow:0 8px 24px #37322706}
.product-image{background:linear-gradient(140deg,#f4f2ed,#ebe8e2);border-radius:21px}
.product-body{padding:17px 10px 10px}.product-price{color:#4a4334;font-weight:700}.product-body h3{font-weight:600}.product-image img{transition:transform .2s ease}
.empty{background:radial-gradient(ellipse at 80% 10%,#ece9e4,transparent 65%),#fff;border:1px solid #edeae4;min-height:290px;border-radius:28px;box-shadow:0 10px 30px #39332804;padding:45px 24px}
.empty::before{content:"↗";display:grid;place-items:center;width:60px;height:60px;margin:0 auto 22px;background:linear-gradient(130deg,#e6e2da,#f7f4ef);border:6px solid #faf8f5;border-radius:22px;color:#5d5441;font-size:28px}
.empty h2{font-weight:500}.site-footer{position:relative;border:0;padding-top:34px}.site-footer::before{content:"";position:absolute;top:0;left:0;width:100%;height:1px;background:linear-gradient(90deg,transparent,#d4cec2,transparent)}
.button{transition:background .18s ease,box-shadow .18s ease}.button:focus-visible{outline-color:#aea28b}
.account-page,.workspace{border-radius:32px}.account-intro{border-radius:32px;background:linear-gradient(145deg,#ebe8e3,#ddd8cf)}
.account-card,.panel,.kpi{border:1px solid #eae7e1;box-shadow:0 10px 24px #352f2405;border-radius:24px}
@media(hover:hover){.product-card:hover{box-shadow:0 14px 28px #3c362a12}.product-card:hover img{transform:scale(1.035)}}
@media(min-width:1550px){.journey-strip{max-width:1335px;margin-left:auto;margin-right:auto}}
@media(max-width:1100px) and (min-width:768px){.hero-copy{padding-left:32px;padding-right:15px}.hero h1{font-size:48px}.hero-art{transform:scale(.82);transform-origin:center right}.journey-step{padding:16px 13px;gap:10px}.journey-step small{font-size:10px}.hero-orbit{right:0}.parcel-front{right:85px}.parcel-back{right:0}}
@media(max-width:767px){
 body{padding-bottom:100px}.notice-bar{justify-content:center;padding:8px 16px;font-size:10px;letter-spacing:.04em}.site-header{height:78px;padding:0 20px}.brand{font-size:35px}.header-actions{margin-left:auto;gap:12px}
 .hero{margin:4px 14px 18px;min-height:0;border-radius:30px;background:radial-gradient(ellipse at 90% 90%,#f2ece1,transparent 58%),linear-gradient(155deg,#413a2d,#726750 58%,#ccc5b6)}
 .hero-copy{padding:29px 24px 12px}.hero h1{max-width:none;font-size:clamp(36px,9.4vw,48px);line-height:1.06;margin-top:7px}.hero .eyebrow{font-size:8px;letter-spacing:.12em;padding:7px 10px;margin-bottom:17px}.hero p{max-width:300px;font-size:13px;margin-bottom:16px}.hero-trust{width:auto;max-width:none;font-size:9px;gap:6px;margin-top:18px}.hero-button{min-height:48px;font-size:12px}.hero-button span{height:30px;width:30px}
 .hero-art{position:relative;right:auto;bottom:auto;width:100%;height:216px;min-height:216px;opacity:1;transform:none;overflow:hidden;margin-top:5px}.hero-orbit{display:block;width:200px;height:200px;top:10px;right:calc(50% - 100px);border-radius:46% 54% 54% 46%}.parcel-front{width:150px;height:130px;right:calc(50% - 15px);top:52px;border-radius:16px}.parcel-front b{font-size:27px}.parcel-front small{font-size:6px}.parcel-back{width:102px;height:138px;right:calc(50% - 110px);top:12px;border-radius:16px}.parcel-back b{font-size:62px}.floating-label{display:flex;bottom:29px;right:18px;padding:10px 13px;font-size:10px;border-radius:16px;gap:8px}.floating-label small{font-size:8px;margin-top:3px}.floating-label>span{width:25px;height:25px}.hero-wave{height:42px;z-index:1}
 .journey-strip{margin:0 16px 28px;gap:7px}.journey-step{display:block;text-align:center;padding:12px 5px;border-radius:19px}.journey-step>span{width:32px;height:32px;font-size:18px;margin:0 auto 8px;border-radius:12px}.journey-step strong{font-size:10px}.journey-step small{font-size:9px;line-height:1.4;margin-top:5px}
 .catalog-section{margin:0 18px}.section-heading{gap:10px;align-items:flex-end;margin-bottom:20px}.section-heading h2{font-size:27px;max-width:260px;line-height:1.1}.section-heading>.eyebrow{font-size:8px}.section-heading>p{font-size:10px;white-space:nowrap}.catalog-toolbar{padding:10px;border-radius:24px;flex-wrap:wrap;gap:10px}.catalog-toolbar .search-box{flex-basis:100%;padding:0 13px;min-height:47px}.search-box input{font-size:11px}.catalog-toolbar .soft-button{font-size:10px;min-height:40px;padding:10px 14px}.stock-filter{font-size:10px;margin-left:auto}.chip{font-size:11px;padding:10px 20px}.product-grid{gap:12px}.product-card:not(.list-view .product-card){border-radius:23px;padding:6px}.product-body{padding:12px 5px 8px}.product-image{border-radius:18px}.product-body h3{font-size:13px}.empty{min-height:260px;padding:34px 18px}.empty h2{font-size:24px}
 .mobile-nav{left:14px;right:14px;bottom:calc(12px + env(safe-area-inset-bottom));width:auto;padding:9px 7px;background:#ffffffed;border:1px solid #fff;border-radius:27px;box-shadow:0 8px 30px #36302524;backdrop-filter:blur(12px)}.mobile-nav a{font-size:9px;gap:3px;min-height:45px}.mobile-nav a>span{font-size:20px}.mobile-nav a[aria-current]{background:#ece9e3;color:#4b4334;border-radius:18px;padding:5px 14px}.cart-dock{bottom:calc(100px + env(safe-area-inset-bottom))}.site-footer{margin:36px 20px 0;padding-bottom:20px}
}
@media(prefers-reduced-motion:reduce){.product-image img,.button{transition:none}}

/* Consistent brand typography, served locally. */
@font-face{font-family:Manrope;src:url('/assets/manrope-400.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:Manrope;src:url('/assets/manrope-600.ttf') format('truetype');font-style:normal;font-weight:600;font-display:swap}
@font-face{font-family:Manrope;src:url('/assets/manrope-700.ttf') format('truetype');font-style:normal;font-weight:700;font-display:swap}
:root{font-family:Manrope,"Segoe UI",Arial,sans-serif}
h1,h2,h3{font-family:inherit;font-weight:600;letter-spacing:-.035em;text-wrap:balance}
.hero h1{font-weight:600;letter-spacing:-.045em;line-height:1.12}
.hero h1 em{font-family:inherit;font-style:normal;font-weight:400;color:#dfdbd2}
.section-heading h2,.empty h2{font-weight:600}
p{line-height:1.75}
.hero p{font-size:15px}
.eyebrow{letter-spacing:.14em}
.button,.chip,.desktop-nav{font-weight:600}
.product-price,.kpi strong{font-variant-numeric:tabular-nums}
.journey-step>span{font-family:inherit;font-style:normal;font-size:17px;font-weight:600}
.site-footer{flex-wrap:wrap;row-gap:18px}
.site-footer .developer-credit{flex:0 0 100%;margin:0;padding:20px 0 0;border-top:1px solid var(--line);text-align:center;font-size:12px;line-height:1.8;color:#807560;letter-spacing:.01em}
.developer-credit strong{color:#514938;font-weight:600}
@media(max-width:767px){.hero h1{font-size:clamp(32px,8.5vw,44px)}.hero p{font-size:13px}.site-footer .developer-credit{font-size:11px;padding-top:17px}.developer-credit strong{display:block}}

/* Accessible vector cart, independent of system fonts. */
.bag-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:66px;min-height:46px;padding:8px 12px;flex-shrink:0}.cart-icon{display:block;width:23px;height:23px;flex-shrink:0}.bag-button [data-cart-count]{display:grid;place-items:center;min-width:20px;height:20px;padding:0 5px;border-radius:50px;background:var(--teal);color:#fff;font-size:10px;font-weight:700;line-height:1}.bag-button:hover{background:var(--pale)}
/* Commerce integrations */
.commerce-panel .wa-status{padding:15px 18px;background:var(--pale);border-radius:16px;margin-bottom:16px;font-weight:600}
#wa-qr img{display:block;max-width:100%;height:auto;margin:20px auto;border-radius:18px}
#commerce-form .panel{margin-bottom:20px}#commerce-form .checkbox-label{min-height:44px}
.payment-row{padding:18px 0;border-bottom:1px solid var(--line);overflow-wrap:anywhere}.payment-row p{font-size:12px;margin:8px 0}
.whatsapp-contact{position:fixed;right:22px;bottom:24px;z-index:19;display:flex;align-items:center;gap:9px;padding:13px 18px;background:#5e4a21;color:white;border:1px solid #ffffff80;border-radius:40px;box-shadow:0 6px 20px #2e292033;font-size:12px;font-weight:700;min-height:48px}.whatsapp-contact svg{width:25px;height:25px}.whatsapp-contact:hover{background:#49391a}
@media(max-width:767px){.whatsapp-contact{bottom:calc(101px + env(safe-area-inset-bottom));right:17px;padding:12px}.whatsapp-contact span{display:none}body:has(.cart-dock:not([hidden])) .whatsapp-contact{bottom:calc(196px + env(safe-area-inset-bottom))}}