/* Homepage mobile hero: shared photo backdrop; original header and carousel controller retained. */
@media(max-width:700px){
 .home-page .hero[data-hs-carousel][data-slide]{
  display:block;position:relative;isolation:isolate;
  height:auto;min-height:560px;max-height:none;overflow:hidden;background:#041f2d;
 }
 .home-page .hero[data-hs-carousel][data-slide] > .hero-media{
  position:absolute;inset:0;display:block;width:100%;height:100%;
  min-height:0;margin:0;transform:none;flex:none;z-index:0;
 }
 .home-page .hero[data-hs-carousel][data-slide] > .hero-media[hidden]{display:none!important}
 .home-page .hero[data-hs-carousel][data-slide] > .hero-media .hero-image{
  display:block;width:100%;height:100%;max-width:none;object-fit:cover;
 }
 .home-page .hero[data-hs-carousel][data-slide] > .hero-media.hs-second-media .hero-image{object-position:78% center}
 .home-page .hero[data-hs-carousel][data-slide] .hero-shade{
  display:block;position:absolute;inset:0;z-index:1;pointer-events:none;
  background:linear-gradient(180deg,rgba(2,22,34,.86) 0%,rgba(2,22,34,.65) 26%,rgba(2,22,34,.2) 48%,rgba(2,22,34,.08) 74%,rgba(2,22,34,.72) 100%);
 }
 .home-page .hero[data-hs-carousel][data-slide] .hero-inner{
  display:flex;flex-direction:column;position:relative;inset:auto;
  width:calc(100% - 40px);max-width:none;height:auto;min-height:560px;
  margin:0 auto;padding:28px 0 120px;box-sizing:border-box;z-index:2;
 }
 .home-page .hero[data-hs-carousel][data-slide] .hero-copy{
  display:flex;flex:1;flex-direction:column;align-items:stretch;
  width:100%;max-width:none;min-height:412px;
 }
 .home-page .hero[data-hs-carousel][data-slide] .eyebrow{margin:0;font-size:9px;line-height:1.6;letter-spacing:.15em}
 .home-page .hero[data-hs-carousel][data-slide] h1{margin:16px 0 18px;font-size:clamp(32px,8.6vw,48px);line-height:1.16;letter-spacing:-.035em}
 .home-page .hero[data-hs-carousel][data-slide] .hero-description{margin:0;font-size:12px;line-height:1.85;text-shadow:0 1px 3px rgba(0,0,0,.35)}
 .home-page .hero[data-hs-carousel][data-slide] .hero-actions{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;
  width:100%;max-width:420px;margin:24px 0 0;margin-top:auto;padding-top:24px;
 }
 .home-page .hero[data-hs-carousel][data-slide] .hero-actions .button{
  min-width:0;min-height:48px;width:100%;max-width:none;
  padding:12px;font-size:13px;box-sizing:border-box;
 }
 .home-page .hero[data-hs-carousel][data-slide] .hero-tags{display:flex;flex-wrap:wrap;gap:0;margin:16px 0 0;font-size:10px;line-height:1.6}
 .home-page .hero[data-hs-carousel][data-slide] .hero-tags span{padding-inline:10px}
 .home-page .hero[data-hs-carousel][data-slide] .hero-tags span:first-child{padding-left:0}
 .home-page .hero[data-hs-carousel][data-slide] .hs-carousel-controls{
  position:absolute;inset:auto;left:50%;right:auto;bottom:16px;transform:translateX(-50%);
  display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:3px;
  width:calc(100% - 16px);max-width:420px;margin:0;padding:0;background:transparent;
  box-sizing:border-box;z-index:4;
 }
 .home-page .hero[data-hs-carousel][data-slide] .hs-carousel-caption{display:none}
 .home-page .hero[data-hs-carousel][data-slide] .hs-carousel-button{min-width:44px;min-height:44px;width:100%;padding:8px 4px;box-sizing:border-box}
 .home-page .hero[data-hs-carousel][data-slide] .hs-carousel-pause{min-width:44px;margin-left:0}
 .home-page .hero[data-hs-carousel][data-slide] .hs-carousel-pause-label{display:none}
 .home-page .hero[data-hs-carousel][data-slide] .hs-carousel-feedback{
  position:absolute;inset:auto;left:20px;bottom:70px;width:calc(100% - 40px);
  max-width:none;margin:0;padding:8px 12px;box-sizing:border-box;z-index:5;
 }
}
@media(max-width:319px){
 .home-page .hero[data-hs-carousel][data-slide] .hs-carousel-controls{grid-template-columns:repeat(3,minmax(0,1fr))}
 .home-page .hero[data-hs-carousel][data-slide] .hero-inner{padding-bottom:168px}
 .home-page .hero[data-hs-carousel][data-slide] .hs-carousel-feedback{bottom:118px}
}


/* Approved panoramic first slide: keep products and pot in the mobile frame. */
@media(max-width:700px){
 .home-page .hero[data-hs-carousel][data-slide="1"] > .hero-media.hs-second-media{
  inset:auto 0 0;height:clamp(340px,95vw,400px);
 }
 .home-page .hero[data-hs-carousel][data-slide="1"] > .hero-media.hs-second-media .hero-image{object-position:92% center}
 .home-page .hero[data-hs-carousel][data-slide="1"] .hero-copy{min-height:0}
 .home-page .hero[data-hs-carousel][data-slide="1"] .hero-actions{margin-top:24px;padding-top:0}
}