:root{--padding-horizontal:4.7vw;--padding-top:7rem}@media (min-width:992px){:root{--padding-top:9.375rem}}
.header.header--compact{box-shadow:none}
.main{position:relative;width:100%;overflow:hidden}
.main::before{content:"";position:fixed;inset:0;width:100vw;height:100vh;background-image:url("../img/bg/art-line.svg");background-repeat:no-repeat;background-position:right 0;background-size:70vh;opacity:.2;pointer-events:none;z-index:0}
.section{padding:var(--padding-top) var(--padding-horizontal);width:100%}
.blue-bkg{background:rgba(34,50,66,.5)} 
.hero,.flavours{position:relative;z-index:1}
.hero{width:90%;padding-bottom:6rem;padding-top:1rem}
.hero__title{font-size:clamp(32px,3.2vw,50px);font-weight:700;color:var(--color-brand)}
.hero__subtitle{margin:1.6rem auto 0;font-size:clamp(1.25rem,2vw,1.75rem);font-weight:500;color:#fff}
.hero__lead{margin:1.25rem 0 0;font-size:clamp(14px,1.33vw,1.2rem);line-height:1.5;color:#fff}
.flavours{width:90%;max-width:465px;padding:6vw 0;margin:auto;background:var(--color7)}
.flavours__inner{margin:0 auto;padding:2rem 0 .7rem 0;text-align:center;position:relative;display:flex;flex-direction:column;gap:1.6rem}
.hint{font-size:clamp(1.25rem,2vw,32px);font-weight:700;color:var(--color16);text-align:center;padding:0 .5rem}
.hint span{white-space:nowrap}
.flavours__media{position:relative;overflow:hidden;border-radius:1rem;background:#d9cbbd;display:inline-flex;margin:auto;align-items:stretch;height:22rem;width:85%}
.flavours__media::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(30,22,18,.56) 0%,rgba(30,22,18,.24) 40%,rgba(30,22,18,.08) 100%)}
.flavours__picture{display:block;width:100%;height:100%;overflow:hidden}
.flavours__img{display:block;width:100%;height:100%;object-fit:cover;filter:saturate(.7) contrast(.7)}
.flavours__box{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 .8rem}
.flavours__control{position:absolute;inline-size:0;block-size:0;opacity:0;pointer-events:none}
.flavours__label{display:flex;align-items:center;justify-content:center;height:4rem;padding-inline:1.4rem;color:#223242;font-weight:600;background:transparent;border-top:1px solid brown;border-bottom:0;cursor:pointer;transition:border-color .25s ease,background-color .25s ease,color .25s ease} 
.flavours__label[for="flavour-master"],.flavours__label[for="flavour-italian"]{border-bottom:1px solid brown}
.flavours__caption{position:absolute;bottom:19rem;left:calc(50% - 7rem);z-index:2;width:14rem;padding:1.4rem 1.6rem;border-radius:1.8rem;background:rgba(247,241,235,.92);box-shadow:0 1rem 2.4rem rgba(0,0,0,.08);opacity:0;visibility:hidden;transform:translateY(1rem);transition:opacity .25s ease,visibility .25s ease,transform .25s ease}
.flavours__name{margin:0 0 .8rem;font-size:1.6rem;font-weight:500}
.flavours__text{font-weight:500}
.flavours__control:checked + .flavours__label{opacity:1}
.flavours__control:checked + .flavours__label + .flavours__caption{opacity:1;visibility:visible;transform:none}
#flavour-lemon:checked + .flavours__label,#flavour-lemon:checked + .flavours__label + .flavours__caption{color:#3e2c26;background:#f7edba;border-color:#e6d36f}
#flavour-bombon:checked + .flavours__label,#flavour-bombon:checked + .flavours__label + .flavours__caption{color:#fff;background:#5a3a2e;border-color:#5a3a2e}
#flavour-red:checked + .flavours__label,#flavour-red:checked + .flavours__label + .flavours__caption{color:#fff;background:#a33b5e;border-color:#a33b5e}
#flavour-love:checked + .flavours__label,#flavour-love:checked + .flavours__label + .flavours__caption{color:#3e2c26;background:#dde6bc;border-color:#a7b96b}
#flavour-passion:checked + .flavours__label,#flavour-passion:checked + .flavours__label + .flavours__caption{color:#3e2c26;background:#f1d4a8;border-color:#d9a45b}
#flavour-master:checked + .flavours__label,#flavour-master:checked + .flavours__label + .flavours__caption{color:#fff;background:#8b6a4e;border-color:#8b6a4e}
#flavour-italian:checked + .flavours__label,#flavour-italian:checked + .flavours__label + .flavours__caption{color:#fff;background:#6b4a3a;border-color:#6b4a3a}
.flavours__control:focus-visible + .flavours__label{outline:.125rem solid var(--color16);outline-offset:.1875rem}
.flavours__caption--bombon .flavours__name,.flavours__caption--red .flavours__name,.flavours__caption--master .flavours__name,.flavours__caption--italian .flavours__name{color:var(--color-brand)}
.flavours__caption--lemon .flavours__name{color:#7f6a16}
.flavours__caption--love .flavours__name{color:#73843f}
.flavours__caption--passion .flavours__name{color:#b57823}
.flavours__cta-wrap{text-align:center}
.flavours__top-sentinel{position:absolute;left:0;right:0;top:19rem;height:1px;pointer-events:none}
.btn--primary{max-width:fit-content}
.btn--primary:hover,.btn--primary:active{background:transparent;text-shadow:none}
.faq-link{font-weight:600;margin:1rem auto 0;color:var(--color16);text-decoration:underline;display:block;padding:.5rem 1rem;width:max-content;text-underline-offset:.2em}
.faq-link:hover,.faq-link:focus,.faq-link:focus-visible,.faq-link:active{opacity:.7}
.faq-link:focus-visible{outline:.125rem solid var(--color16);outline-offset:.125rem}
.footer{position:relative;z-index:3}
.footer::before{content:"";display:block;width:100%;height:.0625rem;background:var(--color-brand);opacity:.9;position:absolute;top:0;left:0}
@media (min-width:450px){.hero{width:70%}}
@media (min-width:580px){.flavours__top-sentinel{display:none}}
@media (min-width:768px){
.main::before{opacity:.8}
.flavours{width:60vw;min-width:47rem;max-width:none}
.flavours__inner{flex-direction:row-reverse;align-items:stretch;justify-content:center;gap:3.2rem;padding:4rem 0 2rem 0}
.flavours__media{width:auto;max-width:100%;margin:0;height:100%}
.flavours__picture /*flavours__img*/{flex:0 0 clamp(20.25rem,21.6vw,23rem)}
.flavours__box{display:flex;flex:0 0 clamp(20.25rem,21.6vw,23rem);flex-direction:column;gap:0;position:relative}
.flavours__label{justify-content:flex-end;font-size:clamp(1.25rem,1.33vw,1.375rem);border-top:0;border-bottom:1px solid #a52a2a;font-weight:500}
.flavours__label[for="flavour-master"],.flavours__label[for="flavour-italian"]{border-bottom:1px solid brown}
.flavours__label:first-of-type{border-top:1px solid brown}
.flavours__caption{width:16rem;left:calc(100% + 5.2rem);bottom:2.2rem;padding:2rem 2.2rem}
.flavours__name{font-size:1.7rem;font-weight:400}
.flavours__text{font-weight:400}
}
@media (min-width:768px) and (max-width:1499.98px){
.flavours{width:60vw;min-width:min(752px,calc(100% - 32px));max-width:none}
.flavours__inner{gap:51px;padding:64px 0 32px}
.flavours__picture{flex:0 0 clamp(324px,21.6vw,368px)}
.flavours__box{flex:0 0 clamp(324px,21.6vw,368px)}
.flavours__caption{width:256px;left:calc(100% + 83px);bottom:35px;padding:32px 35px}
}
@media (hover:hover){.flavours__label:hover{background:rgba(247,237,186,.6);opacity:.5}.flavours__control:checked + .flavours__label:hover{opacity:1}}
@media (prefers-reduced-motion:reduce){.flavours__label,.flavours__caption{transition:none}}