/* V16.23 — visualizer realism and premium product-card presentation. */
:root{--als23-green:#004e29;--als23-deep:#064f2c;--als23-soft:#f6f3f2;--als23-line:#d8e5de;--als23-gold:#c59e41;--als23-shadow:0 18px 44px rgba(0,50,28,.09)}

/* Product cards: keep the room/application photo as the visual hero, not the
   stitched material board underneath it. */
.als-v181-products-grid,.als-v169-grid,.als-v1619-related>div{min-width:0}
.als-v181-products-grid article,.als-v169-card,.als-v1619-related article,.als-viz-product{min-width:0;overflow:hidden;border-radius:20px!important;border-color:var(--als23-line)!important;background:#fff;box-shadow:0 7px 24px rgba(0,50,28,.045)!important}
.als-v181-products-grid article:hover,.als-v169-card:hover,.als-v1619-related article:hover,.als-viz-product:hover{box-shadow:var(--als23-shadow)!important;transform:translateY(-4px)}

.als-v181-products-grid .als-v181-media,.als-v169-card__media,.als-v1619-related-image,.als-viz-product__image{position:relative;height:auto!important;aspect-ratio:16/9!important;overflow:hidden;background:linear-gradient(145deg,#eef4f0,#f8f6f1)}
.als-v181-products-grid .als-v181-media:after,.als-v169-card__media:after,.als-v1619-related-image:after,.als-viz-product__image:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,38,21,.12),transparent 44%);pointer-events:none}
.als-v181-products-grid .als-v181-media img,.als-v169-card__media img,.als-v1619-related-image img,.als-viz-product__image img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center top!important;transform:scale(1.16)!important;transform-origin:center top!important;transition:transform .55s ease!important}
.als-v181-products-grid article:hover .als-v181-media img,.als-v169-card:hover .als-v169-card__media img,.als-v1619-related article:hover .als-v1619-related-image img,.als-viz-product:hover .als-viz-product__image img{transform:scale(1.205)!important}

.als-v181-products-grid article>div,.als-v169-card__body,.als-v1619-related article>div,.als-viz-product__body{padding:20px!important}
.als-v181-products-grid h3,.als-v169-card h3,.als-v1619-related h3,.als-viz-product__body h3{overflow-wrap:anywhere;word-break:normal;min-height:2.8em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:var(--als23-deep)!important;font-size:19px!important;line-height:1.45!important}
.als-v181-products-grid article>div>small,.als-v169-card__meta,.als-v1619-related small{gap:10px;min-width:0;color:#65736b!important}
.als-v181-products-grid article>div>small span,.als-v169-card__meta small{flex:0 0 auto}
.als-v181-viz-link{display:inline-flex!important;align-items:center;gap:7px;color:var(--als23-green)!important;text-decoration:none!important;font-weight:700!important}
.als-v181-viz-link:before{content:"view_in_ar";font-family:"Material Symbols Outlined";font-size:18px;font-weight:400}
.als-v181-products-grid article>div>div,.als-v169-card__actions{grid-template-columns:1fr!important;gap:9px!important}
.als-v181-products-grid article>div>div>a,.als-v181-products-grid article>div>div>button,.als-v169-card__actions a,.als-v169-card__actions button{min-height:48px!important;border-radius:11px!important;font-size:14px!important}
.als-v169-card__body>p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:3.35em}
.als-v169-card__price{margin-top:auto}

/* No accidental sideways clipping in product rails. */
.als-v181-section,.als-v169-products,.als-v169-category,.als-v1619-related{overflow:clip}
.als-v181-products-grid,.als-v169-grid{width:100%;max-width:100%}

/* Visualizer product chooser uses the same premium image treatment. */
.als-viz-products{align-items:stretch}
.als-viz-product__body p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.als-viz-product.is-selected{box-shadow:0 0 0 4px rgba(0,78,41,.10),var(--als23-shadow)!important}

/* Visualizer canvas: clear boundary, correct sizing and professional controls. */
.als-viz-compare{overflow:hidden!important;border:1px solid #c9d8d0!important;border-radius:18px!important;background:#ebece8!important;box-shadow:0 16px 44px rgba(0,50,28,.10)!important}
.als-viz-compare canvas,.als-viz-compare img{display:block;max-width:none!important}
.als-viz-result-layout{align-items:start}
.als-viz-result-actions{gap:10px!important;flex-wrap:wrap}
.als-viz-tuning{border:1px solid var(--als23-line)!important;border-radius:18px!important;background:#fff!important;box-shadow:0 10px 28px rgba(0,50,28,.055)!important}
.als-viz-ai-render-status.is-success,.als-viz-ai-status.is-success{background:#edf8f1;border:1px solid #b9ddc6;color:#064f2c}
.als-viz-ai-render-status.is-warning,.als-viz-ai-status.is-warning{background:#fff8e8;border:1px solid #ead39b;color:#6f5200}
.als-viz-photo-stage canvas{border-radius:14px;background:#eef1ed}
.als-viz-quality{border-radius:12px!important}

/* Homepage preview should never suggest that material is applied over walls. */
.als-v181-visualizer__media>span{clip-path:polygon(3% 58%,97% 55%,100% 100%,0 100%)!important;opacity:.96!important;mix-blend-mode:multiply!important;background-size:190px 126px!important}

@media(min-width:1181px){
  .als-v181-products-grid,.als-v169-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
}
@media(max-width:1180px) and (min-width:721px){
  .als-v181-products-grid,.als-v169-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:720px){
  .als-v181-products-grid,.als-v169-grid{grid-template-columns:1fr!important;gap:16px!important}
  .als-v181-products-grid .als-v181-media,.als-v169-card__media,.als-v1619-related-image{aspect-ratio:16/10!important}
  .als-v181-products-grid article>div,.als-v169-card__body,.als-v1619-related article>div{padding:17px!important}
  .als-viz-products{grid-template-columns:1fr!important}
  .als-viz-product__image{aspect-ratio:16/10!important}
  .als-viz-compare{border-radius:14px!important}
}
