.zk-mobile-overlay{ position:fixed; inset:0; z-index:99997; background:rgba(0,0,0,.32); opacity:0; visibility:hidden; transition: opacity .28s ease, visibility .28s ease; } .zk-mobile-overlay.is-open{ opacity:1; visibility:visible; } .zk-mobile-drawer{ position:fixed; z-index:99998; top:0; bottom:0; width:min(80vw,380px); background:#fff; color:#161616; overflow-y:auto; box-shadow: 0 0 45px rgba(0,0,0,.18); transition: transform .34s cubic-bezier(.22,.61,.36,1); overscroll-behavior:contain; } [dir="rtl"] .zk-mobile-drawer{ right:0; transform:translateX(105%); } [dir="ltr"] .zk-mobile-drawer{ left:0; transform:translateX(-105%); } .zk-mobile-drawer.is-open{ transform:translateX(0)!important; } .zk-mobile-drawer__head{ display:flex; justify-content:flex-end; align-items:center; min-height:78px; padding:16px 22px; border-bottom: 1px solid #eeeeee; } .zk-mobile-drawer__close{ width:40px; height:40px; padding:0; border:0; background:transparent; color:#171717; font-size:36px; font-weight:300; line-height:1; cursor:pointer; } .zk-mobile-drawer__nav{ padding-bottom:30px; } .zk-mobile-drawer__row, .zk-mobile-category__line{ min-height:58px; border-bottom: 1px solid #eeeeee; } .zk-mobile-drawer__row{ display:flex; align-items:center; padding: 0 24px; color:#171717!important; text-decoration:none!important; font-size:14px; font-weight:500; } .zk-mobile-category__line{ display:flex; align-items:center; } .zk-mobile-category__link{ flex:1; display:flex; align-items:center; min-height:58px; padding-inline-start:24px; color:#171717!important; text-decoration:none!important; font-size:14px; font-weight:500; } .zk-mobile-category__toggle{ width:58px; height:58px; display:flex; align-items:center; justify-content:center; border:0; border-inline-start: 1px solid #eeeeee; background:transparent; color:#171717; cursor:pointer; } .zk-mobile-category__toggle span{ display:block; font-size:18px; transition: transform .25s ease; } .zk-mobile-category.is-open .zk-mobile-category__toggle span{ transform:rotate(180deg); } .zk-mobile-category__children{ display:none; padding: 5px 0 12px; background:#fafafa; border-bottom: 1px solid #eeeeee; } .zk-mobile-category.is-open .zk-mobile-category__children{ display:block; } .zk-mobile-category__children a{ display:block; padding: 12px 32px; color:#616161!important; text-decoration:none!important; font-size:12px; line-height:1.5; } body.zk-menu-open{ overflow:hidden!important; } .zk-mobile-drawer__social{ display:flex; align-items:center; justify-content:center; gap:12px; padding:28px 22px 34px; border-top:1px solid #eeeeee; } .zk-mobile-drawer__social a{ display:flex; align-items:center; justify-content:center; width:38px; height:38px; border:1px solid #dedede; border-radius:50%; color:#171717!important; text-decoration:none!important; font-size:14px; transition: background .2s ease, color .2s ease, border-color .2s ease; } .zk-mobile-drawer__social a:hover{ background:#171717; border-color:#171717; color:#fff!important; } @media(min-width:992px){ .zk-mobile-overlay, .zk-mobile-drawer{ display:none!important; } } .zk-account-menu{ position:relative; } .zk-account-trigger svg{ display:block; width:19px; height:19px; fill:none; stroke:currentColor; stroke-width:1.5; stroke-linecap:round; stroke-linejoin:round; } .zk-account-dropdown{ position:absolute; z-index:5000; top: calc( 100% + 14px ); inset-inline-end:0; width:220px; padding:8px; border: 1px solid #e8e8e8; background:#fff; box-shadow: 0 18px 45px rgba(0,0,0,.12); opacity:0; visibility:hidden; transform: translateY(8px); transition: opacity .2s ease, visibility .2s ease, transform .2s ease; } .zk-account-menu:hover .zk-account-dropdown{ opacity:1; visibility:visible; transform: translateY(0); } .zk-account-dropdown a{ display:block; padding: 11px 12px; color:#111!important; text-decoration:none!important; } .zk-account-dropdown a:hover{ background:#f6f6f6; } .zk-account-dropdown strong{ display:block; font-size:11px; } .zk-account-dropdown small{ display:block; margin-top:3px; color:#999; font-size:9px; } .zk-mobile-drawer__account{ padding: 20px; border-top: 1px solid #e9e9e9; } .zk-mobile-drawer__account-title{ display:block; margin-bottom:10px; color:#999; font-size:9px; font-weight:700; letter-spacing:1px; } .zk-mobile-account-link{ display:flex!important; align-items:center!important; gap:12px!important; padding: 11px 0!important; border:0!important; color:#111!important; text-decoration:none!important; } .zk-mobile-account-icon{ display:flex; align-items:center; justify-content:center; width:38px; height:38px; flex: 0 0 38px; border: 1px solid #ddd; border-radius:50%; } .zk-mobile-account-icon svg{ width:18px; height:18px; fill:none; stroke:#111; stroke-width:1.5; stroke-linecap:round; stroke-linejoin:round; } .zk-mobile-account-link strong{ display:block; color:#111; font-size:11px; font-weight:600; } .zk-mobile-account-link small{ display:block; margin-top:3px; color:#999; font-size:9px; } @media(max-width:991px){ body{ padding-bottom: calc( 72px + env(safe-area-inset-bottom) )!important; } .app-tabbar{ position:fixed!important; z-index:9000!important; display:flex!important; left:0!important; right:0!important; top:auto!important; bottom:0!important; width:100%!important; max-width:100%!important; transform: translateY(0)!important; opacity:1!important; visibility:visible!important; background:#fff!important; } #zkMobileOverlay{ z-index:29990!important; } #zkMobileMenu{ z-index:30000!important; height:100dvh!important; max-height:100dvh!important; } body.zk-mobile-menu-open .app-tabbar{ transform: translateY(120%)!important; opacity:0!important; visibility:hidden!important; pointer-events:none!important; } } @media(min-width:992px){ .app-tabbar{ display:none!important; } } @media(max-width:991px){ #zkMobileMenu .zk-mobile-drawer__top{ position:sticky!important; top:0!important; display:flex!important; align-items:center!important; justify-content:space-between!important; width:100%!important; min-height:72px!important; height:72px!important; padding:10px 18px!important; overflow:hidden!important; background:#fff!important; border-bottom: 1px solid #e8e8e8!important; z-index:50!important; } #zkMobileMenu .zk-mobile-drawer__brand{ display:flex!important; align-items:center!important; justify-content:center!important; flex:0 0 auto!important; width:90px!important; max-width:90px!important; height:50px!important; max-height:50px!important; margin:0!important; padding:0!important; overflow:hidden!important; } #zkMobileMenu .zk-mobile-drawer__brand img{ display:block!important; width:auto!important; height:auto!important; max-width:80px!important; max-height:46px!important; margin:0!important; padding:0!important; object-fit:contain!important; transform:none!important; } #zkMobileMenu .zk-mobile-drawer__close{ position:static!important; display:flex!important; align-items:center!important; justify-content:center!important; flex:0 0 42px!important; width:42px!important; height:42px!important; margin:0!important; padding:0!important; font-size:28px!important; line-height:1!important; background:transparent!important; border:0!important; color:#111!important; } } @media(max-width:991px){ #zkMobileOverlay{ background: rgba(12,12,12,.48)!important; backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(4px); transition: opacity .28s ease, visibility .28s ease!important; } #zkMobileMenu{ width: min( 91vw, 420px )!important; max-width: 420px!important; height: 100dvh!important; max-height: 100dvh!important; background: #fcfcfb!important; box-shadow: 0 0 55px rgba(0,0,0,.18)!important; border-inline-start: 1px solid rgba(20,20,20,.07); overflow-y: auto!important; overscroll-behavior: contain; -webkit-overflow-scrolling: touch; } #zkMobileMenu .zk-mobile-drawer__head{ background: rgba(252,252,251,.96)!important; } #zkMobileMenu .zk-mobile-drawer__top{ min-height: 76px!important; height: 76px!important; padding: 11px 18px!important; background: rgba(252,252,251,.96)!important; backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px); border-bottom: 1px solid #e9e7e1!important; } #zkMobileMenu .zk-mobile-drawer__brand{ width: 104px!important; max-width: 104px!important; height: 52px!important; max-height: 52px!important; justify-content: flex-start!important; } #zkMobileMenu .zk-mobile-drawer__brand img{ max-width: 96px!important; max-height: 48px!important; } #zkMobileMenu .zk-mobile-drawer__close{ width: 40px!important; height: 40px!important; flex: 0 0 40px!important; border: 1px solid #e3e1dc!important; border-radius: 50%!important; background: #f6f5f2!important; color: #181818!important; font-size: 25px!important; font-weight: 300!important; transition: transform .2s ease, background .2s ease!important; } #zkMobileMenu .zk-mobile-drawer__close:active{ transform: scale(.94); } #zkMobileMenu .zk-mobile-drawer__nav{ padding: 12px 14px 18px!important; } #zkMobileMenu .zk-mobile-drawer__row, #zkMobileMenu .zk-mobile-category__line{ min-height: 54px!important; padding: 0 8px!important; border-bottom: 1px solid #eceae5!important; background: transparent!important; } #zkMobileMenu .zk-mobile-drawer__row{ display: flex!important; align-items: center!important; color: #181818!important; text-decoration: none!important; font-size: 13px!important; font-weight: 500!important; letter-spacing: .1px; } #zkMobileMenu .zk-mobile-category__link{ display: flex!important; align-items: center!important; min-height: 54px!important; flex: 1 1 auto!important; color: #181818!important; font-size: 13px!important; font-weight: 500!important; text-decoration: none!important; } #zkMobileMenu .zk-mobile-category__toggle{ display: flex!important; align-items: center!important; justify-content: center!important; width: 40px!important; height: 40px!important; flex: 0 0 40px!important; padding: 0!important; border: 0!important; border-radius: 50%!important; background: transparent!important; color: #777!important; } #zkMobileMenu .zk-mobile-category__toggle span{ font-size: 17px!important; transition: transform .22s ease!important; } #zkMobileMenu .zk-mobile-category__children{ margin: 4px 0 8px!important; padding: 5px 8px!important; border: 0!important; border-radius: 10px!important; background: #f5f4f1!important; } #zkMobileMenu .zk-mobile-category__children a{ padding: 11px 13px!important; border-bottom: 1px solid rgba(0,0,0,.045); color: #676767!important; font-size: 11px!important; font-weight: 400!important; line-height: 1.5!important; } #zkMobileMenu .zk-mobile-category__children a:last-child{ border-bottom: 0!important; } #zkMobileMenu .zk-mobile-drawer__account{ margin: 8px 14px 24px!important; padding: 18px!important; border: 1px solid #e9e7e1!important; border-radius: 14px!important; background: #f8f7f4!important; } #zkMobileMenu .zk-mobile-drawer__account-title{ display: block!important; margin-bottom: 12px!important; color: #999!important; font-size: 9px!important; font-weight: 700!important; letter-spacing: .8px; } #zkMobileMenu .zk-mobile-account-link{ border-radius: 10px!important; transition: background .18s ease!important; } #zkMobileMenu .zk-mobile-account-link:active{ background: #efede8!important; } #zkMobileMenu .zk-mobile-drawer__social{ gap: 9px!important; padding: 22px 18px 28px!important; border-top: 1px solid #eceae5!important; } #zkMobileMenu .zk-mobile-drawer__social a{ width: 40px!important; height: 40px!important; border: 1px solid #dfddd7!important; background: #fff!important; } } @media(max-width:380px){ #zkMobileMenu{ width: 100%!important; max-width: 100%!important; } } .zk-search-panel-toggle{ display:flex!important; align-items:center; justify-content:center; padding:0; border:0; outline:0; background:transparent; color:inherit; cursor:pointer; } .zk-search-panel-toggle svg{ display:block; width:20px; height:20px; fill:none; stroke:currentColor; stroke-width:1.55; stroke-linecap:round; stroke-linejoin:round; } .zk-search-panel{ position:fixed; z-index:50000; inset:0; display:flex; align-items:flex-start; justify-content:center; width:100%; height:100dvh; opacity:0; visibility:hidden; pointer-events:none; transition: opacity .34s ease, visibility .34s ease; } .zk-search-panel.is-open{ opacity:1; visibility:visible; pointer-events:auto; } .zk-search-panel__backdrop{ position:absolute; inset:0; background: rgba(0,0,0,.58); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); } .zk-search-panel__inner{ position:relative; z-index:2; width:100%; min-height:330px; padding: 55px 7vw 70px; background:#fff; transform: translateY(-35px); transition: transform .45s cubic-bezier(.16,1,.3,1); } .zk-search-panel.is-open .zk-search-panel__inner{ transform: translateY(0); } .zk-search-panel__close{ position:absolute; top:26px; inset-inline-end:35px; width:42px; height:42px; padding:0; border:0; background:transparent; cursor:pointer; } .zk-search-panel__close span{ position:absolute; top:50%; left:50%; display:block; width:25px; height:1.5px; background:#111; } .zk-search-panel__close span:first-child{ transform: translate(-50%,-50%) rotate(45deg); } .zk-search-panel__close span:last-child{ transform: translate(-50%,-50%) rotate(-45deg); } .zk-search-panel__content{ width: min( 900px, 100% ); margin: 55px auto 0; text-align:center; } .zk-search-panel__eyebrow{ display:block; margin-bottom:23px; color:#999; font-size:9px; font-weight:700; letter-spacing:2.2px; } .zk-search-form{ position:relative; display:flex; align-items:center; width:100%; border-bottom: 1px solid #111; } .zk-search-form input{ flex:1; width:100%; height:78px; padding: 0 65px 0 5px; border:0!important; outline:0!important; background:transparent!important; color:#111!important; box-shadow:none!important; font-size: clamp( 24px, 3vw, 45px ); font-weight:400; } [dir="rtl"] .zk-search-form input{ padding: 0 5px 0 65px; text-align:right; } .zk-search-form input::placeholder{ color:#c6c6c6; opacity:1; } .zk-search-form button{ position:absolute; inset-inline-end:0; display:flex; align-items:center; justify-content:center; width:56px; height:56px; padding:0; border:0; background:transparent; color:#111; cursor:pointer; } .zk-search-form button svg{ width:25px; height:25px; fill:none; stroke:currentColor; stroke-width:1.5; stroke-linecap:round; stroke-linejoin:round; } .zk-search-panel__content p{ margin: 18px 0 0; color:#999; font-size:10px; } body.zk-search-open{ overflow:hidden!important; } @media(min-width:992px){ .zk-search-toolbar{ display:list-item!important; } } @media(max-width:991px){ .zk-search-toolbar{ position:absolute!important; width:1px!important; height:1px!important; overflow:hidden!important; opacity:0!important; pointer-events:none!important; } .zk-search-panel__inner{ min-height: 280px; padding: 38px 20px 50px; } .zk-search-panel__close{ top:15px; inset-inline-end:14px; } .zk-search-panel__content{ margin-top:45px; } .zk-search-panel__eyebrow{ margin-bottom:15px; } .zk-search-form input{ height:65px; font-size: clamp( 22px, 7vw, 31px ); } .zk-search-panel__content p{ font-size:9px; } } body.tpl-zakas .search-overlay, body.tpl-zakas .search-overlay.active, body.tpl-zakas .search-overlay.search-overlay-active{ display:none!important; opacity:0!important; visibility:hidden!important; pointer-events:none!important; } .zk-search-panel-toggle{ display:flex!important; align-items:center; justify-content:center; padding:0; border:0; background:transparent; color:inherit; cursor:pointer; } .zk-search-panel-toggle svg{ display:block; width:20px; height:20px; fill:none; stroke:currentColor; stroke-width:1.55; stroke-linecap:round; stroke-linejoin:round; } body.tpl-zakas .zk-cart{ position:relative !important; } body.tpl-zakas .zk-cart .jv-cart-count{ position:absolute !important; z-index:15; top:-3px !important; inset-inline-end:-4px !important; min-width:18px !important; height:18px !important; padding:0 5px !important; display:flex !important; align-items:center; justify-content:center; border: 2px solid #fff !important; border-radius: 999px !important; background: #d51f26 !important; color: #fff !important; font-size: 9px !important; font-weight: 800 !important; line-height: 1 !important; box-shadow: 0 3px 9px rgba(0,0,0,.16); transform:none !important; } body.tpl-zakas .zk-cart .jv-cart-count[data-zk-empty="1"]{ display:none !important; } body.tpl-zakas .lx-cart-checkout{ width:100% !important; min-height:48px !important; margin-top:22px !important; padding: 0 20px !important; display:flex !important; align-items:center !important; justify-content:center !important; border: 1px solid #111 !important; border-radius: 2px !important; background: #111 !important; color: #fff !important; font-size: 13px !important; font-weight: 700 !important; text-decoration: none !important; visibility: visible !important; opacity: 1 !important; pointer-events: auto !important; transition: background .2s ease, color .2s ease, transform .2s ease !important; } body.tpl-zakas .lx-cart-checkout:hover{ background: #2a2927 !important; color: #fff !important; transform: translateY(-1px); } @media(max-width:991.98px){ body.tpl-zakas .zk-mobile-overlay{ position:fixed !important; z-index:9998 !important; inset:0 !important; background: rgba(10,9,8,.46) !important; backdrop-filter: blur(3px); -webkit-backdrop-filter: blur(3px); transition: opacity .28s ease, visibility .28s ease !important; } body.tpl-zakas .zk-mobile-drawer{ position:fixed !important; z-index:9999 !important; top:0 !important; bottom:0 !important; width: min(80vw,330px) !important; max-width: 330px !important; background: #fbfaf7 !important; color: #171614 !important; box-shadow: 0 0 45px rgba(0,0,0,.18) !important; overflow:hidden !important; display:flex !important; flex-direction:column !important; transition: transform .34s cubic-bezier(.22,.75,.22,1) !important; } html[dir="rtl"] body.tpl-zakas .zk-mobile-drawer{ right:0 !important; left:auto !important; } html[dir="ltr"] body.tpl-zakas .zk-mobile-drawer{ left:0 !important; right:auto !important; } body.tpl-zakas .zk-mobile-drawer__head{ flex: 0 0 auto; padding: 14px 17px 12px !important; background: #fbfaf7 !important; border-bottom: 1px solid #e9e5dd !important; } body.tpl-zakas .zk-mobile-drawer__top{ min-height: 44px; display:flex !important; align-items:center !important; justify-content: space-between !important; gap: 15px; } body.tpl-zakas .zk-mobile-drawer__brand{ display:flex !important; align-items:center; min-width:0; } body.tpl-zakas .zk-mobile-drawer__brand img{ display:block !important; width:auto !important; max-width: 105px !important; max-height: 32px !important; object-fit: contain !important; } body.tpl-zakas .zk-mobile-drawer__close{ flex: 0 0 36px; width: 36px !important; height: 36px !important; display:flex !important; align-items:center !important; justify-content:center !important; padding: 0 !important; border: 1px solid #dedad2 !important; border-radius: 50% !important; background: transparent !important; color: #171614 !important; font-size: 22px !important; font-weight: 300 !important; line-height: 1 !important; cursor:pointer; } body.tpl-zakas .zk-mobile-drawer__close:hover{ background: #f1eee8 !important; } body.tpl-zakas .zk-mobile-drawer__nav{ flex: 1 1 auto; overflow-y: auto !important; overscroll-behavior: contain; padding: 10px 14px 24px !important; scrollbar-width: thin; } body.tpl-zakas .zk-mobile-drawer__row{ position:relative; min-height: 47px !important; padding: 0 6px !important; display:flex !important; align-items:center !important; justify-content: space-between !important; border-bottom: 1px solid #ece8e1 !important; color: #22201d !important; font-size: 13px !important; font-weight: 600 !important; line-height: 1.4 !important; text-decoration: none !important; } body.tpl-zakas .zk-mobile-drawer__row:hover{ color: #8e6d38 !important; } body.tpl-zakas .zk-pro-categories{ border-bottom: 1px solid #ece8e1; } body.tpl-zakas .zk-pro-categories__toggle{ width:100%; min-height: 47px; padding: 0 6px; display:flex; align-items:center; justify-content: space-between; gap: 15px; border: 0; background: transparent; color: #22201d; font-family: inherit; font-size: 13px; font-weight: 700; cursor: pointer; text-align: start; } body.tpl-zakas .zk-pro-categories__arrow{ width: 24px; height: 24px; display:flex; align-items:center; justify-content:center; border-radius: 50%; background: #f0ede7; color: #4b4741; font-size: 15px; line-height: 1; transition: transform .25s ease, background .25s ease; } body.tpl-zakas .zk-pro-categories.is-open .zk-pro-categories__arrow{ transform: rotate(180deg); background: #e7dfd1; } body.tpl-zakas .zk-pro-categories__panel{ max-height: 0; overflow: hidden; opacity: 0; transition: max-height .38s ease, opacity .24s ease; background: #f6f3ed; } body.tpl-zakas .zk-pro-categories.is-open .zk-pro-categories__panel{ max-height: 70vh; opacity: 1; overflow-y: auto; } body.tpl-zakas .zk-pro-categories__panel .zk-mobile-category{ margin: 0 !important; border: 0 !important; border-bottom: 1px solid #e5e0d7 !important; } body.tpl-zakas .zk-pro-categories__panel .zk-mobile-category:last-child{ border-bottom: 0 !important; } body.tpl-zakas .zk-pro-categories__panel .zk-mobile-category__line{ min-height: 44px !important; padding: 0 10px !important; display:flex !important; align-items:center !important; gap: 8px; } body.tpl-zakas .zk-pro-categories__panel .zk-mobile-category__link{ flex: 1; padding: 12px 0 !important; color: #4a4640 !important; font-size: 12px !important; font-weight: 600 !important; line-height: 1.5 !important; text-decoration: none !important; } body.tpl-zakas .zk-pro-categories__panel .zk-mobile-category__toggle{ flex: 0 0 28px; width: 28px !important; height: 28px !important; display:flex !important; align-items:center !important; justify-content:center !important; padding: 0 !important; border: 0 !important; border-radius: 50%; background: transparent !important; color: #80796f !important; font-size: 13px !important; } body.tpl-zakas .zk-pro-categories__panel .zk-mobile-category__children{ padding: 0 10px 10px !important; } body.tpl-zakas .zk-pro-categories__panel .zk-mobile-category__children a{ display:block !important; padding: 8px 10px !important; border: 0 !important; color: #746d64 !important; font-size: 11.5px !important; font-weight: 500 !important; text-decoration: none !important; } body.tpl-zakas .zk-mobile-drawer__nav::after{ content:""; display:block; height: 16px; } } @media(max-width:380px){ body.tpl-zakas .zk-mobile-drawer{ width: 84vw !important; } } @media(max-width:991px){ .zk-header .zk-lang{ display:none !important; } .zk-header .header-toolbar__item:has(.zk-lang){ display:none !important; } #zkMobileOverlay{ position:fixed !important; inset:0 !important; z-index: 59990 !important; background: rgba( 13, 12, 10, .58 ) !important; backdrop-filter: blur(5px) !important; -webkit-backdrop-filter: blur(5px) !important; } #zkMobileMenu.zk-mobile-drawer{ position:fixed !important; top:0 !important; bottom:auto !important; width: min( 89vw, 370px ) !important; max-width: 370px !important; height: 100dvh !important; max-height: 100dvh !important; display:flex !important; flex-direction: column !important; overflow: hidden !important; padding: 0 !important; background: #f7f5f1 !important; border: 0 !important; box-shadow: 0 0 70px rgba( 0, 0, 0, .26 ) !important; z-index: 60000 !important; transition: transform .32s cubic-bezier( .22, .61, .36, 1 ) !important; } [dir="rtl"] #zkMobileMenu{ right:0 !important; left:auto !important; transform: translateX( 104% ) !important; } [dir="ltr"] #zkMobileMenu{ left:0 !important; right:auto !important; transform: translateX( -104% ) !important; } #zkMobileMenu.is-open{ transform: translateX( 0 ) !important; } #zkMobileMenu .zk-mobile-drawer__head{ flex: 0 0 auto !important; min-height: 82px !important; height: auto !important; margin: 0 !important; padding: 0 !important; background: #C64F1C !important; border: 0 !important; } #zkMobileMenu .zk-mobile-drawer__top{ width: 100% !important; min-height: 82px !important; display:flex !important; align-items:center !important; justify-content: space-between !important; gap: 15px !important; padding: 15px 18px !important; margin: 0 !important; background: transparent !important; border: 0 !important; } #zkMobileMenu .zk-mobile-drawer__brand{ display:flex !important; align-items:center !important; justify-content: flex-start !important; min-width: 0 !important; } #zkMobileMenu .zk-mobile-drawer__brand img{ display:block !important; width:auto !important; height:auto !important; max-width: 108px !important; max-height: 46px !important; padding: 4px 8px !important; border-radius: 4px; background: #fff; object-fit: contain !important; } #zkMobileMenu .zk-mobile-drawer__brand > span{ color: #fff !important; font-size: 18px !important; font-weight: 800 !important; } #zkMobileMenu .zk-mobile-drawer__close{ width: 40px !important; height: 40px !important; min-width: 40px !important; flex: 0 0 40px !important; display:flex !important; align-items:center !important; justify-content:center !important; margin: 0 !important; padding: 0 !important; border: 1px solid rgba( 255, 255, 255, .18 ) !important; border-radius: 50% !important; background: rgba( 255, 255, 255, .07 ) !important; color: #fff !important; font-size: 22px !important; font-weight: 300 !important; } #zkMobileMenu .oud-mobile-menu-tools{ flex: 0 0 auto; padding: 15px 16px 10px; background: #f7f5f1; } #zkMobileMenu .oud-menu-language{ min-height: 64px; display:flex; align-items:center; gap: 12px; padding: 10px 13px; border: 1px solid #e2ded5; border-radius: 12px; background: #fff; color: #171714 !important; text-decoration: none !important; box-shadow: 0 7px 22px rgba( 30, 27, 20, .045 ); } .oud-menu-tool-icon{ width: 38px; height: 38px; flex: 0 0 38px; display:flex; align-items:center; justify-content:center; border-radius: 50%; background: #171714; color: #fff; font-size: 15px; } .oud-menu-tool-copy{ flex: 1 1 auto; min-width: 0; } .oud-menu-tool-copy small{ display:block; margin-bottom: 2px; color: #9b9488; font-size: 8px; font-weight: 700; letter-spacing: 1px; } .oud-menu-tool-copy strong{ display:block; color: #171714; font-size: 13px; font-weight: 800; } .oud-menu-tool-arrow{ color: #aa9166; font-size: 18px; } .oud-menu-contact{ margin-top: 16px; } .oud-menu-section-label{ display:block; margin: 0 0 9px; color: #8f887d; font-size: 9px; font-weight: 800; letter-spacing: .7px; } .oud-menu-contact-grid{ display:grid; grid-template-columns: repeat( 3, minmax( 0, 1fr ) ); gap: 7px; } .oud-menu-contact-grid a{ min-height: 58px; display:flex; flex-direction: column; align-items:center; justify-content:center; gap: 5px; padding: 8px 4px; border: 1px solid #e4dfd6; border-radius: 10px; background: #fff; color: #28251f !important; text-decoration: none !important; } .oud-menu-contact-grid i{ color: #987d50; font-size: 17px; } .oud-menu-contact-grid span{ font-size: 9px; font-weight: 700; } #zkMobileMenu .zk-mobile-drawer__nav{ flex: 1 1 auto !important; min-height: 0 !important; overflow-y: auto !important; overflow-x: hidden !important; margin: 0 !important; padding: 6px 16px 15px !important; background: #f7f5f1 !important; scrollbar-width: thin; scrollbar-color: #d7d0c4 transparent; -webkit-overflow-scrolling: touch; } #zkMobileMenu .zk-mobile-drawer__nav::-webkit-scrollbar{ width: 3px; } #zkMobileMenu .zk-mobile-drawer__nav::-webkit-scrollbar-thumb{ background: #d7d0c4; border-radius: 10px; } #zkMobileMenu .zk-mobile-drawer__row{ width: 100% !important; min-height: 50px !important; display:flex !important; align-items:center !important; justify-content: space-between !important; margin: 0 !important; padding: 0 13px !important; border: 0 !important; border-bottom: 1px solid #e8e3da !important; background: transparent !important; color: #22201c !important; font-size: 13px !important; font-weight: 650 !important; text-decoration: none !important; } #zkMobileMenu .zk-mobile-drawer__row:first-child{ border-top: 1px solid #e8e3da !important; } #zkMobileMenu .zk-mobile-drawer__row:hover{ padding-inline-start: 17px !important; color: #977b4e !important; background: transparent !important; } #zkMobileMenu .zk-pro-categories{ border-bottom: 1px solid #e8e3da !important; } #zkMobileMenu .zk-pro-categories__toggle{ min-height: 50px !important; padding: 0 13px !important; border: 0 !important; background: transparent !important; color: #22201c !important; font-size: 13px !important; font-weight: 750 !important; } #zkMobileMenu .zk-pro-categories__panel{ margin: 0 0 8px !important; padding: 5px 7px 9px !important; border-radius: 10px; background: #efebe4 !important; } #zkMobileMenu .zk-mobile-category__line{ min-height: 44px !important; padding: 0 8px !important; border-bottom: 1px solid rgba( 0, 0, 0, .055 ) !important; } #zkMobileMenu .zk-mobile-category__link{ color: #292620 !important; font-size: 12px !important; font-weight: 650 !important; } #zkMobileMenu .zk-mobile-category__toggle{ width: 30px !important; height: 30px !important; min-width: 30px !important; border: 0 !important; border-radius: 50%; background: #fff !important; } #zkMobileMenu .zk-mobile-category__children{ padding: 4px 12px 10px !important; } #zkMobileMenu .zk-mobile-category__children a{ display:block; padding: 8px 0 !important; color: #777064 !important; font-size: 11px !important; } #zkMobileMenu .zk-mobile-drawer__account{ flex: 0 0 auto; margin: 0 16px; padding: 13px 0; border-top: 1px solid #dfd9ce; background: transparent !important; } #zkMobileMenu .zk-mobile-drawer__account-title{ color: #8f887d !important; font-size: 9px !important; font-weight: 800 !important; } #zkMobileMenu .zk-mobile-account-link{ min-height: 42px !important; border: 0 !important; background: transparent !important; } #zkMobileMenu .oud-menu-social-wrap{ flex: 0 0 auto; margin: 0 16px; padding: 12px 0 14px; border-top: 1px solid #dfd9ce; } #zkMobileMenu .zk-mobile-drawer__social{ display:flex !important; align-items:center !important; flex-wrap:wrap !important; gap: 7px !important; margin: 0 !important; padding: 0 !important; border: 0 !important; } #zkMobileMenu .zk-mobile-drawer__social a{ width: 38px !important; height: 38px !important; display:flex !important; align-items:center !important; justify-content:center !important; margin: 0 !important; border: 1px solid #ddd6ca !important; border-radius: 50% !important; background: #fff !important; color: #222 !important; font-size: 14px !important; box-shadow: none !important; } #zkMobileMenu .zk-mobile-drawer__social a:hover{ border-color: #171714 !important; background: #171714 !important; color: #fff !important; } #zkMobileMenu .oud-menu-powered{ flex: 0 0 auto; min-height: 49px; display:flex; align-items:center; justify-content:center; gap: 5px; padding: 10px 16px calc( 10px + env( safe-area-inset-bottom ) ); border-top: 1px solid #ddd7cd; background: #ede9e1; color: #898175; font-size: 9px; } #zkMobileMenu .oud-menu-powered strong{ color: #171714; font-size: 10px; font-weight: 900; letter-spacing: .3px; } body.zk-menu-open .app-tabbar, body.zk-mobile-menu-open .app-tabbar{ transform: translateY( 120% ) !important; opacity: 0 !important; visibility: hidden !important; pointer-events: none !important; } body.zk-menu-open{ overflow: hidden !important; } } @media(max-width:380px){ #zkMobileMenu.zk-mobile-drawer{ width: 92vw !important; max-width: 345px !important; } #zkMobileMenu .oud-menu-contact-grid{ grid-template-columns: repeat( 3, minmax( 0, 1fr ) ); } } html body.tpl-zakas #zkSearchPanel.zk-search-panel{ z-index: 2147482500 !important; } html body.tpl-zakas #zkSearchPanel .zk-search-panel__backdrop{ background: rgba(28,28,28,.46) !important; backdrop-filter: blur(5px) !important; -webkit-backdrop-filter: blur(5px) !important; } html body.tpl-zakas #zkSearchPanel .zk-search-panel__inner{ min-height: 0 !important; height: auto !important; max-height: none !important; padding: 38px 28px 42px !important; background: #ffffff !important; border-radius: 0 0 24px 24px !important; box-shadow: 0 22px 60px rgba(28,28,28,.15) !important; } html body.tpl-zakas #zkSearchPanel .zk-search-panel__content{ width: min(760px,100%) !important; max-width: 760px !important; margin: 0 auto !important; padding: 10px 0 0 !important; text-align: center !important; font-family: inherit !important; } html body.tpl-zakas #zkSearchPanel .zk-search-panel__eyebrow{ display: inline-block !important; margin-bottom: 14px !important; color: #1c1c1c !important; font-family: inherit !important; font-size: 13px !important; font-weight: 800 !important; letter-spacing: 0 !important; } html body.tpl-zakas #zkSearchPanel .zk-search-panel__content form{ position: relative !important; width: 100% !important; margin: 0 auto !important; } html body.tpl-zakas #zkSearchPanel .zk-search-panel__content input[type="search"], html body.tpl-zakas #zkSearchPanel .zk-search-panel__content input[type="text"]{ width: 100% !important; height: 62px !important; min-height: 62px !important; margin: 0 !important; padding: 0 62px 0 20px !important; border: 1px solid #ececec !important; border-radius: 14px !important; outline: none !important; background: #ffffff !important; color: #1c1c1c !important; box-shadow: none !important; font-family: inherit !important; font-size: 18px !important; font-weight: 700 !important; line-height: 1 !important; transition: border-color .2s ease, box-shadow .2s ease, background .2s ease !important; } html body.tpl-zakas #zkSearchPanel .zk-search-panel__content input[type="search"]:focus, html body.tpl-zakas #zkSearchPanel .zk-search-panel__content input[type="text"]:focus{ border-color: #c8541f !important; background: #ffffff !important; box-shadow: 0 0 0 4px rgba(28,28,28,.07) !important; } html body.tpl-zakas #zkSearchPanel .zk-search-panel__content input::placeholder{ color: #98a399 !important; opacity: 1 !important; font-family: inherit !important; font-size: 17px !important; font-weight: 600 !important; } html body.tpl-zakas #zkSearchPanel .zk-search-panel__content button[type="submit"]{ position: absolute !important; top: 50% !important; right: 9px !important; width: 44px !important; height: 44px !important; padding: 0 !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; transform: translateY(-50%) !important; border: 0 !important; border-radius: 11px !important; background: #1c1c1c !important; color: #ffffff !important; box-shadow: none !important; cursor: pointer !important; } html body.tpl-zakas #zkSearchPanel .zk-search-panel__content button[type="submit"]:hover{ background: #1c1c1c !important; } html body.tpl-zakas #zkSearchPanel .zk-search-panel__content button[type="submit"] svg, html body.tpl-zakas #zkSearchPanel .zk-search-panel__content button[type="submit"] i{ color: #ffffff !important; stroke: currentColor !important; } html body.tpl-zakas #zkSearchPanel .zk-search-panel__content p{ margin: 14px 0 0 !important; color: #778178 !important; font-family: inherit !important; font-size: 12px !important; font-weight: 600 !important; line-height: 1.7 !important; } html body.tpl-zakas #zkSearchPanel .zk-search-panel__close{ top: 22px !important; left: 22px !important; right: auto !important; width: 44px !important; height: 44px !important; display: flex !important; align-items: center !important; justify-content: center !important; padding: 0 !important; border: 1px solid #ececec !important; border-radius: 50% !important; background: #ffffff !important; color: #1c1c1c !important; box-shadow: none !important; transition: background .2s ease, transform .2s ease !important; } html body.tpl-zakas #zkSearchPanel .zk-search-panel__close:hover{ background: #ffffff !important; transform: rotate(90deg) !important; } html body.tpl-zakas #zkSearchPanel .zk-search-panel__close span{ background: #1c1c1c !important; width: 18px !important; height: 2px !important; border-radius: 999px !important; } html[dir="rtl"] body.tpl-zakas #zkSearchPanel .zk-search-panel__content input[type="search"], html[dir="rtl"] body.tpl-zakas #zkSearchPanel .zk-search-panel__content input[type="text"]{ padding: 0 20px 0 62px !important; text-align: right !important; } html[dir="rtl"] body.tpl-zakas #zkSearchPanel .zk-search-panel__content button[type="submit"]{ right: auto !important; left: 9px !important; } @media(max-width:767px){ html body.tpl-zakas #zkSearchPanel .zk-search-panel__inner{ padding: 70px 18px 28px !important; border-radius: 0 0 18px 18px !important; } html body.tpl-zakas #zkSearchPanel .zk-search-panel__content{ padding: 0 !important; } html body.tpl-zakas #zkSearchPanel .zk-search-panel__eyebrow{ margin-bottom: 11px !important; font-size: 12px !important; } html body.tpl-zakas #zkSearchPanel .zk-search-panel__content input[type="search"], html body.tpl-zakas #zkSearchPanel .zk-search-panel__content input[type="text"]{ height: 56px !important; min-height: 56px !important; border-radius: 12px !important; font-size: 16px !important; } html body.tpl-zakas #zkSearchPanel .zk-search-panel__content input::placeholder{ font-size: 15px !important; } html body.tpl-zakas #zkSearchPanel .zk-search-panel__content button[type="submit"]{ width: 40px !important; height: 40px !important; } html body.tpl-zakas #zkSearchPanel .zk-search-panel__close{ top: 14px !important; left: 14px !important; width: 40px !important; height: 40px !important; } } @media(max-width:991px){ html body #zkMobileMenu.zk-mobile-drawer{ width:min(88vw,365px) !important; max-width:365px !important; height:100dvh !important; padding:0 !important; overflow-y:auto !important; overflow-x:hidden !important; background:#ffffff !important; color:#1c1c1c !important; box-shadow: -18px 0 50px rgba(28,28,28,.18) !important; font-family:inherit !important; scrollbar-width:thin !important; } html body #zkMobileMenu .zk-mobile-drawer__head{ position:sticky !important; top:0 !important; z-index:20 !important; margin:0 !important; padding:0 !important; background:#1c1c1c !important; border:0 !important; box-shadow: 0 6px 18px rgba(28,28,28,.13) !important; } html body #zkMobileMenu .zk-mobile-drawer__top{ min-height:74px !important; height:74px !important; padding:10px 16px !important; display:flex !important; align-items:center !important; justify-content:space-between !important; background:#1c1c1c !important; } html body #zkMobileMenu .zk-mobile-drawer__brand{ width:58px !important; height:52px !important; padding:6px !important; display:flex !important; align-items:center !important; justify-content:center !important; border-radius:12px !important; background:rgba(255,255,255,.08) !important; border: 1px solid rgba(255,255,255,.10) !important; } html body #zkMobileMenu .zk-mobile-drawer__brand img{ width:100% !important; height:100% !important; max-width:46px !important; max-height:40px !important; object-fit:contain !important; filter:none !important; } html body #zkMobileMenu .zk-mobile-drawer__close{ position:static !important; width:40px !important; height:40px !important; min-width:40px !important; padding:0 !important; display:flex !important; align-items:center !important; justify-content:center !important; border: 1px solid rgba(255,255,255,.20) !important; border-radius:50% !important; background: rgba(255,255,255,.08) !important; color:#fff !important; font-size:25px !important; font-weight:300 !important; line-height:1 !important; box-shadow:none !important; } html body #zkMobileMenu .zk-mobile-drawer__nav{ margin:0 !important; padding:18px 16px 8px !important; overflow:visible !important; background:transparent !important; border:0 !important; } html body #zkMobileMenu .zk-mobile-drawer__row, html body #zkMobileMenu .zk-mobile-category__line{ min-height:51px !important; margin:0 !important; padding:0 13px !important; display:flex !important; align-items:center !important; border:0 !important; border-bottom: 1px solid #ececec !important; border-radius:0 !important; background:transparent !important; color:#1c1c1c !important; font-family:inherit !important; font-size:14px !important; font-weight:700 !important; box-shadow:none !important; } html body #zkMobileMenu .zk-mobile-drawer__row:first-child{ border-top: 1px solid #ececec !important; } html body #zkMobileMenu .zk-mobile-drawer__row:hover, html body #zkMobileMenu .zk-mobile-drawer__row.is-active{ padding-inline-start:17px !important; background:#ffffff !important; color:#1c1c1c !important; } html body #zkMobileMenu .zk-mobile-category{ margin:0 !important; padding:0 !important; border:0 !important; background:transparent !important; } html body #zkMobileMenu .zk-mobile-category__link{ flex:1 !important; color:#1c1c1c !important; font-family:inherit !important; font-size:14px !important; font-weight:700 !important; } html body #zkMobileMenu .zk-mobile-category__toggle{ width:32px !important; height:32px !important; padding:0 !important; display:flex !important; align-items:center !important; justify-content:center !important; border:0 !important; border-radius:50% !important; background:#ffffff !important; color:#1c1c1c !important; box-shadow:none !important; } html body #zkMobileMenu .zk-mobile-category__children{ margin:0 !important; padding:5px 14px 10px !important; background:#ffffff !important; border:0 !important; } html body #zkMobileMenu .zk-mobile-category__children a{ min-height:39px !important; padding:8px 13px !important; display:flex !important; align-items:center !important; color:#667267 !important; border-bottom: 1px solid rgba(28,28,28,.07) !important; font-size:12px !important; font-weight:500 !important; } html body #zkMobileMenu .zk-mobile-drawer__account{ margin:14px 16px 0 !important; padding:16px !important; border: 1px solid #ececec !important; border-radius:15px !important; background:#ffffff !important; box-shadow:none !important; } html body #zkMobileMenu .zk-mobile-drawer__account-title{ display:block !important; margin-bottom:10px !important; color:#7b867d !important; font-size:10px !important; font-weight:700 !important; } html body #zkMobileMenu .zk-mobile-account-link{ min-height:54px !important; padding:8px 5px !important; display:flex !important; align-items:center !important; gap:11px !important; border:0 !important; background:transparent !important; color:#1c1c1c !important; } html body #zkMobileMenu .zk-mobile-account-link + .zk-mobile-account-link{ border-top: 1px solid #ffffff !important; } html body #zkMobileMenu .zk-mobile-account-icon{ width:38px !important; height:38px !important; min-width:38px !important; border: 1px solid #ececec !important; border-radius:50% !important; background:#ffffff !important; color:#1c1c1c !important; } html body #zkMobileMenu .zk-mobile-account-link strong{ display:block !important; margin-bottom:2px !important; color:#1c1c1c !important; font-size:12px !important; font-weight:700 !important; } html body #zkMobileMenu .zk-mobile-account-link small{ color:#8a948c !important; font-size:9px !important; font-weight:400 !important; } html body #zkMobileMenu .oud-menu-contact{ margin:14px 16px 0 !important; padding:0 !important; border:0 !important; background:transparent !important; } html body #zkMobileMenu .oud-menu-section-label{ display:block !important; margin:0 0 8px !important; color:#7c887e !important; font-family:inherit !important; font-size:10px !important; font-weight:700 !important; letter-spacing:0 !important; } html body #zkMobileMenu .oud-menu-contact-grid{ display:grid !important; grid-template-columns: repeat(3,minmax(0,1fr)) !important; gap:8px !important; } html body #zkMobileMenu .oud-menu-contact-grid a{ min-width:0 !important; min-height:55px !important; padding:8px 4px !important; display:flex !important; flex-direction:column !important; align-items:center !important; justify-content:center !important; gap:5px !important; border: 1px solid #ececec !important; border-radius:12px !important; background:#fff !important; color:#1c1c1c !important; font-size:9px !important; font-weight:600 !important; box-shadow:none !important; } html body #zkMobileMenu .oud-menu-contact-grid a i{ font-size:17px !important; } html body #zkMobileMenu .oud-menu-language{ min-height:48px !important; margin:14px 16px 0 !important; padding:0 14px !important; display:flex !important; align-items:center !important; gap:10px !important; border: 1px solid #ececec !important; border-radius:12px !important; background:#ffffff !important; color:#1c1c1c !important; box-shadow:none !important; } html body #zkMobileMenu .oud-menu-tool-icon{ width:30px !important; height:30px !important; min-width:30px !important; display:flex !important; align-items:center !important; justify-content:center !important; border-radius:50% !important; background:#1c1c1c !important; color:#fff !important; } html body #zkMobileMenu .oud-menu-tool-copy{ flex:1 !important; min-width:0 !important; } html body #zkMobileMenu .oud-menu-tool-copy small{ display:none !important; } html body #zkMobileMenu .oud-menu-tool-copy strong{ color:#1c1c1c !important; font-family:inherit !important; font-size:12px !important; font-weight:700 !important; } html body #zkMobileMenu .oud-menu-tool-arrow{ color:#6e8673 !important; font-size:14px !important; } html body #zkMobileMenu .oud-menu-social-wrap{ margin:17px 16px 0 !important; padding: 15px 0 18px !important; border-top: 1px solid #ececec !important; background:transparent !important; } html body #zkMobileMenu .zk-mobile-drawer__social{ margin:0 !important; display:flex !important; justify-content:center !important; gap:8px !important; } html body #zkMobileMenu .zk-mobile-drawer__social a{ width:38px !important; height:38px !important; display:flex !important; align-items:center !important; justify-content:center !important; border: 1px solid #ececec !important; border-radius:50% !important; background:#fff !important; color:#1c1c1c !important; box-shadow:none !important; } html body #zkMobileMenu .zk-mobile-drawer__social a:hover{ background:#1c1c1c !important; color:#fff !important; } html body #zkMobileMenu .oud-mobile-menu-tools:empty{ display:none !important; } } @media(max-width:991px) and (prefers-reduced-motion:no-preference){ #zkMobileMenu.is-open .zk-mobile-drawer__nav, #zkMobileMenu.is-open .zk-mobile-drawer__account, #zkMobileMenu.is-open .oud-menu-contact, #zkMobileMenu.is-open .oud-menu-language, #zkMobileMenu.is-open .oud-menu-social-wrap{ animation: wfMenuEnter .34s ease both; } #zkMobileMenu.is-open .zk-mobile-drawer__account{ animation-delay:.03s; } #zkMobileMenu.is-open .oud-menu-contact{ animation-delay:.06s; } #zkMobileMenu.is-open .oud-menu-language{ animation-delay:.09s; } #zkMobileMenu.is-open .oud-menu-social-wrap{ animation-delay:.12s; } } @keyframes wfMenuEnter{ from{ opacity:0; transform:translateY(7px); } to{ opacity:1; transform:translateY(0); } } @media(max-width:991px){ html body #zkMobileMenu .zk-mobile-drawer__account{ margin: 14px 16px 6px !important; padding: 10px !important; display:grid !important; grid-template-columns: repeat(2,minmax(0,1fr)) !important; gap: 8px !important; border: 1px solid #ececec !important; border-radius: 14px !important; background: #ffffff !important; box-shadow: none !important; } html body #zkMobileMenu .zk-mobile-drawer__account-title{ display:none !important; } html body #zkMobileMenu .zk-mobile-account-link{ min-width:0 !important; min-height:58px !important; margin:0 !important; padding: 8px 8px !important; display:flex !important; align-items:center !important; gap: 7px !important; border: 1px solid #ececec !important; border-radius: 11px !important; background: #ffffff !important; color: #1c1c1c !important; } html body #zkMobileMenu .zk-mobile-account-link + .zk-mobile-account-link{ border-top: 1px solid #ececec !important; } html body #zkMobileMenu .zk-mobile-account-icon{ width: 32px !important; height: 32px !important; min-width: 32px !important; border: 0 !important; border-radius: 50% !important; background: #ffffff !important; color: #1c1c1c !important; } html body #zkMobileMenu .zk-mobile-account-icon svg{ width: 17px !important; height: 17px !important; } html body #zkMobileMenu .zk-mobile-account-link strong{ margin:0 !important; font-size: 10px !important; line-height: 1.4 !important; font-weight: 700 !important; } html body #zkMobileMenu .zk-mobile-account-link small{ display:none !important; } html body #zkMobileMenu .zk-mobile-drawer__nav{ position:relative !important; height:auto !important; min-height:0 !important; max-height:none !important; overflow: visible !important; margin:0 !important; padding: 8px 16px 8px !important; flex:none !important; } html body #zkMobileMenu .zk-mobile-category{ position:relative !important; height:auto !important; overflow:visible !important; } html body #zkMobileMenu .zk-mobile-category__children{ position:static !important; width:100% !important; height:auto !important; max-height:0 !important; overflow:hidden !important; margin:0 !important; opacity:0 !important; transition: max-height .28s ease, opacity .22s ease, padding .22s ease !important; } html body #zkMobileMenu .zk-mobile-category.is-open .zk-mobile-category__children{ max-height: 900px !important; padding: 5px 14px 10px !important; opacity: 1 !important; } html body #zkMobileMenu .oud-menu-contact{ margin-top: 10px !important; } html body #zkMobileMenu .oud-menu-language{ margin-top: 10px !important; } html body #zkMobileMenu .oud-menu-social-wrap{ margin-top: 14px !important; } } @media(max-width:991px){ html body #zkMobileMenu .zk-mobile-drawer__account > .zk-mobile-account-link:only-of-type{ grid-column: 1 / -1 !important; } } body.tpl-zakas .zk-header{ position:sticky !important; top:0; z-index:1200 !important; border:0 !important; border-bottom: 1px solid rgba(255,255,255,.12) !important; background: linear-gradient( 110deg, #c64f1c 0%, #c64f1c 48%, #c64f1c 100% ) !important; box-shadow: 0 7px 25px rgba(198,79,28,.16) !important; } body.tpl-zakas .zk-header .header-inner{ padding: 11px 0 !important; } body.tpl-zakas .zk-header .container{ max-width: 1320px !important; } body.tpl-zakas .zk-header .site-branding{ display:flex; align-items:center; } body.tpl-zakas .zk-header .site-branding .logo{ display:inline-flex; align-items:center; justify-content:center; min-height: 48px; padding: 5px 14px; border: 1px solid rgba(255,255,255,.25); border-radius: 11px; background: #fff !important; box-shadow: 0 4px 16px rgba(198,79,28,.10); } body.tpl-zakas .zk-header .zk-logo{ width:auto !important; max-width: 150px !important; max-height: 38px !important; object-fit: contain !important; } body.tpl-zakas .zk-header .mainmenu{ display:flex !important; align-items:center !important; justify-content:center !important; gap: 3px !important; } body.tpl-zakas .zk-header .mainmenu__link{ display:flex !important; align-items:center !important; min-height: 42px; padding: 9px 12px !important; border-radius: 9px; color: #ffffff !important; font-size: 13px !important; font-weight: 800 !important; line-height: 1 !important; opacity: .94; transition: background .2s ease, color .2s ease, transform .2s ease !important; } body.tpl-zakas .zk-header .mainmenu__link .mm-text{ color: inherit !important; font-weight: 800 !important; } body.tpl-zakas .zk-header .mainmenu__link:hover{ background: rgba(255,255,255,.12) !important; color: #ffffff !important; transform: translateY(-1px); opacity: 1; } body.tpl-zakas .zk-header .mainmenu__item.active > .mainmenu__link{ background: #f2f0e4 !important; color: #c64f1c !important; box-shadow: 0 4px 14px rgba(198,79,28,.12); opacity: 1; } body.tpl-zakas .zk-header .mainmenu__item.active > .mainmenu__link .mm-text{ color: #c64f1c !important; } body.tpl-zakas .zk-header .zk-submenu{ min-width: 220px !important; margin-top: 8px !important; padding: 8px !important; border: 1px solid #ececec !important; border-radius: 13px !important; background: #fffdf8 !important; box-shadow: 0 20px 45px rgba(198,79,28,.16) !important; } body.tpl-zakas .zk-header .zk-submenu li{ margin: 0 !important; } body.tpl-zakas .zk-header .zk-submenu li a{ display:block !important; padding: 10px 12px !important; border-radius: 8px; color: #c64f1c !important; font-size: 13px !important; font-weight: 700 !important; } body.tpl-zakas .zk-header .zk-submenu li a:hover{ background: #ececec !important; color: #c64f1c !important; } body.tpl-zakas .zk-header .header-toolbar{ display:flex !important; align-items:center !important; gap: 5px !important; } body.tpl-zakas .zk-header .header-toolbar__btn{ position:relative; display:flex !important; align-items:center !important; justify-content:center !important; width: 40px !important; height: 40px !important; border: 1px solid rgba(255,255,255,.18) !important; border-radius: 50% !important; background: rgba(255,255,255,.07) !important; color: #ffffff !important; transition: background .2s ease, border-color .2s ease, transform .2s ease !important; } body.tpl-zakas .zk-header .header-toolbar__btn i, body.tpl-zakas .zk-header .header-toolbar__btn svg{ color: #ffffff !important; stroke: currentColor !important; } body.tpl-zakas .zk-header .header-toolbar__btn:hover{ border-color: rgba(255,255,255,.35) !important; background: rgba(255,255,255,.15) !important; color: #ffffff !important; transform: translateY(-2px); } body.tpl-zakas .zk-header .zk-lang{ color: #ffffff !important; font-size: 12px !important; font-weight: 900 !important; } body.tpl-zakas .zk-header .mini-cart-count{ min-width: 18px !important; height: 18px !important; padding: 0 4px !important; border: 2px solid #c64f1c !important; border-radius: 20px !important; background: #ececec !important; color: #c64f1c !important; font-size: 9px !important; font-weight: 900 !important; line-height: 14px !important; } body.tpl-zakas .zk-account-dropdown{ border: 1px solid #ececec !important; border-radius: 13px !important; background: #fffdf8 !important; box-shadow: 0 20px 45px rgba(198,79,28,.16) !important; } body.tpl-zakas .zk-account-dropdown a{ color: #c64f1c !important; } body.tpl-zakas .zk-account-dropdown a:hover{ background: #ececec !important; color: #c64f1c !important; } @media(max-width:991px){ body.tpl-zakas .zk-header .header-inner{ padding: 8px 0 !important; } body.tpl-zakas .zk-header .site-branding .logo{ min-height: 42px; padding: 4px 10px; } body.tpl-zakas .zk-header .zk-logo{ max-width: 125px !important; max-height: 34px !important; } body.tpl-zakas .zk-header .header-toolbar__btn{ width: 38px !important; height: 38px !important; } body.tpl-zakas .zk-header .zk-menu-toggle{ background: rgba(255,255,255,.14) !important; color: #ffffff !important; } } .zk-footer-legal-v2{ display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:14px; padding:20px 22px; border-top:1px solid rgba(255,255,255,.08); background:#080808; } .zk-footer-legal-v2 a{ color:#aaa!important; font-size:10px; font-weight:600; text-decoration:none!important; transition:color .2s ease; } .zk-footer-legal-v2 a:hover{ color:#fff!important; } .zk-footer-legal-v2 span{ width:3px; height:3px; border-radius:50%; background:#775f45; } @media(max-width:575px){ .zk-footer-legal-v2{ gap:9px 12px; padding-bottom:85px; } .zk-footer-legal-v2 a{ font-size:9px; } } .zk-footer{ position:relative; z-index:2; width:100%; background:#080808; color:#fff; } .zk-footer__inner{ display:grid; grid-template-columns: minmax(230px,1.4fr) repeat(3,minmax(150px,1fr)); gap:55px; width: min( 1450px, calc(100% - 80px) ); margin:auto; padding: 78px 0 68px; } .zk-footer__logo{ display:inline-flex; align-items:center; margin-bottom:20px; } .zk-footer__logo img{ display:block; max-width:120px; max-height:72px; object-fit:contain; } .zk-footer__brand p{ max-width:330px; margin:0; color: rgba(255,255,255,.55); font-size:12px; line-height:1.9; } .zk-footer__social{ display:flex; gap:9px; margin-top:25px; } .zk-footer__social a{ display:flex; align-items:center; justify-content:center; width:36px; height:36px; border: 1px solid rgba(255,255,255,.17); border-radius:50%; color:#fff!important; transition: background .2s ease, color .2s ease; } .zk-footer__social a:hover{ background:#fff; color:#111!important; } .zk-footer__social svg{ width:15px; height:15px; fill:none; stroke:currentColor; stroke-width:1.5; stroke-linecap:round; stroke-linejoin:round; } .zk-footer__col h4{ margin: 0 0 22px; color:#fff; font-size:13px; font-weight:700; } .zk-footer__col ul{ margin:0; padding:0; list-style:none; } .zk-footer__col li{ margin-bottom:12px; } .zk-footer__col a{ color: rgba(255,255,255,.6)!important; text-decoration:none!important; font-size:11px; transition: color .2s ease; } .zk-footer__col a:hover{ color:#fff!important; } .zk-footer__bottom{ display:flex; align-items:center; justify-content:space-between; gap:20px; width: min( 1450px, calc(100% - 80px) ); margin:auto; padding: 22px 0; border-top: 1px solid rgba(255,255,255,.1); color: rgba(255,255,255,.38); font-size:10px; } @media(max-width:767px){ .zk-footer{ padding-bottom: calc( 72px + env(safe-area-inset-bottom) ); } .zk-footer__inner{ grid-template-columns: repeat( 2, minmax(0,1fr) ); gap: 38px 22px; width: calc( 100% - 32px ); padding: 50px 0 42px; } .zk-footer__brand{ grid-column: 1 / -1; } .zk-footer__brand p{ max-width:300px; } .zk-footer__bottom{ flex-direction:column; align-items:flex-start; width: calc( 100% - 32px ); padding: 18px 0; } } body.tpl-zakas #zkFooter, body.tpl-zakas .zk-footer { background:#000 !important; color:#b9b9b9 !important; } body.tpl-zakas #zkFooter h1, body.tpl-zakas #zkFooter h2, body.tpl-zakas #zkFooter h3, body.tpl-zakas #zkFooter h4, body.tpl-zakas #zkFooter h5 { color:#fff !important; } body.tpl-zakas #zkFooter a, body.tpl-zakas #zkFooter .zk-footer__col a { color:#aaa !important; } body.tpl-zakas #zkFooter a:hover, body.tpl-zakas #zkFooter .zk-footer__col a:hover { color:#fff !important; } body.tpl-zakas #zkFooter .zk-footer__brand p { color:#b9b9b9 !important; } body.tpl-zakas #zkFooter .zk-footer__bottom { position:relative !important; color:#8c8c8c !important; } body.tpl-zakas #zkFooter .zk-footer__bluezone { position:absolute !important; left:50% !important; top:50% !important; transform:translate(-50%,-50%) !important; display:inline-flex !important; align-items:center !important; justify-content:center !important; white-space:nowrap !important; color:#aaa !important; font-size:11px !important; font-weight:700 !important; text-decoration:none !important; } body.tpl-zakas #zkFooter .zk-footer__bluezone:hover { color:#fff !important; } body.tpl-zakas.zk-cinema-mode #zkFooter, body.tpl-zakas.zk-cinema-mode #zkFooter * { text-shadow:none !important; } body.tpl-zakas.zk-cinema-mode #zkFooter .zk-footer__col a { color:#aaa !important; } body.tpl-zakas.zk-cinema-mode #zkFooter .zk-footer__brand p { color:#b9b9b9 !important; } body.tpl-zakas.zk-cinema-mode #zkFooter h4 { color:#fff !important; } @media(max-width:767px){ body.tpl-zakas #zkFooter .zk-footer__bottom { flex-direction:column !important; align-items:center !important; text-align:center !important; } body.tpl-zakas #zkFooter .zk-footer__bluezone { position:static !important; transform:none !important; margin:6px auto !important; } } html body.tpl-zakas footer#zkFooter.zk-footer{ background: #1c1c1c !important; background-color: #1c1c1c !important; padding-top: 0 !important; margin-top: 0 !important; border-top: 0 !important; box-shadow: none !important; } html body.tpl-zakas footer#zkFooter.zk-footer > .zk-footer__inner{ margin-top: 0 !important; border-top: 0 !important; } html body.tpl-zakas footer#zkFooter.zk-footer > .zk-footer-legal-v2{ background: #080808 !important; background-color: #080808 !important; } .zk-footer__whatsapp{ position:fixed!important; right:22px; bottom:22px; z-index:99999; display:flex; align-items:center; justify-content:center; width:58px; height:58px; border-radius:50%; background:var(--brand); color:#fff!important; border: 1px solid rgba(255,255,255,.18); box-shadow: 0 10px 30px rgba(0,0,0,.18); text-decoration:none!important; transition: transform .2s ease, box-shadow .2s ease; } .zk-footer__whatsapp:hover{ transform: translateY(-2px); color:#fff!important; box-shadow: 0 14px 34px rgba(0,0,0,.22); } .zk-footer__whatsapp svg{ width:28px; height:28px; fill:none; stroke:currentColor; stroke-width:1.6; stroke-linecap:round; stroke-linejoin:round; } @media(max-width:767px){ .zk-footer__whatsapp{ right:14px; bottom:88px; width:54px; height:54px; } .zk-footer__whatsapp svg{ width:26px; height:26px; } } body.tpl-zakas #zkFooter.zk-footer{ position:relative; overflow:hidden; margin-top: 44px !important; padding: 70px 0 0 !important; border: 0 !important; background: linear-gradient( 135deg, #000000 0%, #000000 48%, #000000 100% ) !important; color: #ececec !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.05); } body.tpl-zakas #zkFooter::before{ content:""; position:absolute; width:420px; height:420px; top:-265px; inset-inline-end:-135px; border-radius:50%; background: rgba(217,199,181,.10); pointer-events:none; } body.tpl-zakas #zkFooter::after{ content:""; position:absolute; width:300px; height:300px; bottom:-220px; inset-inline-start:-100px; border-radius:50%; background: rgba(255,255,255,.035); pointer-events:none; } body.tpl-zakas #zkFooter > *{ position:relative; z-index:2; } body.tpl-zakas #zkFooter .zk-footer__inner{ max-width: 1240px !important; margin: 0 auto !important; padding-inline: 24px !important; gap: 46px !important; } body.tpl-zakas #zkFooter .zk-footer__brand{ position:relative; } body.tpl-zakas #zkFooter .zk-footer__logo{ display:inline-flex !important; align-items:center; margin-bottom: 20px !important; } body.tpl-zakas #zkFooter .zk-footer__logo img{ width:auto !important; max-width: 185px !important; max-height: 64px !important; margin: 0 !important; object-fit: contain !important; filter: none !important; } body.tpl-zakas #zkFooter .zk-footer__brand p{ max-width: 350px !important; margin: 0 !important; color: #d6d6d6 !important; font-size: 13.5px !important; line-height: 2 !important; } body.tpl-zakas #zkFooter .zk-footer__col h4{ position:relative; margin: 0 0 22px !important; padding-bottom: 12px; color: #ffffff !important; font-size: 15px !important; font-weight: 800 !important; line-height: 1.4 !important; } body.tpl-zakas #zkFooter .zk-footer__col h4::after{ content:""; position:absolute; bottom:0; inset-inline-start:0; width: 30px; height: 2px; border-radius: 20px; background: #d6d6d6; } body.tpl-zakas #zkFooter .zk-footer__col ul{ margin: 0 !important; padding: 0 !important; list-style: none !important; } body.tpl-zakas #zkFooter .zk-footer__col li{ margin: 0 0 10px !important; } body.tpl-zakas #zkFooter .zk-footer__col a{ display:inline-flex !important; align-items:center; position:relative; padding: 2px 0 !important; color: #d6d6d6 !important; font-size: 13px !important; line-height: 1.7 !important; font-weight: 500 !important; transition: color .2s ease, transform .2s ease !important; } body.tpl-zakas #zkFooter .zk-footer__col a::before{ content:""; width: 5px; height: 5px; margin-inline-end: 8px; border-radius: 50%; background: #c8541f; opacity: .75; transition: transform .2s ease, background .2s ease; } body.tpl-zakas #zkFooter .zk-footer__col a:hover{ color: #ffffff !important; transform: translateX(-3px); } [dir="ltr"] body.tpl-zakas #zkFooter .zk-footer__col a:hover{ transform: translateX(3px); } body.tpl-zakas #zkFooter .zk-footer__col a:hover::before{ background: #d6d6d6; transform: scale(1.35); } body.tpl-zakas #zkFooter .zk-footer__social{ display:flex !important; flex-wrap:wrap; gap: 9px !important; margin-top: 22px !important; } body.tpl-zakas #zkFooter .zk-footer__social a{ display:flex !important; align-items:center !important; justify-content:center !important; width: 41px !important; height: 41px !important; margin: 0 !important; border: 1px solid rgba(255,255,255,.14) !important; border-radius: 50% !important; background: rgba(255,255,255,.07) !important; color: #ffffff !important; box-shadow: none !important; transition: transform .2s ease, background .2s ease, border-color .2s ease !important; } body.tpl-zakas #zkFooter .zk-footer__social a::before{ display:none !important; } body.tpl-zakas #zkFooter .zk-footer__social a:hover{ transform: translateY(-3px) !important; border-color: #d6d6d6 !important; background: #c8541f !important; color: #ffffff !important; } body.tpl-zakas #zkFooter .zk-footer__social svg, body.tpl-zakas #zkFooter .zk-footer__social i{ color: #ffffff !important; fill: currentColor; } body.tpl-zakas #zkFooter .zk-footer__bottom{ margin-top: 52px !important; padding: 22px 24px !important; border-top: 1px solid rgba(255,255,255,.10) !important; background: rgba(0,0,0,.18) !important; color: #d6d6d6 !important; font-size: 12px !important; line-height: 1.7 !important; } body.tpl-zakas #zkFooter .zk-footer__bottom *{ color: #d6d6d6 !important; } body.tpl-zakas #zkFooter .zk-footer__bluezone{ color: #d6d6d6 !important; opacity: .78; transition: opacity .2s ease !important; } body.tpl-zakas #zkFooter .zk-footer__bluezone:hover{ color: #ffffff !important; opacity: 1; } body.tpl-zakas #zkFooter .zk-footer-legal-v2{ border-color: rgba(255,255,255,.10) !important; color: #d6d6d6 !important; } body.tpl-zakas #zkFooter .zk-footer-legal-v2 a{ color: #d6d6d6 !important; font-size: 12px !important; } body.tpl-zakas #zkFooter .zk-footer-legal-v2 a:hover{ color: #ffffff !important; } body.tpl-zakas #zkFooter .zk-footer-legal-v2 span{ color: rgba(255,255,255,.25) !important; } body.tpl-zakas #zkFooter, body.tpl-zakas #zkFooter p, body.tpl-zakas #zkFooter span, body.tpl-zakas #zkFooter small, body.tpl-zakas #zkFooter li{ color: #d6d6d6 !important; } body.tpl-zakas #zkFooter h1, body.tpl-zakas #zkFooter h2, body.tpl-zakas #zkFooter h3, body.tpl-zakas #zkFooter h4, body.tpl-zakas #zkFooter h5, body.tpl-zakas #zkFooter h6{ color: #ffffff !important; } @media(max-width:767px){ body.tpl-zakas #zkFooter.zk-footer{ margin-top: 28px !important; padding: 46px 0 0 !important; } body.tpl-zakas #zkFooter .zk-footer__inner{ padding-inline: 18px !important; gap: 0 !important; } body.tpl-zakas #zkFooter .zk-footer__brand{ margin-bottom: 34px !important; } body.tpl-zakas #zkFooter .zk-footer__col{ padding: 20px 0 !important; border-top: 1px solid rgba(255,255,255,.085); } body.tpl-zakas #zkFooter .zk-footer__col h4{ margin-bottom: 16px !important; } body.tpl-zakas #zkFooter .zk-footer__logo img{ max-width: 155px !important; max-height: 54px !important; } body.tpl-zakas #zkFooter .zk-footer__brand p{ max-width: none !important; font-size: 13px !important; } body.tpl-zakas #zkFooter .zk-footer__bottom{ margin-top: 18px !important; padding: 20px 18px calc( 90px + env(safe-area-inset-bottom) ) !important; } } .app-tabbar { display: none; } @media (max-width: 991px) { html, body { width: 100%; max-width: 100%; position: static !important; overflow-x: clip !important; } img, input, select, textarea, table { max-width: 100%; } .jv-card, .jv-card__media, .zakas-product, .zakas-product .product-image, .lx-card, .lx-card__media { max-width: 100%; overflow: hidden; } .app-tabbar { position: fixed !important; left: 0 !important; right: 0 !important; bottom: 0 !important; top: auto !important; z-index: 2147483000 !important; display: flex !important; width: 100% !important; max-width: 100% !important; height: calc( 58px + env(safe-area-inset-bottom) ) !important; min-height: calc( 58px + env(safe-area-inset-bottom) ) !important; box-sizing: border-box !important; margin: 0 !important; padding: 3px 6px calc( 3px + env(safe-area-inset-bottom) ) !important; align-items: stretch; background: #ffffff !important; border: 0 !important; border-top: 1px solid #ededed !important; box-shadow: 0 -1px 7px rgba(0, 0, 0, .035); transform: translate3d(0, 0, 0) !important; -webkit-transform: translate3d(0, 0, 0) !important; backface-visibility: hidden; -webkit-backface-visibility: hidden; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; overflow: hidden; pointer-events: auto !important; -webkit-tap-highlight-color: transparent; } .app-tabbar::before { content: ''; position: absolute; right: 0; bottom: 0; left: 0; height: env(safe-area-inset-bottom); background: #ffffff; pointer-events: none; } .app-tab-item { position: relative; z-index: 2; display: flex; flex: 1 1 0; min-width: 0; min-height: 48px; margin: 0 !important; padding: 2px 1px 1px; align-items: center; justify-content: center; flex-direction: column; gap: 2px; border: 0 !important; outline: 0 !important; background: transparent !important; color: #777d86 !important; text-align: center; text-decoration: none !important; pointer-events: auto; -webkit-tap-highlight-color: transparent; transition: color .18s ease, transform .12s ease; } .app-tab-item:hover, .app-tab-item:focus { color: #555555 !important; text-decoration: none !important; } .app-tab-item:active { transform: scale(.96); } .app-tab-icon { position: relative; display: grid; width: 32px; height: 28px; flex: 0 0 28px; place-items: center; border-radius: 9px; background: transparent; transition: background-color .18s ease, color .18s ease, transform .18s ease; } .app-tab-icon svg { display: block; width: 20px; height: 20px; flex: 0 0 20px; overflow: visible; stroke: currentColor; } .app-tab-label { display: block; width: 100%; max-width: 68px; min-height: 11px; margin: 0 !important; padding: 0 !important; overflow: visible; color: inherit !important; font-size: 9.5px; font-weight: 600; line-height: 1.15; text-align: center; white-space: nowrap; text-overflow: clip; } .app-tab-item.is-active { color: var(--brand, #111111) !important; } .app-tab-item.is-active .app-tab-icon { background: transparent; color: var(--brand, #111111); transform: none; } .app-tab-item.is-active .app-tab-label { color: var(--brand, #111111) !important; font-weight: 700; } .app-tab-item.is-active::after { position: absolute; top: -3px; left: 50%; width: 18px; height: 2px; border-radius: 0 0 6px 6px; background: var(--brand, #111111); content: ''; transform: translateX(-50%); } .app-tab-icon--search { background: #f4f4f4; } .app-tab-search:active .app-tab-icon--search { background: #eeeeee; } .app-tab-count { position: absolute; top: -4px; inset-inline-end: -5px; display: flex; min-width: 17px; height: 17px; padding: 0 4px; align-items: center; justify-content: center; border: 2px solid #ffffff; border-radius: 999px; background: var(--brand, #111111); color: var(--on-brand, #ffffff); font-size: 8px; line-height: 1; font-weight: 700; } .app-tab-count[data-count="0"], .app-tab-count:empty { display: none; } footer, .jv-footer, .zk-footer, .lx-footer { display: none !important; } .jv-tabbar { display: none !important; } body { padding-bottom: calc( 70px + env(safe-area-inset-bottom) ) !important; } .main-content { position: relative; z-index: 1; } .go-top, .zk-gotop, .lx-gotop { bottom: calc( 70px + env(safe-area-inset-bottom) ) !important; } .container { padding-right: 16px !important; padding-left: 16px !important; } .zk-grid, .lx-grid, .products-area .row, .zk-section .row, .lx-section .row { --bs-gutter-x: 16px; } .xton-cat-bar, .zk-filterbar, .lx-cat-bar, .zk-cat-toolbar { flex-wrap: wrap; } .xton-attr-inline, .zk-filterbar .zk-attr-inline, .lx-attr-inline { display: flex; width: 100%; gap: 8px; } .xton-attr-inline select, .zk-filterbar .zk-attr-inline .zk-select, .lx-attr-inline .lx-select { flex: 1 1 0; width: auto !important; min-width: 0 !important; } } @media (max-width: 390px) { .app-tabbar { padding-right: 4px !important; padding-left: 4px !important; } .app-tab-item { padding-right: 1px !important; padding-left: 1px !important; } .app-tab-icon { width: 30px; } .app-tab-icon svg { width: 19px; height: 19px; } .app-tab-label { max-width: 60px; font-size: 8.5px; } } @media (min-width: 992px) { .app-tabbar { display: none !important; } } .zk-butterfly-flyer{ position:fixed; z-index:2147483000; display:block; pointer-events:none; object-fit:contain; transform-origin:center; will-change: transform, opacity, filter; filter: drop-shadow( 0 22px 18px rgba(0,0,0,.24) ); backface-visibility:hidden; } .zk-butterfly-trail{ position:fixed; z-index:2147482999; width:7px; height:7px; border-radius:50%; pointer-events:none; background: radial-gradient( circle, rgba(255,255,255,.95) 0%, rgba(213,174,105,.85) 32%, rgba(213,174,105,0) 72% ); box-shadow: 0 0 11px rgba(213,174,105,.65); animation: zkButterflyTrail .62s ease-out forwards; } @keyframes zkButterflyTrail{ 0%{ opacity:.95; transform: translate(-50%,-50%) scale(1); } 100%{ opacity:0; transform: translate(-50%,-50%) scale(2.7); } } .zk-butterfly-cart-hit{ animation: zkButterflyCartHit .58s cubic-bezier(.2,.9,.3,1); } @keyframes zkButterflyCartHit{ 0%{ transform:scale(1); } 28%{ transform: scale(1.32) rotate(-8deg); } 50%{ transform: scale(.92) rotate(5deg); } 72%{ transform: scale(1.12) rotate(-3deg); } 100%{ transform: scale(1) rotate(0); } } [data-zk-product-card]{ position:relative!important; isolation:isolate; } [data-zk-product-card] .zk-motion-media, [data-zk-product-card] .zk-motion-media img{ transform:none!important; animation:none!important; filter:none!important; } [data-zk-product-card] .zakas-product-action{ display:none!important; } .zk-motion-action{ position:absolute; z-index:50; top: var( --zk-action-top, 0px ); inset-inline-start:13px; inset-inline-end:13px; display:flex; align-items:center; justify-content:center; pointer-events:none; opacity:0; transform: translateY(15px) scale(.94); transition: opacity .25s ease, transform .36s cubic-bezier(.16,1,.3,1); } [data-zk-product-card]:hover .zk-motion-action{ opacity:1; pointer-events:auto; transform: translateY(0) scale(1); } .zk-motion-action__control{ display:flex; align-items:center; justify-content:center; gap:10px; width:100%; min-height:44px; padding: 10px 20px; border: 1px solid rgba(255,255,255,.42); border-radius:999px; outline:0; background: rgba(12,12,14,.88); backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px); box-shadow: 0 15px 38px rgba(0,0,0,.18); color:#fff!important; text-decoration:none!important; font-size:11px; font-weight:700; cursor:pointer; transition: background .22s ease, color .22s ease, transform .22s ease; } .zk-motion-action__control::after{ content:"→"; font-size:16px; } [dir="rtl"] .zk-motion-action__control::after{ content:"←"; } .zk-motion-action__control:hover{ background:#fff; color:#111!important; transform: translateY(-3px); } .zk-motion-action__control.is-sold{ opacity:.65; cursor:not-allowed; } .zk-motion-action__control.is-sold::after{ display:none; } .zk-product-is-flying{ opacity:.08!important; transition: opacity .18s ease!important; } .zk-mobile-butterfly{ animation: zkMobileButterfly 1.35s cubic-bezier(.16,.8,.3,1); } @keyframes zkMobileButterfly{ 0%{ transform: translate3d(0,0,0) rotate(0) scale(1); } 20%{ transform: translate3d(-5px,-10px,0) rotate(-4deg) scale(1.035); } 40%{ transform: translate3d(6px,-18px,0) rotate(5deg) scale(1.055); } 60%{ transform: translate3d(-4px,-11px,0) rotate(-3deg) scale(1.04); } 80%{ transform: translate3d(3px,-5px,0) rotate(2deg) scale(1.02); } 100%{ transform: translate3d(0,0,0) rotate(0) scale(1); } } @media(hover:none), (pointer:coarse){ .zk-motion-action{ opacity:1; pointer-events:auto; transform:none; inset-inline-start:7px; inset-inline-end:7px; } .zk-motion-action__control{ min-height:34px; padding: 7px 10px; font-size:8px; } .zk-motion-action__control::after{ font-size:11px; } } @media(prefers-reduced-motion:reduce){ .zk-butterfly-flyer, .zk-butterfly-trail, .zk-mobile-butterfly, .zk-butterfly-cart-hit{ animation:none!important; transition:none!important; } } .zk-motion-action{ inset-inline-start:auto!important; inset-inline-end:14px!important; width:auto!important; max-width:calc(100% - 28px)!important; opacity:1!important; pointer-events:auto!important; transform:none!important; justify-content:flex-end!important; } .zk-motion-action__control.zk-luxury-orb{ position:relative!important; display:inline-flex!important; align-items:center!important; justify-content:center!important; gap:9px!important; width:48px!important; min-width:48px!important; max-width:170px!important; height:48px!important; min-height:48px!important; padding:0!important; overflow:hidden!important; border: 1px solid rgba(199,170,123,.58)!important; border-radius:999px!important; background: rgba(10,10,11,.92)!important; backdrop-filter: blur(14px)!important; -webkit-backdrop-filter: blur(14px)!important; box-shadow: 0 12px 35px rgba(0,0,0,.18), inset 0 0 0 1px rgba(255,255,255,.035)!important; color:#fff!important; text-decoration:none!important; cursor:pointer!important; transform: translateZ(0)!important; transition: width .38s cubic-bezier(.16,1,.3,1), padding .38s cubic-bezier(.16,1,.3,1), background .25s ease, border-color .25s ease, box-shadow .3s ease, transform .25s ease!important; } .zk-motion-action__control.zk-luxury-orb::after{ display:none!important; } .zk-motion-action__control.zk-luxury-orb::before{ content:""; position:absolute; top:-30%; left:-70%; width:45%; height:160%; pointer-events:none; opacity:0; background: linear-gradient( 105deg, transparent, rgba(255,255,255,.24), transparent ); transform: skewX(-20deg); transition: left .55s ease, opacity .25s ease; } [data-zk-product-card]:hover .zk-luxury-orb::before{ left:125%; opacity:1; } .zk-orb-icon{ position:relative; z-index:2; display:flex; align-items:center; justify-content:center; width:21px; height:21px; flex: 0 0 21px; color:#fff; } .zk-orb-icon svg{ display:block; width:100%; height:100%; overflow:visible; } .zk-orb-label{ position:relative; z-index:2; display:block; max-width:0; overflow:hidden; opacity:0; white-space:nowrap; color:#fff; font-size:10px; font-weight:700; letter-spacing:.15px; transform: translateX(6px); transition: max-width .3s ease, opacity .22s ease, transform .3s ease; } [dir="rtl"] .zk-orb-label{ transform: translateX(-6px); } @media(hover:hover) and (pointer:fine){ [data-zk-product-card]:hover .zk-luxury-orb{ width:154px!important; padding: 0 15px!important; background:#111!important; border-color: rgba(199,170,123,.92)!important; box-shadow: 0 18px 45px rgba(0,0,0,.22), 0 0 0 1px rgba(199,170,123,.08)!important; transform: translateY(-3px)!important; } [data-zk-product-card]:hover .zk-orb-label{ max-width:105px; opacity:1; transform: translateX(0); } } .zk-luxury-orb.is-options{ background: rgba(23,23,24,.94)!important; } .zk-luxury-orb.is-sending{ animation: zkOrbPulse .55s ease; pointer-events:none!important; } @keyframes zkOrbPulse{ 0%{ transform:scale(1); } 35%{ transform:scale(.88); } 65%{ transform:scale(1.12); } 100%{ transform:scale(1); } } .zk-luxury-orb.is-added{ background:#fff!important; color:#111!important; border-color:#fff!important; } .zk-luxury-orb.is-added .zk-orb-icon, .zk-luxury-orb.is-added .zk-orb-label{ color:#111!important; } @media(max-width:767px){ .zk-motion-action{ inset-inline-end:8px!important; max-width:46px!important; } .zk-motion-action__control.zk-luxury-orb{ width:42px!important; min-width:42px!important; height:42px!important; min-height:42px!important; padding:0!important; border-color: rgba(199,170,123,.55)!important; box-shadow: 0 8px 22px rgba(0,0,0,.15)!important; } .zk-orb-icon{ width:18px; height:18px; flex-basis:18px; } .zk-orb-label{ display:none!important; } } .zk-pd__buy .jv-add-to-cart, .product-buybar .jv-add-to-cart, .zk-product-buybar .jv-add-to-cart{ position:relative!important; display:inline-flex!important; align-items:center!important; justify-content:center!important; gap:10px!important; min-height:52px!important; padding: 0 28px!important; border: 1px solid #111!important; border-radius:999px!important; background:#111!important; color:#fff!important; box-shadow: none!important; font-size:12px!important; font-weight:700!important; overflow:hidden!important; transition: background .25s ease, color .25s ease, transform .25s ease, box-shadow .25s ease!important; } .zk-pd__buy .jv-add-to-cart:hover, .product-buybar .jv-add-to-cart:hover, .zk-product-buybar .jv-add-to-cart:hover{ background:#fff!important; color:#111!important; box-shadow: 0 12px 30px rgba(0,0,0,.10)!important; transform: translateY(-2px)!important; } .zk-detail-cart-icon{ display:flex; align-items:center; justify-content:center; width:19px; height:19px; flex:0 0 19px; } .zk-detail-cart-icon svg{ display:block; width:100%; height:100%; } @media(max-width:767px){ .zk-pd__buy .jv-add-to-cart{ width:100%!important; min-height:50px!important; padding: 0 20px!important; } } .zk-butterfly-flyer, .zk-butterfly-trail{ display:none !important; visibility:hidden !important; opacity:0 !important; animation:none !important; } .zk-butterfly-cart-hit{ animation:none !important; transform:none !important; } .zk-product-is-flying, .zk-mobile-butterfly{ opacity:1 !important; visibility:visible !important; animation:none !important; transform:none !important; } [data-zk-product-card].zk-scent-card .zk-catalog-card__image, [data-zk-product-card].zk-scent-card .zk-featured-card__media, [data-zk-product-card].zk-scent-card .product-image{ position:relative !important; overflow:hidden !important; isolation:isolate; } [data-zk-product-card].zk-scent-card .zk-catalog-card__image img, [data-zk-product-card].zk-scent-card .zk-featured-card__media img, [data-zk-product-card].zk-scent-card .product-image img{ position:relative; z-index:1; transition: transform .55s cubic-bezier(.2,.7,.2,1), filter .55s ease !important; will-change: transform; } @media (hover:hover) and (pointer:fine){ [data-zk-product-card].zk-scent-card:hover .zk-catalog-card__image img, [data-zk-product-card].zk-scent-card:hover .zk-featured-card__media img, [data-zk-product-card].zk-scent-card:hover .product-image img{ transform: translateY(-3px) scale(1.015) !important; } } .zk-scent-sheen{ position:absolute; z-index:3; top:-20%; bottom:-20%; left:-42%; width:28%; pointer-events:none; opacity:0; transform: translateX(-180%) rotate(12deg); background: linear-gradient( 90deg, transparent 0%, rgba(255,255,255,.02) 18%, rgba(255,248,230,.22) 50%, rgba(255,255,255,.03) 82%, transparent 100% ); filter: blur(5px); } @media (hover:hover) and (pointer:fine){ .zk-scent-perfume:hover .zk-scent-sheen{ animation: zkScentSheen 1.05s cubic-bezier(.22,.7,.22,1) forwards; } } @keyframes zkScentSheen{ 0%{ opacity:0; transform: translateX(-170%) rotate(12deg); } 20%{ opacity:.75; } 75%{ opacity:.38; } 100%{ opacity:0; transform: translateX(620%) rotate(12deg); } } .zk-scent-smoke{ position:absolute; z-index:4; left:50%; bottom:16%; width:36px; height:115px; margin-left:-18px; pointer-events:none; opacity:0; border-radius: 50%; background: radial-gradient( ellipse at center, rgba(245,240,232,.34) 0%, rgba(224,218,208,.17) 36%, rgba(210,204,194,.07) 58%, transparent 74% ); filter: blur(7px); transform: translate3d(0,20px,0) scale(.55); transform-origin: center bottom; } .zk-scent-smoke--1{ margin-left:-36px; } .zk-scent-smoke--2{ margin-left:-3px; } .zk-scent-smoke--3{ margin-left:20px; } @media (hover:hover) and (pointer:fine){ .zk-scent-incense:hover .zk-scent-smoke--1{ animation: zkScentSmoke1 2.45s ease-out infinite; } .zk-scent-incense:hover .zk-scent-smoke--2{ animation: zkScentSmoke2 2.8s .28s ease-out infinite; } .zk-scent-incense:hover .zk-scent-smoke--3{ animation: zkScentSmoke3 2.6s .62s ease-out infinite; } } @keyframes zkScentSmoke1{ 0%{ opacity:0; transform: translate3d(0,16px,0) scale(.45); } 18%{ opacity:.34; } 55%{ opacity:.22; transform: translate3d(-8px,-38px,0) scale(.82); } 100%{ opacity:0; transform: translate3d(11px,-88px,0) scale(1.25); } } @keyframes zkScentSmoke2{ 0%{ opacity:0; transform: translate3d(0,18px,0) scale(.4); } 20%{ opacity:.30; } 60%{ opacity:.19; transform: translate3d(10px,-44px,0) scale(.88); } 100%{ opacity:0; transform: translate3d(-8px,-96px,0) scale(1.32); } } @keyframes zkScentSmoke3{ 0%{ opacity:0; transform: translate3d(0,15px,0) scale(.42); } 22%{ opacity:.27; } 58%{ opacity:.17; transform: translate3d(-6px,-40px,0) scale(.84); } 100%{ opacity:0; transform: translate3d(8px,-91px,0) scale(1.26); } } @media (hover:hover) and (pointer:fine){ .zk-scent-incense:hover .zk-catalog-card__image img, .zk-scent-incense:hover .zk-featured-card__media img, .zk-scent-incense:hover .product-image img{ transform: translateY(-2px) scale(1.012) !important; filter: saturate(1.025) contrast(1.01) !important; } } @media (hover:none), (pointer:coarse){ .zk-scent-smoke, .zk-scent-sheen{ display:none !important; animation:none !important; } [data-zk-product-card].zk-scent-card img{ transform:none !important; } } @media (prefers-reduced-motion:reduce){ .zk-scent-smoke, .zk-scent-sheen{ display:none !important; animation:none !important; } [data-zk-product-card].zk-scent-card img{ transition:none !important; transform:none !important; } } .zk-butterfly-flyer, .zk-butterfly-trail, .zk-butterfly-cart-hit{ display:none !important; opacity:0 !important; visibility:hidden !important; animation:none !important; } [data-zk-product-card] .zk-catalog-card__image, [data-zk-product-card] .zk-featured-card__media, [data-zk-product-card] .product-image{ position:relative !important; overflow:hidden !important; isolation:isolate; } .zk-v2-smoke-wrap{ position:absolute; z-index:8; inset:0; overflow:hidden; pointer-events:none; opacity:0; transition: opacity .25s ease; } .zk-v2-incense.is-zk-v2-hover .zk-v2-smoke-wrap{ opacity:1; } .zk-v2-smoke{ position:absolute; left:50%; bottom:16%; width:42px; height:125px; margin-left:-21px; opacity:0; border-radius: 50%; background: radial-gradient( ellipse at center, rgba(255,255,255,.56) 0%, rgba(240,237,230,.32) 28%, rgba(218,214,205,.15) 50%, rgba(200,196,188,.04) 67%, transparent 78% ); filter: blur(8px); transform-origin: center bottom; } .zk-v2-smoke:nth-child(1){ margin-left:-46px; } .zk-v2-smoke:nth-child(2){ margin-left:-19px; } .zk-v2-smoke:nth-child(3){ margin-left:8px; } .zk-v2-smoke:nth-child(4){ margin-left:30px; } .zk-v2-incense.is-zk-v2-hover .zk-v2-smoke:nth-child(1){ animation: zkV2SmokeLeft 2.5s linear infinite; } .zk-v2-incense.is-zk-v2-hover .zk-v2-smoke:nth-child(2){ animation: zkV2SmokeRight 2.85s .25s linear infinite; } .zk-v2-incense.is-zk-v2-hover .zk-v2-smoke:nth-child(3){ animation: zkV2SmokeLeft 2.65s .55s linear infinite; } .zk-v2-incense.is-zk-v2-hover .zk-v2-smoke:nth-child(4){ animation: zkV2SmokeRight 3s .8s linear infinite; } @keyframes zkV2SmokeLeft{ 0%{ opacity:0; transform: translate3d(0,20px,0) scale(.38); } 14%{ opacity:.62; } 48%{ opacity:.38; transform: translate3d(-11px,-37px,0) scale(.78); } 76%{ opacity:.21; transform: translate3d(9px,-79px,0) scale(1.08); } 100%{ opacity:0; transform: translate3d(-8px,-126px,0) scale(1.42); } } @keyframes zkV2SmokeRight{ 0%{ opacity:0; transform: translate3d(0,18px,0) scale(.4); } 16%{ opacity:.56; } 50%{ opacity:.36; transform: translate3d(10px,-40px,0) scale(.82); } 78%{ opacity:.20; transform: translate3d(-8px,-82px,0) scale(1.10); } 100%{ opacity:0; transform: translate3d(11px,-128px,0) scale(1.45); } } .zk-v2-spray{ position:absolute; z-index:9; inset:0; overflow:hidden; pointer-events:none; } .zk-v2-mist{ position:absolute; left:50%; top:46%; width: var(--zk-size); height: var(--zk-size); margin: calc( var(--zk-size) / -2 ); border-radius: 50%; opacity:0; background: radial-gradient( circle, rgba(255,255,255,.88) 0%, rgba(255,250,238,.46) 42%, rgba(255,255,255,.08) 72%, transparent 100% ); box-shadow: 0 0 9px rgba(255,248,225,.20); filter: blur(.7px); } .zk-v2-spray.is-firing .zk-v2-mist{ animation: zkV2PerfumeSpray .92s cubic-bezier(.15,.68,.22,1) forwards; animation-delay: var(--zk-delay); } @keyframes zkV2PerfumeSpray{ 0%{ opacity:0; transform: translate3d( 0, 0, 0 ) scale(.35); } 14%{ opacity:.88; } 55%{ opacity:.46; } 100%{ opacity:0; transform: translate3d( var(--zk-x), var(--zk-y), 0 ) scale(1.55); } } .zk-v2-spray::before{ content:""; position:absolute; z-index:2; left:50%; top:46%; width:28px; height:28px; border-radius: 50%; background: radial-gradient( circle, rgba(255,255,255,.52), rgba(255,235,200,.13) 42%, transparent 72% ); opacity:0; transform: translate(-50%,-50%) scale(.4); } .zk-v2-spray.is-firing::before{ animation: zkV2SprayFlash .55s ease-out forwards; } @keyframes zkV2SprayFlash{ 0%{ opacity:0; transform: translate(-50%,-50%) scale(.4); } 25%{ opacity:.72; } 100%{ opacity:0; transform: translate(-50%,-50%) scale(2.5); } } @media (hover:hover) and (pointer:fine){ [data-zk-product-card].is-zk-v2-hover .zk-catalog-card__image img, [data-zk-product-card].is-zk-v2-hover .zk-featured-card__media img, [data-zk-product-card].is-zk-v2-hover .product-image img{ transform: translateY(-2px) scale(1.012) !important; } } @media (hover:none), (pointer:coarse){ .zk-v2-smoke-wrap, .zk-v2-spray{ display:none !important; } } @media (prefers-reduced-motion:reduce){ .zk-v2-smoke-wrap, .zk-v2-spray{ display:none !important; } } .header-area, .header-middle, .site-header, .zk-header{ background:var(--brand) !important; } .zk-featured__all a, .zk-niche__button, .zk-btn, .jv-add-to-cart{ background:var(--brand) !important; border-color:var(--brand) !important; color:#fff !important; } .zakas-product .action-btn, .zk-pd__wish, .zk-gotop, .go-top{ color:var(--brand) !important; border-color:var(--brand) !important; } .zakas-product .money--old, .zk-pd__old{ color:var(--brand) !important; } .pxp-quiz{ background:var(--secondary) !important; } footer, .zk-footer{ background:var(--footer-color) !important; } .zk-cinema, .zk-cinema-hero, .zk-collections{ background:#090909 !important; } .zk-collection{ background:#151515 !important; } :root{ --footer-text-color: #ffffff; } footer, .zk-footer{ color:var(--footer-text-color) !important; } footer h1, footer h2, footer h3, footer h4, footer h5, footer h6, footer p, footer a, footer span, footer small, footer li, .zk-footer h1, .zk-footer h2, .zk-footer h3, .zk-footer h4, .zk-footer p, .zk-footer a, .zk-footer span, .zk-footer small, .zk-footer li{ color:var(--footer-text-color) !important; } :root{ --header-text-color: #111111; } .header-area, .site-header, header.header, .zk-header{ color:var(--header-text-color) !important; } .mainmenu > .mainmenu__item > .mainmenu__link, .mainmenu > .mainmenu__item > .mainmenu__link > .mm-text, .header-toolbar > .header-toolbar__item > a, .header-toolbar > .header-toolbar__item > button, .header-icon, body.zk-cinema-mode .header-toolbar a, body.zk-cinema-mode .header-toolbar button, body.zk-cinema-mode .header-icon{ color:var(--header-text-color) !important; } .header-area svg, .site-header svg, header.header svg{ fill:currentColor; color:var(--header-text-color) !important; } html body.tpl-zakas header.zk-header, html body.tpl-zakas .header.zk-header{ background: linear-gradient( 110deg, #c64f1c 0%, #c64f1c 50%, #c64f1c 100% ) !important; border-bottom: 1px solid rgba(255,255,255,.12) !important; box-shadow: 0 7px 24px rgba(198,79,28,.18) !important; color: #fff !important; } html body.tpl-zakas .zk-header .header-inner, html body.tpl-zakas .zk-header .container, html body.tpl-zakas .zk-header .row{ background: transparent !important; } html body.tpl-zakas .zk-header .mainmenu__link, html body.tpl-zakas .zk-header .mainmenu__link .mm-text{ color: #fff !important; font-weight: 800 !important; } html body.tpl-zakas .zk-header .mainmenu__link:hover{ background: rgba(255,255,255,.13) !important; color: #fff !important; } html body.tpl-zakas .zk-header .mainmenu__item.active > .mainmenu__link{ background: #f3f0e4 !important; color: #c64f1c !important; box-shadow: 0 4px 15px rgba(198,79,28,.14) !important; } html body.tpl-zakas .zk-header .mainmenu__item.active > .mainmenu__link .mm-text{ color: #c64f1c !important; } html body.tpl-zakas .zk-header .header-toolbar__btn, html body.tpl-zakas .zk-header .header-toolbar__btn i, html body.tpl-zakas .zk-header .header-toolbar__btn svg, html body.tpl-zakas .zk-header .zk-lang{ color: #fff !important; stroke: currentColor !important; } html body.tpl-zakas .zk-header .header-toolbar__btn{ border: 1px solid rgba(255,255,255,.20) !important; background: rgba(255,255,255,.07) !important; } html body.tpl-zakas .zk-header .header-toolbar__btn:hover{ border-color: rgba(255,255,255,.38) !important; background: rgba(255,255,255,.15) !important; color: #fff !important; } html body.tpl-zakas .zk-header .site-branding .logo{ background: #fff !important; border: 1px solid rgba(255,255,255,.35) !important; border-radius: 11px !important; } html body.tpl-zakas .zk-header .zk-submenu{ background: #fffdf8 !important; border: 1px solid #ececec !important; } html body.tpl-zakas .zk-header .zk-submenu a, html body.tpl-zakas .zk-header .zk-submenu a .mm-text{ color: #c64f1c !important; font-weight: 700 !important; } html body.tpl-zakas .zk-header .zk-submenu a:hover{ background: #ececec !important; color: #c64f1c !important; } html body.tpl-zakas .zk-header .zk-account-dropdown{ background: #fffdf8 !important; color: #c64f1c !important; } html body.tpl-zakas .zk-header .zk-account-dropdown a{ color: #c64f1c !important; } @media(max-width:991px){ html body.tpl-zakas .zk-header .zk-menu-toggle{ background: rgba(255,255,255,.13) !important; color: #fff !important; } }