/*
Theme Name: Skin Plus Dermatology
Theme URI: https://skinplus.vn
Description: Custom one-page theme for Skin Plus Dermatology — phòng khám da liễu chuẩn y khoa. Built from a Claude Design handoff.
Author: Built for Skin Plus
Version: 1.0.0
Text Domain: skinplus
*/

*{box-sizing:border-box}
  body{margin:0;background:#FFF8F8;font-family:'Be Vietnam Pro',-apple-system,sans-serif;color:#2A2326;-webkit-font-smoothing:antialiased}
  ::selection{background:#D84A50;color:#fff}
  .sp-script{font-family:'Great Vibes',cursive;font-weight:400}
  @keyframes spfloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-18px)}}
  @keyframes spfloat2{0%,100%{transform:translateY(0)}50%{transform:translateY(16px)}}
  @keyframes spglow{0%,100%{opacity:.55;transform:scale(1)}50%{opacity:.9;transform:scale(1.06)}}
  @keyframes spdrift{0%{transform:translate(0,0)}50%{transform:translate(24px,-26px)}100%{transform:translate(0,0)}}
  @keyframes sppulse{0%{box-shadow:0 0 0 0 rgba(216,74,80,.4)}70%{box-shadow:0 0 0 20px rgba(216,74,80,0)}100%{box-shadow:0 0 0 0 rgba(216,74,80,0)}}
  /* ===================== RESPONSIVE ===================== */
  @media (max-width:1024px){
    [style*="max-width:1180px"]{padding-left:20px!important;padding-right:20px!important}
    [data-nav]{display:none!important}
    [data-hotline]{display:none!important}
    [data-burger]{display:flex!important}
    [style*="grid-template-columns:1.55fr 1fr 1fr"]{grid-template-columns:1fr 1fr!important}
    [style*="grid-template-columns:330px 1fr"]{grid-template-columns:1fr!important}
    [style*="grid-template-columns:340px 1fr"]{grid-template-columns:1fr!important}
    [style*="grid-template-columns:30% 70%"]{grid-template-columns:1fr!important}
    [style*="grid-template-columns:1.1fr 1fr"]{grid-template-columns:1fr!important}
    [style*="grid-template-columns:repeat(3,1fr) 0.9fr"]{grid-template-columns:repeat(2,1fr)!important}
    [style*="grid-template-columns:1.4fr 1fr 1fr 1.2fr"]{grid-template-columns:repeat(2,1fr)!important}
    [style*="grid-template-columns:1.6fr 1fr"]{display:flex!important;flex-direction:column!important;height:auto!important}
    [style*="grid-template-columns:1.6fr 1fr"]>div{height:240px!important;grid-row:auto!important}
    [data-section-label="Hero"]{height:660px!important}
    [data-section-label="Hero"] h1{font-size:42px!important}
  }
  @media (max-width:760px){
    [style*="grid-template-columns:repeat(4,1fr)"]{grid-template-columns:repeat(2,1fr)!important}
    [style*="grid-template-columns:1.55fr 1fr 1fr"]{grid-template-columns:1fr!important}
    [style*="grid-template-columns:1fr 1fr"]{grid-template-columns:1fr!important}
    [style*="grid-template-columns:repeat(3,1fr);gap:22px"]{grid-template-columns:1fr!important}
    [style*="grid-template-columns:repeat(3,1fr) 0.9fr"]{grid-template-columns:1fr!important}
    [style*="grid-template-columns:1.4fr 1fr 1fr 1.2fr"]{grid-template-columns:1fr!important}
    [style*="grid-template-columns:repeat(5,1fr)"]{grid-template-columns:1fr!important;gap:14px!important}
    [data-procline]{display:none!important}
    [data-section-label="Quy trình điều trị"] [style*="left:8%;right:8%"]{display:none!important}
    section[style*="padding:104px 0"],section[style*="padding:100px 0"],section[style*="padding:112px 0"],section[style*="padding:108px 0"],section[style*="padding:92px 0"],section[style*="padding:80px 0"]{padding-top:58px!important;padding-bottom:58px!important}
    [style*="padding:56px"]{padding:28px!important}
    [style*="padding:60px"]{padding:30px!important}
    [style*="padding:40px"]{padding:26px!important}
    [style*="padding:44px"]{padding:28px!important}
    h2[style*="font-size:38px"]{font-size:26px!important}
    h2[style*="font-size:36px"]{font-size:25px!important}
    h2[style*="font-size:30px"]{font-size:23px!important}
    [data-section-label="Hero"]{height:600px!important}
    [data-section-label="Hero"] h1{font-size:32px!important}
    [data-section-label="Hero"] .sp-script{font-size:30px!important}
    [data-section-label="Hero"] p{font-size:15px!important}
    [data-section-label="Hero"] [style*="bottom:26px;z-index:4"]{display:none!important}
    [data-hero-dots]{bottom:24px!important}
    [data-hero-prev]{left:10px!important;width:42px!important;height:42px!important}
    [data-hero-next]{right:10px!important;width:42px!important;height:42px!important}
    [style*="height:542px"]{height:300px!important}
    [data-rv-track] p[style*="font-size:19px"]{font-size:16px!important}
  }
  @media (max-width:460px){
    [style*="grid-template-columns:repeat(4,1fr)"]{grid-template-columns:1fr 1fr!important}
    [data-hcta]{display:none!important}
    [data-section-label="Hero"] h1{font-size:28px!important}
    h2[style*="font-size:38px"]{font-size:23px!important}
  }