/* Public New design only. The original profile and dashboard embed keep their own styles. */
.supplier-profile-layout { --profile-ink:#172b3e; --profile-muted:#687784; --profile-rule:#dfe6eb; --profile-accent:#175b9a; --profile-gutter:clamp(1.25rem,2.5vw,3rem); background:#f5f7f9; color:var(--profile-ink); }
.supplier-profile-layout .navbar-container .container,
.supplier-profile-layout footer > .container { width:100%; max-width:none; padding-inline:var(--profile-gutter); }
.supplier-profile-container { padding-inline:var(--profile-gutter); }
.supplier-profile-header { background:#fff; border-bottom:1px solid var(--profile-rule); padding:1.125rem 0 1.75rem; }
.supplier-profile-back { display:inline-flex; align-items:center; gap:.5rem; color:var(--profile-muted); text-decoration:none; font-size:.8125rem; margin-bottom:1.25rem; }
.supplier-profile-back i { font-size:.625rem; }
.supplier-profile-intro { display:grid; grid-template-columns:minmax(0,1fr) 260px; gap:2.5rem; align-items:center; }
.supplier-profile-identity { display:grid; grid-template-columns:92px minmax(0,1fr); align-items:center; gap:1.25rem 1.5rem; }
.supplier-profile-logo { width:92px; height:92px; border:1px solid var(--profile-rule); border-radius:8px; background:#fff; display:flex; align-items:center; justify-content:center; padding:10px; color:#728797; font-size:2rem; }
.supplier-profile-logo img { width:100%; height:100%; object-fit:contain; }
.supplier-profile-eyebrow { display:block; font-size:.8125rem; color:var(--profile-muted); margin-bottom:.375rem; }
.supplier-profile-name { min-width:0; }
.supplier-profile-name h1 { font-size:clamp(1.5rem,2.1vw,2rem); line-height:1.2; letter-spacing:-.025em; font-weight:650; margin:0 0 .75rem; overflow-wrap:anywhere; }
.supplier-profile-meta { display:flex; align-items:center; flex-wrap:wrap; gap:.625rem 1rem; font-size:.875rem; color:var(--profile-muted); }
.supplier-profile-meta > span { display:inline-flex; align-items:center; gap:.375rem; }
.supplier-profile-tier { padding:.25rem .5rem; border-radius:4px; background:#edf2f6; color:#355164; font-size:.75rem; font-weight:600; }
.supplier-profile-tier-diamond { background:#eaf2f7; color:#215571; }
.supplier-profile-tier-gold { background:#f8f1df; color:#785917; }
.supplier-profile-tier-silver { background:#f0f2f4; color:#596471; }
.supplier-profile-verified { color:#287357; font-size:.8125rem; }
.supplier-profile-facts { grid-column:2; display:flex; flex-wrap:wrap; gap:1rem 2.25rem; margin:0; }
.supplier-profile-facts > div + div { border-inline-start:1px solid var(--profile-rule); padding-inline-start:2.25rem; }
.supplier-profile-facts dt { font-size:.75rem; font-weight:400; color:var(--profile-muted); margin-bottom:.25rem; }
.supplier-profile-facts dd { font-size:.9375rem; font-weight:600; margin:0; }
.supplier-profile-contact { display:flex; flex-direction:column; align-items:stretch; gap:.375rem; border-inline-start:1px solid var(--profile-rule); padding-inline-start:1.5rem; min-width:0; }
.supplier-profile-contact-label { color:var(--profile-muted); font-size:.75rem; }
.supplier-profile-contact > strong { font-size:.9375rem; font-weight:600; margin-bottom:.25rem; }
.supplier-profile-contact-button { display:flex; align-items:center; justify-content:center; gap:.5rem; color:#fff; background:var(--profile-accent); border:1px solid var(--profile-accent); font-size:.875rem; min-height:42px; border-radius:5px; }
.supplier-profile-contact-button:hover { background:#104778; color:#fff; }
.supplier-profile-products-link { display:flex; align-items:center; justify-content:center; gap:.5rem; font-size:.8125rem; color:var(--profile-accent); text-decoration:none; padding:.375rem 0; }
.supplier-profile-products-link > span { color:var(--profile-muted); }
.supplier-profile-products-link i { font-size:.6875rem; }
.supplier-profile-email { text-align:center; color:var(--profile-muted); text-decoration:none; font-size:.75rem; overflow-wrap:anywhere; }
.supplier-profile-layout a:focus-visible,.supplier-profile-layout button:focus-visible { outline:2px solid var(--profile-accent); outline-offset:3px; }
.supplier-profile-layout .supplier-profile-content { padding:0 var(--profile-gutter) 2.5rem; margin-top:0 !important; }
.supplier-profile-layout .profile-section { background:#fff; border:1px solid var(--profile-rule); border-radius:7px; box-shadow:none; padding:1.25rem; margin-bottom:1.25rem; min-width:0; }
.supplier-profile-layout .profile-tabs-shell { padding:0; border:0; border-radius:0; background:transparent; margin-bottom:0; }
.supplier-profile-layout #companyProfileTabs { display:flex; flex-wrap:nowrap; overflow-x:auto; scrollbar-width:thin; gap:1.75rem; padding:0; margin:0 0 1.5rem; border-bottom:1px solid #ccd7df; }
.supplier-profile-layout #companyProfileTabs > .nav-item { flex:0 0 auto; }
.supplier-profile-layout #companyProfileTabs .nav-link { display:flex; align-items:center; padding:1.125rem 0 .9375rem; font-size:.9375rem; font-weight:500; color:var(--profile-muted); border:0; border-bottom:3px solid transparent; border-radius:0; background:transparent; white-space:nowrap; }
.supplier-profile-layout #companyProfileTabs .nav-link > i { display:none; }
.supplier-profile-layout #companyProfileTabs .nav-link:hover { color:var(--profile-accent); }
.supplier-profile-layout #companyProfileTabs .nav-link.active { color:var(--profile-accent); border-bottom-color:var(--profile-accent); font-weight:650; }
.supplier-profile-layout .supplier-product-count { background:#e6edf3; border-radius:4px; padding:.1rem .375rem; color:#4c6477; margin-inline-start:.5rem; opacity:1; }
.supplier-profile-layout .section-title { display:flex; align-items:center; gap:.5rem; font-size:1.0625rem; font-weight:600; color:var(--profile-ink); padding-bottom:.875rem; margin:0 0 .25rem; border-bottom:1px solid var(--profile-rule); }
.supplier-profile-layout .section-title > i { font-size:.8125rem; color:#7b8b98 !important; }
.supplier-profile-layout .info-row { display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); gap:1rem; align-items:baseline; padding:.75rem 0; margin:0; border-bottom:1px solid #edf1f4; }
.supplier-profile-layout .info-row:last-child { border-bottom:0; }
.supplier-profile-layout .info-label { color:var(--profile-muted); font-size:.8125rem; font-weight:400; line-height:1.5; margin:0; }
.supplier-profile-layout .info-value { color:var(--profile-ink); font-size:.9375rem; line-height:1.6; min-width:0; overflow-wrap:anywhere; }
.supplier-profile-layout .info-value a { color:var(--profile-accent); }
.supplier-profile-layout .badge-list { display:flex; flex-wrap:wrap; gap:.375rem; }
.supplier-profile-layout .info-row .badge-list .badge { color:#3e5668 !important; background:#f0f4f7 !important; border:1px solid #e3eaf0; border-radius:4px; padding:.3125rem .5rem; font-size:.8125rem; font-weight:400; line-height:1.4; white-space:normal; text-align:start; }
.supplier-profile-layout #info > div { display:grid; grid-template-columns:minmax(0,1.8fr) minmax(300px,1fr); gap:1.25rem; align-items:stretch; }
.supplier-profile-layout #info > div > .profile-section { margin:0; }
.supplier-profile-layout .profile-products > .row { display:block; }
.supplier-profile-layout .profile-products > .row > .col-md-6 { width:100%; }
.supplier-profile-layout .profile-products .info-row { grid-template-columns:1fr; gap:.375rem; }
.supplier-profile-layout .profile-advantages { grid-column:1/-1; }
.supplier-profile-layout .profile-prose > .info-value { padding-top:1rem; max-width:1200px; }
.supplier-profile-layout .profile-prose p:last-child { margin-bottom:0; }
.supplier-profile-layout .profile-advantages > .info-value > ul { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1.25rem 2.5rem; padding-inline-start:1.125rem; margin:0; }
.supplier-profile-layout .profile-prose li::marker { color:#8b9aa5; }
.supplier-profile-layout #products > .supplier-catalog { padding:0; }
.supplier-profile-layout .supplier-catalog-heading { margin-bottom:1.25rem; }
.supplier-profile-layout #certificates .card { border-color:var(--profile-rule); border-radius:6px; box-shadow:none; }
.supplier-profile-layout #certificates .btn-outline-success { color:var(--profile-accent); border-color:#afc5d8; }
.supplier-profile-layout #certificates .btn-outline-success:hover { color:#fff; background:var(--profile-accent); }
.supplier-profile-layout #certificates .badge { white-space:normal; text-align:start; line-height:1.4; }
.supplier-profile-layout #media :is(video,img) { max-width:100%; }
[dir="rtl"] .supplier-profile-back i,[dir="rtl"] .supplier-profile-products-link > i { transform:rotate(180deg); }
@media (max-width:1199.98px) {
    .supplier-profile-layout #info > div { grid-template-columns:minmax(0,1fr); }
    .supplier-profile-layout .profile-products > .row { display:flex; }
    .supplier-profile-layout .profile-products > .row > .col-md-6 { width:50%; }
}
@media (max-width:767.98px) {
    .supplier-profile-intro { grid-template-columns:minmax(0,1fr); gap:1.5rem; }
    .supplier-profile-identity { grid-template-columns:68px minmax(0,1fr); gap:1rem; }
    .supplier-profile-logo { width:68px; height:68px; padding:7px; }
    .supplier-profile-name h1 { font-size:1.5rem; }
    .supplier-profile-facts { grid-column:1/-1; gap:1rem 1.5rem; }
    .supplier-profile-facts > div + div { padding-inline-start:1.5rem; }
    .supplier-profile-contact { border-inline-start:0; border-top:1px solid var(--profile-rule); padding:1rem 0 0; align-items:flex-start; }
    .supplier-profile-contact-button { padding-inline:1.25rem; }
    .supplier-profile-products-link,.supplier-profile-email { text-align:start; }
    .supplier-profile-layout #companyProfileTabs { gap:1.25rem; margin-bottom:1.125rem; }
    .supplier-profile-layout #companyProfileTabs .nav-link { font-size:.875rem; padding-top:1rem; }
    .supplier-profile-layout .profile-section:not(.profile-tabs-shell) { padding:1rem; }
    .supplier-profile-layout .profile-products > .row > .col-md-6 { width:100%; }
    .supplier-profile-layout .profile-advantages > .info-value > ul { grid-template-columns:1fr; }
}
