.elementor-5170401 .elementor-element.elementor-element-71773ac{padding:32px 0px 32px 0px;}.elementor-5170401 .elementor-element.elementor-element-39d84ca > .elementor-column-wrap > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial, .elementor-widget__width-calc):not(:last-child):not(.elementor-absolute){margin-bottom:0px;}.elementor-5170401 .elementor-element.elementor-element-2d1860c{text-align:left;}.elementor-5170401 .elementor-element.elementor-element-2d1860c .elementor-image img{width:48px;max-width:48px;}.elementor-5170401 .elementor-element.elementor-element-2d1860c > .elementor-widget-container{margin:0px 0px 16px 0px;}.elementor-5170401 .elementor-element.elementor-element-e7f241f > .elementor-widget-container{margin:0px 0px 16px 0px;}.elementor-5170401 .elementor-element.elementor-element-ffe1a61 a.elementor-button{font-family:"Poppins", poppins;font-weight:700;border-radius:96px 96px 96px 96px;padding:16px 24px 16px 24px;}.elementor-5170401 .elementor-element.elementor-element-ffe1a61{width:100%;max-width:100%;}.elementor-5170401 .elementor-element.elementor-element-3cd82b0 a.elementor-button{font-family:"Poppins", poppins;font-weight:700;border-radius:96px 96px 96px 96px;padding:16px 24px 16px 24px;}.elementor-5170401 .elementor-element.elementor-element-6d9926d > .elementor-column-wrap > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial, .elementor-widget__width-calc):not(:last-child):not(.elementor-absolute){margin-bottom:0px;}.elementor-5170401 .elementor-element.elementor-element-e585e21 > .elementor-container{max-width:552px;}.elementor-5170401 .elementor-element.elementor-element-e88888c > .elementor-column-wrap > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial, .elementor-widget__width-calc):not(:last-child):not(.elementor-absolute){margin-bottom:4px;}.elementor-5170401 .elementor-element.elementor-element-e88888c > .elementor-element-populated, .elementor-5170401 .elementor-element.elementor-element-e88888c > .elementor-element-populated > .elementor-background-overlay{border-radius:8px 8px 8px 8px;}.elementor-5170401 .elementor-element.elementor-element-e88888c > .elementor-element-populated{box-shadow:0px 0px 8px 0px rgba(0,0,0,0.33);padding:8px 8px 8px 8px;}.elementor-5170401 .elementor-element.elementor-element-404d129{text-align:center;}.elementor-5170401 .elementor-element.elementor-element-404d129 .elementor-image img{width:48px;height:48px;}.elementor-5170401 .elementor-element.elementor-element-7526d30 > .elementor-column-wrap > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial, .elementor-widget__width-calc):not(:last-child):not(.elementor-absolute){margin-bottom:4px;}.elementor-5170401 .elementor-element.elementor-element-7526d30 > .elementor-element-populated, .elementor-5170401 .elementor-element.elementor-element-7526d30 > .elementor-element-populated > .elementor-background-overlay{border-radius:8px 8px 8px 8px;}.elementor-5170401 .elementor-element.elementor-element-7526d30 > .elementor-element-populated{box-shadow:0px 0px 8px 0px rgba(0,0,0,0.33);padding:8px 8px 8px 8px;}.elementor-5170401 .elementor-element.elementor-element-7ff1b44{text-align:center;}.elementor-5170401 .elementor-element.elementor-element-7ff1b44 .elementor-image img{width:48px;height:48px;}.elementor-5170401 .elementor-element.elementor-element-cacaf14 > .elementor-column-wrap > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial, .elementor-widget__width-calc):not(:last-child):not(.elementor-absolute){margin-bottom:4px;}.elementor-5170401 .elementor-element.elementor-element-cacaf14 > .elementor-element-populated, .elementor-5170401 .elementor-element.elementor-element-cacaf14 > .elementor-element-populated > .elementor-background-overlay{border-radius:8px 8px 8px 8px;}.elementor-5170401 .elementor-element.elementor-element-cacaf14 > .elementor-element-populated{box-shadow:0px 0px 8px 0px rgba(0,0,0,0.33);padding:8px 8px 8px 8px;}.elementor-5170401 .elementor-element.elementor-element-9923ac1{text-align:center;}.elementor-5170401 .elementor-element.elementor-element-9923ac1 .elementor-image img{width:48px;height:48px;}.elementor-5170401 .elementor-element.elementor-element-092e2be{margin-top:32px;margin-bottom:32px;padding:0px 0px 0px 0px;}.elementor-5170401 .elementor-element.elementor-element-4613acf.elementor-widget-heading .elementor-heading-title{color:#594366;}.elementor-5170401 .elementor-element.elementor-element-4613acf .elementor-heading-title{font-family:"Poppins", poppins;}.elementor-5170401 .elementor-element.elementor-element-c01af56 .slick-list{margin-left:-9px;-webkit-clip-path:inset(0 0 0 9px);clip-path:inset(0 0 0 9px);}.elementor-5170401 .elementor-element.elementor-element-c01af56 .slick-slide .slick-slide-inner{margin-left:9px;}.elementor-5170401 .elementor-element.elementor-element-c01af56:not(.wrapfix) .slick-slide-inner > *, .elementor-5170401 .elementor-element.elementor-element-c01af56.wrapfix .slick-slide-inner > * > *{padding:3px 3px 3px 3px !important;}.elementor-5170401 .elementor-element.elementor-element-8f334b4 a.elementor-button{font-family:"Poppins", poppins;font-weight:700;border-radius:96px 96px 96px 96px;padding:16px 24px 16px 24px;}.elementor-5170401 .elementor-element.elementor-element-8f334b4{width:100%;max-width:100%;}.elementor-5170401 .elementor-element.elementor-element-98bcc8f.elementor-widget-heading .elementor-heading-title{color:#594366;}.elementor-5170401 .elementor-element.elementor-element-98bcc8f .elementor-heading-title{font-family:"Poppins", poppins;}.elementor-5170401 .elementor-element.elementor-element-964e69a figure{width:calc(100% / 3);padding:6px;}.elementor-5170401 .elementor-element.elementor-element-964e69a .elementor-image-gallery{margin:-6px;}.elementor-5170401 .elementor-element.elementor-element-964e69a figure img{border-style:solid;border-width:0px 0px 0px 0px;border-radius:8px 8px 8px 8px;}.elementor-5170401 .elementor-element.elementor-element-964e69a figcaption{text-align:center;}.elementor-5170401 .elementor-element.elementor-element-32143d0 a.elementor-button{font-family:"Poppins", poppins;font-weight:700;border-radius:96px 96px 96px 96px;padding:16px 24px 16px 24px;}.elementor-5170401 .elementor-element.elementor-element-32143d0{width:100%;max-width:100%;}.elementor-5170401 .elementor-element.elementor-element-9cd3ad9.elementor-widget-heading .elementor-heading-title{color:#594366;}.elementor-5170401 .elementor-element.elementor-element-9cd3ad9 .elementor-heading-title{font-family:"Poppins", poppins;}.elementor-5170401 .elementor-element.elementor-element-6a9eb25{text-align:left;}.elementor-5170401 .elementor-element.elementor-element-6a9eb25 .elementor-image img{border-radius:8px 8px 8px 8px;box-shadow:0px 0px 6px 0px rgba(0,0,0,0.33);}.elementor-5170401 .elementor-element.elementor-element-6a9eb25 .widget-image-caption{color:#7a7a7a;font-family:"Poppins", poppins;margin-top:8px;}.elementor-5170401 .elementor-element.elementor-element-eddb8f8{text-align:left;}.elementor-5170401 .elementor-element.elementor-element-eddb8f8 .elementor-image img{border-radius:8px 8px 8px 8px;box-shadow:0px 0px 6px 0px rgba(0,0,0,0.33);}.elementor-5170401 .elementor-element.elementor-element-eddb8f8 .widget-image-caption{text-align:left;color:#7a7a7a;font-family:"Poppins", poppins;margin-top:8px;}.elementor-5170401 .elementor-element.elementor-element-81de3ad a.elementor-button{border-radius:96px 96px 96px 96px;}.elementor-5170401 .elementor-element.elementor-element-ffaf2b0.elementor-widget-heading .elementor-heading-title{color:#594366;}.elementor-5170401 .elementor-element.elementor-element-ffaf2b0 .elementor-heading-title{font-family:"Poppins", poppins;}.elementor-5170401 .elementor-element.elementor-element-507c5356{padding:0px 0px 0px 0px;}.elementor-5170401 .elementor-element.elementor-element-241d0f2d .slick-list{margin-left:-9px;-webkit-clip-path:inset(0 0 0 9px);clip-path:inset(0 0 0 9px);}.elementor-5170401 .elementor-element.elementor-element-241d0f2d .slick-slide .slick-slide-inner{margin-left:9px;}.elementor-5170401 .elementor-element.elementor-element-241d0f2d:not(.wrapfix) .slick-slide-inner > *, .elementor-5170401 .elementor-element.elementor-element-241d0f2d.wrapfix .slick-slide-inner > * > *{padding:3px 3px 3px 3px !important;}.elementor-5170401 .elementor-element.elementor-element-c7b51c9.elementor-widget-heading .elementor-heading-title{color:#594366;}.elementor-5170401 .elementor-element.elementor-element-c7b51c9 .elementor-heading-title{font-family:"Poppins", poppins;}.elementor-5170401 .elementor-element.elementor-element-36bd0913{padding:0px 0px 0px 0px;}.elementor-5170401 .elementor-element.elementor-element-b9fc21 .slick-list{margin-left:-9px;-webkit-clip-path:inset(0 0 0 9px);clip-path:inset(0 0 0 9px);}.elementor-5170401 .elementor-element.elementor-element-b9fc21 .slick-slide .slick-slide-inner{margin-left:9px;}.elementor-5170401 .elementor-element.elementor-element-b9fc21:not(.wrapfix) .slick-slide-inner > *, .elementor-5170401 .elementor-element.elementor-element-b9fc21.wrapfix .slick-slide-inner > * > *{padding:3px 3px 3px 3px !important;}.elementor-5170401 .elementor-element.elementor-element-8071e9d.elementor-widget-heading .elementor-heading-title{color:#594366;}.elementor-5170401 .elementor-element.elementor-element-8071e9d .elementor-heading-title{font-family:"Poppins", poppins;}.elementor-5170401 .elementor-element.elementor-element-47d6c45 figure{width:calc(100% / 3);padding:6px;}.elementor-5170401 .elementor-element.elementor-element-47d6c45 .elementor-image-gallery{margin:-6px;}.elementor-5170401 .elementor-element.elementor-element-47d6c45 figure img{border-style:solid;border-width:0px 0px 0px 0px;border-radius:8px 8px 8px 8px;}.elementor-5170401 .elementor-element.elementor-element-47d6c45 figcaption{text-align:center;}.elementor-5170401 .elementor-element.elementor-element-2142fa8 a.elementor-button{font-family:"Poppins", poppins;font-weight:700;border-radius:96px 96px 96px 96px;padding:16px 24px 16px 24px;}.elementor-5170401 .elementor-element.elementor-element-2142fa8{width:100%;max-width:100%;}.elementor-5170401 .elementor-element.elementor-element-9835d80{margin-top:32px;margin-bottom:32px;padding:0px 0px 0px 0px;}.elementor-5170401 .elementor-element.elementor-element-2cc740e.elementor-widget-heading .elementor-heading-title{color:#594366;}.elementor-5170401 .elementor-element.elementor-element-2cc740e .elementor-heading-title{font-family:"Poppins", poppins;}.elementor-5170401 .elementor-element.elementor-element-8cd978c .slick-list{margin-left:-9px;-webkit-clip-path:inset(0 0 0 9px);clip-path:inset(0 0 0 9px);}.elementor-5170401 .elementor-element.elementor-element-8cd978c .slick-slide .slick-slide-inner{margin-left:9px;}.elementor-5170401 .elementor-element.elementor-element-8cd978c:not(.wrapfix) .slick-slide-inner > *, .elementor-5170401 .elementor-element.elementor-element-8cd978c.wrapfix .slick-slide-inner > * > *{padding:3px 3px 3px 3px !important;}.elementor-5170401 .elementor-element.elementor-element-89ff4cd.elementor-widget-heading .elementor-heading-title{color:#594366;}.elementor-5170401 .elementor-element.elementor-element-89ff4cd .elementor-heading-title{font-family:"Poppins", poppins;}.elementor-5170401 .elementor-element.elementor-element-3eb9daf .elementor-image img{border-radius:12px 12px 12px 12px;box-shadow:0px 0px 8px 0px rgba(0,0,0,0.33);}@media(max-width:1024px){.elementor-5170401 .elementor-element.elementor-element-964e69a figure{width:calc(100% / 3);}.elementor-5170401 .elementor-element.elementor-element-47d6c45 figure{width:calc(100% / 3);}}@media(max-width:767px){.elementor-5170401 .elementor-element.elementor-element-4613acf .elementor-heading-title{font-size:24px;}.elementor-5170401 .elementor-element.elementor-element-98bcc8f .elementor-heading-title{font-size:24px;}.elementor-5170401 .elementor-element.elementor-element-964e69a figure{width:calc(100% / 2);}.elementor-5170401 .elementor-element.elementor-element-ffaf2b0 .elementor-heading-title{font-size:24px;}.elementor-5170401 .elementor-element.elementor-element-c7b51c9 .elementor-heading-title{font-size:24px;}.elementor-5170401 .elementor-element.elementor-element-8071e9d .elementor-heading-title{font-size:24px;}.elementor-5170401 .elementor-element.elementor-element-47d6c45 figure{width:calc(100% / 2);}.elementor-5170401 .elementor-element.elementor-element-2cc740e .elementor-heading-title{font-size:24px;}.elementor-5170401 .elementor-element.elementor-element-89ff4cd .elementor-heading-title{font-size:24px;}}/* Start custom CSS for button, class: .elementor-element-ffe1a61 */.elementor-element-ffe1a61 a{
    width: 100%;
    max-width: 320px;
    
}

#homebutton1{
    background: var(--fdp-color-primary);
}

#homebutton1 .elementor-button-text{
    color: var(--fdp-color-on-primary);
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-3cd82b0 */.elementor-element-3cd82b0 a{
    width: 100%;
    max-width: 320px;
}

#homebutton2 {
    border: 1px solid var(--fdp-color-outline);
    background: var(--fdp-color-white);
}

#homebutton2 .elementor-button-text{
    color: var(--fdp-color-on-surface);
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-e585e21 */.elementor-element-e585e21 .elementor-row{
    gap: 24px;
    align-items: center;
    justify-content: center;
}

.elementor-element-e88888c .elementor-column-wrap {
    padding: 12px!important;
    background: var(--fdp-color-surface-container);
    max-width: 168px;
    width: 100%;
    margin-inline: auto;
}

.elementor-element-7526d30 .elementor-column-wrap {
    padding: 12px!important;
    background: var(--fdp-color-surface-container);
    max-width: 168px;
    width: 100%;
    margin-inline: auto;
}

.elementor-element-cacaf14 .elementor-column-wrap {
    padding: 12px!important;
    background: var(--fdp-color-surface-container);
    max-width: 168px;
    width: 100%;
    margin-inline: auto;
}/* End custom CSS */
/* Start custom CSS for product-carousel, class: .elementor-element-c01af56 */#newproduct .product-miniature .product-container .thumbnail-container .thumbnail-inner {
    border: none;
}

#newproduct .product-container {
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.33);
    padding: 4px;
    border-radius: 8px;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-8f334b4 */.elementor-element-8f334b4 a{
    width: 100%;
    max-width: 320px;
    
}

#newproductbutton{
    background: var(--fdp-color-primary);
}

#newproductbutton .elementor-button-text{
    color: var(--fdp-color-on-primary);
}/* End custom CSS */
/* Start custom CSS for image-gallery, class: .elementor-element-964e69a */#categories img {
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.33)
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-32143d0 */#allcategbutton{
    background: var(--fdp-color-primary);
    width: 100%;
    max-width: 320px;
}

#allcategbutton .elementor-button-text{
    color: var(--fdp-color-on-primary);
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-81de3ad */#avisbutton{
    background: var(--fdp-color-primary);
    width: 100%;
    max-width: 320px;
}

#avisbutton .elementor-button-text{
    color: var(--fdp-color-on-primary);
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-202f2ce */.elementor-element-76fdeed{
    display: none;
}/* End custom CSS */
/* Start custom CSS for product-carousel, class: .elementor-element-241d0f2d */#gooddeals .product-miniature .product-container .thumbnail-container .thumbnail-inner {
    border: none;
}

#gooddeals .product-container {
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.33);
    padding: 4px;
    border-radius: 8px;
}/* End custom CSS */
/* Start custom CSS for product-carousel, class: .elementor-element-b9fc21 */#topselling .product-miniature .product-container .thumbnail-container .thumbnail-inner {
    border: none;
}

#topselling .product-container {
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.33);
    padding: 4px;
    border-radius: 8px;
}/* End custom CSS */
/* Start custom CSS for image-gallery, class: .elementor-element-47d6c45 */#andalso img {
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.33)
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-2142fa8 */#touslesproduitsbutton{
    background: var(--fdp-color-primary);
    width: 100%;
    max-width: 320px;
}

#touslesproduitsbutton .elementor-button-text{
    color: var(--fdp-color-on-primary);
}/* End custom CSS */
/* Start custom CSS for product-carousel, class: .elementor-element-8cd978c */#obsidianspecialty .product-miniature .product-container .thumbnail-container .thumbnail-inner {
    border: none;
}

#obsidianspecialty .product-container {
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.33);
    padding: 4px;
    border-radius: 8px;
}/* End custom CSS */
/* Start custom CSS for page-settings *//* font */

html{
  font-size: 16px;
}


:root {
    --fdp-ref-typeface-brand: "Poppins";
    --fdp-ref-typeface-plain: "Poppins";
    --fdp-sys-typescale-display-large-font: var(--fdp-ref-typeface-brand); /*Display*/
    --fdp-sys-typescale-display-large-size:3.5625rem; /*57 px*/
    --fdp-sys-typescale-display-large-line-height:4rem; /*52 px*/
    --fdp-sys-typescale-display-large-weight: 400;
    --fdp-sys-typescale-display-large-letter-spacing: -0.015625rem;
    --fdp-sys-typescale-display-medium-font: var(--fdp-ref-typeface-brand);
    --fdp-sys-typescale-display-medium-size: 2.813rem; /*45 px*/
    --fdp-sys-typescale-display-medium-line-height:3.25rem; /*52 px*/
    --fdp-sys-typescale-display-medium-weight: 400;
    --fdp-sys-typescale-display-medium-letter-spacing: 0rem;
    --fdp-sys-typescale-display-small-font: var(--fdp-ref-typeface-brand);
    --fdp-sys-typescale-display-small-size: 2.25rem; /*36 px*/
    --fdp-sys-typescale-display-small-line-height:2.75rem; /*44 px*/
    --fdp-sys-typescale-display-small-weight: 400;
    --fdp-sys-typescale-display-small-letter-spacing: 0rem;
    
    --fdp-sys-typescale-headline-large-font: var(--fdp-ref-typeface-brand); /*Headline*/
    --fdp-sys-typescale-headline-large-size: 2rem; /* 32 px */
    --fdp-sys-typescale-headline-large-line-height: 2.5rem; /* 40 px */
    --fdp-sys-typescale-headline-large-weight: 400;
    --fdp-sys-typescale-headline-large-letter-spacing: 0rem;
    --fdp-sys-typescale-headline-medium-font: var(--fdp-ref-typeface-brand);
    --fdp-sys-typescale-headline-medium-size: 1.75rem; /* 28 px */
    --fdp-sys-typescale-headline-medium-line-height: 2.25rem; /* 36 px */
    --fdp-sys-typescale-headline-medium-weight: 400;
    --fdp-sys-typescale-headline-medium-letter-spacing: 0rem;
    --fdp-sys-typescale-headline-small-font: var(--fdp-ref-typeface-brand);
    --fdp-sys-typescale-headline-small-size: 1.5rem; /* 24 px */
    --fdp-sys-typescale-headline-small-line-height: 2rem; /* 32 px */
    --fdp-sys-typescale-headline-small-weight: 400;
    --fdp-sys-typescale-headline-small-letter-spacing: 0rem;
  
    --fdp-sys-typescale-title-large-font: var(--fdp-ref-typeface-plain); /*Title*/
    --fdp-sys-typescale-title-large-size: 1.375rem; /* 22 px*/
    --fdp-sys-typescale-title-large-line-height: 1.75rem; /* 28 px */
    --fdp-sys-typescale-title-large-weight: 400;
    --fdp-sys-typescale-title-large-letter-spacing: 0rem;
    --fdp-sys-typescale-title-medium-font: var(--fdp-ref-typeface-plain);
    --fdp-sys-typescale-title-medium-size: 1rem; /* 16 px */
    --fdp-sys-typescale-title-medium-line-height: 1.5rem /* 24 px */;
    --fdp-sys-typescale-title-medium-weight: 500;
    --fdp-sys-typescale-title-medium-letter-spacing: 0.009375rem; /* 0.15 px*/
    --fdp-sys-typescale-title-small-font: var(--fdp-ref-typeface-plain);
    --fdp-sys-typescale-title-small-size: 0.875rem; /* 14 px */
    --fdp-sys-typescale-title-small-line-height: 1.25rem; /* 20 px */
    --fdp-sys-typescale-title-small-weight: 500;
    --fdp-sys-typescale-title-small-letter-spacing: 0.00625rem; /* 0.1 px*/
    
    --fdp-sys-typescale-body-large-font: var(--fdp-ref-typeface-plain); /*Body*/
    --fdp-sys-typescale-body-large-size: 1.125rem; /* 18 px */
    --fdp-sys-typescale-body-large-line-height: 1.6875rem; /* 27 px */
    --fdp-sys-typescale-body-large-weight: 400;
    --fdp-sys-typescale-body-large-letter-spacing: 0.03125rem; /* 0.5 px */
    --fdp-sys-typescale-body-medium-font: var(--fdp-ref-typeface-plain);
    --fdp-sys-typescale-body-medium-size: 0.875rem; /* 14 px */
    --fdp-sys-typescale-body-medium-line-height: 1.25rem; /* 20 px */
    --fdp-sys-typescale-body-medium-letter-spacing: 0.015625rem; /* 0.25 px */
    --fdp-sys-typescale-body-small-font: var(--fdp-ref-typeface-plain);
    --fdp-sys-typescale-body-small-size: 0.75rem; /* 12 px */
    --fdp-sys-typescale-body-small-line-height: 1rem; /* 16 px */
    --fdp-sys-typescale-body-small-weight: 400;
    --fdp-sys-typescale-body-small-letter-spacing: 0.025rem; /* 0.4 px */
  
    --fdp-sys-typescale-label-large-font: var(--fdp-ref-typeface-plain); /*Label*/
    --fdp-sys-typescale-label-large-size: 0.875rem; /* 14 px */
    --fdp-sys-typescale-label-large-line-height: 1.25rem; /* 20 px */
    --fdp-sys-typescale-label-large-weight: 500;
    --fdp-sys-typescale-label-large-letter-spacing: 0.00625rem ; /* 0.1 px */
    --fdp-sys-typescale-label-medium-font: var(--fdp-ref-typeface-plain);
    --fdp-sys-typescale-label-medium-size: 0.75rem; /* 12 px */
    --fdp-sys-typescale-label-medium-line-height: 1rem; /* 16 px*/
    --fdp-sys-typescale-label-medium-weight: 500;
    --fdp-sys-typescale-label-medium-letter-spacing: 0.03125rem; /* 0.5 px */
    --fdp-sys-typescale-label-small-font: var(--fdp-ref-typeface-plain);
    --fdp-sys-typescale-label-small-size: 0.6875rem;
    --fdp-sys-typescale-label-small-line-height: 1rem; /* 16 px */
    --fdp-sys-typescale-label-small-weight: 500;
    --fdp-sys-typescale-label-small-letter-spacing: 0.03125rem ; /* 0.5 px */
    
      /* Couleurs de base */
  
    --fdp-color-white: #FFFFFF;
    --fdp-color-black: #000000;
    --fdp-color-shadow: #000000;
    --fdp-color-scrim: #000000;

    /* Couleurs primaires */
    --fdp-color-primary: #594366;
    --fdp-color-on-primary: #FFFFFF;
    --fdp-color-primary-container: #7F678C;
    --fdp-color-on-primary-container: #FFFFFF;
    --fdp-color-primary-fixed: #F4D9FF;
    --fdp-color-on-primary-fixed: #261333;
    --fdp-color-on-primary-fixed-dim: #D9BDE6;
    --fdp-color-on-primary-fixed-variant: #543E61;

    /* Couleurs secondaires */
    --fdp-color-secondary: #2B6861;
    --fdp-color-on-secondary: #FFFFFF;
    --fdp-color-secondary-container: #A7E4DB;
    --fdp-color-on-secondary-container: #004B44;
    --fdp-color-secondary-fixed: #B1EEE5;
    --fdp-color-on-secondary-fixed: #00201D;
    --fdp-color-secondary-fixed-dim: #95D2C9;
    --fdp-color-on-secondary-fixed-variant: #095049;

    /* Couleurs tertiaires */
    --fdp-color-tertiary: #40673E;
    --fdp-color-on-tertiary: #FFFFFF;
    --fdp-color-tertiary-container: #C3F0BC;
    --fdp-color-on-tertiary-container: #2B512B;
    --fdp-color-tertiary-fixed: #C1EEBA;
    --fdp-color-on-tertiary-fixed: #002204;
    --fdp-color-tertiary-fixed-dim: #A6D2A0;
    --fdp-color-on-tertiary-fixed-variant: #294F29;

    /* Couleurs d'erreur */
    --fdp-color-error: #BA1A1A;
    --fdp-color-error-container: #FFDAD6;
    --fdp-color-on-error: #FFFFFF;

    /* Couleurs de fond et de surface */
    --fdp-color-background: #FEF7FB;
    --fdp-color-on-background: #1D1B1D;
    --fdp-color-surface: #FEF7FB;
    --fdp-color-on-surface: #1D1B1D;
    --fdp-color-surface-variant: #E9DFE9;
    --fdp-color-on-surface-variant: #4B454C;
    --fdp-color-surface-tint: #6D567A;
    --fdp-color-surface-bright: #FEF7FB;
    --fdp-color-surface-dim: #DED8DC;
    --fdp-color-surface-container: #F3ECF0;
    --fdp-color-surface-container-lowest: #FFFFFF;
    --fdp-color-surface-container-low: #F8F2F5;
    --fdp-color-surface-container-high: #EDE6EA;
    --fdp-color-surface-container-highest: #E7E1E4;

    /* Couleurs inversées */
    --fdp-color-inverse-surface: #322F32;
    --fdp-color-inverse-on-surface: #F6EFF2;
    --fdp-color-inverse-primary: #D9BDE6;

    /* Couleurs de contour */
    --fdp-color-outline: #7C757D;
    --fdp-color-outline-variant: #CDC4CD;
  }
  
  /* Display */
  
  .fdp-typescale-display-large {
    font-family: var(--fdp-sys-typescale-display-large-font);
    font-size: var(--fdp-sys-typescale-display-large-size);
    line-height: var(--fdp-sys-typescale-display-large-line-height);
    font-weight: var(--fdp-sys-typescale-display-large-weight);
    letter-spacing: var(--fdp-sys-typescale-display-large-letter-spacing);
  }
  
  .fdp-typescale-display-medium {
    font-family: var(--fdp-sys-typescale-display-medium-font);
    font-size: var(--fdp-sys-typescale-display-medium-size);
    line-height: var(--fdp-sys-typescale-display-medium-line-height);
    font-weight: var(--fdp-sys-typescale-display-medium-weight);
    letter-spacing: var(--fdp-sys-typescale-display-medium-letter-spacing);
  }
  
  .fdp-typescale-display-small {
    font-family: var(--fdp-sys-typescale-display-small-font);
    font-size: var(--fdp-sys-typescale-display-small-size);
    line-height: var(--fdp-sys-typescale-display-small-line-height);
    font-weight: var(--fdp-sys-typescale-display-small-weight);
    letter-spacing: var(--fdp-sys-typescale-display-small-letter-spacing);
  }
  
  /* headline */
  
  .fdp-typescale-headline-large {
    font-family: var(--fdp-sys-typescale-headline-large-font);
    font-size: var(--fdp-sys-typescale-headline-large-size);
    line-height: var(--fdp-sys-typescale-headline-large-line-height);
    font-weight: var(--fdp-sys-typescale-headline-large-weight);
    letter-spacing: var(--fdp-sys-typescale-headline-large-letter-spacing);
  }
  
  .fdp-typescale-headline-medium {
    font-family: var(--fdp-sys-typescale-headline-medium-font);
    font-size: var(--fdp-sys-typescale-headline-medium-size);
    line-height: var(--fdp-sys-typescale-headline-medium-line-height);
    font-weight: var(--fdp-sys-typescale-headline-medium-weight);
    letter-spacing: var(--fdp-sys-typescale-headline-medium-letter-spacing);
  }
  
  .fdp-typescale-headline-small {
    font-family: var(--fdp-sys-typescale-headline-small-font);
    font-size: var(--fdp-sys-typescale-headline-small-size);
    line-height: var(--fdp-sys-typescale-headline-small-line-height);
    font-weight: var(--fdp-sys-typescale-headline-small-weight);
    letter-spacing: var(--fdp-sys-typescale-headline-small-letter-spacing);
  }
  
  /* title */
  
  .fdp-typescale-title-large {
    font-family: var(--fdp-sys-typescale-title-large-font);
    font-size: var(--fdp-sys-typescale-title-large-size);
    line-height: var(--fdp-sys-typescale-title-large-line-height);
    font-weight: var(--fdp-sys-typescale-title-large-weight);
    letter-spacing: var(--fdp-sys-typescale-title-large-letter-spacing);
  }
  
  .fdp-typescale-title-medium {
    font-family: var(--fdp-sys-typescale-title-medium-font);
    font-size: var(--fdp-sys-typescale-title-medium-size);
    line-height: var(--fdp-sys-typescale-title-medium-line-height);
    font-weight: var(--fdp-sys-typescale-title-medium-weight);
    letter-spacing: var(--fdp-sys-typescale-title-medium-letter-spacing);
  }
  
  .fdp-typescale-title-small {
    font-family: var(--fdp-sys-typescale-title-small-font);
    font-size: var(--fdp-sys-typescale-title-small-size);
    line-height: var(--fdp-sys-typescale-title-small-line-height);
    font-weight: var(--fdp-sys-typescale-title-small-weight);
    letter-spacing: var(--fdp-sys-typescale-title-small-letter-spacing);
  }
  
  /* body */
  
  .fdp-typescale-body-large {
    font-family: var(--fdp-sys-typescale-body-large-font);
    font-size: var(--fdp-sys-typescale-body-large-size);
    line-height: var(--fdp-sys-typescale-body-large-line-height);
    font-weight: var(--fdp-sys-typescale-body-large-weight);
    letter-spacing: var(--fdp-sys-typescale-body-large-letter-spacing);
  }
  
  .fdp-typescale-body-medium {
    font-family: var(--fdp-sys-typescale-body-medium-font);
    font-size: var(--fdp-sys-typescale-body-medium-size);
    line-height: var(--fdp-sys-typescale-body-medium-line-height);
    font-weight: var(--fdp-sys-typescale-body-medium-weight);
    letter-spacing: var(--fdp-sys-typescale-body-medium-letter-spacing);
  }
  
  .fdp-typescale-body-small {
    font-family: var(--fdp-sys-typescale-body-small-font);
    font-size: var(--fdp-sys-typescale-body-small-size);
    line-height: var(--fdp-sys-typescale-body-small-line-height);
    font-weight: var(--fdp-sys-typescale-body-small-weight);
    letter-spacing: var(--fdp-sys-typescale-body-small-letter-spacing);
  }
  
  /* Label */
  
  .fdp-typescale-label-large {
    font-family: var(--fdp-sys-typescale-label-large-font);
    font-size: var(--fdp-sys-typescale-label-large-size);
    line-height: var(--fdp-sys-typescale-label-large-line-height);
    font-weight: var(--fdp-sys-typescale-label-large-weight);
    letter-spacing: var(--fdp-sys-typescale-label-large-letter-spacing);
  }
  
  .fdp-typescale-label-medium {
    font-family: var(--fdp-sys-typescale-label-medium-font);
    font-size: var(--fdp-sys-typescale-label-medium-size);
    line-height: var(--fdp-sys-typescale-label-medium-line-height);
    font-weight: var(--fdp-sys-typescale-label-medium-weight);
    letter-spacing: var(--fdp-sys-typescale-label-medium-letter-spacing);
  }
  
  .fdp-typescale-label-small {
    font-family: var(--fdp-sys-typescale-label-small-font);
    font-size: var(--fdp-sys-typescale-label-small-size);
    line-height: var(--fdp-sys-typescale-label-small-line-height);
    font-weight: var(--fdp-sys-typescale-label-small-weight);
    letter-spacing: var(--fdp-sys-typescale-label-small-letter-spacing);
}

  @media only screen and (max-width: 767px) {
      .fdp-typescale-display-large {
         font-family: var(--fdp-sys-typescale-display-medium-font);
         font-size: var(--fdp-sys-typescale-display-medium-size);
         line-height: var(--fdp-sys-typescale-display-medium-line-height);
         font-weight: var(--fdp-sys-typescale-display-medium-weight);
         letter-spacing: var(--fdp-sys-typescale-display-medium-letter-spacing);
      }
  }
  
  @media only screen and (max-width: 479px) {
      .fdp-typescale-display-large {
            font-family: var(--fdp-sys-typescale-display-small-font);
            font-size: var(--fdp-sys-typescale-display-small-size);
            line-height: var(--fdp-sys-typescale-display-small-line-height);
            font-weight: var(--fdp-sys-typescale-display-small-weight);
            letter-spacing: var(--fdp-sys-typescale-display-small-letter-spacing);
      }
  }
  
  @media only screen and (max-width: 767px) {
    .fdp-typescale-headline-large {
      font-family: var(--fdp-sys-typescale-headline-medium-font);
      font-size: var(--fdp-sys-typescale-headline-medium-size);
      line-height: var(--fdp-sys-typescale-headline-medium-line-height);
      font-weight: var(--fdp-sys-typescale-headline-medium-weight);
      letter-spacing: var(--fdp-sys-typescale-headline-medium-letter-spacing);   
  
    }
}
  
  @media only screen and (max-width: 479px) {
    .fdp-typescale-headline-large {
      font-family: var(--fdp-sys-typescale-headline-small-font);
      font-size: var(--fdp-sys-typescale-headline-small-size);
      line-height: var(--fdp-sys-typescale-headline-small-line-height);
      font-weight: var(--fdp-sys-typescale-headline-small-weight);
      letter-spacing: var(--fdp-sys-typescale-headline-small-letter-spacing);
    }
  }/* End custom CSS */