.hh-shirt-section,.hh-shirt-section *{box-sizing:border-box}
.hh-shirt-section{width:100%;margin:24px 0;font-family:inherit;color:#46364f;line-height:1.5}
.hh-shirt-section [hidden]{display:none!important}
.hh-shirt-section .shirt-order{background:#fff;border:1px solid #e5d9ee;border-radius:18px;overflow:hidden;box-shadow:0 8px 30px #4b245409}
.hh-shirt-section .shirt-header{background:linear-gradient(110deg,#603288,#087d87);padding:20px 24px;color:#fff}
.hh-shirt-section .shirt-header small{color:#ffe071;letter-spacing:.12em;font-weight:800}
.hh-shirt-section .shirt-header h1{color:#fff;font-size:28px;line-height:1.2;margin:8px 0}
.hh-shirt-section .shirt-header p{margin:0;color:#f4eef8}
.hh-shirt-section .shirt-body{padding:20px 24px}
.hh-shirt-section .layout{display:grid;grid-template-columns:minmax(200px,260px) minmax(0,1fr);gap:24px}
.hh-shirt-section .layout>*{min-width:0}
.hh-shirt-section .photos{display:grid;grid-template-columns:1fr;gap:18px;align-content:start}
.hh-shirt-section figure{margin:0}
.hh-shirt-section figcaption{font-weight:700;color:#603288;margin-bottom:10px}
.hh-shirt-section .shirt-photo{position:relative;aspect-ratio:1/1.04;overflow:hidden;border:1px solid #e5d9ee;border-radius:12px;background:#f8f4fb}
.hh-shirt-section .shirt-photo img{position:absolute;display:block;width:241%;max-width:none;height:auto;top:-35.9%}
.hh-shirt-section .shirt-photo.front img{left:-21.3%}
.hh-shirt-section .shirt-photo.back img{left:-129.5%}
.hh-shirt-section .price{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px}
.hh-shirt-section .price h2{font-size:22px;color:#603288;line-height:1.2;margin:0}
.hh-shirt-section .price strong{font-size:32px;color:#087d87;white-space:nowrap}
.hh-shirt-section .price span{display:block;font-size:13px;color:#7d6c88;font-weight:400;text-align:right}
.hh-shirt-section .delivery{background:#eff8f7;border-left:4px solid #087d87;padding:13px 16px;border-radius:8px;font-size:14px;margin:20px 0}
.hh-shirt-section label{display:block;color:#603288;font-weight:700;margin-bottom:8px}
.hh-shirt-section .fields{display:grid;grid-template-columns:1fr 100px;gap:16px}
.hh-shirt-section input,.hh-shirt-section select{font:inherit;width:100%;border:1px solid #dacde5;border-radius:8px;padding:11px;color:#46364f;background:#fff;min-height:46px}
.hh-shirt-section .total{display:flex;justify-content:space-between;border-top:1px solid #e6dced;padding:18px 0;margin-top:20px;font-weight:800;font-size:20px}
.hh-shirt-section .total output{color:#087d87}
.hh-shirt-section .order-button{border:0;border-radius:10px;padding:14px 20px;min-height:48px;width:100%;font:inherit;font-weight:750;color:#fff;background:#603288;cursor:pointer}
.hh-shirt-section .order-button:disabled{opacity:.55;cursor:default}
.hh-shirt-section .help{font-size:13px;color:#7d6c88;margin-top:12px}
.hh-shirt-section button,.hh-shirt-section input,.hh-shirt-section select{outline-offset:3px}
.hh-shirt-section .member-note{padding:12px 24px;background:#fff5cf;color:#69552a;font-size:14px}
.hh-shirt-section .shirt-photo-open{display:block;width:100%;padding:0;border:0;background:transparent;cursor:zoom-in}
.hh-shirt-section .shirt-photo-open:focus-visible{outline:3px solid #f4c748;outline-offset:4px;border-radius:12px}
.hh-shirt-section .shirt-zoom-dialog{box-sizing:border-box;width:min(680px,94vw);max-height:92vh;padding:18px;border:1px solid #dccfe7;border-radius:16px;background:#fff;color:#46364f;overflow:auto}
.hh-shirt-section .shirt-zoom-dialog::backdrop{background:#241530bd}
.hh-shirt-section .shirt-zoom-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:14px;color:#603288}
.hh-shirt-section .shirt-zoom-close{border:0;background:#603288;color:#fff;border-radius:8px;padding:9px 14px;font:inherit;cursor:pointer;min-height:44px}
.hh-shirt-section .shirt-zoom-dialog .shirt-zoom-frame{width:min(100%,58vh);margin:auto}
@media(max-width:760px){.hh-shirt-section .shirt-header,.hh-shirt-section .shirt-body{padding:22px}.hh-shirt-section .layout{grid-template-columns:1fr}.hh-shirt-section .shirt-header h1{font-size:27px}.hh-shirt-section .member-note{padding:14px 22px}}
@media(prefers-reduced-motion:reduce){.hh-shirt-section *{scroll-behavior:auto}}

.hh-shirt-section [data-shirt-school="CCHS"] .shirt-photo img,.hh-shirt-section [data-shirt-school="GOHS"] .shirt-photo img{width:240.33%;top:-76.03%}
.hh-shirt-section [data-shirt-school="CCHS"] .shirt-photo.front img,.hh-shirt-section [data-shirt-school="GOHS"] .shirt-photo.front img{left:-16.28%}
.hh-shirt-section [data-shirt-school="CCHS"] .shirt-photo.back img,.hh-shirt-section [data-shirt-school="GOHS"] .shirt-photo.back img{left:-123.26%}

.hh-shirt-section [data-shirt-school="TWCA"] .shirt-photo img{width:240.33%;top:-76.03%}
.hh-shirt-section [data-shirt-school="TWCA"] .shirt-photo.front img{left:-16.28%}
.hh-shirt-section [data-shirt-school="TWCA"] .shirt-photo.back img{left:-123.26%}

.hh-shirt-section [data-shirt-school="CPHS"] .shirt-photo img{width:240.33%;top:-76.03%}
.hh-shirt-section [data-shirt-school="CPHS"] .shirt-photo.front img{left:-16.28%}
.hh-shirt-section [data-shirt-school="CPHS"] .shirt-photo.back img{left:-123.26%}

.hh-shirt-section [data-shirt-school="RCS"] .shirt-photo img{width:240.33%;top:-76.03%}
.hh-shirt-section [data-shirt-school="RCS"] .shirt-photo.front img{left:-16.28%}
.hh-shirt-section [data-shirt-school="RCS"] .shirt-photo.back img{left:-123.26%}

.hh-shirt-section [data-shirt-school="MHS"] .shirt-photo img{width:240.33%;top:-76.03%}
.hh-shirt-section [data-shirt-school="MHS"] .shirt-photo.front img{left:-16.28%}
.hh-shirt-section [data-shirt-school="MHS"] .shirt-photo.back img{left:-123.26%}

.hh-shirt-section [data-shirt-school="WHS"] .shirt-photo img{width:240.33%;top:-76.03%}
.hh-shirt-section [data-shirt-school="WHS"] .shirt-photo.front img{left:-16.28%}
.hh-shirt-section [data-shirt-school="WHS"] .shirt-photo.back img{left:-123.26%}

.hh-shirt-section [data-shirt-school="LSU"] .shirt-photo img{width:240.33%;top:-76.03%}
.hh-shirt-section [data-shirt-school="LSU"] .shirt-photo.front img{left:-16.28%}
.hh-shirt-section [data-shirt-school="LSU"] .shirt-photo.back img{left:-123.26%}

.hh-shirt-section [data-shirt-school="UTAUSTIN"] .shirt-photo img{width:240.33%;top:-76.03%}
.hh-shirt-section [data-shirt-school="UTAUSTIN"] .shirt-photo.front img{left:-16.28%}
.hh-shirt-section [data-shirt-school="UTAUSTIN"] .shirt-photo.back img{left:-123.26%}
