:root{ /* ------------- ---------------------------------------------------------------- */ /* ------------- ---------------------------------------------------------------- */ /* ROOT BASIC ------------------------------------------------------------------- */ /* ------------- ---------------------------------------------------------------- */ /* ------------- ---------------------------------------------------------------- */ /* ------------- ---------------------------------------------------------------- */ /* ------------- ---------------------------------------------------------------- */ /* ROOT JOAILLERIE COVER SECTION ------------------------------------------------ */ /* ------------- ---------------------------------------------------------------- */ /* ------------- ---------------------------------------------------------------- */ /* ROOT JOAILLERIE COVER SLOGAN MAIN CONTAINER 1 TOP ---------------------------- */ --Joaillerie-Cover-Slogan-Main-Container-1-Top-1: 370px; --Joaillerie-Cover-Slogan-Main-Container-1-Top-2: 300px; --Joaillerie-Cover-Slogan-Main-Container-1-Top-3: 250px; --Joaillerie-Cover-Slogan-Main-Container-1-Top: var(--Joaillerie-Cover-Slogan-Main-Container-1-Top-1); /* ROOT JOAILLERIE COVER SLOGAN MAIN CONTAINER 2 TOP ---------------------------- */ --Joaillerie-Cover-Slogan-Main-Container-2-Top-1: 74px; --Joaillerie-Cover-Slogan-Main-Container-2-Top-2: 74px; --Joaillerie-Cover-Slogan-Main-Container-2-Top: var(--Joaillerie-Cover-Slogan-Main-Container-2-Top-1); /* ROOT JOAILLERIE COVER SLOGAN 1 NB LINES -------------------------------------- */ --Joaillerie-Cover-Slogan-1-Nb-Lines: 3; /* ROOT JOAILLERIE COVER SLOGAN 2 NB LINES -------------------------------------- */ --Joaillerie-Cover-Slogan-2-Nb-Lines: 4; /* ROOT JOAILLERIE COVER SLOGAN 1 HEIGHT ---------------------------------------- */ --Joaillerie-Cover-Slogan-1-Height: var(--Lh-Cover-Slogan-Text); /* ROOT JOAILLERIE COVER SLOGAN CONTAINER 1 HEIGHT ------------------------------ */ --Joaillerie-Cover-Slogan-Container-1-Height: var(--Joaillerie-Cover-Slogan-1-Height); /* ROOT JOAILLERIE COVER SLOGAN 2 HEIGHT ---------------------------------------- */ --Joaillerie-Cover-Slogan-2-Height: calc((var(--Lh-Cover-Slogan-Text)) * (var(--Joaillerie-Cover-Slogan-2-Nb-Lines))); /* ROOT JOAILLERIE COVER SLOGAN CONTAINER 2 HEIGHT ------------------------------ */ --Joaillerie-Cover-Slogan-Container-2-Height: var(--Joaillerie-Cover-Slogan-2-Height); /* ROOT JOAILLERIE COVER SLOGAN TEXT 1 LEFT ------------------------------------- */ --Joaillerie-Cover-Slogan-Text-1-Left-1: 140px; --Joaillerie-Cover-Slogan-Text-1-Left-2: 120px; /* 1440 - 1301*/ --Joaillerie-Cover-Slogan-Text-1-Left-3: 100px; /* 1300 - 0961*/ --Joaillerie-Cover-Slogan-Text-1-Left-4: 80px; /* 1300 - 0961*/ --Joaillerie-Cover-Slogan-Text-1-Left-5: 60px; /* 0960 - 0731*/ --Joaillerie-Cover-Slogan-Text-1-Left: var(--Joaillerie-Cover-Slogan-Text-1-Left-1); /* ROOT JOAILLERIE COVER SLOGAN TEXT 2 RIGHT ------------------------------------- */ --Joaillerie-Cover-Slogan-Text-2-Right-1: 286px; --Joaillerie-Cover-Slogan-Text-2-Right-2: 220px; /* 1800 - 1301*/ --Joaillerie-Cover-Slogan-Text-2-Right-3: 160px; /* 1300 - 0961*/ --Joaillerie-Cover-Slogan-Text-2-Right-4: 100px; /* 0960 - 0731*/ --Joaillerie-Cover-Slogan-Text-2-Right: var(--Joaillerie-Cover-Slogan-Text-2-Right-1); /* ROOT JOAILLERIE COVER SLOGAN TEXT 3 LEFT ------------------------------------- */ --Joaillerie-Cover-Slogan-Text-3-Left: 40px; /* ROOT JOAILLERIE COVER SLOGAN TEXT 4 RIGHT ------------------------------------ */ --Joaillerie-Cover-Slogan-Text-4-Right-1: 220px; --Joaillerie-Cover-Slogan-Text-4-Right-2: 145px; /* 1800 - 1301*/ --Joaillerie-Cover-Slogan-Text-4-Right-3: 90px; /* 1300 - 731*/ --Joaillerie-Cover-Slogan-Text-4-Right: var(--Joaillerie-Cover-Slogan-Text-4-Right-1); /* ROOT JOAILLERIE COVER SLOGAN TEXT 5 RIGHT ------------------------------------ */ --Joaillerie-Cover-Slogan-Text-5-Right-1: 40px; --Joaillerie-Cover-Slogan-Text-5-Right-2: 85px; /* 1800 - 1301*/ --Joaillerie-Cover-Slogan-Text-5-Right-3: 50px; /* 1300 - 731*/ --Joaillerie-Cover-Slogan-Text-5-Right: var(--Joaillerie-Cover-Slogan-Text-5-Right-1); --Joaillerie-Cover-Slogan-Text-5-Right: 40px; /* ROOT JOAILLERIE COVER SLOGAN MAIN CONTAINER 1 HEIGHT ------------------------- */ --Joaillerie-Cover-Slogan-Main-Container-1-Height: calc((var(--Joaillerie-Cover-Slogan-1-Nb-Lines)) * (var(--Joaillerie-Cover-Slogan-Container-1-Height))); /* ROOT JOAILLERIE COVER SLOGAN MAIN CONTAINER 2 HEIGHT ------------------------- */ --Joaillerie-Cover-Slogan-Main-Container-2-Height: var(--Joaillerie-Cover-Slogan-Container-2-Height); /* ROOT JOAILLERIE COVER SECTION HEIGHT ----------------------------------------- */ --Joaillerie-Cover-Section-Height: calc((var(--Cover-Container-Height)) + 165px); /* ------------- ---------------------------------------------------------------- */ /* ------------- ---------------------------------------------------------------- */ /* ROOT SECTION GLOBAL ---------------------------------------------------------- */ /* ------------- ---------------------------------------------------------------- */ /* ------------- ---------------------------------------------------------------- */ /* ROOT JOAILLERIE GLOBAL SECTION TOP ------------------------------------------- */ --Joaillerie-Global-Section-Top-1: calc(1800px + (var(--Scroll-Gap-Large))); --Joaillerie-Global-Section-Top-2: 1800px; --Joaillerie-Global-Section-Top-3: 1100px; --Joaillerie-Global-Section-Top: var(--Joaillerie-Global-Section-Top-1); /* ------------- ---------------------------------------------------------------- */ /* ROOT JOAILLERIE INTRO -------------------------------------------------------- */ /* ------------- ---------------------------------------------------------------- */ /* ROOT JOAILLERIE INTRO TEXT NB LINES ------------------------------------------ */ --Joaillerie-Intro-Text-Nb-Lines-1: 6; --Joaillerie-Intro-Text-Nb-Lines-2: 8; --Joaillerie-Intro-Text-Nb-Lines-3: 9; --Joaillerie-Intro-Text-Nb-Lines-4: 11; --Joaillerie-Intro-Text-Nb-Lines-5: 7; --Joaillerie-Intro-Text-Nb-Lines-6: 8; --Joaillerie-Intro-Text-Nb-Lines-7: 9; --Joaillerie-Intro-Text-Nb-Lines: var(--Joaillerie-Intro-Text-Nb-Lines-1); /* ROOT JOAILLERIE INTRO TEXT HEIGHT -------------------------------------------- */ --Joaillerie-Intro-Text-Height: calc((var(--Lh-Courant-1)) * (var(--Joaillerie-Intro-Text-Nb-Lines))); /* ROOT JOAILLERIE INTRO TEXT CONTAINER HEIGHT ---------------------------------- */ --Joaillerie-Intro-Text-Container-Height: var(--Joaillerie-Intro-Text-Height); /* ROOT JOAILLERIE INTRO TEXT CONTAINER TOP ------------------------------------- */ --Joaillerie-Intro-Text-Container-Top-1: var(--Scroll-Gap-Large); --Joaillerie-Intro-Text-Container-Top-2: var(--Scroll-Gap-Short); --Joaillerie-Intro-Text-Container-Top: var(--Joaillerie-Intro-Text-Container-Top-1); /* ROOT JOAILLERIE INTRO MAIN CONTAINER HEIGHT ---------------------------------- */ --Joaillerie-Intro-Main-Container-Height-1: calc((var(--Joaillerie-Intro-Text-Container-Height)) + (2 * (var(--Scroll-Gap-Large)))); --Joaillerie-Intro-Main-Container-Height-2: calc((var(--Joaillerie-Intro-Text-Container-Height)) + (2 * (var(--Scroll-Gap-Short)))); --Joaillerie-Intro-Main-Container-Height: var(--Joaillerie-Intro-Main-Container-Height-1); /* ROOT COLLECTION INTRO CONTAINER LEFT ----------------------------------------- */ --Joaillerie-Intro-Text-Container-Left-1: calc((var(--Site-Margins)) + (2 * ((var(--Column-Site-Width)) + (var(--Column-Gap))))); /* XTRA - 1801 */ --Joaillerie-Intro-Text-Container-Left-2: calc((var(--Site-Margins)) + (5 * ((var(--Column-Site-Width)) + (var(--Column-Gap))))); /* 1800 - 1701 */ --Joaillerie-Intro-Text-Container-Left-3: calc((var(--Site-Margins)) + (3 * ((var(--Column-Site-Width)) + (var(--Column-Gap))))); /* 1700 - 1301 */ --Joaillerie-Intro-Text-Container-Left-4: calc((var(--Site-Margins)) + (2 * ((var(--Column-Site-Width)) + (var(--Column-Gap))))); /* 1300 - 0841 */ --Joaillerie-Intro-Text-Container-Left-5: calc((var(--Site-Margins)) + (1 * ((var(--Column-Site-Width)) + (var(--Column-Gap))))); /* 0840 - 0731 */ --Joaillerie-Intro-Text-Container-Left-6: var(--Site-Margins); /* 0730 - 0000 */ --Joaillerie-Intro-Text-Container-Left: var(--Joaillerie-Intro-Text-Container-Left-1); /* ROOT COLLECTION INTRO CONTAINER WIDTH ---------------------------------------- */ --Joaillerie-Intro-Text-Container-Width-1: calc((var(--Content-Width)) - ((var(--Site-Margins)) + (var(--Collection-Intro-Container-Left)))); --Joaillerie-Intro-Text-Container-Width-2: calc((var(--Content-Width)) - (var(--Site-Margins))); --Joaillerie-Intro-Text-Container-Width-3: var(--Content-Width); --Joaillerie-Intro-Text-Container-Width: var(--Joaillerie-Intro-Text-Container-Width-1); /* ------------- ---------------------------------------------------------------- */ /* ROOT JOAILLERIE CONTENT ------------------------------------------------------ */ /* ------------- ---------------------------------------------------------------- */ /* ROOT JOAILLERIE CONTENT ------------------------------------------------------ */ /* ROOT JOAILLERIE CONTENT PRINCIPAL CONTAINER TOP ------------------------------ */ --Joaillerie-Content-Principal-Container-Top: var(--Joaillerie-Intro-Main-Container-Height); /* ROOT JOAILLERIE CONTENT FULL CONTAINER LEFT ---------------------------------- */ --Joaillerie-Content-Full-Container-Left-1: calc((var(--Site-Margins)) + (1 * ((var(--Column-Site-Width)) + (var(--Column-Gap))))); /* XTRA - 1801 */; --Joaillerie-Content-Full-Container-Left-2: calc((var(--Site-Margins)) + (2 * ((var(--Column-Site-Width)) + (var(--Column-Gap))))); /* 1800 - 1701 */; --Joaillerie-Content-Full-Container-Left-3: calc((var(--Site-Margins)) + (1 * ((var(--Column-Site-Width)) + (var(--Column-Gap))))); /* 1700 - 1601 */; --Joaillerie-Content-Full-Container-Left-4: calc((var(--Site-Margins)) + (0 * ((var(--Column-Site-Width)) + (var(--Column-Gap))))); /* 1600 - 0841 */; --Joaillerie-Content-Full-Container-Left-5: calc((var(--Site-Margins)) + (2 * ((var(--Column-Site-Width)) + (var(--Column-Gap))))); /* 0840 - 0731 */; --Joaillerie-Content-Full-Container-Left-6: calc((var(--Site-Margins)) + (1 * ((var(--Column-Site-Width)) + (var(--Column-Gap))))); /* 0730 - 0361 */; --Joaillerie-Content-Full-Container-Left-7: calc((var(--Site-Margins)) + (0 * ((var(--Column-Site-Width)) + (var(--Column-Gap))))); /* 0360 - 0000 */; --Joaillerie-Content-Full-Container-Left: var(--Joaillerie-Content-Full-Container-Left-1); /* ROOT JOAILLERIE CONTENT FULL CONTAINER WIDTH --------------------------------- */ --Joaillerie-Content-Full-Container-Width-1: calc(((var(--Column-Site-Width)) * 6) + (5 * (var(--Column-Gap)))); --Joaillerie-Content-Full-Container-Width-2: calc(((var(--Column-Site-Width)) * 18) + (17 * (var(--Column-Gap)))); /* 1800 - 1701 */ --Joaillerie-Content-Full-Container-Width-3: calc(((var(--Column-Site-Width)) * 12) + (11 * (var(--Column-Gap)))); /* 1700 - 0841 */ /* --Joaillerie-Content-Full-Container-Width-4: calc(((var(--Column-Site-Width)) * 10) + (9 * (var(--Column-Gap)))); 1600 - 0841 */ --Joaillerie-Content-Full-Container-Width-4: calc(((var(--Column-Site-Width)) * 8) + (7 * (var(--Column-Gap)))); /* 0840 - 0731 */ --Joaillerie-Content-Full-Container-Width-5: calc(((var(--Column-Site-Width)) * 4) + (3 * (var(--Column-Gap)))); /* 0730 - 0361 */ --Joaillerie-Content-Full-Container-Width-6: calc(((var(--Column-Site-Width)) * 6) + (5 * (var(--Column-Gap)))); /* 0360 - 0000 */ --Joaillerie-Content-Full-Container-Width: var(--Joaillerie-Content-Full-Container-Width-1); /* ROOT JOAILLERIE CONTENT MAIN CONTAINER WIDTH --------------------------------- */ --Joaillerie-Content-Main-Container-Width-1: calc(((var(--Column-Site-Width)) * 2) + (1 * (var(--Column-Gap)))); --Joaillerie-Content-Main-Container-Width-2: calc(((var(--Column-Site-Width)) * 6) + (5 * (var(--Column-Gap)))); /* 1800 - 1701 */ --Joaillerie-Content-Main-Container-Width-3: calc(((var(--Column-Site-Width)) * 4) + (3 * (var(--Column-Gap)))); /* 1700 - 1301 */ --Joaillerie-Content-Main-Container-Width-4: calc(((var(--Column-Site-Width)) * 12) + (11 * (var(--Column-Gap)))); /* 1300 - 0841 */ --Joaillerie-Content-Main-Container-Width-5: calc(((var(--Column-Site-Width)) * 8) + (7 * (var(--Column-Gap)))); /* 0840 - 0731 */ --Joaillerie-Content-Main-Container-Width-6: calc(((var(--Column-Site-Width)) * 4) + (3 * (var(--Column-Gap)))); /* 0730 - 0361 */ --Joaillerie-Content-Main-Container-Width-7: calc(((var(--Column-Site-Width)) * 6) + (5 * (var(--Column-Gap)))); /* 0360 - 0000 */ --Joaillerie-Content-Main-Container-Width: var(--Joaillerie-Content-Main-Container-Width-1); /* ROOT JOAILLERIE CONTENT IMAGE CONTAINER WIDTH -------------------------------- */ --Joaillerie-Content-Image-Container-Width-1: var(--Joaillerie-Content-Main-Container-Width); --Joaillerie-Content-Image-Container-Width-2: calc(((var(--Column-Site-Width)) * 6) + (5 * (var(--Column-Gap)))); --Joaillerie-Content-Image-Container-Width-3: var(--Joaillerie-Content-Main-Container-Width); --Joaillerie-Content-Image-Container-Width: var(--Joaillerie-Content-Image-Container-Width-1); /* ROOT JOAILLERIE CONTENT IMAGE CONTAINER 1 HEIGHT ----------------------------- */ --Joaillerie-Content-Image-Container-1-Height: var(--Joaillerie-Content-Image-Container-Width); /* ROOT JOAILLERIE CONTENT IMAGE CONTAINER 2 HEIGHT ----------------------------- */ --Joaillerie-Content-Image-Container-2-Height-1: 600px; --Joaillerie-Content-Image-Container-2-Height-2: 550px; --Joaillerie-Content-Image-Container-2-Height-3: 485px; --Joaillerie-Content-Image-Container-2-Height-4: 430px; --Joaillerie-Content-Image-Container-2-Height-5: 400px; --Joaillerie-Content-Image-Container-2-Height: var(--Joaillerie-Content-Image-Container-2-Height-1); /* ROOT JOAILLERIE CONTENT IMAGE CONTAINER 3 HEIGHT ----------------------------- */ --Joaillerie-Content-Image-Container-3-Height: var(--Joaillerie-Content-Image-Container-Width); /* ROOT JOAILLERIE CONTENT IMAGE CONTAINER HEIGHT ------------------------------- */ --Joaillerie-Content-Image-Container-Height: var(--Joaillerie-Content-Image-Container-1-Height); /* ROOT JOAILLERIE CONTENT GAP -------------------------------------------------- */ --Joaillerie-Content-Gap-1: 100px; --Joaillerie-Content-Gap-2: 50px; --Joaillerie-Content-Gap-3: 20px; --Joaillerie-Content-Gap: var(--Joaillerie-Content-Gap-1); /* ROOT JOAILLERIE CONTENT TEXT CONTAINER 1 TOP --------------------------------- */ --Joaillerie-Content-Text-Container-1-Top: calc((var(--Joaillerie-Content-Image-Container-Height)) + (var(--Joaillerie-Content-Gap))); /* ROOT JOAILLERIE CONTENT TEXT F1 MAX NB LINES --------------------------------- */ --Joaillerie-Content-Text-F1-Max-Nb-Lines: 8; /* ROOT JOAILLERIE CONTENT TEXT F1 HEIGHT --------------------------------------- */ --Joaillerie-Content-Text-F1-Height: calc((var(--Joaillerie-Content-Text-F1-Max-Nb-Lines)) * (var(--Lh-Courant-2))); /* ROOT JOAILLERIE CONTENT TEXT F1 CONTAINER HEIGHT ----------------------------- */ --Joaillerie-Content-Text-F1-Container-Height: var(--Joaillerie-Content-Text-F1-Height); /* ROOT JOAILLERIE CONTENT MAIN CONTAINER F1 HEIGHT ----------------------------- */ /* --Joaillerie-Content-Main-Container-Height-1: calc((var()) + (var()) + (var())); */ /* --Joaillerie-Content-Main-Container-Height-2: calc((var()) + (var()) + (var())); */ /* --Joaillerie-Content-Main-Container-Height: var(--Joaillerie-Content-Main-Container-Height-1); */ --Joaillerie-Content-Main-Container-F1-Height: calc((var(--Joaillerie-Content-Text-F1-Container-Height)) + (var(--Joaillerie-Content-Gap)) + (var(--Joaillerie-Content-Image-Container-Height))); /* ROOT JOAILLERIE F2 GAP ------------------------------------------------------- */ --Joaillerie-F2-Gap: 50px; /* ROOT JOAILLERIE CONTENT TEXT CONTAINER 2 WIDTH ------------------------------- */ --Joaillerie-Content-Text-Container-2-Width-1: 420px; --Joaillerie-Content-Text-Container-2-Width-2: calc(((var(--Column-Site-Width)) * 6) + (5 * (var(--Column-Gap)))); --Joaillerie-Content-Text-Container-2-Width: var(--Joaillerie-Content-Text-Container-2-Width-1); /* ROOT JOAILLERIE CONTENT MAIN CONTAINER 2 HEIGHT ------------------------------ */ --Joaillerie-Content-Main-Container-2-Height: var(--Joaillerie-Content-Image-Container-Height); /* ROOT JOAILLERIE CONTENT TEXT CONTAINER 3 WIDTH ------------------------------- */ --Joaillerie-Content-Text-Container-3-Width-1: 100%; --Joaillerie-Content-Text-Container-3-Width-2: 230px; --Joaillerie-Content-Text-Container-3-Width: var(--Joaillerie-Content-Text-Container-3-Width-1); /* ROOT JOAILLERIE CONTENT 3 TEXT 1 NB LINES ------------------------------------ */ --Joaillerie-Content-3-Text-1-Nb-Lines-1: 8; --Joaillerie-Content-3-Text-1-Nb-Lines-2: 10; --Joaillerie-Content-3-Text-1-Nb-Lines-3: 7; --Joaillerie-Content-3-Text-1-Nb-Lines: var(--Joaillerie-Content-3-Text-1-Nb-Lines-1); /* ROOT JOAILLERIE CONTENT 3 TEXT 2 NB LINES ------------------------------------ */ --Joaillerie-Content-3-Text-2-Nb-Lines-1: 9; --Joaillerie-Content-3-Text-2-Nb-Lines-2: 10; --Joaillerie-Content-3-Text-2-Nb-Lines-3: 8; --Joaillerie-Content-3-Text-2-Nb-Lines: var(--Joaillerie-Content-3-Text-2-Nb-Lines-1); /* ROOT JOAILLERIE CONTENT 3 TEXT 3 NB LINES ------------------------------------ */ --Joaillerie-Content-3-Text-3-Nb-Lines-1: 7; --Joaillerie-Content-3-Text-3-Nb-Lines-2: 8; --Joaillerie-Content-3-Text-3-Nb-Lines-3: 6; --Joaillerie-Content-3-Text-3-Nb-Lines: var(--Joaillerie-Content-3-Text-3-Nb-Lines-1); /* ROOT JOAILLERIE CONTENT 31 HEIGHT -------------------------------------------- */ --Joaillerie-Content-31-Height: calc((var(--Joaillerie-Content-3-Text-1-Nb-Lines)) * (var(--Lh-Courant-2))); /* ROOT JOAILLERIE CONTENT 32 HEIGHT -------------------------------------------- */ --Joaillerie-Content-32-Height: calc((var(--Joaillerie-Content-3-Text-2-Nb-Lines)) * (var(--Lh-Courant-2))); /* ROOT JOAILLERIE CONTENT 33 HEIGHT -------------------------------------------- */ --Joaillerie-Content-33-Height: calc((var(--Joaillerie-Content-3-Text-3-Nb-Lines)) * (var(--Lh-Courant-2))); /* ROOT JOAILLERIE CONTENT TEXT CONTAINER 31 HEIGHT ----------------------------- */ --Joaillerie-Content-Text-Container-31-Height: var(--Joaillerie-Content-31-Height); /* ROOT JOAILLERIE CONTENT TEXT CONTAINER 32 HEIGHT ----------------------------- */ --Joaillerie-Content-Text-Container-32-Height: var(--Joaillerie-Content-32-Height); /* ROOT JOAILLERIE CONTENT TEXT CONTAINER 33 HEIGHT ----------------------------- */ --Joaillerie-Content-Text-Container-33-Height: var(--Joaillerie-Content-33-Height); /* ROOT JOAILLERIE CONTENT TEXT CONTAINER 3 TOP --------------------------------- */ --Joaillerie-Content-Text-Container-3-Top-1: calc((var(--Joaillerie-Content-Image-Container-Height)) + (var(--Joaillerie-Content-Gap-2))); --Joaillerie-Content-Text-Container-3-Top-2: calc((var(--Joaillerie-Content-Image-Container-Height)) + (var(--Joaillerie-Content-Gap-3))); --Joaillerie-Content-Text-Container-3-Top: var(--Joaillerie-Content-Text-Container-3-Top-1); /* ROOT JOAILLERIE CONTENT MAIN CONTAINER 3 HEIGHT ------------------------------ */ /* --Joaillerie-Content-Main-Container-3-Height: calc((var(--Joaillerie-Content-Text-F1-Container-Height)) + (var(--Joaillerie-Content-Gap)) + (var(--Joaillerie-Content-Image-Container-Height))); */ /* ROOT JOAILLERIE CONTENT MAIN CONTAINER 31 HEIGHT ----------------------------- */ --Joaillerie-Content-Main-Container-31-Height: calc((var(--Joaillerie-Content-Text-Container-3-Top)) + (var(--Joaillerie-Content-Text-Container-31-Height))); /* ROOT JOAILLERIE CONTENT MAIN CONTAINER 32 HEIGHT ----------------------------- */ --Joaillerie-Content-Main-Container-32-Height: calc((var(--Joaillerie-Content-Text-Container-3-Top)) + (var(--Joaillerie-Content-Text-Container-32-Height))); /* ROOT JOAILLERIE CONTENT MAIN CONTAINER 33 HEIGHT ----------------------------- */ --Joaillerie-Content-Main-Container-33-Height: calc((var(--Joaillerie-Content-Text-Container-3-Top)) + (var(--Joaillerie-Content-Text-Container-33-Height))); /* ROOT JOAILLERIE CONTENT FULL 1 CONTAINER HEIGHT ------------------------------ */ --Joaillerie-Content-Full-Container-1-Height: var(--Joaillerie-Content-Main-Container-F1-Height); /* ROOT JOAILLERIE CONTENT FULL 2 CONTAINER HEIGHT ------------------------------ */ /* --Joaillerie-Content-Full-Container-2-Height-1: calc((var(--Joaillerie-Content-Main-Container-2-Height)) + (2 * (var(--Joaillerie-F2-Gap)))); */ /* --Joaillerie-Content-Full-Container-2-Height-2: calc((var(--Joaillerie-Content-Main-Container-2-Height)) + (2 * (var(--Joaillerie-F2-Gap)))); */ /* --Joaillerie-Content-Full-Container-2-Height: var(--Joaillerie-Content-Full-Container-2-Height-1); */ --Joaillerie-Content-Full-Container-2-Height: calc(((var(--Joaillerie-Content-Main-Container-2-Height)) * 3) + (2 * (var(--Joaillerie-F2-Gap)))); /* ROOT JOAILLERIE CONTENT FULL 3 CONTAINER HEIGHT ------------------------------ */ /* --Joaillerie-Content-Full-Container-3-Height-1: var(--Joaillerie-Content-Main-Container-Height); */ /* --Joaillerie-Content-Full-Container-3-Height-2: var(--Joaillerie-Content-Main-Container-Height); */ /* --Joaillerie-Content-Full-Container-3-Height: var(--Joaillerie-Content-Main-Container-Height); */ /* --Joaillerie-Content-Full-Container-3-Height: var(--Joaillerie-Content-Full-Container-2-Height); */ --Joaillerie-Content-Full-Container-3-Height-1: calc((var(--Joaillerie-Content-Main-Container-31-Height)) + (var(--Joaillerie-Content-Main-Container-32-Height)) + (var(--Joaillerie-Content-Main-Container-33-Height)) + (2 * (var(--Joaillerie-Content-Gap-1)))); --Joaillerie-Content-Full-Container-3-Height-2: calc((var(--Joaillerie-Content-Main-Container-31-Height)) + (var(--Joaillerie-Content-Main-Container-32-Height)) + (var(--Joaillerie-Content-Main-Container-33-Height)) + (2 * (var(--Joaillerie-Content-Gap-2)))); --Joaillerie-Content-Full-Container-3-Height: var(--Joaillerie-Content-Full-Container-3-Height-1); /* ROOT JOAILLERIE CONTENT PRINCIPAL CONTAINER HEIGHT --------------------------- */ --Joaillerie-Content-Principal-Container-Height-1: var(--Joaillerie-Content-Full-Container-1-Height); --Joaillerie-Content-Principal-Container-Height-2: var(--Joaillerie-Content-Full-Container-2-Height); --Joaillerie-Content-Principal-Container-Height-3: var(--Joaillerie-Content-Full-Container-3-Height); --Joaillerie-Content-Principal-Container-Height: var(--Joaillerie-Content-Principal-Container-Height-1); /* --Joaillerie-Content-Principal-Container-Height: 1660px; */ /* ------------- ---------------------------------------------------------------- */ /* ROOT JOAILLERIE COLLECTION --------------------------------------------------- */ /* ------------- ---------------------------------------------------------------- */ /* ROOT JOAILLERIE COLLECTION GLOBAL CONTAINER TOP ------------------------------ */ --Joaillerie-Collections-Global-Container-Top: calc((var(--Joaillerie-Content-Principal-Container-Height)) + ((var(--Joaillerie-Content-Principal-Container-Top)))); /* ROOT JOAILLERIE COLLECTION PRINCIPAL CONTAINER TOP --------------------------- */ --Joaillerie-Collections-Principal-Container-Top-1: var(--Scroll-Gap-Large); --Joaillerie-Collections-Principal-Container-Top-2: var(--Scroll-Gap-Short); --Joaillerie-Collections-Principal-Container-Top: var(--Joaillerie-Collections-Principal-Container-Top-1); /* ROOT JOAILLERIE COLLECTION FULL CONTAINER WIDTH ------------------------------ */ --Joaillerie-Collections-Full-Container-Width: var(--Joaillerie-Content-Full-Container-Width); /* ROOT JOAILLERIE COLLECTION FULL CONTAINER LEFT ------------------------------- */ --Joaillerie-Collections-Full-Container-Left: var(--Joaillerie-Content-Full-Container-Left); /* ROOT JOAILLERIE COLLECTION TOP CONTAINER LEFT -------------------------------- */ --Joaillerie-Collections-Top-Container-Left-1: var(--Joaillerie-Content-Full-Container-Left); --Joaillerie-Collections-Top-Container-Left-2: var(--Site-Margins); --Joaillerie-Collections-Top-Container-Left: var(--Joaillerie-Collections-Top-Container-Left-1); /* ROOT JOAILLERIE COLLECTION TOP CONTAINER WIDTH ------------------------------- */ --Joaillerie-Collections-Top-Container-Width-1: var(--Joaillerie-Content-Full-Container-Width); --Joaillerie-Collections-Top-Container-Width-2: calc(((var(--Column-Site-Width)) * 12) + (11 * (var(--Column-Gap)))); --Joaillerie-Collections-Top-Container-Width-3: calc(((var(--Column-Site-Width)) * 6) + (5 * (var(--Column-Gap)))); --Joaillerie-Collections-Top-Container-Width: var(--Joaillerie-Collections-Top-Container-Width-1); /* ROOT JOAILLERIE COLLECTION TITLE NB LINES ------------------------------------ */ --Joaillerie-Collections-Title-Nb-Lines-1: 1; --Joaillerie-Collections-Title-Nb-Lines-2: 2; --Joaillerie-Collections-Title-Nb-Lines: var(--Joaillerie-Collections-Title-Nb-Lines-1); /* ROOT JOAILLERIE COLLECTION TITLE HEIGHT -------------------------------------- */ --Joaillerie-Collections-Title-Height: calc((var(--Joaillerie-Collections-Title-Nb-Lines)) * (var(--Lh-Title-Txt-2))); /* ROOT JOAILLERIE COLLECTION TOP GAP ------------------------------------------- */ --Joaillerie-Collections-Top-Gap-1: 13px; --Joaillerie-Collections-Top-Gap-2: 10px; --Joaillerie-Collections-Top-Gap: var(--Joaillerie-Collections-Top-Gap-1); /* ROOT JOAILLERIE COLLECTION ACCROCHE CONTAINER TOP ---------------------------- */ --Joaillerie-Collections-Accroche-Container-Top: calc((var(--Joaillerie-Collections-Top-Gap)) + (var(--Joaillerie-Collections-Title-Height))); /* ROOT JOAILLERIE COLLECTION ACCROCHE NB LINES --------------------------------- */ --Joaillerie-Collections-Accroche-Nb-lines-1: 5; --Joaillerie-Collections-Accroche-Nb-lines-2: 9; --Joaillerie-Collections-Accroche-Nb-lines-3: 6; --Joaillerie-Collections-Accroche-Nb-lines-4: 7; --Joaillerie-Collections-Accroche-Nb-lines: var(--Joaillerie-Collections-Accroche-Nb-lines-1); /* ROOT JOAILLERIE COLLECTION ACCROCHE HEIGHT ----------------------------------- */ --Joaillerie-Collections-Accroche-Height: calc((var(--Joaillerie-Collections-Accroche-Nb-lines)) * (var(--Lh-Courant-2))); /* ROOT JOAILLERIE COLLECTION ACCROCHE HEIGHT ----------------------------------- */ --Joaillerie-Collections-Accroche-Container-Height: var(--Joaillerie-Collections-Accroche-Height); /* ROOT JOAILLERIE COLLECTION TOP CONTAINER HEIGHT ------------------------------ */ --Joaillerie-Collections-Top-Container-Height: calc((var(--Joaillerie-Collections-Accroche-Container-Height)) + (var(--Joaillerie-Collections-Accroche-Container-Top))); /* ROOT JOAILLERIE COLLECTION PRINCIPAL GAP ------------------------------------- */ --Joaillerie-Collections-Principal-Gap-1: 100px; --Joaillerie-Collections-Principal-Gap-2: 50px; --Joaillerie-Collections-Principal-Gap: var(--Joaillerie-Collections-Principal-Gap-1); /* ROOT JOAILLERIE COLLECTION MAIN GAP ------------------------------------------ */ --Joaillerie-Collections-Main-Gap-1: 100px; --Joaillerie-Collections-Main-Gap-2: 50px; --Joaillerie-Collections-Main-Gap-1: 30px; --Joaillerie-Collections-Main-Gap-2: 15px; --Joaillerie-Collections-Main-Gap: var(--Joaillerie-Collections-Main-Gap-1); /* ROOT JOAILLERIE COLLECTION CONTAINER FIRST GAP ------------------------------- */ --Joaillerie-Collections-Container-First-Gap-1: 12px; --Joaillerie-Collections-Container-First-Gap-2: 8px; --Joaillerie-Collections-Container-First-Gap: var(--Joaillerie-Collections-Container-First-Gap-1); /* ROOT JOAILLERIE COLLECTION CONTAINER SECOND GAP ------------------------------ */ --Joaillerie-Collections-Container-Second-Gap-1: 50px; --Joaillerie-Collections-Container-Second-Gap-2: 30px; --Joaillerie-Collections-Container-Second-Gap: var(--Joaillerie-Collections-Container-Second-Gap-1); /* ROOT JOAILLERIE COLLECTION IMAGE CONTAINER WIDTH ----------------------------- */ --Joaillerie-Collections-Image-Container-Width: var(--Joaillerie-Content-Image-Container-Width); /* ROOT JOAILLERIE COLLECTION IMAGE CONTAINER 1 HEIGHT -------------------------- */ --Joaillerie-Collections-Image-Container-1-Height: var(--Joaillerie-Content-Image-Container-1-Height); /* ROOT JOAILLERIE COLLECTION IMAGE CONTAINER 2 HEIGHT -------------------------- */ --Joaillerie-Collections-Image-Container-2-Height: var(--Joaillerie-Content-Image-Container-2-Height); --Joaillerie-Collections-Image-Container-2-Height: 600px; /* ROOT JOAILLERIE COLLECTION IMAGE CONTAINER 3 HEIGHT -------------------------- */ --Joaillerie-Collections-Image-Container-3-Height: var(--Joaillerie-Content-Image-Container-3-Height); /* ROOT JOAILLERIE COLLECTION IMAGE CONTAINER HEIGHT ---------------------------- */ --Joaillerie-Collections-Image-Container-Height: var(--Joaillerie-Content-Image-Container-Height); --Joaillerie-Collections-Image-Container-Height: var(--Joaillerie-Collections-Image-Container-1-Height); /* ROOT JOAILLERIE COLLECTION CONTAINER LEFT ------------------------------------ */ --Joaillerie-Collections-Container-Left-1: 0px; /* --Joaillerie-Collections-Container-Left-2: 0px; */ /* --Joaillerie-Collections-Container-Left-2: calc(6 * ((var(--Column-Site-Width)) + (var(--Column-Gap)))); */ --Joaillerie-Collections-Container-Right-21: 0px; --Joaillerie-Collections-Container-Left-22: 0px; --Joaillerie-Collections-Container-Right-23: 0px; --Joaillerie-Collections-Container-Left-3: 0px; /* --Joaillerie-Collections-Container-Left: var(--Joaillerie-Collections-Container-Left-1); */ /* ROOT JOAILLERIE COLLECTION CONTAINER WIDTH ----------------------------------- */ --Joaillerie-Collections-Container-Width-1: 100%; /* --Joaillerie-Collections-Container-Width-2: calc(((var(--Column-Site-Width)) * 6) + (5 * (var(--Column-Gap)))); */ --Joaillerie-Collections-Container-Width-2: 394px; /* --Joaillerie-Collections-Container-Width-21: 394px; */ --Joaillerie-Collections-Container-Width-22: calc(((var(--Column-Site-Width)) * 6) + (5 * (var(--Column-Gap)))); /* --Joaillerie-Collections-Container-Width-2: var(--Joaillerie-Collections-Container-Width-21); */ --Joaillerie-Collections-Container-Width-3: 100%; --Joaillerie-Collections-Container-Width: var(--Joaillerie-Collections-Container-Width-1); /* ROOT JOAILLERIE COLLECTION TITLE INFO HEIGHT -------------------------------- */ --Joaillerie-Collections-Title-Info-Height: var(--Lh-Suggestions-Infos-Title); /* ROOT JOAILLERIE COLLECTION INFO CONTAINER TOP ------------------------------- */ --Joaillerie-Collections-Info-Container-Top: calc((var(--Joaillerie-Collections-Title-Info-Height)) + (var(--Joaillerie-Collections-Container-First-Gap))); /* ROOT JOAILLERIE COLLECTION INFO 1 MAX LINES --------------------------------- */ --Joaillerie-Collections-Info-1-Max-Lines: 11; /* ROOT JOAILLERIE COLLECTION INFO 1 HEIGHT ------------------------------------ */ --Joaillerie-Collections-Info-1-Height: calc((var(--Joaillerie-Collections-Info-1-Max-Lines)) * (var(--Lh-Courant-2))); /* ROOT JOAILLERIE COLLECTION INFO 21 LINES ------------------------------------ */ --Joaillerie-Collections-Info-21-Lines: 11; /* ROOT JOAILLERIE COLLECTION INFO 22 LINES ------------------------------------ */ --Joaillerie-Collections-Info-22-Lines: 8; /* ROOT JOAILLERIE COLLECTION INFO 23 LINES ------------------------------------ */ --Joaillerie-Collections-Info-23-Lines: 9; /* ROOT JOAILLERIE COLLECTION INFO 21 HEIGHT ----------------------------------- */ --Joaillerie-Collections-Info-21-Height: calc((var(--Joaillerie-Collections-Info-21-Lines)) * (var(--Lh-Courant-2))); /* ROOT JOAILLERIE COLLECTION INFO 22 HEIGHT ----------------------------------- */ --Joaillerie-Collections-Info-22-Height: calc((var(--Joaillerie-Collections-Info-22-Lines)) * (var(--Lh-Courant-2))); /* ROOT JOAILLERIE COLLECTION INFO 23 HEIGHT ----------------------------------- */ --Joaillerie-Collections-Info-23-Height: calc((var(--Joaillerie-Collections-Info-23-Lines)) * (var(--Lh-Courant-2))); /* ROOT JOAILLERIE COLLECTION INFO 31 LINES ------------------------------------ */ --Joaillerie-Collections-Info-31-Lines-1: 11; --Joaillerie-Collections-Info-31-Lines-2: 15; --Joaillerie-Collections-Info-31-Lines-3: 9; --Joaillerie-Collections-Info-31-Lines-4: 10; --Joaillerie-Collections-Info-31-Lines: var(--Joaillerie-Collections-Info-31-Lines-1); /* ROOT JOAILLERIE COLLECTION INFO 32 LINES ------------------------------------ */ --Joaillerie-Collections-Info-32-Lines-1: 8; --Joaillerie-Collections-Info-32-Lines-2: 10; --Joaillerie-Collections-Info-32-Lines-3: 7; --Joaillerie-Collections-Info-32-Lines-4: 8; --Joaillerie-Collections-Info-32-Lines: var(--Joaillerie-Collections-Info-32-Lines-1); /* ROOT JOAILLERIE COLLECTION INFO 33 LINES ------------------------------------ */ --Joaillerie-Collections-Info-33-Lines-1: 9; --Joaillerie-Collections-Info-33-Lines-2: 11; --Joaillerie-Collections-Info-33-Lines-3: 8; --Joaillerie-Collections-Info-33-Lines-4: 9; --Joaillerie-Collections-Info-33-Lines: var(--Joaillerie-Collections-Info-33-Lines-1); /* ROOT JOAILLERIE COLLECTION INFO 31 HEIGHT ----------------------------------- */ --Joaillerie-Collections-Info-31-Height: calc((var(--Joaillerie-Collections-Info-31-Lines)) * (var(--Lh-Courant-2))); /* ROOT JOAILLERIE COLLECTION INFO 32 HEIGHT ----------------------------------- */ --Joaillerie-Collections-Info-32-Height: calc((var(--Joaillerie-Collections-Info-32-Lines)) * (var(--Lh-Courant-2))); /* ROOT JOAILLERIE COLLECTION INFO 33 HEIGHT ----------------------------------- */ --Joaillerie-Collections-Info-33-Height: calc((var(--Joaillerie-Collections-Info-33-Lines)) * (var(--Lh-Courant-2))); /* ROOT JOAILLERIE COLLECTION BTN CONTAINER HEIGHT ------------------------------ */ --Collection-Btn-Container-Height-1: 50px; --Collection-Btn-Container-Height-2: 30px; --Collection-Btn-Container-Height: var(--Collection-Btn-Container-Height-1); /* ROOT JOAILLERIE COLLECTION CONTAINER 1 HEIGHT -------------------------------- */ --Joaillerie-Collections-Container-1-Height: calc((var(--Collection-Btn-Container-Height)) + (var(--Joaillerie-Collections-Container-First-Gap)) + (var(--Joaillerie-Collections-Title-Info-Height)) + (var(--Joaillerie-Collections-Container-Second-Gap)) + (var(--Joaillerie-Collections-Info-1-Height))); /* ROOT JOAILLERIE COLLECTION CONTAINER 2 HEIGHT -------------------------------- */ --Joaillerie-Collections-Container-2-Height: var(--Joaillerie-Collections-Image-Container-2-Height); /* ROOT JOAILLERIE COLLECTION CONTAINER 21 HEIGHT ------------------------------- */ --Joaillerie-Collections-Container-21-Height: calc((var(--Collection-Btn-Container-Height)) + (var(--Joaillerie-Collections-Container-First-Gap)) + (var(--Joaillerie-Collections-Title-Info-Height)) + (var(--Joaillerie-Collections-Container-Second-Gap)) + (var(--Joaillerie-Collections-Info-21-Height))); /* ROOT JOAILLERIE COLLECTION CONTAINER 22 HEIGHT ------------------------------- */ --Joaillerie-Collections-Container-22-Height: calc((var(--Collection-Btn-Container-Height)) + (var(--Joaillerie-Collections-Container-First-Gap)) + (var(--Joaillerie-Collections-Title-Info-Height)) + (var(--Joaillerie-Collections-Container-Second-Gap)) + (var(--Joaillerie-Collections-Info-22-Height))); /* ROOT JOAILLERIE COLLECTION CONTAINER 23 HEIGHT ------------------------------- */ --Joaillerie-Collections-Container-23-Height: calc((var(--Collection-Btn-Container-Height)) + (var(--Joaillerie-Collections-Container-First-Gap)) + (var(--Joaillerie-Collections-Title-Info-Height)) + (var(--Joaillerie-Collections-Container-Second-Gap)) + (var(--Joaillerie-Collections-Info-23-Height))); /* ROOT JOAILLERIE COLLECTION CONTAINER 31 HEIGHT ------------------------------- */ --Joaillerie-Collections-Container-31-Height: calc((var(--Collection-Btn-Container-Height)) + (var(--Joaillerie-Collections-Container-First-Gap)) + (var(--Joaillerie-Collections-Title-Info-Height)) + (var(--Joaillerie-Collections-Container-Second-Gap)) + (var(--Joaillerie-Collections-Info-31-Height))); /* ROOT JOAILLERIE COLLECTION CONTAINER 32 HEIGHT ------------------------------- */ --Joaillerie-Collections-Container-32-Height: calc((var(--Collection-Btn-Container-Height)) + (var(--Joaillerie-Collections-Container-First-Gap)) + (var(--Joaillerie-Collections-Title-Info-Height)) + (var(--Joaillerie-Collections-Container-Second-Gap)) + (var(--Joaillerie-Collections-Info-32-Height))); /* ROOT JOAILLERIE COLLECTION CONTAINER 33 HEIGHT ------------------------------- */ --Joaillerie-Collections-Container-33-Height: calc((var(--Collection-Btn-Container-Height)) + (var(--Joaillerie-Collections-Container-First-Gap)) + (var(--Joaillerie-Collections-Title-Info-Height)) + (var(--Joaillerie-Collections-Container-Second-Gap)) + (var(--Joaillerie-Collections-Info-33-Height))); /* ROOT JOAILLERIE COLLECTION CONTAINER TOP ------------------------------------- */ --Joaillerie-Collections-Container-Top-1: calc((var(--Joaillerie-Collections-Image-Container-Height)) + (var(--Joaillerie-Collections-Main-Gap))); --Joaillerie-Collections-Container-Top-2: 0px; --Joaillerie-Collections-Container-Top-3: calc((var(--Joaillerie-Collections-Image-Container-Height)) + (var(--Joaillerie-Collections-Main-Gap))); --Joaillerie-Collections-Container-Top: var(--Joaillerie-Collections-Container-Top-1); /* ROOT JOAILLERIE COLLECTION MAIN CONTAINER WIDTH ------------------------------ */ --Joaillerie-Collections-Main-Container-Width: var(--Joaillerie-Content-Main-Container-Width); /* ROOT JOAILLERIE COLLECTION MAIN CONTAINER 1 HEIGHT --------------------------- */ --Joaillerie-Collections-Main-Container-1-Height: calc((var(--Joaillerie-Collections-Container-Top-1)) + (var(--Joaillerie-Collections-Container-1-Height))); /* ROOT JOAILLERIE COLLECTION MAIN CONTAINER 2 HEIGHT --------------------------- */ --Joaillerie-Collections-Main-Container-2-Height: var(--Joaillerie-Collections-Image-Container-2-Height); /* ROOT JOAILLERIE COLLECTION MAIN CONTAINER 3 HEIGHT --------------------------- */ /* --Joaillerie-Collections-Main-Container-3-Height: calc(); */ /* ROOT JOAILLERIE COLLECTION MAIN CONTAINER 31 HEIGHT -------------------------- */ --Joaillerie-Collections-Main-Container-31-Height: calc((var(--Joaillerie-Collections-Container-31-Height)) + (var(--Joaillerie-Collections-Container-Top))); /* ROOT JOAILLERIE COLLECTION MAIN CONTAINER 32 HEIGHT -------------------------- */ --Joaillerie-Collections-Main-Container-32-Height: calc((var(--Joaillerie-Collections-Container-32-Height)) + (var(--Joaillerie-Collections-Container-Top))); /* ROOT JOAILLERIE COLLECTION MAIN CONTAINER 33 HEIGHT -------------------------- */ --Joaillerie-Collections-Main-Container-33-Height: calc((var(--Joaillerie-Collections-Container-33-Height)) + (var(--Joaillerie-Collections-Container-Top))); /* ROOT JOAILLERIE COLLECTION MAIN CONTAINER HEIGHT ----------------------------- */ /* ROOT JOAILLERIE COLLECTION FULL CONTAINER TOP -------------------------------- */ --Joaillerie-Collections-Full-Container-Top: calc((var(--Joaillerie-Collections-Top-Container-Height)) + (var(--Joaillerie-Collections-Principal-Gap))); /* ROOT JOAILLERIE COLLECTION FULL CONTAINER 1 HEIGHT --------------------------- */ --Joaillerie-Collections-Full-Container-1-Height: var(--Joaillerie-Collections-Main-Container-1-Height); /* ROOT JOAILLERIE COLLECTION FULL CONTAINER 2 HEIGHT --------------------------- */ --Joaillerie-Collections-Full-Container-2-Height: calc(((var(--Joaillerie-Collections-Main-Container-2-Height)) * 3) + (2 * (var(--Joaillerie-F2-Gap)))); /* ROOT JOAILLERIE COLLECTION FULL CONTAINER 3 HEIGHT --------------------------- */ --Joaillerie-Collections-Full-Container-3-Height-1: calc((var(--Joaillerie-Collections-Main-Container-31-Height)) + (var(--Joaillerie-Collections-Main-Container-32-Height)) + (var(--Joaillerie-Collections-Main-Container-33-Height)) + (2 * (var(--Joaillerie-Content-Gap-1)))); --Joaillerie-Collections-Full-Container-3-Height-2: calc((var(--Joaillerie-Collections-Main-Container-31-Height)) + (var(--Joaillerie-Collections-Main-Container-32-Height)) + (var(--Joaillerie-Collections-Main-Container-33-Height)) + (2 * (var(--Joaillerie-Content-Gap-2)))); --Joaillerie-Collections-Full-Container-3-Height: var(--Joaillerie-Collections-Full-Container-3-Height-1); /* ROOT JOAILLERIE COLLECTION FULL CONTAINER HEIGHT ----------------------------- */ --Joaillerie-Collections-Full-Container-Height: var(--Joaillerie-Collections-Full-Container-1-Height); /* ROOT JOAILLERIE COLLECTION PRINCIPAL CONTAINER HEIGHT ------------------------ */ --Joaillerie-Collections-Principal-Container-Height: calc((var(--Joaillerie-Collections-Full-Container-Height)) + (var(--Joaillerie-Collections-Full-Container-Top))); /* --Joaillerie-Collections-Principal-Container-Height: var(--Joaillerie-Collections-Container-Top); */ /* --Joaillerie-Collections-Principal-Container-Height: var(--Joaillerie-Collections-Main-Container-31-Height); */ /* --Joaillerie-Collections-Principal-Container-Height: var(--Joaillerie-Collections-Full-Container-3-Height-1); */ /* --Joaillerie-Collections-Principal-Container-Height: var(--Joaillerie-Collections-Full-Container-Height); */ /* ROOT JOAILLERIE COLLECTION GLOBAL CONTAINER HEIGHT --------------------------- */ --Joaillerie-Collections-Global-Container-Height-1: calc((var(--Joaillerie-Collections-Principal-Container-Height)) + (2 * (var(--Scroll-Gap-Large)))); --Joaillerie-Collections-Global-Container-Height-2: calc((var(--Joaillerie-Collections-Principal-Container-Height)) + (2 * (var(--Scroll-Gap-Short)))); --Joaillerie-Collections-Global-Container-Height-1: calc((var(--Joaillerie-Collections-Principal-Container-Height)) + ((var(--Scroll-Gap-Large)) + (var(--Scroll-Gap-End-Large)))); --Joaillerie-Collections-Global-Container-Height-2: calc((var(--Joaillerie-Collections-Principal-Container-Height)) + ((var(--Scroll-Gap-Short)) + (var(--Scroll-Gap-End-Short)))); --Joaillerie-Collections-Global-Container-Height: var(--Joaillerie-Collections-Global-Container-Height-1); /* ROOT JOAILLERIE GLOBAL SECTION HEIGHT ---------------------------------------- */ --Joaillerie-Global-Section-Height: calc((var(--Joaillerie-Intro-Main-Container-Height)) + (var(--Joaillerie-Content-Principal-Container-Height)) + (var(--Joaillerie-Collections-Global-Container-Height))); /* ------------- ---------------------------------------------------------------- */ /* ------------- ---------------------------------------------------------------- */ /* ROOT BASIC ------------------------------------------------------------------- */ /* ------------- ---------------------------------------------------------------- */ /* ------------- ---------------------------------------------------------------- */ /* ROOT FOOTER PRINCIPAL CONTAINER LARGE HOME TOP ------------------------------- */ --Footer-Principal-Container-Large-Joaillerie-Top: calc((var(--Joaillerie-Global-Section-Height)) + (var(--Joaillerie-Global-Section-Top))); /* ROOT FOOTER PRINCIPAL CONTAINER SMALL HOME TOP ------------------------------- */ --Footer-Principal-Container-Small-Joaillerie-Top: var(--Footer-Principal-Container-Large-Joaillerie-Top); /* ROOT FOOTER BACKGROUND CACHE TOP --------------------------------------------- */ --Joaillerie-Footer-Background-Cache-Top: calc((var(--Footer-Principal-Container-Large-Joaillerie-Top)) - 300px); /* ROOT FOOTER BACKGROUND CACHE HEIGHT ------------------------------------------ */ --Joaillerie-Footer-Background-Cache-Height-1: 1211px; --Joaillerie-Footer-Background-Cache-Height-2: 912px; --Joaillerie-Footer-Background-Cache-Height: var(--Joaillerie-Footer-Background-Cache-Height-1); /* ROOT HOME BODY HEIGHT -------------------------------------------------------- */ --Joaillerie-Body-Height-1: calc((var(--Footer-Principal-Container-Large-Joaillerie-Top)) + 911px); --Joaillerie-Body-Height-2: calc((var(--Footer-Principal-Container-Large-Joaillerie-Top)) + 612px); --Joaillerie-Body-Height: var(--Joaillerie-Body-Height-1); }