/* @license GPL-2.0-or-later https://www.drupal.org/licensing/faq */
.skincare-routine-wrapper .skincare-routine-wrapper__title{display:flex;padding:32px 12px 32px 12px;flex-direction:column;align-items:flex-start;gap:16px;align-self:stretch;text-align:center;}.skincare-routine-wrapper .skincare-routine-wrapper__title #tabs-title{margin-left:auto;margin-right:auto;max-width:848px;}.skincare-routine-wrapper .tabs-nav{all:unset;display:flex;padding:16px 0 48px 0;align-items:stretch;gap:12px;overflow-x:auto;}.skincare-routine-wrapper .tabs-nav::-webkit-scrollbar{height:8px;}.skincare-routine-wrapper .tab-button{all:unset;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;border-radius:3px;background:var(--color-white);box-shadow:0 4px 32px 0 rgba(0,0,0,0.08);cursor:pointer;transition:all 0.3s ease;position:relative;overflow:hidden;width:159px;min-width:159px;min-height:100%;}.skincare-routine-wrapper .tab-button:focus{outline:none;}.skincare-routine-wrapper .tab-button:focus-visible{outline:3px solid blue;outline-offset:2px;}.skincare-routine-wrapper .tab-button:hover{transform:translateY(-2px);background-color:var(--color-primary-light);}.skincare-routine-wrapper .tab-button[aria-selected="true"]{background:var(--color-primary-light--tier);border:none;color:var(--color-secondary);}.skincare-routine-wrapper .tab-button img{all:unset;flex:1 0 0;align-self:stretch;border-top-left-radius:3px;border-top-right-radius:3px;object-fit:cover;display:block;}.skincare-routine-wrapper .tab-title{all:unset;display:flex;padding:10px;align-items:center;gap:10px;flex:1 0 0;font-size:14px;font-style:normal;font-weight:600;line-height:130%;justify-content:space-between;}.skincare-routine-wrapper .tab-title__icon{display:none;}.skincare-routine-wrapper .tab-button[aria-selected="true"] .tab-title{font-weight:700;}.skincare-routine-wrapper .tab-panel{padding:0;}.skincare-routine-wrapper .tab-panel[aria-hidden="true"]{display:none;}.skincare-routine-wrapper .tab-panel[aria-hidden="false"]{display:block;animation:fadeIn 0.3s ease-in;}@keyframes fadeIn{from{opacity:0;transform:translateY(10px);}to{opacity:1;transform:translateY(0);}}.skincare-routine-wrapper .tab-content-wrapper{all:unset;}.skincare-routine-wrapper .skincare-routine__wrapper{display:flex;padding:0;flex-direction:column;align-items:flex-start;align-self:stretch;}.skincare-routine-wrapper .tab-text{all:unset;}.skincare-routine__description{display:flex;padding:24px 0;justify-content:center;align-items:center;gap:10px;align-self:stretch;justify-self:start;}.skincare-routine__description h3{margin:0;font-size:24px;}.skincare-routine__products{display:flex;flex-direction:column;align-items:flex-start;gap:16px;align-self:stretch;}.skincare-routine__products hr{width:100%;height:1px;background-color:var(--color-gray-stroke);border:none;margin:8px 0;}.skincare-routine__product-wrapper{display:flex;align-items:center;gap:16px;align-self:stretch;padding:8px 0;}.skincare-routine__product-index{display:flex;width:40px;height:40px;justify-content:center;align-items:center;position:relative;font-size:16px;font-style:normal;font-weight:600;line-height:130%;}.skincare-routine__product-index::before,.skincare-routine__product-index::after{display:block;content:'';width:7px;height:40px;background-image:url(/themes/custom/dexeryl-gamme/images/icons/bracket.svg);background-position:center;background-repeat:no-repeat;position:absolute;}.skincare-routine__product-index::before{left:0;height:42px;}.skincare-routine__product-index::after{transform:rotate(180deg);right:0;height:43px;}.skincare-routine__product-image{flex-shrink:0;}.skincare-routine__product-image img{border-radius:4px;}.skincare-routine__product-informations{display:flex;flex-direction:column;align-items:flex-start;gap:4px;flex:1 0 0;}.skincare-routine__product-title{font-size:18px;font-style:normal;font-weight:600;line-height:130%;margin:0 0 4px 0;}.skincare-routine__product-action{font-size:18px;font-style:normal;font-weight:600;line-height:130%;}.skincare-routine__product-action p{margin:0;font-weight:700;}.skincare-routine__product-range-state__wrapper{font-size:16px;font-style:normal;font-weight:300;line-height:130%;}.skincare-routine__cta{margin:24px 0 0 56px;}.skincare-routine-wrapper .skincare-routine__image{align-self:center;}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}@media (min-width:480px){.skincare-routine-wrapper .tab-title{font-size:13px;height:56px;padding:8px;}.skincare-routine__product-wrapper{flex-direction:row;align-items:center;gap:16px;}.skincare-routine__product-index{align-self:center;}}@media (min-width:768px){.skincare-routine-wrapper .tabs-nav{padding:16px 16px 48px 16px;gap:12px;display:grid;grid-template-columns:repeat(2,1fr);}.skincare-routine-wrapper .tab-button{width:100%;height:auto;min-width:unset;flex-direction:row;align-items:center;}.skincare-routine-wrapper .tab-button{min-width:159px;}.skincare-routine-wrapper .tab-title{font-size:14px;height:64px;padding:10px 20px;}.skincare-routine-wrapper .tab-title__icon{display:block;}.skincare-routine-wrapper .tab-title__icon:after{display:block;content:'';width:24px;height:24px;background-image:url(/themes/custom/dexeryl-gamme/images/icons/arrow_right.svg);background-position:center;background-repeat:no-repeat;}.skincare-routine__wrapper{padding:0 12px;}.skincare-routine__cta{margin-left:56px;align-self:flex-start;}}@media (min-width:1024px){.skincare-routine-wrapper .tab-content-wrapper{display:grid;grid-template-columns:minmax(300px,869px) minmax(auto,663px);gap:30px;align-items:start;}.skincare-routine-wrapper .tab-text{grid-column:2;}.skincare-routine-wrapper .skincare-routine__image{grid-column:1;grid-row:1;align-self:unset;}.skincare-routine-wrapper .tabs-nav{padding-left:3rem;padding-right:3rem;}}@media (min-width:1350px){.skincare-routine-wrapper .tabs-container{max-width:1720px;width:100%;margin:0 auto;}.skincare-routine-wrapper .tabs-nav{justify-content:center;overflow:visible;display:flex;padding-left:unset;padding-right:unset;padding-bottom:96px;}.skincare-routine-wrapper .tab-content-wrapper{gap:40px;padding:0;}.skincare-routine__description{padding:32px 0;}.skincare-routine__product-wrapper{gap:20px;}.skincare-routine-wrapper .tab-button{max-width:337px;}}@media (min-width:1600px){.skincare-routine-wrapper .tab-content-wrapper{gap:100px;}}
.tabs-container{max-width:1200px;margin:0 auto;font-family:Arial,sans-serif;}.tabs-nav{display:flex;background-color:#f5f5f5;border-bottom:3px solid #0066cc;overflow-x:auto;border-radius:8px 8px 0 0;}.tab-button{display:flex;align-items:center;padding:16px 24px;border:2px solid transparent;background:transparent;cursor:pointer;transition:all 0.3s ease;min-width:fit-content;white-space:nowrap;color:#333;text-decoration:none;border-radius:8px 8px 0 0;margin-right:2px;}.tab-button:hover{background-color:#e6f3ff;border-color:#0066cc;}.tab-button:focus{outline:3px solid #ffbf47;outline-offset:2px;background-color:#e6f3ff;}.tab-button[aria-selected="true"]{background-color:white;border-bottom:3px solid #0066cc;color:#0066cc;font-weight:600;border-top:2px solid #0066cc;border-left:2px solid #0066cc;border-right:2px solid #0066cc;}.tab-title{font-weight:500;font-size:16px;}.tab-button[aria-selected="true"] .tab-title{font-weight:600;}.tab-panel{display:none;padding:30px;animation:fadeIn 0.3s ease-in;}.tab-panel[aria-hidden="false"]{display:block;}@keyframes fadeIn{from{opacity:0;transform:translateY(10px);}to{opacity:1;transform:translateY(0);}}.tab-content-wrapper{display:grid;grid-template-columns:1fr 2fr;gap:30px;align-items:start;}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}.tab-button:focus-visible{outline:3px solid #ffbf47;outline-offset:2px;}
.product-teaser--2025{flex:1 1 40%;min-width:160px;}.product-teaser--2025:hover,.product-teaser--2025:focus-within{animation:focusPulse 0.6s ease-in-out;}.product-teaser--2025 .product-teaser__link{text-align:unset;padding:0;}.product-teaser--2025 .product-teaser__image-wrapper{position:relative;}.product-teaser--2025 .product-teaser__image::before{all:unset;}.product-teaser--2025 .product-teaser__image{position:unset;}.product-teaser--2025 .product-teaser__category-wrapper{position:absolute;left:50%;transform:translateX(-50%);top:14px;display:flex;width:100%;max-width:150px;flex-direction:column;align-items:center;}.product-teaser--2025 .product-teaser__category{padding:4px 8px;background-color:var(--color-white);text-align:center;font-size:12px;font-style:normal;font-weight:600;line-height:normal;}.product-teaser--2025 .product-teaset__texts-wrapper{display:flex;flex-direction:column;gap:8px;padding:8px 0;}.product-teaser--2025 .product-teaset__texts-wrapper p{margin:0;}.product-teaser--2025 .product-teaser__new-wrapper{position:absolute;right:0;top:125px;}.product-teaser--2025 .product-teaser__new{color:var(--color-white);background-color:var(--color-red);padding:8px;font-size:12px;font-style:normal;font-weight:600;line-height:100%;text-transform:uppercase;}.product-teaser--2025 .product-teaser__title{font-size:16px;font-style:normal;font-weight:600;line-height:130%;margin:8px 0;}.product-teaser--2025 .product-teaser__action{font-size:16px;font-style:normal;line-height:130%;margin-bottom:8px;}.product-teaser--2025 .product-teaser__action p{font-weight:600;margin:0;}.product-teaser--2025 .product-teaset__informations-wrapper{display:flex;flex-direction:column;gap:10px;}.product-teaser--2025 .product-teaser__range{margin:unset;font-size:16px;font-style:normal;font-weight:300;line-height:130%;}.product-teaser--2025 .product-teaser__state{font-size:16px;font-style:normal;font-weight:300;line-height:130%;color:#677386;}@media all and (min-width:550px){.product-teaser--2025{max-width:250px;width:100%;flex:unset;}.product-teaser--2025 .product-teaser__new-wrapper{right:5px;top:175px;}}@media all and (min-width:900px){.product-teaser--2025{max-width:350px;}.product-teaser--2025 .product-teaser__category-wrapper{max-width:326px;}.product-teaser--2025 .product-teaser__category{font-size:16px;padding:8px 16px;}.product-teaser--2025 .product-teaser__title{font-size:20px;}.product-teaser--2025 .product-teaser__action{font-size:18px;}.product-teaser--2025 .product-teaser__range{font-size:18px;}.product-teaser--2025 .product-teaser__state{font-size:18px;}.product-teaser--2025 .product-teaser__new-wrapper{right:24px;top:260px;}.product-teaser--2025 .product-teaser__new{font-size:16px;}}@media all and (min-width:1300px){.product-teaser--2025{max-width:406px;}}@keyframes focusPulse{0%,100%{transform:scale(1);}50%{transform:scale(1.02);}}
.visually-hidden{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0,0,0,0) !important;white-space:nowrap !important;border:0 !important;}.filter-fieldset{border:none;margin:0;padding:0;min-width:0;}.filter-legend{font-size:1.125rem;font-weight:600;color:#374151;margin-bottom:1rem;padding:0;display:none;}.custom-taxonomy-filter{display:flex;flex-direction:row;justify-content:center;}.filter-items{display:flex;align-items:center;align-content:center;gap:8px;align-self:stretch;flex-wrap:wrap;}.filter-item{position:relative;overflow:hidden;transition:all 0.3s ease;border:1px solid rgba(91,102,112,0.10);background:#F5F7FB;display:flex;flex-direction:row;gap:5px;padding:4px 10px 4px 5px;justify-content:center;align-items:center;min-height:48px;}.filter-item .item-images img{width:40px;height:40px;}.filter-item:hover:not(.active),.filter-item:focus-within:not(.active){background-color:var(--color-primary-light);color:var(--color-white);transform:scale(1.015);transition:transform 0.6s ease;}.filter-item.active{background-color:var(--color-primary-light);color:var(--color-white);}.filter-item.active .item-image,.filter-item:hover:not(.active) .item-image,.filter-item:focus-within:not(.active) .item-image{display:none;}.filter-item .item-image_hover{display:none;}.filter-item.active .item-image_hover,.filter-item:hover:not(.active) .item-image_hover,.filter-item:focus-within:not(.active) .item-image_hover{display:block;}.filter-item.active .item-content:after,.filter-item:hover:not(.active) .item-content:after,.filter-item:focus-within:not(.active) .item-content:after{display:block;content:'';width:24px;height:24px;background-image:url(/themes/custom/dexeryl-gamme/images/icons/arrow_right--white.svg);background-position:center;background-repeat:no-repeat;}.filter-item input[type="radio"]{position:absolute;opacity:0;width:1px;height:1px;overflow:hidden;}.filter-label{display:block;cursor:pointer;margin:0;width:100%;height:100%;text-decoration:none;transition:all 0.2s ease;font-weight:inherit;font-size:inherit;color:inherit;}.filter-label:focus{outline:3px solid #3b82f6;outline-offset:2px;}.filter-label:focus-visible{outline:3px solid #3b82f6;outline-offset:2px;}.filter-item .item-label,.filter-item .filter-label{font-weight:500;}.item-content{display:flex;align-items:center;gap:5px;}.bef-actions{display:none;}.bef-actions.visible{display:block;margin-top:1rem;}.bef-actions input[type="submit"],.bef-actions input[type="reset"]{background-color:#3b82f6;color:white;border:none;padding:0.5rem 1rem;border-radius:6px;cursor:pointer;margin-right:0.5rem;}.bef-actions input[type="submit"]:hover,.bef-actions input[type="reset"]:hover{background-color:#2563eb;}@media all and (min-width:750px){.filter-item .item-content:after{display:block;content:'';width:24px;height:24px;}}@media (prefers-reduced-motion:reduce){.filter-item{transition:none;}}@media (prefers-contrast:high){.filter-item{border-width:2px;}.filter-item.active,.filter-item:hover,.filter-item:focus-within{border-color:#000;}.filter-label:focus{outline:4px solid #000;}}@keyframes focusPulse{0%,100%{transform:scale(1);}50%{transform:scale(1.02);}}[aria-live]{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden;}
.view-teaser-2025 .view-filters{padding-top:64px;padding-bottom:64px;}.view-teaser-2025 .view-content{display:flex;flex-direction:column;gap:64px;}.view-teaser-2025--row{display:flex;flex-direction:row;gap :12px;flex-wrap:wrap;justify-content:center;}
@keyframes gin-throbber{0%{transform:rotateZ(0);}100%{transform:rotateZ(360deg);}}.ajax-progress__throbber,.ajax-progress__throbber--fullscreen,.ui-dialog .ajax-progress__throbber,.media-library-item .ajax-progress__throbber{border:3px solid var(--gin-color-primary);border-inline-end:3px dotted transparent;}.ajax-progress .ajax-progress__message{color:var(--gin-color-text);}[dir].gin--dark-mode .ajax-progress--fullscreen{background-color:var(--gin-color-primary);border-color:transparent;box-shadow:0 2px 6px 0 var(--gin-bg-app);}[dir].gin--dark-mode .ajax-progress--fullscreen .ajax-progress__throbber,[dir].gin--dark-mode .ajax-progress--fullscreen .ajax-progress__throbber--fullscreen{border:3px solid var(--gin-bg-app);border-inline-end:3px dotted transparent;}.media-library-widget .ajax-progress__throbber,.media-library-widget .ajax-progress__throbber--fullscreen{border:2px solid var(--gin-color-primary);border-inline-end:2px dotted transparent;}.ui-dialog .ajax-progress-throbber{padding:var(--gin-spacing-xs);background:var(--gin-bg-app);border-radius:50%;box-shadow:0 2px 6px 0 rgba(34,35,48,.1);border:1px solid rgba(216,217,224,.8);}.gin--dark-mode .ui-dialog .ajax-progress-throbber{background-color:var(--gin-color-primary);border-color:transparent;box-shadow:0 2px 6px 0 var(--gin-bg-app);}.ui-dialog .ajax-progress-throbber::before,.contextual-links .ajax-progress-throbber::before{content:"";display:block;position:absolute;inset-block-start:var(--gin-spacing-xs);inset-inline-start:var(--gin-spacing-xs);width:1.125rem;height:1.125rem;border:2px solid var(--gin-color-primary);border-inline-end:2px dotted transparent;border-radius:50%;animation:gin-throbber .75s linear infinite;}.gin--dark-mode .ui-dialog .ajax-progress,.gin--dark-mode .media-library-item .ajax-progress.ajax-progress.ajax-progress{background-color:var(--gin-bg-app);border-color:var(--gin-bg-app);}.contextual-links li{position:relative;}.contextual-links .ajax-progress-throbber{position:absolute;inset-block-start:0;inset-inline-end:var(--gin-spacing-xxs);width:24px;height:24px;}.contextual-links .ajax-progress-throbber::before{inset-block-start:0;inset-inline-start:.25em;}.claro-autocomplete__message{color:var(--gin-color-primary);}