@font-face{font-family:'NoteOrder Roboto';src:url('/fonts/apparel/Roboto-Regular.ttf')}@font-face{font-family:'NoteOrder Noto Serif';src:url('/fonts/apparel/NotoSerif-Variable.ttf')}@font-face{font-family:'NoteOrder Roboto Mono';src:url('/fonts/apparel/RobotoMono-Variable.ttf')}
.jhk-shop{--ink:#101827;--blue:#17365d;--accent:#ff7a00;max-width:1600px;margin:115px auto 60px;padding:0 28px;color:var(--ink);font-family:system-ui,sans-serif}.jhk-shop [hidden]{display:none!important}.jhk-shop button,.jhk-shop a,.jhk-shop input,.jhk-shop select,.jhk-shop textarea{font:inherit}.jhk-shop button{cursor:pointer}.jhk-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:26px}.jhk-heading h1{font-size:clamp(26px,3vw,40px);font-weight:800;letter-spacing:-1px;margin:8px 0}.jhk-heading p,.jhk-muted{color:#62718a}.jhk-muted{font-size:12px;line-height:1.5}.jhk-eyebrow{font-weight:750;font-size:12px;letter-spacing:1.5px;color:var(--blue)}#shop-status{margin:12px 0;color:#435674}.jhk-filters{display:flex;gap:20px;align-items:end;margin:22px 0}.jhk-filters label{max-width:400px;flex:1}.jhk-shop label{display:flex;flex-direction:column;gap:7px;font-size:13px;font-weight:600;margin-bottom:12px}.jhk-shop input,.jhk-shop select,.jhk-shop textarea{border:1px solid #cfd7e5;border-radius:8px;padding:10px;min-width:0;background:white;color:#101827}.jhk-shop input:focus,.jhk-shop select:focus{outline:2px solid #007fff;outline-offset:2px}.jhk-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(225px,1fr));gap:22px}.jhk-catalog-card{display:block;border:1px solid #e1e6ee;border-radius:13px;overflow:hidden;background:white;text-decoration:none;color:inherit;transition:box-shadow .2s}.jhk-catalog-card:hover{box-shadow:0 8px 30px #12244218;color:inherit}.jhk-catalog-card img{width:100%;height:250px;object-fit:contain;background:#fbfcfd}.jhk-catalog-card div{padding:18px}.jhk-catalog-card h3{font-size:17px;font-weight:750;margin:6px 0 12px}.jhk-catalog-card small{color:#62718a}.jhk-catalog-card strong{color:var(--blue)}.jhk-product{display:grid;grid-template-columns:minmax(330px,.9fr) minmax(450px,1.1fr);gap:28px;margin-top:18px}.jhk-gallery{position:sticky;top:105px;align-self:start}.jhk-stage{position:relative;background:#fafbfc;border:1px solid #dde3ed;border-radius:12px;aspect-ratio:1/1;overflow:hidden}.jhk-stage>img{width:100%;height:100%;object-fit:contain}.jhk-design-preview{position:absolute;border:1px dashed #667084;display:flex;align-items:center;justify-content:center;overflow:hidden;pointer-events:none;text-align:center;white-space:pre-wrap}.jhk-design-preview img{width:100%;height:100%;object-fit:contain}.jhk-design-preview:empty{border:0}.jhk-design-preview span{width:100%;overflow-wrap:anywhere}.jhk-segmented,.jhk-presets{display:flex;gap:7px;flex-wrap:wrap;margin:12px 0}.jhk-segmented button,.jhk-presets button,.jhk-secondary{border:1px solid #d2dbea;border-radius:8px;padding:10px 16px;background:white;color:var(--blue);text-decoration:none}.jhk-shop button[aria-pressed=true]{border-color:#007fff;background:#edf6ff;color:#005dba}.jhk-shop button:disabled{opacity:.5;cursor:not-allowed}.jhk-config h2{font-size:26px;font-weight:800}.jhk-config>p{font-size:14px;color:#62718a}.jhk-base{padding:12px 0;color:#62718a}.jhk-base strong{color:var(--blue);font-size:21px}.jhk-card{border:1px solid #dde3ed;border-radius:12px;background:white;padding:20px;margin:15px 0}.jhk-card h3{font-size:16px;font-weight:800;margin-bottom:18px}.jhk-swatches{display:flex;flex-wrap:wrap;gap:7px}.jhk-swatches button{width:32px;height:32px;border:2px solid #d8dce4;border-radius:7px;font-size:9px;position:relative}.jhk-swatches button[aria-pressed=true]{outline:2px solid #007fff;outline-offset:2px}.jhk-swatches button[data-selected=true]:after{content:'✓';position:absolute;inset:-6px -6px auto auto;background:#17365d;color:white;border-radius:50%;width:15px;height:15px}.jhk-table-scroll{overflow-x:auto}.jhk-matrix{width:100%;border-collapse:collapse;font-size:12px;white-space:nowrap}.jhk-matrix th,.jhk-matrix td{padding:9px 5px;text-align:center;border-bottom:1px solid #edf0f5}.jhk-matrix th{background:#f5f7fb;color:#475776}.jhk-matrix td.active-band{background:#edf7ff;font-weight:750}.jhk-matrix input{width:64px;padding:7px}.jhk-row{display:flex;gap:12px}.jhk-row label{flex:1}.jhk-toggle{flex-direction:row!important;align-items:center}.jhk-toggle input{width:18px;height:18px}.jhk-selection{font-size:13px;font-weight:600;margin:14px 0;line-height:1.7}.jhk-link{background:none;border:0;padding:6px 0;color:var(--blue);text-decoration:underline}.jhk-price{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:22px 0 10px}.jhk-price span,.jhk-price small{display:block;color:#62718a;font-size:12px}.jhk-price strong{display:block;color:var(--blue);font-size:34px}.jhk-primary{background:var(--blue);color:white;border:0;border-radius:8px;padding:15px 20px;font-weight:700!important}.jhk-print-summary{font-size:13px;border-top:1px solid #edf0f5;padding:8px 0}.jhk-error{color:#a63a13!important;background:#fff6eb;padding:10px;border-radius:6px}#photo-warning{position:absolute;bottom:8px;left:10px;font-size:12px;color:#a63a13}#price-status{font-size:13px}
@media(max-width:950px){.jhk-product{grid-template-columns:1fr}.jhk-gallery{position:static;max-width:600px;width:100%;margin:auto}.jhk-heading{align-items:start;flex-direction:column}.jhk-shop{padding:0 15px}.jhk-price{flex-wrap:wrap}.jhk-filters{flex-wrap:wrap}.jhk-filters label{min-width:160px}.jhk-card{padding:15px}}
/* The public navigation is in normal flow; do not reserve its height twice. */
body:has(main.jhk-shop){padding-top:0!important}
body:has(.site-header-nav) main.jhk-shop{width:min(100%,1600px);box-sizing:border-box;margin:28px auto 60px;padding-top:0}
/* Hover effects never create sticky/two-tap states on touch screens. */
.jhk-catalog-card{transition:transform .2s ease,box-shadow .2s ease}
.jhk-catalog-card img{transition:transform .25s ease}
.jhk-catalog-card:focus-visible{outline:3px solid #007fff;outline-offset:3px}
@media(hover:hover) and (pointer:fine){.jhk-catalog-card:hover{transform:translateY(-3px);box-shadow:0 10px 28px #12244218}.jhk-catalog-card:hover img{transform:scale(1.025)}}
@media(hover:none){.jhk-catalog-card:hover{box-shadow:none}}
@media(prefers-reduced-motion:reduce){.jhk-catalog-card,.jhk-catalog-card img{transition:none!important;transform:none!important}}
#placement-zones{position:absolute;inset:0;pointer-events:none}
.jhk-shop .jhk-zone{position:absolute;transform:translate(-50%,-50%);pointer-events:auto;padding:5px 7px;font-size:10px;font-weight:750;border:1px solid #ff7a00;border-radius:5px;background:#fffffff2;color:#17365d;z-index:2;white-space:nowrap}
.jhk-zone:focus-visible,.jhk-design-preview:focus-visible{outline:3px solid #007fff;outline-offset:3px}
.jhk-design-preview[data-operation]{touch-action:none;cursor:move}
.jhk-design-preview[data-operation] img{pointer-events:none;user-select:none}
.jhk-designer-help{color:#435674;font-size:13px;line-height:1.55;margin:12px 0}
.jhk-precise-controls{margin:12px 0;border-top:1px solid #e1e6ee;padding-top:10px}
.jhk-precise-controls summary{cursor:pointer;color:#435674;font-size:13px;margin-bottom:12px}
.jhk-design-preview[data-operation]{overflow:visible;border:1px solid transparent;z-index:3;user-select:none}
.jhk-design-preview[data-operation].is-selected{border:2px solid #007fff;z-index:4}
.jhk-design-preview[data-operation]>img,.jhk-design-preview[data-operation]>span{max-width:100%;max-height:100%;pointer-events:none}
.jhk-shop .jhk-transform-handle{display:none;position:absolute;box-sizing:border-box;min-width:24px;width:24px;height:24px;padding:0;background:#fff;border:2px solid #007fff;border-radius:50%;touch-action:none;z-index:6}
.jhk-design-preview.is-selected .jhk-transform-handle{display:block}
.jhk-resize-handle[data-corner=nw]{left:-12px;top:-12px;cursor:nwse-resize}
.jhk-resize-handle[data-corner=ne]{right:-12px;top:-12px;cursor:nesw-resize}
.jhk-resize-handle[data-corner=sw]{left:-12px;bottom:-12px;cursor:nesw-resize}
.jhk-resize-handle[data-corner=se]{right:-12px;bottom:-12px;cursor:nwse-resize}
.jhk-shop .jhk-rotate-handle{left:calc(50% - 14px);top:-43px;width:28px;height:28px;cursor:grab;font-size:18px;color:#005dba}
.jhk-rotate-handle:before{content:'';position:absolute;width:1px;height:14px;background:#007fff;left:12px;top:25px}
@media(pointer:coarse){.jhk-shop .jhk-transform-handle{width:32px;height:32px;min-width:32px}.jhk-resize-handle[data-corner=nw],.jhk-resize-handle[data-corner=ne]{top:-16px}.jhk-resize-handle[data-corner=sw],.jhk-resize-handle[data-corner=se]{bottom:-16px}.jhk-resize-handle[data-corner=nw],.jhk-resize-handle[data-corner=sw]{left:-16px}.jhk-resize-handle[data-corner=ne],.jhk-resize-handle[data-corner=se]{right:-16px}.jhk-shop .jhk-rotate-handle{left:calc(50% - 16px);top:-50px}}