/* ---------------------------- --------------------- ---------------------------- */ /* ---------------------------- --------------------- ---------------------------- */ /* ---------------------------- ROOT FONT MAIN STYLES ---------------------------- */ /* ---------------------------- --------------------- ---------------------------- */ /* ---------------------------- --------------------- ---------------------------- */ /* --------------------------- ROOT - TEXTES - COURANTS -------------------------- */ @media (max-width: 500px) { :root { --Fs-Courant-1: var(--Fs-Courant-1-2); --Fs-Courant-2: var(--Fs-Courant-2-2); --Lh-Courant-1: var(--Lh-Courant-1-2); --Lh-Courant-2: var(--Lh-Courant-2-2); } } /* --------------------------- ROOT - TEXTES - TITLES 2 -------------------------- */ @media (max-width: 500px) { :root { --Fs-Title-Txt-2: var(--Fs-Title-Txt-2-2); --Lh-Title-Txt-2: var(--Lh-Title-Txt-2-2); } } /* --------------------------- ROOT - TEXTES - ACCROCHE -------------------------- */ @media (max-width: 730px) and (min-width: 501px) { :root{ --Fs-Accroche-Txt: var(--Fs-Accroche-Txt-2); --Lh-Accroche-Txt: var(--Lh-Accroche-Txt-2); } } @media (max-width: 500px) { :root{ --Fs-Accroche-Txt: var(--Fs-Accroche-Txt-3); --Lh-Accroche-Txt: var(--Lh-Accroche-Txt-3); } } /* ---------------------------- --------------------- ---------------------------- */ /* ---------------------------- --------------------- ---------------------------- */ /* ---------------------------- ROOT FONT MENU STYLES ---------------------------- */ /* ---------------------------- --------------------- ---------------------------- */ /* ---------------------------- --------------------- ---------------------------- */ /* --------------------------- ROOT - MENU - MENU-ITEM --------------------------- */ @media (max-width: 660px) and (min-width: 361px) { @media (min-height: 601px) { :root { --Fs-Menu-Item-Txt: var(--Fs-Menu-Item-Txt-2); --Lh-Menu-Item-Txt: var(--Lh-Menu-Item-Txt-2); } } } @media (max-height: 850px) and (min-height: 601px) { @media (min-width: 361px) { :root { --Fs-Menu-Item-Txt: var(--Fs-Menu-Item-Txt-2); --Lh-Menu-Item-Txt: var(--Lh-Menu-Item-Txt-2); } } } @media (max-height: 600px) { :root { --Fs-Menu-Item-Txt: var(--Fs-Menu-Item-Txt-3); --Lh-Menu-Item-Txt: var(--Lh-Menu-Item-Txt-3); } } @media (max-width: 360px) { :root { --Fs-Menu-Item-Txt: var(--Fs-Menu-Item-Txt-3); --Lh-Menu-Item-Txt: var(--Lh-Menu-Item-Txt-3); } } /* ---------------------------- --------------------- ---------------------------- */ /* ---------------------------- --------------------- ---------------------------- */ /* ---------------------------- ROOT FONT HOME STYLES ---------------------------- */ /* ---------------------------- --------------------- ---------------------------- */ /* ---------------------------- --------------------- ---------------------------- */ /* ---------------------- --------------------------------- ---------------------- */ /* ---------------------- MEDIA -- ROOT -- FONT -- HEADLINE ---------------------- */ /* ---------------------- --------------------------------- ---------------------- */ /* -------------------------- MEDIA ROOT FONT HEADLINE 1 -------------------------- */ @media (max-width: 1800px) and (min-width: 1701px) { :root{ --Fs-Headline-Txt: var(--Fs-Headline-Txt-2); --Lh-Headline-Txt: var(--Lh-Headline-Txt-2); } } @media (max-width: 1700px) and (min-width: 1601px) { :root{ --Fs-Headline-Txt: var(--Fs-Headline-Txt-3); --Lh-Headline-Txt: var(--Lh-Headline-Txt-3); } } @media (max-width: 1600px) and (min-width: 1071px) { :root{ --Fs-Headline-Txt: var(--Fs-Headline-Txt-4); --Lh-Headline-Txt: var(--Lh-Headline-Txt-4); } } @media (max-width: 1070px) and (min-width: 841px) { :root{ --Fs-Headline-Txt: var(--Fs-Headline-Txt-5); --Lh-Headline-Txt: var(--Lh-Headline-Txt-5); } } @media (max-width: 840px) and (min-width: 731px) { :root{ --Fs-Headline-Txt: var(--Fs-Headline-Txt-6); --Lh-Headline-Txt: var(--Lh-Headline-Txt-6); } } @media (max-width: 730px) and (min-width: 601px) { :root{ --Fs-Headline-Txt: var(--Fs-Headline-Txt-7); --Lh-Headline-Txt: var(--Lh-Headline-Txt-7); } } @media (max-width: 600px) and (min-width: 501px) { :root{ --Fs-Headline-Txt: var(--Fs-Headline-Txt-8); --Lh-Headline-Txt: var(--Lh-Headline-Txt-8); } } @media (max-width: 500px) and (min-width: 391px) { :root{ --Fs-Headline-Txt: var(--Fs-Headline-Txt-9); --Lh-Headline-Txt: var(--Lh-Headline-Txt-9); } } @media (max-width: 390px) { :root{ --Fs-Headline-Txt: var(--Fs-Headline-Txt-10); --Lh-Headline-Txt: var(--Lh-Headline-Txt-10); } } /* -------------------------- MEDIA ROOT FONT HEADLINE 1 -------------------------- */ /* @media (max-width: 1800px) and (min-width: 1701px) { :root{ --Fs-Headline-1-Txt: var(--Fs-Headline-1-Txt-2); --Lh-Headline-1-Txt-6: var(--Lh-Headline-1-Txt-2); } } @media (max-width: 1700px) and (min-width: 1601px) { :root{ --Fs-Headline-1-Txt: var(--Fs-Headline-1-Txt-3); --Lh-Headline-1-Txt: var(--Lh-Headline-1-Txt-3); } } @media (max-width: 1600px) and (min-width: 1071px) { :root{ --Fs-Headline-1-Txt: var(--Fs-Headline-1-Txt-4); --Lh-Headline-1-Txt: var(--Lh-Headline-1-Txt-4); } } @media (max-width: 1070px) and (min-width: 841px) { :root{ --Fs-Headline-1-Txt: var(--Fs-Headline-1-Txt-5); --Lh-Headline-1-Txt: var(--Lh-Headline-1-Txt-5); } } @media (max-width: 840px) { :root{ --Fs-Headline-1-Txt: var(--Fs-Headline-1-Txt-6); --Lh-Headline-1-Txt: var(--Lh-Headline-1-Txt-6); } } */ /* -------------------------- MEDIA ROOT FONT HEADLINE 2 -------------------------- */ /* @media (max-width: 600px) and (min-width: 501px) { :root{ --Fs-Headline-2-Txt: var(--Fs-Headline-2-Txt-2); --Lh-Headline-2-Txt: var(--Lh-Headline-2-Txt-2); } } @media (max-width: 500px) and (min-width: 391px) { :root{ --Fs-Headline-2-Txt: var(--Fs-Headline-2-Txt-3); --Lh-Headline-2-Txt: var(--Lh-Headline-2-Txt-3); } } @media (max-width: 390px) { :root{ --Fs-Headline-2-Txt: var(--Fs-Headline-2-Txt-4); --Lh-Headline-2-Txt: var(--Lh-Headline-2-Txt-4); } } */ /* ----------------------- MEDIA ROOT FONT FS / LH GLOBAL ------------------------ */ /* @media (max-width: 730px) { :root{ --Fs-Headline-Txt: var(--Fs-Headline-2-Txt); --Lh-Headline-Txt: var(--Lh-Headline-2-Txt); } } */ /* ---------------------- --------------------------------- ---------------------- */ /* ---------------------- MEDIA -- ROOT -- FONT -- ACCROCHE ---------------------- */ /* ---------------------- --------------------------------- ---------------------- */ @media (max-width: 1700px) and (min-width: 1601px) { :root{ --Fs-Home-Accroche-Txt: var(--Fs-Home-Accroche-Txt-2); --Lh-Home-Accroche-Txt: var(--Lh-Home-Accroche-Txt-2); } } @media (max-width: 1600px) and (min-width: 1201px) { :root{ --Fs-Home-Accroche-Txt: var(--Fs-Home-Accroche-Txt-3); --Lh-Home-Accroche-Txt: var(--Lh-Home-Accroche-Txt-3); } } @media (max-width: 1200px) and (min-width: 731px) { :root{ --Fs-Home-Accroche-Txt: var(--Fs-Home-Accroche-Txt-4); --Lh-Home-Accroche-Txt: var(--Lh-Home-Accroche-Txt-4); } } @media (max-width: 730px) and (min-width: 501px) { :root{ --Fs-Home-Accroche-Txt: var(--Fs-Home-Accroche-Txt-5); --Lh-Home-Accroche-Txt: var(--Lh-Home-Accroche-Txt-5); } } @media (max-width: 500px) and (min-width: 361px) { :root{ --Fs-Home-Accroche-Txt: var(--Fs-Home-Accroche-Txt-6); --Lh-Home-Accroche-Txt: var(--Lh-Home-Accroche-Txt-6); } } @media (max-width: 360px) { :root{ --Fs-Home-Accroche-Txt: var(--Fs-Home-Accroche-Txt-7); --Lh-Home-Accroche-Txt: var(--Lh-Home-Accroche-Txt-7); } } /* ---------------------- --------------------------------- ---------------------- */ /* ---------------------- -- MEDIA -- ROOT - FONT -- RDV -- ---------------------- */ /* ---------------------- --------------------------------- ---------------------- */ @media (max-width: 500px) and (min-width: 421px) { :root{ --Fs-Home-Rdv-Btn-Txt: var(--Fs-Home-Rdv-Btn-Txt-2); --Lh-Home-Rdv-Btn-Txt: var(--Lh-Home-Rdv-Btn-Txt-2); } } @media (max-width: 420px) { :root{ --Fs-Home-Rdv-Btn-Txt: var(--Fs-Home-Rdv-Btn-Txt-3); --Lh-Home-Rdv-Btn-Txt: var(--Lh-Home-Rdv-Btn-Txt-3); } } /* --------------------------- ----------------------- --------------------------- */ /* --------------------------- ----------------------- --------------------------- */ /* --------------------------- ROOT FONT SLOGAN STYLES --------------------------- */ /* --------------------------- ----------------------- --------------------------- */ /* --------------------------- ----------------------- --------------------------- */ @media (max-width: 1440px) and (min-width: 961px) { :root{ --Fs-Cover-Slogan-Text: var(--Fs-Cover-Slogan-Text-2); --Lh-Cover-Slogan-Text: var(--Lh-Cover-Slogan-Text-2); } } @media (max-width: 960px) and (min-width: 731px) { :root{ --Fs-Cover-Slogan-Text: var(--Fs-Cover-Slogan-Text-3); --Lh-Cover-Slogan-Text: var(--Lh-Cover-Slogan-Text-3); } } @media (max-width: 730px) and (min-width: 601px) { :root{ --Fs-Cover-Slogan-Text: var(--Fs-Cover-Slogan-Text-4); --Lh-Cover-Slogan-Text: var(--Lh-Cover-Slogan-Text-4); } } @media (max-width: 600px) and (min-width: 421px) { :root{ --Fs-Cover-Slogan-Text: var(--Fs-Cover-Slogan-Text-5); --Lh-Cover-Slogan-Text: var(--Lh-Cover-Slogan-Text-5); } } @media (max-width: 420px) { :root{ --Fs-Cover-Slogan-Text: var(--Fs-Cover-Slogan-Text-6); --Lh-Cover-Slogan-Text: var(--Lh-Cover-Slogan-Text-6); } } /* --------------------------- ------------------------ --------------------------- */ @media (max-width: 1440px) and (min-width: 961px) { :root{ --Fs-Maison-Cover-Slogan-Text: var(--Fs-Maison-Cover-Slogan-Text-2); --Lh-Maison-Cover-Slogan-Text: var(--Lh-Maison-Cover-Slogan-Text-2); } } @media (max-width: 960px) and (min-width: 731px) { :root{ --Fs-Maison-Cover-Slogan-Text: var(--Fs-Maison-Cover-Slogan-Text-3); --Lh-Maison-Cover-Slogan-Text: var(--Lh-Maison-Cover-Slogan-Text-3); } } @media (max-width: 730px) and (min-width: 601px) { :root{ --Fs-Maison-Cover-Slogan-Text: var(--Fs-Maison-Cover-Slogan-Text-4); --Lh-Maison-Cover-Slogan-Text: var(--Lh-Maison-Cover-Slogan-Text-4); } } @media (max-width: 600px) and (min-width: 421px) { :root{ --Fs-Maison-Cover-Slogan-Text: var(--Fs-Maison-Cover-Slogan-Text-5); --Lh-Maison-Cover-Slogan-Text: var(--Lh-Maison-Cover-Slogan-Text-5); } } @media (max-width: 420px) { :root{ --Fs-Maison-Cover-Slogan-Text: var(--Fs-Maison-Cover-Slogan-Text-6); --Lh-Maison-Cover-Slogan-Text: var(--Lh-Maison-Cover-Slogan-Text-6); } } /* -------------------------- -------------------------- -------------------------- */ /* -------------------------- -------------------------- -------------------------- */ /* -------------------------- ROOT FONT -- MAISON STYLES -------------------------- */ /* -------------------------- -------------------------- -------------------------- */ /* -------------------------- -------------------------- -------------------------- */ /* ---------------------- ---------------------------------- ---------------------- */ /* ---------------------- MEDIA -- ROOT --- FONT -- ACCROCHE ---------------------- */ /* ---------------------- ---------------------------------- ---------------------- */ @media (max-width: 1700px) and (min-width: 1201px) { :root{ --Fs-Maison-Accroche-Txt: var(--Fs-Maison-Accroche-Txt-2); --Lh-Maison-Accroche-Txt: var(--Lh-Maison-Accroche-Txt-2); } } @media (max-width: 1200px) and (min-width: 731px) { :root{ --Fs-Maison-Accroche-Txt: var(--Fs-Maison-Accroche-Txt-3); --Lh-Maison-Accroche-Txt: var(--Lh-Maison-Accroche-Txt-3); } } @media (max-width: 730px) and (min-width: 501px) { :root{ --Fs-Maison-Accroche-Txt: var(--Fs-Maison-Accroche-Txt-4); --Lh-Maison-Accroche-Txt: var(--Lh-Maison-Accroche-Txt-4); } } @media (max-width: 500px) and (min-width: 361px) { :root{ --Fs-Maison-Accroche-Txt: var(--Fs-Maison-Accroche-Txt-5); --Lh-Maison-Accroche-Txt: var(--Lh-Maison-Accroche-Txt-5); } } @media (max-width: 360px) { :root{ --Fs-Maison-Accroche-Txt: var(--Fs-Maison-Accroche-Txt-6); --Lh-Maison-Accroche-Txt: var(--Lh-Maison-Accroche-Txt-6); } } /* ---------------------- ---------------------------------- ---------------------- */ /* ---------------------- MEDIA -- ROOT -- FONT -- PUNCHLINE ---------------------- */ /* ---------------------- ---------------------------------- ---------------------- */ @media (max-width: 960px) and (min-width: 841px) { :root{ --Fs-Maison-Punchline-Txt: var(--Fs-Maison-Punchline-Txt-2); --Lh-Maison-Punchline-Txt: var(--Lh-Maison-Punchline-Txt-2); } } @media (max-width: 840px) and (min-width: 731px) { :root{ --Fs-Maison-Punchline-Txt: var(--Fs-Maison-Punchline-Txt-3); --Lh-Maison-Punchline-Txt: var(--Lh-Maison-Punchline-Txt-3); } } @media (max-width: 730px) and (min-width: 501px) { :root{ --Fs-Maison-Punchline-Txt: var(--Fs-Maison-Punchline-Txt-4); --Lh-Maison-Punchline-Txt: var(--Lh-Maison-Punchline-Txt-4); } } @media (max-width: 500px) and (min-width: 361px) { :root{ --Fs-Maison-Punchline-Txt: var(--Fs-Maison-Punchline-Txt-5); --Lh-Maison-Punchline-Txt: var(--Lh-Maison-Punchline-Txt-5); } } @media (max-width: 360px) { :root{ --Fs-Maison-Punchline-Txt: var(--Fs-Maison-Punchline-Txt-6); --Lh-Maison-Punchline-Txt: var(--Lh-Maison-Punchline-Txt-6); } } /* --------------------------- ------------------------ --------------------------- */ /* --------------------------- ------------------------ --------------------------- */ /* --------------------------- ROOT FONT CONTACT STYLES --------------------------- */ /* --------------------------- ------------------------ --------------------------- */ /* --------------------------- ------------------------ --------------------------- */ /* ROOT MEDIA CONTACT MAIL ADRESS LARGE TXT LING FS / LH ------------------------- */ /* @media (max-width: 1600px) and (min-width: 1071px) { :root{ --Fs-Contact-Mail-Adress-Large-Txt-Link: var(--Fs-Contact-Mail-Adress-Large-Txt-Link-2); --Lh-Contact-Mail-Adress-Large-Txt-Link: var(--Lh-Contact-Mail-Adress-Large-Txt-Link-2); } } @media (max-width: 1070px) and (min-width: 731px) { :root{ --Fs-Contact-Mail-Adress-Large-Txt-Link: var(--Fs-Contact-Mail-Adress-Large-Txt-Link-3); --Lh-Contact-Mail-Adress-Large-Txt-Link: var(--Lh-Contact-Mail-Adress-Large-Txt-Link-3); } } @media (max-width: 730px) and (min-width: 501px) { :root{ --Fs-Contact-Mail-Adress-Large-Txt-Link: var(--Fs-Contact-Mail-Adress-Large-Txt-Link-4); --Lh-Contact-Mail-Adress-Large-Txt-Link: var(--Lh-Contact-Mail-Adress-Large-Txt-Link-4); } } @media (max-width: 500px) and (min-width: 421px) { :root{ --Fs-Contact-Mail-Adress-Large-Txt-Link: var(--Fs-Contact-Mail-Adress-Large-Txt-Link-5); --Lh-Contact-Mail-Adress-Large-Txt-Link: var(--Lh-Contact-Mail-Adress-Large-Txt-Link-5); } } @media (max-width: 420px) { :root{ --Fs-Contact-Mail-Adress-Large-Txt-Link: var(--Fs-Contact-Mail-Adress-Large-Txt-Link-6); --Lh-Contact-Mail-Adress-Large-Txt-Link: var(--Lh-Contact-Mail-Adress-Large-Txt-Link-6); } } */ /* ------------- ---------------------------------------------------------------- */ /* ------------- - ©® C O P Y R I G H T ----------------------------------------- */ /* ------------- - D E S I G N -------------------------------------------------- */ /* ------------- - C O D E ------------------------------------------------------ */ /* ------------- - P A R -------------------------------------------------------- */ /* ------------- - O A S I S - L A B -------------------------------------------- */ /* ------------- - T H I B A U D - D E M I E R R E ------------------------------ */ /* ------------- - 2 0 2 5 ------------------------------------------------------ */ /* ------------- ---------------------------------------------------------------- */ /* --------------------------- ----------------------- --------------------------- */ /* --------------------------- ----------------------- --------------------------- */ /* --------------------------- ROOT FONT COLLEC STYLES --------------------------- */ /* --------------------------- ----------------------- --------------------------- */ /* --------------------------- ----------------------- --------------------------- */ /* ROOT COLLECTION COVER TITLE FS // LH ----------------------------------------- */ @media (max-width: 1800px) and (min-width: 1701px) { :root{ --Fs-Collec-Cover-Title: var(--Fs-Collec-Cover-Title-2); --Lh-Collec-Cover-Title: var(--Lh-Collec-Cover-Title-2); } } @media (max-width: 1700px) and (min-width: 1601px) { :root{ --Fs-Collec-Cover-Title: var(--Fs-Collec-Cover-Title-3); --Lh-Collec-Cover-Title: var(--Lh-Collec-Cover-Title-3); } } @media (max-width: 1600px) and (min-width: 961px) { :root{ --Fs-Collec-Cover-Title: var(--Fs-Collec-Cover-Title-4); --Lh-Collec-Cover-Title: var(--Lh-Collec-Cover-Title-4); } } @media (max-width: 960px) and (min-width: 781px) { :root{ --Fs-Collec-Cover-Title: var(--Fs-Collec-Cover-Title-5); --Lh-Collec-Cover-Title: var(--Lh-Collec-Cover-Title-5); } } @media (max-width: 780px) and (min-width: 731px) { :root{ --Fs-Collec-Cover-Title: var(--Fs-Collec-Cover-Title-6); --Lh-Collec-Cover-Title: var(--Lh-Collec-Cover-Title-6); } } @media (max-width: 730px) and (min-width: 661px) { :root{ --Fs-Collec-Cover-Title: var(--Fs-Collec-Cover-Title-7); --Lh-Collec-Cover-Title: var(--Lh-Collec-Cover-Title-7); } } @media (max-width: 660px) and (min-width: 601px) { :root{ --Fs-Collec-Cover-Title: var(--Fs-Collec-Cover-Title-8); --Lh-Collec-Cover-Title: var(--Lh-Collec-Cover-Title-8); } } @media (max-width: 600px) and (min-width: 551px) { :root{ --Fs-Collec-Cover-Title: var(--Fs-Collec-Cover-Title-9); --Lh-Collec-Cover-Title: var(--Lh-Collec-Cover-Title-9); } } @media (max-width: 550px) and (min-width: 501px) { :root{ --Fs-Collec-Cover-Title: var(--Fs-Collec-Cover-Title-10); --Lh-Collec-Cover-Title: var(--Lh-Collec-Cover-Title-10); } } @media (max-width: 500px) and (min-width: 451px) { :root{ --Fs-Collec-Cover-Title: var(--Fs-Collec-Cover-Title-11); --Lh-Collec-Cover-Title: var(--Lh-Collec-Cover-Title-11); } } @media (max-width: 450px) and (min-width: 421px) { :root{ --Fs-Collec-Cover-Title: var(--Fs-Collec-Cover-Title-12); --Lh-Collec-Cover-Title: var(--Lh-Collec-Cover-Title-12); } } @media (max-width: 420px) and (min-width: 391px) { :root{ --Fs-Collec-Cover-Title: var(--Fs-Collec-Cover-Title-13); --Lh-Collec-Cover-Title: var(--Lh-Collec-Cover-Title-13); } } @media (max-width: 390px) and (min-width: 361px) { :root{ --Fs-Collec-Cover-Title: var(--Fs-Collec-Cover-Title-14); --Lh-Collec-Cover-Title: var(--Lh-Collec-Cover-Title-14); } } @media (max-width: 360px) { :root{ --Fs-Collec-Cover-Title: var(--Fs-Collec-Cover-Title-15); --Lh-Collec-Cover-Title: var(--Lh-Collec-Cover-Title-15); } } /* ROOT IOS PRDCTS FS // LH ----------------------------------------------------- */ @media (max-width: 660px) and (min-width: 501px) { :root{ --Fs-Ios-Prdcts-Title: var(--Fs-Ios-Prdcts-Title-2); --Lh-Ios-Prdcts-Title: var(--Lh-Ios-Prdcts-Title-2); --Fs-Ios-Prdcts-Price: var(--Fs-Ios-Prdcts-Price-2); --Lh-Ios-Prdcts-Price: var(--Lh-Ios-Prdcts-Price-2); --Fs-Ios-Prdcts-Info: var(--Fs-Ios-Prdcts-Info-2); --Lh-Ios-Prdcts-Info: var(--Lh-Ios-Prdcts-Info-2); --Fs-Ios-Prdcts-Btn: var(--Fs-Ios-Prdcts-Btn-2); --Lh-Ios-Prdcts-Btn: var(--Lh-Ios-Prdcts-Btn-2); } } @media (max-width: 500px) and (min-width: 421px) { :root{ --Fs-Ios-Prdcts-Title: var(--Fs-Ios-Prdcts-Title-3); --Lh-Ios-Prdcts-Title: var(--Lh-Ios-Prdcts-Title-3); --Fs-Ios-Prdcts-Price: var(--Fs-Ios-Prdcts-Price-3); --Lh-Ios-Prdcts-Price: var(--Lh-Ios-Prdcts-Price-3); /* --Fs-Ios-Prdcts-Info: var(--Fs-Ios-Prdcts-Info-3); */ /* --Lh-Ios-Prdcts-Info: var(--Lh-Ios-Prdcts-Info-3); */ --Fs-Ios-Prdcts-Btn: var(--Lh-Ios-Prdcts-Btn-3); --Lh-Ios-Prdcts-Btn: var(--Fs-Ios-Prdcts-Btn-3); } } @media (max-width: 500px) and (min-width: 361px) { :root{ --Fs-Ios-Prdcts-Info: var(--Fs-Ios-Prdcts-Info-2); --Lh-Ios-Prdcts-Info: var(--Lh-Ios-Prdcts-Info-2); } } @media (max-width: 420px) and (min-width: 361px) { :root{ --Fs-Ios-Prdcts-Title: var(--Fs-Ios-Prdcts-Title-4); --Lh-Ios-Prdcts-Title: var(--Lh-Ios-Prdcts-Title-4); } } @media (max-width: 420px) { :root{ /* --Fs-Ios-Prdcts-Title: var(--Fs-Ios-Prdcts-Title-4); */ /* --Lh-Ios-Prdcts-Title: var(--Lh-Ios-Prdcts-Title-4); */ --Fs-Ios-Prdcts-Price: var(--Fs-Ios-Prdcts-Price-4); --Lh-Ios-Prdcts-Price: var(--Lh-Ios-Prdcts-Price-4); /* --Fs-Ios-Prdcts-Info: var(--Fs-Ios-Prdcts-Info-4); */ /* --Lh-Ios-Prdcts-Info: var(--Lh-Ios-Prdcts-Info-4); */ --Fs-Ios-Prdcts-Btn: var(--Fs-Ios-Prdcts-Btn-4); --Lh-Ios-Prdcts-Btn: var(--Lh-Ios-Prdcts-Btn-4); } } @media (max-width: 360px) { :root{ --Fs-Ios-Prdcts-Info: var(--Fs-Ios-Prdcts-Info-4); --Lh-Ios-Prdcts-Info: var(--Lh-Ios-Prdcts-Info-4); --Fs-Ios-Prdcts-Title: var(--Fs-Ios-Prdcts-Title-5); --Lh-Ios-Prdcts-Title: var(--Lh-Ios-Prdcts-Title-5); } } /* ROOT QUALITY FS // LH -------------------------------------------------------- */ @media (max-width: 500px) { :root{ --Fs-Quality: var(--Fs-Quality-2); --Lh-Quality: var(--Lh-Quality-2); } } /* ROOT QUALITY FS // LH -------------------------------------------------------- */ /* ROOT SUGGESTIONS FS // LH ---------------------------------------------------- */ /* @media (max-width: 500px) { :root{ --Fs-Suggestions-Btn-Text: var(--Fs-Suggestions-Btn-Text-2); --Lh-Suggestions-Btn-Text: var(--Lh-Suggestions-Btn-Text-2); } } */ @media (max-width: 730px) and (min-width: 661px){ :root{ --Fs-Suggestions-Btn-Text: var(--Fs-Suggestions-Btn-Text-2); --Lh-Suggestions-Btn-Text: var(--Lh-Suggestions-Btn-Text-2); } } @media (max-width: 660px) and (min-width: 501px){ :root{ --Fs-Suggestions-Btn-Text: var(--Fs-Suggestions-Btn-Text-3); --Lh-Suggestions-Btn-Text: var(--Lh-Suggestions-Btn-Text-3); } } @media (max-width: 500px) { :root{ --Fs-Suggestions-Btn-Text: var(--Fs-Suggestions-Btn-Text-4); --Lh-Suggestions-Btn-Text: var(--Lh-Suggestions-Btn-Text-4); } } /* ROOT WARNING INFO TXT FS // LH ----------------------------------------------- */ /* ROOT WARNING INFO TXT / TITLE (FS // LH) ------------------------------------- */ @media (max-width: 500px) { :root{ --Fs-Warning-Title: var(--Fs-Warning-Title-2); --Lh-Warning-Title: var(--Lh-Warning-Title-2); --Fs-Warning-Info: var(--Fs-Warning-Info-2); --Lh-Warning-Info: var(--Lh-Warning-Info-2); } } /* --------------------------- ----------------------- --------------------------- */ /* --------------------------- ----------------------- --------------------------- */ /* --------------------------- ROOT FONT - DOCU STYLES --------------------------- */ /* --------------------------- ----------------------- --------------------------- */ /* --------------------------- ----------------------- --------------------------- */ @media (max-width: 500px) { :root{ --Fs-Documentation-Courant: var(--Fs-Documentation-Courant-2); --Lh-Documentation-Courant: var(--Lh-Documentation-Courant-2); --Fs-Documentation-Title: var(--Fs-Documentation-Title-2); --Lh-Documentation-Title: var(--Lh-Documentation-Title-2); --Fs-Documentation-Title-One: var(--Fs-Documentation-Title-One-2); --Lh-Documentation-Title-One: var(--Lh-Documentation-Title-One-2); --Fs-Documentation-Title-Two: var(--Fs-Documentation-Title-Two-2); --Lh-Documentation-Title-Two: var(--Lh-Documentation-Title-Two-2); --Fs-Documentation-Maj: var(--Fs-Documentation-Maj-2); --Lh-Documentation-Maj: var(--Lh-Documentation-Maj-2); } }