.product-image-list{min-height:150px;border:1px dashed #aaa;background:#e7e6df;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:8px;margin:-5px 0 20px;color:#777;font-size:12px}
.product-image-list>span{grid-column:1/-1;place-self:center}
.product-image-item{position:relative;aspect-ratio:1;background:#fff;overflow:hidden}
.product-image-item img{width:100%;height:100%;object-fit:cover}
.product-image-item button{position:absolute;right:5px;top:5px;width:25px;height:25px;border:0;border-radius:50%;background:#111;color:#fff;cursor:pointer}
.size-chart-preview{height:190px;border:1px dashed #aaa;background:#e7e6df;display:grid;place-items:center;margin:-5px 0 20px;overflow:hidden;color:#777;font-size:12px}
.size-chart-preview img{width:100%;height:100%;object-fit:contain;background:#fff}
.admin-thumb{width:55px;height:55px;object-fit:cover}
.product-art.has-image:after,.product-art.has-image:before{display:none}
.product-art img{width:100%;height:100%;object-fit:cover;transition:transform .45s}
.product:hover .product-art img{transform:scale(1.045)}
.modal-visual img{width:100%;height:100%;object-fit:cover}
.modal-gallery{min-height:100%;display:grid;grid-template-rows:1fr auto;background:#ddd}
.modal-thumbs{display:flex;gap:7px;padding:10px;background:#111;overflow-x:auto}
.modal-thumbs button{flex:0 0 58px;width:58px;height:58px;padding:0;border:2px solid transparent;background:#333;cursor:pointer}
.modal-thumbs button.active{border-color:var(--acid)}
.modal-thumbs img{width:100%;height:100%;object-fit:cover}
.modal-thumbs:empty{display:none}
.size-chart-section{margin-top:30px}
.size-chart-section.hidden{display:none}
.size-chart-section img{display:block;width:100%;max-height:480px;object-fit:contain;background:#fff;border:1px solid var(--line)}
.product-copy{white-space:pre-line}
.order-button+.order-button{margin-top:8px}
.secondary-order{background:transparent;color:var(--ink);border:1px solid var(--ink)}
.secondary-order span{color:var(--ink)}
.product-link.hidden{display:none}
.hero.shell{position:relative;display:block;width:100%;max-width:none;min-height:calc(100vh - 72px);border:0;overflow:hidden}
.hero-art{position:absolute;inset:0;min-height:100%;border:0;z-index:0}
.hero-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 35%}
.hero-photo-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,8,7,.82) 0%,rgba(8,8,7,.58) 38%,rgba(8,8,7,.08) 70%,rgba(8,8,7,.28) 100%)}
.hero-copy{position:relative;z-index:2;width:min(650px,65%);min-height:calc(100vh - 72px);display:flex;flex-direction:column;justify-content:center;color:#fff;padding-left:max(48px,calc((100vw - 1240px)/2))}
.hero-copy .eyebrow,.hero-copy .hero-sub{color:#e9e8e1}
.hero-copy .hero-cta{background:var(--acid);color:#111;width:max-content}
.hero-copy .hero-cta span{color:#111}
.hero-art .shoe-word{left:auto;right:max(24px,calc((100vw - 1240px)/2));top:auto;bottom:28px;font-size:clamp(54px,7vw,96px);color:var(--acid);text-shadow:none;transform:none;z-index:2;letter-spacing:-.08em}
.hero-art .edition{z-index:2;background:var(--acid);padding:10px;color:#111;right:max(24px,calc((100vw - 1240px)/2))}
.platform-setting{display:grid;grid-template-columns:76px 1fr;gap:18px;padding:20px 0;border-top:1px solid var(--line)}
.platform-icon-preview{width:76px;height:76px;border:1px solid var(--ink);background:#fff;display:grid;place-items:center;font:700 22px "Space Mono";overflow:hidden}
.platform-icon-preview img{width:100%;height:100%;object-fit:contain;padding:8px}
.platform-setting label{margin-bottom:10px}
.platform-setting .icon-upload{font-size:11px;color:#666}
.platform-setting input[type="file"]{padding:9px;background:#fff}
.link-grid a:has(.platform-icon){position:relative;padding-left:94px}
.platform-icon{position:absolute;left:25px;top:50%;transform:translateY(-50%);width:50px;height:50px;object-fit:contain;background:#fff;border:1px solid currentColor;padding:7px}
@media(max-width:700px){
  .hero.shell,.hero-copy{min-height:calc(100svh - 62px)}
  .hero-copy{width:100%;padding:70px 24px 150px;justify-content:flex-end}
  .hero-photo{object-position:58% center}
  .hero-photo-overlay{background:linear-gradient(0deg,rgba(8,8,7,.88) 0%,rgba(8,8,7,.25) 75%)}
  .hero-art .shoe-word{right:20px;bottom:20px}
  .platform-setting{grid-template-columns:58px 1fr}.platform-icon-preview{width:58px;height:58px}
}
