.store-gateway{--ink:#111827;--muted:#667085;--line:rgba(17,24,39,.1);max-width:1180px;margin:0 auto;padding:clamp(64px,9vw,116px) 0 42px}.store-gateway__hero{max-width:760px;margin:0 auto clamp(48px,7vw,80px);text-align:center}.store-gateway__eyebrow{display:inline-flex;align-items:center;gap:8px;margin:0 0 20px;color:#667085;font-size:12px;font-weight:750;letter-spacing:.14em;text-transform:uppercase}.store-gateway__eyebrow:before{width:7px;height:7px;background:var(--store-primary-color,#3874ff);border-radius:50%;content:""}.store-gateway h1{margin:0;color:var(--ink);font-size:clamp(42px,6vw,72px);font-weight:650;line-height:1.02;letter-spacing:-.055em}.store-gateway__intro{max-width:600px;margin:24px auto 0;color:var(--muted);font-size:clamp(16px,2vw,19px);line-height:1.65}.store-gateway__note{max-width:620px;margin:-48px auto 34px;padding:12px 16px;text-align:center;color:#475467;background:#f8fafc;border:1px solid #e4e7ec;border-radius:12px;font-size:13px}.store-gateway__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.store-tile{display:grid;grid-template-columns:72px minmax(0,1fr) auto;align-items:center;gap:20px;min-height:132px;padding:25px;background:rgba(255,255,255,.82);border:1px solid var(--line);border-radius:22px;box-shadow:0 1px 2px rgba(16,24,40,.03);transition:.25s ease}.store-tile:hover{transform:translateY(-3px);border-color:rgba(17,24,39,.18);box-shadow:0 18px 45px rgba(16,24,40,.09)}.store-tile__logo{display:flex;align-items:center;justify-content:center;width:72px;height:72px;padding:10px;overflow:hidden;background:#f5f7fa;border-radius:18px}.store-tile__logo img{width:100%;height:100%;object-fit:contain}.store-tile__logo span{color:#344054;font-size:25px;font-weight:700}.store-tile h2{margin:0 0 6px;color:var(--ink);font-size:20px;font-weight:700;letter-spacing:-.025em}.store-tile p{display:-webkit-box;overflow:hidden;margin:0;color:var(--muted);font-size:14px;line-height:1.45;-webkit-box-orient:vertical;-webkit-line-clamp:2}.store-tile form{margin:0}.store-tile button{display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;color:#fff;background:var(--store-primary-color,#111827);border:0;border-radius:50%;font-size:0;transition:.2s ease}.store-tile button:after{font-size:20px;content:"\2192"}.store-tile button:hover{filter:brightness(.9);transform:translateX(2px)}.store-tile button:focus-visible{outline:3px solid rgba(56,116,255,.3);outline-offset:3px}.store-gateway__empty{text-align:center}.store-gateway__empty .btn{margin-top:22px;border-radius:999px}.store-gateway__trust{display:flex;justify-content:center;gap:28px;margin-top:42px;color:#98a2b3;font-size:12px}.store-gateway__trust span:before{margin-right:7px;color:#12b76a;content:"\2713"}@media(max-width:780px){.store-gateway{padding-top:48px}.store-gateway__grid{grid-template-columns:1fr}.store-gateway__note{margin-top:-28px}}@media(max-width:520px){.store-gateway h1{font-size:40px}.store-tile{grid-template-columns:58px minmax(0,1fr) auto;gap:14px;padding:18px}.store-tile__logo{width:58px;height:58px}.store-gateway__trust{align-items:center;flex-direction:column;gap:8px}}
.store-tile button:after{content:none}.store-tile button i{font-size:18px;line-height:1}

/* Use the native STORE/Bootstrap palette so this view follows brand and color mode. */
.store-gateway{--ink:var(--bs-emphasis-color);--muted:var(--bs-secondary-color);--line:var(--bs-border-color)}
.store-gateway__eyebrow{color:var(--bs-primary)}
.store-gateway__eyebrow:before{background:var(--bs-primary)}
.store-gateway__note{color:var(--bs-primary-text-emphasis);background:var(--bs-primary-bg-subtle);border-color:var(--bs-primary-border-subtle)}
.store-tile{background:var(--bs-body-bg);border-color:var(--bs-border-color);box-shadow:var(--bs-box-shadow-sm)}
.store-tile:hover{border-color:var(--bs-primary-border-subtle);box-shadow:0 1rem 2.5rem rgba(var(--bs-primary-rgb),.12)}
.store-tile__logo{background:var(--bs-primary-bg-subtle)}
.store-tile__logo span{color:var(--bs-primary-text-emphasis)}
.store-tile button{color:#fff;background:var(--bs-primary)}
.store-tile button:focus-visible{outline-color:rgba(var(--bs-primary-rgb),.3)}
.store-gateway__trust{color:var(--bs-secondary-color)}
.store-gateway__trust span:before{color:var(--bs-success)}

/* Fixed accessible colors keep the Mock state legible across tenant themes. */
.store-mock-badge{color:#212529;background:#ffc107;border:1px solid #997404}
.store-tile--mock{border:2px solid #997404}
.store-tile--mock:hover{border-color:#664d03}
.store-tile button:focus-visible{outline:3px solid #0b5ed7;outline-offset:3px}
@media (prefers-color-scheme:dark){.store-tile--mock{border-color:#ffda6a}.store-tile--mock:hover{border-color:#ffe69c}}
@media (prefers-reduced-motion:reduce){.store-tile,.store-tile button{transition:none}.store-tile:hover,.store-tile button:hover{transform:none}}
@media (forced-colors:active){.store-mock-badge,.store-tile--mock{border:2px solid ButtonText}.store-tile button:focus-visible{outline-color:Highlight}}