.hw213-gallery{margin-top:30px}.hw213-filter{display:flex;align-items:end;gap:24px;flex-wrap:wrap;margin-bottom:25px}.hw213-filter label{font-weight:700;display:grid;gap:8px}.hw213-filter select{padding:12px 16px;min-width:240px;max-width:100%;background:#fff;border:1px solid #bdcfc5;border-radius:6px;font:inherit}.hw213-filter p{margin:0 0 12px;color:#476257}.hw213-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}.hw213-card{min-width:0;display:flex;flex-direction:column;background:#fff;border:1px solid #d9e2d8;border-radius:12px;overflow:hidden}.hw213-card[hidden]{display:none!important}.hw213-card>a{display:block;color:inherit;text-decoration:none}.hw213-image{position:relative}.hw213-image img{display:block;width:100%;height:auto;margin:0}.hw213-image span{position:absolute;top:12px;left:12px;background:#fffef2e8;padding:5px 7px;font-size:11px;color:#154238;font-weight:700;letter-spacing:.03em}.hw213-copy{padding:18px 22px}.hw213-copy p{font-size:12px;color:#476257;text-transform:uppercase;letter-spacing:.05em;margin:0 0 8px}.hw213-copy h2{font-size:23px;margin:0}.hw213-actions{display:flex;flex-wrap:wrap;gap:10px;padding:0 22px 22px;margin-top:auto}.hw213-actions .button{font-size:14px;padding:15px 18px;min-height:48px;margin:0;white-space:normal}
[data-headwear-v213]{max-width:1560px;margin:0 auto;padding:35px 28px}[data-headwear-v213] .ck-layout{grid-template-columns:minmax(0,1.55fr) minmax(330px,.75fr);gap:26px}[data-headwear-v213] .ck-canvas-wrap{background:white;padding:0;overflow:hidden}[data-headwear-v213] canvas{width:100%;height:auto;display:block;touch-action:none}.hw213-print-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.hw213-print-controls label{font-size:14px;min-width:0}.hw213-print-controls [hidden]{display:none!important}
@media(max-width:850px){[data-headwear-v213] .ck-layout{grid-template-columns:1fr}[data-headwear-v213]{padding:24px 15px}}
@media(max-width:680px){.hw213-grid{grid-template-columns:1fr;gap:18px}.hw213-actions{padding:0 16px 18px}.hw213-copy{padding:16px}.hw213-actions .button{flex:1 1 160px}.hw213-filter{gap:12px}.hw213-filter label,.hw213-filter select{width:100%;min-width:0}.hw213-copy h2{font-size:21px}}
@media(prefers-reduced-motion:reduce){.hw213-card *{animation:none!important;transition:none!important}}

/* Maintain the intrinsic ratio and complete crown and pom in narrow single-view previews. */
[data-headwear-v213] canvas{width:auto;height:auto;max-width:100%;max-height:min(80vh,900px);margin:0 auto}

.hw213-gallery .hw213-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hw213-image img{background:#f2f1e9}.hw213-filter a{margin-bottom:12px}.hw213-card .button{min-width:0}.hw213-links{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:20px}.hw213-links .button{margin:0}@media(max-width:1000px){.hw213-gallery .hw213-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:680px){.hw213-gallery .hw213-grid{grid-template-columns:1fr}}