:root {
--km-topbar-h: 38px;
--km-admin-bar: 0px; scroll-padding-top: calc(100px + var(--km-admin-bar));
}  @font-face {
font-family: "Unbounded Fallback";
src: local("Arial Bold"), local("Arial-BoldMT"), local("Liberation Sans Bold"), local("Arimo Bold"), local("Roboto Bold"), local("Roboto-Bold"), local("Arial");
font-weight: 600 700;
size-adjust: 130.5%;
ascent-override: 76%;
descent-override: 19%;
line-gap-override: 0%;
}
@font-face {
font-family: "Cormorant Garamond Fallback";
src: local("Times New Roman Bold Italic"), local("TimesNewRomanPS-BoldItalicMT"), local("Liberation Serif Bold Italic"), local("Tinos Bold Italic"), local("Noto Serif Bold Italic"), local("Georgia Bold Italic");
font-style: italic;
font-weight: 600;
size-adjust: 85.8%;
ascent-override: 107.6%;
descent-override: 33.4%;
line-gap-override: 0%;
}
@font-face {
font-family: "Onest Fallback";
src: local("Arial"), local("ArialMT"), local("Liberation Sans"), local("Arimo"), local("Roboto"), local("Roboto-Regular");
font-weight: 400;
size-adjust: 102.9%;
ascent-override: 94%;
descent-override: 30%;
line-gap-override: 0%;
}
@font-face {
font-family: "Onest Fallback";
src: local("Arial Bold"), local("Arial-BoldMT"), local("Liberation Sans Bold"), local("Arimo Bold"), local("Roboto Bold"), local("Roboto-Bold");
font-weight: 500 700;
size-adjust: 99.3%;
ascent-override: 97.7%;
descent-override: 30.7%;
line-gap-override: 0%;
} body {
font-feature-settings: "locl" 0;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
button,
input,
select,
textarea {
font-feature-settings: inherit;
} :where(h1, h2, h3) em {
font-family: var(--wp--preset--font-family--cormorant-garamond);
font-size: 1.25em;
font-style: italic;
font-weight: 600;
letter-spacing: -0.01em;
line-height: 0; color: var(--wp--preset--color--mechta);
} .price,
.woocommerce-Price-amount,
.wc-block-components-product-price,
.wc-block-mini-cart__amount {
font-family: var(--wp--preset--font-family--unbounded);
font-weight: 600;
}  .wp-element-button,
.wp-block-button__link,
.wp-block-button > .wp-block-button__link {
box-sizing: border-box;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 8px;
min-height: var(--wp--custom--button--height);
text-decoration: none;
transition: background-color 0.15s ease, color 0.15s ease, border-color 0.15s ease;
} .woocommerce :is(a, button).button.wp-element-button,
.woocommerce ul.products li.product a.button.wp-element-button {
display: inline-flex;
align-items: center;
justify-content: center;
}
.wp-block-button.is-style-outline > .wp-block-button__link:hover {
background-color: var(--wp--preset--color--espresso);
color: var(--wp--preset--color--crema);
}
:where(a, button, input, .wp-element-button):focus-visible {
outline: 2px solid var(--wp--preset--color--mechta-cta);
outline-offset: 3px;
} body.admin-bar {
--km-admin-bar: 32px;
}
@media (max-width: 782px) {
body.admin-bar {
--km-admin-bar: 46px;
}
}
@media (max-width: 600px) {
body.admin-bar {
--km-admin-bar: 0px; }
}
.wp-site-blocks > header.wp-block-template-part:has(> .km-bar) {
position: sticky;
top: calc(var(--km-admin-bar) - var(--km-topbar-h));
z-index: 50;
} .km-topbar {
font-size: 13px;
line-height: 1.2;
}
.km-topbar .km-topbar__inner {
height: var(--km-topbar-h);
gap: 24px;
}
.km-topbar p {
margin: 0;
white-space: nowrap;
}
.km-topbar .km-topbar__offers {
gap: 28px;
min-width: 0;
overflow: hidden;
}
.km-topbar__offers p::before {
content: "";
display: inline-block;
width: 6px;
height: 6px;
margin-right: 10px;
border-radius: 50%;
background: var(--wp--preset--color--caramel);
vertical-align: 0.15em;
}
.km-topbar .km-topbar__contacts {
flex-shrink: 0;
gap: 22px;
}
.km-topbar a {
color: inherit;
text-decoration: none;
}
.km-topbar a:hover {
color: var(--wp--preset--color--caramel);
} .km-bar {
position: relative;
isolation: isolate;
border-bottom: 1px solid var(--wp--preset--color--line);
}
.km-bar::before {
content: "";
position: absolute;
inset: 0;
z-index: -1;
background: var(--wp--custom--header--bar-background);
-webkit-backdrop-filter: blur(16px) saturate(1.4);
backdrop-filter: blur(16px) saturate(1.4);
}
.km-bar .km-bar__inner {
min-height: 84px;
gap: 24px;
} .km-bar .km-brand {
flex-shrink: 0;
gap: 12px;
}
.km-brand__logo {
margin: 0;
}
.km-brand__logo img {
display: block;
border-radius: 50%;
}
.km-brand__name {
margin: 0;
font-family: var(--wp--preset--font-family--unbounded);
font-size: 20px;
font-weight: 700;
letter-spacing: -0.02em;
line-height: 1.05;
}
.km-brand__name a {
color: var(--wp--preset--color--espresso);
text-decoration: none;
}
.km-brand__tagline {
margin: 0;
font-size: 13px;
line-height: 1.2;
color: var(--wp--preset--color--muted);
} .wp-block-navigation.km-nav--desktop {
padding: 5px;
border-radius: var(--wp--custom--radius--pill);
background: var(--wp--custom--header--nav-pill);
}
.wp-block-navigation.km-nav--desktop .wp-block-navigation__container {
gap: 2px;
}
.wp-block-navigation.km-nav .wp-block-navigation-item__content {
display: block;
padding: 10px 18px;
border-radius: var(--wp--custom--radius--pill);
color: var(--wp--preset--color--espresso);
font-size: 15px;
font-weight: 500;
line-height: 1.2;
text-decoration: none;
transition: background-color 0.15s ease, color 0.15s ease;
}
.wp-block-navigation.km-nav--desktop .wp-block-navigation-item__content:hover {
background: rgba(30, 18, 11, 0.07);
}
.wp-block-navigation.km-nav .current-menu-item > .wp-block-navigation-item__content {
background: var(--wp--preset--color--espresso);
color: var(--wp--preset--color--crema);
} .km-bar .km-actions {
flex-shrink: 0;
gap: 10px;
}
.wc-block-mini-cart.km-cart {
display: flex; }
.km-cart .wc-block-mini-cart__button {
display: inline-flex;
align-items: center;
gap: 10px;
height: 48px;
padding: 0 7px 0 16px;
border: 0;
border-radius: var(--wp--custom--radius--pill);
background: var(--wp--preset--color--espresso);
color: var(--wp--preset--color--crema);
cursor: pointer;
}
.km-cart .wc-block-mini-cart__button:hover {
background: var(--wp--preset--color--roast);
}
.km-cart .wc-block-mini-cart__quantity-badge {
display: contents;
}
.km-cart .wc-block-mini-cart__icon {
order: -1;
width: 22px;
height: 22px;
margin: 0;
}
.km-cart .wc-block-mini-cart__amount {
display: inline;
color: var(--wp--preset--color--crema);
font-size: 14px;
}
.km-cart .wc-block-mini-cart__badge {
order: 1; position: static;
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 34px;
height: 34px;
margin: 0;
padding: 0 6px;
border: 0;
border-radius: 999px; background-color: var(--wp--preset--color--mechta-cta) !important;
color: #fff !important;
font-size: 13px;
font-weight: 700;
transform: none;
} a.wc-block-mini-cart__button {
text-decoration: none;
}
a.wc-block-mini-cart__button:hover {
color: var(--wp--preset--color--crema);
}
.km-cart :is(.wc-block-mini-cart__badge, .wc-block-mini-cart__amount):empty {
display: none;
} .km-bump {
animation: km-bump 0.3s ease-out;
}
@keyframes km-bump {
40% {
transform: scale(1.35);
}
}
@media (prefers-reduced-motion: reduce) {
.km-bump {
animation: none;
}
}
.km-cart .wc-block-mini-cart__button:disabled:hover {
background: var(--wp--preset--color--espresso);
} .wc-block-components-product-metadata__description {
display: none;
}
.wc-block-mini-cart__drawer .wc-block-mini-cart__items {
overflow-x: hidden;
}
.wc-block-mini-cart__drawer .wc-block-cart-items {
width: 100%;
table-layout: fixed;
}
.wc-block-mini-cart__drawer .wc-block-cart-item__product,
.wc-block-mini-cart__drawer .wc-block-cart-item__wrap {
min-width: 0;
}
.wc-block-mini-cart__drawer .wc-block-components-product-name {
overflow-wrap: anywhere;
}
.wc-block-mini-cart__drawer .wc-block-cart-item__total {
white-space: nowrap;
}
.wc-block-mini-cart__drawer img {
max-width: 100%;
height: auto;
} .wp-block-navigation.km-nav--mobile .wp-block-navigation__responsive-container-open {
display: inline-flex;
align-items: center;
justify-content: center;
width: 48px;
height: 48px;
border-radius: 50%;
background: var(--wp--preset--color--espresso);
color: var(--wp--preset--color--crema);
}
.wp-block-navigation.km-nav--mobile .wp-block-navigation__responsive-container.is-menu-open {
padding: clamp(16px, 3vw, 40px);
}
.wp-block-navigation.km-nav--mobile .is-menu-open .wp-block-navigation__container {
gap: 6px;
}
.wp-block-navigation.km-nav--mobile .is-menu-open .wp-block-navigation-item__content {
padding: 10px 18px;
font-family: var(--wp--preset--font-family--unbounded);
font-size: 26px;
font-weight: 600;
letter-spacing: -0.02em;
} @media (max-width: 1079.98px) {
.wp-block-navigation.km-nav--desktop {
display: none;
}
.km-cart .wc-block-mini-cart__button {
position: relative;
justify-content: center;
width: 48px;
padding: 0;
border-radius: 50%;
}
.km-cart .wc-block-mini-cart__amount {
display: none;
}
.km-cart .wc-block-mini-cart__badge {
position: absolute;
top: -4px;
right: -6px;
min-width: 22px;
height: 22px;
padding: 0 5px;
box-shadow: 0 0 0 2px var(--wp--preset--color--crema);
font-size: 11px;
}
.km-topbar .km-topbar__item--wholesale,
.km-topbar .km-topbar__item--email {
display: none;
}
.km-bar .km-bar__inner {
min-height: 72px;
}
}
@media (min-width: 1080px) {
.wp-block-navigation.km-nav--mobile {
display: none;
}
}
.km-topbar .km-topbar__item--short {
display: none;
} @media (max-width: 781.98px) {
:root {
--km-topbar-h: 32px;
}
.km-topbar {
font-size: 12px;
}
.km-topbar .km-topbar__inner {
justify-content: center;
}
.km-topbar .km-topbar__item--short {
display: block;
}
.km-topbar .km-topbar__item--delivery,
.km-topbar .km-topbar__contacts {
display: none;
}
.km-topbar__offers p::before {
display: none;
}
.km-bar .km-bar__inner {
min-height: 64px;
}
.km-bar .km-brand__tagline {
display: none;
} body.single-product .wp-site-blocks > header.wp-block-template-part:has(> .km-bar) {
display: none;
}
} @media (max-width: 480px) {
.km-bar .km-bar__inner {
gap: 12px;
}
.km-bar .km-brand {
gap: 10px;
}
.km-bar .km-actions {
gap: 6px;
}
.km-brand__logo img {
width: 44px !important; height: 44px !important;
}
.km-brand__name {
font-size: 16px;
}
.km-brand__tagline {
font-size: 12px;
}
.km-cart .wc-block-mini-cart__button,
.wp-block-navigation.km-nav--mobile .wp-block-navigation__responsive-container-open {
width: 44px;
height: 44px;
min-height: 44px;
}
}
@media (max-width: 374.98px) {
.km-brand__logo img {
width: 40px !important;
height: 40px !important;
}
.km-brand__tagline {
display: none;
}
.km-brand__name {
font-size: 15px;
}
.km-cart .wc-block-mini-cart__button,
.wp-block-navigation.km-nav--mobile .wp-block-navigation__responsive-container-open {
width: 44px; height: 44px;
min-height: 44px;
}
}
@media (max-width: 339.98px) {
.km-bar .km-brand__text {
display: none; }
} .km-main {
padding-top: clamp(32px, 5vw, 64px);
padding-bottom: clamp(56px, 8vw, 112px);
} .km-footer {
padding-top: clamp(56px, 7vw, 96px);
padding-bottom: 28px;
overflow: hidden;
color: var(--wp--custom--footer--text);
font-size: 15px;
}
.km-footer a {
color: inherit;
text-decoration: none;
}
.km-footer a:hover {
color: var(--wp--preset--color--crema);
text-decoration: underline;
text-underline-offset: 3px;
}
.km-footer .km-footer__title {
margin: 0 0 18px;
font-family: var(--wp--preset--font-family--unbounded);
font-size: 15px;
font-weight: 600;
letter-spacing: 0;
line-height: 1.3;
color: var(--wp--preset--color--caramel);
}
.km-footer .km-footer__links,
.km-footer .km-footer__links ul {
display: grid;
gap: 10px;
margin: 0;
padding: 0;
list-style: none;
}
.km-footer .km-footer__account {
margin-top: 10px;
} .km-footer .km-footer__categories ul ul {
display: none;
}
.km-footer .km-footer__contact {
white-space: nowrap;
}
.km-footer .km-footer__links li {
margin: 0;
}
.km-footer p {
margin: 0 0 12px;
} .km-footer .km-footer__top {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
gap: 48px;
}
.km-footer .km-footer__brand {
flex: 1 1 320px;
max-width: 420px;
}
.km-footer .km-footer__logo {
gap: 14px;
}
.km-footer .km-footer__icon {
margin: 0;
}
.km-footer .km-footer__icon img {
display: block;
border-radius: 50%;
}
.km-footer .km-footer__name {
margin: 0;
font-family: var(--wp--preset--font-family--unbounded);
font-size: 24px;
font-weight: 700;
letter-spacing: -0.02em;
color: var(--wp--preset--color--crema);
}
.km-footer .km-footer__about {
margin: 20px 0 0;
line-height: 1.6;
}
.km-footer .km-footer__columns {
flex: 0 1 auto;
gap: 48px 72px;
margin: 0;
}
.km-footer .km-footer__columns > .wp-block-column {
flex: 0 1 auto;
}
.km-footer .km-footer__payments span {
display: inline-block;
padding: 3px 10px;
border: 1px solid #4a3527;
border-radius: 6px;
color: var(--wp--preset--color--crema);
font-weight: 600;
} .km-footer .km-footer__wordmark {
margin-top: clamp(40px, 6vw, 80px);
margin-bottom: 20px;
font-family: var(--wp--preset--font-family--unbounded);
font-size: min(172px, calc((100vw - 2 * var(--wp--style--root--padding-left, 16px)) / 7.9));
font-weight: 700;
letter-spacing: -0.04em;
line-height: 0.85;
white-space: nowrap;
color: var(--wp--custom--footer--wordmark);
user-select: none;
}
.km-footer .km-footer__bottom {
gap: 8px 32px;
padding-top: 22px;
border-top: 1px solid rgba(205, 191, 174, 0.18);
font-size: 14px;
}
.km-footer .km-footer__bottom p {
margin: 0;
} .km-footer .km-footer__credit a,
.km-footer .km-footer__credit a:hover {
color: inherit;
}
@media (max-width: 781.98px) {
.km-footer {
padding-top: 40px;
}
.km-footer .km-footer__top {
gap: 28px;
}
.km-footer .km-footer__icon img {
width: 44px !important;
height: 44px !important;
}
.km-footer .km-footer__name {
font-size: 18px;
}
.km-footer .km-footer__about,
.km-footer .km-footer__wordmark {
display: none;
}
.km-footer .km-footer__columns {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 28px 16px;
}
.km-footer .km-footer__columns > .wp-block-column:last-child {
grid-column: 1 / -1;
} html.km-js body.single-product .km-footer {
padding-bottom: calc(110px + env(safe-area-inset-bottom, 0px));
}
body.woocommerce-cart:has(.km-sum__bar) .km-footer {
padding-bottom: calc(100px + env(safe-area-inset-bottom, 0px));
}
.km-footer .km-footer__bottom {
margin-top: 28px;
flex-direction: column;
align-items: flex-start;
font-size: 12px;
}
}  .km-icon {
display: inline-block;
flex-shrink: 0;
width: 20px;
height: 20px;
background-color: currentColor;
-webkit-mask: var(--km-i) center / contain no-repeat;
mask: var(--km-i) center / contain no-repeat;
vertical-align: middle;
}
.km-icon--plus { --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='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 5v14M5 12h14'/%3E%3C/svg%3E"); }
.km-icon--minus { --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='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14'/%3E%3C/svg%3E"); }
.km-icon--arrow { --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='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E"); }
.km-icon--arrow-left { --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='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 12H5M11 6l-6 6 6 6'/%3E%3C/svg%3E"); }
.km-icon--arrow-up-right { --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='M7 17L17 7M8 7h9v9'/%3E%3C/svg%3E"); }
.km-icon--chevron-left { --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='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 6l-6 6 6 6'/%3E%3C/svg%3E"); }
.km-icon--chevron-down { --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='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E"); }
.km-icon--check { --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='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l4 4 10-10'/%3E%3C/svg%3E"); }
.km-icon--info { --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 8v5M12 16h.01'/%3E%3C/svg%3E"); }
.km-icon--truck { --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='M3 6h11v10H3zM14 10h4l3 3v3h-7'/%3E%3Ccircle cx='7' cy='18' r='2'/%3E%3Ccircle cx='17' cy='18' r='2'/%3E%3C/svg%3E"); }
.km-icon--tag { --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='M3 12l9-9h9v9l-9 9-9-9z'/%3E%3Ccircle cx='16' cy='8' r='1.5'/%3E%3C/svg%3E"); }
.km-icon--shield { --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 3l8 3v6c0 5-3.5 8-8 9-4.5-1-8-4-8-9V6l8-3z'/%3E%3Cpath d='M8.5 12l2.5 2.5 4.5-5'/%3E%3C/svg%3E"); }
.km-icon--warehouse { --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='M3 8l9-5 9 5v11H3V8z'/%3E%3Cpath d='M8 19v-6h8v6'/%3E%3C/svg%3E"); }
.km-icon--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-icon--cash { --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='2.5' y='6' width='19' height='12' rx='2'/%3E%3Ccircle cx='12' cy='12' r='2.6'/%3E%3Cpath d='M6 9.5v5M18 9.5v5'/%3E%3C/svg%3E"); }
.km-icon--phone { --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-icon--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-icon--compass { --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='M3 11l18-8-8 18-2-8-8-2z'/%3E%3C/svg%3E"); }
.km-icon--cup { --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.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 9h13v5a5 5 0 0 1-5 5H9a5 5 0 0 1-5-5V9z'/%3E%3Cpath d='M17 11h1.5a2.5 2.5 0 0 1 0 5H17'/%3E%3Cpath d='M8 3v3M12 3v3'/%3E%3C/svg%3E"); }
.km-icon--bag { --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 7h12l-1 13H7L6 7z'/%3E%3Cpath d='M9 7a3 3 0 0 1 6 0'/%3E%3C/svg%3E"); }
.km-icon--home { --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='M4 11l8-7 8 7v9h-5v-6H9v6H4v-9z'/%3E%3C/svg%3E"); }
.km-icon--store { --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='M4 9l1.5-5h13L20 9M4 9v11h16V9M4 9h16'/%3E%3Cpath d='M9 20v-6h6v6'/%3E%3C/svg%3E"); }
.km-icon--pulse { --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='M3 12h4l3-8 4 16 3-8h4'/%3E%3C/svg%3E"); }
.km-icon--leaf { --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 19c0-8 5-14 15-14 0 10-6 15-14 15'/%3E%3Cpath d='M5 19l7-7'/%3E%3C/svg%3E"); }
.km-icon--search { --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='11' cy='11' r='7'/%3E%3Cpath d='M20 20l-3.5-3.5'/%3E%3C/svg%3E"); }
.km-icon--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-icon--drop { --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 3s6 7 6 11a6 6 0 0 1-12 0c0-4 6-11 6-11z'/%3E%3C/svg%3E"); }
.screen-reader-text {
position: absolute !important;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
}
.km-eyebrow {
margin: 0;
font-size: 13px;
font-weight: 600;
letter-spacing: 0.14em;
line-height: 1.3;
text-transform: uppercase;
color: var(--wp--preset--color--mechta-cta);
}
.km-eyebrow--light {
color: var(--wp--preset--color--caramel);
} .km-stretch a {
color: inherit;
text-decoration: none;
}
.km-stretch a::after {
content: "";
position: absolute;
inset: 0;
z-index: 1;
border-radius: inherit;
} .wp-block-button.km-btn-lg > .wp-block-button__link {
min-height: 58px;
font-size: 17px;
}
.wp-block-button:is(.km-btn-arrow, .km-btn-pin, .km-btn-phone, .km-btn-compass) > .wp-block-button__link::before,
.wp-block-button.km-btn-arrow > .wp-block-button__link::after {
content: "";
width: 20px;
height: 20px;
background-color: currentColor;
-webkit-mask: var(--km-i) center / contain no-repeat;
mask: var(--km-i) center / contain no-repeat;
}
.wp-block-button.km-btn-arrow > .wp-block-button__link {
gap: 12px;
}
.wp-block-button.km-btn-arrow > .wp-block-button__link::before {
display: none;
}
.wp-block-button.km-btn-arrow {
--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='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E");
}
.wp-block-button.km-btn-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");
}
.wp-block-button.km-btn-phone {
--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");
}
.wp-block-button.km-btn-compass {
--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='M3 11l18-8-8 18-2-8-8-2z'/%3E%3C/svg%3E");
}
.wp-block-button.km-btn-dark > .wp-block-button__link {
background: var(--wp--preset--color--espresso);
color: var(--wp--preset--color--crema);
}
.wp-block-button.km-btn-paper > .wp-block-button__link {
background: var(--wp--preset--color--paper);
color: var(--wp--preset--color--espresso);
}
.wp-block-button.km-btn-light > .wp-block-button__link {
background: var(--wp--preset--color--crema);
color: var(--wp--preset--color--espresso);
}
.wp-block-button:is(.km-btn-dark, .km-btn-paper, .km-btn-light) > .wp-block-button__link:hover {
background: var(--wp--preset--color--roast);
color: var(--wp--preset--color--crema);
} @media (min-width: 782px) {
.km-only-mobile {
display: none !important;
}
}
@media (max-width: 781.98px) {
.km-hide-mobile {
display: none !important;
}
} body:not(.woocommerce-account) .km-page > .wp-block-post-title {
max-width: 760px;
margin-inline: auto !important;
font-size: clamp(34px, 3.6vw, 52px);
line-height: 1.1;
letter-spacing: -0.02em;
}
body:not(.woocommerce-account) .km-page > .wp-block-post-content {
--wp--style--global--content-size: 760px;
font-family: var(--wp--preset--font-family--onest);
font-size: 17px;
line-height: 1.65;
color: var(--wp--preset--color--espresso);
}
body:not(.woocommerce-account) .km-page > .wp-block-post-content :is(h2, h3, h4) {
margin: 1.6em 0 0.5em;
font-family: var(--wp--preset--font-family--unbounded);
font-weight: 600;
line-height: 1.25;
letter-spacing: -0.01em;
color: var(--wp--preset--color--espresso);
}
body:not(.woocommerce-account) .km-page > .wp-block-post-content > :first-child {
margin-top: 0;
}
body:not(.woocommerce-account) .km-page > .wp-block-post-content h2 {
font-size: clamp(20px, 2vw, 22px);
}
body:not(.woocommerce-account) .km-page > .wp-block-post-content :is(h3, h4) {
font-size: 18px;
}
body:not(.woocommerce-account) .km-page > .wp-block-post-content :is(p, ul, ol) {
margin-block: 0 1em;
}
body:not(.woocommerce-account) .km-page > .wp-block-post-content :is(ul, ol) {
padding-left: 1.3em;
}
body:not(.woocommerce-account) .km-page > .wp-block-post-content li {
margin: 0.3em 0;
}
body:not(.woocommerce-account) .km-page > .wp-block-post-content li > :is(ul, ol) {
margin: 0.3em 0 0;
}
body:not(.woocommerce-account) .km-page > .wp-block-post-content a {
color: var(--wp--preset--color--mechta-cta);
}
@media (max-width: 781.98px) {
body:not(.woocommerce-account) .km-page > .wp-block-post-content {
font-size: 16px;
}
}  .km-footer .km-footer__hours {
color: var(--wp--preset--color--caramel);
}
.km-footer .km-footer__cookies {
padding: 0;
border: 0;
background: none;
font: inherit;
color: inherit;
text-align: left;
cursor: pointer;
}
.km-footer .km-footer__cookies:hover {
color: var(--wp--preset--color--crema);
text-decoration: underline;
text-underline-offset: 3px;
} html.km-docked {
scroll-padding-bottom: calc(var(--km-dock, 0px) + 16px);
} .wc-block-components-drawer__screen-overlay--is-hidden {
visibility: hidden;
transition: opacity 0.3s, visibility 0s 0.3s;
} :where(select, textarea, summary):focus-visible,
.woocommerce form .form-row input[type="checkbox"]:focus-visible,
.km-cform .wpforms-container .wpforms-form :is(a, button, input[type="checkbox"]):focus-visible {
outline: 2px solid var(--wp--preset--color--mechta-cta);
outline-offset: 3px;
} .wp-block-navigation.km-nav--mobile .wp-block-navigation__responsive-container-close {
display: grid;
place-items: center;
width: 44px;
height: 44px;
} :where(h1, h2, h3) {
overflow-wrap: break-word;
} @media (pointer: coarse) and (min-width: 782px) {
:root {
--km-topbar-h: 44px; }
}
@media (pointer: coarse) {
.km-topbar .km-topbar__item a,
.km-footer .km-footer__links :is(a, button),
.km-footer .wc-block-product-categories-list-item > a,
.km-footer .km-footer__contact a,
.km-checkout-header__phone a,
.km-nav--desktop .wp-block-navigation-item__content,
.km-near__btn,
.km-vend__route,
.km-vend__sort select,
.km-co-terms label.checkbox,
.woocommerce form .form-row label.woocommerce-form__label-for-checkbox,
.km-co .form-row.km-co-switch label,
.woocommerce-form-login .woocommerce-form__label-for-checkbox,
.km-cform .wpforms-container .wpforms-form :is(.wpforms-field-gdpr-checkbox, .wpforms-field-checkbox) li label {
display: inline-flex;
align-items: center;
min-height: 44px;
}
.km-footer .km-footer__links :is(a, button),
.km-footer .wc-block-product-categories-list-item > a,
.woocommerce-breadcrumb a {
min-width: 44px;
}
.km-footer .km-footer__links,
.km-footer .km-footer__links ul {
gap: 0;
} .wp-block-post-content :is(li, td) > a,
.woocommerce-form-coupon-toggle a.showcoupon,
.km-cform .wpforms-container .wpforms-form .wpforms-field-label-inline a {
padding-block: 13px;
}
.km-cartp__coupon > summary,
.km-cartp__continue {
display: inline-flex;
align-items: center;
min-height: 44px;
}
.km-brand__name a,
.km-footer__credit a {
display: inline-block;
padding-block: 14px;
margin-block: -14px;
}
.leaflet-control-attribution a {
display: inline-block;
min-width: 44px;
padding: 16px 4px;
margin: -16px -4px;
text-align: center;
}
.woocommerce-breadcrumb a,
.km-row__all,
.km-co-back,
.km-delivery a,
.km-company__value a,
.km-icon--phone > a,
.km-line__name a,
.woocommerce-LostPassword a,
.km-steps__step a,
.km-co-sum__edit,
.wc-block-mini-cart__drawer .wc-block-components-product-name {
display: inline-block;
padding-block: 12px;
margin-block: -12px;
}
.km-brand__logo a {
display: grid;
place-items: center;
min-width: 44px;
min-height: 44px;
}
.km-acc__summary {
min-height: 44px;
}
.km-stepper .km-stepper__btn,
.km-stepper .km-stepper__input {
min-width: 44px;
}
.km-line__remove a.remove,
.woocommerce form .show-password-input {
min-width: 44px;
min-height: 44px;
} .km-round-add,
a.km-pill {
position: relative;
}
.km-round-add::after,
a.km-pill::after,
.leaflet-touch .km-pin::after {
content: "";
position: absolute;
inset: -7px;
border-radius: 999px;
} .wc-block-mini-cart__drawer .wc-block-components-quantity-selector__button {
min-width: 44px;
min-height: 44px;
}
.wc-block-mini-cart__drawer .wc-block-cart-item__remove-link {
display: inline-grid !important;
place-items: center;
min-width: 44px;
min-height: 44px;
}
.wc-block-mini-cart__drawer .wc-block-cart-item__image a {
display: block;
} input:not([type="checkbox"], [type="radio"], [type="range"], [type="submit"], [type="button"], [type="hidden"], .km-stepper__input),
select,
textarea {
font-size: 16px !important;
}
} @media (max-width: 380px) {
.wc-block-mini-cart__drawer .wc-block-components-quantity-selector__input {
width: 34px;
min-width: 34px;
}
.wc-block-mini-cart__drawer .wc-block-cart-item__quantity {
flex-wrap: wrap;
}
.wc-block-mini-cart__drawer table.wc-block-cart-items .wc-block-cart-items__row {
grid-template-columns: 64px minmax(0, 1fr) auto !important;
}
.wc-block-mini-cart__drawer table.wc-block-cart-items .wc-block-cart-item__image {
padding-right: 10px !important;
}
} @media (max-width: 781.98px) {
html:has(.cky-btn-revisit-wrapper:not(.cky-revisit-hide)) .km-footer__bottom {
padding-bottom: 60px;
}
} @media (max-height: 500px) and (orientation: landscape) {
.wp-site-blocks > header.wp-block-template-part:has(> .km-bar) {
position: relative;
top: auto;
}
.wp-block-navigation.km-nav--mobile .is-menu-open .wp-block-navigation-item__content {
min-height: 44px;
padding: 8px 18px;
font-size: 20px;
line-height: 1.4;
} .wp-block-navigation.km-nav--mobile .is-menu-open .wp-block-navigation__container {
display: grid;
grid-template-columns: repeat(2, max-content);
gap: 2px 24px;
}
.wp-block-navigation.km-nav--mobile .wp-block-navigation__responsive-container.is-menu-open {
overflow-y: auto;
} .wc-block-mini-cart__drawer .wc-block-mini-cart__title {
margin-block: 8px;
font-size: 22px;
}
.wc-block-mini-cart__drawer .wp-block-woocommerce-mini-cart-contents,
.wc-block-mini-cart__drawer .wp-block-woocommerce-filled-mini-cart-contents-block {
height: 100%;
min-height: 0;
}
.wc-block-mini-cart__drawer .wc-block-mini-cart__items {
flex: 1 1 auto;
min-height: 0;
padding-top: 0;
overflow-y: auto;
}
.wc-block-mini-cart__drawer .wc-block-mini-cart__footer {
padding-block: 10px;
}
} @media (prefers-reduced-motion: reduce) {
*,
*::before,
*::after {
animation-duration: 0.01ms !important;
animation-iteration-count: 1 !important;
transition-duration: 0.01ms !important;
scroll-behavior: auto !important;
}
}.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: #ffe9dc;
} .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: #fff0e8;
}
.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: #fff0e8;
} .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: #ffe9dc;
}
.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);
}
}.leaflet-pane,
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-tile-container,
.leaflet-pane > svg,
.leaflet-pane > canvas,
.leaflet-zoom-box,
.leaflet-image-layer,
.leaflet-layer {
position: absolute;
left: 0;
top: 0;
}
.leaflet-container {
overflow: hidden;
}
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
-webkit-user-drag: none;
} .leaflet-tile::selection {
background: transparent;
} .leaflet-safari .leaflet-tile {
image-rendering: -webkit-optimize-contrast;
} .leaflet-safari .leaflet-tile-container {
width: 1600px;
height: 1600px;
-webkit-transform-origin: 0 0;
}
.leaflet-marker-icon,
.leaflet-marker-shadow {
display: block;
}  .leaflet-container .leaflet-overlay-pane svg {
max-width: none !important;
max-height: none !important;
}
.leaflet-container .leaflet-marker-pane img,
.leaflet-container .leaflet-shadow-pane img,
.leaflet-container .leaflet-tile-pane img,
.leaflet-container img.leaflet-image-layer,
.leaflet-container .leaflet-tile {
max-width: none !important;
max-height: none !important;
width: auto;
padding: 0;
}
.leaflet-container img.leaflet-tile { mix-blend-mode: plus-lighter;
}
.leaflet-container.leaflet-touch-zoom {
-ms-touch-action: pan-x pan-y;
touch-action: pan-x pan-y;
}
.leaflet-container.leaflet-touch-drag {
-ms-touch-action: pinch-zoom; touch-action: none;
touch-action: pinch-zoom;
}
.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom {
-ms-touch-action: none;
touch-action: none;
}
.leaflet-container {
-webkit-tap-highlight-color: transparent;
}
.leaflet-container a {
-webkit-tap-highlight-color: rgba(51, 181, 229, 0.4);
}
.leaflet-tile {
filter: inherit;
visibility: hidden;
}
.leaflet-tile-loaded {
visibility: inherit;
}
.leaflet-zoom-box {
width: 0;
height: 0;
-moz-box-sizing: border-box;
box-sizing: border-box;
z-index: 800;
} .leaflet-overlay-pane svg {
-moz-user-select: none;
}
.leaflet-pane         { z-index: 400; }
.leaflet-tile-pane    { z-index: 200; }
.leaflet-overlay-pane { z-index: 400; }
.leaflet-shadow-pane  { z-index: 500; }
.leaflet-marker-pane  { z-index: 600; }
.leaflet-tooltip-pane   { z-index: 650; }
.leaflet-popup-pane   { z-index: 700; }
.leaflet-map-pane canvas { z-index: 100; }
.leaflet-map-pane svg    { z-index: 200; }
.leaflet-vml-shape {
width: 1px;
height: 1px;
}
.lvml {
behavior: url(#default#VML);
display: inline-block;
position: absolute;
} .leaflet-control {
position: relative;
z-index: 800;
pointer-events: visiblePainted; pointer-events: auto;
}
.leaflet-top,
.leaflet-bottom {
position: absolute;
z-index: 1000;
pointer-events: none;
}
.leaflet-top {
top: 0;
}
.leaflet-right {
right: 0;
}
.leaflet-bottom {
bottom: 0;
}
.leaflet-left {
left: 0;
}
.leaflet-control {
float: left;
clear: both;
}
.leaflet-right .leaflet-control {
float: right;
}
.leaflet-top .leaflet-control {
margin-top: 10px;
}
.leaflet-bottom .leaflet-control {
margin-bottom: 10px;
}
.leaflet-left .leaflet-control {
margin-left: 10px;
}
.leaflet-right .leaflet-control {
margin-right: 10px;
} .leaflet-fade-anim .leaflet-popup {
opacity: 0;
-webkit-transition: opacity 0.2s linear;
-moz-transition: opacity 0.2s linear;
transition: opacity 0.2s linear;
}
.leaflet-fade-anim .leaflet-map-pane .leaflet-popup {
opacity: 1;
}
.leaflet-zoom-animated {
-webkit-transform-origin: 0 0;
-ms-transform-origin: 0 0;
transform-origin: 0 0;
}
svg.leaflet-zoom-animated {
will-change: transform;
}
.leaflet-zoom-anim .leaflet-zoom-animated {
-webkit-transition: -webkit-transform 0.25s cubic-bezier(0,0,0.25,1);
-moz-transition:    -moz-transform 0.25s cubic-bezier(0,0,0.25,1);
transition:         transform 0.25s cubic-bezier(0,0,0.25,1);
}
.leaflet-zoom-anim .leaflet-tile,
.leaflet-pan-anim .leaflet-tile {
-webkit-transition: none;
-moz-transition: none;
transition: none;
}
.leaflet-zoom-anim .leaflet-zoom-hide {
visibility: hidden;
} .leaflet-interactive {
cursor: pointer;
}
.leaflet-grab {
cursor: -webkit-grab;
cursor:    -moz-grab;
cursor:         grab;
}
.leaflet-crosshair,
.leaflet-crosshair .leaflet-interactive {
cursor: crosshair;
}
.leaflet-popup-pane,
.leaflet-control {
cursor: auto;
}
.leaflet-dragging .leaflet-grab,
.leaflet-dragging .leaflet-grab .leaflet-interactive,
.leaflet-dragging .leaflet-marker-draggable {
cursor: move;
cursor: -webkit-grabbing;
cursor:    -moz-grabbing;
cursor:         grabbing;
} .leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-image-layer,
.leaflet-pane > svg path,
.leaflet-tile-container {
pointer-events: none;
}
.leaflet-marker-icon.leaflet-interactive,
.leaflet-image-layer.leaflet-interactive,
.leaflet-pane > svg path.leaflet-interactive,
svg.leaflet-image-layer.leaflet-interactive path {
pointer-events: visiblePainted; pointer-events: auto;
} .leaflet-container {
background: #ddd;
outline-offset: 1px;
}
.leaflet-container a {
color: #0078A8;
}
.leaflet-zoom-box {
border: 2px dotted #38f;
background: rgba(255,255,255,0.5);
} .leaflet-container {
font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
font-size: 12px;
font-size: 0.75rem;
line-height: 1.5;
} .leaflet-bar {
box-shadow: 0 1px 5px rgba(0,0,0,0.65);
border-radius: 4px;
}
.leaflet-bar a {
background-color: #fff;
border-bottom: 1px solid #ccc;
width: 26px;
height: 26px;
line-height: 26px;
display: block;
text-align: center;
text-decoration: none;
color: black;
}
.leaflet-bar a,
.leaflet-control-layers-toggle {
background-position: 50% 50%;
background-repeat: no-repeat;
display: block;
}
.leaflet-bar a:hover,
.leaflet-bar a:focus {
background-color: #f4f4f4;
}
.leaflet-bar a:first-child {
border-top-left-radius: 4px;
border-top-right-radius: 4px;
}
.leaflet-bar a:last-child {
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
border-bottom: none;
}
.leaflet-bar a.leaflet-disabled {
cursor: default;
background-color: #f4f4f4;
color: #bbb;
}
.leaflet-touch .leaflet-bar a {
width: 30px;
height: 30px;
line-height: 30px;
}
.leaflet-touch .leaflet-bar a:first-child {
border-top-left-radius: 2px;
border-top-right-radius: 2px;
}
.leaflet-touch .leaflet-bar a:last-child {
border-bottom-left-radius: 2px;
border-bottom-right-radius: 2px;
} .leaflet-control-zoom-in,
.leaflet-control-zoom-out {
font: bold 18px 'Lucida Console', Monaco, monospace;
text-indent: 1px;
}
.leaflet-touch .leaflet-control-zoom-in, .leaflet-touch .leaflet-control-zoom-out  {
font-size: 22px;
} .leaflet-control-layers {
box-shadow: 0 1px 5px rgba(0,0,0,0.4);
background: #fff;
border-radius: 5px;
}
.leaflet-control-layers-toggle {
background-image: url(//kafemechta.bg/wp-content/themes/kafemechta/assets/vendor/leaflet/images/layers.png);
width: 36px;
height: 36px;
}
.leaflet-retina .leaflet-control-layers-toggle {
background-image: url(//kafemechta.bg/wp-content/themes/kafemechta/assets/vendor/leaflet/images/layers-2x.png);
background-size: 26px 26px;
}
.leaflet-touch .leaflet-control-layers-toggle {
width: 44px;
height: 44px;
}
.leaflet-control-layers .leaflet-control-layers-list,
.leaflet-control-layers-expanded .leaflet-control-layers-toggle {
display: none;
}
.leaflet-control-layers-expanded .leaflet-control-layers-list {
display: block;
position: relative;
}
.leaflet-control-layers-expanded {
padding: 6px 10px 6px 6px;
color: #333;
background: #fff;
}
.leaflet-control-layers-scrollbar {
overflow-y: scroll;
overflow-x: hidden;
padding-right: 5px;
}
.leaflet-control-layers-selector {
margin-top: 2px;
position: relative;
top: 1px;
}
.leaflet-control-layers label {
display: block;
font-size: 13px;
font-size: 1.08333em;
}
.leaflet-control-layers-separator {
height: 0;
border-top: 1px solid #ddd;
margin: 5px -10px 5px -6px;
} .leaflet-default-icon-path { background-image: url(//kafemechta.bg/wp-content/themes/kafemechta/assets/vendor/leaflet/images/marker-icon.png);
} .leaflet-container .leaflet-control-attribution {
background: #fff;
background: rgba(255, 255, 255, 0.8);
margin: 0;
}
.leaflet-control-attribution,
.leaflet-control-scale-line {
padding: 0 5px;
color: #333;
line-height: 1.4;
}
.leaflet-control-attribution a {
text-decoration: none;
}
.leaflet-control-attribution a:hover,
.leaflet-control-attribution a:focus {
text-decoration: underline;
}
.leaflet-attribution-flag {
display: inline !important;
vertical-align: baseline !important;
width: 1em;
height: 0.6669em;
}
.leaflet-left .leaflet-control-scale {
margin-left: 5px;
}
.leaflet-bottom .leaflet-control-scale {
margin-bottom: 5px;
}
.leaflet-control-scale-line {
border: 2px solid #777;
border-top: none;
line-height: 1.1;
padding: 2px 5px 1px;
white-space: nowrap;
-moz-box-sizing: border-box;
box-sizing: border-box;
background: rgba(255, 255, 255, 0.8);
text-shadow: 1px 1px #fff;
}
.leaflet-control-scale-line:not(:first-child) {
border-top: 2px solid #777;
border-bottom: none;
margin-top: -2px;
}
.leaflet-control-scale-line:not(:first-child):not(:last-child) {
border-bottom: 2px solid #777;
}
.leaflet-touch .leaflet-control-attribution,
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
box-shadow: none;
}
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
border: 2px solid rgba(0,0,0,0.2);
background-clip: padding-box;
} .leaflet-popup {
position: absolute;
text-align: center;
margin-bottom: 20px;
}
.leaflet-popup-content-wrapper {
padding: 1px;
text-align: left;
border-radius: 12px;
}
.leaflet-popup-content {
margin: 13px 24px 13px 20px;
line-height: 1.3;
font-size: 13px;
font-size: 1.08333em;
min-height: 1px;
}
.leaflet-popup-content p {
margin: 17px 0;
margin: 1.3em 0;
}
.leaflet-popup-tip-container {
width: 40px;
height: 20px;
position: absolute;
left: 50%;
margin-top: -1px;
margin-left: -20px;
overflow: hidden;
pointer-events: none;
}
.leaflet-popup-tip {
width: 17px;
height: 17px;
padding: 1px;
margin: -10px auto 0;
pointer-events: auto;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.leaflet-popup-content-wrapper,
.leaflet-popup-tip {
background: white;
color: #333;
box-shadow: 0 3px 14px rgba(0,0,0,0.4);
}
.leaflet-container a.leaflet-popup-close-button {
position: absolute;
top: 0;
right: 0;
border: none;
text-align: center;
width: 24px;
height: 24px;
font: 16px/24px Tahoma, Verdana, sans-serif;
color: #757575;
text-decoration: none;
background: transparent;
}
.leaflet-container a.leaflet-popup-close-button:hover,
.leaflet-container a.leaflet-popup-close-button:focus {
color: #585858;
}
.leaflet-popup-scrolled {
overflow: auto;
}
.leaflet-oldie .leaflet-popup-content-wrapper {
-ms-zoom: 1;
}
.leaflet-oldie .leaflet-popup-tip {
width: 24px;
margin: 0 auto;
-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";
filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678);
}
.leaflet-oldie .leaflet-control-zoom,
.leaflet-oldie .leaflet-control-layers,
.leaflet-oldie .leaflet-popup-content-wrapper,
.leaflet-oldie .leaflet-popup-tip {
border: 1px solid #999;
} .leaflet-div-icon {
background: #fff;
border: 1px solid #666;
}  .leaflet-tooltip {
position: absolute;
padding: 6px;
background-color: #fff;
border: 1px solid #fff;
border-radius: 3px;
color: #222;
white-space: nowrap;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
pointer-events: none;
box-shadow: 0 1px 3px rgba(0,0,0,0.4);
}
.leaflet-tooltip.leaflet-interactive {
cursor: pointer;
pointer-events: auto;
}
.leaflet-tooltip-top:before,
.leaflet-tooltip-bottom:before,
.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
position: absolute;
pointer-events: none;
border: 6px solid transparent;
background: transparent;
content: "";
} .leaflet-tooltip-bottom {
margin-top: 6px;
}
.leaflet-tooltip-top {
margin-top: -6px;
}
.leaflet-tooltip-bottom:before,
.leaflet-tooltip-top:before {
left: 50%;
margin-left: -6px;
}
.leaflet-tooltip-top:before {
bottom: 0;
margin-bottom: -12px;
border-top-color: #fff;
}
.leaflet-tooltip-bottom:before {
top: 0;
margin-top: -12px;
margin-left: -6px;
border-bottom-color: #fff;
}
.leaflet-tooltip-left {
margin-left: -6px;
}
.leaflet-tooltip-right {
margin-left: 6px;
}
.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
top: 50%;
margin-top: -6px;
}
.leaflet-tooltip-left:before {
right: 0;
margin-right: -12px;
border-left-color: #fff;
}
.leaflet-tooltip-right:before {
left: 0;
margin-left: -12px;
border-right-color: #fff;
} @media print { .leaflet-control {
-webkit-print-color-adjust: exact;
print-color-adjust: exact;
}
}.leaflet-cluster-anim .leaflet-marker-icon, .leaflet-cluster-anim .leaflet-marker-shadow {
-webkit-transition: -webkit-transform 0.3s ease-out, opacity 0.3s ease-in;
-moz-transition: -moz-transform 0.3s ease-out, opacity 0.3s ease-in;
-o-transition: -o-transform 0.3s ease-out, opacity 0.3s ease-in;
transition: transform 0.3s ease-out, opacity 0.3s ease-in;
}
.leaflet-cluster-spider-leg { -webkit-transition: -webkit-stroke-dashoffset 0.3s ease-out, -webkit-stroke-opacity 0.3s ease-in;
-moz-transition: -moz-stroke-dashoffset 0.3s ease-out, -moz-stroke-opacity 0.3s ease-in;
-o-transition: -o-stroke-dashoffset 0.3s ease-out, -o-stroke-opacity 0.3s ease-in;
transition: stroke-dashoffset 0.3s ease-out, stroke-opacity 0.3s ease-in;
}