
/* === JT-FINE START === */
/* JT-BRAND Fine — фирменные цвета Joys Toys (розовый #F20D6B + navy #1A0B4A) */

:root{ --jt-pink:#F20D6B; --jt-pink-dark:#c80a56; --jt-navy:#1A0B4A; }

/* ---- Кнопка «Каталог» (была зелёная) → navy ---- */
.header__show-collection-btn, .header-mobile-panel__show-menu-btn{
  background:var(--jt-navy)!important;border-color:var(--jt-navy)!important;color:#fff!important;
}
.header__show-collection-btn:hover{background:#26136b!important;}

/* ---- Все primary-кнопки → розовые ---- */
.button:not(.header__show-collection-btn):not(.header-mobile-panel__show-menu-btn):not(.favorites_btn):not(.product-preview__compare-btn):not(.add-cart-counter__btn):not(.add-cart-counter__controls-btn):not(.product-preview__detail-select-btn):not(.product-preview__show-modal-variants-btn){
  background:var(--jt-pink)!important;border-color:var(--jt-pink)!important;color:#fff!important;
}
.button:not(.header__show-collection-btn):hover{background:var(--jt-pink-dark)!important;border-color:var(--jt-pink-dark)!important;}
.header__search-btn{background:var(--jt-pink)!important;border-color:var(--jt-pink)!important;}

/* ---- Акцент: зелёный → розовый (активное меню, ссылки, hover) ---- */
a:hover{color:var(--jt-pink)!important;}
.top-menu__link.is-active, .top-menu__link:hover,
.header-top-menu a.is-active, .header-top-menu a:hover{color:var(--jt-pink)!important;}

/* ---- Мега-меню категорий: hover розовый ---- */
.header__collections-menu a:hover{color:var(--jt-pink)!important;}

/* ---- Цены ---- */
.product-preview__price, .price, .product-price{color:var(--jt-navy)!important;font-weight:800!important;}

/* ---- Бейджи скидок/меток ---- */
.label, .product-label, .badge, .discount, .sale{background:var(--jt-pink)!important;color:#fff!important;}

/* ---- Заголовки секций ---- */
.section-title, .index-section__title, h1{color:var(--jt-navy)!important;}

/* ---- Логотип: пока текстом (картинку загрузить в конструкторе Fine → Логотип) ---- */
.default-logo__text{color:var(--jt-navy)!important;font-weight:900!important;}

/* ==== HERO-баннер главной (Fine) ==== */
.jt-hero{
  position:relative;overflow:hidden;border-radius:18px;margin:0 0 26px;
  background:
    radial-gradient(120% 140% at 85% 15%, rgba(242,13,107,.55) 0%, rgba(242,13,107,0) 55%),
    linear-gradient(120deg,#140838 0%, #1A0B4A 45%, #2a1170 100%);
}
.jt-hero::before{content:"";position:absolute;inset:0;opacity:.5;
  background:repeating-linear-gradient(115deg, rgba(242,13,107,.14) 0 2px, transparent 2px 26px);}
.jt-hero__inner{position:relative;padding:60px 56px;min-height:280px;display:flex;align-items:center;}
.jt-hero__badge{display:inline-block;font-size:13px;font-weight:700;letter-spacing:.4px;color:#fff;
  background:rgba(242,13,107,.9);padding:7px 14px;border-radius:100px;margin-bottom:18px;}
.jt-hero__title{color:#fff!important;font-size:48px;line-height:1.05;font-weight:900;margin:0 0 14px;letter-spacing:-.5px;}
.jt-hero__title b{color:var(--jt-pink);}
.jt-hero__sub{color:#d6ccec;font-size:18px;margin:0 0 26px;max-width:460px;}
.jt-hero__btn{display:inline-block;background:var(--jt-pink);color:#fff!important;font-weight:800;font-size:16px;
  padding:16px 36px;border-radius:12px;text-decoration:none;transition:background .2s,transform .2s;}
.jt-hero__btn:hover{background:#fff;color:var(--jt-navy)!important;transform:translateY(-2px);}
@media(max-width:720px){.jt-hero__inner{padding:34px 24px;min-height:0;}.jt-hero__title{font-size:30px;}.jt-hero__sub{font-size:15px;}}

/* ==== скрыть демо-баннеры/плитки Fine (бытовая техника/PlayStation) ==== */
[class*="widget-type_system_widget_v4_banner_list"]{display:none!important;}
/* скрыть демо промо-слайдеры, демо-статьи, пустой «просмотренные» */
[class*="widget-type_system_widget_v4_promo_slider"],
[class*="widget-type_system_widget_v4_article_previews"],
[class*="is-empty-viewed_products"]{display:none!important;}

/* ==== категория: докраска ==== */
/* слайдер цены (был зелёный) → розовый */
.noUi-connect{background:var(--jt-pink)!important;}
.noUi-handle{background:var(--jt-pink)!important;border:2px solid #fff!important;box-shadow:0 1px 4px rgba(26,11,74,.35)!important;border-radius:50%!important;}
.noUi-handle:before,.noUi-handle:after{display:none!important;}
.filter-range__slider.noUi-target{background:#e9e6f2!important;border:none!important;box-shadow:none!important;}
/* кнопка сравнения на карточке — приглушить, чтобы розовый CTA был только «в корзину» */
.product-preview__compare-btn{background:#fff!important;border:1px solid #e2e0ea!important;color:var(--jt-navy)!important;}
.product-preview__compare-btn:hover{border-color:var(--jt-pink)!important;color:var(--jt-pink)!important;}
.product-preview__compare-btn .button__icon{color:inherit!important;}
/* карточки-боксы (только рамка/паддинг, БЕЗ смены раскладки) */
.catalog-list .product-preview{
  background:#fff!important;border:1px solid #ececf2!important;border-radius:14px!important;padding:12px!important;
  transition:box-shadow .2s,border-color .2s!important;
}
.catalog-list .product-preview:hover{box-shadow:0 8px 22px rgba(26,11,74,.12)!important;border-color:var(--jt-pink)!important;}
/* активный пункт верхнего меню (был зелёный) → навигационный акцент */
.header__collections-menu a.is-active, .collections-menu__link.is-active{color:var(--jt-pink)!important;}

/* ==== HERO-СЛАЙДЕР (3 слайда, автосмена) ==== */
.jt-slider{position:relative;border-radius:18px;overflow:hidden;margin:0 0 26px;}
.jt-slider__track{display:flex;width:300%;animation:jtslide 18s infinite;}
.jt-slide{width:33.3333%;min-height:300px;position:relative;display:flex;align-items:center;padding:56px 56px;}
.jt-slide::before{content:"";position:absolute;inset:0;opacity:.5;
  background:repeating-linear-gradient(115deg, rgba(255,255,255,.10) 0 2px, transparent 2px 26px);}
.jt-slide__c{position:relative;max-width:520px;}
.jt-slide__badge{display:inline-block;font-size:13px;font-weight:700;color:#fff;background:rgba(255,255,255,.18);
  padding:7px 14px;border-radius:100px;margin-bottom:16px;}
.jt-slide__t{color:#fff;font-size:46px;line-height:1.05;font-weight:900;margin:0 0 12px;letter-spacing:-.5px;}
.jt-slide__t b{color:#ffe14d;}
.jt-slide__s{color:rgba(255,255,255,.9);font-size:18px;margin:0 0 24px;}
.jt-slide__btn{display:inline-block;background:#fff;color:var(--jt-navy)!important;font-weight:800;font-size:16px;
  padding:15px 34px;border-radius:12px;text-decoration:none;}
.jt-slide__btn:hover{background:var(--jt-pink);color:#fff!important;}
.jt-slide--1{background:radial-gradient(120% 140% at 85% 15%,rgba(242,13,107,.6),rgba(242,13,107,0) 55%),linear-gradient(120deg,#140838,#1A0B4A 45%,#2a1170);}
.jt-slide--2{background:linear-gradient(120deg,#7a0a3c,#c80a56 55%,#f20d6b);}
.jt-slide--3{background:linear-gradient(120deg,#0b1f5e,#1a0b4a 50%,#3a1a8a);}
@keyframes jtslide{0%,28%{transform:translateX(0)}33%,61%{transform:translateX(-33.3333%)}66%,94%{transform:translateX(-66.6666%)}100%{transform:translateX(0)}}
.jt-slider:hover .jt-slider__track{animation-play-state:paused;}
@media(max-width:720px){.jt-slide{padding:32px 22px;min-height:0}.jt-slide__t{font-size:26px}.jt-slide__s{font-size:14px}}

/* ==== фиксы по критике ==== */
/* убрать жёлтый акцент в слайдере → белый (в палитре) */
.jt-slide__t b{color:#fff!important;}
/* приглушить избранное/сравнение — лёгкие иконки вместо розовых квадратов */
.favorites_btn, .product-preview__compare-btn{
  background:rgba(255,255,255,.92)!important;border:1px solid #e6e4ee!important;
  box-shadow:0 1px 4px rgba(26,11,74,.1)!important;
}
.favorites_btn .icon-favorites-o, .product-preview__compare-btn .button__icon, .product-preview__compare-btn .icon-compare{color:#9a95ab!important;}
.favorites_btn:hover .icon-favorites-o, .product-preview__compare-btn:hover .button__icon, .product-preview__compare-btn:hover .icon-compare{color:var(--jt-pink)!important;}
.favorites_btn .icon-favorites-f{color:var(--jt-pink)!important;}
/* CTA «в корзину» — выделить (заметная розовая с тенью) */
.add-cart-counter__btn{
  background:var(--jt-pink)!important;border-color:var(--jt-pink)!important;
  box-shadow:0 3px 12px rgba(242,13,107,.32)!important;
}
.add-cart-counter__btn:hover{background:var(--jt-pink-dark)!important;}
/* карточки категории — явная тень/бордер */
.catalog-list .product-preview{box-shadow:0 2px 10px rgba(26,11,74,.06)!important;}
.catalog-list .product-preview:hover{box-shadow:0 10px 26px rgba(26,11,74,.14)!important;}
/* мобайл: оверфлоу + 2 колонки */
@media(max-width:640px){
  html,body{overflow-x:hidden!important;max-width:100vw!important;}
  *{box-sizing:border-box;}
  .catalog-list.grid-list{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;width:100%!important;}
  .catalog-list .product-preview{width:auto!important;max-width:100%!important;margin:0!important;padding:10px!important;}
}

/* ==== плитки в стиле Розового Кролика (крупное фото товара) ==== */
.jt-cat-section{max-width:1440px;margin:0 auto 44px;padding:0 20px;}
.jt-cat-section__title{font-size:28px;font-weight:800;color:var(--jt-navy);margin:0 0 18px;}
.jt-cat3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;}
.jt-cat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;}
.jt-tile,.jt-cat3__item{
  position:relative;overflow:hidden;text-decoration:none;border-radius:20px;
  display:block;color:var(--jt-navy)!important;font-weight:800;
  transition:transform .25s ease,box-shadow .25s ease;
}
.jt-tile{padding:22px;min-height:180px;font-size:20px;}
.jt-cat3__item{padding:30px;min-height:150px;font-size:28px;background:#f0edf5!important;}
.jt-tile:hover,.jt-cat3__item:hover{transform:translateY(-4px);box-shadow:0 16px 36px rgba(26,11,74,.16);}
.jt-tile__t{position:relative;z-index:3;max-width:70%;line-height:1.15;}
/* крупное фото товара */
.jt-tile__img{position:absolute;z-index:2;right:4px;bottom:0;width:62%;height:78%;
  background:center right/contain no-repeat;mix-blend-mode:multiply;pointer-events:none;
  transition:transform .3s ease;}
.jt-cat3__item .jt-tile__img{width:44%;height:82%;right:8px;top:50%;bottom:auto;transform:translateY(-50%);}
.jt-tile:hover .jt-tile__img{transform:scale(1.06);}
.jt-cat3__item:hover .jt-tile__img{transform:translateY(-50%) scale(1.06);}

.jt-tile[data-cat="vibratory"]{background:#f7d9e6!important;}
.jt-tile[data-cat="analnye-probki"]{background:#fdf3d0!important;}
.jt-tile[data-cat="falloimitatory"]{background:#dbe8fb!important;}
.jt-tile[data-cat="vaginy-i-masturbatory"]{background:#efe1fb!important;}
.jt-tile[data-cat="smazki-lubrikanty"]{background:#ffe6dc!important;}
.jt-tile[data-cat="eroticheskoe-belie"]{background:#f3e8ff!important;}
.jt-tile[data-cat="prezervativy"]{background:#ffe0ec!important;}
.jt-tile[data-cat="bdsm"]{background:#fde9d6!important;}
[data-cat="seks-igrushki-dlya-zhenschin"].jt-bg-on .jt-tile__img{background-image:url("https://cdn.insales-shop.ru/images/products/1/7233/3175169089/large_womanizer_pro_01.jpg");}
[data-cat="seks-igrushki-dlya-muzhchin"].jt-bg-on .jt-tile__img{background-image:url("https://cdn.insales-shop.ru/images/products/1/2601/3175172649/large_AM-V02003.jpg");}
[data-cat="seks-igrushki-dlya-par"].jt-bg-on .jt-tile__img{background-image:url("https://cdn.insales-shop.ru/images/products/1/2313/3175172361/large_AN006.jpg");}
[data-cat="vibratory"].jt-bg-on .jt-tile__img{background-image:url("https://cdn.insales-shop.ru/images/products/1/3273/3175173321/large_AM-V001.jpg");}
[data-cat="analnye-probki"].jt-bg-on .jt-tile__img{background-image:url("https://cdn.insales-shop.ru/images/products/1/6393/3176470777/large_изображение_2025-08-09_134736565.png");}
[data-cat="falloimitatory"].jt-bg-on .jt-tile__img{background-image:url("https://cdn.insales-shop.ru/images/products/1/5361/3175175409/large_изображение_2026-01-17_170743019.png");}
[data-cat="vaginy-i-masturbatory"].jt-bg-on .jt-tile__img{background-image:url("https://cdn.insales-shop.ru/images/products/1/2601/3175172649/large_AM-V02003.jpg");}
[data-cat="smazki-lubrikanty"].jt-bg-on .jt-tile__img{background-image:url("https://cdn.insales-shop.ru/images/products/1/6433/3175176481/large_изображение_2024-03-20_115626989.png");}
[data-cat="eroticheskoe-belie"].jt-bg-on .jt-tile__img{background-image:url("https://cdn.insales-shop.ru/images/products/1/4241/3175174289/large_84535271194654.jpg");}
[data-cat="prezervativy"].jt-bg-on .jt-tile__img{background-image:url("https://cdn.insales-shop.ru/images/products/1/7377/3175202001/large_Без_названия.png");}
[data-cat="bdsm"].jt-bg-on .jt-tile__img{background-image:url("https://cdn.insales-shop.ru/images/products/1/2089/3175172137/large_изображение_2023-12-02_152812684.png");}

/* фото товаров плиток (подобранные) */
[data-cat="seks-igrushki-dlya-zhenschin"].jt-bg-on .jt-tile__img{background-image:url("https://cdn.insales-shop.ru/images/products/1/809/3175203625/large_WhatsApp_Image_2024-01-09_at_00.55.57.jpeg")!important;}
[data-cat="seks-igrushki-dlya-muzhchin"].jt-bg-on .jt-tile__img{background-image:url("https://cdn.insales-shop.ru/images/products/1/881/3175203697/large_Unknown-9.jpeg")!important;}
[data-cat="seks-igrushki-dlya-par"].jt-bg-on .jt-tile__img{background-image:url("https://cdn.insales-shop.ru/images/products/1/849/3176366929/large_800x1200-ee5dd01160ddd35113a3a94d245b7efa.jpg")!important;}
[data-cat="vibratory"].jt-bg-on .jt-tile__img{background-image:url("https://cdn.insales-shop.ru/images/products/1/4841/3175191273/large_1主图1.jpg")!important;}
[data-cat="analnye-probki"].jt-bg-on .jt-tile__img{background-image:url("https://cdn.insales-shop.ru/images/products/1/6393/3176470777/large_изображение_2025-08-09_134736565.png")!important;}
[data-cat="falloimitatory"].jt-bg-on .jt-tile__img{background-image:url("https://cdn.insales-shop.ru/images/products/1/1809/3175196433/large_9da8ac8f_a6c7_11e8_810e_0cc47aa8bf45_1af9856e_3592_11e9_8123_0cc47aa8bf45.jpg")!important;}
[data-cat="vaginy-i-masturbatory"].jt-bg-on .jt-tile__img{background-image:url("https://cdn.insales-shop.ru/images/products/1/881/3175203697/large_Unknown-9.jpeg")!important;}
[data-cat="smazki-lubrikanty"].jt-bg-on .jt-tile__img{background-image:url("https://cdn.insales-shop.ru/images/products/1/7633/3176447441/large_800x1200-1ba4dded9490be62d6b10b690e9977ba.jpg")!important;}
[data-cat="eroticheskoe-belie"].jt-bg-on .jt-tile__img{background-image:url("https://cdn.insales-shop.ru/images/products/1/6545/3175192977/large_изображение_2024-03-26_172545644.png")!important;}
[data-cat="prezervativy"].jt-bg-on .jt-tile__img{background-image:url("https://cdn.insales-shop.ru/images/products/1/65/3175202881/large_cf2gsjrzcvnqkuxet7tinon8m93s2oc6.jpg")!important;}
[data-cat="bdsm"].jt-bg-on .jt-tile__img{background-image:url("https://cdn.insales-shop.ru/images/products/1/5073/3175191505/large_изображение_2026-01-17_141518473.png")!important;}
/* --- JT-EXTRA START --- */
/* убрать функционал «Сравнение» */
.header__compare,a[href="/compares"],[data-compare-trigger],.product-preview__compare-btn{display:none!important;}
.jt-inf-sentinel{width:100%;padding:26px 0;display:flex;justify-content:center;}
.jt-inf-spinner[hidden]{display:none!important;}
.jt-inf-spinner{display:inline-flex;gap:7px;align-items:center;}
.jt-inf-spinner span{width:9px;height:9px;border-radius:50%;background:#F20D6B;opacity:.3;animation:jt-inf-b .9s infinite ease-in-out;}
.jt-inf-spinner span:nth-child(2){animation-delay:.15s;}
.jt-inf-spinner span:nth-child(3){animation-delay:.3s;}
@keyframes jt-inf-b{0%,80%,100%{opacity:.25;transform:translateY(0);}40%{opacity:1;transform:translateY(-6px);}}

/* --- JT-NAV START --- розовая мега-навигация (happyend-стиль) --- */
.jt-nav{display:none;}
@media (min-width:1024px){
  /* штатную плоскую строку категорий прячем — заменяем своей */
  .widget-type_system_widget_v4_collections_menu_1{display:none!important;}

  .jt-nav{display:block;background:#F20D6B;position:relative;z-index:50;}
  .jt-nav__bar{max-width:1440px;margin:0 auto;padding:0 16px;}
  .jt-nav__list{display:flex;list-style:none;margin:0;padding:0;}
  .jt-nav__item{position:static;}
  .jt-nav__top{display:flex;align-items:center;gap:7px;height:52px;padding:0 18px;
    color:#fff;font-weight:600;font-size:14.5px;line-height:1;text-decoration:none;
    text-transform:uppercase;letter-spacing:.02em;white-space:nowrap;transition:background .15s;}
  .jt-nav__item + .jt-nav__item .jt-nav__top{box-shadow:inset 1px 0 0 rgba(255,255,255,.18);}
  .jt-nav__item:hover > .jt-nav__top{background:rgba(0,0,0,.13);}
  .jt-nav__caret{width:7px;height:7px;border-right:2px solid rgba(255,255,255,.9);
    border-bottom:2px solid rgba(255,255,255,.9);transform:rotate(45deg);margin-top:-3px;transition:transform .15s;}
  .jt-nav__item--has:hover .jt-nav__caret{transform:rotate(-135deg);margin-top:2px;}

  .jt-nav__drop{position:absolute;left:0;right:0;top:100%;background:#fff;
    box-shadow:0 20px 44px rgba(26,11,74,.18);border-top:1px solid #f2e6ee;
    opacity:0;visibility:hidden;transform:translateY(6px);pointer-events:none;
    transition:opacity .16s,transform .16s,visibility .16s;z-index:60;}
  .jt-nav__item--has:hover .jt-nav__drop{opacity:1;visibility:visible;transform:none;pointer-events:auto;}
  .jt-nav__drop-inner{max-width:1440px;margin:0 auto;padding:24px 40px 30px;}
  .jt-nav__submenu{list-style:none;margin:0;padding:0;display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));gap:6px 28px;}
  .jt-nav__sublink{display:flex;align-items:center;gap:12px;color:#1A0B4A;
    text-decoration:none;font-size:15px;line-height:1.25;padding:9px 10px;border-radius:10px;transition:background .12s,color .12s;}
  .jt-nav__sublink:hover{background:#FCE7F0;color:#F20D6B;}
  .jt-nav__ico{width:26px;height:26px;color:#F20D6B;flex:none;opacity:.9;}
  .jt-nav__sublink span{overflow:hidden;text-overflow:ellipsis;}
}
@media (min-width:1024px) and (max-width:1200px){
  .jt-nav__top{padding:0 12px;font-size:13px;}
  .jt-nav__submenu{grid-template-columns:repeat(3,minmax(0,1fr));}
}
/* --- JT-NAV END --- */

/* --- JT-TRUST-CSS --- трейд-бар доверия --- */
.jt-trust{max-width:1440px;margin:22px auto 4px;padding:0 16px;}
.jt-trust__wrap{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;
  background:#fff;border:1px solid #f0e6ee;border-radius:16px;padding:18px 20px;box-shadow:0 6px 22px rgba(26,11,74,.05);}
.jt-trust__item{display:flex;align-items:center;gap:13px;min-width:0;}
.jt-trust__item + .jt-trust__item{border-left:1px solid #f2e9f0;padding-left:16px;}
.jt-trust__ico{flex:none;width:44px;height:44px;border-radius:12px;background:#FCE7F0;
  display:flex;align-items:center;justify-content:center;color:#F20D6B;}
.jt-trust__ico svg{width:24px;height:24px;}
.jt-trust__tx{display:flex;flex-direction:column;min-width:0;}
.jt-trust__tx b{font-size:14.5px;color:#1A0B4A;line-height:1.2;font-weight:700;}
.jt-trust__tx i{font-size:12.5px;color:#8a7f9a;font-style:normal;line-height:1.3;margin-top:2px;}
@media (max-width:900px){
  .jt-trust__wrap{grid-template-columns:repeat(2,1fr);gap:10px 14px;padding:14px;}
  .jt-trust__item + .jt-trust__item{border-left:0;padding-left:0;}
}
@media (max-width:480px){
  .jt-trust__tx i{display:none;}
  .jt-trust__ico{width:38px;height:38px;}
}

/* --- JT-NOVELTIES-CSS --- блок новинок --- */
.jt-nov__head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;}
.jt-nov__all{color:#F20D6B;text-decoration:none;font-weight:600;font-size:14px;white-space:nowrap;}
.jt-nov__all:hover{text-decoration:underline;}
.jt-nov__grid{display:grid;grid-template-columns:repeat(6,1fr);gap:16px;margin-top:14px;}
.jt-nov__card{position:relative;display:flex;flex-direction:column;background:#fff;border:1px solid #f0e6ee;border-radius:14px;padding:12px;text-decoration:none;transition:box-shadow .15s,transform .15s;}
.jt-nov__card:hover{box-shadow:0 12px 28px rgba(26,11,74,.12);transform:translateY(-2px);}
.jt-nov__badge{position:absolute;top:10px;left:10px;background:#F20D6B;color:#fff;font-size:11px;font-weight:700;padding:3px 9px;border-radius:20px;z-index:2;letter-spacing:.02em;}
.jt-nov__img{display:block;width:100%;aspect-ratio:1/1;background:#faf6f9 center/contain no-repeat;border-radius:10px;mix-blend-mode:multiply;}
.jt-nov__name{margin-top:10px;color:#1A0B4A;font-size:13px;line-height:1.3;font-weight:500;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:34px;}
.jt-nov__price{margin-top:6px;color:#1A0B4A;font-weight:700;font-size:15px;}
@media(max-width:1200px){.jt-nov__grid{grid-template-columns:repeat(4,1fr);}}
@media(max-width:768px){.jt-nov__grid{grid-template-columns:repeat(2,1fr);}}
/* плашка «Хит» для топ-продаж (отличить от розовой «Новинка») */
.jt-nov__badge--top{background:#FF8A00!important;}

/* --- JT-STOCK --- метки наличия «В наличии» / «Под заказ» --- */
/* Fine: карточка без остатка имеет класс is-all-variants-not-available;
   .product-preview__available показывает штатный текст «Нет в наличии» */

/* переименовываем «Нет в наличии» -> «Под заказ» */
.product-preview__available{font-size:0!important;line-height:0!important;}
.product-preview__available::after{
  content:"Под заказ";font-size:13px;line-height:1.2;font-weight:700;color:#C77700;}

/* бейдж-метка в углу карточки */
.product-preview{position:relative;}
.product-preview .product-preview__img-container,
.product-preview .product-preview__image{position:relative;}
.product-preview::after{
  position:absolute;top:12px;left:12px;z-index:3;
  padding:3px 10px;border-radius:20px;font-size:11px;font-weight:700;letter-spacing:.02em;
  pointer-events:none;}
/* в наличии — зелёная */
.grid-list .product-preview:not(.is-all-variants-not-available)::after{
  content:"В наличии";background:#E7F7EC;color:#1B9E4B;}
/* под заказ — янтарная */
.grid-list .product-preview.is-all-variants-not-available::after{
  content:"Под заказ";background:#FFF3DC;color:#C77700;}
/* приглушаем цену-0 у «под заказ» чтобы не пугать нулём */
.product-preview.is-all-variants-not-available .product-preview__price{opacity:.75;}

/* --- JT-LAYOUT --- пропорции каталога под flirtshop: узкий сайдбар, широкие товары --- */
@media (min-width:1024px){
  .page_layout_sticky_left > aside{ grid-column: 2 / 8 !important; }   /* сайдбар ~230px (было 8 колонок) */
  .page_layout_sticky_left > main{ grid-column: 9 / 38 !important; }   /* товары шире (было с 11) */
}

/* --- JT-BRANDBLOCK --- блок бренда на карточке товара --- */
.jt-brandblock{display:flex;flex-direction:column;gap:6px;margin-top:16px;padding:14px 16px;
  border:1px solid #f0e6ee;border-radius:14px;background:#fff;}
.jt-brandblock__label{font-size:12px;color:#8a7f9a;text-transform:uppercase;letter-spacing:.03em;}
.jt-brandblock__name{font-size:18px;font-weight:800;color:#1A0B4A;text-decoration:none;line-height:1;}
.jt-brandblock__all{font-size:14px;color:#F20D6B;font-weight:600;text-decoration:none;}
.jt-brandblock__all:hover{text-decoration:underline;}

/* --- JT-EXTRA END --- */
/* === JT-FINE END === */
/* === JT-HEADER START === */
/* каталог и поиск — pill-скругление как у Лэтуаль */
.header__show-collection-btn,
.header__area-catalog .button{ border-radius:28px !important; }
.header__search-field,
.header__area-search .form-control,
.header__area-search input{ border-radius:28px !important; }
/* кнопка-лупа справа вписывается в скруглённое поле */
.header__search-button,
.header__area-search .button,
.header__area-search button{ border-radius:0 28px 28px 0 !important; }
/* верхняя строка (Магазины/Доставка/Контакты) — мельче и компактнее */
.header-part-top .header__menu-link{ font-size:13px !important; }
.header-part-top .header__menu-item{ line-height:1.2 !important; }
/* === JT-HEADER END === */

/* === JT-MOBILE START === */
/* ===== JT-MOBILE — системный мобильный слой Joys Toys =====
   Всё внутри @media (max-width:768px) — десктоп не затрагивается. */
@media (max-width: 768px) {

/* ---- 0. Ничего не вылезает за экран ---- */
html, body { overflow-x: hidden !important; max-width: 100% !important; }
img, svg, video, iframe { max-width: 100% !important; }
.content, .main, main, .container, .wrapper, .page, .layout {
  max-width: 100vw !important; box-sizing: border-box !important;
}

/* ---- 1. Длинные слова переносятся, текст не режется ---- */
h1, h2, h3, .heading, .product__title, .product-preview__name, .product-preview__title,
.jt-nov__name, .jt-sale__name, .jt-tile__t, .breadcrumbs a, .jt-cat-section__title {
  overflow-wrap: anywhere !important; word-break: break-word !important;
  white-space: normal !important; text-overflow: clip !important;
}

/* ---- 2. Хлебные крошки: перенос, не срезаются ---- */
.breadcrumbs, .breadcrumb, .breadcrumbs__list, .breadcrumbs-list {
  display: flex !important; flex-wrap: wrap !important; gap: 3px 6px !important;
  font-size: 12px !important; line-height: 1.35 !important; overflow: visible !important;
  white-space: normal !important; padding-right: 8px !important;
}

/* ---- 3. Плитки категорий: 2 колонки, заголовок целиком ---- */
.jt-cat-grid { grid-template-columns: repeat(2, 1fr) !important; gap: 10px !important; padding: 0 !important; }
.jt-cat3 { grid-template-columns: repeat(3, 1fr) !important; gap: 8px !important; padding: 0 !important; }
.jt-tile { padding: 12px 12px 10px !important; min-height: 112px !important; overflow: hidden !important; }
.jt-cat3__item { padding: 12px 8px !important; min-height: 96px !important; overflow: hidden !important; }
.jt-tile__t {
  max-width: 100% !important; width: 100% !important; display: block !important;
  font-size: 14px !important; line-height: 1.18 !important; font-weight: 800 !important;
  position: relative !important; z-index: 3 !important;
  text-shadow: 0 1px 0 rgba(255,255,255,.55) !important;
}
.jt-cat3__item .jt-tile__t { font-size: 13px !important; }
.jt-tile__img { width: 56% !important; height: 58% !important; right: 2px !important; bottom: 0 !important; }
.jt-cat3__item .jt-tile__img { width: 52% !important; height: 52% !important; right: 2px !important; top: auto !important; bottom: 0 !important; transform: none !important; }

/* ---- 7. Тач-таргеты и кнопки не режут текст ---- */
/* текст в кнопках переносится, но геометрию темы не ломаем
   (height:auto раскрывал скрытые служебные кнопки «Предзаказ»/«Нет в наличии») */
.layout__content .button, .layout__content .btn, .layout__content a.button {
  white-space: normal !important; line-height: 1.25 !important; box-sizing: border-box !important;
}
/* корзина: кнопка «Вернуться к покупкам» — текст выходил за пределы фона */
.back_to_catalog {
  height: auto !important; min-height: 42px !important; width: auto !important;
  padding: 10px 16px !important; display: inline-flex !important; align-items: center !important;
  gap: 6px !important; max-width: calc(100vw - 30px) !important; box-sizing: border-box !important;
}
.jt-nov__all, .jt-sale__all, .jt-cat-section__all {
  min-height: 34px !important; display: inline-flex !important; align-items: center !important;
}
/* иконки шапки (профиль/избранное/корзина) были 24×25 — палец мимо */
.header__control-btn {
  min-width: 40px !important; min-height: 40px !important;
  display: inline-flex !important; align-items: center !important; justify-content: center !important;
}
/* ссылки-строки: крошки, верхнее меню, меню футера — выше зона касания */
.breadcrumb-link, .bttn-hidden-breadcrumbs, .header__menu-link, .menu-link {
  display: inline-flex !important; align-items: center !important; min-height: 32px !important;
}

/* ---- 8. Нижняя навигационная панель не перекрывает контент ---- */
.navigation-bar { padding-bottom: env(safe-area-inset-bottom) !important; }

/* ---- 8б. Формы: iOS Safari зумит страницу при фокусе на поле со шрифтом <16px ---- */
input[type="text"], input[type="tel"], input[type="email"], input[type="search"],
input[type="password"], input[type="number"], select, textarea, .jt-co-inp {
  font-size: 16px !important;
}
/* модалка оформления заказа: тач-таргеты по-человечески */
#jt-co-ov { padding: 12px 10px !important; }
#jt-co input[type="checkbox"], #jt-co input[type="radio"] {
  width: 20px !important; height: 20px !important; flex: 0 0 20px !important;
}
.jt-co-x {
  width: 40px !important; height: 40px !important; margin: -8px -10px -8px 0 !important;
  display: flex !important; align-items: center !important; justify-content: center !important;
}
.jt-co-opt { padding: 14px 16px !important; }
.jt-co-check { gap: 12px !important; align-items: flex-start !important; }

/* страница брендов: на телефоне логотипы в 2 колонки (иначе лента на 5000px) */
.jt-brands__grid { grid-template-columns: repeat(2, 1fr) !important; gap: 10px !important; }
#jt-brands-page { padding: 0 12px !important; }
#jt-brands-page h2 { font-size: 18px !important; margin: 20px 0 12px !important; }

/* плавающая кнопка связи не должна лежать на нижней навигации темы.
   ВАЖНО: правило годами целилось в <div id="jt-wa"> размером 0x0 — остаток старой
   разметки. Настоящая кнопка это <a class="jt-wa">, она висела слева внизу и
   закрывала цену первой карточки «Распродажи дня» («22 630 ₸»), а на карточке
   товара — заголовок описания. Поэтому селектор по классу. */
#jt-wa, a.jt-wa { bottom: calc(72px + env(safe-area-inset-bottom)) !important;
  right: 14px !important; left: auto !important; width: 48px !important; height: 48px !important; }
#jt-wa a { width: 48px !important; height: 48px !important; }

/* Боковая вкладка корзины на мобиле — дубль: корзина уже есть в нижнем таб-баре
   (проверено на главной, каталоге, товаре, корзине и текстовой странице) и в шапке.
   Она наезжала на названия и цены карточек, поэтому на узких экранах убираем. */
.jt-cart-fab { display: none !important; }

/* ---- 9. Каталог: ровная сетка карточек ---- */
.grid-list.catalog-list { align-items: stretch !important; }
.catalog-list .product-preview { display: flex !important; flex-direction: column !important; height: 100% !important; }
.product-preview__name, .product-preview__title { font-size: 13px !important; line-height: 1.25 !important; }
.product-preview__price, .price { font-size: 15px !important; }

/* ---- 10. Секции: единые поля, заголовки не липнут к краю ---- */
.jt-cat-section__title, .jt-nov__title, .jt-sale__title {
  font-size: 20px !important; line-height: 1.2 !important; box-sizing: border-box !important;
}
.jt-nov__head, .jt-sale__head { flex-wrap: wrap !important; gap: 6px 10px !important; align-items: baseline !important; }

}
/* ===== JT-MOBILE END ===== */

/* ===== Карусели: свайп на узких экранах И на любом тач-устройстве =====
   (планшет 1024 в ландшафте — тоже палец, а не мышь; на десктопе с мышью
   условие не срабатывает и остаются штатные стрелки) */
@media (max-width: 768px), (hover: none) and (pointer: coarse) {

/* ---- 4. Ряды товаров: свайп вместо стрелок ---- */
.jt-nov__grid, .jt-sale__grid {
  display: block !important; grid-template-columns: none !important;
  overflow-x: auto !important; overflow-y: hidden !important;
  -webkit-overflow-scrolling: touch !important; scroll-snap-type: x proximity !important;
  scrollbar-width: none !important; -ms-overflow-style: none !important;
  padding: 2px 12px 10px !important; margin: 0 -12px !important; scroll-padding-left: 12px !important;
  overscroll-behavior-x: contain !important; touch-action: pan-x pan-y !important;
}
.jt-nov__grid::-webkit-scrollbar, .jt-sale__grid::-webkit-scrollbar { display: none !important; }
.jt-nov__track, .jt-sale__track {
  display: flex !important; width: max-content !important;
  transform: none !important; transition: none !important; gap: 10px !important;
}
.jt-nov__card, .jt-sale__card {
  flex: 0 0 58vw !important; max-width: 232px !important; min-width: 0 !important;
  scroll-snap-align: start !important; box-sizing: border-box !important;
}
.jt-nov__name, .jt-sale__name {
  display: -webkit-box !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
  overflow: hidden !important; height: auto !important; max-height: none !important;
  min-height: 2.5em !important; font-size: 13px !important; line-height: 1.25 !important;
}
.jt-nov__img, .jt-sale__img { width: 100% !important; }
.jt-nav-arrows { display: none !important; }

/* ---- 5. Hero-слайдер: свайп пальцем, без автопрыжков ---- */
.jt-slider {
  overflow-x: auto !important; overflow-y: hidden !important;
  scroll-snap-type: x mandatory !important; -webkit-overflow-scrolling: touch !important;
  scrollbar-width: none !important; overscroll-behavior-x: contain !important;
}
.jt-slider::-webkit-scrollbar { display: none !important; }
.jt-slider__track { animation: none !important; }
.jt-slide { scroll-snap-align: start !important; min-height: 190px !important; padding: 24px 18px !important; }
.jt-slide__t { font-size: 24px !important; line-height: 1.1 !important; }
.jt-slide__s { font-size: 13px !important; margin-bottom: 16px !important; }
.jt-slide__btn { font-size: 14px !important; padding: 10px 18px !important; }
/* точки-индикаторы слайдера (ставит JT-MOBILE-JS) — сразу под баннером */
.jt-dots {
  display: flex !important; justify-content: center; gap: 7px;
  margin: -14px 0 18px !important; padding: 0 !important;
}
.jt-dots span { width: 7px; height: 7px; border-radius: 50%; background: #d9d2e4;
  transition: background .2s, width .2s; cursor: pointer; }
.jt-dots span.on { background: #F20D6B; width: 20px; border-radius: 4px; }

/* ---- 6. Меню категорий в шапке — горизонтальный свайп ---- */
ul.collections, .header__collections-list, .jt-nav__bar, .jt-nav__list, .header__menu-list {
  display: flex !important; flex-wrap: nowrap !important; overflow-x: auto !important;
  -webkit-overflow-scrolling: touch !important; scrollbar-width: none !important;
  overscroll-behavior-x: contain !important;
}
ul.collections::-webkit-scrollbar, .header__collections-list::-webkit-scrollbar,
.jt-nav__bar::-webkit-scrollbar, .header__menu-list::-webkit-scrollbar { display: none !important; }
.collections__item, .jt-nav__item, .header__menu-item { flex: 0 0 auto !important; }
.collections__link, .jt-nav__link {
  white-space: nowrap !important; min-height: 40px !important;
  display: inline-flex !important; align-items: center !important; padding: 8px 10px !important;
}


/* телефоны в футере — высота строки 21px, пальцем не попасть */
.footer a[href^="tel:"], .footer__contacts a[href^="tel:"], .jt-social__phone a[href^="tel:"] {
  display: inline-flex !important; align-items: center !important;
  min-height: 40px !important; padding: 4px 0 !important;
}
}

/* ===== 12. Карточки товаров как на WB (Стас, 25.10.2026) =====
   Только телефон: 2 карточки на экран, фото во всю ширину, скидка в левом
   нижнем углу фото, корзина — иконкой в правом нижнем, ниже цена и название.
   На фото кладём сеткой (одна ячейка grid-area 1/1 на фото, бейдж и кнопку),
   а не position:absolute — так кнопка встаёт ровно в угол фото при любой
   ширине карточки и любой высоте названия. */
@media (max-width: 768px) {

/* -- главная: «Распродажа дня», «Хиты», «Новинки», бренд-акции, «Ликвидация» -- */
.jt-lq__track { gap: 10px !important; }
.jt-nov__card, .jt-sale__card, .jt-lq__card {
  flex: 0 0 calc((100vw - 64px) / 2) !important;   /* 2 карточки + краешек третьей: видно, что ряд листается */ max-width: none !important; width: auto !important;
  display: grid !important; grid-template-columns: 100% !important; align-content: start !important;
  padding: 0 0 10px !important; border: 0 !important; box-shadow: none !important;
  border-radius: 14px !important; background: #fff !important; overflow: hidden !important;
}
.jt-nov__card > .jt-nov__img, .jt-sale__card > .jt-sale__img, .jt-lq__card > .jt-lq__img {
  grid-area: 1 / 1 !important; width: 100% !important; height: auto !important; aspect-ratio: 3 / 4 !important;
  margin: 0 !important; border-radius: 14px !important; background-color: #fff !important;
  background-size: contain !important; background-position: center !important; background-repeat: no-repeat !important;
}
.jt-nov__card > .jt-psec__badge, .jt-sale__card > .jt-sale__badge, .jt-lq__card > .jt-lq__badge {
  grid-area: 1 / 1 !important; align-self: end !important; justify-self: start !important;
  position: relative !important; inset: auto !important; transform: none !important;
  margin: 0 0 10px 8px !important; z-index: 2 !important;
  font-size: 12px !important; line-height: 1.2 !important; padding: 4px 8px !important; border-radius: 8px !important;
}
.jt-nov__card > .jt-psec__mini {
  grid-area: 1 / 1 !important; align-self: start !important; justify-self: end !important;
  position: relative !important; inset: auto !important; margin: 8px 8px 0 0 !important; z-index: 2 !important;
}
.jt-nov__card > .jt-nov__price, .jt-sale__card > .jt-sale__price, .jt-lq__card > .jt-lq__price {
  grid-row: 2 !important; grid-column: 1 !important;
  display: flex !important; flex-wrap: wrap !important; align-items: baseline !important; gap: 0 6px !important;
  margin: 8px 0 0 !important; padding: 0 8px !important;
  font-size: 17px !important; font-weight: 800 !important; line-height: 1.25 !important;
}
.jt-nov__price .jt-psec__new, .jt-sale__price .jt-sale__new, .jt-lq__price .jt-lq__new {
  font-size: 17px !important; font-weight: 800 !important; color: #F20D6B !important;
}
.jt-nov__price .jt-psec__old, .jt-sale__price .jt-sale__old, .jt-lq__price .jt-lq__old {
  font-size: 12px !important; font-weight: 500 !important; color: #9a98a8 !important;
}
.jt-lq__price .jt-lq__off { font-size: 11px !important; padding: 1px 6px !important; }
.jt-nov__card > .jt-nov__name, .jt-sale__card > .jt-sale__name, .jt-lq__card > .jt-lq__name {
  grid-row: 3 !important; grid-column: 1 !important;
  margin: 3px 0 0 !important; padding: 0 8px !important; min-height: 2.5em !important;
  font-size: 13px !important; line-height: 1.25 !important; font-weight: 500 !important;
}
/* корзина — иконкой в угол фото */
.jt-nov__card > .jt-buyc, .jt-sale__card > .jt-buyc {
  grid-area: 1 / 1 !important; align-self: end !important; justify-self: end !important;
  width: 40px !important; height: 40px !important; margin: 0 8px 8px 0 !important;
  padding: 0 !important; gap: 0 !important; font-size: 0 !important; border-radius: 12px !important;
  z-index: 3 !important; box-shadow: 0 4px 12px rgba(242, 13, 107, .35) !important;
}
.jt-nov__card > .jt-buyc > svg, .jt-sale__card > .jt-buyc > svg { width: 21px !important; height: 21px !important; }
/* товар уже в корзине: степпер «− 1 +» во всю ширину фото, бейдж скидки уезжает наверх */
.jt-nov__card > .jt-buyc.jt-buyc--on, .jt-sale__card > .jt-buyc.jt-buyc--on {
  width: calc(100% - 16px) !important; height: 38px !important; justify-self: center !important;
  margin: 0 0 8px !important; box-shadow: 0 4px 12px rgba(26, 11, 74, .15) !important;
}
.jt-nov__card:has(.jt-buyc--on) > .jt-psec__badge, .jt-sale__card:has(.jt-buyc--on) > .jt-sale__badge {
  align-self: start !important; margin: 8px 0 0 8px !important;
}

/* -- каталог: та же карточка, сетка с полями по краям экрана -- */
.grid-list.catalog-list { padding: 0 8px !important; column-gap: 8px !important; row-gap: 18px !important; box-sizing: border-box !important; }
.catalog-list .product-preview .product-preview__content {
  display: grid !important; grid-template-columns: 100% !important;
  grid-template-areas: none !important; grid-template-rows: none !important; align-content: start !important;
}
.catalog-list .product-preview .product-preview__area-photo { grid-row: 1 !important; grid-column: 1 !important; }
.catalog-list .product-preview .product-preview__photo,
.catalog-list .product-preview .img-ratio { border-radius: 14px !important; overflow: hidden !important; }
.catalog-list .product-preview .product-preview__price {
  grid-row: 2 !important; grid-column: 1 !important;
  display: flex !important; flex-wrap: wrap !important; align-items: baseline !important; gap: 2px 6px !important;
  margin: 8px 0 0 !important; padding: 0 2px !important; height: auto !important; min-height: 0 !important;
}
.catalog-list .product-preview .product-preview__price-cur { order: -1 !important; font-size: 17px !important; font-weight: 800 !important; }
.catalog-list .product-preview .product-preview__price-old { font-size: 12px !important; }
.catalog-list .product-preview .jt-saleoff { font-size: 11px !important; padding: 1px 6px !important; }
/* скидка уже стоит на фото (как на WB) — второй такой же бейдж под ценой убираем */
.catalog-list .product-preview:has(.sticker-sale:not(:empty)) .jt-saleoff { display: none !important; }
/* точки листания фото — по центру свободной части, мимо кнопки корзины */
.catalog-list .product-preview .jt-gal-dots { padding: 0 54px 0 0 !important; box-sizing: border-box !important; }
.catalog-list .product-preview .product-preview__area-title { grid-row: 3 !important; grid-column: 1 !important; margin: 3px 0 0 !important; padding: 0 2px !important; }
.catalog-list .product-preview .product-preview__controls { display: contents !important; }
/* «Купить в 1 клик» — остаётся, но второй кнопкой: тонкая, с рамкой */
.catalog-list .product-preview .jt-qb {
  grid-row: 4 !important; grid-column: 1 !important; width: 100% !important;
  height: 34px !important; margin: 8px 0 0 !important; padding: 0 6px !important;
  background: #fff !important; color: #F20D6B !important; border: 1.5px solid #F20D6B !important;
  border-radius: 10px !important; font-size: 13px !important; font-weight: 700 !important; box-shadow: none !important;
}
/* корзина — иконкой в угол фото */
.catalog-list .product-preview .add-cart-counter {
  grid-row: 1 !important; grid-column: 1 !important; align-self: end !important; justify-self: end !important;
  position: relative !important; width: 42px !important; height: 42px !important;
  margin: 0 8px 8px 0 !important; z-index: 4 !important;
}
.catalog-list .product-preview .add-cart-counter .add-cart-counter__btn,
.catalog-list .product-preview .add-cart-counter .add-cart-counter__controls-btn {
  width: 42px !important; height: 42px !important; min-width: 0 !important; padding: 0 !important; gap: 0 !important;
  border: 0 !important; border-radius: 12px !important; background: #F20D6B !important; color: #fff !important;
  box-shadow: 0 4px 12px rgba(242, 13, 107, .35) !important;
}
.catalog-list .product-preview .add-cart-counter .add-cart-counter__btn::after { content: none !important; }
.catalog-list .product-preview .add-cart-counter .add-cart-counter__btn-icon {
  width: 22px !important; height: 22px !important; font-size: 22px !important; color: #fff !important;
}
.catalog-list .product-preview .add-cart-counter.is-add-cart .add-cart-counter__controls { width: 42px !important; height: 42px !important; }
.catalog-list .product-preview .add-cart-counter .add-cart-counter__controls-btn { background: #1A0B4A !important; box-shadow: 0 4px 12px rgba(26, 11, 74, .3) !important; }
.catalog-list .product-preview .add-cart-counter .add-cart-counter__controls-btn::after { content: '+1' !important; font-size: 15px !important; }
.catalog-list .product-preview .add-cart-counter .add-cart-counter__detail-count {
  top: -7px !important; left: -7px !important; right: auto !important; min-width: 20px !important;   /* справа обрезался краем экрана */ height: 20px !important; padding: 0 5px !important;
  border-radius: 10px !important; background: #fff !important; box-shadow: 0 1px 4px rgba(0, 0, 0, .25) !important;
  display: flex !important; align-items: center !important; justify-content: center !important; box-sizing: border-box !important;
}
/* товар с размерами/цветами: та же иконка, ведёт на выбор варианта */
.catalog-list .product-preview .product-preview__controls .product-preview__detail-select-btn,
.catalog-list .product-preview .product-preview__controls .product-preview__show-modal-variants-btn {
  grid-row: 1 !important; grid-column: 1 !important; align-self: end !important; justify-self: end !important;
  position: relative !important; width: 42px !important; height: 42px !important; min-width: 0 !important;
  margin: 0 8px 8px 0 !important; padding: 0 !important; gap: 0 !important; z-index: 4 !important;
  border: 0 !important; border-radius: 12px !important; background: #F20D6B !important; color: #fff !important;
  box-shadow: 0 4px 12px rgba(242, 13, 107, .35) !important;
}
.catalog-list .product-preview .product-preview__controls .product-preview__detail-select-btn::after,
.catalog-list .product-preview .product-preview__controls .product-preview__show-modal-variants-btn::after { content: none !important; }
.catalog-list .product-preview .product-preview__controls .product-preview__detail-select-btn .button__icon,
.catalog-list .product-preview .product-preview__controls .product-preview__show-modal-variants-btn .button__icon {
  width: 22px !important; height: 22px !important; font-size: 22px !important; color: #fff !important; margin: 0 !important;
}
/* плашка «Доставка N дней» внизу фото — не наезжает на кнопку корзины */
.catalog-list .product-preview .jt-dlv {
  font-size: 11px !important; padding: 2px 7px 2px 5px !important; max-width: calc(100% - 4px) !important;
}
.catalog-list .product-preview .stickers { max-width: calc(100% - 66px) !important; }
}
/* === JT-MOBILE END === */
/* === JT-CARD START === */
/* --- кнопка «В корзине»: читаемый белый текст вместо зелёного --- */
.add-cart-counter__detail-text{color:#fff!important;font-weight:600;}
.add-cart-counter__detail{opacity:1!important;}
/* --- цена: убрать копейки .00 визуально (fallback к настройке валюты) --- */
.product__price-cur{font-weight:800;}
/* --- блок покупки: аккуратные отступы --- */
.product__buy{padding:18px 20px;border:1px solid #f0e6ee;border-radius:14px;background:#fff;}
.product__price{margin-bottom:14px;}
/* --- БАГ-ФИКС: мега-меню должно быть НАД фильтром категории --- */
.header{position:relative;z-index:90;}
.header__collections,.header__collections-menu,.header__collections-submenu{z-index:120!important;}
.page_layout_sticky_left>aside,.page_layout_sticky_left aside{z-index:1;}
/* правило переноса длинных названий в меню «Каталог» живёт в nav_fix.py,
   рядом с column-count, который его и вызвал */
/* --- опт-UX: розница зачёркнута сверху + подпись «Опт для вас» --- */
.jt-retail-old{display:block!important;font-size:15px;color:#9a9a9a;text-decoration:line-through;margin-bottom:2px;font-weight:500;}
.jt-opt-label{display:block;font-size:12px;color:#F20D6B;font-weight:700;text-transform:uppercase;letter-spacing:.5px;margin-bottom:1px;}
.jt-opt-cur{color:#F20D6B!important;}
/* === JT-CARD END === */

/* === JT-WBCARDS START === */
/* Карточки товаров на компьютере как на WB (Стас, 25.10.2026).
   Телефон — раздел 12 в jt_mobile.css; здесь только экраны шире 768px.
   Карточка без рамки (тень при наведении), фото 3:4 со скруглением, скидка
   в левом нижнем углу фото, сначала цена, потом название, кнопка снизу.
   Ширину карточек в рядах главной НЕ трогаем — на неё завязаны стрелки
   листания (row_arrows.py). Бейдж кладём на фото сеткой (grid-area 1/1). */
@media (min-width: 769px) {

/* -- главная: «Распродажа дня», «Хиты», «Новинки», бренд-акции, «Ликвидация» -- */
.jt-nov__card, .jt-sale__card, .jt-lq__card {
  display: grid !important; grid-template-columns: 100% !important; align-content: start !important;
  padding: 0 0 12px !important; border: 0 !important; box-shadow: none !important;
  border-radius: 16px !important; background: #fff !important; overflow: hidden !important;
  transition: box-shadow .2s !important;
}
.jt-nov__card:hover, .jt-sale__card:hover, .jt-lq__card:hover { box-shadow: 0 10px 28px rgba(26, 11, 74, .12) !important; }
.jt-nov__card > .jt-nov__img, .jt-sale__card > .jt-sale__img, .jt-lq__card > .jt-lq__img {
  grid-area: 1 / 1 !important; width: 100% !important; height: auto !important; aspect-ratio: 3 / 4 !important;
  margin: 0 !important; border-radius: 16px !important; background-color: #fff !important;
  background-size: contain !important; background-position: center !important; background-repeat: no-repeat !important;
}
.jt-nov__card > .jt-psec__badge, .jt-sale__card > .jt-sale__badge, .jt-lq__card > .jt-lq__badge {
  grid-area: 1 / 1 !important; align-self: end !important; justify-self: start !important;
  position: relative !important; inset: auto !important; transform: none !important;
  margin: 0 0 10px 10px !important; z-index: 2 !important;
}
.jt-nov__card > .jt-psec__mini {
  grid-area: 1 / 1 !important; align-self: start !important; justify-self: end !important;
  position: relative !important; inset: auto !important; margin: 10px 10px 0 0 !important; z-index: 2 !important;
}
.jt-nov__card > .jt-nov__price, .jt-sale__card > .jt-sale__price, .jt-lq__card > .jt-lq__price {
  grid-row: 2 !important; grid-column: 1 !important;
  display: flex !important; flex-wrap: wrap !important; align-items: baseline !important; gap: 0 8px !important;
  margin: 10px 0 0 !important; padding: 0 12px !important;
  font-size: 19px !important; font-weight: 800 !important; line-height: 1.25 !important;
}
.jt-nov__price .jt-psec__new, .jt-sale__price .jt-sale__new, .jt-lq__price .jt-lq__new {
  font-size: 19px !important; font-weight: 800 !important; color: #F20D6B !important;
}
.jt-nov__price .jt-psec__old, .jt-sale__price .jt-sale__old, .jt-lq__price .jt-lq__old {
  font-size: 13px !important; font-weight: 500 !important; color: #9a98a8 !important;
}
.jt-nov__card > .jt-nov__name, .jt-sale__card > .jt-sale__name, .jt-lq__card > .jt-lq__name {
  grid-row: 3 !important; grid-column: 1 !important;
  display: -webkit-box !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden !important;
  margin: 4px 0 0 !important; padding: 0 12px !important; min-height: 2.6em !important; max-height: none !important; height: auto !important;
  font-size: 14px !important; line-height: 1.3 !important; font-weight: 500 !important;
}
.jt-nov__card > .jt-buyc, .jt-sale__card > .jt-buyc {
  grid-row: 4 !important; grid-column: 1 !important;
  width: calc(100% - 24px) !important; margin: 10px 12px 0 !important;
}

/* -- каталог -- */
.catalog-list .product-preview .product-preview__photo,
.catalog-list .product-preview .img-ratio { border-radius: 16px !important; overflow: hidden !important; }
.catalog-list .product-preview .product-preview__price-cur { font-size: 21px !important; font-weight: 800 !important; }
/* скидка уже стоит на фото — второй такой же бейдж рядом с ценой убираем */
.catalog-list .product-preview:has(.sticker-sale:not(:empty)) .jt-saleoff { display: none !important; }
/* главная кнопка — «В корзину» (розовая, первой), «Купить в 1 клик» — второй, с рамкой */
.catalog-list .product-preview .product-preview__controls .add-cart-counter { order: 1 !important; }
.catalog-list .product-preview .product-preview__controls .jt-qb {
  order: 2 !important; height: 36px !important; margin-top: 8px !important;
  background: #fff !important; color: #F20D6B !important; border: 1.5px solid #F20D6B !important; box-shadow: none !important;
}
.catalog-list .product-preview .product-preview__controls .jt-qb:hover { background: #fff4f9 !important; }
.catalog-list .product-preview .product-preview__controls .add-cart-counter__btn,
.catalog-list .product-preview .product-preview__controls .product-preview__detail-select-btn,
.catalog-list .product-preview .product-preview__controls .product-preview__show-modal-variants-btn {
  background: #F20D6B !important; color: #fff !important; box-shadow: none !important; border: 0 !important;
}
.catalog-list .product-preview .product-preview__controls .add-cart-counter__btn:hover,
.catalog-list .product-preview .product-preview__controls .product-preview__detail-select-btn:hover,
.catalog-list .product-preview .product-preview__controls .product-preview__show-modal-variants-btn:hover { background: #d80a5e !important; }
.catalog-list .product-preview .product-preview__controls .add-cart-counter__btn svg,
.catalog-list .product-preview .product-preview__controls .add-cart-counter__btn-icon { color: #fff !important; fill: #fff !important; }
}
/* === JT-WBCARDS END === */
