/********HEADER********************/
 .black-friday-2025-header {
   display: block;
   position: relative;
   width: 100%;
   overflow: hidden;
   background-color: #000;
 }

 .black-friday-2025-header__background {
   display: block;
   position: absolute;
   width: 100%;
   height: 100%;
   left: 0;
   top: 0;
   background-color: #000;
 }

 .black-friday-2025-header__background img {
   display: block;
   width: 100%;
   height: 100%;
   object-fit: cover;
   object-position: center center;
 }

 .black-friday-2025-header__content {
   position: relative;
   z-index: 2;
   display: flex;
   width: 100%;
   height: 285px;
   justify-content: center;
   align-items: center;
   flex-direction: column;
   gap: 20px;
 }


 .black-friday-2025-header__title {
   margin: 0;
   color: #fff;
   font-family: var(--font-medium, "Gotham SSm medium A", "Gotham SSm medium B", Helvetica, Arial, sans-serif);
   font-weight: bolder;
   font-size: 84px;
   line-height: 85%;
   letter-spacing: -0.02em;
   text-transform: uppercase;
 }

 .black-friday-2025-header__text {
   margin: 0;
   color: #fff;
   font-family: var(--font-book, "Gotham SSm book A", "Gotham SSm book B", Helvetica, Arial, sans-serif);
   font-weight: 300;
   font-size: 50px;
   line-height: 100%;
   letter-spacing: -0.02em;
   text-transform: uppercase;
 }

 .black-friday-2025-header__text>strong {
   font-family: var(--font-medium, "Gotham SSm medium A", "Gotham SSm medium B", Helvetica, Arial, sans-serif);
   font-weight: 700;
 }

 @media(min-width:2200px) {
   .black-friday-2025-header__content {
     container-type: inline-size;
     --RATIO: 0.045454cqw;
     height: calc(285*var(--RATIO));
     gap: calc(20*var(--RATIO));
   }

   .black-friday-2025-header__title {
     font-size: calc(84*var(--RATIO));
   }

   .black-friday-2025-header__text {
     font-size: calc(50*var(--RATIO));
   }
 }

 @media(max-width:1536px) and (min-width:762px) {
   .black-friday-2025-header__content {
     container-type: inline-size;
     --RATIO: 0.06510416666cqw;
     height: calc(285*var(--RATIO));
     gap: calc(20*var(--RATIO));
   }

   .black-friday-2025-header__title {
     font-size: calc(84*var(--RATIO));
   }

   .black-friday-2025-header__text {
     font-size: calc(50*var(--RATIO));
   }
 }

 @media(max-width:761px) {
   .black-friday-2025-header__content {
     container-type: inline-size;
     --RATIO: 0.26595744cqw;
     height: calc(105*var(--RATIO));
     gap: calc(7*var(--RATIO));
   }

   .black-friday-2025-header__title {
     font-size: calc(26*var(--RATIO));
   }

   .black-friday-2025-header__text {
     font-size: calc(16*var(--RATIO));
   }
 }


 i-loader[name="I-CUSTOM-LOADER-DATA"] {
   align-items: flex-start;
   padding-top: 70px;
 }


 .black-friday-2025-categories__button {
   line-height: 20px;
   padding: 8px 16px;
   border: 1px solid #B0A9A5;
   color: #333;
   border-radius: 18px;
   background-color: #fff;
   text-transform: none;
   font-family: var(--font-medium, "Gotham SSm medium A", "Gotham SSm medium B", Helvetica, Arial, sans-serif);
 }

 .black-friday-2025-categories__button[data-selected="1"] {
   border: 1px solid #333;
 }

 .black-friday-2025-categories__button:hover {
   box-shadow: 0 0 7px 0 rgba(0, 0, 0, .15);
 }

 .black-friday-2025-categories__button:focus-visible {
   box-shadow: 0px 0px 0px 1px #fff, 0px 0px 0px 3px #6893D2;
 }

 .black-friday-2025-categories {
   padding: 24px;
   background-color: #fff;
   gap: 16px;
   display: flex;
   justify-content: center;
   align-items: center;
   flex-wrap: wrap;
   position: relative;
 }

 #CONTAINER {
   position: relative;
   z-index: 1;
 }

 #FILTER {
   position: relative;
   z-index: 2;
   min-height: 40px;
   background-color: #f5efeb;
 }

 #DETAILS {
   position: relative;
   z-index: 1;
   min-height: 32px;
 }

 #RESULTS {
   position: relative;
   z-index: 1;
   min-height: 470px;
 }

 .custom-PLP-block {
   position: relative;
   margin: 0 auto;
   max-width: 1264px;
   width: calc(100% - 80px);
 }

 @media(max-width:1023px) {
   .custom-PLP-block {
     width: calc(100% - 42px);
   }
 }

 @media(max-width:761px) {
   .custom-PLP-block {
     width: 100%;
   }
 }

 /********CSPOT********************/

 #RESULTS .cspot_v2 {
   --BG-COLOR: #FFF;
   --BORDER-COLOR: #D3CCC8;
   --TEXT-COLOR: #333;
   min-height: 100%;
 }

 #RESULTS .cspot_v2 .cspot_v2__special-mention {
   border-top: 1px solid #333;
   border-bottom: 1px solid #333;
   display: inline-block;
   padding: 4px 0;
   color: #333;
 }

 #RESULTS .cspot_v2 .cspot_v2__text {
   font-size: 14px;
 }

 @media(max-width:761px) {
   #RESULTS .cspot_v2 {
     border: 0px solid;
   }
 }

 /********FINDER TILE********************/

 #RESULTS .finder-tile__text {
   flex-direction: column;
   align-items: center;
   gap: 72px;

 }

 #RESULTS .findertile-loader,
 #RESULTS .search-result>.finder-tile__wrapper {
   order: 1;
   flex-basis: calc(25% - 30px);
   height: auto;
   overflow: hidden;
 }

 #RESULTS .finder-tile__wrapper>.finder-tile.black-friday-background {
   background-image: url(./img/finder-tile-@2x.jpg);
 }

 #RESULTS .finder-tile__logo {
   font-size: 24px;
   color: #fff;
   text-transform: uppercase;
   font-family: var(--font-medium, "Gotham SSm medium A", "Gotham SSm medium B", Helvetica, Arial, sans-serif);
   display: flex;
   flex-direction: column;
   align-items: center;
   width: 209px;
 }


 #RESULTS .finder-tile__logo span {
   font-family: var(--font-book, "Gotham SSm book A", "Gotham SSm book B", Helvetica, Arial, sans-serif);
   display: block;
 }

 #RESULTS .finder-tile__logo span.finder-tile__logo--club {
   font-size: 0;
   background-image: url(./img/club-clarins.svg);
   padding-bottom: 53.6458333%;
   background-size: cover;
   display: block;
   width: 100%;
   margin-top: -5%;
 }

 #RESULTS .finder-tile__logo span.finder-tile__logo--rewards {
   font-size: 44px;
   font-weight: 700;
   margin-bottom: -25%;
 }

 #RESULTS .finder-tile__logo span.finder-tile__logo--rewards sub {
   bottom: auto;
   font-size: 0.5em;
   font-weight: 400;
   margin-left: 0.5em;
 }

 #RESULTS .productplptile-loader {
   flex-basis: calc(25% - 30px);
   order: 4;
   height: auto;
   padding-bottom: 0 !important;
 }

 #RESULTS .cspot-loader {
   order: 3;
   flex-basis: calc(50% - 20px);
 }

 #RESULTS .search-result {
   display: flex;
   flex-wrap: wrap;
   gap: 40px;

 }

 @media(max-width:1250px) and (min-width:1024px) {
   #RESULTS .finder-tile__text {
     transform: scale(0.9);
   }
 }

 @media(max-width:1023px) {

   #RESULTS .findertile-loader,
   #RESULTS .search-result>.finder-tile__wrapper {
     flex-basis: calc(33.3333333% - 14px);
   }

   #RESULTS .productplptile-loader {
     flex-basis: calc(33.3333333% - 14px);
   }

   #RESULTS .cspot-loader {
     flex-basis: calc(66.66666666% - 7px);
   }

   #RESULTS .search-result {
     gap: 21px;
   }

   #RESULTS .finder-tile__logo {
     width: 100%;
   }
 }

 @media(max-width:761px) {
   #RESULTS .finder-tile {
     width: calc(50vw - 1px);
     overflow: hidden;
   }

   #RESULTS .findertile-loader,
   #RESULTS .search-result>.finder-tile__wrapper {
     flex-basis: 50%;
   }

   #RESULTS .productplptile-loader {
     flex-basis: 50%;
     border-left: 1px solid #cfcac9;
   }

   #RESULTS .cspot-loader {
     flex-basis: 100%;
   }

   #RESULTS .search-result {
     gap: 0px;
     border-right: 1px solid #cfcac9;
   }


   #RESULTS .search-result::after {
     display: none;
   }

   #RESULTS .finder-tile__logo {
     font-size: 16px;
   }

   #RESULTS .finder-tile__title {
     font-size: 14px;
   }
 }



 .custom-PLP-header i-loader {
   display: none;
 }

 #categoryfilter-accordion {
   display: none !important;
 }

 .pagedesigner-page-content {
   max-width: 902px;
 }

 .appliedfilterdetails-loader,
 .searchbar-loader {
   position: relative;
 }

 .accordion-category .category-filter-item.sorting-menu-item .sorting-menu-item__link {
   color: #333;
   padding-left: 16px;
   margin: 3px;
 }

 @media (min-width: 1024px) {
   .accordion-category .category-filter-item {
     height: 45px;
     line-height: 45px;
   }
 }

 .accordion-category .category-filter-item {
   height: 42px;
   padding-left: 0px;
   cursor: pointer;
   font-family: var(--font-book, "Gotham SSm book A", "Gotham SSm book B", Helvetica, Arial, sans-serif);
   font-size: 14px;
   letter-spacing: .196px;
   line-height: 42px;
   font-weight: normal;
 }

 @media (min-width: 768px) {
   .sortmenu-accordion .sort-item {
     padding-left: 30px;
   }
 }

 @media (min-width: 1024px) {
   .sortmenu-accordion .sort-item:hover {
     background-color: #f5efeb;
   }
 }

 .sortmenu-accordion .sort-item {
   height: 43px;
   padding-left: 20px;
   cursor: pointer;
   font-family: var(--font-book, "Gotham SSm book A", "Gotham SSm book B", Helvetica, Arial, sans-serif);
   font-size: 14px;
   letter-spacing: .196px;
   line-height: 43px;
   font-weight: normal;
 }

 .sortmenu-accordion .sort-item.active-option,
 .sortmenu-accordion .sort-item.default-option {
   font-family: var(--font-medium, "Gotham SSm medium A", "Gotham SSm medium B", Helvetica, Arial, sans-serif);
   font-size: 14px;
   letter-spacing: .196px;
   line-height: 43px;
   font-weight: 500;
 }


 #wrapper .accordion-section__title {
   font-size: 14px;
   font-weight: 400;
   line-height: 20.3px;
   text-align: left;
   width: 100%;
   border-bottom: 1px solid #D3CCC8;
   padding: 16px 0;
   text-transform: none;
 }

 #wrapper .accordion[accordion-disabled=false].arrow-skin .accordion-section__title.black-chevron::after {
   top: calc(50% - 20px);
 }

 #wrapper .pagedesigner-page-content .display-flex {
   border-top: 1px solid #333;
 }

 #wrapper .display-flex>div {
   width: 100%;
 }

 #wrapper .accordion-section__title[aria-expanded="true"]+.accordion-section__wrapper {
   padding-bottom: 20px;
   border-bottom: 1px solid #D3CCC8;
 }