/* YOXOLO visual catalog: equal media, consistent cards, native responsive layout. */
.product-grid{gap:20px}
.product-card.yx-product-v2{border:1px solid #dfe7f5;border-radius:20px;box-shadow:0 13px 32px #192d5810;min-height:420px;background:#fff;overflow:hidden}
.yx-product-v2 .yx-product-image{position:relative;display:block;margin:12px 12px 0;width:calc(100% - 24px);height:auto;aspect-ratio:16/9;min-height:0;overflow:hidden;border:1px solid #e7edfa;border-radius:15px;background:#eaf1ff;text-decoration:none;isolation:isolate}
.yx-product-v2 .yx-product-image img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .35s ease}
.yx-product-v2:hover .yx-product-image img{transform:scale(1.035)}
.yx-picture-badge{position:absolute;top:12px;inset-inline-start:12px;background:#ffffffec;border:1px solid #e5ebf4;border-radius:30px;color:#1c5d58;font-size:10px;letter-spacing:.5px;font-weight:900;padding:7px 11px;box-shadow:0 5px 14px #10264e16}
.yx-picture-corner{position:absolute;bottom:12px;inset-inline-end:12px;background:#142d63d9;color:#fff;border-radius:50%;width:29px;height:29px;display:grid;place-items:center;font-size:15px}
.yx-card-placeholder{height:100%;width:100%;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:24px 28px;gap:10px;color:#fff;background:radial-gradient(circle at 90% 10%,#5d90ff9c,transparent 42%),linear-gradient(130deg,#132758,#3260ae)}
.yx-product-v2.tone-2 .yx-card-placeholder{background:radial-gradient(circle at 85% 12%,#68e7dc8f,transparent 42%),linear-gradient(130deg,#0b3954,#0b9b98)}
.yx-product-v2.tone-3 .yx-card-placeholder{background:radial-gradient(circle at 88% 6%,#db9bff98,transparent 44%),linear-gradient(130deg,#392762,#8064c9)}
.yx-placeholder-orb{font-size:34px;display:grid;place-items:center;width:58px;height:58px;border:1px solid #ffffff50;background:#ffffff20;border-radius:17px;box-shadow:0 15px 25px #00000019}
.yx-placeholder-name{font-size:22px;font-weight:850;line-height:1.2;text-align:start;max-width:100%;overflow-wrap:anywhere}
.yx-placeholder-sub{font-size:10px;letter-spacing:2px;font-weight:800;color:#c6dcff}
.yx-product-v2 .product-main{padding:20px 22px 22px;flex:1;min-height:155px}
.yx-product-label{font-size:10px;font-weight:900;letter-spacing:1.3px;color:#5573b5;margin-bottom:6px}
.yx-product-v2 .product-main h3{font-size:19px;line-height:1.45;margin:0 0 9px;font-weight:850;color:#132b5c}
.yx-product-v2 .product-description{min-height:0;line-height:1.75;color:#72829d;font-size:12px;margin:0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;overflow:hidden}
.yx-product-v2 .product-bottom{padding:16px 21px 20px;background:linear-gradient(0deg,#f9fbff,#fff);gap:12px}
.yx-product-v2 .buy-button{background:#5269ed;border-radius:10px;min-height:40px;box-sizing:border-box;font-size:11px;padding:10px 13px;text-align:center}
.yx-product-v2 .price-block strong{font-size:20px}
.yx-spotlight{margin-top:38px;margin-bottom:34px;border-radius:26px;overflow:hidden;background:linear-gradient(125deg,#142958,#203e89);box-shadow:0 22px 50px #16326926;display:grid;grid-template-columns:1fr 1fr;min-height:340px}
.yx-spotlight-copy{padding:45px 44px;display:flex;flex-direction:column;justify-content:center;color:#fff}
.yx-spotlight-eyebrow{color:#aebeff;font-size:12px;letter-spacing:1px;font-weight:900}
.yx-spotlight-copy h2{font-size:clamp(24px,3vw,32px);color:#fff;line-height:1.4;margin:13px 0}
.yx-spotlight-copy p{color:#d1dcf8;font-size:13px;line-height:1.9;margin:0 0 12px}
.yx-spotlight-feature{border-top:1px solid #ffffff2a;margin-top:13px;padding-top:16px}
.yx-spotlight-feature h3{font-size:21px;color:#fff;margin:0 0 8px}
.yx-spotlight-cta{display:inline-flex;align-items:center;color:#172d63!important;text-decoration:none!important;background:#fff;border-radius:10px;padding:12px 19px;font-size:12px;font-weight:900;margin-top:10px}
.yx-spotlight-media{position:relative;background:#e7f0fc;display:block;min-height:320px;overflow:hidden}
.yx-spotlight-media img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;transition:transform .3s}
.yx-spotlight-media:hover img{transform:scale(1.035)}
.yx-spotlight-media span{position:absolute;bottom:18px;inset-inline-start:18px;background:#fff;color:#183263;padding:9px 13px;border-radius:9px;box-shadow:0 5px 18px #102c5126;font-size:13px;font-weight:850}
@media(max-width:850px){.yx-spotlight{grid-template-columns:1fr}.yx-spotlight-copy{padding:32px 28px}.yx-spotlight-media{min-height:270px}}
@media(max-width:480px){.yx-product-v2 .yx-product-image{aspect-ratio:16/9}.yx-product-v2 .product-main{min-height:0}.yx-product-v2 .product-bottom{flex-wrap:wrap}.yx-spotlight-media{min-height:210px}}
@media(prefers-reduced-motion:reduce){.yx-product-v2 .yx-product-image img,.yx-spotlight-media img{transition:none}}