/* Product copy and controls take real rows on compact screens. Absolute
   percentage offsets cannot accommodate wrapped text or an opened package. */
@media(max-width:1000px){
 .product-journey.is-single-product{height:auto!important}
 .product-journey.is-single-product .product-stage{position:relative;height:auto;min-height:100svh;max-width:100%;padding:0}
 .product-journey.is-single-product .product-stage-inner{
  position:relative;inset:auto;min-height:100svh;display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  grid-template-areas:"hero hero" "scene scene" "left right" "fact fact" "controls action" "views views";
  align-content:start;align-items:center;gap:18px 16px;
  padding:112px clamp(20px,4vw,40px) 76px;
 }
 .product-journey.is-single-product .product-stage[data-single-product=true] .hero-copy{grid-area:hero;position:relative;inset:auto;width:100%;max-width:none;padding:0;align-self:auto;text-align:center}
 .product-journey.is-single-product .product-stage[data-single-product=true] .hero-copy h1{font-size:clamp(30px,5.8vw,48px);line-height:1.5;white-space:normal;margin:12px 0 8px;overflow-wrap:anywhere}
 .product-journey.is-single-product .product-stage[data-single-product=true] .product-category{display:inline-flex;flex-wrap:wrap;justify-content:center;max-width:100%;font-size:11px;line-height:1.8;padding:6px 10px;gap:6px}
 .product-journey.is-single-product .product-stage[data-single-product=true] .product-english{font-size:11px;text-align:center;letter-spacing:.1em;line-height:1.8}
 .product-journey.is-single-product .product-stage[data-single-product=true] .product-slogan{font-size:12px;line-height:1.8;white-space:normal;overflow-wrap:anywhere}
 .product-journey.is-single-product .product-stage[data-single-product=true] .hero-copy #product-description{font-size:14px;line-height:1.9;max-width:46ch;margin:16px auto 0}
 .product-journey.is-single-product .product-stage[data-single-product=true] .product-scroll-guide{font-size:12px;line-height:1.8;max-width:48ch;margin:10px auto 0;padding:0}
 .product-journey.is-single-product .product-stage[data-single-product=true] .scene-canvas{grid-area:scene;position:relative;inset:auto!important;width:100%;min-width:0;min-height:0;height:clamp(240px,40vw,360px);margin:0;max-width:100%}
 .product-journey.is-single-product .product-stage[data-single-product=true] .story-note{position:relative;inset:auto!important;width:100%!important;max-width:none;text-align:start;align-self:start;margin:0}
 .product-journey.is-single-product .product-stage[data-single-product=true] .note-left{grid-area:left}
 .product-journey.is-single-product .product-stage[data-single-product=true] .note-right{grid-area:right}
 .product-journey.is-single-product .product-stage[data-single-product=true] .story-note strong{font-size:clamp(18px,3vw,25px);line-height:1.65;overflow-wrap:anywhere}
 .product-journey.is-single-product .product-stage[data-single-product=true] .story-note p{font-size:13px;line-height:1.9;margin-top:6px}
 .product-journey.is-single-product .product-stage[data-single-product=true] .note-overline{font-size:11px;line-height:1.8;margin-bottom:6px}
 .product-journey.is-single-product .product-stage[data-single-product=true] .note-bottom{grid-area:fact;justify-self:center;justify-content:center;align-items:center;gap:14px;width:auto!important;max-width:100%;text-align:start;transform:none;translate:none}
 .product-stage[data-phase=preview] .story-note{opacity:1!important;transform:none!important}
 .product-stage:not(.is-ready) .scene-controls{visibility:hidden}
 .product-journey.is-single-product .product-stage[data-single-product=true] .note-bottom b{font-size:30px;line-height:1.5}
 .product-journey.is-single-product .product-stage[data-single-product=true] .note-bottom span{font-size:12px;line-height:1.8}
 .product-journey.is-single-product .product-stage[data-single-product=true] .scene-controls{grid-area:controls;position:relative;inset:auto;transform:none;justify-self:start;gap:8px}
 .product-journey.is-single-product .product-stage[data-single-product=true] .scene-controls button{width:44px;min-width:44px;height:44px}
 .product-journey.is-single-product .product-stage[data-single-product=true] .story-action{grid-area:action;position:relative;inset:auto;transform:none;justify-self:end;width:100%;white-space:normal}
 .product-journey.is-single-product .product-stage[data-single-product=true] .story-action button{min-height:44px;width:100%;padding:8px 10px;justify-content:center;gap:6px;font-size:12px;line-height:1.8;white-space:normal}
 .product-journey.is-single-product .product-stage[data-single-product=true] .story-view-controls{grid-area:views;position:relative;inset:auto;transform:none;width:100%;max-width:100%;flex-wrap:wrap;gap:10px;justify-content:center}
 .product-journey.is-single-product .product-stage[data-single-product=true] .story-view-controls button{min-height:44px;padding:10px 16px;font-size:13px;white-space:normal;line-height:1.8}
 .product-journey.is-single-product .product-stage[data-single-product=true] :is(.story-connectors,.story-index){display:none}
 .product-journey.is-single-product .product-stage[data-single-product=true] .story-word{top:45%;font-size:20vw;max-width:100%;overflow:hidden}
 .product-detail-page :is(.purchase-network-head,.retailer-grid,.related-grid,.detail-band-copy,.detail-band-visual){min-width:0;max-width:100%}
 .product-detail-page .retailer-grid,.product-detail-page .related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .product-detail-page :is(.retailer-card,.related-card){min-width:0}
 .product-detail-page .detail-band-copy h2{overflow-wrap:anywhere}
}
@media(max-width:600px){
 .product-detail-page .retailer-grid,.product-detail-page .related-grid{grid-template-columns:minmax(0,1fr)}
 .product-detail-page .purchase-network-head{grid-template-columns:minmax(0,1fr);gap:24px}
 .product-detail-page .purchase-network-head h2{font-size:30px;line-height:1.6}
 .product-detail-page .purchase-network-head p{font-size:14px;line-height:1.9}
 .product-detail-page .detail-band .quality-list{grid-column:1/-1;width:100%;min-width:0}
 .product-dialog{width:calc(100% - 32px);max-width:680px;max-height:calc(100svh - 32px);padding:52px 20px 24px;overflow:auto}
 .product-dialog :is(h2,p,a){max-width:100%;overflow-wrap:anywhere}
 .product-dialog .primary-button{width:100%;white-space:normal}
}