/* =========================
   Fonts
========================= */
/* TacticSans — только латиница/кириллица/диакритики/пунктуация.
   Исключаем диапазоны эмодзи (U+1F000–1FAFF и др.), чтобы сработал fallback. */

@font-face{
  font-family:"TacticSans";
  src: local("TacticSans Thin"), url("../fonts/TacticSans-Thn.woff2") format("woff2");
  font-weight:100; font-style:normal; font-display:swap;
  unicode-range:
    U+0000-00FF,        /* Basic Latin + Latin-1     */
    U+0100-024F,        /* Latin Extended A/B        */
    U+0250-02AF,        /* IPA Extensions            */
    U+0300-036F,        /* Combining Diacriticals    */
    U+0400-04FF,        /* Cyrillic                   */
    U+0500-052F,        /* Cyrillic Supplement        */
    U+1E00-1EFF,        /* Latin Extended Additional  */
    U+2000-206F,        /* General Punctuation        */
    U+20A0-20CF;        /* Currency Symbols           */
}

@font-face{
  font-family:"TacticSans";
  src: local("TacticSans Light"), url("../fonts/TacticSans-Lgt.woff2") format("woff2");
  font-weight:300; font-style:normal; font-display:swap;
  unicode-range: U+0000-00FF, U+0100-024F, U+0250-02AF, U+0300-036F, U+0400-04FF, U+0500-052F, U+1E00-1EFF, U+2000-206F, U+20A0-20CF;
}

@font-face{
  font-family:"TacticSans";
  src: local("TacticSans Regular"), url("../fonts/TacticSans-Reg.woff2") format("woff2");
  font-weight:400; font-style:normal; font-display:swap;
  unicode-range: U+0000-00FF, U+0100-024F, U+0250-02AF, U+0300-036F, U+0400-04FF, U+0500-052F, U+1E00-1EFF, U+2000-206F, U+20A0-20CF;
}

@font-face{
  font-family:"TacticSans";
  src: local("TacticSans Medium"), url("../fonts/TacticSans-Med.woff2") format("woff2");
  font-weight:500; font-style:normal; font-display:swap;
  unicode-range: U+0000-00FF, U+0100-024F, U+0250-02AF, U+0300-036F, U+0400-04FF, U+0500-052F, U+1E00-1EFF, U+2000-206F, U+20A0-20CF;
}

@font-face{
  font-family:"TacticSans";
  src: local("TacticSans Bold"), url("../fonts/TacticSans-Bld.woff2") format("woff2");
  font-weight:700; font-style:normal; font-display:swap;
  unicode-range: U+0000-00FF, U+0100-024F, U+0250-02AF, U+0300-036F, U+0400-04FF, U+0500-052F, U+1E00-1EFF, U+2000-206F, U+20A0-20CF;
}

@font-face{
  font-family:"TacticSans";
  src: local("TacticSans Ultra"), url("../fonts/TacticSans-Ult.woff2") format("woff2");
  font-weight:800; font-style:normal; font-display:swap;
  unicode-range: U+0000-00FF, U+0100-024F, U+0250-02AF, U+0300-036F, U+0400-04FF, U+0500-052F, U+1E00-1EFF, U+2000-206F, U+20A0-20CF;
}

/* Общий стек: добавляем emoji-fallback */
body, .article__body, .description {
  font-family:
    "TacticSans",
    system-ui, -apple-system, "Segoe UI",
    "Segoe UI Emoji", "Segoe UI Symbol",
    "Apple Color Emoji", "Noto Color Emoji",
    Arial, sans-serif;
}
.article__body a {font-weight: bold;}
/* =========================
   Base + Theme Vars
========================= */
body{font-family:"TacticSans",Arial,Helvetica,sans-serif;font-weight:500;font-size:14px;background:var(--bw)}

html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
a{transition:.2s ease;color:var(--yellow-blue-link)}
a:hover{text-decoration:none;opacity:.8}
.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6,p,li{color:var(--text)}
.header__desktop{line-height:80px}
@media (max-width: 600px){h2,h3{font-size:22px;}
.ff-wb-reviews{padding: 0!important;}
.related-track{padding: 0!important;}
}

html{
  --bg-header:#050505;--bg-footer:linear-gradient(#129bd4,#0c538f);
  --bg-color:#f5f5f5;--bg-2:#fff;--bg-3:#fafafa;--bg-transparent:#fefefed6;
  --border:#555;--border2:#eee;--text:#000;--menu-text:#888;
  --gradient:linear-gradient(#ffffff9e,#ffffff99);
  --gradient2:linear-gradient(#ffffff00,#ffffff00);
  --link-color:#24a2e7;--link-hover:#23527c;
  --bw:#fff;--bw-invert:#000;
  --box-shadow:#919191fa;--box-shadow2:#e2e8e9;
  --img-brightness:brightness(1);
  --drop-shadow:#aaa;--drop-hover:#aaa;--invert:invert(0) hue-rotate(0deg);
  --main-yellow:#ffd602;--yellow-blue-link:#24a2e7;--pagination-border:#ccc;
  --logo-brightness:1;
  --p-sociallinks-a-bg:linear-gradient(rgb(237 247 255 / 70%),rgb(231 244 255 / 59%)),#e6e6e6;
  --gradient-article:linear-gradient(to top,#e7e7e7 30%,rgba(255,255,255,0) 100%);
  --ym-bg:#c79100;--oz-bg:#5b9bf8;--wb-bg:#c449ae;
  --links-border:rgba(0, 150, 255, 0.18);
  --links-bg:linear-gradient(135deg, #f8fbff, #e2f0ff);
  --invert:invert(0);
  --gr:rgb(255, 255, 255, 1);
}
html.dark_mode{
  --bg-header:#000;--bg-footer:linear-gradient(#196c8e,#072f51);
  --bg-color:#999;--bg-2:#1d2022;--bg-3:#272d32;--bg-transparent:#303030d6;
  --border:#6a6a6a;--border2:#474747;--text:#fff;--menu-text:#ddd;
  --gradient:linear-gradient(#0000009e,#13131399);
  --gradient2:linear-gradient(#0000009e,#13131399);
  --link-color:#59baed;--link-hover:#f5f5f5;
  --bw:#050505;--bw-invert:#fff;
  --box-shadow:#222;--box-shadow2:#777;
  --img-brightness:brightness(.9);--drop-shadow:#222;--drop-hover:#333;
  --invert:invert(.9) hue-rotate(180deg);
  --main-yellow:#ffd602;--yellow-blue-link:#ffd602;--pagination-border:#444;
  --logo-brightness:.4;
  --p-sociallinks-a-bg:linear-gradient(rgb(9 9 9 / 86%),rgb(0 0 0 / 94%)),#000;
  --gradient-article:linear-gradient(to top,#000000c2 30%,rgb(255 255 255 / 0%) 100%);
  --ym-bg:#c79100;--oz-bg:#5b9bf8;--wb-bg:#c449ae;
  --links-border:#7a7a7a7a;
  --links-bg:linear-gradient(135deg, #2a2c2e, #1d2024);
  --invert:invert(1);
  --gr:rgba(0,0,0,1);
}



/* =========================
   Reviews (стрелочная карусель) отзывы 
========================= */
	
.rf-reviews{
  --min-card: 280px;   /* минимальная ширина контента карточки */
  --max-card: 420px;   /* максимальная ширина контента карточки */
  --pad: 8px;          /* внутренний отступ у .rf-slide */
  --pad2: calc(var(--pad) * 2);
  --card-w: 320px;     /* будет переписываться из JS */
}
.rf-head { display:flex; align-items:center; justify-content:space-between; gap:16px; }
.rf-nav { display:flex; gap:8px; margin-left:auto; }
.rf-btn{ display:inline-flex; align-items:center; justify-content:center; width:40px; height:40px; border-radius:10px; border:1px solid rgba(255,255,255,.12); background:transparent; color:var(--text,#fff); cursor:pointer; transition:opacity .2s ease, transform .2s ease; }
.rf-btn[disabled]{ opacity:.35; cursor:default; }
.rf-btn:not([disabled]):hover{ opacity:.8; transform:translateY(-1px); }

.rf-viewport{ position:relative; overflow:hidden; margin-top:16px; }
.rf-track{
  display:flex;
  transition: transform .35s ease;
  will-change: transform;
}

/* каждый слайд даёт нам «зазор» за счёт padding */
.rf-slide{
  box-sizing: border-box;
  padding: var(--pad);
  /* ширина флекса = ширина контента карточки + оба паддинга */
  flex: 0 0 calc(var(--card-w) + var(--pad2));
}
@media (max-width: 1199.98px){ .rf-reviews{ --card-w: 320px; } }
@media (max-width: 767.98px) { .rf-reviews{ --card-w: 280px; } }

/* блокируем горизонтальный скролл пальцем */
.rf-viewport, .rf-track{ touch-action: pan-y; }

.rf-card{
    height: 100%;
    display: flex;
    flex-direction: column;
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 10px;
    background: rgba(255, 255, 255, .02);
    box-shadow: 1px 1px 5px 0px #8d8d8d54;
    padding: 18px 18px 16px;
    transition: all ease 0.5s;
}
.rf-card:hover{
    box-shadow: 2px 2px 9px 0px #8d8d8d54;
}
.rf-card--highlight{
  background:linear-gradient(180deg, rgba(255,208,0,.08), rgba(255,208,0,.02));
  border-color:rgba(255,208,0,.25);
}

.rf-card__head{ display:flex; align-items:center; gap:12px; margin-bottom:10px; }
.rf-badge{
  width:40px; height:40px; border-radius:50%;
  display:inline-flex; align-items:center; justify-content:center;
  background:rgba(255,255,255,.08); color:#FFD000; font-weight:700; flex: 0 0 40px;
}
.rf-badge--logo{ background:#FFD000; color:#111; }

.rf-card__title{ margin:0; font-weight:700; line-height:1.2; }
.rf-card__title small{ display:block; font-weight:400; opacity:.8; margin-top:2px; }
.rf-card__body{ margin-top:8px; display:flex; flex-direction:column; gap:10px; }
.rf-card__body p{ margin:0; opacity:.9; }
.rf-date{ opacity:.6; font-size:.9em; color: var(--text);}
.rf-link{ align-self:flex-start; text-decoration:none; border-bottom:1px dashed currentColor; opacity:.85; }
.rf-link:hover{ opacity:1; }

/* звёздочка рейтинга из вашего спрайта */
.ui-rate{ display:inline-flex; align-items:center; gap:6px; font-weight:700; }
.ui-rate .icon-star{ width:16px; height:16px; fill:#FFD000; }



/* =========================
   Common UI
========================= */
.nav-tabs{border-bottom:1px solid var(--border2)}
.nav-tabs>li.active>a,.nav-tabs>li.active>a:focus,.nav-tabs>li.active>a:hover{
  color:var(--text);cursor:pointer;background-color:var(--bw);
  border:1px solid var(--border2);border-bottom-color:transparent
}
.table{color:var(--text)}
.pagination>li>a,.pagination>li>span{
  padding:4px 11px;color:var(--yellow-blue-link);background-color:var(--bg-3);border:1px solid var(--pagination-border)
}
.pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover{border-color:var(--pagination-border)}
.row.row-pagination{margin: 30px 0;}

@media (max-width: 992px) {
    .row-pagination {
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-direction: column;
    }
    .row-pagination .col-sm-6 { -ms-flex: 0 0 50%; max-width: fit-content;padding: 0;}
    .row.row-pagination .text-right {display: none;}
}

.products__item-wrapper{display:flex;flex-direction:column;background:var(--bg-3);flex:1 1 auto}



.fa,.fa-brands,.fa-classic,.fa-regular,.fa-sharp,.fa-solid,.fab,.far,.fas{width:18px}
.small,small{color:var(--text)}
.card img, .trainer-article img{/*scale: 1.2;*/outline:2px solid var(--bw);outline-offset:-2px}
.card a {overflow: hidden;}
.fotorama .logo-wrapped,
.fotorama__wrap .logo-wrapped,
.fotorama__stage .logo-wrapped{
  width: 100%;
}


@media (max-width:660px){.article__body--blog .fotorama{max-width: 70%; margin: 0 auto;}}


.blog-article__toc{position:relative;margin:18px 0 26px;padding:16px;border-radius:10px;background:rgba(150,150,150,.07)}
.blog-article__toc h2{margin:0 0 10px;font-size:18px}
.blog-article__toc .toc-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
.blog-article__toc .toc-toggle{font:inherit;cursor:pointer;border:1px solid var(--border2);background:rgba(255,255,255,.06);color:var(--text);padding:6px 10px;border-radius:10px}
.blog-article__toc .toc-toggle:hover{background:rgba(255,255,255,.1)}
.blog-article__toc ol{margin:0;padding-left:30px}
.blog-article__toc li{margin:6px 0}
.blog-article__toc a.is-active{text-decoration:underline}
.blog-article__toc .toc-body{overflow:hidden;transition:max-height .25s ease;/*max-height:1000px*/}
.blog-article__toc.is-collapsed .toc-body{max-height:240px}
.blog-article__toc.is-collapsed::after{content:"";position:absolute;left:0;right:0;bottom:0;height:60px;pointer-events:none;background:linear-gradient(to bottom,rgba(0,0,0,0),var(--gr))}
.blog-article__toc ol a{overflow:hidden;text-overflow:ellipsis;word-break:break-word}
.blog-article__toc li::marker{font-variant-numeric: tabular-nums;font-size: 10px;}


/* страховка от горизонтального раздувания */
.article__body--blog .fotorama,
.article__body--blog .fotorama__wrap,
.article__body--blog .fotorama__stage,
.article__body--blog .fotorama__nav-wrap,
.article__body--blog .fotorama__nav {
  max-width: 100vw !important;
}

.article__body--blog .fotorama {
  width: 98%;
  overflow: hidden; /* важно */
}

@media (min-width:992px){
/* ограничиваем именно блок .fotorama, а не её внутренности */
    .article__body--blog .fotorama {max-width: 70%; width: 70%; margin: 0 auto;}
}


/* чтобы медиа внутри не пробивали ширину */
.article__body--blog .fotorama img,
.article__body--blog .fotorama iframe,
.article__body--blog .fotorama video {
  max-width: 100% !important;
}

/* =========================
   FOTORAMA + RUTUBE VIDEO
   ========================= */

.fotorama__stage__frame .fotorama__html{position:absolute;inset:0;z-index:20}
.fotorama__stage__frame .logo-wrapped{position:relative;z-index:1}
.article__body--blog .fotorama__stage__frame::after{content:"";position:absolute;inset:0;pointer-events:none;z-index:15;background-repeat:no-repeat;background-position:center;background-size:contain;opacity:.35}
html{--wm-fotorama:url("/image/catalog/icons/logob.png")}
html.dark_mode{--wm-fotorama:url("/image/catalog/icons/logow.png")}
.article__body--blog .fotorama__stage__frame::after{background-image:var(--wm-fotorama)}
.ff-rutube{position:relative;width:100%;height:100%;cursor:pointer;--pen-accent:#00A1E7}
.ff-rutube__poster{position:absolute;inset:0;background-size:cover;background-position:center;z-index:30}
.ff-rutube__poster::after{content:"";position:absolute;left:50%;top:50%;width:48px;height:48px;transform:translate(-50%,-50%);border-radius:10px;background:#00a1e7;z-index:31}
.ff-rutube__poster::before{content:"";position:absolute;left:50%;top:50%;transform:translate(-35%,-50%);width:0;height:0;border-left:12px solid #fff;border-top:8px solid transparent;border-bottom:8px solid transparent;z-index:32}
.ff-rutube__poster:hover::after{background:#19b2ff}
.ff-rutube.is-playing .ff-rutube__poster{display:none}



.col-sm-6.text-right{color: var(--text);}
/* ====== GRID: blog / video listing ====== */
.ff-blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px;margin-left:0!important;margin-right:0!important}
.ff-blog-grid>[class*="col-"]{float:none;width:auto;padding-left:0!important;padding-right:0!important}
.ff-blog-grid .card{height:100%;display:flex;flex-direction:column}
.ff-blog-grid .card .caption{margin-top:10px;flex:1 1 auto}
/* обрезка текста по 3 строкам в карточках рекомендуемых статей */
.ff-blog-grid .clamp-3{
  display:-webkit-box;
  -webkit-line-clamp:3;       /* количество строк */
  -webkit-box-orient:vertical;
  overflow:hidden;
}

@media (max-width:580px){.ff-blog-grid{grid-template-columns:1fr;gap:18px}}
@media (min-width:1280px){.ff-blog-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:28px}}

.black-block {
    background: #050505;
}
/* =========================
   Header / Topbar / Search
========================= */
.ff-topbar{display:flex;align-items:center;gap:16px;/*margin-left:24p*/x}
.ff-topbar__socials{display:flex;gap:10px;align-items:center}
.ff-topbar__socials img{display:block;width:28px;height:31px;filter:none}
.ff-topbar__dark{border:0;background:transparent;cursor:pointer;padding:4px;line-height:1;display:flex;align-items:center;justify-content:center}
.ff-topbar__dark i{font-size:18px}
.ff-topmenu{margin-left:auto;margin-right:0}
.header__search+.ff-topmenu{margin-left:24px}
.ff-topmenu__list{display:flex;gap:18px;list-style:none;margin:0;padding:0;align-items:center}
.ff-topmenu__link{display:inline-flex;align-items:center;gap:8px;font-weight:700;text-decoration:none;color:#fff}
.ff-topmenu__item--has-dropdown{position:relative}
.ff-topmenu__item--cart .ff-topmenu__cart-link{min-width:32px;justify-content:center;padding-left:8px;padding-right:8px;}
.ff-topmenu__item--cart .fa-cart-shopping{line-height:1;}

/* «Категории» — кнопка в топменю */
.ff-topmenu__item--catalog{margin-right:12px}
.ff-topmenu__item--catalog .header__catalog-btn{
  display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:8px;border:1px solid rgba(255,255,255,.35);
  background:transparent;color:#fff;font-weight:700;line-height:1;cursor:pointer
}
.ff-topmenu__item--catalog .header__catalog-btn:hover{background:rgba(255,255,255,.08)}
html.dark_mode .ff-topmenu__item--catalog .header__catalog-btn{border-color:rgba(255,255,255,.5)}
b.caret{color:#b4b4b4}

/* Выпадающее меню каталога — единый блок (перекрывает bootstrap) */
.ff-topmenu .pav-parrent>.dropdown-toggle{display:inline-flex;align-items:center;color:#fff;font-weight:700;gap:4px;/*padding:8px 12px;*/}
.ff-topmenu .pav-parrent>.dropdown-toggle .ff-cat-ico{display: none;width:16px;height:16px;fill:currentColor;flex:0 0 16px}
.ff-topmenu a {font-size: 15px;}
.ff-topmenu .pav-parrent>.dropdown-menu.level1{
  position:absolute!important;left:0!important;top:76px!important;z-index:3000!important;
  width:max-content!important;min-width:270px!important;max-width:320px!important;
  list-style:none!important;line-height:1.15!important;
  background:var(--bg-3)!important;color:var(--text)!important;border:1px solid rgba(0,0,0,.08)!important;border-radius:10px!important;box-shadow:0 8px 24px rgba(0,0,0,.12)!important;
  display:none!important
}
.ff-topmenu .pav-parrent.open>.dropdown-menu.level1{display:block!important}
.ff-topmenu .dropdown-menu.level1 .row {display: flex;flex-direction: column;align-items: stretch;}
.ff-topmenu .dropdown-menu.level1 .pav-verticalmenu{list-style:none!important;margin:0!important;padding:0px 5px!important}
.ff-topmenu .dropdown-menu.level1 .pav-verticalmenu>li>a{
  display:block!important;padding:8px 14px!important;font-size:14px!important;line-height:20px!important;border-radius:4px!important;color:inherit!important;text-decoration:none!important;transition:background .15s ease,color .15s ease!important
}
.ff-topmenu .dropdown-menu.level1 .pav-verticalmenu>li>a:hover{background:var(--main-yellow)!important;color:var(--bw-invert)!important}
.ff-topmenu .dropdown-menu.level1 .pav-verticalmenu>li>a .menu-title{font-size:14px!important;font-weight:600!important}
.ff-topmenu .dropdown-menu.level1 .pav-verticalmenu>li>a .fff,
.ff-topmenu .dropdown-menu.level1 .pav-verticalmenu>li>a>i{width:16px!important;min-width:16px!important;text-align:center!important;margin-right:10px!important;font-size:14px!important}
.ff-topmenu .dropdown-menu.level1 .pav-verticalmenu>li>a:hover .fff{color:var(--bw-invert)!important}
html.dark_mode .ff-topmenu .pav-parrent>.dropdown-menu.level1{background:#1b1f24!important;color:#eaeef2!important;border-color:#2a2f36!important}
html.dark_mode .ff-topmenu .dropdown-menu.level1 .pav-verticalmenu>li>a:hover{background:#232a33!important}

/* Поиск в модалке */
.header__row .header__search{display:none}
.ff-search-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:1098}
.ff-search-modal{position:fixed;left:50%;transform:translateX(-50%);top:5px;width:min(760px,calc(100% - 32px));z-index:1100}
.ff-search-modal .header__search{    background: var(--bg-2);display:block;padding:10px}

/* Скрыть кастомное меню/кнопку на мобилке */
@media (max-width:991px){.ff-topbar,.ff-topmenu,.ff-topmenu__item--catalog{display:none}}

/* theme switch */
.switch-theme-button{display:inline-block;margin-left:20px}
.switch-theme-button #darkmode{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;border:1px solid #b9b9b952; background:transparent;color:#fff;cursor:pointer}
.switch-theme-button--mobile{z-index: 2101;width:36px;height:36px;margin-left:10px;background:#1e2125;cursor:pointer;color:#fff;border:1px solid #515151;border-radius:8px}
.switch-theme-button--mobile i{font-size:18px;line-height:1}
.header__burger_themeswith{    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 20px;
    background: url(/image/catalog/icons/null.png);
    background-position: 48.4% 6px;

    background-repeat: no-repeat;}

/* fixed header + spacer */
.ff-header-fixed{opacity: 0.95;position:fixed!important;top:0;left:0;right:0;z-index:90;width:100%;border-bottom:1px solid var(--border)}
#ff-header-spacer{width:100%;height:0;pointer-events:none}


.logo-wrapped{z-index:3;position:relative;display:inline-block;max-width:100%;line-height:0;height:100%;width:auto}
.overlay-logo{position:absolute;top:10px;right:10px;width:70px;height:20px;z-index:9999;pointer-events:none;background-repeat:no-repeat;background-position:center;background-size:contain;opacity:1!important;filter:none!important;mix-blend-mode:normal}
@media (max-width:480px){
.overlay-logo{width:52px;height:30px;top:0}
}
.exitblock{display:none;position:fixed;left:0;top:0;width:100%;height:100%;z-index:100000}
.exitblock a,.exitblock a:hover{text-decoration:none}
.exitblock .closeblock{cursor:pointer;position:fixed;line-height:60px;font-size:82px;transform:rotate(45deg);text-align:center;top:35px;right:25px;color:#fff}
.exitblock .closeblock:hover{color:#56bbf5}
.exitblock .content{flex-wrap:nowrap;justify-content:start;align-items:start;text-align:left;flex-direction:column;position:relative}
.exitblock .img{position:absolute;right:15px;top:-20px;bottom:0;height:100%}
.exitblock .title{color:#fff;font-size:35px;font-style:normal;font-weight:600;line-height:100%;max-width:730px}
.exitblock .text{margin-block:32px 100px;max-width:580px;color:#fff;font-size:20px;font-style:normal;font-weight:500;line-height:120%;max-width:625px;margin-block:32px 92px;z-index:1;position:relative}
.exitblock .img img{object-fit:contain;max-width:100%}
.exitblock .img .mob{display:none}
.exitblock .img .pc{display:block}
.exitblock .link{color:#fff;font-size:20px;font-style:normal;font-weight:600;border-radius:16px;background:#56bbf5;min-width:440px;max-width:440px;display:flex;justify-content:space-between;line-height:normal;padding:24px 40px;transition:all ease .3s}
.exitblock .link:hover{transform:translateX(20px)}
.exitblock .fon{background:#000000c4;position:fixed;width:100%;height:100%}
.exitblock .modaltext{box-sizing:border-box;border:2px solid #292929;position:fixed;top:80px;left:50%;box-shadow:0 4px 10px 2px rgb(0 0 0 / 49%);max-width:100%;border-radius:32px;background:#303030;padding:40px 0 40px 40px;overflow:hidden;width:1000px;transform:translate(-50%,0)}
.modal_social{display:flex;margin-bottom:30px}
.modal_social_link{margin-right:20px;width:40px;transition:all ease .3s}
.modal_social_link:hover{transform:translateY(-4px)}
@media screen and (max-width:1200px){
.exitblock .modaltext{max-width:676px;border-radius:32px;background:#303030;padding:25px 0 25px 25px}
.exitblock .img{right:30px;top:45px;width:40%}
}
@media screen and (max-width:767.99px){
.exitblock .modaltext{max-width:390px;border-radius:32px;background:#303030;padding:0;display:flex}
.exitblock .img .mob{display:block}
.exitblock .img .pc{display:none}
.exitblock .img{position:relative;max-width:100%;width:100%;right:0;top:0}
.exitblock .img img{width:100%}
.exitblock .title{font-size:21px;font-style:normal;font-weight:600;line-height:100%;margin-top:0;padding-inline:32px}
.exitblock .text{margin-block:24px 15px;padding-inline:32px;font-size:20px}
.exitblock .link_wrap{padding-inline:32px;width:100%;margin-bottom:32px;display:block}
.exitblock .modaltext{top:40px;max-width:430px;border-radius:32px;background:#303030;padding:0;display:flex;border:none;width:90%}
.modals.open{width:100%}
.exitblock .link{min-width:0;max-width:100%;padding:15px 20px;font-size:18px;display:block;position:relative}
.exitblock .link i{right:15px;position:absolute;top:18px}
.modal_social{padding-inline:32px}
}
.search-item{padding:6px 10px;display:flex;align-items:center;border-bottom:1px solid rgba(255,255,255,.05)}
.search-item-link{display:flex;width:100%;color:var(--text);text-decoration:none}
.search-thumb{width:48px;height:48px;flex:0 0 48px;margin-right:10px}
.search-thumb img{width:48px;height:48px;object-fit:cover;border-radius:4px}
.search-info{flex:1;display:flex;flex-direction:column;justify-content:center}
.search-title{font-size:14px;line-height:1.3;margin-bottom:3px}
.search-price{font-size:13px;color:var(--text);font-weight:600}
.search-page .ff-search-bar{display:flex;align-items:center;padding:0 18px;background:var(--bg-3);border-radius:7px;margin-bottom:30px;transition:outline-color .2s ease,box-shadow .2s ease}
.search-page .ff-search-bar:focus-within{outline:1px solid var(--border)}
.search-page .ff-search-bar__input{flex:1;height:48px;line-height:48px;border:0;background:0 0;padding:0;font-size:13px;color:var(--text)}
.search-page .ff-search-bar__btn{border:0;background:0 0;cursor:pointer;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;color:var(--text);flex-shrink:0;padding:0}
.search-page .ff-search-bar__btn:hover{color:var(--text)}
.search-page .ff-search-bar__icon{width:16px;height:16px;border:2px solid currentColor;border-radius:50%;position:relative;box-sizing:border-box}
.search-page .ff-search-bar__icon::after{content:'';position:absolute;width:8px;height:2px;background:currentColor;border-radius:2px;transform:rotate(45deg);right:-5px;bottom:-2px}

/* =========================
   HERO VIDEO
========================= */
.video_header{position:relative;display:flex;align-items:center;justify-content:center;text-align:center;color:var(--bw-invert);height:100vh;min-height:520px;overflow:hidden}
.video_header .logo_fitfilip{position:absolute;inset:0;width:100%;height:100%;filter: brightness(var(--logo-brightness));object-fit:cover}
.video_container{width:100%;max-width:1200px;margin:0 auto;padding:0 20px;position:absolute;z-index:2}
@media(max-width:768px){.video_container {top: 20%;}}

.video_content{max-width:1000px;margin:0 auto}
.video_content h1{font-size:28px;margin-bottom:20px;font-weight:700}
.video_content p{font-size:16px;margin-bottom:30px;font-weight:500}
.video_content .btn{height:auto;display:inline-block;padding:17px 35px;background:var(--main-yellow);color:#000;text-decoration:none;border-radius:30px;font-weight:600;text-transform:uppercase;transition:transform .3s ease,opacity .3s ease,background .3s ease;font-size:16px}
.video_content .btn:hover{opacity:1;background:#fff;transform:translateY(-3px);color:#000}


.video_content .btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:58px;padding:16px 34px;border:0;border-radius:999px;background:linear-gradient(180deg,#ffe44d 0,#ffd602 52%,#e0bb00 100%);color:#111;text-decoration:none;text-transform:uppercase;font-weight:700;font-size:16px;line-height:1;letter-spacing:.04em;cursor:pointer;overflow:hidden;isolation:isolate;box-shadow:inset 0 2px 0 rgba(255,255,255,.55),inset 0 -3px 8px rgba(120,90,0,.22),0 10px 24px rgba(255,214,2,.22),0 4px 10px rgba(0,0,0,.35);transform:translateY(0) scale(1);transition:transform .28s cubic-bezier(.2,.8,.2,1),box-shadow .28s cubic-bezier(.2,.8,.2,1),background .28s ease,color .28s ease,opacity .28s ease; border: 1px solid rgba(255, 245, 170, 0.35);}
.video_content .btn::before{content:"";position:absolute;inset:1px;border-radius:inherit;background:linear-gradient(180deg,rgba(255,255,255,.3) 0,rgba(255,255,255,.1) 22%,rgba(255,255,255,0) 45%),linear-gradient(180deg,rgba(255,255,255,0) 55%,rgba(0,0,0,.06) 100%);z-index:-1;pointer-events:none}
.video_content .btn::after{content:"";position:absolute;bottom: 0%;left:-35%;width:38%;height:500%;border-radius:40px;background:linear-gradient(90deg,rgba(255,255,255,0) 0,rgba(255,255,255,.18) 45%,rgba(255,255,255,.5) 50%,rgba(255,255,255,.18) 55%,rgba(255,255,255,0) 100%);transform:rotate(18deg) translateX(0);opacity:.9;pointer-events:none;transition:transform .7s ease,opacity .35s ease}
.video_content .btn:hover{color:#000;background:linear-gradient(180deg,#fff3a0 0,#ffe34a 48%,#ffcf00 100%);transform:translateY(-3px) scale(1.02);box-shadow:inset 0 2px 0 rgba(255,255,255,.72),inset 0 -3px 10px rgba(120,90,0,.18),0 16px 34px rgba(255,214,2,.3),0 8px 18px rgba(0,0,0,.4)}
.video_content .btn:hover::after{transform:rotate(18deg) translateX(330%);opacity:1}
.video_content .btn:active{transform:translateY(1px) scale(.985);box-shadow:inset 0 2px 6px rgba(0,0,0,.12),inset 0 -1px 4px rgba(255,255,255,.25),0 6px 14px rgba(255,214,2,.18),0 2px 6px rgba(0,0,0,.28)}
.video_content .btn:focus,.video_content .btn:focus-visible{outline:0;box-shadow:inset 0 2px 0 rgba(255,255,255,.55),inset 0 -3px 8px rgba(120,90,0,.22),0 10px 24px rgba(255,214,2,.22),0 4px 10px rgba(0,0,0,.35),0 0 0 3px rgba(255,214,2,.22),0 0 0 7px rgba(255,214,2,.1)}
@media (prefers-reduced-motion:reduce){
.video_content .btn,.video_content .btn::after{transition:none}
}


/* =========================
   About / Sections
========================= */
.wrapper_text{padding:0 100px 60px}
.section-title{margin:50px 0 30px;text-align:center;font-size:28px;color:var(--text);position:relative}
.section-title:after{content:'';display:block;width:80px;height:4px;background:var(--main-yellow);margin:15px auto 0;box-shadow:0 0 30px 2px #ffed91}
.home_greets{display:grid;grid-template-columns:1fr;gap:20px}
.home_greets2{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px;color:var(--text)}
.home_greets2 h2,.home_greets2 h3{margin-top:24px;font-size:24px;text-align:center}
.home_greets2 .text{max-width:55%}
.home_greets2 .forImage{max-width:40%}
.home_greets2 img{width:100%;height:auto;display:block;border-radius:12px}
@media (max-width:768px){.home_greets2{flex-direction:row}.home_greets2 .text,.home_greets2 .forImage{max-width:100%;flex:1 1 100%}}

/* popup (общий) */
#popupOverlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:9999;justify-content:center;align-items:center}
#popupContent{max-width:90%;max-height:90%;overflow:auto;padding:20px;border-radius:10px;background:var(--bg-3);color:var(--bw-invert)}
#popupArrow{cursor:pointer;font-size:18px;color:var(--yellow-blue-link)}

/* Achievements */
.achievements{background:#0b0b0b;color:#fff;padding:80px 0}
.ach-container{margin:0 auto;padding:0 20px}
.achievements-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;align-items:center;text-align:center}
.achievement-item{display:flex;flex-direction:column;align-items:center;gap:10px}
.achievement-icon{font-size:44px;color:var(--main-yellow);line-height:1}
/* отключаем ширину только в achievements */
.achievements i[class*="fa-"] {width: auto !important;}
.achievement-number,.achievement-percent{font-size:51px;font-weight:700}
.achievement-row{display:flex;align-items:flex-start;gap:6px}
.achievement-label{font-size:13px;color:#999}
@media (max-width:991px){.achievements-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:575px){.achievements-grid{grid-template-columns:1fr}.video_header{height:100vh}}

/* =========================
   Catalog / Layout helpers
========================= */
.header__row--03 .header__catalog,.header__catalog--clone{display:none!important}
.in_main{padding:0 100px 20px;margin-top:30px}
.in_main .container-fluid {/*margin-top: 20px;*/}
.main.in_main.product1 {padding: 0 18px;}
@media(min-width:1200px){.main.in_main.product1 {padding: 0 40px;}}
/* =========================
   Left Vertical Gallery (Product)
========================= */
#images-additional_wrapper a.thumbnail.is-active {outline: 2px solid rgba(255,255,255,.7); outline-offset: -2px;}
.thumbnails{display:flex;width:max-content;position:sticky;top:90px;align-self:flex-start}
.images-additional{text-align:left;font-size:0;margin:0 10px 0 0;height:600px;overflow:hidden;position:relative}
.images-additional_block,.images-additional_wrapper{display:block;overflow-y:scroll;overflow-x:hidden;width:120px}
.images-additional_wrapper{transition:margin-top .2s ease-out}
.images-additional .thumbnail{display:block;margin-left:5px;margin-bottom:5px;width:90px;border:0;background:var(--bw);height:113px;overflow:hidden;border-radius:10px;padding:0 0 4px}
.images-additional .thumbnail img{width:100%;border-radius:10px}
.images-additional-arr-up,.images-additional-arr-down{
  padding-top:12px;z-index:99;width:43px;height:43px;border:1px solid #c6c6c6;background:#fff;border-radius:50%;text-align:center;cursor:pointer;
  opacity:0;pointer-events:none;transition:opacity .3s ease,transform .3s ease;position:absolute;left:50%;transform:translateX(-50%)
}
.images-additional-arr-up{top:10px}.images-additional-arr-down{bottom:10px}
.images-additional-arr-up.visible,.images-additional-arr-down.visible{opacity:.7;pointer-events:auto;transform:translateX(-50%) scale(1)}
.images-additional-arr-up:hover,.images-additional-arr-down:hover{box-shadow:inset 0 0 3px 2px #ebebeb;opacity:1}
.images-additional-arr-up .fa,.images-additional-arr-down .fa{font-size:20px}
.images-additional-arr-up i,.images-additional-arr-down i{color:#444}
.thumbnails .main-image-wrapper{text-align:center;margin-bottom:10px;width:470px}
.thumbnails .main-image{display:block}
.images-additional_wrapper .thumbnail.is-active img{outline:2px solid var(--main-yellow,#ffd800)}

/* BANNER ONLINE TRANSLATION */

/* lock scroll when modal open */
html.ff-live-lock,
html.ff-live-lock body { overflow: hidden !important; }

/* overlay */
.ff-live-overlay { position: fixed; inset: 0; z-index: 999999; background: rgba(0,0,0,.72); backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px); display: none; animation: ffOverlayIn .22s ease-out; }

/* modal */
.ff-live-modal { width: min(1080px, calc(100% - 32px)); margin: 50px auto 0; border-radius: 18px; overflow: hidden; position: relative; background: #0b0f14; animation: ffModalIn .26s ease-out; }

/* close button */
.ff-live-close { position: absolute; top: 14px; right: 16px; width: 42px; height: 42px; border-radius: 12px; border: 1px solid rgba(255,255,255,.18); background: rgba(0,0,0,.35); color: #fff; font-size: 28px; line-height: 38px; cursor: pointer; z-index: 8; transition: .18s; }
.ff-live-close:hover { background: rgba(255,255,255,.08); transform: scale(1.03); }

/* layout */
.ff-live-grid { display: grid; grid-template-columns: 1.1fr .8fr; min-height: 520px; }

/* sporty background on left */
.ff-live-left { padding: 34px 34px 28px; color: #fff; position: relative; background: radial-gradient(800px 400px at 20% 10%, rgba(255,180,0,.22), transparent 60%), radial-gradient(700px 360px at 70% 30%, rgba(225,6,0,.18), transparent 60%), linear-gradient(135deg, #081523 0%, #0f2337 45%, #07131f 100%); }

/* left glow + moving glare */
.ff-live-left:before { content: ""; position: absolute; inset: -60px; background: radial-gradient(500px 220px at 30% 20%, rgba(255,180,0,.18), transparent 60%), radial-gradient(520px 260px at 70% 50%, rgba(225,6,0,.14), transparent 62%); filter: blur(8px); opacity: .9; animation: ffGlowMove 6s ease-in-out infinite; pointer-events: none; }
.ff-live-left:after { content: ""; position: absolute; top: -40%; left: -40%; width: 70%; height: 180%; background: linear-gradient(120deg, transparent 0%, rgba(255,255,255,.10) 45%, transparent 65%); transform: rotate(18deg); opacity: .18; animation: ffGlareSweep 4.8s ease-in-out infinite; pointer-events: none; }

/* badge pulse */
.ff-live-badge { display: inline-flex; align-items: center; gap: 8px; padding: 8px 14px; border-radius: 999px; font-weight: 700; letter-spacing: .4px; background: rgba(225,6,0,.95); box-shadow: 0 10px 24px rgba(225,6,0,.25); margin-bottom: 18px; position: relative; }
.ff-live-badge:after { content: ""; position: absolute; inset: -8px; border-radius: 999px; border: 2px solid rgba(225,6,0,.55); opacity: 0; animation: ffPulse 1.6s ease-out infinite; }

/* title */
.ff-live-title { font-size: 34px; line-height: 1.05; font-weight: 700; text-transform: uppercase; letter-spacing: .8px; margin-bottom: 10px; text-shadow: 0 10px 30px rgba(0,0,0,.5); }

/* subtitle */
.ff-live-subtitle { font-size: 16px; opacity: .92; margin-bottom: 18px; }

/* countdown */
.ff-live-countdown { display: inline-flex; align-items: flex-start; gap: 12px; padding: 14px 16px; border-radius: 14px; background: rgba(0,0,0,.32); border: 1px solid rgba(255,255,255,.10); margin-bottom: 18px; position: relative; overflow: hidden; }
.ff-live-countdown:before { content: ""; position: absolute; top: 0; left: -60%; width: 60%; height: 100%; background: linear-gradient(90deg, transparent 0%, rgba(255,255,255,.10) 50%, transparent 100%); transform: skewX(-18deg); animation: ffShine 3.6s ease-in-out infinite; }
.ff-live-count-item { text-align: center; min-width: 64px; position: relative; z-index: 2; }
.ff-live-count-num { font-size: 28px; font-weight: 900; display: inline-block; transform: translateZ(0); }
.ff-live-count-num.ff-flip { animation: ffFlip .22s ease-out; }
.ff-live-count-lbl { font-size: 11px; opacity: .75; margin-top: 2px; text-transform: uppercase; letter-spacing: .6px; }
.ff-live-count-sep { font-size: 24px; font-weight: 700; opacity: .5; position: relative; z-index: 2; }

/* text */
.ff-live-desc { font-size: 15px; opacity: .9; margin-bottom: 20px; max-width: 520px; }

/* buttons */
.ff-live-actions { display: flex; gap: 12px; flex-wrap: wrap; margin-bottom: 16px; }
.ff-live-btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 12px 18px; border-radius: 14px; text-decoration: none; font-weight: 700; letter-spacing: .2px; transition: .2s; position: relative; overflow: hidden; }
.ff-live-btn-primary {background: linear-gradient(0deg, #087bff 0%, #0d7bf9 50%, #3b97ff 90%); color: #fff; box-shadow: 0 14px 30px rgba(255,180,0,.22); }
.ff-live-btn-primary:before { content: ""; position: absolute; top: -30%; left: -60%; width: 60%; height: 160%; background: linear-gradient(90deg, transparent 0%, rgba(255,255,255,.35) 50%, transparent 100%); transform: skewX(-18deg); opacity: .55; animation: ffBtnShine 3.2s ease-in-out infinite; }
.ff-live-btn-primary:hover { transform: translateY(-2px); }
.ff-live-btn-ghost { background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.18); color: #fff; }
.ff-live-btn-ghost:hover { background: rgba(255,255,255,.12); transform: translateY(-2px); }

/* icon row */
.ff-live-icons { display: flex; gap: 10px; align-items: center; }
.ff-live-icon { width: 42px; height: 42px; border-radius: 12px; display: flex; align-items: center; justify-content: center; font-weight: 900; text-decoration: none; color: #fff; border: 1px solid rgba(255,255,255,.14); background: rgba(0,0,0,.25); transition: .18s; }
.ff-live-icon:hover { background: rgba(255,255,255,.08); transform: translateY(-2px); }
.ff-live-icon.ff-vk { background: rgba(0,119,255,.25); }
.ff-live-icon.ff-tg { background: rgba(36,161,222,.22); }
.ff-live-icon.ff-yt { background: rgba(255,0,0,.18); }

/* note */
.ff-live-note { margin-top: 10px; font-size: 12px; opacity: .65; }

/* right side (image drives height) */
.ff-live-right { position: relative; background: #f0c4b7; overflow: hidden; display: flex; align-items: stretch; justify-content: stretch; }
.ff-live-media { position: relative; display: block; width: 100%; }
.ff-live-img { width: 100%; height: auto; display: block; object-fit: contain; object-position: center; filter: saturate(1.05) contrast(1.05); }
.ff-live-right-overlay { position: absolute; inset: 0; background: linear-gradient(90deg, rgba(11,15,20,.35) 0%, rgba(11,15,20,.2) 40%, rgba(11,15,20,.05) 100%), radial-gradient(600px 400px at 70% 20%, rgba(255,180,0,.1), transparent 60%), radial-gradient(600px 400px at 70% 70%, rgba(225,6,0,.1), transparent 60%); pointer-events: none; }
.ff-live-right-glow { position: absolute; inset: -40px; background: radial-gradient(420px 220px at 70% 30%, rgba(255,180,0,.1), transparent 65%), radial-gradient(480px 260px at 55% 65%, rgba(225,6,0,.1), transparent 65%); filter: blur(10px); opacity: .3; animation: ffGlowMove 6s ease-in-out infinite; pointer-events: none; }

/* animations */
@keyframes ffPulse { 0% { transform: scale(.96); opacity: .0; } 20% { opacity: .55; } 100% { transform: scale(1.12); opacity: 0; } }
@keyframes ffShine { 0% { left: -60%; opacity: 0; } 18% { opacity: .55; } 40% { left: 120%; opacity: 0; } 100% { left: 120%; opacity: 0; } }
@keyframes ffBtnShine { 0% { left: -60%; opacity: 0; } 15% { opacity: .75; } 35% { left: 130%; opacity: 0; } 100% { left: 130%; opacity: 0; } }
@keyframes ffFlip { 0% { transform: translateY(0) scale(1); } 50% { transform: translateY(-2px) scale(1.06); } 100% { transform: translateY(0) scale(1); } }
@keyframes ffGlowMove { 0% { transform: translate3d(0,0,0); } 50% { transform: translate3d(12px,-8px,0); } 100% { transform: translate3d(0,0,0); } }
@keyframes ffGlareSweep { 0% { transform: translateX(-10%) rotate(18deg); opacity: .10; } 50% { transform: translateX(60%) rotate(18deg); opacity: .22; } 100% { transform: translateX(120%) rotate(18deg); opacity: .10; } }
@keyframes ffModalIn { 0% { transform: translateY(10px) scale(.98); opacity: 0; } 100% { transform: translateY(0) scale(1); opacity: 1; } }
@keyframes ffOverlayIn { 0% { opacity: 0; } 100% { opacity: 1; } }

/* responsive (your mobile edits preserved + adapted) */
@media (max-width: 900px) {
  .ff-live-img { object-position: center top; }
  .ff-live-left { padding: 15px; }
  .ff-live-badge { margin-bottom: 10px; }
  .ff-live-title { font-size: 23px; }
  .ff-live-countdown { margin-bottom: 10px; }
  .ff-live-note { display: none; }
  .ff-live-modal { scale: 0.9; }
  .ff-live-right { }
  .ff-live-right-overlay { background: linear-gradient(90deg, rgba(11, 15, 20, .1) 0%, rgba(11, 15, 20, .1) 40%, rgba(11, 15, 20, .05) 100%), radial-gradient(600px 400px at 70% 20%, rgba(255, 180, 0, .1), transparent 60%), radial-gradient(600px 400px at 70% 70%, rgba(225, 6, 0, .1), transparent 60%); }
  .ff-live-countdown { gap: 3px; }
  .ff-live-grid { grid-template-columns: 1fr; }
  .ff-live-modal { margin: 0px auto; }
  .ff-live-count-item { min-width: 58px; }
  .ff-live-btn-ghost { display: none; }
  .ff-live-countdown { padding: 10px; }
}




/* BANNER ONLINE TRANSLATION - home */
/* FITFILIP LIVE HOME BLOCK */
.ff-live-home { margin: 24px 0; padding: 0 80px 60px;}
.ff-live-home-inner { display: grid; grid-template-columns: 1.1fr .9fr; border-radius: 18px; overflow: hidden; background: #0b0f14; box-shadow: 0 18px 50px rgba(0,0,0,.35); }
.ff-live-home-left { padding: 26px 26px 22px; color: #fff; position: relative; background: radial-gradient(800px 400px at 20% 10%, rgba(255,180,0,.18), transparent 60%), radial-gradient(700px 360px at 70% 30%, rgba(225,6,0,.14), transparent 60%), linear-gradient(135deg, #081523 0%, #0f2337 45%, #07131f 100%); }
.ff-live-home-badge { display: inline-flex; align-items: center; gap: 8px; padding: 7px 12px; border-radius: 999px; font-weight: 700; letter-spacing: .4px; background: rgba(225,6,0,.95); box-shadow: 0 10px 24px rgba(225,6,0,.22); margin-bottom: 14px; }
.ff-live-home-title { font-size: 26px; line-height: 1.1; font-weight: 700; text-transform: uppercase; letter-spacing: .6px; margin-bottom: 6px; text-shadow: 0 10px 30px rgba(0,0,0,.5); }
.ff-live-home-sub { font-size: 14px; opacity: .9; margin-bottom: 14px; }
.ff-live-home-timer { display: inline-flex; align-items: flex-start; gap: 10px; padding: 12px 14px; border-radius: 14px; background: rgba(0,0,0,.30); border: 1px solid rgba(255,255,255,.10); margin-bottom: 14px; }
.ff-live-home-ti { text-align: center; min-width: 58px; }
.ff-live-home-num { font-size: 26px; font-weight: 900; display: inline-block; transform: translateZ(0); }
.ff-live-home-lbl { font-size: 10px; opacity: .75; margin-top: 2px; text-transform: uppercase; letter-spacing: .6px; }
.ff-live-home-sep { font-size: 22px; font-weight: 700; opacity: .45; }
.ff-live-home-desc { font-size: 14px; opacity: .9; margin-bottom: 14px; max-width: 560px; }
.ff-live-home-actions { display: flex; gap: 10px; flex-wrap: wrap; align-items: center; }
.ff-live-home-btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 10px 14px; border-radius: 14px; text-decoration: none; font-weight: 700; letter-spacing: .2px; transition: .2s; border: 0; cursor: pointer; }
.ff-live-home-btn-primary { background: linear-gradient(0deg, #087bff 0%, #0d7bf9 50%, #3b97ff 90%); color: #fff; box-shadow: 0 14px 30px rgba(255,180,0,.18); }
.ff-live-home-btn-primary:hover { transform: translateY(-2px); }
.ff-live-home-btn-ghost { background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.18); color: #fff; }
.ff-live-home-btn-ghost:hover { background: rgba(255,255,255,.12); transform: translateY(-2px); }
.ff-live-home-btn-mini { background: rgba(0,0,0,.18); border: 1px solid rgba(255,255,255,.14); color: #fff; }
.ff-live-home-btn-mini:hover { background: rgba(255,255,255,.08); transform: translateY(-2px); }
.ff-live-home-note { margin-top: 10px; font-size: 12px; opacity: .65; }
.ff-live-home-right { position: relative; background: #dcd4d6; }
.ff-live-home-media { display: block; width: 100%; height: 100%; }
.ff-live-home-img { width: 100%; height: 100%; object-fit: contain; object-position: center top; display: block; filter: saturate(1.05) contrast(1.05); }
.ff-live-home-right-overlay { position: absolute; inset: 0; background: linear-gradient(90deg, rgba(11,15,20,.25) 0%, rgba(11,15,20,.10) 55%, rgba(11,15,20,.05) 100%); pointer-events: none; }


.ff-live-descbox { margin: 0 0 20px; }
.ff-live-descbox-head { display: flex; align-items: center; gap: 10px; margin: 0 0 10px; position: relative; z-index: 2; }
.ff-live-descbox-ico { width: 34px; height: 34px; border-radius: 12px; display: inline-flex; align-items: center; justify-content: center; background: rgba(255,180,0,.16); border: 1px solid rgba(255,180,0,.25); box-shadow: 0 10px 22px rgba(255,180,0,.08); flex: 0 0 34px; }
.ff-live-descbox-title { font-weight: 700; letter-spacing: .2px; line-height: 1.1; }
.ff-live-descbox-text { position: relative; z-index: 2; }
.ff-live-descbox-text p { color: #fff; margin: 0 0 8px; font-size: 14px; opacity: .92; }
.ff-live-descbox-text p:last-child { color: #fff; margin: 0; }
.ff-live-descbox-points { margin: 10px 0 0; padding: 0; list-style: none; display: grid; gap: 8px; position: relative; z-index: 2; }
.ff-live-descbox-points li { color: #fff; display: flex; gap: 10px; align-items: flex-start; font-size: 13px; opacity: .88; line-height: 1.25; }
.ff-live-descbox-dot { width: 8px; height: 8px; border-radius: 99px; margin-top: 5px; background: rgba(255,180,0,.9); box-shadow: 0 0 0 3px rgba(255,180,0,.18); flex: 0 0 8px; }
.ff-live-descbox-cta { margin-top: 10px; padding-top: 10px; border-top: 1px dashed rgba(255,255,255,.14); display: flex; align-items: center; gap: 10px; font-size: 13px; opacity: .9; position: relative; z-index: 2; }
.ff-live-descbox-live { width: 10px; height: 10px; border-radius: 50%; background: rgba(225,6,0,.95); box-shadow: 0 0 0 4px rgba(225,6,0,.16); animation: ffLiveDot 1.2s ease-in-out infinite; flex: 0 0 10px; min-width: 10px; }
@keyframes ffLiveDot { 0% { transform: scale(.92); opacity: .65; } 50% { transform: scale(1.12); opacity: 1; } 100% { transform: scale(.92); opacity: .65; } }

@media (max-width: 900px) {
  .ff-live-home-inner { grid-template-columns: 1fr; }
  .ff-live-home-left { padding: 16px; }
  .ff-live-home-title { font-size: 20px; }
  .ff-live-home-timer { gap: 4px; padding: 10px 10px; }
  .ff-live-home-ti { min-width: 54px; }
  .ff-live-home-num { font-size: 22px; }
  .ff-live-home-btn-ghost { display: none; }
  .ff-live-descbox { padding: 12px 12px 10px; margin: 0 0 14px; }
  .ff-live-descbox-text p { font-size: 13px; }
  .ff-live-descbox-points li { font-size: 12.5px; }
  .ff-live-descbox-title { font-size: 14px; }
  
  
}


/* /FITFILIP LIVE HOME BLOCK */






/* =========================
  FITFILIP: Online Trainings Page
   ========================= */
.ff-ot-page{--ff-page-bg:var(--bg-color);--ff-card:var(--bg-2);--ff-card2:var(--bg-3);--ff-text:var(--text);--ff-muted:var(--menu-text);--ff-line:var(--border2);--ff-accent:var(--main-yellow);--ff-blue:var(--link-color);--ff-shadow:0 18px 60px rgba(0,0,0,.10);--ff-shadow2:0 10px 30px rgba(0,0,0,.10);--ff-radius:22px;--ff-radius2:16px;--ff-max:1200px;color:var(--ff-text)}
.ff-ot-wrap{max-width:var(--ff-max);margin:0 auto;padding:6px 0 8px}
.ff-ot-hero{position:relative;border-radius:var(--ff-radius);overflow:hidden;box-shadow:var(--ff-shadow);background:radial-gradient(1200px 400px at 15% 15%,rgba(255,179,0,.22),transparent 60%),radial-gradient(800px 420px at 75% 35%,rgba(47,123,246,.22),transparent 55%),linear-gradient(180deg,#1a2634 0,#0e1b2a 100%);padding:26px}
.ff-ot-hero::before{content:"";position:absolute;inset:-60% -30%;background:linear-gradient(120deg,rgba(255,255,255,.1),rgba(255,255,255,0),rgba(255,255,255,.1));transform:rotate(14deg);animation:ffOtShine 8s linear infinite;pointer-events:none}
@keyframes ffOtShine{
0%{transform:translateX(-18%) rotate(14deg);opacity:.1}
50%{transform:translateX(18%) rotate(14deg);opacity:.22}
100%{transform:translateX(-18%) rotate(14deg);opacity:.1}
}

.ff-ot-hero-grid{position:relative;display:grid;grid-template-columns:1.05fr .95fr;gap:22px;z-index:2}
.ff-ot-badge{display:inline-flex;align-items:center;gap:10px;padding:10px 14px;border-radius:999px;background:rgba(255,0,0,.7);color:#fff;font-weight:700;letter-spacing:.2px;width:fit-content; display: none;}
.ff-ot-badge i{display:inline-block;width:10px;height:10px;border-radius:999px;background:#fff;opacity:.92}
.ff-ot-h1{margin:14px 0 10px;font-size:38px;line-height:1.06;color:#fff;font-weight:700}
.ff-ot-lead{margin:0 0 16px;color:rgba(255,255,255,.86);font-size:14.5px;line-height:1.5;font-weight:500;max-width:560px}
.ff-ot-lead b{font-weight:700;color:#fff}
.ff-ot-countcard{margin-top:14px;background:rgba(0,0,0,.2);border:1px solid rgba(255,255,255,.12);border-radius:18px;padding:16px 16px 14px;box-shadow:0 12px 40px rgba(0,0,0,.18);backdrop-filter:blur(10px)}
.ff-ot-count-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
.ff-ot-count-top span{color:rgba(255,255,255,.85);font-weight:600;font-size:13px}
.ff-ot-count{display:flex;align-items:center;gap:12px}
.ff-ot-num{min-width:80px;text-align:center;padding:12px 12px;border-radius:10px;background:rgba(0,0,0,.25);border:1px solid rgba(255,255,255,.1)}
.ff-ot-num strong{display:block;font-size:34px;line-height:1;color:#fff;font-weight:700;letter-spacing:.6px}
.ff-ot-num span{display:block;margin-top:6px;color:rgba(255,255,255,.7);font-size:11px;font-weight:600}
.ff-ot-sep{color:rgba(255,255,255,.75);font-size:26px;font-weight:700;line-height:1;margin-top:-8px}
.ff-ot-actions{display:flex;align-items:center;gap:12px;margin-top:14px;flex-wrap:wrap}
.ff-ot-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:12px 16px;border-radius:10px;font-weight:700;text-decoration:none;transition:transform .12s ease,box-shadow .12s ease,background .12s ease;user-select:none;border:0;cursor:pointer}
.ff-ot-btn:active{transform:translateY(1px)}
.ff-ot-btn-primary{ background: linear-gradient(0deg, #087bff 0%, #0d7bf9 50%, #3b97ff 90%); color: #fff;box-shadow:0 14px 34px rgba(255,179,0,.26)}
.ff-ot-btn-primary:hover{box-shadow:0 18px 44px rgba(255,179,0,.32);transform:translateY(-1px)}
.ff-ot-btn-ghost{background:rgba(255,255,255,.1);color:rgba(255,255,255,.92);border:1px solid rgba(255,255,255,.14)}
.ff-ot-btn-ghost:hover{background:rgba(255,255,255,.14);transform:translateY(-1px)}
.ff-ot-note{margin-top:10px;color:rgba(255,255,255,.6);font-size:12px;font-weight:600}
.ff-ot-chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
.ff-ot-chip{display:inline-flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.1);color:rgba(255,255,255,.86);font-weight:600;font-size:12.5px}
.ff-ot-chip i{width:8px;height:8px;border-radius:999px;background:rgba(255,179,0,.95);box-shadow:0 0 0 4px rgba(255,179,0,.14)}
.ff-ot-photo{position:relative;border-radius:18px;overflow:hidden;border:1px solid rgba(255,255,255,.1);background: #c0babc;min-height:420px;box-shadow:0 12px 40px rgba(0,0,0,.18)}
.ff-ot-photo img{position:relative;inset:0;width:100%;height:100%;object-fit:contain;object-position:center;background:#dadfe3;filter:var(--img-brightness)}
.ff-ot-photo::after{content:"";position:absolute;inset:0;pointer-events:none}
.ff-ot-photo-btm{position:absolute;left:16px;right:16px;bottom:16px;padding:14px 14px;border-radius:16px;background:rgba(0,0,0,.3);border:1px solid rgba(255,255,255,.12);color:rgba(255,255,255,.92);backdrop-filter:blur(10px)}
.ff-ot-photo-btm strong{font-weight:700;color:#fff}
.ff-ot-photo-btm div{font-weight:600;opacity:.92}
.ff-ot-section{margin-top:18px;display:grid;grid-template-columns:1fr 1fr;gap:16px}
.ff-ot-card{background:var(--ff-card);border:1px solid var(--ff-line);border-radius:var(--ff-radius);box-shadow:var(--ff-shadow2);padding:18px 18px;position:relative;overflow:hidden}
.ff-ot-card::before{content:"";position:absolute;top:-80px;right:-80px;width:220px;height:220px;border-radius:999px;background:radial-gradient(circle,rgba(255,179,0,.12) 0,rgba(255,179,0,0) 62%);pointer-events:none}
.ff-ot-card h2{margin:0 0 8px;font-size:18px;font-weight:700;color:var(--ff-text)}
.ff-ot-card p{margin:0 0 10px;color:var(--ff-muted);line-height:1.55;font-weight:500}
.ff-ot-pills{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.ff-ot-pill{padding:8px 10px;border-radius:999px;border:1px solid var(--ff-line);background:var(--ff-card2);font-weight:700;font-size:12px;color:var(--ff-text)}
.ff-ot-ul{list-style:none;margin:12px 0 0;padding:0}
.ff-ot-ul li{display:flex;gap:10px;align-items:center;padding:9px 0;border-top:1px dashed rgba(15,23,42,.12);color:var(--ff-text);font-weight:400}
.ff-ot-ul li:first-child{border-top:0;padding-top:0}
.ff-ot-ul .dot{width:10px;height:10px;border-radius:999px;margin-top:4px;background:rgba(255,179,0,.95);box-shadow:0 0 0 4px rgba(255,179,0,.16);flex:0 0 auto}
.ff-ot-params{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}
.ff-ot-param{border-radius:16px;border:1px solid var(--ff-line);background:var(--ff-card2);padding:12px 12px}
.ff-ot-param span{display:block;font-size:12px;color:var(--ff-muted);font-weight:600;margin-bottom:4px}
.ff-ot-param strong{display:block;font-weight:700;color:var(--ff-text)}
.ff-ot-hint{margin-top:10px;border-radius:16px;border:1px solid rgba(47,123,246,.22);background:rgba(47,123,246,.08);padding:12px 12px;color:var(--ff-text);font-weight:600}
.ff-ot-ex{display:grid;gap:10px;margin-top:10px;grid-template-columns:1fr}
@media (min-width:901px){
.ff-ot-ex{grid-template-columns:repeat(2,1fr)}
}
.ff-ot-ex-item{display:flex;gap:12px;align-items:center;border:1px solid var(--ff-line);background:var(--ff-card);border-radius:16px;padding:10px}
.ff-ot-ex-num{flex:0 0 36px;width:36px;height:36px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;background:rgba(47,123,246,.1);border:1px solid rgba(47,123,246,.22);font-weight:700;color:rgba(47,123,246,.92)}
.ff-ot-ex-item strong{font-variant:small-caps;font-size:14px;font-weight:700;color:var(--ff-text)}
.ff-ot-ex-item div{color:var(--ff-muted);font-weight:600;margin-top:2px;font-size:12.5px}
.ff-ot-gallery{grid-column:1/-1}
.ff-ot-thumbs{display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 12px;margin-top:10px}
.ff-ot-thumb{border-radius:14px;overflow:hidden;border:1px solid var(--ff-line);background:var(--ff-card2);aspect-ratio:4/3}
.ff-ot-thumb { overflow: hidden;  border-radius: 14px;  transition: transform .25s ease;}
.ff-ot-thumb img {  transition: transform .4s ease;}
.ff-ot-thumb:hover img {  transform: scale(1.03);}
.ff-ot-thumb img{width:100%;height:100%;object-fit:cover}
.ff-ot-videoRow{grid-column:1/-1;display:grid;grid-template-columns:1.1fr .9fr;gap:16px;align-items:stretch}
.ff-ot-videoCard{border-radius:var(--ff-radius);border:1px solid var(--ff-line);background:var(--ff-card);padding:18px;box-shadow:var(--ff-shadow2);position:relative;overflow:hidden}
.ff-ot-videoCard::before{content:"";position:absolute;inset:-40%;background:radial-gradient(circle,rgba(255,179,0,.18) 0,rgba(255,179,0,0) 60%);transform:translateX(-10%);pointer-events:none}
.ff-ot-videoCard h2{margin:0 0 8px;font-size:18px;font-weight:700;position:relative;color:var(--ff-text)}
.ff-ot-videoCard p{margin:0 0 12px;color:var(--ff-muted);font-weight:500;position:relative}


.ff-ot-videoBtn{margin-bottom: 10px;width:auto;border:1px solid rgba(255,255,255,.1);cursor:pointer;border-radius:16px;padding:14px 14px 14px 62px;background:linear-gradient(180deg,rgba(20,20,22,.98),rgba(10,10,12,.98));color:#fff;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:12px;position:relative;overflow:hidden;box-shadow:0 18px 44px rgba(0,0,0,.22),0 1px 0 rgba(255,255,255,.06) inset;transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease,filter .12s ease}
.ff-ot-videoBtn::before{content:"";width:38px;height:38px;border-radius:14px;background:linear-gradient(180deg,#ff2d2d,#d40000);box-shadow:0 16px 30px rgba(255,0,0,.22),0 1px 0 rgba(255,255,255,.16) inset;position:absolute;left:4px;top:50%;margin-top:-19px}
.ff-ot-videoBtn::after{content:"";position:absolute;left:24px;top:50%;transform:translate(-50%,-50%);width:0;height:0;border-top:7px solid transparent;border-bottom:7px solid transparent;border-left:11px solid #fff;filter:drop-shadow(0 1px 0 rgba(0,0,0,.25))}
.ff-ot-videoBtn:hover{transform:translateY(-1px);border-color:rgba(255,45,45,.55);box-shadow:0 22px 56px rgba(0,0,0,.26),0 0 0 3px rgba(255,45,45,.18)}
.ff-ot-videoBtn:active{transform:translateY(1px);filter:brightness(.98)}
.ff-ot-videoBtn:focus{outline:0}
.ff-ot-videoBtn:focus-visible{box-shadow:0 22px 56px rgba(0,0,0,.26),0 0 0 3px rgba(255,45,45,.25)}

.ff-ot-videoHint{margin-top:10px;color:var(--ff-muted);font-weight:600;font-size:12.5px;position:relative}
.ff-ot-faq{grid-column:1/-1}
.ff-ot-acc{margin-top:10px;display:grid;gap:10px}
.ff-ot-q{border:1px solid var(--ff-line);border-radius:18px;overflow:hidden;background:var(--ff-card);box-shadow:var(--ff-shadow2)}
.ff-ot-q button{width:100%;text-align:left;border:0;background:0 0;cursor:pointer;padding:14px 14px;display:flex;align-items:center;justify-content:space-between;gap:12px;font-weight:700;color:var(--ff-text)}
.ff-ot-q button span{display:inline-flex;align-items:center;gap:10px}
.ff-ot-q button i{flex: 0 0 10px; width:10px;height:10px;border-radius:999px;background:rgba(255,179,0,.95);box-shadow:0 0 0 4px rgba(255,179,0,.16)}
.ff-ot-q button em{font-style:normal;width:34px;height:34px;border-radius:12px;border:1px solid var(--ff-line);background:var(--ff-card2);display:inline-flex;align-items:center;justify-content:center;font-weight:700;color:var(--ff-muted);flex:0 0 auto}
.ff-ot-a{max-height:0;overflow:hidden;opacity:0;padding:0 14px;color:var(--ff-muted);font-weight:500;line-height:1.6;transition:max-height .35s ease,opacity .25s ease,padding .35s ease}
.ff-ot-q.is-open .ff-ot-a{margin-bottom: 20px;opacity:1;padding:0 14px 14px}
.ff-ot-q.is-open button em{background:rgba(47,123,246,.1);border-color:rgba(47,123,246,.22);color:rgba(47,123,246,.92)}
.ff-ot-vOverlay{display:none;position:fixed;inset:0;z-index:99999;background:rgba(0,0,0,.55)}
.ff-ot-vOverlay.is-open{display:block}
.ff-ot-vOverlay .ff-ot-vBackdrop{position:absolute;inset:0;backdrop-filter:blur(8px)}
.ff-ot-vModal{position:relative;width:min(320px,calc(100vw - 28px));margin:3vh auto 0;border-radius:22px;overflow:hidden;background:#0b1220;border:1px solid rgba(255,255,255,.12);box-shadow:0 30px 90px rgba(0,0,0,.5)}
.ff-ot-vTop{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 12px;background:rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.1)}
.ff-ot-vTop strong{color:rgba(255,255,255,.92);font-weight:700;font-size:13px}
.ff-ot-vClose{border:0;cursor:pointer;width:36px;height:36px;border-radius:12px;background:rgba(255,255,255,.1);color:#fff;font-weight:700}
.ff-ot-vBody{position:relative;aspect-ratio:9/16;background:#0b1220}
.ff-ot-vBody iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.ff-ot-videoFallback{position:absolute;left:12px;right:12px;bottom:12px;padding:10px 12px;border-radius:14px;background:rgba(0,0,0,.35);border:1px solid rgba(255,255,255,.12);color:rgba(255,255,255,.88);font-weight:600;font-size:12.5px;backdrop-filter:blur(10px)}
.ff-ot-videoFallback a{color:#ffd602;font-weight:700;text-decoration:none}
.ff-ot-videoFallback a:hover{text-decoration:underline}
.required-strip .related-strip__sub{margin-top:6px;color:var(--menu-text);font-weight:600;font-size:12.5px}
.required-strip .related-card{position:relative}
.ff-ot-section > .required-strip { grid-column: 1 / -1;}
.required-strip .related-card__badge{position:absolute;bottom:10px;right:10px;top:auto;left:auto;z-index:3;padding:6px 12px;border-radius:999px;background:rgba(0,0,0,.65);border:1px solid rgba(255,255,255,.2);color:#fff;font-size:12px;backdrop-filter:blur(6px);pointer-events:none}
.ff-ot-photoStrip{margin-top:10px}
.ff-ot-photoStrip__head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}
.ff-ot-photoStrip__arrows{display:flex;gap:10px}
.ff-ot-photoBtn{width:40px;height:40px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:rgba(0,0,0,.25);color:#fff;cursor:pointer;font-size:22px;line-height:1;display:inline-flex;align-items:center;justify-content:center;backdrop-filter:blur(10px)}
.ff-ot-photoBtn:hover{background:rgba(0,0,0,.35)}
.ff-ot-photoBtn:active{transform:translateY(1px)}


.ff-ot-photoTrack{--ff-photo-gap:12px;--ff-photo-card-w:260px;display:flex;gap:var(--ff-photo-gap);overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;padding-bottom:6px}
.ff-ot-photoTrack::-webkit-scrollbar{height:8px}
.ff-ot-photoTrack::-webkit-scrollbar-thumb{background:rgba(255,255,255,.14);border-radius:999px}
.ff-ot-photoTrack::-webkit-scrollbar-track{background:rgba(255,255,255,.06);border-radius:999px}
.ff-ot-photoCard{flex:0 0 var(--ff-photo-card-w);width:var(--ff-photo-card-w);aspect-ratio:4/3;height:auto;border-radius:16px;overflow:hidden;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.03);scroll-snap-align:start;display:flex;align-items:center;justify-content:center}
.ff-ot-photoCard img{transition: transform .35s ease, filter .35s ease;width:100%;height:100%;object-fit:contain;object-position:center;display:block;background:rgba(0,0,0,.2)}
.ff-ot-photoCard:hover img {filter: brightness(1.08); transform: scale(1.03);transition: transform .35s ease, filter .35s ease;}
.ff-ot-photoCard {will-change: transform;}

@media (max-width:768px){
.required-strip .related-strip__arrows{}
.related-strip__sub{display:none}
.ff-ot-videoBtn {padding: 14px 0px; width: 100%;}
}
@media (max-width:900px){
.ff-ot-hero{padding:16px}
.ff-ot-hero-grid{grid-template-columns:1fr}
.ff-ot-h1{font-size:28px}
.ff-ot-photo{min-height:auto;}
.ff-ot-section{grid-template-columns:1fr}
.ff-ot-params{grid-template-columns:1fr}
.ff-ot-thumbs{grid-template-columns:repeat(2,1fr)}
.ff-ot-videoRow{grid-template-columns:1fr}
.ff-ot-photo-btm {display: none;}
.ff-ot-photo img { position: relative;}
.ff-ot-count {gap: 2px;}
.ff-ot-num {  min-width: 56px; padding: 5px;}
.ff-ot-num strong {font-size: 28px;}
.ff-ot-photoCard{width: 440px;}


}

/* =========================
  /FITFILIP: Online Trainings Page
   ========================= */





/* =========================
   HOTSPOTS (Rich)
   ========================= */
.rich_img_wrap{position:relative;display:inline-block;line-height:0;font-size:0;max-width:100%;overflow:visible!important;}
#ffMainImageWrap{margin-bottom: 0;}
@media (max-width: 992px){
  #ffMainImageWrap{ margin: auto auto 10px;}
}
.rich_img_wrap>a{display:block;}
.rich_img_wrap img{display:block;width:100%;height:auto;margin:0;}
.ff-hotspot-layer{position:absolute;inset:0;width:100%;height:100%;z-index:9999;pointer-events:none;overflow:visible!important;}
.ff-hotspot-wrap{position:absolute;width:38px;height:38px;left:0;top:0;transform:translate(-50%,-50%);padding:0;display:flex;align-items:center;justify-content:center;pointer-events:auto;z-index:10000;}
.ff-hotspot-wrap::before{content:'';position:absolute;top:50%;left:50%;width:50px;height:50px;transform:translate(-50%,-50%);border-radius:50%;border:3px solid #ff6a00;pointer-events:none;animation:hotspotPulse 2s infinite;}
@keyframes hotspotPulse{
    0%{transform:translate(-50%,-50%) scale(0.9);opacity:1;}
    70%{transform:translate(-50%,-50%) scale(1.1);opacity:0.5;}
    100%{transform:translate(-50%,-50%) scale(0.9);opacity:1;}
}

.ff-hotspot-wrap.is-open{z-index:10050;}
.ff-hotspot{width:18px;height:18px;display:block;border-radius:999px;background:#fff;border:2px solid rgba(0,0,0,.08);box-shadow:0 0 0 6px rgba(255,255,255,.25),0 6px 16px rgba(0,0,0,.25);position:relative;cursor:pointer;padding:0;-webkit-appearance:none;appearance:none;animation:ffDotBreath 2.6s ease-in-out infinite;}
.ff-hotspot::after{content:"";position:absolute;left:50%;top:50%;width:36px;height:36px;transform:translate(-50%,-50%);border-radius:999px;background:rgba(122,60,255,.12);animation:ffPulseSoft 2.4s ease-in-out infinite;pointer-events:none;}
.ff-hotspot-wrap.is-open .ff-hotspot{box-shadow:0 0 0 8px rgba(255,220,0,.30),0 10px 22px rgba(0,0,0,.28);animation:none;}
.ff-hotspot-wrap.is-open .ff-hotspot::after{animation:none;opacity:.15;}
.ff-hs-card{position:absolute;left:50%;top:10px;transform:translate(-50%,-100%);width:270px;padding:7px;background:#fff;border-radius:14px;border:1px solid rgba(0,0,0,.08);box-shadow:0 14px 40px rgba(0,0,0,.22);opacity:0;visibility:hidden;pointer-events:none;transition:.14s ease;z-index:1;}
.ff-hs-card::before{content:"";position:absolute;left:50%;bottom:-6px;width:12px;height:12px;transform:translateX(-50%) rotate(45deg);background:#fff;border-right:1px solid rgba(0,0,0,.08);border-bottom:1px solid rgba(0,0,0,.08);}
.ff-hotspot-wrap.is-open .ff-hs-card{opacity:1;visibility:visible;pointer-events:auto;}
.ff-hs-card__in{display:flex;gap:10px;align-items:center;}
.ff-hs-card__img{width:60px;height:80px;flex:0 0 60px;min-width:60px;border-radius:12px;overflow:hidden;background:#f2f2f2;}
.ff-hs-card.is-external .ff-hs-card__img {width: 80px; height: 60px; flex: 0 0 80px;}
.ff-hs-card__img.is-horizontal{ width: 80px; height: 60px; flex: 0 0 80px;}

.ff-hs-card__img img{width:100%;height:100%;object-fit:cover;display:block;}
.ff-hs-card__ph{width:100%;height:100%;background:linear-gradient(90deg,#eee,#f7f7f7,#eee);}
.ff-hs-card__meta{flex:1 1 auto;min-width:0;text-align:left;}
.ff-hs-card__title{font-size:13px;line-height:1.2;margin-bottom:10px;max-height:2.4em;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.ff-hs-card__btn{margin-bottom: 3px;display:inline-block;font-size:13px;line-height:1;padding:10px 12px;border-radius:12px;text-decoration:none;background:#1d2022;color:#fff;}
.ff-hs-card.ff-hs-card--portal{position:fixed;left:50%;top:40%;transform:translate(-50%,-50%);width:min(320px,calc(100vw - 24px));max-height:calc(100dvh - 24px);overflow:auto;-webkit-overflow-scrolling:touch;z-index:10900;opacity:1;visibility:visible;pointer-events:auto;}
.ff-hs-card.ff-hs-card--portal::before{display:none;}
@supports not (height:100dvh){.ff-hs-card.ff-hs-card--portal{max-height:calc(100vh - 24px);}}
@keyframes ffPulseSoft{0%{transform:translate(-50%,-50%) scale(.85);opacity:.35;}50%{transform:translate(-50%,-50%) scale(1.15);opacity:.18;}100%{transform:translate(-50%,-50%) scale(.85);opacity:.35;}}
@keyframes ffDotBreath{0%{transform:scale(1);}50%{transform:scale(1.08);}100%{transform:scale(1);}}


/* LIGHTBOX hotspots */
.ff-lb-img-wrap{position:relative;display:inline-block;line-height:0;font-size:0}
.ff-lb-img{display:block;max-width:100%;height:auto}
.ff-lb-hotspot-layer{position:absolute;left:0;top:0;width:100%;height:100%;z-index:9999;pointer-events:none;overflow:visible!important}

/* FITFILIP v11: compact site-buy button in list view at narrow desktop/tablet widths. */
@media (min-width:992px) and (max-width:1100px){
  .products__list.ff-catalog-list-view button.ff-site-buy-catalog{
    padding:4px 5px!important;
    min-height:36px!important;
  }
  .products__list.ff-catalog-list-view .ff-site-buy-catalog > span:first-child{
    padding-left:40px!important;
    padding-right:2px!important;
    font-size:9px!important;
    line-height:1.05!important;
    white-space:nowrap!important;
  }
  .products__list.ff-catalog-list-view .ff-site-buy-catalog > .market-icon{
    display:none!important;
  }
  .products__list.ff-catalog-list-view .ff-site-discount-badge{
    width:40px!important;
    height:32px!important;
    padding:0 8px 0 5px!important;
    font-size:8.5px!important;
    clip-path:polygon(0 0,calc(100% - 8px) 0,100% 50%,calc(100% - 8px) 100%,0 100%)!important;
    -webkit-clip-path:polygon(0 0,calc(100% - 8px) 0,100% 50%,calc(100% - 8px) 100%,0 100%)!important;
  }
}
@media (max-width:767px){
.ff-lb-hotspot-layer{pointer-events:auto}
}
.ff-lb-hotspot-wrap{position:absolute;width:38px;height:38px;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;pointer-events:auto;z-index:10000}
.ff-lb-hotspot-wrap.is-open{z-index:10050}
.ff-lb-hotspot{width:18px;height:18px;border-radius:999px;background:#fff;border:2px solid rgba(0,0,0,.08);box-shadow:0 0 0 6px rgba(255,255,255,.25),0 6px 16px rgba(0,0,0,.25);cursor:pointer;padding:0;-webkit-appearance:none;appearance:none;position:relative;animation:ffDotBreath 2.6s ease-in-out infinite}
.ff-lb-hotspot::after{content:"";position:absolute;left:50%;top:50%;width:36px;height:36px;transform:translate(-50%,-50%);border-radius:999px;background:rgba(122,60,255,.12);animation:ffPulseSoft 2.4s ease-in-out infinite;pointer-events:none}
.ff-lb-hotspot-wrap.is-open .ff-lb-hotspot{box-shadow:0 0 0 8px rgba(255,220,0,.3),0 10px 22px rgba(0,0,0,.28);animation:none}
.ff-lb-hotspot-wrap.is-open .ff-lb-hotspot::after{animation:none;opacity:.15}
.ff-lb-hotspot-wrap.is-open .ff-hs-card{opacity:1;visibility:visible;pointer-events:auto}


/* =========================
   /HOTSPOTS
   ========================= */

/* RUTUBE my */

.ff-video-modal { position: fixed; inset: 0; z-index: 11050; }
.ff-video-modal[hidden] { display: none; }
.ff-video-backdrop { position: absolute; inset: 0; background: rgba(0,0,0,.75); }
.ff-video-dialog { position: relative; width: min(1100px, 92vw); margin: 5vh auto; background:#000; border-radius: 14px; overflow:hidden; }
.ff-video-close { position:absolute; top:8px; right:10px; z-index:2; width:38px; height:38px; border:0; border-radius:999px; background: rgba(255,255,255,.15); color:#fff; font-size:26px; line-height:38px; }
.ff-video-frame { position: relative; padding-top: 56.25%; } /* 16:9 */
.ff-video-frame iframe { position:absolute; inset:0; width:100%; height:100%; border:0; }

/* /RUTUBE my */



/* чтобы хотспоты были над картинкой, но под кнопками */
#ff-lightbox .ff-lb-img { position: relative; z-index: 1; }
#ff-lightbox .ff-lb-prev,
#ff-lightbox .ff-lb-next,
#ff-lightbox .ff-lb-close,
#ff-lightbox .ff-lb-caption { position: relative; z-index: 10000; }

/* Фото-лайтбокс */
.ff-lightbox[hidden]{display:none}
.ff-lightbox{position:fixed;inset:0;z-index:10000;display:flex;align-items:center;justify-content:center}
.ff-lb-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.8)}
.ff-lb-figure{position:relative;z-index:1;max-width:90vw;max-height:90vh;display:flex;flex-direction:column;align-items:center}
.ff-lb-img{max-width:90vw;max-height:80vh}
.ff-lb-caption{color:#fff;margin-top:.5rem;font-size:14px}
.ff-lb-close,.ff-lb-prev,.ff-lb-next{position:absolute;top:50%;transform:translateY(-50%);background:rgba(0,0,0,.5);color:#fff;border:0;width:44px;height:44px;border-radius:50%;cursor:pointer}
.ff-lb-close{top:10px;right:10px;transform:none}
.ff-lb-prev{left:-56px}.ff-lb-next{right:-56px}
@media (max-width:991px){.ff-lb-prev{left:10px}.ff-lb-next{right:10px}}

/* ?992px — десктопный расклад */
@media (min-width:992px){
  .prod_card_full .col-lg-6{flex:0 0 586px;max-width:586px;box-sizing:border-box}
  .prod_card_full .col-xl-6.prod_right,.prod_card_full .col-lg-6.prod_right{flex:1 1 auto;max-width:calc(100% - 586px);min-width:0}
  .thumbnails .main-image-wrapper{width:451px;margin-bottom:10px;text-align:center}
  .images-additional{width:96px;margin-left:-5px}
  li.tab_specification{display:none}
}
/* ?992px — мобилка */
@media (max-width:992px){
  .thumbnails{overflow: hidden;display:flex!important;width:100%!important;flex-direction:column-reverse;position:relative!important;top:0}
  .images-additional{width:100%!important;height:auto!important;overflow:visible!important;margin-left:0!important}
  .images-additional-arr-up,.images-additional-arr-down{display:none}
  .images-additional_block,.images-additional_wrapper{overflow-y:hidden!important;margin-top:0!important;width:100%!important;text-align:center}
  .images-additional .thumbnail{float:left;display:inline-block!important;border:none!important;padding:0!important;margin-left:2px!important;margin-bottom:2px!important}
  .thumbnails .main-image-wrapper{width:auto!important}
  .details__specifications{display:none}
  .prod_card_full .row{flex-direction:column}
  .sku__desc .market-buttons{display:grid;gap:10px;grid-template-columns:repeat(2,1fr)}
  .prod_card_full .col-lg-6{padding: 0;top:0}
  .sku__view-body,.sku__view,.prod_card_full,.prod_card_full .row,.prod_card_full [class^="col-"]{padding: 0;overflow:auto!important}
  .in_main{margin-bottom:70px;padding:0 60px 20px}
  .ui-table th:first-child,.table.table-bordered th:first-child,.ui-wysiwyg table:not([class]) th:first-child,
  .ui-table td:first-child,.table.table-bordered td:first-child,.ui-wysiwyg table:not([class]) td:first-child{padding-left:0}
  .ui-table th,.table.table-bordered th,.ui-wysiwyg table:not([class]) th,
  .ui-table td,.table.table-bordered td,.ui-wysiwyg table:not([class]) td{padding:8px}
}



@media (max-width:992px){
.thumbnails{display:flex!important;flex-direction:column!important;overflow:hidden!important;position:relative!important;top:0}
#ffMainImageWrap{order:1}
.images-additional{order:2;width:100%!important;max-width:100%!important;margin:10px 0 0!important;height:auto!important;overflow:visible!important;--thumb-h:clamp(96px,18vw,140px)}
.images-additional_wrapper{display:flex!important;flex-wrap:nowrap!important;gap:6px;overflow-x:auto!important;overflow-y:hidden!important;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;white-space:nowrap;height:var(--thumb-h)!important;align-items:stretch}
.images-additional_wrapper::-webkit-scrollbar{display:none}
.images-additional_wrapper a.thumbnail{flex:0 0 auto!important;display:block!important;float:none!important;width:auto!important;height:100%!important;margin:0!important;padding:0!important;border:none!important;scroll-snap-align:start}
.images-additional_wrapper a.thumbnail img{display:block!important;width:auto!important;height:100%!important;max-height:100%!important;object-fit:cover}

}

@media (max-width:992px){
.thumbnails{display:flex!important;flex-direction:column!important;position:relative!important;top:0!important;overflow:hidden!important}
#ffMainImageWrap{order:1!important}
.images-additional{order:2!important;position:relative!important;width:100%!important;max-width:100%!important;margin:10px 0 0!important;height:auto!important;overflow:visible!important;--thumb-h:clamp(96px,18vw,140px);--thumb-w:calc(var(--thumb-h)*0.8)}
.images-additional_wrapper{display:flex!important;flex-wrap:nowrap!important;gap:6px!important;overflow-x:auto!important;overflow-y:hidden!important;-webkit-overflow-scrolling:touch!important;scroll-snap-type:x mandatory!important;white-space:nowrap!important;height:var(--thumb-h)!important;align-items:stretch!important;padding:0!important;box-sizing:border-box!important}
.images-additional_wrapper::-webkit-scrollbar{display:none!important}

.images-additional_wrapper>a.thumbnail,.images-additional_wrapper a.thumbnail.provideo__item,.images-additional_wrapper .provideo{flex:0 0 var(--thumb-w)!important;width:var(--thumb-w)!important;height:100%!important;margin:0!important;padding:0!important;border:none!important;float:none!important;display:block!important;scroll-snap-align:start!important;box-sizing:border-box!important;min-width:var(--thumb-w)!important;max-width:var(--thumb-w)!important}
.images-additional_wrapper>a.thumbnail img,.images-additional_wrapper a.thumbnail.provideo__item img{display:block!important;width:100%!important;height:100%!important;max-height:100%!important;object-fit:cover!important}

.images-additional_wrapper .provideo{display:flex!important;align-items:stretch!important}
.images-additional_wrapper .provideo__thumbs{display:flex!important;flex-wrap:nowrap!important;width:100%!important;height:100%!important;align-items:stretch!important;gap:0!important}
.images-additional_wrapper .provideo__frame{display:block!important;position:relative!important;width:100%!important;height:100%!important;overflow:hidden!important;border-radius:10px!important}
.images-additional_wrapper .provideo__frame img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;display:block!important}

.images-additional-arr-down,.images-additional-arr-up{padding-top: 0;display:flex!important;align-items:center!important;justify-content:center!important;position:absolute!important;top:50%!important;width:43px!important;height:43px!important;border-radius:50%!important;z-index:60!important;border:1px solid #c6c6c6!important;background:rgba(255,255,255,.9)!important;opacity:.7!important;transition:opacity .2s ease,transform .2s ease,box-shadow .2s ease!important;cursor:pointer!important;user-select:none!important;pointer-events:auto!important;transform:translateY(-50%)!important}
.images-additional-arr-up{left:6px!important;right:auto!important}
.images-additional-arr-down{right:6px!important;left:auto!important}
.images-additional-arr-down *,.images-additional-arr-up *{pointer-events:none!important}
.images-additional-arr-down i,.images-additional-arr-up i{font-size:22px!important;color:#444!important;line-height:1!important}
.images-additional-arr-up i{transform:rotate(-90deg)!important}
.images-additional-arr-down i{transform:rotate(-90deg)!important}
.images-additional-arr-down:hover,.images-additional-arr-up:hover{opacity:1!important;box-shadow:0 3px 10px rgba(0,0,0,.18)!important}
.images-additional-arr-down:active,.images-additional-arr-up:active{transform:translateY(-50%) scale(.96)!important}

}
@media (max-width:992px){
#ffMainImageWrap,.main-image-wrapper{width: 70%;position:relative;overflow:hidden}
#ffMainImageWrap a.main-image,.main-image-wrapper a.main-image{position:relative;display:block;overflow:hidden}
#ffMainImageWrap .ff-swipe-stage,.main-image-wrapper .ff-swipe-stage{position:relative;display:block;width:100%;height:100%;overflow:hidden}
#ffMainImageWrap .ff-swipe-slide,.main-image-wrapper .ff-swipe-slide{position:absolute;top:0;left:0;width:100%;height:100%;transition:transform .28s ease;will-change:transform;backface-visibility:hidden}
#ffMainImageWrap .ff-swipe-slide img,.main-image-wrapper .ff-swipe-slide img{display:block;width:100%;height:auto}
#ffMainImageWrap .ff-swipe-slide.is-current,.main-image-wrapper .ff-swipe-slide.is-current{position:relative;z-index:2;transform:translateX(0)}
#ffMainImageWrap .ff-swipe-slide.is-next.from-right,.main-image-wrapper .ff-swipe-slide.is-next.from-right{z-index:3;transform:translateX(100%)}
#ffMainImageWrap .ff-swipe-slide.is-next.from-left,.main-image-wrapper .ff-swipe-slide.is-next.from-left{z-index:3;transform:translateX(-100%)}
#ffMainImageWrap .ff-swipe-slide.is-animating-out.to-left,.main-image-wrapper .ff-swipe-slide.is-animating-out.to-left{transform:translateX(-100%)}
#ffMainImageWrap .ff-swipe-slide.is-animating-out.to-right,.main-image-wrapper .ff-swipe-slide.is-animating-out.to-right{transform:translateX(100%)}
#ffMainImageWrap .ff-swipe-slide.is-animating-in,.main-image-wrapper .ff-swipe-slide.is-animating-in{transform:translateX(0)}
}
@media (max-width:550px){#ffMainImageWrap,.main-image-wrapper{width: 100%;position:relative;overflow:hidden}}

@media (max-width:992px){
#ff-lightbox .ff-lb-content,#ff-lightbox .ff-lb-image-box,#ff-lightbox .ff-lb-image-wrap{position:relative;overflow:hidden}
#ff-lightbox .ff-lb-stage{position:relative;width:100%;height:100%;overflow:hidden}
#ff-lightbox .ff-lb-slide{position:absolute;top:0;left:0;width:100%;height:100%;transition:transform .3s ease,opacity .3s ease;will-change:transform,opacity;backface-visibility:hidden}
#ff-lightbox .ff-lb-slide img{display:block;width:100%;height:auto;margin:0 auto}
#ff-lightbox .ff-lb-slide.is-current{z-index:2;transform:translateX(0);opacity:1}
#ff-lightbox .ff-lb-slide.is-next.from-right{z-index:3;transform:translateX(100%);opacity:1}
#ff-lightbox .ff-lb-slide.is-next.from-left{z-index:3;transform:translateX(-100%);opacity:1}
#ff-lightbox .ff-lb-slide.is-animating-out.to-left{transform:translateX(-100%);opacity:1}
#ff-lightbox .ff-lb-slide.is-animating-out.to-right{transform:translateX(100%);opacity:1}
#ff-lightbox .ff-lb-slide.is-animating-in{transform:translateX(0);opacity:1}
}

/* Thumb tile widths */
@media (min-width:900px) and (max-width:992px){.images-additional .thumbnail{width:10.8%!important;height:115px}}
@media (min-width:800px) and (max-width:900px){.images-additional .thumbnail{width:13.9%!important;height:130px}}



@media (min-width:220px) and (max-width:470px){.prod_card_full .center-block{max-width:100%}}
@media (min-width:470px){.prod_card_full .center-block{max-width:450px}}


/* Sticky gallery: безопасные сбросы */
.sku__view-body,.sku__view,.prod_card_full,.prod_card_full .row,.prod_card_full [class^="col-"]{overflow:visible;transform:none!important;filter:none!important;contain:none!important}
@media (min-width:992px){
  .prod_card_full .row{align-items:flex-start}
  .prod_card_full [class^="col-"]{padding: 0;align-self:flex-start}
  .prod_card_full .sticky-left{position:sticky;top:90px;z-index:2}
  .prod_card_full .thumbnails{top:auto!important;width:100%!important}
}


/* reviews in catalog */
.ff-catalog-wb-rating{display:flex;flex-direction:row;align-items:center;gap:2px;justify-content: space-between;margin:0 15px 10px;font-size:13px;line-height:1.2;color:var(--text)}
@media (min-width:992px){

}


.ff-catalog-wb-rating__top{display:flex;align-items:center;gap:5px;white-space:nowrap}
.ff-catalog-wb-rating__value{font-weight:700}
.ff-catalog-wb-rating__stars{color:#ffb23f;letter-spacing:1px;white-space:nowrap}
.ff-catalog-wb-rating__bottom{display:block}
.ff-catalog-wb-rating__count{color:#7d8a9a}
.dark_mode .ff-catalog-wb-rating__count,body.dark_mode .ff-catalog-wb-rating__count,html.dark_mode .ff-catalog-wb-rating__count{color:#9fb3c8}


.ff-product-wb-rating{display:flex;align-items:center;gap:7px;margin:8px 0 12px;font-size:14px;line-height:1.2;color:var(--text); cursor: pointer;width: fit-content;}
.ff-product-wb-rating__stars{color:#ffb23f;letter-spacing:1px;white-space:nowrap;font-size:15px}
.ff-product-wb-rating__value{font-weight:700;color:var(--text)}
.ff-product-wb-rating__count{color:#7d8a9a;margin-left: 10px;white-space:nowrap}
.dark_mode .ff-product-wb-rating__count,body.dark_mode .ff-product-wb-rating__count,html.dark_mode .ff-product-wb-rating__count{color:#9fb3c8}
@media (max-width:480px){
.ff-product-wb-rating{flex-wrap:wrap;gap:5px 7px;font-size:13px}
.ff-product-wb-rating__stars{font-size:14px}
}

/* text description product */
.product-seoblock h2, .product-seoblock h3{font-size: 22px;}
.product-desc-wrap{position:relative;--desc-max:320px;}
.product-desc-content{height:var(--desc-max);overflow:hidden;transition:height .35s ease;}
.product-desc-wrap.is-open .product-desc-content{overflow:hidden;}
.product-desc-wrap.is-ready:not(.is-open) .product-desc-content{overflow:hidden;}

.product-desc-content:after{content:"";position:absolute;left:0;right:0;bottom:0;height:80px;pointer-events:none;opacity:1;transition:opacity .2s ease;}
.product-desc-wrap.is-open .product-desc-content:after{opacity:0;}

.product-desc-content:after{background:linear-gradient(to bottom, rgba(0,0,0,0), var(--gr));}

.product-desc-toggle{margin-top:12px;display:inline-flex;align-items:center;gap:10px;background:transparent;border:0;color:var(--yellow-blue-link);font-weight:700;cursor:pointer;padding:0;}
.product-desc-toggle .txt-less{display:none;}
.product-desc-wrap.is-open .product-desc-toggle .txt-more{display:none;}
.product-desc-wrap.is-open .product-desc-toggle .txt-less{display:inline;}


.product-desc-toggle .txt-more{color:var(--yellow-blue-link);}
.product-desc-toggle .txt-less{color:var(--yellow-blue-link);}
.product-desc-toggle .ico{color:var(--yellow-blue-link);}


.product-desc-toggle .ico{display:inline-block;transition:transform .25s ease;}
.product-desc-wrap.is-open .product-desc-toggle .ico{transform:rotate(180deg);}
.product-desc-wrap{position:relative;}
.product-desc-content{position:relative;z-index:1;}
.product-desc-content:after{z-index:2;}
.product-desc-toggle{position:relative;z-index:3;}


/* =========================
   Category Tiles + Particles
========================= */
:root{
  --ff-radius-lg:14px;--ff-yellow:var(--main-yellow,#ffd400);--ff-card-bg:#0b0b0d;
  --ff-grad-1:rgba(255,255,255,.08);--ff-grad-2:rgba(255,255,255,.02);
  --ff-border:rgba(255,215,0,.25);--ff-border-hover:rgba(255,215,0,.5);
  --ff-shadow:0 8px 26px rgba(0,0,0,.35)
}
html:not(.dark_mode){--ff-card-bg:#111316;--ff-grad-1:rgba(0,0,0,.06);--ff-grad-2:rgba(0,0,0,.02);--ff-border:rgba(0,0,0,.12);--ff-border-hover:rgba(0,0,0,.22)}
.ff-tiles-section{position:relative;z-index:0;width:100%}
#ff-tiles-particles{position:absolute;inset:0;z-index:-1!important;pointer-events:none}
.particles-js-canvas-el{display:block;width:100%!important;height:100%!important;object-fit:cover;pointer-events:none}

.ff-cat-tiles__grid{list-style:none;margin:0;padding:0 0 30px;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin-left:auto;margin-right:auto;opacity:1!important;visibility:visible!important}
@media (max-width:1199px){.ff-cat-tiles__grid{grid-template-columns:repeat(3,1fr)}}
@media (max-width:991px){.ff-cat-tiles__grid{margin: 0px 10px;grid-template-columns:repeat(2,1fr)}}
@media (max-width:575px){.ff-cat-tiles__grid{margin: 0px 10px;grid-template-columns:1fr;gap:0}}

.ff-cat-tiles__item{position:relative}
.ff-cat-tiles__link{
  transition:transform .25s ease,outline-color .25s ease,box-shadow .25s ease,background .25s ease;
  display:block;width:100%;height:250px;position:relative;text-align:center;cursor:pointer;font:inherit;border-radius:15px;
  box-shadow:var(--ff-shadow);border:0;padding:0;overflow:hidden;isolation:isolate;
  background:linear-gradient(145deg,rgba(255,255,255,.08) 0%,rgba(255,255,255,.02) 100%);color:#fff;padding-bottom:10px;perspective:1000px;outline:1px solid rgba(255,215,0,.2);outline-offset:-6px
}
@media(max-width:575px){.ff-cat-tiles__link{height:200px;}}

.ff-cat-tiles__item::after{content:"";position:absolute;left:50%;bottom:0;transform:translateX(-50%);width:0;height:0;border-left:9px solid transparent;border-right:9px solid transparent;border-top:6px solid var(--main-yellow,#ffda28);opacity:0;transition:opacity .2s ease,transform .2s ease;pointer-events:none}
.ff-cat-tiles__item:hover::after,.ff-cat-tiles__item:has(.ff-cat-tiles__link[aria-expanded="true"])::after{opacity:1;transform:translateX(-50%)}
.ff-cat-tiles__link:hover,.ff-cat-tiles__item:has(.ff-cat-tiles__link[aria-expanded="true"]) .ff-cat-tiles__link{transform:translateY(-1px);background:linear-gradient(145deg,rgba(255,223,40,.15) 0%,rgba(255,223,40,.10) 100%);outline:1px solid var(--main-yellow);box-shadow:0 0 0 1px rgba(255,255,255,.03) inset,0 12px 24px rgba(0,0,0,.25)}
.ff-cat-tiles__link:focus-visible{transform:translateY(-1px);background:linear-gradient(145deg,rgba(255,238,181,.15) 0%,rgba(255,227,111,.10) 100%);outline:1px solid rgba(255,215,0,.6)}
.ff-cat-tiles__link::before{content:'';position:absolute;pointer-events:none;z-index:1;width:250%;height:200%;left:-80%;top:-80%;background:linear-gradient(110deg,rgba(255,255,255,0) 45%,rgba(255,255,255,.1) 50%,rgba(255,255,255,0) 55%);transform:rotate(25deg) translate(0,0);opacity:0;will-change:transform,opacity}
.ff-cat-tiles__link:hover::before,.ff-cat-tiles__link:focus-visible::before{opacity:1;animation:ff-shine .35s ease-in-out forwards}
@keyframes ff-shine{from{transform:rotate(25deg) translate(0,0)}to{transform:rotate(25deg) translate(120%,120%)}}
.ff-cat-tiles__icon{margin:20px 0 40px;display:flex;align-items:center;justify-content:center;padding:0 10px;position:relative}
@media(max-width:575px){.ff-cat-tiles__icon{margin:30px 0 20px}}

.ff-cat-tiles__icon img{width:90px;height:auto;display:block;filter:var(--img-brightness) hue-rotate(-10deg)}
.ff-cat-tiles__icon::after{content:"";position:absolute;width:120px;height:120px;border-radius:50%;border:2px solid var(--ff-yellow);opacity:.45;animation:ffPulse 3s infinite;pointer-events:none}
@keyframes ffPulse{0%{transform:scale(1);opacity:.22}50%{transform:scale(1.2);opacity:0}100%{transform:scale(1.2);opacity:0}}
.ff-cat-tiles__title{color:#fff;text-transform:uppercase;font-weight:600;font-size:13px;line-height:1.35}
.ff-cat-tiles__subtitle{display:block;margin-top:.35rem;font-size:12px;line-height:1.2;color:#fff;opacity:.9}

/* Раскрывашка с товарами */
.ff-tiles{position:relative;z-index:2}
.ff-cat-tiles__grid{position:relative;z-index:3;opacity:1!important;visibility:visible!important}
.ff-cat-tiles__item{position:relative;z-index:4;pointer-events:auto!important}
.ff-cat-tiles__link{position:relative;z-index:5;pointer-events:auto!important;touch-action:manipulation}
.ff-cat-tiles__link *{pointer-events:none}
.ff-cat-subitems{grid-column:1/-1;display:block;overflow:hidden;height:0;max-height:none!important;opacity:0;visibility:hidden;margin:0;z-index:2;pointer-events:none;transition:height .2s ease,opacity .2s ease}
.ff-cat-subitems.is-open{opacity:1;visibility:visible;pointer-events:auto}
#ff-row-expander{grid-column:1/-1!important;display:block;height:0;max-height:none!important;overflow:hidden;margin:0;z-index:2;pointer-events:none;transition:height .2s ease,opacity .2s ease;will-change:height}
#ff-row-expander.is-open{pointer-events:auto}
#ff-row-expander .ff-expander{position:relative;z-index:2;pointer-events:auto}
#ff-row-expander .products__list{list-style:none;margin:0;padding:0;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:0}
#ff-row-expander .products__list>li{margin:0;max-width:none!important;width:auto!important}
#ff-row-expander .products__item,#ff-row-expander .products__item-in{width:100%;height:100%}
#ff-row-expander .products__item-in{/*display:block*/}
#ff-row-expander .products__item-image img{width:100%;height:auto;display:block}
#ff-tiles-particles{pointer-events:none!important;z-index:0!important}
#ff-tiles-particles canvas{pointer-events:none!important}
.particles-js-canvas-el{pointer-events:none!important}
@media (max-width:1200px){#ff-row-expander .products__list{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:992px){#ff-row-expander .products__list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:576px){#ff-row-expander .products__list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:575px){.ff-cat-tiles__grid{grid-template-columns:1fr!important}.ff-cat-tiles__item{z-index:10;pointer-events:auto!important}.ff-cat-tiles__link{z-index:11;pointer-events:auto!important;touch-action:manipulation;-webkit-tap-highlight-color:transparent}#ff-row-expander{grid-column:1/-1!important;z-index:1}}
@media (min-width:200px) and (max-width:400px){#ff-row-expander .products__list{grid-template-columns:1fr}.market-btn{width:100%!important}.ff-random__name{font-size:11px!important}}

/* Категорийный инфоблок */
.ff-cat-info{margin:8px 0 12px;padding:12px 14px;border:1px solid var(--ff-border);border-radius:10px}
.ff-cat-info__title{font-size:20px;font-weight:600;text-transform:uppercase;letter-spacing:.02em;margin-bottom:6px}
.ff-cat-info__title a{color:var(--main-yellow);text-decoration:none}
.ff-cat-info__desc{font-size:15px;line-height:1.6;color:#ddd;margin-bottom:15px;font-weight:500}
html.dark_mode .ff-cat-info{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.08)}

/* =========================
   Product cards excerpts / market buttons
========================= */
.ff-prod .products__item-title{margin:15px 15px 0!important}
.ff-prod .item-description{margin:15px;font-size:13px;font-weight:500;margin-bottom:auto}
.ff-prod .item-description p{color:var(--bw-invert);display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden;min-height:calc(5 * 1.4em)}
.ff-prod-manual .item-description p {-webkit-line-clamp: 6;}

.market-buttons{display:flex;flex-direction:column;gap:4px;margin:auto 15px 15px;align-items:center}
.products__item-in .market-btn {width: 100%;}
.market-btn{min-height: 46px;display:flex;justify-content:space-between;align-items:center;text-decoration:none;color:#fff;font-size:14px;padding:7px 10px;border-radius:6px;max-width: 300px;box-sizing:border-box}
@media(max-width: 992px){.market-btn{width: 300px;}}
.market-btn span{flex-grow:1;text-align:center;font-weight:500}
.market-icon{width:28px;height:28px;margin-left:10px}

/* =========================
   Footer
========================= */
.ff-footer-title{font-size:15px;font-weight:700;margin:0 0 12px;color:#fff}
.ff-footer-nav{border-top:1px solid rgba(255,255,255,.07);border-bottom:1px solid rgba(255,255,255,.07);padding:0;margin-bottom:10px}
.ff-footer-nav .ff-menu{list-style:none;padding:0;margin:0}
.ff-footer-nav .ff-menu li{break-inside:avoid;-webkit-column-break-inside:avoid;margin:0}
.ff-footer-nav .header__catalog-link{display:inline-flex;align-items:center;gap:8px;padding:6px 0;line-height:1.25;color:#e9e9e9;text-decoration:none}
.ff-footer-nav .header__catalog-link:hover{color:#fff}
.ff-footer-cats{column-gap:28px;column-fill:balance}
@media (max-width:575.98px){.ff-footer-cats{column-count:1}}
@media (min-width:576px){.ff-footer-cats{column-count:2}}
@media (min-width:1200px){.ff-footer-cats{column-count:3}}
.ff-footer .footer-container{width:100%;margin: 10px 0 20px;}
@media (min-width:767px) and (max-width: 900px){.ff-footer .footer-container {margin: 20px 0 0;}}
@media (max-width:767px){.footer--v1 .footer-box {display: none;} .ff-footer .footer-container {margin: 0;}}

.ff-footer .footer-box{position:relative;z-index:2}
.ff-footer .row-footer{display:flex;align-items:flex-start;justify-content:space-between;gap:0}
.market-links>span{display:block;margin:0 0 10px;color:#fff}
.market-links .button-group{display:flex;gap:12px;flex-wrap:wrap}
.market-links button{padding:0px 16px 0px 44px;border:none;border-radius:7px;text-transform:uppercase;cursor:pointer;background-repeat:no-repeat;background-position:0px 50%;display:inline-block;font-size:10px;font-weight:500;color:#fff}
.market-links button:active{transform:translateY(1px)}
.market-btn-footer{display:inline-flex;align-items:center;gap:10px;padding:0 12px 0 48px;min-height:25px;border-radius:7px;text-decoration:none;color:#fff;font-size:10px;font-weight:500;white-space:nowrap;position:relative}
.market-btn-footer__icon{width:45px;height:47px;display:block;position:absolute;left:-5px}
.market-btn-footer:focus,.market-btn-footer:hover{color:#fff;text-decoration:none;opacity:.9}
.market-links .market-btn-footer.location{background-color:var(--wb-bg)}
.market-links .market-btn-footer.location2{background-color:var(--oz-bg)}
.market-links .market-btn-footer.location3{background-color:var(--ym-bg)}

.society_block{display:inline-block;margin-bottom: 15px;text-align:right}
.society_block a{display:inline-block;margin:0 0 0 10px;vertical-align:baseline}
.society_block img{width:30px;height:34px;filter:var(--img-brightness)}
.society_block span{display:block;color: #fff;margin-bottom:10px}
.ff-copyright{color: #aaa;display:block;margin-top:10px;text-align: center;font-size:9px;padding-left: 15px;opacity:.8}

/* спрятать «родной» футер темы, если он отрисовывается */
.footer:not(.ff-footer) .footer__nav,
.footer:not(.ff-footer) .footer__desc,
.footer:not(.ff-footer) .footer__bottom{display:none!important}


/* ====== FITFILIP Mobile Bottom Nav ====== */

.ff-bottom-nav{display:none}
@media (max-width:767px){
body{padding-bottom:66px}
.ff-bottom-nav{position:fixed;left:0;right:0;bottom:0;z-index:9999;opacity:.95;display:flex;justify-content:space-around;align-items:center;height:56px;background:var(--bg-3);backdrop-filter:blur(10px);border-top:1px solid var(--box-shadow2);padding-bottom:env(safe-area-inset-bottom)}
.ffbn-item{flex:1 1 20%;height:56px;opacity:.7;display:flex;flex-direction:column;align-items:center;justify-content:center;scale:0.8;color:var(--text);text-decoration:none;font-size:11px;line-height:1.1}
.ffbn-item i{font-size:20px;margin-bottom:3px}
.ffbn-item:active,.ffbn-item:focus,.ffbn-item:hover{text-decoration:none;color:var(--text)}
.ffbn-item.is-active{opacity:1;scale:1}
.ffbn-item.is-active i{transform:translateY(-1px)}
}
.links-block{max-width:1200px;margin:0 auto;padding:0 16px;counter-reset:linknum}
.socialbuttons{display:flex;flex-wrap:wrap;justify-content:center;gap:16px}
p.sociallinks{margin:0;display:flex;position:relative;flex:1 1 220px;max-width:360px}
p.sociallinks::before{counter-increment:linknum;content:counter(linknum);position:absolute;top:14px;left:16px;font-size:34px;font-weight:500;color:var(--link-color);opacity:.1;-webkit-text-stroke:4px;z-index:2;pointer-events:none}
p.sociallinks a{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;width:100%;padding:22px 22px 22px 70px;border-radius:18px;text-align:left;border:1px solid var(--links-border);background:var(--links-bg);color:var(--text);box-shadow:0 10px 26px rgba(10,32,60,.16);overflow:hidden;transition:transform .18s ease-out,box-shadow .18s ease-out,border-color .18s ease-out,background .25s ease-out}
p.sociallinks a::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at top left,rgba(255,255,255,.7),transparent 60%);opacity:.45;pointer-events:none}
p.sociallinks a .tile-title{font-size:14px;text-transform:uppercase;opacity:.8}
p.sociallinks a .tile-subtitle{margin-top:6px;font-size:15px;font-weight:700}
p.sociallinks a:hover{text-decoration:none;transform:translateY(-3px);box-shadow:0 16px 32px rgba(10,32,60,.22);border-color:rgba(0,192,255,.5)}
.socialmiddle{text-align:center}
.sociallogo a{transition:all ease .2s;margin:3px}
.sociallogo a:hover{opacity:.8}
.sociallogo a img{width:64px}
@media (min-width:992px){
p.sociallinks{flex:0 0 calc(33.333% - 16px);max-width:calc(33.333% - 16px)}
.sociallogo a img{width:55px}
}
@media (min-width:540px) and (max-width:991px){
p.sociallinks{flex:0 0 calc(50% - 16px);max-width:calc(50% - 16px)}
.sociallogo a img{width:55px}
}
@media (max-width:539px){
p.sociallinks{flex:0 0 100%;max-width:100%}
p.sociallinks a{align-items:center;text-align:center;padding-left:22px}
p.sociallinks::before{left:12px;top:10px}
.sociallogo a img{width:55px}
}


/* =========================
   trainers
========================= */
.trainer-subtitle{
    color: var(--text);
}
/* =========================
   Accordions (Catalog in footer / header)
========================= */
.ff-accordion .ff-accordion-panel{max-height:0;overflow:hidden;transition:max-height .25s ease,opacity .25s ease;opacity:0}
.ff-accordion.is-open .ff-accordion-panel{max-height:2000px;opacity:1;margin-left:20px;list-style:none}
ul.header__catalog-menu-my.ff-menu{list-style:none;padding-inline-start:0}
.ff-accordion .ff-accordion-trigger{cursor:pointer;display:block}
.ff-accordion .ff-accordion-trigger::after{content:'';float:right;width:.6em;height:.6em;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(-45deg);margin-top:.4em;opacity:.6;transition:transform .2s ease}
.ff-accordion.is-open .ff-accordion-trigger::after{transform:rotate(45deg)}
ul.header__catalog-menu-my.ff-menu.ff-accordion-panel li:last-child{margin-bottom:10px;border-bottom:1px solid var(--bg-3);padding-bottom:10px}


/* =========================
   Random block
========================= */
.section-title.reviews a{color:var(--bw-invert)}
.ff-random{padding:0 80px 60px}
.ff-random__head{text-align:center;margin-bottom:24px}
.ff-random__title{font-size:28px;font-weight:500;margin:0;color:var(--text)}
.ff-random__underline{display:inline-block;width:60px;height:4px;background:#ffd428;border-radius:2px;margin-top:10px}
.ff-random__grid{list-style:none;display:flex;flex-wrap:wrap;width:100%;padding: 0;margin:auto}
.ff-random__card{display:block;text-decoration:none;color:inherit;margin:4px}
.ff-random__img-wrap{display:block;overflow:hidden}
.ff-random__img-wrap img{width:100%;height:100%;object-fit:cover;display:block}
.ff-random__name{display:block;margin:10px 0;font-weight:500;line-height:1.3;text-align:center;font-size:14px;color:var(--bw-invert)}
li.ff-random__item{width:25%}
@media (max-width:700px){li.ff-random__item {width: 50%;}}

/* =========================
   Misc / cosmetics
========================= */
.fff{ width: 10px;margin-right:12px}
.pav-verticalmenu .mega-col-inner ul li:hover .fff::before{color:var(--bw-invert)!important}
@media (max-width:768px){.fff{margin:0 20px;color:var(--bw-invert)}}
.f_social{margin: 0 20px 10px 0;display:inline-block}
.sc-heading{background:#0b0b0b}
.premium-title{font-size:30px;text-align:center;color:#fff;text-transform:uppercase;position:relative;z-index:2;font-weight:700;text-shadow:0 2px 10px rgba(0,0,0,.3);margin:0;padding:40px 0 10px;letter-spacing:3px}
.premium-subtitle{font-size:17px;text-align:center;color:var(--main-yellow);margin-bottom:60px;text-transform:uppercase;position:relative}

/* Products featured compact */
.products-featured .item-description{display: none;margin-top:6px;font-size:14px;color:var(--text)}
.clamp-5{display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}


body.is-nav-open,html.is-nav-open{overflow:auto!important;position:static!important;height:auto!important;touch-action:auto!important}
.ff-blog-cta .fff{margin:-2px 10px 0 0;color:#777}
.product-article{cursor:pointer;border-bottom:1px dashed rgba(0,0,0,.3)}
.product-article__copied{position:fixed;top:90px;left:45%;z-index:9999;display:none;padding:6px 12px;font-size:13px;line-height:1.3;background:var(--link-hover);color:var(--bw);border-radius:4px;pointer-events:none;white-space:nowrap;transition:opacity .2s ease}
.product-article__copied._visible{display:block;opacity:1}
@media (min-width:220px) and (max-width:767px){
.video_content h1{font-size:18px;margin-bottom:20px;font-weight:700}
.video_content p{font-size:14px;font-weight:400}
.header__nav-social{padding:0 2rem 0 0}
.ff-accordion.is-open .ff-accordion-panel{margin-left:20px}
.wrapper_text{padding:0 20px 60px}
.section-title{margin:30px 0;font-size:24px;font-weight:500}
body{font-weight:400;font-size:14px}
.achievements{padding:30px 0}
.achievement-number,.achievement-percent{font-size:40px}
.products-featured{margin:0;padding:0 0 40px!important}
.ff-random{margin:40px auto;max-width:100%;padding:0 20px}
.ff-live-home{padding:0 20px}
.products-featured[id^=prodtab_]{margin:0 0 2rem}
.blog-featured{margin:0;padding:0 20px}
.ff-cat-info__desc{font-size:13px;font-weight:400}
.market-btn{font-size:11.5px;padding:3px 10px 3px 7px}
.market-icon{margin-left:0}
.ff-prod .item-description{font-size:12px;font-weight:400}
.premium-title{font-size:24px;letter-spacing:1px}
.premium-subtitle{font-size:17px;margin-bottom:30px}
.ff-prod .products__item-title{margin:10px 10px 0}
.products__item-title {font-size: 15px;}
.ff-prod .item-description{margin:10px;font-size:13px;font-weight:500;margin-bottom:auto}
.market-buttons{margin:0px 10px 10px}
.ff-prod .item-description p{-webkit-line-clamp:6}
.ff-random__grid{width:100%;padding:0;margin:auto}
.ui-add-to-cart{justify-content:center}
.sku__desc .market-buttons{gap:5px;grid-template-columns:1fr}
}
@media (min-width:438px) and (max-width:767px){
.sku__desc .market-buttons{width:97%;gap:5px;grid-template-columns:repeat(2,1fr)}
.ui-add-to-cart{background: var(--bg-2);justify-content:left}
}

#scroll-top-button.ff-scrolltop{position:fixed;right: 32px; bottom: 100px;width:44px;height:44px;border-radius:50%;display:none;cursor:pointer;z-index:9999;background:var(--bg-3,#2a2a2a);color:var(--text,#fff);box-shadow:0 6px 16px rgba(0,0,0,.25)}
@media (max-width:766px){#scroll-top-button.ff-scrolltop {right: 10px;  bottom: 115px;}}
    
#scroll-top-button.ff-scrolltop::before{content:"";position:absolute;left:50%;top:43%;transform:translate(-50%,-40%);border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:12px solid currentColor}
#scroll-top-button.ff-scrolltop:active{transform:translateY(1px);opacity:.9}
.filter-aside__group .ff-list{margin:8px 0 0;padding:0;list-style:none}
.ff-check__input{position:absolute;opacity:0;pointer-events:none}
.ff-check__box{width:18px;height:18px;border:2px solid var(--c-border,#cfd4dc);border-radius:4px;flex:0 0 18px;position:relative;background:var(--bg-2)}
.ff-check__input:checked+.ff-check__box{border-color:var(--c-accent,#5c7cff);background:var(--c-accent,#5c7cff)}
.ff-check__input:checked+.ff-check__box::after{content:"";position:absolute;left:4px;top:0;width:6px;height:12px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}
.ff-check__text{font-size:14px;line-height:1.25;color:var(--text,#111)}
.ff-check__count{opacity:.6;margin-left:6px}
.ff-item.is-disabled .ff-check{cursor:not-allowed}
.ff-item.is-disabled .ff-check__text{color:#b7bdc6}
.ff-item.is-disabled .ff-check__box{background:#f3f5f7;border-color:#e1e6ee}
.filter-aside__group+.filter-aside__group{margin-top:15px;border-bottom:1px solid var(--bg-3)}
.filter-aside__group-head{margin-bottom:6px}
.filter-aside__group-checklist.ff-list{display:flex!important;flex-direction:column!important;gap:8px;margin:10px 0 0;padding:0}
.filter-aside__group-checklist.ff-list li{display:block!important;float:none!important;width:auto!important;margin:0!important}
.ff-item{margin:0!important}
.ff-check{display:flex;align-items:center;gap:10px}
.irs-handle{cursor:e-resize!important}
.manual-hero{display:flex;flex-direction:column;align-items:flex-start;gap:24px;margin:30px auto 10px}
.manual-hero-banner{width:100%}
.manual-hero-banner img{display:block;width:100%;height:auto;border-radius:5px}
.manual-hero-content .tag{margin-bottom:8px}
.manual-hero-lead{margin-top:12px;margin-bottom:16px}
.manual-groups-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin-bottom:20px}
.manual-home-groups .manual-groups-grid a.card.group:last-child {/*filter: grayscale(100%); opacity: 0.6;display: none;*/}
@media (min-width:576px) and (max-width:991px){
.manual-groups-grid .card.group{display:flex}
}
@media (min-width:991px){
.manual-groups-grid{grid-template-columns:repeat(6,minmax(0,1fr))}
/* Только для страницы /manual/ (home) */
.manual-home-groups .manual-groups-grid {grid-template-columns: repeat(3, minmax(0, 1fr));}
.manual-groups-grid .card.group{display:flex}
}
@media (max-width:768px){
    .products__list--grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}
    .manual-groups-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:518px){
    .products__list--grid-4{grid-template-columns:repeat(1,minmax(0,1fr))}
    .manual-groups-grid{grid-template-columns:repeat(1,minmax(0,1fr))}
    .manual-groups-grid.inside {grid-template-columns: repeat(2, minmax(0, 1fr));}
}
.card.group{display:flex;flex-direction:column;height:100%;padding:8px;border-radius:5px;background:var(--bg-3);border:1px solid var(--border2);box-shadow:0 4px 10px rgba(0,0,0,.04);text-align:left;text-decoration:none;color:inherit;cursor:pointer;transition:box-shadow .15s ease,transform .15s ease}
.card.group:hover{box-shadow:0 6px 16px rgba(0,0,0,.08);transform:translateY(-2px)}
.card.group .anatomy{width:100%;height:auto;border-radius:5px;object-fit:cover;margin-bottom:10px;outline:0}
.card.group .group-body{flex:1 1 auto}
.card.group h3{margin:4px 0 6px;font-size:15px}
.card.group p{font-size:11px;line-height:1.4;margin:0}
.card.group .btn{width:100%;text-align:center;margin-top:10px}
.card.group .card-link{width:100%;text-align:center;margin-top:10px;display:block;color:var(--text)}
.ff-prod-manual .manual-btn{background-color:var(--ym-bg);color:#fff}
.ff-prod-manual .manual-btn:hover{opacity:.9}
.ff-prod-manual .market-buttons{display:flex}
.ff-prod-manual .manual-btn{display:flex;align-items:center;justify-content:center;min-height:46px}
.ff-prod-manual .manual-btn--catalog{padding-top:0;padding-bottom:0;min-height:46px}
.ff-prod-manual .manual-btn .manual-gift-icon{font-size:20px;line-height:1;color:#fff}
.related-strip{margin-top:24px}
.related-strip{overflow:visible}
.related-strip__head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:5px}
.related-strip__head .panel-heading{margin:0 0 8px;font-size:18px;font-weight:700;color:var(--text)}
.related-strip__arrows{display:flex;gap:8px}
.related-btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;border:1px solid var(--border2);background:var(--bg-3);color:var(--text);cursor:pointer;transition:opacity .2s ease,transform .2s ease,background .2s ease;font-size:22px;line-height:1;padding:0}
.related-btn:hover{box-shadow:0 2px 10px rgba(0,0,0,.12)}
.related-btn:disabled{opacity:.35;cursor:default}
.related-track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 64px)/ 5);gap:16px;overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;padding:4px 14px 12px 1px;scroll-padding-left:1px;scroll-padding-right:14px;box-sizing:border-box}
.related-track::-webkit-scrollbar{height:8px}
.related-track::-webkit-scrollbar-thumb{background:rgba(0,0,0,.15);border-radius:8px}
.related-track:focus{outline:0}
.related-card{display:flex;flex-direction:column;min-width:0;background:var(--bg2);border-radius:14px;box-shadow:0 1px 10px rgba(0,0,0,.06);text-decoration:none;color:inherit;scroll-snap-align:start;overflow:hidden;border:1px solid var(--border2)}
.related-card__img{aspect-ratio:3/4;position:relative;overflow:hidden}
.related-card__img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .35s ease;transform:scale(1.01)}
.related-card:hover .related-card__img img{transform:scale(1.03)}
.related-card__img.related-articles img{transform:scale(1.01)}
.related-card:hover .related-card__img.related-articles img{transform:scale(1.03)}
.related-card__body{padding:12px 14px 14px;display:flex;flex-direction:column;gap:8px}
.related-card__title{font-weight:700;color:var(--yellow-blue-link);font-size:16px;line-height:1.25;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.related-strip .related-card__descr{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;font-size:14px;color:var(--text);line-height:1.35;max-height:calc(1.35em * 3)}
.related-strip .related-card__img.related-articles{aspect-ratio:16/9}
.related-strip .related-card--blog .related-card__img{aspect-ratio:16/9}
@media (max-width:1200px){
.related-track{grid-auto-columns:calc(33.7% - 11px)}
}
@media (max-width:900px){
.related-track{grid-auto-columns:calc(50% - 5px)}
.related-card__descr{font-size:12px}
.related-card__title{font-size:13px}
}
@media (max-width:460px){
.related-track{grid-auto-columns:100%;gap:20px}
.categories-aside__title,.panel-heading{font-size:14px;margin:0;padding:0}
}

/* =========================
   Category mini-carousel (images under title)
========================= */
.category-carousel-wrapper{position:relative;width:100%;overflow:hidden;margin-top:10px}
.category-carousel{display:flex;overflow-x:scroll;scroll-behavior:smooth;-ms-overflow-style:none;scrollbar-width:none}
.category-carousel::-webkit-scrollbar{display:none}
.category-product{flex:0 0 auto;width:80px;margin-right:10px}
.scroll-left,.scroll-right{position:absolute;top:50%;transform:translateY(-50%);z-index:10;width:43px;height:43px;border-radius:50%;background:#fff;border:1px solid #c6c6c6;cursor:pointer;opacity:0;display:flex;align-items:center;justify-content:center;pointer-events:none;transition:opacity .3s ease,transform .3s ease}
.scroll-left{left:5px}.scroll-right{right:5px}
.scroll-left:hover,.scroll-right:hover{opacity:1}
.scroll-left.visible,.scroll-right.visible{opacity:.7;pointer-events:auto}
.scroll-left:hover.visible,.scroll-right:hover.visible{opacity:1}
button.scroll-left svg{margin-top:3px;margin-left:-5px}
button.scroll-right svg{margin-top:3px;margin-left:3px}
.category-product.current-product img{}

/* =========================
   Details / Tabs (clean)
========================= */
.details__accordion,.details__accordion-toggle,.details__accordion-arrow,.details__accordion-collapse,.details__txt-readmore{display:contents!important}
.details__block,.details__tabs-content .details__txt{margin:0}
.details__title{display:block;margin:0 0 12px}
.details__txt,.details__txt .editor{max-height:none!important;overflow:visible!important}
.product-tabs{margin:0 0 12px}





/* =========================
   Rich modal (gallery with video)
========================= */
/* ===== Rich preview ===== */
.rich_start{margin:30px auto;height:490px;overflow:hidden;text-align:center;position:relative;border:1px solid var(--border2);box-shadow:0 0 10px 1px var(--box-shadow);border-radius:10px}
.rich_start img{width:100%;display:block;filter:var(--img-brightness)}
.rich_button_see{position:absolute;bottom:0;left:50%;transform:translate(-50%,-50%);padding:17px 35px;border-radius:30px;font-weight:600;letter-spacing:1px;box-shadow:3px 5px 11px 0 #202020;background:var(--main-yellow);color:#000;transition:all .3s;cursor:pointer;text-transform:uppercase}
.rich_button_see:hover{opacity:.9;background:#fff;color:#000}

/* ===== Rich modal overlay ===== */
.rich_modal{overflow: hidden;position:fixed;inset:0; background: rgba(0,0,0,.35); backdrop-filter: blur(5px) saturate(120%); -webkit-backdrop-filter: blur(5px) saturate(120%);z-index:1100;display:none}
.rich_modal.is-open{display:block}
body.rich_noscroll{overflow:hidden}

/* ===== Rich content wrapper ===== */
.rich_wrapper{  width: 100%;
  max-width: 100%;
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden; /* ключевое */
  -webkit-overflow-scrolling: touch;}

/* ===== Slides / images (fix gaps) ===== */
.rich_wrapper .slick-slide{position:relative;display:block;text-align:center;margin:0!important;padding:0!important;line-height:0!important;font-size:0!important}
.rich_wrapper .rich_img_wrap{position:relative;display:inline-block;vertical-align:top;line-height:0;font-size:0}
.rich_wrapper img.slick-img,.rich_wrapper .rich_img_wrap img{display:block;margin:0 auto;max-width:100%;height:auto;border:0}

/* ===== Hotspots ===== */
.rich_wrapper .img-hotspot{position:absolute;display:block;z-index:10;cursor:pointer;border-radius:4px;background:rgba(0,120,255,.05);box-shadow:0 0 0 1px rgba(0,120,255,.25);transition:box-shadow .2s ease,background-color .2s ease;animation:hotspotFade .25s ease-out both}
.rich_wrapper .img-hotspot:hover{background:rgba(0,120,255,.10);box-shadow:0 0 0 1px rgba(0,120,255,.45),0 4px 12px rgba(0,120,255,.25)}
.rich_wrapper .img-hotspot:active{box-shadow:0 0 0 1px rgba(0,120,255,.60),0 2px 6px rgba(0,120,255,.35)}
@keyframes hotspotFade{from{opacity:0;transform:translateY(2px)}to{opacity:1;transform:translateY(0)}}

/* ===== Video slide ===== */
.rich_video_div{display: none;position:relative;width:1000px;height:625px;margin:0 auto}
.rich_video_div .rich_poster{width:100%;height:100%;display:block;object-fit:cover;filter:var(--img-brightness)}
.rich_video_div .rich_video{position:absolute;inset:0;width:100%;height:100%;border:0;transform:translate(0,0)}

/* ===== Close button ===== */
.rich_close{position:absolute;top:16px;right:24px;z-index:401;width:44px;height:44px;border-radius:50%;border:0;cursor:pointer;background:#fff;box-shadow:3px 5px 11px rgba(0,0,0,.25)}

/* ===== Responsive ===== */
@media (max-width:1000px){.rich_video_div{width:100%;height:56.25vw}}
@media (min-width:651px) and (max-width:1000px){.rich_start{height:360px}}
@media (min-width:330px) and (max-width:650px){.rich_start{height:180px}}
@media (max-width:330px){.rich_start{height:150px}}




/* =========================
   column_left accordeon
========================= */
/* ============ FITFIL: Accordion ============ */

@media (max-width:600px){
.ff-accordion .ff-acc-panel .ff-acc-list{column-count:1}
}
.ff-accordion .ff-acc-title{cursor:pointer;position:relative;display:flex;align-items:center;gap:8px;padding:0 0 10px;font-weight:600;color:var(--text);list-style:none;padding-right:22px}
.ff-accordion .ff-acc-item{padding:0 0 10px}
.ff-accordion .ff-acc-title::-webkit-details-marker{display:none}
.ff-accordion .ff-acc-title::marker{content:""}
.ff-accordion .ff-acc-title::after{content:"";position:absolute;right:20px;top:2px;width:10px;height:10px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(-45deg);opacity:.6;transition:transform .2s ease,opacity .2s ease,top .2s ease}
.ff-accordion .ff-acc-item[open] .ff-acc-title::after{transform:rotate(45deg);top:4px;opacity:.9}
.ff-accordion .ff-acc-panel{height:0;overflow:hidden;transition:height .28s ease}
@media (max-width:992px){
.ff-accordion .ff-acc-panel{height:auto!important;overflow:visible!important;transition:none!important}
}
@media (prefers-reduced-motion:reduce){
.ff-accordion .ff-acc-panel{transition:none}
}

.ff-accordion .ff-body-ico img{display:block;width:16px;height:16px;object-fit:contain;filter:brightness(0) saturate(100%) invert(55%) sepia(94%) saturate(1775%) hue-rotate(175deg) brightness(102%) contrast(101%)}
html.dark_mode .ff-accordion .ff-body-ico img{filter:brightness(0) saturate(100%) invert(82%) sepia(94%) saturate(935%) hue-rotate(359deg) brightness(104%) contrast(105%)}

.ff-accordion .ff-acc-list{list-style:none;margin:0;padding:6px 0 10px}
.ff-accordion .ff-acc-link{display:flex;align-items:center;justify-content:flex-start;gap:8px;padding:8px 20px 8px 0;text-decoration:none}
.ff-accordion .ff-acc-link:hover{opacity:.85}
.ff-accordion .ff-acc-ico{margin-right: 10px; display:inline-flex;align-items:center;justify-content:center;flex:0 0 16px;width:16px;min-width:16px;text-align:center}
.ff-accordion .ff-acc-name{display:inline-flex;align-items:center;flex:1 1 auto;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ff-accordion .ff-acc-name::after{content:"";flex:1 1 auto;border-bottom:1px dotted #757575b3;margin-left:12px;transform:translateY(4px)}
.ff-accordion .ff-acc-count{font-size: 11px;margin-left:auto;flex:0 0 auto;opacity:.7;font-variant-numeric:tabular-nums}
#column-left .ff-accordion{width:100%;max-width:100%}

/* =========================================================
   FITFILIP: быстрый AJAX-поиск на /katalog/
   Результаты выводятся в основной сетке товаров справа.
   ========================================================= */
 .ff-catalog-quick-search{
  position:relative;
  display:block;
  width:100%;
  margin:0 0 18px;
  z-index:35;
  box-sizing:border-box;
}
.ff-catalog-quick-search[hidden]{display:none!important}
.ff-catalog-quick-search__field{
  position:relative;
  width:90%;
}
.ff-catalog-quick-search__icon{
  position:absolute;
  left:0;
  top:0;
  width:40px;
  height:42px;
  z-index:2;
  pointer-events:none;
}
.ff-catalog-quick-search__icon::before{
  content:"";position:absolute;left:14px;top:14px;width:11px;height:11px;
  border:2px solid var(--menu-text);border-radius:50%;opacity:.85
}
.ff-catalog-quick-search__icon::after{
  content:"";position:absolute;left:23px;top:23px;width:7px;height:2px;
  border-radius:2px;background:var(--menu-text);transform:rotate(45deg);transform-origin:left center;opacity:.85
}
#column-left .ff-catalog-quick-search__input.ui-input{
  display:block!important;
  width:90%!important;
  height:42px!important;
  margin:0!important;
  padding:0 38px 0 40px!important;
  box-sizing:border-box!important;
  border:1px solid #d6d9dd!important;
  border-radius:6px!important;
  background:var(--bg-3)!important;
  color:var(--text)!important;
  font:inherit!important;
  font-size:14px!important;
  font-weight:500!important;
  line-height:40px!important;
  outline:none!important;
  box-shadow:none!important;
  -webkit-appearance:none!important;
  appearance:none!important;
  transition:border-color .18s ease,box-shadow .18s ease,background-color .18s ease!important;
}
#column-left .ff-catalog-quick-search__input.ui-input::placeholder{
  color:var(--menu-text)!important;
  opacity:.8!important;
}
#column-left .ff-catalog-quick-search__input.ui-input:focus{
  border-color:#d0b300!important;
  box-shadow:0 0 0 1px rgba(255,214,2,.14)!important;
}
html.dark_mode #column-left .ff-catalog-quick-search__input.ui-input{
  border-color:#4a4f55!important;
}
html.dark_mode #column-left .ff-catalog-quick-search__input.ui-input:focus{
  border-color:#d0b300!important;
  box-shadow:0 0 0 1px rgba(255,214,2,.12)!important;
}
.ff-catalog-quick-search__input::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none}
.ff-catalog-quick-search__clear{
  position:absolute;right: 33px;top: 48%;transform:translateY(-50%);z-index:3;
  display:flex;align-items:center;justify-content:center;
  width:28px;height:28px;padding:0;border:0;border-radius:5px;background:transparent;color:var(--menu-text)!important;
  font-size:21px;line-height:1;cursor:pointer;opacity:.7
}
.ff-catalog-quick-search__clear:hover{background:rgba(127,127,127,.12);opacity:1}
.ff-catalog-quick-search__clear[hidden]{display:none!important}

/* AJAX-выдача использует штатную разметку .ff-prod без специальных размеров карточки. */
.ff-catalog-search-state{
  width:100%!important;max-width:none!important;flex:0 0 100%!important;
  padding:35px 20px!important;text-align:center;color:var(--menu-text);font-size:15px;list-style:none
}
.ff-catalog-search-state.is-error{color:#ff6b6b}
.ff-catalog-search-state.is-loading::after{
  content:"";display:inline-block;width:12px;height:12px;margin-left:8px;border:2px solid currentColor;
  border-right-color:transparent;border-radius:50%;vertical-align:-2px;animation:ffCatalogQuickSearchSpin .65s linear infinite
}
@keyframes ffCatalogQuickSearchSpin{to{transform:rotate(360deg)}}

@media (min-width:992px){
.container-fluid>.row{flex-wrap:nowrap;align-items:flex-start}
#column-left{flex:0 0 300px;max-width:300px;box-sizing:border-box}
.page #column-left{flex:0 0 300px;max-width:300px;box-sizing:border-box;margin-top:90px}
/* На /katalog/ поиск занимает прежний пустой верхний отступ: 25 + 46 + 18 = 89px. */
.page #column-left.ff-has-catalog-quick-search{margin-top:25px}
.container-fluid>.row>.col-xl-9{flex:0 0 calc(100% - 300px);max-width:calc(100% - 300px)}
}
@media (max-width:991.98px){
.container-fluid>.row{flex-wrap:wrap}
#column-left,.container-fluid>.row>.col-xl-9{flex:0 0 100%;max-width:100%}
.page #column-left{display:none}
}

/* =========================
   Universal video overlay (old + new) + our PV overlay + photo lightbox
========================= */
.video-overlay,.desc-video-overlay{    backdrop-filter: blur(5px) saturate(120%);
    background: rgb(0 0 0 / 60%);
  position:fixed;inset:0;display:none;align-items:center;justify-content:center;background:rgba(0,0,0,.82);z-index:11000;overflow:auto;padding:16px
}
.video-overlay.is-open,.desc-video-overlay.is-open{display:flex}
.video-box,.desc-video-box{position:relative;width:min(92vw,1280px);aspect-ratio:16/9;max-height:90vh;background:#000;box-shadow:0 10px 40px rgba(0,0,0,.6);border-radius:8px}
.video-box.portrait,.desc-video-box.portrait{width:min(70vw,380px);aspect-ratio:9/16;max-height:90vh;overflow:hidden}
.video-box iframe,.desc-video-box iframe{width:100%;height:100%;border:0;display:block;border-radius:8px;transform-origin:center}
.video-close,.desc-video-close{position:absolute;top:8px;right:40px;width:36px;height:36px;line-height:32px;text-align:center;border-radius:50%;background:rgba(0,0,0,.35);color:#fff;font-size:22px;cursor:pointer}

/* previews в левой колонке — видео-тайлы без белых полей */
.images-additional .provideo__item{display:block}
.images-additional .provideo__frame{display:block;position:relative;width:100%;height:100%;overflow:hidden;border-radius:10px;background:#000}
.images-additional .provideo__frame--portrait{aspect-ratio:9/16}
.images-additional .provideo__frame--landscape{aspect-ratio:16/9}
.images-additional .provideo__frame img{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:cover;object-position:center}
.images-additional .provideo__frame--portrait img{scale:2.3}
.images-additional .provideo__frame--landscape img{scale:2.3}
.images-additional .provideo__frame .provideo__play{position:absolute; z-index: 2;left:50%;top:50%;transform:translate(-50%,-50%);width:28px;height:28px;border-radius:50%;background:rgba(0,0,0,.35);pointer-events:none}
.images-additional .provideo__play::before{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  transform: translate(-35%, -50%); /* чуть сдвигаем вправо, чтобы выглядел по центру */
  border-style: solid;
  border-width: 6px 0 6px 10px;     /* ^ v  >толщина стрелки */
  border-color: transparent transparent transparent #fff;
}
@media (min-width:992px){.images-additional .provideo__frame{aspect-ratio:auto}}

/* Наш pop-up (#pvOverlay) */
#pvOverlay.pv-overlay{    backdrop-filter: blur(5px) saturate(120%);position:fixed;inset:0;display:none;align-items:center;justify-content:center;background:rgba(0,0,0,.6);z-index:2147483647!important;-webkit-backface-visibility:hidden;backface-visibility:hidden}
#pvOverlay.pv-overlay.is-open{display:flex}
#pvOverlay .pv-box{position:relative;max-width:92vw;max-height:fit-content;width:min(92vw,1280px);background:#000;box-shadow:0 10px 40px rgba(0,0,0,.4);border-radius:8px;overflow:hidden;z-index:2147483647!important}
#pvOverlay .pv-box.pv-portrait{width:min(80vw,380px);aspect-ratio:9/16}
#pvOverlay .pv-box.pv-landscape{width:min(92vw,1280px);aspect-ratio:16/9}
#pvOverlay .pv-box iframe{width:100%;height:100%;border:0;display:block}
#pvOverlay .pv-close{position:absolute;top:10px;right:40px;width:34px;height:34px;border:0;border-radius:50%;background:rgba(0,0,0,.55);color:#fff;font:700 18px/34px system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;cursor:pointer;z-index:2147483647!important}
button.pv-close:before {  content: '×';   font-size: 20px; position: relative; top: -3px;}
#pvOverlay .pv-close:hover{background:rgba(0,0,0,.75)}
html.pv-open,html.pv-open body{overflow:hidden!important}

/* Фото-лайтбокс (#ff-lightbox) */
#ff-lightbox{backdrop-filter: blur(5px) saturate(120%);position:fixed;inset:0;display:none;align-items:center;justify-content:center;background:rgba(0,0,0,.8);z-index:100}
#ff-lightbox.is-open{display:flex}
#ff-lightbox .ff-lb-figure{position:relative;max-width:92vw;max-height:90vh}
#ff-lightbox .ff-lb-img{max-width:92vw;max-height:90vh;display:block}
#ff-lightbox [data-close],#ff-lightbox .ff-lb-prev,#ff-lightbox .ff-lb-next{position:absolute;top:10px;border:0;cursor:pointer;width:36px;height:36px;border-radius:50%;background:rgba(0,0,0,.55);color:#fff}
#ff-lightbox .ff-lb-close{right:10px}
#ff-lightbox .ff-lb-prev{left:-54px;top:50%;transform:translateY(-50%)}
#ff-lightbox .ff-lb-next{right:-54px;top:50%;transform:translateY(-50%)}

@media(max-width:550px){
    #ff-lightbox .ff-lb-prev {left: 10px;}
    #ff-lightbox .ff-lb-next {right: 10px;}
    
}
/* Fallback без aspect-ratio */
@supports not (aspect-ratio:1/1){
  .video-box{height:min(90vh,calc(92vw * 9 / 16));width:min(92vw,calc(90vh * 16 / 9))}
  .video-box.portrait{height:min(90vh,calc(56vw * 16 / 9));width:min(56vw,calc(90vh * 9 / 16))}
}

/* Иконки из набора fff (пример) */
.fff.icon-video:before{content:"\e90f"}
.fff.icon-newspaper:before{content:"\e911"}


/* =========================
   slider filter
========================= */

.irs{position:relative;display:block;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-size:12px;font-family:Arial,sans-serif}
.irs-line{position:relative;display:block;overflow:hidden;outline:0!important}
.irs-bar{position:absolute;display:block;left:0;width:0}
.irs-shadow{position:absolute;display:none;left:0;width:0}
.irs-handle{position:absolute;display:block;box-sizing:border-box;cursor:default;z-index:1}
.irs-handle.type_last{z-index:2}
.irs-max,.irs-min{position:absolute;display:block;cursor:default}
.irs-min{left:0}
.irs-max{right:0}
.irs-from,.irs-single,.irs-to{position:absolute;display:block;top:0;left:0;cursor:default;white-space:nowrap}
.irs-grid{position:absolute;display:none;bottom:0;left:0;width:100%;height:20px}
.irs-with-grid .irs-grid{display:block}
.irs-grid-pol{position:absolute;top:0;left:0;width:1px;height:8px;background:#000}
.irs-grid-pol.small{height:4px}
.irs-grid-text{position:absolute;bottom:0;left:0;white-space:nowrap;text-align:center;font-size:9px;line-height:9px;padding:0 3px;color:#000}
.irs-disable-mask{position:absolute;display:block;top:0;left:-1%;width:102%;height:100%;cursor:default;background:rgba(0,0,0,0);z-index:2}
.lt-ie9 .irs-disable-mask{background:#000;cursor:not-allowed}
.irs-disabled{opacity:.4}
.irs-hidden-input{position:absolute!important;display:block!important;top:0!important;left:0!important;width:0!important;height:0!important;font-size:0!important;line-height:0!important;padding:0!important;margin:0!important;overflow:hidden;outline:0!important;z-index:-9999!important;background:0 0!important;border-style:solid!important;border-color:transparent!important}
.irs--flat{height:40px}
.irs--flat.irs-with-grid{height:60px}
.irs--flat .irs-line{top:25px;height:12px;background-color:#e1e4e9;border-radius:4px}
.irs--flat .irs-bar{top:25px;height:12px;background-color:#ed5565}
.irs--flat .irs-bar--single{border-radius:4px 0 0 4px}
.irs--flat .irs-shadow{height:1px;bottom:16px;background-color:#e1e4e9}
.irs--flat .irs-handle{top:22px;width:16px;height:18px;background-color:transparent}
.irs--flat .irs-handle>i:first-child{position:absolute;display:block;top:0;left:50%;width:2px;height:100%;margin-left:-1px;background-color:#da4453}
.irs--flat .irs-handle.state_hover>i:first-child,.irs--flat .irs-handle:hover>i:first-child{background-color:#a43540}
.irs--flat .irs-max,.irs--flat .irs-min{top:0;padding:1px 3px;color:#999;font-size:10px;line-height:1.333;text-shadow:none;background-color:#e1e4e9;border-radius:4px}
.irs--flat .irs-from,.irs--flat .irs-single,.irs--flat .irs-to{color:#fff;font-size:10px;line-height:1.333;text-shadow:none;padding:1px 5px;background-color:#ed5565;border-radius:4px}
.irs--flat .irs-from:before,.irs--flat .irs-single:before,.irs--flat .irs-to:before{position:absolute;display:block;content:"";bottom:-6px;left:50%;width:0;height:0;margin-left:-3px;overflow:hidden;border:3px solid transparent;border-top-color:#ed5565}
.irs--flat .irs-grid-pol{background-color:#e1e4e9}
.irs--flat .irs-grid-text{color:#999}
.irs--big{height:55px}
.irs--big.irs-with-grid{height:70px}
.irs--big .irs-line{top:33px;height:12px;background-color:#fff;background:linear-gradient(to bottom,#ddd -50%,#fff 150%);border:1px solid #ccc;border-radius:12px}
.irs--big .irs-bar{top:33px;height:12px;background-color:#92bce0;border:1px solid #428bca;background:linear-gradient(to bottom,#fff 0,#428bca 30%,#b9d4ec 100%);box-shadow:inset 0 0 1px 1px rgba(255,255,255,.5)}
.irs--big .irs-bar--single{border-radius:12px 0 0 12px}
.irs--big .irs-shadow{height:1px;bottom:16px;background-color:rgba(66,139,202,.5)}
.irs--big .irs-handle{top:25px;width:30px;height:30px;border:1px solid rgba(0,0,0,.3);background-color:#cbcfd5;background:linear-gradient(to bottom,#fff 0,#b4b9be 30%,#fff 100%);box-shadow:1px 1px 2px rgba(0,0,0,.2),inset 0 0 3px 1px #fff;border-radius:30px}
.irs--big .irs-handle.state_hover,.irs--big .irs-handle:hover{border-color:rgba(0,0,0,.45);background-color:#939ba7;background:linear-gradient(to bottom,#fff 0,#919ba5 30%,#fff 100%)}
.irs--big .irs-max,.irs--big .irs-min{top:0;padding:1px 5px;color:#fff;text-shadow:none;background-color:#9f9f9f;border-radius:3px}
.irs--big .irs-from,.irs--big .irs-single,.irs--big .irs-to{color:#fff;text-shadow:none;padding:1px 5px;background-color:#428bca;background:linear-gradient(to bottom,#428bca 0,#3071a9 100%);border-radius:3px}
.irs--big .irs-grid-pol{background-color:#428bca}
.irs--big .irs-grid-text{color:#428bca}
.irs--modern{height:55px}
.irs--modern.irs-with-grid{height:55px}
.irs--modern .irs-line{top:25px;height:5px;background-color:#d1d6e0;background:linear-gradient(to bottom,#e0e4ea 0,#d1d6e0 100%);border:1px solid #a3adc1;border-bottom-width:0;border-radius:5px}
.irs--modern .irs-bar{top:25px;height:5px;background:#20b426;background:linear-gradient(to bottom,#20b426 0,#18891d 100%)}
.irs--modern .irs-bar--single{border-radius:5px 0 0 5px}
.irs--modern .irs-shadow{height:1px;bottom:21px;background-color:rgba(209,214,224,.5)}
.irs--modern .irs-handle{top:37px;width:12px;height:13px;border:1px solid #a3adc1;border-top-width:0;box-shadow:1px 1px 1px rgba(0,0,0,.1);border-radius:0 0 3px 3px}
.irs--modern .irs-handle>i:first-child{position:absolute;display:block;top:-4px;left:1px;width:6px;height:6px;border:1px solid #a3adc1;background:#fff;transform:rotate(45deg)}
.irs--modern .irs-handle>i:nth-child(2){position:absolute;display:block;box-sizing:border-box;top:0;left:0;width:10px;height:12px;background:#e9e6e6;background:linear-gradient(to bottom,#fff 0,#e9e6e6 100%);border-radius:0 0 3px 3px}
.irs--modern .irs-handle>i:nth-child(3){position:absolute;display:block;box-sizing:border-box;top:3px;left:3px;width:4px;height:5px;border-left:1px solid #a3adc1;border-right:1px solid #a3adc1}
.irs--modern .irs-handle.state_hover,.irs--modern .irs-handle:hover{border-color:#7685a2;background:#c3c7cd;background:linear-gradient(to bottom,#fff 0,#919ba5 30%,#fff 100%)}
.irs--modern .irs-handle.state_hover>i:first-child,.irs--modern .irs-handle:hover>i:first-child{border-color:#7685a2}
.irs--modern .irs-handle.state_hover>i:nth-child(3),.irs--modern .irs-handle:hover>i:nth-child(3){border-color:#48536a}
.irs--modern .irs-max,.irs--modern .irs-min{top:0;font-size:10px;line-height:1.333;text-shadow:none;padding:1px 5px;color:#fff;background-color:#d1d6e0;border-radius:5px}
.irs--modern .irs-from,.irs--modern .irs-single,.irs--modern .irs-to{font-size:10px;line-height:1.333;text-shadow:none;padding:1px 5px;background-color:#20b426;color:#fff;border-radius:5px}
.irs--modern .irs-from:before,.irs--modern .irs-single:before,.irs--modern .irs-to:before{position:absolute;display:block;content:"";bottom:-6px;left:50%;width:0;height:0;margin-left:-3px;overflow:hidden;border:3px solid transparent;border-top-color:#20b426}
.irs--modern .irs-grid{height:25px}
.irs--modern .irs-grid-pol{background-color:#dedede}
.irs--modern .irs-grid-text{color:silver;font-size:13px}
.irs--sharp{height:50px;font-size:12px;line-height:1}
.irs--sharp.irs-with-grid{height:57px}
.irs--sharp .irs-line{top:30px;height:2px;background-color:#000;border-radius:2px}
.irs--sharp .irs-bar{top:30px;height:2px;background-color:#ee22fa}
.irs--sharp .irs-bar--single{border-radius:2px 0 0 2px}
.irs--sharp .irs-shadow{height:1px;bottom:21px;background-color:rgba(0,0,0,.5)}
.irs--sharp .irs-handle{top:25px;width:10px;height:10px;background-color:#a804b2}
.irs--sharp .irs-handle>i:first-child{position:absolute;display:block;top:100%;left:0;width:0;height:0;border:5px solid transparent;border-top-color:#a804b2}
.irs--sharp .irs-handle.state_hover,.irs--sharp .irs-handle:hover{background-color:#000}
.irs--sharp .irs-handle.state_hover>i:first-child,.irs--sharp .irs-handle:hover>i:first-child{border-top-color:#000}
.irs--sharp .irs-max,.irs--sharp .irs-min{color:#fff;font-size:14px;line-height:1;top:0;padding:3px 4px;opacity:.4;background-color:#a804b2;border-radius:2px}
.irs--sharp .irs-from,.irs--sharp .irs-single,.irs--sharp .irs-to{font-size:14px;line-height:1;text-shadow:none;padding:3px 4px;background-color:#a804b2;color:#fff;border-radius:2px}
.irs--sharp .irs-from:before,.irs--sharp .irs-single:before,.irs--sharp .irs-to:before{position:absolute;display:block;content:"";bottom:-6px;left:50%;width:0;height:0;margin-left:-3px;overflow:hidden;border:3px solid transparent;border-top-color:#a804b2}
.irs--sharp .irs-grid{height:25px}
.irs--sharp .irs-grid-pol{background-color:#dedede}
.irs--sharp .irs-grid-text{color:silver;font-size:13px}
.irs--round{height:50px}
.irs--round.irs-with-grid{height:65px}
.irs--round .irs-line{top:36px;height:4px;background-color:#dee4ec;border-radius:4px}
.irs--round .irs-bar{top:36px;height:4px;background-color:#006cfa}
.irs--round .irs-bar--single{border-radius:4px 0 0 4px}
.irs--round .irs-shadow{height:4px;bottom:21px;background-color:rgba(222,228,236,.5)}
.irs--round .irs-handle{top:26px;width:24px;height:24px;border:4px solid #006cfa;background-color:#fff;border-radius:24px;box-shadow:0 1px 3px rgba(0,0,255,.3)}
.irs--round .irs-handle.state_hover,.irs--round .irs-handle:hover{background-color:#f0f6ff}
.irs--round .irs-max,.irs--round .irs-min{color:#333;font-size:14px;line-height:1;top:0;padding:3px 5px;background-color:rgba(0,0,0,.1);border-radius:4px}
.irs--round .irs-from,.irs--round .irs-single,.irs--round .irs-to{font-size:14px;line-height:1;text-shadow:none;padding:3px 5px;background-color:#006cfa;color:#fff;border-radius:4px}
.irs--round .irs-from:before,.irs--round .irs-single:before,.irs--round .irs-to:before{position:absolute;display:block;content:"";bottom:-6px;left:50%;width:0;height:0;margin-left:-3px;overflow:hidden;border:3px solid transparent;border-top-color:#006cfa}
.irs--round .irs-grid{height:25px}
.irs--round .irs-grid-pol{background-color:#dedede}
.irs--round .irs-grid-text{color:silver;font-size:13px}
.irs--square{height:50px}
.irs--square.irs-with-grid{height:60px}
.irs--square .irs-line{top:31px;height:4px;background-color:#dedede}
.irs--square .irs-bar{top:31px;height:4px;background-color:#000}
.irs--square .irs-shadow{height:2px;bottom:21px;background-color:#dedede}
.irs--square .irs-handle{top:25px;width:16px;height:16px;border:3px solid #000;background-color:#fff;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}
.irs--square .irs-handle.state_hover,.irs--square .irs-handle:hover{background-color:#f0f6ff}
.irs--square .irs-max,.irs--square .irs-min{color:#333;font-size:14px;line-height:1;top:0;padding:3px 5px;background-color:rgba(0,0,0,.1)}
.irs--square .irs-from,.irs--square .irs-single,.irs--square .irs-to{font-size:14px;line-height:1;text-shadow:none;padding:3px 5px;background-color:#000;color:#fff}
.irs--square .irs-grid{height:25px}
.irs--square .irs-grid-pol{background-color:#dedede}
.irs--square .irs-grid-text{color:silver;font-size:11px}
@supports (-webkit-touch-callout:none){
.ff-bottom-nav{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;transform:translateZ(0);-webkit-transform:translateZ(0);will-change:transform}
}
@media (max-width:767px){
.ff-bottom-nav{position:fixed;left:0;right:0;bottom:0;z-index:9999;display:flex!important;will-change:transform;transform:translateZ(0);-webkit-transform:translateZ(0)}
}
@supports (-webkit-touch-callout:none){
@media (max-width:767px){
.ff-bottom-nav{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
}
}
@media (max-width:767px){
.ff-bottom-nav{height:calc(56px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom)}
body{padding-bottom:calc(66px + env(safe-area-inset-bottom))}
}
.no-ios-detect{-webkit-touch-callout:none;-webkit-user-select:text}
.manual-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:22px 24px;margin-top:18px;align-items:stretch}
.manual-card{display:flex;height:100%;overflow:hidden;border:1px solid var(--border2);border-radius:16px;box-shadow:0 2px 8px rgba(0,0,0,.03);transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease;background:var(--bg-2);color:var(--text)}
.manual-card:hover{transform:translateY(-4px);box-shadow:0 10px 20px rgba(0,0,0,.08);border-color:#e7ebf0}
.manual-card__link{display:flex;flex-direction:column;height:100%;padding:12px;text-decoration:none;color:inherit}
.manual-card__imgwrap{width:100%;aspect-ratio:5/4;margin-bottom:12px;border-radius:12px;overflow:hidden;background:#f6f7f9}
.manual-card__duo img,.manual-card__imgwrap>img{display:block;width:100%;height:100%;object-fit:cover}
.manual-card__duo{display:grid;grid-template-columns:1fr 1fr;gap:0;width:100%;height:100%}
.manual-card__imgstub{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#9aa3af;font-size:13px;letter-spacing:.02em}
.manual-card__title{margin:0 0 8px;font-size:18px;line-height:1.25;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.manual-card__meta{margin:0 0 6px;color:var(--link-hover);font-size:13px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.manual-card__footer{display:flex;justify-content:flex-end;margin-top:auto}
.manual-card__btn{display:inline-block;padding:6px 10px;font-size:13px;line-height:1;border-radius:999px;border:1px solid var(--border2);background:var(--bg-3);color:var(--text);transition:background .15s ease,border-color .15s ease}
.manual-card:hover{border-color:#dbeafe}
.filter-muscles{margin:8px 0 14px;display:flex;flex-wrap:wrap;gap:8px}
.filter-muscles .chip{font-weight: 300;display:inline-block;padding:6px 10px;font-size:12px;line-height:1;border-radius:999px;border:1px solid var(--border2);background:var(--bg-2);color:var(--text);text-decoration:none}
.filter-muscles .chip:hover{background:var(--bg-3);border-color:#dbeafe;color:var(--bw-invert)}
.filter-muscles .chip.active{background:#1f3a8a;color:#fff;border-color:#1f3a8a}



.manual-card__imgwrap{position:relative}
.manual-card__badge{position:absolute;top:10px;left:10px;z-index:2;width:28px;height:28px;border-radius:999px;background:#fff;color:#111;font-weight:700;font-size:9px;line-height:28px;text-align:center;box-shadow:0 2px 8px rgba(0,0,0,.25)}
@media (max-width:680px){
.manual-card__badge{width:30px;height:30px;line-height:30px}
}
@media (max-width:680px){
.manual-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:18px}
.manual-card__btn{width:100%;text-align:center}
}
.manual-groups-nav{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:10px;align-items:stretch;margin:12px 0 18px}
.manual-groups-nav a{width:100%;min-width:0;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:8px 12px;border-radius:8px;border:1px solid var(--bg-3);background:var(--bg-transparent);color:var(--text);text-decoration:none;line-height:1.1;text-align:center;transition:background-color .2s ease,border-color .2s ease,transform .05s ease}
.manual-groups-nav a:hover{background:var(--border2);border-color:var(--drop-hover)}
.manual-groups-nav a:active{transform:translateY(1px)}
.manual-groups-nav a.is-active{background:var(--bg-3);border-color:var(--border)}
.manual-groups-nav__top{display:inline-flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap}
.manual-groups-nav__icon{width:20px;height:20px;display:block;flex:0 0 20px;filter:var(--invert)}
.manual-groups-nav__text{font-weight:500;white-space:nowrap}
.manual-groups-nav__range{margin-top:5px;font-size:9px;opacity:.4}
.manual-groups-nav a.is-active .manual-groups-nav__range{opacity:.75}
.manual-exercise{padding-bottom:40px}
.manual-exercise .breadcrumb{margin:15px 0 10px}
.manual-exercise .breadcrumb li+li:before{content:" / "}
a.btn-light:first-child{margin-right:50px}
.ex-hero{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:start;margin-bottom:28px}
.ex-photos{display:grid;grid-template-columns:1fr 1fr;gap:0;align-items:stretch;counter-reset:exnum}
.ex-shot{position:relative;display:block;overflow:hidden;border-radius:0;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.ex-shot:hover{transform:scale(1.01);box-shadow:0 12px 30px rgba(0,0,0,.18);z-index:2}
.ex-shot img{display:block;width:100%;height:100%;object-fit:cover}
.ex-shot:first-child{border-right-width:0;border-radius:10px 0 0 10px}
.ex-shot:last-child{border-left-width:0;border-radius:0 10px 10px 0}
.ex-shot::after{content:"";position:absolute;left:12px;bottom:12px;width:28px;height:28px;border-radius:999px;background:#fff;color:#111;font-weight:700;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px rgba(0,0,0,.25)}
.ex-shot:first-child::after{content:"A"}
.ex-shot:nth-child(2)::after{content:"Б"}
.ex-title{margin:4px 0 10px;line-height:1.15}
.ex-chips{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0}
.ex-chips--muted .chip{background:var(--bg-3);color:var(--text);opacity:.7}
.chip{display:inline-block;padding:6px 10px;font-size:13px;line-height:1;border-radius:999px;background:#eef2ff;color:#1f3a8a;border:1px solid rgba(31,58,138,.1)}
.chip--primary{background:var(--bg-3);color:var(--text)}
.ex-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.ex-block{border:1px solid var(--border2);border-radius:16px;padding:18px 18px 16px;box-shadow:0 2px 8px rgba(0,0,0,.03)}
.ex-block h2{margin:0 0 12px;font-size:20px;line-height:1.25}
.ex-block .muted{margin:0}
.ex-wide{grid-column:1/-1}
.ex-steps p{margin:0 0 10px}
.ex-tips{margin:0;padding-left:20px}
.ex-tips li{margin:6px 0}
@media (min-width:766px) and (max-width:1200px){
.ex-hero{grid-template-columns:minmax(30%,1fr) minmax(0,1fr);gap:20px;align-items:start}
.ex-head,.ex-photos{min-width:0}
}
@media (max-width:767px){
.container.manual-exercise.main.in_main{overflow-x:clip}
.ex-head{max-width:100%;min-width:0;overflow-x:hidden}
.ex-head .ex-title{margin:4px 0 10px;overflow-wrap:anywhere;word-break:break-word;max-width:100%;font-size:18px}
.exercise-head-actions{display:flex;flex-wrap:wrap;gap:10px 8px;max-width:100%;min-width:0}
.exercise-head-actions>*{min-width:0;max-width:100%;text-wrap:auto}
.exercise-head-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.ex-chips{display:flex;flex-wrap:wrap;gap:8px;max-width:100%}
.ex-chips .chip{white-space:normal;overflow-wrap:anywhere;max-width:100%}
a.btn-light:first-child {margin-right: 25px;}
}
@media (min-width:700px){
.ex-block.muscules{display:none}
}
@media (max-width:700px){
.ex-grid{grid-template-columns:1fr}
.ex-title{font-size:26px}
.ex-hero{grid-template-columns:1fr}
.ex-photos{grid-template-columns:1fr 1fr;gap:0}
.ex-shot{border-radius:10px;border-left-width:3px;border-right-width:3px}
.ex-chips{display:none}
}
.ex-lb{position:fixed;inset:0;background:rgba(0,0,0,.8);display:none;align-items:center;justify-content:center;z-index:9999}
.ex-lb.is-open{display:flex}
.ex-lb__inner{position:relative;max-width:90vw;max-height:90vh}
.ex-lb__img{display:block;max-width:90vw;max-height:90vh;border-radius:12px;box-shadow:0 10px 40px rgba(0,0,0,.35);user-select:none}
.ex-lb__close,.ex-lb__nav{position:absolute;display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:999px;background:rgba(255,255,255,.9);color:#111;font-weight:500;border:none;cursor:pointer;outline:0;box-shadow:0 4px 18px rgba(0,0,0,.25);transition:transform .12s ease,background .12s ease;font-size:18px}
.ex-lb__close:hover,.ex-lb__nav:hover{background:#fff;filter:brightness(.9)}
.ex-lb__prev{left:-56px;top:50%;transform:translateY(-50%)}
.ex-lb__next{right:-56px;top:50%;transform:translateY(-50%)}
.ex-lb__close{right:-56px;top:0}
.ex-lb__badge{position:absolute;left:18px;bottom:18px;width:40px;height:40px;line-height:40px;border-radius:999px;background:#fff;color:#111;font-weight:700;text-align:center;box-shadow:0 2px 10px rgba(0,0,0,.25);pointer-events:none;user-select:none;font-size:18px}
@media (max-width:700px){
.ex-lb__prev{left:8px;right:auto}
.ex-lb__next{right:8px;left:auto}
.ex-lb__close{right:8px;top:8px}
.ex-lb__badge{left:12px;bottom:12px;width:34px;height:34px;line-height:34px;font-size:16px}
}

/* =========================
   Manual shortbands - shared styles
========================= */
.shortbands-ex-page,.shortbands-group-page,.shortbands-manual-page{--sb-surface:var(--bg-2);--sb-surface-2:var(--bg-3);--sb-line:var(--border2);--sb-line-strong:rgba(127,127,127,.18);--sb-text:var(--text);--sb-muted:var(--link-hover);--sb-chip-bg:var(--bg-3);--sb-chip-text:var(--text);--sb-shadow:0 8px 22px rgba(0,0,0,.08);--sb-shadow-lg:0 14px 32px rgba(0,0,0,.14);--sb-hero-bg:linear-gradient(135deg, rgba(36,162,231,.08), rgba(255,255,255,.02));--sb-hero-fx:radial-gradient(circle at top right, rgba(36,162,231,.14), transparent 36%),radial-gradient(circle at left bottom, rgba(255,214,2,.10), transparent 28%);--sb-btn-bg:var(--bg-3);--sb-btn-color:var(--text);--sb-btn-border:var(--border2);--sb-circle-bg:#fff;--sb-circle-color:#111;--sb-level-active:var(--main-yellow);--sb-level-track:rgba(255,255,255,.55)}
.dark_mode .shortbands-ex-page,.dark_mode .shortbands-group-page,.dark_mode .shortbands-manual-page,body.dark_mode .shortbands-ex-page,body.dark_mode .shortbands-group-page,body.dark_mode .shortbands-manual-page,html.dark_mode .shortbands-ex-page,html.dark_mode .shortbands-group-page,html.dark_mode .shortbands-manual-page{--sb-surface:var(--bg-2);--sb-surface-2:var(--bg-3);--sb-line:var(--border2);--sb-line-strong:rgba(255,255,255,.10);--sb-text:var(--text);--sb-muted:#d0d7de;--sb-chip-bg:var(--bg-3);--sb-chip-text:var(--text);--sb-shadow:0 10px 26px rgba(0,0,0,.18);--sb-shadow-lg:0 18px 40px rgba(0,0,0,.22);--sb-hero-bg:linear-gradient(135deg, rgba(255,255,255,.03), rgba(36,162,231,.10));--sb-hero-fx:radial-gradient(circle at top right, rgba(36,162,231,.14), transparent 36%),radial-gradient(circle at left bottom, rgba(255,214,2,.08), transparent 28%);--sb-btn-bg:var(--bg-3);--sb-btn-color:var(--text);--sb-btn-border:var(--border2);--sb-circle-bg:#fff;--sb-circle-color:#111;--sb-level-active:var(--main-yellow);--sb-level-track:rgba(255,255,255,.25)}
.shortbands-ex-page .breadcrumb,.shortbands-group-page .breadcrumb,.shortbands-manual-page .breadcrumb{margin:15px 0 12px}
.shortbands-ex-page .breadcrumb li+li:before,.shortbands-group-page .breadcrumb li+li:before,.shortbands-manual-page .breadcrumb li+li:before{content:" / "}
.sb-extra__hero,.sb-manual-hero{position:relative;overflow:hidden;border:1px solid var(--sb-line);border-radius:22px;background:var(--sb-hero-bg);box-shadow:var(--sb-shadow)}
.sb-manual-hero{padding:32px 28px;margin:18px 0 24px}
.sb-extra__hero:before,.sb-manual-hero:before{content:"";position:absolute;inset:0;background:var(--sb-hero-fx)}
.sb-extra__hero>*,.sb-manual-hero__inner{position:relative;z-index:1}
.sb-extra__hero-badge,.sb-manual-hero__eyebrow{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border-radius:999px;border:1px solid var(--sb-line-strong);background:rgba(255,255,255,.06);color:var(--sb-muted);font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;margin-bottom:14px}
.sb-extra__hero h2,.sb-manual-hero h1{margin:0 0 12px;color:var(--sb-text);line-height:1.08}
.sb-extra__hero p,.sb-manual-hero p{margin:0;color:var(--sb-muted);line-height:1.6;max-width:820px}
.sb-group-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px;margin:0 0 26px}
.sb-ex-block,.sb-ex-card,.sb-ex-head,.sb-extra-card,.sb-group-card,.sb-group-nav a,.sb-manual-info{background:var(--sb-surface);border:1px solid var(--sb-line);box-shadow:var(--sb-shadow)}
.sb-group-card{display:flex;flex-direction:column;min-height:100%;border-radius:20px;overflow:hidden;text-decoration:none;color:inherit;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}
.sb-ex-card:hover,.sb-group-card:hover,.sb-group-nav a:hover{transform:translateY(-3px);box-shadow:var(--sb-shadow-lg);border-color:var(--sb-line-strong)}
.sb-group-card__image{aspect-ratio:16/10;background:var(--sb-surface-2);overflow:hidden}
.sb-group-card__image img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 75%}
.sb-group-card__image--stub{display:flex;align-items:center;justify-content:center;color:var(--sb-text);font-size:26px;font-weight:700;background:var(--sb-surface-2)}
.sb-group-card__body{display:flex;flex-direction:column;gap:10px;flex:1;padding:18px 18px 20px}
.sb-group-card__topline{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:13px;color:var(--sb-muted)}
.sb-ex-group-chip,.sb-group-card__code{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;background:var(--sb-chip-bg);color:var(--sb-chip-text);display: none;}
.sb-group-card__range{font-weight:700;color:var(--sb-text)}
.sb-ex-block h2,.sb-ex-card__body h3,.sb-ex-head h1,.sb-extra-card h3,.sb-group-card h2,.sb-group-head h1{margin:0;color:var(--sb-text);line-height:1.15}
.sb-group-card h2{font-size:28px}
.sb-ex-card__body ol,.sb-ex-group,.sb-ex-level-text,.sb-ex-order,.sb-ex-video__title,.sb-extra-card p,.sb-group-card p,.sb-group-head p,.sb-manual-info p{color:var(--sb-muted)}
.sb-group-card__count{font-size:14px;color:var(--sb-text)}
.sb-ex-card__btn,.sb-group-card__btn,.sb-group-nav a.is-active,.sb-levels div,.sb-mini-spec__block li,.sb-program{border:1px solid var(--sb-btn-border);background:var(--sb-btn-bg);color:var(--sb-btn-color)}
.sb-ex-card__btn,.sb-group-card__btn{margin-top:auto;display:inline-flex;align-items:center;justify-content:center;padding:10px 14px;border-radius:999px;font-weight:700;width:max-content}
.sb-manual-info{border-radius:18px;padding:20px 22px;margin-bottom:28px}
.sb-extra{display:flex;flex-direction:column;gap:24px;margin:0 0 34px}
.sb-extra__hero{padding:28px 26px}
.sb-extra__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.sb-extra-card{display:flex;flex-direction:column;gap:16px;border-radius:22px;padding:22px 22px 20px;overflow:hidden}
.sb-extra-card--tips{grid-column:1/-1}
.sb-reps-diagram{padding:8px 0 4px}
.sb-program__meta,.sb-reps-diagram__title{font-size:14px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--sb-muted)}
.sb-reps-diagram__track{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.sb-reps-diagram__track span{width:20px;height:20px;border-radius:999px;    background: var(--yellow-blue-link);box-shadow:0 2px 8px rgba(0,0,0,.15)}
.sb-mini-spec{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:stretch}
.sb-mini-spec__block{display:flex;flex-direction:column;height:100%}
.sb-mini-spec__block h4{margin:0 0 10px;font-size:18px;color:var(--sb-text);line-height:1.3;min-height:46px;display:flex;align-items:flex-end}
.sb-mini-spec__block ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px;flex:1}
.sb-mini-spec__block li{display:flex;justify-content:space-between;gap:16px;padding:10px 12px;border-radius:14px;background:var(--sb-level-bg);border:1px solid var(--sb-btn-border); color:var(--sb-text);flex:1;align-items:center}
.sb-mini-spec__block strong{color:var(--sb-text)}
.sb-program{display:flex;flex-direction:column;gap:12px;padding:16px 16px 18px;border-radius:18px}
.sb-program__chips{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;justify-items:center}
.sb-program__chips--2rows{grid-template-columns:repeat(4,minmax(0,1fr))}
.sb-program__chips span{display:flex;align-items:center;justify-content:center;min-width:54px;min-height:54px;padding:0 10px;border-radius:999px;background:var(--sb-circle-bg);color:var(--sb-circle-color);font-size:22px;font-weight:700;box-shadow:0 3px 10px rgba(0,0,0,.16)}
.sb-levels{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:4px}
.sb-levels div{padding:14px 12px;border-radius:16px;text-align:center}
.sb-levels span{display:block;color:var(--sb-muted);font-size:13px;text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px}
.sb-levels strong{color:var(--sb-text);}
.sb-list{margin:0;padding-left:22px;display:flex;flex-direction:column;gap:8px;color:var(--sb-muted)}
.sb-list li{line-height:1.6}
.sb-tips{display:flex;flex-direction:column;gap:16px}
.sb-group-nav{display:flex;flex-wrap:wrap;gap:12px;margin:10px 0 18px}
.sb-group-nav a{display:flex;flex-direction:column;gap:4px;padding:14px 16px;border-radius:16px;text-decoration:none;color:inherit;min-width:220px;transition:.16s ease}
.sb-group-nav a.is-active{box-shadow:var(--sb-shadow-lg)}
.sb-group-nav__title{font-weight:700;font-size:18px;color:var(--sb-text)}
.sb-group-nav__meta{font-size:13px;color:var(--sb-muted)}
.sb-group-head{margin:0 0 16px}
.sb-ex-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px}
.sb-ex-card{display:flex;height:100%;border-radius:20px;overflow:hidden;transition:.16s ease}
.sb-ex-card__link{display:flex;flex-direction:column;width:100%;color:inherit;text-decoration:none}
.sb-ex-card__media{position:relative;background:var(--sb-surface-2)}
.sb-ex-card__duo{display:grid;grid-template-columns:1fr 1fr;gap:0;aspect-ratio:16/11}
.sb-ex-card__duo img{display:block;width:100%;height:100%;object-fit:cover}
.sb-ex-card__number,.sb-ex-number,.sb-ex-shot:first-child:after,.sb-ex-shot:last-child:after{display:flex;align-items:center;justify-content:center;border-radius:999px;background:var(--sb-circle-bg);color:var(--sb-circle-color);font-weight:700;box-shadow:0 3px 10px rgba(0,0,0,.2)}
.sb-ex-card__number{position:absolute;top:12px;left:12px;z-index:2;width:34px;height:34px}
.sb-ex-card__level,.sb-ex-level{display:flex;align-items:center;gap:6px}
.sb-ex-card__level{position:absolute;top:14px;right:12px;z-index:2}
.sb-ex-card__level .dot,.sb-ex-level .dot{width:10px;height:10px;border-radius:999px;background:var(--sb-level-track);border:1px solid var(--sb-line-strong)}
.sb-ex-card__level .dot.is-active,.sb-ex-level .dot.is-active{background:#24a2e7;}
.sb-ex-card__body{display:flex;flex-direction:column;justify-content: space-between;gap:3px;flex:1;padding:16px 16px 18px}
.sb-ex-card__body h3{font-size:22px}
.sb-ex-card__body ol{margin:0;padding-left:18px}
.sb-ex-card__body li{margin:0 0 6px;line-height:1.45}
.sb-ex-hero{display:grid;grid-template-columns:minmax(320px,1fr) minmax(320px,1fr);gap:28px;align-items:stretch;margin-bottom:28px}
.sb-ex-photos{display:grid;grid-template-columns:1fr 1fr;gap:0;border-radius:18px;overflow:hidden;border:1px solid var(--sb-line);background:var(--sb-surface-2);box-shadow:var(--sb-shadow)}
.sb-ex-shot{display:block;position:relative}
.sb-ex-shot img{display:block;width:100%;height:100%;aspect-ratio:1/1.5;object-fit:cover;transition:transform .18s ease}
.sb-ex-shot:hover img{transform:scale(1.02)}
.sb-ex-shot:first-child:after,.sb-ex-shot:last-child:after{position:absolute;left:12px;bottom:12px;width:32px;height:32px}
.sb-ex-shot:first-child:after{content:"A"}
.sb-ex-shot:last-child:after{content:"Б"}
.sb-ex-head{border-radius:20px;padding:22px}
.sb-ex-topline{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:12px}
.sb-ex-number{min-width:54px;height:54px;padding:0 12px;font-size:22px}
.sb-ex-head h1{margin:0 0 10px}
.sb-ex-group{margin:0 0 16px;font-size:18px}
.sb-ex-actions{display:flex;flex-wrap:wrap;gap:12px;margin:0 0 18px}
.sb-ex-head .btn-light{/*padding:10px 14px;border-radius:999px;text-decoration:none;display:inline-flex;align-items:center;gap:8px*/}
.sb-ex-video{}
.sb-ex-video__title{font-weight:700;margin-bottom:10px}
.sb-ex-video__body{}
.shortbands-ex-page .sb-ex-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.sb-ex-block{border-radius:20px;padding:20px}
.sb-ex-block--wide{grid-column:1/-1}
.sb-ex-block h2{font-size:24px;margin:0 0 14px}
.sb-ex-steps{margin:0;padding:0;list-style:none;counter-reset:step}
.sb-ex-steps li{position:relative;padding-left:58px;min-height:40px;margin:0 0 18px;line-height:1.55;display: flex; align-items: center;color:var(--sb-text)}
.sb-ex-steps li:last-child{margin-bottom:0}
.sb-ex-steps li:before{counter-increment:step;content:counter(step);position:absolute;left:0;top:0;width:38px;height:38px;border-radius:999px;background:var(--sb-circle-bg);color:var(--sb-circle-color);font-weight:700;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px rgba(0,0,0,.18)}
.sb-ex-level-text,.sb-ex-order{margin:0 0 10px}
.sb-ex-level--big .dot{width:14px;height:14px}
.sb-lb{position:fixed;inset:0;background:rgba(0,0,0,.8);display:none;align-items:center;justify-content:center;z-index:9999;opacity:0;transition:opacity .2s ease}
.sb-lb.is-open{display:flex;opacity:1}
.sb-lb__inner{position:relative;display:flex;align-items:center;justify-content:center;max-width:90vw;max-height:90vh}
.sb-lb__img{display:block;max-width:min(900px,90vw);max-height:90vh;border-radius:12px;box-shadow:0 10px 40px rgba(0,0,0,.35);user-select:none}
.sb-lb__close,.sb-lb__nav{position:absolute;display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:999px;background:rgba(255,255,255,.92);color:#111;font-weight:500;border:none;cursor:pointer;outline:0;box-shadow:0 4px 18px rgba(0,0,0,.25);transition:transform .12s ease,background .12s ease;font-size:18px}
.sb-lb__close:hover,.sb-lb__nav:hover{background:#fff;filter:brightness(.96)}
.sb-lb__prev{left:-56px;top:50%;transform:translateY(-50%)}
.sb-lb__next{right:-56px;top:50%;transform:translateY(-50%)}
.sb-lb__close{right:-56px;top:0}
.sb-lb__badge{position:absolute;left:18px;bottom:18px;width:40px;height:40px;line-height:40px;border-radius:999px;background:#fff;color:#111;font-weight:700;text-align:center;box-shadow:0 2px 10px rgba(0,0,0,.25);pointer-events:none;user-select:none;font-size:18px}
@media (max-width:1100px){
.sb-extra__grid{grid-template-columns:1fr}
}
@media (max-width:991px){
.sb-mini-spec{grid-template-columns:1fr}
.sb-levels{grid-template-columns:1fr}
}
@media (max-width:900px){
.sb-ex-hero{grid-template-columns:1fr}
.shortbands-ex-page .sb-ex-grid{grid-template-columns:1fr}
}
@media (max-width:767px){
.sb-manual-hero{padding:24px 18px}
.sb-extra__hero h2,.sb-manual-hero h1{font-size:30px}
.sb-extra__hero p,.sb-manual-hero p{font-size:16px}
.sb-ex-grid,.sb-group-grid{grid-template-columns:1fr}
.sb-group-card h2{font-size:24px}
.sb-extra__hero{padding:24px 18px}
.sb-extra-card{padding:18px}
.sb-extra-card h3{font-size:24px}
.sb-program__chips{grid-template-columns:repeat(3,minmax(0,1fr))}
.sb-program__chips--2rows{grid-template-columns:repeat(3,minmax(0,1fr))}
.sb-program__chips span{min-height:52px;font-size:24px}
.sb-group-nav a{min-width:unset;width:100%}
.sb-ex-card__body h3{font-size:20px}
}
@media (max-width:700px){
.sb-lb__prev{left:8px;right:auto}
.sb-lb__next{right:8px;left:auto}
.sb-lb__close{right:8px;top:8px}
.sb-lb__badge{left:12px;bottom:12px;width:34px;height:34px;line-height:34px;font-size:16px}
}
@media (max-width:600px){
.sb-ex-head{padding:18px}
.sb-ex-head h1{font-size:24px}
.sb-ex-steps li{padding-left:50px}
}

.sb-extra-card{display:flex;flex-direction:column;gap:16px;border-radius:22px;padding:22px 22px 20px;overflow:hidden}
.sb-extra__grid .sb-extra-card h3{margin:0;color:var(--sb-text);line-height:1.15;min-height:2.3em;display:flex;align-items:flex-start}
@media (max-width:767px){
.sb-extra__grid .sb-extra-card h3{min-height:0}
}

.manual-hero--shortbands{margin:0 0 24px}
.manual-hero--shortbands .manual-hero-banner{display:block;margin:0}
.manual-hero--shortbands .manual-hero-banner img{display:block;width:100%;height:auto;border-radius:24px}
@media (max-width:991px){
.manual-hero--shortbands{margin-bottom:20px}
.manual-hero--shortbands .manual-hero-banner img{border-radius:20px}
}
@media (max-width:575px){
.manual-hero--shortbands{margin-bottom:18px}
.manual-hero--shortbands .manual-hero-banner img{border-radius:16px}
}

.sb-manual-trailer{margin:0 0 32px}
.sb-manual-trailer h2{margin-bottom:14px}
.sb-manual-trailer__wrap{}
.sb-program__chips a{display:flex;align-items:center;justify-content:center;min-width:54px;min-height:54px;padding:0 10px;border-radius:999px;background:var(--sb-circle-bg);color:var(--sb-circle-color);font-size:22px;font-weight:700;box-shadow:0 3px 10px rgba(0,0,0,.16);text-decoration:none;transition:transform .15s ease,box-shadow .15s ease}
.sb-program__chips a:hover{transform:translateY(-2px);box-shadow:0 8px 18px rgba(0,0,0,.18)}
.sb-all-exercises{margin-top:40px;scroll-margin-top:100px}
.sb-exercise-card{scroll-margin-top:100px}


.sb-all-exercises{margin-top:40px;scroll-margin-top:100px}
.sb-all-exercises__head{margin:0 0 18px;padding:20px 22px;border-radius:20px;background:var(--sb-surface-2);box-shadow:var(--sb-shadow)}
.sb-all-exercises__head h2{margin:0 0 8px;color:var(--sb-text);font-size:30px;line-height:1.15}
.sb-all-exercises__head p{margin:0;color:var(--sb-muted);font-size:16px;line-height:1.55}
.sb-ex-card{scroll-margin-top:100px;background:var(--sb-surface);box-shadow:var(--sb-shadow);border:1px solid var(--sb-line)}
.sb-ex-card:hover{transform:translateY(-2px);box-shadow:var(--sb-shadow-lg)}
.sb-ex-card__body{padding:16px 16px 18px}
.sb-ex-card__body h3{    margin: 0 0 8px;
    font-size: 18px;
    line-height: 1.25;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;}
.sb-ex-card__body p{margin:0;color:var(--sb-muted);line-height:1.55}
.sb-ex-card__meta{/*display:flex;flex-wrap:wrap;gap:8px;margin:0 0 10px*/}
.sb-ex-card__meta span{display:inline-flex;align-items:center;min-height:28px;padding:0 10px;border-radius:999px;background:var(--sb-surface-2);color:var(--sb-text);font-size:12px;line-height:1}
.sb-ex-card__slug{opacity:.7}
.sb-program__chips a{display:flex;align-items:center;justify-content:center;min-width:54px;min-height:54px;padding:0 10px;border-radius:999px;background:var(--sb-circle-bg);color:var(--sb-circle-color);font-size:22px;font-weight:700;box-shadow:0 3px 10px rgba(0,0,0,.16);text-decoration:none;transition:transform .15s ease,box-shadow .15s ease}
.sb-program__chips a:hover{transform:translateY(-2px);box-shadow:0 8px 18px rgba(0,0,0,.18)}
.sb-program__chips a:focus{outline:0;box-shadow:0 0 0 3px rgba(36,162,231,.25),0 8px 18px rgba(0,0,0,.18)}
@media (max-width:991px){
.sb-all-exercises__head h2{font-size:26px}
}
@media (max-width:767px){
.sb-all-exercises__head{padding:18px}
.sb-all-exercises__head h2{font-size:24px}
.sb-ex-card__body h3{font-size:20px}
}



.sb-ex-card__level{position:absolute;top:14px;right:12px;z-index:2;display:flex;align-items:center;gap:6px}
.sb-ex-card__level .dot{width:12px;height:12px;border-radius:50%;background:rgba(255,255,255,.28);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
.sb-ex-card__level .dot.is-active{background:#2ea7ff}
.sb-manual-info__actions{margin-top:18px}
.sb-manual-info__btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 22px;border-radius:999px;background:#2ea7ff;color:#fff;text-decoration:none;font-weight:700;transition:transform .15s ease,box-shadow .15s ease,background .15s ease;box-shadow:0 10px 24px rgba(46,167,255,.22)}
.sb-manual-info__btn:hover{color:#fff;text-decoration:none;transform:translateY(-1px);box-shadow:0 14px 28px rgba(46,167,255,.28)}
.sb-manual-info__btn:focus{color:#fff;text-decoration:none;outline:0}
.sb-all-exercises{scroll-margin-top:100px}


.sb-ex-card__level-text{opacity:.8;margin-top: 10px;}
.sb-ex-card__level-text.level-1{color:#6ecbff}
.sb-ex-card__level-text.level-2{color:#ffd166}
.sb-ex-card__level-text.level-3{color:#ff6b6b}

.sb-ex-level-wrap{margin-bottom: 20px;display:flex;justify-content:space-between;align-items:flex-start}
.sb-ex-level-box{display:flex;flex-direction:column;align-items:flex-end;gap:4px}
.sb-ex-level-title{color:var(--text);font-size:12px;opacity:.6;letter-spacing:.04em}

.sb-ex-card__preview-step{margin:8px 0 10px;color:var(--sb-muted);line-height:1.45;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.sb-ex-card__preview-num{font-weight:700;color:var(--sb-text);margin-right:4px}
.sb-ex-card__preview-text{color:var(--sb-muted)}
.sb-ex-card__preview-more{margin-left:1px}


.iosif-external-link-box{margin:15px 0 20px;text-align:left}
.iosif-external-link{display:inline-block;padding:10px 16px;border:1px solid #2d89ef;border-radius:6px;background:#2d89ef;color:#fff;font-size:14px;font-weight:600;text-decoration:none;transition:all .2s ease}
.iosif-external-link:hover{background:#1f6fc5;border-color:#1f6fc5;color:#fff;text-decoration:none}




/* ========================= PRODUCT VIDEO SWIPER FINAL ========================= */
#tab-video{margin-top:24px;overflow:hidden}
#tab-video.video-after-content{overflow:hidden}
#tab-video .related-strip__head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:5px 5px 0 0;margin-bottom:14px}
#tab-video .panel-heading{display:inline-flex;align-items:center;margin:0;font-size:18px;font-weight:700;color:var(--text)}
#tab-video .related-strip__arrows{display:flex;align-items:center;gap:8px;flex:0 0 auto}
#tab-video .related-btn:hover:not([disabled]){opacity:.9;transform:translateY(-1px)}
#tab-video .related-btn.swiper-button-disabled,#tab-video .related-btn[disabled]{opacity:.35;cursor:default;pointer-events:none}
#tab-video .video-thumbnails,#tab-video .video-thumbnails--swiper,#tab-video .video-thumbnails--swiper .video-thumbnails-swiper{display:block;width:100%;max-width:100%;min-width:0;box-sizing:border-box;overflow:hidden!important}
#tab-video .video-thumbnails--swiper .video-thumbnails-swiper{padding:0 0 14px;touch-action:pan-y}
#tab-video .video-thumbnails--swiper .swiper-wrapper{display:flex!important;flex-wrap:nowrap!important;align-items:stretch;gap:13px;box-sizing:border-box;align-items:flex-start}
#tab-video .video-thumbnails--swiper .swiper-slide{position:relative!important;display:block!important;box-sizing:border-box!important;min-width:0!important;padding:0!important;margin:0!important;background:0 0!important;border:0!important;box-shadow:none!important;border-radius:0!important;text-align:left!important;overflow:hidden!important}
#tab-video .video-item{position:relative;width:100%;height:100%;min-width:0;margin:0;border-radius:20px;overflow:visible}
#tab-video .v_link,#tab-video .video-card,#tab-video .video-thumbnail{display:flex;flex-direction:column;position:relative;width:100%;max-width:100%;height:100%;margin:0;color:inherit;text-decoration:none;border-radius:20px;overflow:hidden}
#tab-video .v_thumb_block,#tab-video .video-card__img,#tab-video .video-thumbnail{position:relative;display:block;width:100%;aspect-ratio:16/9;background:#000;border-radius:20px;overflow:hidden!important;isolation:isolate}
#tab-video .v_link::after,#tab-video .v_link::before,#tab-video .v_thumb_block::after,#tab-video .v_thumb_block::before{border-radius:inherit}
#tab-video .video-card .v_thumb_block{margin-bottom:0}
#tab-video .v_thumb_block img,#tab-video .video-item img.video-thumb-fg,#tab-video .video-thumbnail img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover}
#tab-video .video-card__body{display:block;padding:12px 6px 0;min-height:52px}
#tab-video .video-card__title{display:-webkit-box;overflow:hidden;word-break:break-word;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-size:14px;line-height:1.2;font-weight:700;color:var(--yellow-blue-link);text-decoration:none}
#tab-video .video-title{display:none}
#tab-video .v_thumb_block .play,#tab-video .video-card .play{position:absolute;left:50%;top:50%;z-index:3;width:64px;height:64px;margin:-32px 0 0 -32px;border-radius:50%;background:rgba(0,0,0,.42);box-shadow:0 8px 24px rgba(0,0,0,.28);pointer-events:none;transition:transform .18s ease,background .18s ease,box-shadow .18s ease}
#tab-video .v_thumb_block .play:before{content:"";position:absolute;left:50%;top:50%;width:0;height:0;transform:translate(-38%,-50%);border-top:14px solid transparent;border-bottom:14px solid transparent;border-left:22px solid #fff}
#tab-video .v_link:focus .play,#tab-video .v_link:hover .play{transform:scale(1.06);background:rgba(0,0,0,.56);box-shadow:0 10px 28px rgba(0,0,0,.34)}
#tab-video .video-thumbnails-swiper__pagination{display:none}
#tab-video .swiper,#tab-video .swiper-slide,#tab-video .swiper-wrapper{box-sizing:border-box}
#tab-video .swiper-slide{height:auto}
@media (max-width:768px){
#tab-video .panel-heading{font-size:18px}
#tab-video .related-btn{width:34px;height:34px;font-size:20px}
#tab-video .video-thumbnails--swiper .video-thumbnails-swiper{padding:0 0 14px}
#tab-video .video-thumbnails-swiper__pagination{position:relative;display:block!important;width:100%;height:4px;margin-top:10px;border-radius:999px;overflow:hidden;background:rgba(120,120,120,.18)}
#tab-video .video-thumbnails-swiper__pagination .swiper-pagination-progressbar-fill{background:var(--main-yellow);border-radius:999px;transform-origin:left center!important}
#tab-video .v_thumb_block .play{width:56px;height:56px;margin:-28px 0 0 -28px}
#tab-video .v_thumb_block .play:before{border-top:12px solid transparent;border-bottom:12px solid transparent;border-left:19px solid #fff}
#tab-video .swiper-notification{display:none!important}
}
@media (min-width:768px){
#tab-video .video-thumbnails--swiper .swiper-wrapper{display:flex!important;grid-template-columns:none!important;text-align:left!important;justify-content:flex-start!important}
#tab-video .video-thumbnails--swiper .swiper-slide{flex:0 0 auto!important}
}

/* =========================
   Manual home: counts + AJAX search
========================= */
.manual-home-page .manual-search{margin:0 0 26px;padding:22px;border:1px solid var(--border2);border-radius:18px;background:var(--bg-2);box-shadow:0 8px 22px rgba(0,0,0,.08)}
.manual-home-page .manual-search__head{margin-bottom:16px}
.manual-home-page .manual-search__head h2{margin:0 0 6px;color:var(--text);font-size:26px;line-height:1.15}
.manual-home-page .manual-search__head p{margin:0;color:var(--link-hover);line-height:1.5}
.manual-home-page .manual-search__controls{display:grid;grid-template-columns:minmax(250px,1fr) 210px 210px;gap:12px;align-items:center;font-size:13px}
.manual-home-page .manual-search__input,.manual-home-page .manual-search__manual,.manual-home-page .manual-search__scope{width:100%;height:46px;border:1px solid var(--border2);border-radius:12px;background:var(--bg-3);color:var(--text);padding:0 14px;outline:0}
.manual-home-page .manual-search__input:focus,.manual-home-page .manual-search__manual:focus,.manual-home-page .manual-search__scope:focus{border-color:#24a2e7;box-shadow:0 0 0 3px rgba(36,162,231,.18)}
.manual-home-page .manual-search__status{min-height:22px;margin-top:10px;color:var(--link-hover);font-size:13px}
.manual-home-page .manual-search__results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:6px}
.manual-home-page .manual-search__item{display:flex;gap:12px;align-items:flex-start;padding:12px;border:1px solid var(--border2);border-radius:14px;background:var(--bg-3);text-decoration:none;color:var(--text);transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}
.manual-home-page .manual-search__item:hover{transform:translateY(-2px);border-color:rgba(36,162,231,.45);box-shadow:0 8px 20px rgba(0,0,0,.12);text-decoration:none;color:var(--text)}
.manual-home-page .manual-search__number{font-size: 11px;display:flex;align-items:center;justify-content:center;flex:0 0 34px;width:34px;height:34px;border-radius:999px;background:#fff;color:#111;font-weight:700;box-shadow:0 2px 8px rgba(0,0,0,.16)}
.manual-home-page .manual-search__body{display:flex;flex-direction:column;gap:4px;min-width:0}
.manual-home-page .manual-search__body strong{font-size:15px;line-height:1.25;color:var(--text)}
.manual-home-page .manual-search__body em{font-style:normal;font-size:10px;color:var(--link-hover);line-height:1.35}
.manual-home-page .manual-search__empty{grid-column:1/-1;padding:14px;border:1px dashed var(--border2);border-radius:14px;color:var(--link-hover);background:var(--bg-3)}
.manual-home-card__count{display:inline-flex;align-items:center;width:max-content;margin-top:10px;padding:6px 10px;border-radius:999px;background:var(--bg-3);border:1px solid var(--border2);color:var(--text);font-size:13px;font-weight:700}
@media (max-width:767px){
.manual-home-page .manual-search{padding:18px}
.manual-home-page .manual-search__controls{grid-template-columns:1fr}
.manual-home-page .manual-search__results{grid-template-columns:1fr}
.manual-home-page .manual-search__head h2{font-size:22px}
}

/* =========================
   Manual home AJAX search: no limit, thumbnails, manual colors
========================= */
.manual-home-page .manual-search__item{align-items:center;gap:12px;position:relative;overflow:hidden}
.manual-home-page .manual-search__item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;opacity:.85}
.manual-home-page .manual-search__item--tubes:before{background:rgba(46,167,255,.55)}
.manual-home-page .manual-search__item--shortbands:before{background:rgba(255,214,2,.55)}
.manual-home-page .manual-search__item--bands:before{background:rgba(154,96,255,.58)}
.manual-home-page .manual-search__thumb{flex:0 0 50px;width:50px;border-radius:12px;overflow:hidden;background:var(--bg-2);border:1px solid var(--border2);box-shadow:0 2px 8px rgba(0,0,0,.14)}
.manual-home-page .manual-search__thumb img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.manual-home-page .manual-search__manual-label{display:inline-flex;align-items:center;width:max-content;max-width:100%;padding:2px 7px;border-radius:999px;line-height:1.2;color:var(--text);border:1px solid var(--border2);background:rgba(127,127,127,.1)}
.manual-home-page .manual-search__manual-label--tubes{background:rgba(46,167,255,.14);border-color:rgba(46,167,255,.28)}
.manual-home-page .manual-search__manual-label--shortbands{background:rgba(255,214,2,.14);border-color:rgba(255,214,2,.28)}
.manual-home-page .manual-search__manual-label--bands{background:rgba(154,96,255,.14);border-color:rgba(154,96,255,.3)}
.manual-home-page .manual-search__body strong{display:block}
@media (max-width:600px){
.manual-home-page .manual-search__item{gap:10px;padding:10px}
.manual-home-page .manual-search__thumb{flex-basis:48px;width:48px;border-radius:10px}
.manual-home-page .manual-search__number{flex:0 0 30px;width:30px;height:30px;font-size:10px}
}
.product-lineup{margin-top:20px}
.product-lineup__head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}
.product-lineup__title{display:flex;align-items:center;gap:9px;color:var(--text);font-size:17px;line-height:1.15;font-weight:600}
.product-lineup__icon{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:9px; color: var(--bw); background: var(--yellow-blue-link);box-shadow:0 6px 16px rgba(255,214,2,.18);flex:0 0 30px}
.product-lineup__hint{max-width:260px;color:var(--menu-text);font-size:12px;line-height:1.2;text-align:right;font-weight:600;display:none}
.product-lineup__body{display:flex;flex-wrap:nowrap;gap:12px;align-items:stretch;overflow-x:auto;overflow-y:hidden;padding:2px 2px 8px;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}
.product-lineup__body>*{min-width:0}
.product-lineup__body a,.product-lineup__item{position:relative;display:flex!important;flex-direction:column;align-items:center;justify-content:flex-start;padding:5px 5px 7px;border:1px solid transparent;border-radius:10px;background:var(--bg-3);color:var(--text);text-decoration:none!important;overflow:hidden;box-sizing:border-box;outline:0!important;transition:box-shadow .18s ease,border-color .18s ease,background .18s ease;scroll-snap-align:start}
.product-lineup__body a:hover,.product-lineup__item:hover{opacity:1;border-color:var(--border2)}
.product-lineup__body a.is-current,.product-lineup__body a.is-current:hover,.product-lineup__item.is-current,.product-lineup__item.is-current:hover{border-color:var(--yellow-blue-link)}
.product-lineup__body a img,.product-lineup__item img{display:block;width:65px;object-fit:contain;border-radius:7px;border:0!important;outline:0!important;box-shadow:none!important;transform:none!important;flex:0 0 86px}
.product-lineup__badge{display:none;position:absolute;left:5px;right:5px;top:5px;z-index:2;padding:3px 4px;border-radius:7px;background:var(--yellow-blue-link);color:var(--bw);font-size:8.5px;line-height:1.05;text-align:center;pointer-events:none}
.product-lineup__name{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;width:100%;margin-top:5px;color:var(--text);font-size:9px;line-height:1.2;text-align:center}
.product-lineup__body a.is-current .product-lineup__badge,.product-lineup__item.is-current .product-lineup__badge{display:block}
.product-lineup__body a.is-current img,.product-lineup__item.is-current img{opacity:.88}
@media (max-width:767px){
.product-lineup{padding:0;margin:16px 0 0}
.product-lineup__head{display:block}
.product-lineup__title{font-size:16px}
.product-lineup__hint{text-align:left;max-width:none;margin:6px 0 0;font-size:12px}
.product-lineup__body{gap:10px}
.product-lineup__body a,.product-lineup__item{flex-basis:76px;width:76px;min-height:130px}
.product-lineup__body a img,.product-lineup__item img{width:64px;height:88px;flex-basis:88px}
}


.products__item:has([data-product-id="352"]){display:none!important}
.ff-prod:has([data-product-id="352"]){display:none!important}
/* FITFILIP: theme-aware add-to-cart toast */
.ff-site-cart-toast__panel{--ff-card:#ffffff;--ff-soft:#f2f3f5;--ff-border:#e5e7eb;--ff-text:#111827}
.ff-site-cart-toast__close{background:#f2f3f5!important;color:#111827!important}
.ff-site-cart-toast__btn--primary{background:#111!important;color:#fff!important;border-color:#111!important}
html.dark_mode .ff-site-cart-toast__panel{--ff-card:#17181b;--ff-soft:#232428;--ff-border:#303238;--ff-text:#f6f6f6}
html.dark_mode .ff-site-cart-toast__close{background:#f2f3f5!important;color:#111827!important}
html.dark_mode .ff-site-cart-toast__btn--primary{background:#090909!important;color:#fff!important;border-color:#090909!important}

/* ===== FITFILIP prostore blog popular button ===== */
.ff-blog-head{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin: 15px 0;}
.ff-blog-head h1{margin:0}
.ff-blog-sort{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-left:auto}
.ff-blog-sort__label{font-size:12px;opacity:.7;margin-right:2px}
.ff-blog-sort__btn{display: inline-flex;     align-items: center;    justify-content: center;    padding: 8px 12px;    border: 1px solid var(--border2);    border-radius: 10px;    text-decoration: none;    font-size: 12px;    line-height: 1;    color: inherit;    background: var(--bg-2);    transition: .18s ease;    color: var(--text);}
.ff-blog-sort__btn:hover{transform:translateY(-1px);border-color:rgba(123,83,255,.55);text-decoration:none}
.ff-blog-sort__btn.is-active{color:#fff;background:linear-gradient(135deg,#745cff,#994cff);border-color:transparent;box-shadow:0 7px 18px rgba(116,92,255,.25)}
@media(max-width:640px){.ff-blog-head{align-items:flex-start}.ff-blog-sort{width:100%;margin-left:0}.ff-blog-sort__label{width:100%}}

.ff-sort-switch{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 16px;}
.ff-sort-switch__pagination{display:flex;align-items:center;justify-content:flex-start;min-width:0;}
.ff-sort-switch__pagination .pagination{margin:0;}
.ff-sort-switch__pagination .pagination>li>a,.ff-sort-switch__pagination .pagination>li>span{display:flex;align-items:center;justify-content:center;min-width:30px;height:30px;padding:4px 9px;}
.ff-sort-switch__actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-left:auto;}
.ff-sort-switch__btn{display:inline-flex;align-items:center;justify-content:center;padding:8px 12px;border:1px solid var(--border2);border-radius:10px;text-decoration:none;font-size:12px;line-height:1;color:var(--text);background:var(--bg-2);transition:.18s ease;}
.ff-sort-switch__btn:hover{transform:translateY(-1px);border-color:rgba(123,83,255,.55);text-decoration:none}
.ff-sort-switch__btn.is-active{background:var(--yellow-blue-link);color:var(--bw);box-shadow:0 5px 16px rgba(123,69,255,.28);}
@media(max-width:767px){
  .ff-sort-switch.ff-sort-switch--with-pagination{flex-direction:column;align-items:stretch;gap:10px;margin-top:4px;}
  .ff-sort-switch__pagination{width:100%;justify-content:flex-start;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:2px;}
  .ff-sort-switch__actions{width:100%;margin-left:0;justify-content:flex-start;}
  .ff-sort-switch__btn{flex:1;max-width:150px;}
}



/* ===== FITFILIP product test: clean desktop/tablet adaptive 992+ ===== */
@media (min-width:992px){
.prod_card_full>.row{align-items:flex-start}
.prod_card_full .ff-product-buy-col,.prod_card_full .ff-product-gallery-col,.prod_card_full .ff-product-info-col,.prod_card_full .prod_right,.prod_card_full>.row>div:first-child{min-width:0}
.prod_card_full .ff-product-gallery-col,.prod_card_full>.row>div:first-child{grid-area:gallery}
.prod_card_full .ff-product-info-col,.prod_card_full .prod_right{grid-area:info}
.prod_card_full .ff-product-buy-col{grid-area:buy}
.prod_card_full .thumbnails{width:100%;max-width:100%;display:flex;align-items:flex-start;gap:10px;overflow:visible}
.prod_card_full .images-additional{flex:0 0 96px;width:96px;max-width:96px;margin:0 10px 0 0;overflow:hidden}
.prod_card_full .images-additional_wrapper{display:block;overflow-y:scroll;overflow-x:hidden}
.prod_card_full #ffMainImageWrap,.prod_card_full .rich_img_wrap,.prod_card_full .thumbnails .main-image-wrapper{flex:1 1 auto;width:auto;max-width:none;min-width:0;display:block}
.prod_card_full #ffMainImage,.prod_card_full #ffMainImageWrap img,.prod_card_full #ffMainImageWrap>a,.prod_card_full .main-image img,.prod_card_full .rich_img_wrap img,.prod_card_full .rich_img_wrap>a{display:block;width:100%;max-width:none;height:auto}
.ff-product-shop-stat strong{white-space:nowrap;word-break:keep-all}
}
@media (min-width:992px) and (max-width:1049.98px){
.prod_card_full>.row{display:grid;grid-template-areas:"gallery buy" "gallery info";column-gap:12px;row-gap:18px}
.prod_card_full .images-additional{flex-basis:76px;width:76px;max-width:76px;margin-right:8px}
}
@media (min-width:1050px) and (max-width:1199.98px){
.prod_card_full>.row{display:grid;grid-template-areas:"gallery buy" "gallery info";column-gap:12px;row-gap:18px}
.prod_card_full .images-additional{flex-basis:86px;width:86px;max-width:86px;margin-right:8px}
}
@media (min-width:1200px) and (max-width:1399.98px){
.prod_card_full>.row{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(310px,.72fr) minmax(285px,.66fr);grid-template-areas:"gallery info buy";column-gap:14px;row-gap:0}
.prod_card_full .images-additional{flex-basis:92px;width:92px;max-width:92px;margin-right:8px}
}
@media (min-width:1400px){
.prod_card_full>.row{display:grid;grid-template-columns:minmax(585px,1.08fr) minmax(360px,.76fr) minmax(310px,.62fr);grid-template-areas:"gallery info buy";row-gap:0}
}

/* FITFILIP: WB TOP product badge from 365-day buyouts */
.ff-product-wb-top-badge{display:flex;flex-direction:column;gap:7px;width:fit-content;margin:10px 0 10px;padding:10px 13px;border-radius:12px;border:1px solid rgba(255,214,2,.34);background:linear-gradient(135deg,rgba(255,214,2,.18),rgba(255,214,2,.05));color:var(--text);box-shadow:0 8px 22px rgba(255,214,2,.08)}
.ff-product-wb-top-badge__row{display:flex;align-items:center;gap:8px;line-height:1.15;font-size:14px;font-weight:700;white-space:nowrap}
.ff-product-wb-top-badge__row--top{text-transform:uppercase;letter-spacing:.02em}
.ff-product-wb-top-badge__icon{display:inline-flex;align-items:center;justify-content:center;width:20px;min-width:20px;height:20px;border-radius:6px;background:var(--main-yellow);color:#111;font-size:12px}
.ff-product-wb-top-badge__icon i{width:auto!important}
@media (max-width:767px){
.ff-product-wb-top-badge{width:100%}
.ff-product-wb-top-badge__row{font-size:13px}
}
/* =========================
   FITFILIP: скидка на кнопке "Купить на сайте" (Кристина)
   Плашка скидки включена в каталоге и категориях.
========================= */
.ff-site-buy-catalog{
  position:relative;
  overflow:visible;
  container-type:inline-size;
  isolation:isolate;
  transition:opacity .2s ease;
}
.ff-site-buy-catalog:hover{
  opacity:.8;
}

/* FITFILIP: современный ярлык скидки на кнопке */
.ff-site-discount-badge{
  position:absolute;
  top:50%;
  left:-2px;
  z-index:3;
  display:flex;
  align-items:center;
  justify-content:center;
  width:58px;
  height:54px;
  padding:0 13px 0 8px;
  box-sizing:border-box;
  transform:translateY(-50%);
  background:linear-gradient(135deg,#ff4b55 0%,#ff2635 58%,#e81726 100%);
  color:#fff;
  font-size:11px;
  line-height:1;
  font-weight:800;
  letter-spacing:.01em;
  text-align:center;
  white-space:nowrap;
  clip-path:polygon(0 0,calc(100% - 12px) 0,100% 50%,calc(100% - 12px) 100%,0 100%);
  -webkit-clip-path:polygon(0 0,calc(100% - 12px) 0,100% 50%,calc(100% - 12px) 100%,0 100%);
  filter:drop-shadow(0 3px 5px rgba(0,0,0,.35));
  pointer-events:none;
  border-radius: 5px;
}
.ff-site-discount-badge::after{
  content:'';
  position:absolute;
  inset:1px 12px 1px 1px;
  border-left:1px solid rgba(255,255,255,.15);
  border-top:1px solid rgba(255,255,255,.12);
  pointer-events:none;
}
.ff-site-buy-catalog > span:first-child{
  position:relative;
  z-index:1;
  padding-left:48px;
  font-size:10.5px;
  line-height:1.15;
  white-space:nowrap;
  box-sizing:border-box;
}
.ff-site-buy-catalog > .market-icon{
  position:relative;
  z-index:1;
  width:25px !important;
  height:auto !important;
  flex:0 0 25px;
}
@container (max-width: 190px){
  .ff-site-buy-catalog > .market-icon{
    display:none !important;
  }
  .ff-site-buy-catalog > span:first-child{
    padding-left:50px;
    font-size:10px;
  }
}
@media (max-width:1200px){
  .ff-site-buy-catalog > span:first-child{
    padding-left:48px;
    font-size:10px;
  }
}

/* =========================
   FITFILIP: mobile cart promo badge fix
   Не даём зелёной плашке выходить за ширину карточки.
========================= */
@media (max-width: 480px){
  .ff-item-main{
    min-width:0;
  }

  .ff-item-promo-badge{
    width:fit-content;
    max-width:100%;
    box-sizing:border-box;
    white-space:normal;
    flex-wrap:wrap;
    line-height:1.2;
    overflow-wrap:anywhere;
  }
}

@media (max-width: 380px){
  .ff-item-promo-badge{
    gap:4px;
    padding:5px 8px;
    font-size:10px;
  }
}

/* =========================
   FITFILIP: mobile cart promo badge — compact text only
   На мобильных убираем зелёный фон/рамку и иконку,
   оставляя только текст промокода.
========================= */
@media (max-width: 480px){
  .ff-item-promo-badge{
    width:auto !important;
    max-width:100% !important;
    padding:0 !important;
    gap:0 !important;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    box-shadow:none !important;
    color:inherit;
    white-space:normal;
    flex-wrap:wrap;
    line-height:1.25;
    overflow-wrap:anywhere;
  }

  .ff-item-promo-badge i,
  .ff-item-promo-badge svg,
  .ff-item-promo-badge .fa,
  .ff-item-promo-badge .fas,
  .ff-item-promo-badge .far,
  .ff-item-promo-badge .fa-solid{
    display:none !important;
  }
}


/* ============================================================
   FITFILIP: styles moved from Twig templates
   Source geometry/dynamic inline styles intentionally remain in Twig.
   ============================================================ */

/* ---- category.twig: moved <style> block #1 ---- */
html.ff-filtered .ff-prod-manual { display: none !important; }

/* ---- category.twig: moved <style> block #2 ---- */
.ff-catalog-hover-gallery{
  position:relative;
  display:block;
  overflow:hidden;
  cursor:pointer;
  touch-action:pan-y;
  -webkit-user-select:none;
  user-select:none;
}
.ff-catalog-hover-gallery__stage{
  position:relative;
  display:block;
  width:100%;
  overflow:hidden;
}
.ff-catalog-hover-gallery__image{
  position:absolute;
  inset:0;
  display:block;
  width:100%;
  height:100%;
  margin:0;
  object-fit:cover;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition: opacity 140ms ease, visibility 0s linear 140ms;
  will-change: opacity;
}
.ff-catalog-hover-gallery__image.is-active{
  opacity:1;
  visibility:visible;
  transition: opacity 140ms ease, visibility 0s linear 0s;
}
.ff-catalog-hover-gallery__pagination{
  position:absolute;
  left:12px;
  right:12px;
  bottom:8px;
  z-index:4;
  display:flex;
  align-items:center;
  gap:5px;
  pointer-events:none;
}
.ff-catalog-hover-gallery__bar{
  display:block;
  flex:1 1 0;
  height:3px;
  border-radius:999px;
  background:rgba(20,20,20,.34);
  box-shadow:0 1px 2px rgba(255,255,255,.22);
  transition:background-color .12s ease, opacity .12s ease;
}
.ff-catalog-hover-gallery__bar.is-active{
  background:var(--yellow-blue-link);
  box-shadow:0 1px 3px rgba(120,120,120,.28);
}
@media (hover:none), (pointer:coarse){
  .ff-catalog-hover-gallery__pagination{display:flex}
  .ff-catalog-hover-gallery__bar{height:3px}
}

/* ---- category.twig: moved <style> block #3 ---- */
button.ff-site-buy-catalog{appearance:none;-webkit-appearance:none;font:inherit;color:#fff;cursor:pointer;width:100%}
button.ff-site-buy-catalog.is-loading{opacity:.7;pointer-events:none}
button.ff-site-buy-catalog.is-added span{font-weight:700}
button.ff-site-buy-catalog.ff-site-buy-unavailable{opacity:.72;cursor:not-allowed;filter:grayscale(.15)}
.ff-catalog-cart-toast{position:fixed;top:0;left:0;right:0;z-index:100000;display:flex;justify-content:flex-end;pointer-events:none;padding:76px 28px 0;opacity:0;transform:translateY(-24px);transition:opacity .22s ease,transform .22s ease}
.ff-catalog-cart-toast.is-open{opacity:1;transform:translateY(0);pointer-events:auto}
.ff-catalog-cart-toast,.ff-catalog-cart-toast *{box-sizing:border-box;font-weight:500}
.ff-catalog-cart-toast strong,.ff-catalog-cart-toast b,.ff-catalog-cart-toast__btn{font-weight:700}
.ff-catalog-cart-toast__panel{position:relative;width:min(420px,calc(100vw - 32px));background:#202124;color:#fff;border:1px solid #3b3d40;border-radius:22px;box-shadow:0 18px 55px rgba(0,0,0,.42);padding:18px}
.ff-catalog-cart-toast__close{position:absolute;right:10px;top:10px;border:0;background:#f2f3f5;color:#111;width:32px;height:32px;border-radius:50%;font-size:24px;line-height:1;cursor:pointer}
.ff-catalog-cart-toast__head{display:flex;align-items:center;gap:10px;font-size:16px;margin:0 42px 14px 0}
.ff-catalog-cart-toast__icon{display:inline-flex;width:24px;height:24px;border-radius:50%;background:#22c55e;color:#fff;align-items:center;justify-content:center;font-weight:700;flex:0 0 24px}
.ff-catalog-cart-toast__product{display:grid;grid-template-columns:60px 1fr;gap:12px;align-items:center;background:#2b2d30;border-radius:16px;padding:10px;margin-bottom:14px}
.ff-catalog-cart-toast__product img{width:60px;height:80px;object-fit:cover;border-radius:12px;background:#fff}
.ff-catalog-cart-toast__product b{display:block;font-size:15px;line-height:1.25;margin-bottom:5px}
.ff-catalog-cart-toast__product span{font-size:18px;font-weight:700}
.ff-catalog-cart-toast__actions{display:grid;grid-template-columns:1fr;gap:10px}
.ff-catalog-cart-toast__btn{height:48px;border-radius:12px;border:1px solid #3b3d40;background:#080808;color:#fff;display:flex;align-items:center;justify-content:center;font-size:15px;text-decoration:none;cursor:pointer}
@media(max-width:767px){.ff-catalog-cart-toast{padding:68px 16px 0}.ff-catalog-cart-toast__panel{width:100%}}

/* ---- category.twig: moved <style> block #4 ---- */
.ff-catalog-site-price{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;
  min-height:48px;
  margin:7px 0 9px;
  padding-left:14px;
  line-height:1.05;
}
.ff-catalog-site-price__old{
  min-height:14px;
  margin-bottom:2px;
  color:var(--menu-text);
  font-size:12px;
  font-weight:500;
  line-height:1.15;
  text-decoration:line-through;
  text-decoration-thickness:1px;
  opacity:.8;
}
.ff-catalog-site-price__current{
  color:var(--yellow-blue-link);
  font-size:21px;
  font-weight:700;
  line-height:1.05;
  letter-spacing:-.25px;
}
@media (max-width:767px){
  .ff-catalog-site-price{min-height:43px;margin:6px 0 8px}
  .ff-catalog-site-price__old{font-size:11px;min-height:13px}
  .ff-catalog-site-price__current{font-size:19px}
}

/* ---- prostore_product_tabs.twig: moved <style> block #1 ---- */
/* частицы — фоновый слой за плитками */
#ff-tiles-particles {
  position: absolute;        /* или relative у ближайшего контейнера, см. ниже */
  inset: 0 auto auto 0;      /* top:0; left:0; */
  width: 100%;
  /* высоту зададим JS'ом в пикселях один раз */
  pointer-events: none;
  z-index: 0;                 /* ниже контента с плитками */
}





  .ff-tiles-section{position:relative;width:100%;}
  .particles-js-canvas-el{display:block;width:100%!important;height:100%!important;object-fit:cover;pointer-events:none;}


  /* --- FIX: слои секции плиток и фона с частицами --- */
.ff-tiles-section{           /* родительский контекст для абсолютного фона */
  position:relative;
  z-index:1;                 /* создаём свой стек */
}

.particles-js-canvas-el{     /* сам canvas от particles.js */
  display:block;
  width:100% !important;
  height:100% !important;
  object-fit:cover;
  pointer-events:none;
}



/* страховка от случайных «занулений» видимости */
.ff-cat-tiles__grid{ opacity:1 !important; visibility:visible !important; }



/* ПЛИТКИ  КАТЕГОРИИ*/

/* ---- prostore_product_tabs.twig: moved <style> block #2 ---- */
.ff-tiles-section--home3d{position:relative;padding:30px 0 10px;background:linear-gradient(180deg,#060606 0%,#0a0a0a 100%);overflow:hidden}
.ff-tiles-section--home3d:before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 15% 20%, rgba(255,214,10,.10), transparent 18%),radial-gradient(circle at 85% 10%, rgba(255,255,255,.05), transparent 16%);pointer-events:none}
.ff-tiles-section--home3d .particles{display:none !important}
.sc-heading--home3d{position:relative;z-index:2;max-width:900px;margin:0 auto 28px;text-align:center}
.sc-heading--home3d .premium-title{font-size:48px;line-height:1.05;font-weight:800;letter-spacing:0;text-transform:none;color:#fff;margin-bottom:12px;text-shadow:none}
.sc-heading--home3d .premium-subtitle{max-width:760px;margin:0 auto;color:rgba(255,255,255,.72);font-size:18px;line-height:1.6;text-transform:none}
.ff-tiles--home3d{position:relative;z-index:2}
.ff-cat-tiles__grid--home3d{display:grid !important;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;padding:0;margin:0;list-style:none}
.ff-cat-tiles__item--home3d{margin:0 !important}
.ff-cat-tiles__link--home3d{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:14px;min-height:250px;padding:28px 20px;border-radius:32px;background:linear-gradient(160deg, rgba(255,255,255,.06), rgba(255,255,255,.02));border:1px solid rgba(255,214,10,.18);box-shadow:0 20px 60px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.04);transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease, background .25s ease}
.ff-cat-tiles__link--home3d:hover,.ff-cat-tiles__link--home3d[aria-expanded="true"]{transform:translateY(-4px);background:linear-gradient(160deg, rgba(255,214,10,.12), rgba(255,214,10,.04));border-color:rgba(255,214,10,.55);box-shadow:0 26px 70px rgba(0,0,0,.34), 0 0 40px rgba(255,214,10,.08)}
.ff-cat-tiles__link--home3d .ff-cat-tiles__icon{width:92px;height:92px;display:flex;align-items:center;justify-content:center;border-radius:24px;background:radial-gradient(circle at 30% 30%, rgba(255,214,10,.18), rgba(255,214,10,.05));box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}
.ff-cat-tiles__link--home3d .ff-cat-tiles__icon img{max-width:68px;max-height:68px;object-fit:contain;filter:drop-shadow(0 8px 12px rgba(0,0,0,.25))}
.ff-cat-tiles__link--home3d .ff-cat-tiles__title{font-size:28px;line-height:1.1;font-weight:800;color:#fff;text-align:center;text-transform:none;margin:0}
.ff-cat-tiles__link--home3d .ff-cat-tiles__subtitle{display:block;color:rgba(255,255,255,.72);font-size:16px;line-height:1.45;text-align:center;text-transform:none;margin:0}
.ff-cat-subitems--home3d{margin-top:22px}
.ff-cat-subitems--home3d .ff-expander{border-radius:32px;background:linear-gradient(160deg, rgba(255,255,255,.07), rgba(255,255,255,.02));border:1px solid rgba(255,214,10,.16);box-shadow:0 24px 70px rgba(0,0,0,.35);padding:26px}
.ff-cat-subitems--home3d .ff-cat-info{margin-bottom:18px;padding-bottom:18px;border-bottom:1px solid rgba(255,255,255,.08)}
.ff-cat-subitems--home3d .ff-cat-info__title a{font-size:30px;line-height:1.15;font-weight:800;color:#fff;text-decoration:none}
.ff-cat-subitems--home3d .ff-cat-info__desc{margin-top:10px;color:rgba(255,255,255,.72);font-size:16px;line-height:1.7}
@media (max-width: 1199px){.ff-cat-tiles__grid--home3d{grid-template-columns:repeat(3,minmax(0,1fr))}.ff-cat-tiles__link--home3d .ff-cat-tiles__title{font-size:24px}}
@media (max-width: 767px){.sc-heading--home3d .premium-title{font-size:34px}.sc-heading--home3d .premium-subtitle{font-size:15px}.ff-cat-tiles__grid--home3d{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.ff-cat-tiles__link--home3d{min-height:200px;padding:20px 14px;border-radius:24px}.ff-cat-tiles__link--home3d .ff-cat-tiles__icon{width:72px;height:72px;border-radius:18px}.ff-cat-tiles__link--home3d .ff-cat-tiles__icon img{max-width:52px;max-height:52px}.ff-cat-tiles__link--home3d .ff-cat-tiles__title{font-size:20px}.ff-cat-tiles__link--home3d .ff-cat-tiles__subtitle{font-size:14px}.ff-cat-subitems--home3d .ff-expander{padding:18px;border-radius:24px}.ff-cat-subitems--home3d .ff-cat-info__title a{font-size:24px}}


/* =========================
   FITFILIP: mobile swipe follow-finger animation
   ========================= */
@media (hover:none), (pointer:coarse){
  .ff-catalog-hover-gallery{
    touch-action:pan-y;
    -webkit-tap-highlight-color:transparent;
  }
  .ff-catalog-hover-gallery__stage{
    overflow:hidden;
  }
  .ff-catalog-hover-gallery__image{
    -webkit-user-drag:none;
    image-rendering:auto;
  }
}


/* FITFILIP: iOS Safari image-quality guard for swipe gallery */
@supports (-webkit-touch-callout:none){
  .ff-catalog-hover-gallery__image{
    -webkit-transform:none;
    transform:none;
    -webkit-backface-visibility:visible;
    backface-visibility:visible;
  }
}

/* =========================================================
   FITFILIP: карточки каталога/категорий — низ карточки
   ВАЖНО: высоту строк синхронизирует JS ffEqualizeCatalogCards().
   Здесь только flex-геометрия самой карточки. Режим "Список" не трогаем.
   ========================================================= */
.products__list:not(.ff-catalog-list-view) > li.ff-prod{
  display:flex!important;
  align-items:stretch!important;
}

.products__list:not(.ff-catalog-list-view) > li.ff-prod > .products__item{
  display:flex!important;
  flex:1 1 auto!important;
  width:100%!important;
  min-width:0!important;
  min-height:0!important;
}

.products__list:not(.ff-catalog-list-view) > li.ff-prod > .products__item > .products__item-in{
  display:flex!important;
  flex-direction:column!important;
  flex:1 1 auto!important;
  width:100%!important;
  min-width:0!important;
  min-height:0!important;
  height:auto!important;
}

.products__list:not(.ff-catalog-list-view) .products__item-wrapper{
  display:flex!important;
  flex-direction:column!important;
  flex:1 1 auto!important;
  min-height:0!important;
  padding-bottom:10px!important;
}

.products__list:not(.ff-catalog-list-view) .ff-card-bottom{
  display:flex!important;
  flex-direction:column!important;
  flex:0 0 auto!important;
  margin-top:auto!important;
  min-height:0!important;
}

/* Цена всегда сидит непосредственно над кнопкой и занимает одинаковую высоту.
   Так текущая цена во всех карточках выравнивается по нижней линии,
   независимо от высоты названия/рейтинга выше. */
.products__list:not(.ff-catalog-list-view) .ff-card-bottom > .ff-catalog-site-price{
  flex:0 0 48px!important;
  height:48px!important;
  min-height:48px!important;
  max-height:48px!important;
  justify-content:flex-end!important;
  margin-top:0!important;
  margin-bottom:6px!important;
  padding-top:0!important;
  padding-bottom:0!important;
}

.products__list:not(.ff-catalog-list-view) .ff-card-bottom > .ff-catalog-site-price > .ff-catalog-site-price__old,
.products__list:not(.ff-catalog-list-view) .ff-card-bottom > .ff-catalog-site-price > .ff-catalog-site-price__current{
  flex:0 0 auto!important;
}

@media (max-width:767px){
  .products__list:not(.ff-catalog-list-view) .ff-card-bottom > .ff-catalog-site-price{
    flex-basis:43px!important;
    height:43px!important;
    min-height:43px!important;
    max-height:43px!important;
  }
}

.products__list:not(.ff-catalog-list-view) .ff-card-bottom > .market-buttons{
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  flex:0 0 auto!important;
  gap:4px!important;
  width:auto!important;
  margin:0 10px!important;
  padding:0!important;
}

.products__list:not(.ff-catalog-list-view) .ff-card-bottom > .market-buttons > .market-btn,
.products__list:not(.ff-catalog-list-view) .ff-card-bottom > .market-buttons > button.market-btn{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
}

/* Скидочный ярлык не должен менять вычисляемую высоту footer. */
.products__list:not(.ff-catalog-list-view) .ff-card-bottom .ff-site-discount-badge{
  flex:0 0 auto;
}

/* Manual-карточки имеют собственную кнопку и сохраняют прежнюю геометрию. */
.ff-prod-manual .products__item-wrapper{
  padding-bottom:0!important;
}
.ff-prod-manual .market-buttons{
  margin-top:auto!important;
}

/* =========================================================
   FITFILIP: фильтр цены на странице /katalog/
   Использует штатные .filter-aside / .ui-range стили категорий.
   ========================================================= */
.ff-catalog-price-filter{
  display:block;
  width:90%;
  margin:0 0 20px;
  box-sizing:border-box;
}
.ff-catalog-price-filter[hidden]{display:none!important}
.ff-catalog-price-filter .filter-aside__group{margin:0;padding:0}
.ff-catalog-price-filter .filter-aside__group-head{margin-bottom:8px}
.ff-catalog-price-filter .filter-aside__group-title{font-size:16px;color:var(--text)}
.ff-catalog-price-filter .ui-range{margin:0}
.ff-catalog-price-filter .ui-range .row{margin-left:-4px;margin-right:-4px}
.ff-catalog-price-filter .ui-range .col-6{padding-left:4px;padding-right:4px}
.ff-catalog-price-filter .ui-range__input{margin:0!important}
.ff-catalog-price-filter .irs{margin-top:4px}

/* FITFILIP: AJAX price filter - keep current cards visible while the next set loads */
.products-featured .products.ff-catalog-ajax-loading .products__list{
  opacity:.48;
  pointer-events:none;
  transition:opacity .16s ease;
}
.products-featured .products.ff-catalog-ajax-loading{
  cursor:progress;
}


/* FITFILIP: dynamic quick price presets (catalog + categories) */
.ff-price-presets{display:flex;flex-direction:column;gap:8px;margin-top:14px;}
.ff-price-preset{display:flex;align-items:center;gap:9px;min-height:26px;margin:0;cursor:pointer;color:var(--text);font-size:14px;line-height:1.25;user-select:none;}
.ff-price-preset__input{position:absolute;opacity:0;pointer-events:none;}
.ff-price-preset__radio{position:relative;flex:0 0 18px;width:18px;height:18px;border:1px solid var(--border2);border-radius:50%;background:var(--bg-3);transition:border-color .16s ease,box-shadow .16s ease,background .16s ease;}
.ff-price-preset__radio::after{content:'';position:absolute;left:50%;top:50%;width:8px;height:8px;border-radius:50%;background:var(--yellow-blue-link);transform:translate(-50%,-50%) scale(0);transition:transform .16s ease;}
.ff-price-preset__input:checked + .ff-price-preset__radio{border-color:var(--yellow-blue-link);box-shadow:0 0 0 1px color-mix(in srgb,var(--yellow-blue-link) 18%,transparent);}
.ff-price-preset__input:checked + .ff-price-preset__radio::after{transform:translate(-50%,-50%) scale(1);}
.ff-price-preset__input:focus-visible + .ff-price-preset__radio{outline:2px solid var(--yellow-blue-link);outline-offset:2px;}
.ff-price-preset:hover .ff-price-preset__radio{border-color:var(--text);}
.ff-price-preset__text{display:block;}

/* FITFILIP: price presets - force vertical layout */
.ff-price-presets{
  display:flex !important;
  flex-direction:column !important;
  flex-wrap:nowrap !important;
  align-items:stretch !important;
  gap:8px !important;
  width:100% !important;
}
.ff-price-presets > .ff-price-preset{
  display:flex !important;
  width:100% !important;
  max-width:none !important;
  flex:0 0 auto !important;
  margin:0 !important;
}


/* FITFILIP: sorting select under price filter, catalog + categories */
.ff-sort-filter{margin-top:18px!important;}
.ff-sort-filter .filter-aside__group-head{margin-bottom:8px;}
.ff-sort-select{
  display:block;
  width:100%;
  min-height:42px;
  padding:9px 36px 9px 12px;
  border:1px solid var(--border2);
  border-radius:6px;
  background-color:var(--bg-3);
  color:var(--text);
  font:inherit;
  line-height:1.25;
  cursor:pointer;
  outline:none;
  transition:border-color .16s ease, box-shadow .16s ease, background-color .16s ease;
}
.ff-sort-select:hover{border-color:var(--text);}
.ff-sort-select:focus{
  border-color:var(--main-yellow,#ffd600);
  box-shadow:0 0 0 1px rgba(255,214,0,.24);
}
.ff-sort-select option{background:var(--bg-3);color:var(--text);}
.ff-catalog-price-filter .ff-sort-filter{margin-top:22px!important;}

/* FITFILIP: top catalog/category toolbar + infinite product feed */
.ff-catalog-toolbar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  width:100%;
  margin:0 0 18px;
}
.ff-catalog-toolbar__sort{
  flex:0 0 250px;
  width:250px;
  min-width:250px;
  max-width:250px;
}
.ff-sort-select.ff-sort-select--toolbar{
  width:250px !important;
  min-width:250px;
  max-width:250px;
  margin:0;
}
.ff-catalog-toolbar__total{
  margin-left:auto;
  color:var(--text);
  font-size:14px;
  line-height:1.25;
  white-space:nowrap;
  text-align:right;
}
.ff-infinite-sentinel{
  position:relative;
  width:100%;
  height:1px;
  clear:both;
}
.products.ff-catalog-loading-more .ff-infinite-sentinel::after{
  content:'';
  position:absolute;
  left:50%;
  top:10px;
  width:20px;
  height:20px;
  margin-left:-10px;
  border:2px solid var(--border2);
  border-top-color:var(--main-yellow,#ffd600);
  border-radius:50%;
  animation:ffInfiniteSpin .7s linear infinite;
}
@keyframes ffInfiniteSpin{to{transform:rotate(360deg)}}
@media(max-width:767px){
  .ff-catalog-toolbar{align-items:center;justify-content:space-between;gap:10px;flex-wrap:nowrap;margin-bottom:14px;}
  .ff-catalog-toolbar__sort{flex:0 1 250px;width:250px;min-width:0;max-width:250px;}
  .ff-sort-select.ff-sort-select--toolbar{width:250px !important;min-width:0;max-width:100%;}
  .ff-catalog-toolbar__total{display:flex;align-items:center;justify-content:flex-end;margin-left:auto;font-size:13px;}
}

/* FITFILIP: mobile price accordion, same visual hierarchy as mobile Categories */
.ff-mobile-price-toggle{display:none;}
@media(max-width:767px){
  .ff-mobile-price-group > .filter-aside__group-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    min-height:58px;
    margin:0 !important;
    padding:0 18px;
    cursor:pointer;
  }
  .ff-mobile-price-group > .filter-aside__group-head .categories-aside__title,
  .ff-mobile-price-group > .filter-aside__group-head .filter-aside__group-title{
    margin:0;
    padding:0;
    line-height:1.25;
    color:var(--text);
  }
  .ff-mobile-price-toggle{
    display:block;
    flex:0 0 12px;
    width:12px;
    height:12px;
    margin-left:12px;
    border:0;
    border-right:2px solid var(--text);
    border-bottom:2px solid var(--text);
    background:transparent;
    transform:rotate(45deg);
    transition:transform .18s ease;
    pointer-events:none;
  }
  .ff-mobile-price-group.is-mobile-collapsed > .filter-aside__group-head .ff-mobile-price-toggle{transform:rotate(-45deg);}
  .ff-mobile-price-group.is-mobile-collapsed > .filter-aside__group-body{display:none !important;}
  .ff-catalog-price-filter{width:100%;margin-bottom:0;}
  .ff-catalog-price-filter .filter-aside__group-body{padding:0 18px 18px;}
}


/* =========================================================
   FITFILIP v17: catalog/category toolbar + mobile sidebar polish
   2026-09-05
   ========================================================= */

/* Desktop: align left quick-search/sidebar with toolbar top. */
@media (min-width:992px){
  .page #column-left.ff-has-catalog-quick-search{
    margin-top:0;
  }
}

/* Catalog/category breadcrumb title area: a little more breathing room below. */
.main.in_main > .breadcrumbs{
  padding-bottom:20px;
}

/* Tablet/mobile <= 991px: search field occupies the whole available width. */
@media (max-width:991.98px){
  .ff-catalog-quick-search__field{
    width:100%;
  }
  #column-left .ff-catalog-quick-search__input.ui-input{
    width:100%!important;
  }
  .ff-catalog-quick-search__clear{
    right:2%;
  }
}

/* Mobile: Categories and Price use the same compact accordion geometry. */
@media (max-width:767px){
  /* Remove horizontal padding from the price accordion itself. */
  .ff-catalog-price-filter .filter-aside__group-body{
    padding:0 0 14px;
  }
  .ff-mobile-price-group > .filter-aside__group-head{
    min-height:46px;
    padding:0;
    margin:0!important;
  }

  /* Categories row: match price row height and remove side padding. */
  #column-left .ff-accordion .ff-acc-item{
    padding:0;
  }
  #column-left .ff-accordion .ff-acc-title{
    min-height:46px;
    padding:0 28px 0 0;
    margin:0;
    display:flex;
    align-items:center;
  }

  /* Price title: same typography/height as Categories. */
  .ff-mobile-price-group > .filter-aside__group-head .categories-aside__title,
  .ff-mobile-price-group > .filter-aside__group-head .filter-aside__group-title{
    font-size:inherit;
    line-height:1.2;
    font-weight:600;
    margin:0;
    padding:0;
  }

  /* Identical chevrons for Categories and Price. */
  #column-left .ff-accordion .ff-acc-title::after,
  .ff-mobile-price-toggle{
    width:10px;
    height:10px;
    border-right:2px solid var(--text);
    border-bottom:2px solid var(--text);
    opacity:.8;
  }
  #column-left .ff-accordion .ff-acc-title::after{
    right:2px;
    top:50%;
    margin:0;
    transform:translateY(-50%) rotate(-45deg);
  }
  #column-left .ff-accordion .ff-acc-item[open] .ff-acc-title::after{
    top:50%;
    transform:translateY(-50%) rotate(45deg);
    opacity:.8;
  }
  .ff-mobile-price-toggle{
    flex:0 0 10px;
    margin-left:auto;
    margin-right:2px;
    transform:rotate(-45deg);
  }
  .ff-mobile-price-group:not(.is-mobile-collapsed) > .filter-aside__group-head .ff-mobile-price-toggle{
    transform:rotate(45deg);
  }
  .ff-mobile-price-group.is-mobile-collapsed > .filter-aside__group-head .ff-mobile-price-toggle{
    transform:rotate(-45deg);
  }

  /* Keep Price collapsed on initial mobile render; markup already carries is-mobile-collapsed. */
  .ff-mobile-price-group.is-mobile-collapsed > .filter-aside__group-body{
    display:none!important;
  }
}


/* FITFILIP v21: custom UL/LI sorting dropdown. Explicit light/dark palette + AJAX-safe hidden state. */
.ff-sort-menu__mobile-title{display:none;}
.ff-sort-menu{
  position:relative;
  width:250px;
  max-width:100%;
  z-index:80;
  color:#1d232b;
}
.ff-sort-menu__toggle{
  display:flex;
  align-items:center;
  width:100%;
  min-height:42px;
  padding:8px 12px;
  border:1px solid #cfd5dc;
  border-radius:8px;
  background:#ffffff;
  color:#1d232b;
  font:inherit;
  font-weight:600;
  line-height:1.2;
  text-align:left;
  cursor:pointer;
  box-shadow:0 1px 2px rgba(0,0,0,.04);
  transition:border-color .16s ease,background .16s ease,box-shadow .16s ease;
}
.ff-sort-menu__toggle:hover{
  border-color:#9aa4af;
  background:#f8fafc;
}
.ff-sort-menu.is-open .ff-sort-menu__toggle{
  border-color:var(--yellow-blue-link);
  box-shadow:0 0 0 1px color-mix(in srgb,var(--yellow-blue-link) 22%,transparent);
}
.ff-sort-menu__icon{
  width:18px;
  min-width:18px;
  margin-right:9px;
  text-align:center;
  font-size:14px;
  color:currentColor;
}
.ff-sort-menu__chevron{
  margin-left:auto;
  font-size:11px;
  color:currentColor;
  opacity:.72;
  transition:transform .18s ease;
}
.ff-sort-menu.is-open .ff-sort-menu__chevron{transform:rotate(180deg);}
.ff-sort-menu__list{
  position:absolute;
  left:0;
  top:calc(100% + 6px);
  z-index:5000;
  width:100%;
  min-width:250px;
  margin:0;
  padding:6px;
  list-style:none;
  background:#ffffff;
  color:#1d232b;
  border:1px solid #d8dde3;
  border-radius:10px;
  box-shadow:0 12px 34px rgba(0,0,0,.16);
}
.ff-sort-menu__list[hidden]{display:none!important;}
.ff-sort-menu.is-open .ff-sort-menu__list:not([hidden]){display:block;}
.ff-sort-menu__list li{
  margin:0;
  padding:0;
  list-style:none;
}
.ff-sort-menu__item{
  display:flex;
  align-items:center;
  gap:10px;
  width:100%;
  min-height:38px;
  padding:8px 10px;
  border:0;
  border-radius:6px;
  background:transparent;
  color:#1d232b;
  font:inherit;
  font-size:14px;
  font-weight:600;
  line-height:20px;
  text-align:left;
  cursor:pointer;
  transition:background .14s ease,color .14s ease,transform .14s ease;
}
.ff-sort-menu__item i{
  width:18px;
  min-width:18px;
  margin:0;
  text-align:center;
  font-size:14px;
  color:currentColor;
  opacity:.86;
}
.ff-sort-menu__item:hover,
.ff-sort-menu__item:focus{
  outline:none;
  background:#f0f3f6;
  color:#11151a;
}
.ff-sort-menu__item.is-active{
  background:#eef2f6;
  color:#11151a;
}
.ff-sort-menu__item.is-active:after{
  content:'✓';
  margin-left:auto;
  font-size:13px;
  font-weight:800;
  color:#11151a;
}

html.dark_mode .ff-sort-menu{
  color:#f4f6f8;
}
html.dark_mode .ff-sort-menu__toggle{
  background:#252c32;
  color:#f4f6f8;
  border-color:#4b535c;
  box-shadow:0 1px 2px rgba(0,0,0,.24);
}
html.dark_mode .ff-sort-menu__toggle:hover{
  background:#2b333a;
  border-color:#68727d;
}
html.dark_mode .ff-sort-menu.is-open .ff-sort-menu__toggle{
  border-color:var(--yellow-blue-link);
  box-shadow:0 0 0 1px color-mix(in srgb,var(--yellow-blue-link) 22%,transparent);
}
html.dark_mode .ff-sort-menu__list{
  background:#20262c;
  color:#f4f6f8;
  border-color:#434b54;
  box-shadow:0 14px 38px rgba(0,0,0,.46);
}
html.dark_mode .ff-sort-menu__item{
  color:#f4f6f8;
}
html.dark_mode .ff-sort-menu__item:hover,
html.dark_mode .ff-sort-menu__item:focus{
  background:#303840;
  color:#ffffff;
}
html.dark_mode .ff-sort-menu__item.is-active{
  background:#343e47;
  color:#ffffff;
}
html.dark_mode .ff-sort-menu__item.is-active:after{
  color:#ffd600;
}

/* FITFILIP v22: mobile sorting accordion - visually matches Categories and Price. */
@media(max-width:767px){
  .ff-catalog-toolbar{
    display:flex;
    flex-wrap:wrap;
    align-items:stretch;
    gap:0;
  }
  .ff-catalog-toolbar__sort{flex:1 1 100%;width:100%;max-width:none;}
  .ff-sort-menu{width:100%;max-width:none;z-index:80;}
  .ff-sort-menu__toggle{
    min-height:46px;
    padding:0 2px 0 0;
    border:0;
    border-radius:0;
    background:transparent;
    color:var(--text);
    box-shadow:none;
    font-size:inherit;
    font-weight:600;
  }
  .ff-sort-menu__toggle:hover,
  html.dark_mode .ff-sort-menu__toggle:hover,
  html.dark_mode .ff-sort-menu__toggle{
    background:transparent;
    border-color:transparent;
    box-shadow:none;
    color:var(--text);
  }
  .ff-sort-menu.is-open .ff-sort-menu__toggle,
  html.dark_mode .ff-sort-menu.is-open .ff-sort-menu__toggle{
    border-color:transparent;
    box-shadow:none;
  }
  .ff-sort-menu__mobile-title{display:inline;}
  .ff-sort-menu__icon,
  .ff-sort-menu__toggle > [data-ff-sort-current]{display:none!important;}
  .ff-sort-menu__chevron{
    display:block;
    flex:0 0 10px;
    width:10px;
    height:10px;
    margin-left:auto;
    margin-right:2px;
    border:0;
    border-right:2px solid var(--text);
    border-bottom:2px solid var(--text);
    font-size:0;
    opacity:.8;
    transform:rotate(-45deg);
    transition:transform .18s ease;
  }
  .ff-sort-menu.is-open .ff-sort-menu__chevron{transform:rotate(45deg);}
  .ff-sort-menu__list{
    position:static;
    width:100%;
    min-width:0;
    margin:0 0 10px;
    padding:0 0 8px;
    border:0;
    border-radius:0;
    background:transparent;
    box-shadow:none;
  }
  html.dark_mode .ff-sort-menu__list{
    background:transparent;
    border-color:transparent;
    box-shadow:none;
  }
  .ff-sort-menu__item{
    min-height:40px;
    padding:7px 10px;
    border-radius:6px;
    color:var(--text);
  }
  html.dark_mode .ff-sort-menu__item{color:var(--text);}
  .ff-catalog-toolbar__end{
    display:flex;
    flex:1 1 100%;
    width:100%;
    align-items:center;
    justify-content:space-between;
    gap:10px;
  }
}

/* FITFILIP — compact price values in catalog filter */
.ff-catalog-price-from,
.ff-catalog-price-to {
  font-size: 1.3rem !important;
}

/* FITFILIP — compact ruble sign in catalog price inputs */
.ff-catalog-toolbar ~ * .ui-range__append,
.ff-has-catalog-quick-search .ui-range__append,
.ui-range__field .ui-range__append {
  font-size: 1.3rem !important;
  line-height: 1 !important;
}

/* =========================================================
   FITFILIP v27: sticky left navigation for blog/video + main catalog
   2026-09-07
   ========================================================= */
@media (min-width:992px){
  /* Blog / articles / video listings: keep the left navigation visible while scrolling. */
  .prostore_blog_list_main #column-left{
    position:sticky;
    top:90px;
    align-self:flex-start;
    height:max-content;
  }

  /* Main /katalog/ only. Categories are intentionally left unchanged. */
  .page #column-left.ff-has-catalog-quick-search{
    position:sticky;
    top:90px;
    align-self:flex-start;
    height:max-content;
  }
}

/* =========================================================
   FITFILIP v28: smart sticky main-catalog sidebar
   The sidebar stays sticky, while its own content follows page
   scrolling until the bottom of the price presets becomes visible.
   Blog / article / video sticky behavior remains unchanged.
   2026-09-07
   ========================================================= */
@media (min-width:992px){
  .page #column-left.ff-has-catalog-quick-search{
    max-height:calc(100vh - 100px);
    overflow-y:hidden;
    overscroll-behavior:contain;
    scrollbar-width:none;
  }
  .page #column-left.ff-has-catalog-quick-search::-webkit-scrollbar{
    display:none;
  }
}


/* =========================================================
   FITFILIP: общий переключатель Плитка / Список для каталога и категорий
   Доступен всем пользователям каталога и категорий.
   ========================================================= */
.ff-catalog-toolbar__end{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:10px;
  margin-left:auto;
}
.ff-catalog-view-switch{
  display:flex;
  align-items:center;
  gap:6px;
}
.ff-catalog-view-switch[hidden]{display:none!important}
.ff-catalog-view-switch__btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  min-height:36px;
  padding:7px 10px;
  border:1px solid var(--border);
  border-radius:9px;
  background:var(--bg-3);
  color:var(--text);
  font:inherit;
  font-size:12px;
  font-weight:700;
  line-height:1;
  cursor:pointer;
}
.ff-catalog-view-switch__btn i{width:auto}
.ff-catalog-view-switch__btn.is-active{
  border-color:var(--main-yellow,#ffd602);
  box-shadow:0 0 0 1px rgba(255,214,2,.18);
  color:var(--yellow-blue-link);
}

/* Light theme: blue active state, subdued inactive state. */
html:not(.dark_mode) .ff-catalog-view-switch__btn.is-active{
  border-color:var(--yellow-blue-link);
  color:var(--yellow-blue-link);
}
html:not(.dark_mode) .ff-catalog-view-switch__btn:not(.is-active){
  opacity:.5;
}

/* Компактный список: 2 карточки в строке на широком экране. */
.products__list.ff-catalog-list-view{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  width:100%;
}
.products__list.ff-catalog-list-view > li.ff-prod{
  width:auto!important;
  max-width:none!important;
  min-width:0;
  margin:0!important;
}
.products__list.ff-catalog-list-view .products__item,
.products__list.ff-catalog-list-view .products__item-in{
  width:100%;
  height:100%;
  min-width:0;
}
.products__list.ff-catalog-list-view .products__item-in{
  display:grid!important;
  grid-template-columns:125px minmax(0,1fr);
  align-items:stretch;
  min-height:150px;
  overflow:hidden;
}
.products__list.ff-catalog-list-view .products__item-image,
.products__list.ff-catalog-list-view .ff-catalog-hover-gallery{
  width:125px!important;
  min-width:125px;
  height:100%!important;
  min-height:150px;
  margin:0!important;
  align-self:stretch;
  overflow:hidden;
}
.products__list.ff-catalog-list-view .ff-catalog-hover-gallery__stage{
  width:125px!important;
  height:100%!important;
  min-height:150px;
  aspect-ratio:auto!important;
}
.products__list.ff-catalog-list-view .products__item-image > img,
.products__list.ff-catalog-list-view .ff-catalog-hover-gallery__image{
  width:100%!important;
  height:100%!important;
  object-fit:contain;
  display:block;
}
.products__list.ff-catalog-list-view .ff-catalog-hover-gallery__pagination{
  left:8px;
  right:8px;
  bottom:6px;
}
.products__list.ff-catalog-list-view .products__item-wrapper{
  min-width:0;
  padding:10px 12px 10px;
  background:var(--bg-3);
}
.products__list.ff-catalog-list-view .products__item-title{
  margin:0!important;
  font-size:15px;
  line-height:1.25;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  overflow:hidden;
}
.products__list.ff-catalog-list-view .item-description{
  display:none!important;
}
.products__list.ff-catalog-list-view .ff-catalog-wb-rating{
  margin:6px 0 0;
}
.products__list.ff-catalog-list-view .ff-catalog-wb-rating__bottom{
  display:block;
  min-width:0;
}
.products__list.ff-catalog-list-view .ff-catalog-wb-rating__count{
  font-size:10px;
  line-height:1.15;
  white-space:nowrap;
}
.products__list.ff-catalog-list-view .ff-catalog-site-price{
  min-height:0;
  margin:7px 0 7px!important;
  padding-left:0;
}
.products__list.ff-catalog-list-view .ff-catalog-site-price__old{
  min-height:0;
  margin-bottom:1px;
  font-size:11px;
}
.products__list.ff-catalog-list-view .ff-catalog-site-price__current{
  font-size:19px;
}
.products__list.ff-catalog-list-view .market-buttons{
  margin:auto 0 0!important;
  align-items:stretch;
  gap:4px;
}
.products__list.ff-catalog-list-view .market-btn,
.products__list.ff-catalog-list-view button.ff-site-buy-catalog{
  width:100%!important;
  max-width:none!important;
  min-height:38px;
  padding:5px 8px;
  font-size:12px;
}
.products__list.ff-catalog-list-view .market-icon{
  width:24px;
  height:24px;
}
.products__list.ff-catalog-list-view .ff-site-discount-badge{
  top:50%;
  left:-1px;
  width:46px;
  height:45px;
  padding:0 10px 0 6px;
  font-size:9px;
  transform:translateY(-50%);
  transform-origin:left center;
  clip-path:polygon(0 0,calc(100% - 9px) 0,100% 50%,calc(100% - 9px) 100%,0 100%);
  -webkit-clip-path:polygon(0 0,calc(100% - 9px) 0,100% 50%,calc(100% - 9px) 100%,0 100%);
}
.products__list.ff-catalog-list-view .ff-prod-manual .manual-btn--catalog{
  min-height:38px;
}

@media (max-width:767px){
  .ff-catalog-toolbar{
    flex-wrap:wrap!important;
    align-items:stretch!important;
    gap:10px!important;
  }
  .ff-catalog-toolbar__sort{
    flex:0 0 100%!important;
    width:100%!important;
    max-width:none!important;
  }
  .ff-catalog-toolbar__sort .ff-sort-menu,
  .ff-catalog-toolbar__sort .ff-sort-menu__toggle{
    width:100%!important;
    max-width:none!important;
  }
  .ff-catalog-toolbar__end{
    width:100%;
    margin-left:0;
    display:flex;
    align-items:center;
    flex-direction:row-reverse;
    justify-content:space-between;
    gap:6px;
  }
  .ff-catalog-toolbar__total{
    margin-left:auto;
    margin-right:0;
    text-align:right;
  }
  .ff-catalog-view-switch{
    margin-left:0;
    margin-right:auto;
    display:flex;
    align-items:center;
    gap:6px;
  }
  .ff-catalog-view-switch__btn{
    width:36px!important;
    height:36px!important;
    min-width:36px!important;
    min-height:36px!important;
    padding:0!important;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:0;
  }
  .ff-catalog-view-switch__btn span{display:none}
  .ff-catalog-wb-rating__count{
    font-size:10px;
    line-height:1.1;
    white-space:nowrap;
  }
  .products__list.ff-catalog-list-view{
    grid-template-columns:1fr;
    gap:10px;
  }
  .products__list.ff-catalog-list-view .products__item-in{
    grid-template-columns:90px minmax(0,1fr);
    min-height:120px;
  }
  .products__list.ff-catalog-list-view .products__item-image,
  .products__list.ff-catalog-list-view .ff-catalog-hover-gallery{
    width:90px!important;
    min-width:90px;
    height:auto!important;
    min-height:120px;
    align-self:stretch;
  }
  .products__list.ff-catalog-list-view .ff-catalog-hover-gallery__stage{
    width:90px!important;
    height:100%!important;
    min-height:120px;
  }
  .products__list.ff-catalog-list-view .products__item-wrapper{
    padding:8px 9px;
  }
  .products__list.ff-catalog-list-view .products__item-title{
    font-size:14px;
  }
  .products__list.ff-catalog-list-view .ff-catalog-site-price{
    margin:5px 0!important;
  }
  .products__list.ff-catalog-list-view .ff-catalog-site-price__current{
    font-size:17px;
  }
  .products__list.ff-catalog-list-view .market-btn,
  .products__list.ff-catalog-list-view button.ff-site-buy-catalog{
    min-height:34px;
    font-size:11px;
  }
}



/* FITFILIP v9: widen list thumbnail on narrow mobile screens without cropping. */
@media (min-width:350px) and (max-width:372px){
  .products__list.ff-catalog-list-view .products__item-in{
    grid-template-columns:100px minmax(0,1fr);
  }
  .products__list.ff-catalog-list-view .products__item-image,
  .products__list.ff-catalog-list-view .ff-catalog-hover-gallery{
    width:100px!important;
    min-width:100px!important;
  }
  .products__list.ff-catalog-list-view .ff-catalog-hover-gallery__stage{
    width:100px!important;
    min-width:100px!important;
    height:100%!important;
    min-height:120px;
  }
  .products__list.ff-catalog-list-view .ff-catalog-hover-gallery__image{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    object-position:center center!important;
  }
}

/* FITFILIP v8: preserve full 3:4 product thumbnail below 373px in the two-column grid. */
@media (min-width:350px) and (max-width:372px){
  .products__list--responsive:not(.ff-catalog-list-view) .ff-catalog-hover-gallery__image{
    object-fit:contain!important;
  }
  .products__list--responsive:not(.ff-catalog-list-view) .ff-catalog-hover-gallery__stage{
    background:var(--bg-3);
  }
}

/* FITFILIP v6: keep two product columns down to 350px and compact the site-buy button. */
@media (min-width:350px) and (max-width:420px){
  .products__list--responsive > li{
    -ms-flex:0 0 50%!important;
    flex:0 0 50%!important;
    max-width:50%!important;
  }
  .products__list--responsive .ff-site-buy-catalog{
    min-height:40px!important;
    padding:0 4px!important;
    overflow:visible!important;
  }
  .products__list--responsive .ff-site-buy-catalog > span:first-child{
    padding-left:36px!important;
    padding-right:2px!important;
    font-size:9px!important;
    line-height:1.05!important;
    white-space:nowrap!important;
  }
  .products__list--responsive .ff-site-buy-catalog > .market-icon{
    display:none!important;
  }
  .products__list--responsive .ff-site-discount-badge{
    width:38px!important;
    height:38px!important;
    padding:0 8px 0 5px!important;
    font-size:9px!important;
    clip-path:polygon(0 0,calc(100% - 8px) 0,100% 50%,calc(100% - 8px) 100%,0 100%)!important;
    -webkit-clip-path:polygon(0 0,calc(100% - 8px) 0,100% 50%,calc(100% - 8px) 100%,0 100%)!important;
  }
  .products__list--responsive .ff-site-discount-badge::after{
    inset:1px 8px 1px 1px!important;
  }
}

/* FITFILIP catalog: narrower main padding only at 992-1100px */
@media (min-width: 992px) and (max-width: 1100px) {
  .in_main {padding: 0 60px 20px;}
}

/* FITFILIP v18: three list-mode product columns from 1480px. */
@media (min-width:1480px){
  .products__list.ff-catalog-list-view{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
}

/* FITFILIP v23: mobile sorting title normalization + compact list prices */
@media (max-width:767px){
  /* One identical mobile heading for both catalog and category sorting blocks. */
  .ff-sort-menu__mobile-title{display:none!important;}
  .ff-sort-menu__icon{display:none!important;}
  .ff-sort-menu__toggle::before{
    content:'Сортировка';
    display:inline-block;
    color:var(--text);
    font:inherit;
    font-weight:600;
    line-height:1.2;
  }

  /* In list view keep old and current prices on one line to save vertical space. */
  .products__list.ff-catalog-list-view .ff-catalog-site-price{
    display:flex!important;
    flex-direction:row!important;
    align-items:baseline!important;
    justify-content:flex-start!important;
    gap:8px!important;
    min-height:0!important;
    margin:5px 0!important;
  }
  .products__list.ff-catalog-list-view .ff-catalog-site-price__old{
    min-height:0!important;
    margin:0!important;
  }
  .products__list.ff-catalog-list-view .ff-catalog-site-price__current{
    margin:0!important;
  }
}

/* Красные иконки отменённого заказа */
#ffPurchaseModalIcon .fa-circle-xmark,
#ffPurchaseDeliveryCurrent .fa-ban {
    color: #de2c2c;
}