.card--media.card--text{position:relative}.card--text .card__inner:before{content:"";display:block;padding-bottom:125%;background:linear-gradient(135deg,#f8f8f8,#e8e8e8);border-radius:var(--radius-sm)}.card--text .card__inner{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px}.card--text .card__heading:before{content:"";display:block;width:80px;height:80px;margin:0 auto 20px;background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%23c9a961" stroke-width="1.5"><path d="M3 3h18v18H3z M3 9h18 M9 21V9"/></svg>') no-repeat center;background-size:contain;opacity:.3}.card__media .placeholder-svg{background:linear-gradient(135deg,#fdfbfa,#f5f3f2);padding:40px;border-radius:var(--radius-sm)}.card__media .placeholder-svg svg{width:100%;height:auto;opacity:.15;filter:grayscale(100%)}.card__media:not(:has(img)):after{content:"Image Coming Soon";position:absolute;bottom:20px;left:50%;transform:translate(-50%);background:#c9a961e6;color:#1a1a1a;padding:8px 16px;font-size:11px;font-weight:600;letter-spacing:1px;text-transform:uppercase;border-radius:2px;z-index:2}.collection-hero--no-image{background:linear-gradient(135deg,#1a1a1a,#2c2c2c);position:relative;overflow:hidden}.collection-hero--no-image:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:repeating-linear-gradient(45deg,transparent,transparent 10px,rgba(255,255,255,.02) 10px,rgba(255,255,255,.02) 20px);opacity:.5}.product__media-item--placeholder{background:linear-gradient(135deg,#fafafa,#f0f0f0);display:flex;align-items:center;justify-content:center;min-height:500px;position:relative}.product__media-item--placeholder:before{content:"HAD";font-family:var(--font-heading-family);font-size:120px;font-weight:300;letter-spacing:20px;color:#c9a9611a;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.product__media-item--placeholder:after{content:"Product Image";font-family:var(--font-body-family);font-size:14px;font-weight:500;letter-spacing:2px;text-transform:uppercase;color:#999;position:absolute;bottom:40px;left:50%;transform:translate(-50%)}.banner--no-image{background:linear-gradient(135deg,#1a1a1a,#2c2c2c,#1a1a1a);position:relative}.banner--no-image:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 800" opacity="0.03"><circle cx="200" cy="200" r="100" fill="%23ffffff"/><circle cx="1000" cy="600" r="150" fill="%23ffffff"/><circle cx="600" cy="400" r="80" fill="%23ffffff"/></svg>');background-size:cover;background-position:center}.collection-card--no-image{background:linear-gradient(135deg,#f5f5f5,#e5e5e5);position:relative}.collection-card--no-image:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:120px;height:120px;background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%23c9a961" stroke-width="1"><rect x="3" y="3" width="18" height="18" rx="2"/><path d="M3 9h18M9 21V9"/></svg>') no-repeat center;background-size:80%;opacity:.2}.image-loading{position:relative;background:linear-gradient(90deg,#f0f0f0,#f8f8f8,#f0f0f0);background-size:200% 100%;animation:shimmer 1.5s infinite}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.image-loaded{animation:fadeIn .4s ease-in}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media screen and (max-width:749px){.card--text .card__heading:before{width:60px;height:60px;margin-bottom:15px}.card__media:not(:has(img)):after{font-size:10px;padding:6px 12px;bottom:15px}.product__media-item--placeholder:before{font-size:80px;letter-spacing:15px}.product__media-item--placeholder:after{font-size:12px;bottom:30px}}[role=img][aria-label*=placeholder],[role=img][aria-label*="coming soon"]{outline:none}.card--text:focus-within{outline:2px solid var(--color-accent);outline-offset:2px}@media print{.card__media:not(:has(img)):after,.product__media-item--placeholder:after{display:none}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/had-image-placeholders.css.map */