.shop-page{--shop-pink:#ff2b64;--shop-blue:#0018ff;--shop-lime:#baff00;--shop-orange:#ff704f;--shop-ink:#060606;--shop-muted:#5f626b;--shop-round:"M PLUS Rounded 1c","Noto Sans JP",system-ui,sans-serif;--shop-body:"Noto Sans JP","Yu Gothic","Meiryo",system-ui,sans-serif;position:relative;isolation:isolate;min-height:100vh;overflow:hidden;color:var(--shop-ink);background:radial-gradient(circle at 4% 34%,rgba(255,112,79,.16),transparent 24%),radial-gradient(circle at 97% 70%,rgba(0,24,255,.11),transparent 25%),linear-gradient(180deg,#fff,#fff9f5 48%,#f8fbff);font-family:var(--shop-body)}.shop-page *,.shop-page :after,.shop-page :before{box-sizing:border-box}.shop-page a{color:inherit;text-decoration:none}.shop-page:before{content:"";position:fixed;inset:0;z-index:-3;pointer-events:none;opacity:.15;background-image:radial-gradient(rgba(6,6,6,.43) 1.1px,transparent 0);background-size:32px 32px;mask-image:linear-gradient(180deg,transparent,#000 10%,#000 90%,transparent)}.shop-page .container{width:min(1240px,calc(100% - 88px));margin-inline:auto}.shop-page .page-hero{position:relative;min-height:420px;display:grid;align-items:center;overflow:hidden;padding:84px 0 92px;border-bottom:2px solid var(--shop-ink);background:linear-gradient(125deg,rgba(255,255,255,.97),rgba(255,255,255,.66)),radial-gradient(circle at 78% 34%,rgba(255,112,79,.23),transparent 32%),radial-gradient(circle at 16% 84%,rgba(186,255,0,.16),transparent 28%)}.shop-page .page-hero:before{content:"SHOP";position:absolute;top:-135px;right:-70px;width:430px;height:430px;display:grid;place-items:center;border-radius:46% 54% 58% 42%/48% 42% 58% 52%;color:#fff;background:var(--shop-orange);font-family:var(--shop-round);font-size:72px;font-weight:900;transform:rotate(8deg);animation:shop-blob 9s ease-in-out infinite alternate}.shop-page .page-hero:after{content:"RACKET  •  RUBBER  •  WEAR  •  PRINT  •";position:absolute;left:-20px;bottom:8px;color:rgba(0,24,255,.07);font-family:var(--shop-round);font-size:clamp(42px,7vw,104px);font-weight:900;white-space:nowrap;animation:shop-marquee 24s linear infinite}.shop-page .page-hero .container{position:relative;z-index:2}.shop-page .breadcrumb{display:inline-flex;gap:8px;margin-bottom:28px;padding:8px 14px;border:1.5px solid var(--shop-ink);border-radius:999px;background:#fff;box-shadow:4px 5px 0 rgba(0,0,0,.08);font-family:var(--shop-round);font-size:11px;font-weight:900}.shop-page .breadcrumb a{color:var(--shop-pink)}.shop-page .kicker{display:flex;align-items:center;gap:9px;margin:0 0 12px;color:var(--shop-orange);font-family:var(--shop-round);font-size:13px;font-weight:900;letter-spacing:.06em}.shop-page .kicker:before{content:"";width:12px;height:12px;border-radius:50%;background:currentColor;animation:shop-pulse 2.8s ease-in-out infinite}.shop-page h1,.shop-page h2,.shop-page h3{font-family:var(--shop-round);letter-spacing:-.035em}.shop-page h1{margin:0 0 22px;font-size:clamp(52px,7vw,92px);line-height:1.02;font-weight:900}.shop-page .page-hero p:last-child{max-width:750px;margin:0;color:#3e4049;font-size:15px;line-height:1.9;font-weight:700}.shop-page .section{position:relative;padding:126px 0}.shop-page .section-tint{border-block:1px solid rgba(6,6,6,.09);background:linear-gradient(135deg,rgba(186,255,0,.2),rgba(255,255,255,.9) 48%,rgba(81,223,170,.15))}.shop-page .flow{display:grid;grid-template-columns:minmax(0,.94fr) minmax(440px,1.06fr);align-items:center;gap:clamp(54px,7vw,110px)}.shop-page .flow.reverse{grid-template-columns:minmax(440px,1.06fr) minmax(0,.94fr)}.shop-page .section-title{margin:0;font-size:clamp(38px,4vw,60px);line-height:1.16;font-weight:900;text-wrap:balance}.shop-page .section-lead{margin:28px 0 0;color:#41434c;font-size:15px;line-height:2;font-weight:700}.shop-page .feature-lines{display:grid;gap:13px;margin:34px 0 0;padding:0;list-style:none}.shop-page .feature-lines li{position:relative;min-height:52px;display:flex;align-items:center;padding:12px 18px 12px 50px;border:1.5px solid var(--shop-ink);border-radius:14px;background:#fff;box-shadow:5px 6px 0 rgba(0,0,0,.07);font-family:var(--shop-round);font-size:14px;font-weight:900;transition:transform .22s ease,background .22s ease}.shop-page .feature-lines li:before{content:"✓";position:absolute;left:15px;width:24px;height:24px;display:grid;place-items:center;border-radius:50%;color:#fff;background:var(--shop-orange)}.shop-page .feature-lines li:nth-child(2n):before{color:var(--shop-ink);background:var(--shop-lime)}.shop-page .feature-lines li:hover{transform:translateX(7px);background:#fffbe8}.shop-page .visual-panel{position:relative;min-height:520px;display:grid;place-items:center;overflow:hidden;padding:34px;border:2px solid var(--shop-ink);border-radius:34px;background:radial-gradient(circle at 28% 20%,rgba(255,255,255,.9),transparent 21%),linear-gradient(145deg,rgba(255,112,79,.9),rgba(255,43,100,.65) 48%,rgba(0,24,255,.78));box-shadow:16px 19px 0 rgba(0,24,255,.13);transform:rotate(.6deg);transition:transform .35s ease,box-shadow .35s ease}.shop-page .visual-panel:before{content:"";position:absolute;left:-70px;bottom:-80px;width:240px;height:240px;border-radius:50%;background:var(--shop-lime);opacity:.86}.shop-page .visual-panel:after{content:"✦";position:absolute;right:38px;top:28px;color:var(--shop-lime);font-size:58px;text-shadow:3px 4px 0 var(--shop-ink);animation:shop-star 2.8s ease-in-out infinite}.shop-page .visual-panel:hover{transform:translateY(-8px) rotate(0deg);box-shadow:21px 24px 0 rgba(255,43,100,.12)}.shop-page .visual-fallback{position:relative;z-index:2;padding:26px;color:#fff;font-family:var(--shop-round);font-size:30px;line-height:1.5;font-weight:900;text-align:center;text-shadow:2px 3px 0 rgba(0,0,0,.18)}.shop-page .visual-fallback small{font-size:12px}.shop-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:52px}.shop-link{position:relative;overflow:hidden;min-height:280px;display:flex;flex-direction:column;align-items:flex-start;padding:34px 30px;border:2px solid var(--shop-ink);border-radius:26px;background:#fff;box-shadow:10px 12px 0 rgba(0,0,0,.075);transition:transform .3s ease,box-shadow .3s ease}.shop-link:first-child{box-shadow:10px 12px 0 rgba(255,43,100,.2)}.shop-link:nth-child(2){box-shadow:10px 12px 0 rgba(0,24,255,.17)}.shop-link:nth-child(3){box-shadow:10px 12px 0 rgba(186,255,0,.48)}.shop-link:before{content:"";position:absolute;top:-58px;right:-50px;width:145px;height:145px;border-radius:50%;background:var(--shop-pink);opacity:.16}.shop-link:nth-child(2):before{background:var(--shop-blue)}.shop-link:nth-child(3):before{background:var(--shop-lime);opacity:.38}.shop-link:hover{transform:translateY(-9px) rotate(-.5deg);box-shadow:15px 18px 0 rgba(0,0,0,.09)}.shop-link:nth-child(2n):hover{transform:translateY(-9px) rotate(.5deg)}.shop-link h3{margin:0 0 15px;font-size:28px;line-height:1.25;font-weight:900}.shop-link h3,.shop-link p{position:relative;z-index:2}.shop-link p{margin:0 0 26px;color:var(--shop-muted);font-size:13px;line-height:1.8;font-weight:700}.shop-link .btn{margin-top:auto}.shop-page .soft-panel{position:relative;overflow:hidden;padding:58px 46px;border:2px solid var(--shop-ink);border-radius:36px;background:radial-gradient(circle at 88% 12%,rgba(255,43,100,.2),transparent 26%),linear-gradient(135deg,rgba(255,112,79,.17),rgba(255,255,255,.97) 50%,rgba(186,255,0,.2));box-shadow:15px 18px 0 rgba(255,112,79,.15)}.shop-page .soft-panel:before{content:"";position:absolute;left:-70px;bottom:-90px;width:230px;height:230px;border-radius:50%;background:var(--shop-lime);opacity:.82}.shop-page .soft-panel>*{position:relative;z-index:2}.shop-panel-title{margin:0 0 22px;font-size:clamp(34px,3.5vw,50px);line-height:1.2;font-weight:900}.shop-page .soft-panel>p:not(.kicker){margin:0 0 30px;color:#41434c;font-size:14px;line-height:2;font-weight:700}.shop-page .hero-actions{display:flex;flex-wrap:wrap;gap:16px;margin-top:38px}.shop-page .btn{min-height:56px;display:inline-flex;align-items:center;justify-content:center;padding:0 24px;border:2px solid var(--shop-ink);border-radius:14px;box-shadow:6px 7px 0 rgba(0,0,0,.09);font-family:var(--shop-round);font-size:13px;font-weight:900;transition:transform .22s ease,box-shadow .22s ease,background .22s ease}.shop-page .btn-primary{color:#fff;background:var(--shop-pink)}.shop-page .btn-outline{background:#fff}.shop-page .btn:hover{transform:translateY(-5px) rotate(-.4deg);box-shadow:10px 12px 0 rgba(0,0,0,.08)}.shop-page .btn-outline:hover{background:var(--shop-lime)}@keyframes shop-blob{to{transform:translate(-24px,18px) rotate(14deg) scale(1.05)}}@keyframes shop-marquee{to{transform:translateX(-28%)}}@keyframes shop-pulse{50%{transform:scale(1.22)}}@keyframes shop-star{50%{transform:translateY(-8px) rotate(12deg) scale(1.08)}}@media (max-width:980px){.shop-page .container{width:min(100% - 40px,780px)}.shop-page .page-hero{min-height:360px;padding:68px 0 76px}.shop-page .page-hero:before{width:280px;height:280px;right:-115px;font-size:50px}.shop-page .section{padding:90px 0}.shop-page .flow,.shop-page .flow.reverse{grid-template-columns:1fr}.shop-page .flow.reverse>:first-child{order:2}.shop-links{grid-template-columns:1fr}.shop-link{min-height:240px}}@media (max-width:620px){.shop-page .container{width:min(100% - 28px,520px)}.shop-page h1{font-size:clamp(44px,14vw,64px)}.shop-page .section-title{font-size:36px}.shop-page .visual-panel{min-height:350px}.shop-page .soft-panel{padding:46px 20px}.shop-page .hero-actions{display:grid}.shop-page .btn{width:100%}}@media (prefers-reduced-motion:reduce){.shop-page *,.shop-page :after,.shop-page :before{animation:none!important;transition-duration:.01ms!important}}