*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:#202927;background:#fff;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}.topbar{height:29px;background:#123d2a;color:#fff;display:flex;align-items:center;justify-content:center;gap:25px;padding:0 4%;font-size:11px}.topbar a{margin-left:auto;font-weight:700}.top-item{white-space:nowrap}.header{height:66px;padding:0 3.2%;display:flex;align-items:center;gap:20px;background:#fff;position:sticky;top:0;z-index:30;box-shadow:0 2px 8px #0000000b}.logo img{display:block;width:175px;height:auto;max-height:48px;object-fit:contain}.nav{display:flex;gap:23px;margin:auto;font-size:13px;font-weight:700;white-space:nowrap}.nav a{padding:24px 0}.nav a:hover,.nav .active{color:#bf1017;border-bottom:2px solid #bf1017}.search{height:36px;max-width:245px;min-width:145px;display:flex;border:1px solid #e6e6e6;border-radius:24px;overflow:hidden;background:#fafafa}.search input{min-width:0;width:100%;border:0;outline:0;padding:0 12px;background:transparent;font-size:11px}.search button{border:0;background:transparent;font-size:23px;padding:0 12px;cursor:pointer}.cart{font-size:20px;position:relative}.cart b{position:absolute;right:-7px;top:-7px;background:#c81018;color:#fff;border-radius:50%;font-size:10px;width:17px;height:17px;display:grid;place-items:center}.menu-toggle{display:none;border:0;background:#f6f6f6;padding:8px 10px;border-radius:6px}.hero{height:auto;aspect-ratio:3/1;min-height:120px;max-height:512px;position:relative;overflow:hidden;background:#f4e9d2}.slides{height:100%;position:relative}.slide{position:absolute;inset:0;opacity:0;transition:opacity .7s ease;pointer-events:none}.slide.active{opacity:1;pointer-events:auto}.slide img{width:100%;height:100%;object-fit:fill;object-position:center;display:block}.slide-copy{display:flex;align-items:center;justify-content:space-between;padding:25px 9%;background:linear-gradient(100deg,#fff6e5,#e2d2ad)}.slide-copy-inner{max-width:570px}.eyebrow,.kicker{font-size:10px;letter-spacing:1.7px;color:#bb1119;font-weight:800;margin:0 0 8px}.slide h1{font-size:clamp(30px,4vw,52px);line-height:1.04;margin:0;color:#183d2d}.slide h1 span{color:#c81018}.slide h2{font-size:clamp(19px,2vw,27px);margin:8px 0}.slide p:not(.eyebrow){font-size:14px;line-height:1.5}.slide-art{font-size:clamp(100px,17vw,220px);filter:drop-shadow(0 15px 12px #0002)}.slide-green{background:linear-gradient(110deg,#f6f2db,#c6d7a9)}.button{display:inline-block;background:#c81018;color:#fff;padding:13px 26px;border-radius:5px;font-size:13px;font-weight:800;margin-top:10px}.slider-arrow{position:absolute;top:45%;width:34px;height:34px;border:0;border-radius:50%;background:#ffffffed;font-size:28px;line-height:1;cursor:pointer;z-index:5}.prev{left:16px}.next{right:16px}.dots{position:absolute;bottom:12px;left:0;right:0;display:flex;justify-content:center;gap:9px;z-index:5}.dot{width:9px;height:9px;border:1px solid white;border-radius:50%;background:#ffffff9c;padding:0;cursor:pointer}.dot.active{background:#c81018}.section{padding:23px 3.2% 28px;text-align:center}.section h2,.why h2,.nutrition h2,.bulk h2{font-size:clamp(22px,2.2vw,29px);margin:4px 0 5px}.subtitle{font-size:12px;color:#666;margin:7px 0 20px}.categories{padding-top:16px}.category-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:15px;margin:0 auto;max-width:1300px}.category-card{position:relative;min-height:148px;padding:10px 10px 12px;border-radius:8px;text-align:left;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;transition:transform .2s}.category-card:hover{transform:translateY(-3px)}.c1{background:#e6efd9}.c2{background:#fff0df}.c3{background:#ffe8e4}.c4{background:#f7ecdf}.c5{background:#e7edf3}.c6{background:#e9e8e5}.cat-photo{position:absolute;inset:0 0 30px;background-image:url('../assets/category-strip.jpg');background-repeat:no-repeat;background-size:600% 100%;mix-blend-mode:multiply}.photo-raw{background-position:0% center}.photo-roasted{background-position:20% center}.photo-flavour{background-position:40% center}.photo-jumbo{background-position:60% center}.photo-combo{background-position:80% center}.photo-bulk{background-position:100% center}.category-card strong{position:relative;z-index:2;font-size:12px;line-height:1.25}.category-card>span{position:absolute;right:9px;bottom:11px;width:25px;height:25px;background:#fff;border-radius:50%;display:grid;place-items:center;font-size:17px;z-index:2}.products{background:#fcfaf6;padding-top:25px}.product-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:13px;max-width:1300px;margin:0 auto;text-align:left}.product-card{min-width:0;border:1px solid #ece8e2;border-radius:9px;background:#fff;padding:8px 9px 10px;box-shadow:0 4px 14px #00000008}.product-visual{height:135px;position:relative;overflow:hidden;border-radius:6px;display:flex;align-items:center;justify-content:center;background:#f1e7d5}.raw-pack{background:linear-gradient(145deg,#f7ead6,#dfc6a0)}.black-pack{background:linear-gradient(145deg,#333,#111)}.orange-pack{background:linear-gradient(145deg,#ff8c30,#df3f12)}.green-pack{background:linear-gradient(145deg,#e5efcc,#8db65d)}.combo-pack{background:linear-gradient(145deg,#f1e5cc,#d9d0be)}.pack{height:116px;width:74px;background:linear-gradient(110deg,#fff9e9,#e7d4b0);border:1px solid #d7c39b;border-radius:6px 6px 9px 9px;box-shadow:0 6px 12px #0002;display:flex;flex-direction:column;align-items:center;justify-content:space-around;text-align:center;padding:6px 3px;transform:rotate(-2deg);color:#5a4028}.pack small{font-size:8px;font-weight:bold}.pack b{font-size:10px;line-height:1.2}.pack span{font-size:14px;color:#b58a4a}.black-pack .pack{background:linear-gradient(110deg,#292929,#050505);border-color:#777;color:#f7dca8}.orange-pack .pack{background:linear-gradient(110deg,#ffb64b,#ee4d12);color:#fff;border-color:#ffdb86}.green-pack .pack{background:linear-gradient(110deg,#f7fff0,#b6d78e);color:#31532d;border-color:#9cbe78}.badge{position:absolute;top:0;right:0;color:#fff;font-size:9px;font-weight:bold;padding:5px 8px;border-radius:0 5px 0 8px;z-index:2}.green-badge{background:#27853a}.red-badge{background:#c81018}.orange-badge{background:#f18a00}.mini-packs{display:flex;align-items:end;gap:4px}.mini-packs i{font-style:normal;font-size:10px;color:#fff;font-weight:bold;width:40px;height:82px;border-radius:4px 4px 7px 7px;background:linear-gradient(#b37a36,#efe0b6);display:grid;place-items:center;box-shadow:0 5px 9px #0002}.mini-packs i:nth-child(2){height:96px;background:linear-gradient(#277b46,#c4e0a3)}.mini-packs i:nth-child(3){background:linear-gradient(#be301b,#ff9b44)}.product-card h3{font-size:12px;margin:8px 0 2px;line-height:1.25}.desc{font-size:11px;color:#5e5e5e;margin:0 0 5px;min-height:13px}.rating{color:#f0a500;font-size:12px;letter-spacing:1px}.rating small{color:#777;letter-spacing:0}.weights{display:flex;gap:5px;margin:8px 0}.weight{background:#fff;border:1px solid #dedede;border-radius:4px;padding:4px 8px;font-size:10px;cursor:pointer}.weight.active{border-color:#c81018;color:#c81018;background:#fff6f6;font-weight:bold}.price{font-size:16px;font-weight:800;color:#c81018;margin:5px 0}.price del{font-size:10px;font-weight:400;color:#888;margin-left:7px}.add{width:100%;border:0;border-radius:5px;background:#c81018;color:white;font-size:10px;font-weight:bold;padding:10px 5px;cursor:pointer}.add:hover,.button:hover{background:#a90d14}.price-note{font-size:10px;color:#777;margin:13px 0 0}.no-results{text-align:center;padding:20px}.why{display:grid;grid-template-columns:27% 73%;align-items:stretch;background:#f8f5ed;min-height:175px}.why-image{background:url('../assets/makhana-bowl-strip.jpg') center/cover no-repeat;min-height:175px}.why-content{padding:18px 3%}.feature-grid{display:grid;grid-template-columns:repeat(5,1fr);margin-top:16px}.feature-grid>div{display:flex;flex-direction:column;align-items:center;text-align:center;padding:6px 10px;border-right:1px solid #e0ddd4;gap:5px}.feature-grid>div:last-child{border:0}.feature-grid span{width:40px;height:40px;display:grid;place-items:center;border-radius:50%;background:#fff;border:1px solid #e7e0d5;font-size:20px}.feature-grid b{font-size:11px}.feature-grid small{font-size:10px;color:#777}.lower{display:grid;grid-template-columns:1fr}.nutrition{display:grid;grid-template-columns:18% 28% 54%;align-items:center;background:#fbf7ed;min-height:155px}.nutrition-photo{height:155px;background:url('../assets/makhana-bowl-strip.jpg') left center/cover no-repeat}.nutrition-copy{padding:15px}.nutrition-copy h2{font-size:20px}.nutrition-copy p:not(.kicker){font-size:11px;line-height:1.5;color:#555}.nutrition-copy .button{font-size:10px;padding:9px 14px}.benefits{display:grid;grid-template-columns:repeat(5,1fr);align-items:center;gap:5px;padding:10px 18px}.benefits span{display:flex;flex-direction:column;align-items:center;gap:7px;font-size:20px;border-right:1px solid #ddd}.benefits span:last-child{border:0}.benefits b{font-size:10px;text-align:center}.bulk{background:linear-gradient(100deg,#123c27,#315d32);color:#fff;padding:22px 5%;display:flex;align-items:center;justify-content:space-between;gap:20px}.bulk .kicker{color:#e6d7a5}.bulk h2{font-size:24px}.bulk p:not(.kicker){font-size:12px;margin:4px 0}.light-button{background:#fff;color:#153b29;white-space:nowrap}footer{background:#0d2926;color:#fff;padding:28px 4% 12px}.footer-grid{display:grid;grid-template-columns:1.5fr .8fr .9fr 1.3fr .8fr;gap:22px}.footer-brand img{display:block;width:180px;height:auto;max-height:58px;object-fit:contain;background:#fff;border-radius:4px}.footer-grid h3{font-size:13px;margin:4px 0 12px}.footer-grid a{display:block;color:#d8e1dc;font-size:11px;margin:7px 0}.footer-grid p{font-size:11px;color:#d8e1dc;line-height:1.5}.footer-brand p{margin-top:7px}.socials{display:flex;gap:8px}.socials span{width:25px;height:25px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#14352a;font-weight:bold}.copyright{border-top:1px solid #456158;margin-top:20px;padding-top:12px;font-size:10px;color:#c4d0ca;display:flex;justify-content:space-between}.whatsapp{position:fixed;right:18px;bottom:18px;width:49px;height:49px;border-radius:50%;display:grid;place-items:center;background:#18bd5a;color:#fff;font-size:27px;z-index:40;box-shadow:0 5px 15px #0003}.toast{position:fixed;bottom:80px;right:20px;background:#183d2d;color:#fff;padding:12px 18px;border-radius:8px;opacity:0;transform:translateY(10px);transition:.25s;z-index:50;font-size:13px}.toast.show{opacity:1;transform:translateY(0)}
@media(max-width:1050px){.header{gap:12px}.logo img{width:145px}.nav{gap:13px;font-size:12px}.search{max-width:180px}.product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.category-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.product-visual{height:155px}}
@media(max-width:720px){.topbar{gap:10px;justify-content:space-around;font-size:9px;height:auto;min-height:28px;flex-wrap:wrap;padding:6px}.topbar .top-item:nth-child(3){display:none}.topbar a{margin-left:0}.header{height:64px;padding:0 12px;gap:12px}.logo img{width:122px;max-height:38px}.menu-toggle{display:block;margin-left:auto}.nav{display:none;position:absolute;top:64px;left:0;right:0;background:#fff;box-shadow:0 8px 14px #0002;padding:10px 20px;flex-direction:column;gap:0}.nav.open{display:flex}.nav a{padding:12px 4px;border-bottom:1px solid #eee}.search{display:none}.hero{height:auto;aspect-ratio:3/1;min-height:0}.slide img{object-position:center}.slide-copy{padding:25px 8%}.slide-art{font-size:90px}.slide h1{font-size:30px}.slide h2{font-size:19px}.slide-copy-inner>p:not(.eyebrow){font-size:12px}.button{padding:10px 16px;font-size:11px}.slider-arrow{width:29px;height:29px;font-size:23px}.section{padding:22px 12px}.category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.category-card{min-height:145px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.product-visual{height:135px}.product-card{padding:7px}.product-card h3{font-size:11px}.weight{padding:5px 6px}.why{grid-template-columns:1fr}.why-image{min-height:130px}.why-content{padding:20px 12px}.feature-grid{grid-template-columns:repeat(3,1fr);gap:8px}.feature-grid>div{border:0;padding:8px 4px}.nutrition{grid-template-columns:35% 65%}.nutrition-photo{height:175px}.nutrition-copy{padding:12px}.benefits{grid-column:1/-1;grid-template-columns:repeat(3,1fr);padding:12px}.bulk{padding:20px;align-items:flex-start;flex-direction:column;gap:8px}.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.copyright{gap:8px;flex-direction:column}.whatsapp{width:44px;height:44px;right:12px;bottom:12px}}
@media(max-width:390px){.logo img{width:105px;max-height:34px}.cart{font-size:18px}.hero{height:auto;aspect-ratio:3/1;min-height:0}.slide-art{font-size:65px}.slide h1{font-size:26px}.product-grid{gap:7px}.product-visual{height:115px}.pack{height:100px;width:65px}.weight{font-size:9px;padding:4px}.add{font-size:9px}.category-card strong{font-size:11px}}
/* Real HEBULLS product photos */
.product-visual.product-photo{height:220px;background:#fff;padding:5px;} .product-visual.product-photo img{width:100%;height:100%;object-fit:contain;display:block;border-radius:5px;} .product-visual.product-photo .badge{z-index:3;} @media(max-width:1050px){.product-visual.product-photo{height:200px}} @media(max-width:720px){.product-visual.product-photo{height:165px}} @media(max-width:390px){.product-visual.product-photo{height:140px}}
/* Logo sizing fix: prevent oversized logo on desktop and mobile */
.header{height:72px;min-height:72px;overflow:visible;}
.header .logo{display:flex;align-items:center;flex:0 0 auto;max-width:160px;min-width:0;}
.header .logo img{display:block!important;width:140px!important;height:44px!important;max-width:100%!important;max-height:44px!important;object-fit:contain!important;}
footer .footer-brand img{display:block!important;width:150px!important;height:48px!important;max-width:100%!important;max-height:48px!important;object-fit:contain!important;}
@media(max-width:1050px){.header{height:68px;min-height:68px}.header .logo{max-width:145px}.header .logo img{width:125px!important;height:40px!important;max-height:40px!important}}
@media(max-width:720px){.header{height:62px;min-height:62px;padding:0 12px;gap:10px}.header .logo{max-width:118px}.header .logo img{width:108px!important;height:34px!important;max-height:34px!important}footer .footer-brand img{width:135px!important;height:43px!important;max-height:43px!important}}
@media(max-width:390px){.header .logo{max-width:105px}.header .logo img{width:96px!important;height:31px!important;max-height:31px!important}}
/* Product image sizing fix: keep product packs compact inside product cards */
.product-grid .product-card{min-width:0;overflow:hidden;}
.product-grid .product-visual.product-photo{height:160px!important;min-height:160px!important;padding:8px!important;display:flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important;background:#fff!important;}
.product-grid .product-visual.product-photo img{display:block!important;width:auto!important;height:auto!important;max-width:76%!important;max-height:92%!important;object-fit:contain!important;object-position:center!important;margin:auto!important;border-radius:0!important;}
@media(max-width:1050px){.product-grid .product-visual.product-photo{height:145px!important;min-height:145px!important;}}
@media(max-width:720px){.product-grid .product-visual.product-photo{height:130px!important;min-height:130px!important;padding:6px!important;}.product-grid .product-visual.product-photo img{max-width:72%!important;max-height:90%!important;}}
@media(max-width:390px){.product-grid .product-visual.product-photo{height:115px!important;min-height:115px!important;}.product-grid .product-visual.product-photo img{max-width:70%!important;max-height:88%!important;}}
/* Final footer logo sizing fix: keep the footer brand logo compact on all screens */
footer#contact .footer-grid .footer-brand{min-width:0;max-width:100%;overflow:hidden;}
footer#contact .footer-grid .footer-brand img{width:120px!important;height:auto!important;max-width:100%!important;max-height:42px!important;object-fit:contain!important;object-position:left center!important;display:block!important;}
@media(max-width:720px){footer#contact .footer-grid .footer-brand img{width:105px!important;height:auto!important;max-width:100%!important;max-height:36px!important;}}
@media(max-width:390px){footer#contact .footer-grid .footer-brand img{width:92px!important;height:auto!important;max-width:100%!important;max-height:32px!important;}}
/* FINAL FIX: consistent product photo sizing across every product card */
.product-grid .product-card { min-width:0; overflow:hidden; }
.product-grid .product-visual.product-photo {
height:168px !important; min-height:168px !important; width:100%;
padding:10px !important; display:flex !important; align-items:center !important;
justify-content:center !important; overflow:hidden !important; background:#fff !important;
}
.product-grid .product-visual.product-photo img {
display:block !important; width:auto !important; height:auto !important;
max-width:62% !important; max-height:82% !important; object-fit:contain !important;
object-position:center center !important; margin:0 auto !important;
border-radius:0 !important; flex:0 1 auto;
}
@media(max-width:1050px) {
.product-grid .product-visual.product-photo {height:150px !important;min-height:150px !important;}
.product-grid .product-visual.product-photo img {max-width:62% !important;max-height:82% !important;}
}
@media(max-width:720px) {
.product-grid .product-visual.product-photo {height:132px !important;min-height:132px !important;padding:7px !important;}
.product-grid .product-visual.product-photo img {max-width:60% !important;max-height:80% !important;}
}
@media(max-width:390px) {
.product-grid .product-visual.product-photo {height:118px !important;min-height:118px !important;padding:6px !important;}
.product-grid .product-visual.product-photo img {max-width:58% !important;max-height:78% !important;}
}
/* FINAL FIX: stable responsive banner slider */
.hero {position:relative; width:100%; height:clamp(170px, 32vw, 440px) !important; min-height:0 !important; max-height:none !important; aspect-ratio:auto !important; overflow:hidden !important;}
.hero .slides {position:absolute; inset:0; width:100%; height:100%; overflow:hidden;}
.hero .slide {position:absolute; inset:0; width:100%; height:100%; opacity:0; visibility:hidden; transition:opacity .65s ease; pointer-events:none;}
.hero .slide.active {opacity:1; visibility:visible; pointer-events:auto; z-index:1;}
.hero .slide img {display:block; width:100%; height:100%; object-fit:cover; object-position:center;}
.hero .slider-arrow, .hero .dots {z-index:4;}
@media(max-width:720px) {.hero {height:clamp(145px, 42vw, 250px) !important;} .hero .slide img {object-fit:cover;}}
@media(prefers-reduced-motion:reduce) {.hero .slide {transition:none;}}
/* Category tiles: use original HEBULLS product photos */
.category-card .cat-photo{background-image:none;background-repeat:no-repeat;background-position:center;background-size:contain;inset:0 0 30px;mix-blend-mode:normal;}
.category-card .photo-raw{background-image:url('../assets/makhana-250g-front.png');}
.category-card .photo-roasted{background-image:url('../assets/rasgulla-makhana-front.png');}
.category-card .photo-flavour{background-image:url('../assets/peri-peri-makhana.png');}
.category-card .photo-jumbo{background-image:url('../assets/makhana-250g-front.png');}
.category-card .photo-combo{background-image:url('../assets/product-strip.jpg');background-size:contain;}
.category-card .photo-bulk{background-image:url('../assets/rasgulla-makhana-front.png');}
@media(max-width:720px){.category-card .cat-photo{inset:0 0 30px;background-size:contain;}}
/* Category cards: use supplied HEBULLS product photos, sized responsively */
.category-card .cat-photo-img{position:absolute;left:8%;right:8%;top:7%;width:84%;height:68%;object-fit:contain;object-position:center;display:block;mix-blend-mode:normal;}
.category-card strong{z-index:2;text-shadow:0 1px 2px #ffffffa8;}
@media(max-width:720px){.category-card .cat-photo-img{left:6%;width:88%;height:68%;top:6%;}}