/* 2.4.13 — homepage Club and product finder. */
.cz-finder [hidden]{display:none!important}
.cz-quiz-products{grid-template-columns:repeat(4,minmax(0,1fr))}
.cz-quiz-product-image{aspect-ratio:1/1.12}
.cz-quiz-product-image img{object-fit:contain}
.cz-quiz-product h4{font-size:21px;line-height:1.2}
.cz-quiz-product p,.cz-quiz-view{font-size:13px}
.cz-quiz-product-image span{font-size:10px;max-width:calc(100% - 16px)}
.cz-quiz-empty{grid-column:1/-1;font-size:16px;line-height:1.6}
.cz-quiz-retry,.cz-quiz-shop{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 20px;border:1px solid var(--cz-chocolate);background:var(--cz-chocolate);color:#fff;font:600 14px var(--cz-sans);cursor:pointer}
.cz-quiz-shop{background:#fff;color:var(--cz-chocolate)}
.cz-quiz-complete [data-result-message]{font-size:14px;line-height:1.5;max-width:50ch;margin-top:14px}
.cz-quiz-question [data-question-options] button{font-size:15px;min-height:54px;text-align:left}
.cz-quiz-restart,.cz-quiz-question>[data-quiz-back]{font-size:12px;min-height:44px}
.cz-quiz-progress>span{font-size:11px}
.cz-finder-panel small{font-size:11px}
.cz-finder-copy>p:not(.cz-kicker){font-size:15px;line-height:1.6}
.cz-quiz-results-heading>span{font-size:11px}
.cz-finder :focus-visible{outline:3px solid #aa8852;outline-offset:4px}
.cz-newsletter--club{position:relative;width:min(1380px,calc(100% - 80px));margin:64px auto;padding:0;min-height:0;grid-template-columns:1fr 1fr;border:1px solid #e5d6c6;border-radius:14px;overflow:hidden;background:#f7f1e9;box-shadow:0 16px 45px rgba(70,42,29,.05)}
.cz-newsletter--club .cz-newsletter-copy{position:relative;padding:clamp(30px,4.5vw,64px);background:#f7f1e9;min-width:0}
.cz-newsletter--club .cz-kicker{color:#79633e;font-size:11px;letter-spacing:.18em;margin-bottom:20px}
.cz-newsletter--club h2{font-size:clamp(38px,4.2vw,60px);line-height:1.04;letter-spacing:-.025em;max-width:12ch}
.cz-newsletter--club .cz-newsletter-copy>p.cz-club-intro{font-size:16px;line-height:1.65;color:#655348;max-width:39ch;margin:24px 0 0}
.cz-newsletter--club .cz-club-benefits{display:flex;flex-direction:row;flex-wrap:wrap;gap:9px;margin:28px 0 0;font-size:12px;color:#4b3025}
.cz-newsletter--club .cz-club-benefits li{padding:9px 12px;background:#fffaf4;border:1px solid #ddccba;border-radius:999px}
.cz-newsletter--club .cz-club-benefits li::before{content:none}
.cz-newsletter--club .cz-newsletter-card{padding:clamp(30px,4.5vw,64px);background:#4b2e23;color:#fff;min-width:0}
.cz-newsletter--club .cz-newsletter-label{font-size:11px;color:#e8cda7;letter-spacing:.16em;margin:0 0 14px}
.cz-newsletter--club h3{color:#fff8ef;font-size:clamp(32px,3vw,44px);line-height:1.12;max-width:18ch}
.cz-newsletter--club .cz-newsletter-invitation{font-size:15px;line-height:1.6;color:#f0e1d5;margin:16px 0 28px}
.cz-newsletter--club .cz-newsletter-form{gap:16px}
.cz-newsletter--club .cz-newsletter-email-label{font-size:13px;color:#fff4e8;font-weight:500;margin-bottom:-7px}
.cz-newsletter--club .cz-newsletter-field{display:grid;grid-template-columns:1fr;gap:10px;border:0}
.cz-newsletter--club .cz-newsletter-field input{width:100%;min-height:54px;padding:15px 17px;border:1px solid #d7c1ae;border-radius:5px;background:#fffaf5;color:#38241d;font-size:16px;line-height:1.4;box-sizing:border-box}
.cz-newsletter--club .cz-newsletter-field input::placeholder{color:#78675c}
.cz-newsletter--club .cz-newsletter-field button{justify-self:stretch;margin:0;width:100%;min-height:54px;padding:15px 20px;border:1px solid #dfbc8c;border-radius:5px;background:#dfbc8c;color:#38241d;font-size:14px;font-weight:700;letter-spacing:.06em;line-height:1.4}
.cz-newsletter--club .cz-newsletter-field button:hover{background:#f0d3ad;border-color:#f0d3ad}
.cz-newsletter--club .cz-newsletter-consent{grid-template-columns:20px minmax(0,1fr);gap:11px;font-size:12px;line-height:1.6;color:#f0e1d5}
.cz-newsletter--club .cz-newsletter-consent input{width:19px;height:19px;margin-top:2px;accent-color:#dfbc8c}
.cz-newsletter--club .cz-newsletter-consent a{color:#fff;text-underline-offset:3px}
.cz-newsletter--club .cz-newsletter-frequency{margin-top:18px;color:#e1cdbf;font-size:12px;line-height:1.6}
.cz-newsletter--club .cz-newsletter-status{font-size:14px;line-height:1.5;padding:15px 17px;border-radius:5px;border:1px solid;margin-bottom:20px}
.cz-newsletter--club .cz-newsletter-status--success{color:#204c35;background:#edf6ee;border-color:#aac8b1}
.cz-newsletter--club .cz-newsletter-status--error{color:#742d29;background:#fff0ec;border-color:#dfaaa1}
.cz-newsletter--club :focus-visible{outline:3px solid #c69962;outline-offset:4px}
@media(max-width:820px){
 .cz-newsletter--club{width:calc(100% - 40px);grid-template-columns:1fr;margin:40px auto}
 .cz-newsletter--club h2{max-width:18ch}
 .cz-newsletter--club .cz-newsletter-copy,.cz-newsletter--club .cz-newsletter-card{padding:34px}
 .cz-quiz-products{grid-template-columns:repeat(2,minmax(0,1fr))}
 .cz-quiz-results{padding:30px 22px}
}
@media(max-width:440px){
 .cz-newsletter--club{width:calc(100% - 24px);margin:28px auto;border-radius:10px}
 .cz-newsletter--club .cz-newsletter-copy,.cz-newsletter--club .cz-newsletter-card{padding:28px 22px}
 .cz-newsletter--club h2{font-size:38px}.cz-newsletter--club h3{font-size:32px}
 .cz-newsletter--club .cz-newsletter-copy>p.cz-club-intro,.cz-newsletter--club .cz-newsletter-invitation{font-size:15px}
 .cz-quiz-product h4{font-size:18px}.cz-quiz-results-heading{display:block}
 .cz-quiz-results-heading h3{font-size:32px}.cz-quiz-results-heading>span{display:block;margin-top:10px}
 .cz-quiz-question [data-question-options]{grid-template-columns:1fr}
}