.products,.wheel-list{perspective:1400px;align-items:stretch}
.product{position:relative;isolation:isolate;border:1px solid #e4e6e9;background:#fff;border-radius:24px;box-shadow:0 8px 24px #151c2606;transition:transform .5s cubic-bezier(.22,1,.36,1),box-shadow .5s,border-color .4s;overflow:hidden}
.product:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(155deg,#fff8e8,transparent 50%);opacity:0;transition:opacity .5s;pointer-events:none}
.product:after{content:'';position:absolute;top:0;inset-inline:22%;height:3px;background:linear-gradient(90deg,transparent,#ddb45b,transparent);transform:scaleX(0);transition:transform .5s;pointer-events:none}
.product .item-photo{position:relative;overflow:hidden;border-bottom:1px solid #eef0f2;background:radial-gradient(ellipse at 50% 65%,#fff 20%,#f0f2f5 100%);transition:background .4s}
.product .item-photo img{position:relative;z-index:1;transition:transform .7s cubic-bezier(.22,1,.36,1),filter .6s;filter:drop-shadow(0 10px 8px #151c2615);transform-origin:50% 65%}
.product .item-photo:before{content:'';position:absolute;inset:-40%;background:linear-gradient(115deg,transparent 42%,#fff9 49%,transparent 56%);transform:translateX(-70%) rotate(-8deg);transition:transform .9s;pointer-events:none;z-index:2}
.product .item-photo figcaption{position:relative;z-index:3;line-height:1.7;background:#ffffffb3;color:#868990;font-size:10px;padding:10px 16px;margin:0}
.product h3{transition:color .35s,transform .4s}.product-index{border:1px solid #e8e9ec;transition:background .4s,color .4s,border-color .4s}.product .chip{border:1px solid #eceef0;background:#f7f8fa;transition:background .35s,border-color .35s,transform .4s}
.product .detail-button{position:relative;overflow:hidden;border:1px solid #dcdfe3;background:#fff;border-radius:10px;transition:background .3s,border-color .3s,color .3s,box-shadow .3s,transform .3s;font-weight:700;padding:10px 17px}.product .detail-button:after{content:'↗';display:inline-block;margin-inline-start:9px;transition:transform .3s}.product .detail-button:hover:after{transform:translate(2px,-2px)}.product .card-footer{border-top:1px solid #eceef0}.product .card-footer a{transition:color .3s;text-underline-offset:5px}.product:focus-within{border-color:#c6a151;box-shadow:0 15px 40px #ad84371a}.product button:focus-visible,.product a:focus-visible{outline:2px solid #b48a37;outline-offset:4px}
@media(hover:hover) and (pointer:fine){.product:hover{transform:translateY(-10px);border-color:#d3b676;box-shadow:0 25px 50px #22252d14,0 5px 16px #c5a05715}.product:hover:before{opacity:1}.product:hover:after{transform:scaleX(1)}.product:hover .item-photo img{transform:translateY(-6px) scale(1.08) rotate(-2deg);filter:drop-shadow(0 18px 12px #151c2628)}.product:hover .item-photo:before{transform:translateX(70%) rotate(-8deg)}.product:hover h3{color:#94702a}.product:hover .product-index{background:#f7e8c6;color:#8d6926;border-color:#e7ce96}.product:hover .chip{background:#fff7e6;border-color:#eeddb8}.product:hover .detail-button{background:#171b20;color:#f2d28c;border-color:#171b20;box-shadow:0 6px 15px #171b2019}.product .detail-button:hover{background:#d9b45e;color:#15191d;border-color:#d9b45e;transform:translateY(-2px)}.product .card-footer a:hover{color:#94702a}}
@media(max-width:600px){.product{border-radius:17px}.product .item-photo figcaption{font-size:8px;padding:9px 8px}.product .detail-button{padding:9px 10px;font-size:11px}.product .detail-button:after{margin-inline-start:5px}}
@media(prefers-reduced-motion:reduce){.product,.product *,.product:before,.product:after,.product .item-photo:before{transition:none!important}.product:hover,.product:hover .item-photo img{transform:none!important}}
@media(prefers-reduced-motion:no-preference){.product.scroll-pending{opacity:0;transform:translateY(48px) scale(.965);transition:none;pointer-events:none}.product.scroll-visible{animation:cardScrollReveal .85s cubic-bezier(.16,1,.3,1) both;animation-delay:var(--reveal-delay,0ms)}@keyframes cardScrollReveal{from{opacity:0;translate:0 48px;scale:.965}to{opacity:1;translate:0 0;scale:1}}}@media(prefers-reduced-motion:reduce){.product.scroll-pending{opacity:1;transform:none;pointer-events:auto}.product.scroll-visible{animation:none!important}}
.product.scroll-pending{animation:none!important}