:root{--color-base-white: #FFFFFF;--color-base-ink: #131A20;--color-brand-primary: #26ABE0;--color-brand-primary-dark: #1B87B5;--color-brand-primary-tint: #E7F6FD;--color-brand-deep: #0B3450;--color-brand-deep-2: #124A70;--color-brand-green: #8CC740;--color-brand-green-dark: #4F7D1B;--color-brand-green-tint: #F0F8E4;--color-brand-amber: #FFB833;--color-brand-amber-tint: #FFF4DC;--color-neutral-gray-700: #3D4854;--color-neutral-gray-500: #5B6672;--color-neutral-gray-400: #8A96A3;--color-neutral-border: #E2E8EE;--color-neutral-bg: #F4F8FB;--color-neutral-image-bg: #EEF4F7;--color-semantic-danger: #D93025;--color-semantic-success: #4F7D1B;--space-2: 2px;--space-4: 4px;--space-6: 6px;--space-8: 8px;--space-12: 12px;--space-16: 16px;--space-20: 20px;--space-24: 24px;--space-32: 32px;--space-40: 40px;--space-48: 48px;--space-64: 64px;--space-80: 80px;--space-96: 96px;--radius-4: 4px;--radius-6: 6px;--radius-8: 8px;--radius-12: 12px;--radius-16: 16px;--radius-24: 24px;--radius-full: 999px;--font-size-11: 11px;--font-size-12: 12px;--font-size-13: 13px;--font-size-14: 14px;--font-size-15: 15px;--font-size-16: 16px;--font-size-18: 18px;--font-size-20: 20px;--font-size-24: 24px;--font-size-28: 28px;--font-size-32: 32px;--font-size-40: 40px;--font-size-48: 48px;--font-size-56: 56px;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-family-base: Inter, system-ui, sans-serif}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:Inter,system-ui,sans-serif;color:var(--color-base-ink);background:var(--color-neutral-bg);font-size:14px;line-height:1.55}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{font-family:inherit;cursor:pointer}.container{max-width:1280px;margin:0 auto;padding:0 20px}.muted{color:var(--color-neutral-gray-500)}.small{font-size:12px}.strike{text-decoration:line-through;color:var(--color-neutral-gray-400);font-weight:400}.flex{display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-8{gap:8px}.gap-12{gap:12px}.gap-16{gap:16px}.gap-24{gap:24px}.wrap{flex-wrap:wrap}.grow{flex:1}.mt-8{margin-top:8px}.mt-16{margin-top:16px}.mt-24{margin-top:24px}.mb-8{margin-bottom:8px}.mb-16{margin-bottom:16px}.mb-24{margin-bottom:24px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:8px;font-weight:600;font-size:14px;padding:0 18px;height:44px;transition:background .15s,opacity .15s;white-space:nowrap}.btn-deep{background:var(--color-brand-deep);color:#fff}.btn-deep:hover{background:var(--color-brand-deep-2)}.btn-primary{background:var(--color-brand-primary);color:var(--color-base-ink)}.btn-primary:hover{background:#1fa0d3}.btn-amber{background:var(--color-brand-amber);color:var(--color-base-ink)}.btn-outline{background:#fff;color:var(--color-brand-deep);border:1.5px solid var(--color-neutral-border)}.btn-outline:hover{border-color:var(--color-brand-primary)}.btn-block{width:100%}.btn-lg{height:52px;font-size:15px;padding:0 26px}.btn:disabled{opacity:.55;cursor:not-allowed}.link{color:var(--color-brand-primary-dark)}.link:hover{text-decoration:underline}.topbar{background:var(--color-brand-deep);color:#fff;font-size:12px}.topbar .container{display:flex;align-items:center;justify-content:space-between;height:36px}.topbar .usp{display:flex;gap:24px}.topbar .usp span{display:inline-flex;align-items:center;gap:6px}.topbar .right{display:flex;gap:20px}.header{background:#fff;border-bottom:1px solid var(--color-neutral-border)}.header .container{display:flex;align-items:center;gap:24px;height:90px}.logo img{height:40px}.searchbar{flex:1;display:flex;align-items:stretch;border:1.5px solid var(--color-neutral-border);border-radius:8px;overflow:hidden;height:46px}.searchbar select{border:0;border-right:1px solid var(--color-neutral-border);background:var(--color-neutral-bg);padding:0 12px;font-size:13px;max-width:180px}.searchbar input{border:0;flex:1;padding:0 14px;font-size:14px;outline:none}.searchbar button{background:var(--color-brand-amber);border:0;width:52px;display:grid;place-items:center}.header-actions{display:flex;align-items:center;gap:22px}.hicon{display:flex;flex-direction:column;align-items:center;gap:2px;font-size:12px;color:var(--color-neutral-gray-700);position:relative}.hicon .lbl{color:var(--color-neutral-gray-500)}.counter{position:absolute;top:-6px;right:6px;background:var(--color-semantic-danger);color:#fff;font-size:9px;font-weight:700;min-width:16px;height:16px;border-radius:999px;display:grid;place-items:center;padding:0 3px}.nav{background:#fff;border-bottom:1px solid var(--color-neutral-border)}.nav .container{display:flex;align-items:center;gap:26px;height:54px}.nav .pill{background:var(--color-brand-amber);color:var(--color-base-ink);border-radius:999px;padding:0 18px;height:38px;display:inline-flex;align-items:center;gap:8px;font-weight:700}.nav a.navlink{font-weight:500;color:var(--color-neutral-gray-700)}.nav a.navlink:hover,.nav a.navlink.active{color:var(--color-brand-primary-dark)}.nav .phone{margin-left:auto;display:inline-flex;align-items:center;gap:8px;color:var(--color-brand-green-dark);font-weight:600}.section{padding:32px 0}.section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.h1{font-size:28px;font-weight:700;letter-spacing:-.5px;margin:0}.h2{font-size:22px;font-weight:700;margin:0}.hero{display:grid;grid-template-columns:248px 1fr;gap:20px}.hero-cats{background:#fff;border:1px solid var(--color-neutral-border);border-radius:12px;padding:8px}.hero-cats a{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:8px;font-weight:500;font-size:13px}.hero-cats a:hover{background:var(--color-brand-primary-tint);color:var(--color-brand-deep)}.hero-cats a svg{flex-shrink:0;color:var(--color-brand-primary)}.usp-ic{width:46px;height:46px;border-radius:999px;background:var(--color-brand-primary-tint);display:grid;place-items:center;color:var(--color-brand-primary-dark);flex-shrink:0}.footer .socials{display:flex;gap:10px;margin-top:16px}.footer .socials a{width:36px;height:36px;border-radius:999px;background:#ffffff1a;display:grid;place-items:center;color:#fff;padding:0}.footer .socials a:hover{background:var(--color-brand-primary);color:var(--color-base-ink)}.hero-panel{position:relative;border-radius:16px;overflow:hidden;background:var(--color-brand-deep);color:#fff;padding:48px;min-height:360px;display:flex;flex-direction:column;justify-content:center;background-size:cover;background-position:center}.hero-panel .tag{display:inline-flex;align-self:flex-start;background:var(--color-brand-green);color:var(--color-base-ink);font-weight:600;font-size:12px;padding:6px 12px;border-radius:999px;margin-bottom:16px}.hero-panel h1{font-size:46px;line-height:1.12;letter-spacing:-1px;margin:0 0 14px;max-width:60%}.cat-circles{display:grid;grid-template-columns:repeat(10,1fr);gap:12px}.cat-circle{text-align:center}.cat-circle .disc{width:88px;height:88px;border-radius:999px;background:var(--color-neutral-image-bg);margin:0 auto 8px;display:grid;place-items:center;overflow:hidden}.cat-circle .disc img{width:100%;height:100%;object-fit:cover}.cat-circle .disc img.picto-img{width:56px;height:56px;object-fit:contain}.promo{position:relative;overflow:hidden}.promo .promo-photo{position:absolute;inset:0 0 0 auto;width:52%;object-fit:cover;opacity:.95}.promo .promo-body{position:relative;z-index:1;max-width:62%}.promo.green .promo-photo,.promo.amber .promo-photo{width:40%}.cat-circle span{font-size:12px;font-weight:500}.promos{display:grid;grid-template-columns:1.2fr 1fr;gap:20px}.promo{border-radius:16px;padding:28px;color:#fff;background:var(--color-brand-deep);min-height:200px}.promo.green{background:var(--color-brand-green-tint);color:var(--color-base-ink)}.promo.amber{background:var(--color-brand-amber-tint);color:var(--color-base-ink)}.flash-head{display:flex;align-items:center;gap:16px}.countdown{display:flex;gap:6px}.countdown .box{background:var(--color-base-ink);color:#fff;border-radius:8px;padding:6px 8px;text-align:center;min-width:44px}.countdown .box b{font-size:18px;display:block}.countdown .box small{font-size:9px;opacity:.8}.grid-5{display:grid;grid-template-columns:repeat(5,1fr);gap:20px}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.pcard{background:#fff;border:1px solid var(--color-neutral-border);border-radius:12px;overflow:hidden;display:flex;flex-direction:column;position:relative}.pcard:hover{box-shadow:0 6px 20px #0b345014}.pcard .imgwrap{position:relative;background:var(--color-neutral-image-bg);aspect-ratio:1;display:grid;place-items:center}.pcard .imgwrap img{width:78%;height:78%;object-fit:contain}.pcard .disc-badge{position:absolute;top:10px;left:10px;background:var(--color-semantic-danger);color:#fff;font-weight:700;font-size:12px;border-radius:6px;padding:3px 7px}.pcard .heart{position:absolute;top:10px;right:10px;background:#fff;border:1px solid var(--color-neutral-border);border-radius:999px;width:32px;height:32px;display:grid;place-items:center;color:var(--color-neutral-gray-400)}.pcard .heart.on{color:var(--color-semantic-danger);border-color:#f3c6c2}.pcard .body{padding:12px;display:flex;flex-direction:column;gap:6px;flex:1}.pcard .name{font-weight:500;font-size:13px;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:36px}.pcard .gram{font-size:12px;color:var(--color-neutral-gray-400)}.pcard .price{font-weight:700;font-size:18px}.pcard .price .old{margin-left:6px;font-size:13px}.pcard .btn{margin-top:auto}.rating{display:inline-flex;align-items:center;gap:2px;color:var(--color-brand-amber)}.rating .count{color:var(--color-neutral-gray-400);font-size:12px;margin-left:4px}.stepper{display:inline-flex;align-items:center;border:1px solid var(--color-neutral-border);border-radius:8px;height:44px}.stepper button{background:#fff;border:0;width:40px;height:100%;font-size:18px;color:var(--color-brand-deep)}.stepper input{width:40px;border:0;text-align:center;font-size:15px;font-weight:600;outline:none}.badge{font-weight:700;font-size:11px;border-radius:6px;padding:3px 8px;display:inline-block}.badge-green{background:var(--color-brand-green);color:var(--color-base-ink)}.badge-amber{background:var(--color-brand-amber);color:var(--color-base-ink)}.badge-ink{background:var(--color-base-ink);color:#fff}.badge-danger{background:var(--color-semantic-danger);color:#fff}.card{background:#fff;border:1px solid var(--color-neutral-border);border-radius:12px}.card-pad{padding:20px}.breadcrumbs{font-size:13px;color:var(--color-neutral-gray-500);padding:16px 0;display:flex;gap:8px}.listing{display:grid;grid-template-columns:248px 1fr;gap:24px;align-items:start}.filters{background:#fff;border:1px solid var(--color-neutral-border);border-radius:12px;padding:16px}.filters h4{font-size:13px;text-transform:uppercase;letter-spacing:.04em;color:var(--color-neutral-gray-500);margin:16px 0 8px}.filters a.cat{display:block;padding:7px 10px;border-radius:8px;font-size:13px}.filters a.cat.active{background:var(--color-brand-primary-tint);color:var(--color-brand-deep);font-weight:600}.toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.pdp{display:grid;grid-template-columns:1fr 1fr;gap:40px}.pdp .gallery .main{background:var(--color-neutral-image-bg);border-radius:12px;aspect-ratio:1;display:grid;place-items:center;position:relative}.pdp .gallery .main img{width:70%;height:70%;object-fit:contain}.pdp .thumbs{display:flex;gap:10px;margin-top:12px}.pdp .thumbs .t{width:72px;height:72px;border-radius:8px;background:var(--color-neutral-image-bg);border:2px solid transparent;overflow:hidden}.pdp .thumbs .t.active{border-color:var(--color-brand-primary)}.price-lg{font-size:32px;font-weight:700}.delivery-card{background:var(--color-brand-green-tint);border-radius:12px;padding:14px 16px;font-size:13px}.attr-table{width:100%;border-collapse:collapse;font-size:13px}.attr-table td{padding:8px 0;border-bottom:1px solid var(--color-neutral-border)}.attr-table td:first-child{color:var(--color-neutral-gray-500);width:40%}.tabs{display:flex;gap:24px;border-bottom:1px solid var(--color-neutral-border);margin:28px 0 16px}.tabs a{padding:10px 0;font-weight:600;color:var(--color-neutral-gray-500);border-bottom:2px solid transparent}.tabs a.active{color:var(--color-brand-deep);border-color:var(--color-brand-primary)}.free-bar{background:#fff;border:1px solid var(--color-neutral-border);border-radius:12px;padding:14px 16px}.free-bar .track{height:8px;background:var(--color-neutral-image-bg);border-radius:999px;overflow:hidden;margin-top:8px}.free-bar .fill{height:100%;background:var(--color-brand-green)}.cart-layout{display:grid;grid-template-columns:1fr 360px;gap:24px;align-items:start}.cart-row{display:grid;grid-template-columns:72px 1fr auto auto auto;gap:16px;align-items:center;padding:14px 0;border-bottom:1px solid var(--color-neutral-border)}.cart-row .thumb{width:72px;height:72px;background:var(--color-neutral-image-bg);border-radius:8px}.summary-row{display:flex;justify-content:space-between;padding:6px 0;font-size:14px}.summary-row.total{font-size:20px;font-weight:700;border-top:1px solid var(--color-neutral-border);margin-top:8px;padding-top:12px}.steps{display:flex;gap:12px;margin:20px 0}.steps .step{display:flex;align-items:center;gap:8px;color:var(--color-neutral-gray-400)}.steps .step .num{width:26px;height:26px;border-radius:999px;background:var(--color-neutral-image-bg);display:grid;place-items:center;font-weight:700;font-size:13px}.steps .step.active{color:var(--color-brand-deep)}.steps .step.active .num{background:var(--color-brand-primary)}.steps .step.done .num{background:var(--color-brand-green);color:#fff}.radio-card{display:flex;align-items:center;gap:12px;border:1.5px solid var(--color-neutral-border);border-radius:8px;padding:14px;cursor:pointer}.radio-card.sel{border-color:var(--color-brand-primary);background:var(--color-brand-primary-tint)}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.field label{font-size:13px;font-weight:500}.input{border:1.5px solid var(--color-neutral-border);border-radius:8px;height:44px;padding:0 12px;font-size:14px;outline:none;font-family:inherit}.input:focus{border-color:var(--color-brand-primary)}textarea.input{height:auto;padding:10px 12px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.account-layout{display:grid;grid-template-columns:240px 1fr;gap:24px;align-items:start}.account-nav{background:#fff;border:1px solid var(--color-neutral-border);border-radius:12px;padding:8px}.account-nav a{display:flex;align-items:center;gap:10px;padding:11px 12px;border-radius:8px;font-weight:500;font-size:14px}.account-nav a.active{background:var(--color-brand-primary-tint);color:var(--color-brand-deep);font-weight:600}.account-nav a.danger{color:var(--color-semantic-danger)}.footer{background:var(--color-brand-deep);color:#fff;margin-top:48px}.footer .cols{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr 1.2fr;gap:32px;padding:48px 0 32px}.footer h5{font-size:14px;font-weight:700;margin:0 0 14px}.footer a{display:block;color:#c8d6e2;padding:5px 0;font-size:13px}.footer a:hover{color:#fff}.footer .bottom{background:var(--color-brand-deep-2);font-size:12px}.footer .bottom .container{display:flex;justify-content:space-between;padding:14px 20px}.auth-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;max-width:900px;margin:40px auto}.auth-card{background:#fff;border:1px solid var(--color-neutral-border);border-radius:16px;padding:32px}.auth-card.dark{background:var(--color-brand-deep);color:#fff}.spinner{display:inline-block;width:18px;height:18px;border:2px solid var(--color-neutral-border);border-top-color:var(--color-brand-primary);border-radius:999px;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.center-pad{padding:60px;text-align:center;color:var(--color-neutral-gray-500)}@media(max-width:1100px){.grid-5{grid-template-columns:repeat(3,1fr)}.cat-circles{grid-template-columns:repeat(5,1fr)}.hero,.listing,.account-layout,.pdp,.cart-layout,.promos{grid-template-columns:1fr}.footer .cols{grid-template-columns:1fr 1fr}}