/* Mental Health Hockey hoodie preview: graphic is fixed, only artwork and colours change. */
#pgHoodieBuilder{background:linear-gradient(135deg,#120b1b,#261633 60%,#170f25);color:#f7f2ff;border-top:1px solid #3c2850;border-bottom:1px solid #3c2850;padding:48px 0}
#pgHoodieBuilder[hidden]{display:none}
.pg-hoodie-layout{display:grid;grid-template-columns:minmax(260px,.86fr) minmax(330px,1.14fr);gap:42px;align-items:center}
.pg-hoodie-copy h2{font-size:clamp(30px,4.2vw,51px);letter-spacing:-1.5px;line-height:1.06;margin:9px 0 12px;color:#fff}
.pg-hoodie-copy>p:not(.eyebrow){color:#d2c5dc;line-height:1.65;font-size:14px}
.pg-hoodie-fields{display:grid;grid-template-columns:1fr 1fr;gap:8px 12px;margin:22px 0 12px}
.pg-hoodie-fields label{font-size:12px;color:#eddbfa;font-weight:800;align-self:end}
.pg-hoodie-fields select{width:100%;min-width:0;min-height:43px;border:1px solid #8f76a8;background:#fff;color:#241b31;padding:9px;border-radius:10px;font-size:14px}
.pg-hoodie-fields label:nth-of-type(1),.pg-hoodie-fields select:nth-of-type(1){grid-column:1/-1}
.pg-hoodie-fields label[for=pgHoodieFront]{grid-row:1}
.pg-hoodie-fields select#pgHoodieFront{grid-row:2}
.pg-hoodie-fields label[for=pgHoodieColour]{grid-column:1;grid-row:3}
.pg-hoodie-fields select#pgHoodieColour{grid-column:1;grid-row:4}
.pg-hoodie-fields label[for=pgHoodieLaces]{grid-column:2;grid-row:3}
.pg-hoodie-fields select#pgHoodieLaces{grid-column:2;grid-row:4}
.pg-hoodie-fields label[for=pgHoodieGroup]{grid-column:1;grid-row:5}
.pg-hoodie-fields select#pgHoodieGroup{grid-column:1;grid-row:6}
.pg-hoodie-fields label[for=pgHoodieSize]{grid-column:2;grid-row:5}
.pg-hoodie-fields select#pgHoodieSize{grid-column:2;grid-row:6}
.pg-hoodie-price{font-size:18px!important;font-weight:900;color:#fff!important;margin:17px 0 3px}
.pg-hoodie-status{font-size:12px!important;margin:9px 0 12px!important;color:#f8dca5!important}
.pg-hoodie-enquire{display:inline-flex!important;text-decoration:none}
.pg-hoodie-fine{font-size:11px!important;color:#bdaeca!important}
.pg-hoodie-views{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:14px;border:1px solid #543d6a;border-radius:22px;background:rgba(255,255,255,.04)}
.pg-hoodie-view{min-width:0;border:1px solid #49315e;border-radius:16px;padding:11px 8px 18px;background:radial-gradient(circle at 50% 40%,#34233d,#160f1d);overflow:hidden}
.pg-hoodie-view h3{text-align:center;font-size:13px;color:#efe1fa;letter-spacing:1px;text-transform:uppercase;margin:1px 0 14px}
.pg-hoodie-garment{--pg-garment:#202941;--pg-lace:#fff;width:min(100%,250px);height:300px;max-width:100%;margin:0 auto;position:relative;isolation:isolate}
.pg-hoodie-body{position:absolute;z-index:2;inset:75px 23% 15px;background:var(--pg-garment);border-radius:28% 28% 11% 11%/9% 9% 5% 5%;box-shadow:inset 9px 0 16px rgba(0,0,0,.13),inset -9px 0 16px rgba(0,0,0,.18),0 12px 15px rgba(0,0,0,.16);border:1px solid rgba(0,0,0,.15)}
.pg-hoodie-sleeve{position:absolute;top:79px;width:29%;height:168px;z-index:1;background:var(--pg-garment);border:1px solid rgba(0,0,0,.15);box-shadow:inset -7px 2px 10px rgba(0,0,0,.17)}
.pg-hoodie-sleeve-left{left:7%;transform:rotate(18deg);border-radius:28px 0 14px 13px}
.pg-hoodie-sleeve-right{right:7%;transform:rotate(-18deg);border-radius:0 28px 13px 14px}
.pg-hoodie-hood{position:absolute;z-index:3;top:33px;left:29%;width:42%;height:66px;background:var(--pg-garment);border-radius:43% 43% 27% 27%;border:1px solid rgba(0,0,0,.2);box-shadow:inset 0 -10px 16px rgba(0,0,0,.21)}
.pg-hoodie-front .pg-hoodie-hood:after{content:'';position:absolute;left:36%;right:36%;bottom:-3px;height:31px;border:4px solid rgba(0,0,0,.22);border-top:0;border-radius:0 0 50% 50%}
.pg-hoodie-lace{position:absolute;z-index:6;top:85px;width:3px;height:44px;background:var(--pg-lace);border:1px solid rgba(0,0,0,.21);border-radius:6px;box-shadow:1px 1px 2px rgba(0,0,0,.2)}
.pg-hoodie-lace-left{left:46.5%;transform:rotate(3deg)}
.pg-hoodie-lace-right{left:52.5%;transform:rotate(-3deg)}
.pg-hoodie-pocket{position:absolute;z-index:4;bottom:37px;left:36%;right:36%;height:35px;border-radius:0 0 10px 10px;border:1px solid rgba(0,0,0,.16);border-top:0;box-shadow:0 2px 7px rgba(0,0,0,.12)}
.pg-hoodie-art{position:absolute;z-index:5;display:flex;align-items:center;justify-content:center;text-align:center;pointer-events:none}
.pg-hoodie-art-front{left:37%;top:142px;width:26%;height:55px}
.pg-hoodie-art-back{left:32%;top:131px;width:36%;height:100px}
.pg-hoodie-art img{width:100%;height:100%;object-fit:contain;display:block;filter:drop-shadow(0 2px 1px rgba(0,0,0,.17))}
.pg-hoodie-placeholder{font-size:8px;line-height:1.3;color:#fcf8ff;background:rgba(20,15,27,.36);padding:3px;border-radius:3px}
.pg-hoodie-preview-note{grid-column:1/-1;color:#c2b2d2;text-align:center;font-size:11px;margin:0;padding:4px 7px}
@media(max-width:850px){.pg-hoodie-layout{grid-template-columns:1fr;gap:22px}.pg-hoodie-views{max-width:650px;width:100%;margin:0 auto}}
@media(max-width:550px){#pgHoodieBuilder{padding:33px 0}.pg-hoodie-layout{gap:17px}.pg-hoodie-views{padding:7px;gap:6px}.pg-hoodie-view{padding:7px 3px 10px}.pg-hoodie-garment{height:250px;transform:scale(.79);transform-origin:top center;margin-bottom:-51px}.pg-hoodie-fields{gap:7px 9px}.pg-hoodie-copy h2{letter-spacing:-1px}}