:root{
  --walnut-950:#1c130d;
  --walnut-900:#241a12;
  --walnut-800:#3a2a1c;
  --walnut-700:#523c28;
  --brass-500:#c99a52;
  --brass-300:#e3c384;
  --cream-100:#f6ede0;
  --cream-050:#fbf7ef;
  --olive-600:#6f6a49;
  --ink:#20160f;
  --shadow: 0 20px 50px rgba(20,12,5,0.35);
  --font-heading:'Fraunces', serif;
  --font-body:'Hind Siliguri', sans-serif;
  --header-bg: rgba(28,19,13,0.92);
}
*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  font-family:var(--font-body);
  background:var(--cream-050);
  color:var(--ink);
  overflow-x:hidden;
}
h1,h2,h3,.display{font-family:var(--font-heading);}

/* ---------- HEADING SHIMMER (সব হেডিং টেক্সটে হালকা চকচকে শাইন এনিমেশন) ---------- */
:root{
  --shimmer-c1:var(--walnut-950);
  --shimmer-c2:var(--brass-300);
}
.hero, .process, .cta{
  --shimmer-c1:var(--cream-100);
}
h1,h2,h3,.display{
  color:transparent !important;
  background-image:linear-gradient(100deg, var(--shimmer-c1) 35%, var(--shimmer-c2) 50%, var(--shimmer-c1) 65%);
  background-size:240% 100%;
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
  animation:shimmerSweep 5.5s linear infinite;
}
@keyframes shimmerSweep{
  0%{background-position:220% 0;}
  100%{background-position:-60% 0;}
}
.mono{font-family:'Space Mono',monospace;}
a{text-decoration:none;color:inherit;}
ul{list-style:none;}
img{max-width:100%;display:block;}

/* ---------- ক্লিক করলে বাটনের পেছনে ব্রাউজারের ডিফল্ট শ্যাডো/স্কয়ার
   হাইলাইট বক্স আসা বন্ধ (মোবাইলের ট্যাপ-হাইলাইট + ফোকাস আউটলাইন) ---------- */
*{-webkit-tap-highlight-color:transparent;}
a,button,.filter-btn,.card-btn,.nav-cta,.btn-primary,.btn-ghost,.whatsapp-float,.video-badge-btn{
  -webkit-tap-highlight-color:transparent;
  outline:none;
}
a:focus,button:focus,.filter-btn:focus,.card-btn:focus,.nav-cta:focus,.btn-primary:focus,.btn-ghost:focus,.whatsapp-float:focus,.video-badge-btn:focus{
  outline:none; box-shadow:none;
}
button{background:none;border:none;font:inherit;color:inherit;}
/* কীবোর্ড দিয়ে ট্যাব করলে (accessibility) একটা সুন্দর গোলাকার ফোকাস রিং দেখাবে */
:focus-visible{outline:2px solid var(--brass-500); outline-offset:3px;}

/* এখানে h1/h2/h3/.display, .marquee-track, .whatsapp-float, .video-badge-btn
   কে বাদ রাখা হয়েছে — এগুলোর continuous শাইন/মার্কি/পালস এনিমেশন যেন
   reduced-motion ডিভাইসেও (অনেক ফোনেই ডিফল্ট এটা চালু থাকে) থেমে না যায়,
   শুধু একবার চলে বন্ধ হয়ে না যায়। */
@media (prefers-reduced-motion: reduce){
  *:not(h1):not(h2):not(h3):not(.display):not(.marquee-track):not(.whatsapp-float):not(.video-badge-btn){
    animation-duration:0.001ms !important; animation-iteration-count:1 !important; transition-duration:0.001ms !important; scroll-behavior:auto !important;
  }
  html{scroll-behavior:auto !important;}
}

/* ---------- NAV ---------- */
header{
  position:fixed; top:0; left:0; right:0; z-index:100;
  display:flex; align-items:center; justify-content:space-between;
  padding:22px 6%;
  transition:background .4s ease, padding .4s ease, box-shadow .4s ease;
}
header.scrolled{
  background:var(--header-bg);
  backdrop-filter:blur(8px);
  padding:14px 6%;
  box-shadow:0 6px 24px rgba(0,0,0,0.25);
}
.logo{
  font-family:var(--font-heading); font-weight:700; font-size:1.4rem;
  color:var(--cream-100); letter-spacing:0.5px;
  display:flex; align-items:center; gap:10px;
  background:none;
}
.logo svg{width:28px;height:28px;}
.logo img{width:auto;max-width:52vw;background:none;}
@media (max-width:560px){
  .logo img{max-height:44px;}
}
nav ul{display:flex; gap:34px;}
nav a{
  color:var(--cream-100); font-size:0.95rem; font-weight:500;
  position:relative; padding-bottom:4px;
}
nav a::after{
  content:''; position:absolute; left:0; bottom:0; width:0; height:1px;
  background:var(--brass-500); transition:width .35s ease;
}
nav a:hover::after{width:100%;}
.nav-cta{
  background:var(--brass-500); color:var(--walnut-950) !important;
  padding:9px 20px; border-radius:100px; font-weight:600;
  transition:transform .25s ease, background .25s ease;
  display:flex; align-items:center; gap:6px;
}
.nav-cta:hover{background:var(--brass-300); transform:translateY(-2px);}
.nav-cta::after{display:none;}

/* ---------- HERO ---------- */
.hero{
  min-height:100vh; position:relative; overflow:hidden;
  background:radial-gradient(ellipse at 70% 20%, var(--walnut-800), var(--walnut-950) 65%);
  display:flex; align-items:center;
  padding:120px 6% 60px;
}
.hero::before{
  content:''; position:absolute; inset:0; opacity:0.05; pointer-events:none;
  background-image:repeating-linear-gradient(115deg, #fff 0 1px, transparent 1px 90px);
}
.hero-grid{
  display:grid; grid-template-columns:1.05fr 0.95fr; gap:40px; align-items:center;
  width:100%; max-width:1300px; margin:0 auto; position:relative; z-index:2;
}
.eyebrow{
  color:var(--brass-300); font-family:'Space Mono',monospace; font-size:0.8rem;
  letter-spacing:3px; text-transform:uppercase; margin-bottom:18px;
  opacity:0; animation:riseIn .8s ease forwards; animation-delay:.1s;
  display:flex; align-items:center; gap:10px;
}
.eyebrow::before{content:'';width:26px;height:1px;background:var(--brass-500);}
.hero h1{
  color:var(--cream-100); font-size:clamp(2.6rem, 5vw, 4.4rem); line-height:1.08;
  font-weight:600; margin-bottom:22px;
  opacity:0; animation:riseIn .9s ease forwards; animation-delay:.25s;
}
.hero h1 em{
  font-style:normal; color:var(--brass-500);
}
.hero p{
  color:#d9c9b4; font-size:1.08rem; max-width:480px; line-height:1.8; margin-bottom:34px;
  opacity:0; animation:riseIn .9s ease forwards; animation-delay:.4s;
}
.hero-actions{
  display:flex; gap:16px; flex-wrap:wrap;
  opacity:0; animation:riseIn .9s ease forwards; animation-delay:.55s;
}
.btn-primary{
  background:var(--brass-500); color:var(--walnut-950); padding:15px 30px;
  border-radius:100px; font-weight:700; font-size:0.98rem;
  transition:transform .25s ease, box-shadow .25s ease;
  box-shadow:0 10px 30px rgba(201,154,82,0.25);
  display:inline-flex; align-items:center; gap:8px;
}
.btn-primary:hover{transform:translateY(-3px); box-shadow:0 16px 36px rgba(201,154,82,0.4);}
.btn-ghost{
  border:1px solid rgba(246,237,224,0.35); color:var(--cream-100);
  padding:15px 28px; border-radius:100px; font-weight:600; font-size:0.98rem;
  transition:border-color .25s ease, background .25s ease;
  display:inline-flex; align-items:center; gap:8px;
}
.btn-ghost:hover{border-color:var(--brass-500); background:rgba(201,154,82,0.08);}

/* ---------- BUTTON POP-CLICK এনিমেশন (সব বাটনের জন্য কমন) ---------- */
@keyframes popClick{
  0%{transform:scale(1);}
  35%{transform:scale(1.14);}
  62%{transform:scale(0.94);}
  100%{transform:scale(1);}
}
.pop-anim{animation:popClick .42s cubic-bezier(.34,1.56,.64,1);}

@keyframes riseIn{
  from{opacity:0; transform:translateY(22px);}
  to{opacity:1; transform:translateY(0);}
}

/* signature chair SVG assembly */
.hero-art{position:relative; display:flex; justify-content:center; align-items:center;}
.chair-wrap{width:min(420px, 90%); position:relative;}
.chair-wrap svg{width:100%; height:auto; overflow:visible;}
.chair-part{
  stroke:var(--brass-300); stroke-width:2.4; fill:none;
  stroke-dasharray:900; stroke-dashoffset:900;
  animation:draw 1.6s ease forwards;
}
.chair-fill{opacity:0; animation:fadeUp 1s ease forwards;}
.leg{animation:drawLeg 1s cubic-bezier(.2,.9,.3,1.2) forwards;}
@keyframes draw{to{stroke-dashoffset:0;}}
@keyframes drawLeg{
  from{stroke-dashoffset:260; transform:translateY(-14px); opacity:0;}
  to{stroke-dashoffset:0; transform:translateY(0); opacity:1;}
}
@keyframes fadeUp{
  from{opacity:0; transform:translateY(10px);}
  to{opacity:0.95; transform:translateY(0);}
}
.seat{animation-delay:.15s;}
.back{animation-delay:.5s;}
.legL1{animation-delay:1.1s;}
.legL2{animation-delay:1.2s;}
.legL3{animation-delay:1.3s;}
.legL4{animation-delay:1.4s;}
.price-tag{
  position:absolute; top:6%; right:2%;
  background:var(--cream-100); color:var(--walnut-950);
  padding:10px 16px; border-radius:8px; font-size:0.8rem; font-weight:700;
  box-shadow:var(--shadow); transform:rotate(6deg);
  opacity:0; animation:tagIn .7s ease forwards; animation-delay:1.7s;
}
@keyframes tagIn{
  from{opacity:0; transform:rotate(6deg) translateY(-10px) scale(.8);}
  to{opacity:1; transform:rotate(6deg) translateY(0) scale(1);}
}
.float{animation:floaty 5s ease-in-out infinite; animation-delay:2.3s;}
@keyframes floaty{
  0%,100%{transform:translateY(0);}
  50%{transform:translateY(-10px);}
}

/* ---------- MATERIAL MARQUEE ---------- */
.marquee-strip{
  background:var(--brass-500); overflow:hidden; padding:14px 0;
}
.marquee-track{
  display:flex; gap:50px; white-space:nowrap; width:max-content;
  animation:scrollLeft 22s linear infinite;
}
.marquee-track span{
  font-family:'Space Mono',monospace; font-weight:700; font-size:0.95rem;
  color:var(--walnut-950); text-transform:uppercase; letter-spacing:2px;
  display:flex; align-items:center; gap:14px;
}
.marquee-track span::after{content:'✦'; opacity:.6;}
@keyframes scrollLeft{
  from{transform:translateX(0);}
  to{transform:translateX(-50%);}
}

/* ---------- REVEAL-TEXT + নিচের বক্সে থাকা ব্যাজ (স্ক্রল করে ঢুকলে/বেরোলে টগল হয়) ---------- */
.reveal-banner{
  background:var(--cream-100); text-align:center; padding:80px 6%;
}
.reveal-text-wrap{max-width:760px; margin:0 auto;}
.reveal-text{
  font-family:var(--font-heading); font-size:clamp(1.6rem, 3.4vw, 2.4rem); font-weight:700;
  color:var(--walnut-950); line-height:1.4;
  opacity:0.15; transform:translateY(20px);
  transition:opacity 0.8s cubic-bezier(0.16, 1, 0.3, 1), transform 0.8s cubic-bezier(0.16, 1, 0.3, 1);
}
.reveal-badge-box{
  display:flex; justify-content:center; margin-top:22px;
}
.reveal-badge{
  display:inline-block; background:var(--brass-300); color:var(--walnut-950);
  padding:10px 28px; border-radius:16px; font-size:1.05rem; font-weight:700;
  font-family:var(--font-heading);
  box-shadow:0 10px 26px rgba(160,120,50,0.22);
  transform:scale(0.6); opacity:0;
  transition:transform 0.6s cubic-bezier(0.34, 1.56, 0.64, 1) 0.2s, opacity 0.6s ease 0.2s;
}
.reveal-text-wrap.is-visible .reveal-text{opacity:1; transform:translateY(0);}
.reveal-text-wrap.is-visible .reveal-badge{opacity:1; transform:scale(1);}

/* ---------- SECTION SHELL ---------- */
section{padding:110px 6%;}
.section-head{max-width:640px; margin:0 auto 60px; text-align:center;}
.section-head .eyebrow{color:var(--brass-500); justify-content:center; opacity:1; animation:none;}
.section-head .eyebrow::before{display:none;}
.section-head h2{font-size:clamp(2rem,3.6vw,2.8rem); color:var(--walnut-950); font-weight:600; margin-top:10px;}
.section-head p{color:#5a4c3c; margin-top:16px; line-height:1.7; font-size:1.02rem;}

.reveal{opacity:0; transform:translateY(36px); transition:opacity .8s ease, transform .8s ease;}
.reveal.in{opacity:1; transform:translateY(0);}

/* ---------- FILTER TABS ---------- */
.filters{
  display:flex; justify-content:center; gap:12px; margin-bottom:44px; flex-wrap:wrap;
}
.filter-btn{
  background:transparent; border:1px solid var(--walnut-700); color:var(--walnut-800);
  padding:10px 22px; border-radius:100px; font-size:0.9rem; font-weight:600;
  font-family:var(--font-body); cursor:pointer; transition:all .3s ease;
}
.filter-btn:hover{border-color:var(--brass-500); color:var(--brass-500);}
.filter-btn.active{background:var(--walnut-950); color:var(--cream-100); border-color:var(--walnut-950);}

/* ---------- PRODUCT GRID ---------- */
.products{background:var(--cream-050);}
.grid{
  max-width:1280px; margin:0 auto; display:grid;
  grid-template-columns:repeat(4, 1fr); gap:26px;
}
.card{
  background:var(--cream-100); border-radius:18px; padding:20px;
  perspective:900px; position:relative; overflow:hidden;
  box-shadow:0 8px 24px rgba(60,40,20,0.08);
  transition:box-shadow .35s ease, transform .4s ease, opacity .4s ease;
}
.card:hover{box-shadow:0 24px 48px rgba(60,40,20,0.18);}
.card-inner{transition:transform .5s ease;}
.card:hover .card-inner{transform:rotateX(3deg) rotateY(-3deg) translateY(-4px);}
.card-media{
  aspect-ratio:4/3.6; border-radius:12px; margin-bottom:18px;
  background:linear-gradient(160deg, #efe3d0, var(--cream-100) 70%);
  display:flex; align-items:center; justify-content:center; overflow:hidden;
  position:relative;
}
.card-media img{
  width:100%; height:100%; object-fit:contain; object-position:center bottom;
  transition:transform .5s ease;
  mix-blend-mode:multiply;
}
.card:hover .card-media img{transform:translateY(-6px) scale(1.05);}
.card-tag{
  position:absolute; top:12px; left:12px; background:var(--brass-500); color:var(--walnut-950);
  font-family:'Space Mono',monospace; font-size:0.68rem; font-weight:700;
  padding:5px 10px; border-radius:6px; letter-spacing:1px; z-index:2;
}

/* প্রোডাক্ট কার্ডের ছবির কোণায় সবুজ "ভিডিও দেখুন" বাটন */
.video-badge-btn{
  position:absolute; top:12px; right:12px; z-index:3;
  display:flex; align-items:center; gap:6px;
  background:#25D366; color:#fff; border:none; cursor:pointer; text-decoration:none;
  padding:7px 13px 7px 9px; border-radius:100px; font-size:0.72rem; font-weight:700;
  font-family:var(--font-body);
  box-shadow:0 6px 16px rgba(37,211,102,0.4);
  transition:transform .25s ease, box-shadow .25s ease;
}
.video-badge-btn:hover{transform:translateY(-2px) scale(1.05); box-shadow:0 10px 22px rgba(37,211,102,0.5);}
.video-badge-btn svg{width:13px; height:13px; flex-shrink:0;}
/* হোয়াটসঅ্যাপ ফ্লোট বাটনের মতোই "ভিডিও দেখুন" বাটনেও একটা ব্লিংকিং/পালস গ্লো */
.video-badge-btn{animation:videoBadgePulse 2.2s ease-in-out infinite;}
.video-badge-btn:hover{animation-play-state:paused;}
@keyframes videoBadgePulse{
  0%,100%{box-shadow:0 6px 16px rgba(37,211,102,0.4), 0 0 0 0 rgba(37,211,102,0.55);}
  50%{box-shadow:0 6px 16px rgba(37,211,102,0.4), 0 0 0 8px rgba(37,211,102,0);}
}
.card h3{font-size:1.12rem; color:var(--walnut-950); margin-bottom:4px; font-weight:600;}
.card p.desc{color:#6b5c4a; font-size:0.85rem; line-height:1.55; margin-bottom:14px;}
.card-foot{display:flex; align-items:center; justify-content:space-between;}
.price{font-family:'Space Mono',monospace; font-weight:700; color:var(--olive-600); font-size:1rem;}
.card-btn{
  width:40px; height:40px; border-radius:50%; background:var(--walnut-950);
  display:flex; align-items:center; justify-content:center; color:var(--cream-100);
  transition:background .3s ease, transform .3s ease; flex-shrink:0;
  animation:cartBtnBlink 1.6s ease-in-out infinite;
}
.card-btn svg{width:19px; height:19px; flex-shrink:0; display:block;}
.card-btn:hover{background:var(--brass-500); color:var(--walnut-950); transform:scale(1.1); animation-play-state:paused;}
@keyframes cartBtnBlink{
  0%,100%{background:var(--walnut-950);}
  50%{background:var(--brass-500);}
}
.card.hide{display:none;}

/* ---------- PROCESS ---------- */
.process{background:var(--walnut-950); color:var(--cream-100); position:relative;}
.process .section-head p{color:#c9b79c;}
.process .section-head h2{color:var(--cream-100);}
.steps{
  max-width:1000px; margin:0 auto; display:grid; grid-template-columns:repeat(4,1fr); gap:0;
  position:relative;
}
.steps::before{
  content:''; position:absolute; top:26px; left:12.5%; right:12.5%; height:1px;
  background:linear-gradient(90deg, transparent, var(--brass-500), transparent);
}
.step{text-align:center; padding:0 14px; position:relative;}
.step-num{
  width:52px; height:52px; border-radius:50%; background:var(--walnut-900);
  border:1px solid var(--brass-500); color:var(--brass-300);
  display:flex; align-items:center; justify-content:center; margin:0 auto 22px;
  font-family:'Space Mono',monospace; font-weight:700; position:relative; z-index:2;
  transition:transform .35s ease, background .35s ease;
}
.step:hover .step-num{background:var(--brass-500); color:var(--walnut-950); transform:scale(1.1);}
.step h3{font-size:1.08rem; margin-bottom:10px; font-weight:600; color:var(--cream-100);}
.step p{font-size:0.88rem; color:#b7a488; line-height:1.65;}

/* ---------- TESTIMONIALS ---------- */
.testimonials{background:var(--cream-100);}
.tgrid{
  max-width:1100px; margin:0 auto; display:grid; grid-template-columns:repeat(3,1fr); gap:24px;
}
.tcard{
  background:var(--cream-050); border-radius:16px; padding:30px; box-shadow:0 8px 20px rgba(60,40,20,0.06);
}
.stars{color:var(--brass-500); margin-bottom:14px; letter-spacing:2px;}
.tcard p{font-size:0.95rem; line-height:1.75; color:#4a3d2e; margin-bottom:18px;}
.tperson{display:flex; align-items:center; gap:12px;}
.avatar{
  width:38px; height:38px; border-radius:50%; background:var(--walnut-800);
  display:flex; align-items:center; justify-content:center; color:var(--brass-300);
  font-family:var(--font-heading); font-weight:700;
}
.tname{font-weight:600; font-size:0.9rem; color:var(--walnut-950);}
.trole{font-size:0.78rem; color:#8a7a63;}

/* ---------- CTA / CONTACT ---------- */
.cta{
  background:linear-gradient(135deg, var(--walnut-900), var(--walnut-950));
  color:var(--cream-100); text-align:center; position:relative; overflow:hidden;
}
.cta::before{
  content:''; position:absolute; width:600px; height:600px; border-radius:50%;
  background:radial-gradient(circle, rgba(201,154,82,0.15), transparent 70%);
  top:-200px; right:-150px;
}
.cta h2{font-size:clamp(2rem,4vw,3rem); margin-bottom:18px; position:relative;}
.cta p{color:#d9c9b4; max-width:520px; margin:0 auto 36px; line-height:1.8; position:relative;}
.cta-actions{display:flex; gap:18px; justify-content:center; flex-wrap:wrap; position:relative;}
.contact-strip{
  display:flex; justify-content:center; gap:44px; margin-top:50px; flex-wrap:wrap;
  font-family:'Space Mono',monospace; font-size:0.85rem; color:#c9b79c; position:relative;
}
.contact-strip div{display:flex; align-items:center; gap:8px;}
.contact-strip a{transition:color .25s ease;}
.contact-strip a:hover{color:var(--brass-300);}

/* Floating WhatsApp button */
.whatsapp-float{
  position:fixed; bottom:26px; right:26px; z-index:200;
  width:60px; height:60px; border-radius:50%;
  background:#25D366; display:flex; align-items:center; justify-content:center;
  box-shadow:0 10px 28px rgba(0,0,0,0.3);
  animation:floatPopIn .6s cubic-bezier(.34,1.56,.64,1) .3s both,
            pulse 2.4s ease-in-out infinite 1s;
}
.whatsapp-float svg{width:30px; height:30px;}
.whatsapp-float:hover{transform:scale(1.08);}
.whatsapp-float.pop-anim{animation:popClick .42s cubic-bezier(.34,1.56,.64,1);}
@keyframes pulse{
  0%,100%{box-shadow:0 10px 28px rgba(0,0,0,0.3), 0 0 0 0 rgba(37,211,102,0.5);}
  50%{box-shadow:0 10px 28px rgba(0,0,0,0.3), 0 0 0 12px rgba(37,211,102,0);}
}
@keyframes floatPopIn{
  0%{transform:scale(0) rotate(-20deg); opacity:0;}
  60%{transform:scale(1.18) rotate(6deg); opacity:1;}
  80%{transform:scale(0.94) rotate(-3deg);}
  100%{transform:scale(1) rotate(0deg);}
}

footer{
  background:var(--walnut-950); color:#9a8a72; text-align:center;
  padding:34px 6%; font-size:0.85rem; border-top:1px solid rgba(255,255,255,0.06);
}
footer span{color:var(--brass-500);}

/* ---------- PRODUCT VIDEO PAGE (product-video.html) ---------- */
.pv-wrap{max-width:1100px; margin:0 auto; padding:132px 6% 100px; min-height:60vh;}
.pv-back{
  display:inline-flex; align-items:center; gap:6px; color:var(--walnut-800);
  font-weight:600; font-size:0.92rem; margin-bottom:28px; transition:color .25s ease;
}
.pv-back:hover{color:var(--brass-500);}
.pv-grid{display:grid; grid-template-columns:1.1fr 0.9fr; gap:48px; align-items:start;}
.pv-video-box{
  background:#000; border-radius:20px; overflow:hidden;
  box-shadow:var(--shadow); aspect-ratio:16/9; position:relative;
}
.pv-video-box video{width:100%; height:100%; object-fit:contain; background:#000; display:block;}
.pv-info{padding-top:6px;}
.pv-tag{
  background:var(--brass-500); color:var(--walnut-950); font-family:'Space Mono',monospace;
  font-size:0.72rem; font-weight:700; padding:5px 12px; border-radius:6px; letter-spacing:1px; margin-bottom:14px;
}
.pv-info h1{font-size:clamp(1.8rem,3.2vw,2.6rem); margin-bottom:8px; font-weight:600;}
.pv-model{color:#8a7a63; font-size:0.85rem; margin-bottom:18px;}
.pv-info p{color:#5a4c3c; line-height:1.8; font-size:1.02rem; margin-bottom:22px;}
.pv-price{font-family:'Space Mono',monospace; font-size:1.5rem; font-weight:700; color:var(--olive-600); margin-bottom:28px;}
.pv-actions{display:flex; flex-wrap:wrap; gap:14px;}
.pv-actions .btn-ghost{border-color:var(--walnut-700); color:var(--walnut-800);}
.pv-actions .btn-ghost:hover{border-color:var(--brass-500); color:var(--brass-500); background:rgba(201,154,82,0.08);}
.pv-notfound{text-align:center; padding:80px 20px;}
.pv-notfound h2{margin-bottom:12px;}
.pv-notfound p{color:#7a6a53; margin-bottom:26px; font-family:var(--font-body);}

@media (max-width:900px){
  .hero{min-height:auto; padding:88px 6% 30px;}
  .hero-grid{grid-template-columns:1fr; text-align:center; gap:10px;}
  .eyebrow{justify-content:center; margin-bottom:10px;}
  .hero h1{font-size:clamp(1.7rem, 7.5vw, 2.3rem); line-height:1.15; margin-bottom:12px;}
  .hero p{margin-left:auto; margin-right:auto; margin-bottom:18px;}
  .hero-actions{display:none;}
  .hero-art{margin-top:-34px;}
  .chair-wrap{width:min(240px, 68%);}
  nav{display:none;}
  .grid{grid-template-columns:repeat(2,1fr);}
  .steps{grid-template-columns:repeat(2,1fr); row-gap:40px;}
  .steps::before{display:none;}
  .tgrid{grid-template-columns:1fr;}
}
@media (max-width:560px){
  .grid{grid-template-columns:1fr;}
  .whatsapp-float{width:52px; height:52px; bottom:16px; right:16px;}
}
@media (max-width:800px){
  .pv-wrap{padding:104px 6% 70px;}
  .pv-grid{grid-template-columns:1fr; gap:28px;}
  .pv-video-box{aspect-ratio:16/9;}
}
@media (max-width:900px){
  .video-badge-btn{font-size:0.66rem; padding:6px 11px 6px 8px;}
}

/* ===== LIQUID GLASS REDESIGN ===== */
:root{--glass:rgba(255,255,255,.36);--gb:rgba(255,255,255,.78);--ink:#202432;--muted:#6f7688;--accent:#4b56bd;--accent2:#7d68d8;--cream-050:#e7edf8;--cream-100:#eef2fa;--walnut-950:#202432;--walnut-900:#2a3040;--walnut-800:#3f4759;--walnut-700:#727b8e;--brass-500:#4b56bd;--brass-300:#7d68d8;--olive-600:#4b56bd;--shadow:20px 22px 50px rgba(88,105,145,.18),-12px -12px 34px rgba(255,255,255,.78);--header-bg:rgba(232,237,248,.72)}
body{background:radial-gradient(circle at 15% 10%,rgba(255,255,255,.92),transparent 24%),radial-gradient(circle at 84% 6%,rgba(187,166,255,.42),transparent 26%),linear-gradient(135deg,#dbe5f6,#edf0fa 48%,#d9e5f6);color:var(--ink)}
h1,h2,h3,.display{font-family:'Hind Siliguri',sans-serif!important;color:var(--ink)!important;-webkit-text-fill-color:var(--ink)!important;background:none!important;animation:none!important;letter-spacing:-.02em}
header{top:14px;left:5%;right:5%;width:90%;box-sizing:border-box;padding:14px 24px;background:rgba(235,240,249,.58);backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.7);border-radius:24px;box-shadow:0 10px 30px rgba(75,91,130,.12)}header.scrolled{top:10px;padding:12px 24px;background:var(--header-bg);box-shadow:0 12px 35px rgba(75,91,130,.16)}.logo{color:var(--ink)}.logo #logoTagline{color:var(--accent)!important}nav a{color:#4f5667;font-weight:700}.nav-cta,.btn-primary{background:linear-gradient(135deg,#5968d5,#3d47aa);color:#fff!important;border:1px solid rgba(255,255,255,.7);box-shadow:8px 10px 22px rgba(61,71,170,.28),-4px -4px 15px rgba(255,255,255,.75)}
.hero{min-height:100vh;padding:128px 6% 80px;background:transparent;position:relative;overflow:hidden}.hero::before{display:none}.aurora{position:absolute;border-radius:50%;filter:blur(38px);opacity:.5}.orb-a{width:360px;height:360px;background:radial-gradient(circle,rgba(167,189,241,.75) 0%,rgba(167,189,241,.34) 38%,rgba(167,189,241,0) 72%);left:-100px;top:10%;filter:blur(48px);opacity:.72}.orb-b{width:420px;height:420px;background:radial-gradient(circle,rgba(185,165,239,.75) 0%,rgba(185,165,239,.34) 38%,rgba(185,165,239,0) 72%);right:-120px;top:8%;filter:blur(52px);opacity:.72}.orb-c{width:300px;height:300px;background:radial-gradient(circle,rgba(147,196,238,.72) 0%,rgba(147,196,238,.30) 40%,rgba(147,196,238,0) 72%);left:40%;bottom:-160px;filter:blur(46px);opacity:.72}
.hero-grid{max-width:1280px;grid-template-columns:1.05fr .95fr;gap:52px;padding:42px;border-radius:42px;background:var(--glass);border:1px solid var(--gb);box-shadow:var(--shadow);backdrop-filter:blur(22px)}.hero-copy{padding:10px 8px}.eyebrow{color:var(--accent);font-weight:800;letter-spacing:2px;opacity:1;animation:none}.eyebrow::before{background:var(--accent)}.hero h1{font-size:clamp(2.8rem,5.2vw,5.1rem);line-height:1.04;margin-bottom:22px;font-weight:800;opacity:1;animation:none}.hero h1 em{font-style:normal;color:var(--accent)}.hero p{color:var(--muted);opacity:1;animation:none}.hero-actions{opacity:1;animation:none}.btn-primary,.btn-ghost{border-radius:20px}.btn-primary span{font-size:1.2em}.btn-ghost{border:1px solid rgba(255,255,255,.75);background:rgba(255,255,255,.3);color:#454c5d;box-shadow:8px 10px 24px rgba(96,110,145,.12),-5px -5px 15px rgba(255,255,255,.7)}
.hero-stats{display:flex;gap:14px;flex-wrap:wrap;margin-top:36px}.hero-stats>div{min-width:120px;padding:14px 17px;border-radius:18px;background:rgba(255,255,255,.34);border:1px solid rgba(255,255,255,.7);box-shadow:8px 10px 20px rgba(90,105,140,.1);display:flex;flex-direction:column}.hero-stats strong{color:var(--accent)}.hero-stats span{font-size:.72rem;color:var(--muted)}
.hero-art{min-height:520px;position:relative}.chair-showcase{position:absolute;inset:32px 10px 20px;border-radius:34px;background:linear-gradient(145deg,rgba(255,255,255,.58),rgba(215,224,244,.35));border:1px solid rgba(255,255,255,.85);box-shadow:18px 22px 45px rgba(79,98,145,.2);overflow:hidden;display:flex;align-items:center;justify-content:center}.chair-showcase::after{content:'';position:absolute;inset:0;background:linear-gradient(130deg,rgba(255,255,255,.4),transparent 38%);z-index:3}.chair-showcase img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;padding:18px;position:relative;z-index:2;filter:drop-shadow(0 24px 20px rgba(53,64,92,.22));transition:transform .7s;border-radius:46px}.chair-showcase:hover img{transform:scale(1.06) translateY(-7px)}.chair-glow{position:absolute;width:65%;height:45%;border-radius:50%;background:radial-gradient(circle,rgba(123,107,222,.32),transparent 70%);filter:blur(18px);z-index:1}.price-tag{top:24px;right:24px;background:rgba(255,255,255,.7);color:var(--accent);border:1px solid rgba(255,255,255,.9);border-radius:18px;box-shadow:8px 10px 22px rgba(70,82,125,.16);z-index:4;transform:none;animation:none}.floating-label,.floating-card{position:absolute;z-index:5;background:rgba(255,255,255,.56);border:1px solid rgba(255,255,255,.85);box-shadow:10px 14px 30px rgba(77,91,132,.15);backdrop-filter:blur(16px)}.top-label{top:0;left:-10px;border-radius:16px;padding:11px 16px;font-size:.82rem;color:var(--accent);font-weight:800}.bottom-card{right:-4px;bottom:0;border-radius:20px;padding:13px 18px;display:flex;gap:10px;align-items:center}.bottom-card b{display:block;font-size:.86rem}.bottom-card small{color:var(--muted);font-size:.7rem}.mini-icon{width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,#e5d8ff,#b9c8fa);display:grid;place-items:center}
.marquee-strip{background:rgba(255,255,255,.38);border-top:1px solid rgba(255,255,255,.65);border-bottom:1px solid rgba(255,255,255,.65)}.marquee-track span{color:#535b70}.reveal-banner,.products,.testimonials{background:transparent}.reveal-badge{background:linear-gradient(135deg,#e9e4ff,#c6d5fb);color:var(--accent);box-shadow:var(--shadow)}.section-head h2{color:var(--ink)!important}.section-head p{color:var(--muted)}
.filter-btn{background:rgba(255,255,255,.38);border:1px solid rgba(255,255,255,.78);color:#5d6578;border-radius:18px;box-shadow:7px 9px 18px rgba(80,95,130,.1),-5px -5px 15px rgba(255,255,255,.65)}.filter-btn.active{background:linear-gradient(135deg,#6574df,#414bab);color:#fff;border-color:transparent}.card{background:rgba(255,255,255,.36);border:1px solid rgba(255,255,255,.8);border-radius:26px;box-shadow:10px 14px 32px rgba(75,91,130,.12),-8px -8px 22px rgba(255,255,255,.62);backdrop-filter:blur(14px)}.card-media{border-radius:20px;background:linear-gradient(145deg,rgba(255,255,255,.65),rgba(213,224,247,.65));border:1px solid rgba(255,255,255,.7)}.card-tag{background:linear-gradient(135deg,#e7ddff,#c5d3fa);color:var(--accent)}.card h3{color:var(--ink)!important}.card p.desc{color:var(--muted)}.price{color:var(--accent)}.card-btn,.video-badge-btn{background:linear-gradient(135deg,#6675df,#414aaa);animation:none}
.process{background:linear-gradient(135deg,rgba(61,72,116,.95),rgba(84,92,145,.92));overflow:hidden}.process::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 15% 15%,rgba(175,168,255,.25),transparent 28%)}.process>*{position:relative}.process .section-head p,.step p{color:#e0e4f2}.steps{gap:18px}.steps::before{display:none}.step{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.22);border-radius:22px;padding:25px 14px}.step-num{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.5);color:#fff}.step h3{color:#fff!important}
.tcard{background:rgba(255,255,255,.4);border:1px solid rgba(255,255,255,.8);border-radius:24px;box-shadow:var(--shadow)}.stars{color:var(--accent)}.tcard p{color:#5b6376}.avatar{background:linear-gradient(135deg,#6b7be0,#4853b4);color:#fff}.tname{color:var(--ink)}.trole{color:var(--muted)}
.cta{background:linear-gradient(135deg,#4c57ae,#6d6fc6)}.cta h2{-webkit-text-fill-color:#fff!important;color:#fff!important}.cta p,.contact-strip{color:#e9ecff}.whatsapp-float{background:linear-gradient(135deg,#5f70dc,#3f49ac);border:1px solid rgba(255,255,255,.65);animation:floatPopIn .6s cubic-bezier(.34,1.56,.64,1) .3s both}footer{background:rgba(47,55,94,.96);color:#d8dcf0}
@media(max-width:900px){.hero{padding:105px 5% 50px}.hero-grid{grid-template-columns:1fr;padding:26px;border-radius:30px;text-align:center}.hero-actions,.hero-stats,.eyebrow{justify-content:center}.hero-art{min-height:390px;margin-top:8px}.chair-showcase{inset:20px 0}.floating-label{left:4px}.bottom-card{right:4px}.grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){header{top:10px;left:3%;right:3%;width:94%;padding:12px 16px;border-radius:20px}header.scrolled{top:8px;padding:10px 16px}.hero-grid{padding:20px}.hero h1{font-size:2.35rem}.hero-art{min-height:320px}.top-label{font-size:.7rem}.bottom-card{padding:9px 12px}.grid{grid-template-columns:1fr}section{padding:76px 5%}}


/* ===== FINAL UX PATCH: fixed glass header + animated 2D chair + supplied text video ===== */
header, header.scrolled{
  top:14px !important; left:5% !important; right:5% !important; width:90% !important;
  padding:14px 24px !important;
  background:rgba(235,240,249,.58) !important;
  backdrop-filter:blur(18px) !important; -webkit-backdrop-filter:blur(18px) !important;
  border:1px solid rgba(255,255,255,.7) !important;
  border-radius:24px !important;
  box-shadow:0 10px 30px rgba(75,91,130,.12) !important;
  transition:none !important;
}
header.scrolled{background:rgba(235,240,249,.58) !important; padding:14px 24px !important;}

.text-animation-chip{
  width:210px; height:64px; margin:-4px 0 18px; overflow:hidden; border-radius:18px;
  background:rgba(255,255,255,.38); border:1px solid rgba(255,255,255,.7);
  box-shadow:7px 10px 22px rgba(75,91,130,.10),-5px -5px 14px rgba(255,255,255,.7);
}
.text-animation-chip video{width:100%;height:100%;object-fit:cover;display:block;mix-blend-mode:multiply;opacity:.82;}

.hero-chair-2d{
  position:relative; width:min(520px,100%); height:390px; margin:0 auto;
  display:grid; place-items:center; filter:drop-shadow(0 22px 25px rgba(57,70,130,.12));
}
.chair-2d-glow{position:absolute;width:68%;height:52%;border-radius:50%;background:radial-gradient(circle,rgba(112,126,226,.32),transparent 70%);filter:blur(18px);animation:chairGlow 4s ease-in-out infinite;}
.chair-2d-svg{width:100%;height:100%;overflow:visible;position:relative;z-index:2;}
.chair-bounce{transform-origin:260px 350px;animation:chairFloat 4s ease-in-out infinite;}
.chair-back{stroke:#414da9;stroke-width:4;filter:drop-shadow(0 10px 8px rgba(54,66,145,.16));}
.chair-back-highlight,.chair-seat-line{fill:none;stroke:rgba(255,255,255,.55);stroke-width:5;stroke-linecap:round;}
.chair-arm{fill:none;stroke:#4b56bd;stroke-width:14;stroke-linecap:round;stroke-linejoin:round;}
.chair-seat{stroke:#414da9;stroke-width:4;filter:drop-shadow(0 12px 8px rgba(54,66,145,.15));}
.chair-base{stroke:#4b56bd;stroke-width:12;stroke-linecap:round;}
.chair-column{fill:none;stroke:#39438f;stroke-width:8;stroke-linecap:round;stroke-linejoin:round;}
.chair-wheel{fill:#39438f;stroke:#fff;stroke-width:3;animation:wheelPulse 2.5s ease-in-out infinite;}
.chair-spark{fill:#7d68d8;stroke:#fff;stroke-width:2;transform-origin:center;}
.spark-a{animation:sparkSpin 3s linear infinite;}.spark-b{animation:sparkSpin 2.4s linear infinite reverse;}
.chair-2d-caption{position:absolute;right:8%;top:11%;z-index:4;padding:9px 14px;border-radius:14px;background:rgba(255,255,255,.62);border:1px solid rgba(255,255,255,.8);box-shadow:7px 10px 22px rgba(75,91,130,.12);color:var(--accent);font-weight:800;font-size:.78rem;letter-spacing:.4px;animation:captionFloat 3.6s ease-in-out infinite;}
@keyframes chairFloat{0%,100%{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-10px) rotate(-1deg)}}
@keyframes chairGlow{0%,100%{transform:scale(.96);opacity:.65}50%{transform:scale(1.06);opacity:1}}
@keyframes wheelPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.12)}}
@keyframes sparkSpin{0%{transform:scale(.7) rotate(0);opacity:.55}50%{transform:scale(1.15) rotate(180deg);opacity:1}100%{transform:scale(.7) rotate(360deg);opacity:.55}}
@keyframes captionFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}

.section-text-video{width:150px;height:48px;margin:14px auto 0;border-radius:14px;overflow:hidden;border:1px solid rgba(255,255,255,.72);background:rgba(255,255,255,.3);box-shadow:6px 8px 18px rgba(75,91,130,.08);opacity:.78;}
.section-text-video video{width:100%;height:100%;object-fit:cover;display:block;mix-blend-mode:multiply;}
.section-text-video-light{border-color:rgba(255,255,255,.35);background:rgba(255,255,255,.12);}
.section-text-video-light video{mix-blend-mode:screen;opacity:.72;}

@media(max-width:900px){
  header,header.scrolled{top:10px !important;left:3% !important;right:3% !important;width:94% !important;padding:12px 16px !important;border-radius:20px !important;}
  .hero-chair-2d{height:330px;max-width:470px;}
  .text-animation-chip{margin-left:auto;margin-right:auto;}
}
@media(max-width:560px){
  .hero-chair-2d{height:270px;}
  .chair-2d-caption{right:2%;top:5%;font-size:.7rem;padding:7px 10px;}
  .section-text-video{width:128px;height:42px;}
}


/* ===== FINAL TEXT / CHAIR / PRODUCT NAV POLISH ===== */

/* ===== Warm website-matched heading reveal ===== */
.text-motion{
  --heading-main:var(--walnut-800);
  --heading-accent:var(--brass-500);
  --heading-deep:var(--walnut-700);
}
.text-motion .motion-word{
  display:inline-block;
  opacity:0;
  filter:blur(8px);
  transform:translate3d(0,10px,0);
  will-change:opacity,filter,transform;
  color:var(--heading-main) !important;
  -webkit-text-fill-color:var(--heading-main) !important;
}
.text-motion .motion-word.motion-accent{
  color:var(--heading-accent) !important;
  -webkit-text-fill-color:var(--heading-accent) !important;
}
.text-motion .motion-word.motion-deep{
  color:var(--heading-deep) !important;
  -webkit-text-fill-color:var(--heading-deep) !important;
}
.text-motion.is-heading-visible .motion-word{
  animation:headingVideoReveal .72s cubic-bezier(.22,.61,.36,1) both;
}
@keyframes headingVideoReveal{
  0%{opacity:0;filter:blur(8px);transform:translate3d(0,10px,0);}
  42%{opacity:.45;filter:blur(4px);transform:translate3d(0,4px,0);}
  75%{opacity:.86;filter:blur(1px);transform:translate3d(0,1px,0);}
  100%{opacity:1;filter:blur(0);transform:translate3d(0,0,0);}
}
@media(prefers-reduced-motion:reduce){
  .text-motion .motion-word{opacity:1!important;filter:none!important;transform:none!important;animation:none!important;}
}

/* Header "সব প্রোডাক্ট দেখুন" button */
.nav-products-btn{
  position:relative;
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin-left:auto;
  margin-right:18px;
  padding:10px 17px;
  border-radius:999px;
  color:#fff;
  text-decoration:none;
  font-family:var(--font-body);
  font-size:.86rem;
  font-weight:700;
  letter-spacing:.1px;
  white-space:nowrap;
  overflow:hidden;
  background:linear-gradient(110deg,#4b56bd,#7d68d8,#4b56bd);
  background-size:220% 100%;
  box-shadow:0 8px 22px rgba(75,86,189,.24);
  animation:productButtonBlink 2.5s ease-in-out infinite;
  transition:transform .25s ease, box-shadow .25s ease;
}
.nav-products-btn::after{
  content:'';
  position:absolute;
  inset:0;
  width:42%;
  transform:translateX(-180%) skewX(-20deg);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.65),transparent);
  animation:buttonShine 2.7s ease-in-out infinite;
}
.nav-products-btn span{position:relative;z-index:1;font-size:1rem;}
.nav-products-btn{z-index:1;}
.nav-products-btn:hover{
  transform:translateY(-2px) scale(1.02);
  box-shadow:0 12px 28px rgba(75,86,189,.35);
  animation-play-state:paused;
}
@keyframes productButtonBlink{
  0%,100%{background-position:100% 0;box-shadow:0 8px 22px rgba(75,86,189,.24);}
  50%{background-position:0 0;box-shadow:0 10px 28px rgba(125,104,216,.42);}
}
@keyframes buttonShine{
  0%,35%{transform:translateX(-180%) skewX(-20deg);opacity:0;}
  48%{opacity:1;}
  65%,100%{transform:translateX(420%) skewX(-20deg);opacity:0;}
}

/* Soft floor shadow for the animated 2D chair — replaces the solid black ellipse. */
.chair-shadow{
  fill:rgba(48,58,105,.20);
  stroke:none;
  opacity:.65;
  filter:blur(9px);
  transform-origin:270px 380px;
  animation:chairShadowPulse 4s ease-in-out infinite;
}
@keyframes chairShadowPulse{
  0%,100%{transform:scaleX(.92);opacity:.38;}
  50%{transform:scaleX(1.06);opacity:.22;}
}

/* Properly rounded joins on the illustrated chair's filled/stroked corners. */
.chair-2d-svg path,
.chair-2d-svg circle{
  stroke-linejoin:round;
  stroke-linecap:round;
}
.chair-back,.chair-seat{
  stroke-linejoin:round;
}

/* Make the chair illustration sit naturally above its soft shadow. */
.hero-chair-2d{filter:none;}
.chair-bounce{
  filter:drop-shadow(0 16px 14px rgba(54,66,145,.12));
}

/* Replace the old warranty/COD-style strip with a cleaner premium moving headline. */
.marquee-strip{
  padding:15px 0;
  background:linear-gradient(90deg,rgba(255,255,255,.42),rgba(205,214,246,.55),rgba(255,255,255,.42));
  border-top:1px solid rgba(255,255,255,.8);
  border-bottom:1px solid rgba(255,255,255,.75);
  box-shadow:0 8px 24px rgba(65,78,125,.08);
}
.marquee-track{
  gap:58px;
  animation:scrollLeft 26s linear infinite;
}
.marquee-track span{
  color:#4d5675;
  text-transform:none;
  letter-spacing:.2px;
  font-family:var(--font-body);
  font-size:.98rem;
}
.marquee-track span::after{
  content:'✦';
  color:#7d68d8;
  opacity:.8;
}
@keyframes scrollLeft{
  from{transform:translateX(0);}
  to{transform:translateX(-50%);}
}

/* Clicking the header CTA lands directly on the category controls. */
#filterWrap{scroll-margin-top:105px;}

@media(max-width:900px){
  .nav-products-btn{
    margin-left:auto;
    margin-right:0;
    padding:9px 13px;
    font-size:.76rem;
  }
  .nav-products-btn span{font-size:.9rem;}
  nav{display:none;}
}
@media(max-width:560px){
  .nav-products-btn{padding:8px 11px;font-size:.7rem;gap:5px;}
  
}

/* ================================================================
   CHAIR MART PREMIUM GLASS / PERFORMANCE PASS
   ================================================================ */
:root{
  --premium-blue:#5267d8;
  --premium-blue-dark:#26345f;
  --premium-ink:#101a31;
  --premium-muted:#56627b;
  --premium-glass:rgba(248,251,255,.58);
  --premium-border:rgba(255,255,255,.78);
  --premium-shadow:0 18px 45px rgba(48,66,111,.14), 0 2px 10px rgba(48,66,111,.06);
}

/* Header follows the supplied Chair Mart reference: one soft, floating glass capsule. */
header, header.scrolled{
  top:14px !important;
  left:4% !important;
  right:4% !important;
  width:92% !important;
  min-height:70px;
  padding:12px 22px !important;
  background:linear-gradient(135deg,rgba(249,252,255,.86),rgba(225,235,249,.62)) !important;
  border:1px solid rgba(255,255,255,.86) !important;
  border-radius:26px !important;
  box-shadow:0 18px 46px rgba(38,58,101,.16), inset 0 1px 0 rgba(255,255,255,.95) !important;
  backdrop-filter:blur(18px) saturate(125%) !important;
  -webkit-backdrop-filter:blur(18px) saturate(125%) !important;
  transition:box-shadow .25s ease, transform .25s ease !important;
}
header .logo{display:flex;align-items:center;min-width:0;}
header #logoImg{height:50px !important;width:auto !important;max-width:250px;object-fit:contain;display:block;}
header #logoIcon{display:none !important;}
header #logoName, header #logoTagline{display:none !important;}
header nav a{color:#27324a !important;font-weight:700;}
header nav a:hover{color:var(--premium-blue) !important;}

/* Products CTA: no shine sweep. Use a quiet earthquake-style ground ripple underneath. */
.nav-products-btn{
  overflow:visible !important;
  isolation:isolate;
  background:linear-gradient(135deg,#5f76e8,#4354bf) !important;
  background-size:100% 100% !important;
  box-shadow:0 9px 24px rgba(67,84,191,.25) !important;
  animation:none !important;
  transform-origin:center;
}
.nav-products-btn::after{
  content:"";
  position:absolute;
  left:14%; right:14%; bottom:-10px; top:auto;
  width:auto; height:9px;
  border-radius:50%;
  background:rgba(76,94,190,.24);
  filter:blur(4px);
  opacity:0;
  transform:scaleX(.42) scaleY(.5);
  animation:groundEarthquake 2.8s ease-in-out infinite;
  z-index:-1;
}
.nav-products-btn::before{
  content:"";
  position:absolute;
  left:22%; right:22%; bottom:-6px; height:4px;
  border-radius:50%;
  border:1px solid rgba(80,99,207,.22);
  opacity:0;
  animation:groundEarthquakeRing 2.8s ease-out infinite;
  pointer-events:none;
}
@keyframes groundEarthquake{
  0%,58%,100%{opacity:0;transform:translateX(0) scaleX(.42) scaleY(.5)}
  63%{opacity:.42;transform:translateX(-2px) scaleX(.62) scaleY(.75)}
  66%{transform:translateX(2px) scaleX(.76) scaleY(.9)}
  69%{transform:translateX(-1px) scaleX(.9) scaleY(1)}
  74%{opacity:.18;transform:translateX(1px) scaleX(1.12) scaleY(.85)}
  82%{opacity:0;transform:translateX(0) scaleX(1.35) scaleY(.6)}
}
@keyframes groundEarthquakeRing{
  0%,58%,100%{opacity:0;transform:scaleX(.35)}
  64%{opacity:.55;transform:scaleX(.55)}
  72%{opacity:.28;transform:scaleX(.95)}
  82%{opacity:0;transform:scaleX(1.35)}
}
.nav-products-btn:hover{animation:buttonNudge .28s ease !important;}
@keyframes buttonNudge{0%,100%{transform:translateY(0)}35%{transform:translate(-1px,1px)}65%{transform:translate(1px,-1px)}}

/* Premium blurred edges for cards/boxes without stacking expensive backdrop filters everywhere. */
.hero-grid,.chair-showcase,.floating-label,.floating-card,.filter-btn,.card,.tcard,.step,.contact-strip,.reveal-banner .reveal-text-wrap,.cta-actions .btn-ghost{
  border-color:var(--premium-border) !important;
  box-shadow:var(--premium-shadow), inset 0 1px 0 rgba(255,255,255,.72) !important;
}
.card,.tcard,.step,.filter-btn,.floating-card,.floating-label{backdrop-filter:none !important;-webkit-backdrop-filter:none !important;}
.card{background:linear-gradient(145deg,rgba(255,255,255,.62),rgba(236,242,252,.42)) !important;contain:layout paint style;}
.card-media{box-shadow:inset 0 1px 0 rgba(255,255,255,.7),0 8px 22px rgba(60,79,125,.08) !important;}
.card-btn{min-width:112px !important;padding-inline:13px !important;justify-content:center;}
.card-btn-label{font-size:.78rem;font-weight:800;white-space:nowrap;}

/* Reduce the most expensive continuous effects so wheel/touch scrolling stays fluid. */
.text-motion{background-image:none !important;}
.aurora{filter:blur(24px) !important;will-change:transform;}
.marquee-track{will-change:transform;}
.chair-bounce,.chair-2d-glow,.chair-shadow{will-change:transform,opacity;}
section{content-visibility:auto;contain:layout paint;}
.products{contain:layout paint style;}
.grid{contain:layout paint;}
img{content-visibility:auto;}
html{scroll-padding-top:105px;}

/* Deep luxury footer */
footer{
  position:relative;
  background:linear-gradient(180deg,#10182c 0%,#070c18 100%) !important;
  color:#dce4f7 !important;
  border-top:1px solid rgba(255,255,255,.12) !important;
  box-shadow:0 -18px 45px rgba(7,12,24,.18), inset 0 1px 0 rgba(255,255,255,.06) !important;
}
footer::before{
  content:"";
  position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(circle at 20% 0%,rgba(96,120,220,.12),transparent 34%),radial-gradient(circle at 80% 100%,rgba(129,105,215,.08),transparent 32%);
}
footer span{color:#aebcff !important;}

@media(max-width:900px){
  header,header.scrolled{left:3% !important;right:3% !important;width:94% !important;top:10px !important;padding:11px 16px !important;border-radius:22px !important;}
  header #logoImg{height:43px !important;max-width:215px;}
  .card-btn{min-width:104px !important;}
}
@media(max-width:560px){
  header,header.scrolled{min-height:58px;padding:9px 12px !important;border-radius:19px !important;}
  header #logoImg{height:40px !important;max-width:200px;}
  .nav-products-btn{padding:8px 10px !important;font-size:.68rem !important;}
  .card-btn{min-width:100px !important;padding:10px 10px !important;}
  .card-btn-label{font-size:.72rem;}
}

@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms !important;animation-iteration-count:1 !important;transition-duration:.001ms !important;scroll-behavior:auto !important;}
}


/* ================================================================
   CHAIR MART — FINAL PREMIUM SOFTNESS / MOTION PASS
   ================================================================ */

/* Product order action: icon only, never show the old text label. */
.card-btn{
  width:44px !important;
  min-width:44px !important;
  height:44px !important;
  padding:0 !important;
  border-radius:50% !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
}
.card-btn-label{display:none !important;}
.card-btn svg{width:20px !important;height:20px !important;}

/* Maximum-soft premium edges: keep the geometry rounded, but make the edge visually diffuse. */
.hero-grid,
.chair-showcase,
.floating-label,
.floating-card,
.filter-btn,
.card,
.tcard,
.step,
.contact-strip,
.reveal-banner,
.reveal-text-wrap,
.cta,
.cta-actions .btn-ghost{
  border-color:rgba(255,255,255,.46) !important;
}
.hero-grid,
.chair-showcase,
.floating-label,
.floating-card,
.filter-btn,
.card,
.tcard,
.step,
.contact-strip,
.reveal-text-wrap,
.cta-actions .btn-ghost{
  box-shadow:
    0 26px 70px rgba(40,58,105,.16),
    0 7px 26px rgba(40,58,105,.09),
    inset 0 1px 0 rgba(255,255,255,.72),
    inset 0 0 28px rgba(255,255,255,.10) !important;
}
/* The floating pills (Premium Comfort badge, price tag, Smart Choice card) are much
   smaller than the shadow above was tuned for — a 70px blur on a small rounded pill
   stops following its curve and reads as a plain rectangular haze instead of a soft
   shadow. Give them their own tighter, shape-hugging shadow. */
.floating-label,
.floating-card,
.price-tag{
  box-shadow:
    0 10px 24px rgba(40,58,105,.16),
    0 3px 9px rgba(40,58,105,.08),
    inset 0 1px 0 rgba(255,255,255,.72) !important;
}
.card,.tcard,.step,.filter-btn,.floating-card,.floating-label,.contact-strip{
  border-radius:30px !important;
}

/* The small "Premium Comfort" and "Smart Choice / Comfort meets style" pills float forever. */
.top-label{
  animation:premiumFloat 4.8s ease-in-out infinite !important;
  will-change:transform;
}
.bottom-card{
  animation:premiumFloatReverse 5.6s ease-in-out infinite !important;
  will-change:transform;
}
@keyframes premiumFloat{
  0%,100%{transform:translate3d(0,0,0) rotate(0deg);}
  25%{transform:translate3d(4px,-5px,0) rotate(.35deg);}
  50%{transform:translate3d(0,-9px,0) rotate(0deg);}
  75%{transform:translate3d(-4px,-5px,0) rotate(-.35deg);}
}
@keyframes premiumFloatReverse{
  0%,100%{transform:translate3d(0,0,0);}
  25%{transform:translate3d(-5px,-4px,0);}
  50%{transform:translate3d(0,-8px,0);}
  75%{transform:translate3d(5px,-4px,0);}
}

/* Remove the old badge box below "প্রতিটি চেয়ার সাজিয়ে নিন" and tighten this banner vertically. */
.reveal-banner{
  padding:34px 6% 28px !important;
  min-height:0 !important;
}
.reveal-text-wrap{
  padding:0 !important;
  margin:0 auto !important;
  background:transparent !important;
  border:none !important;
  box-shadow:none !important;
}
.reveal-text-wrap .reveal-badge-box{display:none !important;}
.reveal-text{
  margin:0 !important;
  line-height:1.08 !important;
}

/* Deeper luxury backgrounds for both requested sections. */
.process{
  background:
    radial-gradient(circle at 12% 10%,rgba(94,116,211,.18),transparent 32%),
    radial-gradient(circle at 88% 90%,rgba(91,72,165,.14),transparent 34%),
    linear-gradient(145deg,#182348 0%,#0d1733 48%,#070e22 100%) !important;
}
.cta{
  background:
    radial-gradient(circle at 18% 18%,rgba(113,135,230,.20),transparent 30%),
    radial-gradient(circle at 84% 78%,rgba(113,87,189,.16),transparent 34%),
    linear-gradient(145deg,#17244c 0%,#0c1736 52%,#070e24 100%) !important;
}
.process .step{
  background:rgba(255,255,255,.075) !important;
  border-color:rgba(255,255,255,.16) !important;
  box-shadow:0 24px 60px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.10) !important;
}

/* Keep scrolling/rendering calm while preserving the continuous hero motion. */
html{scroll-behavior:smooth;}
body{overscroll-behavior-x:none;}
.card,.tcard,.step,.hero-grid{contain:layout paint style;}
@media(max-width:560px){
  .reveal-banner{padding:26px 5% 22px !important;}
  .reveal-text{font-size:clamp(1.9rem,8vw,2.5rem) !important;}
  .card-btn{width:42px !important;height:42px !important;min-width:42px !important;}
}


/* ===== USER REQUEST FINAL POLISH ===== */
#logoImg{max-width:220px;height:auto!important;}
#logoName,#logoTagline{display:none!important;}
.card{box-shadow:none!important;}
.card-media{box-shadow:none!important;}
.top-label{animation:premiumFloatFast 2.7s cubic-bezier(.45,.05,.55,.95) infinite!important;}
.bottom-card{animation:premiumFloatFastReverse 3s cubic-bezier(.45,.05,.55,.95) infinite!important;}
@keyframes premiumFloatFast{0%,100%{transform:translate3d(0,0,0)}25%{transform:translate3d(5px,-7px,0)}50%{transform:translate3d(0,-12px,0)}75%{transform:translate3d(-5px,-7px,0)}}
@keyframes premiumFloatFastReverse{0%,100%{transform:translate3d(0,0,0)}25%{transform:translate3d(-6px,-6px,0)}50%{transform:translate3d(0,-11px,0)}75%{transform:translate3d(6px,-6px,0)}}
.smooth-chair{height:300px!important;max-width:430px!important;position:relative;overflow:visible;filter:none!important;}
.smooth-chair .smooth-chair-glow{position:absolute;width:68%;height:48%;border-radius:50%;background:radial-gradient(circle,rgba(111,125,224,.28),transparent 70%);filter:blur(20px);animation:smoothGlow 4.8s ease-in-out infinite;z-index:0;}
.smooth-chair-floor{position:absolute;width:58%;height:18px;left:21%;bottom:26px;border-radius:50%;background:rgba(55,67,120,.18);filter:blur(9px);animation:smoothFloor 4.8s ease-in-out infinite;z-index:1;}
.smooth-chair-image{position:relative;z-index:2;width:78%;height:100%;object-fit:contain;mix-blend-mode:multiply;filter:drop-shadow(0 22px 20px rgba(53,64,92,.20));animation:smoothChairFloat 4.8s cubic-bezier(.45,.05,.55,.95) infinite;transform-origin:50% 85%;}
.smooth-chair .chair-2d-caption{animation:captionFloatFast 2.6s ease-in-out infinite!important;}
@keyframes smoothChairFloat{0%,100%{transform:translate3d(0,4px,0) rotate(-1deg) scale(1)}50%{transform:translate3d(0,-13px,0) rotate(1deg) scale(1.015)}}
@keyframes smoothGlow{0%,100%{transform:scale(.94);opacity:.55}50%{transform:scale(1.08);opacity:.95}}
@keyframes smoothFloor{0%,100%{transform:scaleX(.88);opacity:.28}50%{transform:scaleX(1.05);opacity:.16}}
@keyframes captionFloatFast{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
.process{background:radial-gradient(circle at 12% 12%,rgba(82,177,145,.18),transparent 30%),radial-gradient(circle at 88% 85%,rgba(62,123,105,.20),transparent 34%),linear-gradient(145deg,#123b35 0%,#0b2926 52%,#071b1a 100%)!important;}
#processTitle{color:#fff!important;-webkit-text-fill-color:#fff!important;}
.process .section-head p{color:rgba(255,255,255,.82)!important;}
.cta .btn-primary.js-wa-default{background:#25D366!important;color:#fff!important;border-color:#25D366!important;box-shadow:none!important;}
.cta .btn-primary.js-wa-default:hover{background:#1ebe5d!important;box-shadow:none!important;transform:translateY(-2px);}
.whatsapp-float{background:#25D366!important;border-color:#25D366!important;box-shadow:none!important;}
.whatsapp-float svg{fill:#fff!important;}
#uiCtaCall{display:inline-flex;align-items:center;gap:8px;}
#uiCtaCall .call-icon{flex:0 0 auto;}
.contact-strip{background:transparent!important;border:none!important;box-shadow:none!important;border-radius:0!important;padding:0!important;margin-top:28px!important;display:flex;flex-wrap:wrap;justify-content:center;gap:22px!important;font-size:1.05rem!important;font-weight:600!important;}
.contact-strip>div{font-size:1.05rem!important;line-height:1.6;}
.contact-strip a{font-size:1.05rem!important;font-weight:700;}
.reveal-banner{display:none!important;}
#uiProductsEyebrow,#uiProcessEyebrow{display:none!important;}
@media(max-width:560px){#logoImg{max-width:170px;}.smooth-chair{height:250px!important;}.smooth-chair-image{width:82%;}.contact-strip{font-size:.96rem!important;gap:10px 18px!important;}.contact-strip>div,.contact-strip a{font-size:.96rem!important;}}


/* ===== SMART COMFORT 2D ILLUSTRATION ===== */
.smooth-chair-image{display:none!important;}
.smooth-chair{height:300px!important;max-width:430px!important;}
.smooth-chair .smart-chair-illustration{width:100%;height:100%;overflow:visible;position:relative;z-index:2;animation:smooth2DChairFloat 4.6s cubic-bezier(.45,.05,.55,.95) infinite;transform-origin:50% 82%;}
.smooth-chair .chair-bounce{animation:smooth2DChairFloat 4.6s cubic-bezier(.45,.05,.55,.95) infinite;}
.smooth-chair .chair-2d-caption{animation:captionFloatFast 2.6s ease-in-out infinite!important;}
@keyframes smooth2DChairFloat{0%,100%{transform:translate3d(0,5px,0) rotate(-.7deg) scale(1)}50%{transform:translate3d(0,-11px,0) rotate(.7deg) scale(1.018)}}
.smooth-chair .chair-wheel{transform-box:fill-box;transform-origin:center;animation:wheelPulse 2.2s ease-in-out infinite;}
@media(max-width:560px){.smooth-chair{height:250px!important;}.smooth-chair .smart-chair-illustration{width:100%;}}

/* ================================================================
   CHAIR MART — SCROLL PERFORMANCE OPTIMIZATION
   Keep the premium look, but remove expensive paint work while scrolling.
   ================================================================ */
html{
  scroll-behavior:auto !important;
  -webkit-text-size-adjust:100%;
}
body{
  overscroll-behavior-x:none;
  -webkit-overflow-scrolling:touch;
}

/* Backdrop blur is one of the biggest scrolling paint costs on many browsers. */
header, header.scrolled,
.hero-grid{
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}
header, header.scrolled{
  background:rgba(244,248,253,.94) !important;
}
.hero-grid{
  background:rgba(248,251,255,.88) !important;
}

/* Remove live blur/filter effects that force large repaints. */
.aurora,
.chair-glow,
.smooth-chair-glow,
.smooth-chair-floor,
.chair-shadow{
  filter:none !important;
}
.aurora{opacity:.22 !important;}
.smooth-chair-glow{opacity:.42 !important;}
.smooth-chair-floor{opacity:.22 !important;}
.chair-bounce{filter:none !important;}

/* Keep only GPU-friendly transforms for the decorative motion. */
.smooth-chair .smart-chair-illustration,
.smooth-chair .chair-bounce,
.top-label,
.bottom-card,
.chair-2d-caption,
.chair-wheel,
.spark-a,
.spark-b{
  will-change:transform;
}

/* Shadows are static rather than animated; avoid unnecessary paint invalidation. */
footer{box-shadow:0 -12px 28px rgba(7,12,24,.12) !important;}

/* During active wheel/touch scrolling, pause decorative animation so the browser
   can devote the frame budget to moving the page. The main 2D chair remains alive. */
body.is-scrolling .marquee-track,
body.is-scrolling .top-label,
body.is-scrolling .bottom-card,
body.is-scrolling .chair-2d-caption,
body.is-scrolling .chair-wheel,
body.is-scrolling .spark-a,
body.is-scrolling .spark-b,
body.is-scrolling .nav-products-btn::before,
body.is-scrolling .nav-products-btn::after{
  animation-play-state:paused !important;
}

/* Images should not trigger layout work when they enter/leave the viewport. */
img{max-width:100%;}

@media(max-width:900px){
  header,header.scrolled{box-shadow:0 10px 26px rgba(38,58,101,.12) !important;}
}

@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto !important;}
}


/* ===== Fast, scroll-synced motion: headings + product cards ===== */
.text-motion .motion-word{
  opacity:0;
  filter:blur(7px);
  transform:translate3d(0,8px,0) scale(.985);
  will-change:opacity,filter,transform;
}
.text-motion.is-heading-visible .motion-word{
  animation:headingVideoReveal .52s cubic-bezier(.22,.7,.28,1) both;
}
@keyframes headingVideoReveal{
  0%{opacity:0;filter:blur(7px);transform:translate3d(0,8px,0) scale(.985)}
  55%{opacity:.78;filter:blur(1.8px);transform:translate3d(0,2px,0) scale(.998)}
  100%{opacity:1;filter:blur(0);transform:translate3d(0,0,0) scale(1)}
}

.product-reveal{
  opacity:0;
  transform:translate3d(-42px,16px,0) rotate(-3deg) scale(.975);
  transform-origin:50% 90%;
  will-change:transform,opacity;
}
.product-reveal:nth-child(even){
  transform:translate3d(42px,16px,0) rotate(3deg) scale(.975);
}
.product-reveal-active{
  animation:productCardSideIn .70s cubic-bezier(.22,.78,.20,1) both;
}
.product-reveal:nth-child(even).product-reveal-active{
  animation-name:productCardSideInRight;
}
@keyframes productCardSideIn{
  0%{opacity:0;transform:translate3d(-38px,14px,0) rotate(-2.6deg) scale(.98)}
  58%{opacity:.96;transform:translate3d(4px,-1.5px,0) rotate(.28deg) scale(1.002)}
  82%{opacity:1;transform:translate3d(-1px,.4px,0) rotate(-.06deg) scale(1)}
  100%{opacity:1;transform:translate3d(0,0,0) rotate(0) scale(1)}
}
@keyframes productCardSideInRight{
  0%{opacity:0;transform:translate3d(38px,14px,0) rotate(2.6deg) scale(.98)}
  58%{opacity:.96;transform:translate3d(-4px,-1.5px,0) rotate(-.28deg) scale(1.002)}
  82%{opacity:1;transform:translate3d(1px,.4px,0) rotate(.06deg) scale(1)}
  100%{opacity:1;transform:translate3d(0,0,0) rotate(0) scale(1)}
}
@media (prefers-reduced-motion:reduce){
  .product-reveal{opacity:1!important;transform:none!important;animation:none!important}
}


/* ===== Final heading timing fix ===== */
.text-motion .motion-word{
  opacity:0;
  filter:blur(7px);
  transform:translate3d(0,9px,0) scale(.987);
  will-change:opacity,filter,transform;
}
.text-motion.is-heading-visible .motion-word{
  animation:headingVideoRevealFinal .70s cubic-bezier(.22,.78,.20,1) both;
  animation-delay:var(--motion-delay,0s);
}
@keyframes headingVideoRevealFinal{
  0%{opacity:0;filter:blur(6px);transform:translate3d(0,7px,0) scale(.99)}
  38%{opacity:.40;filter:blur(3.2px);transform:translate3d(0,3.5px,0) scale(.995)}
  72%{opacity:.88;filter:blur(.75px);transform:translate3d(0,1px,0) scale(1)}
  100%{opacity:1;filter:blur(0);transform:translate3d(0,0,0) scale(1)}
}

/* ===== PERFORMANCE / SMOOTH SCROLL PATCH ===== */
/* Never animate expensive blur/filter effects. Opacity + transform stay compositor-friendly. */
.text-motion .motion-word{
  opacity:0;
  filter:none !important;
  transform:translate3d(0,8px,0) scale(.992);
  will-change:opacity,transform;
  backface-visibility:hidden;
  -webkit-font-smoothing:antialiased;
}
.text-motion.is-heading-visible .motion-word{
  animation:headingSmoothFinal .70s cubic-bezier(.16,1,.3,1) both;
  animation-delay:var(--motion-delay,0s);
}
@keyframes headingSmoothFinal{
  0%{opacity:0;transform:translate3d(0,8px,0) scale(.992)}
  100%{opacity:1;transform:translate3d(0,0,0) scale(1)}
}

/* Product cards: transform/opacity only, no costly filters. */
.product-reveal{
  will-change:transform,opacity;
  backface-visibility:hidden;
  -webkit-font-smoothing:antialiased;
}
.product-reveal-active,
.product-reveal:nth-child(even).product-reveal-active{
  animation-duration:.70s !important;
  animation-timing-function:cubic-bezier(.16,1,.3,1) !important;
}

/* Reduce backdrop-filter cost while preserving the glass appearance. */
header,header.scrolled{backdrop-filter:blur(10px) !important;-webkit-backdrop-filter:blur(10px) !important;}
.hero-grid{backdrop-filter:blur(12px) !important;-webkit-backdrop-filter:blur(12px) !important;}
.card,.floating-label,.floating-card{backdrop-filter:blur(8px) !important;-webkit-backdrop-filter:blur(8px) !important;}

/* Keep large decorative layers from repainting during scroll. */
.aurora,.chair-glow{will-change:auto !important;transform:translateZ(0);}
.card,.hero-grid,.chair-showcase,.tcard{contain:paint;}

/* Avoid unnecessary scroll-time style changes. */
body.is-scrolling .marquee-track,
body.is-scrolling .top-label,
body.is-scrolling .bottom-card,
body.is-scrolling .chair-2d-caption,
body.is-scrolling .chair-wheel,
body.is-scrolling .spark-a,
body.is-scrolling .spark-b,
body.is-scrolling .nav-products-btn::before,
body.is-scrolling .nav-products-btn::after{animation-play-state:running !important;}

@media (prefers-reduced-motion:reduce){
  .text-motion .motion-word,.product-reveal{opacity:1!important;transform:none!important;animation:none!important;}
}

/* ===== FINAL USER REQUEST: Call button + heading timing ===== */
#uiCtaCall{
  background:#25D366 !important;
  color:#fff !important;
  border-color:#25D366 !important;
  box-shadow:0 8px 22px rgba(37,211,102,.20) !important;
}
#uiCtaCall:hover{
  background:#1ebe5d !important;
  border-color:#1ebe5d !important;
  color:#fff !important;
  transform:translateY(-2px);
}
#uiCtaCall .call-icon{color:#fff !important;fill:#fff !important;}

/* Requested heading animation duration */
.text-motion.is-heading-visible .motion-word{
  animation-duration:.82s !important;
  animation-timing-function:cubic-bezier(.16,1,.3,1) !important;
}

/* ===== REFERENCE THEME — SOFT BLUE / LAVENDER LIQUID GLASS ===== */
:root{
  --ink:#202432;
  --muted:#697287;
  --accent:#4b56bd;
  --accent2:#7d68d8;
  --glass:rgba(255,255,255,.48);
  --gb:rgba(255,255,255,.78);
  --cream-050:#edf2fb;
  --cream-100:#f7f9ff;
  --walnut-950:#202432;
  --walnut-900:#2a3040;
  --walnut-800:#424b61;
  --walnut-700:#727b8e;
  --brass-500:#4b56bd;
  --brass-300:#7d68d8;
  --shadow:18px 22px 48px rgba(74,91,138,.16),-10px -10px 30px rgba(255,255,255,.78);
  --header-bg:rgba(244,248,253,.78);
}

body{
  color:var(--ink);
  background:
    radial-gradient(circle at 12% 8%,rgba(255,255,255,.96),transparent 25%),
    radial-gradient(circle at 88% 10%,rgba(186,169,250,.38),transparent 27%),
    radial-gradient(circle at 50% 92%,rgba(150,198,243,.26),transparent 30%),
    linear-gradient(135deg,#dce7f8 0%,#f2f4fb 48%,#dce8f8 100%);
}

header,header.scrolled{
  background:rgba(245,248,253,.72)!important;
  border-color:rgba(255,255,255,.82)!important;
  box-shadow:0 12px 32px rgba(75,91,130,.13)!important;
}
nav a{color:#4c5568!important}
nav a::after{background:var(--accent)!important}

.hero{background:transparent!important}
.hero::before{display:none!important}
.orb-a{background:radial-gradient(circle,rgba(167,189,241,.78) 0%,rgba(167,189,241,.38) 38%,rgba(167,189,241,0) 74%)!important;filter:blur(48px)!important;opacity:.72!important}
.orb-b{background:radial-gradient(circle,rgba(185,165,239,.78) 0%,rgba(185,165,239,.38) 38%,rgba(185,165,239,0) 74%)!important;filter:blur(52px)!important;opacity:.72!important}
.orb-c{background:radial-gradient(circle,rgba(147,196,238,.75) 0%,rgba(147,196,238,.34) 40%,rgba(147,196,238,0) 74%)!important;filter:blur(46px)!important;opacity:.72!important}
.hero-grid{
  background:rgba(255,255,255,.42)!important;
  border-color:rgba(255,255,255,.82)!important;
  box-shadow:var(--shadow)!important;
}
.hero p{color:var(--muted)!important}
.hero h1 em{color:var(--accent)!important}
.eyebrow{color:var(--accent)!important}
.eyebrow::before{background:var(--accent)!important}

.btn-primary,.nav-cta,.card-btn,.video-badge-btn{
  background:linear-gradient(135deg,#6575df,#414bab)!important;
  color:#fff!important;
  border:1px solid rgba(255,255,255,.72)!important;
  box-shadow:8px 10px 24px rgba(61,71,170,.24),-4px -4px 14px rgba(255,255,255,.72)!important;
}
.btn-primary:hover,.nav-cta:hover,.card-btn:hover,.video-badge-btn:hover{
  background:linear-gradient(135deg,#7180e8,#4854b9)!important;
}
.btn-ghost{
  color:#454c5d!important;
  background:rgba(255,255,255,.34)!important;
  border-color:rgba(255,255,255,.82)!important;
  box-shadow:8px 10px 24px rgba(96,110,145,.11),-5px -5px 15px rgba(255,255,255,.72)!important;
}
.btn-ghost:hover{border-color:rgba(75,86,189,.55)!important;background:rgba(255,255,255,.5)!important}

.chair-showcase{
  background:linear-gradient(145deg,rgba(255,255,255,.64),rgba(216,226,246,.40))!important;
  border-color:rgba(255,255,255,.88)!important;
  box-shadow:18px 22px 45px rgba(79,98,145,.18)!important;
}
.floating-label,.floating-card,.price-tag{
  background:rgba(255,255,255,.60)!important;
  border-color:rgba(255,255,255,.88)!important;
}
.price-tag,.top-label{color:var(--accent)!important}
.mini-icon{background:linear-gradient(135deg,#e6dcff,#b9c9fa)!important}

.marquee-strip{
  background:rgba(255,255,255,.40)!important;
  border-color:rgba(255,255,255,.72)!important;
}
.marquee-track span{color:#535d72!important}
.reveal-banner,.products,.testimonials{background:transparent!important}
.section-head p,.card p.desc,.tcard p{color:var(--muted)!important}

.filter-btn{
  background:rgba(255,255,255,.42)!important;
  color:#5d6578!important;
  border-color:rgba(255,255,255,.82)!important;
  box-shadow:7px 9px 18px rgba(80,95,130,.09),-5px -5px 15px rgba(255,255,255,.66)!important;
}
.filter-btn.active{background:linear-gradient(135deg,#6574df,#414bab)!important;color:#fff!important}
.card,.tcard{
  background:rgba(255,255,255,.43)!important;
  border-color:rgba(255,255,255,.84)!important;
  box-shadow:10px 14px 32px rgba(75,91,130,.11),-8px -8px 22px rgba(255,255,255,.64)!important;
}
.card-media{background:linear-gradient(145deg,rgba(255,255,255,.68),rgba(213,224,247,.62))!important}
.card-tag{background:linear-gradient(135deg,#e7ddff,#c5d3fa)!important;color:var(--accent)!important}
.card h3,.tname{color:var(--ink)!important}
.price,.stars{color:var(--accent)!important}
.avatar{background:linear-gradient(135deg,#6b7be0,#4853b4)!important;color:#fff!important}

/* Keep the whole page in the light reference style; no dark blocks. */
.process{
  background:
    radial-gradient(circle at 15% 15%,rgba(177,168,255,.30),transparent 28%),
    radial-gradient(circle at 85% 85%,rgba(144,196,239,.28),transparent 30%),
    linear-gradient(135deg,#dfe8f8,#eef1fb 50%,#dde8f8)!important;
  color:var(--ink)!important;
}
.process .section-head p,.step p{color:var(--muted)!important}
.step{
  background:rgba(255,255,255,.40)!important;
  border-color:rgba(255,255,255,.78)!important;
  box-shadow:8px 12px 28px rgba(75,91,130,.10),-6px -6px 18px rgba(255,255,255,.58)!important;
}
.step-num{background:rgba(255,255,255,.48)!important;border-color:rgba(75,86,189,.22)!important;color:var(--accent)!important}
.step h3{color:var(--ink)!important}

.cta{
  background:
    radial-gradient(circle at 15% 15%,rgba(190,179,255,.35),transparent 28%),
    radial-gradient(circle at 85% 85%,rgba(145,198,241,.30),transparent 32%),
    linear-gradient(135deg,#dce7f8,#ecebfb 52%,#dbe7f8)!important;
  color:var(--ink)!important;
}
.cta h2{color:var(--ink)!important;-webkit-text-fill-color:var(--ink)!important}
.cta p,.contact-strip{color:var(--muted)!important}
.cta .btn-ghost{color:#454c5d!important}
footer{background:rgba(232,237,248,.86)!important;color:#626c80!important;border-top-color:rgba(255,255,255,.72)!important}
.whatsapp-float{background:linear-gradient(135deg,#6575df,#414bab)!important;border-color:rgba(255,255,255,.78)!important;box-shadow:8px 10px 24px rgba(61,71,170,.24)!important}

/* Product/detail surfaces follow the same glass palette. */
.pv-video-box{background:#e6ebf5!important}
.pv-model,.pv-info p,.pv-notfound p{color:var(--muted)!important}

@media(max-width:900px){
  header,header.scrolled{background:rgba(245,248,253,.82)!important}
}

/* Final requested refinements */
.card, .card:hover, .card.reveal.in { box-shadow:none !important; }


/* ===== USER REQUEST: stronger glass + softer rounded header + darker CTA buttons + no footer shadow ===== */

/* More pronounced liquid-glass treatment */
header,
header.scrolled{
  background:rgba(255,255,255,.48)!important;
  border:1px solid rgba(255,255,255,.72)!important;
  border-radius:30px!important;
  backdrop-filter:blur(24px) saturate(145%)!important;
  -webkit-backdrop-filter:blur(24px) saturate(145%)!important;
  box-shadow:
    0 18px 45px rgba(62,78,120,.12),
    inset 0 1px 0 rgba(255,255,255,.92),
    inset 0 -1px 0 rgba(255,255,255,.28)!important;
}

.hero-grid{
  background:rgba(255,255,255,.34)!important;
  border:1px solid rgba(255,255,255,.70)!important;
  backdrop-filter:blur(24px) saturate(135%)!important;
  -webkit-backdrop-filter:blur(24px) saturate(135%)!important;
  box-shadow:
    0 24px 60px rgba(62,78,120,.14),
    inset 0 1px 0 rgba(255,255,255,.88),
    inset 0 0 30px rgba(255,255,255,.10)!important;
}

.card,
.tcard,
.step,
.floating-card,
.floating-label,
.filter-btn,
.contact-strip{
  backdrop-filter:blur(18px) saturate(135%)!important;
  -webkit-backdrop-filter:blur(18px) saturate(135%)!important;
}

/* CTA: slightly deeper/darker buttons, while keeping the same premium palette */
.cta-actions .js-wa-default{
  background:linear-gradient(135deg,#5968d2,#3948a8)!important;
  color:#fff!important;
  border-color:rgba(255,255,255,.62)!important;
  box-shadow:0 8px 20px rgba(52,65,156,.24)!important;
}
.cta-actions .js-wa-default:hover{
  background:linear-gradient(135deg,#4f5fc8,#33429d)!important;
}

.cta-actions #uiCtaCall{
  background:linear-gradient(135deg,#22b85a,#159447)!important;
  color:#fff!important;
  border-color:rgba(255,255,255,.55)!important;
  box-shadow:0 8px 20px rgba(24,143,70,.22)!important;
}
.cta-actions #uiCtaCall:hover{
  background:linear-gradient(135deg,#1eaa53,#128a41)!important;
}

/* Remove footer box/drop shadow completely */
footer#footerText,
footer{
  box-shadow:none!important;
  filter:none!important;
}

/* Keep the floating WhatsApp control separate from the CTA button styling */
.whatsapp-float{
  box-shadow:8px 10px 24px rgba(61,71,170,.18)!important;
}

/* ===== GLASSY CTA BUTTONS ===== */
.cta-actions .js-wa-default,
.cta-actions #uiCtaCall{
  position:relative;
  overflow:hidden;
  background:linear-gradient(135deg,rgba(255,255,255,.34),rgba(255,255,255,.12)) !important;
  color:#fff !important;
  border:1px solid rgba(255,255,255,.72) !important;
  backdrop-filter:blur(18px) saturate(150%) !important;
  -webkit-backdrop-filter:blur(18px) saturate(150%) !important;
  box-shadow:0 10px 28px rgba(45,55,110,.18), inset 0 1px 0 rgba(255,255,255,.85), inset 0 0 18px rgba(255,255,255,.10) !important;
  text-shadow:0 1px 4px rgba(20,25,55,.22);
}
.cta-actions .js-wa-default::before,
.cta-actions #uiCtaCall::before{
  content:"";
  position:absolute;
  inset:1px 28% 45% 1px;
  border-radius:inherit;
  background:linear-gradient(115deg,rgba(255,255,255,.42),rgba(255,255,255,0));
  pointer-events:none;
}
.cta-actions .js-wa-default:hover,
.cta-actions #uiCtaCall:hover{
  transform:translateY(-2px);
  background:linear-gradient(135deg,rgba(255,255,255,.44),rgba(255,255,255,.16)) !important;
  border-color:rgba(255,255,255,.88) !important;
  box-shadow:0 14px 32px rgba(45,55,110,.22), inset 0 1px 0 rgba(255,255,255,.95), inset 0 0 22px rgba(255,255,255,.14) !important;
}
.cta-actions .js-wa-default svg,
.cta-actions #uiCtaCall .call-icon{filter:drop-shadow(0 1px 2px rgba(20,25,55,.2));}


/* ===== FINAL USER REQUEST: darker matching glass CTA buttons + premium contact typography ===== */
.cta-actions .js-wa-default,
.cta-actions #uiCtaCall{
  background:linear-gradient(135deg,rgba(77,91,188,.82),rgba(43,56,137,.76)) !important;
  color:#fff !important;
  border:1px solid rgba(255,255,255,.68) !important;
  backdrop-filter:blur(20px) saturate(155%) !important;
  -webkit-backdrop-filter:blur(20px) saturate(155%) !important;
  box-shadow:
    0 12px 28px rgba(42,54,125,.24),
    inset 0 1px 0 rgba(255,255,255,.72),
    inset 0 -1px 0 rgba(20,28,80,.18),
    inset 0 0 20px rgba(255,255,255,.08) !important;
  text-shadow:0 1px 3px rgba(16,22,55,.28);
}
.cta-actions .js-wa-default:hover,
.cta-actions #uiCtaCall:hover{
  background:linear-gradient(135deg,rgba(86,101,203,.90),rgba(48,62,151,.84)) !important;
  border-color:rgba(255,255,255,.86) !important;
  box-shadow:
    0 15px 34px rgba(42,54,125,.30),
    inset 0 1px 0 rgba(255,255,255,.88),
    inset 0 0 24px rgba(255,255,255,.12) !important;
  transform:translateY(-2px);
}
.cta-actions .js-wa-default::before,
.cta-actions #uiCtaCall::before{
  background:linear-gradient(115deg,rgba(255,255,255,.38),rgba(255,255,255,0)) !important;
}

.contact-strip,
.contact-strip > div,
.contact-strip a{
  font-family:'Noto Sans Bengali','Hind Siliguri',sans-serif !important;
  font-weight:600 !important;
  letter-spacing:.01em;
}
.contact-strip{
  color:#4c556a !important;
  font-size:1.02rem !important;
  line-height:1.75 !important;
}
.contact-strip a{
  color:#3948a8 !important;
  font-weight:700 !important;
  text-decoration:none !important;
}
.contact-strip a:hover{color:#29377f !important;}
@media(max-width:560px){
  .contact-strip,
  .contact-strip > div,
  .contact-strip a{font-size:.94rem !important;}
}


/* Premium glass contact actions + compact contact info */
.cta-actions .js-wa-default,
.cta-actions #uiCtaCall{
  position:relative!important;
  overflow:hidden!important;
  color:#fff!important;
  border:1px solid rgba(255,255,255,.48)!important;
  background:linear-gradient(135deg,rgba(61,74,170,.86),rgba(35,48,118,.78))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.38), inset 0 -10px 25px rgba(14,22,70,.16), 0 10px 28px rgba(31,43,108,.24)!important;
  backdrop-filter:blur(18px) saturate(145%)!important;
  -webkit-backdrop-filter:blur(18px) saturate(145%)!important;
}
.cta-actions #uiCtaCall{
  background:linear-gradient(135deg,rgba(61,74,170,.86),rgba(35,48,118,.78))!important;
}
.cta-actions .js-wa-default::after,
.cta-actions #uiCtaCall::after{
  content:""; position:absolute; inset:-40% auto -40% -20%; width:45%;
  background:linear-gradient(100deg,transparent,rgba(255,255,255,.30),transparent);
  transform:skewX(-18deg); animation:glassSweep 4.5s ease-in-out infinite; pointer-events:none;
}
.cta-actions .js-wa-default:hover,
.cta-actions #uiCtaCall:hover{
  transform:translateY(-3px);
  background:linear-gradient(135deg,rgba(74,88,187,.92),rgba(40,53,130,.86))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.45),0 14px 32px rgba(31,43,108,.30)!important;
}
@keyframes glassSweep{0%,55%{left:-35%;opacity:0}65%{opacity:1}100%{left:125%;opacity:0}}

.contact-strip{
  display:flex!important; align-items:center!important; justify-content:center!important;
  flex-wrap:wrap!important; gap:0!important; margin-top:24px!important;
  font-family:'Noto Sans Bengali','Hind Siliguri',sans-serif!important;
  font-size:1rem!important; font-weight:600!important; line-height:1.45!important;
  color:#e8ebff!important;
}
.contact-strip > div{
  display:inline-flex!important; align-items:center!important; gap:9px!important;
  margin:0!important; padding:0 18px!important;
  min-height:28px; white-space:nowrap;
}
.contact-strip > div + div{border-left:1px solid rgba(255,255,255,.22);}
.contact-icon{display:inline-flex; width:22px; height:22px; align-items:center; justify-content:center; flex:0 0 22px; filter:drop-shadow(0 2px 5px rgba(0,0,0,.18));}
.contact-icon svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;}
.location-icon{color:#dce3ff; animation:locationFloat 2.8s ease-in-out infinite;}
.clock-icon{color:#e9edff; animation:clockPulse 2.4s ease-in-out infinite;}
.clock-icon svg path{transform-origin:12px 12px; animation:clockHand 3.2s linear infinite;}
@keyframes locationFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}
@keyframes clockPulse{0%,100%{transform:scale(1);opacity:.9}50%{transform:scale(1.08);opacity:1}}
@keyframes clockHand{to{transform:rotate(360deg)}}
@media(max-width:560px){
 .contact-strip{font-size:.92rem!important;}
 .contact-strip > div{padding:0 10px!important;gap:7px!important;}
 .contact-icon{width:20px;height:20px;flex-basis:20px;}
 .contact-icon svg{width:19px;height:19px;}
}

/* ===== FINAL CONTACT INFO POLISH ===== */
.contact-strip{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex-wrap:wrap!important;
  gap:18px!important;
  margin-top:20px!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  color:#fff!important;
  font-family:'Noto Sans Bengali','Hind Siliguri',sans-serif!important;
  font-size:1rem!important;
  font-weight:600!important;
  line-height:1.4!important;
}
.contact-strip > div{
  display:inline-flex!important;
  align-items:center!important;
  gap:8px!important;
  margin:0!important;
  padding:0!important;
  min-height:24px!important;
  white-space:nowrap!important;
  color:#4b56bd!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  text-shadow:0 1px 8px rgba(75,86,189,.10);
}
.contact-strip > div + div{border-left:0!important;}
.contact-strip .contact-icon{
  width:21px!important;
  height:21px!important;
  flex:0 0 21px!important;
  color:#252b63!important;
  filter:drop-shadow(0 3px 8px rgba(25,31,82,.28));
  position:relative;
  transition:transform .35s cubic-bezier(.2,.8,.2,1),filter .35s ease,color .35s ease;
}
.contact-strip .contact-icon svg{
  width:21px!important;
  height:21px!important;
  stroke:currentColor!important;
}
.contact-strip .location-icon{animation:premiumLocation 2.6s ease-in-out infinite!important;}
.contact-strip .clock-icon{animation:premiumClock 2.2s ease-in-out infinite!important;}
.contact-strip .clock-icon svg path{transform-origin:12px 12px;animation:premiumClockHand 3s linear infinite!important;}
@keyframes premiumLocation{0%,100%{transform:translateY(0) scale(1) rotate(0deg);opacity:.88}35%{transform:translateY(-2px) scale(1.06) rotate(-3deg);opacity:1}70%{transform:translateY(0) scale(1.03) rotate(2deg);opacity:.96}}
@keyframes premiumClock{0%,100%{transform:scale(1) rotate(0deg);opacity:.88}45%{transform:scale(1.08) rotate(-4deg);opacity:1}70%{transform:scale(1.03) rotate(3deg);opacity:.96}}
@keyframes premiumClockHand{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}
.contact-strip > div:hover .contact-icon{color:#171b4d!important;filter:drop-shadow(0 4px 10px rgba(23,27,77,.38));transform:translateY(-1px) scale(1.08)}
@media(max-width:560px){
  .contact-strip{gap:12px!important;font-size:.9rem!important;}
  .contact-strip > div{gap:6px!important;}
  .contact-strip .contact-icon{width:19px!important;height:19px!important;flex-basis:19px!important;}
  .contact-strip .contact-icon svg{width:19px!important;height:19px!important;}
}

/* ===== PREMIUM GLASS POLISH: angled badge above Chair card ===== */
.top-label{
  position:absolute !important;
  z-index:12 !important;
  padding:12px 18px !important;
  min-width:142px;
  border-radius:18px !important;
  background:
    linear-gradient(135deg,rgba(255,255,255,.78),rgba(238,242,255,.48) 52%,rgba(207,216,247,.34)) !important;
  border:1px solid rgba(255,255,255,.92) !important;
  box-shadow:
    0 18px 38px rgba(48,63,112,.18),
    0 5px 12px rgba(48,63,112,.10),
    inset 0 1px 0 rgba(255,255,255,.96),
    inset 0 -1px 0 rgba(126,143,194,.10) !important;
  backdrop-filter:blur(24px) saturate(155%) !important;
  -webkit-backdrop-filter:blur(24px) saturate(155%) !important;
  transform:rotate(-3deg) translateZ(0) !important;
  overflow:hidden;
  isolation:isolate;
}
.top-label::before{
  content:'';
  position:absolute;
  inset:-45% 35% -45% -35%;
  background:linear-gradient(105deg,transparent 25%,rgba(255,255,255,.72) 48%,transparent 68%);
  transform:rotate(8deg);
  animation:premiumGlassSweep 4.8s ease-in-out infinite;
  pointer-events:none;
  z-index:-1;
}
.top-label::after{
  content:'';
  position:absolute;
  inset:1px;
  border-radius:17px;
  background:linear-gradient(135deg,rgba(255,255,255,.28),transparent 45%,rgba(120,137,197,.08));
  pointer-events:none;
}
@keyframes premiumGlassSweep{
  0%,55%{transform:translateX(-80%) rotate(8deg);opacity:0;}
  65%{opacity:.85;}
  82%,100%{transform:translateX(180%) rotate(8deg);opacity:0;}
}
.top-label{animation:premiumBadgeFloat 5.2s ease-in-out infinite !important;}
@keyframes premiumBadgeFloat{
  0%,100%{transform:rotate(-3deg) translate3d(0,0,0);}
  50%{transform:rotate(-2deg) translate3d(3px,-6px,0);}
}
@media(max-width:560px){
  .top-label{min-width:118px;padding:9px 13px !important;border-radius:15px !important;}
}