/* Standalone About Comu module: shared editorial split, site line icons,
   campaign text/color tokens and the confirmed PC / 440px mobile type ramp. */
#fall-sale #sale-about {
  padding-block:80px;
  background:var(--sale-bg-alt,#f8f9fa);
  color:var(--sale-text-main,#191c1d);
  font-family:inherit;
}
#fall-sale #sale-about .sale-about-layout {
  display:grid;
  grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);
  gap:40px;
  align-items:stretch;
  width:calc(100% - 60px);
  max-width:1120px;
  padding:0;
  margin-inline:auto;
}
#sale-about .sale-about-media {
  min-width:0;
  position:relative;
  overflow:hidden;
  border-radius:var(--sale-radius-block,20px);
}
#sale-about .sale-about-media img {
  display:block;
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:50% 50%;
}
#sale-about .sale-about-content { min-width:0; display:flex; flex-direction:column; gap:40px; }
#sale-about .sale-about-heading { display:flex; flex-direction:column; gap:13px; }
#fall-sale #sale-about .sale-eyebrow {
  margin:0;
  font-family:inherit;
  font-size:12px;
  line-height:18px;
  font-weight:600;
  text-transform:uppercase;
  letter-spacing:0;
  color:var(--sale-orange,#b7741a);
}
#fall-sale #sale-about h2 {
  margin:0;
  color:var(--sale-text-main,#191c1d);
  font-family:inherit;
  font-size:40px;
  line-height:60px;
  font-weight:600;
  letter-spacing:0;
  text-align:left;
}
#fall-sale #sale-about p {
  margin:0;
  font-family:inherit;
  font-size:14px;
  line-height:21px;
  font-weight:600;
  color:var(--sale-text-muted,#667085);
}
#sale-about .sale-about-points { display:grid; gap:24px; padding:0; margin:0; list-style:none; }
#sale-about .sale-about-points li { display:grid; grid-template-columns:24px minmax(0,1fr); align-items:start; gap:16px; padding:0; margin:0; }
#sale-about .sale-about-icon { display:block; width:24px; height:24px; margin-top:4px; color:var(--sale-orange,#b7741a); stroke-width:1.5; }
#fall-sale #sale-about h3 { margin:0 0 8px; font-family:inherit; color:var(--sale-text-main,#191c1d); font-size:22px; line-height:33px; font-weight:600; letter-spacing:0; }
#sale-about .sale-about-benefits { display:flex; flex-direction:column; gap:24px; padding-top:24px; border-top:1px solid var(--sale-border,#e5e7eb); }
#sale-about .sale-about-stats { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; margin:0; }
#sale-about .sale-about-stats > div { min-width:0; }
#sale-about .sale-about-stats dt { color:var(--sale-orange,#b7741a); font-size:22px; line-height:33px; font-weight:600; margin:0 0 8px; }
#sale-about .sale-about-stats dd { margin:0; color:var(--sale-text-muted,#667085); font-size:12px; line-height:18px; font-weight:600; }
#fall-sale #sale-about .sale-about-note { color:var(--sale-text-muted,#667085); font-size:12px; line-height:18px; font-weight:600; }
#fall-sale #sale-about .sale-about-note a { display:inline; margin:0; padding:0; min-height:0; color:inherit; font-size:inherit; line-height:inherit; font-weight:inherit; text-decoration:underline; text-underline-offset:3px; }
@media(max-width:768px) {
  #fall-sale #sale-about { padding-block:32px; }
  #fall-sale #sale-about .sale-about-layout { grid-template-columns:minmax(0,1fr); max-width:380px; gap:24px; }
  #sale-about .sale-about-media { aspect-ratio:4/3; }
  #sale-about .sale-about-media img { object-position:50% 53%; }
  #sale-about .sale-about-content { gap:24px; }
  #sale-about .sale-about-heading { gap:8px; }
  #fall-sale #sale-about h2 { font-size:28px; line-height:40px; }
  #sale-about .sale-about-points { gap:24px; }
  #sale-about .sale-about-points li { gap:12px; }
  #sale-about .sale-about-icon { margin-top:0; }
  #fall-sale #sale-about h3 { font-size:14px; line-height:21px; }
  #sale-about .sale-about-benefits { padding-top:24px; gap:16px; }
  #sale-about .sale-about-stats { gap:12px; }
  #sale-about .sale-about-stats dt { font-size:22px; line-height:33px; }
}
@media(prefers-reduced-motion:reduce) { #sale-about * { scroll-behavior:auto; } }
