.klay-program { padding: 20px 0 12px; background: #fff; }
.klay-program-panel {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr);
  align-items: center;
  gap: 34px;
  padding: 25px 34px;
  border: 1px solid var(--line);
  border-left: 4px solid var(--blue);
  border-radius: 5px;
  background: linear-gradient(110deg, #f1f7ff 0%, #fff 72%);
}
.klay-program-copy { min-width: 0; }
.klay-program-heading { display: flex; align-items: center; flex-wrap: wrap; gap: 13px; margin-bottom: 13px; }
.klay-new { padding: 5px 9px; border-radius: 3px; background: var(--blue); color: #fff; font-size: 10px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.klay-brand { color: var(--navy); font-size: 14px; font-weight: 800; letter-spacing: .01em; }
.klay-program h2 { margin: 0 0 11px; color: var(--navy); font-size: clamp(26px, 2.65vw, 37px); line-height: 1.12; letter-spacing: -.035em; }
.klay-program-copy > p { max-width: 610px; margin: 0 0 14px; color: #354b68; font-size: 14px; line-height: 1.55; }
.klay-program-benefits { display: flex; flex-wrap: wrap; gap: 7px 18px; list-style: none; margin: 0 0 20px; padding: 0; }
.klay-program-benefits li { display: flex; align-items: center; gap: 6px; color: #29486b; font-size: 12px; font-weight: 650; }
.klay-program-benefits li::before { content: ""; width: 5px; height: 5px; flex: 0 0 5px; border-radius: 50%; background: var(--blue); }
.klay-program-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 13px 20px; }
.klay-program-actions .button { min-height: 43px; }
.klay-program-link { display: inline-flex; align-items: center; gap: 10px; min-height: 43px; color: var(--blue); font-size: 12px; font-weight: 750; }
.klay-program-link:hover { text-decoration: underline; }
.klay-program-visual { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); align-items: center; gap: 12px; margin: 0; padding: 12px 0; min-width: 0; border-radius: 4px; background: #fff; }
.klay-program-product { display: flex; flex-direction: column; align-items: center; gap: 9px; min-width: 0; margin: 0; }
.klay-program-visual img { display: block; width: 100%; max-width: 100%; height: 225px; object-fit: contain; }
.klay-program-visual figcaption { color: #60728a; font-size: 10px; text-align: center; }
@media (max-width: 1000px) {
  .klay-program-panel { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 860px) {
  .klay-program-panel { gap: 20px; padding: 23px; }
  .klay-program h2 { font-size: 29px; }
  .klay-program h2 br { display: none; }
  .klay-program-visual img { height: 205px; }
}
@media (max-width: 620px) {
  .klay-program { padding-top: 16px; }
  .klay-program-panel { grid-template-columns: minmax(0, 1fr); gap: 17px; padding: 20px; }
  .klay-program h2 { font-size: 28px; }
  .klay-program-copy > p { font-size: 13px; }
  .klay-program-benefits { margin-bottom: 16px; gap: 8px 13px; }
  .klay-program-benefits li { font-size: 11px; }
  .klay-program-actions { gap: 5px 15px; }
  .klay-program-actions .button { width: 100%; justify-content: space-between; }
  .klay-program-link { font-size: 12px; }
  .klay-program-visual { gap: 6px; padding: 8px 0; }
  .klay-program-visual img { height: 140px; }
}