@charset "UTF-8";
:root{
  --h-bg:#fdf6ee;
  --h-paper:#fffaf3;
  --h-ink:#5c4333;
  --h-ink-soft:#866d5b;
  --h-ink-light:#a69280;
  --h-brown:#a9784f;       /* 莫兰迪暖棕 */
  --h-brown-dark:#8a5f3c;
  --h-brown-light:#c89f7d;
  --h-peach:#e8a87c;      /* 柔桃色 */
  --h-cream:#f5e0c8;      /* 奶油色 */
  --h-pink:#f4c2b4;       /* 柔粉 */
  --h-sage:#b8c9a7;       /* 柔草绿 */
  --h-line:#ecdbc5;
  --h-shadow:0 12px 40px rgba(169,120,79,.12);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body.h-body{
  font-family:"Nunito","Noto Sans SC","PingFang SC",sans-serif;
  background:var(--h-bg);color:var(--h-ink);
  line-height:1.8;font-weight:500;font-size:15px;
  background-image:radial-gradient(circle at 10% 10%,rgba(244,194,180,.25),transparent 40%),
                   radial-gradient(circle at 90% 80%,rgba(184,201,167,.2),transparent 45%);
  -webkit-font-smoothing:antialiased;
}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
button{cursor:pointer;border:none;background:none;font-family:inherit;color:inherit}
ul,ol{list-style:none}
input,select,textarea{font-family:inherit}

.h-container{max-width:1200px;margin:0 auto;padding:0 28px}
.h-container--narrow{max-width:820px}

/* Header */
.h-header{
  position:sticky;top:0;z-index:100;
  background:rgba(253,246,238,.92);
  backdrop-filter:blur(14px);
  border-bottom:1px solid var(--h-line);
}
.h-header__inner{display:flex;align-items:center;justify-content:space-between;padding:14px 28px}
.h-logo{display:flex;align-items:center;gap:12px;color:var(--h-brown-dark)}
.h-logo__icon{color:var(--h-brown);display:flex;align-items:center}
.h-logo__text{display:flex;flex-direction:column;line-height:1.2}
.h-logo__text strong{font-size:18px;font-weight:800;letter-spacing:1px}
.h-logo__text em{font-size:11px;color:var(--h-ink-light);font-style:normal;letter-spacing:2px;font-family:"ZCOOL KuaiLe",cursive}
.h-nav{display:flex;gap:4px}
.h-nav a{padding:10px 14px;font-size:14px;color:var(--h-ink-soft);border-radius:40px;transition:all .3s}
.h-nav a:hover{color:var(--h-brown-dark);background:var(--h-cream)}
.h-header__right{display:flex;align-items:center;gap:14px}
.h-phone-btn{
  display:inline-flex;align-items:center;gap:8px;
  padding:10px 20px;border-radius:40px;
  background:linear-gradient(135deg,var(--h-brown),var(--h-peach));
  color:#fff;font-size:14px;font-weight:700;
  box-shadow:0 6px 20px rgba(169,120,79,.25);
  transition:transform .3s;
}
.h-phone-btn:hover{transform:translateY(-2px)}
.h-menu-btn{display:none;width:42px;height:42px;border-radius:50%;background:var(--h-cream);flex-direction:column;justify-content:center;align-items:center;gap:5px}
.h-menu-btn span{display:block;width:22px;height:2px;background:var(--h-brown);border-radius:2px;transition:.3s}
.h-menu-btn.active span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.h-menu-btn.active span:nth-child(2){opacity:0}
.h-menu-btn.active span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

/* Hero */
.h-hero{padding:60px 0 80px}
.h-hero__inner{display:grid;grid-template-columns:1.1fr 1fr;gap:60px;align-items:center}
.h-hero__tag{
  display:inline-block;padding:8px 18px;border-radius:40px;
  background:var(--h-pink);color:#fff;font-size:13px;font-weight:600;
  margin-bottom:24px;
}
.h-hero__title{
  font-size:50px;font-weight:800;line-height:1.25;letter-spacing:1px;margin-bottom:24px;
  font-family:"ZCOOL KuaiLe","Noto Sans SC",cursive;
}
.h-hero__hl{
  background:linear-gradient(135deg,var(--h-brown),var(--h-peach));
  -webkit-background-clip:text;background-clip:text;color:transparent;
  position:relative;
}
.h-hero__desc{font-size:15px;color:var(--h-ink-soft);line-height:2;margin-bottom:32px;max-width:500px}
.h-hero__cta{display:flex;gap:14px;margin-bottom:32px;flex-wrap:wrap}
.h-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  padding:14px 30px;border-radius:40px;font-size:15px;font-weight:700;
  letter-spacing:.5px;transition:all .3s;border:2px solid transparent;
}
.h-btn--primary{background:linear-gradient(135deg,var(--h-brown),var(--h-peach));color:#fff;box-shadow:0 8px 24px rgba(169,120,79,.3)}
.h-btn--primary:hover{transform:translateY(-3px);box-shadow:0 12px 32px rgba(169,120,79,.4)}
.h-btn--ghost{background:#fff;color:var(--h-brown-dark);border-color:var(--h-brown-light)}
.h-btn--ghost:hover{background:var(--h-brown);color:#fff;border-color:var(--h-brown)}
.h-btn--full{width:100%}
.h-hero__badges{display:flex;gap:12px;flex-wrap:wrap}
.h-hero__badges span{padding:8px 16px;border-radius:40px;background:#fff;border:1px solid var(--h-line);font-size:13px;color:var(--h-ink-soft);box-shadow:0 4px 12px rgba(169,120,79,.08)}
.h-hero__visual{position:relative}
.h-hero__imgbox{position:relative;border-radius:40px 40px 40px 80px;overflow:hidden;box-shadow:var(--h-shadow)}
.h-hero__img{width:100%;aspect-ratio:4/5;object-fit:cover}
.h-hero__blob{position:absolute;border-radius:50%;z-index:-1;filter:blur(30px)}
.h-hero__blob--1{width:200px;height:200px;background:var(--h-pink);top:-30px;right:-30px;opacity:.6}
.h-hero__blob--2{width:160px;height:160px;background:var(--h-sage);bottom:-20px;left:-20px;opacity:.5}
.h-hero__call{
  position:absolute;left:-20px;bottom:30px;
  background:#fff;padding:16px 22px;border-radius:20px;
  box-shadow:var(--h-shadow);
  display:flex;flex-direction:column;line-height:1.3;
}
.h-hero__call p{font-size:11px;color:var(--h-ink-light);margin-bottom:4px;letter-spacing:1px}
.h-hero__call a{font-size:20px;font-weight:800;color:var(--h-brown-dark);font-family:"Nunito",sans-serif}

/* Sections */
.h-section{text-align:center;margin-bottom:50px}
.h-section__tag{
  display:inline-block;padding:5px 14px;border-radius:20px;
  background:var(--h-cream);color:var(--h-brown);font-size:11px;font-weight:700;
  letter-spacing:2px;margin-bottom:16px;font-family:"Nunito",sans-serif;
}
.h-section__title{
  font-size:36px;font-weight:800;letter-spacing:1px;
  font-family:"ZCOOL KuaiLe","Noto Sans SC",cursive;
}
.h-section__title span{color:var(--h-brown);position:relative;display:inline-block}
.h-section__title span::after{
  content:"";position:absolute;left:0;right:0;bottom:4px;height:10px;
  background:var(--h-pink);opacity:.4;z-index:-1;border-radius:4px;
}
.h-section__desc{color:var(--h-ink-soft);font-size:15px;line-height:2;max-width:650px;margin:16px auto 0}

/* Care */
.h-care{padding:80px 0}
.h-care__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.h-care__card{
  background:#fff;padding:36px 28px;border-radius:28px;
  text-align:center;box-shadow:var(--h-shadow);
  border:1px solid var(--h-line);transition:all .3s;
}
.h-care__card:hover{transform:translateY(-8px);border-color:var(--h-peach)}
.h-care__emoji{font-size:48px;margin-bottom:20px;display:block}
.h-care__card h3{font-size:20px;margin-bottom:12px;font-weight:800;color:var(--h-brown-dark);font-family:"ZCOOL KuaiLe",cursive}
.h-care__card p{font-size:13px;color:var(--h-ink-soft);line-height:1.9}

/* Services */
.h-services{padding:80px 0}
.h-services__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.h-svc{
  background:#fff;padding:28px 24px;border-radius:24px;
  border:2px solid transparent;transition:all .3s;
  display:flex;flex-direction:column;
  box-shadow:0 6px 20px rgba(169,120,79,.08);
}
.h-svc:hover{border-color:var(--h-peach);transform:translateY(-6px);box-shadow:var(--h-shadow)}
.h-svc__icon{
  width:60px;height:60px;border-radius:20px;
  background:var(--h-cream);display:flex;align-items:center;justify-content:center;
  margin-bottom:18px;font-size:30px;
}
.h-svc h4{font-size:17px;font-weight:800;margin-bottom:8px;color:var(--h-brown-dark)}
.h-svc p{font-size:13px;color:var(--h-ink-soft);line-height:1.8;flex-grow:1}

/* IVF */
.h-ivf{padding:80px 0;background:var(--h-paper);border-radius:60px;margin:20px 0}
.h-ivf__cards{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.h-ivf-card{
  background:#fff;border-radius:32px;overflow:hidden;
  box-shadow:var(--h-shadow);border:2px solid transparent;
  transition:all .4s;
}
.h-ivf-card:hover{transform:translateY(-8px)}
.h-ivf-card--1{border-color:var(--h-pink)}
.h-ivf-card--2{border-color:var(--h-sage)}
.h-ivf-card--3{border-color:var(--h-brown-light)}
.h-ivf-card__head{padding:28px;color:#fff;position:relative}
.h-ivf-card--1 .h-ivf-card__head{background:linear-gradient(135deg,#f4a5b4,#e8889c)}
.h-ivf-card--2 .h-ivf-card__head{background:linear-gradient(135deg,#a3c490,#7fb069)}
.h-ivf-card--3 .h-ivf-card__head{background:linear-gradient(135deg,var(--h-brown-light),var(--h-brown))}
.h-ivf-card__gen{
  display:inline-block;padding:4px 12px;border-radius:20px;
  background:rgba(255,255,255,.25);font-size:12px;font-weight:700;margin-bottom:12px;
  letter-spacing:2px;
}
.h-ivf-card__head h3{font-size:22px;font-weight:800;line-height:1.3;font-family:"ZCOOL KuaiLe",cursive}
.h-ivf-card__head h3 small{font-size:12px;font-weight:500;opacity:.9;margin-top:4px;display:block;letter-spacing:1px;font-family:"Nunito","Noto Sans SC",sans-serif}
.h-ivf-card__body{padding:28px}
.h-ivf-card__body h4{font-size:14px;color:var(--h-brown-dark);margin:20px 0 8px;font-weight:700}
.h-ivf-card__body h4:first-child{margin-top:0}
.h-ivf-card__body p{font-size:13px;color:var(--h-ink-soft);line-height:1.9}
.h-ivf-card__body ul li{font-size:13px;color:var(--h-ink-soft);line-height:2;padding:3px 0}

/* Journey */
.h-journey{padding:80px 0}
.h-journey__road{
  display:flex;align-items:stretch;gap:0;
  background:#fff;padding:40px 28px;border-radius:40px;
  box-shadow:var(--h-shadow);flex-wrap:wrap;
}
.h-stop{flex:1;padding:0 10px;text-align:center;min-width:130px}
.h-stop__num{
  width:48px;height:48px;border-radius:50%;
  background:linear-gradient(135deg,var(--h-brown),var(--h-peach));
  color:#fff;font-size:22px;font-weight:800;font-family:"Nunito",sans-serif;
  display:flex;align-items:center;justify-content:center;margin:0 auto 14px;
  box-shadow:0 6px 16px rgba(169,120,79,.3);
}
.h-stop h4{font-size:16px;font-weight:800;color:var(--h-brown-dark);margin-bottom:8px;font-family:"ZCOOL KuaiLe",cursive}
.h-stop p{font-size:12px;color:var(--h-ink-soft);line-height:1.7;text-align:left}
.h-stop__line{flex:0 0 36px;align-self:center;color:var(--h-peach);font-size:20px;text-align:center;margin-top:-30px}
.h-journey__note{text-align:center;color:var(--h-ink-light);font-size:13px;margin-top:28px}

/* QA */
.h-qa{padding:80px 0}
.h-faq{display:flex;flex-direction:column;gap:14px}
.h-faq__item{
  background:#fff;border-radius:24px;overflow:hidden;
  border:2px solid var(--h-line);transition:border-color .3s;
}
.h-faq__item[open]{border-color:var(--h-peach)}
.h-faq__item summary{
  list-style:none;padding:22px 28px;cursor:pointer;
  display:flex;justify-content:space-between;align-items:center;gap:20px;
  font-size:16px;font-weight:700;color:var(--h-brown-dark);
}
.h-faq__item summary::-webkit-details-marker{display:none}
.h-faq__icon{
  flex:0 0 32px;height:32px;border-radius:50%;
  background:var(--h-cream);color:var(--h-brown);font-size:22px;
  display:flex;align-items:center;justify-content:center;
  transition:transform .3s;font-weight:700;
}
.h-faq__item[open] .h-faq__icon{transform:rotate(45deg);background:var(--h-brown);color:#fff}
.h-faq__body{padding:0 28px 24px;color:var(--h-ink-soft);font-size:14px;line-height:2}

/* About */
.h-about{padding:80px 0}
.h-about__card{
  background:#fff;padding:56px;border-radius:40px;
  display:grid;grid-template-columns:1.3fr 1fr;gap:48px;align-items:center;
  box-shadow:var(--h-shadow);
}
.h-about__text .h-section{text-align:left;margin-bottom:24px}
.h-about__text .h-section__title{font-size:30px}
.h-about__text p{color:var(--h-ink-soft);line-height:2;margin-bottom:16px}
.h-about__list{margin-top:24px;display:grid;grid-template-columns:1fr 1fr;gap:8px}
.h-about__list li{font-size:13px;color:var(--h-ink-soft);padding:8px 0}
.h-about__pic{text-align:center;padding:40px;background:var(--h-cream);border-radius:32px}
.h-about__emoji-big{font-size:80px;margin-bottom:16px}
.h-about__slogan{
  font-family:"ZCOOL KuaiLe",cursive;
  font-size:18px;color:var(--h-brown-dark);line-height:2;letter-spacing:1px;
}

/* News */
.h-news{padding:80px 0}
ul.article-cards { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 24px; list-style: none; margin: 0; padding: 0; width: 100%; box-sizing: border-box; }
ul.article-cards > li.article-card { min-width: 0; width: auto; max-width: none; margin: 0; float: none; box-sizing: border-box; background:#fff;border-radius:24px;overflow:hidden;box-shadow:0 6px 20px rgba(169,120,79,.08);border:2px solid transparent;transition:all .4s;}
ul.article-cards > li.article-card:hover{transform:translateY(-6px);border-color:var(--h-peach);box-shadow:var(--h-shadow)}
.article-card .card-thumb { width: 100%; overflow: hidden; aspect-ratio:16/10;position:relative;}
.article-card .card-thumb img { display: block; width: 100%; max-width: 100%; height: 100%; object-fit: cover; transition:transform .5s;}
ul.article-cards > li.article-card:hover .card-thumb img{transform:scale(1.06)}
.article-card .card-title { overflow-wrap: anywhere; font-size:16px;font-weight:700;padding:20px 20px 8px;color:var(--h-brown-dark);line-height:1.6;font-family:"ZCOOL KuaiLe","Noto Sans SC",cursive;}
.article-card .card-date { display: block; font-size:11px;color:var(--h-peach);padding:0 20px;font-weight:700;letter-spacing:1px;}
.article-card .card-summary { overflow-wrap: anywhere; font-size:13px;color:var(--h-ink-soft);line-height:1.8;padding:8px 20px 24px;}

/* Contact */
.h-contact{padding:80px 0 100px}
.h-contact__card{
  background:#fff;border-radius:40px;padding:56px;
  display:grid;grid-template-columns:1fr 1fr;gap:48px;
  box-shadow:var(--h-shadow);
}
.h-contact__desc{color:var(--h-ink-soft);line-height:2;margin:24px 0}
.h-contact__phone{
  display:flex;flex-direction:column;gap:6px;
  padding:24px;background:var(--h-cream);border-radius:24px;margin-bottom:24px;
}
.h-contact__phone-label{font-size:13px;color:var(--h-ink-light)}
.h-contact__phone-num{font-size:28px;font-weight:800;color:var(--h-brown-dark);font-family:"Nunito",sans-serif;letter-spacing:1px}
.h-contact__phone-time{font-size:12px;color:var(--h-ink-light)}
.h-contact__tips li{font-size:13px;color:var(--h-ink-soft);padding:5px 0}
.h-form{background:var(--h-paper);padding:32px;border-radius:28px;border:1px solid var(--h-line)}
.h-form h3{font-size:20px;text-align:center;margin-bottom:24px;color:var(--h-brown-dark);font-family:"ZCOOL KuaiLe",cursive}
.h-form__row{margin-bottom:16px}
.h-form__row label{display:block;font-size:13px;color:var(--h-ink-soft);margin-bottom:6px;font-weight:600}
.h-form__row input,.h-form__row select,.h-form__row textarea{
  width:100%;padding:12px 16px;border-radius:16px;
  background:#fff;border:2px solid var(--h-line);color:var(--h-ink);
  font-size:14px;transition:border-color .3s;
}
.h-form__row input::placeholder,.h-form__row textarea::placeholder{color:var(--h-ink-light)}
.h-form__row input:focus,.h-form__row select:focus,.h-form__row textarea:focus{outline:none;border-color:var(--h-peach)}
.h-form__tip{font-size:11px;color:var(--h-ink-light);text-align:center;margin-top:12px;line-height:1.6}

/* Article */
.h-breadcrumb{padding-top:48px;font-size:12px;color:var(--h-ink-light);margin-bottom:32px}
.h-breadcrumb a{color:var(--h-brown)}
.h-article__title{font-size:32px;font-weight:800;line-height:1.4;margin-bottom:16px;color:var(--h-brown-dark);font-family:"ZCOOL KuaiLe",cursive}
.h-article__summary{font-size:15px;color:var(--h-ink-soft);line-height:2;padding:20px 24px;background:var(--h-cream);border-radius:20px;margin-bottom:20px}
.h-article__meta{display:flex;gap:20px;font-size:12px;color:var(--h-ink-light);margin-bottom:24px;padding-bottom:24px;border-bottom:2px dashed var(--h-line)}
.h-article__tag{padding:4px 12px;border-radius:20px;background:var(--h-pink);color:#fff;font-weight:700;font-size:11px}
.h-article__cover{margin-bottom:36px;border-radius:28px;overflow:hidden}
.h-article__cover img{width:100%;aspect-ratio:16/9;object-fit:cover}
.h-article__content{font-size:15px;line-height:2;color:var(--h-ink)}
.h-article__content p{margin-bottom:24px}
.h-article__content h2,.h-article__content h3{margin:40px 0 16px;font-weight:800;color:var(--h-brown-dark);font-family:"ZCOOL KuaiLe",cursive}
.h-article__content h2{font-size:24px}
.h-article__content h3{font-size:20px}
.h-article__content img{border-radius:20px;margin:24px 0}
.h-article__content ul,.h-article__content ol{margin:0 0 24px 24px}
.h-article__content ul li,.h-article__content ol li{margin-bottom:8px;color:var(--h-ink-soft);list-style:disc}
.h-disclaimer{margin-top:56px;padding:28px;background:#fef4e7;border-radius:24px;border:2px dashed var(--h-peach)}
.h-disclaimer h4{color:var(--h-brown-dark);margin-bottom:10px;font-size:16px}
.h-disclaimer p{font-size:13px;color:var(--h-ink-soft);line-height:2}
.h-related{margin-top:40px;padding-top:40px;border-top:2px dashed var(--h-line)}
.h-related h4{font-size:18px;margin-bottom:16px;color:var(--h-brown-dark);font-family:"ZCOOL KuaiLe",cursive}
.h-related__tags{display:flex;gap:10px;flex-wrap:wrap}
.h-related__tags a{padding:8px 18px;border-radius:40px;background:var(--h-cream);font-size:12px;color:var(--h-brown-dark);font-weight:600;transition:all .3s}
.h-related__tags a:hover{background:var(--h-brown);color:#fff}
.h-article__cta{margin-top:40px;display:flex;gap:14px;justify-content:center;padding-bottom:60px;flex-wrap:wrap}

/* Footer */
.h-footer{background:linear-gradient(135deg,#5c4333,#4a3528);color:#f0dfcb;padding:64px 0 24px;margin-top:40px;border-radius:50px 50px 0 0}
.h-footer__top{display:grid;grid-template-columns:1.8fr 1fr 1fr 1fr;gap:48px;padding-bottom:40px;border-bottom:1px solid rgba(255,255,255,.08)}
.h-logo--footer .h-logo__icon{color:#f4c2b4}
.h-logo--footer .h-logo__text strong{color:#fff}
.h-logo--footer .h-logo__text em{color:rgba(255,255,255,.5)}
.h-footer__desc{margin-top:20px;font-size:13px;line-height:2;color:rgba(255,255,255,.6)}
.h-footer__hotline{display:flex;flex-direction:column;gap:4px;margin-top:24px;padding-top:24px;border-top:1px solid rgba(255,255,255,.08)}
.h-footer__hotline small{font-size:11px;color:rgba(255,255,255,.5)}
.h-footer__hotline strong{font-size:22px;color:#f4c2b4;font-family:"Nunito",sans-serif}
.h-footer__col h5{font-size:14px;color:#fff;margin-bottom:18px;font-weight:800}
.h-footer__col a{display:block;font-size:13px;color:rgba(255,255,255,.6);padding:6px 0;transition:color .3s}
.h-footer__col a:hover{color:#f4c2b4}
.h-footer__friends{padding:28px 0;border-bottom:1px solid rgba(255,255,255,.08)}
.h-footer__friends h5{font-size:13px;color:rgba(255,255,255,.5);margin-bottom:14px}
.h-footer__friends a{display:inline-block;font-size:12px;color:rgba(255,255,255,.4);margin-right:14px;margin-bottom:4px;transition:color .3s}
.h-footer__friends a:hover{color:#f4c2b4}
.h-footer__bottom{padding-top:24px;text-align:center;font-size:12px;color:rgba(255,255,255,.4);line-height:2}
.h-footer__bottom a{color:rgba(255,255,255,.6);margin:0 6px;transition:color .3s}
.h-footer__bottom a:hover{color:#f4c2b4}

.h-totop{
  position:fixed;right:24px;bottom:24px;width:48px;height:48px;border-radius:50%;
  background:linear-gradient(135deg,var(--h-brown),var(--h-peach));
  color:#fff;display:flex;align-items:center;justify-content:center;
  font-size:22px;font-weight:700;opacity:0;visibility:hidden;
  transition:all .3s;box-shadow:0 8px 24px rgba(169,120,79,.3);z-index:90;
}
.h-totop.show{opacity:1;visibility:visible}
.h-totop:hover{transform:translateY(-3px)}

.h-fade{opacity:0;transform:translateY(24px);transition:opacity .8s ease,transform .8s ease}
.h-fade.in{opacity:1;transform:none}

/* Responsive */
@media (max-width:1024px){
  .h-hero__inner{grid-template-columns:1fr;gap:40px}
  .h-hero__visual{max-width:460px;margin:0 auto}
  .h-hero__call{left:0;bottom:20px}
  .h-care__grid{grid-template-columns:repeat(2,1fr)}
  .h-services__grid{grid-template-columns:repeat(2,1fr)}
  .h-ivf__cards{grid-template-columns:1fr}
  .h-journey__road{gap:8px}
  .h-stop__line{display:none}
  .h-about__card{grid-template-columns:1fr;padding:36px 24px;gap:32px}
  .h-contact__card{grid-template-columns:1fr;padding:36px 24px;gap:32px}
  .h-footer__top{grid-template-columns:1fr 1fr;gap:32px}
}
@media (max-width:768px){
  .h-container{padding:0 20px}
  .h-header__inner{padding:12px 20px}
  .h-nav{
    position:fixed;top:68px;left:0;right:0;
    background:#fff;flex-direction:column;padding:20px;gap:0;
    border-bottom:1px solid var(--h-line);
    transform:translateY(-120%);transition:transform .3s;
    max-height:80vh;overflow-y:auto;
  }
  .h-nav.open{transform:translateY(0)}
  .h-nav a{padding:14px 8px;border-bottom:1px solid var(--h-line);border-radius:0}
  .h-phone-btn{padding:10px 12px;font-size:12px}
  .h-phone-btn svg{width:16px;height:16px}
  .h-menu-btn{display:flex}
  .h-hero{padding:40px 0 60px}
  .h-hero__title{font-size:36px}
  .h-hero__cta{flex-direction:column}
  .h-hero__cta .h-btn{width:100%}
  .h-hero__badges{justify-content:center}
  .h-section__title{font-size:26px}
  .h-care,.h-services,.h-ivf,.h-journey,.h-qa,.h-about,.h-news,.h-contact{padding:60px 0}
  .h-care__grid{grid-template-columns:1fr}
  .h-services__grid{grid-template-columns:1fr}
  .h-journey__road{flex-direction:column;padding:28px 20px;border-radius:28px}
  .h-stop{text-align:left;padding:12px 0}
  .h-about__list{grid-template-columns:1fr}
  .h-article__title{font-size:24px}
  .h-article__cta{flex-direction:column}
  .h-article__cta .h-btn{width:100%}
  .h-footer{border-radius:30px 30px 0 0}
  .h-footer__top{grid-template-columns:1fr}
  .h-totop{right:16px;bottom:16px;width:42px;height:42px;font-size:18px}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms !important;transition-duration:.01ms !important;scroll-behavior:auto !important}
  .h-fade{opacity:1;transform:none}
}