.bewo-section-howto{--bewo-orange: #ff6622;--bewo-brown: #4a342c;--bewo-lilac: #c2aed3;--bewo-pt: 96px;--bewo-pb: 96px;box-sizing:border-box;padding:var(--bewo-pt) clamp(16px,4vw,64px) var(--bewo-pb);background:#fff;color:var(--bewo-brown);border-top:3px solid var(--bewo-lilac)}.bewo-section-howto *,.bewo-section-howto *:before,.bewo-section-howto *:after{box-sizing:border-box}.bewo-howto{width:100%;max-width:1440px;margin:0 auto}.bewo-howto__head{max-width:560px;margin:0 auto 48px;text-align:center}.bewo-howto__eyebrow{margin:0 0 8px;font-family:var(--font-bewo-body, "Quicksand", sans-serif);font-size:13px;font-weight:600;letter-spacing:.04em;color:var(--bewo-orange)}.bewo-howto__title{margin:0;font-family:var(--font-bewo-heading, "Poppins", sans-serif);font-size:clamp(28px,3vw,36px);font-weight:700;line-height:1.08;letter-spacing:-.03em;color:var(--bewo-brown)}.bewo-howto__title-accent{display:block;color:var(--bewo-orange)}.bewo-howto__lead{margin:10px auto 0;max-width:400px;font-family:var(--font-bewo-body, "Quicksand", sans-serif);font-size:14.5px;font-weight:700;line-height:1.5;color:#4a342cb3}.bewo-howto__layout{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:48px;align-items:center;max-width:1120px;margin:0 auto}.bewo-howto__media{position:relative;display:flex;justify-content:center;min-height:0}.bewo-howto__media-frame{position:relative;width:min(100%,360px);aspect-ratio:9 / 16;border-radius:18px;overflow:hidden;background:#ececec;box-shadow:0 0 0 .1rem #c2aed373}.bewo-howto__media-video,.bewo-howto__media-frame video,.bewo-howto__media-empty,.bewo-howto__media-empty img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.bewo-howto__media-video,.bewo-howto__media-frame video{z-index:1;background:#111}.bewo-howto__media-empty{z-index:0;display:grid;place-items:center;margin:0;padding:1.6rem;text-align:center;font-family:var(--font-bewo-body, "Quicksand", sans-serif);font-size:1.4rem;font-weight:600;color:#4a342c8c;background:#f3eef7}.bewo-howto__media-empty p{margin:0}.bewo-howto__media-tag{position:absolute;top:16px;left:50%;z-index:2;transform:translate(-50%);padding:5px 12px;border-radius:999px;background:var(--bewo-orange);color:#fff;font-family:var(--font-bewo-heading, "Poppins", sans-serif);font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.bewo-howto__media-tag--logo{padding:0;border-radius:0;background:transparent;line-height:0}.bewo-howto__media-logo{display:block;width:clamp(7.2rem,28%,9.6rem);height:auto;object-fit:contain;filter:drop-shadow(0 .2rem .6rem rgba(74,52,44,.22))}.bewo-howto__steps{display:grid;grid-template-rows:repeat(3,minmax(0,1fr));gap:12px;min-height:100%}.bewo-howto__step{position:relative;display:grid;grid-template-columns:36px minmax(0,1fr);align-items:center;gap:16px;min-height:0;height:100%;padding:16px 20px;border:0;border-radius:12px;overflow:hidden;background:var(--bewo-orange);color:#fff;text-align:left;cursor:pointer;box-shadow:none;transition:transform .2s ease}.bewo-howto__step--2{background:var(--bewo-lilac);color:var(--bewo-brown)}.bewo-howto__step:hover,.bewo-howto__step.is-active{transform:translateY(-2px)}.bewo-howto__step:focus-visible{outline:.2rem solid var(--bewo-brown);outline-offset:.2rem}.bewo-howto__step-copy{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:center;gap:3px;min-width:0}.bewo-howto__step-num{position:relative;z-index:1;display:grid;place-items:center;width:36px;height:36px;border-radius:999px;font-family:var(--font-bewo-heading, "Poppins", sans-serif);font-size:11px;font-weight:700;flex-shrink:0}.bewo-howto__step--1 .bewo-howto__step-num,.bewo-howto__step--3 .bewo-howto__step-num{background:#ffffff38;color:#fff}.bewo-howto__step--2 .bewo-howto__step-num{background:#ffffffa6;color:var(--bewo-brown)}.bewo-howto__step-label{margin:0;font-family:var(--font-bewo-body, "Quicksand", sans-serif);font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;opacity:.85}.bewo-howto__step-title{margin:0;font-family:var(--font-bewo-heading, "Poppins", sans-serif);font-size:20px;font-weight:700;letter-spacing:-.02em;line-height:1.08;text-transform:uppercase;color:inherit}.bewo-howto__step-desc{margin:0;font-family:var(--font-bewo-body, "Quicksand", sans-serif);font-size:13.5px;font-weight:700;line-height:1.45;opacity:.92;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}@media(max-width:960px){.bewo-howto__head{margin-bottom:32px}.bewo-howto__title{font-size:clamp(24px,6vw,30px)}.bewo-howto__layout{grid-template-columns:1fr;gap:24px;min-height:0}.bewo-howto__media-frame{width:min(100%,280px)}.bewo-howto__steps{grid-template-rows:none;min-height:0;height:auto;gap:8px}.bewo-howto__step{grid-template-columns:32px minmax(0,1fr);height:auto;padding:14px 16px;gap:12px}.bewo-howto__step-num{width:32px;height:32px;font-size:10px}}@media(max-width:640px){.bewo-section-howto{padding-top:calc(var(--bewo-pt) * .6);padding-bottom:calc(var(--bewo-pb) * .6)}.bewo-howto__head{margin-bottom:24px}.bewo-howto__media-frame{width:min(100%,240px)}.bewo-howto__step{padding:12px 14px;gap:10px}.bewo-howto__step-num{width:28px;height:28px;font-size:9.5px}.bewo-howto__step-title{font-size:15px}.bewo-howto__step-desc{font-size:13px}}
/*# sourceMappingURL=/cdn/shop/t/46/assets/bewo-howto.css.map */