:root {
--molli-cookie-cream: #fef8ec;
--molli-cookie-white: #fffdf9;
--molli-cookie-rose: #c42f63;
--molli-cookie-rose-soft: rgba(196, 47, 99, .1);
--molli-cookie-gold: #ebb544;
--molli-cookie-text: #292522;
--molli-cookie-muted: #786f69;
--molli-cookie-line: rgba(196, 47, 99, .18);
}
.molli-cookie-consent[hidden],
.molli-cookie-settings[hidden] {
display: none !important;
}
.molli-cookie-consent {
position: fixed;
inset: 0;
z-index: 1000000;
display: flex;
align-items: flex-end;
justify-content: center;
padding: 12px;
padding-bottom: calc(12px + env(safe-area-inset-bottom));
background: rgba(36, 29, 29, .3);
backdrop-filter: blur(3px);
}
.molli-cookie-consent__card {
position: relative;
width: min(100%, 580px);
max-height: min(88vh, 760px);
overflow-y: auto;
box-sizing: border-box;
padding: 22px 20px 18px;
color: var(--molli-cookie-text);
border: 1px solid rgba(235, 181, 68, .45);
border-radius: 22px;
background: linear-gradient(145deg, var(--molli-cookie-white), var(--molli-cookie-cream));
box-shadow: 0 18px 60px rgba(53, 32, 37, .2);
font-family: Barlow, Arial, sans-serif;
}
.molli-cookie-consent__eyebrow {
margin: 0 0 5px;
color: var(--molli-cookie-rose);
font-size: 11px;
font-weight: 800;
letter-spacing: .14em;
text-transform: uppercase;
}
.molli-cookie-consent h2 {
margin: 0 34px 10px 0;
color: var(--molli-cookie-text);
font-family: "Rozha One", Georgia, serif;
font-size: clamp(29px, 8vw, 39px);
font-weight: 400;
line-height: 1;
}
.molli-cookie-consent__intro {
margin: 0;
color: var(--molli-cookie-muted);
font-size: 15px;
line-height: 1.5;
}
.molli-cookie-consent__close {
position: absolute;
top: 14px;
right: 14px;
width: 34px;
height: 34px;
padding: 0;
border: 1px solid var(--molli-cookie-line);
border-radius: 50%;
color: var(--molli-cookie-rose);
background: var(--molli-cookie-rose-soft);
font-size: 25px;
line-height: 29px;
cursor: pointer;
}
.molli-cookie-consent__details {
margin-top: 14px;
padding-top: 12px;
border-top: 1px solid var(--molli-cookie-line);
}
.molli-cookie-consent__details summary {
color: var(--molli-cookie-rose);
font-size: 14px;
font-weight: 800;
cursor: pointer;
}
.molli-cookie-consent__category {
display: grid;
gap: 3px;
margin-top: 10px;
padding: 11px 12px;
border-radius: 13px;
background: rgba(255, 255, 255, .62);
font-size: 13px;
line-height: 1.4;
}
.molli-cookie-consent__category strong {
color: var(--molli-cookie-text);
}
.molli-cookie-consent__category span {
color: var(--molli-cookie-muted);
}
.molli-cookie-consent__actions {
display: grid;
gap: 8px;
margin-top: 16px;
}
.molli-cookie-consent__button {
min-height: 47px;
padding: 10px 14px;
border: 1px solid var(--molli-cookie-line);
border-radius: 999px;
color: var(--molli-cookie-rose);
background: rgba(255, 255, 255, .7);
font: inherit;
font-size: 14px;
font-weight: 800;
cursor: pointer;
transition: transform .18s ease, background-color .18s ease, border-color .18s ease;
}
.molli-cookie-consent__button:hover,
.molli-cookie-consent__button:focus-visible {
border-color: rgba(196, 47, 99, .55);
background: #fff;
transform: translateY(-1px);
}
.molli-cookie-consent__button--primary {
border-color: var(--molli-cookie-rose);
color: #fff;
background: var(--molli-cookie-rose);
}
.molli-cookie-consent__button--primary:hover,
.molli-cookie-consent__button--primary:focus-visible {
background: #b02959;
}
.molli-cookie-consent__button--plain {
border-color: transparent;
color: var(--molli-cookie-muted);
background: transparent;
}
.molli-cookie-consent__policy {
display: inline-block;
margin-top: 13px;
color: var(--molli-cookie-rose);
font-size: 13px;
font-weight: 700;
text-decoration: underline;
text-underline-offset: 3px;
}
.molli-cookie-consent__status {
width: 1px;
height: 1px;
margin: -1px;
overflow: hidden;
clip: rect(0 0 0 0);
white-space: nowrap;
}
.molli-cookie-settings {
position: fixed;
left: 12px;
bottom: calc(12px + env(safe-area-inset-bottom));
z-index: 999999;
padding: 8px 12px;
border: 1px solid rgba(196, 47, 99, .22);
border-radius: 999px;
color: var(--molli-cookie-rose);
background: rgba(255, 253, 249, .94);
box-shadow: 0 5px 20px rgba(53, 32, 37, .09);
font-family: Barlow, Arial, sans-serif;
font-size: 11px;
font-weight: 800;
cursor: pointer;
}
@media (min-width: 760px) {
.molli-cookie-consent {
justify-content: flex-start;
padding: 22px;
}
.molli-cookie-consent__card {
padding: 27px 28px 22px;
border-radius: 25px;
}
.molli-cookie-consent__actions {
grid-template-columns: 1.2fr 1fr;
}
.molli-cookie-consent__button--plain {
grid-column: 1 / -1;
justify-self: start;
min-height: 34px;
padding: 4px 6px;
}
.molli-cookie-settings {
left: 18px;
bottom: 18px;
}
}:root {
--molli-chefs-cream: #fef8ec;
--molli-chefs-paper: #fffdf8;
--molli-chefs-rose: #c42f63;
--molli-chefs-gold: #ebb544;
--molli-chefs-ink: #211d1c;
--molli-chefs-muted: #716863;
--molli-chefs-line: rgba(196, 47, 99, .16);
}
.molli-chefs,
.molli-chefs * {
box-sizing: border-box;
}
.molli-chefs {
position: relative;
overflow: hidden;
padding: 68px 0;
color: var(--molli-chefs-ink);
background: var(--molli-chefs-cream);
font-family: Barlow, Inter, Arial, sans-serif;
}
.molli-chefs::before {
position: absolute;
top: -92px;
right: -92px;
width: 210px;
height: 210px;
border: 1px solid rgba(235, 181, 68, .38);
border-radius: 50%;
content: "";
}
.molli-chefs__wrap {
position: relative;
width: min(100% - 36px, 1160px);
margin: 0 auto;
}
.molli-chefs__eyebrow {
margin: 0 0 12px;
color: var(--molli-chefs-rose);
font-size: 11px;
font-weight: 800;
letter-spacing: .19em;
line-height: 1.35;
text-transform: uppercase;
}
.molli-chefs h2 {
max-width: 820px;
margin: 0;
color: var(--molli-chefs-ink);
font-family: "Rozha One", "Playfair Display", Georgia, serif;
font-size: clamp(36px, 11vw, 58px);
font-weight: 400;
letter-spacing: -.02em;
line-height: .99;
}
.molli-chefs__intro > p:not(.molli-chefs__eyebrow),
.molli-chefs__home-copy > p:not(.molli-chefs__eyebrow) {
max-width: 770px;
margin: 16px 0 0;
color: var(--molli-chefs-muted);
font-size: 16px;
line-height: 1.63;
}
.molli-chefs__grid {
display: grid;
gap: 16px;
margin-top: 30px;
}
.molli-chefs__card {
overflow: hidden;
border: 1px solid var(--molli-chefs-line);
border-radius: 18px;
background: rgba(255, 253, 248, .92);
box-shadow: 0 12px 34px rgba(84, 54, 48, .06);
}
.molli-chefs__photo {
position: relative;
aspect-ratio: 4 / 4.25;
margin: 0;
overflow: hidden;
background: #eee2d2;
}
.molli-chefs__photo::after {
position: absolute;
inset: auto 0 0;
height: 34%;
background: linear-gradient(transparent, rgba(27, 18, 16, .16));
content: "";
pointer-events: none;
}
.molli-chefs__photo img,
.molli-chefs__portraits img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
transition: transform .65s ease;
}
.molli-chefs__card:hover img,
.molli-chefs__portraits figure:hover img {
transform: scale(1.045);
}
.molli-chefs__body {
padding: 19px 18px 21px;
}
.molli-chefs__role {
margin: 0 0 7px;
color: var(--molli-chefs-rose);
font-size: 10px;
font-weight: 800;
letter-spacing: .16em;
line-height: 1.35;
text-transform: uppercase;
}
.molli-chefs h3 {
margin: 0;
color: var(--molli-chefs-ink);
font-family: "Rozha One", "Playfair Display", Georgia, serif;
font-size: 31px;
font-weight: 400;
line-height: 1;
}
.molli-chefs__body p:last-child {
margin: 10px 0 0;
color: var(--molli-chefs-muted);
font-size: 14px;
line-height: 1.58;
}
.molli-chefs--home {
background: var(--molli-chefs-paper);
}
.molli-chefs__wrap--home {
display: grid;
gap: 25px;
}
.molli-chefs--home h2 {
max-width: 690px;
font-family: "Playfair Display", "Rozha One", Georgia, serif;
font-size: clamp(34px, 9vw, 52px);
line-height: 1.04;
}
.molli-chefs__link {
display: inline-flex;
align-items: center;
min-height: 47px;
margin-top: 22px;
padding: 11px 20px;
border: 1px solid var(--molli-chefs-rose);
border-radius: 999px;
color: var(--molli-chefs-rose);
font-size: 14px;
font-weight: 800;
letter-spacing: .04em;
text-decoration: none;
transition: color .2s ease, background-color .2s ease, transform .2s ease;
}
.molli-chefs__link:hover,
.molli-chefs__link:focus-visible {
color: #fff;
background: var(--molli-chefs-rose);
transform: translateY(-2px);
}
.molli-chefs__portraits {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 10px;
}
.molli-chefs__portraits figure {
position: relative;
min-height: 235px;
margin: 0;
overflow: hidden;
border-radius: 15px;
background: #eee2d2;
}
.molli-chefs__portraits figcaption {
position: absolute;
inset: auto 0 0;
display: grid;
gap: 3px;
padding: 34px 13px 13px;
color: #fff;
background: linear-gradient(transparent, rgba(22, 16, 15, .84));
}
.molli-chefs__portraits strong {
font-family: "Playfair Display", "Rozha One", Georgia, serif;
font-size: 19px;
font-weight: 600;
line-height: 1.08;
}
.molli-chefs__portraits span {
font-size: 9px;
font-weight: 800;
letter-spacing: .12em;
line-height: 1.35;
text-transform: uppercase;
}
@media (min-width: 680px) {
.molli-chefs {
padding: 88px 0;
}
.molli-chefs__wrap {
width: min(100% - 52px, 1160px);
}
.molli-chefs__grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 22px;
margin-top: 38px;
}
.molli-chefs__photo {
aspect-ratio: 4 / 3.5;
}
.molli-chefs__body {
padding: 23px 23px 25px;
}
.molli-chefs__wrap--home {
grid-template-columns: minmax(0, 1.1fr) minmax(380px, .9fr);
align-items: center;
gap: 40px;
}
.molli-chefs__portraits {
gap: 14px;
}
.molli-chefs__portraits figure {
min-height: 350px;
}
}
@media (min-width: 1000px) {
.molli-chefs {
padding: 108px 0;
}
.molli-chefs__intro {
display: grid;
grid-template-columns: minmax(0, 1.1fr) minmax(380px, .9fr);
column-gap: 55px;
}
.molli-chefs__intro .molli-chefs__eyebrow {
grid-column: 1 / -1;
}
.molli-chefs__intro > p:not(.molli-chefs__eyebrow) {
grid-column: 2;
}
.molli-chefs__intro h2 + p {
margin-top: 2px;
}
.molli-chefs__intro p + p {
margin-top: 15px;
}
.molli-chefs__grid {
margin-top: 42px;
}
}.molli-language-switcher {
position: fixed;
left: 10px;
bottom: calc(52px + env(safe-area-inset-bottom));
z-index: 999998;
display: flex;
gap: 3px;
padding: 4px;
border: 1px solid rgba(196, 47, 99, .14);
border-radius: 999px;
background: rgba(255, 253, 249, .92);
box-shadow: 0 5px 20px rgba(53, 32, 37, .08);
backdrop-filter: blur(8px);
}
.molli-language-switcher__link {
display: grid;
width: 25px;
height: 25px;
place-items: center;
border: 1px solid transparent;
border-radius: 50%;
color: inherit;
font-size: 14px;
line-height: 1;
text-decoration: none;
transition: border-color .18s ease, background-color .18s ease, transform .18s ease;
}
.molli-language-switcher__link:hover,
.molli-language-switcher__link:focus-visible {
border-color: rgba(196, 47, 99, .28);
background: rgba(196, 47, 99, .08);
transform: translateY(-1px);
}
.molli-language-switcher__link.is-active {
border-color: rgba(196, 47, 99, .34);
background: rgba(196, 47, 99, .1);
}
@media (min-width: 760px) {
.molli-language-switcher {
left: 17px;
bottom: 59px;
}
}