.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; } } .zk-catalog-page{ position:relative; width:100vw; margin-left: calc( 50% - 50vw ); margin-right: calc( 50% - 50vw ); overflow:hidden; background:#fff; color:#181818; } .zk-catalog-page, .zk-catalog-page *{ box-sizing:border-box; } .zk-catalog-page.is-rtl{ direction:rtl; } .zk-catalog-page.is-ltr{ direction:ltr; } .zk-catalog-hero{ position:relative; width:100%; height: clamp( 320px, 31vw, 480px ); overflow:hidden; background:#121212; } .zk-catalog-hero picture{ position:absolute; inset:0; display:block; width:100%; height:100%; } .zk-catalog-hero img{ display:block; width:100%; height:100%; object-fit:cover; object-position:center; } .zk-catalog-hero__overlay{ position:absolute; z-index:2; inset:0; background: rgba( 0, 0, 0, .26 ); } .zk-catalog-hero__content{ position:absolute; z-index:3; inset:0; display:flex; flex-direction:column; align-items:center; justify-content:center; padding:40px; text-align:center; color:#fff; } .zk-catalog-hero__content small{ display:block; margin-bottom:15px; color: rgba( 255, 255, 255, .82 ); font-size:10px; font-weight:600; letter-spacing:2px; } .zk-catalog-hero__content h1{ margin:0; color:#fff; font-size: clamp( 40px, 4.5vw, 70px ); line-height:1.05; font-weight:400; } .is-rtl .zk-catalog-hero__content h1{ font-weight:600; } .zk-catalog{ width:100%; background:#fff; } .zk-catalog__layout{ display:grid; grid-template-columns: 250px minmax( 0, 1fr ); gap:55px; width: min( 1450px, calc( 100% - 80px ) ); margin:auto; padding: 72px 0 110px; } .is-rtl .zk-catalog__layout{ direction:rtl; } .zk-catalog-sidebar{ min-width:0; } .zk-catalog-sidebar__toggle{ display:flex; align-items:center; justify-content: space-between; width:100%; padding: 0 0 18px; border:0; border-bottom: 1px solid #e8e8e8; background:transparent; color:#171717; font-size:13px; cursor:default; } .zk-catalog-sidebar__toggle strong{ font-weight:700; } .zk-catalog-sidebar__body{ display:flex; flex-direction:column; padding-top:14px; } .zk-catalog-sidebar__body a{ display:flex; align-items:center; justify-content: space-between; gap:14px; padding: 8px 0; color:#555!important; text-decoration:none!important; font-size:12px; font-weight:400; line-height:1.45; } .zk-catalog-sidebar__body a:hover, .zk-catalog-sidebar__body a.is-active{ color:#111!important; font-weight:700; } .zk-catalog-sidebar__body small{ color:#aaa; font-size:9px; font-weight:400; } .zk-catalog-description{ padding: 0 0 30px; } .zk-catalog-description p{ max-width:880px; margin:0; color:#333; font-size:13px; line-height:1.9; } .zk-catalog-toolbar{ display:flex; align-items:center; justify-content: space-between; gap:25px; min-height:68px; margin-bottom:32px; padding: 13px 0; border-top: 1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8; } .zk-catalog-sort select{ min-width:180px; height:40px; padding: 0 12px; border: 1px solid #d9d9d9; border-radius:0; outline:none; background:#fff; color:#222; font-size:11px; } .zk-catalog-toolbar__meta{ display:flex; align-items:center; gap:20px; } .zk-catalog-count{ color:#999; font-size:10px; } .zk-catalog-views{ display:flex; align-items:center; gap:5px; } .zk-catalog-views button{ display:flex; align-items:center; justify-content:center; width:40px; height:40px; padding:0; border: 1px solid transparent; background:#fff; cursor:pointer; } .zk-catalog-views button.is-active{ border-color:#1a1a1a; } .zk-view-grid{ display:grid; grid-template-columns: repeat( 3, 3px ); gap:3px; } .zk-view-grid span{ display:block; width:3px; height:3px; background:#222; } .zk-view-list{ display:flex; flex-direction:column; gap:4px; } .zk-view-list span{ display:block; width:15px; height:2px; background:#222; } .zk-catalog-products{ display:grid; grid-template-columns: repeat( 3, minmax( 0, 1fr ) ); gap: 46px 30px; } .zk-catalog-card{ min-width:0; } .zk-catalog-card__image{ position:relative; display:flex; align-items:center; justify-content:center; width:100%; aspect-ratio: 1 / 1; padding:26px; overflow:hidden; border: 1px solid #e1e1e1; background:#fff; text-decoration:none!important; } .zk-catalog-card__image img{ display:block; width:100%; height:100%; object-fit:contain; transition: transform .45s ease; } .zk-catalog-card:hover .zk-catalog-card__image img{ transform: scale( 1.035 ); } .zk-catalog-card__badge{ position:absolute; z-index:3; top:12px; inset-inline-start:12px; display:inline-flex; align-items:center; justify-content:center; min-width:42px; height:24px; padding: 0 10px; border-radius:20px; font-size:8px; font-weight:700; letter-spacing:.3px; } .zk-catalog-card__badge.is-dark{ background:#151515; color:#fff; } .zk-catalog-card__badge.is-sale{ background:#eee5db; color:#67594d; } .zk-catalog-card__content{ padding: 12px 1px 0; text-align:start; } .zk-catalog-card__category{ display:block; min-height:13px; margin-bottom:5px; color:#999; font-size:8px; line-height:1.5; } .zk-catalog-card h2{ margin:0; font-size:13px; line-height:1.5; font-weight:500; } .zk-catalog-card h2 a{ color:#181818!important; text-decoration:none!important; } .zk-catalog-card__prices{ display:flex; align-items:center; gap:8px; margin-top:6px; color:#171717; font-size:12px; } .zk-catalog-card__prices strong{ font-weight:600; } .zk-catalog-card__prices del{ color:#aaa; font-size:10px; } .zk-catalog-products.is-list{ grid-template-columns:1fr; gap:0; } .zk-catalog-products.is-list .zk-catalog-card{ display:grid; grid-template-columns: 230px minmax( 0, 1fr ); gap:28px; padding: 24px 0; border-bottom: 1px solid #eee; } .zk-catalog-products.is-list .zk-catalog-card__image{ aspect-ratio:1/1; padding:18px; } .zk-catalog-products.is-list .zk-catalog-card__content{ display:flex; flex-direction:column; justify-content:center; } .zk-catalog-products.is-list .zk-catalog-card h2{ font-size:21px; } .zk-catalog-empty{ grid-column: 1 / -1; padding: 70px 20px; text-align:center; color:#777; } .zk-catalog-pagination{ display:flex; align-items:center; justify-content:center; gap:12px; margin-top:70px; } .zk-catalog-pagination a, .zk-catalog-pagination > span{ display:flex; align-items:center; justify-content:center; min-width:40px; height:40px; border: 1px solid #222; color:#171717!important; text-decoration:none!important; font-size:17px; } .zk-catalog-pagination .is-disabled{ opacity:.25; } .zk-catalog-pagination .zk-catalog-pagination__current{ width:auto; padding: 0 15px; border-color:#ddd; font-size:10px; } @media(max-width:1100px){ .zk-catalog__layout{ grid-template-columns: 210px minmax( 0, 1fr ); gap:32px; width: calc( 100% - 40px ); } .zk-catalog-products{ grid-template-columns: repeat( 2, minmax( 0, 1fr ) ); gap: 38px 18px; } } @media(max-width:767px){ html, body{ overflow-x:hidden!important; background:#fff!important; } .zk-catalog-page{ width:100vw; background:#fff!important; } .zk-catalog-hero{ height:270px; } .zk-catalog-hero__content{ padding: 25px 18px; } .zk-catalog-hero__content small{ margin-bottom:10px; font-size:8px; } .zk-catalog-hero__content h1{ font-size: clamp( 30px, 9vw, 44px ); } .zk-catalog__layout{ display:block; width:100%; padding: 32px 14px 70px; } .zk-catalog-sidebar{ margin-bottom:30px; } .zk-catalog-sidebar__toggle{ cursor:pointer; padding: 14px 0; border-top: 1px solid #e8e8e8; } .zk-catalog-sidebar__body{ display:none; grid-template-columns: repeat( 2, minmax( 0, 1fr ) ); gap: 0 20px; padding: 12px 0 18px; border-bottom: 1px solid #e8e8e8; } .zk-catalog-sidebar.is-open .zk-catalog-sidebar__body{ display:grid; } .zk-catalog-description{ padding-bottom:25px; } .zk-catalog-description p{ font-size:12px; line-height:1.85; } .zk-catalog-toolbar{ align-items:stretch; flex-direction:column; gap:14px; margin-bottom:24px; padding: 15px 0; } .zk-catalog-sort, .zk-catalog-sort select{ width:100%; } .zk-catalog-sort select{ height:42px; } .zk-catalog-toolbar__meta{ justify-content: space-between; width:100%; } .zk-catalog-products{ grid-template-columns: repeat( 2, minmax( 0, 1fr ) ); gap: 28px 10px; } .zk-catalog-card__image{ padding:10px; } .zk-catalog-card__badge{ top:7px; inset-inline-start:7px; min-width:34px; height:20px; padding: 0 7px; font-size:7px; } .zk-catalog-card__content{ padding-top:9px; } .zk-catalog-card__category{ margin-bottom:3px; font-size:7px; } .zk-catalog-card h2{ font-size:11px; line-height:1.45; } .zk-catalog-card__prices{ display:block; margin-top:5px; font-size:10px; } .zk-catalog-card__prices del{ display:block; margin-top:2px; font-size:8px; } .zk-catalog-products.is-list .zk-catalog-card{ grid-template-columns: 105px minmax( 0, 1fr ); gap:13px; padding: 15px 0; } .zk-catalog-products.is-list .zk-catalog-card h2{ font-size:14px; } .zk-catalog-pagination{ margin-top:50px; } } .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; } } .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; }