/* Genuine editorial photography + explicit digital color reference.
 * No generated tile photos, no simulated inventory, no AI vectors.
 */
.za-editorial-photo {display:block;width:100%;height:auto;object-fit:cover;background:#e8e0d4;}
.za-catalog ul.products > li.product > a.woocommerce-loop-product__link > img.za-editorial-photo {object-fit:cover !important;aspect-ratio:4/4.45 !important;}
.za-photo-product-color {display:flex;align-items:center;min-width:0;margin:0 0 18px;gap:8px;padding:3px 0 0;}
.za-photo-swatch {display:flex;align-items:center;gap:13px;max-width:100%;}
.za-photo-swatch__color {display:block;flex:0 0 59px;width:59px;height:59px;border:1px solid rgba(25,61,53,.2);box-shadow:inset 0 0 0 2px rgba(255,255,255,.12);border-radius:50%;}
.za-photo-swatch__caption {display:flex;flex-direction:column;gap:5px;min-width:0;}
.za-photo-swatch__caption strong {font:600 12px/1.3 var(--za-font-body,Arial,sans-serif);letter-spacing:.02em;color:#193d35;}
.za-photo-swatch__caption small {font:500 10px/1.2 var(--za-font-body,Arial,sans-serif);letter-spacing:.09em;color:#886f4d;font-variant-numeric:tabular-nums;}
.za-photo-swatch--compact .za-photo-swatch__color {width:39px;height:39px;flex-basis:39px;}
.za-photo-swatch--compact .za-photo-swatch__caption strong {font-size:11px;}
.za-photo-swatch--compact .za-photo-swatch__caption small {font-size:9px;}
.za-photo-color-spec {border:1px solid #d7cab9;border-left:3px solid #ad916c;background:#f0e9dc;margin:12px 0 22px;padding:17px 22px;display:grid;gap:13px;}
.za-photo-color-spec >p {font:400 12px/1.67 var(--za-font-body,Arial,sans-serif);color:#506158;margin:0;}
.za-photo-color-spec strong {color:#193d35;}
body.woocommerce .za-catalog ul.products > li.product .woocommerce-loop-product__title {font-size:clamp(24px,1.9vw,33px) !important;}
.woocommerce div.product div.images .woocommerce-product-gallery__image img.za-editorial-photo {width:100%;height:auto;aspect-ratio:1/1;object-fit:cover;}
@media(max-width:690px) {
.za-catalog ul.products > li.product > a.woocommerce-loop-product__link > img.za-editorial-photo {aspect-ratio:3/4 !important;}
.za-photo-swatch--compact .za-photo-swatch__color {width:30px;height:30px;flex-basis:30px;}
.za-photo-swatch--compact .za-photo-swatch__caption strong{font-size:10px;}
.za-photo-swatch--compact .za-photo-swatch__caption small{font-size:8px;letter-spacing:0;}
.za-photo-product-color{margin-bottom:10px;}
.za-photo-color-spec{padding:13px;}
}