/* QA-001 — City-only offers-marketplace editorial bridge. Hand-maintained; not generated from the page mock. */
.sell-fast-page .offers-marketplace-tip{
  --offers-tip-mint:color-mix(in srgb,var(--clvr-success) 13%,var(--clvr-bg));
  --offers-tip-green:color-mix(in srgb,var(--clvr-success) 66%,var(--clvr-blue-dark));
  --offers-tip-green-dark:color-mix(in srgb,var(--clvr-success) 48%,var(--clvr-blue-dark));
  container-type:inline-size;
  position:relative;
  margin:var(--clvr-sp-10) 0 var(--clvr-sp-12);
  padding-top:1px;
  border:0;
  border-radius:calc(var(--clvr-radius) + var(--clvr-sp-1));
  background:var(--clvr-bg);
  box-shadow:var(--clvr-shadow-lg);
}
.sell-fast-page .offers-marketplace-tip__label{
  position:absolute;
  top:-18px;
  left:var(--clvr-sp-6);
  display:inline-flex;
  align-items:center;
  gap:var(--clvr-sp-2);
  padding:var(--clvr-sp-2) var(--clvr-sp-4);
  border-radius:var(--clvr-radius-pill);
  background:var(--offers-tip-mint);
  color:var(--offers-tip-green-dark);
  font-size:var(--cb-fs-caption);
  font-weight:var(--clvr-weight-bold);
  line-height:1.3;
  letter-spacing:.045em;
  text-transform:uppercase;
}
.sell-fast-page .offers-marketplace-tip__label-icon{width:15px;height:15px;flex:none;color:var(--offers-tip-green)}
.sell-fast-page .offers-marketplace-tip__body{padding:calc(var(--clvr-sp-8) + var(--clvr-sp-1)) var(--clvr-sp-6) var(--clvr-sp-6)}
.sell-fast-page .offers-marketplace-tip h3{
  display:flex;
  align-items:center;
  flex-wrap:nowrap;
  gap:var(--clvr-sp-3);
  width:max-content;
  max-width:100%;
  margin:0 0 var(--clvr-sp-3)!important;
  color:var(--clvr-text);
  font-family:var(--clvr-font-heading);
  font-size:1.35rem!important;
  font-weight:var(--clvr-weight-semibold)!important;
  line-height:1.35;
}
.sell-fast-page .offers-marketplace-tip__title-copy{display:block;min-width:0}
.sell-fast-page .offers-marketplace-tip__title-copy>span{display:block;white-space:nowrap}
.sell-fast-page .offers-marketplace-tip__title-icon{
  display:inline-grid;
  place-items:center;
  width:32px;
  height:32px;
  border-radius:calc(var(--clvr-radius) + 2px);
  background:var(--clvr-bg-tint);
  color:var(--clvr-blue);
  box-shadow:7px 7px 0 var(--offers-tip-mint);
  transform:rotate(-2deg);
  flex:none;
}
.sell-fast-page .offers-marketplace-tip__title-icon svg{width:16px;height:16px}
.sell-fast-page .offers-marketplace-tip__intro{max-width:720px;margin:0!important;font-size:var(--cb-fs-body)!important;font-weight:400!important;line-height:1.65!important;color:var(--clvr-text)!important}
.sell-fast-page .offers-marketplace-tip__reasons{margin-top:var(--clvr-sp-4)}
.sell-fast-page .offers-marketplace-tip__reasons h4{margin:0 0 var(--clvr-sp-2);font-size:var(--cb-fs-body);font-weight:var(--clvr-weight-bold);line-height:1.45;color:var(--clvr-text)}
.sell-fast-page .offers-marketplace-tip__reasons ul{margin:0;padding-left:var(--clvr-sp-6)}
.sell-fast-page .offers-marketplace-tip__reasons li{margin:0 0 var(--clvr-sp-2);padding-left:var(--clvr-sp-1);font-size:var(--cb-fs-body);font-weight:400;line-height:1.65;color:var(--clvr-text)}
.sell-fast-page .offers-marketplace-tip__reasons li:last-child{margin-bottom:0}
.sell-fast-page .offers-marketplace-tip__action{display:flex;align-items:center;justify-content:space-between;gap:var(--clvr-sp-4);margin-top:var(--clvr-sp-6);padding-top:var(--clvr-sp-4);border-top:1px solid var(--clvr-border-light)}
.sell-fast-page .offers-marketplace-tip__action-copy{display:flex;align-items:center;gap:var(--clvr-sp-3);min-width:0;text-align:left}
.sell-fast-page .offers-marketplace-tip__action-copy>.co-icon{width:auto;height:36px;flex:none}
.sell-fast-page .offers-marketplace-tip__action-text{display:grid;gap:2px;min-width:0}
.sell-fast-page .offers-marketplace-tip__action p{margin:0!important;color:var(--clvr-text)!important}
.sell-fast-page .offers-marketplace-tip__action-headline{font-size:var(--cb-fs-body)!important;font-weight:var(--clvr-weight-semibold)!important;line-height:1.4!important}
.sell-fast-page .offers-marketplace-tip__action-subhead{font-size:var(--cb-fs-caption)!important;font-weight:400!important;line-height:1.45!important;color:var(--clvr-text-muted)!important}
.sell-fast-page .offers-marketplace-tip__action>a,
.sell-fast-page .offers-marketplace-tip__action>a:link,
.sell-fast-page .offers-marketplace-tip__action>a:visited{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:var(--clvr-sp-2);
  min-height:48px;
  flex:none;
  padding:var(--clvr-sp-3) var(--clvr-sp-4);
  border:0;
  border-radius:var(--clvr-btn-radius);
  background:var(--offers-tip-green);
  color:var(--clvr-text-inverse)!important;
  font-size:14px;
  font-weight:var(--clvr-weight-bold);
  line-height:1.45;
  text-decoration:none;
  transition:background var(--clvr-transition),transform var(--clvr-transition),box-shadow var(--clvr-transition);
}
.sell-fast-page .offers-marketplace-tip__action>a:hover,
.sell-fast-page .offers-marketplace-tip__action>a:focus-visible{background:var(--offers-tip-green-dark);color:var(--clvr-text-inverse)!important;text-decoration:none;transform:translateY(-1px);box-shadow:var(--clvr-shadow)}
.sell-fast-page .offers-marketplace-tip__action>a:focus-visible{outline:2px solid var(--clvr-orange);outline-offset:3px}
@container(max-width:640px){
  .sell-fast-page .offers-marketplace-tip{margin-top:var(--clvr-sp-8);margin-bottom:var(--clvr-sp-10)}
  .sell-fast-page .offers-marketplace-tip__label{left:var(--clvr-sp-4)}
  .sell-fast-page .offers-marketplace-tip__body{padding:var(--clvr-sp-8) var(--clvr-sp-4) var(--clvr-sp-4)}
  .sell-fast-page .offers-marketplace-tip h3{font-size:1.2rem!important}
  .sell-fast-page .offers-marketplace-tip__title-copy{width:11.5rem}
  .sell-fast-page .offers-marketplace-tip__title-copy>span{white-space:normal}
  .sell-fast-page .offers-marketplace-tip__action{align-items:stretch;flex-direction:column}
  /* QA-071: left, not centred. Everything else in this component — the "Expert take" eyebrow, the
     title copy — is left-aligned, so centring only the action headline and subhead read as a mistake. */
  .sell-fast-page .offers-marketplace-tip__action-copy{justify-content:flex-start;text-align:left}
  .sell-fast-page .offers-marketplace-tip__action>a{width:100%}
}