.bb-howto{background:#fff}.bb-howto__hero{padding-top:40px;padding-bottom:72px;display:flex;flex-direction:column;gap:40px}.bb-howto__zones{display:flex;flex-wrap:wrap;gap:8px}.bb-howto__hero-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:64px;align-items:center}.bb-howto__hero-grid--solo{grid-template-columns:minmax(0,1fr);max-width:760px}.bb-howto__intro{display:flex;flex-direction:column;gap:20px;align-items:flex-start}.bb-howto__title{font-family:var(--bb-serif)!important;font-weight:400!important;font-size:64px;line-height:1;letter-spacing:-.01em}.bb-howto__actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:8px}.bb-howto__video{position:relative;aspect-ratio:16 / 9;border-radius:20px;overflow:hidden;background:var(--bb-ink);box-shadow:0 24px 48px -24px #1a1a1a59}.bb-howto__video iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0}.bb-howto__subnav{position:sticky;top:var(--header-height, 0px);z-index:2;background:#fffffff0;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-bottom:1px solid var(--bb-line)}.bb-howto__subnav-inner{max-width:1440px;margin:0 auto;padding:0 120px;display:flex;align-items:center;gap:28px;min-height:60px;overflow-x:auto;scrollbar-width:none}.bb-howto__subnav-inner::-webkit-scrollbar{display:none}.bb-howto__subnav a{flex-shrink:0;font-size:14px;font-weight:600;color:var(--bb-gray);text-decoration:none;white-space:nowrap}.bb-howto__subnav a:hover{color:var(--bb-ink)}.bb-howto__subnav .bb-howto__subnav-shop{margin-left:auto;color:var(--bb-purple)}.bb-howto__section{scroll-margin-top:calc(var(--header-height, 0px) + 60px)}.bb-wrap.bb-howto__section+.bb-wrap.bb-howto__section{padding-top:0}.bb-howto__section .bb-howto__card,.bb-howto__card{scroll-margin-top:calc(var(--header-height, 0px) + 76px)}.bb-howto__steps{list-style:none;margin:0;padding:0;display:grid;gap:20px;grid-template-columns:repeat(var(--bb-steps, 5),minmax(0,1fr));counter-reset:none}.bb-howto__step{display:flex;flex-direction:column;border:1px solid var(--bb-line);border-radius:16px;overflow:hidden;background:#fff}.bb-howto__step-media{position:relative;aspect-ratio:1 / 1;background:var(--bb-surface)}.bb-howto__step-media img{width:100%;height:100%;object-fit:cover}.bb-howto__step-num{position:absolute;top:12px;left:12px;width:36px;height:36px;border-radius:999px;display:flex;align-items:center;justify-content:center;background:var(--bb-purple);color:#fff;font-size:15px;font-weight:700}.bb-howto__step-body{padding:20px;display:flex;flex-direction:column;gap:8px}.bb-howto__step-body .bb-kicker{font-size:11px}.bb-howto__step-title{font-size:20px;line-height:1.2;letter-spacing:-.01em}.bb-howto__step-text{font-size:15px;line-height:1.55;color:var(--bb-gray)}.bb-howto__place{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:80px;align-items:center}.bb-howto__place-media{border-radius:20px;overflow:hidden;background:#fff}.bb-howto__place-media img{width:100%;height:auto;max-height:640px;object-fit:contain;margin:0 auto}.bb-howto__place-copy{display:flex;flex-direction:column;gap:28px}.bb-howto__numbers{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;counter-reset:bbplace}.bb-howto__numbers li{counter-increment:bbplace;display:flex;align-items:center;gap:16px;padding:16px 0;border-bottom:1px solid var(--bb-line-2);font-size:18px;font-weight:600}.bb-howto__numbers li:first-child{border-top:1px solid var(--bb-line-2)}.bb-howto__numbers li:before{content:counter(bbplace);flex-shrink:0;width:36px;height:36px;border-radius:999px;display:flex;align-items:center;justify-content:center;background:var(--bb-tint);color:var(--bb-purple);font-size:15px;font-weight:700}.bb-howto__cards{display:grid;gap:24px;grid-template-columns:repeat(var(--bb-cols, 3),minmax(0,1fr));align-items:start}.bb-howto__card{display:flex;flex-direction:column;border-radius:16px;overflow:hidden;background:var(--bb-surface)}.bb-howto__card-media{aspect-ratio:4 / 3;overflow:hidden;background:#efefec}.bb-howto__card-media img{width:100%;height:100%;object-fit:cover}.bb-howto__card-body{padding:28px;display:flex;flex-direction:column;gap:18px}.bb-howto__card-title{font-size:24px;line-height:1.2;letter-spacing:-.015em}.bb-howto__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:14px}.bb-howto__list li{position:relative;padding-left:22px;font-size:15px;line-height:1.55;color:#3f3f3d}.bb-howto__list li:before{content:"";position:absolute;left:2px;top:9px;width:8px;height:8px;border-radius:999px;background:var(--bb-purple)}.bb-howto__card--text .bb-howto__card-body{padding:40px}.bb-howto__cards[style*="--bb-cols: 1"] .bb-howto__card--text .bb-howto__list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 48px}.bb-howto__shop-wrap{padding-top:0}.bb-howto__shop{display:flex;align-items:center;gap:24px;padding:20px 24px;border:1px solid var(--bb-line);border-radius:16px}.bb-howto__shop-media{width:88px;height:88px;flex-shrink:0;border-radius:12px;overflow:hidden;background:var(--bb-surface)}.bb-howto__shop-media img{width:100%;height:100%;object-fit:cover}.bb-howto__shop-copy{display:flex;flex-direction:column;gap:4px;flex-grow:1}.bb-howto__shop-title{font-size:18px;font-weight:700}@media screen and (max-width:1199px){.bb-howto__subnav-inner{padding:0 48px}.bb-howto__steps{grid-template-columns:repeat(3,minmax(0,1fr))}.bb-howto__title{font-size:52px}}@media screen and (max-width:989px){.bb-howto__hero-grid,.bb-howto__place{grid-template-columns:minmax(0,1fr);gap:40px}.bb-howto__cards{grid-template-columns:minmax(0,1fr)}.bb-howto__place-media img{max-height:520px}}@media screen and (max-width:749px){.bb-howto__hero{padding-top:24px;padding-bottom:48px;gap:28px}.bb-howto__title{font-size:42px}.bb-howto__actions{width:100%}.bb-howto__actions .bb-btn{flex:1 1 0;padding:0 16px}.bb-howto__video{border-radius:16px}.bb-howto__subnav-inner{padding:0 16px;gap:22px;min-height:52px}.bb-howto__steps{grid-template-columns:minmax(0,1fr);gap:12px}.bb-howto__step{flex-direction:row;align-items:stretch}.bb-howto__step-media{width:112px;flex-shrink:0;aspect-ratio:auto;min-height:112px}.bb-howto__step-num{top:8px;left:8px;width:28px;height:28px;font-size:13px}.bb-howto__step-body{padding:16px;gap:6px}.bb-howto__step-body .bb-kicker{display:none}.bb-howto__step-title{font-size:18px}.bb-howto__step-text{font-size:14px}.bb-howto__numbers li{font-size:16px;padding:14px 0}.bb-howto__card-body,.bb-howto__card--text .bb-howto__card-body{padding:24px}.bb-howto__card-title{font-size:22px}.bb-howto__cards[style*="--bb-cols: 1"] .bb-howto__card--text .bb-howto__list{grid-template-columns:minmax(0,1fr)}.bb-howto__shop{flex-wrap:wrap;padding:16px;gap:16px}.bb-howto__shop-media{width:72px;height:72px}.bb-howto__shop .bb-btn{width:100%}}
/*# sourceMappingURL=/cdn/shop/t/12/compiled_assets/styles.css.map */