/*
 * kon-theme.css — современное оформление витрин Океано поверх темы «new» (29.09.2026).
 * Разметка темы не меняется: только стили, подключаются после style.css. Удалить файл = вернуть как было.
 * Разделы: шапка · подсказки поиска · нижняя панель на телефоне · подвал · плашка cookies.
 */

/* ═══════════ Иконки: свой контурный набор, через mask-image (цвет = currentColor) ═══════════ */
:root{--i-heart:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20.8 4.6a5.5 5.5 0 0 0-7.8 0L12 5.6l-1-1a5.5 5.5 0 0 0-7.8 7.8l1 1L12 21.2l7.8-7.8 1-1a5.5 5.5 0 0 0 0-7.8z'/%3E%3C/svg%3E");--i-heart-f:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath fill='black' stroke='black' d='M20.8 4.6a5.5 5.5 0 0 0-7.8 0L12 5.6l-1-1a5.5 5.5 0 0 0-7.8 7.8l1 1L12 21.2l7.8-7.8 1-1a5.5 5.5 0 0 0 0-7.8z'/%3E%3C/svg%3E");--i-scales:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 4v17M8 21h8M4 7h16'/%3E%3Cpath d='M2.5 14.5a3.5 3.5 0 0 0 7 0L6 7l-3.5 7.5zM14.5 14.5a3.5 3.5 0 0 0 7 0L18 7l-3.5 7.5z'/%3E%3C/svg%3E");--i-user:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='12' cy='7.5' r='4'/%3E%3C/svg%3E");--i-bag:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6.5 2.5 3.5 6.5v14a2 2 0 0 0 2 2h13a2 2 0 0 0 2-2v-14l-3-4zM3.5 6.5h17M16 10.5a4 4 0 0 1-8 0'/%3E%3C/svg%3E");--i-bag-f:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath fill='black' stroke='black' stroke-linejoin='round' d='M6.5 2.5 3.5 6.5v14a2 2 0 0 0 2 2h13a2 2 0 0 0 2-2v-14l-3-4z'/%3E%3Cpath stroke='white' d='M16 10.5a4 4 0 0 1-8 0'/%3E%3C/svg%3E");--i-orders:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 2.5H6.5a2 2 0 0 0-2 2v15a2 2 0 0 0 2 2h11a2 2 0 0 0 2-2V8z'/%3E%3Cpath d='M14 2.5V8h5.5M15.5 13h-7M15.5 17h-7M10.5 9h-2'/%3E%3C/svg%3E");--i-grid:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3.5' y='3.5' width='7' height='7' rx='1.6'/%3E%3Crect x='13.5' y='3.5' width='7' height='7' rx='1.6'/%3E%3Crect x='3.5' y='13.5' width='7' height='7' rx='1.6'/%3E%3Crect x='13.5' y='13.5' width='7' height='7' rx='1.6'/%3E%3C/svg%3E");--i-pin:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 10c0 6.5-8 12.5-8 12.5S4 16.5 4 10a8 8 0 0 1 16 0z'/%3E%3Ccircle cx='12' cy='10' r='3'/%3E%3C/svg%3E");--i-search:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='7.5'/%3E%3Cpath d='M20.5 20.5l-4.2-4.2'/%3E%3C/svg%3E");--i-x:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 6l12 12M18 6 6 18'/%3E%3C/svg%3E");--i-menu:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 7h16M4 12h16M4 17h16'/%3E%3C/svg%3E");--i-eye:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 12s3.6-7 10-7 10 7 10 7-3.6 7-10 7S2 12 2 12z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E");--i-chev:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");--i-send:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21.5 2.5 11 13M21.5 2.5l-6.5 19-4-8.5-8.5-4z'/%3E%3C/svg%3E");--i-share:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='18' cy='5' r='2.6'/%3E%3Ccircle cx='6' cy='12' r='2.6'/%3E%3Ccircle cx='18' cy='19' r='2.6'/%3E%3Cpath d='M8.3 13.3l7.4 4.4M15.7 6.3 8.3 10.7'/%3E%3C/svg%3E");--i-login:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 3.5h3.5a2 2 0 0 1 2 2v13a2 2 0 0 1-2 2H15M10 17l5-5-5-5M15 12H3.5'/%3E%3C/svg%3E");--i-info:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 11v5M12 8h.01'/%3E%3C/svg%3E");--i-home:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3.5 10.5 12 3.5l8.5 7v9a1.5 1.5 0 0 1-1.5 1.5h-4.5v-6h-5v6H5a1.5 1.5 0 0 1-1.5-1.5z'/%3E%3C/svg%3E");--i-trash:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 7h16M9.5 7V4.5h5V7M6.5 7l.8 13h9.4l.8-13M10 11v6M14 11v6'/%3E%3C/svg%3E");--i-minus:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12h12'/%3E%3C/svg%3E");--i-plus:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 6v12M6 12h12'/%3E%3C/svg%3E");--i-check:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E");--c-minus-g:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236a2ee8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12h12'/%3E%3C/svg%3E");--c-plus-g:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236a2ee8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 6v12M6 12h12'/%3E%3C/svg%3E");--c-x-g:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238f89a8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 6l12 12M18 6 6 18'/%3E%3C/svg%3E");}
.header__city::before,.header__catalog::before,.header__links-item::before,.search__form label::before,.mheader__catalog::before,.mheader__search::before,.item__footer-link::before,.card__header-links a::before,.btn_card::before,.btn_buynow::before,.basket__profile-entry::before,.basket__item-footer-icon::before,.btn_entry::before,.basket_link a::before,.btn_categories::before{-webkit-mask:var(--ki) center/contain no-repeat;mask:var(--ki) center/contain no-repeat;background:currentColor;flex:none}

/* ═══════════ Шапка (03.10.2026): строка «город · меню» + панель «логотип · каталог+поиск · действия» ═══════════ */
.kt-brand .header{background:radial-gradient(120% 140% at 0% 0%,#b12cff 0%,rgba(177,44,255,0) 55%),radial-gradient(120% 160% at 100% 100%,#2fd3c6 0%,rgba(47,211,198,0) 55%),linear-gradient(110deg,#8a2df6 0%,#5b55e8 48%,#3c8fe0 100%)!important;position:relative}
.kt-brand .header::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,0) 40%)}
.header{isolation:isolate}
.header>.container{position:relative;z-index:2}
.header__links-icon,.header__catalog-icon,.header__city-icon,.search__icon,.search__close{display:none!important}

@media screen and (min-width:556px){
  .header{padding:10px 0 40px!important}
  .header>.container{display:grid!important;grid-template-columns:auto auto minmax(0,1fr) auto;grid-template-areas:"city menu menu menu" "logo catalog search links";column-gap:0;row-gap:10px;align-items:center}
  .header__city{margin-right:18px;justify-self:start}
  .header_top,.header_bottom{display:contents!important}
  /* строка 1: город и меню */
  .header__city{grid-area:city;display:inline-flex!important;align-items:center;gap:7px;height:32px;padding:0 12px 0 9px;border-radius:10px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.22);color:#fff;transition:background .2s}
  .header__city:hover{background:rgba(255,255,255,.22)}
  .header__city::before{content:"";width:16px;height:16px;--ki:var(--i-pin)}
  .header__city-title{font-size:13px!important;font-weight:600!important;color:#fff!important;opacity:1!important;white-space:nowrap}
  .header__menu{grid-area:menu;order:0!important;margin:0!important;width:auto!important;max-width:none!important;min-width:0}
  .header__menu-list{display:flex;flex-wrap:wrap;justify-content:flex-start!important;width:auto!important;gap:0 2px}
  .header__menu-li{margin:0!important}
  .header__menu-link{position:relative;display:inline-block;padding:7px 10px;border-radius:9px;font-size:13.5px!important;font-weight:600!important;letter-spacing:.01em;color:rgba(255,255,255,.88)!important;opacity:1!important;white-space:nowrap;transition:background .15s,color .15s}
  .header__menu-link:hover{background:rgba(255,255,255,.14);color:#fff!important}
  .header__menu-link.active{color:#fff!important}
  .header__menu-link.active::after{content:"";position:absolute;left:10px;right:10px;bottom:3px;height:2px;border-radius:1px;background:#fff;opacity:.9}
  /* строка 2: логотип · каталог+поиск · действия — одна панель */
  .header .logo img{height:38px;width:auto;display:block}
  .logo{grid-area:logo;justify-self:start;filter:none!important;margin:0 22px 0 0}
  .header__catalog{grid-area:catalog;justify-self:start;flex:none;display:inline-flex!important;align-items:center;gap:9px;width:auto!important;min-width:0;height:50px!important;margin:0!important;padding:0 18px 0 16px!important;border-radius:14px 0 0 14px!important;background:rgba(255,255,255,.18)!important;border:1px solid rgba(255,255,255,.32);border-right:0;color:#fff;transition:background .2s}
  .header__catalog:hover{background:rgba(255,255,255,.3)!important}
  .header__catalog::before{content:"";width:20px;height:20px;--ki:var(--i-grid)}
  .header__catalog-title{font-size:15px!important;font-weight:700!important;margin:0!important;color:#fff;opacity:1!important}
  .search{grid-area:search;display:block!important;margin:0!important;max-width:none!important;min-width:150px}
  .search__form{width:100%!important;height:50px!important;margin:0!important}
  .search__input{height:50px!important;border-radius:0 14px 14px 0!important;background:#fff!important;border:0!important;padding:0 56px 0 18px!important;font-size:15px!important;font-weight:500!important;color:#1d1640!important;box-shadow:0 10px 26px rgba(35,10,90,.16);transition:box-shadow .2s}
  .search__input::placeholder{color:#8f89a8!important;font-weight:500!important;font-size:15px!important}
  .search__input:focus{outline:none;box-shadow:0 0 0 4px rgba(255,255,255,.35),0 10px 26px rgba(35,10,90,.2);padding:0 56px 0 18px!important}
  .search__form label{position:absolute;top:50%;transform:translateY(-50%);width:36px;height:36px;border-radius:10px;display:grid;place-items:center;cursor:pointer;color:#fff;background:linear-gradient(135deg,#8a2df6,#5b55e8);right:7px;transition:transform .15s}
  .search__form label:hover{transform:translateY(-50%) scale(1.04)}
  .search__form label::before{content:"";width:18px;height:18px;--ki:var(--i-search)}
  /* «очистить» — вторая слева от кнопки, только когда что-то введено */
  .search__form label:has(.search__close){right:48px;background:none;color:#8f89a8;display:none}
  .search__form label:has(.search__close)::before{--ki:var(--i-x)}
  .search__input:valid~label:has(.search__close){display:grid}
  .search label[id=lbl4]{display:none!important}
  /* действия: капсула из четырёх кнопок */
  .header__links{grid-area:links;display:flex!important;align-items:center;gap:2px;margin:0 0 0 14px;padding:4px;border-radius:14px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.26)}
  .header__links-item{position:relative;display:inline-flex!important;flex-direction:column;align-items:center;justify-content:center;gap:3px;flex:none;min-width:42px;height:42px;margin:0!important;padding:0 6px;border-radius:10px;color:#fff;text-decoration:none;transition:background .15s}
  .header__links-item::after{display:none;font-size:10.5px;font-weight:600;line-height:1;letter-spacing:.01em;white-space:nowrap;content:"Профиль"}
  #wishlist_informer::after{content:"Избранное"} #comparison_informer::after{content:"Сравнить"} #cart_informer::after{content:"Корзина"}
  .header__links-item:has(img[src*="orders.svg"])::after{content:"Заказы"}
  .header__links-item:hover{background:rgba(255,255,255,.22)}
  .header__links-item::before{content:"";width:22px;height:22px;--ki:var(--i-user)}
  .header__links-item>span{display:none!important}
  #wishlist_informer::before{--ki:var(--i-heart)}
  #comparison_informer::before{--ki:var(--i-scales)}
  #cart_informer::before{--ki:var(--i-bag)}
  .header__links-item:has(img[src*="orders.svg"])::before{--ki:var(--i-orders)}
  .header__links-item .count{position:absolute;top:0;left:calc(50% + 4px);min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:#fff;color:#6a2ee8;font-size:11px;font-weight:700;line-height:18px;text-align:center;box-shadow:0 2px 6px rgba(30,10,80,.25)}
  html:not(.kt-brand) .header__links-item .count{background:var(--accent-color,#f01370);color:#fff}
  .header__links-item:focus-visible,.header__catalog:focus-visible,.header__city:focus-visible{outline:2px solid #fff;outline-offset:2px}
  html:not(.kt-brand) .search__form label{background:var(--accent-color,#6a2ee8)}
}
@media screen and (min-width:1100px){
  .header__links-item{min-width:60px;height:50px;padding:0 8px}
  .header__links-item::after{display:block}
  .header__links-item .count{left:calc(50% + 2px)}
}
@media screen and (min-width:556px) and (max-width:1099px){
  /* уже: тот же порядок, но «Каталог» — только иконка, подписей у действий нет; третьей строки не бывает */
  .header__catalog{padding:0 15px!important;gap:0}
  .header__catalog-title{display:none!important}
  .header .logo img{height:32px}
  .logo{margin-right:14px}
  .header__links{margin-left:10px}
}
/* длинное меню (okeysait.ru) — на всю ширину своей строкой */
@media screen and (min-width:1100px){
  .kt-menu-row .header>.container{grid-template-areas:"city menu menu menu" "logo catalog search links"}
}

/* ——— Подсказки поиска ——— */
.autocomplete-suggestions{border:0!important;border-radius:14px;box-shadow:0 18px 40px rgba(35,10,90,.18);padding:6px 0;margin-top:6px}
.autocomplete-suggestions .autocomplete-suggestion,.autocomplete-suggestions div{padding:8px 16px!important;font-size:14px}
.autocomplete-suggestions .selected{background:#f3effe!important}
.autocomplete-suggestions strong{color:#6a2ee8!important;font-weight:600!important}

/* ——— Телефон: верх (меню · логотип · поиск) и нижняя панель с подписями ——— */
@media screen and (max-width:555px){
  .header{padding:8px 0 28px!important}
  .kt-brand .header{padding:8px 0 30px!important}
  .mheader__top{align-items:center;min-height:44px}
  .mheader .mlogo{max-height:40px;width:auto;max-width:180px;object-fit:contain}
  .mheader__catalog,.mheader__search{display:grid!important;place-items:center;width:42px;height:42px;border-radius:12px;background:rgba(255,255,255,.14);color:#fff}
  .mheader__catalog img,.mheader__search img{display:none!important}
  .mheader__catalog::before,.mheader__search::before{content:"";width:22px;height:22px}
  .mheader__catalog::before{--ki:var(--i-menu)}
  .mheader__search::before{--ki:var(--i-search)}
  .search__form{margin-top:12px!important}
  .search__input{height:46px!important;border-radius:14px!important;background:#fff!important;color:#1d1640!important;font-size:15px!important;padding:0 48px 0 16px!important}
  .search__input::placeholder{color:#8f89a8!important;font-size:15px!important}
  .search__form label{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:34px;height:34px;border-radius:9px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,#8a2df6,#5b55e8)}
  .search__form label::before{content:"";width:18px;height:18px;--ki:var(--i-search)}
  .search__form label:has(.search__close){display:none}
  .search label[id=lbl4]{display:none!important}
  html:not(.kt-brand) .search__form label{background:var(--accent-color,#6a2ee8)}
  /* нижняя панель */
  .header__links{background:rgba(255,255,255,.97)!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid rgba(106,46,232,.12);box-shadow:0 -8px 24px rgba(35,10,90,.10);border-radius:18px 18px 0 0;padding:6px 6px calc(6px + env(safe-area-inset-bottom))!important;gap:0;justify-content:space-around}
  .header__links-item{position:relative;display:inline-flex!important;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-width:64px;height:48px;margin:0!important;border-radius:12px;color:#6c6686;transition:background .15s,color .15s;text-decoration:none}
  .header__links-item:active{background:#f3effe;color:#6a2ee8}
  .header__links-item::before{content:"";width:22px;height:22px;--ki:var(--i-user)}
  .header__links-item::after{font-size:10.5px;font-weight:600;line-height:1;letter-spacing:.01em;content:"Профиль"}
  #wishlist_informer::before{--ki:var(--i-heart)} #wishlist_informer::after{content:"Избранное"}
  #comparison_informer::before{--ki:var(--i-scales)} #comparison_informer::after{content:"Сравнить"}
  #cart_informer::before{--ki:var(--i-bag)} #cart_informer::after{content:"Корзина"}
  .header__links-item:has(img[src*="orders.svg"])::before{--ki:var(--i-orders)}
  .header__links-item:has(img[src*="orders.svg"])::after{content:"Заказы"}
  .header__links-item>span{display:none!important}
  .header__links-item .count{position:absolute;top:1px;left:calc(50% + 4px);min-width:17px;height:17px;padding:0 4px;border-radius:9px;background:var(--accent-color,linear-gradient(135deg,#b005fa,#336bdb));color:#fff;font-size:10.5px;font-weight:700;line-height:17px;text-align:center}
  .header__links .count{z-index:2}
}

/* ——— Карточка товара: действия в подвале карточки тем же набором иконок ——— */
.item__footer-link{position:relative;display:inline-flex!important;align-items:center;justify-content:center;color:#6a2ee8;transition:color .15s,transform .15s}
.item__footer-link img{display:none!important}
.item__footer-link::before{content:"";width:22px;height:22px;--ki:var(--i-eye)}
.item__footer-link.fn_wishlist::before{--ki:var(--i-heart)}
.item__footer-link.fn_wishlist.active::before{--ki:var(--i-heart-f)}
.item__footer-link.fn_comparison::before{--ki:var(--i-scales)}
button.item__footer-link::before{--ki:var(--i-bag)}
button.item__footer-link.active::before{--ki:var(--i-bag-f)}
.item__footer-link:hover{transform:translateY(-1px)}
html:not(.kt-brand) .item__footer-link{color:var(--main-color,#6a2ee8)}

/* ——— Подвал: бренд + Telegram, навигация, строка права, бирка «Проект экосистемы «КОН»» ——— */
.footer.kf{padding:56px 0 28px;color:#fff}
.kf__top{display:grid;grid-template-columns:minmax(240px,340px) 1fr;gap:40px 64px;align-items:start}
.kf__logo{display:inline-block}
.kf__logo img{display:block;height:40px;width:auto;max-width:200px;object-fit:contain;object-position:left center}
.kf__about{margin:14px 0 20px;font-size:15px;line-height:1.55;color:rgba(255,255,255,.86);max-width:320px}
.kf__tg{display:inline-flex;align-items:center;gap:10px;height:46px;padding:0 20px 0 14px;border-radius:23px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.34);color:#fff;font-weight:600;font-size:15px;text-decoration:none;transition:background .2s,color .2s,transform .2s}
.kf__tg svg{width:22px;height:22px;flex:none}
.kf__tg:hover{background:#fff;color:#6a2ee8;transform:translateY(-1px)}
.kf__nav{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:14px 32px;padding-top:6px}
.kf__nav a{color:#fff;font-weight:600;font-size:16px;line-height:1.3;text-decoration:none;opacity:.9;transition:opacity .15s}
.kf__nav a:hover{opacity:1;text-decoration:underline;text-underline-offset:4px}
.kf__bottom{margin-top:40px;padding-top:22px;border-top:1px solid rgba(255,255,255,.24);display:flex;align-items:center;justify-content:space-between;gap:20px 32px}
.kf__legal{font-size:13px;line-height:1.55;color:rgba(255,255,255,.76);max-width:720px}
.kf__legal b{color:#fff;font-weight:600}
/* Бирка-наклейка КОН: бумажный ярлык с «люверсом», чуть повёрнут; при наведении выравнивается */
.kf-kon{position:relative;flex:none;display:inline-flex;align-items:center;gap:9px;padding:9px 16px 9px 29px;background:#fffdf7;color:#1d1640;border-radius:7px 10px 10px 7px;font-size:13.5px;font-weight:700;letter-spacing:.01em;text-decoration:none;white-space:nowrap;transform:rotate(-2.5deg);box-shadow:0 1px 0 rgba(255,255,255,.6) inset,0 8px 20px rgba(28,10,70,.28),0 2px 4px rgba(28,10,70,.18);transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .25s}
.kf-kon::before{content:"";position:absolute;left:11px;top:50%;width:9px;height:9px;margin-top:-4.5px;border-radius:50%;background:linear-gradient(135deg,#b005fa,#336bdb);box-shadow:0 0 0 2px #e9e3f7 inset}
.kf-kon::after{content:"";position:absolute;right:0;top:0;width:14px;height:14px;border-radius:0 10px 0 6px;background:linear-gradient(225deg,rgba(0,0,0,.0) 50%,rgba(0,0,0,.09) 50%,#efe9dc 62%)}
.kf-kon__arr{opacity:.55;font-weight:600;transition:transform .25s,opacity .25s}
.kf-kon:hover{transform:rotate(0) translateY(-2px);box-shadow:0 1px 0 rgba(255,255,255,.6) inset,0 14px 30px rgba(28,10,70,.34),0 3px 6px rgba(28,10,70,.2)}
.kf-kon:hover .kf-kon__arr{opacity:1;transform:translateX(2px)}
.kf-kon:focus-visible{outline:3px solid #fff;outline-offset:3px}
@media (prefers-reduced-motion:reduce){.kf-kon,.kf-kon__arr,.kf__tg{transition:none}}
@media screen and (max-width:900px){.kf__top{grid-template-columns:1fr;gap:28px}.kf__about{max-width:none}}
@media screen and (max-width:640px){.footer.kf{padding:40px 0 24px}.kf__nav{grid-template-columns:1fr 1fr;gap:12px 18px}.kf__nav a{font-size:15px}.kf__bottom{flex-direction:column-reverse;align-items:flex-start;margin-top:28px}.kf-kon{transform:rotate(-1.5deg)}}
@media screen and (max-width:555px){.footer.kf{padding-bottom:calc(84px + env(safe-area-inset-bottom))}}
.kf__credit{display:inline-flex;align-items:center;gap:8px;margin-top:6px;font-size:12.5px;color:rgba(255,255,255,.7);text-decoration:none}
.kf__credit img{height:18px;width:auto;opacity:.9}
.kf__credit:hover{color:#fff}

/* ——— Плашка cookies ——— */
.cookie-bnr.kc{display:none;left:20px;right:auto;bottom:20px;transform:none;width:calc(100% - 40px);max-width:440px;padding:14px 14px 14px 16px;border-radius:18px;background:rgba(255,255,255,.97);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(165,140,255,.35);box-shadow:0 18px 50px rgba(40,20,90,.22),0 2px 6px rgba(40,20,90,.08);font-size:13.5px;line-height:1.45;color:#2a2340;align-items:center;gap:14px;z-index:1000}
.cookie-bnr.kc.show{display:flex;animation:kcIn .45s cubic-bezier(.2,.8,.2,1)}
.cookie-bnr.kc.hide{animation:kcOut .25s ease forwards}
.kc__ico{flex:none;width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:var(--main-color,linear-gradient(135deg,#b005fa,#336bdb 70%,#34d1c7));color:#fff}
.kc__ico svg{width:24px;height:24px}
.kc__body{min-width:0}
.kc__title{display:block;font-weight:700;font-size:14.5px;color:#1d1640;margin-bottom:2px}
.kc__text{color:#5b5470}
.cookie-bnr.kc .kc__text a{color:#6a2ee8;text-decoration:underline;text-underline-offset:2px}
.kc__ok{flex:none;height:40px;padding:0 18px;border:0;border-radius:20px;background:var(--accent-color,linear-gradient(135deg,#b005fa,#336bdb));color:#fff;font-family:inherit;font-weight:600;font-size:14px;cursor:pointer;box-shadow:0 6px 16px rgba(120,40,230,.35);transition:transform .15s,box-shadow .15s}
.kc__ok:hover{transform:translateY(-1px);box-shadow:0 10px 22px rgba(120,40,230,.42)}
.kc__ok:focus-visible{outline:3px solid #b9a2ff;outline-offset:2px}
@keyframes kcIn{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
@keyframes kcOut{to{opacity:0;transform:translateY(12px)}}
@media screen and (max-width:560px){.cookie-bnr.kc{left:12px;right:12px;width:auto;max-width:none;flex-wrap:wrap;bottom:calc(84px + env(safe-area-inset-bottom))}.kc__body{flex:1 1 calc(100% - 60px)}.kc__ok{width:100%}}
@media (prefers-reduced-motion:reduce){.cookie-bnr.kc.show,.cookie-bnr.kc.hide{animation:none}}

/* ——— Подвал мини-сайтов: соцсети владельца и пометка «Создано при помощи Okeano» ——— */
.kf__name{margin:0 0 18px;font-size:20px;font-weight:700;color:#fff}
.kf__logo+.kf__social,.kf__logo+.kf__name{margin-top:18px}
.kf__social{display:flex;flex-wrap:wrap;gap:10px}
.kf__social a{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.3);transition:background .2s,transform .2s}
.kf__social a:hover{background:rgba(255,255,255,.28);transform:translateY(-1px)}
.kf__social img{width:22px;height:22px;display:block}
.kf__legal a{color:#fff}
.kf__legal img{height:22px;width:auto;vertical-align:middle;margin-left:6px}
.kf__legal span{display:inline}
/* Мини-сайты: фон подвала — их цвет (--color5), слегка притемнённый, чтобы белый текст читался на светлых цветах */
html:not(.kt-brand) .footer.kf{background-image:linear-gradient(180deg,rgba(12,8,32,.16),rgba(12,8,32,.30))}

/* ═══════════ Содержимое страниц (02.10.2026) ═══════════ */

/* ——— Карточки товаров: ровные ряды, тень при наведении, название в две строки ——— */
.items{row-gap:26px!important}
.item{margin-bottom:0!important;transition:transform .2s}
.item:hover{transform:translateY(-2px)}
.item__main{position:relative;z-index:1;transition:box-shadow .2s,border-color .2s}
.item:hover .item__main{box-shadow:0 14px 34px rgba(40,20,90,.12)}
.item__img{max-width:100%;max-height:100%;object-fit:contain;border-radius:10px}
.item__newprice{font-size:18px!important;line-height:1.3}
.item__oldprice{font-size:14px!important;font-weight:500!important}
.item__title{display:-webkit-box!important;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:19px;min-height:38px;transition:color .15s}
.item__grade{margin-top:10px!important}
.kt-brand .item__main{border-color:#e4defa}
.kt-brand .item:hover .item__main{border-color:#a58cff}
.kt-brand .item__footer{background:#f1edff}
.kt-brand .item__title{color:#4a4560!important}
.kt-brand .item__title:hover{color:#1d1640!important}
.kt-brand .item__discount{background:linear-gradient(135deg,#f013de,#b005fa)}

/* ——— Формы: единые скругления и подсветка фокуса, кнопки без разреженных букв ——— */
.main input[type=text],.main input[type=email],.main input[type=tel],.main input[type=password],.main input[type=number],.main textarea,.main select{transition:border-color .15s,box-shadow .15s}
.main input[type=text]:focus,.main input[type=email]:focus,.main input[type=tel]:focus,.main input[type=password]:focus,.main input[type=number]:focus,.main textarea:focus,.main select:focus{outline:none;box-shadow:0 0 0 3px rgba(165,140,255,.28)}
.main button,.main [class*="btn"],.main input[type=submit],.main label[class*="file"]{letter-spacing:normal!important}

/* ——— Пустая корзина ——— */
.basket_text{font-size:20px!important;font-weight:600}
.basket_links{display:flex;flex-wrap:wrap;gap:12px;margin-top:18px}
.basket_link{display:inline-flex!important;align-items:center;gap:10px;margin:0!important;padding:10px 16px;border:1px solid rgba(120,100,200,.25);border-radius:14px;font-size:15px!important;line-height:1.3;background:rgba(165,140,255,.07)}
.basket_link img{width:22px;height:22px;display:block}

/* ——— Каталог: список разделов шире и крупнее ——— */
@media screen and (min-width:900px){.catalog__panel{flex:0 0 280px!important;width:280px!important}}
.catalog__panel-item{border-radius:12px!important;transition:background .15s}
.catalog__panel-item-title{font-size:15px!important;line-height:1.3}
.kt-brand .catalog__panel-item{border-color:#e4defa!important;height:38px!important}
.kt-brand .catalog__panel-item:hover,.kt-brand .catalog__panel-item_active{background:#f3effe!important;border-color:#a58cff!important}
.catalog__col-title{font-weight:700}
.catalog__col-link{transition:color .15s}

/* ——— Текст раздела под товарами: абзацы с отступами ——— */
.categories__text p{margin:0 0 12px}
.categories__text p:last-child{margin-bottom:0}

/* ——— Контакты: плитка «Обращения» компактной кнопкой ——— */
.contacts__descr br:first-child{display:none}
.contacts__card{max-width:440px;width:100%!important;height:auto!important;min-height:0!important;padding:22px 26px!important;border-radius:24px!important;cursor:pointer;transition:transform .2s,box-shadow .2s}
.contacts__card:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(60,40,160,.16)}
.contacts__card-wrapper{align-items:center;height:auto!important}
.contacts__card-title{font-size:24px!important;line-height:1.2!important}
.contacts__card-icon,.contacts__card-icon img{width:88px!important;height:auto!important}
.contacts__card-subtitle{margin-top:10px!important;font-size:15px!important;line-height:1.3!important;text-align:left!important}

/* ═══════════ Страница товара, окна, корзина, 404 (03.10.2026) ═══════════ */

/* ——— Товар: заголовок, действия, цена, счётчик, кнопка ——— */
.card__header{align-items:flex-start!important;gap:16px}
.card__header-title{font-size:28px!important;line-height:1.2;font-weight:700}
.card__header-links{display:flex;gap:6px;flex:none}
.card__header-links a{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;color:#6a2ee8;background:#f3effe;transition:background .15s,transform .15s}
.card__header-links a:hover{background:#e9e2ff;transform:translateY(-1px)}
.card__header-links a::before{content:"";width:20px;height:20px;--ki:var(--i-send)}
.card__header-links a:nth-child(2)::before{--ki:var(--i-share)}
.card__header-icon{display:none!important}
.card__imgwrap{border-color:#e4defa!important;border-radius:18px!important}
.card__btns{gap:10px;margin-top:4px}
.btn_card{width:auto!important;height:44px!important;margin:0!important;padding:0 18px 0 14px;gap:9px;border-radius:12px!important;border:1px solid #e4defa!important;background:#fff!important;color:#6a2ee8;transition:background .15s,border-color .15s}
.btn_card:hover{background:#f3effe!important;border-color:#c9bcff!important}
.btn_card.active{background:#6a2ee8!important;border-color:#6a2ee8!important;color:#fff}
.btn_card-icon{display:none!important}
.btn_card::before{content:"";width:20px;height:20px;--ki:var(--i-heart)}
.btn_card.fn_comparison::before{--ki:var(--i-scales)}
.btn_card.fn_wishlist.active::before{--ki:var(--i-heart-f)}
.btn_card-title{margin:0!important;font-size:14.5px!important;font-weight:600!important;color:inherit!important}
.card__prices{margin-top:22px!important;gap:12px}
.card__newprice{font-size:36px!important;letter-spacing:-.01em;margin-right:0!important}
.card__oldprice{font-size:18px!important;font-weight:500!important;color:#9a95ad!important}
.card__wrap{margin-top:18px!important;gap:14px;display:flex;flex-direction:row!important;flex-wrap:wrap;align-items:center}
@media screen and (min-width:556px){.card__wrap{width:auto!important;overflow:visible!important}}
.counter{width:132px!important;height:44px!important;margin:0!important;border-radius:12px!important;background:#f3effe!important;border:1px solid #e4defa}
.counter input{color:#1d1640!important;font-size:16px!important;font-weight:700!important}
.counter__minus,.counter__plus{width:28px;height:28px;padding:5px;border-radius:8px;cursor:pointer;transition:background .15s}
.counter__minus:hover,.counter__plus:hover{background:#e4defa}
.counter__minus{content:var(--c-minus-g)}.counter__plus{content:var(--c-plus-g)}
.btn_buynow{width:auto!important;min-width:200px;height:50px!important;padding:0 24px 0 20px!important;gap:10px;margin:0!important;border-radius:14px!important;background:linear-gradient(135deg,#8a2df6,#5b55e8)!important;color:#fff;box-shadow:0 10px 24px rgba(106,46,232,.3);transition:transform .15s,box-shadow .15s}
.btn_buynow:hover{transform:translateY(-1px);box-shadow:0 14px 30px rgba(106,46,232,.36)}
.btn_buynow-icon{display:none!important}
.btn_buynow::before{content:"";width:20px;height:20px;--ki:var(--i-bag)}
.btn_buynow-title{display:block!important;margin:0!important;font-size:16px!important;font-weight:700!important;letter-spacing:normal!important}
.descr__title,.reviews__title,.chars__title{font-size:22px!important}
.descr__text{font-size:15px;line-height:1.65;color:#2a2340}
.descr__text p{margin:0 0 10px}
.reviews__title span{background:#6a2ee8!important;width:26px!important;height:26px!important;font-size:13px!important;margin-top:0!important}
.chars__item{padding:8px 0;border-bottom:1px dashed #e4defa;margin-bottom:0!important}
.chars__name{font-size:14.5px!important;color:#6c6686!important}
.chars__pos{font-size:14.5px!important}

/* ——— Окна: вход, выбор города, «Поделиться» ——— */
.popups{background:rgba(20,12,48,.45);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:16px}
.popup{width:min(440px,100%)!important}
.popup__main{padding:32px 32px 28px!important;border-radius:22px!important;box-shadow:0 30px 80px rgba(20,12,48,.35)}
.popup__close{top:16px!important;right:16px!important;width:34px;height:34px;padding:7px;border-radius:9px;content:var(--c-x-g);transition:background .15s}
.popup__close:hover{background:#f3effe}
.popup__title{font-size:22px!important;line-height:1.25;padding-right:36px}
.popup__tabs{display:flex;gap:4px;margin-top:16px;padding:3px;border-radius:12px;background:#f3effe}
.popup__tab{flex:1;text-align:center;padding:8px 10px;border-radius:9px;font-size:13.5px!important;font-weight:600!important;color:#6c6686!important;transition:background .15s,color .15s}
.popup__tab_active{background:#fff;color:#1d1640!important;box-shadow:0 2px 8px rgba(20,12,48,.08)}
.popup__form{margin-top:10px}
.popup__input{height:48px!important;border-radius:12px!important;border:1px solid #e4defa!important;margin-top:0!important;padding:0 16px!important;font-size:15px!important;color:#1d1640!important;transition:border-color .15s,box-shadow .15s}
.popup__input:focus{border-color:#a58cff!important;box-shadow:0 0 0 3px rgba(165,140,255,.28)}
.popup__input:valid{background:#fff!important}
.btn_entry{height:50px!important;margin-top:14px!important;gap:10px;border-radius:14px!important;background:linear-gradient(135deg,#8a2df6,#5b55e8)!important;box-shadow:0 10px 24px rgba(106,46,232,.3);color:#fff}
.btn_entry .btn__title{margin:0!important;font-size:16px!important;letter-spacing:normal!important}
.btn_entry .btn__icon{display:none!important}
.btn_entry::before{content:"";width:20px;height:20px;--ki:var(--i-login)}
.popup__main p{display:flex;align-items:flex-start;gap:8px;margin:14px 0 0;font-size:13px;line-height:1.4;color:#6c6686}
.popup__main p input[type=checkbox]{width:16px;height:16px;margin:1px 0 0;accent-color:#6a2ee8;flex:none}
.popup__main p a{color:#6a2ee8}
.btn_password{height:44px!important;margin-top:10px!important;border-radius:14px!important;background:rgba(255,255,255,.92)!important;font-size:15px!important;color:#6a2ee8!important}
.btn_password:hover{background:#fff!important}
.cities__title{font-size:22px!important;color:#1d1640!important;font-weight:700!important}
.cities__subtitle{font-size:15px!important;font-weight:400!important;line-height:1.45!important;color:#6c6686!important;margin-top:6px!important}
.cities__item-title{font-size:12px!important;font-weight:700!important;color:#8f89a8!important;letter-spacing:.08em;margin:14px 0 6px}
.cities__item-citi{margin:0 6px 6px 0!important;padding:6px 11px;border-radius:9px;background:#f3effe;font-size:13.5px!important;font-weight:500;color:#3d2e8f!important;transition:background .15s,color .15s}
.cities__item-citi:hover{background:#6a2ee8;color:#fff!important}
.anketa__popup{padding:32px!important;border:0!important;border-radius:22px!important;box-shadow:0 30px 80px rgba(20,12,48,.35)!important}
.anketa__popup::backdrop{background:rgba(20,12,48,.45);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.anketa__popup-close{top:16px!important;right:16px!important;width:34px;height:34px;padding:7px;border-radius:9px;content:var(--c-x-g)}
.popup_title{font-size:22px!important;letter-spacing:normal!important;line-height:1.25!important}

/* ——— Корзина и оформление ——— */
.basket__title span{background:#6a2ee8!important;border-radius:9px!important;height:26px!important;width:auto!important;min-width:26px;padding:0 8px!important;font-size:13px!important;margin:4px 0 0 12px!important}
.basket__item{border-color:#e4defa!important;border-radius:16px!important;transition:box-shadow .2s}
.basket__item:hover{box-shadow:0 12px 30px rgba(40,20,90,.1)}
.basket__item-title{font-size:15px!important;color:#2a2340!important}
.basket__item-title a{color:#2a2340}
.basket__item-price{font-size:20px!important}
.basket__item-discount{background:linear-gradient(135deg,#f013de,#b005fa)}
.basket__item-footer{background:#f6f4fd!important;color:#4a4560!important;font-size:13.5px!important;padding:10px 16px!important;gap:12px!important}
.basket__item-footer img{display:none!important}
.basket__item-footer-icon{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:9px;color:#6a2ee8;background:#fff;border:1px solid #e4defa}
.basket__item-footer-icon::before{content:"";width:16px;height:16px;--ki:var(--i-home)}
.basket__item-footer-icon:nth-of-type(2)::before{--ki:var(--i-info)}
.basket__item-footer-icon_tooltip{border-radius:10px;font-size:12.5px;padding:8px 10px}
.basket__item-close img{content:var(--c-x-g);width:28px;height:28px;padding:5px;border-radius:8px;transition:background .15s}
.basket__item-close:hover img{background:#f3effe}
.basket__footer{height:auto!important;min-height:56px;padding:10px 18px!important;border-radius:14px!important;background:#f6f4fd!important}
.basket__footer-title{font-size:14.5px;color:#6c6686}
.basket__footer-total{font-size:18px!important}
.basket__footer-total b,.basket__footer-total strong{font-weight:800}
.basket_link.basket__footer-add{color:#6a2ee8}
.basket__prdofile-reg{border:1px solid #e4defa!important;border-radius:16px;padding:14px 18px;background:#fff}
.basket__profile-header-title{font-size:15px;font-weight:600;color:#1d1640}
.basket__profile-entry{display:inline-flex;align-items:center;gap:8px;margin-top:8px;color:#6a2ee8;font-weight:600;font-size:14.5px}
.basket__profile-entry-icon{display:none!important}
.basket__profile-entry::before{content:"";width:18px;height:18px;--ki:var(--i-login)}
.form__title{font-size:20px!important}
.form__item{margin-top:16px!important}
.form__item-title{font-size:13.5px!important;font-weight:600!important;color:#6c6686!important}
.form__input,.form__select{height:48px!important;border-radius:12px!important;border:1px solid #e4defa!important;margin-top:6px!important;padding:0 16px!important;font-size:15px!important;color:#1d1640!important;transition:border-color .15s,box-shadow .15s}
.form__input:focus,.form__select:focus{border-color:#a58cff!important;box-shadow:0 0 0 3px rgba(165,140,255,.28)!important;outline:none}
.form__wrap{display:flex;gap:10px}
.form__input_w50{width:50%!important}
.form-textarea,textarea.form__input{height:auto!important;min-height:110px;padding:12px 16px!important;resize:vertical}
.btn_form{height:52px!important;margin-top:24px!important;border-radius:14px!important;font-size:17px!important;background:linear-gradient(135deg,#8a2df6,#5b55e8)!important;box-shadow:0 10px 24px rgba(106,46,232,.3);transition:transform .15s,box-shadow .15s}
.btn_form:hover{transform:translateY(-1px);box-shadow:0 14px 30px rgba(106,46,232,.36)}
.radiobtns__item input{accent-color:#6a2ee8}
.radiobtns__title{font-size:15px!important;font-weight:500!important}
@media screen and (min-width:556px){.basket__item .counter{position:static!important;transform:none!important}}

/* ——— 404: без размытого пятна на весь экран; крупные цифры фирменным градиентом, текст и три выхода ——— */
.error{min-height:0!important;padding:72px 0 96px!important;display:block!important;position:static!important}
.error::before,.error::after,.error>*:not(.container){display:none!important}
.error .container{position:static!important;transform:none!important;text-align:center}
.error-title{margin:0!important;font-size:clamp(96px,16vw,168px)!important;font-weight:800!important;line-height:1!important;letter-spacing:-.03em!important;color:#6a2ee8!important;background:linear-gradient(110deg,#8a2df6 0%,#5b55e8 45%,#2fd3c6 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:none!important}
.error__subtitle{margin-top:14px!important;font-size:26px!important;line-height:1.2!important;color:#1d1640!important}
.error__descr{margin:10px auto 0!important;max-width:460px;font-size:15.5px!important;line-height:1.5;color:#6c6686!important}
.error__links{margin-top:28px!important;display:flex!important;flex-direction:row!important;flex-wrap:wrap;justify-content:center;gap:10px}
.error__link{height:46px!important;margin:0!important;padding:0 22px!important;border-radius:14px!important;font-size:15px!important;font-weight:600!important;width:auto!important;color:#6a2ee8!important;background:#f3effe!important;box-shadow:none!important;transition:background .15s,transform .15s}
.error__link:hover{background:#e9e2ff!important;transform:translateY(-1px)}
.error__link:first-child{color:#fff!important;background:linear-gradient(135deg,#8a2df6,#5b55e8)!important;box-shadow:0 10px 24px rgba(106,46,232,.28)!important}
html:not(.kt-brand) .error-title{background:none;-webkit-text-fill-color:var(--main-color,#6a2ee8);color:var(--main-color,#6a2ee8)!important}
html:not(.kt-brand) .error__link{color:var(--main-color,#6a2ee8)!important;background:#f3f4f6!important}
html:not(.kt-brand) .error__link:first-child{color:#fff!important;background:var(--accent-color,#6a2ee8)!important;box-shadow:none!important}
@media screen and (max-width:555px){.error{padding:40px 0 60px!important}.error__links{flex-direction:column!important;align-items:stretch}}

/* мини-сайты: акцентные кнопки и бейджи в их цветах */
html:not(.kt-brand) .btn_buynow,html:not(.kt-brand) .btn_entry,html:not(.kt-brand) .btn_form{background:var(--accent-color,#6a2ee8)!important;box-shadow:0 10px 24px rgba(0,0,0,.14)}
html:not(.kt-brand) .btn_card.active,html:not(.kt-brand) .basket__title span,html:not(.kt-brand) .reviews__title span{background:var(--main-color,#6a2ee8)!important;border-color:var(--main-color,#6a2ee8)!important}
html:not(.kt-brand) .btn_card,html:not(.kt-brand) .card__header-links a,html:not(.kt-brand) .basket__item-footer-icon,html:not(.kt-brand) .basket__profile-entry{color:var(--main-color,#6a2ee8)}

/* ═══════════ Отзывчивость: переходы, скелетоны, тост, микроанимации (03.10.2026) ═══════════ */
:root{--kt-ease:cubic-bezier(.2,.8,.2,1);--kt-spring:cubic-bezier(.34,1.56,.64,1)}

/* полоса перехода между страницами (kon-ui.js ставит html.kt-nav) */
.kt-progress{position:fixed;top:0;left:0;height:3px;width:0;z-index:2000;pointer-events:none;opacity:0;border-radius:0 2px 2px 0;background:linear-gradient(90deg,#fff,#2fd3c6);box-shadow:0 0 12px rgba(47,211,198,.7)}
html:not(.kt-brand) .kt-progress{background:var(--accent-color,#fff);box-shadow:0 0 10px rgba(0,0,0,.2)}
.kt-nav .kt-progress{opacity:1;animation:ktProg 8s cubic-bezier(.1,.7,.15,1) forwards}
@keyframes ktProg{0%{width:0}12%{width:35%}45%{width:72%}100%{width:94%}}

/* появление карточек: при первом показе и после ajax-подгрузки списка */
.items .item{animation:ktIn .45s var(--kt-ease) backwards}
.items .item:nth-child(2){animation-delay:.04s}.items .item:nth-child(3){animation-delay:.08s}.items .item:nth-child(4){animation-delay:.12s}
.items .item:nth-child(5){animation-delay:.16s}.items .item:nth-child(6){animation-delay:.2s}.items .item:nth-child(7){animation-delay:.24s}.items .item:nth-child(n+8){animation-delay:.28s}
@keyframes ktIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
/* картинки карточек проявляются по мере загрузки (только когда kon-ui.js на месте) */
html.kt-js img.item__img{opacity:0;transition:opacity .35s ease}
html.kt-js img.item__img.is-loaded{opacity:1}

/* скелетон списка товаров на время фильтрации (ajax_cart.js подставляет .kt-skel) */
.kt-skel{pointer-events:none}
.kt-skel__card{height:330px;min-width:0;border-radius:15px;background:linear-gradient(90deg,#efeafd 25%,#ddd4fb 37%,#efeafd 63%);background-size:400% 100%;animation:ktShimmer 1.3s ease-in-out infinite}
html:not(.kt-brand) .kt-skel__card{background:linear-gradient(90deg,#f1f2f5 25%,#e6e8ee 37%,#f1f2f5 63%);background-size:400% 100%}
@keyframes ktShimmer{from{background-position:100% 0}to{background-position:-100% 0}}

/* кнопки: отклик на нажатие и включение */
.btn_buynow:active,.btn_entry:active,.btn_form:active,.btn_card:active,.header__catalog:active,.kf__tg:active,.kc__ok:active,.error__link:active,.search__form label:active,.item__footer-link:active,.header__links-item:active{transform:scale(.96)!important;transition-duration:.08s!important}
.item__footer-link.kt-pop::before,.btn_card.kt-pop::before{animation:ktPop .45s var(--kt-spring)}
.btn_card.kt-pop{animation:ktFlash .45s ease}
@keyframes ktPop{0%{transform:scale(1)}35%{transform:scale(1.35)}100%{transform:scale(1)}}
@keyframes ktFlash{0%{box-shadow:0 0 0 0 rgba(106,46,232,.45)}100%{box-shadow:0 0 0 12px rgba(106,46,232,0)}}
/* счётчик в шапке перерисовывается после добавления — «подпрыгивает» при вставке */
.header__links-item .count{animation:ktBadge .4s var(--kt-spring) backwards}
@keyframes ktBadge{from{transform:scale(.3);opacity:0}to{transform:scale(1);opacity:1}}

/* тост «добавлено в заказ» вместо полосы во всю ширину (ajax_cart.js ставит класс is-on) */
#cart_informer_client.informer{display:grid!important;grid-template-columns:40px auto;column-gap:12px;align-items:center;position:fixed;top:auto!important;left:auto!important;right:20px;bottom:20px;width:auto!important;max-width:min(360px,calc(100% - 40px));padding:11px 18px 11px 12px!important;border-radius:16px;background:#fff!important;border:1px solid rgba(165,140,255,.35);box-shadow:0 18px 50px rgba(40,20,90,.22),0 2px 6px rgba(40,20,90,.08);color:#6a2ee8!important;font-size:13.5px;font-weight:600;line-height:1.3;text-align:left!important;text-decoration:none;z-index:1200;opacity:0;visibility:hidden;transform:translateY(14px);transition:opacity .25s,transform .25s var(--kt-ease),visibility 0s .25s}
#cart_informer_client.informer.is-on{opacity:1;visibility:visible;transform:none;transition:opacity .25s,transform .35s var(--kt-spring)}
#cart_informer_client.informer::before{content:"";grid-row:1/3;width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,#8a2df6,#5b55e8)}
#cart_informer_client.informer::after{content:"";position:absolute;left:22px;top:50%;width:20px;height:20px;margin-top:-10px;background:#fff;-webkit-mask:var(--i-bag) center/contain no-repeat;mask:var(--i-bag) center/contain no-repeat}
#cart_informer_client.informer span{display:block;font-size:14.5px;font-weight:700;color:#1d1640}
html:not(.kt-brand) #cart_informer_client.informer{color:var(--main-color,#6a2ee8)!important;border-color:rgba(0,0,0,.08)}
html:not(.kt-brand) #cart_informer_client.informer::before{background:var(--accent-color,#6a2ee8)}
@media screen and (max-width:555px){#cart_informer_client.informer{left:12px!important;right:12px;bottom:calc(76px + env(safe-area-inset-bottom));max-width:none}}

/* окна: появление */
.popups{animation:ktFade .2s ease}
.popups .popup__main{animation:ktRise .3s var(--kt-ease)}
.anketa__popup[open]{animation:ktRise .3s var(--kt-ease)}
@keyframes ktFade{from{opacity:0}}
@keyframes ktRise{from{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:none}}
/* подсказки поиска */
.autocomplete-suggestions{animation:ktRise .2s var(--kt-ease)}

@media (prefers-reduced-motion:reduce){
  .items .item,.header__links-item .count,.popups,.popups .popup__main,.anketa__popup[open],.autocomplete-suggestions,.kt-skel__card{animation:none!important}
  html.kt-js img.item__img{opacity:1;transition:none}
  #cart_informer_client.informer{transition:none}
}

/* хлебные крошки: на средних экранах длинная цепочка разделов не помещалась и давала горизонтальную прокрутку */
.breadcrumbs{flex-wrap:wrap;row-gap:6px;max-width:100%}
.breadcrumbs__items{flex-wrap:wrap;min-width:0;max-width:100%;row-gap:4px}
.breadcrumbs__item{white-space:normal}

/* ═══════════ Правки по замечаниям 03.10: пагинация, фильтр, вход, пустая корзина ═══════════ */

/* карточка товара, уже лежащего в корзине: тема красила низ в зелёный — оставляем фирменный оттенок */
.kt-brand .item .item__footer{background:#f1edff!important}
.kt-brand .item:has(button.item__footer-link.active) .item__footer{background:#e6ddff!important}

/* пагинация: одинаковые квадраты страниц и две одинаковые кнопки под ними */
.pagination{margin-top:28px}
.pagination .column{display:flex;justify-content:center}
.pages{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin:0;padding:0;list-style:none}
.pages li{margin:0!important;padding:0!important}
.pages .page-link,.pages span{display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:0 10px;border-radius:11px;border:1px solid #e4defa;background:#fff;color:#4a4560;font-size:15px;font-weight:600;line-height:1;text-decoration:none;transition:background .15s,border-color .15s,color .15s}
.pages span{border-color:transparent;color:#9a95ad}
.pages .page-link:hover{background:#f3effe;border-color:#c9bcff;color:#1d1640}
.pages .active .page-link{background:linear-gradient(135deg,#8a2df6,#5b55e8)!important;border-color:transparent!important;color:#fff!important;box-shadow:0 6px 16px rgba(106,46,232,.28)}
.pagination_bottom{display:flex;justify-content:center;gap:10px;margin-top:14px}
.pagination_bottom_link{height:44px!important;padding:0 20px!important;border-radius:12px!important;border:1px solid #e4defa!important;background:#f3effe!important;color:#6a2ee8!important;font-size:14.5px!important;font-weight:600!important;line-height:1!important;transition:background .15s,transform .15s}
.pagination_bottom_link:hover{background:#e9e2ff!important;transform:translateY(-1px)}
.pagination_bottom_link:last-child{background:linear-gradient(135deg,#8a2df6,#5b55e8)!important;border-color:transparent!important;color:#fff!important;box-shadow:0 8px 20px rgba(106,46,232,.28)}
.pagination_bottom_link:first-child:last-child{background:#f3effe!important;color:#6a2ee8!important;box-shadow:none!important}

/* фильтр слева: переключатели и поля цены в палитре, кнопка «Показать» из набора */
.categories__filters-title{font-size:17px!important}
.categories__filters-selectbox-title,.categories__filters-switch-title{font-size:14.5px!important;font-weight:600!important;color:#2a2340!important}
.categories__filters-switch{margin-top:18px!important}
.switch{width:42px!important;height:24px!important;border-radius:12px!important;border:0!important;padding:3px;background:#e4defa!important;display:flex;align-items:center}
.switch_active{background:#6a2ee8!important}
.switch-btn{width:18px!important;height:18px!important;background:#fff!important;box-shadow:0 1px 3px rgba(30,10,80,.25);transition:margin .2s var(--kt-ease)!important}
.switch-btn_active{margin-left:auto;background:#fff!important}
.categories__filters-prices{display:flex;align-items:center;gap:8px;font-size:13px;color:#6c6686}
.categories__filter-input{height:40px!important;width:100%!important;min-width:0;border-radius:10px!important;border:1px solid #e4defa!important;padding:0 10px!important;font-size:14px!important;color:#1d1640!important;transition:border-color .15s,box-shadow .15s}
.categories__filter-input:focus{outline:none;border-color:#a58cff!important;box-shadow:0 0 0 3px rgba(165,140,255,.28)}
#filter_informer,.filter_informer{font-size:13.5px;color:#6c6686}
.btn_categories{position:relative;display:inline-flex!important;align-items:center;justify-content:center;gap:10px;width:100%;height:48px!important;padding:0 18px!important;border:0!important;border-radius:14px!important;background:linear-gradient(135deg,#8a2df6,#5b55e8)!important;color:#fff!important;font-size:15px!important;font-weight:700!important;letter-spacing:normal!important;box-shadow:0 10px 24px rgba(106,46,232,.28);cursor:pointer;transition:transform .15s,box-shadow .15s}
.btn_categories:hover{transform:translateY(-1px);box-shadow:0 14px 30px rgba(106,46,232,.34)}
.btn_categories::before{content:""!important;position:static!important;transform:none!important;width:20px!important;height:20px!important;--ki:var(--i-check)}

/* страница входа и подобные формы (/user/login, регистрация, напомнить пароль) */
.orders__header-title{font-size:28px;font-weight:700;color:#1d1640;margin-bottom:6px}
.form>p{display:flex;align-items:flex-start;gap:8px;margin:14px 0 0;font-size:13.5px;line-height:1.4;color:#6c6686}
.form>p input[type=checkbox]{width:16px;height:16px;margin:1px 0 0;accent-color:#6a2ee8;flex:none}
.form>p a,.form__checkbox a{color:#6a2ee8;text-decoration:none;font-weight:600}
.form>p a:hover,.form__checkbox a:hover{text-decoration:underline;text-underline-offset:3px}
.form__checkbox{margin-top:12px;font-size:14.5px}
.form .btn_form{margin-bottom:4px}

/* пустая корзина: заголовок в палитре, плашки с иконками из набора */
.basket_text{color:#1d1640!important;font-size:20px!important;line-height:1.3!important}
.basket_link{gap:12px!important;padding:8px 8px 8px 16px!important}
.basket_link img{display:none!important}
.basket_link a{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:linear-gradient(135deg,#8a2df6,#5b55e8);color:#fff;transition:transform .15s}
.basket_link a:hover{transform:translateY(-1px)}
.basket_link a::before{content:"";width:20px;height:20px;--ki:var(--i-grid)}
.basket_link:nth-child(2) a::before{--ki:var(--i-search)}

/* ═══════════ Текстовые страницы: читаемая типографика (03.10.2026) ═══════════ */
/* page.tpl выводит статью в .contacts__recs; тот же набор — описание товара и текст раздела */
.contacts__title{font-size:30px!important;font-weight:700!important;line-height:1.2;color:#1d1640;margin-bottom:18px}
.contacts__recs,.descr__text,.categories__text{max-width:780px;font-size:16px;line-height:1.65;color:#2a2340;overflow-wrap:anywhere}
.contacts__recs{margin-top:8px!important} /* тема ставила 100px — пустая полоса под заголовком */
.contacts__recs p,.descr__text p,.categories__text p{margin:0 0 .85em!important;text-align:left!important}
.contacts__recs p:last-child{margin-bottom:0!important}
/* редактор оставляет размеры шрифта и центрирование в span/p — текст должен читаться единообразно */
.contacts__recs span[style*="font-size"],.descr__text span[style*="font-size"]{font-size:inherit!important}
.contacts__recs span[style*="font-family"],.contacts__recs p[style*="font-family"]{font-family:inherit!important}
.contacts__recs [style*="text-align: center"],.contacts__recs [style*="text-align:center"]{text-align:left!important}
.contacts__recs h1,.contacts__recs h2,.contacts__recs h3,.contacts__recs h4{color:#1d1640;line-height:1.25;font-weight:700;margin:1.5em 0 .55em}
.contacts__recs h1{font-size:26px}.contacts__recs h2{font-size:22px}.contacts__recs h3{font-size:18px}.contacts__recs h4{font-size:16px}
.contacts__recs h2:first-child,.contacts__recs h3:first-child{margin-top:0}
.contacts__recs strong,.descr__text strong{font-weight:700;color:#1d1640}
.contacts__recs a,.descr__text a{color:#6a2ee8;text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
.contacts__recs ul,.contacts__recs ol,.descr__text ul,.descr__text ol{margin:.5em 0 1em!important;padding-left:24px!important}
.contacts__recs li,.descr__text li{margin:.3em 0;list-style:inherit}
.contacts__recs ul li{list-style:disc}.contacts__recs ol li{list-style:decimal}
.contacts__recs blockquote{margin:1em 0;padding:12px 18px;border-left:3px solid #a58cff;background:#f8f6fe;border-radius:0 12px 12px 0}
.contacts__recs table{width:100%!important;border-collapse:collapse;margin:1em 0;font-size:14.5px}
.contacts__recs td,.contacts__recs th{padding:8px 10px!important;border:1px solid #e4defa!important;vertical-align:top;text-align:left}
.contacts__recs th{background:#f3effe;font-weight:700}
.contacts__recs img{max-width:100%;height:auto;border-radius:12px}
.contacts__recs hr{border:0;border-top:1px solid #e4defa;margin:1.5em 0}
.contacts__recs .kt-lead{font-size:18px;color:#4a4560}
.contacts__recs .kt-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin:1.2em 0;padding:0!important;list-style:none!important}
.contacts__recs .kt-facts li{list-style:none;margin:0;padding:14px 16px;border:1px solid #e4defa;border-radius:14px;background:#faf9ff}
.contacts__recs .kt-facts b{display:block;font-size:22px;font-weight:800;color:#6a2ee8;line-height:1.1;margin-bottom:4px}
@media screen and (max-width:555px){.contacts__title{font-size:24px!important}.contacts__recs,.descr__text,.categories__text{font-size:15.5px}}
/* цветные плашки, зашитые в разметку абзацев (голубые баннеры на страницах банка) — в палитру */
.contacts__recs p[style*="background"],.contacts__recs div[style*="background"],.contacts__recs td[style*="background"]{background:#f3effe!important;color:#1d1640!important;padding:12px 16px;border-radius:12px}
.contacts__recs p[style*="background"] *{color:inherit!important}
/* таблицы-«баннеры» с цветом фона из редактора (страницы банка): в палитру, без сетки, белый текст → тёмный */
.contacts__recs table[style*="background"]{background:#f3effe!important;border-radius:14px;overflow:hidden;margin:1em 0}
.contacts__recs table[style*="background"] td,.contacts__recs table[style*="background"] th{border:0!important;padding:14px 18px!important}
.contacts__recs table[style*="background"] td{width:auto!important}
.contacts__recs span[style*="color"],.contacts__recs p[style*="color"],.contacts__recs strong[style*="color"]{color:inherit!important}
.contacts__recs table[style*="background"] p{margin:0 0 .4em!important}
.contacts__recs table[style*="background"] p:last-child{margin:0!important}