/* ------------------------ --------- ------------------------ */
/* ------------------------ --------- ------------------------ */
/* ------------------------ - BASIC - ------------------------ */
/* ------------------------ --------- ------------------------ */
/* ------------------------ --------- ------------------------ */

body{
    height: var(--Stars-Body-Height);
}

/* ------------------------ -------- ------------------------ */
/* ------------------- ------------------ ------------------- */
/* ------------------- -- SECTION -- 1 -- ------------------- */
/* ------------------- ------------------ ------------------- */
/* ------------------------ -------- ------------------------ */

.Collection-Stars-First-Section{
    height: var(--Collection-Stars-First-Section-Height);
}

/* -------------------- ---------------- -------------------- */
/* -------------------- INTRO -- SECTION -------------------- */
/* -------------------- ---------------- -------------------- */

.Collection-Stars-Intro-Main-Container{
    height: var(--Collection-Stars-Intro-Main-Container-Height);
}

.Collection-Stars-Intro-Container{
    height: var(--Collection-Stars-Intro-Container-Height);
}



/* ------------------ -------------------- ------------------ */
/* ------------------ -- INFO - SECTION -- ------------------ */
/* ------------------ -------------------- ------------------ */

.Collection-Stars-Info-Global-Container{
    top: var(--Collection-Stars-Info-Global-Container-Top);
    height: var(--Collection-Stars-Info-Global-Container-Height);
}

.Collection-Stars-Info-Principal-Container{
    height: var(--Collection-Stars-Info-Principal-Container-Height);
}

.Collection-Stars-Info-Full-Container-1{
    height: var(--Collection-Stars-Info-Full-Container-1-Height);
}

.Collection-Stars-Info-Full-Container-2{
    height: var(--Collection-Stars-Info-Full-Container-2-Height);
}

.Collection-Stars-Info-Main-Container-1{
    height: var(--Collection-Stars-Info-Main-Container-1-Height);
}

.Collection-Stars-Info-Main-Container-2{
    height: var(--Collection-Stars-Info-Main-Container-2-Height);
}

.Collection-Stars-Info-Container-1{
    height: var(--Collection-Stars-Info-Container-1-Height);
    /* background-color: gray; */
}

.Collection-Stars-Info-Container-2{
    height: var(--Collection-Stars-Info-Container-2-Height);
    /* background-color: bisque; */
}

.Collection-Stars-Info-Container-3{
    height: var(--Collection-Stars-Info-Container-3-Height);
    /* background-color: salmon; */
}

.Collection-Stars-Info-Container-4{
    height: var(--Collection-Stars-Info-Container-4-Height);
    /* background-color: darkkhaki; */
}





.Collection-Stars-Info-Text-1{
    /* bottom: 50px; */
    bottom: var(--Collection-Info-Text-Gap);
    bottom: var(--Collection-Info-Text-1-Bottom);
}

.Collection-Stars-Info-Text-2{
    /* top: 50px; */
    top: var(--Collection-Info-Text-Gap);
    top: var(--Collection-Info-Text-2-Top);
}

/* ------------------------ -------- ------------------------ */
/* ------------------- ------------------ ------------------- */
/* ------------------- -- SECTION -- 2 -- ------------------- */
/* ------------------- ------------------ ------------------- */
/* ------------------------ -------- ------------------------ */

.Collection-Stars-Second-Section{
    height: var(--Collection-Stars-Second-Section-Height);
}

/* ------------------- ------------------ ------------------- */
/* ------------------- SECTION 2 ACCROCHE ------------------- */
/* ------------------- ------------------ ------------------- */

.Collection-Stars-Accroche-Principal-Container{
    height: var(--Collection-Stars-Accroche-Principal-Container-Height);
}

.Collection-Stars-Accroche-Full-Container{
    top: var(--Collection-Stars-Accroche-Full-Container-Top);
    top: 0px;
}

.Collection-Stars-Accroche-Main-Container{
    height: var(--Collection-Stars-Accroche-Main-Container-Height);
}

.Collection-Stars-Accroche-2, .Collection-Stars-Accroche-3{
    display: none;
}

/* ------------------ -------------------- ------------------ */
/* ------------------ - SECTION 2 BANNER - ------------------ */
/* ------------------ -------------------- ------------------ */


.Collection-Banner-Principal-Container{
    top: var(--Collection-Stars-Banner-Principal-Container-Top);
}

/* ------------------------ -------- ------------------------ */
/* ------------------------ -------- ------------------------ */
/* ------------------------ PRODUCTS ------------------------ */
/* ------------------------ -------- ------------------------ */
/* ------------------------ -------- ------------------------ */

.Collection-Stars-Third-Section{
    height: var(--Collection-Stars-Third-Section-Height);   
}

.Products-Stars-Max-Container{
    height: var(--Product-Max-Container-Stars-Height);
}

.Products-Stars-Massive-Container{
    height: var(--Product-Massive-Container-Stars-Height);
}

.Products-Stars-Ultra-Container{
    height: var(--Product-Ultra-Container-Stars-Height);
}

.Products-Global-Container{
    height: var(--Product-Global-Container-Stars-Height);
}

.Product-Principal-Container{
    height: var(--Product-Principal-Container-Stars-Height);
}

.Controls-Full-Container-Stars{
    height: var(--Controls-Full-Container-Stars-Height);
}

.Product-Infos-Main-Container-Stars{
    top: var(--Product-Infos-Main-Container-Stars-Top);
    height: var(--Product-Infos-Main-Container-Stars-Height);
}


/* ------------------------ -------- ------------------------ */
/* ------------------------ -------- ------------------------ */
/* ----------------------- IOS PRDCTS ----------------------- */
/* ------------------------ -------- ------------------------ */
/* ------------------------ -------- ------------------------ */



.Ios-Prdcts-Stars-Ultra-Container{
    height: var(--Ios-Prdcts-Stars-Ultra-Container-Height);
    top: var(--Ios-Prdcts-Stars-Ultra-Container-Top);
    /* background-color: yellow; */
}

/* ------------------------ -------- ------------------------ */
/* ------------------- ------------------ ------------------- */
/* ------------------- -- SECTION -- 4 -- ------------------- */
/* ------------------- ------------------ ------------------- */
/* ------------------------ -------- ------------------------ */

.Collection-Stars-Fourth-Section{
    top: var(--Collection-Stars-Fourth-Section-Top);
}

/* ---------------------------- -------- ------ -------- ---------------------------- */
/* ---------------------------- -------- ------ -------- ---------------------------- */
/* ---------------------------- -------- FOOTER -------- ---------------------------- */
/* ---------------------------- -------- ------ -------- ---------------------------- */
/* ---------------------------- -------- ------ -------- ---------------------------- */

.Footer-Principal-Container-Large-Stars{
    top: var(--Footer-Principal-Container-Large-Stars-Top);
}

.Footer-Principal-Container-Small-Stars{
    top: var(--Footer-Principal-Container-Small-Stars-Top);
}





















































/* body{
    height: 2200px;
}

.Products-Ultra-Container{
    height: var(--Product-Ultra-Container-Stars-Height);
}

.Products-Global-Container{
    height: var(--Product-Global-Container-Stars-Height);
}

.Product-Principal-Container{
    height: var(--Product-Principal-Container-Stars-Height);
}

.Controls-Full-Container-Dolc{
    height: var(--Controls-Full-Container-Stars-Height);
}

.Product-Infos-Main-Container-Dolc{
    top: var(--Product-Infos-Main-Container-Stars-Top);
    height: var(--Product-Infos-Main-Container-Stars-Height);
} */