/* SRRM Visual Redesign V1 — One owner for layout, navigation & user journeys.
 * Original PHP business rules, DB semantics, routes, /ap7 and Android remain intact.
 * The new shell is independent of the Bootstrap 3 navbar and 8-column layout.
 */
body.srrm-visual-v2{
 --v2-canvas:#f8fafc; --v2-ink:#0f172a; --v2-muted:#64748b;
 --v2-primary:#1e3a8a; --v2-primary-dark:#0f172a; --v2-accent:#d97706;
 --v2-line:#e2e8f0; --v2-card:#fff; --v2-soft:#f1f5f9;
 --v2-radius:20px; --v2-shadow:0 14px 44px rgba(15,23,42,.07);
 font-family:Cairo,Manrope,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
 background:var(--v2-canvas);color:var(--v2-ink);line-height:1.7;
 font-size:16px;text-align:start;overflow-x:clip;
}
body.srrm-visual-v2 *,body.srrm-visual-v2 *::before,body.srrm-visual-v2 *::after{box-sizing:border-box}
body.srrm-visual-v2 :is(h1,h2,h3,h4,h5){font-family:inherit;color:var(--v2-ink);line-height:1.42;overflow-wrap:anywhere}
body.srrm-visual-v2 :is(a,button,summary,select,input){-webkit-tap-highlight-color:transparent}
body.srrm-visual-v2 :is(a,button,summary,select,input,textarea):focus-visible{outline:3px solid #d97706;outline-offset:3px}
body.srrm-visual-v2 a{text-underline-offset:3px}
body.srrm-visual-v2 :is(input,textarea,select,button){font-family:inherit;font-size:15px}
body.srrm-visual-v2 :is(input,textarea,select){max-width:100%}
body.srrm-visual-v2 img{max-width:100%}
body.srrm-visual-v2 .srrm-site-header{position:relative;z-index:110;background:#fff;box-shadow:0 4px 22px rgba(15,23,42,.055);border-block-end:1px solid var(--v2-line);text-align:start}
.srrm-site-header__inner{max-width:1440px;margin-inline:auto;padding-inline:clamp(16px,3.25vw,52px);display:flex;align-items:center;gap:clamp(12px,2vw,34px);min-width:0}
.srrm-site-header__utility{background:#0f172a;color:#e2e8f0;min-height:36px}
.srrm-site-header__utility .srrm-site-header__inner{min-height:36px;justify-content:space-between}
.srrm-site-header__utility-message{font-size:12px;font-weight:600;letter-spacing:.012em}
.srrm-site-header__utility-links{display:flex;align-items:center;gap:18px;margin-inline-start:auto}
.srrm-site-header__utility-links a{color:#f1f5f9;font-size:12px;font-weight:750;text-decoration:none}
.srrm-site-header__utility-links a:hover{text-decoration:underline}
.srrm-site-header__primary{background:#fff}
.srrm-site-header__primary .srrm-site-header__inner{min-height:91px}
.srrm-site-brand{display:flex;gap:12px;align-items:center;flex:none;text-decoration:none!important;min-width:0}
.srrm-site-brand__symbol{width:48px;height:48px;display:grid;place-items:center;color:#fff;background:#1e3a8a;border-radius:15px;box-shadow:0 8px 19px rgba(30,58,138,.25);flex:none}
.srrm-site-brand__text{display:flex;flex-direction:column;gap:0;color:#15374b;white-space:nowrap}
.srrm-site-brand__text strong{font-size:23px;font-weight:900;line-height:1.35;letter-spacing:-.025em}
.srrm-site-brand__text small{color:#607a88;font-size:11px;font-weight:650;line-height:1.5;letter-spacing:.01em}
.srrm-site-header__nav{display:flex;align-items:center;gap:clamp(4px,0.8vw,14px);margin-inline:auto;min-width:0}
.srrm-site-header__nav-link{color:#2e485a!important;border-radius:12px;padding:9px 11px;font-size:13.5px;font-weight:800;white-space:nowrap;text-decoration:none!important;transition:background .15s,color .15s;display:inline-flex;align-items:center;gap:6px}
.srrm-site-header__nav-link i{font-size:14px;color:#0284c7;transition:color .15s}
.srrm-site-header__nav-link:hover,.srrm-site-header__nav-link:focus-visible{background:#eaf3f6;color:#0f516a!important}
.srrm-site-header__nav-link:hover i,.srrm-site-header__nav-link:focus-visible i{color:#0369a1}
.srrm-site-header__actions{display:flex;align-items:center;gap:10px;margin-inline-start:auto;min-width:0}
.srrm-market-picker{position:relative;flex:none;max-width:220px}
.srrm-market-picker summary{list-style:none;display:flex;align-items:center;gap:9px;border:1px solid #d9e5eb;border-radius:12px;padding:10px 13px;min-height:47px;color:#274556;cursor:pointer;font-size:14px;font-weight:800;max-width:220px;background:#f7fafb;user-select:none}
.srrm-market-picker summary::-webkit-details-marker,.srrm-site-header__menu summary::-webkit-details-marker{display:none}
.srrm-market-picker__pin{font-size:14px;color:#ce8c27}
.srrm-market-picker__name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.srrm-menu-chevron{font-size:20px;line-height:1;font-weight:700;color:#687f8d}
.srrm-market-picker--fixed{display:inline-flex;align-items:center;gap:8px;padding:9px 15px;min-height:47px;background:#f8fafc;border:1px solid #cbd5e1;border-radius:12px;font-weight:800;font-size:14px;color:#1e3a8a}
.srrm-market-picker--fixed .srrm-market-picker__pin{font-size:17px}
.srrm-market-picker[open] summary{background:#eaf3f6;border-color:#7ca4b5}
.srrm-market-picker__list{position:absolute;inset-block-start:calc(100% + 8px);inset-inline-end:0;width:min(260px,calc(100vw - 32px));max-height:320px;overflow-y:auto;overscroll-behavior:contain;border:1px solid var(--v2-line);border-radius:16px;padding:8px;background:#fff;box-shadow:0 22px 50px rgba(10,30,50,.18);display:grid;gap:2px;z-index:150}
.srrm-market-picker__list a{padding:9px 13px;min-height:41px;display:block;color:#263f51;text-decoration:none;border-radius:9px;font-size:14px;font-weight:700}
.srrm-market-picker__list a:hover,.srrm-market-picker__list a:focus-visible{background:#eaf3f6;color:#175a71}
.srrm-site-header__post{min-height:46px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:9px 17px;border-radius:12px;background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);color:#fff!important;text-decoration:none!important;white-space:nowrap;font-weight:900;font-size:13.5px;box-shadow:0 4px 14px rgba(245,158,11,.32);border:none;transition:transform .15s,box-shadow .15s,background .15s}
.srrm-site-header__post:hover{transform:translateY(-1px);box-shadow:0 6px 18px rgba(245,158,11,.45);background:linear-gradient(135deg,#fbbf24 0%,#d97706 100%)}
.srrm-site-header__post span{font-size:20px;line-height:1;font-weight:900}
.srrm-site-header__user-btn{display:inline-flex;align-items:center;gap:7px;padding:9px 14px;min-height:46px;border-radius:12px;background:#f8fafc;border:1px solid #cbd5e1;color:#1e293b!important;font-size:13.5px;font-weight:800;text-decoration:none!important;transition:background .15s,border-color .15s}
.srrm-site-header__user-btn:hover{background:#f1f5f9;border-color:#94a3b8;color:#0f172a!important}
.srrm-site-header__user-btn i{font-size:15px;color:#1e3a8a}
@media (max-width:992px){.srrm-site-header__user-btn{display:none!important}}
.srrm-site-header__menu{display:none;position:relative}
.srrm-site-header__menu:not([open]) nav{display:none!important}
.srrm-site-header__menu summary{width:47px;height:47px;display:flex;flex-direction:column;justify-content:center;gap:5px;align-items:center;border:1px solid var(--v2-line);border-radius:12px;cursor:pointer;background:#fff;list-style:none}
.srrm-site-header__menu summary span{display:block;width:21px;height:2px;border-radius:2px;background:#233c4b}
.srrm-site-header__menu nav{position:absolute;inset-block-start:calc(100% + 10px);inset-inline-end:0;width:min(320px,calc(100vw - 32px));max-height:calc(100vh - 100px);overflow-y:auto;overscroll-behavior:contain;background:#fff;border-radius:18px;border:1px solid var(--v2-line);padding:14px;box-shadow:0 22px 50px rgba(0,25,45,.22);z-index:160;display:flex;flex-direction:column;gap:12px;text-align:start}
.srrm-drawer-auth-block{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;padding:12px}
.srrm-drawer-user-info{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:850;color:#0f172a;margin-bottom:8px}
.srrm-drawer-user-actions{display:flex;flex-direction:column;gap:4px}
.srrm-drawer-user-actions a{font-weight:750;padding:8px 10px;border-radius:8px;text-decoration:none;color:#334155;font-size:13px;display:flex;align-items:center;gap:8px}
.srrm-drawer-user-actions a:hover{background:#edf5f8;color:#0f516a}
.srrm-drawer-logout{color:#dc2626!important}
.srrm-drawer-guest-actions{display:flex;gap:8px}
.srrm-drawer-btn-signin{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:6px;background:#175a71;color:#fff!important;padding:8px 10px;border-radius:10px;font-size:13px;font-weight:800;text-decoration:none!important}
.srrm-drawer-btn-signup{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:6px;background:#f1f5f9;color:#1e293b!important;padding:8px 10px;border-radius:10px;font-size:13px;font-weight:800;text-decoration:none!important;border:1px solid #cbd5e1}
.srrm-drawer-section{display:flex;flex-direction:column;gap:5px;border-top:1px solid #f1f5f9;padding-top:10px}
.srrm-drawer-section-heading{font-size:12px;font-weight:900;color:#64748b;letter-spacing:.02em;margin-bottom:4px;display:block}
.srrm-drawer-cats-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
.srrm-drawer-cats-grid a{display:flex;align-items:center;gap:7px;padding:8px 10px;border-radius:9px;background:#f8fafc;border:1px solid #e2e8f0;font-size:12px;font-weight:750;color:#1e293b;text-decoration:none}
.srrm-drawer-cats-grid a i{color:#0284c7;font-size:13px}
.srrm-drawer-cats-grid a:hover{background:#eaf3f6;border-color:#bae6fd}
.srrm-drawer-section > a{font-weight:800;padding:9px 11px;border-radius:10px;text-decoration:none;color:#264356;font-size:13px;display:flex;align-items:center;gap:9px}
.srrm-drawer-section > a:hover{background:#edf5f8;color:#0f516a}
.srrm-drawer-post-ad{background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%)!important;color:#fff!important;border-radius:10px!important;justify-content:center!important;margin:4px 0!important}
/* The original narrow columns and obsolete centered container are replaced by
 * an intentional 2-track layout. Ad rails stay visible and remain independent. */
body.srrm-visual-v2 > .container-fluid.text-center{max-width:1480px;width:100%;margin-inline:auto;padding:26px clamp(16px,3.4vw,52px) 52px;text-align:start}
body.srrm-visual-v2 > .container-fluid.text-center > .row{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,276px);column-gap:clamp(15px,2vw,28px);row-gap:20px;margin:0;align-items:start}
body.srrm-visual-v2 > .container-fluid.text-center > .row > :is(.srrm-search-suite, .srrm-search-panel){grid-column:1/-1!important;width:100%!important}
body.srrm-visual-v2 > .container-fluid.text-center > .row > .mainnav,
body.srrm-visual-v2 > .container-fluid.text-center > .row > .srrm-visual-main{grid-column:1;float:none!important;width:100%!important;max-width:none!important;min-width:0;margin:0;padding:0;background:transparent;border:none;border-radius:0;box-shadow:none;text-align:start}
body.srrm-visual-v2 > .container-fluid.text-center > .row > .sidenav{grid-column:2;float:none!important;width:100%!important;max-width:none!important;min-width:0;position:relative;margin:0;text-align:start;padding:12px;border-radius:17px;background:#fff;border:1px solid var(--v2-line)}
body.srrm-visual-v2 > .container-fluid.text-center > .row > .sidenav:is(:empty,.srrm-empty-rail){display:none!important}
body.srrm-visual-v2 > .container-fluid.text-center > .row:not(:has(.sidenav:not(.srrm-empty-rail):not(:empty))) > :is(.mainnav,.srrm-visual-main){grid-column:1/-1!important}
body.srrm-visual-v2 > .container-fluid.text-center > .row > .srrm-home{grid-column:1/-1}
body.srrm-visual-v2 > .container-fluid.text-center > .row > .srrm-home ~ .sidenav{grid-column:1/-1;display:flex;gap:14px;flex-wrap:wrap;justify-content:center;max-width:100%;border:none;background:transparent}
body.srrm-visual-v2 > .container-fluid.text-center > .row > :is(.srrm-publish-flow,.srrm-seller-hub,.srrm-myads-workspace,.srrm-admin-workspace){grid-column:1/-1}
body.srrm-visual-v2 > .container-fluid.text-center > .row > :is(.srrm-publish-flow,.srrm-seller-hub,.srrm-myads-workspace,.srrm-admin-workspace) ~ .sidenav{grid-column:1/-1;border:none;background:transparent}
body.srrm-visual-v2 .srrm-market-identity{display:none!important}
body.srrm-visual-v2 .srrm-public-surface .mainnav{background:transparent}
/* Home: wide editorial cover and genuinely full-width discovery, not col-sm-8. */
body.srrm-visual-v2 .srrm-home{display:flex;flex-direction:column;gap:28px}
body.srrm-visual-v2 .srrm-home-hero{position:relative;display:flex;flex-direction:column;gap:20px;border-radius:28px;padding:clamp(28px,4vw,56px);min-height:auto;overflow:hidden;background:linear-gradient(135deg,#0d2737 0%,#154359 52%,#1b5b75 100%);box-shadow:0 24px 60px rgba(10,45,65,.18);border:0;color:#fff}
body.srrm-visual-v2 .srrm-home-hero::before{content:"";position:absolute;width:480px;height:480px;border:1px solid rgba(255,255,255,.08);border-radius:50%;inset-inline-end:-120px;inset-block-start:-200px;pointer-events:none}
body.srrm-visual-v2 .srrm-home-hero__copy{position:relative;z-index:2;width:100%;max-width:100%;text-align:start}
body.srrm-visual-v2 .srrm-home-hero__search-wrap{width:100%;margin:20px 0 0}
body.srrm-visual-v2 .srrm-home-hero h1{font-size:clamp(30px,3.4vw,48px);font-weight:900;line-height:1.32;margin:5px 0 10px;color:white;letter-spacing:-.03em}
body.srrm-visual-v2 .srrm-home-hero .srrm-home-eyebrow{color:#bbedea;font-size:13px;font-weight:850;letter-spacing:.03em;margin:0}
body.srrm-visual-v2 .srrm-home-hero__lead{font-size:clamp(16px,1.5vw,21px);line-height:1.55;color:#e6f3f7;font-weight:700;margin:0 0 6px}
body.srrm-visual-v2 .srrm-home-hero__support{color:#d5e5ee;font-size:15px;line-height:1.85;max-width:660px;margin:0}
body.srrm-visual-v2 .srrm-home-hero__discovery{display:flex;gap:22px;flex-wrap:wrap;color:#e4f4f5;font-size:13px;font-weight:750;margin:16px 0 0}
body.srrm-visual-v2 .srrm-home-hero__discovery b{color:#f0bc61}
body.srrm-visual-v2 .srrm-home-hero__actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}
body.srrm-visual-v2 .srrm-home-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;font-size:15px;border-radius:13px;padding:12px 22px;font-weight:900;text-decoration:none!important;transition:transform .15s}
body.srrm-visual-v2 .srrm-home-btn:hover{transform:translateY(-2px)}
body.srrm-visual-v2 .srrm-home-btn--primary{background:#f7b24e;color:#182f3b!important;border:1px solid #f7b24e}
body.srrm-visual-v2 .srrm-home-btn--outline{background:transparent;color:white!important;border:1px solid rgba(255,255,255,.6)}
body.srrm-visual-v2 .srrm-home-hero__art{display:none}
body.srrm-visual-v2 .srrm-home-hero__circle{display:none}
body.srrm-visual-v2 .srrm-home-search{display:none}
body.srrm-visual-v2 .srrm-home-section{margin:0;border:1px solid #e5ebf1;background:#fff;border-radius:25px;padding:clamp(20px,2.6vw,34px);box-shadow:0 8px 28px rgba(22,44,67,.035)}
body.srrm-visual-v2 .srrm-home-section__head{display:flex;justify-content:space-between;align-items:end;gap:15px;flex-wrap:wrap;margin-bottom:20px}
body.srrm-visual-v2 .srrm-home-section__head h2{font-weight:900;font-size:clamp(22px,2vw,30px);line-height:1.35;margin:3px 0 0}
body.srrm-visual-v2 .srrm-home-section__head .srrm-home-eyebrow{color:#20748c;font-size:12px;font-weight:900;letter-spacing:.05em;margin:0}
body.srrm-visual-v2 .srrm-home-section__more{font-size:14px;color:#155d76;font-weight:800;text-decoration:none;padding:8px 13px;border-radius:10px;background:#eaf3f6}
body.srrm-visual-v2 .srrm-home-category-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:13px;padding:0;margin:0;list-style:none}
body.srrm-visual-v2 .srrm-home-category-grid li{min-width:0;list-style:none}
body.srrm-visual-v2 .srrm-home-category{display:flex;align-items:center;flex-direction:column;justify-content:center;gap:12px;min-height:150px;background:#f7f9fc;border-radius:16px;border:1px solid #e8edf3;color:#203e53;padding:17px 10px;text-decoration:none!important;transition:transform .18s,box-shadow .18s,border-color .18s}
body.srrm-visual-v2 a.srrm-home-category:hover{transform:translateY(-3px);background:#eff7f9;border-color:#a4c9d5;box-shadow:0 12px 27px rgba(22,65,84,.11)}
body.srrm-visual-v2 .srrm-home-category__icon{width:64px;height:64px;border-radius:17px;display:grid;place-items:center;flex:none;color:#145d73;background:#e5f0f5;font-size:27px}
body.srrm-visual-v2 .srrm-home-category__name{font-size:15px;line-height:1.55;white-space:normal;overflow-wrap:anywhere;text-align:center;font-weight:850}
body.srrm-visual-v2 .srrm-home-ad-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}
body.srrm-visual-v2 .srrm-home-ad-grid > *{min-width:0;border-radius:17px;box-shadow:0 6px 20px rgba(15,47,67,.05);transition:transform .18s,box-shadow .18s}
body.srrm-visual-v2 .srrm-home-ad-grid > *:hover{transform:translateY(-2px);box-shadow:0 14px 28px rgba(15,47,67,.1)}
body.srrm-visual-v2 .srrm-public-card__photo{object-fit:cover;background:#edf2f7}
body.srrm-visual-v2 .srrm-home-directory__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
body.srrm-visual-v2 .srrm-home-directory__market{border:1px solid var(--v2-line);border-radius:14px;min-width:0;background:#f7fafb;overflow:hidden}
body.srrm-visual-v2 .srrm-home-directory__market summary{padding:13px 16px;cursor:pointer;font-weight:850;font-size:15px;min-height:54px}
body.srrm-visual-v2 .srrm-home-directory__links{max-height:280px;overflow-y:auto;display:flex;flex-wrap:wrap;gap:5px;padding:12px;border-top:1px solid var(--v2-line);background:#fff}
body.srrm-visual-v2 .srrm-home-directory__links a{font-size:13px;font-weight:700;padding:5px 9px;border-radius:8px;background:#f1f6f8;text-decoration:none;color:#245469}
/* All search form journeys use the same field grid and native form semantics. */
body.srrm-visual-v2 .srrm-search-panel{padding:clamp(17px,2vw,30px);background:#fff;border:1px solid var(--v2-line);border-radius:21px;text-align:start;box-shadow:var(--v2-shadow);margin-bottom:20px}
body.srrm-visual-v2 .srrm-home-search .srrm-search-panel{border:0;box-shadow:none;margin:0}
body.srrm-visual-v2 .srrm-search-panel__intro{display:flex;gap:13px;align-items:center;margin-bottom:16px}
body.srrm-visual-v2 .srrm-search-panel__intro strong{font-size:18px;display:block;line-height:1.5;font-weight:900}
body.srrm-visual-v2 .srrm-search-panel__intro small{display:block;font-size:12px;color:#677d8e;line-height:1.6}
body.srrm-visual-v2 .srrm-search-panel__icon{flex:none;width:46px;height:46px;border-radius:14px;background:#e6f1f5;color:#155e78;display:grid;place-items:center;font-size:32px}
body.srrm-visual-v2 .search_form{width:100%;text-align:start;display:block}
body.srrm-visual-v2 .search_form .marge_l_r{margin:0!important;padding:0!important}
body.srrm-visual-v2 .search_form .row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:0 0 14px;align-items:center}
@media(max-width:991px){body.srrm-visual-v2 .search_form .row{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:575px){body.srrm-visual-v2 .search_form .row{grid-template-columns:minmax(0,1fr)}}
body.srrm-visual-v2 .search_form :is(.form-control:not(.select2-hidden-accessible),.select2-container,.select2-selection,.select2,.form_search_item:not(.select2-hidden-accessible)){width:100%!important;max-width:100%!important;min-width:0;min-height:48px!important;height:48px!important;border-radius:12px;font-size:14px!important;text-align:start}
body.srrm-visual-v2 .search_form .form-control{border:1px solid #dbe6ec;box-shadow:none;background:#f8fafb;color:#1b364b;padding:0 14px;line-height:46px}
body.srrm-visual-v2 .search_form .select2-container .select2-selection{border:1px solid #dbe6ec!important;display:flex!important;align-items:center!important;background:#f8fafb;height:48px!important;padding:0 12px!important}
body.srrm-visual-v2 .search_form .select2-container .select2-selection__rendered{width:100%;line-height:48px!important;font-size:14px!important;padding:0 24px 0 0!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
[dir="rtl"] body.srrm-visual-v2 .search_form .select2-container .select2-selection__rendered{padding:0 0 0 24px!important}
body.srrm-visual-v2 .search_form .select2-selection__arrow{height:48px!important;inset-inline-end:8px;top:0!important}
body.srrm-visual-v2 .search_form #srrm_search_mfg_wrapper{min-width:0;display:block}
body.srrm-visual-v2 .search_form .form-inline{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-top:6px}
body.srrm-visual-v2 .search_form button[type="submit"]{min-width:150px;min-height:46px;height:46px;padding:8px 24px;border-radius:12px;border:0;background:#175a71;color:#fff;font-weight:900;font-size:15px;box-shadow:0 3px 10px rgba(23,90,113,.2);cursor:pointer;transition:background .2s}
body.srrm-visual-v2 .search_form button[type="submit"]:hover{background:#0e4354}
body.srrm-visual-v2 .search_form .srrm-browse-clear{display:inline-flex;align-items:center;justify-content:center;min-height:46px;height:46px;border-radius:12px;border:1px solid #cfdee4;color:#244557;font-weight:800;padding:8px 18px;background:white;text-decoration:none}
body.srrm-visual-v2 .search_form .srrm-browse-clear:hover{background:#f1f6f8}
/* ==========================================================================
   Browse & Search Results Page — Modern Classifieds Edition
   ========================================================================== */
body.srrm-visual-v2 > .container-fluid.text-center > .row > .srrm-browse-page {
  grid-column: 1 / -1 !important;
  width: 100% !important;
  max-width: 100% !important;
}
body.srrm-visual-v2 > .container-fluid.text-center > .row > .srrm-browse-page ~ .sidenav {
  grid-column: 1 / -1 !important;
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
  justify-content: center;
  max-width: 100%;
  border: none !important;
  background: transparent !important;
  box-shadow: none !important;
  padding: 15px 0 !important;
  margin: 0 !important;
}
body.srrm-visual-v2 > .container-fluid.text-center > .row > .srrm-browse-page ~ .sidenav .well_h {
  margin: 0 !important;
  border: none !important;
  background: transparent !important;
}

/* Browse Unified Bar (Compact Modern Header) */
body.srrm-visual-v2 .srrm-browse-unified-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap;
  background: #ffffff;
  border: 1px solid var(--v2-line);
  border-radius: 16px;
  padding: 14px 20px;
  margin: 0 0 20px;
  box-shadow: 0 2px 10px rgba(10, 37, 64, 0.03);
}
body.srrm-visual-v2 .srrm-browse-unified-bar__info {
  display: flex;
  flex-direction: column;
  gap: 4px;
  text-align: start;
}
body.srrm-visual-v2 .srrm-browse-breadcrumbs {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 12.5px;
  font-weight: 700;
  color: #64748b;
}
body.srrm-visual-v2 .srrm-crumb-link {
  color: #0284c7;
  text-decoration: none !important;
  transition: color 0.15s ease;
}
body.srrm-visual-v2 .srrm-crumb-link:hover {
  color: #0369a1;
}
body.srrm-visual-v2 .srrm-crumb-sep {
  color: #cbd5e1;
}
body.srrm-visual-v2 .srrm-crumb-current {
  color: #1e293b;
  font-weight: 800;
}
body.srrm-visual-v2 .srrm-browse-title-wrap {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}
body.srrm-visual-v2 .srrm-browse-title {
  font-size: clamp(20px, 2.2vw, 26px);
  font-weight: 900;
  color: #0f172a;
  margin: 0;
  line-height: 1.3;
  letter-spacing: -0.02em;
}
body.srrm-visual-v2 .srrm-browse-count-pill {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 4px 12px;
  background: #e0f2fe;
  color: #0369a1;
  border-radius: 999px;
  font-size: 12.5px;
  font-weight: 850;
  white-space: nowrap;
}
body.srrm-visual-v2 .srrm-browse-count-pill i {
  color: #0284c7;
  font-size: 11px;
}
body.srrm-visual-v2 .srrm-browse-count-pill bdi {
  font-size: 14px;
  font-weight: 900;
}
body.srrm-visual-v2 .srrm-browse-unified-bar__actions {
  display: flex;
  align-items: center;
  gap: 14px;
  flex-wrap: wrap;
}
@media (max-width: 640px) {
  body.srrm-visual-v2 .srrm-browse-unified-bar {
    padding: 12px 14px;
    gap: 12px;
  }
  body.srrm-visual-v2 .srrm-browse-unified-bar__actions {
    width: 100%;
    justify-content: space-between;
  }
}

/* Quick Car Makes Strip (Automotive) */
body.srrm-visual-v2 .srrm-car-quick-chips-bar {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px 18px;
  background: #ffffff;
  border: 1px solid var(--v2-line);
  border-radius: 14px;
  margin: 0 0 20px;
  overflow-x: auto;
  white-space: nowrap;
  scrollbar-width: thin;
}
body.srrm-visual-v2 .srrm-quick-chip-label {
  font-size: 13px;
  font-weight: 800;
  color: #475569;
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
body.srrm-visual-v2 .srrm-quick-car-chip {
  display: inline-flex;
  align-items: center;
  padding: 6px 14px;
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 999px;
  color: #334155;
  font-size: 13px;
  font-weight: 750;
  text-decoration: none !important;
  transition: all 0.15s ease;
}
body.srrm-visual-v2 .srrm-quick-car-chip:hover {
  background: #e0f2fe;
  color: #0369a1;
  border-color: #bae6fd;
}
body.srrm-visual-v2 .srrm-quick-car-chip.is-active {
  background: #0284c7;
  color: #ffffff;
  border-color: #0284c7;
}


/* View Switcher */
body.srrm-visual-v2 .srrm-view-switcher {
  display: inline-flex;
  align-items: center;
  background: #f1f5f9;
  border-radius: 10px;
  padding: 3px;
  gap: 2px;
}
body.srrm-visual-v2 .srrm-view-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 32px;
  border-radius: 8px;
  border: none;
  background: transparent;
  color: #64748b;
  font-size: 14px;
  cursor: pointer;
  transition: all 0.15s ease;
}
body.srrm-visual-v2 .srrm-view-btn:hover {
  color: #0f172a;
}
body.srrm-visual-v2 .srrm-view-btn.is-active {
  background: #ffffff;
  color: #0284c7;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
}

/* Sort Form */
body.srrm-visual-v2 .srrm-browse-sort-form {
  display: flex;
  align-items: center;
  gap: 10px;
}
body.srrm-visual-v2 .srrm-browse-sort-label {
  font-size: 13px;
  font-weight: 750;
  color: #475569;
  margin: 0;
  white-space: nowrap;
  display: inline-flex;
  align-items: center;
  gap: 5px;
}
body.srrm-visual-v2 .srrm-sort-select-wrap {
  position: relative;
  min-width: 180px;
}
body.srrm-visual-v2 .srrm-sort-select {
  width: 100%;
  min-height: 40px !important;
  height: 40px !important;
  border-radius: 10px;
  border: 1px solid #cbd5e1;
  background: #f8fafc url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="%23475569" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><polyline points="6 9 12 15 18 9"/></svg>') no-repeat left 12px center !important;
  padding: 0 14px 0 34px !important;
  font-size: 13.5px;
  font-weight: 700;
  color: #1e293b;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  cursor: pointer;
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}
[dir="rtl"] body.srrm-visual-v2 .srrm-sort-select {
  background-position: left 12px center !important;
  padding: 0 14px 0 34px !important;
}
body.srrm-visual-v2 .srrm-sort-select:hover {
  border-color: #94a3b8;
}
body.srrm-visual-v2 .srrm-sort-select:focus {
  border-color: #0284c7;
  outline: none;
  box-shadow: 0 0 0 3px rgba(2, 132, 199, 0.15);
}

/* ==========================================================================
   Browse Listings Grid (3 Columns Desktop, 2 Tablet, 1 Mobile)
   ========================================================================== */
body.srrm-visual-v2 .srrm-browse-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
  width: 100%;
  margin: 0 0 36px;
}
@media (max-width: 1100px) {
  body.srrm-visual-v2 .srrm-browse-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
  }
}
@media (max-width: 640px) {
  body.srrm-visual-v2 .srrm-browse-grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }
}

/* In-Feed Ads in Grid */
body.srrm-visual-v2 .srrm-browse-grid .srrm-in-feed-ad {
  grid-column: 1 / -1;
  width: 100%;
  margin: 8px 0;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
}

/* ==========================================================================
   Modern Classifieds Card (Grid View)
   ========================================================================== */
body.srrm-visual-v2 .srrm-ad-card {
  display: flex !important;
  flex-direction: column !important;
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 18px !important;
  box-shadow: 0 4px 18px rgba(10, 37, 64, 0.05) !important;
  overflow: hidden !important;
  margin: 0 !important;
  padding: 0 !important;
  text-align: start !important;
  position: relative !important;
  transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease !important;
}
body.srrm-visual-v2 .srrm-ad-card:hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 16px 36px rgba(10, 37, 64, 0.1) !important;
  border-color: #cbd5e1 !important;
}
body.srrm-visual-v2 .srrm-ad-card.verified-ad {
  border-color: #f59e0b !important;
  box-shadow: 0 4px 20px rgba(245, 158, 11, 0.12) !important;
}

/* Media Wrap */
body.srrm-visual-v2 .srrm-ad-card__media-wrap {
  position: relative;
  width: 100%;
  height: 190px;
  background: #f1f5f9;
  overflow: hidden;
}
body.srrm-visual-v2 .srrm-ad-card__media-link {
  display: block;
  width: 100%;
  height: 100%;
  text-decoration: none;
}
body.srrm-visual-v2 .srrm-ad-card__thumb {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.35s ease;
  display: block;
}
body.srrm-visual-v2 .srrm-ad-card:hover .srrm-ad-card__thumb {
  transform: scale(1.05);
}
body.srrm-visual-v2 .srrm-ad-card__fallback {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);
  color: #94a3b8;
}
body.srrm-visual-v2 .srrm-fallback-badge {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 4px 14px rgba(10, 37, 64, 0.08);
  color: #0284c7;
  font-size: 20px;
}
body.srrm-visual-v2 .srrm-fallback-brand {
  font-size: 13px;
  font-weight: 800;
  color: #64748b;
  letter-spacing: -0.01em;
}

/* Badges on Media */
body.srrm-visual-v2 .srrm-ad-card__badges {
  position: absolute;
  inset: 10px;
  pointer-events: none;
  display: flex;
  flex-wrap: wrap;
  align-content: space-between;
  justify-content: space-between;
}
body.srrm-visual-v2 .srrm-card-badge {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 4px 10px;
  border-radius: 8px;
  font-size: 11.5px;
  font-weight: 850;
  line-height: 1.3;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}
body.srrm-visual-v2 .srrm-card-badge--featured {
  background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);
  color: #ffffff;
  box-shadow: 0 4px 12px rgba(217, 119, 6, 0.4);
}
body.srrm-visual-v2 .srrm-card-badge--cat {
  background: rgba(15, 23, 42, 0.75);
  color: #ffffff;
}
body.srrm-visual-v2 .srrm-card-badge--photos {
  background: rgba(15, 23, 42, 0.75);
  color: #ffffff;
  margin-inline-start: auto;
  align-self: flex-end;
}

/* Card Body */
body.srrm-visual-v2 .srrm-ad-card__body {
  display: flex;
  flex-direction: column;
  padding: 14px 16px 14px;
  flex: 1;
}
body.srrm-visual-v2 .srrm-ad-card__price-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 6px;
}
body.srrm-visual-v2 .srrm-ad-card__price {
  font-size: 18px;
  font-weight: 900;
  color: #059669;
  letter-spacing: -0.02em;
  display: inline-flex;
  align-items: baseline;
  gap: 4px;
}
body.srrm-visual-v2 .srrm-ad-card__price-num {
  font-size: 20px;
}
body.srrm-visual-v2 .srrm-ad-card__price-currency {
  font-size: 13px;
  font-weight: 750;
  color: #047857;
  margin-inline-start: 4px;
}
body.srrm-visual-v2 .srrm-ad-card__price--unpriced {
  font-size: 13.5px;
  color: #64748b;
  font-weight: 800;
}
body.srrm-visual-v2 .srrm-ad-card__publish-time {
  font-size: 12px;
  color: #94a3b8;
  font-weight: 600;
  white-space: nowrap;
}
body.srrm-visual-v2 .srrm-ad-card__title {
  margin: 0 0 10px;
  font-size: 15px;
  font-weight: 800;
  line-height: 1.4;
  height: 42px;
  overflow: hidden;
}
body.srrm-visual-v2 .srrm-ad-card__title a {
  color: #0f172a;
  text-decoration: none !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  transition: color 0.15s ease;
}
body.srrm-visual-v2 .srrm-ad-card__title a:hover {
  color: #0284c7;
}

/* Specs Box (BranchCar 3-Column Standard - Always Balanced) */
body.srrm-visual-v2 .srrm-ad-card__specs-box {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 4px;
  background: #f8fafc;
  border: 1px solid #edf2f7;
  border-radius: 10px;
  padding: 8px 6px;
  margin: 0 0 12px;
  text-align: center;
}
body.srrm-visual-v2 .srrm-spec-col {
  display: flex;
  flex-direction: column;
  gap: 2px;
  align-items: center;
  justify-content: center;
  min-width: 0;
  padding: 0 4px;
}
body.srrm-visual-v2 .srrm-spec-col:not(:last-child) {
  border-inline-end: 1px solid #e2e8f0;
}
body.srrm-visual-v2 .srrm-spec-lbl {
  font-size: 11px;
  font-weight: 700;
  color: #94a3b8;
  line-height: 1.2;
  white-space: nowrap;
}
body.srrm-visual-v2 .srrm-spec-val {
  font-size: 12.5px;
  font-weight: 800;
  color: #334155;
  line-height: 1.3;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
}

/* Location & Date Meta Bar */
body.srrm-visual-v2 .srrm-ad-card__meta-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  font-size: 12px;
  color: #64748b;
  margin-bottom: 12px;
  padding-bottom: 10px;
  border-bottom: 1px solid #f1f5f9;
}
body.srrm-visual-v2 .srrm-card-meta-loc {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 12px;
  color: #475569;
  font-weight: 650;
}
body.srrm-visual-v2 .srrm-card-meta-loc i {
  color: #ef4444;
  font-size: 12px;
}
body.srrm-visual-v2 .srrm-card-meta-date {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  color: #94a3b8;
  white-space: nowrap;
  font-size: 11.5px;
  font-weight: 600;
}

/* Footer & Action Buttons */
body.srrm-visual-v2 .srrm-ad-card__footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin-top: auto;
}
body.srrm-visual-v2 .srrm-quick-contact-group {
  display: flex;
  align-items: center;
  gap: 6px;
}
body.srrm-visual-v2 .srrm-btn-action {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 6px 11px;
  border-radius: 8px;
  font-size: 12px;
  font-weight: 800;
  text-decoration: none !important;
  transition: all 0.15s ease;
  white-space: nowrap;
  line-height: 1.2;
}
body.srrm-visual-v2 .srrm-btn-action--whatsapp {
  background: #dcfce7;
  color: #15803d !important;
  border: 1px solid #bbf7d0;
}
body.srrm-visual-v2 .srrm-btn-action--whatsapp:hover {
  background: #22c55e;
  color: #ffffff !important;
  border-color: #22c55e;
}
body.srrm-visual-v2 .srrm-btn-action--phone {
  background: #f1f5f9;
  color: #334155 !important;
  border: 1px solid #e2e8f0;
}
body.srrm-visual-v2 .srrm-btn-action--phone:hover {
  background: #e2e8f0;
  color: #0f172a !important;
}
body.srrm-visual-v2 .srrm-btn-action--details {
  background: #0284c7;
  color: #ffffff !important;
  border: 1px solid #0284c7;
  padding: 6px 14px;
  margin-inline-start: auto;
}
body.srrm-visual-v2 .srrm-btn-action--details:hover {
  background: #0369a1;
  border-color: #0369a1;
  transform: translateX(-2px);
}

/* ==========================================================================
   List View Mode (.srrm-browse-grid[data-view="list"])
   ========================================================================== */
body.srrm-visual-v2 .srrm-browse-grid[data-view="list"] {
  display: flex !important;
  flex-direction: column !important;
  gap: 18px !important;
}
body.srrm-visual-v2 .srrm-browse-grid[data-view="list"] .srrm-ad-card {
  flex-direction: row !important;
  align-items: stretch !important;
}
body.srrm-visual-v2 .srrm-browse-grid[data-view="list"] .srrm-ad-card__media-wrap {
  width: 260px !important;
  min-width: 260px !important;
  height: auto !important;
  min-height: 190px !important;
}
body.srrm-visual-v2 .srrm-browse-grid[data-view="list"] .srrm-ad-card__title {
  height: auto !important;
}
@media (max-width: 768px) {
  body.srrm-visual-v2 .srrm-browse-grid[data-view="list"] .srrm-ad-card {
    flex-direction: column !important;
  }
  body.srrm-visual-v2 .srrm-browse-grid[data-view="list"] .srrm-ad-card__media-wrap {
    width: 100% !important;
    min-width: 0 !important;
    height: 190px !important;
    min-height: 0 !important;
  }
}

/* ==========================================================================
   Modern Empty State
   ========================================================================== */
body.srrm-visual-v2 .srrm-empty-state {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 60px 24px;
  background: #ffffff;
  border: 1px solid var(--v2-line);
  border-radius: 22px;
  margin: 20px 0 35px;
  box-shadow: 0 4px 18px rgba(10, 37, 64, 0.04);
}
body.srrm-visual-v2 .srrm-empty-state__icon {
  margin-bottom: 20px;
}
body.srrm-visual-v2 .srrm-empty-state h2 {
  font-size: 22px;
  font-weight: 900;
  color: #0f172a;
  margin: 0 0 10px;
}
body.srrm-visual-v2 .srrm-empty-state p {
  font-size: 15px;
  color: #64748b;
  max-width: 520px;
  margin: 0 0 24px;
  line-height: 1.6;
}
body.srrm-visual-v2 .srrm-empty-state__actions {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  justify-content: center;
}
body.srrm-visual-v2 .srrm-btn-empty-action {
  min-height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 10px 22px;
  border-radius: 12px;
  font-size: 14px;
  font-weight: 800;
  text-decoration: none !important;
}

/* ==========================================================================
   Modern Pagination
   ========================================================================== */
body.srrm-visual-v2 .pagination {
  display: inline-flex !important;
  gap: 6px !important;
  padding: 6px 10px !important;
  background: #ffffff !important;
  border: 1px solid var(--v2-line) !important;
  border-radius: 14px !important;
  box-shadow: 0 3px 12px rgba(10, 37, 64, 0.04) !important;
  margin: 24px 0 !important;
}
body.srrm-visual-v2 .pagination > li > a,
body.srrm-visual-v2 .pagination > li > span {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 40px !important;
  height: 40px !important;
  padding: 0 12px !important;
  border-radius: 10px !important;
  border: 1px solid transparent !important;
  background: #f8fafc !important;
  color: #1e293b !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  text-decoration: none !important;
  transition: all 0.15s ease !important;
}
body.srrm-visual-v2 .pagination > li > a:hover {
  background: #e0f2fe !important;
  color: #0369a1 !important;
  border-color: #bae6fd !important;
}
body.srrm-visual-v2 .pagination > .active > span,
body.srrm-visual-v2 .pagination > .active > a {
  background: #0284c7 !important;
  color: #ffffff !important;
  border-color: #0284c7 !important;
  box-shadow: 0 3px 10px rgba(2, 132, 199, 0.35) !important;
}
body.srrm-visual-v2 .pagination > .disabled > span,
body.srrm-visual-v2 .pagination > .disabled > a {
  opacity: 0.45 !important;
  cursor: not-allowed !important;
  background: #f1f5f9 !important;
}

/* Detail: dedicated 2-column information canvas and editorial presentation. */
body.srrm-visual-v2 .srrm-public-detail{background:#fff!important;border:1px solid var(--v2-line)!important;border-radius:24px!important;padding:clamp(17px,2.5vw,32px)!important;box-shadow:var(--v2-shadow);width:100%!important;max-width:100%!important;grid-column:1/-1!important}
body.srrm-visual-v2 .srrm-detail-breadcrumb{display:flex;gap:10px;align-items:center;color:#64748b;font-size:13px;font-weight:700;margin-bottom:18px;flex-wrap:wrap}
body.srrm-visual-v2 .srrm-detail-breadcrumb a{color:#0284c7;text-decoration:none;transition:color .15s}
body.srrm-visual-v2 .srrm-detail-breadcrumb a:hover{color:#0369a1;text-decoration:underline}
body.srrm-visual-v2 .srrm-detail-header{margin-bottom:24px;padding-bottom:18px;border-bottom:1px solid #e2e8f0;text-align:start}
body.srrm-visual-v2 .srrm-detail-title{font-size:clamp(22px,2.4vw,34px);font-weight:900;line-height:1.4;margin:0 0 12px;color:#0f172a;display:flex;align-items:center;gap:12px;flex-wrap:wrap;text-align:start}
body.srrm-visual-v2 .srrm-detail-badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:6px;font-size:14px;font-weight:800}
body.srrm-visual-v2 .srrm-badge-new{background:#0284c7;color:#fff}
body.srrm-visual-v2 .srrm-detail-meta-bar{display:flex;flex-wrap:wrap;gap:18px;align-items:center;font-size:13px;color:#64748b;font-weight:600}
body.srrm-visual-v2 .srrm-meta-bar-item{display:inline-flex;align-items:center;gap:6px}

/* 2-Column Responsive Layout */
body.srrm-visual-v2 .srrm-detail-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:28px;align-items:start}
body.srrm-visual-v2 .srrm-detail-main-col{min-width:0;display:flex;flex-direction:column;gap:22px}
body.srrm-visual-v2 .srrm-detail-sidebar-col{min-width:0;display:flex;flex-direction:column;gap:18px;position:sticky;top:20px}

/* Sections and Cards */
body.srrm-visual-v2 .srrm-detail-section{background:#fff;border:1px solid var(--v2-line);border-radius:18px;padding:22px;box-shadow:var(--v2-shadow);text-align:start}
body.srrm-visual-v2 .srrm-section-heading{font-size:18px;font-weight:850;color:#0f2937;margin:0 0 16px;padding-bottom:10px;border-bottom:2px solid #f1f5f9;display:flex;align-items:center;gap:8px}

/* Gallery Presentation */
body.srrm-visual-v2 .srrm-detail-gallery-wrap {
  padding: 16px;
  background: #f8fafc;
}
body.srrm-visual-v2 .srrm-gallery {
  max-width: none;
  width: 100%;
  border: none;
  border-radius: 16px;
  overflow: hidden;
  background: transparent;
  padding: 0;
  margin: 0;
}
body.srrm-visual-v2 .srrm-gallery__stage {
  position: relative;
  width: 100%;
  height: 440px;
  background: #ffffff;
  border-radius: 16px;
  border: 1px solid #e2e8f0;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}
body.srrm-visual-v2 .srrm-gallery__main {
  width: 100%;
  height: 100%;
  object-fit: contain;
  border-radius: 16px;
  display: block;
  cursor: zoom-in;
  background: #f8fafc;
}
body.srrm-visual-v2 .srrm-gallery__fallback-hero {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 12px;
  background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);
  color: #64748b;
  text-align: center;
  padding: 24px;
}
body.srrm-visual-v2 .srrm-gallery-fallback-badge {
  width: 68px;
  height: 68px;
  border-radius: 50%;
  background: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 6px 18px rgba(10, 37, 64, 0.08);
  color: #0284c7;
  font-size: 28px;
}
body.srrm-visual-v2 .srrm-gallery-fallback-brand {
  font-size: 19px;
  font-weight: 900;
  color: #1e293b;
  letter-spacing: -0.01em;
}
body.srrm-visual-v2 .srrm-gallery-fallback-sub {
  font-size: 13.5px;
  font-weight: 600;
  color: #94a3b8;
}
body.srrm-visual-v2 .srrm-gallery__count-pill {
  position: absolute;
  bottom: 14px;
  inset-inline-end: 14px;
  background: rgba(15, 23, 42, 0.75);
  color: #ffffff;
  padding: 5px 12px;
  border-radius: 999px;
  font-size: 12.5px;
  font-weight: 800;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  display: inline-flex;
  align-items: center;
  gap: 6px;
  pointer-events: none;
}
body.srrm-visual-v2 .srrm-gallery__rail {
  gap: 10px;
  margin: 12px 0 0;
  padding: 2px;
  display: flex;
  overflow-x: auto;
}
body.srrm-visual-v2 .srrm-gallery__thumb {
  border-radius: 12px;
  flex: 0 0 92px;
  height: 72px;
  min-height: 0;
  overflow: hidden;
  border: 2px solid transparent;
  padding: 0;
  background: #f1f5f9;
  cursor: pointer;
  transition: all 0.15s ease;
}
body.srrm-visual-v2 .srrm-gallery__thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
body.srrm-visual-v2 .srrm-gallery__thumb.is-active,
body.srrm-visual-v2 .srrm-gallery__thumb:hover {
  border-color: #0284c7;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(2, 132, 199, 0.2);
}

/* Badges */
body.srrm-visual-v2 .srrm-badge-verified {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  background: #dcfce7;
  color: #15803d;
  font-size: 11px;
  font-weight: 800;
  padding: 2px 7px;
  border-radius: 6px;
  margin-inline-start: 6px;
}
body.srrm-visual-v2 .srrm-badge-status {
  background: #e0f2fe;
  color: #0369a1;
  font-size: 13px;
  font-weight: 800;
  padding: 4px 12px;
  border-radius: 8px;
}

/* General Specs Grid (Classifieds) */
body.srrm-visual-v2 .srrm-specs-table-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
}
body.srrm-visual-v2 .srrm-spec-item {
  background: #f8fafc;
  border: 1px solid #edf2f7;
  border-radius: 12px;
  padding: 12px 16px;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
body.srrm-visual-v2 .srrm-spec-lbl {
  font-size: 12px;
  color: #64748b;
  font-weight: 600;
  display: flex;
  align-items: center;
  gap: 6px;
}
body.srrm-visual-v2 .srrm-spec-lbl i {
  color: #0284c7;
}
body.srrm-visual-v2 .srrm-spec-val {
  font-size: 14.5px;
  color: #0f172a;
  font-weight: 800;
}

/* Automotive Technical Specs Grid */
body.srrm-visual-v2 .srrm-car-detail-specs-box {
  margin-bottom: 22px;
}
body.srrm-visual-v2 .srrm-car-specs-heading {
  font-size: 18px;
  font-weight: 850;
  color: #0f2937;
  margin: 0 0 16px;
  padding-bottom: 10px;
  border-bottom: 2px solid #f1f5f9;
  display: flex;
  align-items: center;
  gap: 8px;
}
body.srrm-visual-v2 .srrm-car-detail-specs-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 12px;
}
body.srrm-visual-v2 .srrm-car-detail-spec-item {
  background: #f8fafc;
  border: 1px solid #edf2f7;
  border-radius: 12px;
  padding: 12px 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}
body.srrm-visual-v2 .srrm-car-spec-label {
  font-size: 12.5px;
  font-weight: 700;
  color: #64748b;
  display: inline-flex;
  align-items: center;
  gap: 7px;
}
body.srrm-visual-v2 .srrm-car-spec-label i {
  color: #0284c7;
}
body.srrm-visual-v2 .srrm-car-spec-value {
  font-size: 14px;
  font-weight: 850;
  color: #1e293b;
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
body.srrm-visual-v2 .srrm-car-make-logo {
  height: 22px;
  width: auto;
  object-fit: contain;
}

/* Description Content */
body.srrm-visual-v2 .srrm-detail-desc-content {
  font-size: 15.5px;
  line-height: 1.85;
  color: #334155;
  white-space: normal;
  overflow-wrap: anywhere;
}

/* Safety Advice Box */
body.srrm-visual-v2 .srrm-detail-safety-notice {
  display: flex;
  gap: 16px;
  align-items: flex-start;
  background: #fffbeb;
  border: 1px solid #fde68a;
  border-radius: 16px;
  padding: 16px 20px;
  margin-bottom: 22px;
}
body.srrm-visual-v2 .srrm-safety-notice-icon {
  font-size: 26px;
  color: #d97706;
  line-height: 1;
  flex-shrink: 0;
  margin-top: 2px;
}
body.srrm-visual-v2 .srrm-safety-notice-text {
  font-size: 13.5px;
  line-height: 1.65;
  color: #92400e;
}
body.srrm-visual-v2 .srrm-safety-notice-text strong {
  display: block;
  font-size: 14.5px;
  font-weight: 850;
  color: #78350f;
  margin-bottom: 4px;
}
body.srrm-visual-v2 .srrm-safety-notice-text p {
  margin: 0;
}

/* Social & Interactions */
body.srrm-visual-v2 .srrm-interactions-row {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 14px;
}
body.srrm-visual-v2 .srrm-rating-pill {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  padding: 8px 16px;
  font-size: 14px;
  font-weight: 700;
}
body.srrm-visual-v2 .srrm-rating-divider {
  color: #cbd5e1;
}
body.srrm-visual-v2 .srrm-rating-btn {
  background: transparent;
  border: none;
  cursor: pointer;
  font-size: 18px;
  padding: 0;
  transition: transform .15s;
}
body.srrm-visual-v2 .srrm-rating-btn:hover {
  transform: scale(1.2);
}
body.srrm-visual-v2 .srrm-complaint-btn {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  background: #fef2f2;
  border: 1px solid #fecaca;
  color: #dc2626;
  border-radius: 12px;
  padding: 9px 16px;
  font-size: 13px;
  font-weight: 700;
  text-decoration: none;
  transition: background .15s;
}
body.srrm-visual-v2 .srrm-complaint-btn:hover {
  background: #fee2e2;
  color: #b91c1c;
  text-decoration: none;
}
body.srrm-visual-v2 .srrm-social-share-row {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
  justify-content: center;
  padding-top: 14px;
  border-top: 1px dashed #e2e8f0;
}

/* Sidebar Cards */
body.srrm-visual-v2 .srrm-sidebar-card {
  background: #fff;
  border: 1px solid var(--v2-line);
  border-radius: 18px;
  padding: 20px;
  box-shadow: var(--v2-shadow);
  text-align: start;
}
body.srrm-visual-v2 .srrm-detail-price-card {
  background: linear-gradient(135deg, #f0fdf4 0%, #dcfce7 100%);
  border-color: #bbf7d0;
}
body.srrm-visual-v2 .srrm-price-label {
  font-size: 12px;
  font-weight: 700;
  color: #166534;
  margin-bottom: 4px;
}
body.srrm-visual-v2 .srrm-detail-price-value {
  font-size: 24px;
  font-weight: 900;
  color: #15803d;
  display: flex;
  align-items: baseline;
  gap: 6px;
}
body.srrm-visual-v2 .srrm-price-num {
  font-size: 28px;
  letter-spacing: -.02em;
}
body.srrm-visual-v2 .srrm-price-curr {
  font-size: 16px;
  font-weight: 800;
}
body.srrm-visual-v2 .srrm-price-unpriced {
  font-size: 16px;
  font-weight: 800;
  color: #15803d;
}

/* Seller Card */
body.srrm-visual-v2 .srrm-seller-header {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 10px;
}
body.srrm-visual-v2 .srrm-seller-avatar {
  font-size: 38px;
  color: #0284c7;
  line-height: 1;
}
body.srrm-visual-v2 .srrm-seller-info {
  min-width: 0;
}
body.srrm-visual-v2 .srrm-seller-role {
  font-size: 11px;
  font-weight: 700;
  color: #64748b;
  display: flex;
  align-items: center;
}
body.srrm-visual-v2 .srrm-seller-name {
  font-size: 16px;
  font-weight: 850;
  color: #0f172a;
  margin: 2px 0 0;
}
body.srrm-visual-v2 .srrm-seller-name a {
  color: #0f172a;
  text-decoration: none;
}
body.srrm-visual-v2 .srrm-seller-name a:hover {
  color: #0284c7;
}
body.srrm-visual-v2 .srrm-seller-more-ads a {
  font-size: 13px;
  font-weight: 750;
  color: #0284c7;
  text-decoration: none;
  display: inline-block;
  margin-top: 6px;
}
body.srrm-visual-v2 .srrm-seller-more-ads a:hover {
  text-decoration: underline;
}

/* Contact Card & CTAs */
body.srrm-visual-v2 .srrm-contact-heading {
  font-size: 16px;
  font-weight: 850;
  color: #0f2937;
  margin: 0 0 14px;
  display: flex;
  align-items: center;
  gap: 8px;
}
body.srrm-visual-v2 .srrm-contact-buttons-stack {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
body.srrm-visual-v2 .srrm-sidebar-cta {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  width: 100%;
  padding: 13px 18px;
  border-radius: 14px;
  font-size: 15px;
  font-weight: 850;
  text-decoration: none !important;
  transition: all 0.18s ease;
  line-height: 1.3;
}
body.srrm-visual-v2 .srrm-sidebar-cta--whatsapp {
  background: linear-gradient(135deg, #25d366 0%, #16a34a 100%);
  color: #ffffff !important;
  box-shadow: 0 4px 14px rgba(22, 163, 74, 0.3);
}
body.srrm-visual-v2 .srrm-sidebar-cta--whatsapp:hover {
  background: linear-gradient(135deg, #22c55e 0%, #15803d 100%);
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(22, 163, 74, 0.4);
}
body.srrm-visual-v2 .srrm-sidebar-cta--phone {
  background: #0f172a;
  color: #ffffff !important;
  box-shadow: 0 4px 14px rgba(15, 23, 42, 0.2);
}
body.srrm-visual-v2 .srrm-sidebar-cta--phone:hover {
  background: #1e293b;
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(15, 23, 42, 0.3);
}
body.srrm-visual-v2 .srrm-cta-phone-text {
  display: flex;
  flex-direction: column;
  gap: 2px;
  align-items: center;
}
body.srrm-visual-v2 .srrm-cta-phone-num {
  font-size: 13.5px;
  font-weight: 750;
  color: #94a3b8;
}
body.srrm-visual-v2 .srrm-sidebar-cta--email {
  background: #f1f5f9;
  color: #334155 !important;
  border: 1px solid #cbd5e1;
}
body.srrm-visual-v2 .srrm-sidebar-cta--email:hover {
  background: #e2e8f0;
  color: #0f172a !important;
}
body.srrm-visual-v2 .srrm-sidebar-cta--ext {
  background: #0284c7;
  color: #ffffff !important;
}
body.srrm-visual-v2 .srrm-sidebar-cta--ext:hover {
  background: #0369a1;
}
body.srrm-visual-v2 .srrm-contact-hidden-notice {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 12px;
  background: #f1f5f9;
  border-radius: 12px;
  font-size: 13px;
  font-weight: 700;
  color: #64748b;
}

/* Safety Tips */
body.srrm-visual-v2 .srrm-safety-heading {
  font-size: 15px;
  font-weight: 850;
  color: #0f2937;
  margin: 0 0 10px;
  display: flex;
  align-items: center;
  gap: 8px;
}
body.srrm-visual-v2 .srrm-safety-list {
  margin: 0;
  padding-inline-start: 18px;
  font-size: 12px;
  color: #64748b;
  line-height: 1.7;
}

/* Alerts */
body.srrm-visual-v2 .srrm-alert-pill {
  border-radius: 14px;
  font-size: 14px;
  font-weight: 700;
  display: flex;
  align-items: center;
  gap: 8px;
}

/* Related Listings Bottom Row */
body.srrm-visual-v2 .srrm-detail-related-wrap{margin-top:36px;padding-top:28px;border-top:1px solid #e2e8f0;text-align:start}
body.srrm-visual-v2 .srrm-detail-related-wrap .srrm-public-related h2{font-size:22px;font-weight:900;color:#0f172a;margin-bottom:18px}
body.srrm-visual-v2 .srrm-more-category-cta{text-align:center;margin-top:24px}
body.srrm-visual-v2 .srrm-btn-more-cat{background:#175a71;color:#fff!important;border-radius:12px;padding:12px 28px;font-weight:800;font-size:15px;display:inline-flex;align-items:center;gap:8px;box-shadow:0 4px 14px rgba(23,90,113,.2);transition:all .2s ease}
body.srrm-visual-v2 .srrm-btn-more-cat:hover{background:#103e51;transform:translateY(-1px)}

/* Responsive Tablet & Mobile Media Queries for Detail Page */
@media(max-width:991px){
 body.srrm-visual-v2 .srrm-detail-grid{grid-template-columns:minmax(0,1fr);gap:20px}
 body.srrm-visual-v2 .srrm-detail-sidebar-col{position:static}
}
@media(max-width:767px){
 body.srrm-visual-v2 .srrm-public-detail{padding:14px!important;border-radius:16px!important}
 body.srrm-visual-v2 .srrm-detail-title{font-size:20px;gap:8px}
 body.srrm-visual-v2 .srrm-detail-meta-bar{gap:10px;font-size:12px}
 body.srrm-visual-v2 .srrm-detail-section{padding:16px;border-radius:14px}
 body.srrm-visual-v2 .srrm-sidebar-card{padding:16px;border-radius:14px}
 body.srrm-visual-v2 .srrm-specs-table-grid{grid-template-columns:minmax(0,1fr);gap:8px}
 body.srrm-visual-v2 .srrm-car-detail-specs-grid{grid-template-columns:minmax(0,1fr);gap:8px}
 body.srrm-visual-v2 .srrm-price-num{font-size:24px}
}

/* User forms: broad, legible cards instead of the narrow old Bootstrap column. */
body.srrm-visual-v2 :is(.srrm-publish-flow,.srrm-myads-workspace,.srrm-seller-hub,.srrm-admin-workspace){min-width:0;padding:0 0 36px}
body.srrm-visual-v2 .srrm-publish-flow form[data-srrm-wizard]{max-width:1050px;margin-inline:auto}
body.srrm-visual-v2 form[data-srrm-wizard] .srrm-wizard-step{padding:clamp(18px,3vw,34px);border-radius:21px;border:1px solid var(--v2-line);box-shadow:var(--v2-shadow);margin:17px 0}
body.srrm-visual-v2 form[data-srrm-wizard] .srrm-step-heading{padding-bottom:16px;border-bottom:1px solid var(--v2-line)}
body.srrm-visual-v2 form[data-srrm-wizard] .srrm-step-number{background:#175a71;border-radius:14px;min-width:51px;min-height:51px;font-weight:900}
body.srrm-visual-v2 form[data-srrm-wizard] .srrm-step-heading h2{font-size:clamp(21px,2.2vw,28px);font-weight:900}
body.srrm-visual-v2 form[data-srrm-wizard] .srrm-wizard-progress{background:#fff;border:1px solid var(--v2-line);box-shadow:0 7px 22px rgba(0,35,54,.04);border-radius:18px}
body.srrm-visual-v2 form[data-srrm-wizard] .srrm-step-button.is-current{background:#e5f2f7;color:#134d64;border:1px solid #5192a7}
body.srrm-visual-v2 form[data-srrm-wizard] .form-control{border:1px solid #d6e2e8;border-radius:11px;min-height:49px;background:#fbfcfe;box-shadow:none}
body.srrm-visual-v2 form[data-srrm-wizard] .control-label{text-align:start;line-height:1.65;font-weight:800}
body.srrm-visual-v2 form[data-srrm-wizard] :is(.srrm-wizard-back,.srrm-wizard-next){border-radius:12px}
body.srrm-visual-v2 form[data-srrm-wizard] .srrm-wizard-next{background:#175a71;color:white}
body.srrm-visual-v2 .srrm-seller-hub__heading{background:linear-gradient(125deg,#123e53,#1a6177);border-radius:23px;border:0;color:white;padding:clamp(25px,3vw,44px)}
body.srrm-visual-v2 .srrm-seller-hub__heading :is(h1,.srrm-seller-hub__eyebrow,p){color:white}
body.srrm-visual-v2 .srrm-seller-hub__heading h1{font-size:clamp(28px,3vw,39px);font-weight:900}
body.srrm-visual-v2 .srrm-seller-hub__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
body.srrm-visual-v2 .srrm-seller-hub__action{min-height:145px;padding:20px;background:#fff;border:1px solid var(--v2-line);border-radius:20px;box-shadow:0 8px 26px rgba(15,43,62,.055);display:flex;flex-wrap:wrap;align-content:center}
body.srrm-visual-v2 .srrm-seller-hub__icon{background:#e8f3f6;border-radius:16px}
body.srrm-visual-v2 .srrm-seller-hub__name{font-size:18px;font-weight:900;color:#193d52}
body.srrm-visual-v2 .srrm-myads-workspace :is(.well,.page_title,.boder_mar_pad_div),
body.srrm-visual-v2 .srrm-admin-workspace :is(.well,.boder_mar_pad_div,.btn_list_d){border-radius:19px;background:white;border:1px solid var(--v2-line);padding:19px;box-shadow:var(--v2-shadow)}
body.srrm-visual-v2 :is(.srrm-myads-workspace,.srrm-admin-workspace) .row{max-width:100%;margin-inline:0}
body.srrm-visual-v2 .srrm-admin-workspace .well{margin-bottom:20px;min-height:112px}
body.srrm-visual-v2 .srrm-admin-workspace :is(h1,h2,h3){font-weight:900}
body.srrm-visual-v2 :is(.srrm-admin-workspace,.srrm-myads-workspace) .btn{border-radius:11px;font-size:15px;min-height:45px;font-weight:800}
body.srrm-visual-v2 .mainnav > .well,body.srrm-visual-v2 .mainnav > .boder_mar_pad_div{border-radius:19px;border:1px solid var(--v2-line);padding:20px;background:#fff;box-shadow:var(--v2-shadow)}
body.srrm-visual-v2 .mainnav input.form-control,body.srrm-visual-v2 .mainnav select.form-control{border-radius:11px;min-height:48px;background:#fbfcfe;border-color:#d9e4ea}
body.srrm-visual-v2 .mainnav .btn-primary{background:#175a71;border-color:#175a71;border-radius:11px;font-weight:800}
body.srrm-visual-v2 .srrm-footer{background:#0e1d2b;color:#e2ecf2;border:0;margin-top:40px;padding:48px 18px 24px;text-align:start;position:relative}
body.srrm-visual-v2 .srrm-footer .container{max-width:1380px}
body.srrm-visual-v2 .srrm-footer-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:32px;text-align:start;align-items:start}
body.srrm-visual-v2 .srrm-footer-col{min-width:0;display:flex;flex-direction:column;gap:12px}
body.srrm-visual-v2 .srrm-footer-brand{display:inline-flex;align-items:center;gap:10px}
body.srrm-visual-v2 .srrm-footer-brand__symbol{width:38px;height:38px;border-radius:11px;background:#175a71;display:grid;place-items:center;color:#fff;font-size:17px;box-shadow:0 4px 12px rgba(0,0,0,.25)}
body.srrm-visual-v2 .srrm-footer-brand__title{font-size:20px;font-weight:900;color:#fff}
body.srrm-visual-v2 .srrm-footer-about-text{font-size:13px;line-height:1.8;color:#94a8b8;margin:0}
body.srrm-visual-v2 .srrm-footer-trust-list{display:flex;flex-direction:column;gap:7px;margin-top:6px}
body.srrm-visual-v2 .srrm-footer-trust-item{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:700;color:#cbdbe6}
body.srrm-visual-v2 .srrm-footer-trust-item i{font-size:13px;color:#f59e0b}
body.srrm-visual-v2 .srrm-footer .srrm-footer-column-title{font-size:16px;font-weight:900;color:#fff;margin:0 0 12px;display:flex;align-items:center;gap:8px;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.08)}
body.srrm-visual-v2 .srrm-footer .srrm-footer-links-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px}
body.srrm-visual-v2 .srrm-footer .srrm-footer-links-list li{margin:0}
body.srrm-visual-v2 .srrm-footer .srrm-footer-links-list a{color:#9fc1d3;text-decoration:none;font-size:13px;font-weight:650;line-height:1.7;display:inline-flex;align-items:center;gap:7px;transition:color .15s,transform .15s}
body.srrm-visual-v2 .srrm-footer .srrm-footer-links-list a:hover{color:#fff;text-decoration:none;transform:translateX(-3px)}
[dir="ltr"] body.srrm-visual-v2 .srrm-footer .srrm-footer-links-list a:hover{transform:translateX(3px)}
body.srrm-visual-v2 .srrm-footer-post-link{color:#f59e0b!important;font-weight:800!important}

/* Classified Discovery Cloud */
body.srrm-visual-v2 .srrm-footer-classified-discovery{margin:32px 0 16px;padding-top:24px;border-top:1px solid rgba(255,255,255,.10);width:100%}
body.srrm-visual-v2 .srrm-footer-discovery-groups{display:flex;flex-direction:column;gap:14px;margin-top:14px}
body.srrm-visual-v2 .srrm-footer-discovery-group{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}
body.srrm-visual-v2 .srrm-footer-discovery-group-label{font-size:13px;font-weight:850;color:#f59e0b;white-space:nowrap;min-width:130px;display:inline-flex;align-items:center;gap:6px}
body.srrm-visual-v2 .srrm-footer-discovery-tags{display:flex;flex-wrap:wrap;gap:7px;align-items:center}
body.srrm-visual-v2 .srrm-footer-tag-pill{display:inline-flex;align-items:center;padding:4px 11px;border-radius:999px;background:rgba(255,255,255,.07);color:rgba(255,255,255,.85)!important;font-size:12px;font-weight:600;text-decoration:none!important;border:1px solid rgba(255,255,255,.12);transition:all .15s ease}
body.srrm-visual-v2 .srrm-footer-tag-pill:hover{background:#fff;color:#0e1d2b!important;border-color:#fff;transform:translateY(-1px)}
body.srrm-visual-v2 .srrm-footer-hr{border-color:rgba(255,255,255,.12);margin:24px 0 16px}
body.srrm-visual-v2 .srrm-footer .copyright{color:#8da6b7;font-size:12px;line-height:1.6}
body.srrm-visual-v2 .srrm-footer-subcopy{display:block;color:#6d889b;font-size:11px;margin-top:3px}

/* Medium screens keep the main journey wide. No forced horizontal scrolling. */
@media(max-width:1190px){
 .srrm-site-header__nav{gap:0}
 .srrm-site-header__nav-link{padding:9px 9px;font-size:13px}
 .srrm-site-brand__text strong{font-size:21px}
 body.srrm-visual-v2 .srrm-home-category-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
 body.srrm-visual-v2 .srrm-home-ad-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
 body.srrm-visual-v2 .srrm-home-directory__grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:940px){
 .srrm-site-header__nav{display:none}
 .srrm-site-header__menu{display:block}
 .srrm-site-header__primary .srrm-site-header__inner{min-height:78px}
 body.srrm-visual-v2 > .container-fluid.text-center > .row{grid-template-columns:minmax(0,1fr)}
 body.srrm-visual-v2 > .container-fluid.text-center > .row > :is(.mainnav,.srrm-visual-main,.sidenav){grid-column:1}
 body.srrm-visual-v2 .srrm-home-hero{grid-template-columns:minmax(0,1fr) 220px;padding:30px}
 body.srrm-visual-v2 .search_form .row{grid-template-columns:repeat(3,minmax(0,1fr))}
 body.srrm-visual-v2 .srrm-seller-hub__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 body.srrm-visual-v2 .srrm-footer .srrm-footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
}
@media(max-width:767px){
 .srrm-site-header__utility-message{display:none}
 .srrm-site-header__utility .srrm-site-header__inner{justify-content:flex-end}
 .srrm-site-header__primary .srrm-site-header__inner{gap:6px;padding-inline:10px;min-height:64px;justify-content:space-between}
 .srrm-site-brand{gap:6px;flex:0 1 auto;min-width:0}
 .srrm-site-brand__symbol{width:36px;height:36px;border-radius:10px}
 .srrm-site-brand__symbol svg{width:22px;height:22px}
 .srrm-site-brand__text strong{font-size:16px}
 .srrm-site-brand__text small{display:none}
 .srrm-site-header__actions{gap:5px;flex:0 0 auto}
 .srrm-market-picker summary{min-height:36px;max-width:90px;padding:4px 6px;gap:3px;font-size:11px}
 .srrm-market-picker__pin{display:none}
 .srrm-market-picker__name{max-width:55px}
 .srrm-site-header__post{display:inline-flex!important;min-height:36px!important;padding:5px 8px!important;font-size:11px!important;border-radius:9px!important}
 .srrm-site-header__post span{font-size:14px!important}
 .srrm-site-header__menu summary{width:36px;height:36px;border-radius:9px}
 body.srrm-visual-v2 > .container-fluid.text-center{padding:14px 12px 40px}
 body.srrm-visual-v2 .srrm-home{gap:16px}
 body.srrm-visual-v2 .srrm-home-hero{display:block;padding:20px 16px 22px;border-radius:18px;min-height:0}
 body.srrm-visual-v2 .srrm-home-hero h1{font-size:24px;line-height:1.3;margin:4px 0 8px}
 body.srrm-visual-v2 .srrm-home-hero__art{display:none}
 body.srrm-visual-v2 .srrm-home-hero__discovery{gap:6px;font-size:12px;margin:12px 0 0}
 body.srrm-visual-v2 .srrm-home-hero__discovery span{display:block;width:100%}
 body.srrm-visual-v2 .srrm-home-hero__actions{gap:8px;margin-top:16px}
 body.srrm-visual-v2 .srrm-home-hero__actions > *{flex:1 1 110px;text-align:center;min-height:42px;padding:9px 14px;font-size:13px}
 body.srrm-visual-v2 .srrm-home-search{margin:0;border-radius:18px}
 body.srrm-visual-v2 .srrm-home-section{padding:17px;border-radius:19px}
 body.srrm-visual-v2 .srrm-home-category-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
 body.srrm-visual-v2 .srrm-home-category{min-height:120px;padding:12px 5px;border-radius:13px;gap:8px}
 body.srrm-visual-v2 .srrm-home-category__icon{width:46px;height:46px;border-radius:12px;font-size:21px}
 body.srrm-visual-v2 .srrm-home-category__name{font-size:12px;font-weight:850}
 body.srrm-visual-v2 .srrm-home-ad-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 body.srrm-visual-v2 .srrm-home-directory__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 body.srrm-visual-v2 .srrm-search-panel{padding:16px;border-radius:17px}
 body.srrm-visual-v2 .search_form .row{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
 body.srrm-visual-v2 .search_form .form-inline :is(button[type="submit"],.srrm-browse-clear){flex:1 1 150px}
 body.srrm-visual-v2 .srrm-browse-heading{padding:20px;border-radius:17px}
 body.srrm-visual-v2 .srrm-public-detail{padding:15px!important;border-radius:17px!important}
 body.srrm-visual-v2 .srrm-gallery__main{min-height:180px;max-height:330px}
 body.srrm-visual-v2 .srrm-seller-hub__grid{grid-template-columns:repeat(1,minmax(0,1fr))}
 body.srrm-visual-v2 .srrm-seller-hub__action{min-height:88px;padding:14px;flex-wrap:nowrap}
 body.srrm-visual-v2 .srrm-seller-hub__heading{border-radius:18px}
 body.srrm-visual-v2 .srrm-publish-flow .form-group.row{display:block}
 body.srrm-visual-v2 .srrm-publish-flow .form-group.row [class*="col-sm-"]{width:100%;float:none;padding-inline:0;text-align:start}
 body.srrm-visual-v2 .srrm-footer{padding-bottom:calc(95px + env(safe-area-inset-bottom,0px))}
 body.srrm-visual-v2 .srrm-footer .srrm-footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
 body.srrm-visual-v2 .srrm-mobile-nav{z-index:105}
}
@media(max-width:540px){
 body.srrm-visual-v2 .srrm-footer .srrm-footer-grid{grid-template-columns:minmax(0,1fr);gap:20px}
 body.srrm-visual-v2 .srrm-footer-discovery-group{flex-direction:column;gap:6px}
 body.srrm-visual-v2 .srrm-footer-discovery-group-label{min-width:0}
}
@media(max-width:420px){
 .srrm-site-brand__text strong{font-size:16px}
 .srrm-site-brand__symbol{width:39px;height:39px}
 .srrm-market-picker summary{max-width:104px}
 .srrm-market-picker__name{max-width:64px}
 body.srrm-visual-v2 .srrm-home-ad-grid{grid-template-columns:minmax(0,1fr)}
 body.srrm-visual-v2 .srrm-home-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 body.srrm-visual-v2 .search_form .row{grid-template-columns:minmax(0,1fr)}
 body.srrm-visual-v2 .srrm-home-directory__grid{grid-template-columns:minmax(0,1fr)}
}
@media(prefers-reduced-motion:reduce){
 body.srrm-visual-v2 :is(.srrm-site-header__post,.srrm-home-btn,.srrm-home-category,.srrm-home-ad-grid > *){transition:none!important;transform:none!important}
}
/* Account, moderation and content-management canvases. */
body.srrm-visual-v2 > .container-fluid.text-center > .row > :is(.srrm-account-profile,.srrm-verify-workspace,.srrm-my-complaints-workspace,.srrm-complaint-workspace,.srrm-admin-profiles,.srrm-admin-complaints){grid-column:1/-1}
body.srrm-visual-v2 > .container-fluid.text-center > .row > :is(.srrm-account-profile,.srrm-verify-workspace,.srrm-my-complaints-workspace,.srrm-complaint-workspace,.srrm-admin-profiles,.srrm-admin-complaints) ~ .sidenav{grid-column:1/-1;background:transparent;border:none}
body.srrm-visual-v2 .srrm-workspace-heading{padding:clamp(22px,3.3vw,38px);margin:0 0 23px;border-radius:22px;background:linear-gradient(117deg,#134055,#1a6578);color:white;text-align:start;border:0}
body.srrm-visual-v2 .srrm-workspace-heading > span{display:block;color:#aee6e7;font-size:13px;font-weight:900;letter-spacing:.03em;margin-bottom:4px}
body.srrm-visual-v2 .srrm-workspace-heading h1{font-size:clamp(25px,3vw,37px);font-weight:900;line-height:1.45;color:#fff;margin:0 0 8px}
body.srrm-visual-v2 .srrm-workspace-heading p{font-size:15px;line-height:1.75;color:#e2f2f6;margin:0}
body.srrm-visual-v2 .srrm-visual-auth{width:min(100%,560px);max-width:560px;margin:22px auto 56px;padding:clamp(20px,3vw,34px);background:#fff;border:1px solid var(--v2-line);border-radius:24px;box-shadow:var(--v2-shadow);text-align:start;grid-column:1/-1}
body.srrm-visual-v2 .srrm-visual-auth .page-header,body.srrm-visual-v2 .srrm-visual-auth h2{font-size:clamp(22px,2.6vw,30px);font-weight:900;margin:0 0 24px;color:#14394e;text-align:start;border:0;padding:0}
body.srrm-visual-v2 .srrm-visual-auth .form-group{margin-bottom:17px;max-width:100%;margin-inline:0}
body.srrm-visual-v2 .srrm-visual-auth .input-group{display:flex;flex-wrap:wrap;min-width:0;width:100%}
body.srrm-visual-v2 .srrm-visual-auth .input-group-addon{display:flex;align-items:center;flex:1 1 100%;text-align:start;background:transparent;border:0;padding:0 0 7px;color:#2c4859;font-size:14px;font-weight:800}
body.srrm-visual-v2 .srrm-visual-auth :is(input.form-control,select.form-control){min-height:52px;width:100%!important;max-width:100%;border:1px solid #d7e4ec;border-radius:12px!important;background:#f8fafc;padding-inline:14px;box-shadow:none}
body.srrm-visual-v2 .srrm-visual-auth .input-group .form-control{float:none!important;flex:1 1 100%;width:100%;min-width:0}
body.srrm-visual-v2 .srrm-visual-auth .btn-primary{min-height:51px;background:#175a71;border-color:#175a71;border-radius:12px;font-size:16px;font-weight:900}
body.srrm-visual-v2 .srrm-visual-auth a{color:#155d77;font-weight:750}
body.srrm-visual-v2 :is(.srrm-account-profile,.srrm-verify-workspace,.srrm-my-complaints-workspace,.srrm-complaint-workspace,.srrm-admin-profiles,.srrm-admin-complaints){background:#fff!important;padding:clamp(18px,2.8vw,30px)!important;border:1px solid var(--v2-line)!important;border-radius:23px!important;box-shadow:var(--v2-shadow)}
body.srrm-visual-v2 :is(.srrm-account-profile,.srrm-verify-workspace,.srrm-my-complaints-workspace,.srrm-complaint-workspace,.srrm-admin-profiles,.srrm-admin-complaints) h1.bg-primary{border-radius:14px;background:#e7f3f6!important;color:#17475b!important;text-align:start;padding:18px 22px;font-size:clamp(22px,2.6vw,31px);font-weight:900;line-height:1.5;margin:0 0 19px}
body.srrm-visual-v2 :is(.srrm-account-profile,.srrm-verify-workspace,.srrm-my-complaints-workspace,.srrm-complaint-workspace,.srrm-admin-profiles,.srrm-admin-complaints) :is(table,.table){max-width:100%;border-collapse:separate;border-spacing:0;width:100%}
body.srrm-visual-v2 :is(.srrm-account-profile,.srrm-verify-workspace,.srrm-my-complaints-workspace,.srrm-complaint-workspace,.srrm-admin-profiles,.srrm-admin-complaints) :is(.form-control,input[type=text],input[type=email],textarea,select){max-width:100%;border-radius:11px}
body.srrm-visual-v2 .srrm-admin-workspace > .well{border:none;background:transparent;box-shadow:none;padding:0}
body.srrm-visual-v2 .srrm-admin-workspace .btn_list_d{display:flex;align-items:center;gap:16px;justify-content:start;text-align:start;border-radius:17px!important;min-height:105px!important;padding:18px!important;background:white!important;color:#20415a!important;font-size:16px!important;border:1px solid #e3ebf0;box-shadow:0 9px 24px rgba(15,40,60,.05)}
body.srrm-visual-v2 .srrm-admin-workspace .btn_list_d img{width:64px;height:64px;object-fit:contain;flex:none}
body.srrm-visual-v2 .srrm-admin-workspace > .well > .row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin:0}
body.srrm-visual-v2 .srrm-admin-workspace > .well > .row > [class*="col-sm-"]{float:none;width:100%;padding:0}
body.srrm-visual-v2 .srrm-admin-workspace > hr{border:0;margin:0}
@media(max-width:767px){
 body.srrm-visual-v2 .srrm-visual-auth{margin:12px auto 28px;padding:21px;border-radius:18px}
 body.srrm-visual-v2 .srrm-admin-workspace > .well > .row{grid-template-columns:minmax(0,1fr);gap:10px}
 body.srrm-visual-v2 .srrm-admin-workspace .btn_list_d{min-height:76px!important}
 body.srrm-visual-v2 .srrm-admin-workspace .btn_list_d img{width:49px;height:49px}
 body.srrm-visual-v2 :is(.srrm-admin-profiles,.srrm-admin-complaints,.srrm-my-complaints-workspace) table{display:block;overflow-x:auto;scrollbar-width:thin}
}
/* Legacy Bootstrap inline template fixes which cannot be removed without touching business templates. */
body.srrm-visual-v2 > .container-fluid.text-center > .row.content{height:auto!important;min-height:0!important}
body.srrm-visual-v2 .sidenav{height:auto!important}
body.srrm-visual-v2 .srrm-home-card{background:white;overflow:hidden;border:1px solid var(--v2-line);border-radius:17px}
body.srrm-visual-v2 .srrm-home-card__body{padding:12px 15px 17px}
body.srrm-visual-v2 .srrm-home-card__price{color:#135d75;font-size:19px;font-weight:900}
body.srrm-visual-v2 .srrm-home-card__details{color:#657d8a;font-size:12px}
body.srrm-visual-v2 .srrm-home-card .srrm-public-card__media{border-radius:0}
body.srrm-visual-v2 .srrm-home-card .srrm-public-card__photo{border-radius:0;width:100%;height:190px;aspect-ratio:auto;object-fit:cover}
@media(max-width:767px){body.srrm-visual-v2 .srrm-home-card .srrm-public-card__photo{height:150px}}

/* Responsive hardening for seller and admin workspaces */
body.srrm-visual-v2 :is(.srrm-publish-flow,.srrm-myads-workspace,.srrm-seller-hub,.srrm-admin-workspace){max-width:100%;overflow-x:clip}
body.srrm-visual-v2 :is(.srrm-publish-flow,.srrm-myads-workspace) .navbar-default .container-fluid{margin:0;padding:0;max-width:100%}
body.srrm-visual-v2 :is(.srrm-publish-flow,.srrm-myads-workspace) .navbar-nav{display:flex;flex-wrap:wrap;gap:6px;padding:0;margin:0;float:none!important}
body.srrm-visual-v2 :is(.srrm-publish-flow,.srrm-myads-workspace) .navbar-nav > li{float:none!important;display:block;flex:1 1 140px;margin:0;padding:0}
body.srrm-visual-v2 :is(.srrm-publish-flow,.srrm-myads-workspace) .navbar-nav > li > a{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:8px 10px;font-size:13px}
body.srrm-visual-v2 :is(.srrm-publish-flow,.srrm-myads-workspace) form{max-width:100%;overflow-x:clip}
body.srrm-visual-v2 :is(.srrm-publish-flow,.srrm-myads-workspace) .form-group{margin-inline:0}
body.srrm-visual-v2 :is(.srrm-publish-flow,.srrm-myads-workspace) :is(.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12){max-width:100%}
body.srrm-visual-v2 .image-uploader{max-width:100%;box-sizing:border-box}
body.srrm-visual-v2 :is(table,.table){max-width:100%}
body.srrm-visual-v2 select.select2-hidden-accessible{position:absolute!important;left:0!important;top:0!important;width:1px!important;max-width:1px!important;min-width:0!important;height:1px!important;max-height:1px!important;min-height:0!important;padding:0!important;margin:0!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;transform:scale(0.001)!important;transform-origin:0 0!important}
body.srrm-visual-v2{overflow-x:clip!important}
@media(max-width:991px){
 body.srrm-visual-v2 :is(.srrm-publish-flow,.srrm-myads-workspace) .control-label{text-align:start!important;padding-bottom:5px}
 body.srrm-visual-v2 .srrm-wizard-step{padding:18px 12px!important}
}
/* Automotive Rich Badges (Adapted from branchcar.com for Category 5) */
.srrm-car-spec-grid{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0;max-width:100%}
.srrm-car-badge{display:inline-flex;align-items:center;gap:6px;background:#f0f6f9;border:1px solid #dce8ef;border-radius:8px;padding:4px 8px;font-size:12px;font-weight:700;color:#214358}
.srrm-car-badge--make{background:#e3f2f7;border-color:#bee0eb;color:#0c4d66;font-weight:800}
.srrm-car-make-logo{width:20px;height:20px;object-fit:contain;border-radius:4px}
.srrm-car-pills-row{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px;padding-top:8px;border-top:1px dashed #e4ecf1;max-width:100%}
.srrm-car-nav-pill{display:inline-flex;align-items:center;gap:5px;background:#fff;border:1px solid #196782;color:#196782!important;border-radius:20px;padding:4px 10px;font-size:11px;font-weight:700;text-decoration:none!important;transition:all .2s ease}
.srrm-car-nav-pill:hover{background:#196782;color:#fff!important}
.srrm-car-detail-specs-box{background:#fff;border:1px solid var(--v2-line);border-radius:18px;padding:20px;margin:18px 0;box-shadow:var(--v2-shadow);text-align:start}
.srrm-car-specs-heading{font-size:17px;font-weight:800;color:#174d63;margin:0 0 15px;border-bottom:2px solid #eef5f8;padding-bottom:10px}
.srrm-car-detail-specs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px}
.srrm-car-detail-spec-item{background:#f8fafc;border:1px solid #e5edf2;border-radius:12px;padding:10px 14px;display:flex;flex-direction:column;gap:4px}
.srrm-car-spec-label{font-size:12px;color:#627d8c;font-weight:600}
.srrm-car-spec-value{font-size:14px;color:#1a3c4f;font-weight:800;display:flex;align-items:center;gap:6px}

/* Public Seller Profile Modern Editorial Layout */
body.srrm-visual-v2 .srrm-public-profile{background:#fff!important;border:1px solid var(--v2-line)!important;border-radius:24px!important;padding:clamp(17px,2.5vw,32px)!important;box-shadow:var(--v2-shadow);width:100%!important;max-width:100%!important;grid-column:1/-1!important;text-align:start}
body.srrm-visual-v2 .srrm-profile-hero{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px;border-radius:20px;background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);border:1px solid #e2e8f0;margin-bottom:24px;flex-wrap:wrap}
body.srrm-visual-v2 .srrm-profile-hero__main{display:flex;align-items:center;gap:18px;min-width:0}
body.srrm-visual-v2 .srrm-profile-avatar-wrap{position:relative;flex:none}
body.srrm-visual-v2 .srrm-profile-avatar{width:84px;height:84px;border-radius:50%;object-fit:cover;border:3px solid #fff;box-shadow:0 4px 14px rgba(15,34,58,.12);background:#fff}
body.srrm-visual-v2 .srrm-profile-verified-badge{position:absolute;bottom:0;inset-inline-end:0;width:24px;height:24px;background:#0284c7;color:#fff;border-radius:50%;display:grid;place-items:center;font-size:12px;border:2px solid #fff}
body.srrm-visual-v2 .srrm-profile-hero__meta h1{font-size:clamp(20px,2.2vw,28px);font-weight:900;color:#0f172a;margin:0 0 6px;line-height:1.3;display:flex;align-items:center;gap:10px;flex-wrap:wrap}
body.srrm-visual-v2 .srrm-profile-tags-line{display:flex;flex-wrap:wrap;gap:12px;font-size:13px;color:#64748b;font-weight:600;align-items:center}
body.srrm-visual-v2 .srrm-profile-hero__stats{display:flex;gap:14px;align-items:center}
body.srrm-visual-v2 .srrm-profile-stat-box{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:10px 18px;text-align:center;box-shadow:0 2px 8px rgba(15,34,58,.04)}
body.srrm-visual-v2 .srrm-profile-stat-num{font-size:20px;font-weight:900;color:#175a71;display:block}
body.srrm-visual-v2 .srrm-profile-stat-lbl{font-size:11px;font-weight:700;color:#64748b}

/* Profile 2-column layout */
body.srrm-visual-v2 .srrm-profile-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:28px;align-items:start}
body.srrm-visual-v2 .srrm-profile-main-col{min-width:0;display:flex;flex-direction:column;gap:22px}
body.srrm-visual-v2 .srrm-profile-sidebar-col{min-width:0;display:flex;flex-direction:column;gap:18px;position:sticky;top:20px}

/* Profile media & details */
body.srrm-visual-v2 .srrm-profile-expanded-img{width:100%;max-height:420px;object-fit:contain;border-radius:14px;background:#f8fafc;border:1px solid #e2e8f0}
body.srrm-visual-v2 .srrm-profile-thumbs-grid{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}
body.srrm-visual-v2 .srrm-profile-thumb-btn{width:70px;height:70px;border-radius:10px;overflow:hidden;border:2px solid transparent;background:#f1f5f9;cursor:pointer;padding:0;transition:border-color .15s}
body.srrm-visual-v2 .srrm-profile-thumb-btn:hover{border-color:#0284c7}
body.srrm-visual-v2 .srrm-profile-thumb-btn img{width:100%;height:100%;object-fit:cover}

/* Profile Ads List */
body.srrm-visual-v2 .srrm-profile-ads-header{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:28px 0 18px;padding-bottom:12px;border-bottom:2px solid #f1f5f9}
body.srrm-visual-v2 .srrm-profile-ads-header h2{font-size:20px;font-weight:900;color:#0f2937;margin:0}
body.srrm-visual-v2 .srrm-profile-ads-header .srrm-profile-all-link{font-size:14px;font-weight:800;color:#0284c7;text-decoration:none}
body.srrm-visual-v2 .srrm-profile-ads-header .srrm-profile-all-link:hover{text-decoration:underline}

@media(max-width:991px){
 body.srrm-visual-v2 .srrm-profile-grid{grid-template-columns:minmax(0,1fr);gap:20px}
 body.srrm-visual-v2 .srrm-profile-sidebar-col{position:static}
}
@media(max-width:767px){
 body.srrm-visual-v2 .srrm-public-profile{padding:14px!important;border-radius:16px!important}
 body.srrm-visual-v2 .srrm-profile-hero{padding:16px;flex-direction:column;align-items:flex-start;gap:14px}
 body.srrm-visual-v2 .srrm-profile-hero__main{flex-direction:row;width:100%}
 body.srrm-visual-v2 .srrm-profile-hero__stats{width:100%;justify-content:space-between}
 body.srrm-visual-v2 .srrm-profile-stat-box{flex:1 1 0}
 body.srrm-visual-v2 .srrm-profile-avatar{width:64px;height:64px}
}

/* My Ads Workspace & Cards Modern Styling */
body.srrm-visual-v2 .srrm-myads-workspace{background:#fff!important;border:1px solid var(--v2-line)!important;border-radius:24px!important;padding:clamp(17px,2.5vw,32px)!important;box-shadow:var(--v2-shadow);width:100%!important;max-width:100%!important;grid-column:1/-1!important;text-align:start}
body.srrm-visual-v2 .srrm-myads-workspace .well{background:#fff!important;border:1px solid #e2e8f0!important;border-radius:18px!important;box-shadow:0 4px 18px rgba(15,34,58,.04)!important;padding:18px!important;margin-bottom:20px!important;max-width:100%!important}
body.srrm-visual-v2 .srrm-myads-workspace .boder_mar_pad_div{background:transparent!important;border:none!important;margin:0!important;padding:0!important}
body.srrm-visual-v2 .srrm-myads-workspace .img-thumbnail{border-radius:12px;border-color:#e2e8f0;padding:2px;object-fit:cover}
body.srrm-visual-v2 .srrm-myads-workspace .btn_list_d{border-radius:10px!important;min-height:42px!important;height:42px!important;font-weight:750!important;font-size:13px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:6px 14px!important}
body.srrm-visual-v2 .srrm-myads-workspace h1.bg-primary{border-radius:16px!important;background:#e7f3f6!important;color:#17475b!important;padding:16px 22px!important;font-size:clamp(20px,2.2vw,28px)!important;font-weight:900!important;display:flex!important;align-items:center!important;justify-content:space-between!important;border:0!important;margin:16px 0 20px!important}
body.srrm-visual-v2 .srrm-myads-workspace .srrm-myads-age{display:flex;gap:8px;margin:16px 0;flex-wrap:wrap}
body.srrm-visual-v2 .srrm-myads-workspace .srrm-myads-age a{display:inline-flex;align-items:center;padding:7px 16px;border-radius:10px;font-size:13px;font-weight:750;text-decoration:none;background:#f1f5f9;color:#334155;transition:all .15s}
body.srrm-visual-v2 .srrm-myads-workspace .srrm-myads-age a[aria-current="page"]{background:#175a71;color:#fff}

@media(max-width:767px){
 body.srrm-visual-v2 .srrm-myads-workspace{padding:14px!important;border-radius:16px!important}
 body.srrm-visual-v2 .srrm-myads-workspace .left_right_brd_b1{border:none!important;padding:0!important;margin-bottom:10px}
 body.srrm-visual-v2 .srrm-myads-workspace .row:has(.btn_list_d){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 body.srrm-visual-v2 .srrm-myads-workspace .row:has(.btn_list_d) > div{width:100%!important;padding:0!important}
}

/* ==========================================================================
   Automotive Styling: Header, Homepage Brands, Footer, Features & Sticky Bar
   (Ported & Adapted from branchcar.com with 100% Mobile App UX)
   ========================================================================== */

/* 1. Header Cars Link */
body.srrm-visual-v2 .srrm-site-header__nav-link--cars {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: rgba(23, 90, 113, 0.08);
  color: var(--v2-primary) !important;
  border-radius: 999px;
  padding: 6px 14px;
  font-weight: 750;
  transition: all 0.2s ease;
}
body.srrm-visual-v2 .srrm-site-header__nav-link--cars:hover {
  background: var(--v2-primary);
  color: #fff !important;
  text-decoration: none;
}
body.srrm-visual-v2 .srrm-site-header__nav-link--cars i {
  color: var(--v2-accent, #cba866);
}
body.srrm-visual-v2 .srrm-site-header__nav-link--cars:hover i {
  color: #fff;
}

/* 2. Homepage Featured Car Brands Grid */
.srrm-home-car-brands-section {
  margin: 32px 0;
  padding: 28px clamp(16px, 3vw, 36px);
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 24px;
}
.srrm-home-car-brands-section .srrm-home-section__head {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin-bottom: 20px;
  gap: 16px;
  flex-wrap: wrap;
}
.srrm-home-section__subtitle {
  margin: 4px 0 0;
  color: #64748b;
  font-size: 0.92rem;
}
.srrm-car-brands-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(130px, 1fr));
  gap: 14px;
  width: 100%;
}
.srrm-car-brand-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 16px 10px;
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 16px;
  text-decoration: none !important;
  color: #1e293b !important;
  transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1);
  box-shadow: 0 2px 6px rgba(15, 34, 58, 0.03);
}
.srrm-car-brand-card:hover {
  transform: translateY(-3px);
  border-color: var(--v2-primary, #175a71);
  box-shadow: 0 8px 20px rgba(23, 90, 113, 0.12);
  color: var(--v2-primary, #175a71) !important;
}
.srrm-car-brand-logo-wrap {
  width: 58px;
  height: 58px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 8px;
  border-radius: 50%;
  background: #f8fafc;
  padding: 6px;
}
.srrm-car-brand-img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.06));
}
.srrm-car-brand-title {
  font-size: 0.9rem;
  font-weight: 700;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
}

@media (max-width: 767px) {
  .srrm-home-car-brands-section {
    padding: 18px 14px;
    border-radius: 18px;
    margin: 20px 0;
  }
  .srrm-car-brands-grid {
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
  }
  .srrm-car-brand-card {
    padding: 12px 6px;
    border-radius: 12px;
  }
  .srrm-car-brand-logo-wrap {
    width: 44px;
    height: 44px;
    margin-bottom: 6px;
  }
  .srrm-car-brand-title {
    font-size: 0.8rem;
  }
}
@media (max-width: 420px) {
  .srrm-car-brands-grid {
    grid-template-columns: repeat(3, 1fr);
    gap: 8px;
  }
}

/* 3. Footer Popular Car Brands Bar */
.srrm-footer-car-makes-wrap {
  margin: 24px 0 16px;
  padding-top: 20px;
  border-top: 1px solid rgba(255, 255, 255, 0.12);
  width: 100%;
}
.srrm-footer-car-makes-wrap .srrm-footer-column-title {
  margin-bottom: 12px;
  font-size: 1.05rem;
  font-weight: 750;
  color: #fff;
  display: flex;
  align-items: center;
  gap: 8px;
}
.srrm-footer-car-makes-pills {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
}
.srrm-footer-car-make-pill {
  display: inline-flex;
  align-items: center;
  padding: 5px 13px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.08);
  color: rgba(255, 255, 255, 0.88) !important;
  font-size: 0.85rem;
  font-weight: 600;
  text-decoration: none !important;
  transition: all 0.2s ease;
  border: 1px solid rgba(255, 255, 255, 0.14);
}
.srrm-footer-car-make-pill:hover {
  background: #fff;
  color: #175a71 !important;
  border-color: #fff;
  transform: translateY(-1px);
}

/* 4. Quick Car Filter Chips on posts_list.php */
.srrm-car-quick-chips-bar {
  display: flex;
  align-items: center;
  gap: 8px;
  overflow-x: auto;
  padding: 12px 4px;
  margin-bottom: 16px;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: thin;
}
.srrm-quick-chip-label {
  font-size: 0.85rem;
  font-weight: 750;
  color: #64748b;
  white-space: nowrap;
  display: inline-flex;
  align-items: center;
  gap: 4px;
}
.srrm-quick-car-chip {
  display: inline-flex;
  align-items: center;
  padding: 6px 14px;
  border-radius: 999px;
  background: #f1f5f9;
  color: #334155 !important;
  font-size: 0.85rem;
  font-weight: 700;
  text-decoration: none !important;
  white-space: nowrap;
  border: 1px solid #e2e8f0;
  transition: all 0.18s ease;
}
.srrm-quick-car-chip:hover {
  background: #e2e8f0;
  color: #0f172a !important;
}
.srrm-quick-car-chip.is-active {
  background: var(--v2-primary, #175a71);
  color: #fff !important;
  border-color: var(--v2-primary, #175a71);
  box-shadow: 0 2px 8px rgba(23, 90, 113, 0.25);
}

/* 5. Automotive Equipment & Features Checklist in post_d.php */
.srrm-car-features-box {
  margin-top: 24px;
}
.srrm-car-features-groups {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 16px;
  margin-top: 14px;
}
.srrm-car-features-group {
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 16px;
  padding: 16px;
}
.srrm-car-features-group-title {
  font-size: 0.95rem;
  font-weight: 800;
  color: var(--v2-primary, #175a71);
  margin: 0 0 12px;
  display: flex;
  align-items: center;
  gap: 8px;
}
.srrm-car-features-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.srrm-car-feature-item {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  font-size: 0.88rem;
  color: #334155;
  line-height: 1.4;
}
.srrm-feature-check {
  color: #10b981;
  font-weight: 900;
  font-size: 0.95rem;
  flex-shrink: 0;
}
.srrm-feature-text {
  flex: 1;
}

/* 6. Mobile Sticky Bottom Contact Bar (Native App Feel) */
.srrm-mobile-sticky-contact-bar {
  display: none;
}
@media (max-width: 767px) {
  .srrm-mobile-sticky-contact-bar {
    display: block;
    position: fixed;
    bottom: 56px; /* positioned right above the .srrm-mobile-nav bottom bar */
    left: 0;
    right: 0;
    z-index: 990;
    background: rgba(255, 255, 255, 0.96);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border-top: 1px solid rgba(226, 232, 240, 0.8);
    box-shadow: 0 -4px 16px rgba(15, 34, 58, 0.08);
    padding: 8px 14px calc(8px + env(safe-area-inset-bottom, 0px));
  }
  .srrm-sticky-contact-actions {
    display: flex;
    gap: 10px;
    max-width: 500px;
    margin: 0 auto;
  }
  .srrm-sticky-btn {
    flex: 1 1 0;
    min-height: 44px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    font-size: 0.92rem;
    font-weight: 800;
    text-decoration: none !important;
    transition: all 0.16s ease;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
  }
  .srrm-sticky-btn--call {
    background: #0284c7;
    color: #fff !important;
  }
  .srrm-sticky-btn--call:active {
    background: #0369a1;
  }
  .srrm-sticky-btn--wa {
    background: #25d366;
    color: #fff !important;
  }
  .srrm-sticky-btn--wa:active {
    background: #1eb956;
  }
  /* Ensure page content has bottom padding so sticky bar does not cover footer */
  body.srrm-visual-v2 {
    padding-bottom: 120px !important;
  }
}

/* ==========================================================================
   Enhanced Hero with Integrated Direct Search Box (BranchCar Elegance)
   ========================================================================== */
.srrm-home-hero--enhanced {
  background: linear-gradient(135deg, #093b33 0%, #175a71 100%) !important;
  border-radius: 28px !important;
  padding: clamp(24px, 4vw, 48px) clamp(20px, 4vw, 44px) !important;
  box-shadow: 0 12px 36px rgba(9, 59, 51, 0.16) !important;
  position: relative;
  overflow: hidden;
}
.srrm-home-hero__top-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
  margin-bottom: 12px;
}
.srrm-home-hero__live-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: rgba(255, 255, 255, 0.14);
  color: #fff;
  border-radius: 999px;
  padding: 4px 12px;
  font-size: 0.8rem;
  font-weight: 750;
  backdrop-filter: blur(8px);
}
.srrm-home-hero__live-badge i {
  color: #10b981;
  font-size: 0.75rem;
}
.srrm-hero-search-box {
  display: grid;
  grid-template-columns: 1.8fr 1.2fr auto;
  gap: 10px;
  background: #ffffff;
  padding: 10px;
  border-radius: 18px;
  box-shadow: 0 16px 36px rgba(0, 0, 0, 0.18);
  margin: 24px 0 16px;
  width: 100%;
}
.srrm-hero-search-input-wrap {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 0 12px;
  background: #f8fafc;
  border-radius: 12px;
  border: 1px solid #e2e8f0;
}
.srrm-hero-search-icon {
  color: #94a3b8;
  font-size: 1.05rem;
}
.srrm-hero-search-input {
  width: 100%;
  border: none !important;
  background: transparent !important;
  padding: 12px 4px !important;
  font-size: 0.95rem !important;
  font-weight: 600 !important;
  color: #0f172a !important;
  outline: none !important;
  box-shadow: none !important;
}
.srrm-hero-search-select-wrap {
  display: flex;
  align-items: center;
  background: #f8fafc;
  border-radius: 12px;
  border: 1px solid #e2e8f0;
  padding: 0 8px;
}
.srrm-hero-search-select {
  width: 100%;
  border: none !important;
  background: transparent !important;
  padding: 12px 4px !important;
  font-size: 0.92rem !important;
  font-weight: 700 !important;
  color: #334155 !important;
  outline: none !important;
  box-shadow: none !important;
  cursor: pointer;
}
.srrm-hero-search-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  background: #d49826 !important;
  background: linear-gradient(135deg, #e5a42b 0%, #c58614 100%) !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 12px !important;
  padding: 12px 28px !important;
  font-size: 1rem !important;
  font-weight: 800 !important;
  cursor: pointer;
  transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1);
  box-shadow: 0 4px 14px rgba(212, 152, 38, 0.35);
  white-space: nowrap;
}
.srrm-hero-search-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 22px rgba(212, 152, 38, 0.48);
}

@media (max-width: 860px) {
  .srrm-hero-search-box {
    grid-template-columns: 1fr;
    gap: 8px;
    padding: 8px;
  }
  .srrm-hero-search-btn {
    width: 100%;
    min-height: 46px;
  }
}

/* Advanced Filters Collapsible Accordion */
.srrm-advanced-filters-accordion {
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 18px;
  margin: 18px 0 24px;
  box-shadow: 0 2px 8px rgba(15, 34, 58, 0.04);
  overflow: hidden;
}
.srrm-advanced-filters-accordion summary {
  padding: 14px 20px;
  font-size: 0.92rem;
  font-weight: 750;
  color: var(--v2-primary, #175a71);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  list-style: none;
  background: #f8fafc;
  transition: background 0.15s;
}
.srrm-advanced-filters-accordion summary::-webkit-details-marker {
  display: none;
}
.srrm-advanced-filters-accordion summary:hover {
  background: #f1f5f9;
}
.srrm-advanced-filters-accordion .srrm-accordion-arrow {
  font-size: 1.1rem;
  transition: transform 0.2s;
}
.srrm-advanced-filters-accordion[open] .srrm-accordion-arrow {
  transform: rotate(180deg);
}
.srrm-advanced-filters-accordion .srrm-home-search {
  padding: 16px 20px;
  background: #fff;
}

/* ==========================================================================
   Quick Discovery Section with Tabbed Switcher (BranchCar Pattern)
   ========================================================================== */
.srrm-quick-discovery-section {
  margin: 32px 0;
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 24px;
  padding: clamp(20px, 3vw, 36px);
  box-shadow: 0 4px 18px rgba(15, 34, 58, 0.04);
  max-width: 100%;
  overflow: hidden;
}
.srrm-discovery-tabs-bar {
  display: flex;
  gap: 12px;
  border-bottom: 2px solid #f1f5f9;
  margin-bottom: 22px;
  overflow-x: auto;
  scrollbar-width: none;
  -webkit-overflow-scrolling: touch;
}
.srrm-discovery-tabs-bar::-webkit-scrollbar {
  display: none;
}
.srrm-discovery-tab {
  background: transparent;
  border: none;
  border-bottom: 3px solid transparent;
  margin-bottom: -2px;
  padding: 10px 18px;
  font-size: 0.95rem;
  font-weight: 800;
  color: #64748b;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  transition: all 0.2s;
  white-space: nowrap;
}
.srrm-discovery-tab:hover {
  color: var(--v2-primary, #175a71);
}
.srrm-discovery-tab.is-active {
  color: #093b33;
  border-bottom-color: #093b33;
}
.srrm-branchcar-pills-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
  gap: 12px;
}
.srrm-branchcar-pill {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 14px;
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 14px;
  text-decoration: none !important;
  color: #1e293b !important;
  transition: all 0.18s cubic-bezier(0.16, 1, 0.3, 1);
}
.srrm-branchcar-pill:hover {
  background: #fff;
  border-color: #093b33;
  box-shadow: 0 6px 16px rgba(9, 59, 51, 0.1);
  transform: translateY(-2px);
  color: #093b33 !important;
}
.srrm-branchcar-pill-img-wrap {
  width: 34px;
  height: 34px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  border-radius: 8px;
  padding: 4px;
  border: 1px solid #f1f5f9;
  flex-shrink: 0;
}
.srrm-branchcar-pill-img-wrap img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}
.srrm-branchcar-pill-icon {
  width: 34px;
  height: 34px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(23, 90, 113, 0.08);
  color: var(--v2-primary, #175a71);
  border-radius: 8px;
  flex-shrink: 0;
  font-size: 1rem;
}
.srrm-branchcar-pill-name {
  font-size: 0.88rem;
  font-weight: 700;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

@media (max-width: 600px) {
  .srrm-branchcar-pills-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 8px;
  }
  .srrm-branchcar-pill {
    padding: 8px 10px;
  }
  .srrm-branchcar-pill-name {
    font-size: 0.82rem;
  }
}

/* ==========================================================================
   Automotive Ad Cards Polish (BranchCar Architecture)
   ========================================================================== */
.srrm-home-card--car {
  border: 1px solid #d1fae5 !important;
  background: #ffffff !important;
}
.srrm-home-card--car .srrm-home-card__price {
  font-size: 1.15rem !important;
  font-weight: 900 !important;
  color: #093b33 !important;
  margin-bottom: 6px !important;
}
.srrm-home-card__car-meta {
  display: flex;
  align-items: center;
  gap: 6px;
  background: #f1f5f9;
  border-radius: 10px;
  padding: 6px 10px;
  margin: 8px 0;
  flex-wrap: wrap;
}
.srrm-home-card__car-meta span {
  font-size: 0.78rem;
  font-weight: 750;
  color: #334155;
  display: inline-flex;
  align-items: center;
  gap: 4px;
}
.srrm-home-card__car-meta span:not(:last-child)::after {
  content: "•";
  margin-right: 4px;
  color: #cbd5e1;
}

/* ==========================================================================
   Call-to-Action Pre-Footer Banner (BranchCar Inspiration)
   ========================================================================== */
.srrm-home-cta-banner {
  background: linear-gradient(135deg, #072a24 0%, #0d4a3e 100%);
  border-radius: 24px;
  padding: clamp(24px, 4vw, 44px);
  margin: 36px 0 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  color: #fff;
  box-shadow: 0 12px 32px rgba(7, 42, 36, 0.2);
  flex-wrap: wrap;
}
.srrm-home-cta-copy {
  max-width: 650px;
}
.srrm-home-cta-tag {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: rgba(255, 255, 255, 0.12);
  color: #cba866;
  border-radius: 999px;
  padding: 4px 12px;
  font-size: 0.8rem;
  font-weight: 800;
  margin-bottom: 10px;
}
.srrm-home-cta-copy h2 {
  font-size: clamp(1.4rem, 2.4vw, 2rem);
  font-weight: 900;
  margin: 0 0 10px;
  color: #ffffff !important;
  line-height: 1.3;
}
.srrm-home-cta-copy p {
  font-size: 0.95rem;
  color: rgba(255, 255, 255, 0.92) !important;
  margin: 0;
  line-height: 1.6;
}
.srrm-home-cta-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: #d49826 !important;
  background: linear-gradient(135deg, #e5a42b 0%, #c58614 100%) !important;
  color: #fff !important;
  font-size: 1.05rem !important;
  font-weight: 800 !important;
  padding: 14px 28px !important;
  border-radius: 14px !important;
  text-decoration: none !important;
  white-space: nowrap;
  box-shadow: 0 6px 18px rgba(212, 152, 38, 0.4);
  transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1);
}
.srrm-home-cta-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 24px rgba(212, 152, 38, 0.55);
}
@media (max-width: 767px) {
  .srrm-home-cta-banner {
    padding: 22px 18px;
    border-radius: 18px;
    flex-direction: column;
    align-items: stretch;
    text-align: start;
  }
  .srrm-home-cta-btn {
    width: 100%;
    justify-content: center;
  }
}

/* Classifieds Hero Search Layout */
.srrm-hero-search-box--classifieds {
  grid-template-columns: 1.6fr 1fr 1fr 1fr auto !important;
}
.srrm-hero-select-icon {
  color: #94a3b8;
  font-size: 0.95rem;
  margin-inline-start: 4px;
  flex: none;
}
@media (max-width: 1100px) {
  .srrm-hero-search-box--classifieds {
    grid-template-columns: 1fr 1fr !important;
  }
  .srrm-hero-search-box--classifieds .srrm-hero-search-input-wrap {
    grid-column: 1 / -1;
  }
  .srrm-hero-search-box--classifieds .srrm-hero-search-btn {
    grid-column: 1 / -1;
    width: 100%;
  }
}
@media (max-width: 680px) {
  .srrm-hero-search-box--classifieds {
    grid-template-columns: 1fr !important;
  }
}

/* Enhanced Classifieds Category Tiles */
.srrm-home-category-grid--enhanced {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(130px, 1fr)) !important;
  gap: 14px !important;
  padding: 0 !important;
  margin: 0 !important;
  list-style: none !important;
}
.srrm-home-category-grid--enhanced li {
  min-width: 0;
  list-style: none !important;
}
.srrm-home-category-grid--enhanced .srrm-home-category {
  position: relative;
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 16px !important;
  padding: 16px 10px 14px !important;
  min-height: 120px !important;
  box-shadow: 0 2px 8px rgba(15, 34, 58, 0.04);
  transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1) !important;
  text-decoration: none !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
}
.srrm-home-category-grid--enhanced a.srrm-home-category:hover {
  transform: translateY(-4px) !important;
  border-color: #cbd5e1 !important;
  box-shadow: 0 10px 24px rgba(15, 34, 58, 0.08) !important;
}
.srrm-home-category-grid--enhanced .srrm-home-category__icon {
  width: 52px !important;
  height: 52px !important;
  border-radius: 14px !important;
  font-size: 22px !important;
  margin-bottom: 4px;
  display: grid !important;
  place-items: center !important;
  flex: none;
}
.srrm-home-category-grid--enhanced .srrm-home-category__name {
  font-size: 13.5px !important;
  font-weight: 750 !important;
  color: #1e293b !important;
  line-height: 1.35 !important;
  text-align: center;
}
.srrm-home-category-grid--enhanced .srrm-home-category__count {
  position: absolute;
  top: 8px;
  inset-inline-end: 8px;
  background: #f1f5f9;
  color: #64748b;
  font-size: 11px;
  font-weight: 700;
  padding: 2px 7px;
  border-radius: 999px;
  line-height: 1.2;
}

/* Multi-Category Ad Card Badges */
.srrm-home-card__price-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 4px 8px;
  margin-bottom: 6px;
}
.srrm-home-card__price,
.srrm-home-card__price bdi,
.srrm-public-card__price,
.srrm-public-card__price bdi {
  white-space: nowrap !important;
  flex-shrink: 0 !important;
  word-break: keep-all !important;
  overflow-wrap: normal !important;
}
.srrm-home-card__cat-pill {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: 11px;
  font-weight: 750;
  color: #0284c7;
  background: #e0f2fe;
  border-radius: 6px;
  padding: 2px 7px;
  white-space: nowrap;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* ==========================================================================
   SRRM Classifieds Search & Advanced Filters Suite — V2 Redesign
   ========================================================================== */
.srrm-search-suite {
  width: 100%;
  margin: 0 0 24px 0;
  text-align: start;
  font-family: inherit;
}
.srrm-search-main-form {
  width: 100%;
  display: block;
}

/* Unified Search Hero Bar Card */
.srrm-search-hero-bar {
  background: #ffffff;
  border-radius: 18px;
  box-shadow: 0 8px 32px rgba(15, 35, 60, 0.08);
  border: 1.5px solid #e2e8f0;
  padding: 10px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(140px, 185px) minmax(140px, 185px) auto;
  gap: 10px;
  align-items: center;
  transition: border-color 0.2s, box-shadow 0.2s;
}
.srrm-search-hero-bar:focus-within {
  border-color: #cbd5e1;
  box-shadow: 0 10px 36px rgba(15, 35, 60, 0.12);
}

/* Field Container */
.srrm-search-field {
  position: relative;
  display: flex;
  align-items: center;
  background: #f8fafc;
  border: 1.5px solid #e2e8f0;
  border-radius: 12px;
  min-height: 48px;
  height: 48px;
  padding: 0 12px;
  transition: all 0.2s ease;
}
.srrm-search-field:focus-within {
  border-color: #0284c7;
  background: #ffffff;
  box-shadow: 0 0 0 3px rgba(2, 132, 199, 0.12);
}
.srrm-search-field__icon {
  font-size: 14px;
  color: #64748b;
  margin-inline-end: 9px;
  flex: none;
  display: flex;
  align-items: center;
}
.srrm-search-field:focus-within .srrm-search-field__icon {
  color: #0284c7;
}
.srrm-search-field__input {
  border: none;
  background: transparent;
  width: 100%;
  height: 100%;
  outline: none;
  font-family: inherit;
  font-size: 14px;
  font-weight: 650;
  color: #0f172a;
  padding: 0;
}
.srrm-search-field__input::placeholder {
  color: #94a3b8;
  font-weight: 500;
}
.srrm-search-field__select {
  border: none !important;
  background-color: transparent !important;
  width: 100% !important;
  height: 100% !important;
  outline: none !important;
  font-family: inherit !important;
  font-size: 13.5px !important;
  font-weight: 750 !important;
  color: #1e293b !important;
  cursor: pointer !important;
  appearance: none !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-size: 13px !important;
  background-position: left 10px center !important;
  padding: 0 6px 0 26px !important;
}
[dir="rtl"] .srrm-search-field__select {
  background-position: left 10px center !important;
  padding: 0 6px 0 26px !important;
}
.srrm-search-field__clear {
  border: none;
  background: #e2e8f0;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  font-size: 15px;
  line-height: 18px;
  color: #475569;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  transition: background 0.15s, color 0.15s;
}
.srrm-search-field__clear:hover {
  background: #cbd5e1;
  color: #0f172a;
}

/* Actions Group */
.srrm-search-actions-group {
  display: flex;
  align-items: center;
  gap: 8px;
}
.srrm-btn-search-hero {
  background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);
  color: #ffffff !important;
  border: none;
  border-radius: 12px;
  min-height: 48px;
  height: 48px;
  padding: 0 22px;
  font-weight: 850;
  font-size: 14.5px;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  box-shadow: 0 4px 14px rgba(245, 158, 11, 0.32);
  transition: transform 0.15s, box-shadow 0.15s, background 0.15s;
  white-space: nowrap;
}
.srrm-btn-search-hero:hover {
  transform: translateY(-1px);
  box-shadow: 0 6px 18px rgba(245, 158, 11, 0.45);
  background: linear-gradient(135deg, #fbbf24 0%, #d97706 100%);
}
.srrm-btn-adv-toggle {
  background: #f1f5f9;
  color: #1e293b;
  border: 1.5px solid #cbd5e1;
  border-radius: 12px;
  min-height: 48px;
  height: 48px;
  padding: 0 14px;
  font-weight: 800;
  font-size: 13.5px;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  transition: all 0.15s ease;
  white-space: nowrap;
}
.srrm-btn-adv-toggle:hover {
  background: #e2e8f0;
  border-color: #94a3b8;
}
.srrm-btn-adv-toggle[aria-expanded="true"],
.srrm-btn-adv-toggle.has-active {
  background: #e0f2fe;
  border-color: #0284c7;
  color: #0369a1;
}
.srrm-adv-badge {
  background: #0284c7;
  color: #ffffff;
  font-size: 11px;
  font-weight: 900;
  min-width: 19px;
  height: 19px;
  border-radius: 10px;
  padding: 0 5px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
}
.srrm-btn-search-reset {
  width: 44px;
  height: 44px;
  border-radius: 12px;
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #64748b;
  text-decoration: none !important;
  font-size: 13.5px;
  transition: all 0.15s ease;
  flex: none;
}
.srrm-btn-search-reset:hover {
  background: #fee2e2;
  border-color: #fca5a5;
  color: #dc2626;
}

/* Quick Categories Carousel Strip */
.srrm-quick-cats-wrapper {
  margin: 14px 0 0;
  width: 100%;
}
.srrm-quick-cats-strip {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding: 2px 0;
  width: 100%;
}
@media (max-width: 991px) {
  .srrm-quick-cats-wrapper {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }
  .srrm-quick-cats-wrapper::-webkit-scrollbar {
    display: none;
  }
  .srrm-quick-cats-strip {
    flex-wrap: nowrap;
    min-width: max-content;
    padding: 3px 2px;
  }
}
.srrm-cat-chip {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 7px 14px;
  border-radius: 100px;
  background: #ffffff;
  border: 1.5px solid #e2e8f0;
  color: #334155;
  font-size: 13px;
  font-weight: 750;
  cursor: pointer;
  transition: all 0.15s ease;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.02);
  white-space: nowrap;
}
.srrm-cat-chip:hover {
  border-color: #0284c7;
  color: #0284c7;
  background: #f0f9ff;
  transform: translateY(-1px);
}
.srrm-cat-chip.is-active {
  background: #0f172a !important;
  border-color: #0f172a !important;
  color: #ffffff !important;
  box-shadow: 0 4px 12px rgba(15, 23, 42, 0.22);
}
.srrm-cat-chip.is-active .srrm-cat-chip__label {
  color: #ffffff !important;
}
.srrm-cat-chip__icon {
  font-size: 14px;
  line-height: 1;
}

/* Active Filters Dismissible Bar */
.srrm-active-filters-bar {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 12px;
  padding: 10px 14px;
  background: #f8fafc;
  border-radius: 12px;
  border: 1px dashed #cbd5e1;
}
.srrm-active-filters-bar__title {
  font-size: 12.5px;
  font-weight: 850;
  color: #475569;
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
.srrm-active-chips-list {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  align-items: center;
}
.srrm-dismiss-chip {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 4px 10px;
  border-radius: 8px;
  background: #e0f2fe;
  border: 1px solid #bae6fd;
  color: #0369a1;
  font-size: 12px;
  font-weight: 800;
  cursor: pointer;
  transition: all 0.15s ease;
}
.srrm-dismiss-chip:hover {
  background: #fee2e2;
  border-color: #fca5a5;
  color: #b91c1c;
}
.srrm-dismiss-chip__x {
  font-size: 14px;
  font-weight: 900;
  line-height: 1;
}
.srrm-clear-all-link {
  color: #dc2626 !important;
  font-size: 12px;
  font-weight: 850;
  text-decoration: underline !important;
  margin-inline-start: 6px;
}

/* Advanced Filters Collapsible Drawer */
.srrm-adv-drawer {
  margin-top: 14px;
  background: #ffffff;
  border: 1.5px solid #e2e8f0;
  border-radius: 18px;
  box-shadow: 0 14px 40px rgba(15, 35, 60, 0.08);
  overflow: hidden;
}
.srrm-adv-drawer__inner {
  padding: clamp(16px, 2.5vw, 24px);
}
.srrm-adv-drawer__header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 18px;
  border-bottom: 1px solid #f1f5f9;
  padding-bottom: 12px;
}
.srrm-adv-drawer__title {
  font-size: 16.5px;
  font-weight: 900;
  color: #0f172a;
  margin: 0 0 3px;
  display: flex;
  align-items: center;
  gap: 8px;
}
.srrm-adv-drawer__title i {
  color: #0284c7;
}
.srrm-adv-drawer__subtitle {
  font-size: 12.5px;
  color: #64748b;
  margin: 0;
}
.srrm-adv-drawer__close {
  background: #f1f5f9;
  border: none;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  font-size: 18px;
  line-height: 1;
  color: #64748b;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
.srrm-adv-drawer__close:hover {
  background: #e2e8f0;
  color: #0f172a;
}
.srrm-adv-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 16px;
}
.srrm-adv-card {
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 14px;
  padding: 14px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.srrm-adv-card__head {
  display: flex;
  align-items: center;
  gap: 7px;
  font-size: 13.5px;
  font-weight: 850;
  color: #1e293b;
  border-bottom: 1px solid #edf2f7;
  padding-bottom: 7px;
}
.srrm-adv-card__icon {
  color: #0284c7;
  font-size: 13.5px;
}
.srrm-adv-card__body {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.srrm-adv-field {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.srrm-adv-field label {
  font-size: 12px;
  font-weight: 800;
  color: #475569;
  margin: 0;
}
.srrm-adv-select,
.srrm-adv-input {
  min-height: 42px !important;
  height: 42px !important;
  border-radius: 10px !important;
  border: 1px solid #cbd5e1 !important;
  background-color: #ffffff !important;
  font-size: 13px !important;
  font-weight: 650 !important;
  color: #0f172a !important;
  padding: 0 10px !important;
  box-shadow: none !important;
}
.srrm-adv-select {
  appearance: none !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-size: 13px !important;
  background-position: left 12px center !important;
  padding: 0 10px 0 28px !important;
  cursor: pointer !important;
}
[dir="rtl"] .srrm-adv-select {
  background-position: left 12px center !important;
  padding: 0 10px 0 28px !important;
}
.srrm-adv-select:focus,
.srrm-adv-input:focus {
  border-color: #0284c7 !important;
  box-shadow: 0 0 0 3px rgba(2, 132, 199, 0.12) !important;
}
.srrm-adv-price-inputs {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
}
.srrm-adv-presets {
  display: flex;
  flex-direction: column;
  gap: 5px;
  margin-top: 2px;
}
.srrm-adv-presets__label {
  font-size: 11px;
  font-weight: 800;
  color: #64748b;
}
.srrm-adv-presets__list {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}
.srrm-preset-btn {
  padding: 4px 8px;
  font-size: 11px;
  font-weight: 800;
  border-radius: 6px;
  background: #e2e8f0;
  border: none;
  color: #334155;
  cursor: pointer;
  transition: all 0.15s ease;
}
.srrm-preset-btn:hover {
  background: #0284c7;
  color: #ffffff;
}
.srrm-adv-drawer__footer {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  margin-top: 18px;
  padding-top: 12px;
  border-top: 1px solid #f1f5f9;
}
.srrm-btn-apply-filters {
  background: #175a71;
  color: #ffffff !important;
  border: none;
  border-radius: 11px;
  min-height: 44px;
  padding: 0 20px;
  font-weight: 850;
  font-size: 13.5px;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  box-shadow: 0 4px 12px rgba(23, 90, 113, 0.22);
  transition: all 0.15s ease;
}
.srrm-btn-apply-filters:hover {
  background: #0e4354;
}
.srrm-btn-reset-filters {
  background: #ffffff;
  border: 1px solid #cbd5e1;
  color: #475569 !important;
  border-radius: 11px;
  min-height: 44px;
  padding: 0 16px;
  font-weight: 800;
  font-size: 13px;
  text-decoration: none !important;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  transition: all 0.15s ease;
}
.srrm-btn-reset-filters:hover {
  background: #f1f5f9;
  color: #0f172a !important;
}

/* Responsive Adaptations for Search Suite */
@media (max-width: 991px) {
  .srrm-search-hero-bar {
    grid-template-columns: 1fr 1fr;
    gap: 8px;
    padding: 12px;
    border-radius: 16px;
  }
  .srrm-search-field--keyword {
    grid-column: 1 / -1;
  }
  .srrm-search-actions-group {
    grid-column: 1 / -1;
    width: 100%;
  }
  .srrm-btn-search-hero {
    flex: 2;
    justify-content: center;
  }
  .srrm-btn-adv-toggle {
    flex: 1.2;
    justify-content: center;
  }
}

@media (max-width: 575px) {
  .srrm-search-hero-bar {
    grid-template-columns: 1fr;
    gap: 7px;
    padding: 10px;
  }
  .srrm-search-field {
    min-height: 46px;
    height: 46px;
  }
  .srrm-btn-search-hero {
    min-height: 46px;
    height: 46px;
  }
  .srrm-btn-adv-toggle {
    min-height: 46px;
    height: 46px;
  }
  .srrm-btn-adv-toggle__text {
    font-size: 12.5px;
  }
  .srrm-adv-grid {
    grid-template-columns: 1fr;
  }
}

/* ==========================================================================
   Hero Search Wrap Context (Homepage Integration)
   ========================================================================== */
.srrm-home-hero__search-wrap .srrm-search-suite {
  margin: 0;
}
.srrm-home-hero__search-wrap .srrm-search-hero-bar {
  background: #ffffff;
  border-radius: 18px;
  box-shadow: 0 16px 45px rgba(0, 0, 0, 0.25);
  border: none;
  padding: 10px;
}
.srrm-home-hero__search-wrap .srrm-quick-cats-wrapper {
  margin: 14px 0 0;
}
.srrm-home-hero__search-wrap .srrm-cat-chip {
  background: rgba(255, 255, 255, 0.95);
  border: 1px solid rgba(255, 255, 255, 0.5);
  color: #1e293b;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.12);
}
.srrm-home-hero__search-wrap .srrm-cat-chip:hover {
  background: #ffffff;
  color: #0284c7;
  border-color: #ffffff;
}
.srrm-home-hero__search-wrap .srrm-cat-chip.is-active {
  background: #f59e0b !important;
  border-color: #f59e0b !important;
  color: #ffffff !important;
  box-shadow: 0 6px 18px rgba(245, 158, 11, 0.45);
}
.srrm-home-hero__search-wrap .srrm-cat-chip.is-active .srrm-cat-chip__label {
  color: #ffffff !important;
}
.srrm-home-hero__search-wrap .srrm-active-filters-bar {
  background: rgba(255, 255, 255, 0.95);
  border: 1px solid rgba(255, 255, 255, 0.6);
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.12);
}
.srrm-home-hero__search-wrap .srrm-adv-drawer {
  background: #ffffff;
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.35);
}

/* ==========================================================================
   Mobile Native App Experience Enhancements (100% App Feel)
   ========================================================================== */
@media (max-width: 767px) {
  /* 1. Prevent iOS Safari auto-zoom on input tap */
  body.srrm-visual-v2 input[type="text"],
  body.srrm-visual-v2 input[type="search"],
  body.srrm-visual-v2 input[type="number"],
  body.srrm-visual-v2 input[type="tel"],
  body.srrm-visual-v2 input[type="email"],
  body.srrm-visual-v2 select,
  body.srrm-visual-v2 textarea,
  body.srrm-visual-v2 .form-control {
    font-size: 16px !important;
  }

  /* 2. Fast tactile tap feedback & zero blue highlight */
  .srrm-mobile-nav,
  .srrm-mobile-sticky-contact-bar,
  .srrm-cat-chip,
  .srrm-btn-adv-toggle,
  .srrm-btn-search-hero,
  .srrm-sticky-btn,
  .srrm-view-btn,
  .srrm-app-bar-btn {
    -webkit-tap-highlight-color: transparent !important;
    user-select: none !important;
    -webkit-user-select: none !important;
  }
  .srrm-btn-search-hero:active,
  .srrm-btn-adv-toggle:active,
  .srrm-cat-chip:active,
  .srrm-sticky-btn:active,
  .srrm-app-bar-btn:active,
  .srrm-mobile-nav__link:active {
    transform: scale(0.96) !important;
    transition: transform 0.08s ease !important;
  }

  /* 3. Mobile Native App Bar on Detail Page */
  .srrm-detail-breadcrumb {
    display: none !important;
  }
  .srrm-detail-app-bar {
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 8px 12px;
    margin: 8px 0 16px;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 14px;
    box-shadow: 0 2px 8px rgba(15, 23, 42, 0.04);
  }
  .srrm-app-bar-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    background: #ffffff;
    border: 1.5px solid #cbd5e1;
    color: #1e293b;
    font-size: 13px;
    font-weight: 700;
    padding: 6px 12px;
    border-radius: 10px;
    cursor: pointer;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
    text-decoration: none !important;
    flex-shrink: 0;
  }
  .srrm-app-bar-btn i {
    font-size: 13px;
  }
  .srrm-app-bar-btn.srrm-app-bar-share {
    width: 36px;
    height: 36px;
    padding: 0;
    border-radius: 50%;
    color: #0284c7;
    flex-shrink: 0;
  }
  .srrm-app-bar-cat {
    flex: 1;
    text-align: center;
    font-size: 13px;
    font-weight: 800;
    color: #0f172a;
    min-width: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  /* 4. Bottom Nav Bar Perfect Native App Elevation */
  body.srrm-visual-v2 .srrm-mobile-nav {
    position: fixed !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    z-index: 995 !important;
    background: rgba(255, 255, 255, 0.98) !important;
    backdrop-filter: blur(16px) !important;
    -webkit-backdrop-filter: blur(16px) !important;
    border-top: 1px solid rgba(226, 232, 240, 0.9) !important;
    box-shadow: 0 -4px 20px rgba(15, 23, 42, 0.08) !important;
  }

  /* 5. Complete removal of bulky desktop footer on mobile (Pure Native App Feel) */
  footer.srrm-footer,
  .srrm-footer,
  body.srrm-visual-v2 .srrm-footer,
  body.srrm-public-surface .srrm-footer,
  .srrm-footer-car-makes-wrap,
  #bottom1 {
    display: none !important;
  }

  /* Base mobile body padding for bottom nav */
  body.srrm-visual-v2 {
    padding-bottom: calc(75px + env(safe-area-inset-bottom, 0px)) !important;
  }

  /* Detail page body spacing for stacked sticky contact + bottom nav */
  body.srrm-visual-v2:has(.srrm-public-detail),
  .srrm-public-detail {
    padding-bottom: calc(140px + env(safe-area-inset-bottom, 0px)) !important;
  }

  /* Smooth momentum scrolling for cards and lists */
  .srrm-public-main,
  .srrm-home-ad-grid,
  .srrm-home-directory,
  .srrm-quick-cats-wrapper {
    -webkit-overflow-scrolling: touch;
  }

  /* --- STAGE 2: 100% NATIVE MOBILE APP PERFECTION --- */

  /* 1. Mobile Header Cleanup & App Bar Experience */
  body.srrm-visual-v2 .srrm-site-header__post {
    display: none !important; /* Prominent + is in mobile bottom nav */
  }
  body.srrm-visual-v2 .srrm-site-header__utility {
    display: none !important;
  }
  body.srrm-visual-v2 .srrm-site-header__primary {
    padding: 0 !important;
    background: #ffffff !important;
    border-bottom: 1px solid #f1f5f9 !important;
  }
  body.srrm-visual-v2 .srrm-site-header__inner {
    height: 52px !important;
    padding: 0 12px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
  }
  body.srrm-visual-v2 .srrm-site-brand {
    gap: 8px !important;
  }
  body.srrm-visual-v2 .srrm-site-brand__symbol {
    width: 30px !important;
    height: 30px !important;
  }
  body.srrm-visual-v2 .srrm-site-brand__symbol svg {
    width: 22px !important;
    height: 22px !important;
  }
  body.srrm-visual-v2 .srrm-site-brand__text strong {
    font-size: 16px !important;
    color: #0f172a !important;
  }
  body.srrm-visual-v2 .srrm-site-brand__text small {
    display: none !important;
  }
  body.srrm-visual-v2 .srrm-site-header__actions {
    gap: 8px !important;
    align-items: center !important;
  }
  body.srrm-visual-v2 .srrm-market-picker summary {
    padding: 5px 10px !important;
    font-size: 12px !important;
    border-radius: 20px !important;
    background: #f1f5f9 !important;
    border: 1px solid #e2e8f0 !important;
    font-weight: 700 !important;
  }
  body.srrm-visual-v2 .srrm-site-header__menu summary {
    width: 36px !important;
    height: 36px !important;
    border-radius: 10px !important;
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
  }

  /* 2. Compact Native App Hero on Mobile */
  body.srrm-visual-v2 .srrm-home-hero {
    padding: 10px 12px 14px !important;
    margin-bottom: 12px !important;
    border-radius: 0 0 18px 18px !important;
  }
  body.srrm-visual-v2 .srrm-home-hero__top-bar,
  body.srrm-visual-v2 .srrm-home-hero__lead,
  body.srrm-visual-v2 .srrm-home-hero__discovery {
    display: none !important;
  }
  body.srrm-visual-v2 .srrm-home-hero h1 {
    font-size: 17px !important;
    line-height: 1.3 !important;
    margin: 0 0 8px !important;
    text-align: center !important;
    font-weight: 800 !important;
  }
  body.srrm-visual-v2 .srrm-home-hero__search-wrap {
    margin: 0 !important;
  }

  /* 3. 4-Column Native App Category Icons on Mobile */
  body.srrm-visual-v2 .srrm-home-section.srrm-classified-categories-section {
    padding: 0 8px !important;
    margin-bottom: 14px !important;
  }
  body.srrm-visual-v2 .srrm-home-section__head {
    margin-bottom: 8px !important;
    padding: 0 4px !important;
  }
  body.srrm-visual-v2 .srrm-home-section__head h2 {
    font-size: 15px !important;
    font-weight: 850 !important;
  }
  body.srrm-visual-v2 .srrm-home-section__head .srrm-home-eyebrow {
    font-size: 11px !important;
    margin-bottom: 2px !important;
  }
  body.srrm-visual-v2 .srrm-home-category-grid {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 10px 4px !important;
    padding: 0 !important;
    list-style: none !important;
  }
  body.srrm-visual-v2 .srrm-home-category-grid li {
    display: flex !important;
  }
  body.srrm-visual-v2 .srrm-home-category {
    flex: 1 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    min-height: 76px !important;
    padding: 2px 2px 4px !important;
    gap: 5px !important;
    border-radius: 12px !important;
    text-decoration: none !important;
    transition: transform 0.15s ease !important;
  }
  body.srrm-visual-v2 .srrm-home-category:active {
    transform: scale(0.92) !important;
  }
  body.srrm-visual-v2 .srrm-home-category__icon {
    width: 50px !important;
    height: 50px !important;
    border-radius: 50% !important;
    margin: 0 auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 20px !important;
    box-shadow: 0 3px 8px rgba(15, 23, 42, 0.05) !important;
    border: 1px solid rgba(226, 232, 240, 0.7) !important;
    flex: none !important;
  }
  body.srrm-visual-v2 .srrm-home-category__name {
    font-size: 11px !important;
    font-weight: 750 !important;
    color: #1e293b !important;
    text-align: center !important;
    line-height: 1.25 !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
  }
  body.srrm-visual-v2 .srrm-home-category__count {
    display: none !important;
  }

  /* Progressive disclosure for 27 categories on mobile */
  body.srrm-visual-v2 .srrm-home-category-grid.is-collapsed li:nth-child(n+9) {
    display: none !important;
  }
  body.srrm-visual-v2 .srrm-home-categories-toggle-wrap {
    display: flex !important;
    justify-content: center !important;
    margin: 6px 0 14px !important;
  }
  body.srrm-visual-v2 .srrm-home-categories-toggle {
    display: inline-flex !important;
    align-items: center !important;
    gap: 7px !important;
    background: #ffffff !important;
    border: 1px solid #cbd5e1 !important;
    border-radius: 20px !important;
    padding: 5px 15px !important;
    font-size: 12px !important;
    font-weight: 750 !important;
    color: #0284c7 !important;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.03) !important;
    cursor: pointer !important;
  }
  body.srrm-visual-v2 .srrm-home-categories-toggle:active {
    transform: scale(0.96) !important;
    background: #f8fafc !important;
  }

  /* 4. Compact 2-Row Mobile Search Bar */
  body.srrm-visual-v2 .srrm-search-hero-bar {
    display: grid !important;
    grid-template-columns: 1fr 1fr 1fr !important;
    gap: 6px !important;
    padding: 8px !important;
    border-radius: 14px !important;
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    box-shadow: 0 4px 14px rgba(15, 35, 60, 0.06) !important;
  }
  body.srrm-visual-v2 .srrm-search-field--keyword {
    grid-column: 1 / 3 !important;
    grid-row: 1 / 2 !important;
    min-height: 40px !important;
    height: 40px !important;
    background: #f1f5f9 !important;
    border-radius: 10px !important;
    border: 1px solid transparent !important;
  }
  body.srrm-visual-v2 .srrm-search-field--keyword:focus-within {
    background: #ffffff !important;
    border-color: #0284c7 !important;
  }
  body.srrm-visual-v2 .srrm-search-field--keyword input {
    font-size: 12px !important;
    padding: 0 8px 0 28px !important;
    height: 38px !important;
  }
  body.srrm-visual-v2 [dir="rtl"] .srrm-search-field--keyword input {
    padding: 0 28px 0 8px !important;
  }
  body.srrm-visual-v2 .srrm-search-field--keyword .srrm-search-field__icon {
    font-size: 12px !important;
    inset-inline-start: 8px !important;
    color: #64748b !important;
  }
  body.srrm-visual-v2 .srrm-search-actions-group {
    grid-column: 3 / 4 !important;
    grid-row: 1 / 2 !important;
    display: flex !important;
    gap: 4px !important;
    justify-content: flex-end !important;
  }
  body.srrm-visual-v2 .srrm-btn-search-hero {
    min-height: 40px !important;
    height: 40px !important;
    padding: 0 10px !important;
    border-radius: 10px !important;
    font-size: 14px !important;
    flex: 1 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
  }
  body.srrm-visual-v2 .srrm-btn-search-hero span {
    display: none !important;
  }
  body.srrm-visual-v2 .srrm-btn-adv-toggle {
    min-height: 40px !important;
    height: 40px !important;
    padding: 0 8px !important;
    border-radius: 10px !important;
    font-size: 13px !important;
    flex: 1 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: #f8fafc !important;
    border: 1px solid #cbd5e1 !important;
  }
  body.srrm-visual-v2 .srrm-btn-adv-toggle__text {
    display: none !important;
  }
  body.srrm-visual-v2 .srrm-btn-search-reset {
    min-height: 40px !important;
    height: 40px !important;
    width: 36px !important;
    padding: 0 !important;
    border-radius: 10px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
  }
  body.srrm-visual-v2 .srrm-search-field--country {
    grid-column: 1 / 2 !important;
    grid-row: 2 / 3 !important;
    min-height: 32px !important;
    height: 32px !important;
    border-radius: 8px !important;
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
  }
  body.srrm-visual-v2 .srrm-search-field--city {
    grid-column: 2 / 3 !important;
    grid-row: 2 / 3 !important;
    min-height: 32px !important;
    height: 32px !important;
    border-radius: 8px !important;
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
  }
  body.srrm-visual-v2 .srrm-search-field--category {
    grid-column: 3 / 4 !important;
    grid-row: 2 / 3 !important;
    min-height: 32px !important;
    height: 32px !important;
    border-radius: 8px !important;
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
  }
  body.srrm-visual-v2 .srrm-search-field--country select,
  body.srrm-visual-v2 .srrm-search-field--city select,
  body.srrm-visual-v2 .srrm-search-field--category select {
    font-size: 11px !important;
    height: 30px !important;
    line-height: 30px !important;
    padding: 0 4px 0 18px !important;
  }
  body.srrm-visual-v2 [dir="rtl"] .srrm-search-field--country select,
  body.srrm-visual-v2 [dir="rtl"] .srrm-search-field--city select,
  body.srrm-visual-v2 [dir="rtl"] .srrm-search-field--category select {
    padding: 0 18px 0 4px !important;
  }
  body.srrm-visual-v2 .srrm-search-field--country .srrm-search-field__icon,
  body.srrm-visual-v2 .srrm-search-field--city .srrm-search-field__icon,
  body.srrm-visual-v2 .srrm-search-field--category .srrm-search-field__icon {
    font-size: 10px !important;
    inset-inline-start: 5px !important;
    color: #64748b !important;
  }
  /* Category Chips Strip on mobile */
  body.srrm-visual-v2 .srrm-quick-cats-wrapper {
    margin: 6px 0 0 !important;
  }
  body.srrm-visual-v2 .srrm-cat-chip {
    padding: 4px 10px !important;
    font-size: 11px !important;
    border-radius: 18px !important;
  }

  /* 5. Mobile Sticky Bottom Contact Bar Safe Separation */
  .srrm-mobile-sticky-contact-bar {
    bottom: 56px !important;
    z-index: 994 !important;
  }
}

/* Desktop Safety Rules (Unchanged Desktop Layout) */
@media (min-width: 768px) {
  body.srrm-visual-v2 .srrm-home-categories-toggle-wrap {
    display: none !important;
  }
  body.srrm-visual-v2 .srrm-home-category-grid.is-collapsed li {
    display: flex !important;
  }
}

/* 6. Google Auto Ads Suppression for App Bar Header */
header.srrm-site-header .google-auto-placed,
header.srrm-site-header iframe,
header.srrm-site-header ins.adsbygoogle,
.srrm-site-header .google-auto-placed {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  width: 0 !important;
  overflow: hidden !important;
}

/* 7. Zero Horizontal Overflow Guarantee */
html, body {
  overflow-x: hidden !important;
  max-width: 100vw !important;
}
.srrm-quick-cats-wrapper {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
}
.srrm-search-suite,
.srrm-search-main-form {
  max-width: 100% !important;
  min-width: 0 !important;
}

/* ==========================================================================
   Sharea Abdel Aziz — Egyptian Commercial Marketplace Design Suite
   Completely distinct, vibrant, high-end e-commerce & classifieds identity
   ========================================================================== */

/* 1. Global Tokens for Sharea Abdel Aziz */
body.srrm-visual-v2 {
  --az-navy-deep: #07101e;
  --az-navy-cairo: #0d1e38;
  --az-navy-royal: #142c52;
  --az-blue-accent: #1e3a8a;
  --az-gold-bright: #f59e0b;
  --az-gold-amber: #d97706;
  --az-gold-soft: #fef3c7;
  --az-slate-dark: #0f172a;
  --az-slate-mid: #334155;
  --az-slate-light: #64748b;
  --az-border: #e2e8f0;
  --az-card-bg: #ffffff;
  --az-card-radius: 18px;
  --az-shadow-sm: 0 4px 14px rgba(15, 23, 42, 0.05);
  --az-shadow-md: 0 10px 25px -4px rgba(15, 23, 42, 0.08);
  --az-shadow-lg: 0 20px 45px -8px rgba(15, 23, 42, 0.12);
  --az-glow-gold: 0 6px 20px rgba(245, 158, 11, 0.35);
}

/* 2. Hero Section — Radical Egyptian Commercial Hub */
body.srrm-visual-v2 .az-hero-showcase {
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 20px !important;
  border-radius: 28px !important;
  padding: clamp(28px, 4vw, 54px) !important;
  overflow: hidden !important;
  background: radial-gradient(100% 120% at 85% 10%, rgba(245, 158, 11, 0.18) 0%, transparent 60%),
              radial-gradient(100% 100% at 15% 90%, rgba(30, 58, 138, 0.45) 0%, transparent 60%),
              linear-gradient(135deg, #07101e 0%, #0d1e38 45%, #142c52 100%) !important;
  box-shadow: 0 25px 60px -10px rgba(7, 16, 30, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  color: #ffffff !important;
}

.az-hero-ambient {
  position: absolute;
  border-radius: 50%;
  pointer-events: none;
  filter: blur(60px);
  opacity: 0.6;
  z-index: 1;
}
.az-ambient-1 {
  width: 380px;
  height: 380px;
  background: rgba(245, 158, 11, 0.15);
  top: -80px;
  inset-inline-end: -60px;
}
.az-ambient-2 {
  width: 420px;
  height: 420px;
  background: rgba(30, 58, 138, 0.35);
  bottom: -100px;
  inset-inline-start: -80px;
}

.az-hero-top-badge {
  position: relative;
  z-index: 2;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  max-width: 100%;
  flex-wrap: wrap;
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.16);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  padding: 6px 18px;
  border-radius: 999px;
  margin-bottom: 12px;
  font-size: 13.5px;
  font-weight: 750;
  color: #f8fafc;
}
.az-hero-flag {
  font-size: 18px;
  line-height: 1;
}
.az-hero-badge-text {
  letter-spacing: 0.01em;
}
.az-hero-pulse {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: rgba(245, 158, 11, 0.2);
  border: 1px solid rgba(245, 158, 11, 0.45);
  color: #fbbf24;
  padding: 3px 11px;
  border-radius: 999px;
  font-size: 11.5px;
  font-weight: 850;
  margin-inline-start: 6px;
}
.az-pulse-dot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #fbbf24;
  box-shadow: 0 0 10px #f59e0b;
  animation: azPulseAnim 2s infinite;
}
@keyframes azPulseAnim {
  0% { transform: scale(0.95); opacity: 0.8; }
  50% { transform: scale(1.3); opacity: 1; }
  100% { transform: scale(0.95); opacity: 0.8; }
}

body.srrm-visual-v2 .az-hero-title {
  position: relative;
  z-index: 2;
  font-size: clamp(32px, 3.8vw, 54px) !important;
  font-weight: 900 !important;
  color: #ffffff !important;
  line-height: 1.25 !important;
  letter-spacing: -0.025em !important;
  margin: 4px 0 10px !important;
  text-shadow: 0 4px 20px rgba(0, 0, 0, 0.35) !important;
}

body.srrm-visual-v2 .az-hero-lead {
  position: relative;
  z-index: 2;
  color: #e2e8f0 !important;
  font-size: clamp(16px, 1.4vw, 21px) !important;
  max-width: 840px !important;
  margin: 0 0 18px !important;
  font-weight: 600 !important;
  line-height: 1.6 !important;
}

/* 3. Hero Command Search Console */
body.srrm-visual-v2 .az-search-command {
  position: relative;
  z-index: 2;
  margin: 18px 0 0 !important;
}
body.srrm-visual-v2 .az-search-command .srrm-search-hero-bar {
  background: #ffffff !important;
  border: 1px solid rgba(255, 255, 255, 0.9) !important;
  box-shadow: 0 20px 50px -10px rgba(0, 0, 0, 0.35) !important;
  border-radius: 20px !important;
  padding: 8px 10px !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  width: 100% !important;
}
body.srrm-visual-v2 .az-search-command .srrm-search-field--keyword {
  flex: 1 1 0% !important;
  min-width: 260px !important;
}
body.srrm-visual-v2 .az-search-command .srrm-search-field--city {
  flex: 0 0 165px !important;
  width: 165px !important;
}
body.srrm-visual-v2 .az-search-command .srrm-search-field--category {
  flex: 0 0 175px !important;
  width: 175px !important;
}
body.srrm-visual-v2 .az-search-command .srrm-search-actions-group {
  flex: 0 0 auto !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  margin-inline-start: 0 !important;
}
body.srrm-visual-v2 .az-search-command .srrm-btn-search-hero {
  background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%) !important;
  color: #ffffff !important;
  font-weight: 900 !important;
  border-radius: 14px !important;
  box-shadow: 0 6px 20px rgba(245, 158, 11, 0.45) !important;
  font-size: 15px !important;
  min-width: 135px !important;
  min-height: 50px !important;
  border: none !important;
  transition: transform 0.15s, box-shadow 0.15s, background 0.15s !important;
}
body.srrm-visual-v2 .az-search-command .srrm-btn-search-hero:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 25px rgba(245, 158, 11, 0.6) !important;
  background: linear-gradient(135deg, #fbbf24 0%, #d97706 100%) !important;
}
body.srrm-visual-v2 .az-search-command .srrm-search-field__input,
body.srrm-visual-v2 .az-search-command .srrm-search-field__select {
  height: 50px !important;
  border-radius: 13px !important;
  font-size: 14.5px !important;
  background: #f8fafc !important;
  border: 1px solid #e2e8f0 !important;
}
body.srrm-visual-v2 .az-search-command .srrm-search-field__icon {
  color: #d97706 !important;
  font-size: 16px !important;
}

@media (max-width: 768px) {
  .az-hero-top-badge {
    font-size: 11.5px !important;
    padding: 6px 12px !important;
    border-radius: 12px !important;
  }
  .az-hero-pulse {
    display: none !important;
  }
  body.srrm-visual-v2 .az-search-command .srrm-search-hero-bar {
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
    padding: 12px !important;
    border-radius: 18px !important;
  }
  body.srrm-visual-v2 .az-search-command .srrm-search-field {
    width: 100% !important;
    min-width: 0 !important;
    flex: 1 1 100% !important;
  }
  body.srrm-visual-v2 .az-search-command .srrm-search-actions-group {
    width: 100% !important;
    display: flex !important;
    gap: 8px !important;
  }
  body.srrm-visual-v2 .az-search-command .srrm-btn-search-hero {
    flex: 1 !important;
    min-width: 0 !important;
  }
}

/* Category Chips below Search */
body.srrm-visual-v2 .az-search-command .srrm-quick-cats-wrapper {
  width: 100% !important;
  overflow: visible !important;
  margin-top: 14px !important;
}
body.srrm-visual-v2 .az-search-command .srrm-quick-cats-strip {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
  width: 100% !important;
  min-width: 0 !important;
  padding: 2px 0 !important;
}
body.srrm-visual-v2 .az-search-command .srrm-cat-chip {
  background: rgba(255, 255, 255, 0.12) !important;
  border: 1px solid rgba(255, 255, 255, 0.22) !important;
  color: #f8fafc !important;
  backdrop-filter: blur(10px) !important;
  -webkit-backdrop-filter: blur(10px) !important;
  border-radius: 999px !important;
  padding: 6px 12px !important;
  font-weight: 750 !important;
  font-size: 12.5px !important;
  white-space: nowrap !important;
  transition: all 0.18s ease !important;
}
body.srrm-visual-v2 .az-search-command .srrm-cat-chip:hover,
body.srrm-visual-v2 .az-search-command .srrm-cat-chip.is-active {
  background: #f59e0b !important;
  color: #0f172a !important;
  border-color: #f59e0b !important;
  font-weight: 900 !important;
  box-shadow: 0 4px 14px rgba(245, 158, 11, 0.45) !important;
  transform: translateY(-2px) !important;
}
@media (max-width: 991px) {
  body.srrm-visual-v2 .az-search-command .srrm-quick-cats-wrapper {
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: none !important;
  }
  body.srrm-visual-v2 .az-search-command .srrm-quick-cats-strip {
    flex-wrap: nowrap !important;
    min-width: max-content !important;
    padding-bottom: 4px !important;
  }
}

/* 4. Live Egyptian Market Metrics Strip */
.az-market-stats-strip {
  position: relative;
  z-index: 2;
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  margin-top: 24px;
  padding-top: 20px;
  border-top: 1px solid rgba(255, 255, 255, 0.12);
}
.az-stat-pill {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  background: rgba(255, 255, 255, 0.07);
  border: 1px solid rgba(255, 255, 255, 0.14);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  padding: 8px 16px;
  border-radius: 13px;
  transition: transform 0.15s, background 0.15s;
}
.az-stat-pill:hover {
  background: rgba(255, 255, 255, 0.12);
  transform: translateY(-2px);
}
.az-stat-icon {
  color: #f59e0b;
  font-size: 15px;
}
.az-stat-val {
  font-size: 15px;
  font-weight: 900;
  color: #ffffff;
  letter-spacing: -0.01em;
}
.az-stat-lbl {
  font-size: 13px;
  font-weight: 650;
  color: #cbd5e1;
}

/* 5. Section Headers Suite */
body.srrm-visual-v2 .az-section-head {
  display: flex !important;
  justify-content: space-between !important;
  align-items: flex-end !important;
  gap: 16px !important;
  flex-wrap: wrap !important;
  margin-bottom: 22px !important;
  padding-bottom: 14px !important;
  border-bottom: 2px solid #f1f5f9 !important;
}
body.srrm-visual-v2 .az-section-eyebrow {
  color: #1e3a8a !important;
  font-size: 13px !important;
  font-weight: 850 !important;
  letter-spacing: 0.02em !important;
  margin: 0 0 4px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
}
body.srrm-visual-v2 .az-section-title {
  font-weight: 900 !important;
  font-size: clamp(22px, 2.2vw, 30px) !important;
  line-height: 1.35 !important;
  color: #0f172a !important;
  margin: 0 !important;
}
body.srrm-visual-v2 .az-section-hint {
  font-size: 13.5px !important;
  font-weight: 750 !important;
  color: #64748b !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  background: #f8fafc !important;
  padding: 6px 14px !important;
  border-radius: 10px !important;
  border: 1px solid #e2e8f0 !important;
}
body.srrm-visual-v2 .az-section-hint i {
  color: #f59e0b !important;
}
body.srrm-visual-v2 .az-btn-see-all {
  font-size: 14px !important;
  color: #1e3a8a !important;
  font-weight: 850 !important;
  text-decoration: none !important;
  padding: 9px 18px !important;
  border-radius: 12px !important;
  background: #eff6ff !important;
  border: 1px solid #bfdbfe !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  transition: all 0.18s ease !important;
}
body.srrm-visual-v2 .az-btn-see-all:hover {
  background: #1e3a8a !important;
  color: #ffffff !important;
  border-color: #1e3a8a !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 18px rgba(30, 58, 138, 0.25) !important;
}

/* 6. Radical Commercial Category Cards */
body.srrm-visual-v2 .srrm-home-category {
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 20px !important;
  padding: 22px 14px 18px !important;
  box-shadow: 0 4px 18px rgba(15, 23, 42, 0.04) !important;
  display: flex !important;
  align-items: center !important;
  flex-direction: column !important;
  justify-content: center !important;
  gap: 10px !important;
  min-height: 165px !important;
  text-decoration: none !important;
  transition: transform 0.22s cubic-bezier(0.16, 1, 0.3, 1),
              box-shadow 0.22s ease,
              border-color 0.22s ease,
              background 0.22s ease !important;
}
body.srrm-visual-v2 a.srrm-home-category:hover {
  transform: translateY(-6px) !important;
  background: #ffffff !important;
  border-color: #f59e0b !important;
  box-shadow: 0 18px 36px -6px rgba(15, 23, 42, 0.12), 0 0 0 1px rgba(245, 158, 11, 0.25) !important;
}
body.srrm-visual-v2 .srrm-home-category__icon {
  width: 68px !important;
  height: 68px !important;
  border-radius: 20px !important;
  display: grid !important;
  place-items: center !important;
  flex: none !important;
  font-size: 28px !important;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.06) !important;
  transition: transform 0.25s ease !important;
}
body.srrm-visual-v2 a.srrm-home-category:hover .srrm-home-category__icon {
  transform: scale(1.1) rotate(-3deg) !important;
}
body.srrm-visual-v2 .srrm-home-category__name {
  font-size: 15px !important;
  line-height: 1.45 !important;
  font-weight: 850 !important;
  color: #0f172a !important;
  text-align: center !important;
  margin-top: 4px !important;
}
body.srrm-visual-v2 .srrm-home-category__count {
  background: #fef3c7 !important;
  color: #b45309 !important;
  border: 1px solid #fde68a !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  border-radius: 999px !important;
  padding: 3px 10px !important;
  line-height: 1.4 !important;
}

/* 7. Radical Commercial Ad Cards (Home & Browse) */
body.srrm-visual-v2 .az-home-card,
body.srrm-visual-v2 .srrm-home-card,
body.srrm-visual-v2 .srrm-ad-card {
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 20px !important;
  overflow: hidden !important;
  box-shadow: 0 6px 20px rgba(15, 23, 42, 0.05) !important;
  display: flex !important;
  flex-direction: column !important;
  transition: transform 0.24s cubic-bezier(0.16, 1, 0.3, 1),
              box-shadow 0.24s ease,
              border-color 0.24s ease !important;
}
body.srrm-visual-v2 .az-home-card:hover,
body.srrm-visual-v2 .srrm-home-card:hover,
body.srrm-visual-v2 .srrm-ad-card:hover {
  transform: translateY(-6px) !important;
  border-color: #cbd5e1 !important;
  box-shadow: 0 20px 40px -8px rgba(15, 23, 42, 0.12) !important;
}

.az-card-media-box,
.srrm-home-card__media,
.srrm-ad-card__media-wrap {
  position: relative !important;
  width: 100% !important;
  aspect-ratio: 16 / 11 !important;
  overflow: hidden !important;
  background: #f1f5f9 !important;
}
.az-card-media-box > a,
.az-card-media-box .srrm-public-card__media {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
}
body.srrm-visual-v2 .srrm-public-card__photo,
body.srrm-visual-v2 .srrm-home-card__photo,
body.srrm-visual-v2 .srrm-ad-card__thumb {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center 25% !important;
  display: block !important;
  transition: transform 0.32s cubic-bezier(0.16, 1, 0.3, 1) !important;
}
body.srrm-visual-v2 .az-home-card:hover .srrm-public-card__photo,
body.srrm-visual-v2 .srrm-home-card:hover .srrm-home-card__photo,
body.srrm-visual-v2 .srrm-ad-card:hover .srrm-ad-card__thumb {
  transform: scale(1.06) !important;
}
.srrm-public-card__fallback,
.srrm-home-card__fallback,
.srrm-ad-card__fallback {
  width: 100% !important;
  height: 100% !important;
  min-height: 170px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%) !important;
  color: #64748b !important;
}
.srrm-fallback-badge {
  width: 48px !important;
  height: 48px !important;
  border-radius: 50% !important;
  background: #ffffff !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-shadow: 0 4px 12px rgba(15, 23, 42, 0.08) !important;
  color: #f59e0b !important;
  font-size: 20px !important;
}
.srrm-fallback-brand {
  font-size: 13px !important;
  font-weight: 800 !important;
  color: #475569 !important;
}

/* Card Badges Overlay */
.az-card-badge-loc {
  position: absolute;
  top: 12px;
  inset-inline-start: 12px;
  background: rgba(15, 23, 42, 0.75);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  color: #ffffff;
  padding: 4px 10px;
  border-radius: 8px;
  font-size: 12px;
  font-weight: 800;
  z-index: 5;
  border: 1px solid rgba(255, 255, 255, 0.15);
  display: inline-flex;
  align-items: center;
  gap: 5px;
}
.az-card-badge-loc i {
  color: #f59e0b;
}
.az-card-badge-feat {
  position: absolute;
  top: 12px;
  inset-inline-end: 12px;
  background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);
  color: #ffffff;
  padding: 4px 10px;
  border-radius: 8px;
  font-size: 11.5px;
  font-weight: 900;
  z-index: 5;
  box-shadow: 0 4px 12px rgba(245, 158, 11, 0.35);
  display: inline-flex;
  align-items: center;
  gap: 4px;
}

/* Card Body & Price */
body.srrm-visual-v2 .az-card-body,
body.srrm-visual-v2 .srrm-home-card__body,
body.srrm-visual-v2 .srrm-ad-card__body {
  padding: 18px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
  flex: 1 !important;
}

.az-card-price {
  display: inline-flex !important;
  align-items: baseline !important;
  gap: 6px !important;
  font-size: 21px !important;
  font-weight: 900 !important;
  color: #0f172a !important;
  line-height: 1.2 !important;
}
.az-price-amount {
  font-family: Cairo, system-ui, sans-serif !important;
  font-weight: 900 !important;
  color: #0f172a !important;
  letter-spacing: -0.01em !important;
}
.az-price-curr {
  font-size: 13px !important;
  font-weight: 800 !important;
  color: #d97706 !important;
  background: #fef3c7 !important;
  border: 1px solid #fde68a !important;
  padding: 2px 7px !important;
  border-radius: 6px !important;
  display: inline-block !important;
}
.az-unpriced {
  color: #64748b !important;
  font-size: 14px !important;
  font-weight: 750 !important;
}

body.srrm-visual-v2 .srrm-public-card__title,
body.srrm-visual-v2 .srrm-ad-card__title {
  font-size: 16px !important;
  font-weight: 800 !important;
  line-height: 1.5 !important;
  color: #0f172a !important;
  margin: 0 !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  min-height: 48px !important;
}
body.srrm-visual-v2 .srrm-public-card__title a,
body.srrm-visual-v2 .srrm-ad-card__title a {
  color: #0f172a !important;
  text-decoration: none !important;
  transition: color 0.15s ease !important;
}
body.srrm-visual-v2 .srrm-public-card__title a:hover,
body.srrm-visual-v2 .srrm-ad-card__title a:hover {
  color: #1e3a8a !important;
}

.az-cat-pill,
body.srrm-visual-v2 .srrm-home-card__cat-pill {
  background: #f1f5f9 !important;
  color: #334155 !important;
  font-size: 12px !important;
  font-weight: 750 !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid #e2e8f0 !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
}
.az-cat-pill i {
  color: #0284c7;
}

.az-card-foot,
body.srrm-visual-v2 .srrm-home-card__details,
body.srrm-visual-v2 .srrm-ad-card__meta-bar {
  margin-top: auto !important;
  padding-top: 12px !important;
  border-top: 1px solid #f1f5f9 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  font-size: 12.5px !important;
  color: #64748b !important;
  font-weight: 650 !important;
}
.az-foot-loc i {
  color: #d97706 !important;
}
.az-foot-time i {
  color: #94a3b8 !important;
}

/* 8. Discovery Tabs Suite */
body.srrm-visual-v2 .az-discovery-tabs .srrm-discovery-tab {
  border-radius: 14px !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  padding: 10px 18px !important;
  border: 1px solid #cbd5e1 !important;
  background: #f8fafc !important;
  color: #334155 !important;
  transition: all 0.18s ease !important;
}
body.srrm-visual-v2 .az-discovery-tabs .srrm-discovery-tab.is-active {
  background: #1e3a8a !important;
  color: #ffffff !important;
  border-color: #1e3a8a !important;
  box-shadow: 0 6px 18px rgba(30, 58, 138, 0.35) !important;
}
body.srrm-visual-v2 .az-pills-grid .az-pill {
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 14px !important;
  padding: 12px 16px !important;
  box-shadow: 0 2px 10px rgba(15, 23, 42, 0.04) !important;
  transition: transform 0.18s, box-shadow 0.18s, border-color 0.18s !important;
}
body.srrm-visual-v2 .az-pills-grid .az-pill:hover {
  transform: translateY(-3px) !important;
  border-color: #f59e0b !important;
  box-shadow: 0 8px 20px rgba(245, 158, 11, 0.2) !important;
}
body.srrm-visual-v2 .az-pills-grid .az-pill .srrm-branchcar-pill-icon i {
  color: #1e3a8a !important;
}
body.srrm-visual-v2 .az-pills-grid .az-pill:hover .srrm-branchcar-pill-icon i {
  color: #d97706 !important;
}

/* 9. High-Impact Commercial Call-to-Action Banner */
body.srrm-visual-v2 .srrm-home-cta-banner {
  background: radial-gradient(80% 100% at 85% 0%, rgba(245, 158, 11, 0.22) 0%, transparent 70%),
              linear-gradient(135deg, #07101e 0%, #0d1e38 50%, #1e3a8a 100%) !important;
  border-radius: 26px !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  box-shadow: 0 20px 50px rgba(7, 16, 30, 0.3) !important;
  padding: clamp(28px, 4vw, 54px) !important;
  color: #ffffff !important;
}
body.srrm-visual-v2 .srrm-home-cta-tag {
  background: rgba(245, 158, 11, 0.2) !important;
  border: 1px solid rgba(245, 158, 11, 0.4) !important;
  color: #fbbf24 !important;
  font-weight: 850 !important;
  border-radius: 999px !important;
}
body.srrm-visual-v2 .srrm-home-cta-btn {
  background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%) !important;
  color: #ffffff !important;
  box-shadow: 0 8px 25px rgba(245, 158, 11, 0.45) !important;
  border-radius: 14px !important;
  font-size: 16px !important;
  font-weight: 900 !important;
  padding: 14px 28px !important;
  border: none !important;
  transition: transform 0.18s, box-shadow 0.18s !important;
}
body.srrm-visual-v2 .srrm-home-cta-btn:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 12px 30px rgba(245, 158, 11, 0.6) !important;
}

/* 10. Flawless Native Mobile App Mode (aziz.street.shop) */
body.srrm-visual-v2.app-mode,
body.srrm-visual-v2.srrm-verified-app-shell {
  background: #f8fafc !important;
  padding-bottom: 75px !important;
}
body.srrm-visual-v2.app-mode .srrm-site-header__utility {
  display: none !important;
}
body.srrm-visual-v2.app-mode .az-market-stats-strip {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr) !important;
  gap: 8px !important;
  padding-top: 14px !important;
}
body.srrm-visual-v2.app-mode .az-stat-pill {
  padding: 6px 10px !important;
  font-size: 12px !important;
}
body.srrm-visual-v2.app-mode .az-stat-val {
  font-size: 13.5px !important;
}
body.srrm-visual-v2.app-mode .srrm-home-category-grid {
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 8px !important;
}
body.srrm-visual-v2.app-mode .srrm-home-category {
  min-height: 125px !important;
  padding: 12px 6px !important;
  border-radius: 15px !important;
}
body.srrm-visual-v2.app-mode .srrm-home-category__icon {
  width: 50px !important;
  height: 50px !important;
  font-size: 20px !important;
  border-radius: 14px !important;
}
body.srrm-visual-v2.app-mode .srrm-home-category__name {
  font-size: 12.5px !important;
}
body.srrm-visual-v2.app-mode .az-home-cards-grid,
body.srrm-visual-v2.app-mode .srrm-home-ad-grid {
  grid-template-columns: repeat(2, 1fr) !important;
  gap: 10px !important;
}
body.srrm-visual-v2.app-mode .az-home-card,
body.srrm-visual-v2.app-mode .srrm-home-card {
  border-radius: 15px !important;
}
body.srrm-visual-v2.app-mode .az-card-body,
body.srrm-visual-v2.app-mode .srrm-home-card__body {
  padding: 12px !important;
  gap: 6px !important;
}
body.srrm-visual-v2.app-mode .az-card-price {
  font-size: 16px !important;
}
body.srrm-visual-v2.app-mode .az-price-curr {
  font-size: 11px !important;
  padding: 1px 5px !important;
}
body.srrm-visual-v2.app-mode .srrm-public-card__title {
  font-size: 13.5px !important;
  min-height: 40px !important;
  line-height: 1.4 !important;
}

/* 11. Egyptian Governorates Grid */
.az-cities-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(170px, 1fr)) !important;
  gap: 12px !important;
}
.az-city-card {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 14px !important;
  padding: 11px 15px !important;
  text-decoration: none !important;
  color: #1e293b !important;
  font-weight: 800 !important;
  font-size: 14px !important;
  box-shadow: 0 2px 8px rgba(15, 23, 42, 0.03) !important;
  transition: transform 0.18s, border-color 0.18s, box-shadow 0.18s, color 0.18s !important;
}
.az-city-card:hover {
  transform: translateY(-2px) !important;
  border-color: #f59e0b !important;
  box-shadow: 0 8px 20px rgba(245, 158, 11, 0.15) !important;
  color: #1e3a8a !important;
}
.az-city-icon {
  width: 32px !important;
  height: 32px !important;
  border-radius: 9px !important;
  background: #eff6ff !important;
  color: #2563eb !important;
  display: grid !important;
  place-items: center !important;
  font-size: 14px !important;
  flex: none !important;
  transition: background 0.18s, color 0.18s !important;
}
.az-city-card:hover .az-city-icon {
  background: #fef3c7 !important;
  color: #d97706 !important;
}
.az-city-name {
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
@media (max-width: 600px) {
  .az-cities-grid {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 8px !important;
  }
  .az-city-card {
    padding: 8px 10px !important;
    font-size: 13px !important;
  }
}

/* 12. Strict Egyptian Scope: Hide country pickers across all screens */
.srrm-market-picker,
.srrm-market-picker--fixed,
.country-switcher,
.srrm-market-identity {
  display: none !important;
}

/* 13. Responsive Cards Grid (4 columns desktop, 3 tablet, 2 mobile) */
body.srrm-visual-v2 .srrm-home-ad-grid,
body.srrm-visual-v2 .az-home-cards-grid {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 20px !important;
  width: 100% !important;
}
@media (max-width: 1200px) {
  body.srrm-visual-v2 .srrm-home-ad-grid,
  body.srrm-visual-v2 .az-home-cards-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 16px !important;
  }
}
@media (max-width: 860px) {
  body.srrm-visual-v2 .srrm-home-ad-grid,
  body.srrm-visual-v2 .az-home-cards-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 14px !important;
  }
}
@media (max-width: 520px) {
  body.srrm-visual-v2 .srrm-home-ad-grid,
  body.srrm-visual-v2 .az-home-cards-grid {
    grid-template-columns: 1fr !important;
    gap: 14px !important;
  }
}

/* 14. Mobile Polish & Viewport Bottom Padding */
@media (max-width: 768px) {
  body.srrm-visual-v2 {
    padding-bottom: 74px !important;
  }
  body.srrm-visual-v2 .srrm-site-header__primary .srrm-site-header__inner {
    min-height: 64px !important;
    padding-inline: 14px !important;
  }
  body.srrm-visual-v2 .srrm-site-brand strong {
    font-size: 19px !important;
  }
  body.srrm-visual-v2 .srrm-site-brand small {
    font-size: 10px !important;
  }
  body.srrm-visual-v2 .srrm-home-hero {
    padding: 20px 14px 22px !important;
    border-radius: 20px !important;
    gap: 12px !important;
  }
  body.srrm-visual-v2 .srrm-home-hero h1 {
    font-size: 24px !important;
    margin: 2px 0 6px !important;
  }
  body.srrm-visual-v2 .srrm-home-hero__lead {
    font-size: 13.5px !important;
    line-height: 1.5 !important;
  }
  body.srrm-visual-v2 .az-hero-badge {
    padding: 4px 10px !important;
    font-size: 11px !important;
  }
}