/*
==========================================================
FitUI
Deals V2
==========================================================
*/

.fit-deals-v2{
    min-height:100vh;
    background:
        radial-gradient(circle at 15% 5%,rgba(200,162,74,.12),transparent 34%),
        radial-gradient(circle at 88% 8%,rgba(200,162,74,.08),transparent 28%),
        var(--fit-bg);
}

/*--------------------------------------------------
Hero
--------------------------------------------------*/

.fit-deals-v2-hero{
    position:relative;
    overflow:hidden;
    padding:170px 0 120px;
    text-align:center;
}

.fit-deals-v2-container{
    width:min(1180px,calc(100% - 48px));
    margin:auto;
}

.fit-deals-v2-hero__glow{
    position:absolute;
    left:50%;
    top:8%;
    width:640px;
    height:640px;
    border-radius:999px;
    transform:translateX(-50%);
    background:radial-gradient(circle,rgba(200,162,74,.12),transparent 68%);
}

.fit-deals-v2-hero h1{
    margin:26px auto 0;
    max-width:940px;
    font-size:clamp(58px,8vw,108px);
    line-height:.88;
    letter-spacing:-.08em;
}

.fit-deals-v2-hero p{
    max-width:720px;
    margin:26px auto 0;
    color:var(--fit-text-muted);
    line-height:1.8;
}

.fit-deals-v2-hero__actions{
    display:flex;
    justify-content:center;
    gap:14px;
    margin-top:40px;
    flex-wrap:wrap;
}

/*--------------------------------------------------
Featured
--------------------------------------------------*/

.fit-deals-v2-featured{
    margin-bottom:130px;
}

.fit-deals-v2-featured__card{

    display:grid;

    grid-template-columns:1.2fr .8fr;

    overflow:hidden;

    border-radius:42px;

    min-height:560px;

}

.fit-deals-v2-featured__media{

    position:relative;

}

.fit-deals-v2-featured__media img{

    width:100%;

    height:100%;

    object-fit:cover;

}

.fit-deals-v2-featured__media::after{

    content:"";

    position:absolute;

    inset:0;

    background:
    linear-gradient(to right,
    rgba(6,7,11,.05),
    rgba(6,7,11,.78));

}

.fit-deals-v2-featured__content{

    display:flex;

    flex-direction:column;

    justify-content:center;

    padding:64px;

}

.fit-deals-v2-featured__offer{

    font-size:44px;

    font-weight:900;

    color:var(--fit-gold);

    margin:22px 0;

    letter-spacing:-.05em;

}

.fit-deals-v2-featured__content h2{

    font-size:clamp(40px,5vw,74px);

    line-height:.92;

    margin:0 0 20px;

}

.fit-deals-v2-featured__content p{

    color:var(--fit-text-muted);

    line-height:1.8;

}

.fit-deals-v2-featured__host{

    display:flex;

    align-items:center;

    gap:16px;

    margin:34px 0;

}

.fit-deals-v2-featured__host span{

    width:56px;

    height:56px;

    border-radius:18px;

    background-size:cover;

    background-position:center;

    border:1px solid rgba(255,255,255,.08);

}

.fit-deals-v2-featured__host small{

    display:block;

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

    text-transform:uppercase;

    font-size:11px;

    margin-bottom:4px;

}

.fit-deals-v2-featured__host strong{

    display:block;

}

.fit-deals-v2-featured__host em{

    display:block;

    margin-top:4px;

    color:var(--fit-text-muted);

    font-style:normal;

    font-size:12px;

}

/*--------------------------------------------------
Toolbar
--------------------------------------------------*/

.fit-deals-v2-list{

    margin-bottom:120px;

}

.fit-deals-v2-toolbar{

    display:flex;

    justify-content:center;

    gap:10px;

    margin:48px 0;

    flex-wrap:wrap;

}

.fit-deals-v2-filter{

    border:none;

    border-radius:999px;

    padding:11px 18px;

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

    color:rgba(255,255,255,.72);

    cursor:pointer;

    transition:.25s;

}

.fit-deals-v2-filter:hover,

.fit-deals-v2-filter.is-active{

    background:rgba(200,162,74,.18);

    color:var(--fit-gold);

}

/*--------------------------------------------------
Grid
--------------------------------------------------*/

.fit-deals-v2-grid{

    display:grid;

    grid-template-columns:repeat(3,minmax(0,1fr));

    gap:30px;

}

.fit-deals-v2-empty{

    grid-column:1/-1;

    text-align:center;

    padding:70px;

}

/*--------------------------------------------------
CTA
--------------------------------------------------*/

.fit-deals-v2-cta{

    width:min(1180px,calc(100% - 48px));

    margin:0 auto 140px;

}

.fit-deals-v2-cta__card{

    padding:90px 60px;

    text-align:center;

    border-radius:40px;

    background:
    radial-gradient(circle,
    rgba(200,162,74,.10),
    transparent 60%);

}

.fit-deals-v2-cta__card h2{

    font-size:clamp(42px,5vw,72px);

    line-height:.95;

}

.fit-deals-v2-cta__card p{

    max-width:700px;

    margin:22px auto 38px;

    color:var(--fit-text-muted);

}

.fit-deals-v2-cta__actions{

    display:flex;

    justify-content:center;

    gap:14px;

    flex-wrap:wrap;

}

/*--------------------------------------------------
Responsive
--------------------------------------------------*/

@media(max-width:1100px){

.fit-deals-v2-featured__card{

grid-template-columns:1fr;

}

.fit-deals-v2-grid{

grid-template-columns:repeat(2,1fr);

}

}

@media(max-width:720px){

.fit-deals-v2-container,
.fit-deals-v2-cta{

width:min(100% - 28px,720px);

}

.fit-deals-v2-grid{

grid-template-columns:1fr;

}

.fit-deals-v2-featured__content{

padding:34px;

}

.fit-deals-v2-hero{

padding:130px 0 80px;

}

}
/*
|--------------------------------------------------------------------------
| Deals V2 Color Fix
|--------------------------------------------------------------------------
*/

.fit-deals-v2 h1,
.fit-deals-v2 h2,
.fit-deals-v2 h3,
.fit-deals-v2 h4,
.fit-deals-v2 p,
.fit-deals-v2 a,
.fit-deals-v2 .fit-feature-card__title,
.fit-deals-v2 .fit-feature-card__title a {
    color: var(--fit-text) !important;
}

.fit-deals-v2 p,
.fit-deals-v2 .fit-feature-card__description,
.fit-deals-v2 .fit-deals-v2-featured__content p {
    color: var(--fit-text-muted) !important;
}

.fit-deals-v2 .fit-badge,
.fit-deals-v2 .fit-feature-card__badge,
.fit-deals-v2-featured__offer,
.fit-deals-v2 .fit-feature-card__meta--deal span:first-child {
    color: var(--fit-gold) !important;
}