/* Become a partner — /{locale}/partners/become + partners index dialog (2026-11-04).
   Plain CSS (no build), linked from livewire/become-partner.blade.php. Tokens only (--mn-*), so dark mode is automatic.
   Reuses global patterns: .mn-hero2, .clb-head, .clb-ctas, .clb-chips, .clb-faq__*, .mn-reveal (club.css / minimal.css).
   Motion: transform/opacity/stroke only, inside prefers-reduced-motion:no-preference. */

.bcp{overflow-x:clip}
.bcp-ic{display:grid;place-items:center;width:2.75rem;height:2.75rem;border-radius:50%;background:var(--mn-brand-l);color:var(--mn-brand-ink)}
.bcp-ic .mn-i{width:1.35rem;height:1.35rem}

/* hero */
.bcp-hero__grid{position:relative;display:grid;gap:var(--mn-s5);align-items:center;padding-block:clamp(var(--mn-s4),7vw,6rem) clamp(var(--mn-s5),7vw,var(--mn-s6))}
.bcp-hero__t{margin-top:var(--mn-s3)!important;max-width:14ch}
@media(min-width:960px){.bcp-hero__grid{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:var(--mn-s6)}}
@media(max-width:479px){.bcp .clb-ctas .mn-btn{flex:1 1 100%}}

.bcp-vis{position:relative;margin:0 auto;width:min(100%,30rem);padding-bottom:2.5rem}
.bcp-photo{position:relative;aspect-ratio:4/3.4;border-radius:var(--mn-r-xl);overflow:hidden;background:linear-gradient(160deg,var(--mn-brand-l),var(--mn-sand));width:88%;margin-left:auto}
.bcp-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.bcp-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 50%,rgb(var(--mn-scrim-rgb)/22%));pointer-events:none}
.bcp-card{position:absolute;left:0;bottom:2.75rem;width:min(78%,19rem);padding:.95rem 1rem;border-radius:var(--mn-r-lg);background:var(--mn-surface);border:1px solid var(--mn-line);box-shadow:0 18px 40px -18px rgb(var(--mn-shadow-rgb)/45%);display:grid;gap:.6rem}
.bcp-card__top{display:flex;align-items:center;gap:.65rem;min-width:0}
.bcp-card__logo{flex:none;display:grid;place-items:center;width:2.4rem;height:2.4rem;border-radius:10px;background:var(--mn-accent-l);color:var(--mn-accent-ink)}
.bcp-card__id{display:grid;min-width:0;flex:1}
.bcp-card__id b{color:var(--mn-ink);font-size:.92rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bcp-card__id small{color:var(--mn-mute);font-size:.75rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bcp-card__badge{flex:none;display:inline-flex;align-items:center;gap:.25rem;padding:.2rem .5rem;border-radius:var(--mn-r-pill);background:var(--mn-brand-l);color:var(--mn-brand-ink);font-size:.7rem;font-weight:600}
.bcp-card__badge .mn-i{width:.9rem;height:.9rem}
.bcp-card__stars{display:flex;gap:3px}
.bcp-card__stars i{width:.8rem;height:.8rem;background:var(--mn-gold);clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%)}
.bcp-card__offer{display:flex;align-items:center;gap:.45rem;margin:0;padding:.5rem .65rem;border-radius:10px;border:1px dashed var(--mn-line-2);color:var(--mn-ink);font-size:.82rem;font-weight:600;line-height:1.3}
.bcp-card__offer .mn-i{width:1rem;height:1rem;color:var(--mn-accent)}
.bcp-float{position:absolute;display:inline-flex;align-items:center;gap:.4rem;padding:.45rem .8rem;border-radius:var(--mn-r-pill);background:var(--mn-surface);color:var(--mn-ink);font-size:.8rem;font-weight:600;border:1px solid var(--mn-line);box-shadow:var(--mn-sh)}
.bcp-float .mn-i{width:1rem;height:1rem;color:var(--mn-brand)}
.bcp-float b{display:grid;place-items:center;min-width:1.15rem;height:1.15rem;padding:0 .25rem;border-radius:var(--mn-r-pill);background:var(--mn-accent);color:var(--mn-on-brand);font-size:.68rem}
.bcp-float--lead{right:2%;top:7%}
.bcp-float--qr{right:6%;bottom:4.25rem;padding:.6rem;border-radius:14px}
.bcp-float--qr .mn-i{width:1.6rem;height:1.6rem;color:var(--mn-ink)}
.bcp-vis .clb-cap{position:absolute;left:0;right:0;bottom:0;margin:0}

/* why */
.bcp-why{list-style:none;margin:0;padding:0;display:grid;gap:var(--mn-s4) var(--mn-s4)}
@media(min-width:640px){.bcp-why{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:1024px){.bcp-why{grid-template-columns:repeat(4,minmax(0,1fr))}}
.bcp-why li{display:grid;align-content:start;gap:.55rem;padding-top:var(--mn-s3);border-top:1px solid var(--mn-line)}
.bcp-why .bcp-ic{margin-bottom:.35rem}
.bcp-why p{margin:0;line-height:1.55;color:var(--mn-text)}
.bcp-why .mn-link{justify-self:start;min-height:2.25rem;font-size:.9rem}

/* how */
.bcp-how{position:relative}
.bcp-how__path{display:none}
.bcp-steps{list-style:none;margin:0;padding:0;display:grid;gap:var(--mn-s4);position:relative}
.bcp-steps::before{content:"";position:absolute;left:1.6rem;top:1.6rem;bottom:1.6rem;width:1px;background:var(--mn-line-2)}
.bcp-step{position:relative;display:grid;grid-template-columns:3.2rem minmax(0,1fr);column-gap:var(--mn-s3);row-gap:.3rem;align-items:start}
.bcp-step__dot{grid-row:span 2;position:relative;display:grid;place-items:center;width:3.2rem;height:3.2rem;border-radius:50%;background:var(--mn-surface);border:1px solid var(--mn-line-2);color:var(--mn-brand-ink);z-index:1}
.bcp-step__dot .mn-i{width:1.35rem;height:1.35rem}
.bcp-step__dot b{position:absolute;top:-.3rem;right:-.3rem;display:grid;place-items:center;width:1.3rem;height:1.3rem;border-radius:50%;background:var(--mn-brand-d);color:#fff;font-size:.7rem;font-variant-numeric:tabular-nums}
.dark .bcp-step__dot b{color:var(--mn-on-brand)}
.bcp-step .mn-h3{align-self:end;padding-top:.35rem}
.bcp-step p{margin:0;line-height:1.55}
.bcp-how__go{margin:var(--mn-s4) 0 0}
@media(min-width:860px){
  .bcp-how__path{display:block;position:absolute;left:0;right:0;top:-.1rem;width:100%;height:3.4rem;overflow:visible;pointer-events:none}
  .bcp-how__path path{fill:none;stroke-width:2;vector-effect:non-scaling-stroke;stroke-linecap:round}
  .bcp-how__track{stroke:var(--mn-line-2);stroke-dasharray:2 6}
  .bcp-how__draw{stroke:var(--mn-brand)}
  .bcp-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--mn-s4)}
  .bcp-steps::before{display:none}
  .bcp-step{grid-template-columns:1fr;justify-items:center;text-align:center;row-gap:.5rem}
  .bcp-step__dot{grid-row:auto;margin-bottom:.4rem;background:var(--mn-soft)}
  .bcp-step p{max-width:18rem}
}

/* tiers */
.bcp-tiers{display:grid;gap:var(--mn-s5);align-items:start}
@media(min-width:960px){.bcp-tiers{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:var(--mn-s6)}}
.bcp-tiers__copy{display:grid;gap:var(--mn-s2);justify-items:start}
.bcp-tiers__img{width:100%;aspect-ratio:16/10;border-radius:var(--mn-r-lg);overflow:hidden;margin-top:var(--mn-s2);background:var(--mn-soft)}
.bcp-tiers__img img{width:100%;height:100%;object-fit:cover;display:block}
@media(max-width:959px){.bcp-tiers__img{display:none}}
.bcp-table{width:100%;border-collapse:collapse;font-size:.92rem;table-layout:fixed}
.bcp-table th,.bcp-table td{padding:.8rem .5rem;border-bottom:1px solid var(--mn-line);text-align:center;vertical-align:middle}
.bcp-table thead th{font-size:.8rem;font-weight:600;color:var(--mn-ink);border-bottom-color:var(--mn-line-2);line-height:1.25}
.bcp-table thead th:first-child{width:46%}
.bcp-table thead th.is-hi{color:var(--mn-brand-ink)}
.bcp-table thead th .mn-i{display:block;margin:0 auto .25rem;width:1.15rem;height:1.15rem}
.bcp-table tbody th{text-align:left;font-weight:500;color:var(--mn-text);padding-left:0}
.bcp-table td.is-hi{background:color-mix(in srgb,var(--mn-brand-l) 55%,transparent)}
.bcp-table thead th.is-hi{background:color-mix(in srgb,var(--mn-brand-l) 55%,transparent);border-radius:var(--mn-r-sm) var(--mn-r-sm) 0 0}
.bcp-yes{color:var(--mn-success);width:1.2rem;height:1.2rem}
.bcp-no{color:var(--mn-line-2);font-weight:600}
.bcp-val{font-size:.8rem;font-weight:600;color:var(--mn-ink)}
@media(min-width:640px){.bcp-table{font-size:.95rem}.bcp-table th,.bcp-table td{padding:.85rem .9rem}.bcp-table thead th{font-size:.88rem}}

/* apply */
.bcp-apply__grid{display:grid;gap:var(--mn-s5);align-items:start}
@media(min-width:960px){.bcp-apply__grid{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:var(--mn-s6)}.bcp-aside{position:sticky;top:calc(var(--mn-hh) + 1.5rem)}}
.bcp-aside{display:grid;gap:var(--mn-s2);justify-items:start}
.bcp-aside .mn-lead{margin:0}
.bcp-trust{list-style:none;margin:var(--mn-s1) 0 0;padding:0;display:grid;gap:.7rem}
.bcp-trust li{display:flex;gap:.6rem;align-items:flex-start;line-height:1.45;font-size:.93rem}
.bcp-trust .mn-i{width:1.1rem;height:1.1rem;margin-top:.12rem;color:var(--mn-brand-ink)}
.bcp-aside__img{width:100%;aspect-ratio:16/9;border-radius:var(--mn-r-lg);overflow:hidden;margin-top:var(--mn-s1);background:var(--mn-sand)}
.bcp-aside__img img{width:100%;height:100%;object-fit:cover;display:block}
@media(max-width:959px){.bcp-aside__img{display:none}}
.bcp-login{margin:0}

.bcp-formwrap{min-width:0}
.bcp-apply .bcp-formwrap{padding:clamp(var(--mn-s3),3.5vw,var(--mn-s4));border-radius:var(--mn-r-xl);background:var(--mn-surface);border:1px solid var(--mn-line)}
.bcp-form{display:grid;gap:var(--mn-s4)}
.bcp-req{margin:0;font-size:.8rem}
.bcp-fs{margin:0;padding:0;border:0;min-width:0;display:grid;gap:1.1rem}
.bcp-fs legend{display:flex;align-items:center;gap:.6rem;padding:0;margin-bottom:1rem;font-weight:600;font-size:1.02rem;color:var(--mn-ink)}
.bcp-fs__n{display:grid;place-items:center;width:1.6rem;height:1.6rem;border-radius:50%;background:var(--mn-brand-l);color:var(--mn-brand-ink);font-size:.8rem;font-variant-numeric:tabular-nums}
.bcp-fs+.bcp-fs{padding-top:var(--mn-s4);border-top:1px solid var(--mn-line)}
.bcp-field{min-width:0}
.bcp-field label{display:block;margin-bottom:.35rem;font-size:.88rem;font-weight:600;color:var(--mn-ink)}
.bcp-field label small{font-weight:400;color:var(--mn-mute)}
.bcp-field .sawalife-input{width:100%;font-size:16px}
.bcp-field textarea.sawalife-input{min-height:6rem;resize:vertical}
.bcp-field select.sawalife-input:disabled{opacity:.6;cursor:not-allowed}
.bcp-field [aria-invalid="true"]{border-color:var(--mn-danger)!important}
.bcp-hint{margin:.35rem 0 0;font-size:.8rem;color:var(--mn-mute);line-height:1.4}
.bcp-check{display:flex!important;gap:.7rem;align-items:flex-start;font-weight:400!important;font-size:.93rem!important;line-height:1.5;color:var(--mn-text)!important;cursor:pointer}
.bcp-check input{flex:none;width:1.2rem;height:1.2rem;margin-top:.15rem;accent-color:var(--mn-brand)}
.bcp-submit{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center}
.bcp-submit .mn-btn--primary{min-height:3rem;flex:1 1 auto}
@media(min-width:640px){.bcp-submit .mn-btn--primary{flex:0 0 auto;padding-inline:2rem}}
/* mobile: the submit button stays reachable while the form is in view */
@media(max-width:639px){
  .bcp-form--page .bcp-submit{position:sticky;bottom:0;z-index:5;margin-inline:calc(-1 * clamp(var(--mn-s3),3.5vw,var(--mn-s4)));padding:.75rem clamp(var(--mn-s3),3.5vw,var(--mn-s4)) calc(.75rem + env(safe-area-inset-bottom));background:color-mix(in srgb,var(--mn-surface) 92%,transparent);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-top:1px solid var(--mn-line);border-radius:0 0 var(--mn-r-xl) var(--mn-r-xl)}
}

.bcp-done{display:grid;gap:.6rem;justify-items:start}
.bcp-done p{margin:0;line-height:1.55}
.bcp-done__ic{display:grid;place-items:center;width:3rem;height:3rem;border-radius:50%;background:var(--mn-success-l);color:var(--mn-success)}
.bcp-done__ic .mn-i{width:1.5rem;height:1.5rem;stroke-width:2}

/* dialog (partners index) */
.bcp-mini{list-style:none;margin:0 0 var(--mn-s3);padding:0 0 var(--mn-s3);display:grid;gap:.6rem;border-bottom:1px solid var(--mn-line);font-size:.9rem;line-height:1.45}
.bcp-mini li{display:flex;gap:.6rem;align-items:flex-start}
.bcp-mini b{color:var(--mn-ink)}
.bcp-mini__n{flex:none;display:grid;place-items:center;width:1.45rem;height:1.45rem;border-radius:50%;background:var(--mn-brand-l);color:var(--mn-brand-ink);font-size:.75rem;font-weight:600}
.bcp--modal .bcp-form{gap:var(--mn-s3)}
.bcp--modal .bcp-fs+.bcp-fs{padding-top:var(--mn-s3)}

/* motion */
@keyframes bcp-bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
@keyframes bcp-in{from{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:none}}
@keyframes bcp-draw{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
@keyframes bcp-pop{from{opacity:0;transform:scale(.6)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:no-preference){
  .bcp-card{animation:bcp-in .9s var(--mn-ease-out) .25s both}
  .bcp-float--lead{animation:bcp-pop .5s var(--mn-ease-out) .8s both,bcp-bob 5s ease-in-out 1.4s infinite}
  .bcp-float--qr{animation:bcp-pop .5s var(--mn-ease-out) 1s both,bcp-bob 6s ease-in-out 1.6s infinite}
  .bcp-why .bcp-ic,.bcp-step__dot{transition:transform .35s var(--mn-ease)}
  .bcp-why li:hover .bcp-ic,.bcp-step:hover .bcp-step__dot{transform:translateY(-3px)}
  .bcp-done{animation:bcp-in .6s var(--mn-ease-out) both}
  @supports (animation-timeline:view()){
    .bcp-how__draw{stroke-dasharray:1;stroke-dashoffset:1;animation:bcp-draw linear both;animation-timeline:view();animation-range:entry 10% cover 45%}
    .bcp-step__dot{animation:bcp-pop linear both;animation-timeline:view();animation-range:entry 5% entry 60%}
  }
}