.km-page > * {
margin-block-start: 0;
}
.km-page .wp-block-group > * {
margin-block-start: 0;
}
.km-page .km-pagehead {
padding: 48px 0 32px;
}
.km-page .km-pagehead__title {
margin: 16px 0 0;
font-size: clamp(40px, 5.4vw, 82px);
font-weight: 700;
letter-spacing: -0.04em;
line-height: 0.98;
}
.km-page .km-pagehead__title em {
font-size: 1.28em;
letter-spacing: -0.02em;
}
.km-page .km-pagehead__lead {
max-width: 620px;
margin: 24px 0 0;
font-size: 19px;
line-height: 1.55;
color: #4a3b30;
}
.km-pagehead--split {
display: flex;
flex-wrap: wrap;
align-items: flex-end;
justify-content: space-between;
gap: 24px 48px;
}
.km-page .km-psection {
padding: 56px 0;
}
.km-phead {
display: flex;
flex-wrap: wrap;
align-items: flex-end;
justify-content: space-between;
gap: 16px 32px;
}
.km-page .km-phead__title {
margin: 12px 0 0;
font-size: clamp(30px, 3.4vw, 50px);
letter-spacing: -0.03em;
line-height: 1.05;
}
.km-page .km-phead__lead {
max-width: 420px;
margin: 0;
font-size: 16px;
line-height: 1.6;
color: #4a3b30;
}
.km-eyebrow--onorange {
color: #fff;
} .wp-block-button.km-btn-orange > .wp-block-button__link {
background: var(--wp--preset--color--mechta);
color: #fff;
}
.wp-block-button.km-btn-outline-light > .wp-block-button__link {
border: 1.5px solid var(--wp--preset--color--crema);
background: transparent;
color: var(--wp--preset--color--crema);
}
.wp-block-button:is(.km-btn-orange, .km-btn-outline-light) > .wp-block-button__link:hover {
background: var(--wp--preset--color--crema);
color: var(--wp--preset--color--espresso);
} .km-page .leaflet-container {
z-index: 0;
font-family: var(--wp--preset--font-family--onest);
} .leaflet-container img,
.leaflet-container .leaflet-tile {
max-width: none !important;
max-height: none !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
border-radius: 0 !important;
box-shadow: none !important;
}
.leaflet-container .leaflet-tile {
outline: 1px solid transparent;
}
.km-page .leaflet-container .leaflet-bar {
display: flex;
flex-direction: column;
gap: 8px;
border: 0;
box-shadow: none;
}
.km-page .leaflet-top.leaflet-right .leaflet-control {
margin: 20px 20px 0 0;
}
.km-page .leaflet-container .leaflet-bar a,
.km-page .leaflet-container .leaflet-bar a:first-child,
.km-page .leaflet-container .leaflet-bar a:last-child {
width: 46px;
height: 46px;
border: 0;
border-radius: 14px;
background: var(--wp--preset--color--paper);
box-shadow: 0 6px 18px rgba(30, 18, 11, 0.18);
font: 400 24px/46px var(--wp--preset--font-family--onest);
color: var(--wp--preset--color--espresso);
}
.km-page .leaflet-container .leaflet-bar a:hover {
background: var(--wp--preset--color--crema);
}
.km-page .leaflet-container .leaflet-control-attribution {
padding: 2px 8px;
border-top-left-radius: 8px;
font-size: 11px;
}
.km-map--dark .leaflet-tile-pane {
filter: invert(1) hue-rotate(180deg) sepia(0.7) saturate(0.75) brightness(0.66) contrast(1.12);
}
.km-map--dark.leaflet-container {
background: #2a1b12;
}
.km-page .km-map--dark .leaflet-control-attribution {
background: rgba(30, 18, 11, 0.78);
color: #a8968a;
}
.km-page .km-map--dark .leaflet-control-attribution a {
color: var(--wp--preset--color--latte);
}
.km-map--light .leaflet-tile-pane {
filter: sepia(0.35) saturate(0.8) brightness(1.02) contrast(0.95);
}
.km-map--light.leaflet-container {
background: var(--wp--preset--color--latte);
} .km-map-hint {
position: absolute;
inset: 0;
z-index: 1000;
display: grid;
place-items: center;
margin: 0;
padding: 24px;
background: rgba(30, 18, 11, 0.55);
font-weight: 600;
text-align: center;
color: #fff;
opacity: 0;
pointer-events: none;
transition: opacity 0.2s ease;
}
.km-map--hint .km-map-hint {
opacity: 1;
} .km-pin span {
display: block;
box-sizing: border-box;
width: 22px;
height: 22px;
margin: 4px;
border: 3px solid var(--wp--preset--color--espresso);
border-radius: 50%;
background: var(--wp--preset--color--caramel);
box-shadow: 0 0 0 3px rgba(226, 160, 106, 0.3);
transition: transform 0.15s ease;
}
.km-pin:hover span,
.km-pin:focus-visible span {
transform: scale(1.2);
}
.km-pin--you span {
border: 4px solid #fff;
background: #2f6fdb;
box-shadow: 0 0 0 10px rgba(47, 111, 219, 0.25);
}
.km-pin--home span {
width: 30px;
height: 30px;
margin: 0;
border: 5px solid #fff;
background: var(--wp--preset--color--mechta);
box-shadow: 0 0 0 22px rgba(196, 86, 47, 0.18), 0 8px 20px rgba(30, 18, 11, 0.25);
}
.km-cluster {
display: grid;
place-items: center;
border-radius: 50%;
background: rgba(196, 86, 47, 0.24);
}
.km-cluster span {
display: grid;
place-items: center;
width: 36px;
height: 36px;
border-radius: 50%;
background: var(--wp--preset--color--mechta);
font: 700 15px/1 var(--wp--preset--font-family--unbounded);
color: #fff;
}
.km-cluster.is-big span {
width: 44px;
height: 44px;
font-size: 17px;
} .km-popup .leaflet-popup-content-wrapper {
padding: 16px 18px;
border-radius: 22px;
background: var(--wp--preset--color--paper);
box-shadow: 0 20px 44px rgba(0, 0, 0, 0.4);
color: var(--wp--preset--color--espresso);
}
.km-popup .leaflet-popup-tip {
background: var(--wp--preset--color--paper);
}
.km-popup .leaflet-popup-content {
margin: 0;
font-size: 14px;
line-height: 1.4;
}
.km-popup .leaflet-popup-content p {
margin: 0;
}
.km-popup .km-popup__eyebrow {
font-size: 12px;
font-weight: 700;
letter-spacing: 0.08em;
text-transform: uppercase;
color: var(--wp--preset--color--mechta-cta);
}
.km-popup .km-popup__name {
margin-top: 4px;
padding-right: 12px;
font-size: 16px;
font-weight: 700;
}
.km-popup .km-popup__addr {
margin-top: 2px;
color: var(--wp--preset--color--muted);
}
.km-popup .km-popup__meta {
display: flex;
flex-wrap: wrap;
gap: 6px;
margin-top: 10px;
font-size: 12px;
}
.km-popup__meta span {
padding: 4px 9px;
border-radius: var(--wp--custom--radius--pill);
background: #f1e7da;
}
.km-popup__rating {
font-weight: 700;
color: var(--wp--preset--color--mechta-cta);
}
.km-popup__hours {
font-weight: 600;
color: var(--wp--preset--color--mechta-cta);
}
.km-popup__hours.is-247 {
color: #2f5d3a;
}
.km-popup a.km-popup__route {
display: inline-flex;
align-items: center;
gap: 8px;
height: 36px;
margin-top: 12px;
padding: 0 14px;
border-radius: var(--wp--custom--radius--pill);
background: var(--wp--preset--color--espresso);
font-size: 13px;
font-weight: 600;
color: var(--wp--preset--color--crema);
text-decoration: none;
}
.km-popup a.km-popup__route::before {
content: "";
width: 15px;
height: 15px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 11l18-8-8 18-2-8-8-2z'/%3E%3C/svg%3E") center / contain no-repeat;
mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 11l18-8-8 18-2-8-8-2z'/%3E%3C/svg%3E") center / contain no-repeat;
}
.km-popup a.km-popup__route:hover {
background: var(--wp--preset--color--roast);
}
.km-popup a.leaflet-popup-close-button {
top: 8px;
right: 8px;
color: var(--wp--preset--color--muted);
} .km-vstats {
display: flex;
flex-wrap: wrap;
gap: 16px 36px;
margin: 0;
padding: 0;
list-style: none;
}
.km-vstats li {
margin: 0;
}
.km-vstats__num {
display: flex;
align-items: center;
gap: 6px;
font: 700 40px/1.1 var(--wp--preset--font-family--unbounded);
letter-spacing: -0.03em;
}
.km-vstats__star {
font-size: 0.72em;
color: var(--wp--preset--color--mechta);
}
.km-vstats__label {
display: block;
margin-top: 4px;
font-size: 15px;
color: var(--wp--preset--color--muted);
} .km-page > .km-vend.alignfull {
display: flex;
flex-wrap: wrap;
width: auto;
max-width: none;
min-height: 720px;
margin-inline: max(calc(var(--wp--style--root--padding-left) * -1 + clamp(8px, 1.2vw, 16px)), calc((100% - 1408px) / 2)) !important;
overflow: hidden;
border-radius: var(--wp--custom--radius--xl);
background: var(--wp--preset--color--espresso);
color: var(--wp--preset--color--crema);
}
.km-vend__side {
display: flex;
flex: 1 1 380px;
flex-direction: column;
gap: 14px;
max-width: 100%;
padding: 28px;
}
.km-vend__controls {
display: flex;
flex-direction: column;
gap: 14px;
}
.km-vend__search {
display: flex;
align-items: center;
gap: 10px;
height: 54px;
padding: 0 18px;
border: 1px solid #4a3527;
border-radius: var(--wp--custom--radius--pill);
background: #2e1f15;
color: #cdbfae;
}
.km-vend__search:focus-within {
border-color: var(--wp--preset--color--caramel);
}
.km-vend__search input {
flex: 1;
min-width: 0;
height: 100%;
padding: 0;
border: 0;
outline: none;
background: transparent;
font: inherit;
font-size: 16px;
color: var(--wp--preset--color--crema);
}
.km-vend__search input::placeholder {
color: #a8968a;
opacity: 1;
}
.km-vend__near {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 10px;
height: 50px;
padding: 0 20px;
border: 0;
border-radius: var(--wp--custom--radius--pill);
background: var(--wp--preset--color--mechta);
font: inherit;
font-size: 15px;
font-weight: 600;
color: #fff;
cursor: pointer;
}
.km-vend__near:hover {
background: var(--wp--preset--color--mechta-cta);
}
.km-vend__near[disabled] {
opacity: 0.7;
cursor: progress;
}
.km-vend__near[hidden] {
display: none;
}
.km-vend .km-vend__status {
margin: 0;
padding: 10px 14px;
border-radius: 14px;
background: #2e1f15;
font-size: 14px;
line-height: 1.45;
color: var(--wp--preset--color--caramel);
}
.km-vend .km-vend__status:empty,
.km-vend .km-vend__status[hidden] {
display: none;
}
.km-vend__meta {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
gap: 6px 12px;
margin-top: 4px;
font-size: 13px;
color: #cdbfae;
}
.km-vend__sort select {
padding: 4px 18px 4px 0;
border: 0;
background: transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23CDBFAE' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") right center / 14px no-repeat;
font: inherit;
color: inherit;
cursor: pointer;
-webkit-appearance: none;
appearance: none;
}
.km-vend__sort select option {
color: var(--wp--preset--color--espresso);
}
.km-vend__list {
display: flex;
flex-direction: column;
gap: 8px;
max-height: 470px;
margin: 0;
padding: 0 4px 0 0;
overflow-y: auto;
list-style: none;
scrollbar-color: #4a3527 transparent;
scrollbar-width: thin;
}
.km-vend__item {
position: relative;
flex-shrink: 0;
margin: 0;
padding: 14px 16px;
border: 1px solid #3a2a1f;
border-radius: 20px;
background: #2e1f15;
}
.km-vend__item:hover {
border-color: #5a4232;
}
.km-vend__item[hidden] {
display: none;
}
.km-vend__head {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 10px;
}
.km-vend__pick {
display: block;
flex: 1;
min-width: 0;
padding: 0;
border: 0;
background: none;
font: inherit;
text-align: left;
color: inherit;
cursor: pointer;
} .km-vend__pick::after {
content: "";
position: absolute;
inset: 0;
border-radius: inherit;
}
.km-vend__pick:focus-visible {
outline: none;
}
.km-vend__pick:focus-visible::after {
outline: 2px solid var(--wp--preset--color--caramel);
outline-offset: 2px;
}
.km-vend__name {
display: block;
font-size: 15px;
font-weight: 600;
line-height: 1.3;
}
.km-vend__addr {
display: block;
margin-top: 3px;
font-size: 13px;
line-height: 1.35;
color: #cdbfae;
}
.km-vend__rating {
font-size: 13px;
font-weight: 700;
white-space: nowrap;
color: var(--wp--preset--color--caramel);
}
.km-vend__rating span {
font-weight: 500;
color: #cdbfae;
}
.km-vend__rating.is-new {
font-weight: 600;
color: #cdbfae;
}
.km-vend__actions {
position: relative;
z-index: 1;
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 8px;
margin-top: 12px;
}
.km-vend__route {
display: inline-flex;
align-items: center;
gap: 8px;
height: 40px;
padding: 0 16px;
border-radius: var(--wp--custom--radius--pill);
background: var(--wp--preset--color--crema);
font-size: 14px;
font-weight: 600;
color: var(--wp--preset--color--espresso);
text-decoration: none;
}
.km-vend__route .km-icon {
width: 16px;
height: 16px;
}
.km-vend__hours {
display: inline-flex;
align-items: center;
height: 40px;
padding: 0 14px;
border: 1px solid #4a3527;
border-radius: var(--wp--custom--radius--pill);
font-size: 13px;
font-weight: 600;
color: var(--wp--preset--color--caramel);
}
.km-vend__hours.is-247::before {
content: "●";
margin-right: 6px;
font-size: 10px;
}
.km-vend__dist {
font-size: 13px;
font-weight: 600;
color: #cdbfae;
}
.km-vend__dist:empty {
display: none;
} html.km-js .km-vend__item:not(.is-active) .km-vend__actions {
margin-top: 6px;
}
html.km-js .km-vend__item:not(.is-active) .km-vend__actions > :not(.km-vend__dist),
html.km-js .km-vend__item:not(.is-active) .km-vend__actions:has(.km-vend__dist:empty) {
display: none;
}
.km-vend__item.is-active {
padding: 16px;
border-color: var(--wp--preset--color--crema);
border-radius: 22px;
background: var(--wp--preset--color--crema);
color: var(--wp--preset--color--espresso);
}
.km-vend__item.is-active .km-vend__name {
font-size: 16px;
font-weight: 700;
}
.km-vend__item.is-active .km-vend__addr {
font-size: 14px;
color: var(--wp--preset--color--muted);
}
.km-vend__item.is-active .km-vend__rating {
color: var(--wp--preset--color--mechta-cta);
}
.km-vend__item.is-active :is(.km-vend__rating span, .km-vend__dist) {
color: var(--wp--preset--color--muted);
}
.km-vend__item.is-active .km-vend__route {
background: var(--wp--preset--color--espresso);
color: var(--wp--preset--color--crema);
}
.km-vend__item.is-active .km-vend__route:hover {
background: var(--wp--preset--color--roast);
}
.km-vend__item.is-active .km-vend__hours {
border-color: #d6c7b4;
color: var(--wp--preset--color--mechta-cta);
}
.km-vend__item.is-active .km-vend__hours.is-247 {
color: #2f5d3a;
}
.km-vend__more {
flex-shrink: 0;
height: 48px;
border: 1px solid #4a3527;
border-radius: var(--wp--custom--radius--pill);
background: transparent;
font: inherit;
font-size: 15px;
font-weight: 600;
color: var(--wp--preset--color--crema);
cursor: pointer;
}
.km-vend__more:hover {
background: #2e1f15;
}
.km-vend__more[hidden] {
display: none;
}
.km-vend .km-vend__foot {
margin: 0;
font-size: 12px;
color: #a8968a;
}
.km-vend__map {
position: relative;
z-index: 0;
flex: 2 1 560px;
min-height: 640px;
background: #2a1b12;
}
.km-vend__nomap {
margin: 0;
padding: 28px;
color: #cdbfae;
} .km-page .km-drinks {
padding: 96px 0 40px;
}
.km-drinks__grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
gap: 14px;
margin-top: 36px !important;
}
.km-page .km-drink {
position: relative;
margin: 0;
overflow: hidden;
aspect-ratio: 3 / 4;
border-radius: 24px;
background: var(--wp--preset--color--espresso);
}
.km-drink a {
position: absolute;
inset: 0;
}
.km-page .km-drink img {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.4s ease;
}
.km-drink:hover img {
transform: scale(1.04);
}
.km-page .km-drink figcaption {
position: absolute;
right: 0;
bottom: 0;
left: 0;
margin: 0;
padding: 40px 18px 18px;
background: linear-gradient(to top, rgba(20, 11, 6, 0.9), rgba(20, 11, 6, 0));
font: 600 17px/1.2 var(--wp--preset--font-family--unbounded);
text-align: left;
color: var(--wp--preset--color--crema);
pointer-events: none;
}
.km-steps__box {
padding: clamp(28px, 4vw, 64px);
border-radius: var(--wp--custom--radius--xl);
background: var(--wp--preset--color--latte);
}
.km-page .km-steps__title {
max-width: 760px;
margin: 0;
font-size: clamp(28px, 3vw, 44px);
letter-spacing: -0.03em;
line-height: 1.08;
}
.km-page .km-steps__list {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
gap: 16px;
margin: 40px 0 0;
padding: 0;
list-style: none;
}
.km-page .km-step {
margin: 0;
padding: 28px;
border-radius: var(--wp--custom--radius--lg);
background: var(--wp--preset--color--paper);
}
.km-page .km-step__num {
margin: 0;
font: 700 44px/1 var(--wp--preset--font-family--unbounded);
letter-spacing: -0.03em;
color: var(--wp--preset--color--mechta);
}
.km-page .km-step__title {
margin: 18px 0 0;
font: 600 19px/1.25 var(--wp--preset--font-family--unbounded);
}
.km-page .km-step__text {
margin: 10px 0 0;
font-size: 16px;
line-height: 1.6;
color: #4a3b30;
}
.km-page .km-step.is-dark {
background: var(--wp--preset--color--espresso);
color: var(--wp--preset--color--crema);
}
.km-page .km-step.is-dark .km-step__title {
color: var(--wp--preset--color--crema);
}
.km-page .km-step.is-dark .km-step__num {
color: var(--wp--preset--color--caramel);
}
.km-page .km-step.is-dark .km-step__text {
color: #cdbfae;
}
.km-page .km-host-wrap {
padding: 40px 0 96px;
}
.km-host {
display: flex;
flex-wrap: wrap;
overflow: hidden;
border-radius: var(--wp--custom--radius--xl);
background: var(--wp--preset--color--mechta);
color: #fff;
}
.km-host__text {
flex: 1.3 1 480px;
padding: clamp(28px, 4.5vw, 72px);
}
.km-page .km-host__title {
margin: 14px 0 0;
font-size: clamp(28px, 3.2vw, 46px);
letter-spacing: -0.03em;
line-height: 1.08;
color: #fff;
}
.km-page .km-host__lead {
max-width: 560px;
margin: 18px 0 0;
font-size: 18px;
line-height: 1.6;
color: #fff;
}
.km-page .km-host__buttons {
gap: 12px;
margin-top: 30px;
}
.km-page .km-host__img {
position: relative;
flex: 1 1 360px;
min-height: 360px;
margin: 0;
}
.km-page .km-host__img img {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
} .km-page .km-about-hero {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 40px;
padding: 64px 0 48px;
}
.km-about-hero .km-pagehead__text {
flex: 1.6 1 560px;
}
.km-page .km-about-hero .km-pagehead__title {
margin-top: 18px;
font-size: clamp(42px, 6vw, 96px);
letter-spacing: -0.045em;
} @media (max-width: 420px) {
.km-page .km-about-hero .km-pagehead__title {
font-size: min(42px, 10.6vw);
}
}
.km-page .km-about-hero .km-pagehead__title em {
font-size: 1.3em;
}
.km-page .km-about-hero .km-pagehead__lead {
margin-top: 28px;
font-size: 20px;
}
.km-page .km-about-hero__logo {
position: relative;
display: grid;
flex: 1 1 320px;
place-items: center;
min-height: 380px;
margin: 0;
}
.km-about-hero__logo::before {
content: "";
position: absolute;
width: 360px;
max-width: 90%;
aspect-ratio: 1;
border-radius: 50%;
background: var(--wp--preset--color--latte);
}
.km-page .km-about-hero__logo img {
position: relative;
width: 300px;
max-width: 80%;
height: auto;
transform: rotate(-6deg);
filter: drop-shadow(0 24px 40px rgba(30, 18, 11, 0.25));
}
.km-numbers {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
gap: 16px;
padding: 0 0 24px;
}
.km-page .km-number {
padding: 28px;
border-radius: var(--wp--custom--radius--lg);
}
.km-page .km-number__value {
margin: 0;
font: 700 48px/1.05 var(--wp--preset--font-family--unbounded);
letter-spacing: -0.04em;
}
.km-page .km-number__label {
margin: 10px 0 0;
font-size: 15px;
line-height: 1.45;
}
.km-number.is-espresso {
background: var(--wp--preset--color--espresso);
color: var(--wp--preset--color--crema);
}
.km-number.is-espresso .km-number__label {
color: #cdbfae;
}
.km-number.is-roast {
background: var(--wp--preset--color--roast);
color: var(--wp--preset--color--crema);
}
.km-number.is-roast .km-number__label {
color: #ebdccb;
}
.km-number.is-latte {
background: var(--wp--preset--color--latte);
}
.km-number.is-latte .km-number__value {
color: var(--wp--preset--color--roast);
}
.km-number.is-latte .km-number__label {
color: #4a3b30;
}
.km-number.is-mechta {
background: var(--wp--preset--color--mechta);
color: #fff;
}
.km-number.is-mechta .km-number__label {
color: #fff;
} .km-page > .km-strip {
padding: 40px 0 64px;
overflow: hidden;
}
.km-strip__band {
display: flex;
justify-content: center;
gap: 14px;
width: 120%;
margin: 0 0 0 -10%;
padding: 18px 0;
list-style: none;
background: var(--wp--preset--color--espresso);
transform: rotate(-3deg);
}
.km-strip__band li {
flex-shrink: 0;
margin: 0;
} .km-strip__band a {
display: block;
height: 250px;
border-radius: 10px;
overflow: hidden;
}
.km-page .km-strip__band img {
display: block;
width: 240px;
height: 320px;
max-width: none;
object-fit: cover;
object-position: top;
transform-origin: top;
transition: transform 0.4s ease;
}
.km-strip__band a:hover img {
transform: scale(1.05);
}
.km-page .km-story {
display: flex;
flex-wrap: wrap;
gap: 48px;
padding: 24px 0 64px;
}
.km-story__text {
flex: 1 1 420px;
}
.km-page .km-story__quote {
margin: 0;
font: italic 600 clamp(34px, 3.6vw, 54px)/1.1 var(--wp--preset--font-family--cormorant-garamond);
color: var(--wp--preset--color--roast);
}
.km-page .km-story__body {
margin: 24px 0 0;
font-size: 18px;
line-height: 1.7;
color: #4a3b30;
}
.km-why {
flex: 1.2 1 520px;
}
.km-page .km-why__title {
margin: 0;
font-size: clamp(26px, 2.6vw, 38px);
letter-spacing: -0.03em;
line-height: 1.1;
}
.km-why__grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
gap: 14px;
margin-top: 24px !important;
}
.km-page .km-reason {
padding: 24px;
border: 1px solid var(--wp--preset--color--line);
border-radius: 24px;
background: var(--wp--preset--color--paper);
}
.km-page .km-reason__icon {
margin: 0;
line-height: 0;
color: var(--wp--preset--color--mechta-cta);
}
.km-reason__icon .km-icon {
width: 28px;
height: 28px;
}
.km-reason--leaf .km-reason__icon {
color: #2f5d3a;
}
.km-page .km-reason__title {
margin: 14px 0 0;
font: 700 17px/1.3 var(--wp--preset--font-family--onest);
}
.km-page .km-reason__text {
margin: 8px 0 0;
font-size: 15px;
line-height: 1.55;
color: #4a3b30;
}
.km-page .km-company-wrap {
padding: 24px 0 96px;
}
.km-company {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
gap: 40px;
padding: clamp(28px, 4vw, 56px);
border-radius: var(--wp--custom--radius--xl);
background: var(--wp--preset--color--espresso);
color: var(--wp--preset--color--crema);
}
.km-company__text {
flex: 1 1 420px;
}
.km-page .km-company__title {
margin: 12px 0 0;
font-size: clamp(24px, 2.4vw, 34px);
letter-spacing: -0.02em;
color: var(--wp--preset--color--crema);
}
.km-page .km-company__rows {
display: grid;
grid-template-columns: auto 1fr;
gap: 10px 24px;
margin-top: 22px;
font-size: 16px;
line-height: 1.5;
}
.km-page .km-company__row {
display: contents;
}
.km-company__key {
color: #cdbfae;
}
.km-company__value a {
color: inherit;
}
.km-company__buttons {
gap: 12px;
} .km-page .km-contact-hero {
padding: 56px 0 40px;
}
.km-page .km-contact-hero .km-pagehead__title {
font-size: clamp(40px, 5.6vw, 88px);
letter-spacing: -0.045em;
}
.km-contact {
display: flex;
flex-wrap: wrap;
align-items: stretch;
gap: 20px;
padding: 0 0 56px;
}
.km-contact__cards {
display: flex;
flex: 1 1 400px;
flex-direction: column;
gap: 14px;
}
.km-page .km-ccard {
position: relative;
min-height: 100px;
padding: 24px 28px 24px 96px;
border: 1px solid var(--wp--preset--color--line);
border-radius: var(--wp--custom--radius--lg);
background: var(--wp--preset--color--paper);
}
.km-ccard::before,
.km-ccard::after {
content: "";
position: absolute;
}
.km-ccard::before {
top: 24px;
left: 28px;
width: 52px;
height: 52px;
border-radius: 16px;
background: #f1e7da;
}
.km-ccard::after {
top: 38px;
left: 42px;
width: 24px;
height: 24px;
background-color: var(--wp--preset--color--roast);
-webkit-mask: var(--km-i) center / contain no-repeat;
mask: var(--km-i) center / contain no-repeat;
}
.km-ccard--mail {
--km-i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Cpath d='M3 7l9 6 9-6'/%3E%3C/svg%3E");
}
.km-ccard--pin {
--km-i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 21s-7-6.5-7-12a7 7 0 0 1 14 0c0 5.5-7 12-7 12z'/%3E%3Ccircle cx='12' cy='9' r='2.5'/%3E%3C/svg%3E");
}
.km-ccard--doc {
--km-i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 3h8l4 4v14H6z'/%3E%3Cpath d='M14 3v4h4M9 12h6M9 16h6'/%3E%3C/svg%3E");
}
.km-ccard--clock {
--km-i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3 2'/%3E%3C/svg%3E");
}
.km-page .km-ccard__label {
margin: 0;
font-size: 13px;
color: var(--wp--preset--color--muted);
}
.km-page .km-ccard__value {
margin: 4px 0 0;
font-size: 18px;
font-weight: 600;
overflow-wrap: anywhere;
}
.km-page .km-ccard__note {
margin: 4px 0 0;
font-size: 15px;
line-height: 1.5;
color: #4a3b30;
}
.km-ccard--mail:hover {
border-color: #d6c7b4;
}
.km-page .km-ccard--phone {
display: flex;
flex-direction: column;
gap: 18px;
padding: 28px;
border: 0;
background: var(--wp--preset--color--mechta);
color: #fff;
--km-i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 4h4l2 5-2.5 1.5a11 11 0 0 0 5 5L15 13l5 2v4a2 2 0 0 1-2 2A16 16 0 0 1 3 6a2 2 0 0 1 2-2z'/%3E%3C/svg%3E");
}
.km-ccard--phone::before {
display: none;
}
.km-ccard--phone::after {
top: 26px;
right: 28px;
left: auto;
width: 26px;
height: 26px;
background-color: #fff;
}
.km-ccard--phone:hover {
background: var(--wp--preset--color--mechta-cta);
}
.km-page .km-ccard--phone .km-ccard__label {
padding-right: 40px;
font-size: 13px;
font-weight: 600;
letter-spacing: 0.12em;
text-transform: uppercase;
color: #fff;
}
.km-page .km-ccard__phone {
margin: 0;
font: 700 clamp(28px, 3vw, 40px)/1.1 var(--wp--preset--font-family--unbounded);
letter-spacing: -0.03em;
} .km-page .km-cform {
display: flex;
flex: 1.3 1 520px;
flex-direction: column;
gap: 20px;
min-width: 0;
padding: clamp(24px, 3vw, 40px);
border: 1px solid var(--wp--preset--color--line);
border-radius: 32px;
background: var(--wp--preset--color--paper);
}
.km-page .km-cform__title {
margin: 0;
font-size: 26px;
letter-spacing: -0.02em;
}
.km-page .km-cform__fallback {
margin: 0;
font-size: 17px;
line-height: 1.55;
color: #4a3b30;
}
.km-cform__fallback-links {
display: flex;
flex-wrap: wrap;
gap: 10px;
margin: 0;
}
.km-cform__fallback-links a {
display: inline-flex;
align-items: center;
gap: 10px;
height: 52px;
padding: 0 22px;
border-radius: var(--wp--custom--radius--pill);
background: var(--wp--preset--color--espresso);
font-weight: 600;
color: var(--wp--preset--color--crema);
text-decoration: none;
}
.km-cform__hint {
margin: 0;
padding: 12px 16px;
border: 1px dashed var(--wp--preset--color--mechta);
border-radius: 14px;
font-size: 14px;
color: var(--wp--preset--color--mechta-cta);
}
.km-cform .wpforms-container {
--wpforms-field-border-radius: 14px;
--wpforms-field-border-color: #d6c7b4;
--wpforms-field-border-color-spare: #d6c7b4;
--wpforms-field-background-color: #fff;
--wpforms-field-text-color: var(--wp--preset--color--espresso);
--wpforms-label-color: var(--wp--preset--color--espresso);
--wpforms-label-sublabel-color: var(--wp--preset--color--muted);
--wpforms-label-error-color: var(--wp--custom--state--error);
--wpforms-button-border-radius: 999px;
--wpforms-button-background-color: var(--wp--preset--color--mechta-cta);
--wpforms-button-border-color: var(--wp--preset--color--mechta-cta);
--wpforms-button-text-color: #fff;
--wpforms-field-size-input-height: 52px;
--wpforms-field-size-input-spacing: 8px;
--wpforms-field-size-font-size: 16px;
--wpforms-field-size-line-height: 22px;
--wpforms-field-size-padding-h: 16px;
--wpforms-field-size-checkbox-size: 20px;
--wpforms-label-size-font-size: 14px;
--wpforms-label-size-line-height: 18px;
--wpforms-label-size-sublabel-font-size: 13px;
--wpforms-button-size-font-size: 17px;
--wpforms-button-size-height: 58px;
--wpforms-button-size-padding-h: 28px;
--wpforms-button-size-margin-top: 4px;
margin: 0;
font-family: var(--wp--preset--font-family--onest);
}
.km-cform .wpforms-container .wpforms-form .wpforms-field {
padding: 0 0 18px;
}
.km-cform .wpforms-container .wpforms-form .wpforms-field-label {
font-weight: 600;
}
.km-cform .wpforms-container .wpforms-form .wpforms-required-label {
color: var(--wp--preset--color--mechta-cta);
}
.km-cform .wpforms-container .wpforms-form input::placeholder,
.km-cform .wpforms-container .wpforms-form textarea::placeholder {
color: #9a8a7c;
opacity: 1;
}
.km-cform .wpforms-container .wpforms-form textarea.wpforms-field-medium {
height: 140px;
padding-top: 14px;
resize: vertical;
}
.km-cform .wpforms-container .wpforms-form :is(input[type="text"], input[type="email"], textarea):focus {
border-color: var(--wp--preset--color--mechta);
box-shadow: 0 0 0 3px rgba(196, 86, 47, 0.18);
} .km-cform .wpforms-container .wpforms-form .km-field-topic ul {
display: flex;
flex-wrap: wrap;
gap: 8px;
margin: 0;
}
.km-cform .wpforms-container .wpforms-form .km-field-topic ul li {
position: relative;
margin: 0;
}
.km-cform .wpforms-container .wpforms-form .km-field-topic li input {
position: absolute;
z-index: 1; top: 50%;
left: 16px;
margin: 0;
transform: translateY(-50%);
}
.km-cform .wpforms-container .wpforms-form .km-field-topic li label.wpforms-field-label-inline {
display: inline-flex;
align-items: center;
height: 44px;
margin: 0;
padding: 0 18px 0 44px;
border: 1px solid #d6c7b4;
border-radius: var(--wp--custom--radius--pill);
font-size: 15px;
cursor: pointer;
}
.km-cform .wpforms-container .wpforms-form .km-field-topic li:has(input:checked) {
--wpforms-button-background-color: var(--wp--preset--color--caramel);
--wpforms-field-background-color: var(--wp--preset--color--espresso);
--wpforms-field-border-color: var(--wp--preset--color--caramel);
}
.km-cform .wpforms-container .wpforms-form .km-field-topic li:has(input:checked) label.wpforms-field-label-inline {
border-color: var(--wp--preset--color--espresso);
background: var(--wp--preset--color--espresso);
font-weight: 600;
color: var(--wp--preset--color--crema);
}
.km-cform .wpforms-container .wpforms-form .km-field-topic li input:focus-visible + label {
outline: 2px solid var(--wp--preset--color--mechta);
outline-offset: 2px;
} .km-cform .wpforms-container .wpforms-form .km-field-consent li {
display: flex;
gap: 10px;
align-items: flex-start;
margin: 0;
}
.km-cform .wpforms-container .wpforms-form .km-field-consent label.wpforms-field-label-inline {
font-size: 14px;
line-height: 1.5;
color: #4a3b30;
}
.km-cform .wpforms-container .wpforms-form .km-field-consent a {
color: inherit;
text-decoration: underline;
}
.km-cform .wpforms-container .wpforms-form .wpforms-submit-container {
padding: 0;
}
.km-cform .wpforms-container .wpforms-form button.km-wpform__submit {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 12px;
width: 100%;
font-weight: 600;
}
.km-cform .wpforms-container .wpforms-form button.km-wpform__submit::after {
content: "";
width: 20px;
height: 20px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") center / contain no-repeat;
mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") center / contain no-repeat;
}
.km-cform .wpforms-container .wpforms-form button.km-wpform__submit:hover {
background: var(--wp--preset--color--roast);
}
.km-cform .wpforms-confirmation-container-full {
margin: 0;
padding: 20px 22px;
border: 1px solid #b9d3bf;
border-radius: 18px;
background: #edf5ee;
font-size: 16px;
line-height: 1.55;
color: #23452c;
}
.km-cform .wpforms-confirmation-container-full p {
margin: 0;
} .km-page .km-locmap {
position: relative;
min-height: 420px;
margin-bottom: 56px;
overflow: hidden;
border-radius: 36px;
background: var(--wp--preset--color--latte);
}
.km-locmap__map {
position: absolute;
inset: 0;
z-index: 0;
}
.km-locmap__card {
position: absolute;
bottom: clamp(16px, 3vw, 40px);
left: clamp(16px, 3vw, 40px);
z-index: 1;
display: flex;
flex-direction: column;
gap: 12px;
max-width: 380px;
padding: 24px;
border-radius: 26px;
background: var(--wp--preset--color--espresso);
color: var(--wp--preset--color--crema);
}
.km-page .km-locmap__title {
margin: 0;
font: 600 19px/1.3 var(--wp--preset--font-family--unbounded);
}
.km-page .km-locmap__text {
margin: 0;
font-size: 15px;
line-height: 1.5;
color: #cdbfae;
}
.km-locmap__button {
display: inline-flex;
align-items: center;
gap: 10px;
width: fit-content;
height: 48px;
margin-top: 4px;
padding: 0 20px;
border-radius: var(--wp--custom--radius--pill);
background: var(--wp--preset--color--crema);
font-weight: 600;
color: var(--wp--preset--color--espresso);
text-decoration: none;
}
.km-locmap__button:hover {
background: #fff;
color: var(--wp--preset--color--espresso);
}
.km-locmap__button .km-icon {
width: 18px;
height: 18px;
} .km-legal {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
gap: 14px;
padding: 0 0 96px;
}
.km-page .km-legal__link {
position: relative;
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
margin: 0;
padding: 24px;
border: 1px solid var(--wp--preset--color--line);
border-radius: 24px;
background: var(--wp--preset--color--paper);
font-size: 17px;
font-weight: 600;
}
.km-legal__link::before {
content: "";
order: 2;
flex-shrink: 0;
width: 20px;
height: 20px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 17L17 7M8 7h9v9'/%3E%3C/svg%3E") center / contain no-repeat;
mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 17L17 7M8 7h9v9'/%3E%3C/svg%3E") center / contain no-repeat;
}
.km-legal__link:hover {
border-color: #d6c7b4;
color: var(--wp--preset--color--mechta-cta);
}
.km-page :is(.km-ccard, .km-legal__link).km-stretch {
position: relative;
}  @media (max-width: 959.98px) {
.km-page > .km-vend.alignfull {
flex-direction: column;
flex-wrap: nowrap;
min-height: 0;
border-radius: var(--wp--custom--radius--lg);
}
.km-vend__side {
display: contents;
}
.km-vend__controls {
order: 1;
padding: 20px 16px 16px;
}
.km-vend__map {
flex: none;
order: 2;
height: 440px;
min-height: 0;
}
.km-vend__list {
order: 3;
max-height: none;
padding: 16px 16px 0;
overflow: visible;
}
.km-vend__more {
order: 4;
margin: 12px 16px 0;
}
.km-vend .km-vend__foot {
order: 5;
padding: 12px 16px 20px;
}
.km-vend__list {
padding-bottom: 16px;
}
.km-vend__more {
margin-bottom: 4px;
}
}
@media (max-width: 781.98px) {
.km-page .km-pagehead,
.km-page .km-contact-hero {
padding: 28px 0 24px;
}
.km-page .km-pagehead__lead,
.km-page .km-about-hero .km-pagehead__lead {
margin-top: 18px;
font-size: 17px;
}
.km-vstats {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 12px;
width: 100%;
}
.km-vstats__num {
font-size: 28px;
}
.km-vstats__label {
font-size: 13px;
}
.km-vend__map {
height: 380px;
}
.km-page .km-psection {
padding: 32px 0;
}
.km-page .km-drinks {
padding: 56px 0 16px;
}
.km-drinks__grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 10px;
margin-top: 24px !important;
}
.km-page .km-drink {
border-radius: 20px;
}
.km-page .km-drink figcaption {
padding: 32px 14px 14px;
font-size: 15px;
}
.km-steps__box,
.km-host,
.km-company {
border-radius: var(--wp--custom--radius--lg);
}
.km-page .km-steps__list {
margin-top: 24px;
gap: 10px;
}
.km-page .km-step {
padding: 22px;
border-radius: var(--wp--custom--radius--md);
}
.km-page .km-step__num {
font-size: 34px;
}
.km-page .km-host-wrap {
padding: 24px 0 56px;
}
.km-page .km-host__lead {
font-size: 16px;
}
.km-page .km-host__img {
min-height: 240px;
}
.km-page .km-about-hero {
gap: 8px;
padding: 28px 0 24px;
}
.km-page .km-about-hero__logo {
min-height: 260px;
}
.km-about-hero__logo::before {
width: 240px;
}
.km-page .km-about-hero__logo img {
width: 200px;
}
.km-numbers {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 10px;
}
.km-page .km-number {
padding: 20px;
border-radius: var(--wp--custom--radius--md);
}
.km-page .km-number__value {
font-size: 28px;
}
.km-page .km-number__label {
font-size: 13px;
}
.km-page > .km-strip {
padding: 24px 0 40px;
}
.km-strip__band {
gap: 10px;
padding: 12px 0;
}
.km-strip__band a {
height: 160px;
}
.km-page .km-strip__band img {
width: 150px;
height: 205px;
}
.km-page .km-story {
gap: 32px;
padding: 16px 0 40px;
}
.km-page .km-story__body {
font-size: 16px;
}
.km-page .km-company-wrap {
padding: 8px 0 56px;
}
.km-company {
gap: 28px;
}
.km-page .km-company__rows {
grid-template-columns: 1fr;
gap: 2px;
}
.km-company__value {
margin-bottom: 10px;
}
.km-company__buttons,
.km-company__buttons .wp-block-button {
width: 100%;
}
.km-page .km-ccard {
padding: 20px 20px 20px 84px;
border-radius: var(--wp--custom--radius--md);
}
.km-ccard::before {
top: 20px;
left: 20px;
}
.km-ccard::after {
top: 34px;
left: 34px;
}
.km-page .km-ccard--phone {
padding: 22px;
}
.km-ccard--phone::after {
top: 22px;
right: 22px;
left: auto;
}
.km-page .km-cform {
border-radius: var(--wp--custom--radius--lg);
} .km-cform .wpforms-container .wpforms-form .wpforms-field.wpforms-one-half {
float: none;
width: 100%;
margin-left: 0;
}
.km-page .km-locmap {
display: flex;
flex-direction: column;
min-height: 0;
border-radius: var(--wp--custom--radius--lg);
background: var(--wp--preset--color--espresso);
}
.km-locmap__map {
position: relative;
height: 300px;
}
.km-locmap__card {
position: static;
max-width: none;
border-radius: 0;
}
.km-legal {
gap: 10px;
padding-bottom: 56px;
}
.km-page .km-legal__link {
padding: 20px;
border-radius: var(--wp--custom--radius--md);
}
} .km-page--b2b :is(h1, h2) em {
color: var(--wp--preset--color--mechta-cta);
} .wp-block-button.km-btn-outline > .wp-block-button__link {
border: 1.5px solid var(--wp--preset--color--espresso);
background: transparent;
color: var(--wp--preset--color--espresso);
}
.wp-block-button.km-btn-white > .wp-block-button__link {
background: #fff;
color: var(--wp--preset--color--espresso);
}
.wp-block-button.km-btn-outline-white > .wp-block-button__link {
border: 1.5px solid #fff;
background: transparent;
color: #fff;
}
.wp-block-button:is(.km-btn-outline, .km-btn-white) > .wp-block-button__link:hover {
background: var(--wp--preset--color--espresso);
color: var(--wp--preset--color--crema);
}
.wp-block-button.km-btn-outline-white > .wp-block-button__link:hover {
background: #fff;
color: var(--wp--preset--color--espresso);
}
.km-page .km-b2b-buttons {
gap: 12px;
margin-top: 30px;
} .km-page .km-b2b-hero {
display: grid;
grid-template-columns: minmax(0, 1fr) 400px;
gap: 56px;
align-items: center;
padding: 72px 0 0;
}
.km-page .km-b2b-hero .km-pagehead__title {
margin-top: 20px;
font-size: clamp(40px, 5.3vw, 76px);
letter-spacing: -0.055em;
}
.km-page .km-b2b-hero .km-pagehead__title em {
font-size: 1.12em;
letter-spacing: -0.02em;
}
.km-page .km-b2b-hero .km-pagehead__lead {
max-width: 640px;
margin-top: 26px;
font-size: 18.5px;
line-height: 1.6;
}
.km-page .km-b2b-contact {
padding: 30px;
border-radius: var(--wp--custom--radius--lg);
background: var(--wp--preset--color--espresso);
color: var(--wp--preset--color--crema);
}
.km-b2b-contact a {
color: inherit;
text-decoration: none;
}
.km-b2b-contact a:hover {
color: var(--wp--preset--color--caramel);
}
.km-page .km-b2b-contact__phone {
margin: 14px 0 0;
font: 700 30px/1.15 var(--wp--preset--font-family--unbounded);
letter-spacing: -0.03em;
}
.km-page .km-b2b-contact__email {
margin: 6px 0 0;
font-size: 16px;
overflow-wrap: anywhere;
}
.km-page .km-b2b-contact__meta {
display: flex;
flex-direction: column;
gap: 8px;
margin: 20px 0 0;
padding-top: 18px;
border-top: 1px solid #3a2a20;
color: #cdbfae;
font-size: 14.5px;
line-height: 1.4;
}
.km-page .km-b2b-numbers {
margin-top: 64px;
padding: 0;
} .km-page .km-b2b-section {
padding: 96px 0 0;
}
.km-page .km-b2b-section__title {
margin: 14px 0 0;
font-size: clamp(26px, 2.6vw, 36px);
letter-spacing: -0.04em;
line-height: 1.08;
}
.km-page .km-b2b-section__title em {
font-size: 1.15em;
} .km-b2b-who__grid {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 16px;
margin-top: 30px;
}
.km-page .km-b2b-card {
display: flex;
flex-direction: column;
gap: 10px;
min-height: 230px;
padding: 26px;
border: 1px solid var(--wp--preset--color--line);
border-radius: 24px;
background: var(--wp--preset--color--paper);
}
.km-page .km-b2b-card__icon {
display: grid;
place-items: center;
width: 48px;
height: 48px;
margin: 0;
border-radius: var(--wp--custom--radius--sm);
background: #ede4d8;
color: var(--wp--preset--color--roast);
}
.km-b2b-card__icon .km-icon {
width: 24px;
height: 24px;
}
.km-page .km-b2b-card__title {
margin: 4px 0 0;
font-family: var(--wp--preset--font-family--onest);
font-size: 18px;
font-weight: 700;
letter-spacing: 0;
line-height: 1.3;
}
.km-page .km-b2b-card__text {
flex-grow: 1;
margin: 0;
color: #5c4d41;
font-size: 14.5px;
line-height: 1.55;
}
.km-page .km-b2b-card__link {
margin: 0;
font-size: 14.5px;
font-weight: 700;
}
.km-b2b-card__link a {
color: var(--wp--preset--color--mechta-cta);
text-decoration: underline;
text-underline-offset: 3px;
}
.km-b2b-card__link a:hover {
color: var(--wp--preset--color--espresso);
} .km-page .km-b2b-prices {
display: grid;
grid-template-columns: 420px minmax(0, 1fr);
grid-template-areas:
"head tiers"
"text tiers";
column-gap: 48px;
align-items: center;
}
.km-b2b-prices__head {
grid-area: head;
align-self: end;
}
.km-page .km-b2b-prices__text {
grid-area: text;
align-self: start;
margin: 16px 0 0;
color: #4a3b30;
font-size: 16px;
line-height: 1.6;
}
.km-page .km-b2b-prices__tiers {
grid-area: tiers;
grid-template-columns: repeat(4, minmax(0, 1fr));
margin: 0;
}
.km-b2b-prices__tiers .km-tier {
padding: 26px 22px;
}
.km-b2b-prices__tiers .km-tier__qty {
font-size: 14px;
}
.km-b2b-prices__tiers .km-tier__off {
margin-top: 4px;
font-size: 26px;
font-weight: 700;
line-height: 1.15;
}
.km-b2b-prices__tiers .km-tier.is-retail .km-tier__off {
font-size: 20px;
} .km-page .km-b2b-steps__list {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 16px;
margin: 30px 0 0;
padding: 0;
list-style: none;
}
.km-page .km-b2b-step {
display: flex;
flex-direction: column;
margin: 0;
padding: 26px;
border: 1px solid var(--wp--preset--color--line);
border-radius: 24px;
background: var(--wp--preset--color--paper);
}
.km-b2b-step__num {
font: 700 40px/1 var(--wp--preset--font-family--unbounded);
letter-spacing: -0.05em;
color: var(--wp--preset--color--mechta-cta);
}
.km-b2b-step__title {
margin-top: 12px;
font-size: 18px;
font-weight: 700;
line-height: 1.3;
}
.km-b2b-step__text {
margin-top: 8px;
color: #5c4d41;
font-size: 15px;
line-height: 1.6;
} .km-page .km-b2b-faq {
display: grid;
grid-template-columns: minmax(0, 1fr) 400px;
gap: 32px;
align-items: start;
}
.km-page .km-b2b-faq__list {
margin-top: 26px;
border-top: 1px solid var(--wp--preset--color--line);
}
.km-page .km-faq {
margin: 0;
border-bottom: 1px solid var(--wp--preset--color--line);
}
.km-faq > summary {
display: flex;
align-items: center;
justify-content: space-between;
gap: 16px;
padding: 20px 4px;
font-size: 17.5px;
font-weight: 700;
line-height: 1.35;
list-style: none;
cursor: pointer;
}
.km-faq > summary::-webkit-details-marker {
display: none;
}
.km-faq > summary::after {
content: "+";
content: "+" / "";
display: grid;
flex-shrink: 0;
place-items: center;
width: 34px;
height: 34px;
border-radius: 50%;
background: #ede4d8;
color: var(--wp--preset--color--espresso);
font-size: 20px;
font-weight: 500;
line-height: 1;
}
.km-faq[open] > summary::after {
content: "−";
content: "−" / "";
background: var(--wp--preset--color--espresso);
color: var(--wp--preset--color--crema);
}
.km-page .km-faq .km-faq__answer {
margin: 0;
padding: 0 60px 20px 4px;
color: #4a3b30;
font-size: 15.5px;
line-height: 1.65;
}
.km-page .km-b2b-try {
display: flex;
flex-direction: column;
justify-content: space-between;
gap: 28px;
min-height: 340px;
margin-top: 72px;
padding: 30px;
border-radius: var(--wp--custom--radius--lg);
background: var(--wp--preset--color--espresso);
color: var(--wp--preset--color--crema);
}
.km-page .km-b2b-try__title {
margin: 14px 0 0;
font: 700 26px/1.15 var(--wp--preset--font-family--unbounded);
letter-spacing: -0.02em;
}
.km-b2b-try .wp-block-button__link {
min-height: 48px;
padding: 0 22px;
font-size: 15px;
font-weight: 700;
} .km-page .km-b2b-cta {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
gap: 24px 32px;
margin: 96px 0 72px;
padding: 48px 56px;
border-radius: 32px;
background: var(--wp--preset--color--mechta);
color: #fff;
}
.km-page .km-b2b-cta__title {
margin: 0;
color: #fff;
font-size: clamp(26px, 2.7vw, 38px);
letter-spacing: -0.04em;
line-height: 1.08;
}
.km-page .km-b2b-cta__lead {
margin: 12px 0 0;
color: #fff;
font-size: 17px;
line-height: 1.5;
}
.km-b2b-cta__text {
flex: 1 1 360px;
min-width: 0;
}
.km-page .km-b2b-cta .km-b2b-buttons {
flex-shrink: 0;
margin-top: 0;
} @media (max-width: 1079.98px) {
.km-page .km-b2b-hero {
grid-template-columns: minmax(0, 1fr);
gap: 32px;
}
.km-page .km-b2b-contact {
max-width: 520px;
}
.km-b2b-who__grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.km-page .km-b2b-prices {
grid-template-columns: minmax(0, 1fr);
grid-template-areas:
"head"
"tiers"
"text";
}
.km-page .km-b2b-prices__tiers {
margin-top: 26px;
}
.km-page .km-b2b-faq {
grid-template-columns: minmax(0, 1fr);
}
.km-page .km-b2b-try {
min-height: 0;
margin-top: 0;
}
} @media (max-width: 781.98px) {
.km-page .km-b2b-hero {
gap: 24px;
padding: 28px 0 0;
}
.km-page .km-b2b-hero .km-pagehead__title {
margin-top: 14px;
font-size: min(40px, 7.6vw); }
.km-page .km-b2b-hero .km-pagehead__lead {
margin-top: 16px;
font-size: 16px;
}
.km-page .km-b2b-buttons {
margin-top: 22px;
}
.km-page .km-b2b-buttons,
.km-page .km-b2b-buttons .wp-block-button,
.km-page .km-b2b-buttons .wp-block-button__link {
width: 100%;
}
.km-page .km-b2b-contact {
max-width: none;
padding: 22px;
border-radius: var(--wp--custom--radius--md);
}
.km-page .km-b2b-contact__phone {
margin-top: 10px;
font-size: 24px;
}
.km-page .km-b2b-contact__meta {
margin-top: 16px;
padding-top: 14px;
font-size: 13.5px;
}
.km-page .km-b2b-numbers {
margin-top: 12px;
}
.km-page .km-b2b-section {
padding-top: 56px;
}
.km-page .km-b2b-section__title {
margin-top: 10px;
font-size: 24px;
line-height: 1.15;
}
.km-b2b-who__grid {
grid-template-columns: minmax(0, 1fr);
gap: 10px;
margin-top: 20px;
}
.km-page .km-b2b-card {
gap: 8px;
min-height: 0;
padding: 20px;
border-radius: var(--wp--custom--radius--md);
}
.km-page .km-b2b-card__icon {
display: none;
}
.km-page .km-b2b-card__title {
margin-top: 0;
font-size: 17px;
}
.km-page .km-b2b-prices__tiers {
grid-template-columns: repeat(2, minmax(0, 1fr));
margin-top: 20px;
border-radius: var(--wp--custom--radius--md);
}
.km-b2b-prices__tiers .km-tier {
padding: 16px 18px;
}
.km-b2b-prices__tiers .km-tier__qty {
font-size: 13px;
}
.km-b2b-prices__tiers .km-tier__off,
.km-b2b-prices__tiers .km-tier.is-retail .km-tier__off {
font-size: 18px;
}
.km-page .km-b2b-prices__text {
margin-top: 16px;
font-size: 15.5px;
}
.km-page .km-b2b-steps__list {
grid-template-columns: minmax(0, 1fr);
gap: 10px;
margin-top: 20px;
}
.km-page .km-b2b-step {
display: grid;
grid-template-columns: 44px minmax(0, 1fr);
column-gap: 12px;
padding: 20px;
border-radius: var(--wp--custom--radius--md);
}
.km-b2b-step__num {
grid-row: 1 / span 2;
font-size: 26px;
}
.km-b2b-step__title {
margin-top: 0;
font-size: 16.5px;
}
.km-b2b-step__text {
margin-top: 6px;
font-size: 14.5px;
}
.km-page .km-b2b-faq {
gap: 28px;
}
.km-page .km-b2b-faq__list {
margin-top: 18px;
}
.km-faq > summary {
padding: 18px 2px;
font-size: 16px;
}
.km-faq > summary::after {
width: 30px;
height: 30px;
font-size: 18px;
}
.km-page .km-faq .km-faq__answer {
padding: 0 2px 18px;
font-size: 15px;
}
.km-page .km-b2b-try {
gap: 20px;
padding: 24px;
border-radius: var(--wp--custom--radius--md);
}
.km-page .km-b2b-try__title {
margin-top: 10px;
font-size: 20px;
}
.km-page .km-b2b-cta {
flex-direction: column;
align-items: stretch;
margin: 32px 0 40px;
padding: 28px 22px;
border-radius: var(--wp--custom--radius--lg);
}
.km-page .km-b2b-cta__title {
font-size: 24px;
line-height: 1.15;
}
.km-page .km-b2b-cta__lead {
font-size: 15.5px;
}
.km-page .km-b2b-cta .km-b2b-buttons {
margin-top: 4px;
}
}html body :is(.cky-consent-container, .cky-modal) {
--km-ck-ink: var(--wp--preset--color--espresso, #1e120b);
--km-ck-text: #4a3b30;
--km-ck-muted: var(--wp--preset--color--muted, #6e5f52);
--km-ck-faint: #8a7a6c;
--km-ck-paper: var(--wp--preset--color--paper, #fbf8f3);
--km-ck-line: var(--wp--preset--color--line, #e3d8ca);
--km-ck-accent: var(--wp--preset--color--mechta, #c1552e);
--km-ck-link: var(--wp--preset--color--mechta-cta, #b84a1a);
font-family: var(--wp--preset--font-family--onest, Onest, system-ui, sans-serif);
color: var(--km-ck-ink);
-webkit-font-smoothing: antialiased;
} html body :is(.cky-consent-container, .cky-modal) .km-ck-accent {
font-family: var(--wp--preset--font-family--cormorant-garamond, "Cormorant Garamond", Georgia, serif);
font-size: 1.2em;
font-style: italic;
font-weight: 600;
letter-spacing: 0;
color: #ba522d; } html body :is(.cky-consent-container .cky-notice-btn-wrapper, .cky-modal .cky-prefrence-btn-wrapper) .cky-btn {
display: inline-flex;
align-items: center;
justify-content: center;
width: 100% !important;
max-width: none !important;
min-height: 48px;
margin: 0 !important;
padding: 10px 14px !important;
border: 1.5px solid var(--km-ck-ink) !important;
border-radius: 999px !important;
background: var(--km-ck-ink) !important;
font-family: inherit;
font-size: 15px !important;
font-weight: 600 !important;
line-height: 1.2 !important;
color: var(--wp--preset--color--crema, #f4eee6) !important;
white-space: nowrap;
text-transform: none;
opacity: 1 !important;
box-shadow: none !important;
cursor: pointer;
transition: background-color 0.15s ease, color 0.15s ease;
}
html body :is(.cky-consent-container .cky-notice-btn-wrapper, .cky-modal .cky-prefrence-btn-wrapper) .cky-btn:hover {
background: #3a2d24 !important;
}
html body :is(.cky-consent-container, .cky-modal) :is(.cky-btn, .cky-btn-close, a, input):focus-visible {
outline: 2px solid var(--km-ck-link) !important;
outline-offset: 3px;
} html body .cky-consent-container:focus-visible {
outline: none !important;
}
html body .cky-consent-container:focus-visible .cky-consent-bar {
outline: 2px solid var(--km-ck-link);
outline-offset: 3px;
} html body .cky-consent-container {
top: auto !important;
right: auto !important;
bottom: calc(32px + var(--km-dock, 0px)) !important;
left: 32px !important;
width: 420px !important;
max-width: calc(100vw - 32px);
max-height: calc(100vh - 48px - var(--km-dock, 0px));
overflow-y: auto;
border-radius: 26px;
transform: none;
}
html body .cky-consent-container .cky-consent-bar {
padding: 24px !important;
border: 1px solid var(--km-ck-line) !important;
border-radius: 26px;
background: var(--km-ck-paper) !important;
box-shadow: 0 24px 60px rgba(30, 18, 11, 0.22) !important;
}
html body .cky-consent-container .cky-banner-btn-close {
display: none !important; }
html body .cky-consent-container :is(.cky-notice .cky-title, .cky-notice-des, .cky-notice-btn-wrapper) {
padding: 0 !important;
}
html body .cky-consent-container .cky-notice .cky-title {
display: flex;
align-items: center;
gap: 12px;
margin: 0 !important;
font-family: var(--wp--preset--font-family--unbounded, Unbounded, sans-serif);
font-size: 18px !important;
font-weight: 700;
line-height: 1.25;
letter-spacing: -0.02em;
color: var(--km-ck-ink) !important;
} html body .cky-consent-container .cky-notice .cky-title::before {
content: "";
flex-shrink: 0;
width: 40px;
height: 40px;
border-radius: 999px;
background: var(--km-ck-ink) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23F4EEE6' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20.5 12.6A8.5 8.5 0 1 1 11.4 3.5a3 3 0 0 0 4 4 3 3 0 0 0 5.1 5.1z'/%3E%3Ccircle cx='9' cy='10' r='0.9'/%3E%3Ccircle cx='14' cy='15' r='0.9'/%3E%3Ccircle cx='8.5' cy='15.5' r='0.9'/%3E%3C/svg%3E") center / 20px no-repeat;
}
html body .cky-consent-container .cky-notice-group {
display: block !important;
}
html body .cky-consent-container .cky-notice-des,
html body .cky-consent-container .cky-notice-des :is(p, span) {
margin: 0;
font-size: 14.5px !important;
line-height: 1.55 !important;
color: var(--km-ck-text) !important;
}
html body .cky-consent-container .cky-notice-des {
margin-top: 14px;
max-height: none;
} html body .cky-consent-container .km-ck-short {
display: none;
}
html body .cky-consent-container .cky-notice-des a.cky-policy {
padding: 0 !important;
border: 0 !important;
background: none !important;
font-size: inherit !important;
font-weight: 600;
color: var(--km-ck-link) !important;
text-decoration: underline;
text-underline-offset: 3px;
}
html body .cky-consent-container .cky-notice-btn-wrapper {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 10px;
margin: 18px 0 0 !important;
}
html body .cky-consent-container .cky-notice-btn-wrapper .cky-btn-reject {
order: 1 !important;
}
html body .cky-consent-container .cky-notice-btn-wrapper .cky-btn-accept {
order: 2 !important;
} html body .cky-consent-container .cky-notice-btn-wrapper .cky-btn-customize {
order: 3 !important;
grid-column: 1 / -1;
min-height: 44px;
margin-top: 2px !important;
border-color: transparent !important;
background: transparent !important;
font-size: 14.5px !important;
color: var(--km-ck-ink) !important;
}
html body .cky-consent-container .cky-notice-btn-wrapper .cky-btn-customize:hover {
background: transparent !important;
text-decoration: underline;
text-underline-offset: 3px;
} @media (max-width: 600px) {
html body .cky-consent-container {
right: 10px !important;
bottom: calc(10px + var(--km-dock, 0px)) !important;
left: 10px !important;
width: auto !important;
max-width: none;
max-height: calc(100vh - 20px - var(--km-dock, 0px));
border-radius: 24px;
}
html body .cky-consent-container .cky-consent-bar {
padding: 16px 18px 6px !important;
border-radius: 24px;
box-shadow: 0 -10px 40px rgba(30, 18, 11, 0.2) !important;
}
html body .cky-consent-container .cky-notice .cky-title {
font-size: 16px !important;
}
html body .cky-consent-container .cky-notice .cky-title::before {
display: none;
}
html body .cky-consent-container .cky-notice-des {
margin-top: 6px;
}
html body .cky-consent-container .cky-notice-des,
html body .cky-consent-container .cky-notice-des :is(p, span) {
font-size: 13.5px !important;
line-height: 1.5 !important;
}
html body .cky-consent-container .km-ck-short {
display: inline;
}
html body .cky-consent-container .km-ck-long {
display: none;
}
html body .cky-consent-container .cky-notice-btn-wrapper {
gap: 4px 8px;
margin-top: 12px !important;
}
html body .cky-consent-container .cky-notice-btn-wrapper .cky-btn {
min-height: 44px;
}
html body .cky-consent-container .cky-notice-btn-wrapper .cky-btn-customize {
min-height: 44px;
margin-top: 0 !important;
font-size: 14px !important;
}
} @media (max-height: 500px) and (min-width: 601px) {
html body .cky-consent-container {
bottom: calc(12px + var(--km-dock, 0px)) !important;
left: 12px !important;
max-height: calc(100vh - 24px - var(--km-dock, 0px));
}
html body .cky-consent-container .cky-consent-bar {
padding: 16px 18px 8px !important;
}
html body .cky-consent-container .cky-notice .cky-title::before {
width: 32px;
height: 32px;
background-size: 16px;
}
html body .cky-consent-container .cky-notice-des {
margin-top: 8px;
}
html body .cky-consent-container .cky-notice-btn-wrapper {
margin-top: 12px !important;
}
html body .cky-consent-container .cky-notice-btn-wrapper .cky-btn {
min-height: 44px;
}
} html body .cky-btn-revisit-wrapper {
display: none !important;
} html body .cky-overlay {
background: rgba(30, 18, 11, 0.55) !important;
opacity: 1 !important;
}
html body .cky-modal {
width: 560px;
max-width: calc(100vw - 20px) !important;
border-radius: 28px !important;
background: var(--km-ck-paper) !important;
box-shadow: 0 30px 80px rgba(0, 0, 0, 0.35) !important;
}
html body .cky-modal .cky-preference-center {
box-sizing: border-box;
width: 100% !important;
max-height: calc(100vh - 40px) !important;
padding: 30px;
border: 0 !important;
border-radius: 28px;
background: var(--km-ck-paper) !important;
color: var(--km-ck-ink) !important;
}
html body .cky-modal .cky-preference-header {
align-items: flex-start;
gap: 16px;
padding: 0 !important;
border: 0 !important;
}
html body .cky-modal .cky-preference-header .cky-preference-title {
font-family: var(--wp--preset--font-family--unbounded, Unbounded, sans-serif);
font-size: 24px !important;
font-weight: 700 !important;
line-height: 1.2 !important;
letter-spacing: -0.03em;
color: var(--km-ck-ink) !important;
} html body .cky-modal .cky-preference-header .cky-btn-close {
flex-shrink: 0;
width: 44px !important;
height: 44px !important;
border-radius: 999px !important;
background: #ede4d8 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%231E120B' stroke-width='2.2' stroke-linecap='round'%3E%3Cpath d='M6 6l12 12M18 6L6 18'/%3E%3C/svg%3E") center / 18px no-repeat !important;
}
html body .cky-modal .cky-preference-header .cky-btn-close img {
display: none !important;
}
html body .cky-modal .cky-preference-body-wrapper {
padding: 0 !important;
border: 0 !important;
}
html body .cky-modal .cky-preference-content-wrapper {
padding: 12px 0 0 !important;
border: 0 !important;
}
html body .cky-modal .cky-preference-content-wrapper,
html body .cky-modal .cky-preference-content-wrapper p {
margin: 0;
font-size: 15px !important;
line-height: 1.55 !important;
color: var(--km-ck-text) !important;
}
html body .cky-modal .cky-preference-content-wrapper .cky-show-desc-btn {
font-size: 15px !important;
font-weight: 600;
color: var(--km-ck-link) !important;
} html body .cky-modal .cky-accordion-wrapper {
display: flex;
flex-direction: column;
gap: 12px;
margin: 22px 0 0 !important;
}
html body .cky-modal .cky-accordion {
padding: 18px 20px;
border: 1px solid var(--km-ck-line) !important;
border-radius: 20px;
background: #fff;
} html body .cky-modal .cky-accordion:has(.cky-empty-cookies-text),
html body .cky-modal .cky-accordion.km-ck-empty {
display: none;
}
html body .cky-modal .cky-accordion .cky-accordion-item {
margin: 0 !important;
}
html body .cky-modal .cky-accordion-header-wrapper {
cursor: default;
}
html body .cky-modal .cky-accordion-header {
gap: 16px;
}
html body .cky-modal .cky-accordion-header .cky-accordion-btn {
font-family: inherit !important;
font-size: 16px !important;
font-weight: 700 !important;
line-height: 1.3 !important;
color: var(--km-ck-ink) !important;
text-align: left;
}
html body .cky-modal .cky-accordion-header .cky-always-active {
flex-shrink: 0;
padding: 5px 12px;
border-radius: 999px;
background: #e4f0e6 !important;
font-size: 13px !important;
font-weight: 700 !important;
line-height: 1.3 !important;
color: var(--wp--custom--state--success, #2e6b3f) !important;
}
html body .cky-modal .cky-accordion-header-des,
html body .cky-modal .cky-accordion-header-des p {
margin: 0;
font-size: 14px !important;
line-height: 1.5 !important;
color: var(--km-ck-muted) !important;
}
html body .cky-modal .cky-accordion-header-des {
margin-top: 6px !important;
} html body .cky-modal .cky-switch input[type="checkbox"] {
flex-shrink: 0;
width: 56px !important;
height: 32px !important;
border-radius: 999px;
background: #cdbfae !important;
}
html body .cky-modal .cky-switch input[type="checkbox"]:checked {
background: var(--km-ck-accent) !important;
}
html body .cky-modal .cky-switch input[type="checkbox"]::before {
bottom: 3px !important;
left: 3px !important;
width: 26px !important;
height: 26px !important;
background: #fff !important;
}
html body .cky-modal .cky-switch input[type="checkbox"]:checked::before {
transform: translateX(24px) !important;
} html body .cky-modal.km-ck-ready .cky-accordion-chevron,
html body .cky-modal.km-ck-ready .cky-accordion .cky-accordion-body {
display: none !important;
}
html body .cky-modal .km-ck-list {
margin: 8px 0 0;
font-size: 12.5px;
line-height: 1.5;
color: var(--km-ck-faint);
overflow-wrap: anywhere;
}
html body .cky-modal .cky-audit-table {
background: var(--km-ck-paper) !important;
color: var(--km-ck-muted) !important;
} html body .cky-modal .cky-footer-shadow {
display: none !important;
}
html body .cky-modal .cky-footer-wrapper {
padding-top: 22px;
border: 0 !important;
}
html body .cky-modal .cky-prefrence-btn-wrapper {
display: grid !important;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 10px;
padding: 0 !important;
border: 0 !important;
}
html body .cky-modal .cky-prefrence-btn-wrapper .cky-btn {
font-size: 14.5px !important;
}
html body .cky-modal .cky-prefrence-btn-wrapper .cky-btn-reject {
order: 1 !important;
}
html body .cky-modal .cky-prefrence-btn-wrapper .cky-btn-preferences {
order: 2 !important;
background: var(--km-ck-paper) !important;
color: var(--km-ck-ink) !important;
}
html body .cky-modal .cky-prefrence-btn-wrapper .cky-btn-preferences:hover {
background: var(--km-ck-ink) !important;
color: var(--wp--preset--color--crema, #f4eee6) !important;
}
html body .cky-modal .cky-prefrence-btn-wrapper .cky-btn-accept {
order: 3 !important;
}
html body .cky-modal .km-ck-policy {
margin: 14px 0 0;
font-size: 13px;
line-height: 1.4;
text-align: center;
color: var(--km-ck-muted);
}
html body .cky-modal .km-ck-policy a {
display: inline-block;
padding: 6px 4px;
color: var(--km-ck-link);
text-decoration: underline;
text-underline-offset: 3px;
}
html body .cky-modal :is(.cky-footer-wrapper .cky-powered-by, .cky-preference-center .cky-powered-by) {
display: none !important;
} @media (max-width: 600px) {
html body .cky-modal {
max-width: calc(100vw - 16px) !important;
border-radius: 24px !important;
}
html body .cky-modal .cky-preference-center {
max-height: calc(100vh - 16px) !important;
padding: 20px 18px;
border-radius: 24px;
}
html body .cky-modal .cky-preference-header .cky-preference-title {
font-size: 20px !important;
}
html body .cky-modal .cky-preference-content-wrapper,
html body .cky-modal .cky-preference-content-wrapper p {
font-size: 14px !important;
}
html body .cky-modal .cky-accordion-wrapper {
margin-top: 16px !important;
}
html body .cky-modal .cky-accordion {
padding: 16px;
}
html body .cky-modal .cky-prefrence-btn-wrapper {
grid-template-columns: 1fr;
gap: 8px;
}
html body .cky-modal .cky-prefrence-btn-wrapper .cky-btn {
min-height: 46px;
}
} @media (max-height: 500px) {
html body .cky-modal .cky-preference-center {
max-height: calc(100vh - 16px) !important;
padding: 18px 20px;
overflow-y: auto;
}
html body .cky-modal .cky-preference-body-wrapper {
overflow: visible !important;
}
}