.mail-signup{padding-block:40px}.mail-signup__box{display:grid;gap:20px;padding:24px;border:1px solid var(--line);border-radius:var(--radius,20px);background:var(--surface)}.mail-signup__head{display:flex;align-items:center;gap:16px}.mail-signup__kio{flex:none;width:104px;height:auto;display:block}.mail-signup__leaf .leaf-svg{height:28px}.mail-signup__leaf{margin:0 0 8px}.mail-signup__title{font-size:clamp(26px,5.5vw,38px);line-height:1.08;margin:0}.mail-signup__benefit{margin:10px 0 0;font-weight:600;color:var(--ink);max-width:44ch}.mail-signup__proof{margin:12px 0 0;font-size:14px;font-weight:600;color:var(--muted)}.mail-signup__text{margin:10px 0 0;color:var(--muted);max-width:44ch}.mail-signup__form{min-width:0}.mail-signup__row{display:flex;flex-direction:column;gap:12px}.mail-signup__row .field{margin-bottom:0}.mail-signup__row .btn{width:100%}.mail-signup .btn{min-height:54px;padding-inline:32px;font-size:17px;font-weight:700}.mail-signup__consent{display:flex;gap:10px;align-items:flex-start;margin-top:14px;font-size:14px;line-height:1.45;color:var(--ink)}.mail-signup__consent input{flex:none;width:20px;height:20px;margin:1px 0 0;accent-color:var(--brand)}.mail-signup__note{margin:10px 0 0;font-size:13px;color:var(--muted)}.mail-signup__msg{margin:0}.mail-signup .input:focus-visible,.mail-signup__consent input:focus-visible,.mail-signup .btn:focus-visible{outline:2px solid var(--brand);outline-offset:3px}.mail-signup--footer{padding-block:0 8px}.mail-signup--footer .mail-signup__box{padding:18px;background:transparent}.mail-signup--footer .mail-signup__title{font-size:18px}.mail-signup--footer .mail-signup__benefit{display:none}.mail-signup--footer .wrap{padding-inline:0}@media(min-width:768px){.mail-signup__kio{width:170px}.mail-signup__box{grid-template-columns:1fr 1.2fr;align-items:center;gap:40px;padding:40px}.mail-signup__row{flex-direction:row;align-items:flex-end}.mail-signup__row .field{flex:1}.mail-signup__row .btn{width:auto;flex:none}.mail-signup--footer .mail-signup__box{grid-template-columns:1fr;gap:14px;padding:18px}.mail-signup--footer .mail-signup__row{flex-direction:column;align-items:stretch}.mail-signup--footer .mail-signup__row .btn{width:100%}.mail-signup .btn{min-height:54px;padding-inline:32px;font-size:17px;font-weight:700}}@media(prefers-reduced-motion:reduce){.mail-signup .btn{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/mail-inscription.css.map */
