/* Football shop theme: original branding, real product imagery. */
:root{--dark:#050505;--deep:#000;--green:#111;--accent:#111;--green-soft:#f1f1f1;--paper:#fff;--text:#111;--muted:#666;--line:#e5e5e5;--radius:0;--yellow:#e21e26;--yellow-deep:#bc1018}
body{background:#fff;font-family:Arial,"Hiragino Kaku Gothic ProN",Meiryo,sans-serif}
.view,.seo-main{max-width:1320px;padding-left:28px;padding-right:28px}
.shop-announcement{background:#ededed;text-align:center;font-size:10px;letter-spacing:.12em;padding:8px}
.topbar.shop-topbar,.seo .topbar.shop-topbar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;background:#050505;min-height:98px;height:auto;padding:14px 32px;gap:30px;position:sticky;top:0}
.shop-topbar .brand{display:flex;flex-direction:column;gap:2px;color:white;text-align:center;line-height:1;letter-spacing:0}
.brand small{font-size:8px;font-weight:700;letter-spacing:.18em}
.brand strong{font-size:33px;font-weight:900;font-style:italic;letter-spacing:-.06em}
.brand strong span{color:#e32930;margin-left:3px}
.brand .brand-jp{font-size:10px;letter-spacing:.2em;margin-top:5px}
.shop-header-search{display:flex;background:white;max-width:320px;color:#111;height:42px;border-radius:2px}
.shop-header-search input{min-width:0;flex:1;border:0;background:none;padding:0 14px;font-size:12px;outline-offset:2px}
.shop-header-search button{border:0;background:white;font-size:28px;width:42px}
.shop-header-actions{display:flex;gap:24px;justify-content:flex-end;color:#fff}
.shop-header-actions a{display:flex;flex-direction:column;align-items:center;font-size:27px;line-height:1.1}
.shop-header-actions small{font-size:9px;margin-top:6px}
.shop-category-nav{display:flex;gap:26px;justify-content:center;align-items:center;padding:19px 24px;border-bottom:1px solid #ddd;white-space:nowrap;font-size:12px;font-weight:700;overflow-x:auto}
.shop-category-nav a:hover{color:#d51b24}
.search-head{position:relative!important;top:auto!important;padding:16px 0!important;background:#fff;border:0}
.search-box{height:44px;border-color:#ddd;border-radius:0!important;max-width:620px}
.search-box .go{background:#111;color:#fff;border-radius:0!important}
.hero-count{font-size:10px!important;color:#777!important}
.kind-seg button[aria-pressed=true]{border-color:#111;color:#111}
.discoverY,.discovery{margin:0!important;padding:0!important}
.shop-feature-grid{display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:16px;margin:12px 0 0}
.shop-feature{position:relative;min-width:0;height:340px;overflow:hidden;background:#eee;display:block;color:#111}
.shop-feature.whistle{background:#e02029;color:#fff}
.shop-feature.wear{background:#eee}
.shop-feature.flag{background:#111;color:#fff}
.feature-copy{position:relative;z-index:2;padding:24px;pointer-events:none}
.feature-copy>small{font-size:10px;letter-spacing:.14em;font-weight:700}
.shop-feature .feature-copy h1{font-family:Arial,"Hiragino Kaku Gothic ProN",Meiryo,sans-serif;font-size:clamp(22px,2.5vw,36px);font-weight:900;line-height:1.3;margin:13px 0 8px;letter-spacing:-.04em}
.feature-copy p{font-size:11px;line-height:1.6;margin:0}
.feature-cta{display:inline-block;font-size:10px;letter-spacing:.1em;border-bottom:1px solid currentColor;padding-bottom:4px;margin-top:14px;font-weight:700}
.shop-feature img{position:absolute;right:12px;bottom:10px;width:64%;height:59%;object-fit:contain;background:transparent;mix-blend-mode:normal;transform:rotate(-6deg);transition:transform .3s;filter:drop-shadow(0 8px 8px #00000020)}
.shop-feature.whistle img{width:57%;height:57%;right:20px;transform:rotate(7deg)}
.shop-feature.flag img{transform:rotate(-4deg)}
.shop-feature:hover img{transform:rotate(0) scale(1.04)}
.shop-service-note{font-size:12px;text-align:center;margin:20px 0 28px;line-height:1.8;font-weight:600}
.shop-service-note span{display:block;color:#777;font-size:10px;font-weight:400;letter-spacing:.03em}
.tool-index{justify-content:center;padding:15px 0;border-top:1px solid #ddd;border-bottom:1px solid #ddd;gap:8px 22px}
.tool-index a{padding:4px 0;color:#111;font-size:12px;font-weight:700}
.home-selection{margin:44px 0 52px}
.selection-head{align-items:center;margin-bottom:24px}
.selection-head h2{font-size:19px;font-weight:800;letter-spacing:.025em}
.selection-head a{color:#111;border-bottom:1px solid #111;padding-bottom:4px;font-size:11px}
.home-products{grid-template-columns:repeat(7,minmax(0,1fr));gap:18px}
.home-photo{aspect-ratio:1;background:#f7f7f7;padding:10px;margin-bottom:13px}
.home-product h3{font-size:12px;line-height:1.7;font-weight:500;min-height:40px}
.home-product b{font-size:17px;font-weight:700}
.home-product small{font-size:9px;color:#777}
.editorial-feature{background:#111;color:#fff;padding:35px 40px;border:0;margin:40px 0}
.editorial-feature .eyebrow{font-size:10px;letter-spacing:.15em;color:#bbb}
.editorial-feature h2,.reading h1,.guide-tile h2{font-family:inherit}
.editorial-feature h2{font-size:27px;font-weight:800}
.editorial-feature p{color:#ccc;font-size:12px}
.editorial-feature>a,.editorial-links a{color:white}
.editorial-links{gap:25px}
.shop-main .list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px!important}
.card,.shop-main .card:nth-child(odd){display:flex;flex-direction:column;grid-template-columns:none!important;gap:9px!important;padding:12px 0 48px!important;border-top:0!important;border-bottom:1px solid #eee!important;min-width:0;margin:0}
.card .thumb{width:100%!important;height:auto!important;aspect-ratio:1;background:#fafafa!important;padding:12px}
.card .body{display:block}
.card .title{font-size:12px;line-height:1.7;font-weight:500}
.card .price{font-size:20px;margin:8px 0}
.card-specs{font-size:10px;color:#666;padding:0}
.card .meta{padding:0;font-size:9px}
.card .cmp-btn{bottom:12px;left:0;right:auto;font-size:10px;min-height:28px;border-radius:0;background:#fff;color:#333}
.card .fav-btn{top:18px;right:5px;background:#ffffffde!important;border-radius:50%}
.listing-group{border:0;min-width:0}.listing-group .card{border-bottom:1px solid #eee!important}
.side{top:110px!important}.sb h3,.sl-item{color:#222}
.discoverY-grid,.discovery-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:28px}
.discovery-image{aspect-ratio:1;background:#fafafa;padding:16px}
.discovery-card b{color:#111;font-size:18px}.discovery-card-body{padding-top:16px}
.reading h1{font-weight:800}.guide-toc,.guide-next{background:#f5f5f5}
.tabbar a[aria-current="page"]{color:#111}.tabbar a[aria-current="page"]::before{background:#e21e26}
.credit{padding:24px 0;border-top:1px solid #eee;color:#777}
a:focus-visible,button:focus-visible{outline:2px solid #e21e26;outline-offset:4px}
@media(min-width:1000px){.tabbar{top:auto;left:auto;right:16px;bottom:16px;width:470px;height:58px;display:grid;grid-template-columns:repeat(6,1fr);gap:0;background:#fff;box-shadow:0 2px 16px #0002;border:1px solid #ddd}.tabbar a{font-size:9px;flex-direction:column;padding:0;gap:3px;color:#64746b;height:52px}.tabbar a svg{width:19px;height:19px}.shop{grid-template-columns:200px 1fr}}
@media(max-width:1000px){.topbar.shop-topbar,.seo .topbar.shop-topbar{padding:14px 20px;gap:16px}.shop-header-actions{gap:15px}.shop-header-actions small{display:none}.brand strong{font-size:26px}.shop-category-nav{justify-content:flex-start;gap:22px}.shop-feature-grid{gap:12px}.shop-feature{height:310px}.feature-copy{padding:18px}.home-products{grid-template-columns:repeat(4,minmax(0,1fr))}.shop-main .list{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:600px){.view,.seo-main{padding:0 16px 28px}.shop-announcement{font-size:9px;padding:6px}.topbar.shop-topbar,.seo .topbar.shop-topbar{grid-template-columns:1fr auto;padding:14px 16px;gap:12px;min-height:116px}.shop-topbar .brand{grid-column:1;grid-row:1;align-items:flex-start;text-align:left}.brand strong{font-size:28px}.brand small{font-size:7px}.brand .brand-jp{font-size:9px}.shop-header-actions{grid-column:2;grid-row:1;gap:18px}.shop-header-actions a{font-size:23px}.shop-header-search{grid-row:2;grid-column:1/-1;max-width:none;height:34px}.shop-header-search input{font-size:12px}.shop-header-search button{font-size:24px}.shop-category-nav{padding:14px 16px;font-size:11px;gap:22px}.search-head{padding:12px 0!important}.search-box{height:40px}.search-box input{font-size:12px}.kind-seg button{font-size:11px}.shop-feature-grid{grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}.shop-feature.whistle{grid-column:1/-1;height:265px}.shop-feature{height:255px}.feature-copy{padding:20px 14px}.shop-feature .feature-copy h1{font-size:21px}.shop-feature.whistle .feature-copy{padding:28px 22px}.shop-feature.whistle .feature-copy h1{font-size:29px;max-width:245px}.shop-feature.whistle img{width:43%;height:56%;right:16px}.shop-feature img{width:72%;height:44%;bottom:9px;right:12px}.feature-copy>small{font-size:8px}.feature-copy p{font-size:10px}.feature-cta{font-size:8px;margin-top:10px}.shop-service-note{font-size:11px;margin:18px 0}.shop-service-note span{font-size:9px}.tool-index{gap:8px 18px;padding:12px 0}.tool-index a{font-size:11px}.home-selection{margin:30px 0}.selection-head{gap:8px;margin-bottom:18px;align-items:flex-start}.selection-head h2{font-size:14px;line-height:1.5;max-width:65%}.selection-head a{font-size:9px;white-space:nowrap}.home-products{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 14px}.home-product h3{font-size:11px}.home-product b{font-size:17px}.home-photo{padding:8px}.editorial-feature{padding:26px 20px}.editorial-feature h2{font-size:23px}.editorial-feature p{font-size:11px}.shop-main .list{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 14px!important}.card .thumb{width:100%!important;height:auto!important;aspect-ratio:1}.card .title{font-size:11px}.card .price{font-size:18px}.discovery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 14px}.seo .topbar.shop-topbar .shop-header-actions{width:auto}.scopes{flex-wrap:wrap}.referee-quick{display:grid;gap:10px}}
@media(prefers-reduced-motion:reduce){.shop-feature img{transition:none}}

@media(max-width:600px){.shop-feature.whistle h1 span{display:block}.shop-feature:not(.whistle) img{height:39%}}

.view:has(>.discovery:not([hidden]))>.search-head{display:none}

/* Keep the shared shop header independent of inherited app positioning. */
.topbar.shop-topbar,.seo .topbar.shop-topbar{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);height:auto;min-height:88px;padding:18px 32px;gap:24px;position:sticky;top:0;width:100%;border:0;flex-wrap:nowrap}
.shop-topbar .brand{grid-area:auto;min-width:0;gap:8px;align-items:center;white-space:nowrap}
.shop-topbar .brand strong{font-family:"Hiragino Kaku Gothic ProN",Meiryo,sans-serif;font-style:normal;font-size:30px;letter-spacing:.015em;line-height:1.1}
.shop-topbar .brand strong span{color:#fff;margin-left:0}
.shop-topbar .brand small{font-size:8px;letter-spacing:.15em;color:#bbb}
.shop-header-search{grid-area:auto;width:100%;height:40px;max-width:310px;margin:0;min-width:0}
.shop-header-search button{display:grid;place-items:center;padding:0;width:42px}
.shop-header-search svg,.shop-header-actions svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.shop-header-actions{grid-area:auto;width:auto;gap:20px;align-items:center}
.shop-header-actions a{min-width:28px;gap:5px;color:#fff;flex-shrink:0;font-size:12px}
.shop-header-actions small{display:block;font-size:9px;margin:0;line-height:1.2}
.shop-category-nav{scrollbar-width:none}.shop-category-nav::-webkit-scrollbar{display:none}
@media(min-width:1001px){.tabbar{display:none}body{padding-bottom:0}.shop-topbar .brand{justify-self:center}}
@media(max-width:1000px){.topbar.shop-topbar,.seo .topbar.shop-topbar{grid-template-columns:minmax(0,1fr) auto;min-height:0;padding:16px 20px;gap:16px;position:relative}.shop-topbar .brand{grid-column:1;grid-row:1;justify-self:start;align-items:flex-start}.shop-header-actions{grid-column:2;grid-row:1;gap:18px}.shop-header-search{grid-column:1/-1;grid-row:2;max-width:none}.shop-topbar .brand strong{font-size:29px}.shop-category-nav{gap:23px;padding:15px 20px}.shop-feature-grid{grid-template-columns:1fr 1fr}.shop-feature.whistle{grid-column:1/-1}.shop-feature.whistle img{width:43%;height:68%}.shop-feature.whistle .feature-copy{max-width:60%}.shop-feature:not(.whistle){height:270px}}
@media(max-width:480px){.topbar.shop-topbar,.seo .topbar.shop-topbar{padding:14px 16px;gap:14px}.shop-topbar .brand strong{font-size:24px}.shop-topbar .brand small{font-size:6px;letter-spacing:.12em}.shop-header-actions{gap:12px}.shop-header-actions small{display:none}.shop-header-actions svg{width:21px;height:21px}.shop-header-actions a{min-width:21px}.shop-feature.whistle .feature-copy{max-width:none}.shop-feature.whistle img{width:43%;height:56%}.shop-feature:not(.whistle){height:255px}.shop-category-nav{padding:14px 16px;font-size:11px}.shop-header-search{height:38px}}
@media(max-width:360px){.shop-topbar .brand strong{font-size:21px}.shop-header-actions{gap:8px}}

.shop-directory{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:30px 0}.directory-card{border:1px solid #ddd;padding:24px;background:white}.directory-card h2{font-size:21px;margin:8px 0}.directory-card a{display:inline-block;margin:8px 8px 0 0;font-weight:700}.discovery-shops{padding:32px 0;border-top:1px solid #ddd;margin:30px 0}.discovery-shops p{line-height:1.8}.shop-directory+.chip-row{display:flex;flex-wrap:wrap;gap:8px}@media(max-width:800px){.shop-directory{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:480px){.shop-directory{grid-template-columns:1fr}.directory-card{padding:20px}}
/* Keep mobile collection links clear of product artwork. */
@media(max-width:1000px){.shop-feature:not(.whistle){height:330px}.shop-feature:not(.whistle) img{height:40%}}
@media(max-width:600px){.shop-feature:not(.whistle){height:320px}.shop-feature:not(.whistle) img{height:34%;bottom:12px}}
@media(max-width:1000px){.shop-feature:not(.whistle){display:flex;flex-direction:column;height:auto;min-height:330px}.shop-feature:not(.whistle) img{position:relative;right:auto;bottom:auto;width:72%;height:130px;flex-shrink:0;margin:14px auto 16px}}
@media(max-width:360px){.topbar.shop-topbar,.seo .topbar.shop-topbar{padding:12px;gap:10px}.shop-topbar .brand strong{font-size:18px}.shop-topbar .brand small{font-size:5px}.shop-header-actions{gap:6px}.shop-header-actions svg{width:16px;height:16px}.shop-header-actions a{min-width:16px}}