/* NatureBasket – "Happy World of Freshness" theme. Loaded LAST; re-skins every page (list, product, cart, checkout). */
:root{
  --nb-green:#0e7a3b;--nb-green-d:#0a5a2c;--nb-green-l:#e7f5dc;--nb-orange:#f07c1a;--nb-yellow:#ffb52e;
  --nb-ink:#2b2a22;--nb-line:#f2e3c6;--nb-card:#fffdf7;--muted:#85796a;
  --green:#0e7a3b;--green-dark:#0a5a2c;--green-light:#e7f5dc;--green-mid:#5fb24a;--bg:#fff6e6;--text:#2b2a22;--border:#f2e3c6;
  --nb-cream:#fff6e6;--nb-peach:#ffe7c4;--nb-wood:#b98456;--nb-chalk:#2b3a33;
  --nb-3d:0 4px 0 #c45e0a,0 10px 18px rgba(240,124,26,.28);
  --nb-soft:0 10px 26px rgba(196,120,40,.14);
}
body{font-family:'DM Sans',sans-serif;color:var(--nb-ink);
  background:radial-gradient(900px 500px at 8% -5%,rgba(255,181,46,.30),transparent 60%),radial-gradient(800px 500px at 100% 20%,rgba(95,178,74,.16),transparent 60%),linear-gradient(180deg,#fff8ea,#fff1da 60%,#fff6e6) fixed}
h1,h2,h3,h4,.nb-price,.nb-pd-price b,.nb-bill-row.total,.hm-copy h2,.hm-foot-in b{font-family:'Baloo 2','DM Sans',sans-serif}
.nb-section-head h2,.nb-pd-info h1,.nb-bill h4,.nb-form-sec h4,.nb-page-head h2{font-family:'Baloo 2',sans-serif;font-weight:800;color:var(--nb-green-d)}
.nb-section-head h2::after{content:'';display:block;height:4px;width:46px;border-radius:4px;background:linear-gradient(90deg,var(--nb-orange),var(--nb-yellow));margin-top:2px;position:absolute;left:0;bottom:-6px}
.nb-section-head h2{padding-bottom:6px}
.hm-slogan{font-family:'Caveat',cursive;font-style:normal;font-size:21px;color:var(--nb-orange);margin-top:8px}

/* header */
header.nb-header{background:linear-gradient(180deg,#fffaf0,#ffefd2);box-shadow:0 6px 20px rgba(196,120,40,.18);border-bottom:3px solid var(--nb-yellow)}
header.nb-header .logo-text h1{font-family:'Baloo 2',sans-serif;color:var(--nb-green)!important;text-shadow:none}
header.nb-header .logo-text p{color:var(--nb-orange)!important;font-family:'Caveat',cursive;font-size:16px;opacity:1}
header.nb-header .nb-search{background:#fff;border:2px solid var(--nb-line);border-radius:99px;box-shadow:inset 0 2px 4px rgba(196,120,40,.08)}
header.nb-header .nb-search:focus-within{border-color:var(--nb-orange);box-shadow:0 0 0 4px rgba(240,124,26,.18)}
header.nb-header .store-switch,header.nb-header .nb-hbtn{background:#fff!important;color:var(--nb-green)!important;border:2px solid var(--nb-line)!important;border-radius:99px;font-weight:700}
header.nb-header .store-switch:hover,header.nb-header .nb-hbtn:hover{border-color:var(--nb-orange)!important;color:var(--nb-orange)!important}
header.nb-header .cart-btn{background:linear-gradient(135deg,var(--nb-orange),var(--nb-yellow))!important;color:#fff!important;border:0!important;border-radius:99px;box-shadow:var(--nb-3d);transition:transform .15s,box-shadow .15s}
header.nb-header .cart-btn:active{transform:translateY(3px);box-shadow:0 1px 0 #c45e0a}
.cart-count{background:var(--nb-green)!important;color:#fff!important;border:2px solid #fff}

/* cards */
.nb-card{background:var(--nb-card);border:2px solid var(--nb-line);border-radius:28px;box-shadow:var(--nb-soft)}
.nb-card:hover{transform:translateY(-7px) rotate(-.6deg);box-shadow:0 18px 34px rgba(196,120,40,.22);border-color:var(--nb-yellow)}
.nb-card.in-cart{border-color:var(--nb-green);box-shadow:0 0 0 3px rgba(14,122,59,.15),var(--nb-soft)}
.nb-card-media{background:radial-gradient(circle at 50% 35%,#fff,var(--nb-peach))}
.nb-card-name{font-family:'Baloo 2',sans-serif;font-weight:700;color:var(--nb-ink)}
.nb-card-cat{color:var(--nb-orange);letter-spacing:.8px}
.nb-card-unit{background:var(--nb-green-l);color:var(--nb-green-d)}
.nb-price{color:var(--nb-green);font-size:18px;font-weight:800}
.nb-badge15{background:linear-gradient(135deg,var(--nb-orange),var(--nb-yellow));border-radius:4px 14px 14px 4px;box-shadow:0 3px 0 #c45e0a}
.nb-tag-low{background:#e5383b;color:#fff;border-radius:99px}
.nb-add{border:2px solid var(--nb-orange);color:var(--nb-orange);background:#fff;border-radius:99px;font-family:'Baloo 2',sans-serif;font-size:14px}
.nb-add:hover{background:linear-gradient(135deg,var(--nb-orange),var(--nb-yellow));color:#fff;border-color:transparent;box-shadow:0 3px 0 #c45e0a}
.nb-stepper{background:var(--nb-green);border-radius:99px;box-shadow:0 3px 0 #08481f}

/* 3D playful buttons */
.nb-primary-btn,.nb-add.big,.order-btn,.coupon-apply-btn{background:linear-gradient(135deg,var(--nb-orange),var(--nb-yellow))!important;color:#fff!important;border:0!important;border-radius:99px!important;font-family:'Baloo 2',sans-serif;font-weight:800;box-shadow:var(--nb-3d)!important;transition:transform .12s,box-shadow .12s,filter .2s;text-shadow:0 1px 1px rgba(0,0,0,.15)}
.nb-primary-btn:hover,.nb-add.big:hover,.order-btn:hover{filter:brightness(1.05);transform:translateY(-2px)}
.nb-primary-btn:active,.nb-add.big:active,.order-btn:active{transform:translateY(3px);box-shadow:0 1px 0 #c45e0a!important}
.nb-add.big:disabled,.order-btn:disabled{background:#e8dfcf!important;box-shadow:none!important;color:#a39a88!important}
.nb-ghost-btn{border:2px solid var(--nb-green);color:var(--nb-green);border-radius:99px;background:#fff;font-family:'Baloo 2',sans-serif}
.nb-ghost-btn:hover{background:var(--nb-green);color:#fff}

/* categories */
.nb-cat-img{background:linear-gradient(135deg,#fff,var(--nb-peach));border:3px solid #fff;box-shadow:0 8px 18px rgba(196,120,40,.2)}
.nb-cat-img.all{background:linear-gradient(135deg,var(--nb-green),#5fb24a)}
.nb-cat-name{font-family:'Baloo 2',sans-serif;font-weight:700}
.nb-cat.active .nb-cat-img{border-color:var(--nb-orange);box-shadow:0 0 0 4px rgba(240,124,26,.22),0 10px 22px rgba(240,124,26,.3)}
.nb-subbar button,.nb-subbar a,.nb-chips button{border-radius:99px}

/* list head / filters */
.nb-list-head{background:#fffdf7;border:2px solid var(--nb-line);border-radius:24px;padding:12px 16px;margin-top:18px;box-shadow:var(--nb-soft)}
.nb-list-title h3{font-family:'Baloo 2',sans-serif;color:var(--nb-green-d)}
.nb-sort,.nb-filter-btn{border-radius:99px;border:2px solid var(--nb-line);background:#fff}
.nb-skel{background:linear-gradient(100deg,#fbeccf 30%,#fff6e6 50%,#fbeccf 70%);background-size:200% 100%}

/* product page */
.nb-pd-media{border:6px solid #fff;border-radius:34px;box-shadow:0 18px 40px rgba(196,120,40,.25),0 0 0 2px var(--nb-line);background:var(--nb-peach)}
.nb-pd-info{background:#fffdf7;border:2px solid var(--nb-line);border-radius:30px;padding:22px 22px 18px;box-shadow:var(--nb-soft)}
.nb-pd-info h1{font-size:32px}
.nb-pd-cat{background:var(--nb-green-l);color:var(--nb-green-d);border-radius:99px}
.nb-pd-price b{color:var(--nb-green)}
.nb-pd-eta,.nb-eta{background:linear-gradient(135deg,#fff4dc,#ffe7b8);border:2px dashed var(--nb-yellow);border-radius:20px}
.nb-pd-stock.ok{color:var(--nb-green)}
.nb-acc{border-radius:18px;border:2px solid var(--nb-line);background:#fff}
.nb-crumbs a{color:var(--nb-orange)}

/* cart & checkout */
.nb-card-box,.nb-cart-side .nb-card-box{background:#fffdf7;border:2px solid var(--nb-line);border-radius:28px;box-shadow:var(--nb-soft)}
.nb-crow{border-bottom:2px dashed var(--nb-line)}
.nb-crow-img{border:3px solid #fff;box-shadow:0 4px 12px rgba(196,120,40,.2);background:var(--nb-peach)}
.nb-crow-name{font-family:'Baloo 2',sans-serif}
.nb-crow-total{font-family:'Baloo 2',sans-serif;color:var(--nb-green);font-weight:800}
.nb-free-track{background:#fde9c6;border-radius:8px}
.nb-free-txt.ok{color:var(--nb-green)}
.nb-bill-row.total{border-top:2px dashed var(--nb-yellow)}
.nb-bill-row.total b{color:var(--nb-green);font-family:'Baloo 2',sans-serif}
.nb-back{color:var(--nb-orange);font-weight:800}
.nb-steps .done,.nb-steps .on{background:var(--nb-green)!important;color:#fff}
.nb-checkout-form input,.nb-checkout-form select,.nb-checkout-form textarea,.input-group input,.input-group select,.input-group textarea,.coupon-row input,.nb-price-inputs input{background:#fff;border:2px solid var(--nb-line);border-radius:16px;font-family:'DM Sans',sans-serif;transition:border-color .2s,box-shadow .2s}
.nb-checkout-form input:focus,.nb-checkout-form select:focus,.nb-checkout-form textarea:focus,.input-group input:focus,.input-group select:focus,.input-group textarea:focus,.coupon-row input:focus{outline:0;border-color:var(--nb-orange);box-shadow:0 0 0 4px rgba(240,124,26,.18)}
.delivery-type-btn,.nb-type-grid>*{border:2px solid var(--nb-line);border-radius:20px;background:#fff;transition:.2s}
.delivery-type-btn.active,.nb-type-grid .active{border-color:var(--nb-green);background:var(--nb-green-l);box-shadow:0 0 0 3px rgba(14,122,59,.14)}
.store-pickup-card{border:2px dashed var(--nb-yellow);border-radius:20px;background:#fff9ea}
.nb-secure,.nb-pay-note{background:var(--nb-green-l);color:var(--nb-green-d);border-radius:16px}

/* bottom nav / cart bar / sheets / modals */
.nb-cartbar{background:linear-gradient(135deg,var(--nb-green-d),var(--nb-green));border-radius:99px;box-shadow:0 10px 24px rgba(10,90,44,.35)}
.bottom-nav.nb-bottomnav{background:#fffaf0;border-top:3px solid var(--nb-yellow)}
.nb-nav-badge{background:var(--nb-orange);color:#fff}
.nb-sheet,.otp-modal,.confirm-modal,.track-modal{background:#fffdf7;border-radius:30px}
.nb-sheet-head h3,.otp-modal h3,.track-modal h3{font-family:'Baloo 2',sans-serif;color:var(--nb-green-d)}
.otp-input{border:2px solid var(--nb-line);border-radius:14px}.otp-input:focus{border-color:var(--nb-orange);outline:0}
.toast{background:var(--nb-chalk);border:2px solid var(--nb-yellow);border-radius:99px;font-family:'Baloo 2',sans-serif}

/* footer: chalkboard + wood */
.hm-footer{background:linear-gradient(180deg,#2b3a33,#22302a);border-top:8px solid var(--nb-wood)}
.hm-foot-in b{color:var(--nb-yellow)}
.hm-foot-in p{font-family:'Caveat',cursive;font-size:20px;opacity:.95}
.hm-hero{border:4px solid #fff;box-shadow:0 20px 44px rgba(196,120,40,.28)!important}

/* ── FULL-WIDTH LAYOUT ── */
.nb-view{max-width:none;width:100%;margin:0;padding-left:0;padding-right:0}
.nb-section-head,.nb-crumbs,.nb-page-head,.nb-active-filters,.nb-subbar{padding-left:clamp(12px,2vw,28px);padding-right:clamp(12px,2vw,28px)}
.nb-header-in,.hm-foot-in,.hm-foot-c{max-width:none}
header.nb-header{padding-left:clamp(14px,3vw,56px);padding-right:clamp(14px,3vw,56px)}
.hm-footer{padding-left:clamp(14px,3vw,56px);padding-right:clamp(14px,3vw,56px)}
@media(min-width:641px){#view-home .hm-hero{aspect-ratio:auto;height:clamp(240px,34vw,560px)}}

/* wider product cards */
.nb-grid{gap:18px}
@media(min-width:640px){.nb-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(min-width:900px){.nb-grid{grid-template-columns:repeat(auto-fill,minmax(270px,1fr))}}
.nb-card.rail{flex-basis:210px}
@media(min-width:900px){.nb-card.rail{flex-basis:250px}}
.nb-card-name{font-size:15px}.nb-price{font-size:20px}

/* breathing room so hover lift, tilt and shadow are never clipped */
.nb-grid{padding:16px clamp(12px,2vw,28px) 28px;gap:20px}
.nb-rail{padding:18px clamp(12px,2vw,28px) 30px;gap:18px;scroll-padding-left:clamp(12px,2vw,28px)}
.nb-card:hover{transform:translateY(-6px) rotate(-.4deg)}
@media(max-width:640px){.nb-grid{gap:12px}.nb-rail{gap:12px}}