:root {
    --bg: #FEFAF6;
    --surface: #FFFFFF;
    --text: #2D1407;
    --text-sec: #8C7B6E;
    --accent: #8C4B26;
    --accent-light: #B8754A;
    --border: #E8DFD5;
    --gold: #C8963E;
    --heading: 'Cormorant Garamond', serif;
    --body: 'Source Sans 3', sans-serif;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--text);font-family:var(--body);-webkit-font-smoothing:antialiased;line-height:1.5;overflow-x:hidden}

/* SCROLLBAR */
::-webkit-scrollbar{width:8px;height:6px}
::-webkit-scrollbar-track{background:var(--bg)}
::-webkit-scrollbar-thumb{background:var(--accent);border-radius:10px}
::-webkit-scrollbar-thumb:hover{background:var(--accent-light)}
*{scrollbar-width:thin;scrollbar-color:var(--accent) var(--bg)}

/* HERO */
.hero{background:linear-gradient(180deg,#2D1407 0%,#2D1407 55%,#4A2A14 72%,#7A5638 85%,#BFA27E 93%,var(--bg) 100%);padding:3rem 1.5rem 6rem;text-align:center;position:relative}
.hero-logo{max-width:220px;width:100%;height:auto;filter:drop-shadow(0 8px 24px rgba(0,0,0,.3))}
.hero-sub{font-family:var(--body);font-size:.7rem;font-weight:600;letter-spacing:.35em;text-transform:uppercase;color:var(--gold);margin-top:.75rem;opacity:.85}

/* DESTAQUES */
.highlights{padding:2.5rem 0 1rem;max-width:800px;margin:0 auto}
.highlights h2{font-family:var(--heading);font-size:1.75rem;font-weight:600;margin:0 0 1rem 1.5rem;color:var(--text)}
.hl-track{display:flex;gap:.75rem;overflow-x:auto;padding:0 1.5rem 1rem;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.hl-track::-webkit-scrollbar{display:none}
.hl-track::after{content:'';min-width:1px;flex-shrink:0}
.hl-card{min-width:150px;width:150px;height:180px;border-radius:14px;overflow:hidden;position:relative;flex-shrink:0;box-shadow:0 4px 16px rgba(0,0,0,.12)}
.hl-card img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}
.hl-card:hover img{transform:scale(1.08)}
.hl-card::after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.75) 0%,transparent 55%)}
.hl-card span{position:absolute;bottom:.7rem;left:.7rem;right:.5rem;font-size:.85rem;font-weight:600;color:#fff;z-index:2;line-height:1.2}

/* NAV */
.nav{position:sticky;top:0;z-index:100;background:rgba(254,250,246,.96);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border);transition:box-shadow .3s}
.nav.scrolled{box-shadow:0 2px 20px rgba(0,0,0,.06)}
.nav-inner{display:flex;gap:.5rem;overflow-x:auto;padding:.7rem 1.5rem;scrollbar-width:none;max-width:800px;margin:0 auto;-webkit-overflow-scrolling:touch}
.nav-inner::-webkit-scrollbar{display:none}
.nav-btn{background:transparent;border:none;color:var(--text-sec);font-family:var(--body);font-size:.85rem;font-weight:600;padding:.45rem 1rem;border-radius:6px;cursor:pointer;white-space:nowrap;transition:all .2s}
.nav-btn:hover{color:var(--text)}
.nav-btn.active{background:var(--accent);color:#fff}

/* MENU */
.menu{padding:1.5rem 1.5rem 1rem;max-width:800px;margin:0 auto;min-height:50vh}
.sec{display:none;animation:fadeUp .35s ease}
.sec.active{display:block}

/* CATEGORY */
.cat{margin-bottom:2.5rem}
.cat-head{font-family:var(--heading);font-size:1.5rem;font-weight:600;display:flex;align-items:center;gap:.75rem;margin-bottom:.4rem;color:var(--text)}
.cat-head::after{content:'';flex:1;height:1px;background:var(--border)}
.cat-note{font-size:.82rem;color:var(--text-sec);font-style:italic;margin-bottom:.75rem;padding-bottom:.25rem}

/* ITEM */
.row{display:flex;align-items:center;padding:1.1rem 0;border-bottom:1px solid rgba(0,0,0,.05);transition:background .15s}
.row:last-child{border-bottom:none}
.row:hover{background:rgba(140,75,38,.03)}
.row-info{flex:1;min-width:0}
.row-name{font-size:1rem;font-weight:700;color:var(--text)}
.row-desc{font-size:.82rem;color:var(--text-sec);line-height:1.4;margin-top:.2rem}
.row-price{font-weight:600;font-size:.95rem;color:var(--text);white-space:nowrap;margin-left:1rem}
.row-chevron{color:#ccc;margin-left:.4rem;font-size:1rem}

/* EXPANDABLE ITEMS */
.expandable{cursor:pointer;user-select:none}
.expandable .row-chevron{transition:transform .25s;display:inline-block}
.expandable.open .row-chevron{transform:rotate(90deg)}
.sub-options{display:none;padding:0 0 .5rem 1rem;border-bottom:1px solid rgba(0,0,0,.04)}
.sub-options.show{display:block;animation:fadeUp .25s ease}
.sub-row{display:flex;justify-content:space-between;align-items:center;padding:.45rem 0;font-size:.88rem;color:var(--text-sec)}
.sub-row span:last-child{font-weight:600;color:var(--text)}

/* TAGS */
.tags{display:flex;flex-wrap:wrap;gap:.45rem;padding:.5rem 0}
.tag{font-size:.82rem;color:var(--text);background:#F3ECDF;padding:.3rem .7rem;border-radius:20px;font-weight:500;border:1px solid rgba(200,150,62,.15);transition:all .2s}
.tag:hover{background:rgba(200,150,62,.12);border-color:var(--gold)}

/* FOOTER */
.foot{display:flex;flex-direction:column;align-items:center;padding:2.5rem 1.5rem 1.5rem;background:#2D1407;color:rgba(255,255,255,.7)}
.foot-logo{max-width:130px;height:auto;margin-bottom:1.5rem;opacity:.9}
.foot-insta{display:inline-flex;align-items:center;gap:.45rem;color:#fff;font-weight:600;font-size:.88rem;text-decoration:none;padding:.5rem 1.2rem;border:1px solid rgba(255,255,255,.2);border-radius:2rem;transition:all .25s ease;margin-bottom:.25rem}
.foot-insta:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.4)}
.foot-insta svg{flex-shrink:0}
.foot-legal{font-size:.72rem;color:rgba(255,255,255,.45);margin-top:1rem;font-style:italic}
.foot-dev{margin-top:1.5rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;gap:.6rem;font-size:.85rem;color:rgba(255,255,255,.5)}
.foot-dev a{display:inline-flex;align-items:center;text-decoration:none;color:rgba(255,255,255,.6);transition:opacity .2s}
.foot-dev a:hover{opacity:.7}
.foot-dev img{height:28px;width:auto;opacity:.8}

@keyframes fadeUp{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}

/* SEARCH */
.search-wrap{max-width:800px;margin:0 auto;padding:1rem 1.5rem .5rem}
.search-box{width:100%;padding:.65rem 1rem .65rem 2.5rem;border:1px solid var(--border);border-radius:10px;background:var(--surface);font-family:var(--body);font-size:.9rem;color:var(--text);outline:none;transition:border-color .2s,box-shadow .2s}
.search-box:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(140,75,38,.1)}
.search-box::placeholder{color:var(--text-sec)}
.search-wrap{position:relative}
.search-wrap::before{content:'';position:absolute;left:2.3rem;top:50%;transform:translateY(-50%);width:16px;height:16px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%238C7B6E' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='7' cy='7' r='5'/%3E%3Cpath d='m13 13-3-3'/%3E%3C/svg%3E");background-repeat:no-repeat;z-index:1;pointer-events:none}
.search-empty{text-align:center;padding:3rem 1rem;color:var(--text-sec);font-size:.95rem;display:none}
.row.hidden,.cat.hidden{display:none!important}

/* EXPANDABLE BADGE */
.expand-badge{font-size:.68rem;color:var(--accent);background:rgba(140,75,38,.08);padding:.15rem .5rem;border-radius:4px;margin-left:.5rem;font-weight:600;letter-spacing:.02em}
.expandable.open .expand-badge{opacity:.5}

/* BACK TO TOP */
.btt{position:fixed;bottom:1.5rem;right:1.5rem;width:42px;height:42px;border-radius:50%;background:var(--accent);color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 14px rgba(0,0,0,.2);opacity:0;visibility:hidden;transform:translateY(10px);transition:all .3s ease;z-index:200}
.btt.visible{opacity:1;visibility:visible;transform:translateY(0)}
.btt:hover{background:var(--accent-light);transform:translateY(-2px)}
.btt svg{width:20px;height:20px}

/* RESPONSIVE */
@media(max-width:480px){
    .hero{padding:2rem 1rem 3rem}
    .hero-logo{max-width:180px}
    .highlights h2{font-size:1.5rem;margin-left:1rem}
    .hl-track{padding:0 1rem .5rem;gap:.6rem}
    .hl-card{min-width:115px;width:115px;height:140px}
    .nav-inner{padding:.6rem 1rem;gap:.4rem}
    .nav-btn{font-size:.8rem;padding:.4rem .8rem}
    .menu{padding:1rem}
    .cat-head{font-size:1.3rem}
    .row-name{font-size:.95rem}
    .row-price{font-size:.88rem}
    .search-wrap{padding:0 1rem .5rem}
    .btt{bottom:1rem;right:1rem;width:38px;height:38px}
}
@media(min-width:768px){
    .hero{padding:4rem 2rem 4.5rem}
    .hero-logo{max-width:280px}
    .hl-card{min-width:150px;width:150px;height:180px}
    .cat-head{font-size:1.65rem}
}

/* DARK MODE TOGGLE */
.theme-toggle{position:fixed;top:1rem;right:1rem;width:38px;height:38px;border-radius:50%;background:var(--surface);border:1px solid var(--border);cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 10px rgba(0,0,0,.1);z-index:300;transition:all .3s ease;font-size:1.1rem;line-height:1}
.theme-toggle:hover{transform:scale(1.1);box-shadow:0 4px 16px rgba(0,0,0,.15)}

/* DARK MODE (class-based) */
body.dark{--bg:#1A1210;--surface:#231C18;--text:#F0E8E0;--text-sec:#9E8E82;--border:#3A2E26;--accent:#C8793A;--accent-light:#D99550;--gold:#D4A64E}
body.dark{background:var(--bg)}
body.dark .hero{background:linear-gradient(180deg,#0F0A08 0%,#0F0A08 55%,#1E1410 72%,#2D1F15 85%,#1A1210 100%)}
body.dark .nav{background:rgba(26,18,16,.96);border-bottom-color:var(--border)}
body.dark .search-box{background:var(--surface);border-color:var(--border);color:var(--text)}
body.dark .search-box:focus{box-shadow:0 0 0 3px rgba(200,121,58,.15)}
body.dark .tag{background:#2A211B;border-color:rgba(200,150,62,.2);color:var(--text)}
body.dark .hl-card{box-shadow:0 4px 16px rgba(0,0,0,.4)}
body.dark .row:hover{background:rgba(200,121,58,.06)}
body.dark .expand-badge{background:rgba(200,121,58,.15)}
body.dark .foot{background:#0F0A08}
body.dark .theme-toggle{background:var(--surface);border-color:var(--border)}
body.dark ::-webkit-scrollbar-track{background:var(--bg)}
body.dark ::-webkit-scrollbar-thumb{background:var(--accent)}