/* Remaining visual fixes requested after the approved typography and general polish pass.
   These rules affect presentation only. */

/* 1. A slim, text-only assurance ribbon in champagne rather than another burgundy block. */
.final-trust-strip{
  position:relative!important;
  overflow:hidden!important;
  color:#641417!important;
  background:linear-gradient(180deg,#f7eccd 0%,#eedcae 100%)!important;
  border-top:1px solid rgba(176,126,25,.5)!important;
  border-bottom:1px solid rgba(176,126,25,.5)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.7)!important;
}
.final-trust-strip::before,
.final-trust-strip::after,
.final-trust-strip .trust-icon{display:none!important}
.final-trust-strip .trust-marquee{
  width:100%!important;
  padding:0!important;
  overflow:hidden!important;
  mask-image:none!important;
  -webkit-mask-image:none!important;
}
.final-trust-strip .trust-track{
  display:block!important;
  width:100%!important;
  animation:none!important;
  transform:none!important;
}
.final-trust-strip .trust-group{
  display:grid!important;
  width:100%!important;
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
  gap:0!important;
}
.final-trust-strip .trust-group[aria-hidden="true"]{display:none!important}
.final-trust-strip .trust-group article{
  display:flex!important;
  min-width:0!important;
  min-height:46px!important;
  width:auto!important;
  padding:7px 12px!important;
  align-items:center!important;
  justify-content:center!important;
  background:transparent!important;
  border:0!important;
  border-right:1px solid rgba(100,20,23,.16)!important;
  box-shadow:none!important;
  text-align:center!important;
}
.final-trust-strip .trust-group article:last-child{border-right:0!important}
.final-trust-strip .trust-group article::after{display:none!important}
.final-trust-strip .final-trust-grid strong{
  color:#641417!important;
  font-family:var(--brand-body,var(--sans))!important;
  font-size:.76rem!important;
  font-weight:800!important;
  letter-spacing:.015em!important;
  line-height:1.05!important;
}
.final-trust-strip .final-trust-grid small{display:none!important}

/* 2. A controlled layered three-pouch composition. Images overlap, labels never do. */
.final-hero-stage{
  position:relative!important;
  display:grid!important;
  min-height:560px!important;
  padding:26px 18px 108px!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  grid-template-rows:1fr!important;
  gap:0!important;
  align-items:end!important;
  isolation:isolate!important;
  overflow:visible!important;
}
.final-hero-stage::before{
  inset:10px 0 62px!important;
  border:1px solid rgba(204,151,43,.68)!important;
  border-radius:34px!important;
  background:
    radial-gradient(circle at 50% 22%,rgba(255,255,255,.98),rgba(250,239,213,.96) 48%,rgba(224,184,132,.86) 100%)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.8),0 24px 58px rgba(86,15,18,.22)!important;
  transform:none!important;
}
.final-hero-stage .hero-product{
  position:relative!important;
  z-index:2!important;
  display:block!important;
  height:430px!important;
  width:100%!important;
  padding:0!important;
  align-self:end!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  transform:none!important;
  transition:none!important;
}
.final-hero-stage .hero-product::before{display:none!important}
.final-hero-stage .hero-product:hover{filter:none!important;transform:none!important}
.final-hero-stage .hero-product img,
.final-hero-stage .hero-product-shankarpali img,
.final-hero-stage .hero-product-payatham img{
  position:absolute!important;
  z-index:2!important;
  left:50%!important;
  bottom:70px!important;
  width:auto!important;
  height:365px!important;
  max-width:none!important;
  padding:0!important;
  object-fit:contain!important;
  object-position:center bottom!important;
  background:transparent!important;
  filter:drop-shadow(0 17px 14px rgba(75,13,16,.17)) drop-shadow(0 35px 32px rgba(75,13,16,.2))!important;
  transform-origin:50% 100%!important;
}
.final-hero-stage .hero-product-murukku img{
  transform:translateX(-38%) rotate(-6deg)!important;
}
.final-hero-stage .hero-product-shankarpali{z-index:4!important}
.final-hero-stage .hero-product-shankarpali img{
  height:430px!important;
  transform:translateX(-50%) translateY(-10px)!important;
}
.final-hero-stage .hero-product-payatham img{
  transform:translateX(-62%) rotate(6deg)!important;
}
.final-hero-stage .hero-product span{
  position:absolute!important;
  z-index:7!important;
  right:4%!important;
  bottom:0!important;
  left:4%!important;
  display:flex!important;
  width:auto!important;
  min-width:0!important;
  min-height:58px!important;
  margin:0!important;
  padding:11px 12px!important;
  align-items:center!important;
  justify-content:center!important;
  color:#fff8eb!important;
  background:#82171b!important;
  border:1px solid rgba(218,174,60,.95)!important;
  border-radius:999px!important;
  box-shadow:0 9px 22px rgba(91,14,16,.22)!important;
  font-family:var(--brand-body,var(--sans))!important;
  font-size:.9rem!important;
  font-weight:850!important;
  line-height:1.08!important;
  text-align:center!important;
}
.final-hero-stage .hero-seal{
  position:absolute!important;
  z-index:8!important;
  left:50%!important;
  right:auto!important;
  bottom:8px!important;
  width:84px!important;
  height:84px!important;
  margin:0!important;
  transform:translate(-50%,52%) rotate(-4deg)!important;
}

/* 3. Better-balanced closing order callout with larger, aligned actions. */
.final-cta{padding:48px 0!important}
.final-cta .container{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 280px!important;
  gap:56px!important;
  align-items:center!important;
}
.final-cta .container>div:first-child{max-width:820px}
.final-cta h2{font-size:clamp(2.65rem,4.6vw,4.7rem)!important;line-height:1.02!important}
.final-cta .button-row{
  display:grid!important;
  width:100%!important;
  gap:14px!important;
  margin:0!important;
}
.final-cta .button-row .button{
  width:100%!important;
  min-height:60px!important;
  padding:16px 22px!important;
  justify-content:center!important;
  text-align:center!important;
}

/* 4. Shorter story image chapter using the already supplied founder-and-mum preparation image. */
.story-dark-section.section{padding:44px 0!important}
.story-dark-section .story-grid{
  grid-template-columns:minmax(0,.82fr) minmax(480px,1.18fr)!important;
  gap:44px!important;
  align-items:center!important;
}
.story-dark-section .story-copy{max-width:560px!important}
.story-dark-section .site-photo{margin:0!important}
.story-dark-section .site-photo img{
  display:block!important;
  width:100%!important;
  height:auto!important;
  max-height:340px!important;
  aspect-ratio:4/3!important;
  object-fit:cover!important;
  object-position:center 38%!important;
  border-radius:26px!important;
}

/* 5. Gallery frames match the selected artwork, avoiding large blank bands. */
.product-gallery-main{
  display:grid!important;
  min-height:0!important;
  width:100%!important;
  max-height:none!important;
  padding:0!important;
  place-items:center!important;
  overflow:hidden!important;
  background:#fffaf0!important;
}
.product-gallery-main.media-food{aspect-ratio:1/1!important}
.product-gallery-main.media-pouch,
.product-gallery-main.media-label{
  width:min(100%,560px)!important;
  margin-inline:auto!important;
  aspect-ratio:1122/1402!important;
}
.product-gallery-main img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  max-height:none!important;
  padding:0!important;
}
.product-gallery-main.media-food img{object-fit:cover!important}
.product-gallery-main.media-pouch img{
  padding:16px!important;
  object-fit:contain!important;
  background:linear-gradient(145deg,#fffdf7,#f6e4c2)!important;
}
.product-gallery-main.media-label img{object-fit:contain!important;background:#fff!important}
.product-gallery-tile img{padding:3px!important}

/* The food-information label itself fills its frame and floats gently. */
.food-label-visual,
.label-frame{
  width:min(100%,520px)!important;
  margin-inline:auto!important;
  padding:0!important;
  aspect-ratio:1122/1402!important;
  overflow:hidden!important;
  background:#fff!important;
  border:1px solid rgba(204,151,43,.7)!important;
  border-radius:24px!important;
  box-shadow:0 18px 42px rgba(90,14,16,.1)!important;
}
.food-label-visual img,
.label-frame img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-height:none!important;
  padding:0!important;
  object-fit:contain!important;
  background:#fff!important;
  animation:remaining-label-float 5s ease-in-out infinite!important;
  transform-origin:center!important;
}
@keyframes remaining-label-float{
  0%,100%{transform:translateY(0) scale(.992)}
  50%{transform:translateY(-6px) scale(.992)}
}

/* 6. FAQ visual is pouch-only; accessible product names remain in image alt text. */
.faq-product-visual{
  display:grid!important;
  min-height:360px!important;
  padding:30px 18px 58px!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:8px!important;
  align-items:end!important;
}
.faq-product-visual .faq-pack-item{
  display:grid!important;
  min-width:0!important;
  align-items:end!important;
}
.faq-product-visual .faq-pack-item img{
  display:block!important;
  width:100%!important;
  height:275px!important;
  padding:0!important;
  object-fit:contain!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  filter:drop-shadow(0 16px 15px rgba(69,12,14,.18))!important;
}
.faq-product-visual .faq-pack-item strong{display:none!important}
.faq-product-visual>.faq-core-caption{bottom:14px!important}

@media(max-width:1080px){
  .final-trust-strip .trust-marquee{overflow-x:auto!important;scrollbar-width:none!important}
  .final-trust-strip .trust-marquee::-webkit-scrollbar{display:none!important}
  .final-trust-strip .trust-track{width:max-content!important}
  .final-trust-strip .trust-group{display:flex!important;width:max-content!important}
  .final-trust-strip .trust-group article{width:156px!important;flex:0 0 156px!important}

  .final-hero-stage{min-height:520px!important;padding-inline:14px!important}
  .final-hero-stage .hero-product{height:400px!important}
  .final-hero-stage .hero-product img,
  .final-hero-stage .hero-product-payatham img{height:325px!important}
  .final-hero-stage .hero-product-shankarpali img{height:380px!important}
  .final-hero-stage .hero-product span{font-size:.8rem!important}

  .story-dark-section .story-grid{grid-template-columns:1fr 1fr!important;gap:34px!important}
}

@media(max-width:820px){
  .final-hero-stage{
    min-height:440px!important;
    padding:20px 8px 92px!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
  .final-hero-stage::before{inset:8px 0 52px!important;border-radius:26px!important}
  .final-hero-stage .hero-product{height:340px!important}
  .final-hero-stage .hero-product img,
  .final-hero-stage .hero-product-payatham img{height:255px!important}
  .final-hero-stage .hero-product-shankarpali img{height:300px!important}
  .final-hero-stage .hero-product-murukku img{transform:translateX(-41%) rotate(-5deg)!important}
  .final-hero-stage .hero-product-payatham img{transform:translateX(-59%) rotate(5deg)!important}
  .final-hero-stage .hero-product span{
    right:2%!important;
    left:2%!important;
    min-height:50px!important;
    padding:8px 5px!important;
    font-size:.66rem!important;
  }
  .final-hero-stage .hero-seal{width:70px!important;height:70px!important}

  .final-cta .container{grid-template-columns:1fr!important;gap:28px!important}
  .final-cta .button-row{width:min(100%,420px)!important}

  .story-dark-section .story-grid{grid-template-columns:1fr!important}
  .story-dark-section .site-photo img{max-height:320px!important}

  .faq-product-visual{min-height:300px!important;padding:24px 10px 52px!important}
  .faq-product-visual .faq-pack-item img{height:220px!important}
}

@media(max-width:520px){
  .final-trust-strip .trust-group article{width:138px!important;flex-basis:138px!important;min-height:42px!important;padding:6px 9px!important}
  .final-trust-strip .final-trust-grid strong{font-size:.68rem!important}

  .final-hero-stage{min-height:370px!important;padding:16px 4px 82px!important}
  .final-hero-stage::before{inset:6px 0 46px!important;border-radius:22px!important}
  .final-hero-stage .hero-product{height:286px!important}
  .final-hero-stage .hero-product img,
  .final-hero-stage .hero-product-payatham img{height:202px!important}
  .final-hero-stage .hero-product-shankarpali img{height:238px!important}
  .final-hero-stage .hero-product img{bottom:58px!important}
  .final-hero-stage .hero-product span{min-height:46px!important;font-size:.54rem!important;line-height:1.05!important}
  .final-hero-stage .hero-seal{width:60px!important;height:60px!important;bottom:4px!important}
  .final-hero-stage .hero-seal strong{font-size:1.2rem!important}
  .final-hero-stage .hero-seal span{font-size:.4rem!important}

  .final-cta{padding:40px 0!important}
  .final-cta h2{font-size:clamp(2.25rem,12vw,3.25rem)!important}
  .final-cta .button-row{width:100%!important}

  .story-dark-section.section{padding:38px 0!important}
  .story-dark-section .site-photo img{max-height:270px!important}

  .faq-product-visual{min-height:250px!important;padding:20px 4px 48px!important;gap:2px!important}
  .faq-product-visual .faq-pack-item img{height:175px!important}
  .faq-product-visual>.faq-core-caption{padding:8px 12px!important;font-size:.62rem!important}
}

@media(prefers-reduced-motion:reduce){
  .food-label-visual img,
  .label-frame img{animation:none!important}
}