/* THEARTPET V65 — restored explanatory hero + exact Changwon classroom photo */

/* Hero: keep the original explanatory layout and let the classroom photo dissolve into the cream background. */
body.v24 .hero.hero-blended .hero-inner{
  display:block!important;
  min-height:620px;
  isolation:isolate;
  padding-top:64px!important;
  padding-bottom:54px!important;
}
body.v24 .hero.hero-blended .hero-copy{
  position:relative;
  z-index:2;
  width:55%!important;
}
body.v24 .hero.hero-blended .hero-brand-photo{
  position:absolute;
  z-index:0;
  pointer-events:none;
  right:-44px;
  top:0;
  bottom:0;
  width:64%;
  height:100%;
  max-width:none;
  aspect-ratio:auto;
  margin:0;
  border-radius:0;
  overflow:hidden;
  background:transparent;
  opacity:.94;
  mix-blend-mode:normal;
  -webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.12) 10%,rgba(0,0,0,.52) 24%,rgba(0,0,0,.9) 38%,#000 52%,#000 100%);
  mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.12) 10%,rgba(0,0,0,.52) 24%,rgba(0,0,0,.9) 38%,#000 52%,#000 100%);
}
body.v24 .hero.hero-blended .hero-brand-photo img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:61% 55%!important;
  transform:none!important;
}

/* FAQ: all items remain dropdowns, but the closed state is tighter. */
body.v24 .v52-faq .faq-layout{gap:38px;}
body.v24 .v52-faq .faq-list summary{
  min-height:50px;
  padding:15px 30px 15px 0;
  font-size:14.5px;
  line-height:1.55;
}
body.v24 .v52-faq .faq-list summary::after{top:14px;font-size:19px;}
body.v24 .v52-faq .faq-list details p{padding:0 16px 18px 38px;font-size:14px;line-height:1.75;}

/* Required consent remains visible, but no longer dominates the form. */
body.v24 .v65-consent{gap:8px!important;margin-top:-2px;}
body.v24 .v65-consent input{width:17px;height:17px;flex-basis:17px;}
body.v24 .v65-consent>div{font-size:11.5px;line-height:1.45;color:rgba(255,255,255,.76);}
body.v24 .v65-consent .v52-privacy-link{min-height:28px;text-underline-offset:2px;color:inherit;}

/* Privacy and tuition are grouped into a discreet legal strip at the bottom. */
body.v24 .v65-legal{padding:6px 0 18px;background:#fff;}
body.v24 .v65-legal-row{display:flex;align-items:flex-start;gap:18px;border-top:1px solid var(--line);padding-top:6px;}
body.v24 .v65-legal .v65-legal-disclosure{flex:1 1 0;border:0;min-width:0;}
body.v24 .v65-legal .v65-legal-disclosure>summary{
  min-height:34px;
  padding:6px 0;
  gap:8px;
  font-size:11.5px;
  line-height:1.4;
  font-weight:500;
  color:#727c84;
}
body.v24 .v65-legal .v52-toggle{font-size:15px;color:#8a9298;}
body.v24 .v65-legal .v52-detail-body{margin:6px 0 10px;padding:20px;border-radius:10px;}
body.v24 .v65-legal .v52-detail-body h2{font-size:20px;margin-bottom:16px;}
body.v24 .v65-legal .v52-policy-list{gap:15px;}
body.v24 .v65-legal .v52-policy-list dd{font-size:13px;line-height:1.7;}
body.v24 .v65-legal .v52-fee-grid{gap:10px;margin:16px 0;}
body.v24 .v65-legal .v52-fee-card{padding:16px;}
body.v24 .v65-legal .v52-fee-card h3{font-size:15px;margin-bottom:12px;}
body.v24 .v65-legal .v52-fee-card dl div{font-size:12px;}
body.v24 .v65-legal .v52-note{font-size:11.5px;line-height:1.65;margin:14px 0;}

@media(max-width:900px){
  body.v24 .hero.hero-blended .hero-inner{min-height:0;padding-top:38px!important;padding-bottom:28px!important;}
  body.v24 .hero.hero-blended .hero-copy{width:100%!important;}
  body.v24 .hero.hero-blended .hero-brand-photo{
    position:relative;
    right:auto;top:auto;bottom:auto;
    width:100%;height:auto;max-width:none;
    aspect-ratio:4/3;
    margin:24px 0 0;
    border-radius:16px;
    opacity:1;
    -webkit-mask-image:none;
    mask-image:none;
  }
  body.v24 .hero.hero-blended .hero-brand-photo img{position:absolute;inset:0;object-position:58% 56%!important;}
}
@media(max-width:700px){
  body.v24 .v52-faq .faq-layout{gap:16px;}
  body.v24 .v52-faq .faq-list summary{min-height:46px;padding:13px 27px 13px 0;font-size:13.5px;}
  body.v24 .v52-faq .faq-list summary::after{top:12px;font-size:18px;}
  body.v24 .v52-faq .faq-list details p{padding:0 10px 16px;font-size:13px;}
  body.v24 .v65-legal-row{display:block;}
  body.v24 .v65-legal .v65-legal-disclosure>summary{font-size:11px;min-height:32px;padding:5px 0;}
  body.v24 .v65-legal .v52-detail-body{padding:16px 12px;}
  body.v24 .v65-consent>div{font-size:11px;}
}


/* THEARTPET V66 — compact 3-group FAQ */
body.v24 .v52-faq .section-heading h2{
  font-size:clamp(28px,3.2vw,42px);
  line-height:1.15;
  margin-bottom:10px;
}
body.v24 .v52-faq .section-heading > p:last-child{margin-top:0;}

body.v24 .v52-faq .faq-list{
  display:grid;
  gap:10px;
}
body.v24 .v52-faq .faq-list > .faq-group{
  padding:0!important;
  border:1px solid var(--line)!important;
  border-radius:14px;
  background:#fff!important;
  overflow:hidden;
}
body.v24 .v52-faq .faq-list > .faq-group > .faq-group-summary{
  display:flex;
  align-items:center;
  gap:12px;
  min-height:58px;
  padding:16px 46px 16px 18px;
  font-size:15.5px;
  line-height:1.45;
  font-weight:700;
  color:var(--ink);
}
body.v24 .v52-faq .faq-list > .faq-group > .faq-group-summary::after{
  right:18px;
  top:16px;
  font-size:20px;
}
body.v24 .v52-faq .faq-list > .faq-group[open] > .faq-group-summary{
  border-bottom:1px solid var(--line);
  background:#faf8f4;
}
body.v24 .v52-faq .faq-group-no{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:28px;
  height:28px;
  flex:0 0 28px;
  border-radius:50%;
  background:#f1ece5;
  color:#8a5d4c;
  font-size:11px;
  font-weight:800;
}
body.v24 .v52-faq .faq-group-items{
  padding:0 18px 6px;
}
body.v24 .v52-faq .faq-group-items .faq-item{
  padding:0!important;
  margin:0;
  border:0!important;
  border-bottom:1px solid #ece7e1!important;
  border-radius:0;
  background:transparent!important;
}
body.v24 .v52-faq .faq-group-items .faq-item:last-child{
  border-bottom:0!important;
}
body.v24 .v52-faq .faq-group-items .faq-item > summary{
  min-height:44px;
  padding:12px 28px 12px 0;
  gap:8px;
  font-size:13.5px;
  line-height:1.55;
  font-weight:600;
  color:#263746;
}
body.v24 .v52-faq .faq-group-items .faq-item > summary::after{
  right:2px;
  top:11px;
  font-size:16px;
}
body.v24 .v52-faq .faq-group-items .faq-item > p{
  padding:0 6px 15px 0;
  margin:0;
  font-size:13px;
  line-height:1.72;
  color:#56636d;
}
body.v24 .v52-faq .faq-group-items .faq-no{display:none;}

@media(max-width:700px){
  body.v24 .v52-faq .section-heading h2{font-size:27px;}
  body.v24 .v52-faq .faq-list{gap:8px;}
  body.v24 .v52-faq .faq-list > .faq-group > .faq-group-summary{
    min-height:52px;
    padding:13px 40px 13px 14px;
    font-size:14.5px;
  }
  body.v24 .v52-faq .faq-list > .faq-group > .faq-group-summary::after{
    right:14px;
    top:13px;
  }
  body.v24 .v52-faq .faq-group-items{padding:0 14px 4px;}
  body.v24 .v52-faq .faq-group-items .faq-item > summary{
    min-height:42px;
    padding:11px 24px 11px 0;
    font-size:13px;
  }
  body.v24 .v52-faq .faq-group-items .faq-item > p{
    font-size:12.5px;
    padding:0 2px 13px 0;
  }
}


/* THEARTPET V67 — tablet hero overflow guard
   Desktop composition is preserved; 901–1220px no longer pushes the hero image outside the viewport. */
@media (min-width:901px) and (max-width:1220px){
  body.v24 .hero.hero-blended{
    overflow:hidden;
  }
  body.v24 .hero.hero-blended .hero-copy{
    width:58%!important;
  }
  body.v24 .hero.hero-blended .hero-brand-photo{
    right:0;
    width:62%;
  }
}


/* V68: consent label visibility and behavior */
body.v24 .v65-consent{color:#4b5563!important;}
body.v24 .v65-consent .v68-consent-label{display:inline;min-height:0;font-size:11.5px;line-height:1.45;color:#4b5563!important;font-weight:600;cursor:pointer;text-decoration:none;}
@media (max-width:700px){body.v24 .v65-consent .v68-consent-label{font-size:11px;}}
