/* RS8 Verified Agent Directory | V3 - user-approved business-unit design */
.rs8agv3,.rs8agv3 *{box-sizing:border-box}
.rs8agv3{--rs8red:#eb0b23;--rs8dark:#0a0b0d;--rs8soft:#f5f6f8;--rs8line:#e0e3e8;font-family:Inter,'Segoe UI',Arial,sans-serif;color:#15171c;background:#fff;max-width:1390px;margin:auto;padding:20px 14px 58px;line-height:1.4}
.rs8agv3 img{max-width:100%}.rs8agv3 svg{width:18px;height:18px;flex:0 0 auto}.rs8agv3 a{text-decoration:none}.rs8agv3 button,.rs8agv3 input{font:inherit}
.rs8agv3 .rs8a-hero{position:relative;overflow:hidden;isolation:isolate;border-radius:14px;min-height:265px;padding:35px 42px;display:flex;align-items:center;background:linear-gradient(115deg,#050608 0%,#1a1d22 61%,#140a11 100%);color:white;box-shadow:0 16px 28px rgba(0,0,0,.15)}
.rs8agv3 .rs8a-hero:before{content:"";position:absolute;z-index:-1;top:-145px;right:15%;width:350px;height:590px;transform:skewX(-27deg);background:linear-gradient(90deg,transparent,rgba(223,1,27,.28),rgba(255,255,255,.04));border-left:2px solid rgba(242,3,31,.75)}
.rs8agv3 .rs8a-hero:after{content:"";position:absolute;z-index:-1;top:-100px;right:-100px;width:330px;height:520px;transform:skewX(-26deg);background:linear-gradient(180deg,#c30012,#e20d26 55%,#3b0109);opacity:.78}
.rs8agv3 .rs8a-hero-copy{position:relative;z-index:2;max-width:700px}
.rs8agv3 .rs8a-kicker{font-size:12px!important;letter-spacing:4px;font-weight:800;color:#c7cbd1;margin:0 0 9px!important}
.rs8agv3 .rs8a-hero h2{font-size:clamp(32px,4.35vw,59px)!important;line-height:1.02!important;font-style:italic;letter-spacing:-1.9px;color:#fff!important;font-weight:1000!important;margin:0 0 5px!important;text-transform:uppercase}
.rs8agv3 .rs8a-hero h2 span{color:#fb1230}
.rs8agv3 .rs8a-subtitle{margin:0 0 19px!important;font-size:11px;letter-spacing:3.1px;font-weight:850;color:#d8dce3}
.rs8agv3 .rs8a-hero-desc{font-size:14px;color:#c9cdd3;max-width:530px;margin:0!important;line-height:1.6}
.rs8agv3 .rs8a-hero-stamp{position:absolute;right:28px;bottom:26px;z-index:3;display:flex;align-items:center;gap:11px;padding:12px 16px;background:rgba(3,4,7,.87);border:2px solid #f0102b;border-radius:10px;box-shadow:0 9px 22px rgba(0,0,0,.25);transform:skewX(-8deg)}
.rs8agv3 .rs8a-hero-stamp svg{height:34px;width:34px;color:#fff}.rs8agv3 .rs8a-hero-stamp strong{font-size:17px;line-height:1.1;letter-spacing:-.4px;display:block;color:white}.rs8agv3 .rs8a-hero-stamp small{font-weight:800;font-size:9px;letter-spacing:1.3px;color:#ffd6d9}
.rs8agv3 .rs8a-filterbar{display:flex;align-items:center;gap:8px;margin:23px 0 23px;padding:11px 14px;border:1px solid #d9dce2;border-radius:14px;box-shadow:0 5px 15px rgba(0,0,0,.06);background:#fff}
.rs8agv3 .rs8a-tabs{min-width:0;flex:1;display:flex;align-items:stretch;gap:4px;overflow-x:auto;scrollbar-width:thin}
.rs8agv3 .rs8a-tab{min-height:56px;flex:1 0 auto;display:flex;align-items:center;justify-content:center;gap:9px;padding:8px 12px;border:0;border-radius:8px;background:white;color:#23252b;font-weight:800;font-size:11px;cursor:pointer;white-space:nowrap;transition:background .2s,box-shadow .2s}
.rs8agv3 .rs8a-tab:hover{background:#f4f5f7}.rs8agv3 .rs8a-tab[aria-pressed="true"]{background:#101216;color:#fff}
.rs8agv3 .rs8a-tab .rs8a-tablogo{width:58px;height:33px;object-fit:contain}
.rs8agv3 .rs8a-tab[data-unit="rs8"] .rs8a-tablogo,.rs8agv3 .rs8a-tab[data-unit="moto"] .rs8a-tablogo{width:52px}
.rs8agv3 .rs8a-tab .rs8a-tablogo-bg{width:62px;height:36px;display:grid;place-items:center;border-radius:5px;background:#fff;padding:2px}
.rs8agv3 .rs8a-tab em{font-style:normal;color:#ed122f;margin-left:3px}
.rs8agv3 .rs8a-tab:not([aria-pressed="true"]) em{color:#bd061a}
.rs8agv3 .rs8a-search-wrap{display:flex;align-items:center;border-radius:30px;border:1px solid #dadde4;background:#f9fafb;padding:0 13px;gap:8px;width:230px;min-width:160px;height:44px;box-shadow:0 2px 6px rgba(0,0,0,.04)}
.rs8agv3 .rs8a-search-wrap svg{color:#8a92a1;width:16px;height:16px}.rs8agv3 .rs8a-search{width:100%;min-width:0;border:0!important;outline:0!important;background:transparent!important;box-shadow:none!important;color:#222!important;font-size:11px!important;height:38px!important;padding:0!important}
.rs8agv3 .rs8a-search:focus{outline:0}.rs8agv3 .rs8a-results{font-size:12px;color:#79818c;margin:0 0 16px!important}
.rs8agv3 .rs8a-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.rs8agv3 .rs8a-group{min-width:0;border:1px solid #dadde3;background:#fff;border-radius:13px;overflow:hidden;box-shadow:0 9px 22px rgba(0,0,0,.08);transition:transform .2s,box-shadow .2s}
.rs8agv3 .rs8a-group:hover{transform:translateY(-2px);box-shadow:0 13px 27px rgba(0,0,0,.12)}
.rs8agv3 .rs8a-group[data-unit="rs8"],.rs8agv3 .rs8a-group[data-unit="moto"]{--accent:#e60824}
.rs8agv3 .rs8a-group[data-unit="nano"]{--accent:#ffc11d}
.rs8agv3 .rs8a-group[data-unit="srf"]{--accent:#2346df}
.rs8agv3 .rs8a-grouphead{display:flex;align-items:center;gap:12px;min-height:70px;padding:12px 18px;background:linear-gradient(125deg,#090b0d,#191c22 64%,var(--accent));position:relative;overflow:hidden}
.rs8agv3 .rs8a-grouphead:after{content:"";position:absolute;transform:skew(-30deg);width:140px;height:140px;right:-65px;top:-38px;background:rgba(255,255,255,.11);pointer-events:none}
.rs8agv3 .rs8a-group[data-unit="srf"] .rs8a-grouphead{background:linear-gradient(115deg,#101534,#1737ba 70%,#101b59)}
.rs8agv3 .rs8a-group[data-unit="nano"] .rs8a-grouphead{background:linear-gradient(115deg,#111214,#27241b 70%,#a87800)}
.rs8agv3 .rs8a-logowrap{background:#fff;border-radius:5px;padding:4px 7px;display:grid;place-items:center;flex:0 0 100px;width:100px;height:41px}
.rs8agv3 .rs8a-group[data-unit="srf"] .rs8a-logowrap,.rs8agv3 .rs8a-group[data-unit="nano"] .rs8a-logowrap{background:transparent;padding:0}
.rs8agv3 .rs8a-grouphead img{max-height:36px;max-width:96px;object-fit:contain}
.rs8agv3 .rs8a-grouphead-divider{height:28px;width:1px;background:var(--accent);opacity:.9}
.rs8agv3 .rs8a-grouphead h3{color:#fff!important;font-size:16px!important;line-height:1.2!important;font-weight:900!important;text-transform:uppercase;font-style:italic;margin:0!important;letter-spacing:.2px}
.rs8agv3 .rs8a-people{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;padding:12px}
.rs8agv3 .rs8a-people.one{grid-template-columns:1fr}
.rs8agv3 .rs8a-person{display:grid;grid-template-columns:40% minmax(0,1fr);min-width:0;min-height:200px;background:linear-gradient(155deg,#fff 65%,#f6f7f9);border:1px solid #dcdfe5;border-radius:11px;overflow:hidden;box-shadow:0 2px 5px rgba(0,0,0,.035)}
.rs8agv3 .rs8a-person-photo{position:relative;min-height:200px;background:linear-gradient(150deg,#f3f5f7,#ccd2d9);display:flex;flex-direction:column;justify-content:center;align-items:center;isolation:isolate;border-right:3px solid var(--accent);overflow:hidden}
.rs8agv3 .rs8a-person-photo:before{content:"";z-index:-1;position:absolute;width:100px;height:260px;transform:skewX(-21deg);right:-75px;background:rgba(255,255,255,.65)}
.rs8agv3 .rs8a-person-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center top}
.rs8agv3 .rs8a-avatar{width:70px;height:70px;color:#8b95a2;display:grid;place-items:center;border-radius:50%;border:3px solid #fff;background:#e3e7ec;font-size:23px;letter-spacing:1px;font-weight:950}
.rs8agv3 .rs8a-photo-hint{font-size:8px;font-weight:900;letter-spacing:.6px;color:#778290;margin-top:8px;text-align:center}
.rs8agv3 .rs8a-photo-verified{position:absolute;left:7px;bottom:9px;right:7px;display:flex;align-items:center;justify-content:center;gap:3px;border:1px solid rgba(0,0,0,.07);border-radius:30px;background:white;color:#171c24;font-weight:950;text-align:center;font-size:7px;padding:5px 3px;line-height:1}
.rs8agv3 .rs8a-photo-verified svg{height:13px;width:13px;color:white;padding:2px;background:#e80a28;border-radius:50%}
.rs8agv3 .rs8a-person-details{min-width:0;padding:15px 10px;display:flex;flex-direction:column;align-items:stretch;justify-content:center}
.rs8agv3 .rs8a-mini-badge{display:flex;gap:4px;align-items:center;width:max-content;max-width:100%;background:#e80b29;border-radius:20px;padding:5px 7px;font-size:8px;color:#fff;font-weight:900;white-space:nowrap;margin-bottom:10px}
.rs8agv3 .rs8a-mini-badge svg{height:13px;width:13px}
.rs8agv3 .rs8a-person h4{margin:0 0 12px!important;line-height:1.13!important;font-size:15px!important;font-weight:950!important;color:#101317!important;letter-spacing:-.35px;overflow-wrap:break-word}
.rs8agv3 .rs8a-contact{display:flex;gap:6px;align-items:center;margin:0 0 9px!important;font-size:10px;line-height:1.2;color:#777f8b;min-width:0}
.rs8agv3 .rs8a-contact svg{width:15px;height:15px;color:#101214}.rs8agv3 .rs8a-contact a{color:#1b1e24;font-weight:650;overflow-wrap:anywhere}.rs8agv3 .rs8a-contact a:hover{color:#df0e25;text-decoration:underline}.rs8agv3 .rs8a-contact .rs8a-pending{font-style:italic;font-size:9px;overflow-wrap:break-word}
.rs8agv3 .rs8a-person[data-has-photo="true"] .rs8a-avatar,.rs8agv3 .rs8a-person[data-has-photo="true"] .rs8a-photo-hint{display:none}
.rs8agv3 .rs8a-empty{display:none;text-align:center;padding:48px 15px;color:#777;border:1px dashed #cad0d8;border-radius:12px;background:#fafbfc}
.rs8agv3 .rs8a-benefits{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));background:#f6f7f9;border:1px solid #e2e5ea;border-radius:13px;gap:0;margin-top:26px;overflow:hidden}
.rs8agv3 .rs8a-benefit{display:flex;gap:11px;align-items:center;padding:23px 16px;min-width:0}
.rs8agv3 .rs8a-benefit:not(:last-child){border-right:1px solid #d6dae0}
.rs8agv3 .rs8a-benefit-icon{height:42px;width:42px;flex:0 0 42px;display:grid;place-items:center;color:#e70824}
.rs8agv3 .rs8a-benefit-icon svg{height:35px;width:35px;stroke-width:1.7}
.rs8agv3 .rs8a-benefit strong{display:block;font-size:12px;color:#15171b;margin-bottom:3px}.rs8agv3 .rs8a-benefit p{font-size:10px;color:#626872;margin:0!important;line-height:1.4}
.rs8agv3 .rs8a-note{font-size:11px!important;color:#747b86;margin:17px 4px 0!important;line-height:1.5}
.rs8agv3 [hidden]{display:none!important}
@media(min-width:1200px){.rs8agv3 .rs8a-group .rs8a-person{min-height:210px}.rs8agv3 .rs8a-person-photo{min-height:210px}}
@media(max-width:1199px){.rs8agv3 .rs8a-tabs{justify-content:flex-start}.rs8agv3 .rs8a-tab{min-width:120px}.rs8agv3 .rs8a-people:not(.one){grid-template-columns:1fr}.rs8agv3 .rs8a-person{min-height:177px;grid-template-columns:35% minmax(0,1fr)}.rs8agv3 .rs8a-person-photo{min-height:177px}}
@media(max-width:900px){.rs8agv3 .rs8a-filterbar{flex-direction:column;align-items:stretch}.rs8agv3 .rs8a-search-wrap{width:100%}.rs8agv3 .rs8a-groups{grid-template-columns:1fr}.rs8agv3 .rs8a-people:not(.one){grid-template-columns:repeat(2,minmax(0,1fr))}.rs8agv3 .rs8a-benefits{grid-template-columns:repeat(2,minmax(0,1fr))}.rs8agv3 .rs8a-benefit:nth-child(2){border-right:0}.rs8agv3 .rs8a-benefit:nth-child(-n+2){border-bottom:1px solid #d6dae0}}
@media(max-width:650px){.rs8agv3{padding:15px 8px 35px}.rs8agv3 .rs8a-hero{min-height:270px;align-items:flex-start;padding:30px 20px 77px}.rs8agv3 .rs8a-kicker{letter-spacing:2px;font-size:10px!important}.rs8agv3 .rs8a-hero h2{font-size:39px!important;line-height:1.02!important;letter-spacing:-1px}.rs8agv3 .rs8a-subtitle{font-size:9px;letter-spacing:2px}.rs8agv3 .rs8a-hero-desc{font-size:12px}.rs8agv3 .rs8a-hero-stamp{right:14px;bottom:13px;padding:7px 9px}.rs8agv3 .rs8a-hero-stamp svg{width:22px;height:22px}.rs8agv3 .rs8a-hero-stamp strong{font-size:11px}.rs8agv3 .rs8a-hero-stamp small{font-size:7px}.rs8agv3 .rs8a-filterbar{padding:8px}.rs8agv3 .rs8a-tab{min-width:130px}.rs8agv3 .rs8a-people:not(.one){grid-template-columns:1fr}.rs8agv3 .rs8a-person{min-height:185px;grid-template-columns:36% minmax(0,1fr)}.rs8agv3 .rs8a-person-photo{min-height:185px}.rs8agv3 .rs8a-benefits{grid-template-columns:1fr}.rs8agv3 .rs8a-benefit{border-right:0!important;border-bottom:1px solid #d6dae0}.rs8agv3 .rs8a-benefit:last-child{border-bottom:0}}
@media(max-width:410px){.rs8agv3 .rs8a-grouphead{padding:10px 12px;gap:7px}.rs8agv3 .rs8a-logowrap{width:79px;flex-basis:79px}.rs8agv3 .rs8a-grouphead img{max-width:73px}.rs8agv3 .rs8a-grouphead h3{font-size:12px!important}.rs8agv3 .rs8a-person h4{font-size:14px!important}.rs8agv3 .rs8a-person-details{padding:10px 8px}.rs8agv3 .rs8a-mini-badge{font-size:7px}.rs8agv3 .rs8a-avatar{height:56px;width:56px;font-size:20px}}
@media(prefers-reduced-motion:reduce){.rs8agv3 .rs8a-group,.rs8agv3 .rs8a-tab{transition:none}}

/* REVISED: restrained RS8 wordmark for RS8 Taiwan Parts and Motoworkz OPC. */
.rs8agv3 .rs8a-group[data-unit="rs8"] .rs8a-logowrap,
.rs8agv3 .rs8a-group[data-unit="moto"] .rs8a-logowrap{
  box-sizing:border-box!important; flex:0 0 88px!important;
  width:88px!important; height:40px!important;
  max-width:88px!important; min-width:0!important;
  padding:6px 8px!important; overflow:hidden!important;
  background:#fff; border-radius:5px; line-height:1;
}
.rs8agv3 .rs8a-group[data-unit="rs8"] .rs8a-logowrap img,
.rs8agv3 .rs8a-group[data-unit="moto"] .rs8a-logowrap img{
  display:block!important; width:100%!important; height:100%!important;
  max-width:100%!important; max-height:100%!important;
  object-fit:contain!important; object-position:center!important;
  margin:0!important; padding:0!important; flex:none!important;
}
@media(max-width:410px){
  .rs8agv3 .rs8a-group[data-unit="rs8"] .rs8a-logowrap,
  .rs8agv3 .rs8a-group[data-unit="moto"] .rs8a-logowrap{
    flex-basis:72px!important; width:72px!important; max-width:72px!important;
    height:36px!important; padding:5px!important;
  }
}


/* BALANCED FULL-WIDTH FIX | 36px side and bottom gutter, reduced top gap.
   This keeps the directory wide even if WordPress uses a boxed content parent. */
.rs8agv3 {
  position: relative !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  width: calc(100vw - 72px) !important;
  max-width: none !important;
  margin: -22px 0 0 !important;
  padding: 0 0 36px !important;
}
@media (max-width: 767px) {
  .rs8agv3 {
    width: calc(100vw - 28px) !important;
    /* A visible, reliable gap between RS8's mobile navigation and the hero. */
    margin: 0 !important;
    padding: 20px 0 16px !important;
  }
}
/* On wide desktops the business-unit tabs fit without horizontal scrolling. */
@media (min-width: 1350px) {
  .rs8agv3 .rs8a-tabs { overflow-x: visible; }
}



/* ==============================================================
   RS8 V4 — FULL-WIDTH BUSINESS UNIT ROWS + SPACIOUS AGENT PROFILES
   One BU per row. Up to two comfortable agent cards side by side.
   Enlarged readable text, contact rows and photos. Responsive.
   All rules are scoped to this directory so header/footer stay safe.
   ============================================================== */
.rs8agv3 .rs8a-groups {
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 22px !important;
}
.rs8agv3 .rs8a-group {
  width: 100%;
  min-width: 0;
}
.rs8agv3 .rs8a-grouphead {
  min-height: 78px;
  padding: 15px 22px;
  gap: 16px;
}
.rs8agv3 .rs8a-grouphead h3 {
  font-size: 21px !important;
  letter-spacing: 0.45px !important;
}
.rs8agv3 .rs8a-grouphead-divider {
  height: 34px;
}
.rs8agv3 .rs8a-people,
.rs8agv3 .rs8a-people:not(.one) {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 18px !important;
  padding: 18px !important;
}
.rs8agv3 .rs8a-people.one {
  grid-template-columns: minmax(0, 1fr) !important;
}
.rs8agv3 .rs8a-person,
.rs8agv3 .rs8a-group .rs8a-person {
  grid-template-columns: minmax(150px, 33%) minmax(0, 1fr);
  min-height: 258px !important;
  border-radius: 13px;
  border-color: #dfe3e9;
  background: linear-gradient(145deg, #fff 35%, #fafbfc 100%);
}
.rs8agv3 .rs8a-people.one .rs8a-person {
  grid-template-columns: minmax(185px, 300px) minmax(0, 1fr);
}
.rs8agv3 .rs8a-person-photo {
  min-height: 258px !important;
}
.rs8agv3 .rs8a-person-details {
  padding: 25px 26px !important;
  justify-content: center;
  gap: 0;
}
.rs8agv3 .rs8a-person h4 {
  font-size: clamp(19px, 1.55vw, 24px) !important;
  line-height: 1.24 !important;
  letter-spacing: -0.45px !important;
  margin: 0 0 17px !important;
}
.rs8agv3 .rs8a-contact {
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
  min-height: 36px;
  margin: 0 0 7px !important;
  padding: 8px 11px;
  background: #f4f6f8;
  border: 1px solid #edf0f3;
  border-radius: 8px;
  color: #4b5360;
  font-size: 15px !important;
  line-height: 1.35 !important;
}
.rs8agv3 .rs8a-contact svg {
  width: 19px !important;
  height: 19px !important;
  color: #202329;
}
.rs8agv3 .rs8a-contact .rs8a-pending {
  font-size: 14px !important;
  line-height: 1.4 !important;
  font-style: normal;
  color: #68717e;
  overflow-wrap: anywhere;
}
.rs8agv3 .rs8a-contact a {
  font-size: 15px !important;
  font-weight: 650;
}
.rs8agv3 .rs8a-avatar {
  width: 90px;
  height: 90px;
  font-size: 30px;
}
.rs8agv3 .rs8a-photo-hint {
  font-size: 10px;
  letter-spacing: 0.6px;
  margin-top: 13px;
}
.rs8agv3 .rs8a-photo-verified {
  left: 14px;
  right: 14px;
  bottom: 13px;
  min-height: 26px;
  font-size: 10px;
  padding: 7px 6px;
  gap: 6px;
}
.rs8agv3 .rs8a-photo-verified svg {
  width: 16px;
  height: 16px;
}
.rs8agv3 .rs8a-results {
  font-size: 14px !important;
}
.rs8agv3 .rs8a-tab {
  font-size: 12px;
}
.rs8agv3 .rs8a-note {
  font-size: 13px !important;
}
.rs8agv3 .rs8a-benefit strong {
  font-size: 14px;
}
.rs8agv3 .rs8a-benefit p {
  font-size: 12px;
}
@media (min-width: 1200px) {
  .rs8agv3 .rs8a-person,
  .rs8agv3 .rs8a-group .rs8a-person,
  .rs8agv3 .rs8a-person-photo {
    min-height: 258px !important;
  }
}
@media (max-width: 1040px) {
  .rs8agv3 .rs8a-people:not(.one) {
    grid-template-columns: minmax(0,1fr) !important;
  }
  .rs8agv3 .rs8a-person,
  .rs8agv3 .rs8a-people.one .rs8a-person {
    grid-template-columns: minmax(185px, 31%) minmax(0,1fr);
  }
  .rs8agv3 .rs8a-person h4 {font-size: 21px !important;}
  .rs8agv3 .rs8a-person-details {padding: 20px 25px !important;}
}
@media (max-width: 650px) {
  .rs8agv3 .rs8a-groups {gap: 15px !important;}
  .rs8agv3 .rs8a-grouphead {padding: 12px 14px; min-height: 64px; gap: 9px;}
  .rs8agv3 .rs8a-grouphead h3 {font-size: 15px !important;}
  .rs8agv3 .rs8a-grouphead-divider {height: 25px;}
  .rs8agv3 .rs8a-people,
  .rs8agv3 .rs8a-people:not(.one),
  .rs8agv3 .rs8a-people.one {grid-template-columns: minmax(0,1fr) !important;gap: 11px !important;padding: 10px !important;}
  .rs8agv3 .rs8a-person,
  .rs8agv3 .rs8a-people.one .rs8a-person {
    grid-template-columns: minmax(110px, 34%) minmax(0,1fr);
    min-height: 220px !important;
  }
  .rs8agv3 .rs8a-person-photo {min-height: 220px !important;}
  .rs8agv3 .rs8a-person-details {padding: 14px 12px !important;}
  .rs8agv3 .rs8a-person h4 {font-size: 18px !important;margin-bottom: 10px !important;}
  .rs8agv3 .rs8a-contact {font-size: 13px !important;padding: 5px 7px;gap: 7px;min-height: 32px;margin-bottom: 5px !important;}
  .rs8agv3 .rs8a-contact svg {width: 16px !important;height: 16px !important;}
  .rs8agv3 .rs8a-contact .rs8a-pending,
  .rs8agv3 .rs8a-contact a {font-size: 12px !important;}
  .rs8agv3 .rs8a-avatar {width: 64px;height: 64px;font-size: 22px;}
  .rs8agv3 .rs8a-photo-hint {font-size: 8px;margin-top: 10px;}
  .rs8agv3 .rs8a-photo-verified {left: 6px;right: 6px;bottom: 9px;font-size: 7px;padding: 5px 2px;gap: 3px;}
  .rs8agv3 .rs8a-photo-verified svg {width: 12px;height: 12px;}
}
@media (max-width: 390px) {
  .rs8agv3 .rs8a-person,
  .rs8agv3 .rs8a-people.one .rs8a-person {grid-template-columns: minmax(103px, 33%) minmax(0,1fr);}
  .rs8agv3 .rs8a-person-details {padding: 12px 9px !important;}
  .rs8agv3 .rs8a-person h4 {font-size: 17px !important;}
  .rs8agv3 .rs8a-contact {padding: 5px 6px;}
}


/* ================================================================
   RS8 V5 | COMBINED SINGLE-AGENT BUSINESS UNIT ROW
   RS8 + Nanomoly: one full-width BU row each, with two agents.
   SRF + Motoworkz OPC: two independent BU panels in the SAME row.
   Keep roomy contact text and avoid cramped panels on smaller screens.
   ================================================================ */
.rs8agv3 .rs8a-groups {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 22px !important;
  align-items: stretch;
}
/* Two-agent business units retain the full page width. */
.rs8agv3 .rs8a-group[data-unit="rs8"],
.rs8agv3 .rs8a-group[data-unit="nano"] {
  grid-column: 1 / -1;
}
/* Two one-agent units share the final row as separate branded cards. */
.rs8agv3 .rs8a-group[data-unit="srf"],
.rs8agv3 .rs8a-group[data-unit="moto"] {
  grid-column: auto;
}
.rs8agv3 .rs8a-group[data-unit="srf"] .rs8a-person,
.rs8agv3 .rs8a-group[data-unit="moto"] .rs8a-person {
  grid-template-columns: minmax(152px, 34%) minmax(0, 1fr) !important;
}
.rs8agv3 .rs8a-group[data-unit="srf"] .rs8a-person-details,
.rs8agv3 .rs8a-group[data-unit="moto"] .rs8a-person-details {
  padding: 20px 20px !important;
}
/* When a user filters to one BU, let the selected panel use all space. */
.rs8agv3 .rs8a-groups.rs8a-is-filtered .rs8a-group:not([hidden]) {
  grid-column: 1 / -1 !important;
}
.rs8agv3 .rs8a-group.rs8a-single-visible .rs8a-people {
  grid-template-columns: minmax(0, 1fr) !important;
}
.rs8agv3 .rs8a-groups.rs8a-is-filtered .rs8a-group .rs8a-people.one .rs8a-person {
  grid-template-columns: minmax(185px, 30%) minmax(0,1fr) !important;
}
/* At tablet sizes, stack the one-agent panels for readable detail. */
@media (max-width: 1100px) {
  .rs8agv3 .rs8a-groups {
    grid-template-columns: minmax(0,1fr) !important;
    gap: 18px !important;
  }
  .rs8agv3 .rs8a-group {
    grid-column: 1 / -1 !important;
  }
  .rs8agv3 .rs8a-group[data-unit="srf"] .rs8a-person,
  .rs8agv3 .rs8a-group[data-unit="moto"] .rs8a-person {
    grid-template-columns: minmax(185px, 31%) minmax(0,1fr) !important;
  }
}
@media (max-width: 650px) {
  .rs8agv3 .rs8a-group[data-unit="srf"] .rs8a-person,
  .rs8agv3 .rs8a-group[data-unit="moto"] .rs8a-person,
  .rs8agv3 .rs8a-groups.rs8a-is-filtered .rs8a-group .rs8a-people.one .rs8a-person {
    grid-template-columns: minmax(110px,34%) minmax(0,1fr) !important;
  }
}
@media (max-width: 390px) {
  .rs8agv3 .rs8a-group[data-unit="srf"] .rs8a-person,
  .rs8agv3 .rs8a-group[data-unit="moto"] .rs8a-person,
  .rs8agv3 .rs8a-groups.rs8a-is-filtered .rs8a-group .rs8a-people.one .rs8a-person {
    grid-template-columns: minmax(103px,33%) minmax(0,1fr) !important;
  }
}


/* Dynamic data extension: supports arbitrary new business units. */
.rs8agv3 .rs8a-group.rs8a-unit-multi{grid-column:1 / -1!important}
.rs8agv3 .rs8a-group.rs8a-unit-single{grid-column:auto}
.rs8agv3 .rs8a-group.rs8a-unit-single .rs8a-person{grid-template-columns:minmax(152px,34%) minmax(0,1fr)!important}
.rs8agv3 .rs8a-group.rs8a-unit-single .rs8a-person-details{padding:20px!important}
.rs8agv3 .rs8a-agent-photo-image{width:100%!important;height:100%!important;object-fit:cover;object-position:center top;position:absolute;inset:0;z-index:1}
.rs8agv3 .rs8a-person-photo:has(.rs8a-agent-photo-image) .rs8a-photo-verified{z-index:2}
.rs8agv3 .rs8a-grouphead .rs8a-no-logo{width:6px;height:30px;background:var(--accent,#ea132d);border-radius:3px}
.rs8agv3 .rs8a-contact a{color:#343d4a!important;overflow-wrap:anywhere;text-decoration:none!important}
.rs8agv3 .rs8a-contact a:hover{color:#df1230!important;text-decoration:underline!important}
.rs8agv3 .rs8a-contact a:focus-visible,.rs8agv3 .rs8a-tab:focus-visible{outline:2px solid #dc1030!important;outline-offset:3px}
.rs8agv3 .rs8a-sr-only{position:absolute!important;height:1px;width:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}
.rs8agv3 .rs8a-tablogo-bg .rs8a-tablogo{object-fit:contain}
.rs8agv3 .rs8a-tab-unit-name{font-size:inherit}
@media(max-width:1100px){.rs8agv3 .rs8a-group.rs8a-unit-single{grid-column:1 / -1!important}}
@media(max-width:650px){.rs8agv3 .rs8a-group.rs8a-unit-single .rs8a-person{grid-template-columns:minmax(110px,34%) minmax(0,1fr)!important}.rs8agv3 .rs8a-group.rs8a-unit-single .rs8a-person-details{padding:14px 12px!important}}
@media(max-width:390px){.rs8agv3 .rs8a-group.rs8a-unit-single .rs8a-person{grid-template-columns:minmax(103px,33%) minmax(0,1fr)!important}}


/* RS8 Verified Agents v1.0.2 — mobile contact readability update.
   This is intentionally scoped to directory widgets and leaves the site's
   original RS8 Elementor header / footer unchanged. */
.rs8agv3 .rs8a-email-mobile,
.rs8agv3 .rs8a-swipe-hint { display: none; }
@media (max-width: 650px) {
  /* Let the filter row be discovered as swipeable without changing its data. */
  .rs8agv3 .rs8a-tabs {
    width: 100%;
    flex: 0 0 auto;
    overflow-x: auto !important;
    overscroll-behavior-x: contain;
    scroll-snap-type: x proximity;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: thin;
  }
  .rs8agv3 .rs8a-tab { scroll-snap-align: start; }
  .rs8agv3 .rs8a-swipe-hint {
    display: block;
    padding: 0 5px;
    font-size: 11px;
    line-height: 1.4;
    font-weight: 650;
    color: #68717d;
    text-align: right;
  }
  .rs8agv3 .rs8a-swipe-hint span { color: #cc001e; font-size: 15px; }
  .rs8agv3 .rs8a-search-wrap { min-height: 44px; }
  .rs8agv3 .rs8a-search { font-size: 13px !important; }
  .rs8agv3 .rs8a-filterbar { gap: 8px; }

  /* Photo and core info stay side-by-side; full-width email gets its own row. */
  .rs8agv3 .rs8a-person,
  .rs8agv3 .rs8a-group .rs8a-person,
  .rs8agv3 .rs8a-group.rs8a-unit-single .rs8a-person,
  .rs8agv3 .rs8a-group[data-unit="srf"] .rs8a-person,
  .rs8agv3 .rs8a-group[data-unit="moto"] .rs8a-person,
  .rs8agv3 .rs8a-groups.rs8a-is-filtered .rs8a-group .rs8a-people.one .rs8a-person {
    display: grid !important;
    grid-template-columns: minmax(104px, 36%) minmax(0, 1fr) !important;
    grid-template-rows: minmax(0, auto) auto !important;
    min-height: 0 !important;
    align-items: stretch;
  }
  .rs8agv3 .rs8a-person-photo {
    grid-column: 1;
    grid-row: 1;
    min-height: 195px !important;
  }
  .rs8agv3 .rs8a-person-details,
  .rs8agv3 .rs8a-group.rs8a-unit-single .rs8a-person-details,
  .rs8agv3 .rs8a-group[data-unit="srf"] .rs8a-person-details,
  .rs8agv3 .rs8a-group[data-unit="moto"] .rs8a-person-details {
    grid-column: 2;
    grid-row: 1;
    padding: 12px 12px !important;
    min-width: 0;
  }
  .rs8agv3 .rs8a-person h4 {
    font-size: clamp(16px, 4.2vw, 19px) !important;
    line-height: 1.2 !important;
    margin-bottom: 12px !important;
  }
  .rs8agv3 .rs8a-person-details .rs8a-contact--mail { display: none !important; }
  .rs8agv3 .rs8a-email-mobile {
    display: block !important;
    grid-column: 1 / -1;
    grid-row: 2;
    min-width: 0;
    padding: 9px 11px 11px;
    border-top: 1px solid #e9ebef;
    background: #fff;
  }
  .rs8agv3 .rs8a-email-mobile .rs8a-contact {
    display: flex;
    align-items: center;
    min-width: 0;
    width: 100%;
    margin: 0 !important;
    padding: 11px 12px !important;
    font-size: 13px !important;
    line-height: 1.45 !important;
    background: #f4f6f8;
    border-radius: 8px;
  }
  .rs8agv3 .rs8a-email-mobile .rs8a-contact a,
  .rs8agv3 .rs8a-email-mobile .rs8a-contact .rs8a-pending {
    display: block;
    min-width: 0;
    font-size: 13px !important;
    font-weight: 650;
    overflow-wrap: anywhere;
    word-break: normal;
  }
  .rs8agv3 .rs8a-person-details .rs8a-contact,
  .rs8agv3 .rs8a-person-details .rs8a-contact a {
    font-size: 13px !important;
  }
  .rs8agv3 .rs8a-hero h2 {
    font-size: clamp(30px, 8.4vw, 38px) !important;
    letter-spacing: -1.25px !important;
  }
}
@media (max-width: 365px) {
  .rs8agv3 .rs8a-person,
  .rs8agv3 .rs8a-group .rs8a-person,
  .rs8agv3 .rs8a-group.rs8a-unit-single .rs8a-person {
    grid-template-columns: minmax(100px, 35%) minmax(0, 1fr) !important;
  }
  .rs8agv3 .rs8a-person-details,
  .rs8agv3 .rs8a-group.rs8a-unit-single .rs8a-person-details {
    padding: 10px 9px !important;
  }
  .rs8agv3 .rs8a-person-details .rs8a-contact { padding: 6px 5px; }
}