.elementor-5171201 .elementor-element.elementor-element-5b0b4f4{padding:32px 0px 32px 0px;}.elementor-5171201 .elementor-element.elementor-element-12b891d > .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-5171201 .elementor-element.elementor-element-645c205{text-align:left;}.elementor-5171201 .elementor-element.elementor-element-645c205 .elementor-image img{width:48px;max-width:48px;}.elementor-5171201 .elementor-element.elementor-element-645c205 > .elementor-widget-container{margin:0px 0px 16px 0px;}.elementor-5171201 .elementor-element.elementor-element-677780e > .elementor-widget-container{margin:0px 0px 16px 0px;}.elementor-5171201 .elementor-element.elementor-element-4539c8b a.elementor-button{font-family:"Poppins", poppins;font-weight:700;border-radius:96px 96px 96px 96px;padding:16px 24px 16px 24px;}.elementor-5171201 .elementor-element.elementor-element-4539c8b{width:100%;max-width:100%;}.elementor-5171201 .elementor-element.elementor-element-2e3f9e2 a.elementor-button{font-family:"Poppins", poppins;font-weight:700;border-radius:96px 96px 96px 96px;padding:16px 24px 16px 24px;}.elementor-5171201 .elementor-element.elementor-element-6a6003c > .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-5171201 .elementor-element.elementor-element-22cc3ee > .elementor-container{max-width:552px;}.elementor-5171201 .elementor-element.elementor-element-8b9b8f8 > .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-5171201 .elementor-element.elementor-element-8b9b8f8 > .elementor-element-populated, .elementor-5171201 .elementor-element.elementor-element-8b9b8f8 > .elementor-element-populated > .elementor-background-overlay{border-radius:8px 8px 8px 8px;}.elementor-5171201 .elementor-element.elementor-element-8b9b8f8 > .elementor-element-populated{box-shadow:0px 0px 8px 0px rgba(0,0,0,0.33);padding:8px 8px 8px 8px;}.elementor-5171201 .elementor-element.elementor-element-6101db9{text-align:center;}.elementor-5171201 .elementor-element.elementor-element-6101db9 .elementor-image img{width:48px;height:48px;}.elementor-5171201 .elementor-element.elementor-element-150d5a9 > .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-5171201 .elementor-element.elementor-element-150d5a9 > .elementor-element-populated, .elementor-5171201 .elementor-element.elementor-element-150d5a9 > .elementor-element-populated > .elementor-background-overlay{border-radius:8px 8px 8px 8px;}.elementor-5171201 .elementor-element.elementor-element-150d5a9 > .elementor-element-populated{box-shadow:0px 0px 8px 0px rgba(0,0,0,0.33);padding:8px 8px 8px 8px;}.elementor-5171201 .elementor-element.elementor-element-e5de64d{text-align:center;}.elementor-5171201 .elementor-element.elementor-element-e5de64d .elementor-image img{width:48px;height:48px;}.elementor-5171201 .elementor-element.elementor-element-ba601cd > .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-5171201 .elementor-element.elementor-element-ba601cd > .elementor-element-populated, .elementor-5171201 .elementor-element.elementor-element-ba601cd > .elementor-element-populated > .elementor-background-overlay{border-radius:8px 8px 8px 8px;}.elementor-5171201 .elementor-element.elementor-element-ba601cd > .elementor-element-populated{box-shadow:0px 0px 8px 0px rgba(0,0,0,0.33);padding:8px 8px 8px 8px;}.elementor-5171201 .elementor-element.elementor-element-c95d7ad{text-align:center;}.elementor-5171201 .elementor-element.elementor-element-c95d7ad .elementor-image img{width:48px;height:48px;}.elementor-5171201 .elementor-element.elementor-element-3d0421c{padding:0px 0px 0px 0px;}.elementor-5171201 .elementor-element.elementor-element-75b58f4.elementor-widget-heading .elementor-heading-title{color:#594366;}.elementor-5171201 .elementor-element.elementor-element-75b58f4 .elementor-heading-title{font-family:"Poppins", poppins;}.elementor-5171201 .elementor-element.elementor-element-9741b61 .slick-list{margin-left:-9px;-webkit-clip-path:inset(0 0 0 9px);clip-path:inset(0 0 0 9px);}.elementor-5171201 .elementor-element.elementor-element-9741b61 .slick-slide .slick-slide-inner{margin-left:9px;}.elementor-5171201 .elementor-element.elementor-element-9741b61:not(.wrapfix) .slick-slide-inner > *, .elementor-5171201 .elementor-element.elementor-element-9741b61.wrapfix .slick-slide-inner > * > *{padding:3px 3px 3px 3px !important;}.elementor-5171201 .elementor-element.elementor-element-30ba2eb a.elementor-button{font-family:"Poppins", poppins;font-weight:700;border-radius:96px 96px 96px 96px;padding:16px 24px 16px 24px;}.elementor-5171201 .elementor-element.elementor-element-30ba2eb{width:100%;max-width:100%;}.elementor-5171201 .elementor-element.elementor-element-ffbd0ad.elementor-widget-heading .elementor-heading-title{color:#594366;}.elementor-5171201 .elementor-element.elementor-element-ffbd0ad .elementor-heading-title{font-family:"Poppins", poppins;}.elementor-5171201 .elementor-element.elementor-element-8abd012{text-align:left;}.elementor-5171201 .elementor-element.elementor-element-8abd012 .elementor-image img{border-radius:8px 8px 8px 8px;box-shadow:0px 0px 6px 0px rgba(0,0,0,0.33);}.elementor-5171201 .elementor-element.elementor-element-8abd012 .widget-image-caption{color:#7a7a7a;font-family:"Poppins", poppins;margin-top:8px;}.elementor-5171201 .elementor-element.elementor-element-7dcb711{text-align:left;}.elementor-5171201 .elementor-element.elementor-element-7dcb711 .elementor-image img{border-radius:8px 8px 8px 8px;box-shadow:0px 0px 6px 0px rgba(0,0,0,0.33);}.elementor-5171201 .elementor-element.elementor-element-7dcb711 .widget-image-caption{text-align:left;color:#7a7a7a;font-family:"Poppins", poppins;margin-top:8px;}.elementor-5171201 .elementor-element.elementor-element-80db246 a.elementor-button{border-radius:96px 96px 96px 96px;}.elementor-5171201 .elementor-element.elementor-element-1fc0c88.elementor-widget-heading .elementor-heading-title{color:#594366;}.elementor-5171201 .elementor-element.elementor-element-1fc0c88 .elementor-heading-title{font-family:"Poppins", poppins;}.elementor-5171201 .elementor-element.elementor-element-3a4c91d figure{width:calc(100% / 3);padding:6px;}.elementor-5171201 .elementor-element.elementor-element-3a4c91d .elementor-image-gallery{margin:-6px;}.elementor-5171201 .elementor-element.elementor-element-3a4c91d figure img{border-radius:8px 8px 8px 8px;}.elementor-5171201 .elementor-element.elementor-element-3a4c91d figcaption{text-align:center;}.elementor-5171201 .elementor-element.elementor-element-7b7945d a.elementor-button{font-family:"Poppins", poppins;font-weight:700;border-radius:96px 96px 96px 96px;padding:16px 24px 16px 24px;}.elementor-5171201 .elementor-element.elementor-element-7b7945d{width:100%;max-width:100%;}.elementor-5171201 .elementor-element.elementor-element-a33bf19.elementor-widget-heading .elementor-heading-title{color:#594366;}.elementor-5171201 .elementor-element.elementor-element-a33bf19 .elementor-heading-title{font-family:"Poppins", poppins;}.elementor-5171201 .elementor-element.elementor-element-e801791{padding:0px 0px 0px 0px;}.elementor-5171201 .elementor-element.elementor-element-73b67ee .slick-list{margin-left:-9px;-webkit-clip-path:inset(0 0 0 9px);clip-path:inset(0 0 0 9px);}.elementor-5171201 .elementor-element.elementor-element-73b67ee .slick-slide .slick-slide-inner{margin-left:9px;}.elementor-5171201 .elementor-element.elementor-element-73b67ee:not(.wrapfix) .slick-slide-inner > *, .elementor-5171201 .elementor-element.elementor-element-73b67ee.wrapfix .slick-slide-inner > * > *{padding:3px 3px 3px 3px !important;}.elementor-5171201 .elementor-element.elementor-element-2781f28.elementor-widget-heading .elementor-heading-title{color:#594366;}.elementor-5171201 .elementor-element.elementor-element-2781f28 .elementor-heading-title{font-family:"Poppins", poppins;}.elementor-5171201 .elementor-element.elementor-element-217da5e{padding:0px 0px 0px 0px;}.elementor-5171201 .elementor-element.elementor-element-b0a72fb .slick-list{margin-left:-9px;-webkit-clip-path:inset(0 0 0 9px);clip-path:inset(0 0 0 9px);}.elementor-5171201 .elementor-element.elementor-element-b0a72fb .slick-slide .slick-slide-inner{margin-left:9px;}.elementor-5171201 .elementor-element.elementor-element-b0a72fb:not(.wrapfix) .slick-slide-inner > *, .elementor-5171201 .elementor-element.elementor-element-b0a72fb.wrapfix .slick-slide-inner > * > *{padding:3px 3px 3px 3px !important;border-color:#333333;}.elementor-5171201 .elementor-element.elementor-element-7b85b24.elementor-widget-heading .elementor-heading-title{color:#594366;}.elementor-5171201 .elementor-element.elementor-element-7b85b24 .elementor-heading-title{font-family:"Poppins", poppins;}.elementor-5171201 .elementor-element.elementor-element-3046cab figure{width:calc(100% / 3);padding:6px;}.elementor-5171201 .elementor-element.elementor-element-3046cab .elementor-image-gallery{margin:-6px;}.elementor-5171201 .elementor-element.elementor-element-3046cab figure img{border-radius:8px 8px 8px 8px;}.elementor-5171201 .elementor-element.elementor-element-3046cab figcaption{text-align:center;}.elementor-5171201 .elementor-element.elementor-element-f14ee07 a.elementor-button{font-family:"Poppins", poppins;font-weight:700;border-radius:96px 96px 96px 96px;padding:16px 24px 16px 24px;}.elementor-5171201 .elementor-element.elementor-element-f14ee07{width:100%;max-width:100%;}.elementor-5171201 .elementor-element.elementor-element-0914f12{margin-top:32px;margin-bottom:32px;padding:0px 0px 0px 0px;}.elementor-5171201 .elementor-element.elementor-element-8adb276.elementor-widget-heading .elementor-heading-title{color:#594366;}.elementor-5171201 .elementor-element.elementor-element-8adb276 .elementor-heading-title{font-family:"Poppins", poppins;}.elementor-5171201 .elementor-element.elementor-element-eb1faca .slick-list{margin-left:-9px;-webkit-clip-path:inset(0 0 0 9px);clip-path:inset(0 0 0 9px);}.elementor-5171201 .elementor-element.elementor-element-eb1faca .slick-slide .slick-slide-inner{margin-left:9px;}.elementor-5171201 .elementor-element.elementor-element-eb1faca:not(.wrapfix) .slick-slide-inner > *, .elementor-5171201 .elementor-element.elementor-element-eb1faca.wrapfix .slick-slide-inner > * > *{padding:3px 3px 3px 3px !important;}.elementor-5171201 .elementor-element.elementor-element-c8340ad.elementor-widget-heading .elementor-heading-title{color:#594366;}.elementor-5171201 .elementor-element.elementor-element-c8340ad .elementor-heading-title{font-family:"Poppins", poppins;}.elementor-5171201 .elementor-element.elementor-element-fa14261 .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-5171201 .elementor-element.elementor-element-3a4c91d figure{width:calc(100% / 3);}.elementor-5171201 .elementor-element.elementor-element-3046cab figure{width:calc(100% / 3);}}@media(max-width:767px){.elementor-5171201 .elementor-element.elementor-element-75b58f4 .elementor-heading-title{font-size:24px;}.elementor-5171201 .elementor-element.elementor-element-1fc0c88 .elementor-heading-title{font-size:24px;}.elementor-5171201 .elementor-element.elementor-element-3a4c91d figure{width:calc(100% / 2);}.elementor-5171201 .elementor-element.elementor-element-a33bf19 .elementor-heading-title{font-size:24px;}.elementor-5171201 .elementor-element.elementor-element-2781f28 .elementor-heading-title{font-size:24px;}.elementor-5171201 .elementor-element.elementor-element-7b85b24 .elementor-heading-title{font-size:24px;}.elementor-5171201 .elementor-element.elementor-element-3046cab figure{width:calc(100% / 2);}.elementor-5171201 .elementor-element.elementor-element-8adb276 .elementor-heading-title{font-size:24px;}.elementor-5171201 .elementor-element.elementor-element-c8340ad .elementor-heading-title{font-size:24px;}}/* Start custom CSS for button, class: .elementor-element-4539c8b */.elementor-element-4539c8b 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-2e3f9e2 */.elementor-element-2e3f9e2 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-22cc3ee */.elementor-element-22cc3ee .elementor-row{
    gap: 24px;
    align-items: stretch;
    justify-content: center;
}

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

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

.elementor-element-ba601cd .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-9741b61 */#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-30ba2eb */.elementor-element-30ba2eb 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 button, class: .elementor-element-80db246 */#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-38aa0f8 */.elementor-element-af4e52b{
    display: none;
}/* End custom CSS */
/* Start custom CSS for image-gallery, class: .elementor-element-3a4c91d */#categories img {
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.33);
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-7b7945d */#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 product-carousel, class: .elementor-element-73b67ee */#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-b0a72fb */#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-3046cab */#andalso img {
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.33);
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-f14ee07 */#etaussibutton{
    background: var(--fdp-color-primary);
    width: 100%;
    max-width: 320px;
}

#etaussibutton .elementor-button-text{
    color: var(--fdp-color-on-primary);
}/* End custom CSS */
/* Start custom CSS for product-carousel, class: .elementor-element-eb1faca */#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 */