/* Content update for BEST Course Zagreb 2027. */
.course-benefits { width: 100%; margin: 32px 0 0; text-align: center; }
.course-benefits h3 { margin: 0 0 48px; font-size: clamp(26px, 3vw, 38px); font-weight: 700; line-height: 1.25; color: #242424; }
.course-benefits-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 32px; }
.course-benefit { min-width: 0; }
.course-benefit svg { display: block; width: 64px; height: 64px; margin: 0 auto 24px; fill: currentColor; color: #eaaa42; }
.course-benefit h4 { font-size: 21px; font-weight: 700; line-height: 1.4; margin: 0 0 20px; color: #242424; }
.course-benefit p { font-size: 16px; line-height: 1.7; margin: 0; color: #3d3d3d; }
.course-benefit a { color: #17684e; text-decoration: underline; text-underline-offset: 3px; }
.course-benefit a:hover { color: #124d3b; }
#course-info .course-description { color: #24453c; font-size: 17px; line-height: 1.75; text-align: left; }
#course-info .course-description p { color: #24453c; margin: 0 0 1.25em; font-size: inherit; line-height: inherit; }
.course-description p:last-child { margin-bottom: 0; }
#contact [data-colibri-id="412-f6"] > .h-row { flex-wrap: nowrap; gap: 24px; width: max-content; max-width: 100%; margin-left: auto; margin-right: auto; }
#contact [data-colibri-id="412-f6"] > .h-row > .h-column { flex: 0 0 auto; width: auto; max-width: none; }
#contact [data-colibri-id="412-f6"] .h-column__inner { padding-left: 0; padding-right: 0; }
#contact [data-colibri-id="412-f6"] .h-svg-icon { width: 64px; height: 64px; font-size: 64px; }
#contact [data-colibri-id="412-f14"] a { color: inherit; text-decoration: underline; text-underline-offset: 3px; }
#features [data-colibri-id="1390-c28"], #features [data-colibri-id="1390-c33"] { width: 100%; }
#features .style-local-1390-c28-outer, #features .style-local-1390-c33-outer { flex: 0 0 40%; max-width: 40%; }
[data-colibri-id="406-h31"][aria-disabled="true"] { pointer-events: none; }
a:focus-visible { outline: 3px solid #eaaa42; outline-offset: 5px; }
.course-contacts { width: 100%; margin: 0 0 56px; text-align: center; }
.course-contacts h3 { margin: 0 0 36px; font-size: clamp(24px, 2.6vw, 32px); font-weight: 700; line-height: 1.25; color: #242424; }
.course-contacts-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 300px)); justify-content: center; gap: 48px; }
.course-contact { min-width: 0; }
.course-contact-photo { display: block; width: 160px; height: 160px; margin: 0 auto 20px; border-radius: 50%; overflow: hidden; background: #e3ece9; }
.course-contact-photo img { display: block; width: 100%; height: 100%; object-fit: cover; transform: scale(1.5); transform-origin: 50% 38%; }
.course-contact-role { margin: 0 0 6px; font-size: 14px; font-weight: 700; line-height: 1.4; letter-spacing: 0.08em; text-transform: uppercase; color: #17684e; }
.course-contact h4 { margin: 0 0 12px; font-size: 21px; font-weight: 700; line-height: 1.4; color: #242424; }
.course-contact p { margin: 0 0 4px; font-size: 16px; line-height: 1.6; color: #3d3d3d; }
.course-contact a { color: #17684e; text-decoration: underline; text-underline-offset: 3px; overflow-wrap: anywhere; }
.course-contact a:hover { color: #124d3b; }
.course-zagreb-logo { margin: 40px 0 0; text-align: center; }
.course-zagreb-logo img { display: inline-block; width: auto; height: 72px; }
@media (max-width: 1050px) {
  .course-benefits-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 40px 32px; }
}
@media (max-width: 600px) {
  #contact [data-colibri-id="412-f6"] > .h-row { gap: 16px; }
  #contact [data-colibri-id="412-f6"] .h-svg-icon { width: 52px; height: 52px; font-size: 52px; }
  .course-benefits h3 { margin-bottom: 32px; }
  .course-benefits-grid { grid-template-columns: 1fr; gap: 36px; }
  .course-benefit { max-width: 360px; margin: 0 auto; }
  .course-benefit h4 { font-size: 21px; margin-bottom: 12px; }
  .course-benefit svg { margin-bottom: 16px; }
  .course-contacts-grid { grid-template-columns: minmax(0, 320px); gap: 40px; }
  #features .style-local-1390-c28-outer, #features .style-local-1390-c33-outer { flex: 0 0 100%; max-width: 100%; }
}