@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{color:#111827;background:#fff;font-family:Sora,sans-serif;overflow-x:hidden}a{cursor:pointer;text-decoration:none}button{cursor:pointer;font-family:Sora,sans-serif}input,select,textarea{font-family:Sora,sans-serif}.site-logo{letter-spacing:-.04em;cursor:pointer;color:#111827;align-items:center;font-size:22px;font-weight:900;display:inline-flex}.logo-green{color:#25a244}.header-logo-img{object-fit:contain;width:auto;height:54px}.header-top-bar{color:#fff;text-align:center;letter-spacing:.02em;background:#25a244;justify-content:center;align-items:center;height:32px;padding:8px 16px;font-size:12px;font-weight:600;display:flex;position:relative;overflow:hidden}.top-bar-msg{text-align:center;opacity:1;transition:opacity .4s,transform .4s;animation:none;position:absolute;left:0;right:0}.top-bar-msg.entering{animation:.4s forwards topbarIn}.top-bar-msg.leaving{animation:.4s forwards topbarOut}@keyframes topbarIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes topbarOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}.site-header{z-index:100;background:#fff;border-bottom:2px solid #e8f5ee;position:sticky;top:0}.site-header.scrolled{box-shadow:0 2px 20px #00000014}.header-main{background:#fff}.header-inner{justify-content:space-between;align-items:center;gap:20px;max-width:1280px;height:68px;margin:0 auto;padding:0 24px;display:flex}.main-nav{gap:4px;display:flex}.main-nav a{color:#6b7280;cursor:pointer;border-radius:8px;padding:6px 14px;font-size:14px;font-weight:600;transition:all .15s}.main-nav a:hover,.main-nav a.active{color:#25a244;background:#f0fdf4}.header-actions{align-items:center;gap:10px;display:flex}.search-bar{background:#f9fafb;border:1px solid #f3f4f6;border-radius:10px;align-items:center;gap:8px;padding:7px 14px;transition:all .2s;display:flex}.search-bar:focus-within{background:#fff;border-color:#25a244;box-shadow:0 0 0 3px #25a24418}.search-bar svg{color:#9ca3af;flex-shrink:0}.search-bar input{color:#111827;background:0 0;border:none;outline:none;width:160px;font-size:13px}.search-bar input::placeholder{color:#9ca3af}.cart-icon-btn{color:#374151;background:#f9fafb;border:1px solid #f3f4f6;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;padding:0;transition:all .2s;display:flex;position:relative}.cart-icon-btn:hover{color:#25a244;background:#f0fdf4;border-color:#25a244}.cart-count-badge{color:#fff;background:#25a244;border:2px solid #fff;border-radius:99px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 4px;font-size:10px;font-weight:800;display:flex;position:absolute;top:-6px;right:-6px}.hamburger{background:0 0;border:none;flex-direction:column;gap:4px;padding:4px;display:none}.hamburger span{background:#374151;border-radius:2px;width:20px;height:2px;display:block}.mobile-nav{background:#fff;border-top:1px solid #f3f4f6}.mobile-nav a{color:#374151;cursor:pointer;border-bottom:1px solid #f9fafb;padding:14px 24px;font-size:15px;font-weight:600;display:block}.mobile-nav-divider{background:#f3f4f6;height:1px;margin:4px 0}.mobile-nav-account{cursor:pointer;border-bottom:1px solid #f9fafb;align-items:center;gap:12px;color:#374151!important;padding:14px 24px!important;font-weight:600!important;display:flex!important}.mobile-nav-account:hover{color:#25a244!important;background:#f0fdf4!important}.mobile-nav-account-icon{color:#25a244;background:#f0fdf4;border:1.5px solid #bbf7d0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.mobile-nav-avatar{color:#fff;background:linear-gradient(135deg,#25a244,#16a34a);border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;font-size:14px;font-weight:800;display:flex}.mobile-nav-online-dot{background:#25a244;border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-left:auto}.mobile-search-btn{color:#374151;cursor:pointer;background:0 0;border:none;padding:8px;display:none}.mobile-search-overlay{z-index:300;opacity:0;pointer-events:none;background:#00000080;transition:opacity .25s;position:fixed;inset:0}.mobile-search-overlay.open{opacity:1;pointer-events:all}.mobile-search-sheet{background:#fff;padding:16px;transition:transform .3s cubic-bezier(.22,1,.36,1);position:absolute;top:0;left:0;right:0;transform:translateY(-100%);box-shadow:0 8px 40px #00000026}.mobile-search-overlay.open .mobile-search-sheet{transform:translateY(0)}.mobile-search-inner{align-items:center;gap:10px;display:flex}.mobile-search-field{background:#f3f4f6;border:2px solid #0000;border-radius:14px;flex:1;align-items:center;gap:10px;padding:12px 16px;transition:border-color .2s;display:flex}.mobile-search-field:focus-within{background:#fff;border-color:#25a244}.mobile-search-field input{color:#111827;background:0 0;border:none;outline:none;width:100%;font-family:Sora,sans-serif;font-size:16px}.mobile-search-field input::placeholder{color:#9ca3af}.mobile-search-cancel{color:#25a244;cursor:pointer;white-space:nowrap;background:0 0;border:none;padding:4px 0;font-family:Sora,sans-serif;font-size:14px;font-weight:700}.drawer-backdrop{z-index:200;opacity:0;pointer-events:none;background:#0006;transition:opacity .3s;position:fixed;inset:0}.drawer-backdrop.open{opacity:1;pointer-events:all}.cart-drawer{z-index:201;background:#fff;flex-direction:column;width:100%;max-width:420px;transition:transform .4s cubic-bezier(.22,1,.36,1);display:flex;position:fixed;top:0;bottom:0;right:0;transform:translate(110%);box-shadow:-20px 0 80px #0000002e}.cart-drawer.open{transform:translate(0)}.drawer-header{color:#111827;border-bottom:1px solid #f3f4f6;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.drawer-count{color:#fff;background:#25a244;border-radius:99px;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 5px;font-size:11px;font-weight:800;transition:transform .2s;display:flex}.drawer-count.bump{animation:.4s cubic-bezier(.36,.07,.19,.97) badgeBounce}.drawer-close{color:#9ca3af;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:20px;transition:all .15s;display:flex}.drawer-close:hover{color:#374151;background:#f9fafb}.drawer-ship-bar{background:#f0fdf4;border-bottom:1px solid #bbf7d0;padding:10px 24px;font-size:12px}.ship-progress-track{background:#d1fae5;border-radius:2px;height:4px;margin-top:6px}.ship-progress-fill{background:#25a244;border-radius:2px;height:100%;transition:width .5s cubic-bezier(.22,1,.36,1)}.drawer-body{flex-direction:column;flex:1;gap:12px;padding:16px 24px;display:flex;overflow-y:auto}.drawer-item{background:#f9fafb;border:1px solid #f3f4f6;border-radius:12px;align-items:center;gap:12px;padding:12px;transition:border-color .3s,background .3s;display:flex}.drawer-item.item-new{background:#f0fdf4;border-color:#86efac;animation:.35s cubic-bezier(.22,1,.36,1) itemSlideIn}@keyframes itemSlideIn{0%{opacity:0;transform:translateY(-12px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes badgeBounce{0%,to{transform:scale(1)}30%{transform:scale(1.5)}60%{transform:scale(.9)}80%{transform:scale(1.1)}}.drawer-item-img{background:#fff;border:1px solid #f3f4f6;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:72px;display:flex;overflow:hidden}.drawer-item-real-img{object-fit:cover;object-position:center;border-radius:10px;width:100%;height:100%}.qty-mini{background:#fff;border:1px solid #e5e7eb;border-radius:8px;align-items:center;display:inline-flex;overflow:hidden}.qty-mini button{color:#374151;cursor:pointer;background:0 0;border:none;padding:4px 10px;font-size:16px;font-weight:300;transition:background .15s}.qty-mini button:hover{background:#f3f4f6}.qty-mini span{color:#111827;text-align:center;min-width:30px;padding:0 10px;font-size:13px;font-weight:700}.drawer-footer{background:#fff;border-top:1px solid #f3f4f6;padding:20px 24px}.btn-checkout-drawer{color:#fff;cursor:pointer;background:#25a244;border:none;border-radius:12px;width:100%;margin-bottom:8px;padding:14px;font-family:Sora,sans-serif;font-size:15px;font-weight:700;transition:all .2s}.btn-checkout-drawer:hover{background:#16a34a;transform:translateY(-1px);box-shadow:0 4px 16px #25a24440}.btn-viewcart-drawer{color:#6b7280;cursor:pointer;background:0 0;border:1px solid #e5e7eb;border-radius:12px;width:100%;padding:10px;font-family:Sora,sans-serif;font-size:14px;font-weight:600;transition:all .2s}.btn-viewcart-drawer:hover{color:#374151;background:#f9fafb}.add-toast{color:#fff;z-index:300;opacity:0;pointer-events:none;white-space:nowrap;background:#111827;border-radius:99px;align-items:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:600;transition:all .3s;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%)translateY(20px)}.add-toast.visible{opacity:1;transform:translate(-50%)translateY(0)}.hero-v2{background:linear-gradient(135deg,#f0fdf4 0%,#fff 50%,#fdf2f8 100%);padding:80px 24px 0;position:relative;overflow:hidden}.hero-v2:before{content:"";pointer-events:none;background:radial-gradient(#25a24415,#0000 70%);border-radius:50%;width:500px;height:500px;position:absolute;top:-100px;right:-100px}.hero-v2:after{content:"";pointer-events:none;background:radial-gradient(#d4187c10,#0000 70%);border-radius:50%;width:300px;height:300px;position:absolute;bottom:-50px;left:20%}.hero-v2-inner{z-index:1;grid-template-columns:1fr 1fr;align-items:center;gap:60px;max-width:1280px;min-height:480px;margin:0 auto;display:grid;position:relative}.hero-pill-tag{color:#16a34a;background:#fff;border:1px solid #bbf7d0;border-radius:99px;align-items:center;margin-bottom:20px;padding:6px 14px;font-size:12px;font-weight:700;display:inline-flex;box-shadow:0 2px 8px #25a24420}.hero-v2-title{letter-spacing:-.04em;color:#111827;margin-bottom:18px;font-size:clamp(32px,4.5vw,60px);font-weight:900;line-height:1.05}.hero-highlight{color:#25a244;position:relative}.hero-highlight:after{content:"";background:linear-gradient(90deg,#25a244,#d4187c);border-radius:2px;height:4px;position:absolute;bottom:-4px;left:0;right:0}.hero-v2-desc{color:#6b7280;max-width:460px;margin-bottom:28px;font-size:16px;line-height:1.7}.hero-trust{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.trust-tag{color:#6b7280;white-space:nowrap;background:#fff;border:1px solid #e5e7eb;border-radius:99px;padding:5px 12px;font-size:11px;font-weight:600}.hero-v2-bottles{justify-content:center;align-items:flex-end;gap:0;padding-bottom:0;display:flex}.hero-bottle{animation:4s ease-in-out infinite floatBottle;animation-delay:calc(var(--i)*1.3s);flex-direction:column;align-items:center;display:flex}@keyframes floatBottle{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.hero-wave{line-height:0;position:absolute;bottom:0;left:0;right:0}.btn-primary-green{color:#fff;cursor:pointer;background:#25a244;border:none;border-radius:12px;align-items:center;gap:6px;padding:13px 26px;font-family:Sora,sans-serif;font-size:14px;font-weight:700;transition:all .2s;display:inline-flex}.btn-primary-green:hover{background:#16a34a;transform:translateY(-2px);box-shadow:0 6px 20px #25a24440}.btn-primary-green:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-outline-green{color:#25a244;cursor:pointer;background:0 0;border:2px solid #25a244;border-radius:12px;padding:11px 24px;font-family:Sora,sans-serif;font-size:14px;font-weight:700;transition:all .2s}.btn-outline-green:hover{background:#f0fdf4}.btn-white-green{color:#25a244;cursor:pointer;background:#fff;border:none;border-radius:12px;padding:13px 26px;font-family:Sora,sans-serif;font-size:14px;font-weight:700;transition:all .2s}.btn-white-green:hover{background:#f0fdf4}.text-link{color:#25a244;cursor:pointer;background:0 0;border:none;font-family:Sora,sans-serif;font-size:14px;font-weight:700}.promo-strip{color:#fff;background:linear-gradient(90deg,#d4187c,#e91e8c,#d4187c);padding:14px 24px}.promo-strip-inner{flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;max-width:1280px;margin:0 auto;display:flex}.promo-badge{letter-spacing:.08em;background:#ffffff40;border:1px solid #fff6;border-radius:99px;padding:3px 10px;font-size:11px;font-weight:800}.promo-strip p{font-size:14px;font-weight:600}.promo-cta{color:#d4187c;cursor:pointer;background:#fff;border:none;border-radius:99px;padding:6px 18px;font-family:Sora,sans-serif;font-size:13px;font-weight:800;transition:all .2s}.promo-cta:hover{background:#fdf2f8}.category-bar{scrollbar-width:none;background:#fff;border-bottom:1px solid #f3f4f6;overflow-x:auto}.category-bar::-webkit-scrollbar{display:none}.category-bar-inner{gap:8px;max-width:1280px;margin:0 auto;padding:12px 24px;display:flex}.cat-pill{color:#374151;white-space:nowrap;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:99px;align-items:center;gap:6px;padding:7px 16px;font-family:Sora,sans-serif;font-size:13px;font-weight:600;transition:all .15s;display:flex}.cat-pill:hover{color:#25a244;background:#f0fdf4;border-color:#25a244}.product-card-v2{cursor:pointer;background:#fff;border:1.5px solid #e8f5ee;border-radius:18px;flex-direction:column;transition:all .25s;display:flex;overflow:hidden;box-shadow:0 2px 12px #25a2440f}.product-card-v2:hover{border-color:#25a244;transform:translateY(-5px);box-shadow:0 10px 40px #25a2442e}.product-card-img{aspect-ratio:1;background:linear-gradient(135deg,#f9fafb,#f3f4f6);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.bottle-wrap{justify-content:center;align-items:center;padding:20px;display:flex}.product-card-real-img{object-fit:cover;object-position:center;width:100%;height:100%;transition:transform .4s}.product-card-v2:hover .product-card-real-img{transform:scale(1.04)}.product-card-free-ship{color:#16a34a;align-items:center;gap:4px;margin-bottom:8px;font-size:11px;font-weight:700;display:flex}.disc-badge{color:#fff;z-index:1;background:#dc2626;border-radius:99px;padding:3px 9px;font-size:11px;font-weight:800;position:absolute;top:12px;left:12px}.product-badge-tag{color:#fff;z-index:1;background:linear-gradient(135deg,#25a244,#16a34a);border-radius:99px;padding:3px 9px;font-size:10px;font-weight:800;position:absolute;top:12px;right:12px}.low-stock-badge{color:#fff;white-space:nowrap;background:#dc2626;border-radius:99px;padding:2px 8px;font-size:9px;font-weight:800;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}.product-card-body{flex-direction:column;flex:1;padding:16px;display:flex}.product-card-cat{color:#25a244;text-transform:uppercase;letter-spacing:.08em;margin-bottom:4px;font-size:11px;font-weight:700}.product-card-name{color:#111827;margin-bottom:6px;font-size:14px;font-weight:800;line-height:1.3}.product-card-desc{color:#9ca3af;flex:1;margin-bottom:10px;font-size:12px;line-height:1.4}.product-price{color:#111827;font-size:20px;font-weight:900}.product-price-old{color:#9ca3af;margin-left:6px;font-size:13px;text-decoration:line-through}.btn-add-card{color:#fff;cursor:pointer;letter-spacing:.01em;background:#25a244;border:none;border-radius:12px;width:100%;padding:12px 16px;font-family:Sora,sans-serif;font-size:14px;font-weight:800;transition:all .2s;display:block}.btn-add-card:hover{background:#16a34a;transform:translateY(-1px);box-shadow:0 4px 16px #25a2444d}.btn-add-card.added{background:#16a34a}.product-card-tilt{transform-style:preserve-3d;border-radius:18px;display:block}.holo-sheen{border-radius:inherit;pointer-events:none;mix-blend-mode:screen;opacity:0;background:linear-gradient(135deg,#a8edbc00 0%,#a8edbc2e 25%,#78c8ff24 50%,#d2a8ff24 75%,#a8edbc00 100%);transition:opacity .3s;position:absolute;inset:0}.product-card-tilt:hover .holo-sheen{opacity:1}.product-card-v2{transform-style:preserve-3d}.product-card-img{position:relative}.section-wrapper{max-width:1280px;margin:0 auto;padding:0 24px}.section-tag{color:#16a34a;text-transform:uppercase;letter-spacing:.08em;background:#f0fdf4;border-radius:99px;margin-bottom:8px;padding:4px 12px;font-size:12px;font-weight:700;display:inline-block}.section-h2{color:#111827;letter-spacing:-.03em;font-size:28px;font-weight:900}.products-grid-v2{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;display:grid}.products-page-v2{max-width:1280px;margin:0 auto;padding:32px 24px;overflow-x:hidden}.products-page-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:20px;display:flex}.v2-select{color:#374151;background:#fff;border:1px solid #e5e7eb;border-radius:10px;outline:none;padding:8px 14px;font-family:Sora,sans-serif;font-size:13px}.cat-filter-row{flex-wrap:wrap;gap:6px;margin-bottom:24px;display:flex}.detail-v2{max-width:1100px;margin:0 auto;padding:32px 24px 60px;overflow-x:hidden}.detail-breadcrumb{color:#9ca3af;align-items:center;gap:4px;margin-bottom:28px;font-size:13px;display:flex}.detail-grid-v2{grid-template-columns:1fr 1fr;align-items:start;gap:48px;display:grid}.detail-img-box{aspect-ratio:1;background:linear-gradient(135deg,#f9fafb,#f3f4f6);border:1px solid #f3f4f6;border-radius:20px;justify-content:center;align-items:center;display:flex;position:relative}.detail-disc-badge{color:#fff;background:#dc2626;border-radius:99px;padding:6px 14px;font-size:13px;font-weight:800;position:absolute;top:16px;right:16px}.detail-trust-row{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px;display:grid}.detail-trust-item{text-align:center;color:#6b7280;background:#f9fafb;border:1px solid #f3f4f6;border-radius:10px;padding:10px 8px;font-size:11px;font-weight:600}.detail-cat-tag{color:#25a244;text-transform:uppercase;letter-spacing:.1em;margin-bottom:6px;font-size:11px;font-weight:700}.detail-title-v2{color:#111827;letter-spacing:-.03em;margin-bottom:8px;font-size:28px;font-weight:900;line-height:1.2}.detail-price{color:#111827;font-size:36px;font-weight:900}.detail-price-old{color:#9ca3af;margin-left:6px;font-size:18px;text-decoration:line-through}.detail-save-tag{color:#16a34a;background:#dcfce7;border-radius:99px;margin-left:8px;padding:3px 10px;font-size:13px;font-weight:700}.detail-benefits{flex-direction:column;gap:0;display:flex}.benefit-row{color:#374151;border-bottom:1px solid #f9fafb;align-items:center;gap:10px;padding:8px 0;font-size:14px;display:flex}.benefit-check{color:#25a244;font-size:16px;font-weight:900}.qty-control-v2{background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;align-items:center;display:inline-flex;overflow:hidden}.qty-control-v2 button{color:#374151;cursor:pointer;background:0 0;border:none;padding:8px 16px;font-size:18px;font-weight:300;transition:background .15s}.qty-control-v2 button:hover{background:#f3f4f6}.qty-control-v2 span{color:#111827;text-align:center;min-width:40px;padding:0 16px;font-size:15px;font-weight:800}.btn-add-detail{color:#fff;cursor:pointer;background:#25a244;border:none;border-radius:14px;width:100%;margin-bottom:20px;padding:16px;font-family:Sora,sans-serif;font-size:15px;font-weight:800;transition:all .2s;box-shadow:0 4px 16px #25a24440}.btn-add-detail:hover{background:#16a34a;transform:translateY(-2px);box-shadow:0 8px 24px #25a24450}.detail-tabs-v2{border-bottom:2px solid #f3f4f6;gap:0;margin-bottom:16px;display:flex}.detail-tab-v2{color:#6b7280;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-2px;padding:10px 18px;font-family:Sora,sans-serif;font-size:14px;font-weight:600;transition:all .2s}.detail-tab-v2.active{color:#25a244;border-bottom-color:#25a244}.detail-tab-body{color:#6b7280;min-height:80px;font-size:14px;line-height:1.7}.banner-full{background:linear-gradient(135deg,#111827,#1f2937);margin:60px 0;padding:60px 24px}.banner-full-inner{color:#fff;justify-content:space-between;align-items:center;gap:40px;max-width:1280px;margin:0 auto;display:flex}.testimonials-v2{background:#f9fafb;padding:80px 0}.testimonials-grid-v2{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.testimonial-card-v2{background:#fff;border:1px solid #f3f4f6;border-radius:16px;padding:24px;transition:all .25s}.testimonial-card-v2:hover{transform:translateY(-2px);box-shadow:0 8px 32px #00000014}.newsletter-section{background:linear-gradient(135deg,#f0fdf4,#fff);border-top:1px solid #e5e7eb;border-bottom:1px solid #e5e7eb;padding:60px 24px}.newsletter-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:32px;max-width:900px;margin:0 auto;display:flex}.newsletter-form{flex:1;gap:8px;min-width:280px;display:flex}.newsletter-form input{background:#fff;border:1px solid #e5e7eb;border-radius:10px;outline:none;flex:1;padding:11px 16px;font-family:Sora,sans-serif;font-size:14px;transition:border-color .2s}.newsletter-form button{color:#fff;cursor:pointer;white-space:nowrap;background:#25a244;border:none;border-radius:10px;padding:11px 22px;font-family:Sora,sans-serif;font-size:14px;font-weight:700;transition:background .2s}.faq-section{background:#fff;padding:80px 0}.faq-list{flex-direction:column;gap:8px;max-width:680px;margin:0 auto;display:flex}.faq-item{cursor:pointer;background:#f9fafb;border:1px solid #f3f4f6;border-radius:12px;transition:all .2s;overflow:hidden}.faq-item.open{background:#fff;border-color:#bbf7d0}.faq-q{color:#111827;justify-content:space-between;align-items:center;padding:16px 20px;font-size:14px;font-weight:700;display:flex}.faq-arrow{color:#25a244;font-size:20px;font-weight:300}.faq-a{color:#6b7280;padding:0 20px 16px;font-size:13px;line-height:1.6}.footer-v2{background:#111827;padding:60px 24px 24px}.footer-inner-v2{grid-template-columns:1.5fr 1fr 1fr 1fr;gap:48px;max-width:1280px;margin:0 auto 48px;display:grid}.footer-bottom-v2{color:#4b5563;border-top:1px solid #1f2937;justify-content:space-between;max-width:1280px;margin:0 auto;padding-top:24px;font-size:12px;display:flex}.cart-page-v2{max-width:1100px;margin:0 auto;padding:40px 24px;overflow-x:hidden}.cart-layout-v2{grid-template-columns:1fr 360px;align-items:start;gap:32px;display:grid}.cart-item-v2{background:#fff;border:1px solid #f3f4f6;border-radius:16px;align-items:flex-start;gap:16px;margin-bottom:12px;padding:16px;display:flex}.cart-summary-v2{background:#f9fafb;border:1px solid #f3f4f6;border-radius:16px;padding:24px;position:sticky;top:84px}.checkout-v2{max-width:900px;margin:0 auto;padding:40px 24px;overflow-x:hidden}.checkout-steps-v2{align-items:center;margin-bottom:40px;display:flex}.cs-step{color:#9ca3af;flex-shrink:0;align-items:center;gap:8px;font-size:13px;font-weight:600;display:flex}.cs-dot{color:#9ca3af;background:#f3f4f6;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:12px;font-weight:800;transition:all .3s;display:flex}.cs-step.active .cs-dot{color:#fff;background:#25a244;box-shadow:0 0 0 4px #25a24430}.cs-step.active{color:#25a244}.cs-step.done .cs-dot{color:#fff;background:#25a244}.cs-step.done{color:#25a244}.cs-line{background:#f3f4f6;flex:1;min-width:20px;height:2px;margin:0 8px}.checkout-body{grid-template-columns:1fr 300px;gap:24px;display:grid}.checkout-form-card,.checkout-order-card{background:#fff;border:1px solid #f3f4f6;border-radius:20px;padding:28px}.checkout-order-card{position:sticky;top:20px}.field-group{margin-bottom:16px}.field-group label{color:#374151;text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px;font-size:12px;font-weight:700;display:block}.v2-input{color:#111827;background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;outline:none;width:100%;padding:10px 14px;font-family:Sora,sans-serif;font-size:14px;transition:all .2s}.v2-input:focus{background:#fff;border-color:#25a244;box-shadow:0 0 0 3px #25a24415}.about-page{min-height:100vh}.about-h1{letter-spacing:-.04em;color:#111827;margin-bottom:20px;font-size:clamp(36px,5vw,64px);font-weight:900;line-height:1.05}.about-subtitle{color:#6b7280;max-width:560px;margin:0 auto 40px;font-size:18px;line-height:1.7}.about-stats{flex-wrap:wrap;justify-content:center;gap:40px;display:flex}.about-stat{flex-direction:column;align-items:center;gap:4px;display:flex}.about-stat-val{color:#111827;font-size:28px;font-weight:900}.about-stat-label{color:#6b7280;font-size:12px;font-weight:600}.about-mission-grid{grid-template-columns:1fr 1fr;align-items:start;gap:48px;display:grid}.about-values-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.value-card{background:#f9fafb;border:1px solid #f3f4f6;border-radius:16px;padding:20px}.about-timeline{max-width:700px;margin:0 auto;position:relative}.about-timeline:before{content:"";background:#e5e7eb;width:2px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.timeline-item{justify-content:flex-end;margin-bottom:32px;padding-right:calc(50% + 28px);display:flex;position:relative}.timeline-item.right{justify-content:flex-start;padding-left:calc(50% + 28px);padding-right:0}.timeline-dot{background:#25a244;border:3px solid #fff;border-radius:50%;width:14px;height:14px;position:absolute;top:16px;left:50%;transform:translate(-50%);box-shadow:0 0 0 2px #25a244}.timeline-card{background:#fff;border:1px solid #f3f4f6;border-radius:14px;max-width:280px;padding:18px}.timeline-year{color:#25a244;text-transform:uppercase;letter-spacing:.1em;margin-bottom:6px;font-size:11px;font-weight:800}.team-card{background:#f9fafb;border:1px solid #f3f4f6;border-radius:20px;flex-direction:column;align-items:center;padding:32px 24px;display:flex}.team-avatar{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;margin-bottom:16px;font-size:28px;font-weight:900;display:flex}.about-cta-banner{text-align:center;color:#fff;background:linear-gradient(135deg,#25a244,#16a34a);padding:80px 24px}.about-cta-inner{max-width:600px;margin:0 auto}.adm-shell{background:#f9fafb;min-height:100vh;display:flex}.adm-sidebar{z-index:50;background:#fff;border-right:1px solid #f3f4f6;flex-direction:column;width:240px;transition:width .3s;display:flex;position:fixed;top:0;bottom:0;left:0}.adm-sidebar.collapsed{width:64px}.adm-sidebar-logo{cursor:pointer;border-bottom:1px solid #f3f4f6;align-items:center;gap:10px;min-height:60px;padding:18px 16px;display:flex}.adm-logo-icon{color:#fff;background:linear-gradient(135deg,#25a244,#16a34a);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:12px;font-weight:900;display:flex}.adm-logo-text{color:#111827;letter-spacing:-.04em;font-size:18px;font-weight:900}.adm-nav-item{color:#6b7280;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:10px;align-items:center;gap:10px;width:100%;padding:10px 12px;font-family:Sora,sans-serif;font-size:14px;font-weight:600;transition:all .15s;display:flex}.adm-nav-item:hover{color:#111827;background:#f9fafb}.adm-nav-item.active{color:#25a244;background:#f0fdf4;font-weight:700}.adm-logout{color:#9ca3af;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:8px;width:100%;padding:8px 12px;font-family:Sora,sans-serif;font-size:13px;transition:all .15s;display:flex}.adm-logout:hover{color:#dc2626;background:#fef2f2}.adm-main{flex:1;min-height:100vh;margin-left:240px;transition:margin-left .3s}.adm-main.collapsed{margin-left:64px}.adm-topbar{z-index:40;background:#fff;border-bottom:1px solid #f3f4f6;justify-content:space-between;align-items:center;height:60px;padding:0 24px;display:flex;position:sticky;top:0}.adm-breadcrumb{font-size:14px}.adm-content{padding:0}.adm-page{padding:28px}.adm-page-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px;display:flex}.adm-title{color:#111827;letter-spacing:-.03em;font-size:22px;font-weight:900}.adm-stats-grid{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px;display:grid}.adm-stat-card{background:#fff;border:1px solid #f3f4f6;border-radius:14px;padding:20px}.adm-dash-grid{grid-template-columns:1fr 1fr 1fr;gap:16px;display:grid}.adm-card{background:#fff;border:1px solid #f3f4f6;border-radius:14px;padding:20px}.adm-btn-primary{color:#fff;cursor:pointer;background:#25a244;border:none;border-radius:10px;align-items:center;gap:6px;padding:9px 18px;font-family:Sora,sans-serif;font-size:13px;font-weight:700;transition:all .2s;display:inline-flex}.adm-btn-primary:hover{background:#16a34a;transform:translateY(-1px);box-shadow:0 4px 12px #25a24440}.adm-btn-secondary{color:#374151;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:10px;align-items:center;gap:6px;padding:8px 16px;font-family:Sora,sans-serif;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex}.adm-btn-secondary:hover{background:#f9fafb;border-color:#d1d5db}.adm-select{color:#374151;background:#fff;border:1px solid #e5e7eb;border-radius:8px;outline:none;padding:7px 12px;font-family:Sora,sans-serif;font-size:12px}.adm-toolbar{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:16px;display:flex}.adm-search{color:#111827;background:#fff;border:1px solid #e5e7eb;border-radius:10px;outline:none;min-width:260px;padding:9px 14px;font-family:Sora,sans-serif;font-size:13px;transition:all .2s}.adm-search:focus{border-color:#25a244;box-shadow:0 0 0 3px #25a24415}.adm-search::placeholder{color:#9ca3af}.adm-table-wrap{background:#fff;border:1px solid #f3f4f6;border-radius:14px;overflow:auto}.adm-table{border-collapse:collapse;width:100%;font-size:13px}.adm-table th{text-align:left;color:#9ca3af;text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;background:#f9fafb;border-bottom:1px solid #f3f4f6;padding:10px 16px;font-size:11px;font-weight:700}.adm-table td{color:#374151;white-space:nowrap;border-bottom:1px solid #f9fafb;padding:12px 16px}.adm-table tr:last-child td{border-bottom:none}.adm-table tr:hover td{background:#f9fafb}.adm-table tr.row-selected td{background:#f0fdf4}.adm-status-tag{border-radius:99px;padding:3px 10px;font-size:11px;font-weight:700;display:inline-block}.adm-cat-tag{color:#6b7280;background:#f3f4f6;border-radius:99px;padding:3px 10px;font-size:11px;font-weight:600}.adm-text-link{color:#25a244;cursor:pointer;background:0 0;border:none;font-family:Sora,sans-serif;font-size:13px;font-weight:700}.tbl-edit-btn{color:#16a34a;cursor:pointer;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:7px;padding:5px 12px;font-family:Sora,sans-serif;font-size:12px;font-weight:600;transition:all .15s}.tbl-edit-btn:hover{color:#fff;background:#25a244;border-color:#25a244}.tbl-del-btn{color:#dc2626;cursor:pointer;background:#fef2f2;border:1px solid #fecaca;border-radius:7px;padding:5px 12px;font-family:Sora,sans-serif;font-size:12px;font-weight:600;transition:all .15s}.tbl-del-btn:hover{color:#fff;background:#dc2626;border-color:#dc2626}.orders-kpi-bar{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.kpi-btn{color:#6b7280;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:99px;align-items:center;gap:6px;padding:8px 16px;font-family:Sora,sans-serif;font-size:13px;font-weight:600;transition:all .15s;display:flex}.kpi-btn strong{font-size:14px;font-weight:900}.kpi-btn.active{color:#25a244;background:#f0fdf4;border-color:#25a244}.order-pipeline{background:#f9fafb;border-radius:12px;align-items:center;margin-bottom:20px;padding:16px;display:flex}.pipeline-step{flex-direction:column;flex:1;align-items:center;gap:4px;display:flex;position:relative}.pipeline-dot{color:#9ca3af;z-index:1;background:#f3f4f6;border:2px solid #e5e7eb;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:12px;font-weight:800;transition:all .3s;display:flex}.pipeline-dot.done{color:#fff;background:#25a244;border-color:#25a244}.pipeline-label{color:#9ca3af;white-space:nowrap;font-size:10px;font-weight:700}.pipeline-line{z-index:0;background:#f3f4f6;width:80%;height:2px;position:absolute;top:16px;left:60%}.pipeline-line.active{background:#25a244}.order-detail-v2{background:#fff;border:1px solid #f3f4f6;border-radius:14px;max-height:calc(100vh - 80px);padding:20px;position:sticky;top:20px;overflow-y:auto}.order-detail-section{border-bottom:1px solid #f9fafb;margin-bottom:20px;padding-bottom:20px}.order-detail-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.detail-section-title{color:#9ca3af;text-transform:uppercase;letter-spacing:.08em;margin-bottom:10px;font-size:11px;font-weight:700}.status-action-btn{color:#6b7280;cursor:pointer;background:#f9fafb;border:1px solid #e5e7eb;border-radius:99px;padding:6px 12px;font-family:Sora,sans-serif;font-size:12px;font-weight:600;transition:all .15s}.status-action-btn:hover{color:#25a244;background:#f0fdf4;border-color:#25a244}.status-action-btn.current{border-width:2px}.adm-note-input{color:#374151;resize:none;border:1px solid #e5e7eb;border-radius:8px;outline:none;width:100%;margin-top:8px;padding:8px 12px;font-family:Sora,sans-serif;font-size:13px;transition:border-color .2s}.adm-note-input:focus{border-color:#25a244}.adm-modal-overlay{z-index:200;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0006;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.adm-modal{background:#fff;border-radius:20px;width:100%;max-width:480px;max-height:85vh;padding:28px;overflow-y:auto;box-shadow:0 20px 60px #00000026}.adm-field-group{margin-bottom:14px}.adm-field-group label{color:#6b7280;text-transform:uppercase;letter-spacing:.06em;margin-bottom:5px;font-size:11px;font-weight:700;display:block}.adm-input{color:#111827;background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;outline:none;width:100%;padding:10px 14px;font-family:Sora,sans-serif;font-size:14px;transition:all .2s}.adm-input:focus{background:#fff;border-color:#25a244;box-shadow:0 0 0 3px #25a24415}.login-v2{grid-template-columns:1fr 1fr;min-height:100vh;display:grid}.login-v2-left{background:linear-gradient(135deg,#25a244,#16a34a);flex-direction:column;justify-content:center;padding:60px 48px;display:flex}.login-v2-right{background:#f9fafb;justify-content:center;align-items:center;padding:40px;display:flex}.login-form-card{background:#fff;border:1px solid #f3f4f6;border-radius:20px;width:100%;max-width:400px;padding:40px;box-shadow:0 4px 40px #0000000f}.login-features>div{color:#ffffffe6;border-bottom-color:#ffffff26!important}.spinner-green{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.6s linear infinite spin;display:inline-block}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.back-to-top{color:#fff;cursor:pointer;z-index:50;background:#111827;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:16px;transition:all .2s;display:flex;position:fixed;bottom:80px;right:24px;box-shadow:0 4px 16px #0003}.back-to-top:hover{background:#25a244;transform:translateY(-2px)}.whatsapp-btn{z-index:50;background:#25d366;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;transition:all .2s;display:flex;position:fixed;bottom:24px;right:70px;box-shadow:0 4px 16px #25d36666}.cookie-bar{z-index:150;background:#fff;border-top:1px solid #f3f4f6;justify-content:space-between;align-items:center;gap:16px;padding:14px 24px;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 20px #0000000f}.goto-admin-btn{color:#fff;cursor:pointer;z-index:50;background:#111827;border:none;border-radius:99px;align-items:center;gap:6px;padding:10px 18px;font-family:Sora,sans-serif;font-size:12px;font-weight:700;transition:all .2s;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 4px 16px #0003}.goto-admin-btn:hover{background:#25a244;transform:translateY(-2px)}.store-v2{background:#fff;min-height:100vh}.page-wrap{max-width:1280px;margin:0 auto;padding:32px 24px 60px;overflow-x:hidden}.loading-spin{color:#9ca3af;justify-content:center;padding:80px;font-size:13px;display:flex}@media (width<=1024px){.hero-v2-inner{text-align:center;grid-template-columns:1fr;min-height:auto;padding-bottom:40px}.hero-v2-bottles{display:none}.hero-trust{justify-content:center}.hero-v2-desc{margin:0 auto 28px}.footer-inner-v2{grid-template-columns:1fr 1fr;gap:32px}.testimonials-grid-v2{grid-template-columns:1fr 1fr}.adm-stats-grid{grid-template-columns:repeat(2,1fr)}.adm-dash-grid{grid-template-columns:1fr 1fr}.checkout-body{grid-template-columns:1fr}.checkout-order-card{display:none}.login-v2{grid-template-columns:1fr}.login-v2-left{display:none}.about-mission-grid{grid-template-columns:1fr}.team-grid{grid-template-columns:1fr 1fr}}@media (width<=768px){.main-nav{display:none}.hamburger{display:flex}.search-bar{display:none}.mobile-search-btn{justify-content:center;align-items:center;display:flex}.header-inner{position:relative}.site-logo{position:absolute;left:50%;transform:translate(-50%)}.header-logo-img{height:54px}.cart-layout-v2,.detail-grid-v2{grid-template-columns:1fr}.adm-sidebar{transform:translate(-100%)}.adm-main{margin-left:0!important}.footer-inner-v2,.testimonials-grid-v2{grid-template-columns:1fr}.products-grid-v2{grid-template-columns:repeat(2,1fr)}.detail-trust-row{grid-template-columns:1fr}.banner-full-inner{text-align:center;flex-direction:column}.adm-stats-grid{grid-template-columns:1fr 1fr}.adm-dash-grid{grid-template-columns:1fr}.cs-label{display:none}.order-pipeline{padding:10px}.team-grid{grid-template-columns:1fr}.about-timeline:before{left:20px}.timeline-item,.timeline-item.right{justify-content:flex-start;padding-left:50px;padding-right:0}.timeline-dot{left:20px}.about-values-grid{grid-template-columns:1fr}}@media (width<=480px){.products-grid-v2,.adm-stats-grid{grid-template-columns:1fr}.header-inner,.section-wrapper{padding:0 16px}.about-stats{gap:20px}}.hero-section{background:linear-gradient(135deg,#f0fdf4 0%,#fff 50%,#fdf2f8 100%);padding:80px 24px 40px;position:relative;overflow:hidden}.hero-inner{grid-template-columns:1fr 1fr;align-items:center;gap:60px;max-width:1280px;min-height:420px;margin:0 auto;display:grid}.hero-content{flex-direction:column;gap:16px;display:flex}.hero-tag{color:#16a34a;background:#fff;border:1px solid #bbf7d0;border-radius:99px;align-items:center;width:fit-content;padding:6px 14px;font-size:12px;font-weight:700;display:inline-flex;box-shadow:0 2px 8px #25a24420}.hero-title{letter-spacing:-.04em;color:#111827;font-size:clamp(32px,4.5vw,58px);font-weight:900;line-height:1.05}.hero-title-green{color:#25a244}.hero-sub{color:#6b7280;max-width:460px;font-size:16px;line-height:1.7}.hero-visual{justify-content:center;align-items:center;display:flex}.btn-hero-primary{color:#fff;cursor:pointer;background:#25a244;border:none;border-radius:12px;padding:14px 28px;font-family:Sora,sans-serif;font-size:15px;font-weight:700;transition:all .2s}.btn-hero-primary:hover{background:#16a34a;transform:translateY(-2px);box-shadow:0 6px 20px #25a24440}.btn-hero-secondary{color:#374151;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:14px 28px;font-family:Sora,sans-serif;font-size:15px;font-weight:700;transition:all .2s}.btn-hero-secondary:hover{background:#f9fafb;border-color:#d1d5db}.promo-strip{color:#fff;background:linear-gradient(90deg,#d4187c,#e91e8c,#d4187c);flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;padding:14px 24px;font-size:13px;font-weight:600;display:flex}.section-inner{max-width:1280px;margin:0 auto;padding:60px 24px;overflow-x:hidden}.cat-tiles-section{overflow:hidden}.section-title{color:#111827;letter-spacing:-.03em;margin-bottom:28px;font-size:clamp(22px,3vw,32px);font-weight:900}.section-header{justify-content:space-between;align-items:center;margin-bottom:28px;display:flex}.btn-link{color:#25a244;cursor:pointer;background:0 0;border:none;font-family:Sora,sans-serif;font-size:14px;font-weight:700}.category-section .section-inner{padding-bottom:24px}.cat-chip{color:#374151;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:99px;align-items:center;gap:8px;padding:10px 20px;font-family:Sora,sans-serif;font-size:14px;font-weight:600;transition:all .15s;display:flex}.cat-chip:hover{color:#25a244;background:#f0fdf4;border-color:#25a244}.category-bar{flex-wrap:wrap;gap:10px;display:flex}.products-section .section-inner{padding-top:40px}.products-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;display:grid}.home-featured-grid{grid-template-columns:repeat(2,1fr);gap:16px;width:100%;display:grid;overflow:hidden}.home-featured-grid>*{min-width:0;max-width:100%}.product-card-skeleton{aspect-ratio:.75;background:#f3f4f6;border-radius:16px;animation:1.4s infinite shimmer}@keyframes shimmer{0%,to{opacity:1}50%{opacity:.5}}.carousel-wrapper{max-width:1200px;margin:0 auto;padding:24px 24px 0}.hero-carousel{background:#111;border-radius:20px;width:100%;position:relative;overflow:hidden;box-shadow:0 8px 40px #0000002e}.carousel-slide{opacity:0;cursor:pointer;transition:opacity .8s;position:absolute;inset:0}.carousel-slide.active{opacity:1}.carousel-slide-img{object-fit:cover;object-position:center;width:100%;height:100%;display:block}.carousel-sizer{width:100%;height:0;padding-bottom:56.25%;display:block}.carousel-arrow{z-index:10;cursor:pointer;color:#b4b4b4d9;text-shadow:0 1px 6px #00000040;background:0 0;border:none;padding:8px;font-size:36px;line-height:1;transition:color .2s;position:absolute;top:50%;transform:translateY(-50%)}.carousel-arrow:hover{color:#dcdcdc}.carousel-arrow.left{left:10px}.carousel-arrow.right{right:10px}.carousel-dots{z-index:10;gap:7px;display:flex;position:absolute;bottom:14px;left:50%;transform:translate(-50%)}.carousel-dots-outside{justify-content:center;gap:8px;padding:12px 0 4px;display:flex}.carousel-dot{cursor:pointer;background:#d1fae5;border:none;border-radius:50%;width:9px;height:9px;padding:0;transition:all .25s}.carousel-dot.active{background:#25a244;border-radius:5px;width:24px}.ticker-wrap{background:#f0fdf4;border-top:1px solid #bbf7d0;border-bottom:1px solid #bbf7d0;margin:16px 0 0;padding:11px 0;overflow:hidden}.ticker-track{width:max-content;animation:30s linear infinite ticker;display:flex}.ticker-track:hover{animation-play-state:paused}.ticker-item{white-space:nowrap;color:#166534;padding:0 4px;font-size:12px;font-weight:600}.ticker-item strong{color:#15803d;letter-spacing:.06em;font-weight:900}.ticker-dot{color:#25a244;vertical-align:middle;margin:0 10px;font-size:8px}@keyframes ticker{0%{transform:translate(0)}to{transform:translate(-50%)}}.cat-tiles-section .section-inner{padding:32px 24px}.cat-tiles-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.cat-tile{aspect-ratio:4/3;cursor:pointer;border-radius:16px;transition:transform .25s;position:relative;overflow:hidden}.cat-tile:hover{transform:scale(1.02)}.cat-tile img{object-fit:cover;object-position:center;width:100%;height:100%;display:block}.cat-tile-overlay{background:linear-gradient(#00000014 0%,#00000085 55%,#000000b8 100%);flex-direction:column;justify-content:center;align-items:center;gap:10px;transition:background .3s;display:flex;position:absolute;inset:0}.cat-tile:hover .cat-tile-overlay{background:linear-gradient(#00000026 0%,#0000009e 55%,#000000d1 100%)}.cat-tile-label{color:#fff;letter-spacing:.06em;text-transform:uppercase;text-shadow:0 2px 8px #0006;text-align:center;font-size:20px;font-weight:900}.cat-tile-btn{cursor:pointer;color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#fff3;border:1.5px solid #ffffff80;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:18px;transition:all .2s;display:flex}.cat-tile:hover .cat-tile-btn{background:#25a244;border-color:#25a244}.promo-banner-section{cursor:pointer;background-position:50%;background-size:cover;padding:80px 24px;position:relative;overflow:hidden}.promo-banner-section:before{content:"";background:linear-gradient(90deg,#000000a6 0%,#0003 70%,#0000 100%);position:absolute;inset:0}.promo-banner-inner{z-index:1;max-width:600px;margin:0 auto;position:relative}.promo-banner-eyebrow{color:#ffffffbf;letter-spacing:.1em;text-transform:uppercase;margin-bottom:8px;font-size:13px;font-weight:700}.promo-banner-title{color:#fff;letter-spacing:-.03em;margin-bottom:12px;font-size:clamp(32px,5vw,64px);font-weight:900;line-height:1.05}.promo-banner-sub{color:#ffffffd9;margin-bottom:28px;font-size:18px;font-weight:600}.promo-banner-cta{color:#fff;cursor:pointer;letter-spacing:.04em;background:#25a244;border:none;border-radius:99px;padding:14px 32px;font-family:Sora,sans-serif;font-size:15px;font-weight:800;transition:all .2s}.promo-banner-cta:hover{background:#16a34a;transform:translateY(-2px)}.why-section{background:#f9fafb;padding:72px 0}.why-header{text-align:center;margin-bottom:48px}.why-eyebrow{color:#25a244;text-transform:uppercase;letter-spacing:.1em;margin-bottom:10px;font-size:12px;font-weight:800}.why-grid{grid-template-columns:repeat(4,1fr);gap:24px;display:grid}.why-card{text-align:center;background:#fff;border:1.5px solid #f3f4f6;border-radius:20px;padding:32px 24px;transition:all .25s}.why-card:hover{border-color:#d1fae5;transform:translateY(-4px);box-shadow:0 8px 32px #25a2441a}.why-img-wrap{border:3px solid #f0fdf4;border-radius:50%;width:80px;height:80px;margin:0 auto 18px;overflow:hidden;box-shadow:0 4px 16px #25a24426}.why-img{object-fit:cover;object-position:center;width:100%;height:100%}.why-title{color:#111827;margin-bottom:10px;font-size:16px;font-weight:800}.why-desc{color:#6b7280;font-size:13px;line-height:1.7}.testimonials-section{background:#fff;padding:72px 0;overflow:hidden}.tcarousel{max-width:760px;margin:0 auto;padding:0 48px 40px;position:relative;overflow:hidden}.tcarousel-track{scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none;scroll-snap-type:x mandatory;gap:0;padding-bottom:4px;display:flex;overflow-x:auto}.tcarousel-track::-webkit-scrollbar{display:none}.tcarousel-track .testimonial-card{scroll-snap-align:start;flex:0 0 100%}.tcarousel-arrow{z-index:10;cursor:pointer;color:#374151;background:#fff;border:1.5px solid #e5e7eb;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;font-size:20px;transition:all .2s;display:flex;position:absolute;top:40%;transform:translateY(-50%);box-shadow:0 2px 8px #00000014}.tcarousel-arrow:hover{color:#25a244;border-color:#25a244}.tcarousel-arrow.left{left:4px}.tcarousel-arrow.right{right:4px}.tcarousel-dots{justify-content:center;gap:6px;margin-top:20px;display:flex}.tcarousel-dot{cursor:pointer;background:#e5e7eb;border:none;border-radius:50%;width:7px;height:7px;padding:0;transition:all .2s}.tcarousel-dot.active{background:#25a244;border-radius:4px;width:20px}.testimonial-card{background:#fff;border:1px solid #f0f0f0;border-radius:16px;flex-direction:column;transition:all .2s;display:flex;overflow:hidden;box-shadow:0 2px 10px #0000000f}.testimonial-card:hover{transform:translateY(-2px);box-shadow:0 6px 22px #0000001a}.testimonial-img-wrap{background:#f3f4f6;width:100%;overflow:hidden}.testimonial-img{object-fit:contain;width:100%;height:auto;display:block}.testimonial-body{flex-direction:column;gap:8px;padding:14px 16px 16px;display:flex}.testimonial-text{color:#374151;font-size:13px;font-style:normal;line-height:1.6}.testimonial-author{border-top:1px solid #f3f4f6;align-items:center;gap:8px;padding-top:6px;display:flex}.testimonial-avatar{color:#fff;background:linear-gradient(135deg,#25a244,#16a34a);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:12px;font-weight:800;display:flex}.testimonial-name{color:#111827;font-size:12px;font-weight:700}.testimonial-location{color:#9ca3af;font-size:11px}.cta-section{text-align:center;background-position:50%;background-size:cover;padding:100px 24px;position:relative}.cta-section:before{content:"";z-index:0;background:linear-gradient(135deg,#000000b8 0%,#0000008c 100%);position:absolute;inset:0}.cta-inner{z-index:1;max-width:560px;margin:0 auto;position:relative}.cta-title{color:#fff;letter-spacing:-.04em;margin-bottom:12px;font-size:32px;font-weight:900}.cta-sub{color:#9ca3af;margin-bottom:32px;font-size:15px;line-height:1.6}.cta-btn{color:#fff;cursor:pointer;letter-spacing:.02em;background:linear-gradient(135deg,#25a244,#16a34a);border:none;border-radius:99px;padding:16px 40px;font-family:Sora,sans-serif;font-size:16px;font-weight:800;transition:all .25s;box-shadow:0 4px 24px #25a24466}.cta-btn:hover{transform:translateY(-3px);box-shadow:0 10px 32px #25a24480}@media (width<=900px){.why-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=560px){.why-grid{grid-template-columns:repeat(2,1fr);gap:12px}.why-card{padding:20px 14px}.why-img-wrap{width:60px;height:60px}.why-title{font-size:13px}.why-desc{font-size:11px}.cta-title{font-size:24px}.tcarousel{padding:0 40px 32px}}@media (width<=768px){.carousel-sizer{padding-bottom:56.25%}.carousel-wrapper{padding:10px 10px 0}.cat-tiles-grid{grid-template-columns:repeat(3,1fr);gap:8px}.cat-tile{aspect-ratio:3/4}.cat-tile-label{letter-spacing:.03em;font-size:13px}.cat-tile-btn{width:26px;height:26px;font-size:14px}.cat-tiles-section .section-inner{padding:16px 10px}}.banner-section{text-align:center;color:#fff;background:linear-gradient(135deg,#111827,#1f2937);padding:60px 24px}.banner-inner{flex-direction:column;align-items:center;gap:12px;max-width:600px;margin:0 auto;display:flex}.banner-inner h2{font-size:28px;font-weight:900}.banner-inner p{color:#ffffffb3;font-size:15px}.testimonials-section{background:#f9fafb;padding:0}.testimonials-section .section-inner{padding:60px 24px}.testimonials-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.testimonial-card{background:#fff;border:1px solid #f3f4f6;border-radius:16px;flex-direction:column;gap:12px;padding:24px;display:flex}.testimonial-text{color:#6b7280;flex:1;font-size:14px;line-height:1.7}.testimonial-author{flex-direction:column;gap:4px;display:flex}.testimonial-author strong{color:#111827;font-size:13px}.testimonial-tag{color:#25a244;font-size:11px;font-weight:700}.newsletter-section .section-inner{text-align:center;padding:60px 24px}.newsletter-form{flex-wrap:wrap;justify-content:center;gap:8px;max-width:440px;margin:0 auto;display:flex}.newsletter-form input{background:#fff;border:1px solid #e5e7eb;border-radius:10px;outline:none;flex:1;min-width:220px;padding:11px 16px;font-family:Sora,sans-serif;font-size:14px;transition:border-color .2s}.newsletter-form input:focus{border-color:#25a244}.newsletter-form button{color:#fff;cursor:pointer;background:#25a244;border:none;border-radius:10px;padding:11px 22px;font-family:Sora,sans-serif;font-size:14px;font-weight:700;transition:background .2s}.newsletter-form button:hover{background:#16a34a}.faq-section .section-inner{padding:60px 24px}.faq-grid{grid-template-columns:1fr 1fr;gap:16px;max-width:900px;margin:0 auto;display:grid}.faq-item{background:#f9fafb;border:1px solid #f3f4f6;border-radius:12px;padding:20px}.faq-item h4{color:#111827;margin-bottom:8px;font-size:14px;font-weight:800}.faq-item p{color:#6b7280;font-size:13px;line-height:1.6}.site-footer-main{color:#fff;background:#111827;padding:60px 24px 24px}.footer-inner{grid-template-columns:1.5fr 1fr 1fr 1fr;gap:48px;max-width:1280px;margin:0 auto 48px;display:grid}.footer-col h4{text-transform:uppercase;letter-spacing:.06em;color:#9ca3af;margin-bottom:12px;font-size:13px;font-weight:700}.footer-col a{color:#9ca3af;cursor:pointer;margin-bottom:8px;font-size:13px;transition:color .15s;display:block}.footer-col a:hover{color:#fff}.footer-logo{letter-spacing:-.04em;color:#fff;font-size:22px;font-weight:900}.footer-bottom{color:#6b7280;border-top:1px solid #1f2937;justify-content:space-between;max-width:1280px;margin:0 auto;padding-top:24px;font-size:12px;display:flex}.whatsapp-btn{color:#fff;z-index:50;background:#25d366;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;transition:all .2s;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 4px 20px #25d36666}.whatsapp-btn:hover{transform:scale(1.1)}.products-page{max-width:1280px;margin:0 auto;padding:40px 24px 80px}.products-page-header{margin-bottom:24px}.products-page-header h1{color:#111827;font-size:28px;font-weight:900}.products-page-inner{flex-direction:column;gap:16px;display:flex}.cat-filter-bar{flex-wrap:wrap;gap:8px;display:flex}.cat-filter-btn{color:#6b7280;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:99px;padding:7px 18px;font-family:Sora,sans-serif;font-size:13px;font-weight:600;transition:all .15s}.cat-filter-btn.active{color:#fff;background:#25a244;border-color:#25a244}.cat-filter-btn:hover:not(.active){color:#25a244;border-color:#25a244}.products-toolbar{justify-content:space-between;align-items:center;padding:8px 0;display:flex}.sort-select{color:#374151;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:10px;outline:none;padding:8px 14px;font-family:Sora,sans-serif;font-size:13px}.product-detail-page{max-width:1100px;margin:0 auto;padding:32px 24px 80px}.product-detail-inner{flex-direction:column;gap:48px;display:flex}.breadcrumb{color:#9ca3af;align-items:center;gap:6px;font-size:13px;display:flex}.breadcrumb button{color:#9ca3af;cursor:pointer;background:0 0;border:none;font-family:Sora,sans-serif;font-size:13px;transition:color .15s}.breadcrumb button:hover{color:#25a244}.product-detail-grid{grid-template-columns:1fr 1fr;align-items:start;gap:48px;display:grid}.product-detail-img-col{flex-direction:column;gap:12px;display:flex}.product-detail-img{aspect-ratio:1;cursor:zoom-in;background:linear-gradient(135deg,#f9fafb,#f3f4f6);border:1px solid #f3f4f6;border-radius:20px;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.product-detail-main-img{object-fit:contain;object-position:center;border-radius:20px;width:100%;height:100%;animation:.3s imgFadeIn}@keyframes imgFadeIn{0%{opacity:.2;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.product-detail-thumbs{gap:8px;padding-bottom:4px;display:flex;overflow-x:auto}.product-thumb-btn{cursor:pointer;background:0 0;border:2px solid #0000;border-radius:10px;flex-shrink:0;width:72px;height:72px;padding:0;transition:border-color .15s;overflow:hidden}.product-thumb-btn:hover,.product-thumb-btn.active{border-color:#25a244}.product-thumb-btn img{object-fit:cover;width:100%;height:100%}.product-detail-info{flex-direction:column;gap:12px;display:flex}.product-cat-label{color:#25a244;text-transform:uppercase;letter-spacing:.1em;font-size:11px;font-weight:700}.product-detail-name{color:#111827;letter-spacing:-.03em;font-size:28px;font-weight:900;line-height:1.2}.product-detail-price{align-items:baseline;gap:8px;display:flex}.price-main{color:#111827;font-size:34px;font-weight:900}.price-old{color:#9ca3af;font-size:18px;text-decoration:line-through}.disc-badge-inline{color:#16a34a;background:#dcfce7;border-radius:99px;padding:3px 10px;font-size:13px;font-weight:700}.disc-badge.large{padding:5px 12px;font-size:13px}.product-detail-desc{color:#6b7280;font-size:15px;line-height:1.7}.product-meta-row{color:#374151;border-bottom:1px solid #f3f4f6;justify-content:space-between;padding:8px 0;font-size:13px;display:flex}.product-detail-actions{align-items:center;gap:12px;margin-top:4px;display:flex}.qty-selector{background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;align-items:center;display:inline-flex;overflow:hidden}.qty-selector button{color:#374151;cursor:pointer;background:0 0;border:none;padding:8px 16px;font-size:18px;font-weight:300;transition:background .15s}.qty-selector button:hover{background:#f3f4f6}.qty-selector span{color:#111827;text-align:center;min-width:40px;padding:0 16px;font-weight:800}.btn-add-detail{color:#fff;cursor:pointer;background:#25a244;border:none;border-radius:12px;flex:1;padding:14px 24px;font-family:Sora,sans-serif;font-size:15px;font-weight:800;transition:all .2s}.btn-add-detail:hover{background:#16a34a;transform:translateY(-2px)}.btn-add-detail.added{background:#16a34a}.product-trust-badges{flex-wrap:wrap;gap:8px;padding-top:8px;display:flex}.product-trust-badges span{color:#6b7280;background:#f9fafb;border:1px solid #f3f4f6;border-radius:99px;padding:5px 12px;font-size:11px;font-weight:600}.promo-pack{background:linear-gradient(135deg,#fffbeb 0%,#fef3c7 100%);border:1.5px solid #fcd34d;border-radius:16px;margin:16px 0 4px;padding:16px 18px}.promo-pack-badge{color:#fff;letter-spacing:.08em;background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:99px;margin-bottom:10px;padding:3px 10px;font-size:10px;font-weight:900;display:inline-block}.promo-pack-body{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.promo-pack-left{flex:1;min-width:0}.promo-pack-title{color:#92400e;margin-bottom:3px;font-size:14px;font-weight:800}.promo-pack-before{color:#b45309;margin-bottom:2px;font-size:12px}.promo-pack-before s{opacity:.7}.promo-pack-price{color:#111827;font-size:20px;font-weight:900;line-height:1.1}.promo-pack-price span{color:#16a34a;margin-left:4px;font-size:12px;font-weight:600}.promo-pack-btn{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#f59e0b,#d97706);border:none;border-radius:12px;flex-shrink:0;padding:12px 20px;font-family:Sora,sans-serif;font-size:13px;font-weight:800;transition:all .25s;box-shadow:0 4px 14px #d9770659}.promo-pack-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #d9770673}.promo-pack-btn.added{background:linear-gradient(135deg,#25a244,#16a34a);box-shadow:0 4px 14px #25a24459}.product-benefits-list{flex-direction:column;gap:8px;margin-bottom:4px;padding:0;list-style:none;display:flex}.product-benefits-list li{color:#374151;align-items:flex-start;gap:8px;font-size:14px;font-weight:500;display:flex}.benefit-check{color:#25a244;flex-shrink:0;font-weight:800}.product-full-desc{background:#f9fafb;border:1px solid #f3f4f6;border-radius:16px;padding:32px}.product-full-desc-body{color:#374151;max-width:800px;font-size:15px;line-height:1.8}.product-full-desc-body h2{color:#111;margin:20px 0 8px;font-size:20px;font-weight:800}.product-full-desc-body h3{color:#111;margin:16px 0 6px;font-size:16px;font-weight:700}.product-full-desc-body p{margin-bottom:10px}.product-full-desc-body ul,.product-full-desc-body ol{margin-bottom:10px;padding-left:20px}.product-full-desc-body li{margin-bottom:4px}.product-full-desc-body strong{font-weight:700}.product-full-desc-body em{font-style:italic}.product-full-desc-body a{color:#25a244;text-decoration:underline}.product-full-desc-body hr{border:none;border-top:1px solid #e5e7eb;margin:16px 0}.product-full-desc-body img{border-radius:10px;max-width:100%;height:auto;margin:12px 0;display:block}.desc-divider{border:none;border-top:1px solid #e5e7eb;margin:20px 0}.reviews-section{border-top:1px solid #f3f4f6;padding-top:8px}.reviews-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;display:grid}.review-card{background:#f9fafb;border:1px solid #f3f4f6;border-radius:12px;padding:20px}.cart-page{max-width:1100px;margin:0 auto;padding:40px 24px 80px}.cart-page-title{color:#111827;margin-bottom:28px;font-size:28px;font-weight:900}.cart-page-grid{grid-template-columns:1fr 360px;align-items:start;gap:28px;display:grid}.cart-items-col{flex-direction:column;gap:12px;display:flex}.cart-item-row{background:#fff;border:1px solid #f3f4f6;border-radius:16px;align-items:center;gap:16px;padding:16px;display:flex}.cart-item-img{background:#f9fafb;border:1px solid #f3f4f6;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:80px;height:96px;display:flex}.cart-summary-col{background:#f9fafb;border:1px solid #f3f4f6;border-radius:16px;padding:24px;position:sticky;top:84px}.summary-row{color:#6b7280;justify-content:space-between;padding:6px 0;font-size:14px;display:flex}.summary-row.total{color:#111827;border-top:2px solid #f3f4f6;margin-top:8px;padding-top:12px;font-size:18px;font-weight:900}.checkout-page{max-width:900px;margin:0 auto;padding:40px 24px 80px}.checkout-title{color:#111827;margin-bottom:28px;font-size:26px;font-weight:900}.checkout-steps{align-items:center;gap:8px;margin-bottom:32px;display:flex}.checkout-step{color:#9ca3af;flex:1;align-items:center;gap:8px;font-size:13px;font-weight:600;display:flex}.checkout-step.active{color:#25a244}.checkout-step.done{color:#16a34a}.step-num{color:#9ca3af;background:#f3f4f6;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:12px;font-weight:800;transition:all .3s;display:flex}.checkout-step.active .step-num{color:#fff;background:#25a244;box-shadow:0 0 0 4px #25a24430}.checkout-step.done .step-num{color:#fff;background:#16a34a}.checkout-grid{grid-template-columns:1fr 300px;align-items:start;gap:24px;display:grid}.checkout-summary-col{background:#f9fafb;border:1px solid #f3f4f6;border-radius:16px;padding:24px;position:sticky;top:20px}.form-section{background:#fff;border:1px solid #f3f4f6;border-radius:16px;flex-direction:column;gap:12px;padding:24px;display:flex}.form-section h2{margin-bottom:4px;font-size:18px;font-weight:800}.form-row{flex-direction:column;gap:4px;display:flex}.form-row label{color:#374151;text-transform:uppercase;letter-spacing:.05em;font-size:12px;font-weight:700}.form-row input,.form-row select,.form-row textarea{color:#111827;background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;outline:none;width:100%;padding:10px 14px;font-family:Sora,sans-serif;font-size:14px;transition:all .2s}.form-row input:focus,.form-row select:focus,.form-row textarea:focus{background:#fff;border-color:#25a244;box-shadow:0 0 0 3px #25a24415}.form-row-2{grid-template-columns:1fr 1fr;gap:12px;display:grid}.payment-placeholder{text-align:center;background:#f9fafb;border:1px solid #f3f4f6;border-radius:12px;padding:20px}.about-hero{background:linear-gradient(135deg,#f0fdf4,#fff,#fdf2f8);padding:80px 24px 60px}.about-hero-inner{text-align:center;max-width:680px;margin:0 auto}.about-hero-inner h1{letter-spacing:-.04em;color:#111827;margin:12px 0 16px;font-size:clamp(32px,5vw,52px);font-weight:900;line-height:1.1}.about-hero-inner p{color:#6b7280;font-size:16px;line-height:1.7}.about-values{background:#f9fafb;padding:0}.about-values .section-inner{padding:60px 24px}.values-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.value-card{text-align:center;background:#fff;border:1px solid #f3f4f6;border-radius:16px;padding:24px}.value-icon{margin-bottom:12px;font-size:32px}.value-card h3{color:#111827;margin-bottom:8px;font-size:16px;font-weight:800}.value-card p{color:#6b7280;font-size:13px;line-height:1.6}.about-mission{padding:0}.about-mission .section-inner{padding:60px 24px}.about-team{background:#f9fafb;padding:0}.about-team .section-inner{padding:60px 24px}.team-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.team-card{text-align:center;background:#fff;border:1px solid #f3f4f6;border-radius:20px;padding:32px 24px}.team-avatar{margin-bottom:12px;font-size:48px}.team-card h3{color:#111827;margin-bottom:4px;font-size:16px;font-weight:800}.team-card p{color:#6b7280;font-size:13px}.about-cta{text-align:center;color:#fff;background:linear-gradient(135deg,#25a244,#16a34a);padding:60px 24px}.about-cta h2{margin-bottom:8px;font-size:28px;font-weight:900}.admin-shell{background:#f4f6f8;min-height:100vh;font-family:Sora,sans-serif;display:flex}.admin-sidebar{z-index:50;background:#fff;border-right:1px solid #e8ecf0;flex-direction:column;width:240px;transition:width .25s;display:flex;position:fixed;top:0;bottom:0;left:0;box-shadow:2px 0 12px #0000000a}.admin-shell.collapsed .admin-sidebar{width:64px}.sidebar-logo{cursor:pointer;letter-spacing:-.04em;color:#111827;border-bottom:1px solid #f0f2f5;flex-shrink:0;align-items:center;gap:8px;height:64px;padding:0 16px;font-size:20px;font-weight:900;display:flex}.sidebar-logo-dot{background:#25a244;border-radius:50%;flex-shrink:0;width:8px;height:8px}.sidebar-nav{flex-direction:column;flex:1;gap:1px;padding:10px 8px;display:flex;overflow-y:auto}.sidebar-nav a{color:#6b7280;cursor:pointer;white-space:nowrap;border-radius:10px;align-items:center;gap:10px;padding:9px 12px;font-size:13.5px;font-weight:600;transition:all .15s;display:flex;overflow:hidden}.sidebar-nav a:hover{color:#111827;background:#f4f6f8}.sidebar-nav a.active{color:#25a244;background:#f0fdf4;font-weight:700}.sidebar-nav a.active .nav-icon{color:#25a244}.nav-icon{text-align:center;flex-shrink:0;width:20px;font-size:16px;transition:color .15s}.sidebar-section-label{color:#c4cad4;text-transform:uppercase;letter-spacing:.08em;white-space:nowrap;padding:12px 12px 4px;font-size:10px;font-weight:700;overflow:hidden}.sidebar-footer{border-top:1px solid #f0f2f5;flex-direction:column;gap:2px;padding:10px 8px;display:flex}.sidebar-user{cursor:default;border-radius:10px;align-items:center;gap:10px;padding:10px 12px;display:flex;overflow:hidden}.sidebar-user-avatar{color:#fff;letter-spacing:0;background:linear-gradient(135deg,#25a244,#16a34a);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:11px;font-weight:800;display:flex}.sidebar-user-info{flex:1;min-width:0}.sidebar-user-name{color:#111827;white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:700;overflow:hidden}.sidebar-user-role{color:#9ca3af;letter-spacing:.03em;font-size:10px;font-weight:600}.sidebar-logout,.sidebar-collapse{cursor:pointer;text-align:left;white-space:nowrap;background:0 0;border:none;border-radius:8px;align-items:center;gap:8px;width:100%;padding:8px 12px;font-family:Sora,sans-serif;font-size:13px;transition:all .15s;display:flex;overflow:hidden}.sidebar-logout{color:#9ca3af}.sidebar-logout:hover{color:#dc2626;background:#fef2f2}.sidebar-collapse{color:#9ca3af;justify-content:center}.sidebar-collapse:hover{background:#f4f6f8}.admin-main{flex-direction:column;flex:1;min-height:100vh;margin-left:240px;transition:margin-left .25s;display:flex}.admin-shell.collapsed .admin-main{margin-left:64px}.admin-topbar{z-index:40;background:#fff;border-bottom:1px solid #e8ecf0;justify-content:space-between;align-items:center;height:64px;padding:0 28px;display:flex;position:sticky;top:0}.admin-breadcrumb{color:#9ca3af;align-items:center;gap:8px;font-size:13px;display:flex}.admin-breadcrumb strong{color:#111827;font-size:14px;font-weight:700}.admin-breadcrumb-sep{color:#d1d5db}.admin-topbar-right{align-items:center;gap:12px;display:flex}.admin-topbar-user{color:#6b7280;background:#f4f6f8;border-radius:99px;padding:6px 12px;font-size:12px;font-weight:600}.admin-content{flex:1;padding:28px}.admin-page-title{color:#111827;letter-spacing:-.03em;margin-bottom:4px;font-size:22px;font-weight:900}.admin-page-subtitle{color:#9ca3af;margin-bottom:24px;font-size:13px}.admin-loading{text-align:center;color:#9ca3af;padding:60px;font-size:14px}.admin-empty{text-align:center;color:#9ca3af;padding:60px 20px}.admin-empty-icon{margin-bottom:12px;font-size:40px}.admin-empty-text{color:#6b7280;margin-bottom:4px;font-size:15px;font-weight:600}.admin-kpi-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px;display:grid}.admin-kpi{background:#fff;border:1px solid #e8ecf0;border-radius:16px;padding:20px 22px;transition:box-shadow .2s,transform .2s;position:relative;overflow:hidden}.admin-kpi:hover{transform:translateY(-1px);box-shadow:0 4px 24px #00000014}.admin-kpi-label{color:#9ca3af;text-transform:uppercase;letter-spacing:.07em;margin-bottom:10px;font-size:11px;font-weight:700}.admin-kpi-value{color:#111827;letter-spacing:-.04em;margin-bottom:4px;font-size:26px;font-weight:900;line-height:1}.admin-kpi-value.green{color:#16a34a}.admin-kpi-value.amber{color:#d97706}.admin-kpi-value.red{color:#dc2626}.admin-kpi-value.blue{color:#2563eb}.admin-kpi-sub{color:#9ca3af;font-size:12px;font-weight:500}.admin-kpi-icon{opacity:.08;pointer-events:none;font-size:32px;position:absolute;top:50%;right:18px;transform:translateY(-50%)}.admin-kpi-bar{background:linear-gradient(90deg,#25a244,#4ade80);height:3px;position:absolute;bottom:0;left:0;right:0}.admin-kpi-bar.amber{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.admin-kpi-bar.red{background:linear-gradient(90deg,#ef4444,#f87171)}.admin-kpi-bar.blue{background:linear-gradient(90deg,#3b82f6,#60a5fa)}.stat-cards{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.stat-card{background:#fff;border:1px solid #e8ecf0;border-radius:14px;padding:20px}.stat-label{color:#9ca3af;text-transform:uppercase;letter-spacing:.06em;margin-bottom:8px;font-size:12px;font-weight:600}.stat-value{color:#111827;font-size:28px;font-weight:900}.stat-value.green{color:#25a244}.admin-card{background:#fff;border:1px solid #e8ecf0;border-radius:14px;padding:20px}.admin-card+.admin-card{margin-top:16px}.admin-card-title{color:#111827;border-bottom:1px solid #f4f6f8;align-items:center;gap:8px;margin-bottom:16px;padding-bottom:12px;font-size:14px;font-weight:800;display:flex}.admin-card-title-count{color:#9ca3af;background:#f4f6f8;border-radius:99px;margin-left:auto;padding:2px 8px;font-size:11px;font-weight:700}.admin-table{border-collapse:collapse;width:100%;font-size:13px}.admin-table th{text-align:left;color:#9ca3af;text-transform:uppercase;letter-spacing:.08em;white-space:nowrap;background:#fafbfc;border-bottom:2px solid #f0f2f5;padding:10px 16px;font-size:10px;font-weight:800}.admin-table td{color:#374151;vertical-align:middle;border-bottom:1px solid #f4f6f8;padding:13px 16px}.admin-table tr:last-child td{border-bottom:none}.admin-table tbody tr{cursor:pointer;transition:background .1s}.admin-table tbody tr:hover td{background:#f8fff9}.status-chip{white-space:nowrap;border-radius:99px;align-items:center;gap:4px;padding:3px 10px;font-size:11px;font-weight:700;display:inline-flex}.status-chip:before{content:"";opacity:.7;background:currentColor;border-radius:50%;width:5px;height:5px;display:inline-block}.status-chip.pendiente{color:#92400e;background:#fef3c7}.status-chip.pagado{color:#166534;background:#dcfce7}.status-chip.procesando{color:#d97706;background:#fef3c7}.status-chip.enviado{color:#1e40af;background:#dbeafe}.status-chip.completado{color:#15803d;background:#f0fdf4}.status-chip.cancelado{color:#991b1b;background:#fee2e2}.status-chip.reembolsado{color:#6b7280;background:#f3f4f6}.admin-btn{cursor:pointer;border:none;border-radius:10px;align-items:center;gap:6px;padding:8px 16px;font-family:Sora,sans-serif;font-size:13px;font-weight:700;line-height:1;transition:all .2s;display:inline-flex}.admin-btn-primary{color:#fff;background:#25a244}.admin-btn-primary:hover{background:#1d9138;box-shadow:0 4px 16px #25a2444d}.admin-btn-secondary{color:#374151;background:#f4f6f8;border:1px solid #e5e7eb}.admin-btn-secondary:hover{background:#e8ecf0}.admin-btn-danger{color:#dc2626;background:#fef2f2;border:1px solid #fecaca}.admin-btn-danger:hover{background:#fee2e2}.admin-btn-ghost{color:#6b7280;background:0 0;border:1px solid #e5e7eb}.admin-btn-ghost:hover{color:#111827;background:#f4f6f8}.admin-btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:none!important;transform:none!important}.admin-btn-sm{padding:5px 12px;font-size:12px}.admin-filter-bar{flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:16px;display:flex}.filter-btn{color:#6b7280;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:99px;padding:5px 14px;font-family:Sora,sans-serif;font-size:12px;font-weight:600;transition:all .15s}.filter-btn.active{color:#fff;background:#25a244;border-color:#25a244}.filter-btn:hover:not(.active){color:#25a244;background:#f0fdf4;border-color:#25a244}.admin-filter-spacer{flex:1}.admin-search-box{background:#f4f6f8;border:1px solid #e5e7eb;border-radius:10px;align-items:center;gap:8px;padding:7px 14px;font-size:13px;transition:all .2s;display:flex}.admin-search-box:focus-within{background:#fff;border-color:#25a244;box-shadow:0 0 0 3px #25a24414}.admin-search-box input{color:#111827;background:0 0;border:none;outline:none;width:220px;font-family:Sora,sans-serif;font-size:13px}.admin-search-box input::placeholder{color:#9ca3af}.admin-drawer-backdrop{z-index:200;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0f172a59;position:fixed;inset:0}.admin-drawer{z-index:201;background:#fff;flex-direction:column;width:580px;animation:.28s cubic-bezier(.22,1,.36,1) drawerIn;display:flex;position:fixed;top:0;bottom:0;right:0;box-shadow:-12px 0 40px #0000001f}@keyframes drawerIn{0%{transform:translate(100%)}to{transform:translate(0)}}.admin-drawer-head{border-bottom:1px solid #f0f2f5;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:16px 24px;display:flex}.admin-drawer-head-info{flex-direction:column;gap:2px;min-width:0;display:flex}.admin-drawer-title{color:#111827;align-items:center;gap:10px;font-size:16px;font-weight:800;display:flex}.admin-drawer-sub{color:#9ca3af;font-size:12px}.admin-drawer-close{cursor:pointer;color:#6b7280;background:#f4f6f8;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:16px;transition:all .15s;display:flex}.admin-drawer-close:hover{color:#111827;background:#e8ecf0}.admin-drawer-body{flex-direction:column;flex:1;gap:16px;padding:20px 24px;display:flex;overflow-y:auto}.admin-drawer-foot{border-top:1px solid #f0f2f5;flex-shrink:0;gap:10px;padding:14px 24px;display:flex}.order-section{background:#f8f9fb;border:1px solid #edf0f3;border-radius:12px;padding:14px 16px}.order-section-title{color:#9ca3af;text-transform:uppercase;letter-spacing:.08em;margin-bottom:12px;font-size:10px;font-weight:800}.order-item-row{border-bottom:1px solid #edf0f3;align-items:center;gap:12px;padding:8px 0;display:flex}.order-item-row:last-child{border-bottom:none}.order-item-thumb{object-fit:cover;background:#f4f6f8;border:1px solid #e8ecf0;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;display:flex;overflow:hidden}.order-item-info{flex:1;min-width:0}.order-item-name{color:#111827;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.order-item-qty{color:#9ca3af;font-size:11px}.order-item-price{color:#111827;white-space:nowrap;font-size:13px;font-weight:700}.order-totals{flex-direction:column;gap:0;display:flex}.order-total-row{color:#6b7280;border-bottom:1px solid #f0f2f5;justify-content:space-between;padding:6px 0;font-size:13px;display:flex}.order-total-row:last-of-type{border-bottom:none}.order-total-grand{color:#111827;border-top:2px solid #e8ecf0;justify-content:space-between;margin-top:4px;padding:10px 0 0;font-size:16px;font-weight:800;display:flex}.order-info-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.order-info-item{flex-direction:column;gap:2px;display:flex}.order-info-label{color:#9ca3af;text-transform:uppercase;letter-spacing:.06em;font-size:10px;font-weight:700}.order-info-value{color:#374151;font-size:13px;font-weight:500}.order-pipeline{align-items:flex-start;gap:0;margin:4px 0;display:flex}.pipeline-step{cursor:pointer;flex-direction:column;flex:1;align-items:center;gap:5px;transition:opacity .2s;display:flex;position:relative}.pipeline-step:not(.done):not(.current){opacity:.4}.pipeline-step-dot{z-index:1;background:#fff;border:2px solid #e5e7eb;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;font-size:10px;transition:all .2s;display:flex;position:relative}.pipeline-step.done .pipeline-step-dot{color:#fff;background:#25a244;border-color:#25a244;font-size:11px}.pipeline-step.current .pipeline-step-dot{background:#fff;border-color:#25a244;font-size:10px;box-shadow:0 0 0 4px #25a24426}.pipeline-step.current .pipeline-step-dot:after{content:"";border:2px solid #25a24433;border-radius:50%;animation:2s infinite pipelinePulse;position:absolute;inset:-6px}@keyframes pipelinePulse{0%,to{opacity:1}50%{opacity:.4}}.pipeline-step-label{color:#9ca3af;text-align:center;max-width:52px;font-size:9px;font-weight:700;line-height:1.2}.pipeline-step.current .pipeline-step-label,.pipeline-step.done .pipeline-step-label{color:#25a244}.pipeline-connector{z-index:0;background:#e5e7eb;flex:1;height:2px;margin-top:12px;transition:background .3s;position:relative}.pipeline-connector.done{background:#25a244}.tracking-wrap{margin-top:8px}.tracking-input{gap:8px;display:flex}.tracking-input input{color:#111827;background:#f9fafb;border:1.5px solid #e5e7eb;border-radius:10px;outline:none;flex:1;padding:9px 14px;font-family:Sora,sans-serif;font-size:13px;transition:all .2s}.tracking-input input:focus{background:#fff;border-color:#25a244;box-shadow:0 0 0 3px #25a24414}.product-editor-layout{grid-template-columns:1fr 300px;align-items:start;gap:20px;display:grid}.product-editor-section{background:#fff;border:1px solid #e8ecf0;border-radius:14px;margin-bottom:16px;padding:20px}.product-editor-section-title{color:#111827;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid #f0f2f5;margin-bottom:16px;padding-bottom:10px;font-size:12px;font-weight:800}.html-editor-toolbar{flex-wrap:wrap;gap:4px;margin-bottom:8px;display:flex}.html-toolbar-btn{cursor:pointer;color:#374151;background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;padding:4px 10px;font-family:Sora,sans-serif;font-size:11px;font-weight:700;line-height:1.4;transition:all .15s}.html-toolbar-btn:hover{color:#16a34a;background:#f0fdf4;border-color:#25a244}.html-editor-tabs{border:1px solid #e5e7eb;border-radius:8px;gap:0;width:fit-content;margin-bottom:10px;display:flex;overflow:hidden}.html-editor-tab{cursor:pointer;color:#6b7280;background:#f9fafb;border:none;align-items:center;gap:6px;padding:6px 18px;font-family:Sora,sans-serif;font-size:12px;font-weight:700;transition:all .15s;display:flex}.html-editor-tab.active{color:#fff;background:#111827}.html-editor-area{color:#d4d4d4;resize:vertical;caret-color:#25a244;tab-size:2;background:#1a1d23;border:1px solid #2a2f3a;border-radius:10px;outline:none;width:100%;min-height:220px;padding:16px;font-family:JetBrains Mono,Fira Code,Cascadia Code,Courier New,monospace;font-size:12px;line-height:1.65}.html-editor-area::selection{background:#25a24440}.html-preview-area{color:#374151;background:#fff;border:1px solid #e5e7eb;border-radius:10px;max-width:100%;min-height:220px;padding:16px;font-size:14px;line-height:1.75;overflow-x:auto}.html-preview-area h2{color:#111827;margin:16px 0 8px;font-size:20px;font-weight:800}.html-preview-area h3{color:#111827;margin:12px 0 6px;font-size:16px;font-weight:700}.html-preview-area p{margin-bottom:10px}.html-preview-area ul,.html-preview-area ol{margin-bottom:10px;padding-left:20px}.html-preview-area li{margin-bottom:4px}.html-preview-area strong{font-weight:700}.html-preview-area em{font-style:italic}.html-preview-area a{color:#25a244;text-decoration:underline}.html-preview-area hr{border:none;border-top:1px solid #e5e7eb;margin:16px 0}.html-preview-area img{display:block;max-width:100%!important;height:auto!important}.image-dropzone{text-align:center;cursor:pointer;background:#fafbfc;border:2px dashed #e5e7eb;border-radius:12px;padding:28px;transition:all .2s}.image-dropzone:hover,.image-dropzone.drag-over{background:#f0fdf4;border-color:#25a244}.image-dropzone-icon{margin-bottom:8px;font-size:28px}.image-dropzone-text{color:#6b7280;font-size:13px;font-weight:500}.image-dropzone-sub{color:#9ca3af;margin-top:4px;font-size:11px}.image-preview-grid{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px;display:grid}.image-preview-item{aspect-ratio:1;border:1px solid #e5e7eb;border-radius:8px;position:relative;overflow:hidden}.image-preview-item img{object-fit:cover;width:100%;height:100%}.image-preview-remove{color:#fff;cursor:pointer;background:#0009;border:none;border-radius:4px;justify-content:center;align-items:center;width:20px;height:20px;font-size:11px;display:flex;position:absolute;top:4px;right:4px}.chart-grid-2{grid-template-columns:1fr 1fr;gap:20px;margin-top:0;display:grid}.chart-bar-container{flex-direction:column;gap:8px;margin-top:4px;display:flex}.chart-bar-row{align-items:center;gap:10px;display:flex}.chart-bar-label{color:#6b7280;text-align:right;flex-shrink:0;width:70px;font-size:11px;font-weight:600}.chart-bar-track{background:#f0f2f5;border-radius:99px;flex:1;height:18px;position:relative;overflow:hidden}.chart-bar-fill{background:linear-gradient(90deg,#25a244,#4ade80);border-radius:99px;min-width:4px;height:100%;transition:width .8s cubic-bezier(.34,1.56,.64,1)}.chart-bar-fill.amber{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.chart-bar-fill.blue{background:linear-gradient(90deg,#3b82f6,#60a5fa)}.chart-bar-fill.purple{background:linear-gradient(90deg,#8b5cf6,#a78bfa)}.chart-bar-fill.red{background:linear-gradient(90deg,#ef4444,#f87171)}.chart-bar-value{color:#374151;text-align:left;flex-shrink:0;width:72px;font-size:11px;font-weight:700}.chart-donut-wrap{align-items:center;gap:20px;display:flex}.chart-legend{flex-direction:column;flex:1;gap:8px;display:flex}.chart-legend-item{align-items:center;gap:8px;font-size:12px;display:flex}.chart-legend-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.chart-legend-label{color:#374151;flex:1;font-weight:600}.chart-legend-val{color:#111827;font-weight:800}.customer-row-avatar{color:#fff;letter-spacing:-.02em;background:linear-gradient(135deg,#25a244,#16a34a);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:12px;font-weight:800;display:flex}.tier-badge{border-radius:99px;padding:2px 8px;font-size:10px;font-weight:700}.tier-badge.bronze{color:#92400e;background:#fef3c7}.tier-badge.silver{color:#475569;background:#f1f5f9}.tier-badge.gold{color:#854d0e;background:#fef9c3}.tier-badge.platinum{color:#0369a1;background:#e0f2fe}.admin-toast{z-index:9999;border:1px solid #0000;border-radius:12px;align-items:center;gap:10px;max-width:340px;padding:13px 18px;font-family:Sora,sans-serif;font-size:13px;font-weight:700;animation:.35s cubic-bezier(.22,1,.36,1) toastIn;display:flex;position:fixed;bottom:28px;right:28px;box-shadow:0 8px 30px #0000002e}.admin-toast.success{color:#fff;background:#166534;border-color:#15803d}.admin-toast.error{color:#fff;background:#991b1b;border-color:#dc2626}.admin-toast.info{color:#fff;background:#1e3a5f;border-color:#2563eb}@keyframes toastIn{0%{opacity:0;transform:translateY(20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.modal-backdrop{z-index:200;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a66;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-box{background:#fff;border-radius:20px;width:100%;max-width:560px;max-height:88vh;padding:28px;overflow-y:auto;box-shadow:0 20px 60px #00000026}.modal-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.modal-header h2{color:#111827;font-size:18px;font-weight:800}.modal-body{flex-direction:column;gap:10px;display:flex}.modal-info-row{color:#374151;border-bottom:1px solid #f9fafb;justify-content:space-between;padding:6px 0;font-size:13px;display:flex}.table-action-btn{color:#374151;cursor:pointer;background:#f9fafb;border:1px solid #e5e7eb;border-radius:7px;padding:5px 12px;font-family:Sora,sans-serif;font-size:12px;font-weight:600;transition:all .15s}.table-action-btn:hover{color:#16a34a;background:#f0fdf4;border-color:#bbf7d0}.admin-login-screen{background:linear-gradient(135deg,#f0fdf4 0%,#f9fafb 50%,#ecfdf5 100%);justify-content:center;align-items:center;min-height:100vh;font-family:Sora,sans-serif;display:flex;position:relative;overflow:hidden}.admin-login-bg-deco{pointer-events:none;background:radial-gradient(800px 600px at 30% 40%,#25a2440f 0%,#0000 60%),radial-gradient(600px 500px at 80% 70%,#25a2440a 0%,#0000 60%);position:absolute;inset:0}.admin-login-card{z-index:1;background:#fff;border:1px solid #e8f5ee;border-radius:24px;width:100%;max-width:420px;padding:48px 44px;position:relative;box-shadow:0 8px 60px #25a2441a,0 2px 20px #0000000f}.admin-login-header{text-align:center;margin-bottom:36px}.admin-login-logo{letter-spacing:-.04em;color:#111827;margin-bottom:12px;font-size:28px;font-weight:900}.admin-login-badge{color:#15803d;letter-spacing:.08em;text-transform:uppercase;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:20px;margin-bottom:10px;padding:4px 12px;font-size:11px;font-weight:700;display:inline-block}.admin-login-subtitle{color:#9ca3af;font-size:12px;font-weight:500}.admin-login-form{flex-direction:column;gap:18px;display:flex}.admin-login-field{flex-direction:column;gap:6px;display:flex}.admin-login-field label{color:#374151;letter-spacing:.03em;text-transform:uppercase;font-size:12px;font-weight:700}.admin-login-input-wrap{align-items:center;display:flex;position:relative}.admin-login-input-wrap input{color:#111827;background:#fafafa;border:1.5px solid #e5e7eb;border-radius:12px;outline:none;width:100%;padding:12px 14px 12px 40px;font-family:Sora,sans-serif;font-size:14px;transition:all .2s}.admin-login-input-wrap input:focus{background:#fff;border-color:#25a244;box-shadow:0 0 0 3px #25a2441a}.admin-login-input-wrap input::placeholder{color:#d1d5db}.admin-login-input-icon{pointer-events:none;z-index:1;opacity:.6;font-size:14px;position:absolute;left:13px}.admin-pw-toggle{cursor:pointer;opacity:.5;background:0 0;border:none;padding:4px;font-size:14px;line-height:1;position:absolute;right:12px}.admin-pw-toggle:hover{opacity:1}.admin-login-error{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;align-items:center;gap:8px;padding:10px 14px;font-size:13px;font-weight:500;display:flex}.admin-login-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#25a244,#16a34a);border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:4px;padding:14px;font-family:Sora,sans-serif;font-size:14px;font-weight:700;transition:all .2s;display:flex}.admin-login-btn:hover:not(:disabled){background:linear-gradient(135deg,#1d9138,#15803d);transform:translateY(-1px);box-shadow:0 4px 20px #25a2444d}.admin-login-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.admin-login-footer{text-align:center;margin-top:24px}.admin-login-back{color:#9ca3af;cursor:pointer;background:0 0;border:none;font-family:Sora,sans-serif;font-size:12px;transition:color .2s}.admin-login-back:hover{color:#374151}.admin-login-loader{justify-content:center;align-items:center;height:100vh;display:flex}.admin-login-spinner{border:3px solid #e5e7eb;border-top-color:#25a244;border-radius:50%;width:32px;height:32px;animation:.7s linear infinite spin}.admin-login-spinner-sm{border:2px solid #fff6;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.7s linear infinite spin;display:inline-block}.admin-login-page{background:#f9fafb;justify-content:center;align-items:center;min-height:100vh;display:flex}.admin-login-box{text-align:center;background:#fff;border:1px solid #f3f4f6;border-radius:20px;width:100%;max-width:400px;padding:40px;box-shadow:0 4px 40px #0000000f}@media (width<=1024px){.hero-inner{text-align:center;grid-template-columns:1fr;min-height:auto}.hero-visual{display:none}.hero-sub{margin:0 auto}.footer-inner{grid-template-columns:1fr 1fr;gap:32px}.testimonials-grid,.values-grid{grid-template-columns:1fr 1fr}.cart-page-grid,.checkout-grid{grid-template-columns:1fr}.checkout-summary-col{display:none}.stat-cards{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.product-detail-grid{grid-template-columns:1fr}.team-grid{grid-template-columns:1fr 1fr}.footer-inner,.testimonials-grid{grid-template-columns:1fr}.products-grid{grid-template-columns:repeat(2,1fr)}.faq-grid{grid-template-columns:1fr}.admin-sidebar{transform:translate(-100%)}.admin-main{margin-left:0!important}.stat-cards{grid-template-columns:1fr 1fr}}@media (width<=480px){.products-grid,.form-row-2,.stat-cards,.team-grid,.values-grid{grid-template-columns:1fr}}.co-page{background:#f9fafb;flex-direction:column;min-height:100vh;display:flex}.co-header{background:#fff;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:16px 40px;display:flex}.co-logo{letter-spacing:-.04em;color:#111827;font-size:22px;font-weight:900;text-decoration:none}.co-logo span{color:#25a244}.co-secure{color:#9ca3af;align-items:center;gap:6px;font-size:12px;font-weight:600;display:flex}.co-back-btn{cursor:pointer;color:#6b7280;background:0 0;border:1.5px solid #e5e7eb;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;transition:all .15s;display:flex}.co-back-btn:hover{color:#111827;background:#f3f4f6;border-color:#d1d5db}.co-phone-wrap{background:#f9fafb;border:1.5px solid #e5e7eb;border-radius:10px;align-items:center;transition:all .2s;display:flex;overflow:hidden}.co-phone-wrap:focus-within{background:#fff;border-color:#25a244;box-shadow:0 0 0 3px #25a24415}.co-phone-prefix{color:#9ca3af;white-space:nowrap;-webkit-user-select:none;user-select:none;letter-spacing:.02em;background:#f3f4f6;border-right:1.5px solid #e5e7eb;padding:11px 12px 11px 14px;font-size:14px;font-weight:700}.co-phone-input{color:#111827;background:0 0;border:none;outline:none;flex:1;min-width:0;padding:11px 14px;font-family:Sora,sans-serif;font-size:16px}.co-body{flex:1;grid-template-columns:1fr 380px;align-items:start;gap:40px;width:100%;max-width:1100px;margin:0 auto;padding:40px 24px 80px;display:grid}.co-left{flex-direction:column;gap:20px;display:flex}.co-section{background:#fff;border:1px solid #e5e7eb;border-radius:16px;flex-direction:column;gap:14px;padding:24px;display:flex}.co-section-title{color:#111827;margin-bottom:2px;font-size:15px;font-weight:800}.co-field{flex-direction:column;gap:5px;display:flex}.co-field label{color:#6b7280;text-transform:uppercase;letter-spacing:.06em;font-size:11px;font-weight:700}.co-field input,.co-field select{color:#111827;background:#f9fafb;border:1.5px solid #e5e7eb;border-radius:10px;outline:none;width:100%;padding:11px 14px;font-family:Sora,sans-serif;font-size:16px;transition:all .2s}.co-field input:focus,.co-field select:focus{background:#fff;border-color:#25a244;box-shadow:0 0 0 3px #25a24415}.co-row2{grid-template-columns:1fr 1fr;gap:12px;display:grid}.co-delivery-option{cursor:pointer;border:2px solid #e5e7eb;border-radius:12px;justify-content:space-between;align-items:center;padding:14px 16px;transition:all .2s;display:flex}.co-delivery-option.selected{background:#f0fdf4;border-color:#25a244}.co-radio-dot{background:#25a244;border:2px solid #25a244;border-radius:50%;flex-shrink:0;width:16px;height:16px;box-shadow:inset 0 0 0 3px #fff}.co-ship-hint{color:#6b7280;background:#fef3c7;border-radius:8px;padding:8px 12px;font-size:12px}.co-payment-box{text-align:center;background:#f9fafb;border:1.5px dashed #d1d5db;border-radius:12px;padding:28px}.co-discount-row{gap:8px;display:flex}.co-discount-row input{flex:1}.co-discount-btn{color:#374151;cursor:pointer;white-space:nowrap;background:#f3f4f6;border:1.5px solid #e5e7eb;border-radius:10px;padding:0 16px;font-family:Sora,sans-serif;font-size:13px;font-weight:700;transition:all .2s}.co-discount-btn:hover{background:#e5e7eb}.co-error{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;padding:12px 16px;font-size:13px;font-weight:600}.co-submit{color:#fff;cursor:pointer;background:linear-gradient(135deg,#25a244,#16a34a);border:none;border-radius:14px;justify-content:center;align-items:center;gap:10px;width:100%;padding:16px;font-family:Sora,sans-serif;font-size:16px;font-weight:800;transition:all .25s;display:flex;box-shadow:0 4px 20px #25a24435}.co-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 28px #25a24450}.co-submit:disabled{opacity:.6;cursor:not-allowed;transform:none}.co-submit-side{display:none}.co-terms{color:#9ca3af;text-align:center;font-size:11px;line-height:1.6}.co-terms a{color:#6b7280;text-decoration:underline}.co-spinner{border:2.5px solid #fff6;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.7s linear infinite spin;display:inline-block}.co-summary{position:sticky;top:24px}.co-summary-inner{background:#fff;border:1px solid #e5e7eb;border-radius:16px;flex-direction:column;gap:20px;padding:24px;display:flex}.co-summary-title{color:#111827;font-size:15px;font-weight:800}.co-summary-items{flex-direction:column;gap:12px;display:flex}.co-summary-item{align-items:center;gap:10px;display:flex}.co-summary-thumb{background:#f9fafb;border:1px solid #f3f4f6;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:56px;display:flex;position:relative}.co-summary-qty{color:#fff;background:#374151;border-radius:99px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 4px;font-size:10px;font-weight:800;display:flex;position:absolute;top:-6px;right:-6px}.co-summary-name{color:#374151;flex:1;font-size:13px;font-weight:600;line-height:1.3}.co-summary-price{color:#111827;white-space:nowrap;font-size:13px;font-weight:800}.co-summary-totals{border-top:1px solid #f3f4f6;flex-direction:column;gap:8px;padding-top:16px;display:flex}.co-total-row{color:#6b7280;justify-content:space-between;font-size:13px;display:flex}.co-total-row.grand{color:#111827;border-top:2px solid #f3f4f6;margin-top:4px;padding-top:12px;font-size:18px;font-weight:900}.co-trust{color:#9ca3af;border-top:1px solid #f3f4f6;justify-content:space-between;padding-top:16px;font-size:11px;display:flex}@media (width<=860px){.co-body{grid-template-columns:1fr;padding:24px 16px 60px}.co-summary{position:static}.co-summary-inner{order:-1}.co-submit-side{display:flex}.co-left .co-submit{display:none}}@media (width<=480px){.co-row2{grid-template-columns:1fr}.co-header{padding:14px 20px}.co-trust{flex-direction:column;align-items:center;gap:6px}}.legal-page{background:#f9fafb;min-height:100vh;padding:60px 0 80px}.legal-inner{max-width:780px;margin:0 auto;padding:0 24px}.legal-header{text-align:center;margin-bottom:40px}.legal-badge{color:#16a34a;text-transform:uppercase;letter-spacing:.1em;background:#dcfce7;border-radius:99px;margin-bottom:16px;padding:6px 14px;font-size:11px;font-weight:700;display:inline-block}.legal-title{color:#111827;letter-spacing:-.03em;margin:0 0 10px;font-size:32px;font-weight:900}.legal-meta{color:#9ca3af;font-size:13px}.legal-alert{color:#92400e;background:#fef3c7;border:1.5px solid #fcd34d;border-radius:12px;margin-bottom:36px;padding:16px 20px;font-size:14px;line-height:1.6}.legal-section{border-bottom:1px solid #f3f4f6;margin-bottom:36px;padding-bottom:36px}.legal-section:last-of-type{border-bottom:none}.legal-h2{color:#111827;margin:0 0 14px;font-size:17px;font-weight:800}.legal-section p{color:#374151;margin:0 0 10px;font-size:14px;line-height:1.75}.legal-section ul,.legal-section ol{flex-direction:column;gap:8px;margin:0 0 10px;padding-left:20px;display:flex}.legal-section li{color:#374151;font-size:14px;line-height:1.65}.legal-section a{color:#16a34a;font-weight:600;text-decoration:none}.legal-section a:hover{text-decoration:underline}.legal-table-wrap{margin:12px 0;overflow-x:auto}.legal-table{border-collapse:collapse;width:100%;font-size:13px}.legal-table th{color:#374151;text-align:left;background:#f3f4f6;border:1px solid #e5e7eb;padding:10px 14px;font-weight:700}.legal-table td{color:#374151;vertical-align:top;border:1px solid #e5e7eb;padding:10px 14px}.legal-table tr:nth-child(2n) td{background:#f9fafb}.legal-footer-box{text-align:center;background:#f0fdf4;border:1.5px solid #bbf7d0;border-radius:14px;flex-direction:column;align-items:center;gap:14px;margin-top:40px;padding:24px;display:flex}.legal-footer-box p{color:#374151;margin:0;font-size:14px}.legal-footer-box a{color:#16a34a;font-weight:700;text-decoration:none}.legal-link-btn{color:#fff;background:#25a244;border-radius:10px;padding:10px 20px;font-family:Sora,sans-serif;font-size:13px;font-weight:700;text-decoration:none;transition:all .2s;display:inline-block}.legal-link-btn:hover{background:#16a34a;transform:translateY(-1px)}.ss-input{cursor:pointer;-webkit-user-select:none;user-select:none;background:#f9fafb;border:1.5px solid #e5e7eb;border-radius:10px;align-items:center;gap:8px;padding:11px 14px;font-size:16px;transition:all .2s;display:flex}.ss-input:hover{border-color:#d1d5db}.ss-input.ss-open{background:#fff;border-color:#25a244;box-shadow:0 0 0 3px #25a24415}.ss-input.ss-disabled{opacity:.5;cursor:not-allowed;background:#f3f4f6}.ss-dropdown{z-index:100;background:#fff;border:1.5px solid #e5e7eb;border-radius:12px;animation:.15s ssOpen;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow:hidden;box-shadow:0 8px 32px #0000001f}@keyframes ssOpen{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.ss-search-wrap{border-bottom:1px solid #f3f4f6;align-items:center;gap:8px;padding:10px 12px;display:flex}.ss-search-input{color:#111827;background:0 0;border:none;outline:none;flex:1;font-family:Sora,sans-serif;font-size:13px}.ss-list{max-height:220px;padding:4px;overflow-y:auto}.ss-option{color:#374151;cursor:pointer;border-radius:8px;justify-content:space-between;align-items:center;padding:9px 12px;font-size:16px;transition:background .1s;display:flex}.ss-option:hover{background:#f3f4f6}.ss-option.ss-selected{color:#16a34a;background:#f0fdf4;font-weight:700}.ss-empty{text-align:center;color:#9ca3af;padding:16px;font-size:13px}.co-processing-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:999;background:#f9fafbf7;justify-content:center;align-items:center;animation:.3s fadeIn;display:flex;position:fixed;inset:0}.co-processing-card{text-align:center;flex-direction:column;align-items:center;gap:28px;display:flex}.co-processing-rings{justify-content:center;align-items:center;width:120px;height:120px;display:flex;position:relative}.ring{border:3px solid #0000;border-radius:50%;position:absolute}.ring1{border-top-color:#25a244;width:120px;height:120px;animation:1s linear infinite spin}.ring2{border-top-color:#16a34a80;width:90px;height:90px;animation:1.4s linear infinite reverse spin}.ring3{border-top-color:#25a24440;width:60px;height:60px;animation:.8s linear infinite spin}.co-processing-logo{letter-spacing:-.03em;color:#111827;z-index:1;font-size:13px;font-weight:900;position:relative}.co-processing-logo span{color:#25a244}.co-processing-step{color:#374151;font-size:16px;font-weight:700;animation:.4s fadeStep}.co-processing-dots{gap:8px;display:flex}.co-dot{background:#e5e7eb;border-radius:50%;width:8px;height:8px;transition:background .4s,transform .3s}.co-dot.active{background:#25a244;transform:scale(1.3)}@keyframes fadeStep{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.oc-page{background:linear-gradient(160deg,#f0fdf4 0%,#f9fafb 60%);justify-content:center;align-items:center;min-height:100vh;padding:40px 16px;display:flex;position:relative;overflow:hidden}.oc-card{opacity:0;background:#fff;border-radius:24px;flex-direction:column;align-items:center;gap:20px;width:100%;max-width:560px;padding:48px 40px;transition:all .5s cubic-bezier(.22,1,.36,1);display:flex;transform:translateY(30px)scale(.97);box-shadow:0 20px 80px #25a2441f,0 4px 24px #0000000f}.oc-card.oc-card-in{opacity:1;transform:translateY(0)scale(1)}.oc-checkmark{width:80px;height:80px}.oc-circle{stroke-dasharray:226;stroke-dashoffset:226px;fill:none;animation:.7s cubic-bezier(.22,1,.36,1) .2s forwards drawCircle}.oc-tick{stroke-dasharray:60;stroke-dashoffset:60px;fill:none;animation:.5s cubic-bezier(.22,1,.36,1) .8s forwards drawTick}@keyframes drawCircle{to{stroke-dashoffset:0}}@keyframes drawTick{to{stroke-dashoffset:0}}.oc-title{color:#111827;letter-spacing:-.03em;text-align:center;margin:0;font-size:28px;font-weight:900}.oc-subtitle{color:#6b7280;text-align:center;margin:0;font-size:14px;line-height:1.6}.oc-order-badge{text-align:center;background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:1.5px solid #86efac;border-radius:14px;padding:16px 32px}.oc-order-label{color:#16a34a;text-transform:uppercase;letter-spacing:.08em;margin-bottom:4px;font-size:11px;font-weight:700;display:block}.oc-order-number{color:#111827;letter-spacing:-.04em;font-size:32px;font-weight:900}.oc-total{color:#6b7280;background:#f9fafb;border-radius:10px;justify-content:space-between;width:100%;padding:12px 16px;font-size:14px;display:flex}.oc-total span:last-child{color:#111827;font-weight:800}.oc-steps{flex-direction:column;gap:0;width:100%;display:flex}.oc-step{align-items:flex-start;gap:14px;padding:12px 0;display:flex}.oc-step-icon{text-align:center;flex-shrink:0;width:40px;font-size:22px}.oc-step-title{color:#111827;margin-bottom:2px;font-size:14px;font-weight:700}.oc-step-desc{color:#9ca3af;font-size:12px}.oc-step.pending .oc-step-title{color:#9ca3af}.oc-step-line{background:#f3f4f6;width:2px;height:20px;margin-left:19px}.oc-actions{flex-direction:column;gap:10px;width:100%;display:flex}.oc-btn-primary{color:#fff;text-align:center;background:linear-gradient(135deg,#25a244,#16a34a);border:none;border-radius:14px;width:100%;padding:15px;font-family:Sora,sans-serif;font-size:15px;font-weight:800;text-decoration:none;transition:all .25s;display:block;box-shadow:0 4px 20px #25a24435}.oc-btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 28px #25a24450}.oc-btn-secondary{color:#6b7280;text-align:center;background:0 0;border:1.5px solid #e5e7eb;border-radius:14px;width:100%;padding:12px;font-family:Sora,sans-serif;font-size:14px;font-weight:600;text-decoration:none;transition:all .2s;display:block}.oc-btn-secondary:hover{color:#374151;background:#f9fafb}.oc-help{color:#9ca3af;text-align:center;font-size:12px;line-height:1.6}.oc-help a{color:#25a244;font-weight:600;text-decoration:none}.confetti-wrapper{pointer-events:none;z-index:0;position:fixed;inset:0;overflow:hidden}.confetti-piece{animation:linear forwards confettiFall;position:absolute;top:-20px}@keyframes confettiFall{0%{opacity:1;transform:translateY(0)rotate(0)}to{opacity:0;transform:translateY(110vh)rotate(720deg)}}.oc-mp-badge{color:#0369a1;background:#eff9ff;border:1.5px solid #bae6fd;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;padding:10px 18px;font-size:13px;font-weight:600;display:flex}.oc-pending-icon{font-size:56px;line-height:1}.oc-pending-notice{background:#fffbeb;border:1.5px solid #fde68a;border-radius:12px;align-items:flex-start;gap:10px;width:100%;padding:14px 16px;display:flex}.oc-pending-notice span{flex-shrink:0;font-size:18px}.oc-pending-notice p{color:#92400e;margin:0;font-size:13px;line-height:1.5}.oc-validating-card{flex-direction:column;align-items:center;gap:24px;width:100%;max-width:420px;padding:60px 40px;display:flex}.oc-validating-logo{justify-content:center;align-items:center;width:100px;height:100px;display:flex;position:relative}.oc-pulse-ring{opacity:0;border:3px solid #25a244;border-radius:50%;animation:1.8s ease-out infinite pulseRing;position:absolute;inset:0}.oc-pulse-ring2{animation-delay:.9s}@keyframes pulseRing{0%{opacity:.7;transform:scale(.7)}to{opacity:0;transform:scale(1.5)}}.oc-validating-brand{color:#111827;letter-spacing:-.03em;z-index:1;font-size:18px;font-weight:900;position:relative}.oc-validating-brand span{color:#25a244}.oc-validating-title{color:#111827;letter-spacing:-.03em;text-align:center;margin:0;font-size:22px;font-weight:900}.oc-validating-sub{color:#9ca3af;text-align:center;margin:0;font-size:14px}.oc-validating-steps{flex-direction:column;gap:12px;width:100%;display:flex}.oc-vstep{opacity:0;color:#9ca3af;background:#f9fafb;border:1.5px solid #f3f4f6;border-radius:12px;align-items:center;gap:14px;padding:12px 16px;font-size:14px;font-weight:600;transition:all .4s cubic-bezier(.22,1,.36,1);display:flex;transform:translate(-12px)}.oc-vstep.active{opacity:1;color:#374151;background:#fffbeb;border-color:#fde68a;transform:translate(0)}.oc-vstep.done{opacity:1;color:#16a34a;background:#f0fdf4;border-color:#86efac;transform:translate(0)}.oc-vstep-icon{text-align:center;flex-shrink:0;width:32px;font-size:20px}.oc-vstep.done .oc-vstep-icon{color:#16a34a;font-weight:900}.oc-validating-bar{background:#f3f4f6;border-radius:99px;width:100%;height:4px;overflow:hidden}.oc-validating-fill{background:linear-gradient(90deg,#25a244,#16a34a);border-radius:99px;height:100%;animation:2.8s cubic-bezier(.4,0,.2,1) forwards fillBar}@keyframes fillBar{0%{width:0%}to{width:100%}}@media (width<=480px){.oc-card{padding:32px 20px}.oc-title{font-size:22px}.oc-order-number{font-size:26px}.oc-validating-card{padding:40px 20px}}.tracking-page{max-width:680px;margin:0 auto;padding:40px 24px 80px}.tracking-hero{text-align:center;padding:48px 0 40px}.tracking-hero-icon{margin-bottom:16px;font-size:52px;line-height:1}.tracking-hero-title{color:#111827;letter-spacing:-.04em;margin-bottom:8px;font-size:28px;font-weight:900}.tracking-hero-sub{color:#6b7280;margin-bottom:28px;font-size:14px}.tracking-form{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.tracking-input{color:#111827;letter-spacing:.04em;border:2px solid #e5e7eb;border-radius:12px;outline:none;min-width:200px;padding:13px 18px;font-family:Sora,sans-serif;font-size:16px;font-weight:700;transition:all .2s}.tracking-input:focus{border-color:#25a244;box-shadow:0 0 0 4px #25a24418}.tracking-search-btn{color:#fff;white-space:nowrap;background:linear-gradient(135deg,#25a244,#16a34a);border:none;border-radius:12px;padding:13px 24px;font-family:Sora,sans-serif;font-size:14px;font-weight:800;transition:all .25s;box-shadow:0 4px 16px #25a24430}.tracking-search-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px #25a24445}.tracking-search-btn:disabled{opacity:.6;cursor:not-allowed}.tracking-error{color:#b91c1c;background:#fef2f2;border:1.5px solid #fecaca;border-radius:14px;align-items:flex-start;gap:14px;margin-bottom:24px;padding:18px 20px;display:flex}.tracking-error span{flex-shrink:0;font-size:24px}.tracking-error strong{margin-bottom:4px;font-size:14px;display:block}.tracking-error p{color:#ef4444;font-size:13px}.tracking-result{background:#fff;border:1.5px solid #f3f4f6;border-radius:20px;overflow:hidden;box-shadow:0 4px 32px #0000000f}.tracking-order-header{border-bottom:1.5px solid #f3f4f6;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:24px 28px;display:flex}.tracking-order-num{color:#111827;letter-spacing:-.03em;font-size:20px;font-weight:900}.tracking-order-meta{color:#9ca3af;margin-top:3px;font-size:13px}.tracking-status-pill{letter-spacing:.04em;border-radius:99px;padding:6px 16px;font-size:12px;font-weight:800}.tracking-status-pill.status-pendiente{color:#a16207;background:#fef9c3}.tracking-status-pill.status-preparando{color:#1d4ed8;background:#dbeafe}.tracking-status-pill.status-enviado{color:#0369a1;background:#e0f2fe}.tracking-status-pill.status-entregado{color:#15803d;background:#dcfce7}.tracking-timeline{padding:28px 28px 8px}.tracking-step{gap:16px;display:flex;position:relative}.step-left{flex-direction:column;flex-shrink:0;align-items:center;display:flex}.step-icon-wrap{background:#f9fafb;border:2px solid #e5e7eb;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;transition:all .3s;display:flex}.tracking-step.done .step-icon-wrap{background:#f0fdf4;border-color:#25a244}.tracking-step.current .step-icon-wrap{background:#25a244;border-color:#25a244;box-shadow:0 0 0 4px #25a24420}.step-line{background:#e5e7eb;width:2px;height:32px;margin:4px 0;transition:background .3s}.step-line.filled{background:#25a244}.step-body{flex:1;min-width:0;padding-bottom:28px}.step-label{color:#9ca3af;margin-bottom:4px;font-size:14px;font-weight:700;transition:color .3s}.tracking-step.done .step-label{color:#111827}.step-desc{color:#6b7280;font-size:13px;line-height:1.5}.step-tracking{color:#6b7280;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;margin-top:6px;padding:8px 12px;font-size:12px}.step-tracking a{color:#25a244;font-weight:700;text-decoration:none}.step-tracking a:hover{text-decoration:underline}.tracking-items{border-top:1.5px solid #f3f4f6;padding:24px 28px}.tracking-items-title{color:#374151;text-transform:uppercase;letter-spacing:.06em;margin-bottom:16px;font-size:13px;font-weight:800}.tracking-items-list{flex-direction:column;gap:10px;margin-bottom:16px;display:flex}.tracking-item-row{color:#374151;justify-content:space-between;align-items:center;font-size:14px;display:flex}.tracking-item-qty{color:#25a244;margin-right:6px;font-weight:700}.tracking-item-name{flex:1}.tracking-item-price{color:#111827;flex-shrink:0;font-weight:700}.tracking-total-row{color:#6b7280;border-top:1px solid #f3f4f6;justify-content:space-between;padding-top:12px;font-size:15px;display:flex}.tracking-total-row strong{color:#111827;font-size:17px;font-weight:900}.tracking-address{border-top:1.5px solid #f3f4f6;padding:20px 28px 24px}.tracking-address-title{color:#374151;text-transform:uppercase;letter-spacing:.06em;margin-bottom:10px;font-size:13px;font-weight:800}.tracking-address-body{color:#6b7280;font-size:14px;line-height:1.7}.tracking-help{margin-top:48px}.tracking-help-grid{grid-template-columns:1fr;gap:16px;display:grid}.tracking-help-item{background:#f9fafb;border:1px solid #f3f4f6;border-radius:14px;align-items:flex-start;gap:14px;padding:18px 20px;display:flex}.tracking-help-item span{flex-shrink:0;font-size:26px}.tracking-help-item strong{color:#111827;margin-bottom:4px;font-size:14px;font-weight:700;display:block}.tracking-help-item p{color:#9ca3af;font-size:13px;line-height:1.5}@media (width>=560px){.tracking-help-grid{grid-template-columns:1fr 1fr}}@media (width<=480px){.tracking-page{padding:24px 16px 60px}.tracking-hero{padding:32px 0 28px}.tracking-hero-title{font-size:22px}.tracking-order-header,.tracking-timeline,.tracking-items,.tracking-address{padding-left:18px;padding-right:18px}.tracking-form{flex-direction:column;align-items:stretch}.tracking-input,.tracking-search-btn{width:100%}}.auth-page{background:linear-gradient(160deg,#f0fdf4 0%,#fff 60%);justify-content:center;align-items:center;min-height:70vh;padding:40px 16px;display:flex;overflow-x:hidden}.auth-card{background:#fff;border:1px solid #e5e7eb;border-radius:20px;width:100%;max-width:440px;padding:40px 36px;box-shadow:0 8px 40px #00000012}.auth-brand{cursor:pointer;justify-content:center;margin-bottom:28px;display:flex}.auth-brand img{object-fit:contain;height:36px}.auth-tabs{background:#f3f4f6;border-radius:12px;margin-bottom:28px;padding:4px;display:flex}.auth-tabs button{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:9px;flex:1;padding:10px;font-size:14px;font-weight:600;transition:all .2s}.auth-tabs button.active{color:#111827;background:#fff;box-shadow:0 1px 6px #0000001a}.auth-form{flex-direction:column;gap:16px;display:flex}.auth-field{flex-direction:column;gap:6px;display:flex}.auth-field label{color:#374151;font-size:13px;font-weight:600}.auth-field input{color:#111827;background:#fafafa;border:1.5px solid #e5e7eb;border-radius:10px;outline:none;padding:12px 14px;font-size:16px;transition:border-color .2s}.auth-field input:focus{background:#fff;border-color:#25a244;box-shadow:0 0 0 3px #25a2441a}.auth-pass-wrap{position:relative}.auth-pass-wrap input{width:100%;padding-right:44px}.auth-eye{color:#9ca3af;cursor:pointer;background:0 0;border:none;align-items:center;padding:4px;display:flex;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.auth-eye:hover{color:#374151}.auth-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#25a244,#16a34a);border:none;border-radius:12px;width:100%;padding:14px;font-family:inherit;font-size:15px;font-weight:700;transition:all .2s;box-shadow:0 3px 12px #25a2444d}.auth-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 20px #25a24466}.auth-btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.auth-link-btn{color:#25a244;cursor:pointer;text-align:center;background:0 0;border:none;padding:4px;font-size:13px;font-weight:600;transition:color .15s}.auth-link-btn:hover{color:#16a34a;text-decoration:underline}.auth-error{color:#ef4444;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:10px 12px;font-size:13px}.auth-success{color:#16a34a;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;padding:10px 12px;font-size:13px}.auth-legal{color:#9ca3af;text-align:center;font-size:12px;line-height:1.5}.auth-legal a{color:#25a244}.auth-title{color:#111827;text-align:center;letter-spacing:-.02em;margin-bottom:8px;font-size:22px;font-weight:800}.auth-desc{color:#6b7280;text-align:center;margin-bottom:20px;font-size:14px;line-height:1.6}.auth-icon-box{border-radius:50%;justify-content:center;align-items:center;width:68px;height:68px;margin:0 auto 20px;display:flex}.auth-icon-box.success{color:#25a244;background:#f0fdf4;border:2px solid #bbf7d0}.account-page{max-width:760px;margin:0 auto;padding:40px 24px 80px}.account-hero{color:#fff;background:linear-gradient(135deg,#25a244,#16a34a);border-radius:20px;align-items:center;gap:20px;margin-bottom:32px;padding:32px;display:flex;position:relative}.account-avatar{background:#ffffff40;border:2px solid #fff6;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;font-size:20px;font-weight:900;display:flex}.account-name{letter-spacing:-.02em;font-size:18px;font-weight:800}.account-email{opacity:.8;margin-top:2px;font-size:13px}.account-signout-btn{color:#fff;cursor:pointer;background:#ffffff26;border:1px solid #ffffff4d;border-radius:99px;flex-shrink:0;align-items:center;gap:6px;margin-left:auto;padding:8px 16px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.account-signout-btn:hover{background:#ffffff40}.account-body{flex-direction:column;gap:24px;display:flex}.account-section{background:#fff;border:1px solid #f3f4f6;border-radius:16px;padding:24px}.account-section-title{color:#111827;letter-spacing:-.01em;margin-bottom:16px;font-size:16px;font-weight:800}.account-empty{text-align:center;color:#9ca3af;flex-direction:column;align-items:center;gap:8px;padding:32px 16px;font-size:14px;display:flex}.account-action-btn{color:#374151;cursor:pointer;background:#f9fafb;border:1.5px solid #e5e7eb;border-radius:10px;align-items:center;gap:8px;padding:10px 16px;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex}.account-action-btn:hover{color:#25a244;background:#f0fdf4;border-color:#25a244}.pw-form{flex-direction:column;gap:14px;max-width:400px;display:flex}.orders-list{flex-direction:column;gap:10px;display:flex}.order-card{border:1.5px solid #f3f4f6;border-radius:14px;transition:border-color .2s;overflow:hidden}.order-card:hover{border-color:#d1fae5}.order-card-header{cursor:pointer;justify-content:space-between;align-items:center;gap:12px;padding:14px 18px;display:flex}.order-card-left{flex-direction:column;gap:3px;display:flex}.order-id{color:#111827;font-family:monospace;font-size:13px;font-weight:700}.order-date{color:#9ca3af;font-size:12px}.order-card-right{flex-shrink:0;align-items:center;gap:10px;display:flex}.order-status-badge{border-radius:99px;padding:3px 10px;font-size:11px;font-weight:700}.order-total{color:#111827;font-size:14px;font-weight:800}.order-card-body{background:#fafafa;border-top:1px solid #f9fafb;flex-direction:column;gap:8px;padding:14px 18px 18px;display:flex}.order-item-row{color:#374151;gap:8px;font-size:13px;display:flex}.order-item-name{flex:1}.order-item-qty{color:#9ca3af;text-align:center;min-width:28px}.order-item-price{text-align:right;min-width:80px;font-weight:600}.total-row{color:#111827;border-top:1px solid #e5e7eb;margin-top:4px;padding-top:8px;font-weight:800}.order-tracking{color:#6b7280;background:#f0fdf4;border-radius:8px;margin-top:4px;padding:8px 12px;font-size:12px}.order-skeleton{background:#f3f4f6;border-radius:12px;height:56px;animation:1.4s ease-in-out infinite skeleton-pulse}@media (width<=560px){.account-hero{flex-wrap:wrap}.account-signout-btn{margin-left:0}.auth-card{padding:28px 20px}}.lightbox-overlay{z-index:9999;background:#000000ed;justify-content:center;align-items:center;animation:.2s lbIn;display:flex;position:fixed;inset:0}@keyframes lbIn{0%{opacity:0}to{opacity:1}}.lightbox-img{object-fit:contain;-webkit-user-select:none;user-select:none;touch-action:none;border-radius:8px;max-width:90vw;max-height:85vh;animation:.25s lbImgIn}@keyframes lbImgIn{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}.lightbox-close{color:#fff;cursor:pointer;z-index:1;background:#ffffff26;border:none;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:20px;transition:background .15s;display:flex;position:absolute;top:16px;right:16px}.lightbox-close:hover{background:#ffffff4d}.lightbox-nav{color:#fff;cursor:pointer;z-index:1;background:#ffffff26;border:none;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;font-size:28px;transition:background .15s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.lightbox-nav:hover{background:#ffffff4d}.lightbox-nav-left{left:16px}.lightbox-nav-right{right:16px}.lightbox-counter{color:#ffffffa6;letter-spacing:.05em;font-size:13px;font-weight:600;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}@media (width<=480px){.lightbox-nav{width:40px;height:40px;font-size:22px}.lightbox-nav-left{left:6px}.lightbox-nav-right{right:6px}}:root{--vl-primary:#43a047;--vl-primary-light:#66bb6a;--vl-primary-dark:#2e7d32;--vl-accent:#a5d6a7;--vl-accent-light:#c8e6c9;--vl-gradient-start:#43a047;--vl-gradient-end:#66bb6a;--chat-bg:#f1f8e9;--chat-surface:#43a0470f;--chat-border:#43a0472e;--chat-user-bubble:linear-gradient(135deg, #43a047 0%, #66bb6a 100%);--chat-bot-bubble:#fff;--chat-text:#1b5e20;--chat-text-secondary:#33691e;--chat-text-muted:#1b5e2080;--chat-input-bg:#fff;--chat-width:400px;--chat-height:600px;--chat-radius:20px;--chat-button-size:60px}.chat-widget{z-index:99999;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;position:fixed;bottom:24px;right:24px}.chat-toggle-btn{width:var(--chat-button-size);height:var(--chat-button-size);cursor:pointer;background:linear-gradient(135deg, var(--vl-primary) 0%, var(--vl-primary-light) 100%);color:#fff;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:26px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:visible;box-shadow:0 4px 20px #43a04759,0 0 40px #66bb6a1f}.chat-toggle-btn:before{content:"";background:radial-gradient(circle at 30% 30%,#ffffff40 0%,#0000 60%);border-radius:50%;position:absolute;inset:0}.chat-toggle-btn:hover{transform:scale(1.08);box-shadow:0 6px 30px #43a04773,0 0 60px #66bb6a2e}.chat-toggle-btn:active{transform:scale(.95)}.chat-toggle-btn .icon{line-height:1;transition:transform .3s}.chat-toggle-btn.open .icon{transform:rotate(90deg)}.notification-badge{color:#fff;z-index:10;background:#ef5350;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:11px;font-weight:700;animation:.4s cubic-bezier(.34,1.56,.64,1) badge-pop;display:flex;position:absolute;top:-2px;right:-2px;box-shadow:0 2px 6px #ef535066}@keyframes badge-pop{0%{transform:scale(0)}60%{transform:scale(1.2)}to{transform:scale(1)}}.chat-panel{bottom:calc(var(--chat-button-size) + 16px);width:var(--chat-width);height:var(--chat-height);background:var(--chat-bg);border-radius:var(--chat-radius);border:1px solid var(--chat-border);transform-origin:100% 100%;flex-direction:column;animation:.35s cubic-bezier(.16,1,.3,1) forwards slideUp;display:flex;position:absolute;right:0;overflow:hidden;box-shadow:0 25px 60px #0000001f,0 0 80px #43a0470f}.chat-panel.closing{animation:.25s cubic-bezier(.4,0,1,1) forwards slideDown}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes slideDown{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(20px)scale(.95)}}.chat-header{background:linear-gradient(135deg, var(--vl-primary) 0%, var(--vl-primary-light) 100%);align-items:center;gap:12px;padding:18px 20px;display:flex;position:relative;overflow:hidden}.chat-header:after{content:"";background:linear-gradient(90deg,#0000,#ffffff4d,#0000);height:1px;position:absolute;bottom:0;left:0;right:0}.chat-header-avatar{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex;box-shadow:0 2px 10px #0000001a}.chat-header-info{flex:1;min-width:0}.chat-header-title{color:#fff;letter-spacing:.3px;font-size:15px;font-weight:700}.chat-header-subtitle{color:#ffffffbf;align-items:center;gap:5px;margin-top:2px;font-size:11px;display:flex}.chat-header-subtitle .online-dot{background:#e8f5e9;border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite blink;display:inline-block}@keyframes blink{0%,to{opacity:1}50%{opacity:.4}}.chat-header-actions{gap:4px;display:flex}.chat-header-btn{color:#ffffffd9;cursor:pointer;background:#ffffff26;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;transition:all .2s;display:flex}.chat-header-btn:hover{color:#fff;background:#ffffff40}.chat-messages{background:radial-gradient(ellipse at 20% 0%, #a5d6a726 0%, transparent 50%), radial-gradient(ellipse at 80% 100%, #c8e6c91a 0%, transparent 50%), var(--chat-bg);scroll-behavior:smooth;flex-direction:column;flex:1;gap:12px;padding:16px;display:flex;overflow-y:auto}.chat-messages::-webkit-scrollbar{width:4px}.chat-messages::-webkit-scrollbar-track{background:0 0}.chat-messages::-webkit-scrollbar-thumb{background:#43a04733;border-radius:4px}.chat-messages::-webkit-scrollbar-thumb:hover{background:#43a04759}.chat-message{gap:8px;max-width:85%;animation:.4s cubic-bezier(.16,1,.3,1) both msgSlideIn;display:flex}@keyframes msgSlideIn{0%{opacity:0;transform:translateY(12px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.chat-message.user{flex-direction:row-reverse;align-self:flex-end}.chat-message.assistant{align-self:flex-start}.message-avatar{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;margin-top:2px;font-size:12px;display:flex}.chat-message.assistant .message-avatar{background:linear-gradient(135deg, var(--vl-primary) 0%, var(--vl-primary-light) 100%);color:#fff;font-weight:700}.chat-message.user .message-avatar{background:var(--vl-accent-light);color:var(--vl-primary-dark)}.message-bubble{letter-spacing:.01em;word-break:break-word;border-radius:16px;padding:12px 16px;font-size:13.5px;line-height:1.55}.chat-message.user .message-bubble{background:var(--chat-user-bubble);color:#fff;border-bottom-right-radius:4px;box-shadow:0 2px 8px #43a04733}.chat-message.assistant .message-bubble{background:var(--chat-bot-bubble);color:var(--chat-text);border:1px solid #43a0471f;border-bottom-left-radius:4px;box-shadow:0 1px 4px #0000000a}.chat-message.assistant .message-bubble.error{background:#fff3f3;border-color:#ef535040}.avatar-img{object-fit:contain;border-radius:50%;width:100%;height:100%;padding:2px}.chat-header-avatar .avatar-img{padding:4px}.message-avatar,.chat-header-avatar{border:1px solid #43a04726;background:#fff!important}.message-bubble strong{color:var(--vl-primary-dark);font-weight:600}.chat-message.user .message-bubble strong{color:#fff}.message-bubble .msg-heading{color:var(--vl-primary-dark);margin:8px 0 4px;font-size:14px;display:block}.message-bubble .msg-heading:first-child{margin-top:0}.message-bubble .msg-heading-lg{font-size:15px}.message-bubble em{font-style:italic}.message-bubble p{margin:0}.message-bubble p+p{margin-top:8px}.message-bubble ul,.message-bubble ol{margin:6px 0;padding-left:18px;list-style:outside}.message-bubble li{margin:3px 0}.message-bubble a{color:var(--vl-primary);-webkit-text-decoration:underline #43a0474d;text-decoration:underline #43a0474d}.message-bubble a:hover{-webkit-text-decoration-color:var(--vl-primary);text-decoration-color:var(--vl-primary)}.message-bubble img{object-fit:cover;border-radius:12px;width:auto;max-width:100%;max-height:180px;margin:8px 0;display:block;box-shadow:0 4px 12px #00000014}.message-bubble img.clickable-image{cursor:pointer;transition:all .2s}.message-bubble img.clickable-image:hover{transform:scale(1.02);box-shadow:0 6px 16px #0000001f}.image-modal-overlay{z-index:999999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000d9;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.image-modal-content{flex-direction:column;gap:12px;max-width:90vw;max-height:90vh;display:flex;position:relative}.image-modal-close{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff26;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:20px;transition:all .2s;display:flex;position:absolute;top:-40px;right:0}.image-modal-close:hover{background:#ffffff40;transform:scale(1.1)}.image-modal-controls{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff26;border-radius:24px;justify-content:center;align-items:center;gap:12px;margin:0 auto;padding:8px 16px;display:flex}.image-modal-controls button{color:#fff;cursor:pointer;background:#ffffff26;border:1px solid #ffffff4d;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}.image-modal-controls button:hover:not(:disabled){background:#ffffff4d;border-color:#ffffff80;transform:translateY(-2px)}.image-modal-controls button:disabled{opacity:.25;cursor:not-allowed}.image-modal-controls span{color:#fff;text-align:center;min-width:50px;font-size:13px;font-weight:600}.image-modal-wrapper{-webkit-user-select:none;user-select:none;background:#0000004d;border-radius:12px;justify-content:center;align-items:center;max-width:80vw;max-height:70vh;display:flex;position:relative;overflow:hidden}.image-modal-wrapper img{transform-origin:50%;pointer-events:none;max-width:100%;height:auto}.quick-questions{flex-wrap:wrap;gap:8px;margin:8px 45px 12px 14px;display:flex}.quick-question-chip{border:1px solid var(--vl-primary-light);color:var(--vl-primary);cursor:pointer;opacity:0;background:#fff;border-radius:20px;padding:8px 14px;font-size:13px;transition:all .2s;animation:.4s ease-out forwards fadeSlideUp;transform:translateY(10px);box-shadow:0 2px 4px #00000008}.quick-question-chip:hover{background:var(--vl-primary);color:#fff;transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}@keyframes fadeSlideUp{to{opacity:1;transform:translateY(0)}}.typing-indicator{align-self:flex-start;gap:8px;max-width:85%;animation:.4s cubic-bezier(.16,1,.3,1) both msgSlideIn;display:flex}.typing-indicator .message-avatar{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:12px;font-weight:700;display:flex}.typing-dots{background:var(--chat-bot-bubble);border:1px solid #43a0471f;border-radius:16px 16px 16px 4px;align-items:center;gap:4px;padding:14px 18px;display:flex;box-shadow:0 1px 4px #0000000a}.typing-dots span{background:var(--vl-primary);border-radius:50%;width:7px;height:7px;animation:1.4s ease-in-out infinite typingBounce}.typing-dots span:nth-child(2){animation-delay:.2s}.typing-dots span:nth-child(3){animation-delay:.4s}@keyframes typingBounce{0%,60%,to{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-6px)}}.chat-input-area{border-top:1px solid var(--chat-border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fff9;padding:12px 16px 16px}.chat-input-form{background:var(--chat-input-bg);border:1px solid #43a04726;border-radius:14px;align-items:center;gap:6px;padding:4px 4px 4px 16px;transition:border-color .2s,box-shadow .2s;display:flex;box-shadow:0 1px 4px #0000000a}.chat-input-form:focus-within{border-color:var(--vl-primary-light);box-shadow:0 0 0 3px #66bb6a26,0 1px 4px #0000000a}.chat-input{color:var(--chat-text);background:0 0;border:none;outline:none;flex:1;min-width:0;padding:8px 0;font-family:inherit;font-size:13.5px}.chat-input::placeholder{color:var(--chat-text-muted)}.chat-send-btn{background:linear-gradient(135deg, var(--vl-primary) 0%, var(--vl-primary-light) 100%);color:#fff;cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:15px;transition:all .2s;display:flex}.chat-send-btn:hover:not(:disabled){background:linear-gradient(135deg, var(--vl-primary-dark) 0%, var(--vl-primary) 100%);transform:scale(1.05);box-shadow:0 2px 8px #43a0474d}.chat-send-btn:disabled{opacity:.3;cursor:not-allowed}.chat-mic-btn{width:36px;height:36px;color:var(--vl-primary);cursor:pointer;background:#43a0471a;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:all .2s;display:flex}.chat-mic-btn:hover:not(:disabled){background:#43a04733}.chat-mic-btn:disabled{opacity:.3;cursor:not-allowed}.chat-mic-btn.recording{color:#ef5350;background:#ef535026;animation:1.2s ease-in-out infinite pulse-mic}.chat-mic-btn.transcribing{color:var(--vl-primary);background:#43a0471a}@keyframes pulse-mic{0%,to{opacity:1}50%{opacity:.5}}.spinner-icon{animation:.8s linear infinite spin}@media (width<=480px){.chat-widget{bottom:16px;right:16px}.chat-panel{border-radius:16px;width:auto;height:85vh;position:fixed;inset:auto 8px 80px}.chat-toggle-btn{width:54px;height:54px;font-size:22px}}