/* COMELAB PHARM — clean 2026 redesign */

:root{
  --cp-green:#0b6b4b;
  --cp-green-dark:#07543c;
  --cp-ink:#17312a;
  --cp-muted:#62776f;
  --cp-mint:#eef8f3;
  --cp-line:#dcebe4;
  --cp-soft:#f8fbf9;
}

body{background:#fff;color:var(--cp-ink)}
.cn-shell{width:min(1240px,calc(100% - 48px))}

.cn-header{background:rgba(255,255,255,.97);border-bottom:1px solid #e8f0ec;backdrop-filter:blur(16px)}
.cn-header__bar{height:74px}
.cn-brand--text{display:grid;gap:0;line-height:.9;text-decoration:none}
.cn-brand__main{font-family:"Newsreader",serif;font-size:27px;font-weight:600;letter-spacing:.02em;color:#123b30}
.cn-brand__sub{margin-top:4px;font-size:10px;font-weight:600;letter-spacing:.42em;color:var(--cp-green)}
.cn-nav{gap:26px}
.cn-nav ul{gap:24px}
.cn-nav a{font-size:13px;font-weight:600;color:#344b44}
.cn-nav a:hover{color:var(--cp-green)}
.cn-header__cta{min-height:42px;padding-inline:18px;font-size:12px}

.cn-btn{min-height:48px;padding:0 22px;border-radius:12px;border-color:var(--cp-green);background:var(--cp-green);font-size:13px;font-weight:650;box-shadow:none}
.cn-btn:hover{background:var(--cp-green-dark);border-color:var(--cp-green-dark);transform:none}
.cn-btn--ghost{background:#fff;color:var(--cp-green-dark);border-color:#b9d7c9}
.cn-btn--ghost:hover{background:#f7fbf9;border-color:#8bbca7}
.cn-text-link{font-size:13px;font-weight:650;color:var(--cp-green)}

.cp-kicker{display:inline-block;font-size:11px;font-weight:700;letter-spacing:.22em;color:#3b8a6b}

.cp-hero{position:relative;overflow:hidden;background:linear-gradient(135deg,#edf8f3 0%,#f7fbf9 68%,#e8f5ef 100%)}
.cp-hero::before{content:"";position:absolute;left:-110px;bottom:-170px;width:360px;height:360px;border-radius:50%;background:rgba(129,191,164,.12)}
.cp-hero__grid{min-height:560px;display:grid;grid-template-columns:1.08fr .92fr;gap:42px;align-items:center;padding-block:72px;position:relative}
.cp-hero__copy{max-width:650px}
.cp-hero h1{margin:18px 0 20px;max-width:690px;font-family:"Manrope",sans-serif;font-size:clamp(45px,5vw,68px);line-height:1.07;letter-spacing:-.035em;font-weight:600;color:#162f29}
.cp-hero h1 span{display:block;color:#3b8a6b;font-weight:500}
.cp-hero p{max-width:620px;margin:0;font-size:17px;line-height:1.7;color:#536a62}
.cp-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.cp-hero__art{min-height:430px;display:flex;align-items:center;justify-content:center}
.cp-hero__art svg{width:min(100%,560px);height:auto;display:block}

.cp-categories{padding:74px 0 60px}
.cp-section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:26px}
.cp-section-head h2,.cp-professional h2,.cp-about h2{margin:9px 0 0;font-family:"Manrope",sans-serif;font-size:clamp(28px,3.4vw,42px);line-height:1.15;letter-spacing:-.025em;font-weight:550;color:#18322b}
.cp-category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.cp-category{min-height:150px;display:flex;flex-direction:column;justify-content:space-between;padding:20px;border:1px solid transparent;border-radius:18px;color:#17352c;text-decoration:none;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.cp-category:hover{transform:translateY(-2px);border-color:rgba(11,107,75,.18);box-shadow:0 14px 30px rgba(23,49,42,.06)}
.cp-category__icon{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:rgba(255,255,255,.76);font-size:20px;color:var(--cp-green)}
.cp-category strong{max-width:150px;font-size:15px;line-height:1.3;font-weight:650}
.cp-category>span:last-child{font-size:11px;color:#526c62}
.cp-category--green{background:#edf7f0}.cp-category--blue{background:#edf7fb}.cp-category--sage{background:#f0f7ef}.cp-category--amber{background:#fff6e4}.cp-category--cyan{background:#edf8fb}.cp-category--rose{background:#fff0f0}.cp-category--lavender{background:#f4effd}.cp-category--peach{background:#fff3eb}

.cp-benefits{border-block:1px solid #edf2ef;background:#fff;padding:26px 0}
.cp-benefits__grid{display:grid;grid-template-columns:repeat(4,1fr)}
.cp-benefit{display:flex;align-items:center;gap:13px;padding:4px 26px;border-right:1px solid #e5ece8}
.cp-benefit:first-child{padding-left:0}.cp-benefit:last-child{border-right:0}
.cp-benefit>span{display:grid;place-items:center;width:40px;height:40px;flex:0 0 auto;border-radius:50%;background:#eff7f3;color:var(--cp-green);font-size:18px}
.cp-benefit strong{display:block;font-size:13px;font-weight:650}
.cp-benefit small{display:block;margin-top:3px;color:var(--cp-muted);font-size:11px}

.cp-professional{padding:76px 0;background:#f7faf8}
.cp-professional__grid{display:grid;grid-template-columns:1.15fr .85fr;gap:60px;align-items:center}
.cp-professional p{max-width:700px;margin:14px 0 0;color:var(--cp-muted);font-size:15px;line-height:1.7}
.cp-professional__actions{display:flex;justify-content:flex-end;align-items:center;gap:22px;flex-wrap:wrap}

.cp-about{padding:78px 0 88px}
.cp-about__grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:end}
.cp-about p{margin:0;color:var(--cp-muted);font-size:16px;line-height:1.8}

.cn-footer--clean{background:#12352d}
.cn-footer--clean .cn-footer__top{grid-template-columns:1.25fr .75fr .75fr 1fr;padding:54px 0 38px}
.cn-footer--clean .cn-footer__brand{display:grid;width:max-content;line-height:.9}
.cn-footer--clean .cn-footer__brand span{font-family:"Newsreader",serif;font-size:30px;font-weight:600;color:#fff}
.cn-footer--clean .cn-footer__brand small{margin-top:7px;font-family:"Manrope",sans-serif;font-size:10px;font-weight:600;letter-spacing:.42em;color:#8fd0b5}
.cn-footer--clean h4{font-size:11px;font-weight:650}
.cn-footer--clean p,.cn-footer--clean a{font-size:11px;line-height:1.75}

@media(max-width:980px){
  .cn-nav{display:none}
  .cn-menu-toggle{display:grid;place-items:center}
  .cn-mobile-nav{display:block;background:#fff}
  .cn-mobile-nav .cn-shell{display:grid;gap:2px}
  .cp-hero__grid{grid-template-columns:1fr;min-height:auto;padding-block:58px}
  .cp-hero__copy{max-width:760px}
  .cp-hero__art{min-height:330px}
  .cp-hero__art svg{max-width:470px}
  .cp-category-grid{grid-template-columns:repeat(2,1fr)}
  .cp-benefits__grid{grid-template-columns:repeat(2,1fr);gap:20px 0}
  .cp-benefit:nth-child(2){border-right:0}
  .cp-professional__grid,.cp-about__grid{grid-template-columns:1fr;gap:28px}
  .cp-professional__actions{justify-content:flex-start}
  .cn-footer--clean .cn-footer__top{grid-template-columns:repeat(2,1fr)}
}

@media(max-width:640px){
  .cn-shell{width:min(100% - 28px,1240px)}
  .cn-header__bar{height:68px}
  .cn-brand__main{font-size:23px}
  .cn-brand__sub{font-size:9px}
  .cp-hero__grid{padding-block:44px 34px;gap:20px}
  .cp-hero h1{font-size:39px;margin-top:14px}
  .cp-hero p{font-size:15px;line-height:1.65}
  .cp-hero__art{min-height:250px}
  .cp-categories{padding:52px 0 42px}
  .cp-section-head{align-items:flex-start;flex-direction:column;gap:12px}
  .cp-category-grid{grid-template-columns:1fr 1fr;gap:9px}
  .cp-category{min-height:132px;padding:16px;border-radius:15px}
  .cp-category strong{font-size:13px}
  .cp-benefits{padding:22px 0}
  .cp-benefits__grid{grid-template-columns:1fr;gap:0}
  .cp-benefit{border-right:0;border-bottom:1px solid #edf2ef;padding:14px 0}
  .cp-benefit:last-child{border-bottom:0}
  .cp-professional{padding:54px 0}
  .cp-about{padding:54px 0 64px}
  .cn-footer--clean .cn-footer__top{grid-template-columns:1fr;gap:26px;padding-top:42px}
}