/*! * Since 2007 PayPal * * NOTICE OF LICENSE * * This source file is subject to the Academic Free License (AFL 3.0) * that is bundled with this package in the file LICENSE.txt. * It is also available through the world-wide-web at this URL: * http://opensource.org/licenses/afl-3.0.php * If you did not receive a copy of the license and are unable to * obtain it through the world-wide-web, please send an email * to license@prestashop.com so we can send you a copy immediately. * * DISCLAIMER * * Do not edit or add to this file if you wish to upgrade PrestaShop to newer * versions in the future. If you wish to customize PrestaShop for your * needs please refer to http://www.prestashop.com for more information. * * @author Since 2007 PayPal * @author 202 ecommerce <tech@202-ecommerce.com> * @license http://opensource.org/licenses/osl-3.0.php Open Software License (OSL 3.0) * @copyright PayPal * */.paypal-loader{border:16px solid #f3f3f3;border-top:16px solid #3498db;border-radius:50%;width:25px;height:25px;-webkit-animation:spin 2s linear infinite;animation:spin 2s linear infinite}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.paypal-loader-container{position:absolute;top:0;left:0;right:0;height:100%;background:#fff}.pp__flex{display:-webkit-box !important;display:-webkit-flex !important;display:-ms-flexbox !important;display:flex !important}.pp__align-items-center{-webkit-box-align:center !important;-webkit-align-items:center !important;-ms-flex-align:center !important;align-items:center !important}.pp__justify-content-center{-webkit-box-pack:center !important;-webkit-justify-content:center !important;-ms-flex-pack:center !important;justify-content:center !important}.pp__hidden{display:none}.pp__d-table-cell{display:table-cell}.pp__position-relative{position:relative}.pp__position-absolute{position:relative}.pp__flex_direction_column{-webkit-box-orient:vertical !important;-webkit-box-direction:normal !important;-webkit-flex-direction:column !important;-ms-flex-direction:column !important;flex-direction:column !important}.pp__justify-content-between{-webkit-box-pack:justify !important;-webkit-justify-content:space-between !important;-ms-flex-pack:justify !important;justify-content:space-between !important}.pp__flex_direction_column{-webkit-box-orient:vertical !important;-webkit-box-direction:normal !important;-webkit-flex-direction:column !important;-ms-flex-direction:column !important;flex-direction:column !important}.pp__justify-content-between{-webkit-box-pack:justify !important;-webkit-justify-content:space-between !important;-ms-flex-pack:justify !important;justify-content:space-between !important}.pp__flex-item-1{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.pp__flex-item-2{-webkit-box-flex:2;-webkit-flex:2;-ms-flex:2;flex:2}.pp__flex-item-3{-webkit-box-flex:3;-webkit-flex:3;-ms-flex:3;flex:3}.pp__flex-item-4{-webkit-box-flex:4;-webkit-flex:4;-ms-flex:4;flex:4}.pp__flex-item-5{-webkit-box-flex:5;-webkit-flex:5;-ms-flex:5;flex:5}.pp-info .item{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;font-size:14px}.pp-info .item .header{font-weight:700}.pp-info .item .desc{text-align:center;line-height:1.3;width:100%}#index [paypal-messaging-banner],#category [paypal-messaging-banner]{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}@media only screen and (min-width: 992px){body.pp-popover .popover{max-width:500px}}@media only screen and (max-width: 991px){.popover.bs-tether-element-attached-top{left:-95px !important;width:276px;top:13px !important}.popover.bs-tether-element-attached-top::before,.popover.bs-tether-element-attached-top::after{left:85%}}    .total_results {margin: 1em 0;  text-align: center;} .total_results, .total_results strong {font-size: 1.5rem;  line-height: 1.3em;} .total_results.luxe, .total_results.luxe strong, .total_results.luxe span {font-family: "ABChanel Corpo_Extra Light";} .total_results.luxe, .total_results.luxe strong {font-size: 1.2rem;} .filters_container * {box-sizing: content-box;} .global_loader .filter_open {background: rgba(255, 255, 255, 0.3333333333);  backdrop-filter: none;} .global_loader.filter_open .global_loader_img {position: absolute;} .filters_container {position: sticky;  top: calc(11vh + 12px);  z-index: 999998;  background: #fff;} .filters_container:after {content: "";  position: absolute;  transition: background 1s;} .filters_container.open {z-index: 999999999;} .filters_container.open:after {content: "";  display: block;  position: absolute;  top: 0;  left: 0;  width: 100%;  height: 100%;  background: rgba(255, 255, 255, 0.8156862745);} .filters {position: relative;  overflow: visible;  border-top: 1px solid #666;  border-bottom: 1px solid #666;} .filters .titles {display: flex;  justify-content: space-between;  align-items: center;  padding: 0 3rem;} .filters .filters_title {display: flex;  justify-content: center;  align-items: center;  padding: 1em 1em;  text-align: center;  text-transform: uppercase;  cursor: pointer;} .filters .filters_title .fa {font-size: 1.3rem;} .filters .filters_title_mobile {position: sticky;  top: 0;  border-bottom: 1px solid #dcdcdc;} .filters .filters_title_mobile .filters_title {justify-content: center;  padding: 1.5rem 0;  background: #fff;} .filters .filters_title .filters_main_title .total_filters_container {display: none;} .filters .filters_title .filters_main_title, .filters .filters_title .sort_main_title, .filters .sort_title .sort_main_title {display: flex;  align-items: center;  font-weight: 600;  font-size: 1.1rem;  text-transform: uppercase;} .filters .filters_tabs {display: block !important;  position: fixed;  top: 0;  right: -36%;  height: 100%;  width: 35%;  overflow-y: auto;  z-index: 999999999;  margin: 0;  border-left: 1px solid #cdcddc;  transition: right 0.5s, background-color 0.4s;} .filters .filters_tabs.open {right: 0;} .filters .filter_tab {width: 100%;  max-height: 10000px;} .filters .filter_tab.closed {display: none;} .filters .filter_tab_title {color: #222;  font-family: "Metropolis", "Open Sans Regular", Helvetica, Arial, sans-serif;  font-size: 1rem;  padding: 0 1.25em;  text-underline-offset: 0.35em;  line-height: 2rem;  text-align: center;  margin: 0 auto;  transition: margin 0.3s;} .filters .filter_tab_title .fa {font-size: 1.1rem;} .filters .filter_tab_title.with_tab {display: flex;  justify-content: space-between;  align-items: baseline;  background: #ededed;  text-align: left;  width: calc(85% - 8em);  padding: 0.5em 4em;  border-radius: 0.5em;  border: 1px solid transparent;  cursor: pointer;} .filters .filter_tab_title.with_tab:after {content: "\f106";  font-family: "Font Awesome 6 Pro";  transition: transform 0.3s;} .filters .filter_tab_title.with_tab.closed {margin: 0 auto 1em auto;} .filters .filter_tab_title.with_tab.closed:after {transform: rotate(180deg);} .filters .filter_tab_title.with_tab.is_active, .filters .filter_tab_title.with_tab.opened {border-color: #9e9e9e;} .filters .filter_tab[data-id-feature="26"] .filter_value, .filters .filter_tab[data-id-feature="15"] .filter_value, .filters .filter_tab[data-id-feature="7"] .filter_value, .filters .filter_tab[data-id-feature="3"] .filter_value, .filters .filter_tab[data-id-feature="14"] .filter_value, .filters .filter_tab[data-id-feature="1"] .filter_value, .filters .filter_tab[data-id-feature="8"] .filter_value, .filters .filter_tab[data-id-feature="5"] .filter_value, .filters .filter_tab[data-id-feature="4"] .filter_value {width: 40%;} .filters .filter_list {display: flex;  justify-content: center;  align-items: start;  grid-gap: 0.5rem;  flex-wrap: wrap;  width: calc(100% - 2em);  max-width: 1400px;  margin: 3em auto 3em auto;} .filters .filter_list.sort {grid-gap: 0;} .filters .filter_list .hidden_filters {width: 100%;  max-height: 0;  overflow: hidden;  transition: max-height 0.3s;} .filters .filter_list .hidden_filters.open {max-height: 2000px;  transition: max-height 0.8s;} .filters .filter_list .see_all_filters {display: flex;  align-items: baseline;  cursor: pointer;  text-align: center;  margin-top: 1em;  padding: 3px 1em 4px 1em;  border: 1px solid #cdcdcd;  background: #fbfbfb;} .filters .filter_list .see_all_filters .fa {margin-right: 1em;} .filters .filter_list .see_all_filters .see_all_text {border-bottom: 1px solid transparent;  transition: border 0.3s;} .filters .filter_list .see_all_filters:hover .see_all_text {border-bottom: 1px solid #999;} .filters .filter_value {width: calc((100% - 2em) * 0.85 + 24px);  text-align: center;  padding: 12px;  border: 1px solid #e2e2e2;  display: block;  cursor: pointer;  transition: border-color 0.3s, color 0.3s;  background: #ffffff;} .filters .filter_value.open .submit_search {left: 0;} .filters .filter_value.open .submit_search.delete_active {left: 185px;} .filters .filter_value.selected {border-color: #222;  font-weight: 600;  background: #222;  color: #fff;} .filters .filter_value.selected a {color: #fff;} .filters .filter_value.commercial_brand {font-weight: 600;} .filters .filter_value:hover {border-color: #222;} .filters .filter_value.selected:hover {border-color: #fff;} .filters .filter_value[disabled=disabled] {color: #cdcdcd;} .filters .filter_value[data-id-feature-value="15974"], .filters .filter_value[data-id-feature-value="921"] {padding: 12px;  display: flex;  align-items: center;  justify-content: center;} .filters .filter_value[data-id-feature-value="921"]:before, .filters .filter_value[data-id-feature-value="15974"]:before {font-family: "Font Awesome 6 Pro";  margin-right: 1em;  font-weight: 300;  font-size: 1.2rem;} .filters .filter_value[data-id-feature-value="15974"]:before {content: "\e0da";} .filters .filter_selections {display: flex;  justify-content: center;  align-items: center;  column-gap: 2rem;  margin: 0 0 2rem 0;} .filters .filter_selections .nb_crits {background: #000;  font-weight: 600;  color: #ffffff;  padding: 1px 7px 2px 7px;  border-radius: 100%;  margin-right: 0.5rem;} .filters .sort_container {position: fixed;  top: 0;  right: -26%;  height: 100%;  width: 25%;  overflow-y: auto;  z-index: 999999999;  margin: 0;  border-left: 1px solid #cdcdcd;  background: #f7f7f7;  transition: right 0.5s, background-color 0.4s;} .filters .sort_container.open {right: 0;} .filters .sort_container .filter_form {justify-content: center;  height: calc(100vh - 5rem);  padding: 0;} .filters .filter_value_sort {margin: 0 auto;} .filters .filter_value_sort:nth-child(1) {border-radius: 1em 1em 0 0;} .filters .filter_value_sort:nth-child(n+2) {border-top-color: transparent;} .filters .filter_value_sort:nth-child(n+2):hover {border-top-color: #222;} .filters .filter_value_sort:last-child {border-radius: 0 0 1em 1em;} .filters .sort_title {cursor: pointer;  display: flex;  align-items: center;  padding: 0 1.5em;} .filters .sort_title .sort_main_title .fa-sort {font-size: 1.3rem;} .filters .filter_form {display: flex;  flex-direction: column;  justify-content: space-between;  background: #f7f7f7;  padding-top: 1.5rem;  min-height: calc(100% - 65px - 1.5rem);} .filters .filters_title .total, .filters .sort_title .sort {font-size: 0.9rem;  text-align: end;  margin-left: 1rem;  text-transform: uppercase;} .filters .filter_spacer {height: 1px;} .filters .cta {position: sticky;  display: flex;  align-items: stretch;  max-height: 70px;  bottom: 0;  margin-top: 3em;  flex-grow: 1;  padding: 0 calc((100% - 2em) / 10 - 1em - 2px) 0 calc((100% - 2em) / 10 - 1em - 2px);  border-bottom: 1em solid #f7f7f7;} .filters .submit_search, .filters .delete_all_button {display: flex;  flex-grow: 1;  flex-flow: column;  margin: 0;  padding: 10px 0;  align-items: center;  justify-content: center;  background: #000;  color: #fff;  border: 0;  cursor: pointer;  transition: background 0.3s, left 0.5s;} .filters .submit_search, .filters .delete_all_button, .filters .submit_search .total_products, .filters .delete_all_button .total_filters {font-size: 1.1rem;} .filters .submit_search .total_products_container {margin-top: 5px;} .filters .submit_search .total_products_container * {font-size: 0.9rem;} .filters .submit_search:hover {background: #222;} .filters .submit_search:disabled {background: #cdcdcd;} .filters .delete_all_button {background: #fff;  color: #000;  border: 1px solid #000;} .filters .delete_all_button:disabled {color: #cdcdcd;} .filters.luxe {border-top: 1px solid #cdcdcd;  border-bottom: 1px solid #cdcdcd;} .filters.luxe .filters_title {justify-content: space-between;  flex-grow: 1;  padding: 1em 1.5em;} .filters.luxe .filters_title .fa {font-size: 1rem;} .filters.luxe .filters_title .total {font-family: "ABChanel Corpo", "Open Sans Regular", Helvetica, Arial, sans-serif;  font-weight: 600;  font-size: 0.8rem;} .filters.luxe .filters_title .total .total_products {font-family: "ABChanel Corpo", "Open Sans Regular", Helvetica, Arial, sans-serif;  font-weight: 600;  font-size: 0.8rem;} .filters.luxe .filters_title .filters_main_title {font-family: "ABChanel Corpo", "Open Sans Regular", Helvetica, Arial, sans-serif;  font-weight: 600;  font-size: 0.9rem;} .filters.luxe .filters_title .filters_main_title .total_filters, .filters.luxe .filters_title .filters_main_title .total_filters_container {font-family: "ABChanel Corpo", "Open Sans Regular", Helvetica, Arial, sans-serif;  font-weight: 600;  font-size: 0.9rem;} .filters.luxe .filter_form {justify-content: flex-start;  min-height: calc(100% - 43px - 1.5rem);} .filters.luxe .filter_tab_title {font-family: "ABChanel Corpo", "Open Sans Regular", Helvetica, Arial, sans-serif;  font-weight: 600;  font-size: 0.75rem;} .filters.luxe .filter_tab_title.with_tab {border-radius: 0;} .filters.luxe .submit_search {font-family: "ABChanel Corpo", "Open Sans Regular", Helvetica, Arial, sans-serif;  font-weight: 600;  font-size: 0.8rem;  border-radius: 0;} .filters.luxe .delete_all_button {font-family: "ABChanel Corpo", "Open Sans Regular", Helvetica, Arial, sans-serif;  font-weight: 600;  font-size: 0.8rem;  border: 1px solid #cdcdcd;} .filters.luxe .filter_selections {align-items: baseline;} .filters.luxe .filter_selections .nb_products, .filters.luxe .filter_selections .nb_products .nb_products_filtered {font-family: "ABChanel Corpo", "Open Sans Regular", Helvetica, Arial, sans-serif;  font-weight: 200;  font-size: 0.8rem;} div[class^="product_global_overlay filters_tabs_"][class$=_overlay] .close {right: calc(35% + 2rem);  left: auto;} @media (pointer: fine) {.filters_tabs::-webkit-scrollbar {width: 6px;   background: #cdcdcd;}  .filters_tabs::-webkit-scrollbar-track {display: none;}  .filters_tabs::-webkit-scrollbar-thumb {background-color: rgba(0, 0, 0, 0.25);}} @media screen and (max-width: 1100px) {.filters_container {top: calc(10vh + 12px);}} @media screen and (max-width: 767px) {.global_loader.filter_open {width: 90%;}  .filters {display: flex;   align-items: center;   justify-content: space-evenly;}  .filters .titles {flex: 1 1 0;   padding: 0;}  .filters .filters_title {border-right: 1px solid #000;}  .filters .filters_title,  .filters .sort_title {padding: 0.75rem 0;   flex: 1 1 0;   justify-content: center;   flex-wrap: wrap;}  .filters .filters_title .fa,  .filters .sort_title .sort_main_title .fa-sort {font-size: 1.2rem;}  .filters .filters_title .total,  .filters .sort_title .sort {margin-left: 0;}  .filters .filters_title.top_product .total,  .filters .sort_title.top_product .sort {width: 100%;}  .filters .filters_title .total .total_products,  .filters .filters_title .total,  .filters .sort_title .sort {font-size: 0.9rem;   white-space: nowrap;   text-transform: lowercase;   text-align: center;}  .filters .filters_title .filters_main_title,  .filters .filters_title .sort_main_title,  .filters .sort_title .sort_main_title {justify-content: center;   align-items: center;   font-size: 1rem;}  .filters .filter_list {margin: 1em auto 2em auto;}  .filters .filter_value {width: calc((100% - 2em) * 0.9 + 24px);}  .filters .filter_tab_title.with_tab {width: calc(90% - 4em);   padding: 0.5em 2em;}  .filters .filters_tabs {width: 90%;   right: -91%;}  .filters .sort_container {right: -91%;   width: 90%;}  .filters.luxe .filters_title.top_product .total {width: auto;}  div[class^="product_global_overlay filters_tabs_"][class$=_overlay] .close,  div[class^="product_global_overlay sort_container_"][class$=_overlay] .close {right: calc(90% + 5% - 9px);   top: 1em;}} @media (pointer: fine) {.filters_tabs::-webkit-scrollbar {width: 6px;   background: #cdcdcd;}  .filters_tabs::-webkit-scrollbar-track {display: none;}  .filters_tabs::-webkit-scrollbar-thumb {background-color: rgba(0, 0, 0, 0.25);}} @media screen and (max-width: 1100px) {.filters_container {top: calc(10vh + 12px);}} @media screen and (max-width: 767px) {.global_loader.filter_open {width: 90%;}  .filters {display: flex;   align-items: center;   justify-content: space-evenly;}  .filters .titles {flex: 1 1 0;   padding: 0;}  .filters .filters_title {border-right: 1px solid #000;}  .filters .filters_title .total .total_products, .filters .filters_title .total, .filters .filters_title .sort_title .sort {font-size: 0.9rem;   white-space: nowrap;   text-transform: lowercase;   text-align: center;}  .filters .filters_title .filters_main_title, .filters .filters_title .sort_main_title, .filters .filters_title .sort_title .sort_main_title {justify-content: center;   align-items: center;   font-size: 1rem;}  .filters .filters_title, .filters .sort_title {padding: 0.75rem 0;   flex: 1 1 0;   justify-content: center;   flex-wrap: wrap;}  .filters .filters_title .fa, .filters .sort_title .sort_main_title .fa-sort {font-size: 1.2rem;}  .filters .filters_title .total, .filters .sort_title .sort {margin-left: 0;}  .filters .filters_title.top_product .total, .filters .sort_title.top_product .sort {width: 100%;}  .filters.luxe .filters_title.top_product .total {width: auto;}  .filters .filter_list {margin: 1em auto 2em auto;}  .filters .filter_value {width: calc((100% - 2em) * 0.9 + 24px);}  .filters .filter_tab_title.with_tab {width: calc(90% - 4em);   padding: 0.5em 2em;}  .filters .filters_tabs {width: 90%;   right: -91%;}  .filters .sort_container {right: -91%;   width: 90%;}  div[class^="product_global_overlay filters_tabs_"][class$=_overlay] .close, div[class^="product_global_overlay sort_container_"][class$=_overlay] .close {right: calc(90% + 5% - 9px);   top: 1em;}}   @keyframes searchload-loader {0% {transform: rotate(0deg);}  50% {transform: rotate(180deg);}  100% {transform: rotate(360deg);}} @-o-keyframes searchload-loader {0% {transform: rotate(0deg);}  50% {transform: rotate(180deg);}  100% {transform: rotate(360deg);}} @-ms-keyframes searchload-loader {0% {transform: rotate(0deg);}  50% {transform: rotate(180deg);}  100% {transform: rotate(360deg);}} @-webkit-keyframes searchload-loader {0% {transform: rotate(0deg);}  50% {transform: rotate(180deg);}  100% {transform: rotate(360deg);}} @-moz-keyframes searchload-loader {0% {transform: rotate(0deg);}  50% {transform: rotate(180deg);}  100% {transform: rotate(360deg);}} .unvisible {opacity: 0;} .search_overlay {visibility: hidden;  position: fixed;  top: 0;  left: 0;  width: 100%;  height: 100%;  z-index: -999;  background: rgba(221, 221, 221, 0.6);  backdrop-filter: blur(0.75rem);  opacity: 0;  transition: opacity 0.3s;} .search_overlay.open {visibility: visible;  z-index: 99999;  opacity: 1;} em.fa {font-weight: 100;} .navigation-pipe {margin: 0 0.4em;} .search_panel {display: flex;  align-items: center;} .search_container {box-sizing: border-box;  -moz-box-sizing: border-box;  -webkit-box-sizing: border-box;  padding: 0;  width: 75%;  display: flex;  transition: background-color 0.5s, top 0.5s;  background: #ffffff;} .search_container .grid-3-cols {grid-template-columns: repeat(4, minmax(0, 1fr));} .search_container.open {z-index: 99999;  top: 1em;} .search_container .s {border-bottom: 2px solid transparent;  transition: border-color 0.3s;} .search_container .s.focus {border-color: black;} .search_container input {border: 0;  box-shadow: none;  width: calc(100% - 20px);  padding: 7px 8px 6px 10px;  z-index: 2;  background: transparent;} .search_container input::-webkit-input-placeholder {color: #222;} .search_container input::-moz-placeholder {color: #222;} .search_container input:-ms-input-placeholder {color: #222;} .search_container input:-moz-placeholder {color: #222;} .search_panel .icon_title {font-size: 0.9rem;  cursor: pointer;} .search_panel > .fa.fa-search {color: #000;  background: transparent;  font-size: 1.8rem;  margin-left: 40px;  padding-right: 10px;  cursor: pointer;} .search_panel .search_container.open > .fa.fa-search {display: none;}  .search_panel .fa.fa-search.search {animation: searchload-loader 3s infinite ease;  -o-animation: searchload-loader 3s infinite ease;  -ms-animation: searchload-loader 3s infinite ease;  -webkit-animation: searchload-loader 3s infinite ease;  -moz-animation: searchload-loader 3s infinite ease;} .search_panel .fa.fa-search.search:before {content: "\e1d4";} .search_panel .search_form {width: 100%;} .product_close {text-align: right;  padding: 0.5em 0;} .product_close .fa-times {margin: 0 1rem 0 0;  font-weight: 100;  font-size: 1.2em;  cursor: pointer;} .product_all_title, .category_all_title, .cms_all_title, .advice_all_title {text-align: start;  font-weight: 600;  text-transform: uppercase;   padding: 1em 0;  margin: 0 0 1rem 0;} .product_all_button {padding: 0.5em 0;   border-bottom: 2px solid #cdcdcd;  cursor: pointer;} .product_all_button:hover {border-color: black;} .product_all {padding: 0.5em 1em;  flex-grow: 1;  text-align: left;} .product_all:hover {text-decoration: underline;  cursor: pointer;} .result_container {position: absolute;  top: 100%;  width: 100%;  left: 0;  display: flex;  flex-wrap: wrap;  align-items: start;  padding-bottom: 1em;  box-shadow: 0 30px 35px rgba(0, 0, 0, 0.2);  background: #ffffff;  visibility: hidden;  opacity: 0;  overflow: auto;  transition: opacity 0.3s, visibility 0.3s, height 0.3s;} .result_container.open {visibility: visible;  opacity: 1;} .result_container .btn_list {width: 100%;  display: flex;  flex-flow: row-reverse;  flex-shrink: 0;  align-items: center;  background: #f7f7f7;  border-top: 1px solid #cdcdcd;  height: 45px;} .result_container .no_result {display: flex;  flex-flow: column;  align-items: center;  width: 100%;  padding: 4rem 0;} .result_container .no_result_picto .fa {font-size: 3rem;} .result_container .no_result_text {margin: 1rem 0;  font-size: 0.9rem;} .result_container .no_result_btn {padding: 6px 15px 8px 15px;  margin-top: 1rem;  background: #000000;  border-radius: 2rem;  color: #ffffff;  cursor: pointer;} .result_container .no_result_btn .no_result_btn_text {position: relative;} .result_container .no_result_btn .no_result_btn_text:before {content: "";  position: absolute;  bottom: 0;  left: 0;  width: 0;  border-bottom: 1px solid #ffffff;  transition: width 0.6s;} .result_container .no_result_btn:hover .no_result_btn_text:before {width: 100%;} .result_container .category_list, .result_container .cms_list, .result_container .advice_ps_list, .result_container .advice_cat_list, .result_container .advice_list {width: calc(25% - 2rem);  min-height: calc(22vw + 5.2rem);  padding: 0 1rem;  overflow: hidden;} .result_container .product_list {padding: 0 1rem 2rem 1rem;  width: calc(75% - 3rem);  display: flex;  flex-flow: column;  transition: opacity 0.3s;}  .result_container .product_list .product .infos {margin-bottom: 0;} .result_container .product_list .product .crossed_price {margin: 0;} .result_container .product_list .product .reduction {margin: 0 1rem;} .result_container .product_header {display: flex;  justify-content: space-between;  align-items: baseline;} .result_container .product_list .products .product {min-height: calc(22vw - 5rem);} .result_container .product_list .products .product .sfl_shorlist_large_link.product_list {flex-flow: row;} .result_container .product_list .products .product_link .try_on_text {display: none;}   .result_container .category_list .category_list_inner, .result_container .cms_list .cms_list_inner, .result_container .advice_ps_list .advice_list_inner, .result_container .advice_list .advice_list_inner, .result_container .advice_cat_list .advice_list_inner {display: flex;} .result_container .advice_ps_list .advice_list_inner, .result_container .advice_list .advice_list_inner, .result_container .advice_cat_list .advice_list_inner {flex-flow: column;  align-items: start;}  .result_container .category_list .category_list_inner {padding-bottom: 10px;  flex-wrap: wrap;}  .result_container .advice_ps_list .advice, .result_container .advice_list .advice, .result_container .advice_cat_list .advice {margin: 0.5rem 0 0.5rem 0;  padding: 0 0 0.25rem 0;  display: block;  border-bottom: 1px solid #efefef;  cursor: pointer;} .result_container .advice_ps_list .advice:hover, .result_container .advice_list .advice:hover, .result_container .advice_cat_list .advice:hover {border-bottom: 1px solid #666666;} .result_container .advice_ps_list .advice:focus, .result_container .advice_list .advice:focus, .result_container .advice_cat_list .advice:focus {border-bottom: 1px solid #666666;  background: aliceblue;}  .result_container .cms_list .cms {display: flex;  justify-content: left;  align-items: center;  text-align: left;  padding: 0.25em 0.5em;  background: #ffffff;} .result_container .more_products_container {display: flex;  justify-content: center;  margin-top: 2rem;} .result_container .more_products_container .more_products {padding: 5px 15px 6px 15px;  background: #000000;  color: #ffffff;  border-radius: 2rem;  cursor: pointer;} .result_container .more_products_container .more_products:hover {text-decoration: underline;} .result_container .category_list .category {display: flex;  flex-flow: column;  align-items: center;  margin: 0 1em 20px 1em;  padding: 0.5em 2em;  background: #f7f7f7;  border-radius: 2rem;  white-space: nowrap;} .result_container .title_el_submenu {overflow: hidden;  white-space: nowrap;  text-overflow: ellipsis;  max-width: calc(25vw - 2rem);  font-weight: 300;  text-transform: none;  font-size: 1rem;  letter-spacing: initial;} .result_container .category_list .category .title_el_submenu {position: relative;} .result_container .category_list .category .title_el_submenu:after {content: "";  position: absolute;  width: 0;  border-bottom: 1px solid #666666;  transition: width 0.6s;  bottom: 0;  left: 0;} .result_container .category_list .category:hover .title_el_submenu:after {width: 100%;} .result_container .category_list .category .title_el_submenu .fa {font-weight: 100;}  .result_container .category_list .category:focus span, .result_container .cms_list .cms:focus span {text-decoration: underline;  text-underline-offset: 0.25em;}  .result_container .category_list .category:hover, .result_container .cms_list .cms:hover {cursor: pointer;}  .result_container .cms_list .cms img {mix-blend-mode: multiply;  max-width: 100px;  min-width: 100px;  max-height: 45px;  object-fit: cover;} .result_container .category_list .category img {height: 68px;  width: 68px;} .result_container .cms_list .cms .fa {margin-right: 10px;} @media screen and (max-width: 1679px) {.result_container .category_list,  .result_container .cms_list {min-width: auto;}} @media screen and (max-width: 1100px) {.result_container {position: fixed;   display: block;   height: calc(100% - 131px);   padding-top: 45px;   flex-flow: column;   left: 0;   top: 12vh;   width: 100%;   margin: 0;   overflow-y: scroll;}  .result_container .btn_list {justify-content: center;   position: fixed;   top: 12vh;   height: 45px;   background: black;   z-index: 1000;}  .product_all {flex-grow: 0;  color: white;}  .product_close .fa-times {margin: 0;}   .product_all_title,  .category_all_title,  .cms_all_title,  .advice_all_title {}  .result_container .category_list,  .result_container .cms_list,  .result_container .advice_ps_list,  .result_container .advice_cat_list,  .result_container .advice_list,  .result_container .product_list {width: calc(100% - 2rem);   min-height: auto;}  .result_container .product_list {margin-top: 2rem;   padding-bottom: 1rem;}  .result_container .product_list .products .product {min-height: calc(70vw - 5rem);}  .result_container .product_list .product .product_price {grid-gap: 0.25rem;   margin-top: 1.5rem;}  .result_container .product_list .product .product_price * {font-size: 0.75rem;}  .result_container .product_list .product .reduction {margin: 0;}   .result_container .category_list, .result_container .cms_list {width: calc(100% - 1em);   padding: 0 0.5em;   overflow: hidden;}  .result_container .category_list .category_list_inner {overflow: scroll hidden;   flex-wrap: nowrap;   padding-top: 20px;}  .result_container .category_list .el_submenu {width: 100%;}  .result_container .category_list .category {margin: 0 0.5em 20px 0.5em;   padding: 0.5em 1em;}  .result_container .category_list .category * {font-size: 0.75em;}  .result_container .title_el_submenu {max-width: 90vw;}  .result_container .category_list .category .title_el_submenu:after {display: none;}   .result_container .cms_list .cms_list_inner {flex-wrap: wrap;}  .search_container {display: flex;   align-items: center;   position: absolute;   height: 12vh;   width: 100%;   left: 0;   top: -18vh;   border-top: 0;   transition: top 0.3s;}  .search_container.open {position: fixed;   top: 0;   box-shadow: 0 5px 10px rgba(0, 0, 0, 0.0980392157);}  .search_container.fixed {position: fixed;   top: 0;   left: 0;}  .search_container .s {width: calc(100% - 18px);   padding: 10px 9px 9px 9px;}  .search_panel > .fa.fa-search {margin-left: 24px;}  .search_panel .search_form {display: flex;   align-items: center;}  .search_panel .search_form .fa.fa-search,  .search_panel .search_form .fa.fa-times {padding: 9px 1rem;   font-size: 1.6rem;}} .result_search_form {display: flex;  justify-content: center;  margin-top: 3rem;  margin-bottom: 2rem;} .result_search_form .search_form2 {position: relative;  width: 70%;} .result_search_form .search_form2 .fa-search {position: absolute;  left: 0;  top: 50%;  transform: translateY(-50%);  pointer-events: none;} .result_search_form .search_form2 .q2 {width: 100%;  border: 0;  border-bottom: 2px solid #000;  border-radius: 0;  box-shadow: none;  background: transparent;  padding: 0.5rem 1.5rem;  text-align: center;  font-size: 1rem;} .result_search_form .search_form2 .q2:focus {outline: none;  box-shadow: none;}   .megamenu_open_menu {display: flex;  align-items: center;  text-align: center;  margin: 0 0 0 2.1rem;  cursor: pointer;  line-height: 0.95rem;}  .picto.menu_bars {width: 25px;  height: 25px;  position: relative;  margin: 5px 1.5rem 0 0;  -webkit-transform: rotate(0deg);  -moz-transform: rotate(0deg);  -o-transform: rotate(0deg);  transform: rotate(0deg);  -webkit-transition: 0.5s ease-in-out;  -moz-transition: 0.5s ease-in-out;  -o-transition: 0.5s ease-in-out;  transition: 0.5s ease-in-out;  cursor: pointer;} .picto.menu_bars span {display: block;  position: absolute;  height: 1px;  width: 100%;  background: #000;  opacity: 1;  left: 0;  -webkit-transform: rotate(0deg);  -moz-transform: rotate(0deg);  -o-transform: rotate(0deg);  transform: rotate(0deg);  -webkit-transition: 0.25s ease-in-out;  -moz-transition: 0.25s ease-in-out;  -o-transition: 0.25s ease-in-out;  transition: 0.25s ease-in-out;} .picto.menu_bars span:nth-child(1) {top: 0px;} .picto.menu_bars span:nth-child(2), .picto.menu_bars span:nth-child(3) {top: 9px;} .picto.menu_bars span:nth-child(4) {top: 18px;} .picto.menu_bars.open span:nth-child(1) {top: 18px;  width: 0%;  left: 50%;} .picto.menu_bars.open span:nth-child(2) {-webkit-transform: rotate(45deg);  -moz-transform: rotate(45deg);  -o-transform: rotate(45deg);  transform: rotate(45deg);} .picto.menu_bars.open span:nth-child(3) {-webkit-transform: rotate(-45deg);  -moz-transform: rotate(-45deg);  -o-transform: rotate(-45deg);  transform: rotate(-45deg);} .picto.menu_bars.open span:nth-child(4) {top: 18px;  width: 0%;  left: 50%;} .megamenu_open_menu:hover {} .megamenu_open_menu .icon_title {text-transform: capitalize;  font-size: 0.9rem;}  #header.minified .megamenu_open_menu .icon_title {} .visiofactorymegamenu_overlay {position: absolute;  width: 100%;   top: 100%;  height: calc(100vh - (11vh + 13px));  background: rgba(255, 255, 255, 0.8156862745);  z-index: 9999998;   left: 0;  opacity: 1;  transition: opacity 0.3s;} .visiofactorymegamenu_overlay.overlay_hidden {opacity: 0;} .visiofactorymegamenu_overlay .menu_close {position: fixed;  top: 19px;  left: 435px;  cursor: pointer;  width: 25px;  height: 25px;} .visiofactorymegamenu_overlay .menu_close:before, .visiofactorymegamenu_overlay .menu_close:after {position: absolute;  left: 15px;  content: " ";  height: 25px;  width: 1px;  background-color: #222;} .visiofactorymegamenu_overlay .menu_close:before {transform: rotate(45deg);} .visiofactorymegamenu_overlay .menu_close:after {transform: rotate(-45deg);} .visiofactorymegamenu {position: absolute;  width: 420px;   top: 100%;  height: calc(100vh - (11vh + 13px));  left: 0;  background: #fff;  z-index: 9999999;  cursor: auto;   transition: transform 0.3s ease-in;} .visiofactorymegamenu .menu_close {position: fixed;  left: calc(420px + 1rem);  top: 1rem;  cursor: pointer;} .visiofactorymegamenu .menu_close .fa-light {font-size: 2rem;  color: #999;} .visiofactorymegamenu.menu_hidden {transform: translateX(calc(-100% - 50px));} .visiofactorymegamenu .menu_content {position: relative;  height: 100%;  overflow-x: hidden;  border-right: 1px solid #dcdcdc;   box-shadow: 10px 0 35px rgba(0, 0, 0, 0.2);  clip-path: polygon(0 0, calc(100% + 50px) 0, calc(100% + 50px) 100%, 0 100%);} .visiofactorymegamenu .megamenu {position: absolute;  top: 0;  left: 0;  height: 100%;  width: 100%;  z-index: 999;  background: #f7f7f7;  overflow-y: auto;  overflow-x: hidden;   transform: translateX(0);  transition: transform 0.3s;  top: 0px;  height: 100%;} .visiofactorymegamenu .megamenu * {font-size: 0.95rem;} .visiofactorymegamenu .megamenu .menu_tabs * {font-size: 1rem;} .visiofactorymegamenu .megamenu.menu {} .visiofactorymegamenu .megamenu.menu:before {background-color: #f7f7f7;} .visiofactorymegamenu .megamenu::after {content: "";  display: block;  background: #f7f7f7;  border: 0;  background-image: url(https://visio.iwlab.org//themes/VisioFactory/modules/visiofactorymegamenu/../../assets/js/../img/logo_little_gray.png);  background-position: center center;  background-size: 95px;  opacity: 0.5;  background-repeat: no-repeat;  padding: 50px 0;} .visiofactorymegamenu .megamenu .menu_tabs {display: flex;  background-color: #cdcdcd;  height: 60px;} .visiofactorymegamenu .megamenu .menu_tabs .item {border-top: 1px solid transparent;  border-bottom: 1px solid #cdcdcd;  text-align: center;  color: #888;  background: #f7f7f7;} .visiofactorymegamenu .megamenu .menu_tabs .item:first-child {margin-right: 0.5px;} .visiofactorymegamenu .megamenu .menu_tabs .item:last-child {margin-left: 0.5px;} .visiofactorymegamenu .megamenu .menu_tabs .item.active {border-bottom-color: transparent;  color: #000;  background-color: #fff;} .visiofactorymegamenu .megamenu .menu_tabs .item.active .main_title {font-weight: 600;} .visiofactorymegamenu .megamenu .menu_tabs .main_title {text-transform: uppercase;} .visiofactorymegamenu .megamenu.main_hidden, .visiofactorymegamenu .megamenu.submenu_hidden_left, .visiofactorymegamenu .megamenu.first.submenu_hidden {transform: translateX(-100%);} .visiofactorymegamenu .megamenu.submenu_hidden {transform: translateX(100%);} .visiofactorymegamenu .megamenu li {background-color: #ffffff;} .visiofactorymegamenu .megamenu li.megamenu_open_submenu, .visiofactorymegamenu .megamenu li.menu_title, .visiofactorymegamenu .megamenu li a {display: block;  padding: 20px;  position: relative;  margin: 0;  cursor: pointer;  color: #000;   letter-spacing: 0.1em;  flex: 1 1 0;} .visiofactorymegamenu .megamenu li.megamenu_open_submenu, .visiofactorymegamenu .megamenu li.menu_title {background-color: #ffffff;} .visiofactorymegamenu .megamenu li.megamenu_open_submenu.item_lang, .visiofactorymegamenu .megamenu li.megamenu_open_submenu.item_currency {background: #f7f7f7;} .visiofactorymegamenu .megamenu li.item_my_account {background: #f0f0f0;} .visiofactorymegamenu .megamenu li .hashtag {position: absolute;  right: 55px;  top: 19px;  font-style: italic;  font-weight: 100;  color: #aaa;  font-size: 0.85rem;} .visiofactorymegamenu .megamenu li.border_bottom.megamenu_open_submenu, .visiofactorymegamenu .megamenu li.border_bottom.menu_title, .visiofactorymegamenu .megamenu li.border_bottom a {border-bottom: 1px solid #cdcdcd;} .visiofactorymegamenu .megamenu .megamenu_open_submenu.open_menu li.megamenu_open_submenu {padding: 16px 0;  border: 0;} .visiofactorymegamenu .megamenu .megamenu_open_submenu.open_menu li.megamenu_open_submenu:first-child {padding-top: 24px;} .visiofactorymegamenu .megamenu li strong {font-size: 0.8rem;} .visiofactorymegamenu .megamenu li.megamenu_open_submenu .items_open {} .visiofactorymegamenu .megamenu li.megamenu_open_submenu .items_open li span {border: 0;  background: transparent;  text-transform: none;   font-size: 1rem;  letter-spacing: 0.1em;} .visiofactorymegamenu .megamenu li.megamenu_open_submenu .items_open li a {border: 0;  background: transparent;   padding: 16px 0;  text-transform: none;} .visiofactorymegamenu .megamenu li.megamenu_open_submenu .items_open li a:active {background: rgba(29, 29, 29, 0.3490196078);} .visiofactorymegamenu .megamenu li.megamenu_open_submenu .items_open li:first-child a {padding-top: 24px;} .visiofactorymegamenu .megamenu li.megamenu_open_submenu .items_open li:last-child a {padding-bottom: 12px;} .visiofactorymegamenu .menu li.account_top {position: relative;  padding: 20px 12px 20px 60px;} .visiofactorymegamenu .megamenu li.item_my_account.account_bottom, .visiofactorymegamenu .megamenu li.account_bottom a {position: relative;  padding: 20px 12px 20px 60px;} .visiofactorymegamenu .menu li.account_top {height: 20px;  background: #f0f0f0;  color: #000000;  padding: 20px 12px 20px 53px;   font-weight: 100;  border-bottom: 1px solid #cdcdcd;  z-index: 9;} .visiofactorymegamenu .megamenu li.account_bottom {} .visiofactorymegamenu .megamenu li.account_bottom h3 {color: #ffffff;  font-weight: 100;} .visiofactorymegamenu .megamenu li.account_bottom h3:after {color: #ffffff;  font-weight: 100;} .visiofactorymegamenu .menu li.account_top {top: 0;  left: 0;  width: 355px;   cursor: auto;  letter-spacing: 0.05em;  padding-top: 21px;} .visiofactorymegamenu .menu li.account_top a {color: #000;  border-bottom: 1px solid #000;} .visiofactorymegamenu .menu_content li.item_logout a {background: #f7f7f7;  font-weight: 100;} .visiofactorymegamenu .megamenu li.item_my_account .main_title {color: #222222;} .visiofactorymegamenu .menu_content li.item_cart a:before, .visiofactorymegamenu .menu li.account_top:before {position: absolute;  font-family: "Font Awesome 6 Pro";  font-weight: 100;  font-size: 1.4rem;  left: 25px;  top: 17px;  color: #222222;  z-index: 1;} .visiofactorymegamenu .menu_content li.item_orders a:before, .visiofactorymegamenu .menu_content li.item_identity a:before {position: absolute;  font-family: "Font Awesome 6 Pro";  font-weight: 100;  font-size: 1.4rem;  left: 25px;  top: 17px;  color: #222222;  z-index: 1;} .visiofactorymegamenu .megamenu li.item_my_account:before {position: absolute;  font-family: "Font Awesome 6 Pro";  font-weight: 100;  font-size: 1.4rem;  left: 25px;  top: 17px;  color: #222222;  z-index: 1;} .visiofactorymegamenu .menu_content li.item_fav a:before, .visiofactorymegamenu .menu_content li.item_logout a:before {position: absolute;  font-family: "Font Awesome 6 Pro";  font-weight: 100;  font-size: 1.4rem;  left: 25px;  top: 17px;  color: #222222;  z-index: 1;} .visiofactorymegamenu .menu_content li.item_cart a:before {content: "\f290";} .visiofactorymegamenu .menu li.account_top:before {content: "\f2c0";  color: #222222;} .visiofactorymegamenu .menu_content li.item_orders a:before {content: "\f1b2";} .visiofactorymegamenu .menu_content li.item_identity a:before {content: "\f007";} .visiofactorymegamenu .megamenu li.item_my_account:before {content: "\f4ff";  color: #222222;} .visiofactorymegamenu .menu_content li.item_fav a:before {content: "\f08a";} .visiofactorymegamenu .menu_content li.item_logout a:before {content: "\f08b";  color: #555555;} .visiofactorymegamenu .menu > li.item_lang, .visiofactorymegamenu .menu > li.item_optical a {background: #f7f7f7;} .visiofactorymegamenu .menu > li.item_lang a, .visiofactorymegamenu .menu > li.item_currency a {} .visiofactorymegamenu .megamenu li h3, .visiofactorymegamenu .megamenu li h4, .visiofactorymegamenu .megamenu li h5, .visiofactorymegamenu .megamenu li h6 {color: #000;   letter-spacing: 0.1em;} .visiofactorymegamenu .megamenu li h3 div, .visiofactorymegamenu .megamenu li h4 div, .visiofactorymegamenu .megamenu li h5 div, .visiofactorymegamenu .megamenu li h6 div {color: #000;   letter-spacing: 0.1em;} .visiofactorymegamenu .megamenu li a {color: #000;   letter-spacing: 0.1em;} .visiofactorymegamenu .megamenu li.item_lang h3 div, .visiofactorymegamenu .megamenu li.item_currency h3 div, .visiofactorymegamenu .megamenu li.item_help h3 a, .visiofactorymegamenu .megamenu li.item_best h3 a, .visiofactorymegamenu .megamenu li.item_optical h3 a {text-transform: none;} .visiofactorymegamenu .megamenu.item_lang li a, .visiofactorymegamenu .megamenu.item_currency li a {text-transform: none;} .visiofactorymegamenu .menu li.account_top a {color: #ffffff;  border-bottom: 1px solid #ffffff;} .visiofactorymegamenu .megamenu li.account_bottom.item_my_account a {color: #ffffff;  font-weight: 300;   text-transform: none;} .visiofactorymegamenu .menu > li.item_logout a {color: #555555;  font-weight: 300;  background: #fff;  text-transform: none;} .visiofactorymegamenu .megamenu {border-right: 1px solid #cdcdcd;} .visiofactorymegamenu .megamenu .megamenu_title:after {content: "\f105";  position: absolute;  font-family: "Font Awesome 6 Pro";  font-weight: 100;  font-size: 1.4rem;  right: 20px;  top: 19px;  color: #000;} .visiofactorymegamenu .megamenu .megamenu_open_submenu.open_menu .megamenu_title:after {bottom: 15px;  top: auto;  right: -5px;} .visiofactorymegamenu .megamenu .open_menu {-webkit-tap-highlight-color: transparent;} .visiofactorymegamenu .megamenu .megamenu_title.open_title:after {content: "";  color: inherit;  transition: transform 0.3s;} .visiofactorymegamenu .megamenu .closed .megamenu_title.open_title:after {transform: rotate(-180deg);} .visiofactorymegamenu .megamenu .megamenu_open_submenu.open_menu .open_title {padding: 10px;  text-align: center;  cursor: default;  display: table;  white-space: nowrap;} .visiofactorymegamenu .megamenu .megamenu_open_submenu.open_menu .open_title:before, .visiofactorymegamenu .megamenu .megamenu_open_submenu.open_menu .open_title:after {border-top: 1px solid rgba(0, 0, 0, 0.2);  content: "";  display: table-cell;  position: relative;  top: 0.5em;  bottom: auto;  width: 45%;  font-size: 1rem;  transform: none;} .visiofactorymegamenu .megamenu .megamenu_open_submenu.open_menu .open_title:before {right: 5%;} .visiofactorymegamenu .megamenu .megamenu_open_submenu.open_menu .open_title:after {left: 5%;} .visiofactorymegamenu .megamenu .back {position: relative;   text-align: center;  padding: 20px 55px;   background: #ffffff;  color: #999999;  cursor: pointer;  font-size: 0.9rem;  letter-spacing: 0.1em;} .visiofactorymegamenu .megamenu .back:before {content: "\f104";  font-family: "Font Awesome 6 Pro";  position: absolute;  left: 25px;  top: calc(50% - 0.5em);  font-size: 1.4rem;  font-weight: 300;} .visiofactorymegamenu .megamenu li .with_hashtag:before {content: "";  padding-left: 1.5rem;} .visiofactorymegamenu .megamenu li.menu_title {border: 0;  color: #999999;  font-weight: 300;  padding-bottom: 25px;  cursor: default;  text-align: center;} .visiofactorymegamenu .megamenu li a.selected:before {content: "\f00c";  font-family: "Font Awesome 6 Pro";  color: #FF5A5F;  margin-right: 15px;} .visiofactorymegamenu .megamenu ol {margin: 0;  width: 100%;  background: #fff;  border-bottom: 1px solid #e7e7e7;  padding-left: 2.5rem;} .visiofactorymegamenu .megamenu li.letter_grey {padding: 15px 0;  border: 0;  margin: 0;  color: #bdbdbd;  list-style: upper-alpha;  font-weight: 600;} .visiofactorymegamenu .megamenu li.border_grey {border-left: 0;} .visiofactorymegamenu .megamenu li.border_grey a {text-transform: none;  padding: 10px 0 10px 10px;  border-bottom: 0;  border-left: 0;}  @media screen and (max-width: 768px) {.picto.menu_bars {margin-right: 5px;}  .megamenu_open_menu {margin: 0 0 0 1.75rem;   padding: 0;}  .megamenu_open_menu .picto i {margin: 0;   font-size: 2rem;}  .megamenu_open_menu .icon_title {display: none;}   .visiofactorymegamenu_overlay {height: 100vh;}  .visiofactorymegamenu_overlay .menu_close {height: 100vh;}  .visiofactorymegamenu {top: calc(100% - 2px);   height: calc(100vh - (10vh + 12px));   width: 100%;}  .header_content.luxe_border .visiofactorymegamenu {top: calc(11vh + 6px);}  .visiofactorymegamenu .menu_close {display: none;}  .visiofactorymegamenu .megamenu::after {padding: 0 0 300px 0;}  .visiofactorymegamenu .megamenu .menu_tabs .item.active {border-top: 1px solid #cdcdcd;}  .visiofactorymegamenu .menu_content {border-top: 1px solid #cdcdcd;   border-right: none;}  .visiofactorymegamenu .menu li.account_top {width: 255px;}} @media screen and (max-width: 600px) {.visiofactorymegamenu .menu li.account_top {width: calc(100% - 65px);}} @media screen and (max-width: 450px) {.megamenu_open_menu {line-height: normal;}  .megamenu_open_menu .hb {width: 37px;   margin-left: 0;   margin-top: 0.5rem;}} @media (pointer: fine) {.megamenu::-webkit-scrollbar {width: 6px;}  .megamenu::-webkit-scrollbar-track {background: #e7e7e7;}  .megamenu::-webkit-scrollbar-thumb {background-color: rgba(0, 0, 0, 0.2);}}   .product-comment-modal .material-icons[data-icon]:before, .product-comment-list-item .material-icons[data-icon]:before, .product-comments-additional-info .material-icons[data-icon]:before, #product-comments-list-header .material-icons[data-icon]:before, #product-comments-list-footer .material-icons[data-icon]:before {content: attr(data-icon);} .btn-comment, .btn-comment-inverse {background-color: #000;  color: #ffffff;  font-size: 14px;  border: 2px solid #000;  border-radius: 2rem;  padding: 8px;} .btn-comment .material-icons, .btn-comment-inverse .material-icons {font-size: 20px;  margin-right: 7px;} .btn-comment:hover {background-color: #000;  color: #fff;} .btn-comment-inverse {background-color: #ffffff;  color: #363a41;  border: 1px solid #979797;} .btn-comment-inverse:hover {background-color: #6b868f;  border: 1px solid #6b868f;  color: #ffffff;} .btn-comment-big {padding: 15px 3em 13px;} .btn-comment-huge {padding: 13px 28px;  height: 45px;} .link-comment {color: #232323;} .link-comment:hover, .link-comment:active {text-decoration: underline;  color: #232323;}  .product-comments-additional-info {margin: 20px 0;  font-weight: 300;  display: flex;  flex-direction: row;  flex-wrap: wrap;  justify-content: space-between;  font-size: 14px;} .product-comments-additional-info .link-comment.post-product-comment {border-left: 1px solid #979797;  padding-left: 12px;  margin-left: 12px;} .product-comments-additional-info .comments-note {margin-right: 30px;  margin-bottom: 20px;}  .product-comment-modal {z-index: 99999;} .product-comment-modal .modal-header {border: none;  padding: 30px 30px 15px;  justify-content: space-between;} .product-comment-modal .modal-body {padding: 15px 30px 30px;} .product-comment-modal .modal-header .h2 {float: left;  font-size: 20px;} .product-comment-modal .modal-dialog {width: calc(100% - 30px);  max-width: 774px;} .product-comment-modal .modal-dialog .h3 {font-size: 14px;} .product-comment-modal .modal-dialog .product-flag {display: none;} .product-comment-modal .modal-dialog .product-cover, .product-comment-modal .modal-dialog .product-cover img {width: 99px;  height: 99px;} .product-comment-modal label.form-label {font-size: 16px;  margin: 10px 0;} .product-comment-modal input {width: 100%;  height: 44px;  border: 1px solid #bfbfbf;  padding: 0 10px;} .product-comment-modal textarea {width: 100%;  min-height: 80px;  border: 1px solid #bfbfbf;  margin-bottom: 10px;  padding: 10px 10px;} .product-comment-modal .btn-comment, .product-comment-modal .btn-comment-inverse {font-size: 16px;  line-height: 16px;  font-weight: bold;} .product-comment-modal .required {font-size: 12px;  margin-left: 5px;} .product-comment-modal .post-comment-buttons {display: flex;  flex-direction: row;  justify-content: flex-end;} .product-comment-modal .post-comment-buttons .btn-comment {margin-left: 15px;} #product-comment-posted-modal .post-comment-buttons, #product-comment-post-error .post-comment-buttons, #update-comment-usefulness-post-error .post-comment-buttons {margin-top: 30px;} .modal-header .material-icons {color: #40a85f;  font-size: 30px;  line-height: 25px;} .modal-header .material-icons.error {color: #a94442;} .modal-header .material-icons.feedback {color: #f39d72;}  .star-content {display: flex;  flex-direction: row;  flex-wrap: nowrap;} .star-content div.star, .star-content div.star-on, .star-content div.star-hover {display: block;  width: 20px;  height: 20px;  flex: auto;} .star-content div.star:before, .star-content div.star-on:before, .star-content div.star-hover:before {content: "\e903";  font-family: nr-icons;  font-weight: 400;  font-size: 16px;  color: #D1D1D1;  line-height: 1;} .star-content div.star-on:before, .star-content div.star-hover:before {color: #FFCD00;} .small-stars .star-content div.star, .small-stars .star-content div.star-on, .small-stars .star-content div.star-hover {width: 16px;  height: 16px;} .star-content div.star-on:before, .star-content div .star-hover:before, .star-content .star-content.star-on:before, .star-content .star-content .star-hover:before, .small-stars div.star-on:before, .small-stars div .star-hover:before, .small-stars .star-content.star-on:before, .small-stars .star-content .star-hover:before {color: #FFCD00;} .empty-stars .star-content div.star-on:before, .empty-stars .star-content div .star-hover:before, .empty-stars .star-content .star-content.star-on:before, .empty-stars .star-content .star-content .star-hover:before, .empty-stars .small-stars div.star-on:before, .empty-stars .small-stars div .star-hover:before, .empty-stars .small-stars .star-content.star-on:before, .empty-stars .small-stars .star-content .star-hover:before {color: #D1D1D1;} .star-content div.star-hover {cursor: pointer;} .grade-stars {position: relative;  height: 25px;  min-width: 120px;  display: inline-block;} .grade-stars.small-stars {min-width: 80px;} .grade-stars .star-content {position: absolute;  top: 3px;  left: 0;} .criterion-rating .grade-stars .star-content {top: 0;} #post-product-comment-modal .star-content div.star a {display: block;  position: absolute;  text-indent: -5000px;} #post-product-comment-modal .criterion-rating {display: flex;  flex-direction: row;  justify-content: flex-end;} #post-product-comment-modal .criterion-rating label {color: #363a41;  font-size: 14px;  font-weight: bold;} #ratingNotChosen {font-size: smaller;  color: #ab4746;  text-align: right;} #post-product-comment-form input.error, #post-product-comment-form textarea.error {background-color: #f2dede;  border: solid 1px #ebcccc;} #post-product-comment-form input.valid, #post-product-comment-form textarea.valid {border: solid 1px #d0e9c6;}  #product-comments-list-header {padding: 2rem 4rem 0 4rem;  color: #232323;  display: flex;  flex-direction: column;  flex-wrap: nowrap;  justify-content: space-between;  font-family: Metropolis, Open Sans Regular, Helvetica, Arial, sans-serif;  font-weight: 400;  font-size: 1.2rem;  margin-bottom: 2em;} #product-comments-list-header .comments-nb {padding-left: 0;  padding-top: 3px;} #product-comments-list-header .comments-nb .material-icons {margin-right: 3px;} #product-comments-list {padding: 2rem 4rem;} #product-comments-list .btn-comment {margin: 0 auto;  display: block;} .product-comment-list-item {margin: 0 0 20px;  background-color: #ffffff;  text-align: left;} #empty-product-comment {text-align: center;}  .product-comment-list-item .comment-infos {height: 19px;  color: #6b868f;  font-size: 14px;  letter-spacing: -0.28px;  line-height: 19px;  min-height: 100px;} .product-comment-list-item .comment-infos .grade-stars {margin-bottom: 20px;} .product-comment-list-item .comment-content .h4 {height: 22px;  color: #363a41;  font-size: 16px;  font-weight: 600;  letter-spacing: -0.32px;  line-height: 22px;} .product-comment-list-item .comment-content p {color: #363a42;  font-size: 14px;  letter-spacing: -0.28px;  line-height: 19px;  word-break: break-word;  white-space: pre-wrap;} .product-comment-list-item .comment-content .comment-buttons a {color: #6b868f;  font-size: 14px;  letter-spacing: -0.28px;  line-height: 19px;  margin-right: 8px;} .product-comment-list-item .comment-content .comment-buttons a .material-icons {font-size: 18px;  cursor: pointer;}  .product-quickview-review {display: flex;  flex-direction: row;} .product-quickview-review .grade-stars .star-content {margin: 0 0 0 0;  top: 0;}  #products .thumbnail-container.has-reviews:hover .highlighted-informations, #products .thumbnail-container.has-reviews:focus .highlighted-informations, .featured-products .thumbnail-container.has-reviews:hover .highlighted-informations, .featured-products .thumbnail-container.has-reviews:focus .highlighted-informations, .product-accessories .thumbnail-container.has-reviews:hover .highlighted-informations, .featured-products .thumbnail-container.has-reviews:focus .highlighted-informations, .product-miniature .thumbnail-container.has-reviews:hover .highlighted-informations, .product-miniature .thumbnail-container.has-reviews:focus .highlighted-informations {height: 4.5rem;} #products .thumbnail-container.has-reviews:hover .highlighted-informations .variant-links, #products .thumbnail-container.has-reviews:focus .highlighted-informations .variant-links, .featured-products .thumbnail-container.has-reviews:hover .highlighted-informations .variant-links, .featured-products .thumbnail-container.has-reviews:focus .highlighted-informations .variant-links, .product-accessories .thumbnail-container.has-reviews:hover .highlighted-informations .variant-links, .featured-products .thumbnail-container.has-reviews:focus .highlighted-informations .variant-links, .product-miniature .thumbnail-container.has-reviews:hover .highlighted-informations .variant-links, .product-miniature .thumbnail-container.has-reviews:focus .highlighted-informations .variant-links {min-height: 3.7rem;} #products .thumbnail-container.has-reviews:hover .highlighted-informations.no-variants, #products .thumbnail-container.has-reviews:focus .highlighted-informations.no-variants, .featured-products .thumbnail-container.has-reviews:hover .highlighted-informations.no-variants, .featured-products .thumbnail-container.has-reviews:focus .highlighted-informations.no-variants, .product-accessories .thumbnail-container.has-reviews:hover .highlighted-informations.no-variants, .featured-products .thumbnail-container.has-reviews:focus .highlighted-informations.no-variants, .product-miniature .thumbnail-container.has-reviews:hover .highlighted-informations.no-variants, .product-miniature .thumbnail-container.has-reviews:focus .highlighted-informations.no-variants {height: 4.125rem;} #products .product-miniature .thumbnail-container.has-reviews .discount-amount.online-only, #products .product-miniature .thumbnail-container.has-reviews .discount-percentage.online-only, #products .product-miniature .thumbnail-container.has-reviews .on-sale.online-only, #products .product-miniature .thumbnail-container.has-reviews .online-only.online-only, #products .product-miniature .thumbnail-container.has-reviews .pack.online-only, #products .product-miniature .thumbnail-container.has-reviews .product-flags .new.online-only, .featured-products .product-miniature .thumbnail-container.has-reviews .discount-amount.online-only, .featured-products .product-miniature .thumbnail-container.has-reviews .discount-percentage.online-only, .featured-products .product-miniature .thumbnail-container.has-reviews .on-sale.online-only, .featured-products .product-miniature .thumbnail-container.has-reviews .online-only.online-only, .featured-products .product-miniature .thumbnail-container.has-reviews .pack.online-only, .featured-products .product-miniature .thumbnail-container.has-reviews .product-flags .new.online-only, .product-accessories .product-miniature .thumbnail-container.has-reviews .discount-amount.online-only, .product-accessories .product-miniature .thumbnail-container.has-reviews .discount-percentage.online-only, .product-accessories .product-miniature .thumbnail-container.has-reviews .on-sale.online-only, .product-accessories .product-miniature .thumbnail-container.has-reviews .online-only.online-only, .product-accessories .product-miniature .thumbnail-container.has-reviews .pack.online-only, .product-accessories .product-miniature .thumbnail-container.has-reviews .product-flags .new.online-only {top: 11.5rem;} .product-list-reviews {display: flex;  align-items: center;  margin: 5px 0;} .product-list-reviews .grade-stars .star-content {top: 1px;} .product-list-reviews .comments-nb {margin-left: 5px;  font-size: 13px;} @media (min-width: 960px) {#product-comments-list-footer {position: relative;   min-height: 45px;}  #product-comments-list-footer .post-product-comment {margin: 0 auto;   display: block;}} @media (max-width: 960px) {#product-comments-list-footer {display: flex;   flex-direction: row-reverse;   flex-wrap: nowrap;   justify-content: space-between;}} @media (max-width: 768px) {#product-comments-list-footer {display: flex;   flex-direction: column;   flex-wrap: nowrap;   align-items: center;}  #product-comments-list-pagination {margin-bottom: 10px;}} #product-comments-list-pagination {height: 32px;  display: flex;  justify-content: center;  width: 100%;} #product-comments-list-pagination .next {right: 0;  top: 0;  line-height: 28px;} #product-comments-list-pagination .prev {left: 0;  top: 0;  line-height: 28px;} #product-comments-list-pagination .fa {margin: 0;  font-size: 16px;  color: #000;} #product-comments-list-pagination ul {display: flex;  flex-direction: row;  flex-wrap: nowrap;} #product-comments-list-pagination ul li span {height: 32px;  width: 24px;  margin: 0 5px;  cursor: pointer;  display: block;  text-align: center;  font-size: 20px;  line-height: 32px;  color: #6b868f;} #product-comments-list-pagination ul li.active span, #product-comments-list-pagination ul li span.next i, #product-comments-list-pagination ul li span.prev i {font-weight: bold;} #product-comments-list-pagination ul li.disabled span {opacity: 0.3;  cursor: not-allowed;} #product-comments-list-pagination ul li.active span {cursor: not-allowed;} #product-comments-list-pagination ul li.hidden {display: none;} .reviews_container {background-color: #f9f9f9 !important;} .reviews_container .reviews_title {background-color: #fff;} .reviews_container #product-comments-list-header {background-color: #fff;  padding-bottom: 15px;} .reviews_container .avis_grey {display: block;  font-size: 12px;  color: rgb(150, 160, 170);  width: 100%;  text-align: center !important;  padding: 6px 0 6px 0 !important;  margin: 0 !important;} .reviews_container .big_note {font-size: 58px;  font-weight: lighter;  text-align: center !important;  color: #2c2c2c;  line-height: 58px !important;  padding: 0 0 12px 0 !important;} .reviews_container .big_note span {font-size: 30px !important;} .reviews_container .comments-note {text-align: center;} .reviews_container .comments-note span {display: none;} .reviews_container .product-comment-list-item {padding-bottom: 10px;  background-color: transparent !important;  border-top: 3px solid #fff;  padding-top: 15px;} .reviews_container .product-comment-list-item:first-child {border: none;}  #visiofactoryaddtocartpopup {position: fixed;   top: -100%;   right: 30px;   background: white;   width: 320px;   z-index: 99999999;   padding: 15px;   box-shadow: 0px 2px 15px #00000022;   border: 1px solid #cdcdcd;   border-top: 0;} #visiofactoryaddtocartpopup .title_popup {font-family: 'Chronicle';   font-size: 1.3rem;   display: block;   text-align: center;} #visiofactoryaddtocartpopup .error_popup {margin: 0 .5rem 1rem .5rem;   padding: 1rem 1rem 1rem 4rem;   position: relative;   background: #ffefd8;   color: #ff7a22;   font-weight: 600;} #visiofactoryaddtocartpopup .error_popup:before {content: '\f4a5';   font-family: 'Font Awesome 6 Pro';   font-weight: 100;   font-size: 2rem;   position: absolute;   top: 2rem;   left: 1rem;   color: #ff7a22;} #visiofactoryaddtocartpopup .check_popup {display: block;   text-align: center;   margin: 25px;} #visiofactoryaddtocartpopup .check_popup .fa {padding: 5px;   border: 1px solid #000000;   border-radius: 100%;   font-size: 1.3rem;} #visiofactoryaddtocartpopup .go_cart {display: block;   background: #f65a5f;   color: #ffffff;   font-weight: 600;   padding: 10px 0;} #visiofactoryaddtocartpopup .go_shopping {display: block;   padding: 8px 0;   margin-bottom: 10px;   border: 1px solid #000000;   background: #ffffff;   font-weight: 600;   cursor: pointer;}  @media screen and (max-width: 700px) {#visiofactoryaddtocartpopup {width: 100%;   right: 0;   padding: 30px 15px;   border: 0;}  .popup_overlay {display: none;  position: fixed;  top: 0;  left: 0;  width: 100%;  height: 100%;  background: #00000077;  z-index: 9999998;}}  .category_push {padding-bottom: 0;} .brand_logo.center {margin-bottom: 2em;} .img_top {text-align: center;   line-height: 0;  min-height: 30vw;   background-size: cover;   background-position: center center;}  .luxe_hr {color: #000000;  border-top: 6px solid #000000;} .top_mobile {display: none;} .brand_logo img {max-height: 100px;} .luxe_logo img {width: 100%;   object-fit: cover;} .text_top {align-self: center; padding-right: 2em;} .text_top .logo {margin: 1em 0; max-width: 30%; max-height: 120px;} .text_top h1 {} .text_top hr {display: block; clear: both; border: 1px solid #000; margin: 2em 0; font-size: 1em;} .text_top hr:last-child {margin: 2em 0 0 0;} .text_top .toggle_intro {cursor: pointer; display: block; margin: 0.3em 0 0.7em 0;} .text_top .intro {padding: 2em 0;} .text_top .intro p {line-height: 1.8em; min-height: 1.8em;} .text_top .intro a {border-bottom: 1px solid #000000;   color: #000000;   font-weight: 600;} .text_top .brand_links {} .text_top .official_link {padding: 5px 18px; background: #e7e7e7; border-radius: 1rem; font-weight: 600;} .text_top .official_link.frame {background-color: #000000; color: #ffffff; margin-left: 10px;} .container-element {display: flex;} .icons.min-margin, .bests.min-margin {margin-top: 10px;} .icons {margin: 2em 0 2em 0; position: relative; overflow: hidden; row-gap: 0!important;} .icons .title {padding: 2em 0; text-align: center; background: #f0f0f0;} .icons .title p {font-family: Chronicle; font-size: 1.5em; display: inline-block; padding: .5em 0; border-top: 1px solid #000; border-bottom: 1px solid #000;} .icons .container-element {display: grid; grid-gap: 0em; grid-template-columns: calc((100vw - (100vw - 100%) - 1400px) / 2);} .icons .container-element::before, .icons .container-element::after {background: #ffffff; display: none;} .icons .icon {display: grid; align-items: baseline; justify-items: center;   text-align: center;} .icons .icon.brand_links {display: none;} .icons .icon img {margin-bottom: 1em;   max-height: 80px;   max-width: 80px;   object-fit: contain;   border-radius: 100%;   border: 1px solid #cdcdcd;   padding: 3px;   width: 80%;} .icons .icon p {width: 80%;   overflow-wrap: break-word;   hyphens: auto;   margin: 0 auto;} .icons .icon a {width: 100%;} .icons .icon a:hover img {border: 1px solid #666;} .icons .icon strong {} .bests {margin-top: 4em; margin-bottom: 4em; position: relative; overflow: hidden;} .bests .prev, .bests .next {top: calc(50% - 3em);}  .category_mesh {} .category_mesh .container-element {transition: opacity .3s;}  .category_mesh .category_mesh_scroll {} .category_mesh .container::before {}  .category_push_spacer {margin: calc(2em - 5px) 0;  overflow: auto;} @media (max-width: 1400px) {.bests .container-element[data-cols="1"], .bests .container-element[data-cols="2"], .bests .container-element[data-cols="3"] {grid-template-columns: 0;}  .bests .title, .category_mesh .title {margin-left: 10px;}} @media (max-width: 1000px) {.img_top.col-7-small-all, .text_top.col-5-small-all {grid-column: auto/span 6;}} @media (max-width: 900px) {.category_push .img_top {display: none;}  .text_top {align-self: center;   width: calc(100vw - 2em);   padding: 0 1em;}  .text_top .logo {margin: 1.5em auto;   width: 30%;   display: block;}  .text_top h1 {text-align: center;}} @media (max-width: 767px) {.img_top {display: none;}  .img_top.col-7-small-all, .text_top.col-5-small-all {grid-column: auto/span 12;}  .text_top {padding: 0;  width: auto;}  .text_top .top_mobile {margin: 0 auto;}  .text_top h1 {padding: 0 1em;}  .text_top .intro {padding: 1em 10px;} .text_top .intro_mobile {text-align: center;}  .text_top .intro * {text-align: initial;}  .text_top .more {text-decoration: underline;}  .text_top em {font-style: normal;}  .text_top .brand_links {margin: 0;  justify-content: center;  padding: 0;}  .text_top .official_link {padding: 0;} .text_top .official_link.frame {margin-left: 0;}  .icons {margin: 2em 0;} .icons .icons_scroll {overflow: scroll hidden;  margin-bottom: -30px;  padding: 0 .5em 30px .5em;} .icons .icon {flex-shrink: 0;  margin: 0 0.5em 0 0;  padding: 5px 18px;  border: 1px solid #cdcdcd;  border-radius: 1rem;} .icons .icon.brand_links {display: flex;} .icons .icon img {display: none;} .icons .icon p {width: auto;} .icons .icon p, .icons .icon p * {font-size: 0.9rem;}  .icons .container-element {display: flex;  justify-content: space-between;} .icons .container-element[data-cols="3"], .icons .container-element[data-cols="2"], .icons .container-element[data-cols="1"] {width: 100%;} .icons .container-element.center-content {justify-content: center;}  .scrollbar_container {position: relative;  width: 80%;  height: 2px;  margin: .5em auto 2em auto;  background: #dedede;  border-radius: 2px;}  .scrollbar {position: absolute;  height: 2px;  left: 0;  top: 0;  background: #666666;  border-radius: 2px;}  .bests {margin: 0 0 1em 0;} .bests .container-element {margin-top: 1em;} .bests .best .best_name, .bests .best .best_name * {-webkit-text-size-adjust: 100%;} .bests .title {margin: 0 0 1em 10px;  font-size: 1rem;   color: #999;} .bests.products_slide .product img {padding: 70px 0;}} @media (max-width: 700px) {} @media (max-width: 480px) {.text_top h1 {font-size: 1rem;  text-align: center;  margin: .75em 0;}  .text_top hr:last-child {margin: 2em 0 0 0;}  .text_top .intro p, .text_top .intro p span, .text_top .intro p a, .text_top .intro p strong {font-size: .95em;}  .top_mobile {display: block;} .top_desktop {display: none;}  .luxe_logo img {}  .luxe_logo.logo_right img {min-height: 64vw;   object-position: right;} .luxe_logo.logo_right.two-third img {min-height: 47vw;}  .luxe_logo.logo_luxe img {min-height: 93vw;   object-position: right;} .luxe_logo.logo_luxe.solar img {object-position: 90%;}   .container::before, .container::after {}   .bests .best {}  .bests .best .best_name, .bests .best .best_name * {-webkit-text-size-adjust: 100%;  font-size: 13px;}  .bests .best .top_badge {font-size: 1em;   padding: 0 0 1px 0;   margin: .5em 0 0 .5em;}  .bests .best .like_badge {margin: .5em .5em 0 0;}  .bests .best img {}  .bests .best .pictos .pipe, .bests .best .pictos .sight {display: none;}  .bests .best .infos .product_name {margin: 0 .5em .5em .5em;   font-size: 0.85em;}   .category_push_spacer {display: none;}} @supports not (mix-blend-mode: multiply) {.bests .best {background: #fff;  border: 1px solid #d0d0d0;}} @media (max-width: 480px) and (-webkit-min-device-pixel-ratio:2) and (min-resolution: .001dpcm) {.bests {}  .bests .best {}  .bests .best img {}} .category_filter {margin: 0 0 2rem 0;} .category_filter hr {margin: 2rem 0 0 0; border: 1px solid #222;}  .model_categories {padding: 1em 0;} .model_categories .search_model {position: relative; width: calc(100% - 20px);   margin: 10px 10px 0 10px;} .model_categories .search_model:after {content: '\f002';   font-family: fontAwesome;   position: absolute;   color: #666666;   right: 8px;   top: 7px;} .model_categories .search_model input[name=search_model] {width: calc(100% - 38px);   background: #fcfcfc;   padding: 4px 32px 4px 6px;} .model_categories .model_list_container {position: relative; overflow-y: scroll;} .model_categories .model_list {max-height: 200px; overflow-y: visible;} .cat_button {position: relative;   background: #f7f7f7;   padding: 1rem;   width: 100%;   box-sizing: border-box;   border: 1px solid #f7f7f7;   color: #222;   font-weight: 600;   min-height: 21px;   cursor: pointer;   line-height: 1.5rem;   text-align: left;   font-family: Chronicle;   font-size: 1.2rem;   cursor: pointer;} .cat_button::after {content: '\f107'; position: absolute; top: 1em; right: 1em; font-family: fontAwesome;} @media screen and (max-width: 1100px) {.category_filter {position: fixed;   max-height: calc(100% - (6rem + 55px));   width: calc(80% - 20px);   padding: 1rem;   top: 3rem;   left: calc(50% - 181.5px);   background: #ffffff;   z-index: 100001;   overflow: hidden;   max-width: 335px;   padding-top: 55px;}  .category_filter .close:before {content: '\f104';   font-family: fontAwesome;  position: absolute;  width: 28px;  height: calc(100% - 14px);   padding: 7px 0;  background: #222222;  left: 0;  top: 0;} .category_filter .close {position: absolute;   padding: 5px 10px;   width: calc(100% - 20px);   z-index: 100002;   height: 20px;   max-height: 20px;   overflow: hidden;   top: 0;   left: 0;   background: #222222;   color: #ffffff;   font-weight: 600;   text-transform: uppercase;   text-align: center;}} @media screen and (max-width: 480px) {.cat_button {font-size: .9rem;}  .category_filter {width: calc(100% - 2rem);  height: 100%;  left: 0;  top: 0;  max-width: none;  max-height: none;  margin: 0;}  .category_filter .close {max-width: 100%;}  .category_mesh h3.title, .model_categories h3.title {margin-bottom: 1rem;}} .brandfaq {width: 100%;   background: #f7f7f7;} .inner_brandfaq {display: flex;   flex-flow: column;   max-width: 748px;   padding: 2rem 1rem;   margin: 0 auto;} .brandfaq .title {display: flex;   flex-flow: column;   align-items: center;   font-size: 1.4em;   font-weight: 600;   margin-bottom: 2rem;   text-align: center;   padding: 0 1rem;} .brandfaq .title .fa {font-size: 2.5rem;   line-height: 4rem;} .brandfaq .question {width: calc(100% - 2rem);   padding: 1rem;   margin: .75rem 0;   border-radius: 1rem;   cursor: pointer;   border: 1px solid #cdcdcd;} .brandfaq .question .ask {display: flex;   justify-content: space-between;   align-items: center;   font-weight: 600;} .brandfaq .question .ask .fa {font-size: 1.5rem;   margin: 0 1.5rem;   transition: transform .3s;} .brandfaq .question .answer {display: none;   padding-top: 1rem;} .brandfaq .question .answer p:nth-child(n+2) {margin-top: 1rem;} .brandfaq .question .answer ol>li {list-style-type: decimal;} .brandfaq .question.opened {background: #ffffff;   border-color: transparent;} .brandfaq .question.opened .ask .fa {transform: rotate(180deg);}  @charset "UTF-8"; .visiofactorypresse {max-width: 1060px;  margin: 0 auto;} .visiofactorypresse h1 {text-align: center;  margin: 0;  color: #ff6600;  font-size: 38px;  font-family: Arapey;  font-style: normal;} .visiofactorypresse .clearfix {padding: 0;} .visiofactorypresse .slick-prev, .visiofactorypresse .slick-next {background: transparent;  top: calc(40% + 1rem);} .visiofactorypresse .slick-prev {left: 65px;} .visiofactorypresse .slick-prev:before {content: "\f104";} .visiofactorypresse .slick-next {right: 65px;} .visiofactorypresse .slick-next:before {content: "\f105";} .visiofactorypresse .slick-prev:before, .visiofactorypresse .slick-next:before {font-family: "Font Awesome 6 Pro";  color: #222;} .visiofactorypresse .tag_cloud {text-align: center;  padding: 10px;  background: #e9e1d4;  margin: 15px;} .visiofactorypresse .tag {font-weight: 600;} .visiofactorypresse .tag:hover {text-decoration: underline;} .visiofactorypresse .tag_selected {margin: 15px;  padding: 10px;  background: rgba(233, 225, 212, 0.25);  border: 1px solid #d0ccc0;} .visiofactorypresse .vignette {padding: 0 20px 25px 20px;} .visiofactorypresse .vignette a img {float: left;  min-width: 100%;} .visiofactorypresse .vignette .links {background: #f7f7f7;  padding: 15px;} .visiofactorypresse .vignette .article_title {text-transform: uppercase;  margin-top: 15px;  text-align: left;} .visiofactorypresse .vignette .social_links, .visiofactorypresse .vignette .social_links * {font-size: 0.85rem;} .visiofactorypresse .vignette .social_links a, .visiofactorypresse .vignette .social_links span {margin: 5px 5px 0 5px;  display: inline-block;} .visiofactorypresse .vignette .link_alone {margin: 12px 0;  display: block;  font-weight: 600;} .visiofactorypresse .vignette .fa-blog:before {content: "\f19a";} .visiofactorypresse figure.hdr figcaption strong {color: #000000;} .visiofactorypresse.topfootercontent {background: #ffffff;  padding: 15px 0;  max-width: 100%;   overflow: auto;  text-align: center;} .visiofactorypresse.topfootercontent .smalltext a {border-bottom: 1px solid #999999;} .visiofactorypresse.topfootercontent .articles {max-width: 1400px;  margin: 0 auto;  overflow: hidden;  padding: 20px 100px 10px 100px;} .visiofactorypresse.topfootercontent .articles .article {display: flex;  flex-flow: column;  align-items: center;  justify-content: center;  width: 175px;} .visiofactorypresse.topfootercontent .articles .article img {max-height: 350px;  image-rendering: -webkit-optimize-contrast;} .visiofactorypresse.topfootercontent .articles .article.vignette, .visiofactorypresse.topfootercontent .articles .article.vignette .links {background: #ffffff;  padding-bottom: 0;} .visiofactorypresse.topfootercontent .articles .article.vignette .fa {padding: 5px 5px;} .visiofactorypresse.topfootercontent .articles .article .new_partner {font-size: 11rem;  color: #cdcdcd;  margin-top: 11px;} #article_list .visiofactorypresse .presse-content {text-align: left;  margin-top: 12px;} #index .centerhomecontent.visiofactorypresse p.center {text-align: center;} h3.vfpresse, h3.vfpresse * {font-size: 1.5rem;  margin: 1rem 0;  text-align: center;} .visiofactorypresse.vfp-styled {max-width: 1400px;  margin: 0 auto;  padding: 0 24px;} .visiofactorypresse.vfp-styled .vfp-main-title {font-weight: 900;  margin-top: 2.5rem;  text-transform: uppercase;  letter-spacing: 2px;  font-size: 2.5rem;  text-align: center;  margin-bottom: 3rem;  display: block;  width: 100%;  color: #111;  font-family: inherit;} .visiofactorypresse.vfp-styled .vfp-nav {display: flex;  justify-content: center;  flex-wrap: wrap;  gap: 12px;  margin-bottom: 60px;} .visiofactorypresse.vfp-styled .vfp-nav a {color: #555;  text-transform: uppercase;  font-weight: 700;  font-size: 0.8rem;  text-decoration: none;  padding: 12px 24px;  border-radius: 30px;  border: 2px solid #e1e1e1;  background: #fff;  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);  letter-spacing: 0.5px;  white-space: nowrap;} .visiofactorypresse.vfp-styled .vfp-nav a:hover {border-color: #111;  color: #111;  transform: translateY(-2px);  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);} .visiofactorypresse.vfp-styled .vfp-nav a.active {background: #111;  color: #fff;  border-color: #111;  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);} .visiofactorypresse.vfp-styled .vfp-grid {display: grid;  grid-template-columns: repeat(3, 1fr);  gap: 40px;  margin-bottom: 80px;} .visiofactorypresse.vfp-styled .vfp-card {background: #fff;  border-radius: 12px;  overflow: hidden;  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.04);  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);  display: flex;  flex-direction: column;  height: 100%;  border: 1px solid rgba(0, 0, 0, 0.05);} .visiofactorypresse.vfp-styled .vfp-card:hover {transform: translateY(-8px);  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.12);  border-color: rgba(0, 0, 0, 0.1);} .visiofactorypresse.vfp-styled .vfp-card:hover .vfp-card-img img {transform: scale(1.05);} .visiofactorypresse.vfp-styled .vfp-card:hover .vfp-card-title {color: #2563EB;} .visiofactorypresse.vfp-styled .vfp-card:hover .vfp-card-cta {color: #1d4ed8;  gap: 12px;} .visiofactorypresse.vfp-styled .vfp-card:hover .vfp-card-cta::after {transform: translateX(4px);} .visiofactorypresse.vfp-styled .vfp-card-link {text-decoration: none !important;  color: inherit;  display: flex;  flex-direction: column;  height: 100%;} .visiofactorypresse.vfp-styled .vfp-card-img {height: 240px;  overflow: hidden;  background: #f9f9f9;  flex-shrink: 0;} .visiofactorypresse.vfp-styled .vfp-card-img img {width: 100%;  height: 100%;  object-fit: cover;  transition: transform 0.6s ease;} .visiofactorypresse.vfp-styled .vfp-card-body {padding: 24px;  flex-grow: 1;  display: flex;  flex-direction: column;} .visiofactorypresse.vfp-styled .vfp-card-title {font-size: 1.15rem;  font-weight: 800;  line-height: 1.4;  margin-bottom: 16px;  color: #111;  text-transform: uppercase;  letter-spacing: -0.3px;  display: -webkit-box;  -webkit-line-clamp: 2;  -webkit-box-orient: vertical;  overflow: hidden;  min-height: 2.8rem;} .visiofactorypresse.vfp-styled .vfp-card-desc {font-size: 0.95rem;  color: #666;  line-height: 1.6;  display: -webkit-box;  -webkit-line-clamp: 3;  -webkit-box-orient: vertical;  overflow: hidden;  margin-bottom: 24px;  flex-grow: 1;} .visiofactorypresse.vfp-styled .vfp-card-meta {display: block;  font-size: 0.75rem;  color: #999;  text-transform: uppercase;  letter-spacing: 0.5px;  margin-bottom: 16px;  font-weight: 600;} .visiofactorypresse.vfp-styled .vfp-card-meta::before {content: "";  display: inline-block;  width: 20px;  height: 2px;  background: #2563EB;  margin-right: 10px;  vertical-align: middle;} .visiofactorypresse.vfp-styled .vfp-card-cta {display: inline-flex;  align-items: center;  gap: 8px;  font-weight: 800;  text-transform: uppercase;  font-size: 0.85rem;  color: #2563EB;  margin-top: auto;  transition: all 0.2s ease;  letter-spacing: 0.5px;} .visiofactorypresse.vfp-styled .vfp-card-cta::after {content: "→";  font-size: 1.2rem;  transition: transform 0.3s ease;} .visiofactorypresse.vfp-styled .vfp-load-more-wrapper {margin-bottom: 80px;  text-align: center;} .visiofactorypresse.vfp-styled .vfp-btn-black {background: #111;  color: #fff !important;  border: none;  text-transform: uppercase;  font-weight: 800;  padding: 18px 50px;  border-radius: 50px;  letter-spacing: 1px;  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15);  cursor: pointer;} .visiofactorypresse.vfp-styled .vfp-btn-black:hover {transform: translateY(-3px);  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.25);  background: #000;} .visiofactorypresse.vfp-styled .vfp-loader {margin-top: 24px;  display: flex;  justify-content: center;} @keyframes fadeInUp {from {opacity: 0;   transform: translateY(30px);}  to {opacity: 1;   transform: translateY(0);}} .vfp-card.animate-in {animation: fadeInUp 0.6s ease-out forwards;} @media screen and (max-width: 768px) {.visiofactorypresse.vfp-styled {padding: 0 16px;}  .visiofactorypresse.vfp-styled .vfp-main-title {font-size: 1.8rem;   margin-bottom: 2rem;}  .visiofactorypresse.vfp-styled .vfp-nav {gap: 8px;   overflow-x: auto;   flex-wrap: nowrap;   justify-content: flex-start;   padding-bottom: 10px;   -webkit-overflow-scrolling: touch;   margin-bottom: 40px;}  .visiofactorypresse.vfp-styled .vfp-nav a {padding: 10px 20px;   font-size: 0.75rem;   min-width: max-content;}  .visiofactorypresse.vfp-styled .vfp-grid {grid-template-columns: 1fr;   gap: 24px;}  .visiofactorypresse.vfp-styled .vfp-card-img {height: 220px;}  .visiofactorypresse.vfp-styled .vfp-card-body {padding: 24px 16px;}  .visiofactorypresse.vfp-styled .vfp-card-title {font-size: 1.05rem;   min-height: auto;}  .visiofactorypresse.vfp-styled .vfp-btn-black {width: 100%;   max-width: 300px;   padding: 16px 40px;}} @media screen and (min-width: 769px) and (max-width: 1024px) {.visiofactorypresse.vfp-styled .vfp-grid {grid-template-columns: repeat(2, 1fr);   gap: 30px;}} @media screen and (max-device-width: 450px) {.visiofactorypresse.topfootercontent .articles {padding: 20px 50px 10px 50px;}  .visiofactorypresse.topfootercontent .articles .article.vignette, .visiofactorypresse.topfootercontent .articles .article.vignette .links {padding-top: 25px;}  .visiofactorypresse .slick-prev {left: 15px;}  .visiofactorypresse .slick-next {right: 15px;}}   .slick-slider {position: relative;   display: block;   -moz-box-sizing: border-box;  box-sizing: border-box;   -webkit-user-select: none; -moz-user-select: none;  -ms-user-select: none;    user-select: none;   -webkit-touch-callout: none;   -khtml-user-select: none;   -ms-touch-action: pan-y;  touch-action: pan-y;   -webkit-tap-highlight-color: transparent;} .slick-list {position: relative;   display: block;   overflow: hidden;   margin: 0;   padding: 0;} .slick-list:focus {outline: none;} .slick-list.dragging {cursor: pointer;   cursor: hand;} .slick-slider .slick-track, .slick-slider .slick-list {-webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0);  -ms-transform: translate3d(0, 0, 0);  -o-transform: translate3d(0, 0, 0);    transform: translate3d(0, 0, 0);} .slick-track {position: relative;   top: 0;   left: 0;   margin: 0 auto;   display: block;} .slick-track:before, .slick-track:after {display: table;   content: '';} .slick-track:after {clear: both;} .slick-loading .slick-track {visibility: hidden;} .slick-slide {display: none;   float: left;   height: 100%;   min-height: 1px;} [dir='rtl'] .slick-slide {float: right;} .slick-slide img {display: block;} .slick-slide.slick-loading img {display: none;} .slick-slide.dragging img {pointer-events: none;} .slick-initialized .slick-slide {display: block;} .slick-loading .slick-slide {visibility: hidden;} .slick-vertical .slick-slide {display: block;   height: auto;   border: 1px solid transparent;} .slick-arrow.slick-hidden {display: none;} @charset 'UTF-8'; .slick-loading .slick-list {background: #fff url(https://visio.iwlab.org//modules/visiofactorypresse/views/js/slick/./ajax-loader.gif) center center no-repeat;}  @font-face {font-family: 'slick';   font-weight: normal;   font-style: normal;   src: url(https://visio.iwlab.org//modules/visiofactorypresse/views/js/slick/./fonts/slick.eot);   src: url(https://visio.iwlab.org//modules/visiofactorypresse/views/js/slick/./fonts/slick.eot?#iefix) format('embedded-opentype'), url(https://visio.iwlab.org//modules/visiofactorypresse/views/js/slick/./fonts/slick.ttf) format('truetype'), url(https://visio.iwlab.org//modules/visiofactorypresse/views/js/slick/./fonts/slick.woff) format('woff'), url(https://visio.iwlab.org//modules/visiofactorypresse/views/js/slick/./fonts/slick.svg#slick) format('svg');} .slick-prev, .slick-next {font-size: 0;   line-height: 0;   position: absolute;   top: 50%;   display: block;   width: 33px;    padding: 7px 0 5px 0;   margin-top: -10px\9;   -webkit-transform: translate(0, -50%);   -ms-transform: translate(0, -50%);   transform: translate(0, -50%);   cursor: pointer;   color: transparent;   border: none;  outline: none;  background: #f7f7f7;   transition: all .3s;} .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus {color: transparent;   outline: none;} .slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before {opacity: 1;} .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before {opacity: .25;} .slick-prev:before, .slick-next:before {font-family: 'slick';   font-size: 20px;   line-height: 1;   opacity: .75;   color: white;   -webkit-font-smoothing: antialiased;   -moz-osx-font-smoothing: grayscale;} .slick-prev {left: -25px;} [dir='rtl'] .slick-prev {right: -25px;   left: auto;} .slick-prev:before {content: '←';} [dir='rtl'] .slick-prev:before {content: '→';} .slick-next {right: -25px;} [dir='rtl'] .slick-next {right: auto;   left: -25px;} .slick-next:before {content: '→';} [dir='rtl'] .slick-next:before {content: '←';}  .slick-slider {margin-bottom: 30px;} .slick-dots {position: absolute;   bottom: -45px;   display: block;   width: 100%;   padding: 0;   list-style: none;   text-align: center;} .slick-dots li {position: relative;   display: inline-block;   width: 20px;   height: 20px;   margin: 0 5px;   padding: 0;   cursor: pointer;} .slick-dots li button {font-size: 0;   line-height: 0;   display: block;   width: 20px;   height: 20px;   padding: 5px;   cursor: pointer;   color: transparent;   border: 0;   outline: none;   background: transparent;} .slick-dots li button:hover, .slick-dots li button:focus {outline: none;} .slick-dots li button:hover:before, .slick-dots li button:focus:before {opacity: 1;} .slick-dots li button:before {font-family: 'slick';   font-size: 6px;   line-height: 20px;   position: absolute;   top: 0;   left: 0;   width: 20px;   height: 20px;   content: '•';   text-align: center;   opacity: .25;   color: black;   -webkit-font-smoothing: antialiased;   -moz-osx-font-smoothing: grayscale;} .slick-dots li.slick-active button:before {opacity: .75;   color: black;}  .vfhome_top {background: #000000; text-align: center; width: calc(100% - 2em); height: 2rem; width: 100%; position: relative; overflow: hidden;} .vfhome_top, .vfhome_top * {color: #e7e7e7!important; font-family: Metropolis,Open Sans Regular,Helvetica,Arial,sans-serif;   font-size: 1rem; font-weight: 100;} @keyframes anim_slide {0% {transform: translate3d(0, 2rem, 0);  opacity: 0;} 20% {transform: translate3d(0, 0, 0);  opacity: 1;} 40% {transform: translate3d(0, 0, 0);  opacity: 1;} 60% {transform: translate3d(0, -2rem, 0);  opacity: 0;} 80% {transform: translate3d(0, -2rem, 0);  opacity: 0;} 100% {transform: translate3d(0, -2rem, 0);  opacity: 0;}} @keyframes anim_slide_2 {0% {opacity: 0;  transform: translate3d(0, -2rem, 0);} 20% {transform: translate3d(0, -2rem, 0);  opacity: 0;} 40% {transform: translate3d(0, 2rem, 0);  opacity: 0;} 60% {transform: translate3d(0, 0, 0);  opacity: 1;} 80% {transform: translate3d(0, 0, 0);  opacity: 1;} 100% {transform: translate3d(0, -2rem, 0);}} .vfhome_top .banner {position: absolute; top: 5px;   width: 100%; will-change: transform, opacity; animation-duration: 8s; animation-iteration-count:infinite; animation-timing-function: ease-in-out; white-space: nowrap;} .vfhome_top .banner.animated {animation-name: anim_slide;} .vfhome_top .banner.b2 {animation-name: anim_slide_2; opacity: 0;} @media screen and (max-width: 767px) {.vfhome_top {height: 1.75rem;}  .vfhome_top * {font-size: 0.9rem;  line-height: 1.2em;}  .vfhome_top .br {display: block;}  .vfhome_top .banner {top: 6px;}} .try_on_infos {padding: 5rem; text-align: center;} .try_on_infos.luxo {padding: 2rem 3rem; display: flex;   flex-flow: column;   justify-content: space-between;   height: calc(100% - 4rem);} .try_on_infos .cgc {overflow-y: scroll;   margin-bottom: 2rem; padding-right: 1rem;} .try_on_infos .cgc, .try_on_infos .cgc * {text-align: left; line-height: 1.2rem;   font-size: 0.9rem;} .try_on_infos .cgc ol {margin: 10px 0; padding-left: 1rem;} .try_on_infos .cgc ol li {list-style-type: decimal;} .try_on_infos .cgc::-webkit-scrollbar {width: 4px;} .try_on_infos .cgc ul {margin: 10px 0; padding-left: 1.5rem;} .try_on_infos .cgc ul li {list-style-type: circle;} .try_on_infos .cgc::-webkit-scrollbar-thumb {background-color: #d7d7d7;} .try_on_infos .cgc::-webkit-scrollbar-track {background: #f7f7f7;} .try_on_infos .cgc .cgc_gradient {position: sticky;   bottom: 0;   height: 35%;   background: linear-gradient(0deg, white, transparent); transition: opacity 1s;} .try_on_infos .cgc .cgc_gradient.scrolled {opacity: 0;} .try_on_title {font-size: 1.6rem;   margin: 2rem 0 3rem 0;} .try_on_infos.luxo .try_on_title {margin: 1rem 0 1.5rem 0;} .try_on_disclaimer, .try_on_advice, .try_on_condition {text-align: left;} .try_on_subtitle {font-size: 1.4rem;   margin: 3rem 0;} .try_on_advice {display: flex;   align-items: center; margin-bottom: 1rem;} .try_on_advice .fa {font-size: 2rem; margin: 0 1rem; position: relative;} .try_on_advice .fa.fa-camera-viewfinder:after {content: '\f00c';   font-size: 0.9rem;   font-family: 'Font Awesome 6 Pro';   position: absolute;   top: 0.5rem;   right: -0.6rem;   font-weight: 400;   color: #009688;} .try_on_condition {margin: 3rem 0;} .try_on_infos.luxo .try_on_condition {margin: 1rem 0;} .try_on_start_button {padding: 11px 20px 9px 20px; background-color: #000000; color: #ffffff; border: 0; border-radius: 2rem; text-transform: uppercase; cursor: pointer;} .try_on_loader {display: none; padding: 1rem;   margin: 1rem;   background: #f7f7f7;   color: #666666;   text-align: center;   font-weight: 600;   border-radius: 2rem;} .try_on_error {display: none; padding: 1rem; margin: 1rem; background: #ffe1e1; color: #b60202; text-align: center; font-weight: 600; border-radius: 2rem;} .try_on_video {position: relative;} .try_on_video .nose {position: absolute;   bottom: 1em;   left: 1em; border: 1px solid #66666655;   border-radius: 100%;   padding: 0.6em 1em;   background: #f7f7f788;} .try_on_video .nose.up {bottom: 4.5em;} .try_on_product {display: none; margin-top: 1rem;} .try_on_product_container {display: flex;   flex-flow: column;   align-items: center;} .try_on_product * {} .try_on_product_img {overflow: hidden;   width: 300px;   max-height: 130px; text-align: center;} .try_on_product_img img {margin: -20px 0 0 0; object-fit: contain;   filter: contrast(1.1);   -ms-interpolation-mode: nearest-neighbor;   image-rendering: -webkit-optimize-contrast;} .try_on_product_name {} .try_on_product_name .subname {} .try_on_product_size {display: flex; align-items: center; flex-flow: column; padding: 4px 20px; border: 2px solid #000000; border-radius: 2rem; margin: 2rem 0;} .try_on_product_size .size_name {} .try_on_product_size .size {} .try_on {position: absolute;   bottom: 2rem;   left: 0; width: 100%; display: flex; align-items: center; justify-content: center;   z-index: 5;} .luxe .try_on {position: static;   margin-top: 1.5rem;} .products .product_link .try_on {left: 2rem; width: auto;} .products.luxe .product_link .try_on {position: absolute;   bottom: 2rem;   justify-content: center; width: 100%;   left: 0;} .try_on_button {padding: 5px 2rem; background: #ffffff; display: flex; align-items: center; border-radius: 2rem; cursor: pointer;} .products .product_link .try_on_button {background: none;   padding: 8px 0; color: #888;} .products.luxe .product_link .try_on_button {background: none;  padding: 11px 0;} .products .image_listing .product_link .try_on_button {background: #00000088;   color: #ffffff;} .try_on_button .fa {margin: 3px .75rem 0 0; font-size: 1.5rem;} .products.luxe .try_on_button .fa {margin: 0;} .try_on_text {font-size: 1.1rem; font-weight: 600; position: relative;} .products .product_link .try_on_text {font-size: 1rem; font-weight: 100;} .try_on_text:before {content: ''; position: absolute; width: 0; bottom: 0; left: 0; border-bottom: 1px solid #999999; transition: width .6s;} .products .product_link .try_on_button .try_on_text:before, .products.luxe .product_link .try_on_button .try_on_text:before {display: none;} .products.luxe .try_on_text {display: block;   width: 0;   overflow : hidden;   transition: width .6s;   white-space: nowrap;} .products.luxe .product_link .try_on_button:hover .try_on_text {width: 150px;} .try_on_button:hover .try_on_text:before {width: 100%;} .try_on_window {position: fixed;   bottom: -100%;   left: calc(50% - 320px); height: calc(100% - 4rem);   overflow-y: auto; overflow-x: hidden;   width: 640px;   background: #ffffff; box-shadow: 0 0 12px #00000033;   z-index: 99999999; transition: bottom .6s;} .try_on_window.open {bottom: 0;} #vm-message {display: none;} div[class^="product_global_overlay try_on_window"] .close {right: calc(50% - 320px);   top: 1rem;} @media screen and (max-width: 767px) {.try_on_infos {padding: 2rem;} .try_on_title {font-size: 1.3rem;  margin: 1rem 0 2rem 0;} .try_on_subtitle {font-size: 1.2rem;  margin: 2rem 0;} .try_on {bottom: 1rem;  justify-content: flex-end;  width: calc(100% - 1em);} .try_on_text {font-size: .9rem;} .try_on_button .fa {font-size: 1.2rem;}   .products .product_link .try_on {bottom: 2rem;  position: static;  justify-content: center;  margin-bottom: 1.5rem;} .products.luxe .product_link .try_on {bottom: 0;} .products .image_listing .product_link .try_on {position: absolute;  bottom: 0;  left: 1rem;} .try_on_video {width: 100%;  max-height: 100vw;  overflow: hidden;} .try_on_window {width: 100%;  left: 0;} .try_on_window video {width: 100%;} div[class^="product_global_overlay try_on_window"] .close {right: 1rem;}} :root {--cookie-primary: #000000;   --cookie-gradient: linear-gradient(135deg, #000000 0%, #666666 100%);   --cookie-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);}  @keyframes slideUp {from {transform: translateY(100%);  opacity: 0;}   to {transform: translateY(0);  opacity: 1;}} @keyframes fadeIn {from {opacity: 0;}   to {opacity: 1;}} @keyframes scaleIn {from {transform: scale(0.9);  opacity: 0;}   to {transform: scale(1);  opacity: 1;}}  .cookie-consent-banner {position: fixed;   z-index: 999999;   font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;   animation: slideUp 0.6s cubic-bezier(0.16, 1, 0.3, 1);}  .cookie-consent-banner.style-modern {background: rgba(255, 255, 255, 0.95);   backdrop-filter: blur(20px) saturate(180%);   -webkit-backdrop-filter: blur(20px) saturate(180%);   border: 1px solid rgba(255, 255, 255, 0.3);   box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15);} .cookie-consent-banner.style-modern::before {content: '';   position: absolute;   top: 0;   left: 0;   right: 0;   height: 4px;   background: var(--cookie-gradient);}  .cookie-consent-banner.style-minimal {background: #ffffff;   border-top: 1px solid #e5e7eb;   box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.08);}  .cookie-consent-banner.style-dark {background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%);   color: #ffffff;   box-shadow: 0 -8px 40px rgba(0, 0, 0, 0.6);} .cookie-consent-banner.style-dark .cookie-consent-text {color: rgba(255, 255, 255, 0.9);}  .cookie-consent-banner.position-bottom {bottom: 0;   left: 0;   right: 0;   padding: 24px;} .cookie-consent-banner.position-bottom-left, .cookie-consent-banner.position-bottom-right {bottom: 24px;   width: 420px;   max-width: calc(100vw - 48px);   border-radius: 16px;   padding: 24px;} .cookie-consent-banner.position-bottom-left {left: 24px;} .cookie-consent-banner.position-bottom-right {right: 24px;} .cookie-consent-banner.position-center {top: 50%;   left: 50%;   transform: translate(-50%, -50%);   width: 500px;   max-width: calc(100vw - 48px);   border-radius: 20px;   padding: 32px;   animation: scaleIn 0.5s cubic-bezier(0.16, 1, 0.3, 1);}  .cookie-consent-overlay {display: none;   position: fixed;   top: 0;   left: 0;   right: 0;   bottom: 0;   background: rgba(0, 0, 0, 0.6);   backdrop-filter: blur(4px);   z-index: 999998;   animation: fadeIn 0.3s ease;} .cookie-consent-overlay.active {display: block;}  .cookie-consent-content {display: flex;   flex-direction: column;   gap: 20px;   max-width: 1200px;   margin: 0 auto;} .cookie-consent-text h3 {margin: 0 0 8px 0;   font-size: 22px;   font-weight: 700;   background: var(--cookie-gradient);   -webkit-background-clip: text;   -webkit-text-fill-color: transparent;   background-clip: text;} .cookie-consent-banner.style-dark .cookie-consent-text h3 {background: linear-gradient(135deg, #a78bfa 0%, #ec4899 100%);   -webkit-background-clip: text;   -webkit-text-fill-color: transparent;} .cookie-consent-text p {margin: 0;   font-size: 15px;   line-height: 1.6;   color: #6b7280;} .cookie-consent-banner.style-dark .cookie-consent-text p {color: rgba(255, 255, 255, 0.7);}  .cookie-consent-buttons {display: flex;   gap: 12px;   flex-wrap: wrap;} .cookie-btn {padding: 12px 24px;   border: none;   border-radius: 10px;   font-size: 15px;   font-weight: 600;   cursor: pointer;   transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);   position: relative;   overflow: hidden;} .cookie-btn::before {content: '';   position: absolute;   top: 50%;   left: 50%;   width: 0;   height: 0;   border-radius: 50%;   background: rgba(255, 255, 255, 0.3);   transform: translate(-50%, -50%);   transition: width 0.6s, height 0.6s;} .cookie-btn:hover::before {width: 300px;   height: 300px;} .cookie-btn-primary {background: var(--cookie-gradient);   color: white;   box-shadow: 0 4px 15px rgba(79, 70, 229, 0.4);} .cookie-btn-primary:hover {transform: translateY(-2px);   box-shadow: 0 8px 25px rgba(79, 70, 229, 0.5);} .cookie-btn-secondary {background: transparent;   color: #6b7280;   border: 2px solid #e5e7eb;} .cookie-btn-secondary:hover {border-color: var(--cookie-primary);   color: var(--cookie-primary);   transform: translateY(-2px);} .cookie-consent-banner.style-dark .cookie-btn-secondary {color: rgba(255, 255, 255, 0.9);   border-color: rgba(255, 255, 255, 0.2);} .cookie-consent-banner.style-dark .cookie-btn-secondary:hover {border-color: #a78bfa;   color: #a78bfa;}  .cookie-settings-modal {display: none;   position: fixed;   z-index: 1000000;   left: 0;   top: 0;   width: 100%;   height: 100%;   background-color: rgba(0, 0, 0, 0.75);   backdrop-filter: blur(8px);   animation: fadeIn 0.3s ease;} .cookie-settings-modal.active {display: flex;   align-items: center;   justify-content: center;} .cookie-modal-content {background: white;   margin: 20px;   padding: 0;   border-radius: 20px;   width: 90%;   max-width: 700px;   max-height: 85vh;   overflow: hidden;   box-shadow: 0 25px 80px rgba(0, 0, 0, 0.3);   animation: scaleIn 0.4s cubic-bezier(0.16, 1, 0.3, 1);} .cookie-modal-header {padding: 32px 32px 24px;   background: var(--cookie-gradient);   color: white;   position: relative;} .cookie-modal-header h2 {margin: 0;   font-size: 24px;   font-weight: 700;} .cookie-modal-close {position: absolute;   right: 24px;   top: 24px;   width: 36px;   height: 36px;   border-radius: 50%;   background: rgba(255, 255, 255, 0.2);   border: none;   color: white;   font-size: 24px;   cursor: pointer;   display: flex;   align-items: center;   justify-content: center;   transition: all 0.3s ease;} .cookie-modal-close:hover {background: rgba(255, 255, 255, 0.3);   transform: rotate(90deg);} .cookie-modal-body {padding: 32px;   max-height: calc(85vh - 200px);   overflow-y: auto;} .cookie-modal-body::-webkit-scrollbar {width: 8px;} .cookie-modal-body::-webkit-scrollbar-track {background: #f1f1f1;   border-radius: 10px;} .cookie-modal-body::-webkit-scrollbar-thumb {background: var(--cookie-gradient);   border-radius: 10px;}  .cookie-category {margin-bottom: 24px;   padding: 20px;   background: #f9fafb;   border-radius: 12px;   border-left: 4px solid transparent;   transition: all 0.3s ease;} .cookie-category:hover {background: #f3f4f6;} .cookie-category.category-necessary {border-left-color: #10b981;} .cookie-category.category-analytics {border-left-color: #3b82f6;} .cookie-category.category-marketing {border-left-color: #f59e0b;} .cookie-category.category-preferences {border-left-color: #8b5cf6;} .category-header {display: flex;   align-items: center;   justify-content: space-between;   margin-bottom: 16px;} .category-title {display: flex;   align-items: center;   gap: 12px;} .category-title h4 {margin: 0;   font-size: 18px;   font-weight: 600;   color: #111827;} .category-badge {padding: 4px 12px;   border-radius: 20px;   font-size: 12px;   font-weight: 600;   text-transform: uppercase;   letter-spacing: 0.5px;} .category-badge.necessary {background: #d1fae5; color: #065f46;} .category-badge.analytics {background: #dbeafe; color: #1e40af;} .category-badge.marketing {background: #fed7aa; color: #92400e;} .category-badge.preferences {background: #ede9fe; color: #5b21b6;}  .cookie-switch {position: relative;   display: inline-block;   width: 56px;   height: 32px;} .cookie-switch input {opacity: 0;   width: 0;   height: 0;} .cookie-slider {position: absolute;   cursor: pointer;   top: 0;   left: 0;   right: 0;   bottom: 0;   background: #d1d5db;   transition: 0.4s cubic-bezier(0.16, 1, 0.3, 1);   border-radius: 34px;} .cookie-slider:before {position: absolute;   content: "";   height: 24px;   width: 24px;   left: 4px;   bottom: 4px;   background: white;   transition: 0.4s cubic-bezier(0.16, 1, 0.3, 1);   border-radius: 50%;   box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);} input:checked + .cookie-slider {background: var(--cookie-gradient);} input:checked + .cookie-slider:before {transform: translateX(24px);} input:disabled + .cookie-slider {opacity: 0.5;   cursor: not-allowed;}  .category-description {font-size: 14px;   color: #6b7280;   margin-bottom: 16px;   line-height: 1.6;} .category-cookies {display: grid;   gap: 12px;} .cookie-item {padding: 16px;   background: white;   border-radius: 8px;   border: 1px solid #e5e7eb;   transition: all 0.2s ease;} .cookie-item:hover {border-color: var(--cookie-primary);   box-shadow: 0 4px 12px rgba(79, 70, 229, 0.1);} .cookie-item-name {font-weight: 600;   color: #111827;   font-size: 15px;   margin-bottom: 4px;   font-family: 'Monaco', 'Courier New', monospace;} .cookie-item-description {font-size: 13px;   color: #6b7280;   margin-bottom: 8px;} .cookie-item-meta {display: flex;   gap: 16px;   font-size: 12px;   color: #9ca3af;} .cookie-item-meta span {display: flex;   align-items: center;   gap: 4px;}  .cookie-modal-footer {padding: 24px 32px;   background: #f9fafb;   display: flex;   justify-content: space-between;   align-items: center;   gap: 12px;} .cookie-modal-footer-text {font-size: 13px;   color: #6b7280;} .cookie-modal-footer-buttons {display: flex;   gap: 12px;}  .cookie-count-badge {display: inline-flex;   align-items: center;   justify-content: center;   min-width: 24px;   height: 24px;   padding: 0 8px;   background: var(--cookie-gradient);   color: white;   border-radius: 12px;   font-size: 12px;   font-weight: 700;}  @media (max-width: 768px) {.cookie-consent-banner.position-bottom-left,   .cookie-consent-banner.position-bottom-right {left: 16px;  right: 16px;  bottom: 16px;  width: auto;}   .cookie-consent-banner.position-center {width: calc(100vw - 32px);  padding: 24px;}   .cookie-consent-content {gap: 16px;}   .cookie-consent-buttons {flex-direction: column;}   .cookie-btn {width: 100%;  text-align: center;}   .cookie-modal-content {width: calc(100vw - 32px);  max-height: calc(100vh - 32px);}   .cookie-modal-header,   .cookie-modal-body,   .cookie-modal-footer {padding: 24px;}   .cookie-modal-footer {flex-direction: column;  align-items: stretch;}   .cookie-modal-footer-buttons {flex-direction: column;}}  @keyframes pulse {0%, 100% {opacity: 1;}   50% {opacity: 0.6;}} .cookie-icon {animation: pulse 2s ease-in-out infinite;}  .cookie-policy-link {color: var(--cookie-primary);   text-decoration: none;   font-weight: 600;   transition: all 0.2s ease;} .cookie-policy-link:hover {text-decoration: underline;} .cookie-consent-banner.style-dark .cookie-policy-link {color: #a78bfa;}