:root{--green:#0f3b35;--deep:#0f1c16;--ivory:#fffaf0;--gold:#c9a14a;--ink:#232323}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ivory);color:var(--ink);font-family:Martel,serif}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}.container{width:min(1180px,calc(100% - 40px));margin:auto}.site-header{position:fixed;inset:0 0 auto;z-index:50;background:rgba(15,28,22,.8);border-bottom:1px solid #ffffff20;color:var(--ivory)}.header-row{height:104px;display:flex;align-items:center;justify-content:space-between}.logo{width:280px;height:72px;object-fit:contain}.main-nav{display:flex;gap:38px;font:500 15px Poppins,sans-serif}.main-nav a:hover{color:var(--gold)}.menu-button{display:none;background:none;border:0;color:white;font-size:30px}.hero{height:100svh;min-height:620px;position:relative;overflow:hidden;background:var(--deep);color:white}.hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:var(--desktop);opacity:0;transition:opacity 1s}.hero-image.active{opacity:1}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#000c 0%,#0005 52%,transparent)}.hero-content{height:100%;display:none;align-items:center;position:absolute;inset:0;margin:auto}.hero-content.active{display:flex}.hero-content>div{max-width:650px;position:relative;z-index:2}.eyebrow{font:600 13px Poppins,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--gold)}h1,h2,h3,p{margin-top:0}.hero h1{font-size:clamp(45px,6vw,86px);line-height:1.2;margin:16px 0}.hero-content>div>p:not(.eyebrow){font-size:18px;line-height:1.8;max-width:600px}.gold-button,.outline-button{display:inline-flex;align-items:center;min-height:48px;border-radius:10px;padding:0 26px;font:600 14px Poppins,sans-serif;margin-top:24px}.gold-button{background:var(--gold);color:var(--green)}.outline-button{border:1px solid var(--green);color:var(--green)}.scroll-cue{position:absolute;bottom:28px;left:50%;transition:.35s}.scroll-cue.hidden{opacity:0;transform:translateY(8px)}.scroll-cue span{display:block;width:22px;height:34px;border:2px solid var(--gold);border-radius:13px}.scroll-cue span:after{content:'';display:block;width:3px;height:7px;background:var(--gold);margin:6px auto;border-radius:2px;animation:scroll 1.4s infinite}@keyframes scroll{to{transform:translateY(10px);opacity:0}}.hero-dots{position:absolute;right:36px;bottom:35px;display:flex;gap:8px}.hero-dots button{width:18px;height:6px;border:0;border-radius:4px;background:#ffffff66}.hero-dots button.active{width:40px;background:var(--gold)}.section{padding:90px 0}.section-head{text-align:center;margin-bottom:46px}.section-head h1,.section-head h2,.usp h2{font-size:clamp(34px,4vw,54px);color:var(--green);margin:8px 0}.featured-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.product-card{border:1px solid #c9a14a66;border-radius:16px;overflow:hidden;background:#fff}.product-card>img{width:100%;aspect-ratio:4/3;object-fit:cover}.product-card>div{padding:22px}.product-card h3{color:var(--green);font-size:22px}.product-card p{color:#52605d;line-height:1.7}.center{text-align:center;margin-top:45px}.heritage-home{display:block;background:url('../heritage-velvet-bg.png') center/cover;color:var(--ivory)}.heritage-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:58px;align-items:center;padding-top:88px;padding-bottom:88px}.heritage-image{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:18px}.heritage-copy h2{font-size:clamp(40px,4vw,62px);color:var(--gold);margin:8px 0 18px}.heritage-copy>p:not(.eyebrow){font-size:18px;line-height:1.9;color:#ead9b5}.facts{display:grid;grid-template-columns:repeat(2,1fr);margin-top:28px}.facts>div{padding:18px;text-align:center;border:1px solid #c9a14a44}.facts img{height:44px;margin:0 auto 10px}.usp{text-align:center}.usp-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:24px;margin-top:50px}.usp-grid img{width:58px;height:58px;margin:auto}.usp-grid p{color:var(--green);font-weight:600;line-height:1.7;margin-top:16px}.page-banner{height:560px;position:relative;color:#fff;display:flex;align-items:flex-end}.page-banner>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.page-banner:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#000c,#0003)}.page-banner .container{position:relative;z-index:1;padding-bottom:60px}.page-banner h1{font-size:clamp(50px,6vw,86px);margin:10px 0}.page-banner .container>p:last-child{font-size:18px;max-width:600px;line-height:1.8}.category-nav{position:sticky;top:104px;z-index:30;background:#fffaf0f2;border-bottom:1px solid #c9a14a55}.category-nav .container{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;padding:12px 0}.category-nav a{border:1px solid var(--gold);border-radius:9px;padding:10px;text-align:center;font:600 13px/1.4 Poppins,sans-serif}.category-nav a:hover{background:var(--green);color:white}.collection{padding:90px 0;scroll-margin-top:165px}.collection.dark{background:url('../heritage-velvet-bg.png') center/cover;color:white}.gallery-main{display:grid;grid-template-columns:.72fr 1.28fr;gap:34px;align-items:start}.gallery-copy{padding-top:12px}.gallery-copy h2{font-size:42px;color:var(--green)}.dark .gallery-copy h2{color:var(--gold)}.gallery-copy p{font-size:18px;line-height:1.8;color:#52605d}.dark .gallery-copy p{color:#ead9b5}.gallery-large{width:100%;aspect-ratio:1.25;object-fit:cover;border-radius:18px}.gallery-thumbs{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin:24px 0 0 calc(36% + 22px)}.gallery-thumbs button{border:1px solid var(--gold);padding:0;border-radius:14px;overflow:hidden;background:none;cursor:pointer}.gallery-thumbs img{width:100%;aspect-ratio:1;object-fit:cover}.heritage-page{padding-top:104px}.heritage-intro,.heritage-end{text-align:center;background:var(--deep);color:white;padding:70px 20px}.heritage-intro h1{font-size:70px;margin:12px}.heritage-intro>p:last-child{color:#ead9b5}.story-section{padding:90px 0}.story-section.green{background:url('../heritage-velvet-bg.png') center/cover;color:white}.story-section.light{background:#f3ead8}.story{display:grid;grid-template-columns:.7fr 1.3fr;gap:60px}.story.reverse{grid-template-columns:1.3fr .7fr}.story.reverse .story-title{order:2}.story-title span{font:600 56px Poppins;color:#c9a14aaa}.story-title h2{font-size:42px}.story-box{border:1px solid #c9a14a77;border-radius:18px;padding:42px;background:#0f1c16bb}.light .story-box{background:#fffdf7}.story-box p{font-size:17px;line-height:2;color:#ead9b5}.light .story-box p{color:#52605d}.heritage-end{font-size:40px;line-height:1.55}.contact-page{padding:160px 0 100px}.contact-card{display:grid;grid-template-columns:1.25fr .75fr;border:1px solid #c9a14a66;border-radius:18px;overflow:hidden;box-shadow:0 24px 70px #0f3b3520}.contact-card iframe{width:100%;height:520px;border:0}.contact-card>div{background:var(--green);color:#ead9b5;padding:50px 38px;display:flex;flex-direction:column;justify-content:center;gap:25px}.contact-card>div>a:not(.gold-button),.contact-card>div>p{display:flex;gap:16px;align-items:flex-start;margin:0}.contact-card img,.contact-list img{width:28px;height:28px}.site-footer{background:var(--footer-bg) center/cover;color:#ead9b5}.footer-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:35px;align-items:center;padding-top:65px;padding-bottom:65px}.footer-copy{display:grid;gap:35px}.footer-copy h2{font-size:36px;color:var(--gold);margin-bottom:8px}.contact-list{display:grid;gap:14px;margin-top:25px}.contact-list>a,.contact-list>div{display:flex;gap:15px;line-height:1.8}.footer-visual img{width:100%;height:auto;max-height:620px;object-fit:contain}.socials{display:flex;gap:12px;margin-top:20px}.socials img{width:36px;height:36px}.copyright{text-align:center;padding:20px;background:#031d19f5;border-top:1px solid #c9a14a44;color:var(--gold);font:500 12px Poppins}.phone-link{pointer-events:none}.showroom-copy .gold-button{margin-top:5px}
@media(max-width:900px){.header-row{height:84px}.logo{width:245px;height:62px}.menu-button{display:block}.main-nav{display:none;position:absolute;top:84px;left:-20px;right:-20px;background:#0f1c16f5;padding:12px 20px;flex-direction:column;gap:0}.main-nav.open{display:flex}.main-nav a{padding:15px;border-bottom:1px solid #ffffff1f}.hero{min-height:650px}.hero-image{object-position:var(--mobile)}.hero-content{align-items:flex-end;padding-bottom:120px}.hero-content>div{max-width:78%}.hero h1{font-size:38px}.hero-content>div>p:not(.eyebrow){font-size:15px;line-height:1.65}.featured-grid{grid-template-columns:1fr}.heritage-grid{grid-template-columns:1fr;text-align:center;padding:70px 0}.facts{max-width:520px;margin:28px auto 0}.usp-grid{grid-template-columns:repeat(2,1fr)}.usp-grid>div:last-child{grid-column:1/-1}.category-nav{top:84px}.category-nav .container{grid-template-columns:repeat(3,1fr)}.gallery-main,.story,.story.reverse,.contact-card{grid-template-columns:1fr}.story.reverse .story-title{order:0}.gallery-thumbs{margin-left:0}.footer-grid{grid-template-columns:1fr;text-align:center;padding:55px 0 0}.contact-list>a,.contact-list>div{justify-content:center}.footer-visual{width:100%;overflow:visible}.footer-visual img{width:100%;height:auto;max-height:none;object-fit:contain}.socials{justify-content:center}.phone-link{pointer-events:auto}.heritage-page{padding-top:84px}}
@media(max-width:600px){.container{width:min(100% - 28px,1180px)}.site-header{background:rgba(15,28,22,.8)}.logo{width:250px;max-width:75vw}.hero-content>div{max-width:88%;transform:translateY(38px)}.hero h1{font-size:34px}.hero .gold-button{min-height:43px;padding:0 19px}.hero-dots{right:18px}.section{padding:65px 0}.featured-grid{gap:18px}.category-nav .container{grid-template-columns:repeat(2,1fr);gap:7px}.category-nav a{font-size:11px;padding:8px 6px}.page-banner{height:480px}.collection{padding:65px 0}.gallery-main{display:flex;flex-direction:column}.gallery-copy{order:0}.gallery-large{order:1}.gallery-copy h2{font-size:34px}.gallery-thumbs{grid-template-columns:repeat(2,1fr)}.heritage-intro h1{font-size:48px}.story-section{padding:65px 0}.story{gap:25px}.story-title{text-align:center}.story-title h2{font-size:34px}.story-box{padding:25px}.contact-page{padding:125px 0 65px}.contact-card iframe{height:360px}.contact-card>div{padding:35px 24px}.footer-grid{width:100%;gap:20px}.footer-copy{padding:0 20px}.footer-copy h2{font-size:30px}.footer-visual img{display:block;width:100%;height:auto}.scroll-cue{bottom:20px}}
/* Approved footer visual sizing: showroom image fills the desktop footer height. */
.footer-grid{align-items:stretch}
.footer-visual{align-self:stretch;overflow:hidden}
.footer-visual img{width:auto;max-width:none;height:100%;min-height:100%;object-fit:contain;object-position:right center}
@media(max-width:900px){.footer-visual{align-self:auto;overflow:visible}.footer-visual img{width:100%;max-width:100%;height:auto;min-height:0}}
@media(min-width:901px){.footer-visual img{width:100%;max-width:100%;height:100%;object-fit:cover;object-position:right center}}

/* =========================================================
   BADA KOTHI — FINAL MOBILE + CARD FIX
   ========================================================= */

/* Keep header solid over light pages */
.site-header{
  background:var(--deep) !important;
}

/* Product cards: exact approved ivory */
.product-card,
.product-card > div{
  background:#fffaf0 !important;
}

.product-card h3{
  color:var(--green) !important;
}

.product-card p{
  color:#52605d !important;
}

/* Footer mobile crop:
   crop the transparent upper area of the showroom PNG
   and anchor the useful artwork to the bottom. */
@media(max-width:900px){
  .footer-grid{
    grid-template-columns:1fr !important;
    gap:0 !important;
    padding:55px 0 0 !important;
  }

  .footer-copy{
    margin:0 !important;
    padding:0 20px !important;
  }

  .footer-visual{
    position:relative !important;
    width:100% !important;
    height:330px !important;
    margin:0 !important;
    padding:0 !important;
    overflow:hidden !important;
    align-self:auto !important;
  }

  .footer-visual img{
    position:absolute !important;
    left:0 !important;
    bottom:0 !important;
    width:100% !important;
    max-width:none !important;
    height:auto !important;
    min-height:0 !important;
    margin:0 !important;
    object-fit:initial !important;
    object-position:initial !important;
  }
}

@media(max-width:600px){
  .site-header{
    background:var(--deep) !important;
  }

  .footer-grid{
    gap:0 !important;
  }

  .footer-visual{
    height:285px !important;
  }
}