.sock-rack{margin:36px 0 44px;color:#31584f}.sock-rack__heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:18px}.sock-rack h2{font-size:25px;font-weight:800;margin:0 0 8px}.sock-rack__heading p{font-size:13px;color:#6c7a70;margin:0}.sock-rack__heading nav{display:flex;gap:20px;font-size:13px}.sock-rack__heading a{color:#31584f;text-decoration:none;padding-bottom:6px;border-bottom:2px solid #c88878}.sock-rack__scroll{overflow:visible;padding:10px 5px 30px;margin:-10px -5px 0}.sock-rack__cabinet{position:relative;aspect-ratio:1920/819;background-image:var(--rack-cover);background-size:100% 100%;background-repeat:no-repeat;border-radius:3px;box-shadow:0 18px 25px -22px #402a1699;isolation:isolate}.sock-rack__item{position:absolute;left:var(--rack-left);top:var(--rack-top);width:7.4%;height:19.2%;z-index:1}.sock-rack__item:hover,.sock-rack__item:focus-within{z-index:20}.sock-rack__product{display:block;position:absolute;inset:0;text-decoration:none;color:#31584f;filter:drop-shadow(4px 8px 3px #38281942);transform-origin:50% 5%;transition:transform .23s ease,filter .23s ease}.sock-rack__product img{display:block;width:118%;max-width:none;height:100%;object-fit:fill;margin-inline:-9%;clip-path:polygon(25% 8%,61% 8%,64% 13%,63% 30%,65% 48%,72% 64%,82% 75%,85% 83%,81% 90%,71% 94%,51% 94%,31% 88%,20% 82%,17% 75%,19% 64%,23% 49%,24% 30%)}.sock-rack__tag{position:absolute;top:4%;left:28%;width:40%;height:12%;display:grid;place-items:center;background:#fffcf1;box-shadow:0 2px 2px #3b2b1b33;color:#31584f;font-size:7px;z-index:2;border-radius:1px}.sock-rack__product:hover,.sock-rack__product:focus-visible{transform:translateY(-6px) scale(1.6);filter:drop-shadow(8px 14px 7px #33291b55)}.sock-rack__product:focus-visible{outline:2px solid #c88878;outline-offset:3px}.sock-rack__name{position:absolute;top:100%;left:50%;transform:translateX(-50%);max-width:180px;min-width:120px;text-align:center;font-size:9px;padding:5px 7px;background:#fffbf1;color:#31584f;box-shadow:0 3px 8px #29251b33;border-radius:4px;opacity:0;pointer-events:none}.sock-rack__product:hover .sock-rack__name,.sock-rack__product:focus-visible .sock-rack__name{opacity:1}.sock-rack__price{position:absolute;top:100%;left:50%;transform:translateX(-50%);margin-top:1px;padding:0 5px;font-size:10px;line-height:17px;white-space:nowrap;background:#fffaf0f5;color:#31584f;border-radius:3px;box-shadow:0 1px 3px #3c2c1020}.sock-rack__price small{font-size:8px}.sock-rack__unavailable{display:inline-block;margin-inline-start:4px;color:#85442d;font-size:8px}.sock-rack__footer{display:flex;justify-content:space-between;gap:15px;align-items:center;font-size:12px}.sock-rack__footer span{color:#68796c}.sock-rack__footer a{border:1px solid #31584f;padding:9px 17px;border-radius:9px;text-decoration:none;color:#31584f}.sock-rack__footer a:hover{background:#31584f;color:white}
.sock-rack__dialog{width:min(480px,92vw);max-height:90vh;padding:0;border:0;border-radius:17px;background:#fffaf4;color:#31584f;box-shadow:0 20px 80px #0005;overflow:auto}.sock-rack__dialog::backdrop{background:#12251fc2;backdrop-filter:blur(4px)}.sock-rack__close{position:absolute;top:12px;left:12px;width:36px;height:36px;background:#fff;border:1px solid #e4e7df;border-radius:50%;font-size:24px;z-index:2;cursor:pointer}.sock-rack__detail-image{display:block;width:100%;height:auto;max-height:48vh;object-fit:contain}.sock-rack__details{padding:0 24px 24px}.sock-rack__details h3{font-size:19px;font-weight:800;line-height:1.8}.sock-rack__detail-price{font-size:19px;font-weight:700;margin:10px 0}.sock-rack__status{font-size:12px;line-height:1.8;min-height:20px}.sock-rack__variant{display:block;margin:10px 0;font-size:12px}.sock-rack__variant select{display:block;width:100%;padding:9px;border:1px solid #d3ddd3;background:#fff;border-radius:8px;margin-top:5px}.sock-rack__variant[hidden]{display:none}.sock-rack__cart-row{display:flex;align-items:end;gap:12px}.sock-rack__cart-row label{font-size:11px;width:65px;flex:none}.sock-rack__cart-row input{display:block;width:100%;height:46px;border:1px solid #d3ddd3;border-radius:8px;padding:5px 10px;margin-top:5px}.sock-rack__cart-row button{flex:1;min-height:46px;padding:10px 15px;border:0;border-radius:9px;background:#31584f;color:white;font-weight:700;font-size:13px;cursor:pointer}.sock-rack__cart-row button:disabled{background:#dce3d9;color:#657361;cursor:not-allowed}.sock-rack__detail-link{display:block;margin-top:15px;font-size:12px;color:#31584f;text-decoration:underline}.sock-rack a:focus-visible,.sock-rack button:focus-visible{outline:2px solid #c88878;outline-offset:3px}
@media(max-width:800px){.sock-rack{margin-top:25px}.sock-rack h2{font-size:20px}.sock-rack__heading{display:block}.sock-rack__heading nav{margin-top:15px}.sock-rack__scroll{overflow-x:auto;scrollbar-width:thin;padding-bottom:22px}.sock-rack__cabinet{min-width:1080px}.sock-rack__footer{font-size:11px;align-items:start}.sock-rack__footer span{max-width:48%}.sock-rack__price{font-size:9px;line-height:15px}.sock-rack__tag{font-size:6px}.sock-rack__product:hover,.sock-rack__product:focus-visible{transform:scale(1.4)}}
@media(prefers-reduced-motion:reduce){.sock-rack__product{transition:none}}

/* Keep the sock, its tag and the price in the same hover coordinate system. */
.sock-rack__item{transform-origin:50% 5%;transition:transform .23s ease}
.sock-rack__item:hover,.sock-rack__item:focus-within{transform:translateY(-6px) scale(1.6)}
.sock-rack__product:hover,.sock-rack__product:focus-visible{transform:none}
.sock-rack__name{top:calc(100% + 23px)}
/* Rack-specific transparent images provide real silhouettes; no generic polygon/mask. */
.sock-rack__product img{clip-path:none;mask-image:none;-webkit-mask-image:none;object-fit:contain}
/* The theme resets element margins, including the native dialog auto-centering. */
.sock-rack__dialog{position:fixed;inset:0;margin:auto;height:fit-content;max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px)}
@media(max-width:800px){.sock-rack__item:hover,.sock-rack__item:focus-within{transform:translateY(-4px) scale(1.4)}.sock-rack__product:hover,.sock-rack__product:focus-visible{transform:none}}
@media(prefers-reduced-motion:reduce){.sock-rack__item{transition:none}}

/* Mount the cabinet in the same white/eucalyptus surface used by the storefront. */
.sock-rack>.container-fluid{padding:24px;background:#fff;border:1px solid #dce6df;border-inline-start:3px solid #bfd1c5;border-radius:18px;box-shadow:0 6px 20px -14px #264b3c45}
.sock-rack__heading{padding-inline:2px;margin-bottom:20px}
.sock-rack__scroll{margin:0;padding:10px 10px 26px;background:#edf2ed;border:1px solid #c6d3c8;border-radius:12px;box-shadow:inset 0 1px 4px #36534116;scrollbar-color:#9eb5a6 #e7eee8;scrollbar-width:thin}
.sock-rack__cabinet{border-radius:7px;box-shadow:0 3px 9px #263d2a28}
.sock-rack__footer{padding-top:17px;margin-top:16px;border-top:1px solid #e5ece6}
@media(max-width:800px){.sock-rack>.container-fluid{padding:16px 12px;border-radius:15px}.sock-rack__heading{padding-inline:4px;margin-bottom:17px}.sock-rack__scroll{padding:8px 8px 24px;border-radius:10px;overscroll-behavior-inline:contain}.sock-rack__footer{margin-top:12px;padding-top:13px;gap:12px}.sock-rack__footer a{padding:8px 11px;white-space:nowrap}}