@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--green:#0c831f;--green-light:#e8f5e9;--green-mid:#4caf50;--accent:#fc8019;--accent2:#e91e63;--bg:#f8f9fb;--white:#ffffff;--text:#1a1a2e;--text2:#4a4a6a;--text3:#9898b0;--border:#e8e8f0;--border2:#d0d0e0;--card-shadow:0 2px 12px rgba(0,0,0,.07);--card-shadow-hover:0 8px 30px rgba(0,0,0,.13);--nav-h:64px;--font-head:"Bricolage Grotesque",sans-serif;--font-body:"Plus Jakarta Sans",sans-serif;--r:12px;--r-lg:18px}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased;overflow-x:hidden}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border2);border-radius:4px}#flash-info{z-index:999;top:10px}.nav{position:sticky;top:0;z-index:200;background:#fff;border-bottom:1px solid var(--border);height:var(--nav-h);display:flex;align-items:center;gap:16px;padding:0 clamp(12px,4vw,32px)}.nav-logo{display:flex;align-items:center;gap:8px;text-decoration:none;flex-shrink:0}.nav-logo-icon{width:38px;height:38px;background:var(--green);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:18px;color:#fff;font-family:var(--font-head);font-weight:800;letter-spacing:-1px}.nav-logo-text{font-family:var(--font-head);font-size:18px;font-weight:800;color:var(--text);letter-spacing:-.5px}.nav-logo-text span{color:var(--green)}.nav-location{display:flex;align-items:center;gap:6px;padding:0 12px;height:38px;border:1.5px solid var(--border);border-radius:10px;cursor:pointer;transition:border-color .2s;min-width:0;max-width:200px;flex-shrink:0}.nav-location:hover{border-color:var(--green)}.nav-location-pin{font-size:14px;flex-shrink:0}.nav-location-text{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-location-text strong{display:block;font-size:13px;font-weight:600;color:var(--text)}.nav-location-text span{color:var(--text2);font-size:11px}.nav-location-arrow{font-size:10px;color:var(--text3);flex-shrink:0;margin-left:2px}.nav-search{flex:1;position:relative;min-width:0}.nav-search input{width:100%;height:40px;border:1.5px solid var(--border);border-radius:10px;padding:0 42px 0 16px;font-family:var(--font-body);font-size:14px;color:var(--text);background:#f5f6fa;outline:none;transition:all .2s}.nav-search input:focus{border-color:var(--green);background:#fff;box-shadow:0 0 0 3px #0c831f14}.nav-search input::placeholder{color:var(--text3)}.nav-search-icon{position:absolute;right:13px;top:50%;transform:translateY(-50%);font-size:16px;color:var(--text3);pointer-events:none}.nav-right{display:flex;align-items:center;gap:8px;flex-shrink:0}.nav-btn{display:flex;align-items:center;gap:6px;padding:0 14px;height:38px;border-radius:10px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;text-decoration:none;border:none;white-space:nowrap}.nav-btn-ghost{background:transparent;color:var(--text2);border:1.5px solid var(--border)}.nav-btn-ghost:hover{background:var(--bg);border-color:var(--border2);color:var(--text)}.nav-btn-primary{background:var(--green);color:#fff}.nav-btn-primary:hover{background:#0a6e1a;transform:translateY(-1px)}.nav-cart{display:flex;align-items:center;gap:6px;padding:0 14px;height:38px;border-radius:10px;background:var(--green-light);color:var(--green);font-weight:700;font-size:13px;cursor:pointer;border:1.5px solid rgba(12,131,31,.15);transition:all .2s;flex-shrink:0}.nav-cart:hover{background:#d4edda;transform:translateY(-1px)}.nav-cart-count{background:var(--green);color:#fff;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700}.nav-menu-btn{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:8px;border:none;background:none}.nav-menu-btn span{width:20px;height:2px;background:var(--text);border-radius:2px;display:block;transition:all .3s}@media (max-width:768px){.nav-location,.nav-btn-ghost{display:none}.nav-menu-btn{display:flex}.nav-logo-text{display:none}}@media (max-width:480px){.nav-cart span:not(.nav-cart-count){display:none}}.main{max-width:1280px;margin:0 auto;padding:0 clamp(12px,4vw,32px)}.carousel-wrap{position:relative;margin:20px 0 28px;border-radius:var(--r-lg);overflow:hidden;background:#f0f0f0}.carousel-viewport{overflow:hidden;border-radius:var(--r-lg)}.carousel-track{display:flex;transition:transform .45s cubic-bezier(.4,0,.2,1);will-change:transform}.carousel-slide{min-width:100%;position:relative;border-radius:var(--r-lg);overflow:hidden}.slide-banner{width:100%;aspect-ratio:16/6;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);display:flex;align-items:center;justify-content:space-between;padding:clamp(16px,4vw,40px);position:relative;overflow:hidden}.slide-banner:before{content:"";position:absolute;inset:0;background:inherit;opacity:.95}.slide-banner-content{position:relative;z-index:2;max-width:50%}.slide-banner-tag{display:inline-flex;align-items:center;gap:6px;background:#ffffff1f;backdrop-filter:blur(8px);color:#fff;padding:5px 12px;border-radius:50px;font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase;margin-bottom:12px}.slide-banner-tag-dot{width:6px;height:6px;border-radius:50%;background:#4ade80;animation:blink 1.5s ease-in-out infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.4}}.slide-banner h2{font-family:var(--font-head);font-size:clamp(20px,4vw,42px);font-weight:800;color:#fff;line-height:1.1;letter-spacing:-1px;margin-bottom:8px}.slide-banner h2 em{font-style:normal;color:#4ade80}.slide-banner p{font-size:clamp(11px,1.5vw,14px);color:#ffffffb3;font-weight:400;margin-bottom:16px}.slide-banner-cta{display:inline-flex;align-items:center;gap:6px;background:#fff;color:var(--text);padding:8px 18px;border-radius:50px;font-size:13px;font-weight:700;cursor:pointer;transition:all .2s;font-family:var(--font-body)}.slide-banner-cta:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0003}.slide-banner-visual{position:relative;z-index:2;display:flex;gap:12px;align-items:flex-end}.slide-bg-shape{position:absolute;border-radius:50%;opacity:.15;pointer-events:none}.slide-0{background:linear-gradient(135deg,#0c1445,#1a237e 60%,#283593)}.slide-1{background:linear-gradient(135deg,#1b5e20,#2e7d32 60%,#388e3c)}.slide-2{background:linear-gradient(135deg,#4a148c,#6a1b9a 60%,#7b1fa2)}.slide-3{background:linear-gradient(135deg,#bf360c,#d84315 60%,#e64a19)}.slide-4{background:linear-gradient(135deg,#006064,#00838f 60%,#0097a7)}.slide-products{position:absolute;bottom:0;left:0;right:0;padding:12px clamp(8px,2vw,24px);display:flex;gap:8px;overflow-x:auto;-ms-overflow-style:none;scrollbar-width:none;background:linear-gradient(to top,rgba(0,0,0,.5) 0%,transparent 100%)}.slide-products::-webkit-scrollbar{display:none}.prod-chip{background:#fffffff2;backdrop-filter:blur(10px);border-radius:12px;padding:8px;display:flex;flex-direction:column;min-width:130px;max-width:130px;cursor:pointer;transition:all .25s;flex-shrink:0;position:relative;border:1px solid rgba(255,255,255,.5)}.prod-chip:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0003}.prod-chip-img{width:100%;height:88px;background:#f8f9fbcc;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:36px;margin-bottom:6px;position:relative;overflow:hidden}.prod-chip-badge{position:absolute;top:4px;left:4px;background:var(--green);color:#fff;font-size:9px;font-weight:700;padding:2px 6px;border-radius:4px;letter-spacing:.3px}.prod-chip-badge.sale{background:#e91e63}.prod-chip-add{position:absolute;bottom:4px;right:4px;width:26px;height:26px;border-radius:6px;background:var(--green);color:#fff;border:none;cursor:pointer;font-size:16px;display:flex;align-items:center;justify-content:center;font-weight:700;transition:all .2s}.prod-chip-add:hover{background:#0a6e1a;transform:scale(1.15)}.prod-chip-add.added{background:#e91e63}.prod-chip h4{font-size:11px;font-weight:600;color:var(--text);line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:4px}.prod-chip-meta{display:flex;align-items:center;justify-content:space-between}.prod-chip-time{display:flex;align-items:center;gap:3px;font-size:9px;color:var(--green);font-weight:600;background:var(--green-light);padding:2px 5px;border-radius:4px}.prod-chip-price{font-size:12px;font-weight:700;color:var(--text)}.prod-chip-see-more{background:var(--green);border-radius:12px;padding:8px;display:flex;flex-direction:column;min-width:60px;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;flex-shrink:0;gap:6px}.prod-chip-see-more:hover{background:#0a6e1a;transform:translateY(-4px)}.prod-chip-see-more span{font-size:10px;font-weight:600;color:#fff;text-align:center;line-height:1.3}.carousel-btn{position:absolute;top:40%;transform:translateY(-50%);z-index:10;width:36px;height:36px;border-radius:50%;background:#ffffffe6;backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.6);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;color:var(--text);box-shadow:0 2px 12px #00000026;transition:all .2s}.carousel-btn:hover{background:#fff;transform:translateY(-50%) scale(1.1);box-shadow:0 4px 20px #0003}.carousel-btn-prev{left:12px}.carousel-btn-next{right:12px}.carousel-dots{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);display:flex;gap:6px}.dot{width:8px;height:8px;border-radius:50%;background:var(--border2);cursor:pointer;transition:all .3s}.dot.active{width:24px;border-radius:4px;background:var(--green)}.section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.section-title{font-family:var(--font-head);font-size:clamp(16px,2.5vw,20px);font-weight:800;color:var(--text);letter-spacing:-.3px}.section-see-all{font-size:13px;font-weight:600;color:var(--green);cursor:pointer;text-decoration:none;display:flex;align-items:center;gap:4px;border:none;background:none;padding:0}.section-see-all:hover{color:#0a6e1a}.section{margin-bottom:32px}.cats-row{display:flex;gap:12px;overflow-x:auto;-ms-overflow-style:none;scrollbar-width:none;padding-bottom:4px}.cats-row::-webkit-scrollbar{display:none}.cat-item{display:flex;flex-direction:column;align-items:center;gap:8px;min-width:80px;cursor:pointer;transition:all .2s;flex-shrink:0}.cat-item:hover .cat-icon{transform:translateY(-4px);box-shadow:var(--card-shadow-hover)}.cat-item:hover .cat-name{color:var(--green)}.cat-icon{width:72px;height:72px;border-radius:var(--r);background:#fff;border:1.5px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:28px;transition:all .25s;box-shadow:var(--card-shadow)}.cat-name{font-size:11px;font-weight:600;color:var(--text2);text-align:center;line-height:1.3;transition:color .2s}.products-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:14px}@media (max-width:480px){.products-row{grid-template-columns:repeat(2,1fr)}}@media (min-width:1100px){.products-row{grid-template-columns:repeat(7,1fr)}}.prod-card{background:#fff;border-radius:var(--r);border:1.5px solid var(--border);overflow:hidden;cursor:pointer;transition:all .25s;position:relative}.prod-card:hover{border-color:var(--green);box-shadow:var(--card-shadow-hover);transform:translateY(-3px)}.prod-card-img{width:100%;aspect-ratio:1;background:#f8f9fb;display:flex;align-items:center;justify-content:center;font-size:44px;position:relative;overflow:hidden}.prod-card-badge{position:absolute;top:8px;left:8px;font-size:9px;font-weight:700;padding:3px 7px;border-radius:4px;letter-spacing:.3px;text-transform:uppercase}.badge-new{background:var(--green);color:#fff}.badge-hot{background:var(--accent);color:#fff}.badge-sale{background:#e91e63;color:#fff}.badge-popular{background:#673ab7;color:#fff}.prod-card-add{position:absolute;bottom:8px;right:8px;width:30px;height:30px;border-radius:8px;background:var(--green);color:#fff;border:2px solid #fff;cursor:pointer;font-size:18px;display:flex;align-items:center;justify-content:center;font-weight:700;transition:all .2s;box-shadow:0 2px 8px #0c831f4d}.prod-card-add:hover{background:#0a6e1a;transform:scale(1.15)}.prod-card-add.added{background:#e91e63}.prod-card-body{padding:10px}.prod-card-name{font-size:12px;font-weight:600;color:var(--text);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:6px;min-height:33px}.prod-card-info{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.prod-card-time{display:flex;align-items:center;gap:3px;font-size:9px;color:var(--green);font-weight:700;background:var(--green-light);padding:2px 6px;border-radius:4px}.prod-card-weight{font-size:10px;color:var(--text3)}.prod-card-price{display:flex;align-items:center;gap:5px}.prod-card-price strong{font-size:14px;font-weight:700;color:var(--text)}.prod-card-price del{font-size:11px;color:var(--text3)}.prod-card-price .disc{font-size:10px;font-weight:700;color:#e91e63}.app-banner{background:linear-gradient(135deg,#0c831f,#1b5e20);border-radius:var(--r-lg);padding:clamp(20px,4vw,32px);display:flex;align-items:center;justify-content:space-between;gap:20px;margin:8px 0 32px;overflow:hidden;position:relative}.app-banner:before{content:"";position:absolute;top:-40px;right:120px;width:200px;height:200px;background:#ffffff0d;border-radius:50%}.app-banner:after{content:"";position:absolute;bottom:-60px;right:60px;width:160px;height:160px;background:#ffffff0d;border-radius:50%}.app-banner-text h3{font-family:var(--font-head);font-size:clamp(18px,3vw,26px);font-weight:800;color:#fff;margin-bottom:4px;letter-spacing:-.5px}.app-banner-text p{font-size:13px;color:#fffc;font-weight:400}.app-banner-text p strong{color:#4ade80}.app-btns{display:flex;gap:10px;flex-wrap:wrap;position:relative;z-index:1}.app-btn{display:flex;align-items:center;gap:8px;background:#ffffff1f;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.25);color:#fff;padding:8px 16px;border-radius:10px;cursor:pointer;transition:all .2s;text-decoration:none}.app-btn:hover{background:#fff3;transform:translateY(-2px)}.app-btn-icon{font-size:20px}.app-btn-text{display:flex;flex-direction:column}.app-btn-text span:first-child{font-size:10px;opacity:.8;letter-spacing:.3px}.app-btn-text span:last-child{font-size:13px;font-weight:700}.app-banner-emoji{font-size:clamp(32px,6vw,52px);position:relative;z-index:1}.offers-strip{display:flex;gap:12px;overflow-x:auto;-ms-overflow-style:none;scrollbar-width:none;margin-bottom:28px}.offers-strip::-webkit-scrollbar{display:none}.offer-card{background:#fff;border-radius:var(--r);border:1.5px solid var(--border);padding:14px 16px;display:flex;align-items:center;gap:12px;min-width:240px;cursor:pointer;transition:all .2s;flex-shrink:0}.offer-card:hover{border-color:var(--green);box-shadow:var(--card-shadow);transform:translateY(-2px)}.offer-icon{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0}.offer-body h4{font-size:13px;font-weight:700;color:var(--text);margin-bottom:2px}.offer-body p{font-size:11px;color:var(--text2);line-height:1.4}.offer-tag{font-size:10px;font-weight:700;padding:2px 7px;border-radius:4px;margin-top:4px;display:inline-block}footer{background:#fff;border-top:1px solid var(--border);padding:24px clamp(12px,4vw,32px);margin-top:40px}.footer-inner{max-width:1280px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}.footer-copy{font-size:12px;color:var(--text3)}.footer-links{display:flex;gap:16px}.footer-links a{font-size:12px;color:var(--text3);text-decoration:none;transition:color .2s}.footer-links a:hover{color:var(--green)}.mobile-nav{position:fixed;inset:0;background:#fff;z-index:300;transform:translate(100%);transition:transform .35s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;padding:24px}.mobile-nav.open{transform:translate(0)}.mobile-nav-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:32px}.mobile-nav-close{width:36px;height:36px;border-radius:8px;border:1.5px solid var(--border);background:none;cursor:pointer;font-size:18px;display:flex;align-items:center;justify-content:center;color:var(--text)}.mobile-nav a{font-family:var(--font-head);font-size:22px;font-weight:700;color:var(--text);text-decoration:none;padding:12px 0;border-bottom:1px solid var(--border);display:block}.mobile-nav a:last-child{border:none}.mobile-nav a:hover{color:var(--green)}.toast{position:fixed;bottom:80px;left:50%;transform:translate(-50%) translateY(20px);background:var(--text);color:#fff;padding:10px 20px;border-radius:50px;font-size:13px;font-weight:600;opacity:0;transition:all .3s;z-index:500;white-space:nowrap;pointer-events:none}.toast.show{opacity:1;transform:translate(-50%) translateY(0)}.cart-bar{position:fixed;bottom:0;left:0;right:0;background:var(--green);color:#fff;padding:12px 20px;display:none;align-items:center;justify-content:space-between;z-index:100;box-shadow:0 -4px 20px #00000026}.cart-bar.visible{display:flex}.cart-bar-left{display:flex;align-items:center;gap:10px}.cart-bar-count{background:#fff3;border-radius:6px;padding:4px 8px;font-size:12px;font-weight:700}.cart-bar-title{font-size:14px;font-weight:700}.cart-bar-total{font-size:14px;font-weight:800}.cart-bar-btn{background:#fff;color:var(--green);border:none;padding:8px 18px;border-radius:8px;font-size:13px;font-weight:700;cursor:pointer;font-family:var(--font-body);display:flex;align-items:center;gap:5px}.w-3{width:12px!important}.h-3{height:12px!important}.w-4{width:16px!important}.h-4{height:16px!important}.w-5{width:20px!important}.h-5{height:20px!important}.w-6{width:24px!important}.h-6{height:24px!important}.w-8{width:32px!important}.h-8{height:32px!important}.w-12{width:48px!important}.h-12{height:48px!important}.w-16{width:64px!important}.h-16{height:64px!important}.w-20{width:80px!important}.h-20{height:80px!important}.flex-none{flex:none!important}.mt-0\.5{margin-top:2px!important}.ml-1{margin-left:4px!important}.animate-spin{animation:spin 1s linear infinite!important}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}