@media (max-width:1400px){
/* Local desktop study: one photograph and thumbnails on smaller desktops. */
@media (min-width:768px) and (max-width:1439.98px){
  body .product .gallery figure:not(.hero){display:none!important}
  body .product .gallery .hero img,
  body .product .gallery .hero video,
  body .product .gallery .hero .shots,
  body .product .gallery .hero .shot{height:auto!important;aspect-ratio:4/5!important}
  body .product .gallery .thumbs{display:flex!important;gap:8px;margin:12px 5% 0;overflow-x:auto}
  body .product .gallery .thumbs button{flex:0 0 calc(25% - 6px);min-width:0;aspect-ratio:1;padding:0;border:2px solid transparent;overflow:hidden;background:none;animation:none}
  body .product .gallery .thumbs button.on{border-color:transparent}
  body .product .gallery .thumbs img{display:block;width:100%;height:100%;object-fit:cover}
  body .product .info{position:static!important;margin-top:var(--head);height:auto!important;max-height:none!important;overflow:visible!important}
}
@media (min-width:768px) and (max-width:1439.98px){
  body .head{top:0;align-items:center}
  body .head .logotype{height:34px;top:0}
  body .product .gallery{--compact-width:min(90cqi, calc((100svh - var(--head) - 40px) * .666667));padding-top:0!important}
  body .product .gallery figure.hero{width:var(--compact-width);margin:calc(var(--head) + 12px) auto 0!important}
  body .product .gallery .thumbs{width:var(--compact-width);margin:12px auto 0}
}
/* One shared outer gutter for the navigation and product content. */
@media (min-width:768px){
  body{--product-gutter:clamp(24px,2.5vw,48px)}
  body .head{padding-left:var(--product-gutter)!important;padding-right:var(--product-gutter)!important}
  body .product{margin-left:var(--product-gutter);margin-right:var(--product-gutter)}
  body .product .gallery{padding-left:0;padding-right:0}
  body .product .gallery figure{margin-left:0!important;margin-right:0!important}
  body .product .info{margin-left:0;margin-right:0;padding-left:0;padding-right:0}
}
@media (min-width:768px) and (max-width:1439.98px){
  body .product{grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:48px;display:grid;align-items:start}
  body .product .gallery{container-type:inline-size;--compact-width:100%;--compact-height:calc(100svh - var(--head) - 24px - var(--product-gutter) - (100cqi - 24px) / 4)}
  body .product .gallery figure.hero{width:100%}
  body .product .gallery .hero img,
  body .product .gallery .hero video,
  body .product .gallery .hero .shots,
  body .product .gallery .hero .shot{height:var(--compact-height)!important;aspect-ratio:auto!important}
  body .product .gallery .hero img,body .product .gallery .hero video{object-fit:cover}
}
@media (min-width:1440px){
  body .product .info{margin-left:-64px;margin-right:-40px;padding-left:64px;padding-right:40px}
}

body .product .gallery .thumbs button.on{border-color:transparent;box-shadow:none}

@media (min-width:768px) and (max-width:1023.98px){
  body .product .info{text-align:left;padding-top:24px;padding-bottom:48px}
  body .product .gallery{container-type:inline-size}
}
@media (min-width:768px){
  body .product .info,
  body .product .info h1,
  body .product .info .eyebrow,
  body .product .info .desc-block,
  body .product .info .price .amt,
  body .product .info .price .ship-free{text-align:left}
  body .product .info .price{display:flex;align-items:baseline;gap:12px}
  body .product .info .price .ship-free{margin-left:4px}
  body .product .info .desc{max-width:100%;margin-left:0;margin-right:0}
}
/* The stacked gallery must also fit when browser scaling puts it below 768px. */
@media (max-width:767.98px){
  body .product .gallery{container-type:inline-size;--stack-gutter:16px;--stack-thumb:min(96px,calc((100cqi - 24px) / 4));padding-top:calc(var(--head) - 6px)}
  body .product .gallery .hero img,
  body .product .gallery .hero video,
  body .product .gallery .hero .shots,
  body .product .gallery .hero .shot{height:calc(100svh - var(--head) + 6px - 12px - var(--stack-thumb) - var(--stack-gutter))!important;aspect-ratio:auto!important}
  body .product .gallery .hero img,body .product .gallery .hero video{object-fit:cover}
  body .product .gallery .thumbs{display:flex;gap:8px;height:var(--stack-thumb);margin:12px 0 0}
  body .product .gallery .thumbs button{flex:1;min-width:0;height:100%;aspect-ratio:auto;border:0;padding:0;animation:none}
  body .product .gallery .thumbs img{width:100%;height:100%;object-fit:cover}
}
@media (max-width:767.98px){
  body .product .gallery{--stack-gutter:var(--nav-inset);padding-left:var(--nav-inset)!important;padding-right:var(--nav-inset)!important}
}


@media (min-width:1440px){
  body{--product-gutter:calc(clamp(24px,2.5vw,48px) + 12px)}
}

}