/* ============================================================
   DEVIALET-SHOP — стиль «Аудиобутик» (графит · латунь · жемчуг)
   Слой поверх темы lightshop. Версия 1 — 30.09.2026.
   Порядок: токены → база → шапка → кнопки → карточки → главная →
   каталог → товар → корзина/формы → подвал → тексты → анимация → мобильные.
   ============================================================ */

/* ---------- Шрифт Onest (локально, variable 400–700) ---------- */
@font-face{font-family:'Onest';font-style:normal;font-weight:400 700;font-display:swap;src:url(../fonts/Onest/Onest-cyrillic-ext.woff2) format('woff2');unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}
@font-face{font-family:'Onest';font-style:normal;font-weight:400 700;font-display:swap;src:url(../fonts/Onest/Onest-cyrillic.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Onest';font-style:normal;font-weight:400 700;font-display:swap;src:url(../fonts/Onest/Onest-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Onest';font-style:normal;font-weight:400 700;font-display:swap;src:url(../fonts/Onest/Onest-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

/* ---------- Токены ---------- */
:root{
  --night-1:#07070a;--night-2:#17151c;--night-3:#3a2c1c;
  --brass-1:#8c6a3a;--brass-2:#d9b46f;--brass-3:#f0d9a8;
  --pearl-1:#ffffff;--pearl-2:#f4efe6;--pearl-3:#e4dccf;
  --ink:#17151c;--ink-2:#5d5a63;--ink-3:#8f8a94;
  --on-dark:#f3ede2;--on-dark-2:rgba(243,237,226,.7);--on-dark-3:rgba(243,237,226,.45);
  --g-night:linear-gradient(135deg,#07070a 0%,#17151c 45%,#3a2c1c 100%);
  --g-brass:linear-gradient(90deg,#8c6a3a,#d9b46f 55%,#f0d9a8);
  --g-pearl:linear-gradient(160deg,#ffffff 0%,#f4efe6 55%,#e4dccf 100%);
  --dv-font:'Onest',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
  --ease-out:cubic-bezier(.16,1,.3,1);--ease-io:cubic-bezier(.4,0,.2,1);
  --r-md:14px;--r-lg:22px;--r-xl:32px;
  --card-border:linear-gradient(140deg,rgba(140,106,58,.5),rgba(140,106,58,.08) 40%,rgba(140,106,58,.28));
}

/* ---------- База ---------- */
html{scroll-behavior:smooth}
body,button,input,select,textarea,.btn{font-family:var(--dv-font)!important}
body{color:var(--ink);background:var(--pearl-2);font-feature-settings:"tnum" 1;-webkit-font-smoothing:antialiased;line-height:1.5}
.wrapper{background:var(--g-pearl)}
.content{padding-top:0}
a{transition:color .18s,border-color .18s}
h1,h2,h3,.h2,.h3,.catalogue__title,.home-text__title{font-family:var(--dv-font)!important;font-weight:600!important;letter-spacing:-.02em!important;text-transform:none!important}
h2,.h2{font-size:clamp(26px,3vw,38px)!important;line-height:1.12!important;color:var(--ink)}
.preloader{display:none!important}
.body-overlay,.body-overlay-filter{background:rgba(7,7,10,.6)}
::selection{background:rgba(217,180,111,.45)}
.container{max-width:1240px!important}

/* ---------- Шапка ---------- */
.header{position:relative;z-index:14;background:var(--g-night);color:var(--on-dark)}
.header__top{background:transparent!important;border-bottom:1px solid rgba(243,237,226,.08)}

.header__call{display:flex;align-items:center;gap:14px;width:auto!important;overflow:visible!important}
.header__call-phones,.header__call-phones a{color:var(--on-dark)!important;font-weight:600!important;font-size:14px;white-space:nowrap}
.header__call-phones small,.footer__num small{opacity:1!important}
.header__call .btn.btn--transparent{padding:6px 14px!important;font-size:11px!important;color:var(--on-dark-2)!important;border:1px solid rgba(243,237,226,.22)!important;background:transparent!important;text-transform:none!important;letter-spacing:0!important;border-radius:999px}
.header__call .btn.btn--transparent:hover{color:var(--on-dark)!important;border-color:rgba(240,217,168,.6)!important;box-shadow:none!important}

.nav-top__link{color:var(--on-dark-2)!important;font-size:12px!important;text-transform:none!important;letter-spacing:0!important}
.nav-top__link:hover{color:var(--on-dark)!important}
.header__bottom{background:transparent!important;text-align:left}

.header__bottom--fix{background:rgba(9,9,12,.72)!important;backdrop-filter:blur(16px) saturate(140%);-webkit-backdrop-filter:blur(16px) saturate(140%);box-shadow:none!important;border-bottom:1px solid rgba(243,237,226,.08)}
/* логотип: текст + латунная эмблема */
.header__logo{color:var(--on-dark)!important;text-transform:uppercase!important;letter-spacing:.08em!important;font-size:15px!important;font-weight:700!important;text-decoration:none!important;display:flex!important;align-items:center;gap:10px;line-height:1!important}
.header__logo span{background:var(--g-brass);-webkit-background-clip:text;background-clip:text;color:transparent;white-space:nowrap}
.header__logo::before{content:"";flex:none;width:30px;height:30px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='none'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0' stop-color='%23f0d9a8'/%3E%3Cstop offset='.55' stop-color='%23d9b46f'/%3E%3Cstop offset='1' stop-color='%238c6a3a'/%3E%3C/linearGradient%3E%3C/defs%3E%3Ccircle cx='16' cy='16' r='14' stroke='url(%23g)' stroke-width='1.5'/%3E%3Cellipse cx='14.5' cy='16' rx='7.5' ry='9' stroke='url(%23g)' stroke-width='1.5'/%3E%3Ccircle cx='14.5' cy='16' r='2.4' fill='url(%23g)'/%3E%3C/svg%3E") center/contain no-repeat}
.nav__link{color:var(--on-dark-2)!important;font-size:13px!important;text-transform:none!important;letter-spacing:0!important;font-weight:500!important;position:relative}
.nav__link::after{content:"";position:absolute;left:0;right:0;bottom:2px;height:1px;background:var(--g-brass);transform:scaleX(0);transform-origin:left;transition:transform .3s var(--ease-out)}
.nav__link:hover,.nav__link.active{color:var(--on-dark)!important}
.nav__link:hover::after,.nav__link.active::after{transform:scaleX(1)}
.nav__list-item.more svg{fill:var(--on-dark-2)!important}
.header__actions svg,.actions__list-item svg{fill:var(--on-dark)!important;stroke:var(--on-dark)}
.actions__list-item a{color:var(--on-dark)!important}
.actions__counter,.actions__counter--blue{background:var(--g-brass)!important;color:#1a1409!important;font-weight:700}
.header__search-form{background:var(--night-2)!important}
.header__search-form input{background:transparent!important;color:var(--on-dark)!important;border-color:rgba(243,237,226,.2)!important}
.header__nav-btn svg{fill:var(--on-dark)!important}

/* Раскладка шапки — только десктоп (на телефоне тема считает меню сама, не мешаем её скриптам) */
@media (min-width:821px){
  .header__top .container{display:flex;align-items:center;justify-content:space-between;min-height:42px;gap:20px}
  .header__call,.header__nav-top{float:none!important}
  .header__bottom .container{min-height:72px;display:flex;align-items:center;gap:0}
  .header__logo{height:auto!important;margin:0 26px 0 0!important;float:none!important;justify-content:flex-start!important;display:inline-flex!important}
  .header__nav{flex:1;min-width:0}
  .nav__link{margin:0 11px!important;padding:8px 0!important;white-space:nowrap}
  .header__actions{float:none!important;margin-left:auto!important}
}
/* «ещё» в меню */
.nav__list-item.more #overflow,.nav__list-item.more .nav__list{background:rgba(23,21,28,.97)!important;border:1px solid rgba(243,237,226,.08);border-radius:var(--r-md)}
.nav__list-item.more #overflow .nav__link{color:var(--on-dark-2)!important}
/* мегаменю и попапы шапки */
.nav-submenu,.popup.left .nav-submenu,.popup .nav-submenu--min{background:rgba(23,21,28,.96)!important;color:var(--on-dark);border:1px solid rgba(243,237,226,.08);border-radius:0 0 var(--r-lg) var(--r-lg);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.nav-submenu__title,.nav-submenu__link,.nav-submenu__list-item--title{color:var(--on-dark)!important;text-transform:none!important;letter-spacing:0!important}
.nav-submenu__link{color:var(--on-dark-2)!important;border:0!important}
.nav-submenu__link:hover,.nav-submenu__link--more{color:var(--brass-2)!important;border-color:transparent!important}
.nav-submenu__title{font-weight:600!important;font-size:15px!important}
.nav-submenu svg{fill:var(--brass-2)!important}
#popup-navigation.popup,.popup.right,#account.popup{background:var(--night-2)!important;color:var(--on-dark)}
#popup-navigation .nav-submenu__link,#popup-navigation a{color:var(--on-dark)!important}
.popup-close{background:rgba(243,237,226,.08)!important}
.popup-close svg{fill:var(--on-dark)!important}
.cart-popup{background:var(--pearl-1)!important;border-left:1px solid var(--pearl-3)}
.cart-popup__title{color:var(--ink)!important;font-weight:600}
.account__title,.account__tabs-item{color:var(--on-dark)!important}
.account__tabs-item.active{border-color:var(--brass-2)!important;color:var(--brass-2)!important}
.account input,.account input[type="text"],.account input[type="password"],.account input[type="email"]{background:rgba(243,237,226,.06)!important;color:var(--on-dark)!important;border-color:rgba(243,237,226,.16)!important}

/* ---------- Кнопки ---------- */
button.btn,.btn,input[type="button"].btn,input[type="submit"].btn,.products-full-list__btn,.products-list__btn,.catalogue__btn-cart-list,.subscribe__btn,.simplecheckout-button,.simplecheckout-button-right button,#simplecheckout_button_confirm,.buttons .btn,.btn-primary{background:var(--g-brass)!important;color:#1a1409!important;font-size:14px!important;font-weight:600!important;letter-spacing:0!important;text-transform:none!important;line-height:1.2!important;padding:13px 24px!important;border-radius:999px!important;border:0!important;box-shadow:0 8px 28px -12px rgba(217,180,111,.7)!important;transition:transform .18s var(--ease-out),box-shadow .18s var(--ease-out)!important}
button.btn:hover,.btn:hover,.products-full-list__btn:hover,.products-list__btn:hover,.catalogue__btn-cart-list:hover,.btn.active,button.btn.active{background:var(--g-brass)!important;color:#1a1409!important;transform:translateY(-1px);box-shadow:0 14px 34px -14px rgba(217,180,111,.85)!important}
button.btn:active,.btn:active{transform:scale(.97)}
.btn--transparent,button.btn--transparent,.btn.btn--empty,.btn--empty,.blog-tags .btn,.checkout__button-box .btn--transparent{background:transparent!important;color:var(--ink)!important;border:1px solid rgba(23,21,28,.22)!important;box-shadow:none!important}
.btn--transparent:hover,button.btn--transparent:hover,.btn--empty:hover{border-color:var(--brass-1)!important;color:var(--brass-1)!important;transform:none;box-shadow:none!important}
.btn--transparent svg,.btn--transparent [class*="icon-"]{fill:currentColor!important}
.btn.btn-blue{background:var(--g-brass)!important;color:#1a1409!important}
a.link--dashed,.product-page__actions-link--dashed,.products-full-list__action-link{color:var(--brass-1)!important;border-color:rgba(140,106,58,.4)!important;text-transform:none!important;letter-spacing:0!important;font-size:14px!important}
a.link--dashed:hover,.product-page__actions-link--dashed:hover,.products-full-list__action-link:hover{color:var(--night-3)!important;border-color:var(--night-3)!important}
.products-full-list__action-link{padding:12px 18px;border:1px solid rgba(23,21,28,.2)!important;border-radius:999px;display:inline-block;color:var(--ink)!important;font-weight:500}
.products-full-list__action-link:hover{border-color:var(--brass-1)!important;color:var(--brass-1)!important}

/* ---------- Карточки товаров (общее) ---------- */
.products-list__link,.product.product--min,.catalogue__products-full-list-item,.product-tabs__item{position:relative;background:rgba(255,255,255,.62)!important;border-radius:var(--r-lg)!important;border:1px solid rgba(140,106,58,.18)!important;box-shadow:none!important;transition:transform .35s var(--ease-out),box-shadow .35s var(--ease-out),border-color .35s!important;overflow:hidden}
.products-list__link:hover,.product.product--min:hover,.catalogue__products-full-list-item:hover{transform:translateY(-4px);border-color:rgba(217,180,111,.7)!important;box-shadow:0 24px 50px -30px rgba(58,44,28,.45)!important;background:rgba(255,255,255,.9)!important}
.products-list__link{height:auto!important;min-height:330px;padding:22px 20px 22px!important;display:flex;flex-direction:column;isolation:isolate}
.products-list__img{display:block;height:200px;display:flex;align-items:center;justify-content:center;margin-bottom:16px}
.products-list__img img{z-index:1!important;position:static!important;max-height:190px!important;width:auto!important;max-width:100%;object-fit:contain;transition:transform .5s var(--ease-out);filter:drop-shadow(0 16px 22px rgba(23,21,28,.12))}
.products-list__link:hover .products-list__img img{transform:translateY(-4px) scale(1.03)}
.products-list__caption{text-align:left;margin-top:auto}
.catalogue__product-name,.products-list__name,.product__descr-link,.product-tabs__name,a.link--brown{color:var(--ink)!important;text-transform:none!important;font-size:15px!important;line-height:1.35!important;font-weight:500!important;letter-spacing:0!important;border:0!important}
.catalogue__product-name:hover,.product__descr-link:hover,a.link--brown:hover{color:var(--brass-1)!important;border:0!important}
.catalogue__price,.product__price,.catalogue__price--sm,.catalogue__price--lg{color:var(--ink)!important;font-weight:600!important;font-variant-numeric:tabular-nums}
.catalogue__price--sm,.product__price{font-size:16px!important;line-height:1.3!important;margin-top:8px;display:block}
.product__price-old{color:var(--ink-3)!important;text-decoration:line-through}
.products-list__label .label,.label{border-radius:999px!important;font-size:11px!important;font-weight:600!important;letter-spacing:.04em;text-transform:none!important;padding:5px 10px!important;background:var(--night-2)!important;color:var(--on-dark)!important}
.label--red{background:#a13544!important;color:#fff!important}
.label--hit,.label--popular{background:var(--g-brass)!important;color:#1a1409!important}
.products-list__like svg,.products-full-list__compare-icon svg{fill:var(--ink-3)!important}
.product.product--min{padding:18px 18px 20px!important;margin:0 9px}
.product--min .product__img{height:200px;display:flex;align-items:center;justify-content:center}
.product--min .product__img img{max-height:190px!important;object-fit:contain;filter:drop-shadow(0 16px 22px rgba(23,21,28,.12))}
.product__descr{text-align:left;padding-top:14px}
.product__rating,.products-full-list__rating,.product__rating--sm{display:none!important}
/* горизонтальная карточка каталога */
.catalogue__products-full-list-item{padding:22px 24px!important;margin:0 0 14px!important;display:flex;gap:26px;align-items:center;background:rgba(255,255,255,.7)!important}
.products-full-list__img{flex:none;width:200px;height:180px;display:flex;align-items:center;justify-content:center;background:transparent!important}
.products-full-list__img img{max-height:170px!important;max-width:100%;object-fit:contain;filter:drop-shadow(0 16px 22px rgba(23,21,28,.12))}
.products-full-list__description{flex:1;min-width:0;padding:0!important}
.products-full-list__series,.products-full-list__series a{color:var(--brass-1)!important;font-size:12px!important;letter-spacing:.14em!important;text-transform:uppercase!important;font-weight:600!important}
.products-full-list__name .catalogue__product-name,.catalogue__product-name--lg{font-size:20px!important;line-height:1.25!important;font-weight:600!important}
.products-full-list__text{color:var(--ink-2)!important;font-size:14px!important;line-height:1.55!important;margin:10px 0 0!important;max-width:64ch}
.products-full-list__text h2,.products-full-list__text h3{font-size:14px!important;font-weight:600!important;color:var(--ink)!important;margin:0 0 4px!important;display:inline;margin-right:6px!important}
.products-full-list__notes{margin:8px 0 0!important}
.products-full-list__status,.statusinstock{color:#437a22!important;font-size:13px!important}
.products-full-list__compare-text{color:var(--ink-3)!important;font-size:13px!important}
.products-full-list__description-bottom{display:flex;flex-wrap:wrap;align-items:center;gap:14px 22px;margin-top:16px!important;padding-top:16px!important;border-top:1px solid rgba(140,106,58,.14)}
.products-full-list__price .catalogue__price--lg{font-size:26px!important;line-height:1!important;letter-spacing:-.02em}
.products-full-list__action{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.products-full-list__spinner{margin:0!important}
.spinner-wrap input.spinner{border-radius:999px!important;border:1px solid rgba(23,21,28,.18)!important;background:#fff!important;height:44px}

/* ---------- Главная ---------- */
.main-slider,.features,.categories-min,.news-min,.dv-hide{display:none!important}
/* «Акции» и «Топ продаж» — 2-й и 3-й блоки recomend на главной (порядок модулей в макете «Главная») */
.dv-home>div.recomend:nth-of-type(4),.dv-home>div.recomend:nth-of-type(5){display:none!important}
.recomend{padding:clamp(40px,5vw,72px) 0!important;background:transparent!important}
.recomend .h2,.recomend h2{display:block;color:var(--ink)!important;margin:0 0 26px!important}
.recomend .h2::after{content:"";display:block;width:72px;height:1px;background:var(--g-brass);margin-top:14px}
.recomend:nth-of-type(n+2):not(.recomend--dv){padding-top:0!important}
.recomend-slider .slick-arrow{background:var(--pearl-1)!important;border:1px solid rgba(140,106,58,.3)!important;border-radius:50%!important}
.recomend-slider .slick-arrow svg{fill:var(--ink)!important}
.recomend-slider .slick-arrow:hover{background:var(--g-brass)!important}
.recomend-slider .slick-dots li button{background:rgba(140,106,58,.3)!important}
.recomend-slider .slick-dots li.slick-active button{background:var(--brass-1)!important}
.catalogue__products-list--five{display:grid!important;grid-template-columns:repeat(5,1fr);gap:16px;letter-spacing:normal!important}
.catalogue__products-list--five .catalogue__products-list-item{width:auto!important;padding:0!important;display:block!important;margin:0!important}
.home-text{padding:clamp(40px,5vw,72px) 0 clamp(60px,6vw,96px)!important;background:transparent!important}
.home-text .row{display:flex;flex-wrap:wrap;align-items:center}
.home-text__img img{border-radius:var(--r-xl);filter:drop-shadow(0 30px 40px rgba(23,21,28,.18))}
.home-text__title{font-size:clamp(26px,3vw,38px)!important;line-height:1.12!important;color:var(--ink)!important;margin:0 0 18px!important}
.home-text__content,.home-text__content p{font-size:16px!important;line-height:1.65!important;color:var(--ink-2)!important}

/* ---------- Новые секции главной (dv_home.twig) ---------- */
.dv-hero{position:relative;overflow:hidden;background:var(--g-night);color:var(--on-dark);isolation:isolate;padding:clamp(56px,7vw,110px) 0 clamp(40px,4vw,70px)}
.dv-hero .container{position:relative;z-index:2;display:grid;grid-template-columns:1.05fr .95fr;gap:40px;align-items:center}
.dv-eyebrow{display:block;font-size:12px;letter-spacing:.16em;text-transform:uppercase;font-weight:600;color:var(--brass-2)}
.dv-light .dv-eyebrow{color:var(--brass-1)}
.dv-hero h1{font-size:clamp(36px,5vw,70px)!important;line-height:1.05!important;letter-spacing:-.03em!important;margin:14px 0 0!important;color:var(--on-dark)!important}
.dv-hero h1 .w{display:inline-block;opacity:0;transform:translateY(18px);animation:dvWordIn .9s var(--ease-out) forwards}
.dv-hero h1 .w:nth-child(1){animation-delay:.1s}.dv-hero h1 .w:nth-child(2){animation-delay:.2s}.dv-hero h1 .w:nth-child(3){animation-delay:.3s}.dv-hero h1 .w:nth-child(4){animation-delay:.42s}.dv-hero h1 .w:nth-child(5){animation-delay:.54s}.dv-hero h1 .w:nth-child(6){animation-delay:.66s}
@keyframes dvWordIn{to{opacity:1;transform:none}}
.dv-brass{background:var(--g-brass);-webkit-background-clip:text;background-clip:text;color:transparent}
.dv-lead{font-size:clamp(16px,1.2vw,19px);line-height:1.55;color:var(--on-dark-2);max-width:58ch;margin:18px 0 0}
.dv-light .dv-lead{color:var(--ink-2)}
.dv-hero .dv-lead{opacity:0;animation:dvFade 1s var(--ease-out) .7s forwards}
.dv-cta{display:flex;flex-wrap:wrap;gap:14px;margin-top:30px}
.dv-hero .dv-cta{opacity:0;animation:dvFade 1s var(--ease-out) .9s forwards}
@keyframes dvFade{to{opacity:1}}
.dv-btn{display:inline-flex;align-items:center;gap:10px;padding:14px 24px;border-radius:999px;font-weight:600;font-size:15px;line-height:1.2;text-decoration:none!important;transition:transform .18s var(--ease-out),box-shadow .18s var(--ease-out),border-color .18s}
.dv-btn:active{transform:scale(.97)}
.dv-btn svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.dv-btn-brass{background:var(--g-brass);color:#1a1409!important;box-shadow:0 8px 28px -10px rgba(217,180,111,.6)}
.dv-btn-brass:hover{transform:translateY(-1px);box-shadow:0 14px 34px -12px rgba(217,180,111,.75);color:#1a1409!important}
.dv-btn-ghost{color:var(--on-dark)!important;border:1px solid rgba(243,237,226,.28);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.dv-btn-ghost:hover{border-color:rgba(243,237,226,.65)}
.dv-light .dv-btn-ghost{color:var(--ink)!important;border-color:rgba(23,21,28,.22)}
.dv-light .dv-btn-ghost:hover{border-color:rgba(23,21,28,.55)}
.dv-hero-visual{position:relative;display:grid;place-items:center;min-height:380px}
.dv-hero-visual img{width:min(100%,540px);height:auto;position:relative;z-index:2;filter:drop-shadow(0 40px 60px rgba(0,0,0,.55));transform:scale(1.06);animation:dvZoom 2.4s var(--ease-out) forwards}
@keyframes dvZoom{to{transform:scale(1)}}
.dv-glow{position:absolute;inset:0;z-index:1;pointer-events:none}
.dv-glow::before{content:"";position:absolute;left:50%;top:52%;width:min(70vw,600px);aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgba(217,180,111,.55) 0%,rgba(217,180,111,.12) 38%,transparent 70%);filter:blur(10px)}
.dv-mesh{position:absolute;inset:-20%;z-index:0;pointer-events:none;opacity:.9}
.dv-mesh span{position:absolute;border-radius:50%;filter:blur(70px);will-change:transform}
.dv-mesh .m1{width:60vw;height:60vw;left:-10%;top:-20%;background:radial-gradient(circle,rgba(217,180,111,.26),transparent 65%);animation:dvDrift1 34s var(--ease-io) infinite alternate}
.dv-mesh .m2{width:55vw;height:55vw;right:-15%;bottom:-25%;background:radial-gradient(circle,rgba(84,63,38,.7),transparent 65%);animation:dvDrift2 40s var(--ease-io) infinite alternate}
.dv-mesh .m3{width:35vw;height:35vw;left:35%;top:55%;background:radial-gradient(circle,rgba(70,66,84,.6),transparent 65%);animation:dvDrift3 30s var(--ease-io) infinite alternate}
@keyframes dvDrift1{to{transform:translate(12vw,10vh) scale(1.15)}}
@keyframes dvDrift2{to{transform:translate(-10vw,-12vh) scale(1.1)}}
@keyframes dvDrift3{to{transform:translate(-8vw,-14vh) scale(.9)}}
.dv-grain{position:absolute;inset:0;z-index:1;pointer-events:none;opacity:.5;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.35'/%3E%3C/svg%3E")}
.dv-trust{position:relative;z-index:3;background:var(--g-night);padding:0 0 44px}
.dv-trust ul{list-style:none;margin:0;padding:16px 22px;display:flex;flex-wrap:wrap;gap:10px 28px;border-radius:var(--r-lg);background:rgba(23,21,28,.55);border:1px solid rgba(243,237,226,.1);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);font-size:14px;color:var(--on-dark-2)}
.dv-trust li{display:flex;align-items:center;gap:10px;padding:0}
.dv-trust li b{color:var(--on-dark);font-weight:600}
.dv-trust li::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--g-brass)}
.dv-section{padding:clamp(56px,7vw,110px) 0;position:relative}
.dv-dark{background:var(--g-night);color:var(--on-dark)}
.dv-light{background:transparent;color:var(--ink)}
.dv-head{max-width:760px}
.dv-h2{font-size:clamp(28px,3.4vw,44px)!important;line-height:1.08!important;margin:10px 0 0!important;color:inherit!important}
.dv-dark .dv-h2{color:var(--on-dark)!important}
.dv-line{height:1px;width:72px;background:var(--g-brass);margin:18px 0 0;transform-origin:left;transform:scaleX(0);transition:transform .9s var(--ease-out) .15s}
.dv-in .dv-line{transform:scaleX(1)}
.dv-grid{display:grid;gap:18px;margin-top:46px}
.dv-grid-4{grid-template-columns:repeat(4,1fr)}
.dv-grid-3{grid-template-columns:repeat(3,1fr)}
.dv-card{position:relative;display:flex;flex-direction:column;border-radius:var(--r-lg);padding:26px 24px 24px;background:rgba(243,237,226,.04);overflow:hidden;text-decoration:none!important;color:inherit;transform-style:preserve-3d;transition:transform .35s var(--ease-out),background-color .35s;--mx:50%;--my:50%}
.dv-card::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(140deg,rgba(240,217,168,.55),rgba(240,217,168,.08) 40%,rgba(240,217,168,.25));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
.dv-card::after{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(360px circle at var(--mx) var(--my),rgba(217,180,111,.16),transparent 60%);opacity:0;transition:opacity .35s;pointer-events:none}
.dv-card:hover{background:rgba(243,237,226,.06)}
.dv-card:hover::after{opacity:1}
.dv-card .pic{height:210px;display:flex;align-items:center;justify-content:center;margin:-6px 0 14px}
.dv-card .pic img{max-height:196px;max-width:88%;height:auto;filter:drop-shadow(0 24px 30px rgba(0,0,0,.45));transition:transform .5s var(--ease-out)}
.dv-card:hover .pic img{transform:translateY(-6px) scale(1.03)}
.dv-card h3{font-size:20px!important;margin:0!important;color:inherit!important;line-height:1.2!important}
.dv-card .sub{font-size:14px;line-height:1.5;color:var(--on-dark-2);margin:8px 0 0}
.dv-card .more{display:inline-flex;align-items:center;gap:8px;margin-top:auto;padding-top:16px;font-size:14px;color:var(--brass-2)}
.dv-card .more svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transition:transform .3s var(--ease-out)}
.dv-card:hover .more svg{transform:translateX(4px)}
.dv-light .dv-card{background:rgba(255,255,255,.55);color:var(--ink)}
.dv-light .dv-card::before{background:var(--card-border)}
.dv-light .dv-card:hover{background:rgba(255,255,255,.82)}
.dv-light .dv-card .sub{color:var(--ink-2)}
.dv-light .dv-card .more{color:var(--brass-1)}
.dv-light .dv-card .pic img{filter:drop-shadow(0 20px 26px rgba(23,21,28,.18))}
.dv-brand{padding:26px 26px 28px}
.dv-brand .pic{height:190px;margin:0 0 16px}
.dv-brand .pic img{max-height:180px}
.dv-brand h3{font-size:24px!important;margin-top:8px!important}
.dv-brand p{font-size:14px;color:var(--ink-2);margin:8px 0 0;line-height:1.5}
.dv-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:46px}
.dv-stat{padding:26px 24px;border-radius:var(--r-lg);background:rgba(255,255,255,.55);border:1px solid rgba(140,106,58,.18)}
.dv-stat .n{font-size:clamp(34px,4vw,52px);font-weight:600;letter-spacing:-.03em;line-height:1;display:flex;align-items:baseline;gap:6px;color:var(--ink)}
.dv-stat .n small{font-size:.42em;font-weight:600;color:var(--brass-1)}
.dv-stat p{margin:10px 0 0;font-size:14px;line-height:1.5;color:var(--ink-2)}
.dv-visit .container{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
.dv-visit dl{display:grid;grid-template-columns:auto 1fr;gap:12px 22px;margin:28px 0 0;font-size:15px}
.dv-visit dt{color:var(--on-dark-3);font-weight:400}
.dv-visit dd{margin:0;color:var(--on-dark)}
.dv-visit dd a{color:var(--on-dark)!important;text-decoration:none}
.dv-map{position:relative;border-radius:var(--r-xl);aspect-ratio:4/3;overflow:hidden;background:#0d0c10;border:1px solid rgba(243,237,226,.1)}
.dv-map iframe{position:absolute;inset:0;width:100%;height:100%;border:0;filter:grayscale(.35) contrast(1.05) brightness(.92)}
.dv-map .dv-map-note{position:absolute;left:14px;bottom:12px;z-index:2;font-size:13px;padding:7px 12px;border-radius:999px;background:rgba(23,21,28,.78);border:1px solid rgba(243,237,226,.14);color:var(--on-dark);backdrop-filter:blur(8px)}

/* ---------- Каталог ---------- */
.catalogue__top{background:var(--g-night)!important;background-image:var(--g-night)!important;text-align:left;padding:34px 0 40px!important;position:relative;color:var(--on-dark)}
.catalogue__top::before{background:radial-gradient(60% 120% at 80% 0%,rgba(217,180,111,.22),transparent 60%)!important}
.breadcrumb__list-item,.breadcrumb__link,.breadcrumb__list-item a,.breadcrumb__list-item span{color:var(--ink-3)!important;font-size:13px!important;text-transform:none!important}
.breadcrumb__list-item a:hover{color:var(--ink)!important}
.breadcrumb__list-item svg{fill:var(--ink-3)!important}
.catalogue__top .breadcrumb__list-item,.catalogue__top .breadcrumb__link,.catalogue__top .breadcrumb__list-item a,.catalogue__top .breadcrumb__list-item span{color:var(--on-dark-3)!important}
.catalogue__top .breadcrumb__list-item a:hover{color:var(--on-dark)!important}
.catalogue__top .breadcrumb__list-item svg{fill:var(--on-dark-3)!important}
.breadcrumbs{padding:18px 0 0}
.catalogue__title{font-size:clamp(30px,4vw,52px)!important;line-height:1.05!important;color:var(--on-dark)!important;margin:16px 0 0!important}
.catalogue__intro{margin:34px 0 0!important;padding:0!important;font-size:17px!important;line-height:1.6!important;color:var(--ink-2)!important;max-width:820px;text-align:left!important}
.catalogue__intro p{font-size:17px!important;line-height:1.6!important;color:var(--ink-2)!important}
.catalogue__inner{padding:36px 0 70px!important}
.categories__item{border-radius:var(--r-lg)!important;overflow:hidden!important;background:rgba(255,255,255,.7)!important;border:1px solid rgba(140,106,58,.18)!important;transition:transform .35s var(--ease-out),border-color .35s,box-shadow .35s;margin:0 0 20px!important}
.categories__item:hover{transform:translateY(-3px);border-color:rgba(217,180,111,.8)!important;box-shadow:0 24px 50px -30px rgba(58,44,28,.45)}
.categories__item--col-2{height:236px!important}
.categories__item--col-3{height:260px!important}
.categories__item--col-4{height:300px!important}
.categories__link{background-size:contain!important;background-position:center 18px!important;background-color:transparent!important;padding-bottom:0}
.categories__link{background-size:auto 68%!important}
.categories__caption{position:absolute;left:0;right:0;bottom:0;width:100%!important;padding:12px 14px!important;background:linear-gradient(180deg,rgba(255,255,255,0),rgba(255,255,255,.92) 40%)!important;text-align:center;line-height:1.3!important}
.categories__caption-text,.categories__caption span{color:var(--ink)!important;text-transform:none!important;font-weight:600!important;letter-spacing:0!important;font-size:15px!important}
.categories-overlay{display:none!important}
.catalogue__content-top{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 0 18px!important;border-bottom:1px solid rgba(140,106,58,.16)!important;margin-bottom:18px!important}
.catalogue__sort .select,.select{border-radius:999px!important;border:1px solid rgba(23,21,28,.16)!important;background:#fff!important;text-transform:none!important;letter-spacing:0!important;font-size:14px!important}
.product-view__link{background:#fff!important;border-color:rgba(140,106,58,.25)!important}
.product-view__link:hover,.product-view__list-item.active .product-view__link{background:var(--g-brass)!important}
.catalogue__filter-btn,.sidebar-mobile-btn{color:var(--brass-1)!important;border-color:var(--brass-1)!important}
.pagination li>a,.pagination li>span,.pagination__link{border-radius:50%!important;border:1px solid rgba(140,106,58,.25)!important;background:#fff!important;color:var(--ink)!important;text-transform:none!important}
.pagination li.active>a,.pagination li.active>span,.pagination li:hover>a,.pagination__link.active,.pagination__link:hover{background:var(--g-brass)!important;color:#1a1409!important;border-color:transparent!important}
.catalogue__description{margin-top:40px!important;padding:clamp(28px,3vw,44px)!important;border-radius:var(--r-xl);background:rgba(255,255,255,.55);border:1px solid rgba(140,106,58,.16)}
.catalogue__description .editor,.catalogue__description .editor p,.catalogue__description .editor li{font-size:16px!important;line-height:1.65!important;color:var(--ink-2)!important}
.catalogue__description .editor h2{font-size:26px!important;margin:28px 0 12px!important;color:var(--ink)!important}
.catalogue__description .editor h2:first-child{margin-top:0!important}
.catalogue__description .editor h3{font-size:18px!important;margin:20px 0 8px!important;color:var(--ink)!important}
.catalogue__description .editor strong{color:var(--ink)}
/* фильтр слева */
.sidebar,.filter,.filterit,.catalogue__filter{border-radius:var(--r-lg)}
.catalogue__block-title,.filter__title,.sidebar__title{text-transform:none!important;letter-spacing:0!important;font-weight:600!important;color:var(--ink)!important;font-size:15px!important}
input[type="checkbox"]:checked+label:before,input[type="radio"]:checked+label:before{border-color:var(--brass-1)!important;background:var(--brass-1)!important}
.ui-slider-range,.ui-widget-content .ui-state-default{background:var(--g-brass)!important;border:0!important}

/* ---------- Карточка товара ---------- */
.product-page{margin-top:26px}
.product-page__img{height:auto!important;display:block!important;border-radius:var(--r-xl);background:rgba(255,255,255,.7);border:1px solid rgba(140,106,58,.16);padding:22px}
.product-page__img-image{filter:drop-shadow(0 30px 40px rgba(23,21,28,.14))}
.product-page__preview-slider-item{border-radius:12px!important;border:1px solid rgba(140,106,58,.18)!important;background:#fff!important;overflow:hidden}
.product-page__preview-slider-item.slick-current,.product-page__preview-slider-item:hover{border-color:var(--brass-1)!important}
.product-page__vendor-code{color:var(--ink-3)!important;font-size:12px!important;letter-spacing:.06em}
.product-page h1.catalogue__product-name,.product-page .catalogue__product-name{font-size:clamp(26px,2.6vw,36px)!important;line-height:1.1!important;font-weight:600!important;color:var(--ink)!important;letter-spacing:-.02em!important}
.product-page .products-full-list__text{margin-top:18px!important;height:auto!important;max-height:none!important;overflow:visible!important}
.product-page .short-descr{max-height:none!important;overflow:visible!important}
.product-page .products-full-list__text-more{display:none!important}
.product-page .short-descr .dv-own h2{display:block;font-size:12px!important;letter-spacing:.14em!important;text-transform:uppercase!important;color:var(--brass-1)!important;margin:0 0 6px!important}
.product-page .short-descr .dv-own p{font-size:16px!important;line-height:1.6!important;color:var(--ink-2)!important}
.product-page__actions.product-page__actions--bordered{margin-top:22px!important;padding:22px 24px!important;border-radius:var(--r-lg)!important;background:rgba(255,255,255,.75)!important;border:1px solid rgba(140,106,58,.2)!important;box-shadow:0 30px 60px -40px rgba(58,44,28,.45);display:flex;flex-wrap:wrap;align-items:center;gap:16px 24px}
.product-page__actions--bordered .catalogue__price--lg{font-size:34px!important;line-height:1!important;letter-spacing:-.02em}
.product-page__actions--bordered .products-full-list__action{margin-left:auto}
.product-page__actions--popup{margin-top:18px!important;display:flex;flex-wrap:wrap;gap:10px 22px}
.product-page__actions-link--dashed{border-bottom:1px dashed rgba(140,106,58,.5)!important;border-radius:0!important;padding:0!important}
.tabs__link,.tabs__list-item .tabs__link{text-transform:none!important;letter-spacing:0!important;font-size:15px!important;font-weight:500!important;color:var(--ink-2)!important}
.tabs__list-item.active .tabs__link,.tabs__link:hover{color:var(--ink)!important}
.tabs__link:after{background:var(--g-brass)!important;height:2px!important}
.tabs-content .editor,.tabs-content .editor p,.tabs-content .editor li,.product-info .editor p{font-size:16px!important;line-height:1.65!important;color:var(--ink-2)!important}
.tabs-content .editor h2,.product-info h2{font-size:24px!important;color:var(--ink)!important;margin:24px 0 10px!important}
.tabs-content .editor h3{font-size:18px!important;color:var(--ink)!important}
.dv-own{padding:0 0 18px;margin:0 0 18px;border-bottom:1px solid rgba(140,106,58,.16)}
.product-info__feedback-title{color:var(--ink)!important}
table.attribute,.attribute td,.attribute th,.specifications td{border-color:rgba(140,106,58,.16)!important;font-size:14px!important}
.attribute thead td,.attribute th{background:rgba(140,106,58,.06)!important;text-transform:none!important;color:var(--ink)!important}

/* ---------- Корзина, оформление, формы, кабинет ---------- */
.simplecheckout,.checkout,.cart,.account-page{--dv-card-bg:rgba(255,255,255,.7)}
.simplecheckout-block,.simplecheckout-cart,.simplecheckout-cart-total,.checkout__inner,.cart__inner,.account__content{background:rgba(255,255,255,.7)!important;border:1px solid rgba(140,106,58,.16)!important;border-radius:var(--r-lg)!important;padding:22px!important;margin-bottom:16px!important}
.simplecheckout-block-heading,.checkout__title,.cart__title,.simplecheckout-block-content .title{text-transform:none!important;letter-spacing:0!important;font-weight:600!important;color:var(--ink)!important;font-size:18px!important;background:transparent!important;border:0!important}
.simplecheckout-cart th,.simplecheckout-cart td,.cart__table th,.cart__table td{border-color:rgba(140,106,58,.14)!important;color:var(--ink)!important;font-size:14px!important;text-transform:none!important}
.simplecheckout-cart-total-value,.cart__sum-price,.cart-popup__total span,.cart-sidebar__total span{color:var(--ink)!important;font-weight:600!important}
input[type="text"],input[type="email"],input[type="tel"],input[type="password"],input[type="number"],textarea,select,.simplecheckout-block-content input,.simplecheckout-block-content select,.form-control{font-family:var(--dv-font)!important;font-size:15px!important;border:1px solid rgba(23,21,28,.16)!important;border-radius:14px!important;background:#fff!important;color:var(--ink)!important;padding:12px 16px!important;height:auto!important;line-height:1.3!important;transition:border-color .18s,box-shadow .18s}
input:focus,textarea:focus,select:focus,.form-control:focus{border-color:var(--brass-1)!important;box-shadow:0 0 0 3px rgba(217,180,111,.25)!important;outline:0}
label,.simplecheckout-block-content label{font-size:14px!important;color:var(--ink-2)!important;text-transform:none!important;letter-spacing:0!important}
.simplecheckout-required,.required{color:#a13544!important}
.simplecheckout-error-text,.text-danger{color:#a13544!important;font-size:13px}
.simplecheckout-button-block{background:transparent!important;border:0!important}
.cart__delete svg,.icon-cross{fill:var(--ink-3)!important}
.account__col a,.account-page a{color:var(--brass-1)}

/* ---------- Подвал ---------- */
.footer,.footer--min{height:auto!important;background:var(--g-night);color:var(--on-dark-2)}
.wrapper{margin:0!important;padding:0!important}
.footer__top{background:transparent!important;border-top:1px solid rgba(243,237,226,.08);padding:44px 0 10px}
.subscribe,.subscribe--dark{background:transparent!important}
.subscribe__title{color:var(--on-dark)!important;text-transform:none!important;letter-spacing:0!important;font-size:22px!important;font-weight:600!important}
.subscribe__subtitle{color:var(--on-dark-3)!important;font-size:14px!important}
.subscribe .fake-input{background:rgba(243,237,226,.06)!important;border:1px solid rgba(243,237,226,.16)!important;border-radius:999px!important;overflow:hidden}
.subscribe .fake-input input{background:transparent!important;border:0!important;color:var(--on-dark)!important;padding:12px 18px!important}
.subscribe__btn{border-radius:50%!important;padding:0!important;width:44px!important;height:44px!important;display:flex!important;align-items:center;justify-content:center}
.subscribe__btn svg,.icon-plane{fill:#1a1409!important}
.footer__bottom{background:transparent!important;padding:30px 0 40px!important}
.footer__list-title{color:var(--brass-2)!important;text-transform:uppercase!important;letter-spacing:.14em!important;font-size:12px!important;font-weight:600!important}
.footer__list-item a,.footer__list a,.footer__num,.footer__info-text,.copyright,.footer__bottom a{color:var(--on-dark-2)!important;font-size:14px!important;text-transform:none!important;letter-spacing:0!important}
.footer__list-item a:hover,.footer__bottom a:hover{color:var(--on-dark)!important}
.footer__logo img{display:none!important}
.footer__logo{display:inline-flex!important;align-items:center;gap:10px;color:var(--on-dark);font-weight:700;letter-spacing:.08em;font-size:14px;text-transform:uppercase}
.footer__logo::before{content:"";flex:none;width:28px;height:28px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='none'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0' stop-color='%23f0d9a8'/%3E%3Cstop offset='.55' stop-color='%23d9b46f'/%3E%3Cstop offset='1' stop-color='%238c6a3a'/%3E%3C/linearGradient%3E%3C/defs%3E%3Ccircle cx='16' cy='16' r='14' stroke='url(%23g)' stroke-width='1.5'/%3E%3Cellipse cx='14.5' cy='16' rx='7.5' ry='9' stroke='url(%23g)' stroke-width='1.5'/%3E%3Ccircle cx='14.5' cy='16' r='2.4' fill='url(%23g)'/%3E%3C/svg%3E") center/contain no-repeat}
.footer__logo::after{content:"DEVIALET-SHOP";background:var(--g-brass);-webkit-background-clip:text;background-clip:text;color:transparent}
.footer__info-text{display:block;margin-top:12px;line-height:1.55!important;max-width:40ch}
.copyright{display:block;margin-top:14px;color:var(--on-dark-3)!important;font-size:13px!important}
.social__link svg{fill:var(--on-dark-2)!important}
.social__link:hover svg{fill:var(--brass-2)!important}
.scroll-to-top{background:var(--night-2)!important;border:1px solid rgba(243,237,226,.16)!important;border-radius:50%!important}
.scroll-to-top svg{fill:var(--on-dark)!important}
.app-chats__toggle{background:var(--g-brass)!important;box-shadow:0 10px 30px -12px rgba(217,180,111,.8)!important}
.app-chats__toggle svg{fill:#1a1409!important}

/* ---------- Тексты: блог, информация, 404 ---------- */
[class*="blog"] p,[class*="blog"] li,[class*="blog"] h1,[class*="blog"] h2,[class*="blog"] h3,[class*="blog"] h4,[class*="blog"] a,[class*="blog"] span:not([class*="fa-"]),[class*="blog"] div,[class*="blog"] td,.information p,.information li{font-family:var(--dv-font)!important}
[class*="blog"] p,[class*="blog"] li{font-size:17px!important;line-height:1.7!important;color:var(--ink-2)!important}
[class*="blog"] h2{font-size:28px!important;margin:32px 0 12px!important}
[class*="blog"] h3{font-size:20px!important;margin:24px 0 8px!important}
.editor,.editor p,.editor li,.information__text,.blog-inner__text,.blog-inner__text p{font-size:16px;line-height:1.65;color:var(--ink-2)}
.editor h1,.editor h2,.editor h3,.blog-inner h1,.blog-inner h2{color:var(--ink)}
.editor a,.information a{color:var(--brass-1);border-bottom:1px solid rgba(140,106,58,.35)}
.editor a:hover{color:var(--night-3)}
.blog__title-link,.news__link,.news__title-inner{color:var(--ink)!important;text-transform:none!important}
.blog__title-link:hover,.news__link:hover{color:var(--brass-1)!important;border-color:transparent!important}
.blog__item,.news__list-item,.blog-list__item{background:rgba(255,255,255,.62);border:1px solid rgba(140,106,58,.16);border-radius:var(--r-lg);padding:18px 20px}
.blog__item img,.blog-list__item img,.blog-inner img{border-radius:var(--r-md)}
.news__date,.blog__date{color:var(--ink-3)!important;font-size:13px!important}

/* ---------- Анимация появления (класс ставит dv-audioboutique.js) ---------- */
.dv-rv{opacity:0;transform:translateY(16px);transition:opacity .8s var(--ease-out),transform .8s var(--ease-out)}
.dv-rv.dv-in{opacity:1;transform:none}
.dv-rv.d1{transition-delay:.08s}.dv-rv.d2{transition-delay:.16s}.dv-rv.d3{transition-delay:.24s}.dv-rv.d4{transition-delay:.32s}
.no-js .dv-rv,.dv-noanim .dv-rv{opacity:1;transform:none}

/* ---------- Мобильные и планшеты ---------- */
@media (max-width:1100px){
  .dv-grid-4,.dv-stats{grid-template-columns:repeat(2,1fr)}
  .catalogue__products-list--five{grid-template-columns:repeat(3,1fr)}
  .nav__link{margin:0 9px!important;font-size:13px!important}
}
@media (max-width:820px){
  .dv-mesh span{animation:none!important;filter:blur(40px)}
  .dv-grain{display:none}
  .dv-hero{padding:40px 0 36px}
  .dv-hero .container,.dv-visit .container{grid-template-columns:1fr;gap:20px}
  .dv-hero-visual{order:-1;min-height:auto;padding:6px 0}
  .dv-hero-visual img{width:min(64vw,300px)}
  .dv-grid-3{grid-template-columns:1fr}
  .dv-trust ul{gap:8px 18px;font-size:13px;display:block;padding:14px 18px}
  .dv-trust li{display:block;padding:4px 0 4px 14px;position:relative}
  .dv-trust li::before{position:absolute;left:0;top:11px}
  .dv-trust li b{display:inline;margin-right:6px}
  .catalogue__products-list--five{grid-template-columns:repeat(2,1fr);gap:10px}
  .catalogue__products-full-list-item{flex-direction:column;align-items:stretch;gap:14px;padding:18px!important}
  .products-full-list__img{width:100%;height:200px}
  .products-full-list__description-bottom{gap:12px}
  .product-page__actions.product-page__actions--bordered{padding:18px!important}
  .product-page__actions--bordered .products-full-list__action{margin-left:0;width:100%}
  .header__bottom .container{min-height:60px}
  .header__logo{font-size:13px!important;margin-right:12px!important}
  .header__top .container{min-height:36px}
  .header__call .btn.btn--transparent{display:none}
  .home-text .row{flex-direction:column}
}
@media (max-width:520px){
  .dv-grid-4,.dv-stats{grid-template-columns:1fr}
  .catalogue__products-list--five{grid-template-columns:repeat(2,1fr)!important;gap:10px}
  .products-list__link{padding:14px 12px 14px!important;min-height:auto}
  .products-list__img{height:140px;margin-bottom:10px}
  .products-list__img img{max-height:130px!important}
  .catalogue__product-name,.products-list__name{font-size:13px!important}
  .catalogue__price--sm{font-size:15px!important}
}
@media (prefers-reduced-motion:reduce){
  .dv-hero h1 .w,.dv-hero .dv-lead,.dv-hero .dv-cta,.dv-rv{opacity:1!important;transform:none!important;animation:none!important;transition:none!important}
  .dv-mesh span,.dv-hero-visual img{animation:none!important}
}

/* ============================================================
   Доработки v13 — 01.10.2026
   1) компактная шапка и липкая панель, без скачка контента
   2) анимации: левитация и звуковые волны у Phantom, перелив латуни
      в тексте и кнопках, подчёркивание меню
   3) блоки Devialet · Withings · Swatch на главной
   ============================================================ */

/* ---------- 1. Шапка: компактная ---------- */
.header__top{padding:0!important}
.header__bottom{padding:0!important}
.header__call-phones,.header__call-phones a{font-size:13px!important}
.header__nav-top a,.header__nav-top .nav-top__link{font-size:12.5px!important}
@media (min-width:821px){
  .header{min-height:98px}
  .header__top .container{min-height:34px!important;gap:16px}
  .header__bottom .container{min-height:64px!important}
  .header__logo{font-size:14px!important}
  .header__logo::before{width:26px!important;height:26px!important}
  .nav__link{font-size:14px!important;padding:6px 0!important}
  /* липкая панель: тоньше, прячется при прокрутке вниз, возвращается при прокрутке вверх */
  .header__bottom--fix{transition:transform .38s var(--ease-out),background-color .3s}
  .header__bottom--fix .container{min-height:54px!important}
  .header__bottom--fix .header__logo{font-size:13px!important}
  .header__bottom--fix .header__logo::before{width:22px!important;height:22px!important}
  body.dv-hdr-hide .header__bottom--fix{transform:translateY(-101%)}
  /* подчёркивание пунктов меню латунью */
  .header__nav .nav__link{position:relative}
  .header__nav .nav__link::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:var(--g-brass);transform:scaleX(0);transform-origin:center;transition:transform .35s var(--ease-out)}
  .header__nav .nav__link:hover::after{transform:scaleX(1)}
  .header__nav .nav__link:hover{color:var(--brass-3)!important}
}
@media (max-width:820px){
  /* на телефоне контейнер шапки — block, поэтому высоту задаём только отступами */
  .header{min-height:88px}
  .header__top{padding:6px 0!important}
  .header__top .container{min-height:0!important}
  .header__bottom{padding:15px 0!important}
  .header__bottom .container{min-height:26px!important}
  .header__bottom--fix{padding:13px 0!important}
  .header__bottom--fix .container{min-height:26px!important}
}
.dv-card .more,.dv-tile .more{border-bottom:0!important;text-decoration:none!important}

/* ---------- 2. Перелив латуни: текст ---------- */
.dv-brass,.header__logo span{
  background:linear-gradient(100deg,#8c6a3a 0%,#d9b46f 22%,#f0d9a8 36%,#fff6df 44%,#f0d9a8 52%,#d9b46f 66%,#8c6a3a 100%);
  background-size:220% 100%;background-position:100% 0;
  -webkit-background-clip:text;background-clip:text;color:transparent;
  animation:dvSheen 7s ease-in-out infinite
}
.header__logo span{animation-duration:9s}
.dv-hero h1 .w.dv-brass{animation:dvWordIn .9s var(--ease-out) forwards,dvSheen 7s ease-in-out 1.4s infinite}
@keyframes dvSheen{0%{background-position:100% 0}55%,100%{background-position:0% 0}}
.dv-light .dv-brass{background-image:linear-gradient(100deg,#6f5229 0%,#a8813f 24%,#d9b46f 40%,#f0d9a8 46%,#d9b46f 54%,#a8813f 68%,#6f5229 100%)}

/* ---------- 2. Блик по латунным кнопкам ---------- */
@property --dv-g{syntax:'<percentage>';inherits:false;initial-value:-30%}
.dv-btn-brass,
button.btn:not(.btn--transparent):not(.btn--empty),.btn:not(.btn--transparent):not(.btn--empty),.products-full-list__btn,.products-list__btn,.catalogue__btn-cart-list,#simplecheckout_button_confirm,.simplecheckout-button-right button{
  background-image:linear-gradient(105deg,rgba(255,250,235,0) calc(var(--dv-g) - 14%),rgba(255,250,235,.72) var(--dv-g),rgba(255,250,235,0) calc(var(--dv-g) + 14%)),var(--g-brass)!important
}
.dv-btn-brass{animation:dvGlint 5.5s ease-in-out 2.2s infinite}
.dv-btn-brass:hover,button.btn:not(.btn--transparent):not(.btn--empty):hover,.btn:not(.btn--transparent):not(.btn--empty):hover,.products-full-list__btn:hover,.products-list__btn:hover,.catalogue__btn-cart-list:hover,#simplecheckout_button_confirm:hover{animation:dvGlintOnce .9s var(--ease-out) both}
@keyframes dvGlint{0%,70%{--dv-g:-30%}100%{--dv-g:130%}}
@keyframes dvGlintOnce{from{--dv-g:-30%}to{--dv-g:130%}}
/* кнопка-контур: переливающаяся латунная рамка при наведении */
.dv-btn-ghost{position:relative;isolation:isolate}
.dv-btn-ghost::before{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;background:conic-gradient(from var(--dv-a,0deg),rgba(240,217,168,0) 0deg,rgba(240,217,168,.95) 70deg,rgba(140,106,58,.2) 160deg,rgba(240,217,168,0) 360deg);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .35s;pointer-events:none}
.dv-btn-ghost:hover::before{opacity:1;animation:dvSpin 2.4s linear infinite}
@property --dv-a{syntax:'<angle>';inherits:false;initial-value:0deg}
@keyframes dvSpin{to{--dv-a:360deg}}

/* ---------- 2. Phantom на первом экране: левитация и звуковые волны ---------- */
.dv-hero-visual{min-height:420px}
.dv-hero-visual .dv-par{position:relative;z-index:2;display:grid;place-items:center;transform:translate3d(var(--px,0px),calc(var(--py,0px) + var(--sy,0px)),0);transition:transform .6s var(--ease-out);will-change:transform}
.dv-hero-visual .dv-float{display:block;animation:dvLevitate 7s ease-in-out 2.4s infinite;will-change:transform}
.dv-hero-visual .dv-float img{display:block}
@keyframes dvLevitate{0%,100%{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-14px) rotate(-1.2deg)}}
.dv-shadow{position:absolute;z-index:1;left:50%;bottom:4%;width:56%;height:26px;margin-left:-28%;border-radius:50%;background:radial-gradient(closest-side,rgba(0,0,0,.6),rgba(0,0,0,0));animation:dvShadow 7s ease-in-out 2.4s infinite;pointer-events:none}
@keyframes dvShadow{0%,100%{transform:scale(1);opacity:.85}50%{transform:scale(.82);opacity:.5}}
.dv-rings{position:absolute;inset:0;z-index:1;pointer-events:none}
.dv-rings i{position:absolute;left:50%;top:50%;width:min(64vw,560px);aspect-ratio:1;margin:0;border-radius:50%;border:1px solid rgba(240,217,168,.55);transform:translate(-50%,-50%) scale(.5);opacity:0;animation:dvWave 6s cubic-bezier(.2,.6,.3,1) infinite}
.dv-rings i:nth-child(2){animation-delay:2s}
.dv-rings i:nth-child(3){animation-delay:4s}
@keyframes dvWave{0%{transform:translate(-50%,-50%) scale(.5);opacity:0}12%{opacity:.7}100%{transform:translate(-50%,-50%) scale(1.25);opacity:0}}
.dv-glow::before{animation:dvBreath 7s ease-in-out 2.4s infinite}
@keyframes dvBreath{0%,100%{opacity:1}50%{opacity:.72}}

/* карточки: товар «приподнимается» и чуть поворачивается */
.dv-card:hover .pic img{transform:translateY(-10px) scale(1.04) rotate(-1.5deg)}
.dv-watch .pic img{transition:transform .7s var(--ease-out)}
.dv-watch:hover .pic img{transform:translateY(-8px) scale(1.05) rotate(-6deg)}

/* ---------- 3. Главная: три главных бренда ---------- */
.dv-focus{padding:clamp(48px,6vw,90px) 0 clamp(24px,3vw,40px)}
.dv-focus .dv-grid{margin-top:38px}
.dv-tile{position:relative;display:flex;flex-direction:column;min-height:460px;border-radius:var(--r-xl);padding:30px 28px 28px;overflow:hidden;text-decoration:none!important;color:var(--on-dark);background:var(--g-night);isolation:isolate;transition:transform .5s var(--ease-out),box-shadow .5s var(--ease-out)}
.dv-tile::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(140deg,rgba(240,217,168,.6),rgba(240,217,168,.06) 45%,rgba(240,217,168,.3));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;z-index:3}
.dv-tile::after{content:"";position:absolute;left:50%;top:58%;width:120%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgba(217,180,111,.32),transparent 62%);z-index:0;transition:opacity .5s,transform .8s var(--ease-out);opacity:.75}
.dv-tile:hover{transform:translateY(-6px);box-shadow:0 40px 80px -40px rgba(58,44,28,.7)}
.dv-tile:hover::after{opacity:1;transform:translate(-50%,-50%) scale(1.08)}
.dv-tile .dv-eyebrow{position:relative;z-index:2}
.dv-tile h3{position:relative;z-index:2;font-size:clamp(30px,3vw,42px)!important;line-height:1!important;margin:10px 0 0!important;color:var(--on-dark)!important;letter-spacing:-.03em!important}
.dv-tile .pic{position:relative;z-index:1;flex:1;display:flex;align-items:center;justify-content:center;margin:12px 0 8px;min-height:210px}
.dv-tile .pic img{max-height:240px;max-width:78%;height:auto;filter:drop-shadow(0 30px 40px rgba(0,0,0,.55));transition:transform .8s var(--ease-out);animation:dvLevitate 8s ease-in-out infinite}
.dv-tile.t2 .pic img{animation-delay:-2.6s}.dv-tile.t3 .pic img{animation-delay:-5.2s}
.dv-tile:hover .pic img{transform:scale(1.06)}
.dv-tile p{position:relative;z-index:2;font-size:14.5px;line-height:1.5;color:var(--on-dark-2);margin:0}
.dv-tile .more{position:relative;z-index:2;display:inline-flex;align-items:center;gap:8px;margin-top:16px;font-size:15px;font-weight:600;color:var(--brass-3)}
.dv-tile .more svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transition:transform .3s var(--ease-out)}
.dv-tile:hover .more svg{transform:translateX(5px)}

/* секции Withings (светлая) и Swatch (тёмная) */
.dv-section .dv-allbtn{margin-top:34px}
.dv-watch .pic{height:230px}
.dv-watch .pic img{max-height:220px}
#dv-swatch .dv-grid-3 .pic{height:260px}
#dv-swatch .dv-grid-3 .pic img{max-height:250px}

@media (max-width:1100px){
  .dv-tile{min-height:420px}
}
@media (max-width:820px){
  .dv-hero-visual{min-height:auto}
  .dv-rings i{width:min(92vw,420px)}
  .dv-rings i:nth-child(3){display:none}
  .dv-hero-visual .dv-float{animation-duration:8s}
  .dv-focus .dv-grid-3{grid-template-columns:1fr;gap:14px}
  .dv-tile{min-height:auto;padding:24px 22px 22px}
  .dv-tile .pic{min-height:150px;margin:8px 0 6px}
  .dv-tile .pic img{max-height:160px}
  .dv-tile h3{font-size:30px!important}
}
@media (prefers-reduced-motion:reduce){
  .dv-brass,.header__logo span,.dv-btn-brass,.dv-hero-visual .dv-float,.dv-shadow,.dv-rings i,.dv-glow::before,.dv-tile .pic img,.dv-btn-ghost:hover::before{animation:none!important}
  .dv-rings{display:none}
  .dv-hero-visual .dv-par{transform:none!important}
  body.dv-hdr-hide .header__bottom--fix{transform:none}
}

/* меню на телефоне: у списков была белая подложка темы под светлым текстом — текст не читался */
#popup-navigation .nav-submenu__list,#popup-navigation .nav-submenu__item,#popup-navigation .nav-submenu__list-item,#popup-navigation .nav-submenu{background:transparent!important;border-color:rgba(243,237,226,.08)!important;box-shadow:none!important}
#popup-navigation .popup__submenu-scroll>.nav-submenu>.nav-submenu__list>.nav-submenu__list-item>.nav-submenu__link{font-size:15px!important;font-weight:600!important}

/* ===== v15 01.10.2026 ===== */
/* 1. Пропорции картинок в карточках и плитках (не сплющивать) */
.dv-card .pic img,.dv-tile .pic img{width:auto!important;height:auto!important;object-fit:contain}
.dv-card .pic,.dv-tile .pic{transition:transform .6s var(--ease-out)}

/* 2. Плитки брендов: тот же наклон и свечение за курсором, что у карточек */
.dv-tile{transform-style:preserve-3d;transition:transform .35s var(--ease-out),box-shadow .5s var(--ease-out)}
.dv-tile .dv-spot{position:absolute;inset:0;z-index:1;border-radius:inherit;background:radial-gradient(380px circle at var(--mx,50%) var(--my,40%),rgba(240,217,168,.22),transparent 60%);opacity:0;transition:opacity .35s;pointer-events:none}
.dv-tile:hover .dv-spot{opacity:1}
.dv-tile:hover .pic{transform:translateY(-8px) scale(1.04)}
.dv-tile:hover .pic img{animation-play-state:paused}

/* 3. Первый экран: заметнее левитация, кольца, свечение и блик */
.dv-hero-visual .dv-float{position:relative;animation:dvLevitate2 6s ease-in-out 2.4s infinite}
@keyframes dvLevitate2{0%,100%{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-22px) rotate(-2deg)}}
.dv-shadow{animation:dvShadow2 6s ease-in-out 2.4s infinite}
@keyframes dvShadow2{0%,100%{transform:scale(1);opacity:.9}50%{transform:scale(.74);opacity:.4}}
.dv-rings i{border:1.5px solid rgba(240,217,168,.9);box-shadow:0 0 22px rgba(217,180,111,.45),inset 0 0 22px rgba(217,180,111,.25);animation:dvWave2 5s cubic-bezier(.2,.6,.3,1) infinite}
.dv-rings i:nth-child(2){animation-delay:1.25s}
.dv-rings i:nth-child(3){animation-delay:2.5s}
.dv-rings i:nth-child(4){animation-delay:3.75s}
@keyframes dvWave2{0%{transform:translate(-50%,-50%) scale(.45);opacity:0}10%{opacity:.95}100%{transform:translate(-50%,-50%) scale(1.3);opacity:0}}
.dv-glow::before{animation:dvBreath2 6s ease-in-out 2.4s infinite}
@keyframes dvBreath2{0%,100%{opacity:.55;transform:translate(-50%,-50%) scale(.92)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.08)}}
.dv-hero-visual .dv-float::after{content:"";position:absolute;inset:0;z-index:3;pointer-events:none;transform:scale(1.06);background:linear-gradient(105deg,transparent 38%,rgba(255,238,205,.6) 50%,transparent 62%) no-repeat;background-size:260% 100%;background-position:120% 0;-webkit-mask:url(/image/catalog/dv/phantom-opera.webp) center/contain no-repeat;mask:url(/image/catalog/dv/phantom-opera.webp) center/contain no-repeat;mix-blend-mode:screen;animation:dvGlare 6s ease-in-out 3s infinite}
@keyframes dvGlare{0%,55%{background-position:120% 0}85%,100%{background-position:-20% 0}}

/* 4. Подкатегории без фото — аккуратные плашки */
.dv-noimg{background-image:none!important;min-height:0!important;height:auto!important}
.dv-noimg .categories__title,.dv-noimg span{position:static!important}

/* 5. Поиск: подпись у иконки (десктоп), окно поиска с подсказками */
@media (min-width:821px){
  .js-search-btn{display:inline-flex!important;align-items:center;gap:8px;padding:8px 14px!important;border:1px solid rgba(217,180,111,.55);border-radius:999px;transition:border-color .3s,background .3s}
  .js-search-btn::after{content:"Поиск";font-size:13px;font-weight:600;letter-spacing:.01em;color:var(--brass-2,#b8924e);white-space:nowrap}
  .js-search-btn:hover{background:rgba(217,180,111,.12);border-color:rgba(217,180,111,.9)}
}
@media (min-width:1280px){.js-search-btn::after{content:"Поиск по каталогу"}}
.dv-so{position:fixed;inset:0;z-index:100000;display:none;background:rgba(14,12,16,.78);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);overflow-y:auto}
.dv-so.on{display:block}
.dv-so__box{max-width:860px;margin:72px auto 40px;padding:0 20px}
.dv-so__field{display:flex;align-items:center;gap:12px;background:#fbf8f2;border-radius:18px;padding:6px 8px 6px 20px;box-shadow:0 30px 80px -30px rgba(0,0,0,.6)}
.dv-so__field input{flex:1;min-width:0;border:0!important;background:transparent!important;font-size:20px!important;height:56px!important;padding:0!important;color:#17151c!important;outline:0!important;box-shadow:none!important}
.dv-so__field button{flex:none;height:46px;padding:0 20px;border:0;border-radius:12px;background:linear-gradient(135deg,#e9cf98,#c9a462);color:#17151c;font-weight:700;font-size:15px;cursor:pointer}
.dv-so__x{position:absolute;top:18px;right:22px;width:44px;height:44px;border:0;border-radius:50%;background:rgba(255,255,255,.12);color:#fff;font-size:26px;line-height:44px;cursor:pointer}
.dv-so__hints{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0 0}
.dv-so__hints a{padding:7px 14px;border-radius:999px;border:1px solid rgba(240,217,168,.45);color:#f0d9a8!important;font-size:14px;text-decoration:none!important}
.dv-so__hints a:hover{background:rgba(240,217,168,.14)}
.dv-so__res{margin-top:18px;display:grid;gap:8px}
.dv-so__cat{display:flex;flex-wrap:wrap;gap:8px}
.dv-so__cat a{padding:6px 12px;border-radius:10px;background:rgba(240,217,168,.16);color:#f0d9a8!important;font-size:14px;text-decoration:none!important}
.dv-so__item{display:flex;align-items:center;gap:14px;padding:10px 14px;border-radius:14px;background:rgba(251,248,242,.96);color:#17151c!important;text-decoration:none!important;transition:transform .2s,background .2s}
.dv-so__item:hover,.dv-so__item.act{transform:translateX(4px);background:#fff}
.dv-so__item img{width:56px;height:56px;object-fit:contain;flex:none;border-radius:8px;background:#fff}
.dv-so__item b{display:block;font-size:15px;font-weight:600;line-height:1.3}
.dv-so__item small{display:block;margin-top:2px;font-size:13px;color:#6f6a62}
.dv-so__item .pr{margin-left:auto;font-weight:700;white-space:nowrap;font-size:15px}
.dv-so__empty{color:#e9e2d4;font-size:15px;padding:8px 2px}
.dv-so__all{display:inline-block;margin-top:6px;color:#f0d9a8!important;font-weight:600}
@media (max-width:820px){
  .dv-so__box{margin-top:64px;padding:0 14px}
  .dv-so__field input{font-size:17px!important;height:48px!important}
  .dv-so__field button{height:40px;padding:0 14px}
  .dv-so__item .pr{font-size:14px}
  .dv-so__x{top:10px;right:12px}
}

/* 6. Сравнение: плавающая панель */
.dv-cmp{position:fixed;left:50%;bottom:18px;z-index:60;display:flex;align-items:center;gap:14px;padding:10px 12px 10px 18px;border-radius:999px;background:rgba(23,21,28,.94);color:#f3ede2;box-shadow:0 24px 60px -20px rgba(0,0,0,.6);border:1px solid rgba(240,217,168,.35);transform:translate(-50%,160%);transition:transform .45s var(--ease-out,cubic-bezier(.2,.7,.2,1));max-width:calc(100vw - 24px)}
.dv-cmp.on{transform:translate(-50%,0)}
.dv-cmp__th{display:flex}
.dv-cmp__th img{width:34px;height:34px;object-fit:contain;border-radius:50%;background:#fff;border:2px solid #17151c;margin-left:-8px}
.dv-cmp__th img:first-child{margin-left:0}
.dv-cmp__t{font-size:14px;white-space:nowrap}
.dv-cmp__go{padding:9px 18px;border-radius:999px;background:linear-gradient(135deg,#e9cf98,#c9a462);color:#17151c!important;font-weight:700;font-size:14px;text-decoration:none!important;white-space:nowrap}
.dv-cmp__clr{border:0;background:transparent;color:#bdb4a5;font-size:13px;cursor:pointer;text-decoration:underline;padding:0 4px}
@media (max-width:820px){.dv-cmp{left:10px;right:84px;bottom:14px;gap:8px;padding:7px 8px 7px 12px;justify-content:space-between;transform:translateY(160%)}.dv-cmp.on{transform:translateY(0)}.dv-cmp__th,.dv-cmp__clr{display:none}.dv-cmp__t{font-size:13px;white-space:normal;line-height:1.2}.dv-cmp__go{padding:8px 14px;font-size:13px}}
.products-full-list__compare-link.dv-added .products-full-list__compare-text{color:var(--brass-2,#b8924e)!important}

/* 7. Форма «Узнать наличие» */
.dv-lf{position:fixed;inset:0;z-index:100001;display:none;align-items:center;justify-content:center;background:rgba(14,12,16,.72);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);padding:16px}
.dv-lf.on{display:flex}
.dv-lf__box{position:relative;width:100%;max-width:440px;max-height:calc(100vh - 32px);overflow-y:auto;background:#fbf8f2;color:#17151c;border-radius:22px;padding:30px 28px 26px;box-shadow:0 40px 100px -30px rgba(0,0,0,.7)}
.dv-lf__box h3{margin:0 0 6px!important;font-size:26px!important;line-height:1.15!important;letter-spacing:-.02em}
.dv-lf__box p{margin:0 0 16px;font-size:14.5px;color:#57524a;line-height:1.5}
.dv-lf__box label{display:block;font-size:13px;font-weight:600;margin:10px 0 4px;color:#3a352e}
.dv-lf__box input,.dv-lf__box textarea{width:100%;box-sizing:border-box;border:1px solid #dcd3c3!important;border-radius:12px!important;background:#fff!important;padding:12px 14px!important;font-size:16px!important;color:#17151c!important;height:auto!important}
.dv-lf__box textarea{min-height:70px;resize:vertical}
.dv-lf__box input:focus,.dv-lf__box textarea:focus{border-color:#c9a462!important;outline:0;box-shadow:0 0 0 3px rgba(201,164,98,.2)!important}
.dv-lf__box input.err{border-color:#c0392b!important}
.dv-lf__send{width:100%;margin-top:16px;height:52px;border:0;border-radius:14px;background:linear-gradient(135deg,#e9cf98,#c9a462);color:#17151c;font-weight:700;font-size:16px;cursor:pointer}
.dv-lf__send[disabled]{opacity:.6}
.dv-lf__note{margin-top:10px!important;font-size:12px!important;color:#8a8478!important}
.dv-lf__ok{padding:14px 16px;border-radius:12px;background:#eef6ea;color:#2d5a22;font-size:15px;margin-top:6px}
.dv-lf__x{position:absolute;top:12px;right:12px;width:36px;height:36px;border:0;border-radius:50%;background:#efe8db;color:#17151c;font-size:22px;line-height:36px;cursor:pointer}
.dv-ask:not(.dv-btn){display:inline-flex!important;align-items:center;gap:6px;color:var(--brass-2,#b8924e)!important;font-weight:700!important;border-bottom:1px dashed currentColor!important;text-decoration:none!important;cursor:pointer}

@media (prefers-reduced-motion:reduce){
  .dv-hero-visual .dv-float,.dv-hero-visual .dv-float::after,.dv-shadow,.dv-rings i,.dv-glow::before{animation:none!important}
}
@media (max-width:820px){
  .dv-rings i:nth-child(4){display:none}
  .dv-hero-visual .dv-float{animation-duration:7s}
}
/* 8. Полоса «Также в каталоге» на главной */
.dv-chips{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:34px}
.dv-chips__t{font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3,#6f6a62);margin-right:6px}
.dv-chips a{padding:9px 16px;border-radius:999px;border:1px solid var(--card-border,rgba(23,21,28,.14));background:rgba(255,255,255,.6);color:var(--ink,#17151c)!important;font-size:14.5px;font-weight:600;text-decoration:none!important;transition:background .25s,border-color .25s,transform .25s}
.dv-chips a:hover{background:#fff;border-color:rgba(201,164,98,.8);transform:translateY(-2px)}
/* 9. Сброс стилей темы для кнопок окон */
.dv-so__x,.dv-lf__x{padding:0!important;min-width:0!important;max-width:none!important;border-radius:50%!important;box-shadow:none!important;text-transform:none!important;display:flex!important;align-items:center;justify-content:center}
.dv-so__x{width:44px!important;height:44px!important}
.dv-lf__x{width:36px!important;height:36px!important}
.dv-lf__box textarea,.dv-lf__box textarea::placeholder,.dv-lf__box input::placeholder{text-transform:none!important;letter-spacing:normal!important}
.dv-lf__send,.dv-so__field button,.dv-cmp__clr{text-transform:none!important;letter-spacing:normal!important}
/* 10. Страница сравнения */
.dv-compare .product__img-block img{width:150px!important;height:150px!important;max-width:none!important;object-fit:contain;background:#fff;border-radius:14px;padding:8px}

/* v20: первый экран не уезжает при прокрутке — только движение за курсором */
.dv-hero-visual .dv-par{--sy:0px!important}
/* v21: Phantom по центру колец (в картинке колонка смещена влево-вниз), волны спокойнее и медленнее */
.dv-hero-visual .dv-float{translate:12% -14%}
.dv-shadow{bottom:11%}
.dv-rings i{border:1px solid rgba(240,217,168,.6);box-shadow:0 0 12px rgba(217,180,111,.22),inset 0 0 12px rgba(217,180,111,.12);animation:dvWave3 7s cubic-bezier(.2,.6,.3,1) infinite}
.dv-rings i:nth-child(2){animation-delay:1.75s}
.dv-rings i:nth-child(3){animation-delay:3.5s}
.dv-rings i:nth-child(4){animation-delay:5.25s}
@keyframes dvWave3{0%{transform:translate(-50%,-50%) scale(.45);opacity:0}12%{opacity:.7}100%{transform:translate(-50%,-50%) scale(1.3);opacity:0}}
@media (prefers-reduced-motion:reduce){.dv-rings i{animation:none!important}}

/* ---------- Оформление заказа (checkout/dv_checkout), v22 ---------- */
.dv-co__lead{max-width:640px;margin:-6px 0 24px;color:var(--ink-2);font-size:16px;line-height:1.5}
.dv-co__grid{display:grid;grid-template-columns:minmax(0,1fr) 400px;gap:24px;align-items:start;margin-bottom:48px}
.dv-co__main{display:grid;gap:20px;min-width:0}
.dv-co__card{background:rgba(255,255,255,.72);border:1px solid rgba(140,106,58,.18);border-radius:var(--r-lg);padding:24px}
.dv-co__side{position:sticky;top:24px}
.dv-co__h{font-size:20px!important;margin:0 0 16px!important;color:var(--ink)}
.dv-co__row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.dv-co__field{display:block;margin:0 0 14px;font-weight:400}
.dv-co__field:last-child{margin-bottom:0}
.dv-co__label{display:block;margin:0 0 6px;font-size:14px;color:var(--ink-2)}
.dv-co__label b{color:var(--brass-1);font-weight:600}
.dv-co__label i{font-style:normal;color:var(--ink-3)}
.dv-co__field input,.dv-co__field textarea{width:100%;display:block}
.dv-co__field textarea{resize:vertical;min-height:52px}
.dv-co__field.is-error input,.dv-co__field.is-error textarea{border-color:#a13544!important}
.dv-co__err{display:block;font-style:normal;font-size:13px;line-height:1.3;color:#a13544;margin-top:4px}
.dv-co__err:empty{display:none}
.dv-co__opts{display:grid;gap:10px;margin-bottom:14px}
.dv-co__opt{display:grid;grid-template-columns:20px minmax(0,1fr) auto;gap:12px;align-items:start;margin:0;padding:14px 16px;border:1px solid rgba(23,21,28,.14);border-radius:var(--r-md);background:#fff;cursor:pointer;font-weight:400;transition:border-color .18s,box-shadow .18s}
.dv-co__opt:hover{border-color:rgba(140,106,58,.45)}
.dv-co__opt:has(input:checked){border-color:var(--brass-1);box-shadow:0 0 0 1px var(--brass-1) inset}
.dv-co__opt input,.dv-co__agree input{position:static!important;display:block!important;opacity:1!important;visibility:visible!important;-webkit-appearance:auto!important;appearance:auto!important;clip:auto!important;pointer-events:auto!important}
.dv-co__opt input{margin:2px 0 0;width:18px;height:18px;accent-color:var(--brass-1)}
.dv-co__opt-body{display:grid;gap:2px;min-width:0}
.dv-co__opt-title{font-size:15px;font-weight:600;color:var(--ink);line-height:1.35}
.dv-co__opt-desc{font-size:13px;color:var(--ink-3);line-height:1.4}
.dv-co__opt-price{font-size:15px;font-weight:600;color:var(--ink);white-space:nowrap;font-variant-numeric:tabular-nums}
.dv-co__items{list-style:none;margin:0 0 8px;padding:0;display:grid;gap:12px}
.dv-co__items li{display:grid;grid-template-columns:60px minmax(0,1fr) auto;gap:12px;align-items:center}
.dv-co__items img{width:60px;height:60px;object-fit:contain;border-radius:10px;background:#fff}
.dv-co__item-name{display:grid;gap:2px;font-size:14px;line-height:1.35;min-width:0}
.dv-co__item-name a{color:var(--ink)!important;text-decoration:none}
.dv-co__item-name small{color:var(--ink-3);font-size:13px}
.dv-co__items b{font-size:14px;white-space:nowrap;font-variant-numeric:tabular-nums}
.dv-co__edit{display:inline-block;font-size:13px;color:var(--brass-1)!important;margin-bottom:16px}
.dv-co__totals{display:grid;grid-template-columns:1fr auto;gap:8px 12px;margin:0 0 18px;padding-top:16px;border-top:1px solid rgba(23,21,28,.1);font-size:15px}
.dv-co__totals dt{font-weight:400;color:var(--ink-2)}
.dv-co__totals dd{margin:0;text-align:right;font-variant-numeric:tabular-nums}
.dv-co__totals .dv-co__total{font-size:20px;font-weight:600;color:var(--ink);padding-top:8px}
.dv-co__agree{display:grid;grid-template-columns:20px 1fr;gap:10px;align-items:start;font-size:14px;line-height:1.4;font-weight:400;color:var(--ink-2);margin:0;cursor:pointer}
.dv-co__agree input{width:18px;height:18px;margin:1px 0 0;accent-color:var(--brass-1)}
.dv-co__btn{width:100%;justify-content:center;margin-top:16px;border:0;cursor:pointer;font-size:16px!important;text-transform:none!important;letter-spacing:0!important}
.dv-co__btn[disabled]{opacity:.6;cursor:wait}
.dv-co__alert{margin-top:12px;padding:12px 14px;border-radius:var(--r-md);background:rgba(161,53,68,.08);color:#a13544;font-size:14px}
.dv-co__note{margin:12px 0 0;font-size:13px;line-height:1.45;color:var(--ink-3)}
#dv-co-address[hidden]{display:none}
@media (max-width:991px){
  .dv-co__grid{grid-template-columns:1fr}
  .dv-co__side{position:static}
}
@media (max-width:575px){
  .dv-co__card{padding:18px 16px}
  .dv-co__row{grid-template-columns:1fr;gap:0}
  .dv-co__row .dv-co__field{margin-bottom:14px}
  .dv-co__opt{grid-template-columns:20px minmax(0,1fr);}
  .dv-co__opt-price{grid-column:2;font-size:14px}
}

/* 02.10.2026 hero v4: хук + три модели (Mania / Dione / Gemini II) */
.dv-hero .dv-lead a{color:var(--on-dark);text-decoration:none;border-bottom:1px solid rgba(217,180,111,.45);transition:border-color .3s}
.dv-hero .dv-lead a:hover{border-color:#f0d9a8}
.dv-hook-a{background:linear-gradient(90deg,#e2bf7c,#f3dcab 60%,#fff1d2);-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:500}
.dv-trio{list-style:none;margin:22px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;max-width:58ch}
.dv-trio li{margin:0;opacity:0;transform:translateY(14px);animation:dvWordIn .8s var(--ease-out) forwards;animation-delay:calc(.9s + var(--i,0)*.14s)}
.dv-trio a{position:relative;display:block;height:100%;padding:12px 14px 13px;border-radius:14px;background:rgba(255,255,255,.03);text-decoration:none!important;transition:background .35s,transform .35s var(--ease-out)}
.dv-trio a::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(140deg,rgba(240,217,168,.5),rgba(240,217,168,.06) 45%,rgba(240,217,168,.22));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;transition:opacity .35s}
.dv-trio a:hover{background:rgba(217,180,111,.08);transform:translateY(-2px)}
.dv-trio b{display:block;font-size:17px;font-weight:600;letter-spacing:-.01em;line-height:1.2;background:linear-gradient(90deg,#e2bf7c,#f3dcab 60%,#fff1d2);-webkit-background-clip:text;background-clip:text;color:transparent}
.dv-trio span{display:block;margin-top:4px;font-size:14px;line-height:1.35;color:rgba(244,239,230,.82)}
.dv-note{margin:14px 0 0;font-size:14px;line-height:1.4;color:rgba(244,239,230,.82);opacity:0;animation:dvFade 1s var(--ease-out) 1.35s forwards}
.dv-note::before{content:"";display:inline-block;width:18px;height:1px;margin:0 10px 4px 0;vertical-align:middle;background:var(--g-brass)}
.dv-hero .dv-cta{margin-top:26px;animation-delay:1.45s}
@media (max-width:820px){
  .dv-trio{grid-template-columns:1fr;gap:8px;margin-top:18px}
  .dv-trio a{display:flex;align-items:baseline;gap:10px;padding:11px 14px}
  .dv-trio b{flex:0 0 auto;font-size:16px}
  .dv-trio span{margin:0}
}
@media (prefers-reduced-motion:reduce){
  .dv-trio li,.dv-note{opacity:1!important;transform:none!important;animation:none!important}
  .dv-trio a{transition:none}
}

/* 05.10.2026 моб. меню: открытый подраздел (Apple и др.) — сплошной фон, чтобы не просвечивал список уровнем выше */
#popup-navigation .nav-submenu__list.active{background:#17151c!important;min-height:100%}