/* Product-detail layout only: keeps the image contained beside the information. */
.detail{
  max-width:1200px;
  grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);
  align-items:start;
  gap:clamp(42px,6vw,78px);
  padding-top:72px;
  padding-bottom:78px;
}
.detail .art{
  width:100%;
  max-width:440px;
  height:550px;
  min-height:0;
  aspect-ratio:4/5;
  margin:0 auto;
  padding:20px;
  overflow:hidden;
  background:#f6f6f3;
}
.detail .art img{
  display:block;
  width:100% !important;
  height:100% !important;
  max-width:none !important;
  max-height:none !important;
  object-fit:contain;
}
.detail .product-gallery{width:100%;max-width:440px;margin:0 auto}
.detail .product-gallery .art{max-width:none;margin:0}
.detail .gallery-thumbnails{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-top:10px}
.detail .gallery-thumb{aspect-ratio:1;border:1px solid #deded6;padding:3px;background:#f6f6f3;cursor:pointer}
.detail .gallery-thumb.is-active{border-color:#5e7467;box-shadow:0 0 0 1px #5e7467}
.detail .gallery-thumb img{display:block;width:100%;height:100%;object-fit:cover}
.detail > section{min-width:0}
.detail h1{margin-top:8px}
.detail table{margin-top:4px}
.detail th,.detail td{vertical-align:top}
.detail .product-tagline{font:italic 22px/1.4 var(--serif);color:#5e7467;margin:0 0 20px}
.detail .placeholder-label{align-self:end;justify-self:center;margin-top:-5px;padding:7px 10px;background:#fff;color:#72766f;font-size:10px;letter-spacing:.08em;text-transform:uppercase}
.detail .material-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0 0 28px}
.detail .material-options-two-column{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.detail .material-options-intro{margin:-4px 0 14px}
.detail .material-options-names .material-option:not(.material-option-visual){min-height:0;padding:14px 15px}
.detail .material-options-names .material-option h3{margin:0}
.detail .material-option{min-height:176px;padding:18px 15px;border:1px solid #deded6}
.detail .material-option h3{font:18px var(--serif);margin:0 0 10px;color:#30332e}
.detail .material-option p{margin:0;color:#5f625c;font-size:12px;line-height:1.75}
.detail .material-option-vinyl{background:#e8efeb;border-color:#ccdcd2}
.detail .material-option-kraft{background:#f3e9d8;border-color:#e0cfb7}
.detail .material-option-wax{background:#eee7ef;border-color:#d9cadc}
.detail .material-option-visual{min-height:0;padding:0;overflow:hidden;background:#fff}
.detail .material-option-visual .material-image{aspect-ratio:16/10;background:#f5f3ee;overflow:hidden}
.detail .material-option-visual .material-image img{display:block;width:100%;height:100%;object-fit:cover}
.detail .material-option-visual .material-option-copy{padding:14px 15px 16px}
.detail .material-option-visual .material-option-copy h3{margin:0 0 6px}
.detail .material-option-visual .material-option-copy p{font-size:12px;line-height:1.55}
.detail .coordinated-collection{margin:28px 0;padding:22px;border:1px solid #dfe3dc;background:#f3f5f0}
.detail .coordinated-collection h2{margin:8px 0 10px}
.detail .coordinated-collection p{margin:0;color:#5f625c}
.detail .printing-options ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 18px;margin:0;padding-left:20px;color:#5f625c}
.detail .printing-options li{padding-left:2px}
.detail .printing-options .note{margin-top:16px}
.detail .simple-options ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 18px;margin:0;padding-left:20px;color:#5f625c}
.detail .simple-options li{padding-left:2px}
.detail .size-visuals{margin:22px 0 30px;padding:18px;background:#f6f6f1;border:1px solid #e3e5dd}
.detail .size-visuals h3{margin:0 0 16px;font:18px var(--serif);color:#30332e}
.detail .size-visual-grid{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;min-height:130px}
.detail .size-visual{display:flex;min-width:0;flex:1;flex-direction:column;align-items:center;gap:8px}
.detail .tag-outline{width:clamp(30px,7vw,58px);max-height:104px;background:#fff;border:1px solid #cfd4cb;border-radius:2px;box-shadow:0 3px 8px rgba(48,51,46,.06)}
.detail .size-visual span{font-size:10px;line-height:1.25;color:#5f625c;text-align:center}
.detail .contact-note{font-size:12px;line-height:1.8}

@media(max-width:820px){
  .detail{grid-template-columns:1fr;gap:38px;padding-top:48px;padding-bottom:54px}
  .detail .art{width:min(100%,416px);height:auto;max-height:520px;aspect-ratio:4/5;padding:18px}
  .detail .product-gallery{width:min(100%,416px)}
  .detail h1{font-size:clamp(34px,9vw,42px)}
  .detail .material-options{grid-template-columns:1fr;gap:9px}
  .detail .material-option{min-height:0}
  .detail .printing-options ul{grid-template-columns:1fr}
  .detail .simple-options ul{grid-template-columns:1fr}
  .detail .size-visual-grid{gap:7px;overflow-x:auto;padding-bottom:4px;justify-content:flex-start}
  .detail .size-visual{min-width:58px}
  .detail .tag-outline{width:38px;max-height:92px}
}