 :root {--nav-margin: 80px}
body {font-family: Be Vietnam, sans-serif}
.header-menu-middle .row {display: flex;align-items: center;flex-wrap: nowrap;justify-content: space-between;width: 100%;margin-left: 0;margin-right: 0}
.header-menu-middle .row > * {display: flex;align-items: center;justify-content: center;height: 80px;margin: 0 !important}
.header-logo-wrapper {max-height: 145px;height: 100%;width: auto;float: left}
.header-search-inline-wrapper {flex: 1 1 auto;max-width: none;margin: 0 28px !important;min-width: 0;justify-content: flex-start}
.header-actions-wrapper {margin-left: 28px !important;flex: 0 0 auto}
.navbar-fixed-top {background: transparent;box-shadow: none}
.process-icon.process-icon-font {font-size: 20px;height: 42px;width: 42px;background: var(--color-main);display: inline-block;color: #fff;text-align: center;line-height: 42px;border-radius: 9px;vertical-align: top}
a, a:hover, .btn-link:hover {color: var(--color-main);}
header #block-logo {margin: 15px;width: 160px;display: inline-block;position: static;margin-right: 30px;}
header #block-logo img {max-width: 100%;max-height: 40px}
.container-footer #block-logo {max-width: 200px;margin: 30px 0 0;}
footer .block-pietrini.text-footer {height: 230px;}
 #page-homepage.not-logged .landing-view.landing-header-container.landing-header-slider.px-0 {display: none}
#menu-catalog {top: var(--nav-margin)}
#page-section_catalogue .header-page:not(.transparent) {background: #00343a;height: 180px;padding-top: 40px;}
.header-page {margin-top: var(--nav-margin);height: 224px;opacity: 1;background: #00343a;}
.header-page.transparent {background: #fff;height: auto}
.header-page.transparent .container.main {padding: 0}
#page-content .header-page.transparent h1 {color: var(--color-main) !important;font-size: 32px;padding-left: 0;}
@media (min-width: 992px) {
  header {min-height:80px}
}


section.main {padding-top: 167px;}
.header-menu-middle nav.submenu a {color: #fff;}

.landing-views .landing-no-background{background:#fff}
.landing-views .landing-background{background:#f2f5f8}

.landing-view.landing-collaboration.landing-no-background {background: #f2f5f8}
.landing-collaboration .bx-wrapper img {border-radius: 0}
.landing-section-list .landing-row-container {display: inline-block;vertical-align: top;width: 300px;max-width: 100%;margin: 0 5%;background: #fff;box-shadow: 0 0px 1px 0px #eee;border-radius: 3px;margin-top: 45px;transition: all 0.3s;border: 1px solid #eee}
.landing-section-list .bx-wrapper .landing-row-image {height: 300px}
.slider-header-list  .landing-header h1 {text-shadow: 0 2px 4px rgb(0 0 0 / 40%)}
.landing-header-container .landing-view {padding: 180px 0;min-height: 480px}

#page-content .landing-header h1 {font-size: 25px;padding-top: 10px;padding-bottom: 0;line-height: 20px;width: 100%}

/* custom */
.landing-views {margin-top: 146px}
header #block-logo img {max-height: 95px;}
.container-footer {background: #00535E;padding-top: 40px;padding-bottom: 20px;}
.text-footerbase {margin-top: 10px}
.footer-base-content {display: flex;align-items: center;justify-content: space-between;gap: 24px}
.footer-base-left,
.footer-base-right {margin: 0;color: #fff}
.footer-base-right {text-align: right}
footer h5 {color: #fff;}
.landing-wholesaler
.landing-wholesaler-row
.landing-wholesaler-icon img {filter: brightness(0) saturate(100%) invert(18%) sepia(88%) saturate(2200%) hue-rotate(200deg) brightness(95%) contrast(95%)}
.section-title::after {display: none}

.header-iconbar.icons .icon-espace-client {background-image: url(https://goot-master-shard.web.app/images/icons/v2/dashboard-white.svg)}
.header-iconbar.icons .icon-favoris {background-image: url(/images/v2/icon-fav-header-outline-white.svg)}
.header-iconbar.icons .icon-favoris:hover,
.header-iconbar.icons .icon-favoris:focus,
.header-iconbar.icons .icon-favoris.active {background-image: url(/images/v2/icon-fav-header-filled-white.svg)}
.header-iconbar.icons .icon-panier {background-image: url(https://goot-master-shard.web.app/images/icons/v2/cart-white.svg)}
.header-iconbar.icons .icon-search {background-image: url(https://goot-master-shard.web.app/images/icons/v2/search-white.svg)}

header.navbar-mobile-fixed-top .icon-espace-client {background-image: url(https://goot-master-shard.web.app/images/icons/icon-espace-client-dark.png)}
header.navbar-mobile-fixed-top .icon-search {background-image: url(https://goot-master-shard.web.app/images/icons/icon-search-dark.png); }
header.navbar-mobile-fixed-top .icon-panier {background-image: url(https://goot-master-shard.web.app/images/icons/icon-panier-dark.png); }
header.navbar-mobile-fixed-top {background: #00535E}
header.navbar-mobile-fixed-top .header-menu-top>.navbar-mobile-logo img {max-height: 40px}
header.navbar-mobile-fixed-top .header-menu-top>.navbar-mobile-icons a.header-iconbar.icons {display: inline-block}

.navbar-mobile-fixed-top .navbar-toggler {color: #fff}
.navbar-fixed-top, .container-produits {background: #00535E;box-shadow: 0 1px 2px rgba(0, 0, 0, .1);}
.header-menu-middle {border-color: #00535E;box-shadow: none}
.header-iconbar.icons a.btn-primary {/* background: #fff !important; */color: #fff !important;}
.header-iconbar.icons {display: flex;align-items: center}
.header-iconbar.icons a,
.header-iconbar.icons div {margin-top: 0}

.social-links a.margin-left-xxs {margin: 10px 5px;display: inline-block}

.search-form-inline-frb {position: relative;width: 100%;max-width: 500px}
.search-form-inline-frb .search-form-border {background: rgba(255, 255, 255, 0.16);box-shadow: none;border-radius: 999px;padding: 0 8px 0 15px;}
.search-form-inline-frb .search-form-group {position: relative;display: flex;align-items: center;min-height: 52px}
.search-form-inline-frb .search-form-icon {position: static;flex: 0 0 22px;margin-right: 9px;opacity: 0.95;background-image: url(https://goot-master-shard.web.app/images/icons/v2/search-white.svg);background-size: 20px 20px;background-repeat: no-repeat;background-position: center}
.search-form-inline-frb .search-form-input {flex: 1 1 auto;min-width: 0}
.search-form-inline-frb .search-form-input input {background: transparent;border: 0;box-shadow: none;height: 38px;margin: 0 !important;padding: 0 150px 0 0;color: #fff;font-size: 16px;font-weight: 500}
.search-form-inline-frb .search-form-input input::placeholder {color: rgba(255, 255, 255, 0.82);font-style: normal}
.search-form-inline-frb .search-form-input input:focus,
.search-form-inline-frb .search-form-input input:active {border: 0;outline: none}
.search-form-inline-frb .search-form-button {position: absolute;top: 50%;right: 0;transform: translateY(-50%)}
.search-form-inline-frb .search-form-button button {background: #fff !important;border: 0;color: #00535E !important;font-weight: 700;padding: 11px 20px;border-radius: 999px;line-height: 1;min-width: 128px}

.search-form-mobile {display: none}

.catalog .block-product .price {width: 100%;text-align: left;padding: 0;font-size: 16px;border: 0;color: #202020;margin-top: 20px; margin-bottom: 20px;}

/* faq */
.landing-views h2:not(.media-heading) {margin-bottom: 30px; font-size: 32px; text-align: center}
.landing-confidence {background: #f2f5f8}
.landing-view {padding: 35px 0;clear: both}
.landing-row-container {display: inline-block;vertical-align: top;width: 260px;max-width: 100%;margin: 0 5%;background: #fff;box-shadow: 0 0px 1px 0px #eee;border-radius: 3px;margin-top: 45px;transition: all 0.3s;border: 1px solid #eee}
.landing-row-container:hover {box-shadow: 0 0 20px rgb(0 0 0 / 10%)}
.landing-view .landing-row-container {margin: 0 43px;margin: 0;}
.landing-confidence .landing-row-container {display: table; max-width: 800px; width: 100%; margin: 0 auto 30px}
.landing-faq .landing-row-container {width: 100%; max-width: 100%; padding: 20px 0; border-radius: 4px}
.landing-confidence .landing-row-title strong {font-weight: bold; font-size: 18px; line-height: 24px}

#page-cms_page .landing-view {padding-top: 70px;}

.landing-header-container .landing-view {min-height: 480px;}
.header-menu-middle nav.submenu a:first-of-type {padding-left: 6px}

.landing-header-slider {padding: 30px 0  45px !important;background: #fff}
.landing-header-slider .bx-wrapper {width: min(calc(100% - 72px), 1320px);max-width: none !important;margin: 0 auto 42px;padding-bottom: 0}
.landing-header-slider .bx-viewport {border-radius: 12px;overflow: hidden !important;box-shadow: 0 18px 42px rgba(9, 47, 54, 0.12)}
.landing-header-slider .landing-header {position: relative;min-height: 0;padding: 0}
.landing-header-slider .landing-header-image {display: block;width: 100%;height: auto;}
.landing-header-slider .landing-header > .container {position: absolute;inset: 0;display: flex;align-items: center}
.landing-header-slider .landing-header > .container > div {display: flex;align-items: center;width: 100%;height: 100%}
.landing-header-slider .slider-header-row {display: flex;flex-direction: column;align-items: flex-start;justify-content: center;height: 100%;max-width: 100%;padding: 24px 36px;width: auto;}
.landing-header-slider .landing-header h1 {max-width: 100%;margin: 0;font-size: 32px;line-height: 1.1}
.landing-header-slider .btn-white {margin-top: 18px;padding: 12px 22px;font-size: 14px;margin-top: 20px;}
.landing-header-slider .bx-wrapper .bx-controls-direction a {top: 50%;width: 42px;height: 42px;margin-top: 0;border-radius: 999px;background: #fff !important;background-image: none !important;box-shadow: 0 12px 30px rgba(9, 47, 54, 0.18);transform: translateY(-50%);text-indent: -9999px;overflow: hidden}
.landing-header-slider .bx-wrapper .bx-controls-direction a::before {content: "";position: absolute;top: 50%;left: 50%;width: 10px;height: 10px;border-top: 2px solid #184f58;border-right: 2px solid #184f58}
.landing-header-slider .bx-wrapper .bx-controls-direction .bx-prev {left: -21px}
.landing-header-slider .bx-wrapper .bx-controls-direction .bx-prev::before {transform: translate(-30%, -50%) rotate(-135deg)}
.landing-header-slider .bx-wrapper .bx-controls-direction .bx-next {right: -21px}
.landing-header-slider .bx-wrapper .bx-controls-direction .bx-next::before {transform: translate(-70%, -50%) rotate(45deg)}
.landing-header-slider .bx-wrapper .bx-pager {bottom: -28px;margin-bottom: 0}
.landing-header-slider .bx-wrapper .bx-pager.bx-default-pager a {width: 10px;height: 10px;margin: 0 4px;background: #d2d8dc;border: 0;border-radius: 999px;transition: width 0.2s ease, background-color 0.2s ease}
.landing-header-slider .bx-wrapper .bx-pager.bx-default-pager a:hover,
.landing-header-slider .bx-wrapper .bx-pager.bx-default-pager a:focus,
.landing-header-slider .bx-wrapper .bx-pager.bx-default-pager a.active {width: 26px;background: #184f58 !important}

.catalog .block-product.col-lg-4 {width: 25%;box-shadow: 0px 0px 1px 1px #ddd;margin: 0;border-radius: 0;height: 540px;}
.catalog .block-product .btn.btn-primary.add-product {text-align: left;padding-left: 20px;}
.catalog .block-product a.img {padding: 19px 0;height: 220px !important;margin-bottom: 0;}
.product-listing-filters.col-md-12 {margin-bottom: 20px}
#filters .container-catego>div {padding: 0px 20px 10px 0px}
#filters .container-catego {border: 0; }
#filters .container-catego .container-section-pro label {text-align: left; padding: 10px 2px}
#filters .container-catego .input-field-selector {right: 0;left: auto;border-radius: 7px;}
#filters .container-catego .input-field input {float: right; }
#filters .container-catego .btn-section-pro {font-weight: 600; margin-bottom: 10px}
#filters .container-catego {border-bottom: 1px solid #ddd; border-radius: 0; padding-bottom: 10px}
.filter-block strong {display: none}

/* FRB PLP filter chips visibility override */
#filters .filter-block .badge[data-filter-class] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 36px;
  margin: 0 12px 12px 0;
  padding: 8px 14px;
  border: 1px solid transparent;
  border-radius: 5px;
  opacity: 1;
  color: var(--filter-badge-text, #202020);
  background: var(--filter-badge-bg-soft, transparent);
  border-color: var(--filter-badge-border, transparent);
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  white-space: nowrap;
  box-shadow: inset 0 0 0 1px transparent;
  transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease;
}

#filters .filter-block .badge[data-filter-class]:hover,
#filters .filter-block .badge[data-filter-class]:focus {
  text-decoration: none;
  box-shadow: inset 0 0 0 1px currentColor;
}

#filters .filter-block .badge[data-filter-class="badge-promo"] {--filter-badge-text: #6f5823;--filter-badge-bg: #c6a460;--filter-badge-bg-soft: rgba(198, 164, 96, 0.18);--filter-badge-border: rgba(198, 164, 96, 0.48);}
#filters .filter-block .badge[data-filter-class="badge-new"] {--filter-badge-text: #8b1f26;--filter-badge-bg: #ab252e;--filter-badge-bg-soft: rgba(171, 37, 46, 0.10);--filter-badge-border: rgba(171, 37, 46, 0.34);}
#filters .filter-block .badge[data-filter-class="badge-top"] {--filter-badge-text: #005f9d;--filter-badge-bg: #0079c7;--filter-badge-bg-soft: rgba(0, 121, 199, 0.10);--filter-badge-border: rgba(0, 121, 199, 0.28);}
#filters .filter-block .badge[data-filter-class="badge-special"] {--filter-badge-text: #333333;--filter-badge-bg: #333333;--filter-badge-bg-soft: rgba(51, 51, 51, 0.08);--filter-badge-border: rgba(51, 51, 51, 0.18);}
#filters .filter-block .badge[data-filter-class="badge-special2"] {--filter-badge-text: #8d6700;--filter-badge-bg: #d29b00;--filter-badge-bg-soft: rgba(210, 155, 0, 0.12);--filter-badge-border: rgba(210, 155, 0, 0.32);}

#filters .filter-block .badge[data-filter-class].active {
  background: var(--filter-badge-bg, #333333);
  border-color: var(--filter-badge-bg, #333333);
  color: #ffffff;
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.10);
}

.product-listing-filters.col-md-12 {margin-bottom:20px;padding-right:0;padding-left: 0;}
.catalog-view-type-selector.pull-right {display:none}
.catalog-view-type-selector,.form-control.select-goot {border:1px solid #20202029;border-radius:100px;padding-left:20px;color:#202020;font-weight:400}

.block-product div.add-product .glyphicon {margin: 0 6px;width: 13px;height: 37px;line-height: 34px;}
.catalog .block-product .btn.btn-primary.add-product {height: 46px}
.short_qte {height: 38px;width: 44px;}
.add-product-actions {display: inline-flex; align-items: center;}
.btn-add-on-click button {height: 38px;line-height: 38px;width: 40px;}
.btn-add-on-click button:before {line-height: 38px;font-size: 22px;}
#page-shopping_list .catalog .block-product.col-lg-3 {height: 540px;}
#page-shopping_list .catalog.full .block-product.col-lg-3 .block-product-wrapper {padding-bottom: 96px;}
.shopping-list-indicator {display: none; width: 18px; height: 18px; margin-left: 10px; flex: 0 0 auto}
[data-role="add-unique-to-cart"][data-in-shopping-list="1"] .shopping-list-indicator {display: inline-block}
.shopping-list-indicator::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: #ff5761;
  -webkit-mask: url(https://goot-master-shard.web.app/images/icons/v2/shoppinglist.svg) center / contain no-repeat;
  mask: url(https://goot-master-shard.web.app/images/icons/v2/shoppinglist.svg) center / contain no-repeat;
}

#confirm-order {
  background: var(--color-main);
}

@media (max-width: 1199px) {
  .header-menu-middle > .container {padding-left: 15px;padding-right: 15px}
  .header-search-inline-wrapper {margin: 0 16px !important}
  .search-form-inline-frb .search-form-input input {padding-right: 138px}
  .search-form-inline-frb .search-form-button button {min-width: 116px;padding-left: 16px;padding-right: 16px}
}

@media (max-width: 991px) {
  .header-menu-middle .row {display: block}
  .header-actions-wrapper {display: none !important}
  .landing-header-slider {padding-bottom: 22px}
  .landing-header-slider .bx-wrapper {width: calc(100% - 32px);margin-bottom: 34px}
  .landing-header-slider .bx-viewport {border-radius: 18px}
  .landing-header-slider .slider-header-row {padding: 20px 22px;max-width: 300px}
  .landing-header-slider .landing-header h1 {font-size: 24px}
  .landing-header-slider .bx-wrapper .bx-controls-direction a {width: 36px;height: 36px}
  .landing-header-slider .bx-wrapper .bx-controls-direction .bx-prev {left: -12px}
  .landing-header-slider .bx-wrapper .bx-controls-direction .bx-next {right: -12px}
}

@media (max-width: 767px) {
  .footer-base-content {display: block;text-align: center}
  .footer-base-left {margin-bottom: 6px}
  .footer-base-right {text-align: center}
  .landing-header-slider .bx-wrapper {width: calc(100% - 24px);margin-bottom: 30px}
  .landing-header-slider .bx-viewport {border-radius: 14px}
  .landing-header-slider .slider-header-row {padding: 16px 18px;max-width: 220px}
  .landing-header-slider .landing-header h1 {font-size: 20px}
  .landing-header-slider .btn-white {margin-top: 12px;padding: 10px 16px;font-size: 12px}
  .landing-header-slider .bx-wrapper .bx-controls-direction a {display: none}
  .landing-header-slider .bx-wrapper .bx-pager {bottom: -24px}
}

@media (min-width: 992px) {
  /* Inline catalog menu.
     Keep this block isolated so it can be extracted later into transverse CSS
     if other clients reuse the same horizontal level-1 catalog pattern. */
  .navbar-fixed-top.has-inline-catalog-menu .header-menu-middle {
    border-bottom: 1px solid #00535E;
    box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.12);
  }

  #menu-catalog-inline {display: none;background: #fff;border-top: 0;box-shadow: 0 1px 0 rgb(0 0 0 / 5%)}
  #menu-catalog-inline.is-open {display: block}
  #menu-catalog-inline .container {position: relative;min-height: 0}
  #menu-catalog-inline .inline-catalog-scroller {min-height: 0;overflow-x: auto;scrollbar-width: none;-ms-overflow-style: none}
  #menu-catalog-inline.has-overflow .inline-catalog-scroller {cursor: grab}
  #menu-catalog-inline.is-dragging .inline-catalog-scroller {cursor: grabbing;user-select: none}
  #menu-catalog-inline .inline-catalog-scroller::-webkit-scrollbar {display: none}
  #menu-catalog-inline nav {position: relative;display: flex;align-items: stretch;gap: 32px;min-height: 56px;white-space: nowrap;width: max-content}
  .inline-catalog-control {position: absolute;top: 0;z-index: 3;width: 48px;height: 56px;border: 0;padding: 0;color: #00535E;background: linear-gradient(90deg, #fff 30%, rgba(255, 255, 255, 0));pointer-events: none;opacity: 0;transition: opacity .16s ease}
  .inline-catalog-control::before {content: "";display: block;width: 11px;height: 11px;border-top: 2px solid currentColor;border-right: 2px solid currentColor}
  .inline-catalog-control--prev {left: 0}
  .inline-catalog-control--prev::before {transform: rotate(-135deg)}
  .inline-catalog-control--next {right: 0;background: linear-gradient(270deg, #fff 58%, rgba(255, 255, 255, 0))}
  .inline-catalog-control--next::before {transform: rotate(45deg);margin-left: auto}
  #menu-catalog-inline.can-scroll-left .inline-catalog-control--prev, #menu-catalog-inline.can-scroll-right .inline-catalog-control--next {opacity: .72;pointer-events: auto}

  .inline-catalog-link {
    position: relative;
    display: inline-flex;
    align-items: center;
    flex: 0 0 auto;
    min-height: 56px;
    padding: 0;
    color: #161616 !important;
    font-size: 14px;
    font-weight: 700;
    text-decoration: none;
    z-index: 1;
  }

  .inline-catalog-link:hover {
    color: #161616 !important;
  }

  .inline-catalog-link.is-active::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0px;
    left: 0;
    height: 4px;
    background: #111;
    border-radius: 2px 2px 0 0;
  }

  .header-menu-middle nav.submenu > li.dropdown > a {
    position: relative;
    padding-right: 6px;
    margin-right: 16px;
  }

  .header-menu-middle nav.submenu > li.dropdown > a.active::after {
    content: "";
    position: absolute;
    right: 6px;
    bottom: -1px;
    left: 6px;
    height: 4px;
    background: #3DD97B;
    border-radius: 2px 2px 0 0;
  }
}

@media (max-width: 991px) {
  footer .block-pietrini.text-footer {height: unset}
  #menu-catalog-inline {
    display: none !important;
  }
}
footer h2 {font-size: 15px !important; line-height: 14px; margin-bottom: 20px}

/* FRB login modal: neutralize Chrome autofill background on password field */
#modalConnexion .password-toggle input[type="password"]:-webkit-autofill,
#modalConnexion .password-toggle input[type="password"]:-webkit-autofill:hover,
#modalConnexion .password-toggle input[type="password"]:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0 1000px transparent inset;
  box-shadow: 0 0 0 1000px transparent inset;
  -webkit-text-fill-color: inherit;
  background-color: transparent !important;
}

a.btn:focus, .btn.focus, .btn:focus, button:focus, .navbar-item:focus, .inline-catalog-link:focus, .inline-catalog-control:focus, .header-iconbar a:focus, #filters .filter-block .badge[data-filter-class]:focus {outline: none !important;box-shadow: none !important}

/* PDP */
#page-product .breadcrumb {background: transparent;margin: 20px 0 50px;padding: 0;}
#page-product .breadcrumb li a {color: #000;font-size: 16px;font-weight: 500;}
#page-product .breadcrumb li.active {color: #000;font-size: 16px;}
#page-product .breadcrumb li+li:before {color: #000;}

#page-product {background: #fff;}
#page-product .product-hero {display: flex; gap: 40px; padding: 20px 0 40px;}
#page-product .product-hero-image {flex: 0 0 45%; max-width: 45%;}
#page-product .product-hero-image .wrapper-img {position: relative; display: flex; align-items: center; justify-content: center; text-align: center; border-radius: 8px; overflow: hidden;}
#page-product .product-hero-image .wrapper-img img {max-width: 100%; max-height: 450px; height: auto; object-fit: contain;}
#page-product .product-hero-info {flex: 1; min-width: 0;}
#page-product .product-hero-info h1 {font-size: 28px;font-weight: 700;margin: 0 0 4px;color: #1a1a1a;line-height: 1.3;}
#page-product .product-code {font-size: 13px;color: #202020B8;margin: 0 0 16px;}
#page-product .product-short-description {font-size: 18px;line-height: 1.7;color: #000000;margin-bottom: 30px;}
#page-product .product-short-description p {margin: 0 0 8px;}
#page-product .product-attribute-bullets {list-style: disc; padding-left: 20px; margin: 0 0 16px; font-size: 14px; color: #333;}
#page-product .product-attribute-bullets li {margin-bottom: 4px;}
#page-product .product-hero-info .block-prices {margin-top: 0;background: #fff;border-top: 1px solid #e5e5e5;padding: 30px 0 0;}
#page-product .product-hero-info .block-prix .text-price-2 {font-size: 28px; font-weight: 700; color: #1a1a1a;}
#page-product .product-hero-info .product-price-display {margin: 0 0 26px;}
#page-product .product-hero-info .product-price-main {display: flex; align-items: baseline; gap: 4px; flex-wrap: wrap; color: #202020;}
#page-product .product-hero-info .product-price-main .amount {font-size: 24px;line-height: 1;font-weight: 700;letter-spacing: -0.03em;}
#page-product .product-hero-info .product-price-main .suffix {font-size: 20px;font-weight: 400;}
#page-product .product-hero-info .product-price-sub {margin-top: 12px;font-size: 18px;line-height: 1.2;font-weight: 400;color: #202020;}
#page-product .product-hero-info .product-stock-status {display: flex;align-items: center;gap: 10px;margin: 0 0 24px;color: #202020;font-size: 20px;line-height: 1.2;font-weight: 400;}
#page-product .product-hero-info .product-stock-status .status-dot {display: block;width: 16px;height: 16px;border-radius: 999px;flex: 0 0 16px;margin-top: 2px;}
#page-product .product-hero-info .product-stock-status.text-success .status-dot {background: #2CCB68;}
#page-product .product-hero-info .product-stock-status.text-warning .status-dot {background: #FFAA2D;}
#page-product .product-hero-info .product-stock-status.text-danger .status-dot {background: #FD2D2D;}
#page-product .product-hero-info .product-stock-status .status-label {display: block;}
.block-product-stock .product-stock-status {display: flex;align-items: center;gap: 6px;margin: 0 0 8px;color: #202020;font-size: 16px;font-weight: 400;}
.block-product-stock .product-stock-status .status-dot {display: block;width: 16px;height: 16px;border-radius: 999px;flex: 0 0 16px;margin-top: 2px;}
.block-product-stock .product-stock-status.text-success .status-dot {background: #2CCB68;}
.block-product-stock .product-stock-status.text-warning .status-dot {background: #FFAA2D;}
.block-product-stock .product-stock-status.text-danger .status-dot {background: #FD2D2D;}
.block-product-stock .product-stock-status .status-label {display: block;}
.catalog .block-product h4 {display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;max-height: 2.3em;height: auto;color: #202020;margin-top: 0;padding-top: 0;}
.catalog .block-product .block-product-quantity {font-size: 18px; line-height: 1.25; font-weight: 400; color: #202020; margin: 0 0 8px;}
.catalog .block-product .block-product-reference {margin-top: 0;margin-bottom: 6px;font-size: 14px;line-height: 1.3;font-weight: 500;}
.catalog .block-product .block-product-reference .reference-volume {color: #202020;font-size: 16px;display: block;}
.catalog .block-product .block-product-reference .reference-code {color: #0E4E5B;margin-top: 5px;display: block;font-size: 90%;}
.catalog .block-product .block-product-price.price small {font-size: 100% !important;margin-left: 0}
.catalog .block-product .block-product-stock {margin-bottom: 18px;}
.catalog .block-product .block-product-actions {display: block;}
.catalog .block-product .block-product-actions .add-product {margin: 0;}
.catalog .block-product .block-product-actions .product-fav-block {display: inline-flex;align-items: center;justify-content: center;position: absolute;right: 5px;bottom: 22px;z-index: 2;}
.catalog .block-product .block-product-actions .product-fav-toggle {display: inline-flex;align-items: center;justify-content: center;width: 44px;height: 44px;padding: 0;border: 0;background: transparent;opacity: .75;transition: opacity .2s ease, transform .2s ease;outline: none;}
.catalog .block-product .block-product-actions .product-fav-toggle:hover {opacity: .75;transform: scale(1.04);}
.catalog .block-product .block-product-actions .product-fav-toggle.active {opacity: 1;}
.catalog .block-product .block-product-actions .product-fav-toggle img {display: none;}
.catalog .block-product .block-product-actions .product-fav-toggle::before {
  content: "";
  display: block;
  width: 30px;
  height: 26px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-image: url("../images/v2/icon-fav-outline.svg");
}
.catalog .block-product .block-product-actions .product-fav-toggle.active::before {
  background-image: url("../images/v2/icon-fav-filled.svg");
}
.badge-list .badge {border-radius: 5px;font-size: 14px;}
#page-product .product-hero-info .block-prix .text-price-1,
#page-product .product-hero-info .block-prix .text-price-ttc,
#page-product .product-hero-info .block-prix .text-price-2,
#page-product .product-hero-info .block-prix .text-specification,
#page-product .product-hero-info .block-prix .width-table-2,
#page-product .product-hero-info .block-prix-detail,
#page-product .product-hero-info .block-prix h5 {display: none;}
#page-product .product-hero-info .wrapper-add-product {display: flex; align-items: center; gap: 24px; margin-top: 0; flex-wrap: wrap;}
#page-product .product-hero-info .stock-info {display: inline-block; font-size: 13px; font-weight: 600; margin-bottom: 10px;}
#page-product .product-hero-info .wrapper-add-product .product-fav-block {display: inline-flex;align-items: center;justify-content: center;margin-left: 20px;}
#page-product .product-hero-info .wrapper-add-product .product-fav-toggle {display: inline-flex; align-items: center; justify-content: center; width: 56px; height: 56px; padding: 0; border: 0; background: transparent; opacity: .75; transition: opacity .2s ease, transform .2s ease; outline: none;}
#page-product .product-hero-info .wrapper-add-product .product-fav-toggle:hover {opacity: .75; transform: scale(1.04);}
#page-product .product-hero-info .wrapper-add-product .product-fav-toggle.active {opacity: 1;}
#page-product .product-hero-info .wrapper-add-product .product-fav-toggle img {display: none;}
#page-product .product-hero-info .wrapper-add-product .product-fav-toggle::before {
  content: "";
  display: block;
  width: 32px;
  height: 28px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-image: url("../images/v2/icon-fav-outline.svg");
}
#page-product .product-hero-info .wrapper-add-product .product-fav-toggle.active::before {
  background-image: url("../images/v2/icon-fav-filled.svg");
}
#page-product .product-hero-info .wrapper-add-product .pdp-add-product {background: transparent; box-shadow: none; border: 0; display: inline-flex; align-items: stretch; width: auto; padding: 0; margin: 0; cursor: default;}
#page-product .product-hero-info .wrapper-add-product .pdp-add-product .block-product-select-quantity {margin-bottom: 0;}
#page-product .product-hero-info .wrapper-add-product .pdp-add-product .glyphicon {display: inline-block !important; color: #2F2F2F !important; margin: 0 12px; width: 16px; height: 54px; line-height: 54px; text-align: center; font-size: 12px; cursor: pointer;}
#page-product .product-hero-info .wrapper-add-product .pdp-add-product .short_qte {width: 54px; height: 54px; line-height: 54px; margin: 0 -4px; font-size: 16px;}
#page-product .product-hero-info .wrapper-add-product .pdp-add-product .btn-add-on-click {float: none;}
#page-product .product-hero-info .wrapper-add-product .pdp-add-product .btn-add-on-click button {width: 72px; height: 54px; line-height: 54px;}
#page-product .product-hero-info .wrapper-add-product .pdp-add-product .btn-add-on-click button:before {line-height: 54px; font-size: 28px;}

/* Accordion */
#page-product .product-accordion {max-width: 100%; margin: 0 0 40px;}
#page-product .product-accordion-block {border-top: 1px solid #e5e5e5; margin-bottom: 0 !important;}
#page-product .product-accordion-block:first-of-type {border: 0}
#page-product .product-accordion-block:last-child {border-bottom: 1px solid #e5e5e5;}
#page-product .product-accordion-block summary {display: flex;align-items: center;justify-content: space-between;padding: 15px 0 10px;font-size: 24px;font-weight: 600;color: #202020;cursor: pointer;list-style: none;user-select: none;}
#page-product .product-accordion-block summary::-webkit-details-marker {display: none;}
#page-product .product-accordion-block summary::after {content: ''; display: inline-block; width: 10px; height: 10px; border-right: 2px solid #666; border-bottom: 2px solid #666; transform: rotate(45deg); transition: transform 0.2s ease; flex-shrink: 0; margin-left: 16px;}
#page-product .product-accordion-block[open] summary::after {transform: rotate(-135deg);}
#page-product .product-accordion-content {padding: 0 0 22px; font-size: 14px; line-height: 1.7; color: #444;}
#page-product .product-accordion-content > p, #page-product .product-accordion-content > .product-sheet-plain-text {margin: 10px 0;}
#page-product .product-accordion-content > .product-description-text > p:last-child {margin-bottom: 0;}
/* Detail tables */
#page-product .detail-table {width: 100%; border-collapse: collapse;}
#page-product .detail-table tr {border-bottom: 0;}
#page-product .detail-table td {padding: 5px 0;vertical-align: top;font-size: 16px;}
#page-product .detail-label {color: #888; width: 200px; padding-right: 20px; white-space: nowrap;}
#page-product .detail-value {color: #1B1B1B; font-weight: 500;}

/* Description text */
#page-product .product-description-text {font-size: 18px;line-height: 1.8;color: #000000;}
#page-product .product-description-text p {margin: 0 0 12px;}

/* Pictograms under short description */
#page-product .pictograms-under-description {margin: 12px 0 0;}
#page-product .pictogram-row {display: flex; align-items: center; gap: 12px; padding: 10px 0; border-top: 1px solid #e5e5e5;}
#page-product .pictogram-row:first-child {border-top: 1px solid #e5e5e5;}
#page-product .pictogram-icon {display: block;width: auto;}
#page-product .pictogram-title {font-size: 14px; font-weight: 600; color: #202020;}

/* Allergen / nutrition notices */
#page-product .allergen-notice, #page-product .nutrition-notice {color: #202020B8; font-size: 13px; margin: 0 0 8px;}

/* Tasting / aromatic profile */
#page-product .tasting-profile {margin-top: 24px;}
#page-product .tasting-profile h4 {font-size: 15px; font-weight: 600; color: #1a1a1a; margin: 0 0 14px;}
#page-product .tasting-profile-row {display: flex;align-items: center;justify-content: flex-start;margin-bottom: 14px;}
#page-product .tasting-profile-label {width: 200px; flex-shrink: 0; font-size: 13px; color: #6A6A6A;}
#page-product .tasting-segments {display: flex; align-items: center; justify-content: flex-start; gap: 6px; flex: 1; max-width: 200px;}
#page-product .tasting-segment {display: block; flex: 1 1 0; min-width: 0; height: 8px; border-radius: 999px; background: #BBBBBB;}
#page-product .tasting-segment.is-active {background: #3DD97B;}

@media (max-width: 991px) {#page-product .product-hero {flex-direction: column; gap: 24px;} #page-product .product-hero-image {flex: none; max-width: 100%;} #page-product .product-hero-image .wrapper-img img {max-height: 350px;}}
@media (max-width: 767px) {#page-product .product-hero-info h1 {font-size: 22px;} #page-product .product-accordion-block summary {font-size: 16px; padding: 14px 0;} #page-product .detail-label {width: 140px; white-space: normal;} #page-product .tasting-profile-label {width: 140px;} #page-product .tasting-profile-row {flex-wrap: wrap;} #page-product .tasting-segments {max-width: 100%; margin-top: 4px;} #page-product .tasting-segment {max-width: none; flex: 1 1 0;} #page-product .product-hero-info .product-price-main .amount {font-size: 34px;} #page-product .product-hero-info .product-price-main .suffix, #page-product .product-hero-info .product-price-sub, #page-product .product-hero-info .product-stock-status {font-size: 18px;}}

.product-listing .pictograms-under-description {position: absolute}
.product-listing .pictogram-title {display: none}

/* Secondary price line styled like Ref */
.catalog .block-product .block-product-price.price .price-secondary {
  margin-top: 2px;
  line-height: 1.2;
}
.catalog .block-product .block-product-price.price .price-secondary small {
  color: #0E4E5B;
  font-size: 90% !important;
  font-weight: 500;
}
#page-product .product-hero-info .product-price-secondary {
  display: block;
  margin-top: 4px;
  color: #202020;
  font-weight: 500;
  line-height: 1.2;
}

 #page-shopping_list .catalog .block-product .block-product-actions .product-fav-block {right: 10px;bottom: 25px}
#page-cart .btn-default[data-target="#selectOfferedProducts"] {min-width: 0;height: auto;line-height: normal !important;padding: 8px 16px !important; background: #da8200}

.badge.badge-promo {background: #E53935}
.badge.badge-new {background: #30CB70}
.badge.badge-custom {background: #FFB300}
