/* dp-site.css — стилі, що раніше лежали в полі «Google Analytics» (перенесено 25.10.2026).
   Порядок блоків збережено: від нього залежить, яке правило перемагає. */

/* ===== Плитки каталогу на головній 600–991px ===== */
/* плитки каталогу на головній — рівна сітка від 600 до 991px (раніше картки по 220px по центру: ряди 3+2 з дірками) */
@media (min-width: 600px) and (max-width: 991px) {
  .ldev-question .dv-cats .dv-list { display: grid !important; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 14px !important; justify-content: stretch !important; }
  .ldev-question .dv-cats .dv-list > .dv-cat { width: auto !important; max-width: none !important; min-width: 0 !important; margin: 0 !important; grid-column: span 2; }
  .ldev-question .dv-cats .dv-list > .dv-cat:nth-child(4),
  .ldev-question .dv-cats .dv-list > .dv-cat:nth-child(5) { grid-column: span 3; }
  .ldev-question .dv-cats .dv-list > .dv-cat.dv-full { grid-column: 1 / -1; }
  /* форма картки з вирізом під кнопку: краї фіксовані, середина тягнеться (оригінальна SVG розтягувалась цілком і виріз з'їжджав) */
  .ldev-question .dv-cats .dv-list > .dv-cat:not(.dv-full)::before { width: 100% !important; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 284' preserveAspectRatio='none'%3E%3Cpath fill='%23fff' d='M24 0H30V284H24A24 24 0 0 1 0 260V24A24 24 0 0 1 24 0Z'/%3E%3C/svg%3E") left top / 30px 100% no-repeat, url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 284' preserveAspectRatio='none'%3E%3Cpath fill='%23fff' d='M0 0H56A24 24 0 0 1 80 24V204A24 24 0 0 1 56 228H48A24 24 0 0 0 24 252V260A24 24 0 0 1 0 284Z'/%3E%3C/svg%3E") right top / 80px 100% no-repeat, linear-gradient(#fff, #fff) 29px 0 / calc(100% - 107px) 100% no-repeat !important; }

  .ldev-question .dv-cats .dv-list > .dv-cat.dv-wide { grid-column: span 4; }
  .ldev-question .dv-cats .dv-list > .dv-cat.dv-wide ~ .dv-cat:not(.dv-wide):not(.dv-full):nth-last-child(-n+2) { grid-column: span 3; }
}
/* вузьке вікно комп'ютера 768–991px: смуга «Каталог» по краях плиток, з відступом */
@media (min-width: 768px) and (max-width: 991px) {
  .ldev-question .dv-cats { margin-top: 16px; }
  .oc_mm .mm-navbar .navbar-header { margin-left: 5px !important; margin-right: 0 !important; border-radius: 14px; }
}

/* ===== Мобільне меню: «Ви дивилися» (пункт + панель) і картки товарів у панелях ===== */
.dpv-item{display:none} @media (max-width:991px){ .oc_mm ul.mm > li.dpv-item{display:block} .oc_mm ul.mm > li.dpv-item > a.dpv-open{display:flex;align-items:center;gap:1px;color:#000;text-decoration:none;padding:8px 12px 8px 18px;font-size:18px;line-height:1.4;font-weight:400} .oc_mm ul.mm > li.dpv-item > a.dpv-open .dpv-ic{flex:0 0 28px;width:28px;height:28px;margin:0 1px 0 0;display:flex;align-items:center;justify-content:center} .oc_mm ul.mm > li.dpv-item > a.dpv-open .dpv-ic svg{width:24px;height:24px;stroke:var(--dp-primary);fill:none;stroke-width:1.6} .oc_mm ul.mm > li.dpv-item > a.dpv-open .dpv-t{flex:1 1 auto;padding-left:9px} .oc_mm ul.mm > li.dpv-item > a.dpv-open .dpv-n{font-size:13px;color:#8b8b8b;margin-left:7px} .oc_mm ul.mm > li.dpv-item > a.dpv-open .dpv-arr{flex:0 0 auto;width:8px;height:8px;border-top:1.6px solid #b9b0c0;border-right:1.6px solid #b9b0c0;transform:rotate(45deg)} } .dpv-panel{position:fixed;top:0;left:0;right:0;bottom:0;background:#fff;z-index:1000001;display:none;flex-direction:column} .dpv-panel.dpv-on{display:flex} .dpv-head{flex:0 0 auto;display:flex;align-items:center;gap:12px;padding:14px;border-bottom:1px solid #ece7ef} .dpv-back{flex:0 0 auto;width:32px;height:32px;border:0;background:none;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center} .dpv-back::before{content:"";width:9px;height:9px;border-left:1.8px solid #241a30;border-bottom:1.8px solid #241a30;transform:rotate(45deg);margin-left:4px} .dpv-head h3{flex:1 1 auto;margin:0;font-size:17px;font-weight:600;color:#241a30;text-align:left;text-transform:none;letter-spacing:0} .dpv-close{flex:0 0 auto;width:32px;height:32px;border:0;background:none;font-size:24px;line-height:1;color:#241a30;cursor:pointer;padding:0} .dpv-body{flex:1 1 auto;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:12px 12px 24px;background:#fff} .dpv-empty{padding:40px 24px;text-align:center;color:#8b8b8b;font-size:14.5px;line-height:1.5} .dpv-row{display:flex;align-items:center;gap:14px;background:#fff;border:1px solid #ece7ef;border-radius:14px; padding:12px;margin:0 0 12px;box-shadow:0 1px 3px rgba(20,10,30,.05)} .dpv-row__img{flex:0 0 68px;width:68px;height:68px;border-radius:10px;background:#faf5fc;display:flex;align-items:center;justify-content:center;overflow:hidden} .dpv-row__img img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain} .dpv-row__body{flex:1 1 auto;min-width:0}.dpv-row{position:relative}.dpv-row__fav{position:absolute;bottom:2px;right:4px;width:24px;height:24px;border:0;background:none;padding:0;cursor:pointer}.dpv-row__fav svg{width:17px;height:17px;fill:none;stroke:#b9b0c0;stroke-width:1.7}.dpv-row__fav.on svg{fill:var(--dp-primary);stroke:var(--dp-primary)}.dpv-row__del{position:absolute;top:2px;right:4px;width:24px;height:24px;border:0;background:none;color:#b9b0c0;font-size:18px;line-height:1;cursor:pointer;padding:0} .dpv-row__name{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden; font-size:14px;font-weight:600;line-height:1.35;color:#262626;text-decoration:none;margin:0 0 4px} .dpv-row__name:hover{color:var(--dp-primary)} .dpv-row__price{display:block;font-size:15px;font-weight:700;color:#2b2b2b;white-space:nowrap} .dpv-row__buy{flex:0 0 auto;display:inline-flex;align-items:center;gap:7px;background:var(--dp-primary);color:#fff;border:none; border-radius:6px;padding:9px 15px;font-size:13.5px;font-weight:600;cursor:pointer;white-space:nowrap; box-shadow:0 1px 2px rgba(0,0,0,.08)} .dpv-row__buy:hover{background:var(--dp-primary-hover)} .dpv-row__buy i{font-size:13px} @media (max-width:380px){.dpv-row__buy span{display:none}.dpv-row__buy{padding:9px 12px}} .dpv-clear{display:block;width:100%;margin:4px 0 0;padding:11px;border:1px solid #e2d9e6;border-radius:10px;background:#fff;color:#6b5c78;font-size:13.5px;cursor:pointer} .dpv-clear:hover{border-color:var(--dp-primary);color:var(--dp-primary)} body .p-l-modern .p-l-card, body .ldev-card-product{border-radius:12px !important;padding:12px !important; border:1px solid #ece7ef !important;background:#fff !important;box-shadow:0 1px 3px rgba(20,10,30,.05) !important} body .ldev-card-product{margin-left:0 !important;margin-right:0 !important} body .p-l-modern .p-l-card__label{display:none !important} body .p-l-modern .p-l-card__price, body .ldev-card-product .ldev-card-product-price, body .ldev-card-product .ldev-price{font-size:15px !important;font-weight:700 !important;color:#2b2b2b !important} body .p-l-modern .p-l-price-old, body .ldev-card-product .ldev-price-old{color:#a9a9a9 !important;font-size:13px !important;font-weight:400 !important;text-decoration:line-through !important} body .p-l-modern .p-l-card__media, body .ldev-card-product .ldev-card-product-image{border-radius:10px !important;background:#faf5fc !important} body .p-l-modern .p-l-buy-btn, body .ldev-card-product .ldev-buy-btn, body .ldev-card-product button[onclick*="cart.add"]{background:var(--dp-primary) !important;color:#fff !important;border:0 !important; border-radius:6px !important;padding:9px 15px !important;font-size:13.5px !important;font-weight:600 !important;box-shadow:0 1px 2px rgba(0,0,0,.08) !important} body .p-l-modern .p-l-card__title, body .ldev-card-product .ldev-card-product-title h4, body .ldev-card-product .ldev-card-product-title h4 a{font-size:14.5px !important;font-weight:400 !important;line-height:1.35 !important;color:#262626 !important}

/* ===== Мобільне меню: «Контакти» ===== */
.mm-contacts{display:none !important} .dpc-item{display:none} @media (max-width:991px){ .oc_mm ul.mm > li.dpc-item{display:block} .oc_mm ul.mm > li.dpc-item > a.dpc-open{display:flex;align-items:center;gap:1px;color:#000;text-decoration:none;padding:8px 12px 8px 18px;font-size:18px;line-height:1.4;font-weight:400} .oc_mm ul.mm > li.dpc-item > a.dpc-open .dpc-ic{flex:0 0 28px;width:28px;height:28px;margin:0 1px 0 0;display:flex;align-items:center;justify-content:center} .oc_mm ul.mm > li.dpc-item > a.dpc-open .dpc-ic svg{width:24px;height:24px;stroke:var(--dp-primary);fill:none;stroke-width:1.6} .oc_mm ul.mm > li.dpc-item > a.dpc-open .dpc-t{flex:1 1 auto;padding-left:9px} .oc_mm ul.mm > li.dpc-item > a.dpc-open .dpc-arr{flex:0 0 auto;width:8px;height:8px;border-top:1.6px solid #b9b0c0;border-right:1.6px solid #b9b0c0;transform:rotate(45deg)} }

/* ===== Шапка: кнопка «Меню», рядок «мова / кабінет / закладки», панель «Закладки» ===== */
/* усе нове ховаємо за замовчуванням — на десктопі цих елементів бути не повинно */
.dpm-menu-btn{display:none}
 .mm-ubtns{display:none !important}
@media (max-width:767px){
 .oc_mm .mm-topbar .mm-ubtns{display:flex !important}
 /* кнопка «Меню» ліворуч від логотипа — по одній лінії з рештою іконок шапки */
 .dpm-menu-btn{position:absolute;left:5px;top:17px;z-index:5;display:flex;align-items:center;justify-content:center;width:44px;height:40px;padding:0;text-decoration:none;-webkit-tap-highlight-color:rgba(173,23,173,.12)}
 .dpm-menu-btn:hover,.dpm-menu-btn:focus,.dpm-menu-btn:active{text-decoration:none}
 .dpm-menu-btn .dpm-ic{display:flex;align-items:center;justify-content:center;width:26px;height:26px}
 .dpm-menu-btn .dpm-ic svg{width:24px;height:24px;stroke:#030303;fill:none;stroke-width:2;stroke-linecap:round}
 .dpm-menu-btn .dpm-t{position:absolute;left:-6px;right:-6px;top:37px;font-size:10.5px;line-height:1;font-weight:400;color:#5a5464;text-align:center}
 .dpm-menu-btn:hover .dpm-ic svg,.dpm-menu-btn:focus .dpm-ic svg{stroke:var(--dp-primary)}
 .dpm-menu-btn:hover .dpm-t,.dpm-menu-btn:focus .dpm-t{color:var(--dp-primary)}
 /* лого: більше і по центру вільного місця між кнопкою та іконками */
 #logo_mob,#logo_mob_320{position:absolute !important;margin-left:56px !important;width:calc(100vw - 232px) !important;display:flex !important;align-items:center;justify-content:center}
 #logo_mob img,#logo_mob_320 img{position:static !important;top:auto !important;transform:none !important;margin:0 !important;width:auto !important;max-width:100% !important;max-height:46px !important;height:auto !important}
 /* «кабінет» переїхав у меню — з шапки прибираємо */
 .theme-compact .account-compact:not(.info){display:none !important}
 /* стару кнопку «Каталог» замінила кнопка в шапці */
 .oc_mm .navbar-header{display:none !important}
 /* верхня стрічка панелі: мова ліворуч, кабінет/закладки праворуч, хрестик у кінці.
    Слово «Каталог/Меню» звідси прибрано — воно тут зайве. */
 .oc_mm .mm-topbar{position:relative;display:flex !important;align-items:center;gap:8px;padding:8px 8px 10px 14px !important;margin:0 0 4px !important;border-bottom:1px solid #efecf4}
 .oc_mm .mm-topbar .mm-topbar-title{display:none !important}
 .oc_mm .mm-topbar .mm-lang-switch{display:inline-flex !important;flex:0 0 auto;margin:0 !important;position:static !important}
 .oc_mm .mm-topbar .mm-ubtns{margin-left:auto;display:flex;align-items:flex-start;gap:2px}
 .oc_mm .mm-topbar .mm-ub{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;width:58px;padding:2px 0;background:none;border:0;text-decoration:none;color:#5a5464;-webkit-tap-highlight-color:rgba(173,23,173,.12)}
 .oc_mm .mm-topbar .mm-ub:hover,.oc_mm .mm-topbar .mm-ub:focus{text-decoration:none;color:var(--dp-primary);outline:none}
 .oc_mm .mm-topbar .mm-ub-ic{position:relative;display:flex;align-items:center;justify-content:center;width:26px;height:26px}
 .oc_mm .mm-topbar .mm-ub-ic svg{width:24px;height:24px;stroke:#241a30;fill:none;stroke-width:1.7}
 .oc_mm .mm-topbar .mm-ub:hover .mm-ub-ic svg,.oc_mm .mm-topbar .mm-ub.on .mm-ub-ic svg{stroke:var(--dp-primary)}
 .oc_mm .mm-topbar .mm-ub-t{font-size:11.5px;line-height:1.1;text-align:center;white-space:nowrap}
 .oc_mm .mm-topbar .mm-ub-n{display:none;position:absolute;top:-5px;right:-7px;min-width:16px;height:16px;padding:0 4px;box-sizing:border-box;border-radius:9px;background:var(--dp-primary);color:#fff;font-size:10.5px;font-weight:700;line-height:16px;text-align:center}
 .oc_mm .mm-topbar .mm-ub-n.on{display:block}
 .oc_mm .mm-topbar #mm-remove-horizontal,.oc_mm .mm-topbar #mm-remove-vertical{flex:0 0 auto;margin:0 2px 0 4px !important;font-size:22px;line-height:1;color:#5a5464}
}
/* дропдаун «Кабінет» */
.dpa-card{display:none;position:absolute;top:100%;right:6px;z-index:30;width:236px;margin-top:-4px;padding:6px 0;background:#fff;border:1px solid #efecf4;border-radius:10px;box-shadow:0 6px 20px rgba(60,30,80,.14)}
.dpa-card.on{display:block}
.dpa-card .dpa-h{margin:6px 14px 4px;font-size:11px;letter-spacing:.4px;text-transform:uppercase;color:#9a92a6;font-weight:700}
.dpa-card a{display:flex !important;align-items:center;gap:10px;padding:9px 14px;font-size:14.5px;line-height:1.25;color:#241a30 !important;text-decoration:none !important}
.dpa-card a:hover,.dpa-card a:active,.dpa-card a:focus{background:#faf0fa;color:var(--dp-primary) !important}
.dpa-card a i{flex:0 0 18px;width:18px;text-align:center;font-size:15px;color:var(--dp-primary)}
/* панель «Закладки» */
.dpw-panel{position:fixed;top:0;left:0;right:0;bottom:0;background:#fff;z-index:1000001;display:none;flex-direction:column}
.dpw-panel.dpw-on{display:flex}
.dpw-head{flex:0 0 auto;display:flex;align-items:center;gap:12px;padding:14px;border-bottom:1px solid #ece7ef}
.dpw-back{flex:0 0 auto;width:32px;height:32px;border:0;background:none;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center}
.dpw-back::before{content:"";width:9px;height:9px;border-left:1.8px solid #241a30;border-bottom:1.8px solid #241a30;transform:rotate(45deg);margin-left:4px}
.dpw-head h3{flex:1 1 auto;margin:0;font-size:17px;font-weight:600;color:#241a30;text-align:left;text-transform:none;letter-spacing:0}
.dpw-close{flex:0 0 auto;width:32px;height:32px;border:0;background:none;font-size:24px;line-height:1;color:#241a30;cursor:pointer;padding:0}
.dpw-body{flex:1 1 auto;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:12px 12px 24px;background:#fff}
.dpw-empty{padding:40px 24px;text-align:center;color:#8b8b8b;font-size:14.5px;line-height:1.5}
.dpw-row{position:relative;display:flex;align-items:center;gap:14px;background:#fff;border:1px solid #ece7ef;border-radius:14px;padding:12px 34px 12px 12px;margin:0 0 12px;box-shadow:0 1px 3px rgba(20,10,30,.05)}
.dpw-row__img{flex:0 0 68px;width:68px;height:68px;border-radius:10px;background:#faf5fc;display:flex;align-items:center;justify-content:center;overflow:hidden}
.dpw-row__img img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}
.dpw-row__body{flex:1 1 auto;min-width:0}
.dpw-row__name{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:14px;font-weight:600;line-height:1.35;color:#262626;text-decoration:none;margin:0 0 4px}
.dpw-row__name:hover{color:var(--dp-primary)}
.dpw-row__price{display:block;font-size:15px;font-weight:700;color:#2b2b2b;white-space:nowrap}
.dpw-row__buy{flex:0 0 auto;display:inline-flex;align-items:center;gap:7px;background:var(--dp-primary);color:#fff;border:none;border-radius:6px;padding:9px 15px;font-size:13.5px;font-weight:600;cursor:pointer;white-space:nowrap;box-shadow:0 1px 2px rgba(0,0,0,.08)}
.dpw-row__buy:hover{background:var(--dp-primary-hover)}
.dpw-row__del{position:absolute;top:6px;right:6px;width:26px;height:26px;border:0;background:none;color:#b9b0c0;font-size:19px;line-height:1;cursor:pointer;padding:0}
.dpw-row__del:hover{color:var(--dp-primary)}
@media (max-width:380px){.dpw-row__buy span{display:none}.dpw-row__buy{padding:9px 12px}}

/* ===== Мобільні відступи: контент, таблиці кабінету, оформлення ===== */
@media (max-width:767px){
 /* однакові поля ліворуч і праворуч: раніше було 10px зліва і 15px справа,
    через що картки не збігалися з «хлібними крихтами» */
 #content{padding-left:15px !important;padding-right:15px !important}

 /* таблиці в кабінеті (закладки, замовлення, повернення) — на телефоні
    обрізало останню колонку з кнопками, тому кнопки ставимо стовпчиком */
 #content .table-responsive{border:0}
 #content .table > thead > tr > td,#content .table > thead > tr > th{padding:8px 5px !important;font-size:10.5px !important;line-height:1.25;white-space:normal;word-break:break-word}
 #content .table > tbody > tr > td{padding:8px 5px !important}
 #content .table > tbody > tr > td.text-right:last-child .btn{display:block !important;width:34px !important;margin:0 0 5px auto !important;padding:7px 0 !important;text-align:center}
 #content .table > tbody > tr > td.text-right:last-child .btn:last-child{margin-bottom:0 !important}

 /* оформлення замовлення: у сторінки були поля #content + .simplecheckout + блок,
    разом ~50px з кожного боку. Прибираємо середній рівень — картка ширша на 25px */
 .simplecheckout{padding-left:0 !important;padding-right:0 !important}
}

/* ===== Мобільне меню: кнопки кабінет/закладки тільки на телефоні ===== */
.mm-ubtns{display:none !important}@media (max-width:767px){.oc_mm .mm-topbar .mm-ubtns{display:flex !important}}

/* ===== Відгуки: сітка замість слайдера (dp-rev v2) ===== */
/* ============================================================
   ВІДГУКИ — сітка замість слайдера      (dp-rev v2, 11.08.2026)
   ============================================================ */
#record_columns-13{
  --rv-line:#e8ddf2; --rv-ink:#2b1b3d; --rv-soft:#8a7a99;
  --rv-purple:var(--dp-primary); --rv-mist:#faf7fd;
  display:grid; grid-template-columns:repeat(3,1fr); gap:14px;
  max-width:1140px; margin:0 auto; padding:0;
}
@media (max-width:991px){ #record_columns-13{grid-template-columns:repeat(2,1fr)} }
@media (max-width:600px){ #record_columns-13{grid-template-columns:1fr; gap:12px} }

#record_columns-13 .column_width_13{
  width:auto !important; margin:0 !important; float:none !important;
  position:relative; display:flex !important; flex-direction:column !important;
  padding:13px 15px 13px; box-sizing:border-box; overflow:hidden;
  border:0 !important; border-radius:0; background:transparent;
  box-shadow:none !important;
}
#record_columns-13 .column_width_13 + .column_width_13{ }
@media (min-width:601px){
  /* десктоп: однакова висота, текст обрізаємо, кнопку прибиваємо до низу */
  #record_columns-13 .column_width_13{ height:212px; padding-bottom:48px }
  #record_columns-13 .blogdescription{ display:block; overflow:hidden }
  #record_columns-13 .seocms_further{
    position:absolute; left:15px; bottom:13px; margin-top:0;
  }
  #record_columns-13 .column_width_13::after{
    content:''; position:absolute; left:0; right:0; bottom:44px; height:26px;
    background:linear-gradient(rgba(255,255,255,0),#fff); pointer-events:none;
  }
}

#record_columns-13 .blogdescription{
  margin:0 !important; display:flex !important; flex-direction:column !important;
  flex:1 1 auto; min-height:0;
  font-size:13.5px; line-height:1.5; color:var(--rv-ink);
}
/* шапка: автор + зірки */
#record_columns-13 .blog-author{
  font-weight:600; font-size:13px; color:var(--rv-purple);
  padding-right:80px; margin:0 0 6px;
}
#record_columns-13 .sc_rating{ position:absolute; top:12px; right:14px; margin:0 }
#record_columns-13 .sc_rating img{ height:12px; width:auto }

/* фото товару — без float, маленьке, в рядок із містом */
#record_columns-13 .blog-image{
  float:none !important; width:46px !important; flex:0 0 auto !important;
  order:-1 !important; margin:0 0 7px !important;
}
#record_columns-13 .blog-image img{
  width:46px; height:46px; object-fit:contain; padding:2px;
  border:1px solid var(--rv-line); border-radius:8px; background:var(--rv-mist);
}
/* місто: width100 поруч із фото і був причиною виповзання */
#record_columns-13 .width100{
  width:auto !important; float:none !important;
  display:flex; align-items:center; gap:5px; margin:0 0 6px !important;
  font-size:11.5px; color:var(--rv-soft);
}
#record_columns-13 .width100 .floatleft{ float:none !important; margin:0 !important }
#record_columns-13 .width100 img{ width:12px; height:auto }
#record_columns-13 .width100 .field_title{ text-decoration:none; border:0 }
#record_columns-13 .width100 ins{ text-decoration:none }

/* текст відгуку — рівно стільки, скільки влазить */
#record_columns-13 .blogdescription > br{ display:none }
/* кнопка «Читать» — притиснута до низу, ніколи не наповзає */
#record_columns-13 .seocms_further{
  margin-top:auto !important; align-self:flex-start; flex:0 0 auto; order:9 !important;
  display:inline-flex !important; align-items:center; gap:9px;
  padding:8px 18px !important; margin-bottom:0 !important;
  font-size:13px !important; font-weight:500 !important; line-height:1.2 !important;
  letter-spacing:.01em; white-space:nowrap;
  color:var(--rv-purple) !important; background:var(--rv-mist) !important;
  border:1px solid var(--rv-line) !important; border-radius:999px !important;
  text-decoration:none !important; box-shadow:none !important;
  transition:background .15s, color .15s, border-color .15s;
}
#record_columns-13 .seocms_further:hover{
  background:var(--rv-purple); color:#fff !important; border-color:var(--rv-purple);
}
#record_columns-13 .seocms_further::before{ content:'Читать'; }
/* порожні розпірки старої верстки */
#record_columns-13 .divider100,
#record_columns-13 .lineheight1,
#record_columns-13 .blog-child_divider,
#record_columns-13 .ascp_horizont{ display:none !important }

/* ===== згортання ===== */
#record_columns-13.dp-rev-collapsed .column_width_13:nth-child(n+7){ display:none !important }
@media (max-width:991px){
  #record_columns-13.dp-rev-collapsed .column_width_13:nth-child(n+5){ display:none !important }
}
@media (max-width:600px){
  #record_columns-13.dp-rev-collapsed .column_width_13:nth-child(n+3){ display:none !important }
}
.dp-rev-more{ text-align:center; margin:16px 0 4px }
.dp-rev-more button{
  font:500 14px/1.4 inherit; color:var(--dp-primary); background:#fff;
  border:1px solid #d9c6ea; border-radius:999px; padding:10px 28px; cursor:pointer;
  transition:background .15s,color .15s,border-color .15s;
}
.dp-rev-more button:hover{ background:var(--dp-primary); color:#fff; border-color:var(--dp-primary) }

/* ===== Сповіщення «додано в кошик» над мобільним меню ===== */
/* Сповіщення «додано в кошик» ховалось під мобільним меню:
   #cart-toast мав z-index 100050, а меню — 1000001.
   Міняємо ТІЛЬКИ шар. Положення й розміри лишаються тими, що в темі.
   (dp-toast, 11.08.2026) */
#cart-toast{ z-index:1000010 !important; }

/* ===== Дрібні правки 11.08: відступ під шапкою, оформлення, ціни ===== */
/* ================= Дрібні правки 11.08.2026 ================= */

/* 1) Порожнеча під фіксованою шапкою на телефоні.
      Не діє на товарних (там таббар «Опис/Відгуки/Питання»),
      на головній і на чекауті (у нього своє правило нижче). */
@media (max-width:767px){
  body:not([class*="product-product"]):not([class*="common-home"]):not(.checkout-simplecheckout) .theme-container{
    margin-top:-50px !important;
  }
}

/* 2) Оформлення замовлення — без рамок і підкладок, тільки відступи. */

/* --- Оформлення замовлення: типографіка цін і степер --- */
/* Було чотири розміри: 15 / 14 / 18 / 20. Лишаємо два:
   рядкові суми однакові, і тільки «Всього» — акцент. */

/* степер тримаємо поруч із ціною, а не через усю ширину */

/* відступ крихт на чекауті був 53px */

/* ===== Мобільне меню: «Гід для косметолога» + сірі службові іконки ===== */
.dpg-item{display:none}
@media (max-width:991px){
 .oc_mm ul.mm > li.dpg-item{display:block}
 .oc_mm ul.mm > li.dpg-item > a.dpg-open{display:flex;align-items:center;gap:1px;color:#000;text-decoration:none;padding:8px 12px 8px 18px;font-size:18px;line-height:1.4;font-weight:400}
 .oc_mm ul.mm > li.dpg-item > a.dpg-open .dpg-ic{flex:0 0 28px;width:28px;height:28px;margin:0 1px 0 0;display:flex;align-items:center;justify-content:center}
 .oc_mm ul.mm > li.dpg-item > a.dpg-open .dpg-ic svg{width:24px;height:24px;stroke:var(--dp-primary);fill:none;stroke-width:1.6}
 .oc_mm ul.mm > li.dpg-item > a.dpg-open .dpg-t{flex:1 1 auto;padding-left:6px}
 /* службові пункти — сіра іконка, щоб не плутались із розділами каталогу */
 .oc_mm ul.mm > li.dpc-item > a.dpc-open .dpc-ic svg,
 .oc_mm ul.mm > li.dpv-item > a.dpv-open .dpv-ic svg{stroke:#9A8FA6 !important}
}

/* ===== Порівняння дермапенів: пункт меню, терези, панель ===== */
.dpk-item{display:none}
@media (max-width:991px){
 .oc_mm ul.mm > li.dpk-item{display:block}
 .oc_mm ul.mm > li.dpk-item > a.dpk-open{display:flex;align-items:center;gap:1px;color:#000;text-decoration:none;padding:8px 12px 8px 18px;font-size:18px;line-height:1.4;font-weight:400}
 .oc_mm ul.mm > li.dpk-item > a.dpk-open .dpk-ic{flex:0 0 28px;width:28px;height:28px;margin:0 1px 0 0;display:flex;align-items:center;justify-content:center}
 .oc_mm ul.mm > li.dpk-item > a.dpk-open .dpk-ic svg{width:24px;height:24px;stroke:var(--dp-primary);fill:none;stroke-width:1.6}
 .oc_mm ul.mm > li.dpk-item > a.dpk-open .dpk-t{flex:1 1 auto;padding-left:6px}
}
.dpk-btn svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.dp-fav.dpk-btn.is-on{background:var(--dp-primary);color:#fff;border-color:var(--dp-primary)}
.dp-fav.dpk-btn.is-on:hover{background:var(--dp-primary);color:#fff}
.product-thumb .dp-fav-sm.dpk-btn{top:52px}
.product-thumb .dp-fav-sm.dpk-btn svg{width:17px;height:17px}
.dpr-read{display:inline-block;min-width:120px;height:40px;line-height:40px;padding:0 16px;border-radius:6px;border:1px solid rgba(122,81,155,.42);background:var(--dp-primary);color:#f3f3f3 !important;font-family:'PT Sans',sans-serif;font-size:14px;font-weight:700;text-align:center;text-decoration:none !important;transition:background .15s}
.dpr-read:hover,.dpr-read:focus{background:var(--dp-primary)}
.dpk-bar{position:fixed;left:50%;bottom:16px;z-index:100000;display:flex !important;flex-direction:row !important;flex-wrap:nowrap !important;align-items:center;gap:10px;max-width:calc(100% - 24px);padding:7px 7px 7px 18px;border-radius:999px;background:#241A30;color:#fff;font-size:14px;box-shadow:0 12px 32px rgba(36,26,48,.32);transform:translate(-50%,160%);transition:transform .25s ease}
.dpk-bar.show{transform:translate(-50%,0)}
@media (min-width:768px){.dpk-bar{width:max-content}}
@media (max-width:767px){.dpk-bar{left:10px;right:10px;max-width:none;padding-left:14px;transform:translateY(160%)}.dpk-bar.show{transform:none}.dpk-txt{flex:1 1 auto}.dpk-go{padding:10px 14px}}
.dpk-txt{display:flex;flex-direction:column;min-width:0;line-height:1.25}
.dpk-txt b{font-weight:600;white-space:nowrap}
.dpk-txt span{font-size:12.5px;opacity:.72;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dpk-go{display:inline-block !important;flex:0 0 auto;padding:10px 18px;border-radius:999px;background:linear-gradient(135deg,var(--dp-primary),var(--dp-primary));color:#fff !important;font-weight:600;text-decoration:none !important;white-space:nowrap}
.dpk-go.off{opacity:.4;pointer-events:none}
.dpk-x{flex:0 0 auto;border:0;background:none;color:#fff;opacity:.65;font-size:22px;line-height:1;padding:2px 8px;cursor:pointer}
.dpk-toast{position:fixed;left:50%;bottom:84px;z-index:100001;transform:translateX(-50%);padding:8px 14px;border-radius:10px;background:var(--dp-primary);color:#fff;font-size:13.5px;opacity:0;transition:opacity .2s;pointer-events:none;white-space:nowrap}
.dpk-toast.show{opacity:1}

/* ===== Нижня мобільна панель (Головна / Каталог / Кошик / Обране / Кабінет) ===== */
.dp-bn{display:none}
@media (max-width:767px){
.dp-bn{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:990;background:#fff;border-top:1px solid #e9e3ee;box-shadow:0 -2px 10px rgba(36,26,48,.07);padding-bottom:env(safe-area-inset-bottom)}
.dp-bn a{flex:1 1 0;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;height:56px;color:#5a5464;font-size:10.5px;line-height:1;text-decoration:none;-webkit-tap-highlight-color:rgba(173,23,173,.12)}
.dp-bn a:hover,.dp-bn a:focus{text-decoration:none;color:#5a5464;outline:none}
.dp-bn a.on,.dp-bn a.on:hover{color:var(--dp-primary)}
.dp-bn .dp-bn-ic{position:relative;display:block;width:24px;height:24px}
.dp-bn svg{display:block;width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.dp-bn .dp-bn-n{display:none;position:absolute;top:-5px;right:-9px;min-width:16px;height:16px;padding:0 4px;box-sizing:border-box;border-radius:9px;background:var(--dp-primary);color:#fff;font-size:10.5px;font-weight:700;line-height:16px;text-align:center}
.dp-bn .dp-bn-n.on{display:block}
body{padding-bottom:calc(56px + env(safe-area-inset-bottom)) !important}
body.dp-bn-buy{padding-bottom:calc(112px + env(safe-area-inset-bottom)) !important}
#dpBar{bottom:calc(56px + env(safe-area-inset-bottom)) !important}
#scroller{bottom:68px !important}
#ts-mw-id,.ts-mw-button{display:none !important}
/* верх меню: мова і хрестик, під ними три кнопки */
.oc_mm .mm-topbar{flex-wrap:wrap !important;padding:10px 12px 12px !important}
.oc_mm .mm-topbar .mm-lang-switch{order:1}
.oc_mm .mm-topbar #mm-remove-horizontal,.oc_mm .mm-topbar #mm-remove-vertical{order:2;margin-left:auto !important}
.oc_mm .mm-topbar .mm-ubtns{order:3;flex:0 0 100%;margin:10px 0 0 !important;display:flex !important;gap:8px !important;align-items:stretch !important}
.oc_mm .mm-topbar .mm-ub{flex:1 1 0;width:auto !important;min-width:0;padding:10px 4px 9px !important;gap:6px !important;background:#f5f0f8 !important;border-radius:10px !important;color:#241a30 !important}
.oc_mm .mm-topbar .mm-ub:active{background:#ece2f2 !important}
.oc_mm .mm-topbar .mm-ub .mm-ub-ic svg{stroke:var(--dp-primary)}
.oc_mm .mm-topbar .mm-ub-t{font-size:12px !important}
.oc_mm .mm-topbar .dpa-card{left:12px;right:12px;width:auto}
}