:root{--green:#16883c;--green2:#0e5f2a;--lime:#dffc9c;--yellow:#facc15;--orange:#f97316;--cream:#fffdf3;--dark:#14241a;--muted:#647066;--white:#fff;--line:#dfe8df;--shadow:0 18px 50px rgba(22,67,37,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--cream);color:var(--dark);font-family:Arial,"Noto Sans Bengali",sans-serif;overflow-x:hidden}a{text-decoration:none;color:inherit}button,input,textarea{font:inherit}button,a{touch-action:manipulation}img{max-width:100%}.announce{height:34px;display:grid;place-items:center;background:var(--dark);color:#fff;font-size:12px;letter-spacing:.02em;padding:0 12px;text-align:center}.siteHeader{height:76px;background:rgba(255,255,255,.96);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - 1200px)/2));position:sticky;top:0;z-index:50;border-bottom:1px solid #e7eee8}.brand img{display:block;width:190px;height:auto}.nav{display:flex;gap:28px;font-weight:700;font-size:14px}.nav a{position:relative}.nav a:after{content:"";position:absolute;height:2px;left:0;right:100%;bottom:-8px;background:var(--green);transition:.25s}.nav a:hover:after{right:0}.headerActions{display:flex;align-items:center;gap:16px}.lang{display:flex;gap:5px;font-size:12px;align-items:center}.lang button{background:none;border:0;padding:4px;color:var(--muted);cursor:pointer}.lang button.active{color:var(--green);font-weight:800}.callTop{background:var(--green);color:#fff;border-radius:50px;padding:10px 15px;font-size:12px;font-weight:800}.hamb{display:none;border:0;background:#eaf7ed;border-radius:10px;font-size:22px;width:42px;height:42px}.hero{height:min(760px,calc(100svh - 110px));min-height:610px;position:relative;display:flex;align-items:center;color:#fff;overflow:hidden}.heroImage{object-fit:cover;object-position:center}.heroOverlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(9,28,15,.86) 0%,rgba(10,35,17,.64) 45%,rgba(10,25,13,.08) 78%)}.heroContent{width:min(1200px,calc(100% - 48px));margin:auto;position:relative;z-index:2}.eyebrow,.kicker{text-transform:uppercase;letter-spacing:.14em;font-weight:800;font-size:12px;color:var(--green)}.eyebrow{display:inline-flex;color:#fff;background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.28);padding:9px 14px;border-radius:50px}.hero h1{font-size:clamp(44px,6vw,82px);line-height:1.06;max-width:780px;margin:24px 0 18px;letter-spacing:-.04em}.heroContent>p{font-size:18px;max-width:610px;line-height:1.7;color:#eef7ef}.heroBtns{display:flex;gap:12px;margin-top:30px}.btn{display:inline-flex;justify-content:center;align-items:center;border:0;border-radius:13px;padding:15px 21px;font-weight:800;cursor:pointer;transition:.25s}.btn:hover{transform:translateY(-2px)}.btn.primary{background:var(--yellow);color:var(--dark);box-shadow:0 10px 30px rgba(250,204,21,.22)}.btn.glass{border:1px solid rgba(255,255,255,.55);background:rgba(255,255,255,.1);color:#fff}.rating{display:flex;align-items:center;gap:14px;margin-top:48px}.rating strong{font-size:20px;color:var(--yellow)}.rating span{font-size:12px}.rating a{font-weight:800;font-size:12px;border-left:1px solid rgba(255,255,255,.4);padding-left:14px}.section{width:min(1200px,calc(100% - 48px));margin:auto;padding:105px 0}.about{display:grid;grid-template-columns:1fr .85fr;gap:75px;align-items:center}.aboutImage{position:relative;height:540px;border-radius:30px 90px 30px 30px;overflow:hidden;box-shadow:var(--shadow)}.aboutImage img{object-fit:cover}.aboutText h2,.sectionHead h2,.sample h2,.orderBand h2,.faq h2,.contact h2{font-size:clamp(34px,4vw,53px);line-height:1.12;letter-spacing:-.035em;margin:14px 0 20px}.aboutText>p,.sectionHead p,.sample p,.orderBand p,.faq>div>p,.contact>div>p{color:var(--muted);line-height:1.85;font-size:16px}.aboutText blockquote{border-left:4px solid var(--yellow);padding:5px 0 5px 18px;margin:28px 0;font-size:25px;font-weight:800}.miniGrid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.miniGrid>div{background:#edf8ef;border-radius:15px;padding:17px}.miniGrid b,.miniGrid small{display:block}.miniGrid small{font-size:11px;color:var(--muted);margin-top:6px;line-height:1.4}.menuSection{width:100%;background:#f0f8ee;padding-left:max(24px,calc((100vw - 1200px)/2));padding-right:max(24px,calc((100vw - 1200px)/2))}.sectionHead{text-align:center;max-width:680px;margin:0 auto 36px}.sectionHead h2{margin-bottom:10px}.filters{display:flex;justify-content:center;gap:8px;margin-bottom:35px;overflow-x:auto;padding:5px}.filters button{border:1px solid #cddccc;background:#fff;padding:11px 18px;border-radius:50px;white-space:nowrap;color:#506154;cursor:pointer;font-weight:700}.filters button.active{background:var(--green);border-color:var(--green);color:#fff}.productGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.product{background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 7px 24px rgba(21,62,31,.07);transition:.25s}.product:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.productImg{height:190px;position:relative;overflow:hidden}.productImg img{object-fit:cover;transition:.5s}.product:hover img{transform:scale(1.04)}.productImg span{position:absolute;top:12px;left:12px;background:rgba(255,255,255,.9);backdrop-filter:blur(5px);border-radius:30px;padding:6px 10px;font-size:10px;font-weight:800}.productInfo{display:flex;justify-content:space-between;align-items:center;padding:17px}.productInfo h3{margin:0 0 5px;font-size:16px}.productInfo p{margin:0;color:var(--muted);font-size:11px}.productInfo>b{color:var(--green);font-size:18px;white-space:nowrap}.why{padding-bottom:90px}.whyGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.whyGrid>div{text-align:center;border:1px solid var(--line);border-radius:22px;padding:35px 15px;background:#fff}.whyGrid span{font-size:38px}.whyGrid h3{font-size:15px;margin:15px 0 0}.sample{height:600px;position:relative;display:grid;place-items:center;text-align:center;color:#fff;padding:40px 24px}.sample>img{object-fit:cover}.sampleShade{position:absolute;inset:0;background:rgba(9,35,17,.72)}.sample>div:last-child{position:relative;max-width:850px}.kicker.light{color:#dff67f}.sample p{color:#eff8f0;max-width:630px;margin:0 auto 25px}.gallery{display:grid;grid-template-columns:1.2fr .8fr .8fr;grid-template-rows:240px 240px;gap:14px}.gallery button{position:relative;border:0;border-radius:20px;overflow:hidden;cursor:zoom-in;padding:0}.gallery button:first-child{grid-row:span 2}.gallery button:last-child{grid-column:span 2}.gallery img{object-fit:cover;transition:.35s}.gallery button:hover img{transform:scale(1.04)}.socialCard{margin-top:28px;background:#1877f2;color:#fff;padding:24px 28px;border-radius:20px;display:flex;justify-content:space-between;align-items:center}.socialCard>div{display:flex;align-items:center;gap:16px}.socialCard>div>b{font-size:30px;border:2px solid #fff;width:47px;height:47px;border-radius:50%;display:grid;place-items:end center}.socialCard strong,.socialCard small{display:block}.socialCard small{margin-top:4px;opacity:.8}.socialCard>a{background:#fff;color:#1877f2;padding:11px 17px;border-radius:10px;font-weight:800}.branches{width:100%;background:#17251c;color:#fff;padding-left:max(24px,calc((100vw - 1200px)/2));padding-right:max(24px,calc((100vw - 1200px)/2))}.branchGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.branchGrid article{background:#22352a;border:1px solid #3a5141;border-radius:22px;padding:27px}.num{color:#95c99f;font-size:12px;font-weight:900}.branchGrid h3{font-size:22px;margin:15px 0}.branchGrid p{color:#c4d2c7;line-height:1.7;min-height:80px}.phone{display:block;color:var(--yellow);font-weight:800;margin-bottom:20px}.branchGrid article>div{display:flex;gap:8px}.smallBtn{background:var(--green);padding:10px 12px;border-radius:9px;font-size:12px;font-weight:800}.smallBtn.outline{background:transparent;border:1px solid #607765}.orderBand{background:var(--green);color:#fff;padding:65px max(24px,calc((100vw - 1200px)/2));display:flex;justify-content:space-between;align-items:center}.orderBand>div{max-width:700px}.orderBand h2{font-size:38px;margin:8px 0}.orderBand p{margin:0;color:#ddefdf}.btn.white{background:#fff;color:var(--green);min-width:150px}.faq{display:grid;grid-template-columns:.7fr 1.3fr;gap:80px}.faq details{border-bottom:1px solid var(--line);padding:21px 0}.faq summary{font-weight:800;cursor:pointer;list-style:none;display:flex;justify-content:space-between}.faq summary span{color:var(--green);font-size:22px}.faq details p{color:var(--muted);line-height:1.7;margin-bottom:0}.contact{display:grid;grid-template-columns:.7fr 1.3fr;gap:70px;background:#e8f7e8;border-radius:30px;padding:65px;margin-bottom:100px}.contact>div>a{display:block;font-weight:800;margin:13px 0;color:var(--green)}.contact form{background:#fff;border-radius:22px;padding:28px;box-shadow:var(--shadow)}.formRow{display:grid;grid-template-columns:1fr 1fr;gap:14px}.contact label{font-size:12px;font-weight:800;display:block;margin-bottom:14px}.contact input,.contact textarea{display:block;width:100%;border:1px solid #d7e1d8;border-radius:10px;padding:13px;margin-top:7px;background:#fbfdfb;outline:none}.contact input:focus,.contact textarea:focus{border-color:var(--green);box-shadow:0 0 0 3px rgba(22,136,60,.12)}.success{min-height:250px;display:grid;place-items:center;text-align:center;color:var(--green);font-weight:800;font-size:20px}footer{position:relative;background:#0c1710;color:#fff;padding:65px max(24px,calc((100vw - 1200px)/2)) 32px;display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px}footer img{filter:brightness(0) invert(1)}footer p{color:#9daf9f;line-height:1.7}footer b,footer a{display:block;margin-bottom:12px}footer a{color:#a9baac;font-size:14px}footer small{grid-column:1/-1;border-top:1px solid #273229;padding-top:25px;color:#728176}.mobileCta{display:none}.lightbox{position:fixed;inset:0;background:rgba(0,0,0,.9);z-index:100;display:grid;place-items:center;padding:30px}.lightbox img{max-height:85vh;width:auto;object-fit:contain}.lightbox button{position:absolute;right:25px;top:18px;border:0;background:none;color:#fff;font-size:40px;cursor:pointer}
:focus-visible{outline:3px solid var(--yellow);outline-offset:3px}
@media(max-width:1000px){.nav{display:none;position:absolute;top:76px;left:0;right:0;background:#fff;padding:20px 24px;flex-direction:column;border-top:1px solid var(--line);box-shadow:0 15px 30px rgba(0,0,0,.1)}.nav.open{display:flex}.hamb{display:block}.callTop{display:none}.productGrid{grid-template-columns:repeat(3,1fr)}.about{gap:40px}.branchGrid{grid-template-columns:1fr}.branchGrid p{min-height:auto}.contact{margin-left:24px;margin-right:24px;width:auto}.gallery{grid-template-rows:200px 200px}}
@media(max-width:760px){.announce{font-size:10px}.siteHeader{height:66px;padding:0 14px}.brand img{width:144px}.nav{top:66px}.lang span{display:none}.lang button{font-size:11px;padding:3px}.hero{min-height:610px;height:calc(100svh - 100px);align-items:flex-end}.heroImage{object-position:63% center}.heroOverlay{background:linear-gradient(0deg,rgba(6,24,12,.93),rgba(8,28,14,.25) 80%)}.heroContent{width:100%;padding:60px 20px 34px}.hero h1{font-size:40px;margin:18px 0 12px}.heroContent>p{font-size:15px;line-height:1.6}.heroBtns{margin-top:20px}.heroBtns .btn{padding:13px 14px;font-size:13px}.rating{margin-top:28px;gap:9px}.rating a{font-size:10px}.section{width:calc(100% - 32px);padding:72px 0}.about{grid-template-columns:1fr}.aboutImage{height:370px;border-radius:22px 60px 22px 22px}.aboutText h2,.sectionHead h2,.sample h2,.faq h2,.contact h2{font-size:34px}.menuSection,.branches{width:100%;padding-left:16px;padding-right:16px}.filters{justify-content:flex-start;margin-left:-2px;margin-right:-2px}.productGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.productImg{height:145px}.productInfo{padding:13px;display:block}.productInfo h3{font-size:14px}.productInfo p{display:none}.productInfo>b{display:block;margin-top:7px;font-size:16px}.whyGrid{grid-template-columns:1fr 1fr;gap:10px}.whyGrid>div{padding:25px 8px}.sample{height:560px}.gallery{grid-template-columns:1fr 1fr;grid-template-rows:190px 190px}.gallery button:first-child{grid-row:auto}.gallery button:last-child{grid-column:auto}.socialCard{align-items:flex-start;padding:20px;gap:12px}.socialCard>div>b{display:none}.socialCard strong{font-size:14px}.socialCard>a{font-size:11px;white-space:nowrap}.branchGrid{gap:12px}.orderBand{display:block;padding:55px 24px}.orderBand h2{font-size:32px}.orderBand .btn{margin-top:20px}.faq{grid-template-columns:1fr;gap:20px}.contact{grid-template-columns:1fr;gap:25px;margin:0 16px 75px;padding:35px 20px}.formRow{grid-template-columns:1fr}.contact form{padding:20px}footer{grid-template-columns:1fr 1fr;padding-bottom:100px}footer>div:first-child{grid-column:1/-1}.mobileCta{position:fixed;bottom:10px;left:12px;right:12px;height:58px;background:#fff;border:1px solid #dbe7dc;border-radius:18px;z-index:45;display:grid;grid-template-columns:repeat(3,1fr);box-shadow:0 12px 35px rgba(16,45,23,.24);overflow:hidden}.mobileCta a{display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:18px}.mobileCta span{font-size:9px;font-weight:800;margin-top:2px}.miniGrid{grid-template-columns:1fr}.lightbox{padding:15px}}
@media(max-width:360px){.brand img{width:125px}.headerActions{gap:5px}.hamb{width:38px}.hero h1{font-size:35px}.heroBtns{gap:7px}.heroBtns .btn{font-size:11px}.rating span{display:none}.productImg{height:125px}.productInfo h3{font-size:13px}.gallery{grid-template-rows:150px 150px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
body{font-family:"Poppins","Noto Sans Bengali",Arial,sans-serif}.hero{background-size:cover;background-position:center}.aboutImage img,.productImg img,.gallery img{width:100%;height:100%;object-fit:cover}.sample{background-size:cover;background-position:center}.brand img{width:190px;height:auto}.gallery button{min-height:180px}.gallery img{position:absolute;inset:0}footer img{width:220px;height:auto}[hidden]{display:none!important}

/* ===================== RESPONSIVE MEDIA SYSTEM ===================== */
/* Uploaded dimensions never control layout: container ratio + object-fit do. */
.mediaImg{display:block;width:100%;height:100%;max-width:100%;object-fit:cover;object-position:center;background:#eef4ee}
.fit-cover{object-fit:cover}.fit-contain{object-fit:contain}
.ratio-1-1{aspect-ratio:1/1}.ratio-4-3{aspect-ratio:4/3}.ratio-3-4{aspect-ratio:3/4}
.ratio-16-9{aspect-ratio:16/9}.ratio-21-9{aspect-ratio:21/9}
.logoImg{width:190px;height:auto;max-height:62px;object-fit:contain;object-position:left center;background:transparent}
header .logoImg{width:190px;max-height:58px}footer .logoImg{width:220px;max-height:70px}
.hero{position:relative;overflow:hidden;min-height:560px;height:min(760px,calc(100svh - 110px))}
.heroFixed{height:var(--heroHeight,720px);min-height:420px}
.hero picture,.heroImage{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.heroOverlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(9,28,15,.9),rgba(10,35,17,.55) 48%,rgba(10,25,13,.12) 80%)}
.mediaBg{position:absolute;inset:0;overflow:hidden;pointer-events:none}
.mediaBgImage{position:absolute;inset:0;background-size:cover;background-repeat:no-repeat;display:block}
.mediaBgOverlay{position:absolute;inset:0;background:#08200f;display:block}
.menuSection,.branches{position:relative;overflow:hidden}
.sectionInner{position:relative;z-index:2;width:min(1200px,calc(100% - 48px));margin:0 auto;padding:105px 0}
.aboutImage{position:relative;height:auto;aspect-ratio:4/3;border-radius:30px 90px 30px 30px;overflow:hidden;box-shadow:var(--shadow)}
.aboutImage .mediaImg{border-radius:inherit}
.productImg{height:auto;aspect-ratio:1/1;position:relative;overflow:hidden}
.productImg .mediaImg{position:absolute;inset:0}
.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;width:100%}
.gallery button{position:relative;border:0;padding:0;overflow:hidden;border-radius:20px;cursor:zoom-in;aspect-ratio:4/3;background:#eef4ee;display:block;width:100%}
.gallery .mediaImg{position:absolute;inset:0;height:100%;transition:.35s}
.gallery button:hover .mediaImg{transform:scale(1.04)}
.branchImage{margin:14px 0 4px;aspect-ratio:16/9;border-radius:14px;overflow:hidden}
@media(min-width:1500px){.section,.sectionInner{width:min(1320px,calc(100% - 48px))}.productGrid{gap:22px}}
@media(max-width:1000px){.gallery{grid-template-columns:repeat(3,1fr);gap:12px}}
@media(max-width:760px){
  header .logoImg{width:144px;max-height:48px}
  .hero,.heroFixed{min-height:520px;height:auto;aspect-ratio:3/4}
  .heroOverlay{background:linear-gradient(0deg,rgba(6,24,12,.93),rgba(8,28,14,.3) 75%)}
  .productImg{aspect-ratio:1/1}
  .gallery{grid-template-columns:repeat(2,1fr);gap:10px}
  .gallery button{aspect-ratio:4/3;border-radius:16px}
  .aboutImage{aspect-ratio:4/3;border-radius:22px 60px 22px 22px}
  .branchImage{aspect-ratio:16/9}
}
@media(max-width:430px){.gallery{grid-template-columns:repeat(2,1fr)}.productImg{aspect-ratio:1/1}}
@media(max-width:360px){header .logoImg{width:126px;max-height:44px}.gallery{grid-template-columns:repeat(2,1fr);gap:8px}}
@media(prefers-reduced-motion:reduce){.mediaImg,.gallery .mediaImg{transition:none!important;transform:none!important}}