.ranking-section{--ranking-accent: #c8956c;--ranking-badge-1: #d4a24e;--ranking-badge-2: #a3a8ad;--ranking-badge-3: #b87a4b;--ranking-badge-other: #b5a99a;--ranking-bg-warm: #faf6f1;--ranking-text: #4a3f35;--ranking-text-sub: #8a7e72;--ranking-border: #e8dfcf;--ranking-card-bg: #ffffff;--ranking-radius: 12px}.ranking-header{text-align:center;margin-bottom:2.8rem}.ranking-title{margin:0 0 .6rem;font-size:2.4rem;font-weight:700;color:var(--ranking-text);letter-spacing:.04em}.ranking-title:before{content:"\1f3c6";display:block;font-size:2.8rem;margin-bottom:.4rem}.ranking-subtitle{margin:0;color:var(--ranking-text-sub);font-size:1.4rem;letter-spacing:.02em}.ranking-tabs{display:flex;justify-content:center;gap:.6rem;margin-bottom:2.4rem;flex-wrap:wrap}.ranking-tab{padding:.8rem 2.2rem;border:1.5px solid var(--ranking-border);border-radius:40px;background:var(--ranking-card-bg);color:var(--ranking-text);font-size:1.4rem;font-weight:500;cursor:pointer;transition:all .3s ease;white-space:nowrap;letter-spacing:.02em}.ranking-tab:hover{border-color:var(--ranking-accent);color:var(--ranking-accent);background:#fdf8f3}.ranking-tab--active{background:var(--ranking-accent);border-color:var(--ranking-accent);color:#fff;box-shadow:0 2px 8px #c8956c40}.ranking-tab--active:hover{color:#fff;background:var(--ranking-accent)}.ranking-panel{display:none}.ranking-panel--active{display:block}.ranking-carousel-wrapper{position:relative;padding:0 4.4rem}.ranking-carousel{overflow:hidden}.ranking-carousel__track{display:flex;gap:1.4rem;transition:transform .45s cubic-bezier(.25,.46,.45,.94)}.ranking-item{flex:0 0 calc((100% - 5.6rem)/5);min-width:0;position:relative;background:var(--ranking-card-bg);border-radius:var(--ranking-radius);border:1px solid var(--ranking-border);overflow:hidden;transition:box-shadow .3s ease,transform .3s ease}.ranking-item:hover{box-shadow:0 4px 16px #4a3f3514;transform:translateY(-2px)}.ranking-badge{position:absolute;top:.8rem;left:.8rem;z-index:2;width:3rem;height:3rem;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--ranking-badge-other);color:#fff;font-weight:700;font-size:1.3rem;line-height:1;box-shadow:0 2px 6px #0000001f}.ranking-badge--1{background:linear-gradient(135deg,#e8c84a,#d4a24e);width:3.6rem;height:3.6rem;font-size:1.6rem;box-shadow:0 3px 10px #d4a24e59}.ranking-badge--1:after{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:50%;border:2px solid rgba(232,200,74,.4)}.ranking-badge--2{background:linear-gradient(135deg,#c0c5ca,#a3a8ad);width:3.2rem;height:3.2rem;font-size:1.4rem}.ranking-badge--3{background:linear-gradient(135deg,#d4955e,#b87a4b);width:3.2rem;height:3.2rem;font-size:1.4rem}.ranking-item__image-wrapper{display:block;position:relative;aspect-ratio:1 / 1;background:var(--ranking-bg-warm);overflow:hidden}.ranking-item__image{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.ranking-item__image-wrapper:hover .ranking-item__image{transform:scale(1.06)}.ranking-item__placeholder{width:100%;height:100%}.ranking-item__info{padding:1rem 1rem 1.2rem}.ranking-item__title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-size:1.3rem;line-height:1.55;color:var(--ranking-text);text-decoration:none;transition:color .2s;font-weight:400}.ranking-item__title:hover{color:var(--ranking-accent)}.ranking-item__price{margin-top:.5rem;font-size:1.4rem;font-weight:600;color:var(--ranking-text)}.ranking-item__price--compare{text-decoration:line-through;color:var(--ranking-text-sub);font-weight:400;font-size:1.2rem;margin-right:.4rem}.ranking-item__price--sale{color:#c0392b}.ranking-item__price--regular{color:var(--ranking-text)}.ranking-arrow{position:absolute;top:50%;transform:translateY(-50%);width:3.6rem;height:3.6rem;border:1.5px solid var(--ranking-border);border-radius:50%;background:var(--ranking-card-bg);cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:3;transition:all .25s ease;box-shadow:0 2px 8px #4a3f350f;color:var(--ranking-text-sub)}.ranking-arrow:hover:not(:disabled){border-color:var(--ranking-accent);color:var(--ranking-accent);box-shadow:0 2px 12px #c8956c2e}.ranking-arrow:disabled{opacity:.3;cursor:default}.ranking-arrow--prev{left:0}.ranking-arrow--next{right:0}.ranking-dots{display:flex;justify-content:center;gap:.6rem;margin-top:1.8rem}.ranking-dot{width:.8rem;height:.8rem;border-radius:50%;border:none;background:var(--ranking-border);cursor:pointer;padding:0;transition:all .3s ease}.ranking-dot--active{background:var(--ranking-accent);transform:scale(1.4)}.ranking-view-all{text-align:center;margin-top:2.4rem}.ranking-view-all__link{display:inline-block;padding:1rem 3rem;border:1.5px solid var(--ranking-accent);border-radius:40px;color:var(--ranking-accent);background:transparent;font-size:1.4rem;font-weight:500;text-decoration:none;letter-spacing:.04em;transition:all .3s ease}.ranking-view-all__link:hover{background:var(--ranking-accent);color:#fff}.ranking-empty{text-align:center;padding:4rem 2rem;color:var(--ranking-text-sub);font-size:1.4rem}@media (max-width: 989px){.ranking-item{flex:0 0 calc((100% - 1.4rem * 3) / 4)}.ranking-carousel-wrapper{padding:0 3.6rem}.ranking-title{font-size:2rem}}@media (max-width: 749px){.ranking-item{flex:0 0 calc((100% - 1rem * 2) / 3)}.ranking-carousel__track{gap:1rem}.ranking-carousel-wrapper{padding:0}.ranking-arrow{display:none}.ranking-badge{width:2.4rem;height:2.4rem;font-size:1.1rem;top:.5rem;left:.5rem}.ranking-badge--1{width:2.8rem;height:2.8rem;font-size:1.3rem}.ranking-badge--1:after{top:-2px;right:-2px;bottom:-2px;left:-2px}.ranking-badge--2,.ranking-badge--3{width:2.6rem;height:2.6rem;font-size:1.2rem}.ranking-item__info{padding:.7rem .7rem .9rem}.ranking-item__title{font-size:1.1rem}.ranking-item__price{font-size:1.2rem}.ranking-tabs{gap:.4rem}.ranking-tab{padding:.6rem 1.4rem;font-size:1.2rem}.ranking-title{font-size:1.8rem}.ranking-title:before{font-size:2.2rem}.ranking-header{margin-bottom:2rem}}@media (max-width: 575px){.ranking-item{flex:0 0 calc((100% - .8rem)/2)}.ranking-carousel__track{gap:.8rem}.ranking-item__info{padding:.6rem .6rem .8rem}.ranking-item__title{font-size:1.1rem;-webkit-line-clamp:1}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/section-ranking.css.map */