@charset "UTF-8";
/* dp-mobile-menu.css — мобільне меню. Стилі пунктів, які додає dp-mobile-menu.js («Ви дивилися», «Контакти»,
   «Гід», кнопка «Меню», нижня панель) лежать у dp-site.css: там вони мають стояти раніше за стилі теми. */

/* ===== Меню «групи з підписами»: Каталог / Корисне / Допомога, стрілки, підменю сіткою ===== */
@media (max-width:991px){
.oc_mm ul.mm{padding:0 14px 20px !important}
.oc_mm ul.mm > li{position:relative;border:0 !important;border-bottom:1px solid #f1ecf4 !important;margin:0 !important;background:none !important}
.oc_mm ul.mm > li.dpm-last{border-bottom:0 !important}
.oc_mm ul.mm > li.dpm-cap{border-bottom:0 !important;padding:18px 2px 6px !important;font-size:11.5px;line-height:1;letter-spacing:.9px;text-transform:uppercase;font-weight:700;color:#9a8fa6}
.oc_mm ul.mm > li.dpm-cap:first-child{padding-top:10px !important}
.oc_mm ul.mm > li > a,
.oc_mm ul.mm > li.dpg-item > a.dpg-open,.oc_mm ul.mm > li.dpk-item > a.dpk-open,.oc_mm ul.mm > li.dpc-item > a.dpc-open,.oc_mm ul.mm > li.dpv-item > a.dpv-open{display:flex !important;align-items:center;gap:12px !important;min-height:54px;margin:0 !important;padding:8px 44px 8px 2px !important;font-size:16px !important;line-height:1.3 !important;font-weight:500 !important;color:#241a30 !important;background:none !important;height:auto !important}
.oc_mm ul.mm > li > a > div:empty{display:none !important}
.oc_mm ul.mm > li > a > i.fa{display:none !important}
.oc_mm ul.mm > li > a > img{flex:0 0 38px;width:38px !important;height:38px !important;padding:8px;margin:0 !important;border-radius:50%;background:#f6eff8;box-sizing:border-box;object-fit:contain}
.oc_mm ul.mm > li > a .dpg-ic,.oc_mm ul.mm > li > a .dpk-ic,.oc_mm ul.mm > li > a .dpc-ic,.oc_mm ul.mm > li > a .dpv-ic{flex:0 0 38px !important;width:38px !important;height:38px !important;margin:0 !important;border-radius:50%;background:#f6eff8}
.oc_mm ul.mm > li > a .dpg-ic svg,.oc_mm ul.mm > li > a .dpk-ic svg,.oc_mm ul.mm > li > a .dpc-ic svg,.oc_mm ul.mm > li > a .dpv-ic svg{width:21px !important;height:21px !important;stroke:var(--dp-primary) !important}
.oc_mm ul.mm > li > a .dpg-t,.oc_mm ul.mm > li > a .dpk-t,.oc_mm ul.mm > li > a .dpc-t,.oc_mm ul.mm > li > a .dpv-t{padding-left:0 !important}
.oc_mm ul.mm > li > a .dpc-arr,.oc_mm ul.mm > li > a .dpv-arr{position:absolute;right:16px;top:50%;margin-top:-4px}
/* стрілка розкриття замість плюса */
.oc_mm ul.mm > li > p.mm-close{display:none !important}
.oc_mm ul.mm > li.mm-submenu-exist > p.mm-close{display:flex !important;align-items:center;justify-content:center;position:absolute !important;right:2px;top:11px;width:32px;height:32px;margin:0 !important;padding:0 !important;z-index:2;background:#f3edf7 !important;border:0 !important;border-radius:50%;float:none !important;cursor:pointer;transition:background .2s}
.oc_mm ul.mm > li.mm-submenu-exist > p.mm-close:before{content:"" !important;display:block !important;width:9px;height:9px;margin-top:-4px;border:0 !important;border-right:1.8px solid var(--dp-primary) !important;border-bottom:1.8px solid var(--dp-primary) !important;transform:rotate(45deg);transition:transform .2s;font-size:0 !important;background:none !important}
.oc_mm ul.mm > li.mm-submenu-exist.dpm-open > p.mm-close{background:var(--dp-primary) !important}
.oc_mm ul.mm > li.mm-submenu-exist.dpm-open > p.mm-close:before{transform:rotate(-135deg);margin-top:3px;border-color:#fff !important}
.oc_mm ul.mm > li.dpm-open > a{color:var(--dp-primary) !important}
.oc_mm ul.mm > li > .mm-submenu{display:none !important}
.oc_mm ul.mm > li.dpm-open > .mm-submenu{display:block !important;position:static !important;width:100% !important;max-height:none !important;overflow:visible !important;box-shadow:none !important;border:0 !important;background:none !important;padding:0 0 12px !important;margin:0 !important}
.oc_mm ul.mm > li.dpm-open > .mm-submenu > .content{display:block !important;padding:0 !important}
/* перший заголовок у панелі («Призначення») зайвий: розділ і так підписаний рядком вище */
.oc_mm ul.mm > li.dpm-open .cosme-grid > .cosme-title:first-child{display:none !important}
.oc_mm ul.mm > li.dpm-open .mm-submenu .row{margin:0 !important}
.oc_mm ul.mm > li.dpm-open .mm-submenu [class*="col-"]{float:none !important;width:100% !important;padding:0 !important}
.oc_mm ul.mm > li.dpm-open .mm-subcategory,.oc_mm ul.mm > li.dpm-open .mm-subcategory > li,.oc_mm ul.mm > li.dpm-open .mm-menu > ul{list-style:none !important;margin:0 !important;padding:0 !important;border:0 !important}
/* усі пункти підменю течуть однією сіткою у дві колонки, скільки б колонок і списків не було в розмітці */
.oc_mm ul.mm > li.dpm-open > .mm-submenu > .content{min-height:0 !important;height:auto !important}
.oc_mm ul.mm > li.dpm-open .mm-subcategory{display:block !important}
.oc_mm ul.mm > li.dpm-open .mm-subcategory > li{display:grid !important;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;margin:0 0 10px !important;width:100% !important;box-sizing:border-box}
/* clearfix-псевдоелементи бутстрапа стають зайвими клітинками сітки */
/* довгі назви (RF) йдуть одним стовпчиком на всю ширину, щоб слова не рвались */
.oc_mm ul.mm > li.dpm-open .mm-subcategory > li.dpm-wide{grid-template-columns:minmax(0,1fr)}
.oc_mm ul.mm > li.dpm-open .mm-subcategory > li.dpm-wide .mm-menu > ul > li{min-height:58px}
.oc_mm ul.mm > li.dpm-open .mm-subcategory > li.dpm-wide .mm-menu > ul > li > p a{font-size:13.5px !important}
.oc_mm ul.mm > li.dpm-open .mm-subcategory > li:before,.oc_mm ul.mm > li.dpm-open .mm-subcategory > li:after,.oc_mm ul.mm > li.dpm-open .mm-subcategory .row:before,.oc_mm ul.mm > li.dpm-open .mm-subcategory .row:after,.oc_mm ul.mm > li.dpm-open .mm-subcategory [class*="col-"]:before,.oc_mm ul.mm > li.dpm-open .mm-subcategory [class*="col-"]:after,.oc_mm ul.mm > li.dpm-open .mm-menu:before,.oc_mm ul.mm > li.dpm-open .mm-menu:after,.oc_mm ul.mm > li.dpm-open .mm-menu > ul:before,.oc_mm ul.mm > li.dpm-open .mm-menu > ul:after{display:none !important;content:none !important}
.oc_mm ul.mm > li.dpm-open .mm-subcategory > li > .row,.oc_mm ul.mm > li.dpm-open .mm-subcategory > li > .row > [class*="col-"],.oc_mm ul.mm > li.dpm-open .mm-menu,.oc_mm ul.mm > li.dpm-open .mm-menu > ul{display:contents !important}
.oc_mm ul.mm > li.dpm-open .mm-subcategory > li > a,.oc_mm ul.mm > li.dpm-open .mm-subcategory > li > p{grid-column:1 / -1;margin:6px 2px 2px !important;padding:0 !important;font-size:11.5px !important;line-height:1.3 !important;letter-spacing:.6px;text-transform:uppercase;font-weight:700 !important;color:var(--dp-primary) !important;text-align:left !important;background:none !important;border:0 !important}
.oc_mm ul.mm > li.dpm-open .mm-subcategory > li > p:empty{display:none !important}
.oc_mm ul.mm > li.dpm-open .mm-menu > ul > li{display:flex !important;align-items:center;gap:10px;min-height:64px;min-width:0;box-sizing:border-box;margin:0 !important;padding:8px 10px 8px 8px !important;border:1px solid #ece4f1 !important;border-radius:12px;background:#fbf8fd !important;text-align:left !important;float:none !important;width:auto !important}
.oc_mm ul.mm > li.dpm-open .mm-menu > ul > li > a.mm-submenu-main{flex:0 0 46px;display:block;margin:0 !important;padding:0 !important}
.oc_mm ul.mm > li.dpm-open .mm-menu > ul > li > a.mm-submenu-main img{display:block;width:46px !important;height:46px !important;object-fit:contain;border-radius:8px;background:#fff;margin:0 !important}
.oc_mm ul.mm > li.dpm-open .mm-menu > ul > li > p{flex:1 1 auto;min-width:0;margin:0 !important;padding:0 !important;text-align:left !important}
.oc_mm ul.mm > li.dpm-open .mm-menu > ul > li > p a{display:block !important;overflow-wrap:break-word;word-break:normal;font-size:12.5px !important;line-height:1.25 !important;font-weight:600 !important;color:#241a30 !important;text-align:left !important;padding:0 !important;margin:0 !important}
.oc_mm ul.mm > li:not(.dpm-cap){padding:0 !important}
.oc_mm ul.mm > li:before,.oc_mm ul.mm > li:after{display:none !important;content:none !important}
.oc_mm ul.mm > li > p.mm-close:after,.oc_mm ul.mm > li > a:after,.oc_mm ul.mm > li > a:before{display:none !important;content:none !important}
body .oc_mm ul.mm > li.dpc-item > a.dpc-open .dpc-ic svg,body .oc_mm ul.mm > li.dpv-item > a.dpv-open .dpv-ic svg{stroke:var(--dp-primary) !important}
/* 10.10.2026: спокійна палітра меню, як у випадайці кабінету — сливовий #5B2A86 замість яскравого #AD17AD */
body .oc_mm ul.mm > li > a svg,body .oc_mm .mm-topbar .mm-ub .mm-ub-ic svg,body .oc_mm .mm-topbar .mm-ub:hover .mm-ub-ic svg,body .oc_mm .mm-topbar .mm-ub.on .mm-ub-ic svg,
body .oc_mm ul.mm > li.dpc-item > a.dpc-open .dpc-ic svg,body .oc_mm ul.mm > li.dpv-item > a.dpv-open .dpv-ic svg,body .oc_mm ul.mm > li.dpg-item > a.dpg-open .dpg-ic svg,body .oc_mm ul.mm > li.dpk-item > a.dpk-open .dpk-ic svg{stroke:var(--dp-primary) !important}
body .oc_mm .mm-topbar .mm-ub:hover,body .oc_mm .mm-topbar .mm-ub:focus{color:var(--dp-primary) !important}
body .oc_mm .mm-topbar .mm-ub-n{background:var(--dp-primary) !important}
body .oc_mm .mm-lang-switch .mm-lang-active{background:var(--dp-primary) !important;color:#fff !important}
body .oc_mm .mm-topbar .mm-ub{background:#f7f3fa !important}
body .oc_mm ul.mm > li > a > img{filter:hue-rotate(-30deg) saturate(.62);background-color:#f9e2fb !important}
body .oc_mm .mm-lang-switch a.mm-lang-btn{color:var(--dp-primary) !important}
}

/* ===== Верхній рядок меню: мова, фраза дня, хрестик ===== */
        @media (max-width:991px){
        .oc_mm .mm-topbar .dpm-say{order:2;flex:1 1 0;min-width:0;margin:0 8px;text-align:center;font-size:12.5px;line-height:1.25;font-weight:600;font-style:italic;color:var(--dp-primary);display:block;overflow:hidden;overflow-wrap:anywhere;max-height:52px;white-space:normal}
        /* фраза завжди повністю: висота рядка меню та сама, а шрифт підганяє скрипт (fitSay) */
        .oc_mm .mm-topbar .dpm-say.dpm-say-long{font-size:11px;line-height:1.2}
        .oc_mm .mm-topbar #mm-remove-horizontal,.oc_mm .mm-topbar #mm-remove-vertical,.oc_mm .mm-topbar > .fa-times{order:3 !important;margin-left:0 !important}
        .oc_mm .mm-topbar .mm-ubtns{order:4 !important}
        }