.catalog-media{position:relative;aspect-ratio:1;background:#faf8f5;isolation:isolate;overflow:hidden}
.catalog-photo-stage{position:absolute;inset:0;overflow:hidden}
.catalog-media .catalog-photo{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;background:#faf8f5;transition:opacity .28s ease,transform .45s ease}
.catalog-media .catalog-photo-primary{opacity:1}
.catalog-media .catalog-photo-secondary{opacity:0;transform:scale(1.025)}
.catalog-media.is-alt .catalog-photo-primary{opacity:0}
.catalog-media.is-alt .catalog-photo-secondary{opacity:1;transform:scale(1)}
.catalog-view-tools{position:absolute;left:14px;right:14px;bottom:14px;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:8px;pointer-events:none}
.catalog-view-caption{display:flex;align-items:center;gap:7px;padding:7px 9px;background:rgba(250,248,245,.94);border-radius:999px;font-size:10px;font-weight:600;line-height:1.2;color:#55433f;letter-spacing:.015em}
.catalog-view-dots{display:flex;gap:4px}
.catalog-view-dots i{width:4px;height:4px;background:#cdbeb8;border-radius:50%;transition:background .2s ease}
.catalog-view-dots i:first-child{background:#153b5c}
.catalog-media.is-alt .catalog-view-dots i:first-child{background:#cdbeb8}
.catalog-media.is-alt .catalog-view-dots i:last-child{background:#153b5c}
.catalog-view-toggle{pointer-events:auto;display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:38px;padding:8px 11px;border:1px solid rgba(91,65,55,.16);border-radius:999px;background:rgba(255,255,255,.96);box-shadow:0 2px 8px rgba(52,38,32,.04);font-family:inherit;font-size:11px;font-weight:600;line-height:1.1;color:#453832;cursor:pointer;transition:background .2s ease,color .2s ease,border-color .2s ease}
.catalog-view-toggle[hidden],.catalog-view-caption[hidden]{display:none}
.catalog-view-toggle svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.catalog-view-toggle:hover,.catalog-view-toggle[aria-pressed="true"]{background:#153b5c;color:#fff;border-color:#153b5c}
.catalog-view-toggle:focus-visible{outline:3px solid #f1aa95;outline-offset:3px}
.catalog-media.is-loading .catalog-view-toggle{cursor:progress}
.catalog-media.has-image-error .catalog-photo-stage{visibility:hidden}
.catalog-media.has-image-error::after{content:"Photo unavailable";position:absolute;inset:0;display:grid;place-items:center;color:#75645e;font-size:13px}
.catalog-view-help{margin:14px 0 0;font-size:13px;line-height:1.6;color:#75645e}
@media(max-width:400px){.catalog-view-tools{left:10px;right:10px;bottom:10px}.catalog-view-toggle{font-size:10px;padding:8px 10px;min-height:42px}.catalog-view-caption{font-size:9px}}
@media(prefers-reduced-motion:reduce){.catalog-card,.catalog-media .catalog-photo,.catalog-view-toggle,.catalog-view-dots i{transition:none}.catalog-card:hover,.catalog-media .catalog-photo-secondary{transform:none}}