/* Kidzamania - Featured Partner v2.3: short edge-only fade; face fully visible. */
.v17-aa-feature{padding:0 0 21px;}
.v17-aa-feature-card{
  position:relative;isolation:isolate;overflow:hidden;
  display:flex;align-items:center;height:264px;min-height:0;
  border-radius:18px;border:1px solid #f9dced;
  background:linear-gradient(102deg,#fff1f8 0%,#fff8fc 48%,#fff4fb 100%);
  box-shadow:0 7px 21px rgba(41,21,86,.06);
}
/* Dotted candy-pink accents like the accepted visual concept */
.v17-aa-feature-card::before{
  content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background:radial-gradient(#f5b0d2 1px,transparent 1.6px) left top/12px 12px;
  -webkit-mask-image:linear-gradient(90deg,rgba(0,0,0,.42) 0, transparent 24%);
  mask-image:linear-gradient(90deg,rgba(0,0,0,.42) 0, transparent 24%);
}
.v17-aa-feature-copy{
  position:relative;z-index:2;box-sizing:border-box;
  width:44%;max-width:600px;min-width:0;padding:11px 22px 11px 33px;
}
.v17-aa-feature-eyebrow{
  display:flex;align-items:center;gap:10px;margin-bottom:5px;
  font-family:Raleway,Arial,sans-serif;font-size:14px;font-weight:800;
  letter-spacing:.09em;text-transform:uppercase;color:#f31968;
}
.v17-aa-feature-eyebrow .bi{font-size:21px;color:#f31968;line-height:1}
.v17-aa-feature-copy h2{
  margin:0 0 7px;font-family:Raleway,Arial,sans-serif;
  color:#101654;font-size:clamp(29px,3.0vw,40px);
  line-height:1.02;letter-spacing:-.035em;font-weight:800;
}
.v17-aa-feature-copy h2 span{color:#ed1162;}
.v17-aa-feature-copy>p:not(.v17-aa-feature-disclosure){
  font-family:'Open Sans',Arial,sans-serif;font-size:clamp(13px,1.05vw,14px);
  line-height:1.45;color:#404962;margin:0 0 11px;max-width:490px;
}
.v17-aa-feature-button{
  display:inline-flex;gap:10px;align-items:center;justify-content:center;
  box-sizing:border-box;padding:10px 17px;min-height:41px;border-radius:11px;
  background:#f31968;color:#fff;text-decoration:none;
  box-shadow:0 5px 15px rgba(243,25,104,.21);
  font-family:Raleway,Arial,sans-serif;font-size:14px;font-weight:800;
  transition:background .14s ease,transform .14s ease;
}
.v17-aa-feature-button:hover,.v17-aa-feature-button:focus-visible{
  color:#fff;background:#d70e57;text-decoration:none;
}
.v17-aa-feature-button:focus-visible{outline:3px solid #1d1a55;outline-offset:3px}
.v17-aa-feature-disclosure{font-size:11px;color:#6c6980;line-height:1.35;margin:6px 0 0;}
/* Artwork blends only across the first 10% of its area; protects character face contrast. */
.v17-aa-feature-art{position:absolute;top:0;right:0;bottom:0;width:66%;z-index:1;overflow:hidden;
  -webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.35) 3%,rgba(0,0,0,.85) 7%,#000 10%);
  mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.35) 3%,rgba(0,0,0,.85) 7%,#000 10%);}
.v17-aa-feature-art img{display:block;width:100%;height:100%;object-fit:cover;object-position:right center;}
.v17-aa-feature-art::after{content:none;}
@media(max-width:1100px){
  .v17-aa-feature-card{height:256px;min-height:0;}
  .v17-aa-feature-copy{width:47%;padding-left:25px;}
  .v17-aa-feature-art{width:64%;}
  .v17-aa-feature-copy h2{font-size:clamp(27px,3.3vw,36px)}
}
@media(max-width:767px){
 .v17-aa-feature{padding-bottom:18px;}
 .v17-aa-feature-card{display:flex;flex-direction:column;height:auto;min-height:0;align-items:stretch;border-radius:16px;}
 .v17-aa-feature-copy{order:1;width:100%;max-width:none;padding:23px 21px 14px;}
 .v17-aa-feature-eyebrow{font-size:12px;letter-spacing:.07em;margin-bottom:10px;}
 .v17-aa-feature-eyebrow .bi{font-size:20px;}
 .v17-aa-feature-copy h2{font-size:clamp(29px,8vw,39px);margin-bottom:12px;}
 .v17-aa-feature-copy>p:not(.v17-aa-feature-disclosure){font-size:14px;line-height:1.5;margin-bottom:16px;}
 .v17-aa-desktop-break{display:none;}
 .v17-aa-feature-disclosure{font-size:11px;}
 .v17-aa-feature-art{position:relative;order:2;width:100%;height:auto;aspect-ratio:2.75/1;-webkit-mask-image:none;mask-image:none;}
 .v17-aa-feature-art img{object-position:center;}
 .v17-aa-feature-art::after{content:"";pointer-events:none;position:absolute;inset:0;background:linear-gradient(180deg,#fff3f9 0%,rgba(255,246,251,0) 18%);}
}
@media(max-width:420px){
 .v17-aa-feature-copy{padding:18px 17px 12px;}
 .v17-aa-feature-button{width:100%;font-size:13px;}
 .v17-aa-feature-art{aspect-ratio:2.75/1;}
}

/* v2.4: iPad / tablet content-safe layout and opaque-artwork blending. */
/* The supplied mockup-derived WEBP has no alpha channel. Multiply lets light
   pixels visually blend with the pink card without altering source artwork. */
.v17-aa-feature-art img{mix-blend-mode:multiply;}
/* At tablet widths the former 47% copy / 64% artwork overlapped badly.
   Allocate non-overlapping space: 55% copy, 45% illustrated panel. */
@media (min-width:768px) and (max-width:1100px){
  .v17-aa-feature-card{height:256px;}
  .v17-aa-feature-copy{width:55%;padding-left:23px;padding-right:16px;}
  .v17-aa-feature-copy h2{font-size:clamp(29px,3.4vw,35px);}
  .v17-aa-feature-art{
    width:45%;
    -webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 9%);
    mask-image:linear-gradient(90deg,transparent 0%,#000 9%);
  }
  .v17-aa-feature-art img{object-fit:cover;object-position:left center;}
  .v17-aa-desktop-break{display:none;}
}