.ranked-cards-section,.ranked-card-inline{--rc-radius: var(--border-radius-button, 2px);--rc-border: rgba(var(--color-foreground), .16);--rc-soft-background: rgba(var(--color-foreground), .08)}.ranked-cards__heading{margin:0 0 28px;text-align:center}.ranked-cards__intro{max-width:640px;margin:0 auto 36px;color:rgb(var(--color-foreground-secondary));text-align:center}.ranked-cards__list{display:flex;flex-direction:column;gap:40px}.ranked-cards__empty{padding:40px;text-align:center;border:1px dashed var(--rc-border);border-radius:var(--rc-radius)}.ranked-cards__empty p{margin:0;color:rgb(var(--color-foreground-secondary))}.ranked-card-inline{container:ranked-card-inline / inline-size;width:100%;max-width:100%;min-width:0;margin:0}.ranked-card,.ranked-card *{box-sizing:border-box}.ranked-card{position:relative;display:grid;grid-template-columns:minmax(0,58%) minmax(280px,42%);align-items:stretch;width:100%;max-width:100%;min-width:0;min-height:560px;margin:0;overflow:hidden;color:rgb(var(--color-foreground));background:rgb(var(--color-background));border:1px solid var(--rc-border);border-radius:var(--rc-radius);font-family:var(--font-body-family);font-style:var(--font-body-style);font-weight:var(--font-body-weight)}.ranked-card__visual{display:grid;grid-template-rows:auto minmax(0,1fr);min-width:0;min-height:560px;background:rgb(var(--color-background))}.ranked-card__badge{position:relative;z-index:3;display:flex;align-items:center;min-height:80px;padding:24px 32px;color:rgb(var(--color-foreground-title));background:rgb(var(--color-background));font-family:var(--font-body-family);font-size:1.2rem;font-weight:600;line-height:1.2;letter-spacing:.2em;text-transform:uppercase}.ranked-card__media{position:relative;min-width:0;min-height:0;overflow:hidden;background:rgb(var(--color-background));touch-action:pan-y}.ranked-card__slides,.ranked-card__slide{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.ranked-card__slide{opacity:0;pointer-events:none;transition:opacity .35s ease}.ranked-card__slide.is-active{opacity:1;pointer-events:auto}.ranked-card__slide img{display:block;width:100%;height:100%;max-width:100%;margin:0;object-fit:cover;object-position:center}.ranked-card__arrow{position:absolute;z-index:4;top:50%;display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;padding:0;color:rgb(var(--color-foreground-title));background:rgb(var(--color-background));border:1px solid var(--rc-border);border-radius:50%;box-shadow:0 2px 10px rgba(var(--color-foreground),.08);cursor:pointer;transform:translateY(-50%);transition:color .2s ease,background-color .2s ease,transform .2s ease}.ranked-card__arrow:hover{color:rgb(var(--color-button-text));background:rgb(var(--color-button));transform:translateY(-50%) scale(1.04)}.ranked-card__arrow:focus-visible,.ranked-card__dot:focus-visible,.ranked-card__cta:focus-visible{outline:2px solid rgb(var(--color-button));outline-offset:3px}.ranked-card__arrow svg{width:24px;height:24px}.ranked-card__arrow--previous{left:14px}.ranked-card__arrow--next{right:14px}.ranked-card__dots{position:absolute;z-index:4;bottom:20px;left:50%;display:flex;align-items:center;gap:9px;transform:translate(-50%)}.ranked-card__dot{width:11px;height:11px;padding:0;background:rgba(var(--color-foreground),.28);border:0;border-radius:50%;cursor:pointer;transition:background-color .2s ease,transform .2s ease}.ranked-card__dot.is-active{background:rgb(var(--color-foreground));transform:scale(1.08)}.ranked-card__info{display:flex;flex-direction:column;min-width:0;padding:64px 40px 28px;background:rgb(var(--color-background))}.ranked-card__specs{display:block;width:100%;padding:0;margin:0}.ranked-card__spec{display:block;padding:27px 0 29px;margin:0;border-top:1px solid var(--rc-border)}.ranked-card__spec-label,.ranked-card__spec-value,.ranked-card__spec-secondary{display:block}.ranked-card__spec-label{margin:0 0 11px;color:rgb(var(--color-foreground-secondary));font-family:var(--font-body-family);font-size:1.1rem;font-weight:600;line-height:1.2;letter-spacing:.13em;text-transform:uppercase}.ranked-card__spec-value{min-width:0;max-width:100%;margin:0;color:rgb(var(--color-foreground-title));font-family:var(--font-heading-family);font-size:clamp(1.7rem,1.7vw,2rem);font-style:var(--font-heading-style);font-weight:var(--font-heading-weight);line-height:1.28;overflow-wrap:anywhere}.ranked-card__spec-secondary{margin-top:5px;color:rgb(var(--color-foreground-secondary));font-family:var(--font-body-family);font-size:.82em;font-weight:var(--font-body-weight)}.ranked-card__cta-wrap{width:100%;margin-top:auto;padding-top:28px}.ranked-card__cta{display:inline-flex;flex-wrap:nowrap;align-items:center;justify-content:center;gap:22px;width:100%;min-height:58px;padding:15px 24px;color:rgb(var(--color-button-text));background:rgb(var(--color-button));border:1px solid rgb(var(--color-button));border-radius:999px;font-family:var(--font-body-family);font-size:1.3rem;font-weight:600;line-height:1.2;letter-spacing:.13em;text-decoration:none;text-transform:uppercase;white-space:nowrap;transition:color .2s ease,background-color .2s ease,border-color .2s ease}.ranked-card__cta span{white-space:nowrap}.ranked-card__cta:hover{color:rgb(var(--color-button-text-hover));background:rgb(var(--color-button-hover));border-color:rgb(var(--color-button-hover))}.ranked-card__cta svg{flex:0 0 auto;width:28px;height:16px}.ranked-card--inline,.ranked-card--inline .ranked-card__visual{min-height:520px}.ranked-card--inline .ranked-card__info{padding:48px 32px 24px}.article-template__content.rte>.ranked-card-inline{margin:0}.article-template__content.rte .ranked-card{min-height:520px;font-size:1rem;line-height:1.4}.article-template__content.rte .ranked-card div,.article-template__content.rte .ranked-card dl,.article-template__content.rte .ranked-card dt,.article-template__content.rte .ranked-card dd{margin:0}.article-template__content.rte .ranked-card .ranked-card__badge,.article-template__content.rte .ranked-card .ranked-card__spec-label,.article-template__content.rte .ranked-card .ranked-card__spec-value,.article-template__content.rte .ranked-card .ranked-card__cta{font-size:revert}.article-template__content.rte .ranked-card .ranked-card__badge{font-size:1.2rem}.article-template__content.rte .ranked-card .ranked-card__spec-label{font-size:1.1rem}.article-template__content.rte .ranked-card .ranked-card__spec-value{font-size:clamp(1.7rem,1.7vw,2rem)}.article-template__content.rte .ranked-card .ranked-card__cta{color:rgb(var(--color-button-text));font-size:1.3rem}.article-template__content.rte .ranked-card .ranked-card__cta:hover{color:rgb(var(--color-button-text-hover))}.article-template__content.rte__container .ranked-card .ranked-card__slide img,.article-template__content.rte .ranked-card .ranked-card__slide img{width:100%!important;height:100%!important;max-height:none!important;margin:0!important;object-fit:cover}@container ranked-card-inline (max-width: 600px){.ranked-card--inline{grid-template-columns:minmax(0,1fr);min-height:0}.ranked-card--inline .ranked-card__visual{min-height:0}.ranked-card--inline .ranked-card__badge{min-height:68px;padding:20px 24px}.ranked-card--inline .ranked-card__media{aspect-ratio:1 / 1}.ranked-card--inline .ranked-card__info{padding:34px 30px 26px;border-top:1px solid var(--rc-border)}.ranked-card--inline .ranked-card__spec{padding:25px 0 27px}.ranked-card--inline .ranked-card__cta-wrap{padding-top:34px}}@media screen and (max-width:749px){.ranked-cards__list{gap:28px}.ranked-card{grid-template-columns:minmax(0,1fr);min-height:0}.ranked-card__visual{min-height:0}.ranked-card__badge{min-height:68px;padding:20px 24px;font-size:1.1rem}.ranked-card__media{aspect-ratio:1 / 1}.ranked-card__arrow{width:40px;height:40px}.ranked-card__arrow svg{width:20px;height:20px}.ranked-card__arrow--previous{left:10px}.ranked-card__arrow--next{right:10px}.ranked-card__dots{bottom:18px}.ranked-card__info{padding:34px 30px 26px;border-top:1px solid var(--rc-border)}.ranked-card__spec{padding:25px 0 27px}.ranked-card__spec-label{font-size:1rem}.ranked-card__spec-value{font-size:1.8rem}.ranked-card__cta-wrap{padding-top:34px}.ranked-card__cta{min-height:58px;font-size:1.25rem}}@media(prefers-reduced-motion:reduce){.ranked-card__slide,.ranked-card__arrow,.ranked-card__dot,.ranked-card__cta{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/27/assets/ranked-product-card.css.map */