
.flava-b2b{background:#f6f2ec;padding:62px 18px 80px;color:#171717}
.flava-b2b *{box-sizing:border-box}
.flava-b2b__inner{max-width:900px;margin:auto}
.flava-b2b__intro{text-align:center;margin:0 auto 28px;max-width:720px}
.flava-b2b__intro h1{font-size:clamp(30px,4vw,48px);line-height:1.2;margin:0 0 12px}
.flava-b2b__intro p{color:#666}
.flava-b2b__intro .flava-b2b__eyebrow{color:#927149;font-size:12px;font-weight:700;letter-spacing:.15em}
.flava-b2b__cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:22px}
.flava-b2b__card{min-height:135px;background:#fff;border:2px solid #ddd7ce;border-radius:12px;padding:20px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;cursor:pointer;text-align:center;text-decoration:none!important;color:#171717!important}
.flava-b2b__card .flava-b2b__icon{width:32px;height:32px;display:block;flex:none;color:#927149;margin-bottom:7px}
.flava-b2b__card strong{font-size:17px;color:#171717}
.flava-b2b__card small{color:#666}
.flava-b2b__card:hover{border-color:#927149}
.flava-b2b__card:focus-visible{outline:3px solid #927149;outline-offset:3px}
.flava-b2b__selector:has(#flava-b2b-form-office:target) .flava-b2b__card--office,
.flava-b2b__selector:has(#flava-b2b-form-hotel:target) .flava-b2b__card--hotel,
.flava-b2b__selector:has(#flava-b2b-form-cafe:target) .flava-b2b__card--cafe,
.flava-b2b__selector:has(#flava-b2b-form-wholesale:target) .flava-b2b__card--wholesale{border-color:#927149;background:#fffaf2}
.flava-b2b__form{display:none;background:#fff;padding:32px;border:1px solid #e7e1d8;border-radius:12px;scroll-margin-top:105px}
.flava-b2b__form:target,.flava-b2b__form:has(.flava-b2b__notice),.flava-b2b__form:has(.flava-b2b__error){display:block}
.flava-b2b__form h2{font-size:24px;margin:0 0 20px}
.flava-b2b__form .flava-b2b__panel{border-top:1px solid #e9e1d8;padding-top:20px;margin-top:20px}
.flava-b2b__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.flava-b2b__field{display:flex;flex-direction:column;gap:7px;margin-bottom:16px}
.flava-b2b__field label{font-size:14px;font-weight:600}
.flava-b2b__field :is(input,select,textarea){width:100%;min-height:44px;border:1px solid #cfc8bd;border-radius:6px;padding:10px 12px;font:inherit;background:white;color:#171717}
.flava-b2b__field :is(input,select,textarea):focus-visible{outline:2px solid #927149}
.flava-b2b__submit{width:100%;padding:15px;border:0;border-radius:7px;background:#755d3f;color:#fff;font-weight:700;cursor:pointer}
.flava-b2b__submit:hover{background:#604a31}
.flava-b2b__hint{font-size:13px;color:#666;margin:12px 0 0}
.flava-b2b__notice{background:#e5f3e6;padding:16px;border-radius:6px}
.flava-b2b__error{background:#fff1ed;padding:16px;border-radius:6px}
@media(max-width:600px){.flava-b2b{padding:40px 14px 60px}.flava-b2b__cards,.flava-b2b__grid{grid-template-columns:1fr}.flava-b2b__card{min-height:95px;padding:12px}.flava-b2b__form{padding:20px 15px;scroll-margin-top:75px}}
@media(prefers-reduced-motion:no-preference){html:has(.flava-b2b){scroll-behavior:smooth}}
