@font-face {
font-family: "Insaniburger";
src: url(//kryspyz.fr/wp-content/uploads/2026/10/Insaniburger.ttf) format("truetype");
font-display: swap;
}
:root {
--kz-y: #F5C83E;
--kz-k: #000;
--kz-w: #fff;
--kz-dots-k: radial-gradient(rgba(0, 0, 0, .2) 1.6px, transparent 1.8px);
--kz-dots-y: radial-gradient(rgba(245, 200, 62, .28) 1.6px, transparent 1.8px);
--kz-dots-w: radial-gradient(rgba(255, 255, 255, .16) 1.6px, transparent 1.8px);
}
html,
body {
overflow-x: clip;
} .kzx-s.e-con {
--padding-top: 0px;
--padding-bottom: 0px;
--padding-left: 0px;
--padding-right: 0px;
--gap: 0px;
--row-gap: 0px;
position: relative;
overflow: hidden;
isolation: isolate;
}
.kzx-s > .elementor-widget,
.kzx-s > .e-con-inner > .elementor-widget {
width: 100%;
}
.kzx-s .elementor-widget-shortcode,
.kzx-s .kzx-inner {
width: 100% !important;
max-width: 1240px;
margin-inline: auto;
padding-inline: 24px;
position: relative;
z-index: 2;
}
.kzx-wrap {
position: relative;
z-index: 2;
width: 100%;
max-width: 1240px;
margin-inline: auto;
padding-inline: 24px;
box-sizing: border-box;
}
.kzx-bg-y { background-color: var(--kz-y); background-image: var(--kz-dots-k); background-size: 12px 12px; }
.kzx-bg-k { background-color: var(--kz-k); background-image: var(--kz-dots-y); background-size: 14px 14px; }
.kzx-bg-w { background-color: var(--kz-w); background-image: var(--kz-dots-k); background-size: 14px 14px; } .kzx-fade-dots::before {
content: "";
position: absolute;
inset: 0;
z-index: 0;
background-image: var(--kz-dots-k);
background-size: 12px 12px;
-webkit-mask-image: linear-gradient(115deg, #000 0%, transparent 55%);
mask-image: linear-gradient(115deg, #000 0%, transparent 55%);
pointer-events: none;
} .kzx-title {
margin: 0;
font-family: "Anton", sans-serif !important;
font-weight: 400 !important;
font-size: clamp(48px, 7.4vw, 112px);
line-height: .92;
letter-spacing: .005em;
text-transform: uppercase;
color: var(--kz-w) !important;
--o: .035em;
--oc: var(--kz-k);
--sh: var(--kz-k);
text-shadow:
var(--o) 0 0 var(--oc), calc(var(--o) * -1) 0 0 var(--oc),
0 var(--o) 0 var(--oc), 0 calc(var(--o) * -1) 0 var(--oc),
var(--o) var(--o) 0 var(--oc), calc(var(--o) * -1) calc(var(--o) * -1) 0 var(--oc),
var(--o) calc(var(--o) * -1) 0 var(--oc), calc(var(--o) * -1) var(--o) 0 var(--oc),
.09em .09em 0 var(--sh);
transform: rotate(-4deg);
transform-origin: left center;
}
.kzx-title span { display: block; text-shadow: inherit; }
.kzx-title .is-y { color: var(--kz-y); }
.kzx-title .is-k { color: var(--kz-k); text-shadow: .06em .06em 0 var(--kz-w); }
.kzx-title--md { font-size: clamp(40px, 5.4vw, 78px); }
.kzx-title--sm { font-size: clamp(34px, 4vw, 56px); }
.kzx-title--center { transform-origin: center; text-align: center; }
.kzx-fr-teaser .kzx-title,
.kzx-steps-sec .kzx-title,
.kzx-delivery .kzx-title { --sh: var(--kz-y); }
.kzx-tag {
display: inline-block;
padding: .35em .7em .3em;
font-family: "Anton", sans-serif;
font-size: clamp(16px, 1.6vw, 22px);
line-height: 1;
letter-spacing: .06em;
text-transform: uppercase;
color: var(--kz-w);
background: var(--kz-k);
transform: rotate(-4deg);
}
.kzx-tag--y { color: var(--kz-k); background: var(--kz-y); border: 3px solid var(--kz-k); }
.kzx-lead {
margin: 0;
max-width: 520px;
font-family: "Dosis", sans-serif;
font-size: clamp(17px, 1.35vw, 20px);
font-weight: 600;
line-height: 1.45;
color: var(--kz-k);
}
.kzx-bg-k .kzx-lead,
.kzx-fr-teaser .kzx-lead,
.kzx-delivery .kzx-lead,
.kzx-steps-sec .kzx-lead { color: var(--kz-w); } .kzx-btn {
display: inline-flex;
align-items: center;
gap: .5em;
padding: 1.2rem 3rem;
font-family: "Anton", sans-serif;
font-size: 1.7rem;
line-height: 1;
letter-spacing: .05em;
text-transform: uppercase;
color: var(--kz-k) !important;
text-decoration: none !important;
background: var(--kz-y);
border: 4px solid var(--kz-k);
border-radius: 0;
box-shadow: 6px 6px 0 var(--kz-k);
transition: transform .15s ease, box-shadow .15s ease, background .15s ease, color .15s ease;
}
.elementor a.kzx-btn:hover { transform: translate(2px, 2px); box-shadow: 3px 3px 0 var(--kz-k); background: var(--kz-k); color: var(--kz-y) !important; }
.elementor a.kzx-btn:active { transform: translate(3px, 3px); box-shadow: 2px 2px 0 var(--kz-k); } .kzx-btn--k,
.kzx-bg-y .kzx-btn,
.kzx-on-y .kzx-btn { color: var(--kz-y) !important; background: #111; box-shadow: 6px 6px 0 var(--kz-w); }
.kzx-bg-k .kzx-btn,
.kzx-on-k .kzx-btn,
.kzx-fr-teaser .kzx-btn,
.kzx-delivery .kzx-btn,
.kzx-nav .kzx-btn { color: var(--kz-k) !important; background: var(--kz-y); box-shadow: 6px 6px 0 var(--kz-y); }
.kzx-btn--w { background: var(--kz-w); color: var(--kz-k) !important; box-shadow: 6px 6px 0 var(--kz-k); }
.elementor a.kzx-btn--k:hover,
.kzx-bg-y a.kzx-btn:hover,
.kzx-on-y a.kzx-btn:hover { background: var(--kz-w); color: var(--kz-k) !important; box-shadow: 3px 3px 0 var(--kz-w); }
.kzx-bg-k a.kzx-btn:hover,
.kzx-on-k a.kzx-btn:hover,
.kzx-nav a.kzx-btn:hover { background: var(--kz-w); color: var(--kz-k) !important; box-shadow: 3px 3px 0 var(--kz-y); }
.kzx-ctas { display: flex; flex-wrap: wrap; gap: 18px; } .kzx-bubble {
position: relative;
display: grid;
place-items: center;
padding: 9% 12%;
background: var(--kz-w);
border: 4px solid var(--kz-k);
border-radius: 50%;
box-shadow: 7px 7px 0 var(--kz-k);
}
.kzx-bubble::after {
content: "";
position: absolute;
bottom: -26px;
left: 26%;
width: 42px;
height: 40px;
background: var(--kz-w);
border: 4px solid var(--kz-k);
border-top: 0;
border-left: 0;
clip-path: polygon(0 0, 100% 0, 100% 100%);
transform: skewX(-25deg);
}
.kzx-bubble img { width: 100%; height: auto; display: block; }
.kzx-burst {
display: grid;
place-items: center;
aspect-ratio: 1;
text-align: center;
font-family: "Anton", sans-serif;
line-height: .95;
text-transform: uppercase;
color: var(--kz-k);
background: var(--kz-w);
clip-path: polygon(50% 0, 59% 13%, 75% 5%, 78% 21%, 95% 22%, 88% 37%, 100% 50%, 88% 63%, 95% 78%, 78% 79%, 75% 95%, 59% 87%, 50% 100%, 41% 87%, 25% 95%, 22% 79%, 5% 78%, 12% 63%, 0 50%, 12% 37%, 5% 22%, 22% 21%, 25% 5%, 41% 13%);
}
.kzx-burst--y { background: var(--kz-y); }
.kzx-deco { position: absolute; pointer-events: none; user-select: none; z-index: 1; }
.kzx-eclair { filter: drop-shadow(5px 5px 0 var(--kz-y)); }
@keyframes kzx-float { 0%, 100% { transform: translateY(0) rotate(var(--r, 0deg)); } 50% { transform: translateY(-12px) rotate(var(--r, 0deg)); } }
@keyframes kzx-wiggle { 0%, 100% { transform: rotate(var(--r, -6deg)) scale(1); } 50% { transform: rotate(calc(var(--r, -6deg) + 4deg)) scale(1.04); } }
@keyframes kzx-drive { from { transform: translateX(-30%); } to { transform: translateX(0); } }
@keyframes kzx-marquee { to { transform: translateX(-50%); } } .kzx-bands {
position: relative;
height: 150px;
margin: -40px 0;
z-index: 5;
pointer-events: none;
}
.kzx-band {
position: absolute;
left: -5%;
width: 110%;
top: 50%;
overflow: hidden;
padding: 14px 0 12px;
background: var(--kz-k);
border-block: 4px solid var(--kz-k);
transform: translateY(-50%) rotate(-3deg);
}
.kzx-band--y {
background: var(--kz-y);
transform: translateY(-50%) rotate(2.2deg);
}
.kzx-band__track {
display: flex;
width: max-content;
animation: kzx-marquee 26s linear infinite;
}
.kzx-band--y .kzx-band__track { animation-direction: reverse; animation-duration: 32s; }
.kzx-band__track span {
padding-right: 34px;
font-family: "Anton", sans-serif;
font-size: clamp(22px, 2.4vw, 34px);
line-height: 1;
letter-spacing: .04em;
text-transform: uppercase;
white-space: nowrap;
color: var(--kz-y);
}
.kzx-band--y .kzx-band__track span { color: var(--kz-k); }
.kzx-band__track b { color: var(--kz-w); font-weight: 400; }
.kzx-band--y .kzx-band__track b { color: var(--kz-k); } .kzx-head {
display: flex;
flex-wrap: wrap;
align-items: flex-end;
justify-content: space-between;
gap: 22px 40px;
margin-bottom: 44px;
}
.kzx-head .kzx-lead { max-width: 440px; } .kzx-hero {
position: relative;
min-height: clamp(620px, 92vh, 900px);
display: flex;
align-items: center;
padding: 150px 0 110px;
overflow: hidden;
background-color: var(--kz-y);
background-image: var(--kz-dots-k);
background-size: 12px 12px;
}
.kzx-hero--page { min-height: clamp(460px, 64vh, 640px); padding: 150px 0 90px; } .kzx-hero__panel {
position: absolute;
inset: 0 0 0 auto;
width: 52%;
background-color: var(--kz-k);
background-image: var(--kz-dots-y);
background-size: 14px 14px;
clip-path: polygon(22% 0, 100% 0, 100% 100%, 0 100%);
z-index: 0;
}
.kzx-hero__panel::before {
content: "";
position: absolute;
inset: 0;
background: url(//kryspyz.fr/wp-content/uploads/2026/10/kz-city.webp) right bottom / auto 96% no-repeat;
opacity: .55;
} .kzx-hero__panel::after {
content: "";
position: absolute;
inset: 0;
background: var(--kz-w);
clip-path: polygon(22% 0, 23.6% 0, 1.6% 100%, 0 100%);
}
.kzx-hero__city {
position: absolute;
left: -4%;
bottom: -2%;
width: 52%;
height: 85%;
background: url(//kryspyz.fr/wp-content/uploads/2026/10/kz-city.webp) left bottom / contain no-repeat;
filter: invert(1);
opacity: .16;
z-index: 0;
}
.kzx-hero__grid {
display: grid;
grid-template-columns: 1.05fr .95fr;
align-items: center;
gap: 30px;
}
.kzx-hero__copy { display: flex; flex-direction: column; align-items: flex-start; gap: 28px; }
.kzx-hero__copy .kzx-tag { margin-top: -6px; }
.kzx-hero__art {
position: relative;
min-height: 560px;
}
.kzx-hero__mascot {
position: absolute;
right: 2%;
bottom: -110px;
width: min(400px, 82%);
height: auto;
filter: drop-shadow(10px 10px 0 rgba(0, 0, 0, .55));
z-index: 2;
}
.kzx-hero__bubble {
position: absolute;
top: -10px;
left: 0;
width: min(330px, 62%);
transform: rotate(-6deg);
z-index: 3;
--r: -6deg;
animation: kzx-wiggle 3.4s ease-in-out infinite;
}
.kzx-hero__eclair {
position: absolute;
top: 30%;
right: -4%;
width: 150px;
--r: 12deg;
transform: rotate(12deg);
animation: kzx-float 3s ease-in-out infinite;
z-index: 1;
}
.kzx-hero__eclair--2 { top: auto; bottom: 8%; right: auto; left: -6%; width: 110px; --r: -150deg; transform: rotate(-150deg); animation-delay: -1.4s; }
.kzx-hero__bol {
position: absolute;
left: -8%;
bottom: -60px;
width: min(290px, 52%);
transform: rotate(-8deg);
filter: drop-shadow(8px 8px 0 var(--kz-k));
z-index: 3;
}
.kzx-hero__sticker {
position: absolute;
top: 16%;
left: 4%;
width: 120px;
font-size: 24px;
transform: rotate(-12deg);
z-index: 4;
border: 0;
filter: drop-shadow(5px 5px 0 var(--kz-k));
}
.kzx-hero__sticker small { display: block; font-size: 13px; letter-spacing: .05em; } .kzx-hero__art--page { min-height: 380px; }
.kzx-hero__art--page .kzx-hero__mascot { width: min(300px, 70%); bottom: -100px; right: 6%; }
.kzx-hero__art--page .kzx-hero__bubble { width: min(260px, 56%); left: 2%; top: 0; }
.kzx-hero__car {
position: absolute;
left: -6%;
bottom: -40px;
width: min(520px, 108%);
z-index: 2;
animation: kzx-drive 1.2s cubic-bezier(.2, .9, .3, 1) both;
filter: drop-shadow(0 0 0 var(--kz-w)) drop-shadow(3px 0 0 var(--kz-w)) drop-shadow(-3px 0 0 var(--kz-w)) drop-shadow(0 3px 0 var(--kz-w)) drop-shadow(0 -3px 0 var(--kz-w));
}
.kzx-hero__art--bol .kzx-hero__bol { left: auto; right: 0; bottom: -30px; width: min(420px, 92%); transform: rotate(6deg); } .kzx-sec-pad { padding: 120px 0 110px; }
.kzx-menu-teaser { background-color: var(--kz-w); }
.kzx-menu-teaser .kz-menu-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.kzx-foot-cta { display: flex; justify-content: center; margin-top: 48px; } .kzx-deal {
position: relative;
padding: 110px 0;
background: var(--kz-k);
}
.kzx-deal__slab {
position: relative;
display: grid;
grid-template-columns: .9fr 1.1fr;
align-items: center;
gap: 30px;
padding: 50px 56px;
background-color: var(--kz-y);
background-image: var(--kz-dots-k);
background-size: 12px 12px;
border: 4px solid var(--kz-k);
box-shadow: 14px 14px 0 var(--kz-w);
transform: rotate(-2deg);
}
.kzx-deal__art { position: relative; min-height: 340px; }
.kzx-deal__bol { position: absolute; left: -12%; top: 50%; width: 118%; max-width: 520px; transform: translateY(-50%) rotate(-10deg); filter: drop-shadow(10px 10px 0 var(--kz-k)); }
.kzx-deal__price { position: absolute; right: -2%; top: -30px; width: 150px; font-size: 40px; transform: rotate(12deg); filter: drop-shadow(6px 6px 0 var(--kz-k)); }
.kzx-deal__price small { display: block; font-size: 15px; }
.kzx-deal__copy { display: flex; flex-direction: column; align-items: flex-start; gap: 22px; transform: rotate(2deg); }
.kzx-deal .kzx-eclair { width: 120px; right: 4%; bottom: -40px; transform: rotate(160deg); filter: drop-shadow(5px 5px 0 var(--kz-y)) invert(0); } .kzx-stores-teaser {
position: relative;
padding: 130px 0 120px;
background-color: var(--kz-y);
background-image: var(--kz-dots-k);
background-size: 12px 12px;
}
.kzx-stores-teaser::after {
content: "";
position: absolute;
inset: auto 0 0 0;
height: 55%;
background: url(//kryspyz.fr/wp-content/uploads/2026/10/kz-city.webp) center bottom / auto 100% repeat-x;
filter: invert(1);
opacity: .14;
z-index: 0;
}
.kzx-stores-teaser__car {
position: absolute;
right: -30px;
bottom: 18px;
width: min(400px, 30vw);
transform: rotate(-3deg);
z-index: 1;
} .kzx-fr-teaser {
position: relative;
padding: 130px 0 120px;
background-color: var(--kz-k);
background-image: var(--kz-dots-y);
background-size: 14px 14px;
clip-path: polygon(0 4vw, 100% 0, 100% 100%, 0 100%);
margin-top: -4vw;
}
.kzx-fr-teaser__grid { display: grid; grid-template-columns: 1fr 1fr; gap: 50px; align-items: center; }
.kzx-fr-teaser__copy { display: flex; flex-direction: column; align-items: flex-start; gap: 26px; }
.kzx-stats { display: flex; flex-wrap: wrap; gap: 18px; }
.kzx-stat {
display: flex;
flex-direction: column;
min-width: 140px;
padding: 14px 18px 12px;
background: var(--kz-y);
border: 3px solid var(--kz-k);
box-shadow: 6px 6px 0 var(--kz-w);
transform: rotate(-3deg);
}
.kzx-stat:nth-child(2) { transform: rotate(2deg); background: var(--kz-w); box-shadow: 6px 6px 0 var(--kz-y); }
.kzx-stat:nth-child(3) { transform: rotate(-1deg); }
.kzx-stat b { font-family: "Anton", sans-serif; font-weight: 400; font-size: 48px; line-height: 1; color: var(--kz-k); }
.kzx-stat span { font-family: "Anton", sans-serif; font-size: 15px; letter-spacing: .05em; text-transform: uppercase; color: var(--kz-k); }
.kzx-poster {
position: relative;
border: 5px solid var(--kz-w);
box-shadow: 14px 14px 0 var(--kz-y);
transform: rotate(3deg);
overflow: hidden;
}
.kzx-poster img { display: block; width: 100%; height: auto; }
.kzx-poster__tag { position: absolute; left: -6px; bottom: 18px; }  .elementor-193 .elementor-element-997e952 {
display: none !important;
}
.elementor-193 .kz-menu-grid {
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 28px;
}
.elementor-193 .kz-menu-restos .elementor-widget-image img {
display: block;
width: 100%;
height: auto;
object-fit: contain;
object-position: bottom center;
}
@media (max-width: 1100px) {
.elementor-193 .kz-menu-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 767px) {
.elementor-193 .kz-menu-grid {
grid-template-columns: 1fr;
gap: 18px;
} .elementor-193 > .e-con:first-child,
.elementor-193 > .elementor-element:first-child {
padding-top: 88px !important;
padding-bottom: 40px !important;
}
.elementor-193 > .e-con:first-child .elementor-heading-title,
.elementor-193 > .elementor-element:first-child .elementor-heading-title {
margin-bottom: .35em !important;
}
.elementor-193 > .e-con:first-child .elementor-widget-text-editor,
.elementor-193 > .elementor-element:first-child .elementor-widget-text-editor {
margin-top: 4px !important;
} .elementor-193 > .e-con:nth-child(2),
.elementor-193 > .elementor-element:nth-child(2) {
padding-top: 36px !important;
padding-bottom: 48px !important;
padding-left: 18px !important;
padding-right: 18px !important;
}
.elementor-193 > .e-con:nth-child(2) .elementor-widget-heading,
.elementor-193 > .elementor-element:nth-child(2) .elementor-widget-heading {
margin-bottom: 0 !important;
}
.elementor-193 > .e-con:nth-child(2) .elementor-widget-text-editor,
.elementor-193 > .elementor-element:nth-child(2) .elementor-widget-text-editor {
margin: 2px 0 0 !important;
}
.elementor-193 > .e-con:nth-child(2) .elementor-widget-shortcode,
.elementor-193 > .elementor-element:nth-child(2) .elementor-widget-shortcode {
margin-top: 0 !important;
}
.elementor-193 .elementor-element-f04720c {
padding-bottom: 0 !important;
}
.elementor-193 .elementor-element-734cd2a {
margin: 2px 0 0 !important;
}
.elementor-193 .elementor-element-734cd2a p {
margin: 0 !important;
}
.elementor-193 .elementor-element-b7b010e {
margin-top: 0 !important;
}
.elementor-193 .kz-menu {
margin-top: 0;
}
.elementor-193 .kz-filters-wrap {
margin-top: 10px;
margin-bottom: 16px;
}
.elementor-193 .kz-menu-restos .elementor-widget-image {
max-width: 280px;
margin-inline: auto;
}
} .elementor-218 > .e-con:nth-child(2),
.elementor-218 > .elementor-element:nth-child(2) {
padding: 40px clamp(28px, 4vw, 72px) 48px !important;
margin: 0 !important;
overflow: visible !important;
}
.elementor-218 .elementor-element-66ca298 {
display: none !important;
}
.elementor-218 .elementor-element-e02f4ce,
.elementor-218 .elementor-element-e02f4ce .elementor-widget-container,
.elementor-218 .elementor-element-e02f4ce .elementor-shortcode {
max-width: none !important;
padding-right: 0 !important;
padding-left: 0 !important;
}
.elementor-218 > .e-con:nth-child(2) .elementor-widget-shortcode,
.elementor-218 > .e-con:nth-child(2) .elementor-widget-container,
.elementor-218 .elementor-element-e02f4ce {
margin: 0 !important;
}
@media (max-width: 767px) {
.elementor-218 > .e-con:nth-child(2),
.elementor-218 > .elementor-element:nth-child(2) {
padding: 24px 16px 32px !important;
}
} .elementor-99 .elementor-element-2d69156 .elementor-heading-title {
color: #111 !important;
}
.elementor-99 .elementor-element-2d69156 .e-con {
border-color: #111 !important;
}
.elementor-99 .elementor-element-949a586 > .elementor-widget-container {
border-color: #111 !important;
}
.elementor-99 .elementor-element-2d69156 .elementor-icon,
.elementor-99 .elementor-element-2d69156 .elementor-icon svg {
color: #111 !important;
fill: #111 !important;
border-color: #111 !important;
}
.elementor-99 .elementor-element-9510631 {
mix-blend-mode: multiply;
}
.kzx-locator-sec {
position: relative;
padding: 100px 0 130px;
background-color: var(--kz-y);
background-image: var(--kz-dots-k);
background-size: 12px 12px;
}
.kzx-delivery {
padding: 90px 0;
background: var(--kz-k);
text-align: center;
}
.kzx-delivery .kzx-ctas { justify-content: center; margin-top: 34px; } .kzx-why { padding: 120px 0 110px; background-color: var(--kz-w); }
.kzx-why__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 26px; }
.kzx-why__card {
position: relative;
padding: 30px 26px 26px;
background: var(--kz-w);
border: 3px solid var(--kz-k);
box-shadow: 8px 8px 0 var(--kz-y), 8px 8px 0 3px var(--kz-k);
transform: rotate(-1.5deg);
}
.kzx-why__card:nth-child(2) { transform: rotate(1.2deg); background: var(--kz-k); box-shadow: 8px 8px 0 var(--kz-y); }
.kzx-why__card:nth-child(3) { transform: rotate(-.5deg); }
.kzx-why__card h3 { margin: 0 0 10px !important; font-family: "Anton", sans-serif !important; font-weight: 400 !important; font-size: 30px !important; line-height: 1 !important; text-transform: uppercase; color: var(--kz-k) !important; }
.kzx-why__card:nth-child(2) h3 { color: var(--kz-y) !important; }
.kzx-why__card p { margin: 0 !important; font-family: "Dosis", sans-serif; font-size: 17px; font-weight: 600; line-height: 1.45; color: #222; }
.kzx-why__card:nth-child(2) p { color: var(--kz-w); }
.kzx-why__icon { display: grid; place-items: center; width: 64px; height: 64px; margin: -58px 0 16px; font-size: 30px; background: var(--kz-y); border: 3px solid var(--kz-k); transform: rotate(-8deg); }
.kzx-steps-sec { position: relative; padding: 120px 0; background-color: var(--kz-k); background-image: var(--kz-dots-y); background-size: 14px 14px; }
.kzx-steps-sec::after {
content: "";
position: absolute;
inset: auto 0 0 0;
height: 60%;
background: url(//kryspyz.fr/wp-content/uploads/2026/10/kz-city.webp) center bottom / auto 100% repeat-x;
opacity: .2;
z-index: 0;
}
.kzx-steps {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 26px 22px;
margin: 0 !important;
padding: 0 !important;
list-style: none !important;
counter-reset: kzstep;
}
.kzx-step {
position: relative;
margin: 0 !important;
padding: 52px 20px 22px;
background: var(--kz-w);
border: 3px solid var(--kz-k);
box-shadow: 7px 7px 0 var(--kz-y);
transform: rotate(var(--t, -1.5deg));
counter-increment: kzstep;
}
.kzx-step:nth-child(even) { --t: 1.5deg; }
.kzx-step:nth-child(4n+3) { --t: -.6deg; }
.kzx-step.is-last { background: var(--kz-y); box-shadow: 7px 7px 0 var(--kz-w); }
.kzx-step::before {
content: counter(kzstep, decimal-leading-zero);
position: absolute;
top: -26px;
left: 16px;
display: grid;
place-items: center;
width: 62px;
height: 62px;
font-family: "Anton", sans-serif;
font-size: 28px;
color: var(--kz-k);
background: var(--kz-y);
border: 3px solid var(--kz-k);
transform: rotate(-8deg);
}
.kzx-step.is-last::before { background: var(--kz-k); color: var(--kz-y); }
.kzx-step h3 { margin: 0 0 6px !important; font-family: "Anton", sans-serif !important; font-weight: 400 !important; font-size: 23px !important; line-height: 1.05 !important; text-transform: uppercase; color: var(--kz-k) !important; }
.kzx-step p { margin: 0 !important; font-family: "Dosis", sans-serif; font-size: 15px; font-weight: 600; line-height: 1.4; color: #222; }
.kzx-steps-sec .kzx-steps-mascot { position: absolute; right: -30px; bottom: -70px; width: 260px; z-index: 1; transform: rotate(-6deg); } .kzx-form-sec.e-con {
padding: 120px 24px 130px !important;
background-color: var(--kz-y);
background-image: var(--kz-dots-k);
background-size: 12px 12px;
align-items: center;
}
.kzx-form-sec > .elementor-widget-html { max-width: 1000px; margin-inline: auto; }
.kzx-form-sec .elementor-widget-form {
width: 100% !important;
max-width: 1000px;
margin-inline: auto;
z-index: 2;
}
.kzx-form-sec .elementor-widget-form > .elementor-widget-container {
padding: 44px 40px !important;
background: var(--kz-k) !important;
background-image: none !important;
border: 4px solid var(--kz-k) !important;
box-shadow: 14px 14px 0 var(--kz-w), 14px 14px 0 4px var(--kz-k) !important;
border-radius: 0 !important;
transform: rotate(-.8deg);
}
.kzx-form-sec .elementor-field-group .elementor-field-textual,
.kzx-form-sec .elementor-field-group select {
border: 3px solid var(--kz-k) !important;
border-radius: 0 !important;
box-shadow: 4px 4px 0 var(--kz-y);
}
.kzx-form-sec .elementor-field-label { color: var(--kz-w) !important; font-weight: 700; }
.kzx-form-sec .elementor-button {
font-family: "Anton", sans-serif !important;
letter-spacing: .05em;
text-transform: uppercase;
border: 4px solid var(--kz-k) !important;
border-radius: 0 !important;
box-shadow: 6px 6px 0 var(--kz-w) !important;
}
.kzx-form-head { display: flex; flex-direction: column; align-items: center; gap: 22px; margin-bottom: 50px; text-align: center; }
.kzx-form-head .kzx-lead { text-align: center; } .elementor-687 .elementor-element-fd59857 {
align-items: center !important;
}
.elementor-687 .elementor-element-43f70c4,
.elementor-687 .elementor-element-e3020cb,
.elementor-687 .elementor-element-dddff70 {
align-self: center !important;
width: auto !important;
margin: 0 !important;
}
.elementor-687 .elementor-element-43f70c4 > .elementor-widget-container,
.elementor-687 .elementor-element-e3020cb > .elementor-widget-container,
.elementor-687 .elementor-element-dddff70 > .elementor-widget-container {
margin: 0 !important;
padding: 0 !important;
}
.elementor-687 .elementor-element.elementor-element-43f70c4 .elementor-button {
box-sizing: border-box !important;
height: 64px !important;
min-height: 0 !important;
padding: 0 26px !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
line-height: 1 !important;
border: 3px solid var(--kz-k) !important;
border-radius: 0 !important;
box-shadow: 4px 4px 0 var(--kz-k) !important;
transition: transform .15s ease, box-shadow .15s ease, background .15s ease, color .15s ease !important;
} .elementor-687 .elementor-element.elementor-element-43f70c4 .elementor-button:hover,
.elementor-687 .elementor-element-e3020cb .uc_animated_hamburger_icon:hover,
.elementor-687 .elementor-element-dddff70 .uc_animated_hamburger_icon:hover {
transform: translate(2px, 2px) !important;
box-shadow: 2px 2px 0 var(--kz-k) !important;
background: var(--kz-y) !important;
color: var(--kz-k) !important;
}
.elementor-687 .elementor-element-e3020cb .uc_animated_hamburger_icon,
.elementor-687 .elementor-element-dddff70 .uc_animated_hamburger_icon {
box-sizing: border-box;
width: 64px !important;
height: 64px !important;
background: var(--kz-y) !important;
border: 3px solid var(--kz-k) !important;
border-radius: 0 !important;
box-shadow: 4px 4px 0 var(--kz-k) !important;
display: grid !important;
place-items: center;
transition: transform .15s ease, box-shadow .15s ease, background .15s ease;
}
.elementor-687 .elementor-element-e3020cb .uc_animated_hamburger_icon:hover .uc_line,
.elementor-687 .elementor-element-dddff70 .uc_animated_hamburger_icon:hover .uc_line {
background-color: var(--kz-k) !important;
}
.elementor-687 .elementor-element-e3020cb .uc_animated_hamburger_icon.is-active,
.elementor-687 .elementor-element-dddff70 .uc_animated_hamburger_icon.is-active,
.elementor-687 .elementor-element-e3020cb .uc_animated_hamburger_icon.is-active:hover,
.elementor-687 .elementor-element-dddff70 .uc_animated_hamburger_icon.is-active:hover {
background: var(--kz-w) !important;
border-color: var(--kz-k) !important;
box-shadow: 4px 4px 0 var(--kz-k) !important;
}
.elementor-687 .elementor-element-e3020cb .uc_hamburger .uc_line,
.elementor-687 .elementor-element-dddff70 .uc_hamburger .uc_line {
background-color: var(--kz-k) !important;
width: 100% !important;
height: 4px !important;
margin: 0 !important;
display: block !important;
}
.elementor-687 .elementor-element-e3020cb .uc_hamburger.is-active .uc_line,
.elementor-687 .elementor-element-dddff70 .uc_hamburger.is-active .uc_line,
.elementor-687 .elementor-element-e3020cb .uc_animated_hamburger_icon.is-active:hover .uc_line,
.elementor-687 .elementor-element-dddff70 .uc_animated_hamburger_icon.is-active:hover .uc_line { background-color: var(--kz-k) !important; }
.elementor-687 .elementor-element-e3020cb .uc_hamburger.is-active .uc_line:nth-child(1),
.elementor-687 .elementor-element-dddff70 .uc_hamburger.is-active .uc_line:nth-child(1) {
transform: translateY(9px) rotate(45deg) !important;
}
.elementor-687 .elementor-element-e3020cb .uc_hamburger.is-active .uc_line:nth-child(3),
.elementor-687 .elementor-element-dddff70 .uc_hamburger.is-active .uc_line:nth-child(3) {
transform: translateY(-9px) rotate(-45deg) !important;
}
.elementor-687 .elementor-element-e3020cb > .elementor-widget-container,
.elementor-687 .elementor-element-dddff70 > .elementor-widget-container { background: transparent !important; }
.elementor-687 .elementor-element-e3020cb .uc_hamburger,
.elementor-687 .elementor-element-dddff70 .uc_hamburger {
transform: none !important;
width: 26px !important;
height: auto !important;
margin: 0 !important;
display: flex !important;
flex-direction: column;
justify-content: center;
gap: 5px;
} .elementor-687 .elementor-element-9f9405f > .elementor-widget-container {
--e-transform-rotateZ: 0deg !important;
transform: rotate(5.5deg) !important;
transform-origin: center center !important;
} .elementor-23 .elementor-element-1214a9c {
min-height: 0 !important;
width: 100% !important;
max-width: none !important;
padding: clamp(96px, 8vw, 140px) clamp(28px, 5vw, 80px) clamp(88px, 7vw, 120px) !important;
position: relative;
display: flex !important;
flex-direction: column !important;
align-items: center !important;
justify-content: center !important;
gap: 0 !important;
background-color: #000 !important;
text-align: center !important;
}
.elementor-23 .elementor-element-1214a9c > .elementor-element {
margin: 0 !important;
}
.elementor-23 .elementor-element-1214a9c > .elementor-element-fb2833c { width: auto !important; align-self: center !important; height: auto !important; min-height: 0 !important; } .elementor-23 .elementor-element-956814f { width: 100% !important; max-width: none !important; align-self: center !important; }
.elementor-23 .elementor-element-1214a9c > .elementor-element-39e3aaa { width: 100% !important; max-width: 640px !important; align-self: center !important; } .elementor-23 .elementor-element-1214a9c > .elementor-element-e7d81a9 { margin-top: 56px !important; }
.elementor-23 .elementor-element-1214a9c > .elementor-element-8425647 { order: 5; width: auto !important; align-self: center !important; text-align: center !important; margin-top: 64px !important; } .elementor-23 .elementor-element-8425647 > .elementor-widget-container,
.elementor-23 .elementor-element-86f50de > .elementor-widget-container,
.elementor-23 .elementor-element-0fa8b94 > .elementor-widget-container,
.elementor-23 .elementor-element-2947daa > .elementor-widget-container {
margin: 0 !important;
}
.elementor-23 .elementor-element-fb2833c .elementor-heading-title {
display: block;
width: fit-content;
margin: 0 auto;
padding: 0 !important;
background: none !important;
color: var(--kz-y) !important;
border: 0 !important;
box-shadow: none !important;
font-size: clamp(28px, 2.4vw, 40px) !important; \n\tletter-spacing: 0 !important;
text-transform: none !important;
}
.elementor-23 .elementor-element-956814f .elementor-heading-title {
text-align: center !important;
font-size: clamp(48px, 4.8vw, 96px) !important; \n\tcolor: #fff !important;
word-break: normal !important;
overflow-wrap: normal !important;
}
.elementor-23 .elementor-element-39e3aaa,
.elementor-23 .elementor-element-39e3aaa .elementor-widget-container,
.elementor-23 .elementor-element-39e3aaa p {
text-align: center !important;
color: #fff !important;
font-size: 20px !important;
line-height: 1.45 !important;
margin: 0 auto;
} .elementor-23 .elementor-element-e7d81a9 {
display: grid !important;
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
justify-items: center !important;
align-items: start !important;
gap: 0 !important;
width: min(780px, 100%) !important;
max-width: 780px !important;
margin-left: auto !important;
margin-right: auto !important;
align-self: center !important;
}
.elementor-23 .elementor-element-e7d81a9 > .elementor-element {
width: 100% !important;
max-width: none !important;
flex: none !important;
min-width: 0 !important;
display: flex !important;
justify-content: center !important;
position: relative;
}
.elementor-23 .elementor-element-e7d81a9 > .elementor-element:not(:first-child)::before {
content: "";
position: absolute;
left: 0;
top: 18px;
width: 3px;
height: 62px;
background: var(--kz-y);
}
.elementor-23 .elementor-element-86f50de .elementor-counter,
.elementor-23 .elementor-element-0fa8b94 .elementor-counter,
.elementor-23 .elementor-element-2947daa .elementor-counter {
display: flex !important;
flex-direction: column !important;
align-items: center !important;
justify-content: flex-start !important;
gap: 8px;
width: 100% !important;
background: none !important;
border: 0 !important;
box-shadow: none !important;
padding: 0 !important;
text-align: center !important;
}
.elementor-23 .elementor-element-e7d81a9 .elementor-counter-number-wrapper {
order: -1;
display: flex !important;
justify-content: center !important;
width: 100% !important;
}
.elementor-23 .elementor-element-e7d81a9 .elementor-counter-number {
color: #fff !important;
font-size: clamp(56px, 4vw, 84px) !important;
line-height: .9 !important;
text-align: center !important;
text-shadow: none !important;
}
.elementor-23 .elementor-element-e7d81a9 .elementor-counter-title {
color: var(--kz-y) !important;
font-family: Insaniburger, sans-serif !important;
font-size: 20px !important;
font-weight: 400 !important;
line-height: 1.05 !important;
letter-spacing: 0 !important;
text-align: center !important;
text-transform: none !important;
text-shadow: none !important;
white-space: nowrap !important;
width: 100% !important;
}
.elementor-23 .elementor-element-307d2e1 { display: none !important; }
@media (max-width: 1024px) {
.elementor-23 .elementor-element-1214a9c { padding: 72px 24px !important; }
.elementor-23 .elementor-element-956814f .elementor-heading-title { font-size: clamp(40px, 9vw, 72px) !important; }
.elementor-23 .elementor-element-e7d81a9 { width: 100% !important; max-width: 100% !important; }
.elementor-23 .elementor-element-e7d81a9 .elementor-counter-title { font-size: 16px !important; white-space: normal !important; }
.elementor-23 .elementor-element-e7d81a9 > .elementor-element:not(:first-child)::before { height: 36px; }
}
@media (max-width: 767px) {
.elementor-23 .elementor-element-1214a9c { padding: 56px 18px !important; } .elementor-23 .elementor-element-1214a9c > .elementor-element-e7d81a9 { margin-top: 40px !important; }
.elementor-23 .elementor-element-1214a9c > .elementor-element-8425647 { margin-top: 40px !important; }
.elementor-23 .elementor-element-e7d81a9 { grid-template-columns: 1fr !important; gap: 32px !important; }
.elementor-23 .elementor-element-e7d81a9 > .elementor-element:not(:first-child)::before { display: none; }
} .elementor-23 .elementor-element-a61c1dd .swiper-slide .elementor-widget-image {
overflow: hidden;
}
.elementor-23 .elementor-element-a61c1dd .swiper-slide .elementor-widget-image img {
width: 100%;
max-width: 100%;
height: 220px;
object-fit: contain;
object-position: center center;
} .elementor-23 .elementor-element-a61c1dd .e-n-carousel.offset-both {
padding-inline-start: var(--e-n-carousel-swiper-offset-size, 0px) !important;
padding-inline-end: var(--e-n-carousel-swiper-offset-size, 0px) !important;
}
@media (max-width: 767px) { .elementor-23 .elementor-element-a61c1dd .swiper-slide .elementor-widget-image .elementor-widget-container {
padding-inline: 0 !important;
}
.elementor-23 .elementor-element-a61c1dd .swiper-slide .elementor-widget-image img {
height: 200px;
width: 100%;
max-width: none;
object-fit: contain;
}
} .elementor-23 .elementor-element-0e14506,
.elementor-23 .elementor-element-b49ca3b {
transform: rotate(-1.5deg);
}
.elementor-23 .elementor-element-b40d829,
.elementor-23 .elementor-element-e998289 {
transform: rotate(1.5deg);
} .elementor-129 .dialog-message,
.elementor-popup-modal .elementor-129 { overflow: hidden; container-type: inline-size; } #elementor-popup-modal-129 .dialog-widget-content {
background-color: transparent !important;
background-image: none !important;
}
.kzx-nav {
position: relative;
display: flex;
flex-direction: column;
justify-content: center;
min-height: 100vh;
min-height: 100dvh;
padding: 110px 8% 60px;
box-sizing: border-box;
overflow: hidden;
background-color: var(--kz-k);
background-image: var(--kz-dots-y);
background-size: 14px 14px;
}
.kzx-nav::before {
content: "";
position: absolute;
inset: 0;
background: var(--kz-y);
clip-path: polygon(0 0, 46% 0, 22% 100%, 0 100%);
background-image: var(--kz-dots-k);
background-size: 12px 12px;
z-index: 0;
}
.kzx-nav__list {
position: relative;
z-index: 2;
margin: 0 !important;
padding: 0 !important;
list-style: none !important;
display: flex;
flex-direction: column;
gap: 6px;
}
.kzx-nav__list li { margin: 0 !important; }
.kzx-nav__link {
display: inline-flex;
align-items: baseline;
gap: 16px;
font-family: "Anton", sans-serif;
font-size: clamp(44px, 6.4vw, 92px);
line-height: 1.02;
text-transform: uppercase;
text-decoration: none !important;
color: var(--kz-w) !important;
text-shadow:
.03em 0 0 #000, -.03em 0 0 #000, 0 .03em 0 #000, 0 -.03em 0 #000,
.03em .03em 0 #000, -.03em -.03em 0 #000, .03em -.03em 0 #000, -.03em .03em 0 #000,
.07em .07em 0 #000;
transform: rotate(-3deg);
transform-origin: left center;
transition: transform .2s ease, color .2s ease;
opacity: 0;
animation: kzx-nav-in .45s cubic-bezier(.2, 1.4, .4, 1) forwards;
animation-delay: calc(var(--i, 0) * 60ms + 120ms);
}
.kzx-nav__link small {
font-size: .3em;
text-shadow: none;
color: var(--kz-y);
letter-spacing: .08em;
} @keyframes kzx-nav-in {
from { opacity: 0; transform: rotate(-3deg) translateX(-40px); }
to   { opacity: 1; transform: rotate(-3deg) translateX(0); }
}
.kzx-nav__foot {
position: relative;
z-index: 2;
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 18px 26px;
margin-top: 46px;
}
.kzx-nav__foot a.kzx-nav__mail { font-family: "Dosis", sans-serif; font-weight: 700; color: var(--kz-w) !important; text-decoration: underline !important; text-underline-offset: 4px; }
.kzx-nav__mascot { position: absolute; right: -40px; bottom: -80px; width: min(300px, 40%); z-index: 1; transform: rotate(-8deg); }
.kzx-nav__bubble { position: absolute; right: 8%; top: 90px; width: min(230px, 30%); z-index: 1; transform: rotate(8deg); }
.kzx-nav__eclair { position: absolute; right: 30%; bottom: 14%; width: 90px; z-index: 1; transform: rotate(-20deg); filter: drop-shadow(4px 4px 0 var(--kz-y)); } .elementor-popup-modal .dialog-close-button {
display: none !important;
} .elementor-129 .elementor-element-34c8aac {
position: relative;
justify-content: center;
min-height: 100vh;
min-height: 100dvh;
padding: 90px 7% 50px;
overflow: hidden;
}
.elementor-129 .elementor-element-34c8aac > .elementor-element { position: relative; z-index: 2; }
.elementor-129 .elementor-widget-icon-list { width: auto !important; max-width: 100%; }
.elementor-129 .elementor-icon-list-items {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: clamp(14px, 1.4cqi, 26px);
width: max-content;
max-width: 100%;
margin: 0 !important;
padding: 8px 0 !important;
list-style: none !important;
}
.elementor-129 .elementor-icon-list-item {
margin: 0 !important;
width: auto !important;
transform: none !important;
}
.elementor-129 .elementor-icon-list-item a {
display: inline-flex !important;
align-items: center;
width: auto !important;
padding: 0 !important;
background: none !important;
border: none !important;
box-shadow: none !important;
text-decoration: none !important;
transition: color .15s ease;
}
.elementor-129 .elementor-icon-list-icon { display: none !important; } .elementor-129 .elementor-icon-list-text {
display: inline-block;
text-shadow: none !important;
padding: 0 !important;
}
.elementor-129 .elementor-icon-list-item a:hover,
.elementor-129 .elementor-icon-list-item a:focus-visible,
.elementor-129 .elementor-icon-list-item a.is-current,
.elementor-129 .elementor-icon-list-item a.is-current:hover,
.elementor-129 .elementor-icon-list-item a.is-current:focus-visible {
background: none !important;
outline: none;
}
.elementor-129 .elementor-widget-image { z-index: 1; pointer-events: none; } .elementor-129 .elementor-element-9d8d13f {
position: absolute !important;
right: 0 !important;
bottom: 0 !important;
left: auto !important;
top: auto !important;
margin: 0 !important;
z-index: 1;
pointer-events: none;
background: none !important;
-webkit-mask: none !important;
mask: none !important;
}
.elementor-129 .elementor-element-9d8d13f .elementor-widget-container {
background: none !important;
padding: 0 !important;
}
.elementor-129 .elementor-element-9d8d13f img {
display: block;
height: auto;
}
@media (max-width: 767px) {
body.kz-menu-open { overflow: hidden !important; }
#elementor-popup-modal-129,
#elementor-popup-modal-129 .dialog-widget-content,
#elementor-popup-modal-129 .dialog-message,
#elementor-popup-modal-129 .elementor-129 {
position: fixed !important;
top: 0 !important;
left: 0 !important;
right: 0 !important;
bottom: 0 !important;
width: 100% !important;
height: 100dvh !important;
max-height: 100dvh !important;
margin: 0 !important;
overflow: hidden !important;
transform: none !important;
}
.elementor-129 .elementor-element-34c8aac { height: 100dvh !important;
max-height: 100dvh !important;
overflow: hidden !important;
box-sizing: border-box;
}
.elementor-129 .elementor-element-34c8aac > .e-con-inner {
width: 100% !important;
max-width: 100% !important;
margin: 0 auto !important;
height: auto !important;
}
.elementor-129 .elementor-element-52f5296,
.elementor-129 .elementor-widget-icon-list,
.elementor-129 .elementor-icon-list-items,
.elementor-129 .elementor-icon-list-item,
.elementor-129 .elementor-icon-list-item a {
margin: 0 !important;
width: 100% !important;
max-width: 100% !important;
}
.elementor-129 .elementor-icon-list-items {
gap: 12px;
padding: 0 !important;
align-items: stretch !important;
}
.elementor-129 .elementor-icon-list-item a {
justify-content: center;
}
.elementor-129 .elementor-element-9d8d13f {
position: fixed !important;
right: 0 !important;
bottom: 0 !important;
left: auto !important;
top: auto !important;
z-index: 3 !important;
}
}
@media (max-width: 767px) and (max-height: 740px) {
.elementor-129 .elementor-icon-list-items { gap: 8px; }
body.kz-menu-open .elementor-687 .elementor-element-9f9405f img {
content: url(//kryspyz.fr/wp-content/uploads/2026/10/logo-black-yellow.png);
}
.elementor-687 .elementor-element-dddff70 .uc_animated_hamburger_icon {
width: 46px !important;
height: 46px !important;
}
.elementor-687 .elementor-element-dddff70 .uc_hamburger {
width: 20px !important;
gap: 4px;
}
.elementor-687 .elementor-element-dddff70 .uc_hamburger .uc_line {
height: 3px !important;
}
.elementor-687 .elementor-element-dddff70 .uc_hamburger.is-active .uc_line:nth-child(1) {
transform: translateY(7px) rotate(45deg) !important;
}
.elementor-687 .elementor-element-dddff70 .uc_hamburger.is-active .uc_line:nth-child(3) {
transform: translateY(-7px) rotate(-45deg) !important;
}
} @media (max-width: 1024px) {
.kzx-hero { min-height: 0; padding: 140px 0 0; }
.kzx-hero__grid { grid-template-columns: 1fr; gap: 10px; }
.kzx-hero__panel { width: 100%; top: auto; height: 48%; clip-path: polygon(0 18%, 100% 0, 100% 100%, 0 100%); }
.kzx-hero__panel::after { clip-path: polygon(0 18%, 100% 0, 100% 1.8%, 0 19.8%); }
.kzx-hero__art { min-height: 520px; max-width: 560px; width: 100%; margin-inline: auto; }
.kzx-hero__mascot { bottom: -40px; }
.kzx-hero__art--page { min-height: 380px; }
.kzx-hero__art--page .kzx-hero__mascot { bottom: -30px; }
.kzx-hero--page { padding-bottom: 0; }
.kzx-menu-teaser .kz-menu-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.kzx-deal__slab { grid-template-columns: 1fr; padding: 40px 30px; }
.kzx-deal__art { min-height: 300px; }
.kzx-deal__bol { left: 50%; width: 80%; transform: translate(-50%, -50%) rotate(-10deg); }
.kzx-fr-teaser__grid { grid-template-columns: 1fr; }
.kzx-steps { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 44px 22px; }
.kzx-why__grid { grid-template-columns: 1fr; gap: 50px; max-width: 560px; margin-inline: auto; }
.kzx-stores-teaser { padding-bottom: 200px; }
.kzx-stores-teaser__car { width: 340px; }
.kzx-nav__mascot { width: 220px; }
}
@media (max-width: 767px) {
.kzx-wrap,
.kzx-s .elementor-widget-shortcode { padding-inline: 18px; }
.kzx-hero { padding-top: 150px; }
.kzx-hero__copy { gap: 20px; }
.kzx-hero__art { min-height: 420px; }
.kzx-hero__mascot { width: min(300px, 70%); right: 0; }
.kzx-hero__bubble { width: 58%; }
.kzx-hero__bol { width: 46%; left: -2%; bottom: -10px; }
.kzx-hero__eclair { width: 90px; right: 0; }
.kzx-hero__eclair--2 { display: none; }
.kzx-hero__sticker { width: 92px; font-size: 18px; top: 30%; left: 0; }
.kzx-hero__art--page { min-height: 320px; }
.kzx-hero__car { width: 100%; left: 0; bottom: -10px; }
.kzx-ctas { gap: 14px; }
.kzx-ctas .kzx-btn { flex: 1 1 auto; justify-content: center; }
.kzx-bands { height: 120px; margin: -30px 0; }
.kzx-sec-pad,
.kzx-menu-page,
.kzx-locator-sec,
.kzx-why,
.kzx-steps-sec { padding: 90px 0; }
.kzx-head { margin-bottom: 30px; }
.kzx-menu-teaser .kz-menu-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.kzx-deal { padding: 80px 0; }
.kzx-deal__slab { padding: 30px 20px; box-shadow: 8px 8px 0 var(--kz-w); }
.kzx-deal__price { width: 110px; font-size: 30px; right: -10px; }
.kzx-stores-teaser { padding: 90px 0; }
.kzx-stores-teaser { padding-bottom: 170px; }
.kzx-stores-teaser__car { width: 74vw; bottom: 10px; right: -14vw; opacity: 1; }
.kzx-fr-teaser { padding: 110px 0 90px; }
.kzx-stat { min-width: 0; flex: 1 1 90px; padding: 10px 12px; }
.kzx-stat b { font-size: 36px; }
.kzx-stat span { font-size: 12px; }
.kzx-steps { grid-template-columns: 1fr; gap: 44px; }
.kzx-steps-sec .kzx-steps-mascot { display: none; }
.kzx-form-sec.e-con { padding: 90px 14px !important; }
.kzx-form-sec .elementor-widget-form > .elementor-widget-container { padding: 26px 18px !important; box-shadow: 8px 8px 0 var(--kz-w), 8px 8px 0 4px var(--kz-k) !important; transform: none; }
.kzx-nav { padding: 100px 26px 40px; }
.kzx-nav::before { clip-path: polygon(0 0, 30% 0, 8% 100%, 0 100%); }
.kzx-nav__bubble { display: none; }
.kzx-nav__mascot { width: 170px; right: -30px; bottom: -40px; }
.kzx-nav__eclair { display: none; }
.elementor-687 .elementor-element.elementor-element-43f70c4 .elementor-button,
.elementor-687 .elementor-element-e3020cb .uc_animated_hamburger_icon,
.elementor-687 .elementor-element-dddff70 .uc_animated_hamburger_icon {
width: 56px !important;
height: 56px !important;
box-shadow: 3px 3px 0 var(--kz-k) !important;
}
.elementor-687 .elementor-element.elementor-element-43f70c4 .elementor-button:hover,
.elementor-687 .elementor-element-e3020cb .uc_animated_hamburger_icon:hover,
.elementor-687 .elementor-element-dddff70 .uc_animated_hamburger_icon:hover,
.elementor-687 .elementor-element-e3020cb .uc_animated_hamburger_icon.is-active,
.elementor-687 .elementor-element-dddff70 .uc_animated_hamburger_icon.is-active,
.elementor-687 .elementor-element-e3020cb .uc_animated_hamburger_icon.is-active:hover,
.elementor-687 .elementor-element-dddff70 .uc_animated_hamburger_icon.is-active:hover {
box-shadow: 2px 2px 0 var(--kz-k) !important;
}
.elementor-687 .elementor-element.elementor-element-43f70c4 .elementor-button { width: auto !important; padding: 0 18px !important; }
.elementor-687 .elementor-element-dddff70 .uc_animated_hamburger_icon {
width: 46px !important;
height: 46px !important;
} body .elementor a.elementor-button,
body .elementor .elementor-button {
box-shadow: 6px 6px 0 0 var(--kz-k) !important;
}
body .elementor a.elementor-button:hover,
body .elementor .elementor-button:hover,
body .elementor a.elementor-button:focus {
box-shadow: 4px 4px 0 0 var(--kz-k) !important;
} body .elementor .elementor-element-ae31b4c a.elementor-button,
body .elementor .elementor-element-700401c a.elementor-button,
body .elementor .elementor-element-8425647 a.elementor-button {
box-shadow: 6px 6px 0 0 var(--kz-w) !important;
}
body .elementor .elementor-element-ae31b4c a.elementor-button:hover,
body .elementor .elementor-element-700401c a.elementor-button:hover,
body .elementor .elementor-element-8425647 a.elementor-button:hover,
body .elementor .elementor-element-ae31b4c a.elementor-button:focus,
body .elementor .elementor-element-700401c a.elementor-button:focus,
body .elementor .elementor-element-8425647 a.elementor-button:focus {
box-shadow: 4px 4px 0 0 var(--kz-w) !important;
}
body .elementor a.kzx-btn,
body .elementor a.kz-btn,
body a.kzx-btn,
body a.kz-btn {
box-shadow: 3px 3px 0 var(--kz-k) !important;
}
body .elementor a.kz-btn--black,
body a.kz-btn--black {
box-shadow: 3px 3px 0 var(--kz-y) !important;
}
.kzx-form-sec .elementor-button {
box-shadow: 4px 4px 0 var(--kz-w) !important;
}
}
@media (prefers-reduced-motion: reduce) {
.kzx-band__track,
.kzx-hero__bubble,
.kzx-hero__eclair,
.kzx-hero__car,
.kzx-nav__link,
.kz-mcard.is-pop,
.elementor-99 .elementor-element-1e08c2f,
.elementor-99 .elementor-element-41fe06b,
.elementor-99 .elementor-element-f5a6321,
.elementor-99 .elementor-element-4f717a3,
.elementor-99 .elementor-element-b7b11b1 .e-form__step { animation: none !important; opacity: 1 !important; }
.elementor-99 .elementor-element-1e08c2f { transform: scaleX(-1) rotate(-18deg) !important; }
.elementor-99 .elementor-element-41fe06b { transform: rotate(16deg) !important; }
.elementor-99 .elementor-element-f5a6321 { transform: scale(-1) rotate(14deg) !important; }
.elementor-99 .elementor-element-4f717a3 { transform: scaleY(-1) rotate(-16deg) !important; }
}  .elementor-99 .elementor-element-7aaa031,
.elementor-99 .elementor-element-7aaa031 > .e-con-inner,
.elementor-99 .elementor-element-163dff9 {
overflow: visible !important;
}
.elementor-99 .elementor-element-163dff9 {
position: relative;
z-index: 2;
}
.elementor-99 .elementor-element.elementor-element-b7b11b1,
.elementor-99 .elementor-element.elementor-element-b7b11b1::before,
.elementor-99 .elementor-element.elementor-element-b7b11b1::after,
.elementor-99 .elementor-element.elementor-element-b7b11b1 > .elementor-widget-container,
.elementor-99 .elementor-element.elementor-element-b7b11b1 > .elementor-widget-container::before,
.elementor-99 .elementor-element.elementor-element-b7b11b1 > .elementor-widget-container::after {
box-shadow: none !important;
filter: none !important;
}
.elementor-99 .elementor-element.elementor-element-b7b11b1 > .elementor-widget-container {
background: #fff !important;
background-image: none !important;
border: 3px solid #111 !important;
border-radius: 0 !important; } .elementor-99 .elementor-element-b7b11b1 .e-form__indicators {
display: flex !important;
align-items: center !important;
width: 100%;
margin: 0 0 18px !important;
gap: 0;
}
.elementor-99 .elementor-element-b7b11b1 .e-form__indicators__indicator {
flex: 0 0 auto !important;
width: auto !important;
margin: 0 !important;
padding: 0 !important;
display: flex !important;
align-items: center !important;
}
.elementor-99 .elementor-element-b7b11b1 .e-form__indicators__indicator__label {
display: none !important;
}
.elementor-99 .elementor-element-b7b11b1 .e-form__indicators__indicator__number {
box-sizing: border-box;
width: 40px !important;
height: 40px !important;
margin: 0 !important;
padding: 0 !important;
display: grid !important;
place-items: center;
border-radius: 0 !important;
border: 2px solid #111 !important;
background: #fff !important;
color: #111 !important;
font-family: "Anton", sans-serif !important;
font-size: 18px !important;
font-weight: 400 !important; \n\tletter-spacing: 0 !important;
transition: background .2s ease, color .2s ease, transform .2s ease;
}
.elementor-99 .elementor-element-b7b11b1 .e-form__indicators__indicator--state-active .e-form__indicators__indicator__number,
.elementor-99 .elementor-element-b7b11b1 .e-form__indicators__indicator--state-completed .e-form__indicators__indicator__number {
background: #F5C83E !important;
color: #111 !important;
border-color: #111 !important;
}
.elementor-99 .elementor-element-b7b11b1 .e-form__indicators__indicator__separator {
flex: 1 1 auto !important;
width: auto !important;
height: 2px !important;
margin: 0 14px !important;
background: #111 !important;
border: 0 !important;
} .elementor-99 .elementor-element-b7b11b1 .e-form__step:not(.elementor-hidden) {
display: flex !important;
flex-direction: row !important;
flex-wrap: wrap !important;
align-items: stretch !important;
align-content: flex-start !important;
gap: 16px 16px !important;
width: 100% !important;
margin: 0 !important;
padding: 0 !important;
animation: kz-form-in .4s ease;
}
@keyframes kz-form-in {
from { opacity: 0; transform: translateY(10px); }
to { opacity: 1; transform: none; }
}
.elementor-99 .elementor-element-b7b11b1 .elementor-form-fields-wrapper {
margin: 0 !important;
}
.elementor-99 .elementor-element-b7b11b1 .elementor-field-group {
margin: 0 !important;
padding: 0 !important;
box-shadow: none !important;
}
.elementor-99 .elementor-element-b7b11b1 .elementor-field-group:not(.e-form__buttons__wrapper) {
display: flex !important;
flex-direction: column !important;
flex-wrap: nowrap !important;
align-items: stretch !important;
justify-content: flex-start !important;
}
.elementor-99 .elementor-element-b7b11b1 .elementor-select-wrapper {
display: block !important;
width: 100% !important;
max-width: 100% !important;
height: auto !important;
flex: 0 0 auto !important;
}
.elementor-99 .elementor-element-b7b11b1 .elementor-field-group.elementor-col-50 {
width: calc(50% - 10px) !important;
max-width: calc(50% - 10px) !important;
flex: 0 0 calc(50% - 10px) !important;
}
.elementor-99 .elementor-element-b7b11b1 .elementor-field-group.elementor-col-100 {
width: 100% !important;
max-width: 100% !important;
flex: 1 1 100% !important;
}
.elementor-99 .elementor-element-b7b11b1 .elementor-field-group > label,
.elementor-99 .elementor-element-b7b11b1 .elementor-field-subgroup label {
font-family: "Dosis", sans-serif !important;
font-size: 14px !important;
font-weight: 700 !important;
line-height: 1.2 !important;
letter-spacing: .02em !important;
text-transform: none !important;
color: #111 !important;
padding: 0 0 8px !important;
margin: 0 !important;
}
.elementor-99 .elementor-element-b7b11b1 .elementor-field-group .elementor-field,
.elementor-99 .elementor-element-b7b11b1 .elementor-field-group .elementor-select-wrapper,
.elementor-99 .elementor-element-b7b11b1 .elementor-field-group select,
.elementor-99 .elementor-element-b7b11b1 .elementor-field-group textarea {
width: 100% !important;
max-width: 100% !important;
box-sizing: border-box;
}
.elementor-99 .elementor-element-b7b11b1 .elementor-field-textual,
.elementor-99 .elementor-element-b7b11b1 .elementor-field-group select {
font-family: "Dosis", sans-serif !important;
font-size: 17px !important;
font-weight: 600 !important;
line-height: 56px !important;
color: #F5C83E !important;
background-color: #111 !important;
border: 2px solid #111 !important;
border-radius: 0 !important;
box-shadow: none !important;
height: 56px !important;
min-height: 56px !important;
padding: 0 16px !important;
margin: 0 !important;
transition: background-color .2s ease, color .2s ease, border-color .2s ease;
}
.elementor-99 .elementor-element-b7b11b1 .elementor-field-group select {
appearance: none;
padding-right: 36px !important;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.2 L6 6.2 L11 1.2' fill='none' stroke='%23F5C83E' stroke-width='1.7'/%3E%3C/svg%3E") !important;
background-repeat: no-repeat !important;
background-position: right 14px center !important;
background-size: 12px 8px !important;
cursor: pointer;
}
.elementor-99 .elementor-element-b7b11b1 .elementor-select-wrapper::before {
content: none !important;
display: none !important;
}
.elementor-99 .elementor-element-b7b11b1 .elementor-field-textual::placeholder {
color: rgba(245, 200, 62, .62);
font-weight: 600;
opacity: 1;
}
.elementor-99 .elementor-element-b7b11b1 .elementor-field-textual:focus,
.elementor-99 .elementor-element-b7b11b1 .elementor-field-group select:focus,
.elementor-99 .elementor-element-b7b11b1 textarea:focus {
outline: none !important;
background-color: #F5C83E !important;
color: #111 !important;
border-color: #111 !important;
}
.elementor-99 .elementor-element-b7b11b1 .elementor-field-group select:focus {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.2 L6 6.2 L11 1.2' fill='none' stroke='%23111' stroke-width='1.7'/%3E%3C/svg%3E") !important;
}
.elementor-99 .elementor-element-b7b11b1 textarea.elementor-field-textual {
height: auto !important;
min-height: 112px !important;
line-height: 1.4 !important;
padding: 12px 14px !important;
resize: vertical;
}
.elementor-99 .elementor-element-b7b11b1 .elementor-field-subgroup {
display: flex;
flex-wrap: wrap;
gap: 8px 18px;
padding: 0 !important;
}
.elementor-99 .elementor-element-b7b11b1 .elementor-field-subgroup label {
padding: 0 !important;
font-weight: 600 !important;
font-size: 16px !important;
}
.elementor-99 .elementor-element-b7b11b1 .elementor-field-option input {
accent-color: #F5C83E;
}
.elementor-99 .elementor-element-b7b11b1 .elementor-message {
font-family: "Dosis", sans-serif !important;
color: #111 !important;
} .elementor-99 .elementor-element-b7b11b1 .e-form__buttons__wrapper {
flex: 1 1 0 !important;
width: auto !important;
max-width: none !important;
margin: 2px 0 0 !important;
padding: 0 !important;
}
.elementor-99 .elementor-element-b7b11b1 .elementor-button {
width: 100% !important;
min-height: 58px;
margin: 0 !important;
padding: 16px 20px !important;
border-radius: 0 !important;
box-shadow: none !important;
font-family: "Anton", sans-serif !important;
font-size: 22px !important;
font-weight: 400 !important;
letter-spacing: .08em !important;
line-height: 1 !important;
text-transform: uppercase !important;
transition: background .2s ease, color .2s ease, border-color .2s ease, transform .2s ease;
}
.elementor-99 .elementor-element-b7b11b1 .e-form__buttons__wrapper__button-next,
.elementor-99 .elementor-element-b7b11b1 .elementor-button[type="submit"] {
background: #F5C83E !important;
color: #111 !important;
border: 3px solid #111 !important;
}
.elementor-99 .elementor-element-b7b11b1 .e-form__buttons__wrapper__button-next:hover,
.elementor-99 .elementor-element-b7b11b1 .elementor-button[type="submit"]:hover {
background: #111 !important;
color: #F5C83E !important;
border-color: #111 !important;
box-shadow: none !important;
transform: translateY(-2px);
}
.elementor-99 .elementor-element-b7b11b1 .e-form__buttons__wrapper__button-previous {
background: #fff !important;
color: #111 !important;
border: 3px solid #111 !important;
}
.elementor-99 .elementor-element-b7b11b1 .e-form__buttons__wrapper__button-previous:hover {
background: #111 !important;
color: #F5C83E !important;
border-color: #111 !important;
box-shadow: none !important;
} .elementor-99 .elementor-element.elementor-element-7440041.elementor-widget {
display: none !important;
}
.elementor-99 .elementor-element.elementor-element-1e08c2f.elementor-widget,
.elementor-99 .elementor-element.elementor-element-41fe06b.elementor-widget,
.elementor-99 .elementor-element.elementor-element-f5a6321.elementor-widget,
.elementor-99 .elementor-element.elementor-element-4f717a3.elementor-widget {
display: block !important;
position: absolute !important;
width: 168px !important;
max-width: 168px !important;
height: 104px !important;
margin: 0 !important;
padding: 0 !important;
z-index: 5;
pointer-events: none;
background: url(//kryspyz.fr/wp-content/uploads/2026/10/kz-eclair.webp) center / contain no-repeat !important;
}
.elementor-99 .elementor-element-1e08c2f > .elementor-widget-container,
.elementor-99 .elementor-element-41fe06b > .elementor-widget-container,
.elementor-99 .elementor-element-f5a6321 > .elementor-widget-container,
.elementor-99 .elementor-element-4f717a3 > .elementor-widget-container {
width: 100%;
height: 100%;
padding: 0 !important;
margin: 0 !important;
background: transparent !important;
}
.elementor-99 .elementor-element-1e08c2f img,
.elementor-99 .elementor-element-41fe06b img,
.elementor-99 .elementor-element-f5a6321 img,
.elementor-99 .elementor-element-4f717a3 img {
opacity: 0 !important;
position: absolute !important;
width: 1px !important;
height: 1px !important;
pointer-events: none;
} @keyframes kz-bolt-bob {
0%, 100% { transform: translateY(0) scaleX(var(--sx, 1)) scaleY(var(--sy, 1)) rotate(var(--r, 0deg)); }
50% { transform: translateY(-12px) scaleX(var(--sx, 1)) scaleY(var(--sy, 1)) rotate(calc(var(--r, 0deg) + 4deg)); }
}
.elementor-99 .elementor-element.elementor-element-1e08c2f.elementor-widget {
top: -96px !important;
left: -108px !important;
right: auto !important;
bottom: auto !important;
--sx: -1;
--sy: 1;
--r: -18deg;
transform-origin: center center;
animation: kz-bolt-bob 2.8s ease-in-out infinite;
}
.elementor-99 .elementor-element.elementor-element-41fe06b.elementor-widget {
top: -90px !important;
right: -112px !important;
left: auto !important;
bottom: auto !important;
--sx: 1;
--sy: 1;
--r: 16deg;
transform-origin: center center;
animation: kz-bolt-bob 3.1s ease-in-out infinite;
animation-delay: -.6s;
}
.elementor-99 .elementor-element.elementor-element-f5a6321.elementor-widget {
bottom: -88px !important;
left: -100px !important;
top: auto !important;
right: auto !important;
--sx: -1;
--sy: -1;
--r: 14deg;
transform-origin: center center;
animation: kz-bolt-bob 3.4s ease-in-out infinite;
animation-delay: -1.2s;
}
.elementor-99 .elementor-element.elementor-element-4f717a3.elementor-widget {
bottom: -84px !important;
right: -104px !important;
top: auto !important;
left: auto !important;
--sx: 1;
--sy: -1;
--r: -16deg;
transform-origin: center center;
animation: kz-bolt-bob 2.9s ease-in-out infinite;
animation-delay: -1.8s;
}
@media (max-width: 767px) {
.elementor-99 .elementor-element-b7b11b1 .elementor-field-group.elementor-col-50,
.elementor-99 .elementor-element-b7b11b1 .elementor-field-group.elementor-md-50 {
width: 100% !important;
max-width: 100% !important;
flex: 1 1 100% !important;
}
.elementor-99 .elementor-element.elementor-element-1e08c2f.elementor-widget,
.elementor-99 .elementor-element.elementor-element-41fe06b.elementor-widget,
.elementor-99 .elementor-element.elementor-element-f5a6321.elementor-widget,
.elementor-99 .elementor-element.elementor-element-4f717a3.elementor-widget {
width: 72px !important;
max-width: 72px !important;
height: 44px !important;
}
.elementor-99 .elementor-element.elementor-element-1e08c2f.elementor-widget { top: -40px !important; left: -18px !important; }
.elementor-99 .elementor-element.elementor-element-41fe06b.elementor-widget { top: -36px !important; right: -18px !important; }
.elementor-99 .elementor-element.elementor-element-f5a6321.elementor-widget { bottom: -36px !important; left: -16px !important; }
.elementor-99 .elementor-element.elementor-element-4f717a3.elementor-widget { bottom: -32px !important; right: -16px !important; }
}.kz-menu,
.kz-locator {
--kz-y: #F5C83E;
--kz-k: #000;
--kz-w: #fff;
width: 100%;
font-family: "Dosis", sans-serif;
}
.kz-menu *,
.kz-locator * {
box-sizing: border-box;
} .kz-btn {
display: inline-flex;
align-items: center;
gap: .45em;
padding: .7em 1.1em;
font-family: "Anton", sans-serif;
font-size: 15px;
line-height: 1;
letter-spacing: .04em;
text-transform: uppercase;
text-decoration: none !important;
border: 3px solid var(--kz-k);
box-shadow: 4px 4px 0 var(--kz-k);
cursor: pointer;
transition: transform .15s ease, box-shadow .15s ease, background .15s ease;
}
.kz-btn svg {
width: 1.1em;
height: 1.1em;
}
.elementor a.kz-btn { box-shadow: 4px 4px 0 var(--kz-k); }
.elementor .kz-scard.is-active a.kz-btn--ghost,
.elementor a.kz-btn--black { box-shadow: 4px 4px 0 var(--kz-y); }
.elementor .kz-scard.is-active a.kz-btn--yellow { box-shadow: 4px 4px 0 var(--kz-w); }
.elementor a.kz-platform { box-shadow: 3px 3px 0 #111 !important; }
.elementor a.kz-platform:hover { box-shadow: 5px 5px 0 #111 !important; }
.elementor a.kz-ministore { box-shadow: 6px 6px 0 #F5C83E, 6px 6px 0 3px #000; }
.elementor a.kz-ministore:hover { box-shadow: 9px 9px 0 #F5C83E, 9px 9px 0 3px #000; }
.elementor a.kz-btn:hover,
.kz-btn:hover {
transform: translate(-2px, -2px);
box-shadow: 6px 6px 0 var(--kz-k);
}
.kz-btn:active {
transform: translate(2px, 2px);
box-shadow: 1px 1px 0 var(--kz-k);
}
.kz-btn--yellow { background: var(--kz-y) !important; color: var(--kz-k) !important; }
.kz-btn--black  { background: var(--kz-k) !important; color: var(--kz-y) !important; border-radius: 0 !important; box-shadow: 4px 4px 0 var(--kz-w), 4px 4px 0 3px var(--kz-k) !important; }
.kz-btn--black:hover { box-shadow: 6px 6px 0 var(--kz-w), 6px 6px 0 3px var(--kz-k) !important; }
.kz-btn--black:hover { box-shadow: 6px 6px 0 var(--kz-y); }
.kz-btn--ghost  { background: var(--kz-w); color: var(--kz-k) !important; }
.kz-btn--ghost:hover { background: var(--kz-y); }  .kz-filters-wrap {
position: relative;
margin: 0 0 28px;
}
.kz-filters {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
gap: 10px;
}
.kz-filters__hint {
display: none;
}
.kz-chip {
display: inline-flex;
align-items: center;
gap: 8px;
margin: 0;
padding: .7rem 1.1rem;
font-family: "Anton", sans-serif;
font-size: 1rem;
line-height: 1;
letter-spacing: .03em;
text-transform: uppercase;
color: #111 !important;
background: #fff !important;
border: 3px solid #111 !important;
border-radius: 0 !important;
box-shadow: 3px 3px 0 #111;
cursor: pointer;
transition: background .15s ease, color .15s ease, box-shadow .15s ease, transform .15s ease;
}
.kz-chip:hover,
.kz-chip:focus-visible {
background: #F5C83E !important;
color: #111 !important;
transform: translate(1px, 1px);
box-shadow: 2px 2px 0 #111;
outline: none;
}
.kz-chip.is-active {
background: #111 !important;
color: #F5C83E !important;
box-shadow: 3px 3px 0 #F5C83E;
}
.kz-chip.is-active:hover {
transform: translate(1px, 1px);
box-shadow: 2px 2px 0 #F5C83E;
}
.kz-chip__n {
display: inline-grid;
place-items: center;
min-width: 1.35em;
height: 1.35em;
padding: 0 5px;
font-size: .68em;
color: #fff;
background: #111;
border-radius: 0;
}
.kz-chip.is-active .kz-chip__n {
color: #111;
background: #F5C83E;
}
.kz-chip:hover .kz-chip__n {
color: #111;
background: #fff;
} .kz-menu-grid {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 28px;
}
.kz-mcard {
position: relative;
display: flex;
flex-direction: column;
overflow: hidden;
background: #000;
border: 4px solid #000;
box-shadow: none;
transform: none;
}
.kz-mcard.is-hidden { display: none; }
.kz-mcard.is-pop { animation: kz-pop .35s cubic-bezier(.3, 1.6, .5, 1) both; animation-delay: calc(var(--i, 0) * 35ms); }
@keyframes kz-pop {
from { opacity: 0; transform: translateY(14px) scale(.94); }
to   { opacity: 1; transform: none; }
}
.kz-mcard__media {
position: relative;
height: 250px;
overflow: hidden;
background-color: #F5C83E;
}
.kz-mcard__media::before {
content: "";
position: absolute;
inset: 0;
z-index: 0;
background-image: url(//kryspyz.fr/wp-content/uploads/2026/10/DOTS-PATTERN.png);
background-repeat: repeat;
background-size: cover;
background-position: center center;
opacity: .48;
pointer-events: none;
}
.kz-mcard__img {
position: absolute;
inset: 0;
z-index: 1;
width: 100% !important;
height: 100% !important;
object-fit: contain;
object-position: center center;
padding: 4px;
transition: transform .35s ease;
}
.kz-mcard:hover .kz-mcard__img {
transform: scale(1.08);
}
.kz-mcard__cat {
position: absolute;
top: 12px;
left: 12px;
z-index: 2;
padding: 5px 8px 4px;
font-family: "Anton", sans-serif;
font-size: 12px;
line-height: 1;
letter-spacing: .08em;
text-transform: uppercase;
color: #F5C83E;
background: #000;
}
.kz-mcard__price {
position: absolute;
top: 12px;
right: 12px;
z-index: 2;
display: grid;
place-items: center;
min-width: 54px;
height: 34px;
padding: 0 8px;
font-family: "Anton", sans-serif;
font-size: 15px;
line-height: 1;
color: #111;
background: #fff;
border: 3px solid #111;
}
.kz-mcard__body {
padding: 26px 24px;
color: #fff;
background: #000;
display: flex;
flex-direction: column;
gap: 8px;
}
.kz-mcard__title {
margin: 0 !important;
font-family: "Insaniburger", sans-serif !important;
font-size: 32px !important;
font-weight: 400 !important;
line-height: 1.3em !important;
letter-spacing: 0;
text-transform: none;
color: #F5C83E !important;
}
.kz-mcard__text {
margin: 0 !important;
font-family: "Dosis", sans-serif;
font-size: 18px;
font-weight: 400;
line-height: 1.4;
color: #fff;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
}
@media (max-width: 1100px) {
.kz-menu-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px; }
.kz-mcard__title { font-size: 28px !important; }
.kz-mcard__media { height: 230px; }
}
@media (max-width: 767px) {
.kz-filters-wrap {
margin: 0 0 18px;
}
.kz-filters-wrap.is-scrollable::after {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
width: 36px;
pointer-events: none;
background: linear-gradient(90deg, transparent, #FFFBEF 72%);
z-index: 1;
}
.kz-filters-wrap.is-scrollable.is-at-end::after,
.kz-filters-wrap.is-scrollable.is-at-end .kz-filters__hint {
opacity: 0;
transition: opacity .2s ease;
} .kz-filters__hint {
display: block;
position: absolute;
top: 50%;
right: 6px;
z-index: 2;
width: 6px;
height: 6px;
margin: -4px 0 0;
border: 0;
border-right: 1.5px solid rgba(17, 17, 17, .35);
border-top: 1.5px solid rgba(17, 17, 17, .35);
border-radius: 0;
background: transparent;
box-shadow: none;
transform: rotate(45deg);
pointer-events: none;
animation: kz-nudge 1.6s ease-in-out infinite;
}
@keyframes kz-nudge {
0%, 100% { transform: rotate(45deg) translate(0, 0); opacity: .4; }
50% { transform: rotate(45deg) translate(1.5px, -1.5px); opacity: .7; }
}
.kz-filters {
flex-wrap: nowrap;
overflow-x: auto;
gap: 8px;
padding: 2px 28px 8px 2px;
scrollbar-width: none;
-webkit-overflow-scrolling: touch;
}
.kz-filters::-webkit-scrollbar { display: none; }
.kz-chip { flex: 0 0 auto; font-size: .95rem; padding: .65rem 1rem; }
.kz-menu-grid {
grid-template-columns: 1fr;
gap: 18px;
}
.kz-mcard__media { height: 240px; }
.kz-mcard__price { min-width: 50px; height: 32px; font-size: 14px; }
.kz-mcard__cat { font-size: 11px; }
.kz-mcard__body { padding: 18px 16px; gap: 6px; }
.kz-mcard__title { font-size: clamp(24px, 8vw, 30px) !important; }
.kz-mcard__text { font-size: 16px; -webkit-line-clamp: 3; }
.elementor a.kz-btn,
a.kz-btn,
.kz-btn {
box-shadow: 3px 3px 0 var(--kz-k) !important;
}
.elementor a.kz-btn--black,
.kz-btn--black {
box-shadow: 3px 3px 0 var(--kz-y) !important;
}
.kz-rest-city {
box-shadow: 3px 3px 0 #111;
}
.kz-rest-city:hover {
box-shadow: 2px 2px 0 #111;
}
} .kz-rest-cities {
display: flex;
flex-direction: column;
gap: 12px;
width: 100%;
}
.kz-rest-city {
display: flex;
align-items: baseline;
justify-content: space-between;
gap: 16px;
padding: 18px 20px;
text-decoration: none !important;
color: #111 !important;
background: #fff;
border: 3px solid #111;
box-shadow: 4px 4px 0 #111;
transition: transform .15s ease, box-shadow .15s ease, background .15s ease;
}
.kz-rest-city:hover {
background: #111;
color: #F5C83E !important;
transform: translate(1px, 1px);
box-shadow: 2px 2px 0 #111;
}
.kz-rest-city b {
font-family: "Anton", sans-serif;
font-size: 1.35rem;
font-weight: 400;
letter-spacing: .02em;
text-transform: uppercase;
}
.kz-rest-city span {
font-family: "Dosis", sans-serif;
font-size: 15px;
font-weight: 600;
opacity: .7;
}
.kz-rest-city:hover span { opacity: 1; color: #F5C83E; }
@media (max-width: 767px) {
.kz-rest-cities { margin-top: 8px; }
} .kz-locator {
position: relative;
width: 100%;
height: auto;
margin: 0;
overflow: visible;
background: transparent;
}
.kz-locator__hud {
position: absolute;
z-index: 3;
top: 14px;
right: 14px;
display: flex;
flex-direction: column;
align-items: flex-end;
gap: 8px;
width: min(460px, calc(100% - 360px));
pointer-events: none;
}
.kz-locator__hud > * { pointer-events: auto; }
.kz-locator__bar {
display: flex;
align-items: stretch;
justify-content: flex-end;
gap: 8px;
width: 100%;
margin: 0;
}
.kz-locator__search {
flex: 1 1 auto;
display: flex;
align-items: center;
gap: 10px;
height: 48px;
padding: 0 14px;
background: #fff;
border: 3px solid #111;
box-shadow: none;
}
.kz-locator__search svg {
width: 16px;
height: 16px;
flex: none;
color: #111;
}
.kz-locator__search input {
flex: 1;
min-width: 0;
height: 42px;
padding: 0 !important;
font-family: "Dosis", sans-serif;
font-size: 16px;
font-weight: 600;
color: #111;
background: transparent !important;
border: 0 !important;
outline: 0 !important;
box-shadow: none !important;
}
.kz-locator__search input::placeholder { color: rgba(0, 0, 0, .4); }
.kz-locator .kz-locate,
.elementor .kz-locator .kz-locate {
height: 48px;
min-height: 48px;
padding: 0 16px;
font-size: 14px;
flex: 0 0 auto;
white-space: nowrap;
background: #F5C83E !important;
color: #111 !important;
border: 3px solid #111 !important;
border-radius: 0 !important;
box-shadow: none !important;
transform: none !important;
}
.kz-locator .kz-locate:hover,
.elementor .kz-locator .kz-locate:hover {
background: #111 !important;
color: #F5C83E !important;
box-shadow: none !important;
transform: none !important;
}
.kz-locator__status {
margin: 0 !important;
padding: 4px 8px;
font-family: "Dosis", sans-serif;
font-size: 14px;
font-weight: 700;
text-align: right;
color: #111;
background: #fff;
border: 2px solid #111;
}
.kz-locator__status:empty { display: none; }
.kz-locator__stage {
display: grid;
grid-template-columns: 500px minmax(0, 1fr);
gap: 20px;
align-items: stretch;
}
.kz-locator__list {
display: flex;
flex-direction: column;
gap: 12px;
margin: 0 !important;
padding: 14px !important;
list-style: none !important;
overflow: visible;
background: #fff;
border: 3px solid #111;
}
.kz-scard {
display: block;
flex: none;
margin: 0 !important;
background: #fff;
border: 2px solid #111;
box-shadow: none;
}
.kz-scard[hidden] { display: none; }
.kz-scard.is-active {
background: #111;
border-color: #111;
}
.kz-scard__pick {
display: flex;
align-items: baseline;
justify-content: space-between;
gap: 10px;
width: 100%;
margin: 0;
padding: 18px 18px 0;
text-align: left;
color: inherit;
background: none !important;
border: 0 !important;
box-shadow: none !important;
cursor: pointer;
white-space: normal !important;
}
.kz-scard__title {
margin: 0 !important;
font-family: "Anton", sans-serif !important;
font-size: 28px !important;
font-weight: 400 !important;
line-height: 1.05 !important;
letter-spacing: .02em;
text-transform: uppercase;
color: #111 !important;
}
.kz-scard__dist {
flex: none;
font-family: "Anton", sans-serif;
font-size: 13px;
letter-spacing: .04em;
color: #111;
}
.kz-scard__dist:empty { display: none; }
.kz-scard.is-active .kz-scard__title,
.kz-scard.is-active .kz-scard__dist { color: #F5C83E !important; }
.kz-scard__foot {
display: flex;
flex-direction: column;
gap: 8px;
padding: 14px 18px 18px;
}
.kz-scard__order {
margin: 0 !important;
font-family: "Dosis", sans-serif;
font-size: 12px;
font-weight: 700;
letter-spacing: .08em;
line-height: 1;
text-transform: uppercase;
color: rgba(0, 0, 0, .45);
}
.kz-scard.is-active .kz-scard__order { color: rgba(255, 255, 255, .55); }
.kz-scard__logos {
display: flex;
align-items: stretch;
gap: 10px;
}
.kz-locator__empty {
padding: 16px;
font-family: "Anton", sans-serif;
font-size: 15px;
text-transform: uppercase;
color: #111;
background: #fff;
border: 2px solid #111;
}
.kz-locator__map {
position: relative;
min-height: 560px;
border: 3px solid #111;
background: #e8e4d8;
overflow: hidden;
}
.kz-locator__map iframe {
position: absolute;
inset: 0;
display: block;
width: 100%;
height: 100%;
border: 0;
transition: opacity .28s ease;
}
.kz-locator__map.is-switching iframe { opacity: .4; }
.kz-mapcard {
position: absolute;
z-index: 2;
top: 14px;
left: 14px;
width: min(320px, calc(100% - 28px));
padding: 16px;
background: #fff;
border: 3px solid #111;
}
.kz-mapcard__title {
margin: 0 0 6px !important;
font-family: "Anton", sans-serif !important;
font-size: 18px !important;
font-weight: 400 !important;
line-height: 1 !important;
letter-spacing: .02em;
text-transform: uppercase;
color: #111 !important;
}
.kz-mapcard__addr,
.kz-mapcard__hours,
.kz-mapcard__phone {
margin: 0 0 6px !important;
font-family: "Dosis", sans-serif;
font-size: 15px;
font-weight: 600;
line-height: 1.35;
color: #111;
}
.kz-mapcard__hours { color: rgba(0, 0, 0, .7); }
.kz-locator .kz-mapcard__addr,
.elementor .kz-locator .kz-mapcard__addr {
display: block;
color: #111 !important;
text-decoration: underline !important;
text-underline-offset: 2px;
background: none !important;
border: 0 !important;
box-shadow: none !important;
}
.kz-locator .kz-mapcard__phone,
.elementor .kz-locator .kz-mapcard__phone,
.kz-locator .kz-mapcard__route,
.elementor .kz-locator .kz-mapcard__route {
display: inline-flex;
align-items: center;
gap: 6px;
width: fit-content;
padding: 0;
text-decoration: none !important;
background: none !important;
border: 0 !important;
box-shadow: none !important;
}
.kz-mapcard__phone svg {
width: 16px;
height: 16px;
flex: none;
}
.kz-locator .kz-mapcard__phone,
.elementor .kz-locator .kz-mapcard__phone {
font-family: "Dosis", sans-serif !important;
font-size: 15px !important;
font-weight: 700;
color: #111 !important;
}
.kz-locator .kz-mapcard__route,
.elementor .kz-locator .kz-mapcard__route {
display: block !important;
margin: 8px 0 0;
font-family: "Anton", sans-serif !important;
font-size: 14px !important;
letter-spacing: .04em;
text-transform: uppercase;
color: #111 !important;
text-decoration: underline !important;
text-underline-offset: 3px;
}
.kz-locator .kz-logo,
.elementor .kz-locator .kz-logo {
display: inline-flex;
align-items: center;
justify-content: center;
flex: 1 1 calc(50% - 5px);
max-width: calc(50% - 5px);
min-width: 0;
height: 48px;
padding: 0 8px;
line-height: 0;
background: #fff !important;
border: 2px solid #111 !important;
border-radius: 0 !important;
box-shadow: none !important;
text-decoration: none !important;
}
.kz-locator .kz-logo--deliveroo,
.elementor .kz-locator .kz-logo--deliveroo {
padding: 10px 14px !important;
background: #00ccbc !important;
}
.kz-locator .kz-logo:hover,
.elementor .kz-locator .kz-logo:hover {
transform: translateY(-1px);
}
.kz-locator .kz-logo[hidden],
.kz-mapcard__phone[hidden],
.kz-mapcard__addr[hidden],
.kz-mapcard__hours[hidden] { display: none !important; }
.kz-logo img {
display: block;
width: auto;
max-width: 100%;
height: 18px;
}
.kz-logo--deliveroo img {
height: 22px;
max-height: none;
}
@media (max-width: 800px) {
.kz-locator__hud {
left: 12px;
right: 12px;
width: auto;
}
.kz-locator__status { text-align: right; }
.kz-locator .kz-locate { padding: 0 12px; }
.kz-locator__stage { grid-template-columns: 1fr; }
.kz-locator__list { max-height: none; }
.kz-locator__list > .kz-locator__map {
width: 100%;
}
.kz-locator__map {
min-height: 0;
display: flex;
flex-direction: column;
}
.kz-locator__map iframe {
position: relative;
height: 280px;
}
.kz-mapcard {
position: relative;
top: auto;
left: auto;
width: auto;
border: 0;
border-top: 3px solid #111;
}
} .kz-ministores {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
gap: 22px;
font-family: "Dosis", sans-serif;
}
.kz-ministore {
position: relative;
display: grid;
grid-template-columns: auto 1fr;
grid-template-rows: auto auto;
column-gap: 14px;
align-items: center;
padding: 18px 46px 18px 16px;
color: #000 !important;
text-decoration: none !important;
background: #fff;
border: 3px solid #000;
box-shadow: 6px 6px 0 #F5C83E, 6px 6px 0 3px #000;
transform: rotate(-1.5deg);
transition: transform .18s ease, box-shadow .18s ease;
}
.kz-ministore:nth-child(even) { transform: rotate(1.2deg); }
.kz-ministore:hover { transform: rotate(0) translate(-3px, -3px); box-shadow: 9px 9px 0 #F5C83E, 9px 9px 0 3px #000; }
.kz-ministore .kz-scard__num { grid-row: 1 / 3; }
.kz-ministore__title { font-family: "Anton", sans-serif; font-size: 28px; line-height: 1; text-transform: uppercase; }
.kz-ministore__addr { font-size: 14px; font-weight: 700; color: #333; }
.kz-ministore__go { position: absolute; right: 14px; top: 50%; transform: translateY(-50%); font-family: "Anton", sans-serif; font-size: 26px; }
.kz-empty { font-family: "Anton", sans-serif; font-size: 20px; text-align: center; }