.tt{padding:var(--tt-pt, 40px) 0 var(--tt-pb, 40px)}.tt *{box-sizing:border-box}.tt-heading{text-align:center;font-size:28px;font-weight:700;margin:0 0 20px;color:var(--tt-heading-color,#111)}.tt-tabs-wrap{position:relative;margin-bottom:24px}.tt-tabs-wrap:after{content:"";position:absolute;right:0;top:0;bottom:0;width:40px;background:linear-gradient(to left,var(--tt-section-bg, #fff) 10%,transparent);pointer-events:none;z-index:2;opacity:0;transition:opacity .2s ease}.tt-tabs-wrap.has-overflow:after{opacity:1}.tt-tabs{display:flex;gap:var(--tt-tab-gap, 8px);justify-content:flex-start;flex-wrap:nowrap;padding:0 12px 8px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity}.tt-tabs::-webkit-scrollbar{display:none}.tt-tab{background:var(--tt-tab-inactive-bg,#f3f3f3);color:var(--tt-tab-inactive-color,#111);border:none;padding:var(--tt-tab-padding-y, 9px) var(--tt-tab-padding-x, 22px);border-radius:var(--tt-tab-radius, 999px);font-size:var(--tt-tab-font-size, 13px);font-weight:var(--tt-tab-font-weight, 500);cursor:pointer;transition:background .2s ease,color .2s ease,transform .15s ease;white-space:nowrap;font-family:inherit;flex-shrink:0;scroll-snap-align:start}.tt-tab:hover{opacity:.85}.tt-tab:active{transform:scale(.97)}.tt-tab.active{background:var(--tt-tab-active-bg,#111);color:var(--tt-tab-active-color,#fff)}.tt-panels{position:relative}.tt-panel{display:none}.tt-panel.active{display:block;animation:tt-fade-in .3s ease}@keyframes tt-fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.tt-progress{display:flex;align-items:center;gap:10px;padding:0 12px;margin-bottom:12px;max-width:340px;margin-left:auto;margin-right:auto}.tt-arrow{background:transparent;border:none;cursor:pointer;font-size:18px;color:#999;padding:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-family:inherit;line-height:1;transition:color .2s ease;flex-shrink:0}.tt-arrow:hover{color:#111}.tt-arrow:disabled{opacity:.3;cursor:default}.tt-progress-track{flex:1;height:3px;background:#e5e5e5;border-radius:2px;overflow:hidden;position:relative}.tt-progress-fill{position:absolute;top:0;left:0;height:100%;background:#111;border-radius:2px;width:30%;transition:left .2s ease,width .2s ease}.tt-slider{display:flex;gap:12px;padding:0 12px 4px;overflow-x:auto;overflow-y:visible;scrollbar-width:none;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;scroll-padding-left:12px}.tt-slider::-webkit-scrollbar{display:none}.tt-card{flex-shrink:0;width:calc((100% - 12px)/2);min-width:0;scroll-snap-align:start}.tt[data-cols-mobile="1"] .tt-card{width:85%}.tt-dots{display:flex;justify-content:center;align-items:center;gap:6px;margin-top:16px;flex-wrap:wrap}.tt-dot{width:6px;height:6px;border-radius:50%;background:#d4d4d4;border:none;padding:0;cursor:pointer;transition:background .2s ease,transform .2s ease}.tt-dot.active{background:#111;transform:scale(1.3)}.tt-card--contain .card__media .media img,.tt-card--contain .card-wrapper .media img{object-fit:contain!important;background:#fafafa}.tt-card--contain .card__media,.tt-card--contain .card-wrapper .media{background:#fafafa}.tt-card-placeholder{text-align:left}.tt-placeholder-image{background:#f3f3f3;border-radius:8px;aspect-ratio:3/4;display:flex;align-items:center;justify-content:center;margin-bottom:8px;overflow:hidden}.tt-placeholder-image svg{width:50%;height:50%;opacity:.3}.tt-placeholder-title{margin:0;font-size:13px;color:#666}.tt-placeholder-price{margin:3px 0 0;font-size:14px;font-weight:600;color:#111}.tt-view-all-wrap{text-align:center;margin-top:24px}.tt-view-all{display:inline-block;padding:10px 28px;background:transparent;color:#111;border:1px solid #111;border-radius:999px;font-size:13px;font-weight:500;text-decoration:none;transition:background .2s ease,color .2s ease}.tt-view-all:hover{background:#111;color:#fff}@media(min-width:750px){.tt{padding:var(--tt-pt, 40px) 0 var(--tt-pb, 40px)}.tt-heading{font-size:36px;margin:0 0 24px}.tt-tabs-wrap{margin-bottom:32px}.tt-tabs-wrap:after{display:none}.tt-tabs{justify-content:center;flex-wrap:wrap;overflow-x:visible;padding:0 12px}.tt-progress{max-width:600px;margin-bottom:16px}.tt-slider{gap:20px;padding:0 12px 4px;scroll-padding-left:12px}.tt-card{width:calc((100% - (20px * (var(--tt-cols-desktop, 4) - 1))) / var(--tt-cols-desktop, 4))}.tt[data-tab-layout=scroll] .tt-tabs{justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity}.tt[data-tab-layout=scroll] .tt-tabs-wrap:after{display:block}}.tt-card .card__inner{background:transparent!important;box-shadow:none!important}.tt-card .card__media{overflow:hidden}.tt-card .card__media img{width:100%;height:100%;object-fit:cover;display:block}.tt-card .card-atc--icon,.tt-card .card-atc--button{display:none!important}.tt-card .card-badge{font-size:9px!important;padding:3px 8px!important}.tt-card{text-decoration:none;display:block;color:rgb(var(--color-foreground))}.tt-card-media{position:relative;border-radius:8px;overflow:hidden;background:#f5f3f0;margin-bottom:10px;aspect-ratio:1/1}.tt-card-media .tt-img-1,.tt-card-media .tt-img-2{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block;transition:opacity .35s ease}.tt-card-media .tt-img-2{opacity:0}.tt-card:hover .tt-img-2{opacity:1}.tt-card:hover .tt-img-1{opacity:0}.tt-card-media .tt-img-ph{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:.2}.tt-badge{position:absolute;bottom:8px;left:8px;font-size:10px;font-weight:700;padding:3px 9px;border-radius:20px;letter-spacing:.03em}.tt-card-info{padding:0 2px}.tt-card-title{font-size:13px;font-weight:500;margin:0 0 4px;line-height:1.3;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.tt-card-price{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.tt-price-current{font-size:13px;font-weight:600}.tt-price-sale{color:#c0392b}.tt-price-compare{font-size:12px;opacity:.45;text-decoration:line-through}.tt-card-placeholder{opacity:.3;pointer-events:none}
/*# sourceMappingURL=/cdn/shop/t/203/assets/section-trending-tabs.css.map */