/* AdminCMS V4.1 — compact, premium image-and-copy introduction.
   Applies only to imported sales intro sections marked by cms_quick_sell_polish().
   IMAGE SIZE IS UNCHANGED: no dimensions, aspect-ratio, object-fit or max-height
   overrides are applied to .lineFullImage. */
:root {
  --cms-sell-ink:#1d2939;
  --cms-sell-muted:#586579;
  --cms-sell-accent:#d50d26;
  --cms-sell-border:#e4e9f0;
}
main section.cms-quick-sell {
  padding-top:clamp(20px,3vw,36px) !important;
  padding-bottom:clamp(20px,2.8vw,34px) !important;
  background:linear-gradient(180deg,#ffffff 0%,#fdfefe 100%);
}
main section.cms-quick-sell > .wrap.split {
  display:grid !important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;
  gap:clamp(16px,2.15vw,28px) !important;
  align-items:stretch !important;
}
main section.cms-quick-sell > .wrap.split > .imageFrame,
main section.cms-quick-sell > .wrap.split > .panel {
  min-width:0;
  border:1px solid var(--cms-sell-border) !important;
  border-radius:25px !important;
  box-shadow:0 17px 42px rgba(24,39,57,.075) !important;
}
/* Keep the image and its wrapper's original size and padding. */
main section.cms-quick-sell > .wrap.split > .imageFrame {
  align-self:start;
  background:#fff !important;
  overflow:hidden;
}
main section.cms-quick-sell > .wrap.split > .panel {
  position:relative;
  display:flex !important;
  flex-direction:column;
  justify-content:flex-start;
  align-self:center;
  align-items:stretch;
  margin:0 !important;
  padding:clamp(22px,2.6vw,37px) !important;
  background:linear-gradient(156deg,#ffffff 0%,#ffffff 54%,#fbfcfe 100%) !important;
  overflow:hidden;
}
main section.cms-quick-sell > .wrap.split > .panel::before {
  content:"";
  position:absolute;
  top:0;left:0;right:0;
  height:4px;
  background:linear-gradient(90deg,#e50914 0%,#fa4f61 34%,#f6dade 74%,transparent 100%);
}
main section.cms-quick-sell .panel > h2 {
  margin:0 0 clamp(14px,1.5vw,22px) !important;
  padding:0 !important;
  font-size:clamp(1.75rem,2.75vw,2.75rem) !important;
  line-height:1.28 !important;
  font-weight:850 !important;
  color:var(--cms-sell-ink) !important;
  letter-spacing:-.035em;
  overflow-wrap:break-word;
  text-wrap:balance;
}
main section.cms-quick-sell .panel > p,
main section.cms-quick-sell .panel > .cms-sales-copy {
  margin:0 0 15px !important;
  padding:0 !important;
  color:var(--cms-sell-muted) !important;
  font-size:clamp(15px,1.08vw,16.5px) !important;
  line-height:1.82 !important;
  font-weight:450 !important;
  letter-spacing:0;
}
main section.cms-quick-sell .panel > p:last-of-type {
  margin-bottom:18px !important;
}
main section.cms-quick-sell .panel > .featureList {
  display:grid !important;
  grid-template-columns:minmax(0,1fr) !important;
  gap:9px !important;
  margin:8px 0 0 !important;
  padding:0 !important;
  list-style:none !important;
}
main section.cms-quick-sell .featureList > li {
  display:grid !important;
  grid-template-columns:29px minmax(0,1fr) !important;
  align-items:center !important;
  gap:12px !important;
  margin:0 !important;
  padding:12px 14px !important;
  background:#f7f9fc !important;
  border:1px solid #e6eaf1 !important;
  border-radius:13px !important;
  box-shadow:none !important;
  color:#2d3949 !important;
  font-size:clamp(13.5px,.99vw,15px) !important;
  font-weight:680 !important;
  line-height:1.6 !important;
  overflow-wrap:anywhere;
}
main section.cms-quick-sell .featureList > li > .check {
  margin:0 !important;
  width:28px !important;
  height:28px !important;
  min-width:28px !important;
  min-height:28px !important;
  border-radius:50% !important;
  background:#df0a20 !important;
  color:#fff !important;
  font-size:14px !important;
  line-height:1 !important;
  font-weight:850 !important;
  display:grid !important;
  place-items:center !important;
  box-shadow:0 3px 8px rgba(205,15,31,.16);
}
@media (min-width:1001px) {
  main section.cms-quick-sell > .wrap.split > .imageFrame { grid-column:1; grid-row:1; }
  main section.cms-quick-sell > .wrap.split > .panel { grid-column:2; grid-row:1; }
}
@media (max-width:1000px) {
  main section.cms-quick-sell > .wrap.split {
    grid-template-columns:minmax(0,1fr) !important;
    gap:16px !important;
  }
  main section.cms-quick-sell > .wrap.split > .panel {
    padding:clamp(20px,3vw,30px) !important;
  }
  main section.cms-quick-sell > .wrap.split > .imageFrame { order:0; }
  main section.cms-quick-sell > .wrap.split > .panel { order:1; }
  main section.cms-quick-sell .panel > h2 {
    font-size:clamp(1.7rem,4.7vw,2.45rem) !important;
  }
}
@media (max-width:640px) {
  main section.cms-quick-sell {
    padding-top:15px !important;
    padding-bottom:19px !important;
  }
  main section.cms-quick-sell > .wrap.split {
    gap:12px !important;
  }
  main section.cms-quick-sell > .wrap.split > .imageFrame,
  main section.cms-quick-sell > .wrap.split > .panel {
    border-radius:18px !important;
  }
  main section.cms-quick-sell > .wrap.split > .panel {
    padding:20px 16px !important;
  }
  main section.cms-quick-sell .panel > h2 {
    font-size:clamp(1.65rem,7.8vw,2.12rem) !important;
    line-height:1.29 !important;
    margin-bottom:12px !important;
  }
  main section.cms-quick-sell .panel > p,
  main section.cms-quick-sell .panel > .cms-sales-copy {
    font-size:14.5px !important;
    line-height:1.75 !important;
    margin-bottom:11px !important;
  }
  main section.cms-quick-sell .panel > .featureList {
    gap:8px !important;
    margin-top:6px !important;
  }
  main section.cms-quick-sell .featureList > li {
    grid-template-columns:26px minmax(0,1fr) !important;
    gap:9px !important;
    padding:10px 11px !important;
    border-radius:11px !important;
    font-size:13.5px !important;
  }
  main section.cms-quick-sell .featureList > li > .check {
    width:26px !important;
    height:26px !important;
    min-width:26px !important;
    min-height:26px !important;
    font-size:13px !important;
  }
}

/* AdminCMS V4.2 — balanced image/copy columns, no image scaling changes.
   On wide screens the text panel occupies the full height of the unchanged
   portrait picture, and the existing benefits share the remaining space.
   On narrow screens natural block heights remain accessible. */
@media (min-width:1001px) {
  main section.cms-quick-sell > .wrap.split {
    align-items:stretch !important;
  }
  main section.cms-quick-sell > .wrap.split > .imageFrame {
    align-self:start !important;
  }
  main section.cms-quick-sell > .wrap.split > .panel {
    align-self:stretch !important;
    height:auto !important;
    min-height:0 !important;
    justify-content:flex-start !important;
    padding:clamp(28px,2.6vw,42px) !important;
    border-radius:25px !important;
  }
  main section.cms-quick-sell .panel > h2 {
    margin-bottom:clamp(16px,1.6vw,24px) !important;
    font-size:clamp(2rem,2.9vw,2.85rem) !important;
    line-height:1.24 !important;
  }
  main section.cms-quick-sell .panel > p,
  main section.cms-quick-sell .panel > .cms-sales-copy {
    font-size:clamp(15px,1.14vw,17px) !important;
    line-height:1.87 !important;
    margin-bottom:clamp(13px,1.3vw,20px) !important;
  }
  main section.cms-quick-sell .panel > .featureList {
    flex:1 1 auto !important;
    min-height:0;
    display:grid !important;
    grid-auto-rows:minmax(0,1fr);
    align-content:stretch !important;
    gap:clamp(11px,1.1vw,16px) !important;
    margin:clamp(14px,1.45vw,22px) 0 0 !important;
  }
  main section.cms-quick-sell .featureList > li {
    align-items:center !important;
    min-height:0;
    padding:clamp(13px,1.2vw,20px) clamp(15px,1.3vw,20px) !important;
    border-radius:16px !important;
    background:linear-gradient(120deg,#f8fafc 0%,#f5f7fa 100%) !important;
    border:1px solid #e3e8f0 !important;
    box-shadow:inset 3px 0 0 rgba(217,12,31,.11) !important;
    font-size:clamp(14px,1.06vw,16px) !important;
    line-height:1.72 !important;
  }
  main section.cms-quick-sell .featureList > li > .check {
    width:32px !important;
    height:32px !important;
    min-width:32px !important;
    min-height:32px !important;
    box-shadow:0 5px 12px rgba(205,15,31,.17) !important;
  }
  main section.cms-quick-sell .featureList > li {
    grid-template-columns:32px minmax(0,1fr) !important;
    gap:13px !important;
  }
}
/* The two blocks stack below this breakpoint; do not set fixed heights or
   suppress overflow, which could hide translated/edited page copy. */
@media (max-width:1000px) {
  main section.cms-quick-sell > .wrap.split > .panel {
    align-self:auto !important;
    height:auto !important;
  }
  main section.cms-quick-sell .panel > .featureList {
    flex:none !important;
    grid-auto-rows:auto !important;
  }
}
/* Tighten the typography where the two-column layout is only just wide enough. */
@media (min-width:1001px) and (max-width:1080px) {
  main section.cms-quick-sell > .wrap.split > .panel {
    padding:24px !important;
  }
  main section.cms-quick-sell .panel > h2 {
    font-size:1.88rem !important;
    margin-bottom:12px !important;
    line-height:1.2 !important;
  }
  main section.cms-quick-sell .panel > p,
  main section.cms-quick-sell .panel > .cms-sales-copy {
    font-size:14.5px !important;
    line-height:1.7 !important;
    margin-bottom:10px !important;
  }
  main section.cms-quick-sell .panel > .featureList {
    margin-top:8px !important;
    gap:8px !important;
  }
  main section.cms-quick-sell .featureList > li {
    padding:10px 12px !important;
    font-size:13.8px !important;
    line-height:1.52 !important;
  }
}