/* PasarSupplier.com — public directory + admin (Bootstrap 5.3 on top) */
:root {
    --ps-navy: #0b3d6e;
    --ps-navy-dark: #072a4d;
    --ps-blue: #0b63c5;
    --ps-ink: #1b2533;
    --ps-muted: #5b6878;
    --ps-line: #e3e8ef;
    --ps-surface: #f5f7fa;
    --ps-wa: #12823b;
    --ps-wa-dark: #0c662e;
    --bs-primary: var(--ps-blue);
    --bs-primary-rgb: 11, 99, 197;
    --bs-link-color: var(--ps-blue);
    --bs-link-color-rgb: 11, 99, 197;
    --bs-link-hover-color: var(--ps-navy);
    --bs-body-color: var(--ps-ink);
    --bs-body-font-family: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
    --bs-border-color: var(--ps-line);
}

body.ps-body { background: #fff; font-size: 0.975rem; }
.ps-skip { position: absolute; z-index: 1100; top: 8px; left: 8px; padding: 8px 12px; background: #fff; }
.min-w-0 { min-width: 0; }

.btn-primary {
    --bs-btn-bg: var(--ps-blue); --bs-btn-border-color: var(--ps-blue);
    --bs-btn-hover-bg: var(--ps-navy); --bs-btn-hover-border-color: var(--ps-navy);
    --bs-btn-active-bg: var(--ps-navy-dark); --bs-btn-active-border-color: var(--ps-navy-dark);
}
.btn-outline-primary {
    --bs-btn-color: var(--ps-blue); --bs-btn-border-color: var(--ps-blue);
    --bs-btn-hover-bg: var(--ps-blue); --bs-btn-hover-border-color: var(--ps-blue);
    --bs-btn-active-bg: var(--ps-navy); --bs-btn-active-border-color: var(--ps-navy);
}
.btn-whatsapp {
    --bs-btn-color: #fff; --bs-btn-bg: var(--ps-wa); --bs-btn-border-color: var(--ps-wa);
    --bs-btn-hover-color: #fff; --bs-btn-hover-bg: var(--ps-wa-dark); --bs-btn-hover-border-color: var(--ps-wa-dark);
    --bs-btn-active-color: #fff; --bs-btn-active-bg: var(--ps-wa-dark); --bs-btn-active-border-color: var(--ps-wa-dark);
    font-weight: 600;
}
.btn-whatsapp .bi { margin-right: .35rem; }

/* Header */
.ps-header { background: #fff; border-bottom: 1px solid var(--ps-line); position: sticky; top: 0; z-index: 1030; }
.ps-header .navbar { padding: .65rem 0; }
.ps-header .nav-link { font-weight: 500; color: var(--ps-ink); }
.ps-header .nav-link.active, .ps-header .nav-link:hover { color: var(--ps-blue); }
.ps-brand { display: inline-flex; align-items: center; gap: .55rem; color: var(--ps-navy); font-size: 1.2rem; text-decoration: none; letter-spacing: -.01em; }
.ps-brand:hover { color: var(--ps-navy); }
.ps-brand strong { font-weight: 800; }
.ps-brand small { font-size: .75em; color: var(--ps-muted); font-weight: 500; }
.ps-brand-mark { display: inline-grid; place-items: center; width: 34px; height: 34px; border-radius: 8px; background: var(--ps-navy); color: #fff; font-size: 1rem; }
.ps-brand-light, .ps-brand-light:hover { color: #fff; }
.ps-brand-light small { color: rgba(255,255,255,.7); }
.ps-brand-light .ps-brand-mark { background: #fff; color: var(--ps-navy); }
.ps-nav-search { position: relative; flex: 1 1 auto; max-width: 460px; }
.ps-nav-search .bi { position: absolute; left: 12px; top: 50%; transform: translateY(-50%); color: var(--ps-muted); }
.ps-nav-search .form-control { padding-left: 36px; background: var(--ps-surface); border-color: transparent; }
.ps-nav-search .form-control:focus { background: #fff; }

.ps-breadcrumb { padding-top: 1rem; font-size: .875rem; }
.ps-breadcrumb .breadcrumb { margin-bottom: 0; flex-wrap: nowrap; overflow: hidden; }
.ps-breadcrumb .breadcrumb-item { white-space: nowrap; }
.ps-breadcrumb .breadcrumb-item:not(.active) { flex-shrink: 0; }
.ps-breadcrumb .breadcrumb-item.active { overflow: hidden; text-overflow: ellipsis; min-width: 0; }
/* Phones: only a "‹ parent" back link; the full trail stays in the JSON-LD. */
@media (max-width: 575.98px) {
    .ps-breadcrumb .breadcrumb-item:not(:nth-last-child(2)) { display: none; }
    .ps-breadcrumb .breadcrumb-item:nth-last-child(2) { padding-left: 0; }
    .ps-breadcrumb .breadcrumb-item:nth-last-child(2)::before { content: "‹"; float: none; padding-right: .35rem; color: var(--ps-muted); }
}

/* Search-led homepage */
.ps-hero { background: #f7f9fc; color: var(--ps-ink); padding: 4.5rem 0 3rem; border-bottom: 1px solid var(--ps-line); }
.ps-eyebrow { letter-spacing: .05em; font-size: .8rem; font-weight: 600; color: var(--ps-blue); margin-bottom: 1rem; }
.ps-hero-title { font-size: clamp(2rem, 4.2vw, 3.1rem); font-weight: 750; letter-spacing: -.035em; line-height: 1.18; color: var(--ps-navy-dark); max-width: 720px; margin: 0 auto; }
.ps-hero-lead { font-size: 1.05rem; color: var(--ps-muted); margin: 1.2rem auto 2rem; max-width: 600px; line-height: 1.65; }
.ps-hero-search { position: relative; display: flex; align-items: center; gap: .5rem; max-width: 900px; margin: 0 auto; background: #fff; padding: .55rem; border: 1px solid #cbd6e3; border-radius: 12px; box-shadow: 0 4px 16px rgba(11,61,110,.05); }
.ps-hero-keyword { position: relative; flex: 1 1 0; min-width: 0; }
.ps-hero-keyword > .bi, .ps-hero-location > .bi { position: absolute; left: .8rem; top: 50%; transform: translateY(-50%); color: var(--ps-muted); pointer-events: none; }
.ps-hero-search .form-control { border: 0; padding-left: 2.3rem; font-size: 1rem; }
.ps-hero-location { position: relative; flex: 0 1 230px; min-width: 0; border-left: 1px solid var(--ps-line); }
.ps-hero-location .form-select { border: 0; padding: .75rem 2rem .75rem 2.25rem; font-size: .9rem; box-shadow: none; }
.ps-hero-search .form-control:focus-visible, .ps-hero-location .form-select:focus-visible { outline: 2px solid var(--ps-blue); outline-offset: -2px; }
.ps-hero-search > .btn { flex-shrink: 0; font-size: .95rem; padding: .8rem 1.25rem; }
/* Empty-state search elsewhere uses the original single-field markup. */
.ps-hero-search > .bi { position: absolute; left: 1.1rem; top: 50%; transform: translateY(-50%); color: var(--ps-muted); }
.ps-hero-search > .form-control { padding-left: 2.6rem; }
.ps-empty .ps-hero-search { box-shadow: none; max-width: 560px; }
.ps-hero-stats { display: flex; flex-wrap: wrap; justify-content: center; gap: .5rem 2rem; margin: 1.5rem 0 0; color: var(--ps-muted); font-size: .875rem; }
.ps-hero-stats strong { color: var(--ps-navy); }
.ps-popular-searches { display: flex; flex-wrap: wrap; justify-content: center; align-items: baseline; gap: .6rem; margin-top: 1rem; }

/* Sections */
.ps-section { padding: 3.25rem 0; }
.ps-section-alt { background: var(--ps-surface); }
.ps-section-head { display: flex; justify-content: space-between; align-items: baseline; gap: 1rem; margin-bottom: 1.25rem; flex-wrap: wrap; }
.ps-section-head h2 { font-size: 1.45rem; font-weight: 700; margin: 0; }
.ps-section-head a { font-weight: 500; text-decoration: none; }
.ps-page-head { padding: 1.25rem 0 1.5rem; }
.ps-page-head h1 { font-size: clamp(1.5rem, 3vw, 2rem); font-weight: 750; letter-spacing: -.01em; margin-bottom: .25rem; }
.ps-h2 { font-size: 1.15rem; font-weight: 700; margin-bottom: 1rem; }
.ps-meta { color: var(--ps-muted); font-size: .875rem; }
.ps-lead { font-size: 1.02rem; color: #37424f; }
.ps-prose { line-height: 1.7; overflow-wrap: anywhere; }

/* Cards */
.ps-card { border: 1px solid var(--ps-line); border-radius: 12px; box-shadow: none; transition: border-color .15s, box-shadow .15s; }
.ps-supplier-card:hover, .ps-product-card:hover { border-color: #b9cde6; box-shadow: none; }
.ps-card-title { font-size: 1rem; font-weight: 650; line-height: 1.35; overflow-wrap: anywhere; }
.ps-card-title a { color: var(--ps-ink); text-decoration: none; }
.ps-card-text { color: #4a5563; font-size: .9rem; margin-bottom: 1rem; overflow-wrap: anywhere; }
.ps-clamp-2 { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.ps-logo { width: 56px; height: 56px; border-radius: 10px; border: 1px solid var(--ps-line); object-fit: contain; background: #fff; flex-shrink: 0; }
.ps-logo-lg { width: 96px; height: 96px; font-size: 1.8rem; }
.ps-logo-initials { display: inline-grid; place-items: center; background: #e9f1fb; color: var(--ps-navy); font-weight: 700; border-color: #d4e3f5; }
.ps-badge-verified { display: inline-flex; align-items: center; gap: .25rem; font-size: .75rem; font-weight: 600; color: #0a6b3a; background: #e3f6ea; border-radius: 999px; padding: .15rem .55rem; vertical-align: middle; white-space: nowrap; }
.ps-product-thumb { aspect-ratio: 4 / 3; background: var(--ps-surface); display: grid; place-items: center; border-radius: 12px 12px 0 0; overflow: hidden; color: #aab6c4; font-size: 2.2rem; }
.ps-product-thumb img { width: 100%; height: 100%; object-fit: contain; background: #fff; }
.ps-category-tile { display: flex; flex-direction: column; gap: .25rem; height: 100%; padding: 1rem 1.1rem; border: 1px solid var(--ps-line); border-radius: 12px; text-decoration: none; color: var(--ps-ink); background: #fff; transition: border-color .15s, background .15s; }
.ps-category-tile:hover { border-color: var(--ps-blue); background: #f4f8fd; color: var(--ps-ink); }
.ps-category-name { font-weight: 600; }
.ps-chips { display: flex; flex-wrap: wrap; gap: .4rem; }
.ps-chips a { display: inline-block; padding: .25rem .7rem; border-radius: 999px; background: #eef3f9; color: var(--ps-navy); font-size: .85rem; text-decoration: none; }
.ps-chips a:hover { background: #dde8f5; }
.ps-chips span { color: var(--ps-muted); }

/* Category icons (image-less products and tiles). Pairs keep the icon at >= 4.5:1 on its tint. */
.ps-cat-icon { display: inline-grid; place-items: center; width: 36px; height: 36px; border-radius: 10px; font-size: 1.05rem; flex-shrink: 0; }
.ps-cat-icon-lg { width: 48px; height: 48px; border-radius: 12px; font-size: 1.4rem; }
.ps-tint-0 { background: #eef3f9; color: var(--ps-navy); }
.ps-tint-1 { background: #eef3f9; color: var(--ps-navy); }
.ps-tint-2 { background: #eef3f9; color: var(--ps-navy); }
.ps-tint-3 { background: #eef3f9; color: var(--ps-navy); }
.ps-tint-4 { background: #eef3f9; color: var(--ps-navy); }
.ps-tint-5 { background: #eef3f9; color: var(--ps-navy); }
.ps-cat-label { font-size: .75rem; font-weight: 600; color: var(--ps-muted); text-transform: uppercase; letter-spacing: .04em; line-height: 1.2; }
.ps-clamp-3 { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.ps-product-card-text .ps-card-title { font-size: .95rem; }
.ps-category-tile-icon { display: grid; grid-template-columns: auto 1fr; column-gap: .75rem; align-items: center; }
.ps-category-tile-icon .ps-cat-icon { grid-row: span 2; }

/* Active directory filters */
.ps-active-filters { display: flex; flex-wrap: wrap; align-items: center; gap: .4rem; margin-bottom: 1rem; }
.ps-active-filters a.ps-filter-chip { display: inline-flex; align-items: center; gap: .35rem; padding: .25rem .5rem .25rem .75rem; border-radius: 999px; background: #e7f0fb; color: var(--ps-navy); font-size: .85rem; text-decoration: none; }
.ps-active-filters a.ps-filter-chip:hover { background: #d4e3f5; }
.ps-filter-toggle { display: flex; justify-content: space-between; align-items: center; width: 100%; }

/* CTA */
.ps-cta { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 1.5rem; padding: 2.25rem; border-radius: 16px; background: var(--ps-navy); color: #fff; }
.ps-cta h2 { font-size: 1.4rem; font-weight: 700; }
.ps-cta p { color: rgba(255,255,255,.8); max-width: 640px; }

/* Directory */
.ps-filter { border-radius: 12px; }
.ps-filter .form-label { font-weight: 600; font-size: .85rem; }
.ps-empty { text-align: center; padding: 3rem 1rem; border: 1px dashed var(--ps-line); border-radius: 12px; color: var(--ps-muted); }
.ps-empty > .bi { font-size: 2rem; display: block; margin-bottom: .5rem; color: #aab6c4; }

/* Profile + product */
.ps-profile { border-radius: 14px; margin-top: 1rem; }
.ps-profile-name { font-size: clamp(1.4rem, 3vw, 1.9rem); font-weight: 750; letter-spacing: -.01em; margin-bottom: .35rem; overflow-wrap: anywhere; }
.ps-contact-list dt { font-size: .8rem; font-weight: 600; color: var(--ps-muted); margin-top: .75rem; }
.ps-contact-list dt:first-child { margin-top: 0; }
.ps-contact-list dd { margin: .15rem 0 0; overflow-wrap: anywhere; }
.ps-sticky { position: sticky; top: 88px; }
.ps-product-image { aspect-ratio: 1; background: var(--ps-surface); border-radius: 12px; display: grid; place-items: center; overflow: hidden; color: #aab6c4; font-size: 4rem; }
.ps-product-image img { width: 100%; height: 100%; object-fit: contain; background: #fff; }
.ps-product-name { font-size: clamp(1.35rem, 2.8vw, 1.75rem); font-weight: 750; margin: .25rem 0 .5rem; overflow-wrap: anywhere; }
.ps-eyebrow-link { font-size: .8rem; font-weight: 600; text-transform: uppercase; letter-spacing: .05em; text-decoration: none; }
.ps-attributes { display: grid; grid-template-columns: auto 1fr; gap: .35rem 1.25rem; margin: 1rem 0; font-size: .925rem; }
.ps-attributes dt { color: var(--ps-muted); font-weight: 500; }
.ps-attributes dd { margin: 0; }

/* Company registration form */
.ps-step { font-size: .75rem; font-weight: 600; text-transform: uppercase; letter-spacing: .06em; color: var(--ps-muted); margin-bottom: .25rem; }
.ps-required { display: inline-block; margin-left: .25rem; padding: .05rem .45rem; border-radius: 999px; background: #fdecec; color: #a4262c; font-size: .7rem; font-weight: 600; vertical-align: middle; }
.ps-register-form .form-label { font-weight: 600; font-size: .9rem; }
.ps-hp { position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; }
.ps-captcha { max-width: 100%; height: auto; border: 1px solid var(--ps-line); border-radius: 8px; }
.ps-benefits { list-style: none; padding: 0; margin: 0; }
.ps-benefits li { display: flex; gap: .5rem; margin-bottom: .6rem; }
.ps-benefits .bi { color: #0a6b3a; }

/* Checkbox grid (categories), claim box, location lists */
.ps-check-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: .35rem 1rem; }
.ps-claim { border: 1px dashed #b9cde6; border-radius: 12px; padding: 1rem 1.1rem; background: #f4f8fd; }
.ps-location-list { columns: 3 220px; column-gap: 2rem; margin: 0; }
.ps-location-list li { display: flex; justify-content: space-between; gap: .75rem; padding: .35rem 0; border-bottom: 1px solid var(--ps-line); break-inside: avoid; }
.ps-location-list a { text-decoration: none; font-weight: 500; }
.ps-location-list-compact { columns: 1; }
.ps-h1-sub { font-weight: 500; color: var(--ps-muted); }
.ps-steps { padding-left: 1.2rem; }
.ps-steps li { margin-bottom: .4rem; }
.ps-bulk-bar { position: sticky; top: 0; z-index: 5; background: var(--ps-surface); padding: .35rem 0; }

/* Search suggestions */
.ps-suggest { position: absolute; top: calc(100% + 6px); left: 0; right: 0; z-index: 1050; background: #fff; border: 1px solid var(--ps-line); border-radius: 12px; box-shadow: 0 12px 32px rgba(11,61,110,.14); padding: .35rem 0; text-align: left; max-height: 70vh; overflow-y: auto; }
.ps-suggest-group { padding: .45rem 1rem .2rem; font-size: .72rem; font-weight: 600; text-transform: uppercase; letter-spacing: .06em; color: var(--ps-muted); }
.ps-suggest-item { display: flex; justify-content: space-between; align-items: baseline; gap: 1rem; padding: .45rem 1rem; color: var(--ps-ink); text-decoration: none; cursor: pointer; }
.ps-suggest-item span:first-child { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; min-width: 0; }
.ps-suggest-item small { color: var(--ps-muted); flex-shrink: 0; }
.ps-suggest-item[aria-selected="true"], .ps-suggest-item:hover { background: #eef3f9; color: var(--ps-ink); }
.ps-suggest mark { background: none; padding: 0; font-weight: 700; color: inherit; }

/* Mobile contact bar (supplier + product pages) */
.ps-contact-bar { position: fixed; left: 0; right: 0; bottom: 0; z-index: 1040; display: flex; gap: .5rem; padding: .6rem 16px calc(.6rem + env(safe-area-inset-bottom)); background: #fff; border-top: 1px solid var(--ps-line); box-shadow: 0 -6px 18px rgba(0,0,0,.08); }
.ps-contact-bar .btn { flex: 1 1 0; font-weight: 600; white-space: nowrap; }
.ps-contact-bar-spacer { height: 72px; background: var(--ps-navy-dark); }

/* Floating WhatsApp */
.ps-wa-float { position: fixed; right: 18px; bottom: 18px; z-index: 1040; display: inline-flex; align-items: center; gap: .5rem; padding: .8rem 1.1rem; border-radius: 999px; background: var(--ps-wa); color: #fff; font-weight: 600; text-decoration: none; box-shadow: 0 8px 24px rgba(0,0,0,.2); }
.ps-wa-float:hover, .ps-wa-float:focus { background: var(--ps-wa-dark); color: #fff; }
.ps-wa-float .bi { font-size: 1.35rem; line-height: 1; }
@media (max-width: 575.98px) {
    .ps-wa-float span { display: none; }
    .ps-wa-float { padding: .9rem; }
    .ps-hero { padding: 3rem 0 2.5rem; }
    .ps-hero-search .btn { padding-left: 1rem; padding-right: 1rem; }
    .ps-hero-search:has(.ps-hero-keyword) { flex-wrap: wrap; }
    .ps-hero-keyword { flex-basis: 100%; }
    .ps-hero-location { flex: 1 1 0; border-left: 0; border-top: 1px solid var(--ps-line); }
    .ps-hero-search .form-control-lg { padding-top: .75rem; padding-bottom: .75rem; }
    .ps-hero-search > .btn { font-size: .85rem; padding: .8rem 1rem; }
    .ps-hero-stats { gap: .5rem 1rem; }
    .ps-cta { padding: 1.5rem; }
}

/* Footer */
.ps-footer { background: var(--ps-navy-dark); color: rgba(255,255,255,.75); padding: 3rem 0 1.5rem; margin-top: 2rem; font-size: .925rem; }
.ps-footer a { color: rgba(255,255,255,.85); text-decoration: none; }
.ps-footer a:hover { color: #fff; text-decoration: underline; }
.ps-footer-title { font-size: .8rem; text-transform: uppercase; letter-spacing: .08em; color: #fff; font-weight: 600; margin-bottom: .75rem; }
.ps-footer li { margin-bottom: .4rem; }
.ps-footer-bottom { border-top: 1px solid rgba(255,255,255,.12); margin: 2rem 0 0; padding-top: 1.25rem; font-size: .825rem; }

/* Admin */
.ps-admin-body { background: var(--ps-surface); }
.ps-admin-nav { background: var(--ps-navy); }
.ps-admin-nav .nav-link { color: rgba(255,255,255,.8); }
.ps-admin-nav .nav-link.active, .ps-admin-nav .nav-link:hover { color: #fff; }
.ps-admin-table td, .ps-admin-table th { vertical-align: middle; }
.ps-thumb-sm { width: 40px; height: 40px; object-fit: contain; border: 1px solid var(--ps-line); border-radius: 6px; background: #fff; }

/* Supplier cards and desktop result rows */
.ps-supplier-card > .card-body { display: flex; flex-direction: column; gap: 1rem; padding: 1.25rem; }
.ps-supplier-identity { display: flex; align-items: flex-start; gap: .85rem; }
.ps-supplier-card .ps-meta { overflow-wrap: anywhere; }
.ps-supplier-content { flex: 1 1 auto; min-width: 0; }
.ps-supplier-actions { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: .6rem; margin-top: auto; }
.ps-product-preview { padding-top: .75rem; border-top: 1px solid var(--ps-line); }
.ps-preview-label { font-size: .75rem; font-weight: 600; color: var(--ps-muted); margin-bottom: .4rem; }
.ps-product-preview li { font-size: .85rem; line-height: 1.5; margin-top: .3rem; overflow-wrap: anywhere; }
.ps-product-preview a { text-decoration: none; }
.ps-product-preview a:hover { text-decoration: underline; }
.ps-supplier-results { display: grid; gap: 1rem; }
.ps-results-heading { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: .5rem; margin: 0 0 1rem; }
.ps-register-quiet { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 1.25rem; padding: 1.5rem 0; border-top: 1px solid var(--ps-line); }
.ps-register-quiet > div { flex: 1 1 400px; }
.ps-register-quiet h2 { font-size: 1.1rem; }
.ps-register-quiet p { color: var(--ps-muted); font-size: .9rem; max-width: 680px; }
.ps-profile-nav { display: flex; flex-wrap: wrap; gap: 1.5rem; padding: 1rem 0; border-bottom: 1px solid var(--ps-line); margin: .5rem 0 1rem; }
.ps-profile-nav a { text-decoration: none; font-weight: 600; font-size: .9rem; }
.ps-profile-nav span { color: var(--ps-muted); font-weight: 400; }
.ps-business-details { display: grid; gap: 1rem; }
.ps-business-details > div { display: grid; grid-template-columns: minmax(130px, 1fr) 2fr; gap: .75rem; }
.ps-business-details dt { color: var(--ps-muted); font-size: .875rem; font-weight: 500; }
.ps-business-details dd { margin: 0; font-size: .925rem; overflow-wrap: anywhere; }
.ps-company-photo img { display: block; width: 100%; max-height: 420px; object-fit: contain; background: var(--ps-surface); border: 1px solid var(--ps-line); border-radius: 12px; }
.ps-company-photo-preview { display: block; max-width: 220px; max-height: 130px; object-fit: contain; }
.ps-verification-note { border: 1px solid var(--ps-line); border-radius: 12px; padding: 1rem; }
#supplierOverview, #produk, #supplierContact { scroll-margin-top: 100px; }
@media (min-width: 1200px) {
    .ps-supplier-result > .card-body { display: grid; grid-template-columns: minmax(210px, 1fr) minmax(0, 1.5fr) 150px; align-items: start; gap: 1.5rem; }
    .ps-supplier-result .ps-supplier-actions { margin-top: 0; display: flex; flex-direction: column; align-items: flex-end; text-align: right; }
}
@media (max-width: 575.98px) {
    .ps-business-details > div { grid-template-columns: 1fr; gap: .25rem; }
    .ps-profile-nav { gap: .75rem 1rem; }
    .ps-supplier-result .ps-supplier-actions .btn { width: 100%; }
}
