.additional_courses_page{background:var(--gray)}

.ac_title{margin:0 0 10px;color:var(--primary);font:600 28px/1.15 Inter,Arial,sans-serif;letter-spacing:.04em}
.ac_lead{margin:0 0 18px;color:var(--secondary);font:600 16.5px/1.55 Inter,Arial,sans-serif}

.courses_tools{display:grid;grid-template-columns:1fr;gap:12px;margin:8px 0 12px;align-items:end;position:relative;z-index:2}
.search_sort{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.search input{height:40px;padding:0 12px 0 14px;width:260px;max-width:100%;border:1px solid rgba(84,84,84,.25);border-radius:8px;background:var(--white);color:#2b2b2b;font:600 14px/1 Inter,Arial;transition:border-color .2s,box-shadow .2s,background-color .2s}
.search input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(76,120,232,.14)}

.select{position:relative}
.select select{appearance:none;-webkit-appearance:none;-moz-appearance:none;height:40px;min-width:190px;padding:0 38px 0 12px;border:1px solid rgba(84,84,84,.25);border-radius:8px;background:var(--white);color:#2b2b2b;font:700 14px/1 Inter,Arial;background-image:url("../media/images/svg/chevron-down.svg");background-repeat:no-repeat;background-position:right 12px center;background-size:16px 16px;transition:border-color .2s,box-shadow .2s}
.select select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(76,120,232,.14)}

.select.is-enhanced select{position:absolute;inset:0;width:100%;height:100%;opacity:0;pointer-events:none}
.fancy-select__btn{position:relative;height:40px;min-width:190px;width:auto;padding:0 38px 0 12px;border:1px solid rgba(84,84,84,.25);border-radius:8px;background:var(--white);color:#2b2b2b;font:700 14px/1 Inter,Arial;display:flex;align-items:center;gap:8px;cursor:pointer;transition:border-color .2s,box-shadow .2s,color .2s,background .2s}
.fancy-select__btn:focus{outline:none}
.fancy-select__btn:focus-visible{border-color:var(--primary);box-shadow:0 0 0 3px rgba(76,120,232,.14)}
.fancy-select__btn::after{content:"";position:absolute;right:12px;width:16px;height:16px;background:url("../media/images/svg/arrow_down_black.svg") no-repeat center/16px 16px}
.select.is-open .fancy-select__btn{border-color:var(--primary);box-shadow:0 6px 18px rgba(76,120,232,.18)}
.select.is-open .fancy-select__btn::after{background-image:url("../media/images/svg/arrow_up_primary.svg")}
.fancy-select__menu{position:absolute;left:0;top:calc(100% + 6px);z-index:1001;min-width:100%;background:var(--white);border:1px solid rgba(84,84,84,.22);border-radius:10px;box-shadow:0 12px 30px rgba(0,0,0,.12),0 2px 6px rgba(0,0,0,.06);padding:6px;list-style:none;max-height:240px;overflow:auto;opacity:0;transform:translateY(-4px);pointer-events:none;transition:opacity .16s ease,transform .16s ease}
.select.is-open .fancy-select__menu{opacity:1;transform:translateY(0);pointer-events:auto}
.fancy-select__option{border-radius:8px;padding:10px 12px;font:700 14px/1 Inter,Arial;color:#2b2b2b;display:flex;align-items:center;justify-content:space-between;cursor:pointer;user-select:none}
.fancy-select__option:hover{background:#f4f7ff}
.fancy-select__option[aria-selected="true"]{background:var(--primary);color:var(--white)}
.fancy-select__option[aria-selected="true"]::after{content:"";width:10px;height:10px;border-radius:999px;background:var(--white);margin-left:12px}

.filters{display:flex;gap:8px;flex-wrap:wrap;margin-top:2px}
.chip{padding:8px 12px;border-radius:999px;border:2px solid #e1e8ff;background:#f6f9ff;color:var(--primary);font:700 13px/1 Inter,Arial;cursor:pointer;transition:background .18s,border-color .18s,color .18s,transform .06s,box-shadow .18s}
.chip:hover{background:var(--white);border-color:var(--primary)}
.chip:focus{outline:none}
.chip:focus-visible{box-shadow:0 0 0 3px rgba(76,120,232,.18)}
.chip.is-active{background:var(--primary);border-color:var(--primary);color:var(--white)}

.courses_empty{margin:8px 0 14px;color:var(--secondary);font:700 16px/1.35 Inter,Arial,sans-serif}
.courses_empty[hidden]{display:none!important}

.courses_carousel{position:relative}
.courses_track{display:grid;grid-auto-flow:column;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding-bottom:4px;scrollbar-width:none}
.courses_track::-webkit-scrollbar{display:none}
.courses_carousel.has_overflow .courses_track{-webkit-mask-image:linear-gradient(to right,transparent 0, #000 24px, #000 calc(100% - 24px), transparent 100%);mask-image:linear-gradient(to right,transparent 0, #000 24px, #000 calc(100% - 24px), transparent 100%)}
@media (min-width:1401px){.courses_track{grid-auto-columns:calc((100% - 60px)/4)}}
@media (max-width:1400px){.courses_track{grid-auto-columns:calc((100% - 40px)/3)}}
@media (max-width:1203px){.courses_track{grid-auto-columns:calc((100% - 20px)/2)}}
@media (max-width:975px){.courses_track{grid-auto-columns:100%}}

.carousel_btn{position:absolute;top:50%;transform:translateY(-50%);z-index:2;width:48px;height:48px;border:2px solid rgba(84,84,84,.6);border-radius:50%;background:rgba(255,255,255,.9);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:border-color .25s,background-color .25s,transform .25s,box-shadow .25s,opacity .25s;backdrop-filter:blur(4px)}
.carousel_btn.prev{left:8px}
.carousel_btn.next{right:8px}
.carousel_btn img{width:18px;height:18px;filter:grayscale(1) brightness(.45);transition:filter .25s,transform .25s}
.carousel_btn:hover{border-color:var(--primary);background:var(--primary);transform:translateY(-50%) scale(1.08);box-shadow:0 4px 12px rgba(76,120,232,.3)}
.carousel_btn:hover img{filter:brightness(0) invert(1);transform:translateX(1px)}
.carousel_btn.prev:hover img{transform:translateX(-1px)}
.carousel_btn:focus{outline:none}
.carousel_btn:focus-visible{box-shadow:0 0 0 3px rgba(76,120,232,.28)}
.courses_carousel.at_start .carousel_btn.prev,.courses_carousel.at_end .carousel_btn.next{opacity:.4;transform:translateY(calc(-50% + 10px));pointer-events:none}
.courses_carousel:not(.has_overflow) .carousel_btn{display:none}
.courses_carousel.has_overflow{padding:0 64px}
@media (max-width:1280px){.carousel_btn{width:46px;height:46px}}
@media (max-width:1047px){.carousel_btn{width:44px;height:44px}}
@media (max-width:711px){.carousel_btn{width:40px;height:40px}.carousel_btn img{width:16px;height:16px}.carousel_btn.prev{left:4px}.carousel_btn.next{right:4px}}
@media (max-width:430px){.courses_carousel.has_overflow{padding:0 12px}.carousel_btn{width:38px;height:38px;background:var(--white);box-shadow:0 2px 10px rgba(0,0,0,.08)}.carousel_btn img{width:15px;height:15px}.carousel_btn.prev{left:-6px}.carousel_btn.next{right:-6px}}
@media (max-width:360px){.courses_track{gap:10px}.carousel_btn{width:34px;height:34px}.carousel_btn img{width:14px;height:14px}.carousel_btn.prev{left:-8px}.carousel_btn.next{right:-8px}}

.course_card{scroll-snap-align:start;display:flex;flex-direction:column;align-items:stretch;padding:16px;border-radius:8px;border:1px solid transparent;background:linear-gradient(180deg,#6288ea 0%,var(--primary) 100%);color:var(--white);box-shadow:0 4px 16px rgba(0,0,0,.06);transition:background .25s,color .25s,border-color .25s,box-shadow .25s,transform .06s}
.course_card:focus{outline:none}
.course_card:focus-visible{box-shadow:0 0 0 3px rgba(76,120,232,.22) inset,0 0 0 3px rgba(76,120,232,.18)}
.course_card:hover{background:var(--white);border-color:#6288ea;color:var(--secondary);box-shadow:0 8px 24px rgba(76,120,232,.18)}
.course_card:active{transform:translateY(1px)}

.course_cover{width:100%;height:180px;border-radius:6px;overflow:hidden;margin:0 0 12px;background:#e7ecff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.35)}
.course_cover img{width:100%;height:100%;object-fit:cover;display:block}
@media (max-width:430px){.course_cover{height:160px}}

.course_head{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;margin-bottom:6px}
.course_label{order:1;align-self:flex-start;max-width:100%;padding:6px 10px;border-radius:999px;font:800 12px/1 Inter,Arial,sans-serif;letter-spacing:.04em;background:rgba(255,255,255,.18);color:var(--white);border:1px solid rgba(255,255,255,.28);transition:background .25s,color .25s,border-color .25s}
.course_label:hover{background:rgba(255,255,255,.24)}
.course_card:hover .course_label{background:#f1f4ff;color:var(--primary);border-color:#dfe6ff}
.course_name{order:2;flex:0 0 100%;margin:2px 0 0;font:700 18px/1.2 Inter,Arial,sans-serif;color:var(--white);letter-spacing:.02em;transition:color .25s}
.course_card:hover .course_name{color:var(--secondary)}

.course_desc{margin:10px 0 14px;font:600 14px/1.45 Inter,Arial,sans-serif;color:#f5f7ff;transition:color .25s}
.course_card:hover .course_desc{color:var(--secondary)}

.course_meta{display:grid;gap:10px;margin:0 0 12px}
.meta_item{display:grid;grid-template-columns:120px 1fr;gap:8px;align-items:baseline}
.meta_item dt{color:#e9edff;font:800 12px/1.2 Inter,Arial,sans-serif;letter-spacing:.04em;text-transform:uppercase;transition:color .25s}
.meta_item dd{color:var(--white);font:700 14px/1.3 Inter,Arial,sans-serif;transition:color .25s;overflow-wrap:anywhere;word-break:break-word}
.course_card:hover .meta_item dt{color:var(--primary)}
.course_card:hover .meta_item dd{color:var(--secondary)}
@media (max-width:560px){.meta_item{grid-template-columns:100px 1fr}}

.course_btn{margin-top:auto;display:flex;align-items:center;justify-content:center;gap:10px;padding:10px 0;text-decoration:none;border-radius:6px;font:700 16px/1 Inter,Arial,sans-serif;border:2px solid var(--white);color:var(--primary);background:var(--white);transition:background .25s,color .25s,border-color .25s,box-shadow .25s,transform .06s}
.course_btn img{transition:filter .25s ease;filter:none}
.course_btn:focus{outline:none}
.course_btn:focus-visible{box-shadow:0 0 0 3px rgba(76,120,232,.22)}
.course_card:hover .course_btn{border-color:var(--primary);color:var(--white);background:var(--primary)}
.course_card:hover .course_btn img{filter:brightness(0) invert(1)}
@media (max-width:430px){.course_name{font-size:16px}.course_desc{font-size:13.5px}.course_btn{font-size:14px;padding:8px 0}}

@media (max-width:1036px){.sections.additional_courses_page{padding:28px 16px}.ac_title{font-size:26px;margin-bottom:12px}.ac_lead{font-size:15.5px}}
@media (max-width:560px){.search_sort{width:100%}.search input{width:100%}.fancy-select__btn,.select select{min-width:0;width:100%}}
@media (max-width:556px){.course_meta{gap:12px}.meta_item{grid-template-columns:1fr;gap:4px;align-items:flex-start}.meta_item dt{font-size:11.5px;line-height:1.15;letter-spacing:.06em}.meta_item dd{font-size:14px;line-height:1.3}}
@media (max-width:426px){.sections.additional_courses_page{padding:24px 12px}.ac_title{font-size:22px;margin-bottom:10px}.ac_lead{font-size:15px;line-height:1.45;margin-bottom:12px}}
@media (max-width:320px){.sections.additional_courses_page{padding:20px 8px}.ac_title{font-size:19px}.ac_lead{font-size:14px}}

.ac_empty_wrap{margin:14px 0 6px;padding:16px;border:1px solid rgba(84,84,84,.14);border-radius:10px;background:var(--white);box-shadow:0 6px 20px rgba(0,0,0,.06);display:grid;gap:8px;justify-items:start}
.ac_empty_title{color:var(--primary);font:700 18px/1.2 Inter,Arial,sans-serif}
.ac_empty_text{color:var(--secondary);font:600 14.5px/1.45 Inter,Arial,sans-serif}
.ac_empty_btn{margin-top:4px;display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:8px;text-decoration:none;border:1.5px solid var(--primary);color:var(--primary);background:var(--white);font:700 14px/1 Inter,Arial,sans-serif;transition:background .2s,color .2s,border-color .2s,box-shadow .2s}
.ac_empty_btn:hover{background:var(--primary);color:var(--white)}
.ac_empty_btn img{width:16px;height:16px;transition:filter .2s}
.ac_empty_btn:hover img{filter:brightness(0) invert(1)}

@media (hover:none){.course_card:hover{background:var(--white);border-color:#6288ea}.carousel_btn:hover{transform:translateY(-50%)}}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}