/* ============================================================
   HLT Koulutusalue v2 — brändi: hoitolatukku.fi
   Pääväri #860044 · tumma #272525 · Montserrat/Roboto
   ============================================================ */

:root{
  --hlt: #860044;
  --hlt-dark: #5c002e;
  --hlt-deep: #272525;
  --hlt-text: #515151;
  --hlt-light: #f7f5f7;
  --hlt-line: #e8e6eb;
  --hlt-pink: #f3e4ec;
}

/* ---------- Typografia ---------- */
body{
  font-family:'Roboto',Arial,sans-serif;
  color:var(--hlt-text);
  background:#fff;
  font-size:16px;
  line-height:1.65;
}
h1,h2,h3,h4,h5,h6{
  font-family:'Montserrat',Arial,sans-serif;
  color:var(--hlt-deep);
  font-weight:700;
  letter-spacing:-.2px;
  line-height:1.2;
}

/* ---------- Topbar ---------- */
.hlt-topbar{background:var(--hlt-deep);color:#e9e5ea;font-size:.82rem;position:relative;z-index:99}
.hlt-topbar-inner{max-width:1400px;margin:0 auto;padding:8px 28px;display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}
.hlt-topbar a{color:#e9e5ea;text-decoration:none;font-weight:500}
.hlt-topbar a:hover{color:#fff}
.hlt-topbar-left{display:flex;gap:10px;align-items:center}
.hlt-topbar-sep{opacity:.4}
.hlt-topbar-right{display:flex;gap:22px;align-items:center}
.hlt-topbar-cta{color:#ffd7e6!important}

/* ---------- Header (GeneratePress) ---------- */
.site-header{background:#fff;border-bottom:1px solid var(--hlt-line)}
.site-header .site-logo img{height:44px;width:auto}
.main-navigation a{font-family:'Montserrat',sans-serif;font-weight:600;font-size:.92rem;color:var(--hlt-deep)}
.main-navigation a:hover{color:var(--hlt)}
.main-navigation .current-menu-item > a{color:var(--hlt)}

/* ---------- Napit ---------- */
.hlt-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 30px;border-radius:8px;font-family:'Montserrat',sans-serif;font-weight:600;font-size:.95rem;text-decoration:none!important;transition:all .2s;border:1.5px solid transparent;cursor:pointer}
.hlt-btn-primary{background:var(--hlt);color:#fff!important}
.hlt-btn-primary:hover{background:var(--hlt-dark);transform:translateY(-1px);box-shadow:0 8px 20px rgba(134,0,68,.25)}
.hlt-btn-outline{border-color:var(--hlt);color:var(--hlt)!important;background:transparent}
.hlt-btn-outline:hover{background:var(--hlt);color:#fff!important}
.hlt-btn-light{background:#fff;color:var(--hlt)!important}
.hlt-btn-light:hover{background:#ffeaf3}
.hlt-btn-ghost{border-color:rgba(255,255,255,.5);color:#fff!important}
.hlt-btn-ghost:hover{border-color:#fff;background:rgba(255,255,255,.12)}
.hlt-link{color:var(--hlt);font-weight:600;text-decoration:none}
.hlt-link:hover{text-decoration:underline}

/* ---------- HERO v2 (vaalea, split, mockup) ---------- */
.hlt-hero2{background:linear-gradient(180deg,#fdf4f8 0%,#f9eef4 55%,#fff 100%);padding:76px 24px 90px;position:relative;overflow:hidden}
.hlt-hero2::before{content:"";position:absolute;width:560px;height:560px;border-radius:50%;background:radial-gradient(circle,rgba(134,0,68,.10),transparent 65%);top:-180px;right:-140px;pointer-events:none}
.hlt-hero2::after{content:"";position:absolute;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(134,0,68,.07),transparent 65%);bottom:-160px;left:-120px;pointer-events:none}
.hlt-hero2-inner{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:1.05fr .95fr;gap:60px;align-items:center;position:relative;z-index:1}
.hlt-eyebrow{display:inline-flex;align-items:center;gap:8px;background:#fff;border:1px solid #f0d5e2;color:var(--hlt);font-family:'Montserrat',sans-serif;font-size:.74rem;font-weight:700;letter-spacing:2.2px;text-transform:uppercase;padding:8px 16px;border-radius:40px;margin-bottom:24px}
.hlt-eyebrow::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--hlt)}
.hlt-hero2 h1{font-size:3.1rem;line-height:1.08;margin:0 0 20px;color:var(--hlt-deep)}
.hlt-hero2 h1 em{font-style:italic;color:var(--hlt);font-weight:800}
.hlt-hero2 p{font-size:1.12rem;color:#6b5f66;max-width:520px;margin:0 0 32px}
.hlt-hero2-ctas{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:30px}
.hlt-hero2-trust{display:flex;gap:20px;flex-wrap:wrap;font-size:.86rem;color:#8a7a82;font-weight:500}
.hlt-hero2-trust span{display:inline-flex;gap:6px;align-items:center}
.hlt-hero2-trust span::before{content:"✓";color:var(--hlt);font-weight:700}

/* Mockup-kortti */
.hlt-mockup{background:#fff;border-radius:20px;box-shadow:0 30px 70px rgba(134,0,68,.18),0 8px 24px rgba(134,0,68,.08);overflow:hidden;max-width:520px;margin:0 auto;border:1px solid #f4e2ec}
.hlt-mockup-thumb{position:relative;height:250px;background:linear-gradient(135deg,#5c002e,#860044) center/cover;background-size:cover;background-position:center;display:flex;align-items:center;justify-content:center}
.hlt-mockup-play{width:74px;height:74px;border-radius:50%;background:rgba(255,255,255,.94);display:flex;align-items:center;justify-content:center;color:var(--hlt);font-size:1.5rem;padding-left:6px;box-shadow:0 10px 30px rgba(0,0,0,.25);transition:transform .2s}
.hlt-mockup-play:hover{transform:scale(1.08)}
.hlt-mockup-badge{position:absolute;top:16px;left:16px;background:rgba(39,37,37,.82);color:#fff;font-size:.72rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase;padding:6px 14px;border-radius:30px}
.hlt-mockup-dur{position:absolute;bottom:16px;right:16px;background:rgba(255,255,255,.92);color:var(--hlt);font-size:.78rem;font-weight:600;padding:5px 12px;border-radius:30px}
.hlt-mockup-body{padding:22px 24px 24px}
.hlt-mockup-body h3{font-size:1.15rem;margin:0 0 6px}
.hlt-mockup-meta{font-size:.84rem;color:var(--hlt-text);margin-bottom:16px}
.hlt-mockup-progress{height:8px;background:#f0e2ea;border-radius:10px;overflow:hidden;margin-bottom:8px}
.hlt-mockup-progress span{display:block;height:100%;width:60%;background:linear-gradient(90deg,#860044,#c2407e);border-radius:10px}
.hlt-mockup-progress-label{font-size:.78rem;color:#8a7a82}
.hlt-float-card{position:absolute;background:#fff;border-radius:14px;box-shadow:0 16px 40px rgba(39,37,37,.16);padding:12px 18px;font-family:'Montserrat',sans-serif;font-size:.84rem;font-weight:600;color:var(--hlt-deep);display:flex;gap:10px;align-items:center;z-index:2}
.hlt-float-1{top:12%;left:-34px}
.hlt-float-2{bottom:16%;right:-26px}
.hlt-float-card .hlt-fc-ic{font-size:1.3rem}
@media (max-width:1080px){.hlt-hero2-inner{grid-template-columns:1fr}.hlt-float-1{left:6px}.hlt-float-2{right:6px}}

/* ---------- Brändit-strip ---------- */
.hlt-brands{border-top:1px solid var(--hlt-line);border-bottom:1px solid var(--hlt-line);background:#fff;padding:22px 24px}
.hlt-brands-inner{max-width:1400px;margin:0 auto;display:flex;gap:28px;align-items:center;flex-wrap:wrap;justify-content:center}
.hlt-brands span{font-family:'Montserrat',sans-serif;font-size:.78rem;font-weight:600;letter-spacing:1.6px;text-transform:uppercase;color:#a99aa3}
.hlt-brands strong{font-family:'Montserrat',sans-serif;font-size:1rem;font-weight:700;color:#3a3338}
.hlt-brands strong + strong{margin-left:0}
.hlt-brand-item{font-family:'Montserrat',sans-serif;font-weight:700;font-size:1.02rem;color:#3a3338;opacity:.85}

/* ---------- Osiot ---------- */
.hlt-section{max-width:1400px;margin:0 auto;padding:84px 28px}
.hlt-section-tinted{background:var(--hlt-light)}
.hlt-sec-head{max-width:640px;margin:0 auto 48px;text-align:center}
.hlt-sec-head .hlt-eyebrow2{display:inline-block;color:var(--hlt);font-family:'Montserrat',sans-serif;font-size:.76rem;font-weight:700;letter-spacing:2.4px;text-transform:uppercase;margin-bottom:12px}
.hlt-sec-head h2{font-size:2.3rem;margin:0 0 14px}
.hlt-sec-head p{color:#8a7a82;font-size:1.02rem;margin:0}
.hlt-center{text-align:center}

/* ---------- Kurssikortit ---------- */
.hlt-course-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin:0 0 36px}
.hlt-course-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--hlt-line);border-radius:16px;overflow:hidden;text-decoration:none!important;color:var(--hlt-text);transition:all .24s;box-shadow:0 2px 8px rgba(39,37,37,.05)}
.hlt-course-card:hover{transform:translateY(-6px);box-shadow:0 22px 44px rgba(134,0,68,.14);border-color:#f0c9db}
.hlt-course-thumb{position:relative;height:170px;background:#eee center/cover;background-size:cover;background-position:center}
.hlt-course-thumb::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(39,37,37,.28));opacity:0;transition:opacity .24s}
.hlt-course-card:hover .hlt-course-thumb::after{opacity:1}
.hlt-course-badge{position:absolute;top:12px;left:12px;background:rgba(39,37,37,.82);color:#fff;font-size:.68rem;font-weight:600;letter-spacing:.6px;text-transform:uppercase;padding:5px 12px;border-radius:30px;z-index:1}
.hlt-course-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:52px;height:52px;border-radius:50%;background:rgba(255,255,255,.92);display:flex;align-items:center;justify-content:center;color:var(--hlt);font-size:1rem;padding-left:4px;opacity:0;transition:all .24s;z-index:1;box-shadow:0 8px 24px rgba(0,0,0,.2)}
.hlt-course-card:hover .hlt-course-play{opacity:1}
.hlt-course-dur{position:absolute;bottom:12px;right:12px;background:rgba(255,255,255,.94);color:var(--hlt);font-size:.74rem;font-weight:600;padding:4px 11px;border-radius:30px;z-index:1}
.hlt-course-body{display:flex;flex-direction:column;flex:1;padding:20px 20px 18px}
.hlt-course-body h3{font-size:1.05rem;line-height:1.32;margin:0 0 8px;color:var(--hlt-deep)}
.hlt-course-meta{font-size:.8rem;color:#a08f98;margin:0 0 16px}
.hlt-course-foot{display:flex;justify-content:space-between;align-items:center;margin-top:auto;border-top:1px solid #f3e8ee;padding-top:14px}
.hlt-course-price{font-family:'Montserrat',sans-serif;font-weight:700;font-size:.9rem;color:var(--hlt)}
.hlt-course-arrow{font-family:'Montserrat',sans-serif;font-weight:600;font-size:.82rem;color:var(--hlt-deep)}
.hlt-course-card:hover .hlt-course-arrow{color:var(--hlt)}

/* ---------- Kategoriachipsit ---------- */
.hlt-chips{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;max-width:1080px;margin:0 auto}
.hlt-chip{display:flex;flex-direction:column;align-items:flex-start;gap:4px;background:#fff;border:1px solid var(--hlt-line);border-radius:14px;padding:22px 22px 18px;color:var(--hlt-deep);text-decoration:none!important;transition:all .22s}
.hlt-chip-icon{font-size:1.6rem;margin-bottom:6px}
.hlt-chip span:nth-child(2){font-family:'Montserrat',sans-serif;font-weight:700;font-size:1rem;color:var(--hlt-deep)}
.hlt-chip em{font-style:normal;font-size:.8rem;color:#a08f98}
.hlt-chip:hover{transform:translateY(-4px);border-color:#f0b6cd;box-shadow:0 16px 34px rgba(134,0,68,.12)}

/* ---------- Vaiheet ---------- */
.hlt-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;max-width:1080px;margin:0 auto}
.hlt-step{background:#fff;border:1px solid var(--hlt-line);border-radius:16px;padding:34px 28px;text-align:left;position:relative;transition:all .22s}
.hlt-step:hover{box-shadow:0 18px 40px rgba(134,0,68,.10);transform:translateY(-4px)}
.hlt-step .hlt-step-num{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,#860044,#c2407e);color:#fff;font-family:'Montserrat',sans-serif;font-weight:700;font-size:1.05rem;margin-bottom:18px}
.hlt-step h3{margin:0 0 10px;font-size:1.12rem}
.hlt-step p{font-size:.93rem;color:var(--hlt-text);margin:0;line-height:1.6}

/* ---------- Kouluttajat ---------- */
.hlt-instructors{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;max-width:1080px;margin:0 auto}
.hlt-instructor{background:#fff;border:1px solid var(--hlt-line);border-radius:16px;padding:30px 26px;text-align:center;transition:all .22s}
.hlt-instructor:hover{box-shadow:0 18px 40px rgba(134,0,68,.10)}
.hlt-avatar{width:76px;height:76px;border-radius:50%;background:linear-gradient(135deg,#860044,#c2407e);color:#fff;display:flex;align-items:center;justify-content:center;font-family:'Montserrat',sans-serif;font-weight:700;font-size:1.4rem;margin:0 auto 16px}
.hlt-instructor h3{margin:0 0 4px;font-size:1.05rem}
.hlt-instructor .hlt-instructor-role{font-size:.84rem;color:var(--hlt);font-weight:500;margin-bottom:10px}
.hlt-instructor p{font-size:.87rem;color:#8a7a82;margin:0;line-height:1.6}

/* ---------- Lainaus ---------- */
.hlt-quote{background:linear-gradient(130deg,#272525 0%,#3a0f22 60%,#5c002e 100%);color:#fff;padding:84px 28px;text-align:center}
.hlt-quote blockquote{max-width:760px;margin:0 auto 20px;font-family:'Montserrat',sans-serif;font-size:1.5rem;font-weight:500;line-height:1.45;color:#fff}
.hlt-quote cite{font-style:normal;color:#f0b6cd;font-size:.9rem;letter-spacing:.4px}
.hlt-quote .hlt-quote-mark{font-size:3rem;color:#c2407e;line-height:0;display:block;margin-bottom:18px}

/* ---------- CTA ---------- */
.hlt-cta-band2{background:linear-gradient(130deg,#5c002e,#860044 70%,#a01859);border-radius:22px;padding:64px 40px;text-align:center;color:#fff;position:relative;overflow:hidden}
.hlt-cta-band2::before{content:"";position:absolute;width:300px;height:300px;border-radius:50%;background:rgba(255,255,255,.08);top:-120px;right:-80px}
.hlt-cta-band2 h2{color:#fff!important;margin:0 0 12px;font-size:2rem}
.hlt-cta-band2 p{opacity:.92;max-width:520px;margin:0 auto 28px;font-size:1.02rem}
.hlt-cta-band2 .hlt-btn{margin:0 6px}

/* ---------- Footer ---------- */
.site-footer{background:var(--hlt-deep)!important;color:#cfc6cc!important}
.site-footer .widget-title{color:#fff!important;font-family:'Montserrat',sans-serif;font-size:.85rem;text-transform:uppercase;letter-spacing:1.6px;margin-bottom:16px}
.site-footer a{color:#e9a8c4!important}
.site-footer a:hover{color:#fff!important}
.site-footer .footer-widgets-container{padding-top:56px;padding-bottom:40px}
.hlt-footer-contact{font-size:.92rem;line-height:2;color:#cfc6cc}
.hlt-footer-contact .hlt-fc-name{font-family:'Montserrat',sans-serif;font-weight:700;color:#fff;font-size:1.02rem}
.site-footer ul{list-style:none;margin:0;padding:0;line-height:2.3}
.site-footer ul a{font-size:.92rem}
.site-info{background:var(--hlt-deep)!important;color:#9d8f97!important;border-top:1px solid rgba(255,255,255,.08);font-size:.82rem}
.site-info a{color:#e9a8c4!important}

/* ---------- Tutor: arkisto ---------- */
.tutor-course-card{border-radius:16px!important;border:1px solid var(--hlt-line)!important;overflow:hidden;box-shadow:0 2px 8px rgba(39,37,37,.05)!important;transition:all .24s}
.tutor-course-card:hover{transform:translateY(-6px);box-shadow:0 22px 44px rgba(134,0,68,.14)!important}
.tutor-course-card .tutor-course-thumbnail{border-radius:0!important}
.tutor-course-card .tutor-course-title{font-family:'Montserrat',sans-serif!important;font-weight:700!important;color:var(--hlt-deep)!important;font-size:1.05rem!important;line-height:1.32!important}
.tutor-course-card:hover .tutor-course-title{color:var(--hlt)!important}
.tutor-course-duration{background:rgba(255,255,255,.94)!important;color:var(--hlt)!important;font-weight:600!important;font-size:.74rem!important}
.tutor-course-card-meta{color:#a08f98!important;font-size:.8rem!important}
.tutor-course-category-grid-cat{color:var(--hlt)!important;font-family:'Montserrat',sans-serif!important;font-weight:700!important;font-size:.68rem!important;letter-spacing:.6px!important;text-transform:uppercase!important}
.tutor-course-card-footer .tutor-btn{background:var(--hlt)!important;border-color:var(--hlt)!important;font-family:'Montserrat',sans-serif!important;font-weight:600!important;border-radius:8px!important}
.tutor-course-card-footer .tutor-btn:hover{background:var(--hlt-dark)!important}
.tutor-course-card .tutor-course-price{font-family:'Montserrat',sans-serif!important;color:var(--hlt)!important;font-weight:700!important}

/* ---------- Tutor: kurssisivu ---------- */
.tutor-course-details-page .tutor-course-details-header{background:linear-gradient(130deg,#272525,#5c002e 55%,#860044)!important;color:#fff!important;border-radius:0!important;padding:44px 0!important}
.tutor-course-details-header .tutor-course-details-title{color:#fff!important;font-family:'Montserrat',sans-serif!important;font-size:2rem!important;line-height:1.15}
.tutor-course-details-header .tutor-meta > *{color:#e9d5df!important;font-size:.88rem!important}
.tutor-course-details-header .tutor-meta .tutor-meta-key{color:#f0b6cd!important}
.tutor-course-details-header .tutor-course-details-category a{color:#f0b6cd!important}
.tutor-btn-primary{background:var(--hlt)!important;border-color:var(--hlt)!important;font-family:'Montserrat',sans-serif!important;font-weight:600!important;border-radius:8px!important}
.tutor-btn-primary:hover{background:var(--hlt-dark)!important;border-color:var(--hlt-dark)!important}
.tutor-course-topic-title{color:var(--hlt-deep)!important;font-family:'Montserrat',sans-serif!important;font-weight:700!important}
.tutor-course-sidebar-card{border-radius:16px!important;overflow:hidden;box-shadow:0 18px 44px rgba(39,37,37,.16)!important;border:1px solid var(--hlt-line)!important}
.tutor-course-sidebar-card .tutor-course-sidebar-card-head{background:var(--hlt-deep)!important}
.tutor-instructor-card .tutor-instructor-name{color:var(--hlt-deep)!important;font-family:'Montserrat',sans-serif!important}
.tutor-course-details-accordion-item-header{font-family:'Montserrat',sans-serif!important}

/* ---------- Tutor: dashboard ---------- */
.tutor-dashboard-header{background:linear-gradient(130deg,#272525,#5c002e 55%,#860044)!important;color:#fff!important}
.tutor-dashboard-header .tutor-dashboard-header-username{color:#fff!important;font-family:'Montserrat',sans-serif!important}
.tutor-dashboard-menu li a{font-family:'Montserrat',sans-serif!important;font-weight:500!important;font-size:.9rem!important}
.tutor-dashboard-menu li.active a{color:var(--hlt)!important}
.tutor-widget-title{color:var(--hlt-deep)!important;font-family:'Montserrat',sans-serif!important}
.tutor-btn-ghost{color:var(--hlt)!important;border-color:#f0c9db!important;border-radius:8px!important;font-family:'Montserrat',sans-serif!important;font-weight:600!important}
.tutor-btn-ghost:hover{background:#fdf4f8!important}

/* ---------- Kirjautuminen ---------- */
.login h1 a{background-image:url('https://hoitolatukku.fi/wp-content/uploads/2020/05/hoitolatukku-logo.png')!important;background-size:contain!important;width:264px!important;height:54px!important}
.login #loginform input[type=submit],.login .button-primary{background:var(--hlt)!important;border-color:var(--hlt)!important;border-radius:8px!important}
.login #loginform input[type=submit]:hover{background:var(--hlt-dark)!important}
.login #backtoblog a,.login #nav a{color:var(--hlt)!important}

/* ---------- Responsiivisuus ---------- */
@media (max-width:1200px){
  .hlt-course-grid{grid-template-columns:repeat(3,1fr)}
  .hlt-chips{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:900px){
  .hlt-course-grid{grid-template-columns:repeat(2,1fr)}
  .hlt-steps,.hlt-instructors{grid-template-columns:1fr}
}
@media (max-width:640px){
  .hlt-hero2{padding:56px 18px 64px}
  .hlt-hero2 h1{font-size:2.1rem}
  .hlt-course-grid,.hlt-chips{grid-template-columns:1fr}
  .hlt-section{padding:56px 18px}
  .hlt-topbar-inner{justify-content:center}
  .hlt-float-card{display:none}
  .hlt-quote blockquote{font-size:1.15rem}
}

/* ============================================================
   LAYOUT-VIIMEISTELY + MOBIILI (v4)
   ============================================================ */

/* --- Selkeämmät kosketuskohdat --- */
.hlt-btn{min-height:46px}
.hlt-topbar a{min-height:34px;display:inline-flex;align-items:center}

/* --- Kurssikortit: tasakorkeat --- */
.hlt-course-card{height:100%}
.hlt-course-thumb{aspect-ratio:16/9;height:auto;min-height:150px}
.hlt-course-grid{align-items:stretch}
.hlt-course-body h3{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

/* --- Hero selkeämmäksi --- */
.hlt-hero2-inner{column-gap:70px}
.hlt-mockup{max-width:540px}
.hlt-mockup-thumb{height:260px}

/* --- Osioiden rytmi --- */
.hlt-section{padding:88px 28px}
.hlt-sec-head h2{font-size:2.4rem}

/* --- Mobiili: topbar --- */
@media (max-width:640px){
  .hlt-topbar-inner{padding:6px 14px;justify-content:center;gap:8px}
  .hlt-topbar-left{font-size:.78rem}
  .hlt-topbar-right{font-size:.78rem;gap:14px}
  .hlt-topbar-sep{display:none}
  .hlt-section{padding:56px 18px}
  .hlt-sec-head h2{font-size:1.75rem}
  .hlt-hero2{padding:52px 18px 60px}
  .hlt-hero2 h1{font-size:2rem}
  .hlt-hero2 p{font-size:1.02rem}
  .hlt-hero2-ctas .hlt-btn{flex:1;justify-content:center;padding:14px 12px;font-size:.88rem}
  .hlt-hero2-trust{font-size:.8rem;gap:12px}
  .hlt-mockup-thumb{height:190px}
  .hlt-mockup-body{padding:16px 18px 18px}
  .hlt-course-card{flex-direction:row;align-items:stretch}
  .hlt-course-thumb{width:38%;min-width:120px;aspect-ratio:auto;min-height:100%}
  .hlt-course-body{padding:14px 14px 12px}
  .hlt-course-body h3{font-size:.95rem;-webkit-line-clamp:3}
  .hlt-course-meta{font-size:.74rem;margin-bottom:10px}
  .hlt-course-foot{padding-top:10px}
  .hlt-course-price{font-size:.8rem}
  .hlt-course-arrow{font-size:.75rem}
  .hlt-chips{grid-template-columns:1fr 1fr;gap:10px}
  .hlt-chip{padding:16px 16px 12px}
  .hlt-chip-icon{font-size:1.3rem}
  .hlt-chip span:nth-child(2){font-size:.9rem}
  .hlt-steps{gap:14px}
  .hlt-step{padding:24px 20px}
  .hlt-instructors{gap:14px}
  .hlt-quote{padding:56px 18px}
  .hlt-quote blockquote{font-size:1.12rem}
  .hlt-cta-band2{padding:44px 20px;border-radius:16px}
  .hlt-cta-band2 h2{font-size:1.5rem}
  .hlt-cta-band2 .hlt-btn{margin:6px;width:calc(50% - 14px);padding:12px 8px;font-size:.84rem}
  .site-header .site-logo img{height:34px}
  .hlt-brands{padding:16px 14px}
  .hlt-brands-inner{gap:14px}
  .hlt-brand-item{font-size:.85rem}
  /* Live-badge mobiililla ei leikkaannu */
  .hlt-live-badge{font-size:.6rem;padding:4px 10px}
}

/* ---- WooCommerce (demo-kauppa) ---- */
.woocommerce .button,.woocommerce button.button,.woocommerce input.button,.woocommerce a.button,.woocommerce #respond input#submit,.woocommerce .wc-block-components-button{background:var(--hlt)!important;color:#fff!important;border-radius:10px!important;font-weight:600!important}
.woocommerce .button:hover,.woocommerce button.button:hover{background:var(--hlt-deep)!important;color:#fff!important}
.woocommerce .price,.woocommerce .amount,.woocommerce ul.products li.product .price{color:var(--hlt)!important;font-weight:700!important}
.woocommerce h1.page-title,.woocommerce h2{font-family:'Montserrat',sans-serif}
.woocommerce .woocommerce-message,.woocommerce .woocommerce-info{border-top-color:var(--hlt)}
.woocommerce .woocommerce-message::before,.woocommerce .woocommerce-info::before{color:var(--hlt)}

/* ============================================================
   v5 — koulutusten live-badget + asiakaslista
   ============================================================ */
.hlt-course-live{display:inline-flex;align-items:center;gap:6px;font-family:'Montserrat',sans-serif;font-size:.68rem;font-weight:700;letter-spacing:.5px;text-transform:uppercase;border-radius:30px;padding:4px 10px;margin-bottom:10px}
.hlt-course-live-now{background:#d90429;color:#fff}
.hlt-course-live-up{background:#f0e9f4;color:#7a4d96}
.hlt-course-live-ended{background:#e8efe8;color:#5c7a5c}
.hlt-customers-list{margin-top:20px;padding-top:16px;border-top:1px dashed #e5c9d6}
.hlt-customers-list strong{font-family:'Montserrat',sans-serif;font-size:.85rem;color:var(--hlt-deep)}
.hlt-customers-list ul{list-style:none;margin:10px 0 0;padding:0;display:flex;flex-direction:column;gap:6px}
.hlt-customers-list li{font-size:.88rem;color:var(--hlt-text);background:#fff;border:1px solid var(--hlt-line);border-radius:8px;padding:8px 12px}
.hlt-customers-list li span{color:#a08f98;font-size:.8rem}
.hlt-customer-preview{white-space:pre-wrap;background:#fdf1f6;border:1px solid #f0c9db;border-radius:10px;padding:14px 16px;font-size:.82rem;color:#7c2a4d;margin-top:14px}
@media (max-width:640px){
  .hlt-customers-list li{font-size:.8rem}
}