.wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
word-wrap: normal !important;
word-break: normal !important;
}
.wpcf7 .hidden-fields-container {
display: none;
}
.wpcf7 form .wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
border: 2px solid #00a0d2; }
.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
display: none;
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: #46b450; }
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
border-color: #dc3232; }
.wpcf7 form.spam .wpcf7-response-output {
border-color: #f56e28; }
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
border-color: #ffb900; }
.wpcf7-form-control-wrap {
position: relative;
}
.wpcf7-not-valid-tip {
color: #dc3232; font-size: 1em;
font-weight: normal;
display: block;
}
.use-floating-validation-tip .wpcf7-not-valid-tip {
position: relative;
top: -2ex;
left: 1em;
z-index: 100;
border: 1px solid #dc3232;
background: #fff;
padding: .2em .8em;
width: 24em;
}
.wpcf7-list-item {
display: inline-block;
margin: 0 0 0 1em;
}
.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
content: " ";
}
.wpcf7-spinner {
visibility: hidden;
display: inline-block;
background-color: #23282d; opacity: 0.75;
width: 24px;
height: 24px;
border: none;
border-radius: 100%;
padding: 0;
margin: 0 24px;
position: relative;
}
form.submitting .wpcf7-spinner {
visibility: visible;
}
.wpcf7-spinner::before {
content: '';
position: absolute;
background-color: #fbfbfc; top: 4px;
left: 4px;
width: 6px;
height: 6px;
border: none;
border-radius: 100%;
transform-origin: 8px 8px;
animation-name: spin;
animation-duration: 1000ms;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@media (prefers-reduced-motion: reduce) {
.wpcf7-spinner::before {
animation-name: blink;
animation-duration: 2000ms;
}
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes blink {
from {
opacity: 0;
}
50% {
opacity: 1;
}
to {
opacity: 0;
}
}
.wpcf7 [inert] {
opacity: 0.5;
}
.wpcf7 input[type="file"] {
cursor: pointer;
}
.wpcf7 input[type="file"]:disabled {
cursor: default;
}
.wpcf7 .wpcf7-submit:disabled {
cursor: not-allowed;
}
.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
direction: ltr;
}
.wpcf7-reflection > output {
display: list-item;
list-style: none;
}
.wpcf7-reflection > output[hidden] {
display: none;
}.lana-download-container {
padding: 5px !important;
}
.lana-download-container img {
padding: 5px !important;
}
.lana-download-container .caption h3 {
margin-top: 0 !important;
}
.lana-download-container .caption .counter {
margin-bottom: 0 !important;
}:root {
--malli-paper: #f7f1f2;
--malli-paper-deep: #efe4e6;
--malli-milk: #fffdfa;
--malli-plum: #a16695;
--malli-plum-deep: #7f526f;
--malli-clay: #c05530;
--malli-clay-deep: #954324;
--malli-ink: #2f2731;
--malli-ink-soft: #6f6471;
--malli-line: rgba(47, 39, 49, 0.12);
--malli-line-strong: rgba(47, 39, 49, 0.18);
--malli-tint-plum: rgba(161, 102, 149, 0.1);
--malli-tint-clay: rgba(192, 85, 48, 0.1);
--malli-radius-xl: 30px;
--malli-radius-lg: 22px;
--malli-radius-md: 16px;
--malli-radius-sm: 12px;
}
.malli-template-shell,
.malli-directory {
max-width: 1240px;
margin: 0 auto;
padding: 32px 18px 72px;
font-family: inherit;
color: var(--malli-ink);
}
.malli-directory,
.malli-single-store {
display: grid;
gap: 24px;
}
.malli-directory__hero,
.malli-single-store__hero {
position: relative;
overflow: hidden;
border: 1px solid rgba(255, 255, 255, 0.18);
border-radius: var(--malli-radius-xl);
background:
radial-gradient(circle at top right, rgba(255, 255, 255, 0.24), transparent 38%),
linear-gradient(135deg, var(--malli-plum-deep) 0%, var(--malli-plum) 58%, var(--malli-clay) 100%);
color: #fff;
}
.malli-directory__hero::before,
.malli-single-store__hero::before {
content: "";
position: absolute;
inset: 18px;
border: 1px solid rgba(255, 255, 255, 0.12);
border-radius: calc(var(--malli-radius-xl) - 10px);
pointer-events: none;
}
.malli-directory__hero {
display: grid;
grid-template-columns: minmax(0, 1.4fr) minmax(320px, 0.9fr);
gap: 28px;
padding: 34px;
}
.malli-directory__eyebrow,
.malli-single-store__eyebrow {
margin: 0 0 12px;
font-size: 0.78rem;
font-weight: 800;
text-transform: uppercase;
letter-spacing: 0.16em;
color: rgba(255, 255, 255, 0.72);
}
.malli-directory__hero-copy h1,
.malli-single-store__hero-copy h1 {
margin: 0;
font-family: inherit;
font-size: clamp(2.35rem, 5vw, 4.4rem);
font-weight: 700;
line-height: 0.97;
letter-spacing: -0.04em;
color: #fff;
}
.malli-directory__hero-copy > p:last-of-type {
max-width: 60ch;
margin: 16px 0 0;
font-size: 1.02rem;
line-height: 1.72;
color: rgba(255, 255, 255, 0.86);
}
.malli-directory__hero-steps {
display: flex;
flex-wrap: wrap;
gap: 10px;
margin-top: 22px;
}
.malli-directory__hero-steps span,
.malli-single-store__hero-capsule {
display: inline-flex;
align-items: center;
min-height: 38px;
padding: 0 14px;
border: 1px solid rgba(255, 255, 255, 0.16);
border-radius: 999px;
background: rgba(255, 255, 255, 0.12);
font-size: 0.82rem;
font-weight: 700;
color: rgba(255, 255, 255, 0.92);
}
.malli-directory__hero-board {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 12px;
align-content: end;
}
.malli-directory__hero-stat {
padding: 18px;
border: 1px solid rgba(255, 255, 255, 0.14);
border-radius: var(--malli-radius-md);
background: rgba(255, 255, 255, 0.1);
backdrop-filter: blur(10px);
}
.malli-directory__hero-stat span {
display: block;
font-size: clamp(1.75rem, 4vw, 2.65rem);
font-weight: 700;
line-height: 1;
}
.malli-directory__hero-stat strong {
display: block;
margin-top: 8px;
font-size: 0.82rem;
font-weight: 700;
line-height: 1.45;
color: rgba(255, 255, 255, 0.82);
}
.malli-directory__hero-note {
grid-column: 1 / -1;
margin: 4px 0 0;
padding: 14px 16px 0;
border-top: 1px solid rgba(255, 255, 255, 0.12);
font-size: 0.92rem;
line-height: 1.65;
color: rgba(255, 255, 255, 0.84);
}
.malli-directory__filters {
display: grid;
gap: 18px;
padding: 24px;
border: 1px solid var(--malli-line);
border-radius: var(--malli-radius-lg);
background: linear-gradient(180deg, rgba(255, 253, 250, 0.99), rgba(247, 241, 242, 0.95));
}
.malli-directory__filters-head {
display: flex;
flex-wrap: wrap;
align-items: flex-start;
justify-content: space-between;
gap: 16px;
}
.malli-directory__filters-copy p,
.malli-directory__results-label,
.malli-single-store__section-head p,
.malli-single-store__panel-label {
margin: 0 0 8px;
font-size: 0.76rem;
font-weight: 800;
text-transform: uppercase;
letter-spacing: 0.16em;
color: var(--malli-clay);
}
.malli-directory__filters-copy h2,
.malli-directory__results-head h2,
.malli-single-store__panel h2,
.malli-single-store__section-head h2 {
margin: 0;
font-family: inherit;
font-size: clamp(1.4rem, 2.4vw, 1.8rem);
font-weight: 700;
line-height: 1.1;
color: var(--malli-ink);
}
.malli-directory__active-filters,
.malli-product-tags,
.malli-store-card__catalog-tags,
.malli-social-links,
.malli-nav-buttons {
display: flex;
flex-wrap: wrap;
gap: 10px;
}
.malli-directory__active-filter,
.malli-product-tag,
.malli-store-card__catalog-tag,
.malli-store-card__catalog-more {
display: inline-flex;
align-items: center;
min-height: 34px;
padding: 0 14px;
border-radius: 999px;
font-size: 0.82rem;
font-weight: 700;
line-height: 1;
}
.malli-directory__active-filter,
.malli-product-tag,
.malli-store-card__catalog-tag {
background: var(--malli-tint-plum);
color: var(--malli-plum);
}
.malli-store-card__catalog-more {
background: var(--malli-tint-clay);
color: var(--malli-clay);
}
.malli-directory__filters-grid {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 16px;
align-items: end;
}
.malli-directory__filter {
display: grid;
gap: 8px;
}
.malli-directory__filter label {
font-size: 0.8rem;
font-weight: 800;
text-transform: uppercase;
letter-spacing: 0.12em;
color: var(--malli-ink-soft);
}
.malli-directory__select-wrap {
position: relative;
}
.malli-directory__select-wrap::after {
content: "";
position: absolute;
top: 50%;
right: 18px;
width: 10px;
height: 10px;
border-right: 2px solid var(--malli-plum);
border-bottom: 2px solid var(--malli-plum);
transform: translateY(-70%) rotate(45deg);
pointer-events: none;
}
.malli-directory__filter select {
appearance: none;
width: 100%;
min-height: 56px;
padding: 0 48px 0 16px;
border: 1px solid var(--malli-line);
border-radius: var(--malli-radius-md);
background: rgba(255, 255, 255, 0.9);
color: var(--malli-ink);
font-size: 0.98rem;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.68);
}
.malli-directory__actions {
display: flex;
flex-wrap: wrap;
gap: 12px;
}
.malli-directory__actions button,
.malli-directory__actions a,
.malli-store-card__meta a,
.malli-single-store__brand-link,
.malli-single-store__back,
.malli-nav-buttons__link,
.malli-social-links__link {
display: inline-flex;
align-items: center;
justify-content: center;
text-decoration: none;
font-weight: 700;
transition: transform 0.18s ease, border-color 0.18s ease, background-color 0.18s ease, color 0.18s ease;
}
.malli-directory__actions button,
.malli-directory__actions a {
min-height: 52px;
padding: 0 20px;
border-radius: 999px;
font-size: 0.95rem;
}
.malli-directory__actions button {
border: 1px solid var(--malli-plum);
background: var(--malli-plum);
color: #fff;
cursor: pointer;
}
.malli-directory__actions a {
border: 1px solid rgba(161, 102, 149, 0.16);
background: var(--malli-tint-plum);
color: var(--malli-plum);
}
.malli-directory__results-head {
display: flex;
flex-wrap: wrap;
align-items: end;
justify-content: space-between;
gap: 16px;
padding-bottom: 6px;
border-bottom: 1px solid var(--malli-line);
}
.malli-directory__results-copy {
max-width: 42ch;
margin: 0;
color: var(--malli-ink-soft);
line-height: 1.65;
}
.malli-store-grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 22px;
}
.malli-store-card {
display: grid;
grid-template-rows: auto 240px auto;
overflow: hidden;
border: 1px solid var(--malli-line);
border-radius: var(--malli-radius-lg);
background: var(--malli-milk);
transition: transform 0.18s ease, border-color 0.18s ease;
}
.malli-store-card:hover,
.malli-single-store__main:hover,
.malli-single-store__panel:hover,
.malli-single-store__gallery:hover,
.malli-single-store__products:hover,
.malli-product-card:hover {
border-color: var(--malli-line-strong);
}
.malli-store-card__stamp {
display: flex;
flex-wrap: wrap;
gap: 8px;
padding: 14px 18px;
border-bottom: 1px solid var(--malli-line);
background: linear-gradient(180deg, rgba(255, 255, 255, 0.94), rgba(247, 241, 242, 0.88));
}
.malli-store-card__stamp-item {
display: inline-flex;
align-items: center;
min-height: 30px;
padding: 0 12px;
border-radius: 999px;
background: rgba(47, 39, 49, 0.05);
font-size: 0.77rem;
font-weight: 700;
color: var(--malli-ink-soft);
}
.malli-store-card__media,
.malli-product-card__media {
position: relative;
display: block;
background: linear-gradient(135deg, rgba(192, 85, 48, 0.28), rgba(161, 102, 149, 0.26));
}
.malli-store-card__media img,
.malli-single-store__hero-media img,
.malli-product-card__media img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
.malli-store-card__overlay,
.malli-single-store__hero-overlay {
position: absolute;
inset: 0;
background: linear-gradient(180deg, transparent 10%, rgba(25, 20, 28, 0.56) 100%);
}
.malli-store-card__placeholder,
.malli-single-store__hero-placeholder,
.malli-product-card__placeholder {
display: block;
width: 100%;
height: 100%;
background:
radial-gradient(circle at top left, rgba(255, 255, 255, 0.24), transparent 34%),
linear-gradient(135deg, rgba(192, 85, 48, 0.76), rgba(161, 102, 149, 0.92));
}
.malli-store-card__content {
display: grid;
gap: 16px;
padding: 22px;
}
.malli-store-card__brand {
display: grid;
grid-template-columns: auto 1fr;
gap: 14px;
align-items: center;
}
.malli-store-card__brand-logo {
width: 70px;
height: 70px;
padding: 8px;
border: 1px solid rgba(47, 39, 49, 0.08);
border-radius: 18px;
background: #fff;
object-fit: contain;
}
.malli-store-card__brand-copy {
display: grid;
gap: 8px;
}
.malli-store-card__brand p,
.malli-single-store__location,
.malli-single-store__address,
.malli-detail-list span,
.malli-single-store__description,
.malli-single-store__excerpt,
.malli-store-card__fact span,
.malli-directory__empty p {
margin: 0;
line-height: 1.7;
}
.malli-store-card__brand h3,
.malli-product-card__content h3 {
margin: 0;
font-family: inherit;
font-weight: 700;
}
.malli-store-card__brand h3 {
font-size: 1.48rem;
line-height: 1.06;
color: var(--malli-ink);
}
.malli-store-card__brand h3 a,
.malli-product-card__content h3 a {
color: inherit;
text-decoration: none;
}
.malli-store-card__brand-link,
.malli-single-store__eyebrow a {
display: inline-flex;
align-items: center;
min-height: 32px;
padding: 0 12px;
border-radius: 999px;
background: rgba(255, 255, 255, 0.14);
color: inherit;
font-size: 0.76rem;
font-weight: 800;
letter-spacing: 0.1em;
text-decoration: none;
text-transform: uppercase;
}
.malli-store-card__brand-link {
background: var(--malli-tint-plum);
color: var(--malli-plum);
}
.malli-store-card__facts {
display: grid;
gap: 12px;
}
.malli-store-card__fact {
display: grid;
gap: 6px;
padding: 14px 16px;
border: 1px solid rgba(47, 39, 49, 0.08);
border-radius: var(--malli-radius-md);
background: linear-gradient(180deg, rgba(255, 255, 255, 0.9), rgba(247, 241, 242, 0.72));
}
.malli-store-card__fact strong,
.malli-detail-list strong {
font-size: 0.76rem;
font-weight: 800;
text-transform: uppercase;
letter-spacing: 0.14em;
color: var(--malli-clay);
}
.malli-store-card__catalog {
display: grid;
gap: 10px;
padding: 16px;
border: 1px solid rgba(161, 102, 149, 0.12);
border-radius: var(--malli-radius-md);
background: linear-gradient(180deg, rgba(161, 102, 149, 0.06), rgba(255, 255, 255, 0.92));
}
.malli-store-card__catalog-label {
margin: 0;
font-size: 0.76rem;
font-weight: 800;
text-transform: uppercase;
letter-spacing: 0.16em;
color: var(--malli-plum);
}
.malli-store-card__signals {
display: flex;
flex-wrap: wrap;
gap: 8px;
}
.malli-store-card__signals span {
display: inline-flex;
align-items: center;
min-height: 30px;
padding: 0 12px;
border-radius: 999px;
background: rgba(47, 39, 49, 0.05);
font-size: 0.78rem;
font-weight: 700;
color: var(--malli-ink-soft);
}
.malli-store-card__meta {
display: flex;
align-items: center;
}
.malli-store-card__meta a,
.malli-single-store__brand-link {
min-height: 46px;
padding: 0 18px;
border: 1px solid var(--malli-plum);
border-radius: 999px;
background: var(--malli-plum);
color: #fff;
}
.malli-nav-buttons__link,
.malli-social-links__link {
min-height: 42px;
padding: 0 16px;
border-radius: 999px;
font-size: 0.84rem;
}
.malli-nav-buttons--compact .malli-nav-buttons__link {
min-height: 38px;
padding: 0 14px;
font-size: 0.78rem;
}
.malli-nav-buttons__link--google {
background: #188038;
color: #fff;
}
.malli-nav-buttons__link--waze {
background: #2274d5;
color: #fff;
}
.malli-nav-buttons__link--apple {
background: #111827;
color: #fff;
}
.malli-social-links__link {
border: 1px solid transparent;
background: var(--malli-tint-plum);
color: var(--malli-plum);
}
.malli-social-links__link--facebook {
background: rgba(24, 119, 242, 0.12);
color: #1877f2;
}
.malli-social-links__link--instagram {
background: rgba(193, 53, 132, 0.12);
color: #c13584;
}
.malli-social-links__link--tiktok {
background: rgba(17, 24, 39, 0.08);
color: #111827;
}
.malli-social-links__link--web {
background: var(--malli-tint-clay);
color: var(--malli-clay);
}
.malli-directory__empty,
.malli-single-store__main,
.malli-single-store__panel,
.malli-single-store__gallery,
.malli-single-store__products,
.malli-product-card {
border: 1px solid var(--malli-line);
border-radius: var(--malli-radius-lg);
background: var(--malli-milk);
}
.malli-directory__empty {
padding: 40px 24px;
text-align: center;
}
.malli-directory__empty h2 {
margin: 0 0 10px;
font-size: 1.45rem;
color: var(--malli-ink);
}
.malli-directory__pagination {
margin-top: 4px;
}
.malli-directory__pagination ul {
display: flex;
flex-wrap: wrap;
gap: 10px;
padding: 0;
margin: 0;
list-style: none;
}
.malli-directory__pagination a,
.malli-directory__pagination span {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 46px;
min-height: 46px;
padding: 0 16px;
border-radius: 999px;
background: var(--malli-tint-plum);
color: var(--malli-plum);
font-weight: 700;
text-decoration: none;
}
.malli-directory__pagination .current {
background: var(--malli-plum);
color: #fff;
}
.malli-single-store__hero {
display: grid;
grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);
gap: 0;
}
.malli-single-store__hero-media {
position: relative;
min-height: 440px;
}
.malli-single-store__hero-copy {
display: grid;
align-content: center;
gap: 16px;
padding: 38px 40px;
}
.malli-single-store__back {
justify-self: start;
min-height: 40px;
padding: 0 14px;
border: 1px solid rgba(255, 255, 255, 0.16);
border-radius: 999px;
background: rgba(255, 255, 255, 0.12);
color: rgba(255, 255, 255, 0.94);
}
.malli-single-store__location,
.malli-single-store__address {
color: rgba(255, 255, 255, 0.86);
}
.malli-single-store__address {
font-size: 1.02rem;
}
.malli-single-store__hero-capsules {
display: flex;
flex-wrap: wrap;
gap: 10px;
}
.malli-single-store__brand-logo {
position: absolute;
right: 24px;
bottom: 24px;
width: 150px;
padding: 16px;
border: 1px solid rgba(47, 39, 49, 0.08);
border-radius: 24px;
background: rgba(255, 255, 255, 0.96);
}
.malli-single-store__brand-logo img,
.malli-single-store__brand-thumb img {
display: block;
width: 100%;
height: auto;
object-fit: contain;
}
.malli-single-store__summary {
display: grid;
grid-template-columns: repeat(5, minmax(0, 1fr));
gap: 16px;
}
.malli-single-store__summary-item {
display: grid;
gap: 8px;
padding: 18px 20px;
border: 1px solid var(--malli-line);
border-radius: var(--malli-radius-md);
background: linear-gradient(180deg, rgba(255, 255, 255, 0.94), rgba(247, 241, 242, 0.74));
}
.malli-single-store__summary-item p {
margin: 0;
font-size: 0.75rem;
font-weight: 800;
text-transform: uppercase;
letter-spacing: 0.16em;
color: var(--malli-clay);
}
.malli-single-store__summary-item strong {
font-size: 1rem;
line-height: 1.5;
color: var(--malli-ink);
}
.malli-single-store__content {
display: grid;
grid-template-columns: minmax(0, 1.35fr) minmax(300px, 0.85fr);
gap: 24px;
}
.malli-single-store__main,
.malli-single-store__gallery,
.malli-single-store__products {
padding: 30px;
}
.malli-single-store__excerpt {
padding: 18px 20px;
margin-bottom: 22px;
border-left: 4px solid var(--malli-clay);
border-radius: 18px;
background: linear-gradient(180deg, rgba(247, 241, 242, 0.92), rgba(255, 255, 255, 0.96));
font-size: 1.04rem;
}
.malli-single-store__description > *:first-child {
margin-top: 0;
}
.malli-single-store__description > *:last-child {
margin-bottom: 0;
}
.malli-single-store__sidebar {
display: grid;
gap: 24px;
align-content: start;
}
.malli-single-store__panel {
padding: 24px;
}
.malli-single-store__panel--brand {
background: linear-gradient(180deg, rgba(161, 102, 149, 0.08), rgba(255, 255, 255, 0.96));
}
.malli-single-store__brand-summary {
display: grid;
grid-template-columns: auto 1fr;
gap: 14px;
align-items: center;
margin-bottom: 18px;
}
.malli-single-store__brand-thumb {
display: grid;
place-items: center;
width: 76px;
height: 76px;
padding: 10px;
border: 1px solid rgba(47, 39, 49, 0.08);
border-radius: 18px;
background: #fff;
}
.malli-single-store__brand-copy h2 {
margin-bottom: 0;
}
.malli-single-store__brand-copy p {
margin: 6px 0 0;
color: var(--malli-ink-soft);
line-height: 1.6;
}
.malli-single-store__detail-link {
color: var(--malli-plum);
font-weight: 700;
text-decoration: none;
}
.malli-detail-list {
display: grid;
gap: 16px;
padding: 0;
margin: 0;
list-style: none;
}
.malli-detail-list li {
display: grid;
gap: 8px;
padding-bottom: 16px;
border-bottom: 1px solid var(--malli-line);
}
.malli-detail-list li:last-child {
padding-bottom: 0;
border-bottom: 0;
}
.malli-single-store__section-head {
display: grid;
gap: 8px;
margin-bottom: 20px;
}
.malli-store-gallery {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 16px;
}
.malli-store-gallery__item {
margin: 0;
overflow: hidden;
border: 1px solid rgba(47, 39, 49, 0.08);
border-radius: 18px;
background: linear-gradient(135deg, rgba(192, 85, 48, 0.28), rgba(161, 102, 149, 0.26));
aspect-ratio: 4 / 3;
}
.malli-store-gallery__item img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
.malli-product-grid {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 18px;
}
.malli-product-card__media {
height: 220px;
}
.malli-product-card__content {
display: grid;
gap: 10px;
padding: 18px;
}
.malli-product-card__content h3 {
font-size: 1.18rem;
line-height: 1.12;
color: var(--malli-ink);
}
.malli-product-card__price {
font-weight: 700;
color: var(--malli-plum);
}
.malli-directory__actions button:hover,
.malli-directory__actions a:hover,
.malli-store-card__meta a:hover,
.malli-single-store__brand-link:hover,
.malli-single-store__back:hover,
.malli-nav-buttons__link:hover,
.malli-social-links__link:hover,
.malli-store-card__brand-link:hover,
.malli-single-store__eyebrow a:hover,
.malli-single-store__detail-link:hover {
transform: translateY(-2px);
}
.malli-directory__filter select:focus-visible,
.malli-directory__actions button:focus-visible,
.malli-directory__actions a:focus-visible,
.malli-store-card__meta a:focus-visible,
.malli-single-store__brand-link:focus-visible,
.malli-single-store__back:focus-visible,
.malli-nav-buttons__link:focus-visible,
.malli-social-links__link:focus-visible,
.malli-store-card__brand-link:focus-visible,
.malli-single-store__detail-link:focus-visible,
.malli-single-store__eyebrow a:focus-visible {
outline: 2px solid var(--malli-clay);
outline-offset: 2px;
}
@media (max-width: 1120px) {
.malli-store-grid,
.malli-store-gallery,
.malli-product-grid,
.malli-single-store__summary {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.malli-directory__hero,
.malli-single-store__hero,
.malli-single-store__content {
grid-template-columns: 1fr;
}
.malli-single-store__brand-logo {
position: static;
margin: 0 0 28px 40px;
}
}
@media (max-width: 782px) {
.malli-template-shell,
.malli-directory {
padding: 18px 14px 52px;
}
.malli-directory__hero,
.malli-directory__filters,
.malli-single-store__hero-copy,
.malli-single-store__main,
.malli-single-store__gallery,
.malli-single-store__products,
.malli-single-store__panel {
padding: 22px;
}
.malli-directory__hero-board,
.malli-directory__filters-grid,
.malli-store-grid,
.malli-store-gallery,
.malli-product-grid,
.malli-single-store__summary {
grid-template-columns: 1fr;
}
.malli-directory__results-head {
align-items: flex-start;
}
.malli-store-card {
grid-template-rows: auto 220px auto;
}
.malli-single-store__hero-media {
min-height: 280px;
}
.malli-single-store__brand-logo {
margin: 0 0 24px 22px;
width: 120px;
}
.malli-single-store__brand-summary {
grid-template-columns: 1fr;
}
}a.woow_whatsapp_button img{width: 200px; cursor: pointer;}
a#order_on_whatsapp_shop img{width: 150px;}
a#order_on_whatsapp_cart img{float: right;}
.loader {
display: none;
position: fixed;
z-index: 99999;
top: 0;
left: 0;
height: 100%;
width: 100%;
padding-top: 7%; background: rgba( 0, 0, 0, .5);
text-align: center;
vertical-align: middle;
}
.lds-dual-ring {
display: inline-block;
position: absolute;
top: 40%;
width: 48px;
height: 48px;
}
.loader p {
display: none;
}
.lds-dual-ring:after {
content: " ";
display: block;
width: 46px;
height: 46px;
margin: 1px;
border-radius: 50%;
border: 5px solid #fff;
border-color: #fff transparent #fff transparent;
animation: lds-dual-ring 1.2s linear infinite;
}
@keyframes lds-dual-ring {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}