/*
 * BuyEverything — Service Overview Premium V5
 * Scoped to converted category service sections only.
 * Does not style the homepage hero, feature articles, footer or CMS backend.
 */
.be-service-premium {
  --be-svc-navy:#0c2445;
  --be-svc-muted:#54667b;
  --be-svc-gold:#b98735;
  position:relative;
  padding:clamp(32px,4.2vw,58px) 0!important;
  background:linear-gradient(145deg,#f4f7fc 0%,#ffffff 52%,#eef4fb 100%);
  border-block:1px solid #e5edf6;
  overflow:clip;
  scroll-margin-top:84px;
}
.be-service-premium::before {
  content:"";
  position:absolute;
  width:410px;height:410px;
  border-radius:50%;
  top:-230px;right:-160px;
  background:radial-gradient(circle,rgba(180,200,225,.21),transparent 72%);
  pointer-events:none;
}
.be-service-premium .be-svc__grid {
  position:relative;
  width:min(1180px,calc(100% - 44px));
  max-width:1180px;
  display:grid!important;
  grid-template-columns:minmax(0,1.02fr) minmax(0,1fr)!important;
  align-items:center!important;
  gap:clamp(18px,3vw,40px)!important;
  margin-inline:auto;
}
.be-service-premium .be-svc__panel {
  min-width:0!important;
  min-height:0!important;
  height:auto!important;
  display:block!important;
  position:relative;
  padding:clamp(24px,3vw,37px)!important;
  border:1px solid #dee6f0!important;
  border-radius:23px!important;
  background:#fff!important;
  box-shadow:0 18px 55px rgba(15,39,74,.075),0 2px 8px rgba(15,39,74,.026)!important;
  color:#24374e!important;
  overflow:hidden;
  transform:none!important;
  text-align:left;
}
.be-service-premium .be-svc__panel::before {
  content:"";
  position:absolute;top:0;left:32px;right:32px;height:3px;
  background:linear-gradient(90deg,#d9a04e 0%,#f3d79f 45%,transparent 100%);
  pointer-events:none;
}
.be-service-premium .be-svc__body {width:100%;min-width:0;}
.be-service-premium .be-svc__eyebrow {
  display:flex;align-items:center;flex-wrap:wrap;gap:10px;
  margin:0 0 17px;
}
.be-service-premium .be-svc__original-icon:empty {display:none;}
.be-service-premium .be-svc__original-icon {display:inline-flex;align-items:center;gap:6px;min-width:0;}
.be-service-premium .be-svc__original-icon > .icon {
  width:38px!important;height:38px!important;min-width:38px!important;
  font-size:19px!important;line-height:1!important;
  border:1px solid #f2d79e!important;
  box-shadow:none!important;
  background:linear-gradient(145deg,#ffe49e,#efaf37)!important;
  border-radius:11px!important;
}
.be-service-premium .be-svc__original-icon > :not(.icon) {
  display:inline-flex;align-items:center;
  font-size:11px!important;
  font-weight:750!important;
  line-height:1.35!important;
  color:#72562e!important;
  border-radius:8px!important;
  background:#f5f8fd!important;
  border:1px solid #dbe5f0!important;
  padding:6px 9px!important;
  box-shadow:none!important;
  margin:0!important;
  max-width:100%;
}
.be-service-premium .be-svc__kicker {
  display:inline-flex;align-items:center;flex-wrap:wrap;gap:7px;
  font-size:10px;line-height:1.5;letter-spacing:.115em;
  text-transform:uppercase;
  font-weight:850;color:#657992;
}
.be-service-premium .be-svc__kicker-bar {
  display:inline-block;vertical-align:middle;width:18px;height:2px;
  background:#c28e45;border-radius:8px;
}
.be-service-premium .be-svc__title,
.be-service-premium .be-svc__panel h2.be-svc__title {
  display:block!important;
  margin:0 0 13px!important;
  padding:0!important;
  font-size:clamp(25px,2.35vw,34px)!important;
  line-height:1.27!important;
  letter-spacing:-.018em!important;
  font-weight:900!important;
  color:var(--be-svc-navy)!important;
  text-wrap:pretty;
  overflow-wrap:break-word;
}
.be-service-premium .be-svc__lead {
  display:block;
  color:#485b72!important;
  margin:0!important;
  font-size:clamp(14px,1.1vw,16px)!important;
  line-height:1.81!important;
  letter-spacing:0!important;
  font-weight:400!important;
  overflow-wrap:break-word;
}
.be-service-premium .be-svc__lead strong {font-weight:800;color:#233d61;}
.be-service-premium .be-svc__actions {
  display:flex;align-items:center;flex-wrap:wrap;column-gap:20px;row-gap:13px;
  margin-top:23px;padding-top:17px;border-top:1px solid #e7edf4;
}
.be-service-premium .be-svc__button {
  display:inline-flex;justify-content:center;align-items:center;gap:13px;
  min-height:43px;
  padding:10px 19px;
  background:linear-gradient(115deg,#0e345f,#164f89);
  box-shadow:0 9px 22px rgba(14,54,102,.16);
  color:#fff!important;
  border:1px solid #123d6d;
  border-radius:11px;
  text-decoration:none!important;
  font-size:13.5px;font-weight:850;
  line-height:1.4;
  transition:transform .18s ease,box-shadow .18s ease,background .18s ease;
  white-space:nowrap;
}
.be-service-premium .be-svc__button:hover {
  background:linear-gradient(115deg,#0b284d,#0e3d73);
  box-shadow:0 12px 25px rgba(14,54,102,.24);
  transform:translateY(-2px);
}
.be-service-premium .be-svc__button span {font-size:16px;line-height:1;}
.be-service-premium .be-svc__details {min-width:0;flex:1 1 150px;}
.be-service-premium .be-svc__details[open] {flex-basis:100%;}
.be-service-premium .be-svc__details > summary {
  display:inline-flex;align-items:center;justify-content:flex-start;gap:8px;
  padding:10px 0;min-height:42px;
  list-style:none;cursor:pointer;user-select:none;
  font-size:13px;line-height:1.4;font-weight:750;
  color:#285179!important;
  background:transparent!important;border:0!important;
  text-decoration:none;
}
.be-service-premium .be-svc__details > summary::-webkit-details-marker {display:none;}
.be-service-premium .be-svc__details > summary::marker {content:"";}
.be-service-premium .be-svc__details > summary:hover {color:#0c66d4!important;}
.be-service-premium .be-svc__chevron {
  display:inline-flex;align-items:center;justify-content:center;
  width:21px;height:21px;
  border-radius:50%;background:#eef4fa;
  font-size:18px;line-height:1;color:#3c5f84;
  transition:transform .18s ease;
}
.be-service-premium .be-svc__details[open] .be-svc__chevron {transform:rotate(180deg);}
.be-service-premium .be-svc__longcopy {
  border-top:1px solid #e6edf5;
  padding:18px 0 2px;
  margin:4px 0 0;
  font-size:14.5px;line-height:1.84;
  color:#445a70;
  overflow-wrap:anywhere;
  max-width:100%;
}
.be-service-premium .be-svc__longcopy p,
.be-service-premium .be-svc__longcopy li {
  font-size:14.5px!important;
  line-height:1.85!important;
  font-weight:400;color:#43566c;
  margin:0 0 13px;
}
.be-service-premium .be-svc__longcopy p:last-child {margin-bottom:0;}
.be-service-premium .be-svc__longcopy b,
.be-service-premium .be-svc__longcopy strong {color:#173962;font-weight:800;}
.be-service-premium .be-svc__longcopy .keywords {
  margin:14px 0;gap:7px;justify-content:flex-start;
}
.be-service-premium .be-svc__longcopy .keywords span {
  font-size:11.5px;padding:5px 9px;font-weight:700;box-shadow:none;
}
.be-service-premium .be-svc__longcopy blockquote,
.be-service-premium .be-svc__longcopy .mini-note {
  margin:12px 0;padding:13px 15px;
  background:#f4f8fc!important;border:1px solid #e2ecf4!important;
  border-left:3px solid #c39851!important;
  border-radius:7px!important;box-shadow:none!important;
  color:#4b6178!important;font-size:13px!important;
}
.be-service-premium .be-svc__longcopy a {text-underline-offset:3px;}
.be-service-premium .be-svc__visual {
  display:flex!important;align-items:center;justify-content:center;
  min-width:0!important;max-width:100%!important;
  width:100%!important;
  height:auto!important;min-height:0!important;
  aspect-ratio:1.84/1;
  margin:0!important;padding:6px!important;
  background:#fff!important;
  border:1px solid #e1e9f2!important;
  border-radius:24px!important;
  box-shadow:0 20px 56px rgba(15,39,74,.11),0 2px 7px rgba(15,39,74,.035)!important;
  overflow:hidden;
  transform:none!important;
}
.be-service-premium .be-svc__visual img {
  display:block!important;
  width:100%!important;height:100%!important;
  aspect-ratio:auto!important;
  max-height:none!important;
  min-height:0!important;
  padding:0!important;margin:0!important;
  border:0!important;
  border-radius:18px!important;
  object-fit:contain!important;
  background:#fff!important;
  box-shadow:none!important;
}
/* All the benefit tiles stay below the overview, but use less vertical space. */
.be-service-premium > .container.features {
  width:min(1180px,calc(100% - 44px));
  gap:12px!important;
  margin-top:22px!important;
}
.be-service-premium > .container.features .feature {
  padding:17px!important;
  border-radius:15px!important;
  box-shadow:0 7px 22px rgba(15,39,74,.045)!important;
}
.be-service-premium > .container.features .feature b {
  font-size:17px!important;margin:7px 0 3px!important;
}
.be-service-premium > .container.features .feature p {
  font-size:13.5px!important;line-height:1.65!important;
}
.be-service-premium > .container.features .icon {
  width:36px!important;height:36px!important;border-radius:10px!important;
  font-size:19px!important;
}
/* Legacy "service-mosaic" has an already-short summary; do not rewrap the content. */
.be-service-premium .be-svc__panel > .section-title {text-align:left;margin:0;max-width:none;}
.be-service-premium .be-svc__panel > .section-title h2 {
  font-size:clamp(25px,2.35vw,34px)!important;
  line-height:1.26!important;letter-spacing:-.018em!important;
  margin:0 0 13px!important;
  color:var(--be-svc-navy)!important;
}
.be-service-premium .be-svc__panel > .section-title p {
  text-align:left!important;margin:0!important;
  font-size:15px!important;line-height:1.8!important;color:#485b72!important;
}
.be-service-premium .be-svc__panel > .service-list:empty {display:none;}
.be-service-premium a:focus-visible,
.be-service-premium summary:focus-visible {
  outline:3px solid #a87934;outline-offset:4px;
}
@media(max-width:900px) {
  .be-service-premium .be-svc__grid {
    grid-template-columns:1fr!important;
    gap:17px!important;
    width:min(700px,calc(100% - 36px));
  }
  .be-service-premium .be-svc__panel {padding:26px!important;}
  .be-service-premium .be-svc__visual {aspect-ratio:1.9/1;}
  .be-service-premium > .container.features {
    width:min(700px,calc(100% - 36px));
    grid-template-columns:repeat(2,minmax(0,1fr));
    margin-top:18px!important;
  }
}
@media(max-width:560px) {
  .be-service-premium {padding:24px 0 28px!important;}
  .be-service-premium .be-svc__grid {width:calc(100% - 28px);gap:14px!important;}
  .be-service-premium .be-svc__panel {padding:23px 20px!important;border-radius:18px!important;}
  .be-service-premium .be-svc__panel::before {left:20px;right:20px;}
  .be-service-premium .be-svc__eyebrow {gap:9px;margin-bottom:13px;}
  .be-service-premium .be-svc__original-icon > .icon {width:34px!important;height:34px!important;min-width:34px!important;font-size:17px!important;border-radius:10px!important;}
  .be-service-premium .be-svc__kicker {font-size:9px;letter-spacing:.07em;gap:5px;}
  .be-service-premium .be-svc__kicker-bar {width:12px;}
  .be-service-premium .be-svc__title {font-size:clamp(23px,6.4vw,28px)!important;line-height:1.34!important;margin-bottom:11px!important;}
  .be-service-premium .be-svc__lead {font-size:14px!important;line-height:1.78!important;}
  .be-service-premium .be-svc__actions {margin-top:18px;padding-top:15px;gap:8px 12px;}
  .be-service-premium .be-svc__button {min-height:42px;padding:10px 12px;font-size:12.5px;}
  .be-service-premium .be-svc__details > summary {font-size:12px;}
  .be-service-premium .be-svc__longcopy {font-size:14px;}
  .be-service-premium .be-svc__visual {aspect-ratio:1.85/1;border-radius:17px!important;padding:5px!important;}
  .be-service-premium .be-svc__visual img {border-radius:12px!important;}
  .be-service-premium > .container.features {width:calc(100% - 28px);grid-template-columns:repeat(2,minmax(0,1fr));gap:9px!important;}
  .be-service-premium > .container.features .feature {padding:13px!important;}
  .be-service-premium > .container.features .feature b {font-size:14px!important;}
  .be-service-premium > .container.features .feature p {font-size:12px!important;line-height:1.6!important;}
}
@media(max-width:375px) {
  .be-service-premium .be-svc__actions {align-items:stretch;flex-direction:column;}
  .be-service-premium .be-svc__button {width:100%;}
  .be-service-premium .be-svc__details {width:100%;}
  .be-service-premium > .container.features {grid-template-columns:1fr;}
}
@media(prefers-reduced-motion:reduce) {
  .be-service-premium .be-svc__button,
  .be-service-premium .be-svc__chevron {transition:none!important;}
}