/* =========================
   Screen 2 v4 (Scoped)
   Mobile: text overlays image (NOT split)
   ========================= */
#ps-screen2-v4{
  font-family: Inter, "Segoe UI", Arial, sans-serif;
  color:#333;
}
#ps-screen2-v4 *{box-sizing:border-box;}
#ps-screen2-v4 img{display:block;max-width:100%;}

/* Media container */
#ps-screen2-v4 .ps2-media{
  width:100%;
  min-height:560px;
  position:relative;
  overflow:hidden;
  border-radius:12px;
}

/* Background image */
#ps-screen2-v4 .ps2-media__bg{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  z-index:0;
}

/* Copy panel (Desktop: right glass panel) */
#ps-screen2-v4 .ps2-media__copy{
  position:absolute;
  top:0;
  right:0;
  height:100%;
  width:min(54vw, 860px);
  padding:72px 64px;
  z-index:2;

  display:flex;
  align-items:center;

  background:rgba(255,255,255,.84);
  backdrop-filter:saturate(140%) blur(2px);
}

/* Inner wrapper */
#ps-screen2-v4 .ps2-copy__inner{
  width:100%;
}

/* Title (H2 standard aligned) */
#ps-screen2-v4 .ps2-title{
  margin:0 0 36px 0;                 /* ✅ standard 16–20-ish */
  color:#1a2530;
  font-weight:700;
  font-size:clamp(28px, 2.2vw, 32px); /* ✅ 28–32 */
  line-height:1.25;
  letter-spacing:-0.01em;
}

/* List */
#ps-screen2-v4 .ps2-list{
  list-style:none;
  margin:0;
  padding:0;
  width:100%;
}

/* Items (use padding rhythm instead of big margins) */
#ps-screen2-v4 .ps2-item{
  display:flex;
  align-items:flex-start;
  gap:14px;
  padding:10px 0;                    /* ✅ 8–12 */
}
#ps-screen2-v4 .ps2-item:last-child{padding-bottom:0;}

/* Icon */
#ps-screen2-v4 .ps2-icon{
  width:44px;
  height:44px;
  border-radius:50%;
  background:#8B5A2B;
  color:#fff;

  display:flex;
  align-items:center;
  justify-content:center;

  font-size:19px;
  flex-shrink:0;
  margin-top:2px;
}

/* Text */
#ps-screen2-v4 .ps2-text{
  margin:0;
  font-size:17px;                    /* ✅ body 17 */
  line-height:1.8;                   /* ✅ 1.8 */
  color:#495057;                     /* ✅ standard body color */
  font-weight:400;
  max-width:70ch;
}
#ps-screen2-v4 .ps2-text strong{
  color:#1a2530;
  font-weight:600;
}

/* ===== Mobile: keep TEXT ON IMAGE (no split) ===== */
@media (max-width:768px){
  #ps-screen2-v4 .ps2-media{
    min-height:520px;
    border-radius:12px;
  }

  /* keep image as absolute background */
  #ps-screen2-v4 .ps2-media__bg{
    position:absolute;
    inset:0;
    height:100%;
  }

  /* turn copy into overlay card on image */
  #ps-screen2-v4 .ps2-media__copy{
    position:absolute;
    inset:auto 14px 14px 14px;       /* ✅ sit on image bottom with safe padding */
    width:auto;
    height:auto;
    padding:22px 18px;               /* ✅ 22–26-ish mobile padding */
    border-radius:12px;

    background:rgba(0,0,0,.48);      /* ✅ readable on image */
    backdrop-filter:saturate(120%) blur(2px);
  }

  /* make text white for contrast */
  #ps-screen2-v4 .ps2-title{
    font-size:clamp(22px, 5.2vw, 24px);
    margin-bottom:12px;
    color:#fff;
  }
  #ps-screen2-v4 .ps2-text{
    font-size:17px;
    line-height:1.8;
    color:rgba(255,255,255,.92);
    max-width:60ch;
  }
  #ps-screen2-v4 .ps2-text strong{
    color:#fff;
    font-weight:600;
  }

  #ps-screen2-v4 .ps2-icon{
    width:38px;
    height:38px;
    font-size:18px;
    background:rgba(139, 90, 43, .95);
  }

  #ps-screen2-v4 .ps2-item{
    gap:12px;
    padding:8px 0;
  }
}