:root { --ink:#0d0e10; --ink-2:#15171a; --paper:#f7f6f2; --paper-2:#eeece6; --line:rgba(17,18,20,.12); --muted:#686762; --gold:#d6aa57; --gold-light:#efcd87; --green:#1b9a6d; --red:#b84b4b; --radius:18px; --container:min(1180px, calc(100% - 48px)); }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; scroll-padding-top:88px; }
body { margin:0; color:var(--ink); background:var(--paper); font-family:Manrope,Arial,sans-serif; font-size:15px; line-height:1.55; overflow-x:hidden; }
body.modal-open { overflow:hidden; }
a { color:inherit; text-decoration:none; }
button,input,select,textarea { font:inherit; }
button { cursor:pointer; }
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible { outline:3px solid rgba(214,170,87,.9); outline-offset:3px; }
.container { width:var(--container); margin-inline:auto; }
.icon { width:1.2em; height:1.2em; vertical-align:-.22em; flex:none; }
.sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.skip-link { position:fixed; z-index:99; left:12px; top:-60px; padding:10px 14px; background:var(--gold); color:var(--ink); font-weight:800; transition:top .2s; }.skip-link:focus { top:12px; }
.topbar { background:#090a0b; color:#cccac3; border-bottom:1px solid rgba(255,255,255,.08); font-family:"DM Mono",monospace; font-size:10px; letter-spacing:.025em; }.topbar-inner { min-height:34px; display:flex; align-items:center; justify-content:space-between; gap:20px; }.topbar span,.topbar a { display:flex; align-items:center; gap:7px; }.topbar .icon { color:var(--gold); font-size:13px; }
.site-header { position:sticky; top:0; z-index:30; background:rgba(13,14,16,.94); color:#f6f4ef; backdrop-filter:blur(16px); }.navbar { min-height:68px; display:flex; align-items:center; justify-content:space-between; gap:25px; }.brand { display:inline-flex; align-items:center; gap:9px; min-width:max-content; }.brand-mark { position:relative; display:grid; place-content:center; width:34px; height:34px; background:var(--gold); color:#121315; font-size:12px; font-weight:800; letter-spacing:-.14em; transform:skew(-8deg); }.brand-mark span { color:#f8edcf; }.brand-copy { display:grid; line-height:1; letter-spacing:.04em; }.brand-copy b { font-size:15px; }.brand-copy em { font-size:7px; color:var(--gold); font-style:normal; letter-spacing:.25em; margin-top:3px; }.main-nav { display:flex; align-items:center; justify-content:center; gap:28px; margin-left:auto; }.main-nav a { color:#d6d4ce; font-size:12px; font-weight:600; transition:color .2s; }.main-nav a:hover { color:var(--gold); }.nav-actions { display:flex; align-items:center; gap:10px; }.icon-button { border:0; width:37px; height:37px; border-radius:50%; display:grid; place-content:center; background:transparent; color:inherit; transition:background .2s, color .2s; }.icon-button:hover { background:rgba(255,255,255,.1); color:var(--gold); }.whatsapp-button { display:inline-flex; align-items:center; gap:8px; padding:9px 13px; background:#e8e3d8; border-radius:8px; color:var(--ink); font-size:11px; font-weight:800; }.whatsapp-button .icon { color:#15956b; }.menu-toggle { display:none; }
.mobile-menu,.search-drawer,.modal,.mobile-filter-sheet { position:fixed; z-index:50; inset:0; pointer-events:none; opacity:0; transition:opacity .25s ease; }.mobile-menu.is-open,.search-drawer.is-open,.modal.is-open,.mobile-filter-sheet.is-open { opacity:1; pointer-events:auto; }.mobile-menu-backdrop,.search-drawer-backdrop,.modal-backdrop,.sheet-backdrop { position:absolute; inset:0; background:rgba(8,9,10,.65); backdrop-filter:blur(4px); }.mobile-menu-panel { position:absolute; right:0; top:0; bottom:0; width:min(340px,88vw); padding:20px; display:flex; flex-direction:column; background:#161719; color:#f7f6f2; transform:translateX(100%); transition:transform .3s ease; }.is-open .mobile-menu-panel { transform:none; }.mobile-menu-head { display:flex; align-items:center; justify-content:space-between; padding-bottom:24px; border-bottom:1px solid rgba(255,255,255,.12); }.mobile-menu-panel nav { display:grid; gap:2px; padding:20px 0; }.mobile-nav-link { padding:15px 6px; border-bottom:1px solid rgba(255,255,255,.08); font-weight:700; }.mobile-whatsapp { margin-top:auto; }.search-drawer-panel { position:relative; width:min(650px,calc(100% - 32px)); margin:16vh auto; padding:34px; background:#f7f6f2; border-radius:18px; transform:translateY(-15px); transition:transform .25s ease; }.is-open .search-drawer-panel { transform:none; }.search-drawer-panel>.icon-button { position:absolute; right:13px; top:13px; color:var(--ink); }.search-drawer-panel label { display:block; margin-bottom:14px; font-size:24px; font-weight:800; letter-spacing:-.05em; }.search-drawer-panel p { margin:9px 0 0; color:var(--muted); font-size:12px; }.global-search-input { display:flex; align-items:center; gap:12px; padding:0 14px; background:#fff; border:1px solid var(--line); border-radius:10px; }.global-search-input .icon { color:var(--gold); }.global-search-input input { width:100%; border:0; outline:0; padding:15px 0; background:transparent; }
.hero { position:relative; overflow:hidden; color:#fbfaf6; min-height:570px; background:linear-gradient(110deg,#111214 0%,#17191d 49%,#101113 100%); }.hero-grid-lines { position:absolute; inset:0; opacity:.26; background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px); background-size:60px 60px; mask-image:linear-gradient(90deg,#000,transparent 70%); }.hero-glow { position:absolute; width:620px; height:620px; right:-90px; top:-170px; border-radius:50%; background:radial-gradient(circle,rgba(217,171,83,.3),rgba(217,171,83,0) 66%); }.hero-content { position:relative; z-index:1; min-height:570px; display:grid; grid-template-columns:1.02fr .98fr; align-items:center; }.hero-copy { padding:76px 0 56px; }.eyebrow { margin:0 0 13px; color:#b9b6ad; font-family:"DM Mono",monospace; font-size:10px; font-weight:500; letter-spacing:.14em; }.hero .eyebrow { color:var(--gold-light); }.hero h1,.section-heading h2,.offers-intro h2,.story-copy h2,.location-copy h2,.contact-grid h2,.brand-section h2 { margin:0; font-size:clamp(43px,5vw,70px); line-height:.98; letter-spacing:-.07em; font-weight:800; }.hero h1 i,h2 i { color:var(--gold); font-style:normal; }.hero-text { max-width:475px; margin:25px 0 28px; color:#cccac5; font-size:16px; line-height:1.7; }.hero-actions { display:flex; gap:11px; flex-wrap:wrap; }.button { min-height:43px; display:inline-flex; align-items:center; justify-content:center; gap:9px; border:1px solid transparent; border-radius:8px; padding:11px 15px; font-size:11px; font-weight:800; letter-spacing:.01em; transition:transform .2s, background .2s, border-color .2s, box-shadow .2s; }.button:hover { transform:translateY(-2px); }.button-gold { background:var(--gold); color:#151517; box-shadow:0 8px 20px rgba(214,170,87,.18); }.button-gold:hover { background:var(--gold-light); }.button-outline { color:#f7f5ef; background:rgba(255,255,255,.04); border-color:rgba(255,255,255,.35); }.button-outline:hover { background:rgba(255,255,255,.12); }.button-dark { color:#f8f5ed; background:#111214; }.button-quiet { color:#222; border-color:#d7d4ce; background:#fff; }.button-quiet:hover { border-color:var(--gold); }.button[aria-disabled="true"] { pointer-events:none; opacity:.42; }.trust-row { display:flex; gap:19px; flex-wrap:wrap; margin-top:36px; color:#d2d0ca; font-size:10px; font-weight:700; }.trust-row .icon { color:var(--gold); }
.hero-visual { position:relative; min-height:480px; align-self:end; }.hero-phone { position:absolute; width:226px; height:440px; overflow:hidden; border-radius:36px; border:7px solid #33343a; background:#16171a; box-shadow:15px 28px 55px rgba(0,0,0,.55); }.phone-front { z-index:2; right:17%; bottom:-74px; background:radial-gradient(circle at 63% 22%,#e4ad55 0%,#876446 21%,#272529 52%,#17181a 70%); transform:rotate(8deg); }.phone-back { z-index:1; left:15%; bottom:-48px; opacity:.75; background:linear-gradient(145deg,#373034,#111116 55%); transform:rotate(-18deg); }.phone-island { position:absolute; z-index:2; width:77px; height:22px; left:50%; transform:translateX(-50%); top:10px; background:#08090b; border-radius:20px; }.phone-screen-shine { position:absolute; width:310px; height:500px; left:-190px; top:-110px; transform:rotate(26deg); background:linear-gradient(90deg,transparent,rgba(255,255,255,.13),transparent); }.camera { position:absolute; z-index:3; left:17px; width:34px; height:34px; border-radius:50%; background:radial-gradient(circle at 60% 35%,#7a9ec3,#111b28 35%,#020306 58%); border:3px solid #3b3d43; box-shadow:0 0 0 2px #1b1c1f; }.camera-one { top: 30px; }.camera-two { top:75px; }.camera-three { top:120px; }.hero-orbit { position:absolute; border:1px solid rgba(231,196,127,.4); border-radius:50%; transform:rotate(-30deg); }.orbit-1 { width:440px; height:180px; top:100px; left:0; }.orbit-2 { width:540px; height:280px; top:50px; left:-52px; opacity:.45; }.hero-label { position:absolute; z-index:4; display:block; padding:9px 12px; border:1px solid rgba(225,203,152,.46); background:rgba(10,10,11,.66); backdrop-filter:blur(8px); color:#d8d4c8; font-family:"DM Mono",monospace; font-size:9px; line-height:1.5; letter-spacing:.04em; }.hero-label b { color:var(--gold); font-size:11px; }.label-top { top:90px; right:0; }.label-bottom { bottom:112px; left:0; }.hero-card { position:absolute; z-index:4; right:-10px; bottom:62px; display:flex; align-items:center; gap:9px; padding:10px 14px; border:1px solid rgba(255,255,255,.15); background:rgba(23,23,23,.8); backdrop-filter:blur(10px); }.hero-card-icon { display:grid; place-content:center; width:30px; height:30px; background:var(--gold); color:#161719; border-radius:5px; }.hero-card small,.hero-card b { display:block; line-height:1.3; }.hero-card small { color:#d1cfc8; font-size:9px; }.hero-card b { color:#fff; font-size:11px; }
.service-strip { border-bottom:1px solid var(--line); background:#fff; }.service-items { min-height:99px; display:grid; grid-template-columns:repeat(4,1fr); }.service-items>div { display:flex; align-items:center; gap:11px; padding:16px 20px; border-right:1px solid var(--line); }.service-items>div:first-child { border-left:1px solid var(--line); }.service-items>.icon,.service-items>div>.icon { width:23px; height:23px; color:var(--gold); }.service-items b,.service-items span span { display:block; }.service-items b { font-size:11px; }.service-items span { color:var(--muted); font-size:9px; line-height:1.5; }
.section { padding:110px 0; }.categories-section { background:var(--paper); }.section-heading { display:flex; align-items:end; justify-content:space-between; gap:25px; margin-bottom:34px; }.section-heading h2 { font-size:clamp(32px,4vw,51px); }.section-heading .eyebrow,.story-copy .eyebrow,.location-copy .eyebrow,.contact-grid .eyebrow,.brand-section .eyebrow { color:#817e76; }.text-link { display:inline-flex; align-items:center; gap:8px; color:#171819; font-size:11px; font-weight:800; border-bottom:1px solid var(--gold); padding-bottom:3px; }.text-link .icon { color:#bf8f36; }.categories-grid { display:grid; grid-template-columns:repeat(4,1fr); border-top:1px solid var(--line); border-left:1px solid var(--line); }.category-card { position:relative; min-height:150px; display:flex; align-items:flex-start; gap:15px; padding:22px; text-align:left; border:0; border-right:1px solid var(--line); border-bottom:1px solid var(--line); background:#f9f8f5; color:var(--ink); transition:background .25s,transform .25s; }.category-card:hover { z-index:1; background:#fff; transform:translateY(-4px); box-shadow:0 13px 20px rgba(30,28,22,.07); }.category-card:hover .category-icon { background:var(--gold); }.category-card:hover>i { opacity:1; transform:translateX(0); }.category-icon { display:grid; place-content:center; width:40px; height:40px; flex:none; border-radius:50%; background:#e8e6df; color:#27282b; transition:background .2s; }.category-card b,.category-card small { display:block; }.category-card b { padding-top:2px; font-size:13px; }.category-card small { max-width:130px; margin-top:5px; color:var(--muted); font-size:10px; line-height:1.5; }.category-card>i { position:absolute; right:17px; bottom:15px; color:var(--gold); opacity:0; transform:translateX(-4px); transition:.2s; }
.products-section { background:#fff; }.products-heading { margin-bottom:28px; }.heading-copy { max-width:260px; margin:0; color:var(--muted); font-size:12px; }.catalog-toolbar { display:flex; align-items:center; gap:12px; padding-bottom:18px; border-bottom:1px solid var(--line); }.catalog-search { flex:1; max-width:420px; display:flex; align-items:center; gap:9px; height:43px; padding:0 13px; border:1px solid #dedcd5; border-radius:8px; color:#77766f; }.catalog-search input { width:100%; height:100%; border:0; outline:0; background:transparent; font-size:12px; }.filter-button { display:none; align-items:center; gap:7px; height:40px; padding:0 13px; color:#212225; border:1px solid #d7d5ce; border-radius:8px; background:white; font-size:11px; font-weight:800; }.filter-button span { display:grid; place-content:center; min-width:17px; height:17px; border-radius:9px; background:var(--gold); font-size:9px; }.filter-button span[hidden] { display:none; }.sort-wrap { display:flex; align-items:center; gap:7px; margin-left:auto; color:var(--muted); font-size:10px; }.sort-wrap select { appearance:none; min-width:145px; border:0; outline:0; background:transparent; color:var(--ink); font-size:10px; font-weight:800; cursor:pointer; }.sort-wrap .icon { width:13px; pointer-events:none; }.catalog-layout { display:grid; grid-template-columns:206px 1fr; gap:28px; padding-top:23px; }.filters-panel { padding-right:24px; border-right:1px solid var(--line); }.filters-title { display:flex; align-items:center; justify-content:space-between; margin-bottom:19px; }.filters-title b { font-size:12px; }.filters-title button { padding:0; border:0; background:transparent; color:#8a744c; font-size:10px; text-decoration:underline; }.filter-group { display:grid; gap:8px; margin:0; padding:15px 0; border-top:1px solid var(--line); border-left:0; border-right:0; border-bottom:0; }.filter-group>label,.filter-group legend { padding:0; font-size:10px; font-weight:800; }.filter-group select { width:100%; padding:9px 7px; border:1px solid #dedbd3; border-radius:5px; background:#fbfaf7; font-size:10px; outline:0; }.radio-label { display:flex; align-items:center; gap:7px; color:#676660; font-size:10px; cursor:pointer; }.radio-label input { accent-color:#b98a32; }.catalog-result { display:flex; align-items:center; justify-content:space-between; margin-bottom:14px; color:var(--muted); font-family:"DM Mono",monospace; font-size:9px; }.products-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }.product-card { position:relative; overflow:hidden; border:1px solid #e2e0da; border-radius:10px; background:#fff; transition:border-color .2s,box-shadow .25s,transform .25s; }.product-card:hover { z-index:1; border-color:#d5ad62; transform:translateY(-5px); box-shadow:0 14px 30px rgba(18,18,18,.1); }.product-favorite { position:absolute; z-index:3; right:10px; top:10px; display:grid; place-content:center; width:30px; height:30px; border:1px solid rgba(0,0,0,.06); border-radius:50%; background:rgba(255,255,255,.9); color:#454541; }.product-favorite.active { color:#be5050; }.product-favorite.active .icon { fill:currentColor; }.product-media { position:relative; height:215px; overflow:hidden; display:grid; place-content:center; background:#f1f0ec; }.product-image { width:100%; height:100%; display:block; object-fit:cover; mix-blend-mode:multiply; transition:transform .4s; }.product-card:hover .product-image { transform:scale(1.06); }.product-badge { position:absolute; z-index:2; top:10px; left:10px; padding:4px 7px; border-radius:3px; background:#232426; color:#fff; font-family:"DM Mono",monospace; font-size:8px; }.product-badge.sale { background:#c3933d; color:#1c1710; }.quick-view { position:absolute; left:12px; right:12px; bottom:10px; display:flex; align-items:center; justify-content:center; gap:7px; padding:9px; border:0; transform:translateY(50px); background:#171819; color:#fff; font-size:10px; font-weight:700; opacity:0; transition:.25s; }.quick-view .icon { color:var(--gold); }.product-card:hover .quick-view { transform:none; opacity:1; }.product-content { padding:16px; }.product-brand { margin:0 0 3px; color:#a07836; font-family:"DM Mono",monospace; font-size:9px; font-weight:500; letter-spacing:.06em; text-transform:uppercase; }.product-content h3 { overflow:hidden; margin:0; color:#1a1b1d; font-size:15px; font-weight:800; letter-spacing:-.035em; text-overflow:ellipsis; white-space:nowrap; }.product-spec { min-height:15px; margin:3px 0 11px; color:var(--muted); font-size:10px; }.price-line { display:flex; align-items:baseline; gap:7px; min-height:28px; }.price-line s { color:#88867f; font-family:"DM Mono",monospace; font-size:9px; }.price-line strong { color:#1b1b1c; font-size:17px; letter-spacing:-.04em; }.stock { display:flex; align-items:center; gap:5px; margin:7px 0 13px; font-size:9px; font-weight:700; }.stock span { width:6px; height:6px; border-radius:50%; }.in-stock { color:var(--green); }.in-stock span { background:var(--green); }.out-stock { color:var(--red); }.out-stock span { background:var(--red); }.product-actions { display:grid; grid-template-columns:1fr 1fr; gap:6px; }.product-actions .button { min-height:34px; padding:7px; font-size:9px; }.empty-state { grid-column:1/-1; padding:65px 20px; text-align:center; border:1px dashed #d8d5cc; background:#fcfbf8; }.empty-state>.icon { width:38px; height:38px; color:var(--gold); }.empty-state h3 { margin:10px 0 2px; font-size:16px; }.empty-state p { margin:0 0 15px; color:var(--muted); font-size:12px; }
.offers-section { padding:92px 0; background:#171819; color:#f8f6f0; }.offers-intro { display:grid; grid-template-columns:1fr .65fr auto; align-items:end; gap:30px; padding-bottom:31px; }.offers-intro h2 { font-size:clamp(34px,4vw,54px); }.offers-intro p { margin:0; color:#bcbab2; font-size:12px; line-height:1.75; }.offer-cards { display:grid; grid-template-columns:repeat(3,1fr); gap:15px; }.offer-card { display:grid; grid-template-columns:145px 1fr; min-height:170px; overflow:hidden; background:#222326; transition:transform .25s; }.offer-card:hover { transform:translateY(-4px); }.offer-image { position:relative; overflow:hidden; background:#dbd7cd; }.offer-image img { width:100%; height:100%; object-fit:cover; opacity:.84; transition:transform .3s; }.offer-card:hover img { transform:scale(1.08); }.offer-image span { position:absolute; top:9px; left:9px; padding:3px 6px; background:var(--gold); color:#161719; font-size:10px; font-weight:800; }.offer-card>div:last-child { padding:20px 14px; }.offer-card p { margin:0 0 3px; color:var(--gold); font-family:"DM Mono",monospace; font-size:9px; }.offer-card h3 { margin:0; font-size:16px; letter-spacing:-.04em; }.offer-card s,.offer-card strong { display:block; }.offer-card s { margin-top:11px; color:#aaa7a0; font-size:10px; }.offer-card strong { color:#fff; font-size:17px; }.offer-card a { display:inline-flex; align-items:center; gap:5px; margin-top:7px; color:#e4d1a7; font-size:9px; font-weight:800; }
.whatsapp-section { background:var(--gold); }.whatsapp-inner { min-height:178px; display:grid; grid-template-columns:78px 1fr auto; align-items:center; gap:22px; }.whatsapp-pulse { position:relative; display:grid; place-content:center; width:60px; height:60px; border-radius:50%; background:#1b1c1d; color:#e6ca91; }.whatsapp-pulse:before { content:""; position:absolute; inset:-8px; border:1px solid rgba(25,25,25,.3); border-radius:50%; }.whatsapp-pulse .icon { width:30px; height:30px; }.whatsapp-inner .eyebrow { margin-bottom:5px; color:#5a4521; }.whatsapp-inner h2 { margin:0; font-size:27px; letter-spacing:-.06em; }.whatsapp-inner p:not(.eyebrow) { margin:4px 0 0; max-width:570px; color:#5d4c2d; font-size:12px; }.whatsapp-inner .button { white-space:nowrap; }
.benefits-section { background:#f4f2ec; }.centered { justify-content:center; text-align:center; }.benefits-grid { display:grid; grid-template-columns:repeat(5,1fr); border-left:1px solid var(--line); }.benefits-grid article { min-height:215px; padding:27px 19px; border-right:1px solid var(--line); border-top:1px solid var(--line); border-bottom:1px solid var(--line); background:#f8f7f3; transition:background .2s; }.benefits-grid article:hover { background:#fff; }.benefits-grid>.icon,.benefits-grid article>.icon { width:26px; height:26px; color:#b68b3e; }.benefits-grid h3 { margin:27px 0 7px; font-size:13px; letter-spacing:-.03em; }.benefits-grid p { margin:0; color:var(--muted); font-size:10px; line-height:1.7; }
.brand-section { padding:75px 0; background:#eeeae0; text-align:center; }.brand-section h2 { font-size:clamp(28px,3vw,38px); }.brands-row { display:grid; grid-template-columns:repeat(7,1fr); align-items:center; gap:6px; margin-top:33px; }.brands-row span { color:#5b5a55; font-size:20px; font-weight:800; letter-spacing:-.08em; }.brands-row span:nth-child(2),.brands-row span:nth-child(3) { font-weight:500; }.brands-row span:nth-child(5) { letter-spacing:-.02em; }.story-section { background:#fff; }.story-grid { display:grid; grid-template-columns:.9fr 1fr; align-items:center; gap:9%; }.story-image { position:relative; height:470px; }.store-photo { position:absolute; inset:0 42px 0 0; overflow:hidden; display:grid; place-content:center; background:linear-gradient(135deg,rgba(21,23,27,.15),rgba(13,14,16,.88)),url('https://images.unsplash.com/photo-1606041011872-596597976b25?auto=format&fit=crop&w=1000&q=85') center/cover; }.store-photo:after { content:""; position:absolute; inset:13px; border:1px solid rgba(228,199,137,.6); }.store-photo span { position:relative; z-index:1; color:#f5f1e8; font-size:39px; font-weight:800; letter-spacing:-.12em; text-align:center; line-height:.8; }.store-photo i { color:var(--gold); font-family:"DM Mono",monospace; font-size:9px; font-style:normal; letter-spacing:.32em; }.experience-stamp { position:absolute; right:0; bottom:29px; display:flex; align-items:center; gap:8px; padding:16px; background:var(--gold); color:#151516; }.experience-stamp b { font-family:"DM Mono",monospace; font-size:27px; letter-spacing:-.1em; }.experience-stamp span { font-size:9px; font-weight:800; line-height:1.25; }.story-copy h2 { font-size:clamp(31px,3.6vw,49px); }.story-copy>p:not(.eyebrow) { max-width:470px; color:#5e5d58; font-size:13px; line-height:1.8; }.story-values { display:grid; gap:8px; margin:22px 0; }.story-values span { color:#3d3c38; font-size:11px; font-weight:700; }.story-values .icon { color:#bc9145; }
.location-section { padding:92px 0; background:#18191b; color:#f7f5ee; }.location-grid { display:grid; grid-template-columns:.85fr 1.15fr; gap:9%; align-items:center; }.location-copy h2 { font-size:clamp(34px,4vw,52px); }.location-copy>.eyebrow { color:var(--gold-light); }.location-copy>p:not(.eyebrow) { max-width:370px; color:#c3c1ba; font-size:13px; }.location-copy dl { display:grid; gap:15px; margin:29px 0; }.location-copy dl>div { display:grid; grid-template-columns:107px 1fr; gap:10px; }.location-copy dt { display:flex; align-items:start; gap:6px; color:#e7d4aa; font-size:10px; font-weight:800; }.location-copy dd { margin:0; color:#c8c6bf; font-size:11px; line-height:1.65; }.location-copy dd a:hover { color:var(--gold); }.map-wrap { min-height:405px; overflow:hidden; border:1px solid rgba(255,255,255,.14); filter:grayscale(1) contrast(.9) brightness(.75); }.map-wrap iframe { display:block; width:100%; height:405px; border:0; }
.contact-section { background:#f8f7f3; }.contact-grid { display:grid; grid-template-columns:.85fr 1.15fr; gap:11%; }.contact-grid h2 { font-size:clamp(30px,3.8vw,48px); }.contact-grid>div>p:not(.eyebrow) { max-width:365px; color:#62605a; font-size:13px; }.contact-channels { display:grid; max-width:390px; margin-top:27px; border-top:1px solid var(--line); }.contact-channels a { display:grid; grid-template-columns:26px 1fr 17px; align-items:center; gap:11px; padding:12px 0; border-bottom:1px solid var(--line); }.contact-channels a>.icon:first-child { color:#b78b3e; }.contact-channels b,.contact-channels span span { display:block; }.contact-channels b { font-size:11px; }.contact-channels span { color:var(--muted); font-size:10px; }.contact-channels a>.icon:last-child { color:#a37830; }.contact-form { display:grid; gap:15px; padding:28px; background:#fff; border:1px solid #e2ded5; border-top:3px solid var(--gold); }.form-row { display:grid; grid-template-columns:1fr 1fr; gap:12px; }.contact-form label { display:block; margin-bottom:5px; color:#343430; font-size:10px; font-weight:800; }.contact-form input,.contact-form textarea { width:100%; border:1px solid #dedbd4; border-radius:5px; outline:0; padding:10px; color:#20211f; background:#fcfbf8; font-size:12px; transition:border-color .2s; }.contact-form textarea { resize:vertical; }.contact-form input:focus,.contact-form textarea:focus { border-color:#bd9142; }.form-feedback { min-height:0; margin:0; color:#b74747; font-size:10px; }.form-feedback.success { color:var(--green); }.contact-form .button { justify-self:start; }
.site-footer { padding-top:57px; background:#101113; color:#e7e4dd; }.footer-grid { display:grid; grid-template-columns:1.2fr .7fr 1.1fr 1fr; gap:38px; padding-bottom:48px; }.footer-brand p { max-width:180px; color:#a8a59d; font-size:11px; }.socials { display:flex; gap:7px; margin-top:20px; }.socials a { display:grid; place-content:center; width:29px; height:29px; border:1px solid rgba(255,255,255,.2); border-radius:50%; color:#d6aa57; transition:.2s; }.socials a:hover { background:var(--gold); color:#171819; }.footer-grid h3 { margin:0 0 13px; color:var(--gold-light); font-family:"DM Mono",monospace; font-size:9px; letter-spacing:.1em; text-transform:uppercase; }.footer-link { display:block; margin:7px 0; color:#bfbbb1; font-size:10px; }.footer-link:hover { color:var(--gold); }.footer-info { display:grid; gap:8px; margin:0; padding:0; list-style:none; color:#bfbbb1; font-size:10px; }.footer-info li { display:flex; align-items:flex-start; gap:7px; }.footer-info .icon { color:#d5ac61; }.footer-callout { max-width:175px; margin:0 0 12px; color:#aaa69e; font-size:10px; }.footer-grid .button { min-height:35px; padding:8px 10px; font-size:9px; }.admin-link { display:block; width:max-content; margin-top:14px; color:#aaa69e; border-bottom:1px solid #76644a; font-size:9px; }.footer-bottom { display:flex; justify-content:space-between; gap:10px; padding:15px 0; border-top:1px solid rgba(255,255,255,.12); color:#77766f; font-family:"DM Mono",monospace; font-size:8px; }.floating-whatsapp { position:fixed; z-index:20; right:23px; bottom:23px; display:flex; align-items:center; gap:8px; height:48px; padding:0 13px 0 6px; border:2px solid var(--gold-light); border-radius:25px; background:#171819; color:#f5f1e6; box-shadow:0 7px 22px rgba(0,0,0,.24); font-size:10px; font-weight:800; transition:transform .2s; }.floating-whatsapp:hover { transform:translateY(-3px); }.floating-whatsapp .icon { display:grid; place-content:center; width:33px; height:33px; padding:7px; border-radius:50%; background:#27a879; color:#fff; }
.modal-card { position:relative; z-index:1; width:min(800px,calc(100% - 30px)); max-height:calc(100vh - 40px); overflow-y:auto; margin:20px auto; background:#fbfaf7; border-radius:12px; transform:translateY(16px); transition:transform .25s; }.is-open .modal-card { transform:none; }.modal-close { position:absolute; z-index:3; top:9px; right:9px; color:#222; background:rgba(255,255,255,.9); }.modal-product { display:grid; grid-template-columns:1fr 1fr; min-height:470px; }.modal-product-image { min-height:470px; background:#e8e6df; }.modal-product-image img { width:100%; height:100%; object-fit:cover; mix-blend-mode:multiply; }.modal-product-info { display:flex; flex-direction:column; padding:47px 35px 28px; }.modal-product-info h2 { margin:0; font-size:33px; letter-spacing:-.07em; }.modal-desc { margin:13px 0; color:var(--muted); font-size:12px; }.modal-price { display:flex; align-items:baseline; gap:8px; margin:7px 0 18px; }.modal-price s { color:#89867c; font-size:11px; }.modal-price strong { font-size:24px; letter-spacing:-.05em; }.modal-price span { padding:3px 5px; background:#e9c77f; font-size:8px; font-weight:800; }.modal-details { display:grid; grid-template-columns:1fr 1fr; margin-bottom:17px; border-top:1px solid var(--line); border-bottom:1px solid var(--line); }.modal-details>div { padding:10px 0; }.modal-details>div+div { padding-left:11px; border-left:1px solid var(--line); }.modal-details small,.color-options small { display:block; color:#77736c; font-size:9px; }.modal-details b { display:block; margin-top:2px; font-size:10px; }.text-green { color:var(--green); }.text-red { color:var(--red); }.color-options { margin-bottom:18px; }.color-options>div { display:flex; flex-wrap:wrap; gap:5px; margin-top:6px; }.color-option { display:inline-flex; align-items:center; gap:5px; padding:5px 7px; border:1px solid #d9d5cb; border-radius:4px; background:#fff; font-size:9px; }.color-option.selected { border-color:#bf9347; }.color-option i { display:block; width:7px; height:7px; border-radius:50%; background:#323337; }.color-option:nth-child(2) i { background:#88a5ba; }.color-option:nth-child(3) i { background:#d797a5; }.full-width { width:100%; }.modal-note { margin:10px 0 0; color:#7a776f; text-align:center; font-size:9px; }
.mobile-filter-sheet { display:none; }.sheet-panel { position:absolute; bottom:0; left:0; right:0; max-height:86vh; overflow:auto; padding:20px; border-radius:17px 17px 0 0; background:#fbfaf7; transform:translateY(100%); transition:transform .25s; }.is-open .sheet-panel { transform:none; }.sheet-title { display:flex; align-items:center; justify-content:space-between; padding-bottom:12px; border-bottom:1px solid var(--line); }.sheet-title b { font-size:16px; }.sheet-panel .filter-group { padding:14px 0; }.sheet-panel .button { position:sticky; bottom:0; }
@media (max-width:1050px) { .main-nav { gap:16px; }.hero-phone { transform:scale(.87) rotate(8deg); transform-origin:bottom; }.phone-back { transform:scale(.87) rotate(-18deg); }.products-grid { grid-template-columns:repeat(2,1fr); }.product-media { height:230px; }.offers-intro { grid-template-columns:1fr 1fr; }.offers-intro .button { justify-self:start; }.offer-card { grid-template-columns:112px 1fr; }.offer-card>div:last-child { padding:14px 10px; }.benefits-grid { grid-template-columns:repeat(3,1fr); }.benefits-grid article:nth-child(4),.benefits-grid article:nth-child(5) { border-top:0; }.brands-row { grid-template-columns:repeat(4,1fr); row-gap:18px; }.contact-grid { gap:7%; } }
@media (max-width:760px) { :root { --container:min(100% - 32px,1180px); }.topbar { display:none; }.navbar { min-height:64px; }.main-nav,.nav-actions .whatsapp-button { display:none; }.menu-toggle { display:grid; }.hero { min-height:auto; }.hero-content { min-height:670px; grid-template-columns:1fr; }.hero-copy { z-index:2; align-self:start; padding:59px 0 0; }.hero h1 { font-size:48px; }.hero-text { max-width:360px; margin:17px 0 21px; font-size:13px; }.hero-actions .button { min-height:40px; font-size:10px; }.trust-row { gap:11px; margin-top:21px; font-size:8px; }.hero-visual { position:absolute; z-index:0; right:-80px; bottom:-12px; width:390px; min-height:350px; opacity:.84; }.hero-phone { width:178px; height:348px; border-width:5px; }.phone-front { right:20%; bottom:-37px; }.phone-back { left:0; bottom:-31px; }.camera { left:12px; width:27px; height:27px; border-width:2px; }.camera-one { top:47px; }.camera-two { top:84px; }.camera-three { top:121px; }.orbit-1 { width:320px; height:140px; top:60px; left:-20px; }.orbit-2 { display:none; }.hero-label { display:none; }.hero-card { right:50px; bottom:20px; transform:scale(.82); transform-origin:right; }.service-items { grid-template-columns:1fr 1fr; }.service-items>div { min-height:76px; padding:11px; }.service-items>div:first-child { border-left:0; }.service-items>div:nth-child(3) { border-left:0; }.section { padding:69px 0; }.section-heading { align-items:start; margin-bottom:25px; }.section-heading h2 { font-size:35px; }.section-heading .text-link { margin-top:15px; white-space:nowrap; }.categories-grid { grid-template-columns:1fr 1fr; }.category-card { min-height:130px; padding:17px 14px; gap:10px; }.category-card small { max-width:96px; font-size:9px; }.category-icon { width:34px; height:34px; }.products-heading { display:block; }.heading-copy { margin-top:13px; }.catalog-toolbar { display:grid; grid-template-columns:1fr auto; }.catalog-search { max-width:none; }.filter-button { display:flex; }.sort-wrap { grid-column:1/-1; justify-content:flex-end; margin-left:0; }.catalog-layout { display:block; }.filters-panel { display:none; }.catalog-result { margin-top:0; }.products-grid { gap:10px; }.product-media { height:154px; }.product-content { padding:11px; }.product-content h3 { font-size:13px; }.product-spec { overflow:hidden; margin-bottom:7px; font-size:8px; text-overflow:ellipsis; white-space:nowrap; }.price-line { min-height:23px; gap:3px; flex-wrap:wrap; }.price-line strong { font-size:14px; }.price-line s { font-size:7px; }.stock { margin:4px 0 8px; font-size:8px; }.product-actions { display:block; }.product-actions .button-quiet { display:none; }.product-actions .button { width:100%; min-height:31px; font-size:8px; }.product-favorite { top:6px; right:6px; width:25px; height:25px; }.product-badge { top:6px; left:6px; font-size:7px; }.quick-view { display:none; }.offers-section { padding:63px 0; }.offers-intro { display:block; }.offers-intro p { max-width:315px; margin:13px 0 16px; }.offer-cards { grid-template-columns:1fr; gap:9px; }.offer-card { grid-template-columns:107px 1fr; min-height:139px; }.offer-card>div:last-child { padding:13px; }.offer-card h3 { font-size:14px; }.offer-card s { margin-top:6px; }.whatsapp-inner { min-height:0; grid-template-columns:48px 1fr; gap:13px; padding:28px 0; }.whatsapp-pulse { width:43px; height:43px; }.whatsapp-pulse .icon { width:22px; height:22px; }.whatsapp-inner h2 { font-size:21px; }.whatsapp-inner p:not(.eyebrow) { font-size:10px; }.whatsapp-inner .button { grid-column:1/-1; margin-top:4px; }.benefits-grid { grid-template-columns:1fr 1fr; }.benefits-grid article { min-height:176px; padding:19px 14px; }.benefits-grid article:nth-child(4) { border-top:1px solid var(--line); }.benefits-grid article:nth-child(5) { grid-column:1/-1; border-top:0; }.benefits-grid h3 { margin-top:17px; font-size:12px; }.brand-section { padding:52px 0; }.brand-section h2 { font-size:29px; }.brands-row { grid-template-columns:repeat(3,1fr); gap:16px; margin-top:25px; }.brands-row span { font-size:16px; }.story-grid,.location-grid,.contact-grid { grid-template-columns:1fr; gap:32px; }.story-image { height:340px; }.store-photo { right:25px; }.story-copy h2,.location-copy h2,.contact-grid h2 { font-size:34px; }.location-section { padding:66px 0; }.location-copy dl>div { grid-template-columns:92px 1fr; }.map-wrap,.map-wrap iframe { min-height:275px; height:275px; }.contact-form { padding:20px; }.form-row { grid-template-columns:1fr; gap:15px; }.footer-grid { grid-template-columns:1fr 1fr; gap:31px 20px; padding-bottom:31px; }.footer-brand { grid-column:1/-1; }.footer-bottom { flex-direction:column; }.floating-whatsapp { right:15px; bottom:15px; width:48px; padding:6px; justify-content:center; border-color:#fff; }.floating-whatsapp span { display:none; }.floating-whatsapp .icon { width:34px; height:34px; }.modal-product { grid-template-columns:1fr; }.modal-product-image { min-height:255px; max-height:255px; }.modal-product-info { padding:25px 22px 21px; }.mobile-filter-sheet { display:block; } }
@media (max-width:380px) { .hero h1 { font-size:42px; }.hero-actions { display:grid; }.categories-grid { grid-template-columns:1fr; }.category-card { min-height:104px; }.product-media { height:136px; }.footer-grid { grid-template-columns:1fr; }.footer-brand { grid-column:auto; } }