/** Modify Style Css **/
.custom-site-header {
  top: 0;
  transition: top 0.3s ease-in-out;
}

.custom-site-header__row-location {
  padding: .8rem 0;
  background-color: #EDEDED;
  display: flex;
  align-items: center;
  font-family: var(--primary-font);
  font-size: 1.4rem!important;
  font-weight: 350;
  line-height: 130%;
  letter-spacing: -0.042rem;
  margin: 0 -1.6rem;
  padding: .8rem 1.6rem;
}

.custom-site-header__select-location {
  font-size: 16px;
  display: flex;
  align-items: center;
  gap: 6px;
  cursor: pointer;
}

.custom-site-header__item .main-menu ul li a,
.custom-site-header__select-location,
#footer-widgets a,
.menu_my-account a {
  font-size: 16px;
}

header#custom-site-header .container .custom-site-header__row.custom-site-header__row-location {
  width: auto;
  display: none;
}

#site-footer h5 {
  font-size: 14px;
}

#site-footer .footer_social h5,
#site-footer .footer_mailing h5 {
  font-size: 24px;
  line-height: 110% !important;
}

.page-template-page-cart #retailcrm-consultant-app,
.page-template-page-delivery #retailcrm-consultant-app,
.page-template-page-checkout #retailcrm-consultant-app,
.page-template-page-edit-address #retailcrm-consultant-app,
.page-template-page-add-address #retailcrm-consultant-app {
  display: none;
}

main .entry-content>div.background_part>div.breadcrumbs {
  max-width: 1200px !important;
}

@media screen and (max-width: 1079px) {
  .custom-site-header__select-location {
    font-size: 1.4rem;
  }
  
  .page-template-page-cart footer#site-footer {
    font-size: 1.3rem !important;
  }

  #site-footer h5 {
    font-size: 2rem;
  }

  #footer-widgets a {
    font-size: 1.6rem;
  }
  #JLPromoString {
    display: none!important;
  }
}

@media screen and (max-width: 767px) {
  #topNubex {
    display: none!important;
  }
  header#custom-site-header .container .custom-site-header__row.custom-site-header__row-location {
    display: flex;
  }
}

.d-none {
  display: none;
}

@media screen and (max-width: 767px) {
  .d-none {
    display: block;
  }
  .m-none {
    display: none!important;
  }
}

/*-----------FONTS--------------------*/
@font-face {
  font-display: swap;
  font-family: 'Favorit';
  font-style: normal;
  font-weight: normal;
  src: url('../fonts/ABCFavoritPro-Book.woff2') format('woff2'),
       url('../fonts/ABCFavoritPro-Book.woff') format('woff');
}

@font-face {
  font-display: swap;
  font-family: 'Favorit';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/ABCFavoritPro-Book.woff2') format('woff2'),
       url('../fonts/ABCFavoritPro-Book.woff') format('woff');
}

@font-face {
  font-display: swap;
  font-family: 'Oceanic';
  font-style: normal;
  font-weight: 450;
  src: url('../fonts/Oceanic.woff2') format('woff2'),
       url('../fonts/Oceanic.woff') format('woff');
}

:root {
  --black: #222222;
  --white: #ffffff;

  --interface-black: #222;
  --interface-black-50: rgba(34, 34, 34, 0.5);
  --interface-black-30: rgba(34, 34, 34, 0.3);
  --interface-black-10: rgba(34, 34, 34, 0.1);
  --interface-white-50: rgba(255, 255, 255, 0.5);
  --interface-white-30: rgba(255, 255, 255, 0.3);
  
  --dl-color-theme-neutral-light: #f8f8f8;
  --dl-color-surface-black: rgba(34, 34, 34, 1);
  --dl-color-surface-white: rgba(255, 255, 255, 1);
  --dl-color-typography_textblack-100: rgba(34, 34, 34, 1);
  --dl-color-secondary-graylight: rgba(248, 248, 248, 1);

  --surface-red: #cb3d35;

  --primary-font: 'Favorit', 'Helvetica Neue', sans-serif;
  --secondary-font: 'Oceanic', 'Helvetica Neue', sans-serif;
}

/*-----------RESET--------------------*/
* {
  padding: 0;
  margin: 0;
  border: 0;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

:focus,
:active {
  outline: none;
}

a:focus,
a:active {
  outline: none;
}

label {
  margin: 0;
  cursor: pointer;
}

aside,
nav,
footer,
header,
section {
  display: block;
}

html,
body {
  min-width: 300px;
  height: 100%;
}

body {
  background-color: var(--white);
  color: var(--black);
  font-family: var(--primary-font);
  font-feature-settings: "ss04" on;
  font-size: 1.6rem;
  line-height: 1.3;
  -webkit-font-smoothing: antialiased;
  text-size-adjust: 100%;
}

input,
button,
textarea {
  font-family: inherit;
  font-weight: inherit;
}

input::-ms-clear {
  display: none;
}

button {
  cursor: pointer;
}

button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

a,
a:visited {
  text-decoration: none;
}

a:hover {
  text-decoration: none;
}

ul li {
  list-style: none;
}

ol li {
  list-style: none;
}

img {
  display: block;
  max-width: 100%;
}

button {
  padding: 0;
  border: none;
  background-color: transparent;
}

/** BASIC **/
html {
  scroll-behavior: smooth;
}

@media (max-width: 1079px) {
  body, html {
    -webkit-font-smoothing: auto;
    font-size: 10px!important;
  }
}

@media (max-width: 767px) {
  html {
      font-size:4.2666666667vw
  }
}

body,
html {
  font-size: .6944444444vw
}

.page-template-page-delivery main,
.page-template-page-checkout main,
.page-template-page-edit-address main,
.page-template-page-add-address main {
  padding-top: 6rem;
  font-size: calc(100vw / 144);
}

.page-template-page-cart main {
  padding-top: 56px;
}

.page-template-page-delivery main {
  overflow: hidden;
  height: 100vh;
}

@media (max-width: 1200px) {
  
  main {
    font-size: calc(100vw / 1440 * 10);
    -webkit-font-smoothing: auto;
  }
}

@media (max-width: 767px) {
  main {
    font-size: calc(100vw / 23.4375);
  }
}

@media (max-width: 320px) {
  main {
    font-size: 1rem;
  }
}

.woocommerce-notices-wrapper {
  padding: 0;
  margin: 0;
}

.h3, 
h3 {
  font-size: 3.6rem;
  letter-spacing: -.03em;
  line-height: 1.2;
}

.splat-container {
  margin: 0 auto;
  max-width: 144rem;
  padding: 0 4rem;
  width: 100%
}

.splat-container.__no-padding {
  padding: 0
}

@media (max-width: 1079px) {
  .splat-container {
      padding:0 2.4rem
  }
}

@media (max-width: 767px) {
  .splat-container {
      padding:0 1.6rem
  }
}

.splat-processing:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	background-color: rgba(255, 255, 255, .72);
	z-index: 100;
}

.splat-title {
  margin: 0;
  font-family: var(--primary-font) !important;
  font-size: 5.4rem;
  line-height: 110%;
}

.splat-checkbox {
  position: relative;
  display: flex;
  align-items: center;
  gap: 1.6rem;
}
.splat-checkbox input {
  display: none;
}
.splat-checkbox span:nth-child(2) {
  border: 1px solid #222;
  display: block;
  height: 2.8rem;
  width: 2.8rem;
  background-size: cover;
  user-select: none;
  pointer-events: none;
}
.splat-checkbox input:checked + span:nth-child(2) {
  background-image: url("data:image/svg+xml,%3csvg%20width='28'%20height='28'%20viewBox='0%200%2028%2028'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20x='0.5'%20y='0.5'%20width='27'%20height='27'%20fill='%23222222'/%3e%3crect%20x='0.5'%20y='0.5'%20width='27'%20height='27'%20stroke='%23222222'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M16.4977%2011.0498C17.1868%209.63842%2017.8771%208.22477%2018.5626%206.7998H20.692L14.5195%2019.7235C13.5931%2021.6631%2010.8197%2021.6271%209.94411%2019.664L7.63184%2014.48H9.72984C10.5527%2016.3378%2011.3703%2018.1315%2012.2229%2019.9998C13.6066%2016.9705%2015.0497%2014.0151%2016.4977%2011.0498Z'%20fill='white'/%3e%3c/svg%3e");
}
.splat-checkbox-container {
  display: flex;
  align-items: center;
  gap: 1.6rem;
  font-family: var(--primary-font) !important;
  font-size: 1.6rem;
  letter-spacing: -0.048rem;
  line-height: 130%;
  color: var(--interface-black-50);
}

.splat-input-group {
  position: relative;
}
.splat-input,
.splat-textarea {
  padding: 1.8rem 0 1.5rem!important;
  border: none!important;
  border-bottom: 1px solid var(--black)!important;
  border-radius: 0 !important;
  font-family: var(--primary-font) !important;
  font-size: 1.6rem;
  letter-spacing: -.05rem;
  line-height: 1.3;
  background-color: transparent!important;
  outline: none;
  width: 100%;
}

/* For Chrome, Safari, Edge, Opera */
.splat-input::-webkit-outer-spin-button,
.splat-input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* For Firefox */
.splat-input[type="number"] {
  -moz-appearance: textfield;
}

.splat-textarea,
.splat-textarea:focus, 
.splat-textarea:active {
  border: none !important;
  border-bottom: 1px solid var(--black)!important;
  height: 6.6rem;
}
.splat-input__label {
  position: absolute;
  top: 1.8rem;
  left: 0;
  font-family: var(--primary-font) !important;
  font-size: 1.6rem;
  font-weight: 350;
  letter-spacing: -.03em;
  line-height: 1.3;
  color: var(--interface-black-50);
  transition: .3s ease;
  pointer-events: none;
}
.splat-input:focus + .splat-input__label,
.splat-input.not-empty + .splat-input__label,
.splat-textarea:focus + .splat-input__label,
.splat-textarea.not-empty + .splat-input__label {
  color: var(--interface-black-30);
  font-size: 1.3rem;
  opacity: .8;
  top: 0;
}
.splat-auto-resize,
.splat-auto-resize:focus, 
.splat-auto-resize:active {
  border: none !important;
  border-bottom: 1px solid var(--black)!important;
  resize: none;
  overflow-y: hidden;
  min-height: 5.4rem;
  width: 100%;
  box-sizing: border-box;
}
.splat-input-cleaner.modal-cross {
  position: absolute;
  right: 0;
  bottom: 1.6rem;
  top: unset;
  margin: 0;
  display: none;
}

.splat-input-cleaner.modal-cross svg {
  height: 2rem;
  width: 2rem;
}

.splat-auto-resize.not-empty + .splat-input__label + .modal-cross {
  display: block;
}

.splat-labeled {
  transition: .3s ease-in-out;
}

.splat-labeled.error {
  border-color: var(--surface-red)!important;
}

.splat-labeled.error + .splat-input__label {
  color: var(--surface-red);
}

@media screen and (max-width: 1079px) {
  .splat-title {
    font-size: 3.8rem;
    line-height: 120%;
    letter-spacing: -0.114rem;
  }
}

/*-----------BASIC--------------------*/
.font-second {
  font-family: var(--secondary-font) !important;
  font-weight: 450;
  letter-spacing: -0.1rem;
}

/* Heading styles */
h1, .h1 {
  font-size: 8.1rem;
  line-height: 1.1;
  letter-spacing: -0.1rem;
}

h2, .h2 {
  font-size: 5.4rem;
  line-height: 1.1;
  letter-spacing: -0.16rem;
  font-family: var(--primary-font);
}

h3, .h3 {
  font-size: 3.6rem;
  line-height: 1.2;
  letter-spacing: -0.03em;
}

h4, .h4 {
  font-size: 2.4rem;
  line-height: 1.2;
  letter-spacing: -0.03em;
}

/* Utility classes */
.subtitle {
  font-size: 2rem;
  font-style: normal;
  line-height: 1.4;
  font-weight: 350;
  letter-spacing: -0.05rem;
  opacity: 0.3;
}

.fs-20 {
  font-size: 2rem;
  font-style: normal;
  line-height: 140%;
  font-weight: 350;
  letter-spacing: -0.04rem;
}

.fs-16 {
  font-size: 1.6rem;
  font-family: var(--primary-font);
  line-height: 1.3;
  letter-spacing: -0.04rem;
  font-weight: 350;
}

.fs-16.font-second {
  letter-spacing: -0.03rem;
  font-family: var(--secondary-font);
}

/* Media queries for large screens */
@media (max-width: 1200px) {
  h1, .h1 {
    font-size: 6rem;
  }

  h2, .h2 {
    line-height: 1.2;
    font-size: 3.8rem;
  }

  h3, .h3 {
    font-size: 2.8rem;
  }

  h4, .h4 {
    font-size: 2rem;
  }

  .fs-20, .subtitle {
    font-size: 1.8rem;
  }

  .fs-16 {
    font-size: 1.4rem;
    letter-spacing: -0.03em;
  }
}

/* Media queries for small screens */
@media (max-width: 767px) {
  h1, .h1 {
    font-size: 3.6rem;
    line-height: 1.2;
  }

  h2, .h2 {
    font-size: 2.8rem!important;
    margin-bottom: 0!important;
  }

  h3, .h3 {
    font-size: 2.4rem;
  }

  h4, .h4 {
    font-size: 1.8rem;
  }

  .fs-20, .subtitle {
    font-size: 1.6rem;
  }
}

.btn {
  display: inline-flex;
  padding: 1.6rem 2.4rem;
  font-size: 1.6rem;
  font-weight: 350;
  line-height: 130%;
  letter-spacing: -0.048rem;
}

.btn--black {
  background-color: var(--black);
  color: var(--white);
}

.link {
  border-bottom: 1px solid var(--black);
  color: var(--black);
}

/*-----------LIGHT HEADER--------------------*/
.page-template-page-delivery .custom-site-header,
.page-template-page-delivery .header-footer-group {
  display: none;
}

.light-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 20px;
  background-color: #fff;
  border-bottom: 1px solid #e0e0e0;
}

.light-header__back-button {
  text-decoration: none; 
  color: #000;
  font-size: 16px;
}

.light-header__logo svg {
  height: 40px;
}


/*-----------BASKET--------------------*/
.splat-section__basket {
  padding-bottom: 10rem!important;
  background-color: #f8f8f8;
}
.splat-title__basket {
  padding: 6rem 0 4rem;
  display: flex;
  align-items: flex-start;
  gap: .4rem;
  letter-spacing: -0.162rem;
}
.splat-title__basket span:last-child {
  font-size: 2rem;
  font-weight: 350;
  line-height: 140%;
  letter-spacing: -0.04rem;
}
.splat-basket {
  margin: 0;
	display: grid;
  grid-template-columns: 1fr 44rem;
  gap: 2rem;
}
.splat-basket__main {
  position: relative;
  max-width: 90rem;
}
.splat-basket__main.splat-processing:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	background-color: rgba(255, 255, 255, .72);
	z-index: 100;
}

.splat-basket__title {
	margin-bottom: 4rem;
	margin-top: 6rem;
}

.splat-basket__delivery {
  padding: 2rem 4rem 2.8rem;
  font-family: var(--primary-font);
  position: relative;
  background-color: #fbf5d3;
  overflow: hidden;
}
.splat-basket__delivery.splat-basket__delivery-free {
  background-color: #e0f1d4;
}
.splat-basket__delivery-desc {
  font-size: 1.6rem;
  line-height: 130%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #383105;
}
.splat-basket__delivery-free .splat-basket__delivery-desc {
  display: block;
  color: #1C2F0F;
}
.splat-basket__delivery-link {
  display: flex;
  align-items: center;
  gap: .6rem;
  color: #383105!important;
  opacity: 1;
  transition: .3s ease-in-out;
}
.splat-basket__delivery-link:hover {
  opacity: .8;
}
.splat-basket__delivery-link svg path {
  fill: #383105;
}
.splat-basket__delivery-link svg {
  height: 2rem;
  width: 2rem;
}
.splat-basket__delivery-link span,
.splat-basket__delivery-desc-text {
  height: 2rem;
  font-size: 1.6rem;
  font-weight: 350;
  line-height: 130%;
  letter-spacing: -.048rem;
}
.splat-basket__delivery-info .amount bdi {
  white-space: nowrap;
}
.splat-basket__delivery-progress,
.splat-basket__delivery-progress span {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height:.8rem;
  background-color: #fbf5d3;
}
.splat-basket__delivery-progress span {
  background-color: #f2dd6b;
  z-index: 1;
}

.splat-basket__delivery-free .splat-basket__delivery-progress span {
  background-color: #99d16e
}

.splat-basket__products {
	position: relative;
  background-color: var(--white);
  padding: 0 2.4rem 2.8rem;
}

.splat-basket__controls {
  padding: 1.2rem 0;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: var(--white);
  transition: margin .3s ease-in-out;
  z-index: 100;
}

.splat-basket__controls.is_stuck {
  border-bottom: 1px solid var(--interface-black-10);
  margin: 92px 0 0 0;
}

.splat-basket__controls.is_stuck.down {
  margin: 0;
}

.splat-basket__checked-all {
  position: relative;
  padding: .8rem 0;
  margin: 0;
  font-family: var(--primary-font)!important;
  font-size: 1.6rem;
  font-weight: 350;
  line-height: 130%;
  letter-spacing: -0.048rem;
  display: flex;
  align-items: center;
  gap: 1.2rem;
}
.splat-basket__checked-all input:checked + span:nth-child(2) {
  background-image: url("data:image/svg+xml,%3csvg%20width='28'%20height='28'%20viewBox='0%200%2028%2028'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20x='0.5'%20y='0.5'%20width='27'%20height='27'%20fill='%23222222'/%3e%3crect%20x='0.5'%20y='0.5'%20width='27'%20height='27'%20stroke='%23222222'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M16.4977%2011.0498C17.1868%209.63842%2017.8771%208.22477%2018.5626%206.7998H20.692L14.5195%2019.7235C13.5931%2021.6631%2010.8197%2021.6271%209.94411%2019.664L7.63184%2014.48H9.72984C10.5527%2016.3378%2011.3703%2018.1315%2012.2229%2019.9998C13.6066%2016.9705%2015.0497%2014.0151%2016.4977%2011.0498Z'%20fill='white'/%3e%3c/svg%3e");
}
.splat-basket__trash-checked {
  padding: 0;
  border: none;
  color: var(--black);
  font-family: var(--primary-font)!important;
  font-size: 1.6rem;
  font-weight: 350;
  line-height: normal;
  letter-spacing: -.048rem;
  text-transform: none;
  background-color: transparent;
  background-image: right center;
  background-repeat: no-repeat;
  background-size: 2.4rem;
  display: flex;
  align-items: center;
  gap: .6rem;
  cursor: pointer;
}

.splat-basket__trash-checked svg {
  height: 2rem;
  width: 2rem;
}

.splat-basket__product {
	position: relative;
	padding: 2rem 0;
	border-top: 1px solid rgba(34, 34, 34, 0.1);
	box-sizing: border-box;
	display: grid;
  grid-template-columns: 3.2rem 10rem 1fr;
  gap: 2rem;
	z-index: 1;
}

.splat-basket__product.splat-processing:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%; 
	height: 100%;
	background-color: rgba(255, 255, 255, .72);
	z-index: 100;
}

.splat-basket__products.splat-processing:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	background-color: rgba(255, 255, 255, .72);
	z-index: 100;
}

.splat-basket__product-trash,
.minus,
.plus {
	cursor: pointer;
	z-index: 2;
}
.plus.disabled {
	pointer-events: none;
	opacity: .3;
}

.splat-basket__product-trash {
  position: relative;
}

.splat-basket__product-trash .trash-button {
  opacity: 0;
  transition: .3s ease-in-out
}

.splat-basket__product-trash svg {
  width: 2.4rem;
  height: 2.4rem;
}

.splat-basket__product:hover .splat-basket__product-trash .trash-button {
  opacity: .3;
}

.splat-basket__product:hover .splat-basket__product-trash .trash-button:hover {
  opacity: 1;
}

.trash-button__undo {
  opacity: .3;
  cursor: pointer;
  transition: .3s ease-in-out
}

.trash-button__timer {
  position: absolute;
  top: 0;
  left: .4rem;
  font-size: 1.2rem;
  color: var(--black);
}

.splat-basket__product:hover .trash-button__undo {
  opacity: 1;
}

.splat-basket__product-bottom,
.splat-basket__product-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.splat-basket__product-top {
  margin-bottom: 2.4rem;
}

.splat-basket__product-bottom-right {
  display: flex;
}

.splat-basket__product-attribute {
  font-family: var(--primary-font) !important;
  display: flex;
  align-items: center;
  gap: .6rem;
  font-size: 1.6rem;
  font-weight: 350;
  line-height: 130%;
  letter-spacing: -.048rem;
}

.splat-basket__product-attribute span {
  height: 2.1rem;
}

.splat-basket__product-attribute-label {
  color: var(--interface-black-30);
}

.splat-basket__product-attribute .splat-basket__product-attribute-color {
  position: relative;
  top:-.2rem;
  border: 1px solid var(--interface-black-10);
  border-radius: 50%;
  margin-right: .2rem;
  height: 2rem;
  width: 2rem;
}

.splat-basket__product-attribute-value {
  color: var(--black);
}

.splat-basket__product-cost {
  font-family: var(--primary-font) !important;
	font-size: 1.6rem;
  line-height: 130%;
  text-align: right;
}
.splat-basket__product-sale-cost {
  margin-right: .8rem;
  text-decoration: line-through;
  opacity: .3;
}

.splat-basket__product-price {
  margin-top: .8rem;
  font-family: var(--primary-font) !important;
	font-size: 1.2rem;
  text-align: right;
  opacity: .5;
}

.splat-basket__product-picture {
  position: relative;
	width: 10rem;
  flex:  0 0 10rem;
	height: 10rem;
}

.splat-basket__product-trash {
	margin-left: auto;
	margin-right: 2rem;
}

.splat-wishlist_session_item {
  cursor: pointer;
}

.splat-wishlist_session_item svg {
  height: 3.2rem;
  width: 3.2rem;
  opacity: .3;
  transition: .3s ease-in-out;
}

.splat-wishlist_session_item:hover svg {
  opacity: 1;
}

.splat-wishlist_session_item.active svg {
  opacity: 1;
}

.splat-wishlist_session_item.active svg path {
  fill: var(--black);
}

.splat-basket__product-col:first-child {
  max-width: 50rem;
  width: 100%;
}

.splat-basket__product-name,
.splat-basket__brand {
  font-family: var(--primary-font) !important;
	font-size: 1.6rem;
	line-height: 130%;
	color: var(--black);
}

.splat-basket__brand {
  font-family: var(--secondary-font) !important;
  letter-spacing: -0.016rem;
}

.splat-basket__product-name {
  letter-spacing: -0.048rem;
}

.splat-basket__switch {
	padding: 0;
	border-radius: 0;
	color: var(--black);
	background-color: var(--white);
  background-image: none;
	font-size: 1.4rem;
	display: flex;
	align-items: center;
	justify-content: space-between;
	min-width: 10.4rem;
	z-index: 2;
}

.splat-basket__switch > span {
  height: 3.2rem;
  width: 3.2rem;
}

.splat-basket__switch svg {
  width: 100%;
}

.splat-basket__switch-number {
  padding: 0!important;
  border: 1px solid rgba(34, 34, 34, 0.3) !important;
  margin: 0!important;
  color: var(--black);
  font-family: var(--primary-font) !important;
  font-weight: 400;
  height: 3.2rem;
  font-size: 1.6rem;
  font-weight: 350;
  line-height: 130%; /* 20.8px */
  letter-spacing: -0.48px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 4rem !important;
}
.splat-basket__switch-number::-webkit-outer-spin-button,
.splat-basket__switch-number::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.splat-basket__switch >a:not(.count-switch__number):hover,
.splat-basket__switch .count-switch-action:hover {
	background: white;
	transition: .3s;
}

.splat-basket__stock-notice {
  margin-top: .4rem;
  color: var(--surface-red);
  text-align: right;
  font-family: var(--primary-font);
  font-size: 1.2rem;
  line-height: 130%;
  letter-spacing: -0.36px;
}

.splat-not-stock__products {
	position: relative;
  background-color: var(--white);
  padding: 0 2.4rem 2.8rem;
  margin-top: 2rem;
}

.splat-not-stock__controls {
  padding: 1.2rem 0;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: var(--white);
  transition: margin .3s ease-in-out;
  z-index: 100;
}

.splat-not-stock__title {
  font-family: var(--primary-font)!important;
  font-size: 2.4rem;
  font-weight: 350;
  line-height: 120%;
  letter-spacing: -0.072rem;
}

.splat-not-stock__products-clear-all {
  padding: 1.6rem 0;
  border: none;
  color: var(--black);
  font-family: var(--primary-font)!important;
  font-size: 1.6rem;
  font-weight: 350;
  line-height: normal;
  letter-spacing: -.048rem;
  text-transform: none;
  background-color: transparent;
  background-image: right center;
  background-repeat: no-repeat;
  background-size: 2.4rem;
  display: flex;
  align-items: center;
  gap: .6rem;
  cursor: pointer;
}

.splat-not-stock__products-clear-all svg {
  height: 2rem;
  width: 2rem;
}

.splat-basket__product-status {
  color: #CB3D35;
  text-align: right;
  font-family: var(--primary-font)!important;
  font-size: 1.6rem;
  font-weight: 350;
  line-height: 130%;
  letter-spacing: -0.048rem;
}

.splat-checkbox.disabled {
  opacity: 0.3;
}

.splat-not-stock__products .splat-basket__brand,
.splat-not-stock__products .splat-basket__product-name,
.splat-not-stock__products .splat-basket__product-attribute-value {
  opacity: 0.5;
}

.splat-not-stock__products .splat-basket__product-attribute .splat-basket__product-attribute-color {
  opacity: 0.1;
}

@media screen and (max-width: 1079px) {
  .splat-basket {
    display: flex;
    gap: 4rem;
  }
  .splat-title__basket {
    padding: 4rem 0 2.4rem;
    margin: 0;
  }
  .splat-basket__delivery {
    padding: 1.6rem 2.4rem 2.4rem;
  }
  .splat-shop__sidebar {
    padding: 2.4rem;
  }
  .splat-basket__product-trash .trash-button {
    opacity: 1;
  }

  .trash-button__undo {
    opacity: 1;
    cursor: pointer;
    transition: .3s ease-in-out
  }

  .splat-basket__product-col:first-child {
    max-width: 42.5rem;
  }
  .splat-basket__trash-checked {
    gap: .4rem;
  }
  .splat-basket__trash-checked svg {
    height: 1.8rem;
    width: 1.8rem;
  }
  .splat-basket__product-trash svg {
    height: 3.2rem;
    width: 3.2rem;
  }
  .splat-basket__delivery {
    padding: 1.6rem 2.4rem 2.4rem;
  }
  .splat-basket__delivery-link svg {
    height: 1.8rem;
    width: 1.8rem;
  }
  .splat-basket__delivery-link span,
  .splat-basket__delivery-desc-text {
    height: 1.8rem;
    font-size: 1.4rem;
    letter-spacing: -.042rem;
  }
  .splat-title__basket span:last-child {
    font-size: 1.8rem;
    font-weight: 350;
    line-height: 140%;
    letter-spacing: -0.054rem;
  }
  .splat-basket__switch-number {
    font-size: 1.4rem!important;
    font-weight: 350;
    line-height: 130%;
    letter-spacing: -0.042rem;
  }
  
  .splat-checkbox span:nth-child(2) {
    height: 2.4rem;
    width: 2.4rem;
  }
  .splat-basket__product-attribute-color {
    height: 1.8rem;
    width: 1.8rem;
  }
  .splat-basket__trash-checked,
  .splat-basket__checked-all,
  .splat-basket__product-name,
  .splat-basket__product-cost,

  .splat-basket__product-attribute {
    font-size: 1.4rem;
    font-weight: 350;
    line-height: 130%;
    letter-spacing: -0.042rem;
  }
  .splat-basket__product-top {
    gap: 4rem;
  }
  .splat-basket__brand {
    font-size: 1.4rem;
    font-weight: 450;
    line-height: 130%;
    letter-spacing: -0.014rem;
  }
  .splat-not-stock__title {
    font-size: 2rem;
    letter-spacing: -0.06rem;
  }
  
  .splat-not-stock__products-clear-all {
    padding: 1.2rem 0;
    font-size: 1.4rem;
    letter-spacing: -0.042rem;
    gap: .4rem;
  }
  
  .splat-not-stock__products-clear-all svg {
    height: 1.8rem;
    width: 1.8rem;
  }
  
  .splat-basket__product-status {
    font-size: 1.4rem;
    letter-spacing: -0.042rem;
    word-break: keep-all;
  }
}
@media screen and (max-width: 767px) {
  .splat-section__basket {
    padding-bottom: 5.6rem !important;
  }
  .splat-title__basket {
    padding: 5rem 0 1.6rem;
    margin: 0!important;
    font-size: 2.8rem!important;
    line-height: 120%;
    letter-spacing: -0.84px;
  }
  .splat-basket__delivery {
    padding: 1.2rem 1.6rem;
  }
  .splat-basket__products {
    padding: 0 1.6rem;
    margin: 0 -1.6rem;
  }
  .splat-basket__delivery-desc {
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: .4rem;
  }
  .splat-basket__delivery-desc .amount {
    white-space: pre;
  }
  .splat-basket__delivery-link {
    height: 4.2rem;
  }
  .splat-basket__delivery-link svg {
    height: 1.8rem;
    width: 1.8rem;
  }
  .splat-title__basket span:last-child {
    font-size: 1.6rem;
    line-height: 130%;
  }
  .splat-basket__product {  
    padding: 2rem 0;
    grid-template-columns: 2rem 12.2rem 1fr;
    gap: 0;
  }
  .splat-basket__product-picture {
    padding: 0 1.2rem 0 2rem;
    width: 12.2rem;
    height: auto;
  }
  .splat-checkbox span:nth-child(2) {
    height: 2rem;
    width: 2rem;
  }
  .splat-basket__product-top {
    margin-bottom: 1.6rem;
    flex-direction: column;
    align-items: flex-start;
    gap: .8rem;
  }
  .splat-basket__product-name, 
  .splat-basket__brand,
  .splat-basket__product-cost,
  .splat-basket__product-attribute {
    font-size: 1.4rem;
  }
  .splat-basket__product-name {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }
  .splat-basket__product-bottom, .splat-basket__product-top {
    flex-direction: column;
    align-items: flex-start;
  }
  .splat-basket__product-bottom {
    display: block;
  }
  .splat-basket__product-bottom-right {
    flex-direction: row-reverse;
    justify-content: space-between;
  }
  .splat-basket__product-trash {
    margin-left: 0;
    margin-right: 0;
  }
  .splat-basket__product-attributes {
    margin-bottom: 1.2rem;
  }
  .splat-basket__switch {
    background-color: #f8f8f8!important;
  }
  .splat-basket__delivery-free .splat-basket__delivery-desc {
    font-size: 1.4rem;
    letter-spacing: -0.42px;
  }
  .splat-basket__trash-checked {
    padding: 0;
    gap: .4rem;
  }
  .splat-basket .basket-shipping__name {
    flex-direction: row-reverse;
  }
  .splat-basket__stock-notice {
    text-align: left;
  }

  .splat-not-stock__controls {
    flex-direction: column;
    gap: 1.2rem;
  }
  .splat-not-stock__title {
    font-size: 1.8rem;
    letter-spacing: -0.054rem;
  }
  
  .splat-basket__product-status {
    font-size: 1.4rem;
    letter-spacing: -0.042rem;
  }
}

/*-----------EMPTY CART--------------------*/
.empty-cart {
  padding: 14rem 0 10rem!important;
  font-family: var(--primary-font) !important;
  font-size: 1.6rem;
  background-color: #f8f8f8;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  min-height: 47.2rem;
}
.empty-cart__container {
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2.4rem;
  max-width: 67rem;
}
.empty-cart__title {
  margin: 0;
}
.empty-cart__subtitle {
  max-width: 60rem;
}
.empty-cart__action {
  margin-top: 4rem;
  text-align: center;
}
.empty-cart__button {
  cursor: pointer;
  opacity: 1;
  transition: .3s ease-in-out;
}
.empty-cart__button:hover {
  opacity: .8;
}
.empty-cart__registration {
  margin-top: 4rem; 
  display: flex;
  align-items: center;
  justify-content: center;
  height: 5.3rem;
  gap: .5rem;
  opacity: 1;
  cursor: pointer;
}

@media screen and (max-width: 1200px) {
  .empty-cart__container {
    gap: 1.6rem;
  }
  .empty-cart__action,
  .empty-cart__registration {
    margin-top: 2.4rem;
  }
}

@media screen and (max-width: 767px) {
  .empty-cart {
    padding: 14rem 1.6rem 10rem !important;
  }
  .empty-cart__container {
    gap: 1.2rem;
  }
  .empty-cart__subtitle br {
    display: none;
  }
}

/*-----------BASKET SHIPPING--------------------*/
.splat-basket__shipping {
  margin: 2rem 0;
  display: grid;
  grid-template-columns: 1fr 1fr;
  min-width: 100%;
}
.splat-basket__shipping-box {
  margin-bottom: 2rem;
}
.basket-shipping__label {
  position: relative;
  margin: 0;
  cursor: pointer;
}
.basket-shipping__label input {
  display: none;
}
.basket-shipping__btn {
  padding: 0 2.4rem;
  border: 1px solid var(--interface-black-30);
  font-family: var(--primary-font);
  font-size: 1.6rem;
  font-weight: 350;
  line-height: 1;
  letter-spacing: -.048rem;
  height: 6.1rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: var(--white);
  color: var(--black);
  transition: .3s ease-in-out;
}
.basket-shipping__btn:hover {
  background-color: var(--interface-black-10);
  border-color: transparent;
}
.basket-shipping__btn svg {
  height: 2.4rem;
  width: 2.4rem;
}
.basket-shipping__btn svg path {
  transition: .3s ease-in-out;
}
.basket-shipping__label input:checked + .basket-shipping__btn {
  background-color: var(--black);
  color: var(--white);
}
.basket-shipping__label input:checked + .basket-shipping__btn svg path {
  fill: var(--white);
}
.basket-shipping__name {
  font-family: var(--primary-font) !important;
  display: flex;
  align-items: center;
  gap: .8rem;
  font-size: 1.6rem;
  font-weight: 350;
  line-height: 130%;
  letter-spacing: -0.048rem;
}
@media screen and (max-width: 1079px) {
  .basket-shipping__btn {
    padding: 0 2rem;
    height: 5.1rem;
    font-size: 1.4rem;
    letter-spacing: -0.042rem;
  }
  .basket-shipping__btn svg {
    height: 2.2rem;
    width: 2.2rem;
  }
  .basket-shipping__name {
    font-size: 1.4rem;
    letter-spacing: -0.042rem;
  }
}
@media screen and (max-width: 767px) {
  .splat-basket__controls.is_stuck {
    margin: 60px 0 0 0;
  }
  .basket-shipping__btn {
    padding: 0 1.6rem;
    height: 6.9rem;
  }
  .basket-shipping__btn svg {
    height: 2rem;
    width: 2rem;
  }
  .splat-basket__main .basket-shipping__btn {
    gap: .4rem;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
  }
}

/*-----------BASKET SIDEBAR--------------------*/
.splat-shop__sidebar-box {
	position: relative;
}
.splat-shop__sidebar {
	position: relative;
	padding: 4rem;
  margin: 0;
	width: 100%;
	box-sizing: border-box;
	height: max-content;
  background-color: #ededed;
}

.splat-shop__sidebar.is_stuck {
  margin: 66px 0 0 0;
	z-index: 9;
  transition: margin .3s ease-in-out;
}

.splat-shop__sidebar.splat-processing:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	background-color: rgba(255, 255, 255, .72);
	z-index: 100;
}

.splat-sidebar__row {
	margin-bottom: 1.2rem;
  font-family: var(--primary-font) !important;
  font-size: 1.6rem;
  line-height: 130%;
  font-weight: 350;
  line-height: 130%;
  letter-spacing: -0.048rem;
	display: flex;
  align-items: center;
	justify-content: space-between;
}

.splat-sidebar__button a,
.splat-sidebar__button button,
.splat-sidebar__button a:focus,
.splat-sidebar__button button:focus {
	border: none;
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	height: 5.2rem !important;
	text-decoration: none;
	width: 100%;
  background-color: var(--black);
  font-family: var(--primary-font)!important;
  font-weight: 350;
  letter-spacing: -0.048rem;
  color: var(--white);
  opacity: 1;
  cursor: pointer;
	transition: .3s ease-in-out;
}

.splat-sidebar__button button:hover,
.splat-sidebar__button a:hover {
	text-decoration: none !important;
  opacity: .8;
	transition: .3s;
} 

.splat-sidebar__button-addresses,
.splat-sidebar__button-pickups {
  position: fixed;
  bottom: 0;
  left: 4rem;
  padding: 1.6rem 0 2.8rem;
  width: 32rem;
  z-index: 10;
  background-color: var(--white);
}

.delivery-page__sidebar .addresses-list {
  padding-bottom: 0;
}

.splat-basket__sidebar-total {
	margin-bottom: 2rem;
}
.splat-baset__sidebar-total-title {
  font-size: 2.4rem;
  line-height: 120%;
  letter-spacing: -0.072rem;
}
.splat-sidebar__coupon-input {
  letter-spacing: -0.048rem;
}
.splat-basket__sidebar-total-price {
  font-size: 3.6rem;
  font-weight: 350;
  line-height: 120%;
  letter-spacing: -0.108rem;
}

.splat-baset__sidebar-cost .splat-sidebar__title {
  display: flex;
  gap: .8rem;
}

.splat-baset__sidebar-cost .splat-sidebar__title span:last-child {
  opacity: .5;
}

.splat-shop_sidebar_note a {
	color: inherit;
	text-decoration: underline;
}

.splat-shop_sidebar_note span {
	font-weight: 700;
}

.splat-sidebar__coupon {
	position: relative;
  margin-top: 2.4rem;
}

.splat-sidebar__coupon.coupon-sale {
	margin: .8rem 0 0;
  font-family: var(--primary-font) !important;
  font-size: 1.6rem;
  line-height: 130%;
  letter-spacing: -0.048rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.splat-sidebar__coupon-input,
.splat-sidebar__coupon-input:active,
.splat-sidebar__coupon-input:focus {
  padding: 1.6rem 5rem 1.6rem 2.4rem !important;
  border: none !important;
  background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' stroke='black' stroke-width='2' stroke-dasharray='8, 8' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e") !important;
  font-family: var(--primary-font) !important;
  font-size: 1.6rem;
  line-height: 130%;
  background-color: transparent !important;
}

.splat-sidebar__coupon-input::placeholder {
  color: var(--black) !important;
  opacity: .5;
}

.splat-sidebar__coupon-input:focus + span + .splat-sidebar__coupon-submit svg path {
  fill: var(--black)
}

.splat-sidebar__coupon-rules {
  margin-top: .8rem;
  font-family: var(--primary-font);
  font-size: 1.2rem;
  font-weight: 350;
  line-height: 130%;
  letter-spacing: -0.024rem;
  opacity: .5!important;
}

.splat-sidebar__coupon-submit {
	padding: 0;
	position: absolute;
	right: 2.4rem;    
  top: 50%;
  transform: translateY(-50%);
	background: none;
}

.splat-sidebar__coupon-submit:hover {
	text-transform: none;
	text-decoration: none;
}

.splat-sidebar__coupon-submit svg {
  height: 2rem;
  width: 2rem;
}

.splat-sidebar__coupon-submit svg path {
  fill: var(--interface-black-30);
  transition: fill .3s ease-in-out;
}

.splat-sidebar__coupon-submit:hover svg path {
  fill: var(--black);
}

.splat-sidebar__coupon-close {
	display: none;
	position: absolute;
	right: 1.65rem; 
  top: 1.6rem;
  cursor: pointer;
}

.splat-sidebar__coupon-applied {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: -9999px;
  display: none;
  pointer-events: none; 
  z-index: -1;
}

.splat-sidebar__coupon-close svg,
.splat-sidebar__coupon-applied svg {
  height: 2.4rem;
  width: 2.4rem;
}

.splat-sidebar__coupon-input:active + span + .splat-sidebar__coupon-submit,
.splat-sidebar__coupon-input:focus + span + .splat-sidebar__coupon-submit {
	display: block;
}

.splat-sidebar__coupon-input.button_valid + span  + .splat-sidebar__coupon-submit, 
.splat-sidebar__coupon-input.button_valid:active + span  + .splat-sidebar__coupon-submit, 
.splat-sidebar__coupon-input.button_valid:focus + span + .splat-sidebar__coupon-submit {
  display: none;
}

.splat-sidebar__coupon-input.button_valid + span + .splat-sidebar__coupon-submit + .splat-sidebar__coupon-close,
.splat-sidebar__coupon-input.button_valid + span + .splat-sidebar__coupon-submit + .splat-sidebar__coupon-close + .splat-sidebar__coupon-applied {
	display: block;
}

.splat-sidebar__coupon-input.coupon-fail {
	border: none !important;
	background: #FFC8CF !important;
	color: #3D0008 !important;
}

.splat-sidebar__coupon-input.coupon-applied,
.splat-sidebar__coupon-input.button_valid:not(.coupon-fail) {
	border: none !important;
	background: #C2E3A8 !important;
	color: #1C2F0F !important;
}

.splat-sidebar__coupon-input.button_valid_deleted {
	border: none !important;
	background: #C2E3A8;
}

.splat-sidebar__coupon-input.coupon-applied:active,
.splat-sidebar__coupon-input.coupon-applied:focus {
	background: #C2E3A8 !important;
}

.splat-sidebar__coupon-input.coupon-fail:active,
.splat-sidebar__coupon-input.coupon-fail:focus {
	background: #FFC8CF !important;
}
.splat-sidebar__coupon span.input-valid-tip {
  display: none!important;
}

.splat-sidebar__button {
  margin-top: 4rem;
}

.splat-basket__panel {
  position: fixed;
  bottom: 48px;
  left: 0; 
  right: 0;
  font-family: var(--primary-font)!important;
  display: none;
  background-color: var(--white);
  transition: bottom .3s ease-in-out;
  z-index: 100;
}
.splat-basket__panel-wrapper {
  padding: 2rem 2.4rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.6rem;
}
.splat-basket__panel-total-title {
  font-family: var(--primary-font)!important;
  font-size: 1.4rem;
  line-height: 130%;
  letter-spacing: -.042rem;
}
.splat-basket__panel-total-price {
  font-family: var(--primary-font)!important;
  font-size: 2rem;
  line-height: 120%;
  letter-spacing: -0.06rem;
}
.splat-basket__total-button {
  font-family: var(--primary-font)!important;
  flex: 1;
  width: auto;
}

.splat-basket__panel-total {
  padding-right: 2rem;
}

.splat-basket__total-button a {
  background-color: #80ced7;
  color: var(--black);
  font-size: 1.4rem;
  line-height: 130%;
  letter-spacing: -.042rem;
}

@media screen and (max-width: 1079px) {
	.splat-shop__sidebar.is_stuck {
		right: 0;
	}
  .splat-basket__panel {
    display: block;
  }
  .splat-shop__sidebar {
    padding: 2.4rem;
  }
  .splat-basket__total-button {
    margin-top: 0;
  }
  .splat-sidebar__row {
    font-size: 1.4rem;
  }
  .splat-basket__sidebar-total {
    margin-bottom: 1.6rem;
  }
  .splat-sidebar__coupon {
    margin-top: 2rem;
  }
  .splat-baset__sidebar-total-title {
    font-size: 2rem;
    letter-spacing: -0.06rem;
  }
  .splat-basket__sidebar-total-price {
    font-size: 2.8rem;
    letter-spacing: -0.084rem;
  }
  .splat-sidebar__button:not(.splat-basket__total-button) {
    right: 0;
    left: 0;
    padding: 2.4rem;
    margin: 0;
    width: auto;
  }
  
  .splat-sidebar__coupon-input, .splat-sidebar__coupon-input:active, .splat-sidebar__coupon-input:focus {
    padding: 1.2rem 4.6rem 1.2rem 2rem !important;
    font-size: 1.4rem;
  }
  .splat-sidebar__coupon-submit svg {
    opacity: .3;
  }
  .splat-section__basket {
    padding-bottom: 7.2rem !important;
  }    
  .splat-basket__panel-wrapper {
    padding: 2rem 2.4rem;
    gap: 1.6rem;
  }
  .splat-sidebar__coupon-submit {
    right: 2rem;
  }
}

@media screen and (max-width: 767px) {
  .splat-basket__panel-wrapper {
    padding: 1.6rem;
    gap: 1.1rem;
  }
  .splat-shop__sidebar {
    padding: 1.6rem;
  }
  .splat-baset__sidebar-total-title {
    font-size: 2rem;
  }
  .splat-basket__sidebar-total-price {
    font-size: 2.4rem;
  }
  .splat-sidebar__row {
    font-size: 1.4rem;
    letter-spacing: -0.042rem;
  }
  .splat-basket__sidebar-total {
    margin-bottom: 1.6rem;
  }
  .splat-sidebar__coupon {
    margin: 2rem 0 2.4rem;
  }
  .splat-sidebar__coupon-submit {
    top: 2rem;
    right: 2rem;
    opacity: .3;
  }
  .splat-section__basket {
    padding-bottom: 5.6rem !important;
  }   
  .splat-sidebar__button:not(.splat-basket__total-button) {
    padding: 1.6rem 1.6rem 2rem;
  }
}

/*-----------popup-template ----------*/
.modal-template {
  background: #00000080;
  color: #222222;
  display: flex;
  height: 100%;
  justify-content: flex-end;
  opacity: 0;
  position: fixed;
  right: -100%;
  top: 0;
  transition: opacity .4s ease;
  width: 100%;
  z-index: 1200
}

.modal-trash-address {
  z-index: 1300;
}

.modal-template.show {
  opacity: 1;
  right: 0;
  transition: opacity .6s ease
}

.modal-template.show .modal-template__block {
  height: -webkit-fill-available;
  margin-bottom: -1rem;
  right: 0;
  transition: right 1s ease
}

@media (max-width: 767px) {
  .smodal-template.show .modal-template__block {
      height:70%
  }
}

@media (max-width: 1079px) {
  .modal-template {
      bottom:-200%;
      display: flex;
      flex-direction: column;
      height: auto;
      justify-content: flex-end;
      right: 0;
      top: auto
  }

  .modal-template.show {
      bottom: 0;
      top: 0;
  }

  .modal-template.show .modal-template__block {
      bottom: 0;
      transition: bottom 1s ease
  }
}

@media (max-width: 1079px) and (max-width:767px) {
  .modal-template {
      height:100%
  }
}

.modal-footer {
  padding: 1.6rem 0 2.8rem;
  background-color: var(--white);
}

.modal-footer-action {
  position: fixed;
  width: 60rem;
  bottom: 0;
  z-index: 10;
}

.modal-template__content {
  position: relative;
  border-top: 1px solid rgba(34,34,34,.1);
  margin-top: 4rem;
  padding-top: 4rem;
  display: inline-block;
  width: 100%;
  word-wrap: break-word;
  font-size: 2rem;
  font-weight: 350;
  letter-spacing: -.05rem;
  line-height: 1.4;
}

.modal-addresses__content.modal-template__content {
  border-top: none;
  margin-top: 0;
}

@media (max-width: 1199.99px) {
  .modal-template__content {
      margin-top:2.4rem;
      padding-top: 2.4rem
  }
  .modal-footer-action {
    width: calc(100vw - 4.8rem);
  }
}

@media (max-width: 767px) {
  .modal-template__content {
      margin-top: 1.6rem;
      padding-top: 1.6rem
  }
  .modal-footer-action {
    width: calc(100vw - 3.2rem);
  }
  .modal-content--scrolled {
    padding-bottom: 6rem;
  }
}

.modal-content--scrolled {
  padding-bottom: 4rem;
}

.modal-title {
  font-family: var(--primary-font)!important;
  font-size: 3.6rem;
  font-weight: 350;
  line-height: 120%; /* 4.32rem */
  letter-spacing: -0.108rem;
}

.modal-text {
  font-family: var(--primary-font)!important;
  font-size: 2rem;
  font-weight: 350;
  line-height: 140%; /* 2.8rem */
  letter-spacing: -0.04rem;
  margin-bottom: 4rem;
}

.modal-template__block {
  background-color: var(--white);
  height: 100%;
  overflow-x: scroll;
  padding: 8rem 6rem 6rem;
  position: fixed;
  right: -100%;
  scrollbar-color: #222 transparent;
  scrollbar-width: thin;
  transition: right 1s ease;
  width: 72rem
}

@media (max-width: 1079px) {
  .modal-template__block {
      bottom:-200%;
      right: 0;
      top: auto;
      transition: bottom .8s ease
  }
}

.modal-template__block::-webkit-scrollbar {
  display: block;
  height: 6px;
  width: 6px
}

.modal-template__block::-webkit-scrollbar-track {
  background: #c4c4c466
}

.modal-template__block::-webkit-scrollbar-thumb {
  background: #c4c4c4
}

@media (max-width: 1079px) {
  .modal-template__block {
      height:70%;
      margin-top: 20rem;
      padding: 6rem 2.4rem;
      width: 100%;
  }
}

@media (max-width: 767px) {
  .modal-template__block {
      height:70%;
      margin: 0;
      padding: 4rem 1.6rem;
  }
}

.modal-city__block {
  position: fixed;
  right: -100%;
  padding: 4rem 3.2rem 3.2rem;
  background-color: var(--white);
  height: fit-content;
  min-width: 32rem;
  width: auto;
  overflow-x: scroll;
  transition: right 1s ease;
  scrollbar-color: #222 transparent;
  scrollbar-width: thin;
}

.modal-template.show .modal-template__block.modal-city__block {
  bottom: 0;    
  margin-bottom: 0;
  height: fit-content;
}

.modal-cross {
  position: absolute;
  top: 0;
  right: 0;
  background: var(--white);
  display: flex;
  align-items: center;
  cursor: pointer;
  transition: opacity .4s ease;
  z-index: 555;
}

.modal-cross:hover {
  opacity: .4;
}

.modal-cross svg {
  height: 3.2rem;
  width: 3.2rem;
}

.modal-check-city .modal-cross {
  padding: .4rem;
}

.modal-check-city .modal-cross svg {
  height: 2.4rem;
  width: 2.4rem;
}

@media (max-width: 1079px) {
  .modal-city__block {
    padding: 2.4rem 2.4rem 2.8rem;
  }
  .modal-check-city .modal-cross svg {
    height: 2.2rem;
    width: 2.2rem;
  }
  .modal-cross { 
    right: 0;
  }
  .modal-title {
    font-size: 2.8rem;
    line-height: 120%;
    letter-spacing: -0.072rem;
  }
  .modal-text {
    font-size: 1.8rem;
    line-height: 140%;
    letter-spacing: -0.036rem;
  }
}

@media (max-width: 767px) {
  .modal-check-city .modal-cross svg {
    height: 2rem;
    width: 2rem;
  }
  .modal-city__block {
    padding: 1.6rem 1.6rem 2.4rem;
  }
  .modal-cross svg {
    width: 4rem;
    height: 4rem;
  }
  .modal-title {
    font-size: 2.4rem;
    letter-spacing: -0.072rem;
  }
  .modal-text {
    font-size: 1.6rem;
    letter-spacing: -0.048rem;
  }
}

.choice-cleaner {
  position: absolute;
  right: 0;
  top: 1.85rem;
  display: none;
  cursor: pointer;
}

.choice-cleaner svg {
  height: 2rem;
  width: 2rem;
}

.modal-btns {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}

.btn-modal {
  position: relative;
  padding: 1.6rem 0;
  margin-top: auto;
  width: 100%;
  background-color: #f7eba6;
  color: var(--black);
  font-family: var(--primary-font)!important;
  font-size: 2rem;
  font-weight: 350;
  letter-spacing: -.05rem;
  line-height: 1.4;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  text-transform: none!important;
  opacity: 1;
  transition: all .3s ease;
}

.btn-modal:hover {
  opacity: .8;
}

.btn-modal:disabled {
  background-color: rgba(34, 34, 34, 0.30)!important;
  color: rgba(34, 34, 34, 0.3)!important;
}

.btn-modal--black {
  background-color: var(--black);
  color: var(--white);
}

.btn-modal--transparent {
  background-color: var(--white);
  color: var(--black);
} 

@media (max-width: 1079px) {
  .modal-btns {
    gap: 1.6rem;
  }
  .btn-modal {
    padding: 1.2rem 0;
    font-size: 1.8rem;
    font-weight: 350;
    line-height: 140%; /* 2.52rem */
    letter-spacing: -0.054rem;
  }
}

@media (max-width: 767px) {
  .modal-btns {
    gap: 1.2rem;
  }
  .btn-modal {
    font-size: 1.6rem;
    line-height: 140%;
    letter-spacing: -0.048rem;
  }
}

.modal-trash__content.modal-template__content {
  border-top: none;
  margin-top: 1.2rem;
  padding-top: 0;
}

.popup-choice-city__content.modal-template__content {
  border-top: none;
  margin-top: 0;
}

.popup-choice-city__description {
  font-family: var(--primary-font) !important;
  font-size: 2rem;
  letter-spacing: -.03em;
  line-height: 140%;
  letter-spacing: -.04rem;
}

.popup-choice-city__title {
  margin-top: 0;
  margin-bottom: 1.2rem;
  font-family: var(--primary-font) !important;
  font-size: 2.4rem;
  font-weight: 350;
  line-height: 120%;
  letter-spacing: -.072rem;
}

.popup-choice-city__more {
  margin-top: 2.4rem;
  font-family: var(--primary-font);
	font-size: 1.6rem;
  font-weight: 350;
  line-height: 130%;
  letter-spacing: -0.048rem;
}

.popup-choice-city___variations {
  margin-top: 2.4rem;
}

.popup-choice-city___variations ul {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 0 2.5rem;
  overflow-y: visible;
  max-height: unset;
}

.popup-choice-city___variations ul li {
  margin: 0;
  padding: 1.2rem 0;
  font-family: var(--primary-font) !important;
  font-size: 1.6rem;
  line-height: 130%;
  letter-spacing: -.048rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  transition: .3s ease-in-out;
}

.popup-choice-city___variations ul li svg {
  opacity: 0;
  transition: .3s ease-in-out;
}

.popup-choice-city___variations ul li:hover {
  color: var(--interface-black-30)!important;
}

.popup-choice-city___variations ul li:hover svg {
  opacity: .5;
}

.popup-choice-city__input-group {
  position: relative;
}
.popup-choice-city__label {
  position: absolute;
  top: 1.8rem;
  left: 0;
  font-family: var(--primary-font) !important;
  font-size: 1.6rem !important;
  font-weight: 350;
  letter-spacing: -.048rem;
  line-height: 130%;
  color: var(--interface-black-50);
  transition: .4s ease;
  pointer-events: none;
}
.popup-choice-city__input {
  padding: 1.8rem 0 1.5rem!important;
  border: none!important;
  border-bottom: 1px solid var(--interface-black-30)!important;
  border-radius: 0 !important;
  font-family: var(--primary-font) !important;
  font-size: 1.6rem;
  letter-spacing: -.05rem;
  line-height: 130%;
  background-color: transparent!important;
  outline: none;
  width: 100%;
}
.popup-choice-city__input:focus + .popup-choice-city__label,
.popup-choice-city__input.not-empty + .popup-choice-city__label {
  color: var(--interface-black-30);
  font-size: 1.2rem!important;
  font-style: normal;
  font-weight: 350;
  line-height: 130%;
  letter-spacing: -0.024rem;
  top: 0;
}
.popup-choice-city__input-group.error .input[data-v-47467b1a] {
  border-bottom: 1px solid var(--surface-red);
}
.popup-choice-city__input.has-validation-error {
  color: var(--surface-red) !important;
}

.check-city__text-title,
.check-city__text-city {
  margin-bottom: .8rem;
  font-family: var(--primary-font)!important;
  font-size: 1.6rem;
  line-height: 130%;
  letter-spacing: -0.048rem;
}
.check-city__text-title {
  opacity: .5;
}
.check-city__text-city {
  display: flex;
  align-items: center;
  gap: .4rem;
}
.check-city__text-city span {
  position: relative;
  top: .25rem;
}
.check-city__buttons {
  margin-top: 2.8rem;
  display: flex;
  align-items: center;
  gap: 2.4rem;
}
.check-city__button {
  height: 5.3rem;
  font-family: var(--primary-font)!important;
  font-size: 1.6rem;
  line-height: 130%;
  font-weight: 350;
  letter-spacing: -0.048rem;
  color: var(--black);
  display: flex;
  align-items: center;
  justify-content: center;
  text-transform: none;
}

.check-city__button.check-city__button--ok {
  background-color: var(--black);
  color: var(--white);
  padding: 0 2.4rem;
}
.check-city__button.check-city__button--edit {
  padding-left: 0!important;
  padding-right: 0!important;
  color: var(--black);
  background-color: var(--white);
}

@media screen and (max-width: 1079px) {
  .popup-choice-city__description {
    font-size: 1.8rem;
    font-weight: 350;
    line-height: 140%;
    letter-spacing: -.054rem;
  }
  .popup-choice-city__title {
    font-size: 2rem;
    font-weight: 350;
    line-height: 120%;
    letter-spacing: -0.09rem;
  }
  .popup-choice-city___variations ul li {
    font-size: 1.4rem;
    font-weight: 350;
    line-height: 130%;
    letter-spacing: -0.042rem;
  }
  .popup-choice-city___variations {
    margin-top: 2.4rem;
  }
  .popup-choice-city__input {
    font-size: 1.4rem!important;
    letter-spacing: -0.042rem;
  }
  .check-city__text-title {
    font-size: 1.4rem;
    letter-spacing: -0.048rem;
  }
  .check-city__button {
    height: 4.2rem;
    font-size: 14px;
  }
  .check-city__buttons {
    margin-top: 2.4rem;
  }
  .choice-city__zero {
    font-size: 1.4rem;
    letter-spacing: -0.042rem;
  }
  .choice-cleaner {
    top: 1.6rem;
  }
  .choice-cleaner svg {
    height: 1.8rem;
    width: 1.8rem;
  }
}

@media screen and (max-width: 767px) {
  .modal-template.show .modal-template__block.modal-city__block {
    width: 100%;
  }
  .check-city__buttons {
    margin-top: 2rem;
  }
  .choice-cleaner {
    top: 1.65rem;
  }
  .choice-cleaner svg {
    height: 1.7rem;
    width: 1.7rem;
  }
}

.error-text {
  position: relative;
  bottom: 0;
  margin-top: .8rem;
  color: #CB3D35;
  font-family: var(--primary-font) !important;
  font-size: 1.2rem;
  font-weight: 350;
  letter-spacing: -.03em;
  line-height: 1.56rem;
}

.popup-choice-city__input.error {
  border-bottom: 1px solid #CB3D35!important;
}

.popup-choice-city__footer {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 1.6rem 6rem 2.8rem;
  background: #fff;
  display: none;
}

.confirm-city-button {
  width: 100%;
  border: none;
  cursor: pointer;
  font-size: 2rem;
  font-weight: 350;
  line-height: 140%;
  color: var(--white);
  letter-spacing: -0.04rem;
  text-transform: none;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 6.1rem;
  background-color: var(--black);
  opacity: 1;
}

.confirm-city-button:disabled {
  background-color: var(--interface-black-30);
  color: var(--interface-black-30);
  cursor: not-allowed;
}

.confirm-city-button:not(:disabled):hover {
  background-color: var(--interface-black-50);
}

.search-results__list {
  max-height: calc(100vh - 8rem - 30rem);
  overflow-y: auto;
}

.search-results__list::-webkit-scrollbar {
  display: block;
  width: 4px;
}

.search-results__list::-webkit-scrollbar-button {
  display: none;
}

.search-results__list::-webkit-scrollbar-thumb {
  background-color: var(--black);
  width: 4px;
}

.search-result__item {
  position: relative;
  padding: 1.2rem 2rem 1.2rem 0;
}

.search-result__item input[name="city-choice"] {
  position: absolute;
  opacity: 0;
}

.search-result__item-label {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
  gap: 1.2rem;
}

.search-result__item label svg {
  height: 2.4rem;
  width: 2.4rem;
  visibility: hidden;
}

.search-result__item input[name="city-choice"]:checked + label svg {
  visibility: visible;
}

.search-result__item:hover svg,
.search-result__item:hover .search-result__item-city-name {
  opacity: .5;
}

.search-result__item-city-name,
.search-result__item-full-address {
  font-size: 1.6rem;
  font-weight: 350;
  line-height: 130%;
  letter-spacing: -0.048rem;
}

.search-result__item-full-address {
  margin-bottom:.4rem;
  color: var(--interface-black-50);
}

.check-city__text-title,
.check-city__text-city {
  margin-bottom: .8rem;
  font-family: var(--primary-font)!important;
  font-size: 1.6rem;
  line-height: 130%;
}
.check-city__text-title {
  opacity: .5;
}
.check-city__text-city {
  display: flex;
  align-items: center;
  gap: .4rem;
}
.check-city__text-city span {
  position: relative;
  top: .25rem;
}
.check-city__buttons {
  margin-top: 2.8rem;
  display: flex;
  align-items: center;
  gap: 2.4rem;
}
.check-city__button {
  height: 5.3rem;
  font-family: var(--primary-font)!important;
  font-size: 1.6rem;
  line-height: 130%;
  color: var(--black);
  display: flex;
  align-items: center;
  justify-content: center;
  text-transform: none;
}
.check-city__button.check-city__button--ok {
  background-color: var(--black);
  color: var(--white);
  padding: 0 2.4rem;
}

@media screen and (max-width: 1079px) {
  .popup-choice-city___variations ul li {
    padding: .8rem 0;
  }
  .popup-choice-city__footer {
    padding: 1.6rem 2.4rem 2.8rem;
  }
  .confirm-city-button {
    font-size: 1.8rem;
    letter-spacing: -0.054rem;
    height: 4.9rem;
  }
  .search-results__list {
    max-height: calc(100vh - 52rem);
  }
  .search-result__item-city-name,
  .search-result__item-full-address {
    font-size: 1.4rem;
    letter-spacing: -0.042rem;
  }
}
@media screen and (max-width: 767px) {
  .popup-choice-city___variations ul li {
    padding: .8rem 0;
  }
  .popup-choice-city__footer {
    padding: 1.6rem 1.6rem 2rem;
  }
  .confirm-city-button {
    font-size: 1.6rem;
    letter-spacing: -0.048rem;
    height: 4.6rem;
  }
  .search-results__list {
    max-height: calc(100vh - 30rem);
  }
}

/*-----------custom-notices-template ----------*/
.woocommerce .woocommerce-notices-wrapper {
  display: none;
}
.wc-custom-notices {
  display: none;
  position: fixed;
  top: 80px;
  right: 2rem;
  z-index: 9999;
  max-width: 32.5rem;
}

.wc-custom-notices-content {
  background-color: #fff;
}

.wc-custom-notices .wc-custom-notices-wrapper:before {
  content:"";
  height: 3.2rem;
  width: 3.2rem;
  margin-bottom: .8rem;
  display: block;
  background-size: contain;
  background-repeat: no-repeat;
}

.wc-custom-notices .woocommerce-message,
.wc-custom-notices .woocommerce-error {
  padding: 0; 
  border-radius: 0;
  margin: 0;
  font-family: var(--primary-font)!important;
  font-size: 1.6rem;
  line-height: 130%;
}

.wc-custom-notices .woocommerce-error .woocommerce-message {
  background: #FFA3AF;
  color: #3D0008;
}

.wc-custom-notices .wc-custom-notices-wrapper {
  padding: 1.6rem 1.6rem 1.6rem 2rem;
  flex-direction: column;
}

.wc-custom-notices .wc-custom-notices-wrapper.woocommerce-message,
.wc-custom-notices .wc-custom-notices-wrapper.woocommerce-message .woocommerce-message {
  background: #99D16E;
  color: #1C2F0F;
}

.wc-custom-notices .wc-custom-notices-wrapper.woocommerce-message:before {
  background-image: url("data:image/svg+xml;charset=UTF-8, %3csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M19.0484 12.3912C19.8914 10.6648 20.7358 8.93562 21.5743 7.19263H24.1791L16.6285 23.0015C15.4954 25.3741 12.1028 25.33 11.0317 22.9287L8.20312 16.5872H10.7695C11.7761 18.8597 12.7763 21.054 13.8192 23.3395C15.5119 19.6339 17.2771 16.0188 19.0483 12.3915L19.0483 12.3915L19.0484 12.3912Z' fill='%231C2F0F'/%3e%3c/svg%3e");
}

.wc-custom-notices .wc-custom-notices-wrapper.woocommerce-error,
.wc-custom-notices .wc-custom-notices-wrapper.woocommerce-error .woocommerce-error {
  background: #FFA3AF;
  color: #3D0008;
}

.wc-custom-notices .wc-custom-notices-wrapper.woocommerce-error:before {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M15.9952 6.89916C10.9689 6.89916 6.89428 10.9738 6.89428 16.0001C6.89428 21.0264 10.9689 25.101 15.9952 25.101C21.0215 25.101 25.0961 21.0264 25.0961 16.0001C25.0961 10.9738 21.0215 6.89916 15.9952 6.89916ZM5.13281 16.0001C5.13281 10.001 9.99607 5.1377 15.9952 5.1377C21.9943 5.1377 26.8576 10.001 26.8576 16.0001C26.8576 21.9992 21.9943 26.8625 15.9952 26.8625C9.99607 26.8625 5.13281 21.9992 5.13281 16.0001Z' fill='%233D0008'/%3e%3cpath d='M14.4244 11.1397C14.3243 10.2888 14.9891 9.54126 15.8458 9.54126H16.1498C17.0065 9.54126 17.6713 10.2888 17.5712 11.1397L16.8785 17.0275H15.1171L14.4244 11.1397Z' fill='%233D0008'/%3e%3cellipse cx='15.9952' cy='20.257' rx='1.46789' ry='1.46789' fill='%233D0008'/%3e%3c/svg%3e");
}

.wc-custom-notices-wrapper ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

.wc-custom-notices-wrapper li {
  padding: 10px 0;
}

/**--LAST-VIEWED--**/
.viewed-products {
  background-color: var(--white);
}
.woocommerce .viewed-products__title {
  margin: 4rem 0 10rem;
  font-family: var(--primary-font)!important;
  font-size: 3.6rem!important;
  line-height: 120%!important;
  letter-spacing: -.108rem;
}
.woocommerce .splat-viewed {
}
.woocommerce .splat-viewed ul.products {
  padding-bottom: 8rem;
  margin-right: 0!important;
  width: auto!important;
  display: grid;
  gap: 2rem;
  grid-template-columns: repeat(4, minmax(32.5rem, 1fr));
}
.woocommerce .splat-viewed ul.products:not(.section-categories>.woocommerce.columns-4>.products.columns-4, 
.product-categories>.products.columns-4, .products-category-mobi, 
.products.columns-4.lightSlider, 
.products.columns-3.lightSlider)>*,
.woocommerce .splat-viewed ul.products li.product {
  position: relative;
  padding: 0!important;
  border-radius: 0;
  margin-right: 0 !important;
  margin-bottom: 0 !important;
  -webkit-box-shadow: none;
  box-shadow: none;
  max-width: 100%;
  width: 100%!important;
  max-height: calc(100% - 5.2rem);
  overflow: hidden;
}
.woocommerce .splat-viewed ul.products li.product:hover {
  bottom: 0;
}
.woocommerce .splat-viewed ul.products li.product img {
  margin: 0!important;
  max-height: unset;
  width: 100%;
}
.woocommerce .splat-viewed .loop-product-tags {
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
}
.woocommerce .splat-viewed .tagged_as {
  padding: 1rem 1.6rem;
  font-family: var(--primary-font)!important;
  font-weight: 350;
  font-size: 1.6rem;
  line-height: 130% !important;
  height: 4.3rem;
  text-transform: capitalize;
  border-radius: 0;
  letter-spacing: -0.048rem;
}
.woocommerce .splat-viewed .tagged_as.tag_novinka {
  color: #3D0008;
  background: #FFC8CF;
}
.woocommerce .splat-viewed li.product .product-wrapper-info {
  padding-bottom: 2.8rem;
  padding-top: 1.2rem; 
  display: grid;
  grid-template-columns: 25.3rem 1fr;
  gap: 1.2rem;
  width: 100%;
  transition: .3s ease-in-out;
}
.woocommerce .splat-viewed li.product .product-wrapper {
  position: absolute;
  left: 0;
  bottom: -5.5rem;
  margin-top: 0;
  width: 100%;
  background-color: var(--white);
  transition: .3s ease-in-out;
}
.woocommerce .splat-viewed ul.products li.product:hover .product-wrapper {
  bottom: 0;
}
.woocommerce .splat-viewed li.product .woocommerce-LoopProduct-link {
  margin-bottom: 13rem;
  padding: 2rem;
  width: 100%;
}
.woocommerce .splat-viewed li.product .product-info {
  display: inline-flex;
  flex-direction: column;
  max-width: 25.3rem;
}
.woocommerce .splat-viewed ul.products li.product h2.woocommerce-loop-product__title {
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
  font-family: var(--primary-font)!important;
  font-size: 1.6rem!important;
  font-weight: 400!important;
  letter-spacing: -0.048rem;
  -webkit-line-clamp: 2;
}
.woocommerce .splat-viewed li.product .splat-product-brand {
  color: var(--black);
  font-family: var(--secondary-font)!important;
  font-size: 1.6rem;
  letter-spacing: -.016rem;
}
.woocommerce .splat-viewed ul.products li.product .price {
  display: none;
}
.woocommerce .splat-viewed ul.products li.product .product-wrapper .price {
  margin-bottom: 0;
  display: block;
  font-family: var(--primary-font)!important;
  font-size: 1.6rem!important;
  line-height: 130%;
  letter-spacing: -0.04rem;
  text-align: right;
}
.woocommerce .splat-viewed ul.products li.product .product-wrapper .price-sale .amount {
  text-decoration: line-through;
  color: rgba(34, 34, 34, 0.5);
}
.woocommerce ul.products li.product .like {
  right: 0;
  top: 0;
  padding: .8rem;
}
.woocommerce .splat-viewed li.product .splat-viewed-to-cart {
  padding-top: 0;
  width: 100%;
  max-width: 100%;
  margin-top: 0 !important;
  overflow: hidden;
}
.woocommerce .splat-viewed li.product .count-swith_number {
  font-size: 1.6rem;
  line-height: 120%;
  font-weight: 400;
  font-family: var(--primary-font)!important;
}
.woocommerce .splat-viewed .splat-viewed-to-cart-btn,
.woocommerce .splat-viewed .count-switch {
  border-radius: 0;
  padding: 0!important;
  font-family: var(--primary-font)!important;
  font-size: 1.6rem;
  font-weight: 400!important;
  color: #fff;
  text-decoration: unset;
  background: var(--black);
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 5.3rem;
  min-width: 100%;
  z-index: 2;
  opacity: 1;
  letter-spacing: -.048rem;
  transition: .3s;
}
.woocommerce .splat-viewed .splat-viewed-to-cart-btn {
  justify-content: center;
}
.woocommerce .splat-viewed .splat-viewed-to-cart-btn:hover {
  opacity: .8;
}
.woocommerce .splat-viewed .count-switch>a:not(.count-swith_number):hover, 
.woocommerce .splat-viewed .count-switch .count-switch-action:hover {
  background: var(--black);
}

.count-switch .count-switch-action {
  padding: 1.65rem 1.7rem;
  border-radius: none;
  width: auto;
  height: auto;
  transition: .3s ease-in-out;
}

.count-switch .count-switch-action svg {
  height: 2rem;
  width: 2rem;
}

.count-switch .count-switch-action:hover {
  opacity: 0.5;
}

.splat-viewed__stock-notice {
  position: absolute;
  bottom: 8px;
  left: 50%;
  transform: translateX(-50%);
  color: white;
  display: none;
}

.viewed-products .minus svg,
.viewed-products .plus svg,
.viewed-products .like svg {
  height: 2.4rem;
  width: 2.4rem;
}

.viewed-products .like svg path {
  opacity: .3;
  transition: opacity .3s ease-in-out;
}

.splat-viewed .like .active svg path {
  fill: var(--black);
  stroke: var(--black);
  opacity: 1;
}

.viewed-products .like svg path:last-child {
  opacity: 0;
}

.viewed-products .like:hover svg path:not(:last-child) {
  fill: var(--black);
  stroke: transparent;
  opacity: 1;
}

.splat-viewed .like .active svg path:last-child {
  opacity: 1;
}

@media screen and (max-width: 1079px) {    
  .woocommerce .viewed-products__title {
    margin: 2.4rem 0 7.2rem;
    font-size: 2.8rem !important;
    letter-spacing: -.082rem;
  }
  .woocommerce .splat-viewed ul.products {
    gap: 2.4rem 1.6rem!important;
    grid-template-columns: repeat(3, minmax(22.9rem, 1fr));
  }
  .woocommerce .splat-viewed ul.products:not(.section-categories>.woocommerce.columns-4>.products.columns-4, .product-categories>.products.columns-4, .products-category-mobi, .products.columns-4.lightSlider, .products.columns-3.lightSlider)>*, .woocommerce .splat-viewed ul.products li.product {
    max-height: unset;
  }
  .woocommerce .splat-viewed li.product .woocommerce-LoopProduct-link {
    padding-bottom: 0;
  }
  .woocommerce .splat-viewed li.product .product-wrapper {
    position: relative;
    left: 0;
    bottom: 0;
    margin-top: 0;
    width: 100%;
    background-color: var(--white);
    transition: .3s ease-in-out;
  }
  .woocommerce .splat-viewed li.product .product-wrapper-info {
    padding-bottom: 2.8rem;
    padding-top: 1.2rem;
    grid-template-columns: 1fr 5rem;
  }
  .viewed-products .minus svg, 
  .viewed-products .plus svg, 
  .viewed-products .like svg {
    height: 2.2rem!important;
    width: 2.2rem!important;
  }
  .viewed-products .like svg path {
    opacity: 1;
  }
  .woocommerce .splat-viewed ul.products li.product h2.woocommerce-loop-product__title {
    font-size: 1.4rem!important;
    letter-spacing: -0.042rem;
  }
  .woocommerce .splat-viewed .tagged_as {
    padding: .8rem 1.2rem;
    font-size: 1.4rem;
    letter-spacing: -0.042rem;
    height: 3.6rem;
  }
  .woocommerce .splat-viewed li.product .splat-product-brand {
    font-size: 1.4rem;
    letter-spacing: -.014rem;
  }
  .woocommerce .splat-viewed .splat-viewed-to-cart-btn,
  .woocommerce .splat-viewed .count-switch {
    font-size: 1.4rem;
    height: 4.2rem;
    letter-spacing: -.042rem;
  }
  .woocommerce .splat-viewed li.product .product-info {
    display: block;
    max-width: 100%;
  }
  .woocommerce .splat-viewed ul.products li.product .product-wrapper .price {
    margin-bottom: 0;
    font-size: 1.4rem !important;
    letter-spacing: -0.042rem;
  }
  .woocommerce .splat-viewed ul.products li.product:hover .product-wrapper {
    margin-top: 0;
  }
}
@media screen and (max-width: 767px) {
  .woocommerce .splat-viewed ul.products {
    gap: 2.4rem 1.2rem!important;
    grid-template-columns: repeat(2, minmax(13.8rem, 1fr));
  }
  .woocommerce .splat-viewed ul.products li.product h2.woocommerce-loop-product__title {
    -webkit-line-clamp: 2;
  }
  .woocommerce .splat-viewed li.product .splat-viewed-to-cart {
    padding-top: 1.2rem;
  }
  .woocommerce ul.products li.product>.price,
  .woocommerce .splat-viewed li.product .product-info  {
    margin-top: .8rem;
  }
  .woocommerce .splat-viewed li.product .product-wrapper-info {
    padding-bottom: 0;
    margin-top: 0;
    gap: .8rem;
  }
  .woocommerce .splat-viewed li.product .woocommerce-LoopProduct-link {
    padding-bottom: 0;
  }
  .woocommerce .splat-viewed li.product .product-wrapper {
    position: relative;
    bottom: 0;
  }
  .splat-viewed__stock-notice {
    display: none;
  }
  .woocommerce .splat-viewed li.product .product-wrapper-info {
    padding: 0;
    display: flex;
    flex-direction: column;
  }
  .woocommerce .splat-viewed ul.products li.product .product-wrapper .price {
    text-align: left;
  }
  .woocommerce .viewed-products__title {
    margin: 1.6rem 0 5.6rem !important;
    font-size: 2.4rem !important;
    letter-spacing: -.072rem;
  }
  .viewed-products .minus svg, .viewed-products .plus svg, .viewed-products .like svg {
    height: 2rem !important;
    width: 2rem !important;
  }
}

/**---DELIVERY-PAGE---**/
.delivery-page {
  display: flex;
  height: calc(100vh - 60px);
}
.delivery-header  {
  position: absolute;
  top: 0;
  left: 0;
  background-color: var(--white);
  padding: 0 4rem;
  display: flex;
  align-items: center;
  height: 6rem;
  width: 100%;
  z-index: 10;
} 
.delivery-header__right {
  display: flex;
  align-items: center;
  gap: 2rem;
  flex: 1;
}
.delivery-account {
  opacity: 1;
  transition: .3s ease-in-out;
}
.delivery-account svg {
  height: 3.2rem;
  width: 3.2rem;
}
.delivery-account__link,
.delivery-account__link#show_popup_auth:hover {
  border: none!important;
  padding: 0!important;
  margin: 0!important;
  background-color: transparent!important;
  cursor: pointer;
}
.delivery-header .logo  {
  flex: 0 0 6rem;
  width: 6rem;
}
.delivery-header .logo svg {
  height: 6rem;
  width: 6rem;
}
.delivery-back,
.delivery-location { 
  border: none;
  font-size: 1.6rem;
  line-height: 130%;
  font-weight: 350;
  letter-spacing: -0.048rem;
  background-color: var(--white);
  font-family: var(--primary-font)!important;
  color: var(--black);
  text-transform: none;
  display: flex;
  align-items: center;
  flex: 1;
  gap: .6rem;
  cursor: pointer;
  opacity: 1;
  transition: .3s ease-in-out;
}
.delivery-header span {
  position: relative;
  top: .2rem;
  display: block;
  height: 2rem;
}
.delivery-location {
  justify-content: flex-end;
}
.delivery-back svg,
.delivery-location svg {
  height: 2rem;
  width: 2rem;
  flex: 0 0 2rem;
}
.delivery-account
.delivery-back a {
  display: flex;
  align-items: center;
  color: var(--black);
}

.delivery-back:hover,
.delivery-location:hover,
.delivery-account:hover {
  opacity: .8;
}

.page-template-page-checkout .delivery-location {
  opacity: 0;
  pointer-events: none;
}
.delivery-wrapper {
  padding: 0;
  display: flex;
}
.delivery-page__sidebar {
  padding: 4rem;
  border-top: 1px solid var(--interface-black-10);
  height: calc(100svh - 6rem);
  max-width: calc(40rem + 0.4rem);
  flex: calc(40rem + 0.4rem);
  width: 100%;
  overflow-y: auto;
}
.delivery-page__sidebar::-webkit-scrollbar {
  background-color: var(--white);
  width: .4rem;
}
.delivery-page__sidebar::-webkit-scrollbar-thumb {
  width: .4rem;
  background-color: var(--black);
}
.delivery-page__title,
.delivery-page__subtitle {
  margin-top: 0;
  margin-bottom: 2rem;
  font-family: var(--primary-font)!important;
  font-size: 2.4rem;
  font-weight: 350;
  line-height: 120%;
  letter-spacing: -0.072rem;
}
.delivery-courier__wrapper {
  margin-top: 4rem;
}
.delivery-courier__error,
.delivery-pickup__error {
  padding: 1.6rem;
  margin-top: 2rem;
  display: none;
  font-family: var(--primary-font)!important;
  font-size: 1.6rem;
  line-height: 130%;
}

.delivery-courier__error--yellow {
  background-color: #F7EBA6;
  color: #383105
}
.delivery-courier__error--red {
  background-color: #FFA3AF;
}

.delivery-courier__error svg,
.delivery-pickup__error svg {
  width: 2.4rem;
  height: 2.4rem;
}

.delivery-courier__error.show,
.delivery-pickup__error.show {
  display: flex;
  flex-direction: column;
  gap: .8rem;
}
.delivery-page__shipping {
  max-width: 15.9rem;
  width: 100%;
}
.delivery-page__description {
  margin-bottom: 2rem;
  font-family: var(--primary-font)!important;
  font-size: 1.6rem;
  line-height: 2.08rem;
  letter-spacing: -0.03em;
  opacity: .5;
}
.delivery-page__btn {
  padding: 0 2rem;
  max-height: 5.4rem; 
  background-color: var(--white);
}
.delivery-page__input-group {
  position: relative;
}
.delivery-page__search-input {
  padding: 1.8rem 2.8rem 1.6rem 0 !important;
  border: none !important;
  border-bottom: 1px solid var(--black) !important;
  border-radius: 0 !important;
  font-family: var(--primary-font) !important;
  font-size: 1.6rem;
  letter-spacing: -.05rem;
  line-height: 1.3;
  background-color: transparent !important;
  outline: none;
  width: 100%;
  height: fit-content;
} 
.delivery-page__search-label {
  position: absolute;
  top: 1.8rem;
  left: 0;
  font-family: var(--primary-font) !important;
  font-size: 1.6rem;
  font-weight: 350;
  letter-spacing: -0.048rem;
  line-height: 130%;
  color: var(--interface-black-50);
  transition: .4s ease;
  pointer-events: none;
}
.delivery-page__search-input:focus + .delivery-page__search-label, .delivery-page__search-input.not-empty + .delivery-page__search-label {
  color: var(--interface-black-30);
  font-size: 1.3rem;
  opacity: .8;
  top: 0;
}


.delivery-page__search-input + .delivery-page__search-label + .modal-cross {
  display: none;
}

.delivery-page__search-input.not-empty + .delivery-page__search-label + .modal-cross {
  display: block;
}

.maps-container {
  position: relative;
  flex: 1;
  background-color: #e0e0e0;
}

.delivery-page__map {
  height: 100%;
}

.delivery-page__details-input,
.delivery-page__details-textarea {
  width: 100%;
  margin-top: 10px;
  padding: 8px;
  border: 1px solid #ccc;
  border-radius: 4px;
}

.delivery-page__confirm-button {
  width: 100%;
  padding: 10px;
  background-color: #000;
  color: var(--white);
  border: none;
  border-radius: 4px;
  margin-top: 10px;
  cursor: pointer;
  transition: background-color 0.3s;
}

.delivery-page__confirm-button:hover {
  background-color: #333;
}

.pickup-address-info-rows {
  display: flex;
  align-items: center;
  gap: 1rem;
  font-size: 1.6rem;
}

.pickup-address-info-rows ins {
  text-decoration: none;
}

.pickup-address-rows-ico {
  flex: 0 0 2.4rem;
  width: 2.4rem;
  height: 2.4rem;
}

.pickup-address-rows-ico svg {
  width: 100%;
  height: 100%;
}

.pickup-address-rows-text {
  font-family: var(--primary-font) !important;
  font-size: 1.6rem;
  font-weight: 350;
  letter-spacing: -0.048rem;
  line-height: 130%;
}

@media screen and (max-width: 1079px) {
  .maps-container {
    width: 100%;
    height: 100vh; 
  }
  .delivery-header {
    padding: 0 2.4rem;
    background-color: var(--white);
  }
  .delivery-wrapper {
    position: relative;
    display: block;
    height: calc(100vh - 6rem);
    overflow: hidden;
  }
  body:not(.page-template-page-cart) .basket-shipping__btn {
    padding: 0 2.4rem;
    border-color: var(--white);
    height: 6.9rem;
    justify-content: center; 
    align-items: center;
    flex-direction: column;
  }
  .delivery-page__title {
    display: none;
  }
  .address-details-sidebar  .delivery-page__title {
    display: block;
  }
  .address-details-sidebar {
    top: unset;
    bottom: 0;
    left: -100%;
    padding: 2rem;
    width: 100%;
    max-width: 100%;
    height: max-content;
    opacity: 1;
    transition: .3s ease-in-out;
  }
  .page-template-page-delivery .splat-basket__shipping {
    margin: 0;
    min-width: auto;
    position: fixed;
    top: calc(2rem + 60px);
    left: 2.4rem;
    right: 2.4rem;
    border: 1px solid var(--surface-divider-black-30);
    z-index: 100;
  }

  body:not(.page-template-page-cart) input:not(:checked) + .delivery-page__btn {
    border: 1px solid var(--white);
  }
  
  .delivery-page__sidebar.full .splat-basket__shipping {
    z-index: -1;
    opacity: 0;
  }
  .delivery-page__sidebar {
    position: absolute;
    bottom: 0;
    padding: 0;
    border-top: 1px solid var(--interface-black-10);
    height: calc(30vh - 1.6rem);
    max-width: 100%;
    width: 100%;
    background-color: var(--white);
    z-index: 100;
    transition: height .3s ease-in-out;
  }
  .delivery-page__sidebar.active {
    height: 2.4rem;
  }
  .delivery-page__sidebar.active .splat-sidebar__button:not(.splat-basket__total-button),
  .delivery-page__sidebar.full .splat-sidebar__button:not(.splat-basket__total-button) {
    display: none!important;
  }
  .delivery-page__sidebar.active .delivery-page__resizer {
    transform: rotate(180deg);
  }
  .delivery-page__sidebar.full {
    height: calc(100vh - 6rem);
  }
  .delivery-page__sidebar-box {
    padding: 2.4rem;
    max-height: calc(50vh - 1.6rem);
    height: fit-content;
    overflow: auto;
  }
  .delivery-page__sidebar.full .delivery-page__sidebar-box {
    overflow: visible;
  }
  .delivery-courier__wrapper {
    margin-top: 0;
  }
  .delivery-addresses-container {
    padding: 2rem 0;
    margin-top: 0;
  }
  .delivery-page__map {
    background-color: var(--white);
  }
  .pickup-address-rows-ico {
    flex: 0 0 2.2rem;
  }
  .pickup-address-rows-ico svg {
    width: 2.2rem;
    height: 2.2rem;
  }
}

@media screen and (max-width: 767px) {
  .page-template-page-delivery main, 
  .page-template-page-checkout main, 
  .page-template-page-edit-address main, 
  .page-template-page-add-address main {
    padding-top: 4.8rem;
  }
  .delivery-header {
    top: env(safe-area-inset-top);
    padding: 0 1.6rem;
    height: 4.8rem;
  }
  .delivery-header .logo svg {
    height: 4.8rem;
    width: 4.8rem;
  }
  .delivery-page__sidebar {
    position: fixed;
    bottom: env(safe-area-inset-bottom);
    padding: 0;
    height: auto;
    overflow: visible;
  }
  .delivery-page__sidebar.full {
    height: calc(100vh - 4.8rem);
  }
  .delivery-page__sidebar-box {
    padding: 1.6rem;
  }
  .splat-basket__shipping {
    left: auto;
    right: auto;
    top: 0;
  }
  .basket-shipping__btn {
    gap: .5rem;
  }
  .splat-basket__product-attribute-label {
    display: none;
  }
  .splat-basket__product-attribute-color {
    margin: 0;
  }
  .splat-basket__product-cost {
    text-align: left;
  }
  .page-template-page-delivery .splat-basket__shipping {
    left: 1.6rem;
    right: 1.6rem;
    top: calc(1.6rem + 48px);
  }
  .delivery-back {
    width: 35%;
  }
  .delivery-location span {
    width: 10rem;
    flex: 0 0 10rem;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
  .pickup-address-rows-ico {
    flex: 0 0 2rem;
  }
  .pickup-address-rows-ico svg {
    width: 2rem;
    height: 2rem;
  }
  .delivery-header__right {
    gap: 1.2rem;
  }
  .delivery-location span {
    display: none;
  }
  .delivery-page__subtitle {
    margin-bottom: 1.6rem!important;
    font-size: 1.8rem!important;
    line-height: 120%;
    letter-spacing: -0.054rem;
  }
  .delivery-page__description {
    margin-bottom: 1.6rem;
    font-size: 1.4rem;
    line-height: 130%;
    letter-spacing: -0.042rem;
  }
  .delivery-addresses-container .address-card {
    padding: 1.2rem 0; 
  }
}

/*--------YANDEX-MAP-SUGGESTIONS-----------*/
.suggestions-container {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  background: white;
  border-top: none;
  max-height: fit-content;
  overflow-y: auto;
  z-index: 1000;
}


.suggestions-container::-webkit-scrollbar {
  display: block;
  height: auto;
  width: 4px
}

.suggestions-container::-webkit-scrollbar-track {
  background: #ffffff
}

.suggestions-container::-webkit-scrollbar-thumb {
  background: #222222
}

.suggestion-item {
  padding: 1.2rem 2rem 1.2rem 0;
  cursor: pointer;
  font-family: var(--primary-font) !important;
  font-size: 1.6rem;
  font-weight: 350;
  letter-spacing: -0.048rem; 
  display: flex;
  justify-content: space-between;
  gap: 1.2rem;
  transition: .3s ease-in-out;
}

.suggestion-item svg {
  opacity: 0;
  height: 2.4rem;
  width: 2.4rem;
  flex: 0 0 2.4rem;
  transition: .3s ease-in-out;
}

.suggestion-street {
  margin-bottom: 0.4rem;
}

.suggestion-details {
  font-size: 1.2rem;
  opacity: 0.5;
  line-height: 130%;
}

@media (max-width: 1079px) {
  
  .suggestion-radio-label {
      display: flex;
      align-items: flex-start;
      gap: 12px;
      cursor: pointer;
  }

  .suggestions-container {
    height: max-content;
    max-height: none;
  }

  .suggestion-radio {
      margin-top: 6px;
  }

  .suggestion-content {
      flex: 1;
  }

  .suggestion-submit {
      position: fixed;
      bottom: 0;
      left: 2.4rem;
      right: 2.4rem;
      padding: 1.2rem;
      margin: 2rem 0;
      text-align: center;
      background: var(--black);
      color: var(--white);
      text-transform: none;
      border: none;
      font-family: var(--primary-font);
      font-weight: 350;
      line-height: 140%;
      font-size: 1.8rem;
      letter-spacing: -0.54px;
      cursor: pointer;
  }

  .suggestion-submit:disabled {
      background: #cccccc;
      cursor: not-allowed;
  }

  .suggestions-form {
      padding-bottom: 16px;
  }
}


@media (max-width: 767px) {
  .delivery-page__sidebar.full .suggestions-container {
    max-height: calc(55svh - 2rem);
  }
  .suggestion-action {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 1.6rem 1.6rem 2rem;
    background-color: var(--white);
  }
  .suggestion-submit {
    position: relative;
    left: 0;
    padding: 1.2rem;
    margin: 0;
    width: 100%;
    font-size: 1.6rem;
  }

}

@media (min-width: 1279px) {
  .suggestion-item:hover .suggestion-street,
  .suggestion-item:hover svg {
    opacity: .5;
  }
}
/*------------CUSTOM-MAP-CONTROLS--------------*/
.custom-zoom-control,
.custom-geolocation-control {
  width: 4rem;
  height: 4rem;
  background: #FFFFFF;
  border: 1px solid #E5E5E5;
  border-radius: 8px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  transition: background-color 0.2s;
}

.custom-zoom-control:hover,
.custom-geolocation-control:hover {
  background-color: #F5F5F5;
}

.custom-zoom-control svg,
.custom-geolocation-control svg {
  width: 2.4rem;
  height: 2.4rem;
  color: var(--black);
}

.custom-geolocation-control svg {
  transform: rotate(45deg);
}

/*-----------ADDRESS-DETAILS-SIDEBAR--------------------*/
.address-details-sidebar {
  position: fixed;
  top: 6rem;
  left: -100%;
  padding: 4rem;
  border-top: 1px solid var(--interface-black-10);
  width: 100%;
  max-width: 40rem;
  height: calc(100vh - 6rem);
  display: flex;
  flex-direction: column;
  background: var(--white);
  transition: left 0.5s ease-in-out;
  z-index: 1000;
}

.delivery-page__resizer {
  position: relative;
  top: 0;
  padding: .9rem 0 .7rem;
  display: flex;
  justify-content: center;
  display: none;
  background-color: var(--white);
}

.address-details-sidebar.active {
  left: 0;
}

.delivery-page__address-full {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 20px;
}

.delivery-page__address-location {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: calc(100% - 5.4rem);
}

.delivery-page__city {
  font-family: var(--primary-font) !important;
  font-size: 1.6rem;
  letter-spacing: -0.048rem;
  line-height: 130%;
  color: var(--interface-black-50);
}

.confirm-address-btn {
  position: relative;
  background-color: rgba(128, 206, 215, 1)!important;
  color: var(--black)!important;
  text-transform: none;
  font-size: 1.6rem!important;
  transition: .3s ease-in-out;
}

.back-address-btn:hover {
  opacity: .9;
}

.confirm-address-btn:disabled {
  background-color: rgba(34, 34, 34, 0.30)!important;
  color: rgba(34, 34, 34, 0.3)!important;
}

.back-address-btn {
  margin-top: 1rem;
  font-size: 1.6rem!important;
  background-color: var(--white)!important;
  color: var(--black)!important;
  text-transform: none;
  transition: .3s ease-in-out;
}

.back-address-btn:hover {
  background-color: var(--black)!important;
  color: var(--white)!important;
}


.form-group {
  margin-bottom: 15px;
}

.form-row {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
}

@media screen and (max-width: 1079px) {
  .delivery-page__resizer {
    display: flex;
  }
  .address-details-sidebar {
    left: -100%;
    top: unset;
    bottom: 0;
    padding: 1.6rem;
    width: 100%;
    max-width: 100%;
    height: calc(50vh - 6rem);
  }
}
@media screen and (max-width: 767px) {
  .address-details-sidebar {
    left: -100%;
    top: env(safe-area-inset-top);
    bottom: env(safe-area-inset-bottom);
    padding: 1.6rem;
    width: 100%;
    max-width: 100%;
    height: calc(100svh - 6rem);
  }
}

/*----------MY-ADDRESSES---------------*/
.delivery-addresses-container {
  position: relative;
  padding: 0;
  margin-top: 4rem;
}

.address-card {
  position: relative;
  padding: 2rem 0 2rem 2rem;
  font-size: 1.4rem;
  cursor: pointer;
  display: flex;
  gap: 1.2rem;
  transition: .3s ease-in-out;
}

.address-card:hover {
  background-color: #F8F8F8;
}

.radio-addresses-selection .address-card .splat-delete-address,
.delivery-address-content-new .address-card .splat-address-badge {
  display: none;
}

.address-card:not(:last-child) {
  border-bottom: 1px solid rgba(34, 34, 34, 0.10);
}
.address-card__radio[type="radio"],
.suggestion-radio[type="radio"] {
  border: 1px solid var(--black);
  border-radius: 50%;
  height: 2.4rem;
  width: 2.4rem;
  flex: 0 0 2.4rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: transparent;
  opacity: 1;
  transition: .3s ease-in-out;
}
.address-card__radio[type="radio"]:hover,
.suggestion-radio[type="radio"]:hover {
  opacity: .3;
}
.address-card__radio[type="radio"]:checked,
.suggestion-radio[type="radio"]:checked {
  border: 1px solid var(--black);
  background-color: var(--black);
}
.address-card__radio[type="radio"]:hover:checked,
.suggestion-radio[type="radio"]:hover:checked {
  opacity: 1;
}
.address-card__radio[type="radio"]:checked:after,
.suggestion-radio[type="radio"]:checked:after {
  content: '';
  position: relative;
  top: auto;
  left: auto;
  display: block;
  height: .8rem;
  width: .8rem;
  background-color: var(--white);
  border-radius: 50%;
  border: none;
  transition: .3s ease-in-out;
}
.address-card__radio[type="radio"]:checked:after,
.suggestion-radio[type="radio"]:checked:after {
  background-color: var(--white);
}

.address-card__header {
  font-size: 1.6rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1.5rem;
}

.splat-address-badge {
  padding: 1rem 1.6rem;
  color: white;
  display: flex;
  gap: .6rem;
  max-width: fit-content;
  background-color: #222222;
}

.splat-address-badge span {
  position: relative;
  top: .2rem;
}

.address-card__content {
  display: flex;
  flex-direction: column;
  gap: .8rem;
  max-width: 60rem;
  font-family: var(--primary-font);
  font-size: 1.4rem;
  font-weight: 350;
  line-height: 130%;
  letter-spacing: -0.028rem;
}

.address-card__content .address-city {
  font-size: 1.6rem;
  font-weight: 350;
  line-height: 130%;
  letter-spacing: -0.048rem;
}

.address-card__content.address-card__content-pickup {
  border-top: 2px solid white;
  gap: .8rem;
}

.address-card__content-pickup .address-details {
  opacity: .3;
}

.address-details {
  display: flex;
  align-items: center;
  gap: 1rem;
}

.address-details__item {
  display: flex;
  align-items: center;
  gap: .4rem;
  color: #222222;
  transition: .3s ease-in-out;
}

.splat-menu-dropdown__item:hover {
  color: #BA0C2F;
}

.address-details__item span:first-child {
  opacity: 0.3;
}

.splat-courier-comment {
  display: flex;
  flex-direction: column;
  gap: .4rem;
}

.splat-courier-comment__title {
  opacity: .3;
}

@media screen and (max-width: 1079px) {
  .delivery-addresses-container {
    padding: 2rem 0;
    margin-top: 0;
  }
  .delivery-page__sidebar.full .delivery-addresses-container {
    display: none;
  }
  .suggestions-form {
    padding-top: 1.6rem;
  }
  .suggestion-radio-label {
    width: 100%;
  }
  .suggestion-radio[type="radio"] {
    display: none;
  }
  .suggestion-content {
    font-family: var(--primary-font) !important;
    font-size: 1.4rem;
    font-weight: 350;
    letter-spacing: -0.048rem;
    display: flex;
    justify-content: space-between;
    gap: 1.2rem;
    cursor: pointer;
    transition: .3s ease-in-out;
  }
  .suggestion-radio[type="radio"]:checked + .suggestion-content svg {
    opacity: 1;
  }
}

@media screen and (max-width: 767px) {
  .address-card__content .address-city {
    font-size: 1.4rem;
    line-height: 130%;
    letter-spacing: -0.042rem;
  }
}

/**--SKELETON-ANIMATION---**/
.splat-skeleton .splat-basket__sidebar-total-price::after,
.splat-skeleton .splat-baset__sidebar-cost .splat-sidebar__title::after,
.splat-skeleton .splat-basket__sidebar-price-subtotal::after,
.splat-skeleton .splat-sidebar__button a::after,
.splat-skeleton .splat-basket__sidebar-price-delivery::after,
.splat-skeleton .splat-basket__sidebar-price-sale::after,
.splat-skeleton .splat-basket__sidebar-price-discount::after,
.splat-skeleton .splat-basket__product-cost::after,
.splat-skeleton .splat-basket__product-cost::after,
.splat-skeleton .splat-basket__product-price::after,
.splat-skeleton .splat-basket__switch::after,
.splat-skeleton .splat-checkbox span::after,
.splat-skeleton .splat-basket__sidebar-price-coupon::after,
.splat-skeleton.confirm-address-btn::after,
.splat-skeleton .confirm-address-btn::after,
.splat-skeleton.address-card .address-city::after,
.splat-skeleton.address-card .splat-address-badge::after,
.splat-skeleton.address-card .address-details .address-details__item::after,
.splat-skeleton.address-card .splat-courier-comment::after,
.splat-skeleton .address-card .address-city::after,
.splat-skeleton .address-card .splat-courier-comment::after,
.splat-skeleton .address-card .address-details__item::after,
.splat-skeleton .address-card .splat-address-badge::after,
.splat-skeleton .splat-sidebar__coupon::after,
.splat-skeleton .splat-sidebar__coupon-rules::after,
.splat-skeleton.btn-modal::after,
.splat-skeleton.product .splat-viewed-to-cart::after,
.splat-skeleton.product .splat-viewed-to-cart-btn::after,
.splat-skeleton .back-address-btn::after,
.splat-skeleton.product .count-switch::after,
.splat-skeleton .splat-input-group::after,
.splat-skeleton.delivery-address-content-addresses .radio-title::after,
.splat-skeleton.delivery-address-content-addresses .delivery-address-change::after,
.splat-skeleton.delivery-address-content-addresses .delivery-address-set::after,
.splat-skeleton .delivery-page__title::after,
.splat-skeleton .splat-basket__shipping::after,
.splat-skeleton .delivery-page__subtitle::after,
.splat-skeleton .delivery-page__description::after,
.splat-skeleton .delivery-page__input-group::after,
.splat-skeleton .delivery-page__search-label::after,
.splat-skeleton .delivery-pickup__error::after,
.splat-skeleton .pickup-address-info-rows::after,
.splat-skeleton .delivery-back::after,
.splat-skeleton .splat-basket__trash-checked::after,
.splat-skeleton .splat-skeleton .splat-basket__delivery-box::after,
.splat-skeleton .delivery-page__city::after,
.splat-skeleton .splat-basket__stock-notice::after,
.splat-skeleton#select-location::after,
.splat-skeleton .addresses-change::after,
.splat-skeleton .delivery-address-change::after,
.splat-skeleton .delivery-address-set::after, 
.splat-skeleton .addresscard-blocks-main-addressline::after,
.splat-skeleton .address-card__content-pickup .address-details::after,
.splat-skeleton .splat-basket__product-picture::after,
.splat-skeleton .splat-basket__product-col::after,
.splat-skeleton .splat-basket__product-attribute::after,
.splat-skeleton .splat-not-stock__title::after,
.splat-skeleton .b2b-bonus-card::after,
.splat-skeleton .b2b-info-banner::after,
.splat-skeleton .b2b-min-order-notification__text::after,
.splat-skeleton .splat-not-stock__products-clear-all::after  {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transform: translateX(-100%);
  background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.2) 20%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0));
  -webkit-animation: shimmer 2s infinite;
          animation: shimmer 2s infinite;
}
.splat-skeleton .splat-basket__sidebar-total-price,
.splat-skeleton .splat-baset__sidebar-cost .splat-sidebar__title,
.splat-skeleton .splat-basket__sidebar-price-subtotal,
.splat-skeleton .splat-basket__sidebar-price-discount,
.splat-skeleton .splat-sidebar__button a,
.splat-skeleton .splat-basket__sidebar-price-delivery,
.splat-skeleton .splat-basket__sidebar-price-sale,
.splat-skeleton .splat-basket__product-cost,
.splat-skeleton .splat-basket__product-price,
.splat-skeleton .splat-basket__switch,
.splat-skeleton .splat-basket__switch-number,
.splat-skeleton .splat-checkbox span,
.splat-skeleton.confirm-address-btn,
.splat-skeleton .confirm-address-btn,
.splat-skeleton .splat-basket__sidebar-price-coupon,
.splat-skeleton.address-card .address-city,
.splat-skeleton.address-card .splat-address-badge,
.splat-skeleton.address-card .address-details .address-details__item,
.splat-skeleton.address-card .splat-courier-comment,
.splat-skeleton .address-card .address-city,
.splat-skeleton .address-card .splat-courier-comment,
.splat-skeleton .address-card .address-details__item,
.splat-skeleton .address-card .splat-address-badge,
.splat-skeleton.splat-sidebar__coupon,
.splat-skeleton .splat-sidebar__coupon,
.splat-skeleton .splat-sidebar__coupon-input,
.splat-skeleton .splat-sidebar__coupon-rules,
.splat-skeleton .splat-sidebar__coupon-input.coupon-applied, 
.splat-skeleton .splat-sidebar__coupon-input.button_valid:not(.coupon-fail),
.splat-skeleton.btn-modal,
.splat-skeleton.product .splat-viewed-to-cart,
.splat-skeleton.product .splat-viewed-to-cart-btn,
.splat-skeleton.product .count-switch,
.splat-skeleton .back-address-btn,
.splat-skeleton .splat-input-group,
.splat-skeleton.delivery-address-content-addresses .radio-title,
.splat-skeleton.delivery-address-content-addresses .delivery-address-change,
.splat-skeleton.delivery-address-content-addresses .delivery-address-set,
.splat-skeleton .delivery-page__title,
.splat-skeleton .splat-basket__shipping,
.splat-skeleton .delivery-page__subtitle,
.splat-skeleton .delivery-page__description,
.splat-skeleton .delivery-page__input-group,
.splat-skeleton .delivery-page__search-label,
.splat-skeleton .delivery-pickup__error,
.splat-skeleton .pickup-address-info-rows,
.splat-skeleton .delivery-back,
.splat-skeleton .splat-basket__trash-checked,
.splat-skeleton .splat-basket__delivery-box,
.splat-skeleton .delivery-page__city,
.splat-skeleton .splat-basket__stock-notice,
.splat-skeleton#select-location,
.splat-skeleton .addresses-change,
.splat-skeleton .delivery-address-change,
.splat-skeleton .delivery-address-set,
.splat-skeleton .addresscard-blocks-main-addressline,
.splat-skeleton .address-card__content-pickup .address-details,
.splat-skeleton .splat-basket__product-picture,
.splat-skeleton .splat-basket__product-col,
.splat-skeleton .splat-basket__product-attribute,
.splat-skeleton .splat-not-stock__title,
.splat-skeleton .b2b-bonus-card,
.splat-skeleton .b2b-info-banner,
.splat-skeleton .b2b-min-order-notification__text,
.splat-skeleton .splat-not-stock__products-clear-all { 
  position: relative;
  overflow: hidden;
  border-color: #DFDFDF!important;
  background-color: #DFDFDF!important;
  color: #DFDFDF!important;
  background-image: none!important;
  border-radius: .5rem;
  opacity: 1;
  transition: .3s ease-in-out;
}

.splat-skeleton.product .count-swith_number {
  color: transparent!important;
}

.splat-skeleton.product .count-switch>a:not(.count-swith_number):hover, 
.splat-skeleton.product .count-switch .count-switch-action:hover {
  background-color: #DFDFDF!important;
}

.splat-skeleton .splat-input,
.splat-skeleton .splat-input:focus + .splat-input__label, 
.splat-skeleton .splat-input.not-empty + .splat-input__label, 
.splat-skeleton .splat-textarea:focus + .splat-input__label, 
.splat-skeleton .splat-textarea.not-empty + .splat-input__label {
  color: #DFDFDF!important;
}

.splat-skeleton.maps-container {
  position: relative;
}

.splat-skeleton.maps-container:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
}

.splat-skeleton svg:not(.trash-button__undo-svg),
.splat-skeleton .splat-sidebar__coupon-input::placeholder,
.splat-skeleton .splat-checkbox-container,
.splat-skeleton .splat-input__label,
.splat-skeleton .splat-auto-resize,
.splat-skeleton .splat-input,
.splat-skeleton .splat-input-cleaner,
.splat-skeleton .splat-basket__shipping *,
.splat-skeleton .splat-basket__delivery-box *,
.splat-skeleton .splat-basket__product-attribute *,
.splat-skeleton .splat-basket__product--link *,
.splat-skeleton .b2b-progress-bar,
.splat-skeleton .b2b-discount-info *,
.splat-skeleton .b2b-icon *,
.splat-skeleton .b2b-text-main,
.splat-skeleton .b2b-button-v-2,
.splat-skeleton .b2b-text-additional,
.splat-skeleton .splat-basket__product-col * {
  opacity: 0;
  border: none !important;
}

.splat-skeleton input,
.splat-skeleton textarea,
.splat-skeleton button,
.splat-skeleton label,
.splat-skeleton a {
  pointer-events: none;
}

.splat-skeleton .splat-basket__switch span {
  opacity: 0;
}

@-webkit-keyframes shimmer {
  100% {
    transform: translateX(100%);
  }
}
@keyframes shimmer {
  100% {
    transform: translateX(100%);
  }
}

/**--CHECKOUT-PAGE---**/
.splat-checkout {
  margin: 0;
  display: grid;
  grid-template-columns: 1fr 44rem;
  gap: 2rem;
}

.splat-checkout__main {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}

.woocommerce .splat-checkout-footer-mini {
  display: flex;
  width: 100%;
  height: 6.1rem;
  padding: 2rem 4rem;
  justify-content: space-between;
  align-items: flex-start;
  background: #EDEDED;
}

/**---MAP-PRELOADER---**/
.loading-indicator-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(0deg, rgba(208, 208, 208, 0.50) 0%, rgba(208, 208, 208, 0.50) 100%);
  z-index: 100;
}

.loading-indicator {
  position: absolute;
  top: 50%;
  left: 50%;
  padding: 4rem;
  height: 20rem;
  width: 32rem;
  background-color: var(--white);
  transform: translate(-50%, -50%);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 1.2rem;
  text-align: center;
}

.loading-indicator-box {
  position: relative;
  width: 10rem;
  height: 10rem;
}

.base-circle {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 32px;
  height: 32px;
  background: #BA0C2F;
  border-radius: 50%;
}

.pulse-circle-1 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #BA0C2F;
  border-radius: 50%;
  opacity: 0.05;
  animation: pulse1 2s infinite;
}

.pulse-circle-2 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #BA0C2F;
  border-radius: 50%;
  opacity: 0.15;
  animation: pulse2 2s infinite;
}

.loading-text {
  font-family: var(--primary-font);
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 350;
  line-height: 130%;
  letter-spacing: -0.48px;
}

@keyframes pulse1 {
  0% {
    width: 32px;
    height: 32px;
  }
  100% {
    width: 76px;
    height: 76px;
  }
}

@keyframes pulse2 {
  0% {
    width: 32px;
    height: 32px;
  }
  100% {
    width: 120px;
    height: 120px;
  }
}

/* ========================================
   B2B Cart Blocks Styles
   1rem = 10px (responsive design)
   ======================================== */

/* B2B Minimum Order Block */
.b2b-info-banner {
  position: relative;
  background: #fbf5d3;
  padding: 2rem 4rem 2.8rem;
  margin-bottom: 2rem;
  overflow: hidden;
  font-family: var(--primary-font);
}

.b2b-text {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 2.4rem;
}

.b2b-text-container {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
  flex: 1;
}

.b2b-text-main {
  font-size: 1.6rem;
  font-weight: 350;
  line-height: 130%;
  letter-spacing: -0.048rem;
  color: #383105;
}

.b2b-text-additional {
  font-size: 1.6rem;
  font-weight: 350;
  line-height: 130%;
  letter-spacing: -0.048rem;
  color: #383105;
  opacity: 0.5;
}

.b2b-button-v-2 {
  display: inline-flex;
  align-items: center;
  gap: 0.6rem;
  text-decoration: none;
  color: #383105;
  opacity: 1;
  transition: opacity 0.3s ease-in-out;
}

.b2b-button-v-2:hover {
  opacity: 0.8;
}

.b2b-button {
  height: 2rem;
  font-size: 1.6rem;
  font-weight: 350;
  line-height: 130%;
  letter-spacing: -0.048rem;
}

.b2b-20-px-right {
  width: 2rem;
  height: 2rem;
  flex-shrink: 0;
}

.b2b-20-px-right path {
  fill: #383105;
}

.b2b-progress-bar {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0.8rem;
  background-color: #fbf5d3;
}

.b2b-line {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 0.8rem;
  background-color: #f2dd6b;
  z-index: 1;
  transition: width 0.5s ease;
}

/* B2B Bonus Blocks - Horizontal Slider */
.b2b-bonus-info-banner {
  background: var(--white);
  padding: 0;
  margin-bottom: 2rem;
  font-family: var(--primary-font);
}

.b2b-bonus-info-banner .b2b-text {
  padding: 0.4rem 4rem;
  display: flex;
  align-items: center;
  gap: 4rem;
}

.b2b-bonus-info-banner .b2b-text-container {
  padding: 0.8rem 0;
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
  flex: 1;
}

.b2b-bonus-info-banner .b2b-text-main {
  color: var(--black);
}

.b2b-bonus-info-banner .b2b-text-additional {
  color: rgba(34, 34, 34, 0.5);
}

.b2b-bonus-info-banner .b2b-button-v-2 {
  padding: 1.6rem 0;
  height: 5.3rem;
  color: var(--black);
}

.b2b-bonus-info-banner .b2b-20-px-right path {
  fill: var(--black);
}

/* Hide button and text-additional when all bonuses achieved */
.b2b-bonus-info-banner.all-achieved .b2b-text-additional,
.b2b-bonus-info-banner.all-achieved .b2b-button-v-2 {
  display: none;
}

.b2b-frame {
  padding: 0.8rem 4rem 2.4rem;
  margin: 0 -4rem;
  display: flex;
  align-items: flex-start;
  gap: 1.6rem;
  height: 12rem;
  position: relative;
  overflow: hidden;
}

.b2b-container {
  padding: 0 4rem;
  display: flex;
  flex-direction: row;
  gap: 1.6rem;
  align-items: center;
  justify-content: flex-start;
  flex: 1;
  flex-wrap: nowrap;
  overflow-x: auto;
  overflow-y: hidden;
  scrollbar-width: none; /* Firefox */
  -ms-overflow-style: none; /* IE/Edge */
  -webkit-overflow-scrolling: touch; /* iOS smooth scrolling */
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  will-change: scroll-position;
  transform: translateZ(0); /* GPU acceleration */
}

.b2b-container::-webkit-scrollbar {
  display: none; /* Chrome/Safari */
}

.b2b-container.grabbing {
  cursor: grabbing;
  scroll-behavior: auto !important;
  -webkit-overflow-scrolling: auto;
}

.b2b-container.grabbing .b2b-bonus-card {
  pointer-events: none;
}

/* When all achieved, align to end */
.b2b-bonus-info-banner.all-achieved .b2b-container {
  justify-content: flex-end;
}

.b2b-bonus-info-banner.all-achieved .b2b-container.grabbing {
  justify-content: unset;
}

.b2b-bonus-card {
  display: flex;
  flex-direction: column;
  gap: 0;
  align-items: flex-start;
  justify-content: space-between;
  flex: 0 0 18rem;
  min-width: 18rem;
  width: 18rem;
  height: 9rem;
  background: #f8f8f8;
  transition: background-color 0.3s ease;
}

/* Achieved state - Green (for delivery) */
.b2b-bonus-card.achieved[data-type="delivery"] {
  background: #e0f1d4;
}

.b2b-bonus-card.achieved[data-type="delivery"] .b2b-price,
.b2b-bonus-card.achieved[data-type="delivery"] .b2b-discount {
  color: #1c2f0f;
}

.b2b-bonus-card.achieved[data-type="delivery"] .b2b-icon-container {
  background: #c2e3a8;
}

/* Achieved state - Yellow (for discounts) */
.b2b-bonus-card.achieved[data-type="discount"] {
  background: #fbf5d3;
}

.b2b-bonus-card.achieved[data-type="discount"] .b2b-price,
.b2b-bonus-card.achieved[data-type="discount"] .b2b-discount {
  color: #383105;
}

.b2b-bonus-card.achieved[data-type="discount"] .b2b-icon-container {
  background: #f7eba6;
}

/* Active state - has progress but not achieved */
.b2b-bonus-card.active[data-type="discount"] {
  background: #f8f8f8;
}

.b2b-card-container {
  padding: 0.8rem 1.2rem 1.2rem;
  display: flex;
  gap: 0.6rem;
  align-items: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}

.b2b-discount-info {
  display: flex;
  flex-direction: column;
  gap: 0.6rem;
  flex: 1;
}

.b2b-price {
  font-size: 1.4rem;
  font-weight: 350;
  line-height: 130%;
  letter-spacing: -0.02em;
  color: rgba(34, 34, 34, 0.5);
  transition: color 0.3s ease;
}

.b2b-discount {
  font-size: 1.4rem;
  font-weight: 350;
  line-height: 130%;
  letter-spacing: -0.02em;
  color: rgba(34, 34, 34, 0.5);
  align-self: stretch;
  transition: color 0.3s ease;
}

.b2b-icon {
  flex-shrink: 0;
  width: 4.4rem;
  height: 4.4rem;
  position: relative;
}

.b2b-icon-container {
  padding: 1rem;
  width: 4.4rem;
  height: 4.4rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #ededed;
  position: absolute;
  left: 0;
  top: 0;
  transition: background-color 0.3s ease;
}

.b2b-icon-container svg,
.b2b-discount-icon {
  width: 2.4rem;
  height: 2.4rem;
  flex-shrink: 0;
}

/* Checkmark icon (only for achieved cards) */
.b2b-checkmark {
  width: 1.6rem;
  height: 1.6rem;
  position: absolute;
  right: 0;
  top: 0;
  display: none;
}

.b2b-bonus-card.achieved .b2b-checkmark {
  display: block;
}

.b2b-bonus-card .b2b-progress-bar {
  display: flex;
  gap: 0;
  align-items: center;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  overflow: hidden;
}

.b2b-bonus-card .b2b-line {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  align-items: flex-start;
  justify-content: flex-start;
  flex: 1;
  height: 0.8rem;
  background: transparent;
  transition: background-color 0.3s ease, width 0.5s ease;
}

/* Progress line for active/achieved cards */
.b2b-bonus-card.active .b2b-line.filled,
.b2b-bonus-card.achieved .b2b-line.filled {
  background: #f2dd6b;
}

.b2b-bonus-card.achieved[data-type="delivery"] .b2b-line.filled {
  background: #99d16e;
}

/* Button State for Minimum Order */
body.b2b-role .js-set-address.disabled,
body.b2b-role .splat-basket__total-button .btn.disabled {
  opacity: 0.5;
  cursor: not-allowed;
  pointer-events: none;
}

/* B2B Minimum Order Notification */
.b2b-min-order-notification {
  padding: 1.2rem 0 0 0;
  display: flex;
  flex-direction: row;
  gap: 0.8rem;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}

.b2b-min-order-notification__icon {
  flex-shrink: 0;
  width: 2rem;
  height: 2rem;
  position: relative;
  overflow: visible;
  aspect-ratio: 1;
}

.b2b-min-order-notification__text {
  padding: 0.1rem 0 0 0;
  color: rgba(34, 34, 34, 0.5);
  text-align: left;
  font-family: var(--primary-font);
  font-size:  1.4rem;
  line-height: 130%;
  letter-spacing: -0.02em;
  position: relative;
  flex: 1;
}

/* Hide coupon form for B2B roles */
body.b2b-role #splat-add-coupon,
body.b2b-role .splat-sidebar__coupon,
body.b2b-role .woocommerce-form-coupon-toggle {
  display: none !important;
}

/* Responsive Design - Tablet (max-width: 1079px) */
@media screen and (max-width: 1079px) {
  /* B2B Minimum Order Block */
  .b2b-info-banner {
    padding: 1.6rem 2.4rem 2.4rem;
  }

  .b2b-text {
    gap: 1.6rem;
  }

  .b2b-text-main,
  .b2b-text-additional,
  .b2b-button {
    font-size: 1.4rem;
    letter-spacing: -0.042rem;
  }

  .b2b-20-px-right {
    width: 1.8rem;
    height: 1.8rem;
  }

  /* B2B Bonus Blocks */
  .b2b-bonus-info-banner .b2b-text {
    padding: 0.4rem 2.4rem;
    gap: 2.4rem;
  }

  .b2b-frame {
    padding: 0 2.4rem 2.4rem;
    margin: 0 -2.4rem;
    height: 11rem;
  }

  .b2b-container {
    padding: 0 2.4rem;
    gap: 1.6rem;
  }

  .b2b-bonus-card {
    flex: 0 0 16rem;
    min-width: 16rem;
    width: 16rem;
  }

  .b2b-card-container {
    padding: 0.8rem 1.2rem 1.2rem;
  }

  .b2b-price,
  .b2b-discount {
    font-size: 1.4rem;
    letter-spacing: -0.042rem;
  }

  .b2b-icon,
  .b2b-icon-container {
    width: 4rem;
    height: 4rem;
  }

  .b2b-icon-container {
    padding: 0.9rem;
  }

  .b2b-icon-container svg,
  .b2b-discount-icon {
    width: 2.2rem;
    height: 2.2rem;
  }

  .b2b-checkmark {
    width: 1.4rem;
    height: 1.4rem;
  }

  /* B2B Product Prices */
  .splat-basket__product-b2b-price {
    font-size: 1.6rem;
  }

  .splat-basket__product-price--b2b {
    font-size: 1.3rem;
  }
}

/* Responsive Design - Mobile (max-width: 767px) */
@media screen and (max-width: 767px) {
  /* B2B Minimum Order Block */
  .b2b-info-banner {
    padding: 1.2rem 1.6rem;
  }

  .b2b-text {
    flex-direction: column;
    align-items: flex-start;
    gap: 1.6rem;
  }

  .b2b-text-container {
    width: 100%;
  }

  /* B2B Bonus Blocks */
  .b2b-bonus-info-banner .b2b-text {
    padding: 1.6rem;
    flex-direction: column;
    align-items: flex-start;
    gap: 1.6rem;
  }

  .b2b-bonus-info-banner .b2b-text-container {
    padding: 0;
  }

  .b2b-bonus-info-banner  .b2b-button-v-2 {
    width: 100%;
    padding: 0;
    height: fit-content;
    justify-content: flex-start;
  }

  .b2b-frame {
    padding: 0 1.6rem 2.4rem;
    margin: 0 -1.6rem;
    height: 10.6rem;
  }

  .b2b-container {
    padding: 0 1.6rem;
    gap: 1.2rem;
  }

  .b2b-bonus-card {
    flex: 0 0 14rem;
    min-width: 14rem;
    width: 14rem;
  }

  .b2b-card-container {
    padding: 0.8rem 1.2rem 1.2rem;
  }

  .b2b-icon,
  .b2b-icon-container {
    width: 3.6rem;
    height: 3.6rem;
  }

  .b2b-icon-container {
    padding: 0.8rem;
  }

  .b2b-icon-container svg,
  .b2b-discount-icon {
    width: 2rem;
    height: 2rem;
  }

  .b2b-checkmark {
    width: 1.3rem;
    height: 1.3rem;
  }

  /* B2B Product Prices */
  .splat-basket__product-b2b-price {
    font-size: 1.4rem;
  }

  .splat-basket__product-price--b2b {
    font-size: 1.2rem;
  }
}

/* ========================================
   B2B Cart Product Prices
   ======================================== */

/* B2B price display - clean, no strikethrough */
.splat-basket__product-cost--b2b {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}

.splat-basket__product-b2b-price {
  font-size: 1.6rem;
  color: var(--black);
  line-height: 130%;
  letter-spacing: -0.048rem;
}

.splat-basket__product-price--b2b {
  font-size: 1.2rem;
  color: rgba(34, 34, 34, 0.5);
  line-height: 130%;
  letter-spacing: -0.036rem;
  margin-top: 0.4rem;
}

/* Ensure B2B prices don't have sale styling */
.splat-basket__product-cost--b2b .splat-basket__product-sale-cost {
  display: none;
}