/* Canvas Iraq V3.2 — room preview, centered art, sizes, showcases */
.ba-compare{--art-w:32%;--art-ratio:1.5;--art-top:10%;}
.ba-art{
  left:50%!important;
  top:var(--art-top)!important;
  width:var(--art-w)!important;
  max-width:430px!important;
  transform:translateX(-50%)!important;
  aspect-ratio:var(--art-ratio)!important;
  display:grid!important;
  place-items:center;
  overflow:visible!important;
}
.ba-art img{
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  max-height:none!important;
  object-fit:contain!important;
  box-shadow:0 14px 30px rgba(30,25,18,.22);
}
.ba-handle{left:clamp(29px,var(--position),calc(100% - 29px))!important}
.ba-info{align-items:flex-start;flex-wrap:wrap}
.ba-product-copy{min-width:240px;flex:1 1 280px}
.room-preview-controls{display:grid;gap:14px;flex:2 1 460px;width:min(100%,700px)}
.control-label{display:block;font-size:11px;font-weight:800;color:var(--muted,#6b7280);margin-bottom:7px}
.room-choice-row,.size-choice-row{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}
.room-choice-row::-webkit-scrollbar,.size-choice-row::-webkit-scrollbar{display:none}
.room-choice,.size-choice{flex:0 0 auto;border:1px solid rgba(15,118,110,.18);background:rgba(15,118,110,.05);color:var(--ink);border-radius:999px;padding:8px 12px;font:inherit;font-size:11px;font-weight:800;cursor:pointer}
.room-choice.active,.size-choice.active{background:#0f766e;color:#fff;border-color:#0f766e;box-shadow:0 6px 18px rgba(15,118,110,.2)}
.ba-room.room-office{filter:saturate(.85) contrast(.98)}
.ba-room.room-guest{filter:saturate(.92) sepia(.04)}
.ba-room.room-bedroom{filter:brightness(.98) saturate(.8)}
.ba-room.room-clinic{filter:brightness(1.05) saturate(.65)}
.ba-room.room-law{filter:saturate(.72) contrast(1.03)}
.product-showcase{padding-top:26px}
.showcase-track{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x proximity;padding:2px 2px 12px;scrollbar-width:none}
.showcase-track::-webkit-scrollbar{display:none}
.showcase-card{flex:0 0 min(280px,78vw);scroll-snap-align:start;background:var(--paper);border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:0 8px 24px rgba(13,67,62,.05)}
.showcase-image{position:relative;aspect-ratio:4/3;background:#edf4f2;overflow:hidden}
.showcase-image img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease}
.showcase-card:hover .showcase-image img{transform:scale(1.035)}
.showcase-badge{position:absolute;top:10px;right:10px;padding:6px 9px;border-radius:999px;background:rgba(15,118,110,.92);color:#fff;font-size:10px;font-weight:800}
.showcase-body{padding:12px}
.showcase-title{font-size:13px;font-weight:800;margin-bottom:7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.showcase-price{font-size:13px;font-weight:800;color:#0f766e}
.showcase-room{margin-top:10px;width:100%;padding:9px 10px;border-radius:10px;border:1px solid rgba(15,118,110,.2);background:rgba(15,118,110,.06);color:#0f766e;font:inherit;font-size:11px;font-weight:800;cursor:pointer}
.product-card .product-badge{max-width:75%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media(max-width:760px){
  .ba-compare{--art-w:36%;--art-top:10%;min-height:390px}
  .ba-info{padding:16px!important;gap:14px!important}
  .room-preview-controls{width:100%}
  .room-choice,.size-choice{padding:7px 10px;font-size:10px}
  .product-showcase{padding-top:20px}
  .showcase-card{flex-basis:64vw;max-width:250px}
}
@media(max-width:420px){
  .ba-compare{--art-w:34%;--art-top:10.5%}
  .showcase-card{flex-basis:70vw}
}