/* Focus Socks — image placeholders + brand wordmark. Loaded after styles.css. */
.fs-ph{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;width:100%;height:100%;min-height:120px;box-sizing:border-box;padding:16px;text-align:center;background:repeating-linear-gradient(45deg,#e9e7e0,#e9e7e0 11px,#e2e0d7 11px,#e2e0d7 22px);border:1px dashed #b6b2a3;color:#6c6759;font-family:var(--font-body);font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;line-height:1.5}
.fs-ph small{display:block;font-size:10px;font-weight:500;letter-spacing:.06em;text-transform:none;opacity:.75}
.fs-ph--dark{background:repeating-linear-gradient(45deg,rgba(255,255,255,.07),rgba(255,255,255,.07) 11px,rgba(255,255,255,.03) 11px,rgba(255,255,255,.03) 22px);border-color:rgba(255,255,255,.32);color:rgba(255,255,255,.72)}
.fs-ph--tile{position:absolute;inset:0}
.fs-ph--qr{width:76px;height:76px;min-height:0;flex:0 0 auto;font-size:9px;letter-spacing:.08em;border-radius:6px}
.fs-ph--wide{aspect-ratio:4/3}
.fh-style-art .fs-ph{aspect-ratio:4/3;min-height:0}
.fh-lightbox-frame .fs-ph{aspect-ratio:4/3;width:min(70vw,760px);min-height:0}
.fs-brand{display:flex;align-items:baseline;gap:8px;text-decoration:none}
.fs-brand .mark{font-family:var(--font-display);font-weight:700;font-size:22px;letter-spacing:-.02em;color:var(--focus-green,#1d4a2f)}
.fs-brand .sub{font-family:var(--font-body);font-size:11px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-2,#5b5b53)}
.fh-footer .fs-brand .mark{color:#fff}
.fh-footer .fs-brand .sub{color:rgba(255,255,255,.7)}

/* Nav: prevent brand/links/button collision in the 920–1040px band. */
.fh-nav-inner{gap:24px}
.fs-brand{flex:0 0 auto}
@media (max-width:1040px){.fh-nav-links{display:none}}

/* Real product photography */
.fs-img{display:block;width:100%;height:100%;object-fit:contain;background:#fff}
.fh-style-art .fs-img{aspect-ratio:4/3;border-radius:10px}
.fs-img--wide{aspect-ratio:4/3;object-fit:cover;border-radius:12px}
.fs-img--lightbox{aspect-ratio:4/3;width:min(70vw,760px);height:auto;border-radius:10px}
.fh-hero-tile-caption{gap:16px;flex-wrap:wrap}
.fh-style-num{background:rgba(255,255,255,.92);color:var(--ink,#14241d);padding:3px 8px;border-radius:999px;box-shadow:0 1px 4px rgba(0,0,0,.12)}
.fh-hero-rotator{position:absolute;inset:0;background:#fff;overflow:hidden}
.fh-hero-rot-img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;padding:12% 8% 20%;box-sizing:border-box;opacity:0;transition:opacity .9s ease}
.fh-hero-rot-img.is-on{opacity:1}
.fs-qr{width:76px;height:76px;flex:0 0 auto;border-radius:6px;background:#fff;padding:4px;box-sizing:border-box;object-fit:contain}
.fh-row-2{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.fh-field{min-width:0}
.fh-field input,.fh-field select,.fh-field textarea{min-width:0;width:100%;box-sizing:border-box}
@media (max-width:520px){.fh-row-2{grid-template-columns:minmax(0,1fr)}}