.zk-editorial-promos{ padding:88px 28px 96px; background:#090909; } .zk-editorial-promos__grid{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:4px; max-width:1760px; margin:0 auto; } .zk-editorial-promo{ position:relative; display:block; min-height:620px; overflow:hidden; background:#111; color:#fff!important; text-decoration:none!important; } .zk-editorial-promo img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; transition: transform .85s ease, filter .6s ease; } .zk-editorial-promo:hover img{ transform:scale(1.04); } .zk-editorial-promo__shade{ position:absolute; inset:0; background: linear-gradient( 0deg, rgba(0,0,0,.72) 0%, rgba(0,0,0,.18) 50%, rgba(0,0,0,.02) 75% ); } .zk-editorial-promo__copy{ position:absolute; z-index:3; inset-inline-start:42px; inset-inline-end:42px; bottom:42px; display:flex; flex-direction:column; align-items:flex-start; } .zk-editorial-promo__copy strong{ color:#fff; font-size:clamp(30px,3vw,52px); font-weight:600; line-height:1.08; letter-spacing:-1px; text-wrap:balance; } .zk-editorial-promo__copy small{ max-width:500px; margin-top:12px; color:rgba(255,255,255,.72); font-size:12px; line-height:1.75; } .zk-editorial-promo__copy em{ margin-top:20px; padding-bottom:4px; border-bottom:1px solid rgba(255,255,255,.75); color:#fff; font-size:9px; font-style:normal; font-weight:800; letter-spacing:1.5px; } @media(max-width:767px){ .zk-editorial-promos{ padding:42px 14px 48px; } .zk-editorial-promos__grid{ grid-template-columns:1fr; } .zk-editorial-promo{ min-height:500px; } .zk-editorial-promo__copy{ inset-inline-start:24px; inset-inline-end:24px; bottom:28px; } .zk-editorial-promo__copy strong{ font-size:clamp(28px,9vw,42px); } } .zk-featured{ padding:115px 30px 105px; background:#fff; color:#1a1a1a; } .zk-featured__head{ margin-bottom:58px; text-align:center; } .zk-featured__head span{ display:block; margin-bottom:8px; color:#8a8a8a; font-size:11px; letter-spacing:2px; text-transform:uppercase; } .zk-featured__head h2{ margin:0; color:#202020; font-family: Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif; font-size: clamp(38px,4.5vw,66px); line-height:1; font-weight:900; letter-spacing:-1px; } [dir="rtl"] .zk-featured__head h2{ font-family:inherit; font-size: clamp(38px,4.5vw,62px); font-weight:900; } .zk-featured__viewport{ position:relative; max-width:1880px; margin:auto; } .zk-featured__track{ display:flex; gap:18px; overflow-x:auto; scroll-behavior:smooth; scroll-snap-type:x mandatory; scrollbar-width:none; } .zk-featured__track::-webkit-scrollbar{ display:none; } .zk-featured-card{ flex: 0 0 calc( (100% - 54px) / 4 ); min-width:0; scroll-snap-align:start; } .zk-featured-card__media{ position:relative; display:flex; align-items:center; justify-content:center; aspect-ratio:1/1; padding:28px; overflow:hidden; border: 1px solid #dedede; background:#fff; text-decoration:none!important; } .zk-featured-card__media img{ width:100%; height:100%; object-fit:contain; transition: transform .5s ease; } .zk-featured-card:hover .zk-featured-card__media img{ transform:scale(1.035); } .zk-featured-card__body{ padding: 14px 1px 7px; text-align:start; } .zk-featured-card__category{ display:block; margin-bottom:6px; color:#8f8f8f; font-size:9px; font-weight:500; line-height:1.45; text-transform:uppercase; } .zk-featured-card h3{ margin:0; font-size:14px; line-height:1.45; font-weight:500; } .zk-featured-card h3 a{ color:#292929!important; text-decoration:none!important; } .zk-featured-card__price{ display:flex; align-items:center; gap:7px; margin-top:7px; } .zk-featured-card__price strong{ color:#202020; font-size:15px; font-weight:650; } .zk-featured-card__price del{ color:#9c9c9c; font-size:11px; } .zk-featured__arrow{ position:absolute; z-index:6; top:42%; width:42px; height:62px; display:flex; align-items:center; justify-content:center; padding:0; border:0; background: rgba(255,255,255,.95); color:#111; font-size:31px; line-height:1; cursor:pointer; transition: background .2s ease; } .zk-featured__arrow:hover{ background:#f2f2f2; } .zk-featured__arrow--prev{ left:-2px; } .zk-featured__arrow--next{ right:-2px; } .zk-featured__all{ margin-top:55px; text-align:center; } .zk-featured__all a{ min-width:255px; min-height:50px; display:inline-flex; align-items:center; justify-content:center; padding:0 30px; background:#1b1b1b; color:#fff!important; text-decoration:none!important; font-size:11px; font-weight:800; letter-spacing:1.5px; transition: background .2s ease; } .zk-featured__all a:hover{ background:#000; } @media(max-width:1100px){ .zk-featured-card{ flex: 0 0 calc( (100% - 36px) / 3 ); } } @media(max-width:767px){ .zk-featured{ padding: 75px 14px 70px; } .zk-featured__head{ margin-bottom:35px; } .zk-featured__track{ gap:8px; } .zk-featured-card{ flex: 0 0 calc( (100% - 8px) / 2 ); } .zk-featured-card__media{ padding:12px; } .zk-featured-card h3{ font-size:12px; } .zk-featured-card__price strong{ font-size:12px; } .zk-featured__arrow{ display:none; } .zk-featured__all{ margin-top:38px; } .zk-featured__all a{ min-width:220px; } } .zk-featured__head{ max-width:1880px !important; margin:0 auto 42px !important; display:flex !important; align-items:flex-end !important; justify-content:space-between !important; gap:24px !important; text-align:start !important; } .zk-featured__heading-copy{ min-width:0; } .zk-featured__more{ display:inline-flex; align-items:center; gap:8px; flex:0 0 auto; padding:10px 0; border-bottom:1px solid #171717; color:#171717 !important; font-size:13px; font-weight:600; text-decoration:none !important; transition:opacity .2s ease; } .zk-featured__more:hover{ opacity:.6; } .zk-featured__more span:last-child{ font-size:17px; line-height:1; } @media(max-width:767px){ .zk-featured__head{ margin-bottom:28px !important; align-items:center !important; gap:14px !important; } .zk-featured__more{ font-size:12px; } } @media (min-width:768px){ .zk-latest-products .container{ width:calc(100% - 60px) !important; max-width:1400px !important; margin-left:auto !important; margin-right:auto !important; padding-left:0 !important; padding-right:0 !important; } .zk-latest-products__head{ width:100% !important; max-width:none !important; margin-left:auto !important; margin-right:auto !important; margin-bottom:28px !important; display:flex !important; align-items:flex-end !important; justify-content:space-between !important; gap:30px !important; } .zk-latest-products__grid{ width:100% !important; max-width:none !important; margin-left:auto !important; margin-right:auto !important; } .zk-featured{ padding-left:30px !important; padding-right:30px !important; } .zk-featured__head, .zk-featured__viewport{ width:100% !important; max-width:1400px !important; margin-left:auto !important; margin-right:auto !important; } .zk-featured__head{ margin-bottom:34px !important; display:flex !important; align-items:flex-end !important; justify-content:space-between !important; gap:30px !important; text-align:start !important; } .zk-featured__track{ width:100% !important; max-width:100% !important; } .zk-latest-products__more, .zk-featured__more{ flex:0 0 auto !important; display:inline-flex !important; align-items:center !important; gap:8px !important; padding:8px 0 !important; border-bottom:1px solid #171717 !important; color:#171717 !important; font-size:12px !important; font-weight:600 !important; line-height:1.2 !important; text-decoration:none !important; } } @media (max-width:767px){ .zk-latest-products .container{ width:100% !important; max-width:100% !important; padding-left:12px !important; padding-right:12px !important; } .zk-latest-products__head, .zk-featured__head{ width:100% !important; display:flex !important; align-items:center !important; justify-content:space-between !important; gap:12px !important; text-align:start !important; } .zk-featured{ padding-left:12px !important; padding-right:12px !important; } .zk-featured__viewport{ width:100% !important; max-width:100% !important; } .zk-latest-products__more, .zk-featured__more{ flex:0 0 auto !important; font-size:11px !important; white-space:nowrap !important; } } @media(max-width:767px){ body.zk-cinema-mode{ background:#fff !important; } .zk-cinema .zk-featured{ min-height:0 !important; margin: 0 !important; padding: 42px 12px 30px !important; background: #fff !important; color: #171717 !important; } .zk-cinema .zk-featured__head{ margin-bottom: 24px !important; text-align: center !important; } .zk-cinema .zk-featured__head span{ margin-bottom: 6px !important; color: #8a8a8a !important; font-size: 9px !important; letter-spacing: .5px !important; } .zk-cinema .zk-featured__head h2{ margin: 0 !important; color: #202020 !important; font-size: 25px !important; line-height: 1.2 !important; letter-spacing: -.35px !important; } .zk-cinema .zk-featured__viewport{ width: 100% !important; max-width: none !important; margin: 0 !important; overflow: visible !important; } .zk-cinema .zk-featured__track{ display: grid !important; grid-template-columns: repeat( 2, minmax(0,1fr) ) !important; gap: 20px 9px !important; width: 100% !important; max-width: 100% !important; overflow: visible !important; scroll-snap-type: none !important; scroll-behavior: auto !important; transform: none !important; } .zk-cinema .zk-featured-card{ flex: none !important; width: auto !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; scroll-snap-align: none !important; } .zk-cinema .zk-featured-card__media{ width: 100% !important; aspect-ratio: 1 / 1 !important; min-height: 0 !important; padding: 11px !important; box-sizing: border-box !important; } .zk-cinema .zk-featured-card__media img{ width: 100% !important; height: 100% !important; object-fit: contain !important; } .zk-cinema .zk-featured-card__body{ padding: 9px 1px 0 !important; } .zk-cinema .zk-featured-card__category{ margin-bottom: 3px !important; color: #999 !important; font-size: 7.5px !important; line-height: 1.4 !important; } .zk-cinema .zk-featured-card h3{ margin: 0 !important; min-height: 32px; font-size: 11px !important; font-weight: 500 !important; line-height: 1.45 !important; } .zk-cinema .zk-featured-card h3 a{ color: #292929 !important; } .zk-cinema .zk-featured-card__price{ margin-top: 4px !important; gap: 4px !important; } .zk-cinema .zk-featured-card__price strong{ font-size: 11px !important; } .zk-cinema .zk-featured-card__price del{ font-size: 9px !important; } .zk-cinema .zk-featured__arrow{ display: none !important; } .zk-cinema .zk-featured__all{ margin-top: 26px !important; margin-bottom: 0 !important; } .zk-cinema .zk-featured__all a{ min-width: 170px !important; min-height: 42px !important; padding: 0 18px !important; font-size: 10px !important; } .zk-cinema{ margin-bottom: 0 !important; padding-bottom: 0 !important; } } @media (min-width:768px){ .zk-featured__head{ width:100% !important; max-width:1740px !important; margin-left:auto !important; margin-right:auto !important; padding-left:0 !important; padding-right:0 !important; display:flex !important; align-items:flex-end !important; justify-content:space-between !important; gap:30px !important; text-align:start !important; } .zk-featured__heading-copy{ margin:0 !important; padding:0 !important; text-align:start !important; } .zk-featured__more{ margin:0 !important; flex:0 0 auto !important; } } .zk-placement-section{ position:relative; width:100vw; margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); padding:0!important; background:#fff; overflow:hidden; } .zk-placement-banner{ position:relative; width:100%; max-width:none!important; height: clamp( 480px, 42vw, 760px ); margin:0!important; overflow:hidden; background:#fff; } .zk-placement-banner__media{ position:absolute; inset:0; width:100%; height:100%; } .zk-placement-banner__media img, .zk-placement-banner__media video{ position:absolute; inset:0; display:block; width:100%; height:100%; object-fit:cover; object-position:center; background:#fff; } .zk-placement-banner__media iframe{ position:absolute; top:50%; left:50%; width:100vw; height:56.25vw; min-width:177.78vh; min-height:100%; transform: translate(-50%,-50%); border:0; pointer-events:none; } .zk-placement-banner__shade{ position:absolute; z-index:2; inset:0; pointer-events:none; background: linear-gradient( 90deg, rgba(0,0,0,.62), rgba(0,0,0,.18) 48%, rgba(0,0,0,.18) 70%, rgba(0,0,0,.45) ); } [dir="rtl"] .zk-placement-banner__shade{ background: linear-gradient( 270deg, rgba(0,0,0,.62), rgba(0,0,0,.18) 48%, rgba(0,0,0,.18) 70%, rgba(0,0,0,.45) ); } .zk-placement-banner__copy{ position:absolute; z-index:3; top:50%; inset-inline-end:7%; width: min( 620px, 42vw ); transform: translateY(-50%); color:#fff; } [dir="ltr"] .zk-placement-banner__copy{ inset-inline-start:7%; inset-inline-end:auto; } .zk-placement-banner__copy h2{ margin:0; color:#fff; font-size: clamp( 36px, 4.2vw, 72px ); line-height:1.05; font-weight:500; letter-spacing:-1.4px; } .zk-placement-banner__copy p{ max-width:540px; margin: 18px 0 0; color: rgba( 255, 255, 255, .82 ); font-size: 14px; line-height:1.8; } .zk-placement-banner__cta{ position:absolute; z-index:8; left:50%; bottom:38px; transform: translateX(-50%); display:inline-flex; align-items:center; justify-content:center; min-width:150px; padding: 13px 28px; border: 1px solid rgba( 255, 255, 255, .75 ); background: rgba( 0, 0, 0, .28 ); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); color:#fff!important; text-decoration:none!important; font-size:12px; font-weight:700; letter-spacing:.4px; transition: background .25s ease, color .25s ease, transform .25s ease; } .zk-placement-banner__cta:hover{ background:#fff; color:#111!important; transform: translateX(-50%) translateY(-3px); } .zk-placement-banner__sound{ position:absolute; z-index:10; bottom:34px; inset-inline-start:28px; display:flex; align-items:center; justify-content:center; width:44px; height:44px; padding:0; border: 1px solid rgba( 255, 255, 255, .55 ); border-radius:50%; background: rgba( 0, 0, 0, .35 ); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); cursor:pointer; font-size:17px; } .zk-placement-banner__click{ position:absolute; z-index:5; inset:0; } .zk-placement-banner__cta, .zk-placement-banner__sound{ pointer-events:auto; } .zk-placement-banner--mobile{ display:none; } @media(max-width:991px){ .zk-placement-banner{ height: clamp( 460px, 58vw, 650px ); } .zk-placement-banner__copy{ width: min( 560px, 55vw ); } } @media(max-width:767px){ .zk-placement-banner--desktop{ display:none; } .zk-placement-banner--mobile{ display:block; } .zk-placement-banner{ width:100%; height: min( 78vh, 720px ); min-height:520px; } .zk-placement-banner__media img, .zk-placement-banner__media video{ object-fit:cover; object-position:center; } .zk-placement-banner__shade{ background: linear-gradient( 0deg, rgba(0,0,0,.78) 0%, rgba(0,0,0,.15) 55%, rgba(0,0,0,.22) 100% )!important; } .zk-placement-banner__copy, [dir="ltr"] .zk-placement-banner__copy{ top:auto; bottom:110px; left:22px; right:22px; inset-inline-start:auto; inset-inline-end:auto; width:auto; transform:none; text-align:center; } .zk-placement-banner__copy h2{ font-size: clamp( 30px, 9vw, 46px ); line-height:1.08; } .zk-placement-banner__copy p{ margin: 13px auto 0; font-size:12px; } .zk-placement-banner__cta{ bottom:28px; min-width:140px; padding: 12px 24px; } .zk-placement-banner__sound{ bottom:25px; inset-inline-start:18px; width:42px; height:42px; } } .zk-footer-legal-v2{ display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:14px; padding:20px 22px; border-top:1px solid rgba(255,255,255,.08); background:#080808; } .zk-footer-legal-v2 a{ color:#aaa!important; font-size:10px; font-weight:600; text-decoration:none!important; transition:color .2s ease; } .zk-footer-legal-v2 a:hover{ color:#fff!important; } .zk-footer-legal-v2 span{ width:3px; height:3px; border-radius:50%; background:#775f45; } @media(max-width:575px){ .zk-footer-legal-v2{ gap:9px 12px; padding-bottom:85px; } .zk-footer-legal-v2 a{ font-size:9px; } } .zk-footer{ position:relative; z-index:2; width:100%; background:#080808; color:#fff; } .zk-footer__inner{ display:grid; grid-template-columns: minmax(230px,1.4fr) repeat(3,minmax(150px,1fr)); gap:55px; width: min( 1450px, calc(100% - 80px) ); margin:auto; padding: 78px 0 68px; } .zk-footer__logo{ display:inline-flex; align-items:center; margin-bottom:20px; } .zk-footer__logo img{ display:block; max-width:120px; max-height:72px; object-fit:contain; } .zk-footer__brand p{ max-width:330px; margin:0; color: rgba(255,255,255,.55); font-size:12px; line-height:1.9; } .zk-footer__social{ display:flex; gap:9px; margin-top:25px; } .zk-footer__social a{ display:flex; align-items:center; justify-content:center; width:36px; height:36px; border: 1px solid rgba(255,255,255,.17); border-radius:50%; color:#fff!important; transition: background .2s ease, color .2s ease; } .zk-footer__social a:hover{ background:#fff; color:#111!important; } .zk-footer__social svg{ width:15px; height:15px; fill:none; stroke:currentColor; stroke-width:1.5; stroke-linecap:round; stroke-linejoin:round; } .zk-footer__col h4{ margin: 0 0 22px; color:#fff; font-size:13px; font-weight:700; } .zk-footer__col ul{ margin:0; padding:0; list-style:none; } .zk-footer__col li{ margin-bottom:12px; } .zk-footer__col a{ color: rgba(255,255,255,.6)!important; text-decoration:none!important; font-size:11px; transition: color .2s ease; } .zk-footer__col a:hover{ color:#fff!important; } .zk-footer__bottom{ display:flex; align-items:center; justify-content:space-between; gap:20px; width: min( 1450px, calc(100% - 80px) ); margin:auto; padding: 22px 0; border-top: 1px solid rgba(255,255,255,.1); color: rgba(255,255,255,.38); font-size:10px; } @media(max-width:767px){ .zk-footer{ padding-bottom: calc( 72px + env(safe-area-inset-bottom) ); } .zk-footer__inner{ grid-template-columns: repeat( 2, minmax(0,1fr) ); gap: 38px 22px; width: calc( 100% - 32px ); padding: 50px 0 42px; } .zk-footer__brand{ grid-column: 1 / -1; } .zk-footer__brand p{ max-width:300px; } .zk-footer__bottom{ flex-direction:column; align-items:flex-start; width: calc( 100% - 32px ); padding: 18px 0; } } body.tpl-zakas #zkFooter, body.tpl-zakas .zk-footer { background:#000 !important; color:#b9b9b9 !important; } body.tpl-zakas #zkFooter h1, body.tpl-zakas #zkFooter h2, body.tpl-zakas #zkFooter h3, body.tpl-zakas #zkFooter h4, body.tpl-zakas #zkFooter h5 { color:#fff !important; } body.tpl-zakas #zkFooter a, body.tpl-zakas #zkFooter .zk-footer__col a { color:#aaa !important; } body.tpl-zakas #zkFooter a:hover, body.tpl-zakas #zkFooter .zk-footer__col a:hover { color:#fff !important; } body.tpl-zakas #zkFooter .zk-footer__brand p { color:#b9b9b9 !important; } body.tpl-zakas #zkFooter .zk-footer__bottom { position:relative !important; color:#8c8c8c !important; } body.tpl-zakas #zkFooter .zk-footer__bluezone { position:absolute !important; left:50% !important; top:50% !important; transform:translate(-50%,-50%) !important; display:inline-flex !important; align-items:center !important; justify-content:center !important; white-space:nowrap !important; color:#aaa !important; font-size:11px !important; font-weight:700 !important; text-decoration:none !important; } body.tpl-zakas #zkFooter .zk-footer__bluezone:hover { color:#fff !important; } body.tpl-zakas.zk-cinema-mode #zkFooter, body.tpl-zakas.zk-cinema-mode #zkFooter * { text-shadow:none !important; } body.tpl-zakas.zk-cinema-mode #zkFooter .zk-footer__col a { color:#aaa !important; } body.tpl-zakas.zk-cinema-mode #zkFooter .zk-footer__brand p { color:#b9b9b9 !important; } body.tpl-zakas.zk-cinema-mode #zkFooter h4 { color:#fff !important; } @media(max-width:767px){ body.tpl-zakas #zkFooter .zk-footer__bottom { flex-direction:column !important; align-items:center !important; text-align:center !important; } body.tpl-zakas #zkFooter .zk-footer__bluezone { position:static !important; transform:none !important; margin:6px auto !important; } } html body.tpl-zakas footer#zkFooter.zk-footer{ background: #1c1c1c !important; background-color: #1c1c1c !important; padding-top: 0 !important; margin-top: 0 !important; border-top: 0 !important; box-shadow: none !important; } html body.tpl-zakas footer#zkFooter.zk-footer > .zk-footer__inner{ margin-top: 0 !important; border-top: 0 !important; } html body.tpl-zakas footer#zkFooter.zk-footer > .zk-footer-legal-v2{ background: #080808 !important; background-color: #080808 !important; } .zk-footer__whatsapp{ position:fixed!important; right:22px; bottom:22px; z-index:99999; display:flex; align-items:center; justify-content:center; width:58px; height:58px; border-radius:50%; background:var(--brand); color:#fff!important; border: 1px solid rgba(255,255,255,.18); box-shadow: 0 10px 30px rgba(0,0,0,.18); text-decoration:none!important; transition: transform .2s ease, box-shadow .2s ease; } .zk-footer__whatsapp:hover{ transform: translateY(-2px); color:#fff!important; box-shadow: 0 14px 34px rgba(0,0,0,.22); } .zk-footer__whatsapp svg{ width:28px; height:28px; fill:none; stroke:currentColor; stroke-width:1.6; stroke-linecap:round; stroke-linejoin:round; } @media(max-width:767px){ .zk-footer__whatsapp{ right:14px; bottom:88px; width:54px; height:54px; } .zk-footer__whatsapp svg{ width:26px; height:26px; } } body.tpl-zakas #zkFooter.zk-footer{ position:relative; overflow:hidden; margin-top: 44px !important; padding: 70px 0 0 !important; border: 0 !important; background: linear-gradient( 135deg, #000000 0%, #000000 48%, #000000 100% ) !important; color: #ececec !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.05); } body.tpl-zakas #zkFooter::before{ content:""; position:absolute; width:420px; height:420px; top:-265px; inset-inline-end:-135px; border-radius:50%; background: rgba(217,199,181,.10); pointer-events:none; } body.tpl-zakas #zkFooter::after{ content:""; position:absolute; width:300px; height:300px; bottom:-220px; inset-inline-start:-100px; border-radius:50%; background: rgba(255,255,255,.035); pointer-events:none; } body.tpl-zakas #zkFooter > *{ position:relative; z-index:2; } body.tpl-zakas #zkFooter .zk-footer__inner{ max-width: 1240px !important; margin: 0 auto !important; padding-inline: 24px !important; gap: 46px !important; } body.tpl-zakas #zkFooter .zk-footer__brand{ position:relative; } body.tpl-zakas #zkFooter .zk-footer__logo{ display:inline-flex !important; align-items:center; margin-bottom: 20px !important; } body.tpl-zakas #zkFooter .zk-footer__logo img{ width:auto !important; max-width: 185px !important; max-height: 64px !important; margin: 0 !important; object-fit: contain !important; filter: none !important; } body.tpl-zakas #zkFooter .zk-footer__brand p{ max-width: 350px !important; margin: 0 !important; color: #d6d6d6 !important; font-size: 13.5px !important; line-height: 2 !important; } body.tpl-zakas #zkFooter .zk-footer__col h4{ position:relative; margin: 0 0 22px !important; padding-bottom: 12px; color: #ffffff !important; font-size: 15px !important; font-weight: 800 !important; line-height: 1.4 !important; } body.tpl-zakas #zkFooter .zk-footer__col h4::after{ content:""; position:absolute; bottom:0; inset-inline-start:0; width: 30px; height: 2px; border-radius: 20px; background: #d6d6d6; } body.tpl-zakas #zkFooter .zk-footer__col ul{ margin: 0 !important; padding: 0 !important; list-style: none !important; } body.tpl-zakas #zkFooter .zk-footer__col li{ margin: 0 0 10px !important; } body.tpl-zakas #zkFooter .zk-footer__col a{ display:inline-flex !important; align-items:center; position:relative; padding: 2px 0 !important; color: #d6d6d6 !important; font-size: 13px !important; line-height: 1.7 !important; font-weight: 500 !important; transition: color .2s ease, transform .2s ease !important; } body.tpl-zakas #zkFooter .zk-footer__col a::before{ content:""; width: 5px; height: 5px; margin-inline-end: 8px; border-radius: 50%; background: #997654; opacity: .75; transition: transform .2s ease, background .2s ease; } body.tpl-zakas #zkFooter .zk-footer__col a:hover{ color: #ffffff !important; transform: translateX(-3px); } [dir="ltr"] body.tpl-zakas #zkFooter .zk-footer__col a:hover{ transform: translateX(3px); } body.tpl-zakas #zkFooter .zk-footer__col a:hover::before{ background: #d6d6d6; transform: scale(1.35); } body.tpl-zakas #zkFooter .zk-footer__social{ display:flex !important; flex-wrap:wrap; gap: 9px !important; margin-top: 22px !important; } body.tpl-zakas #zkFooter .zk-footer__social a{ display:flex !important; align-items:center !important; justify-content:center !important; width: 41px !important; height: 41px !important; margin: 0 !important; border: 1px solid rgba(255,255,255,.14) !important; border-radius: 50% !important; background: rgba(255,255,255,.07) !important; color: #ffffff !important; box-shadow: none !important; transition: transform .2s ease, background .2s ease, border-color .2s ease !important; } body.tpl-zakas #zkFooter .zk-footer__social a::before{ display:none !important; } body.tpl-zakas #zkFooter .zk-footer__social a:hover{ transform: translateY(-3px) !important; border-color: #d6d6d6 !important; background: #997654 !important; color: #ffffff !important; } body.tpl-zakas #zkFooter .zk-footer__social svg, body.tpl-zakas #zkFooter .zk-footer__social i{ color: #ffffff !important; fill: currentColor; } body.tpl-zakas #zkFooter .zk-footer__bottom{ margin-top: 52px !important; padding: 22px 24px !important; border-top: 1px solid rgba(255,255,255,.10) !important; background: rgba(0,0,0,.18) !important; color: #d6d6d6 !important; font-size: 12px !important; line-height: 1.7 !important; } body.tpl-zakas #zkFooter .zk-footer__bottom *{ color: #d6d6d6 !important; } body.tpl-zakas #zkFooter .zk-footer__bluezone{ color: #d6d6d6 !important; opacity: .78; transition: opacity .2s ease !important; } body.tpl-zakas #zkFooter .zk-footer__bluezone:hover{ color: #ffffff !important; opacity: 1; } body.tpl-zakas #zkFooter .zk-footer-legal-v2{ border-color: rgba(255,255,255,.10) !important; color: #d6d6d6 !important; } body.tpl-zakas #zkFooter .zk-footer-legal-v2 a{ color: #d6d6d6 !important; font-size: 12px !important; } body.tpl-zakas #zkFooter .zk-footer-legal-v2 a:hover{ color: #ffffff !important; } body.tpl-zakas #zkFooter .zk-footer-legal-v2 span{ color: rgba(255,255,255,.25) !important; } body.tpl-zakas #zkFooter, body.tpl-zakas #zkFooter p, body.tpl-zakas #zkFooter span, body.tpl-zakas #zkFooter small, body.tpl-zakas #zkFooter li{ color: #d6d6d6 !important; } body.tpl-zakas #zkFooter h1, body.tpl-zakas #zkFooter h2, body.tpl-zakas #zkFooter h3, body.tpl-zakas #zkFooter h4, body.tpl-zakas #zkFooter h5, body.tpl-zakas #zkFooter h6{ color: #ffffff !important; } @media(max-width:767px){ body.tpl-zakas #zkFooter.zk-footer{ margin-top: 28px !important; padding: 46px 0 0 !important; } body.tpl-zakas #zkFooter .zk-footer__inner{ padding-inline: 18px !important; gap: 0 !important; } body.tpl-zakas #zkFooter .zk-footer__brand{ margin-bottom: 34px !important; } body.tpl-zakas #zkFooter .zk-footer__col{ padding: 20px 0 !important; border-top: 1px solid rgba(255,255,255,.085); } body.tpl-zakas #zkFooter .zk-footer__col h4{ margin-bottom: 16px !important; } body.tpl-zakas #zkFooter .zk-footer__logo img{ max-width: 155px !important; max-height: 54px !important; } body.tpl-zakas #zkFooter .zk-footer__brand p{ max-width: none !important; font-size: 13px !important; } body.tpl-zakas #zkFooter .zk-footer__bottom{ margin-top: 18px !important; padding: 20px 18px calc( 90px + env(safe-area-inset-bottom) ) !important; } } .app-tabbar { display: none; } @media (max-width: 991px) { html, body { width: 100%; max-width: 100%; position: static !important; overflow-x: clip !important; } img, input, select, textarea, table { max-width: 100%; } .jv-card, .jv-card__media, .zakas-product, .zakas-product .product-image, .lx-card, .lx-card__media { max-width: 100%; overflow: hidden; } .app-tabbar { position: fixed !important; left: 0 !important; right: 0 !important; bottom: 0 !important; top: auto !important; z-index: 2147483000 !important; display: flex !important; width: 100% !important; max-width: 100% !important; height: calc( 58px + env(safe-area-inset-bottom) ) !important; min-height: calc( 58px + env(safe-area-inset-bottom) ) !important; box-sizing: border-box !important; margin: 0 !important; padding: 3px 6px calc( 3px + env(safe-area-inset-bottom) ) !important; align-items: stretch; background: #ffffff !important; border: 0 !important; border-top: 1px solid #ededed !important; box-shadow: 0 -1px 7px rgba(0, 0, 0, .035); transform: translate3d(0, 0, 0) !important; -webkit-transform: translate3d(0, 0, 0) !important; backface-visibility: hidden; -webkit-backface-visibility: hidden; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; overflow: hidden; pointer-events: auto !important; -webkit-tap-highlight-color: transparent; } .app-tabbar::before { content: ''; position: absolute; right: 0; bottom: 0; left: 0; height: env(safe-area-inset-bottom); background: #ffffff; pointer-events: none; } .app-tab-item { position: relative; z-index: 2; display: flex; flex: 1 1 0; min-width: 0; min-height: 48px; margin: 0 !important; padding: 2px 1px 1px; align-items: center; justify-content: center; flex-direction: column; gap: 2px; border: 0 !important; outline: 0 !important; background: transparent !important; color: #777d86 !important; text-align: center; text-decoration: none !important; pointer-events: auto; -webkit-tap-highlight-color: transparent; transition: color .18s ease, transform .12s ease; } .app-tab-item:hover, .app-tab-item:focus { color: #555555 !important; text-decoration: none !important; } .app-tab-item:active { transform: scale(.96); } .app-tab-icon { position: relative; display: grid; width: 32px; height: 28px; flex: 0 0 28px; place-items: center; border-radius: 9px; background: transparent; transition: background-color .18s ease, color .18s ease, transform .18s ease; } .app-tab-icon svg { display: block; width: 20px; height: 20px; flex: 0 0 20px; overflow: visible; stroke: currentColor; } .app-tab-label { display: block; width: 100%; max-width: 68px; min-height: 11px; margin: 0 !important; padding: 0 !important; overflow: visible; color: inherit !important; font-size: 9.5px; font-weight: 600; line-height: 1.15; text-align: center; white-space: nowrap; text-overflow: clip; } .app-tab-item.is-active { color: var(--brand, #111111) !important; } .app-tab-item.is-active .app-tab-icon { background: transparent; color: var(--brand, #111111); transform: none; } .app-tab-item.is-active .app-tab-label { color: var(--brand, #111111) !important; font-weight: 700; } .app-tab-item.is-active::after { position: absolute; top: -3px; left: 50%; width: 18px; height: 2px; border-radius: 0 0 6px 6px; background: var(--brand, #111111); content: ''; transform: translateX(-50%); } .app-tab-icon--search { background: #f4f4f4; } .app-tab-search:active .app-tab-icon--search { background: #eeeeee; } .app-tab-count { position: absolute; top: -4px; inset-inline-end: -5px; display: flex; min-width: 17px; height: 17px; padding: 0 4px; align-items: center; justify-content: center; border: 2px solid #ffffff; border-radius: 999px; background: var(--brand, #111111); color: var(--on-brand, #ffffff); font-size: 8px; line-height: 1; font-weight: 700; } .app-tab-count[data-count="0"], .app-tab-count:empty { display: none; } footer, .jv-footer, .zk-footer, .lx-footer { display: none !important; } .jv-tabbar { display: none !important; } body { padding-bottom: calc( 70px + env(safe-area-inset-bottom) ) !important; } .main-content { position: relative; z-index: 1; } .go-top, .zk-gotop, .lx-gotop { bottom: calc( 70px + env(safe-area-inset-bottom) ) !important; } .container { padding-right: 16px !important; padding-left: 16px !important; } .zk-grid, .lx-grid, .products-area .row, .zk-section .row, .lx-section .row { --bs-gutter-x: 16px; } .xton-cat-bar, .zk-filterbar, .lx-cat-bar, .zk-cat-toolbar { flex-wrap: wrap; } .xton-attr-inline, .zk-filterbar .zk-attr-inline, .lx-attr-inline { display: flex; width: 100%; gap: 8px; } .xton-attr-inline select, .zk-filterbar .zk-attr-inline .zk-select, .lx-attr-inline .lx-select { flex: 1 1 0; width: auto !important; min-width: 0 !important; } } @media (max-width: 390px) { .app-tabbar { padding-right: 4px !important; padding-left: 4px !important; } .app-tab-item { padding-right: 1px !important; padding-left: 1px !important; } .app-tab-icon { width: 30px; } .app-tab-icon svg { width: 19px; height: 19px; } .app-tab-label { max-width: 60px; font-size: 8.5px; } } @media (min-width: 992px) { .app-tabbar { display: none !important; } } .zk-butterfly-flyer{ position:fixed; z-index:2147483000; display:block; pointer-events:none; object-fit:contain; transform-origin:center; will-change: transform, opacity, filter; filter: drop-shadow( 0 22px 18px rgba(0,0,0,.24) ); backface-visibility:hidden; } .zk-butterfly-trail{ position:fixed; z-index:2147482999; width:7px; height:7px; border-radius:50%; pointer-events:none; background: radial-gradient( circle, rgba(255,255,255,.95) 0%, rgba(213,174,105,.85) 32%, rgba(213,174,105,0) 72% ); box-shadow: 0 0 11px rgba(213,174,105,.65); animation: zkButterflyTrail .62s ease-out forwards; } @keyframes zkButterflyTrail{ 0%{ opacity:.95; transform: translate(-50%,-50%) scale(1); } 100%{ opacity:0; transform: translate(-50%,-50%) scale(2.7); } } .zk-butterfly-cart-hit{ animation: zkButterflyCartHit .58s cubic-bezier(.2,.9,.3,1); } @keyframes zkButterflyCartHit{ 0%{ transform:scale(1); } 28%{ transform: scale(1.32) rotate(-8deg); } 50%{ transform: scale(.92) rotate(5deg); } 72%{ transform: scale(1.12) rotate(-3deg); } 100%{ transform: scale(1) rotate(0); } } [data-zk-product-card]{ position:relative!important; isolation:isolate; } [data-zk-product-card] .zk-motion-media, [data-zk-product-card] .zk-motion-media img{ transform:none!important; animation:none!important; filter:none!important; } [data-zk-product-card] .zakas-product-action{ display:none!important; } .zk-motion-action{ position:absolute; z-index:50; top: var( --zk-action-top, 0px ); inset-inline-start:13px; inset-inline-end:13px; display:flex; align-items:center; justify-content:center; pointer-events:none; opacity:0; transform: translateY(15px) scale(.94); transition: opacity .25s ease, transform .36s cubic-bezier(.16,1,.3,1); } [data-zk-product-card]:hover .zk-motion-action{ opacity:1; pointer-events:auto; transform: translateY(0) scale(1); } .zk-motion-action__control{ display:flex; align-items:center; justify-content:center; gap:10px; width:100%; min-height:44px; padding: 10px 20px; border: 1px solid rgba(255,255,255,.42); border-radius:999px; outline:0; background: rgba(12,12,14,.88); backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px); box-shadow: 0 15px 38px rgba(0,0,0,.18); color:#fff!important; text-decoration:none!important; font-size:11px; font-weight:700; cursor:pointer; transition: background .22s ease, color .22s ease, transform .22s ease; } .zk-motion-action__control::after{ content:"→"; font-size:16px; } [dir="rtl"] .zk-motion-action__control::after{ content:"←"; } .zk-motion-action__control:hover{ background:#fff; color:#111!important; transform: translateY(-3px); } .zk-motion-action__control.is-sold{ opacity:.65; cursor:not-allowed; } .zk-motion-action__control.is-sold::after{ display:none; } .zk-product-is-flying{ opacity:.08!important; transition: opacity .18s ease!important; } .zk-mobile-butterfly{ animation: zkMobileButterfly 1.35s cubic-bezier(.16,.8,.3,1); } @keyframes zkMobileButterfly{ 0%{ transform: translate3d(0,0,0) rotate(0) scale(1); } 20%{ transform: translate3d(-5px,-10px,0) rotate(-4deg) scale(1.035); } 40%{ transform: translate3d(6px,-18px,0) rotate(5deg) scale(1.055); } 60%{ transform: translate3d(-4px,-11px,0) rotate(-3deg) scale(1.04); } 80%{ transform: translate3d(3px,-5px,0) rotate(2deg) scale(1.02); } 100%{ transform: translate3d(0,0,0) rotate(0) scale(1); } } @media(hover:none), (pointer:coarse){ .zk-motion-action{ opacity:1; pointer-events:auto; transform:none; inset-inline-start:7px; inset-inline-end:7px; } .zk-motion-action__control{ min-height:34px; padding: 7px 10px; font-size:8px; } .zk-motion-action__control::after{ font-size:11px; } } @media(prefers-reduced-motion:reduce){ .zk-butterfly-flyer, .zk-butterfly-trail, .zk-mobile-butterfly, .zk-butterfly-cart-hit{ animation:none!important; transition:none!important; } } .zk-motion-action{ inset-inline-start:auto!important; inset-inline-end:14px!important; width:auto!important; max-width:calc(100% - 28px)!important; opacity:1!important; pointer-events:auto!important; transform:none!important; justify-content:flex-end!important; } .zk-motion-action__control.zk-luxury-orb{ position:relative!important; display:inline-flex!important; align-items:center!important; justify-content:center!important; gap:9px!important; width:48px!important; min-width:48px!important; max-width:170px!important; height:48px!important; min-height:48px!important; padding:0!important; overflow:hidden!important; border: 1px solid rgba(199,170,123,.58)!important; border-radius:999px!important; background: rgba(10,10,11,.92)!important; backdrop-filter: blur(14px)!important; -webkit-backdrop-filter: blur(14px)!important; box-shadow: 0 12px 35px rgba(0,0,0,.18), inset 0 0 0 1px rgba(255,255,255,.035)!important; color:#fff!important; text-decoration:none!important; cursor:pointer!important; transform: translateZ(0)!important; transition: width .38s cubic-bezier(.16,1,.3,1), padding .38s cubic-bezier(.16,1,.3,1), background .25s ease, border-color .25s ease, box-shadow .3s ease, transform .25s ease!important; } .zk-motion-action__control.zk-luxury-orb::after{ display:none!important; } .zk-motion-action__control.zk-luxury-orb::before{ content:""; position:absolute; top:-30%; left:-70%; width:45%; height:160%; pointer-events:none; opacity:0; background: linear-gradient( 105deg, transparent, rgba(255,255,255,.24), transparent ); transform: skewX(-20deg); transition: left .55s ease, opacity .25s ease; } [data-zk-product-card]:hover .zk-luxury-orb::before{ left:125%; opacity:1; } .zk-orb-icon{ position:relative; z-index:2; display:flex; align-items:center; justify-content:center; width:21px; height:21px; flex: 0 0 21px; color:#fff; } .zk-orb-icon svg{ display:block; width:100%; height:100%; overflow:visible; } .zk-orb-label{ position:relative; z-index:2; display:block; max-width:0; overflow:hidden; opacity:0; white-space:nowrap; color:#fff; font-size:10px; font-weight:700; letter-spacing:.15px; transform: translateX(6px); transition: max-width .3s ease, opacity .22s ease, transform .3s ease; } [dir="rtl"] .zk-orb-label{ transform: translateX(-6px); } @media(hover:hover) and (pointer:fine){ [data-zk-product-card]:hover .zk-luxury-orb{ width:154px!important; padding: 0 15px!important; background:#111!important; border-color: rgba(199,170,123,.92)!important; box-shadow: 0 18px 45px rgba(0,0,0,.22), 0 0 0 1px rgba(199,170,123,.08)!important; transform: translateY(-3px)!important; } [data-zk-product-card]:hover .zk-orb-label{ max-width:105px; opacity:1; transform: translateX(0); } } .zk-luxury-orb.is-options{ background: rgba(23,23,24,.94)!important; } .zk-luxury-orb.is-sending{ animation: zkOrbPulse .55s ease; pointer-events:none!important; } @keyframes zkOrbPulse{ 0%{ transform:scale(1); } 35%{ transform:scale(.88); } 65%{ transform:scale(1.12); } 100%{ transform:scale(1); } } .zk-luxury-orb.is-added{ background:#fff!important; color:#111!important; border-color:#fff!important; } .zk-luxury-orb.is-added .zk-orb-icon, .zk-luxury-orb.is-added .zk-orb-label{ color:#111!important; } @media(max-width:767px){ .zk-motion-action{ inset-inline-end:8px!important; max-width:46px!important; } .zk-motion-action__control.zk-luxury-orb{ width:42px!important; min-width:42px!important; height:42px!important; min-height:42px!important; padding:0!important; border-color: rgba(199,170,123,.55)!important; box-shadow: 0 8px 22px rgba(0,0,0,.15)!important; } .zk-orb-icon{ width:18px; height:18px; flex-basis:18px; } .zk-orb-label{ display:none!important; } } .zk-pd__buy .jv-add-to-cart, .product-buybar .jv-add-to-cart, .zk-product-buybar .jv-add-to-cart{ position:relative!important; display:inline-flex!important; align-items:center!important; justify-content:center!important; gap:10px!important; min-height:52px!important; padding: 0 28px!important; border: 1px solid #111!important; border-radius:999px!important; background:#111!important; color:#fff!important; box-shadow: none!important; font-size:12px!important; font-weight:700!important; overflow:hidden!important; transition: background .25s ease, color .25s ease, transform .25s ease, box-shadow .25s ease!important; } .zk-pd__buy .jv-add-to-cart:hover, .product-buybar .jv-add-to-cart:hover, .zk-product-buybar .jv-add-to-cart:hover{ background:#fff!important; color:#111!important; box-shadow: 0 12px 30px rgba(0,0,0,.10)!important; transform: translateY(-2px)!important; } .zk-detail-cart-icon{ display:flex; align-items:center; justify-content:center; width:19px; height:19px; flex:0 0 19px; } .zk-detail-cart-icon svg{ display:block; width:100%; height:100%; } @media(max-width:767px){ .zk-pd__buy .jv-add-to-cart{ width:100%!important; min-height:50px!important; padding: 0 20px!important; } } .zk-butterfly-flyer, .zk-butterfly-trail{ display:none !important; visibility:hidden !important; opacity:0 !important; animation:none !important; } .zk-butterfly-cart-hit{ animation:none !important; transform:none !important; } .zk-product-is-flying, .zk-mobile-butterfly{ opacity:1 !important; visibility:visible !important; animation:none !important; transform:none !important; } [data-zk-product-card].zk-scent-card .zk-catalog-card__image, [data-zk-product-card].zk-scent-card .zk-featured-card__media, [data-zk-product-card].zk-scent-card .product-image{ position:relative !important; overflow:hidden !important; isolation:isolate; } [data-zk-product-card].zk-scent-card .zk-catalog-card__image img, [data-zk-product-card].zk-scent-card .zk-featured-card__media img, [data-zk-product-card].zk-scent-card .product-image img{ position:relative; z-index:1; transition: transform .55s cubic-bezier(.2,.7,.2,1), filter .55s ease !important; will-change: transform; } @media (hover:hover) and (pointer:fine){ [data-zk-product-card].zk-scent-card:hover .zk-catalog-card__image img, [data-zk-product-card].zk-scent-card:hover .zk-featured-card__media img, [data-zk-product-card].zk-scent-card:hover .product-image img{ transform: translateY(-3px) scale(1.015) !important; } } .zk-scent-sheen{ position:absolute; z-index:3; top:-20%; bottom:-20%; left:-42%; width:28%; pointer-events:none; opacity:0; transform: translateX(-180%) rotate(12deg); background: linear-gradient( 90deg, transparent 0%, rgba(255,255,255,.02) 18%, rgba(255,248,230,.22) 50%, rgba(255,255,255,.03) 82%, transparent 100% ); filter: blur(5px); } @media (hover:hover) and (pointer:fine){ .zk-scent-perfume:hover .zk-scent-sheen{ animation: zkScentSheen 1.05s cubic-bezier(.22,.7,.22,1) forwards; } } @keyframes zkScentSheen{ 0%{ opacity:0; transform: translateX(-170%) rotate(12deg); } 20%{ opacity:.75; } 75%{ opacity:.38; } 100%{ opacity:0; transform: translateX(620%) rotate(12deg); } } .zk-scent-smoke{ position:absolute; z-index:4; left:50%; bottom:16%; width:36px; height:115px; margin-left:-18px; pointer-events:none; opacity:0; border-radius: 50%; background: radial-gradient( ellipse at center, rgba(245,240,232,.34) 0%, rgba(224,218,208,.17) 36%, rgba(210,204,194,.07) 58%, transparent 74% ); filter: blur(7px); transform: translate3d(0,20px,0) scale(.55); transform-origin: center bottom; } .zk-scent-smoke--1{ margin-left:-36px; } .zk-scent-smoke--2{ margin-left:-3px; } .zk-scent-smoke--3{ margin-left:20px; } @media (hover:hover) and (pointer:fine){ .zk-scent-incense:hover .zk-scent-smoke--1{ animation: zkScentSmoke1 2.45s ease-out infinite; } .zk-scent-incense:hover .zk-scent-smoke--2{ animation: zkScentSmoke2 2.8s .28s ease-out infinite; } .zk-scent-incense:hover .zk-scent-smoke--3{ animation: zkScentSmoke3 2.6s .62s ease-out infinite; } } @keyframes zkScentSmoke1{ 0%{ opacity:0; transform: translate3d(0,16px,0) scale(.45); } 18%{ opacity:.34; } 55%{ opacity:.22; transform: translate3d(-8px,-38px,0) scale(.82); } 100%{ opacity:0; transform: translate3d(11px,-88px,0) scale(1.25); } } @keyframes zkScentSmoke2{ 0%{ opacity:0; transform: translate3d(0,18px,0) scale(.4); } 20%{ opacity:.30; } 60%{ opacity:.19; transform: translate3d(10px,-44px,0) scale(.88); } 100%{ opacity:0; transform: translate3d(-8px,-96px,0) scale(1.32); } } @keyframes zkScentSmoke3{ 0%{ opacity:0; transform: translate3d(0,15px,0) scale(.42); } 22%{ opacity:.27; } 58%{ opacity:.17; transform: translate3d(-6px,-40px,0) scale(.84); } 100%{ opacity:0; transform: translate3d(8px,-91px,0) scale(1.26); } } @media (hover:hover) and (pointer:fine){ .zk-scent-incense:hover .zk-catalog-card__image img, .zk-scent-incense:hover .zk-featured-card__media img, .zk-scent-incense:hover .product-image img{ transform: translateY(-2px) scale(1.012) !important; filter: saturate(1.025) contrast(1.01) !important; } } @media (hover:none), (pointer:coarse){ .zk-scent-smoke, .zk-scent-sheen{ display:none !important; animation:none !important; } [data-zk-product-card].zk-scent-card img{ transform:none !important; } } @media (prefers-reduced-motion:reduce){ .zk-scent-smoke, .zk-scent-sheen{ display:none !important; animation:none !important; } [data-zk-product-card].zk-scent-card img{ transition:none !important; transform:none !important; } } .zk-butterfly-flyer, .zk-butterfly-trail, .zk-butterfly-cart-hit{ display:none !important; opacity:0 !important; visibility:hidden !important; animation:none !important; } [data-zk-product-card] .zk-catalog-card__image, [data-zk-product-card] .zk-featured-card__media, [data-zk-product-card] .product-image{ position:relative !important; overflow:hidden !important; isolation:isolate; } .zk-v2-smoke-wrap{ position:absolute; z-index:8; inset:0; overflow:hidden; pointer-events:none; opacity:0; transition: opacity .25s ease; } .zk-v2-incense.is-zk-v2-hover .zk-v2-smoke-wrap{ opacity:1; } .zk-v2-smoke{ position:absolute; left:50%; bottom:16%; width:42px; height:125px; margin-left:-21px; opacity:0; border-radius: 50%; background: radial-gradient( ellipse at center, rgba(255,255,255,.56) 0%, rgba(240,237,230,.32) 28%, rgba(218,214,205,.15) 50%, rgba(200,196,188,.04) 67%, transparent 78% ); filter: blur(8px); transform-origin: center bottom; } .zk-v2-smoke:nth-child(1){ margin-left:-46px; } .zk-v2-smoke:nth-child(2){ margin-left:-19px; } .zk-v2-smoke:nth-child(3){ margin-left:8px; } .zk-v2-smoke:nth-child(4){ margin-left:30px; } .zk-v2-incense.is-zk-v2-hover .zk-v2-smoke:nth-child(1){ animation: zkV2SmokeLeft 2.5s linear infinite; } .zk-v2-incense.is-zk-v2-hover .zk-v2-smoke:nth-child(2){ animation: zkV2SmokeRight 2.85s .25s linear infinite; } .zk-v2-incense.is-zk-v2-hover .zk-v2-smoke:nth-child(3){ animation: zkV2SmokeLeft 2.65s .55s linear infinite; } .zk-v2-incense.is-zk-v2-hover .zk-v2-smoke:nth-child(4){ animation: zkV2SmokeRight 3s .8s linear infinite; } @keyframes zkV2SmokeLeft{ 0%{ opacity:0; transform: translate3d(0,20px,0) scale(.38); } 14%{ opacity:.62; } 48%{ opacity:.38; transform: translate3d(-11px,-37px,0) scale(.78); } 76%{ opacity:.21; transform: translate3d(9px,-79px,0) scale(1.08); } 100%{ opacity:0; transform: translate3d(-8px,-126px,0) scale(1.42); } } @keyframes zkV2SmokeRight{ 0%{ opacity:0; transform: translate3d(0,18px,0) scale(.4); } 16%{ opacity:.56; } 50%{ opacity:.36; transform: translate3d(10px,-40px,0) scale(.82); } 78%{ opacity:.20; transform: translate3d(-8px,-82px,0) scale(1.10); } 100%{ opacity:0; transform: translate3d(11px,-128px,0) scale(1.45); } } .zk-v2-spray{ position:absolute; z-index:9; inset:0; overflow:hidden; pointer-events:none; } .zk-v2-mist{ position:absolute; left:50%; top:46%; width: var(--zk-size); height: var(--zk-size); margin: calc( var(--zk-size) / -2 ); border-radius: 50%; opacity:0; background: radial-gradient( circle, rgba(255,255,255,.88) 0%, rgba(255,250,238,.46) 42%, rgba(255,255,255,.08) 72%, transparent 100% ); box-shadow: 0 0 9px rgba(255,248,225,.20); filter: blur(.7px); } .zk-v2-spray.is-firing .zk-v2-mist{ animation: zkV2PerfumeSpray .92s cubic-bezier(.15,.68,.22,1) forwards; animation-delay: var(--zk-delay); } @keyframes zkV2PerfumeSpray{ 0%{ opacity:0; transform: translate3d( 0, 0, 0 ) scale(.35); } 14%{ opacity:.88; } 55%{ opacity:.46; } 100%{ opacity:0; transform: translate3d( var(--zk-x), var(--zk-y), 0 ) scale(1.55); } } .zk-v2-spray::before{ content:""; position:absolute; z-index:2; left:50%; top:46%; width:28px; height:28px; border-radius: 50%; background: radial-gradient( circle, rgba(255,255,255,.52), rgba(255,235,200,.13) 42%, transparent 72% ); opacity:0; transform: translate(-50%,-50%) scale(.4); } .zk-v2-spray.is-firing::before{ animation: zkV2SprayFlash .55s ease-out forwards; } @keyframes zkV2SprayFlash{ 0%{ opacity:0; transform: translate(-50%,-50%) scale(.4); } 25%{ opacity:.72; } 100%{ opacity:0; transform: translate(-50%,-50%) scale(2.5); } } @media (hover:hover) and (pointer:fine){ [data-zk-product-card].is-zk-v2-hover .zk-catalog-card__image img, [data-zk-product-card].is-zk-v2-hover .zk-featured-card__media img, [data-zk-product-card].is-zk-v2-hover .product-image img{ transform: translateY(-2px) scale(1.012) !important; } } @media (hover:none), (pointer:coarse){ .zk-v2-smoke-wrap, .zk-v2-spray{ display:none !important; } } @media (prefers-reduced-motion:reduce){ .zk-v2-smoke-wrap, .zk-v2-spray{ display:none !important; } } .header-area, .header-middle, .site-header, .zk-header{ background:var(--brand) !important; } .zk-featured__all a, .zk-niche__button, .zk-btn, .jv-add-to-cart{ background:var(--brand) !important; border-color:var(--brand) !important; color:#fff !important; } .zakas-product .action-btn, .zk-pd__wish, .zk-gotop, .go-top{ color:var(--brand) !important; border-color:var(--brand) !important; } .zakas-product .money--old, .zk-pd__old{ color:var(--brand) !important; } .pxp-quiz{ background:var(--secondary) !important; } footer, .zk-footer{ background:var(--footer-color) !important; } .zk-cinema, .zk-cinema-hero, .zk-collections{ background:#090909 !important; } .zk-collection{ background:#151515 !important; } :root{ --footer-text-color: #ffffff; } footer, .zk-footer{ color:var(--footer-text-color) !important; } footer h1, footer h2, footer h3, footer h4, footer h5, footer h6, footer p, footer a, footer span, footer small, footer li, .zk-footer h1, .zk-footer h2, .zk-footer h3, .zk-footer h4, .zk-footer p, .zk-footer a, .zk-footer span, .zk-footer small, .zk-footer li{ color:var(--footer-text-color) !important; } :root{ --header-text-color: #ffffff; } .header-area, .site-header, header.header, .zk-header{ color:var(--header-text-color) !important; } .mainmenu > .mainmenu__item > .mainmenu__link, .mainmenu > .mainmenu__item > .mainmenu__link > .mm-text, .header-toolbar > .header-toolbar__item > a, .header-toolbar > .header-toolbar__item > button, .header-icon, body.zk-cinema-mode .header-toolbar a, body.zk-cinema-mode .header-toolbar button, body.zk-cinema-mode .header-icon{ color:var(--header-text-color) !important; } .header-area svg, .site-header svg, header.header svg{ fill:currentColor; color:var(--header-text-color) !important; } html body.tpl-zakas header.zk-header, html body.tpl-zakas .header.zk-header{ background: linear-gradient( 110deg, #997654 0%, #997654 50%, #997654 100% ) !important; border-bottom: 1px solid rgba(255,255,255,.12) !important; box-shadow: 0 7px 24px rgba(153, 118, 84,.18) !important; color: #fff !important; } html body.tpl-zakas .zk-header .header-inner, html body.tpl-zakas .zk-header .container, html body.tpl-zakas .zk-header .row{ background: transparent !important; } html body.tpl-zakas .zk-header .mainmenu__link, html body.tpl-zakas .zk-header .mainmenu__link .mm-text{ color: #fff !important; font-weight: 800 !important; } html body.tpl-zakas .zk-header .mainmenu__link:hover{ background: rgba(255,255,255,.13) !important; color: #fff !important; } html body.tpl-zakas .zk-header .mainmenu__item.active > .mainmenu__link{ background: #f3f0e4 !important; color: #997654 !important; box-shadow: 0 4px 15px rgba(153, 118, 84,.14) !important; } html body.tpl-zakas .zk-header .mainmenu__item.active > .mainmenu__link .mm-text{ color: #997654 !important; } html body.tpl-zakas .zk-header .header-toolbar__btn, html body.tpl-zakas .zk-header .header-toolbar__btn i, html body.tpl-zakas .zk-header .header-toolbar__btn svg, html body.tpl-zakas .zk-header .zk-lang{ color: #fff !important; stroke: currentColor !important; } html body.tpl-zakas .zk-header .header-toolbar__btn{ border: 1px solid rgba(255,255,255,.20) !important; background: rgba(255,255,255,.07) !important; } html body.tpl-zakas .zk-header .header-toolbar__btn:hover{ border-color: rgba(255,255,255,.38) !important; background: rgba(255,255,255,.15) !important; color: #fff !important; } html body.tpl-zakas .zk-header .site-branding .logo{ background: #fff !important; border: 1px solid rgba(255,255,255,.35) !important; border-radius: 11px !important; } html body.tpl-zakas .zk-header .zk-submenu{ background: #fffdf8 !important; border: 1px solid #ececec !important; } html body.tpl-zakas .zk-header .zk-submenu a, html body.tpl-zakas .zk-header .zk-submenu a .mm-text{ color: #997654 !important; font-weight: 700 !important; } html body.tpl-zakas .zk-header .zk-submenu a:hover{ background: #ececec !important; color: #997654 !important; } html body.tpl-zakas .zk-header .zk-account-dropdown{ background: #fffdf8 !important; color: #997654 !important; } html body.tpl-zakas .zk-header .zk-account-dropdown a{ color: #997654 !important; } @media(max-width:991px){ html body.tpl-zakas .zk-header .zk-menu-toggle{ background: rgba(255,255,255,.13) !important; color: #fff !important; } }