/* Light product surfaces retain the store's dark visual identity. */
.home-intro .hero-visual{background:#e8e3db;align-self:stretch;padding:0;min-height:350px;overflow:hidden}.home-intro .hero-visual>img{width:100%;height:100%;min-height:350px;max-width:none;object-fit:contain;object-position:center;padding:0;filter:none;transform:none}.home-intro .hero-visual:hover>img{transform:none}.home-intro .visual-caption{color:#655f53;bottom:12px;background:#f4f0e6da;padding:6px 9px;border-radius:3px}.catalog .card-photo{background:#e8e3db;aspect-ratio:4/3;height:auto;display:block;padding:0}.catalog .card-photo>img{width:100%;height:100%;padding:0;object-fit:contain;object-position:center;filter:none}.catalog .product-card{background:#191816}.catalog .card-photo:hover>img{transform:scale(1.025)}.catalog .availability{background:#f5f1e9ef;color:#263c2d;border-color:#c7bca7}.catalog .availability i{background:#466b49}.cart-row img{object-fit:contain;background:#e8e3db;border-radius:3px}
.gallery .main-photo{aspect-ratio:4/3;max-height:none;background:#e8e3db;border-radius:9px;box-shadow:none;border:1px solid #d6cbb6;overflow:hidden}.gallery .main-photo>img{display:block;width:100%;height:100%;object-fit:contain;background:#e8e3db;cursor:zoom-in}.gallery .photo-label{background:#f8f3e9ed;color:#254c3d;top:12px;right:12px;left:auto;max-width:calc(100% - 24px);padding:7px 10px;border:0;border-radius:4px;font-size:11px}.gallery-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:13px}.gallery-toolbar button{border:1px solid #cbbca0;background:#fbf8f0;border-radius:5px;color:#254c3d;padding:10px 13px;min-height:42px;font:13px Tajawal,Arial;cursor:pointer}.gallery-toolbar #zoomProduct{background:#254c3d;color:#fffaf0;border-color:#254c3d}.gallery-description{margin:14px 0 8px;font-size:14px;color:#254c3d;font-weight:500}.gallery .thumbnails{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:12px;align-items:start}.gallery .thumbnails button{height:auto;width:100%;min-width:0;border:1px solid #d8cdb7;border-radius:6px;background:#f8f4e9;padding:4px;overflow:hidden;font:11px Tajawal;line-height:1.5;color:#51604c}.gallery .thumbnails button img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:contain;background:#e8e3db;border-radius:3px}.gallery .thumbnails button span{display:block;padding:9px 3px 5px}.gallery .thumbnails .active{border:2px solid #254c3d;padding:3px;background:#ecefdc;color:#254c3d}.gallery-help{font-size:11px;color:#84795f;line-height:1.8;margin:12px 0 0}
dialog#imageZoomDialog{width:min(1150px,calc(100% - 24px));max-width:1150px;padding:27px 24px 20px;background:#f6f2e9;border:1px solid #b4a17f;border-radius:10px;max-height:94dvh;color:#254c3d}#imageZoomDialog .close{z-index:2}#imageZoomDialog h2{font-size:22px;padding-left:35px;margin:0 0 15px;font-weight:500}#imageZoomDialog .zoom-canvas{overflow:auto;max-height:70dvh;max-width:100%;border-radius:6px;background:#e8e3db;direction:ltr;overscroll-behavior:contain}#imageZoomDialog .zoom-canvas img{display:block;width:100%;height:auto;max-width:none;cursor:zoom-in}#imageZoomDialog .zoom-canvas img.is-zoomed{width:200%;cursor:zoom-out}#imageZoomDialog .zoom-controls{display:flex;justify-content:center;gap:12px;margin-top:14px}#imageZoomDialog .zoom-controls button{background:#254c3d;border:0;color:#fff9ef;border-radius:5px;padding:10px 18px;font:13px Tajawal;min-height:42px}#imageZoomDialog .zoom-controls button:last-child{background:#e2d9c8;color:#254c3d}#imageZoomDialog .zoom-hint{font-size:12px;color:#7b725f;text-align:center;margin:13px 0 0}
@media(max-width:700px){.home-intro .hero-visual{height:auto;min-height:0;aspect-ratio:4/3;width:100%;padding:0;margin:0}.home-intro .hero-visual>img{width:100%;height:100%;min-height:0;max-width:none;padding:0;object-fit:contain}.home-intro .visual-caption{font-size:6px;bottom:9px}.catalog .card-photo{aspect-ratio:4/3}.gallery{padding-left:0}.gallery .main-photo{aspect-ratio:4/3;max-height:none}.gallery .photo-label{font-size:9px;top:9px;right:9px;padding:5px 7px}.gallery-toolbar button{font-size:12px;padding:9px 12px}.gallery-description{font-size:13px}.gallery .thumbnails{gap:8px;margin-top:12px}.gallery .thumbnails button{font-size:10px}.gallery .thumbnails button span{padding:8px 2px 4px}dialog#imageZoomDialog{padding:28px 12px 16px}#imageZoomDialog h2{font-size:19px}#imageZoomDialog .zoom-canvas{max-height:65dvh}#imageZoomDialog .zoom-hint{font-size:11px}}
@media(prefers-reduced-motion:reduce){.catalog .card-photo:hover>img{transform:none}}