.shell-catalog-card .catalog-media,.shell-catalog-card .catalog-media .catalog-photo,.shell-detail .detail-product-photo,.shell-view-stage{background:#faf8f5}
.shell-view-stage{position:relative;overflow:hidden;isolation:isolate;border-radius:12px;aspect-ratio:1;touch-action:pan-y pinch-zoom;user-select:none;-webkit-user-select:none}
.shell-view-stage>img{display:block;width:100%;height:100%;aspect-ratio:1;object-fit:contain;background:#faf8f5}
[data-shell-view=product] [data-shell-primary]{mix-blend-mode:multiply}
[data-shell-view=spin] [data-shell-stage]{cursor:grab;touch-action:pan-y pinch-zoom}
[data-shell-view=spin] [data-shell-stage].is-dragging{cursor:grabbing}
.shell-catalog-card [data-shell-stage]{touch-action:pan-y pinch-zoom;-webkit-user-select:none;user-select:none}
.shell-catalog-card .catalog-photo-stage:hover .catalog-photo{transform:none}
.shell-view-tools{position:absolute;left:14px;right:14px;bottom:14px;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:8px;pointer-events:none}
.shell-view-caption{max-width:48%;padding:7px 9px;border-radius:99px;background:#faf8f5e8;color:#55433f;font-size:10px;line-height:1.35;font-weight:600}
.shell-view-actions{display:flex;align-items:center;gap:6px;pointer-events:auto}
.shell-view-actions button{display:inline-flex;align-items:center;justify-content:center;min-height:38px;gap:5px;padding:8px 11px;border:1px solid #e8e1d9;border-radius:99px;background:#fffffff2;color:#153b5c;box-shadow:0 3px 12px #30292c09;font:inherit;font-size:11px;font-weight:650;cursor:pointer}
.shell-view-actions button[data-shell-spin]{background:#153b5c;border-color:#153b5c;color:#fff}
.shell-view-actions button[data-shell-spin][aria-pressed=true]{background:#fff;border-color:#153b5c;color:#153b5c}
.shell-view-actions svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.shell-view-actions button:focus-visible,.shell-spin-step:focus-visible,.shell-angle-dot:focus-visible,[data-shell-stage]:focus-visible{outline:3px solid #d39d7d;outline-offset:3px}
.shell-spin-step{position:absolute;top:46%;z-index:2;display:grid;place-items:center;width:38px;height:38px;border:1px solid #e5ddd3;border-radius:50%;background:#ffffffe8;color:#153b5c;font:inherit;font-size:19px;cursor:pointer;box-shadow:0 2px 10px #30292c08}
.shell-spin-step--previous{left:12px}.shell-spin-step--next{right:12px}
.shell-spin-step[hidden],[data-shell-spin-only][hidden]{display:none}
.shell-detail .detail-product-photo{overflow:visible;border-radius:12px;margin:0}
.shell-detail .detail-product-photo>figcaption{position:static;display:flex;justify-content:space-between;gap:12px;padding:12px 14px;background:#faf8f5;border-radius:0 0 12px 12px;font-size:11px;color:#75645e}
.shell-detail .shell-view-stage{border-radius:12px 12px 0 0}
.shell-detail .shell-view-caption{font-size:11px}
.shell-detail .shell-view-actions button{min-height:42px;padding:10px 14px;font-size:12px}
.shell-thumbnails{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.shell-thumb{border-radius:7px;overflow:hidden;background:#faf8f5}
.shell-thumb img{background:#faf8f5}
.shell-thumb span{min-height:34px;background:#faf8f5}
.shell-spin-navigation{margin:14px 0 0;text-align:center}
.shell-angle-dots{display:flex;justify-content:center;align-items:center;gap:2px}
.shell-angle-dot{display:grid;place-items:center;width:30px;height:30px;padding:0;border:0;border-radius:50%;background:transparent;cursor:pointer}
.shell-angle-dot::after{content:"";display:block;width:6px;height:6px;border-radius:50%;background:#cdbeb8;transition:background .15s ease,transform .15s ease}
.shell-angle-dot[aria-pressed=true]::after{background:#153b5c;transform:scale(1.4)}
.shell-spin-help{margin:5px 0 0;color:#75645e;font-size:11px;line-height:1.5}
.shell-fit-note{margin:12px 0 0;color:#75645e;font-size:11px;line-height:1.6}
.shell-catalog-card .shell-fit-note{margin:-8px 0 14px;font-size:10px}
.shell-detail .detail-gallery{min-width:0}
@media(max-width:400px){.shell-view-tools{left:10px;right:10px;bottom:10px;gap:4px}.shell-view-caption{font-size:9px;padding:6px 7px}.shell-view-actions{gap:4px}.shell-view-actions button{font-size:10px;padding:8px 9px;min-height:40px}.shell-detail .shell-view-actions button{padding:9px 11px;font-size:11px}.shell-spin-step{width:34px;height:34px}.shell-thumbnails{gap:8px}}
@media(prefers-reduced-motion:reduce){.shell-angle-dot::after{transition:none}}
