/* CIWZ Academy - Course Public Premium v2
   Scoped visual upgrade for course_public.php. */

.ciwz-tech-section{margin-top:38px}
.ciwz-tech-head{align-items:flex-end}
.ciwz-tech-kicker{display:inline-flex;align-items:center;gap:8px;margin-bottom:8px;color:#a11224;font-size:11px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.ciwz-tech-kicker:before{content:"";width:24px;height:2px;background:linear-gradient(90deg,#a11224,#e11d48);border-radius:999px}
.ciwz-tech-head h2{font-size:clamp(28px,3vw,38px);font-weight:900;letter-spacing:-.035em}
.ciwz-tech-head p{max-width:820px;line-height:1.7}

.ciwz-tech-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.ciwz-tech-card{position:relative;overflow:hidden;border:1px solid #e4e9f1;background:linear-gradient(180deg,#ffffff 0%,#fbfcfe 100%);border-radius:22px;padding:22px 22px 20px;box-shadow:0 10px 26px rgba(15,23,42,.055);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.ciwz-tech-card:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:linear-gradient(180deg,#9f1239,#dc2626);opacity:.9}
.ciwz-tech-card:hover{transform:translateY(-2px);box-shadow:0 18px 34px rgba(15,23,42,.09);border-color:#d7dfea}
.ciwz-tech-card-top{display:flex;align-items:center;gap:12px;margin-bottom:13px}
.ciwz-tech-index{display:grid;place-items:center;flex:0 0 auto;width:38px;height:38px;border-radius:12px;background:linear-gradient(145deg,#111827,#24344f);color:#fff;font-size:12px;font-weight:900;letter-spacing:.06em;box-shadow:0 8px 18px rgba(15,23,42,.14)}
.ciwz-tech-card h3{margin:0;color:#101b31;font-size:18px;line-height:1.25;font-weight:900;letter-spacing:-.015em}
.ciwz-tech-copy{font-size:15px;line-height:1.78;color:#46566d}
.ciwz-tech-copy p{margin:0;text-align:justify;text-justify:inter-word;hyphens:auto}
.ciwz-tech-copy p+p{margin-top:11px}
.ciwz-tech-copy strong{color:#172238;font-weight:850}
.ciwz-tech-copy ul,.ciwz-tech-copy ol{margin:8px 0 0;padding-left:20px}
.ciwz-tech-copy li{margin:6px 0;text-align:justify;text-justify:inter-word}

.ciwz-course-sidebar .ciwz-card{border-radius:24px;overflow:hidden;box-shadow:0 18px 40px rgba(15,23,42,.075)}
.ciwz-price-highlight{margin:16px -4px 4px;padding:17px 16px;border-radius:18px;background:linear-gradient(145deg,#0d1728,#172941 62%,#203a59);color:#fff;box-shadow:0 12px 26px rgba(15,23,42,.16)}
.ciwz-price-highlight span,.ciwz-price-highlight small{display:block}
.ciwz-price-highlight span{font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#cbd5e1}
.ciwz-price-highlight strong{display:block;margin:5px 0 4px;color:#fff!important;font-size:28px;line-height:1;font-weight:950;letter-spacing:-.03em;text-align:left!important}
.ciwz-price-highlight small{font-size:11px;line-height:1.45;color:#dbe6f3}

@media(max-width:1080px){
  .ciwz-tech-grid{grid-template-columns:1fr}
}

@media(max-width:640px){
  .ciwz-tech-section{margin-top:28px}
  .ciwz-tech-head{text-align:center;align-items:center}
  .ciwz-tech-kicker{justify-content:center}
  .ciwz-tech-head p{text-align:center!important;font-size:14px}
  .ciwz-tech-grid{gap:10px}
  .ciwz-tech-card{border-radius:19px;padding:18px 17px 17px}
  .ciwz-tech-card-top{align-items:flex-start}
  .ciwz-tech-index{width:34px;height:34px;border-radius:10px}
  .ciwz-tech-card h3{font-size:17px}
  .ciwz-tech-copy{font-size:14px;line-height:1.72}
  .ciwz-price-highlight{text-align:center;padding:16px 14px}
  .ciwz-price-highlight strong{text-align:center!important;font-size:27px}
}