.prk-default-header, .prk-default-header * { box-sizing: border-box; } .prk-default-header.has-bottom-border .header-borner { border-bottom: 1px solid var(--prk-default-header-border-color, #e5e5ea); } .header-borner { margin: 0; position: relative; z-index: 100; top: 0; background: #fff; padding: 10px 0 10px 0; } @media (min-width: 1024px) { .prk-default-header.is-sticky-desktop { position: sticky; top: 0; z-index: 999; background: #fff; } } @media (max-width: 1023px) { .prk-default-header.is-sticky-mobile { position: sticky; top: 0; z-index: 999; background: #fff; } } @media (min-width: 1024px) { body #header.prk-default-header:not(.is-sticky-desktop) { position: relative !important; top: auto !important; } } @media (max-width: 1023px) { body #header.prk-default-header:not(.is-sticky-mobile) { position: relative !important; top: auto !important; } } :root { --pr-header-h: 0px; --pr-desktop-menu-h: 0px; --pr-desktop-menu-reserve: 42px; --pr-desktop-menu-visible: 0px; --pr-desktop-duration: 220ms; --pr-top-barrier: calc(var(--pr-header-h) + var(--pr-desktop-menu-visible)); } @media (min-width: 1024px) { body:not(.elementor-editor-active) #header.prk-default-header.has-desktop-sticky-menu { margin-bottom: var(--pr-desktop-menu-reserve, 42px); } body:not(.elementor-editor-active) #header.prk-default-header.has-desktop-sticky-menu .pr-desktop-menu { position: absolute; inset-inline: 0; top: 100%; z-index: 10; background: #fff; overflow: visible; will-change: transform; transform: translate3d(0, 0, 0); box-shadow: 0 1px 0 rgb(0 0 0 / 14%), 0 2px 0 rgb(0 0 0 / 5%); transition: transform var(--pr-desktop-duration, 220ms) ease; } body:not(.elementor-editor-active) #header.prk-default-header.has-desktop-sticky-menu.has-desktop-menu-collapse .pr-desktop-menu.pr-menu-collapsed { transform: translate3d(0, -100%, 0); pointer-events: none; } body:not(.elementor-editor-active) #header.prk-default-header.has-desktop-sticky-menu:not(.has-desktop-menu-collapse) .pr-desktop-menu { transform: translate3d(0, 0, 0) !important; pointer-events: auto !important; } .pr-sticky, .product-card-sticky, .product-rating-card-sticky, .product-question-btn-box-sticky { transition: top var(--pr-desktop-duration, 220ms) ease; } } .prk-default-header .logo img, .prk-default-header__logo img { width: 102px; height: 38px; object-fit: contain; } @media (min-width: 1024px) { .prk-default-header .logo img, .prk-default-header__logo img { width: 135px; height: 50px; } } .prk-default-header__middle { min-width: 0; } .prk-default-header__search-wrap { min-width: 0; } .prk-default-header__icons { flex: 0 0 auto; } @media (max-width: 1023px) { .prk-default-header__middle { gap: 12px; align-items: center; padding-bottom: 8px; border-bottom: 1px solid #e5e5eac2; } .prk-default-header__search-wrap { flex: 1 1 auto; min-width: 0; margin-left: 12px; } .prk-default-header__icons { flex: 0 0 auto; align-items: center; } } @media (min-width: 1024px) { .prk-default-header__row { width: 100%; } .prk-default-header__brand { flex: 0 0 auto; } .prk-default-header__middle { width: auto; gap: 18px; justify-content: flex-start; } .prk-default-header__search-wrap { flex: 0 1 560px; width: min(560px, 42vw); max-width: 560px; } .prk-default-header__location { flex: 0 0 auto; } .prk-default-header__icons { margin-right: auto; } } @media (min-width: 1024px) and (max-width: 1280px) { .prk-default-header__search-wrap { flex-basis: 420px; width: min(420px, 38vw); max-width: 420px; } } .prk-default-header .icons-box { opacity: 1; transform: translateY(0) scale(1); width: auto; transition: opacity .28s ease, transform .28s ease, width .28s ease; will-change: opacity, transform, width; } @media (max-width: 1023px) { .prk-default-header .icons-box.is-hidden { opacity: 0; transform: translateX(-8px) scale(.96); width: 0 !important; overflow: hidden; pointer-events: none; white-space: nowrap; } } .prk-default-header .prk-default-searchbox { width: 100%; } .prk-default-header [data-prk-placeholder-logo] { z-index: 1; } .prk-default-header .prk-default-searchbox:focus-within [data-prk-placeholder-logo] { opacity: .55; } .prk-default-header .main_results_ajax_search { direction: rtl; } .prk-default-header .ai-img-search-modal-open-btn { background: transparent; border: 0; display: inline-flex; align-items: center; justify-content: center; cursor: pointer; } .prk-default-header .prk-ai-image-search-trigger__text { display: none; } .prk-default-header .prk-default-header__location .prk-location-picker, .prk-default-header .prk-default-header__location [data-location-picker], .prk-default-header .prk-default-header__location .location-piker { min-width: 112px; } .prk-default-header .prk-default-header__promote.button_box li { background: var(--prk-promote-bg, rgba(243, 10, 73, .14)); } .prk-default-header .prk-default-header__promote.button_box i { color: var(--prk-promote-icon, rgba(243, 10, 73, .6)); } .prk-default-header .prk-default-header__promote.link_box li { padding-inline: 0; } .prk-default-mobile-drawer { display: none; } @media (max-width: 1023px) { .prk-default-mobile-drawer { display: block; } } .prk-dh-call { align-items: center; justify-content: center; flex: 0 0 auto; } .prk-dh-call__link { display: inline-flex; align-items: center; justify-content: center; color: var(--prk-dh-call-color, #424750); text-decoration: none; line-height: 1; transition: color .18s ease, transform .18s ease; } .prk-dh-call__link:hover { color: var(--prk-dh-call-hover-color, var(--prk-color-primary-hover)); transform: translateY(-1px); } .prk-dh-call__icon { color: currentColor; line-height: 1; } .prk-dh-cart-button { color: #424750; text-decoration: none; line-height: 1; cursor: pointer; } .prk-dh-cart-button__icon, .prk-dh-cart-button__icon i { color: currentColor; line-height: 1; } .prk-dh-cart-button__icon svg, .prk-dh-cart-button__icon img { width: 26px; height: 26px; object-fit: contain; display: block; } .prk-dh-cart-button__image { width: 26px; height: 26px; object-fit: contain; display: block; } .prk-dh-account-button { appearance: none; background: transparent; border: 1px solid #e0e0e2; border-radius: 11px; min-width: 164px; min-height: 43px; padding: 4px 10px; color: #424750; text-align: right; cursor: pointer; line-height: 1.33; align-items: center; justify-content: center; position: relative; box-sizing: border-box; text-decoration: none; } .prk-dh-account-button__inner { display: flex; align-items: center; justify-content: center; gap: 4px; width: 100%; min-width: 0; } .prk-dh-account-button__icon { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; color: #424750; margin-left: 3px; margin-top: -3px; transform: translateY(2px); } .prk-dh-account-button__icon svg, .prk-dh-account-button__icon img, .prk-dh-account-menu__icon svg, .prk-dh-account-menu__icon img, .prk-dh-account-mobile__trigger svg, .prk-dh-account-mobile__trigger img { width: 24px; height: 24px; object-fit: contain; display: block; } .prk-dh-account-button__icon img { width: 28px; height: 28px; } .prk-dh-account-button__text { color: #424750; font-size: 14px; font-weight: 500; min-width: 0; flex: 1 1 auto; text-overflow: ellipsis; white-space: nowrap; } .prk-dh-account-button__arrow { color: #424750; font-size: 18px; opacity: .8; position: relative; top: 1px; transition: transform .18s ease; flex: 0 0 auto; } .prk-dh-account-mobile__trigger { display: inline-flex; align-items: center; justify-content: center; color: #424750; cursor: pointer; text-decoration: none; } .prk-dh-account-mobile__trigger i { color: #424750; } .prk-dh-account[data-prk-account-trigger-mode="hover"]::after { content: ''; position: absolute; top: 100%; left: 0; right: 0; height: 14px; display: block; } .prk-dh-account-menu { position: absolute; left: 0; right: auto; top: calc(100% + 8px); z-index: 30; width: 190px; background: #f9f9f9; border: 1px solid #ddd; border-radius: 11px; padding: 0 10px; text-align: right; opacity: 0; visibility: hidden; transform: translateY(8px) scale(.985); transition: opacity .18s ease, transform .18s ease, visibility .18s ease; pointer-events: none; } .prk-dh-account-menu__list { display: flex; flex-direction: column; margin: 0; padding: 0; list-style: none; } .prk-dh-account-menu__item { color: #767676; padding: 10px 0; font-size: 13px; font-weight: 500; line-height: 25px; display: flex; align-items: center; transition: all .2s ease; } .prk-dh-account-menu__item--bordered { border-bottom: 1px solid #ddd; } .prk-dh-account-menu__link { color: #767676; font-size: 13px; font-weight: 600; display: flex; width: 100%; align-items: center; gap: 8px; text-decoration: none; transition: color .2s ease; } .prk-dh-account-menu__item--logout .prk-dh-account-menu__link { color: #00bf6f; } .prk-dh-account-menu__link:hover { color: #1051ef !important; } .prk-dh-account-menu__icon { flex: 0 0 auto; display: inline-flex; align-items: center; justify-content: center; } .prk-dh-account.is-open .prk-dh-account-menu, .prk-dh-account[data-prk-account-trigger-mode="hover"]:hover .prk-dh-account-menu { opacity: 1; visibility: visible; transform: translateY(0) scale(1); pointer-events: auto; } .prk-dh-account.is-open .prk-dh-account-button__arrow, .prk-dh-account[data-prk-account-trigger-mode="hover"]:hover .prk-dh-account-button__arrow { transform: rotate(180deg); } .prk-dh-login-modal, .prk-dh-login-modal * { box-sizing: border-box; } .prk-dh-login-modal { width: 450px; max-width: calc(100vw - 32px); background: #fff; border-radius: 16px; overflow: hidden; } .prk-dh-login-modal--side-image { width: 600px; height: 386px; } .prk-dh-login-modal__inner { width: 100%; height: 100%; } .prk-dh-login-modal__header { display: flex; align-items: center; justify-content: flex-start; width: 100%; padding: 16px 16px 0; } .prk-dh-login-modal__close { margin-right: auto; background: transparent; color: #555; cursor: pointer; outline: none; border: 0; padding: 0; line-height: 1; transition: color .18s ease; } .prk-dh-login-modal__close:hover { color: #ef394e; } .prk-dh-login-modal__close i { position: relative; font-size: 28px; line-height: 1; } .prk-dh-login-modal__body { margin: 40px auto 29px; } .prk-dh-login-modal__body--simple { width: 77%; } .prk-dh-login-modal__body--side { padding: 0 24px; } .prk-dh-login-modal__logo { margin-bottom: 20px; } .prk-dh-login-modal__logo-link { display: block; } .prk-dh-login-modal__logo-img { max-width: 164px; height: auto; object-fit: contain; margin: 0 auto; padding: 5px 0; display: block; max-width: 120px !important; } .back-arrow i{ font-size: 26px; font-weight: 400; color: #535555; position: absolute; } @media (max-width: 1023px) { .prk-dh-login-modal__logo--hide-mobile { display: none !important; } .prk-dh-login-modal[data-prk-mobile-auto-sheet="1"] { max-height: calc(var(--vh, 1vh) * 92); border-radius: 16px 16px 0 0; } } .prk-dh-login-modal__side-layout { display: flex; } .prk-dh-login-modal__image-wrap { width: 40%; height: 100%; } .prk-dh-login-modal__image { width: 100%; height: 100%; object-fit: cover; display: block; } .prk-dh-login-modal__content-wrap { width: 60%; } .prk-dh-login-modal .loader-bullet, .prk-auth-sms-surface #stm-sms-form-holder .stm-sms-confirm--submit, .prk-auth-sms-surface #stm-sms-form-holder .stm-login-sms-btn { background: var(--prk-component-cta-bg, linear-gradient(to right, #ff3a30, #ff6a00)) !important; background-image: var(--prk-component-cta-bg, linear-gradient(to right, #ff3a30, #ff6a00)) !important; } .prk-dh-login-modal--side-image #stm-sms-form-holder .stm-login-sms-btn { background-image: linear-gradient(135deg, #262626, #2c2c2c) !important; } .prk-auth-sms-surface #stm-sms-form-holder, .prk-auth-sms-surface #stm-sms-form-holder form { width: 100%; } .prk-auth-sms-surface #stm-sms-form-holder .title-loginbox { font-size: 18px; font-weight: 600; margin-bottom: 10px; color: #232933; } .prk-auth-sms-surface #stm-sms-form-holder .login-sms-message, .prk-auth-sms-surface #stm-sms-form-holder .stm-sms-confirm--title { font-size: 13px; line-height: 21px; color: #62666d; margin-bottom: 20px; display: block; } .prk-auth-sms-surface #stm-sms-form-holder .phone-loginbox { position: relative; display: block; width: 100%; } .prk-auth-sms-surface #stm-sms-form-holder .phone-loginbox::before { content: ""; position: absolute; top: 13px; right: 13px; width: 24px; height: 24px; background: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M12.12%2012.78C12.05%2012.77%2011.96%2012.77%2011.88%2012.78C10.12%2012.72%208.71997%2011.28%208.71997%209.50998C8.71997%207.69998%2010.18%206.22998%2012%206.22998C13.81%206.22998%2015.28%207.69998%2015.28%209.50998C15.27%2011.28%2013.88%2012.72%2012.12%2012.78Z%22%20stroke%3D%22%23b2becc%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3Cpath%20d%3D%22M18.74%2019.3801C16.96%2021.0101%2014.6%2022.0001%2012%2022.0001C9.40001%2022.0001%207.04001%2021.0101%205.26001%2019.3801C5.36001%2018.4401%205.96001%2017.5201%207.03001%2016.8001C9.77001%2014.9801%2014.25%2014.9801%2016.97%2016.8001C18.04%2017.5201%2018.64%2018.4401%2018.74%2019.3801Z%22%20stroke%3D%22%23b2becc%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3Cpath%20d%3D%22M12%2022C17.5228%2022%2022%2017.5228%2022%2012C22%206.47715%2017.5228%202%2012%202C6.47715%202%202%206.47715%202%2012C2%2017.5228%206.47715%2022%2012%2022Z%22%20stroke%3D%22%23b2becc%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3C/svg%3E") center / contain no-repeat; z-index: 1; pointer-events: none; } .prk-auth-sms-surface #stm-sms-form-holder input[name="login[email_phone]"], .prk-auth-sms-surface #stm-sms-form-holder .stm-sms-confirm--code { width: 100%; padding: 12px 44px 12px 14px; border-radius: 11px; background: #fff; border: 1px solid #b1b1b2; color: #030a16; font-size: 16px; line-height: 24px; outline: none; font-weight: 500; direction: ltr; text-align: left; } .prk-auth-sms-surface #stm-sms-form-holder .stm-sms-confirm--code, .prk-auth-sms-surface #stm-sms-form-holder input[name="login[code]"] { padding: 12px; text-align: center; letter-spacing: 11px; direction: ltr; margin-bottom: 0; } .prk-auth-sms-surface #stm-sms-form-holder .stm-login-sms-btn, .prk-auth-sms-surface #stm-sms-form-holder .stm-sms-confirm--submit { display: block; width: 100%; padding: 16px; margin: 14px auto 0; font-size: 15px; line-height: 1.571; font-weight: 600; border-radius: 11px; color: #fff; border: 0; outline: 0; overflow: hidden; position: relative; cursor: pointer; min-height: 55px; } .stm-change-email.back-arrow{ right: 0; top: 4px; position: absolute; cursor: pointer; } @media (max-width: 768px){ .prk-modal .stm-change-email.back-arrow { right: -6px !important; } } .prk-modal input:-webkit-autofill, .prk-modal input:-webkit-autofill:hover, .prk-modal input:-webkit-autofill:focus, .prk-modal input:-webkit-autofill:active { background-color: #fff !important; -webkit-box-shadow: 0 0 0 1000px #fff inset !important; box-shadow: 0 0 0 1000px #fff inset !important; -webkit-text-fill-color: #111 !important; caret-color: #111 !important; filter: none !important; } .prk-modal input:autofill { background-color: #fff !important; box-shadow: 0 0 0 1000px #fff inset !important; color: #111 !important; } .prk-auth-sms-surface #stm-sms-form-holder #email_phone_error { text-align: center; font-size: 15px; color: #f00; margin-top: 10px; } .prk-auth-sms-surface #stm-sms-form-holder .stm-sms-confirm--timer-holder { font-weight: 700; color: #81858b; padding: 12px; text-align: center; font-size: 12px; line-height: 21px; } .prk-auth-sms-surface #stm-sms-form-holder .stm-sms-confirm--retrieve { display: block; border: 0; font-weight: 700; color: #1051ef; padding: 12px; text-align: center; font-size: 12px; line-height: 21px; background: transparent; margin: 10px auto; cursor: pointer; } .prk-dh-wc-form { padding: 0 24px 24px; } .prk-dh-wc-form__title { margin: 0 0 18px; font-size: 18px; font-weight: 700; color: #232933; } .prk-dh-wc-form__notice { display: none; padding: 10px 12px; border-radius: 10px; font-size: 13px; line-height: 1.8; background: #fff4f4; color: #ef394e; border: 1px solid rgba(239, 57, 78, .18); } .prk-dh-wc-form__notice.is-visible { display: block; } .prk-dh-wc-form__notice.is-success { background: #f0fff8; color: #00a66a; border-color: rgba(0, 191, 111, .2); } .prk-dh-wc-form__submit.is-loading { pointer-events: none; opacity: .78; } .prk-dh-wc-form__submit.is-loading::after { content: ''; display: inline-block; width: 14px; height: 14px; margin-right: 8px; border: 2px solid rgba(255,255,255,.65); border-top-color: transparent; border-radius: 999px; vertical-align: -3px; animation: prkDhSpin .75s linear infinite; } @keyframes prkDhSpin { to { transform: rotate(360deg); } } .prk-dh-wc-form__form { display: flex; flex-direction: column; gap: 16px; margin-top: 8px; } .prk-dh-wc-form__field { position: relative; } .prk-dh-wc-form__label { display: block; margin-bottom: 8px; font-size: 14px; font-weight: 500; color: #111827; } .prk-dh-wc-form__field-icon { position: absolute; top: 38px; right: 10px; color: #929292; width: 24px; height: 24px; line-height: 1; display: inline-flex; align-items: center; justify-content: center; } .prk-dh-wc-form__field-icon svg { width: 24px; height: 24px; display: block; } .prk-dh-wc-form__input { width: 100%; background: #f9fafb; border: 1px solid #d1d5db; color: #111827; font-size: 16px; border-radius: 8px; display: block; padding: 10px 45px 10px 12px; outline: none; } .prk-dh-wc-form__input:focus { border-color: #717171; } .prk-dh-wc-form__input--password { padding-left: 50px; } .prk-dh-wc-form__password-toggle { position: absolute; left: 0; top: 28px; display: flex; align-items: center; z-index: 20; padding: 11px; cursor: pointer; color: #9ca3af; background: transparent; border: 0; outline: 0; } .prk-dh-wc-form__row { display: flex; align-items: center; justify-content: space-between; gap: 12px; } .prk-dh-wc-form__remember { display: flex; align-items: center; gap: 8px; color: #6b7280; font-size: 14px; user-select: none; } .prk-dh-wc-form__lost, .prk-dh-wc-form__meta a, .prk-dh-login-modal__terms-link { color: #1051ef; font-weight: 600; text-decoration: none; } .prk-dh-wc-form__lost:hover, .prk-dh-wc-form__meta a:hover, .prk-dh-login-modal__terms-link:hover { text-decoration: underline; } .prk-dh-wc-form__submit { width: 100%; color: #fff; background: var(--prk-component-cta-bg, linear-gradient(to right, #ff3a30, #ff6a00)); background-image: var(--prk-component-cta-bg, linear-gradient(to right, #ff3a30, #ff6a00)); border: 0; outline: none; font-weight: 500; border-radius: 8px; font-size: 14px; padding: 10px 20px; text-align: center; cursor: pointer; transition: filter .18s ease; } .prk-dh-wc-form__submit:hover { filter: brightness(1.12); } .prk-dh-wc-form__meta { margin: 0; color: #6b7280; font-size: 14px; font-weight: 300; } .prk-dh-login-modal__terms { text-align: right; color: #494c52; font-size: 12px; line-height: 23px; margin: 20px 0 0; font-weight: 400; } .prk-dh-login-modal .hidden, .prk-auth-sms-surface #stm-sms-form-holder .hidden, .prk-auth-sms-surface #stm-sms-form-holder .d-none { display: none !important; } .prk-auth-sms-surface #stm-sms-form-holder .d-block { display: block !important; } @media (max-width: 1023px) { .prk-dh-login-modal { width: 100% !important; max-width: 100% !important; border-radius: var(--prk-dh-login-modal-mobile-radius, 16px) !important; } .prk-dh-login-modal--side-image { height: auto !important; } .prk-dh-login-modal__side-layout { display: block !important; } .prk-dh-login-modal__image-wrap { display: none; } .prk-dh-login-modal__content-wrap, .prk-dh-login-modal__body--simple { width: 100% !important; } .prk-dh-login-modal__body--simple, .prk-dh-login-modal__body--side { padding: 0 24px 24px; } } @media (max-width: 1023px) { .prk-dh-login-modal[data-enable-mobile-bottom-sheet="true"][data-mobile-bottom-sheet-height-mode="full"][data-bottom-sheet-gestures="false"] { height: calc(var(--vh, 1vh) * 100) !important; max-height: calc(var(--vh, 1vh) * 100) !important; border-radius: var(--prk-dh-login-modal-mobile-radius, 0px) !important; } .prk-dh-login-modal[data-enable-mobile-bottom-sheet="true"][data-mobile-bottom-sheet-height-mode="full"][data-bottom-sheet-gestures="false"] .prk-dh-login-modal__inner { height: 100%; overflow-y: auto; } } @media (max-width: 1023px) { .prk-default-header__middle { display: flex; align-items: center; justify-content: space-between; gap: 10px; width: 100%; padding-bottom: 7px; border-bottom: 1px solid #e5e5eac2; } .prk-default-header__search-wrap { flex: 1 1 0; min-width: 0; margin-left: 0; } .prk-default-header__icons { min-height: 39px; align-items: center; justify-content: flex-end; } .prk-default-header__cart, .prk-dh-cart-button { display: inline-flex; align-items: center; justify-content: center; } } .prk-default-header__search-component { width: 100%; position: relative; } .prk-default-header__search-component .prk-header-searchbox { width: 100%; border: 1px solid #e0e0e0; } @media (max-width: 1023px) { .prk-default-header__search-component .prk-header-searchbox { height: 48px; } } @media (min-width: 1024px) { .prk-default-header__search-component .prk-header-searchbox { height: 48px; } } .mega-menu-overlay { position: fixed; inset: 0; z-index: var(--mega-overlay-z, 990); background: var(--mega-overlay-bg, rgba(0, 0, 0, .35)); opacity: 0; visibility: hidden; pointer-events: none; transition: opacity var(--mega-overlay-dur, 220ms) var(--mega-ease, ease); } .mega-menu-overlay.is-activem, .mega-menu-overlay.is-active, .mega-menu-overlay.is-closingm, .mega-menu-overlay.is-closing { visibility: visible; } .mega-menu-overlay.is-activem, .mega-menu-overlay.is-active { opacity: 1; pointer-events: auto; } .mega-menu-overlay.is-closingm, .mega-menu-overlay.is-closing { opacity: 0; pointer-events: auto; } .prk-default-header .prk_mega_menu { position: relative; } .prk-default-header .prk_mega_menu > .prk-bor-line { position: absolute; bottom: 0; height: 2px; width: 0; opacity: 0; pointer-events: none; background: var(--prk-menu-borline-color, #ff3a30); transition: width .26s ease, left .26s ease, right .26s ease, opacity .18s ease; } .prk-default-header .prk_mega_menu > .box-hover-menu { position: absolute; height: 39px; top: 0; z-index: 1; opacity: .5; background: var(--prk-menu-hover-bg, #d9d8d85e); border-radius: 12px; transition: all .5s ease 0s; pointer-events: none; } .prk-dh-mobile-menu-trigger { color: #545d6e; background: transparent; border: 0; padding: 0; cursor: pointer; } .prk-dh-mobile-drawer { --prk-mobile-drawer-width: 320px; --prk-mobile-drawer-max-width: 88vw; --prk-mobile-drawer-bg: #fff; --prk-mobile-drawer-overlay-bg: rgba(0, 0, 0, .45); --prk-mobile-drawer-dur: 220ms; --prk-mobile-drawer-z: 100000; --prk-mobile-drawer-link-color: #424750; --prk-mobile-drawer-link-hover-color: #ff3a30; --prk-mobile-drawer-font-size: 14px; --prk-mobile-drawer-border-color: #f1f1f1; --prk-mobile-drawer-submenu-bg: #fafafa; --prk-mobile-drawer-close-color: #424750; --prk-mobile-drawer-icon-color: #6b7280; --prk-mobile-drawer-icon-hover-color: #ff3a30; --prk-mobile-drawer-icon-size: 20px; --prk-mobile-drawer-icon-box-size: 24px; --prk-mobile-drawer-icon-image-size: 22px; --prk-mobile-drawer-icon-gap: 10px; --prk-mobile-drawer-font-weight: 500; --prk-mobile-drawer-logo-width: 136px; position: fixed; inset: 0; z-index: var(--prk-mobile-drawer-z); pointer-events: none; visibility: hidden; overflow: hidden; isolation: isolate; } .prk-dh-mobile-drawer.is-open { pointer-events: auto; visibility: visible; } .prk-dh-mobile-drawer__overlay { position: absolute; inset: 0; background: var(--prk-mobile-drawer-overlay-bg); opacity: 0; transition: opacity var(--prk-mobile-drawer-dur) ease; } .prk-dh-mobile-drawer.is-open .prk-dh-mobile-drawer__overlay { opacity: 1; } .prk-dh-mobile-drawer__panel { position: absolute; inset-block: 0; inset-inline-start: 0; width: min(var(--prk-mobile-drawer-width), var(--prk-mobile-drawer-max-width)); max-width: 100%; background: var(--prk-mobile-drawer-bg); transform: translateX(-105%); transition: transform var(--prk-mobile-drawer-dur) ease; overflow: hidden; display: flex; flex-direction: column; box-shadow: 0 18px 44px rgba(0, 0, 0, .18); } html[dir="rtl"] .prk-dh-mobile-drawer__panel, body.rtl .prk-dh-mobile-drawer__panel { inset-inline-start: auto; inset-inline-end: 0; transform: translateX(105%); } .prk-dh-mobile-drawer.is-open .prk-dh-mobile-drawer__panel { transform: translateX(0) !important; } .prk-dh-mobile-drawer__header { min-height: 72px; padding: 16px 18px; border-bottom: 1px solid var(--prk-mobile-drawer-border-color); background: var(--prk-mobile-drawer-bg); } .prk-dh-mobile-drawer__logo-img { width: var(--prk-mobile-drawer-logo-width); max-height: 48px; } .prk-dh-mobile-drawer__site-name { color: var(--prk-mobile-drawer-link-color); } .prk-dh-mobile-drawer__close { width: 38px; height: 38px; border: 0; border-radius: 12px; background: transparent; color: var(--prk-mobile-drawer-close-color); cursor: pointer; } .prk-dh-mobile-drawer__body { min-height: 0; flex: 1; overflow-y: auto; -webkit-overflow-scrolling: touch; padding: 8px 0 22px; } .prk-dh-mobile-drawer__nav, .prk-dh-mobile-drawer__template { width: 100%; } .prk-dh-mobile-drawer__menu, .prk-dh-mobile-drawer__menu ul { margin: 0; padding: 0; list-style: none; } .prk-dh-mobile-drawer__menu li { position: relative; margin: 0; padding: 0; border-bottom: 1px solid var(--prk-mobile-drawer-border-color); } .prk-dh-mobile-drawer__menu a { min-height: 48px; display: flex; align-items: center; color: var(--prk-mobile-drawer-link-color); font-size: var(--prk-mobile-drawer-font-size); font-weight: var(--prk-mobile-drawer-font-weight, 500); text-decoration: none; line-height: 1.8; transition: color .2s ease, background .2s ease; } .prk-dh-mobile-drawer__menu a:hover, .prk-dh-mobile-drawer__menu .current-menu-item > a, .prk-dh-mobile-drawer__menu .current-menu-parent > a, .prk-dh-mobile-drawer__menu .current-menu-ancestor > a { color: var(--prk-mobile-drawer-link-hover-color); } .prk-dh-mobile-drawer__item-inner { display: inline-flex; align-items: center; gap: var(--prk-mobile-drawer-icon-gap, 10px); min-width: 0; } .prk-dh-mobile-drawer__item-title { min-width: 0; line-height: inherit; } .prk-dh-mobile-drawer__item-icon { width: var(--prk-mobile-drawer-icon-box-size, 24px); height: var(--prk-mobile-drawer-icon-box-size, 24px); display: inline-flex; align-items: center; justify-content: center; flex: 0 0 var(--prk-mobile-drawer-icon-box-size, 24px); color: var(--prk-mobile-drawer-icon-color, #6b7280); line-height: 1; } .prk-dh-mobile-drawer__item-icon i { font-size: var(--prk-mobile-drawer-icon-size, 20px); line-height: 1; color: currentColor; } .prk-dh-mobile-drawer__item-icon img { width: var(--prk-mobile-drawer-icon-image-size, 22px); height: var(--prk-mobile-drawer-icon-image-size, 22px); object-fit: contain; display: block; } .prk-dh-mobile-drawer__menu a:hover .prk-dh-mobile-drawer__item-icon, .prk-dh-mobile-drawer__menu .current-menu-item > a .prk-dh-mobile-drawer__item-icon, .prk-dh-mobile-drawer__menu .current-menu-parent > a .prk-dh-mobile-drawer__item-icon, .prk-dh-mobile-drawer__menu .current-menu-ancestor > a .prk-dh-mobile-drawer__item-icon { color: var(--prk-mobile-drawer-icon-hover-color, #ff3a30); } .prk-dh-mobile-drawer__submenu-toggle { position: absolute; inset-block-start: 0; inset-inline-end: 0; min-width: 48px; min-height: 48px; border: 0; background: transparent; color: var(--prk-mobile-drawer-link-color); display: inline-flex; align-items: center; justify-content: center; cursor: pointer; transition: transform .2s ease, color .2s ease; } .prk-dh-mobile-drawer__submenu-toggle svg { width: 18px; height: 18px; transition: transform .2s ease; } .prk-dh-mobile-drawer__menu li.is-open > .prk-dh-mobile-drawer__submenu-toggle svg { transform: rotate(90deg); } .prk-dh-mobile-drawer__menu .sub-menu { background: var(--prk-mobile-drawer-submenu-bg); } .prk-dh-mobile-drawer[data-submenu-mode="accordion"] .sub-menu { display: none; } .prk-dh-mobile-drawer[data-submenu-mode="accordion"] li.is-open > .sub-menu { display: block; } .prk-dh-mobile-drawer[data-submenu-mode="expanded"] .sub-menu { display: block; } .prk-dh-mobile-drawer[data-submenu-mode="simple"] .sub-menu { display: none !important; } .prk-dh-mobile-drawer__menu .sub-menu a { min-height: 50px; font-size: calc(var(--prk-mobile-drawer-font-size) - 1px); opacity: .88; } html[dir="rtl"] .prk-dh-mobile-drawer__menu .sub-menu a, body.rtl .prk-dh-mobile-drawer__menu .sub-menu a { padding-right: 34px !important; } html:not([dir="rtl"]) .prk-dh-mobile-drawer__menu .sub-menu a, body:not(.rtl) .prk-dh-mobile-drawer__menu .sub-menu a { padding-left: 34px !important; } body.prk-mobile-drawer-open { overflow: hidden; } @media (max-width: 1023px) { .prk-dh-mobile-drawer .prk-dh-mobile-drawer__panel { width: min(var(--prk-mobile-drawer-width, 320px), var(--prk-mobile-drawer-max-width, 88vw)) !important; max-width: min(var(--prk-mobile-drawer-max-width, 88vw), 100vw) !important; box-sizing: border-box; } .prk-dh-mobile-drawer[data-drawer-side="right"] .prk-dh-mobile-drawer__panel, html[dir="rtl"] .prk-dh-mobile-drawer[data-drawer-side="right"] .prk-dh-mobile-drawer__panel, body.rtl .prk-dh-mobile-drawer[data-drawer-side="right"] .prk-dh-mobile-drawer__panel { right: 0 !important; left: auto !important; margin-left: auto !important; margin-right: 0 !important; transform: translate3d(100%, 0, 0); } .prk-dh-mobile-drawer[data-drawer-side="left"] .prk-dh-mobile-drawer__panel, html[dir="ltr"] .prk-dh-mobile-drawer[data-drawer-side="left"] .prk-dh-mobile-drawer__panel, body.ltr .prk-dh-mobile-drawer[data-drawer-side="left"] .prk-dh-mobile-drawer__panel { left: 0 !important; right: auto !important; margin-left: 0 !important; margin-right: auto !important; transform: translate3d(-100%, 0, 0); } .prk-dh-mobile-drawer.is-open[data-drawer-side="right"] .prk-dh-mobile-drawer__panel, .prk-dh-mobile-drawer.is-open[data-drawer-side="left"] .prk-dh-mobile-drawer__panel { transform: translate3d(0, 0, 0) !important; } body.prk-mobile-drawer-open--push-3d #header.prk-default-header, body.prk-mobile-drawer-open--push-3d .pr-main-container, body.prk-mobile-drawer-open--push-3d #main-content, body.prk-mobile-drawer-open--push-3d .main-content, body.prk-mobile-drawer-open--push-3d main { transform: translate3d(-18px, 0, 0) scale(.965); transform-origin: center right; border-radius: 20px; transition: transform var(--prk-mobile-drawer-dur, 220ms) ease, border-radius var(--prk-mobile-drawer-dur, 220ms) ease; will-change: transform; } body:not(.prk-mobile-drawer-open--push-3d) #header.prk-default-header, body:not(.prk-mobile-drawer-open--push-3d) .pr-main-container, body:not(.prk-mobile-drawer-open--push-3d) #main-content, body:not(.prk-mobile-drawer-open--push-3d) .main-content, body:not(.prk-mobile-drawer-open--push-3d) main { transition: transform var(--prk-mobile-drawer-dur, 220ms) ease, border-radius var(--prk-mobile-drawer-dur, 220ms) ease; } .prk-dh-mobile-drawer[data-submenu-mode="card"] .prk-dh-mobile-drawer__panel { position: absolute; } .prk-dh-mobile-drawer[data-submenu-mode="card"] .prk-dh-mobile-drawer__body, .prk-dh-mobile-drawer[data-submenu-mode="card"] .prk-dh-mobile-drawer__nav, .prk-dh-mobile-drawer[data-submenu-mode="card"] .prk-dh-mobile-drawer__menu { min-height: 100%; } .prk-dh-mobile-drawer[data-submenu-mode="card"] .prk-dh-mobile-drawer__body { overflow-y: auto; overflow-x: hidden; } .prk-dh-mobile-drawer[data-submenu-mode="card"] .prk-dh-mobile-drawer__nav, .prk-dh-mobile-drawer[data-submenu-mode="card"] .prk-dh-mobile-drawer__menu { height: auto; } .prk-dh-mobile-drawer[data-submenu-mode="card"] .prk-dh-mobile-drawer__menu li { position: static; } .prk-dh-mobile-drawer[data-submenu-mode="card"] .prk-dh-mobile-drawer__menu .sub-menu { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; max-width: none; z-index: var(--prk-card-z, 20); display: block; overflow-y: auto; overflow-x: hidden; -webkit-overflow-scrolling: touch; background: var(--prk-mobile-drawer-submenu-bg, var(--prk-mobile-drawer-bg, #fff)); border: 0; border-radius: 0; box-shadow: none; opacity: 0; visibility: hidden; pointer-events: none; transform: translate3d(100%, 0, 0); transition: transform var(--prk-mobile-drawer-dur, 220ms) ease, opacity var(--prk-mobile-drawer-dur, 220ms) ease, visibility var(--prk-mobile-drawer-dur, 220ms) ease; } .prk-dh-mobile-drawer[data-submenu-mode="card"] .menu-item-has-children.is-open > .sub-menu { opacity: 1; visibility: visible; pointer-events: auto; transform: translate3d(0, 0, 0); } .prk-dh-mobile-drawer[data-submenu-mode="card"] .prk-dh-mobile-drawer__submenu-toggle svg { transform: rotate(180deg); } .prk-dh-mobile-drawer[data-submenu-mode="card"] .menu-item-has-children.is-open > .prk-dh-mobile-drawer__submenu-toggle svg { transform: rotate(180deg); } .prk-dh-mobile-drawer__submenu-close-item { position: sticky !important; top: 0; z-index: 3; border-bottom: 1px solid var(--prk-mobile-drawer-border-color, #f1f1f1) !important; background: var(--prk-mobile-drawer-submenu-bg, #fafafa); } .prk-dh-mobile-drawer__submenu-close { width: 100%; min-height: 58px; display: flex; align-items: center; justify-content: flex-start; gap: 10px; padding: 0 18px; border: 0; background: transparent; color: var(--prk-mobile-drawer-link-color, #424750); font-size: var(--prk-mobile-drawer-font-size, 14px); font-weight: 700; cursor: pointer; text-align: right; } .prk-dh-mobile-drawer__submenu-close-icon { width: 24px; height: 24px; display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; } .prk-dh-mobile-drawer__submenu-close-icon svg { width: 22px; height: 22px; } .prk-dh-mobile-drawer[data-submenu-mode="card"] .sub-menu a { padding-right: 18px !important; } } @media (max-width: 1023px) { .prk-dh-mobile-drawer[data-submenu-mode="card"] .prk-dh-mobile-drawer__submenu-close-item { position: sticky !important; top: 0; z-index: 6; margin: 0 !important; padding: 0 !important; min-height: 58px; border-bottom: 1px solid var(--prk-mobile-drawer-border-color, #f1f1f1) !important; background: var(--prk-mobile-drawer-submenu-bg, var(--prk-mobile-drawer-bg, #fff)) !important; } .prk-dh-mobile-drawer[data-submenu-mode="card"] .prk-dh-mobile-drawer__submenu-close { width: 100%; min-height: 58px; display: flex; align-items: center; justify-content: flex-start; gap: var(--prk-mobile-drawer-icon-gap, 10px); padding: 0 18px; border: 0; background: transparent; color: var(--prk-mobile-drawer-link-color, #424750); cursor: pointer; text-align: right; } html[dir="rtl"] .prk-dh-mobile-drawer[data-submenu-mode="card"] .prk-dh-mobile-drawer__submenu-close, body.rtl .prk-dh-mobile-drawer[data-submenu-mode="card"] .prk-dh-mobile-drawer__submenu-close { flex-direction: row; } .prk-dh-mobile-drawer[data-submenu-mode="card"] .prk-dh-mobile-drawer__submenu-close-icon { width: var(--prk-mobile-drawer-icon-box-size, 24px); height: var(--prk-mobile-drawer-icon-box-size, 24px); display: inline-flex; align-items: center; justify-content: center; flex: 0 0 var(--prk-mobile-drawer-icon-box-size, 24px); color: var(--prk-mobile-drawer-link-color, #424750); } .prk-dh-mobile-drawer[data-submenu-mode="card"] .prk-dh-mobile-drawer__submenu-close-icon svg { width: 20px; height: 20px; } .prk-dh-mobile-drawer[data-submenu-mode="card"] .prk-dh-mobile-drawer__submenu-close-title { min-width: 0; font-size: var(--prk-mobile-drawer-font-size, 14px); font-weight: 700; line-height: 1.8; } .prk-dh-mobile-drawer[data-submenu-mode="card"] .prk-dh-mobile-drawer__submenu-close .prk-dh-mobile-drawer__item-inner, .prk-dh-mobile-drawer[data-submenu-mode="card"] .prk-dh-mobile-drawer__submenu-close-label { flex: 1 1 auto; } } @media (max-width: 1023px) { .prk-dh-mobile-drawer[data-submenu-mode="card"] .prk-dh-mobile-drawer__panel { position: absolute; overflow: hidden; } .prk-dh-mobile-drawer[data-submenu-mode="card"] .prk-dh-mobile-drawer__body, .prk-dh-mobile-drawer[data-submenu-mode="card"] .prk-dh-mobile-drawer__nav, .prk-dh-mobile-drawer[data-submenu-mode="card"] .prk-dh-mobile-drawer__menu { overflow: visible !important; } .prk-dh-mobile-drawer[data-submenu-mode="card"] .prk-dh-mobile-drawer__menu li { position: static !important; } .prk-dh-mobile-drawer[data-submenu-mode="card"] .prk-dh-mobile-drawer__menu li.menu-item-has-children { display: flex; align-items: stretch; flex-wrap: wrap; } .prk-dh-mobile-drawer[data-submenu-mode="card"] .prk-dh-mobile-drawer__menu li.menu-item-has-children > a { flex: 1 1 auto; min-width: 0; } .prk-dh-mobile-drawer[data-submenu-mode="card"] .prk-dh-mobile-drawer__submenu-toggle { position: static !important; inset: auto !important; width: 48px; min-width: 48px; min-height: 48px; flex: 0 0 48px; align-self: stretch; transform: none !important; } .prk-dh-mobile-drawer[data-submenu-mode="card"] .prk-dh-mobile-drawer__submenu-toggle svg { transform: rotate(180deg); } .prk-dh-mobile-drawer[data-submenu-mode="card"][data-drawer-side="right"] .prk-dh-mobile-drawer__menu .sub-menu { position: fixed !important; top: 0 !important; right: 0 !important; bottom: 0 !important; left: auto !important; width: min(var(--prk-mobile-drawer-width, 320px), var(--prk-mobile-drawer-max-width, 88vw)) !important; max-width: min(var(--prk-mobile-drawer-max-width, 88vw), 100vw) !important; height: 100dvh; min-height: 100vh; z-index: calc(var(--prk-mobile-drawer-z, 100000) + var(--prk-card-z, 20)); transform: translate3d(100%, 0, 0); } .prk-dh-mobile-drawer[data-submenu-mode="card"][data-drawer-side="left"] .prk-dh-mobile-drawer__menu .sub-menu { position: fixed !important; top: 0 !important; right: auto !important; bottom: 0 !important; left: 0 !important; width: min(var(--prk-mobile-drawer-width, 320px), var(--prk-mobile-drawer-max-width, 88vw)) !important; max-width: min(var(--prk-mobile-drawer-max-width, 88vw), 100vw) !important; height: 100dvh; min-height: 100vh; z-index: calc(var(--prk-mobile-drawer-z, 100000) + var(--prk-card-z, 20)); transform: translate3d(-100%, 0, 0); } .prk-dh-mobile-drawer[data-submenu-mode="card"] .menu-item-has-children.is-open > .sub-menu { opacity: 1 !important; visibility: visible !important; pointer-events: auto !important; transform: translate3d(0, 0, 0) !important; } .prk-dh-mobile-drawer[data-submenu-mode="card"] .prk-dh-mobile-drawer__submenu-close-item { position: sticky !important; top: 0 !important; z-index: 10 !important; display: block !important; width: 100% !important; min-height: 72px; margin: 0 !important; padding: 0 !important; border-bottom: 1px solid var(--prk-mobile-drawer-border-color, #f1f1f1) !important; background: var(--prk-mobile-drawer-submenu-bg, var(--prk-mobile-drawer-bg, #fff)) !important; } .prk-dh-mobile-drawer[data-submenu-mode="card"] .prk-dh-mobile-drawer__submenu-close { width: 100% !important; min-height: 72px; padding: 0 18px !important; display: flex !important; align-items: center; justify-content: flex-start; gap: var(--prk-mobile-drawer-icon-gap, 10px); } .prk-dh-mobile-drawer[data-submenu-mode="card"] .prk-dh-mobile-drawer__submenu-close-icon { position: static !important; flex: 0 0 var(--prk-mobile-drawer-icon-box-size, 24px) !important; width: var(--prk-mobile-drawer-icon-box-size, 24px) !important; height: var(--prk-mobile-drawer-icon-box-size, 24px) !important; margin: 0 !important; transform: none !important; } .prk-dh-mobile-drawer[data-submenu-mode="card"] .prk-dh-mobile-drawer__submenu-close-label, .prk-dh-mobile-drawer[data-submenu-mode="card"] .prk-dh-mobile-drawer__submenu-close .prk-dh-mobile-drawer__item-inner { flex: 1 1 auto; min-width: 0; } }