/** Shopify CDN: Minification failed

Line 1114:0 Unexpected "}"

**/
@import url('https://fonts.googleapis.com/css2?family=Lora:wght@500;600;700&display=swap');


@keyframes first_dot {
  0% {opacity: 0}
  50% {opacity: 1}
  100% {opacity: 0}
}

@keyframes loader {
  from {opacity: 1;}
  to {opacity: .1;}
}

@media screen and (max-width: 768px) {
  #zakeke-frame {
    z-index: 100 !important;
  }
}

@media screen and (max-width: 999px) {
  .product-quick-add--met-helium {
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateY(0) !important;
  }
}

#zakeke-container {
  margin-bottom: 40px;
}

#zakeke-product-button {
  display: none !important;
}

.anchor-open > * {
  display: none !important;
}

.anchor-open rao-addon-anchor {
  display: unset !important;
}

.no-pointer-event * {
  pointer-events: none;
}

.rao-addon-trigger--content-mobile {
  display: none;
}

@media screen and (max-width: 699px) {
  .rao-addon-trigger--content-mobile {
    display: unset;
  }

  .rao-addon-trigger--content-desktop {
    display: none;
  }
}

.main-product--add-to-cart {
  --button-label-color: #FFF;
  --button-background-color: #16A34A;
  --button-border-color: #16A34A;
  --button-hover-label-color: #16A34A;
  --button-hover-background-color: #FFF;
  --button-hover-border-color: #16A34A;
  position: relative;
  cursor: pointer;
  transition: background-color .3s, color .3s;
}

.main-product--add-to-cart .rao-addon-trigger--content {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  gap: 16px;
}

@media screen and (max-width: 699px) {
  .main-product--add-to-cart .rao-addon-trigger--content {
    gap: 8px;
  }
}

.main-product--add-to-cart:hover {
  color: #16A34A;
  background-color: #FFF;
}

.main-product--add-to-cart:hover path {
  fill: currentColor;
}

.rao-product-card--addon-trigger {
  display: flex;
  padding: 12px;
  background-color: #16A34A;
  border-radius: 8px;
  color: #fff;
  box-shadow: inset 0 0 0 2px #16A34A;
  transition: background-color .3s, color .3s;
}

.rao-product-card--addon-trigger:hover {
  background-color: #FFF;
  color: #16A34A;
}

rao-addon-trigger {
  position: relative;
}

.rao-addon-trigger--content, .rao-addon-trigger--loader, .addon-section--add-to-cart-div {
  transition: transform .35s, opacity .35s;
}

.rao-addon-trigger--content {
  display: flex;
}

.rao-addon-trigger--loader {
  transform: translateY(10px);
}

#productDescriptionMobile > * {
  white-space: wrap;
  word-break: break-word;
}

.animate .rao-addon-trigger--content, .animate .addon-section--add-to-cart-div {
  opacity: 0;
  transform: translateY(-10px);
}

.rao-addon-trigger--loader > * {
  transition: opacity .35s;
}

.animate .rao-addon-trigger--loader {
  opacity: 1;
  transform: translateY(0px);
}

.animate .rao-addon-trigger--loader span:nth-child(1) {
  animation-name: loader;
  animation-iteration-count: infinite;
  animation-duration: .35s;
  animation-direction: alternate;
}

.animate .rao-addon-trigger--loader span:nth-child(2) {
  animation-name: loader;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  animation-duration: .35s;
  animation-delay: .2333s;
}

.animate .rao-addon-trigger--loader span:nth-child(3) {
  animation-name: loader;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  animation-duration: .35s;
  animation-delay: .4666s;
}

.scrollable-with-controls {
  gap: 0;
}

read-more .read-more--more, .read-more--less {
  display: none;
  transition: opacity .3s, visibility .3s;
}

read-more.show .read-more--more, read-more .read-more--less {
  display: block;
}

.read-more--less {
  opacity: 0;
  visibility: hidden;
}

read-more.show-more .read-more--more  {
  opacity: 0;
  visibility: hidden;
}

read-more.show-more .read-more--less  {
  opacity: 1;
  visibility: visible;
}

.read-more--content {
  transition: height .3s;
}

read-more.show-more .read-more--content {
  height: var(--inner-height);
}

.carousel-padded {
  margin: 0 !important;
  padding: 0 !important;
}

.carousel--action {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-top: 8px;
}

.carousel--progress-bar {
  width: 100%;
  flex: 1;
  height: 3px;
  border-radius: 300px;
  background-color: #FAF7F2;
  position: relative;
}

.carousel--progress-bar::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: var(--width);
  background-color: #F57A2A;
  border-radius: 300px;
  transition: width .3s;
}

.carousel--buttons {
  display: flex;
  gap: 8px;
}

.carousel--button {
  width: 40px;
  height: 40px;
  background-color: #FFF;
  color: #F57A2A;
  border: 1px solid #DDD;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: color .3s, background-color .3s, opacity .3s;
}

.carousel--button[disabled] {
  opacity: .5;
}

.carousel--button:hover {
  color: #FFF;
  background-color: #F57A2A;
}

.carousel--button[disabled]:hover {
  background-color: #FFF;
  color: #F57A2A;
}

.rao-section {
  background-color: var(--background-color);
  padding-top: var(--desktop-top-padding) !important;
  padding-bottom: var(--desktop-bottom-padding) !important;
}

@media screen and (max-width: 999px) {
  .rao-section {
    padding-top: var(--mobile-top-padding) !important;
    padding-bottom: var(--mobile-bottom-padding) !important;
  }
}

@media screen and (min-width: 1000px) {
  .container-desktop-padded {
    margin: 0 max(var(--container-gutter),50% - var(--container-max-width) / 2);
  }
}

@media screen and (max-width: 999px) {
  .container-mobile-padded {
    margin: 0 max(var(--container-gutter),50% - var(--container-max-width) / 2);
  }
}

.button {
  border-radius: 8px;
  padding: 16px 24px;
  font-size: 16px;
  letter-spacing: -2%;
  font-weight: 700;
  line-height: 150%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
}

.rao-button {
  color: var(--button-label-color);
  background-color: var(--button-background-color);
  border: 1px solid var(--button-border-color);
  box-shadow: 0px -3px 0px 0px #0000001A inset !important;
}

.rao-button.button:not([disabled]):not(.button--outline):hover {
  background-color: var(--button-hover-background-color) !important;
  color: var(--button-hover-label-color) !important;
  border-color: var(--button-hover-border-color) !important;
  /*box-shadow: inset 0 0 0 2px var(--button-hover-border-color) !important;*/
}

.rao-button .icon--menu-chevron-bottom {
  transform: rotate(-90deg);
}

@media screen and (max-width: 699px) {
  .button {
    padding-top: 12px;
    padding-bottom: 12px;
  }
}

#cart-drawer.extra-price .cart-drawer--shipping-price, #cart-drawer.extra-price .cart-drawer--total-price {
  display: none;
}

#cart-drawer:not(.extra-price) .cart-drawer--shipping-price-extra, #cart-drawer:not(.extra-price) .cart-drawer--total-price-extra {
  display: none;
}

.rao-collection--loader {
  display: flex;
  gap: 5px;
}

.rao-collection--loader span {
  width: var(--spacing-1-5);
  height: var(--spacing-1-5);
  border-radius: var(--rounded-full);
  background: currentColor;
  display: block;
  animation-iteration-count: infinite;
  animation-duration: 1s;
  animation-name: first_dot;
}


.rao-collection--loader span:nth-child(2) {
  animation-delay: .1s;
}
.rao-collection--loader span:nth-child(3) {
  animation-delay: .2s;
}

.rao-collection--load-more {
  display: none;
  gap: 20px;
  align-items: center;
  font-size: 16px;
  justify-content: center;
}

.rao-collection--load-more.show {
  display: flex;
}

/* Global Stuff */
.section-stack {
  row-gap: 1.6rem;
}

.icon-secure-payment {
  width: 30px;
  height: auto;
}

.rich-text--custom {
  max-width: 75%;
}

.rich-text .prose h1,
.rich-text .prose h2,
.rich-text .prose h3,
.rich-text .prose h4,
.rich-text .prose h5,
.rich-text .prose h6 {
  font-size: var(--text-h6);
}

@media screen and (max-width: 799px) {
  .rich-text--custom {
    max-width: 100%;
  }
}

.rich-text .prose :is(.h0, .h1, .h2, h1, h2,.h5, .h6, h5, h6) + * {
  margin-top: 12px;
}

.rich-text .prose * + :is(.h5, .h6, h5, h6) {
  margin-block-start: 2rem;
}

@media screen and (max-width: 999px) {
  .section-stack {
    row-gap: 1rem;
  }
}

/* Cookie Bar */
#shopify-pc__banner.shopify-pc__banner__dialog {
  box-shadow: unset;
  padding: 0;
  overflow: visible;
  background-color: unset;
}

/*#shopify-pc__banner .shopify-pc__banner__btns {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
}

#shopify-pc__banner.shopify-pc__banner__dialog button {
  padding: 13px 25px;
}*/

#shopify-pc__banner .shopify-pc__banner__btn-accept, 
#shopify-pc__banner .shopify-pc__banner__btn-decline {
  height: 45px;
  min-height: 45px;
}

#shopify-pc__banner::before {
  content: '';
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #0006;
  z-index: -1;
}

.shopify-pc__banner__wrapper {
  box-shadow: 0px 4px 10px rgb(63 63 68 / 40%);
  padding: 32px;
  background-color: #FFF;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: 700px;
  min-width: 620px;
  border-radius: 3px;
}

#shopify-pc__banner .shopify-pc__banner__wrapper h2 {
  color: #115DBB;
}

@media screen and (max-width: 699px) {
  .shopify-pc__banner__wrapper {
    min-width: calc(100% - 20px);
    padding: 20px;
  }
}

/* Breadcrumbs */
.rao-breadcrumbs {
  /*display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 5px;*/
  margin-top: 20px;
  line-height: normal;
  color: #9b9b9b;
}

@media screen and (min-width: 1000px) {
  .rao-breadcrumbs {
    min-height: 42px;
  }
}

.rao-breadcrumbs.container > :not(:first-child) {
  margin-left: 5px;
  vertical-align: middle;
}

.rao-breadcrumbs.container > * {
  display: inline;
}

.rao-breadcrumbs--desktop {
  color: #3B3027;
  display: flex;
  align-items: center;
  gap: 3px;
  margin-right: 20px;
  font-weight: 600;

  border: 1px solid #DDDDDD;
  border-radius: 8px;
  padding: 8px 16px 11px;
  box-shadow: 0px -3px 0px 0px rgba(0, 0, 0, 0.1) inset;
}

.rao-breadcrumbs--mobile svg {
  display: inline;
}

.rao-breadcrumbs--desktop div {
  cursor: pointer;
}

.rao-breadcrumbs--item {
  font-size: 12px;
  white-space: wrap;
  transition: color .3s;
  line-height: 150%;
}

a.rao-breadcrumbs--item:hover {
  color: #111111;
}

.rao-breadcrumbs--mobile:not(a) {
  display: none !important;
}

.rao-breadcrumbs--desktop div {
  margin-left: 5px;
}

.rao-breadcrumbs--desktop * {
  display: inline;
}

.rao-breadcrumbs.container > * {
  display: inline;
}

.rao-breadcrumbs--product {
  display: inline-flex;
  align-items: center;
}

.rao-breadcrumbs--item-splitter {
  font-size: 14px;
  color: #DDDDDD;
}

.rao-breadcrumbs--item-highlight {
  color: #3B3027;
}

@media screen and (max-width: 999px) {
  .rao-breadcrumbs--mobile:not(a) {
    display: inline !important;
    position: relative;
    /*top: 1px;*/
  }
  
  .rao-breadcrumbs {
    margin-top: 12px;
    margin-bottom: 6px;
  }
  
  .rao-breadcrumbs--product > :not(.rao-breadcrumbs--mobile) {
    display: none;
  }
  
  .rao-breadcrumbs--desktop {
    display: none !important;
  }
  
  .rao-breadcrumbs--mobile {
    display: inline !important;
    color: #3B3027;
    font-weight: 400;
  }

  .rao-breadcrumbs--mobile-item {
    color: #3B3027;
    font-weight: 400;
  }

  .rao-breadcrumbs--item {
    font-size: 14px;
  }
}

/* Trustpilot */
.trustpilot-widget {
  display: flex;
  justify-content: flex-end;
  margin-right: 2rem;
}

@media screen and (max-width: 699px) {
  .trustpilot-widget {
    display: flex;
    justify-content: center;
    margin-right: 0;
  }

  .mobile-hide {
    display: none !important;
  }
}

.section {
  padding-block-start: 25px;
  padding-block-end: 25px;
}

@media screen and (max-width: 999px) {
  .section {
    padding-block-start: 20px;
    padding-block-end: 20px;
  }
}

/* ---------- Custom header styles --------------*/
.navigation-drawer {
  z-index: 1000 !important;
}
.header--top, .header--bottom {
  padding: 0 max(var(--container-gutter), 50% - var(--container-max-width) / 2);
}

.header--top {
  background-color: #F57A2A;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
}

.header--logo {
  padding: 0 20px;
  width: fit-content;
  position: relative;
  overflow: hidden;
  min-width: calc(var(--header-logo-width) + 20px + 20px);
}

.header--logo::after {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  aspect-ratio: 1;
  background-color: #FFF;
  border-radius: 50%;
  transform: translateY(-50%);
}

.header__logo {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  height: 100%;
  z-index: 1;
}

.header--search {
  max-width: 562px;
  min-width: 254px;
  width: 100%;
}

.header--icons {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #FFF;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: -2%;
}

.header__icon--account a {
  display: flex;
  align-items: center;
  gap: 8px;
}

@media screen and (min-width: 1000px) {
  .header--icon {
    height: 40px;
    border-radius: 100px;
    background-color: rgba(255,255,255,.1);
    display: flex;
    align-items: center;
    padding: 0 12px;
    position: relative;
  }

  .header__icon--account {
    padding: 0 16px;
  }
}

.header__cart-count {
  right: 0;
  top: -2px;
  left: unset !important;
}

.header__cart-count cart-count {
  --size: 14px;
}

.header--bottom {
  /* margin-bottom: 14px; */
  padding-top: 14px;
  padding-bottom: 14px;
  background-color: #F7EFE3;
  border-bottom: 1px solid #DDDDDD;
}

.header__bottom--menu {
  color:rgb(0, 0, 0);
}

.header__bottom--menu-ul {
  display: flex;
  flex-wrap: wrap;
  column-gap: 32px;
  row-gap: 10px;
}

.mega-menu  {
  background-color: #FAF7F2;
  color: #FAF7F2;
  display: unset;
  --max-height: 480px;
}

.mega-menu__nav {
  display: flex;
  gap: 60px;
  max-width: 100%;
  width: 100%;
  /*justify-content: space-between;*/
}

.mega-menu__nav > li {
  color: #3B3027;
  width: fit-content;
  gap: 10px;
  position: relative;
}

.mega-menu__nav > li a {
  font-size: 16px;
}

.mega-menu__nav > li ul {
  gap: 0;
}

.mega-menu__nav > li li a {
  font-size: 14px;
  color: #000;
}

.header__bottom--menu .text-with-icon, .header__bottom--menu-ul > li > a {
  font-size: 13px;
  font-weight: 600;
}

.header__bottom--menu-ul > li > a {
  display: block;
}

.header__bottom--menu .text-with-icon svg {
  width: 13px;
}

.header__link-list .dropdown-menu {
  background: rgb(var(--background-primary));
}

.header__link-list .dropdown-menu ul {
  color: rgb(var(--text-primary));
}

.text-with-icon {
  font-size: 17px;
  gap: 8px;
}

.panel .text-with-icon:not(.text-subdued) {
  font-size: 22px;
}

.custom-search-block {
  max-width: 562px;
  min-width: 254px;
  background: rgb(var(--background-primary));
  color: rgb(var(--text-primary));
  border-radius: 4px;
}

.custom-search-block .search-input {
  padding-block-end: 0;
  padding: 9px 24px;
  gap: var(--spacing-2);
  border: none;
  color: rgba(0,0,0,.25);
}

.custom-search-block .search-input svg {
  height: 16px;
  width: 16px;
  color: #F57A2A;
}

.custom-search-block .search-input input {
  font-size: 16px;
  font-weight: 500;
  color: #000;
}

.custom-search-block .search-input input::placeholder {
  font-size: 16px;
  color: rgba(0, 25, 50, 0.5);
}
.custom-search-block predictive-search {
  position: absolute;
  top: 90px;
  left: 25vw;
  max-height: 50vh;
  width: 50vw;
  /*background: rgb(var(--background-primary));*/
  background: transparent;
  border-radius: 10px;
}

.custom-search-block predictive-search div[slot="results"] {
  padding: 1rem;
  max-height: 50vh;
  border-radius: 10px;
  border: 1px solid rgb(var(--header-background));
  background: rgb(var(--background-primary));
  overflow: auto;
  scrollbar-color: #c1c1c1 transparent;
  opacity: 0;
}

.header--bottom .custom-search-block {
  display: none;
}

@media screen and (max-width: 999px) {
  .header--top {
    height: 44px;
  }

  .header__icon--hamburger {
    flex: 1;
  }

  .header--logo {
    height: 100%;
    padding: 0 15px;
    min-width: calc(var(--header-logo-width) + 15px + 15px);
  }

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

  .header--search {
    display: none;
  }

  .header--secondary-menu {
    display: none;
  }

  .header__bottom--menu {
    display: none;
  }

  .header--icons {
    gap: 16px;
    flex: 1;
    justify-content: end;
  }

  .header--icon {
    height: 24px;
    width: 24px;
    position: relative;
  }

  .header--icon svg {
    height: 24px;
    width: 24px;
  }

  .header__icon--account-text {
    display: none;
  }

  .header__cart-count {
    top: -6px;
    right: -6px;
  }

  .header--bottom {
    padding: 4px;
  }

  .header--bottom.header--bottom-hide-mobile {
    display: none;
  }

  .header--bottom .custom-search-block {
    display: block;
  }

  .custom-search-block {
    max-width: 100%;
    min-width: 0;
    border: 1px solid #DDD;
    height: 40px;
  }

  .custom-search-block .search-input {
    height: 40px;
    padding: 12px 16px;
  }

  .custom-search-block .search-input input::placeholder, .custom-search-block .search-input input {
    font-size: 12px;
  }

  .custom-search-block predictive-search {
    width: 100%;
    left: 0;
    padding: 0 max(var(--container-gutter),50% - var(--container-max-width) / 2);
  }
}

/* Mobile Menu */
.panel-list__wrapper a, .panel-list__wrapper button {
  font-size: 14px !important;
  font-weight: 400;
}

.mega-menu--first-button a {
  height: 40px;
  display: flex;
  align-items: center;
}

.mega-menu--item svg {
  transform: rotate(-90deg);
  width: 12px;
}

.mega-menu--back-item {
  padding-bottom: 16px;
}

.mega-menu--item {
  height: 40px;
  display: flex;
  align-items: center;
}

.mega-menu--block-boss {
  font-weight: 700 !important;
  margin-bottom: 10px;
  display: block;
}

.mega-menu--block-minion {
  padding-left: 12px;
  border-left: 1px solid #DDD;
}

.mega-menu--first-button {
  border-bottom: 1px solid #DDD;
}

.mega-menu--open-by-default .mega-menu--first-button {
  border-bottom: 0;
}

.mega-menu--open-by-default .mega-menu--first-button-button {
  padding-left: 12px;
}

.mega-menu--open-by-default {
  border-left: 1px solid #DDD;
  margin: 12px 0;
}

.mega-menu--header {
  height: 52px;
  padding: 0 12px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: #F57A2A;
  color: #FFF;
  font-size: 16px;
  font-weight: 700;
}

.mega-menu--header button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  height: fit-content;
  border: 0;
}

.mega-menu--header svg {
  width: 24px;
  height: 24px;
  stroke-width: 3px;
}

navigation-drawer > button {
  display: none !important;
}

.panel-footer {
  display: none;
}

/* ---------- Custom search --------------*/

.header__icon-list {
  gap: 0;
}

.header__icon-list a {
  display: flex;
}

.header__icon-list button {
  margin-right: 27px;
}

.header__icon-list a:not(:last-child) {
  margin-right: 27px;
}

.rao-search svg {
  height: 25px;
  width: 26px;
}

@media screen and (max-width: 799px) {
  .header__icon-list button svg {
    height: 22px;
    width: auto;
  }
  
  .header__icon-list button {
    margin-right: 10px;
    display: flex;
  }
  
  .header__icon-list a:not(:last-child) {
    margin-right: 10px;
  }
}

/* ---------- Announcement bar RAO --------------*/

@media screen and (max-width: 360px) {
  .announcement-bar-custom-message-icon {
    max-width: 126px;
  }
}

.announcement-bar--height-observer {
  background-color: var(--background-color);  
}

/* Forceer de hele balk inclusief zijkanten naar licht oranje */
.announcement-bar--height-observer,
.announcement-bar {
    background-color: #FAF7F2 !important;
    --background-color: #FAF7F2 !important; /* Overschrijft de variabele die wit forceert */
}
}

.announcement-bar__static-list > p {
  font-size: 14px;
  font-weight: 500;
}

.announcement-bar--rao {
  display: flex;
  align-items: center;
  padding-top: 10px;
  padding-bottom: 10px;
  justify-content: space-between;
}

.announcement-bar-custom-stack-wrapper > p {
  font-size: 14px;
  font-weight: 500;
} 

.announcement-bar--title {
  display: flex;
  align-items: center;
  gap: 10px;
  white-space: nowrap;
  font-size: 22px;
  font-weight: 700;
}

.announcement-bar--title svg {
  margin-top: -8px;
}

.announcement-bar-custom-stack-wrapper {
  gap: 30px;
  justify-content: start;
  white-space: nowrap;
  flex-wrap: wrap;
  overflow: hidden;
}

.announcement-bar-custom-message {
  display: flex;
  align-items: center;
  gap: 6px;
  letter-spacing: -2%;
}

@media screen and (max-width: 360px) {
  .announcement-bar-custom-message {
    font-size: 11px;
  }
}

.announcement-bar-custom-message strong {
  font-weight: 800;
  color: #ff7e00;
}

@media screen and (min-width: 1000px) {
  .announcement-bar--height-observer:not(.overwrite) {
    --background-color: #FFF !important;
  }
}

@media screen and (max-width: 799px) {
  .announcement-bar--height-observer {

  }
  .announcement-bar {
    /*height: 44px;*/
  }

  .announcement-bar--rao {
    flex-direction: column;
    gap: 10px;
    align-items: start;
  }

  .announcement-bar--rao div:last-child {
    display: none;
  }

  .announcement-bar--title {
    font-size: 20px;
    gap: 5px;
  }

  .announcement-bar--title svg {
    height: 26px;
    margin-top: 0;
  }

  .announcement-bar__wrapper {
    justify-content: center;
  }

  .announcement-bar__wrapper > button {
    display: none;
  }
}

/* ---------- Footer icons RAO --------------*/

.footer-icons {
  gap: var(--spacing-4);
}
.footer-icons .text-with-icons__list {
  display: flex;
  gap: var(--spacing-3);
  align-items: center;
}

@media screen and (min-width: 700px) {
  .footer-icons .text-with-icons__list {
    gap: var(--spacing-6);
  }
}

.footer-icons .text-with-icons__item {
  padding-inline-start: 0;
  padding-inline-end: 0;
}

/* ---------- Footer RAO --------------*/

.footer {
  padding-top: 70px;
  padding-bottom: 70px;
  position: relative;
}

.footer .icon--footer-background-icon-right {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
}

.footer .icon--footer-background-icon-left {
  position: absolute;
  left: 0;
  bottom: 0;
}

@media screen and (max-width: 999px) {
  .footer .icon--footer-background-icon-right, .footer .icon--footer-background-icon-left {
    display: none;
  }
}

.footer .trustpilot-widget {
  max-width: 100%;
  margin-right: 0;
}

.footer__block {
  gap: 16px;
}

.footer__block--text {
  flex-basis: 20%;
}

.footer__image-and-blocks {
  display: flex;
  gap: 50px;
  align-items: center;
}

.footer__block-list {
  margin-bottom: 0;
  width: 100%;
  flex-wrap: nowrap;
}

.footer__image-and-blocks .footer__image {
  position: absolute;
  bottom: 0;
  max-width: 150px;
  align-items: end;
}

.footer__block .h6 {
  font-size: 18px;
  font-weight: 700;
  line-height: 150%;
  letter-spacing: -2%;
}

.footer__block ul {
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
  letter-spacing: -2%;
  gap: 4px;
}

.footer__block--menu-item {
  opacity: .9;
  position: relative;
  transition: opacity .3s;
}

.footer__block--menu-item:hover {
  opacity: 1;
}

.footer__block--menu-item::before {
  content: "";
  position: absolute;
  height: .3rem;
  width: 0;
  bottom: 0;
  border-bottom: 1px solid;
  transition: width .3s ease-in-out;
}

.footer__block--menu-item:hover::before {
  width: 100%;
}

.footer__block p {
  font-size: 14px;
  font-weight: 400;
  line-height: 150%;
  letter-spacing: -2%;
}

.footer .footer__newsletter-form {
  position: relative;
}

.footer .footer__newsletter-form .h-captcha {
  position: absolute;
  bottom: -10px;
}

.footer-input {
  color: #2C3E50;
  padding: 12px 16px;
  border-radius: 8px;
  max-width: 100%;
  background-color: #FAF7F2;
  border: 1px solid #F57A2A;
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
  letter-spacing: -2%;
  transition: border-color .3s;
}

.footer-input:focus-visible {
  outline: unset;
  border-color: #FFF;
}

.footer-input::placeholder {
  opacity: .8;
  color: #2C3E50;
}

.footer__newsletter-form .button {
  width: 32px;
  height: 32px;
  background-color: #F57A2A;
  padding: 0;
  position: absolute;
  right: 8px;
  top: 50%;
  transform: translateY(-50%);
}

.footer__newsletter-form .button:not([disabled]):not(.button--outline):hover {
  color: #F57A2A  !important;
  background-color: #FFF !important;
  box-shadow: unset !important;
}

.footer_mobile_images_wrapper {
  display: flex;
}

.footer_mobile_images_wrapper .footer_mobile_image {
  flex-basis: 50%;
  display: flex;
  align-items: end;
}

.footer_mobile_images_wrapper .footer_mobile_image2_wrapper {
  flex-basis: 50%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.footer__mobile-blocks .accordion {
  --accordion-spacing: var(--spacing-3);
}

.footer__mobile-blocks .accordion:nth-child(2) {
  border-top: none;
}

.footer__mobile-blocks .circle-chevron {
  background: transparent;
  transform: rotate(calc(var(--transform-logical-flip) * 270deg));
}

.footer__mobile-blocks .circle-chevron svg {
  width: 14px;
  height: auto;
}

.footer__mobile-blocks .circle-chevron.group-hover\:colors:not([disabled]) {
  background: transparent !important;
  color: inherit !important;
}

.footer__mobile-blocks .group[aria-expanded="true"] .circle-chevron.group-expanded\:rotate {
  transform: rotate(calc(var(--transform-logical-flip) * 360deg));
}

.footer__block--newsletter {
  max-width: 260px;
}

@media screen and (max-width: 999px) {
  .footer__block-list {
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 20px;
  }

  .footer__block--newsletter {
    order: 1;
    width: 100%;
    max-width: 100%;
  }

  .footer__newsletter-form {
    width: fit-content;
  }
}

@media screen and (max-width: 699px) {
  .footer {
    padding-top: 24px;
    padding-bottom: 24px;
  }

  .footer__wrapper {
    --footer-part-gap: var(--spacing-2);
  }

  .footer__mobile-blocks {
    display: flex;
    flex-direction: column;
  }

  .footer__mobile-blocks .accordion {
    --accordion-spacing: 16px;
    border-color: rgba(255,255,255,.4);
  }

  .footer__mobile-blocks .accordion svg {
    transition: transform .3s;
  }

  .footer__mobile-blocks .accordion[aria-expanded="true"] svg {
    transform: rotate(180deg);
  }

  .footer-mobile--newsletter {
    order: 1;
    margin-top: 16px;
  }

  .footer-mobile__newsletter--title {
    font-size: 16px;
    font-weight: 700;
    line-height: 150%;
    letter-spacing: -2%;
  }

  .footer-mobile__newsletter--content {
    font-size: 14px;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: -2%;
    margin-top: 16px;
  }

  .footer__newsletter-form {
    margin-top: 16px;
    width: 100%;
    max-width: 100%;
  }

  .footer__mobile-blocks .accordion__content {
    padding-inline-end: 0;
  }

  .footer__mobile-blocks .accordion__toggle {
    font-size: 16px;
    font-weight: 700;
    line-height: 150%;
    letter-spacing: -2%;
  }

  .footer__mobile-blocks .accordion__content ul {
    gap: 4px;
  }

  .footer-mobile--link-item {
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: -2%;
    opacity: .9;
  }
}

@media screen and (min-width: 800px) {
  .footer {
    --footer-block-list-gap: var(--spacing-10);
    --footer-block-gap: var(--spacing-2);
  }

  .form:not(.form--tight) {
    gap: var(--spacing-4);
  }
}

@media screen and (min-width: 1000px) {
  .footer {
    --footer-block-list-gap: var(--spacing-10);
  }

  .footer-input {
    max-width: 100%;
  }
}

/* #Media Grid RAO */
.media-grid-rao {
  --media-grid-row-height: 168px;
}

.media-grid__item-rao .content-over-media {
  display: flex;
  gap: 0;
}

.media-grid__item-rao .content-over-media img {
  width: 42%;
  min-width: 42%;
  aspect-ratio: 1.8;
  position: absolute;
}

.media-grid-rao__block--content {
  --horizontal-margin: 48px;
  margin: 58px var(--horizontal-margin);
  left: 42%;
  width: calc(58% - 2 * var(--horizontal-margin));
}

.media-grid-rao__block--description {
  font-size: var(--text-h5);
  line-height: normal;
}

@media screen and (max-width: 1149px) {
  .media-grid-rao {
    grid-template-columns: 1fr;
  }
}

@media screen and (max-width: 699px) {
  .media-grid-rao {
    --media-grid-row-height: 100px;
  }

  .media-grid-rao a:last-child {
    display: none;
  }
  
  .media-grid-rao__block--content {
    --horizontal-margin: 18px;
    margin: 28px var(--horizontal-margin);
  }

  .media-grid-rao__block--content .prose > p {
    font-size: var(--text-h4);
  }

  .media-grid-rao__block--description {
    font-size: var(--text-lg);
  }
}

/* #RAO Collection List */
.rao-collection-list--section {
  background-color: var(--background-color);  
}

.rao-collection-list--header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.rao-collection-list--title {
  color: var(--text-color);
  flex: 1;
  font-size: 1.45rem;
}

@media screen and (max-width: 699px) {
  .rao-collection-list--title {
    font-size: 1.2rem;
  }
}

.rao-collection-list--trustpilot .trustpilot-widget {
  margin-right: 0;
}

.rao-collection-list__trustpilot--mobile {
  display: none;
}

.rao-collection-list--blocks {
  display: grid;
  --collection-list-grid: auto / auto-flow calc(var(--container-inner-width) / var(--collection-amount) - (var(--grid-gutter) / var(--collection-amount) * (var(--collection-amount) - 1)));
  grid: var(--collection-list-grid, none);
  align-items: start;
  gap: var(--grid-gutter);
}

.rao-collection-list--blocks.rao-collection-list__blocks-stack {
  display: flex;
  --column-gap: 1.5rem;
  gap: var(--column-gap);
  flex-wrap: wrap;
}

.rao-collection-list__blocks-stack .rao-collection-list--block {
  height: auto;
}

.rao-collection-list--block {
  width: 100%;
  border: 1px solid #a3a6a9;
  border-radius: 12px;
  overflow: hidden;
  height: 100%;
}

.rao-collection-list--blocks.rao-collection-list__blocks-stack .rao-collection-list--block {
  width: calc(100% / var(--collection-amount) - (var(--column-gap) * (var(--collection-amount) - 1)) / var(--collection-amount));
}

.rao-collection-list__block--image {
  background-color: var(--background-color);
  aspect-ratio: 1.7816;
}

.rao-collection-list__block--image:hover img {
  transform: scale(1.1);
}

.rao-collection-list__block--image img, .rao-collection-list__block--image svg {
  width: 100%;
  height: 100%;
  transform: scale(1);
  transition: transform 2s;
}

.rao-collection-list__block--image img {
  object-fit: contain;
  mix-blend-mode: darken;
}

.rao-collection-list__block--content {
  background-color: var(--background-color);
  padding: 10px;
}

.rao-collection-list__block--title {
  color: var(--text-color);
  text-align: center;
  font-size: 1.17rem;
}

@media screen and (max-width: 699px) {
  .rao-collection-list__block--title {
    font-size: 1.05rem;
  }
}

.rao-next-button {
  right: calc(-1 * var(--container-outer-width)) !important;
  width: auto;
  height: auto;
}

.rao-next-button .animated-arrow {
  padding: 10px 20px;
  background-color: #FFF;
  border-bottom-left-radius: 12px;
  border: 1px solid #0185FE;
  border-top-left-radius: 12px;
  color: #0185FE;
}

.rao-prev-button {
  left: calc(-1 * var(--container-outer-width)) !important;
  width: auto;
  height: auto;
}

.rao-prev-button .animated-arrow {
  padding: 10px 20px;
  background-color: #FFF;
  border-bottom-left-radius: 12px;
  border: 1px solid #0185FE;
  border-top-left-radius: 12px;
  color: #0185FE;
}

.rao-collection-list--mobile {
  display: none !important;
}

@media screen and (max-width: 999px) {
  .rao-collection-list--header {
    flex-direction: column-reverse;
    align-items: start;
    gap: 20px;
  }

  .rao-collection-list--trustpilot {
    margin: 0 auto;
  }

  .rao-collection-list__blocks-stack.rao-collection-list--blocks {
    --collection-amount: 3 !important;
  }

  .rao-collection-list--header {
    margin-top: -.75rem;
  }

  /*.rao-collection-list--blocks.rao-collection-list__blocks-stack {
    display: grid;
    --collection-list-grid: auto / auto-flow calc(var(--container-inner-width) / var(--collection-amount) - (var(--grid-gutter) / var(--collection-amount) * (var(--collection-amount) - 1)));
    grid: var(--collection-list-grid, none);
    align-items: start;
    gap: var(--grid-gutter);
  }

  .rao-collection-list--blocks.rao-collection-list__blocks-stack .rao-collection-list--block {
    width: 100%;
  }*/
  
  .rao-collection-list--blocks {
    --collection-amount: 2.5 !important;
  }
}

@media screen and (max-width: 699px) {
  .rao-collection-list--mobile.rao-collection-list__blocks-stack {
    display: flex !important;
  }

  .rao-collection-list__blocks-stack.rao-collection-list--blocks {
    --collection-amount: 2 !important;
  }


  .rao-collection-list--mobile:not(.rao-collection-list__blocks-stack) {
    display: block !important;
  }

  .rao-collection-list--desktop {
    display: none !important; 
  }
  
  .rao-collection-list__trustpilot--mobile {
    display: block;  
  }

  .rao-collection-list__trustpilot--desktop {
    display: none;
  }
  
  .rao-collection-list--blocks {
    --collection-amount: 1.5 !important;
  }
}

/* #RAO Featured Collection */
.rao-featured-collection--section {
  background-color: var(--background-color);
}

.rao-featured-collection--products {
  display: grid;
  --collection-list-grid: auto / auto-flow calc(var(--container-inner-width) / var(--column-amount) - (var(--grid-gutter) / var(--column-amount) * (var(--column-amount) - 1)));
  grid: var(--collection-list-grid, none);
  align-items: start;
  gap: var(--grid-gutter);
}

@media screen and (min-width: 1000px) {
  .rao-featured-collection__products--stack {
    display: flex;
    --column-gap: 1.5rem;
    gap: var(--column-gap);
    flex-wrap: wrap;
  }
  
  .rao-featured-collection__products--stack .rao-product-card {
    width: calc(100% / var(--column-amount) - (var(--column-gap) * (var(--column-amount) - 1)) / var(--column-amount));
  }
}

@media screen and (max-width: 999px) {
  .rao-featured-collection--products, .rao-product-card {
    --column-amount: 2.8 !important;
  }
}

@media screen and (max-width: 699px) {
  .rao-featured-collection--products, .rao-product-card  {
    --column-amount: 1.8 !important;
  }
}

/*#RAO Product Card */
.rao-badges--container {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  position: absolute;
  top: 8px;
  left: 8px;
  width: calc(100% - 8px);
  z-index: 1;
}

@media screen and (max-width: 699px) {
  .rao-product-card--image .rao-badges--container {
    top: 0;
    left: 0;
  }
}

.rao-badges--badge {
  padding: 2px 4px;
  border-radius: 4px;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: -2%;
  line-height: 150%;
}

.rao-product-card {
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: space-between;
  border: 2px solid #CCC;
  border-radius: 8px;
  background-color: #FFF;
  transition: border-color .3s;
  grid-row: unset;
}

.rao-product-card:hover {
  border-color: #F57A2A;
}

.rao-product-card--image {
  position: relative;
  padding-bottom: 100%;
}

.rao-product-card--image img {
  position: absolute;
  height: calc(100% - 48px);
  object-fit: contain;
  width: calc(100% - 60px);
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

@media screen and (max-width: 699px) {
  .rao-product-card--image img {
    height: 100%;
    width: 100%;
  }
}

.rao-product-card--image:hover .rao-product-card__images--secondary {
  opacity: 1;
}

.rao-product-card__images--secondary {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: opacity .3s;
}

.rao-product-card--image:hover .product-card__quick-buy {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.product-card__quick-buy .button svg {
  transform: unset;
}

.product-card__quick-buy--fixed {
  position: unset;
  opacity: 1;
  visibility: visible;
}

.product-card__quick-buy:hover .button:not([disabled]):not(.button--outline):hover {
  background-color: #FFF !important;
  color: #F57A2A !important;
}

.product-card__quick-buy--fixed:hover .button:not([disabled]):not(.button--outline):hover {
  background-color: #16A34A !important;
  color: #FFF !important;
  box-shadow: inset 0 0 0 2px #16A34A !important;
}

.rao-product-card .product-card__quick-buy {
  right: 0;
  bottom: 0;
}

.rao-product-card .product-card__quick-buy .button {
  background-color: #F57A2A;
}

.rao-product-card .product-card__quick-buy--fixed .button {
  background-color: #FFF;
  padding-block-start: 12px;
  padding-block-end: 12px;
  padding-inline-start: 12px;
  padding-inline-end: 12px;
  color: #16A34A;
  box-shadow: inset 0 0 0 2px #16A34A !important;
}

.product-card__quick-buy--fixed .button > div {
  display: flex;
}

.rao-product-card--vendor, .rao-product-card--title {
  color: var(--text-color);
}

.rao-product-card--title {
  font-size: 16px;
  font-weight: 700;
  letter-spacing: -2%;
  line-height: 150%;
}

.rao-product-card--specs {
  display: flex;
  flex-wrap: wrap;
  column-gap: 6px;
  margin-top: 8px;
}

.rao-product-card--specs span {
  font-size: 16px;
  line-height: 150%;
  letter-spacing: -2%;
  font-weight: 400;
  padding-right: 6px;
  border-right: 1px solid #DDD;
  color: #454545;
}

.rao-product-card--specs span:last-child {
  padding-right: 0;
  border-right: 0;
}

@media screen and (max-width: 699px) {
  .rao-product-card--title {
    font-size: 15px;
  }

  .rao-product-card--image {
    padding-bottom: 72%;
    margin: 8px;
  }

  .rao-product-card--content {
    padding: 10px 16px;
  }

  .rao-product-card--specs {
    margin-top: 4px;
  }
}

.rao-product-card--content {
  margin-top: 20px;
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 16px;
  border-top: 1px solid #DDD;
}

.rao-product-card--vendor {
  margin-bottom: 10px;
}

.rao-product-card__content--bottom {
  margin-top: 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

@media screen and (max-width: 699px) {
  .rao-product-card--content {
    margin-top: 0;
  }

  .rao-product-card__content--bottom {
    margin-top: 8px;
  }
}

.rao-product-card price-list, 
.product-addons__extra-products--product-price price-list, 
.addon-section__cart--product-price price-list {
  flex-direction: row-reverse;
  justify-content: start;
  gap: 8px;
}

.addon-section__cart--product-price price-list {
  justify-content: end;
}

.rao-product-card compare-at-price, .rao-product-card sale-price, 
.product-addons__extra-products--product-price compare-at-price, .product-addons__extra-products--product-price sale-price,
.addon-section__cart--product-price compare-at-price, .addon-section__cart--product-price sale-price {
  font-size: 18px;
  font-family: var(--heading-font-family);
  font-weight: 700;
  font-style: var(--heading-font-style);
  letter-spacing: -2%;
  line-height: 150%;
}

.rao-product-card compare-at-price, 
.product-addons__extra-products--product-price compare-at-price 
.addon-section__cart--product-price compare-at-price {
  color: rgb(var(--text-color));
}

.rao-product-card compare-at-price.line-through, 
.product-addons__extra-products--product-price compare-at-price.line-through, 
.addon-section__cart--product-price compare-at-price.line-through {
  color: #868686;
  font-size: 12px;
  font-weight: 400;
}

.rao-product-card sale-price, 
.product-addons__extra-products--product-price sale-price,
.addon-section__cart--product-price sale-price {
  color: rgb(var(--text-color));
}

.rao-product-card .text-on-sale,
.product-addons__extra-products--product-price .text-on-sale,
.addon-section__cart--product-price .text-on-sale {
  color: #FF7E00;
}

/* Product Page */
.product:not(.product--filled) .product--title {
  margin-bottom: 10px;
}

.shopify-section--main-product .section {
  padding-block-start: 20px;
}

.product {
  grid-template-columns: 1fr 1fr;
  row-gap: 20px;
  column-gap: 48px !important;
}

@media screen and (max-width: 999px) {
  .product rao-media-carousel {
    margin-top: 20px;
  }
}

.product--filled-balloon {
  display: flex;
  align-items: center;
  gap: 5px;
  color: var(--text-color);
  font-weight: 700;
  margin-bottom: 20px;
  opacity: 0;
  visibility: hidden;
  height: 0;
}

@media screen and (max-width: 699px) {
  .product--filled-balloon {
    margin-bottom: 15px;
    margin-top: 2px;
  }
}

.product--filled-balloon-button {
  border-radius: 5px;
  color: var(--text-color);
  width: fit-content;
  background-color: var(--background-color);
  padding: 0 10px;
  font-size: 18px;
  font-weight: 600;
  cursor: pointer;
  position: relative;
  z-index: 1;
  height: fit-content;
}

.product__filled-balloon-button--popup {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
  background: #0006;
  cursor: pointer;
  opacity: 0;
  visibility: hidden;
  transition: opacity .3s, visibility .3s;
}

.product__filled-balloon-button--popup.open {
  opacity: 1;
  visibility: visible;
}

.product__filled-balloon-button--popup-container {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 40%;
  transform: translate(-50%, -50%);
  background-color: #fff;
  padding: 20px;
  border-radius: 10px;
  cursor: default;
}

.product__filled-balloon-button--popup-container svg {
  position: absolute;
  top: 10px;
  right: 10px;
  cursor: pointer;
  color: var(--icon-color);
}

.product__filled-balloon-button--popup-title {
  margin-right: 10px;
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 10px;
  color: var(--text-color);
}

.product__filled-balloon-button--popup-description {
  color: var(--text-color);
}

@media screen and (max-width: 999px) {
  .product__filled-balloon-button--popup-container {
    transform: translateY(100%);
    top: unset;
    bottom: 0;
    left: 0;
    width: 100%;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    transition: transform .3s;
  }

  .product__filled-balloon-button--popup.open .product__filled-balloon-button--popup-container {
    transform: translateY(0);
  }
}

.product-gallery__media img {
  max-width: 63%;
}

@media screen and (max-width: 699px) {
  product-gallery {
    margin-top: 16px;
  }
}

.product-gallery {
  row-gap: .75rem;
}

.product-gallery__thumbnail-list {
  grid-auto-columns: 140px;
}

.product-gallery__thumbnail {
  border: 1px solid #c8c8c8;
  padding: 10px;
  border-radius: 10px;
}

.product-gallery__thumbnail {
  /*aspect-ratio: 1.3333;*/
  position: relative;
  padding-bottom: 75%;
  transition: opacity .3s;
}

.product-gallery__thumbnail[aria-current="false"] {
  opacity: .5;
}

.product-gallery__thumbnail img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% - 20px);
  height: calc(100% - 20px);
}

.product-gallery__thumbnail[aria-current="true"] {
  border-color: #F57A2A;
  border-width: 2px;
}

.product-gallery__thumbnail::after {
  display: none !important;
}

.product-item--description {
  margin-top: 40px;
}

.product-item--description .product-item__description--title {
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 12px;
}

.product-item__description--description h3, .product-item__description--description h2, .product-item__description--description h1 {
  font-size: 16px;
}

.product-item__description--description a {
  color: #F57A2A;
  text-decoration: underline;
}

.product-item__description--title {
  font-size: 16px;
  font-weight: 400;
}

.product-item__description--sku {
  opacity: .6;
  font-size: 16px;
  font-weight: 400;
}

.product-item__description--description {
  font-size: 16px;
  font-weight: 400;
  margin-top: 12px;
}

.product-item__description--description {
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  transition: all 0.3s ease;
}

.product-item__description--description.expanded {
  -webkit-line-clamp: unset;
  overflow: visible;
}

.toggle-btn.expanded svg {
  transform: rotate(180deg);
}

.toggle-btn {
  margin-top: 5px;
  background: none;
  border: none;
  color: #F57A2A;
  cursor: pointer;
  padding: 0;
}

.toggle-btn > div {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}

.product--title {
  font-size: 30px;
  font-weight: 600;
  color: #3B3027;
  font-family: 'Lora', serif !important;
}

.product-info__title {
  font-size: 28px;
  font-weight: 600;
  color: #3B3027;
  line-height: 120%;
  letter-spacing: -2%;
  font-family: 'Lora', serif !important;
}

.product-info {
  margin-top: 11px;
}

.product-info__price {
  display: flex;
  column-gap: 10px;
  flex-wrap: wrap;
  align-items: center;
}

@media screen and (max-width: 999px) {
  .product-info__price {
    justify-content: start;
  }
}

@media screen and (min-width: 700px) {
  .product-info__price .product-info--stock {
    display: none;
  }
}

.product-info .product-info__block-item {
  width: 460px;
  margin-left: auto;
}

@media screen and (min-width: 1000px) {
  .product-info .product-info__block-item[data-block-type="reliability-makers"] {
    margin-block-start: -8px;
  }
}

.product-info .product-info__block-item[data-block-type="price"] {
  margin-top: 0;
  margin-bottom: calc(var(--product-info-block-spacing) / 2);
}

.product-info .product-info__block-item[data-block-type="specs"] {
  width: 100%;
}

.product-info .product-info__block-item[data-block-type="stock"] {
  margin-top: 8px;
}

.product-info .product-info__block-item[data-block-type="title"] {
  margin-bottom: var(--product-info-block-spacing);
}

.product-info__subtitle {
  margin-top: -5px;
  color: #454545;
}

.product-info__subtitle-separator {
  color: #DDDDDD;
}

asd-tooltip.hide-desktop {
  display: none;
}

.product-info--shipping-block-small__content {
  display: flex;
  align-items: center;
}

.product-info--shipping-block-small__container .product-info--shipping-block--tooltip.bottom {
  bottom: -10px;
}

.product-info--shipping-block-small__content svg {
  width: 15px;
  height: 15px;
  margin-right: 5px;
  color: var(--color);
}

.product-info--shipping-block-small__content span {
  font-weight: 700;
  font-size: 14px;
}

@media screen and (max-width: 999px) {
  asd-tooltip.hide-desktop {
    display: unset;
  }

  asd-tooltip.hide-mobile {
    display: none;
  }
}

.product-info--shipping-block {
  display: flex;
  align-items: center;
  gap: 10px;
  position: relative;
}

.product-info--shipping-block__content {
  display: flex;
  align-items: center;
  gap: 2px;
  font-weight: 400;
  font-size: 14px;
}

.product-info--shipping-block__content strong {
  color: #ef8432;
  font-weight: 800;
}

.cart-usps--usp {
  font-size: 14px;
  display: flex;
  align-items: center;
  font-weight: 400;
}

.cart-usps--usp svg {
  margin-right: 10px;
}

.cart-usps--usp strong {
  color: #ef8432;
  font-weight: 800;
}

.product-info__block-item__decrease_top_spacing {
  margin-top: 7px;
}

.product-info__block-item__decrease_bottom_spacing {
  margin-bottom: 7px;
}

.product-info--shipping-block-small__container {
  padding: 0;
}

.product-info--shipping-block-small__container .product-info--shipping-block-small__content > svg {
  margin-left: 0;
}

.product-info--shipping-block--tooltip {
  position: absolute;
  background-color: #FFF;
  border: 1px solid;
  border-radius: 20px;
  padding: 20px;
  font-size: 14px;
  max-width: 300px;
  z-index: 2;
  top: 0;
  transform: translateY(-100%);
  opacity: 0;
  visibility: hidden;
  transition: opacity .3s, visibility .3s;
}

.product-info--shipping-block--tooltip.show {
  opacity: 1;
  visibility: visible;
}

.product-info--shipping-block--tooltip.bottom {
  top: unset;
  bottom: 0;
  transform: translateY(100%);
}

.product-info--shipping-block--tooltip::after {
  content: "";
  width: 10px;
  height: 10px;
  background-color: #fff;
  position: absolute;
  bottom: -5.5px;
  border: 1px solid;
  transform: rotate(45deg);
  z-index: -1;
  left: 17px;
  border-top: 0;
  border-left: 0;
}

.product-info--shipping-block--tooltip.bottom::after {
  bottom: unset;
  top: -5px;
  border-top: 1px solid;
  border-left: 1px solid;
  border-bottom: 0;
  border-right: 0;
}

.product-info--specs {
  background-color: #FAF7F2;
  border-radius: 20px;
  padding: 25px 0;
}

.product-info--specs--mobile {
  display: none;
}

@media screen and (max-width: 999px) {
  .product-info--specs--mobile {
    display: block;
  }
}

.product-info--specs .product-item__description--title {
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 20px;
  display: block;
}

.product-info__specs--wrapper {
  display: flex;
  flex-direction: column;

  border-radius: 8px;
  border: 1px solid #DDDDDD;
}

@media screen and (max-width: 699px) {
  .product-info__specs--wrapper {
    border: 0;
    margin-left: -16px;
    width: calc(100% + 32px);
  }
}

.product-info__specs--wrapper .product-info__specs--content {
  background: #FAF7F2;
}

.product-info__specs--wrapper .product-info__specs--content:nth-child(2n) {
  background: #FFFFFF;
}

.product-info__specs--wrapper .product-info__specs--content-value-full {
  margin: 0;
  text-align: center;
}

.product-info__specs--content {
  padding: 8px 24px;
}

.product-info--specs--mobile .product-info__specs--content {
  padding: 8px 16px;
}

.product-info__specs--content {
  display: grid;
  grid-template-columns: 200px 1fr;

  align-items: center;
}

.product-info__specs--content > :nth-child(1) {
  margin-top: 0;
}

.product-info__specs--content-value-full {
  grid-column: 1 / -1;
  font-weight: 500;
  margin: 20px 0;
  order: -1;
}

.product-info__specs--content-value-full a {
  text-decoration: underline;
}

.product-info__specs--content-value-last {
  display: flex;
  align-items: center;
  gap: 5px;
}

.product-info__specs--content-title {
  font-weight: 700;
}

@media screen and (max-width: 999px) {  
  .shopify-section--main-product .section {
    padding-block-start: 10px;  
  }

  .product--filled-balloon-button {
    font-size: 14px;
  }

  .product--title {
    max-width: 70%;
    line-height: normal;
    font-size: 24px;
  }
  
  .product-info--specs {
    background-color: #FFF;
    border-top: 1px solid #dadada;
    border-bottom: 1px solid #dadada;
    border-radius: 0;
    padding: 20px 0;
  }

  .product-gallery__thumbnail-list {
    grid-auto-columns: 73px;
  }

  .product-thumbnails--hide-mobile.product-gallery__thumbnail-list-wrapper {
    display: none !important;
  }

  .product-info {
    margin-top: 0;
  }

  .product-info__specs--content {
    grid-template-columns: 140px 1fr;
  }

  .product-item--description {
    margin-top: 20px;
  }
}

@media screen and (max-width: 699px) {
  .product--title {
    max-width: 100%;
    font-size: 21px;
  }

  cart-drawer .buy-buttons .button {
    font-size: 14px;
  }
}

.product-info price-list {
  flex-direction: row-reverse;
  justify-content: start;
}

.product-info__price--popup-text {
  font-weight: 700;
  font-size: 14px;
  color: #F57A2A;
  text-decoration: underline;
}

.product-info__price--popup-text .rao-tooltip--button {
  display: flex;
  align-items: center;
  gap: 5px;
}

.product-info__price--popup-text path {
  fill: #F57A2A;
}

.product-info compare-at-price, .product-info sale-price, .product-info__exra-products--price compare-at-price, .product-info__exra-products--price sale-price {
  font-size: 1.4rem;
  font-family: var(--heading-font-family);
  font-weight: 800;
  font-style: var(--heading-font-style);
  letter-spacing: var(--heading-letter-spacing);
  color: #000;
  line-height: normal;
}

@media screen and (max-width: 999px) {
  .product-info compare-at-price, .product-info sale-price, .product-info__exra-products--price compare-at-price, .product-info__exra-products--price sale-price {
    font-size: 1.4rem;
  }

  .product-info__price--popup-text {
    font-size: 16px;
  }
}

.product-info compare-at-price {
  color: rgb(var(--text-color));
}

.product-info compare-at-price.line-through {
  color: rgb(var(--text-color) / .5);
}

.product-info sale-price {
  color: rgb(var(--text-color));
}

.product-info--stock {
  display: flex;
  align-items: center;
}

.product-info--stock svg {
  width: 15px;
  height: 15px;
  margin-right: 5px;
  color: var(--color);
}

.product-info--stock span {
  color: var(--color);
  font-weight: 700;
  font-size: 14px;
}

.quantity-selector {
  height: 32px;
}

.quantity-selector__button {
  padding-inline-start: 0;
  color: #001932;
  padding-inline-end: 0;
}

.quantity-selector__input {
  min-width: 0;
  width: 20px;
}

.product-info__buy-buttons, .product-info__extra-products--container {
  margin-left: -20px;
}

.product-info__buy-buttons--extra {
  display: flex;
  gap: 16px;
  align-items: center;
  margin-top: 8px;
  font-size: 14px;
}

.product-info__buy-buttons--extra::before, .product-info__buy-buttons--extra::after {
  content: "";
  display: block;
  height: 1px;
  width: 44px;
  background-color: #ddd;
  flex: 1;
}

.product-info__buy-buttons .button {
  /*padding-block-start: 8px;
  padding-block-end: 8px;*/
}

.product-info__buy-buttons .button > div {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}

/* .product-info__buy-buttons .button svg {
  width: 15px;
  height: 15px;
  flex-shrink: 0;
} */

@media screen and (max-width: 380px) {
  buy-buttons[template="met-helium"] svg {
    display: none;
  }

  buy-buttons[template="met-helium"] .button {
    font-size: 14px;
  }
}

.product-info--makers {
  display: flex;
  gap: 15px;
  justify-content: center;
  align-items: center;
}

.product-info--makers img {
  height: 35px;
  width: auto;
  object-fit: contain;
}

.product-info--makers .dhl-image {
  border-radius: 5px;
  height: 40px;
}

.product-info--makers .ideal-image {
  height: 45px;
}

.product-info--makers iframe {
  height: 90px !important;
  width: 175px !important;
  margin-right: -10px;
}

.product-info--makers .trustpilot-widget {
  margin: 0;
  width: 139px;
}

.product-info--makers .trustpilot-widget iframe {
  width: 142px !important;
}

@media screen and (max-width: 699px) {
  .product-info--makers img {
    height: 35px;
  }

  .product-info--makers .trustpilot-widget iframe {
    height: 90px !important;
    width: 144px !important;
  }

  .product-info__block-item[data-block-type="stock"] {
    /*display: none;*/
  }
}

@media screen and (max-width: 360px) {
  .product-info--makers .ideal-image {
    height: 38px;
  }

  .product-info--makers .trustpilot-widget iframe {
    height: 79px !important;
    width: 111px !important;
  }

  .product-info--makers img {
    height: 30px;
  }

  .product-info--makers .dhl-image {
    height: 34px;
  }
}

.product-info--usp li {
  display: flex;
  align-items: center;
  gap: 5px;
  font-size: 14px;
  font-weight: 500;
}

.product-info--usp strong {
  color: #ef8432;
  font-weight: 800;
}

.product-info--usp li:before {
  content: '';
  display: block;
  background-image: url("data:image/svg+xml;utf8,<?xml version='1.0' encoding='utf-8'?><svg width='14' height='10' viewBox='0 0 14 10' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M12.87.88c.34.34.34.9 0 1.24l-7 7c-.34.34-.9.34-1.24 0l-3.5-3.5a.88.88 0 0 1 0-1.24c.34-.34.9-.34 1.24 0l2.88 2.88L11.63.88c.34-.34.9-.34 1.24 0Z' fill='%2300C800' stroke='%2300C800' style='fill:%2300C800;fill:color(display-p3 0 .7843 0);fill-opacity:1;stroke:%2300C800;stroke:color(display-p3 0 .7843 0);stroke-opacity:1' stroke-miterlimit='10'></path></svg>");
  width: 14px;
  height: 10px;
  background-repeat: no-repeat;
}

.product-info--extra-products h3 {
  font-weight: 500;
}

.product-info__extra-products--item {
  border: 1px solid #F57A2A;
  border-radius: 20px;
  padding: 15px;
  margin-top: 15px;
  position: relative;
}

.product-info__asd {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 30px;
}

.product-info__extra-products--item-note {
  display: none;
}

.checked .product-info__extra-products--item-note {
  display: block;
  color: #111111b3;
  font-size: 12px;
  margin-left: 100px;
  list-style: disc;
}

.product-info__extra-products--image {
  min-width: 60px;
  max-width: 60px;
  cursor: pointer;
}

.product-info__extra-products--item.checked .product-info__extra-products--image img:nth-child(1) {
  display: none;
}

.product-info__extra-products--item:not(.checked) .product-info__extra-products--image img:nth-child(2) {
  display: none;
}

.product-info__extra-products--title {
  color: #F57A2A;
  font-weight: 600;
  display: flex;
}

.product-info__extra-products--title span {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  overflow: hidden;
  cursor: pointer;
  line-clamp: 2;
}

.product-info__extra-products--title svg {
  display: inline;
  vertical-align: middle;
  cursor: pointer;
}

.product-info__extra-products--checkmark {
  flex-direction: column;
  align-items: center;
  display: none;
}

.checked .product-info__extra-products--checkmark {
  display: flex;
}

.product-info__extra-products--checkmark svg {
  width: 38px;
  height: auto;
}

.product-info__extra-products--checkmark span {
  color: rgba(17, 17, 17, 0.7);
  font-size: 12px;
  cursor: pointer;
}

.checked .product-info__extra-products--button {
  display: none;
}

.product-info__extra-products--button {
  padding: 10px 25px;
  background-color: #16A34A;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #FFF;
  border-radius: 20px;
  cursor: pointer;
  box-shadow: inset 0 0 0 2px #16A34A;
  transition: background-color .3s, color .3s;
}

.product-info__extra-products--button:hover {
  color: #16A34A;
  background-color: #FFF;
}

.product-item__description--mobile {
  display: none; 
}

.product-quick-add {
  right: 0 !important;
  bottom: 0;
  border: 0;
  box-shadow: #00000080 0 8px 22px;
  border-radius: 0px;
  width: fit-content;
  padding: 10px max(var(--container-gutter),50% - var(--container-max-width) / 2);
  margin: 0 !important;
  max-width: 100%;
  width: 100%;
}

@media screen and (min-width: 1000px) {
  .product-quick-add {
    --container-inner-width: min((100vw - var(--scrollbar-width, 0px)) - var(--container-gutter) * 2, var(--container-max-width));
    --container-outer-width: calc(((100vw - var(--scrollbar-width, 0px)) - var(--container-inner-width)) / 2);
    margin-inline-start: max(var(--container-gutter),50% - var(--container-max-width) / 2);
    margin-inline-end: max(var(--container-gutter),50% - var(--container-max-width) / 2);
  }

  .product-quick-add .product-info__buy-buttons--extra {
    display: none;
  }
}

.product-quick-add__variant {
  display: flex;
  justify-content: space-between;
}

.product-quick-buy--left-side {
  display: flex;
  align-items: center;
  gap: 20px;
}

.product-quick-add__variant variant-media {
  width: 45px;
  min-width: 45px;
}

.product-quick-buy--right-side {
  display: flex;
  align-items: center;
  gap: 20px;
}

.product-quick-buy--right-side .button > div {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}

@media screen and (max-width: 999px) {
  .product-quick-buy--right-side .button > div {
    font-size: 16px;
  }

  .product-quick-buy--mobile-left {
    display: none;
  }

  .product-quick-buy--right-side rao-addon-trigger {
    width: 100%;
  }

  .product-info__extra-products--title span {
    display: inline;
  }

  .product-info__extra-products--item {
    padding: 15px; 
  }

  .product--filled .product-info__block-item:where([data-block-type="buy-buttons"]) {
    display: none;
  }
}

@media screen and (max-width: 699px) {
  .product-info__extra-products--image {
    min-width: 45px;
    max-width: 45px;
  }
}

@media screen and (max-width: 371px) {
  .product-quick-buy--right-side .button > div {
    font-size: 12px;
    white-space: nowrap;
  }

  .product-info__extra-products--item {
    padding: 5px;
  }

  .product-info__extra-products--button {
    padding: 9px 20px;
  }

  .product-quick-buy--mobile-left span {
    font-size: 12px !important;
    white-space: nowrap;
  }
}

.product-quick-buy--right-side buy-buttons button:last-child {
  display: none;
}

.product-quick-buy--mobile-left span {
  display: none;
}

.product-quick-add__variant price-list {
  flex-direction: row-reverse;
  justify-content: start;
}

.product-quick-add__variant compare-at-price, .product-quick-add__variant sale-price {
  font-size: var(--text-h5);
  font-family: var(--heading-font-family);
  font-weight: 800;
  font-style: var(--heading-font-style);
  letter-spacing: var(--heading-letter-spacing);
}

.product-quick-add__variant compare-at-price {
  color: rgb(var(--text-color));
}

.product-quick-add__variant compare-at-price.line-through {
  color: rgb(var(--text-color) / .5);
}

.product-quick-add__variant sale-price {
  color: rgb(var(--text-color));
}

.product-gallery__thumbnail-list-wrapper .rao-prev-button, .product-gallery__thumbnail-list-wrapper .rao-next-button {
  display: none !important;
}

.product-info__block-item .block-label {
  font-weight: 500;
}

@media screen and (max-width: 999px) {
  .product {
    grid-template-columns: 1fr;
    margin-top: -8px;
  }

  .product-gallery__thumbnail-list-wrapper {
    display: block !important;
  }

  .product-gallery__thumbnail-list-wrapper .cricle-button {
    display: block;
  }

  .product-gallery__thumbnail-list-wrapper .rao-prev-button, .product-gallery__thumbnail-list-wrapper .rao-next-button {
    display: block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
  }

  .product .page-dots {
    display: none;
  }

  .product-info .product-info__block-item {
    width: 100%;
  }

  .product-item--description {
    display: none;
  }

  .product-item__description--mobile {
    display: block;
  }

  .product:not(.product--filled) .product-info__buy-buttons {
    display: none;
  }

  .product-info__buy-buttons {
    margin-left: 0;
  }

  .product-info__buy-buttons .button {
    font-size: 16px;
  }

  .product-info__extra-products--container {
    margin-left: 0;
  }

  .product-quick-add:not(.product-quick-add--met-helium) {
    opacity: 1;
    visibility: visible;
  }

  .product-quick-add {
    width: 100%;
    max-width: 100%;
    border-radius: 0;
    bottom: 0;
    transform: unset;
    background-color: #FFF;
    padding: 10px max(var(--container-gutter),50% - var(--container-max-width) / 2);
  }

  

  .product-quick-buy--left-side {
    display: none;
  }

  .product-quick-buy--right-side {
    width: 100%;
    justify-content: space-between;
  }

  .product-quick-buy--right-side buy-buttons button:last-child {
    display: unset;
  }

  .product-quick-buy--right-side buy-buttons button:first-child {
    display: none;
  }

  .product-quick-buy--mobile-left span {
    display: flex;
    align-items: center;
    gap: 5px;
    font-weight: 600;
    color: #0c0;
    font-size: 14px;
  }

  .product-quick-buy--mobile-left span svg {
    width: 14px;
  }

  .product-quick-add__variant price-list sale-price {
    font-size: 18px;
  }

  .product-quick-add__variant price-list compare-at-price {
    font-size: 14px;
  }

  buy-buttons svg {
    width: 18px;
  }

  buy-buttons .icon--bag-plus path {
    fill: currentColor;
  }
}

/* Product Popup */
.product-info--popup-info {
  top: var(--top-amount);
  width: 550px;
  position: fixed;
  right: 0;
  background-color: #FFF;
  z-index: 11;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
  transform: translateX(100%);
  transition: transform .3s;
  padding: 30px;
  max-height: min(582px, 100%);
  overflow: auto;
  cursor: default;
}

.product-info__popup-info--overlay.open .product-info--popup-info {
  transform: translateX(0);
  box-shadow: #00000080 0 8px 22px;
}

.product-info__popup-info--close {
  position: absolute;
  right: 30px;
  top: 15px;
  cursor: pointer;
  /*color: #c8c8c8;*/
  color: #000;
}

.product-info__popup-info--container {
  margin-right: 30px;
}

.product-info__popup-info--label {
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 20px;
}

.product-info__popup-info--images {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 15px;
  margin-bottom: 50px;
  max-height: 260px;
  margin-right: -10px;
  padding-right: 10px;
  overflow: auto;
}

.product-info__popup-info--images img {
  /*aspect-ratio: 1.875;*/
  aspect-ratio: var(--aspect-ratio);
  object-fit: contain;
  cursor: pointer;
  padding: 5px;
}

.product-info__popup-info--images img:hover, .product-info__popup-info--images img.selected {
  box-shadow: inset 0 0 0 2px #F57A2A;
  border-radius: 10px;
}

.product-info__extra-products--info {
  width: 100%;
}

tooltip-info {
  margin-left: 10px;
  position: relative;
  height: fit-content;
}

.product-info__extra-products--tooltip-info {
  width: 300px;
  position: absolute;
  top: -5px;
  left: -142px;
  transform: translateY(-100%);
  opacity: 0;
  visibility: hidden;
  transition: opacity .3s, visibility .3s;
  z-index: 2;
}

.product-info__extra-products--tooltip-info.bottom {
  top: unset;
  bottom: 0;
  transform: translateY(100%);
}

.product-info__extra-products--tooltip-info.bottom::after {
  bottom: unset;
  top: -9px;
}

.product-info__extra-products--title svg:hover + .product-info__extra-products--tooltip-info, .product-info__extra-products--tooltip-info:hover {
  opacity: 1;
  visibility: visible;
}

.product-info__extra-products--tooltip-info.open {
  opacity: 1;
  visibility: visible;
}

.product-info__extra-products--tooltip-text {
  background-color: #FFF;
  border: 1px solid;
  border-radius: 20px;
  padding: 20px;
  font-size: 14px;
}

.product-info__extra-products--tooltip-info::after {
  content: "";
  width: 10px;
  height: 10px;
  background-color: #fff;
  position: absolute;
  bottom: 0;
  border: 1px solid;
  transform: rotate(45deg) translate(100%, -50%);
  z-index: -1;
  border-radius: 2px;
  left: calc(50% - 14.7px);
}

@media screen and (max-width: 799px) {
  .product-info__extra-products--tooltip-info {
    width: 200px;
    left: -92px;
  }

  .product-info__extra-products--tooltip-text {
    font-size: 12px;
    padding: 10px;
  }
}

.product-info__popup-info--form textarea {
  resize: none;
  width: 100%;
  height: 120px;
  background-color: #e6f3ff;
  border-radius: 20px;
  padding: 20px;
}

.product-info__popup-info--form textarea:focus-visible {
  outline: none;
}

.product-info__popup-info--container .button {
  width: 100%;
  margin-top: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  cursor: pointer;
  font-size: 16px;
}

.product-info__popup-info--container .button svg {
  width: 16px;
}

@media screen and (max-width: 699px) {
  .product-info--extra-products h3 {
    font-size: 16px;
  }
  
  .product-info--popup-info {
    width: 100%;
    border-radius: 0;
    top: unset;
    bottom: 0;
    z-index: 11;
    padding-bottom: 0;
  }

  .product-info__asd {
    gap: 10px;
  }

  .product-info__popup-info--images {
    grid-template-columns: 1fr 1fr;
  }

  .product-info__popup-info--images {
    margin-bottom: 30px;
  }

  .product-info__popup-info--container-asd {
    padding-bottom: 20px;
  }

  .product-info__popup-button-container {
    position: sticky;
    left: 0;
    bottom: 0;
    background-color: #fff;
    margin-left: -30px;
    width: calc(100% + 90px);
    padding: 20px 60px 20px 30px;
    box-shadow: #00000080 0 8px 22px;
  }

  .product-info__popup-info--container .button {
    margin-top: 0;
  }
}

/* Collection Page */
.collection--header {
  margin-top: 10px;
  margin-bottom: 8px;
  display: flex;
  justify-content: space-between;
}

.collection__header--title {
  font-size: 32px;
  font-weight: 700;
  color: #3B3027;
}

@media screen and (min-width: 1000px) {
  .collection__header--title {
    line-height: 77%;
  }
}

red-more {
  max-width: 755px;
  opacity: 0;
  visibility: hidden;
  margin-bottom: 20px;
  display: block;
  position: relative;
  transition: opacity .3s, visibility .3s;
}

.product-info--shipping-block--tooltip p {
  margin-bottom: 10px;
}

red-more.show {
  opacity: 1;
  visibility: visible;
}

.red-more--content {
  height: 48px;
  overflow: hidden;
  transition: height .3s;
}

red-more.open .red-more--content {
  height: var(--inner-height);
}

.red-more--inner * {
  line-height: 150%;
}

.red-more--inner a {
  color: #F57A2A;
  text-decoration: underline;
}

red-more span {
  font-weight: 400;
  cursor: pointer;
}

.red-more--more, .red-more--less {
  display: none;
  color: #F57A2A;
}

red-more.show-buttons .red-more--more {
  display: inline;
  position: absolute;
  bottom: 0;
  right: 0;
  background-color: #FAF7F2;
  padding-left: 3px;
  line-height: 150%;
}

red-more.show-buttons .red-more--less {
  display: none;
}

red-more.show-buttons.open .red-more--more {
  display: none;
}

red-more.show-buttons.open .red-more--less {
  display: inline;
}

.product-list {
  grid: unset;
  grid-template-columns: repeat(5, 1fr);
  --product-list-gap: 16px;
}

.collection--description.hide span {
  opacity: 0 !important;
  visibility: hidden !important;
}

@media screen and (max-width: 999px) {
  .product-list {
    grid-template-columns: repeat(3, 1fr);
  }

  .collection__header--title {
    font-size: 20px;
  }

  red-more {
    max-width: 100%;
    margin-bottom: 8px;
  }

  .red-more--content {
    height: 24px;
    overflow: hidden;
    transition: height .3s;
  }

  .red-more--more {
    bottom: unset;
    top: 0;
  }
}

@media screen and (max-width: 699px) {
  .product-list {
    grid-template-columns: repeat(2, 1fr);
    --product-list-gap: 8px;
  }
}

.collection {
  margin-top: 16px;
  --collection-sidebar-width: 200px;
}

.collection__top-bar .bold {
  color: #F57A2A;
}

.collection__top-bar .circle-chevron {
  --text-color: 0, 200, 0;
}

.collection__top-bar > .text-with-icon {
  display: none;
}

.collection__filter--price-label {
  display: block;
  font-weight: 700;
  margin-bottom: 20px;
}

.collection .range-group {
  --text-color: 0, 130, 255;
  background-color: #F57A2A;
}

.collection .input-group {
  justify-content: space-between;
  margin: 0 -15px;
}

.collection .input-group label {
  border: 0;
  width: fit-content;
  flex: unset;
}

.collection .input-group label input::placeholder, .collection .input-group label span {
  color: #000;
}

.collection .input-group label input {
  margin: 0;
}

.collection--mobile-filter--buttons, .collection--desktop-filter--buttons {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  grid-column: 1 / -1;
}

@media screen and (min-width: 1000px) {
  .collection--facet-drawers {
    display: none;
  }

  .collection--mobile-filter--buttons {
    display: none;
  }
}

@media screen and (max-width: 999px) {
  .collection--desktop-filter--buttons {
    display: none;
  }

  .collection--mobile-filter--buttons {
    display: none;
  }
}

facet-floating-filter .button {
  color: #FAF7F2 !important;
}

facet-floating-filter .button {
  padding-block-start: var(--spacing-2);
  padding-block-end: var(--spacing-2);
  padding-inline-start: var(--spacing-5);
  padding-inline-end: var(--spacing-5);
}

facet-floating-filter .button:not([disabled]):hover {
  color: #FAF7F2 !important;
  background-color: #FAF7F2 !important;
}

.facets-drawer .facets-vertical {
  padding-top: 20px;
}

.collection__results .text-center {
  display: none;
}

.removable-facet {
  --text-color: 0, 130, 255;
  background-color: rgba(0, 130, 255, .2);
}

@media screen and (max-width: 999px) {
  .collection--header .trustpilot-widget {
    display: none;
  }

  .collection {
    gap: 1rem;
    margin-block-end: 48px;
  }

  .collection--header {
    margin-top: 0;
    margin-bottom: 5px;
  }

  .collection--mobile-filter--buttons button {
    padding: 7px 15px;
  }

  .collection--mobile-filter--buttons .text-with-icon {
    font-size: 15px;
  }

  .collection--mobile-filter--buttons .text-with-icon svg {
    width: 16px;
  }
}

/* Side Cart */
.cart-drawer--title-container {
  gap: 24px;
  row-gap: 8px;
}

.cart-drawer--title {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 16px;
  border: 1px solid #00C801;
  width: 100%;
  border-radius: 8px;
  background-color: #F2FCF2;
  font-size: 16px;
  color: #00C801;
  letter-spacing: -2%;
}

.drawer__close-icon {
  height: 100%;
  aspect-ratio: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #DDD;
  color: #F57A2A;
  border-radius: 8px;
  transition: border-color .3s, background-color .3s, color .3s;
}

.drawer__close-icon:hover {
  border-color: #F57A2A;
  background-color: #F57A2A;
  color: #FFF;
}

.cart-drawer--footer-buttons {
  display: flex;
  gap: 8px;
}

.cart-drawer--footer-buttons > * {
  flex: 1;
  white-space: nowrap;
}

@media screen and (max-width: 699px) {
  .cart-drawer--footer-buttons {
    flex-wrap: wrap;
  }

  .drawer__close-icon {
    width: 40px;
    height: 40px;
  }
}

.cart-drawer--filled .cart-drawer--date {
  display: none;
}

.cart-drawer--filled .cart-drawer--date-button {
  display: none;
}

.cart-drawer:not(.cart-drawer--filled) .cart-drawer--big-footer form {
  display: none;
}

.cart-drawer__top--date-picker {
  display: flex;
  gap: 5px;
  align-items: center;
}

.cart-drawer--top .cart-drawer__footer--delivery-text {
  margin-top: 20px;
  display: none;
}

.cart-drawer__top--date-picker .cart-drawer__date--item {
  border: 0;
  padding: 0;
  border-radius: 0;
}

.cart-drawer__top--date-picker .cart-drawer__date--text {
  font-size: 14px;
  text-decoration: underline;
}

.cart-drawer__top--date-picker-title {
  font-size: 14px;
  font-weight: 400;
  display: flex;
  align-items: center;
  gap: 8px;
}

.drawer::part(footer) {
  padding-bottom: 1rem;
  padding-top: 1rem;
}

.cart-drawer--big-footer, .cart-drawer--small-footer {
  gap: 10px;
}

.cart-drawer__footer--title {
  font-size: var(--text-h5);
  font-weight: 700;
  font-size: 17px;
}

.cart-drawer--top {
  width: calc(100% + 48px);
  margin-left: -24px;
  padding-left: 24px;
  padding-right: 24px;
  border-bottom: 1px solid #1111111f;
  padding-bottom: 20px;
}

.cart-drawer--bottom {
  width: calc(100% + 48px);
  margin-left: -24px;
  padding-left: 24px;
  padding-right: 24px;
  border-top: 1px solid #1111111f;
  padding-top: 20px;
  margin-top: 20px;
  margin-bottom: -16px;
}

@media screen and (max-width: 699px) {
  .cart-drawer--top, .cart-drawer--bottom {
    width: calc(100% + 32px);
    margin-left: -16px;
    padding-left: 16px;
    padding-right: 16px;
  }

  .drawer::part(footer) {
    --drawer-footer-padding: .6rem 1rem 1.5rem 1rem;
  }
}

.cart-drawer__footer--bottom span {
  font-size: 16px;
}

.cart-drawer__top {
  padding-bottom: 20px;
}

.cart-drawer__footer--delivery-text {
  color: rgb(var(--text-color) / .8);
  font-size: 14px;
  display: flex;
  align-items: center;
}

.cart-drawer__footer--delivery-text svg {
  margin-right: 5px;
}

.cart-drawer__footer--delivery-text strong {
  color: #ef8432;
}

.order-note--container {
  color: rgb(var(--text-color) / .8);
  font-size: 14px;
}

.order-note--container svg {
  margin-right: 5px;
}

.order-note--container button span {
  color: #F57A2A;
  font-weight: 600;
}

.cart-drawer--asd {
  display: flex;
  gap: 20px;
  justify-content: center;
}

@media screen and (max-width: 699px) {
  .cart-drawer--asd {
    gap: 20px;
    margin-top: 24px !important;
  }
}

.cart-drawer--asd img {
  height: 22px;
  width: auto;
}

.cart-drawer--shipping-text {
  font-size: 14px;
  color: rgb(var(--text-color) / .4);
  font-weight: 500;
  margin-top: -5px;
  margin-bottom: 10px;
}

free-shipping-bar .bold {
  color: #000;
}

line-item:not(:first-child) {
  border-top: 1px solid #1111111f;
  padding-top: 1.5rem;
  width: calc(100% + 32px);
  margin-left: -16px;
  padding-left: 16px;
  padding-right: 16px;
  margin-top: 1.5rem;
}

.line-item__info {
  display: flex;
  justify-content: space-between;
  width: 100%;
  gap: 16px;
}

.line-item__info--title {
  color: #F57A2A;
  font-size: 16px;
  font-weight: 700;
  line-height: 150%;
  letter-spacing: -2%;
}

.line-item__info--remove {
  color: #F57A2A;
  font-weight: 400;
  line-height: 150%;
  letter-spacing: -2%;
}

.line-item__info--quantity {
  grid-area: quantity;
}

.line-item--price:not(.line-item__price--strike-price) {
  font-size: 16px;
  justify-self: end;
}

.line-item__info line-item-quantity .quantity-selector {
  border-radius: 8px;
  height: 40px;
  padding: 8px 16px;
  width: fit-content;
  gap: 24px;
}

.line-item__info price-list {
  flex-direction: row-reverse;
  justify-content: start;
}

.line-item__info compare-at-price, .line-item__info sale-price {
  font-family: var(--heading-font-family);
  font-weight: 400;
  font-style: var(--heading-font-style);
  letter-spacing: -2%;
  font-size: 16px;
}

.line-item__info compare-at-price {
  color: rgb(var(--text-color));
}

.line-item__info compare-at-price.line-through {
  color: rgb(var(--text-color) / .5);
}

.line-item__info sale-price {
  color: rgb(var(--text-color));
}

.line-item--addons {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-top: 10px;
}

.line-item--free .line-item__info--quantity {
  grid-area: title;
  margin-top: 20px;
}

.line-item--free img {
  height: 100%;
  object-fit: cover;
}

@media screen and (min-width: 1000px) {
  .line-item--free .line-item__info {
    grid-template-areas:
      "title  price" 
      "remove .    ";
  }
}

@media screen and (max-width: 999px) {
  .line-item--free .line-item__price--strike-price {
    grid-area: remove;
    margin-top: 24px;
  }
}

@media screen and (min-width: 700px) {
  .line-item {
    align-items: start;
  }
}

.line-item--addons .line-item {
  align-items: center;
}

.line-item__addons--title {
  font-weight: 700;
}

.line-item__media-wrapper {
  --line-item-image-width: 56px;
  height: 62px;
}

.line-item--addons .line-item__media-wrapper {
  height: auto;
  --line-item-image-width: 56px;
}

.line-item--specs {
  margin-top: 1.5px;
}

.line-item__info line-item-quantity {
  width: fit-content;
  margin-top: 8px;
  gap: 24px;
}

.list-disc:empty {
  display: none;
}

.line-item--content {
  width: 100%;
  display: flex;
  gap: 8px;
}

.line-item--addon-left {
  font-weight: 400;
  color: #001932;
  font-size: 14px;
  letter-spacing: -2%;
}

.line-item__content--title {
  font-weight: 400;
  color: #001932;
  font-size: 14px;
  letter-spacing: -2%;
}

.line-item--addon-left line-item-quantity {
  color: #F57A2A;
  display: flex;
  gap: 16px;
}

.cart-drawer__line-items {
  display: flex;
  flex-direction: column;
}

.line-item__content--custom-text {
  color: #111111b3;
  font-size: 12px;
  list-style: disc;
  margin-left: 12px;
}

@media screen and (max-width: 699px) {
  .line-item--addons {
    margin-top: 10px;
  }

  /*.checked .product-info__extra-products--item-note {
    margin-left: 80px;
  }*/

  .line-item__info line-item-quantity {
    flex-wrap: wrap;
    row-gap: 8px;
  }

  .line-item__info line-item-quantity .quantity-selector {
    height: 30px;
    gap: 14px;
  }
}

.line-item--free-product line-item {
  display: none;
}

line-item line-item {
  margin-top: 1.5rem;
  display: block;
} 

.line-item--price {
  display: flex;
  gap: 0;
  align-items: center;
  flex-direction: column;
  margin-left: auto;
}

.line-item--price .text-subdued {
  color: rgb(var(--text-color));
}

.line-item__price--strike-price sale-price, .line-item__price--strike-price compare-at-price {
  font-weight: 500;
  text-decoration: line-through;
  color: rgb(var(--text-color));
}

.line-item__price--strike-price {
  justify-self: end;
}

.line-item__price--strike-price .text-on-sale {
  display: none;
}

.line-item--price-gratis {
  font-weight: 800;
  color: #ef8432;
  font-size: 16px;
}

.cart-drawer__note {
  transition: visibility .2s ease-in-out, transform .2s ease-in-out;
  bottom: unset;
  top: 100%;
  z-index: 5;
}

.cart-drawer__note[open] {
  transform: translateY(-100%);
}

.cart-drawer--small-footer {
  display: none;
}

/*@media screen and (max-height: 598px) and (max-width: 699px) {
  .cart-drawer--small-footer {
    display: grid;
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid rgb(var(--border-color));
  }

  .cart-drawer--big-footer {
    display: none;
  }

  .drawer::part(footer) {
    display: none;
  }

  .media-grid-rao {
    --media-grid-row-height: 99px;
    --calculated-row-height: max(115px, min(100vw / 5, var(--media-grid-row-height)));
  }

  .cart-drawer--total {
    margin-top: 20px;
  }
}

@media screen and (max-height: 683px) and (min-width: 700px) {
  .cart-drawer--small-footer {
    display: block;
    margin-top: 20px;
  }

  .cart-drawer--big-footer {
    display: none;
  }

  .drawer::part(footer) {
    display: none;
  }

  .media-grid-rao {
    --media-grid-row-height: 99px;
    --calculated-row-height: max(115px, min(100vw / 5, var(--media-grid-row-height)));
  }

  .cart-drawer--total {
    margin-top: 20px;
  }
}*/

/* Date Picker */
rao-date-picker {
  width: 100%;
  max-width: 400px;  
  position: relative;
  display: block;
}

.rao-date-picker--overlay {
  background-color: #0006;
  top: 0;
  left: 0;
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 69420;
  cursor: pointer;
  display: none;
}

.rao-date-picker--overlay.open {
  display: block;
}

.rao-date-picker--header {
  font-size: var(--text-h5);
  line-height: 1.4;
  color: #000;
  font-weight: 700;
  margin-bottom: 10px;
}

.rao-date-picker--titles {
  font-size: 16px;
  font-weight: 700;
  letter-spacing: -2%;
  color: #F57A2A;
  cursor: pointer;
  width: fit-content;
}

.rao-date-picker--titles.show-selected .rao-date-picker--selected-title {
  display: flex;
}

.rao-date-picker--titles.show-selected .rao-date-picker--default-title {
  display: none;
}

.rao-date-picker--default-title, .rao-date-picker--selected-title {
  display: flex;
  align-items: center;
  gap: 8px;
}

.rao-date-picker--selected-title {
  display: none;
}

.rao-date-picker--selected-title .rao-date-picker--selected-title-short {
  display: none;
}

@media screen and (max-width: 400px) {
  .rao-date-picker--selected-title .rao-date-picker--selected-title-short {
    display: unset;
  }

  .rao-date-picker--selected-title .rao-date-picker--selected-title-long {
    display: none;
  }
}

.rao-date-picker--titles.show-selected .rao-date-picker--selected-title {
  display: flex;
}

.rao-date-picker--titles.show-selected .rao-date-picker--default-title {
  display: none;
}

.rao-date-picker--input {
  cursor: pointer;
  position: relative;
  overflow: hidden;
}

.rao-date-picker__input--content {
  color: #F57A2A;
  font-weight: 600;
}

.rao-date-picker__input--header-content {
  color: rgb(var(--text-color) / .8);
}

.rao-date-picker--asd {
  opacity: 0;
  position: absolute;
  bottom: 0;
  z-index: -3;
  width: 100%;
  height: 100%;
}

.rao-date-picker__input--text {
  flex: 1;
  padding: 6px;
  background-color: #eee;
  border-right: 1px solid #dedcdc;
  color: rgba(0,0,0,.4);
  padding-left: 15px;
}

.rao-date-picker__input--icon {
  width: 15px;
  height: 17.15px;
  margin: 10px;
  cursor: pointer;
}

.rao-date-picker__input--icon svg {
  fill: #F57A2A;
}

.rao-date-picker--container {
  display: flex;
  overflow: hidden;
  box-shadow: #00000080 0 5px 9px;
  position: fixed;
  width: calc(100% - 40px);
  max-width: 400px;
  transform: scale(0) translate(-50%, -50%);
  top: 50%;
  left: 50%;
  z-index: 69420;
  background-color: #FFF;
  border-radius: 10px;
  transition: transform .5s;
}

.cart {
  margin-bottom: 60px;
  margin-top: 16px;
  gap: 24px;
}

@media screen and (max-width: 699px) {
  .cart {
    margin-bottom: 20px;
  }
}

/*.rao-date-picker--container.left {
  left: var(--grid-gutter);
}

.rao-date-picker--container.right {
  right: var(--grid-gutter);
}*/

.rao-date-picker--container.open {
  transform: scale(1) translate(-50%, -50%);
}

.rao-date-picker--button {
  position: absolute;
  display: flex;
  top: 15px;
  cursor: pointer;
  z-index: 2;
  transition: color .3s;
}

.rao-date-picker--button.disabled {
  color: #eeeeee;
  cursor: default;
}

.rao-date-picker--previous {
  transform: rotate(180deg);
  left: 20px;
}

.rao-date-picker--next {
  right: 20px;
}

.rao-date-picker--button:not(.disabled):hover {
  color: #F57A2A;
}

.rao-date-picker--block {
  flex-shrink: 0;
  width: 100%;
  padding: 10px;
  transform: translateX(var(--transform-amount));
  transition: transform .5s cubic-bezier(.65,.05,.36,1);
}

.rao-date-picker--month {
  font-weight: 600;
  text-align: center;
  margin-bottom: 20px;
  font-size: 18px;
}

.rao-date-picker--days {
  display: grid;
  gap: 5px;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}

.rao-date-picker--day-name {
  text-align: center;
  border-radius: 50px;
}

.rao-date-picker--day-name:not(.no-hover) {
  color: #F57A2A;
  font-weight: 600;
  cursor: pointer;
  transition: color .3s, background-color .3s;
}

.rao-date-picker--day-name:not(.no-hover):hover, .rao-date-picker--day-name.selected {
  color: #FFF;
  background-color: #F57A2A;
}

.rao-date-picker--day-name.disabled {
  /*background-color: #dedcdc;
  color: rgba(0,0,0,.5);*/
  color: #0000007a;
  font-weight: 600;
}

.drawer::part(footer) { 
  box-shadow: #00000080 0 8px 22px;
}

.drawer::part(body) {
  --drawer-body-padding: 2rem 1.5rem;
}

.drawer {
  padding: .6666rem;
}

@media screen and (max-width: 1140px) {
  .drawer {
    padding: .25rem;
  }

  .drawer::part(body) {
    padding-top: 1rem;
  }

  .drawer::part(footer) {
    padding-top: 1rem;
  }
}

@media screen and (max-width: 699px) {
  .drawer {
    padding: .25rem;
  }

  .drawer::part(body) {
    --drawer-body-padding: 2rem 1rem;
  }
}

.shopify-pc__banner__btn-accept {
  color: #FFF !important;
  border: 0 !important;
  background-color: #16A34A !important;
  text-align: center !important;
  font-weight: 600 !important;
  font-size: var(--text-sm) !important;
  border-radius: var(--rounded-button) !important;
  letter-spacing: var(--text-letter-spacing);
  padding-block-start: var(--spacing-2-5);
  padding-block-end: var(--spacing-2-5);
  padding-inline-start: var(--spacing-5);
  padding-inline-end: var(--spacing-5);
  transition: background-color .15s ease-in-out,color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.shopify-pc__banner__btn-accept:hover {
  box-shadow: inset 0 0 0 2px currentColor !important;
  color: #16A34A !important;
  background-color: #FFF !important;
}

.shopify-pc__banner__btn-decline {
  box-shadow: inset 0 0 0 2px currentColor !important;
  color: #F57A2A !important;
  background-color: #FFF !important;
  text-align: center !important;
  font-weight: 600 !important;
  font-size: var(--text-sm) !important;
  border-radius: var(--rounded-button) !important;
  letter-spacing: var(--text-letter-spacing);
  padding-block-start: var(--spacing-2-5);
  padding-block-end: var(--spacing-2-5);
  padding-inline-start: var(--spacing-5);
  padding-inline-end: var(--spacing-5);
  border: 0 !important;
  transition: background-color .15s ease-in-out,color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.shopify-pc__banner__btn-decline:hover {
  background-color: #F57A2A !important;
  color: #FFF !important;
  box-shadow: unset !important;
}

/* Extra products collection */
.product-info__extra-products--temp {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 11;
  background: #0006;
  cursor: pointer;
  opacity: 0;
  visibility: hidden;
  transition: opacity .3s,visibility .3s;
}

.product-info__extra-products--temp.open {
  opacity: 1;
  visibility: visible;
}

.product-info__extra-products--temp .product-info--extra-products {
  display: block;
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background-color: #FFF;
  padding: 20px;
  border-radius: 10px;
  cursor: default;
}

.product-info__extra-products--temp .product-info__extra-products--container {
  margin-left: 0;
}

.product-info__extra-products--temp-button {
  margin-top: 20px;
  cursor: pointer;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding-block-start: 8px;
  padding-block-end: 8px;
}

.product-info__extra-products--temp-button div {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  font-size: 16px;
}

.product-info__extra-products--temp-button svg {
  width: 15px;
  height: 15px;
}

.product-info__popup-info--overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 11;
  cursor: pointer;
  opacity: 0;
  visibility: hidden;
  transition: opacity .3s,visibility .3s;
}

.product-info__popup-info--overlay.open {
  opacity: 1;
  visibility: visible;
}

.product-info__extra-products--close {
  position: absolute;
  top: 10px;
  right: 10px;
  cursor: pointer;
}

@media screen and (max-height: 700px) {
  .product-info__extra-products--temp .product-info--extra-products {
    width: 90%;
    max-height: calc(100% - 40px);
    top: unset;
    bottom: 20px;
    transform: unset;
    left: 5%;
    overflow: auto;
    padding-bottom: 80px;
  }

  .product-info__extra-products--temp-button-container {
    position: fixed;
    z-index: 1;
    bottom: 20px;
    padding: 10px 20px;
    background-color: #fff;
    box-shadow: #00000080 0 8px 22px;
    width: 90%;
    left: 5%;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
  }

  .product-info__extra-products--temp-button {
    margin-top: 0;
  }
}

@media screen and (max-width: 999px) {
  .product-info__extra-products--temp .product-info--extra-products {
    width: 100%;
    max-height: 100%;
    top: unset;
    bottom: 0;
    transform: unset;
    left: 0;
    overflow: auto;
    padding-bottom: 80px;
  }

  .product-info__extra-products--temp-button-container {
    position: fixed;
    z-index: 1;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 10px 20px;
    background-color: #FFF;
    box-shadow: #00000080 0 8px 22px;
  }

  .product-info__extra-products--temp-button {
    margin-top: 0;
  }
}

/* Cart Date Picker */
.cart-drawer--date-button {
  cursor: pointer;
  font-size: 14px;
}

.cart-drawer--date {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #FFF;
  z-index: 1;
  transition: transform .3s;
  transform: translateX(100%);
  padding: var(--drawer-body-padding);
  display: grid;
  grid-template-rows: auto 1fr auto;
  gap: 20px;
  padding-bottom: 0;
}

.cart-drawer--date.open {
  transform: translateX(0);
}

.cart-drawer__date--title {
  font-size: 20px;
  font-weight: 700;
}

.cart-drawer__date--items {
  overflow: auto;
}

.cart-drawer__date--item {
  border: 1px solid #1111111f;
  padding: 40px;
  border-radius: 5px;
  margin-bottom: 15px;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 15px;
}

.cart-drawer__date--item:last-child {
  margin-bottom: 0;
}

.cart-drawer__date--item.checked {
  color: #F57A2A;
  border-color: #F57A2A;
}

.cart-drawer__date--date-picker {
  position: relative;
}

.cart-drawer__date--circle {
  width: 30px;
  height: 30px;
  border: 1px solid #1111111f;
  border-radius: 15px;
  position: relative;
}

.cart-drawer__date--item.checked .cart-drawer__date--circle {
  background-color: #F57A2A;
}

.cart-drawer__date--circle::after {
  content: '';
  position: absolute;
  width: 10px;
  height: 10px;
  border-radius: 5px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background-color: #FFF;
}

.cart-drawer__date--text {
  font-size: 18px;
  font-weight: 600;
  flex: 1;
}

.cart-drawer__date--item:not(.cart-drawer__date--date-picker) .cart-drawer__date--text {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.cart-drawer__date--back {
  margin: 10px 0;
  margin-bottom: 13px;
  display: flex;
  align-items: center;
  gap: 5px;
  cursor: pointer;
  color: #F57A2A;
  font-size: 14px;
  font-weight: 600;
}

.cart-drawer__date--footer .cart-drawer--asd {
  justify-content: start;
  border-top: 1px solid #1111111f;
  margin-left: -1.5rem;
  margin-right: -1.5rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 20px;
}

.cart-drawer__date--back svg {
  transform: rotate(180deg);
  width: 15px;
}

.cart-drawer__date--footer {
  box-shadow: #00000080 0 8px 22px;
  margin-left: -1.5rem;
  margin-right: -1.5rem;
  padding: 1rem 1.5rem;
}

@media screen and (max-width: 699px) {
  .cart-drawer__date--footer {
    padding: 1rem;
    margin-left: -1rem;
    margin-right: -1rem;
  }
  
  .cart-drawer--date {
    gap: 10px;  
  }
  
  .cart-drawer__date--item {
    padding: 20px;
    gap: 10px;
    margin-bottom: 10px;
  }

  .cart-drawer__date--circle {
    width: 20px;
    height: 20px;
  }

  .cart-drawer__date--text {
    font-size: 16px;
  }

  .cart-drawer__date--title {
    font-size: 18px;
  }

  .cart-drawer__date--back {
    margin: 10px 0;
    margin-bottom: 13px;
  }

  .cart-drawer__date--footer .cart-drawer--asd {
    margin-left: -1rem;
    margin-right: -1rem;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .cart-drawer--asd img {
    height: 20px !important;
  }

  .cart-drawer--date {
    padding: 1rem;
    padding-bottom: 0;
  }

  .cart-drawer__date--back {
    gap: 5px;
  }

  .cart-drawer__date--back svg {
    width: 16px;
  }

  .cart-drawer__date--circle::after {
    width: 6px;
    height: 6px;
  }
}

/* Product Extra Products */
.product-addons--extra-products {
  margin-top: 20px;
}

.product-addons__extra-products--product-tooltip {
  position: absolute;
  right: 15px;
  color: #F57A2A;
  cursor: pointer;
}

.product-info__block-item .product-addons--extra-products {
  margin-left: -20px;
}

.product-addons--extra-products h3 {
  margin-left: 20px;
  margin-bottom: 20px;
}

.product-addons--extra-products scroll-carousel {
  padding: 0;
  width: 100%;
  margin: 0;
}

.product-addons--extra-products .rao-prev-button {
  left: 0 !important;
  transform: scale(1);
}

.product-addons--extra-products .rao-next-button {
  right: 0px !important;
  transform: scale(1);
}

@media screen and (min-width: 1000px) {
  .product-addons--extra-products .rao-next-button:not([disabled]), 
  .product-addons--extra-products .rao-prev-button:not([disabled]) {
    opacity: 1;
    visibility: visible;
  }
}

.product-addons__extra-products--container {
  --column-amount: 2.5;
  --gap: 20px;
  /*display: flex;*/
  gap: var(--gap);
  display: grid;
  --collection-list-grid: auto / auto-flow calc(100% / var(--column-amount) - (var(--gap) / var(--column-amount) * (var(--column-amount) - 1)));
  grid: var(--collection-list-grid, none);
  width: 480px;
}

.product-info__extra-products--temp .product-addons__extra-products--container {
  width: 100%;
}

.product-addons__extra-products--product {
  /*flex-shrink: 0;
  width: calc(100% / var(--column-amount) - (var(--column-amount) - 1) * var(--gap) / var(--column-amount));*/
  display: flex;
  flex-direction: column;
  gap: 5px;
  align-items: center;
  border: 1px solid #F57A2A;
  border-radius: 20px;
  padding: 15px;
  margin: 0;
}

.product-addons__extra-products--product-image {
  width: fit-content;
  margin: 0 auto;
}

.product-addons__extra-products--product-image img {
  width: 100px;
  aspect-ratio: 1;
  object-fit: contain;
}

.product-addons__extra-products--product-title {
  text-align: center;
}

.product-addons__extra-products--add-button {
  cursor: pointer;
}

.product-addons__extra-products--remove-button {
  display: none;
}

.product-addons__extra-products--remove-button svg {
  width: 38px;
  height: auto;
}

.product-addons__extra-products--remove-button span {
  cursor: pointer;
  font-size: 14px;
}

.product-addons__extra-products--product.checked .product-addons__extra-products--remove-button {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.product-addons__extra-products--product.checked .product-addons__extra-products--add-button {
  display: none;
}

@media screen and (max-width: 999px) {
  .product-info__block-item .product-addons--extra-products {
    margin-left: 0;
  }

  .product-addons__extra-products--container {
    width: auto;
    --column-amount: 2;
  }

  .product-addons--extra-products h3 {
    margin-left: 0;
  }
}

@media screen and (max-width: 699px) {
  extra-products {
    display: block;
    width: var(--width);  
  }
  
  .product-addons__extra-products--container {
    --column-amount: 1.8;
    --collection-list-grid: auto / auto-flow calc(var(--width) / var(--column-amount) - (var(--gap) / var(--column-amount) * (var(--column-amount) - 1)));
  }

  .product-addons--extra-products .rao-prev-button {
    left: -20px !important;
  }

  .product-addons--extra-products .rao-next-button {
    right: -20px !important;
  }

  .product-info__block-item .product-addons--extra-products .rao-prev-button {
    left: calc(-1 * var(--container-outer-width)) !important;
  }

  .product-info__block-item .product-addons--extra-products .rao-next-button {
    right: calc(-1 * var(--container-outer-width)) !important;
  }

  .product-addons__extra-products--product-title {
    font-size: 15px;
  }
}

/* Tooltip Info Extra */
.tooltip-info-extra--content {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  top: var(--top-amount);
  left: var(--left-amount);
  width: var(--width-amount);
  z-index: 1;
  color: #F57A2A;
  transition: opacity .3s, visibility .3s;
}

.tooltip-info-extra--content.open {
  opacity: 1;
  visibility: visible;
}

.tooltip-info-extra--content::after {
  content: '';
  position: absolute;
  width: 10px;
  height: 10px;
  border: 1px solid;
  background-color: #fff;
  transform: rotate(45deg) translate(-100%);
  border-radius: 2px;
  z-index: -1;
  left: calc(var(--point-left-amount) - 9px);
  top: 3px;
}

/* Addon Section */
.addon-section--anchor {
  --padding-amount: var(--header-height);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  width: 100%;
  height: 100%;
  background-color: #FFF;
  overflow: auto;
  margin-top: var(--padding-amount);
  padding-bottom: var(--padding-amount);
  transform: translateX(100%);
  transition: transform .3s;
}

.addon-section--anchor.active {
  transform: translateX(0);
}

.addon-section--section {
  padding: 20px 0;
  background-color: #fff;
}

.addon-section--title {
  font-size: 28px;
  font-weight: 700;
  color: #115dbb;
}

.addon-section--description {
  margin-bottom: 30px;
}

.addon-section__title--mobile {
  display: none;
}

addon-section {
  display: flex;
  flex-direction: row-reverse;
  gap: 8px;
}

.addon-section--cart {
  border: 1px solid #DDD;
  border-radius: 8px;
  padding: 16px 24px;
  height: fit-content;
  width: 30%;
  color: #001932;
  position: sticky;
  /*top: calc(var(--header-height) + var(--announcement-bar-height));*/
  /*top: 20px;*/
  top: calc(var(--header-height) + 20px);
}

.addon-section--cart .rao-badges--container {
  display: none;
}

.addon-section__cart--title {
  font-size: 18px;
  font-weight: 700;
  line-height: 150%;
  letter-spacing: -2%;
  color: #F57A2A;
}

.addon-section__cart--products {
  margin-top: 16px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.addon-section__cart--products .addon-section__cart--product-btn {
  display: none;
}

.addon-section__cart--product {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
}

.addon-section__cart--product:not(.addon-section__cart--product-main) zoom-modal-trigger {
  display: none;
}

.addon-section__cart--product-zoom {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: end;
  justify-content: end;
  cursor: pointer;
}

.addon-section__cart--product-zoom svg {
  stroke-width: 1.5;
  color: #747571;
  margin-right: 10px;
  margin-bottom: 10px;
}

@media screen and (min-width: 999px) {
  .addon-section__cart--product-zoom {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #00000082;
    bottom: unset;
    right: unset;
    top: 0;
    left: 0;
    color: #FFF;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: opacity .3s;
  }

  .addon-section__cart--product-zoom:hover {
    opacity: 1;
  }

  .addon-section__cart--product-zoom svg {
    width: 100%;
    height: 100%;
    padding: 15px;
    color: #FFF;
  }
}

.addon-section__cart--product.hidden {
  display: none;
}

.addon-section__cart--product-info {
  display: flex;
  align-items: center;
  gap: 16px;
}

.addon-section__cart--product-image {
  width: 56px;
  height: 56px;
  position: relative
}

.addon-section__cart--product-title {
  font-size: 16px;
  font-weight: 700;
  line-height: 150%;
  letter-spacing: -2%;
}

.addon-section__cart--product-specs {
  display: flex;
  flex-wrap: wrap;
  column-gap: 6px;
}

.addon-section__cart--product-specs span {
  font-size: 14px;
  line-height: 150%;
  letter-spacing: -2%;
  font-weight: 400;
  padding-right: 6px;
  border-right: 1px solid #DDD;
  color: #454545;
}

.addon-section__cart--product-specs span:last-child {
  padding-right: 0;
  border-right: 0;
}

.addon-section__cart--product-price sale-price, .addon-section__cart--product-price compare-at-price {
  font-size: 16px;
}

.addon-section__cart--shipping {
  margin-top: 16px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.addon-section__cart--shipping-title {
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
  letter-spacing: -2%
}

.addon-section__cart--shipping-price {
  font-size: 16px;
  font-weight: 700;
  line-height: 150%;
  letter-spacing: -2%;
}

shipping-calculator[data-shipping-amount="0"] {
  color: #FF7E00;
}

.addon-section__cart--total {
  margin-top: 16px;
  padding-top: 16px;
  justify-content: space-between;
  align-items: center;
  border-top: 1px solid #DDD;
}

addon-section .addon-section__cart--total {
  display: none;
}

.addon-section__cart--total.show {
  display: flex;
}

.addon-section__cart--total-title {
  font-size: 16px;
  font-weight: 700;
  line-height: 150%;
  letter-spacing: -2%;
}

.addon-section__cart--total-title-sub {
  font-size: 12px !important;
  font-weight: 400;
  color: #868686;
}

.addon-section__cart--total-price {
  font-size: 16px;
  font-weight: 700;
  line-height: 150%;
  letter-spacing: -2%;
}

.addon-section--container {
  flex: 1;
  min-width: 700px;
}

.addon-section--tab {
  border: 1px solid #DDD;
  border-radius: 8px;
  padding: 24px;
  background-color: #FFF;
  position: relative;
  overflow: hidden;
  max-width: 1040px;
  transition: background-color .5s, border-color .5s;
}

.addon-section--tab.product-chosen {
  border-color: #00C801;
  background-color: #f5fdf5 !important;
}

.addon-section--tab:not(:first-child) {
  margin-top: 8px;
}

.addon-section--tab.open {
  background-color: #F7EFE3;
}

.addon-section__tab--accordion-button {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  cursor: pointer;
}

.addon-section__tab--accordion-button-info {
  display: flex;
  align-items: center;
  gap: 10px;
}

.addon-section__tab--number {
  font-size: 18px;
  color: #F57A2A;
  background-color: #f0f8ff;
  width: 48px;
  height: 48px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  font-weight: 700;
  line-height: 150%;
  display: grid;
  grid-template-areas: "asd";
  transition: background-color .5s, color .5s;
}

.addon-section__tab--number span {
  grid-area: asd;
  transition: opacity .5s, visibility .5s;
}

.addon-section__tab--number-checkmark, .addon-section--tab.product-chosen .addon-section__tab--number-number {
  opacity: 0;
  visibility: hidden;
  width: 0;
}

.addon-section--tab.product-chosen .addon-section__tab--number-checkmark {
  opacity: 1;
  visibility: visible;
  width: fit-content;
}

.addon-section--tab.product-chosen .addon-section__tab--number, .addon-section--tab.product-chosen .addon-section__tab--accordion-title {
  color: #00C801;
}

.addon-section--tab.product-chosen .addon-section__tab--number {
  background-color: #FFF;
}

.addon-section__tab--number svg {
  width: 18px;
  height: auto;
}

.addon-section--tab.open .addon-section__tab--number {
  background-color: #FFF;
}

.addon-section__tab--accordion-title {
  font-size: 20px;
  font-weight: 700;
  color: #F57A2A;
  line-height: 120%;
  letter-spacing: -2%;
  transition: color .5s;
}

.addon-section__tab--accordion-button-icons {
  width: 40px;
  height: 40px;
  border: 1px solid #DDD;
  color: #F57A2A;
  background-color: #FFF;
  display: grid;
  border-radius: 8px;
  grid-template-areas: "asd";
  aspect-ratio: 1;
  transition: color .5s, background-color .5s, border-color .5s;
}

.addon-section__tab--accordion-button-icon {
  grid-area: asd;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: opacity .5s, visibility .5s;
}

.addon-section__tab--accordion-button-icon svg {
  transition: transform .5s;
}

.addon-section__tab--accordion-button-icon-minus {
  opacity: 0;
  visibility: hidden;
}

.addon-section--tab.open .addon-section__tab--accordion-button-icons,
.addon-section__tab--accordion-button-icons:hover {
  border-color: #F57A2A;
  background-color: #F57A2A;
  color: #FFF;
}

.addon-section--tab.open .addon-section__tab--accordion-button-icon-minus {
  opacity: 1;
  visibility: visible;
}

.addon-section--tab.open .addon-section__tab--accordion-button-icon-plus {
  opacity: 0;
  visibility: hidden;
}

.addon-section--tab.open .addon-section__tab--accordion-button-icon svg {
  transform: rotate(180deg);
}

.addon-section__tab--content {
  height: 0;
  overflow: hidden;
  transition: height .5s;
}

.addon-section__tab--content.no-transition {
  transition: none;
}

.addon-section__tab--inner {
  padding-top: 16px;
}

.addon-section--tab.open .addon-section__tab--content {
  height: var(--inner-height);
}

.addon-section__tab--description {
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
  letter-spacing: -2%;
  color: #001932;
}

.addon-section__tab--description .rao-tooltip--button {
  font-weight: 700;
  color: #F57A2A;
  position: relative;
}

.addon-section__tab--description .rao-tooltip--button::after {
  content: "";
  position: absolute;
  height: .3rem;
  width: 100%;
  bottom: 0;
  left: 0;
  border-bottom: 1px solid;
  transition: width .3s ease-in-out;
}

.addon-section__tab--description .rao-tooltip--button:hover::after {
  width: 0;
}

.addon-section__tab--date-title {
  font-size: 16px;
  margin-top: 16px;
  display: block;
}

.addon-section__tab--products {
  margin-top: 16px;
  display: grid;
  gap: 8px;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  height: var(--inner-height);
  overflow: hidden;
  transition: height .5s;
}

.addon-section__tab--product-empty .addon-section__tab--product-image {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #FFF;
  border-radius: 8px;
  /*aspect-ratio: var(--aspect-ratio);*/
}

.addon-section__tab--product-icon {
  /*aspect-ratio: var(--aspect-ratio);*/
  aspect-ratio: 1;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.addon-section__tab--product-image .icon-close {
  /*aspect-ratio: var(--aspect-ratio);*/
  width: 60%;
  height: auto;
  color: #DDD;
}

.addon-section__tab--product-zoom {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 2;
}

.addon-section__tab--product-zoom svg {
  width: 20px;
  height: auto;
  stroke-width: 1.5;
  color: #adaea9;
}

@media screen and (max-width: 699px) {
  .addon-section__tab--product-icon{
    width: 70px;
    margin: 0 auto;
    height: 70px;
  }
}

.addon-section__tab--product-empty-button {
  width: fit-content;
  padding: 6px 14px;
  font-size: 12px;
  margin-left: auto;
}

.selected .addon-section__tab--product-empty-button {
  background-color: var(--button-hover-background-color) !important;
  color: var(--button-hover-label-color) !important;
  border-color: var(--button-hover-border-color) !important;
}

.addon-section__tab--product {
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: space-between;
  border: 1px solid #DDD;
  border-radius: 8px;
  background-color: #fff;
  cursor: pointer;
  position: relative;
  transition: border-color .3s;
}

.addon-section__tab--product > * {
  transition: opacity .3s;
}

.product-selected .addon-section__tab--product:not(.selected) > * {
  opacity: .5;
}

.addon-section__tab--product:hover {
  border-color: #F57A2A;
}

.addon-section__tab--product-image {
  width: 100%;
  padding: 15px;
}

.addon-section__tab--product-image img {
  height: 100%;
  object-fit: contain;
  width: 100%;
  /*aspect-ratio: var(--aspect-ratio);*/
  aspect-ratio: 1;
}

.addon-section__tab--product-content {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 16px;
  border-top: 1px solid #DDD;
}

.addon-section__tab--product-title {
  font-size: 16px;
  font-weight: 700;
  letter-spacing: -2%;
  line-height: 150%;
  color: #F57A2A;
}

.addon-section__tab--product-specs {
  display: flex;
  flex-wrap: wrap;
  column-gap: 6px;
}

.addon-section__tab--product-specs span {
  font-size: 14px;
  line-height: 150%;
  letter-spacing: -2%;
  font-weight: 400;
  padding-right: 6px;
  border-right: 1px solid #DDD;
  color: #454545;
}

.addon-section__tab--product-specs span:last-child {
  padding-right: 0;
  border-right: 0;
}

.addon-section__tab--product-content-bottom {
  margin-top: 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.addon-section__tab--product-select {
  display: flex;
  align-items: center;
  gap: 5px;
  font-size: 14px;
  margin-bottom: 10px;
  margin-left: auto;
  margin-right: auto;
}

.addon-section__tab--product-select-checkbox {
  width: 18px;
  height: 18px;
  border: 1px solid #DDD;
  border-radius: 50%;
  background-color: #FFF;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: border-color .3s;
}

.addon-section__tab--product-select-checkbox::before {
  content: "";
  width: 10px;
  height: 10px;
  background-color: #fff;
  border-radius: 50%;
  transition: background-color;
}

.selected .addon-section__tab--product-select-checkbox {
  border-color: #F57A2A;
}

.selected .addon-section__tab--product-select-checkbox::before {
  background-color: #F57A2A;
}

.addon-section__cart--product-btn {
  padding-block-start: 6px;
  padding-block-end: 6px;
  padding-inline-start: 4px;
  padding-inline-end: 4px;
  border-radius: 8px;
  display: flex;
  white-space: nowrap;
  font-size: 12px;
}

.addon-section__tab--product-card {
  padding: 10px;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  border: 2px solid #1111114d;
  border-radius: 10px;
  cursor: pointer;
  gap: 5px;
  transition: border-color .3s;
  background-color: #FFF;
}

.addon-section__tab--product-card img {
  aspect-ratio: 1;
  object-fit: contain;
}

.addon-section__tab--product.selected {
  border-color: #F57A2A;
}

.addon-section__tab--product-check {
  width: 20px;
  height: 20px;
  border-bottom-left-radius: 4px;
  border-top-right-radius: 4px;
  position: absolute;
  right: 0;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  visibility: hidden;
  background-color: #F57A2A;
  transition: opacity .3s, visibility .3s;
}

.addon-section__tab--product-check svg {
  color: #FFF;
}

.addon-section__tab--product.selected .addon-section__tab--product-check {
  opacity: 1;
  visibility: visible;
}

.addon-section__tab--product-card svg {
  width: 80px;
  height: 100px;
  color: #11111170;
}

.addon-section__tab--product-price {
  font-size: 18px;
  font-weight: 600;
  color: #000;
}

.addon-section__tab--product-show-container {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-top: 16px;
}

.addon-section__tab--product-show-container::before, .addon-section__tab--product-show-container::after {
  content: "";
  display: block;
  height: 1px;
  background-color: #DDD;
  flex: 1;
}

.addon-section__tab--product-show-buttons-container {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #F57A2A;
  cursor: pointer;
}

.addon-section__tab--product-show-container svg {
  transition: transform .3s;
}

.addon-section__tab--product-show-buttons {
  display: grid;
  grid-template-areas: "asd";
  text-wrap: nowrap;
}

.addon-section__tab--product-show-button {
  grid-area: asd;
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
  letter-spacing: -2%;
  transition: opacity .3s,visibility .3s;
}

.addon-section__tab--product-show-button-less {
  opacity: 0;
  visibility: hidden;
  width: 0;
}

.show-more .addon-section__tab--product-show-button-less {
  opacity: 1;
  visibility: visible;
  width: fit-content;
}

.show-more .addon-section__tab--product-show-button-more {
  opacity: 0;
  visibility: hidden;
  width: 0;
}

.show-more.addon-section__tab--product-show-container svg {
  transform: rotate(180deg);
}

.addon-section__tab--textarea {
  margin-top: 20px;
  display: flex;
  flex-direction: column;
}

.addon-section__tab--textarea-title {
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 8px;
  color: #001932;
  opacity: .8;
}

.addon-section__tab--textarea textarea {
  resize: none;
  width: 100%;
  max-width: 100%;
  aspect-ratio: 5.7923;
  background-color: #FFF;
  border-radius: 8px;
  padding: 20px;
  border: 1px solid #DDD;
  margin-bottom: 16px;
  transition: border-color .3s;
}

.addon-section__tab--textarea textarea:focus-visible {
  border-color: #F57A2A;
  outline: unset;
}

.add-section__tab--textarea-button {
  width: 100%;
  max-width: 300px;
  cursor: pointer;
  display: none;
}

.product-selected:not(.empty-product-selected) .add-section__tab--textarea-button {
  display: flex;
}

.addon-section__tab--date {
  margin-top: 10px;
}

.addon-section__tab--date .rao-date-picker--titles {
  font-weight: 400;
}

.addon-section__tab--date .cart-drawer__date--item {
  padding: 15px;
  border-radius: 50px;
  gap: 10px;
}

.addon-section__tab--date .cart-drawer__date--circle {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  border-radius: 20px;
}

.addon-section__tab--date .cart-drawer__date--circle::after {
  position: unset;
  width: 8px;
  height: 8px;
  border-radius: 8px;
  transform: unset;
}

.addon-section__tab--note .order-note--container {
  margin-top: 20px;
  font-size: 16px;
  font-weight: 500;
  color: #000;
}

.addon-section--add-to-cart {
  margin-top: 20px;
  width: fit-content;
  cursor: pointer;
}

@media screen and (max-width: 1330px) {
  .addon-section__tab--products {
    grid-template-columns: repeat(4,minmax(0,1fr));
  }
}

@media screen and (max-width: 999px) {
  addon-section {
    flex-direction: column;
  }

  .addon-section--cart {
    width: 100%;
    position: unset;
  }

  .addon-section--container {
    min-width: 0;
  }
}

@media screen and (max-width: 699px) {
  addon-section {
    gap: 16px;
  }

  .addon-section__tab--products {
    grid-template-columns: repeat(2,minmax(0,1fr));
  }

  .add-section__tab--textarea-button {
    max-width: 100%;
    font-size: 14px;
  }

  .addon-section--add-to-cart .button {
    width: 100%;
    max-width: 100%;
  }

  .addon-section__tab--textarea textarea {
    aspect-ratio: unset;
  }

  .addon-section__tab--product-image {
    padding: 8px;
  }

  .addon-section__tab--product-image img {
    width: 70px;
    margin: 0 auto;
    height: 70px;
    aspect-ratio: unset;
  }

  .addon-section__tab--product-empty .addon-section__tab--product-image {
    aspect-ratio: unset;
  }

  .addon-section__tab--product-empty .addon-section__tab--product-image svg {
    width: 50px;
    height: 70px;
  }

  .addon-section__tab--product-content {
    padding: 8px;
  }

  .addon-section__tab--product-content-bottom {
    margin-top: 8px;
  }
}

@media screen and (max-width: 699px) {
  .addon-section__tab--inner {
    margin-left: 0;
  }

  .addon-section__tab--description {
    font-size: 14px;
  }

  .addon-section__tab--accordion-title {
    font-size: 16px;
    flex: 1;
  }

  .addon-section__tab--number {
    font-size: 16px;
    width: 40px;
    height: 40px;
  }

  .addon-section--product-title {
    font-size: 16px;
  }

  .addon-section--title {
    font-size: 22px;
    margin-bottom: 6px;
    line-height: 120%;
  }

  .addon-section--description {
    margin-bottom: 12px;
  }

  .addon-section__title--desktop {
    display: none;
  }

  .addon-section__title--mobile {
    display: unset;
  }

  .addon-section--product img {
    width: 80px;
  }

  .addon-section__tab--textarea-title {
    font-size: 16px;
  }

  .addon-section__tab--product-price {
    font-size: 16px;
  }
}

@media screen and (max-width: 380px) {
  .addon-section--title {
    font-size: 18px;
  }

  .addon-section--tab {
    padding: 12px;
  }

  .addon-section__tab--product-title {
    font-size: 15px;
  }

  .addon-section__cart--product-btn {
    font-size: 11px;
  }
}

@media screen and (max-width: 360px) {
  .addon-section--tab {
    padding: 6px;
  }
}

.blog-post-card {
  display: flex;
  flex-direction: column;
}

/* IMAGE WITH TEXT OVERLAY */
.image-text-overlay--container {
  position: relative;
}

.image-text-overlay--image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.image-text-overlay--image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 24px;
}

.image-text-overlay--overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--background-color);
  border-radius: 24px;
}

.image-text-overlay--content {
  padding: 200px;
  padding-right: 0;
  margin-right: 0px;
  position: relative;
  color: var(--text-color);
  max-width: var(--content-width);
}

.image-with-text-overlay--title {
  font-size: 46px;
  letter-spacing: -2%;
  font-weight: 700;
  line-height: 120%;
  background-color: #FFF;
  display: inline;
  border-radius: 10px;
  box-decoration-break: clone;
  padding: 5px;
  color: #004a97;
}

.image-with-text-overlay--description {
  margin-top: 13px;
  font-size: 18px;
  letter-spacing: -2%;
  line-height: 150%;
  font-weight: 400;
}

.image-with-text-overlay--buttons {
  margin-top: 40px;
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}

@media screen and (max-width: 999px) {
  .image-text-overlay--image img, .image-text-overlay--overlay {
    border-radius: 0;
  }

  .image-text-overlay--content {
    padding: 20px;
    padding-bottom: 80px;
    margin-right: 0;
  }

  .image-with-text-overlay--title {
    font-size: 28px;
  }

  .image-with-text-overlay--description {
    display: none;
  }

  .image-with-text-overlay--buttons {
    flex-direction: column;
  }

  .image-with-text-overlay--buttons .rao-button {
    width: fit-content;
  }
}

@media screen and (max-width: 699px) {
  .image-with-text-overlay--buttons {
    margin-top: 20px;
  }

  .image-text-overlay--content {
    padding-bottom: 60px;
  }
}

/* 1. ALGEMENE STIJL (Computer) */
.featured-collections--title {
    text-align: center !important;
    font-size: 32px !important;
    line-height: 120% !important;
    display: block !important;
    width: 100% !important;
    
    /* Het luxe lettertype */
    font-family: "Lora", serif !important;
    font-weight: 600 !important;
    color: #3b3027 !important;
    letter-spacing: -0.5px !important;
}

/* 2. SPECIAAL VOOR TELEFOON (Schermen kleiner dan 768px) */
@media screen and (max-width: 767px) {
    .featured-collections--title {
        text-align: left !important;   /* <--- Links uitlijnen */
        font-size: 22px !important;    /* <--- Stukje kleiner (was 32px) */
        padding-left: 0 !important;    /* Zeker weten dat hij links begint */
    }
}

@media screen and (min-width: 1000px) {
  .featured-collections__collection-bar--collection {
    padding: 10px 20px !important; /* Pas aan naar wens */
    font-size: 16px !important;    /* Pas aan naar wens */
  }
}

.featured-collections--collection-bar {
  margin-top: 24px;
  display: flex;
  background-color: var(--background-color);
  border: 1px solid #DDD;
  padding: 2px;
  width: fit-content;
  margin-left: auto;
  margin-right: auto;
  border-radius: 300px;
}

.featured-collections__collection-bar--collection {
  padding: 8px 16px;
  font-size: 12px;
  line-height: 150%;
  letter-spacing: -2%;
  font-weight: 900;
  color: var(--text-color);
  cursor: pointer;
  border-radius: 300px;
  transition: color .3s, background-color .3s;
}

.featured-collections__collection-bar--collection.selected, 
.featured-collections__collection-bar--collection:hover {
  background-color: var(--text-color);
  color: var(--background-color);
}

.featured-collections--blocks {
  display: grid;
  grid-template-areas: "asd";
  margin-top: 40px;
}

.featured-collections--floating-controls {
  grid-area: asd;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity .3s, visibility .3s;
}

.featured-collections--floating-controls.selected {
  opacity: 1;
  visibility: visible;
  pointer-events: unset;
}

.featured-collections--block {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 16px;
  align-items: start;
}

.featured-collections--show-more {
  margin-top: 40px;
  width: fit-content;
  margin-left: auto;
  margin-right: auto;
}

.featured-collections--section .carousel--action {
  display: none !important;
}

@media screen and (max-width: 999px) {
  .featured-collections--block {
    grid-template-columns: repeat(4, 1fr);
  }
}

@media screen and (max-width: 699px) {
  .featured-collections--title {
    text-align: left;
    font-size: 28px;
  }

  .featured-collections--collection-bar {
    margin-top: 16px;
    margin-left: 0;
    gap: 10px;
    border: 0;
    padding: 0;
    background-color: transparent;
  }

  .featured-collections__collection-bar--collection {
    background-color: var(--background-color);
    border: 1px solid var(--text-color);
    font-size: 14px;
    flex-shrink: 0;
    padding: 10px 8px;
  }

  .featured-collections--blocks {
    margin-top: 16px;
  }

  .featured-collections--block {
    display: flex;
  }

  .featured-collections--block .rao-product-card {
    flex-shrink: 0;
    max-width: 180px;
  }

  .featured-collections--floating-controls {
    width: var(--container-inner-width);
  }

  .featured-collections--show-more {
    margin-top: 16px;
  }
}

/* RAO STEPS */
.steps--subtitle {
  font-size: 16px;
  font-weight: 700;
  line-height: 150%;
  letter-spacing: -2%;
  text-align: center;
}

.steps--title {
  font-size: 32px;
  font-weight: 600;
  line-height: 120%;
  letter-spacing: -2%;
  text-align: center;
  margin-top: 8px;
  font-family: 'Lora', serif !important;
  color: #3B3027 !important;
}

.steps--blocks {
  margin-top: 80px;
  display: flex;
  justify-content: space-between;
}

.steps--block {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.steps--icon {
  position: relative;
  width: 112px;
  height: 112px;
  border-radius: 50%;
  background-color: var(--icon-background);
  display: flex;
  align-items: center;
  justify-content: center;
}

.steps--icon img {
  max-width: 112px;
}

.steps--counter {
  border: 1px solid #DDD;
  border-radius: 50%;
  background-color: var(--background-color);
  color: var(--step-color);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 112px;
  height: 112px;
  font-size: 40px;
  line-height: 150%;
  letter-spacing: -2%;
  font-weight: 700;
}

.steps--icon .steps--counter {
  position: absolute;
  width: 32px;
  height: 32px;
  top: -8px;
  left: 8px;
  font-size: 13px;
}

.steps--step-title {
  font-size: 20px;
  font-weight: 700;
  line-height: 120%;
  letter-spacing: -2%;
  text-align: center;
  margin-top: 40px;
  color: var(--title-color);
}

.steps--step-description {
  font-size: 14px;
  font-weight: 400;
  line-height: 150%;
  letter-spacing: -2%;
  text-align: center;
  margin-top: 16px;
  color: var(--text-color);
}

.steps--step {
  margin-top: 35px;
  height: fit-content;
  color: var(--step-color);
}

@media screen and (max-width: 999px) {
  .steps--subtitle {
    text-align: left;
  }

  .steps--title {
    text-align: left;
    font-size: 24px;
  }

  .steps--blocks {
    flex-direction: column;
    gap: 20px;
    margin-top: 40px;
  }

  .steps--step {
    display: none;
  }

  .steps--block-left {
    flex-direction: row;
  }

  .steps--block-right {
    flex-direction: row;
  }

  .steps--content {
    flex: 1;
  }

  .steps--step-title {
    margin-top: 0;
    text-align: left;
    margin-left: 20px;
    font-size: 16px;
  }

  .steps--step-description {
    text-align: left;
    margin-left: 20px;
    margin-top: 8px;
  }

  .steps--block-right .steps--step-title, .steps--block-right .steps--step-description {
    text-align: left;
    margin-left: 20px;
  }

  .steps--icon {
    width: 80px;
    height: 80px;
  }

  .steps--icon img {
    max-width: 80px;
  }

  .steps--counter {
    width: 80px;
    height: 80px;
    font-size: 24px;
  }

  .steps--icon .steps--counter {
    width: 24px;
    height: 24px;
    font-size: 10px;
  }
}

/* RAO REVIEWS */
.reviews--trustpilot {
  display: flex;
  align-items: end;
  gap: 14px;
  width: fit-content;
  margin-left: auto;
}

.reviews--widget {
  display: flex;
  gap: 8px;
}

.reviews--stars {
  display: flex;
  gap: 2px;
}

.reviews--star {
  background-color: #dcdce6;
  position: relative;
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.reviews--star::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: var(--width);
  background-color: #00B67A;
}

.reviews--star svg {
  position: relative;
  z-index: 1;
}

.reviews--score {
  width: 46px;
  height: 46px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  line-height: 150%;
  letter-spacing: -2%;
  font-weight: 900;
  color: #FFF;
  background-color: #00B67A;
}

.reviews--review-amount {
  font-size: 14px;
  line-height: 150%;
  letter-spacing: -2%;
  font-weight: 700;
  color: #001932;
  text-decoration: underline;
}

.reviews--container {
  margin-top: 24px;
  display: flex;
  gap: 80px;
}

.reviews--content {
  width: 320px;
  min-width: 320px;
}

.reviews--subtitle {
  font-size: 16px;
  font-weight: 700;
  line-height: 150%;
  letter-spacing: -2%;
  color: var(--subtitle-color);
}

.reviews--title {
  margin-top: 8px;
  font-size: 32px;
  font-weight: 600;
  line-height: 120%;
  letter-spacing: -2%;
  color: #3B3027;
}

.reviews--description {
  margin-top: 48px;
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
  letter-spacing: -2%;
  color: var(--text-color);
}

.reviews--button {
  margin-top: 24px;
  width: fit-content;
}

.reviews--floating-controls {
  width: calc(var(--container-inner-width) - 400px);
}

.reviews--blocks {
  display: flex;
  gap: 24px;
}

.reviews--block {
  flex-shrink: 0;
  padding: 40px;
  background-color: var(--review-background-color);
  border-radius: 8px;
  max-width: 352px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.reviews__block--widget {
  display: flex;
  align-items: center;
  gap: 16px;
  color: #00B67A;
  font-size: 16px;
  font-weight: 700;
  line-height: 150%;
  letter-spacing: -2%;
}

.reviews__block--title {
  font-size: 18px;
  font-weight: 700;
  line-height: 150%;
  letter-spacing: -2%;
  color: var(--review-title-color);
  margin-top: 40px;
}

.reviews__block--description {
  font-size: 16px;
  line-height: 150%;
  letter-spacing: -2%;
  font-weight: 400;
  color: var(--review-description-color);
  margin-top: 16px;
}

.reviews__block--description-content {
  height: 168px;
  overflow: hidden;
}

.reviews__block--description-read-more-buttons {
  display: grid;
  grid-template-areas: "asd";
  color: var(--review-read-more-color);
  margin-top: 8px;
  font-size: 16px;
  line-height: 150%;
  letter-spacing: -2%;
  font-weight: 700;
}

read-more.show .reviews__block--description-read-more, read-more.show .reviews__block--description-read-less {
  grid-area: asd;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 8px;
}

.reviews__block--description-read-more-buttons svg {
  transform: rotate(-90deg);
}

.reviews__block--footer {
  margin-top: 24px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
}

.reviews__block--name {
  font-size: 16px;
  font-weight: 700;
  line-height: 150%;
  letter-spacing: -2%;
  color: var(--review-title-color);
  flex: 1;
}

.reviews__block--date {
  font-size: 12px;
  font-weight: 400;
  line-height: 150%;
  letter-spacing: -2%;
  color: var(--review-date-color);
}

.reviews--trustpilot-mobile {
  display: none;
}

@media screen and (max-width: 999px) {
  .reviews--trustpilot-desktop {
    display: none;
  }

  .reviews--trustpilot-mobile {
    display: flex;
  }

  .reviews--trustpilot-mobile .reviews--widget {
    flex-direction: column;
  }

  .reviews--container {
    flex-direction: column;
    margin-top: 0;
    gap: 20px;
  }

  .reviews--content {
    width: fit-content;
    min-width: 0;
    max-width: 500px;
  }

  .reviews--title {
    font-size: 24px;
  }

  .reviews--description {
    margin-top: 20px;
  }

  .reviews--button {
    display: none;
  }

  .reviews--trustpilot-mobile {
    margin-top: 20px;
    margin-left: 0;
  }

  .reviews--floating-controls {
    width: calc(var(--container-inner-width));
  }
}

@media screen and (max-width: 699px) {
  .reviews--blocks {
    gap: 16px;
  }

  .reviews--block {
    max-width: 255px;
    padding: 20px;
  }

  .reviews__block--title {
    margin-top: 20px;
  }
}

/* RAO - IMAGE + TEXT */
.image-text--container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 120px;
}

.image-text--container-reverse {
  flex-direction: row-reverse;
}

.image-text--image {
  flex: 1;
}

.image-text--image img {
  border-radius: 29px;
  margin: 0 auto;
}

.image-text--content {
  flex: 1;
}

.image-text--subtitle {
  font-size: 16px;
  font-weight: 700;
  line-height: 150%;
  letter-spacing: -2%;
}

.image-text--title {
  font-size: 32px;
  font-weight: 600;
  line-height: 150%;
  letter-spacing: -2%;
  margin-top: 8px;
  font-family: 'Lora', serif !important;
  color: #3B3027 !important;
}

.image-text--description {
  margin-top: 48px;
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
  letter-spacing: -2%;
}

.image-text--button {
  margin-top: 24px;
  width: fit-content;
}

.image-text--image-mobile {
  display: none;
}

.image-text--image-desktop {
  display: block;
}

.image-text--subtitle-mobile, .image-text--title-mobile {
  display: none;
}

@media screen and (max-width: 999px) {
  .image-text--container {
    gap: 0;
    flex-direction: column;
    align-items: start;
  }

  .image-text--title {
    font-size: 24px;
    display: none;
    margin-top: 0;
  }

  .image-text--subtitle {
    display: none;
  }

  .image-text--subtitle-mobile, .image-text--title-mobile {
    display: block;
  }

  .image-text--image {
    margin-left: auto;
    margin-right: auto;
    margin-top: 30px;
  }

  .image-text--image-desktop {
    display: none;
  }

  .image-text--image-mobile {
    display: block;
  }

  .image-text--description {
    margin-top: 30px;
  }
}

/* RAO - SEO */
.rao-seo--subtitle {
  font-size: 16px;
  font-weight: 700;
  line-height: 150%;
  letter-spacing: -2%;
  margin-bottom: 8px;
}

.rao-seo--title {
  font-size: 32px;
  font-weight: 600;
  line-height: 120%;
  letter-spacing: -2%;
  color: var(--title-color);
  font-family: 'Lora', serif !important;
  color: #3B3027 !important;
}

.rao-seo--container {
  display: flex;
  gap: 80px;
  margin-top: 24px;
  transition: height .3s;
  overflow: hidden;
}

.rao-seo--content {
  flex: 1;
  margin: 31px 0;
  overflow: hidden;
  transition: height .3s;
}

@media screen and (min-width: 700px) {
  .show .rao-seo--content {
    height: var(--default-height);
  }

  .show-more .rao-seo--content {
    height: var(--more-height);
  }
}

.rao-seo--content, .rao-seo--more-content {
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
  letter-spacing: -2%;
  color: var(--text-color);
}

.rao-seo--content a, .rao-seo--more-content a {
  color: var(--link-color);
  text-decoration: underline;
}

.rao-seo--more-content h1,
.rao-seo--more-content h2,
.rao-seo--more-content h3,
.rao-seo--more-content h4,
.rao-seo--more-content h5,
.rao-seo--more-content h6,
.rao-seo--content h1,
.rao-seo--content h2,
.rao-seo--content h3,
.rao-seo--content h4,
.rao-seo--content h5,
.rao-seo--content h6 {
  font-size: 20px;
  font-weight: 700;
  line-height: 120%;
  letter-spacing: -2%;
  margin-bottom: 16px;
  color: var(--title-color);
}

.rao-seo--image {
  flex: 1;
  object-fit: contain;
  height: fit-content;
  border-radius: 24px;
  max-width: 50%;
}

.rao-seo--more-content {
  display: none;
}

.show .rao-seo--more-content-desktop {
  display: block;
  padding-top: 16px;
}

.rao-seo--read-more-container {
  display: flex;
  align-items: center;
  gap: 40px;
  margin-top: 24px;
}

.rao-seo--read-more-container::before, .rao-seo--read-more-container::after {
  content: "";
  display: block;
  height: 1px;
  background-color: var(--separator-color);
  flex: 1;
}

.rao-seo--read-more-buttons-container {
  display: flex;
  align-items: center;
  gap: 8px;
  color: var(--read-more-color);
  cursor: pointer;
}

.rao-seo--read-more-buttons {
  display: grid;
  grid-template-areas: "asd";
  text-wrap: nowrap;
}

.rao-seo--read-more-button {
  grid-area: asd;
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
  letter-spacing: -2%;
  transition: opacity .3s, visibility .3s;
}

.rao-seo--read-more-buttons-container svg {
  transition: transform .3s;
}

.rao-seo__read-more-button--less {
  opacity: 0;
  visibility: hidden;
  width: 0;
}

.show-more .rao-seo__read-more-button--less {
  width: fit-content;
  opacity: 1;
  visibility: visible;
}

.show-more .rao-seo__read-more-button--more {
  width: 0;
  opacity: 0;
  visibility: hidden;
}

.show-more .rao-seo--read-more-buttons-container svg {
  transform: rotate(180deg);
}

.rao-seo--more-content-mobile {
  display: none;
}

@media screen and (max-width: 999px) {
  .rao-seo--title {
    font-size: 24px;
  }

  .rao-seo--container {
    display: block;
    margin-top: 0;
  }

  .show .rao-seo--container {
    height: var(--default-height);
  }

  .show-more .rao-seo--container {
    height: var(--more-height);
  }

  .show .rao-seo--more-content-desktop {
    display: none;
  }

  .show .rao-seo--more-content-mobile {
    display: block;
    padding-top: 16px;
  }

  .rao-seo--image {
    max-width: 100%;
  }
}

/* FOOTER ICONS */
.footer-icons--section {
  background-color: var(--background-color);
  padding-top: 8px;
  padding-bottom: 8px;
}

.footer-icons--container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 25px;
}

.footer-icons--icons {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  justify-content: center;
}

.footer-icons--icon {
  width: var(--desktop-width);
}

.footer-icons--right-side {
  display: flex;
  gap: 16px;
  font-size: 14px;
  font-weight: 400;
  line-height: 150%;
  letter-spacing: -2%;
  flex-wrap: wrap;
  justify-content: center;
}

.footer-icons--menu {
  display: flex;
}

.footer-icons--link {
  text-decoration: underline;
  padding: 0 16px;
  border-right: 1px solid #DDD;
}

.footer-icons--link:first-child {
  padding-left: 0;
}

@media screen and (max-width: 999px) {
  .footer-icons--section {
    padding-top: 24px;
    padding-bottom: 24px;
  }

  .footer-icons--container {
    flex-direction: column;
  }
}

@media screen and (max-width: 699px) {
  .footer-icons--icon {
    width: var(--mobile-width);
  }

  .footer-icons--right-side {
    flex-direction: column;
    align-items: center;
  }

  .footer-icons--link:last-child {
    padding-right: 0;
    border-right: 0;
  }
}

@media screen and (max-width: 360px) {
  .footer-icons--link {
    padding: 0 10px;
  }
}

/* Rao related products section */

.rao-related-products-wrapper .scrollbar__progress {
  background: #F57A2A1a;
}

.rao-related-products-wrapper .scrollbar__progress:before {
  background: #F57A2A;
}

/* Rao USP section */
@media screen and (max-width: 999px) {
  .product-info__block-item[data-block-type="rao-usp"] {
    margin-left: -16px;
    width: calc(100% + 32px);
  }
}

@media screen and (min-width: 700px) {
  .scrollable-with-controls {
    gap: 0;
  }
}

.section-stack h2 {
  font-size: 20px;
  font-weight: 700;
}

.rao_usp-wrapper {
  background: #F7EFE3;
  padding: 16px 32px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  border-radius: 8px;
}

@media screen and (max-width: 999px) {
  .rao_usp-wrapper {
    padding: 16px 16px;
    border-radius: 0;
  }
}

.rao_usp-row {
  display: flex;
  gap: 16px;
  /* align-items: center; */
}

.rao_usp-image-wrapper img {
  /*height: 20px;*/
  margin-inline: 0 !important;
}

.rao_usp-image-wrapper {
  /*height: 25px;*/
  width: 20px;
  display: flex;
  align-items: center;
}

.rao_usp-text-wrapper strong {
  color: #ef8432;
  font-weight: 800;
}

/* Date Slider */
.date-slider--blocks {
  display: flex;
  gap: 8px;
}

.date-slider--block {
  flex-shrink: 0;
  padding: 16px;
  border: 2px solid #DDD;
  border-radius: 8px;
  background-color: #FFF;
  display: flex;
  flex-direction: column;
  cursor: pointer;
  transition: border-color .3s;
}

.date-slider__block--check {
  width: 20px;
  height: 20px;
  border-radius: 20px;
  border: 2px solid #DDD;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: border-color .3s, background-color .3s;
}

.date-slider__block--check::after {
  content: "";
  border-radius: 6px;
  width: 6px;
  height: 6px;
  background-color: #FFF;
}

.date-slider--block.selected {
  border-color: #F57A2A;
}

.date-slider--block.selected .date-slider__block--check {
  border-color: #F57A2A;
  background-color: #F57A2A;
}

.date-slider__block--day-name {
  margin-top: 16px;
  font-size: 16px;
  text-align: center;
  color: #001932;
  letter-spacing: -2%;
  line-height: 150%;
}

.date-slider__block--footer {
  letter-spacing: -2%;
  line-height: 150%;
  font-size: 16px;
  font-weight: 700;
  color: #F57A2A;
  text-align: center;
}

/* Horizontal Product */
.cart-drawer__recommendations {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.cart-drawer__recommendations--title {
  font-size: 18px;
  font-weight: 700;
  letter-spacing: -2%;
  color: #F57A2A;
  margin-bottom: 8px;
}

.rao-horizontal-product {
  display: flex;
  justify-content: space-between;
  width: 100%;
  align-items: center;
  gap: 24px;
  border: 1px solid #DDD;
  padding: 8px 16px 8px 0;
  border-radius: 8px;
}

.rao-horizontal-product.hide {
  display: none;
}

.horizontal-product--left-side {
  display: flex;
  align-items: center;
  gap: 24px;
}

.hoizontal-product--image {
  width: 82px;
  height: 82px;
}

.horizontal-product--content {
  flex: 1;
}

.horizontal-product--title {
  font-size: 16px;
  font-weight: 700;
  line-height: 150%;
  letter-spacing: -2%;
  color: #F57A2A;
}

.horizontal-product--specs {
  margin-top: 4px;
}

.horizontal-product--right-side {
  display: flex;
  align-items: center;
  gap: 24px;
}

.horizontal-product--price {
  font-size: 18px;
}

.horizontal-product--quick-buy .button {
  width: 40px;
  height: 40px;
  padding: 0;
  aspect-ratio: 1;
  cursor: pointer;
}

@media screen and (max-width: 699px) {
  .hoizontal-product--image {
    width: 56px;
    height: 56px;
  }
}

/* Card Drawer */
card-drawer-button {
  cursor: pointer;
}

card-drawer {
  z-index: 1000 !important;
  --drawer-content-max-height: 100vh !important;
  height: 100vh !important;
}

.card-drawer--container {
  display: grid;
  grid-template-rows: auto 1fr auto;
  height: 100%;
}

.card-drawer--top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 15px;
  row-gap: 8px;
  padding-bottom: 16px;
  margin-bottom: 16px;
  border-bottom: 1px solid #DDD;
}

.card-drawer--top-content {
  display: flex;
  align-items: center;
  gap: 24px;
  row-gap: 8px;
}

.card-drawer--image {
  width: 56px;
}

.card-drawer--title {
  font-size: 16px;
  font-weight: 700;
  line-height: 150%;
  letter-spacing: -2%;
  color: #001932;
  flex: 1;
}

.card-drawer--top .drawer__close-icon {
  width: 40px;
  height: 40px;
}

.card-drawer--content {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.card-drawer--content-title {
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
  letter-spacing: -2%;
  color: #001932;
}

.card-drawer--content textarea {
  padding: 24px;
  border: 1px solid #DDD;
  background-color: #F5F5F5;
  border-radius: 8px;
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
  letter-spacing: -2%;
  color: #001932;
  margin-bottom: 8px;
  resize: none;
}

.card-drawer--container .rao-button {
  cursor: pointer;
  width: 100%;
}

.card-drawer--footer {
  padding-top: 16px;
  border-top: 1px solid #DDD
}

#card-drawer::part(header) {
  display: none;
}

#card-drawer::part(footer) {
  display: none;
}

/* Main Cart */
.main-cart--shipping {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 14px;
  font-weight: 800;
  margin-top: 16px;
}

.main-cart--total {
  display: flex;
  justify-content: space-between;
  font-size: 14px;
  font-weight: 800;
  line-height: 150%;
  letter-spacing: -2%;
}

.main-cart--total-title {
  font-size: 14px;
  font-weight: 800;
  line-height: 150%;
  letter-spacing: -2%;
  display: flex;
  flex-direction: column;
}

.main-cart--total-title .addon-section__cart--total-title-sub {
  margin-top: -4px;
}

.cart-drawer--total {
  display: flex;
  flex-direction: column;
}

.main-cart--footer-mobile {
  display: none;
}

.cart-order__recap .rao-date-picker--titles {
  font-size: 14px;
}

.cart-usps--title {
  font-size: 16px;
  font-weight: 800;
}

@media screen and (max-width: 999px) {
  .cart-usps--title {
    display: none;
  }

  .main-cart--footer-mobile {
    display: block;
    border-top: 1px solid #DDD;
    margin-top: 1.5rem;
    padding-top: 1.5rem;
  }

  .main-cart--total {
    font-weight: 400;
    font-size: 16px;
  }

  .main-cart--total-title {
    font-weight: 400;
    font-size: 16px;
  }

  .main-cart--shipping {
    font-size: 16px;
    font-weight: 600;
  }

  .main-cart--total-plus-shipping {
    margin-top: 8px;
    font-size: 16px;
    font-weight: 600;
    line-height: 150%;
    letter-spacing: -2%;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  .main-cart--total-plus-shipping .main-cart--total-title {
    font-weight: 600;
  }


}

.cart-header {
  justify-items: start;
  gap: 0;
}

.cart--subtitle {
  font-size: 16px;
  font-weight: 700;
  line-height: 150%;
  letter-spacing: -2%;
  color: #FF7E00;
}

.cart-header .h2 {
  font-size: 32px;
  font-weight: 700;
  line-height: 150%;
  letter-spacing: -2%;
  color: #115dbb;
}

.cart-order__recap {
  gap: 4px;
}

.cart-order__recap .cart-form {
  border: 0;
  border-radius: 0;
  padding: 0;
  gap: 8px;
}

.cart-order__recap .addon-section__cart--shipping { 
  margin-top: 0;
}

.cart-order__recap .addon-section__cart--total {
  margin-top: 0;
}

.cart-order__summary .addon-section__cart--shipping {
  display: none;
}

.cart-form--mobile {
  display: none;
}

@media screen and (min-width: 1000px) {
  .cart-order {
    grid-template-columns: 1fr 380px;
  }

  .cart-order__summary .addon-section__cart--total {
    display: none;
  }
}

@media screen and (max-width: 999px) {
  .cart-order {
    gap: 0;
  }

  .cart-order__summary {
    margin-top: 16px;
  }

  .main-cart--shipping {
    margin-top: 0;
  }

  .cart {
    gap: 16px;
  }

  .cart-header .h2 {
    font-size: 26px;
  }

  .cart-order__recap {
    order: -1;
    padding-bottom: 16px;
    border-bottom: 1px solid #DDD;
    width: calc(100% + 32px);
    margin-left: -16px;
    padding-left: 16px;
    padding-right: 16px;
  }

  .cart-order__recap .cart-form, .cart-order__recap .cart-drawer--asd {
    display: none;
  }

  .cart-order__summary .addon-section__cart--shipping {
    display: flex;
    padding-top: 16px;
    border-top: 1px solid #DDD;
    width: calc(100% + 32px);
    margin-left: -16px;
    padding-left: 16px;
    padding-right: 16px;
  }

  .cart-form--mobile {
    display: block;
    box-shadow: #00000080 0 8px 22px;
    width: calc(100% + 32px);
    margin-left: -16px;
    padding-left: 16px;
    padding-right: 16px;
    position: sticky;
    bottom: 0;
    padding-top: 1rem;
    padding-bottom: 1rem;
    margin-bottom: -20px;
    background-color: #FFF;
  }

  .cart-form--mobile.no-shadow {
    box-shadow: unset;
  }

  .cart-form--mobile .rao-button {
    width: 100%;
  }

  .cart-form--mobile button div {
    display: flex;
    align-items: center;
    gap: 16px;
  }

  .page-spacer {
    margin-block-end: 0;
  }
}

/* Colletion USPs */
.collection-usp--container {
  display: flex;
  width: 100%;
  justify-content: space-between;
  gap: 10px;
  align-items: center;
}

.collection-usp--horizontal-line {
  max-width: 65px;
  min-width: 65px;
  height: 1px;
  background-color: #DDD;
}

.cllection-usp-container {
  grid-row: var(--desktop-row);
  grid-column: 1 / -1;
}

.cllection-usp-container-hide {
  display: none;
}

.collection-single-usp-container {
  display: flex;
  align-items: center;
  gap: 5px;
  justify-content: center;
}

@media screen and (min-width: 700px) {
  .cllection-usp-container--hide-desktop {
    display: none;
  }
}

@media screen and (max-width: 699px) {
  .cllection-usp-container--hide-mobile {
    display: none;
  }
}

.collection-single-usp-container strong {
  font-weight: 800;
  color: #ff7e00;
}

@media screen and (max-width: 999px) {
  .collection-usp--container .text-base:not(.show-mobile) {
    display: none;
  }
}

@media screen and (max-width: 699px) {
  .cllection-usp-container {
    grid-row: var(--mobile-row);
    grid-column: 1 / -1;
    margin: 8px 0;
  }

  .collection-usp--horizontal-line {
    min-width: 0;
  }
}

.rao-related-products--product-list {
  display: flex;
  gap: 16px;
  align-items: start;
}

.rao-related-products--product-list .rao-product-card {
  flex-shrink: 0;
  max-width: 230px;
  width: 230px;
}

@media screen and (max-width: 699px) {
  .rao-related-products--product-list .rao-product-card {
    max-width: 175px;
    width: 230px;
  }
}

/* Category Pages */
.rao-category--nav {
  position: sticky;
  top: calc(var(--header-height));
  z-index: 2;
  background-color: #FAF7F2;
  padding: 10px 0;
  margin: -10px 0;
}

.category-anchor {
  --amount: calc(-1 * var(--header-height) - 63px);
  transform: translateY(-63px);
}

.rao-category__nav--items {
  display: flex;
  align-items: center;
  gap: 10px;
  background-color: #FAF7F2;
}

.rao-category__nav--item {
  background-color: #FAF7F2;
  border: 1px solid #F57A2A;
  color: #F57A2A;
  font-size: 14px;
  flex-shrink: 0;
  padding: 10px 8px;
  line-height: 150%;
  letter-spacing: -2%;
  font-weight: 900;
  cursor: pointer;
  border-radius: 300px;
  transition: color .3s,background-color .3s;
}

.rao-category__nav--item:hover, .rao-category__nav--item.active {
  background-color: #F57A2A;
  color: #fff;
}

.rao-category--container {
  display: flex;
  flex-direction: column;
  gap: 32px;
}

.rao-category--category-pages {
  display: flex;
  gap: 10px;
}

.rao-category__category-pages--block {
  flex-shrink: 0;
  cursor: pointer;
  border-radius: 300px;
  padding: 8px 16px;
  font-size: 12px;
  line-height: 150%;
  letter-spacing: -2%;
  background-color: #FFF;
  border: 1px solid #000;
  font-weight: 700;
  color: #000;
  transition: color .3s,background-color .3s;
}

.rao-category__category-pages--block:hover, .rao-category__category-pages--block.selected {
  color: #FFF;
  background-color: #000;
}

.rao-category--categories {
  /*display: grid;
  grid-template-areas: "asd";*/
}

.rao-category--categories .rao-category--sub-categories {
  grid-area: asd;
}

.rao-category--sub-categories {
  display: flex;
  flex-direction: column;
  gap: 32px;
  /*opacity: 0;
  visibility: hidden;
  pointer-events: none;*/
  transition: opacity .3s, visibility .3s;
}

.rao-category--sub-categories.selected {
  opacity: 1;
  visibility: visible;
  pointer-events: unset;
}

.rao-category--sub-category {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.rao-category__sub-category--title {
  font-size: 24px;
  line-height: 120%;
  letter-spacing: -2%;
  font-weight: 600;
  color: #3B3027;
  display: block;
  width: fit-content;
  font-family: 'Lora', serif !important;
}

.rao-category--collections {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 16px;
}

.rao-category--collections-container {
  height: var(--small-height);
  transition: height .3s;
  overflow: hidden;
}

.open .rao-category--collections-container {
  height: var(--full-height);
}

.rao-category--collection {
  border: 2px solid #CCC;
  border-radius: 8px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  /*background-color: #e6f3ff;*/
  background-color: #fff;
  transition: border-color .3s;
}

.rao-category--collection:hover {
  border-color: #F57A2A;
}

.rao-category--collection img {
  aspect-ratio: 1.7816;
  object-fit: contain;
  mix-blend-mode: darken;
  width: calc(100% - 16px);
  margin: 8px;
}

.rao-category__collection--title {
  background-color: #FFF;
  font-size: 16px;
  font-weight: 700;
  line-height: 150%;
  letter-spacing: -2%;
  color: #F57A2A;
  padding: 16px;
  text-align: center;
  border-top: 1px solid #DDD;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1;
}

.rao-category-collections__read-more--container {
  grid-column: 1 / -1;
  display: flex;
  align-items: center;
  gap: 40px;
  margin-top: 24px;
}

.rao-category-collections__read-more--container::before, .rao-category-collections__read-more--container::after {
  content: "";
  display: block;
  height: 1px;
  background-color: #DDD;
  flex: 1;
}

@media screen and (min-width: 1000px) {
  .rao-category-collections__read-more--container-hide-desktop {
    display: none;
  }
}

@media screen and (min-width: 700px) and (max-width: 999px) {
  .rao-category-collections__read-more--container-hide-tablet {
    display: none;
  }
}

@media screen and (max-width: 699px) {
  .rao-category-collections__read-more--container-hide-mobile {
    display: none;
  }
}

.rao-category-collections__read-more--btn-container {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #F57A2A;
}

.rao-category-collections__read-more--btn-container svg {
  transition: transform .3s;
}

.rao-category-collections__read-more--btns {
  display: grid;
  grid-template-areas: "asd";
  text-wrap: nowrap;
}

.rao-category-collections__read-more--btn {
  grid-area: asd;
  cursor: pointer;
  font-size: 16px;
  font-weight: 700;
  line-height: 150%;
  letter-spacing: -2%;
  transition: opacity .3s, visibility .3s;
}

.rao-category-collections__read-more--less {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  width: 0;
}

.open .rao-category-collections__read-more--more {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  width: 0;
}

.open .rao-category-collections__read-more--less {
  opacity: 1;
  visibility: visible;
  pointer-events: unset;
  width: fit-content;
}

.open .rao-category-collections__read-more--btn-container svg {
  transform: rotate(180deg);
}

@media screen and (max-width: 999px) {
  .rao-category--collections {
    grid-template-columns: repeat(4,1fr);
  }
}

@media screen and (max-width: 699px) {
  .rao-category--collections {
    grid-template-columns: repeat(2,1fr);
  }
}

/* RAO Page */
.rao-page--title, .main-page--title {
  font-size: 32px;
  line-height: 120%;
  letter-spacing: -2%;
  font-weight: 600;
  color: #115dbb;
  margin-bottom: 16px;
}

rao-page-read-more {
  display: flex;
  align-items: end;
}

.rao-page--description {
  color: #454545;
  letter-spacing: -2%;
  line-height: 150%;
  height: 48px;
  width: 70%;
  transition: height .3s;
}

.open .rao-page--description {
  height: var(--full-height);
}

.page-read-more--read-more, .page-read-more--read-less {
  letter-spacing: -2%;
  font-weight: 700;
  color: #F57A2A;
  cursor: pointer;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  margin-left: 5px;
  transition: opacity .3s, visibility .3s;
}

.active .page-read-more--read-more {
  opacity: 1;
  visibility: visible;
  pointer-events: unset;
}

.active.open .page-read-more--read-more {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

.active.open .page-read-more--read-less {
  opacity: 1;
  visibility: visible;
  pointer-events: unset;
}

/* RAO Accordion Content */
.rao-accordion-content--container {
  max-width: 800px;
}

.rao-accordion-content--title {
  font-size: 32px;
  font-weight: 700;
  line-height: 120%;
  letter-spacing: -2%;
  color: #115dbb;
}

.rao-accordion-content--description {
  line-height: 150%;
  letter-spacing: -2%;
}

.rao-accordion-content--blocks {
  margin-top: 16px;
}

.rao-accordion-content--block {
  background-color: var(--background-color);
  padding: 8px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.rao-accordion-content__block--left {
  display: flex;
  align-items: center;
  gap: 4px;
}

.rao-accordion-content__block--image {
  width: fit-content;
  grid-column: 1 / 1;
}

.rao-accordion-content__block--title {
  font-weight: 700;
  align-self: center;
}

.rao-accordion-content__block--description {
  grid-column: 1 / -1;
}

@media screen and (max-width: 699px) {
  .rao-accordion-content--block {
    padding: 8px 20px;
    margin-left: -20px;
    width: calc(100% + 35px);
  }

  .rao-page--title {
    font-size: 24px;
    margin-bottom: 8px;
  }

  .rao-category__sub-category--title {
    font-size: 20px;
  }
}

.rao-accordion-content--accordion-block {
  margin-top: 8px;
  padding: 16px;
  border: 1px solid #DDD;
  border-radius: 8px;
  display: block;
}

.rao-accordion-content__accordion-block--button {
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  gap: 5px;
}

.rao-accordion-content__accordion-block--button-left {
  display: flex;
  gap: 8px;
  align-items: center;
}

.rao-accordion-content__accordion-block--image {
  width: var(--image-width);
}

.rao-accordion-content__accordion-block--title {
  font-weight: 700;
  font-size: 16px;
}

.rao-accordion-content__accordion-block--button .icon--menu-chevron-bottom {
  transition: transform .3s;
}

rao-accordion.open .rao-accordion-content__accordion-block--button .icon--menu-chevron-bottom {
  transform: rotate(180deg);
}

.rao-accordion-content__accordion-block--button-icons {
  display: grid;
  grid-template-areas: asd;
}

.rao-accordion-content__accordion-block--button-icons svg {
  grid-area: asd;
  color: #F57A2A;
  transition: transform .3s, opacity .3s, visiblity .3s;
}

.rao-accordion-content__accordion-block--button-icons .icon--accordion-minus {
  opacity: 0;
  visibility: hidde;
}

.rao-accordion-content__accordion-block--content {
  height: 0;
  overflow: hidden;
  transition: height .3s;
}

.rao-accordion-content__accordion-block--inner {
  padding-top: 8px;
}

rao-accordion.open .icon--accordion-plus {
  transform: rotate(180deg);
  opacity: 0;
  visibility: hidden;
}

rao-accordion.open .icon--accordion-minus {
  transform: rotate(180deg);
  opacity: 1;
  visibility: visible;
}

rao-accordion.open .rao-accordion-content__accordion-block--content {
  height: var(--inner-height);
}

/* RAO Tooltip */
.rao-tooltip--button {
  cursor: pointer;
}

.rao-tooltip--overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  cursor: pointer;
  height: 100%;
  background-color: #0006;
  display: none;
}

.open .rao-tooltip--overlay {
  z-index: 42069;
  display: block;
}

.rao-tooltip--content {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  width: 50%;
  transform: translate(-50%, -50%);
  background-color: #FFF;
  border-radius: 8px;
  max-height: 80%;
  padding: 16px;
  overflow: auto;
}

.open .rao-tooltip--content {
  z-index: 42069;
  display: block;
}

.rao-tooltip--close-button {
  position: absolute;
  right: 8px;
  top: 8px;
  color: #F57A2A;
  cursor: pointer;
}

@media screen and (max-width: 699px) {
  .rao-tooltip--content {
    overflow: auto;
    top: unset;
    bottom: 0;
    transform: unset;
    left: 0;
    width: 100%;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
  }
}

.addon-blue-bar {
  background-color: #F57A2A;
  color: #FFF;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px;
}

.rao-addon-trigger--content .icon--bag-plus {
  margin-top: -2px;
}

.cart--gift-container-mobile {
  display: none !important;
  margin-top: 20px;
}

.cart--gift-container-desktop {
  margin-top: 20px;
}

.cart--gift-container {
  display: flex;
  align-items: center;
  gap: 10px;
}

.cart--gift-container svg {
  color: #F57A2A;
  width: 24px;
  height: 24px;
}

.cart--gift-content {
  flex: 1;
}

.cart--gift-title {
  font-size: 14px;
  font-weight: 800;
  line-height: 150%;
  letter-spacing: -2%;
}

.cart--gift-description {
  color: #454545;
  font-size: 14px;
  line-height: 150%;
  letter-spacing: -2%;
}

@media screen and (max-width: 999px) {
  .cart--gift-container-mobile {
    display: flex !important;
  }

  .cart--gift-container-desktop {
    display: none !important;
  }
}

.item-column {
  /*display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  column-gap: 0px !important;
  row-gap: 20px !important;*/
  max-height: calc(var(--max-height) - 7.1rem);
  /*height: calc(var(--max-height) - 7.1rem);*/
  overflow: hidden;
  /*writing-mode: vertical-lr;
  text-orientation: upright;*/
}

.item-column li {
  writing-mode: horizontal-tb;
}

.mega-menu--show-more {
  /*position: absolute;
  bottom: -15px;*/
  font-size: 14px !important;
  color: #F57A2A !important;
}

/* Category Cards */
.category-cards--header {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap;
}

.category-cards--titles {
  display: flex;
  flex-direction: column;
  row-gap: 8px;
}

.category-cards--subtitle {
  font-size: 16px;
  font-weight: 700;
  letter-spacing: -2%;
  line-height: 150%;
}

.category-cards--title {
  font-size: 32px;
  font-weight: 600;
  letter-spacing: -2%;
  line-height: 120%;
  font-family: 'Lora', serif !important;
  color: #3B3027 !important;
}

.category-cards--cards-container {
  margin-top: 24px;
}

.category-cards--cards {
  display: flex;
  gap: 16px;
}

.category-cards--card {
  flex-shrink: 0;
  border-radius: 16px;
  position: relative;
  overflow: hidden;
}

.category-cards__card--image {
  aspect-ratio: .7619;
  width: 320px;
}

.category-cards__card--image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.category-cards__card--bottom {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 40%;
  background: var(--background);
  color: var(--content-color);
  display: flex;
  align-items: end;
}

.category-cards__card--content {
  padding: 24px;
  display: flex;
  align-items: center;
  width: 100%;
  gap: 16px;
  justify-content: space-between;
}

.category-cards__card--title {
  font-size: 20px;
  font-weight: 700;
  line-height: 120%;
  letter-spacing: -2%;
  flex: 1;
}

.category-cards__card--url {
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--content-color);
  border-radius: 8px;
  transition: background-color .3s, color .3s;
}

.category-cards--card:hover .category-cards__card--url {
  background-color: var(--content-color);
  color: #F57A2A;
}

@media screen and (max-width: 699px) {
  .category-cards--title {
    font-size: 24px;
  }

  .category-cards__card--image {
    width: 230px;
  }
}

/* RAO - FAQ */
.rao-faq--container {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.rao-faq--title {
  font-size: 32px;
  font-weight: 600;
  letter-spacing: -2%;
  line-height: 120%;
  color: #3B3027;
}

rao-faq {
  display: flex;
  gap: 48px;
}

.rao-faq--buttons {
  border-radius: 20px;
  box-shadow: 0 5px 10px 0 rgba(0,0,0,.1);
  border: 1px solid #ddd;
  min-width: 486px;
  overflow: hidden;
  height: fit-content;
}

.rao-faq--accordion {
  border-bottom: 1px solid #ddd;
}

.rao-faq__accordion--button {
  background-color: var(--background-color);
  padding: 24px 16px;
  cursor: pointer;
  transition: background-color .3s;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}

@media screen and (min-width: 1000px) {
  .rao-faq__accordion--button:hover, .selected .rao-faq__accordion--button {
    background-color: var(--hover-background-color);
  }
}

.rao-faq__accordion--button-question {
  flex: 1;
}

.rao-faq__accordion--button-question, .rao-faq__content--title {
  font-size: 18px;
  font-weight: 500;
  line-height: 120%;
  letter-spacing: -2%;
}

.rao-faq__accordion--button svg {
  transform: rotate(-90deg);
  transition: transform .3s;
}

.rao-faq__accordion--content {
  height: 0;
  overflow: hidden;
  transition: height .3s;
  background-color: var(--background-color);
}

.rao-faq__accordion--inner {
  padding: 24px 16px;
  padding-top: 0;
}

.rao-faq__content--content a {
  color: #F57A2A;
  text-decoration: underline;
}

.rao-faq--contents {
  display: grid;
  grid-template-areas: "asd";
}

.rao-faq--content {
  grid-area: asd;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  height: fit-content;
  position: sticky;
  top: calc(var(--header-height) + 20px);
  transition: opacity .3s, visibility .3s;
}

.rao-faq--content.selected {
  opacity: 1;
  visibility: visible;
  pointer-events: unset;
}

@media screen and (max-width: 999px) {
  .rao-faq--contents {
    display: none;
  }

  .open .rao-faq__accordion--content {
    height: var(--inner-height);
  }

  .rao-faq__accordion--button svg {
    transform: rotate(0);
  }

  .open .rao-faq__accordion--button svg {
    transform: rotate(180deg);
  }

  .rao-faq--buttons {
    min-width: 0;
  }
}

@media screen and (max-width: 699px) {
  .rao-faq--title {
    font-size: 24px;
  }
}

/* Expert Page */
.expert--container {
  display: flex;
  gap: 16px;
}

.expert--left {
  display: flex;
  flex-direction: column;
  gap: 32px;
  flex: 1;
  min-width: 0;
  max-width: 100%;
}

.expert__pages--title {
  font-size: 32px;
  font-weight: 700;
  line-height: 120%;
  letter-spacing: -2%;
  color: #115dbb;
}

.expert--content {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.expert__content--title {
  font-size: 32px;
  font-weight: 700;
  line-height: 120%;
  letter-spacing: -2%;
  color: #115dbb;
}

.expert--pages {
  margin-top: 24px;
}

.expert--pages .article-slider--article {
  width: 240px;
}

horizontal-articles {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.horizontal-articles--title {
  font-size: 32px;
  font-weight: 700;
  line-height: 120%;
  letter-spacing: -2%;
  color: #115dbb;
}

.horizontal-articles--articles {
  display: flex;
  flex-direction: column;
  gap: 16px;
  height: var(--height);
  overflow: hidden;
  transition: height .3s;
}

.horizontal-articles--article {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  border-radius: 8px;
  overflow: hidden;
  border: 1px solid #DDD;
  padding-right: 16px;
  flex-shrink: 0;
}

.horizontal-articles__article--left {
  display: flex;
  align-items: center;
  gap: 16px;
  flex: 1;
}

.horizontal-articles__article--image {
  aspect-ratio: 1.8023;
  width: 155px;
  min-width: 155px;
}

.horizontal-articles__article--image img, .horizontal-articles__article--image svg {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.horizontal-articles__article--content {
  display: flex;
  flex-direction: column;
}

.horizontal-articles__article--title {
  font-size: 16px;
  font-weight: 700;
  letter-spacing: -2%;
  line-height: 150%;
  color: #F57A2A;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  width: calc(100% - 56px);
  -webkit-line-clamp: 1;
}

.horizontal-articles__article--bottom {
  display: flex;
  flex-wrap: wrap;
  column-gap: 6px;
}

.horizontal-articles__article--bottom span {
  font-size: 14px;
  line-height: 150%;
  letter-spacing: -2%;
  font-weight: 400;
}

.horizontal-articles__article--author {
  padding-right: 6px;
  border-right: 1px solid #DDD;
  color: #F57A2A;
}

.horizontal-articles__article--date {
  color: #454545;
}

.horizontal-articles__article--button {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #DDD;
  border-radius: 8px;
  background-color: #fff;
  color: #F57A2A;
  transition: color .3s, border-color .3s, background-color .3s, opacity .3s;
}

.horizontal-articles--article:hover .horizontal-articles__article--button {
  color: #FFF;
  background-color: #F57A2A;
  border-color: #F57A2A;
}

.horizontal-articles--read-more-container {
  display: flex;
  align-items: center;
  gap: 16px;
}

.horizontal-articles--read-more {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #F57A2A;
  cursor: pointer;
}

.horizontal-articles--read-more-container::before, .horizontal-articles--read-more-container::after {
  content: "";
  flex: 1;
  height: 1px;
  background-color: #DDD;
}

horizontal-articles:not(.remove-hide) .horizontal-articles--article-hide {
  display: none;
}

.expert--right {
  height: fit-content;
  border: 1px solid #DDD;
  padding: 16px;
  border-radius: 8px;
  background-color: #f2f8ff;
  min-width: 320px;
}

.expert--card-image {
  display: flex;
  align-items: center;
  justify-content: center;
}

.expert--card-image img {
  width: 132px;
}

.expert--card-image svg {
  width: 132px;
  height: auto;
}

.expert--card-image svg path {
  fill: #F57A2A;
}

.expert--card-name {
  text-align: center;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: -2%;
  line-height: 150%;
  color: #F57A2A;
  margin-top: 8px;
}

.expert--card-occupation {
  text-align: center;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: -2%;
  line-height: 150%;
  color: #ff7e00;
  width: 100%;
  display: block;
  margin-top: -5px;
}

.expert--card-specifications {
  margin-top: 16px;
  padding-top: 8px;
  border-top: 1px solid #DDD;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.expert--card-specification {
  display: flex;
  flex-direction: column;
}

.expert__card-specification--label {
  font-weight: 800;
  font-size: 14px;
}

.expert__card-specification--value {
  font-size: 14px;
}

.expert--card-socials {
  display: flex;
  flex-wrap: wrap;
  margin-top: 8px;
  gap: 16px;
}

.expert--card-social {
  width: 40%;
  max-width: 114px;
  height: auto;
  aspect-ratio: 3;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #FFF;
  border-radius: 5px;
}

.expert--card-social.linkedin {
  background: #007cb8;
}

.expert--card-social.instagram {
  background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100% );
}

@media screen and (max-width: 999px) {
  .expert--container {
    flex-direction: column-reverse;
    align-items: center;
  }

  .expert--right {
    min-width: 0;
    max-width: 540px;
    width: 100%;
  }
}

@media screen and (max-width: 699px) {
  .horizontal-articles__article--image {
    aspect-ratio: 1.2023;
    width: 110px;
    min-width: 110px;
  }

  .horizontal-articles__article--title {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    width: 100%;
    font-size: 14px;
  }

  .horizontal-articles__article--author {
    font-size: 12px;
    border-right: 0;
  }
}

/* RAO - Experts */
.experts--container {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.experts--title {
  font-size: 32px;
  font-weight: 700;
  line-height: 120%;
  letter-spacing: -2%;
  color: #115dbb;
}

.experts--blocks {
  display: flex;
}

.experts--block {
  flex-shrink: 0;
  border: 1px solid #DDD;
  border-radius: 8px;
  overflow: hidden;
  width: 300px;
  transition: border-color .3s;
}

.experts--block:hover {
  border-color: #F57A2A;
}

.experts__block--image {
  background-color: #f2f8ff;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px;
}

.experts__block--image img, .experts__block--image svg {
  width: 132px;
  height: auto;
}

.experts__block--image svg path {
  fill: #F57A2A;
}

.experts__block--content {
  padding: 8px;
  text-align: center;
}

.experts__block--name {
  font-size: 18px;
  font-weight: 700;
  letter-spacing: -2%;
  line-height: 150%;
  color: #F57A2A;
}

.experts__block--occupation {
  font-size: 14px;
  font-weight: 700;
  letter-spacing: -2%;
  line-height: 150%;
  color: #ff7e00;
  margin-top: -5px;
  display: block;
}

/* Klantenservice */
klantenservice-page .rao-faq--container {
  gap: 16px;
}

@media screen and (max-width: 999px) {
  klantenservice-page .rao-faq--container {
    gap: 8px;
  }
}

klantenservice-page .rao-faq--title {
  font-size: 20px;
  font-weight: 800;
}

.klantenservice--section + .shopify-section:not(.shopify-section-group-header-group):not(.shopify-section-group-overlay-group):not(.shopify-section-group-footer-group) {
  display: none;
}

.klantenservice--section .section {
  padding-left: 0;
  padding-right: 0;
}

.klantenservice--container {
  display: flex;
  gap: 80px;
}

.klantenservice__nav--overlay, .klantenservice__nav--header {
  display: none;
}

.klantenservice--nav {
  position: sticky;
  top: var(--header-height);
  height: fit-content;
}

.klantenservice--nav, .klantenservice--sublinks {
  display: flex;
  flex-direction: column;
}

.klantenservice--link, .klantenservice--sublink {
  height: 40px;
  display: flex;
  align-items: center;
}

.klantenservice--link.selected {
  border-left: 2px solid #F57A2A;
  font-weight: 800;
  padding-left: 8px;
}

.klantenservice--sublink {
  margin-left: 24px;
}

.klantenservice--sublink.selected {
  border-left: 2px solid #F57A2A;
  font-weight: 800;
  padding-left: 22px;
  margin-left: 0;
}

.klantenservice--sublink:not(.selected):hover {
  border-left: 2px solid #F57A2A66;
  padding-left: 22px;
  margin-left: 0;
}

.klantenservice--link:not(.selected):hover {
  border-left: 2px solid #F57A2A66;
  padding-left: 8px;
  margin-left: -10px;
}

.klatenservice__back--desktop, .klatenservice__back--mobile {
  display: flex;
  gap: 5px;
  color: #F57A2A;
  font-size: 14px;
  align-items: center;
}

.klantenservice--back svg {
  transform: rotate(90deg);
}

.klatenservice__back--mobile {
  display: none;
}

.klantenservice--back {
  margin-bottom: 8px;
}

.klantenservice--title {
  font-size: 32px;
  font-weight: 700;
  line-height: 120%;
  letter-spacing: -2%;
  color: #115dbb;
  margin-bottom: 20px;
}

.klantenservice--content {
  flex: 1;
}

@media screen and (max-width: 999px) {
  .klatenservice__back--mobile {
    display: flex;
  }

  .klatenservice__back--desktop {
    display: none;
  }

  .klantenservice--container .klantenservice--nav {
    display: none;
  }

  .klantenservice--nav {
    margin-left: var(--spacing-6);
  }
}

/* Horizontal Contact */
.horizontal-contact--container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 20px;
  gap: 8px;
  flex-wrap: wrap;
}

.horizontal-contact--content {
  flex: 1;
}

.horizontal-contact--title {
  font-size: 20px;
  font-weight: 800;
}

.horizontal-contact--description {
  font-size: 14px;
}

.horizontal-contact--button {
  cursor: pointer;
}

contact-button .horizontal-contact--popup-content {
  display: none;
}

@media screen and (max-width: 699px) {
  .horizontal-contact--container {
    flex-direction: column;
    gap: 16px;
    align-items: start;
  }

  .horizontal-contact--container contact-button {
    width: 100%;
  }
}

.horizontal-contact--popup-content {
  padding-top: 40px;
}

/* Page Cards */
.page-cards--title {
  font-size: 20px;
  font-weight: 800;
}

.page-cards--description {
  font-size: 14px;
}

.page-cards--cards {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  margin-top: 16px;
}

.page-cards--card {
  display: flex;
  gap: 8px;
  align-items: center;
  border: 1px solid #DDD;
  border-radius: 8px;
  overflow: hidden;
  transition: border-color .3s;
}

.page-cards--card:hover {
  border-color: #F57A2A;
}

.page-cards__card--image {
  width: 100px;
  height: 100px;
}

.page-cards__card--image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.page-cards__card--title {
  font-weight: 800;
  flex: 1;
  line-height: 150%;
}

@media screen and (max-width: 999px) {
  .page-cards--card {
    flex-direction: column;
  }

  .page-cards__card--image {
    width: 100%;
    height: 100%;
    aspect-ratio: 16/9;
  }

  .page-cards__card--title {
    padding: 16px;
    text-align: center;
    border-top: 1px solid #DDD;
    width: 100%;
  }
}

/* Service Info */
.service-info--container {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.service-info--title {
  font-size: 20px;
  font-weight: 800;
}

.service-info--card {
  display: flex;
  align-items: center;
  gap: 16px;
  border: 1px solid #DDD;
  border-radius: 8px;
  overflow: hidden;
  width: fit-content;
  padding-right: 16px;
}

.service-info--card img {
  width: 100px;
  height: 100px;
  object-fit: cover;
}

.service-info__card--title {
  color: #F57A2A;
  font-weight: 800;
}

@media screen and (max-width: 699px) {
  .service-info--container {
    gap: 8px;
  }
}

/* RAO - Newsletter Info */
.newsletter-info--container {
  display: flex;
  gap: 80px;
}

.newsletter-info--content {
  flex: 1;
}

.newsletter-info--image-desktop {
  width: 280px;
  height: auto;
}

.newsletter-info--image-mobile {
  display: none;
}

.newsletter-info--subtitle {
  font-size: 16px;
  font-weight: 700;
  line-height: 150%;
  letter-spacing: -2%;
}

.newsletter-info--title {
  margin-top: 8px;
  font-size: 32px;
  font-weight: 600;
  line-height: 120%;
  letter-spacing: -2%;
  font-family: 'Lora', serif !important;
  color: #3B3027 !important;
}

.newsletter-info--description {
  margin-top: 24px;
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
  letter-spacing: -2%;
}

.newsletter-info--accordion {
  margin-top: 16px;
  background-color: var(--background-color);
  padding: 16px;
  border: 1px solid #DDD;
  border-radius: 8px;
  width: fit-content;
}

.newsletter-info__accordion--button {
  font-size: 20px;
  font-weight: 700;
  line-height: 120%;
  letter-spacing: -2%;
}

.newsletter-info__newsletter--description {
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
  letter-spacing: -2%;
}

.newsletter-info--newsletter {
  margin-top: 24px;
}

.newsletter-info--form {
  display: flex;
  gap: 16px;
}

.newsletter-info--form input {
  border-color: #ddd;
  transition: border-color .3s;
}

.newsletter-info--form input:focus-visible {
  outline: unset;
  box-shadow: unset;
}

.newsletter-info--form input:focus {
  border-color: #F57A2A;
}

@media screen and (max-width: 999px) {
  .newsletter-info--title {
    font-size: 24px;
    margin-top: 0;
  }

  .newsletter-info--image-desktop {
    display: none;
  }

  .newsletter-info--image-mobile {
    display: block;
    width: 180px;
    margin-top: 16px;
    margin-left: auto;
    margin-right: auto;
  }

  .newsletter-info--description {
    margin-top: 16px;
  }

  .newsletter-info__accordion--button {
    font-size: 18px;
  }

  .newsletter-info--form {
    flex-direction: column;
    gap: 8px;
  }
}

/* RAO - Article Slider */
.article-slider--subtitle {
  font-size: 16px;
  font-weight: 700;
  line-height: 150%;
  letter-spacing: -2%;
  margin-bottom: 8px;
  color: #ff7e00;
}

.article-slider--title {
  margin-top: 8px;
  font-size: 32px;
  font-weight: 700;
  line-height: 120%;
  letter-spacing: -2%;
}

.article-slider--description {
  margin-top: 16px;
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
  letter-spacing: -2%;
}

.article-slider--slider {
  margin-top: 16px;
}

.article-slider--articles {
  display: flex;
  gap: 16px;
}

.article-slider--article {
  flex-shrink: 0;
  border-radius: 8px;
  overflow: hidden;
  width: 300px;
  border: 1px solid #DDD;
  display: flex;
  flex-direction: column;
  transition: border-color .3s;
}

.article-slider--article:hover {
  border-color: #F57A2A;
}

.article-slider__article--image img {
  aspect-ratio: 2/1;
  object-fit: cover;
}

.article-slider__article--image svg {
  aspect-ratio: 2/1;
  width: 100%;
  height: 100%;
}

.article-slider__article--content {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 8px;
  padding: 16px;
}

.article-slider__article--title {
  font-size: 16px;
  font-weight: 700;
  letter-spacing: -2%;
  line-height: 150%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.article-slider__article--date {
  font-size: 14px;
}

.article-slider--button {
  margin-top: 16px;
  width: fit-content;
}

@media screen and (max-width: 699px) {
  .article-slider--title {
    font-size: 24px;
  }
}

/* RAO - Blog */
.rao-blog--title {
  font-size: 40px;
  font-weight: 700;
  line-height: 120%;
  letter-spacing: -2%;
  color: #115dbb;
}

.rao-blog--subtitle {
  font-size: 16px;
  font-weight: 700;
  letter-spacing: -2%;
  line-height: 150%;
  color: #ff7e00;
  margin-top: 8px;
}

.rao-blog--recommended {
  margin-top: 24px;
}

.rao-blog__recommended--title {
  font-size: 32px;
  font-weight: 700;
  line-height: 120%;
  letter-spacing: -2%;
  color: #F57A2A;
}

.rao-blog__recommended--articles {
  margin-top: 16px;
  display: grid;
  grid-template-rows: 1fr 1fr;
  grid-template-columns: .7fr .3fr;
  gap: 16px;
}

.rao-blog__recommended--featured-article {
  grid-row: 1 / 3;
}

.rao-blog__recommended--article-image img {
  aspect-ratio: 2 / 1;
  object-fit: cover;
}

.rao-blog__recommended--article, .rao-blog__recommended--featured-article {
  border: 1px solid #DDD;
  border-radius: 8px;
  overflow: hidden;
  transition: border-color .3s;
}

.rao-blog__recommended--article:hover, .rao-blog__recommended--featured-article:hover {
  border-color: #F57A2A;
}

.rao-blog__recommended--article-content {
  padding: 16px;
}

.rao-blog__recommended--article-date {
  font-size: 14px;
  color: #454545;
}

.rao-blog__recommended--article-title {
  margin-top: 8px;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: -2%;
  line-height: 150%;
  color: #F57A2A;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.rao-blog__recommended--article-excerpt {
  margin-top: 5px;
}

@media screen and (max-width: 999px) {
  .rao-blog__recommended--articles {
    display: flex;
    flex-direction: column;
    gap: 16px;
  }

  .rao-blog__recommended--featured-article .rao-blog__recommended--article-image img {
    aspect-ratio: 2.5 / 1;
  }

  .rao-blog__recommended--article .rao-blog__recommended--article-image img {
    aspect-ratio: 3 / 1;
    width: 100%;
  }
}

.rao-blog--all {
  margin-top: 24px;
}

.rao-blog__all--title {
  font-size: 32px;
  font-weight: 700;
  line-height: 120%;
  letter-spacing: -2%;
  color: #F57A2A;
}

.vertical-articles--content {
  height: var(--inner-height);
  transition: height .3s;
  overflow: hidden;
}

.rao-blog__all--articles {
  margin-top: 16px;
  display: block;
}

.rao-blog__all--article {
  display: flex;
  gap: 16px;
  padding-bottom: 16px;
  border-bottom: 1px solid #DDD;
  margin-bottom: 16px;
}

.rao-blog__all--article-image {
  aspect-ratio: 1.5152;
  width: 300px;
}

.rao-blog__all--article-image img {
  height: 100%;
  object-fit: cover;
  width: 100%;
}

.rao-blog__all--article-content {
  flex: 1;
}

.rao-blog__all--article-date {
  font-size: 14px;
  color: #454545;
}

.rao-blog__all--article-title {
  margin-top: 8px;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: -2%;
  line-height: 150%;
  color: #F57A2A;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.rao-blog__all--article-excerpt {
  margin-top: 5px;
}

.rao-blog__all--article-read-more {
  display: flex;
  color: #F57A2A;
  gap: 5px;
  align-items: center;
  margin-top: 5px;
}

.rao-blog__all--article-read-more svg {
  transform: rotate(-90deg);
  width: 12px;
}

.vertical-articles--buttons {
  display: flex;
  gap: 16px;
  width: fit-content;
  margin: 0 auto;
  margin-top: 24px;
}

.vertical-articles--button {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #F57A2A;
  border: 1px solid #F57A2A;
  color: #FFF;
  transition: background-color .3s, color .3s;
}

.vertical-articles--button.disabled {
  opacity: .5;
}

.vertical-articles--button:not(.disabled) {
  cursor: pointer;
}

.vertical-articles--button:not(.disabled):hover {
  background-color: #FFF;
  color: #F57A2A;
}

.vertical-articles--up-button svg {
  transform: rotate(180deg);
}

@media screen and (max-width: 699px) {
  .rao-blog__all--article {
    flex-direction: column;
  }

  .rao-blog__all--article-image {
    width: 100%;
  }
}

/* RAO - Article */
.rao-article--top {
  display: flex;
  align-items: center;
  font-size: 14px;
  color: #454545;
}

.rao-article__top--author {
  display: flex;
  align-items: center;
  margin-right: 16px;
}

.rao-article__top--author img {
  width: 40px;
  height: 40px;
  object-fit: cover;
}

.rao-article__top--author-name {
  color: #F57A2A;
  text-decoration: underline;
  margin-right: 8px;
}

.rao-article--vertical-line {
  width: 1px;
  height: 20px;
  background-color: #DDD;
}

.rao-article__top--date {
  margin-left: 16px;
}

.rao-article--title {
  margin-top: 24px;
  font-size: 32px;
  font-weight: 700;
  line-height: 120%;
  letter-spacing: -2%;
  color: #115dbb;
}

.rao-article--excerpt {
  background-color: #f2f8ff;
  padding: 32px;
  margin-top: 16px;
}

.rao-article__excerpt--title {
  font-size: 18px;
  color: #F57A2A;
  font-weight: 800;
  margin-bottom: 16px;
  display: block;
}

.rao-article__excerpt--description {
  font-weight: 600;
  line-height: 150%;
}

.rao-article--content {
  margin-top: 16px;
  --text-h1: 24px;
  --text-h2: 24px;
  --spacing-8: 16px;
  --spacing-6: 8px;
  line-height: 150%;
  letter-spacing: -2%;
  max-width: 590px;
  margin-left: auto;
  margin-right: auto;
}

.rao-article--content h1, 
.rao-article--content h2, 
.rao-article--content h3,
.rao-article--content h4,
.rao-article--content h5, 
.rao-article--content h6 {
  color: #115dbb;
  font-size: 20px;
}

.rao-article--content p, .rao-article--content li {
  font-size: 16px;
}

.rao-article--content a {
  background: unset !important;
  color: #F57A2A;
  text-decoration: underline;
}

.rao-article--content p:empty {
  display: none;
}

.rao-article--container {
  max-width: 808px;
  margin: 0 auto;
}

.rao-article--image {
  max-width: 590px;
  width: 100%;
  margin-top: 16px;
  margin-left: auto;
  margin-right: auto;
}

.rao-article--author {
  background-color: #f2f8ff;
  padding: 24px;
  display: flex;
  align-items: center;
  gap: 40px;
}

.rao-article__author--title {
  font-size: 18px;
  color: #F57A2A;
  font-weight: 800;
  margin-bottom: 16px;
  display: block;
}

.rao-article__author--description {
  line-height: 150%;
}

.rao-article__author--right {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
}

.rao-article__author--right img {
  max-width: 200px;
  aspect-ratio: 1;
}

.rao-article__author--name {
  font-weight: 800;
  color: #F57A2A;
  text-decoration: underline;
}

.rao-article__author--title-mobile {
  display: none;
}

@media screen and (max-width: 699px) {
  .rao-article--title {
    font-size: 24px;
  }

  .rao-article--top {
    font-size: 12px;
  }

  .rao-article--content h2 {
    font-size: 24px;
  }

  .rao-article--excerpt {
    padding: 16px;
    margin-left: -16px;
    width: calc(100% + 32px);
  }

  .rao-article__excerpt--title {
    margin-bottom: 8px;
  }

  .rao-article--author {
    flex-direction: column-reverse;
    gap: 8px;
  }

  .rao-article__author--title-mobile {
    display: block;
    margin-bottom: 0;
  }

  .rao-article__author--title-desktop {
    display: none;
  }
}

@media screen and (max-width: 380px) {
  .rao-article--top {
    font-size: 10px;
  }

  .rao-article__top--author {
    margin-right: 10px;
  }

  .rao-article__top--date {
    margin-left: 10px;
  }
}

/* Collection FAQ */
.collection-faq--container {
  max-width: var(--max-width);
  margin: 0 auto;
}

.collection-faq--subtitle {
  font-size: 16px;
  font-weight: 700;
  line-height: 150%;
  letter-spacing: -2%;
}

.collection-faq--title {
  font-size: 32px;
  font-weight: 700;
  letter-spacing: -2%;
  line-height: 120%;
  margin-bottom: 16px;
}

collection-faq {
  display: grid;
  gap: 8px;
}

.collection-faq--item {
  padding: 16px;
  border: 1px solid #DDD;
  border-radius: 16px;
}

.collection-faq--button {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  cursor: pointer;
  font-size: 18px;
  font-weight: 500;
  line-height: 120%;
  letter-spacing: -2%;
}

.collection-faq--button svg {
  color: var(--icon-color);
  transition: transform .3s;
}

.collection-faq--item.open .collection-faq--button svg {
  transform: rotate(180deg);
}

.collection-faq--content {
  height: 0;
  overflow: hidden;
  transition: height .3s;
}

.collection-faq--item.open .collection-faq--content {
  height: var(--inner-height);
}

.collection-faq--inner {
  padding-top: 8px;
}

@media screen and (max-width: 699px) {
  .collection-faq--title {
    font-size: 28px;
  }
}

/* Rao Media slider */
rao-media-carousel {
  display: flex;
  flex-direction: column;
  row-gap: 20px;
  overflow: hidden;
}

.rao-media--main {
  position: relative;
}

.rao-media--button {
  position: absolute;
  top: calc(50% - 20px);
  color: #F57A2A;
  cursor: pointer;
}

.rao-media--button[disabled] {
  cursor: default;
  display: none;
}

.rao-media--prev-button {
  transform: rotate(90deg);
}

.rao-media--next-button {
  right: 0;
  transform: rotate(-90deg);
}

.rao-media__main--medias, .rao-media__thumbnails--medias {
  display: flex;
}

.rao-media__main--medias > div, .rao-media__thumbnails--medias > div {
  flex-shrink: 0;
}

.rao-media__main--medias {
  --transform-amount: 0;
  transition: height .3s;
  height: var(--height-amount);
}

.rao-media__main--media {
  width: 100%;
  cursor: pointer;
  transform: translateX(var(--transform-amount));
  transition: transform .3s;
}

.rao-media__main--media img, 
.rao-media__main--media video {
  width: 100%;
  height: auto;
  max-width: 63%;
  margin: 0 auto;
}

.rao-media__main--media img {
  aspect-ratio: 1;
  object-fit: contain;
}

.rao-media__thumbnails--medias {
  gap: 16px;
  --transform-amount: 0;
}

.rao-media__thumbnails--media {
  border: 1px solid #c8c8c8;
  padding: 10px;
  border-radius: 10px;
  position: relative;
  max-width: 140px;
  width: 100%;
  cursor: pointer;
  overflow: hidden;
  aspect-ratio: 1.1765;
  transform: translateX(var(--transform-amount));
  transition: opacity .3s, transform .3s;
}

.rao-media__thumbnails--media.selected {
  border-color: #F57A2A;
  border-width: 2px;
}

.rao-media__thumbnails--media:not(.selected) {
  opacity: .5;
}

.rao-media__thumbnails--media img, 
.rao-media__thumbnails--media video {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  width: calc(100% - 20px);
  height: calc(100% - 20px);
  object-fit: contain;
  object-position: center;
  max-width: 100%;
  max-height: 100%;
}

@media screen and (max-width: 690px) {
  .rao-media__thumbnails--medias {
    gap: 8px;
  }

  .rao-media__thumbnails--media {
    max-width: 73px;
  }
}

/* Zoom modal */
rao-zoom-modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  display: none;
  background: #0006;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

rao-zoom-modal.open {
  z-index: 10003000000;
  display: flex;
}

.zoom-modal--loading {
  display: none;
  position: relative;
}

.zoom-modal--loading, .zoom-modal--container {
  max-width: calc(100% - 20px);
  width: 950px;
  margin: auto;
  height: auto;
  max-height: calc(100% - 20px);
  background-color: #FFF;
  padding: 20px;
  border-radius: 10px;
  cursor: default;
}

rao-zoom-modal.loading .zoom-modal--loading {
  display: flex;
}

rao-zoom-modal.loading .zoom-modal--container {
  display: none;
}

.zoom-modal--header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
}

.zoom-modal--title {
  font-size: 24px;
  font-weight: 700;
  color: #115dbb;
  line-height: 120%;
  letter-spacing: -2%;
  flex: 1;
}

.zoom-modal--header svg {
  color: #F57A2A;
  cursor: pointer;
}

.zoom-modal--main .rao-media__main--media {
  cursor: default;
}

@media screen and (max-width: 690px) {
  .zoom-modal--loading, .zoom-modal--container {
    width: 100%;
    max-width: 100%;
    height: 100%;
    border-radius: 0;
    padding: 0;
  }

  .zoom-modal--container {
    display: flex;
    flex-direction: column;
    max-height: 100%;
  }

  .zoom-modal--header {
    min-height: 52px;
    padding: 0 12px;
    background-color: #F57A2A;
  }

  .zoom-modal--title {
    color: #FFF;
    font-size: 16px;
  }

  .zoom-modal--header svg {
    color: #FFF;
  }

  .zoom-modal--main {
    padding: 12px;
    flex: 1;
  }

  .zoom-modal--main rao-media-carousel {
    height: 100%;
  }

  .zoom-modal--main .rao-media--main {
    display: flex;
    align-items: center;
    flex: 1;
  }

  .zoom-modal--main .rao-media--main img {
    max-width: 79%;
  }
}

/* Product Specs */
product-specs .product-info__specs--wrapper {
  overflow: hidden;
  transition: height .3s;
}

.product-specs--hide {
  display: none;
}

product-specs.loaded .product-specs--hide {
  display: grid;
}

.product-specs--buttons {
  display: grid;
  grid-template-areas: "asd";
}

.product-specs--button {
  grid-area: asd;
  color: #F57A2A;
  cursor: pointer;
  width: fit-content;
  transition: opacity .3s;
}

.product-specs--less-button {
  opacity: 0;
  pointer-events: none;
}

.product-specs--less-button svg {
  transform: rotate(180deg);
}

product-specs.show-more .product-specs--less-button {
  opacity: 1;
  pointer-events: unset;
}

product-specs.show-more .product-specs--more-button {
  opacity: 0;
  pointer-events: none;
}

product-specs.loaded .product-info__specs--wrapper {
  height: var(--less-height);
}

product-specs.show-more .product-info__specs--wrapper {
  height: var(--more-height);
}

/* RAO - Pillar Banner */
.pillar--container {
  display: flex;
  gap: 24px;
}

.pillar--title {
  font-size: 46px;
  letter-spacing: -2%;
  font-weight: 700;
  line-height: 120%;
}

.pillar--subtitle {
  margin-top: 8px;
  font-size: 24px;
  letter-spacing: -2%;
  line-height: 120%;
}

.pillar--description {
  margin-top: 24px;
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
  letter-spacing: -2%;
}

.pillar--button {
  margin-top: 20px;
  width: fit-content;
}

.pillar--image {
  display: flex;
  align-items: end;
  margin-bottom: calc(-1 * var(--desktop-bottom-padding));
}

.pillar--mobile-image {
  display: none;
}

@media screen and (max-width: 699px) {
  .pillar--title {
    font-size: 28px;
  }

  .pillar--subtitle {
    font-size: 20px;
  }

  .pillar--image {
    align-items: start;
    margin-top: -20px;
    margin-right: -16px;
    margin-bottom: 0;
  }

  .pillar--mobile-image {
    display: block;
    object-fit: cover;
    height: 70%;
  }

  .pillar--desktop-image {
    display: none;
  }
} 

/* RAO - Pillar Articles */
.pillar-articles--title {
  font-size: 32px;
  font-weight: 700;
  letter-spacing: -2%;
  line-height: 120%;
  padding-bottom: 10px;
  border-bottom: 2px solid var(--border-color);
}

.pillar-articles--article {
  padding: 24px 0;
}

.pillar-articles--articles .pillar-articles--article:not(:first-child) {
  border-top: 2px solid var(--border-color);
}

.pillar-articles__article--title {
  font-size: 18px;
  font-weight: 700;
  line-height: 120%;
  letter-spacing: -2%;
  margin-bottom: 16px;
}

.pillar-articles__article--content {
  margin-left: 15px;
}

.pillar-articles__article--description {
  margin-bottom: 16px;
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
  letter-spacing: -2%;
}

.pillar-articles__article--link {
  display: flex;
  gap: 5px;
}

.pillar-articles__article--link span {
  font-weight: 700;
}

.pillar-articles__article--link a {
  color: #F57A2A;
  font-style: italic;
}

@media screen and (max-width: 699px) {
  .pillar-articles--title {
    font-size: 24px;
  }

  .pillar-articles__article--title {
    font-size: 16px;
  }
}

/* Forceer de titel naar ORANJE */
.rao-product-card--title,
.rao-product-card--title a,
.rao-product-card a {
    color: #2C3E50 !important; /* Dit is een standaard oranje kleur */
    text-decoration: none !important;
}

/* Als je er met de muis op gaat (hover), blijf dan oranje of word iets lichter */
.rao-product-card--title:hover,
.rao-product-card:hover .rao-product-card--title {
    color: #F97316 !important; 
}

/* Specifiek voor de H1 titel op collectiepagina's */
.collection__header--title {
    font-family: 'Lora', serif !important;
    font-weight: 600; /* Je kunt hier kiezen uit 500, 600 of 700 */
    text-transform: none;
}

/* --- Nieuwe Stijl Productkaarten (Subtiel & Vrouwelijk) --- */

.rao-product-card {
    border: 1px solid #EDF0F3 !important; /* Jouw specificatie: heel licht grijs */
    border-radius: 12px !important;       /* 12px oogt iets zachter/vriendelijker dan 8px */
    box-shadow: none !important;          /* Schoon en plat standaard */
    transition: all 0.3s ease !important; /* Zorgt dat de schaduw zachtjes verschijnt */
    background-color: #FFF;               /* Zekerheidje voor witte achtergrond */
}

/* Hover effect voor desktop */
.rao-product-card:hover {
    border-color: #E5E7EB !important;            /* Ietsje donkerder voor definitie */
    box-shadow: 0 4px 12px rgba(0,0,0,0.06) !important; /* De subtiele 'zweef' schaduw */
    transform: translateY(-2px);                 /* Optioneel: klein hupje omhoog voor luxe gevoel */
}

/* Zoekbalk achtergrond wit maken */
.custom-search-block {
    background-color: #FFFFFF !important; /* Wit */
    border: 1px solid #FFFFFF !important; /* Zorgt dat de rand ook wit/onzichtbaar is */
}

/* Zorg dat het invulveld zelf geen grijze kleur krijgt */
.custom-search-block .search-input input {
    background-color: transparent !important;
}

/* Review blok titel lettertype aanpassen */
.reviews--title {
    font-family: 'Lora', serif !important;
    /* De font-size van 32px blijft behouden vanuit de bestaande CSS */
}

/* Titel van Veelgestelde Vragen (FAQ) aanpassen */
.rao-faq--title {
    font-family: 'Lora', serif !important;
    color: #3B3027 !important;
}

/* Achtergrondkleur onderste footer balk aanpassen */
.footer-icons--section {
    background-color: #FAF7F2 !important;
}

/* --- Hele footer oranje maken --- */

/* 1. Het grote footer blok en de onderste balk */
.footer {
    background-color: #D45F14 !important;
    color: #FFFFFF !important; /* Zorgt dat alle tekst wit is */
}

/* --- Vervang het feesthoedje in de footer door het eigen logo --- */

/* 1. Verberg het originele SVG feesthoedje */
.icon--announcement-icon path {
    display: none !important;
}

/* 2. Plaats het nieuwe logo als achtergrond in de container */
.icon--announcement-icon {
    background-image: url('/cdn/shop/files/logo-snippet.png?v=1766582416') !important;
    background-size: contain !important;    /* Zorgt dat het logo er helemaal in past */
    background-repeat: no-repeat !important; /* Voorkomt herhaling */
    background-position: center !important;  /* Plaatst het netjes in het midden */
    
    /* Optioneel: Pas de grootte iets aan als dat nodig is */
    width: 40px !important;  /* Iets groter dan het origineel voor betere zichtbaarheid */
    height: 40px !important;
}

/* --- "Bekijk alles" knop: Wit standaard, Oranje bij hover --- */

a.featured-collections--show-more,
.featured-collections--show-more {
    /* 1. Variabelen overschrijven (belangrijk voor jouw thema) */
    --button-background-color: #FFFFFF !important;       /* <--- NIEUW: Forceer spierwit */
    --button-hover-background-color: #F46E17 !important; /* Hover achtergrond */
    --button-hover-border-color: #F46E17 !important;     /* Hover rand */
    --button-label-color: #F46E17 !important;            /* Tekst kleur */

    /* 2. Directe styling */
    color: #F46E17 !important;
    background-color: #FFFFFF !important; /* <--- Hier zat de fout, nu echt wit */
}

/* 3. De hover-status (muis erop) */
a.featured-collections--show-more:hover,
.featured-collections--show-more:hover {
    background-color: #F46E17 !important; 
    border-color: #F46E17 !important;
    color: #FFFFFF !important;
}

/* --- DEFINITIEVE CORRECTIE: Banner schaalt mee + ronde hoeken --- */

@media screen and (max-width: 1400px) {
    /* 1. De container van de afbeelding moet 'gewoon' meedoen in de pagina flow */
    .image-text-overlay--image {
        position: relative !important;
        height: auto !important;
        min-height: 0 !important;
        inset: unset !important; /* Reset eventuele 'absolute' posities */
    }

    /* 2. De afbeelding zelf: behoud aspect ratio EN ronde hoeken */
    .image-text-overlay--image img {
        position: relative !important;
        width: 100% !important;
        height: auto !important;
        object-fit: contain !important; /* Zorgt dat de hele foto zichtbaar blijft */
        border-radius: 24px !important; /* <--- AANGEPAST: Zorgt voor de ronde hoeken */
    }

    /* 3. De tekst-laag: Haal deze uit de flow en leg hem er 'bovenop' */
    .image-text-overlay--content {
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        width: 100% !important;
        height: 100% !important;
        padding: 20px !important; /* Iets minder padding zodat tekst past op kleine schermen */
        display: flex;
        flex-direction: column;
        justify-content: center; /* Centreer de tekst verticaal */
    }
    
    /* 4. Zorg dat de container eromheen flexibel is */
    .image-text-overlay--container {
        height: auto !important;
        min-height: 0 !important;
    }
}

/* --- MOBIEL: Toon specifieke afbeelding op telefoon (ZONDER ronding) --- */

@media screen and (max-width: 767px) {
    .image-text-overlay--image img {
        /* Vervangt de desktop-foto door jouw mobiele versie */
        content: url('/cdn/shop/files/ballonnen-mobiel-v2.jpg?v=1767096959') !important;
        
        /* Zorgt dat hij perfect past */
        width: 100% !important;
        height: auto !important;
        object-fit: contain !important;
        
        /* AANGEPAST: Geen ronding meer op mobiel */
        border-radius: 0 !important; 
    }
}

/* --- FIX: Mobiel 2 regels + Knop rechtsonder --- */
@media screen and (max-width: 999px) {
  
  /* 1. Forceer de tekst op een vaste regelhoogte en zet de box op precies 2 regels (2 x 22px = 44px) */
  red-more:not(.open) .red-more--content {
    line-height: 22px !important;     /* Vaste hoogte per regel */
    height: 44px !important;          /* Precies ruimte voor 2 regels */
    overflow: hidden !important;
    position: relative !important;
  }

  /* 2. Dwing de knop naar RECHTSONDER (regel 2) */
  red-more.show-buttons .red-more--more {
    position: absolute !important;
    top: auto !important;             /* Reset: niet bovenaan plakken */
    bottom: 0 !important;             /* Forceer naar de bodem (regel 2) */
    right: 0 !important;              /* Helemaal rechts */
    
    background-color: #FAF7F2 !important; /* Achtergrondkleur */
    padding-left: 10px !important;    /* Ruimte links van de tekst */
    box-shadow: -10px 0 10px #FAF7F2; /* Fade-effect zodat tekst eronder wegvaagt */
    z-index: 5;
    line-height: 22px !important;     /* Zelfde hoogte als de tekstregel */
  }

  /* 3. Zorg dat de container zelf 'relative' is zodat 'absolute' werkt */
  red-more {
    position: relative !important;
    display: block !important;
  }
}

/* --- MOBIEL MENU FIX: Body Beige, Header Oranje --- */

/* 1. De achtergrond van de lade en de blokken -> BEIGE */
navigation-drawer::part(content),
navigation-drawer::part(body) {
    background-color: #FAF7F2 !important;
}

/* Let op de enkele underscore bij panel_wrapper */
.panel,
.panel_wrapper,
.panel-list__wrapper,
.panel-show {
    background-color: #FAF7F2 !important;
}

/* 2. De Header van het menu -> ORANJE (Herstel) */
.mega-menu--header,
.header-sidebar__header {
    background-color: #F57A2A !important; /* De originele oranje kleur */
    color: #FFFFFF !important;             /* Zorg dat tekst/kruisje wit blijft */
}

/* --- PAGINA TITEL: Nieuw lettertype (Lora) --- */
.rao-page--title {
    font-family: 'Lora', serif !important;
    color: #3B3027
}

/* --- COLLECTIE BLOKJES: Luxe stijl (matcht producten) --- */

/* 1. De kaart zelf (randen en vorm) */
.rao-category--collection {
    border: 1px solid #EDF0F3 !important;   /* De subtiele lichte rand */
    border-radius: 12px !important;         /* Zelfde ronding als producten */
    box-shadow: none !important;            /* Platte look standaard */
    background-color: #FFF !important;      /* Wit */
    transition: all 0.3s ease !important;   /* Soepele animatie */
}

/* 2. Hover effect (als je er met de muis op gaat) */
.rao-category--collection:hover {
    border-color: #E5E7EB !important;             /* Randje iets donkerder */
    box-shadow: 0 4px 12px rgba(0,0,0,0.06) !important; /* Het zweef-effect */
    transform: translateY(-2px);                  /* Klein hupje omhoog */
}

/* 3. De tekst styling */
.rao-category__collection--title {
    color: #2C3E50 !important;              /* De gevraagde donkere kleur */
    font-weight: 700 !important;            /* Dikgedrukt */
    
    /* Het lijntje boven de tekst ook subtieler maken */
    border-top: 1px solid #EDF0F3 !important; 
}

/* 4. Tekstkleur bij hover (optioneel, maakt het levendig) */
.rao-category--collection:hover .rao-category__collection--title {
    color: #F57A2A !important;              /* Wordt oranje als je erop gaat */
}

/* --- SLIMME RUIMTE FIX: 50px voor iedereen, behalve de eerste --- */

/* 1. Algemene regel: Iedereen krijgt lekker veel ruimte (50px) */
.rao-category--sub-categories {
    margin-top: 25px !important;
}

/* 2. UITZONDERING: Het allereerste blok krijgt maar 10px */
/* Dit zorgt dat hij strak onder de producten staat */
.rao-category--sub-categories:first-of-type {
    margin-top: 0px !important;
}

/* Optioneel: Voor mobiel iets compactere verhoudingen */
@media screen and (max-width: 767px) {
    .rao-category--sub-categories {
        margin-top: 15px !important; /* Tussenruimte op mobiel */
    }
    .rao-category--sub-categories:first-of-type {
        margin-top: -13px !important; /* Eerste blok op mobiel */
    }
}

/* --- PLUSPUNTEN BALK: Meer ruimte op computer --- */
@media screen and (min-width: 1000px) {
    .announcement-bar-custom-stack-wrapper {
        gap: 40px !important; /* Was 30px. Maak dit hoger (bv 60px) voor nog meer ruimte */
    }
}

/* --- FIX: Mobiel broodkruimel pijltje DEFINITIEF zwart (en gevuld) --- */
.rao-breadcrumbs--mobile svg,
.rao-breadcrumbs--mobile svg path {
    stroke: #3B3027 !important; /* Maak de lijn zwart */
    fill: #3B3027 !important;   /* <--- AANGEPAST: Maak de vulling ook zwart */
}

/* --- DEFINITIEVE FIX 2.0: Kleuren scheiden --- */

/* 1. De 'Momenten' & 'Categorie' blokken -> LICHT BEIGE (#FAF7F2) */
/* We gebruiken :not(...) om blokken met 'cards' in de naam over te slaan */
section[id*="rao_main_page"],
section[id*="rao_category"]:not([id*="cards"]) {
    background-color: #FAF7F2 !important;
    --background-color: #FAF7F2 !important;
}

/* Maak de containers hierbinnen transparant */
section[id*="rao_main_page"] .container,
section[id*="rao_category"]:not([id*="cards"]) .container {
    background-color: transparent !important;
    background: none !important;
}

/* 2. HERSTEL: De 'Ballon voor elk moment' (Cards) -> DONKERDER BEIGE (#F7EFE3) */
/* We dwingen deze sectie specifiek terug naar zijn originele kleur */
section[id*="cards"],
section[class*="category-cards"] {
    background-color: #F7EFE3 !important;
    --background-color: #F7EFE3 !important;
}

/* --- VERBERG: 'Hoe kan dit zo goedkoop?' link --- */
.tooltip-btn.rao-tooltip--button,
.product-info_price--popup-text {
    display: none !important;
}

/* --- AANPASSING: Pijltjes knoppen achtergrondkleur (Beige) --- */
.rao-media--button,
.carousel--button {
    background-color: #FAF7F2 !important; /* De nieuwe beige kleur */
}

/* --- DEFINITIEVE FIX 2.0: Kleuren scheiden --- */

/* 1. De 'Momenten' & 'Categorie' blokken -> LICHT BEIGE (#FAF7F2) */
section[id*="rao_main_page"],
section[id*="rao_category"]:not([id*="cards"]) {
    background-color: #FAF7F2 !important;
    --background-color: #FAF7F2 !important;
}

/* Maak de containers hierbinnen transparant */
section[id*="rao_main_page"] .container,
section[id*="rao_category"]:not([id*="cards"]) .container {
    background-color: transparent !important;
    background: none !important;
}

/* 2. HERSTEL: De 'Ballon voor elk moment' (Cards) -> DONKERDER BEIGE (#F7EFE3) */
section[id*="cards"],
section[class*="category-cards"] {
    background-color: #F7EFE3 !important;
    --background-color: #F7EFE3 !important;
}

/* --- VERBERG: 'Hoe kan dit zo goedkoop?' link --- */
.tooltip-btn.rao-tooltip--button,
.product-info_price--popup-text {
    display: none !important;
}

/* --- AANPASSING: Pijltjes knoppen achtergrondkleur (Beige) --- */
.rao-media--button,
.carousel--button {
    background-color: #FAF7F2 !important; 
}

/* --- DEFINITIEVE FIX 3.0: Responsive & Kleuren --- */

/* 1. KLEUREN & SECTIES */
/* De 'Momenten' & 'Categorie' blokken -> LICHT BEIGE (#FAF7F2) */
section[id*="rao_main_page"],
section[id*="rao_category"]:not([id*="cards"]) {
    background-color: #FAF7F2 !important;
    --background-color: #FAF7F2 !important;
}

/* Maak de containers hierbinnen transparant */
section[id*="rao_main_page"] .container,
section[id*="rao_category"]:not([id*="cards"]) .container {
    background-color: transparent !important;
    background: none !important;
}

/* De 'Ballon voor elk moment' (Cards) -> DONKERDER BEIGE (#F7EFE3) */
section[id*="cards"],
section[class*="category-cards"] {
    background-color: #F7EFE3 !important;
    --background-color: #F7EFE3 !important;
}

/* 2. VERBERGEN */
/* 'Hoe kan dit zo goedkoop?' link weg */
.tooltip-btn.rao-tooltip--button,
.product-info_price--popup-text {
    display: none !important;
}

/* 3. KNOPPEN */
/* Pijltjes knoppen achtergrondkleur (Beige) */
.rao-media--button,
.carousel--button {
    background-color: #FAF7F2 !important; 
}

/* --- FINISH LINE: Vierkante Productkaart (RESPONSIVE) --- */

/* 1. GHOSTING FIX: Verberg dubbele foto's */
.rao-media__main, 
.flickity-viewport {
    overflow: hidden !important;
}

/* 2. DE WITTE DOOS (Het kaartje) */
.rao-media__main--media zoom-modal-trigger {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    
    background-color: #ffffff !important;
    border: 1px solid #EDF0F3 !important;
    border-radius: 14px !important;
    box-sizing: border-box !important;
    
    width: 100% !important;
    aspect-ratio: 1 / 1 !important;  /* Blijft ALTIJD vierkant */
    margin: 0 auto !important;       
    
    /* HIER ZIJN DE FORMATEN PER APPARAAT: */
    
    /* DESKTOP (Standaard): Jouw keuze */
    max-width: 400px !important;     
}

/* TABLET AANPASSING (Schermen kleiner dan 991px) */
@media screen and (max-width: 991px) {
    .rao-media__main--media zoom-modal-trigger {
        max-width: 350px !important; /* Iets kleiner voor tablets/laptops */
    }
}

/* MOBIEL AANPASSING (Schermen kleiner dan 767px) */
@media screen and (max-width: 767px) {
    .rao-media__main--media zoom-modal-trigger {
        max-width: 280px !important; /* Veel kleiner voor telefoon! */
    }
}

/* 3. DE FOTO (De ballon) */
.rao-media__main--media zoom-modal-trigger img {
    position: static !important;
    display: block !important;
    width: auto !important;
    height: auto !important;
    
    /* Ballon vult 93% van het kaartje (dunne witte rand) */
    max-width: 93% !important;
    max-height: 93% !important;
    
    object-fit: contain !important;
}

/* 4. VEILIGHEID: Thumbnails met rust laten */
.rao-media--thumbnails img,
.product-gallery-container .rao-media--thumbnails img {
    background: transparent !important;
    border: none !important;
    aspect-ratio: auto !important;
    max-width: 100% !important;
    padding: 0 !important;
}

/* --- VERBERG: Pijltjes bij productfoto --- */
.rao-media--button,
.carousel--button {
    display: none !important;
}

/* --- DEFINITIEVE FIX: Thumbnails Oranje Verwijderen (Via Structuur) --- */

/* 1. We zoeken de items via de moeder-container (rao-media--thumbnails) */
/* Dit omzeilt eventuele typefouten in de lastige class-namen */
.rao-media--thumbnails div[data-type="image"],
.rao-media--thumbnails div[data-type="image"].selected,
.rao-media--thumbnails div[data-type="image"]:hover {
    /* RESET: Alles wat kleur kan geven slopen */
    box-shadow: none !important;
    outline: none !important;
    text-decoration: none !important;
    
    /* OPBOUW: Het frisse witte blokje */
    background-color: #ffffff !important;
    border: 1px solid #EDF0F3 !important;  /* Het subtiele grijze lijntje */
    border-radius: 8px !important;
    opacity: 1 !important;
    
    /* Zorg dat de padding (witruimte) klopt */
    padding: 3px !important;
}

/* 2. VERBORGEN LAGEN: Soms zit het oranje in een 'before' of 'after' laagje */
.rao-media--thumbnails div[data-type="image"]::before,
.rao-media--thumbnails div[data-type="image"]::after {
    display: none !important;
    content: none !important;
    border: none !important;
}

/* 3. DE AFBEELDING: Zorg dat die zelf geen randen heeft */
.rao-media--thumbnails div[data-type="image"] img {
    border: none !important;
    box-shadow: none !important;
    background: transparent !important;
    padding: 0 !important;
    margin: 0 !important;
    max-width: 100% !important;
}

/* --- ICOON FIX: Lees meer pijltje -> ORANJE (#F57A2A) --- */
svg.icon--arrow-down,
svg.icon--arrow-down path,
svg.icon--arrow-down polygon,
svg.icon--arrow-down rect {
    fill: #F57A2A !important;       /* Vulling kleur */
    stroke: #F57A2A !important;     /* Lijn kleur */
    color: #F57A2A !important;      /* Fallback kleur */
}