/* NatureBasket – landing experience. Loaded after shop.css */
header.nb-header{backdrop-filter:saturate(1.4) blur(10px)}

/* hero */
#view-home .hm-hero{position:relative;display:block;overflow:hidden;border-radius:28px;margin-top:16px;min-height:230px;padding:0;box-shadow:0 22px 50px rgba(15,77,40,.25);gap:0;isolation:isolate}
.hm-slide{position:absolute;inset:0;display:flex;align-items:center;padding:30px 26px;background:linear-gradient(120deg,var(--bg),color-mix(in srgb,var(--bg) 55%,#000 45%));opacity:0;visibility:hidden;transform:scale(1.04);transition:opacity .8s,transform 1.2s cubic-bezier(.2,.8,.2,1),visibility .8s;min-width:0;border-radius:0;box-shadow:none}
.hm-slide.on{opacity:1;visibility:visible;transform:none;position:relative;min-height:230px}
.hm-slide::before,.hm-slide::after{display:none}
.hm-blob{position:absolute;border-radius:50%;filter:blur(40px);opacity:.45;background:radial-gradient(circle,#fff,transparent 70%);animation:hmFloat 9s ease-in-out infinite}
.hm-blob.b1{width:260px;height:260px;right:-60px;top:-80px}.hm-blob.b2{width:200px;height:200px;left:30%;bottom:-100px;animation-delay:-4s}
@keyframes hmFloat{50%{transform:translate(-24px,18px) scale(1.12)}}
.hm-copy{position:relative;z-index:2;max-width:560px;flex:1}
.hm-copy>*{opacity:0;transform:translateY(16px);transition:.7s cubic-bezier(.2,.8,.2,1)}
.hm-slide.on .hm-copy>*{opacity:1;transform:none}
.hm-slide.on .hm-copy>:nth-child(2){transition-delay:.12s}.hm-slide.on .hm-copy>:nth-child(3){transition-delay:.24s}.hm-slide.on .hm-copy>:nth-child(4){transition-delay:.36s}
.hm-badge{display:inline-block;background:rgba(255,255,255,.18);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.35);padding:6px 14px;border-radius:99px;font-size:12px;font-weight:700;margin-bottom:12px}
.hm-copy h2{font-family:'Playfair Display',serif;font-size:clamp(26px,5vw,48px);line-height:1.1;text-shadow:0 3px 14px rgba(0,0,0,.25)}
.hm-copy p{margin-top:10px;font-size:clamp(13px,1.6vw,16px);opacity:.92;max-width:440px}
.hm-cta{display:inline-flex;align-items:center;gap:9px;margin-top:18px;background:#fff;color:var(--nb-green-d);font-weight:800;font-size:14px;padding:12px 22px;border-radius:99px;text-decoration:none;box-shadow:0 8px 20px rgba(0,0,0,.2);transition:transform .2s,gap .2s}
.hm-cta:hover{transform:translateY(-2px);gap:14px}.hm-cta:active{transform:scale(.96)}
.hm-art{position:relative;z-index:1;flex:0 0 38%;display:grid;place-items:center}
.hm-art img{width:min(100%,300px);aspect-ratio:1;object-fit:cover;border-radius:32px;border:4px solid rgba(255,255,255,.55);box-shadow:0 24px 44px rgba(0,0,0,.3);transform:rotate(4deg);animation:hmBob 5s ease-in-out infinite}
@keyframes hmBob{50%{transform:rotate(-2deg) translateY(-12px)}}
.hm-arr{position:absolute;top:50%;z-index:5;transform:translateY(-50%);width:42px;height:42px;border-radius:50%;border:0;background:rgba(255,255,255,.9);color:var(--nb-green-d);cursor:pointer;box-shadow:0 6px 16px rgba(0,0,0,.2);opacity:0;transition:.25s}
.hm-arr.l{left:14px}.hm-arr.r{right:14px}.hm-hero:hover .hm-arr{opacity:1}.hm-arr:hover{transform:translateY(-50%) scale(1.1)}
.hm-dots{position:absolute;left:0;right:0;bottom:12px;z-index:5;display:flex;justify-content:center;gap:7px}
.hm-dot{width:10px;height:10px;border-radius:99px;border:0;background:rgba(255,255,255,.45);cursor:pointer;padding:0;overflow:hidden;transition:width .3s;position:relative}
.hm-dot.on{width:38px}.hm-dot span{position:absolute;inset:0;background:#fff;transform:scaleX(0);transform-origin:left}
.hm-dot.on.run span{animation:hmProg 5s linear forwards}@keyframes hmProg{to{transform:scaleX(1)}}
@media(max-width:640px){.hm-slide{padding:24px 18px 36px}.hm-art{flex-basis:34%}.hm-art img{border-radius:20px}.hm-hero{border-radius:22px}}

/* sections */
.hm-sec .nb-section-head h2{font-size:22px}
.hm-all{font-size:13px;font-weight:800;color:var(--nb-green);text-decoration:none;display:inline-flex;gap:6px;align-items:center;transition:gap .2s}
.hm-all:hover{gap:10px;color:var(--nb-orange)}
.hm-sec .nb-rail{scrollbar-width:none;padding-bottom:10px}.hm-sec .nb-rail::-webkit-scrollbar{display:none}
.hm-reveal{opacity:0;transform:translateY(26px);transition:opacity .7s,transform .7s cubic-bezier(.2,.8,.2,1)}
.hm-reveal.in{opacity:1;transform:none}
.nb-section-head h2{position:relative}
#catGrid.nb-cats{flex-wrap:nowrap!important;overflow-x:auto!important;scrollbar-width:none;padding-bottom:16px}

/* footer */
.hm-footer{margin-top:44px;background:linear-gradient(135deg,#0b3a1e,#1a6b3a);color:#e8f5ee;padding:34px 18px 18px}
.hm-foot-in{max-width:var(--nb-max);margin:0 auto;display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap}
.hm-foot-in b{font-family:'Playfair Display',serif;font-size:22px;color:#fff}.hm-foot-in p{margin-top:8px;font-size:13px;opacity:.85;line-height:1.6}
.hm-foot-links{display:flex;gap:18px;align-items:flex-start;font-weight:700;font-size:14px}.hm-foot-links a{text-decoration:none;opacity:.9;transition:.2s}.hm-foot-links a:hover{color:var(--nb-yellow);opacity:1}
.hm-foot-c{max-width:var(--nb-max);margin:22px auto 0;padding-top:14px;border-top:1px solid rgba(255,255,255,.18);font-size:12px;opacity:.7}
@media(prefers-reduced-motion:reduce){.hm-blob,.hm-art img{animation:none!important}.hm-reveal{opacity:1;transform:none}}

#catGrid.nb-cats,.hm-sec .nb-rail{scroll-snap-type:none!important;scroll-behavior:auto!important}

/* images fill their cards (list, rails, product page, cart) */
.nb-card-media{margin:0;border-radius:0;aspect-ratio:1/1;background:#eef6f1}
.nb-img,.nb-pd-img{width:100%;height:100%;object-fit:cover;border-radius:0;filter:none}
.nb-card:hover .nb-img{transform:scale(1.08);filter:none}
.nb-card-media .nb-emoji{font-size:84px}
.nb-card.rail .nb-card-media{aspect-ratio:1/1}
.nb-pd-media{background:#eef6f1}
.nb-pd-media:hover .nb-pd-img{transform:scale(1.05)}
.nb-crow-img img{padding:0;object-fit:cover;border-radius:0}

/* product page: keep image and the rails below from overlapping */
.nb-pd{position:relative;isolation:isolate;align-items:start}
@media(min-width:820px){.nb-pd-media{position:sticky;top:120px;align-self:start;max-height:calc(100vh - 150px);z-index:1}}
.nb-pd-more{position:relative;z-index:2;clear:both;margin-top:34px;padding-top:6px;background:#f4f7f5}

/* section slogans (subtle) */
.hm-ttl{min-width:0}
.hm-slogan{margin-top:3px;font-size:13px;color:var(--muted);font-style:italic;opacity:0;transform:translateY(4px);transition:opacity .8s .2s,transform .8s .2s}
.hm-reveal.in .hm-slogan{opacity:1;transform:none}
.hm-sec .nb-section-head{align-items:flex-end}

/* image banner slides */
#view-home .hm-hero{aspect-ratio:2/1}
#view-home .hm-slide.on{position:absolute}
.hm-slide.hm-img{padding:0;background:#fdf3e0;cursor:pointer}
.hm-slide.hm-img img{width:100%;height:100%;object-fit:cover;object-position:var(--pos,50% 50%);display:block;transform:scale(1.06);transition:transform 6s ease-out}
.hm-slide.hm-img.on img{transform:scale(1)}
.hm-dot{box-shadow:0 1px 4px rgba(0,0,0,.35)}
@media(max-width:640px){#view-home .hm-hero{aspect-ratio:4/3}}