@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";:root{--hue:28;--bg-base:oklch(.965 .018 var(--hue));--bg-soft:oklch(.925 .034 var(--hue));--surface:oklch(.992 .009 var(--hue));--surface-strong:oklch(.91 .042 var(--hue));--text-main:oklch(.22 .028 var(--hue));--text-soft:oklch(.48 .033 var(--hue));--accent:oklch(56% .13 32);--accent-deep:oklch(42% .12 30);--whatsapp:oklch(57% .13 148);--line:oklch(.83 .032 var(--hue));--shadow:0 22px 58px oklch(.28 .06 var(--hue) / .13);--ease-expo:cubic-bezier(.16, 1, .3, 1);--ease-quint:cubic-bezier(.22, 1, .36, 1)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:linear-gradient(180deg, oklch(.94 .034 var(--hue)), var(--bg-base) 480px), var(--bg-base);color:var(--text-main);-webkit-font-smoothing:antialiased;margin:0;font-family:Outfit,system-ui,sans-serif}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}.store-shell{min-height:100vh}.app-topbar,.filter-panel,.store-main{width:min(1280px,100% - 32px);margin-inline:auto}.app-topbar{z-index:20;border-bottom:1px solid var(--line);background:oklch(.975 .016 var(--hue) / .94);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);grid-template-columns:auto minmax(260px,1fr) auto;align-items:center;gap:18px;padding:14px 0;display:grid;position:sticky;top:0}.brand-lockup{min-width:0;color:var(--text-main);align-items:center;gap:12px;text-decoration:none;display:flex}.brand-lockup img{object-fit:contain;width:50px;height:54px;filter:drop-shadow(0 8px 18px oklch(.28 .04 var(--hue) / .12))}.brand-lockup span{gap:2px;min-width:0;display:grid}.brand-lockup strong{font-size:1.22rem;line-height:1}.brand-lockup small{color:var(--text-soft);white-space:nowrap;font-size:.82rem}.eyebrow{color:var(--accent-deep);letter-spacing:.15em;text-transform:uppercase;margin:0 0 10px;font-size:.72rem;font-weight:700}.search-box{gap:7px;display:grid}.search-box span,.filter-group p{color:var(--text-soft);letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:.74rem;font-weight:700}.search-box input{border:1px solid var(--line);background:var(--surface);width:100%;color:var(--text-main);transition:border-color .22s var(--ease-quint), box-shadow .22s var(--ease-quint);border-radius:999px;outline:none;padding:14px 18px}.search-box input:focus{border-color:var(--accent);box-shadow:0 0 0 4px oklch(.62 .12 var(--hue) / .13)}.filter-toggle,.side-menu-trigger,.filter-options button,.store-product button,.btn-enviar-zap,.drawer-link,.back-to-store{transition:transform .22s var(--ease-expo), background .22s var(--ease-quint), color .22s var(--ease-quint), border-color .22s var(--ease-quint);border:0;border-radius:999px;font-weight:700;text-decoration:none}.filter-toggle{border:1px solid var(--line);background:var(--surface);min-width:118px;color:var(--text-main);text-align:left;gap:2px;padding:11px 16px;display:grid}.filter-toggle span{color:var(--accent-deep);font-size:.76rem}.filter-toggle:hover,.filter-toggle[aria-expanded=true],.side-menu-trigger:hover,.side-menu-trigger[aria-expanded=true],.filter-options button:hover,.filter-options button.is-active,.store-product button:hover,.btn-enviar-zap:hover,.drawer-link:hover{transform:translateY(-2px)}.side-menu-trigger{z-index:30;border:1px solid var(--line);background:var(--surface);width:54px;min-height:112px;color:var(--text-main);box-shadow:0 14px 34px oklch(.28 .06 var(--hue) / .12);border-left:0;border-radius:0 8px 8px 0;place-items:center;display:grid;position:fixed;top:50%;left:0;transform:translateY(-50%)}.side-menu-trigger:hover,.side-menu-trigger[aria-expanded=true]{transform:translateY(-50%)translate(2px)}.side-menu-trigger>span{background:var(--accent-deep);border-radius:999px;width:24px;height:3px;display:block}.side-menu-trigger small{writing-mode:vertical-rl;color:var(--text-soft);letter-spacing:.12em;text-transform:uppercase;font-size:.72rem;font-weight:700}.filter-panel{z-index:15;border:1px solid var(--line);background:oklch(.986 .012 var(--hue) / .96);box-shadow:0 18px 44px oklch(.28 .06 var(--hue) / .1);animation:panelIn .26s var(--ease-quint) both;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-top:0;border-radius:0 0 8px 8px;grid-template-columns:minmax(0,1fr) minmax(220px,.56fr);gap:18px;padding:18px;display:grid;position:sticky;top:83px}.filter-group{gap:10px;display:grid}.filter-options{flex-wrap:wrap;gap:8px;display:flex}.filter-options button{border:1px solid var(--line);background:var(--surface);color:var(--text-soft);align-items:center;gap:9px;padding:10px 13px;display:flex}.filter-options button.is-active{border-color:oklch(.65 .08 var(--hue));background:var(--accent-deep);color:var(--surface)}.filter-options small{background:oklch(.92 .036 var(--hue));min-width:24px;height:24px;color:var(--accent-deep);border-radius:999px;place-items:center;font-size:.76rem;display:grid}.filter-options .is-active small{background:oklch(.98 .012 var(--hue) / .88)}.store-main{padding:30px 0 46px}.product-body span,.pedido-resumo span,.about-direction span{color:var(--accent-deep);letter-spacing:.12em;text-transform:uppercase;font-size:.72rem;font-weight:700}.store-product button{background:var(--accent);color:var(--surface)}.store-product button:hover{background:var(--accent-deep)}.section-title{justify-content:space-between;align-items:end;gap:18px;margin-bottom:14px;display:flex}.section-title h2{color:var(--text-main);letter-spacing:0;margin:0;font-size:clamp(1.8rem,3vw,3.1rem);font-weight:600;line-height:1}.section-title>span{color:var(--text-soft);font-weight:700}.product-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;display:grid}.store-product{border:1px solid var(--line);background:var(--surface);box-shadow:0 10px 26px oklch(.28 .06 var(--hue) / .06);animation:itemIn .48s var(--ease-expo) both;animation-delay:var(--delay);border-radius:8px;grid-template-rows:230px 1fr auto;display:grid;overflow:hidden}.product-media{background:var(--bg-soft);min-width:0;min-height:0;position:relative;overflow:hidden}.store-product img{object-fit:cover;background:var(--bg-soft);width:100%;height:100%}.product-media span{border:1px solid oklch(.98 .01 var(--hue) / .62);background:oklch(.24 .028 var(--hue) / .72);color:var(--surface);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:999px;padding:7px 10px;font-size:.72rem;font-weight:700;position:absolute;bottom:10px;right:10px}.product-body{min-width:0;padding:14px 14px 0}.product-body h3{min-height:2.5em;color:var(--text-main);letter-spacing:0;margin:8px 0 0;font-size:1.1rem;font-weight:700;line-height:1.15}.product-body p{min-height:3.9em;color:var(--text-soft);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:9px 0 0;font-size:.92rem;line-height:1.3;display:-webkit-box;overflow:hidden}.product-buy{justify-content:space-between;align-items:center;gap:12px;padding:14px;display:flex}.product-buy strong{font-size:1.18rem}.product-buy button{padding:10px 15px}.empty-state{border:1px solid var(--line);background:var(--surface);border-radius:8px;padding:26px}.empty-state h3{margin:0;font-size:1.4rem}.empty-state p{color:var(--text-soft);margin:8px 0 0}.footer{border-top:1px solid var(--line);color:var(--text-soft);justify-content:space-between;align-items:center;gap:18px;margin-top:36px;padding-top:22px;display:flex}.footer span{font-weight:700}.footer a{color:var(--accent-deep);font-weight:700;text-decoration:none}.modal-overlay{z-index:50;background:oklch(.18 .03 var(--hue) / .44);animation:fadeIn .24s var(--ease-quint) both;justify-content:center;align-items:center;padding:18px;display:flex;position:fixed;inset:0}.drawer-overlay{z-index:45;background:oklch(.18 .03 var(--hue) / .38);animation:fadeIn .22s var(--ease-quint) both;justify-content:flex-start;display:flex;position:fixed;inset:0}.info-drawer{background:var(--surface);width:min(760px,100%);height:100%;box-shadow:24px 0 58px oklch(.28 .06 var(--hue) / .14);animation:drawerIn .42s var(--ease-expo) both;padding:clamp(18px,4vw,42px);overflow-y:auto}.back-to-store{border:1px solid var(--line);background:var(--surface);color:var(--text-main);padding:12px 16px}.about-page{border-bottom:1px solid var(--line);justify-items:start;padding:clamp(34px,6vw,76px) 0 clamp(28px,5vw,52px);display:grid}.about-page img{object-fit:contain;width:74px;height:78px;margin-bottom:24px}.about-page h2{max-width:8ch;color:var(--text-main);letter-spacing:0;margin:0;font-size:clamp(3.2rem,12vw,7.4rem);font-weight:700;line-height:.88}.about-page strong{max-width:30ch;color:var(--text-main);margin-top:30px;font-size:clamp(1.45rem,3vw,2.3rem);font-weight:600;line-height:1.08;display:block}.about-page>p:not(.eyebrow){max-width:62ch;color:var(--text-soft);margin:20px 0 0;font-size:1.08rem;line-height:1.7}.about-highlights{flex-wrap:wrap;gap:10px;margin-top:28px;display:flex}.about-highlights span{border:1px solid oklch(.76 .04 var(--hue));background:oklch(.985 .012 var(--hue) / .68);color:var(--accent-deep);border-radius:999px;padding:10px 14px;font-size:.9rem;font-weight:700}.about-direction{gap:12px;padding-top:28px;display:grid}.about-direction h3{color:var(--text-main);letter-spacing:0;margin:0 0 4px;font-size:clamp(1.5rem,3vw,2.4rem);font-weight:600}.about-direction article{border:1px solid var(--line);background:oklch(.97 .018 var(--hue));border-radius:8px;padding:18px}.about-direction p{color:var(--text-main);margin:10px 0 0;line-height:1.45}.drawer-link{background:var(--whatsapp);color:var(--surface);text-align:center;margin-top:24px;padding:15px 18px;display:block}.drawer-link:hover{background:oklch(46% .12 148)}.modal-content{background:var(--surface);width:min(620px,100%);max-height:min(92vh,780px);box-shadow:var(--shadow);animation:slideUp .44s var(--ease-expo) both;border-radius:8px;overflow-y:auto}.product-modal{width:min(1160px,100%);max-height:min(94vh,900px);overflow:hidden}.modal-header{justify-content:space-between;align-items:start;gap:18px;padding:30px 30px 12px;display:flex}.modal-header h2{letter-spacing:0;margin:0;font-size:clamp(1.7rem,5vw,3rem);font-weight:600;line-height:1}.product-modal-header{border-bottom:1px solid var(--line);grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:18px clamp(18px,3vw,30px);display:grid}.product-back{white-space:nowrap}.gallery-counter{color:var(--accent-deep);letter-spacing:.12em;text-align:center;text-transform:uppercase;font-size:.76rem;font-weight:800}.btn-fechar{border:1px solid var(--line);width:38px;height:38px;color:var(--text-soft);background:0 0;border-radius:50%;font-size:1.1rem}.product-detail-layout{grid-template-columns:minmax(0,1.24fr) minmax(320px,.76fr);max-height:calc(min(94vh,900px) - 75px);display:grid;overflow:hidden}.product-gallery{background:oklch(.945 .026 var(--hue));grid-template-columns:76px minmax(0,1fr);gap:14px;min-height:0;padding:clamp(16px,3vw,30px);display:grid}.gallery-thumbs{align-content:start;gap:10px;min-height:0;padding-right:4px;display:grid;overflow-y:auto}.gallery-thumbs button{border:1px solid var(--line);background:var(--surface);width:68px;height:82px;transition:border-color .22s var(--ease-quint), transform .22s var(--ease-expo), box-shadow .22s var(--ease-quint);border-radius:8px;padding:0;overflow:hidden}.gallery-thumbs button:hover,.gallery-thumbs button.is-active{border-color:var(--accent);box-shadow:0 10px 24px oklch(.28 .06 var(--hue) / .12);transform:translateY(-2px)}.gallery-thumbs img,.gallery-stage img{width:100%;height:100%}.gallery-thumbs img{object-fit:cover}.gallery-stage{border:1px solid oklch(.86 .03 var(--hue));background:radial-gradient(circle at 24% 18%, oklch(.98 .018 var(--hue)), transparent 36%), var(--surface);border-radius:8px;place-items:center;min-height:520px;display:grid;overflow:hidden}.gallery-stage img{object-fit:contain;animation:imageSettle .36s var(--ease-expo) both}.detail-panel{border-left:1px solid var(--line);background:var(--surface);min-height:0;padding:clamp(22px,3vw,36px);overflow-y:auto}.detail-panel h2{color:var(--text-main);letter-spacing:0;margin:0;font-size:clamp(2rem,4vw,4.1rem);font-weight:600;line-height:.96}.detail-price{color:var(--accent-deep);margin-top:18px;font-size:clamp(1.5rem,3vw,2.2rem);display:block}.detail-panel>p:not(.eyebrow){color:var(--text-soft);margin:14px 0 0;line-height:1.55}.detail-panel .pedido-form{gap:16px;margin-top:24px;padding:0}.pedido-resumo{background:var(--bg-soft);border-radius:8px;align-items:center;gap:16px;margin:10px 30px 24px;padding:14px;display:flex}.pedido-resumo img{object-fit:cover;border-radius:8px;width:76px;height:88px}.pedido-resumo strong{margin-top:6px;font-size:1.3rem;display:block}.pedido-form{gap:20px;padding:0 30px 30px;display:grid}.pedido-form label{color:var(--text-soft);letter-spacing:.11em;text-transform:uppercase;gap:8px;font-size:.76rem;font-weight:700;display:grid}.pedido-form input{border:0;border-bottom:1px solid var(--line);width:100%;color:var(--text-main);transition:border-color .22s var(--ease-quint);background:0 0;border-radius:0;outline:none;padding:10px 0 12px;font-size:1.08rem}.pedido-form input:focus{border-bottom-color:var(--accent)}.btn-enviar-zap{background:var(--whatsapp);color:var(--surface);margin-top:10px;padding:16px 20px}.btn-enviar-zap:hover{background:oklch(46% .12 148)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(24px)}to{transform:translateY(0)}}@keyframes itemIn{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes panelIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes drawerIn{0%{transform:translate(-28px)}to{transform:translate(0)}}@keyframes imageSettle{0%{opacity:0;transform:scale(.985)}to{opacity:1;transform:scale(1)}}@media (width<=900px){.app-topbar{grid-template-columns:1fr auto;gap:12px}.search-box{grid-area:2/1/auto/-1}.filter-panel{grid-template-columns:1fr;top:126px}.product-modal{overflow-y:auto}.product-detail-layout{grid-template-columns:1fr;max-height:none;overflow:visible}.product-gallery{grid-template-columns:1fr}.gallery-thumbs{order:2;grid-template-columns:repeat(auto-fill,minmax(64px,1fr));grid-auto-columns:68px;grid-auto-flow:column;padding:2px 0;overflow:auto hidden}.gallery-stage{order:1;min-height:440px}.detail-panel{border-left:0;border-top:1px solid var(--line);overflow:visible}}@media (width<=620px){.app-topbar,.filter-panel,.store-main{width:min(100% - 20px,1280px)}.app-topbar{padding:10px 0}.brand-lockup img{width:44px;height:48px}.brand-lockup small{display:none}.filter-toggle{min-width:96px;padding:10px 12px}.filter-panel{padding:14px;top:113px}.side-menu-trigger{border:1px solid var(--line);border-left:1px solid var(--line);border-radius:50%;width:58px;min-height:58px;top:auto;bottom:18px;transform:none}.side-menu-trigger:hover,.side-menu-trigger[aria-expanded=true]{transform:translateY(-2px)}.side-menu-trigger small{display:none}.filter-options{flex-wrap:nowrap;margin-inline:-2px;padding:2px;overflow-x:auto}.filter-options button{flex:none}.store-main{padding-top:18px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.store-product{grid-template-rows:170px 1fr auto}.product-body{padding:11px 11px 0}.product-body h3{min-height:3.4em;font-size:.98rem}.product-body p{display:none}.product-buy{flex-direction:column;align-items:stretch;padding:11px}.product-buy button,.drawer-link{width:100%}.section-title,.footer{flex-direction:column;align-items:flex-start}.modal-overlay{align-items:end;padding:0}.modal-content{border-radius:0}.product-modal{overscroll-behavior:contain;width:100%;height:100dvh;max-height:none}.product-modal-header{z-index:4;background:var(--surface);grid-template-columns:1fr auto;padding:14px 16px;position:sticky;top:0}.product-back{width:auto;padding:11px 13px}.gallery-counter{text-align:left;grid-area:2/1/auto/-1}.product-gallery{gap:10px;padding:12px}.gallery-stage{height:min(56dvh,390px);min-height:280px}.gallery-thumbs{grid-auto-columns:58px}.gallery-thumbs button{width:58px;height:70px}.detail-panel{padding:20px 18px 22px}}
