.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: #997654 !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: #997654 !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, #997654 0%, #997654 48%, #997654 100% ) !important; box-shadow: 0 7px 25px rgba(153, 118, 84,.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(153, 118, 84,.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: #997654 !important; box-shadow: 0 4px 14px rgba(153, 118, 84,.12); opacity: 1; } body.tpl-zakas .zk-header .mainmenu__item.active > .mainmenu__link .mm-text{ color: #997654 !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(153, 118, 84,.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: #997654 !important; font-size: 13px !important; font-weight: 700 !important; } body.tpl-zakas .zk-header .zk-submenu li a:hover{ background: #ececec !important; color: #997654 !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 #997654 !important; border-radius: 20px !important; background: #ececec !important; color: #997654 !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(153, 118, 84,.16) !important; } body.tpl-zakas .zk-account-dropdown a{ color: #997654 !important; } body.tpl-zakas .zk-account-dropdown a:hover{ background: #ececec !important; color: #997654 !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-dashhero{ position:relative; width:100%; background:#050505; } .zk-dashhero__device{ position:relative; width:100%; height:100vh; min-height:700px; overflow:hidden; background:#050505; } .zk-dashhero__mobile{ display:none; } .zk-dashhero__slide{ position:absolute; inset:0; opacity:0; visibility:hidden; transition: opacity .9s ease, visibility .9s ease; } .zk-dashhero__slide.is-active{ opacity:1; visibility:visible; } .zk-dashhero__media{ position:absolute; inset:0; overflow:hidden; background:#050505; } .zk-dashhero__media img, .zk-dashhero__media video{ display:block; width:100%; height:100%; object-fit:cover; object-position:center; border:0; } .zk-dashhero__media iframe{ position:absolute; left:50%; top:50%; width:120vw; height:67.5vw; min-width:177.78vh; min-height:100vh; transform:translate(-50%,-50%); border:0; pointer-events:none; } .zk-dashhero__shade{ position:absolute; z-index:2; inset:0; background: linear-gradient( 90deg, rgba(3,3,3,.78) 0%, rgba(3,3,3,.42) 37%, rgba(3,3,3,.08) 68% ); } [dir="rtl"] .zk-dashhero__shade{ background: linear-gradient( 270deg, rgba(3,3,3,.78) 0%, rgba(3,3,3,.42) 37%, rgba(3,3,3,.08) 68% ); } .zk-dashhero__copy{ position:absolute; z-index:6; top:50%; inset-inline-start:7vw; width:min(600px,42vw); transform:translateY(-45%); } .zk-dashhero__copy h1{ margin:0; color:#fff; font-size: clamp(54px,6.3vw,108px); line-height:.97; font-weight:800; letter-spacing:-3px; } .zk-dashhero__copy p{ max-width:520px; margin:22px 0 0; color:rgba(255,255,255,.80); font-size:14px; line-height:1.9; } .zk-dashhero__cta{ display:inline-flex; margin-top:27px; padding-bottom:5px; color:#fff!important; border-bottom: 1px solid rgba(255,255,255,.82); text-decoration:none!important; font-size:10px; font-weight:900; letter-spacing:1.6px; } .zk-dashhero__fire{ position:absolute; z-index:4; inset:0; width:100%; height:100%; pointer-events:none; mix-blend-mode:screen; opacity:.95; } .zk-dashhero__progress{ position:absolute; z-index:8; left:50%; bottom:29px; transform:translateX(-50%); display:flex; align-items:center; gap:12px; color:#fff; font-size:10px; } .zk-dashhero__progress-line{ position:relative; width:90px; height:1px; overflow:hidden; background:rgba(255,255,255,.28); } .zk-dashhero__progress-line i{ position:absolute; left:0; top:0; width:0; height:100%; background:#fff; } @media(max-width:767px){ .zk-dashhero__desktop{ display:none; } .zk-dashhero__mobile{ display:block; } .zk-dashhero__device{ height:clamp(500px,68svh,560px); min-height:500px; max-height:560px; overflow:hidden; } .zk-dashhero__shade{ background: linear-gradient( 0deg, rgba(0,0,0,.88) 0%, rgba(0,0,0,.28) 60%, rgba(0,0,0,.08) 100% )!important; } .zk-dashhero__copy{ top:auto; bottom:26px; inset-inline-start:18px; width:calc(100% - 36px); transform:none; } .zk-dashhero__copy h1{ font-size: clamp(27px,8vw,35px); line-height:1.18; letter-spacing:-.5px; } .zk-dashhero__copy p{ margin-top:8px; font-size:11px; line-height:1.55; } .zk-dashhero__cta{ margin-top:12px; } .zk-dashhero__progress{ display:none; } .zk-dashhero__media{ overflow:hidden; } .zk-dashhero__media iframe{ position:absolute; top:50%; left:50%; width:100%; height:100%; min-width:100%; min-height:100%; max-width:none; border:0; transform: translate(-50%,-50%) scale(1.55); transform-origin: center center; } } @keyframes zkDashProgress{ from{width:0} to{width:100%} } .zk-marquee{ position:relative; z-index:10; display:block; width:100%; height:56px; margin:0 !important; padding:0 !important; overflow:hidden; background:var(--zk-marquee-bg); color:var(--zk-marquee-color); border:0; } .zk-marquee__viewport{ display:flex; align-items:center; width:100%; height:100%; overflow:hidden; } .zk-marquee__track{ display:flex; align-items:center; flex:none; width:max-content; min-width:max-content; direction:ltr; animation: zkMarqueeMove var(--zk-marquee-speed) linear infinite; will-change:transform; } .zk-marquee__group{ display:flex; align-items:center; flex:none; min-width:max-content; padding-inline:28px; } .zk-marquee__item{ display:inline-flex; align-items:center; flex:none; white-space:nowrap; color:var(--zk-marquee-color); font-size:13px; font-weight:700; line-height:1; padding-inline:38px; } .zk-marquee__separator{ display:inline-flex; align-items:center; justify-content:center; flex:none; color:var(--zk-marquee-color); font-size:6px; opacity:.55; } @keyframes zkMarqueeMove{ from{ transform:translate3d(0,0,0); } to{ transform:translate3d(-50%,0,0); } } .zk-marquee:hover .zk-marquee__track{ animation-play-state:paused; } @media(max-width:767px){ .zk-marquee{ height:44px; } .zk-marquee__group{ padding-inline:14px; } .zk-marquee__item{ padding-inline:23px; font-size:10px; } .zk-marquee__separator{ font-size:5px; } } .wf-organic-categories{ position:relative; overflow:hidden; padding: 66px 0 62px; background: linear-gradient( 180deg, #fbfaf4 0%, #f5f1e5 100% ); color: #1c1c1c; } .wf-organic-categories::before, .wf-organic-categories::after{ content:""; position:absolute; width: 240px; height: 240px; border-radius: 50%; background: radial-gradient( circle, rgba(153, 118, 84,.11), transparent 68% ); pointer-events:none; } .wf-organic-categories::before{ top: -110px; inset-inline-start: -85px; } .wf-organic-categories::after{ bottom: -130px; inset-inline-end: -70px; } .wf-organic-categories__shell{ position:relative; z-index:2; width: min(1420px,calc(100% - 72px)); margin: 0 auto; } .wf-organic-categories__head{ margin-bottom: 36px; text-align: center; } .wf-organic-categories__eyebrow{ display:inline-flex; align-items:center; gap: 6px; margin-bottom: 8px; color: #997654; font-size: 11px; font-weight: 900; letter-spacing: .08em; } .wf-organic-categories__eyebrow svg{ width: 20px; height: 20px; } .wf-organic-categories__head h2{ margin: 0; color: #1c1c1c !important; font-size: clamp( 28px, 3vw, 42px ); font-weight: 900; line-height: 1.25; } .wf-organic-categories__head p{ margin: 7px 0 0; color: #737d74; font-size: 14px; font-weight: 500; } .wf-organic-slider{ position:relative; } .wf-organic-slider__viewport{ overflow-x:auto; overflow-y:hidden; padding: 8px 4px 14px; scroll-behavior: smooth; scroll-snap-type: x mandatory; scrollbar-width: none; -ms-overflow-style: none; } .wf-organic-slider__viewport::-webkit-scrollbar{ display:none; } .wf-organic-slider__track{ display:flex; align-items:flex-start; gap: 22px; } .wf-organic-category{ flex: 0 0 calc( ( 100% - 110px ) / 6 ); min-width:0; display:flex; flex-direction:column; align-items:center; scroll-snap-align: start; color: #1c1c1c !important; text-align: center; text-decoration: none !important; } .wf-organic-category__circle{ position:relative; display:block; width: min(100%,205px); aspect-ratio: 1 / 1; padding: 8px; border: 2px solid #ececec; border-radius: 50%; background: #ececec; box-shadow: 0 10px 28px rgba(28,28,28,.07); transition: transform .28s ease, border-color .28s ease, box-shadow .28s ease; } .wf-organic-category__circle::after{ content:""; position:absolute; inset: 8px; z-index: 2; border: 1px solid rgba(255,255,255,.7); border-radius: 50%; pointer-events:none; } .wf-organic-category__circle img{ display:block; width: 100%; height: 100%; border-radius: 50%; object-fit: cover; transition: transform .45s ease; } .wf-organic-category__placeholder{ display:flex; align-items:center; justify-content:center; width: 100%; height: 100%; border-radius: 50%; background: #ececec; color: #997654; font-size: 50px; font-weight: 900; } .wf-organic-category__leaf{ position:absolute; z-index: 4; inset-inline-end: 5px; bottom: 8px; display:flex; align-items:center; justify-content:center; width: 42px; height: 42px; border: 4px solid #f7f4e9; border-radius: 50%; background: #997654; color: #fff; box-shadow: 0 5px 15px rgba(28,28,28,.13); } .wf-organic-category__leaf svg{ width: 23px; height: 23px; } .wf-organic-category__title{ display:block; width: 100%; margin-top: 14px; overflow:hidden; color: #1c1c1c; font-size: 15px; font-weight: 900; line-height: 1.45; text-overflow: ellipsis; white-space: nowrap; } .wf-organic-category__discover{ display:inline-flex; align-items:center; justify-content:center; gap: 5px; margin-top: 5px; color: #738075; font-size: 11.5px; font-weight: 600; } .wf-organic-category__discover > span{ display:flex; align-items:center; justify-content:center; width: 17px; height: 17px; border-radius: 50%; background: #ececec; color: #997654; font-size: 14px; font-weight: 900; } .wf-organic-category:hover .wf-organic-category__circle{ border-color: #997654; transform: translateY(-4px) scale(1.025); box-shadow: 0 16px 34px rgba(28,28,28,.12); } .wf-organic-category:hover .wf-organic-category__circle img{ transform: scale(1.035); } .wf-organic-category:hover .wf-organic-category__title{ color: #1c1c1c; } .wf-organic-slider__arrow{ position:absolute; z-index: 10; top: 41%; display:flex; align-items:center; justify-content:center; width: 44px; height: 44px; padding: 0; border: 0; border-radius: 50%; background: #1c1c1c; color: #fff; font-size: 32px; line-height: 1; box-shadow: 0 8px 22px rgba(28,28,28,.18); cursor: pointer; transform: translateY(-50%); transition: background .2s ease, transform .2s ease; } .wf-organic-slider__arrow:hover{ background: #1c1c1c; transform: translateY(-50%) scale(1.06); } .wf-organic-slider__arrow--prev{ inset-inline-start: -22px; } .wf-organic-slider__arrow--next{ inset-inline-end: -22px; } .wf-organic-slider__progress{ display:flex; justify-content:center; gap: 7px; margin-top: 18px; } .wf-organic-slider__progress span{ width: 8px; height: 8px; border-radius: 20px; background: #ececec; } .wf-organic-slider__progress span:first-child{ width: 25px; background: #1c1c1c; } @media(max-width:1199px){ .wf-organic-category{ flex-basis: calc( ( 100% - 54px ) / 4 ); } } @media(max-width:767px){ .wf-organic-categories{ padding: 44px 0 42px; } .wf-organic-categories__shell{ width: calc(100% - 30px); } .wf-organic-categories__head{ margin-bottom: 24px; } .wf-organic-categories__head h2{ font-size: 28px; } .wf-organic-categories__head p{ font-size: 12px; } .wf-organic-slider__track{ gap: 12px; } .wf-organic-category{ flex-basis: calc( ( 100% - 24px ) / 3 ); } .wf-organic-category__circle{ width: 100%; padding: 5px; } .wf-organic-category__leaf{ width: 30px; height: 30px; border-width: 3px; inset-inline-end: 0; bottom: 2px; } .wf-organic-category__leaf svg{ width: 17px; height: 17px; } .wf-organic-category__title{ margin-top: 9px; font-size: 11.5px; } .wf-organic-category__discover{ display:none; } .wf-organic-slider__arrow{ display:none; } .wf-organic-slider__progress{ margin-top: 13px; } } .wf-organic-categories{ background: #ffffff !important; } .wf-organic-categories::before, .wf-organic-categories::after{ display: none !important; } .wf-organic-category__circle{ width: 190px !important; height: 190px !important; min-width: 190px !important; min-height: 190px !important; max-width: 190px !important; max-height: 190px !important; aspect-ratio: auto !important; flex: 0 0 190px !important; padding: 7px !important; border-radius: 50% !important; overflow: visible !important; box-sizing: border-box !important; } .wf-organic-category__circle img{ width: 100% !important; height: 100% !important; min-width: 0 !important; min-height: 0 !important; max-width: none !important; max-height: none !important; aspect-ratio: 1 / 1 !important; border-radius: 50% !important; object-fit: cover !important; object-position: center center !important; } @media( min-width:768px ) and ( max-width:1199px ){ .wf-organic-category__circle{ width: 155px !important; height: 155px !important; min-width: 155px !important; min-height: 155px !important; max-width: 155px !important; max-height: 155px !important; flex-basis: 155px !important; } } @media(max-width:767px){ .wf-organic-category__circle{ width: clamp( 88px, 27vw, 108px ) !important; height: clamp( 88px, 27vw, 108px ) !important; min-width: 0 !important; min-height: 0 !important; max-width: 108px !important; max-height: 108px !important; flex: none !important; } } .wf-organic-slider{ padding-top: 42px !important; } .wf-organic-slider__arrow{ top: 0 !important; width: 36px !important; height: 36px !important; border: 1px solid #ececec !important; border-radius: 10px !important; background: #ffffff !important; color: #1c1c1c !important; font-size: 25px !important; box-shadow: 0 5px 15px rgba(28,28,28,.08) !important; transform: none !important; } .wf-organic-slider__arrow:hover{ border-color: #1c1c1c !important; background: #1c1c1c !important; color: #ffffff !important; transform: translateY(-2px) !important; } [dir="rtl"] .wf-organic-slider__arrow--prev{ inset-inline-start: 0 !important; inset-inline-end: auto !important; } [dir="rtl"] .wf-organic-slider__arrow--next{ inset-inline-start: 44px !important; inset-inline-end: auto !important; } [dir="ltr"] .wf-organic-slider__arrow--prev{ inset-inline-end: 44px !important; inset-inline-start: auto !important; } [dir="ltr"] .wf-organic-slider__arrow--next{ inset-inline-end: 0 !important; inset-inline-start: auto !important; } @media(max-width:767px){ .wf-organic-slider{ padding-top: 0 !important; } .wf-organic-slider__arrow{ display: none !important; } }