/* Team accents on top of the PBA Store design. --p team primary, --s team secondary. */
.pts .top{align-items:center}.pts-ann{margin-right:auto;font-weight:600;color:var(--p)}
.pts-lockup{gap:10px;white-space:nowrap}.pts-x{width:1px;height:30px;background:#ddd;margin:0 4px}.pts-tl{height:38px;width:auto}
.pts-lockup span{display:flex;flex-direction:column;line-height:.95;text-transform:uppercase}.pts-lockup small{font:600 11px Inter;letter-spacing:.12em;color:var(--s)}
.pts nav.main>div>a:after{background:var(--s)}.pts .team a{color:var(--s)}.pts .cnt{background:var(--s)}
/* hero: PBA "reel" hero, team logo as the hero object, team color stripe */
.pts-hero{height:min(72vh,640px);background:radial-gradient(70% 90% at 78% 40%,rgba(var(--p-rgb),.10),transparent 70%),linear-gradient(#f2f2f2,#fff)}
.pts-hero .pts-hero-logo{position:absolute;inset:auto;right:6%;top:50%;width:min(44%,560px);height:auto;transform:translateY(-55%);filter:drop-shadow(0 24px 34px rgba(var(--p-rgb),.28));object-fit:contain;animation:fl 5s ease-in-out infinite;opacity:1}
@keyframes fl{50%{transform:translateY(-58%)}}
.pts-hero.has-img{background:var(--hero) center/cover}.pts-hero.has-img .in{background:rgba(255,255,255,.86);border-radius:6px;padding:28px}
.pts-hero .eyebrow{color:var(--s)}.pts-masc{display:block;color:var(--p)}.pts-tag{color:#555;max-width:520px;margin-top:14px;line-height:1.6;font-size:17px}
.pts-hero .btn.k{background:var(--p)}.pts-hero .btn.o{border-color:#111;color:#111}
.pts-stripe{position:absolute;left:0;right:0;bottom:0;height:8px;background:linear-gradient(90deg,var(--p) 0 60%,var(--s) 60% 85%,#fff 85% 87%,var(--p) 87%)}
.pts-cats{grid-auto-columns:minmax(180px,16%)}
.pts .single_add_to_cart_button,.pts .checkout-button,.pts #place_order{background:var(--k)!important}
@media(max-width:900px){.pts-lockup .pbl{height:30px}.pts-tl{height:32px}.pts-lockup span{font-size:17px}.pts-ann{display:none}
.pts-hero{height:auto;min-height:0;flex-direction:column;align-items:stretch;padding-top:18px}.pts-hero .pts-hero-logo{position:static;transform:none;width:62%;max-width:280px;margin:8px auto 0;animation:none}
.pts-hero .in{padding:10px 18px 40px}.pts-hero h1{font-size:clamp(48px,14vw,72px)}.pts-deadline{flex-direction:column;align-items:flex-start;width:calc(100% - 32px)}.pts-cats{grid-auto-columns:42%}}
.pts-jfy{padding:28px 0;border-top:1px solid #eee;margin-top:24px}.pts-jfy .sh{align-items:baseline;flex-wrap:wrap;gap:6px}.pts-jfy h2{font-size:34px}.pts-jfy .sh span{color:var(--m);font-size:13px}
.pts-jfy .rail{grid-auto-columns:minmax(200px,19%)}.pts-jfy-i .n{font-size:14px}.pts-sz{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.pts-sz button{border:1px solid #ddd;background:#fff;border-radius:6px;padding:7px 9px;font:500 12px Inter;cursor:pointer}.pts-sz button:hover{border-color:var(--k);background:var(--k);color:#fff}
.pts-jfy .btn.pts-add{margin:8px 0 0;padding:10px 18px;width:100%;justify-content:center;background:var(--p)}
@media(max-width:900px){.pts-jfy .rail{grid-auto-columns:62%}}
/* fixes */
header .pts-lockup img.pts-tl{height:38px!important;width:auto!important;max-width:90px!important;object-fit:contain}
.pts nav.main{flex-wrap:nowrap;white-space:nowrap}.pts nav.main>div>a{padding:22px 10px}
.pts-hero{height:auto!important;min-height:520px;padding:110px 0 56px;align-items:center}
.pts-hero .in{max-width:56%}.pts-hero h1{font-size:clamp(56px,7.4vw,118px)}
.pts-hero .pts-hero-logo{width:min(38%,520px)}
.pts-cats .card .im{aspect-ratio:1}
@media(max-width:900px){.pts-hero{padding:16px 0 0;min-height:0}.pts-hero .in{max-width:none}header .pts-lockup img.pts-tl{height:30px!important}.pts-lockup span{font-size:16px}.pts-lockup small{font-size:9px}}
@media(max-width:1180px) and (min-width:901px){.pts nav.main>div:nth-child(n+4):not(.team){display:none}}
img.pts-tl,img.pts-hero-logo{object-fit:contain}