/* Riya Sports: motion, navigation and catalogue card refresh. */
.nav{gap:8px}
.nav a{padding:10px 17px;border-radius:9px;isolation:isolate;transition:color .22s,background .22s,box-shadow .22s,transform .22s}
.nav a:after{display:none}
.nav a[aria-current=page]{background:#e7f4f0;color:#00675e}
.nav a:before{content:'';position:absolute;inset:0;z-index:-1;background:var(--ink);border-radius:9px;transform:scale(.85);opacity:0;transition:transform .22s,opacity .22s}
.nav a:focus-visible:before{opacity:1;transform:scale(1)}
.nav a:focus-visible{color:white}
.button,.filter,.option,.cart-link,.menu-toggle,.remove,.scroll-top{transition:background .23s,color .23s,border-color .23s,box-shadow .23s,transform .23s}
.button{position:relative;isolation:isolate;overflow:hidden;border-radius:9px;box-shadow:0 2px 0 #071b2910}
.button:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(115deg,transparent 15%,#ffffff26 45%,transparent 75%);transform:translateX(-120%);transition:transform .5s ease}
.button svg,.cart-link svg,.menu-toggle svg,.scroll-top svg,.text-link svg{transition:transform .23s}
.menu-toggle{border-radius:9px}
.remove{padding:8px 12px;margin-left:-12px;border-radius:6px;text-underline-offset:4px}
.button:focus-visible,.filter:focus-visible,.option:focus-visible,.cart-link:focus-visible,.menu-toggle:focus-visible{box-shadow:0 0 0 5px #00887818}
.button:active,.filter:active,.option:active,.cart-link:active,.menu-toggle:active,.scroll-top:active{transform:translateY(1px) scale(.97)}
.product-grid{align-items:stretch;gap:26px 22px}
.product-card{--card-accent:#007f76;display:flex;flex-direction:column;background:#fff;border:1px solid #dce5e5;border-radius:19px;padding:10px;position:relative;isolation:isolate;box-shadow:0 4px 12px #0a253504;transition:transform .3s cubic-bezier(.2,.65,.3,1),box-shadow .3s,border-color .3s}
.product-card[data-collection="apparel"]{--card-accent:#2468a0}
.product-card[data-collection="fitness"]{--card-accent:#685097}
.product-card:after{content:'';position:absolute;bottom:-1px;left:22px;right:22px;height:3px;background:var(--card-accent);border-radius:3px;transform:scaleX(0);transition:transform .3s}
.product-photo{position:relative;border-radius:11px;aspect-ratio:1.05;isolation:isolate;background:#eef1f0}
.product-photo img{transition:transform .5s cubic-bezier(.2,.65,.3,1),filter .3s}
.product-photo:after{content:'';position:absolute;inset:0;border:1px solid #0a253509;border-radius:inherit;pointer-events:none}
.product-index{position:absolute;z-index:2;top:12px;left:12px;border-radius:5px;padding:3px 7px;background:#fffffff0;color:var(--ink);font-size:.68rem;font-weight:700;letter-spacing:.09em;box-shadow:0 2px 8px #0a253507}
.product-view{position:absolute;z-index:2;right:12px;bottom:12px;display:flex;align-items:center;gap:7px;padding:8px 12px;background:var(--ink);color:white;border-radius:7px;font-size:.75rem;opacity:0;transform:translateY(8px);transition:opacity .25s,transform .25s}
.product-view svg{width:16px;height:16px}
.product-content{padding:2px 10px 10px;display:flex;flex-direction:column;flex:1;min-width:0}
.product-card .product-meta{color:var(--card-accent);font-size:.67rem;letter-spacing:.09em;margin-top:17px;font-weight:700}
.product-card h3{margin-bottom:8px;font-size:1rem;min-height:2.7em}
.product-card .detail{min-height:2.7em;margin-bottom:18px}
.product-bottom{border-top:1px solid #e7edee;padding-top:16px;margin-top:auto;align-items:center;gap:12px}
.product-bottom .price{font-size:1.13rem;letter-spacing:-.03em}
.product-bottom .button{padding:10px 13px;min-height:43px;font-size:.74rem;border-color:#c6d6d4;background:#f1f7f5;color:#075d54}
.product-bottom .button.in-cart{background:var(--teal);border-color:var(--teal);color:white}
.catalogue .product-photo{aspect-ratio:1.18}
.catalogue .product-card h3{min-height:2.7em}
.category{border:1px solid #e2e9e8;transition:transform .3s,box-shadow .3s,border-color .3s}
.category img{border-radius:12px;transition:transform .4s}
.category .round-arrow{transition:background .25s,color .25s,transform .25s}
.detail-image,.order-summary,.summary-box{transition:box-shadow .3s,border-color .3s}
.product-card:focus-within{border-color:var(--card-accent);box-shadow:0 12px 26px #0a253510}
.product-card:focus-within .product-view{opacity:1;transform:none}
.product-card:focus-within:after{transform:scaleX(1)}
@media(hover:hover){
 .nav a:hover{color:#fff;transform:translateY(-2px);box-shadow:0 5px 12px #0a253518}
 .nav a:hover:before{opacity:1;transform:scale(1)}
 .button:hover{transform:translateY(-3px);background:#006f66;border-color:#006f66;box-shadow:0 8px 18px #007f7626}
 .button:hover:after{transform:translateX(120%)}
 .button:hover svg,.text-link:hover svg{transform:translateX(4px)}
 .button.secondary:hover{background:#e5f4ef;border-color:var(--teal);color:#075d54}
 .button.in-cart:hover{background:#075d54;border-color:#075d54;color:white}
 .brand-banner .button:hover{background:#a3ffeb;color:var(--ink);box-shadow:0 8px 22px #00c7b22b}
 .filter:hover{background:#e8f5f1;color:#006b60;border-color:#83b9ad;transform:translateY(-2px);box-shadow:0 5px 10px #0a25350b}
 .filter[aria-pressed=true]:hover{background:#164657;border-color:#164657;color:white}
 .option:hover{background:#e7f6f0;border-color:var(--teal);color:#006c61;transform:translateY(-2px);box-shadow:0 4px 10px #0a253510}
 .cart-link:hover{background:var(--ink);color:white;border-color:var(--ink);transform:translateY(-2px);box-shadow:0 5px 14px #0a25351c}
 .cart-link:hover svg{transform:rotate(-8deg)}
 .menu-toggle:hover{background:#e5f4ef;color:var(--teal)}
 .menu-toggle:hover svg{transform:scale(.9)}
 .remove:hover{background:#fff0f0;color:#a51c29;text-decoration:none}
 .scroll-top:hover{background:var(--teal);transform:translateY(-4px);box-shadow:0 8px 24px #007f7633}
 .scroll-top:hover svg{transform:translateY(-2px)}
 .product-card:hover{transform:translateY(-7px);border-color:var(--card-accent);box-shadow:0 18px 35px #0a253518}
 .product-card:hover:after{transform:scaleX(1)}
 .product-card:hover .product-photo img{transform:scale(1.045)}
 .product-card:hover .product-view{opacity:1;transform:none}
 .product-bottom .button:hover{background:var(--teal);color:white;border-color:var(--teal)}
 .category:hover{transform:translateY(-5px);box-shadow:0 15px 26px #0a253512;border-color:#8dbdb3}
 .category:hover .round-arrow{background:var(--teal);color:white;transform:rotate(-35deg)}
 .detail-image:hover{box-shadow:0 14px 30px #0a253510}
 .summary-box:hover,.order-summary:hover{border-color:#a4c8bf;box-shadow:0 8px 24px #0a253509}
}
@media(max-width:1050px){.catalogue .product-bottom{align-items:start}.product-card h3{font-size:.95rem}.nav a{padding:10px 12px}}
@media(max-width:760px){
 .nav{gap:4px}.nav a{padding:12px 15px;margin-top:4px}.nav.open{padding-top:8px;padding-bottom:12px}
 .product-card{border-radius:14px;padding:7px}.product-content{padding:0 3px 5px}
 .product-photo{border-radius:8px}.product-index{top:7px;left:7px;font-size:.6rem;padding:2px 5px}
 .product-view{width:27px;height:27px;right:7px;bottom:7px;padding:6px;opacity:1;transform:none;border-radius:50%}
 .product-view span{display:none}.product-view svg{width:15px;height:15px}
 .product-card .product-meta{font-size:.6rem;letter-spacing:.035em;line-height:1.4;min-height:2.8em;margin:13px 0 7px}
 .product-card h3{font-size:.87rem;min-height:4.05em}.catalogue .product-card h3{min-height:4.05em}
 .product-card .detail{font-size:.75rem;min-height:4.8em;margin-bottom:12px}
 .catalogue .product-card .detail{min-height:4.8em}
 .product-bottom{align-items:stretch;padding-top:12px;gap:9px}.product-bottom .price{font-size:1.02rem}
 .product-bottom .button{width:100%;min-height:44px;font-size:.71rem;padding:8px 5px}
 .product-grid{gap:18px 12px}
}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}.product-card:hover,.category:hover,.button:hover,.nav a:hover{transform:none}}
