/* Product category introduction. Original packaging pixels are never cropped. */
.product-showroom{--showroom-ink:#142238;--showroom-muted:#7a8699;--showroom-blue:#174be6;--showroom-line:#e1e6ef;--showroom-gutter:var(--catalog-gutter,clamp(24px,4.5vw,68px));box-sizing:border-box;width:min(100%,1600px);margin-inline:auto;padding:38px var(--showroom-gutter) 38px;color:var(--showroom-ink)}
.catalog-page .product-showroom{padding-inline:0}
.product-showroom *{box-sizing:border-box}
.showroom-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:42px;margin-bottom:30px}
.showroom-heading h1{margin:0;font-size:56px;font-weight:650;line-height:1.2;letter-spacing:-.05em;overflow-wrap:anywhere}
.showroom-lead{max-width:30em;margin:0 0 3px;color:#45536a;font-size:17px;font-weight:500;line-height:1.8;letter-spacing:-.025em;text-align:right;overflow-wrap:anywhere}
.showroom-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;min-width:0}
.showroom-panel{min-width:0;margin:0}
.showroom-panel>a{display:flex;flex-direction:column;height:100%;min-width:0;overflow:hidden;border:1px solid var(--showroom-line);border-radius:20px;background:#fff;color:var(--showroom-ink);text-decoration:none;transition:border-color .3s ease}
.showroom-photo{display:flex;align-items:center;justify-content:center;min-width:0;height:clamp(360px,30vw,430px);overflow:hidden;background:#f1f3f6}
.showroom-photo>img{display:block;width:100%;height:100%;object-fit:contain;padding:0;transform:none}
.showroom-panel-copy{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:20px;align-items:start;flex:1;padding:22px 25px 24px;background:#fff}
.showroom-panel-copy h2{grid-column:1;margin:0;color:var(--showroom-ink);font-size:26px;font-weight:600;line-height:1.4;letter-spacing:-.035em;word-break:normal;overflow-wrap:anywhere;transition:color .25s ease}
.showroom-panel-copy p{grid-column:1;margin:6px 0 0;color:var(--showroom-muted);font-size:14px;font-weight:500;line-height:1.6;letter-spacing:0;overflow-wrap:anywhere}
.showroom-panel-arrow{grid-column:2;grid-row:1/span 2;align-self:center;display:block;flex:none;color:var(--showroom-ink);transition:transform .3s ease,color .25s ease}
.showroom-panel-arrow svg{display:block;width:28px;height:28px}
.showroom-panel>a:focus-visible,.showroom-control:focus-visible{outline:2px solid var(--showroom-blue);outline-offset:-4px}
.showroom-controls{display:none}
.showroom-controls[hidden]{display:none!important}
.showroom-progress{margin-right:8px;color:var(--showroom-muted);font-size:13px;line-height:1.5;letter-spacing:.02em;font-variant-numeric:tabular-nums}
.showroom-control{display:inline-flex;align-items:center;justify-content:center;flex:none;width:44px;min-width:44px;height:44px;margin:0;padding:0;border:1px solid var(--showroom-line);border-radius:50%;background:#fff;color:var(--showroom-ink);cursor:pointer;transition:border-color .25s ease,color .25s ease}
.showroom-control svg{display:block;width:21px;height:21px}
.showroom-control:disabled{color:#b7bfcb;cursor:default}
html[lang=en] .product-showroom{word-break:normal}
html[lang=zh-CN] .product-showroom,html[lang=ja] .product-showroom,html[lang=th] .product-showroom{word-break:normal}
html[lang=ja] .showroom-heading h1{line-height:1.3;letter-spacing:-.025em}
html[lang=th] .showroom-heading h1{line-height:1.4;letter-spacing:0}
html[lang=th] .showroom-lead,html[lang=th] .showroom-panel-copy h2{letter-spacing:0}
@media(hover:hover) and (pointer:fine){
  .showroom-panel>a:hover{border-color:#b5c6f5}
  .showroom-panel>a:hover h2,.showroom-panel>a:hover .showroom-panel-arrow{color:var(--showroom-blue)}
  .showroom-panel>a:hover .showroom-panel-arrow{transform:translateX(4px)}
  .showroom-control:not(:disabled):hover{border-color:var(--showroom-blue);color:var(--showroom-blue)}
}
@media(max-width:1100px){
  .showroom-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}
  .showroom-heading{gap:32px}.showroom-lead{max-width:27em;font-size:16px}
  .showroom-panel-copy{padding:20px 20px 22px}.showroom-panel-copy h2{font-size:24px}.showroom-panel-copy p{font-size:13px}
}
@media(max-width:800px){
  .product-showroom{padding-top:30px;padding-bottom:28px}
  .showroom-heading{flex-direction:column;align-items:flex-start;gap:15px;margin-bottom:24px}
  .showroom-heading h1{font-size:40px;line-height:1.25}
  .showroom-lead{max-width:32em;margin:0;font-size:16px;line-height:1.8;text-align:left}
  .showroom-gallery{display:flex;gap:16px;width:calc(100% + var(--showroom-gutter) + var(--showroom-gutter));margin-inline:calc(-1 * var(--showroom-gutter));padding:0 var(--showroom-gutter) 10px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-padding-inline:var(--showroom-gutter);overscroll-behavior-inline:contain;scrollbar-width:thin;scrollbar-color:#cbd3df transparent;-webkit-overflow-scrolling:touch}
  .showroom-panel{flex:0 0 85vw;scroll-snap-align:start;scroll-snap-stop:normal}
  .showroom-panel>a{border-radius:18px}
  .showroom-photo{height:clamp(280px,76vw,390px)}
  .showroom-panel-copy{padding:20px 22px 21px}.showroom-panel-copy h2{font-size:24px}.showroom-panel-copy p{font-size:13px}
  .showroom-panel-arrow svg{width:25px;height:25px}
  .showroom-controls{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding-top:10px}
}
@media(max-width:360px){
  .showroom-panel-copy{padding-inline:18px;column-gap:14px}.showroom-panel-copy h2{font-size:23px}
}
@media(prefers-reduced-motion:reduce){
  .product-showroom *{animation:none!important;transition:none!important;scroll-behavior:auto!important}
  .showroom-panel-arrow{transform:none!important}
}