/* =========================================================
   BOOKAR ONLINE
   Theme 8 - DEC Technology
   ========================================================= */

:root {
    --bookar-black: #111111;
    --bookar-black-soft: #191919;
    --bookar-white: #ffffff;
    --bookar-bg: #f7f7f5;
    --bookar-text: #171717;
    --bookar-muted: #696969;
    --bookar-border: #e9e9e5;
    --bookar-yellow: #ffca0a;
    --bookar-orange: #ff6a00;
    --bookar-radius: 22px;
}

/* ---------- GLOBAL ---------- */

body {
    background: var(--bookar-bg);
    color: var(--bookar-text);
}

.bookar-home {
    overflow: hidden;
}

.bookar-container {
    width: min(1240px, calc(100% - 40px));
    margin: 0 auto;
}

/* ---------- HERO ---------- */

.bookar-hero {
    position: relative;
    padding: 46px 0 28px;
    background:
        radial-gradient(circle at 80% 20%, rgba(255, 202, 10, .16), transparent 25%),
        radial-gradient(circle at 65% 80%, rgba(255, 106, 0, .12), transparent 24%),
        #f7f7f5;
}

.bookar-hero-grid {
    min-height: 590px;
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(420px, .95fr);
    align-items: center;
    gap: 70px;
}

.bookar-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    margin-bottom: 22px;
    padding: 8px 13px;
    border: 1px solid #e2e2dd;
    border-radius: 999px;
    background: rgba(255,255,255,.72);
    font-size: 12px;
    line-height: 1;
    font-weight: 800;
    letter-spacing: .11em;
    text-transform: uppercase;
    color: #303030;
}

.bookar-eyebrow::before {
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--bookar-yellow);
    box-shadow: 0 0 0 4px rgba(255,202,10,.17);
}

.bookar-hero h1 {
    max-width: 720px;
    margin: 0;
    font-size: clamp(48px, 5.5vw, 78px);
    line-height: .99;
    letter-spacing: -.055em;
    font-weight: 800;
    color: #121212;
}

.bookar-hero h1 .bookar-highlight {
    position: relative;
    display: inline-block;
    z-index: 1;
}

.bookar-hero h1 .bookar-highlight::after {
    content: "";
    position: absolute;
    left: -2%;
    right: -2%;
    bottom: 5px;
    height: 17px;
    border-radius: 20px;
    background: var(--bookar-yellow);
    z-index: -1;
    transform: rotate(-1deg);
}

.bookar-hero-description {
    max-width: 610px;
    margin: 27px 0 0;
    color: var(--bookar-muted);
    font-size: 18px;
    line-height: 1.7;
}

/* ---------- SEARCH ---------- */

.bookar-search {
    position: relative;
    max-width: 620px;
    margin-top: 30px;
}

.bookar-search-inner {
    min-height: 68px;
    display: flex;
    align-items: center;
    padding: 7px 7px 7px 22px;
    border: 1px solid var(--bookar-border);
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 18px 50px rgba(0,0,0,.07);
}

.bookar-search-icon {
    flex: 0 0 auto;
    margin-right: 13px;
    font-size: 20px;
    color: #555;
}

.bookar-search .searchCourse {
    width: 100%;
    height: 50px;
    padding: 0;
    border: 0 !important;
    outline: none !important;
    box-shadow: none !important;
    background: transparent !important;
    color: #191919;
    font-size: 15px;
}

.bookar-search .searchCourse::placeholder {
    color: #969696;
}

.bookar-search-button {
    flex: 0 0 auto;
    height: 52px;
    padding: 0 24px;
    border: 0;
    border-radius: 13px;
    background: var(--bookar-black);
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    transition: .25s ease;
}

.bookar-search-button:hover {
    transform: translateY(-1px);
    background: #292929;
}

/* ---------- ACTIONS ---------- */

.bookar-hero-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 24px;
}

.bookar-btn {
    min-height: 52px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    padding: 0 22px;
    border-radius: 13px;
    font-size: 14px;
    font-weight: 750;
    text-decoration: none !important;
    transition: .25s ease;
}

.bookar-btn-dark {
    background: var(--bookar-black);
    color: #fff !important;
}

.bookar-btn-dark:hover {
    transform: translateY(-2px);
    box-shadow: 0 12px 26px rgba(0,0,0,.16);
}

.bookar-btn-light {
    border: 1px solid #deded9;
    background: #fff;
    color: #171717 !important;
}

.bookar-btn-light:hover {
    border-color: #bdbdb7;
    transform: translateY(-2px);
}

/* ---------- HERO VISUAL ---------- */

.bookar-hero-visual {
    position: relative;
    min-height: 530px;
}

.bookar-hero-card {
    position: absolute;
    inset: 15px 0 15px 25px;
    overflow: hidden;
    border-radius: 36px;
    background: #171717;
    box-shadow: 0 35px 80px rgba(0,0,0,.18);
}

.bookar-hero-card::before {
    content: "";
    position: absolute;
    width: 390px;
    height: 390px;
    right: -100px;
    top: -120px;
    border-radius: 50%;
    background: var(--bookar-yellow);
}

.bookar-hero-card::after {
    content: "";
    position: absolute;
    width: 290px;
    height: 290px;
    left: -110px;
    bottom: -120px;
    border-radius: 50%;
    background: var(--bookar-orange);
    opacity: .9;
}

.bookar-visual-content {
    position: relative;
    z-index: 2;
    height: 100%;
    padding: 50px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.bookar-visual-mark {
    width: 54px;
    height: 54px;
    display: grid;
    place-items: center;
    border-radius: 16px;
    background: var(--bookar-yellow);
    color: #111;
    font-size: 25px;
    font-weight: 900;
}

.bookar-visual-copy {
    max-width: 380px;
}

.bookar-visual-copy small {
    display: block;
    margin-bottom: 13px;
    color: rgba(255,255,255,.56);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .13em;
    text-transform: uppercase;
}

.bookar-visual-copy h2 {
    margin: 0;
    color: #fff;
    font-size: clamp(36px, 4vw, 55px);
    line-height: 1.02;
    letter-spacing: -.045em;
}

.bookar-visual-copy h2 span {
    color: var(--bookar-yellow);
}

.bookar-floating-card {
    position: absolute;
    z-index: 4;
    right: -24px;
    bottom: 70px;
    width: 205px;
    padding: 17px;
    border: 1px solid rgba(255,255,255,.75);
    border-radius: 18px;
    background: rgba(255,255,255,.93);
    box-shadow: 0 22px 55px rgba(0,0,0,.15);
    backdrop-filter: blur(12px);
}

.bookar-floating-card strong {
    display: block;
    color: #161616;
    font-size: 22px;
}

.bookar-floating-card span {
    display: block;
    margin-top: 3px;
    color: #777;
    font-size: 12px;
}

/* ---------- TRUST BAR ---------- */

.bookar-trust {
    padding: 24px 0 55px;
}

.bookar-trust-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    border: 1px solid var(--bookar-border);
    border-radius: 20px;
    background: #fff;
    box-shadow: 0 12px 40px rgba(0,0,0,.035);
}

.bookar-trust-item {
    min-height: 92px;
    padding: 20px 24px;
    display: flex;
    align-items: center;
    gap: 14px;
    border-right: 1px solid var(--bookar-border);
}

.bookar-trust-item:last-child {
    border-right: 0;
}

.bookar-trust-icon {
    width: 42px;
    height: 42px;
    flex: 0 0 42px;
    display: grid;
    place-items: center;
    border-radius: 12px;
    background: #fff6d0;
    color: #171717;
    font-size: 18px;
}

.bookar-trust-item strong {
    display: block;
    color: #1b1b1b;
    font-size: 14px;
}

.bookar-trust-item span {
    display: block;
    margin-top: 3px;
    color: #888;
    font-size: 12px;
}

/* ---------- RESPONSIVE ---------- */

@media (max-width: 1100px) {
    .bookar-hero-grid {
        grid-template-columns: 1fr 1fr;
        gap: 35px;
    }

    .bookar-visual-content {
        padding: 38px;
    }

    .bookar-floating-card {
        right: 12px;
    }
}

@media (max-width: 900px) {
    .bookar-hero {
        padding-top: 25px;
    }

    .bookar-hero-grid {
        grid-template-columns: 1fr;
        padding-bottom: 30px;
    }

    .bookar-hero-content {
        padding-top: 35px;
    }

    .bookar-hero-visual {
        min-height: 440px;
    }

    .bookar-hero-card {
        left: 0;
    }

    .bookar-trust-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .bookar-trust-item:nth-child(2) {
        border-right: 0;
    }

    .bookar-trust-item:nth-child(-n+2) {
        border-bottom: 1px solid var(--bookar-border);
    }
}

@media (max-width: 575px) {
    .bookar-container {
        width: min(100% - 28px, 1240px);
    }

    .bookar-hero h1 {
        font-size: 44px;
    }

    .bookar-hero-description {
        font-size: 16px;
    }

    .bookar-search-inner {
        padding-left: 16px;
    }

    .bookar-search-button {
        padding: 0 15px;
    }

    .bookar-hero-visual {
        min-height: 390px;
    }

    .bookar-hero-card {
        inset: 0;
        border-radius: 25px;
    }

    .bookar-visual-content {
        padding: 30px;
    }

    .bookar-floating-card {
        right: 14px;
        bottom: 25px;
        width: 175px;
    }

    .bookar-trust-grid {
        grid-template-columns: 1fr;
    }

    .bookar-trust-item,
    .bookar-trust-item:nth-child(2) {
        border-right: 0;
        border-bottom: 1px solid var(--bookar-border);
    }

    .bookar-trust-item:last-child {
        border-bottom: 0;
    }
}


/* =========================================================
   BOOKAR NAVBAR
   ========================================================= */

.bookar-navbar-wrapper {
    position: relative;
    z-index: 999;
    width: 100%;
    background: rgba(255,255,255,.96);
    border-bottom: 1px solid #ecece7;
    backdrop-filter: blur(18px);
}

.bookar-nav-container {
    width: min(1320px, calc(100% - 40px));
    min-height: 82px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    gap: 34px;
}

.bookar-brand {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
}

.bookar-brand img {
    display: block;
    max-width: 145px;
    max-height: 46px;
}

.bookar-main-nav {
    display: flex;
    align-items: center;
    gap: 28px;
    margin-left: 15px;
}

.bookar-main-nav a {
    position: relative;
    color: #303030;
    font-size: 14px;
    font-weight: 650;
    text-decoration: none !important;
    transition: .2s ease;
}

.bookar-main-nav a:hover,
.bookar-main-nav a.active {
    color: #111;
}

.bookar-main-nav a.active::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -9px;
    height: 3px;
    border-radius: 999px;
    background: #ffca0a;
}

.bookar-nav-actions {
    margin-left: auto;
    display: flex;
    align-items: center;
    gap: 11px;
}

.bookar-nav-search {
    position: relative;
    width: 230px;
    height: 44px;
    display: flex;
    align-items: center;
    gap: 9px;
    padding: 0 13px;
    border: 1px solid #e7e7e3;
    border-radius: 12px;
    background: #f8f8f6;
}

.bookar-nav-search > .iconify {
    flex: 0 0 auto;
    font-size: 18px;
    color: #777;
}

.bookar-nav-search input {
    width: 100%;
    height: 40px;
    padding: 0 !important;
    margin: 0;
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
    font-size: 13px;
}

.bookar-country {
    height: 44px;
    display: flex;
    align-items: center;
    gap: 5px;
    padding: 0 10px;
    border-radius: 11px;
    background: #f5f5f2;
    color: #202020;
    font-size: 12px;
    font-weight: 800;
}

.bookar-login-btn,
.bookar-register-btn {
    min-height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 17px;
    border-radius: 11px;
    font-size: 13px;
    font-weight: 750;
    text-decoration: none !important;
}

.bookar-login-btn {
    color: #181818 !important;
}

.bookar-register-btn {
    padding-left: 19px;
    padding-right: 19px;
    background: #111;
    color: #fff !important;
}

.bookar-register-btn:hover {
    background: #292929;
    transform: translateY(-1px);
}

.bookar-icon-btn {
    position: relative;
    width: 44px;
    height: 44px;
    display: grid;
    place-items: center;
    border: 1px solid #e9e9e5;
    border-radius: 12px;
    background: #fff;
    color: #171717 !important;
    font-size: 20px;
}

.bookar-cart-count {
    position: absolute;
    right: -5px;
    top: -5px;
    min-width: 18px;
    height: 18px;
    padding: 0 5px;
    display: grid;
    place-items: center;
    border: 2px solid #fff;
    border-radius: 999px;
    background: #ffca0a;
    color: #111;
    font-size: 9px;
    font-weight: 900;
}

.bookar-user-button {
    border: 0;
    display: flex;
    align-items: center;
    gap: 9px;
    padding: 5px 8px 5px 5px;
    background: transparent;
    border-radius: 14px;
}

.bookar-user-button::after {
    display: none !important;
}

.bookar-user-avatar {
    width: 40px;
    height: 40px;
    overflow: hidden;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: #111;
    color: #fff;
    font-size: 14px;
    font-weight: 800;
}

.bookar-user-avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.bookar-user-info {
    line-height: 1.15;
    text-align: left;
}

.bookar-user-info small {
    display: block;
    color: #999;
    font-size: 9px;
}

.bookar-user-info strong {
    display: block;
    margin-top: 2px;
    color: #161616;
    font-size: 12px;
}

.bookar-profile-menu {
    min-width: 230px;
    margin-top: 12px !important;
    padding: 9px;
    border: 1px solid #ededeb;
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 22px 60px rgba(0,0,0,.12);
}

.bookar-profile-menu .dropdown-item {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 11px 12px;
    border-radius: 10px;
    color: #333;
    font-size: 13px;
}

.bookar-profile-menu .dropdown-item:hover {
    background: #f5f5f2;
}

.bookar-profile-menu .iconify {
    font-size: 17px;
}

.bookar-profile-menu .bookar-logout {
    color: #d43b3b;
}

.bookar-mobile-toggle {
    display: none;
    width: 44px;
    height: 44px;
    padding: 10px;
    border: 1px solid #e8e8e4;
    border-radius: 12px;
    background: #fff;
}

.bookar-mobile-toggle span {
    display: block;
    width: 100%;
    height: 2px;
    margin: 4px 0;
    border-radius: 999px;
    background: #171717;
}

@media (max-width: 1180px) {
    .bookar-main-nav {
        gap: 18px;
    }

    .bookar-nav-search {
        width: 185px;
    }
}

@media (max-width: 1050px) {
    .bookar-main-nav,
    .bookar-nav-search {
        display: none;
    }

    .bookar-mobile-toggle {
        display: block;
    }
}

@media (max-width: 650px) {
    .bookar-nav-container {
        width: calc(100% - 24px);
        min-height: 72px;
    }

    .bookar-country,
    .bookar-user-info,
    .bookar-login-btn {
        display: none;
    }

    .bookar-brand img {
        max-width: 120px;
    }

    .bookar-register-btn {
        min-height: 40px;
        padding: 0 13px;
        font-size: 12px;
    }
}

/* =========================================================
   BOOKAR NAVBAR V2
   ========================================================= */

.bk-header {
    position: relative;
    z-index: 999;
    width: 100%;
    background: rgba(255,255,255,.96);
    border-bottom: 1px solid rgba(17,17,17,.07);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
}

.bk-nav {
    width: min(1380px, calc(100% - 48px));
    min-height: 82px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    gap: 38px;
}

/* LOGO */

.bk-brand {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    gap: 10px;
    text-decoration: none !important;
}

.bk-brand-symbol {
    width: 40px;
    height: 40px;
    display: grid;
    place-items: center;
    border-radius: 12px;
    background: #ffca0a;
    color: #111;
    font-size: 20px;
    font-weight: 900;
}

.bk-brand-copy {
    display: flex;
    flex-direction: column;
    line-height: 1;
}

.bk-brand-copy strong {
    color: #111;
    font-size: 22px;
    font-weight: 850;
    letter-spacing: -.04em;
}

.bk-brand-copy small {
    margin-top: 5px;
    color: #777;
    font-size: 7px;
    font-weight: 800;
    letter-spacing: .15em;
}

/* MENU */

.bk-navigation {
    display: flex;
    align-items: center;
    gap: 25px;
}

.bk-navigation a {
    position: relative;
    color: #434343 !important;
    font-size: 13px;
    font-weight: 650;
    text-decoration: none !important;
    white-space: nowrap;
}

.bk-navigation a:hover,
.bk-navigation a.active {
    color: #111 !important;
}

.bk-navigation a.active::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -12px;
    height: 3px;
    border-radius: 999px;
    background: #ffca0a;
}

/* LADO DIREITO */

.bk-nav-right {
    margin-left: auto;
    display: flex;
    align-items: center;
    gap: 10px;
}

/* BUSCA */

.bk-nav-search {
    position: relative;
    width: 205px;
    height: 44px;
    margin: 0;
    display: flex;
    align-items: center;
    gap: 9px;
    padding: 0 13px;
    border: 1px solid #e8e8e4;
    border-radius: 12px;
    background: #f7f7f5;
}

.bk-nav-search > .iconify {
    flex: 0 0 auto;
    color: #707070;
    font-size: 17px;
}

.bk-nav-search input {
    width: 100%;
    height: 40px;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    outline: none !important;
    box-shadow: none !important;
    background: transparent !important;
    color: #181818;
    font-size: 12px;
}

.bk-nav-search input::placeholder {
    color: #999;
}

.bk-nav-search .search-bar-suggestion-box {
    position: absolute;
    top: calc(100% + 9px);
    left: 0;
    right: 0;
    z-index: 1100;
    background: #fff;
}

/* AO */

.bk-location {
    height: 44px;
    display: flex;
    align-items: center;
    gap: 5px;
    padding: 0 11px;
    border-radius: 12px;
    background: #f5f5f2;
    color: #191919;
    font-size: 11px;
    font-weight: 800;
}

.bk-flag {
    font-size: 16px;
}

/* LOGIN */

.bk-login,
.bk-register {
    height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 17px;
    border-radius: 12px;
    font-size: 12px;
    font-weight: 750;
    text-decoration: none !important;
    white-space: nowrap;
}

.bk-login {
    color: #181818 !important;
}

.bk-login:hover {
    background: #f4f4f1;
}

.bk-register {
    padding-left: 20px;
    padding-right: 20px;
    background: #111;
    color: #fff !important;
}

.bk-register:hover {
    background: #292929;
    color: #fff !important;
}

/* CARRINHO */

.bk-round-action {
    position: relative;
    width: 44px;
    height: 44px;
    display: grid;
    place-items: center;
    border: 1px solid #e8e8e4;
    border-radius: 12px;
    background: #fff;
    color: #181818 !important;
    font-size: 19px;
}

.bk-cart-count {
    position: absolute;
    top: -5px;
    right: -5px;
    min-width: 18px;
    height: 18px;
    padding: 0 4px;
    display: grid;
    place-items: center;
    border: 2px solid #fff;
    border-radius: 999px;
    background: #ffca0a;
    color: #111;
    font-size: 9px;
    font-weight: 900;
}

/* UTILIZADOR */

.bk-user {
    position: relative;
}

.bk-user-button {
    display: flex;
    align-items: center;
    gap: 9px;
    padding: 4px 7px 4px 4px;
    border: 0 !important;
    border-radius: 14px;
    background: transparent !important;
}

.bk-user-button::after {
    display: none !important;
}

.bk-user-avatar {
    width: 40px;
    height: 40px;
    flex: 0 0 40px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: #111;
    color: #fff;
    font-size: 14px;
    font-weight: 850;
}

.bk-user-copy {
    display: flex;
    flex-direction: column;
    text-align: left;
    line-height: 1.1;
}

.bk-user-copy small {
    color: #999;
    font-size: 8px;
}

.bk-user-copy strong {
    max-width: 100px;
    margin-top: 3px;
    overflow: hidden;
    color: #181818;
    font-size: 11px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.bk-chevron {
    color: #777;
    font-size: 14px;
}

/* DROPDOWN */

.bk-user-menu {
    min-width: 235px;
    margin-top: 12px !important;
    padding: 9px;
    border: 1px solid #ecece8;
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 22px 60px rgba(0,0,0,.14);
}

.bk-menu-label {
    padding: 8px 11px 6px;
    color: #aaa;
    font-size: 9px;
    font-weight: 800;
    letter-spacing: .1em;
    text-transform: uppercase;
}

.bk-user-menu .dropdown-item {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 11px;
    border-radius: 10px;
    color: #333;
    font-size: 12px;
}

.bk-user-menu .dropdown-item:hover {
    background: #f5f5f2;
    color: #111;
}

.bk-user-menu .dropdown-item .iconify {
    font-size: 16px;
}

.bk-user-menu .dropdown-divider {
    margin: 6px 4px;
    border-color: #eeeeea;
}

.bk-user-menu .bk-logout {
    color: #d33f3f;
}

/* MOBILE */

.bk-mobile-button {
    display: none;
    width: 43px;
    height: 43px;
    border: 1px solid #e8e8e4;
    border-radius: 11px;
    background: #fff;
    color: #111;
    font-size: 21px;
}

.bk-mobile-nav {
    padding: 10px 22px 22px;
    border-top: 1px solid #eee;
    background: #fff;
}

.bk-mobile-nav > a {
    display: block;
    padding: 11px 4px;
    color: #222 !important;
    font-size: 14px;
    font-weight: 650;
    text-decoration: none !important;
}

.bk-mobile-auth {
    display: flex;
    gap: 10px;
    margin-top: 12px;
}

.bk-mobile-auth a {
    flex: 1;
    padding: 12px;
    border-radius: 10px;
    background: #f4f4f1;
    color: #111 !important;
    text-align: center;
    text-decoration: none !important;
    font-size: 12px;
    font-weight: 750;
}

.bk-mobile-auth a:last-child {
    background: #111;
    color: #fff !important;
}

/* RESPONSIVO */

@media (max-width: 1260px) {
    .bk-nav {
        gap: 25px;
    }

    .bk-navigation {
        gap: 17px;
    }

    .bk-nav-search {
        width: 170px;
    }

    .bk-brand-copy small {
        display: none;
    }
}

@media (max-width: 1080px) {
    .bk-navigation {
        display: none;
    }

    .bk-nav-search {
        width: 210px;
    }

    .bk-mobile-button {
        display: grid;
        place-items: center;
    }
}

@media (max-width: 720px) {
    .bk-nav {
        width: calc(100% - 24px);
        min-height: 72px;
        gap: 10px;
    }

    .bk-nav-search,
    .bk-location,
    .bk-user-copy,
    .bk-login {
        display: none;
    }

    .bk-brand-symbol {
        width: 36px;
        height: 36px;
    }

    .bk-brand-copy strong {
        font-size: 20px;
    }

    .bk-register {
        height: 40px;
        padding: 0 12px;
        font-size: 11px;
    }
}


/* =========================================================
   BOOKAR - HEADER FIXO
   ========================================================= */

.bk-header {
    position: sticky !important;
    top: 0;
    z-index: 9999;
    width: 100%;
    background: rgba(255,255,255,.96);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
    box-shadow: 0 8px 30px rgba(0,0,0,.05);
}


/* =========================================================
   BOOKAR - HEADER FIXO DEFINITIVO
   ========================================================= */

.bk-header {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    z-index: 999999 !important;
    background: rgba(255,255,255,.97) !important;
    border-bottom: 1px solid rgba(17,17,17,.07);
    box-shadow: 0 8px 30px rgba(0,0,0,.06);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
}

/* Reserva o espaço ocupado pelo header */
body {
    padding-top: 82px;
}

@media (max-width: 720px) {
    body {
        padding-top: 72px;
    }
}


/* =========================================================
   BOOKAR - MOBILE MENU OVERLAY
   ========================================================= */

@media (max-width: 1080px) {

    .bk-header {
        overflow: visible !important;
    }

    .bk-mobile-nav {
        position: fixed !important;
        top: 72px !important;
        left: 12px !important;
        right: 12px !important;
        z-index: 999998 !important;

        max-height: calc(100vh - 92px);
        overflow-y: auto;

        padding: 14px 16px 18px !important;

        border: 1px solid #e9e9e5 !important;
        border-radius: 18px !important;

        background: rgba(255,255,255,.98) !important;

        box-shadow:
            0 24px 70px rgba(0,0,0,.16),
            0 4px 16px rgba(0,0,0,.05);

        backdrop-filter: blur(18px);
        -webkit-backdrop-filter: blur(18px);
    }

    .bk-mobile-nav > a {
        display: flex !important;
        align-items: center;

        min-height: 48px;

        padding: 0 12px !important;

        border-radius: 11px;

        color: #222 !important;
        font-size: 14px;
        font-weight: 700;
    }

    .bk-mobile-nav > a:hover {
        background: #f6f6f3;
    }

    .bk-mobile-auth {
        margin-top: 10px !important;
        padding-top: 12px;

        border-top: 1px solid #eeeeea;
    }

    .bk-mobile-auth a {
        min-height: 46px;

        display: flex;
        align-items: center;
        justify-content: center;

        border-radius: 12px !important;
    }

    .bk-mobile-auth a:first-child {
        background: #f5f5f2 !important;
        color: #111 !important;
    }

    .bk-mobile-auth a:last-child {
        background: #111 !important;
        color: #fff !important;
    }
}

/* celular menor */
@media (max-width: 720px) {

    .bk-mobile-nav {
        top: 72px !important;
        left: 8px !important;
        right: 8px !important;

        border-radius: 16px !important;
    }
}


/* =========================================================
   BOOKAR MOBILE APP EXPERIENCE
   BLOCO 1 - BASE / OVERLAY / DRAWER
   ========================================================= */

.bk-drawer,
.bk-drawer-overlay,
.bk-bottom-nav {
    display: none;
}

@media (max-width: 1080px) {

    #bookarMobileNav {
        display: none !important;
    }

    html.bk-drawer-open,
    body.bk-drawer-open {
        overflow: hidden !important;
    }

    .bk-drawer-overlay {
        display: block;
        position: fixed;
        inset: 0;
        z-index: 9999996;
        visibility: hidden;
        opacity: 0;
        background: rgba(10,10,10,.50);
        backdrop-filter: blur(3px);
        -webkit-backdrop-filter: blur(3px);
        transition:
            opacity .28s ease,
            visibility .28s ease;
    }

    .bk-drawer-overlay.is-open {
        visibility: visible;
        opacity: 1;
    }

    .bk-drawer {
        display: flex;
        flex-direction: column;

        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;

        z-index: 9999997;

        width: min(86vw, 390px);
        height: 100dvh;

        background: #fff;

        box-shadow: -30px 0 80px rgba(0,0,0,.20);

        transform: translateX(105%);
        transition: transform .34s cubic-bezier(.22,.8,.24,1);

        border-radius: 24px 0 0 24px;

        overflow: hidden;
    }

    .bk-drawer.is-open {
        transform: translateX(0);
    }

}


@media (max-width: 1080px) {

    .bk-drawer-top {
        min-height: 92px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 15px;
        padding: 20px 20px 16px;
        border-bottom: 1px solid #efefeb;
    }

    .bk-drawer-user,
    .bk-drawer-brand {
        min-width: 0;
        display: flex;
        align-items: center;
        gap: 12px;
    }

    .bk-drawer-avatar,
    .bk-drawer-brand-icon {
        width: 48px;
        height: 48px;
        flex: 0 0 48px;
        display: grid;
        place-items: center;
        border-radius: 50%;
        background: #ffca0a;
        color: #111;
        font-size: 17px;
        font-weight: 900;
    }

    .bk-drawer-brand-icon {
        border-radius: 14px;
        font-size: 20px;
    }

    .bk-drawer-user > div:last-child,
    .bk-drawer-brand > div {
        min-width: 0;
    }

    .bk-drawer-user strong,
    .bk-drawer-brand strong {
        display: block;
        overflow: hidden;
        color: #171717;
        font-size: 15px;
        font-weight: 800;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .bk-drawer-user span,
    .bk-drawer-brand span {
        display: block;
        margin-top: 3px;
        color: #8b8b8b;
        font-size: 11px;
    }

    .bk-drawer-close {
        width: 42px;
        height: 42px;
        flex: 0 0 42px;
        display: grid;
        place-items: center;
        border: 0;
        border-radius: 12px;
        background: #f6f6f3;
        color: #111;
        font-size: 24px;
    }

    .bk-drawer-scroll {
        flex: 1;
        padding: 14px 16px 20px;
        overflow-y: auto;
        overscroll-behavior: contain;
    }

    .bk-drawer-menu {
        display: flex;
        flex-direction: column;
        gap: 4px;
    }

    .bk-drawer-menu a {
        min-height: 52px;
        display: flex;
        align-items: center;
        gap: 14px;
        padding: 0 14px;
        border-radius: 14px;
        color: #272727 !important;
        font-size: 14px;
        font-weight: 650;
        text-decoration: none !important;
        transition:
            background .2s ease,
            transform .2s ease;
    }

    .bk-drawer-menu a .iconify {
        width: 22px;
        height: 22px;
        flex: 0 0 22px;
        color: #222;
    }

    .bk-drawer-menu a.active {
        background: linear-gradient(
            90deg,
            rgba(255,202,10,.26),
            rgba(255,202,10,.08)
        );
        color: #111 !important;
    }

    .bk-drawer-menu a:active {
        transform: scale(.98);
    }

    .bk-drawer-divider {
        height: 1px;
        margin: 13px 8px;
        background: #ededeb;
    }

    .bk-drawer-menu .bk-drawer-logout {
        color: #d43e3e !important;
    }

    .bk-drawer-menu .bk-drawer-logout .iconify {
        color: #d43e3e;
    }

    .bk-drawer-footer {
        margin: 0 16px 6px;
        min-height: 68px;
        display: flex;
        align-items: center;
        gap: 11px;
        padding: 10px 12px;
        border: 1px solid #e9e9e5;
        border-radius: 15px;
        background: #fafaf8;
    }

    .bk-drawer-footer-logo {
        width: 38px;
        height: 38px;
        flex: 0 0 38px;
        display: grid;
        place-items: center;
        border-radius: 11px;
        background: #ffca0a;
        color: #111;
        font-size: 16px;
        font-weight: 900;
    }

    .bk-drawer-footer > div:nth-child(2) {
        flex: 1;
    }

    .bk-drawer-footer strong {
        display: block;
        color: #161616;
        font-size: 14px;
        font-weight: 800;
    }

    .bk-drawer-footer span {
        display: block;
        margin-top: 2px;
        color: #888;
        font-size: 9px;
    }

    .bk-drawer-footer .bk-drawer-angola {
        margin: 0;
        font-size: 18px;
    }

    .bk-drawer-origin {
        padding: 5px 16px 17px;
        color: #999;
        font-size: 10px;
        text-align: center;
    }

}


@media (max-width: 1080px) {

    .bk-bottom-nav {
        position: fixed;
        left: 10px;
        right: 10px;
        bottom: 9px;
        z-index: 9999995;

        min-height: 68px;

        display: grid;
        grid-template-columns: repeat(5, 1fr);
        align-items: center;

        padding:
            5px 4px
            calc(5px + env(safe-area-inset-bottom));

        border: 1px solid rgba(220,220,215,.92);
        border-radius: 21px;

        background: rgba(255,255,255,.94);

        box-shadow: 0 12px 45px rgba(0,0,0,.14);

        backdrop-filter: blur(20px);
        -webkit-backdrop-filter: blur(20px);
    }

    .bk-bottom-nav > a {
        position: relative;
        min-width: 0;

        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;

        gap: 3px;

        color: #6e7480 !important;

        font-size: 9px;
        font-weight: 650;

        text-decoration: none !important;
    }

    .bk-bottom-icon {
        position: relative;

        width: 36px;
        height: 34px;

        display: grid;
        place-items: center;

        border-radius: 11px;

        font-size: 21px;
    }

    .bk-bottom-nav > a.active {
        color: #171717 !important;
        font-weight: 800;
    }

    .bk-bottom-nav > a.active .bk-bottom-icon {
        background: #ffca0a;
        color: #111;
    }

    .bk-bottom-nav > a.active::after {
        content: "";

        position: absolute;
        left: 50%;
        bottom: -1px;

        width: 24px;
        height: 3px;

        border-radius: 999px;

        background: #ffca0a;

        transform: translateX(-50%);
    }

    .bk-bottom-badge {
        position: absolute;

        top: -4px;
        right: -4px;

        min-width: 16px;
        height: 16px;

        display: grid;
        place-items: center;

        padding: 0 3px;

        border: 2px solid #fff;
        border-radius: 999px;

        background: #111;
        color: #fff;

        font-size: 8px;
        font-weight: 900;
    }

    body {
        padding-bottom: 92px;
    }

}

@media (max-width: 480px) {

    .bk-drawer {
        width: 87vw;
    }

    .bk-bottom-nav {
        left: 7px;
        right: 7px;
        bottom: 7px;

        min-height: 65px;

        border-radius: 19px;
    }

    .bk-bottom-nav > a {
        font-size: 8px;
    }

    .bk-bottom-icon {
        width: 34px;
        height: 32px;
        font-size: 20px;
    }

}


/* =========================================================
   BOOKAR - COOKIE CONSENT MOBILE
   Mantém o componente nativo do LMSZAI
   ========================================================= */

@media (max-width: 1080px) {

    .cookie-consent {
        position: fixed !important;

        left: 12px !important;
        right: 12px !important;

        /*
         * Bottom nav ocupa aproximadamente 80px.
         * Cookie fica logo acima dela.
         */
        bottom: 92px !important;

        z-index: 9999994 !important;

        width: auto !important;
        max-width: none !important;

        margin: 0 !important;
        padding: 0 !important;

        border: 1px solid rgba(17,17,17,.08) !important;
        border-radius: 18px !important;

        background: rgba(255,255,255,.97) !important;

        box-shadow: 0 12px 40px rgba(0,0,0,.13) !important;

        backdrop-filter: blur(18px);
        -webkit-backdrop-filter: blur(18px);

        overflow: hidden;
    }

    .cookie-consent .main-cookie-content {
        min-height: 72px;

        display: flex !important;
        align-items: center !important;

        gap: 12px;

        padding: 12px 14px !important;
    }

    .cookie-consent__message {
        flex: 1;

        margin: 0 !important;

        color: #4f5560 !important;

        font-size: 11px !important;
        line-height: 1.45 !important;
    }

    .cookie-consent .allow-button,
    .cookie-consent .cookie-consent__agree {
        flex: 0 0 auto;

        min-height: 42px;

        margin: 0 !important;
        padding: 0 16px !important;

        border: 0 !important;
        border-radius: 12px !important;

        background: #111111 !important;
        color: #ffffff !important;

        font-size: 11px !important;
        font-weight: 800 !important;

        white-space: nowrap;

        box-shadow: none !important;
    }

    .cookie-consent .btn-close,
    .cookie-consent .close {
        position: absolute !important;

        top: 5px !important;
        right: 5px !important;

        z-index: 2;

        transform: scale(.70);
    }
}


/* Celulares pequenos */
@media (max-width: 480px) {

    .cookie-consent {
        left: 8px !important;
        right: 8px !important;
        bottom: 86px !important;

        border-radius: 16px !important;
    }

    .cookie-consent .main-cookie-content {
        min-height: 66px;

        gap: 9px;

        padding: 10px 12px !important;
    }

    .cookie-consent__message {
        font-size: 10px !important;
        line-height: 1.35 !important;
    }

    .cookie-consent .allow-button,
    .cookie-consent .cookie-consent__agree {
        min-height: 38px;

        padding: 0 12px !important;

        border-radius: 10px !important;

        font-size: 10px !important;
    }
}


/* =========================================================
   BOOKAR - COOKIE MOBILE COMPACTO V2
   ========================================================= */

@media (max-width: 1080px) {

    .cookie-consent {
        left: 10px !important;
        right: 10px !important;
        bottom: 88px !important;

        min-height: 0 !important;
        height: auto !important;

        border-radius: 18px !important;
    }

    .cookie-consent .main-cookie-content {
        min-height: 76px !important;
        height: auto !important;

        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: space-between !important;

        gap: 14px !important;

        padding: 13px 14px !important;
    }

    .cookie-consent__message {
        flex: 1 1 auto !important;

        max-width: none !important;

        margin: 0 !important;
        padding: 0 !important;

        font-size: 10px !important;
        line-height: 1.45 !important;
    }

    .cookie-consent .allow-button,
    .cookie-consent .cookie-consent__agree {
        flex: 0 0 auto !important;

        min-width: 112px !important;
        min-height: 42px !important;

        padding: 0 14px !important;

        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;

        border-radius: 12px !important;

        background: #111 !important;
        color: #fff !important;

        font-size: 10px !important;
        font-weight: 800 !important;

        white-space: nowrap !important;
    }

    .cookie-consent .btn-close,
    .cookie-consent .close {
        top: 3px !important;
        right: 3px !important;
    }
}


@media (max-width: 390px) {

    .cookie-consent .main-cookie-content {
        min-height: 72px !important;
        gap: 8px !important;
        padding: 11px 10px !important;
    }

    .cookie-consent__message {
        font-size: 9px !important;
    }

    .cookie-consent .allow-button,
    .cookie-consent .cookie-consent__agree {
        min-width: 100px !important;
        min-height: 38px !important;

        padding: 0 10px !important;

        font-size: 9px !important;
    }
}


/* =========================================================
   BOOKAR - CATEGORY EXPERIENCE
   ========================================================= */

.bk-category-section {
    padding: 92px 0;
    background: #fff;
}

.bk-section-container {
    width: min(1240px, calc(100% - 48px));
    margin: 0 auto;
}

.bk-section-head {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 40px;
    margin-bottom: 34px;
}

.bk-section-head > div {
    max-width: 660px;
}

.bk-section-kicker {
    display: inline-block;
    margin-bottom: 10px;
    color: #9d7800;
    font-size: 10px;
    font-weight: 900;
    letter-spacing: .13em;
}

.bk-section-head h2 {
    margin: 0;
    color: #111;
    font-size: clamp(34px, 4vw, 52px);
    font-weight: 900;
    line-height: 1;
    letter-spacing: -.045em;
}

.bk-section-head p {
    max-width: 620px;
    margin: 15px 0 0;
    color: #747474;
    font-size: 14px;
    line-height: 1.65;
}

.bk-section-link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    flex: 0 0 auto;
    padding: 12px 16px;
    border: 1px solid #e8e8e4;
    border-radius: 12px;
    background: #fff;
    color: #161616 !important;
    font-size: 12px;
    font-weight: 800;
    text-decoration: none !important;
    transition: .2s ease;
}

.bk-section-link:hover {
    border-color: #111;
    transform: translateY(-1px);
}

.bk-category-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 14px;
}

.bk-category-card {
    position: relative;
    min-height: 150px;
    padding: 20px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    border: 1px solid #ecece8;
    border-radius: 20px;
    background: #fafaf8;
    color: #111 !important;
    text-decoration: none !important;
    overflow: hidden;
    transition:
        transform .22s ease,
        box-shadow .22s ease,
        border-color .22s ease;
}

.bk-category-card::after {
    content: "";
    position: absolute;
    width: 92px;
    height: 92px;
    right: -38px;
    bottom: -38px;
    border-radius: 50%;
    background: rgba(255,200,0,.13);
    transition: .25s ease;
}

.bk-category-card:hover {
    transform: translateY(-4px);
    border-color: rgba(255,200,0,.75);
    box-shadow: 0 18px 45px rgba(0,0,0,.08);
}

.bk-category-card:hover::after {
    transform: scale(1.35);
}

.bk-category-icon {
    width: 44px;
    height: 44px;
    display: grid;
    place-items: center;
    border-radius: 13px;
    background: #ffc800;
    color: #111;
    font-size: 21px;
}

.bk-category-content {
    position: relative;
    z-index: 2;
}

.bk-category-content strong {
    display: block;
    margin-top: 20px;
    color: #181818;
    font-size: 15px;
    font-weight: 850;
}

.bk-category-content span {
    display: block;
    margin-top: 3px;
    color: #8a8a8a;
    font-size: 10px;
}

.bk-category-arrow {
    position: absolute;
    top: 20px;
    right: 20px;
    color: #777;
    font-size: 18px;
}

@media (max-width: 1000px) {

    .bk-category-grid {
        grid-template-columns: repeat(2, 1fr);
    }

}

@media (max-width: 650px) {

    .bk-category-section {
        padding: 58px 0;
    }

    .bk-section-container {
        width: calc(100% - 24px);
    }

    .bk-section-head {
        align-items: flex-start;
        flex-direction: column;
        gap: 18px;
        margin-bottom: 24px;
    }

    .bk-section-head h2 {
        font-size: 34px;
    }

    .bk-section-head p {
        font-size: 12px;
    }

    .bk-section-link {
        padding: 10px 13px;
    }

    .bk-category-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 10px;
    }

    .bk-category-card {
        min-height: 135px;
        padding: 15px;
        border-radius: 17px;
    }

    .bk-category-icon {
        width: 39px;
        height: 39px;
        border-radius: 11px;
        font-size: 18px;
    }

    .bk-category-arrow {
        top: 15px;
        right: 15px;
    }

    .bk-category-content strong {
        margin-top: 15px;
        font-size: 13px;
    }

    .bk-category-content span {
        font-size: 9px;
    }

}



/* =========================================================
   BOOKAR FEATURED COURSES PREMIUM
   ========================================================= */

.bk-featured-courses {
    position: relative;
    overflow: hidden;
    padding: 104px 0 110px;
    background:
        radial-gradient(circle at 90% 5%, rgba(255, 200, 0, .11), transparent 28%),
        linear-gradient(180deg, #ffffff 0%, #fafafa 100%);
}

.bk-featured-courses::before {
    content: "";
    position: absolute;
    width: 320px;
    height: 320px;
    left: -180px;
    top: 180px;
    border: 1px solid rgba(20, 20, 20, .05);
    border-radius: 50%;
    pointer-events: none;
}

.bk-featured-head {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 40px;
    margin-bottom: 42px;
}

.bk-featured-copy {
    max-width: 680px;
}

.bk-section-kicker {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    margin-bottom: 16px;
    font-size: 11px;
    line-height: 1;
    font-weight: 800;
    letter-spacing: .15em;
    color: #6c6c6c;
}

.bk-section-kicker-dot {
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: #ffc800;
    box-shadow: 0 0 0 5px rgba(255, 200, 0, .13);
}

.bk-featured-copy h2 {
    margin: 0;
    color: #111;
    font-size: clamp(34px, 4vw, 55px);
    line-height: 1.02;
    letter-spacing: -.045em;
    font-weight: 850;
}

.bk-featured-copy h2 span {
    position: relative;
    white-space: nowrap;
}

.bk-featured-copy h2 span::after {
    content: "";
    position: absolute;
    left: 2px;
    right: 0;
    bottom: 2px;
    height: 8px;
    z-index: -1;
    border-radius: 20px;
    background: #ffc800;
    opacity: .75;
}

.bk-featured-copy p {
    max-width: 630px;
    margin: 18px 0 0;
    color: #727272;
    font-size: 15px;
    line-height: 1.75;
}

.bk-featured-view-all {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 13px;
    min-height: 52px;
    padding: 0 22px;
    border: 1px solid #dedede;
    border-radius: 16px;
    background: #fff;
    color: #111 !important;
    font-size: 13px;
    font-weight: 750;
    text-decoration: none !important;
    box-shadow: 0 10px 28px rgba(0, 0, 0, .045);
    transition: .25s ease;
}

.bk-featured-view-all i {
    font-size: 11px;
    transition: transform .25s ease;
}

.bk-featured-view-all:hover {
    border-color: #111;
    background: #111;
    color: #fff !important;
    transform: translateY(-2px);
}

.bk-featured-view-all:hover i {
    transform: translateX(3px);
}

.bk-featured-grid {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 22px;
}

/* CARD NATIVO LMSZAI DENTRO DA BOOKAR */

.bk-featured-card {
    min-width: 0;
}

.bk-featured-card .course-item {
    height: 100%;
    overflow: hidden;
    margin: 0 !important;
    border: 1px solid #ececec !important;
    border-radius: 22px !important;
    background: #fff !important;
    box-shadow: 0 15px 45px rgba(0, 0, 0, .055);
    transition:
        transform .3s ease,
        box-shadow .3s ease,
        border-color .3s ease;
}

.bk-featured-card .course-item:hover {
    transform: translateY(-7px);
    border-color: #dedede !important;
    box-shadow: 0 26px 60px rgba(0, 0, 0, .095);
}

.bk-featured-card .course-img-wrap {
    position: relative;
    height: 205px;
    max-height: none !important;
    margin: 0;
    overflow: hidden;
    background: #efefef;
}

.bk-featured-card .course-img-wrap > a {
    display: block;
    width: 100%;
    height: 100%;
}

.bk-featured-card .course-img-wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .5s ease;
}

.bk-featured-card .course-item:hover .course-img-wrap img {
    transform: scale(1.045);
}

.bk-featured-card .course-tag {
    z-index: 3;
    top: 14px !important;
    left: 14px !important;
    right: auto !important;
    padding: 7px 10px !important;
    border: 0 !important;
    border-radius: 9px !important;
    background: rgba(17, 17, 17, .91) !important;
    color: #fff !important;
    backdrop-filter: blur(7px);
    font-size: 9px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    letter-spacing: .04em;
}

.bk-featured-card .card-body {
    display: flex;
    flex-direction: column;
    padding: 20px 20px 19px !important;
}

.bk-featured-card .course-title {
    min-height: 50px;
    margin: 0 0 8px !important;
    font-size: 17px !important;
    line-height: 1.45 !important;
    font-weight: 780 !important;
}

.bk-featured-card .course-title a {
    color: #151515 !important;
    text-decoration: none !important;
}

.bk-featured-card .course-title a:hover {
    color: #8b6b00 !important;
}

.bk-featured-card .instructor-name-certificate {
    min-height: 21px;
    margin: 0 0 14px !important;
    color: #7b7b7b !important;
    font-size: 11px !important;
    line-height: 1.5 !important;
}

.bk-featured-card .instructor-name-certificate a {
    color: #585858 !important;
    font-weight: 650;
    text-decoration: none !important;
}

.bk-featured-card .course-item-bottom {
    margin-top: auto;
}

.bk-featured-card .course-rating {
    min-height: 24px;
    margin-bottom: 11px;
}

.bk-featured-card .course-rating > span:first-child {
    color: #171717 !important;
    font-size: 11px !important;
    font-weight: 800 !important;
}

.bk-featured-card .star-ratings {
    font-size: 11px !important;
}

.bk-featured-card .fill-ratings {
    color: #ffc400 !important;
}

.bk-featured-card .rating-count {
    color: #979797 !important;
    font-size: 10px !important;
}

.bk-featured-card .instructor-bottom-item {
    color: #1c1c1c !important;
    font-size: 12px !important;
    font-weight: 650 !important;
}

.bk-featured-card .instructor-bottom-item .color-hover {
    color: #111 !important;
    font-size: 15px;
    font-weight: 850 !important;
}

.bk-featured-card .text-decoration-line-through {
    color: #a2a2a2 !important;
    font-size: 10px !important;
}

.bk-featured-card .bg-light-purple {
    border: 0 !important;
    border-radius: 9px !important;
    background: #fff7d3 !important;
    color: #614900 !important;
}

/* EMPTY */

.bk-featured-empty {
    position: relative;
    z-index: 2;
    padding: 65px 30px;
    border: 1px dashed #dedede;
    border-radius: 24px;
    background: #fff;
    text-align: center;
}

.bk-featured-empty-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 58px;
    height: 58px;
    margin-bottom: 16px;
    border-radius: 18px;
    background: #ffc800;
    color: #111;
    font-size: 20px;
}

.bk-featured-empty h3 {
    margin: 0 0 7px;
    color: #161616;
    font-size: 20px;
    font-weight: 800;
}

.bk-featured-empty p {
    margin: 0;
    color: #777;
    font-size: 13px;
}


/* TABLET */

@media (max-width: 1199px) {

    .bk-featured-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .bk-featured-card .course-img-wrap {
        height: 240px;
    }

}


/* MOBILE */

@media (max-width: 767px) {

    .bk-featured-courses {
        padding: 68px 0 78px;
    }

    .bk-featured-head {
        align-items: flex-start;
        flex-direction: column;
        gap: 24px;
        margin-bottom: 30px;
    }

    .bk-featured-copy h2 {
        font-size: 36px;
    }

    .bk-featured-copy p {
        margin-top: 14px;
        font-size: 13px;
        line-height: 1.65;
    }

    .bk-featured-view-all {
        min-height: 47px;
        padding: 0 18px;
        border-radius: 14px;
        font-size: 12px;
    }

    .bk-featured-grid {
        grid-template-columns: 1fr;
        gap: 18px;
    }

    .bk-featured-card .course-img-wrap {
        height: 215px;
    }

    .bk-featured-card .course-item {
        border-radius: 20px !important;
    }

    .bk-featured-card .card-body {
        padding: 18px !important;
    }

    .bk-featured-card .course-title {
        min-height: auto;
        font-size: 16px !important;
    }

}



/* =========================================================
   BOOKAR BENEFITS PREMIUM
   ========================================================= */

.bk-benefits {
    position: relative;
    z-index: 5;
    padding: 54px 0 64px;
    background:
        radial-gradient(circle at 8% 20%, rgba(255, 200, 0, .08), transparent 22%),
        linear-gradient(180deg, #ffffff 0%, #fbfbfa 100%);
}

.bk-benefits-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px;
}

.bk-benefit-card {
    position: relative;
    display: flex;
    align-items: center;
    gap: 15px;

    min-width: 0;
    min-height: 112px;

    padding: 22px 20px;

    overflow: hidden;

    border: 1px solid #e9e9e7;
    border-radius: 22px;

    background: rgba(255, 255, 255, .94);

    box-shadow:
        0 10px 30px rgba(18, 18, 18, .035),
        0 1px 2px rgba(18, 18, 18, .02);

    transition:
        transform .28s ease,
        box-shadow .28s ease,
        border-color .28s ease;
}

.bk-benefit-card::before {
    content: "";
    position: absolute;

    width: 78px;
    height: 78px;

    right: -35px;
    top: -35px;

    border-radius: 50%;

    background: #ffc800;

    opacity: .08;

    transition:
        width .3s ease,
        height .3s ease,
        opacity .3s ease;
}

.bk-benefit-card::after {
    content: "";
    position: absolute;

    left: 20px;
    right: 20px;
    bottom: 0;

    height: 3px;

    border-radius: 20px 20px 0 0;

    background: #ffc800;

    transform: scaleX(0);
    transform-origin: left center;

    transition: transform .28s ease;
}

.bk-benefit-card:hover {
    transform: translateY(-5px);

    border-color: #dededb;

    box-shadow:
        0 22px 50px rgba(18, 18, 18, .075),
        0 2px 4px rgba(18, 18, 18, .03);
}

.bk-benefit-card:hover::before {
    width: 105px;
    height: 105px;
    opacity: .12;
}

.bk-benefit-card:hover::after {
    transform: scaleX(1);
}

.bk-benefit-icon {
    position: relative;
    z-index: 2;

    display: flex;
    align-items: center;
    justify-content: center;

    flex: 0 0 48px;

    width: 48px;
    height: 48px;

    border-radius: 15px;

    background: #fff4ca;

    color: #111;

    font-size: 16px;

    transition:
        transform .28s ease,
        background .28s ease;
}

.bk-benefit-card:hover .bk-benefit-icon {
    transform: rotate(-4deg) scale(1.04);
    background: #ffc800;
}

.bk-benefit-content {
    position: relative;
    z-index: 2;

    min-width: 0;
}

.bk-benefit-content h3 {
    margin: 0 0 5px;

    color: #121212;

    font-size: 14px;
    line-height: 1.3;
    font-weight: 800;

    letter-spacing: -.015em;
}

.bk-benefit-content p {
    margin: 0;

    color: #858585;

    font-size: 11px;
    line-height: 1.45;
    font-weight: 450;
}


/* TABLET */

@media (max-width: 991px) {

    .bk-benefits {
        padding: 42px 0 50px;
    }

    .bk-benefits-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 14px;
    }

    .bk-benefit-card {
        min-height: 106px;
    }

}


/* MOBILE - 2 x 2 */

@media (max-width: 575px) {

    .bk-benefits {
        padding: 28px 12px 42px;
    }

    .bk-benefits .container {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .bk-benefits-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
    }

    .bk-benefit-card {
        display: flex;
        flex-direction: column;
        align-items: flex-start;

        min-height: 142px;

        padding: 16px 14px;

        border-radius: 18px;
    }

    .bk-benefit-icon {
        flex: 0 0 42px;

        width: 42px;
        height: 42px;

        border-radius: 13px;

        font-size: 14px;
    }

    .bk-benefit-content h3 {
        margin-top: 2px;
        margin-bottom: 5px;

        font-size: 13px;
        line-height: 1.25;
    }

    .bk-benefit-content p {
        font-size: 10px;
        line-height: 1.4;
    }

    .bk-benefit-card::after {
        left: 14px;
        right: 14px;
    }

}


/* MOBILE MUITO PEQUENO */

@media (max-width: 370px) {

    .bk-benefit-card {
        min-height: 136px;
        padding: 14px 12px;
    }

    .bk-benefit-content h3 {
        font-size: 12px;
    }

}


/* =========================================================
   BOOKAR HERO MOBILE - POLIMENTO VISUAL
   ========================================================= */

@media (max-width: 575px) {

    .bookar-hero-visual {
        min-height: 350px !important;
        margin-top: 28px;
    }

    .bookar-hero-card {
        min-height: 350px !important;
        height: 350px !important;
        border-radius: 24px !important;
    }

    .bookar-hero-card::before {
        width: 290px !important;
        height: 290px !important;
        right: -90px !important;
        top: -68px !important;
    }

    .bookar-hero-card::after {
        width: 210px !important;
        height: 210px !important;
        left: -72px !important;
        bottom: -84px !important;
    }

    .bookar-visual-content {
        height: 100%;
        padding: 30px 28px 28px !important;
    }

    .bookar-visual-mark {
        width: 54px !important;
        height: 54px !important;
        border-radius: 16px !important;
        font-size: 20px !important;
    }

    .bookar-visual-copy {
        position: absolute !important;
        left: 28px !important;
        bottom: 30px !important;
        width: 56% !important;
        max-width: 220px !important;
        z-index: 3 !important;
    }

    .bookar-visual-copy small {
        display: block;
        margin-bottom: 10px;
        font-size: 10px !important;
        letter-spacing: .13em !important;
    }

    .bookar-visual-copy h2 {
        margin: 0 !important;
        font-size: 30px !important;
        line-height: .98 !important;
        letter-spacing: -.045em !important;
    }

    .bookar-visual-copy h2 span {
        display: block;
    }

    .bookar-floating-card {
        right: 14px !important;
        bottom: 26px !important;
        width: 150px !important;
        min-height: 118px !important;
        padding: 18px 16px !important;
        border-radius: 20px !important;
        z-index: 5 !important;
    }

    .bookar-floating-card strong {
        display: block;
        font-size: 17px !important;
        line-height: 1.08 !important;
    }

    .bookar-floating-card span {
        margin-top: 8px !important;
        font-size: 10px !important;
        line-height: 1.35 !important;
    }

}

/* TELAS MUITO ESTREITAS */

@media (max-width: 390px) {

    .bookar-visual-copy {
        width: 52% !important;
        left: 24px !important;
    }

    .bookar-visual-copy h2 {
        font-size: 27px !important;
    }

    .bookar-floating-card {
        width: 140px !important;
        right: 10px !important;
        padding: 16px 14px !important;
    }

}


/* =========================================================
   BOOKAR HERO - CORRECAO DE ALTURA RESPONSIVA
   ========================================================= */

@media (max-width: 900px) {

    .bookar-hero {
        padding-bottom: 20px !important;
    }

    .bookar-hero-grid {
        min-height: 0 !important;
        height: auto !important;
        padding-bottom: 0 !important;
        align-items: stretch !important;
    }

}

@media (max-width: 575px) {

    .bookar-hero {
        padding-top: 22px !important;
        padding-bottom: 24px !important;
    }

    .bookar-hero-grid {
        min-height: 0 !important;
        height: auto !important;
        gap: 28px !important;
        padding-bottom: 0 !important;
    }

    .bookar-hero-visual {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }

    .bk-benefits {
        padding-top: 30px !important;
    }

}


/* =========================================================
   BOOKAR HERO SEARCH - PREMIUM
   ========================================================= */

.bookar-search {
    position: relative;
    width: 100%;
    overflow: hidden;
    border: 1px solid #e5e5e1 !important;
    border-radius: 18px !important;
    background: #fff !important;
    box-shadow:
        0 12px 35px rgba(0,0,0,.045),
        0 1px 2px rgba(0,0,0,.02);
}

.bookar-search-inner {
    display: flex;
    align-items: center;
    width: 100%;
    min-height: 66px;
    padding: 6px 6px 6px 20px !important;
    background: transparent !important;
}

.bookar-search-inner > i {
    flex: 0 0 auto;
    margin-right: 14px;
    color: #525b66;
    font-size: 19px;
}

.bookar-search-inner input {
    flex: 1 1 auto;
    min-width: 0;
    height: 52px;
    padding: 0 !important;
    border: 0 !important;
    outline: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: #181818;
    font-size: 14px;
}

.bookar-search-inner input::placeholder {
    color: #999;
    opacity: 1;
}

.bookar-search-button {
    align-self: stretch;
    flex: 0 0 auto;

    display: inline-flex !important;
    align-items: center;
    justify-content: center;

    min-width: 112px;
    min-height: 54px;

    margin: 0 !important;
    padding: 0 22px !important;

    border: 0 !important;
    border-radius: 14px !important;

    background: #111 !important;
    color: #fff !important;

    font-size: 12px !important;
    font-weight: 800 !important;
    text-decoration: none !important;

    box-shadow: none !important;

    transition:
        background .22s ease,
        transform .22s ease;
}

.bookar-search-button:hover {
    background: #ffc800 !important;
    color: #111 !important;
}


/* MOBILE */

@media (max-width: 575px) {

    .bookar-search {
        border-radius: 17px !important;
    }

    .bookar-search-inner {
        min-height: 62px;
        padding: 5px 5px 5px 15px !important;
    }

    .bookar-search-inner > i {
        margin-right: 10px;
        font-size: 17px;
    }

    .bookar-search-inner input {
        height: 50px;
        font-size: 12px;
    }

    .bookar-search-button {
        min-width: 88px;
        min-height: 52px;
        padding: 0 14px !important;
        border-radius: 13px !important;
        font-size: 11px !important;
    }

}


/* CELULARES ESTREITOS */

@media (max-width: 380px) {

    .bookar-search-button {
        min-width: 78px;
        padding: 0 10px !important;
        font-size: 10px !important;
    }

    .bookar-search-inner input {
        font-size: 11px;
    }

}



/* =========================================================
   BOOKAR CATEGORY COURSES PREMIUM
   ========================================================= */

.bk-category-courses {
    position: relative;
    padding: 92px 0 96px;
    background: #f7f7f5;
    overflow: hidden;
}

.bk-category-head {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 40px;
    margin-bottom: 38px;
}

.bk-category-heading {
    max-width: 720px;
}

.bk-section-eyebrow {
    display: inline-flex;
    align-items: center;
    margin-bottom: 14px;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .15em;
    color: #8b6700;
}

.bk-category-heading h2 {
    max-width: 650px;
    margin: 0;
    color: #111;
    font-size: clamp(34px, 4vw, 54px);
    font-weight: 800;
    line-height: .98;
    letter-spacing: -.045em;
}

.bk-category-heading p {
    max-width: 620px;
    margin: 20px 0 0;
    color: #686868;
    font-size: 15px;
    line-height: 1.7;
}

.bk-category-all {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 11px;
    min-height: 50px;
    padding: 0 20px;
    border: 1px solid #dcdcd7;
    border-radius: 14px;
    background: #fff;
    color: #111 !important;
    font-size: 12px;
    font-weight: 800;
    text-decoration: none !important;
    transition: .22s ease;
}

.bk-category-all:hover {
    border-color: #111;
    background: #111;
    color: #fff !important;
}

.bk-category-tabs {
    width: 100%;
    margin-bottom: 34px;
    overflow-x: auto;
    scrollbar-width: none;
}

.bk-category-tabs::-webkit-scrollbar {
    display: none;
}

.bk-category-pills {
    display: flex !important;
    flex-wrap: nowrap !important;
    justify-content: flex-start !important;
    gap: 9px;
    min-width: max-content;
    margin: 0 !important;
    padding: 0 !important;
}

.bk-category-pills .nav-link {
    min-height: 44px;
    padding: 0 18px !important;
    border: 1px solid #deded9 !important;
    border-radius: 999px !important;
    background: #fff !important;
    color: #555 !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    box-shadow: none !important;
    transition: .2s ease;
}

.bk-category-pills .nav-link:hover {
    border-color: #bdbdb7 !important;
    color: #111 !important;
}

.bk-category-pills .nav-link.active {
    border-color: #111 !important;
    background: #111 !important;
    color: #fff !important;
}

.bk-category-content {
    width: 100%;
}

.bk-category-course-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
}

.bk-category-course-item {
    min-width: 0;
    padding: 10px;
    border: 1px solid #e6e6e1;
    border-radius: 22px;
    background: #fff;
    transition:
        transform .22s ease,
        box-shadow .22s ease,
        border-color .22s ease;
}

.bk-category-course-item:hover {
    transform: translateY(-3px);
    border-color: #d8d8d2;
    box-shadow: 0 18px 45px rgba(0,0,0,.06);
}

.bk-category-course-item .course-item {
    margin: 0 !important;
}

.bk-category-course-item .course-img-wrap {
    border-radius: 16px !important;
    overflow: hidden !important;
}

.bk-category-course-item .course-img-wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.bk-category-course-item .card-body {
    min-width: 0;
    padding: 18px !important;
}

.bk-category-course-item .course-title a {
    color: #111 !important;
    font-weight: 800;
    text-decoration: none !important;
}

.bk-category-course-item .course-title a:hover {
    color: #9b7300 !important;
}

.bk-category-empty {
    grid-column: 1 / -1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 230px;
    padding: 35px;
    border: 1px dashed #d9d9d3;
    border-radius: 24px;
    background: rgba(255,255,255,.65);
    text-align: center;
}

.bk-category-empty-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 54px;
    height: 54px;
    margin-bottom: 16px;
    border-radius: 17px;
    background: #ffc800;
    color: #111;
    font-size: 18px;
}

.bk-category-empty strong {
    color: #111;
    font-size: 18px;
    font-weight: 800;
}

.bk-category-empty span {
    max-width: 360px;
    margin-top: 7px;
    color: #777;
    font-size: 13px;
    line-height: 1.5;
}

.bk-category-empty-main {
    margin-top: 15px;
}


/* TABLET */

@media (max-width: 900px) {

    .bk-category-courses {
        padding: 72px 0;
    }

    .bk-category-head {
        align-items: flex-start;
        flex-direction: column;
        gap: 24px;
    }

    .bk-category-course-grid {
        grid-template-columns: 1fr;
    }

}


/* MOBILE */

@media (max-width: 575px) {

    .bk-category-courses {
        padding: 58px 0 64px;
    }

    .bk-category-head {
        margin-bottom: 28px;
    }

    .bk-category-heading h2 {
        font-size: 36px;
        line-height: 1;
    }

    .bk-category-heading p {
        margin-top: 16px;
        font-size: 14px;
    }

    .bk-category-all {
        min-height: 46px;
        padding: 0 16px;
    }

    .bk-category-tabs {
        width: calc(100% + 14px);
        margin-bottom: 25px;
        padding-right: 14px;
    }

    .bk-category-pills {
        gap: 7px;
    }

    .bk-category-pills .nav-link {
        min-height: 40px;
        padding: 0 15px !important;
        font-size: 11px !important;
    }

    .bk-category-course-grid {
        grid-template-columns: 1fr;
        gap: 14px;
    }

    .bk-category-course-item {
        border-radius: 19px;
    }

    .bk-category-course-item .course-item {
        align-items: stretch !important;
    }

    .bk-category-course-item .course-img-wrap {
        width: 42% !important;
        min-width: 42% !important;
    }

    .bk-category-course-item .card-body {
        padding: 13px !important;
    }

    .bk-category-empty {
        min-height: 200px;
        padding: 28px 20px;
    }

}



/* =========================================================
   BOOKAR INSTRUCTORS PREMIUM
   ========================================================= */

.bk-instructors {
    position: relative;
    padding: 100px 0;
    background: #111;
    overflow: hidden;
}

.bk-instructors::before {
    content: "";
    position: absolute;
    width: 520px;
    height: 520px;
    right: -180px;
    top: -220px;
    border-radius: 50%;
    background: rgba(255, 200, 0, .08);
    pointer-events: none;
}

.bk-instructors::after {
    content: "";
    position: absolute;
    width: 360px;
    height: 360px;
    left: -170px;
    bottom: -190px;
    border-radius: 50%;
    background: rgba(255, 106, 0, .06);
    pointer-events: none;
}

.bk-instructors .bookar-container {
    position: relative;
    z-index: 2;
}

.bk-instructors-head {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 40px;
    margin-bottom: 42px;
}

.bk-instructors-heading {
    max-width: 760px;
}

.bk-instructors .bk-section-eyebrow {
    color: #ffc800;
}

.bk-instructors-heading h2 {
    max-width: 760px;
    margin: 0;
    color: #fff;
    font-size: clamp(36px, 4vw, 56px);
    font-weight: 800;
    line-height: .98;
    letter-spacing: -.045em;
}

.bk-instructors-heading p {
    max-width: 640px;
    margin: 20px 0 0;
    color: rgba(255,255,255,.60);
    font-size: 15px;
    line-height: 1.7;
}

.bk-instructors-all {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 11px;
    min-height: 50px;
    padding: 0 20px;
    border: 1px solid rgba(255,255,255,.16);
    border-radius: 14px;
    background: rgba(255,255,255,.06);
    color: #fff !important;
    font-size: 12px;
    font-weight: 800;
    text-decoration: none !important;
    transition: .22s ease;
}

.bk-instructors-all:hover {
    border-color: #ffc800;
    background: #ffc800;
    color: #111 !important;
}

.bk-instructors-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 20px;
}

.bk-instructor-card {
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(255,255,255,.10);
    border-radius: 24px;
    background: #191919;
    transition:
        transform .25s ease,
        border-color .25s ease,
        box-shadow .25s ease;
}

.bk-instructor-card:hover {
    transform: translateY(-5px);
    border-color: rgba(255,200,0,.40);
    box-shadow: 0 25px 55px rgba(0,0,0,.28);
}

.bk-instructor-image {
    position: relative;
    display: block;
    width: 100%;
    aspect-ratio: 1.15 / 1;
    overflow: hidden;
    background: #222;
}

.bk-instructor-image img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    transition: transform .45s ease;
}

.bk-instructor-card:hover .bk-instructor-image img {
    transform: scale(1.035);
}

.bk-instructor-image-overlay {
    position: absolute;
    inset: 0;
    background:
        linear-gradient(
            to top,
            rgba(0,0,0,.48),
            transparent 48%
        );
}

.bk-instructor-level {
    position: absolute;
    left: 16px;
    bottom: 16px;
    display: inline-flex;
    align-items: center;
    min-height: 31px;
    padding: 0 12px;
    border-radius: 999px;
    background: #ffc800;
    color: #111;
    font-size: 10px;
    font-weight: 800;
}

.bk-instructor-body {
    padding: 22px;
}

.bk-instructor-title-row {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
}

.bk-instructor-title-row h3 {
    margin: 0;
    font-size: 20px;
    font-weight: 800;
    line-height: 1.2;
}

.bk-instructor-title-row h3 a {
    color: #fff !important;
    text-decoration: none !important;
}

.bk-instructor-title-row h3 a:hover {
    color: #ffc800 !important;
}

.bk-instructor-profession {
    margin: 7px 0 0;
    color: rgba(255,255,255,.52);
    font-size: 12px;
    line-height: 1.45;
}

.bk-instructor-badges {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
}

.bk-instructor-badges img {
    width: 27px;
    height: 27px;
    object-fit: contain;
    border-radius: 50%;
    margin-left: -6px;
    border: 2px solid #191919;
}

.bk-instructor-badges img:first-child {
    margin-left: 0;
}

.bk-instructor-meta {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 20px;
    color: rgba(255,255,255,.58);
    font-size: 11px;
}

.bk-instructor-rating,
.bk-instructor-courses {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.bk-instructor-rating i {
    color: #ffc800;
    font-size: 11px;
}

.bk-instructor-rating strong {
    color: #fff;
    font-size: 12px;
}

.bk-instructor-courses i {
    color: rgba(255,255,255,.52);
}

.bk-instructor-divider {
    width: 1px;
    height: 13px;
    background: rgba(255,255,255,.16);
}

.bk-instructor-consultation {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-top: 18px;
    padding: 13px 14px;
    border-radius: 13px;
    background: rgba(255,255,255,.05);
}

.bk-instructor-consultation span {
    color: rgba(255,255,255,.55);
    font-size: 10px;
    font-weight: 700;
}

.bk-instructor-consultation strong {
    color: #ffc800;
    font-size: 12px;
    font-weight: 800;
}

.bk-instructor-profile {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 49px;
    margin-top: 20px;
    padding: 0 16px;
    border-radius: 13px;
    background: #fff;
    color: #111 !important;
    font-size: 11px;
    font-weight: 800;
    text-decoration: none !important;
    transition: .2s ease;
}

.bk-instructor-profile:hover {
    background: #ffc800;
}

.bk-instructors-empty {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 270px;
    padding: 40px;
    border: 1px dashed rgba(255,255,255,.18);
    border-radius: 24px;
    background: rgba(255,255,255,.025);
    text-align: center;
}

.bk-instructors-empty-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 56px;
    height: 56px;
    margin-bottom: 18px;
    border-radius: 18px;
    background: #ffc800;
    color: #111;
    font-size: 19px;
}

.bk-instructors-empty strong {
    color: #fff;
    font-size: 19px;
    font-weight: 800;
}

.bk-instructors-empty span {
    max-width: 440px;
    margin-top: 8px;
    color: rgba(255,255,255,.55);
    font-size: 13px;
    line-height: 1.6;
}


/* TABLET */

@media (max-width: 900px) {

    .bk-instructors {
        padding: 76px 0;
    }

    .bk-instructors-head {
        flex-direction: column;
        align-items: flex-start;
        gap: 24px;
    }

    .bk-instructors-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

}


/* MOBILE */

@media (max-width: 575px) {

    .bk-instructors {
        padding: 62px 0 72px;
    }

    .bk-instructors-head {
        margin-bottom: 30px;
    }

    .bk-instructors-heading h2 {
        font-size: 36px;
    }

    .bk-instructors-heading p {
        margin-top: 16px;
        font-size: 14px;
    }

    .bk-instructors-all {
        min-height: 46px;
        padding: 0 16px;
    }

    .bk-instructors-grid {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .bk-instructor-image {
        aspect-ratio: 1.35 / 1;
    }

    .bk-instructor-body {
        padding: 19px;
    }

}



/* =========================================================
   BOOKAR UPCOMING COURSES PREMIUM
   ========================================================= */

.bk-upcoming {
    position: relative;
    padding: 100px 0;
    background: #f4f3ee;
    overflow: hidden;
}

.bk-upcoming::before {
    content: "";
    position: absolute;
    width: 460px;
    height: 460px;
    right: -230px;
    top: -230px;
    border: 1px solid rgba(17,17,17,.06);
    border-radius: 50%;
}

.bk-upcoming-head {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    gap: 40px;
    margin-bottom: 42px;
}

.bk-upcoming-heading {
    max-width: 760px;
}

.bk-upcoming-heading h2 {
    max-width: 720px;
    margin: 0;
    color: #111;
    font-size: clamp(38px, 4.2vw, 58px);
    line-height: .98;
    font-weight: 800;
    letter-spacing: -.05em;
}

.bk-upcoming-heading p {
    max-width: 620px;
    margin: 20px 0 0;
    color: #686863;
    font-size: 15px;
    line-height: 1.7;
}

.bk-upcoming-all {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    min-height: 52px;
    padding: 0 21px;
    border: 1px solid #d8d7d1;
    border-radius: 15px;
    background: #fff;
    color: #111 !important;
    font-size: 12px;
    font-weight: 800;
    text-decoration: none !important;
    transition: .2s ease;
}

.bk-upcoming-all:hover {
    border-color: #111;
    background: #111;
    color: #fff !important;
}


/* COURSE CARDS */

.bk-upcoming-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 20px;
}

.bk-upcoming-card {
    overflow: hidden;
    border: 1px solid #e1e0da;
    border-radius: 24px;
    background: #fff;
    transition:
        transform .25s ease,
        box-shadow .25s ease;
}

.bk-upcoming-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 24px 50px rgba(17,17,17,.08);
}

.bk-upcoming-image {
    position: relative;
    display: block;
    aspect-ratio: 1.55 / 1;
    overflow: hidden;
    background: #e9e8e2;
}

.bk-upcoming-image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .4s ease;
}

.bk-upcoming-card:hover .bk-upcoming-image img {
    transform: scale(1.035);
}

.bk-upcoming-badge {
    position: absolute;
    top: 16px;
    left: 16px;
    display: inline-flex;
    align-items: center;
    min-height: 31px;
    padding: 0 12px;
    border-radius: 999px;
    background: #ffc800;
    color: #111;
    font-size: 10px;
    font-weight: 800;
}

.bk-upcoming-body {
    padding: 22px;
}

.bk-upcoming-category {
    display: block;
    margin-bottom: 10px;
    color: #9b7600;
    font-size: 9px;
    font-weight: 800;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.bk-upcoming-body h3 {
    margin: 0;
    font-size: 21px;
    line-height: 1.18;
    font-weight: 800;
}

.bk-upcoming-body h3 a {
    color: #111 !important;
    text-decoration: none !important;
}

.bk-upcoming-instructor {
    display: inline-block;
    margin-top: 9px;
    color: #777 !important;
    font-size: 11px;
    text-decoration: none !important;
}

.bk-upcoming-bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-top: 20px;
    padding-top: 16px;
    border-top: 1px solid #ecebe6;
}

.bk-upcoming-rating {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-size: 11px;
}

.bk-upcoming-rating i {
    color: #ffc800;
}

.bk-upcoming-rating strong {
    color: #111;
}

.bk-upcoming-rating span {
    color: #8a8a84;
}

.bk-upcoming-price strong {
    color: #111;
    font-size: 13px;
    font-weight: 800;
}

.bk-upcoming-view {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 48px;
    margin-top: 18px;
    padding: 0 15px;
    border-radius: 13px;
    background: #111;
    color: #fff !important;
    font-size: 11px;
    font-weight: 800;
    text-decoration: none !important;
    transition: .2s ease;
}

.bk-upcoming-view:hover {
    background: #ffc800;
    color: #111 !important;
}


/* EMPTY STATE */

.bk-upcoming-empty {
    position: relative;
    display: grid;
    grid-template-columns: 340px minmax(0, 1fr);
    align-items: center;
    gap: 58px;
    min-height: 330px;
    padding: 46px 60px;
    overflow: hidden;
    border: 1px dashed #d3d1c8;
    border-radius: 28px;
    background: #fff;
}

.bk-upcoming-empty-art {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 220px;
    overflow: hidden;
    border-radius: 24px;
    background: #111;
}

.bk-upcoming-empty-art::before {
    content: "";
    position: absolute;
    width: 190px;
    height: 190px;
    right: -55px;
    top: -55px;
    border-radius: 50%;
    background: #ffc800;
}

.bk-upcoming-empty-art::after {
    content: "";
    position: absolute;
    width: 130px;
    height: 130px;
    left: -45px;
    bottom: -50px;
    border-radius: 50%;
    background: #ff6a00;
}

.bk-upcoming-empty-icon {
    position: relative;
    z-index: 3;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 74px;
    height: 74px;
    border-radius: 22px;
    background: #fff;
    color: #111;
    font-size: 25px;
    box-shadow: 0 15px 40px rgba(0,0,0,.18);
}

.bk-upcoming-empty-dot {
    position: absolute;
    z-index: 2;
    border-radius: 50%;
    background: rgba(255,255,255,.16);
}

.bk-dot-one {
    width: 14px;
    height: 14px;
    left: 60px;
    top: 50px;
}

.bk-dot-two {
    width: 8px;
    height: 8px;
    right: 70px;
    bottom: 50px;
}

.bk-upcoming-empty-copy {
    max-width: 590px;
}

.bk-upcoming-empty-label {
    display: block;
    margin-bottom: 13px;
    color: #9b7600;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .13em;
}

.bk-upcoming-empty-copy h3 {
    max-width: 570px;
    margin: 0;
    color: #111;
    font-size: clamp(28px, 3vw, 43px);
    line-height: 1.04;
    font-weight: 800;
    letter-spacing: -.04em;
}

.bk-upcoming-empty-copy p {
    max-width: 520px;
    margin: 17px 0 0;
    color: #777770;
    font-size: 13px;
    line-height: 1.65;
}

.bk-upcoming-empty-copy a {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-top: 24px;
    color: #111 !important;
    font-size: 11px;
    font-weight: 800;
    text-decoration: none !important;
}

.bk-upcoming-empty-copy a:hover {
    color: #9b7600 !important;
}


/* TABLET */

@media (max-width: 900px) {

    .bk-upcoming {
        padding: 76px 0;
    }

    .bk-upcoming-head {
        flex-direction: column;
        align-items: flex-start;
        gap: 24px;
    }

    .bk-upcoming-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .bk-upcoming-empty {
        grid-template-columns: 260px minmax(0, 1fr);
        gap: 35px;
        padding: 35px;
    }

}


/* MOBILE */

@media (max-width: 575px) {

    .bk-upcoming {
        padding: 62px 0 72px;
    }

    .bk-upcoming-head {
        margin-bottom: 30px;
    }

    .bk-upcoming-heading h2 {
        font-size: 36px;
    }

    .bk-upcoming-heading p {
        margin-top: 16px;
        font-size: 14px;
    }

    .bk-upcoming-all {
        min-height: 46px;
        padding: 0 16px;
    }

    .bk-upcoming-grid {
        grid-template-columns: 1fr;
    }

    .bk-upcoming-empty {
        grid-template-columns: 1fr;
        gap: 28px;
        min-height: 0;
        padding: 16px 16px 30px;
        border-radius: 24px;
    }

    .bk-upcoming-empty-art {
        min-height: 220px;
    }

    .bk-upcoming-empty-copy {
        padding: 0 5px;
    }

    .bk-upcoming-empty-copy h3 {
        font-size: 29px;
    }

    .bk-upcoming-empty-copy p {
        font-size: 12px;
    }

}



/* =========================================================
   BOOKAR TESTIMONIALS PREMIUM
   ========================================================= */

.bk-testimonials {
    position: relative;
    padding: 100px 0;
    background: #fff;
    overflow: hidden;
}

.bk-testimonials-head {
    margin-bottom: 42px;
}

.bk-testimonials-heading {
    max-width: 760px;
}

.bk-testimonials-heading h2 {
    max-width: 720px;
    margin: 0;
    color: #111;
    font-size: clamp(38px, 4.2vw, 58px);
    line-height: .98;
    font-weight: 800;
    letter-spacing: -.05em;
}

.bk-testimonials-heading p {
    max-width: 620px;
    margin: 20px 0 0;
    color: #6d6d68;
    font-size: 15px;
    line-height: 1.7;
}


/* REAL TESTIMONIALS */

.bk-testimonials-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
}

.bk-testimonial-card {
    padding: 28px;
    border: 1px solid #e8e7e2;
    border-radius: 24px;
    background: #f8f8f5;
}

.bk-testimonial-top {
    display: flex;
    align-items: center;
    gap: 14px;
}

.bk-testimonial-avatar {
    width: 52px;
    height: 52px;
    border-radius: 16px;
    object-fit: cover;
}

.bk-testimonial-top strong {
    display: block;
    color: #111;
    font-size: 14px;
    font-weight: 800;
}

.bk-testimonial-top span {
    display: block;
    margin-top: 4px;
    color: #85857e;
    font-size: 11px;
}

.bk-testimonial-stars {
    display: flex;
    gap: 4px;
    margin-top: 24px;
    color: #ffc800;
    font-size: 12px;
}

.bk-testimonial-card h3 {
    margin: 18px 0 0;
    color: #111;
    font-size: 21px;
    line-height: 1.25;
    font-weight: 800;
}

.bk-testimonial-card > p {
    margin: 12px 0 0;
    color: #656560;
    font-size: 13px;
    line-height: 1.7;
}


/* EMPTY STATE */

.bk-testimonials-empty {
    display: grid;
    grid-template-columns: 360px minmax(0, 1fr);
    align-items: center;
    gap: 60px;
    padding: 36px;
    border: 1px dashed #d9d8d2;
    border-radius: 28px;
    background: #f7f7f4;
}

.bk-testimonials-empty-visual {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 260px;
    overflow: hidden;
    border-radius: 24px;
    background: #111;
}

.bk-testimonials-empty-visual::before {
    content: "";
    position: absolute;
    width: 200px;
    height: 200px;
    top: -70px;
    right: -60px;
    border-radius: 50%;
    background: #ffc800;
}

.bk-testimonials-empty-visual::after {
    content: "";
    position: absolute;
    width: 150px;
    height: 150px;
    bottom: -60px;
    left: -55px;
    border-radius: 50%;
    background: #ff6a00;
}

.bk-testimonials-quote {
    position: relative;
    z-index: 3;
    color: #fff;
    font-family: Georgia, serif;
    font-size: 110px;
    line-height: 1;
    transform: translateY(15px);
}

.bk-testimonial-shape-one,
.bk-testimonial-shape-two {
    position: absolute;
    z-index: 2;
    border-radius: 50%;
    background: rgba(255,255,255,.16);
}

.bk-testimonial-shape-one {
    width: 13px;
    height: 13px;
    top: 55px;
    left: 70px;
}

.bk-testimonial-shape-two {
    width: 8px;
    height: 8px;
    right: 70px;
    bottom: 55px;
}

.bk-testimonials-empty-copy {
    max-width: 630px;
}

.bk-testimonials-empty-copy > span {
    display: block;
    margin-bottom: 13px;
    color: #9b7600;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .14em;
}

.bk-testimonials-empty-copy h3 {
    max-width: 600px;
    margin: 0;
    color: #111;
    font-size: clamp(29px, 3vw, 43px);
    line-height: 1.03;
    font-weight: 800;
    letter-spacing: -.04em;
}

.bk-testimonials-empty-copy p {
    max-width: 540px;
    margin: 18px 0 0;
    color: #74746e;
    font-size: 13px;
    line-height: 1.7;
}


/* TABLET */

@media (max-width: 900px) {

    .bk-testimonials {
        padding: 76px 0;
    }

    .bk-testimonials-empty {
        grid-template-columns: 280px minmax(0, 1fr);
        gap: 35px;
    }

}


/* MOBILE */

@media (max-width: 575px) {

    .bk-testimonials {
        padding: 62px 0 72px;
    }

    .bk-testimonials-heading h2 {
        font-size: 36px;
    }

    .bk-testimonials-heading p {
        margin-top: 16px;
        font-size: 14px;
    }

    .bk-testimonials-grid {
        grid-template-columns: 1fr;
    }

    .bk-testimonials-empty {
        grid-template-columns: 1fr;
        gap: 28px;
        padding: 16px 16px 30px;
        border-radius: 24px;
    }

    .bk-testimonials-empty-visual {
        min-height: 220px;
    }

    .bk-testimonials-empty-copy {
        padding: 0 5px;
    }

    .bk-testimonials-empty-copy h3 {
        font-size: 29px;
    }

    .bk-testimonials-empty-copy p {
        font-size: 12px;
    }

}



/* =========================================================
   BOOKAR FAQ PREMIUM
   ========================================================= */

.bk-faq {
    position: relative;
    padding: 105px 0;
    background: #111;
    overflow: hidden;
}

.bk-faq::before {
    content: "";
    position: absolute;
    width: 430px;
    height: 430px;
    right: -180px;
    top: -210px;
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 50%;
}

.bk-faq-layout {
    display: grid;
    grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr);
    gap: 90px;
    align-items: start;
}

.bk-faq-intro {
    position: sticky;
    top: 130px;
}

.bk-faq .bk-section-eyebrow {
    color: #ffc800;
}

.bk-faq-intro h2 {
    max-width: 540px;
    margin: 14px 0 0;
    color: #fff;
    font-size: clamp(40px, 4vw, 60px);
    line-height: .98;
    letter-spacing: -.05em;
    font-weight: 800;
}

.bk-faq-intro > p {
    max-width: 500px;
    margin: 22px 0 0;
    color: rgba(255,255,255,.58);
    font-size: 14px;
    line-height: 1.8;
}

.bk-faq-support {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-top: 38px;
    padding-top: 30px;
    border-top: 1px solid rgba(255,255,255,.1);
}

.bk-faq-support-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    flex-shrink: 0;
    border-radius: 15px;
    background: #ffc800;
    color: #111;
    font-size: 16px;
}

.bk-faq-support strong {
    display: block;
    color: #fff;
    font-size: 13px;
}

.bk-faq-support span {
    display: block;
    margin-top: 4px;
    color: rgba(255,255,255,.48);
    font-size: 11px;
}


/* ACCORDION */

.bk-faq-accordion {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.bk-faq-item {
    overflow: hidden;
    border: 1px solid rgba(255,255,255,.11) !important;
    border-radius: 20px !important;
    background: #191919 !important;
}

.bk-faq-item .accordion-button {
    display: flex;
    align-items: center;
    gap: 20px;
    padding: 24px 26px;
    color: #fff;
    background: transparent;
    box-shadow: none !important;
    font-size: 15px;
    line-height: 1.45;
    font-weight: 700;
}

.bk-faq-item .accordion-button:not(.collapsed) {
    color: #fff;
    background: #1d1d1d;
}

.bk-faq-item .accordion-button::after {
    filter: invert(1);
    opacity: .75;
}

.bk-faq-number {
    color: #ffc800;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .1em;
}

.bk-faq-item .accordion-body {
    padding: 0 26px 26px 66px;
    color: rgba(255,255,255,.6);
    font-size: 13px;
    line-height: 1.8;
}


/* EMPTY */

.bk-faq-empty {
    position: relative;
    min-height: 390px;
    padding: 52px;
    overflow: hidden;
    border-radius: 30px;
    background: #f7f7f3;
}

.bk-faq-empty::before {
    content: "";
    position: absolute;
    width: 190px;
    height: 190px;
    top: -55px;
    right: -35px;
    border-radius: 50%;
    background: #ffc800;
}

.bk-faq-empty::after {
    content: "";
    position: absolute;
    width: 130px;
    height: 130px;
    bottom: -65px;
    left: -35px;
    border-radius: 50%;
    background: #ff6a00;
}

.bk-faq-empty-icon {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 58px;
    height: 58px;
    margin-bottom: 58px;
    border-radius: 17px;
    background: #111;
    color: #fff;
    font-size: 20px;
}

.bk-faq-empty > span {
    position: relative;
    z-index: 2;
    display: block;
    margin-bottom: 12px;
    color: #9b7600;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .14em;
}

.bk-faq-empty h3 {
    position: relative;
    z-index: 2;
    max-width: 540px;
    margin: 0;
    color: #111;
    font-size: clamp(30px, 3vw, 44px);
    line-height: 1.03;
    letter-spacing: -.04em;
    font-weight: 800;
}

.bk-faq-empty p {
    position: relative;
    z-index: 2;
    max-width: 500px;
    margin: 20px 0 0;
    color: #6c6c67;
    font-size: 13px;
    line-height: 1.7;
}


/* TABLET */

@media (max-width: 900px) {

    .bk-faq {
        padding: 80px 0;
    }

    .bk-faq-layout {
        grid-template-columns: 1fr;
        gap: 50px;
    }

    .bk-faq-intro {
        position: static;
    }

}


/* MOBILE */

@media (max-width: 575px) {

    .bk-faq {
        padding: 68px 0;
    }

    .bk-faq-layout {
        gap: 36px;
    }

    .bk-faq-intro h2 {
        font-size: 37px;
    }

    .bk-faq-support {
        margin-top: 28px;
    }

    .bk-faq-item .accordion-button {
        gap: 13px;
        padding: 20px 18px;
        font-size: 13px;
    }

    .bk-faq-item .accordion-body {
        padding: 0 18px 22px 47px;
        font-size: 12px;
    }

    .bk-faq-empty {
        min-height: 350px;
        padding: 28px 23px 35px;
        border-radius: 24px;
    }

    .bk-faq-empty-icon {
        margin-bottom: 50px;
    }

    .bk-faq-empty h3 {
        font-size: 29px;
    }

}



/* =========================================================
   BOOKAR GRID STANDARD
   Desktop 4 / Tablet 2 / Mobile 2
   ========================================================= */

/* DEPOIMENTOS */

.bk-testimonials-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 18px;
}

.bk-testimonial-card {
    min-width: 0;
    padding: 22px;
}

.bk-testimonial-card h3 {
    font-size: 18px;
}

.bk-testimonial-card > p {
    font-size: 12px;
}


/* TABLET */

@media (max-width: 991px) {

    .bk-testimonials-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

}


/* MOBILE */

@media (max-width: 575px) {

    .bk-testimonials-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
    }

    .bk-testimonial-card {
        padding: 15px;
        border-radius: 18px;
    }

    .bk-testimonial-avatar {
        width: 40px;
        height: 40px;
        border-radius: 12px;
    }

    .bk-testimonial-top {
        gap: 9px;
    }

    .bk-testimonial-top strong {
        font-size: 11px;
    }

    .bk-testimonial-top span {
        font-size: 9px;
    }

    .bk-testimonial-stars {
        margin-top: 16px;
        font-size: 9px;
        gap: 2px;
    }

    .bk-testimonial-card h3 {
        margin-top: 12px;
        font-size: 14px;
    }

    .bk-testimonial-card > p {
        margin-top: 8px;
        font-size: 10px;
        line-height: 1.55;
    }

}



/* =========================================================
   BOOKAR MOBILE POLISH
   Testimonials + FAQ
   Desktop untouched
   ========================================================= */

@media (max-width: 575px) {

    /* -----------------------------------------
       TESTIMONIALS
       ----------------------------------------- */

    .bk-testimonials {
        padding: 54px 0 62px;
    }

    .bk-testimonials .bookar-container {
        width: calc(100% - 28px) !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .bk-testimonials-head {
        margin-bottom: 28px;
    }

    .bk-testimonials-heading h2 {
        max-width: 100%;
        font-size: 34px;
        line-height: 1.01;
        letter-spacing: -.045em;
    }

    .bk-testimonials-heading p {
        max-width: 100%;
        margin-top: 14px;
        font-size: 13px;
        line-height: 1.65;
    }

    .bk-testimonials-empty {
        width: 100%;
        gap: 24px;
        padding: 14px 14px 26px;
        border-radius: 23px;
    }

    .bk-testimonials-empty-visual {
        min-height: 205px;
        border-radius: 19px;
    }

    .bk-testimonials-empty-copy {
        width: 100%;
        padding: 0 8px 4px;
    }

    .bk-testimonials-empty-copy > span {
        margin-bottom: 10px;
        font-size: 9px;
        line-height: 1.4;
    }

    .bk-testimonials-empty-copy h3 {
        max-width: 100%;
        font-size: 27px;
        line-height: 1.06;
        letter-spacing: -.035em;
    }

    .bk-testimonials-empty-copy p {
        max-width: 100%;
        margin-top: 15px;
        font-size: 11px;
        line-height: 1.7;
    }


    /* -----------------------------------------
       FAQ
       ----------------------------------------- */

    .bk-faq {
        padding: 60px 0 105px;
    }

    .bk-faq .bookar-container {
        width: calc(100% - 28px) !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .bk-faq-layout {
        width: 100%;
        gap: 30px;
    }

    .bk-faq-intro {
        width: 100%;
        padding: 0;
    }

    .bk-faq .bk-section-eyebrow {
        display: block;
        margin-bottom: 12px;
        font-size: 9px;
        line-height: 1.4;
        letter-spacing: .13em;
    }

    .bk-faq-intro h2 {
        width: 100%;
        max-width: 390px;
        margin: 0;
        font-size: 35px;
        line-height: 1.01;
        letter-spacing: -.045em;
        overflow-wrap: normal;
        word-break: normal;
    }

    .bk-faq-intro > p {
        max-width: 390px;
        margin-top: 17px;
        font-size: 13px;
        line-height: 1.65;
    }

    .bk-faq-support {
        gap: 13px;
        margin-top: 26px;
        padding-top: 24px;
    }

    .bk-faq-support-icon {
        width: 48px;
        height: 48px;
        border-radius: 14px;
    }

    .bk-faq-support strong {
        font-size: 12px;
    }

    .bk-faq-support span {
        max-width: 270px;
        font-size: 10px;
        line-height: 1.5;
    }

    .bk-faq-content {
        width: 100%;
        min-width: 0;
    }

    .bk-faq-empty {
        width: 100%;
        min-height: 340px;
        padding: 27px 23px 31px;
        border-radius: 23px;
    }

    .bk-faq-empty-icon {
        width: 56px;
        height: 56px;
        margin-bottom: 50px;
        border-radius: 16px;
    }

    .bk-faq-empty > span {
        margin-bottom: 11px;
        font-size: 9px;
    }

    .bk-faq-empty h3 {
        max-width: 100%;
        font-size: 27px;
        line-height: 1.05;
        letter-spacing: -.035em;
    }

    .bk-faq-empty p {
        max-width: 100%;
        margin-top: 17px;
        font-size: 11px;
        line-height: 1.7;
    }


    /* -----------------------------------------
       FIXED BOTTOM NAV SAFE AREA
       ----------------------------------------- */

    .bookar-home {
        padding-bottom: 86px;
    }

}



/* =========================================================
   BOOKAR TRUST SUPPORT PREMIUM
   4 Desktop / 2 Tablet / 2 Mobile
   ========================================================= */

.bk-trust-support {
    position: relative;
    padding: 105px 0;
    background: #f6f6f2;
    overflow: hidden;
}

.bk-trust-support::before {
    content: "";
    position: absolute;
    width: 420px;
    height: 420px;
    right: -210px;
    top: -220px;
    border: 1px solid rgba(17,17,17,.07);
    border-radius: 50%;
}

.bk-trust-support-head {
    display: grid;
    grid-template-columns: minmax(0, 1.2fr) minmax(300px, .8fr);
    gap: 70px;
    align-items: end;
    margin-bottom: 48px;
}

.bk-trust-support-head h2 {
    max-width: 780px;
    margin: 12px 0 0;
    color: #111;
    font-size: clamp(42px, 4.5vw, 64px);
    line-height: .98;
    letter-spacing: -.05em;
    font-weight: 800;
}

.bk-trust-support-head > p {
    max-width: 490px;
    margin: 0 0 4px;
    color: #70706a;
    font-size: 14px;
    line-height: 1.75;
}


/* GRID */

.bk-trust-support-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px;
}


/* CARD */

.bk-trust-card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    min-height: 420px;
    padding: 25px;
    overflow: hidden;
    border: 1px solid #e2e2dc;
    border-radius: 25px;
    background: #fff;
    color: inherit;
    text-decoration: none !important;
    transition:
        transform .28s ease,
        box-shadow .28s ease,
        border-color .28s ease;
}

.bk-trust-card:hover {
    transform: translateY(-6px);
    border-color: #d4d3cb;
    box-shadow: 0 24px 55px rgba(0,0,0,.08);
}

.bk-trust-card-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.bk-trust-number {
    color: #96968f;
    font-size: 9px;
    font-weight: 800;
    letter-spacing: .15em;
}

.bk-trust-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 46px;
    height: 46px;
    border-radius: 14px;
    background: #f0f0eb;
    color: #111;
    font-size: 14px;
}

.bk-trust-card-copy {
    margin-top: auto;
    padding-top: 70px;
}

.bk-trust-card-copy > span {
    display: block;
    margin-bottom: 11px;
    color: #a47d00;
    font-size: 9px;
    font-weight: 800;
    letter-spacing: .13em;
}

.bk-trust-card-copy h3 {
    margin: 0;
    color: #111;
    font-size: 27px;
    line-height: 1.04;
    letter-spacing: -.04em;
    font-weight: 800;
}

.bk-trust-card-copy p {
    margin: 15px 0 0;
    color: #75756f;
    font-size: 12px;
    line-height: 1.7;
}

.bk-trust-card-action {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    margin-top: 26px;
    padding-top: 19px;
    border-top: 1px solid #ecece6;
}

.bk-trust-card-action span {
    color: #111;
    font-size: 10px;
    font-weight: 800;
}

.bk-trust-card-action i {
    font-size: 11px;
    transition: transform .25s ease;
}

.bk-trust-card:hover .bk-trust-card-action i {
    transform: translateX(4px);
}


/* FEATURED */

.bk-trust-card-featured {
    border-color: #111;
    background: #111;
}

.bk-trust-card-featured::before {
    content: "";
    position: absolute;
    width: 180px;
    height: 180px;
    top: -65px;
    right: -55px;
    border-radius: 50%;
    background: #ffc800;
}

.bk-trust-card-featured::after {
    content: "";
    position: absolute;
    width: 95px;
    height: 95px;
    left: -40px;
    bottom: 70px;
    border-radius: 50%;
    background: #ff6a00;
}

.bk-trust-card-featured > * {
    position: relative;
    z-index: 2;
}

.bk-trust-card-featured .bk-trust-number {
    color: rgba(255,255,255,.55);
}

.bk-trust-card-featured .bk-trust-icon {
    background: #fff;
    color: #111;
}

.bk-trust-card-featured .bk-trust-card-copy > span {
    color: #ffc800;
}

.bk-trust-card-featured .bk-trust-card-copy h3,
.bk-trust-card-featured .bk-trust-card-action span,
.bk-trust-card-featured .bk-trust-card-action i {
    color: #fff;
}

.bk-trust-card-featured .bk-trust-card-copy p {
    color: rgba(255,255,255,.6);
}

.bk-trust-card-featured .bk-trust-card-action {
    border-top-color: rgba(255,255,255,.13);
}


/* TABLET = 2 */

@media (max-width: 991px) {

    .bk-trust-support {
        padding: 80px 0;
    }

    .bk-trust-support-head {
        grid-template-columns: 1fr;
        gap: 22px;
    }

    .bk-trust-support-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

}


/* MOBILE = 2 */

@media (max-width: 575px) {

    .bk-trust-support {
        padding: 65px 0 95px;
    }

    .bk-trust-support .bookar-container {
        width: calc(100% - 28px) !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .bk-trust-support-head {
        margin-bottom: 30px;
    }

    .bk-trust-support-head h2 {
        font-size: 35px;
        line-height: 1.01;
    }

    .bk-trust-support-head > p {
        font-size: 12px;
        line-height: 1.65;
    }

    .bk-trust-support-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
    }

    .bk-trust-card {
        min-height: 335px;
        padding: 15px;
        border-radius: 19px;
    }

    .bk-trust-icon {
        width: 38px;
        height: 38px;
        border-radius: 11px;
        font-size: 12px;
    }

    .bk-trust-number {
        font-size: 8px;
    }

    .bk-trust-card-copy {
        padding-top: 38px;
    }

    .bk-trust-card-copy > span {
        margin-bottom: 8px;
        font-size: 7px;
        line-height: 1.35;
    }

    .bk-trust-card-copy h3 {
        font-size: 18px;
        line-height: 1.05;
    }

    .bk-trust-card-copy p {
        margin-top: 10px;
        font-size: 9px;
        line-height: 1.55;
    }

    .bk-trust-card-action {
        gap: 7px;
        margin-top: 16px;
        padding-top: 13px;
    }

    .bk-trust-card-action span {
        font-size: 8px;
    }

    .bk-trust-card-featured::before {
        width: 120px;
        height: 120px;
    }

    .bk-trust-card-featured::after {
        width: 70px;
        height: 70px;
    }

}



/* =========================================================
   BOOKAR ORGANIZATIONS PREMIUM
   4 Desktop / 2 Tablet / 2 Mobile
   ========================================================= */

.bk-organizations {
    position: relative;
    padding: 105px 0;
    background: #fff;
    overflow: hidden;
}

.bk-organizations-head {
    display: grid;
    grid-template-columns: minmax(0, 1.2fr) minmax(300px, .8fr);
    gap: 70px;
    align-items: end;
    margin-bottom: 46px;
}

.bk-organizations-head h2 {
    max-width: 760px;
    margin: 12px 0 0;
    color: #111;
    font-size: clamp(42px, 4.5vw, 64px);
    line-height: .98;
    letter-spacing: -.05em;
    font-weight: 800;
}

.bk-organizations-head > p {
    max-width: 500px;
    margin: 0 0 3px;
    color: #71716c;
    font-size: 14px;
    line-height: 1.75;
}

.bk-organizations-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px;
}

.bk-organization-card {
    min-width: 0;
    min-height: 320px;
    padding: 25px;
    border: 1px solid #e5e5df;
    border-radius: 24px;
    background: #f8f8f5;
}

.bk-organization-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 46px;
    height: 46px;
    margin-bottom: 70px;
    border-radius: 14px;
    background: #111;
    color: #fff;
    font-size: 14px;
}

.bk-organization-card > span {
    display: block;
    margin-bottom: 10px;
    color: #9d7800;
    font-size: 9px;
    font-weight: 800;
    letter-spacing: .13em;
}

.bk-organization-card h3 {
    margin: 0;
    color: #111;
    font-size: 25px;
    line-height: 1.04;
    letter-spacing: -.04em;
    font-weight: 800;
}

.bk-organization-card p {
    margin: 15px 0 0;
    color: #74746e;
    font-size: 12px;
    line-height: 1.7;
}

.bk-organization-card-featured {
    position: relative;
    overflow: hidden;
    border-color: #111;
    background: #111;
}

.bk-organization-card-featured::before {
    content: "";
    position: absolute;
    width: 170px;
    height: 170px;
    top: -65px;
    right: -50px;
    border-radius: 50%;
    background: #ffc800;
}

.bk-organization-card-featured::after {
    content: "";
    position: absolute;
    width: 100px;
    height: 100px;
    left: -45px;
    bottom: -35px;
    border-radius: 50%;
    background: #ff6a00;
}

.bk-organization-card-featured > * {
    position: relative;
    z-index: 2;
}

.bk-organization-card-featured .bk-organization-icon {
    background: #fff;
    color: #111;
}

.bk-organization-card-featured > span {
    color: #ffc800;
}

.bk-organization-card-featured h3 {
    color: #fff;
}

.bk-organization-card-featured p {
    color: rgba(255,255,255,.58);
}


/* TABLET */

@media (max-width: 991px) {

    .bk-organizations {
        padding: 80px 0;
    }

    .bk-organizations-head {
        grid-template-columns: 1fr;
        gap: 22px;
    }

    .bk-organizations-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

}


/* MOBILE */

@media (max-width: 575px) {

    .bk-organizations {
        padding: 65px 0 95px;
    }

    .bk-organizations .bookar-container {
        width: calc(100% - 28px) !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .bk-organizations-head {
        margin-bottom: 30px;
    }

    .bk-organizations-head h2 {
        font-size: 35px;
        line-height: 1.01;
    }

    .bk-organizations-head > p {
        font-size: 12px;
        line-height: 1.65;
    }

    .bk-organizations-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
    }

    .bk-organization-card {
        min-height: 285px;
        padding: 15px;
        border-radius: 19px;
    }

    .bk-organization-icon {
        width: 38px;
        height: 38px;
        margin-bottom: 42px;
        border-radius: 11px;
        font-size: 12px;
    }

    .bk-organization-card > span {
        margin-bottom: 8px;
        font-size: 7px;
    }

    .bk-organization-card h3 {
        font-size: 18px;
    }

    .bk-organization-card p {
        margin-top: 10px;
        font-size: 9px;
        line-height: 1.55;
    }

}



/* =========================================================
   BOOKAR FOOTER PREMIUM
   ========================================================= */

.bk-footer {
    position: relative;
    overflow: hidden;
    padding: 90px 0 28px;
    background: #0b0b0b;
    color: #fff;
}

.bk-footer::before {
    content: "";
    position: absolute;
    width: 380px;
    height: 380px;
    right: -170px;
    top: -180px;
    border-radius: 50%;
    background: #ffc800;
    opacity: .95;
}

.bk-footer::after {
    content: "";
    position: absolute;
    width: 180px;
    height: 180px;
    right: 110px;
    top: -120px;
    border-radius: 50%;
    background: #ff6a00;
}

.bk-footer .bookar-container {
    position: relative;
    z-index: 2;
}

.bk-footer-top {
    display: grid;
    grid-template-columns: minmax(300px, 1.05fr) minmax(0, 1.45fr);
    gap: 80px;
    padding-bottom: 70px;
}

.bk-footer-logo {
    display: inline-flex;
    margin-bottom: 34px;
    color: #fff !important;
    font-size: 30px;
    line-height: 1;
    font-weight: 900;
    letter-spacing: -.05em;
    text-decoration: none !important;
}

.bk-footer-logo span {
    color: #ffc800;
}

.bk-footer-brand h2 {
    max-width: 540px;
    margin: 0;
    color: #fff;
    font-size: clamp(38px, 4vw, 58px);
    line-height: .98;
    letter-spacing: -.055em;
    font-weight: 800;
}

.bk-footer-brand h2 span {
    color: #ffc800;
}

.bk-footer-brand > p {
    max-width: 430px;
    margin: 25px 0 0;
    color: rgba(255,255,255,.55);
    font-size: 13px;
    line-height: 1.75;
}

.bk-footer-social {
    display: flex;
    gap: 8px;
    margin-top: 30px;
}

.bk-footer-social a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 39px;
    height: 39px;
    border: 1px solid rgba(255,255,255,.13);
    border-radius: 12px;
    color: #fff !important;
    background: rgba(255,255,255,.05);
    transition: .25s ease;
}

.bk-footer-social a:hover {
    border-color: #ffc800;
    background: #ffc800;
    color: #111 !important;
    transform: translateY(-2px);
}

.bk-footer-navigation {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 30px;
    padding-top: 8px;
}

.bk-footer-column {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.bk-footer-label {
    display: block;
    margin-bottom: 25px;
    color: #ffc800;
    font-size: 9px;
    line-height: 1;
    font-weight: 800;
    letter-spacing: .16em;
}

.bk-footer-column a {
    display: inline-block;
    margin-bottom: 14px;
    color: rgba(255,255,255,.68) !important;
    font-size: 12px;
    line-height: 1.4;
    text-decoration: none !important;
    transition: .2s ease;
}

.bk-footer-column a:hover {
    color: #fff !important;
    transform: translateX(3px);
}

.bk-footer-business {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 40px;
    align-items: center;
    padding: 28px 32px;
    margin-bottom: 34px;
    border: 1px solid rgba(255,255,255,.1);
    border-radius: 22px;
    background: rgba(255,255,255,.055);
}

.bk-footer-business span {
    display: block;
    margin-bottom: 7px;
    color: #ffc800;
    font-size: 8px;
    font-weight: 800;
    letter-spacing: .16em;
}

.bk-footer-business strong {
    color: #fff;
    font-size: 18px;
    line-height: 1.25;
    font-weight: 700;
}

.bk-footer-business p {
    max-width: 390px;
    margin: 0;
    color: rgba(255,255,255,.48);
    font-size: 11px;
    line-height: 1.65;
}

.bk-footer-bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
    padding-top: 26px;
    border-top: 1px solid rgba(255,255,255,.09);
}

.bk-footer-origin {
    color: rgba(255,255,255,.72);
    font-size: 11px;
}

.bk-footer-copyright,
.bk-footer-copyright p,
.bk-footer-copyright a {
    margin: 0;
    color: rgba(255,255,255,.35) !important;
    font-size: 10px !important;
}

.bk-footer-copyright a:hover {
    color: #ffc800 !important;
}


/* TABLET */

@media (max-width: 991px) {

    .bk-footer {
        padding-top: 75px;
    }

    .bk-footer-top {
        grid-template-columns: 1fr;
        gap: 55px;
    }

    .bk-footer-navigation {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        row-gap: 42px;
    }

}


/* MOBILE */

@media (max-width: 575px) {

    .bk-footer {
        padding: 62px 0 110px;
    }

    .bk-footer .bookar-container {
        width: calc(100% - 28px) !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .bk-footer::before {
        width: 210px;
        height: 210px;
        right: -110px;
        top: -100px;
    }

    .bk-footer::after {
        width: 90px;
        height: 90px;
        right: 50px;
        top: -55px;
    }

    .bk-footer-top {
        gap: 48px;
        padding-bottom: 45px;
    }

    .bk-footer-logo {
        margin-bottom: 27px;
        font-size: 27px;
    }

    .bk-footer-brand h2 {
        max-width: 330px;
        font-size: 37px;
    }

    .bk-footer-brand > p {
        max-width: 320px;
        font-size: 11px;
    }

    .bk-footer-navigation {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 36px 20px;
    }

    .bk-footer-label {
        margin-bottom: 18px;
        font-size: 8px;
    }

    .bk-footer-column a {
        margin-bottom: 12px;
        font-size: 11px;
    }

    .bk-footer-business {
        grid-template-columns: 1fr;
        gap: 12px;
        padding: 22px;
        border-radius: 18px;
    }

    .bk-footer-business strong {
        font-size: 16px;
    }

    .bk-footer-business p {
        font-size: 10px;
    }

    .bk-footer-bottom {
        flex-direction: column;
        align-items: flex-start;
        gap: 15px;
    }

    .bk-footer-origin {
        font-size: 10px;
    }

}



/* =========================================================
   BOOKAR FOOTER - DEC TECHNOLOGY
   ========================================================= */

.bk-footer-origin {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.bk-footer-dec {
    color: rgba(255,255,255,.38);
    font-size: 9px;
    letter-spacing: .02em;
}

.bk-footer-dec strong {
    color: rgba(255,255,255,.75);
    font-weight: 700;
}

@media (max-width: 575px) {

    .bk-footer-dec {
        font-size: 8px;
    }

}



/* =========================================================
   BOOKAR FOOTER - MOBILE FINAL POLISH
   ========================================================= */

@media (max-width: 575px) {

    .bk-footer-top {
        gap: 38px;
        padding-bottom: 52px;
    }

    .bk-footer-brand {
        margin-bottom: 0;
    }

    .bk-footer-brand > p {
        margin-top: 20px;
    }

    .bk-footer-social {
        margin-top: 24px;
    }

    .bk-footer-navigation {
        margin-top: 0;
    }

    .bk-footer-business {
        margin-top: 8px;
        margin-bottom: 34px;
    }

    .bk-footer-bottom {
        padding-top: 24px;
    }

}



/* =========================================================
   BOOKAR CATALOG PREMIUM
   ========================================================= */

.bk-catalog-page {
    background: #f7f7f4;
    color: #111;
}

.bk-catalog-page .container {
    max-width: 1320px;
}


/* HERO */

.bk-catalog-hero {
    position: relative;
    overflow: hidden;
    background: #0d0d0d;
    padding: 92px 0 74px;
}

.bk-catalog-hero-grid {
    min-height: 410px;
    display: grid;
    grid-template-columns: minmax(0, 1.12fr) minmax(360px, .88fr);
    align-items: center;
    gap: 70px;
}

.bk-catalog-eyebrow,
.bk-catalog-section-label,
.bk-catalog-empty-label {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    font-size: 12px;
    line-height: 1;
    font-weight: 800;
    letter-spacing: .14em;
    text-transform: uppercase;
}

.bk-catalog-eyebrow {
    color: #f6c900;
    margin-bottom: 22px;
}

.bk-catalog-eyebrow:before {
    content: "";
    width: 28px;
    height: 2px;
    background: #f6c900;
}

.bk-catalog-hero-copy h1 {
    margin: 0;
    max-width: 760px;
    color: #fff;
    font-size: clamp(46px, 4.3vw, 72px);
    line-height: .99;
    letter-spacing: -.055em;
    font-weight: 800;
}

.bk-catalog-hero-copy h1 span {
    color: #f6c900;
}

.bk-catalog-hero-copy > p {
    max-width: 650px;
    margin: 26px 0 0;
    color: rgba(255,255,255,.67);
    font-size: 17px;
    line-height: 1.75;
}

.bk-catalog-search {
    width: min(100%, 670px);
    min-height: 68px;
    margin-top: 34px;
    padding: 7px 7px 7px 22px;
    display: flex;
    align-items: center;
    gap: 13px;
    background: #fff;
    border-radius: 18px;
}

.bk-catalog-search > .iconify {
    flex: 0 0 auto;
    color: #777;
    font-size: 22px;
}

.bk-catalog-search-input {
    width: 100%;
    min-width: 0;
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
    color: #111;
    font-size: 15px;
}

.bk-catalog-search-btn {
    flex: 0 0 auto;
    min-height: 54px;
    padding: 0 25px;
    border: 0;
    border-radius: 13px;
    background: #f6c900;
    color: #111;
    font-size: 14px;
    font-weight: 800;
}


/* HERO ART */

.bk-catalog-hero-art {
    position: relative;
    min-height: 340px;
}

.bk-catalog-art-yellow {
    position: absolute;
    width: 330px;
    height: 330px;
    right: 8%;
    top: 0;
    border-radius: 50%;
    background: #f6c900;
}

.bk-catalog-art-orange {
    position: absolute;
    width: 150px;
    height: 150px;
    left: 3%;
    bottom: 0;
    border-radius: 42px;
    background: #ff6b00;
    transform: rotate(18deg);
}

.bk-catalog-art-card {
    position: absolute;
    z-index: 2;
    width: 270px;
    min-height: 230px;
    top: 52px;
    right: 80px;
    padding: 30px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    background: #fff;
    border-radius: 28px;
    box-shadow: 0 30px 70px rgba(0,0,0,.25);
    transform: rotate(-4deg);
}

.bk-catalog-art-card span {
    margin-bottom: auto;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: .16em;
}

.bk-catalog-art-card strong {
    font-size: 27px;
    line-height: 1.05;
    letter-spacing: -.04em;
}

.bk-catalog-art-card small {
    margin-top: 13px;
    color: #777;
}

.bk-catalog-art-mini {
    position: absolute;
    z-index: 3;
    right: 0;
    bottom: 13px;
    min-width: 220px;
    padding: 16px 18px;
    display: flex;
    align-items: center;
    gap: 13px;
    background: #111;
    color: #fff;
    border: 1px solid rgba(255,255,255,.15);
    border-radius: 18px;
    box-shadow: 0 20px 50px rgba(0,0,0,.25);
}

.bk-catalog-art-mini > .iconify {
    color: #f6c900;
    font-size: 30px;
}

.bk-catalog-art-mini small,
.bk-catalog-art-mini strong {
    display: block;
}

.bk-catalog-art-mini small {
    color: rgba(255,255,255,.6);
    font-size: 11px;
}

.bk-catalog-art-mini strong {
    margin-top: 2px;
    font-size: 14px;
}


/* BODY */

.bk-catalog-body {
    padding: 76px 0 110px;
}

.bk-catalog-intro {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 40px;
    padding-bottom: 32px;
    border-bottom: 1px solid #deded8;
}

.bk-catalog-section-label {
    color: #8a7200;
    margin-bottom: 14px;
}

.bk-catalog-intro h2 {
    margin: 0;
    color: #111;
    font-size: clamp(34px, 3.2vw, 52px);
    line-height: 1.02;
    letter-spacing: -.045em;
    font-weight: 800;
}

.bk-catalog-intro p {
    max-width: 650px;
    margin: 15px 0 0;
    color: #6f6f6a;
    font-size: 15px;
    line-height: 1.7;
}

.bk-catalog-count {
    flex: 0 0 auto;
    text-align: right;
}

.bk-catalog-count strong {
    display: block;
    color: #111;
    font-size: 38px;
    line-height: 1;
    font-weight: 800;
}

.bk-catalog-count span {
    display: block;
    margin-top: 7px;
    color: #777;
    font-size: 12px;
}


/* CATEGORIES */

.bk-catalog-category-strip {
    padding: 24px 0;
    display: flex;
    align-items: center;
    gap: 22px;
    border-bottom: 1px solid #deded8;
}

.bk-catalog-category-label {
    flex: 0 0 auto;
    color: #777;
    font-size: 12px;
    font-weight: 700;
}

.bk-catalog-category-scroll {
    display: flex;
    gap: 8px;
    overflow-x: auto;
    scrollbar-width: none;
}

.bk-catalog-category-scroll::-webkit-scrollbar {
    display: none;
}

.bk-catalog-category-scroll a {
    flex: 0 0 auto;
    padding: 9px 14px;
    border: 1px solid #ddd;
    border-radius: 999px;
    background: #fff;
    color: #222;
    font-size: 12px;
    font-weight: 700;
    transition: .2s ease;
}

.bk-catalog-category-scroll a:hover {
    border-color: #111;
    background: #111;
    color: #fff;
}


/* TOOLBAR */

.bk-catalog-toolbar {
    padding: 25px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}

.bk-catalog-filter-btn {
    min-height: 46px;
    padding: 0 17px;
    display: inline-flex !important;
    align-items: center;
    gap: 9px;
    border: 1px solid #d7d7d1;
    border-radius: 12px;
    background: #fff;
    color: #111 !important;
    font-size: 13px;
    font-weight: 800;
}

.bk-catalog-filter-btn .iconify {
    font-size: 19px;
}

.bk-catalog-sort {
    display: flex;
    align-items: center;
    gap: 11px;
}

.bk-catalog-sort > span {
    color: #777;
    font-size: 12px;
    font-weight: 600;
}

.bk-catalog-sort .form-select {
    min-width: 165px;
    min-height: 46px;
    border: 1px solid #d7d7d1;
    border-radius: 12px;
    background-color: #fff;
    color: #111;
    font-size: 13px;
    box-shadow: none;
}


/* RESULTS */

.bk-catalog-content {
    align-items: flex-start;
}

.bk-catalog-results {
    min-height: 500px;
}

.bk-course-grid {
    row-gap: 24px;
}

.bk-course-grid-item {
    margin-bottom: 0 !important;
}


/* EMPTY STATE */

.bk-catalog-empty {
    min-height: 500px;
    padding: 70px 30px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    border: 1px solid #e1e1db;
    border-radius: 28px;
    background: #fff;
}

.bk-catalog-empty-art {
    position: relative;
    width: 126px;
    height: 126px;
    margin-bottom: 30px;
    display: grid;
    place-items: center;
}

.bk-empty-yellow {
    position: absolute;
    inset: 0;
    border-radius: 38px;
    background: #f6c900;
    transform: rotate(8deg);
}

.bk-empty-orange {
    position: absolute;
    width: 46px;
    height: 46px;
    right: -14px;
    bottom: -5px;
    border-radius: 15px;
    background: #ff6b00;
    transform: rotate(-12deg);
}

.bk-catalog-empty-art .iconify {
    position: relative;
    z-index: 2;
    color: #111;
    font-size: 54px;
}

.bk-catalog-empty-label {
    color: #8a7200;
    margin-bottom: 13px;
}

.bk-catalog-empty h3 {
    max-width: 600px;
    margin: 0;
    color: #111;
    font-size: clamp(28px, 3vw, 42px);
    line-height: 1.05;
    letter-spacing: -.04em;
    font-weight: 800;
}

.bk-catalog-empty p {
    max-width: 530px;
    margin: 17px auto 0;
    color: #777;
    font-size: 15px;
    line-height: 1.7;
}

.bk-catalog-empty > a {
    margin-top: 27px;
    display: inline-flex;
    align-items: center;
    gap: 9px;
    color: #111;
    font-size: 13px;
    font-weight: 800;
}

.bk-catalog-load-more {
    padding-top: 34px;
    text-align: center;
}

.bk-catalog-load-more button {
    min-height: 50px;
    padding: 0 24px;
    border: 0;
    border-radius: 13px;
    background: #111;
    color: #fff;
    font-size: 13px;
    font-weight: 800;
}


/* TABLET */

@media (max-width: 991px) {

    .bk-catalog-hero {
        padding: 70px 0;
    }

    .bk-catalog-hero-grid {
        grid-template-columns: 1fr;
        gap: 45px;
    }

    .bk-catalog-hero-art {
        min-height: 300px;
        max-width: 520px;
        width: 100%;
        margin: 0 auto;
    }

    .bk-catalog-intro {
        align-items: flex-start;
    }

}


/* MOBILE */

@media (max-width: 575px) {

    .bk-catalog-hero {
        padding: 50px 0 42px;
    }

    .bk-catalog-hero-grid {
        min-height: 0;
        gap: 38px;
    }

    .bk-catalog-hero-copy h1 {
        font-size: 42px;
    }

    .bk-catalog-hero-copy > p {
        margin-top: 20px;
        font-size: 14px;
    }

    .bk-catalog-search {
        min-height: 60px;
        margin-top: 27px;
        padding: 6px 6px 6px 15px;
        border-radius: 15px;
    }

    .bk-catalog-search-btn {
        min-height: 48px;
        padding: 0 17px;
    }

    .bk-catalog-hero-art {
        min-height: 260px;
    }

    .bk-catalog-art-yellow {
        width: 235px;
        height: 235px;
        right: 4%;
    }

    .bk-catalog-art-orange {
        width: 105px;
        height: 105px;
    }

    .bk-catalog-art-card {
        width: 210px;
        min-height: 185px;
        top: 31px;
        right: 38px;
        padding: 22px;
        border-radius: 23px;
    }

    .bk-catalog-art-card strong {
        font-size: 22px;
    }

    .bk-catalog-art-mini {
        right: 0;
        bottom: 2px;
        min-width: 190px;
        padding: 13px 14px;
    }

    .bk-catalog-body {
        padding: 52px 0 95px;
    }

    .bk-catalog-intro {
        display: block;
        padding-bottom: 25px;
    }

    .bk-catalog-intro h2 {
        font-size: 34px;
    }

    .bk-catalog-count {
        margin-top: 23px;
        display: flex;
        align-items: baseline;
        gap: 8px;
        text-align: left;
    }

    .bk-catalog-count strong {
        font-size: 28px;
    }

    .bk-catalog-count span {
        margin: 0;
    }

    .bk-catalog-category-strip {
        display: block;
    }

    .bk-catalog-category-label {
        display: block;
        margin-bottom: 12px;
    }

    .bk-catalog-toolbar {
        padding: 20px 0;
    }

    .bk-catalog-sort > span {
        display: none;
    }

    .bk-catalog-sort .form-select {
        min-width: 145px;
    }

    .bk-catalog-empty {
        min-height: 390px;
        padding: 50px 20px;
        border-radius: 22px;
    }

    .bk-catalog-empty-art {
        width: 100px;
        height: 100px;
        margin-bottom: 25px;
    }

    .bk-catalog-empty h3 {
        font-size: 29px;
    }

    .bk-catalog-empty p {
        font-size: 14px;
    }

}


/* BOOKAR CARD GRID STANDARD: 4 / 2 / 2 */

@media (min-width: 992px) {
    .bk-course-grid > .bk-course-grid-item {
        width: 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }
}

@media (min-width: 576px) and (max-width: 991px) {
    .bk-course-grid > .bk-course-grid-item {
        width: 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
}

@media (max-width: 575px) {
    .bk-course-grid > .bk-course-grid-item {
        width: 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
}



/* =========================================================
   BOOKAR CATALOG FILTER PREMIUM
   ========================================================= */

.bk-filter-shell {
    overflow: hidden;
    border: 1px solid #dfdfd9 !important;
    border-radius: 22px;
    background: #fff !important;
}

.bk-filter-desktop-head {
    padding: 24px 23px 20px;
    border-bottom: 1px solid #e8e8e2;
}

.bk-filter-desktop-head span {
    display: block;
    margin-bottom: 7px;
    color: #8a7200;
    font-size: 10px;
    font-weight: 900;
    letter-spacing: .13em;
}

.bk-filter-desktop-head strong {
    display: block;
    color: #111;
    font-size: 22px;
    line-height: 1;
}

.bk-filter-mobile-head,
.bk-filter-mobile-footer {
    display: none;
}


/* accordion */

.bk-filter-shell .accordion,
.bk-filter-shell .accordion-item {
    border: 0 !important;
    background: transparent !important;
}

.bk-filter-shell .course-sidebar-accordion-item {
    border-bottom: 1px solid #e8e8e2 !important;
    border-radius: 0 !important;
}

.bk-filter-shell .course-sidebar-title .accordion-button {
    min-height: 58px;
    padding: 17px 21px !important;
    border: 0 !important;
    background: #fff !important;
    box-shadow: none !important;
    color: #111 !important;
    font-size: 13px;
    font-weight: 800;
}

.bk-filter-shell
.course-sidebar-accordion-item
> .accordion-collapse
> .accordion-body {
    padding: 0 21px 20px !important;
}


/* categorias */

.bk-filter-shell .inner-accordion {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.bk-filter-shell .sidebar-inner-accordion-item {
    overflow: hidden;
    border: 1px solid #ecece7 !important;
    border-radius: 11px !important;
}

.bk-filter-shell .sidebar-inner-title .accordion-button {
    min-height: 43px;
    padding: 11px 13px !important;
    background: #fafaf7 !important;
    color: #333 !important;
    font-size: 12px;
    font-weight: 700;
    box-shadow: none !important;
}

.bk-filter-shell .inner-accordion-body {
    padding: 11px 13px !important;
}


/* checkbox */

.bk-filter-shell .sidebar-radio-item {
    min-height: 34px;
    display: flex;
    align-items: center;
}

.bk-filter-shell .form-check {
    width: 100%;
    min-height: 0;
    margin: 0;
    display: flex;
    align-items: center;
    gap: 9px;
}

.bk-filter-shell .form-check-input {
    width: 17px;
    height: 17px;
    flex: 0 0 17px;
    margin: 0 !important;
    border: 1px solid #c9c9c2;
    border-radius: 5px !important;
    box-shadow: none !important;
}

.bk-filter-shell .form-check-input:checked {
    border-color: #111 !important;
    background-color: #111 !important;
}

.bk-filter-shell .form-check-label {
    margin: 0;
    color: #555;
    font-size: 12px;
    line-height: 1.4;
}

.bk-filter-shell
.filterRating
+ .form-check-label
.iconify {
    margin-right: 7px;
    color: #f6c900;
}


/* preco */

.bk-filter-shell .range-value-box {
    display: grid;
    grid-template-columns:
        minmax(0,1fr)
        minmax(0,1fr)
        38px;
    gap: 7px;
    align-items: end;
    margin-bottom: 13px;
}

.bk-filter-shell .range-value-wrap {
    min-width: 0;
}

.bk-filter-shell .range-value-wrap label {
    display: block;
    margin-bottom: 6px;
    color: #777;
    font-size: 10px;
    font-weight: 700;
}

.bk-filter-shell .price-range-field {
    width: 100% !important;
    height: 39px;
    padding: 0 8px;
    border: 1px solid #dcdcd6 !important;
    border-radius: 9px !important;
    background: #fafaf7 !important;
    color: #111 !important;
    font-size: 11px;
    box-shadow: none !important;
}

.bk-filter-shell .filterPrice {
    width: 38px;
    height: 39px;
    display: grid;
    place-items: center;
    border: 0;
    border-radius: 9px;
    background: #f6c900;
    color: #111;
}


/* overlay */

.bk-filter-overlay {
    position: fixed;
    inset: 0;
    z-index: 1000001;
    visibility: hidden;
    opacity: 0;
    background: rgba(0,0,0,.48);
    backdrop-filter: blur(3px);
    transition:
        opacity .25s ease,
        visibility .25s ease;
}

.bk-filter-overlay-open {
    visibility: visible;
    opacity: 1;
}

body.bk-filter-lock {
    overflow: hidden !important;
}


/* tablet + celular */

@media (max-width: 991px) {

    .bk-catalog-content > .coursesLeftSidebar {
        display: block !important;
    }

    .bk-filter-panel {
        position: fixed !important;
        z-index: 1000002 !important;
        top: 0;
        left: 0;
        bottom: 0;
        width: min(420px, 92vw) !important;
        max-width: none !important;
        padding: 0 !important;

        visibility: hidden;
        transform: translateX(-105%);

        transition:
            transform .28s ease,
            visibility .28s ease;
    }

    .bk-filter-panel.bk-filter-open {
        visibility: visible;
        transform: translateX(0);
    }

    .bk-filter-shell {
        width: 100%;
        height: 100%;
        overflow-y: auto;
        border: 0 !important;
        border-radius: 0 24px 24px 0;
        padding-bottom: 92px;
    }

    .bk-filter-desktop-head {
        display: none;
    }

    .bk-filter-mobile-head {
        position: sticky;
        z-index: 5;
        top: 0;

        min-height: 84px;
        padding: 18px 20px;

        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 20px;

        border-bottom: 1px solid #e8e8e2;
        background: rgba(255,255,255,.97);
        backdrop-filter: blur(12px);
    }

    .bk-filter-mobile-head span {
        display: block;
        margin-bottom: 5px;
        color: #8a7200;
        font-size: 9px;
        font-weight: 900;
        letter-spacing: .13em;
    }

    .bk-filter-mobile-head strong {
        display: block;
        color: #111;
        font-size: 20px;
    }

    .bk-filter-close {
        width: 42px;
        height: 42px;
        flex: 0 0 42px;

        display: grid;
        place-items: center;

        border: 1px solid #e2e2dc;
        border-radius: 13px;
        background: #f7f7f4;
        color: #111;
    }

    .bk-filter-close .iconify {
        font-size: 23px;
    }

    .bk-filter-mobile-footer {
        position: fixed;
        z-index: 6;
        left: 0;
        bottom: 0;

        width: min(420px, 92vw);

        padding:
            14px
            18px
            calc(14px + env(safe-area-inset-bottom));

        display: block;

        border-top: 1px solid #e8e8e2;
        background: rgba(255,255,255,.97);
        backdrop-filter: blur(12px);
    }

    .bk-filter-view-results {
        width: 100%;
        min-height: 52px;
        padding: 0 18px;

        display: flex;
        align-items: center;
        justify-content: center;
        gap: 9px;

        border: 0;
        border-radius: 13px;

        background: #111;
        color: #fff;

        font-size: 13px;
        font-weight: 800;
    }

    .bk-catalog-results {
        width: 100% !important;
        max-width: 100% !important;
        flex: 0 0 100% !important;
    }

}


@media (max-width: 575px) {

    .bk-filter-panel {
        width: 92vw !important;
    }

    .bk-filter-shell {
        border-radius: 0 20px 20px 0;
    }

    .bk-filter-mobile-footer {
        width: 92vw;
    }

}



/* =========================================================
   BOOKAR COURSES POLISH V3
   ========================================================= */


/* DESKTOP ------------------------------------------------ */

@media (min-width: 992px) {

    /*
     * No desktop o sidebar já está visível.
     * O botão "Filtros" é desnecessário.
     */
    .bk-catalog-toolbar .bk-catalog-filter-btn {
        visibility: hidden;
        pointer-events: none;
    }

    .bk-catalog-toolbar {
        justify-content: flex-end;
    }

    /*
     * Proporção mais elegante:
     * sidebar compacto + área principal ampla.
     */
    .bk-catalog-content > .bk-filter-panel {
        width: 24%;
        flex: 0 0 24%;
        max-width: 24%;
    }

    .bk-catalog-content > .bk-catalog-results {
        width: 76%;
        flex: 0 0 76%;
        max-width: 76%;
    }

    /*
     * Espaço entre filtro e resultados.
     */
    .bk-catalog-content {
        --bs-gutter-x: 26px;
    }

    /*
     * Sidebar acompanha a navegação sem virar
     * um bloco perdido na página.
     */
    .bk-filter-shell {
        position: sticky;
        top: 105px;
    }

    /*
     * Estado vazio mais equilibrado.
     */
    .bk-catalog-empty {
        min-height: 470px;
        padding-top: 55px;
        padding-bottom: 55px;
    }

}


/* DESKTOP GRANDE ----------------------------------------- */

@media (min-width: 1200px) {

    .bk-catalog-body {
        padding-top: 68px;
    }

    .bk-catalog-content {
        --bs-gutter-x: 30px;
    }

    .bk-catalog-empty {
        min-height: 500px;
    }

}


/* TABLET ------------------------------------------------- */

@media (min-width: 576px) and (max-width: 991px) {

    .bk-catalog-toolbar {
        margin-bottom: 4px;
    }

    .bk-catalog-results {
        min-height: 420px;
    }

    /*
     * REGRA BOOKAR:
     * tablet = 2 cards.
     */
    .bk-course-grid > .bk-course-grid-item {
        width: 50% !important;
        flex: 0 0 50% !important;
        max-width: 50% !important;
    }

}


/* MOBILE ------------------------------------------------- */

@media (max-width: 575px) {

    .bk-catalog-body {
        padding-top: 46px;
    }

    .bk-catalog-intro {
        margin-bottom: 0;
    }

    .bk-catalog-category-strip {
        padding-top: 23px;
        padding-bottom: 23px;
    }

    .bk-catalog-toolbar {
        padding-top: 20px;
        padding-bottom: 24px;
    }

    .bk-catalog-filter-btn {
        min-width: 103px;
        justify-content: center;
    }

    .bk-catalog-sort .form-select {
        min-width: 145px;
    }

    /*
     * Empty state não precisa ocupar
     * uma tela gigantesca.
     */
    .bk-catalog-empty {
        min-height: 390px;
        padding: 45px 20px 70px;
    }

    .bk-catalog-empty-art {
        width: 96px;
        height: 96px;
    }

    .bk-catalog-empty h3 {
        max-width: 320px;
        font-size: 28px;
        line-height: 1.06;
    }

    .bk-catalog-empty p {
        max-width: 330px;
    }

    /*
     * REGRA BOOKAR:
     * celular = 2 cards.
     */
    .bk-course-grid {
        --bs-gutter-x: 12px;
        row-gap: 12px;
    }

    .bk-course-grid > .bk-course-grid-item {
        width: 50% !important;
        flex: 0 0 50% !important;
        max-width: 50% !important;
        padding-left: 6px;
        padding-right: 6px;
    }

}


/* GRID DESKTOP BOOKAR ------------------------------------ */

@media (min-width: 992px) {

    /*
     * Cursos usam 4 por linha.
     * Outros módulos compactos poderão usar 6.
     */
    .bk-course-grid {
        --bs-gutter-x: 18px;
        row-gap: 20px;
    }

    .bk-course-grid > .bk-course-grid-item {
        width: 25% !important;
        flex: 0 0 25% !important;
        max-width: 25% !important;
    }

}



/* =========================================================
   BOOKAR COURSES POLISH V4 CORRECTED
   ========================================================= */


/* =========================================================
   TOOLBAR UNICA
   Filtros | Categorias | Ordenar
   ========================================================= */

.bk-catalog-toolbar {
    width: 100%;

    padding: 24px 0 28px;

    display: grid !important;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;

    gap: 18px;
}


/*
 * V3 escondia o botão no desktop.
 * Aqui ele volta definitivamente.
 */
.bk-catalog-toolbar .bk-catalog-filter-btn {
    visibility: visible !important;
    pointer-events: auto !important;
    display: inline-flex !important;
}


/* categorias */

.bk-catalog-toolbar-categories {
    min-width: 0;

    display: flex;
    align-items: center;
    gap: 13px;
}

.bk-toolbar-category-label {
    flex: 0 0 auto;

    color: #757570;

    font-size: 11px;
    font-weight: 700;

    white-space: nowrap;
}

.bk-toolbar-category-scroll {
    min-width: 0;

    display: flex;
    align-items: center;

    gap: 8px;

    overflow-x: auto;
    scrollbar-width: none;
}

.bk-toolbar-category-scroll::-webkit-scrollbar {
    display: none;
}

.bk-toolbar-category-scroll a {
    flex: 0 0 auto;

    min-height: 43px;

    padding: 0 17px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    border: 1px solid #dddcd6;
    border-radius: 999px;

    background: #fff;
    color: #111;

    font-size: 11px;
    font-weight: 800;

    white-space: nowrap;

    transition: all .2s ease;
}

.bk-toolbar-category-scroll a:hover {
    border-color: #111;
    background: #111;
    color: #fff;
}


/* ordenar */

.bk-catalog-sort {
    display: flex;
    align-items: center;

    gap: 10px;

    flex: 0 0 auto;
}

.bk-catalog-sort > span {
    color: #777;

    font-size: 11px;
    font-weight: 700;

    line-height: 1.25;
}

.bk-catalog-sort .form-select {
    min-width: 165px;
}


/* =========================================================
   SIDEBAR COMPACTO
   ========================================================= */

.bk-filter-shell .course-sidebar-title .accordion-button {
    min-height: 62px;
}

.bk-filter-shell .course-sidebar-accordion-item {
    overflow: hidden;
}


/*
 * Nada aberto = painel compacto.
 */
.bk-filter-shell .accordion-collapse:not(.show) {
    display: none !important;
}


/* =========================================================
   DESKTOP
   ========================================================= */

@media (min-width: 992px) {

    .bk-catalog-toolbar {
        grid-template-columns:
            auto
            minmax(0,1fr)
            auto;
    }

    /*
     * sidebar continua fixo visualmente,
     * mas agora compacto porque os grupos
     * ficam fechados.
     */
    .bk-filter-shell {
        position: sticky;
        top: 105px;
    }

}


/* =========================================================
   TABLET
   ========================================================= */

@media (min-width: 576px) and (max-width: 991px) {

    .bk-catalog-toolbar {
        grid-template-columns:
            auto
            minmax(0,1fr)
            auto;

        gap: 13px;
    }

    .bk-toolbar-category-label {
        display: none;
    }

    .bk-toolbar-category-scroll a {
        min-height: 41px;

        padding-left: 14px;
        padding-right: 14px;
    }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 575px) {

    .bk-catalog-toolbar {
        grid-template-columns:
            auto
            minmax(0,1fr)
            auto;

        gap: 10px;

        padding-top: 19px;
        padding-bottom: 22px;
    }

    .bk-toolbar-category-label {
        display: none;
    }

    .bk-toolbar-category-scroll {
        gap: 7px;
    }

    .bk-toolbar-category-scroll a {
        min-height: 39px;

        padding-left: 12px;
        padding-right: 12px;

        font-size: 10px;
    }

    .bk-catalog-filter-btn {
        min-width: 98px;
    }

    .bk-catalog-sort .form-select {
        min-width: 130px;
    }

    .bk-catalog-sort > span {
        display: none;
    }

}


/*
|--------------------------------------------------------------------------
| MOBILE ESTREITO
|--------------------------------------------------------------------------
*/

@media (max-width: 430px) {

    /*
     * Primeira linha:
     * Filtros | Ordenar
     *
     * Segunda linha:
     * categorias roláveis
     */

    .bk-catalog-toolbar {
        grid-template-columns:
            auto
            1fr
            auto;
    }

    .bk-catalog-filter-btn {
        grid-column: 1;
        grid-row: 1;
    }

    .bk-catalog-sort {
        grid-column: 3;
        grid-row: 1;
    }

    .bk-catalog-toolbar-categories {
        grid-column: 1 / -1;
        grid-row: 2;

        width: 100%;

        margin-top: 4px;
    }

}



/* =========================================================
   BOOKAR FILTER PREMIUM V5
   refinamento interno
   ========================================================= */


/* ---------------------------------------------------------
   PAINEL
   --------------------------------------------------------- */

.bk-filter-shell {
    border-color: #e4e3dc !important;
    box-shadow:
        0 1px 0 rgba(0,0,0,.02),
        0 12px 40px rgba(0,0,0,.035);
}

.bk-filter-desktop-head {
    padding: 25px 22px 22px;
}

.bk-filter-desktop-head span {
    color: #8d7600;
    font-size: 9px;
    letter-spacing: .16em;
}

.bk-filter-desktop-head strong {
    margin-top: 2px;
    font-size: 23px;
    letter-spacing: -.035em;
}


/* ---------------------------------------------------------
   CABECALHO DE CADA FILTRO
   --------------------------------------------------------- */

.bk-filter-shell .course-sidebar-title .accordion-button {
    min-height: 61px !important;
    padding: 0 20px !important;

    display: flex;
    align-items: center;

    background: #fff !important;
    color: #111 !important;

    font-size: 13px;
    font-weight: 800;
    letter-spacing: -.01em;

    transition: background .2s ease;
}

.bk-filter-shell .course-sidebar-title .accordion-button:hover {
    background: #fbfbf8 !important;
}

.bk-filter-shell .course-sidebar-title .accordion-button::after {
    width: 29px !important;
    height: 29px !important;

    margin-left: auto;

    display: grid;
    place-items: center;

    border: 1px solid #d9d9d3;
    border-radius: 50%;

    background-size: 12px !important;
    background-position: center;
}


/* ---------------------------------------------------------
   CORPO DOS FILTROS
   --------------------------------------------------------- */

.bk-filter-shell
.course-sidebar-accordion-item
> .accordion-collapse
> .accordion-body {

    padding:
        5px
        20px
        21px !important;

    background: #fbfaf6;
}


/* ---------------------------------------------------------
   CATEGORIAS
   --------------------------------------------------------- */

.bk-filter-shell .inner-accordion {
    gap: 5px !important;
}

.bk-filter-shell .sidebar-inner-accordion-item {
    overflow: hidden;

    border: 0 !important;
    border-bottom: 1px solid #ecebe5 !important;

    border-radius: 0 !important;

    background: transparent !important;
}

.bk-filter-shell .sidebar-inner-accordion-item:last-child {
    border-bottom: 0 !important;
}

.bk-filter-shell .sidebar-inner-title .accordion-button {
    min-height: 48px !important;

    padding: 0 4px !important;

    background: transparent !important;
    color: #242424 !important;

    font-size: 12px;
    font-weight: 700;

    border: 0 !important;
}

.bk-filter-shell .sidebar-inner-title .accordion-button:hover {
    color: #000 !important;
}

.bk-filter-shell .sidebar-inner-title .accordion-button::after {
    width: 20px !important;
    height: 20px !important;

    border: 0;

    background-size: 10px !important;
}

.bk-filter-shell .inner-accordion-body {
    padding:
        2px
        3px
        12px !important;

    background: transparent !important;
}


/* subcategorias */

.bk-filter-shell .inner-accordion-body .sidebar-radio-item {
    min-height: 38px;

    padding: 0 4px;

    border-radius: 9px;

    transition: background .18s ease;
}

.bk-filter-shell .inner-accordion-body .sidebar-radio-item:hover {
    background: #f2f1eb;
}


/* ---------------------------------------------------------
   CHECKBOX PREMIUM
   --------------------------------------------------------- */

.bk-filter-shell .form-check {
    gap: 10px !important;
}

.bk-filter-shell .form-check-input {
    appearance: none;
    -webkit-appearance: none;

    position: relative;

    width: 18px !important;
    height: 18px !important;
    flex: 0 0 18px !important;

    border: 1.4px solid #c9c8c1 !important;
    border-radius: 6px !important;

    background: #fff !important;

    cursor: pointer;

    transition:
        background .15s ease,
        border-color .15s ease,
        transform .15s ease;
}

.bk-filter-shell .form-check-input:hover {
    border-color: #111 !important;
}

.bk-filter-shell .form-check-input:checked {
    border-color: #111 !important;
    background: #111 !important;
}

.bk-filter-shell .form-check-input:checked::after {
    content: "";

    position: absolute;

    left: 5px;
    top: 2px;

    width: 5px;
    height: 9px;

    border: solid #f6c900;
    border-width: 0 2px 2px 0;

    transform: rotate(45deg);
}

.bk-filter-shell .form-check-label {
    color: #4f4f4a !important;

    font-size: 12px !important;
    font-weight: 500;

    line-height: 1.35;
}


/* ---------------------------------------------------------
   AVALIACAO
   --------------------------------------------------------- */

.bk-filter-shell
#panelsStayOpen-collapseThree
.sidebar-radio-item {

    min-height: 42px;

    padding: 0 5px;

    border-radius: 9px;

    transition: background .18s ease;
}

.bk-filter-shell
#panelsStayOpen-collapseThree
.sidebar-radio-item:hover {

    background: #f2f1eb;
}

.bk-filter-shell
#panelsStayOpen-collapseThree
.form-check-label {

    display: flex;
    align-items: center;

    gap: 7px;
}

.bk-filter-shell
#panelsStayOpen-collapseThree
.form-check-label
.iconify {

    margin: 0 !important;

    color: #f6c900 !important;

    font-size: 15px;
}


/* ---------------------------------------------------------
   PRECO
   --------------------------------------------------------- */

.bk-filter-shell
#panelsStayOpen-collapseFour
.accordion-body {

    padding-top: 13px !important;
}


/*
 * Min / Max ficam lado a lado.
 * Aplicar ocupa a largura toda.
 */
.bk-filter-shell .range-value-box {
    display: grid !important;

    grid-template-columns:
        minmax(0, 1fr)
        minmax(0, 1fr) !important;

    gap: 10px !important;

    margin-bottom: 17px !important;
}

.bk-filter-shell .range-value-wrap {
    position: relative;

    padding: 10px 11px 9px;

    border: 1px solid #deddd6;
    border-radius: 12px;

    background: #fff;
}

.bk-filter-shell .range-value-wrap label {
    margin: 0 0 6px !important;

    color: #777 !important;

    font-size: 9px !important;
    font-weight: 800 !important;

    text-transform: uppercase;
    letter-spacing: .08em;
}

.bk-filter-shell .price-range-field {
    width: 100% !important;
    height: 34px !important;

    padding: 0 !important;

    border: 0 !important;
    border-radius: 0 !important;

    background: transparent !important;

    color: #111 !important;

    font-size: 14px !important;
    font-weight: 700;

    box-shadow: none !important;
}

.bk-filter-shell .price-range-field:focus {
    outline: 0 !important;
}


/*
 * wrapper do botão
 */
.bk-filter-shell .range-value-wrap-go-btn {
    grid-column: 1 / -1;

    width: 100%;

    margin-top: 1px;
}


/*
 * botão Aplicar
 */
.bk-filter-shell .filterPrice {
    width: 100% !important;
    height: 44px !important;

    padding: 0 15px !important;

    display: flex !important;
    align-items: center;
    justify-content: center;

    gap: 8px;

    border: 0 !important;
    border-radius: 11px !important;

    background: #f6c900 !important;
    color: #111 !important;

    font-size: 12px !important;
    font-weight: 800 !important;

    transition:
        transform .18s ease,
        background .18s ease;
}

.bk-filter-shell .filterPrice:hover {
    background: #ffd500 !important;
    transform: translateY(-1px);
}

.bk-filter-shell .filterPrice .iconify {
    font-size: 17px;
}


/* ---------------------------------------------------------
   GRATUITO / PAGO
   --------------------------------------------------------- */

.bk-filter-shell
#panelsStayOpen-collapseFour
.sidebar-radio-item {

    min-height: 42px;

    margin-top: 4px;

    padding: 0 10px;

    border: 1px solid #e5e4de;
    border-radius: 10px;

    background: #fff;

    transition:
        border-color .18s ease,
        background .18s ease;
}

.bk-filter-shell
#panelsStayOpen-collapseFour
.sidebar-radio-item:hover {

    border-color: #c8c7c0;
    background: #fafaf7;
}


/* ---------------------------------------------------------
   NIVEL + DURACAO
   --------------------------------------------------------- */

.bk-filter-shell
#panelsStayOpen-collapseTwo
.sidebar-radio-item,

.bk-filter-shell
#panelsStayOpen-collapseFive
.sidebar-radio-item {

    min-height: 42px;

    padding: 0 5px;

    border-radius: 9px;

    transition: background .18s ease;
}

.bk-filter-shell
#panelsStayOpen-collapseTwo
.sidebar-radio-item:hover,

.bk-filter-shell
#panelsStayOpen-collapseFive
.sidebar-radio-item:hover {

    background: #f2f1eb;
}


/* ---------------------------------------------------------
   MOBILE / TABLET
   --------------------------------------------------------- */

@media (max-width: 991px) {

    .bk-filter-shell
    .course-sidebar-title
    .accordion-button {

        min-height: 60px !important;
    }

    .bk-filter-shell
    .course-sidebar-accordion-item
    > .accordion-collapse
    > .accordion-body {

        padding-left: 18px !important;
        padding-right: 18px !important;
    }

}


/* ---------------------------------------------------------
   CELULAR
   --------------------------------------------------------- */

@media (max-width: 575px) {

    .bk-filter-shell .range-value-box {
        grid-template-columns:
            minmax(0,1fr)
            minmax(0,1fr) !important;
    }

    .bk-filter-shell .range-value-wrap {
        padding: 9px 10px;
    }

    .bk-filter-shell .filterPrice {
        height: 46px !important;
    }

}



/* =========================================================
   BOOKAR FILTER POLISH V6
   preco + avaliacao + ordenar
   ========================================================= */


/* =========================================================
   ORDENAR
   ========================================================= */

.bk-catalog-sort {
    display: block !important;
}

.bk-catalog-sort > span {
    display: none !important;
}

.bk-catalog-sort .form-select {
    width: 158px !important;
    min-width: 158px !important;
    height: 46px !important;

    padding:
        0
        42px
        0
        16px !important;

    border: 1px solid #deded8 !important;
    border-radius: 13px !important;

    background-color: #fff !important;

    color: #111 !important;

    font-size: 12px !important;
    font-weight: 700 !important;

    box-shadow: none !important;
}


/* =========================================================
   AVALIACAO
   ========================================================= */

/*
 * Cada opção:
 *
 * [checkbox] [estrela] [texto]
 *
 * sem sobreposição.
 */

.bk-filter-shell
#panelsStayOpen-collapseThree
.sidebar-radio-item {

    min-height: 40px !important;

    padding: 0 3px !important;

    display: flex !important;
    align-items: center !important;
}

.bk-filter-shell
#panelsStayOpen-collapseThree
.form-check {

    width: 100% !important;

    display: grid !important;

    grid-template-columns:
        18px
        minmax(0, 1fr);

    align-items: center !important;

    column-gap: 10px !important;

    padding: 0 !important;
    margin: 0 !important;
}

.bk-filter-shell
#panelsStayOpen-collapseThree
.form-check-input {

    position: relative !important;

    grid-column: 1;

    width: 18px !important;
    height: 18px !important;

    margin: 0 !important;

    align-self: center !important;
}

.bk-filter-shell
#panelsStayOpen-collapseThree
.form-check-label {

    grid-column: 2;

    min-width: 0;

    margin: 0 !important;

    display: flex !important;
    align-items: center !important;

    gap: 7px !important;

    color: #4d4d49 !important;

    font-size: 11px !important;
    font-weight: 500 !important;

    line-height: 1.25 !important;

    white-space: nowrap;
}

.bk-filter-shell
#panelsStayOpen-collapseThree
.form-check-label
.iconify {

    position: static !important;

    width: 15px !important;
    min-width: 15px !important;
    height: 15px !important;

    margin: 0 !important;

    flex: 0 0 15px !important;

    color: #f6c900 !important;

    font-size: 15px !important;
}


/* Caso a estrela nativa seja <i> em vez de iconify */

.bk-filter-shell
#panelsStayOpen-collapseThree
.form-check-label i {

    position: static !important;

    width: 15px !important;
    min-width: 15px !important;

    margin: 0 !important;

    color: #f6c900 !important;

    font-size: 13px !important;

    text-align: center;
}


/* =========================================================
   PRECO - COMPACTO
   ========================================================= */

.bk-filter-shell
#panelsStayOpen-collapseFour
.accordion-body {

    padding:
        14px
        20px
        20px !important;
}


/*
 * Min | Max
 */
.bk-filter-shell .range-value-box {

    display: grid !important;

    grid-template-columns:
        minmax(0,1fr)
        minmax(0,1fr) !important;

    gap: 8px !important;

    margin:
        0
        0
        13px !important;
}


/*
 * caixas menores
 */
.bk-filter-shell .range-value-wrap {

    min-width: 0 !important;

    padding:
        9px
        10px
        8px !important;

    border: 1px solid #deddd7 !important;
    border-radius: 10px !important;

    background: #fff !important;
}

.bk-filter-shell .range-value-wrap label {

    margin:
        0
        0
        3px !important;

    color: #777 !important;

    font-size: 8px !important;
    font-weight: 800 !important;

    line-height: 1 !important;

    letter-spacing: .08em !important;
}

.bk-filter-shell .price-range-field {

    width: 100% !important;
    height: 25px !important;

    min-height: 25px !important;

    padding: 0 !important;

    border: 0 !important;

    background: transparent !important;

    color: #111 !important;

    font-size: 12px !important;
    font-weight: 800 !important;

    line-height: 25px !important;
}


/*
 * botão Aplicar menor.
 */
.bk-filter-shell .range-value-wrap-go-btn {

    grid-column: 1 / -1 !important;

    width: auto !important;

    display: flex !important;
    justify-content: flex-start !important;

    margin-top: 1px !important;
}

.bk-filter-shell .filterPrice {

    width: auto !important;
    min-width: 112px !important;
    height: 38px !important;

    padding:
        0
        16px !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    gap: 7px !important;

    border-radius: 10px !important;

    background: #f6c900 !important;
    color: #111 !important;

    font-size: 11px !important;
    font-weight: 800 !important;
}

.bk-filter-shell .filterPrice .iconify {

    width: 15px !important;
    height: 15px !important;

    font-size: 15px !important;
}


/* =========================================================
   GRATUITO / PAGO MAIS COMPACTOS
   ========================================================= */

.bk-filter-shell
#panelsStayOpen-collapseFour
.sidebar-radio-item {

    min-height: 38px !important;

    margin-top: 6px !important;

    padding:
        0
        10px !important;

    border-radius: 9px !important;
}


/* =========================================================
   TABLET / MOBILE
   ========================================================= */

@media (max-width: 991px) {

    /*
     * No drawer há mais largura.
     * Mesmo assim mantemos os controles compactos.
     */

    .bk-filter-shell
    #panelsStayOpen-collapseFour
    .accordion-body {

        padding-left: 18px !important;
        padding-right: 18px !important;
    }

    .bk-filter-shell .range-value-box {

        max-width: 310px !important;

        grid-template-columns:
            1fr
            1fr !important;
    }

    .bk-filter-shell .range-value-wrap {

        padding:
            8px
            10px
            7px !important;
    }

    .bk-filter-shell .filterPrice {

        min-width: 108px !important;
        height: 38px !important;
    }

}


/* =========================================================
   CELULAR
   ========================================================= */

@media (max-width: 575px) {

    .bk-filter-shell .range-value-box {

        width: 100% !important;
        max-width: 100% !important;

        gap: 8px !important;
    }

    .bk-filter-shell .range-value-wrap {

        min-height: 58px !important;
    }

    .bk-filter-shell
    #panelsStayOpen-collapseThree
    .form-check-label {

        font-size: 11px !important;

        white-space: normal !important;
    }

    .bk-filter-shell
    #panelsStayOpen-collapseThree
    .sidebar-radio-item {

        min-height: 40px !important;
    }

    .bk-filter-shell .filterPrice {

        width: 112px !important;
        min-width: 112px !important;

        height: 38px !important;
    }

}



/* =========================================================
   BOOKAR PRICE BUTTON FIX V6.1
   remove fundo roxo nativo
   ========================================================= */

.bk-filter-shell .range-value-wrap-go-btn {
    grid-column: 1 / -1 !important;

    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;

    margin: 1px 0 0 !important;
    padding: 0 !important;

    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;

    background: transparent !important;
    background-color: transparent !important;

    border: 0 !important;
    box-shadow: none !important;
}


/* botão Bookar */

.bk-filter-shell .range-value-wrap-go-btn .filterPrice {
    position: static !important;

    width: auto !important;
    min-width: 112px !important;
    max-width: none !important;

    height: 38px !important;

    margin: 0 !important;
    padding: 0 17px !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    gap: 8px !important;

    border: 0 !important;
    border-radius: 10px !important;

    background: #f6c900 !important;
    background-color: #f6c900 !important;

    color: #111 !important;

    box-shadow: none !important;

    font-size: 11px !important;
    font-weight: 800 !important;

    line-height: 1 !important;
}


/* elimina pseudo-elementos herdados */

.bk-filter-shell .range-value-wrap-go-btn::before,
.bk-filter-shell .range-value-wrap-go-btn::after {
    display: none !important;
    content: none !important;
}


/* hover */

.bk-filter-shell .range-value-wrap-go-btn .filterPrice:hover {
    background: #ffd400 !important;
    background-color: #ffd400 !important;

    transform: translateY(-1px);
}


/* mobile */

@media (max-width: 575px) {

    .bk-filter-shell .range-value-wrap-go-btn {
        width: 100% !important;
        background: transparent !important;
    }

    .bk-filter-shell .range-value-wrap-go-btn .filterPrice {
        width: auto !important;
        min-width: 112px !important;
        height: 38px !important;
    }

}



/* =========================================================
   BOOKAR COURSE DETAILS PREMIUM V1
   ========================================================= */

.bk-course-detail-page {
    background: #f7f7f4;
    min-height: 100vh;
}

/* HERO */

.bk-course-detail-page .course-single-page-header {
    background: #0b0b0b !important;
    background-image: none !important;
    padding: 72px 0 180px;
    overflow: hidden;
}

.bk-course-detail-page .course-single-page-header::before {
    content: "";
    position: absolute;
    width: 320px;
    height: 320px;
    border-radius: 50%;
    background: #ffd400;
    right: 7%;
    top: -210px;
    opacity: .96;
}

.bk-course-detail-page .course-single-page-header::after {
    content: "";
    position: absolute;
    width: 170px;
    height: 170px;
    border-radius: 32px;
    background: #ff7a00;
    right: 20%;
    bottom: -125px;
    transform: rotate(24deg);
}

.bk-course-detail-page .course-single-page-header .section-overlay {
    background: transparent !important;
    position: relative;
    z-index: 2;
}

.bk-course-detail-page .course-single-banner-content {
    max-width: 760px;
}

.bk-course-detail-page .page-banner-heading {
    color: #fff !important;
    font-size: clamp(36px, 4.5vw, 64px);
    line-height: 1.02;
    letter-spacing: -2.5px;
    font-weight: 800;
    margin: 0;
}

.bk-course-detail-page .page-banner-sub-heading {
    color: rgba(255,255,255,.68) !important;
    font-size: 17px;
    line-height: 1.7;
    max-width: 690px;
}

.bk-course-detail-page .instructor-name-certificate {
    color: rgba(255,255,255,.78) !important;
}

.bk-course-detail-page .course-rating {
    margin-top: 16px;
}


/* MAIN LAYOUT */

.bk-course-detail-page .course-single-details-area {
    position: relative;
    margin-top: -105px;
    padding-bottom: 90px;
    z-index: 5;
}

.bk-course-detail-page .course-single-details-left-content {
    border-radius: 22px;
    border: 1px solid #e8e8e3;
    box-shadow: 0 18px 55px rgba(0,0,0,.06);
    overflow: hidden;
}


/* NAV TABS */

.bk-course-detail-page .course-details-tab-nav-wrap {
    background: #fff;
    padding: 10px 18px 0;
    border-bottom: 1px solid #ecece7;
}

.bk-course-detail-page .tab-nav-list {
    gap: 4px;
    flex-wrap: nowrap;
    overflow-x: auto;
    scrollbar-width: none;
}

.bk-course-detail-page .tab-nav-list::-webkit-scrollbar {
    display: none;
}

.bk-course-detail-page .tab-nav-list .nav-link {
    border: 0 !important;
    background: transparent !important;
    color: #777 !important;
    font-size: 14px;
    font-weight: 700;
    padding: 18px 17px;
    white-space: nowrap;
    position: relative;
}

.bk-course-detail-page .tab-nav-list .nav-link.active {
    color: #0b0b0b !important;
}

.bk-course-detail-page .tab-nav-list .nav-link.active::after {
    content: "";
    position: absolute;
    height: 3px;
    left: 16px;
    right: 16px;
    bottom: 0;
    border-radius: 999px;
    background: #ffd400;
}


/* SIDEBAR */

.bk-course-detail-page .course-single-details-right-content {
    position: relative;
}

.bk-course-detail-page .course-info-box {
    border: 1px solid #e6e6e1;
    border-radius: 22px;
    padding: 14px;
    background: #fff !important;
    box-shadow: 0 22px 65px rgba(0,0,0,.12);
}

.bk-course-detail-page .video-area-left {
    overflow: hidden;
    border-radius: 15px;
    background: #111;
    aspect-ratio: 16 / 9;
}

.bk-course-detail-page .course-info-video-img,
.bk-course-detail-page .course-info-video-img img {
    width: 100%;
    height: 100%;
}

.bk-course-detail-page .course-info-video-img img {
    object-fit: cover;
}

.bk-course-detail-page .play-btn {
    width: 58px;
    height: 58px;
    border-radius: 50%;
    background: #ffd400;
    border: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 10px 35px rgba(0,0,0,.25);
}

.bk-course-detail-page .course-price-box {
    padding: 4px 6px;
}

.bk-course-detail-page .course-price-box h4 {
    color: #0b0b0b;
    font-size: 29px;
    font-weight: 800;
    letter-spacing: -1px;
}


/* INFO */

.bk-course-detail-page .course-includes-box-top ul {
    border-top: 1px solid #eeeeea;
    padding-top: 20px;
}

.bk-course-detail-page .course-includes-box-top li {
    padding: 11px 5px;
    color: #555;
    font-size: 14px;
}

.bk-course-detail-page .course-includes-box-top li > div:last-child {
    color: #111;
    font-weight: 700;
}


/* CTA */

.bk-course-detail-page .course-info-box .theme-button3,
.bk-course-detail-page .course-info-box .addToCart {
    min-height: 54px;
    border-radius: 12px !important;
    background: #ffd400 !important;
    border: 1px solid #ffd400 !important;
    color: #0b0b0b !important;
    font-weight: 800;
    box-shadow: none !important;
}

.bk-course-detail-page .course-info-box .theme-button3:hover,
.bk-course-detail-page .course-info-box .addToCart:hover {
    background: #0b0b0b !important;
    border-color: #0b0b0b !important;
    color: #fff !important;
}


/* WISHLIST / SHARE */

.bk-course-detail-page .course-info-box-wishlist-btns .theme-btn {
    flex: 1;
    border: 1px solid #deded8 !important;
    border-radius: 11px !important;
    background: #fff !important;
    color: #222 !important;
    min-height: 46px;
    font-size: 13px;
}

.bk-course-detail-page .course-info-box-wishlist-btns .theme-btn:hover {
    border-color: #111 !important;
}


/* COURSE INCLUDES */

.bk-course-detail-page .course-includes-box:not(.course-includes-box-top) {
    background: #f7f7f4;
    border-radius: 14px;
    padding: 20px;
}

.bk-course-detail-page .course-includes-box h6 {
    color: #111;
    font-weight: 800;
}

.bk-course-detail-page .course-includes-box li {
    color: #555;
}


/* MOBILE */

@media (max-width: 991.98px) {

    .bk-course-detail-page .course-single-page-header {
        padding: 52px 0 70px;
    }

    .bk-course-detail-page .course-single-page-header::before {
        width: 180px;
        height: 180px;
        right: -90px;
        top: -95px;
    }

    .bk-course-detail-page .course-single-page-header::after {
        display: none;
    }

    .bk-course-detail-page .course-single-details-area {
        margin-top: 0;
        padding-top: 24px;
    }

    .bk-course-detail-page .course-single-details-right-content {
        margin-top: 22px;
    }

    .bk-course-detail-page .course-info-box {
        box-shadow: 0 12px 35px rgba(0,0,0,.07);
    }

}


@media (max-width: 575.98px) {

    .bk-course-detail-page .course-single-page-header {
        padding: 38px 0 48px;
    }

    .bk-course-detail-page .page-banner-heading {
        font-size: 34px;
        letter-spacing: -1.5px;
    }

    .bk-course-detail-page .page-banner-sub-heading {
        font-size: 15px;
        line-height: 1.6;
    }

    .bk-course-detail-page .course-rating {
        flex-wrap: wrap;
        row-gap: 6px;
    }

    .bk-course-detail-page .course-single-details-area {
        padding-top: 16px;
        padding-bottom: 100px;
    }

    .bk-course-detail-page .course-single-details-left-content,
    .bk-course-detail-page .course-info-box {
        border-radius: 16px;
    }

    .bk-course-detail-page .course-details-tab-nav-wrap {
        padding-left: 8px;
        padding-right: 8px;
    }

    .bk-course-detail-page .tab-nav-list .nav-link {
        padding: 15px 12px;
        font-size: 13px;
    }

    .bk-course-detail-page .course-info-box {
        padding: 10px;
    }

}

/* BOOKAR COURSE DETAILS PREMIUM V1 END */

/* =========================================================
   BOOKAR COURSE DETAILS PREMIUM V2
   Compactacao desktop + mobile commercial flow
   ========================================================= */

.bk-course-detail-page .course-single-page-header {
    min-height: 520px !important;
}

.bk-course-detail-page .course-single-page-header .section-overlay {
    padding-top: 56px !important;
    padding-bottom: 150px !important;
}

.bk-course-detail-page .course-single-banner-content {
    max-width: 720px;
}

.bk-course-detail-page .page-banner-heading {
    line-height: .98 !important;
    margin-bottom: 24px !important;
}

.bk-course-detail-page .page-banner-sub-heading {
    max-width: 680px;
    line-height: 1.7 !important;
}

.bk-course-detail-page .course-single-details-area {
    position: relative;
    margin-top: -95px !important;
    z-index: 5;
}

.bk-course-detail-page .course-single-details-left-content,
.bk-course-detail-page .course-info-box {
    border: 1px solid rgba(17,17,17,.07);
}

.bk-course-detail-page .course-single-details-right-content {
    position: relative;
}

.bk-course-detail-page .course-info-box {
    overflow: hidden;
}

.bk-course-detail-page .course-info-box .video-area-left {
    min-height: 230px;
}

.bk-course-detail-page .course-tab-nav-wrap {
    overflow: hidden;
}

.bk-course-detail-page .tab-nav-list {
    flex-wrap: nowrap !important;
    white-space: nowrap;
}

/* Course includes */
.bk-course-detail-page .course-includes-box ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.bk-course-detail-page .course-includes-box ul li {
    display: flex;
    align-items: center;
    gap: 10px;
    line-height: 1.55;
}

/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 991.98px) {

    .bk-course-detail-page .course-single-page-header {
        min-height: auto !important;
    }

    .bk-course-detail-page .course-single-page-header .section-overlay {
        padding-top: 46px !important;
        padding-bottom: 115px !important;
    }

    .bk-course-detail-page .course-single-details-area {
        margin-top: -65px !important;
    }

    .bk-course-detail-page .course-single-details-right-content {
        margin-top: 0 !important;
    }

    .bk-course-detail-page .course-info-box {
        position: relative !important;
        top: auto !important;
    }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767.98px) {

    .bk-course-detail-page {
        padding-bottom: 105px !important;
        overflow-x: hidden;
    }

    .bk-course-detail-page .course-single-page-header {
        min-height: auto !important;
    }

    .bk-course-detail-page .course-single-page-header .section-overlay {
        padding-top: 42px !important;
        padding-bottom: 46px !important;
    }

    .bk-course-detail-page .course-single-banner-content {
        padding-bottom: 0 !important;
    }

    .bk-course-detail-page .page-banner-heading {
        font-size: 38px !important;
        line-height: .98 !important;
        margin-bottom: 22px !important;
        padding-bottom: 0 !important;
        letter-spacing: -.035em;
    }

    .bk-course-detail-page .page-banner-sub-heading {
        font-size: 15px !important;
        line-height: 1.65 !important;
        margin-bottom: 26px !important;
        padding-bottom: 0 !important;
    }

    .bk-course-detail-page .instructor-name-certificate {
        margin-bottom: 18px !important;
    }

    .bk-course-detail-page .course-rating {
        gap: 4px;
        flex-wrap: wrap;
        row-gap: 8px;
    }

    .bk-course-detail-page .course-single-details-area {
        margin-top: 0 !important;
        padding-top: 0 !important;
    }

    /*
     * MOBILE ORDER:
     * card comercial primeiro,
     * conteudo depois.
     */
    .bk-course-detail-page .course-single-details-area > .container > .row {
        display: flex !important;
        flex-direction: column !important;
    }

    .bk-course-detail-page .course-single-details-area > .container > .row > .col-lg-4 {
        order: 1 !important;
    }

    .bk-course-detail-page .course-single-details-area > .container > .row > .col-lg-8 {
        order: 2 !important;
    }

    .bk-course-detail-page .course-single-details-right-content {
        margin-top: 0 !important;
        margin-bottom: 18px !important;
    }

    .bk-course-detail-page .course-info-box {
        border-radius: 0 0 22px 22px !important;
        box-shadow: none !important;
        border-left: 0 !important;
        border-right: 0 !important;
    }

    .bk-course-detail-page .course-info-box .video-area-left {
        min-height: 210px !important;
        border-radius: 0 !important;
    }

    .bk-course-detail-page .course-price-box {
        padding-top: 20px !important;
        margin-top: 0 !important;
    }

    .bk-course-detail-page .course-price-box h4 {
        font-size: 30px !important;
        line-height: 1 !important;
    }

    .bk-course-detail-page .course-single-details-left-content {
        border-radius: 20px !important;
        overflow: hidden;
    }

    .bk-course-detail-page .course-tab-nav-wrap {
        overflow-x: auto !important;
        overflow-y: hidden !important;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
    }

    .bk-course-detail-page .course-tab-nav-wrap::-webkit-scrollbar {
        display: none;
    }

    .bk-course-detail-page .tab-nav-list {
        width: max-content !important;
        min-width: 100%;
        display: flex !important;
        flex-wrap: nowrap !important;
    }

    .bk-course-detail-page .tab-nav-list .nav-item {
        flex: 0 0 auto !important;
    }

    .bk-course-detail-page .tab-nav-list .nav-link {
        padding: 16px 18px !important;
        font-size: 13px !important;
        white-space: nowrap;
    }

    .bk-course-detail-page .tab-content {
        padding: 24px 20px 28px !important;
    }

    .bk-course-detail-page .tab-content h3 {
        font-size: 28px !important;
        line-height: 1.08 !important;
    }

    .bk-course-detail-page .tab-content h4 {
        font-size: 22px !important;
        line-height: 1.2 !important;
    }

    .bk-course-detail-page .course-includes-box {
        border-radius: 16px !important;
    }

    .bk-course-detail-page .course-info-box-wishlist-btns {
        gap: 10px !important;
    }

    .bk-course-detail-page .course-info-box-wishlist-btns .theme-btn {
        min-height: 52px;
        padding-left: 12px !important;
        padding-right: 12px !important;
        font-size: 13px !important;
    }

    .bk-course-detail-page .course-info-box .theme-button3 {
        min-height: 56px !important;
        font-size: 15px !important;
        border-radius: 14px !important;
    }

}


/* =========================================================
   SMALL MOBILE
   ========================================================= */

@media (max-width: 420px) {

    .bk-course-detail-page .page-banner-heading {
        font-size: 34px !important;
    }

    .bk-course-detail-page .course-single-page-header .section-overlay {
        padding-top: 34px !important;
        padding-bottom: 38px !important;
    }

    .bk-course-detail-page .course-info-box {
        padding-left: 14px !important;
        padding-right: 14px !important;
    }

    .bk-course-detail-page .course-info-box .video-area-left {
        margin-left: -14px !important;
        margin-right: -14px !important;
        width: calc(100% + 28px) !important;
    }

    .bk-course-detail-page .tab-content {
        padding-left: 16px !important;
        padding-right: 16px !important;
    }

}

/* BOOKAR COURSE DETAILS PREMIUM V2 END */

/* =========================================================
   BOOKAR COURSE DETAILS V2.1
   Tabs premium + estabilidade do overlap
   ========================================================= */

.bk-course-detail-page .course-single-details-left-content {
    position: relative;
    z-index: 6;
}

.bk-course-detail-page .course-tab-nav-wrap {
    position: relative !important;
    z-index: 10 !important;
    background: #fff !important;
    min-height: 64px;
    border-bottom: 1px solid #ecece8;
    border-radius: 20px 20px 0 0;
    padding: 0 24px;
    display: flex;
    align-items: center;
}

.bk-course-detail-page .tab-nav-list {
    width: 100%;
    margin: 0 !important;
    border: 0 !important;
    display: flex !important;
    align-items: stretch;
}

.bk-course-detail-page .tab-nav-list .nav-item {
    margin: 0 !important;
}

.bk-course-detail-page .tab-nav-list .nav-link {
    position: relative;
    border: 0 !important;
    background: transparent !important;
    color: #6c6c6c !important;
    font-weight: 600 !important;
    padding: 22px 28px !important;
    border-radius: 0 !important;
    transition: .2s ease;
}

.bk-course-detail-page .tab-nav-list .nav-link:hover {
    color: #111 !important;
}

.bk-course-detail-page .tab-nav-list .nav-link.active {
    color: #111 !important;
    font-weight: 800 !important;
}

.bk-course-detail-page .tab-nav-list .nav-link.active::after {
    content: "";
    position: absolute;
    left: 26px;
    right: 26px;
    bottom: 0;
    height: 3px;
    background: #ffd400;
    border-radius: 999px 999px 0 0;
}

.bk-course-detail-page .tab-content {
    position: relative;
    z-index: 2;
    padding-top: 42px !important;
}

/* Remove aparencia de "buraco" entre tabs e conteudo */
.bk-course-detail-page .course-single-details-left-content {
    overflow: hidden !important;
}

@media (max-width: 767.98px) {

    .bk-course-detail-page .course-tab-nav-wrap {
        min-height: 58px;
        padding: 0 8px;
        border-radius: 18px 18px 0 0;
    }

    .bk-course-detail-page .tab-nav-list .nav-link {
        padding: 18px 16px !important;
        font-size: 13px !important;
    }

    .bk-course-detail-page .tab-nav-list .nav-link.active::after {
        left: 14px;
        right: 14px;
    }

    .bk-course-detail-page .tab-content {
        padding-top: 28px !important;
    }

}

/* BOOKAR COURSE DETAILS V2.1 END */

/* =========================================================
   BOOKAR FORMADORES PREMIUM V1.1
   ========================================================= */

.bk-instructors-page {
    background: #f7f7f4;
    overflow-x: hidden;
}

/* HERO */

.bk-instructors-hero {
    position: relative;
    overflow: hidden;
    background: #090909;
    color: #fff;
    padding: 88px 0 96px;
}

.bk-instructors-hero-shape {
    position: absolute;
    pointer-events: none;
}

.bk-ins-shape-yellow {
    width: 330px;
    height: 330px;
    right: -120px;
    top: -165px;
    border-radius: 50%;
    background: #ffd400;
}

.bk-ins-shape-orange {
    width: 150px;
    height: 150px;
    left: -80px;
    bottom: -90px;
    border-radius: 28px;
    transform: rotate(28deg);
    background: #ff7900;
}

.bk-instructors-hero-grid {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: minmax(0,1.12fr) minmax(330px,.88fr);
    align-items: center;
    gap: 68px;
}

.bk-instructors-kicker {
    display: inline-flex;
    padding: 8px 13px;
    margin-bottom: 25px;
    border-radius: 999px;
    background: rgba(255,212,0,.12);
    color: #ffd400;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: .13em;
}

.bk-instructors-hero h1 {
    max-width: 720px;
    margin: 0 0 26px;
    color: #fff;
    font-size: clamp(54px,5.3vw,82px);
    line-height: .92;
    letter-spacing: -.055em;
}

.bk-instructors-hero h1 span {
    color: #ffd400;
}

.bk-instructors-hero-copy > p {
    max-width: 650px;
    margin: 0;
    color: rgba(255,255,255,.7);
    font-size: 17px;
    line-height: 1.75;
}

.bk-instructors-hero-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 34px;
}

.bk-instructors-primary-btn,
.bk-instructors-secondary-btn {
    min-height: 52px;
    padding: 0 22px;
    border-radius: 12px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: 800;
    text-decoration: none !important;
    transition: .2s ease;
}

.bk-instructors-primary-btn {
    background: #ffd400;
    color: #111 !important;
}

.bk-instructors-secondary-btn {
    border: 1px solid rgba(255,255,255,.18);
    background: rgba(255,255,255,.06);
    color: #fff !important;
}

.bk-instructors-primary-btn:hover,
.bk-instructors-secondary-btn:hover {
    transform: translateY(-2px);
}

.bk-instructors-hero-visual {
    min-height: 330px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.bk-instructors-orbit {
    position: absolute;
    border-radius: 50%;
    border: 1px solid rgba(255,212,0,.21);
}

.bk-orbit-one {
    width: 430px;
    height: 430px;
}

.bk-orbit-two {
    width: 285px;
    height: 285px;
}

.bk-instructors-visual-card {
    position: relative;
    z-index: 3;
    width: min(100%,390px);
    padding: 38px;
    border-radius: 26px;
    background: #171717;
    border: 1px solid rgba(255,255,255,.1);
    box-shadow: 0 35px 80px rgba(0,0,0,.35);
}

.bk-ins-card-label {
    display: block;
    margin-bottom: 14px;
    color: #ffd400;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: .14em;
}

.bk-instructors-visual-card > strong {
    display: block;
    margin-bottom: 32px;
    color: #fff;
    font-size: 31px;
    line-height: 1.08;
}

.bk-instructors-visual-stat {
    display: grid;
    grid-template-columns: 38px 1fr;
    gap: 12px;
    align-items: center;
    padding: 13px 0;
    border-top: 1px solid rgba(255,255,255,.09);
}

.bk-instructors-visual-stat b {
    color: #ffd400;
    font-size: 12px;
}

.bk-instructors-visual-stat small {
    color: rgba(255,255,255,.75);
}

/* MAPA NATIVO FICA PRESERVADO */

.bk-instructors-map-area {
    display: none !important;
}

/* CATALOGO */

.bk-instructors-catalog {
    padding-top: 62px !important;
    padding-bottom: 90px !important;
}

.bk-instructors-catalog .courses-filter-bar {
    margin-bottom: 24px;
    padding: 16px 20px;
    border: 1px solid #e6e6e1;
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 12px 35px rgba(17,17,17,.04);
}

.bk-instructors-catalog .filter-bar-left-top {
    color: #111;
    font-weight: 800;
}

.bk-instructors-catalog .filterSortBy {
    min-height: 42px;
    min-width: 155px;
    border: 1px solid #deded8;
    border-radius: 10px;
}

/* FILTROS */

.bk-instructors-catalog .courses-sidebar-area {
    overflow: hidden;
    background: #fff !important;
    border: 1px solid #e6e6e1;
    border-radius: 18px;
}

.bk-instructors-catalog .accordion-item {
    border: 0 !important;
    border-bottom: 1px solid #eeeeea !important;
}

.bk-instructors-catalog .accordion-button {
    background: #fff !important;
    color: #111 !important;
    font-weight: 800;
    box-shadow: none !important;
}

.bk-instructors-catalog .form-check-input:checked {
    background-color: #ffd400;
    border-color: #ffd400;
}

.bk-instructors-catalog .form-check-input:focus {
    border-color: #ffd400;
    box-shadow: 0 0 0 .2rem rgba(255,212,0,.14);
}

/* CARDS */

.bk-instructor-grid-item {
    display: flex;
}

.bk-instructor-grid-item > .card {
    width: 100%;
}

.bk-instructors-page .search-instructor-item {
    width: 100%;
    padding: 24px 16px !important;
    border: 1px solid #e6e6e1 !important;
    border-radius: 18px !important;
    background: #fff;
    box-shadow: 0 12px 35px rgba(17,17,17,.045);
    transition: .2s ease;
}

.bk-instructors-page .search-instructor-item:hover {
    transform: translateY(-4px);
    box-shadow: 0 22px 50px rgba(17,17,17,.09);
}

.bk-instructors-page .search-instructor-img-wrap {
    width: 110px;
    height: 110px;
    margin-left: auto;
    margin-right: auto;
    padding: 4px;
    border-radius: 50%;
    background: #ffd400;
}

.bk-instructors-page .search-instructor-img-wrap img {
    width: 100%;
    height: 100%;
    border: 4px solid #fff;
}

.bk-instructors-page .search-instructor-item .card-title {
    margin-bottom: 6px;
    font-size: 18px;
    font-weight: 900;
}

.bk-instructors-page .search-instructor-item .card-title a {
    color: #111 !important;
}

.bk-instructors-page .instructor-designation {
    color: #777;
}

.bk-instructors-page .fill-ratings {
    color: #ffd400 !important;
}

.bk-instructors-page .search-instructor-item .green-theme-btn {
    min-height: 46px;
    border-radius: 11px !important;
    background: #111 !important;
    border-color: #111 !important;
    color: #fff !important;
    display: flex;
    align-items: center;
    justify-content: center;
}

.bk-instructors-page .search-instructor-item .green-theme-btn:hover {
    background: #ffd400 !important;
    border-color: #ffd400 !important;
    color: #111 !important;
}

/* EMPTY STATE */

.bk-instructors-empty {
    min-height: 390px;
    padding: 50px 24px;
    border: 1px solid #e6e6e0;
    border-radius: 24px;
    background: #fff;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.bk-instructors-empty-icon {
    width: 72px;
    height: 72px;
    margin-bottom: 20px;
    border-radius: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #111;
    color: #ffd400;
    font-size: 30px;
}

.bk-instructors-empty-kicker {
    margin-bottom: 8px;
    color: #a06b00;
    font-size: 10px;
    font-weight: 900;
    letter-spacing: .14em;
}

.bk-instructors-empty h3 {
    margin-bottom: 12px;
    color: #111;
    font-size: 30px;
}

.bk-instructors-empty p {
    max-width: 570px;
    margin-bottom: 22px;
    color: #777;
    line-height: 1.7;
}

.bk-instructors-empty a {
    min-height: 48px;
    padding: 0 20px;
    border-radius: 11px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #ffd400;
    color: #111 !important;
    font-weight: 800;
}

/* TABLET */

@media (max-width: 991.98px) {

    .bk-instructors-hero-grid {
        grid-template-columns: 1fr 320px;
        gap: 35px;
    }

    .bk-instructors-hero h1 {
        font-size: 54px;
    }

}

/* MOBILE */

@media (max-width: 767.98px) {

    .bk-instructors-page {
        padding-bottom: 105px;
    }

    .bk-instructors-hero {
        padding: 48px 0 55px;
    }

    .bk-ins-shape-yellow {
        width: 180px;
        height: 180px;
        right: -75px;
        top: -90px;
    }

    .bk-instructors-hero-grid {
        display: block;
    }

    .bk-instructors-hero h1 {
        max-width: 360px;
        font-size: 46px;
    }

    .bk-instructors-hero-copy > p {
        font-size: 15px;
    }

    .bk-instructors-hero-visual {
        display: none;
    }

    .bk-instructors-hero-actions {
        margin-top: 26px;
    }

    .bk-instructors-primary-btn,
    .bk-instructors-secondary-btn {
        flex: 1 1 calc(50% - 6px);
        padding-left: 10px;
        padding-right: 10px;
        font-size: 12px;
    }

    .bk-instructors-catalog {
        padding-top: 32px !important;
        padding-bottom: 55px !important;
    }

    .bk-instructors-catalog .courses-filter-bar {
        padding: 12px;
        border-radius: 14px;
    }

    .bk-instructors-catalog .filter-bar-left,
    .bk-instructors-catalog .filter-bar-right {
        width: 50%;
    }

    .bk-instructors-catalog .filter-box-short-icon {
        display: none;
    }

    .bk-instructors-catalog .filterSortBy {
        width: 100%;
        min-width: 0;
    }

    .bk-instructors-catalog .courses-sidebar-area {
        margin-bottom: 20px;
        border-radius: 14px;
    }

    .bk-instructor-grid-item {
        padding-left: 6px !important;
        padding-right: 6px !important;
        margin-bottom: 12px !important;
    }

    .bk-instructors-page .search-instructor-item {
        padding: 16px 9px !important;
        border-radius: 14px !important;
    }

    .bk-instructors-page .search-instructor-img-wrap {
        width: 76px;
        height: 76px;
    }

    .bk-instructors-page .search-instructor-item .card-title {
        font-size: 14px;
    }

    .bk-instructors-page .instructor-designation {
        min-height: 32px;
        font-size: 11px !important;
    }

    .bk-instructors-page .search-instructor-rating {
        transform: scale(.88);
        transform-origin: center;
    }

    .bk-instructors-page .search-instructor-item .green-theme-btn {
        min-height: 40px;
        font-size: 11px;
    }

    .bk-instructors-empty {
        min-height: 330px;
        padding: 38px 18px;
        border-radius: 18px;
    }

    .bk-instructors-empty h3 {
        font-size: 25px;
    }

}

/* BOOKAR FORMADORES PREMIUM V1.1 END */

/* =========================================================
   BOOKAR FORMADORES PREMIUM V1.2
   Catalog polish
   ========================================================= */

/* RESULTADOS */

.bk-instructors-page #instructorBlock > .col-12 {
    flex: 0 0 100% !important;
    width: 100% !important;
    max-width: 100% !important;
}

.bk-instructors-page .show-all-instructors-area {
    width: 100%;
}

.bk-instructors-page .bk-instructors-empty {
    width: 100% !important;
    max-width: none !important;
}

/* TOOLBAR */

.bk-instructors-catalog .courses-filter-bar {
    min-height: 76px;
    display: flex;
    align-items: center;
}

.bk-instructors-catalog .courses-filter-bar > .row {
    width: 100%;
}

.bk-instructors-catalog .filter-bar-left-top {
    font-size: 15px;
    letter-spacing: -.01em;
}

.bk-instructors-catalog .filter-box {
    gap: 10px;
}

.bk-instructors-catalog .filter-box-short-icon {
    color: #777 !important;
}

.bk-instructors-catalog .filterSortBy {
    background-color: #fff;
    font-weight: 600;
}

/* SIDEBAR PREMIUM */

.bk-instructors-catalog .courses-sidebar-area {
    box-shadow: 0 12px 35px rgba(17,17,17,.035);
}

.bk-instructors-catalog .accordion-header {
    margin: 0 !important;
}

.bk-instructors-catalog .accordion-button {
    min-height: 56px;
    padding: 15px 18px !important;
    font-size: 15px;
    letter-spacing: -.01em;
}

.bk-instructors-catalog .accordion-body {
    padding: 14px 18px 20px !important;
    background: #fbfaf7;
}

.bk-instructors-catalog .sidebar-switch-item {
    min-height: 34px;
    align-items: center;
}

.bk-instructors-catalog .sidebar-switch-item,
.bk-instructors-catalog .sidebar-radio-item {
    color: #575757;
    font-size: 13px;
}

.bk-instructors-catalog .sidebar-radio-item {
    padding: 5px 0;
}

.bk-instructors-catalog .form-check-label {
    cursor: pointer;
}

.bk-instructors-catalog .form-switch .form-check-input {
    width: 30px;
    height: 16px;
}

.bk-instructors-catalog .range-value-box {
    gap: 8px;
}

.bk-instructors-catalog .price-range-field {
    min-height: 38px;
    border: 1px solid #deded8 !important;
    border-radius: 8px;
    background: #fff !important;
    color: #111 !important;
}

/* EMPTY STATE MAIS EDITORIAL */

.bk-instructors-empty {
    min-height: 420px;
    background:
        radial-gradient(circle at 85% 15%, rgba(255,212,0,.10), transparent 24%),
        #fff;
}

.bk-instructors-empty h3 {
    max-width: 520px;
    font-size: 34px;
    letter-spacing: -.035em;
}

.bk-instructors-empty p {
    font-size: 15px;
}

/* DESKTOP */

@media (min-width: 992px) {

    .bk-instructors-catalog .shop-content {
        align-items: flex-start;
    }

    .bk-instructors-catalog .courses-sidebar-area {
        position: sticky;
        top: 95px;
    }

}

/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767.98px) {

    /*
     * Hero já aprovado: apenas refinamento de proporção
     */
    .bk-instructors-hero {
        padding-top: 48px;
        padding-bottom: 48px;
    }

    .bk-instructors-kicker {
        font-size: 10px;
        margin-bottom: 20px;
    }

    .bk-instructors-hero h1 {
        font-size: 44px;
        line-height: .96;
        margin-bottom: 24px;
    }

    .bk-instructors-hero-copy > p {
        max-width: 440px;
        line-height: 1.7;
    }

    /*
     * Toolbar
     */
    .bk-instructors-catalog .courses-filter-bar {
        min-height: 72px;
        margin-bottom: 14px;
    }

    .bk-instructors-catalog .filter-bar-left-top {
        font-size: 13px;
    }

    .bk-instructors-catalog .filterSortBy {
        min-height: 40px;
        font-size: 12px;
    }

    /*
     * Sidebar: em vez de parecer uma página antiga gigante,
     * vira bloco de filtros compacto.
     */
    .bk-instructors-catalog .courses-sidebar-area {
        max-height: 360px;
        overflow-y: auto;
        overflow-x: hidden;
        margin-bottom: 18px;
        border: 1px solid #e2e2dc;
        box-shadow: 0 10px 28px rgba(17,17,17,.05);
    }

    .bk-instructors-catalog .courses-sidebar-area::-webkit-scrollbar {
        width: 4px;
    }

    .bk-instructors-catalog .courses-sidebar-area::-webkit-scrollbar-thumb {
        background: #d4d4cf;
        border-radius: 999px;
    }

    .bk-instructors-catalog .accordion-button {
        min-height: 48px;
        padding: 12px 14px !important;
        font-size: 14px;
    }

    .bk-instructors-catalog .accordion-body {
        padding: 10px 14px 14px !important;
    }

    .bk-instructors-catalog .sidebar-switch-item,
    .bk-instructors-catalog .sidebar-radio-item {
        font-size: 12px;
    }

    /*
     * Empty
     */
    .bk-instructors-empty {
        width: 100% !important;
        min-height: 315px;
        padding: 34px 22px;
    }

    .bk-instructors-empty-icon {
        width: 62px;
        height: 62px;
        border-radius: 18px;
        font-size: 26px;
    }

    .bk-instructors-empty h3 {
        font-size: 24px;
        max-width: 300px;
    }

    .bk-instructors-empty p {
        max-width: 320px;
        font-size: 13px;
        line-height: 1.65;
    }

    .bk-instructors-empty a {
        min-height: 45px;
        font-size: 13px;
    }

}

/* BOOKAR FORMADORES PREMIUM V1.2 END */

/* =========================================================
   BOOKAR FORMADORES MOBILE DRAWER V1.3
   ========================================================= */

.bk-instructor-mobile-toolbar {
    margin-bottom: 14px;
}

/* Desktop nao muda */
@media (min-width: 768px) {
    .bk-instructor-mobile-toolbar,
    .bk-instructor-filter-overlay,
    .bk-instructor-filter-drawer-head,
    .bk-instructor-filter-drawer-foot {
        display: none !important;
    }
}

@media (max-width: 767.98px) {

    /* esconde toolbar antiga no mobile */
    .bk-instructors-catalog > .container > .row:first-child {
        display: none;
    }

    /* nova barra */
    .bk-instructor-mobile-toolbar {
        display: grid !important;
        grid-template-columns: 118px 1fr;
        gap: 10px;
        align-items: center;
        margin: 0 0 14px;
    }

    .bk-instructor-filter-open {
        height: 46px;
        border: 0;
        border-radius: 12px;
        background: #111;
        color: #fff;
        font-size: 13px;
        font-weight: 800;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 7px;
    }

    .bk-instructor-filter-open .iconify {
        color: #ffd400;
        font-size: 18px;
    }

    .bk-instructor-mobile-sort {
        height: 46px;
        display: grid;
        grid-template-columns: auto 1fr;
        align-items: center;
        gap: 8px;
        padding: 0 8px 0 13px;
        border-radius: 12px;
        background: #fff;
        border: 1px solid #e4e4df;
    }

    .bk-instructor-mobile-sort > span {
        color: #777;
        font-size: 11px;
        font-weight: 700;
    }

    .bk-instructor-mobile-sort .filterSortBy {
        min-height: 36px;
        border: 0 !important;
        box-shadow: none !important;
        font-size: 12px;
        font-weight: 700;
        background-color: transparent;
    }

    /* remove sidebar do fluxo */
    .bk-instructor-sidebar-col {
        position: static !important;
        width: 0 !important;
        flex: 0 0 0 !important;
        max-width: 0 !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    /* drawer */
    .bk-instructor-sidebar-col .courses-sidebar-area {
        position: fixed !important;
        top: 0;
        left: 0;
        z-index: 1000002;
        width: min(88vw, 390px) !important;
        max-width: 390px !important;
        height: 100dvh !important;
        max-height: none !important;
        margin: 0 !important;
        border: 0 !important;
        border-radius: 0 22px 22px 0 !important;
        background: #fff !important;
        box-shadow: 24px 0 70px rgba(0,0,0,.2);
        transform: translateX(-105%);
        transition: transform .28s ease;
        overflow-y: auto !important;
        overflow-x: hidden !important;
        padding: 82px 0 92px !important;
    }

    .bk-instructor-sidebar-col.bk-filter-open .courses-sidebar-area {
        transform: translateX(0);
    }

    .bk-instructor-filter-overlay {
        display: block !important;
        position: fixed;
        inset: 0;
        z-index: 1000001;
        background: rgba(0,0,0,.48);
        backdrop-filter: blur(3px);
        opacity: 0;
        pointer-events: none;
        transition: opacity .25s ease;
    }

    .bk-instructor-sidebar-col.bk-filter-open .bk-instructor-filter-overlay {
        opacity: 1;
        pointer-events: auto;
    }

    /* topo drawer */
    .bk-instructor-filter-drawer-head {
        position: fixed;
        top: 0;
        left: 0;
        width: min(88vw, 390px);
        height: 72px;
        z-index: 1000004;
        padding: 13px 16px 12px 18px;
        background: #111;
        display: flex !important;
        align-items: center;
        justify-content: space-between;
        transform: translateX(-105%);
        transition: transform .28s ease;
    }

    .bk-instructor-sidebar-col.bk-filter-open
    .bk-instructor-filter-drawer-head {
        transform: translateX(0);
    }

    .bk-instructor-filter-drawer-head span {
        color: #ffd400;
        font-size: 9px;
        font-weight: 900;
        letter-spacing: .14em;
    }

    .bk-instructor-filter-drawer-head h3 {
        margin: 2px 0 0;
        color: #fff;
        font-size: 18px;
    }

    .bk-instructor-filter-drawer-head button {
        width: 40px;
        height: 40px;
        border: 1px solid rgba(255,255,255,.14);
        border-radius: 50%;
        background: rgba(255,255,255,.06);
        color: #fff;
        font-size: 22px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    /* rodape drawer */
    .bk-instructor-filter-drawer-foot {
        display: block !important;
        position: fixed;
        bottom: 0;
        left: 0;
        z-index: 1000004;
        width: min(88vw, 390px);
        padding: 12px 16px 16px;
        background:
            linear-gradient(
                to top,
                #fff 70%,
                rgba(255,255,255,.92)
            );
        transform: translateX(-105%);
        transition: transform .28s ease;
    }

    .bk-instructor-sidebar-col.bk-filter-open
    .bk-instructor-filter-drawer-foot {
        transform: translateX(0);
    }

    .bk-instructor-filter-drawer-foot button {
        width: 100%;
        min-height: 50px;
        border: 0;
        border-radius: 12px;
        background: #ffd400;
        color: #111;
        font-size: 14px;
        font-weight: 900;
    }

    /* filtros internos */
    .bk-instructor-sidebar-col .accordion-item {
        border-bottom: 1px solid #ecece7 !important;
    }

    .bk-instructor-sidebar-col .accordion-button {
        min-height: 54px;
        padding: 14px 18px !important;
        font-size: 14px;
    }

    .bk-instructor-sidebar-col .accordion-body {
        padding: 10px 18px 16px !important;
    }

    /* resultados agora ocupam a largura */
    .bk-instructors-catalog .shop-content > div:not(.bk-instructor-sidebar-col) {
        width: 100% !important;
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }

    body.bk-instructor-filter-lock {
        overflow: hidden !important;
        touch-action: none;
    }

}

/* BOOKAR FORMADORES MOBILE DRAWER V1.3 END */

/* =========================================================
   BOOKAR FORMADORES FILTROS COMPACTOS V1.4
   ========================================================= */

.bk-instructor-filter-accordion {
    background: #fff;
}

.bk-instructor-filter-accordion .accordion-item {
    background: #fff !important;
}

.bk-instructor-filter-accordion .accordion-button {
    min-height: 50px !important;
    padding: 12px 16px !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    background: #fff !important;
    color: #111 !important;
    box-shadow: none !important;
}

.bk-instructor-filter-accordion .accordion-button::after {
    width: 18px;
    height: 18px;
    background-size: 18px;
}

.bk-instructor-filter-accordion .accordion-button:not(.collapsed) {
    background: #fffdf2 !important;
    color: #111 !important;
}

.bk-instructor-filter-accordion .accordion-body {
    padding: 10px 16px 14px !important;
    background: #faf9f6 !important;
}

.bk-instructor-filter-accordion .sidebar-radio-item {
    padding: 4px 0 !important;
    min-height: 30px;
}

.bk-instructor-filter-accordion .sidebar-switch-item {
    min-height: 30px !important;
    margin-bottom: 4px !important;
}

.bk-instructor-filter-accordion .form-check {
    min-height: 0 !important;
}

.bk-instructor-filter-accordion .form-check-label {
    font-size: 12px !important;
    line-height: 1.35;
}

.bk-instructor-filter-accordion .range-value-box {
    display: grid !important;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
    margin-top: 12px;
}

.bk-instructor-filter-accordion .range-value-wrap {
    width: 100% !important;
}

.bk-instructor-filter-accordion .price-range-field {
    width: 100% !important;
    min-height: 36px !important;
    padding: 5px 8px !important;
    font-size: 12px !important;
}


/* DESKTOP */

@media (min-width: 768px) {

    .bk-instructor-filter-accordion .accordion-button {
        min-height: 48px !important;
    }

}


/* MOBILE DRAWER */

@media (max-width: 767.98px) {

    .bk-instructor-sidebar-col .courses-sidebar-area {
        padding-top: 72px !important;
        padding-bottom: 84px !important;
    }

    .bk-instructor-filter-accordion .accordion-button {
        min-height: 48px !important;
        padding: 11px 15px !important;
        font-size: 13px !important;
    }

    .bk-instructor-filter-accordion .accordion-body {
        padding: 8px 15px 12px !important;
    }

    .bk-instructor-filter-accordion .sidebar-radio-item {
        padding: 3px 0 !important;
    }

}

/* BOOKAR FORMADORES FILTROS COMPACTOS V1.4 END */

/* =========================================================
   BOOKAR FORMADORES UX CLEANUP V1.5
   ========================================================= */


/* =========================================================
   DRAWER / OVERLAY
   ========================================================= */

@media (max-width: 767.98px) {

    /*
     * Agora o overlay fica no BODY, e nao em cima
     * do conteudo do drawer.
     */

    body > .bk-instructor-filter-overlay {
        position: fixed !important;
        inset: 0 !important;
        z-index: 1000001 !important;

        display: block !important;

        background: rgba(0,0,0,.52) !important;
        backdrop-filter: blur(3px);

        opacity: 0;
        visibility: hidden;
        pointer-events: none;

        transition:
            opacity .22s ease,
            visibility .22s ease;
    }

    body.bk-instructor-filter-lock >
    .bk-instructor-filter-overlay {

        opacity: 1;
        visibility: visible;
        pointer-events: auto;
    }


    /*
     * Drawer acima do overlay
     */

    .bk-instructor-sidebar-col .courses-sidebar-area {
        z-index: 1000003 !important;
        background: #fff !important;
        filter: none !important;
        backdrop-filter: none !important;
    }

    .bk-instructor-filter-drawer-head,
    .bk-instructor-filter-drawer-foot {
        z-index: 1000005 !important;
    }

}


/* =========================================================
   LOCALIZACAO
   ========================================================= */

.bk-location-hidden {
    display: none !important;
}

.bk-instructor-filter-accordion
select[name="country_id"],

.bk-instructor-filter-accordion
select[name="state_id"],

.bk-instructor-filter-accordion
select[name="city_id"] {

    width: 100% !important;
    min-height: 48px;

    padding: 0 42px 0 13px;

    border: 1px solid #dfdfda !important;
    border-radius: 9px !important;

    background-color: #fff !important;

    color: #333;
    font-size: 13px;

    box-shadow: none !important;
}


/*
 * Rotulos
 */

.bk-instructor-filter-accordion
label {

    color: #656565;
}


/*
 * Menos espaco no bloco de localizacao
 */

.bk-instructor-filter-accordion
select[name="country_id"] {

    margin-bottom: 4px;
}

.bk-instructor-filter-accordion
select[name="state_id"] {

    margin-bottom: 4px;
}


/* =========================================================
   PRECO
   ========================================================= */

.bk-instructor-filter-accordion
#slider-range-instructor {

    margin-top: 4px !important;
    margin-bottom: 15px !important;
}


/*
 * Remove aquele visual de input dentro de input
 */

.bk-instructor-filter-accordion
.range-value-box {

    display: flex !important;
    gap: 8px !important;
}

.bk-instructor-filter-accordion
.range-value-wrap {

    position: relative;
    flex: 1 1 0;
    min-width: 0;

    border: 1px solid #deded8;
    border-radius: 8px;

    background: #fff;

    display: flex !important;
    align-items: center;

    padding: 0 9px;
}

.bk-instructor-filter-accordion
.range-value-wrap label {

    margin: 0 !important;

    color: #777;
    font-size: 11px;
    white-space: nowrap;
}

.bk-instructor-filter-accordion
.range-value-wrap input {

    min-width: 0 !important;
    width: 100% !important;
    height: 36px !important;

    padding: 0 4px !important;

    border: 0 !important;
    outline: 0 !important;

    background: transparent !important;

    color: #111 !important;
    font-size: 12px !important;

    box-shadow: none !important;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767.98px) {

    /*
     * Drawer ocupa um pouco mais da tela,
     * sem ficar apertado.
     */

    .bk-instructor-sidebar-col
    .courses-sidebar-area {

        width: min(91vw, 400px) !important;
        max-width: 400px !important;

        border-radius: 0 18px 18px 0 !important;
    }

    .bk-instructor-filter-drawer-head,
    .bk-instructor-filter-drawer-foot {

        width: min(91vw, 400px) !important;
    }


    /*
     * Cabeçalhos mais limpos
     */

    .bk-instructor-filter-accordion
    .accordion-button {

        min-height: 50px !important;

        padding:
            12px
            16px !important;

        font-size: 13px !important;
    }


    /*
     * Conteudo aberto
     */

    .bk-instructor-filter-accordion
    .accordion-body {

        padding:
            12px
            16px
            16px !important;
    }


    /*
     * Selects
     */

    .bk-instructor-filter-accordion
    select[name="country_id"],

    .bk-instructor-filter-accordion
    select[name="state_id"],

    .bk-instructor-filter-accordion
    select[name="city_id"] {

        min-height: 46px;

        font-size: 12px;
    }

}


/* BOOKAR FORMADORES UX CLEANUP V1.5 END */

/* =========================================================
   BOOKAR LOCATION PREMIUM V1.6
   ========================================================= */

.bk-location-field {
    position: relative;
    margin-bottom: 14px;
}

.bk-location-select {
    position: relative;
}

.bk-location-label {
    display: block;
    margin-bottom: 7px;
    color: #666;
    font-size: 12px;
    font-weight: 700;
}

.bk-location-control {
    width: 100%;
    min-height: 46px;

    padding: 0 13px;

    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;

    border: 1px solid #dfdfda;
    border-radius: 10px;

    background: #fff;
    color: #222;

    font-size: 13px;
    text-align: left;

    transition: .2s ease;
}

.bk-location-control:hover,
.bk-location-control.open {
    border-color: #ffd400;
}

.bk-location-control .iconify {
    flex: 0 0 auto;
    font-size: 18px;
    color: #777;
}

.bk-location-panel {
    position: absolute;

    left: 0;
    right: 0;
    top: calc(100% + 7px);

    z-index: 100;

    display: none;

    padding: 10px;

    border: 1px solid #e0e0db;
    border-radius: 12px;

    background: #fff;

    box-shadow: 0 18px 45px rgba(0,0,0,.12);
}

.bk-location-panel.open {
    display: block;
}

.bk-location-search {
    width: 100%;
    height: 40px;

    margin-bottom: 8px;
    padding: 0 11px;

    border: 1px solid #deded8;
    border-radius: 8px;

    background: #fafafa;

    color: #111;
    font-size: 12px;

    outline: 0;
}

.bk-location-search:focus {
    border-color: #ffd400;
}

.bk-location-options {
    max-height: 220px;
    overflow-y: auto;
    overscroll-behavior: contain;
}

.bk-location-options::-webkit-scrollbar {
    width: 5px;
}

.bk-location-options::-webkit-scrollbar-thumb {
    background: #d0d0ca;
    border-radius: 999px;
}

.bk-location-option {
    width: 100%;

    padding: 9px 10px;

    border: 0;
    border-radius: 7px;

    background: transparent;

    color: #333;
    font-size: 12px;
    text-align: left;

    transition: .15s ease;
}

.bk-location-option:hover {
    background: #fff8cc;
}

.bk-location-option.active {
    background: #ffd400;
    color: #111;
    font-weight: 800;
}


/* MOBILE */

@media (max-width: 767.98px) {

    .bk-location-panel {
        position: fixed;

        left: 14px;
        right: 14px;
        top: auto;
        bottom: 90px;

        z-index: 1000010;

        max-height: 62vh;

        border-radius: 16px;
    }

    .bk-location-options {
        max-height: 46vh;
    }

    .bk-location-control {
        min-height: 48px;
        font-size: 12px;
    }

}

/* BOOKAR LOCATION PREMIUM V1.6 END */

/* =========================================================
   BOOKAR LOCATION MULTICOUNTRY V1.8.1 - OVERFLOW FIX
   ========================================================= */

.bk-instructor-filter-accordion,
.bk-instructor-filter-accordion .accordion-item,
.bk-instructor-filter-accordion .accordion-collapse.show,
.bk-instructor-filter-accordion .accordion-body,
.bk-instructor-filter-accordion .sidebar-select-item {
    overflow: visible !important;
}

.bk-instructor-filter-accordion .bk-location-field {
    overflow: visible !important;
    position: relative;
    z-index: 20;
}

.bk-instructor-filter-accordion .bk-location-select {
    position: relative;
    z-index: 30;
}

.bk-instructor-filter-accordion .bk-location-panel {
    z-index: 99999 !important;
    max-height: 310px;
}

.bk-instructor-filter-accordion .bk-location-options {
    max-height: 230px;
    overflow-y: auto;
}

/* Quando o seletor estiver aberto, deixa-o acima dos campos seguintes */
.bk-instructor-filter-accordion .bk-location-field:has(.bk-location-panel.open) {
    z-index: 99998;
}

/* BOOKAR LOCATION MULTICOUNTRY V1.8.1 END */

/* =========================================================
   BOOKAR LOCATION DESKTOP V1.8.2
   Dropdown de localização fora do clipping do sidebar
   ========================================================= */

@media (min-width: 992px) {

    .bk-instructors-catalog .courses-sidebar-area {
        max-height: none !important;
        overflow: visible !important;
    }

    .bk-instructor-sidebar-col {
        overflow: visible !important;
    }

    .bk-instructor-filter-accordion {
        overflow: visible !important;
    }

    .bk-instructor-filter-accordion .accordion-item {
        overflow: visible !important;
    }

    .bk-instructor-filter-accordion .accordion-collapse.show {
        overflow: visible !important;
    }

    .bk-instructor-filter-accordion .accordion-body {
        overflow: visible !important;
    }

    .bk-instructor-filter-accordion .sidebar-select-item {
        position: relative;
        overflow: visible !important;
    }

    .bk-instructor-filter-accordion .bk-location-select {
        position: relative;
        z-index: 100;
    }

    .bk-instructor-filter-accordion .bk-location-panel.open {
        position: absolute !important;
        top: calc(100% + 8px);
        left: 0;
        right: 0;
        z-index: 999999 !important;

        max-height: 320px;
        overflow: hidden;

        background: #fff;
        border: 1px solid #deded8;
        border-radius: 14px;
        box-shadow: 0 18px 45px rgba(0,0,0,.14);
    }

    .bk-instructor-filter-accordion .bk-location-options {
        max-height: 235px;
        overflow-y: auto !important;
        overflow-x: hidden !important;
    }

}

/* BOOKAR LOCATION DESKTOP V1.8.2 END */


/* ==========================================================
   BOOKAR FORMADORES PUBLIC V2.2 START
   Página pública /instructor
   ========================================================== */


/* ----------------------------------------------------------
   CATÁLOGO
   ---------------------------------------------------------- */

.bk-instructors-page .bk-instructors-catalog{
    background:#f7f7f5 !important;
    padding-top:40px !important;
    padding-bottom:80px !important;
}

@media (min-width:992px){

    .bk-instructors-page #instructorParentBlock{
        padding-left:24px;
    }

    .bk-instructors-page .bk-instructors-grid{
        --bs-gutter-x:22px;
        --bs-gutter-y:22px;
    }

    .bk-instructors-page .bk-instructor-grid-item{
        display:flex;
        margin-bottom:22px !important;
    }

}


/* ----------------------------------------------------------
   CARD
   ---------------------------------------------------------- */

.bk-instructors-page .bk-formador-card{
    position:relative;
    display:flex;
    flex-direction:column;
    width:100%;
    min-width:0;
    height:100%;
    overflow:hidden;
    background:#fff;
    border:1px solid #e7e7e2;
    border-radius:14px;
    box-shadow:0 8px 28px rgba(0,0,0,.04);
    transition:
        transform .22s ease,
        box-shadow .22s ease,
        border-color .22s ease;
}

.bk-instructors-page .bk-formador-card:hover{
    transform:translateY(-4px);
    border-color:#d9d9d2;
    box-shadow:0 17px 42px rgba(0,0,0,.08);
}


/* ----------------------------------------------------------
   CABEÇALHO DO CARD
   ---------------------------------------------------------- */

.bk-instructors-page .bk-formador-card-top{
    position:relative;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    min-height:188px;
    padding:28px 20px 20px;
    background:
        radial-gradient(
            circle at 50% 0%,
            rgba(255,196,0,.18),
            transparent 46%
        ),
        #f6f6f3;
    border-bottom:1px solid #ecece7;
}

.bk-instructors-page .bk-formador-card-top::before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    right:0;
    height:3px;
    background:#ffc400;
}


/* ----------------------------------------------------------
   FOTO
   ---------------------------------------------------------- */

.bk-instructors-page .bk-formador-avatar-link{
    display:block;
    text-decoration:none !important;
}

.bk-instructors-page .bk-formador-avatar{
    position:relative;
    width:106px;
    height:106px;
    padding:4px;
    border-radius:50%;
    background:#fff;
    box-shadow:
        0 0 0 3px #ffc400,
        0 8px 22px rgba(0,0,0,.08);
}

.bk-instructors-page .bk-formador-avatar img{
    display:block !important;
    width:100% !important;
    height:100% !important;
    max-width:none !important;
    object-fit:cover !important;
    border-radius:50% !important;
}

.bk-instructors-page .bk-formador-avatar::after{
    content:"";
    position:absolute;
    right:3px;
    bottom:8px;
    width:16px;
    height:16px;
    border:3px solid #fff;
    border-radius:50%;
    background:#24ad59;
}


/* ----------------------------------------------------------
   STATUS
   ---------------------------------------------------------- */

.bk-instructors-page .bk-formador-available,
.bk-instructors-page .bk-formador-member{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:6px;
    min-height:27px;
    margin-top:17px;
    padding:5px 10px;
    border-radius:30px;
    font-size:10px;
    line-height:1;
    font-weight:800;
}

.bk-instructors-page .bk-formador-available{
    color:#277c46;
    background:#e9f8ef;
}

.bk-instructors-page .bk-formador-member{
    color:#686863;
    background:#ebebe7;
}

.bk-instructors-page .bk-formador-available-dot{
    width:6px;
    height:6px;
    border-radius:50%;
    background:#24ad59;
}


/* ----------------------------------------------------------
   DESCONTO
   ---------------------------------------------------------- */

.bk-instructors-page .bk-formador-discount{
    position:absolute;
    z-index:3;
    top:14px;
    right:14px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:27px;
    padding:5px 9px;
    border-radius:6px;
    background:#111;
    color:#ffc400;
    font-size:10px;
    font-weight:900;
}


/* ----------------------------------------------------------
   CONTEÚDO
   ---------------------------------------------------------- */

.bk-instructors-page .bk-formador-card-body{
    display:flex;
    flex:1;
    flex-direction:column;
    min-width:0;
    padding:20px;
}

.bk-instructors-page .bk-formador-identity{
    min-width:0;
    text-align:center;
}

.bk-instructors-page .bk-formador-identity h3{
    margin:0 !important;
    color:#151515 !important;
    font-size:18px !important;
    line-height:1.25 !important;
    font-weight:800 !important;
    letter-spacing:-.25px;
    overflow-wrap:anywhere;
}

.bk-instructors-page .bk-formador-identity h3 a{
    color:#151515 !important;
    text-decoration:none !important;
}

.bk-instructors-page .bk-formador-identity h3 a:hover{
    color:#9b7600 !important;
}

.bk-instructors-page .bk-formador-profession{
    min-height:38px;
    margin:6px 0 0 !important;
    color:#747474 !important;
    font-size:12px !important;
    line-height:1.5 !important;
    font-weight:500 !important;
}


/* ----------------------------------------------------------
   RANKING
   ---------------------------------------------------------- */

.bk-instructors-page .bk-formador-ranking{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:5px;
    margin-top:8px;
    color:#816300;
    font-size:10px;
    line-height:1.2;
    font-weight:800;
}

.bk-instructors-page .bk-formador-ranking .iconify{
    width:15px;
    height:15px;
}


/* ----------------------------------------------------------
   AVALIAÇÃO
   ---------------------------------------------------------- */

.bk-instructors-page .bk-formador-rating{
    display:flex;
    align-items:center;
    justify-content:center;
    flex-wrap:wrap;
    gap:6px;
    min-height:28px;
    margin-top:14px;
}

.bk-instructors-page .bk-formador-rating > strong{
    color:#222;
    font-size:12px;
    font-weight:800;
}

.bk-instructors-page .bk-formador-stars{
    position:relative;
    display:inline-block;
    font-size:14px !important;
    line-height:1 !important;
}

.bk-instructors-page .bk-formador-rating-count{
    color:#969696;
    font-size:10px;
    font-weight:600;
}


/* ----------------------------------------------------------
   BADGES
   ---------------------------------------------------------- */

.bk-instructors-page .bk-formador-badges{
    display:flex !important;
    align-items:center;
    justify-content:center;
    flex-direction:row !important;
    flex-wrap:wrap;
    gap:7px;
    min-height:38px;
    margin-top:12px;
}

.bk-instructors-page .bk-formador-badge{
    display:flex !important;
    align-items:center;
    justify-content:center;
    flex:0 0 30px;
    width:30px !important;
    height:30px !important;
    padding:3px;
    border:1px solid #e5e5df;
    border-radius:50%;
    background:#fff;
}

.bk-instructors-page .bk-formador-badge img{
    display:block !important;
    width:100% !important;
    height:100% !important;
    max-width:100% !important;
    object-fit:contain !important;
    border-radius:50% !important;
}


/* ----------------------------------------------------------
   CONSULTA
   ---------------------------------------------------------- */

.bk-instructors-page .bk-formador-consultation{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    margin-top:15px;
    padding:12px 13px;
    border:1px solid #ecece6;
    border-radius:9px;
    background:#fafaf8;
}

.bk-instructors-page .bk-formador-consultation-label{
    display:block;
    margin-bottom:3px;
    color:#999;
    font-size:9px;
    font-weight:800;
    letter-spacing:.7px;
    text-transform:uppercase;
}

.bk-instructors-page .bk-formador-price{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:6px;
}

.bk-instructors-page .bk-formador-price strong{
    color:#191919;
    font-size:12px;
    font-weight:800;
}

.bk-instructors-page .bk-formador-price del{
    color:#999;
    font-size:10px;
}

.bk-instructors-page .bk-formador-consultation-icon{
    display:flex;
    align-items:center;
    justify-content:center;
    flex:0 0 32px;
    width:32px;
    height:32px;
    border-radius:7px;
    background:#fff2b8;
    color:#8c6b00;
}


/* ----------------------------------------------------------
   BOTÃO
   ---------------------------------------------------------- */

.bk-instructors-page .bk-formador-actions{
    margin-top:auto;
    padding-top:18px;
}

.bk-instructors-page .bk-formador-profile-btn{
    display:flex !important;
    align-items:center;
    justify-content:space-between;
    gap:15px;
    width:100% !important;
    min-height:44px;
    margin:0 !important;
    padding:10px 14px !important;
    border:1px solid #181818 !important;
    border-radius:7px !important;
    background:#181818 !important;
    color:#fff !important;
    box-shadow:none !important;
    text-decoration:none !important;
    font-size:12px !important;
    line-height:1 !important;
    font-weight:800 !important;
    cursor:pointer;
    transition:.2s ease;
}

.bk-instructors-page .bk-formador-profile-btn:hover{
    border-color:#ffc400 !important;
    background:#ffc400 !important;
    color:#111 !important;
}


/* ----------------------------------------------------------
   BARRA SUPERIOR
   ---------------------------------------------------------- */

.bk-instructors-page .courses-filter-bar{
    margin-bottom:25px !important;
    padding:17px 20px !important;
    border:1px solid #e5e5e0 !important;
    border-radius:11px !important;
    background:#fff !important;
    box-shadow:0 6px 24px rgba(0,0,0,.025);
}

.bk-instructors-page .filter-bar-left-top{
    color:#171717 !important;
    font-size:15px !important;
    font-weight:800 !important;
}

.bk-instructors-page .filter-box-short-icon p{
    margin:0 !important;
    color:#777 !important;
    font-size:12px !important;
}

.bk-instructors-page .filterSortBy{
    min-width:150px;
    min-height:40px;
    border:1px solid #deded8 !important;
    border-radius:7px !important;
    background:#fff !important;
    color:#222 !important;
    box-shadow:none !important;
    font-size:12px !important;
    font-weight:700 !important;
}


/* ----------------------------------------------------------
   FILTROS DESKTOP
   ---------------------------------------------------------- */

@media (min-width:768px){

    .bk-instructors-page .courses-sidebar-area{
        overflow:hidden;
        border:1px solid #e4e4df !important;
        border-radius:11px !important;
        background:#fff !important;
        box-shadow:0 8px 28px rgba(0,0,0,.03);
    }

    .bk-instructors-page .course-sidebar-accordion-item{
        border:0 !important;
        border-bottom:1px solid #ecece7 !important;
        border-radius:0 !important;
        background:#fff !important;
    }

    .bk-instructors-page
    .course-sidebar-accordion-item:last-child{
        border-bottom:0 !important;
    }

    .bk-instructors-page .accordion-button{
        min-height:53px;
        padding:13px 15px !important;
        border:0 !important;
        background:#fff !important;
        color:#222 !important;
        box-shadow:none !important;
        font-size:12px !important;
        font-weight:800 !important;
    }

    .bk-instructors-page
    .accordion-button:not(.collapsed){
        background:#fffaf0 !important;
        color:#111 !important;
    }

    .bk-instructors-page .accordion-body{
        padding:4px 15px 16px !important;
    }

}


/* ----------------------------------------------------------
   MOBILE
   Preserva estrutura nativa do drawer/filtros.
   ---------------------------------------------------------- */

@media (max-width:767px){

    .bk-instructors-page .bk-formador-card-top{
        min-height:168px;
        padding:23px 16px 18px;
    }

    .bk-instructors-page .bk-formador-avatar{
        width:94px;
        height:94px;
    }

    .bk-instructors-page .bk-formador-card-body{
        padding:18px;
    }

    .bk-instructors-page .bk-formador-identity h3{
        font-size:17px !important;
    }

    .bk-instructors-page .bk-formador-profession{
        min-height:auto;
    }

}


/* ==========================================================
   BOOKAR FORMADORES PUBLIC V2.2 END
   ========================================================== */



/* ==========================================================
   BOOKAR FORMADORES PUBLIC V2.3 START
   Desktop 4 colunas | Mobile 2 colunas
   ========================================================== */


/* ----------------------------------------------------------
   DESKTOP
   4 cards dentro da área disponível
   ---------------------------------------------------------- */

@media (min-width:992px){

    .bk-instructors-page
    .bk-instructors-grid{
        --bs-gutter-x:16px;
        --bs-gutter-y:20px;
    }

    .bk-instructors-page
    .bk-instructor-grid-item{
        display:flex;
        margin-bottom:20px !important;
    }

    .bk-instructors-page
    .bk-formador-card-top{
        min-height:168px;
        padding:24px 15px 17px;
    }

    .bk-instructors-page
    .bk-formador-avatar{
        width:92px;
        height:92px;
    }

    .bk-instructors-page
    .bk-formador-card-body{
        padding:17px;
    }

    .bk-instructors-page
    .bk-formador-identity h3{
        font-size:16px !important;
    }

    .bk-instructors-page
    .bk-formador-profession{
        min-height:36px;
        font-size:11px !important;
    }

    .bk-instructors-page
    .bk-formador-badge{
        flex-basis:27px;
        width:27px !important;
        height:27px !important;
    }

}


/* ----------------------------------------------------------
   MOBILE
   2 CARDS POR LINHA
   ---------------------------------------------------------- */

@media (max-width:767px){

    /*
     * A área da grid precisa usar praticamente toda
     * a largura disponível.
     */

    .bk-instructors-page
    #instructorParentBlock{
        padding-left:0 !important;
        padding-right:0 !important;
    }

    .bk-instructors-page
    .bk-instructors-grid{
        --bs-gutter-x:10px !important;
        --bs-gutter-y:12px !important;

        margin-left:-5px !important;
        margin-right:-5px !important;
    }

    .bk-instructors-page
    .bk-instructor-grid-item{
        display:flex !important;
        width:50% !important;
        flex:0 0 50% !important;
        max-width:50% !important;

        padding-left:5px !important;
        padding-right:5px !important;

        margin-bottom:12px !important;
    }


    /* CARD */

    .bk-instructors-page
    .bk-formador-card{
        border-radius:11px;
        box-shadow:
            0 5px 18px rgba(0,0,0,.04);
    }


    /* FOTO */

    .bk-instructors-page
    .bk-formador-card-top{
        min-height:125px;
        padding:18px 8px 13px;
    }

    .bk-instructors-page
    .bk-formador-avatar{
        width:70px;
        height:70px;
        padding:3px;

        box-shadow:
            0 0 0 2px #ffc400,
            0 5px 14px rgba(0,0,0,.07);
    }

    .bk-instructors-page
    .bk-formador-avatar::after{
        right:1px;
        bottom:5px;

        width:12px;
        height:12px;

        border-width:2px;
    }


    /* STATUS */

    .bk-instructors-page
    .bk-formador-available,
    .bk-instructors-page
    .bk-formador-member{
        min-height:22px;

        margin-top:11px;
        padding:4px 7px;

        font-size:7px;
        white-space:nowrap;
    }

    .bk-instructors-page
    .bk-formador-available-dot{
        width:5px;
        height:5px;
    }


    /* BODY */

    .bk-instructors-page
    .bk-formador-card-body{
        padding:13px 9px 10px;
    }

    .bk-instructors-page
    .bk-formador-identity h3{
        min-height:31px;

        display:flex;
        align-items:center;
        justify-content:center;

        font-size:12px !important;
        line-height:1.28 !important;
        letter-spacing:-.1px;
    }

    .bk-instructors-page
    .bk-formador-profession{
        min-height:27px;

        margin-top:4px !important;

        font-size:9px !important;
        line-height:1.35 !important;
    }


    /* RANKING */

    .bk-instructors-page
    .bk-formador-ranking{
        gap:3px;

        margin-top:5px;

        font-size:8px;
        line-height:1.2;
    }

    .bk-instructors-page
    .bk-formador-ranking .iconify{
        width:12px;
        height:12px;
    }


    /* AVALIAÇÃO */

    .bk-instructors-page
    .bk-formador-rating{
        gap:3px;

        min-height:23px;
        margin-top:9px;
    }

    .bk-instructors-page
    .bk-formador-rating > strong{
        font-size:9px;
    }

    .bk-instructors-page
    .bk-formador-stars{
        font-size:10px !important;
    }

    .bk-instructors-page
    .bk-formador-rating-count{
        font-size:7px;
    }


    /* BADGES */

    .bk-instructors-page
    .bk-formador-badges{
        gap:4px;

        min-height:27px;
        margin-top:7px;
    }

    .bk-instructors-page
    .bk-formador-badge{
        flex:0 0 22px;

        width:22px !important;
        height:22px !important;

        padding:2px;
    }


    /* CONSULTA */

    .bk-instructors-page
    .bk-formador-consultation{
        gap:5px;

        margin-top:8px;
        padding:7px;

        border-radius:7px;
    }

    .bk-instructors-page
    .bk-formador-consultation-label{
        font-size:7px;
    }

    .bk-instructors-page
    .bk-formador-price strong{
        font-size:8px;
    }

    .bk-instructors-page
    .bk-formador-price del{
        font-size:7px;
    }

    .bk-instructors-page
    .bk-formador-consultation-icon{
        display:none;
    }


    /* BOTÃO */

    .bk-instructors-page
    .bk-formador-actions{
        padding-top:10px;
    }

    .bk-instructors-page
    .bk-formador-profile-btn{
        min-height:38px;

        padding:9px 10px !important;

        border-radius:7px !important;

        font-size:9px !important;
    }

    .bk-instructors-page
    .bk-formador-profile-btn .iconify{
        width:13px;
        height:13px;
    }


    /* DESCONTO */

    .bk-instructors-page
    .bk-formador-discount{
        top:7px;
        right:7px;

        min-height:21px;
        padding:3px 5px;

        font-size:7px;
    }

}


/* ----------------------------------------------------------
   CELULARES MUITO ESTREITOS
   continua 2 por linha, mas ainda mais compacto.
   ---------------------------------------------------------- */

@media (max-width:360px){

    .bk-instructors-page
    .bk-formador-card-body{
        padding-left:7px;
        padding-right:7px;
    }

    .bk-instructors-page
    .bk-formador-avatar{
        width:64px;
        height:64px;
    }

    .bk-instructors-page
    .bk-formador-identity h3{
        font-size:11px !important;
    }

    .bk-instructors-page
    .bk-formador-badge{
        flex-basis:20px;

        width:20px !important;
        height:20px !important;
    }

}


/* ==========================================================
   BOOKAR FORMADORES PUBLIC V2.3 END
   ========================================================== */



/* ==========================================================
   BOOKAR FORMADORES PUBLIC V2.4 START
   Grid independente do Bootstrap
   ========================================================== */


/* ----------------------------------------------------------
   BASE
   ---------------------------------------------------------- */

.bk-instructors-page #instructorParentBlock{
    min-width:0 !important;
}

.bk-instructors-page .bk-instructors-grid{
    display:grid !important;
    width:100% !important;
    min-width:0 !important;

    margin:0 !important;

    grid-template-columns:
        repeat(4, minmax(0, 1fr)) !important;

    gap:18px !important;
}

.bk-instructors-page .bk-instructor-grid-item{
    display:flex !important;

    width:auto !important;
    min-width:0 !important;
    max-width:none !important;

    flex:none !important;

    margin:0 !important;
    padding:0 !important;
}

.bk-instructors-page
.bk-instructor-grid-item
.bk-formador-card{
    width:100% !important;
    min-width:0 !important;
}


/* ----------------------------------------------------------
   DESKTOP
   4 CARDS
   ---------------------------------------------------------- */

@media (min-width:1200px){

    .bk-instructors-page .bk-instructors-grid{
        grid-template-columns:
            repeat(4, minmax(0, 1fr)) !important;

        gap:18px !important;
    }

}


/* ----------------------------------------------------------
   NOTEBOOK / DESKTOP MENOR
   Ainda 4 conforme solicitado.
   ---------------------------------------------------------- */

@media (min-width:992px) and (max-width:1199px){

    .bk-instructors-page .bk-instructors-grid{
        grid-template-columns:
            repeat(4, minmax(0, 1fr)) !important;

        gap:12px !important;
    }

    .bk-instructors-page .bk-formador-card-body{
        padding-left:13px;
        padding-right:13px;
    }

    .bk-instructors-page .bk-formador-identity h3{
        font-size:14px !important;
    }

}


/* ----------------------------------------------------------
   TABLET
   2 CARDS
   ---------------------------------------------------------- */

@media (min-width:768px) and (max-width:991px){

    .bk-instructors-page .bk-instructors-grid{
        grid-template-columns:
            repeat(2, minmax(0, 1fr)) !important;

        gap:16px !important;
    }

}


/* ----------------------------------------------------------
   MOBILE
   2 X 2
   ---------------------------------------------------------- */

@media (max-width:767px){

    .bk-instructors-page #instructorParentBlock{
        width:100% !important;

        padding-left:0 !important;
        padding-right:0 !important;
    }

    .bk-instructors-page .bk-instructors-grid{
        grid-template-columns:
            repeat(2, minmax(0, 1fr)) !important;

        gap:10px !important;

        margin:0 !important;
    }

    .bk-instructors-page .bk-instructor-grid-item{
        width:auto !important;
        max-width:none !important;

        flex:none !important;

        padding:0 !important;
        margin:0 !important;
    }

}


/* ----------------------------------------------------------
   400PX
   Aproveitar melhor a tela do celular.
   ---------------------------------------------------------- */

@media (min-width:361px) and (max-width:480px){

    .bk-instructors-page .bk-instructors-catalog .container{
        padding-left:10px !important;
        padding-right:10px !important;
    }

    .bk-instructors-page .bk-instructors-grid{
        gap:9px !important;
    }

}


/* ----------------------------------------------------------
   360PX OU MENOR
   Continua 2 colunas.
   ---------------------------------------------------------- */

@media (max-width:360px){

    .bk-instructors-page .bk-instructors-catalog .container{
        padding-left:7px !important;
        padding-right:7px !important;
    }

    .bk-instructors-page .bk-instructors-grid{
        gap:7px !important;
    }

}


/* ==========================================================
   BOOKAR FORMADORES PUBLIC V2.4 END
   ========================================================== */



/* ==========================================================
   BOOKAR COURSES GLOBAL V5 START
   Catálogo público /courses
   ========================================================== */


/* ----------------------------------------------------------
   ÁREA GERAL
   ---------------------------------------------------------- */

.bk-catalog-results{
    min-width:0 !important;
}

.bk-catalog-results .show-all-course-area{
    width:100% !important;
    min-width:0 !important;
}


/* ----------------------------------------------------------
   GRID
   DESKTOP = 4
   ---------------------------------------------------------- */

.bk-catalog-results .bk-course-grid{
    display:grid !important;

    grid-template-columns:
        repeat(4, minmax(0, 1fr)) !important;

    gap:18px !important;

    width:100% !important;

    margin:0 !important;
}

.bk-catalog-results .bk-course-grid > .bk-course-grid-item{
    display:flex !important;

    width:auto !important;
    min-width:0 !important;
    max-width:none !important;

    flex:none !important;

    margin:0 !important;
    padding:0 !important;
}


/* ----------------------------------------------------------
   CARD
   ---------------------------------------------------------- */

.bk-catalog-results .bk-course-grid .course-item{
    display:flex !important;
    flex-direction:column !important;

    width:100% !important;
    min-width:0 !important;
    height:100% !important;

    overflow:hidden;

    border:1px solid #e7e7e2 !important;
    border-radius:12px !important;

    background:#fff !important;

    box-shadow:
        0 7px 24px rgba(0,0,0,.04) !important;

    transition:
        transform .22s ease,
        box-shadow .22s ease,
        border-color .22s ease;
}

.bk-catalog-results .bk-course-grid .course-item:hover{
    transform:translateY(-4px);

    border-color:#d8d8d2 !important;

    box-shadow:
        0 16px 36px rgba(0,0,0,.08) !important;
}


/* ----------------------------------------------------------
   IMAGEM
   ---------------------------------------------------------- */

.bk-catalog-results .bk-course-grid .course-img-wrap,
.bk-catalog-results .bk-course-grid .course-img,
.bk-catalog-results .bk-course-grid .course-item-img{
    position:relative;

    width:100% !important;

    overflow:hidden;

    background:#f1f1ee;
}

.bk-catalog-results .bk-course-grid .course-img-wrap img,
.bk-catalog-results .bk-course-grid .course-img img,
.bk-catalog-results .bk-course-grid .course-item-img img{
    display:block !important;

    width:100% !important;
    height:auto !important;

    aspect-ratio:16 / 10;

    object-fit:cover !important;

    transition:transform .3s ease;
}

.bk-catalog-results .bk-course-grid .course-item:hover img{
    transform:scale(1.025);
}


/* ----------------------------------------------------------
   CONTEÚDO
   ---------------------------------------------------------- */

.bk-catalog-results .bk-course-grid .course-item-content{
    display:flex !important;
    flex:1 !important;
    flex-direction:column !important;

    min-width:0 !important;

    padding:15px !important;
}


/* ----------------------------------------------------------
   TÍTULO
   ---------------------------------------------------------- */

.bk-catalog-results .bk-course-grid .course-title,
.bk-catalog-results .bk-course-grid .course-item-content h5,
.bk-catalog-results .bk-course-grid .course-item-content h6{
    margin-top:0 !important;

    color:#161616 !important;

    font-size:14px !important;
    line-height:1.38 !important;
    font-weight:800 !important;

    letter-spacing:-.15px;
}

.bk-catalog-results .bk-course-grid .course-title a,
.bk-catalog-results .bk-course-grid .course-item-content h5 a,
.bk-catalog-results .bk-course-grid .course-item-content h6 a{
    color:#161616 !important;
    text-decoration:none !important;
}

.bk-catalog-results .bk-course-grid .course-title a:hover,
.bk-catalog-results .bk-course-grid .course-item-content h5 a:hover,
.bk-catalog-results .bk-course-grid .course-item-content h6 a:hover{
    color:#8b6b00 !important;
}


/* ----------------------------------------------------------
   PROFESSOR / META
   ---------------------------------------------------------- */

.bk-catalog-results .bk-course-grid .course-item-content p,
.bk-catalog-results .bk-course-grid .course-item-content .font-12,
.bk-catalog-results .bk-course-grid .course-item-content .font-13{
    font-size:10px !important;
    line-height:1.45 !important;
}


/* ----------------------------------------------------------
   AVALIAÇÃO
   ---------------------------------------------------------- */

.bk-catalog-results .bk-course-grid .course-rating{
    display:flex;
    align-items:center;
    flex-wrap:wrap;

    gap:4px;

    margin-top:9px !important;
}

.bk-catalog-results .bk-course-grid .course-rating,
.bk-catalog-results .bk-course-grid .course-rating *{
    font-size:10px !important;
}


/* ----------------------------------------------------------
   PREÇO
   ---------------------------------------------------------- */

.bk-catalog-results .bk-course-grid .course-price,
.bk-catalog-results .bk-course-grid .course-item-content .price{
    margin-top:auto !important;
    padding-top:11px !important;

    color:#151515 !important;

    font-size:13px !important;
    font-weight:900 !important;
}


/* ----------------------------------------------------------
   SELLOS NATIVOS
   ---------------------------------------------------------- */

.bk-catalog-results .bk-course-grid .course-tag,
.bk-catalog-results .bk-course-grid .course-badge{
    border-radius:5px !important;

    font-size:9px !important;
    font-weight:800 !important;
}


/* ----------------------------------------------------------
   TABLET
   ---------------------------------------------------------- */

@media (min-width:768px) and (max-width:1199px){

    .bk-catalog-results .bk-course-grid{
        grid-template-columns:
            repeat(3, minmax(0, 1fr)) !important;

        gap:14px !important;
    }

}


/* ----------------------------------------------------------
   MOBILE = 2
   ---------------------------------------------------------- */

@media (max-width:767px){

    .bk-catalog-results{
        width:100% !important;
        max-width:100% !important;

        padding-left:0 !important;
        padding-right:0 !important;
    }

    .bk-catalog-results .bk-course-grid{
        grid-template-columns:
            repeat(2, minmax(0, 1fr)) !important;

        gap:9px !important;
    }

    .bk-catalog-results .bk-course-grid .course-item{
        border-radius:10px !important;
    }

    .bk-catalog-results .bk-course-grid .course-item-content{
        padding:10px !important;
    }

    .bk-catalog-results .bk-course-grid .course-title,
    .bk-catalog-results .bk-course-grid .course-item-content h5,
    .bk-catalog-results .bk-course-grid .course-item-content h6{
        font-size:11px !important;
        line-height:1.32 !important;
    }

    .bk-catalog-results .bk-course-grid .course-item-content p,
    .bk-catalog-results .bk-course-grid .course-item-content .font-12,
    .bk-catalog-results .bk-course-grid .course-item-content .font-13{
        font-size:8px !important;
    }

    .bk-catalog-results .bk-course-grid .course-rating,
    .bk-catalog-results .bk-course-grid .course-rating *{
        font-size:8px !important;
    }

    .bk-catalog-results .bk-course-grid .course-price,
    .bk-catalog-results .bk-course-grid .course-item-content .price{
        padding-top:8px !important;

        font-size:11px !important;
    }

}


/* ----------------------------------------------------------
   MOBILE PEQUENO
   continua 2 colunas
   ---------------------------------------------------------- */

@media (max-width:360px){

    .bk-catalog-results .bk-course-grid{
        gap:7px !important;
    }

    .bk-catalog-results .bk-course-grid .course-item-content{
        padding:8px !important;
    }

}


/* ==========================================================
   BOOKAR COURSES GLOBAL V5 END
   ========================================================== */


/* ==========================================================
   BOOKAR COURSES PREMIUM V6 START
   Somente desktop
   ========================================================== */

@media (min-width: 992px){

    /* ======================================================
       ÁREA DO CATÁLOGO
       ====================================================== */

    .bk-catalog-page,
    .bk-catalog-results{
        color:#151515;
    }


    /* ======================================================
       CARD
       ====================================================== */

    .bk-catalog-results .bk-course-grid .bk-course-grid-item{
        min-width:0 !important;
    }

    .bk-catalog-results .bk-course-grid .course-item{
        position:relative;

        background:#fff !important;

        border:1px solid #e5e5df !important;
        border-radius:16px !important;

        overflow:hidden !important;

        box-shadow:
            0 2px 4px rgba(0,0,0,.015),
            0 12px 32px rgba(0,0,0,.045) !important;

        transition:
            transform .22s ease,
            border-color .22s ease,
            box-shadow .22s ease !important;
    }

    .bk-catalog-results .bk-course-grid .course-item:hover{
        transform:translateY(-4px);

        border-color:#d5d5cd !important;

        box-shadow:
            0 6px 14px rgba(0,0,0,.04),
            0 20px 42px rgba(0,0,0,.075) !important;
    }


    /* ======================================================
       IMAGEM
       ====================================================== */

    .bk-catalog-results .bk-course-grid .course-item img{
        transition:transform .30s ease !important;
    }

    .bk-catalog-results .bk-course-grid .course-item:hover img{
        transform:scale(1.018);
    }


    /* ======================================================
       BADGE "NOVO CURSO"
       VERDE LMSZAI -> AMARELO BOOKAR
       ====================================================== */

    .bk-catalog-results .bk-course-grid
    .course-item .course-tag,

    .bk-catalog-results .bk-course-grid
    .course-item [class*="badge"],

    .bk-catalog-results .bk-course-grid
    .course-item [class*="new-course"]{
        border-color:#ffc800 !important;
    }

    .bk-catalog-results .bk-course-grid
    .course-item .course-tag.bg-green,

    .bk-catalog-results .bk-course-grid
    .course-item .bg-green{
        background:#ffc800 !important;
        color:#111 !important;

        border:0 !important;
        border-radius:7px !important;

        font-weight:800 !important;

        box-shadow:
            0 5px 14px rgba(0,0,0,.10) !important;
    }


    /* ======================================================
       TÍTULO
       ====================================================== */

    .bk-catalog-results .bk-course-grid
    .course-item .course-title,

    .bk-catalog-results .bk-course-grid
    .course-item .course-title a{
        color:#121212 !important;

        font-weight:800 !important;

        text-decoration:none !important;
    }

    .bk-catalog-results .bk-course-grid
    .course-item .course-title a:hover{
        color:#121212 !important;
    }


    /* ======================================================
       FORMADOR
       REMOVE AZUL/ROXO NATIVO
       ====================================================== */

    .bk-catalog-results .bk-course-grid
    .course-item a:not(.course-title a){
        color:#454545 !important;
    }

    .bk-catalog-results .bk-course-grid
    .course-item a:not(.course-title a):hover{
        color:#111 !important;
    }


    /* ======================================================
       CORES NATIVAS LMSZAI
       ====================================================== */

    .bk-catalog-results .bk-course-grid
    .course-item .color-blue,

    .bk-catalog-results .bk-course-grid
    .course-item .color-heading,

    .bk-catalog-results .bk-course-grid
    .course-item .color-hover{
        color:#171717 !important;
    }


    /* ======================================================
       GRATUITO / PREÇO
       ====================================================== */

    .bk-catalog-results .bk-course-grid
    .course-item .course-price,

    .bk-catalog-results .bk-course-grid
    .course-item [class*="price"]{
        color:#111 !important;

        font-weight:800 !important;
    }


    /* ======================================================
       ESTRELAS
       ====================================================== */

    .bk-catalog-results .bk-course-grid
    .course-item .fa-star,

    .bk-catalog-results .bk-course-grid
    .course-item .fas.fa-star,

    .bk-catalog-results .bk-course-grid
    .course-item .rating-list i{
        color:#ffc800 !important;
    }


    /* ======================================================
       FILTRO LATERAL
       ====================================================== */

    .bk-catalog-sidebar{
        background:#fff !important;

        border:1px solid #e4e4de !important;
        border-radius:18px !important;

        overflow:hidden;

        box-shadow:
            0 12px 32px rgba(0,0,0,.04) !important;
    }

    .bk-catalog-sidebar h1,
    .bk-catalog-sidebar h2,
    .bk-catalog-sidebar h3,
    .bk-catalog-sidebar h4,
    .bk-catalog-sidebar h5,
    .bk-catalog-sidebar h6,
    .bk-catalog-sidebar label,
    .bk-catalog-sidebar a{
        color:#151515 !important;
    }


    /* ======================================================
       CHIPS DE CATEGORIAS
       ====================================================== */

    .bk-catalog-toolbar a{
        color:#151515 !important;

        background:#fff !important;

        border-color:#deded8 !important;

        transition:
            background .18s ease,
            border-color .18s ease,
            transform .18s ease !important;
    }

    .bk-catalog-toolbar a:hover{
        color:#111 !important;

        background:#ffc800 !important;

        border-color:#ffc800 !important;

        transform:translateY(-1px);
    }


    /* ======================================================
       BOTÕES / SELECT DO TOPO
       ====================================================== */

    .bk-catalog-toolbar button,
    .bk-catalog-toolbar .btn,
    .bk-catalog-toolbar select{
        color:#151515 !important;

        background:#fff !important;

        border-color:#deded8 !important;
    }

    .bk-catalog-toolbar button:hover,
    .bk-catalog-toolbar .btn:hover{
        color:#111 !important;

        background:#ffc800 !important;

        border-color:#ffc800 !important;
    }


    /* ======================================================
       CHECKBOX / RADIO
       ====================================================== */

    .bk-catalog-sidebar input[type="checkbox"]:checked,
    .bk-catalog-sidebar input[type="radio"]:checked{
        accent-color:#ffc800 !important;
    }

}

/* ==========================================================
   BOOKAR COURSES PREMIUM V6 END
   ========================================================== */


/* ==========================================================
   BOOKAR COURSE PRICE V6.1 START
   ========================================================== */

@media (min-width:992px){

    .bk-catalog-results
    .bk-course-grid
    .course-item
    .bk-course-free-price{
        color:#111 !important;
        font-weight:800 !important;
    }

    .bk-catalog-results
    .bk-course-grid
    .course-item
    .instructor-bottom-item{
        color:#111 !important;
    }

    .bk-catalog-results
    .bk-course-grid
    .course-item
    .instructor-bottom-item
    .color-hover{
        color:#111 !important;
        font-weight:800 !important;
    }

}

/* BOOKAR COURSE PRICE V6.1 END */



/* =========================================================
   BOOKAR COURSE DETAILS PREMIUM V2 START
   ========================================================= */

.bk-course-detail-page{
    background:#f6f6f3;
    color:#171717;
}


/* =========================================================
   HERO
   ========================================================= */

.bk-course-detail-page .course-single-page-header{
    position:relative;
    overflow:hidden;
    background:
        radial-gradient(circle at 78% 20%,rgba(255,196,0,.17),transparent 25%),
        radial-gradient(circle at 5% 90%,rgba(255,196,0,.08),transparent 24%),
        #111 !important;
}

.bk-course-detail-page .course-single-page-header:before{
    content:"";
    position:absolute;
    width:420px;
    height:420px;
    border:1px solid rgba(255,255,255,.06);
    border-radius:50%;
    right:-110px;
    top:-210px;
}

.bk-course-detail-page .course-single-page-header:after{
    content:"BOOKAR";
    position:absolute;
    right:5%;
    bottom:-38px;
    color:rgba(255,255,255,.025);
    font-size:118px;
    line-height:1;
    font-weight:900;
    letter-spacing:-7px;
    pointer-events:none;
}

.bk-course-detail-page .course-single-page-header .section-overlay{
    position:relative;
    z-index:2;
    background:transparent !important;
    padding:76px 0 118px;
}

.bk-course-detail-page .course-single-banner-content{
    max-width:760px;
}


/* detalhe amarelo antes do título */

.bk-course-detail-page .course-single-banner-content:before{
    content:"CURSO BOOKAR";
    display:inline-flex;
    align-items:center;
    min-height:29px;
    margin-bottom:20px;
    padding:6px 11px;
    border:1px solid rgba(255,196,0,.22);
    border-radius:999px;
    background:rgba(255,196,0,.10);
    color:#ffc400;
    font-size:11px;
    line-height:1;
    font-weight:850;
    letter-spacing:.11em;
}


/* título */

.bk-course-detail-page .page-banner-heading{
    max-width:850px;
    margin:0;
    padding-bottom:18px !important;
    color:#fff !important;
    font-size:48px !important;
    line-height:1.08 !important;
    font-weight:850 !important;
    letter-spacing:-1.8px;
}


/* subtítulo */

.bk-course-detail-page .page-banner-sub-heading{
    max-width:690px;
    margin:0;
    padding-bottom:24px !important;
    color:rgba(255,255,255,.72) !important;
    font-size:17px !important;
    line-height:1.7 !important;
}


/* formador */

.bk-course-detail-page .instructor-name-certificate{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:7px;
    margin-bottom:15px;
    color:rgba(255,255,255,.66) !important;
    font-size:13px !important;
}

.bk-course-detail-page .instructor-name-certificate:before{
    content:"Formador";
    color:#ffc400;
    font-weight:750;
}

.bk-course-detail-page .instructor-name-certificate span{
    color:#fff;
    font-weight:750;
    text-decoration:none !important;
}


/* avaliação */

.bk-course-detail-page .course-rating{
    flex-wrap:wrap;
    gap:2px;
}

.bk-course-detail-page .course-rating > span{
    color:rgba(255,255,255,.76) !important;
}

.bk-course-detail-page .course-rating > span:first-child{
    color:#ffc400 !important;
    font-size:15px !important;
    font-weight:850;
}

.bk-course-detail-page .rating-list{
    margin-bottom:0;
}

.bk-course-detail-page .rating-list svg,
.bk-course-detail-page .rating-list i{
    color:#ffc400 !important;
}


/* =========================================================
   ÁREA PRINCIPAL
   ========================================================= */

.bk-course-detail-page .course-single-details-area{
    position:relative;
    z-index:5;
    margin-top:-54px;
    padding:0 0 90px;
    background:transparent;
}

.bk-course-detail-page .course-single-details-area > .container > .row{
    --bs-gutter-x:28px;
    align-items:flex-start;
}


/* =========================================================
   CONTEÚDO ESQUERDO
   ========================================================= */

.bk-course-detail-page .course-single-details-left-content{
    overflow:hidden;
    border:1px solid #e8e8e3;
    border-radius:20px;
    background:#fff !important;
    box-shadow:0 14px 42px rgba(20,20,20,.055);
}


/* tabs */

.bk-course-detail-page .course-tab-nav-wrap{
    position:relative;
    overflow-x:auto;
    padding:0 25px;
    border-bottom:1px solid #ecece7;
    background:#fff;
    scrollbar-width:none;
}

.bk-course-detail-page .course-tab-nav-wrap::-webkit-scrollbar{
    display:none;
}

.bk-course-detail-page .tab-nav-list{
    flex-wrap:nowrap;
    min-width:max-content;
    gap:5px;
}

.bk-course-detail-page .tab-nav-list .nav-link{
    position:relative;
    padding:22px 14px 19px !important;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    color:#777 !important;
    white-space:nowrap;
    font-size:14px !important;
    font-weight:750 !important;
}

.bk-course-detail-page .tab-nav-list .nav-link:hover{
    color:#111 !important;
}

.bk-course-detail-page .tab-nav-list .nav-link.active{
    color:#111 !important;
}

.bk-course-detail-page .tab-nav-list .nav-link.active:after{
    content:"";
    position:absolute;
    left:14px;
    right:14px;
    bottom:0;
    height:3px;
    border-radius:10px 10px 0 0;
    background:#ffc400;
}


/* conteúdo das tabs */

.bk-course-detail-page #myTabContent{
    padding:34px 34px 42px;
}

.bk-course-detail-page #myTabContent h1,
.bk-course-detail-page #myTabContent h2,
.bk-course-detail-page #myTabContent h3,
.bk-course-detail-page #myTabContent h4,
.bk-course-detail-page #myTabContent h5,
.bk-course-detail-page #myTabContent h6{
    color:#151515;
    font-weight:800;
    letter-spacing:-.3px;
}

.bk-course-detail-page #myTabContent p,
.bk-course-detail-page #myTabContent li{
    color:#66645f;
    font-size:15px;
    line-height:1.75;
}


/* =========================================================
   CARD COMERCIAL
   ========================================================= */

.bk-course-detail-page .course-single-details-right-content{
    position:relative;
}

@media(min-width:992px){
    .bk-course-detail-page .course-single-details-right-content{
        position:sticky;
        top:92px;
    }
}

.bk-course-detail-page .course-info-box{
    overflow:hidden;
    padding:14px !important;
    border:1px solid #e4e4df !important;
    border-radius:21px !important;
    background:#fff !important;
    box-shadow:
        0 22px 65px rgba(15,15,15,.10),
        0 3px 12px rgba(15,15,15,.04);
}


/* imagem/vídeo */

.bk-course-detail-page .video-area-left{
    overflow:hidden;
    min-height:220px;
    border-radius:15px;
    background:#151515;
}

.bk-course-detail-page .course-info-video-img{
    width:100%;
}

.bk-course-detail-page .course-info-video-img img{
    width:100%;
    min-height:220px;
    max-height:250px;
    object-fit:cover;
    transition:transform .45s ease;
}

.bk-course-detail-page .video-area-left:hover .course-info-video-img img{
    transform:scale(1.025);
}

.bk-course-detail-page .video-area-left:after{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    background:linear-gradient(
        to top,
        rgba(0,0,0,.24),
        transparent 48%
    );
}

.bk-course-detail-page .play-btn{
    z-index:4;
    width:58px !important;
    height:58px !important;
    border:5px solid rgba(255,255,255,.20) !important;
    border-radius:50% !important;
    background:#ffc400 !important;
    box-shadow:0 10px 30px rgba(0,0,0,.22);
}

.bk-course-detail-page .play-btn img{
    width:17px;
    filter:brightness(0);
}


/* preço */

.bk-course-detail-page .course-price-box{
    margin:0 !important;
    padding:24px 10px 20px;
    border-bottom:1px solid #eeeeea;
}

.bk-course-detail-page .course-price-box h4{
    margin:0;
    color:#111 !important;
    font-size:29px !important;
    line-height:1.15;
    font-weight:900 !important;
    letter-spacing:-1px;
}

.bk-course-detail-page .course-price-box .text-decoration-line-through{
    color:#9a9a95 !important;
    font-size:14px !important;
}

.bk-course-detail-page .price-off{
    min-width:auto !important;
    height:auto !important;
    padding:7px 10px !important;
    border-radius:8px !important;
    background:#fff4c9 !important;
    color:#856500 !important;
    font-weight:850 !important;
}

.bk-course-detail-page .course-left-duration{
    display:block;
    margin-top:7px;
    color:#8a6b00 !important;
    font-size:12px !important;
}


/* informações */

.bk-course-detail-page .course-includes-box-top{
    padding:8px 10px 2px;
}

.bk-course-detail-page .course-includes-box-top ul{
    padding:0 !important;
    margin:0;
}

.bk-course-detail-page .course-includes-box-top li{
    padding:12px 0 !important;
    border-bottom:1px solid #f0f0ec;
    color:#666;
    font-size:13px;
}

.bk-course-detail-page .course-includes-box-top li:last-child{
    border-bottom:0;
}

.bk-course-detail-page .course-includes-box-top li > div:first-child{
    display:flex;
    align-items:center;
    gap:8px;
    color:#6d6c67;
}

.bk-course-detail-page .course-includes-box-top li > div:last-child{
    max-width:46%;
    color:#171717;
    text-align:right;
    font-weight:750;
}

.bk-course-detail-page .course-includes-box-top .iconify{
    color:#b68b00;
    font-size:17px;
}


/* CTA */

.bk-course-detail-page .course-info-box > .theme-button3,
.bk-course-detail-page .course-info-box > button.theme-button3,
.bk-course-detail-page .course-info-box .addToCart{
    display:flex !important;
    align-items:center;
    justify-content:center;
    min-height:54px;
    margin:13px 0 14px !important;
    border:1px solid #ffc400 !important;
    border-radius:11px !important;
    background:#ffc400 !important;
    color:#111 !important;
    box-shadow:0 10px 24px rgba(255,196,0,.19);
    font-size:15px !important;
    font-weight:850 !important;
    transition:.2s ease;
}

.bk-course-detail-page .course-info-box > .theme-button3:hover,
.bk-course-detail-page .course-info-box > button.theme-button3:hover,
.bk-course-detail-page .course-info-box .addToCart:hover{
    transform:translateY(-1px);
    background:#ffd027 !important;
    border-color:#ffd027 !important;
    color:#111 !important;
}


/* favoritos e partilha */

.bk-course-detail-page .course-info-box-wishlist-btns{
    margin:0 0 18px !important;
}

.bk-course-detail-page .course-info-box-wishlist-btns .theme-btn{
    flex:1;
    min-height:43px;
    padding:8px 9px !important;
    border:1px solid #e7e7e2 !important;
    border-radius:9px !important;
    background:#fafaf8 !important;
    color:#333 !important;
    font-size:12px !important;
    font-weight:700 !important;
}

.bk-course-detail-page .course-info-box-wishlist-btns .theme-btn:hover{
    border-color:#d9d9d2 !important;
    background:#f3f3ef !important;
    color:#111 !important;
}


/* este curso inclui */

.bk-course-detail-page .course-info-box > .course-includes-box:not(.course-includes-box-top){
    margin:0 !important;
    padding:20px 10px 11px;
    border-top:1px solid #eeeeea;
}

.bk-course-detail-page .course-info-box > .course-includes-box:not(.course-includes-box-top) h6{
    padding-bottom:15px !important;
    color:#171717 !important;
    font-size:14px !important;
    font-weight:850 !important;
}

.bk-course-detail-page .course-info-box > .course-includes-box:not(.course-includes-box-top) ul{
    margin:0;
    padding:0;
}

.bk-course-detail-page .course-info-box > .course-includes-box:not(.course-includes-box-top) li{
    display:flex;
    align-items:center;
    gap:9px;
    margin-bottom:11px;
    color:#686863;
    font-size:12.5px;
    line-height:1.5;
}

.bk-course-detail-page .course-info-box > .course-includes-box:not(.course-includes-box-top) .iconify{
    flex:0 0 auto;
    color:#aa8200;
    font-size:17px;
}


/* cashback */

.bk-course-detail-page .course-info-box .alert-success{
    border:1px solid #e9e9e4 !important;
    border-radius:10px !important;
    background:#f8f8f5 !important;
    color:#333 !important;
}


/* presente */

.bk-course-detail-page .course-info-box .alert-warning{
    border:1px solid #ece7d4 !important;
    border-radius:10px !important;
    background:#fffaf0 !important;
}


/* =========================================================
   TABLET
   ========================================================= */

@media(max-width:991px){

    .bk-course-detail-page .course-single-page-header .section-overlay{
        padding:58px 0 90px;
    }

    .bk-course-detail-page .page-banner-heading{
        font-size:40px !important;
    }

    .bk-course-detail-page .course-single-details-area{
        margin-top:-35px;
    }

    .bk-course-detail-page .course-single-details-right-content{
        margin-top:25px;
    }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media(max-width:767px){

    .bk-course-detail-page{
        background:#f7f7f4;
    }

    .bk-course-detail-page .course-single-page-header:after{
        display:none;
    }

    .bk-course-detail-page .course-single-page-header .section-overlay{
        padding:42px 0 68px;
    }

    .bk-course-detail-page .course-single-banner-content:before{
        margin-bottom:14px;
        padding:6px 9px;
        font-size:9px;
    }

    .bk-course-detail-page .page-banner-heading{
        padding-bottom:13px !important;
        font-size:29px !important;
        line-height:1.13 !important;
        letter-spacing:-.8px;
    }

    .bk-course-detail-page .page-banner-sub-heading{
        padding-bottom:18px !important;
        font-size:14px !important;
        line-height:1.6 !important;
    }

    .bk-course-detail-page .instructor-name-certificate{
        margin-bottom:12px;
        font-size:11px !important;
    }

    .bk-course-detail-page .course-rating{
        font-size:11px;
    }

    .bk-course-detail-page .course-rating .rating-count{
        font-size:11px !important;
    }

    .bk-course-detail-page .course-single-details-area{
        margin-top:-25px;
        padding-bottom:70px;
    }

    .bk-course-detail-page .course-single-details-area > .container{
        padding-left:12px;
        padding-right:12px;
    }

    .bk-course-detail-page .course-single-details-left-content{
        border-radius:15px;
    }

    .bk-course-detail-page .course-tab-nav-wrap{
        padding:0 10px;
    }

    .bk-course-detail-page .tab-nav-list{
        gap:0;
    }

    .bk-course-detail-page .tab-nav-list .nav-link{
        padding:17px 10px 15px !important;
        font-size:12px !important;
    }

    .bk-course-detail-page .tab-nav-list .nav-link.active:after{
        left:10px;
        right:10px;
    }

    .bk-course-detail-page #myTabContent{
        padding:24px 18px 30px;
    }

    .bk-course-detail-page #myTabContent p,
    .bk-course-detail-page #myTabContent li{
        font-size:14px;
    }


    /* card comercial aparece naturalmente abaixo do conteúdo */

    .bk-course-detail-page .course-single-details-right-content{
        margin-top:16px;
    }

    .bk-course-detail-page .course-info-box{
        padding:10px !important;
        border-radius:16px !important;
        box-shadow:0 12px 32px rgba(0,0,0,.07);
    }

    .bk-course-detail-page .video-area-left{
        min-height:185px;
        border-radius:12px;
    }

    .bk-course-detail-page .course-info-video-img img{
        min-height:185px;
        max-height:210px;
    }

    .bk-course-detail-page .course-price-box{
        padding:20px 8px 17px;
    }

    .bk-course-detail-page .course-price-box h4{
        font-size:25px !important;
    }

    .bk-course-detail-page .course-includes-box-top{
        padding-left:8px;
        padding-right:8px;
    }

    .bk-course-detail-page .course-includes-box-top li{
        font-size:12px;
    }

    .bk-course-detail-page .course-info-box > .theme-button3,
    .bk-course-detail-page .course-info-box > button.theme-button3,
    .bk-course-detail-page .course-info-box .addToCart{
        min-height:52px;
        border-radius:10px !important;
        font-size:14px !important;
    }

    .bk-course-detail-page .course-info-box-wishlist-btns .theme-btn{
        min-height:42px;
        font-size:11px !important;
    }

}


/* =========================================================
   BOOKAR COURSE DETAILS PREMIUM V2 END
   ========================================================= */



/* =========================================================
   BOOKAR COURSE EXPERIENCE V3 START
   ========================================================= */


/* ---------------------------------------------------------
   HERO - descrição curta
   --------------------------------------------------------- */

.bk-course-detail-page .bk-course-hero-description{
    max-width:680px;
    margin-bottom:22px;
}

.bk-course-detail-page .bk-course-hero-description-text{
    display:-webkit-box;
    overflow:hidden;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:3;

    color:rgba(255,255,255,.76);
    font-size:16px;
    line-height:1.7;
}

.bk-course-detail-page .bk-course-hero-description-text.is-expanded{
    display:block;
    overflow:visible;
}

.bk-course-detail-page .bk-course-hero-more{
    display:inline-flex;
    align-items:center;
    gap:5px;

    margin-top:9px;
    padding:0;

    border:0;
    background:transparent;

    color:#ffc400;

    font-size:13px;
    font-weight:800;

    cursor:pointer;
}

.bk-course-detail-page .bk-course-hero-more:hover{
    color:#ffd536;
}


/* ---------------------------------------------------------
   REMOVE CORES NATIVAS / ROXO
   --------------------------------------------------------- */

.bk-course-detail-page .tab-nav-list .nav-link,
.bk-course-detail-page .tab-nav-list .nav-link:focus,
.bk-course-detail-page .tab-nav-list .nav-link:hover{
    color:#777 !important;
}

.bk-course-detail-page .tab-nav-list .nav-link.active,
.bk-course-detail-page .tab-nav-list .nav-link.active:focus,
.bk-course-detail-page .tab-nav-list .nav-link.active:hover{
    color:#111 !important;
}

.bk-course-detail-page .tab-nav-list .nav-link.active:after{
    background:#ffc400 !important;
}

.bk-course-detail-page a{
    --bs-link-color:#111;
}


/* ---------------------------------------------------------
   OVERVIEW
   --------------------------------------------------------- */

.bk-course-detail-page .bk-section-eyebrow{
    display:inline-flex;
    align-items:center;

    margin-bottom:9px;

    color:#9a7600;

    font-size:10px;
    line-height:1;
    font-weight:900;
    letter-spacing:.12em;
}

.bk-course-detail-page .bk-what-you-learn{
    margin-bottom:34px;
}

.bk-course-detail-page .bk-what-you-learn h4{
    padding-bottom:22px !important;

    color:#151515 !important;

    font-size:27px !important;
    line-height:1.2;
    font-weight:850 !important;
    letter-spacing:-.7px;
}

.bk-course-detail-page .what-you-learn-list-wrap{
    gap:28px;
}

.bk-course-detail-page .what-you-learn-list-wrap > ul{
    width:50%;
}

.bk-course-detail-page .what-you-learn-list-wrap li{
    display:flex;
    align-items:flex-start;
    gap:11px;

    margin-bottom:17px;
}

.bk-course-detail-page .what-you-learn-list-wrap .check-wrap{
    display:flex;
    align-items:center;
    justify-content:center;

    width:25px;
    height:25px;

    margin-top:1px;

    border-radius:50%;

    background:#e5f7ec !important;
    color:#20b86a !important;
}

.bk-course-detail-page .what-you-learn-list-wrap .check-wrap .iconify{
    color:#20b86a !important;
}

.bk-course-detail-page .what-you-learn-list-wrap p{
    margin:0;
}


/* descrição */

.bk-course-detail-page .bk-course-description-section{
    position:relative;

    padding-top:30px;

    border-top:1px solid #eeeeea;
}

.bk-course-detail-page .bk-course-description-section h4{
    margin-bottom:18px;

    color:#151515 !important;

    font-size:22px !important;
    line-height:1.25;
    font-weight:850 !important;
}

.bk-course-detail-page .bk-course-description-wrap{
    position:relative;

    max-height:330px;
    overflow:hidden;

    transition:max-height .35s ease;
}

.bk-course-detail-page .bk-course-description-wrap:not(.is-expanded):after{
    content:"";

    position:absolute;

    left:0;
    right:0;
    bottom:0;

    height:100px;

    pointer-events:none;

    background:linear-gradient(
        to bottom,
        rgba(255,255,255,0),
        #fff 82%
    );
}

.bk-course-detail-page .bk-course-description-wrap.is-expanded,
.bk-course-detail-page .bk-course-description-wrap.no-collapse{
    max-height:none;
}

.bk-course-detail-page .bk-course-description-wrap.is-expanded:after,
.bk-course-detail-page .bk-course-description-wrap.no-collapse:after{
    display:none;
}

.bk-course-detail-page .bk-course-description-content{
    color:#62625e;

    font-size:15px;
    line-height:1.75;
}

.bk-course-detail-page .bk-description-toggle{
    position:relative;
    z-index:2;

    display:inline-flex;
    align-items:center;
    gap:6px;

    margin-top:11px;
    padding:9px 14px;

    border:1px solid #deded8;
    border-radius:8px;

    background:#fff;
    color:#171717;

    font-size:13px;
    font-weight:800;

    cursor:pointer;
}

.bk-course-detail-page .bk-description-toggle:hover{
    border-color:#ffc400;
    background:#fffaf0;
}


/* ---------------------------------------------------------
   STICKY DESKTOP
   --------------------------------------------------------- */

@media(min-width:992px){

    .bk-course-detail-page
    .course-single-details-area
    > .container
    > .row{
        align-items:flex-start !important;
    }

    .bk-course-detail-page
    .course-single-details-area
    .col-lg-4{
        align-self:flex-start !important;
    }

    .bk-course-detail-page
    .course-single-details-right-content{
        position:sticky !important;
        top:94px !important;
        z-index:20;
        height:max-content;
    }

}


/* ---------------------------------------------------------
   MOBILE CTA
   --------------------------------------------------------- */

.bk-mobile-course-cta{
    display:none;
}


@media(max-width:767px){

    /*
       No mobile, card vem primeiro.
       Isso reduz a distância até matrícula.
    */

    .bk-course-detail-page
    .course-single-details-area
    > .container
    > .row{
        display:flex;
        flex-direction:column;
    }

    .bk-course-detail-page
    .course-single-details-area
    > .container
    > .row
    > .col-lg-8{
        order:2;
    }

    .bk-course-detail-page
    .course-single-details-area
    > .container
    > .row
    > .col-lg-4{
        order:1;
    }


    /* HERO */

    .bk-course-detail-page .bk-course-hero-description{
        margin-bottom:17px;
    }

    .bk-course-detail-page .bk-course-hero-description-text{
        -webkit-line-clamp:3;

        font-size:13.5px;
        line-height:1.65;
    }

    .bk-course-detail-page .bk-course-hero-more{
        margin-top:7px;
        font-size:12px;
    }


    /* overview */

    .bk-course-detail-page .bk-what-you-learn{
        margin-bottom:27px;
    }

    .bk-course-detail-page .bk-what-you-learn h4{
        padding-bottom:18px !important;

        font-size:22px !important;
    }

    .bk-course-detail-page .what-you-learn-list-wrap{
        display:block !important;
    }

    .bk-course-detail-page .what-you-learn-list-wrap > ul{
        width:100%;
        margin:0;
    }

    .bk-course-detail-page .what-you-learn-list-wrap li{
        margin-bottom:14px;
    }

    .bk-course-detail-page .what-you-learn-list-wrap .check-wrap{
        width:23px;
        height:23px;
    }

    .bk-course-detail-page .bk-course-description-section{
        padding-top:24px;
    }

    .bk-course-detail-page .bk-course-description-section h4{
        font-size:20px !important;
    }

    .bk-course-detail-page .bk-course-description-wrap{
        max-height:285px;
    }

    .bk-course-detail-page .bk-course-description-content{
        font-size:14px;
        line-height:1.72;
    }


    /* espaço para barra inferior */

    body{
        padding-bottom:78px;
    }


    /* CTA persistente */

    .bk-mobile-course-cta{
        position:fixed;

        left:0;
        right:0;
        bottom:0;

        z-index:9998;

        display:block;

        padding:
            9px
            12px
            calc(9px + env(safe-area-inset-bottom));

        border-top:1px solid #e5e5df;

        background:rgba(255,255,255,.97);

        box-shadow:
            0 -10px 30px rgba(0,0,0,.10);

        backdrop-filter:blur(12px);
        -webkit-backdrop-filter:blur(12px);

        transform:translateY(115%);

        transition:transform .25s ease;
    }

    .bk-mobile-course-cta.is-visible{
        transform:translateY(0);
    }

    .bk-mobile-course-cta-inner{
        display:flex;
        align-items:center;
        justify-content:space-between;
        gap:12px;

        width:100%;
        max-width:520px;

        margin:auto;
    }

    .bk-mobile-course-price{
        flex:0 0 auto;

        display:flex;
        flex-direction:column;
    }

    .bk-mobile-price-label{
        margin-bottom:1px;

        color:#8a8a84;

        font-size:9px;
        line-height:1.2;
        font-weight:750;
        text-transform:uppercase;
        letter-spacing:.08em;
    }

    .bk-mobile-course-price strong{
        color:#111;

        font-size:18px;
        line-height:1.15;
        font-weight:900;
        letter-spacing:-.4px;
    }

    .bk-mobile-course-action{
        flex:1;

        display:flex;
        justify-content:flex-end;
    }

    .bk-mobile-main-cta{
        display:flex;
        align-items:center;
        justify-content:center;
        gap:7px;

        width:100%;
        max-width:220px;
        min-height:49px;

        padding:10px 17px;

        border:1px solid #ffc400;
        border-radius:10px;

        background:#ffc400;
        color:#111 !important;

        box-shadow:0 7px 18px rgba(255,196,0,.20);

        font-size:13px;
        font-weight:900;

        text-decoration:none !important;
    }

    .bk-mobile-main-cta:hover,
    .bk-mobile-main-cta:focus{
        background:#ffd127;
        border-color:#ffd127;
        color:#111 !important;
    }

    .bk-mobile-in-cart{
        background:#111;
        border-color:#111;
        color:#fff !important;
    }

    .bk-mobile-coming-soon{
        background:#e7e7e3;
        border-color:#e7e7e3;
        color:#777 !important;
    }

}


/* =========================================================
   BOOKAR COURSE EXPERIENCE V3 END
   ========================================================= */



/* =========================================================
   BOOKAR COURSE STICKY FIX V4 START
   Somente comportamento. Visual V3 preservado.
   ========================================================= */


/* ---------------------------------------------------------
   DESKTOP
   libera os ancestrais que podem matar position:sticky
   --------------------------------------------------------- */

@media (min-width:992px){

    .bk-course-detail-page,
    .bk-course-detail-page .course-single-details-area,
    .bk-course-detail-page .course-single-details-area > .container,
    .bk-course-detail-page .course-single-details-area > .container > .row,
    .bk-course-detail-page .course-single-details-area .col-lg-4{
        overflow:visible !important;
    }

    .bk-course-detail-page
    .course-single-details-area
    > .container
    > .row{
        align-items:flex-start !important;
    }

    .bk-course-detail-page
    .course-single-details-area
    .col-lg-4{
        align-self:stretch !important;
    }

    .bk-course-detail-page
    .course-single-details-right-content{
        position:sticky !important;
        position:-webkit-sticky !important;

        top:92px !important;

        z-index:30;

        width:100%;

        height:auto !important;
        max-height:none !important;

        margin-bottom:30px;
    }

}


/* ---------------------------------------------------------
   MOBILE
   CTA acima da navegação inferior da Bookar
   --------------------------------------------------------- */

@media (max-width:767px){

    .bk-mobile-course-cta{
        position:fixed !important;

        left:8px !important;
        right:8px !important;

        /*
         A Bookar já possui navegação inferior.
         O CTA fica acima dela.
        */
        bottom:72px !important;

        z-index:9997 !important;

        width:auto !important;

        padding:8px !important;

        border:1px solid rgba(0,0,0,.08) !important;
        border-radius:14px !important;

        background:rgba(255,255,255,.98) !important;

        box-shadow:
            0 12px 35px rgba(0,0,0,.18),
            0 2px 8px rgba(0,0,0,.06) !important;

        transform:translateY(180%) !important;

        opacity:0;
        visibility:hidden;

        pointer-events:none;

        transition:
            transform .25s ease,
            opacity .20s ease,
            visibility .20s ease !important;
    }

    .bk-mobile-course-cta.is-visible{
        transform:translateY(0) !important;

        opacity:1;
        visibility:visible;

        pointer-events:auto;
    }

    .bk-mobile-course-cta-inner{
        gap:10px;
    }

    .bk-mobile-course-price{
        padding-left:5px;
    }

    .bk-mobile-course-price strong{
        font-size:17px;
    }

    .bk-mobile-main-cta{
        min-height:47px;
        max-width:205px;

        border-radius:9px;

        font-size:13px;
    }

}


/* =========================================================
   BOOKAR COURSE STICKY FIX V4 END
   ========================================================= */



/* =========================================================
   BOOKAR DESKTOP PURCHASE V5 START
   Mobile intocado.
   ========================================================= */

@media (min-width:992px){

    .bk-course-detail-page .course-single-details-area{
        overflow:visible !important;
    }

    .bk-course-detail-page
    .course-single-details-area > .container{
        overflow:visible !important;
    }

    .bk-course-detail-page
    .course-single-details-area > .container > .row{
        overflow:visible !important;
        align-items:flex-start !important;
    }

    .bk-course-detail-page
    .course-single-details-area .col-lg-4{
        position:relative !important;
        overflow:visible !important;
        align-self:stretch !important;
    }

    .bk-course-detail-page
    .course-single-details-right-content{
        position:relative !important;
        top:auto !important;
        z-index:30;
        width:100%;
        will-change:transform;
    }

}

/* =========================================================
   BOOKAR DESKTOP PURCHASE V5 END
   ========================================================= */



/* =========================================================
   BOOKAR DESKTOP FIXED V7 START
   Desktop somente.
   Mobile aprovado permanece intocado.
   ========================================================= */

@media (min-width:992px){

    .bk-course-detail-page .col-lg-4{
        position:relative;
    }

    .bk-course-detail-page
    .course-single-details-right-content.bk-desktop-fixed{
        position:fixed !important;

        top:88px !important;

        margin:0 !important;

        z-index:100;

        transform:none !important;
    }

    .bk-course-detail-page
    .course-single-details-right-content.bk-desktop-bottom{
        position:absolute !important;

        top:auto !important;
        bottom:0 !important;

        margin:0 !important;

        transform:none !important;
    }

}

/* =========================================================
   BOOKAR DESKTOP FIXED V7 END
   ========================================================= */



/* =========================================================
   BOOKAR COURSE TABS PREMIUM V1 START
   ========================================================= */

.bk-course-detail-page .bk-tab-intro{
    margin-bottom:34px;
}

.bk-course-detail-page .bk-tab-kicker{
    display:block;
    margin-bottom:8px;
    font-size:11px;
    line-height:1.2;
    font-weight:800;
    letter-spacing:1.7px;
    color:#b88900;
}

.bk-course-detail-page .bk-tab-intro h3,
.bk-course-detail-page .bk-instructor-heading{
    display:block;
    margin:0;
    color:#111;
    font-size:28px;
    line-height:1.25;
    font-weight:800;
}

.bk-course-detail-page .bk-tab-intro p{
    margin:9px 0 0;
    color:#737373;
    font-size:15px;
    line-height:1.65;
}


/* =========================================================
   CURRÍCULO
   ========================================================= */

.bk-course-detail-page .bk-curriculum-premium .accordion{
    display:flex;
    flex-direction:column;
    gap:14px;
}

.bk-course-detail-page .bk-curriculum-premium .accordion-item{
    overflow:hidden;
    border:1px solid #e8e8e8 !important;
    border-radius:14px !important;
    background:#fff;
}

.bk-course-detail-page .bk-curriculum-premium .accordion-button{
    min-height:68px;
    padding:20px 22px;
    background:#fafafa !important;
    color:#111 !important;
    box-shadow:none !important;
    font-size:17px !important;
    font-weight:800 !important;
}

.bk-course-detail-page .bk-curriculum-premium .accordion-button:not(.collapsed){
    background:#111 !important;
    color:#fff !important;
}

.bk-course-detail-page .bk-curriculum-premium .accordion-button::after{
    filter:none;
}

.bk-course-detail-page .bk-curriculum-premium .accordion-button:not(.collapsed)::after{
    filter:brightness(0) invert(1);
}

.bk-course-detail-page .bk-curriculum-premium .accordion-body{
    padding:8px 22px 12px;
}

.bk-course-detail-page .bk-curriculum-premium .play-list-item,
.bk-course-detail-page .bk-curriculum-premium .edit-lecture-preview-show{
    min-height:58px;
    margin:0 !important;
    padding:14px 4px;
    border-bottom:1px solid #eeeeee;
    text-decoration:none !important;
}

.bk-course-detail-page .bk-curriculum-premium .play-list > *:last-child{
    border-bottom:0;
}

.bk-course-detail-page .bk-curriculum-premium .lecture-edit-title,
.bk-course-detail-page .bk-curriculum-premium .play-list-left p{
    margin:0;
    color:#242424;
    font-size:15px !important;
    line-height:1.45;
    font-weight:600;
}

.bk-course-detail-page .bk-curriculum-premium .play-list img,
.bk-course-detail-page .bk-curriculum-premium .edit-lecture-preview-show img{
    width:22px;
    height:22px;
    margin-right:13px;
}

.bk-course-detail-page .bk-curriculum-premium .see-preview-video{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    margin-right:12px;
    padding:5px 10px;
    border-radius:999px;
    background:#fff4bf;
    color:#6f5500 !important;
    font-size:11px !important;
    font-weight:800 !important;
}

.bk-course-detail-page .bk-curriculum-premium .video-time-count{
    color:#666;
    font-size:13px;
}


/* =========================================================
   DISCUSSÃO
   ========================================================= */

.bk-course-detail-page .bk-discussion-premium .discussion-comment-block{
    width:100%;
}

.bk-course-detail-page .bk-discussion-premium .discussion-comment-item{
    margin-bottom:14px;
    padding:20px;
    border:1px solid #e9e9e9;
    border-radius:14px;
    background:#fff;
}

.bk-course-detail-page .bk-discussion-premium .discussion-inner-comment-item{
    margin-left:52px;
    background:#fafafa;
}

.bk-course-detail-page .bk-discussion-premium
.discussion-comment-left-img-wrap img{
    width:48px;
    height:48px;
    border-radius:50%;
    object-fit:cover;
}

.bk-course-detail-page .bk-discussion-premium .teacher-badge{
    background:#fff1a8 !important;
    color:#4b3900 !important;
    border-radius:999px !important;
}

.bk-course-detail-page .bk-discussion-premium .no-course-found{
    width:100%;
    padding:35px 20px;
    border:1px dashed #d9d9d9;
    border-radius:16px;
    background:#fafafa;
}

.bk-course-detail-page .bk-discussion-premium .no-course-found img{
    max-width:120px;
    opacity:.72;
}

.bk-course-detail-page .bk-empty-copy{
    max-width:450px;
    margin:8px auto 0;
    color:#777;
}


/* =========================================================
   AVALIAÇÕES
   ========================================================= */

.bk-course-detail-page .bk-reviews-premium .review-tab-top-part{
    gap:30px;
    padding:25px;
    border:1px solid #e8e8e8;
    border-radius:16px;
    background:#fafafa;
}

.bk-course-detail-page .bk-reviews-premium .review-tab-count-box{
    min-width:180px;
    padding:24px;
    border-radius:14px !important;
    background:#111;
}

.bk-course-detail-page .bk-reviews-premium .review-tab-count-box h3{
    margin-bottom:8px;
    color:#fff;
    font-size:46px;
    font-weight:800;
}

.bk-course-detail-page .bk-reviews-premium .review-tab-count-box p{
    margin:8px 0 0;
    color:#ddd;
}

.bk-course-detail-page .bk-reviews-premium .rating-list .iconify{
    color:#ffc400;
}

.bk-course-detail-page .bk-reviews-premium .review-progress-bar-wrap{
    flex:1;
}

.bk-course-detail-page .bk-reviews-premium .barra{
    overflow:hidden;
    border-radius:999px;
    background:#e8e8e8;
}

.bk-course-detail-page .bk-reviews-premium .barra-nivel{
    background:#ffc400 !important;
}

.bk-course-detail-page .bk-reviews-premium .customer-review-part{
    margin-top:30px;
}

.bk-course-detail-page .bk-reviews-premium .load-more-btn{
    border:1px solid #111 !important;
    border-radius:10px !important;
    background:#111 !important;
    color:#fff !important;
}


/* =========================================================
   FORMADOR
   ========================================================= */

.bk-course-detail-page .bk-instructor-premium > h6{
    margin-bottom:30px !important;
}

.bk-course-detail-page .bk-instructor-heading{
    margin-top:7px;
}

.bk-course-detail-page .bk-instructor-premium .meet-instructor-item{
    overflow:hidden;
    padding-bottom:0 !important;
    border:1px solid #e8e8e8 !important;
    border-radius:16px !important;
    background:#fff;
}

.bk-course-detail-page .bk-instructor-premium .meet-instructor-top-title{
    margin:0 0 24px !important;
    padding:20px 24px !important;
    border-bottom:1px solid #ededed !important;
    background:#fafafa !important;
}

.bk-course-detail-page .bk-instructor-premium
.meet-instructor-top-title h6 a{
    color:#111 !important;
    font-size:20px;
    font-weight:800;
}

.bk-course-detail-page .bk-instructor-premium
.meet-instructor-img-wrap img{
    width:88px;
    height:88px;
    border-radius:14px;
    object-fit:cover;
}

.bk-course-detail-page .bk-instructor-premium .teacher-tag{
    display:inline-flex;
    padding:5px 10px !important;
    border-radius:999px !important;
    background:#fff1a8 !important;
    color:#4d3b00 !important;
}

.bk-course-detail-page .bk-instructor-premium
.meet-instructor-extra-info-item{
    margin-bottom:10px;
    font-size:14px;
}

.bk-course-detail-page .bk-instructor-premium
.meet-instructor-extra-info-item .iconify{
    color:#c79500;
}

.bk-course-detail-page .bk-instructor-premium
.meet-your-instructor-content-part{
    margin-top:24px;
    padding:22px 24px 25px !important;
    border-top:1px solid #ededed;
    background:#fafafa;
}

.bk-course-detail-page .bk-instructor-premium
.meet-your-instructor-content-part h6{
    margin-bottom:10px;
    color:#111;
    font-weight:800;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width:767.98px){

    .bk-course-detail-page .bk-tab-intro{
        margin-bottom:22px;
    }

    .bk-course-detail-page .bk-tab-intro h3,
    .bk-course-detail-page .bk-instructor-heading{
        font-size:21px;
        line-height:1.3;
    }

    .bk-course-detail-page .bk-tab-intro p{
        font-size:14px;
    }

    .bk-course-detail-page .bk-curriculum-premium .accordion{
        gap:10px;
    }

    .bk-course-detail-page .bk-curriculum-premium .accordion-button{
        min-height:58px;
        padding:16px;
        font-size:15px !important;
    }

    .bk-course-detail-page .bk-curriculum-premium .accordion-body{
        padding:4px 15px 8px;
    }

    .bk-course-detail-page .bk-curriculum-premium .play-list-item,
    .bk-course-detail-page .bk-curriculum-premium .edit-lecture-preview-show{
        min-height:56px;
        padding:12px 0;
    }

    .bk-course-detail-page .bk-curriculum-premium
    .upload-course-video-6-text{
        margin-left:10px;
        text-align:right;
    }

    .bk-course-detail-page .bk-curriculum-premium .see-preview-video{
        margin-right:5px;
        padding:4px 7px;
    }

    .bk-course-detail-page .bk-discussion-premium
    .discussion-comment-item{
        padding:15px;
    }

    .bk-course-detail-page .bk-discussion-premium
    .discussion-inner-comment-item{
        margin-left:20px;
    }

    .bk-course-detail-page .bk-reviews-premium
    .review-tab-top-part{
        display:block !important;
        padding:18px;
    }

    .bk-course-detail-page .bk-reviews-premium
    .review-tab-count-box{
        min-width:0;
        margin-bottom:24px;
    }

    .bk-course-detail-page .bk-instructor-premium
    .meet-instructor-img-wrap img{
        width:70px;
        height:70px;
    }

}

/* =========================================================
   BOOKAR COURSE TABS PREMIUM V1 END
   ========================================================= */



/* =========================================================
   BOOKAR COURSE FINAL MOBILE POLISH V1 START
   ========================================================= */

@media (max-width:767.98px){

    /*
     * Títulos das abas internas:
     * compactos para não quebrar em 2/3 linhas.
     */
    .bk-course-detail-page .bk-tab-intro h3,
    .bk-course-detail-page .bk-instructor-heading{
        font-size:clamp(16px, 4.4vw, 19px) !important;
        line-height:1.2 !important;
        letter-spacing:-.35px !important;
        white-space:nowrap !important;
    }

    .bk-course-detail-page .bk-tab-intro{
        margin-bottom:20px !important;
    }

    .bk-course-detail-page .bk-tab-kicker{
        margin-bottom:7px !important;
        font-size:10px !important;
        letter-spacing:1.4px !important;
    }


    /*
     * FORMADOR
     */
    .bk-course-detail-page .bk-instructor-premium > h6{
        margin-bottom:22px !important;
    }

    .bk-course-detail-page .bk-instructor-premium
    .meet-instructor-top-title{
        padding:16px 18px !important;
    }

    .bk-course-detail-page .bk-instructor-premium
    .meet-instructor-top-title h6 a{
        font-size:18px !important;
    }

    .bk-course-detail-page .bk-instructor-premium
    .meet-your-instructor-left{
        align-items:center !important;
    }

    .bk-course-detail-page .bk-instructor-premium
    .meet-instructor-img-wrap img{
        width:54px !important;
        height:54px !important;
        border-radius:50% !important;
    }

    .bk-course-detail-page .bk-instructor-premium
    .teacher-tag{
        font-size:12px !important;
    }


    /*
     * "O QUE VOCÊ VAI APRENDER"
     *
     * O LMS divide os pontos em dois UL.
     * Mantemos os dados nativos e transformamos
     * visualmente em grade 2 x N.
     */
    .bk-course-detail-page .what-you-learn-list-wrap{
        display:grid !important;
        grid-template-columns:repeat(2, minmax(0,1fr)) !important;
        gap:0 14px !important;
    }

    .bk-course-detail-page .what-you-learn-list-wrap > ul{
        display:contents !important;
    }

    .bk-course-detail-page .what-you-learn-list-wrap li{
        display:flex !important;
        align-items:flex-start !important;
        gap:8px !important;

        margin:0 !important;
        padding:11px 0 !important;

        min-width:0 !important;
    }

    .bk-course-detail-page .what-you-learn-list-wrap li p{
        margin:0 !important;
        font-size:12px !important;
        line-height:1.45 !important;
        overflow-wrap:anywhere !important;
    }

    .bk-course-detail-page .what-you-learn-list-wrap
    .check-wrap{
        width:22px !important;
        height:22px !important;
        min-width:22px !important;
        margin:0 !important;
    }

}


/*
 * Celulares realmente estreitos.
 * Só aqui permitimos o título reduzir um pouco mais.
 */
@media (max-width:390px){

    .bk-course-detail-page .bk-tab-intro h3,
    .bk-course-detail-page .bk-instructor-heading{
        font-size:15px !important;
        letter-spacing:-.45px !important;
    }

}


/* =========================================================
   BOOKAR COURSE FINAL MOBILE POLISH V1 END
   ========================================================= */


/* =========================================================
   BOOKAR HOME BUNDLES PREMIUM V1 START
   ========================================================= */

.bk-home-bundles-premium{
    position:relative;
    width:100%;
}

/* Cabeçalho da seção */
.bk-home-bundles-premium .section-heading-area,
.bk-home-bundles-premium .section-heading-wrap{
    margin-bottom:36px !important;
}

.bk-home-bundles-premium .section-heading{
    color:#111 !important;
    font-weight:900 !important;
    letter-spacing:-1.2px !important;
    font-size:38px !important;
    line-height:1.1 !important;
}

.bk-home-bundles-premium .section-sub-heading{
    color:#6c6c6c !important;
    font-size:15px !important;
    line-height:1.7 !important;
    margin-top:9px !important;
}

/* Ícone antigo */
.bk-home-bundles-premium .section-heading-img{
    width:54px !important;
    height:54px !important;
    border-radius:16px !important;
    background:#ffc400 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    overflow:hidden !important;
}

.bk-home-bundles-premium .section-heading-img img{
    max-width:30px !important;
    max-height:30px !important;
    object-fit:contain !important;
}

/* Botão Ver todos */
.bk-home-bundles-premium a.theme-button2,
.bk-home-bundles-premium a.theme-button3{
    border:1px solid #dedede !important;
    background:#fff !important;
    color:#111 !important;
    border-radius:12px !important;
    min-height:48px !important;
    padding:0 22px !important;
    font-weight:800 !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:10px !important;
    transition:.2s ease !important;
}

.bk-home-bundles-premium a.theme-button2:hover,
.bk-home-bundles-premium a.theme-button3:hover{
    background:#111 !important;
    color:#fff !important;
    border-color:#111 !important;
}

/* Grid */
.bk-home-bundles-premium .row{
    row-gap:24px !important;
}

/* Card */
.bk-home-bundles-premium .card,
.bk-home-bundles-premium .course-item,
.bk-home-bundles-premium .instructor-item{
    height:100% !important;
    background:#fff !important;
    border:1px solid #e8e8e8 !important;
    border-radius:20px !important;
    overflow:hidden !important;
    box-shadow:
        0 14px 38px rgba(17,17,17,.055) !important;
    transition:
        transform .22s ease,
        box-shadow .22s ease,
        border-color .22s ease !important;
}

.bk-home-bundles-premium .card:hover,
.bk-home-bundles-premium .course-item:hover,
.bk-home-bundles-premium .instructor-item:hover{
    transform:translateY(-4px) !important;
    border-color:#ffc400 !important;
    box-shadow:
        0 20px 48px rgba(17,17,17,.10) !important;
}

/* Imagem */
.bk-home-bundles-premium .card-img-top,
.bk-home-bundles-premium .course-img-wrap img,
.bk-home-bundles-premium .instructor-img img{
    width:100% !important;
    aspect-ratio:16 / 10 !important;
    object-fit:cover !important;
}

/* Conteúdo */
.bk-home-bundles-premium .card-body,
.bk-home-bundles-premium .instructor-content{
    padding:22px !important;
}

.bk-home-bundles-premium .course-title,
.bk-home-bundles-premium .card-title{
    margin-bottom:12px !important;
}

.bk-home-bundles-premium .course-title a,
.bk-home-bundles-premium .card-title a{
    color:#111 !important;
    font-size:19px !important;
    line-height:1.35 !important;
    font-weight:900 !important;
    text-decoration:none !important;
}

/* Formador */
.bk-home-bundles-premium .instructor-name,
.bk-home-bundles-premium .author-name{
    color:#666 !important;
    font-size:14px !important;
}

/* Informações inferiores */
.bk-home-bundles-premium .instructor-bottom-item{
    color:#737373 !important;
    font-size:13px !important;
    font-weight:600 !important;
    margin-bottom:8px !important;
}

.bk-home-bundles-premium .instructor-bottom-item .color-hover{
    color:#111 !important;
    font-weight:900 !important;
}

/* Primeiro destaque amarelo discreto */
.bk-home-bundles-premium .row > div:first-child .card,
.bk-home-bundles-premium .row > div:first-child .course-item,
.bk-home-bundles-premium .row > div:first-child .instructor-item{
    border-color:rgba(255,196,0,.65) !important;
}

/* Desktop */
@media (min-width:1200px){

    .bk-home-bundles-premium{
        padding-top:12px;
        padding-bottom:12px;
    }

    .bk-home-bundles-premium .container{
        max-width:1320px !important;
    }

    /*
     * Corrige cards excessivamente estreitos do LMSZAI.
     * Mantém até 4 pacotes por linha.
     */
    .bk-home-bundles-premium .row > [class*="col-"]{
        flex:0 0 25% !important;
        max-width:25% !important;
    }
}

/* Tablet */
@media (min-width:768px) and (max-width:1199px){

    .bk-home-bundles-premium .row > [class*="col-"]{
        flex:0 0 50% !important;
        max-width:50% !important;
    }
}

/* Mobile */
@media (max-width:767px){

    .bk-home-bundles-premium{
        padding-left:0 !important;
        padding-right:0 !important;
    }

    .bk-home-bundles-premium .section-heading{
        font-size:27px !important;
        letter-spacing:-.6px !important;
    }

    .bk-home-bundles-premium .section-sub-heading{
        font-size:14px !important;
    }

    .bk-home-bundles-premium .section-heading-img{
        width:44px !important;
        height:44px !important;
        border-radius:13px !important;
    }

    .bk-home-bundles-premium .row > [class*="col-"]{
        flex:0 0 50% !important;
        max-width:50% !important;
        padding-left:6px !important;
        padding-right:6px !important;
    }

    .bk-home-bundles-premium .row{
        margin-left:-6px !important;
        margin-right:-6px !important;
        row-gap:12px !important;
    }

    .bk-home-bundles-premium .card,
    .bk-home-bundles-premium .course-item,
    .bk-home-bundles-premium .instructor-item{
        border-radius:14px !important;
    }

    .bk-home-bundles-premium .card-body,
    .bk-home-bundles-premium .instructor-content{
        padding:13px !important;
    }

    .bk-home-bundles-premium .course-title a,
    .bk-home-bundles-premium .card-title a{
        font-size:14px !important;
        line-height:1.35 !important;
        display:-webkit-box !important;
        -webkit-line-clamp:2;
        -webkit-box-orient:vertical;
        overflow:hidden;
    }

    .bk-home-bundles-premium .instructor-bottom-item{
        font-size:11px !important;
        margin-bottom:5px !important;
    }

    .bk-home-bundles-premium .card-img-top,
    .bk-home-bundles-premium .course-img-wrap img,
    .bk-home-bundles-premium .instructor-img img{
        aspect-ratio:1 / 1 !important;
    }
}

/* =========================================================
   BOOKAR HOME BUNDLES PREMIUM V1 END
   ========================================================= */

/* =========================================================
   BOOKAR HOME BUNDLE CARD PREMIUM V2 START
   ========================================================= */

.latest-courses-area .latest-courses-slider{
    margin-top:40px;
}

.bk-home-bundle-slide{
    padding:8px 8px 24px;
}

.bk-bundle-premium-card{
    background:#fff;
    border:1px solid #e9e9e9;
    border-radius:20px;
    overflow:hidden;
    max-width:370px;
    box-shadow:0 12px 35px rgba(0,0,0,.06);
    transition:transform .25s ease, box-shadow .25s ease;
}

.bk-bundle-premium-card:hover{
    transform:translateY(-5px);
    box-shadow:0 20px 45px rgba(0,0,0,.10);
}

.bk-bundle-premium-cover{
    display:block;
    position:relative;
    overflow:hidden;
    background:#111;
    aspect-ratio:16 / 9;
}

.bk-bundle-premium-cover img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
    transition:transform .35s ease;
}

.bk-bundle-premium-card:hover .bk-bundle-premium-cover img{
    transform:scale(1.025);
}

.bk-bundle-course-count{
    position:absolute;
    left:16px;
    bottom:16px;
    display:inline-flex;
    align-items:center;
    gap:7px;
    padding:8px 12px;
    background:#ffc400;
    color:#111;
    border-radius:999px;
    font-size:12px;
    line-height:1;
    font-weight:800;
    box-shadow:0 6px 20px rgba(0,0,0,.15);
}

.bk-bundle-premium-body{
    padding:22px;
}

.bk-bundle-premium-type{
    margin-bottom:8px;
    color:#a87900;
    font-size:10px;
    line-height:1.2;
    font-weight:900;
    letter-spacing:1.5px;
}

.bk-bundle-premium-title{
    margin:0 0 18px;
    font-size:21px;
    line-height:1.3;
    font-weight:800;
}

.bk-bundle-premium-title a{
    color:#111 !important;
    text-decoration:none;
}

.bk-bundle-premium-instructor{
    display:flex;
    align-items:center;
    gap:10px;
    color:#111 !important;
    text-decoration:none !important;
    margin-bottom:22px;
}

.bk-bundle-instructor-avatar{
    width:38px;
    height:38px;
    min-width:38px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    background:#111;
    color:#ffc400;
    font-size:13px;
    font-weight:900;
}

.bk-bundle-premium-instructor > span:last-child{
    display:flex;
    flex-direction:column;
    min-width:0;
}

.bk-bundle-premium-instructor small{
    color:#8a8a8a;
    font-size:10px;
    line-height:1.2;
    margin-bottom:2px;
}

.bk-bundle-premium-instructor strong{
    color:#111;
    font-size:13px;
    line-height:1.3;
    font-weight:700;
}

.bk-bundle-premium-footer{
    border-top:1px solid #eeeeee;
    padding-top:18px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:14px;
}

.bk-bundle-premium-price{
    display:flex;
    flex-direction:column;
}

.bk-bundle-premium-price small{
    color:#8a8a8a;
    font-size:10px;
    line-height:1.2;
    margin-bottom:3px;
}

.bk-bundle-premium-price strong{
    color:#111;
    font-size:20px;
    line-height:1;
    font-weight:900;
}

.bk-bundle-premium-btn{
    min-height:44px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:9px;
    padding:0 17px;
    border-radius:12px;
    background:#ffc400;
    color:#111 !important;
    font-size:12px;
    font-weight:800;
    text-decoration:none !important;
    white-space:nowrap;
    transition:.2s ease;
}

.bk-bundle-premium-btn:hover{
    background:#111;
    color:#fff !important;
}

.bk-bundle-premium-btn span{
    font-size:18px;
    line-height:1;
}

/* Tablet */
@media (max-width:991px){

    .bk-bundle-premium-card{
        max-width:100%;
    }

}

/* Mobile - 2 cards por linha */
@media (max-width:767px){

    .latest-courses-area .section-left-title-with-btn{
        align-items:flex-start !important;
        gap:15px;
    }

    .latest-courses-area .section-heading{
        font-size:25px !important;
        line-height:1.15 !important;
    }

    .latest-courses-area .section-sub-heading{
        font-size:13px !important;
        line-height:1.5 !important;
    }

    .latest-courses-area .latest-courses-slider{
        margin-top:24px;
    }

    .bk-home-bundle-slide{
        padding:4px 4px 16px;
    }

    .bk-bundle-premium-card{
        border-radius:14px;
    }

    .bk-bundle-premium-cover{
        aspect-ratio:1.35 / 1;
    }

    .bk-bundle-course-count{
        left:9px;
        bottom:9px;
        padding:6px 8px;
        font-size:9px;
    }

    .bk-bundle-premium-body{
        padding:13px;
    }

    .bk-bundle-premium-type{
        font-size:8px;
        letter-spacing:1px;
        margin-bottom:6px;
    }

    .bk-bundle-premium-title{
        font-size:15px;
        line-height:1.25;
        margin-bottom:12px;
    }

    .bk-bundle-instructor-avatar{
        width:30px;
        height:30px;
        min-width:30px;
        font-size:10px;
    }

    .bk-bundle-premium-instructor{
        gap:7px;
        margin-bottom:13px;
    }

    .bk-bundle-premium-instructor small{
        font-size:8px;
    }

    .bk-bundle-premium-instructor strong{
        font-size:10px;
        overflow:hidden;
        white-space:nowrap;
        text-overflow:ellipsis;
        max-width:95px;
    }

    .bk-bundle-premium-footer{
        padding-top:12px;
        gap:6px;
        align-items:flex-end;
    }

    .bk-bundle-premium-price small{
        font-size:8px;
    }

    .bk-bundle-premium-price strong{
        font-size:14px;
    }

    .bk-bundle-premium-btn{
        min-height:34px;
        padding:0 9px;
        border-radius:9px;
        font-size:9px;
        gap:4px;
    }

    .bk-bundle-premium-btn span{
        font-size:13px;
    }
}

/* =========================================================
   BOOKAR HOME BUNDLE CARD PREMIUM V2 END
   ========================================================= */

/* ==========================================================
   BOOKAR HOME BUNDLES FINAL V3 START
   ========================================================== */

/* seção */
.latest-courses-area.courses-area-landing{
    background:#f7f7f5 !important;
    padding:64px 0 70px !important;
}

.latest-courses-area.courses-area-landing > .container{
    border-bottom:0 !important;
}

/* cabeçalho */
.latest-courses-area.courses-area-landing
.section-left-title-with-btn{
    margin-bottom:42px !important;
    align-items:center !important;
}

.latest-courses-area.courses-area-landing
.section-title{
    align-items:center !important;
}

/* elimina aparência azul/roxa do ícone nativo */
.latest-courses-area.courses-area-landing
.section-heading-img{
    width:56px !important;
    height:56px !important;
    min-width:56px !important;
    border-radius:16px !important;
    background:#ffc400 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    overflow:hidden !important;
    padding:11px !important;
}

.latest-courses-area.courses-area-landing
.section-heading-img img{
    width:100% !important;
    height:100% !important;
    object-fit:contain !important;
    filter:grayscale(1) brightness(.08) !important;
}

/* título Bookar */
.latest-courses-area.courses-area-landing
.section-heading{
    color:#111 !important;
    font-size:34px !important;
    line-height:1.08 !important;
    font-weight:800 !important;
    letter-spacing:-1px !important;
    margin-bottom:8px !important;
}

.latest-courses-area.courses-area-landing
.section-sub-heading{
    color:#666 !important;
    font-size:15px !important;
    line-height:1.6 !important;
}

/* botão ver todos */
.latest-courses-area.courses-area-landing
.section-left-title-with-btn > a{
    background:#111 !important;
    border:1px solid #111 !important;
    color:#fff !important;
    min-height:48px !important;
    padding:0 23px !important;
    border-radius:13px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    font-weight:700 !important;
    box-shadow:none !important;
    transition:.2s ease !important;
}

.latest-courses-area.courses-area-landing
.section-left-title-with-btn > a i{
    color:#ffc400 !important;
}

.latest-courses-area.courses-area-landing
.section-left-title-with-btn > a:hover{
    background:#ffc400 !important;
    border-color:#ffc400 !important;
    color:#111 !important;
}

/* slider sem aparência nativa quando há poucos cards */
.latest-courses-area.courses-area-landing
.latest-courses-slider{
    margin:0 !important;
}

.latest-courses-area.courses-area-landing
.latest-courses-slider .owl-stage{
    display:flex !important;
}

.latest-courses-area.courses-area-landing
.latest-courses-slider .owl-item{
    padding:0 10px !important;
}

/* nosso card */
.latest-courses-area.courses-area-landing
.bk-bundle-premium-card{
    border:1px solid #e8e8e4 !important;
    box-shadow:0 14px 35px rgba(0,0,0,.06) !important;
}

/* preço mais Bookar */
.latest-courses-area.courses-area-landing
.bk-bundle-premium-price strong{
    color:#111 !important;
    font-size:22px !important;
    font-weight:800 !important;
}

/* botão do card */
.latest-courses-area.courses-area-landing
.bk-bundle-premium-btn{
    background:#ffc400 !important;
    color:#111 !important;
    border:0 !important;
    font-weight:800 !important;
}

/* ----------------------------------------------------------
   MOBILE
   ---------------------------------------------------------- */

@media (max-width:767px){

    .latest-courses-area.courses-area-landing{
        padding:28px 0 90px !important;
    }

    .latest-courses-area.courses-area-landing
    > .container{
        padding-left:12px !important;
        padding-right:12px !important;
    }

    .latest-courses-area.courses-area-landing
    .section-left-title-with-btn{
        display:grid !important;
        grid-template-columns:54px 1fr !important;
        gap:0 12px !important;
        margin-bottom:26px !important;
        align-items:start !important;
    }

    .latest-courses-area.courses-area-landing
    .section-title{
        display:contents !important;
    }

    .latest-courses-area.courses-area-landing
    .section-heading-img{
        grid-column:1 !important;
        grid-row:1 / span 2 !important;
        width:54px !important;
        height:54px !important;
        min-width:54px !important;
        margin:0 !important;
        border-radius:14px !important;
    }

    .latest-courses-area.courses-area-landing
    .section-title > div:last-child{
        grid-column:2 !important;
        min-width:0 !important;
    }

    .latest-courses-area.courses-area-landing
    .section-heading{
        font-size:24px !important;
        line-height:1.12 !important;
        letter-spacing:-.5px !important;
        margin:0 0 8px !important;
    }

    .latest-courses-area.courses-area-landing
    .section-sub-heading{
        font-size:13px !important;
        line-height:1.5 !important;
    }

    .latest-courses-area.courses-area-landing
    .section-left-title-with-btn > a{
        grid-column:1 / -1 !important;
        width:max-content !important;
        min-height:44px !important;
        margin-top:16px !important;
        padding:0 20px !important;
        border-radius:12px !important;
    }

    /* card ocupa corretamente a largura disponível */
    .latest-courses-area.courses-area-landing
    .latest-courses-slider{
        width:100% !important;
    }

    .latest-courses-area.courses-area-landing
    .latest-courses-slider .owl-stage-outer{
        width:100% !important;
    }

    .latest-courses-area.courses-area-landing
    .latest-courses-slider .owl-item{
        padding:0 4px !important;
    }

    .latest-courses-area.courses-area-landing
    .bk-home-bundle-slide{
        width:100% !important;
    }

    .latest-courses-area.courses-area-landing
    .bk-bundle-premium-card{
        width:100% !important;
        max-width:none !important;
        border-radius:16px !important;
        overflow:hidden !important;
    }

    .latest-courses-area.courses-area-landing
    .bk-bundle-premium-cover{
        min-height:0 !important;
    }

    .latest-courses-area.courses-area-landing
    .bk-bundle-premium-body{
        padding:16px !important;
    }

    .latest-courses-area.courses-area-landing
    .bk-bundle-premium-title{
        font-size:19px !important;
        line-height:1.25 !important;
    }
}

/* ==========================================================
   BOOKAR HOME BUNDLES FINAL V3 END
   ========================================================== */


/* ==========================================================
   BOOKAR PUBLIC BUNDLES PREMIUM V1 START
   ========================================================== */

.bk-bundles-page{
    background:#f7f7f4;
    color:#111;
}

/* HERO */

.bk-bundles-hero{
    background:#0d0d0d;
    overflow:hidden;
    position:relative;
}

.bk-bundles-hero-inner{
    min-height:390px;
    position:relative;
    display:flex;
    align-items:center;
    justify-content:space-between;
}

.bk-bundles-hero-copy{
    position:relative;
    z-index:3;
    padding:72px 0;
    max-width:720px;
}

.bk-bundles-kicker{
    display:flex;
    align-items:center;
    gap:12px;
    color:#ffc400;
    font-size:12px;
    font-weight:900;
    letter-spacing:1.8px;
    margin-bottom:22px;
}

.bk-bundles-kicker span{
    display:block;
    width:30px;
    height:3px;
    background:#ffc400;
    border-radius:20px;
}

.bk-bundles-hero h1{
    margin:0;
    color:#fff;
    font-size:52px;
    line-height:1.02;
    font-weight:900;
    letter-spacing:-2px;
}

.bk-bundles-hero h1 strong{
    color:#ffc400;
    font-weight:900;
}

.bk-bundles-hero-copy > p{
    max-width:650px;
    color:#c7c7c7;
    font-size:16px;
    line-height:1.8;
    margin:24px 0 28px;
}

.bk-bundles-benefits{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
}

.bk-bundles-benefits span{
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:9px 13px;
    border:1px solid rgba(255,255,255,.13);
    border-radius:50px;
    color:#fff;
    font-size:12px;
    font-weight:700;
    background:rgba(255,255,255,.04);
}

.bk-bundles-benefits i{
    color:#ffc400;
}

.bk-bundles-hero-art{
    position:absolute;
    right:0;
    top:0;
    width:38%;
    height:100%;
}

.bk-bundles-hero-art:before{
    content:"";
    position:absolute;
    width:370px;
    height:370px;
    border-radius:50%;
    background:#ffc400;
    right:-85px;
    top:-115px;
}

.bk-bundles-big-b{
    position:absolute;
    right:45px;
    top:12px;
    font-size:245px;
    line-height:1;
    font-weight:900;
    color:#0d0d0d;
    z-index:2;
    opacity:.98;
}

.bk-bundles-floating-card{
    position:absolute;
    z-index:4;
    right:85px;
    bottom:48px;
    width:225px;
    padding:20px;
    border-radius:18px;
    background:#fff;
    box-shadow:0 20px 50px rgba(0,0,0,.25);
}

.bk-bundles-floating-card span{
    color:#a97900;
    font-size:10px;
    letter-spacing:1.6px;
    font-weight:900;
}

.bk-bundles-floating-card strong{
    display:block;
    margin-top:7px;
    color:#111;
    font-size:20px;
    line-height:1.2;
}


/* CONTENT */

.bk-bundles-content{
    padding:64px 0 90px;
}

.bk-bundles-toolbar{
    display:flex;
    justify-content:space-between;
    align-items:flex-end;
    gap:30px;
    margin-bottom:34px;
}

.bk-bundles-toolbar-title > span{
    display:block;
    color:#a97900;
    font-size:11px;
    letter-spacing:1.6px;
    font-weight:900;
    margin-bottom:7px;
}

.bk-bundles-toolbar-title h2{
    color:#111;
    font-size:32px;
    line-height:1.15;
    font-weight:900;
    margin:0 0 7px;
}

.bk-bundles-toolbar-title p{
    color:#737373;
    font-size:14px;
    margin:0;
}

.bk-bundles-toolbar-actions{
    display:flex;
    align-items:center;
    gap:12px;
}

.bk-bundle-filter-btn{
    height:48px;
    padding:0 20px;
    display:flex;
    align-items:center;
    gap:9px;
    border:1px solid #ddd;
    border-radius:12px;
    background:#fff;
    color:#111;
    font-weight:800;
    font-size:13px;
}

.bk-bundle-filter-btn:hover{
    border-color:#111;
}

.bk-bundle-sort{
    min-width:220px;
    height:48px;
    display:flex;
    align-items:center;
    padding-left:16px;
    border:1px solid #ddd;
    border-radius:12px;
    background:#fff;
}

.bk-bundle-sort > span{
    color:#777;
    font-size:12px;
    font-weight:700;
    white-space:nowrap;
}

.bk-bundle-sort .form-select{
    border:0 !important;
    box-shadow:none !important;
    background-color:transparent;
    color:#111;
    font-size:13px;
    font-weight:800;
}


/* SIDEBAR */

.bk-bundle-sidebar{
    margin-bottom:30px;
}

.bk-bundle-filter-panel{
    background:#111;
    border-radius:20px;
    padding:24px;
    color:#fff;
    position:sticky;
    top:105px;
}

.bk-bundle-filter-heading{
    display:flex;
    align-items:center;
    justify-content:space-between;
    border-bottom:1px solid rgba(255,255,255,.12);
    padding-bottom:18px;
    margin-bottom:20px;
}

.bk-bundle-filter-heading span{
    color:#ffc400;
    font-size:10px;
    letter-spacing:1.5px;
    font-weight:900;
}

.bk-bundle-filter-heading h3{
    color:#fff;
    font-size:21px;
    font-weight:900;
    margin:3px 0 0;
}

.bk-bundle-filter-heading i{
    width:42px;
    height:42px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:12px;
    color:#111;
    background:#ffc400;
}

.bk-bundle-price-fields{
    display:grid;
    grid-template-columns:1fr;
    gap:14px;
}

.bk-bundle-price-fields label > span{
    display:block;
    color:#aaa;
    font-size:11px;
    font-weight:700;
    margin-bottom:6px;
}

.bk-bundle-price-input{
    display:flex;
    align-items:center;
    height:48px;
    padding:0 12px;
    border-radius:11px;
    background:#1c1c1c;
    border:1px solid #303030;
}

.bk-bundle-price-input small{
    color:#ffc400;
    font-weight:900;
    margin-right:5px;
}

.bk-bundle-price-input input{
    width:100%;
    border:0 !important;
    outline:0 !important;
    background:transparent !important;
    color:#fff !important;
    box-shadow:none !important;
}

.bk-bundle-apply-filter{
    width:100%;
    height:50px;
    margin-top:18px;
    border:0;
    border-radius:12px;
    background:#ffc400;
    color:#111;
    font-size:13px;
    font-weight:900;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:12px;
}


/* GRID 4 DESKTOP */

.bk-bundle-results{
    transition:.25s ease;
}

.bk-bundle-grid{
    margin-left:-8px;
    margin-right:-8px;
}

.bk-bundle-grid-item{
    padding-left:8px;
    padding-right:8px;
    margin-bottom:18px;
}


/* CARD */

.bk-public-bundle-card{
    height:100%;
    overflow:hidden;
    background:#fff;
    border:1px solid #e8e8e4;
    border-radius:18px;
    box-shadow:0 10px 28px rgba(0,0,0,.045);
    transition:transform .22s ease, box-shadow .22s ease;
}

.bk-public-bundle-card:hover{
    transform:translateY(-4px);
    box-shadow:0 18px 40px rgba(0,0,0,.09);
}

.bk-public-bundle-image{
    position:relative;
    display:block;
    width:100%;
    aspect-ratio:16/9;
    overflow:hidden;
    background:#eee;
}

.bk-public-bundle-image img{
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
    transition:transform .35s ease;
}

.bk-public-bundle-card:hover .bk-public-bundle-image img{
    transform:scale(1.035);
}

.bk-public-bundle-count{
    position:absolute;
    left:12px;
    bottom:12px;
    display:flex;
    align-items:center;
    gap:6px;
    background:#ffc400;
    color:#111;
    padding:7px 10px;
    border-radius:50px;
    font-size:10px;
    font-weight:900;
    box-shadow:0 6px 18px rgba(0,0,0,.14);
}

.bk-public-bundle-body{
    padding:17px;
}

.bk-public-bundle-label{
    color:#a97900;
    font-size:9px;
    font-weight:900;
    letter-spacing:1.4px;
    margin-bottom:7px;
}

.bk-public-bundle-body h3{
    min-height:45px;
    margin:0 0 16px;
    font-size:18px;
    line-height:1.25;
    font-weight:900;
}

.bk-public-bundle-body h3 a{
    color:#111 !important;
}

.bk-public-bundle-author{
    display:flex;
    align-items:center;
    gap:9px;
    padding-bottom:16px;
    margin-bottom:15px;
    border-bottom:1px solid #eee;
}

.bk-public-bundle-avatar{
    width:34px;
    height:34px;
    flex:0 0 34px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    background:#111;
    color:#ffc400;
    font-size:11px;
    font-weight:900;
}

.bk-public-bundle-author small{
    display:block;
    color:#999;
    font-size:9px;
    line-height:1.1;
}

.bk-public-bundle-author a{
    display:block;
    margin-top:2px;
    color:#111 !important;
    font-size:11px;
    line-height:1.2;
    font-weight:800;
}

.bk-public-bundle-footer{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:8px;
}

.bk-public-bundle-price small{
    display:block;
    color:#999;
    font-size:9px;
}

.bk-public-bundle-price strong{
    display:block;
    color:#111;
    font-size:19px;
    line-height:1.1;
    font-weight:900;
}

.bk-public-bundle-view{
    min-height:40px;
    padding:0 13px;
    border-radius:11px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    background:#ffc400;
    color:#111 !important;
    font-size:10px;
    font-weight:900;
    white-space:nowrap;
}

.bk-public-bundle-view:hover{
    background:#111;
    color:#fff !important;
}


/* EMPTY */

.bk-bundle-empty{
    max-width:540px;
    margin:35px auto;
    padding:50px 25px;
    text-align:center;
    border:1px dashed #d8d8d2;
    border-radius:22px;
    background:#fff;
}

.bk-bundle-empty-icon{
    width:60px;
    height:60px;
    margin:0 auto 16px;
    border-radius:18px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#fff4c7;
    color:#a97900;
    font-size:22px;
}

.bk-bundle-empty h3{
    color:#111;
    font-size:22px;
    font-weight:900;
}

.bk-bundle-empty p{
    color:#777;
    font-size:13px;
    max-width:380px;
    margin:8px auto 0;
}


/* MOBILE = 2 CARDS */

@media (max-width:767px){

    .bk-bundles-hero-inner{
        min-height:auto;
    }

    .bk-bundles-hero-copy{
        padding:48px 0 50px;
    }

    .bk-bundles-kicker{
        font-size:10px;
        margin-bottom:16px;
    }

    .bk-bundles-hero h1{
        max-width:330px;
        font-size:36px;
        letter-spacing:-1.3px;
    }

    .bk-bundles-hero-copy > p{
        max-width:340px;
        font-size:13px;
        line-height:1.65;
        margin:18px 0 22px;
    }

    .bk-bundles-benefits{
        max-width:340px;
        gap:7px;
    }

    .bk-bundles-benefits span{
        padding:7px 9px;
        font-size:9px;
    }

    .bk-bundles-hero-art{
        opacity:.18;
        width:100%;
    }

    .bk-bundles-hero-art:before{
        width:230px;
        height:230px;
        right:-95px;
        top:-80px;
    }

    .bk-bundles-big-b,
    .bk-bundles-floating-card{
        display:none;
    }

    .bk-bundles-content{
        padding:35px 0 75px;
    }

    .bk-bundles-toolbar{
        display:block;
        margin-bottom:20px;
    }

    .bk-bundles-toolbar-title > span{
        font-size:9px;
    }

    .bk-bundles-toolbar-title h2{
        font-size:25px;
    }

    .bk-bundles-toolbar-title p{
        font-size:12px;
        line-height:1.55;
    }

    .bk-bundles-toolbar-actions{
        margin-top:17px;
        display:grid;
        grid-template-columns:1fr 1fr;
        gap:8px;
    }

    .bk-bundle-filter-btn,
    .bk-bundle-sort{
        width:100%;
        min-width:0;
        height:44px;
    }

    .bk-bundle-filter-btn{
        justify-content:center;
        padding:0 10px;
        font-size:11px;
    }

    .bk-bundle-sort{
        padding-left:9px;
    }

    .bk-bundle-sort > span{
        display:none;
    }

    .bk-bundle-sort .form-select{
        font-size:11px;
    }

    .bk-bundle-sidebar{
        display:none;
    }

    .bk-bundle-sidebar.active,
    .bk-bundle-sidebar.show{
        display:block;
        width:100%;
        flex:0 0 100%;
    }

    .bk-bundle-filter-panel{
        position:static;
        border-radius:16px;
        padding:17px;
    }

    .bk-bundle-price-fields{
        grid-template-columns:1fr 1fr;
        gap:8px;
    }

    .bk-bundle-results{
        width:100%;
        flex:0 0 100%;
        max-width:100%;
    }

    .bk-bundle-grid{
        margin-left:-4px;
        margin-right:-4px;
    }

    .bk-bundle-grid-item{
        padding-left:4px;
        padding-right:4px;
        margin-bottom:8px;
    }

    .bk-public-bundle-card{
        border-radius:13px;
    }

    .bk-public-bundle-count{
        left:7px;
        bottom:7px;
        padding:5px 7px;
        font-size:8px;
    }

    .bk-public-bundle-body{
        padding:11px;
    }

    .bk-public-bundle-label{
        font-size:7px;
        letter-spacing:1px;
        margin-bottom:5px;
    }

    .bk-public-bundle-body h3{
        min-height:36px;
        margin-bottom:10px;
        font-size:14px;
        line-height:1.25;
    }

    .bk-public-bundle-author{
        gap:6px;
        padding-bottom:10px;
        margin-bottom:10px;
    }

    .bk-public-bundle-avatar{
        width:27px;
        height:27px;
        flex-basis:27px;
        font-size:9px;
    }

    .bk-public-bundle-author small{
        font-size:7px;
    }

    .bk-public-bundle-author a{
        max-width:90px;
        overflow:hidden;
        text-overflow:ellipsis;
        white-space:nowrap;
        font-size:9px;
    }

    .bk-public-bundle-price small{
        font-size:7px;
    }

    .bk-public-bundle-price strong{
        font-size:15px;
    }

    .bk-public-bundle-view{
        min-height:34px;
        padding:0 9px;
        font-size:8px;
        border-radius:9px;
    }

    .bk-public-bundle-view i{
        font-size:8px;
    }
}

/* ==========================================================
   BOOKAR PUBLIC BUNDLES PREMIUM V1 END
   ========================================================== */



/* =========================================================
   BOOKAR STUDENT SIDEBAR V2 CSS
   ========================================================= */

.bk-side-v2{
    background:linear-gradient(145deg,#111,#090909)!important;
    border:1px solid #242424!important;
    border-radius:20px!important;
    padding:18px 13px 15px!important;
    box-shadow:0 24px 55px rgba(0,0,0,.16)!important;
}

.bk-side-user{
    display:grid;
    grid-template-columns:58px minmax(0,1fr);
    gap:12px;
    align-items:center;
    padding:7px 7px 19px;
    border-bottom:1px solid #292929;
}

.bk-side-avatar{
    width:58px;
    height:58px;
    border-radius:50%;
    overflow:hidden;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#f5c400;
    color:#111;
    font-size:21px;
    font-weight:900;
}

.bk-side-avatar img{
    width:100%;
    height:100%;
    object-fit:cover;
}

.bk-side-user-info{
    min-width:0;
}

.bk-side-user-info strong{
    display:block;
    overflow:hidden;
    color:#fff;
    font-size:15px;
    font-weight:850;
    white-space:nowrap;
    text-overflow:ellipsis;
}

.bk-side-user-info>span{
    display:block;
    color:#888;
    font-size:12px;
    margin-top:3px;
}

.bk-side-user-info small{
    display:flex;
    align-items:center;
    gap:5px;
    width:max-content;
    margin-top:7px;
    padding:4px 8px;
    border-radius:50px;
    background:#f5c400;
    color:#111;
    font-size:10px;
    font-weight:900;
}

.bk-side-user-info small i{
    width:5px;
    height:5px;
    border-radius:50%;
    background:#111;
}

.bk-side-label{
    padding:18px 9px 8px;
    color:#6e6e6e;
    font-size:10px;
    font-weight:900;
    letter-spacing:1.4px;
}

.bk-side-menu{
    display:flex;
    flex-direction:column;
    gap:3px;
}

.bk-side-menu>a,
.bk-side-item-disabled,
.bk-side-role{
    display:grid;
    grid-template-columns:36px minmax(0,1fr) 16px;
    gap:9px;
    align-items:center;
    min-height:51px;
    padding:7px 9px;
    border-radius:11px;
    color:#aaa!important;
    text-decoration:none!important;
    transition:.18s ease;
}

.bk-side-menu>a:hover,
.bk-side-role:hover{
    background:#191919;
    color:#fff!important;
}

.bk-side-menu>a.active{
    background:#f5c400!important;
    color:#111!important;
    box-shadow:0 9px 25px rgba(245,196,0,.13);
}

.bk-side-menu>a>b,
.bk-side-item-disabled>b,
.bk-side-role>b{
    width:36px;
    height:36px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:9px;
    background:#202020;
    color:#aaa;
    font-size:18px;
    font-weight:400;
}

.bk-side-menu>a.active>b{
    background:rgba(0,0,0,.09);
    color:#111;
}

.bk-side-menu strong,
.bk-side-item-disabled strong,
.bk-side-role strong{
    display:block;
    color:inherit;
    font-size:14px;
    line-height:1.25;
    font-weight:850;
}

.bk-side-menu small,
.bk-side-item-disabled small,
.bk-side-role small{
    display:block;
    margin-top:3px;
    color:#777;
    font-size:11px;
    line-height:1.3;
}

.bk-side-menu>a.active small{
    color:rgba(0,0,0,.58);
}

.bk-side-menu>a>i,
.bk-side-role>i{
    color:inherit;
    font-size:18px;
    font-style:normal;
    text-align:center;
}

.bk-side-item-disabled{
    opacity:.67;
}

.bk-side-item-disabled>span{
    min-width:0;
}

.bk-side-line{
    height:1px;
    margin:8px;
    background:#292929;
}

.bk-side-explore{
    margin-top:12px;
    padding-top:2px;
    border-top:1px solid #292929;
}

.bk-side-role{
    color:#ddd!important;
}

.bk-side-role>b{
    color:#f5c400;
}

.bk-side-support{
    display:grid;
    grid-template-columns:36px minmax(0,1fr) 15px;
    gap:9px;
    align-items:center;
    min-height:62px;
    margin:15px 3px 0;
    padding:10px 11px;
    border:1px solid #292929;
    border-radius:12px;
    background:#171717;
    color:#fff!important;
    text-decoration:none!important;
}

.bk-side-support>b{
    width:36px;
    height:36px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:9px;
    background:#211d0a;
    color:#f5c400;
    font-size:19px;
}

.bk-side-support strong{
    display:block;
    color:#fff;
    font-size:14px;
    font-weight:850;
}

.bk-side-support small{
    display:block;
    margin-top:3px;
    color:#777;
    font-size:11px;
}

.bk-side-support>i{
    color:#888;
    font-size:18px;
    font-style:normal;
}

@media(min-width:992px){
    .bk-student-settings-sidebar-col{
        flex:0 0 306px!important;
        max-width:306px!important;
    }
}

/* BOOKAR STUDENT SIDEBAR V2 CSS END */








/* =========================================================
   BOOKAR STUDENT SHELL TOP FIX V1
   Alinha sidebar e conteúdo abaixo do header público
   ========================================================= */

@media (min-width: 992px){

    .bk-student-app-shell{
        position:relative !important;
        padding-top:16px !important;
    }

    .bk-student-app-layout{
        align-items:start !important;
    }

    .bk-student-app-layout > .bk-student-settings-sidebar-col{
        padding-top:0 !important;
        padding-left:14px !important;
        padding-right:14px !important;
        background:#f5f5f3 !important;
    }

    .bk-student-app-layout .bk-side-v2{
        min-height:calc(100vh - 118px) !important;
        margin-top:0 !important;
    }

    .bk-student-app-layout > .col-lg-9{
        padding-top:0 !important;
        padding-right:32px !important;
        padding-bottom:50px !important;
        padding-left:18px !important;
    }

    .bk-student-app-layout .bk-student-profile-card{
        margin-top:0 !important;
    }
}

/* BOOKAR STUDENT SHELL TOP FIX V1 END */

/* =========================================================
   BOOKAR STUDENT FIXED SIDEBAR V3
   Sidebar encostada à esquerda + fixa durante scroll
   ========================================================= */

@media (min-width: 992px){

    /* SHELL */
    .bk-student-app-shell{
        padding:0 !important;
        margin:0 !important;
        width:100% !important;
        background:#f5f5f3 !important;
    }

    .bk-student-app-container{
        width:100% !important;
        max-width:none !important;
        padding:0 !important;
        margin:0 !important;
    }

    .bk-student-app-layout{
        display:grid !important;
        grid-template-columns:306px minmax(0,1fr) !important;
        gap:0 !important;
        width:100% !important;
        max-width:none !important;
        margin:0 !important;
        padding:0 !important;
        align-items:start !important;
    }


    /* =====================================================
       SIDEBAR
       ===================================================== */

    .bk-student-app-layout > .bk-student-settings-sidebar-col{
        grid-column:1 !important;

        width:306px !important;
        max-width:306px !important;
        flex:none !important;

        /* REMOVE COMPLETAMENTE O ESPAÇO MARCADO */
        margin:0 !important;
        padding:0 !important;

        align-self:start !important;

        /* FICA PARADA DURANTE O SCROLL */
        position:sticky !important;
        top:86px !important;

        height:calc(100vh - 86px) !important;
        z-index:20 !important;

        background:#0b0b0b !important;

        overflow-y:auto !important;
        overflow-x:hidden !important;

        scrollbar-width:thin;
    }


    /*
     * O card preto deixa de parecer um card solto.
     * Agora ele vira a própria lateral da aplicação.
     */
    .bk-student-app-layout .bk-side-v2{
        width:100% !important;
        min-height:100% !important;
        height:auto !important;

        margin:0 !important;
        padding:18px 13px 22px !important;

        border-radius:0 !important;
        border-top:0 !important;
        border-left:0 !important;
        border-bottom:0 !important;

        box-shadow:none !important;

        background:
            linear-gradient(
                145deg,
                #111 0%,
                #090909 100%
            ) !important;
    }


    /* scrollbar discreta */
    .bk-student-app-layout >
    .bk-student-settings-sidebar-col::-webkit-scrollbar{
        width:4px;
    }

    .bk-student-app-layout >
    .bk-student-settings-sidebar-col::-webkit-scrollbar-thumb{
        background:#333;
        border-radius:20px;
    }


    /* =====================================================
       CONTEÚDO
       ===================================================== */

    .bk-student-app-layout > .col-lg-9{
        grid-column:2 !important;

        width:100% !important;
        max-width:none !important;
        min-width:0 !important;
        flex:none !important;

        margin:0 !important;

        padding:
            0
            32px
            50px
            32px !important;
    }


    .bk-student-app-layout .bk-student-profile-card{
        width:100% !important;
        max-width:none !important;

        margin:0 !important;

        border-radius:
            0 0 18px 18px !important;
    }

}


/* MOBILE NÃO FICA FIXA */
@media (max-width:991.98px){

    .bk-student-app-layout >
    .bk-student-settings-sidebar-col{

        position:relative !important;
        top:auto !important;

        width:100% !important;
        max-width:100% !important;

        height:auto !important;

        overflow:visible !important;
    }

    .bk-student-app-layout .bk-side-v2{
        border-radius:16px !important;
    }

}

/* BOOKAR STUDENT FIXED SIDEBAR V3 END */

/* =========================================================
   BOOKAR DASHBOARD APP SHELL V2
   Dashboard usando a mesma sidebar oficial do aluno
========================================================= */

@media (min-width: 992px){

    .bk-student-dashboard{
        width:100% !important;
        max-width:none !important;
        margin:0 !important;
        padding:0 !important;
        background:#f5f5f3 !important;
    }

    .bk-student-dashboard .bk-dash-shell{
        width:100% !important;
        max-width:none !important;
        margin:0 !important;
        padding:0 !important;
    }

    .bk-student-dashboard .bk-dash-container{
        width:100% !important;
        max-width:none !important;
        margin:0 !important;
        padding:0 !important;
    }

    .bk-student-dashboard .bk-dash-layout{
        display:grid !important;
        grid-template-columns:306px minmax(0,1fr) !important;
        align-items:start !important;
        gap:0 !important;

        width:100% !important;
        max-width:none !important;

        margin:0 !important;
        padding:0 !important;
    }

    /* SIDEBAR OFICIAL */

    .bk-student-dashboard .bk-dash-sidebar{
        grid-column:1 !important;

        width:306px !important;
        max-width:306px !important;
        min-width:306px !important;

        margin:0 !important;
        padding:0 !important;

        position:sticky !important;
        top:86px !important;

        height:calc(100vh - 86px) !important;

        overflow-y:auto !important;
        overflow-x:hidden !important;

        align-self:start !important;

        background:#0b0b0b !important;

        z-index:20 !important;

        scrollbar-width:thin;
    }

    .bk-student-dashboard .bk-dash-sidebar::-webkit-scrollbar{
        width:4px;
    }

    .bk-student-dashboard .bk-dash-sidebar::-webkit-scrollbar-thumb{
        background:#333;
        border-radius:20px;
    }

    /*
     * A sidebar incluída é a mesma usada no Perfil.
     * Remove qualquer espaçamento herdado do dashboard antigo.
     */
    .bk-student-dashboard .bk-dash-sidebar .bk-student-settings-sidebar-col{
        display:block !important;
        flex:none !important;
        width:100% !important;
        max-width:100% !important;
        min-width:0 !important;

        margin:0 !important;
        padding:0 !important;
    }

    .bk-student-dashboard .bk-dash-sidebar .bk-side-v2{
        width:100% !important;
        min-height:100% !important;

        margin:0 !important;
        padding:18px 13px 22px !important;

        border-radius:0 !important;

        border-top:0 !important;
        border-left:0 !important;
        border-bottom:0 !important;

        box-shadow:none !important;

        background:linear-gradient(
            145deg,
            #111 0%,
            #090909 100%
        ) !important;
    }

    /* CONTEÚDO */

    .bk-student-dashboard .bk-dash-main{
        grid-column:2 !important;

        width:100% !important;
        max-width:none !important;
        min-width:0 !important;

        margin:0 !important;

        padding:
            20px
            32px
            50px
            22px !important;

        background:#f5f5f3 !important;
    }

    /* HERO */

    .bk-student-dashboard .bk-dash-hero{
        width:100% !important;
        max-width:none !important;

        margin:0 0 12px !important;

        border-radius:18px !important;
    }

    /* MÉTRICAS */

    .bk-student-dashboard .bk-dash-stats{
        display:grid !important;
        grid-template-columns:repeat(4,minmax(0,1fr)) !important;

        gap:10px !important;

        width:100% !important;

        margin:0 0 20px !important;
    }

}


/* =========================================================
   TABLET
========================================================= */

@media (min-width: 992px) and (max-width: 1250px){

    .bk-student-dashboard .bk-dash-layout{
        grid-template-columns:280px minmax(0,1fr) !important;
    }

    .bk-student-dashboard .bk-dash-sidebar{
        width:280px !important;
        min-width:280px !important;
        max-width:280px !important;
    }

    .bk-student-dashboard .bk-dash-main{
        padding-left:18px !important;
        padding-right:18px !important;
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 991.98px){

    .bk-student-dashboard,
    .bk-student-dashboard .bk-dash-shell,
    .bk-student-dashboard .bk-dash-container{
        width:100% !important;
        max-width:none !important;

        margin:0 !important;
        padding:0 !important;
    }

    .bk-student-dashboard .bk-dash-layout{
        display:block !important;

        width:100% !important;

        margin:0 !important;
        padding:0 !important;
    }

    .bk-student-dashboard .bk-dash-sidebar{
        position:relative !important;
        top:auto !important;

        width:100% !important;
        max-width:100% !important;

        height:auto !important;

        margin:0 !important;
        padding:12px !important;

        overflow:visible !important;

        background:#f5f5f3 !important;
    }

    .bk-student-dashboard .bk-dash-sidebar .bk-side-v2{
        border-radius:16px !important;
    }

    .bk-student-dashboard .bk-dash-main{
        width:100% !important;

        margin:0 !important;
        padding:12px 12px 35px !important;
    }

    /*
     * REGRA BOOKAR:
     * 2 cards por linha no celular
     */
    .bk-student-dashboard .bk-dash-stats{
        display:grid !important;
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
        gap:9px !important;
    }

}


/* =========================================================
   CELULARES PEQUENOS
   Continua 2x2 conforme padrão Bookar
========================================================= */

@media (max-width: 480px){

    .bk-student-dashboard .bk-dash-stats{
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
        gap:7px !important;
    }

    .bk-student-dashboard .bk-dash-main{
        padding-left:9px !important;
        padding-right:9px !important;
    }

}


/* =========================================================
   BOOKAR DASHBOARD CLEAN V3
   - remove arte gigante do hero
   - hero mais compacto
   - sidebar lateral somente desktop
   - mobile usa navegacao inferior
========================================================= */

/* HERO DESKTOP */

.bk-student-dashboard .bk-dash-hero-art{
    display:none !important;
}

.bk-student-dashboard .bk-dash-hero{
    min-height:270px !important;
    height:auto !important;

    display:flex !important;
    align-items:center !important;

    padding:38px !important;
}

.bk-student-dashboard .bk-dash-hero-content{
    width:100% !important;
    max-width:780px !important;
}

.bk-student-dashboard .bk-dash-hero-content h1{
    margin-bottom:10px !important;
}

.bk-student-dashboard .bk-dash-hero-content p{
    max-width:720px !important;
}


/* =========================================================
   MOBILE / TABLET
========================================================= */

@media (max-width:991.98px){

    /*
     * No celular a navegacao principal do aluno
     * ja existe na barra inferior.
     * Portanto nao mostramos a sidebar desktop.
     */
    .bk-student-dashboard .bk-dash-sidebar{
        display:none !important;
    }

    .bk-student-dashboard .bk-dash-layout{
        display:block !important;
        width:100% !important;
    }

    .bk-student-dashboard .bk-dash-main{
        display:block !important;

        width:100% !important;
        max-width:none !important;

        margin:0 !important;

        padding:
            12px
            12px
            90px !important;
    }

    .bk-student-dashboard .bk-dash-hero{
        min-height:auto !important;

        padding:
            26px
            20px !important;

        margin-bottom:10px !important;

        border-radius:16px !important;
    }

    .bk-student-dashboard .bk-dash-hero-content{
        max-width:none !important;
    }

    .bk-student-dashboard .bk-dash-hero-content h1{
        font-size:32px !important;
        line-height:1.05 !important;
    }

    .bk-student-dashboard .bk-dash-hero-content p{
        font-size:14px !important;
        line-height:1.55 !important;
    }

    .bk-student-dashboard .bk-dash-hero-actions{
        display:flex !important;
        flex-wrap:wrap !important;
        gap:8px !important;
    }

    /*
     * REGRA BOOKAR:
     * quatro indicadores = 2x2 no celular
     */
    .bk-student-dashboard .bk-dash-stats{
        display:grid !important;

        grid-template-columns:
            repeat(2,minmax(0,1fr)) !important;

        gap:8px !important;
    }

}


/* CELULAR PEQUENO */

@media (max-width:480px){

    .bk-student-dashboard .bk-dash-hero{
        padding:22px 16px !important;
    }

    .bk-student-dashboard .bk-dash-hero-content h1{
        font-size:29px !important;
    }

    .bk-student-dashboard .bk-dash-stats{
        grid-template-columns:
            repeat(2,minmax(0,1fr)) !important;
    }

}



/* =========================================================
   BOOKAR CONTINUE LEARNING CARDS CSS V2
========================================================= */

.bk-learning-grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:14px;
    width:100%;
}

.bk-learning-card{
    min-width:0;
    overflow:hidden;

    background:#fff;

    border:1px solid #e7e7e3;
    border-radius:16px;

    transition:
        transform .2s ease,
        box-shadow .2s ease,
        border-color .2s ease;
}

.bk-learning-card:hover{
    transform:translateY(-3px);

    border-color:#d7d7d0;

    box-shadow:
        0 15px 35px
        rgba(0,0,0,.07);
}


/* IMAGEM */

.bk-learning-cover{
    position:relative;

    display:block;

    width:100%;
    aspect-ratio:16/9;

    overflow:hidden;

    background:#111;
}

.bk-learning-cover img{
    display:block;

    width:100%;
    height:100%;

    object-fit:cover;

    transition:transform .35s ease;
}

.bk-learning-card:hover
.bk-learning-cover img{
    transform:scale(1.035);
}


/* PLAY */

.bk-learning-play{
    position:absolute;

    left:14px;
    bottom:14px;

    display:flex;
    align-items:center;
    justify-content:center;

    width:38px;
    height:38px;

    border-radius:50%;

    background:#ffc800;
    color:#111;

    box-shadow:
        0 7px 20px
        rgba(0,0,0,.18);

    font-size:17px;
}


/* PORCENTAGEM NA CAPA */

.bk-learning-percent{
    position:absolute;

    right:12px;
    top:12px;

    padding:6px 9px;

    border-radius:999px;

    background:rgba(10,10,10,.88);
    color:#fff;

    font-size:11px;
    line-height:1;
    font-weight:800;
}


/* CONTEÚDO */

.bk-learning-body{
    padding:16px;
}

.bk-learning-label{
    margin-bottom:7px;

    color:#a77e00;

    font-size:9px;
    line-height:1.2;
    font-weight:900;

    letter-spacing:1.3px;
}

.bk-learning-body h3{
    margin:0 0 9px;

    font-size:16px;
    line-height:1.3;
    font-weight:800;

    color:#111;
}

.bk-learning-body h3 a{
    color:inherit !important;
    text-decoration:none !important;

    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;

    overflow:hidden;
}


/* FORMADOR */

.bk-learning-instructor{
    display:flex;
    align-items:center;

    gap:5px;

    min-height:20px;
    margin-bottom:16px;

    color:#777;

    font-size:11px;
}

.bk-learning-instructor .iconify{
    flex:0 0 auto;

    font-size:15px;

    color:#999;
}


/* PROGRESSO */

.bk-learning-progress-head{
    display:flex;
    align-items:center;
    justify-content:space-between;

    gap:10px;

    margin-bottom:7px;

    color:#777;

    font-size:10px;
}

.bk-learning-progress-head strong{
    color:#111;

    font-size:11px;
    font-weight:800;
}

.bk-learning-progress{
    position:relative;

    width:100%;
    height:6px;

    overflow:hidden;

    margin-bottom:15px;

    border-radius:999px;

    background:#ededeb;
}

.bk-learning-progress span{
    position:absolute;

    top:0;
    left:0;

    display:block;

    height:100%;

    border-radius:999px;

    background:#ffc800;
}


/* BOTÃO */

.bk-learning-continue{
    display:flex !important;
    align-items:center;
    justify-content:space-between;

    gap:10px;

    width:100%;

    padding:11px 13px;

    border-radius:10px;

    background:#111;

    color:#fff !important;

    text-decoration:none !important;

    font-size:11px;
    font-weight:800;

    transition:
        background .2s ease,
        color .2s ease;
}

.bk-learning-continue:hover{
    background:#ffc800;

    color:#111 !important;
}

.bk-learning-continue .iconify{
    flex:0 0 auto;

    font-size:16px;
}


/* =========================================================
   RESPONSIVO
========================================================= */

@media (max-width:1250px){

    .bk-learning-grid{
        grid-template-columns:
            repeat(2,minmax(0,1fr));
    }

}


@media (max-width:991.98px){

    .bk-learning-grid{
        grid-template-columns:
            repeat(2,minmax(0,1fr));

        gap:9px;
    }

    .bk-learning-body{
        padding:12px;
    }

    .bk-learning-body h3{
        font-size:14px;
    }

    .bk-learning-instructor{
        margin-bottom:12px;

        font-size:10px;
    }

    .bk-learning-play{
        left:9px;
        bottom:9px;

        width:32px;
        height:32px;

        font-size:14px;
    }

    .bk-learning-percent{
        top:8px;
        right:8px;

        padding:5px 7px;

        font-size:9px;
    }

    .bk-learning-continue{
        padding:10px;

        font-size:10px;
    }

}


@media (max-width:480px){

    /*
     * REGRA BOOKAR:
     * continua 2x2 mesmo em celular
     */

    .bk-learning-grid{
        grid-template-columns:
            repeat(2,minmax(0,1fr));

        gap:7px;
    }

    .bk-learning-body{
        padding:10px;
    }

    .bk-learning-label{
        font-size:7px;
        letter-spacing:.8px;
    }

    .bk-learning-body h3{
        font-size:12px;
        line-height:1.25;
    }

    .bk-learning-instructor{
        font-size:9px;
    }

    .bk-learning-progress-head{
        font-size:9px;
    }

    .bk-learning-continue{
        font-size:9px;
    }

}


/* =========================================================
   BOOKAR DASHBOARD COMPACT V4
   Melhor aproveitamento vertical e cards de aprendizagem
========================================================= */

@media (min-width: 992px){

    /*
     * Evita que uma coluna force artificialmente
     * a altura da outra.
     */
    .bk-student-dashboard .bk-dash-content{
        align-items:start !important;
    }

    .bk-student-dashboard .bk-dash-content-left,
    .bk-student-dashboard .bk-dash-content-right{
        align-self:start !important;
        min-height:0 !important;
    }

    /*
     * Seções devem ocupar apenas a altura
     * do próprio conteúdo.
     */
    .bk-student-dashboard .bk-dash-section{
        min-height:0 !important;
        height:auto !important;
    }

    /*
     * Curso em andamento:
     * até 4 cards por linha.
     */
    .bk-student-dashboard .bk-learning-grid{
        display:grid !important;
        grid-template-columns:
            repeat(4,minmax(0,1fr)) !important;

        align-items:start !important;
        gap:14px !important;
    }

    /*
     * Quando existir apenas um card,
     * ele ganha presença visual sem ficar gigante.
     */
    .bk-student-dashboard .bk-learning-grid
    .bk-learning-card:only-child{
        width:100% !important;
        max-width:320px !important;
    }

    .bk-student-dashboard .bk-learning-card{
        height:auto !important;
        align-self:start !important;
    }

    /*
     * Próxima seção fica próxima do conteúdo anterior.
     */
    .bk-student-dashboard .bk-dash-content-left
    > .bk-dash-section + .bk-dash-section{
        margin-top:30px !important;
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width:991.98px){

    .bk-student-dashboard .bk-dash-content{
        display:block !important;
    }

    .bk-student-dashboard .bk-learning-grid{
        display:grid !important;

        grid-template-columns:
            repeat(2,minmax(0,1fr)) !important;

        gap:8px !important;
    }

    .bk-student-dashboard .bk-learning-grid
    .bk-learning-card:only-child{
        width:100% !important;
        max-width:none !important;
    }

    .bk-student-dashboard .bk-dash-content-left
    > .bk-dash-section + .bk-dash-section{
        margin-top:22px !important;
    }

}


/* =========================================================
   BOOKAR DASHBOARD COMPACT LAYOUT V5
   Elimina espacos mortos do grid
========================================================= */

@media (min-width:992px){

    /* SIDEBAR SaaS: quadrada e colada */
    .bk-student-dashboard .bk-dash-sidebar{
        border-radius:0 !important;
        margin:0 !important;
    }

    .bk-student-dashboard .bk-dash-sidebar .bk-side-v2{
        border-radius:0 !important;
        margin:0 !important;
    }

    /*
     * GRID PRINCIPAL
     * esquerda = aprendizagem
     * direita  = jornada
     */
    .bk-student-dashboard .bk-dash-content-grid{
        display:grid !important;

        grid-template-columns:
            minmax(0,1fr)
            290px !important;

        grid-template-rows:auto !important;

        column-gap:16px !important;
        row-gap:0 !important;

        align-items:start !important;

        width:100% !important;

        margin-top:24px !important;

        min-height:0 !important;
        height:auto !important;
    }

    .bk-student-dashboard .bk-dash-content-left{
        display:flex !important;
        flex-direction:column !important;

        gap:24px !important;

        min-width:0 !important;
        min-height:0 !important;

        height:auto !important;

        margin:0 !important;
        padding:0 !important;
    }

    .bk-student-dashboard .bk-dash-right{
        display:flex !important;
        flex-direction:column !important;

        gap:12px !important;

        min-width:0 !important;
        min-height:0 !important;

        height:auto !important;

        margin:0 !important;
        padding:0 !important;

        align-self:start !important;
    }

    /*
     * Remove alturas/margens herdadas que estavam
     * criando os buracos grandes.
     */
    .bk-student-dashboard .bk-dash-section,
    .bk-student-dashboard .bk-dash-side-card,
    .bk-student-dashboard .bk-dash-motivation{
        min-height:0 !important;
        height:auto !important;
    }

    .bk-student-dashboard
    .bk-dash-content-left
    > .bk-dash-section{
        margin:0 !important;
    }

    /*
     * O bloco DESCOBRIR continua no HTML da esquerda,
     * mas visualmente vira a segunda linha do dashboard.
     */
    .bk-student-dashboard
    .bk-dash-content-left
    > .bk-dash-section:nth-of-type(2){
        margin-top:4px !important;
    }

    /*
     * Card único ganha um pouco mais de presença.
     */
    .bk-student-dashboard
    .bk-learning-grid
    .bk-learning-card:only-child{
        max-width:340px !important;
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width:991.98px){

    .bk-student-dashboard .bk-dash-content-grid{
        display:flex !important;
        flex-direction:column !important;

        gap:20px !important;

        width:100% !important;

        margin-top:18px !important;

        min-height:0 !important;
        height:auto !important;
    }

    .bk-student-dashboard .bk-dash-content-left{
        display:contents !important;
    }

    /*
     * ORDEM MOBILE:
     * Continue = 1
     * Jornada  = 2
     * Descubra = 3
     */
    .bk-student-dashboard
    .bk-dash-content-left
    > .bk-dash-section:first-child{
        order:1 !important;
    }

    .bk-student-dashboard .bk-dash-right{
        order:2 !important;

        display:flex !important;
        flex-direction:column !important;

        gap:10px !important;

        width:100% !important;

        margin:0 !important;
        padding:0 !important;

        min-height:0 !important;
        height:auto !important;
    }

    .bk-student-dashboard
    .bk-dash-content-left
    > .bk-dash-section:nth-of-type(2){
        order:3 !important;

        margin:0 !important;
    }

    .bk-student-dashboard .bk-dash-section,
    .bk-student-dashboard .bk-dash-side-card,
    .bk-student-dashboard .bk-dash-motivation{
        min-height:0 !important;
        height:auto !important;
    }

}


/* =========================================================
   DESKTOP MAIOR
========================================================= */

@media (min-width:1300px){

    .bk-student-dashboard .bk-dash-content-grid{
        grid-template-columns:
            minmax(0,1fr)
            290px !important;
    }

}



/* =========================================================
   BOOKAR DASHBOARD STRUCTURE CSS V6
========================================================= */


/* GRID SUPERIOR */

.bk-student-dashboard .bk-dash-content-grid{
    align-items:start !important;
    min-height:0 !important;
    height:auto !important;
}


/* COLUNA ESQUERDA */

.bk-student-dashboard .bk-dash-content-left{
    min-height:0 !important;
    height:auto !important;
}


/* COLUNA DIREITA */

.bk-student-dashboard .bk-dash-right{
    min-height:0 !important;
    height:auto !important;
    align-self:start !important;
}


/* =========================================================
   DESCOBRIR — LARGURA TOTAL
========================================================= */

.bk-student-dashboard .bk-dash-discover-full{
    width:100% !important;

    margin-top:28px !important;
    margin-bottom:30px !important;

    padding:0 !important;

    clear:both !important;
}

.bk-student-dashboard
.bk-dash-discover-full
.bk-dash-section{
    width:100% !important;

    margin:0 !important;

    min-height:0 !important;
    height:auto !important;
}

.bk-student-dashboard
.bk-dash-discover-full
.bk-dash-discover{
    width:100% !important;

    min-height:120px !important;
    height:auto !important;
}


/* =========================================================
   SIDEBAR DESKTOP — APP REAL
========================================================= */

@media (min-width:992px){

    .bk-student-dashboard .bk-dash-sidebar{
        margin:0 !important;

        border-radius:0 !important;

        top:86px !important;

        height:calc(100vh - 86px) !important;
    }

    .bk-student-dashboard
    .bk-dash-sidebar
    .bk-side-v2{
        margin:0 !important;

        border-radius:0 !important;

        min-height:100% !important;
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width:991.98px){

    /*
     * Dashboard vira fluxo vertical natural.
     */

    .bk-student-dashboard .bk-dash-content-grid{
        display:flex !important;

        flex-direction:column !important;

        gap:18px !important;

        min-height:0 !important;
        height:auto !important;
    }

    .bk-student-dashboard .bk-dash-content-left{
        display:block !important;

        width:100% !important;

        min-height:0 !important;
        height:auto !important;
    }

    .bk-student-dashboard .bk-dash-right{
        width:100% !important;

        min-height:0 !important;
        height:auto !important;

        margin:0 !important;
    }

    .bk-student-dashboard .bk-dash-discover-full{
        margin-top:20px !important;
        margin-bottom:20px !important;
    }

    .bk-student-dashboard
    .bk-dash-discover-full
    .bk-dash-discover{
        min-height:0 !important;
    }

}


/* =========================================================
   MOBILE PEQUENO
========================================================= */

@media (max-width:480px){

    .bk-student-dashboard .bk-dash-discover-full{
        margin-top:16px !important;
    }

}



/* =========================================================
   BOOKAR STUDENT APP NO PUBLIC FOOTER V1
   Remove rodape publico somente da area autenticada do aluno
========================================================= */

/*
 * Dashboard
 */
body:has(.bk-student-dashboard) footer,
body:has(.bk-student-dashboard) .footer-area,
body:has(.bk-student-dashboard) .footer-section,
body:has(.bk-student-dashboard) .footer,
body:has(.bk-student-dashboard) #footer{
    display:none !important;
}


/*
 * Perfil / Endereco / Seguranca
 */
body:has(.bk-student-app-shell) footer,
body:has(.bk-student-app-shell) .footer-area,
body:has(.bk-student-app-shell) .footer-section,
body:has(.bk-student-app-shell) .footer,
body:has(.bk-student-app-shell) #footer{
    display:none !important;
}


/*
 * Remove espacos que eventualmente pertenciam
 * ao rodape nas telas do aplicativo.
 */
body:has(.bk-student-dashboard),
body:has(.bk-student-app-shell){
    padding-bottom:0 !important;
}

body:has(.bk-student-dashboard) main,
body:has(.bk-student-app-shell) main{
    margin-bottom:0 !important;
}




/* =========================================================
   BOOKAR STUDENT ACCOUNT DRAWER CSS V1
========================================================= */

.bk-account-overlay,
.bk-account-drawer{
    display:none;
}


@media (max-width:991.98px){

    html.bk-account-open,
    body.bk-account-open{
        overflow:hidden !important;
    }


    /* OVERLAY */

    .bk-account-overlay{
        display:block;

        position:fixed;
        inset:0;

        z-index:99997;

        background:rgba(0,0,0,.48);

        opacity:0;
        visibility:hidden;

        backdrop-filter:blur(3px);
        -webkit-backdrop-filter:blur(3px);

        transition:
            opacity .22s ease,
            visibility .22s ease;
    }

    .bk-account-overlay.is-open{
        opacity:1;
        visibility:visible;
    }


    /* DRAWER */

    .bk-account-drawer{
        display:flex;

        position:fixed;

        top:0;
        right:0;
        bottom:0;

        z-index:99998;

        flex-direction:column;

        width:min(87vw,350px);
        height:100dvh;

        overflow:hidden;

        background:#fff;

        border-radius:24px 0 0 24px;

        box-shadow:
            -20px 0 60px rgba(0,0,0,.16);

        transform:translateX(105%);

        transition:transform .28s ease;
    }

    .bk-account-drawer.is-open{
        transform:translateX(0);
    }


    /* CABECALHO */

    .bk-account-head{
        display:flex;
        align-items:center;
        justify-content:space-between;

        gap:14px;

        flex:0 0 auto;

        padding:22px 18px 18px;

        border-bottom:1px solid #ececea;

        background:#fff;
    }

    .bk-account-user{
        display:flex;
        align-items:center;

        gap:12px;

        min-width:0;
    }

    .bk-account-avatar{
        display:flex;
        align-items:center;
        justify-content:center;

        flex:0 0 48px;

        width:48px;
        height:48px;

        border-radius:50%;

        background:#ffc800;
        color:#111;

        font-size:17px;
        font-weight:900;
    }

    .bk-account-user > div:last-child{
        min-width:0;
    }

    .bk-account-user strong{
        display:block;

        overflow:hidden;

        color:#171717;

        font-size:15px;
        line-height:1.25;
        font-weight:900;

        text-overflow:ellipsis;
        white-space:nowrap;
    }

    .bk-account-user span{
        display:block;

        margin-top:4px;

        color:#8a8a86;

        font-size:11px;
    }

    .bk-account-close{
        display:flex;
        align-items:center;
        justify-content:center;

        flex:0 0 42px;

        width:42px;
        height:42px;

        padding:0;

        border:0;
        border-radius:12px;

        background:#f5f5f3;
        color:#111;

        font-size:23px;

        cursor:pointer;
    }


    /* SCROLL */

    .bk-account-scroll{
        flex:1 1 auto;

        min-height:0;

        overflow-y:auto;
        overflow-x:hidden;

        padding:20px 14px 22px;

        overscroll-behavior:contain;
    }

    .bk-account-label{
        display:block;

        margin:0 8px 9px;

        color:#a57d00;

        font-size:9px;
        line-height:1;
        font-weight:900;

        letter-spacing:1.4px;
    }


    /* MENU */

    .bk-account-menu{
        display:flex;
        flex-direction:column;

        gap:4px;
    }

    .bk-account-menu > a,
    .bk-account-dashboard-link{
        display:grid !important;

        grid-template-columns:42px minmax(0,1fr) 18px;

        align-items:center;

        gap:10px;

        min-height:60px;

        padding:8px 9px;

        border-radius:13px;

        color:#191919 !important;

        text-decoration:none !important;

        transition:
            background .18s ease,
            transform .18s ease;
    }

    .bk-account-menu > a:active,
    .bk-account-dashboard-link:active{
        transform:scale(.985);
    }

    .bk-account-menu > a:hover,
    .bk-account-dashboard-link:hover{
        background:#f7f7f4;
    }

    .bk-account-menu-icon{
        display:flex;
        align-items:center;
        justify-content:center;

        width:42px;
        height:42px;

        border-radius:12px;

        background:#f5f5f2;
        color:#222;

        font-size:19px;
    }

    .bk-account-menu strong,
    .bk-account-dashboard-link strong{
        display:block;

        color:#181818;

        font-size:13px;
        line-height:1.2;
        font-weight:800;
    }

    .bk-account-menu small,
    .bk-account-dashboard-link small{
        display:block;

        margin-top:4px;

        color:#92928e;

        font-size:9px;
        line-height:1.3;
    }

    .bk-account-arrow{
        color:#aaa;

        font-size:16px;
    }


    /* DIVISORES */

    .bk-account-divider{
        height:1px;

        margin:17px 8px;

        background:#ececea;
    }


    /* DASHBOARD */

    .bk-account-dashboard-link{
        margin-bottom:6px;

        background:#fff8d8;

        border:1px solid #f2d66a;
    }

    .bk-account-dashboard-link > .iconify:first-child{
        justify-self:center;

        color:#111;

        font-size:20px;
    }


    /* SAIR */

    .bk-account-logout{
        display:flex !important;
        align-items:center;

        gap:10px;

        margin-top:10px;

        padding:13px 12px;

        border-radius:12px;

        background:#111;

        color:#fff !important;

        text-decoration:none !important;

        font-size:12px;
        font-weight:800;
    }

    .bk-account-logout .iconify{
        font-size:18px;
    }


    /* MARCA */

    .bk-account-brand{
        display:flex;
        align-items:center;

        gap:10px;

        flex:0 0 auto;

        margin:0 14px 14px;
        padding:12px;

        border:1px solid #e8e8e5;
        border-radius:14px;

        background:#fafaf8;
    }

    .bk-account-brand-icon{
        display:flex;
        align-items:center;
        justify-content:center;

        width:38px;
        height:38px;

        border-radius:10px;

        background:#ffc800;
        color:#111;

        font-size:15px;
        font-weight:900;
    }

    .bk-account-brand strong{
        display:block;

        color:#171717;

        font-size:13px;
        font-weight:900;
    }

    .bk-account-brand span{
        display:block;

        margin-top:2px;

        color:#999;

        font-size:9px;
    }


    /*
     * CONTA ATIVA NA BARRA INFERIOR
     */

    body.bk-account-open
    .bk-bottom-account-trigger{
        color:#111 !important;
    }

    body.bk-account-open
    .bk-bottom-account-trigger
    .bk-bottom-icon{
        background:#ffc800 !important;
        color:#111 !important;
    }

}



/* =========================================================
   BOOKAR MOBILE ACCOUNT CLEAN V2
   Drawer Conta substitui sidebar preta no mobile
========================================================= */

@media (max-width:991.98px){

    /*
     * PERFIL / ENDERECO / SEGURANCA
     * A sidebar continua existindo para desktop,
     * mas desaparece no aplicativo mobile.
     */

    .bk-student-app-shell
    .bk-student-settings-sidebar-col{
        display:none !important;
    }


    /*
     * Conteudo passa a ocupar 100%.
     */

    .bk-student-app-shell
    .bk-student-app-layout{
        display:block !important;

        width:100% !important;
        max-width:none !important;

        margin:0 !important;
        padding:0 !important;
    }

    .bk-student-app-shell
    .bk-student-app-layout > .col-lg-9{
        display:block !important;

        width:100% !important;
        max-width:none !important;

        flex:0 0 100% !important;

        margin:0 !important;
        padding:0 !important;
    }


    /*
     * Remove aparencia de card desktop externo.
     */

    .bk-student-app-shell{
        width:100% !important;

        margin:0 !important;
        padding:0 !important;

        background:#f7f7f5 !important;
    }

    .bk-student-app-container{
        width:100% !important;
        max-width:none !important;

        margin:0 !important;
        padding:0 !important;
    }


    /*
     * Perfil vira uma pagina nativa de aplicativo.
     */

    .bk-student-app-shell
    .bk-student-profile-card{
        width:100% !important;
        max-width:none !important;

        margin:0 !important;

        border-radius:0 !important;

        box-shadow:none !important;
    }


    /*
     * Espaco para a bottom navigation.
     * Impede que Salvar / campos finais fiquem
     * escondidos atras da barra.
     */

    .bk-student-app-shell
    .bk-student-app-layout > .col-lg-9{
        padding-bottom:100px !important;
    }

}


/* =========================================================
   DASHBOARD MOBILE
   A sidebar preta tambem nao pertence ao app mobile.
========================================================= */

@media (max-width:991.98px){

    .bk-student-dashboard
    .bk-dash-sidebar{
        display:none !important;
    }

    .bk-student-dashboard
    .bk-dash-layout{
        display:block !important;

        width:100% !important;
        max-width:none !important;

        margin:0 !important;
        padding:0 !important;
    }

    .bk-student-dashboard
    .bk-dash-main{
        width:100% !important;
        max-width:none !important;

        margin:0 !important;
    }

}


/* BOOKAR ALUNO 02 — CARTÕES PREMIUM START */
.bk-my-courses-page .bk-learning-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:22px;
    padding:10px 0 30px;
}
.bk-my-courses-page .bk-learning-card{
    min-width:0;
    background:#fff;
    border:1px solid #e9e9e9;
    border-radius:18px;
    overflow:hidden;
    box-shadow:0 8px 28px rgba(0,0,0,.035);
    transition:transform .2s ease,box-shadow .2s ease;
}
.bk-my-courses-page .bk-learning-card:hover{
    transform:translateY(-3px);
    box-shadow:0 14px 35px rgba(0,0,0,.09);
}
.bk-my-courses-page .bk-learning-card-image{
    display:block;
    position:relative;
    height:190px;
    overflow:hidden;
    background:#f2f2f2;
}
.bk-my-courses-page .bk-learning-card-image img{
    width:100%;
    height:100%;
    object-fit:cover;
}
.bk-my-courses-page .bk-learning-card-badge{
    position:absolute;
    top:14px;
    left:14px;
    background:#111;
    color:#fff;
    font-size:11px;
    font-weight:700;
    padding:7px 12px;
    border-radius:7px;
}
.bk-my-courses-page .bk-learning-card-body{
    padding:21px;
}
.bk-my-courses-page .bk-learning-card-label{
    display:block;
    font-size:10px;
    letter-spacing:1.3px;
    font-weight:800;
    color:#9a7600;
    margin-bottom:9px;
}
.bk-my-courses-page .bk-learning-card h3{
    font-size:19px;
    line-height:1.35;
    font-weight:800;
    margin:0 0 9px;
}
.bk-my-courses-page .bk-learning-card h3 a{
    color:#111;
    text-decoration:none;
}
.bk-my-courses-page .bk-learning-card-instructor{
    color:#777;
    font-size:13px;
    margin-bottom:21px;
}
.bk-my-courses-page .bk-learning-progress-head{
    display:flex;
    justify-content:space-between;
    gap:12px;
    font-size:12px;
    color:#666;
    margin-bottom:8px;
}
.bk-my-courses-page .bk-learning-progress-head strong{
    color:#111;
    font-size:13px;
}
.bk-my-courses-page .bk-learning-progress-track{
    height:8px;
    background:#eee;
    border-radius:50px;
    overflow:hidden;
}
.bk-my-courses-page .bk-learning-progress-track span{
    display:block;
    height:100%;
    background:#f5c400;
    border-radius:50px;
}
.bk-my-courses-page .bk-learning-card-meta{
    display:flex;
    justify-content:space-between;
    flex-wrap:wrap;
    gap:8px;
    margin:16px 0;
    color:#777;
    font-size:11px;
}
.bk-my-courses-page .bk-learning-primary{
    display:flex;
    justify-content:center;
    align-items:center;
    gap:12px;
    background:#f5c400;
    color:#111;
    border-radius:9px;
    padding:13px 16px;
    font-weight:800;
    font-size:13px;
    text-decoration:none;
}
.bk-my-courses-page .bk-learning-primary:hover{
    background:#111;
    color:#fff;
}
.bk-my-courses-page .bk-learning-card-tools{
    display:flex;
    flex-wrap:wrap;
    gap:14px;
    margin-top:16px;
    padding-top:15px;
    border-top:1px solid #eee;
}
.bk-my-courses-page .bk-learning-card-tools a,
.bk-my-courses-page .bk-learning-card-tools button{
    border:0;
    background:none;
    padding:0;
    font-size:12px;
    color:#666;
    text-decoration:none;
    cursor:pointer;
}
.bk-my-courses-page .bk-learning-card-tools a:hover,
.bk-my-courses-page .bk-learning-card-tools button:hover{
    color:#111;
}
.bk-my-courses-page .bk-learning-empty{
    padding:55px 25px;
    background:#fff;
    border-radius:18px;
    text-align:center;
}
.bk-my-courses-page .bk-learning-empty .bk-learning-primary{
    display:inline-flex;
    margin-top:18px;
}
.bk-my-courses-page .bk-learning-pagination{
    margin:20px 0 35px;
}
@media(max-width:1100px){
    .bk-my-courses-page .bk-learning-grid{
        grid-template-columns:1fr;
    }
}
@media(max-width:767px){
    .bk-my-courses-page .bk-learning-card-image{
        height:180px;
    }
    .bk-my-courses-page .bk-learning-card-body{
        padding:17px;
    }
}
/* BOOKAR ALUNO 02 — CARTÕES PREMIUM END */


/* BOOKAR ALUNO 02 — AJUSTE VISUAL START */
.bk-my-courses-page .bk-dash-main{
    min-width:0;
    padding:0;
}
.bk-my-courses-page .bk-learning-hero{
    background:#111;
    border-radius:22px;
    padding:44px 48px;
    margin:0 0 28px;
    position:relative;
    overflow:hidden;
}
.bk-my-courses-page .bk-learning-hero::after{
    content:"";
    position:absolute;
    width:260px;
    height:260px;
    border:55px solid #f5c400;
    border-radius:50%;
    right:-90px;
    top:-105px;
    opacity:.95;
}
.bk-my-courses-page .bk-learning-hero .bk-dash-hero-content{
    position:relative;
    z-index:1;
    max-width:650px;
}
.bk-my-courses-page .bk-learning-hero .bk-dash-eyebrow{
    color:#f5c400;
    font-size:12px;
    font-weight:800;
    letter-spacing:2px;
}
.bk-my-courses-page .bk-learning-hero h1{
    color:#fff;
    font-size:clamp(28px,3vw,42px);
    line-height:1.16;
    font-weight:900;
    margin:14px 0;
}
.bk-my-courses-page .bk-learning-hero h1 span{
    color:#f5c400;
}
.bk-my-courses-page .bk-learning-hero p{
    color:#d1d1d1;
    font-size:14px;
    line-height:1.7;
    max-width:480px;
    margin-bottom:24px;
}
.bk-my-courses-page .bk-learning-explore{
    display:inline-flex;
    background:#f5c400;
    color:#111;
    font-weight:800;
    font-size:13px;
    padding:13px 20px;
    border-radius:9px;
    text-decoration:none;
}
.bk-my-courses-page .bk-learning-explore:hover{
    background:#fff;
    color:#111;
}
.bk-my-courses-page .wishlist-page-area{
    padding:0!important;
    margin:0!important;
}
.bk-my-courses-page .wishlist-page-area>.container{
    width:100%;
    max-width:100%;
    padding:0;
}
.bk-my-courses-page .bk-learning-toolbar{
    display:flex;
    align-items:center;
    justify-content:space-between;
    flex-wrap:wrap;
    gap:20px;
    margin:0 0 20px;
}
.bk-my-courses-page .bk-learning-toolbar-eyebrow{
    display:block;
    font-size:10px;
    font-weight:800;
    letter-spacing:1.4px;
    color:#a18100;
    margin-bottom:5px;
}
.bk-my-courses-page .bk-learning-toolbar h2{
    color:#111;
    font-size:25px;
    font-weight:900;
    margin:0 0 5px;
}
.bk-my-courses-page .bk-learning-toolbar p{
    font-size:13px;
    color:#777;
    margin:0;
}
.bk-my-courses-page .bk-learning-toolbar-controls{
    display:flex;
    align-items:center;
    gap:12px;
}
.bk-my-courses-page .bk-learning-toolbar-controls label{
    color:#555;
    font-size:12px;
    font-weight:700;
}
.bk-my-courses-page .bk-learning-toolbar-controls select{
    border:1px solid #ddd;
    background:#fff;
    border-radius:9px;
    padding:11px 15px;
    min-width:155px;
    font-size:13px;
}
.bk-my-courses-page .appendCourseList{
    width:100%;
}
@media(max-width:767px){
    .bk-my-courses-page .bk-learning-hero{
        padding:30px 24px;
        border-radius:16px;
    }
    .bk-my-courses-page .bk-learning-hero::after{
        width:150px;
        height:150px;
        border-width:30px;
        right:-75px;
        top:-75px;
    }
    .bk-my-courses-page .bk-learning-toolbar{
        align-items:flex-start;
    }
}
/* BOOKAR ALUNO 02 — AJUSTE VISUAL END */

/* BOOKAR ALUNO 02 — LAYOUT HORIZONTAL E FILTROS START */

.bk-my-courses-page .bk-learning-toolbar-premium{
    display:flex;
    align-items:center;
    justify-content:space-between;
    flex-wrap:wrap;
    gap:16px;
    margin:0 0 22px;
}

.bk-my-courses-page .bk-learning-tabs{
    display:flex;
    flex-wrap:wrap;
    gap:9px;
}

.bk-my-courses-page .bk-learning-tab{
    border:1px solid #e8e8e8;
    border-radius:10px;
    background:#fff;
    color:#333;
    padding:12px 16px;
    font-size:12px;
    font-weight:700;
    cursor:pointer;
}

.bk-my-courses-page .bk-learning-tab.is-active{
    background:#f5c400;
    border-color:#f5c400;
    color:#111;
}

.bk-my-courses-page .bk-learning-toolbar-controls input{
    min-width:220px;
    border:1px solid #e5e5e5;
    border-radius:10px;
    background:#fff;
    padding:12px 15px;
    font-size:12px;
}

.bk-my-courses-page .appendCourseList,
.bk-my-courses-page .bk-learning-grid{
    width:100%;
    min-width:0;
}

.bk-student-dashboard.bk-my-courses-page .bk-learning-grid{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:16px !important;
    width:100% !important;
    align-items:stretch !important;
}

.bk-student-dashboard.bk-my-courses-page
.bk-learning-grid > .bk-learning-card{
    display:grid !important;
    grid-template-columns:38% minmax(0,1fr) !important;
    width:100% !important;
    max-width:none !important;
    min-width:0 !important;
    margin:0 !important;
    align-items:stretch;
    border-radius:15px;
}

.bk-my-courses-page .bk-learning-card-image{
    display:block;
    width:100%;
    height:100%;
    min-height:230px;
    overflow:hidden;
}

.bk-my-courses-page .bk-learning-card-image img{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
}

.bk-my-courses-page .bk-learning-card-body{
    display:flex;
    flex-direction:column;
    min-width:0;
    padding:18px;
}

.bk-my-courses-page .bk-learning-card h3{
    font-size:16px;
    line-height:1.4;
    overflow-wrap:anywhere;
}

.bk-my-courses-page .bk-learning-card-instructor{
    font-size:12px;
    margin-bottom:14px;
}

.bk-my-courses-page .bk-learning-card-actions{
    margin-top:auto;
}

.bk-my-courses-page .bk-learning-primary{
    padding:11px 14px;
}

@media(max-width:1150px){
    .bk-my-courses-page .bk-learning-grid{
        grid-template-columns:1fr;
    }
}

@media(max-width:600px){
    .bk-my-courses-page .bk-learning-grid > .bk-learning-card{
        grid-template-columns:1fr;
    }

    .bk-my-courses-page .bk-learning-card-image{
        height:200px;
        min-height:0;
    }

    .bk-my-courses-page .bk-learning-toolbar-controls{
        width:100%;
        flex-wrap:wrap;
    }

    .bk-my-courses-page .bk-learning-toolbar-controls input{
        width:100%;
        min-width:0;
    }
}


.bk-student-dashboard.bk-my-courses-page
.bk-learning-grid > .bk-learning-card:only-child{
    width:100% !important;
    max-width: none !important;
}
/* BOOKAR ALUNO 02 — LAYOUT HORIZONTAL E FILTROS END */


/* BOOKAR ALUNO 02 — INDICADORES E COMPACTACAO START */

.bk-my-courses-page .bk-learning-stats{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:14px;
    width:100%;
    margin:0 0 18px !important;
}

.bk-my-courses-page .bk-learning-stat{
    display:flex;
    align-items:center;
    gap:14px;
    min-width:0;
    background:#fff;
    border:1px solid #e9e9e9;
    border-radius:13px;
    padding:19px;
    box-shadow:0 5px 18px rgba(0,0,0,.035);
}

.bk-my-courses-page .bk-learning-stat-icon{
    display:flex;
    align-items:center;
    justify-content:center;
    flex:0 0 42px;
    width:42px;
    height:42px;
    border-radius:11px;
    background:#ffd000;
    color:#111;
    font-size:23px;
    font-weight:900;
}

.bk-my-courses-page .bk-learning-stat>div{
    display:flex;
    flex-direction:column;
    min-width:0;
}

.bk-my-courses-page .bk-learning-stat-label{
    color:#666;
    font-size:12px;
    font-weight:600;
}

.bk-my-courses-page .bk-learning-stat strong{
    color:#111;
    font-size:29px;
    line-height:1.15;
    font-weight:900;
    margin:4px 0;
}

.bk-my-courses-page .bk-learning-stat small{
    color:#777;
    font-size:10px;
}

/* Cartões horizontais mais compactos */
.bk-my-courses-page .bk-learning-grid > .bk-learning-card{
    min-height:205px;
}

.bk-my-courses-page .bk-learning-card-image{
    min-height:205px;
}

.bk-my-courses-page .bk-learning-card-body{
    padding:14px 16px;
}

.bk-my-courses-page .bk-learning-card h3{
    font-size:14px;
    line-height:1.35;
    margin-bottom:7px;
}

.bk-my-courses-page .bk-learning-card-instructor{
    margin-bottom:9px;
}

.bk-my-courses-page .bk-learning-card-meta{
    margin:10px 0;
}

.bk-my-courses-page .bk-learning-primary{
    padding:10px 12px;
    font-size:12px;
}

@media(max-width:1100px){
    .bk-my-courses-page .bk-learning-stats{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
}

@media(max-width:600px){
    .bk-my-courses-page .bk-learning-stats{
        grid-template-columns:1fr;
    }

    .bk-my-courses-page .bk-learning-stat{
        padding:15px;
    }

    .bk-my-courses-page .bk-learning-card-image{
        min-height:0;
    }
}


/* Remover espaço desnecessário entre indicadores e filtros */
.bk-my-courses-page .bk-learning-stats{
    margin-bottom:16px !important;
    min-height:0 !important;
    height:auto !important;
}

.bk-my-courses-page .wishlist-page-area{
    margin-top:0 !important;
    padding-top:0 !important;
    min-height:0 !important;
}

.bk-my-courses-page .wishlist-page-area > .container{
    padding-top:0 !important;
}

.bk-my-courses-page .bk-learning-toolbar-premium{
    margin-top:0 !important;
}
/* BOOKAR ALUNO 02 — INDICADORES E COMPACTACAO END */


/* BOOKAR PDP 3 ABAS PREMIUM V2 */

/* BASE */
.bk-course-detail-page .bk-discussion-premium,
.bk-course-detail-page .bk-reviews-premium,
.bk-course-detail-page .bk-instructor-premium {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
}

/* DISCUSSÕES */
.bk-course-detail-page .bk-discussion-premium .no-course-found {
    width: 100%;
    max-width: 100%;
    min-height: 320px;
    padding: 36px 24px;
    border: 1px dashed #dedede;
    border-radius: 18px;
    background: #fafafa;
    text-align: center;
    box-sizing: border-box;
}

.bk-course-detail-page .bk-discussion-premium .no-course-found img {
    display: block;
    width: auto;
    height: auto;
    max-width: 140px;
    max-height: 140px;
    margin: 0 auto 20px;
    object-fit: contain;
}

.bk-course-detail-page .bk-discussion-premium .no-course-found h5 {
    color: #111;
    font-size: 23px;
    font-weight: 800;
    line-height: 1.35;
}

.bk-course-detail-page .bk-discussion-premium .no-course-found p {
    max-width: 430px;
    margin: 10px auto 0;
    color: #777;
    line-height: 1.7;
}

.bk-course-detail-page .bk-discussion-premium .discussion-comment-item {
    max-width: 100%;
    border-radius: 14px;
}

/* AVALIAÇÕES */
.bk-course-detail-page .bk-reviews-premium .review-tab-top-part {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 20px;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    padding: 22px;
    border: 1px solid #eaeaea;
    border-radius: 18px;
    background: #fafafa;
    box-sizing: border-box;
    overflow: hidden;
}

.bk-course-detail-page .bk-reviews-premium .review-tab-count-box {
    flex: 0 0 auto;
    border-radius: 16px;
    background: #111;
    color: #fff;
}

.bk-course-detail-page .bk-reviews-premium .review-tab-count-box h3 {
    color: #fff;
    font-weight: 800;
}

.bk-course-detail-page .bk-reviews-premium .review-progress-bar-wrap {
    flex: 1 1 240px;
    width: auto;
    max-width: 100%;
    min-width: 0;
    overflow: hidden;
}

.bk-course-detail-page .bk-reviews-premium .barra {
    max-width: 100%;
    min-width: 0;
    overflow: hidden;
    border-radius: 999px;
    background: #e8e8e8;
}

.bk-course-detail-page .bk-reviews-premium .barra-nivel {
    max-width: 100%;
    border-radius: 999px;
    background: #FFD600;
}

.bk-course-detail-page .bk-reviews-premium .customer-review-part {
    width: 100%;
    max-width: 100%;
    min-width: 0;
}

/* FORMADOR */
.bk-course-detail-page .bk-instructor-premium {
    max-width: 100%;
    min-width: 0;
}

.bk-course-detail-page .bk-instructor-premium img {
    max-width: 100%;
    object-fit: cover;
}

.bk-course-detail-page .bk-instructor-premium p {
    color: #666;
    line-height: 1.8;
    overflow-wrap: anywhere;
}

/* RESPONSIVO */
@media (max-width: 767px) {

    .bk-course-detail-page .bk-discussion-premium .no-course-found {
        min-height: 260px;
        padding: 28px 18px;
    }

    .bk-course-detail-page .bk-reviews-premium .review-tab-top-part {
        flex-direction: column;
        align-items: stretch;
        gap: 18px;
        padding: 18px;
    }

    .bk-course-detail-page .bk-reviews-premium .review-progress-bar-wrap {
        flex: 1 1 auto;
        width: 100%;
    }
}

/* FIM BOOKAR PDP 3 ABAS PREMIUM V2 */



/* BOOKAR PDP 3 ABAS PREMIUM V3 */

/* DISCUSSÃO */
.bk-course-detail-page .bk-discussion-premium .no-course-found {
    position: relative;
    min-height: 290px;
    padding: 42px 24px;
    background: linear-gradient(180deg, #fffdf3 0%, #fafafa 100%);
    border: 1px dashed #e4dcae;
    border-radius: 20px;
}

.bk-course-detail-page .bk-discussion-premium .no-course-found img {
    display: none !important;
}

.bk-course-detail-page .bk-discussion-premium .no-course-found::before {
    content: "✉";
    display: flex;
    align-items: center;
    justify-content: center;
    width: 78px;
    height: 78px;
    margin: 0 auto 22px;
    border-radius: 22px;
    background: #FFD600;
    color: #111111;
    font-size: 42px;
    font-weight: 700;
    box-shadow: 0 10px 24px rgba(255,214,0,.18);
}

.bk-course-detail-page .bk-discussion-premium .no-course-found h5 {
    margin: 0 0 10px;
    color: #111111;
    font-size: 24px;
    font-weight: 800;
}

.bk-course-detail-page .bk-discussion-premium .no-course-found p {
    max-width: 430px;
    margin: 0 auto;
    color: #777;
    font-size: 13px;
    line-height: 1.8;
}

/* AVALIAÇÕES */
.bk-course-detail-page .bk-reviews-premium .review-tab-top-part {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 24px;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    overflow: hidden;
    padding: 24px;
    border: 1px solid #e9e9e9;
    border-radius: 20px;
    background: #fafafa;
    box-sizing: border-box;
}

.bk-course-detail-page .bk-reviews-premium .review-tab-count-box {
    flex-shrink: 0;
    background: #111111;
    color: #fff;
    border-radius: 16px;
}

.bk-course-detail-page .bk-reviews-premium .review-tab-count-box h3 {
    color: #fff;
}

.bk-course-detail-page .bk-reviews-premium .review-progress-bar-wrap {
    flex: 1 1 260px;
    width: auto;
    max-width: 100%;
    min-width: 0;
    overflow: hidden;
}

.bk-course-detail-page .bk-reviews-premium .review-progress-bar-wrap > * {
    max-width: 100%;
    min-width: 0;
}

.bk-course-detail-page .bk-reviews-premium .barra {
    max-width: 100%;
    min-width: 0;
    overflow: hidden;
    border-radius: 999px;
    background: #e7e7e7;
}

.bk-course-detail-page .bk-reviews-premium .barra-nivel {
    max-width: 100%;
    background: #FFD600;
    border-radius: 999px;
}

.bk-course-detail-page .bk-reviews-premium .rating-list {
    max-width: 100%;
    flex-wrap: nowrap;
}

.bk-course-detail-page .bk-reviews-premium .rating-list .iconify {
    color: #ffb900;
}

/* FORMADOR */
.bk-course-detail-page .bk-instructor-premium {
    width: 100%;
    max-width: 100%;
    min-width: 0;
}

.bk-course-detail-page .bk-instructor-premium .instructor-profile-info,
.bk-course-detail-page .bk-instructor-premium .instructor-info-box {
    max-width: 100%;
    min-width: 0;
}

.bk-course-detail-page .bk-instructor-premium .instructor-profile-info img {
    width: 76px;
    height: 76px;
    min-width: 76px;
    border-radius: 50%;
    object-fit: cover;
    border: 3px solid #FFD600;
}

.bk-course-detail-page .bk-instructor-premium p {
    color: #666;
    line-height: 1.85;
    overflow-wrap: anywhere;
}

/* RESPONSIVIDADE */
@media (max-width: 767px) {

    .bk-course-detail-page .bk-discussion-premium .no-course-found {
        padding: 30px 18px;
        min-height: 260px;
    }

    .bk-course-detail-page .bk-reviews-premium .review-tab-top-part {
        flex-direction: column;
        align-items: stretch;
        gap: 18px;
        padding: 18px;
    }

    .bk-course-detail-page .bk-reviews-premium .review-progress-bar-wrap {
        width: 100%;
        flex: 1 1 auto;
    }

    .bk-course-detail-page .bk-instructor-premium .instructor-profile-info img {
        width: 64px;
        height: 64px;
        min-width: 64px;
    }
}

/* FIM BOOKAR PDP 3 ABAS PREMIUM V3 */



/* BOOKAR FORMADOR PREMIUM V4 */

.bk-course-detail-page .bk-formador-card {
    width: 100%;
    overflow: hidden;
    border: 1px solid #e8e8e8;
    border-radius: 18px;
    background: #fff;
}

.bk-course-detail-page .bk-formador-top {
    display: flex;
    flex-direction: column;
    gap: 7px;
    padding: 23px 26px;
    background: #111111;
}

.bk-course-detail-page .bk-formador-top-label {
    color: #FFD600;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 1.5px;
}

.bk-course-detail-page .bk-formador-top-name {
    color: #fff;
    font-size: 21px;
    font-weight: 800;
    text-decoration: none;
}

.bk-course-detail-page .bk-formador-top-name:hover {
    color: #FFD600;
}

.bk-course-detail-page .bk-formador-main {
    display: flex;
    flex-direction: column;
    gap: 25px;
    padding: 28px 26px;
}

.bk-course-detail-page .bk-formador-identity {
    display: flex;
    align-items: center;
    gap: 18px;
}

.bk-course-detail-page .bk-formador-avatar img {
    display: block;
    width: 78px;
    height: 78px;
    min-width: 78px;
    border: 3px solid #FFD600;
    border-radius: 50%;
    object-fit: cover;
}

.bk-course-detail-page .bk-formador-identity-text {
    min-width: 0;
}

.bk-course-detail-page .bk-formador-badge {
    display: inline-block;
    padding: 7px 12px;
    border-radius: 999px;
    background: #FFD600;
    color: #111;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .4px;
}

.bk-course-detail-page .bk-formador-identity-text p {
    margin: 10px 0 0;
    color: #666;
    font-size: 13px;
}

.bk-course-detail-page .bk-formador-stats {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
    padding: 17px;
    border-radius: 14px;
    background: #111111;
}

.bk-course-detail-page .bk-formador-stat {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 7px;
    min-width: 0;
    padding: 8px 3px;
    text-align: center;
}

.bk-course-detail-page .bk-formador-stat + .bk-formador-stat {
    border-left: 1px solid rgba(255,255,255,.14);
}

.bk-course-detail-page .bk-formador-stat .iconify {
    color: #FFD600;
    font-size: 22px;
}

.bk-course-detail-page .bk-formador-stat strong {
    max-width: 100%;
    color: #fff;
    font-size: 22px;
    font-weight: 800;
    overflow-wrap: anywhere;
}

.bk-course-detail-page .bk-formador-stat small {
    color: #bbb;
    font-size: 11px;
}

.bk-course-detail-page .bk-formador-about {
    padding: 25px 26px 28px;
    border-top: 1px solid #ededed;
    background: #fafafa;
}

.bk-course-detail-page .bk-formador-about h6 {
    margin-bottom: 12px;
    color: #111;
    font-size: 16px;
    font-weight: 800;
}

.bk-course-detail-page .bk-formador-about p {
    margin: 0;
    color: #666;
    font-size: 13px;
    line-height: 1.9;
    overflow-wrap: anywhere;
}

@media (max-width: 600px) {
    .bk-course-detail-page .bk-formador-top,
    .bk-course-detail-page .bk-formador-main,
    .bk-course-detail-page .bk-formador-about {
        padding-left: 18px;
        padding-right: 18px;
    }

    .bk-course-detail-page .bk-formador-stats {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .bk-course-detail-page .bk-formador-stat + .bk-formador-stat {
        border-left: 0;
    }

    .bk-course-detail-page .bk-formador-stat:nth-child(even) {
        border-left: 1px solid rgba(255,255,255,.14);
    }

    .bk-course-detail-page .bk-formador-stat strong {
        font-size: 19px;
    }
}

/* FIM BOOKAR FORMADOR PREMIUM V4 */


/* BOOKAR CARRINHO PREMIUM V1 */

.bk-cart-premium {
    background: #f7f7f5;
    min-height: 75vh;
}

/* CABEÇALHO */
.bk-cart-premium .page-banner-header {
    min-height: 180px;
    background: #111111 !important;
}

.bk-cart-premium .page-banner-header.gradient-bg {
    background: #111111 !important;
}

.bk-cart-premium .page-banner-content {
    padding-top: 35px;
    padding-bottom: 35px;
}

.bk-cart-premium .page-banner-heading {
    color: #fff !important;
    font-size: clamp(26px, 3vw, 38px);
    font-weight: 800;
}

.bk-cart-premium .breadcrumb-item,
.bk-cart-premium .breadcrumb-item a,
.bk-cart-premium .breadcrumb-item.active {
    color: #ddd !important;
}

.bk-cart-premium .breadcrumb-item.active {
    color: #FFD600 !important;
}

/* ÁREA PRINCIPAL */
.bk-cart-premium .cart-page-area {
    padding-top: 55px;
    padding-bottom: 85px;
}

.bk-cart-premium .cart-page-left-part,
.bk-cart-premium .order-summary-box {
    border: 1px solid #eaeaea;
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 12px 40px rgba(0,0,0,.045);
}

.bk-cart-premium .cart-page-left-part {
    padding: 26px;
}

.bk-cart-premium .cart-page-title {
    gap: 15px;
    flex-wrap: wrap;
    padding-bottom: 22px;
    border-bottom: 1px solid #eee;
}

.bk-cart-premium .cart-page-title h3 {
    margin: 0;
    color: #111;
    font-size: 21px;
    font-weight: 800;
}

.bk-cart-premium .cart-page-title a {
    color: #111;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none !important;
}

.bk-cart-premium .cart-page-title a:hover {
    color: #ad8900;
}

/* TABELA */
.bk-cart-premium .wishlist-table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0 12px;
}

.bk-cart-premium .wishlist-table thead th {
    padding: 14px 12px;
    border-bottom: 1px solid #eee;
    color: #777;
    font-size: 11px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .6px;
}

.bk-cart-premium .wishlist-table tbody tr.removable-item {
    background: #fafafa;
}

.bk-cart-premium .wishlist-table tbody tr.removable-item > td {
    padding: 20px 12px;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    vertical-align: middle;
}

.bk-cart-premium .wishlist-table tbody tr.removable-item > td:first-child {
    border-left: 1px solid #eee;
    border-radius: 12px 0 0 12px;
}

.bk-cart-premium .wishlist-table tbody tr.removable-item > td:last-child {
    border-right: 1px solid #eee;
    border-radius: 0 12px 12px 0;
}

.bk-cart-premium .wishlist-item {
    background: transparent;
}

.bk-cart-premium .course-img-wrap img {
    border-radius: 10px;
    object-fit: cover;
}

.bk-cart-premium .course-title a {
    color: #111;
    font-weight: 800;
    line-height: 1.45;
}

.bk-cart-premium .course-title a:hover {
    color: #b58e00;
}

.bk-cart-premium .wishlist-price {
    color: #111;
    font-weight: 700;
}

.bk-cart-premium .wishlist-remove button {
    border: 0;
    border-radius: 9px;
    padding: 9px;
    background: #fff1f1;
    color: #d33;
}

.bk-cart-premium .wishlist-remove button:hover {
    background: #ffe1e1;
}

/* CUPOM */
.bk-cart-premium .apply-voucher {
    margin-top: 18px !important;
}

.bk-cart-premium .apply-voucher .form-control {
    min-height: 43px;
    border-radius: 9px;
    border: 1px solid #e4e4e4;
}

.bk-cart-premium .apply-voucher .apply-coupon-code {
    border: 0 !important;
    background: #FFD600 !important;
    color: #111 !important;
    font-weight: 800;
}

.bk-cart-premium .apply-voucher .apply-coupon-code:hover {
    background: #edc700 !important;
}

/* RESUMO */
.bk-cart-premium .order-summary-box {
    padding: 25px 21px;
}

.bk-cart-premium .order-summary-box h3 {
    margin: 0 0 22px !important;
    padding-bottom: 18px;
    border-bottom: 1px solid #eee;
    color: #111;
    font-size: 20px;
    font-weight: 800;
}

.bk-cart-premium .cart-order-summary-item-box {
    gap: 12px;
    padding: 11px 0;
    color: #555;
    font-size: 13px;
}

.bk-cart-premium .cart-order-summary-item-box > span:last-child {
    color: #111;
    font-weight: 800;
    text-align: right;
}

.bk-cart-premium .order-summary-box-note {
    padding: 13px;
    border-radius: 10px;
    background: #fffbea;
    color: #6b5b19;
    font-size: 12px;
    line-height: 1.6;
}

.bk-cart-premium .cart-order-summary-item-box:has(.grand-total) {
    margin-top: 12px;
    padding: 17px 0;
    border-top: 2px solid #111 !important;
}

.bk-cart-premium .grand-total {
    color: #111;
    font-size: 22px;
    font-weight: 900;
}

.bk-cart-premium .cart-check-terms-condition {
    font-size: 12px;
    line-height: 1.7;
    color: #666;
}

.bk-cart-premium .cart-check-terms-condition a {
    color: #111;
    font-weight: 800;
}

.bk-cart-premium .form-check-input:checked {
    background-color: #111;
    border-color: #111;
}

/* BOTÕES */
.bk-cart-premium .order-summary-btns input[name="proceed_to_checkout"] {
    min-height: 52px;
    border: 0;
    border-radius: 11px;
    background: #FFD600 !important;
    color: #111 !important;
    font-weight: 900;
    box-shadow: 0 7px 18px rgba(255,214,0,.2);
}

.bk-cart-premium .order-summary-btns input[name="proceed_to_checkout"]:hover {
    background: #edc700 !important;
}

.bk-cart-premium .order-summary-btns input[name="cancel_order"] {
    border-radius: 10px;
    background: #f5f5f5 !important;
    color: #555 !important;
}

/* RESPONSIVIDADE */
@media (max-width: 991px) {
    .bk-cart-premium .order-summary-box {
        margin-top: 24px;
    }

    .bk-cart-premium .cart-page-area {
        padding-top: 30px;
    }
}

@media (max-width: 575px) {
    .bk-cart-premium .cart-page-left-part {
        padding: 15px;
    }

    .bk-cart-premium .order-summary-box {
        padding: 20px 16px;
    }

    .bk-cart-premium .cart-page-title h3 {
        font-size: 18px;
    }

    .bk-cart-premium .wishlist-table {
        min-width: 590px;
    }

    .bk-cart-premium .cart-page-area {
        padding-bottom: 45px;
    }
}

/* FIM BOOKAR CARRINHO PREMIUM V1 */


/* =====================================================
   BOOKAR CARRINHO PREMIUM V2
   Identidade: preto, amarelo e branco
   ===================================================== */

/* CABEÇALHO: corrigir fundo claro com texto branco */

.bk-cart-premium .page-banner-header,
.bk-cart-premium .page-banner-header.gradient-bg,
.bk-cart-premium .page-banner-area,
.bk-cart-premium .page-banner-content {
    background-color: #111111 !important;
}

.bk-cart-premium .page-banner-header {
    min-height: 0 !important;
}

.bk-cart-premium .page-banner-area {
    min-height: 0 !important;
    padding: 0 !important;
}

.bk-cart-premium .page-banner-content {
    padding: 32px 20px !important;
}

.bk-cart-premium .page-banner-heading,
.bk-cart-premium .page-banner-content h1,
.bk-cart-premium .page-banner-content h2 {
    color: #ffffff !important;
    font-size: clamp(24px, 3vw, 34px) !important;
    font-weight: 800 !important;
    line-height: 1.25;
}

.bk-cart-premium .breadcrumb-item,
.bk-cart-premium .breadcrumb-item a {
    color: #cccccc !important;
}

.bk-cart-premium .breadcrumb-item.active {
    color: #FFD600 !important;
}

/* REMOVER EXCESSO DE ESPAÇO */

.bk-cart-premium .cart-page-area {
    padding-top: 32px !important;
    padding-bottom: 65px !important;
}

/* CARTÕES */

.bk-cart-premium .cart-page-left-part,
.bk-cart-premium .order-summary-box {
    border: 1px solid #e8e8e8 !important;
    border-radius: 18px !important;
    background: #ffffff !important;
    box-shadow: 0 12px 35px rgba(0,0,0,.045);
}

/* ITENS */

.bk-cart-premium .wishlist-table tbody tr.removable-item {
    background: #fafafa;
}

.bk-cart-premium .wishlist-table tbody tr.removable-item > td {
    border-color: #eeeeee;
}

.bk-cart-premium .course-title a {
    color: #111111 !important;
    font-weight: 800;
}

.bk-cart-premium .course-title a:hover {
    color: #ad8900 !important;
}

/* PREÇOS */

.bk-cart-premium .wishlist-price,
.bk-cart-premium .cart-order-summary-item-box > span:last-child {
    color: #111111;
    font-weight: 800;
}

/* RESUMO DO PEDIDO */

.bk-cart-premium .order-summary-box h3 {
    color: #111111 !important;
    font-weight: 800 !important;
}

.bk-cart-premium .grand-total {
    color: #111111 !important;
    font-size: 23px !important;
    font-weight: 900 !important;
}

/* TERMOS */

.bk-cart-premium .cart-check-terms-condition {
    color: #555555 !important;
    font-size: 12px;
    line-height: 1.8;
}

.bk-cart-premium .cart-check-terms-condition a {
    color: #111111 !important;
    font-weight: 800;
    text-decoration: underline;
}

/* FINALIZAR COMPRA */

.bk-cart-premium .order-summary-btns input[name="proceed_to_checkout"] {
    min-height: 52px;
    background: #FFD600 !important;
    color: #111111 !important;
    border: 0 !important;
    border-radius: 11px !important;
    font-weight: 900 !important;
}

.bk-cart-premium .order-summary-btns input[name="proceed_to_checkout"]:hover {
    background: #eec800 !important;
}

/* CANCELAR PEDIDO */

.bk-cart-premium .order-summary-btns input[name="cancel_order"] {
    border: 1px solid #dddddd !important;
    background: #f8f8f8 !important;
    color: #555555 !important;
    border-radius: 10px !important;
}

/* MOBILE */

@media (max-width: 767px) {

    .bk-cart-premium .page-banner-content {
        padding: 24px 16px !important;
    }

    .bk-cart-premium .cart-page-area {
        padding-top: 20px !important;
        padding-bottom: 40px !important;
    }

    .bk-cart-premium .cart-page-left-part {
        padding: 15px !important;
    }

    .bk-cart-premium .order-summary-box {
        padding: 20px 16px !important;
    }
}

/* FIM BOOKAR CARRINHO PREMIUM V2 */


/* BOOKAR CHECKOUT PREMIUM V1 */

.bk-checkout-premium {
    --bk-yellow: #FFD600;
    --bk-black: #111111;
    --bk-border: #E9E9E9;
    background: #F7F7F7 !important;
    color: var(--bk-black);
}

.bk-checkout-premium .page-banner-header {
    background: #111111 !important;
    min-height: auto !important;
}

.bk-checkout-premium .page-banner-header .section-overlay {
    background: transparent !important;
}

.bk-checkout-premium .blank-page-banner-wrap {
    padding: 42px 0 !important;
}

.bk-checkout-premium .page-banner-heading {
    color: #FFFFFF !important;
    font-weight: 800 !important;
    font-size: clamp(26px, 3vw, 38px) !important;
    letter-spacing: -1px;
}

.bk-checkout-premium .breadcrumb {
    margin-bottom: 0;
}

.bk-checkout-premium .breadcrumb a,
.bk-checkout-premium .breadcrumb-item {
    color: #D7D7D7 !important;
}

.bk-checkout-premium .breadcrumb-item.active {
    color: #FFD600 !important;
}

.bk-checkout-premium .checkout-page {
    padding-top: 45px !important;
    padding-bottom: 75px !important;
}

.bk-checkout-premium .billing-address-box,
.bk-checkout-premium .payment-method-box,
.bk-checkout-premium .checkout-page-right-part > div,
.bk-checkout-premium .checkout-page-right-part .bg-white {
    background: #FFFFFF !important;
    border: 1px solid #E9E9E9 !important;
    border-radius: 18px !important;
    box-shadow: 0 12px 38px rgba(0,0,0,.045);
}

.bk-checkout-premium .billing-address-box h6,
.bk-checkout-premium .payment-method-box h6 {
    color: #111111 !important;
    font-size: 19px !important;
    font-weight: 800 !important;
}

.bk-checkout-premium label {
    color: #252525 !important;
    font-weight: 600;
}

.bk-checkout-premium .form-control,
.bk-checkout-premium .form-select,
.bk-checkout-premium select {
    border: 1px solid #E4E4E4;
    border-radius: 10px !important;
    min-height: 46px;
    background-color: #FFFFFF;
}

.bk-checkout-premium .form-control:focus,
.bk-checkout-premium .form-select:focus,
.bk-checkout-premium select:focus {
    border-color: #FFD600 !important;
    box-shadow: 0 0 0 3px rgba(255,214,0,.16) !important;
}

.bk-checkout-premium .payment-method-card-box {
    border: 1px solid #E8E8E8 !important;
    border-radius: 12px !important;
    background: #FAFAFA !important;
    padding: 17px 20px !important;
    margin-bottom: 12px !important;
    transition: border-color .2s, background .2s;
}

.bk-checkout-premium .payment-method-card-box:has(input[type="radio"]:checked) {
    border-color: #FFD600 !important;
    background: #FFFBE5 !important;
}

.bk-checkout-premium input[type="radio"],
.bk-checkout-premium input[type="checkbox"] {
    accent-color: #111111;
}

.bk-checkout-premium .form-check-input:checked {
    background-color: #111111 !important;
    border-color: #111111 !important;
}

.bk-checkout-premium .accordion-button:not(.collapsed) {
    background: #FFFBE8 !important;
    color: #111111 !important;
    box-shadow: none !important;
}

.bk-checkout-premium .accordion-button:focus {
    box-shadow: 0 0 0 3px rgba(255,214,0,.18) !important;
}

.bk-checkout-premium .checkout-page-right-part th,
.bk-checkout-premium .checkout-page-right-part td {
    color: #333333;
}

.bk-checkout-premium .checkout-page-right-part a {
    color: #111111;
    text-decoration-color: #FFD600;
}

.bk-checkout-premium button[type="submit"],
.bk-checkout-premium input[type="submit"] {
    background: #FFD600 !important;
    color: #111111 !important;
    border: 1px solid #FFD600 !important;
    border-radius: 11px !important;
    font-weight: 800 !important;
    transition: background .2s, transform .2s;
}

.bk-checkout-premium button[type="submit"]:hover,
.bk-checkout-premium input[type="submit"]:hover {
    background: #E8C200 !important;
    transform: translateY(-1px);
}

@media (max-width: 767px) {
    .bk-checkout-premium .checkout-page {
        padding-top: 24px !important;
        padding-bottom: 40px !important;
    }

    .bk-checkout-premium .blank-page-banner-wrap {
        padding: 28px 0 !important;
    }

    .bk-checkout-premium .billing-address-box,
    .bk-checkout-premium .payment-method-box {
        border-radius: 14px !important;
    }

    .bk-checkout-premium .checkout-page .row > [class*="col-md-6"] {
        width: 50%;
    }

    .bk-checkout-premium .checkout-page .row > [class*="col-md-6"] .form-control,
    .bk-checkout-premium .checkout-page .row > [class*="col-md-6"] select {
        width: 100%;
        min-width: 0;
    }

    .bk-checkout-premium .checkout-page .row > [class*="col-md-6"] label {
        font-size: 12px !important;
    }
}

/* FIM BOOKAR CHECKOUT PREMIUM V1 */


/* BOOKAR CHECKOUT PREMIUM V2 */

/* Identidade geral */
.bk-checkout-premium {
    --bookar-black: #111111;
    --bookar-yellow: #FFD600;
    --bookar-white: #FFFFFF;
    --bookar-gray: #F7F7F7;
    background: var(--bookar-gray) !important;
    color: var(--bookar-black) !important;
}

/* Cabeçalho: corrigir o título invisível */
.bk-checkout-premium .page-banner-header,
.bk-checkout-premium .page-banner-area,
.bk-checkout-premium .blank-page-banner-wrap,
.bk-checkout-premium .page-banner-content {
    background: #111111 !important;
}

.bk-checkout-premium .page-banner-heading,
.bk-checkout-premium .page-banner-content h1,
.bk-checkout-premium .page-banner-content h2 {
    color: #FFFFFF !important;
    font-weight: 900 !important;
}

.bk-checkout-premium .blank-page-banner-wrap {
    padding: 30px 15px !important;
}

/* Cartões */
.bk-checkout-premium .billing-address-box,
.bk-checkout-premium .payment-method-box,
.bk-checkout-premium .checkout-page-right-part > div {
    background: #FFFFFF !important;
    border: 1px solid #EAEAEA !important;
    border-radius: 18px !important;
    box-shadow: 0 12px 35px rgba(0,0,0,.05) !important;
}

/* Títulos */
.bk-checkout-premium h3,
.bk-checkout-premium h4,
.bk-checkout-premium h5,
.bk-checkout-premium h6 {
    color: #111111 !important;
    font-weight: 800;
}

/* Campos */
.bk-checkout-premium .form-control,
.bk-checkout-premium .form-select {
    border-radius: 10px !important;
    border-color: #E4E4E4 !important;
    color: #111111 !important;
}

.bk-checkout-premium .form-control:focus,
.bk-checkout-premium .form-select:focus {
    border-color: #FFD600 !important;
    box-shadow: 0 0 0 3px rgba(255,214,0,.18) !important;
}

/* Pagamentos */
.bk-checkout-premium .payment-method-card-box {
    background: #FAFAFA !important;
    border: 1px solid #E7E7E7 !important;
    border-radius: 12px !important;
    transition: .2s ease;
}

.bk-checkout-premium .payment-method-card-box:hover {
    border-color: #FFD600 !important;
    background: #FFFDF0 !important;
}

.bk-checkout-premium .payment-method-card-box:has(input:checked) {
    background: #FFF8D1 !important;
    border: 2px solid #FFD600 !important;
}

/* Acordeões */
.bk-checkout-premium .accordion-button {
    background: #FFFFFF !important;
    color: #111111 !important;
    font-weight: 800 !important;
}

.bk-checkout-premium .accordion-button:not(.collapsed) {
    background: #FFF9DC !important;
    color: #111111 !important;
}

/* Resumo */
.bk-checkout-premium .checkout-page-right-part {
    color: #111111;
}

.bk-checkout-premium .checkout-page-right-part table {
    width: 100%;
}

.bk-checkout-premium .checkout-page-right-part tr:last-child td {
    font-weight: 900;
    color: #111111;
}

/* Botão principal */
.bk-checkout-premium button[type="submit"],
.bk-checkout-premium input[type="submit"] {
    background: #FFD600 !important;
    color: #111111 !important;
    border: 0 !important;
    border-radius: 11px !important;
    font-weight: 900 !important;
    min-height: 48px;
}

.bk-checkout-premium button[type="submit"]:hover,
.bk-checkout-premium input[type="submit"]:hover {
    background: #EBC600 !important;
}

/* Seleção */
.bk-checkout-premium .form-check-input:checked {
    background-color: #111111 !important;
    border-color: #111111 !important;
}

/* Celular */
@media (max-width: 767px) {
    .bk-checkout-premium .checkout-page {
        padding-top: 20px !important;
    }

    .bk-checkout-premium .billing-address-box,
    .bk-checkout-premium .payment-method-box {
        border-radius: 14px !important;
    }

    .bk-checkout-premium .blank-page-banner-wrap {
        padding: 24px 12px !important;
    }
}

/* FIM BOOKAR CHECKOUT PREMIUM V2 */


/* BOOKAR CHECKOUT PREMIUM V2 FINAL */

/* CABEÇALHO BOOKAR */
.bk-checkout-premium .page-banner-header,
.bk-checkout-premium .page-banner-header.gradient-bg,
.bk-checkout-premium .page-banner-header .section-overlay,
.bk-checkout-premium .blank-page-banner-wrap {
    background: #111111 !important;
    background-image: none !important;
}

.bk-checkout-premium .page-banner-header {
    min-height: auto !important;
}

.bk-checkout-premium .blank-page-banner-wrap {
    padding: 34px 15px !important;
}

.bk-checkout-premium .page-banner-heading {
    color: #FFFFFF !important;
    font-size: clamp(25px, 3vw, 36px) !important;
    font-weight: 900 !important;
    line-height: 1.2 !important;
}

.bk-checkout-premium .page-banner-content .breadcrumb-item,
.bk-checkout-premium .page-banner-content .breadcrumb-item a {
    color: #EAEAEA !important;
}

.bk-checkout-premium .page-banner-content .breadcrumb-item.active {
    color: #FFD600 !important;
}

/* ÁREA DO CHECKOUT */
.bk-checkout-premium {
    background: #F7F7F7 !important;
    color: #111111 !important;
}

.bk-checkout-premium .checkout-page {
    padding-top: 45px !important;
    padding-bottom: 70px !important;
}

/* CARTÕES */
.bk-checkout-premium .billing-address-box,
.bk-checkout-premium .payment-method-box,
.bk-checkout-premium .checkout-page-right-part .accordion-item {
    background: #FFFFFF !important;
    border: 1px solid #EAEAEA !important;
    border-radius: 18px !important;
    box-shadow: 0 12px 32px rgba(0,0,0,.05) !important;
    overflow: hidden;
}

/* TÍTULOS */
.bk-checkout-premium h3,
.bk-checkout-premium h4,
.bk-checkout-premium h5,
.bk-checkout-premium h6 {
    color: #111111 !important;
    font-weight: 800 !important;
}

/* FORMULÁRIOS */
.bk-checkout-premium .label-text-title {
    color: #111111 !important;
    font-weight: 700 !important;
}

.bk-checkout-premium .form-control,
.bk-checkout-premium .form-select {
    background-color: #FFFFFF !important;
    border: 1px solid #DDDDDD !important;
    border-radius: 11px !important;
    color: #111111 !important;
    min-height: 46px;
}

.bk-checkout-premium .form-control:focus,
.bk-checkout-premium .form-select:focus {
    border-color: #FFD600 !important;
    box-shadow: 0 0 0 3px rgba(255,214,0,.18) !important;
}

/* MÉTODOS DE PAGAMENTO */
.bk-checkout-premium .payment-method-card-box {
    background: #FAFAFA !important;
    border: 1px solid #E6E6E6 !important;
    border-radius: 12px !important;
    transition: border-color .2s ease, background .2s ease;
}

.bk-checkout-premium .payment-method-card-box:hover {
    border-color: #FFD600 !important;
    background: #FFFDF0 !important;
}

.bk-checkout-premium .payment-method-card-box:has(input:checked) {
    border-color: #FFD600 !important;
    background: #FFF8D1 !important;
}

/* RESUMO */
.bk-checkout-premium .accordion-button {
    background: #FFF9DE !important;
    color: #111111 !important;
    font-weight: 800 !important;
}

.bk-checkout-premium .accordion-button:not(.collapsed) {
    background: #FFF3B4 !important;
}

.bk-checkout-premium .billing-summary-table th,
.bk-checkout-premium .billing-summary-table td {
    color: #111111 !important;
}

/* BOTÃO DE PAGAMENTO */
.bk-checkout-premium .regular-btn button[type="submit"],
.bk-checkout-premium .sslcz-btn button,
.bk-checkout-premium .appDemo {
    background: #FFD600 !important;
    color: #111111 !important;
    border: 0 !important;
    border-radius: 12px !important;
    font-weight: 900 !important;
    min-height: 50px;
}

.bk-checkout-premium .regular-btn button[type="submit"]:hover,
.bk-checkout-premium .sslcz-btn button:hover {
    background: #E8C400 !important;
}

/* SELEÇÃO */
.bk-checkout-premium .form-check-input:checked {
    background-color: #111111 !important;
    border-color: #111111 !important;
}

/* RESPONSIVIDADE */
@media (max-width: 767px) {
    .bk-checkout-premium .checkout-page {
        padding-top: 22px !important;
        padding-bottom: 35px !important;
    }

    .bk-checkout-premium .blank-page-banner-wrap {
        padding: 25px 12px !important;
    }

    .bk-checkout-premium .billing-address-box,
    .bk-checkout-premium .payment-method-box {
        border-radius: 14px !important;
    }
}

/* FIM BOOKAR CHECKOUT PREMIUM V2 FINAL */


/* BOOKAR CHECKOUT GRID V3 */

.bk-checkout-premium .bk-checkout-fields-grid {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: flex-start;
    margin-left: -9px !important;
    margin-right: -9px !important;
}

.bk-checkout-premium .bk-checkout-fields-grid > .bk-checkout-field {
    box-sizing: border-box !important;
    flex: 0 0 33.333333% !important;
    width: 33.333333% !important;
    max-width: 33.333333% !important;
    padding-left: 9px !important;
    padding-right: 9px !important;
    min-width: 0;
}

.bk-checkout-premium .bk-checkout-field input,
.bk-checkout-premium .bk-checkout-field select {
    display: block;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
}

.bk-checkout-premium .bk-checkout-field label {
    display: block;
    font-size: 13px !important;
    line-height: 1.4;
    min-height: 19px;
}

@media (max-width: 767px) {

    .bk-checkout-premium .bk-checkout-fields-grid {
        margin-left: -6px !important;
        margin-right: -6px !important;
    }

    .bk-checkout-premium .bk-checkout-fields-grid > .bk-checkout-field {
        flex: 0 0 50% !important;
        width: 50% !important;
        max-width: 50% !important;
        padding-left: 6px !important;
        padding-right: 6px !important;
        margin-bottom: 18px !important;
    }

    .bk-checkout-premium .bk-checkout-field label {
        font-size: 11px !important;
        min-height: 31px;
    }

    .bk-checkout-premium .bk-checkout-field input,
    .bk-checkout-premium .bk-checkout-field select {
        font-size: 12px !important;
        padding-left: 9px !important;
        padding-right: 9px !important;
    }
}

/* FIM BOOKAR CHECKOUT GRID V3 */

/* BOOKAR CHECKOUT V4 IDENTIDADE */

.bk-checkout-premium {
    --bk-yellow: #FFD600;
    --bk-black: #111111;
    --bk-border: #E8E8E8;
    --bk-muted: #666666;
    color: var(--bk-black);
}

.bk-checkout-premium .payment-method-box {
    background: #FFFFFF !important;
    border: 1px solid var(--bk-border) !important;
    border-radius: 18px !important;
}

.bk-checkout-premium .payment-method-box > h6 {
    color: var(--bk-black) !important;
    font-weight: 800 !important;
}

.bk-checkout-premium .payment-method-box > .payment-method-card-box {
    background: #FAFAFA !important;
    border: 1px solid var(--bk-border) !important;
    border-radius: 12px !important;
    transition: border-color .2s, background-color .2s;
}

.bk-checkout-premium .payment-method-box > .payment-method-card-box:has(input[type="radio"]:checked) {
    border-color: var(--bk-yellow) !important;
    background: #FFF9D6 !important;
    box-shadow: 0 0 0 1px var(--bk-yellow);
}

.bk-checkout-premium .payment-method-box input[type="radio"],
.bk-checkout-premium .payment-method-box input[type="checkbox"] {
    accent-color: var(--bk-black) !important;
}

.bk-checkout-premium .payment-method-box .form-check-input:checked {
    background-color: var(--bk-black) !important;
    border-color: var(--bk-black) !important;
}

.bk-checkout-premium .payment-method-box .form-check-label,
.bk-checkout-premium .payment-method-box .color-heading {
    color: var(--bk-black) !important;
}

.bk-checkout-premium .payment-method-box .iconify,
.bk-checkout-premium .payment-method-box i {
    color: var(--bk-black) !important;
}

.bk-checkout-premium input:focus,
.bk-checkout-premium select:focus,
.bk-checkout-premium textarea:focus {
    border-color: var(--bk-yellow) !important;
    box-shadow: 0 0 0 3px rgba(255,214,0,.18) !important;
}

.bk-checkout-premium .theme-btn,
.bk-checkout-premium .theme-button1 {
    background: var(--bk-yellow) !important;
    color: var(--bk-black) !important;
    border-color: var(--bk-yellow) !important;
}

.bk-checkout-premium .theme-btn:hover,
.bk-checkout-premium .theme-button1:hover {
    background: #E8C400 !important;
    border-color: #E8C400 !important;
}

/* FIM BOOKAR CHECKOUT V4 IDENTIDADE */