@import "https://fonts.googleapis.com/css2?family=Noto+Serif:wght@400;500;600;700&family=Hanken+Grotesk:wght@400;500;600;700&family=Material+Symbols+Outlined:wght,FILL@100..700,0..1&display=swap";:root{--color-primary:#193619;--color-primary-container:#2f4d2e;--color-on-primary:#fff;--color-on-primary-container:#9bbd96;--color-primary-fixed:#c8ecc2;--color-primary-fixed-dim:#add0a7;--color-inverse-primary:#add0a7;--color-secondary:#7d5700;--color-secondary-container:#fcc666;--color-on-secondary:#fff;--color-on-secondary-container:#755100;--color-tertiary:#47281d;--color-tertiary-container:#603e32;--color-on-tertiary:#fff;--color-on-tertiary-container:#d9aa9a;--color-surface:#fff8f2;--color-surface-dim:#e9d8be;--color-surface-bright:#fff8f2;--color-surface-container:#fdecd1;--color-surface-container-low:#fff2e0;--color-surface-container-high:#f7e6cc;--color-surface-container-highest:#f1e0c6;--color-surface-container-lowest:#fff;--color-surface-variant:#f1e0c6;--color-surface-tint:#476645;--color-on-surface:#231a0a;--color-on-surface-variant:#434840;--color-inverse-surface:#392f1d;--color-inverse-on-surface:#ffefd6;--color-background:#fff8f2;--color-on-background:#231a0a;--color-outline:#737970;--color-outline-variant:#c3c8be;--color-error:#ba1a1a;--color-error-container:#ffdad6;--color-on-error:#fff;--color-on-error-container:#93000a;--color-whatsapp:#25d366;--font-serif:"Noto Serif", Georgia, serif;--font-sans:"Hanken Grotesk", system-ui, sans-serif;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--container-max:1200px;--gutter:24px;--margin-mobile:16px;--margin-desktop:64px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:20px;--radius-3xl:24px;--radius-full:9999px;--shadow-card:0px 4px 20px #3d2b1f0a;--shadow-card-hover:0px 12px 40px #3d2b1f1a;--shadow-nav:0px 2px 12px #3d2b1f0f;--shadow-modal:0px 20px 60px #3d2b1f24;--transition-fast:.15s ease;--transition-base:.25s ease;--transition-slow:.4s ease}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font-sans);color:var(--color-on-surface);background-color:var(--color-surface);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;line-height:1.6;overflow-x:hidden}img,video{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}input,select,textarea{font-family:inherit}ul,ol{list-style:none}.scrollbar-hide::-webkit-scrollbar{display:none}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.container{max-width:var(--container-max);padding:0 var(--margin-mobile);margin:0 auto}@media (width>=768px){.container{padding:0 var(--margin-desktop)}}.section-padding{padding-top:var(--space-16);padding-bottom:var(--space-16)}.font-serif{font-family:var(--font-serif)}.font-sans{font-family:var(--font-sans)}.text-display{font-family:var(--font-serif);letter-spacing:-.02em;font-size:clamp(32px,5vw,52px);font-weight:700;line-height:1.1}.text-headline-lg{font-family:var(--font-serif);font-size:clamp(24px,3vw,32px);font-weight:600;line-height:1.2}.text-headline-md{font-family:var(--font-serif);font-size:22px;font-weight:600;line-height:1.3}.text-headline-sm{font-family:var(--font-serif);font-size:18px;font-weight:600;line-height:1.4}.text-body-lg{font-size:18px;font-weight:400;line-height:1.6}.text-body-md{font-size:16px;font-weight:400;line-height:1.6}.text-label-md{letter-spacing:.05em;font-size:14px;font-weight:600;line-height:1.2}.text-label-sm{letter-spacing:.03em;font-size:12px;font-weight:500;line-height:1.2}.btn{border-radius:var(--radius-full);font-family:var(--font-sans);letter-spacing:.02em;white-space:nowrap;cursor:pointer;-webkit-tap-highlight-color:transparent;border:2px solid #0000;justify-content:center;align-items:center;gap:8px;padding:12px 26px;font-size:14px;font-weight:600;transition:background-color .18s,color .18s,border-color .18s,box-shadow .18s,transform .12s;display:inline-flex;position:relative;overflow:hidden}.btn:after{content:"";border-radius:inherit;background:#fff0;transition:background .4s;position:absolute;inset:0}.btn:active:after{background:#ffffff2e;transition:background}.btn-primary{color:#fff;background:linear-gradient(135deg,#2a5c2a 0%,#193619 60%,#112811 100%);border-color:#0000;box-shadow:0 2px 8px #19361940,inset 0 1px #ffffff14}.btn-primary:hover{background:linear-gradient(135deg,#336833 0%,#214821 60%,#193619 100%);transform:translateY(-2px);box-shadow:0 6px 20px #19361959,inset 0 1px #ffffff1a}.btn-primary:active{transform:translateY(0);box-shadow:0 2px 8px #19361933}.btn-primary:disabled{opacity:.55;cursor:not-allowed;box-shadow:none;transform:none}.btn-secondary{color:var(--color-primary);border:2px solid var(--color-primary);box-shadow:none;background:0 0}.btn-secondary:hover{background:var(--color-primary);color:#fff;transform:translateY(-2px);box-shadow:0 4px 16px #19361940}.btn-secondary:active{transform:translateY(0)}.btn-outline{color:var(--color-on-surface-variant);border:1.5px solid var(--color-outline-variant);box-shadow:none;background:0 0}.btn-outline:hover{border-color:var(--color-primary);color:var(--color-primary);background:#1936190a;transform:translateY(-1px)}.btn-outline:active{transform:translateY(0)}.btn-ghost{color:var(--color-primary);background:0 0;border:2px solid #0000}.btn-ghost:hover{background:#19361912;transform:translateY(-1px)}.btn-danger{color:#fff;background:linear-gradient(135deg,#d32f2f,#ba1a1a);border-color:#0000;box-shadow:0 2px 8px #ba1a1a40}.btn-danger:hover{background:linear-gradient(135deg,#e53935,#c62828);transform:translateY(-2px);box-shadow:0 6px 20px #ba1a1a59}.btn-xs{gap:4px;padding:5px 12px;font-size:12px}.btn-sm{gap:6px;padding:8px 18px;font-size:13px}.btn-lg{letter-spacing:.03em;padding:15px 36px;font-size:15px}.btn-xl{letter-spacing:.03em;padding:18px 48px;font-size:17px}.btn-icon{border-radius:var(--radius-full);cursor:pointer;justify-content:center;align-items:center;padding:10px;transition:all .15s;display:inline-flex}.btn.loading{pointer-events:none;opacity:.7}.btn-whatsapp{color:#fff;background:linear-gradient(135deg,#25d366,#1da851);border-color:#0000;box-shadow:0 2px 8px #25d3664d}.btn-whatsapp:hover{transform:translateY(-2px);box-shadow:0 6px 20px #25d36666}.input{border:1.5px solid var(--color-outline-variant);border-radius:var(--radius-lg);background:var(--color-surface-container-lowest);width:100%;color:var(--color-on-surface);font-size:16px;font-family:var(--font-sans);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);outline:none;padding:12px 16px}.input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #1936191f}.input::placeholder{color:var(--color-outline)}.input.input-error{border-color:var(--color-error)}.label{color:var(--color-on-surface-variant);letter-spacing:.03em;margin-bottom:6px;font-size:13px;font-weight:600;display:block}.form-group{margin-bottom:var(--space-4);flex-direction:column;gap:6px;display:flex}.error-text{color:var(--color-error);margin-top:4px;font-size:12px}.card{background:var(--color-surface-container-lowest);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);border:1px solid var(--color-surface-container);transition:box-shadow var(--transition-base), transform var(--transition-base);overflow:hidden}.card:hover{box-shadow:var(--shadow-card-hover)}.badge{border-radius:var(--radius-full);letter-spacing:.08em;text-transform:uppercase;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);align-items:center;gap:3px;padding:4px 10px;font-size:10px;font-weight:800;display:inline-flex}.badge-organic{color:var(--color-secondary);background:#7d570026;border:1px solid #7d570033}.badge-bestseller{color:#fff;background:linear-gradient(135deg,#a06800,#7d5700);box-shadow:0 2px 6px #7d57004d}.badge-new{color:#fff;background:linear-gradient(135deg,#2a5c2a,#193619);box-shadow:0 2px 6px #1936194d}.pill{border-radius:var(--radius-full);border:1.5px solid var(--color-outline-variant);color:var(--color-on-surface-variant);background:var(--color-surface-container-lowest);cursor:pointer;white-space:nowrap;-webkit-tap-highlight-color:transparent;align-items:center;gap:6px;padding:8px 20px;font-size:14px;font-weight:600;transition:all .18s;display:inline-flex;position:relative}.pill:hover{border-color:var(--color-primary);color:var(--color-primary);background:#1936190a;transform:translateY(-1px);box-shadow:0 2px 10px #1936191a}.pill.active{color:#fff;background:linear-gradient(135deg,#2a5c2a,#193619);border-color:#0000;box-shadow:0 3px 12px #1936194d}.pill.active:hover{background:linear-gradient(135deg,#336833,#214821);transform:translateY(-1px);box-shadow:0 5px 16px #19361959}.material-symbols-outlined{font-variation-settings:"FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24;-webkit-user-select:none;user-select:none;font-size:24px}.product-card{background:var(--color-surface-container-lowest);border-radius:var(--radius-2xl);border:1px solid #c3c8be66;flex-direction:column;transition:box-shadow .22s,transform .22s,border-color .22s;display:flex;position:relative;overflow:hidden;box-shadow:0 2px 12px #3d2b1f0f}.product-card:hover{border-color:#1936191f;transform:translateY(-6px);box-shadow:0 16px 48px #19361924}.product-card__image-wrap{aspect-ratio:4/5;background:linear-gradient(145deg, var(--color-surface-container) 0%, var(--color-surface-container-low) 100%);position:relative;overflow:hidden}.product-card__image{object-fit:cover;width:100%;height:100%;transition:transform .6s cubic-bezier(.25,.46,.45,.94)}.product-card:hover .product-card__image{transform:scale(1.07)}.product-card__image-wrap:after{content:"";opacity:0;pointer-events:none;background:linear-gradient(#0000 0%,#19361900 40%);transition:opacity .25s;position:absolute;inset:0}.product-card:hover .product-card__image-wrap:after{opacity:1}.product-card__quick-add{inset-x:0;-webkit-backdrop-filter:blur(10px);opacity:0;background:#ffffffeb;padding:14px 14px 16px;transition:transform .22s cubic-bezier(.16,1,.3,1),opacity .22s;position:absolute;bottom:0;transform:translateY(100%)}.product-card:hover .product-card__quick-add{opacity:1;transform:translateY(0)}.product-card__body{flex-direction:column;flex:1;gap:6px;padding:18px 18px 20px;display:flex}.product-card__meta{border-top:1px solid #c3c8be4d;justify-content:space-between;align-items:center;margin-top:auto;padding-top:10px;display:flex}.product-card__price{font-family:var(--font-serif);color:var(--color-primary);font-size:20px;font-weight:700;line-height:1}.weight-selector{gap:6px;padding-top:10px;display:flex}.weight-btn{border:1.5px solid var(--color-outline-variant);border-radius:var(--radius-md);color:var(--color-on-surface-variant);cursor:pointer;letter-spacing:.02em;background:0 0;flex:1;padding:7px 4px;font-size:12px;font-weight:700;transition:all .15s}.weight-btn:hover{border-color:var(--color-primary);color:var(--color-primary);background:#1936190d}.weight-btn.active{color:#fff;background:linear-gradient(135deg,#2a5c2a,#193619);border-color:#0000;box-shadow:0 2px 8px #1936194d}.carousel-wrapper{padding:0}@media (width>=768px){.carousel-wrapper{padding:0 var(--space-16)}}.carousel-container{border-radius:var(--radius-3xl);aspect-ratio:4/3;box-shadow:var(--shadow-card-hover);position:relative;overflow:hidden}@media (width>=640px){.carousel-container{aspect-ratio:16/8}}@media (width>=900px){.carousel-container{aspect-ratio:16/7}}.carousel-track{will-change:transform;width:100%;height:100%;transition:transform .65s cubic-bezier(.77,0,.175,1);display:flex}.carousel-slide{flex:0 0 100%;width:100%;height:100%;position:relative;overflow:hidden}.carousel-slide img{object-fit:cover;object-position:center;width:100%;height:100%}.carousel-btn{border-radius:var(--radius-full);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);width:44px;height:44px;color:var(--color-primary);cursor:pointer;transition:all var(--transition-fast);z-index:10;box-shadow:var(--shadow-card);background:#fff8f2d9;border:none;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.carousel-btn:hover{background:var(--color-surface-container-lowest);box-shadow:var(--shadow-card-hover);transform:translateY(-50%)scale(1.05)}.carousel-btn-prev{left:16px}.carousel-btn-next{right:16px}.carousel-dots{z-index:10;gap:8px;display:flex;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.carousel-dot{border-radius:var(--radius-full);cursor:pointer;width:8px;height:8px;transition:all var(--transition-fast);background:#ffffff80;border:none}.carousel-dot.active{background:#fff;width:24px}.header{z-index:100;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);transition:box-shadow var(--transition-fast);background:#fff8f2f2;border-bottom:1px solid #c3c8be4d;position:sticky;top:0}.header.scrolled{box-shadow:var(--shadow-nav)}.header__inner{max-width:var(--container-max);padding:0 var(--margin-mobile);justify-content:space-between;align-items:center;gap:var(--space-4);height:68px;margin:0 auto;display:flex}@media (width>=768px){.header__inner{padding:0 var(--margin-desktop)}}.header__logo{align-items:center;gap:var(--space-3);flex-shrink:0;text-decoration:none;display:flex}.header__logo img{object-fit:contain;filter:drop-shadow(0 1px 4px #00000026);border-radius:50%;width:52px;height:52px}.header__logo-text{font-family:var(--font-serif);color:var(--color-primary);font-size:22px;font-weight:700;display:none}@media (width>=640px){.header__logo-text{display:block}}.header__nav{align-items:center;gap:var(--space-8);display:none}@media (width>=768px){.header__nav{display:flex}}.header__nav a{color:var(--color-on-surface-variant);transition:color var(--transition-fast);font-size:15px;font-weight:500;position:relative}.header__nav a:after{content:"";background:var(--color-primary);width:0;height:2px;transition:width var(--transition-base);border-radius:var(--radius-full);position:absolute;bottom:-4px;left:0}.header__nav a:hover,.header__nav a.active{color:var(--color-primary)}.header__nav a:hover:after,.header__nav a.active:after{width:100%}.header__actions{align-items:center;gap:var(--space-2);display:flex}.header__icon-btn{border-radius:var(--radius-full);width:40px;height:40px;color:var(--color-primary);transition:background var(--transition-fast);cursor:pointer;justify-content:center;align-items:center;display:flex;position:relative}.header__icon-btn:hover{background:var(--color-surface-container)}.cart-badge{border-radius:var(--radius-full);background:var(--color-secondary);color:#fff;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 4px;font-size:10px;font-weight:700;display:flex;position:absolute;top:4px;right:4px}#mobile-menu-toggle{display:flex}@media (width>=768px){#mobile-menu-toggle{display:none}}.mobile-menu{z-index:200;display:none;position:fixed;inset:0}.mobile-menu.open{display:flex}.mobile-menu__overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#231a0a80;animation:.2s fade-in;position:absolute;inset:0}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.mobile-menu__panel{background:var(--color-surface);width:300px;height:100%;padding:var(--space-8) var(--space-6);gap:var(--space-6);box-shadow:var(--shadow-modal);flex-direction:column;animation:.25s cubic-bezier(.16,1,.3,1) slide-in-left;display:flex;position:relative;overflow-y:auto}@keyframes slide-in-left{0%{transform:translate(-100%)}to{transform:translate(0)}}.mobile-menu__nav{flex-direction:column;gap:4px;display:flex}.mobile-menu__nav a{padding:var(--space-4) var(--space-3);color:var(--color-on-surface);border-radius:var(--radius-lg);transition:all var(--transition-fast);align-items:center;font-size:16px;font-weight:500;display:flex}.mobile-menu__nav a:hover,.mobile-menu__nav a.active{background:var(--color-surface-container);color:var(--color-primary);padding-left:20px}.mobile-bottom-nav{height:calc(64px + env(safe-area-inset-bottom,0px));padding-bottom:env(safe-area-inset-bottom,0px);-webkit-backdrop-filter:blur(20px);z-index:50;background:#fff8f2f7;border-top:1px solid #c3c8be66;justify-content:space-around;align-items:flex-start;padding-top:4px;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -2px 16px #3d2b1f0f}@media (width>=768px){.mobile-bottom-nav{display:none}}.mobile-bottom-nav__item{color:var(--color-on-surface-variant);border-radius:var(--radius-lg);transition:color var(--transition-fast);flex-direction:column;flex:1;align-items:center;gap:2px;max-width:80px;padding:6px 20px;font-size:10px;font-weight:600;display:flex;position:relative}.mobile-bottom-nav__item.active,.mobile-bottom-nav__item:hover{color:var(--color-primary)}.mobile-bottom-nav__item.active .material-symbols-outlined{font-variation-settings:"FILL" 1, "wght" 500, "GRAD" 0, "opsz" 24}.footer{background:var(--color-surface-container-low);border-top:1px solid var(--color-outline-variant);margin-top:var(--space-20)}.footer__inner{max-width:var(--container-max);padding:var(--space-16) var(--margin-mobile);margin:0 auto}@media (width>=768px){.footer__inner{padding:var(--space-16) var(--margin-desktop)}}.footer__grid{gap:var(--space-10);grid-template-columns:1fr;display:grid}@media (width>=768px){.footer__grid{grid-template-columns:2fr 1fr 1fr}}.footer__brand h2{font-family:var(--font-serif);color:var(--color-primary);margin-bottom:var(--space-3);font-size:22px;font-weight:700}.footer__brand p{color:var(--color-on-surface-variant);max-width:320px;font-size:15px;line-height:1.7}.footer__socials{gap:var(--space-3);margin-top:var(--space-6);display:flex}.footer__social-btn{border-radius:var(--radius-full);width:40px;height:40px;transition:all var(--transition-fast);justify-content:center;align-items:center;display:flex}.footer__col h4{text-transform:uppercase;letter-spacing:.1em;color:var(--color-primary);margin-bottom:var(--space-5);font-size:12px;font-weight:700}.footer__col ul{gap:var(--space-3);flex-direction:column;display:flex}.footer__col ul li a{color:var(--color-on-surface-variant);transition:color var(--transition-fast);font-size:15px}.footer__col ul li a:hover{color:var(--color-primary)}.footer__bottom{margin-top:var(--space-10);padding-top:var(--space-6);align-items:center;gap:var(--space-4);text-align:center;border-top:1px solid #c3c8be4d;flex-direction:column;display:flex}@media (width>=768px){.footer__bottom{text-align:left;flex-direction:row;justify-content:space-between}}.footer__bottom p{color:var(--color-on-surface-variant);font-size:13px}.hero{background:var(--color-surface-container-high);align-items:center;min-height:600px;display:flex;position:relative;overflow:hidden}.hero__bg{position:absolute;inset:0}.hero__bg img{object-fit:cover;opacity:.75;width:100%;height:100%}.hero__gradient{background:linear-gradient(90deg,#fff8f2e6 0%,#fff8f299 50%,#0000 100%);position:absolute;inset:0}.hero__content{z-index:10;max-width:var(--container-max);padding:var(--space-20) var(--margin-mobile);margin:0 auto;position:relative}@media (width>=768px){.hero__content{padding:var(--space-20) var(--margin-desktop)}}.hero__eyebrow{letter-spacing:.15em;text-transform:uppercase;color:var(--color-secondary);margin-bottom:var(--space-4);font-size:12px;font-weight:700}.hero__title{font-family:var(--font-serif);letter-spacing:-.02em;color:var(--color-primary);max-width:600px;margin-bottom:var(--space-5);font-size:clamp(36px,6vw,60px);font-weight:700;line-height:1.1}.hero__description{color:var(--color-on-surface-variant);max-width:480px;margin-bottom:var(--space-8);font-size:18px;line-height:1.7}.section-header{text-align:center;margin-bottom:var(--space-10)}.section-header__eyebrow{letter-spacing:.15em;text-transform:uppercase;color:var(--color-secondary);margin-bottom:var(--space-2);font-size:12px;font-weight:700}.section-header__title{font-family:var(--font-serif);color:var(--color-primary);margin-bottom:var(--space-3);font-size:clamp(24px,3.5vw,36px);font-weight:700}.section-header__subtitle{color:var(--color-on-surface-variant);max-width:560px;margin:0 auto;font-size:16px;line-height:1.7}.products-grid{grid-template-columns:1fr;gap:20px;display:grid}@media (width>=480px){.products-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=900px){.products-grid{grid-template-columns:repeat(3,1fr)}}@media (width>=1100px){.products-grid.grid-4{grid-template-columns:repeat(4,1fr)}}.trust-strip-inner{grid-template-columns:repeat(2,1fr);display:grid}@media (width>=768px){.trust-strip-inner{grid-template-columns:repeat(4,1fr)}.trust-strip-inner>div{border-bottom:none!important}}.about-block{gap:var(--space-10);grid-template-columns:1fr;align-items:center;padding:clamp(48px,7vw,80px) 0;display:grid}@media (width>=768px){.about-block{grid-template-columns:1fr 1fr;gap:clamp(40px,6vw,80px)}.about-block.reverse{direction:rtl}.about-block.reverse>*{direction:ltr}}.about-block__image{border-radius:var(--radius-2xl);aspect-ratio:4/3;position:relative;overflow:hidden;box-shadow:0 16px 48px #19361926}.about-block__image img{object-fit:cover;width:100%;height:100%;display:block}.about-block__content{flex-direction:column;gap:18px;display:flex}.about-block__content h2{font-family:var(--font-serif);color:var(--color-primary);font-size:clamp(24px,3vw,34px);font-weight:700;line-height:1.2}.about-block__content p{color:var(--color-on-surface-variant);font-size:16px;line-height:1.85}@media (width>=640px){.stats-strip-about{grid-template-columns:repeat(4,1fr)!important}.stats-strip-about>div{border-bottom:none!important}.stats-strip-about>div:nth-child(2){border-right:1px solid var(--color-outline-variant)!important}}.cart-item{gap:var(--space-4);padding:var(--space-4);border-bottom:1px solid var(--color-outline-variant);align-items:flex-start;display:flex}.cart-item__image{border-radius:var(--radius-lg);background:var(--color-surface-container-low);flex-shrink:0;width:80px;height:80px;overflow:hidden}.cart-item__image img{object-fit:cover;width:100%;height:100%}.cart-item__details{flex:1;min-width:0}.cart-item__name{font-family:var(--font-serif);color:var(--color-on-surface);margin-bottom:4px;font-weight:600}.cart-item__weight{color:var(--color-on-surface-variant);margin-bottom:var(--space-2);font-size:13px}.qty-controls{align-items:center;gap:var(--space-3);display:flex}.qty-btn{border-radius:var(--radius-full);border:1.5px solid var(--color-outline-variant);width:32px;height:32px;color:var(--color-primary);cursor:pointer;transition:all var(--transition-fast);justify-content:center;align-items:center;font-size:18px;line-height:1;display:flex}.qty-btn:hover{border-color:var(--color-primary);background:var(--color-primary);color:#fff}.qty-value{text-align:center;min-width:24px;font-weight:600}.checkout-layout{gap:var(--space-10);max-width:var(--container-max);padding:var(--space-10) var(--margin-mobile);grid-template-columns:1fr;margin:0 auto;display:grid}@media (width>=768px){.checkout-layout{padding:var(--space-10) var(--margin-desktop);grid-template-columns:1fr 420px}}.qr-box{background:var(--color-surface-container-lowest);border:1.5px solid var(--color-outline-variant);border-radius:var(--radius-xl);padding:var(--space-8);align-items:center;gap:var(--space-4);text-align:center;flex-direction:column;display:flex}.qr-box .amount{font-family:var(--font-serif);color:var(--color-primary);font-size:28px;font-weight:700}.qr-box .vpa{color:var(--color-on-surface-variant);background:var(--color-surface-container);border-radius:var(--radius-md);padding:8px 16px;font-family:monospace;font-size:15px;font-weight:600}.admin-layout{min-height:100vh;display:flex}.admin-sidebar{background:var(--color-primary);color:#fff;width:240px;padding:var(--space-6) 0;z-index:150;flex-direction:column;flex-shrink:0;transition:transform .25s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;top:0;bottom:0;left:0;overflow-y:auto;transform:translate(-100%)}.admin-sidebar.open{transform:translate(0)}@media (width>=900px){.admin-sidebar{flex-shrink:0;height:100vh;position:sticky;top:0;transform:none}}.admin-main{background:var(--color-surface);flex:1;width:100%;min-width:0;overflow-y:auto}@media (width>=900px){.admin-main{margin-left:0}}.admin-sidebar__logo{padding:0 var(--space-6) var(--space-8);font-family:var(--font-serif);color:var(--color-primary-fixed);margin-bottom:var(--space-4);border-bottom:1px solid #ffffff1a;font-size:18px;font-weight:700}.admin-sidebar__nav{padding:0 var(--space-3);flex-direction:column;gap:4px;display:flex}.admin-sidebar__nav a,.admin-sidebar__nav button{align-items:center;gap:var(--space-3);border-radius:var(--radius-lg);color:#ffffffbf;transition:all var(--transition-fast);text-align:left;width:100%;padding:10px 14px;font-size:14px;font-weight:500;text-decoration:none;display:flex}.admin-sidebar__nav a:hover,.admin-sidebar__nav a.active,.admin-sidebar__nav button:hover{color:#fff;background:#ffffff1f}.admin-sidebar__nav a.active{color:#fff;background:#ffffff2e;font-weight:600}.admin-topbar{background:var(--color-surface-container-lowest);border-bottom:1px solid var(--color-outline-variant);padding:var(--space-4) var(--space-8);justify-content:space-between;align-items:center;display:flex}.admin-page-content{padding:var(--space-8)}.admin-table-wrap{background:var(--color-surface-container-lowest);border-radius:var(--radius-xl);border:1px solid var(--color-outline-variant);overflow:hidden}.admin-table{border-collapse:collapse;width:100%}.admin-table th{text-align:left;letter-spacing:.08em;text-transform:uppercase;color:var(--color-on-surface-variant);background:var(--color-surface-container);border-bottom:1px solid var(--color-outline-variant);padding:14px 16px;font-size:12px;font-weight:700}.admin-table td{color:var(--color-on-surface);vertical-align:middle;border-bottom:1px solid #c3c8be4d;padding:14px 16px;font-size:14px}.admin-table tr:last-child td{border-bottom:none}.admin-table tr:hover td{background:var(--color-surface-container-low)}.status-badge{border-radius:var(--radius-full);align-items:center;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.status-pending{color:var(--color-secondary);background:#7d57001a}.status-verified{color:var(--color-primary);background:#1936191a}.status-cancelled{background:var(--color-error-container);color:var(--color-error)}.stats-grid{gap:var(--space-4);margin-bottom:var(--space-8);grid-template-columns:repeat(2,1fr);display:grid}@media (width>=768px){.stats-grid{grid-template-columns:repeat(3,1fr)}}@media (width>=1100px){.stats-grid{grid-template-columns:repeat(5,1fr)}}.stat-card{background:var(--color-surface-container-lowest);border:1px solid var(--color-outline-variant);border-radius:var(--radius-xl);padding:var(--space-6)}.stat-card__label{color:var(--color-on-surface-variant);text-transform:uppercase;letter-spacing:.06em;margin-bottom:var(--space-2);font-size:13px;font-weight:600}.stat-card__value{font-family:var(--font-serif);color:var(--color-primary);font-size:32px;font-weight:700}.auth-page{background:var(--color-surface-container-low);min-height:100vh;padding:var(--space-6);justify-content:center;align-items:center;display:flex}.auth-card{background:var(--color-surface-container-lowest);border-radius:var(--radius-2xl);width:100%;max-width:440px;padding:var(--space-10);box-shadow:var(--shadow-modal)}.auth-card__logo{text-align:center;margin-bottom:var(--space-8)}.auth-card__logo img{width:80px;height:80px;margin:0 auto var(--space-3);object-fit:contain;filter:drop-shadow(0 2px 8px #0003);border-radius:50%}.auth-card__logo h1{font-family:var(--font-serif);color:var(--color-primary);font-size:24px;font-weight:700}.divider{align-items:center;gap:var(--space-3);margin:var(--space-5) 0;color:var(--color-on-surface-variant);font-size:13px;display:flex}.divider:before,.divider:after{content:"";background:var(--color-outline-variant);flex:1;height:1px}.google-btn{justify-content:center;align-items:center;gap:var(--space-3);border:1.5px solid var(--color-outline-variant);border-radius:var(--radius-lg);width:100%;color:var(--color-on-surface);background:var(--color-surface-container-lowest);cursor:pointer;transition:all var(--transition-fast);padding:12px;font-size:15px;font-weight:600;display:flex}.google-btn:hover{border-color:var(--color-primary);background:var(--color-surface-container-low)}.input-password-wrap{position:relative}.input-password-wrap .input{padding-right:48px}.input-password-wrap .toggle-eye{color:var(--color-on-surface-variant);cursor:pointer;border-radius:var(--radius-full);transition:color var(--transition-fast);align-items:center;padding:4px;display:flex;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.input-password-wrap .toggle-eye:hover{color:var(--color-primary)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2.5px solid var(--color-primary);outline-offset:2px}.skeleton{background:linear-gradient(90deg, var(--color-surface-container) 25%, var(--color-surface-container-high) 50%, var(--color-surface-container) 75%);border-radius:var(--radius-lg);background-size:400% 100%;animation:1.4s infinite skeleton-shimmer}@keyframes skeleton-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.skeleton-card{background:var(--color-surface-container-lowest);border-radius:var(--radius-2xl);border:1px solid var(--color-surface-container);overflow:hidden}.skeleton-card__img{aspect-ratio:4/5;width:100%}.skeleton-card__body{flex-direction:column;gap:10px;padding:20px;display:flex}.mobile-filter-btn{background:var(--color-surface-container-lowest);border:1.5px solid var(--color-outline-variant);border-radius:var(--radius-full);color:var(--color-on-surface);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:600;display:flex}.mobile-filter-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}@media (width>=900px){.mobile-filter-btn{display:none}}.filter-drawer-overlay{z-index:200;display:none;position:fixed;inset:0}.filter-drawer-overlay.open{align-items:flex-end;display:flex}.filter-drawer__backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#231a0a80;animation:.2s fade-in;position:absolute;inset:0}.filter-drawer__panel{background:var(--color-surface);border-radius:var(--radius-3xl) var(--radius-3xl) 0 0;width:100%;max-height:80vh;box-shadow:var(--shadow-modal);padding:24px 20px 32px;animation:.28s cubic-bezier(.16,1,.3,1) slide-up;position:relative;overflow-y:auto}@keyframes slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.back-to-top{border-radius:var(--radius-full);background:var(--color-primary);color:#fff;cursor:pointer;width:44px;height:44px;box-shadow:var(--shadow-card-hover);transition:all var(--transition-base);z-index:40;opacity:0;pointer-events:none;border:none;justify-content:center;align-items:center;display:flex;position:fixed;bottom:88px;right:20px;transform:translateY(8px)}.back-to-top.visible{opacity:1;pointer-events:auto;transform:translateY(0)}.back-to-top:hover{background:var(--color-primary-container);transform:translateY(-2px)}@media (width>=768px){.back-to-top{bottom:28px}}.sticky-atc-bar{bottom:calc(64px + env(safe-area-inset-bottom,0px));z-index:45;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--color-outline-variant);background:#fff8f2f7;align-items:center;gap:12px;padding:12px 16px;animation:.2s slide-up;display:flex;position:fixed;left:0;right:0;box-shadow:0 -4px 20px #3d2b1f14}@media (width>=768px){.sticky-atc-bar{display:none}}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:300;padding:var(--space-4);background:#231a0a80;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-box{background:var(--color-surface-container-lowest);border-radius:var(--radius-2xl);width:100%;max-width:520px;max-height:90vh;box-shadow:var(--shadow-modal);animation:.2s modal-in;overflow-y:auto}@keyframes modal-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.modal-header{padding:var(--space-6) var(--space-8);border-bottom:1px solid var(--color-outline-variant);justify-content:space-between;align-items:center;display:flex}.modal-header h2{font-family:var(--font-serif);color:var(--color-primary);font-size:20px;font-weight:700}.modal-body{padding:var(--space-8)}.loading-spinner{padding:var(--space-20);justify-content:center;align-items:center;display:flex}.spinner{border:3px solid var(--color-surface-container-high);border-top-color:var(--color-primary);border-radius:50%;width:40px;height:40px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.75)}}.empty-state{padding:var(--space-20) var(--space-8);text-align:center;justify-content:center;align-items:center;gap:var(--space-4);flex-direction:column;display:flex}.empty-state p{color:var(--color-on-surface-variant);font-size:16px}.success-page{min-height:80vh;padding:var(--space-10) var(--space-4);justify-content:center;align-items:center;display:flex}.success-card{text-align:center;width:100%;max-width:480px;padding-bottom:24px}.success-icon{border-radius:var(--radius-full);background:var(--color-primary-fixed);width:80px;height:80px;margin:0 auto var(--space-6);justify-content:center;align-items:center;display:flex}.shop-layout{gap:var(--space-10);max-width:var(--container-max);padding:var(--space-10) var(--margin-mobile);margin:0 auto;display:flex}@media (width>=768px){.shop-layout{padding:var(--space-10) var(--margin-desktop)}}.shop-sidebar{flex-shrink:0;width:240px;display:none}@media (width>=900px){.shop-sidebar{display:block}}.shop-main{flex:1;min-width:0}.page-body-pad{padding-bottom:calc(80px + env(safe-area-inset-bottom,0px))}@media (width>=768px){.page-body-pad{padding-bottom:0}}@media (width<=767px){.filter-drawer__panel{padding-bottom:84px}.checkout-layout{padding-bottom:96px}.auth-card{padding:var(--space-8)}}.delivery-chip{background:var(--color-primary-fixed);border-radius:var(--radius-full);color:var(--color-primary);align-items:center;gap:6px;padding:6px 14px;font-size:13px;font-weight:600;display:inline-flex}.qty-btn:disabled{opacity:.35;cursor:not-allowed}.qty-btn:disabled:hover{border-color:var(--color-outline-variant);color:var(--color-on-surface-variant);background:0 0}.text-center{text-align:center}.text-primary{color:var(--color-primary)}.text-secondary{color:var(--color-secondary)}.text-muted{color:var(--color-on-surface-variant)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:8px}.gap-4{gap:16px}.mt-2{margin-top:8px}.mt-4{margin-top:16px}.mt-6{margin-top:24px}.mt-8{margin-top:32px}.mb-2{margin-bottom:8px}.mb-4{margin-bottom:16px}.mb-6{margin-bottom:24px}.mb-8{margin-bottom:32px}