/* Branding sits inside the photographic scene. No separate header or solid box. */
.product-image::after,.category-photo::after,.hero-visual::after,.sliding-promo::after,.swatch::after,.gallery-thumbs button::after,.branded-viewer-photo::after{content:none;display:none}
.catalog-photo-frame{display:block;position:relative;width:100%;padding:0;background:transparent;overflow:hidden;isolation:isolate;container-type:inline-size}
.catalog-photo-frame>img{display:block;width:100%;height:auto;object-fit:contain}
.catalog-material{display:block;width:100%;padding:8px 10px;background:#102e4c;color:#fff;border-top:3px solid #18a7a8;text-align:center;font:600 clamp(9px,3.2cqw,15px)/1.55 Arial,sans-serif;white-space:normal;overflow-wrap:anywhere}
.material-included{display:block;margin-top:4px;font-size:13px;font-weight:500;color:#315766}
.material-showcase{margin:0;min-width:0}
.material-showcase .material-proof-photo{width:100%}
.material-showcase figcaption{font-size:12px;color:#536a6e;margin-top:8px;line-height:1.6}
.gallery-thumbs button{height:auto}
.catalog-photo-brand{position:absolute;z-index:1;top:3%;right:3%;width:20%;pointer-events:none;mix-blend-mode:multiply;line-height:1}
.catalog-photo-brand>span{display:block;text-align:right;font:700 clamp(4px,2.4cqw,18px)/1.15 Arial,sans-serif;color:#102e4c;margin-bottom:1%;padding-right:3%}
.catalog-photo-brand>.catalog-logo{display:block!important;width:100%!important;height:auto!important;max-height:none!important;border-radius:0!important;object-fit:contain!important}
.catalog-photo-frame[data-placement=hermon] .catalog-photo-brand{right:1%;top:2%;width:16%}
.catalog-photo-frame[data-placement=dado] .catalog-photo-brand{right:1%;top:2%;width:15%}
.catalog-photo-frame[data-placement=plain] .catalog-photo-brand{left:0.5%;right:auto;top:17%;width:10%}
.catalog-photo-frame[data-placement=drawers] .catalog-photo-brand{right:1%;top:19%;width:13%}
.catalog-photo-frame[data-placement=sliding] .catalog-photo-brand{right:3%;top:2%;width:20%}
.catalog-photo-frame[data-placement=interior] .catalog-photo-brand{right:3%;top:auto;bottom:9%;width:20%}
.catalog-photo-frame[data-placement=existing] .catalog-photo-brand{display:none}
.category-photo .catalog-photo-frame>img,.hero-visual .catalog-photo-frame>img{object-fit:contain;height:auto;max-height:570px}
.hero-visual{flex-direction:column;justify-content:center;height:auto;min-height:300px}
.hero-visual>.catalog-photo-frame{flex:1}
.hero-visual figcaption{position:static;width:100%;border-radius:0;margin:0;padding:12px 18px;background:#fff}
#photo-viewer .viewer-photo-frame{width:fit-content;max-width:100%;margin:auto;container-type:normal}
#photo-viewer .viewer-photo-frame #large-photo{max-height:72dvh;max-width:100%;width:auto;object-fit:contain}
.gallery-thumbs .catalog-photo-frame,.swatch .catalog-photo-frame{width:100%}
.site-values{display:flex;gap:10px 24px;justify-content:center;flex-wrap:wrap;margin:20px 0;padding:16px;border:1px solid #d8e6e3;background:#edf6f3;border-radius:10px;color:#102e4c;font-weight:600}
footer .site-values{background:transparent;border-color:#ffffff30;color:#fff;max-width:700px;margin:16px auto}
@media(max-width:480px){.site-values{gap:6px 15px;font-size:14px}}

.catalog-illustration{display:block;text-align:center;font:12px/1.5 Arial,sans-serif;color:#59686c;background:#fff;padding:4px 8px}.catalog-photo-frame[data-placement=wide-head] .catalog-photo-brand{top:auto;bottom:60px;right:2%;width:16%;mix-blend-mode:normal;background:#fff;border-radius:10px;padding:4px}.bed-choice-panel{padding:18px;border:1px solid #c9dcd7;border-radius:14px;margin:16px 0;background:#f4f8f5}.bed-choice-panel select{display:block;width:100%;font:inherit;padding:12px;margin:8px 0 16px}.bed-supply{font-weight:700;color:#17665f}

.bed-head-choice{margin:16px 0;padding:14px;border:1px solid #c9dcd7;border-radius:14px;background:#f4f8f5}.bed-head-choice h3{margin:0 0 10px;font-size:17px}.bed-head-choice .bed-head-option{display:flex;align-items:center;gap:10px;margin:0;cursor:pointer}.bed-head-option>img{width:100px;height:76px;object-fit:contain;border-radius:8px;background:white}.bed-head-option:has(input:checked){outline:2px solid #008d93;outline-offset:5px;border-radius:8px}.bed-head-option small{display:block;line-height:1.6}.bed-head-option>input{flex-shrink:0}@media(max-width:480px){.bed-head-option>img{width:72px;height:64px}.bed-head-choice{padding:12px}}

/* Recliner photos keep the full product visible with the original logo in the corner. */
.catalog-photo-frame[data-placement="recliner"] {
  background: #f8f3eb;
}
.catalog-photo-frame[data-placement="recliner"] .catalog-photo-brand {
  inset: 3% 3% auto auto;
  width: clamp(42px, 13%, 84px);
}
.sofa-card .product-image,
.sofa-dialog .product-image {
  border: 1px solid #cbdedb;
  max-width: 100%;
}
.sofa-dialog .detail-grid > * {
  min-width: 0;
}
.sofa-dialog h2 + .delivery-time-note {
  max-width: 100%;
  box-sizing: border-box;
  white-space: normal;
  overflow-wrap: anywhere;
  padding: 10px 14px;
  border: 1px solid #cbdedb;
  border-radius: 10px;
  background: #f2f7f5;
  font-size: 14px;
  line-height: 1.6;
}
@media (max-width: 700px) {
  .detail-dialog.sofa-dialog {
    box-sizing: border-box;
    width: calc(100% - 24px) !important;
  }
  .detail-dialog.sofa-dialog .detail-grid {
    grid-template-columns: minmax(0, 1fr);
  }
}


/* The original sofa artwork contains a complete product photo between its text rows. */
.catalog-photo-frame[data-placement="sofa-crop"] .catalog-photo-brand {
  display: none;
}
@supports (object-view-box: inset(23% 0 25%)) {
  .catalog-photo-frame[data-placement="sofa-crop"] > img,
  #photo-viewer .viewer-photo-frame[data-placement="sofa-crop"] #large-photo {
    object-view-box: inset(23% 0 25%);
    width: 100%;
    aspect-ratio: 100 / 52;
  }
  #photo-viewer .viewer-photo-frame[data-placement="sofa-crop"] {
    width: min(100%, 1100px);
    container-type: inline-size;
  }
  .catalog-photo-frame[data-placement="sofa-crop"] .catalog-photo-brand {
    display: block;
    inset: 3% 3% auto auto;
    width: clamp(42px, 13%, 84px);
  }
}