:root{ /* ------------- ---------------------------------------------------------------- */ /* ------------- ---------------------------------------------------------------- */ /* ROOT PRODUCTS ---------------------------------------------------------------- */ /* ------------- ---------------------------------------------------------------- */ /* ------------- ---------------------------------------------------------------- */ /* ROOT PRODUCTS TITLE SIGNATURE MAX LINES ------ USELESS ? ---------------------- */ --Product-Title-Signature-Max-Lines-1: 2; --Product-Title-Signature-Max-Lines-2: 1; --Product-Title-Signature-Max-Lines: var(--Product-Title-Signature-Max-Lines-1); /* ROOT PRODUCTS DESCRIPTION SIGNATURE MAX LINES --------------------------------- */ --Product-Descrisption-Signature-Max-Lines-1: 5; --Product-Descrisption-Signature-Max-Lines-2: 4; --Product-Descrisption-Signature-Max-Lines: var(--Product-Descrisption-Signature-Max-Lines-1); /* ROOT PRODUCT CONTROLS FULL CONTAINER SIGNATURE HEIGHT ------------------------- */ /* --Controls-Full-Container-Signature-Height: var(--Controls-Gold-Container-Height); */ --Controls-Full-Container-Signature-Height: 153px; /* ROOT PRODUCT INFOS MAIN CONTAINER SIGNATURE TOP ------------------------------- */ --Product-Infos-Main-Container-Signature-Top: calc(445px + (var(--Product-Principal-Container-Gap-1)) + (var(--Controls-Full-Container-Signature-Height)) + (var(--Product-Principal-Container-Gap-2))); /* ROOT PRODUCT INFOS DESCRIPTION CONTAINER SIGNATURE HEIGHT --------------------- */ --Product-Infos-Description-Container-Signature-Height: calc((var(--Product-Descrisption-Signature-Max-Lines)) * (var(--Product-Description-Collection-Line-Height))); /* ROOT PRODUCT INFOS MAIN CONTAINER SIGNATURE HEIGHT ---------------------------- */ --Product-Infos-Main-Container-Signature-Height: calc((var(--Product-Title-Collection-Height)) + (var(--Product-Principal-Container-Gap-3)) + (var(--Product-Price-Collection-Height)) + (var(--Product-Principal-Container-Gap-4)) + (var(--Product-Infos-Description-Container-Signature-Height))); /* ROOT PRODUCTS PRINCIPAL CONTAINER SIGNATURE HEIGHT ---------------------------- */ --Product-Principal-Container-Signature-Height: calc((var(--Product-Infos-Main-Container-Signature-Top)) + (var(--Product-Infos-Main-Container-Signature-Height)) + (var(--Product-Principal-Container-Gap-5)) + 50px); /* --Product-Principal-Container-Signature-Height: calc(445px + (var(--Product-Principal-Container-Gap-1)) + 27px); */ /* ROOT PRODUCTS GLOBAL CONTAINER SIGNATURE HEIGHT ------------------------------- */ --Product-Global-Container-Signature-Height: var(--Product-Principal-Container-Signature-Height); /* ROOT PRODUCTS ULTRA CONTAINER SIGNATURE HEIGHT -------------------------------- */ --Product-Ultra-Container-Signature-Height: var(--Product-Principal-Container-Signature-Height); /* ROOT PRODUCTS MASSIVE CONTAINER SIGNATURE HEIGHT ------------------------------- */ --Product-Massive-Container-Signature-Height-1: calc((var(--Product-Ultra-Container-Signature-Height)) + (var(--Scroll-Gap-Short))); --Product-Massive-Container-Signature-Height-2: calc((var(--Ios-Prdcts-Ultra-Container-Height)) + (var(--Scroll-Gap-Short))); --Product-Massive-Container-Signature-Height: var(--Product-Massive-Container-Signature-Height-1); /* --Ios-Prdcts-Ultra-Container-Height */ /* ---------- ------------------------------------------------------------------- */ /* ---------- ------------------------------------------------------------------- */ /* ROOT INTRO ------------------------------------------------------------------- */ /* ---------- ------------------------------------------------------------------- */ /* ---------- ------------------------------------------------------------------- */ /* ROOT COLLECTION SIGNATURE INTRO NB LINES ------------------------------------- */ --Signature-Intro-Nb-Lines-1: 8; /* XTRA - 1601 */ --Signature-Intro-Nb-Lines-2: 10; /* 1600 - 1071 */ --Signature-Intro-Nb-Lines-3: 12; /* 1070 - 0601 */ --Signature-Intro-Nb-Lines-4: 14; /* 0600 - 0501 */ --Signature-Intro-Nb-Lines-5: 9; /* 0500 - 0421 */ --Signature-Intro-Nb-Lines-6: 10; /* 0420 - 0361 */ --Signature-Intro-Nb-Lines-7: 11; /* 0360 - xxxx */ --Signature-Intro-Nb-Lines: var(--Signature-Intro-Nb-Lines-1); /* ROOT COLLECTION SIGNATURE INTRO HEIGHT --------------------------------------- */ --Signature-Intro-Height: calc((var(--Signature-Intro-Nb-Lines)) * (var(--Lh-Courant-1))); /* ROOT COLLECTION INTRO CONTAINER HEIGHT --------------------------------------- */ --Collection-Signature-Intro-Container-Height: var(--Signature-Intro-Height); /* ROOT COLLECTION INTRO MAIN CONTAINER HEIGHT ---------------------------------- */ --Collection-Signature-Intro-Main-Container-Height-1: calc((var(--Collection-Signature-Intro-Container-Height)) + (2 * (var(--Scroll-Gap-Large)))); --Collection-Signature-Intro-Main-Container-Height-2: calc((var(--Collection-Signature-Intro-Container-Height)) + (2 * (var(--Scroll-Gap-Short)))); --Collection-Signature-Intro-Main-Container-Height: var(--Collection-Signature-Intro-Main-Container-Height-1); /* ----------------------- ------------------------------------------------------ */ /* ----------------------- ------------------------------------------------------ */ /* ROOT INFO SECTION SIGNATURE -------------------------------------------------- */ /* ----------------------- ------------------------------------------------------ */ /* ----------------------- ------------------------------------------------------ */ /* ROOT COLLECTION SIGNATURE INFO GLOBAL CONTAINER TOP -------------------------- */ --Collection-Signature-Info-Global-Container-Top: var(--Collection-Signature-Intro-Main-Container-Height); /* ROOT COLLECTION SIGNATURE INFO GLOBAL CONTAINER HEIGHT ----------------------- */ /* --Collection-Signature-Info-Global-Container-Height: var(); */ /* ROOT COLLECTION SIGNATURE INFO TEXT 1 NB LINES ----------------------------------- */ --Collection-Signature-Info-Text-1-Nb-Lines-1: 8; /* XTRA - 1601 */ --Collection-Signature-Info-Text-1-Nb-Lines-2: 8; /* 1600 - 1301 */ --Collection-Signature-Info-Text-1-Nb-Lines-3: 11; /* 1300 - 0961 */ --Collection-Signature-Info-Text-1-Nb-Lines-4: 18; /* 0960 - 0601 */ --Collection-Signature-Info-Text-1-Nb-Lines-5: 16; /* 0600 - 0501 */ --Collection-Signature-Info-Text-1-Nb-Lines-6: 12; /* 0500 - xxxx */ --Collection-Signature-Info-Text-1-Nb-Lines: var(--Collection-Signature-Info-Text-1-Nb-Lines-1); /* ROOT COLLECTION SIGNATURE INFO TEXT 2 NB LINES ---------------------------------- */ --Collection-Signature-Info-Text-2-Nb-Lines-1: 5; /* XTRA - 1601 */ --Collection-Signature-Info-Text-2-Nb-Lines-2: 5; /* 1600 - 1301 */ --Collection-Signature-Info-Text-2-Nb-Lines-3: 7; /* 1300 - 0961 */ --Collection-Signature-Info-Text-2-Nb-Lines-4: 10; /* 0960 - 0601 */ --Collection-Signature-Info-Text-2-Nb-Lines-5: 10; /* 0600 - 0501 */ --Collection-Signature-Info-Text-2-Nb-Lines-6: 6; /* 0500 - xxxx */ --Collection-Signature-Info-Text-2-Nb-Lines: var(--Collection-Signature-Info-Text-2-Nb-Lines-1); /* ROOT COLLECTION SIGNATURE INFO CONTAINER 1 HEIGHT ---------------------------------- */ --Collection-Signature-Info-Container-1-Height-1: calc(1.12 * (var(--Collection-Info-Container-Width))); --Collection-Signature-Info-Container-1-Height-2: var(--Collection-Signature-Info-Container-2-Height-2); --Collection-Signature-Info-Container-1-Height-3: calc(1.12 * (var(--Collection-Info-Container-Width))); --Collection-Signature-Info-Container-1-Height: var(--Collection-Signature-Info-Container-1-Height-1); /* ROOT COLLECTION SIGNATURE INFO CONTAINER 2 HEIGHT ---------------------------------- */ --Collection-Signature-Info-Container-2-Height-1: var(--Collection-Signature-Info-Container-1-Height-1); --Collection-Signature-Info-Container-2-Height-2: calc((var(--Collection-Info-Text-Gap)) + ((var(--Lh-Courant-2)) * (var(--Collection-Signature-Info-Text-1-Nb-Lines)))); --Collection-Signature-Info-Container-2-Height-3: calc((var(--Lh-Courant-2)) * (var(--Collection-Signature-Info-Text-1-Nb-Lines))); --Collection-Signature-Info-Container-2-Height: var(--Collection-Signature-Info-Container-2-Height-1); /* ROOT COLLECTION SIGNATURE INFO CONTAINER 3 HEIGHT ---------------------------------- */ --Collection-Signature-Info-Container-3-Height-1: var(--Collection-Signature-Info-Container-1-Height-1); --Collection-Signature-Info-Container-3-Height-2: calc((var(--Collection-Info-Text-Gap)) + ((var(--Lh-Courant-2)) * (var(--Collection-Signature-Info-Text-2-Nb-Lines)))); --Collection-Signature-Info-Container-3-Height-3: calc((var(--Lh-Courant-2)) * (var(--Collection-Signature-Info-Text-2-Nb-Lines))); --Collection-Signature-Info-Container-3-Height: var(--Collection-Signature-Info-Container-3-Height-1); /* ROOT COLLECTION SIGNATURE INFO CONTAINER 4 HEIGHT ---------------------------------- */ --Collection-Signature-Info-Container-4-Height-1: var(--Collection-Signature-Info-Container-1-Height-1); --Collection-Signature-Info-Container-4-Height-2: var(--Collection-Signature-Info-Container-3-Height-2); --Collection-Signature-Info-Container-4-Height-3: var(--Collection-Signature-Info-Container-1-Height-3); --Collection-Signature-Info-Container-4-Height: var(--Collection-Signature-Info-Container-4-Height-1); /* ROOT COLLECTION INFO MAIN CONTAINER 1 HEIGHT ----------------------------------- */ /* --Collection-Signature-Info-Main-Container-1-Height: var(--Collection-Info-Container-Height); */ --Collection-Signature-Info-Main-Container-1-Height-1: var(--Collection-Signature-Info-Container-1-Height); --Collection-Signature-Info-Main-Container-1-Height-2: calc((var(--Collection-Signature-Info-Container-1-Height)) + (var(--Collection-Signature-Info-Container-2-Height)) + (var(--Collection-Info-Text-Gap))); /* --Collection-Signature-Info-Main-Container-1-Height-3: var(--Collection-Info-Container-Height); */ --Collection-Signature-Info-Main-Container-1-Height: var(--Collection-Signature-Info-Main-Container-1-Height-1); /* ROOT COLLECTION INFO MAIN CONTAINER 2 HEIGHT ----------------------------------- */ /* --Collection-Signature-Info-Main-Container-2-Height: var(--Collection-Info-Container-Height); */ --Collection-Signature-Info-Main-Container-2-Height-1: var(--Collection-Signature-Info-Container-4-Height); --Collection-Signature-Info-Main-Container-2-Height-2: calc((var(--Collection-Signature-Info-Container-4-Height)) + (var(--Collection-Signature-Info-Container-3-Height)) + (var(--Collection-Info-Text-Gap))); /* --Collection-Signature-Info-Main-Container-2-Height-3: var(--Collection-Info-Container-Height); */ --Collection-Signature-Info-Main-Container-2-Height: var(--Collection-Signature-Info-Main-Container-2-Height-1); /* ROOT COLLECTION INFO FULL CONTAINER 1 HEIGHT ----------------------------------- */ --Collection-Signature-Info-Full-Container-1-Height: var(--Collection-Signature-Info-Main-Container-1-Height); /* --Collection-Signature-Info-Full-Container-1-Height-1: var(--Collection-Signature-Info-Main-Container-1-Height); */ /* --Collection-Signature-Info-Full-Container-1-Height-2: var(--Collection-Signature-Info-Main-Container-1-Height); */ /* --Collection-Signature-Info-Full-Container-1-Height: var(--Collection-Signature-Info-Full-Container-1-Height-1); */ /* ROOT COLLECTION INFO FULL CONTAINER 2 HEIGHT ----------------------------------- */ --Collection-Signature-Info-Full-Container-2-Height: var(--Collection-Signature-Info-Main-Container-2-Height); /* --Collection-Signature-Info-Full-Container-2-Height-1: var(--Collection-Signature-Info-Main-Container-2-Height); */ /* --Collection-Signature-Info-Full-Container-2-Height-2: var(--Collection-Signature-Info-Main-Container-2-Height); */ /* --Collection-Signature-Info-Full-Container-2-Height: var(--Collection-Signature-Info-Full-Container-2-Height-1); */ /* ROOT COLLECTION INFO PRINCIPAL CONTAINER HEIGHT -------------------------------- */ /* --Collection-Signature-Info-Principal-Container-Height: calc(2 * (var(--Collection-Info-Container-Height))); */ --Collection-Signature-Info-Principal-Container-Height-1: calc((var(--Collection-Signature-Info-Full-Container-1-Height)) + (var(--Collection-Signature-Info-Full-Container-2-Height))); --Collection-Signature-Info-Principal-Container-Height-2: calc((var(--Collection-Signature-Info-Full-Container-1-Height)) + (var(--Collection-Signature-Info-Full-Container-2-Height)) + (var(--Collection-Info-Text-Gap))); --Collection-Signature-Info-Principal-Container-Height: var(--Collection-Signature-Info-Principal-Container-Height-1); /* ROOT COLLECTION INFO GLOBAL CONTAINER HEIGHT ----------------------------------- */ --Collection-Signature-Info-Global-Container-Height-1: calc((var(--Scroll-Gap-Large)) + (var(--Collection-Signature-Info-Principal-Container-Height))); --Collection-Signature-Info-Global-Container-Height-2: calc((var(--Scroll-Gap-Short)) + (var(--Collection-Signature-Info-Principal-Container-Height))); --Collection-Signature-Info-Global-Container-Height: var(--Collection-Signature-Info-Global-Container-Height-1); /* ------------------------ ----------------------------------------------------- */ /* ------------------------ ----------------------------------------------------- */ /* ROOT FIRST SECTION SIGNATURE ----------------------------------------------------- */ /* ------------------------ ----------------------------------------------------- */ /* ------------------------ ----------------------------------------------------- */ /* --Collection-SIGNATURE-First-Section-Height: calc((var(--Collection-Signature-Intro-Main-Container-Height)) + (var(--Collection-Signature-Info-Global-Container-Height))); */ --Collection-Signature-First-Section-Height: calc((var(--Collection-Signature-Intro-Main-Container-Height)) + (var(--Collection-Signature-Info-Global-Container-Height))); /* ------------------- ---------------------------------------------------------- */ /* ------------------- ---------------------------------------------------------- */ /* ROOT SECOND SECTION SIGNATURE ---------------------------------------------------- */ /* ------------------- ---------------------------------------------------------- */ /* ------------------- ---------------------------------------------------------- */ /* ROOT COLLECTION SIGNATURE ACCROCHE MAIN CONTAINER NB LINES ------------------------ */ --Collection-Signature-Accroche-Main-Container-Nb-Lines-1: 2; --Collection-Signature-Accroche-Main-Container-Nb-Lines-2: 3; --Collection-Signature-Accroche-Main-Container-Nb-Lines-3: 5; --Collection-Signature-Accroche-Main-Container-Nb-Lines: var(--Collection-Signature-Accroche-Main-Container-Nb-Lines-1); /* ROOT COLLECTION SIGNATURE ACCROCHE MAIN CONTAINER HEIGHT -------------------------- */ /* --Collection-Signature-Accroche-Main-Container-Height: 476px; */ /* --Collection-Signature-Accroche-Main-Container-Height-1: 476px; */ /* --Collection-Signature-Accroche-Main-Container-Height-1: calc(((var(--Collection-Signature-Accroche-Main-Container-Nb-Lines)) * (var(--Lh-Accroche-Txt))) + (2 * (var(--Scroll-Gap-Short)))); */ /* --Collection-Signature-Accroche-Main-Container-Height: var(--Collection-Signature-Accroche-Main-Container-Height-1); */ --Collection-Signature-Accroche-Main-Container-Height: calc(((var(--Collection-Signature-Accroche-Main-Container-Nb-Lines)) * (var(--Lh-Accroche-Txt))) + (2 * (var(--Scroll-Gap-Short)))); /* ROOT COLLECTION SIGNATURE ACCROCHE PRINCIPAL CONTAINER HEIGHT --------------------- */ /* --Collection-Signature-Accroche-Principal-Container-Height: calc((var(--Collection-Signature-First-Section-Height)) + (var(--Collection-Accroche-Main-Container-Height)) - (var(--Collection-Second-Section-Global-Container-Top))); */ --Collection-Signature-Accroche-Principal-Container-Height: calc((var(--Collection-Signature-First-Section-Height)) + (var(--Collection-Signature-Accroche-Main-Container-Height)) - (var(--Collection-Second-Section-Global-Container-Top))); /* ROOT COLLECTION SIGNATURE ACCROCHE FULL CONTAINER TOP ----------------------------- */ --Collection-Signature-Accroche-Full-Container-Top: calc((var(--Collection-Signature-Accroche-Principal-Container-Height)) - 100vh); /* ROOT COLLECTION SIGNATURE BANNER PRINCIPAL CONTAINER TOP -------------------------- */ /* --Collection-Signature-Banner-Principal-Container-Top: calc((var(--Collection-Signature-Accroche-Principal-Container-Height)) + (var(--Collection-Accroche-Principal-Container-Top))); */ --Collection-Signature-Banner-Principal-Container-Top: var(--Collection-Signature-Accroche-Principal-Container-Height); /* ROOT COLLECTION SIGNATURE SECOND SECTION GLOBAL CONTAINER HEIGHT ------------------ */ --Collection-Signature-Second-Section-Global-Container-Height: calc((var(--Collection-Signature-Accroche-Principal-Container-Height)) + (var(--Collection-Banner-Principal-Container-Height))); /* ROOT COLLECTION SIGNATURE SECOND SECTION HEIGHT ----------------------------------- */ --Collection-Signature-Second-Section-Height: calc((var(--Collection-Signature-Second-Section-Global-Container-Height)) + ((var(--Collection-Second-Section-Global-Container-Top)))); /* ------------------ ----------------------------------------------------------- */ /* ------------------ ----------------------------------------------------------- */ /* ROOT THIRD SECTION SIGNATURE ------------------------------------------------- */ /* ------------------ ----------------------------------------------------------- */ /* ------------------ ----------------------------------------------------------- */ --Collection-Signature-Third-Section-Height: calc((var(--Product-Massive-Container-Signature-Height)) + (var(--Collection-Signature-Second-Section-Height))); --Product-Max-Container-Signature-Height: calc((var(--Collection-Signature-Third-Section-Height)) - (var(--Scroll-Gap-Large))); /* ------------- ---------------------------------------------------------------- */ /* ROOT COMMANDS ---------------------------------------------------------------- */ /* ------------- ---------------------------------------------------------------- */ /* ROOT PRODUCTS GLOBAL COMMAND PRINCIPAL CONTAINER SIGNATURE HEIGHT ------------ */ --Products-Global-Command-Prinicpal-Container-Signature-Height: calc(var(--Collection-Signature-Third-Section-Height) + 180px); /* ------------------- ---------------------------------------------------------- */ /* ------------------- ---------------------------------------------------------- */ /* ROOT FOURTH SECTION SIGNATURE ------------------------------------------------ */ /* ------------------- ---------------------------------------------------------- */ /* ------------------- ---------------------------------------------------------- */ /* --Collection-Signature-Fourth-Section-Top: calc((var(--Collection-Signature-Third-Section-Height)) + (var(--Collection-Third-Section-Top))); */ --Collection-Signature-Fourth-Section-Top-1: calc((var(--Collection-Signature-Third-Section-Height)) + (var(--Collection-Third-Section-Top)) + (2 * (var(--Scroll-Gap-Short)))); --Collection-Signature-Fourth-Section-Top-2: calc((var(--Collection-Signature-Third-Section-Height)) + (var(--Collection-Third-Section-Top)) + (var(--Scroll-Gap-Short))); --Collection-Signature-Fourth-Section-Top: var(--Collection-Signature-Fourth-Section-Top-1); /* ------------------- ---------------------------------------------------------- */ /* ------------------- ---------------------------------------------------------- */ /* ROOT COMMAND CACHE SIGNATURE ------------------------------------------------- */ /* ------------------- ---------------------------------------------------------- */ /* ------------------- ---------------------------------------------------------- */ /* ROOT GLOBAL COMMAND CACHE 2 SIGNATURE TOP ------------------------------------- */ --Global-Command-Cache-2-Signature-Top: var(--Collection-Signature-Fourth-Section-Top); /* ------------------- ---------------------------------------------------------- */ /* ------------------- ---------------------------------------------------------- */ /* ROOT BASIC SIGNATURE --------------------------------------------------------- */ /* ------------------- ---------------------------------------------------------- */ /* ------------------- ---------------------------------------------------------- */ /* ROOT FOOTER PRINCIPAL CONTAINER LARGE SIGNATURE TOP ------------------------------ */ --Footer-Principal-Container-Large-Signature-Top: calc((var(--Collection-Signature-Fourth-Section-Top)) + (var(--Collection-Fourth-Section-Height))); /* ROOT FOOTER PRINCIPAL CONTAINER SMALL SIGNATURE TOP ------------------------------ */ --Footer-Principal-Container-Small-Signature-Top: calc((var(--Collection-Signature-Fourth-Section-Top)) + (var(--Collection-Fourth-Section-Height))); /* ROOT SIGNATURE BODY HEIGHT ------------------------------------------------------- */ --Signature-Body-Height-1: calc((var(--Collection-Signature-Fourth-Section-Top)) + (var(--Collection-Fourth-Section-Height)) + 911px); --Signature-Body-Height-2: calc((var(--Collection-Signature-Fourth-Section-Top)) + (var(--Collection-Fourth-Section-Height)) + 612px); --Signature-Body-Height: var(--Signature-Body-Height-1); }