/* /ft_theme/static/src/shop/shop.scss */
 .ft-shop-hero{position: relative; overflow: hidden; padding: 4.5rem 0 5rem; text-align: center; background: var(--ft-bg);}.ft-shop-hero .ft-shop-hero__glow{position: absolute; top: -160px; left: 50%; width: 900px; height: 560px; margin-left: -450px; border-radius: 50%; background: radial-gradient(circle, rgba(39, 196, 229, 0.14) 0%, rgba(255, 255, 255, 0) 70%); pointer-events: none;}.ft-shop-hero .ft-shop-hero__canvas{position: absolute; inset: 0; width: 100%; height: 100%;}.ft-shop-hero .ft-shop-hero__in{position: relative; z-index: 2; pointer-events: none;}.ft-shop-hero .ft-shop-hero__title{margin: 0; font-size: clamp(2.2rem, 4.2vw, 3.6rem); font-weight: 800; letter-spacing: -0.02em; color: #0F172A;}.ft-shop-filter .ft-shop-filter__bar{position: relative; z-index: 5; display: flex; flex-wrap: wrap; align-items: center; gap: 0.6rem; margin: -2.2rem 0 2rem; padding: 0.75rem 1rem; background: var(--ft-surface); border: 1px solid var(--ft-border); border-radius: 18px; box-shadow: 0 18px 40px -18px rgba(var(--ft-primary-rgb), 0.35);}.ft-shop-filter .ft-shop-filter__home{display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 12px; font-size: 1.15rem; background: rgba(var(--ft-primary-rgb), 0.1); text-decoration: none; transition: background 0.25s ease, transform 0.25s ease;}.ft-shop-filter .ft-shop-filter__home, .ft-shop-filter .ft-shop-filter__home:link, .ft-shop-filter .ft-shop-filter__home:visited{color: var(--ft-primary) !important;}.ft-shop-filter .ft-shop-filter__home:hover{background: var(--ft-primary); transform: translateY(-2px);}.ft-shop-filter .ft-shop-filter__home:hover, .ft-shop-filter .ft-shop-filter__home:hover:link, .ft-shop-filter .ft-shop-filter__home:hover:visited{color: #fff !important;}.ft-shop-filter .ft-shop-filter__all{padding: 0.45rem 1.1rem; border: 0; border-radius: 999px; font-weight: 700; background: transparent; color: var(--ft-text-soft); cursor: pointer; transition: background 0.25s ease, color 0.25s ease;}.ft-shop-filter .ft-shop-filter__all:hover{background: var(--ft-bg-soft); color: var(--ft-primary);}.ft-shop-filter .ft-shop-filter__all.active{background: linear-gradient(300deg, #27C4E5 0%, var(--ft-primary) 100%); color: #fff; box-shadow: 0 8px 18px -8px rgba(39, 196, 229, 0.7);}.ft-shop-filter .ft-shop-filter__drops{display: flex; flex-wrap: wrap; gap: 0.5rem;}.ft-shop-filter .ft-shop-fdrop{position: relative;}.ft-shop-filter .ft-shop-fdrop .ft-shop-fdrop-btn{display: inline-flex; align-items: center; gap: 0.5rem; padding: 0.45rem 0.9rem; border: 1.5px solid var(--ft-border); border-radius: 999px; font-weight: 600; color: var(--ft-text); background: var(--ft-surface); cursor: pointer; transition: border-color 0.25s ease, box-shadow 0.25s ease, background 0.25s ease;}.ft-shop-filter .ft-shop-fdrop .ft-shop-fdrop-btn:hover{border-color: rgba(var(--ft-primary-rgb), 0.5);}.ft-shop-filter .ft-shop-fdrop .ft-shop-fdrop-val{padding: 0.1rem 0.6rem; border-radius: 999px; font-size: 0.8rem; font-weight: 700; color: #fff; background: var(--ft-primary);}.ft-shop-filter .ft-shop-fdrop .ft-shop-fdrop-caret{transition: transform 0.25s ease;}.ft-shop-filter .ft-shop-fdrop.has-value .ft-shop-fdrop-btn{border-color: var(--ft-primary); background: rgba(var(--ft-primary-rgb), 0.06);}.ft-shop-filter .ft-shop-fdrop.open .ft-shop-fdrop-btn{border-color: var(--ft-primary); box-shadow: 0 0 0 4px rgba(var(--ft-primary-rgb), 0.12);}.ft-shop-filter .ft-shop-fdrop.open .ft-shop-fdrop-caret{transform: rotate(180deg);}.ft-shop-filter .ft-shop-fdrop.open .ft-shop-fdrop-menu{opacity: 1; visibility: visible; transform: translateY(0);}.ft-shop-filter .ft-shop-fdrop .ft-shop-fdrop-menu{position: absolute; top: calc(100% + 8px); left: 0; z-index: 20; min-width: 210px; max-height: 320px; overflow-y: auto; padding: 0.4rem; border: 1px solid var(--ft-border); border-radius: 14px; background: var(--ft-surface); box-shadow: 0 22px 44px -14px rgba(15, 23, 42, 0.28); opacity: 0; visibility: hidden; transform: translateY(-6px); transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s;}.ft-shop-filter .ft-shop-fdrop .ft-shop-fdrop-item{display: flex; align-items: center; gap: 0.6rem; width: 100%; padding: 0.5rem 0.8rem; border: 0; border-radius: 10px; text-align: left; font-weight: 500; color: var(--ft-text); background: transparent; cursor: pointer; transition: background 0.15s ease, color 0.15s ease;}.ft-shop-filter .ft-shop-fdrop .ft-shop-fdrop-item:hover{background: var(--ft-bg-soft); color: var(--ft-primary);}.ft-shop-filter .ft-shop-fdrop .ft-shop-fdrop-item.active{font-weight: 700; color: var(--ft-primary); background: rgba(var(--ft-primary-rgb), 0.1);}.ft-shop-filter .ft-shop-fdrop .ft-shop-fdrop-item .ft-shop-sw{width: 16px; height: 16px; border-radius: 50%; background: var(--c); box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.18); flex: none;}.ft-shop-filter .ft-shop-filter__search{display: flex; align-items: center; gap: 0.5rem; margin: 0 0 0 auto; padding: 0 0.9rem; height: 40px; min-width: min(280px, 100%); border: 1.5px solid var(--ft-border); border-radius: 999px; background: var(--ft-surface); transition: border-color 0.25s ease, box-shadow 0.25s ease;}.ft-shop-filter .ft-shop-filter__search:focus-within{border-color: var(--ft-primary); box-shadow: 0 0 0 4px rgba(var(--ft-primary-rgb), 0.12);}.ft-shop-filter .ft-shop-filter__search .fa{color: var(--ft-text-muted);}.ft-shop-filter .ft-shop-filter__search input{flex: 1; min-width: 0; border: 0; outline: 0; background: transparent; color: var(--ft-text);}.ft-shop-meta{display: flex; justify-content: space-between; align-items: center; margin: 0 0 1rem; color: var(--ft-text-muted); font-size: var(--ft-fs-sm);}.ft-shop-card{display: flex; animation: ft-shop-rise 0.8s cubic-bezier(0.2, 0.7, 0.2, 1) backwards;}.ft-shop-card[hidden]{display: none;}.ft-shop-card > *{flex: 1; min-width: 0;}.ft-shop-card.ft-shop-in{animation: ft-shop-in 0.45s cubic-bezier(0.16, 1, 0.3, 1) both; animation-delay: calc(var(--ft-i, 0) * 45ms);}.ft-shop-card:nth-child(2){animation-delay: 0.06s;}.ft-shop-card:nth-child(3){animation-delay: 0.12s;}.ft-shop-card:nth-child(4){animation-delay: 0.18s;}.ft-shop-card:nth-child(5){animation-delay: 0.24s;}.ft-shop-card:nth-child(6){animation-delay: 0.3s;}.ft-shop-card:nth-child(7){animation-delay: 0.36s;}.ft-shop-card:nth-child(8){animation-delay: 0.42s;}@keyframes ft-shop-rise{from{opacity: 0; transform: translateY(34px) scale(0.96);}}@keyframes ft-shop-in{from{opacity: 0; transform: translateY(18px) scale(0.96);}to{opacity: 1; transform: none;}}.ft-shop-shell{position: relative; display: flex; height: 100%; padding: 1.5px; border-radius: 20px; overflow: hidden; background: var(--ft-border); box-shadow: 0 14px 34px -16px rgba(2, 6, 23, 0.18); transition: transform 0.15s ease-out, box-shadow 0.3s ease; will-change: transform;}.ft-shop-shell::before{content: ""; position: absolute; inset: -60%; opacity: 0; transition: opacity 0.3s; background: conic-gradient(from 0deg, transparent 0 25%, var(--ft-primary) 32%, transparent 40%, transparent 55%, var(--ft-secondary) 62%, transparent 70%, transparent 100%); animation: ft-shop-spin 4s linear infinite; animation-play-state: paused;}.ft-shop-shell:hover{box-shadow: 0 26px 52px -18px rgba(var(--ft-primary-rgb), 0.38);}.ft-shop-shell:hover::before{opacity: 1; animation-play-state: running;}@keyframes ft-shop-spin{to{transform: rotate(360deg);}}.ft-shop-item{position: relative; z-index: 1; display: flex; flex-direction: column; width: 100%; border-radius: 18.5px; overflow: hidden; background: #fff;}.ft-shop-item::after{content: ""; position: absolute; inset: 0; z-index: 6; pointer-events: none; opacity: 0; transition: opacity 0.35s; background: radial-gradient(420px circle at var(--mx, 50%) var(--my, 50%), rgba(var(--ft-primary-rgb), 0.09), transparent 45%);}.ft-shop-shell:hover .ft-shop-item::after{opacity: 1;}.ft-shop-item__img{position: relative; aspect-ratio: 1; background: #fff; overflow: hidden;}.ft-shop-item__img a{position: absolute; inset: 0; display: block;}.ft-shop-item__img img{position: absolute; inset: 7%; width: 86%; height: 86%; object-fit: contain; transition: transform 0.5s ease, opacity 0.35s ease;}.ft-shop-item__img .ft-shop-item__alt{opacity: 0;}.ft-shop-item__img::after{content: ""; position: absolute; top: 0; left: -85%; width: 55%; height: 100%; z-index: 2; pointer-events: none; background: linear-gradient(100deg, transparent, rgba(255, 255, 255, 0.7), transparent); transform: skewX(-20deg); transition: left 0.8s ease;}.ft-shop-shell:hover .ft-shop-item__img::after{left: 135%;}.ft-shop-shell:hover .ft-shop-item__img img{transform: scale(1.06);}.ft-shop-shell:hover .ft-shop-item__img .ft-shop-item__alt{opacity: 1;}.ft-shop-ribbon{position: absolute; top: 14px; left: 14px; z-index: 3; padding: 4px 12px; border-radius: 999px; font-size: 12px; font-weight: 700; background: var(--ft-primary); color: #fff; box-shadow: var(--ft-shadow-sm);}.ft-shop-ribbon.ft-shop-ribbon--off{left: auto; right: 14px; background: var(--ft-danger, #d64550);}.ft-shop-item__acts{position: absolute; top: 12px; right: 12px; z-index: 4; display: flex; flex-direction: column; gap: 6px;}.ft-shop-item__acts .btn{background: #fff; box-shadow: var(--ft-shadow-sm);}.ft-shop-item__body{display: flex; flex-direction: column; flex: 1 1 auto; gap: 10px; padding: 16px 18px 18px;}.ft-shop-item__title{margin: 0; font-size: var(--ft-fs-md); font-weight: 700; line-height: 1.35; letter-spacing: -0.01em; color: var(--ft-text); min-height: calc(2 * 1.35em); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}.ft-shop-item__title a, .ft-shop-item__title a:hover{color: inherit; text-decoration: none;}.ft-shop-item__price{display: flex; align-items: center; gap: 8px; flex-wrap: wrap; min-height: 30px;}.ft-shop-item__price .ft-shop-price{font-size: var(--ft-fs-xl); font-weight: 800; background: linear-gradient(90deg, var(--ft-primary), var(--ft-secondary)); -webkit-background-clip: text; background-clip: text; color: transparent;}.ft-shop-item__price del{color: var(--ft-text-muted); font-size: var(--ft-fs-sm);}.ft-shop-item__dots{display: flex; align-items: center; gap: 8px; min-height: 22px;}.ft-shop-dot{width: 20px; height: 20px; padding: 0; border-radius: 50%; border: 2px solid #fff; background: var(--c); cursor: pointer; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.16); transition: transform 0.25s cubic-bezier(0.34, 1.56, 0.64, 1), box-shadow 0.2s;}.ft-shop-dot:hover{transform: scale(1.25);}.ft-shop-dot.active{box-shadow: 0 0 0 2px var(--ft-primary);}.ft-shop-dots-more{color: var(--ft-text-muted); font-size: var(--ft-fs-sm);}.ft-shop-none{padding: 4rem 1rem;}.ft-shop-none[hidden]{display: none;}.ft-shop-none .ft-shop-none__icon{display: inline-flex; align-items: center; justify-content: center; width: 84px; height: 84px; margin-bottom: 1rem; border-radius: 50%; background: rgba(var(--ft-primary-rgb), 0.08); color: var(--ft-primary); font-size: 2rem;}@media (max-width: 767.98px){.ft-shop-filter .ft-shop-filter__bar{margin-top: -1.5rem;}.ft-shop-filter .ft-shop-filter__search{width: 100%; margin-left: 0;}.ft-shop-hero{padding: 3.2rem 0 4rem;}}@media (prefers-reduced-motion: reduce){.ft-shop-card, .ft-shop-card.ft-shop-in{animation: none;}.ft-shop-shell::before{animation: none;}.ft-shop-fdrop-menu{transition: none;}}#wrapwrap .ft-shop .ft-shop-item__title{font-size: 1.05rem; line-height: 1.35; font-weight: 700; color: var(--ft-text);}#wrapwrap .ft-shop .ft-shop-item__title a, #wrapwrap .ft-shop .ft-shop-item__title a:hover{color: var(--ft-text);}#wrapwrap .ft-shop .ft-shop-item__title a:hover{color: var(--ft-primary);}.ft-shop-quick{margin-left: auto; flex: none; width: 40px; height: 40px; padding: 0; border-radius: 50%; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; font-size: 1rem; background: #fff; color: var(--ft-primary); border: 1.5px solid var(--ft-primary); transition: background 0.25s ease, color 0.25s ease, transform 0.25s cubic-bezier(0.34, 1.56, 0.64, 1), box-shadow 0.25s;}.ft-shop-quick:hover, .ft-shop-quick:focus-visible{background: var(--ft-primary); color: #fff; transform: scale(1.1); box-shadow: 0 8px 18px -8px rgba(var(--ft-primary-rgb), 0.7);}.ft-shop-quick:active{transform: scale(0.96);}.ft-offer-timer.ft-offer-timer--tag{position: absolute; top: 14px; right: 14px; z-index: 3; display: inline-flex; align-items: center; gap: 4px; width: auto; margin: 0; padding: 4px 10px; border-radius: 999px; white-space: nowrap; background: rgba(255, 255, 255, 0.94); border: 1px solid color-mix(in srgb, var(--ft-danger, #e11d48) 25%, #fff); box-shadow: var(--ft-shadow-sm); font-size: 0.75rem; font-weight: 600; color: var(--ft-text-muted); font-variant-numeric: tabular-nums; line-height: 1.4;}.ft-offer-timer.ft-offer-timer--tag i{color: var(--ft-danger, #e11d48); margin: 0 2px 0 0;}.ft-offer-timer.ft-offer-timer--tag [data-ft-cd]{color: var(--ft-text); font-weight: 700;}.ft-offer-timer.ft-offer-timer--tag{right: auto; left: 50%; transform: translateX(-50%);}.ft-shop-item__dots{position: absolute; left: 12px; top: 50%; z-index: 4; transform: translateY(-50%); display: flex; flex-direction: column; align-items: center; gap: 9px; min-height: 0; padding: 8px 6px; border-radius: 999px; background: rgba(255, 255, 255, 0.88); box-shadow: 0 6px 18px -6px rgba(15, 23, 42, 0.25); backdrop-filter: blur(4px);}.ft-shop-dot{width: 22px; height: 22px;}.ft-shop-item__body{gap: 10px; padding: 14px 18px 18px;}.ft-shop-item__price{min-height: 0;}#wrapwrap .ft-shop .ft-shop-item__title{font-size: 1.2rem; line-height: 1.3; min-height: calc(2 * 1.3em);}.ft-shop-grid{display: grid; gap: 28px;}.ft-shop-grid[hidden]{display: none;}.ft-shop-grid.ft-shop-grid--2{grid-template-columns: repeat(2, minmax(0, 1fr));}.ft-shop-grid.ft-shop-grid--3{grid-template-columns: repeat(3, minmax(0, 1fr));}.ft-shop-grid.ft-shop-grid--4{grid-template-columns: repeat(4, minmax(0, 1fr));}@media (max-width: 1199.98px){.ft-shop-grid{gap: 24px;}.ft-shop-grid.ft-shop-grid--4{grid-template-columns: repeat(3, minmax(0, 1fr));}}@media (max-width: 991.98px){.ft-shop-grid{gap: 16px;}.ft-shop-grid.ft-shop-grid--3, .ft-shop-grid.ft-shop-grid--4{grid-template-columns: repeat(2, minmax(0, 1fr));}}@media (max-width: 479.98px){.ft-shop-grid.ft-shop-grid--2, .ft-shop-grid.ft-shop-grid--3, .ft-shop-grid.ft-shop-grid--4{grid-template-columns: minmax(0, 1fr);}}.ft-shop-item{cursor: pointer;}.ft-shop-item__title a::after{content: ""; position: absolute; inset: 0; z-index: 2;}.ft-shop-item__img .ft-shop-ribbon, .ft-shop-item__img .ft-offer-timer, .ft-shop-item__dots, .ft-shop-item__acts{z-index: 4;}.ft-shop-item__img .ft-shop-quick{position: absolute; right: 14px; bottom: 14px; margin: 0; z-index: 5;}.ft-shop-item__body{padding: 16px 20px 20px; gap: 8px;}.ft-shop-item__price{margin-top: 2px;}#wrapwrap .ft-shop .ft-shop-shell:hover .ft-shop-item__title a{color: var(--ft-primary);}