/*
 * Custom code goes here.
 * A template should always ship with an empty custom.css
 */

/*Romain POISSON - 2025 - PORT Designs*/

/*----------------------------------------------------------------------------------------------------*/

/* * {
    outline: 1px solid rgba(0, 0, 255, 0.1);
} */

/*----------IMPORT----------*/
@font-face {
  font-family: "Nexa";
  src: url("font/nexa/Nexa-Book.ttf") format("truetype");
  font-display: swap;
  font-weight: normal;
  font-style: normal;
}

/*----------IMPORT----------*/

/*------------------------------------------------------------*/

/*----------SCROLLBAR----------*/
/*----------SCROLLBAR----------*/

/*------------------------------------------------------------*/

/*----------BASE----------*/
*,
::before,
::after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  font-family: "Nexa", "Helvetica Neue", Arial, sans-serif;
  font-size: 16px;
  color: var(--black);
  text-decoration: none;
  overflow-x: hidden;
}

:root {
  --primary: #1e397c;
  --primary-light: #5c83d3;
  --primary-dark: #182a5a;
  --primary-100: #f1f4fb;
  --primary-200: #dde4f6;
  --primary-300: #8ba7e1;
  --primary-500: #3d64c7;
  --primary-700: #1e397c;
  --primary-900: #121c3f;
  --secondary: #da0b20;
  --secondary-light: #f55c69;
  --secondary-dark: #8e0615;
  --secondary-100: #fde3e5;
  --secondary-200: #fbc3c8;
  --secondary-300: #f9a3ab;
  --secondary-500: #e32635;
  --secondary-700: #b0081a;
  --secondary-900: #6e030e;
  --success: #cdd84f;
  --success-light: #e5eba3;
  --success-dark: #919a22;
  --error: #ea5a41;
  --error-light: #f4a79a;
  --error-dark: #aa2913;
  --black: #000000;
  --black-soft: #13151a;
  --white: #ffffff;
  --neutral: #f8f9f9;
  --neutral-dark: #cccccc;
  --neutral-400: #bbbbbb;
  --neutral-500: #999999;
  --neutral-600: #777777;
  --neutral-700: #555555;
  --neutral-800: #333333;
  --neutral-900: #202020;
  --filter-700: rgba(60, 60, 60, 0.7);
  --border: 20px;
  --big-border: 36px;
  --desktop-breakpoint: 1280px;
  --tablet-breakpoint: 992px;
  --phone-breakpoint: 780px;
  --box-shadow: 2px 4px 12px 0 rgba(0, 0, 0, 0.08);
}

/*COLOR*/

/*--------------------*/

/*FONT*/
.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-family: "Nexa", "Lato", Helvetica, sans-serif !important;
}

/*Romain POISSON - 2025 - PORT Designs*/

.text-body,
p,
a {
  font-size: 1rem;
}

.text-small {
  font-size: 0.875rem;
}

.text-caption {
  font-size: 0.75rem;
}

.text-overline {
  font-size: 0.688rem;
}

.normal {
  font-weight: normal;
}

.bold {
  font-weight: bold;
}

.italic {
  font-style: italic;
}

.lighter {
  font-weight: lighter;
}

#cms #cms h1,
#cms h2,
#cms h3,
#cms h4,
#cms h5,
#cms h6,
#cms .h1,
#cms .h2,
#cms .h3,
#cms .h4,
#cms .h5,
#cms .h6,
#cms .page-header,
#cms h3,
#stores .page-header,
#block-newsletter-label,
#search h2,
.product-features > dl.data-sheet dt.name,
.show-details-cart,
.sitemap-title {
  text-transform: none !important;
}

/*FONT*/

.an_homecategories,
.an_advantages-inner-wrap,
.my-banners,
#custom-text,
.anut-block.owl-carousel .owl-stage-outer,
#ybc-mnf-block {
  padding: 3rem 5rem 3rem 5rem;
  margin: 2rem 0 2rem 0;
  width: 100%;
}

.an_homeproducts-slider {
  padding: 4rem 5rem 1rem 5rem;
  margin: -4rem 0 2rem 0;
  width: 100%;
}

#custom-text p .dark {
  color: var(--neutral-700);
}

@media (width < 992px) {
  .an_homecategories,
  .an_advantages-inner-wrap,
  .my-banners,
  #custom-text,
  .anut-block.owl-carousel .owl-stage-outer,
  #ybc-mnf-block {
    padding: 2rem 2rem 2rem 2rem;
    margin: 1rem 0 1rem 0;
  }

  .an_homeproducts-slider {
    padding: 2rem 2rem 2rem 2rem;
  }
}

/*COOKIES*/
/* @media screen and (min-width: 768px) { */
#acb-banner {
  padding: 1rem;
  background: linear-gradient(
    70deg,
    rgba(18, 28, 63, 0.6),
    rgba(63, 18, 18, 0.6)
  );
}

#acb-banner.acb-gdpr {
  flex-direction: column;
  justify-content: space-around;
  width: 450px;
  height: 320px;
  margin: 1rem;
  padding: 1.5rem 1rem 0;
  border-radius: var(--border);
}

#acb-deny-all-button {
  padding: 0 !important;
  background: none;
  color: var(--neutral-600);
  text-transform: capitalize;
  position: absolute;
  display: flex;
  justify-content: end;
  align-items: center;
  font-size: 0.7rem !important;
  bottom: 15rem;
  left: 21rem;
  height: fit-content;
}

#acb-close-button {
  padding: 0 !important;
  background: none;
  color: var(--neutral-600);
  text-transform: capitalize;
  display: flex;
  justify-content: end;
  align-items: center;
}

.acb-button:hover {
  box-shadow: none;
}

#acb-banner.acb-gdpr .acb-button {
  padding: 0 0.5rem;
  margin: 0;
  border-radius: var(--border);
  font-size: 0.8rem;
}

.pmAcbPanelActionsContainer {
  gap: 1rem;
  margin-bottom: 1.5rem;
}

.pmAcbPanelCategoriesContainer {
  margin-top: 1rem;
}

#acb-banner.acb-gdpr #acb-action {
  justify-content: space-between;
}

.acb-button {
  height: 3rem;
}

#acb-banner .col-lg-10 {
  width: 100%;
}

#acb-banner .acbCheckboxesContainer {
  flex-wrap: wrap;
  display: flex;
  justify-content: space-evenly;
  margin-top: 2rem;
}

#acb-custom-panel > form {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  height: 100%;
}

#acb-banner.acb-position-bottom {
  border-radius: var(--border);
}

.acbCheckboxContainer {
  display: flex;
  align-items: center;
}

#acb-custom-panel > form {
  gap: 1rem;
}

#acb-banner.acb-gdpr #acb-action {
  margin-bottom: 1.5rem;
}

@media screen and (max-width: 767px) {
  #acb-content {
    overflow: scroll;
    height: 100%;
    max-height: 100%;
    margin-top: 10px;
  }
  #acb-custom-panel {
    height: 100%;
  }
  #acb-banner.acb-gdpr {
    width: calc(100% - 2rem) !important;
    height: auto;
    overflow-y: scroll;
  }
  #acb-close-button,
  #acb-deny-all-button {
    width: fit-content !important;
  }
  #acb-deny-all-button {
    bottom: 4rem;
    left: 75%;
  }
  #acb-close-button {
    justify-content: start;
  }
  .pmAcbPanelContentContainer {
    width: fit-content;
  }
}
/*COOKIES*/

/*NOTIFICATIONS*/
#notifications {
  position: absolute;
  align-self: center;
}
/*NOTIFICATIONS*/

/*POPUP-SORTIE*/
/* Masquer le popup de sortie sur le panier et le compte */
body#cart .ets_abancart_leave_website_overload,
body#authentication .ets_abancart_leave_website_overload,
body#my-account .ets_abancart_leave_website_overload {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
}
/*POPUP-SORTIE*/

/*POPUP-PANIER*/
.ets_abancart_container {
  border-radius: var(--border) !important;
  max-width: 900px !important;
  height: 550px !important;
  min-height: 550px !important;
  border-width: 0 !important;
  border-style: none !important;
  padding: 0 !important;
}

.ets-ac-popup-body {
  padding: 0 !important;
  height: 550px;
}

.ets_abancart_title {
  display: none;
}

.pop {
  text-align: center;
  display: flex;
  height: 100%;
}

.ets_abancart_leave_website_overload .pop {
  height: 550px;
}

.ets_abancart_close {
  margin: 1rem;
}

.text-pop {
  width: 60%;
  padding: 2rem;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
}

.logo-pop > img {
  width: 7rem;
}

.text-pop h4 {
  font-size: 2rem;
  font-weight: bold;
}

.text-pop .desc-pop {
  font-size: 1.2rem !important;
}

.promo-code-box {
  border: 2px solid var(--primary);
  border-radius: var(--big-border);
  width: fit-content;
}

.promo-code {
  padding: 0 1.5rem;
  font-weight: bold;
  font-size: 1.2rem;
  color: var(--primary);
}

.copy-btn {
  background-color: var(--primary);
  border: none;
  color: white;
  padding: 0.8rem 1.5rem;
  border-radius: 0 25px 25px 0;
  font-size: 1.2rem;
}

.copy-btn:hover {
  background-color: var(--primary-dark);
}

.copy-btn:active {
  background-color: var(--primary-900);
}

a.ets_abancart_no_thanks:not(:hover) {
  color: var(--neutral-500) !important;
  font-size: 13px !important;
}

.img-pop {
  width: 40%;
}

.img-pop > img {
  height: 100%;
  object-fit: cover;
  object-position: center;
}

@media (width < 600px) {
  .ets_abancart_container {
    height: 500px !important;
    min-height: 500px !important;
  }

  .pop {
    flex-direction: column;
    height: 640px;
  }

  .text-pop {
    width: 100%;
    height: 450px;
    padding: 1rem;
  }

  .img-pop {
    width: 100%;
    height: 250px;
  }

  .img-pop > img {
    height: auto;
    width: 100%;
  }

  .copy-btn {
    padding: 0.5rem 0.3rem;
  }

  .promo-code {
    padding: 0 0.5rem;
  }

  .copy-btn,
  .promo-code {
    font-size: 0.8rem;
  }

  .text-pop h4 {
    font-size: 1.2rem;
  }

  .text-pop .desc-pop {
    font-size: 0.8rem !important;
  }

  .logo-pop > img {
    width: 4rem;
  }

  .pop p {
    margin-bottom: 0;
  }
}

.pop-sortie {
  height: 450px;
  text-align: center;
}

.pop-sortie .text-pop {
  width: 100%;
  height: 100%;
  padding: 0;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
}

.ets_abancart_popup_overload .ets_abancart_close:before,
.ets_abancart_popup_overload .ets_abancart_close:after {
  background-color: black !important;
}
/*POPUP-PANIER*/

.form-perso {
  width: 100%;
  height: 30rem;
}

/*----------BASE----------*/

/*----------------------------------------------------------------------------------------------------*/

/*----------HEADER----------*/

/* --primary: #1e397c;
--secondary: #da0b20; */
.bandeau-top {
  width: 100%;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: linear-gradient(90deg, #3d64c7, #e32635);
}

.bandeau-top > a {
  color: var(--white) !important;
  font-size: 1rem;
}

#header {
  box-shadow: var(--box-shadow);
}

.breadcrumb-wrapper {
  background: none;
}

.breadcrumb {
  padding: 1.5rem 0 1rem;
}

.breadcrumb li a,
.breadcrumb li a span {
  color: var(--black);
}

.an_homeslider .an_homeslider-desc p {
  max-width: 400px;
}

.an_homeslider.an_homeslider-responsive .an_homeslider-desc .h2 {
  font-size: 3rem;
}

.an_homeslider.an_homeslider-responsive .an_homeslider-desc p {
  font-size: 1.5rem;
}

.an_homeslider.an_homeslider-responsive .an_homeslider-desc p {
  margin-bottom: 0;
}

#header a:hover,
.amenu-item .amenu-link:focus,
.amenu-item .amenu-link:hover {
  color: var(--primary-dark) !important;
}

.container {
  width: 100%;
  max-width: 100%;
}

#_mobile_search {
  display: none;
}

#header .header-nav,
#header .header-nav .header-nav-inside {
  display: none;
}

/*--------------------*/

/*ICONS*/
.my-icons {
  width: 28px;
  height: 28px;
}

/*ICONS*/

/*AVIS-GARANTIS*/
#sag_b_cocarde:not(#index #sag_b_cocarde) {
  display: none;
}

#sag_b_cocarde {
  width: 100px !important;
  height: 110px !important;
}

#sag_b_cocarde .jsWidgetLargeNote {
  top: 34px !important;
}

#sag_b_cocarde .sagInfo {
  top: 54px !important;
  font-size: 10.5px !important;
}

/*AVIS-GARANTIS*/

/*--------------------*/

/*NAVIGATION*/
.anav-top > .amenu-item.mm-2 > a,
.anav-top > .amenu-item.mm-2 a > span {
  color: var(--secondary) !important;
  letter-spacing: 1px;
}

.anav-top > li > span,
.anav-top > li > a {
  font-size: 1rem;
}

.header-middle {
  width: auto;
  gap: 2rem;
}

.amega-menu .anav-top {
  gap: 2rem;
  flex-wrap: nowrap;
}

.blockcart-link {
  position: relative;
  display: inline-block;
}

.blockcart-link .cart-count {
  position: absolute;
  top: -5px;
  right: -5px;
  background: #ff3b30;
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  border-radius: 50%;
  width: 18px;
  height: 18px;
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 1;
  z-index: 10;
}

#_mobile_my_account {
  padding: 0;
  height: 60px;
  display: flex;
  align-items: center;
  margin-left: 15px;
  line-height: 20px;
  font-weight: 700;
  text-transform: uppercase;
}

.amegamenu_mobile-open body {
  padding-right: 0;
}

#amegamenu {
  position: relative;
  transition: all 0.3s ease;
}

#amegamenu.fixed-menu {
  display: none;
}

#header .header-top-wrapper {
  width: 100vw;
  padding: 0 4rem 0 4rem;
  min-height: 66px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 2rem;
}

.header-right {
  width: auto;
  gap: 2rem;
}

#header #_desktop_cart {
  align-self: center;
}

.product-qty .product-qty-container {
  border-radius: var(--border);
}

.go-cart {
  color: var(--white);
}

.remove-from-cart {
  transition: all 0.2s ease;
  border-radius: 50%;
  padding: 0.5rem;
}

.remove-from-cart:hover {
  background: var(--black);
}

.lang_and_сr .btn-unstyle img {
  width: 23px !important;
}

#_fixed_cart a,
#_desktop_cart a,
#_desktop_cart,
#_desktop_an_wishlist,
#_desktop_language_selector {
  border-left: 0;
  line-height: 0;
  margin: 0;
  padding: 0;
}

#_desktop_search,
#block_myaccount_infos,
#header #_desktop_cart,
#_desktop_an_wishlist,
#_desktop_language_selector {
  padding: 0 0rem 0 0rem;
}

#footer .block-social-title,
.links .h4,
#footer .myaccount-title a,
#footer .block-contact-title {
  font-size: 18px;
  font-weight: 700;
  line-height: 1.2;
  margin: 0 0 0 0;
  text-align: left;
  text-transform: none;
  position: relative;
}

#footer .block-social-title {
  display: none;
}

#header .search-widget form input[type="text"] {
  border-radius: var(--border);
  width: 100%;
  max-width: 7rem;
  border: 1px solid var(--neutral-700) !important;
  box-shadow: 0 2px 7px 1px rgb(112 112 112 / 10%);
}

@media (max-width: 991px) {
  #header .search-widget form button[type="submit"] {
    bottom: 13px;
  }
}

input::placeholder {
  color: var(--neutral-700);
  opacity: 1;
}

.search-widget svg > path {
  fill: var(--black);
}

#header .header-nav.tablet-h .top-logo {
  width: 60px !important;
  height: 60px !important;
}

#header .logo,
#header .header-nav.tablet-h .top-logo a img {
  width: 54px;
  height: 54px;
  max-height: none;
}

#_desktop_logo,
#amegamenu.fixed-menu #_fixed_logo {
  width: auto;
}

.header-top .search-widget form input[type="text"] {
  border-radius: var(--border);
}

#header .col-md-8 {
  padding: 0;
}

#header .col-md-2 {
  padding: 0;
}

.anav-top {
  gap: 1.5rem;
}

.fixed-menu-mobile {
  display: none;
}

.amenu-item .amenu-link {
  padding: 0;
}

/*CREATION DE COMPTE*/
#customer-form[action*="professional_account=1"]
  .form-group.row.form-group-with-comment:has(input[name="birthday"]) {
  display: none;
}
/*CREATION DE COMPTE*/

/*DROPDOWNS*/

/*AUTRE-DROPDOWN*/
.amega-menu .mm-3 .dropdown-content,
.amega-menu .mm-4 .dropdown-content,
.amega-menu .mm-5 .dropdown-content {
  padding: 1.2rem 1rem !important;
}

.mm-3 .html-item ul,
.mm-4 .html-item ul,
.mm-5 .html-item ul {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.mm-3 .html-item.typo ul li,
.mm-4 .html-item.typo ul li,
.mm-5 .html-item.typo ul li {
  margin-bottom: 0;
}

.mm-3 .adropdown,
.mm-4 .adropdown,
.mm-5 .adropdown {
  width: calc((1110px * 0.25));
}

/* idées cadeaux */
/* Icône sapin avant "Idées cadeaux" – menu haut + menu hamburger */
.amega-menu .anav-top .amenu-item.mm-6 > .amenu-link::before,
.mobile-amega-menu .anav-top.anav-mobile .amenu-item.mm-6 .amenu-link::before {
    content: "";
    display: inline-block;
    width: 17px;   /* ~50 % de 35px */
    height: 27px;  /* ~50 % de 54px */
    margin-right: 0;
    vertical-align: middle;

    background-image: url("/themes/child_galaxy/img/icone_sapin.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}

.amega-menu .anav-top .amenu-item.mm-6 .category-item {
	margin-bottom: 0;
}
.amega-menu .anav-top .amenu-item.mm-6 .adropdown {
    padding-bottom: 15px !important;
}
.amega-menu .anav-top .amenu-item.mm-6 .adropdown .acontent-1 .category-item.level-1 {
    padding-top: 15px !important;
}
.amega-menu .anav-top .amenu-item.mm-6 .category-item.level-1 > .h5 {
	margin-bottom: 0;
}
.amega-menu .anav-top .amenu-item.mm-6 .category-item > .h5 {
	font-weight: normal;
    position: relative;
    line-height: 26px;
}
.amega-menu .anav-top .amenu-item.mm-6 .category-item.level-1 > .h5 a {
	font-size: 16px;
	font-weight: normal;
	text-transform: none;
    padding: 0 0 0 15px;
    transition: .3s;
}
.amega-menu .anav-top .amenu-item.mm-6 .category-item.level-1 .h5 a::before {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	display: inline-block;
	width: 0;
	height: 1px;
	margin: auto;
	border-bottom: 1px solid #000;
	transition: .3s;
}
.amega-menu .anav-top .amenu-item.mm-6 .category-item.level-1 .h5 a:hover::before {
	width: 10px;
    margin-left: 15px;
}
.amega-menu .anav-top .amenu-item.mm-6 .category-item.level-1 .h5 a:hover {
    margin-left: 15px;
}
#mobile-amegamenu .anav-top .amenu-item.mm-6 .category-item.level-1 {
	margin: 0 !important;
}
#mobile-amegamenu .anav-top .amenu-item.mm-6 .category-item.level-1 > .h5 {
	margin-bottom: 13px;
}
#mobile-amegamenu .anav-top .amenu-item.mm-6 .category-item.level-1 > .h5 a {
	line-height: 1;
	font-size: 13px;
	padding: 0;
	margin: 0;
	font-weight: 400;
}
/* Puce devant les liens du sous-menu mobile "Idées cadeaux" */
#mobile-amegamenu .adropdown-mobile .dropdown-content.dd-14 .category-title a,
#mobile-amegamenu .adropdown-mobile .dropdown-content.dd-15 .category-title a {
    display: inline-flex;
    align-items: center;
}

#mobile-amegamenu .adropdown-mobile .dropdown-content.dd-14 .category-title a::before,
#mobile-amegamenu .adropdown-mobile .dropdown-content.dd-15 .category-title a::before {
    content: "";
    display: inline-block;
    width: 6px;
    height: 6px;
    margin-right: 6px;
    border-radius: 50%;
    border: 1px solid #7a7a7a;
}

/* idées cadeaux */

/*AUTRE-DROPDOWN*/

.adropdown {
  cursor: auto !important;
}

.dropdown-title {
  margin: 1.5rem 0 0.5rem 0;
}

.dropdown-title > div {
  width: 50%;
}

.dropdown-group,
.dropdown-title {
  width: 100vw;
  display: flex;
}

.title-solutions-pro {
  width: 100%;
  text-align: center;
  font-size: 1.2rem;
  font-weight: bold;
}

.dropdown-group {
  margin: 0 0 4rem 0;
}

.gradient-line-absolute {
  display: block;
  position: absolute;
}

.dropdown-group-1,
.dropdown-group-2 {
  width: 50%;
  height: 880px;
  gap: 1rem;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  align-items: center;
}

.dropdown-group p {
  line-height: 16px;
}

.mm-1 .category-item.level-1 {
  max-width: 100%;
}

.amenu-item .adropdown,
.adropdown-1 {
  transform: none !important;
  left: 0 !important;
  padding: 0 !important;
}

.anav-top > li {
  height: 66px;
  display: flex;
  align-items: center;
}

.mm-1 .adropdown-1 {
  margin-top: 46px;
  display: flex;
  flex-direction: column;
  width: 100vw !important;
  overflow: hidden;
  max-height: 900px !important;
  position: fixed !important;
  top: 50px !important;
  transition: ease 0.3s !important;
}

.mm-1 .adropdown-1 .dropdown-group .dropdown-content {
  width: 220px !important;
}

.mm-1 .adropdown-1 .category-item-image {
  border-radius: var(--big-border);
  overflow: hidden;
  width: 220px;
  height: 90px;
  margin-bottom: 10px;
  filter: brightness(0.95);
}

.dropdown-group-1 {
  border-right: 2px solid var(--neutral-400);
}

.category-item > .h5.category-title,
.bien-choisir a {
  font-weight: bold;
}

.dropdown-group-2 {
  margin: 0 !important;
}

.pro-projets {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  margin-top: 4rem;
}

.pro-projets a {
  padding: 2rem 0;
  color: var(--white);
  font-size: 1.5rem;
  font-weight: bold;
  display: flex;
  width: 220px;
  justify-content: center;
  border-radius: 20px;
  text-align: center;
}

.pro-projets a:hover {
  color: var(--primary);
}

.espace-pro a {
  background: url("https://portdesignspublicstorage.blob.core.windows.net/siteportdesigns/menu-principal/espace-pro.png");
}

.vos-projets a {
  background: url("https://portdesignspublicstorage.blob.core.windows.net/siteportdesigns/menu-principal/vos-projets.png");
}

.an_homeslider .owl-dots .owl-dot span {
  width: 24px;
  height: 2px;
  margin: 5px 30px 5px 30px;
  border: 0;
  border-radius: 0;
}

.an_homeslider .owl-dots .owl-dot.active span,
.an_homeslider .owl-dots .owl-dot:hover span,
.anthemeblocks-homeslider .owl-dots .owl-dot.active span,
.anthemeblocks-homeslider .owl-dots .owl-dot:hover span {
  background: var(--primary) !important;
}

@media (width < 992px) {
  #header .search-widget form input[type="text"] {
    max-width: 100%;
    height: 2.4rem;
  }
  #header .logo,
  #header .header-nav.tablet-h .top-logo a img {
    width: 46px;
    height: 46px;
  }
  #header .header-top {
    box-shadow: none;
  }
}

@media (width < 1200px) {
  .anav-top > li > span,
  .anav-top > li > a {
    font-size: 0.93rem;
  }

  .header-middle {
    gap: 1rem;
  }

  .amega-menu .anav-top {
    gap: 1rem;
  }
}

@media (width > 1280px) {
  .dropdown-group-1,
  .dropdown-group-2 {
    padding: 0 2rem;
  }

  .mm-1 .adropdown-1 .dropdown-group .dropdown-content {
    width: 300px !important;
  }

  #header .search-widget form input[type="text"] {
    max-width: fit-content;
  }
}

@media (width > 1500px) {
  .dropdown-group-1,
  .dropdown-group-2 {
    padding: 0 4rem;
  }
}

@media (width > 1900px) {
  .dropdown-group-1,
  .dropdown-group-2 {
    padding: 0 6rem;
  }
}

/*DROPDOWNS*/

/*NAVIGATION*/

/*--------------------*/

/*HOME-SLIDER*/
.an_homeslider .an_homeslider-desc > .container {
  align-items: start;
  display: flex;
  flex-direction: column;
  justify-content: end;
  gap: 1rem;
  bottom: 10%;
  left: 7%;
}

@media (max-width: 1400px) {
  .an_homeslider.an_homeslider-responsive .an_homeslider-desc > .container {
    padding: 0;
  }
}

.an_homeslider .an_homeslider-desc .h2,
.an_homeslider .an_homeslider-desc p {
  margin: 0;
  text-align: left;
}

.an_homeslider-block {
  margin: 0 auto 59px;
}

.an_homeslider-item > img,
.an_homeslider.owl-carousel.owl-drag .owl-item .an_homeslider-item {
  border-radius: 0;
}

@media (width < 992px) {
  .an_homeslider .an_homeslider-desc > .container {
    margin: -2rem 0 0 4%;
  }
}

/*HOME-SLIDER*/

/*--------------------*/

/*GRADIENT-LINE*/
.gradient-line {
  width: 100%;
  height: 4px;
  overflow: hidden;
}

.gradient-line span {
  display: block;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, var(--primary), var(--secondary));
}

/*GRADIENT-LINE*/

/*--------------------*/
@media (width < 1360px) {
  #header .header-top-wrapper {
    padding: 0 2rem 0 2rem;
  }

  .anav-top {
    gap: 0rem;
  }

  .header-right {
    gap: 1.5rem;
  }

  .my-icons {
    width: 24px;
    height: 24px;
  }
}

@media (width < 992px) {
  #header .header-top-wrapper {
    padding: 0.2rem 1rem 1rem 1rem;
    min-height: auto;
  }

  .header-nav .tablet-h > .container {
    padding: 0;
  }

  #_mobile_search {
    display: block;
    margin-bottom: 0;
  }

  #header .header-nav,
  #header .header-nav .header-nav-inside {
    display: block;
  }

  #header .search-widget {
    padding: 0;
  }

  #header .header-nav.tablet-h .top-logo a {
    width: fit-content;
  }
}

/*----------HEADER----------*/

/*------------------------------------------------------------*/

/*----------BODY----------*/

/*BASE*/
#index
  :is(h1, .h1, h2, .h2, #ybc-mnf-block .title_cat):not(.an_homeslider .h2) {
  font-size: 2rem;
  background: linear-gradient(90deg, #3d64c7, #e32635);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  padding-bottom: 0.2rem;
}

#wrapper:not(#index #wrapper) {
  padding: 2rem 4rem;
}

.an_homeproducts-title {
  text-align: center;
  height: fit-content;
  line-height: 1.2;
}

.products-section-title {
  display: none;
}

.featured-products.mt-3 .products .owl-nav > div {
  z-index: 100;
}

#content-wrapper {
  padding: 0;
}

.product-actions .quantity_availability .add-to-cart,
.an_productattributes-add-to-cart-btn span {
  color: var(--white);
}

.an_homeproducts-slider {
  background-color: var(--neutral);
  padding-top: 5rem;
}

@media (width < 992px) {
  .add-to-cart,
  .add-to-cart span,
  .an_productattributes-add-to-cart-btn span {
    font-size: 0.6rem;
  }

  .an_productattributes-group .radio-label {
    font-size: 0.5rem !important;
  }
}

/*BASE*/

/*PRODUITS-POPULAIRES*/
.an_productattributes-qty-add .an_productattributes-add {
  flex-direction: column !important;
}

.an_productattributes-qty-container {
  width: 100% !important;
  margin: 0 0 10px !important;
}

.thumbnail-container {
  border-radius: var(--border);
  padding: 0.5rem;
  box-shadow: var(--box-shadow);
  padding-top: 1.2rem;
}

.product-miniature:not(.col-lg-12) .thumbnail-container,
.an_productattributes {
  padding: 1rem;
}

.owl-carousel .owl-item img {
  border-radius: 0;
}

.product-flags > li,
.product-flags .product-flag.discount-percentage,
.product-flags .product-flag.on-sale,
.product-flags .product-flag.out_of_stock,
.product-flags .product-flag.online-only,
.product-flags .product-flag.new {
  padding: 0.5rem;
  border-radius: var(--border);
  font-size: 1.2rem;
  line-height: 18px;
}

.product-flags .product-flag.out_of_stock {
  display: none;
}

body:not(.category-id-15):not(.category-id-38):not(.category-id-39)
  article.product-miniature:has(.product-flag.out_of_stock) {
  opacity: 0.45;
  filter: grayscale(1);
}

.product-miniature .thumbnail-container-image {
  overflow: hidden;
  border-radius: 20px 20px 0 0;
}

.product-flags .product-flag.discount-percentage,
.product-discount .discount.discount-percentage,
.modal-body .discount-percentage {
  background: var(--secondary-500);
}

.product-flags .product-flag.on-sale {
  background: var(--primary-500);
}

.price-colored,
.current-price:has(.product-discount) > .price {
  color: var(--secondary-500);
}

@media (max-width: 600px) {
  #index .featured-products .product-miniature {
    min-width: 100%;
  }

  .product-flags > li,
  .product-flags .product-flag.discount-percentage,
  .product-flags .product-flag.on-sale,
  .product-flags .product-flag.out_of_stock,
  .product-flags .product-flag.online-only,
  .product-flags .product-flag.new {
    padding: 0.4rem;
    font-size: 1rem;
  }
}

@media (width < 992px) {
  #wrapper:not(#index #wrapper) {
    padding: 1rem 1rem;
  }
}

/*PRODUITS-POPULAIRES*/

/*--------------------*/

/*CATEGORIES*/
.an_homecategories-item {
  margin: 0 15px 22px;
}

.an_homecategories-head .an_homecategories-title {
  text-align: center;
}

.an_homecategories-list {
  justify-content: space-evenly;
}

.an_homecategories-item {
  max-width: 300px;
  border-radius: var(--border);
  box-shadow: var(--box-shadow);
}

.an_homecategories-item-desc {
  display: flex;
  justify-content: center;
}

.an_homecategories-item-desc .h4 {
  position: absolute;
  margin: -3rem auto;
  text-align: center;
}

.an_homecategories-item .an_homecategories-image img {
  border-radius: var(--border);
}

.an_homecategories-image {
  filter: brightness(0.97);
}

.an_homecategories-list {
  justify-content: space-around;
}

@media (width < 1780px) {
  .an_homecategories-item {
    max-width: 280px;
  }
}

@media (width < 1700px) {
  .an_homecategories-item {
    max-width: 260px;
  }
}

@media (width < 1590px) {
  .an_homecategories-item {
    max-width: 230px;
  }
}

@media (width < 1435px) {
  .an_homecategories-item {
    max-width: 200px;
  }
}

@media (width < 1292px) {
  .an_homecategories-item {
    max-width: 180px;
  }

  .an_homecategories-item-desc .h4 {
    margin: -2.5rem auto;
  }
}

@media (width < 1175px) {
  .an_homecategories-item {
    max-width: 340px;
  }
}

@media (width < 880px) {
  .an_homecategories-item {
    max-width: 300px;
  }
}

@media (width < 700px) {
  .an_homecategories-item {
    max-width: 200px;
  }

  .an_homecategories-item-desc .h4 {
    margin: -2rem auto;
  }
}

@media (width < 500px) {
  .an_homecategories-item {
    max-width: 45%;
    margin: 0 5px 10px;
  }

  #index h1,
  #index .h1,
  #index h2,
  #index .h2,
  #index #ybc-mnf-block .title_cat {
    font-size: 22px;
  }
}

/*CATEGORIES*/

/*--------------------*/

/*AVANTAGES*/
.my-advantages {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}

.my-advantages a {
  max-height: 350px;
  overflow: hidden;
  border-radius: var(--border);
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}

.my-advantages img {
  object-fit: cover;
  border-radius: var(--border);
  box-shadow: var(--box-shadow);
  width: 100%;
  height: auto;
  animation: none;
}

.my-advantages a::before {
  content: "";
  position: absolute;
  top: 0;
  left: -95%;
  z-index: 2;
  width: 50%;
  height: 100%;
  background: linear-gradient(
    to right,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0.5) 100%
  );
  transform: skewX(-25deg);
  pointer-events: none;
  opacity: 0;
}

.my-advantages a:hover::before {
  opacity: 1;
  animation: shine 0.75s;
}

@keyframes shine {
  100% {
    left: 125%;
  }
}

.an_advantages .an_advantages-head {
  margin-bottom: 0 !important;
  display: flex;
  align-items: center;
  justify-content: center;
}

.an_advantages-inner-wrap {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  gap: 4rem;
}

.an_advantages .an_advantages-list,
.an_advantages .an_advantages-item {
  flex-direction: column;
  padding: 0.5rem;
  margin: 0;
  align-items: center;
  text-align: center;
  max-width: 100%;
  justify-content: space-around;
}

.an_advantages .an_advantages-item-img {
  height: auto;
  border: none;
  margin-bottom: 0.5rem;
}

.an_advantages .an_advantages-item-desc {
  padding: 0;
}

@media (width < 992px) {
  .an_advantages-inner-wrap {
    flex-direction: column-reverse;
    align-items: center;
    gap: 2rem;
  }

  .an_advantages-head {
    width: 100%;
  }

  .an_advantages .an_advantages-item {
    width: 10rem;
  }

  .an_advantages .an_advantages-list {
    width: 100%;
    flex-direction: row;
    padding: 0;
    text-align: left;
    max-width: 100%;
    align-items: start;
  }
}

@media (width < 384px) {
  .an_advantages .an_advantages-item {
    width: 8rem;
  }
}

/*AVANTAGES*/

/*--------------------*/

/*STORY*/
.my-banners {
  background-color: var(--neutral);
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0 auto;
}

.my-banners .an_banner:first-child {
  padding: 0 1rem 1rem 0;
}

.my-banners .an_banner:nth-child(2) {
  padding: 0 0 1rem 1rem;
}

.my-banners .an_banner:nth-child(3) {
  padding: 1rem 1rem 0 0;
}

.my-banners .an_banner:nth-child(4) {
  padding: 1rem 0 0 1rem;
}

.an_banner-img {
  border-radius: var(--border);
  filter: brightness(0.85);
}

.my-banners .col-xs-12 {
  padding: 0;
}

.an_banner.an_banner-type1 .an_banner-content {
  display: flex;
  flex-direction: column-reverse;
  text-align: center;
}

.an_banner.an_banner-type1 {
  margin-bottom: 0;
}

.my-banners .an_banner-text span {
  font-size: 1rem !important;
}

.an_banner-text h3 {
  margin-bottom: 0;
}

.an_banner.an_banner-type1.an_banner-big .an_banner-text {
  padding: 1rem;
}

#footer .block-social li a {
  background: var(--secondary);
}

.gdpr-newsletter {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  display: none;
}

@media (width > 580px) {
  .my-banners .an_banner-text span {
    color: var(--white) !important;
  }

  .an_banner.an_banner-type1 .an_banner-content {
    flex-direction: column;
  }
}

@media (width < 768px) {
  .my-banners .an_banner {
    padding: 0 !important;
    padding-bottom: 1rem !important;
  }
}

@media (width > 1490px) {
  .an_banner.an_banner-type1.an_banner-big .an_banner-text {
    padding: 0;
  }

  .my-banners .an_banner-text span {
    background: var(--black-soft);
    padding: 1rem 1rem 1rem 2rem;
    border-radius: 0 0 20px 20px;
    color: var(--white) !important;
    display: flex;
    font-size: 1.2rem !important;
    font-weight: normal;
  }

  .an_banner.an_banner-type1 .an_banner-content {
    text-align: left;
  }
}

@media (width < 580px) {
  .an_banner.an_banner-type1.an_banner-big .an_banner-text {
    padding: 0 0 0.5rem;
  }
}

/*STORY*/

/*--------------------*/

/*MARKETING-TEXT-BLOCK*/
.marketing-text-block-title {
  text-align: center;
}

.marketing-text-block {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 50px;
  gap: 4rem;
}

.marketing-text-block p {
  text-align: justify;
}

.img-wrapper {
  min-width: 40rem;
  height: 32rem;
  display: flex;
  justify-content: center;
  overflow: hidden;
  position: relative;
  border-radius: var(--border);
}

.img-wrapper img {
  object-fit: cover;
  object-position: center;
  border-radius: var(--border);
  box-shadow: var(--box-shadow);
  width: 40rem;
  height: auto;
  animation: none;
}

.img-wrapper::before {
  content: "";
  position: absolute;
  top: 0;
  left: -95%;
  width: 50%;
  height: 100%;
  background: linear-gradient(
    to right,
    rgba(255, 255, 255, 0),
    rgba(255, 255, 255, 0.5)
  );
  transform: skewX(-25deg);
  opacity: 0;
  pointer-events: none;
}

.img-wrapper:hover::before {
  opacity: 1;
  animation: shine 0.75s;
}

@keyframes shine {
  100% {
    left: 125%;
  }
}

@media (width < 1600px) {
  .img-wrapper {
    min-width: 26rem;
    height: 560px;
  }

  .marketing-text-block img {
    width: 100%;
  }
}

@media (width < 1280px) {
  .img-wrapper {
    min-width: 0;
    width: 100%;
    height: 26rem;
  }

  .marketing-text-block {
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 2rem;
  }

  .marketing-text-block img {
    width: 100%;
    height: 25rem;
  }
}

/*MARKETING-TEXT-BLOCK*/

/*Romain POISSON - 2025 - PORT Designs*/

/*--------------------*/

/*MANUFACTURERS*/
#ybc-mnf-block .title_cat {
  font-size: 0.7rem;
  font-weight: bold;
  margin-bottom: 2rem;
  text-transform: none !important;
  display: flex;
  justify-content: center;
  text-align: center;
}

#ybc-mnf-block .ybc-mnf-block-a-img {
  display: flex;
  justify-content: center;
}

#ybc-mnf-block .owl-nav {
  display: none;
}

.ybc-mnf-block-a-img > img {
  height: 117px !important;
}

/*MANUFACTURERS*/

/*--------------------*/

/*PRODUCTS*/
#products .product-miniature.col-lg-12 .product-title a {
  font-size: 1.2rem;
  line-height: 24px;
}

.product-miniature.col-lg-12 .product-price-and-shipping {
  align-items: end;
}

/*PRODUCTS-CATEGORY*/

.products-sort-order.dropdown i {
  transition: 0.2s;
  transform: rotate(-180deg);
}

.products-sort-order.dropdown.open i {
  transform: rotate(0deg);
}

.product-miniature {
  margin-bottom: 1rem;
}

.page-category #left-column {
  padding: 0 2rem 0 0;
}

.an_productattributes-group .input-radio:checked + .radio-label,
.an_productattributes-qty,
.an_productattributes-qty-button,
.an_productattributes-group .radio-label {
  border-radius: var(--border) !important;
  text-align: center;
}

.an_productattributes-qty-button {
  width: 45px !important;
  height: 45px !important;
}

.an_productattributes-qty {
  margin: 0 5px;
}

#subcategories ul {
  justify-content: none;
}

#subcategories ul li {
  width: auto;
  margin-bottom: 8px;
}

#subcategories .subcategory-name {
  background: var(--neutral);
  border-radius: var(--border);
  transition: 0.3s;
  padding: 1rem;
  display: flex;
}

#subcategories .subcategory-name:hover {
  background: var(--neutral-400);
  color: var(--white);
  width: fit-content !important;
}

#products .product-miniature.col-lg-12 .thumbnail-container {
  border-top: 1px solid;
  border-bottom: 1px solid;
}

#products .product-miniature.col-lg-12 .thumbnail-container {
  border-color: #ffffff00;
}

#products .product-miniature.col-lg-12 .thumbnail-container:hover {
  border-radius: var(--border);
  border: 1px var(--neutral-dark) solid;
}

@media (width < 581px) {
  #products .product-miniature.col-lg-12 .thumbnail-container:hover {
    border-radius: var(--border);
    border: 1px var(--neutral-dark) solid;
  }
}

/*PRODUCTS-CATEGORY*/

/*PRODUCTS-DESCRIPTION*/
.rupture-stock {
  cursor: not-allowed;
}

.rupture-stock #payoutloud-product-payment-request,
.rupture-stock .paypal-buttons {
  opacity: 0.5;
  pointer-events: none;
}

.an-bi-image {
  width: 50px;
  height: 50px;
}

.an-bi-image img {
  width: 50px;
  height: 50px;
  max-width: 50px;
  max-height: 50px;
  border-radius: 6px;
}

.price-ecotax {
  font-size: 0.8rem;
}

.product-actions .add-to-cart {
  background: var(--secondary) !important;
}

.tab-content .product-description {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  gap: 2rem;
  flex-wrap: wrap;
}

.product_style {
  max-width: 45%;
}

.product-add-to-cart .add,
.buynow-wrapper {
  display: flex;
  justify-content: space-between;
  gap: 0.5rem;
}

.product-add-to-cart:has(.buynow-wrapper.rupture-stock) {
  opacity: 0.45;
  filter: grayscale(1);
}

.an_productpage-slider-nav .slick-arrow,
.product-ean13 {
  display: none !important;
}

.product-rechargeable {
  display: flex;
  gap: 1rem;
  margin: 0.5rem 0;
}

.product-rechargeable img {
  width: 64px;
  height: 64px;
  border-radius: var(--border);
  padding: 0;
}

.product-prices {
  gap: 0.5rem;
}

#payoutloud-product-payment-request:not(:has(*)) {
  display: none;
}

#payoutloud-product-payment-request {
  width: 100%;
  min-width: 150px;
}

#payoutloud-product-payment-request iframe {
  height: 35px !important;
  border-radius: var(--border);
}

.other-paypal iframe {
  border-radius: var(--border);
}

#product
  .paypal-buttons.paypal-buttons-context-iframe.paypal-buttons-label-pay.paypal-buttons-layout-horizontal,
#cart
  .paypal-buttons.paypal-buttons-context-iframe.paypal-buttons-label-pay.paypal-buttons-layout-horizontal {
  display: none !important;
}

.other-paypal {
  display: flex;
  justify-content: center;
  width: 100%;
}

.other-paypal > div {
  margin: 0 !important;
}

.other-paypal > div:first-of-type {
  width: 100%;
}

.other-paypal > div:first-of-type > div:first-of-type {
  width: 100% !important;
}

.product-variants-item .input-radio:checked + span.radio-label,
.product-variants-item .input-radio:hover + span.radio-label,
.an_stickyAddToCart.an_stickyAddToCart .an_stickyAddToCart-qty-container,
.product-actions
  .product-variants
  .product-variants-item
  .input-radio
  + .radio-label,
.product-add-to-cart .qty .input-group .input-group-btn > .btn,
.product-add-to-cart .product-quantity #quantity_wanted {
  border-radius: var(--border);
}

.product-add-to-cart .bootstrap-touchspin {
  display: flex;
  gap: 0.5rem;
}

.product-add-to-cart .qty {
  width: fit-content;
}

.my-armoire {
  color: var(--secondary);
  font-weight: normal !important;
  padding-bottom: 2rem;
}

.category-id-15 .product-miniature.col-lg-12 .an_productattributes,
.category-id-38 .product-miniature.col-lg-12 .an_productattributes,
.category-id-39 .product-miniature.col-lg-12 .an_productattributes {
  max-width: 95% !important;
}

.category-id-15 .product-flags,
.category-id-38 .product-flags,
.category-id-39 .product-flags {
  display: none;
}

.an_stickyAddToCart {
  z-index: 100;
}

#product .featured-products h2,
.product-accessories .h1 {
  text-transform: initial;
}

@media (width < 800px) {
  .product-add-to-cart .add,
  .buynow-wrapper {
    flex-wrap: wrap;
  }

  .product_style {
    max-width: 100%;
  }

  #product .tabs .tab-pane {
    padding: 1rem;
  }
}

@media (width < 768px) {
  #products .product-miniature.col-lg-12 .product-title a {
    font-size: 1rem;
  }
}

@media (width < 450px) {
  .tabs .tab-pane img {
    max-width: 100%;
  }
}

/*PRODUCTS-DESCRIPTION*/

/*BUTTUNS*/

.product-actions .quantity_availability .add-to-cart:hover {
  color: var(--white) !important;
}

/*BUTTUNS*/

/*PRODUCTS*/

/*COMPTE*/
.ets_abancart_shopping_cart {
  list-style: none;
}

#shopping-cart-link {
  width: 100%;
  padding: 0 !important;
}

::marker {
  display: none;
}

.page-my-account #content .links a span.link-item {
  background: var(--neutral);
  border-radius: var(--border);
}

#my-account .text-sm-center > a {
  padding: 1rem;
  background: var(--primary);
  border-radius: var(--border);
  color: var(--white);
}

.login-form .no-account {
  display: none;
}

.customerform-wrapper .form-control,
.forgotten-password .form-fields .email input,
#password .form-control-submit,
.login-form .form-control,
.cart-summary,
.cart-detailed-actions,
#cart .input-group.bootstrap-touchspin,
.block-promo .promo-input,
#checkout-personal-information-step .form-control {
  border-radius: var(--border) !important;
}

.customerform-wrapper .form-footer {
  margin: 0;
  margin-bottom: 4rem;
}

.ybc-mnf-block-a-img {
  pointer-events: none;
  cursor: default;
  color: gray;
  text-decoration: none;
}

/*----------BODY----------*/

/*------------------------------------------------------------*/

/*----------FOOTER----------*/
.footer-container {
  background: var(--black-soft);
}

.footer-container a,
.block-contact,
.footer-container h3,
.block_newsletter p {
  color: var(--white) !important;
}

.copyright-container {
  background: none !important;
}

#footer .block-contact.links li,
#footer .footer-container li {
  padding: 4px 0 !important;
  line-height: 1.5 !important;
}

#footer {
  display: block !important;
}

#my-footer {
  display: flex;
  flex-direction: column;
  gap: 6rem;
  padding: 0 15px 0 15px;
}

.my-footer-logos {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 2rem;
  margin-bottom: 4rem;
  margin: auto;
}

.my-footer-logos > div {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2rem;
}

.my-footer-logos img {
  height: 84px;
}

#footer .my-footer-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 6rem;
}

/*--------------------*/

/*LINES-FOOTER*/
.my-footer-line-grey {
  width: 1px;
  height: 100px;
  overflow: hidden;
}

.my-footer-line-grey span {
  display: block;
  width: 100%;
  height: 100%;
  background: var(--neutral-400);
  border-radius: var(--border);
}

.my-footer-line {
  width: 6rem;
  height: 4px;
  overflow: hidden;
  margin-bottom: 1rem;
}

.my-footer-line span {
  display: block;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, var(--primary), var(--secondary));
  border-radius: var(--border);
}

/*LINES-FOOTER*/

/*--------------------*/

/*NEWSLETTER*/
.block_newsletter {
  background: none !important;
}

.footer-container {
  padding: 6rem 10rem 6rem 10rem;
  margin: auto;
}

.my-footer-newsletter {
  display: none;
}

.my-footer-item > .my-footer-newsletter {
  display: block;
}

.my-footer-item {
  max-width: 32rem;
}

.newsletter-content {
  padding: 0;
}

.my-footer-newsletter {
  width: auto;
  max-width: 26rem;
}

.block_newsletter {
  min-height: auto;
  padding: 0;
}

.block_newsletter form {
  max-width: 300px;
}

.block_newsletter form button[type="submit"] {
  background: var(--primary) !important;
}

.block_newsletter {
  margin-bottom: 0;
}

#search h2 {
  text-align: left;
}

/*NEWSLETTER*/

/*--------------------*/

/*CERTIFICATIONS-FOOTER*/
/*SOCIAL*/
.block-social {
  display: none;
}

.networks-payments .block-social {
  display: block;
}

#footer .block-social li a svg path {
  fill: var(--white);
}

#footer .col-sm-12 {
  padding: 0;
}

/*SOCIAL*/

.networks-payments {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

.networks-payments .col-lg-4 {
  width: auto;
}

.my-footer-certif {
  display: flex;
  flex-wrap: wrap;
  align-items: end;
  justify-content: space-between;
  gap: 2rem;
}

.certifications img {
  height: 80px;
}

@media (width < 768px) {
  .certifications img {
    height: 60px;
  }
}

/*CERTIFICATIONS-FOOTER*/

/*--------------------*/

/*FOOTER-FOOTER*/
#index #footer iframe {
  margin-bottom: 4rem;
}

#footer .copyright-container p {
  color: var(--neutral-500);
  text-align: left;
}

.my-footer-footer {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.my-footer-footer ul {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}

.my-footer-footer > ul > li:first-child {
  margin-left: -1rem;
}

.my-footer-footer > ul > li > a:hover,
.footer-container a:hover,
.footer-container a:focus {
  color: var(--primary);
}

.my-footer-footer span {
  display: block;
  height: 100%;
  width: 1px;
  background-color: var(--white);
}

/*FOOTER-FOOTER*/

/*FAQ*/
.faq-highlight {
  background-color: #fffae5 !important;
  transition: background-color 0.5s ease;
  border-left: 4px solid #f5c000;
  scroll-margin-top: 100px;
}

.faq-summary {
  display: flex;
  flex-direction: column;
  margin: auto;
  width: 100%;
  font-weight: bold;
  gap: 0.5rem;
  padding-bottom: 2rem;
  margin-bottom: 4rem;
}

.faq-summary details {
  display: block;
}

.faq-summary summary {
  padding: 1rem;
  background-color: #f7f7f7;
  border-radius: 16px;
  cursor: pointer;
}

.faq-summary details ul li {
  list-style: none;
  margin-left: 2.5rem;
  margin-top: 0.5rem;
  padding: 0.5rem;
  background-color: #f7f7f7;
  border-radius: 16px;
  width: 25rem;
  text-align: center;
}

.faq-summary details ul li a {
  width: 100%;
  padding: 0.5rem;
  text-decoration: none !important;
}

.faq-container {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin: 2rem auto;
  gap: 1rem;
}

.faq-question {
  display: block;
  padding: 15px;
  cursor: pointer;
  background-color: #f7f7f7;
  border-radius: 16px;
  font-weight: bold;
  position: relative;
  text-align: left;
}

.faq-question::after {
  content: "+";
  position: absolute;
  right: 20px;
  font-size: 20px;
  transition: transform 0.3s ease;
}

.faq-toggle:checked + .faq-question::after {
  content: "−";
}

.faq-toggle {
  display: none;
}

.faq-answer {
  max-height: 0;
  overflow: hidden;
  padding: 0 15px;
  transition: max-height 0.4s ease;
  background-color: #fff;
}

.faq-toggle:checked ~ .faq-answer {
  max-height: 500px;
  padding: 15px;
}

/*FAQ*/

/*--------------------*/

@media (width < 1298px) {
  .my-footer-item {
    max-width: 16rem;
  }
}

@media (width < 992px) {
  .footer-container {
    padding: 2rem 15px 2rem 15px;
  }

  .my-footer-line-grey {
    width: 1px;
    height: 60px;
    overflow: hidden;
  }
}

@media (width < 563px) {
  .my-footer-logos .my-footer-line-grey {
    display: none;
  }
  .my-footer-logos img {
    height: 56px;
  }
}

/*----------FOOTER----------*/

/*CHECKBOXS*/

/* Masque la case native (mais reste cliquable) */
#identity .custom-checkbox label input[type="checkbox"],
.customerform-wrapper .custom-checkbox label input[type="checkbox"],
body#checkout .custom-checkbox input[type="checkbox"] {
  opacity: 0;
  position: absolute;
  width: 18px;
  height: 18px;
  margin: 0;
  cursor: pointer;
}

/* Boîte visible du checkbox */
#identity .custom-checkbox label > span,
.customerform-wrapper .custom-checkbox label > span,
body#checkout .custom-checkbox > span {
  width: 18px !important;
  height: 18px !important;
  border: 2px solid #cbcbcb !important;
  border-radius: 3px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
  background: #fff !important;
  transition: all 0.2s ease;
  flex: 0 0 18px;
}

/* Cache le SVG par défaut */
.custom-checkbox label span svg,
.customerform-wrapper .custom-checkbox label span svg {
  display: none !important;
}

.custom-checkbox label input[type="checkbox"]:checked + span,
.customerform-wrapper
  .custom-checkbox
  label
  input[type="checkbox"]:checked
  + span,
body#checkout .custom-checkbox input[type="checkbox"]:checked + span {
  background-color: var(--primary) !important;
  border-color: var(--primary) !important;
}

.custom-checkbox label input[type="checkbox"]:checked + span svg,
.customerform-wrapper
  .custom-checkbox
  label
  input[type="checkbox"]:checked
  + span
  svg {
  display: block !important;
  border-color: var(--primary) !important;
}

.custom-checkbox label span:hover,
.customerform-wrapper .custom-checkbox label span:hover {
  border-color: var(--primary) !important;
}

.custom-checkbox-label {
  margin: 0;
  color: var(--black);
  font-size: 0.875rem;
  line-height: 1.2;
}

/*CHECKBOXS*/

/*WARRANTY-BLOCK*/
/* #module-port_warrantyform-form #main {
  display: flex;
  flex-direction: column;
  align-items: center;
}

#module-port_warrantyform-form #content {
  width: fit-content;
}

.warranty-form,
.warranty-form button {
  margin-top: 2rem;
}

.warranty-form .form-control {
  width: 32rem;
  border-radius: var(--border);
}

@media (width < 768px) {
  .warranty-form .form-control {
    width: 100%;
  }
} */
/*WARRANTY-BLOCK*/

/*----------------------------------------------------------------------------------------------------*/

/*Romain POISSON - 2025 - PORT Designs*/

/*ANIMATIONS*/
/*ANIMATIONS*/