.elementor-22 .elementor-element.elementor-element-2706f09{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}:root{--page-title-display:none;}/* Start custom CSS *//* ==========================================================
   BTS LUXURY — PHASE 11.3
   FAQ
   ========================================================== */


/* ==========================================================
   HERO
   ========================================================== */

.btsfaq-hero {

    position: relative;

    min-height: 66svh;

    display: flex;
    align-items: center;

    padding: 100px 0 92px;

    overflow: hidden;

    background:
        radial-gradient(
            circle at 75% 48%,
            rgba(211,173,102,.07),
            transparent 28%
        ),
        var(--bts-black);

    color: var(--bts-ivory);
}


.btsfaq-hero__meta {

    position: relative;
    z-index: 3;

    display: flex;

    justify-content: space-between;

    margin-bottom: 58px;

    font-family: var(--bts-font-ui);

    font-size: 7px;

    font-weight: 650;

    letter-spacing: .18em;

    color: rgba(243,239,231,.28);
}


.btsfaq-hero__meta span {
    color: var(--bts-gold);
}


.btsfaq-hero__grid {

    position: relative;
    z-index: 3;

    display: grid;

    grid-template-columns:
        minmax(0,1fr)
        minmax(300px,.42fr);

    gap: 75px;

    align-items: end;
}


.btsfaq-hero h1 {

    margin: 0;

    font-family: var(--bts-font-display);

    font-size:
        clamp(68px,7.5vw,115px);

    line-height: .80;

    font-weight: 500;

    letter-spacing: -.058em;

    color: var(--bts-ivory);
}


.btsfaq-hero h1 em {

    color: var(--bts-gold);

    font-weight: 400;
}


.btsfaq-hero__grid > div p {

    max-width: 350px;

    margin: 0 0 30px;

    font-family: var(--bts-font-ui);

    font-size: 13px;

    line-height: 1.85;

    color: rgba(243,239,231,.48);
}


.btsfaq-hero__link {

    display: inline-flex;

    align-items: center;

    gap: 12px;

    padding-bottom: 6px;

    border-bottom:
        1px solid rgba(243,239,231,.24);

    font-family: var(--bts-font-ui);

    font-size: 8px;

    font-weight: 700;

    letter-spacing: .15em;

    text-decoration: none;

    color: var(--bts-ivory);
}


.btsfaq-hero__link span {

    color: var(--bts-gold);
}


/* GHOST */

.btsfaq-hero__ghost {

    position: absolute;

    right: -20px;
    bottom: -32px;

    font-family: var(--bts-font-display);

    font-size:
        clamp(160px,25vw,390px);

    line-height: .65;

    letter-spacing: -.08em;

    color: transparent;

    -webkit-text-stroke:
        1px rgba(243,239,231,.026);

    pointer-events: none;
}


/* ==========================================================
   MAIN
   ========================================================== */

.btsfaq-main {

    padding: 110px 0 120px;

    background: var(--bts-ivory);

    color: var(--bts-black);
}


.btsfaq-main__head {

    display: grid;

    grid-template-columns:
        minmax(0,1fr)
        minmax(280px,.40fr);

    align-items: end;

    gap: 70px;

    margin-bottom: 55px;
}


.btsfaq-main__head h2 {

    margin: 18px 0 0;

    font-family: var(--bts-font-display);

    font-size:
        clamp(57px,5.8vw,89px);

    line-height: .86;

    font-weight: 500;

    letter-spacing: -.052em;

    color: var(--bts-black);
}


.btsfaq-main__head h2 em {

    color: var(--bts-gold);

    font-weight: 400;
}


.btsfaq-main__head > p {

    max-width: 340px;

    margin: 0 0 5px;

    font-family: var(--bts-font-ui);

    font-size: 13px;

    line-height: 1.8;

    color: rgba(12,12,12,.50);
}


/* ==========================================================
   FILTERS
   ========================================================== */

.btsfaq-filters {

    display: flex;

    flex-wrap: wrap;

    margin-bottom: 45px;

    border-top:
        1px solid rgba(12,12,12,.13);

    border-left:
        1px solid rgba(12,12,12,.13);
}


.btsfaq-filters button {

    min-height: 44px;

    padding: 0 16px;

    border: 0;

    border-right:
        1px solid rgba(12,12,12,.13);

    border-bottom:
        1px solid rgba(12,12,12,.13);

    border-radius: 0;

    background: transparent;

    font-family: var(--bts-font-ui);

    font-size: 7px;

    font-weight: 700;

    letter-spacing: .14em;

    color: rgba(12,12,12,.46);

    cursor: pointer;

    transition:
        background .25s ease,
        color .25s ease;
}


.btsfaq-filters button:hover {

    color: var(--bts-black);

    background:
        rgba(211,173,102,.055);
}


.btsfaq-filters button.is-active {

    background: var(--bts-black);

    color: var(--bts-ivory);
}


/* ==========================================================
   FAQ LIST
   ========================================================== */

.btsfaq-list {

    border-top:
        1px solid rgba(12,12,12,.14);
}


.btsfaq-item {

    border-bottom:
        1px solid rgba(12,12,12,.14);
}


.btsfaq-item.is-hidden {

    display: none;
}


/* ==========================================================
   QUESTION TRIGGER
   ========================================================== */

.btsfaq-trigger {

    width: 100%;

    min-height: 88px;

    display: grid;

    grid-template-columns:
        38px
        125px
        minmax(0,1fr)
        35px;

    align-items: center;

    gap: 18px;

    padding: 0;

    border: 0;

    background: transparent;

    color: var(--bts-black);

    text-align: left;

    cursor: pointer;
}


.btsfaq-number {

    font-family: var(--bts-font-ui);

    font-size: 8px;

    font-weight: 700;

    color: var(--bts-gold);
}


.btsfaq-category {

    font-family: var(--bts-font-ui);

    font-size: 7px;

    font-weight: 700;

    letter-spacing: .13em;

    color: rgba(12,12,12,.34);
}


.btsfaq-question {

    font-family: var(--bts-font-display);

    font-size:
        clamp(21px,2vw,29px);

    line-height: 1.15;

    font-weight: 500;

    letter-spacing: -.02em;

    color: var(--bts-black);

    transition:
        color .25s ease,
        transform .3s ease;
}


.btsfaq-trigger:hover
.btsfaq-question {

    color: var(--bts-gold);

    transform: translateX(4px);
}


/* ==========================================================
   PLUS / MINUS
   ========================================================== */

.btsfaq-icon {

    position: relative;

    justify-self: end;

    width: 22px;
    height: 22px;
}


.btsfaq-icon i {

    position: absolute;

    left: 50%;
    top: 50%;

    width: 15px;
    height: 1px;

    background: rgba(12,12,12,.48);

    transform:
        translate(-50%,-50%);

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


.btsfaq-icon i:last-child {

    transform:
        translate(-50%,-50%)
        rotate(90deg);
}


.btsfaq-item.is-open
.btsfaq-icon i {

    background: var(--bts-gold);
}


.btsfaq-item.is-open
.btsfaq-icon i:last-child {

    transform:
        translate(-50%,-50%)
        rotate(0deg);
}


/* ==========================================================
   ANSWER PANEL
   ========================================================== */

.btsfaq-panel {

    display: grid;

    grid-template-rows: 0fr;

    opacity: 0;

    transition:
        grid-template-rows .42s cubic-bezier(.22,.61,.36,1),
        opacity .30s ease;
}


.btsfaq-item.is-open
.btsfaq-panel {

    grid-template-rows: 1fr;

    opacity: 1;
}


.btsfaq-answer {

    overflow: hidden;

    padding-left: 199px;

    padding-right: 80px;
}


.btsfaq-item.is-open
.btsfaq-answer {

    padding-bottom: 34px;
}


.btsfaq-answer p {

    max-width: 680px;

    margin: 0 0 17px;

    font-family: var(--bts-font-ui);

    font-size: 12px;

    line-height: 1.85;

    color: rgba(12,12,12,.53);
}


.btsfaq-answer p:last-child {

    margin-bottom: 0;
}


/* ANSWER LINKS */

.btsfaq-answer__link,
.btsfaq-answer__links a {

    display: inline-block;

    margin-top: 5px;

    font-family: var(--bts-font-ui);

    font-size: 8px;

    font-weight: 700;

    letter-spacing: .13em;

    text-decoration: none;

    color: var(--bts-gold);
}


.btsfaq-answer__links {

    display: flex;

    flex-wrap: wrap;

    gap: 22px;
}


/* ==========================================================
   SUPPORT CTA
   ========================================================== */

.btsfaq-support {

    padding: 105px 0 110px;

    background: #101010;

    color: var(--bts-ivory);

    border-top:
        1px solid rgba(243,239,231,.08);
}


.btsfaq-support__grid {

    display: grid;

    grid-template-columns:
        minmax(0,1fr)
        minmax(320px,.46fr);

    gap: 75px;

    align-items: end;
}


.btsfaq-support h2 {

    margin: 20px 0 0;

    font-family: var(--bts-font-display);

    font-size:
        clamp(57px,5.8vw,89px);

    line-height: .86;

    font-weight: 500;

    letter-spacing: -.052em;

    color: var(--bts-ivory);
}


.btsfaq-support h2 em {

    color: var(--bts-gold);

    font-weight: 400;
}


.btsfaq-support__grid > div:last-child > p {

    max-width: 350px;

    margin: 0 0 30px;

    font-family: var(--bts-font-ui);

    font-size: 12px;

    line-height: 1.8;

    color: rgba(243,239,231,.47);
}


.btsfaq-support__actions {

    display: flex;

    gap: 9px;
}


.btsfaq-support__primary,
.btsfaq-support__secondary {

    min-height: 49px;

    display: inline-flex;

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

    padding: 0 18px;

    font-family: var(--bts-font-ui);

    font-size: 8px;

    font-weight: 700;

    letter-spacing: .13em;

    text-decoration: none;
}


.btsfaq-support__primary {

    gap: 10px;

    background: var(--bts-ivory);

    color: var(--bts-black);
}


.btsfaq-support__primary span {

    color: var(--bts-gold);
}


.btsfaq-support__secondary {

    border:
        1px solid rgba(243,239,231,.23);

    color: var(--bts-ivory);
}


/* ==========================================================
   MOBILE
   ========================================================== */

@media (max-width: 767px) {


    .btsfaq-hero {

        min-height: auto;

        padding:
            70px 0 66px;
    }


    .btsfaq-hero__meta {

        margin-bottom: 44px;
    }


    .btsfaq-hero__grid {

        grid-template-columns: 1fr;

        gap: 35px;
    }


    .btsfaq-hero h1 {

        font-size:
            clamp(53px,16vw,72px);
    }


    .btsfaq-hero__grid > div p {

        max-width: 300px;

        font-size: 12px;
    }


    .btsfaq-hero__ghost {

        font-size: 50vw;

        bottom: -2px;
    }


    /* MAIN */

    .btsfaq-main {

        padding:
            76px 0 82px;
    }


    .btsfaq-main__head {

        grid-template-columns: 1fr;

        gap: 25px;

        margin-bottom: 40px;
    }


    .btsfaq-main__head h2 {

        font-size:
            clamp(48px,15vw,65px);
    }


    /* FILTER RAIL */

    .btsfaq-filters {

        flex-wrap: nowrap;

        overflow-x: auto;

        margin-left: -18px;
        margin-right: -18px;

        padding-left: 18px;

        border-left: 0;

        scrollbar-width: none;
    }


    .btsfaq-filters::-webkit-scrollbar {

        display: none;
    }


    .btsfaq-filters button {

        flex: 0 0 auto;

        min-height: 42px;

        white-space: nowrap;
    }


    /* QUESTION */

    .btsfaq-trigger {

        min-height: 84px;

        grid-template-columns:
            25px
            minmax(0,1fr)
            27px;

        gap: 9px;
    }


    .btsfaq-category {

        display: none;
    }


    .btsfaq-question {

        font-size: 21px;
    }


    /* ANSWER */

    .btsfaq-answer {

        padding-left: 34px;

        padding-right: 4px;
    }


    .btsfaq-item.is-open
    .btsfaq-answer {

        padding-bottom: 28px;
    }


    .btsfaq-answer p {

        font-size: 11px;

        line-height: 1.8;
    }


    /* SUPPORT */

    .btsfaq-support {

        padding:
            78px 0 83px;
    }


    .btsfaq-support__grid {

        grid-template-columns: 1fr;

        gap: 34px;
    }


    .btsfaq-support h2 {

        font-size:
            clamp(48px,15vw,65px);
    }


    .btsfaq-support__actions {

        flex-direction: column;
    }


    .btsfaq-support__primary,
    .btsfaq-support__secondary {

        width: 100%;
    }

}



/* ==========================================================
   BTS FAQ — REMOVE ALL DEFAULT BLUE STATES
   ========================================================== */


/* ----------------------------------------------------------
   FAQ QUESTION ROW
   Default
   ---------------------------------------------------------- */

.btsfaq-trigger {
    background: transparent !important;
    color: var(--bts-black) !important;
}


/* Hover */

.btsfaq-trigger:hover {
    background:
        rgba(211,173,102,.06) !important;

    color:
        var(--bts-black) !important;
}


/* Open / Active FAQ */

.btsfaq-item.is-open
.btsfaq-trigger {

    background:
        rgba(211,173,102,.085) !important;

    color:
        var(--bts-black) !important;
}


/* Question text */

.btsfaq-trigger:hover
.btsfaq-question,

.btsfaq-item.is-open
.btsfaq-question {

    color:
        var(--bts-black) !important;

    transform:
        translateX(4px);
}


/* Make open question slightly more editorial */

.btsfaq-item.is-open
.btsfaq-question {

    color:
        var(--bts-gold) !important;
}


/* ----------------------------------------------------------
   FOCUS / CLICK STATE
   Replaces browser / Elementor blue
   ---------------------------------------------------------- */

.btsfaq-trigger:focus,
.btsfaq-trigger:focus-visible,
.btsfaq-trigger:active {

    background:
        rgba(211,173,102,.085) !important;

    color:
        var(--bts-black) !important;

    outline:
        1px solid rgba(211,173,102,.35) !important;

    outline-offset:
        -1px;
}


/* ==========================================================
   FAQ ANSWER LINKS
   ========================================================== */

.btsfaq-answer__link,
.btsfaq-answer__links a {

    color:
        var(--bts-gold) !important;

    text-decoration:
        none !important;

    background:
        transparent !important;
}


/* Prevent blue visited links */

.btsfaq-answer__link:visited,
.btsfaq-answer__links a:visited {

    color:
        var(--bts-gold) !important;
}


/* Hover */

.btsfaq-answer__link:hover,
.btsfaq-answer__links a:hover {

    color:
        var(--bts-black) !important;

    background:
        transparent !important;
}


/* Focus */

.btsfaq-answer__link:focus,
.btsfaq-answer__link:focus-visible,
.btsfaq-answer__links a:focus,
.btsfaq-answer__links a:focus-visible {

    color:
        var(--bts-black) !important;

    outline:
        1px solid var(--bts-gold);

    outline-offset:
        4px;
}


/* Active / clicked */

.btsfaq-answer__link:active,
.btsfaq-answer__links a:active {

    color:
        var(--bts-gold) !important;
}




/* ==========================================================
   FAQ FILTER — THEME LOCK
   ========================================================== */

.btsfaq-filters button:hover,
.btsfaq-filters button:focus,
.btsfaq-filters button:focus-visible {

    background:
        rgba(211,173,102,.07) !important;

    color:
        var(--bts-black) !important;

    border-color:
        rgba(12,12,12,.13) !important;
}


.btsfaq-filters button.is-active,
.btsfaq-filters button.is-active:hover,
.btsfaq-filters button.is-active:focus {

    background:
        var(--bts-black) !important;

    color:
        var(--bts-ivory) !important;
}/* End custom CSS */