/*
Theme Name: Yozi Child
Theme URI: https://www.apusthemes.com/themes/yozi/
Template: yozi
Author: ApusTheme
Author URI: https://apusthemes.com/
Description: Yozi is clean theme, it's used Apus Framework.
Tags: custom-background,custom-colors,custom-header,custom-menu,editor-style,featured-images,microformats,post-formats,rtl-language-support,sticky-post,threaded-comments,translation-ready
Version: 2.0.62.1779874099
Updated: 2026-05-27 11:28:19

*/

:root {
    --pq-red: #5aa3c6;
    --pq-red-dark: #4789a8;
    --pq-dark: #232323;
    --pq-grey-bg: #e8e8e8;
    --pq-border: #c4c4c4;
}

/* ---- TOPBAR ---- */
.pq-header .pq-topbar {
    background: var(--pq-red);
    position: relative;
    z-index: 1001;
    padding: 0 10px;
}
.pq-header .pq-topbar-inner {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    max-width: 1200px;
    margin: 0 auto;
    gap: 16px;
}
.pq-header .pq-topbar-left {
    display: flex;
    align-items: stretch;
    gap: 4px;
}
.pq-header .pq-topbar-left a {
    display: flex;
    align-items: center;
    height: 100%;
    gap: 8px;
    padding: 12px 16px;
    font-size: 14px;
    font-weight: 700;
    line-height: 16px;
    color: #fff;
    text-decoration: none;
    background-color: transparent;
    transition: background-color .1s;
    white-space: nowrap;
}
.pq-header .pq-topbar-left a:hover,
.pq-header .pq-topbar-left a:active {
    background-color: #3f728b;
    color: #fff !important;
}
.pq-header .pq-topbar-right {
    display: flex;
    align-items: stretch;
    gap: 4px;
}
.pq-header .pq-topbar-phone {
    display: flex;
    align-items: stretch;
    gap: 8px;
    padding: 0;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
}
.pq-header .pq-topbar-phone a {
    display: flex;
    align-items: center;
    gap: 8px;
    height: 100%;
    padding: 0 12px;
    color: #fff;
    text-decoration: none;
    white-space: nowrap;
}
.pq-header .pq-topbar-phone a svg {
    flex-shrink: 0;
    width: 16px;
    height: 16px;
}
.pq-header .pq-topbar-phone a:hover {
    text-decoration: none;
    background-color: #3f728b;
    color: #fff !important;
}
.pq-header .pq-topbar-phone a:active {
    background-color: #3f728b;
    color: #fff !important;
}
.pq-header .pq-sep {
    color: rgba(255,255,255,.6);
    font-weight: 400;
}
.pq-header .pq-topbar-map {
    display: flex;
    align-items: center;
    gap: 6px;
    height: 100%;
    padding: 0 12px;
    color: #fff;
    text-decoration: none;
    transition: opacity .1s;
    font-size: 14px;
    font-weight: 700;
    white-space: nowrap;
}
.pq-header .pq-topbar-map:hover {
    background-color: #3f728b;
    color: #fff !important;
    opacity: 1;
}
.pq-header .pq-topbar-map svg {
    width: 16px;
    height: 16px;
}
.pq-header .pq-lang {
    display: flex;
    align-items: stretch;
    gap: 6px;
    font-size: 14px;
    font-weight: 700;
    padding: 0 8px;
}
.pq-header .pq-lang a {
    display: flex;
    align-items: center;
    height: 100%;
    padding: 0 8px;
    color: rgba(255,255,255,.7);
    text-decoration: none;
    transition: color .2s, background-color .2s;
}
.pq-header .pq-lang a:hover,
.pq-header .pq-lang a:active {
    background-color: #3f728b;
    color: #fff !important;
    opacity: 1;
}
.pq-header .pq-lang a.active-lang {
    color: #fff;
    background-color: transparent;
}
.pq-header .pq-lang .pq-sep {
    color: rgba(255,255,255,.4);
}

/* ---- MAINBAR ---- */
.pq-header .pq-mainbar {
    background: #fff;
    position: relative;
    z-index: 1000;
    box-shadow: 0 2px 8px rgba(0,0,0,.08);
    padding: 14px 10px;
}
.pq-header .pq-mainbar-inner {
    display: flex;
    align-items: center;
    max-width: 1200px;
    margin: 0 auto;
    gap: 20px;
}
.pq-header .pq-logo {
    flex-shrink: 0;
    display: flex;
    align-items: center;
}
.pq-header .pq-logo img {
    display: block;
    height: 56px;
    width: auto;
}
.pq-header .pq-catalog-btn {
    display: flex;
    align-items: center;
    gap: 10px;
    border: none;
    border-radius: 40px;
    padding: 14px 28px;
    background-color: var(--pq-red);
    font-size: 16px;
    font-weight: 700;
    line-height: 1.25;
    color: #fff;
    cursor: pointer;
    white-space: nowrap;
    transition: box-shadow .2s, background-color .2s;
    font-family: inherit;
    flex-shrink: 0;
}
.pq-header .pq-catalog-btn:hover {
    box-shadow: inset 0 8px 8px 0 rgba(38,38,38,.25);
}
.pq-header .pq-catalog-btn .pq-catalog-ico {
    position: relative;
    display: flex;
    width: 16px;
    height: 16px;
}
.pq-header .pq-catalog-btn .pq-catalog-ico .ico-1,
.pq-header .pq-catalog-btn .pq-catalog-ico .ico-2 {
    position: absolute;
    inset: 0;
    transition: opacity .3s;
}
.pq-header .pq-catalog-btn .pq-catalog-ico .ico-2 {
    opacity: 0;
}
.pq-header .pq-catalog-btn[aria-expanded="true"] .pq-catalog-ico .ico-1 {
    opacity: 0;
}
.pq-header .pq-catalog-btn[aria-expanded="true"] .pq-catalog-ico .ico-2 {
    opacity: 1;
}
.pq-header .pq-search {
    flex: 1;
    min-width: 0;
    display: flex;
}
.pq-header .pq-search .dgwt-wcas-search-wrapp {
    width: 100%;
    flex: 1;
}
.pq-header .pq-search input[type="search"] {
    border-radius: 40px !important;
    border: 1px solid #e0e0e0 !important;
}
.pq-header .pq-actions {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-shrink: 0;
    margin: 0 -8px;
}
.pq-header .pq-action-btn {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin: 0 8px;
    position: relative;
    text-decoration: none;
    line-height: 1;
    padding: 4px 6px;
}
.pq-header .pq-action-btn img {
    width: 22px;
    height: 22px;
    object-fit: contain;
    filter: none;
}
.pq-header .pq-action-label {
    margin-top: 6px;
    font-weight: 700;
    font-size: 12px;
    line-height: 1;
    color: #262626;
    white-space: nowrap;
}
.pq-header .pq-action-btn:hover .pq-action-label {
    color: var(--pq-red);
}
.pq-header .pq-cart-wrap {
    position: static;
}
.pq-header .pq-cart-count {
    position: absolute;
    top: -4px;
    right: calc(50% - 24px);
    background: var(--pq-red);
    color: #fff;
    border: 2px solid #fff;
    border-radius: 13px;
    width: 16px;
    height: 16px;
    font-size: 11px;
    font-weight: 700;
    line-height: 14px;
    text-align: center;
    padding: 0 2px;
    box-sizing: border-box;
}

/* ---- CATALOG DROPBAR ---- */
.pq-header .pq-dropmenu {
    display: none;
    position: absolute;
    left: 50%;
    top: 100%;
    transform: translate(-50%, -16px);
    width: calc(100% - 20px);
    max-width: 1220px;
    background: #fff;
    border-radius: 0 0 4px 4px;
    box-shadow: 0 10px 24px rgba(0,0,0,.18);
    z-index: 1002;
    max-height: calc(100vh - 210px);
    overflow: hidden;
    opacity: 0;
    transition: opacity .25s ease, transform .25s ease;
    pointer-events: none;
    padding: 0 10px;
}
.pq-header .pq-dropmenu.pq-open {
    display: block;
}
.pq-header .pq-dropmenu.pq-in {
    opacity: 1;
    transform: translate(-50%, 0);
    pointer-events: auto;
}
.pq-header {
    position: relative;
    z-index: 1001;
}
.pq-header:before {
    content: "";
    position: fixed;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0,0,0,.37);
    z-index: 0;
    top: 0;
    left: 0;
    opacity: 0;
    pointer-events: none;
    transition: opacity .25s ease;
}
.pq-header:has(.pq-dropmenu.pq-in):before {
    opacity: 1;
}
body.pq-drop-open {
    overflow: hidden;
}
.pq-header .pq-dropmenu-grid {
    display: grid;
    grid-template-columns: minmax(280px, 340px) 1fr;
    width: 100%;
    box-sizing: border-box;
    min-height: 420px;
}
.pq-header .pq-cat-list {
    height: 100%;
    max-height: calc(100vh - 210px);
    overflow: auto;
    background: #fff;
    border-right: 1px solid #fff;
    padding: 8px 0;
}
.pq-header .pq-cat-list ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.pq-header .pq-cat-list li {
    border-radius: 4px;
    background-color: transparent;
}
.pq-header .pq-cat-list li a {
    padding: 20px 40px 20px 24px;
    font-weight: 700;
    font-size: 16px;
    line-height: 1;
    color: var(--pq-dark);
    text-decoration: none;
    width: 100%;
    display: flex;
    align-items: center;
    gap: 8px;
    position: relative;
    transition: background-color .15s, color .15s;
}
.pq-header .pq-cat-list li a.pq-has-img,
.pq-header .pq-cat-list li a.pq-has-dashicon {
    padding-left: 64px;
}
.pq-header .pq-cat-list li a.pq-has-img:before {
    content: "";
    width: 24px;
    height: 24px;
    display: block;
    background-image: var(--img);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    mix-blend-mode: darken;
    filter: grayscale(1);
    position: absolute;
    top: 50%;
    left: 32px;
    transform: translateY(-50%);
    transition: filter .2s;
}
.pq-header .pq-cat-list li a.pq-has-dashicon:before {
    position: absolute;
    top: 50%;
    left: 28px;
    transform: translateY(-50%);
    width: 24px;
    height: 24px;
    font-size: 24px;
    line-height: 1;
    vertical-align: top;
    mix-blend-mode: normal;
    filter: grayscale(1);
    color: var(--pq-dark);
}
.pq-header .pq-cat-list li:hover {
    background-color: #fff;
}
.pq-header .pq-cat-list li:hover a {
    color: #fff !important;
}
.pq-header .pq-cat-list li:hover a:before {
    filter: none;
}
.pq-header .pq-cat-list li:hover a.pq-has-dashicon:before {
    filter: none;
    color: var(--pq-red);
}
.pq-header .pq-cat-list li.pq-active {
    background-color: var(--pq-dark);
}
.pq-header .pq-cat-list li.pq-active a {
    color: #fff;
}
.pq-header .pq-cat-list li.pq-active a.pq-has-dashicon:before {
    color: #fff;
}
.pq-header .pq-cat-content {
    position: relative;
    background: #fff;
    min-height: 420px;
}
.pq-header .pq-cat-panel {
    display: none;
    height: 100%;
}
.pq-header .pq-cat-panel.pq-active {
    display: block;
}
.pq-header .pq-cat-panel-inner {
    padding: 40px;
    overflow: auto;
    max-height: calc(100vh - 210px);
}
.pq-header .pq-item:not(:last-child) {
    margin-bottom: 40px;
}
.pq-header .pq-menu-h3 {
    border-bottom: 1px solid var(--pq-border);
    margin-bottom: 16px;
    padding-bottom: 8px;
}
.pq-header .pq-menu-h3 a {
    font-weight: 700;
    font-size: 16px;
    line-height: 1;
    color: var(--pq-dark);
    text-decoration: none;
}
.pq-header .pq-menu-h3 a:hover {
    color: var(--pq-red);
}
.pq-header .pq-sub-cols {
    margin: 0;
    padding: 0;
    list-style: none;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 14px 24px;
}
.pq-header .pq-sub-cols li a {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px;
    border: 1px solid #ececec;
    border-radius: 8px;
    background: #fafafa;
    text-decoration: none;
    transition: border-color .2s, background .2s;
}
.pq-header .pq-sub-cols li a:hover {
    border-color: var(--pq-red);
    background: #fff;
}
.pq-header .pq-sub-ico {
    flex-shrink: 0;
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.pq-header .pq-sub-ico img {
    max-width: 48px;
    max-height: 48px;
    object-fit: contain;
}
.pq-header .pq-sub-name {
    font-size: 14px;
    font-weight: 500;
    line-height: 1.25;
    color: var(--pq-dark);
}
.pq-header .pq-sub-cols li a:hover .pq-sub-name {
    color: var(--pq-red);
}

/* ---- MAP MODAL ---- */
#pq-map-modal.open {
    display: flex !important;
}
#pq-map-modal,
#pq-map-modal-m,
#repair-modal {
    z-index: 100000;
}

/* ---- MOBILE HEADER ---- */
.pq-mobile-header {
    background: var(--pq-red);
    position: relative;
    z-index: 1000;
}
@media screen and (max-width: 600px) {
    #wpadminbar {
        position: fixed !important;
    }
}
.pq-mobile-header .pq-mh-row {
    padding: 4px 16px;
    overflow: visible;
}
.pq-mobile-header .pq-mh-inner {
    display: flex;
    align-items: center;
    gap: 16px;
}
.pq-mobile-header .pq-mh-burger {
    position: relative;
    border: 1px solid rgba(255,255,255,.51);
    background-color: rgba(217,217,217,.18);
    border-radius: 7px;
    padding: 2px 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 28px;
    color: #fff;
    cursor: pointer;
    flex-shrink: 0;
}
.pq-mobile-header .pq-mh-logo {
    display: flex;
    align-items: center;
    flex-shrink: 0;
    margin-right: auto;
}
.pq-mobile-header .pq-mh-logo img {
    height: 40px;
    width: auto;
    display: block;
}
.pq-mobile-header .pq-mh-actions {
    display: flex;
    align-items: center;
    gap: 20px;
    flex-shrink: 0;
}
.pq-mobile-header .pq-mh-btn {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    text-decoration: none;
    line-height: 1;
    color: #fff;
    padding: 2px 4px;
}
.pq-mobile-header .pq-mh-btn svg {
    width: 24px;
    height: 24px;
    display: block;
}
.pq-mobile-header .pq-mh-label {
    margin-top: 4px;
    font-weight: 700;
    font-size: 10px;
    line-height: 1;
    color: #fff;
    white-space: nowrap;
}
.pq-mobile-header .pq-mh-cart-count {
    position: absolute;
    top: -4px;
    right: -6px;
    background: var(--pq-red);
    color: #fff;
    border: 2px solid #fff;
    border-radius: 50%;
    width: 16px;
    height: 16px;
    font-size: 11px;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
}
.pq-mobile-header .pq-mh-search {
    background: #fff;
    padding: 8px 14px;
}
.pq-mobile-header .pq-mh-search .dgwt-wcas-search-wrapp {
    width: 100%;
    flex: 1;
    margin: 0;
}
.pq-mobile-header .pq-mh-search .dgwt-wcas-sf-wrapp {
    height: 39px;
    margin: 0;
}
.pq-mobile-header .pq-mh-search input[type="search"],
.pq-mobile-header .pq-mh-search .dgwt-wcas-search-input {
    height: 39px !important;
    border-radius: 10px !important;
    border: none !important;
    background-color: #efefef !important;
    box-shadow: none !important;
    font-size: 16px !important;
}
.pq-mobile-header .pq-mh-search .dgwt-wcas-search-wrapp input.dgwt-wcas-search-input::placeholder {
    color: #a4a4a5;
    font-size: 16px;
}
.pq-mobile-header .pq-mh-search .dgwt-wcas-icon-premium,
.pq-mobile-header .pq-mh-search .dgwt-wcas-search-submit {
    display: none !important;
}

/* ---- OFFCANVAS MENU ---- */
.pq-offcanvas {
    display: none;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 100000;
    background: rgba(0,0,0,.5);
    opacity: 0;
    transition: opacity .25s ease;
}
.pq-offcanvas.pq-open {
    display: block;
}
.pq-offcanvas.pq-in {
    opacity: 1;
}
.pq-offcanvas-bar {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    max-width: 360px;
    background: #f4f4f4;
    box-shadow: 0 0 1000px 1000px rgba(0,0,0,.5);
    overflow: unset;
    display: flex;
    flex-direction: column;
    transform: translateX(-100%);
    transition: transform .25s ease;
}
.pq-offcanvas.pq-in .pq-offcanvas-bar {
    transform: translateX(0);
}
.pq-offcanvas .pq-offcanvas-close {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 10;
    background: transparent;
    color: #fff;
    border: none;
    padding: 22px 14px;
    cursor: pointer;
    transition: color .2s;
}
.pq-offcanvas .pq-mob-menu-container:has(.pq-mob-sub.loaded) .pq-offcanvas-close {
    color: #000;
}
.pq-mob-menu-container {
    font-weight: 700;
    font-size: 16px;
    line-height: 1;
    color: var(--pq-dark);
    display: flex;
    flex-direction: column;
    height: 100vh;
    overflow: hidden;
}
.pq-mob-menu {
    margin: 0;
    padding: 0;
    position: relative;
    overflow-x: hidden;
    height: 100%;
    display: flex;
    flex-direction: column;
    list-style: none;
    overflow-y: auto;
}
.pq-mob-menu .pq-li-back {
    position: sticky;
    top: 0;
    background-color: #f4f4f4;
    z-index: 1;
    min-height: 58px;
    display: grid;
    border-bottom: 1px solid #e3e3e3;
    align-items: center;
    list-style: none;
}
.pq-mob-menu .pq-mob-worktime {
    background: var(--pq-red);
    padding: 20px 30px 20px 16px;
    display: flex;
    align-items: center;
    gap: 5px;
    position: sticky;
    top: 0;
    z-index: 1;
    list-style: none;
}
.pq-mob-menu .pq-mob-worktime > span {
    font-weight: 600;
    font-size: 14px;
    line-height: 1.25;
    text-align: center;
    color: #fff !important;
    padding: 0 !important;
    display: inline !important;
}
.pq-mob-menu .pq-mob-worktime > span > span {
    font-weight: 700;
    color: #fff;
}
.pq-mob-menu .pq-mob-worktime > svg {
    flex-shrink: 0;
    align-self: center;
}
.pq-mob-menu .pq-mob-lang {
    display: flex;
    align-items: center;
    gap: 10px;
    padding-left: 16px;
    padding-top: 9px;
    padding-bottom: 9px;
    border-bottom: 1px solid #d4d4d4;
    list-style: none;
}
.pq-mob-menu .pq-mob-lang .languages__item {
    padding: 4px 10px !important;
    margin: 9px 0;
    border: 1px solid #9b9b9b;
    border-radius: 5px;
    font-weight: 700 !important;
    font-size: 16px;
    line-height: 1.3;
    text-decoration: none;
    display: flex;
    align-items: center;
    color: #414143;
    cursor: pointer;
}
.pq-mob-menu .pq-mob-lang .languages__item_active {
    background-color: #6e6e6e;
    border-color: #6e6e6e;
    color: #fff !important;
    cursor: default;
}
.pq-mob-menu li {
    list-style: none;
}
.pq-mob-menu li:not(.list-info) > a,
.pq-mob-menu li:not(.list-info) > span {
    display: block;
    padding: 10px 16px;
    line-height: 1.3;
    text-decoration: none;
    font-weight: 600;
    white-space: normal;
    color: #414143;
    cursor: pointer;
}
.pq-mob-menu li.list-info > a,
.pq-mob-menu li.list-info > span {
    padding: 10px 16px;
    line-height: 1.3;
    text-decoration: none;
    font-weight: 600;
    display: flex;
    align-items: center;
    color: #414143;
}
.pq-mob-menu span.pq-mob-parent {
    display: flex;
    align-items: center;
    padding-right: 36px;
    position: relative;
}
.pq-mob-menu span.pq-mob-parent:after {
    content: "";
    position: absolute;
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.29289 12.7071C5.90237 12.3166 5.90237 11.6834 6.29289 11.2929L9.58579 8L6.29289 4.70711C5.90237 4.31658 5.90237 3.68342 6.29289 3.29289C6.68342 2.90237 7.31658 2.90237 7.70711 3.29289L11.7071 7.29289C12.0976 7.68342 12.0976 8.31658 11.7071 8.70711L7.70711 12.7071C7.31658 13.0976 6.68342 13.0976 6.29289 12.7071Z' fill='%23969696'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 16px;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    width: 16px;
    height: 16px;
    padding: 10px;
}
.pq-mob-menu span.pq-mob-parent.img,
.pq-mob-menu a.pq-mob-parent.img {
    gap: 5px;
}
.pq-mob-menu span.pq-mob-parent.img:before,
.pq-mob-menu a.pq-mob-parent.img:before {
    content: "";
    --size: 25px;
    width: var(--size);
    min-width: var(--size);
    height: var(--size);
    background-image: var(--img);
    background-size: var(--size);
    filter: brightness(.95) grayscale(1);
}
.pq-mob-menu span.pq-mob-parent.ico,
.pq-mob-menu a.pq-mob-parent.ico {
    gap: 5px;
}
.pq-mob-menu span.pq-mob-parent.ico:before,
.pq-mob-menu a.pq-mob-parent.ico:before {
    width: 25px;
    min-width: 25px;
    height: 25px;
    font-size: 25px;
    line-height: 1;
    color: #696663;
    text-indent: 0;
}
.pq-mob-menu .pq-li-back .back {
    padding: 0 46px;
    margin: 5px 0;
    position: unset;
    font-size: 13px;
    max-height: 40px;
    line-height: 1.3;
    font-weight: 700;
    text-align: center;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    cursor: pointer;
    color: #414143;
}
.pq-mob-menu .pq-li-back .back:after {
    content: "";
    position: absolute;
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.28065 2.71745C7.35057 2.78713 7.40605 2.86992 7.4439 2.96109C7.48176 3.05225 7.50124 3.14999 7.50124 3.2487C7.50124 3.34741 7.48176 3.44515 7.4439 3.53631C7.40605 3.62748 7.35057 3.71027 7.28065 3.77995L4.06253 6.99807L13.25 6.99808C13.4489 6.99808 13.6397 7.07709 13.7804 7.21775C13.921 7.3584 14 7.54916 14 7.74808C14 7.94699 13.921 8.13775 13.7804 8.27841C13.6397 8.41906 13.4489 8.49808 13.25 8.49808L4.06253 8.49807L7.28065 11.7174C7.42155 11.8583 7.5007 12.0494 7.5007 12.2487C7.5007 12.448 7.42155 12.6391 7.28065 12.7799C7.13975 12.9208 6.94866 13 6.7494 13C6.55014 13 6.35905 12.9208 6.21815 12.7799L1.71815 8.27995C1.64823 8.21027 1.59275 8.12748 1.5549 8.03631C1.51705 7.94515 1.49756 7.84741 1.49756 7.7487C1.49756 7.64999 1.51705 7.55225 1.5549 7.46108C1.59275 7.36992 1.64823 7.28713 1.71815 7.21745L6.21815 2.71745C6.28783 2.64753 6.37062 2.59205 6.46179 2.5542C6.55295 2.51634 6.65069 2.49686 6.7494 2.49686C6.84811 2.49686 6.94585 2.51634 7.03702 2.5542C7.12818 2.59205 7.21097 2.64753 7.28065 2.71745Z' fill='%23232323'/%3E%3C/svg%3E%0A");
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: center;
    right: unset;
    left: 0;
    top: 0;
    transform: unset;
    padding: 21px 15px;
    position: absolute;
}
.pq-mob-menu .pq-mob-sub {
    transition: all .2s;
    transform: translateX(100%);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #f4f4f4;
    z-index: 2;
    overflow: hidden;
    list-style: none;
    margin: 0;
    padding: 0;
}
.pq-mob-menu .pq-mob-sub.loaded {
    transform: translateX(0);
    overflow-y: auto;
}
.pq-mob-menu .pq-mob-catalog > .pq-mob-parent {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 10px;
}
.pq-mob-menu .pq-mob-catalog > .pq-mob-parent svg {
    flex-shrink: 0;
}
.pq-mob-menu .pq-mob-bottom {
    margin-top: auto;
    border-top: 1px solid #d4d4d4;
    background: #f4f4f4;
}
.pq-mob-menu .pq-mob-bottom .lft {
    padding: 16px;
    display: flex;
    flex-direction: column;
    gap: 4px;
}
.pq-mob-menu .pq-mob-bottom .lft a {
    display: flex;
    align-items: center;
    font-size: 14px;
    color: #696663;
    font-weight: 700;
    text-decoration: none;
    margin-bottom: 8px;
    padding: 0 !important;
}
.pq-mob-menu .pq-mob-bottom .lft a svg {
    flex-shrink: 0;
    margin-right: 8px;
}

/* ---- RESPONSIVE ---- */
@media (max-width: 479px) {
    .pq-mobile-header .pq-mh-logo img {
        height: 34px;
    }
    .pq-mobile-header .pq-mh-actions {
        gap: 14px;
    }
}
@media (max-width: 1100px) {
    .pq-header .pq-topbar-left a {
        padding: 12px 8px;
    }
    .pq-header .pq-sub-cols {
        grid-template-columns: repeat(3, 1fr);
    }
}
@media (max-width: 991px) {
    .pq-header .pq-topbar-left {
        display: none;
    }
    .pq-header .pq-sub-cols {
        grid-template-columns: repeat(2, 1fr);
    }
    .pq-header .pq-dropmenu-grid {
        grid-template-columns: minmax(220px, 260px) 1fr;
    }
    .pq-header .pq-action-label {
        display: none;
    }
}

/* ---- STICKY HEADER ---- */
.pq-header {
    position: sticky;
    top: calc(var(--pq-admin-h, 0px) - var(--pq-topbar-h, 40px));
    z-index: 1001;
}
body.admin-bar .pq-header { --pq-admin-h: 32px; }
@media screen and (max-width: 782px) {
    body.admin-bar .pq-header { --pq-admin-h: 46px; }
}
.pq-header .pq-mainbar {
    transition: padding .3s ease, box-shadow .3s ease;
}
.pq-header .pq-logo img {
    transition: height .3s ease;
}
.pq-header .pq-catalog-btn {
    transition: padding .3s ease, box-shadow .2s, background-color .2s;
}
.pq-header.pq-sticky .pq-mainbar {
    padding: 8px 10px;
    box-shadow: 0 4px 14px rgba(0,0,0,.16);
}
.pq-header.pq-sticky .pq-logo img {
    height: 42px;
}
.pq-header.pq-sticky .pq-catalog-btn {
    padding: 10px 22px;
}

/* ---- MOBILE STICKY ---- */
.pq-mobile-header {
    position: sticky;
    top: 0;
    z-index: 1001;
    transition: box-shadow .3s ease;
}
body.admin-bar .pq-mobile-header { top: 46px; }
@media screen and (min-width: 600px) {
    body.admin-bar .pq-mobile-header { top: 32px; }
}
.pq-mobile-header .pq-mh-search {
    box-sizing: border-box;
    max-height: 70px;
    opacity: 1;
    transition: max-height .35s ease, padding .35s ease, opacity .25s ease;
}
.pq-mobile-header.pq-mob-sticky {
    box-shadow: 0 2px 10px rgba(0,0,0,.18);
}
.pq-mobile-header.pq-mob-sticky .pq-mh-search {
    max-height: 0;
    opacity: 0;
    padding-top: 0;
    padding-bottom: 0;
    overflow: hidden;
    pointer-events: none;
}