@charset "UTF-8";
/**----------------------------------------------------------------------------

 Fontface for BM

----------------------------------------------------------------------------**/
/****************************************************************************/
/**                        SourcesSanspro                                  **/
/****************************************************************************/
@font-face {
  font-family: "sourcesans";
  src: url("../fonts/sourcesSanspro/SourceSansPro-Regular.woff") format("woff"), url("../fonts/sourcesSanspro/SourceSansPro-Regular.woff2") format("woff2"), url("../fonts/sourcesSanspro/SourceSansPro-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "sourcesans-italic";
  src: url("../fonts/sourcesSanspro/SourceSansPro-Italic.woff") format("woff"), url("../fonts/sourcesSanspro/SourceSansPro-Italic.woff2") format("woff2"), url("../fonts/sourcesSanspro/SourceSansPro-Italic.ttf") format("truetype");
  font-weight: bold;
  font-style: italic;
}
@font-face {
  font-family: "sourcesans-bold";
  src: url("../fonts/sourcesSanspro/SourceSansPro-Bold.woff") format("woff"), url("../fonts/sourcesSanspro/SourceSansPro-Bold.woff2") format("woff2"), url("../fonts/sourcesSanspro/SourceSansPro-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "sourcesans-semibold";
  src: url("../fonts/sourcesSanspro/SourceSansPro-SemiBold.woff") format("woff"), url("../fonts/sourcesSanspro/SourceSansPro-SemiBold.woff2") format("woff2"), url("../fonts/sourcesSanspro/SourceSansPro-SemiBold.ttf") format("truetype");
  font-weight: bold;
  font-style: italic;
}
@font-face {
  font-family: "sourcesans-light";
  src: url("../fonts/sourcesSanspro/SourceSansPro-Light.woff") format("woff"), url("../fonts/sourcesSanspro/SourceSansPro-Light.woff2") format("woff2"), url("../fonts/sourcesSanspro/SourceSansPro-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "sourcesans-lightitalic";
  src: url("../fonts/sourcesSanspro/SourceSansPro-LightItalic.woff") format("woff"), url("../fonts/sourcesSanspro/SourceSansPro-LightItalic.woff2") format("woff2"), url("../fonts/sourcesSanspro/SourceSansPro-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
}
/****************************************************************************/
/**                        RobotoCondensed                                 **/
/****************************************************************************/
@font-face {
  font-family: "robotocondensed";
  src: url("../fonts/robotoCondensed/RobotoCondensed-Regular.woff") format("woff"), url("../fonts/robotoCondensed/RobotoCondensed-Regular.woff2") format("woff2"), url("../fonts/robotoCondensed/RobotoCondensed-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "robotocondensed-italic";
  src: url("../fonts/robotoCondensed/RobotoCondensed-Italic.woff") format("woff"), url("../fonts/robotoCondensed/RobotoCondensed-Italic.woff2") format("woff2"), url("../fonts/robotoCondensed/RobotoCondensed-Italic.ttf") format("truetype");
  font-weight: bold;
  font-style: italic;
}
@font-face {
  font-family: "robotocondensed-bold";
  src: url("../fonts/robotoCondensed/RobotoCondensed-Bold.woff") format("woff"), url("../fonts/robotoCondensed/RobotoCondensed-Bold.woff2") format("woff2"), url("../fonts/robotoCondensed/RobotoCondensed-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "helveticaDisplay-bold";
  src: url("../fonts/proDisplay/470ca328-5bc8-43ae-b713-6fb2efeea277.woff2") format("woff2"), url("../fonts/proDisplay/f1aceca2-5bef-4b5f-bf31-98d69864ef7d.woff") format("woff");
}
@font-face {
  font-family: "helveticaDisplay-light";
  src: url("../fonts/proDisplay/454337ca-3c24-4a09-84ca-3e0e2cd35f7f.woff2") format("woff2"), url("../fonts/proDisplay/1e6d78af-084a-48ff-8e5b-3d65dd1ae2a7.woff") format("woff");
}
:root {
  --tol-color-primary: #000;
  --tol-color-hover: #000;
  --tol-color-secondary: #ffed00;
  --tol-color-white: #fff;
  --tol-color-black: #000;
  --tol-color-red: #ff003b;
  --tol-color-light-gray: #f1f1f1;
  --tol-color-gray1: #6e6e6f;
  --tol-color-gray2: #e6e6e6;
  --tol-color-gray3: #dcdce0;
  --tol-color-gray6: #202020;
  --tol-color-btn: #FFED00;
  --tol-color-btn-hover: #F6D703;
  --tol-color-checkbox: #FFED00;
  --tol-color-header-btn-hover: #dcdce0;
  --tol-color-header-btn-active: #98A0AF;
  --tol-color-link: var(--tol-color-black);
  --tol-color-link-hover: var(--tol-color-black);
  --tol-color-icon: #6e6e6f;
  --tol-color-icon-hover: #6e6e6f;
  --tol-color-badge: #FFED00;
  --tol-color-promotions: #F00077;
  --tol-color-booking: #04c149;
  --tol-color-btn-hover: var(--tol-color-secondary);
  --tol-color-tmc-background: #fff;
  --tol-font-primary: helveticaDisplay-light;
  --tol-font-bold: helveticaDisplay-bold;
  --tol-font-italic: robotocondensed-italic;
  --tol-font-semibold: helveticaDisplay-bold;
  --tol-font-light: helveticaDisplay-light;
  --tol-font-lightitalic: robotocondensed;
  --tol-bm-color-gray7:#979797;
  --tol-bm-color-secondary-hover: #f6d703;
  --tol-bm-background-color: #f6f6f5;
  --tol-bm-color-header-background: var(--tol-color-black);
  --tol-bm-color-header-menu-active-background: #F3F3F6;
  --tol-bm-background-color-timezones: #F5F7FB;
  --tol-bm-color-disabled: #4C4C4C;
  --tol-bm-background-color-disabled: #CCCCCC;
  --tol-bm-color-link:#57608e;
  --tol-bm-color-gray8: #565466;
  --tol-core-color-cart-promotions-link: #1765f6;
  --tol-color-form-steps-bg-title: #f5f7fb;
  --tol-color-form-steps-content: var(--tol-color-black);
  --tol-color-form-steps-bg-previous-step: #ffed00;
  --tol-color-form-steps-bg-active-step: #ffed00;
  --tol-color-form-steps-bg-next-step: #dedede;
  --tol-color-form-steps-border-active-step: var(--tol-color-black);
  --tol-bm-color-form-password-detail-success: #398D44;
  --tol-bm-color-form-password-detail-error: #DB2929;
}

:root {
  --icon-color-primary: var(--tol-color-primary);
  --icon-color-secondary: var(--tol-color-hover);
  --icon-edit-color1: var(--icon-color-primary);
  --icon-remove-color1: var(--icon-color-primary);
  --icon-lists-color1: var(--icon-color-primary);
  --icon-list-add-color1: var(--icon-color-primary);
  --icon-up-color1: var(--icon-color-primary);
  --icon-calendar-pen-color1: var(--icon-color-primary);
  --icon-repeat-order-color: var(--icon-color-primary);
  --icon-date-since-color1: var(--icon-color-primary);
  --icon-date-to-color1: var(--icon-color-primary);
  --icon-shop-color1: var(--icon-color-primary);
  --icon-mobile-color1: var(--icon-color-primary);
  --icon-goto-after-color1: var(--icon-color-primary);
  --icon-goto-before-color1: var(--icon-color-primary);
  --icon-mobile-color1: var(--icon-color-primary);
  --icon-points-color1: var(--icon-color-primary);
  --icon-truck-color1: var(--icon-color-primary);
  --icon-add-address-color1: var(--icon-color-primary);
  --icon-trash-color1: transparent;
}

#infoproduct-content--remarks .remarks-container .remarks__title {
  color: var(--tol-color-black) !important;
}
#infoproduct-content--remarks .remarks-container .remarks__textarea {
  color: var(--tol-color-black) !important;
  background-color: var(--tol-color-white) !important;
  border: 1px solid var(--tol-color-gray2) !important;
  border-radius: 1.25rem !important;
}
#infoproduct-content--remarks .remarks-container .remarks__footer .btn-outline-primary {
  box-shadow: none !important;
  border-radius: 24px 0 24px 0 !important;
  color: var(--tol-color-black) !important;
  border-color: var(--tol-color-black) !important;
}

#infoproduct-content--desc {
  display: none;
}

#infoproduct-content--name {
  font-size: 1.875rem !important;
  margin-top: 2rem !important;
}
#infoproduct-content--name .d-inline {
  display: block !important;
}

.product-detail--total {
  font-size: 31px !important;
}

.product-detail .product-attribute-most-buyed .product-attribute__badge {
  color: var(--tol-color-black) !important;
  background: transparent !important;
}
.product-detail .product-attribute-most-buyed .product-attribute__text {
  font-size: 1rem !important;
  line-height: 1.25rem !important;
}

.infoproduct-content {
  background-color: var(--tol-color-white);
  box-shadow: 0 4px 11px var(--tol-color-gray2);
  padding: 2rem;
}
.infoproduct-content #info-product--image {
  order: 1;
}
.infoproduct-content #info-product--image-carousel,
.infoproduct-content #info-product--attribute-remarks {
  order: 2;
}
.infoproduct-content #info-product--data {
  order: 3;
}
.infoproduct-content #info-product--product-carousel {
  order: 4;
}
.infoproduct-content #info-product--tabs {
  order: 5;
}

#infoproduct-content--brand,
#infoproduct-content--unitprice {
  margin-top: 0 !important;
  font-size: 1.25rem !important;
}

#infoproduct-content--brand {
  margin-top: 1rem !important;
}

#infoproduct-content--code {
  font-size: 1rem !important;
}

#infoproduct-content--offerdates-desc {
  color: var(--tol-color-black);
}

.page-info-product {
  margin-bottom: 4rem;
}

@media (max-width: 991px) {
  .intercom-lightweight-app {
    z-index: 0 !important;
  }
}
.product-detail__form--list cmp-icon {
  display: flex;
  justify-content: center;
}

.product-detail__form--list:hover {
  --icon-lists-add-color1: #000;
}

#product-detail-carrusel__right > div .widget-prod__boximage-img img {
  max-width: 75% !important;
}

.product-detail__data-container-title {
  font-size: 1.75rem !important;
}
@media (min-width: 992px) and (max-width: 1439px) {
  .product-detail__data-container .product-carousel__container .ngucarousel > .ngu-touch-container > .ngucarousel-items > .item {
    flex: 0 0 66.6666666667% !important;
  }
}
.product-detail .product-image__attributes.top {
  padding: 0 1rem;
}

.attribute-remarks-component--empty {
  display: none;
}

@media (max-width: 767px) {
  .product-detail__data {
    padding-bottom: 4rem !important;
  }
}

.product-detail cmp-product-carousel-product .product-carousel {
  margin-left: 0 !important;
}
@media (max-width: 767px) {
  .product-detail cmp-product-carousel-product .product-carousel {
    margin-left: 1rem !important;
  }
}
.product-detail cmp-product-carousel-product .product-carousel .product-carousel__container--widget .widget-product {
  border-radius: 0.5rem !important;
}

@media (min-width: 768px) {
  .product-detail .product-carousel__container cmp-carousel .carousel__control__horizontal {
    top: 45% !important;
    bottom: auto !important;
  }
  .product-detail .product-carousel__container cmp-carousel .carousel__control__horizontal.carousel__control--right {
    right: -0.5% !important;
  }
  .product-detail .product-carousel__container cmp-carousel .carousel__control__horizontal.carousel__control--left {
    left: -0.5% !important;
    right: auto !important;
  }
  .product-detail .product-carousel__container cmp-carousel .carousel__track {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
.product-image .product-attributes-and-actions__items.right .shipping-lead-time-hours {
  position: relative;
}
.product-image .product-attributes-and-actions__items.right .shipping-lead-time-hours .product-attribute {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  position: absolute;
  right: 2rem;
  bottom: 2rem;
}
.product-image .product-attributes-and-actions__items.right .shipping-lead-time-hours .product-attribute img {
  width: 4rem !important;
  height: 4rem !important;
}
.product-image .product-attributes-and-actions__items.right .shipping-lead-time-hours .product-attribute .product-attribute__value {
  display: flex;
  justify-content: center;
  position: absolute;
  width: 0.5rem;
  font-size: 1.375rem !important;
  line-height: 1.3125rem !important;
  font-family: var(--tol-font-bold);
  color: var(--tol-color-black);
}
.product-image .product-attributes-and-actions__items.right .shipping-lead-time-hours .product-attribute .product-attribute__value.shipping-lead-time-hours {
  position: absolute !important;
  left: 0.25rem;
}

@media (max-width: 767px) {
  .product-detail {
    grid-template: "breadcrumb" auto "info" auto "image" auto "data" auto/100% !important;
  }
}
.icon-localMarket-container .product-detail__pictos--info {
  width: 3.5rem;
  max-width: 3.5rem;
  height: 3.5rem;
}

svg.mb-4.sad.tol-icon.u-rhythm--mt-24.u-size--72.ng-star-inserted {
  width: 103px;
}

.page-home .product-carousel {
  flex-direction: column-reverse !important;
}
.page-home .product-carousel__button {
  align-self: center !important;
  color: #000 !important;
  box-shadow: none !important;
  border-radius: 1.5rem 0 !important;
  background-color: var(--tol-color-btn) !important;
  border-color: var(--tol-color-btn) !important;
  padding: 1rem 1.8rem !important;
  transition: 0.4s all;
  margin-top: -24px;
}
.page-home .product-carousel__button:hover {
  background-color: var(--tol-color-btn-hover) !important;
  border-color: var(--tol-color-btn-hover) !important;
}
.page-home .product-carousel .icon-right {
  display: none;
}
.page-home .mini-grid__body {
  display: flex;
  flex-direction: column-reverse;
  align-items: center;
}
.page-home .mini-grid__button {
  align-self: center;
  color: #000 !important;
  box-shadow: none !important;
  border-radius: 24px 0 !important;
  background-color: #ffed00;
  height: 3rem;
  padding: 0.5rem 1rem;
  margin: 0;
}
@media (max-width: 576px) {
  .page-home .mini-grid {
    margin: auto;
  }
}

.header__support {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  max-width: 1582px;
}
.header__support--container {
  padding: 0.375rem 0;
  background-color: var(--tol-color-background);
  min-height: 3rem;
  display: flex;
}
.header__support--support {
  padding-right: 1rem;
}
.header__support--support, .header__support--language {
  flex: 1;
}
.header__support--support button .text, .header__support--language button .text {
  color: var(--tol-color-black) !important;
  font-family: var(--tol-font-semibold) !important;
}
.header__support--support button .icon-support, .header__support--language button .icon-support {
  --icon-support-color1: var(--tol-color-black);
}
.header__support--support button .icon-world, .header__support--language button .icon-world {
  --icon-world-color1: var(--tol-color-black);
}
.header__support--support button .icon-down, .header__support--language button .icon-down {
  --icon-down-color1: var(--tol-color-black);
}
.header__support--smartlist {
  padding: 0;
}
.header__support--delivery-progress-bar {
  flex-grow: 1;
  position: relative;
  display: flex;
  justify-content: center;
}
.header__support--delivery-progress-bar .progress-bar--title__text .u-colors--success {
  color: var(--tol-color-promotions) !important;
}
.header__support--user {
  flex: 3;
  margin-right: 1rem;
  display: flex;
  justify-content: flex-end;
}
.header__support--user cmp-user-badge {
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.header__support--user cmp-user-badge .badge-component--single {
  width: 2rem;
  height: 2rem;
  font-size: 1.25rem;
  font-family: var(--tol-font-semibold);
  color: var(--tol-color-black);
}
.header__support--user cmp-user-badge cmp-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 1px 2px;
  padding: 0.2rem 0.25rem;
  background-color: var(--tol-color-black);
  border-radius: 50%;
  height: 2rem;
  width: 2rem;
}
.header__support--user cmp-user-badge cmp-icon .icon-user {
  font-size: 1.125rem;
  --icon-user-color1: var(--tol-color-white);
}
.header__support--user cmp-user-badge #user-badge--name-unlogged,
.header__support--user cmp-user-badge #user-badge--name-logged-initialLetter,
.header__support--user cmp-user-badge #user-badge--name-logged-default {
  display: block;
  margin-left: 0.5rem;
  color: var(--tol-color-black) !important;
}
.header__categories-bar {
  background-color: var(--tol-color-gray2);
}
.header__categories-bar .categories-bar-component .tol-icon-component {
  --icon-baby-color1: var(--tol-color-white);
  --icon-dietetics-color1: var(--tol-color-white);
  --icon-drinks-color1: var(--tol-color-white);
  --icon-food-color1: var(--tol-color-white);
  --icon-fresh-color1: var(--tol-color-white);
  --icon-frozen-color1: var(--tol-color-white);
  --icon-home-care-color1: var(--tol-color-white);
  --icon-offers-color1: var(--tol-color-white);
  --icon-personal-care-color1: var(--tol-color-white);
  --icon-pets-color1: var(--tol-color-white);
}
.header__categories-bar .categories-bar-component .nav-links {
  background-color: #F6F6F5;
  height: 50px !important;
}
.header__categories-bar .categories-bar-component .nav-links a {
  padding-top: 5px !important;
}
.header__categories-bar .categories-bar-component .categories-bar-component__link {
  color: var(--tol-color-white) !important;
}
.header__categories-bar .categories-bar-component .categories-bar-component__link span {
  font-family: "helveticaDisplay-bold" !important;
  text-transform: uppercase;
}
.header__categories-bar .categories-bar-component .categories-bar-component__link--active .tol-icon-component {
  --icon-baby-color1: var(--tol-color-black);
  --icon-dietetics-color1: var(--tol-color-black);
  --icon-drinks-color1: var(--tol-color-black);
  --icon-food-color1: var(--tol-color-black);
  --icon-fresh-color1: var(--tol-color-black);
  --icon-frozen-color1: var(--tol-color-black);
  --icon-home-care-color1: var(--tol-color-black);
  --icon-offers-color1: var(--tol-color-black);
  --icon-personal-care-color1: var(--tol-color-black);
  --icon-pets-color1: var(--tol-color-black);
}
.header__categories-bar .categories-bar-component .categories-bar-component__link--active {
  background-color: var(--tol-color-secondary) !important;
  color: #000 !important;
}
.header__categories-bar .categories-bar-component {
  height: 50px !important;
  background-color: #F6F6F5;
}
.header__secondary--container {
  min-height: 3.125rem;
  background-color: var(--tol-color-white);
}
@media (max-width: 767px) {
  .header__secondary {
    justify-content: center;
  }
}
.header__secondary--delivery-progress-bar {
  flex-grow: 1;
  position: relative;
  display: flex;
  justify-content: center;
}
.header__secondary--delivery-progress-bar .progress-bar--title__text .u-colors--success {
  color: var(--tol-color-promotions) !important;
}
.header__secondary--user {
  flex: 3;
  margin-right: 1rem;
  display: flex;
  justify-content: flex-end;
}
.header__secondary--user cmp-user-badge {
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.header__secondary--user cmp-user-badge .badge-component--single {
  width: 2rem;
  height: 2rem;
  font-size: 1.25rem;
  font-family: var(--tol-font-semibold);
  color: var(--tol-color-black);
}
.header__secondary--user cmp-user-badge cmp-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 1px 2px;
  padding: 0.2rem 0.25rem;
  background-color: var(--tol-color-black);
  border-radius: 50%;
  height: 2rem;
  width: 2rem;
}
.header__secondary--user cmp-user-badge cmp-icon .icon-user {
  font-size: 1.125rem;
  --icon-user-color1: var(--tol-color-white);
}
.header__secondary--user cmp-user-badge #user-badge--name-unlogged,
.header__secondary--user cmp-user-badge #user-badge--name-logged-initialLetter,
.header__secondary--user cmp-user-badge #user-badge--name-logged-default {
  display: block;
  margin-left: 0.5rem;
  color: var(--tol-color-black) !important;
}
.header__main {
  padding: 0.75rem 0;
}
.header__main--container {
  background-color: var(--tol-color-white);
}
.header__main--logo .image-component__image {
  height: 2rem;
}
.header__main--menu-button {
  padding: 1rem 0.5rem;
}
@media (min-width: 768px) {
  .header__main--menu-button {
    padding: 1rem 1rem 1rem 0;
  }
}
@media (min-width: 992px) {
  .header__main--menu-button {
    padding: 1rem 2.5rem 1rem 2rem;
  }
}
.header__main--menu-button .menu-button__icon {
  --icon-menu-color1: var(--tol-color-black);
}
.header__main--menu-button .menu-button__icon .tol-icon {
  font-size: 1.5rem;
}
.header__main--menu-button .menu-button__text {
  display: none !important;
}
.header__main--searcher .searcher {
  padding: 0.25rem 0.25rem 0.25rem 1rem;
}
.header__main--searcher .searcher--container {
  border: none;
}
@media (min-width: 992px) {
  .header__main--searcher .searcher--container {
    border: 0.125rem solid var(--tol-color-black);
    border-radius: 0.5rem;
    flex-basis: 100%;
  }
}
.header__main--searcher .searcher .icon-lens {
  font-size: 1.5rem;
  margin-right: 0.25rem;
}
.header__main--searcher .searcher .triple-element-block {
  height: 2.5rem;
}
@media (max-width: 991px) {
  .header__main--searcher .searcher .triple-element-block {
    display: flex;
    width: 2rem;
    height: 2rem;
    justify-content: center;
  }
}
.header__main--delivery {
  cursor: pointer;
  display: flex;
  justify-content: center;
  margin-left: 1rem;
}
@media (min-width: 1200px) {
  .header__main--delivery {
    margin-left: 1.5rem;
  }
}
.header__main--delivery button.header-button {
  box-shadow: none !important;
  border-radius: 1.5rem 0 1.5rem 0 !important;
  background-color: var(--tol-color-secondary);
  color: var(--tol-color-black) !important;
  cursor: pointer;
}
.header__main--delivery .triple-element-block__left.select-zipCode__icon {
  padding: 0;
}
.header__main--delivery .triple-element-block__left.select-zipCode__icon .icon-pin,
.header__main--delivery .triple-element-block__left.select-zipCode__icon .icon-delivery-type,
.header__main--delivery .triple-element-block__left.select-zipCode__icon .icon-delivery-pickup,
.header__main--delivery .triple-element-block__left.select-zipCode__icon .icon-delivery-shipping {
  font-size: 1.5rem;
  --icon-pin-color1: var(--tol-color-black);
  --icon-delivery-type-color1: var(--tol-color-black);
  --icon-delivery-pickup-color1: var(--tol-color-black);
  --icon-delivery-shipping-color1: var(--tol-color-black);
}
.header__main--delivery .triple-element-block__left .select-zipCode__label--text {
  padding: 1rem 1rem 1rem 0;
  color: var(--tol-color-black);
}
.header__main--timeslots {
  display: flex;
  justify-content: center;
  padding: 0;
  margin-left: 0.5rem;
  border-radius: 3.75rem;
}
.header__main--timeslots:focus, .header__main--timeslots:hover {
  background: var(--tol-color-header-btn-hover);
}
.header__main--timeslots:active {
  background: var(--tol-color-header-btn-active);
}
.header__main--timeslots .time-zones__label {
  margin-left: 0;
}
.header__main--timeslots .icon-time {
  font-size: 1.5rem !important;
  --icon-time-color1: var(--tol-color-black);
}
.header__main--recommendations {
  display: flex;
  justify-content: center;
  margin-left: 0.5rem;
  padding: 0;
  border-radius: 3.75rem;
  cursor: pointer;
}
.header__main--recommendations:focus, .header__main--recommendations:hover {
  background: var(--tol-color-header-btn-hover);
}
.header__main--recommendations:active {
  background: var(--tol-color-header-btn-active);
}
.header__main--recommendations #recommendations .triple-element-block__center {
  margin-left: 0 !important;
}
.header__main--recommendations .icon-recommendations {
  font-size: 1.5rem !important;
  --icon-recommendations-color1: var(--tol-color-black);
}
.header__main--recommendations #recommendations-text {
  display: block !important;
}
.header__main--booking-timezone {
  display: flex;
  justify-content: center;
  margin-left: 0.5rem;
  padding: 0;
  border-radius: 3.75rem;
}
.header__main--booking-timezone:focus, .header__main--booking-timezone:hover {
  background: var(--tol-color-header-btn-hover);
}
.header__main--booking-timezone:active {
  background: var(--tol-color-header-btn-active);
}
.header__main--booking-timezone cmp-booking-slot-reserved {
  line-height: 1.25rem;
}
.header__main--promotions {
  display: flex;
  justify-content: flex-start;
  border-radius: 3.75rem;
  padding: 0;
  margin-left: 0.5rem;
}
@media (min-width: 1200px) {
  .header__main--promotions {
    margin-left: 1.5rem;
  }
}
@media (min-width: 992px) {
  .header__main--promotions:hover, .header__main--promotions:focus-visible {
    background: var(--tol-color-header-btn-hover);
  }
  .header__main--promotions:active {
    background: var(--tol-color-header-btn-active);
  }
}
.header__main--promotions .icon-vouchers {
  font-size: 1.5rem !important;
  --icon-vouchers-color1: var(--tol-color-black);
}
.header__main--promotions .content-badge-component {
  align-items: center;
}
.header__main--promotions .content-badge-component__spinner-badge {
  border-radius: 0 0.5rem !important;
  background-color: var(--tol-color-secondary);
  padding: 0.125rem 0.4375rem !important;
}
.header__main--promotions .content-badge-component__spinner-badge .spinner-badge__label {
  font-family: var(--tol-font-bold);
  color: var(--tol-color-black) !important;
}
.header__main--promotions .content-badge-component .spinner-badge__container-label {
  height: 1.25rem;
}
.header__main--cart {
  padding: 1rem;
  display: flex;
  justify-content: center;
  border-radius: 3.75rem;
  padding: 0;
  margin-left: 0.25rem;
  margin-right: 0.625rem;
}
@media (min-width: 992px) {
  .header__main--cart:hover, .header__main--cart:focus-visible {
    background: var(--tol-color-header-btn-hover);
  }
  .header__main--cart:active {
    background: var(--tol-color-header-btn-active);
  }
}
.header__main--cart .badge-component-text {
  font-family: var(--tol-font-bold);
  color: var(--tol-color-black) !important;
}
.header__main--cart .badge-component--multi > * {
  height: 1.5rem;
}
.header__main--cart .badge-component--multi .badge-component__left {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 1.5rem !important;
}
.header__main--cart .badge-component--multi .badge-component__right {
  border-top-right-radius: 1.5rem !important;
  border-bottom-right-radius: 0 !important;
}
.header__main--cart .icon-cart {
  font-size: 1.5rem !important;
  --icon-cart-color1: var(--tol-color-black);
}
.header__main .triple-element-block__center {
  line-height: 1.25rem;
}
.header__mobile {
  display: grid !important;
  grid-template-areas: "searcher searcher" "delivery timeslots";
  grid-template-columns: 1fr 1fr;
  width: 100%;
  padding: 0.5rem 1rem 1rem;
  gap: 1rem 0.5rem;
}
.header__mobile.header-content--logged {
  grid-template-areas: "searcher searcher searcher searcher searcher actions-button actions-button actions-button" "delivery delivery delivery delivery timeslots timeslots timeslots timeslots";
  grid-template-columns: repeat(8, 1fr);
}
@media (min-width: 768px) {
  .header__mobile.header-content--logged {
    grid-template-areas: "searcher searcher searcher actions-button";
    grid-template-columns: repeat(4, 1fr);
  }
}
.header__mobile--container {
  background-color: var(--tol-color-white);
}
.header__mobile--actions-button {
  grid-area: actions-button;
  padding: 0;
  border-radius: 3.75rem;
}
.header__mobile--searcher {
  flex-grow: 1;
  grid-area: searcher;
  width: 100%;
}
.header__mobile--searcher .searcher {
  padding-left: 0.75rem;
}
.header__mobile--searcher .searcher--container {
  border: 0.125rem solid var(--tol-color-black);
  border-radius: 0.5rem;
  flex-grow: 1;
}
.header__mobile--searcher .searcher-input {
  width: 100% !important;
}
.header__mobile--searcher .searcher .triple-element-block {
  height: 2.5rem;
}
.header__mobile--searcher .searcher .triple-element-block__center {
  padding-left: 0;
}
.header__mobile.header-content--logged .header__mobile--searcher .searcher-input {
  width: calc(100vw - 14rem) !important;
}
.header__mobile--delivery {
  grid-area: delivery;
  height: 100%;
}
.header__mobile--delivery button.header-button {
  display: flex;
  box-shadow: none !important;
  border-radius: 1.5rem 0 0 0 !important;
  background-color: var(--tol-color-secondary);
  color: var(--tol-color-black) !important;
  height: 100%;
}
.header__mobile--delivery .select-zipCode cmp-triple-element-block {
  display: flex;
  justify-content: center;
}
.header__mobile--delivery .select-zipCode .icon-pin,
.header__mobile--delivery .select-zipCode .icon-delivery-type,
.header__mobile--delivery .select-zipCode .icon-delivery-pickup,
.header__mobile--delivery .select-zipCode .icon-delivery-shipping {
  font-size: 1.5rem;
  --icon-pin-color1: var(--tol-color-black);
  --icon-delivery-type-color1: var(--tol-color-black);
  --icon-delivery-pickup-color1: var(--tol-color-black);
  --icon-delivery-shipping-color1: var(--tol-color-black);
}
.header__mobile--booking-timezone {
  grid-area: timeslots;
  height: 100%;
  align-content: center;
  box-shadow: none !important;
  border-radius: 0 0 1.5rem 0 !important;
  background-color: var(--tol-bm-background-color-timezones);
  padding: 0;
  display: flex;
  justify-content: center;
}
.header__mobile--booking-timezone cmp-booking-slot-reserved {
  line-height: 1.125rem;
}
.header__mobile--booking-timezone cmp-booking-slot {
  width: 100%;
}
.header__mobile--booking-timezone cmp-booking-slot cmp-triple-element-block {
  display: flex;
  justify-content: center;
}
.header__mobile--booking-timezone cmp-booking-timezone {
  display: flex;
  justify-content: center;
}
.header__mobile--booking-timezone cmp-booking-timezone .triple-element-block {
  display: inline-flex;
}
.header__mobile--booking-timezone cmp-booking-timezone .booking-timezone-toggle {
  width: 100%;
}
.header__mobile--booking-timezone #booking-timezone-toggle-text {
  font-family: var(--tol-font-bold);
}
.header__mobile--booking-timezone .icon-time {
  font-size: 1.5rem !important;
}
.header__mobile--booking-timezone:active {
  background-color: none;
  background: var(--tol-color-header-btn-active);
}
.header__mobile--timeslots {
  grid-area: timeslots;
  height: 100%;
  align-content: center;
  box-shadow: none !important;
  border-radius: 0 0 1.5rem 0 !important;
  background-color: var(--tol-bm-background-color-timezones);
  padding: 0;
}
.header__mobile--timeslots cmp-time-zones {
  display: flex;
}
.header__mobile--timeslots .time-zones {
  display: inline-flex;
  justify-content: center;
  width: 100%;
}
.header__mobile--timeslots .time-zones__icon {
  width: 1.5rem;
  height: 1.5rem;
}
.header__mobile--timeslots .time-zones__icon .icon-time {
  font-size: 1.5rem !important;
  width: 1.5rem;
  height: 1.5rem;
  --icon-time-color1: var(--tol-color-black);
}
.header__mobile--timeslots .time-zones cmp-triple-element-block {
  justify-content: center;
}
.header__mobile--timeslots .time-zones__label {
  margin-left: 0;
}
.header__mobile--recommendations {
  grid-area: recommendations;
  padding: 0;
  border-radius: 3.75rem;
}
.header__mobile--recommendations:focus, .header__mobile--recommendations:hover {
  background: var(--tol-color-header-btn-hover);
}
.header__mobile--recommendations:active {
  background: var(--tol-color-header-btn-active);
}
.header__mobile--recommendations #recommendations {
  padding: 0.5rem;
}
.header__mobile--recommendations .icon-recommendations {
  font-size: 1.5rem !important;
  --icon-recommendations-color1: var(--tol-color-black);
}
.header__mobile--recommendations .triple-element-block__center {
  margin-left: 0;
}
.header__mobile .triple-element-block__center {
  line-height: 1.125rem;
}
.header__categories-bar {
  background-color: var(--tol-color-black);
}
.header__categories-bar .categories-bar-component {
  height: 5rem !important;
  background-color: var(--tol-color-black);
}
.header__categories-bar .categories-bar-component .tol-icon-component {
  font-size: 1rem !important;
}
.header__categories-bar .categories-bar-component .nav-links {
  background-color: var(--tol-color-black);
  height: 5rem !important;
}
.header__categories-bar .categories-bar-component .nav-links a {
  padding-top: 5px !important;
  background-color: var(--tol-color-black);
}
.header__categories-bar .categories-bar-component .nav-links .tol-icon-component {
  font-size: 1.5rem !important;
}
.header__categories-bar .categories-bar-component__link {
  color: var(--tol-color-white) !important;
}
.header__categories-bar .categories-bar-component__link span {
  font-size: 0.89rem !important;
  font-family: var(--tol-font-bold) !important;
  text-transform: uppercase;
}
.header__categories-bar .categories-bar-component__link--active {
  background-color: var(--tol-color-secondary) !important;
  color: var(--tol-color-black) !important;
}
.header__left-panel {
  --icon-pin-color1: var(--tol-color-black);
  --icon-time-color1: var(--tol-color-black);
}
.header__left-panel .triple-element-block__left .element-list__icon {
  font-size: 1.5rem !important;
}
.header__left-panel .triple-element-block__right.element-list__icon .left-panel-arrow {
  font-size: 1rem !important;
}
.header__left-panel .panel-component__content .tol-icon-component {
  --icon-baby-color1: var(--tol-color-black);
  --icon-dietetics-color1: var(--tol-color-black);
  --icon-drinks-color1: var(--tol-color-black);
  --icon-food-color1: var(--tol-color-black);
  --icon-fresh-color1: var(--tol-color-black);
  --icon-frozen-color1: var(--tol-color-black);
  --icon-home-care-color1: var(--tol-color-black);
  --icon-offers-color1: var(--tol-color-black);
  --icon-personal-care-color1: var(--tol-color-black);
  --icon-pets-color1: var(--tol-color-black);
}
.header__right-panel .tol-icon-component {
  --icon-user-color1: var(--tol-color-black);
  --icon-basket-color1: var(--tol-color-black);
  --icon-lists-color1: var(--tol-color-black);
  --icon-recommendations-color1: var(--tol-color-black);
  --icon-support-color1: var(--tol-color-black);
  --icon-world-color1: var(--tol-color-black);
  --icon-logout-color1: var(--tol-color-black);
  --icon-contact-color1: var(--tol-color-black);
  --icon-phone-color1: var(--tol-color-black);
  --icon-login-color1: var(--tol-color-black);
  --icon-register-color1: var(--tol-color-black);
  --icon-remove-color1: var(--tol-color-black);
  -webkit-transform: translate3d(0, 0, 0);
}
.header__right-panel .element-UserDetail,
.header__right-panel .element-MyOrders,
.header__right-panel .element-MyLists,
.header__right-panel .element-MyRecommendations,
.header__right-panel .element-MyPromotions,
.header__right-panel .element-DeliveryAddress,
.header__right-panel .element- {
  --icon-vouchers-color1: var(--tol-color-black);
  --icon-pin-color1: var(--tol-color-black);
  padding: 0.75rem 1.5rem !important;
}
@media (min-width: 1200px) {
  .header__right-panel .element-UserDetail,
  .header__right-panel .element-MyOrders,
  .header__right-panel .element-MyLists,
  .header__right-panel .element-MyRecommendations,
  .header__right-panel .element-MyPromotions,
  .header__right-panel .element-DeliveryAddress,
  .header__right-panel .element- {
    padding: 1.125rem 1.5rem !important;
  }
}
.header__right-panel .element-UserDetail .triple-element-block,
.header__right-panel .element-MyOrders .triple-element-block,
.header__right-panel .element-MyLists .triple-element-block,
.header__right-panel .element-MyRecommendations .triple-element-block,
.header__right-panel .element-MyPromotions .triple-element-block,
.header__right-panel .element-DeliveryAddress .triple-element-block,
.header__right-panel .element- .triple-element-block {
  margin-bottom: 0 !important;
}
.header__right-panel .element-UserDetail .panel-component__content .element-list__text,
.header__right-panel .element-MyOrders .panel-component__content .element-list__text,
.header__right-panel .element-MyLists .panel-component__content .element-list__text,
.header__right-panel .element-MyRecommendations .panel-component__content .element-list__text,
.header__right-panel .element-MyPromotions .panel-component__content .element-list__text,
.header__right-panel .element-DeliveryAddress .panel-component__content .element-list__text,
.header__right-panel .element- .panel-component__content .element-list__text {
  padding-left: 2rem !important;
}
.header__right-panel .element-UserDetail .triple-element-block__left .element-list__icon,
.header__right-panel .element-MyOrders .triple-element-block__left .element-list__icon,
.header__right-panel .element-MyLists .triple-element-block__left .element-list__icon,
.header__right-panel .element-MyRecommendations .triple-element-block__left .element-list__icon,
.header__right-panel .element-MyPromotions .triple-element-block__left .element-list__icon,
.header__right-panel .element-DeliveryAddress .triple-element-block__left .element-list__icon,
.header__right-panel .element- .triple-element-block__left .element-list__icon {
  font-size: 1.5rem !important;
}
.header .has-booking-container:active {
  background-color: transparent;
  padding: 0rem;
}
.header #last-purchase:hover,
.header #smartlist:hover {
  color: var(--tol-color-white);
}
.header #menu-icon-mylists .icon-lists {
  font-size: 1.5rem;
}
.header #last-purchase-icon .icon-last-purchase {
  font-size: 1.5rem;
}
.header #recommendations-icon .icon-recommendations {
  font-size: 1.5rem;
}
.header--scrolling-default #header-upperHeader--container {
  transform: translateY(0);
  opacity: 1;
  transition: transform 0.6s ease-in-out, opacity 0.6s ease-in-out, height 0.6s ease-in-out, min-height 0.6s ease-in-out, padding 0.6s ease-in-out, margin 0.6s ease-in-out, overflow 0.6s ease-in-out;
}
.header--scrolling-down #header-upperHeader--container, .header--scrolling-down #header-support--container {
  height: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  transform: translateY(-100%);
  opacity: 0;
  transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out, height 0.3s ease-in-out, min-height 0.3s ease-in-out, padding 0.3s ease-in-out, margin 0.3s ease-in-out, overflow 0.3s ease-in-out;
}
@media (max-width: 767px) {
  .header--scrolling-down #header-upperHeader--container, .header--scrolling-down #header-support--container {
    height: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    transform: translateY(-100%);
    opacity: 0;
    transition: transform 0.6s ease-in-out, opacity 0.6s ease-in-out, height 0.6s ease-in-out, min-height 0.6s ease-in-out, padding 0.6s ease-in-out, margin 0.6s ease-in-out, overflow 0.6s ease-in-out;
  }
}
@media (min-width: 768px) {
  .header--scrolling-down #header-main--container {
    border-bottom: 1px solid var(--tol-color-gray4);
  }
}
.header--scrolling-down #header-mobile {
  padding-bottom: 0;
}
.header--scrolling-down #header__mobile--delivery, .header--scrolling-down #header__mobile--booking-timezone, .header--scrolling-down #header__mobile--timeslots {
  display: none;
}
@media (max-width: 991px) {
  .header--scrolling-down .header__main--container #header__main--searcher {
    flex: none;
    width: 2rem;
    height: 2rem;
    margin: 1rem 0.6rem;
    background-color: var(--tol-color-black);
    border-radius: 50%;
  }
  .header--scrolling-down .header__main--container #header__main--searcher .searcher {
    padding: 0;
  }
  .header--scrolling-down .header__main--container #header__main--searcher .searcher .icon-lens {
    font-size: 1.125rem;
    margin: 0;
    --icon-lens-color1: var(--tol-color-white);
  }
  .header--scrolling-down .header__main--container #header__main--searcher .searcher .triple-element-block__left {
    padding: 0;
  }
  .header--scrolling-down .header__main--container #header__main--searcher .searcher .triple-element-block__center {
    display: none;
  }
  .header--scrolling-down .header__main--container #header__main--logo .image-component__image {
    height: 2rem;
  }
}
.header--scrolling-up #header-upperHeader--container {
  height: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  transform: translateY(-100%);
  opacity: 0;
  transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out, height 0.3s ease-in-out, min-height 0.3s ease-in-out, padding 0.3s ease-in-out, margin 0.3s ease-in-out, overflow 0.3s ease-in-out;
}
@media (max-width: 767px) {
  .header--scrolling-up #header-upperHeader--container {
    height: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    transform: translateY(-100%);
    opacity: 0;
    transition: transform 0.6s ease-in-out, opacity 0.6s ease-in-out, height 0.6s ease-in-out, min-height 0.6s ease-in-out, padding 0.6s ease-in-out, margin 0.6s ease-in-out, overflow 0.6s ease-in-out;
  }
}
.header--scrolling-up #header-support--container .header--scrolling-up #header-main--container, .header--scrolling-up #header-mobile--container {
  transform: translateY(0);
  opacity: 1;
  transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out, height 0.3s ease-in-out, min-height 0.3s ease-in-out, padding 0.3s ease-in-out, margin 0.3s ease-in-out, overflow 0.3s ease-in-out;
}
@media (max-width: 767px) {
  .header--scrolling-up #header-support--container .header--scrolling-up #header-main--container, .header--scrolling-up #header-mobile--container {
    transform: translateY(0);
    opacity: 1;
    transition: transform 0.6s ease-in-out, opacity 0.6s ease-in-out, height 0.6s ease-in-out, min-height 0.6s ease-in-out, padding 0.6s ease-in-out, margin 0.6s ease-in-out, overflow 0.6s ease-in-out;
  }
}
@media (max-width: 767px) {
  .header--scrolling-up #header-support--container {
    height: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    transform: translateY(-100%);
    opacity: 0;
    transition: transform 0.6s ease-in-out, opacity 0.6s ease-in-out, height 0.6s ease-in-out, min-height 0.6s ease-in-out, padding 0.6s ease-in-out, margin 0.6s ease-in-out, overflow 0.6s ease-in-out;
  }
}
.header--scrolling-up .header__mobile--delivery,
.header--scrolling-up .header__mobile--booking-timezone,
.header--scrolling-up .header__mobile--timeslots {
  display: none !important;
}
@media (max-width: 991px) {
  .header--default .header__main--container #header__main--searcher, .header--scrolling-up .header__main--container #header__main--searcher {
    display: none;
  }
}
.header cmp-booking-timezone cmp-separator,
.header cmp-booking-timezone cmp-booking-chronos,
.header cmp-booking-timezone cmp-time-zones {
  display: none;
}
.header cmp-booking-timezone .has-booking-container--label {
  font-family: var(--tol-font-bold);
}
.header .recommendations-text {
  display: block;
}

@media (max-width: 767px) {
  .header__main {
    padding-top: 0;
    padding-bottom: 0;
    border-bottom: 0px solid var(--tol-color-gray3);
  }
  .header__main--menu-button {
    padding: 1rem 0.5rem 1rem 1rem;
  }
  .header__main--logo {
    padding-left: 0.5rem;
    padding-right: 0;
  }
  .header__main--user {
    margin-right: 0;
    padding: 1rem 0.5rem;
    cursor: pointer;
  }
  .header__main--user cmp-user-badge {
    background-color: var(--tol-color-black);
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .header__main--user cmp-user-badge .badge-component--single {
    width: 2.125rem;
    height: 2.125rem;
    font-size: 1.25rem;
    font-family: var(--tol-font-semibold);
    color: var(--tol-color-black);
  }
  .header__main--user cmp-user-badge cmp-icon {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 1px 2px;
    padding: 0.2rem 0.25rem;
    background-color: var(--tol-color-black);
    border-radius: 50%;
    height: 2rem;
    width: 2rem;
  }
  .header__main--user cmp-user-badge cmp-icon .icon-user {
    font-size: 1.125rem;
    --icon-user-color1: var(--tol-color-white);
  }
  .header__main--user cmp-user-badge cmp-badge .badge-component-text {
    font-size: 1.5rem;
  }
  .header__main--promotions, .header__main--user, .header__main--cart {
    padding: 0;
    margin-left: 0.125rem;
  }
  .header__main--promotions cmp-promotions-button {
    padding: 0.5rem;
  }
  .header__main--promotions .content-badge-component__spinner-badge {
    padding: 0.125rem 0.25rem !important;
  }
  .header__main--cart cmp-cart-button {
    padding: 0.5rem;
  }
  .header__mobile--container {
    border-bottom: 0px solid var(--tol-color-gray3);
  }
}
.badge-component--single {
  font-family: var(--tol-font-semibold);
  color: var(--tol-color-black) !important;
}

.module-shop__sticky--collapsed .header__logo img {
  height: 30px !important;
}

.element-list__ul li:hover, .element-list__ul li:focus, .element-list__ul li:active {
  background-color: var(--tol-color-gray2);
}
.element-list__ul .element-list__image {
  color: var(--tol-color-black);
}

.select-zipCode__label--text .u-link {
  font-family: var(--tol-font-bold) !important;
}

.smart-searcher-header-icons {
  margin: 0 1rem 0;
  padding-top: 1rem;
}

.icon-calendar-2 {
  font-size: 1.5rem !important;
}

#header-mobile--container, #header-upperHeader--container {
  transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out, height 0.3s ease-in-out, min-height 0.3s ease-in-out, padding 0.3s ease-in-out, margin 0.3s ease-in-out, overflow 0.3s ease-in-out;
}
@media (max-width: 767px) {
  #header-mobile--container, #header-upperHeader--container {
    transition: transform 0.6s ease-in-out, opacity 0.6s ease-in-out, height 0.6s ease-in-out, min-height 0.6s ease-in-out, padding 0.6s ease-in-out, margin 0.6s ease-in-out, overflow 0.6s ease-in-out;
  }
}
#header cmp-actions-button #actions-button-dropdown-toggle-icon-actions svg.icon-quick-actions {
  width: 24px !important;
  height: 24px !important;
}
#header cmp-actions-button #actions-button--recommendations {
  order: 3;
}
#header cmp-actions-button #actions-button--last-purchase {
  order: 2;
}
#header cmp-actions-button #actions-button--my-lists {
  order: 1;
}
#header cmp-actions-button #actions-button-dropdown-toggle {
  border-radius: 1.5rem !important;
  background-color: transparent;
  border-width: 0;
}
#header cmp-actions-button #actions-button-dropdown-toggle:hover {
  background-color: #DCDCE0 !important;
}
#header cmp-actions-button ul#actions-button-dropdown-menu #last-purchase:hover {
  color: var(--tol-color-link-hover);
}
#header cmp-actions-button ul#actions-button-dropdown-menu li#actions-button--smart-list {
  display: none;
}
#header cmp-actions-button .dropdown-menu.show {
  max-width: max-content;
  display: flex;
  flex-direction: column-reverse;
}

.footer_statics-component {
  background-color: var(--tol-color-black) !important;
  display: block !important;
}

.t-footer-ul a {
  color: var(--tol-color-white) !important;
}

.footer_statics-component .t-footer-content .list-icons,
.footer_statics-component .t-footer-content .list-icons a {
  color: var(--tol-color-secondary) !important;
  --icon-apple-light-color1: var(--tol-color-secondary);
  --icon-android-light-color1: var(--tol-color-secondary);
  --icon-twitter-light-color1: var(--tol-color-secondary);
  --icon-facebook-light-color1: var(--tol-color-secondary);
  --icon-instagram-light-color1: var(--tol-color-secondary);
  --icon-youtube-light-color1: var(--tol-color-secondary);
}

.t-footer-content a:hover {
  color: var(--tol-bm-color-secondary-hover) !important;
}

.widget-prod {
  border-radius: 0.5rem;
}
@media only screen and (max-width: 767px) {
  .widget-prod {
    border-radius: 0;
    padding: 0.5rem;
  }
}
.widget-prod__boximage-img img {
  max-width: 100%;
}
@media only screen and (max-width: 930px) {
  .widget-prod__boximage-img img {
    max-height: 230px !important;
    width: auto;
  }
}

cmp-tol-units-selector .btn-primary {
  background-color: var(--tol-color-black) !important;
  color: var(--tol-color-white) !important;
}
cmp-tol-units-selector .btn-primary:hover {
  background-color: var(--tol-bm-color-secondary-hover) !important;
  color: var(--tol-color-black) !important;
}

@media (min-width: 992px) and (max-width: 1320px) {
  .product-carousel__container .ngucarousel {
    height: 30rem !important;
  }
}
@media (min-width: 1320px) and (max-width: 1440px) {
  .product-carousel__container .ngucarousel {
    height: 36rem !important;
  }
}
.unit-selector__input {
  color: var(--tol-color-black) !important;
  background-color: transparent !important;
}

.widget-prod__remarks--close {
  color: var(--tol-color-black) !important;
  background: transparent;
}

#grid-widget--descr {
  font-family: var(--tol-font-light);
}

#grid-widget--brand {
  font-size: 17px !important;
  font-family: var(--tol-font-bold);
}

#grid-widget--descr {
  font-size: 15.5px !important;
}

.widget-prod__info {
  justify-content: flex-start !important;
  min-height: 0rem !important;
  height: 4rem !important;
}

.widget-prod__info-brand {
  min-height: 1.5rem !important;
}

.widget-prod__info-unitprice p {
  font-size: 13px !important;
  line-height: 26px;
}

.widget-prod__info-description {
  min-height: 2.5rem !important;
}

.widget-prod__picto--tooltiptext {
  color: var(--tol-color-black) !important;
}

.widget-prod__price--without-offer {
  margin-top: 1rem;
}

.widget-prod__price {
  font-size: 1.25rem !important;
  margin-top: 0rem !important;
}

.widget-prod__price--with-offer.widget-prod__price--row {
  margin-top: 1.7rem;
}

.widget-prod__emptyOffert {
  margin-top: 0;
}

.widget-prod__boximage-eco img {
  max-width: 3rem;
}

.widget-product__price {
  order: 7 !important;
  align-self: flex-end;
}
.widget-product__price lib-product-info-price .product-info-price {
  justify-content: flex-end !important;
}

.widget-product__name {
  order: 5 !important;
}

.widget-product__promotions {
  order: 6 !important;
}

.filter-id-novelty .product-attribute__badge {
  border-radius: 0.25rem !important;
  border: 1px solid var(--tol-color-black);
}

.widget-product__units-selector--container--new {
  flex-grow: 1;
  align-items: flex-end !important;
}

.widget-product__remarks-button {
  display: none !important;
  justify-content: center;
}
.widget-product__remarks-button cmp-remarks-button {
  display: none !important;
}
.widget-product__remarks-button--unit-selector {
  display: flex !important;
  order: 2;
  height: 100%;
}
.widget-product__remarks-button--unit-selector cmp-remarks-button,
.widget-product__remarks-button--unit-selector button {
  height: unset !important;
  padding: 0;
  align-content: end;
}
.widget-product__remarks-button--unit-selector cmp-remarks-button cmp-icon div .tol-icon-component cmp-svg-viewer,
.widget-product__remarks-button--unit-selector button cmp-icon div .tol-icon-component cmp-svg-viewer {
  align-items: center;
  height: 3rem;
  padding: 0 0.75rem;
  border: 1.5px solid var(--tol-color-black);
  border-radius: 0.5rem;
}
.widget-product--extra-top-space {
  padding-top: 1.5rem !important;
}
.widget-product--extra-top-space .widget-product__mostBuyed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.widget-product--extra-top-space .widget-product__mostBuyed--label {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 1.5rem;
}
.widget-product--horizontal-layout .widget-product__attributes--top {
  padding-top: 1rem !important;
}
.widget-product__mostBuyed--label {
  font-size: 1rem !important;
  font-family: var(--tol-font-bold) !important;
}

.widget-product__field--horizontal {
  padding-left: 0.5rem !important;
}
.widget-product__field--image {
  padding-right: 0 !important;
}

.widget-prod__remarks cmp-product-options-panel .unit-selector .unit-selector--outline, .widget-prod__remarks cmp-product-options-panel .ng-select-container, .widget-prod__remarks cmp-product-options-panel .product-remark--textarea {
  border-radius: 0.5rem !important;
}
.widget-prod__remarks cmp-product-options-panel .product-options-panel-container--unitselector {
  flex-grow: 1 !important;
}

@media (max-width: 575px) {
  .widget-product__attributes--bottom .product-attribute__text {
    font-size: 0.75rem !important;
    line-height: 16px !important;
    align-self: center;
    margin-top: 6px;
  }
}

.product-info-promotions__column--title {
  font-size: 0.9rem !important;
}

.module-shop {
  background-color: var(--tol-color-white);
}

.u-line--underline {
  color: var(--tol-bm-color-link);
}

.promotions-panel .promotion-component__image img {
  width: 4rem;
  height: 4rem;
}

.module-purchase {
  background-color: var(--tol-color-white);
}

.summary-card {
  padding: 1.5rem !important;
  --icon-cart-color1: var(--tol-color-icon);
  --icon-pin-color1: var(--tol-color-icon);
  --icon-time-color1: var(--tol-color-icon);
}

.summary-data--label {
  margin-top: 1rem !important;
}

#payment-method-cards--icons {
  display: flex !important;
}

#my-account,
#my-data,
#my-payment-methods,
#my-preferences {
  background-color: var(--tol-bm-background-color);
  border: 0px;
}

.account-menu .triple-element-block__left .icon-color--secondary {
  color: var(--tol-color-primary);
}
.account-menu .tol-icon-component {
  font-size: 28px !important;
}
.account-menu .element-list__text {
  padding-left: 24px !important;
}

#preferences__generalConditions {
  display: none;
}

#preferences__connectInNameOf {
  display: none;
}

#preferences__comercialComunications {
  display: none;
}

#preferences__personalRecomendations {
  display: none;
}

.cart-validate .form-control::placeholder {
  color: var(--tol-color-black) !important;
}
.cart-validate .sticky-bottom .o-header-notification {
  background-color: var(--tol-color-white) !important;
}
.cart-validate .sticky-bottom .o-header-notification--icon,
.cart-validate .sticky-bottom .o-header-notificacion--text {
  color: var(--tol-color-black) !important;
  font-family: var(--tol-font-bold) !important;
}
.cart-validate .sticky-bottom--summary {
  color: var(--tol-color-black) !important;
}
.cart-validate__delivery-progress-bar .cmp-progress-bar {
  border: 1px solid var(--tol-color-gray2) !important;
  background-color: var(--tol-color-white) !important;
}
.cart-validate__delivery-progress-bar .cmp-progress-bar .progress {
  background-color: #6C757D !important;
}
.cart-validate__delivery-progress-bar .cmp-progress-bar .progress-bar {
  background-color: #FFED00 !important;
}
.cart-validate__delivery-progress-bar .cmp-progress-bar .progress-bar--title__text .u-colors--success {
  color: var(--tol-color-promotions) !important;
}

#cart-validate--vouchers {
  border: 1px solid var(--tol-color-gray2) !important;
  border-radius: 1.25rem !important;
  background-color: var(--tol-color-white);
  color: var(--tol-color-black);
}
#cart-validate--vouchers .cart-validate__static .statics__container {
  border-radius: 1.25rem 1.25rem 0 0 !important;
}
#cart-validate--vouchers .cart-validate__static .statics__container .u-colors--background {
  background-color: var(--tol-color-gray2) !important;
}
#cart-validate--vouchers .cart-validate__static .statics__container .u-colors--background .icon-component .icon-color--primary {
  color: var(--tol-color-black) !important;
}

#cart-validate--summary-extended {
  border: 1px solid var(--tol-color-gray2) !important;
  border-radius: 1.25rem !important;
}
#cart-validate--summary-extended .cart-validate__static {
  border-bottom: 1px solid var(--tol-color-gray2) !important;
}
#cart-validate--summary-extended .cart-validate__static .statics__container {
  border-radius: 1.25rem 1.25rem 0 0 !important;
}
#cart-validate--summary-extended .cart-validate__static .statics__container .u-colors--background {
  background-color: var(--tol-color-gray2) !important;
}
#cart-validate--summary-extended .cart-validate--summary {
  border-radius: 0 0 1.25rem 1.25rem !important;
  background-color: var(--tol-color-white);
  color: var(--tol-color-black);
}

#deferred-promotions {
  border: 1px solid var(--tol-color-gray2) !important;
  border-radius: 1.25rem !important;
}
#deferred-promotions .cart-validate__static {
  border-bottom: 1px solid var(--tol-color-gray2) !important;
}
#deferred-promotions .cart-validate__static .statics__container {
  border-radius: 1.25rem 1.25rem 0 0 !important;
}
#deferred-promotions .cart-validate__static .statics__container .u-colors--background {
  background-color: var(--tol-color-gray2) !important;
}
#deferred-promotions .deferred-promotions {
  background-color: #fff !important;
  border-radius: 0 0 1.25rem 1.25rem !important;
}

#substitutions-container .card {
  border: 1px solid var(--tol-color-gray2) !important;
  background-color: var(--tol-color-white) !important;
}
#substitutions-container .replacements {
  border-radius: 1.25rem !important;
}
#substitutions-container .replacements__title {
  color: var(--tol-color-gray6);
  font-family: var(--tol-font-bold);
}

#cart-validate-remarks .remarks-container {
  background-color: white;
  border: 1px solid var(--tol-color-gray2);
  border-radius: 1.25rem;
  padding: 2rem;
}
#cart-validate-remarks .remarks__title {
  margin-left: 0;
  color: var(--tol-color-gray6);
}
#cart-validate-remarks .remarks__textarea {
  margin-top: 1.5rem !important;
  background-color: var(--tol-color-white);
  color: var(--tol-color-black);
  border: 1px solid var(--tol-color-gray2);
  border-radius: 10px !important;
}
#cart-validate-remarks .remarks__footer .remarks-button--disabled,
#cart-validate-remarks .remarks__footer .btn-outline-primary,
#cart-validate-remarks .remarks__footer .btn-outline-secondary {
  box-shadow: none !important;
  border-radius: 24px 0 24px 0 !important;
  color: var(--tol-color-black) !important;
  border-color: var(--tol-color-black) !important;
}

#cart-validate--promoCode {
  background-color: white;
}

#vouchers-list {
  background-color: var(--tol-color-white);
}

cmp-promo-code-component .input-group-append button {
  border-radius: 0px 24px 24px 0px !important;
}

.cart-validate-card-promotion__icon--tooltiptext {
  background-color: var(--tol-color-dark-gray) !important;
  font-size: 0.875rem !important;
}
.cart-validate-card-promotion__icon--tooltiptext::after {
  border-color: transparent transparent var(--tol-color-dark-gray) transparent !important;
}

.cart-validate--vouchers-summary .custom-switch .custom-switch-icon {
  bottom: 35%;
}
.cart-validate--vouchers-summary .promotion-component__header {
  padding: 0.5rem 1rem !important;
  border-top: none !important;
}
.cart-validate--vouchers-summary .promotion-component__header div:first-child {
  color: var(--tol-color-dark-gray) !important;
  font-family: var(--tol-font-primary) !important;
}
.cart-validate--vouchers-summary .promotion-component__cart-validate-info div span {
  font-family: var(--tol-font-primary) !important;
}
.cart-validate--vouchers-summary .promotion-component__cart-validate-info .u-link {
  color: var(--tol-core-color-cart-promotions-link) !important;
}
.cart-validate--vouchers-summary .promotion-component .switch-activate-coupon__label {
  display: block !important;
}
.cart-validate--vouchers-summary .promotion-component__header.promotion-header--applied,
.cart-validate--vouchers-summary .promotion-component__header.promotion-header--disapplied {
  background-color: var(--tol-color-gray4) !important;
}

.promotions-line .bundle-link-detail {
  color: var(--tol-color-black) !important;
}

#listdetail .remarks-container .remarks__title {
  color: var(--tol-color-black) !important;
}
#listdetail .remarks-container .remarks__textarea {
  color: var(--tol-color-black) !important;
  background-color: var(--tol-color-white) !important;
  border: 1px solid var(--tol-color-gray2) !important;
  border-radius: 1.25rem !important;
}
#listdetail .remarks-container .remarks__footer .btn-outline-primary {
  box-shadow: none !important;
  border-radius: 24px 0 24px 0 !important;
  color: var(--tol-color-black) !important;
  border-color: var(--tol-color-black) !important;
}
#listdetail .detail__header {
  background-color: var(--tol-color-gray2) !important;
  color: var(--tol-color-black) !important;
  font-family: var(--tol-font-bold) !important;
  border-radius: 1.25rem !important;
}
#listdetail .detail .promotions-line {
  border-radius: 1.25rem !important;
}
#listdetail .detail svg.icon-remove {
  width: 1.5rem;
  height: 1.5rem;
}
#listdetail .detail .remarks__footer button.btn-outline-primary:has(.icon-remove):hover svg#icon-remove path {
  fill: var(--tol-color-black) !important;
}

#detailorder .remarks-container .remarks__title {
  color: var(--tol-color-black) !important;
}
#detailorder .remarks-container .remarks__textarea {
  color: var(--tol-color-black) !important;
  background-color: var(--tol-color-white) !important;
  border: 1px solid var(--tol-color-gray2) !important;
  border-radius: 1.25rem !important;
}
#detailorder .remarks-container .remarks__footer .btn-outline-primary {
  box-shadow: none !important;
  border-radius: 24px 0 24px 0 !important;
  color: var(--tol-color-black) !important;
  border-color: var(--tol-color-black) !important;
}
#detailorder .detail__header {
  background-color: var(--tol-color-gray2) !important;
  color: var(--tol-color-black) !important;
  font-family: var(--tol-font-bold) !important;
  border-radius: 1.25rem !important;
}
#detailorder .detail .promotions-line {
  border-radius: 1.25rem !important;
}
#detailorder #orderdetail--button-add-all-list,
#detailorder #orderdetail--button-add-all-list:active,
#detailorder #orderdetail--button-add-all-list:hover {
  background-color: transparent !important;
  border: none !important;
}

#orders-cards--order-detail .icon-view-detail {
  font-size: 2rem;
}

cmp-order-card .right-buttons div button {
  padding: 0.5rem 1rem !important;
  width: 100% !important;
}
cmp-order-card .right-buttons div button:not(.u-disabled) {
  color: #000 !important;
  box-shadow: none !important;
  background-color: #ffed00 !important;
  border-radius: 24px 0 !important;
}

.grid__category-title {
  font-size: 2rem !important;
  margin-bottom: 1rem !important;
}

#grid-title {
  font-size: 1.5rem !important;
  padding: 0.5rem 0 !important;
}

.grid__subtitle--text {
  font-size: 1.25rem !important;
}

@media (max-width: 992px) {
  #grid-totalproducts {
    width: 33% !important;
    font-size: 1rem !important;
  }
}

.search-bar {
  background-color: var(--tol-color-white);
}

.searcher-tags__list {
  border-radius: 24px 0 24px 0 !important;
  border: 1px solid var(--tol-bm-color-gray7);
}

.grid .filters-mobile--select {
  color: var(--tol-color-gray1);
}

@media (max-width: 575px) {
  .grid__widget--prod .product-attribute__badge.with-image {
    margin-left: 1rem !important;
  }
}
@media (max-width: 767px) {
  .grid__widget--prod .product-attribute__image .image-component__image {
    width: 1rem !important;
    height: 1rem !important;
  }
}

h3.u-title-3.mt-sm-4 {
  font-family: var(--tol-font-primary);
}

h3.u-size--24.mt-sm-4 {
  font-family: var(--tol-font-primary);
}

.widget-product__name .product-info-name--name h1, .widget-product__name h3 {
  -webkit-line-clamp: 3 !important;
  line-clamp: 3 !important;
}

a.u-no-link .product-info-name--name h3.u-title-3 {
  font-family: var(--tol-font-primary) !important;
}

.categories-bar-component__column .element-list__ul--active {
  background-color: var(--tol-bm-color-header-menu-active-background);
}
.categories-bar-component__column .triple-element-block__center {
  font-family: var(--tol-font-bold);
}

.payment-header-container .payment-header_padding {
  padding: 5px 140px !important;
}
@media (max-width: 767px) {
  .payment-header-container .payment-header_padding {
    padding: 16px 16px 8px !important;
  }
}

.payment-header {
  --icon-left-color1: var(--tol-color-white);
  --icon-support-color1: var(--tol-color-white);
  --icon-world-color1: var(--tol-color-white);
}

.payment-header_logo-mobile .image-component__image,
.payment-header_logo .image-component__image {
  vertical-align: middle;
}

#payment-header--logo .icon-component .path1::before,
#payment-header--logo-mobile .icon-component .path1::before {
  visibility: visible !important;
}

@media screen and (max-width: 767px) {
  .product-carousel__container .ngucarousel {
    height: 28rem !important;
  }
}
.product-carousel__container .arrow {
  padding-top: 0.625rem;
  bottom: 0;
}

@media (max-width: 991px) {
  .smart-searcher-header__container .query.headerWithIcons {
    margin: 1rem;
    border: 1px solid var(--tol-color-gray3);
  }
}
.smart-searcher-header__container .query #search {
  width: 100%;
}
.smart-searcher-header__container .headerWithIcons {
  padding: 0.5rem 1rem !important;
  border-radius: 1.5rem !important;
}
.smart-searcher-header__container--withIcons {
  display: block;
}

#container-semantics-layout {
  padding-bottom: 7rem;
}

@media (min-width: 992px) {
  .modal-custom--smart-searcher {
    width: 90% !important;
    height: 90% !important;
    margin: 0 auto !important;
    border-bottom-right-radius: 0.5rem !important;
    border-bottom-left-radius: 0.5rem !important;
  }
}
.smart-searcher .searcher-input {
  width: calc(100vw - 820px) !important;
  max-width: 1000px;
}
@media (max-width: 991px) {
  .smart-searcher .searcher-input {
    width: calc(100vw - 138px) !important;
  }
}

.cart-notification__top-right {
  top: 10rem;
  right: 0;
}

.tooltiptext {
  position: absolute;
  top: 60%;
  right: 0%;
  z-index: 2;
  width: 15rem;
  padding: 0.5rem;
  color: #000;
  text-align: left;
  background-color: #fff;
  font-family: "helveticaDisplay-light";
  border-style: solid;
  border-color: #ffed00;
  border-width: thin;
  border-radius: 0.5rem;
  font-size: 0.75rem;
}
@media (max-width: 1199px) {
  .tooltiptext {
    left: 35%;
  }
}
@media (max-width: 767px) {
  .tooltiptext {
    width: 14rem;
    left: 29%;
  }
}

#form-register-field-documentType,
#form-register-field-document,
#form-register-field-phone1,
#form-activation-field-document,
#form-activation-field-cardNumber,
#form-activation-field-documentType,
#form-activation-field-phone1,
#form-activation-field-phone2 {
  display: none;
}

#form-register-field-address #purchase-address-formaddress #purchase-address-formaddress--input-elevator-no,
#form-register-field-address #purchase-address-formaddress #purchase-address-formaddress--input-elevator-yes {
  width: -webkit-fill-available;
}

@media (max-width: 767px) {
  .modal-content .field-base {
    padding-right: 0rem;
    padding-left: 0rem;
  }
}
.btn-primary {
  color: var(--tol-color-black) !important;
  box-shadow: none !important;
  border-radius: 24px 0 24px 0 !important;
  background-color: var(--tol-color-secondary);
  border: none;
}
.btn-primary:hover {
  background-color: var(--tol-bm-color-secondary-hover);
  color: var(--tol-color-black) !important;
}

.btn-primary-reverse,
.btn-green,
.btn-secondary {
  box-shadow: none !important;
  border-radius: 24px 0 24px 0 !important;
  color: black;
  --icon-add-address-color1: var(--tol-color-black)!important;
  --icon-add-shop-color1: var(--tol-color-black)!important;
  border-color: var(--tol-color-black) !important;
  background-color: var(--tol-color-white) !important;
}

.btn-outline-primary {
  color: var(--tol-color-black) !important;
  box-shadow: none !important;
}

.modal-dynamic .modal-content cmp-dynamic-form-base #dynamicForm-form-desktop-register .button-steps-next,
.modal-dynamic .modal-content cmp-dynamic-form-base #dynamicForm-form-desktop-activation .button-steps-next {
  border-radius: 0 0 24px 0 !important;
  height: 56px !important;
}
.modal-dynamic .modal-content cmp-dynamic-form-base #dynamicForm-form-desktop-register .step-button-previous,
.modal-dynamic .modal-content cmp-dynamic-form-base #dynamicForm-form-desktop-activation .step-button-previous {
  border-radius: 24px 0 0 0 !important;
  height: 56px !important;
}
.modal-dynamic .modal-content cmp-dynamic-form-base #dynamicForm-form-desktop-register #dynamicStep-step-end .button-steps-next,
.modal-dynamic .modal-content cmp-dynamic-form-base #dynamicForm-form-desktop-activation #dynamicStep-step-end .button-steps-next {
  border-radius: 24px 0 24px 0 !important;
  height: 56px !important;
}

.card-picking--selected {
  border-color: var(--tol-color-black) !important;
}

.delivery-timeslot .day_selected {
  background-color: var(--tol-color-secondary);
  border-color: var(--tol-color-secondary);
  color: var(--tol-color-black);
}
.delivery-timeslot .day_today {
  background-color: var(--tol-bm-background-color);
  border: 1px solid var(--tol-bm-background-color);
  color: var(--tol-color-black);
}
.delivery-timeslot .day_not__selected {
  background-color: var(--tol-bm-background-color);
  border: 1px solid var(--tol-bm-background-color);
  color: var(--tol-color-black);
}
.delivery-timeslot .timeslot__card--select {
  background-color: var(--tol-color-secondary) !important;
  border: 1px solid var(--tol-bm-background-color) !important;
  color: var(--tol-color-black);
}
.delivery-timeslot .timeslot__card div {
  background-color: var(--tol-bm-background-color);
  border: 1px solid var(--tol-bm-background-color);
  border-radius: 30px 0 !important;
}
.delivery-timeslot .timeslot__card div p {
  color: var(--tol-color-black);
}
.delivery-timeslot .full_slot {
  background-color: var(--tol-color-gray2) !important;
  border: 1px solid var(--tol-color-gray2) !important;
}
.delivery-timeslot .day_selected_span_number {
  margin-top: 0.75rem !important;
}

.steps-header__step--active .steps-header__step-text {
  color: var(--tol-color-black) !important;
}
.steps-header__step--active .steps-header__step-badge {
  background-color: var(--tol-color-secondary);
}
.steps-header__step--active .steps-header__step-badge span {
  color: var(--tol-color-black);
}
.steps-header__step--active .steps-header__step-badget-before {
  background-color: var(--tol-color-gray1) !important;
}
.steps-header__step--active .steps-header__step-badget-before span {
  color: var(--tol-color-white) !important;
}
.steps-header__step-text {
  font-family: var(--tol-font-bold);
  color: var(--tol-color-gray1);
}
.steps-header__step-badge {
  background-color: var(--tol-color-gray2);
}
.steps-header__step-badge span {
  color: var(--tol-color-gray1);
}
.steps-header .round-progress-container svg path {
  stroke: var(--tol-color-secondary) !important;
}

.payment-header_padding {
  padding: 0 8.75rem;
}
@media (max-width: 992px) {
  .payment-header_padding {
    padding: 1rem 1rem 0.5rem;
  }
}
.payment-header-desktop .payment-header_continueShopping-arrow, .payment-header-desktop .payment-header_continueShopping-text {
  color: var(--tol-color-gray1);
  --icon-left-color1: var(--tol-color-gray1) !important;
}
.payment-header-mobile .payment-header_continueShopping-arrow {
  --icon-left-color1: var(--tol-color-white) !important;
}
.payment-header .payment-header_logo .image-component__image {
  width: auto !important;
  height: 30px;
}

#payment-header--logo {
  background-color: var(--tol-color-black);
  padding: 0.5rem 0rem;
}
#payment-header--logo .payment-header_icons {
  color: var(--tol-color-white);
}

#payment-header--logo-mobile {
  background-color: var(--tol-color-black);
  color: var(--tol-color-white);
}

cmp-payment-header #payment-header--logo cmp-logo cmp-image-viewer img.image-component__image, cmp-payment-header #payment-header--logo-mobile cmp-logo cmp-image-viewer img.image-component__image {
  content: url(https://cdn-bm.aktiosdigitalservices.com/assets/application/es/logo-white.png);
}

.carousel-cart__container .carousel-cart__container--summary {
  margin-top: 1rem;
  box-shadow: none;
}

.cart-validate-products__header {
  margin-bottom: 2rem;
}
.cart-validate-products__title {
  font-family: var(--tol-font-bold) !important;
  color: var(--tol-color-black);
}
.cart-validate-products__total-products {
  font-family: var(--tol-font-light) !important;
  color: var(--tol-color-black) !important;
}
.cart-validate-products__sort-by {
  display: none;
}

.cart-validate-products__header {
  --icon-lists-color1: var(--tol-color-black);
  --icon-remove-color1: var(--tol-color-black);
}

.cart-validate-products-list {
  --icon-list-add-color1: var(--tol-color-icon);
  --icon-remove-color1: var(--tol-color-icon);
}
.cart-validate-products-list__category--name {
  background-color: var(--tol-color-gray2);
  color: var(--tol-color-black);
  font-family: var(--tol-font-bold);
  border-radius: 1.25rem !important;
}
.cart-validate-products-list__category--name .tol-icon-component {
  display: none;
}
.cart-validate-products-list__cart-line {
  border-bottom: 1px solid var(--tol-color-gray2);
}
.cart-validate-products-list__cart-line .remarks__title {
  display: none;
}
.cart-validate-products-list__cart-line .remarks__textarea {
  color: var(--tol-color-black);
  background-color: var(--tol-color-white);
  border: 1px solid var(--tol-color-gray2);
  border-radius: 1.25rem !important;
  margin: 0 !important;
}
.cart-validate-products-list__cart-line .remarks__footer .btn-outline-primary {
  box-shadow: none !important;
  border-radius: 24px 0 24px 0 !important;
  color: var(--tol-color-black) !important;
  border-color: var(--tol-color-black) !important;
}
.cart-validate-products-list__product {
  margin-bottom: 0 !important;
}
.cart-validate-products-list__product--name {
  color: var(--tol-color-black);
  font-family: var(--tol-font-bold);
}
.cart-validate-products-list__product--img {
  border: 1px solid var(--tol-color-gray2);
}
.cart-validate-products-list__product--brand, .cart-validate-products-list__product--unitprice {
  color: var(--tol-color-gray1);
  font-family: var(--tol-font-light);
}
.cart-validate-products-list__product--price {
  color: var(--tol-color-black);
}
.cart-validate-products-list__promotions .promotions-line__item--discount {
  color: var(--tol-color-red) !important;
  font-family: var(--tol-font-bold) !important;
}

#listdetail-offers {
  border-radius: 1.25rem !important;
  background-color: var(--tol-color-white) !important;
}
#listdetail-offers .promotions-line__item--description {
  color: var(--tol-color-black) !important;
}
#listdetail-offers .promotions-line__item--final-price {
  font-family: var(--tol-font-bold) !important;
  color: #212529;
  background-image: linear-gradient(to top left, rgba(255, 255, 255, 0.0392156863) 48%, #212529, rgba(255, 255, 255, 0.0392156863) 52%);
}
#listdetail-offers .promotions-line__item--discount {
  color: var(--tol-color-black) !important;
}

.user-panel .panel-component__heade {
  padding: 0 1rem 0rem !important;
}
.user-panel .panel-component__content {
  padding-left: 0rem;
}

.icon-allergen {
  display: none !important;
}

.icon-allergen-container {
  display: none !important;
}

#smart-searcher .icon-arrow {
  color: var(--tol-color-white);
  stroke-width: 1.5;
}

#form-picking-actions {
  display: none !important;
}

h3#shipping-address-panel-addusershop-label--subtitle {
  display: none;
}

input#shipping-address-panel-addusershop-input--search {
  display: none;
}

button#shipping-address-panel-addusershop-button--search {
  display: none;
}

#shipping-address-panel-addusershop-results-label--title {
  margin-top: 0rem;
}

#delivery-content--delivery-data {
  background-color: var(--tol-color-white);
  border: 1px solid var(--tol-color-gray2) !important;
  border-radius: 1.25rem !important;
  color: var(--tol-color-black);
}
#delivery-content--delivery-data .address-summary__text--font {
  color: var(--tol-color-gray6) !important;
}
#delivery-content--delivery-data .summary-address--modify-link .text-primary,
#delivery-content--delivery-data .button-address-left .text-primary {
  color: var(--tol-color-gray1) !important;
}
#delivery-content--delivery-data .my-sites-tabs .sites-title {
  margin: 2rem 0 2rem 1rem !important;
}
#delivery-content--delivery-data .button-address-right .btn-outline-primary {
  box-shadow: none !important;
  border-radius: 24px 0 24px 0 !important;
  color: var(--tol-color-black) !important;
  border-color: var(--tol-color-black) !important;
}

#delivery-content--timeslot {
  background-color: var(--tol-color-white);
  border: 1px solid var(--tol-color-gray2) !important;
  border-radius: 1.25rem !important;
  color: var(--tol-color-black);
}

#delivery-modal .button-booking .btn-outline-primary,
#delivery-modal .button-booking .btn-outline-primary:active,
#delivery-modal .button-booking .btn-outline-primary:hover {
  background-color: transparent !important;
  border: none !important;
}

.delivery-slot-selector-slots .slot-not-available .slot-hour, .delivery-slot-selector-slots .slot-not-available .not-available {
  color: #212529;
}

.slot .not-available {
  color: #212529;
}

.delivery-day-selector .group-day .day-scroll {
  border-radius: 0.5rem;
}

.panel-view .delivery-panel-button button.disabled-button {
  color: var(--tol-bm-color-disabled) !important;
  background-color: var(--tol-bm-background-color-disabled) !important;
  opacity: 1 !important;
}

.unit-selector .unit-selector--outline {
  border-radius: 1.25rem 0 !important;
}
.unit-selector .unit-selector__btn {
  color: var(--tol-color-gray1);
}
.unit-selector .unit-selector__btn:hover {
  color: var(--tol-color-black);
}
.unit-selector-unitMeasure__toggle-container {
  border-radius: 0.5rem;
  margin-top: 1rem;
}
.unit-selector-unitMeasure__toggle-container button {
  padding: 0.25rem 1rem;
}
.unit-selector-unitMeasure__toggle-container button.active {
  color: var(--tol-color-white);
  background-color: var(--tol-color-primary);
  border-radius: 0.5rem;
}
.unit-selector__container {
  order: 0;
}
@media (min-width: 768px) {
  .unit-selector__container {
    order: 1;
  }
}
.unit-selector__container-infotext span {
  font-family: var(--tol-font-primary);
}
.unit-selector--new {
  background-color: var(--tol-color-white);
}

.home .o-carousel,
.home .o-carousel-inner {
  height: 100% !important;
}

cmp-tol-statics[data-cms-code=HomeContent15] {
  order: -5;
}

cmp-tol-statics[data-cms-code=HomeContent1] {
  order: -4;
}

cmp-tol-statics[data-cms-code=HomeContent12] {
  order: -3;
}

cmp-tol-statics[data-cms-code=HomeContent9] {
  order: -2;
}

.ellipse-bg-icon {
  background-color: var(--tol-color-secondary);
  height: 100px;
  width: 100px;
  margin: 0 auto;
  border-radius: 50%;
}

.img-static-category {
  width: 364px;
}

@media only screen and (max-width: 768px) {
  .home .o-carousel,
  .home .o-carousel-inner--img,
  .home .o-carousel-inner {
    height: 200px !important;
  }
}
h2 {
  font-size: 2.5rem;
  font-family: var(--tol-font-semibold);
}

.carousel-indicators .active {
  opacity: 1 !important;
}

.carousel-indicators li {
  opacity: 0.3;
  border: 2px solid #000 !important;
  background-color: transparent !important;
  margin: 0 14px !important;
  height: 11px;
  width: 11px;
  border-radius: 1.25rem;
}

.breadcrumb__link span, .breadcrumb__link a {
  font-family: var(--tol-font-semibold);
}

.breadcrumb__link:last-child:not(:first-child) span, .breadcrumb__link:last-child:not(:first-child) a {
  color: var(--tol-color-primary) !important;
  font-family: var(--tol-font-light);
}

.module-catalog .breadcrumb {
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.promotions-panel .promotion-component__button--applied {
  border-radius: 24px 0 24px 0 !important;
  box-shadow: none;
}

#panel-component-header {
  display: none;
}

/* Ocultar acumulas */
div#infoproduct-offers--chequecrece {
  display: none !important;
}

/* WIDGET PRODUCTO */
.pictos__item {
  background: none !important;
}

.product-detail__pictos--offer {
  width: 60px !important;
  max-width: 60px !important;
  height: 60px !important;
  font-size: 14px !important;
  padding-bottom: 0px !important;
}

/* 2. GRID DROPDOWN */
.promotions-line__item--icon {
  min-width: 50px !important;
  max-width: 50px !important;
  height: 45px !important;
}

.promotions-line__item--icon span {
  padding: 5px 1px 0px 0px !important;
  font-size: 10px !important;
}

.widget-prod .pannel--offer .description {
  padding: 0.6rem !important;
  font-size: 14px !important;
}

/* 3. FICHA PRODUCTO */
.product-detail__pictos--offer .pannel--offer .description {
  padding: 5px !important;
}

/* 4. WIDGET CARRITO */
.promotions-line #listdetail-offers:not(:first-child) {
  border-top: none;
}

input[type=radio]:not(:checked) ~ .radio__label::before,
input[type=radio]:not(:checked) ~ .payment-method-radio--collpased::before,
input[type=radio]:not(:checked) ~ .payment-method-radio--not-collpased::before {
  border: 1px solid var(--tol-color-primary) !important;
}

.left-panel--desktop .element-list__link--active .element-list__text {
  font-family: var(--tol-font-bold) !important;
}
.left-panel--desktop .logo-component .image-component__image {
  content: url(https://storage.googleapis.com/aktios-tol-europe-pro-01-cms-bm-pro/cms/bm/Media/Images/2023-06/logo-white.png);
  height: 1.5rem;
  width: fit-content;
}
.left-panel--desktop .left-panel__first-column .element-list {
  padding-top: 0;
  border: none;
}
.left-panel--desktop .panel-component {
  padding-top: 1.5rem;
  padding-left: 0;
}
.left-panel--desktop .panel-component__header {
  padding-right: 0;
}
.left-panel--desktop .panel-component__header .triple-element-block__center {
  padding-left: 1.5rem;
}
.left-panel--desktop .panel-component__header .triple-element-block__right {
  padding-right: 1.5rem;
}
.left-panel--desktop .panel-component__content {
  padding-right: 0;
}

.left-panel__subcategories-container {
  margin-top: 1.5rem;
}
.left-panel .element-list__ul li {
  padding: 0 !important;
}
.left-panel .element-list__ul li:hover .element-list__text {
  font-family: var(--tol-font-bold);
}
.left-panel .element-list--highlighted {
  background-color: var(--tol-color-badge);
}
.left-panel .element-list--highlighted .element-list__text {
  font-family: var(--tol-font-bold);
}
.left-panel .element-list__simple-text {
  font-family: var(--tol-font-bold);
  padding-left: 1.5rem;
}
.left-panel-columns__view-all .triple-element-block__right {
  padding-right: 1.5rem;
  --icon-right-color1: var(--tol-color-icon);
}
.left-panel :not(.colums-padding) .element-list__link {
  padding-right: 1.5rem;
  padding-left: 1.5rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.left-panel .colums-padding .element-list__link {
  padding-right: 0;
  padding-left: 0;
}
.left-panel .columns-optional-padding {
  padding-right: 0;
  padding-left: 0;
}
.left-panel .left-panel-columns__parent-category-icon .tol-icon {
  width: 1.5rem;
  height: 1.5rem;
}
.left-panel .optional-return-link {
  display: none;
}
.left-panel .optional-return-arrow {
  display: block;
  font-size: 1rem;
}

.left-panel--mobile .logo-component .image-component__image {
  content: url(https://storage.googleapis.com/aktios-tol-europe-pro-01-cms-bm-pro/cms/bm/Media/Images/2023-06/logo-white.png);
  height: 1.5rem;
}
.left-panel--mobile .panel-component__header {
  padding-top: 1.5rem;
  padding-right: 1.5rem;
  padding-left: 1.5rem;
  padding-bottom: 1.5rem;
}
.left-panel--mobile .panel-component__header .triple-element-block__center {
  padding-left: 0;
}
.left-panel--mobile .left-panel-columns__parent-category, .left-panel--mobile .left-panel-columns__parent-group {
  font-size: 1.3125rem;
  line-height: 1.25rem;
  font-family: var(--tol-font-semibold);
  background-color: var(--tol-color-gray2);
  padding-top: 1.125rem;
  padding-right: 1.5rem;
  padding-bottom: 1.125rem;
  padding-left: 1.5rem;
  margin-top: 0;
}

.cart-panel .panel-component__content {
  display: block !important;
}
.cart-panel .promotions-line__item--discount {
  color: #ff003b !important;
  font-family: robotocondensed-bold !important;
}
.cart-panel .progress-bar {
  background-color: #FFED00 !important;
}
.cart-panel .progress-bar--title__text .u-colors--success {
  color: var(--tol-color-promotions) !important;
}
.cart-panel .progress {
  background-color: #6C757D !important;
}

/* Todo este código a sido importando del main de GWT */
.o-datos-envio__msj__col, .o-datos-envio__msj__container {
  padding-left: 0;
  padding-right: 0;
  transition: 0.4s;
}

.o-datos-envio__msj__icon {
  font-size: 30px;
  vertical-align: middle;
}

.o-datos-envio__msj__box {
  background-color: var(--tol-color-black);
  color: var(--tol-color-white);
  padding: 20px 15px;
  font-family: var(--tol-font-bold);
}

/* Fin importación*/
#addprodlist-title-3,
#addprodlist-span {
  display: flex;
  justify-content: center;
}

#addprodlist-span {
  font-size: 1.5rem;
}

#addprodlist-content--add button {
  border-radius: 0px 24px 24px 0px !important;
}

.cart-validate-products-list__product--data .u-color-gray--2 {
  color: var(--tol-color-gray6);
}

.module-shop__go-to-top {
  bottom: 5.5rem !important;
}

.cart-validate-coupons .custom-control-label .u-link {
  margin-left: 1rem;
  font-weight: bold;
  color: #0771e0;
}

.hatted-amount-component .hat-component__top {
  color: #212529;
  background-image: linear-gradient(to top left, rgba(255, 255, 255, 0.0392156863) 48%, #212529, rgba(255, 255, 255, 0.0392156863) 52%);
}

.promotions-panel #promotions-tab-immediate-link .image-component__image {
  width: 2.25rem;
  height: 1.875rem;
}
.promotions-panel #promotions-tab-deferred-link .image-component__image {
  width: 1.875rem;
  height: 1.875rem;
}
.promotions-panel .panel-component__content .nav-tabs {
  display: none;
}
.promotions-panel .custom-switch .custom-switch-icon {
  bottom: 35%;
}
.promotions-panel .switch-activate-coupon__label--deactivate, .promotions-panel .switch-activate-coupon__label--activate {
  color: var(--tol-color-dark-gray) !important;
}
.promotions-panel .promotions-massive-activation__container span.u-title-4 {
  color: var(--tol-color-dark-gray) !important;
}
.promotions-panel .promotions-massive-activation__container,
.promotions-panel .promotion-card-deactivated {
  border: 2px solid var(--tol-color-gray5) !important;
}
.promotions-panel .promotion-card-activated {
  border: 3px solid var(--tol-color-dark-gray) !important;
}
.promotions-panel .promotion-component__header {
  padding: 1rem 0 !important;
  margin: 0 1.5rem !important;
  border-bottom: 1px solid var(--tol-color-gray4) !important;
}
.promotions-panel .promotion-component .widget-promotion__icon--tooltiptext {
  background-color: var(--tol-color-dark-gray) !important;
  font-size: 0.875rem !important;
}
.promotions-panel .promotion-component .widget-promotion__icon--tooltiptext::after {
  border-color: transparent transparent var(--tol-color-dark-gray) transparent !important;
}
.promotions-panel .promotion-header--disapplied, .promotions-panel .promotion-header--applied {
  background-color: var(--tol-color-white) !important;
}
.promotions-panel .promotion-header--disapplied .promotion-component__label {
  color: var(--tol-bm-color-gray8) !important;
}
.promotions-panel .promotion-header--applied .promotion-component__label {
  color: var(--tol-color-dark-gray) !important;
}
.promotions-panel cmp-promotion-card-data .promotion-component__amount {
  clip-path: none !important;
  padding: 0.5rem !important;
  color: var(--tol-color-black) !important;
  font-family: var(--tol-font-bold) !important;
}
.promotions-panel cmp-promotion-card-data .promotion-component__date {
  color: var(--tol-bm-color-gray8) !important;
  font-family: var(--tol-font-light) !important;
  font-size: 0.875rem !important;
}
.promotions-panel cmp-promotion-card-data .promotion-component__title {
  color: var(--tol-color-dark-gray) !important;
  font-family: var(--tol-font-bold) !important;
}
.promotions-panel cmp-promotion-card-data .promotion-component__description {
  color: var(--tol-color-dark-gray) !important;
  font-family: var(--tol-font-primary) !important;
  font-size: 1rem !important;
}
.promotions-panel .btn-success:not(:disabled):not(.disabled):active {
  background-color: var(--tol-bm-color-gray7);
  border-color: var(--tol-color-tertiary);
  color: var(--tol-color-black);
}
@media (min-width: 576px) {
  .promotions-panel .promotions-list-card-component__child {
    padding: 2rem 1.5rem 1.75rem;
  }
}
.promotions-panel .promotions-list-card-component__child cmp-promotion-card .promotion-component {
  margin-bottom: 1.75rem;
}
@media (max-width: 575px) {
  .promotions-panel .promotions-list-card-component__child cmp-promotion-card .promotion-component {
    margin-bottom: 1.5rem;
  }
}
.promotions-panel .promotions-list-card-component__child cmp-promotion-card:last-child .promotion-component {
  margin-bottom: 0;
}
.promotions-panel .promotions-list-card-component__child:nth-child(2) {
  padding: 0 1.5rem 2rem;
}
@media (max-width: 575px) {
  .promotions-panel .promotions-list-card-component__child:nth-child(2) {
    padding: 0 1rem 1rem;
  }
}

#form-zip-unlogged-content-body .u-link {
  font-size: 1.2rem;
  font-weight: bold;
  text-decoration: none;
  background: #ffed00 !important;
  padding: 1rem;
  border-radius: 1.5rem 0 !important;
}

#form-zip-unlogged .nav-tabs .nav-link.active {
  background-color: #dee2e6 !important;
}

#form-zip-unlogged-content-subtitle {
  font-size: 1.2rem;
}

.dictionary-list-card--item {
  color: var(--tol-color-gray6);
}
.dictionary-list-card--item.u-border {
  border: 1px solid var(--tol-color-gray6);
}

.smart-searcher cmp-searcher-header cmp-triple-element-block .triple-element-block__left {
  display: none;
}
.smart-searcher {
  --icon-category-solid: var(--tol-color-secondary);
  --icon-tag-solid: var(--tol-color-secondary);
  background-color: var(--tol-bm-background-color);
  --icon-category-solid-color1: var(--tol-color-secondary);
  --icon-tag-solid-color1: var(--tol-color-secondary);
}
.smart-searcher-header {
  --icon-vouchers-color1: var(--tol-color-white);
  --icon-cart-color1: var(--tol-color-white);
  --icon-cancel: var(--tol-color-white);
}
.smart-searcher-header-icons__cart .content-badge-component .badge-component-text {
  color: var(--tol-color-primary);
}
.smart-searcher .smart-searcher-header {
  background-color: var(--tol-bm-color-header-background);
  margin-bottom: 1rem !important;
  padding-bottom: 1rem !important;
}
.smart-searcher .spinner-badge__container-label {
  background-color: var(--tol-color-secondary);
  align-items: center !important;
  border-radius: 2rem;
}
.smart-searcher .content-badge-component__spinner-badge {
  align-items: center;
}
.smart-searcher .spinner-badge__container-label {
  height: 1.2rem;
}
.smart-searcher cmp-spinner-badge {
  background-color: var(--tol-color-badge);
  border-radius: 2rem;
  height: 1.2rem;
}
.smart-searcher-grid__header {
  background-color: var(--tol-bm-background-color);
}
.smart-searcher-grid__header.headerWithIcons {
  padding: 0.5rem !important;
}
.smart-searcher-grid__header.headerWithIcons .view-all {
  color: var(--tol-color-primary) !important;
  background-color: var(--tol-color-btn) !important;
  border-color: var(--tol-color-btn) !important;
  padding: 0.55rem 1rem;
  border-radius: 24px 0;
}
.smart-searcher-grid__header.headerWithIcons .view-all:hover {
  border-color: var(--tol-color-btn-hover) !important;
  background-color: var(--tol-color-btn-hover) !important;
}

.smart-searcher-grid__footer .view-all p {
  color: black;
}

.smart-searcher-grid__header.headerWithIcons .query-results {
  border-right: 0px solid;
}

.dynamicForm-base-container-step #dynamicStep-step-end h4.col-12.mt-4.ng-star-inserted {
  display: none !important;
}
.dynamicForm-base .button-steps-previous, .dynamicForm-base .button-steps-next {
  --icon-right-color1: var(--tol-color-black);
  --icon-left-color1: var(--tol-color-black);
}
.dynamicForm-base .custom-control-input:checked ~ .custom-control-label::after {
  background-color: var(--tol-color-secondary);
  border: 1px solid var(--tol-color-primary);
  border-radius: 2px;
  color: black;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='11' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23000' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e") !important;
}
.dynamicForm-base .custom-control-label::before {
  border: 1px solid var(--tol-color-primary);
  border-radius: 2px;
}

.cart-summary-line__value {
  color: #212529 !important;
}

.products-not-purchasable-alert__text {
  font-family: var(--tol-font-light) !important;
}

#pay-confirm-icon-check {
  order: 2;
}

#pay-confirm-title {
  order: 3;
}

#pay-confirm-description {
  order: 5;
}

#pay-confirm-container {
  order: 6;
}

#pay-confirm--build-additional-order {
  order: 5;
}

#pay-confirm-footer {
  order: 7;
}

.user-panel--desktop {
  width: 22.5rem;
  min-width: 22.5rem;
  max-width: 22.5rem;
}
.user-panel .panel-component__header {
  padding: 0 1.5rem 1rem;
}
.user-panel .panel-component__title {
  font-size: 1.25rem;
}
.user-panel .panel-component__content-title {
  overflow: hidden;
  color: var(--tol-color-black);
  font-size: var(--tol-font-size-md);
  font-family: var(--tol-font-primary);
  text-overflow: ellipsis;
  padding-left: var(--tol-left-panel-item-indent);
  display: block;
  font-family: var(--tol-font-semibold);
  padding: 0.875rem 1.5rem;
}
.user-panel .panel-component__content--horizontal-rule {
  margin: 1.5rem;
}
@media (max-width: 575px) {
  .user-panel .panel-component__content--horizontal-rule:last-of-type {
    display: none;
  }
}
@media (min-width: 1200px) {
  .user-panel .panel-component__content--horizontal-rule {
    margin: 1rem 1.5rem;
  }
}
.user-panel .element-list__text:hover {
  color: unset;
}
.user-panel .element-list--highlighted {
  background-color: var(--tol-color-badge);
}
.user-panel .element-list--highlighted .element-list__text {
  font-family: var(--tol-font-semibold);
  color: var(--tol-color-black);
}

.form-delivery-logged .panel--disabled h4,
.form-delivery-logged .panel--disabled p {
  color: #000;
}

#detailorder {
  display: flex;
  flex-direction: column;
}
#detailorder div.row:has(#orderdetail-content--back) {
  order: 1;
}
#detailorder cmp-order-detail-billing-info {
  order: 2;
}
#detailorder cmp-build-additional-order {
  order: 3;
  padding-top: 1.5rem;
}
#detailorder div#orderdetail {
  order: 4;
}
#detailorder div.detail {
  order: 5;
}
#detailorder div#orderdetailButtonsBottom {
  order: 6;
}
#detailorder cmp-order-detail-summary {
  order: 7;
}
#detailorder h2#orderdetail-preparationType {
  font-size: 1.125rem;
}
#detailorder h2#orderdetail-orderid {
  font-size: 1.125rem;
}

.custom-control-input:checked ~ .custom-control-label:before {
  background-color: var(--tol-color-dark-gray);
  border-color: var(--tol-color-dark-gray);
}

.custom-control-input:indeterminate ~ .custom-control-label::before {
  background-color: var(--tol-color-dark-gray) !important;
  border-color: var(--tol-color-dark-gray) !important;
}

.custom-control-input:disabled:checked ~ .custom-control-label::before {
  background-color: var(-tol-bm-color-gray7) !important;
  border-color: var(-tol-bm-color-gray7) !important;
}

.custom-control-input:disabled:indeterminate ~ .custom-control-label::before {
  background-color: var(-tol-bm-color-gray7) !important;
  border-color: var(-tol-bm-color-gray7) !important;
}

.custom-switch .custom-control-label::before {
  background-color: var(--tol-color-gray5);
}
.custom-switch .custom-switch-icon {
  bottom: 45%;
  --icon-cancel-color1: var(--tol-color-gray1);
  --icon-check-color1: var(--tol-color-dark-gray);
}

.product-attribute__badge.with-image {
  margin-left: 1.5rem !important;
  padding-left: 0.25rem !important;
}

.product-attribute__image .image-component__image {
  width: 1.5rem !important;
  height: 1.5rem !important;
}

.product-attribute-most-buyed {
  border-radius: 0.5rem;
  border: 1px solid var(--tol-color-black);
}
@media (max-width: 767px) {
  .product-attribute-most-buyed {
    border-radius: 0.25rem;
  }
}

.product-info-price__price {
  font-size: 1.5rem !important;
}
.product-info-price {
  align-items: self-end !important;
}

@media (max-width: 575px) {
  .widget-product__field--price {
    flex-flow: column !important;
    gap: 0.125rem !important;
  }
  .widget-product__field--price .product-info-price__offer {
    font-size: 0.875rem;
  }
}

.product-my-lists__button {
  border: 1px solid var(--tol-color-primary) !important;
  border-radius: 0.5625rem 0 !important;
  width: 2rem;
  height: 2rem;
}
.product-my-lists__button .tol-icon {
  width: 1.125rem;
  height: 1.1875rem;
}

.product-remark--actions__accept {
  border: 1px solid var(--tol-color-primary);
  border-radius: 1.5rem 0;
}
.product-remark--actions__undo {
  border-radius: 0.5rem;
}
.product-remark--actions__undo.btn-outline-primary:hover, .product-remark--actions__undo.btn-outline-primary:active {
  border-color: var(--tol-color-primary) !important;
  --icon-undo-color1: var(--tol-color-primary) !important;
}

.preparation-type-selector .select-component__selector {
  margin-top: 1.75rem;
}

@media (max-width: 767px) {
  .product-info__price {
    display: none;
  }
}

.product-info__remarks .remarks__row .remarks__input {
  color: unset !important;
}

.product-info__remarks .select-component__option span {
  color: var(--tol-color-black);
}

.product-price-and-quantity lib-product-info-price {
  height: 100%;
  align-content: flex-end;
}
@media (min-width: 768px) {
  .product-price-and-quantity lib-product-info-price.unit-selector-unit-conversor {
    margin-bottom: 2.8125rem;
  }
}
.product-price-and-quantity lib-product-info-price .product-info-price.separator {
  margin-bottom: 0 !important;
}

.tooltiptext {
  width: 15rem !important;
  color: var(--tol-color-black) !important;
  background-color: var(--tol-color-white) !important;
  border: 1px solid var(--tol-color-black) !important;
  border-radius: 1.5rem 0 !important;
  font-size: 0.875rem !important;
  padding: 1rem !important;
}
@media (max-width: 575px) {
  .tooltiptext {
    width: 14rem !important;
    left: unset !important;
    right: unset !important;
  }
}

.carousel {
  --icon-right-color1: var(--tol-color-black) !important;
  --icon-left-color1: var(--tol-color-black) !important;
}
.carousel .carousel-icon-right.tol-icon, .carousel .carousel-icon-left.tol-icon {
  width: 1.5rem !important;
  height: 1.5rem !important;
}

cmp-carousel-cart-modal .carousel-cart__button--continue button#modal-carousel-cart--viewMore {
  width: 100% !important;
  white-space: nowrap;
}

.password-detail--state-default {
  color: var(--tol-color-gray1) !important;
  --icon-password-detail-default-color1: var(--tol-color-gray1) !important;
}
.password-detail--state-success {
  color: var(--tol-bm-color-form-password-detail-success) !important;
  --icon-password-detail-success-color1: var(--tol-bm-color-form-password-detail-success) !important;
}
.password-detail--state-error {
  color: var(--tol-bm-color-form-password-detail-error) !important;
  --icon-password-detail-error-color1: var(--tol-bm-color-form-password-detail-error) !important;
}

.address--form .form-address--zipCode {
  width: 100% !important;
}
.address--form .form-address--country, .address--form .form-address--region, .address--form .form-address--city, .address--form .form-address--streetType {
  position: relative;
  width: 100% !important;
  padding: 0 !important;
}
@media (min-width: 768px) {
  .address--form .form-address--country, .address--form .form-address--region, .address--form .form-address--city, .address--form .form-address--streetType {
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }
}
.address--form .form-address--border {
  border-color: var(--tol-color-gray1) !important;
}
.address--form .col-md-12,
.address--form .col {
  padding: 0 !important;
}
.address--form .row {
  gap: 1rem !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.address--form .form-control {
  border-radius: 2rem !important;
  height: 3.5rem !important;
  line-height: 1.25 !important;
}
.address--form .form-control.u-danger--border {
  box-shadow: inset 0 0 2px 0 var(--tol-color-danger) !important;
}
.address--form .a--form--label {
  margin-left: 0 !important;
}

.modal-dynamic {
  max-width: 26.875rem !important;
}
.modal-dynamic .modal-content {
  padding: 1rem;
}
.modal-dynamic .modal-content cmp-dynamic-form-base #dynamicForm-form-desktop-register-title h1,
.modal-dynamic .modal-content cmp-dynamic-form-base #dynamicForm-form-desktop-activation-title h1 {
  font-size: 2rem !important;
}
.modal-dynamic .modal-content cmp-dynamic-form-base #dynamicForm-form-desktop-register [id^=dynamicStep-form-register-step-] h4,
.modal-dynamic .modal-content cmp-dynamic-form-base #dynamicForm-form-desktop-register [id^=dynamicStep-form-activation-step-] h4,
.modal-dynamic .modal-content cmp-dynamic-form-base #dynamicForm-form-desktop-activation [id^=dynamicStep-form-register-step-] h4,
.modal-dynamic .modal-content cmp-dynamic-form-base #dynamicForm-form-desktop-activation [id^=dynamicStep-form-activation-step-] h4 {
  font-size: 1.625rem !important;
}
.modal-dynamic .modal-content cmp-dynamic-form-base #dynamicForm-form-desktop-register [id^=dynamicStep-form-register-step-] h4.col-12,
.modal-dynamic .modal-content cmp-dynamic-form-base #dynamicForm-form-desktop-register [id^=dynamicStep-form-activation-step-] h4.col-12,
.modal-dynamic .modal-content cmp-dynamic-form-base #dynamicForm-form-desktop-activation [id^=dynamicStep-form-register-step-] h4.col-12,
.modal-dynamic .modal-content cmp-dynamic-form-base #dynamicForm-form-desktop-activation [id^=dynamicStep-form-activation-step-] h4.col-12 {
  padding: 0 !important;
}
.modal-dynamic .modal-content cmp-dynamic-form-base #dynamicForm-form-desktop-register [id^=dynamicStep-form-register-step-] .field-input-label,
.modal-dynamic .modal-content cmp-dynamic-form-base #dynamicForm-form-desktop-register [id^=dynamicStep-form-register-step-] .error-label,
.modal-dynamic .modal-content cmp-dynamic-form-base #dynamicForm-form-desktop-register [id^=dynamicStep-form-activation-step-] .field-input-label,
.modal-dynamic .modal-content cmp-dynamic-form-base #dynamicForm-form-desktop-register [id^=dynamicStep-form-activation-step-] .error-label,
.modal-dynamic .modal-content cmp-dynamic-form-base #dynamicForm-form-desktop-activation [id^=dynamicStep-form-register-step-] .field-input-label,
.modal-dynamic .modal-content cmp-dynamic-form-base #dynamicForm-form-desktop-activation [id^=dynamicStep-form-register-step-] .error-label,
.modal-dynamic .modal-content cmp-dynamic-form-base #dynamicForm-form-desktop-activation [id^=dynamicStep-form-activation-step-] .field-input-label,
.modal-dynamic .modal-content cmp-dynamic-form-base #dynamicForm-form-desktop-activation [id^=dynamicStep-form-activation-step-] .error-label {
  margin-left: 0 !important;
}
.modal-dynamic .modal-content cmp-dynamic-form-base #dynamicForm-form-desktop-register cmp-error-step .col-12,
.modal-dynamic .modal-content cmp-dynamic-form-base #dynamicForm-form-desktop-activation cmp-error-step .col-12 {
  padding: 0 !important;
}
.modal-dynamic .modal-content cmp-dynamic-form-base #dynamicForm-form-desktop-register cmp-error-step .error-step-label,
.modal-dynamic .modal-content cmp-dynamic-form-base #dynamicForm-form-desktop-activation cmp-error-step .error-step-label {
  color: var(--tol-color-black) !important;
}
.modal-dynamic .modal-content cmp-dynamic-form-base #dynamicForm-form-desktop-register cmp-dynamic-field-base[id^=form-register-field-].col-12,
.modal-dynamic .modal-content cmp-dynamic-form-base #dynamicForm-form-desktop-register cmp-dynamic-field-base[id^=form-activation-field-].col-12,
.modal-dynamic .modal-content cmp-dynamic-form-base #dynamicForm-form-desktop-activation cmp-dynamic-field-base[id^=form-register-field-].col-12,
.modal-dynamic .modal-content cmp-dynamic-form-base #dynamicForm-form-desktop-activation cmp-dynamic-field-base[id^=form-activation-field-].col-12 {
  padding: 0 !important;
}
.modal-dynamic .modal-content cmp-dynamic-form-base #dynamicForm-form-desktop-register cmp-dynamic-field-base[id^=form-register-field-],
.modal-dynamic .modal-content cmp-dynamic-form-base #dynamicForm-form-desktop-register cmp-dynamic-field-base[id^=form-activation-field-],
.modal-dynamic .modal-content cmp-dynamic-form-base #dynamicForm-form-desktop-activation cmp-dynamic-field-base[id^=form-register-field-],
.modal-dynamic .modal-content cmp-dynamic-form-base #dynamicForm-form-desktop-activation cmp-dynamic-field-base[id^=form-activation-field-] {
  margin-top: 1.5rem !important;
}
.modal-dynamic .modal-content cmp-dynamic-form-base #dynamicForm-form-desktop-register cmp-dynamic-field-base[id^=form-register-field-][id$=-text],
.modal-dynamic .modal-content cmp-dynamic-form-base #dynamicForm-form-desktop-register cmp-dynamic-field-base[id^=form-activation-field-][id$=-text],
.modal-dynamic .modal-content cmp-dynamic-form-base #dynamicForm-form-desktop-activation cmp-dynamic-field-base[id^=form-register-field-][id$=-text],
.modal-dynamic .modal-content cmp-dynamic-form-base #dynamicForm-form-desktop-activation cmp-dynamic-field-base[id^=form-activation-field-][id$=-text] {
  margin-top: 1rem !important;
}
.modal-dynamic .modal-content cmp-dynamic-form-base #dynamicForm-form-desktop-register cmp-dynamic-field-base[id^=form-register-field-][id$=-text] .field-html-container--,
.modal-dynamic .modal-content cmp-dynamic-form-base #dynamicForm-form-desktop-register cmp-dynamic-field-base[id^=form-activation-field-][id$=-text] .field-html-container--,
.modal-dynamic .modal-content cmp-dynamic-form-base #dynamicForm-form-desktop-activation cmp-dynamic-field-base[id^=form-register-field-][id$=-text] .field-html-container--,
.modal-dynamic .modal-content cmp-dynamic-form-base #dynamicForm-form-desktop-activation cmp-dynamic-field-base[id^=form-activation-field-][id$=-text] .field-html-container-- {
  font-size: 1rem !important;
}
.modal-dynamic .modal-content cmp-dynamic-form-base #dynamicForm-form-desktop-register cmp-dynamic-field-base[id^=form-register-field-]:nth-of-type(2),
.modal-dynamic .modal-content cmp-dynamic-form-base #dynamicForm-form-desktop-register cmp-dynamic-field-base[id^=form-activation-field-]:nth-of-type(2),
.modal-dynamic .modal-content cmp-dynamic-form-base #dynamicForm-form-desktop-activation cmp-dynamic-field-base[id^=form-register-field-]:nth-of-type(2),
.modal-dynamic .modal-content cmp-dynamic-form-base #dynamicForm-form-desktop-activation cmp-dynamic-field-base[id^=form-activation-field-]:nth-of-type(2) {
  margin-top: 2rem !important;
}
.modal-dynamic .modal-content cmp-dynamic-form-base #dynamicForm-form-desktop-register cmp-dynamic-field-base[id^=form-register-field-email]:first-of-type,
.modal-dynamic .modal-content cmp-dynamic-form-base #dynamicForm-form-desktop-register cmp-dynamic-field-base[id^=form-activation-field-email]:first-of-type,
.modal-dynamic .modal-content cmp-dynamic-form-base #dynamicForm-form-desktop-activation cmp-dynamic-field-base[id^=form-register-field-email]:first-of-type,
.modal-dynamic .modal-content cmp-dynamic-form-base #dynamicForm-form-desktop-activation cmp-dynamic-field-base[id^=form-activation-field-email]:first-of-type {
  margin-top: 1rem !important;
}
.modal-dynamic .modal-content cmp-dynamic-form-base #dynamicForm-form-desktop-register input[id^=form-register-field-],
.modal-dynamic .modal-content cmp-dynamic-form-base #dynamicForm-form-desktop-register input[id^=form-activation-field-],
.modal-dynamic .modal-content cmp-dynamic-form-base #dynamicForm-form-desktop-activation input[id^=form-register-field-],
.modal-dynamic .modal-content cmp-dynamic-form-base #dynamicForm-form-desktop-activation input[id^=form-activation-field-] {
  padding: 0 1.5rem !important;
}
.modal-dynamic .modal-content cmp-dynamic-form-base #dynamicForm-form-desktop-register .field-base[id$=-infoText],
.modal-dynamic .modal-content cmp-dynamic-form-base #dynamicForm-form-desktop-activation .field-base[id$=-infoText] {
  margin-top: 1.5rem !important;
}
.modal-dynamic .modal-content cmp-dynamic-form-base #dynamicForm-form-desktop-register .field-base[id$=-infoText] .field-html-container--,
.modal-dynamic .modal-content cmp-dynamic-form-base #dynamicForm-form-desktop-activation .field-base[id$=-infoText] .field-html-container-- {
  font-size: 0.875rem !important;
}
.modal-dynamic .modal-content cmp-dynamic-form-base #dynamicForm-form-desktop-register .field-base[id$=-rgpd-infoText],
.modal-dynamic .modal-content cmp-dynamic-form-base #dynamicForm-form-desktop-activation .field-base[id$=-rgpd-infoText] {
  margin-top: 1rem !important;
}
.modal-dynamic .modal-content cmp-dynamic-form-base #dynamicForm-form-desktop-register .field-base[id$=-rgpd-infoText] .field-html-container--,
.modal-dynamic .modal-content cmp-dynamic-form-base #dynamicForm-form-desktop-activation .field-base[id$=-rgpd-infoText] .field-html-container-- {
  font-size: 1rem !important;
}
.modal-dynamic .modal-content cmp-dynamic-form-base #dynamicForm-form-desktop-register .field-base[id^=form-register-field-checkbox],
.modal-dynamic .modal-content cmp-dynamic-form-base #dynamicForm-form-desktop-register .field-base[id^=form-activation-field-checkbox],
.modal-dynamic .modal-content cmp-dynamic-form-base #dynamicForm-form-desktop-activation .field-base[id^=form-register-field-checkbox],
.modal-dynamic .modal-content cmp-dynamic-form-base #dynamicForm-form-desktop-activation .field-base[id^=form-activation-field-checkbox] {
  margin-top: 1rem !important;
}
.modal-dynamic .modal-content cmp-dynamic-form-base #dynamicForm-form-desktop-register .field-base[id^=form-register-field-checkbox] label,
.modal-dynamic .modal-content cmp-dynamic-form-base #dynamicForm-form-desktop-register .field-base[id^=form-activation-field-checkbox] label,
.modal-dynamic .modal-content cmp-dynamic-form-base #dynamicForm-form-desktop-activation .field-base[id^=form-register-field-checkbox] label,
.modal-dynamic .modal-content cmp-dynamic-form-base #dynamicForm-form-desktop-activation .field-base[id^=form-activation-field-checkbox] label {
  margin-bottom: 0 !important;
}
.modal-dynamic .modal-content cmp-dynamic-form-base #dynamicForm-form-desktop-register .radio input[type=radio]:checked + .radio__label::before,
.modal-dynamic .modal-content cmp-dynamic-form-base #dynamicForm-form-desktop-activation .radio input[type=radio]:checked + .radio__label::before {
  background-color: var(--tol-color-secondary);
  box-shadow: inset 0 0 0 2px var(--tol-color-white);
  border-width: 2px;
}
.modal-dynamic .modal-content cmp-dynamic-form-base #dynamicForm-form-desktop-register .field-input-label[id$=-label] label,
.modal-dynamic .modal-content cmp-dynamic-form-base #dynamicForm-form-desktop-activation .field-input-label[id$=-label] label {
  margin-bottom: 0.5rem !important;
}
.modal-dynamic .modal-content cmp-dynamic-form-base #dynamicForm-form-desktop-register #dynamicStep-form-register-step-personalInfo .field-input-label label,
.modal-dynamic .modal-content cmp-dynamic-form-base #dynamicForm-form-desktop-register #dynamicStep-form-register-step-email .field-input-label label,
.modal-dynamic .modal-content cmp-dynamic-form-base #dynamicForm-form-desktop-register #dynamicStep-form-activation-step-personalInfo .field-input-label label,
.modal-dynamic .modal-content cmp-dynamic-form-base #dynamicForm-form-desktop-register #dynamicStep-form-activation-step-email .field-input-label label,
.modal-dynamic .modal-content cmp-dynamic-form-base #dynamicForm-form-desktop-activation #dynamicStep-form-register-step-personalInfo .field-input-label label,
.modal-dynamic .modal-content cmp-dynamic-form-base #dynamicForm-form-desktop-activation #dynamicStep-form-register-step-email .field-input-label label,
.modal-dynamic .modal-content cmp-dynamic-form-base #dynamicForm-form-desktop-activation #dynamicStep-form-activation-step-personalInfo .field-input-label label,
.modal-dynamic .modal-content cmp-dynamic-form-base #dynamicForm-form-desktop-activation #dynamicStep-form-activation-step-email .field-input-label label {
  margin-bottom: 0 !important;
}

.product-info-promotions {
  align-items: start !important;
}
.product-info-promotions__column--title-with-tooltip {
  display: block;
  padding-left: 1.375rem;
}
.product-info-promotions__column--title-value {
  display: none;
}
.product-info-promotions .product-popup-offer {
  display: inline-block !important;
}
.product-info-promotions .product-popup-offer__info-button {
  position: relative;
  margin-left: -1.375rem;
  bottom: -0.1875rem;
}

.date-container {
  flex-direction: row !important;
}

.date-selector {
  margin: 0 0.5rem !important;
}

div[data-cookiefirst-widget=modal] > div > div > div[dir=ltr] > div {
  flex: 0 0 50%;
  max-width: 50%;
}
div[data-cookiefirst-widget=modal] > div > div > div[dir=ltr] > div:nth-child(2) {
  order: 3;
  flex: 0 0 100%;
  max-width: 100%;
}

div.modal-content-elements {
  svg.sad {
    width: 102px;
  }
}

#shipping-address-panel-formaddress div:last-child {
  div {
    div {
      div {
        div.a--form--label:not(.radio) {
          gap: 1rem;

          #shipping-address-panel-formaddress--label-elevator-yes, #shipping-address-panel-formaddress--label-elevator-no {
            margin-left: 0.25rem !important;
          }
        }
      }
    }
  }
}

header__mobile--booking-timezone {
  cmp-booking-timezone div:first-child {
      align-content: center;
  }
  cmp-booking-timezone {
    cmp-booking-slot {
      div.triple-element-block__center {
        padding-left: 0;
      }
    }
  }
}

cmp-tol-input-paginator {
  div#paginator-input {
    display: flex;
    align-items: center;
    justify-content: center;

    input#paginator-input-box {
      width: 4.25rem;
      padding: .5rem 1rem;
      text-align: center;
      background-color: var(--tol-color-white);
      border: 1px solid var(--tol-color-gray3);
      border-radius: 8px;
      appearance: textfield;
    }

    cmp-icon#paginator-input-icon-double-left {
      transform: rotate(180deg);
    }
  }
}

/*# sourceMappingURL=brand.css.map */