.spinner {
  align-self: center;
  animation: spinner-loading .65s linear infinite;
  display: flex;
  justify-self: center;
  margin: auto;
  overflow: hidden;
  pointer-events: none;
  transform: none;
  -webkit-user-select: none;
  user-select: none
}
.spinner--default-color {
  color: #ec1639
}
.spinner--small {
  height: 20px;
  width: 20px
}
.spinner--tiny {
  height: 14px;
  width: 14px
}
.spinner--large {
  height: 44px;
  width: 44px
}
.spinner__wrapper {
  align-items: center;
  display: inline-flex;
  margin: auto
}
.spinner__wrapper--large {
  align-items: flex-start;
  flex-direction: column;
  justify-content: center
}
.spinner__wrapper--large .spinner__content {
  line-height: 1.45;
  margin-left: 0;
  margin-top: 1rem
}
.spinner__content {
  align-self: center;
  margin-left: .5rem
}
@keyframes spinner-loading {
  to {
    transform: rotate(1turn)
  }}
.fQMqx_Tf0mw2b6PBPZYf {
  align-items: center;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 36px;
  color: inherit;
  display: none;
  font-size: .98rem;
  gap: .5rem;
  grid-template-columns: max-content 1fr;
  height: 36px;
  margin-top: 5rem;
  padding: 0 1.25rem;
  text-decoration: none!important;
  white-space: nowrap
}
.fQMqx_Tf0mw2b6PBPZYf svg {
  color: #ec1639
}
.fQMqx_Tf0mw2b6PBPZYf strong {
  color: #000;
  font-weight: 500
}
@media (hover: hover) {
  .fQMqx_Tf0mw2b6PBPZYf {
    color:inherit!important
  }}
[data-theme=dark] .fQMqx_Tf0mw2b6PBPZYf {
  display: none
}
@media only screen and (min-width: 35.5em) {
  .fQMqx_Tf0mw2b6PBPZYf {
    display:grid
  }}
#bestprice-splash {
  align-items: center;
  background: radial-gradient(50% 50% at 50% 50%,#ebedee 0,hsla(200,8%,93%,.95) 68.7%,rgba(243,245,246,.9) 100%);
  bottom: 0;
  color: var(--colors-themed-body-color-light);
  display: flex;
  font-size: 1.085rem;
  justify-content: center;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  -webkit-user-select: none;
  user-select: none;
  z-index: 99999999999
}
[data-theme=dark] #bestprice-splash {
  background: var(--colors-themed-body-bg)
}
#bestprice-splash .spinner__wrapper {
  flex-direction: column
}
#bestprice-splash .spinner__content {
  line-height: 1.45;
  margin: 1rem 0 0
}
#bestprice-splash .spinner__content strong {
  font-weight: 500
}
.bestprice-splash__content {
  align-items: center;
  display: flex;
  flex-direction: column;
  max-width: 100vw;
  padding: 1.5rem;
  text-align: center;
  width: 420px
}
@media only screen and (min-width: 80em) {
  .bestprice-splash__content {
    width:480px
  }}
.bestprice-splash__bestprice-logo {
  align-items: center;
  color: #ec1639;
  display: flex;
  justify-content: center;
  width: 120px
}
.bestprice-splash__logo-wrapper {
  margin-top: 1rem;
  position: relative
}
.bestprice-splash__logo-wrapper .icon {
  border-radius: 100%;
  position: absolute;
  right: -10px;
  top: -10px
}
@media only screen and (min-width: 80em) {
  .bestprice-splash__logo-wrapper {
    margin-top:1.5rem
  }}
.bestprice-splash__logo {
  aspect-ratio: 90/30;
  background: #fff;
  border: 1px solid #dbdbdb;
  border-radius: 6px;
  display: block;
  padding: 6px
}
[data-theme=dark] .bestprice-splash__logo {
  border: 0
}
@media only screen and (min-width: 64em) {
  .bestprice-splash__logo {
    height:55px;
    padding: 8px;
    width: 165px
  }}
@media only screen and (min-width: 80em) {
  .bestprice-splash__logo {
    height:60px;
    width: 180px
  }}
@media only screen and (min-width: 120em) {
  .bestprice-splash__logo {
    height:65px;
    padding: 10px;
    width: 195px
  }}
@media only screen and (min-width: 150em) {
  .bestprice-splash__logo {
    height:70px;
    padding: 15px;
    width: 210px
  }}
.bestprice-splash__warn {
  font-size: .92em;
  line-height: 1.4;
  margin-top: 2.5rem;
  opacity: .7
}
.bestprice-splash__prompt {
  display: block;
  font-size: .95em;
  line-height: 1.45;
  margin-top: 2rem;
  opacity: 0;
  pointer-events: none;
  transform: translateY(-10px);
  transition: all .35s ease-in-out;
  width: 100%
}
.bestprice-splash--show-prompt .bestprice-splash__prompt {
  opacity: 1;
  pointer-events: auto;
  transform: none
}
.bestprice-splash__cta {
  color: var(--colors-themed-body-color-light);
  cursor: pointer;
  font-weight: 500;
  text-decoration: underline!important
}
@supports (animation-fill-mode: forwards) {
  #bestprice-splash {
    animation:splash-enter .25s ease-in-out;
    animation-fill-mode: forwards;
    opacity: 0
  }}
@keyframes splash-enter {
  0% {
    opacity: 0;
    transform: scale(.8)
  }
  to {
    opacity: 1;
    transform: scale(1)
  }}
.sitemap__pulse {
  display: block;
  font-size: 0;
  height: 24px;
  margin-right: .5rem;
  overflow: visible!important;
  pointer-events: none;
  position: relative;
  -webkit-user-select: none;
  user-select: none;
  width: 24px
}
.sitemap__pulse:before {
  animation: sitemap-pulse 1.6s infinite;
  border-radius: 12px;
  left: 6px;
  top: 6px;
  transform-origin: 50% 50%
}
.sitemap__pulse:after,.sitemap__pulse:before {
  background: #ec1639;
  content: "";
  display: block;
  height: 12px;
  position: absolute;
  width: 12px
}
.sitemap__pulse:after {
  border: 2px solid var(--colors-themed-body-bg);
  border-radius: 12px;
  left: 4px;
  top: 4px;
  z-index: 2
}
@keyframes sitemap-pulse {
  0% {
    opacity: .98;
    transform: scale(.5)
  }
  to {
    opacity: 0;
    transform: scale(3)
  }}
@media only screen and (max-width: 47.99em) {
  .has-sitemap,.has-sitemap body {
    max-height:100vh;
    overflow: hidden
  }
  .has-sitemap .comparison__category,.has-sitemap .floating-button {
    opacity: 0!important
  }}
@supports (height: 100dvh) {
  .has-sitemap,.has-sitemap body {
    max-height:100dvh
  }}
@media only screen and (min-width: 48em) {
  .has-sitemap .sitemap-button__lines>div:first-child {
    transform:translateY(7px) translateZ(0) rotate(45deg)
  }
  .has-sitemap .sitemap-button__lines>div:nth-child(2) {
    opacity: 0;
    transform: scaleX(0)
  }
  .has-sitemap .sitemap-button__lines>div:last-child {
    transform: translateY(-7px) translateZ(0) rotate(-45deg)
  }
  .has-sitemap .h-promos__wrapper {
    opacity: 0;
    pointer-events: none
  }}
html body.is--switching-theme,html body.is--switching-theme * {
  animation: none!important;
  transition: all .15s ease-in-out!important;
  transition-property: background,opacity,color,border!important
}
img[data-src] {
  animation-fill-mode: forwards;
  background-color: transparent;
  border: 0;
  box-shadow: none
}
img[data-src][src] {
  animation: lazy-animation-load .2s
}
[data-lazy] {
  opacity: 0
}
[data-lazy],[data-lazy]:after,[data-lazy]:before,[data-lazy]>* {
  background-image: none!important
}
@media only screen and (max-width: 47.99em) {
  [data-lazy-mobile],[data-lazy-mobile]>* {
    background-image:none!important
  }}
@keyframes lazy-animation-load {
  0% {
    opacity: .5
  }
  to {
    opacity: 1
  }}
.F0N28rb6o8ec7FMocbtc {
  background-color: rgba(29,29,29,.97);
  border-radius: 4px;
  color: #f1f0f5;
  font-size: .85rem;
  font-variant-numeric: tabular-nums;
  font-weight: 500;
  line-height: 1.4;
  max-width: 260px;
  padding: .65rem .8rem;
  z-index: 9999999999999;
  -webkit-font-smoothing: antialiased;
  cursor: pointer;
  filter: drop-shadow(0 0 20px rgba(0,0,0,.1));
  pointer-events: none;
  position: absolute
}
.F0N28rb6o8ec7FMocbtc p:first-child {
  margin-top: 0
}
.F0N28rb6o8ec7FMocbtc p:last-child {
  margin-bottom: 0
}
[data-theme=dark] .F0N28rb6o8ec7FMocbtc {
  background-color: #444;
  color: #fff
}
.qM8XnGrtsCG0AMCJMyyB {
  height: 8px;
  left: 50%;
  margin-left: -9px;
  pointer-events: none;
  position: absolute;
  top: calc(100% - 3px);
  -webkit-user-select: none;
  user-select: none;
  width: 18px
}
[data-theme=dark] .qM8XnGrtsCG0AMCJMyyB {
  background-color: transparent
}
.qM8XnGrtsCG0AMCJMyyB path {
  fill: rgba(29,29,29,.97)
}
[data-theme=dark] .qM8XnGrtsCG0AMCJMyyB path {
  fill: rgba(68,68,68,.97)
}
._Jz3s_yYHIjK1L9eHTn8 .qM8XnGrtsCG0AMCJMyyB {
  bottom: calc(100% - 3px);
  left: 50%;
  top: auto;
  transform: rotate(180deg)
}
.up9Q37dUpOMgAV9IvaBv {
  line-height: 1.4;
  max-width: 240px
}
.up9Q37dUpOMgAV9IvaBv strong {
  font-weight: 500
}
.KmcCnuGlG2MyZhttksjp {
  cursor: pointer;
  text-decoration: underline;
  text-underline-offset: 3px;
  -webkit-user-select: none;
  user-select: none
}
.G3B4hwe2idNr0XLe5wDP .popup-body {
  border-top: 10px solid #111!important;
  border-top-left-radius: 0!important;
  border-top-right-radius: 0!important;
  width: 36rem!important
}
@media only screen and (min-width: 120em) {
  .G3B4hwe2idNr0XLe5wDP .popup-body {
    padding:3.25rem!important
  }}
.pagination-controlled #back-to-top,.pagination-controlled #faq,.pagination-controlled .alerts,.pagination-controlled .feedback,.pagination-controlled .glossary__section,.pagination-controlled .links__section,.pagination-controlled .page-products__queries,.pagination-controlled .pagination-deals-container,.pagination-controlled .promo-assistant-prompt,.pagination-controlled .scope-description {
  display: none!important
}
.pagination-controlled .footer__social {
  display: none
}
.pagination-controlled #footer-wrapper {
  margin-top: 0;
  z-index: 0
}
.pagination-controlled .footer__privacy {
  display: flex
}
.pagination-controlled .footer__top {
  display: none
}
.pagination-controlled #root {
  padding-bottom: 0
}
.pagination-controlled #footer-wrapper {
  display: none
}
.pagination-controlled .p__products-section #faq,.pagination-controlled .p__products-section .alerts,.pagination-controlled .p__products-section .feedback,.pagination-controlled .p__products-section .links__section,.pagination-controlled .p__products-section .page-products__queries {
  display: grid!important
}
@media only screen and (min-width: 48em) {
  .pagination-controlled.shortlist-body--open .page-products__products {
    padding-bottom:3.5rem
  }}
.ZWPqwzOfYWMOPY1bsQkZ .popup-body {
  display: grid;
  grid-template-rows: auto 1fr;
  width: 100%
}
.p__products+.alerts {
  margin: 3rem 0
}
@media only screen and (min-width: 48em) {
  .p__products+.alerts {
    margin:2rem 0 1rem
  }}
@media only screen and (min-width: 80em) {
  .p__products+.alerts {
    margin:2.5rem 0 2rem
  }}
@media only screen and (min-width: 120em) {
  .p__products+.alerts {
    margin:3rem 0 2.2rem
  }}
.alerts {
  align-items: center;
  color: var(--colors-themed-body-color);
  display: grid;
  font-variant-numeric: tabular-nums;
  gap: .75rem;
  grid-template-columns: max-content auto;
  justify-content: center;
  margin: .5rem 0;
  min-width: 0
}
@media only screen and (min-width: 48em) {
  .alerts {
    justify-content:start;
    margin: .75rem 0
  }}
@media only screen and (min-width: 80em) {
  .alerts {
    margin:1.25rem 0
  }}
#page-item .alerts {
  margin: 0
}
.alerts__button {
  align-items: center;
  -webkit-appearance: none;
  appearance: none;
  background-color: #161616;
  border: 0;
  border-radius: 42px;
  color: #f1f0f5;
  display: grid;
  font-size: inherit;
  gap: .5rem;
  grid-auto-flow: column;
  height: 42px;
  justify-content: center;
  outline: 0;
  padding: 0 1.2rem
}
[data-theme=dark] .alerts__button {
  border: 1px solid #444
}
.alerts__button svg {
  margin: 0!important;
  pointer-events: none
}
@media only screen and (min-width: 48em) {
  .alerts__button {
    min-width:148px
  }}
.alerts__label:after {
  content: " για προσφορές"
}
@media only screen and (min-width: 23em) {
  .alerts__label:after {
    content:" για σχετικές προσφορές"
  }}
@media only screen and (min-width: 48em) {
  .alerts__label:after {
    content:" για προσφορές"
  }}
.deals__prompt {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}
@media only screen and (max-width: 47.99em) {
  .alerts__button {
    font-weight:400;
    grid-column: 1/-1;
    width: 100%
  }
  .alerts__prompt {
    display: none
  }}
#page-search .alerts__title:after,#page-search .alerts__title:before {
  content: "'"
}
.alerts-minimal {
  align-items: center;
  border-left: 1px solid var(--colors-themed-separator);
  cursor: pointer;
  display: grid;
  gap: .5rem;
  grid-auto-flow: column;
  margin-left: .5rem;
  padding: 4px 0 4px .5rem;
  -webkit-user-select: none;
  user-select: none
}
@media only screen and (min-width: 80em) {
  .alerts-minimal {
    margin-left:.75rem;
    padding-left: .75rem
  }}
[data-theme=default] .alerts-minimal {
  color: #1d538c
}
.alerts-minimal svg {
  height: 18px;
  width: 18px
}
@media only screen and (min-width: 23em) {
  .alerts-minimal svg {
    height:20px;
    width: 20px
  }}
.alerts-minimal__label {
  align-self: stretch;
  display: block;
  max-width: 100%;
  overflow: hidden;
  text-decoration: underline;
  text-overflow: ellipsis;
  text-underline-offset: 4px
}
.alerts-minimal__label:after {
  content: "Προσφορές"
}
@media only screen and (min-width: 23em) {
  .alerts-minimal__label:after {
    content:"Ειδοποίηση για προσφορές"
  }}
.alerts__prompt .alerts__title {
  line-height: 1.3
}
.component-wrapper a,.screen a {
  display: contents;
  text-decoration: none
}
.full-width-a {
  width: 100%
}
.full-height-a {
  height: 100%
}
.screen input:focus,.screen textarea:focus {
  outline: 0
}
.container-center-horizontal,.container-center-vertical {
  display: flex;
  flex-direction: row;
  margin: 0;
  padding: 0;
  pointer-events: none
}
.container-center-vertical {
  align-items: center;
  height: 100%
}
.container-center-horizontal {
  justify-content: center;
  width: 100%
}
.container-center-horizontal>*,.container-center-vertical>* {
  flex-shrink: 0;
  pointer-events: auto
}
.component-wrapper,.screen {
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-all;
  word-break: break-word
}
.auto-animated div {
  opacity: 0;
  position: absolute;
  --z-index: -1
}
.auto-animated .container-center-horizontal,.auto-animated .container-center-vertical {
  opacity: 1
}
.overlay {
  display: none;
  height: 100%;
  opacity: 0;
  position: absolute;
  position: fixed;
  top: 0;
  width: 100%
}
.animate-appear {
  animation: reveal .3s ease-in-out 1 normal forwards;
  display: block;
  opacity: 0
}
.animate-disappear {
  animation: reveal .3s ease-in-out 1 reverse forwards;
  display: block;
  opacity: 1
}
.animate-nodelay {
  animation-delay: 0s
}
.align-self-flex-start {
  align-self: flex-start
}
.align-self-flex-end {
  align-self: flex-end
}
.align-self-flex-center {
  align-self: center
}
.valign-text-middle {
  display: flex;
  flex-direction: column;
  justify-content: center
}
.valign-text-bottom {
  display: flex;
  flex-direction: column;
  justify-content: flex-end
}
input:focus {
  outline: 0
}
.component-wrapper,.component-wrapper * {
  pointer-events: none
}
.component-wrapper a,.component-wrapper a *,.component-wrapper iframe,.component-wrapper input,.component-wrapper video,.listeners-active,.listeners-active * {
  pointer-events: auto
}
.hidden,.hidden * {
  pointer-events: none;
  visibility: hidden
}
.smart-layers-pointers,.smart-layers-pointers * {
  pointer-events: auto;
  visibility: visible
}
.component-wrapper.not-ready,.component-wrapper.not-ready * {
  visibility: hidden!important
}
.listeners-active-click,.listeners-active-click * {
  cursor: pointer
}
@keyframes reveal {
  0% {
    opacity: 0
  }
  to {
    opacity: 1
  }}
.grid {
  display: flex;
  flex-wrap: wrap
}
.g-1 {
  width: 100%
}
.g-2 {
  width: 50%
}
.g-3 {
  width: 33.333333333333336%
}
.g-4 {
  width: 25%
}
@media only screen and (min-width: 20em) {
  .g-tiny-1 {
    width:100%
  }
  .g-tiny-2 {
    width: 50%
  }
  .g-tiny-3 {
    width: 33.333333333333336%
  }}
@media only screen and (min-width: 23em) {
  .g-xxsm-1 {
    width:100%
  }
  .g-xxsm-2 {
    width: 50%
  }
  .g-xxsm-3 {
    width: 33.333333333333336%
  }
  .g-xxsm-4 {
    width: 25%
  }}
@media only screen and (min-width: 25.8em) {
  .g-xsm-1 {
    width:100%
  }
  .g-xsm-2 {
    width: 50%
  }
  .g-xsm-3 {
    width: 33.333333333333336%
  }
  .g-xsm-4 {
    width: 25%
  }}
@media only screen and (min-width: 35.5em) {
  .g-sm-1 {
    width:100%
  }
  .g-sm-2 {
    width: 50%
  }
  .g-sm-3 {
    width: 33.333333333333336%
  }
  .g-sm-4 {
    width: 25%
  }
  .g-sm-5 {
    width: 20%
  }}
@media only screen and (min-width: 48em) {
  .g-md-1 {
    width:100%
  }
  .g-md-2 {
    width: 50%
  }
  .g-md-3 {
    width: 33.333333333333336%
  }
  .g-md-4 {
    width: 25%
  }
  .g-md-5 {
    width: 20%
  }
  .g-md-6 {
    width: 16.666666666666668%
  }}
@media only screen and (min-width: 64em) {
  .g-lg-1 {
    width:100%
  }
  .g-lg-2 {
    width: 50%
  }
  .g-lg-3 {
    width: 33.333333333333336%
  }
  .g-lg-4 {
    width: 25%
  }
  .g-lg-5 {
    width: 20%
  }
  .g-lg-6 {
    width: 16.666666666666668%
  }
  .g-lg-7 {
    width: 14.285714285714286%
  }
  .g-lg-8 {
    width: 12.5%
  }}
@media only screen and (min-width: 80em) {
  .g-xl-1 {
    width:100%
  }
  .g-xl-2 {
    width: 50%
  }
  .g-xl-3 {
    width: 33.333333333333336%
  }
  .g-xl-4 {
    width: 25%
  }
  .g-xl-5 {
    width: 20%
  }
  .g-xl-6 {
    width: 16.666666666666668%
  }
  .g-xl-7 {
    width: 14.285714285714286%
  }
  .g-xl-8 {
    width: 12.5%
  }
  .g-xl-9 {
    width: 11.11111111111111%
  }
  .g-xl-10 {
    width: 10%
  }}
@media only screen and (min-width: 120em) {
  .g-xxl-1 {
    width:100%
  }
  .g-xxl-2 {
    width: 50%
  }
  .g-xxl-3 {
    width: 33.333333333333336%
  }
  .g-xxl-4 {
    width: 25%
  }
  .g-xxl-5 {
    width: 20%
  }
  .g-xxl-6 {
    width: 16.666666666666668%
  }
  .g-xxl-7 {
    width: 14.285714285714286%
  }
  .g-xxl-8 {
    width: 12.5%
  }
  .g-xxl-9 {
    width: 11.11111111111111%
  }
  .g-xxl-10 {
    width: 10%
  }}
@media only screen and (min-width: 94.4em) {
  .g-xxh-1 {
    width:100%
  }
  .g-xxh-2 {
    width: 50%
  }
  .g-xxh-3 {
    width: 33.333333333333336%
  }
  .g-xxh-4 {
    width: 25%
  }
  .g-xxh-5 {
    width: 20%
  }
  .g-xxh-6 {
    width: 16.666666666666668%
  }
  .g-xxh-7 {
    width: 14.285714285714286%
  }
  .g-xxh-8 {
    width: 12.5%
  }
  .g-xxh-9 {
    width: 11.11111111111111%
  }
  .g-xxh-10 {
    width: 10%
  }
  .g-xxh-11 {
    width: 9.090909090909092%
  }
  .g-xxh-12 {
    width: 8.333333333333334%
  }}
@media only screen and (min-width: 150em) {
  .g-xxxl-1 {
    width:100%
  }
  .g-xxxl-2 {
    width: 50%
  }
  .g-xxxl-3 {
    width: 33.333333333333336%
  }
  .g-xxxl-4 {
    width: 25%
  }
  .g-xxxl-5 {
    width: 20%
  }
  .g-xxxl-6 {
    width: 16.666666666666668%
  }
  .g-xxxl-7 {
    width: 14.285714285714286%
  }
  .g-xxxl-8 {
    width: 12.5%
  }
  .g-xxxl-9 {
    width: 11.11111111111111%
  }
  .g-xxxl-10 {
    width: 10%
  }}
@media only screen and (min-width: 180em) {
  .g-xxxxl-1 {
    width:100%
  }
  .g-xxxxl-2 {
    width: 50%
  }
  .g-xxxxl-3 {
    width: 33.333333333333336%
  }
  .g-xxxxl-4 {
    width: 25%
  }
  .g-xxxxl-5 {
    width: 20%
  }
  .g-xxxxl-6 {
    width: 16.666666666666668%
  }
  .g-xxxxl-7 {
    width: 14.285714285714286%
  }
  .g-xxxxl-8 {
    width: 12.5%
  }
  .g-xxxxl-9 {
    width: 11.11111111111111%
  }
  .g-xxxxl-10 {
    width: 10%
  }
  .g-xxxxl-11 {
    width: 9.090909090909092%
  }
  .g-xxxxl-12 {
    width: 8.333333333333334%
  }}
.pure-img {
  background: 0 0;
  display: block;
  height: 100%;
  max-height: 100%;
  max-width: 100%;
  opacity: 1;
  text-align: left;
  transition: .15s ease-in;
  transition-property: opacity
}
body:not(.cached) .pure-img.not-loaded {
  background: 0 0;
  opacity: 0
}
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%
}
body {
  margin: 0
}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary {
  display: block
}
audio,canvas,progress,video {
  display: inline-block;
  vertical-align: baseline
}
audio:not([controls]) {
  display: none;
  height: 0
}
[hidden],template {
  display: none
}
a {
  background-color: transparent
}
a:active,a:hover {
  outline: 0
}
abbr[title] {
  border-bottom: 1px dotted
}
b,strong {
  font-weight: 700
}
dfn {
  font-style: italic
}
h1 {
  font-size: 2em;
  margin: .67em 0
}
mark {
  background: #fff3bf;
  color: #000
}
small {
  font-size: 80%
}
sub,sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline
}
sup {
  top: -.5em
}
sub {
  bottom: -.25em
}
img {
  border: 0
}
svg:not(:root) {
  overflow: hidden
}
figure {
  margin: 1em 40px
}
hr {
  box-sizing: content-box;
  height: 0
}
pre {
  overflow: auto
}
code,kbd,pre,samp {
  font-family: monospace,monospace;
  font-size: 1em
}
button,input,optgroup,select,textarea {
  color: inherit;
  font: inherit;
  margin: 0
}
button {
  overflow: visible
}
button,select {
  text-transform: none
}
button,html input[type=button],input[type=reset],input[type=submit] {
  -webkit-appearance: button;
  cursor: pointer
}
button[disabled],html input[disabled] {
  cursor: default
}
button::-moz-focus-inner,input::-moz-focus-inner {
  border: 0;
  padding: 0
}
input {
  line-height: normal
}
input[type=checkbox],input[type=radio] {
  box-sizing: border-box
}
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button {
  height: auto
}
input[type=search] {
  -webkit-appearance: textfield;
  box-sizing: content-box
}
input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none
}
fieldset {
  border: 1px solid silver;
  margin: 0 2px;
  padding: .35em .625em .75em
}
legend {
  border: 0;
  padding: 0
}
textarea {
  overflow: auto
}
optgroup {
  font-weight: 700
}
table {
  border-collapse: collapse;
  border-spacing: 0
}
td,th {
  padding: 0
}
@keyframes bounce-right {
  0%,to {
    animation-timing-function: cubic-bezier(.215,.61,.355,1);
    transform: translateX(-2px)
  }
  50% {
    animation-timing-function: cubic-bezier(.55,.055,.675,.19);
    transform: translateX(2px)
  }}
@keyframes bounce-down {
  0%,to {
    animation-timing-function: cubic-bezier(.215,.61,.355,1);
    transform: translateY(-2px)
  }
  50% {
    animation-timing-function: cubic-bezier(.55,.055,.675,.19);
    transform: translateY(2px)
  }}
@keyframes bestprice-pop {
  0% {
    opacity: 0;
    transform: scale(.8)
  }
  to {
    opacity: 1;
    transform: none
  }}
@keyframes defaultAnimation {
  to {
    opacity: 1;
    transform: none
  }}
html.app #bp-header {
  display: none!important
}
.av.av.av {
  align-items: center;
  color: var(--colors-themed-body-color-light);
  display: flex;
  line-height: normal;
  margin-bottom: 1rem
}
.av.av.av svg {
  color: #767676;
  height: 14px;
  margin-right: .35rem;
  width: 14px
}
.av.av.av small {
  font-size: inherit;
  font-style: normal;
  vertical-align: middle
}
.av[data-status=IN_STOCK] {
  align-items: center;
  display: inline-flex
}
.av[data-status=IN_STOCK] small {
  color: #009e95
}
.av[data-status=IN_STOCK]:before {
  background: #009e95;
  border-radius: 100%;
  content: "";
  display: block;
  height: 8px;
  margin-right: .5rem;
  opacity: .7;
  width: 8px
}
#page-merchant .id .award {
  background-image: url(https://bp.pstatic.gr/public/dist/f98763c31b2f0074c7ae.svg);
  background-repeat: no-repeat;
  background-size: 20px;
  color: unset!important;
  display: inline-block;
  line-height: 1.4;
  margin-bottom: 1rem!important;
  padding-left: 28px
}
html.battery-low body *,html.battery-low button,html.battery-low div,html.battery-low input,html.battery-low li,html.battery-low ol,html.battery-low span {
  animation-duration: .01!important
}
.bpc {
  background: #fff;
  border-radius: 3px;
  left: 0;
  opacity: .7;
  padding: .5rem;
  position: absolute;
  text-decoration: none!important;
  top: 0;
  -webkit-user-select: none;
  user-select: none;
  z-index: 999
}
.bpc:hover {
  opacity: 1
}
[data-theme=dark] .bpc {
  background: #000;
  color: #fff
}
@media only screen and (max-width: 47.99em) {
  .bpc {
    display:none
  }}
.bpc--static {
  position: relative
}
.bpc--no-padding {
  padding: 0
}
.box .bpc,.product__wrapper .bpc {
  opacity: 0;
  transition: all .5s ease-in-out
}
.box:hover .bpc,.product__wrapper:hover .bpc {
  opacity: 1
}
.effect-highlight {
  transition: .25s ease-out;
  transition-delay: .25s;
  transition-property: background-color,box-shadow
}
.effect-highlight.effect-highlight-add {
  background-color: rgba(255,254,222,.5)
}
.effect-hide {
  overflow: hidden;
  transition: .32s ease-in;
  transition-delay: .25s;
  transition-property: height,opacity
}
.effect-hide.effect-hide-add {
  filter: grayscale(1);
  flex: none!important;
  height: 0!important;
  min-height: 0!important;
  opacity: 0!important;
  pointer-events: none
}
html {
  font-size: 14.6px;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility
}
@media only screen and (min-width: 20em) {
  html {
    font-size:15px
  }}
@media only screen and (min-width: 23em) {
  html {
    font-size:15.6px
  }}
@media only screen and (min-width: 25.8em) {
  html {
    font-size:15.8px
  }}
@media only screen and (min-width: 35.5em) {
  html {
    font-size:16px
  }}
@media only screen and (min-width: 48em) {
  html {
    font-size:14.7px
  }}
@media only screen and (min-width: 64em) {
  html {
    font-size:15px
  }}
@media only screen and (min-width: 80em) {
  html {
    font-size:14.8px
  }}
@media only screen and (min-width: 120em) {
  html {
    font-size:14.9px
  }}
@media only screen and (min-width: 150em) {
  html {
    font-size:15px
  }}
body,button,input,select,textarea {
  font-family: -apple-system,"system-ui",sf pro display,BlinkMacSystemFont,San Francisco,system,\.AppleSystemUIFont,\.SFNSDisplay-Regular,Roboto,Ubuntu,Helvetica Neue,Helvetica,Lucida Grande,Arial,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,sans-serif
}
html.windows,html.windows body,html.windows button,html.windows input,html.windows select,html.windows textarea {
  font-family: Helvetica Neue,"system-ui",Helvetica,San Francisco,BlinkMacSystemFont,-apple-system,\.AppleSystemUIFont,\.SFNSDisplay-Regular,Roboto,Ubuntu,Lucida Grande,Arial,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,sans-serif
}
@-moz-document url-prefix() {
  body.sf,body.sf button,body.sf input,body.sf select,body.sf textarea {
    font-family: sans-serif
  }}
.hide,.show-lg,.show-xl,[hidden] {
  display: none!important
}
@media only screen and (max-width: 47.99em) {
  .hide-mobile {
    display:none!important
  }}
@media only screen and (min-width: 25.8em) {
  .hide-xsm {
    display:none!important
  }}
@media only screen and (min-width: 35.5em) {
  .hide-sm {
    display:none!important
  }}
@media only screen and (min-width: 48em) {
  .hide-tablet {
    display:none!important
  }}
@media only screen and (min-width: 64em) {
  .hide-desktop {
    display:none
  }}
@media only screen and (min-width: 80em) {
  .show-xl {
    display:block!important
  }
  .show-lg,.show-xl {
    display: inline!important
  }}
svg.icon {
  box-sizing: content-box;
  pointer-events: visible;
  fill: currentColor;
  flex: none;
  line-height: 1;
  max-width: 100%;
  -webkit-user-select: none;
  user-select: none
}
.button .icon:not(.icon--right):not(:only-child):not(.icon--no-margin),button .icon:not(.icon--right):not(:only-child):not(.icon--no-margin),input .icon:not(.icon--right):not(:only-child):not(.icon--no-margin) {
  margin-right: .25rem
}
.icon--right {
  margin-left: .25rem
}
.icon--no-margin {
  margin-left: 0;
  margin-right: 0
}
.icon--outline {
  fill: none!important;
  stroke: currentColor
}
mark {
  background-color: #fff3bf;
  color: inherit;
  display: inline-block;
  padding: 1px 2px
}
.page-entity section#main header.page-entity-header h1 {
  font-size: 2.2rem;
  margin-bottom: .6rem
}
.page-entity section#main header.page-entity-header h2 {
  color: var(--colors-themed-body-color-lighter);
  font-size: 1.3rem;
  font-weight: 400;
  margin-top: .2rem
}
.page-entity section#main header.page-entity-header p {
  color: #333;
  font-size: 1.1rem;
  margin: .6rem 0
}
.page-entity section#main header.page-entity-header p em {
  color: var(--colors-themed-body-color-lighter);
  font-style: normal
}
.page-entity section#main section {
  padding: 2rem 0
}
#root {
  padding-bottom: 2.625rem
}
.root__wrapper {
  padding: 1.05rem
}
.root__wrapper--no-y-padding {
  padding-bottom: 0;
  padding-top: 0
}
.root__wrapper--no-top-padding {
  padding-top: 0
}
.root__wrapper--no-bottom-padding {
  padding-bottom: 0
}
.root {
  margin: auto;
  max-width: 1650px;
  width: 100%
}
@media only screen and (min-width: 48em) {
  #root {
    min-height:auto;
    padding-bottom: 4.8rem
  }
  #root.no-footer {
    padding-bottom: 0
  }
  .root__wrapper {
    padding: 1.92rem
  }
  .root__wrapper--no-y-padding {
    padding-bottom: 0;
    padding-top: 0
  }
  .root__wrapper--no-top-padding {
    padding-top: 0
  }
  .root__wrapper--no-bottom-padding {
    padding-bottom: 0
  }
  html.iphone-x .root__wrapper {
    padding-left: constant(safe-area-inset-left);
    padding-right: constant(safe-area-inset-right)
  }}
@media only screen and (min-width: 48em) {
  @supports (scrollbar-width:thin) {
    * {
      scrollbar-color:var(--colors-themed-scrollbar-thumb-bg) var(--colors-themed-scrollbar-track-bg);
      scrollbar-width: thin
    }  }
  ::-webkit-scrollbar {
    width: 9px
  }
  ::-webkit-scrollbar-track {
    background: var(--colors-themed-scrollbar-track-bg)
  }
  ::-webkit-scrollbar-thumb {
    background-color: var(--colors-themed-scrollbar-thumb-bg);
    border-radius: 20px
  }
  ::-webkit-scrollbar-thumb:hover {
    background-color: var(--colors-themed-scrollbar-thumb-bg-hover)
  }}
html.slow body *,html.slow button,html.slow div,html.slow input,html.slow li,html.slow ol,html.slow span {
  animation-duration: .01ms!important;
  transition: none!important;
  transition-property: none!important
}
body:after {
  opacity: 0;
  position: relative;
  transition: .55s ease-in-out;
  z-index: 8888888
}
body.loading:before {
  animation: loading 2s linear infinite;
  animation-delay: 3s;
  background-color: var(--colors-themed-body-color);
  content: "";
  display: block;
  height: 2px;
  left: 0;
  opacity: 0;
  position: fixed;
  right: 0;
  top: 0;
  transform-origin: right center;
  z-index: 88888
}
@keyframes loading {
  0% {
    opacity: 1;
    transform: scaleX(1) translateX(-100%)
  }
  50% {
    transform: scaleX(1) translateX(0)
  }
  75% {
    animation-timing-function: cubic-bezier(.28,.62,.37,.91);
    transform: scaleX(1) translateX(0)
  }
  to {
    opacity: 1;
    transform: scaleX(0) translateX(0)
  }}
h1 {
  font-size: 1.9rem;
  margin-top: 0
}
h3,h5.count {
  font-weight: 400
}
h5.count {
  color: var(--colors-themed-body-color-light);
  font-size: 1.1rem;
  margin: .8rem 0 0
}
h5.count a {
  color: #4d618a
}
@media only screen and (min-width: 48em) {
  h5.count {
    margin:1rem 0 0
  }}
h5.upper {
  color: var(--colors-themed-body-color-light);
  font-size: 1rem;
  font-weight: 400;
  letter-spacing: .5px;
  margin: 0 0 1rem!important;
  white-space: nowrap
}
p {
  line-height: 1.5em;
  margin: .5rem 0
}
.posts__post {
  align-content: end;
  background: #ddd;
  border-radius: 10px;
  color: #fff!important;
  display: grid;
  font-weight: 500;
  max-width: 100%;
  min-height: 240px;
  overflow: hidden;
  padding: .85rem;
  position: relative;
  text-decoration: none!important
}
.posts__post:after {
  background: linear-gradient(180deg,transparent,rgba(0,0,0,.03) 51%,rgba(0,0,0,.8));
  content: "";
  display: block;
  height: 100%;
  inset: 0;
  mix-blend-mode: multiply;
  position: absolute;
  width: 100%;
  z-index: 2
}
.posts__post:hover {
  color: #fff!important
}
@media only screen and (min-width: 23em) {
  .posts__post {
    padding:1rem
  }}
@media only screen and (min-width: 35.5em) {
  .posts__post {
    min-height:260px;
    padding: 1.25rem
  }}
@media only screen and (min-width: 48em) {
  .posts__post {
    min-height:280px;
    padding: 1.5rem
  }}
@media only screen and (min-width: 64em) {
  .posts__post {
    min-height:300px;
    padding: 1.8rem
  }}
@media only screen and (min-width: 80em) {
  .posts__post {
    min-height:320px;
    padding: 1.85rem
  }}
@media only screen and (min-width: 120em) {
  .posts__post {
    min-height:340px;
    padding: 2rem
  }}
.posts__post__title {
  display: -webkit-box;
  font-size: 1.05rem;
  line-height: 1.4;
  margin: 0;
  min-height: 2.7em;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  font-weight: 500;
  position: relative;
  text-shadow: 0 0 10px rgba(0,0,0,.1);
  z-index: 10
}
@media only screen and (min-width: 80em) {
  .posts__post__title {
    font-size:1.1rem
  }}
@media only screen and (min-width: 120em) {
  .posts__post__title {
    font-size:1.115rem;
    font-weight: 500
  }}
.posts__post:not(:has(.posts__cover)) {
  color: #222!important
}
.posts__post:not(:has(.posts__cover)):after {
  display: none
}
.posts__cover {
  display: block;
  height: 100%;
  inset: 0;
  max-width: 100%;
  object-fit: cover;
  object-position: center;
  overflow: hidden;
  position: absolute;
  transition: all .35s ease-in-out;
  width: 100%
}
.posts__post:hover .posts__cover {
  filter: saturate(1.2) contrast(1.2);
  transform: scale(1.04)
}
.posts {
  display: grid!important;
  display: grid;
  gap: 1rem;
  grid-auto-flow: column;
  min-width: 0
}
@media only screen and (min-width: 20em) {
  .posts {
    display:grid;
    flex: none;
    gap: 1rem;
    grid-auto-columns: calc(66.66667% - .33333rem);
    grid-auto-flow: column
  }
  .posts>.p {
    min-width: calc(66.66667% - .33333rem)
  }
  .posts:last-child {
    margin-right: 0
  }
  .posts.scroll__content {
    display: grid
  }}
@media only screen and (min-width: 23em) {
  .posts {
    display:grid;
    flex: none;
    gap: 1rem;
    grid-auto-columns: calc(58.82353% - .41176rem);
    grid-auto-flow: column
  }
  .posts>.p {
    min-width: calc(58.82353% - .41176rem)
  }
  .posts:last-child {
    margin-right: 0
  }
  .posts.scroll__content {
    display: grid
  }}
@media only screen and (min-width: 25.8em) {
  .posts {
    display:grid;
    flex: none;
    gap: 1rem;
    grid-auto-columns: calc(44.44444% - .55556rem);
    grid-auto-flow: column
  }
  .posts>.p {
    min-width: calc(44.44444% - .55556rem)
  }
  .posts:last-child {
    margin-right: 0
  }
  .posts.scroll__content {
    display: grid
  }}
@media only screen and (min-width: 35.5em) {
  .posts {
    display:grid;
    flex: none;
    gap: 1rem;
    grid-auto-columns: calc(41.66667% - .58333rem);
    grid-auto-flow: column
  }
  .posts>.p {
    min-width: calc(41.66667% - .58333rem)
  }
  .posts:last-child {
    margin-right: 0
  }
  .posts.scroll__content {
    display: grid
  }}
@media only screen and (min-width: 48em) {
  .posts {
    display:grid;
    flex: none;
    gap: 1rem;
    grid-auto-columns: calc(25% - .75rem);
    grid-auto-flow: column
  }
  .posts>.p {
    min-width: calc(25% - .75rem)
  }
  .posts:last-child {
    margin-right: 0
  }
  .posts.scroll__content {
    display: grid
  }}
@media only screen and (min-width: 64em) {
  .posts {
    display:grid;
    flex: none;
    gap: 1rem;
    grid-auto-columns: calc(20% - .8rem);
    grid-auto-flow: column
  }
  .posts>.p {
    min-width: calc(20% - .8rem)
  }
  .posts:last-child {
    margin-right: 0
  }
  .posts.scroll__content {
    display: grid
  }}
@media only screen and (min-width: 80em) {
  .posts {
    display:grid;
    flex: none;
    gap: 1rem;
    grid-auto-columns: calc(20% - .8rem);
    grid-auto-flow: column
  }
  .posts>.p {
    min-width: calc(20% - .8rem)
  }
  .posts:last-child {
    margin-right: 0
  }
  .posts.scroll__content {
    display: grid
  }}
@media only screen and (min-width: 120em) {
  .posts {
    display:grid;
    flex: none;
    gap: 1.25rem;
    grid-auto-columns: calc(20% - 1rem);
    grid-auto-flow: column
  }
  .posts>.p {
    min-width: calc(20% - 1rem)
  }
  .posts:last-child {
    margin-right: 0
  }
  .posts.scroll__content {
    display: grid
  }}
@media only screen and (min-width: 150em) {
  .posts {
    display:grid;
    flex: none;
    gap: 1.3rem;
    grid-auto-columns: calc(20% - 1.04rem);
    grid-auto-flow: column
  }
  .posts>.p {
    min-width: calc(20% - 1.04rem)
  }
  .posts:last-child {
    margin-right: 0
  }
  .posts.scroll__content {
    display: grid
  }}
.check-list ol,.check-list ul,ol.check-list,ul.check-list {
  display: flex;
  flex-wrap: wrap;
  line-height: 1!important;
  list-style-type: none
}
html body .check-list.check-list li {
  display: flex!important;
  flex: none;
  justify-content: center;
  margin-bottom: .4rem!important;
  padding: 0 .4rem 0 0!important;
  -webkit-user-select: none;
  user-select: none;
  width: 20%
}
html body .check-list.check-list li>a,html body .check-list.check-list li>span {
  border: 1px solid var(--colors-themed-button-secondary-border)!important;
  border-radius: .25rem;
  color: var(--colors-themed-button-secondary-color);
  cursor: pointer;
  display: block!important;
  flex: none;
  font-size: .9em!important;
  margin: 0!important;
  min-height: 1.5rem!important;
  min-width: 2.79rem!important;
  padding: .5rem .25rem!important;
  text-align: center!important;
  text-overflow: unset!important;
  white-space: nowrap;
  width: 100%
}
html body .check-list.check-list li>a:before,html body .check-list.check-list li>span:before {
  display: none!important
}
html body .check-list.check-list li.checked a,html body .check-list.check-list li.checked span,html body .check-list.check-list li.selected a,html body .check-list.check-list li.selected span {
  background-color: #ec1639;
  border-color: #ec1639!important;
  color: #fff!important
}
html body .check-list.check-list li.checked a:hover,html body .check-list.check-list li.checked span:hover,html body .check-list.check-list li.selected a:hover,html body .check-list.check-list li.selected span:hover {
  color: #fff!important
}
html body .check-list.check-list li.disabled {
  cursor: default!important;
  opacity: .25;
  pointer-events: none;
  -webkit-user-select: none;
  user-select: none
}
html body .check-list.check-list li.auto-width {
  width: auto
}
@supports (display: grid) {
  .check-list.check-list ol,.check-list.check-list ul,ol.check-li.check-list.st,ul.check-list.check-list {
    display:grid;
    grid-template-columns: repeat(auto-fill,minmax(50px,1fr));
    grid-gap: .5rem
  }
  html body .check-list.check-list.check-list li {
    margin: 0!important;
    padding: 0!important;
    width: auto!important
  }
  html body .check-list.check-list.check-list li>a,html body .check-list.check-list.check-list li>span {
    margin: 0!important;
    max-width: 100%!important;
    min-width: 0!important;
    overflow: hidden!important;
    padding: .25rem;
    text-overflow: ellipsis!important
  }
  html body .check-list.check-list.check-list li.auto-width {
    grid-column: auto/span 2
  }}
input[type=checkbox].toggle {
  -webkit-appearance: none;
  appearance: none;
  background: #c3c4c7;
  background-image: none!important;
  border: 0!important;
  border-radius: 20px!important;
  box-shadow: none!important;
  cursor: pointer;
  flex: none;
  height: 20px;
  outline: 0;
  position: relative;
  top: 0;
  transition: all .12s ease-in-out;
  -webkit-user-select: none;
  user-select: none;
  width: 34px
}
[data-theme=dark] input[type=checkbox].toggle {
  background: #363e44
}
input[type=checkbox].toggle:before {
  background: #fff;
  border: 0!important;
  border-radius: 100%;
  content: "";
  height: 14px;
  left: 3px;
  position: absolute;
  top: 3px;
  transition: transform .12s ease-in-out;
  width: 14px
}
input[type=checkbox].toggle:disabled {
  cursor: not-allowed;
  opacity: .8
}
input[type=checkbox].toggle:checked {
  background-color: #ec1639;
  border: 0
}
input[type=checkbox].toggle:checked:before {
  background: #fff;
  top: 3px;
  transform: translateX(14px)
}
input[type=checkbox].toggle:checked:after {
  display: none
}
label input[type=checkbox].toggle:last-child {
  margin-left: .5rem
}
input[type=checkbox].toggle.toggle--minimal {
  background: 0 0;
  box-shadow: 0 0 0 2px #c3c4c7!important;
  height: 14px;
  width: 28px
}
input[type=checkbox].toggle.toggle--minimal:before {
  background: var(--colors-themed-separator);
  height: 10px;
  left: 2px;
  top: 1px;
  top: 2px;
  width: 10px
}
input[type=checkbox].toggle.toggle--minimal:checked {
  background: #ec1639!important;
  box-shadow: 0 0 0 2px #ec1639!important
}
input[type=checkbox].toggle.toggle--minimal:checked:before {
  background: #fff!important;
  height: 12px;
  top: 1px;
  transform: translateX(12px);
  width: 12px
}
[data-theme=dark] input[type=checkbox].toggle.toggle--minimal {
  box-shadow: 0 0 0 2px #a1a1a1
}
[data-theme=dark] input[type=checkbox].toggle.toggle--minimal:before {
  background: #c3c4c7
}
input[type=search] {
  -webkit-appearance: none!important;
  appearance: none!important;
  border-radius: .25rem;
  box-sizing: border-box
}
input[type=checkbox],input[type=email],input[type=number],input[type=password],input[type=radio],input[type=search],input[type=tel],input[type=text],textarea {
  -webkit-appearance: none;
  appearance: none;
  background-color: var(--colors-themed-input-bg);
  border: 1px solid var(--colors-themed-input-border);
  border-radius: 8px;
  box-shadow: none;
  color: var(--colors-themed-input-color);
  line-height: inherit;
  margin: 0;
  outline: 0;
  padding: .75rem;
  tab-size: 2;
  transition: .1s ease-in-out;
  transition-property: opacity,background-color,box-shadow,width,border;
  vertical-align: middle
}
.no-touch input[type=checkbox]:not(:disabled):not(:checked):not(:focus):hover,.no-touch input[type=email]:not(:disabled):not(:checked):not(:focus):hover,.no-touch input[type=number]:not(:disabled):not(:checked):not(:focus):hover,.no-touch input[type=password]:not(:disabled):not(:checked):not(:focus):hover,.no-touch input[type=radio]:not(:disabled):not(:checked):not(:focus):hover,.no-touch input[type=search]:not(:disabled):not(:checked):not(:focus):hover,.no-touch input[type=tel]:not(:disabled):not(:checked):not(:focus):hover,.no-touch input[type=text]:not(:disabled):not(:checked):not(:focus):hover,.no-touch textarea:not(:disabled):not(:checked):not(:focus):hover {
  border-color: var(--colors-themed-input-hover-border)
}
input[type=checkbox]:not(:disabled):not(:checked):focus,input[type=email]:not(:disabled):not(:checked):focus,input[type=number]:not(:disabled):not(:checked):focus,input[type=password]:not(:disabled):not(:checked):focus,input[type=radio]:not(:disabled):not(:checked):focus,input[type=search]:not(:disabled):not(:checked):focus,input[type=tel]:not(:disabled):not(:checked):focus,input[type=text]:not(:disabled):not(:checked):focus,textarea:not(:disabled):not(:checked):focus {
  border-color: var(--colors-themed-anchor);
  border-width: 1px;
  box-shadow: inset 0 0 0 1px var(--colors-themed-anchor)
}
input[type=checkbox]:disabled,input[type=email]:disabled,input[type=number]:disabled,input[type=password]:disabled,input[type=radio]:disabled,input[type=search]:disabled,input[type=tel]:disabled,input[type=text]:disabled,textarea:disabled {
  background-color: var(--colors-themed-input-disabled-bg);
  box-shadow: none;
  color: var(--colors-themed-input-disabled-color);
  cursor: default
}
[data-error] input[type=checkbox],[data-error] input[type=email],[data-error] input[type=number],[data-error] input[type=password],[data-error] input[type=radio],[data-error] input[type=search],[data-error] input[type=tel],[data-error] input[type=text],[data-error] textarea,input[type=checkbox].error,input[type=email].error,input[type=number].error,input[type=password].error,input[type=radio].error,input[type=search].error,input[type=tel].error,input[type=text].error,textarea.error {
  border: 1px solid #b81427
}
[data-error] input[type=checkbox]:not(:disabled):not(:checked):focus,[data-error] input[type=email]:not(:disabled):not(:checked):focus,[data-error] input[type=number]:not(:disabled):not(:checked):focus,[data-error] input[type=password]:not(:disabled):not(:checked):focus,[data-error] input[type=radio]:not(:disabled):not(:checked):focus,[data-error] input[type=search]:not(:disabled):not(:checked):focus,[data-error] input[type=tel]:not(:disabled):not(:checked):focus,[data-error] input[type=text]:not(:disabled):not(:checked):focus,[data-error] textarea:not(:disabled):not(:checked):focus,input[type=checkbox].error:not(:disabled):not(:checked):focus,input[type=email].error:not(:disabled):not(:checked):focus,input[type=number].error:not(:disabled):not(:checked):focus,input[type=password].error:not(:disabled):not(:checked):focus,input[type=radio].error:not(:disabled):not(:checked):focus,input[type=search].error:not(:disabled):not(:checked):focus,input[type=tel].error:not(:disabled):not(:checked):focus,input[type=text].error:not(:disabled):not(:checked):focus,textarea.error:not(:disabled):not(:checked):focus {
  border-color: #b81427;
  box-shadow: inset 0 0 0 1px #b81427
}
input[type=checkbox].ok,input[type=email].ok,input[type=number].ok,input[type=password].ok,input[type=radio].ok,input[type=search].ok,input[type=tel].ok,input[type=text].ok,textarea.ok {
  border: 1px solid #24b47e
}
input[type=checkbox].ok:not(:disabled):not(:checked):focus,input[type=email].ok:not(:disabled):not(:checked):focus,input[type=number].ok:not(:disabled):not(:checked):focus,input[type=password].ok:not(:disabled):not(:checked):focus,input[type=radio].ok:not(:disabled):not(:checked):focus,input[type=search].ok:not(:disabled):not(:checked):focus,input[type=tel].ok:not(:disabled):not(:checked):focus,input[type=text].ok:not(:disabled):not(:checked):focus,textarea.ok:not(:disabled):not(:checked):focus {
  border: 1px solid #24b47e;
  box-shadow: inset 0 0 0 1px #24b47e
}
.touch input[type=checkbox],.touch input[type=email],.touch input[type=number],.touch input[type=password],.touch input[type=radio],.touch input[type=search],.touch input[type=tel],.touch input[type=text],.touch textarea {
  -webkit-appearance: none;
  appearance: none
}
html.android body input,html.android body select,html.android body textarea,html.ios body input,html.ios body select,html.ios body textarea {
  font-size: 16px
}
[data-error]:after {
  color: #b81427;
  content: attr(data-error);
  display: block;
  font-size: .9em;
  margin-top: .3rem
}
input[type=checkbox]:checked:disabled,input[type=radio]:checked:disabled {
  background-color: var(--colors-themed-input-disabled-bg);
  border: 0
}
input[type=checkbox][type=checkbox],input[type=radio][type=checkbox] {
  border-radius: 2px
}
input:-ms-input-placeholder,textarea:-ms-input-placeholder {
  color: #a9a9a9
}
input[type=checkbox],input[type=radio] {
  -webkit-appearance: none;
  appearance: none;
  background-color: transparent;
  background-position: 50%;
  display: inline-block;
  height: 1em;
  margin-right: .5rem;
  padding: 0;
  position: relative;
  top: -1px;
  width: 1em
}
input[type=checkbox]:checked,input[type=radio]:checked {
  background-color: #ec1639;
  border-color: #ec1639
}
input[type=checkbox]:checked[type=radio],input[type=radio]:checked[type=radio] {
  box-shadow: inset 0 0 0 3px var(--colors-themed-body-bg)
}
input[type=checkbox].right,input[type=radio].right {
  margin-left: .5rem;
  margin-right: 0
}
input[type=radio] {
  border-radius: 100%
}
input[type=checkbox]:checked {
  background-image: url(https://bp.pstatic.gr/public/dist/e5e242ec9d6c14082a41.svg);
  background-position: 50%;
  background-repeat: no-repeat
}
input[type=number] {
  position: relative
}
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button {
  border-radius: 0;
  opacity: 1;
  z-index: 99999999
}
#root input[type=search] {
  background: transparent url(https://bp.pstatic.gr/public/dist/04386059cb254c73c8b3.svg);
  background-position: calc(100% - .5rem);
  background-repeat: no-repeat;
  background-size: 16px 16px;
  box-sizing: border-box;
  padding-right: calc(25px + 1rem)
}
@media only screen and (max-width: 47.99em) {
  [data-theme=dark] #root input[type=search] {
    background-image:none;
    padding-right: 1rem
  }}
input[data-comparison-id] {
  border-radius: 0;
  box-shadow: none!important
}
.no-touch input[data-comparison-id]:hover {
  border-color: #ec1639!important
}
input.input--large,select.input--large,textarea.input--large {
  font-size: 1.035em;
  padding: .85rem
}
@media only screen and (min-width: 48em) {
  input.input--large,select.input--large,textarea.input--large {
    font-size:1.1em;
    padding: .9rem
  }}
@media only screen and (min-width: 80em) {
  input.input--large,select.input--large,textarea.input--large {
    font-size:1.12em;
    padding: .92rem
  }}
.expand .button,.expand a.button,.expand button {
  background-color: var(--colors-themed-46044685);
  color: var(--colors-themed-66376671)
}
:root {
  --colors-themed-46044685: #dde2e6
}
[data-theme=dark] {
  --colors-themed-46044685: #173563
}
:root {
  --colors-themed-66376671: #4a515b
}
[data-theme=dark] {
  --colors-themed-66376671: #dde2e6
}
html.no-touch .expand .button:hover,html.no-touch .expand a.button:hover,html.no-touch .expand button:hover {
  background-color: var(--colors-themed-94294860)
}
:root {
  --colors-themed-94294860: #bbc9cf
}
[data-theme=dark] {
  --colors-themed-94294860: #1d538c
}
.button {
  background-color: var(--colors-themed-76342601);
  color: var(--colors-themed-62854368)
}
:root,[data-theme=dark] {
  --colors-themed-76342601: #2d69c6
}
:root {
  --colors-themed-62854368: #fff
}
[data-theme=dark] {
  --colors-themed-62854368: #dde2e6
}
.no-touch .button:hover {
  background: var(--colors-themed-55195640)
}
:root {
  --colors-themed-55195640: #1d538c
}
[data-theme=dark] {
  --colors-themed-55195640: #709fe7
}
.no-touch .button:active {
  background: var(--colors-themed-54292233)
}
:root {
  --colors-themed-54292233: #1d538c
}
[data-theme=dark] {
  --colors-themed-54292233: #709fe7
}
.button--deals {
  background-color: var(--colors-themed-53054321);
  color: var(--colors-themed-89690565)
}
:root,[data-theme=dark] {
  --colors-themed-53054321: #ffba85
}
:root {
  --colors-themed-89690565: #fff
}
[data-theme=dark] {
  --colors-themed-89690565: #dde2e6
}
.no-touch .button--deals:hover {
  background: var(--colors-themed-60284363)
}
:root {
  --colors-themed-60284363: #1d538c
}
[data-theme=dark] {
  --colors-themed-60284363: #709fe7
}
.no-touch .button--deals:active {
  background: var(--colors-themed-50017702)
}
:root {
  --colors-themed-50017702: #1d538c
}
[data-theme=dark] {
  --colors-themed-50017702: #709fe7
}
.button--fb {
  background-color: var(--colors-themed-98990510);
  color: var(--colors-themed-13823203)
}
:root,[data-theme=dark] {
  --colors-themed-98990510: #4267b2
}
:root {
  --colors-themed-13823203: #fff
}
[data-theme=dark] {
  --colors-themed-13823203: #dde2e6
}
.no-touch .button--fb:hover {
  background: var(--colors-themed-53380922)
}
:root {
  --colors-themed-53380922: #1d538c
}
[data-theme=dark] {
  --colors-themed-53380922: #709fe7
}
.no-touch .button--fb:active {
  background: var(--colors-themed-51245798)
}
:root {
  --colors-themed-51245798: #1d538c
}
[data-theme=dark] {
  --colors-themed-51245798: #709fe7
}
.button--friend {
  background-color: var(--colors-themed-99793862);
  color: var(--colors-themed-10858564)
}
:root {
  --colors-themed-99793862: #fff
}
[data-theme=dark] {
  --colors-themed-99793862: transparent
}
:root {
  --colors-themed-10858564: #546076
}
[data-theme=dark] {
  --colors-themed-10858564: #dde2e6
}
.no-touch .button--friend:hover {
  background: var(--colors-themed-58441548)
}
:root {
  --colors-themed-58441548: #f1f0f5
}
[data-theme=dark] {
  --colors-themed-58441548: #444
}
.no-touch .button--friend:active {
  background: var(--colors-themed-41360460);
  box-shadow: var(--colors-themed-16642103)
}
:root {
  --colors-themed-41360460: #e3e1eb
}
[data-theme=dark] {
  --colors-themed-41360460: #373737
}
:root {
  --colors-themed-16642103: inset 0 1px 1px 0 #b8b3cc
}
[data-theme=dark] {
  --colors-themed-16642103: inset 0 1px 1px 0 #111
}
.button--friend:not(.button--friend--is-friend)[data-big]:not([data-disabled]) {
  background-color: var(--colors-themed-13793222);
  color: var(--colors-themed-52098233)
}
:root,[data-theme=dark] {
  --colors-themed-13793222: #24b47e
}
:root {
  --colors-themed-52098233: #fff
}
[data-theme=dark] {
  --colors-themed-52098233: #dde2e6
}
.no-touch .button--friend:not(.button--friend--is-friend)[data-big]:not([data-disabled]):hover {
  background: var(--colors-themed-53012956)
}
:root {
  --colors-themed-53012956: #1d538c
}
[data-theme=dark] {
  --colors-themed-53012956: #709fe7
}
.no-touch .button--friend:not(.button--friend--is-friend)[data-big]:not([data-disabled]):active {
  background: var(--colors-themed-86549089)
}
:root {
  --colors-themed-86549089: #1d538c
}
[data-theme=dark] {
  --colors-themed-86549089: #709fe7
}
.button--more {
  background-color: var(--colors-themed-43829752);
  color: var(--colors-themed-44608198)
}
:root {
  --colors-themed-43829752: #e6e6e6
}
[data-theme=dark] {
  --colors-themed-43829752: transparent
}
:root {
  --colors-themed-44608198: #546076
}
[data-theme=dark] {
  --colors-themed-44608198: #dde2e6
}
.no-touch .button--more:hover {
  background: var(--colors-themed-22921922)
}
:root {
  --colors-themed-22921922: #1d538c
}
[data-theme=dark] {
  --colors-themed-22921922: #709fe7
}
.no-touch .button--more:active {
  background: var(--colors-themed-59501180)
}
:root {
  --colors-themed-59501180: #1d538c
}
[data-theme=dark] {
  --colors-themed-59501180: #709fe7
}
@media only screen and (min-width: 48em) {
  .button--more:not(.ignore-md) {
    background-color:var(--colors-themed-73851920);
    border: 0;
    color: var(--colors-themed-56953140);
    color: var(--colors-themed-13706902);
    display: block;
    font-size: 1.1rem;
    font-weight: 400;
    margin-top: 0;
    padding-left: 0;
    padding-right: 0;
    transition: none
  }
  :root,[data-theme=dark] {
    --colors-themed-73851920: transparent
  }
  :root {
    --colors-themed-56953140: #2d69c6
  }
  [data-theme=dark] {
    --colors-themed-56953140: #dde2e6
  }
  .no-touch .button--more:not(.ignore-md):hover {
    background: var(--colors-themed-31998902);
    border-color: #d9d9d9
  }
  :root,[data-theme=dark] {
    --colors-themed-31998902: transparent
  }
  .no-touch .button--more:not(.ignore-md):active {
    background: var(--colors-themed-55100098);
    box-shadow: var(--colors-themed-97689129)
  }
  :root,[data-theme=dark] {
    --colors-themed-55100098: transparent;
    --colors-themed-97689129: inset 0 1px 1px 0 transparent
  }
  :root {
    --colors-themed-13706902: #2d69c6
  }
  [data-theme=dark] {
    --colors-themed-13706902: #fff
  }
  .button--more:not(.ignore-md) svg {
    display: inline-block;
    float: none;
    margin: 0 0 0 .5rem
  }
  .no-touch .button--more:not(.ignore-md):active,.no-touch .button--more:not(.ignore-md):hover {
    box-shadow: none!important;
    color: var(--colors-themed-91872765);
    text-decoration: underline
  }
  :root {
    --colors-themed-91872765: #2d69c6
  }
  [data-theme=dark] {
    --colors-themed-91872765: #fff
  }}
.button--white {
  background-color: var(--colors-themed-22791575);
  color: var(--colors-themed-37802573)
}
:root,[data-theme=dark] {
  --colors-themed-22791575: #e6e6e6
}
:root {
  --colors-themed-37802573: #263238
}
[data-theme=dark] {
  --colors-themed-37802573: #dde2e6
}
.no-touch .button--white:hover {
  background: var(--colors-themed-71204041)
}
:root {
  --colors-themed-71204041: #1d538c
}
[data-theme=dark] {
  --colors-themed-71204041: #709fe7
}
.no-touch .button--white:active {
  background: var(--colors-themed-37973245)
}
:root {
  --colors-themed-37973245: #1d538c
}
[data-theme=dark] {
  --colors-themed-37973245: #709fe7
}
select::-ms-expand {
  display: none
}
select {
  -webkit-appearance: none;
  appearance: none;
  background-color: transparent;
  background-image: url(https://bp.pstatic.gr/public/dist/eb2c09e695f87379568a.svg);
  background-position: calc(100% - .25rem) 50%;
  background-repeat: no-repeat;
  border: none;
  border: 1px solid var(--colors-themed-button-outline-border);
  border-radius: 8px;
  color: var(--colors-themed-select-color);
  display: inline-block;
  outline: 0;
  padding: 1rem 1.5rem 1rem 1rem;
  padding-right: 3rem!important;
  position: relative
}
select option,select option:disabled {
  background-color: var(--colors-themed-body-bg)!important
}
select option:disabled {
  opacity: .5
}
.no-touch select:not(:disabled):hover {
  border-color: $colors-themed-button-hover-outline-border
}
select:disabled {
  cursor: default;
  filter: grayscale(.6);
  opacity: .6
}
select.inline,select.outline {
  padding: .8rem 2.8rem .8rem .8rem
}
select.outline {
  background-color: transparent
}
.expand {
  margin-top: 1rem;
  text-align: center
}
.expand .button,.expand a.button,.expand button {
  background-color: var(--colors-themed-37862810);
  border: 1px solid #9ea7b1;
  border-radius: 8px;
  color: var(--colors-themed-99484133);
  font-variant-numeric: tabular-nums;
  font-weight: 500;
  margin: auto;
  transition: all .12s ease-in-out;
  width: 100%
}
:root {
  --colors-themed-37862810: #dde2e6
}
[data-theme=dark] {
  --colors-themed-37862810: #173563
}
:root {
  --colors-themed-99484133: #4a515b
}
[data-theme=dark] {
  --colors-themed-99484133: #dde2e6
}
@media only screen and (min-width: 48em) {
  .expand .button,.expand a.button,.expand button {
    width:85%
  }}
@media only screen and (min-width: 64em) {
  .expand .button,.expand a.button,.expand button {
    font-size:1.025rem;
    width: 70%
  }}
@media only screen and (min-width: 80em) {
  .expand .button,.expand a.button,.expand button {
    font-size:1.05rem;
    width: 65%
  }}
@media only screen and (min-width: 120em) {
  .expand .button,.expand a.button,.expand button {
    font-size:1.08rem;
    width: 62%
  }}
[data-theme=dark] .expand .button,[data-theme=dark] .expand a.button,[data-theme=dark] .expand button {
  border: 1px solid #1d1d1d!important
}
.expand svg:last-child {
  margin-left: .5rem
}
html.no-touch .expand .button:hover,html.no-touch .expand a.button:hover,html.no-touch .expand button:hover {
  background-color: var(--colors-themed-58742475);
  border: 1px solid #758190
}
:root {
  --colors-themed-58742475: #bbc9cf
}
[data-theme=dark] {
  --colors-themed-58742475: #1d538c
}
html.no-touch .expand .button:active,html.no-touch .expand a.button:active,html.no-touch .expand button:active {
  box-shadow: none
}
@media only screen and (min-width: 48em) {
  .expand .button,.expand a.button,.expand button {
    font-weight:500
  }}
.button {
  -webkit-appearance: none;
  appearance: none;
  background-color: var(--colors-themed-84959324);
  border: none;
  border-radius: 8px;
  color: var(--colors-themed-75682908);
  cursor: pointer;
  display: inline-block;
  line-height: 1;
  margin: 0;
  outline: 0;
  padding: 1rem 1.5rem;
  text-align: center;
  text-decoration: none;
  transition: .1s ease-in-out;
  transition-property: opacity;
  -webkit-user-select: none;
  user-select: none
}
:root,[data-theme=dark] {
  --colors-themed-84959324: #2d69c6
}
:root {
  --colors-themed-75682908: #fff
}
[data-theme=dark] {
  --colors-themed-75682908: #dde2e6
}
.no-touch .button:hover {
  background: var(--colors-themed-55067057);
  border-color: #d9d9d9
}
:root {
  --colors-themed-55067057: #1d538c
}
[data-theme=dark] {
  --colors-themed-55067057: #709fe7
}
.no-touch .button:active {
  background: var(--colors-themed-23927324);
  box-shadow: inset 0 1px 1px 0 #15325e
}
:root {
  --colors-themed-23927324: #1d538c
}
[data-theme=dark] {
  --colors-themed-23927324: #709fe7
}
.button>* {
  vertical-align: middle
}
.button--disabled,.button:disabled,.button[data-disabled],button:disabled,input[type=submit]:disabled {
  box-shadow: none;
  cursor: not-allowed;
  opacity: .5;
  pointer-events: none
}
.button .icon:not(.icon--no-margin):first-child {
  margin-right: .5em
}
.button--action {
  align-items: center;
  background-color: transparent;
  border: 1px solid var(--colors-themed-button-outline-border);
  color: var(--colors-themed-body-color-lighter);
  display: flex;
  font-size: 1rem;
  justify-content: center;
  line-height: 1;
  margin-bottom: .6rem;
  padding: .8rem;
  position: relative;
  text-align: center;
  width: 100%
}
.no-touch .button--action:hover {
  color: var(--colors-themed-body-color-light)
}
.no-touch .button--action:active,.no-touch .button--action:hover {
  background-color: transparent;
  border-color: var(--colors-themed-button-outline-hover-border)
}
.no-touch .button--action:active {
  color: var(--colors-themed-button-secondary-color)
}
.button--action svg {
  height: 16px;
  pointer-events: none;
  width: 16px
}
.button--action:not(:disabled).checked {
  background-image: none;
  border-color: #ec1639;
  color: #ec1639!important
}
.button--action:not(:disabled).checked svg {
  color: inherit
}
.button--action[data-cnt]:after {
  color: #767676;
  content: attr(data-cnt);
  font-size: .9em;
  font-weight: 400;
  margin-left: auto
}
@media only screen and (min-width: 48em) {
  .item-actions-dual {
    white-space:nowrap;
    width: 100%
  }
  .item-actions-dual .button--action:first-child {
    border-radius: 8px 0 0 8px;
    width: 50%
  }
  .item-actions-dual .button--action:first-child:not(.checked) {
    border-right: none
  }
  .item-actions-dual .button--action:first-child.checked {
    border-right: 1px solid #d41433;
    width: calc(50% + 1px)
  }
  .item-actions-dual .button--action:last-child {
    border-radius: 0 8px 8px 0;
    margin-left: 0;
    width: 50%;
    width: calc(50% + 1px)
  }
  .item-actions-dual .button--action:last-child.checked {
    border-left: 1px solid #d41433
  }}
.button--block {
  display: block;
  vertical-align: middle
}
.button--deals {
  background-color: var(--colors-themed-75192039);
  color: var(--colors-themed-41407961)
}
:root,[data-theme=dark] {
  --colors-themed-75192039: #ffba85
}
:root {
  --colors-themed-41407961: #fff
}
[data-theme=dark] {
  --colors-themed-41407961: #dde2e6
}
.no-touch .button--deals:hover {
  background: var(--colors-themed-21317000);
  border-color: #d9d9d9
}
:root {
  --colors-themed-21317000: #1d538c
}
[data-theme=dark] {
  --colors-themed-21317000: #709fe7
}
.no-touch .button--deals:active {
  background: var(--colors-themed-84698516);
  box-shadow: inset 0 1px 1px 0 #ff7206
}
:root {
  --colors-themed-84698516: #1d538c
}
[data-theme=dark] {
  --colors-themed-84698516: #709fe7
}
.button--empty {
  background-color: transparent;
  box-shadow: none!important;
  color: var(--colors-themed-anchor);
  opacity: 1;
  transition: none
}
.no-touch .button--empty:active,.no-touch .button--empty:hover {
  background-color: transparent!important;
  color: var(--colors-themed-anchor)!important
}
.button--empty:disabled {
  opacity: .65
}
.button--fb {
  background-color: var(--colors-themed-89848804);
  border-radius: 4px;
  color: var(--colors-themed-41046742);
  cursor: pointer;
  font-size: .84rem;
  padding: .55rem!important;
  -webkit-user-select: #4267b2 #4267b2 NONE;
  user-select: #4267b2 #4267b2 NONE
}
:root,[data-theme=dark] {
  --colors-themed-89848804: #4267b2
}
:root {
  --colors-themed-41046742: #fff
}
[data-theme=dark] {
  --colors-themed-41046742: #dde2e6
}
.no-touch .button--fb:hover {
  background: var(--colors-themed-39155529);
  border-color: #d9d9d9
}
:root {
  --colors-themed-39155529: #1d538c
}
[data-theme=dark] {
  --colors-themed-39155529: #709fe7
}
.no-touch .button--fb:active {
  background: var(--colors-themed-8626724);
  box-shadow: inset 0 1px 1px 0 #203155
}
:root {
  --colors-themed-8626724: #1d538c
}
[data-theme=dark] {
  --colors-themed-8626724: #709fe7
}
.button--fb svg {
  flex-shrink: 0;
  margin-right: .15rem
}
@media only screen and (min-width: 48em) {
  .button--fb {
    align-items:center;
    display: inline-flex!important
  }}
.button--fb:after {
  color: #fff;
  content: attr(data-count);
  margin-left: .4rem;
  opacity: .8
}
.foo-button {
  cursor: pointer;
  display: inline-block
}
.foo-button:active {
  transform: translateY(1px)
}
.button--friend {
  align-items: center;
  background-color: var(--colors-themed-45620823);
  border: 1px solid #d9d9d9;
  box-shadow: 0 1px 0 0 rgba(22,29,37,.05);
  color: var(--colors-themed-45181120);
  display: flex;
  font-weight: 500;
  justify-content: center;
  line-height: 1;
  padding: .8rem;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: 100%
}
:root {
  --colors-themed-45620823: #fff
}
[data-theme=dark] {
  --colors-themed-45620823: transparent
}
:root {
  --colors-themed-45181120: #546076
}
[data-theme=dark] {
  --colors-themed-45181120: #dde2e6
}
.no-touch .button--friend:hover {
  background: var(--colors-themed-15913297);
  border-color: #b3b3b3
}
:root {
  --colors-themed-15913297: #f1f0f5
}
[data-theme=dark] {
  --colors-themed-15913297: #444
}
.no-touch .button--friend:active {
  background: var(--colors-themed-27754618);
  box-shadow: var(--colors-themed-15162626)
}
:root {
  --colors-themed-27754618: #e3e1eb
}
[data-theme=dark] {
  --colors-themed-27754618: #373737
}
:root {
  --colors-themed-15162626: inset 0 1px 1px 0 #b8b3cc
}
[data-theme=dark] {
  --colors-themed-15162626: inset 0 1px 1px 0 #111
}
.button--friend svg {
  height: 100%;
  width: 16px
}
.button--friend:not(.button--friend--is-friend)[data-big]:not([data-disabled]) {
  background-color: var(--colors-themed-13617733);
  border: 1px solid #177451;
  box-shadow: none;
  color: var(--colors-themed-95152437);
  font-size: 1rem;
  font-weight: 700;
  width: 100%
}
:root,[data-theme=dark] {
  --colors-themed-13617733: #24b47e
}
:root {
  --colors-themed-95152437: #fff
}
[data-theme=dark] {
  --colors-themed-95152437: #dde2e6
}
.no-touch .button--friend:not(.button--friend--is-friend)[data-big]:not([data-disabled]):hover {
  background: var(--colors-themed-17845570);
  border-color: #0a3424
}
:root {
  --colors-themed-17845570: #1d538c
}
[data-theme=dark] {
  --colors-themed-17845570: #709fe7
}
.no-touch .button--friend:not(.button--friend--is-friend)[data-big]:not([data-disabled]):active {
  background: var(--colors-themed-80694282);
  box-shadow: inset 0 1px 1px 0 #0f4a34
}
:root {
  --colors-themed-80694282: #1d538c
}
[data-theme=dark] {
  --colors-themed-80694282: #709fe7
}
.button--friend:not(:disabled).button--friends--is-friend svg {
  color: inherit
}
.button--friend[data-has-options]:after {
  background: url(https://bp.pstatic.gr/public/dist/8102285a5fa942eead0c.svg) no-repeat;
  content: "";
  display: block;
  height: 8px;
  margin-left: .25rem;
  opacity: .4;
  width: 8px
}
.button--friend[data-has-options][data-disabled] {
  cursor: pointer;
  pointer-events: auto
}
.button--full {
  flex: 1 1;
  width: 100%
}
.button--goto {
  align-items: center;
  display: flex;
  justify-content: space-between
}
.button--icon-only .icon:first-child {
  margin-right: 0
}
.button--inline {
  padding: .8rem
}
.button--more {
  background-color: var(--colors-themed-3119014);
  border: 1px solid silver;
  color: var(--colors-themed-78984785);
  display: block;
  font-weight: 700;
  line-height: 1.3;
  margin-top: 2rem;
  padding: 1.2rem;
  text-align: left;
  width: 100%
}
:root {
  --colors-themed-3119014: #e6e6e6
}
[data-theme=dark] {
  --colors-themed-3119014: transparent
}
:root {
  --colors-themed-78984785: #546076
}
[data-theme=dark] {
  --colors-themed-78984785: #dde2e6
}
.no-touch .button--more:hover {
  background: var(--colors-themed-95594098);
  border-color: #9a9a9a
}
:root {
  --colors-themed-95594098: #1d538c
}
[data-theme=dark] {
  --colors-themed-95594098: #709fe7
}
.no-touch .button--more:active {
  background: var(--colors-themed-96117744);
  box-shadow: inset 0 1px 1px 0 #a6a6a6
}
:root {
  --colors-themed-96117744: #1d538c
}
[data-theme=dark] {
  --colors-themed-96117744: #709fe7
}
.button--more svg {
  float: right;
  margin-top: .25rem
}
.no-touch .button--more:hover {
  border-color: #f1f0f5!important;
  color: #fff
}
.button--more>* {
  vertical-align: baseline
}
@media only screen and (min-width: 48em) {
  .button--more:not(.ignore-md) {
    background-color:var(--colors-themed-61019428);
    border: 0;
    color: var(--colors-themed-88908726);
    color: var(--colors-themed-513679);
    display: block;
    font-size: 1.1rem;
    font-weight: 400;
    margin-top: 0;
    padding-left: 0;
    padding-right: 0;
    transition: none
  }
  :root,[data-theme=dark] {
    --colors-themed-61019428: transparent
  }
  :root {
    --colors-themed-88908726: #2d69c6
  }
  [data-theme=dark] {
    --colors-themed-88908726: #dde2e6
  }
  .no-touch .button--more:not(.ignore-md):hover {
    background: var(--colors-themed-68728075);
    border-color: #d9d9d9
  }
  :root,[data-theme=dark] {
    --colors-themed-68728075: transparent
  }
  .no-touch .button--more:not(.ignore-md):active {
    background: var(--colors-themed-84817046);
    box-shadow: var(--colors-themed-99882808)
  }
  :root,[data-theme=dark] {
    --colors-themed-84817046: transparent;
    --colors-themed-99882808: inset 0 1px 1px 0 transparent
  }
  :root {
    --colors-themed-513679: #2d69c6
  }
  [data-theme=dark] {
    --colors-themed-513679: #fff
  }
  .button--more:not(.ignore-md) svg {
    display: inline-block;
    float: none;
    margin: 0 0 0 .5rem
  }
  .no-touch .button--more:not(.ignore-md):active,.no-touch .button--more:not(.ignore-md):hover {
    box-shadow: none!important;
    color: var(--colors-themed-99038815);
    text-decoration: underline
  }
  :root {
    --colors-themed-99038815: #2d69c6
  }
  [data-theme=dark] {
    --colors-themed-99038815: #fff
  }}
.button--outline {
  background-color: transparent;
  border: 1px solid var(--colors-themed-button-outline-border);
  box-shadow: none!important;
  color: var(--colors-themed-button-outline-color)
}
.no-touch .button--outline:hover {
  background-color: var(--colors-themed-button-outline-hover-bg)
}
.no-touch .button--outline:active,.no-touch .button--outline:hover {
  border-color: var(--colors-themed-button-outline-hover-border);
  color: var(--colors-themed-button-outline-color)
}
.no-touch .button--outline:active {
  background-color: transparent
}
.button--price {
  background-color: #2d69c6;
  border-radius: 8px;
  box-shadow: inset 0 -2px 0 rgba(0,0,0,.14);
  color: #fff;
  display: inline-block;
  font-size: 1rem;
  font-weight: 500;
  letter-spacing: .5px;
  line-height: 1;
  padding: 1rem;
  position: relative;
  text-align: left;
  vertical-align: middle
}
.button--price.active,.button--price:active {
  box-shadow: inset 0 1px 5px rgba(0,0,0,.3)
}
.button--price:not(:disabled):active,.no-touch .button--price:not(:disabled):hover {
  background: #285cae;
  text-decoration: none
}
.button--white {
  background-color: var(--colors-themed-45134825);
  color: var(--colors-themed-82697395)
}
:root,[data-theme=dark] {
  --colors-themed-45134825: #e6e6e6
}
:root {
  --colors-themed-82697395: #263238
}
[data-theme=dark] {
  --colors-themed-82697395: #dde2e6
}
.no-touch .button--white:hover {
  background: var(--colors-themed-75760953);
  border-color: #d9d9d9
}
:root {
  --colors-themed-75760953: #1d538c
}
[data-theme=dark] {
  --colors-themed-75760953: #709fe7
}
.no-touch .button--white:active {
  background: var(--colors-themed-677240);
  box-shadow: inset 0 1px 1px 0 #a6a6a6
}
:root {
  --colors-themed-677240: #1d538c
}
[data-theme=dark] {
  --colors-themed-677240: #709fe7
}
.button--secondary,.button--vote {
  background-color: var(--colors-themed-button-secondary-bg);
  border: 1px solid var(--colors-themed-button-secondary-border);
  color: var(--colors-themed-button-secondary-color)
}
.no-touch .button--secondary:active,.no-touch .button--secondary:hover,.no-touch .button--vote:active,.no-touch .button--vote:hover {
  background-color: var(--colors-themed-button-secondary-hover-bg);
  border-color: var(--colors-themed-button-secondary-border);
  color: var(--colors-themed-button-secondary-color)
}
.button--secondary-flex,.button--vote-flex {
  align-items: center;
  display: flex;
  justify-content: center
}
.button--secondary-flex span:nth-child(2),.button--vote-flex span:nth-child(2) {
  padding: 0 .3rem
}
.button--vote--small,.touch .button--vote {
  box-shadow: none;
  font-size: .925rem;
  margin-right: .5rem;
  padding: .55rem .85rem
}
.button--vote--small:last-child,.touch .button--vote:last-child {
  margin-right: 0
}
.button--vote:disabled {
  background-color: #ec1639;
  border-color: #d41433;
  color: #fff;
  opacity: 1
}
@media only screen and (min-width: 48em) {
  .button--vote {
    padding:.8rem 1.1rem
  }
  .button--vote--small {
    font-size: inherit;
    font-size: 1rem;
    padding: .45rem .55rem
  }}
.foo-link,a {
  outline: 0;
  text-decoration: none
}
.dotted-link {
  color: inherit!important;
  cursor: pointer;
  padding-bottom: 2px;
  position: relative
}
.dotted-link:after {
  border-top: 1px dotted;
  bottom: -1px;
  content: "";
  cursor: pointer;
  height: 1px;
  left: 0;
  opacity: .45;
  position: absolute;
  right: 0;
  transition: border .2s ease-in-out
}
@media (hover: hover) {
  .dotted-link:hover {
    text-decoration:none!important
  }
  .dotted-link:hover:after {
    border-top: 1px solid;
    opacity: .75
  }}
.foo-link,a {
  color: var(--colors-themed-anchor)
}
[data-theme=dark] .foo-link {
  text-decoration: underline
}
.foo-link,a:not(.button) {
  cursor: pointer;
  text-decoration: none
}
@media (hover: hover) {
  .foo-link:hover,a:not(.button):hover {
    color:var(--colors-themed-anchor-hover);
    text-decoration: underline;
    transition: .1s ease-in-out
  }
  .foo-link:active,a:not(.button):active {
    border-color: currentColor!important;
    color: #ec1639
  }}
a.button {
  text-decoration: none
}
.foo-link.dotted,a.dotted {
  border-bottom: 1px dotted
}
.no-touch .foo-link.dotted:hover,.no-touch a.dotted:hover {
  border-bottom-style: solid;
  text-decoration: none
}
@media only screen and (min-width: 48em) {
  .foo-link.secondary,a.secondary {
    color:#4d618a
  }}
#target {
  background-clip: padding-box;
  border-top: 52px solid transparent;
  margin: -30px 0 0;
  position: relative
}
#target:before {
  border-top: 2px solid #ccc;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: -2px
}
@media only screen and (max-width: 47.99em) {
  html[data-theme=default] .blog-posts__title,html[data-theme=default] .foo-link,html[data-theme=default] a:not([class*=button]) {
    color:inherit
  }}
:root {
  --colors-themed-logo: #ec1639;
  --colors-themed-anchor: #2d69c6;
  --colors-themed-anchor-hover: #285eb1;
  --colors-themed-anchor-visited: #609;
  --colors-themed-anchor-secondary: #4d618a;
  --colors-themed-anchor-dark: #1a3d73;
  --colors-themed-section-separator: #dbdbdb;
  --colors-themed-separator: #dde2e6;
  --colors-themed-separator-light: #e9e7ef;
  --colors-themed-text-base: #111;
  --colors-themed-text-muted: #a1a1a1;
  --colors-themed-header-bg: #fff;
  --colors-themed-header-icon: #666;
  --colors-themed-header-color: #666;
  --colors-themed-header-border: #dde2e6;
  --colors-themed-header-shadow: #dde2e6;
  --colors-themed-header-form-bg: #f5f7f8;
  --colors-themed-header-form-border: #dbdbdb;
  --colors-themed-header-form-color: #555;
  --colors-themed-header-form-icon-fill: #ec1639;
  --colors-themed-header-form-icon-hover-bg: #ec1639;
  --colors-themed-header-form-icon-hover-fill: #fff;
  --colors-themed-header-form-hover-bg: #fff;
  --colors-themed-header-autocomplete-bg: #fff;
  --colors-themed-header-autocomplete-border: #f1f0f5;
  --colors-themed-header-autocomplete-color: #111;
  --colors-themed-header-autocomplete-visited-color: #609;
  --colors-themed-header-autocomplete-hover-bg: #f1f0f5;
  --colors-themed-header-autocomplete-arrow-bg: #f6f6f6;
  --colors-themed-header-autocomplete-arrow: #767676;
  --colors-themed-body-bg: #f8fbfb;
  --colors-themed-body-color: #111;
  --colors-themed-body-color-mid: #3e3e3e;
  --colors-themed-body-color-light: #555;
  --colors-themed-body-color-lighter: #666;
  --colors-themed-body-color-lightest: #666;
  --colors-themed-footer-bg: #edf1f2;
  --colors-themed-footer-border: #dde2e6;
  --colors-themed-button-secondary-bg: #f1f0f5;
  --colors-themed-button-secondary-border: #c3c4c7;
  --colors-themed-button-secondary-hover-border: #767676;
  --colors-themed-button-secondary-color: #111;
  --colors-themed-button-secondary-hover-bg: #f7fafc;
  --colors-themed-button-brand-bg: #ec1639;
  --colors-themed-button-brand-color: #fff;
  --colors-themed-button-brand-hover-bg: #d41433;
  --colors-themed-button-brand-hover-color: #fff;
  --colors-themed-button-brand-border-color: #ec1639;
  --colors-themed-button-outline-border: #dbdbdb;
  --colors-themed-button-outline-color: #444;
  --colors-themed-button-outline-hover-bg: #f5f7f8;
  --colors-themed-button-outline-hover-border: #c3c4c7;
  --colors-themed-input-bg: #fff;
  --colors-themed-input-border: #c3c4c7;
  --colors-themed-input-color: #111;
  --colors-themed-input-hover-bg: #fff;
  --colors-themed-input-hover-border: #a1a1a1;
  --colors-themed-input-disabled-bg: #eee;
  --colors-themed-input-disabled-color: #a1a1a1;
  --colors-themed-input-radio-color: red;
  --colors-themed-input-radio-bg: #fff;
  --colors-themed-select-bg: #f3f3f3;
  --colors-themed-select-outline-bg: #fff;
  --colors-themed-select-border: #c3c4c7;
  --colors-themed-select-color: #111;
  --colors-themed-select-hover-bg: #e6e6e6;
  --colors-themed-card-bg: #fff;
  --colors-themed-card-dark-bg: #fff;
  --colors-themed-card-light-bg: #f5f7f8;
  --colors-themed-card-hover-bg: #fff;
  --colors-themed-card-border: #f1f0f5;
  --colors-themed-card-border-solid: #dbdbdb;
  --colors-themed-card-hover-border: #dbdbdb;
  --colors-themed-card-title: #111;
  --colors-themed-card-subtext: #555;
  --colors-themed-card-text: #546076;
  --colors-themed-accordion-bg: transparent;
  --colors-themed-accordion-bg-open: #fff;
  --colors-themed-accordion-text: #697482;
  --colors-themed-accordion-border: #c3c4c7;
  --colors-themed-filter-selectors-bg: #fff;
  --colors-themed-filter-selectors-border: #c3c4c7;
  --colors-themed-drop-color: #792f30;
  --colors-themed-popup-bg: #fff;
  --colors-themed-popup-color: #111;
  --colors-themed-popup-separator: #f1f0f5;
  --colors-themed-popup-item-text-hover: #fff;
  --colors-themed-popup-item-bg-hover: #3d74d4;
  --colors-themed-table-item-hover-bg: #fbfbfc;
  --colors-themed-table-item-hover-text: #000;
  --colors-themed-table-body-bg: #fff;
  --colors-themed-table-header-bg: #dbdbdb;
  --colors-themed-notification-card-bg: #fff;
  --colors-themed-notification-card-bg-new: #fffede;
  --colors-themed-notification-card-border: #f3f3f3;
  --colors-themed-notification-card-hover-bg: #f6f6f6;
  --colors-themed-notification-card-title: #3e3e3e;
  --colors-themed-notification-card-subtext: #c3c4c7;
  --colors-themed-notification-footer-bg: #f3f3f3;
  --colors-themed-shadow-dark: #fff;
  --colors-themed-tab-text: #111;
  --colors-themed-tab-text-selected: #fff;
  --colors-themed-warning-bg: #fffede;
  --colors-themed-warning-text: #111;
  --colors-themed-alert-bg: #fbe9e7;
  --colors-themed-alert-text: #d50000;
  --colors-themed-border-badge-blue: #fff;
  --colors-themed-border-list-bottom: #f1f0f5;
  --colors-themed-border-dark: #ddd;
  --colors-themed-border-light: #ddd;
  --colors-themed-border-default: #dbdbdb;
  --colors-themed-tag-color: #555;
  --colors-themed-tag-bg: #f3f3f3;
  --colors-themed-tag-bg-hover: #c3c4c7;
  --colors-themed-tag-border: #ddd;
  --colors-themed-tag-border-hover: #ddd;
  --colors-themed-scrollbar-track-bg: transparent;
  --colors-themed-scrollbar-thumb-bg: #c3c4c7;
  --colors-themed-scrollbar-thumb-bg-hover: #666;
  --colors-themed-pill-color: #444;
  --colors-themed-pill-bg: #dde2e6;
  --colors-themed-pill-glossary-terms-color: #2d69c6;
  --colors-themed-pill-glossary-terms-bg: #f3f3f3;
  --colors-themed-star-rating-color: #dcdde0
}
[data-theme=dark] {
  --colors-themed-logo: #fff;
  --colors-themed-anchor: #dbdbdb;
  --colors-themed-anchor-hover: #fff;
  --colors-themed-anchor-visited: #dbdbdb;
  --colors-themed-anchor-secondary: #c3c4c7;
  --colors-themed-anchor-dark: #dbdbdb;
  --colors-themed-section-separator: #dbdbdb;
  --colors-themed-separator: #444;
  --colors-themed-separator-light: #444;
  --colors-themed-text-base: #fff;
  --colors-themed-text-muted: #546076;
  --colors-themed-header-bg: #161616;
  --colors-themed-header-icon: #fff;
  --colors-themed-header-color: #fff;
  --colors-themed-header-border: transparent;
  --colors-themed-header-shadow: transparent;
  --colors-themed-header-form-bg: #26282c;
  --colors-themed-header-form-border: #dde2e6;
  --colors-themed-header-form-color: #dde2e6;
  --colors-themed-header-form-icon-fill: #fff;
  --colors-themed-header-form-icon-hover-bg: #ec1639;
  --colors-themed-header-form-icon-hover-fill: #fff;
  --colors-themed-header-form-hover-bg: #23272b;
  --colors-themed-header-autocomplete-bg: #26282c;
  --colors-themed-header-autocomplete-border: #26282c;
  --colors-themed-header-autocomplete-color: #c3c4c7;
  --colors-themed-header-autocomplete-visited-color: #dde2e6;
  --colors-themed-header-autocomplete-hover-bg: #363e44;
  --colors-themed-header-autocomplete-arrow-bg: #2c3035;
  --colors-themed-header-autocomplete-arrow: #fff;
  --colors-themed-body-bg: #1d1d1d;
  --colors-themed-body-color: #dde2e6;
  --colors-themed-body-color-mid: #f1f0f5;
  --colors-themed-body-color-light: #dbdbdb;
  --colors-themed-body-color-lighter: #c3c4c7;
  --colors-themed-body-color-lightest: #a1a1a1;
  --colors-themed-footer-bg: #161616;
  --colors-themed-footer-border: #1d1d1d;
  --colors-themed-button-secondary-bg: #363e44;
  --colors-themed-button-secondary-border: #444;
  --colors-themed-button-secondary-hover-border: #666;
  --colors-themed-button-secondary-color: #dde2e6;
  --colors-themed-button-secondary-hover-bg: #546076;
  --colors-themed-button-brand-bg: #ec1639;
  --colors-themed-button-brand-color: #fff;
  --colors-themed-button-brand-hover-bg: #d41433;
  --colors-themed-button-brand-hover-color: #fff;
  --colors-themed-button-brand-border-color: #ec1639;
  --colors-themed-button-outline-border: #444;
  --colors-themed-button-outline-color: #dde2e6;
  --colors-themed-button-outline-hover-bg: transparent;
  --colors-themed-button-outline-hover-border: $palette-gray-blue-600;
  --colors-themed-input-bg: #111;
  --colors-themed-input-border: #546076;
  --colors-themed-input-color: #dde2e6;
  --colors-themed-input-hover-bg: #23272b;
  --colors-themed-input-hover-border: #9ea7b1;
  --colors-themed-input-disabled-bg: #2c3035;
  --colors-themed-input-disabled-color: #546076;
  --colors-themed-input-radio-color: red;
  --colors-themed-input-radio-bg: $palette-gray-;
  --colors-themed-select-bg: #23272b;
  --colors-themed-select-outline-bg: #23272b;
  --colors-themed-select-border: #363e44;
  --colors-themed-select-color: #dde2e6;
  --colors-themed-select-hover-bg: #363e44;
  --colors-themed-card-bg: #26282c;
  --colors-themed-card-dark-bg: #161616;
  --colors-themed-card-light-bg: #2c3035;
  --colors-themed-card-hover-bg: #363e44;
  --colors-themed-card-border: transparent;
  --colors-themed-card-border-solid: transparent;
  --colors-themed-card-hover-border: #444;
  --colors-themed-card-title: #dde2e6;
  --colors-themed-card-subtext: #a1a1a1;
  --colors-themed-card-text: #c3c4c7;
  --colors-themed-accordion-bg: #26282c;
  --colors-themed-accordion-bg-open: #444;
  --colors-themed-accordion-text: #c3c4c7;
  --colors-themed-accordion-border: #363e44;
  --colors-themed-filter-selectors-bg: #1d1d1d;
  --colors-themed-filter-selectors-border: #546076;
  --colors-themed-drop-color: #fad49e;
  --colors-themed-popup-bg: #26282c;
  --colors-themed-popup-color: #dde2e6;
  --colors-themed-popup-separator: #666;
  --colors-themed-popup-item-text-hover: #dde2e6;
  --colors-themed-popup-item-bg-hover: #3d74d4;
  --colors-themed-table-item-hover-bg: #2c3035;
  --colors-themed-table-item-hover-text: #fff;
  --colors-themed-table-body-bg: #26282c;
  --colors-themed-table-header-bg: #26282c;
  --colors-themed-notification-card-bg: #26282c;
  --colors-themed-notification-card-bg-new: #363e44;
  --colors-themed-notification-card-border: transparent;
  --colors-themed-notification-card-hover-bg: #363e44;
  --colors-themed-notification-card-title: #fff;
  --colors-themed-notification-card-subtext: #161616;
  --colors-themed-notification-footer-bg: #161616;
  --colors-themed-shadow-dark: #dde2e6;
  --colors-themed-tab-text: #dde2e6;
  --colors-themed-tab-text-selected: #dde2e6;
  --colors-themed-warning-bg: #444;
  --colors-themed-warning-text: #fff;
  --colors-themed-alert-bg: #111;
  --colors-themed-alert-text: #f3f3f3;
  --colors-themed-border-badge-blue: #2c3035;
  --colors-themed-border-list-bottom: transparent;
  --colors-themed-border-dark: transparent;
  --colors-themed-border-light: #546076;
  --colors-themed-border-default: #363e44;
  --colors-themed-tag-color: #dbdbdb;
  --colors-themed-tag-bg: transparent;
  --colors-themed-tag-bg-hover: #363e44;
  --colors-themed-tag-border: #363e44;
  --colors-themed-tag-border-hover: #363e44;
  --colors-themed-scrollbar-track-bg: transparent;
  --colors-themed-scrollbar-thumb-bg: #444;
  --colors-themed-scrollbar-thumb-bg-hover: #666;
  --colors-themed-pill-color: #111;
  --colors-themed-pill-bg: #758190;
  --colors-themed-pill-glossary-terms-color: #dbdbdb;
  --colors-themed-pill-glossary-terms-bg: transparent;
  --colors-themed-star-rating-color: #666
}
* {
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent
}
html {
  transition: transform .22s ease-in-out
}
body,html {
  background-color: var(--colors-themed-body-bg)
}
body {
  color: var(--colors-themed-body-color);
  display: flex;
  flex-direction: column;
  padding: 0;
  -webkit-text-size-adjust: 100%
}
[data-theme=dark] body {
  font-smooth: always;
  -webkit-font-smoothing: antialiased
}
:root {
  --vh-offset: 0.001px
}
.page__body {
  display: flex;
  flex-direction: column;
  flex-grow: 1
}
.page__body,.page__body>#footer-wrapper,.page__body>#root,.page__body>.bp-header {
  flex-shrink: 0
}
body,html {
  height: 100%
}
@media only screen and (max-width: 47.99em) {
  html.is-loading,html.is-loading body {
    overflow:auto
  }}
html.ie html {
  height: auto
}
.preserve3d {
  transform-style: preserve-3d
}
img {
  border: none
}
svg {
  color: inherit;
  display: inline-block;
  line-height: inherit;
  transform: scale(1);
  -webkit-user-select: none;
  user-select: none;
  fill: currentColor
}
svg svg:not([width]) {
  height: 1em;
  width: 1em
}
label svg {
  pointer-events: auto
}
svg a {
  pointer-events: none
}
.facebook svg {
  color: #3a589b
}
.twitter svg {
  color: #1c1b1b
}
.google svg {
  color: #d24e4e
}
.pinterest svg {
  color: #c92228
}
html.ie svg {
  pointer-events: none
}
.clr:after {
  clear: both;
  content: "";
  display: table
}
iframe.not-loaded {
  opacity: 0
}
iframe.loaded {
  animation: iframe-fade-in .1s ease-out;
  border: 0;
  display: inline-block!important;
  opacity: 1!important
}
iframe.facebook {
  border: none;
  display: none;
  height: 30px;
  vertical-align: middle;
  width: 145px
}
@media only screen and (min-width: 48em) {
  iframe.facebook {
    display:inline-block
  }}
iframe.facebook[src*="share=1"],iframe.facebook[src*="share=true"] {
  width: 210px
}
@-moz-document url-prefix() {
  img:-moz-loading {
    visibility: hidden
  }
  img:-moz-broken {
    -moz-force-broken-image-icon: 0
  }}
::selection {
  background-color: rgba(236,22,57,.75);
  color: #fff;
  text-shadow: none
}
::selection svg {
  color: #fff!important
}
.hyphenate {
  overflow-wrap: break-word;
  word-wrap: break-word;
  -webkit-hyphens: auto;
  hyphens: auto
}
.full {
  width: 100%
}
#bestprice-release {
  bottom: 0;
  color: transparent;
  display: none;
  font-size: 0;
  height: 0;
  overflow: hidden;
  position: absolute
}
#updating-staging {
  display: none!important
}
html.show-nofollow a[rel=nofollow] {
  outline: 1px solid rgba(200,0,0,.5);
  outline-offset: 1px
}
.centered {
  display: flex
}
.centered,.icon-wrapper {
  align-items: center;
  justify-content: center
}
.icon-wrapper {
  display: inline-flex
}
#webpack-hot-middleware-clientOverlay {
  z-index: 1000000000000000000
}
picture {
  display: block
}
body .page__body>iframe:not([id=react-refresh-overlay]) {
  bottom: 0;
  height: 0;
  opacity: 0;
  position: absolute
}
html:not(.slow) .pressable:active {
  transform: translateY(1px);
  transition: none!important
}
.async-hide {
  opacity: 0!important
}
img.beacon {
  display: block;
  height: 1px;
  left: -4000px;
  opacity: 0;
  position: absolute;
  top: -4000px;
  width: 1px
}
a[data-trackfb] :not(:only-child),a[data-trackga] :not(:only-child),img.beacon {
  pointer-events: none
}
body.reset-content-visibility * {
  content-visibility: visible!important
}
html.touch .product,html.touch .product__wrapper,html.touch [role=button],html.touch a,html.touch button,html.touch input,html.touch label,html.touch select {
  touch-action: manipulation
}
button[class*=VoteButton] {
  font-weight: 400
}
.has-popup-modal #root * {
  view-transition-name: none
}
@media only screen and (min-width: 48em) {
  html :focus-visible {
    outline:1px solid #709fe7;
    outline-offset: 0;
    overflow: visible;
    z-index: 999999
  }}
@keyframes iframe-fade-in {
  0% {
    opacity: 0
  }
  to {
    opacity: 1
  }}
#nav {
  align-items: center;
  display: flex;
  flex: none;
  overflow: visible
}
#nav .logo__wrapper {
  font-size: 1rem;
  margin: 0
}
#nav .logo__wrapper a {
  display: flex;
  position: relative
}
#nav .logo__wrapper img {
  display: block;
  height: 44px;
  width: 67px
}
#nav .logo__wrapper img:active {
  transform: translateY(1px)
}
#nav .logo__wrapper span {
  position: absolute;
  text-indent: -5000px;
  top: 0
}
@media only screen and (min-width: 48em) {
  #nav .logo__wrapper img {
    height:60px;
    width: 91px
  }}
#user {
  align-items: center;
  color: var(--colors-themed-header-color);
  display: flex;
  flex: none;
  -webkit-user-select: none;
  user-select: none
}
#user .foo-button {
  -webkit-font-smoothing: antialiased
}
#user .foo-button[hidden] {
  display: none
}
#user .user-actions {
  display: flex;
  margin-right: .5rem
}
#user .separator {
  background-color: #fff;
  display: inline-block;
  margin: 0 .85rem;
  opacity: .4;
  width: 1px
}
#user [data-action=login] {
  align-items: center;
  display: flex;
  font-weight: 500;
  -webkit-user-select: none;
  user-select: none;
  white-space: nowrap
}
#user [data-action=login] span {
  border-bottom: 1px dotted
}
#user [data-action=login] svg {
  margin-right: .5rem
}
#user .separator,#user [data-action=signup] {
  display: none;
  font-weight: 500
}
#user [data-action=menu] {
  cursor: pointer;
  display: flex;
  line-height: normal;
  transition: box-shadow .1s ease-in-out
}
.no-touch #user [data-action=menu]:hover {
  border-radius: 4px;
  box-shadow: 0 0 0 5px var(--colors-themed-header-bg),0 0 0 6px var(--colors-themed-separator)
}
#user [data-action=menu] #user-avatar {
  align-items: center;
  color: inherit;
  display: flex;
  margin-right: .15em
}
#user [data-action=menu] #user-avatar span {
  display: none;
  font-weight: 700;
  margin-left: .5rem
}
#user [data-action=menu] #user-avatar img {
  animation: user-avatar-enter .25s ease-out;
  border-radius: 100%;
  height: 32px;
  width: 32px
}
#user [data-action=menu] span {
  display: block
}
#user [data-action=menu] svg {
  transition: transform .15s ease-in-out
}
#user [data-action=menu].is-open svg {
  transform: rotate(180deg)
}
#user #user-avatar__menu {
  align-items: center;
  display: flex;
  justify-content: center;
  padding-right: .15rem;
  position: relative;
  right: -.25rem;
  width: 1.6rem
}
.user-popups .foo-button {
  color: var(--colors-themed-header-icon);
  margin-right: 1rem;
  opacity: .62;
  position: relative
}
.user-popups .foo-button>svg {
  pointer-events: none
}
.user-popups .foo-button.has-new {
  color: currentColor;
  opacity: 1
}
.user-popups .foo-button.has-new:after {
  align-items: center;
  background: #ec1639;
  border: 2px solid var(--colors-themed-header-bg);
  border-radius: 100%;
  color: #fff;
  content: attr(data-count);
  display: flex;
  font-size: .9rem;
  font-weight: 700;
  height: 1.5rem;
  justify-content: center;
  left: calc(100% - 10px);
  line-height: normal;
  min-width: 1rem;
  padding-left: .25rem;
  padding-right: .25rem;
  position: absolute;
  top: -.5rem
}
@media only screen and (min-width: 23em) {
  .user-popups .foo-button {
    margin-right:1.5rem
  }}
@media only screen and (min-width: 35.5em) {
  #user .separator,#user [data-action=signup] {
    display:block
  }}
@media only screen and (min-width: 48em) {
  #user [data-action=facebook-login] {
    padding:.8rem
  }
  #user [data-action=facebook-login] svg {
    background: #fff;
    border-radius: 1px;
    color: #2d69c6;
    margin-right: .5rem;
    padding: 2px
  }
  #user [data-action=facebook-login] .label {
    display: inline-flex
  }
  #user [data-action=menu] #user-avatar span {
    display: flex
  }
  .user-popups .foo-button {
    margin-right: 1rem
  }
  #user .separator {
    margin: 0 .5rem
  }}
.bp-header__promo {
  background: rgba(0,0,0,.5);
  border-radius: 0 0 .25rem .25rem 0;
  color: #fff;
  display: none;
  font-size: .92rem;
  -webkit-font-smoothing: antialiased;
  font-weight: 700;
  left: 50%;
  padding: .5rem 1rem;
  position: absolute;
  top: 0;
  transform: translateX(-50%);
  white-space: nowrap
}
html.no-touch .bp-header__promo:hover {
  background: var(--colors-themed-body-color);
  color: #fff;
  text-decoration: none
}
@media only screen and (min-width: 48em) {
  .bp-header {
    padding-top:2.5rem
  }
  .bp-header__promo {
    display: block
  }}
#mobile-search__icon {
  opacity: 0!important;
  pointer-events: none
}
@media only screen and (max-width: 47.99em) {
  #mobile-search__icon {
    display:inline-flex;
    opacity: 0!important;
    pointer-events: none
  }
  html:not(#page-home) #search-form {
    display: none
  }
  html:not(#page-home) #mobile-search__icon {
    display: inline-flex;
    opacity: .8!important;
    pointer-events: auto;
    transform: none
  }}
.sitemap-button--desktop {
  display: none
}
.sitemap-button--mobile {
  color: var(--colors-themed-body-color);
  margin-left: -1.05rem;
  padding: .9rem 1rem .9rem 1.05rem
}
@media only screen and (min-width: 48em) {
  .sitemap-button--mobile {
    display:none
  }}
.sitemap-button--desktop {
  align-items: center;
  background: #ebf1fc;
  border: none;
  border-radius: 8px;
  color: #3d74d4;
  cursor: pointer;
  margin-right: 1rem;
  outline: 0;
  padding: 0 1rem;
  -webkit-user-select: none;
  user-select: none
}
[data-theme=dark] .sitemap-button--desktop {
  background: #2c3035;
  color: #fff
}
@media only screen and (min-width: 48em) {
  .sitemap-button--desktop {
    display:flex
  }}
@media only screen and (min-width: 80em) {
  .sitemap-button--desktop:after {
    content:"Κατηγορίες";
    margin-left: .75rem
  }}
.sitemap-button__lines {
  flex: none;
  height: 16px;
  overflow: hidden;
  -webkit-user-select: none;
  user-select: none;
  width: 16px
}
.sitemap-button__lines>div {
  background: currentColor;
  height: 2px;
  margin-bottom: 5px;
  pointer-events: none;
  transition: transform .25s;
  width: 16px
}
.sitemap-button__lines>div:last-child {
  margin-bottom: 0
}
.sitemap-button--loading {
  opacity: .9;
  pointer-events: none
}
.logo__ribbon {
  display: block;
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 50%;
  transform: translateY(-22%) translateX(51%)
}
html body header.bp-header {
  box-shadow: none
}
@media only screen and (max-width: 47.99em) {
  html body header.bp-header {
    border:0
  }}
@media only screen and (orientation: landscape) {
  html.is-mobile-or-tablet body header.bp-header {
    background:0 0!important
  }}
body header.bp-header {
  background: var(--colors-themed-header-bg);
  box-shadow: 0 1px 6px 0 var(--colors-themed-header-shadow);
  color: #fff;
  padding-bottom: .6rem;
  padding-top: .6rem;
  transition: transform .2s ease-in-out
}
body header.bp-header #header-root {
  align-items: center;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 0;
  margin-top: 0;
  padding: .15rem 0
}
body header.bp-header #header-root #search-form {
  margin-top: .6rem;
  width: 100%
}
body header.bp-header #header-root #user {
  align-items: center;
  display: flex
}
body header.bp-header #header-root #back-to-home svg {
  color: var(--colors-themed-logo);
  height: 44px;
  width: 67px
}
@media only screen and (min-width: 48em) {
  body header.bp-header {
    padding-bottom:1.05rem;
    padding-top: 1.05rem
  }
  body header.bp-header #header-root {
    flex-wrap: nowrap;
    padding: 0
  }
  body header.bp-header #header-root #back-to-home svg {
    height: 52px;
    width: 82px
  }
  body header.bp-header #header-root #search-form {
    flex: 1 1;
    margin-top: 0;
    order: 2;
    padding: 0 1.92rem;
    width: auto
  }
  body header.bp-header #nav {
    order: 1
  }
  body header.bp-header #user {
    order: 3
  }}
.alt-query-info {
  font-size: 1.25rem
}
.alt-query-info p {
  margin: 0 0 .25rem
}
.alt-query-info p.small {
  font-size: 1rem
}
.applied-filters {
  display: flex;
  flex-wrap: wrap;
  gap: .5rem;
  -webkit-user-select: none;
  user-select: none
}
.applied-filters__filter {
  align-items: center;
  font-size: 1rem;
  font-weight: 400;
  margin: 0
}
.applied-filters .applied-filters__filter.applied-filters__filter a {
  align-items: center;
  background: #dbdbdb;
  border-radius: 36px;
  display: grid;
  font-variant-numeric: tabular-nums;
  gap: .75rem;
  grid-auto-flow: column;
  height: 36px;
  line-height: 1;
  padding: 0 1rem;
  transition: all .2s ease-in-out
}
.applied-filters .applied-filters__filter.applied-filters__filter a span {
  align-items: center;
  display: grid
}
@media (hover: hover) {
  .applied-filters .applied-filters__filter.applied-filters__filter a:hover {
    background:#c3c4c7;
    text-decoration: none
  }
  .applied-filters .applied-filters__filter.applied-filters__filter a:hover .icon {
    opacity: 1
  }}
[data-theme=dark] .applied-filters .applied-filters__filter.applied-filters__filter a {
  background: #444
}
[data-theme=default] .applied-filters .applied-filters__filter.applied-filters__filter a {
  color: var(--colors-themed-body-color)
}
.applied-filters__filter .icon {
  height: 11px;
  opacity: .85;
  pointer-events: none;
  transition: all .2s ease-in-out;
  width: 11px
}
img.avatar {
  border-radius: 50%;
  box-shadow: 0 0 0 1px #eee
}
[data-theme=dark] img.avatar {
  box-shadow: none
}
#back-to-top {
  align-items: center;
  cursor: pointer;
  display: none;
  display: flex;
  justify-content: center;
  line-height: 1;
  margin: 0 auto;
  padding: 1.5rem 0;
  -webkit-user-select: none;
  user-select: none;
  width: fit-content
}
#back-to-top .icon {
  height: 10px;
  margin-left: .5rem;
  width: 10px
}
#back-to-top:hover {
  color: var(--colors-themed-body-color-light)
}
#back-to-top-mobile {
  bottom: 1.05rem;
  opacity: 0;
  pointer-events: none
}
body:not(.scrolling--above-half-fold).scrolling--ready #back-to-top-mobile {
  opacity: 1;
  pointer-events: auto;
  transform: none
}
body.is-redirecting #back-to-top-mobile {
  opacity: 0!important
}
html.is-tablet #back-to-top-mobile.floating-button {
  bottom: 2.5rem
}
@media only screen and (min-width: 48em) {
  html.is-tablet body:not(.scrolling--above-half-fold).scrolling--ready #back-to-top-mobile {
    display:flex;
    opacity: 1
  }}
html.no-touch:not(.safari).body-scroll-lock #root {
  padding-right: calc(var(--scroll-bar-size,0px))!important
}
html.no-touch:not(.safari).body-scroll-lock #bp-header,html.no-touch:not(.safari).body-scroll-lock .bp-footer {
  padding-right: calc(1.05rem + var(--scroll-bar-size,0px))
}
html.no-touch:not(.safari).body-scroll-lock #back-to-top,html.no-touch:not(.safari).body-scroll-lock .collection__footer .root,html.no-touch:not(.safari).body-scroll-lock .shortlist__inner,html.no-touch:not(.safari).body-scroll-lock .validate-email {
  padding-right: calc(var(--scroll-bar-size,0px))
}
@media only screen and (min-width: 48em) {
  html.no-touch:not(.safari).body-scroll-lock #bp-header,html.no-touch:not(.safari).body-scroll-lock .bp-footer {
    padding-right:calc(1.92rem + var(--scroll-bar-size,0px))
  }}
.box-wrapper {
  margin: 0;
  overflow: hidden;
  padding-bottom: 1.05rem;
  padding-right: 1.05rem
}
.box-wrapper--left-padding {
  padding-left: 0;
  padding-right: 0
}
.box-wrapper:first-child {
  padding-left: 0
}
@media only screen and (min-width: 35.5em) {
  .box-wrapper--left-padding {
    padding-left:1.05rem
  }}
.grid .box-wrapper {
  display: block
}
.grid .box-wrapper span {
  display: inline-block
}
.box {
  background-color: var(--colors-themed-card-bg);
  border: 1px solid var(--colors-themed-card-border);
  border-radius: 4px;
  border-radius: .375rem;
  box-shadow: 0 1px 2px rgba(0,0,0,.02);
  display: block;
  list-style-type: none;
  margin: 0;
  padding: 1rem;
  position: relative;
  text-align: left;
  vertical-align: top;
  width: 100%
}
@media only screen and (min-width: 48em) {
  .box {
    padding:1.44rem
  }}
.box:active {
  transform: translateY(1px)
}
[data-theme=dark] .box img {
  background: #fff;
  border-radius: .5rem;
  padding: .5rem
}
.box:hover {
  text-decoration: none!important
}
.supports-grid .box-wrapper {
  overflow: visible
}
.brand {
  align-items: center;
  background-color: var(--colors-themed-card-bg);
  background: #fff;
  border: 1px solid var(--colors-themed-separator-light);
  border-radius: 4px;
  box-shadow: 0 1px 2px rgba(0,0,0,.02);
  color: #111!important;
  display: flex;
  flex: 1 1;
  height: 78px;
  justify-content: center;
  padding: 1.1rem;
  transition: border-color .2s ease-in-out
}
@media only screen and (min-width: 48em) {
  .brand {
    padding:1.92rem
  }}
.no-touch .brand:hover {
  border-color: var(--colors-themed-card-hover-border);
  color: inherit;
  text-decoration: none
}
.brand img {
  display: block;
  height: 100%;
  margin: auto;
  max-height: 100%;
  max-width: 140px;
  padding: 0!important;
  width: 100%
}
.brand h3 {
  align-items: center;
  display: flex;
  font-size: 1.05rem;
  height: 78px;
  margin: 0;
  max-width: calc(100% - 1rem);
  max-width: 100%;
  overflow: hidden;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap
}
@media only screen and (min-width: 48em) {
  .brand {
    padding:1.2rem
  }}
@media only screen and (min-width: 64em) {
  .brand {
    padding:1.5rem
  }}
html:not(#page-cat) .brand {
  width: 140px
}
.category__cnt {
  color: var(--colors-themed-body-color-light);
  margin-top: .5rem;
  text-align: center
}
.category-wrapper {
  display: flex!important;
  display: inline-flex!important
}
.category-wrapper .category {
  overflow: hidden;
  padding-bottom: 2.88rem
}
.category-wrapper .category .category__title {
  display: block;
  font-size: .95rem;
  font-weight: 700;
  margin: 0;
  text-align: center;
  word-break: break-word
}
.category-wrapper .category .category__title a {
  display: inline-block;
  padding-top: .5rem
}
@media only screen and (min-width: 48em) {
  .category-wrapper .category .category__title {
    font-weight:500
  }}
.category-wrapper .category .cover a {
  display: block
}
.category-wrapper .category .cover-inner {
  display: block;
  margin: auto;
  position: relative;
  width: 100%
}
.category-wrapper .category img {
  aspect-ratio: 1/1;
  display: block;
  margin: auto
}
[data-theme=dark] .category-wrapper .category img {
  background: #fff;
  border-radius: .5rem;
  padding: .5rem
}
.category-wrapper .category .cover-inner.loading:before {
  content: "";
  display: block;
  padding-top: 100%;
  width: 100%
}
.category-wrapper .category .cover-inner.loading img {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0
}
.category-wrapper .category-alias {
  align-items: center;
  background: var(--colors-themed-body-bg);
  color: var(--colors-themed-body-color-light);
  display: flex;
  left: 0;
  padding: .5rem;
  position: absolute;
  top: 0;
  -webkit-user-select: none;
  user-select: none;
  z-index: 99999
}
.category-wrapper .category-alias span {
  display: none
}
.category-wrapper .category-alias svg {
  margin-right: 0
}
.category-wrapper--adult {
  overflow: hidden;
  position: relative
}
.category-wrapper--adult .category * {
  overflow: hidden
}
.category-wrapper--adult .category *>img {
  opacity: 0
}
.category-wrapper--adult .sponsorship {
  display: none
}
@supports (filter: blur()) {
  .category-wrapper--adult .category img {
    filter:blur(12px);
    opacity: .85
  }}
.category-sub-links {
  display: none;
  font-size: .95rem;
  line-height: 1.5;
  margin-top: .5rem
}
.category-sub-links,.category-sub-links a {
  color: var(--colors-themed-card-text)
}
.category-sub-links span {
  display: block;
  margin-top: .3rem
}
.category.category--sponsored {
  align-items: flex-start;
  background: #fff;
  background-image: none;
  border: 1px solid #ddd;
  display: flex;
  flex-direction: column;
  text-align: left;
  text-shadow: none
}
.category.category--sponsored:hover {
  background: #333;
  color: #fff!important
}
.category.category--sponsored h2 {
  padding-top: .5rem
}
.category.category--sponsored img {
  mix-blend-mode: normal!important
}
.category.category--sponsored a {
  color: #fff
}
.category.category--sponsored p {
  color: #767676
}
.category.category--sponsored p strong {
  color: var(--colors-themed-body-color-lighter)
}
@media only screen and (min-width: 48em) {
  .category__cnt {
    text-align:left
  }
  .category-wrapper .category__title {
    font-size: 1.1rem
  }
  .category-wrapper .category-alias svg {
    margin-right: .25rem
  }
  .category-wrapper .category-alias span {
    display: inline-block
  }
  .category-wrapper .category .category__title {
    font-size: 1.15rem;
    line-height: 1.3;
    margin-top: 1.92rem;
    text-align: left
  }
  .category-wrapper .category .category__title a,.no-touch .category-wrapper .category .category-sub-links {
    display: block
  }}
.sponsorship__title {
  font-size: 12px;
  margin-bottom: .2rem;
  opacity: .5
}
img.sponsorship__logo {
  aspect-ratio: auto!important;
  max-width: 100px
}
@media only screen and (min-width: 20em) {
  .sponsorship {
    float:none;
    margin: .5rem 0 -.5rem;
    text-align: center
  }}
@media only screen and (min-width: 48em) {
  .category.box {
    padding:1.2rem
  }
  .sponsorship {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    margin: 0;
    text-align: left
  }
  img.sponsorship__logo {
    margin: 0!important
  }}
@media only screen and (min-width: 64em) {
  .category.box {
    padding:1.4rem
  }}
@media only screen and (min-width: 80em) {
  .category.box {
    padding:1.5rem
  }
  .category-wrapper .category__title {
    font-size: 1.1rem
  }}
.touch .category .category__title a {
  text-overflow: none;
  white-space: normal
}
.touch .category .category-sub-links,.touch .category.category--sponsored p {
  display: none
}
#debug-panel {
  bottom: 0;
  font-size: .85rem;
  left: 0;
  opacity: .35;
  pointer-events: none;
  position: fixed;
  z-index: 99999999999
}
#debug-panel button,#debug-panel span {
  color: #fff;
  font-size: .9rem;
  margin-right: .5rem;
  padding: 6px!important
}
#debug-panel button:last-child,#debug-panel span:last-child {
  margin-right: 0
}
#debug-panel span {
  background-color: rgba(0,0,0,.85);
  border: none;
  display: inline-block
}
#debug-panel span:hover {
  opacity: .23;
  pointer-events: none
}
#debug-panel button {
  background-color: #000
}
.no-touch #debug-panel button:hover {
  background-color: #2d69c6;
  border: none
}
.dominant-filter {
  display: grid;
  gap: .75rem;
  margin-bottom: .5rem;
  min-width: 0;
  position: relative;
  z-index: 1990
}
@media only screen and (min-width: 48em) {
  .dominant-filter {
    display:none
  }}
@media only screen and (orientation: landscape) {
  .is-mobile-or-tablet .dominant-filter {
    display:grid
  }}
@media only screen and (min-width: 25.8em) {
  .dominant-filter {
    align-items:center;
    grid-template-columns: auto 1fr
  }
  .dominant-filter .dominant-filter__header {
    max-width: 28vw;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
  }}
.dominant-filter__options {
  align-items: center;
  display: grid!important;
  gap: .5rem;
  grid-auto-columns: max-content;
  grid-auto-flow: column
}
.dominant-filter__option {
  background-color: transparent;
  border: 1px solid #dbdbdb;
  border-radius: 6px;
  color: inherit;
  display: grid;
  font-size: .95rem;
  font-variant-numeric: tabular-nums;
  gap: .25rem;
  grid-auto-flow: column;
  justify-content: center;
  padding: .7rem .8rem;
  -webkit-user-select: none;
  user-select: none;
  white-space: nowrap
}
[data-theme=dark] .dominant-filter__option {
  border: 1px solid #666
}
html.failed-to-load {
  transform: translateY(40px)
}
html.failed-to-load body {
  filter: grayscale(1);
  opacity: .7
}
.failed-to-load-element {
  align-items: center;
  background: #fbe9e7;
  color: #d50000!important;
  display: flex;
  height: 40px;
  left: 0;
  line-height: 40px;
  padding: 0 1.05rem;
  position: fixed;
  right: 0;
  text-decoration: none;
  top: 0;
  transform: translateY(-40px);
  z-index: 999999999
}
.failed-to-load-element .icon {
  margin-right: 1rem
}
.failed-to-load-element div {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}
.failed-to-load-element span {
  display: none
}
.no-touch .failed-to-load-element:hover {
  background-color: #333;
  color: #fff!important;
  text-decoration: none!important
}
@media only screen and (min-width: 23em) {
  .failed-to-load-element span {
    display:inline-block
  }}
@media only screen and (min-width: 48em) {
  .failed-to-load-element {
    padding:0 1.05rem
  }}
.floating-button {
  align-items: center;
  background: #ec1639;
  border-radius: .25rem;
  border-radius: 100%;
  box-shadow: 0 1px 18px 0 rgba(236,22,57,.25);
  color: #fff;
  cursor: pointer;
  display: flex;
  height: 36px;
  justify-content: center;
  opacity: 0;
  position: fixed;
  right: 1.05rem;
  touch-action: none;
  transform: scale(1);
  transition: all .2s ease-in-out;
  -webkit-user-select: none;
  user-select: none;
  width: 36px;
  z-index: 199999999
}
.floating-button>svg {
  color: #fff;
  margin: 0
}
.floating-button--void {
  background-color: transparent;
  border-radius: 0;
  box-shadow: none
}
.no-touch .floating-button:hover {
  background-color: #d41433
}
.has-popup-full .floating-button,.has-popup-modal .floating-button,.has-popup-slide .floating-button {
  display: none
}
@media only screen and (min-width: 23em) {
  .floating-button {
    height:42px;
    width: 42px
  }}
@media only screen and (min-width: 25.8em) {
  .floating-button {
    height:44px;
    width: 44px
  }}
@media only screen and (min-width: 35.5em) {
  .floating-button {
    height:48px;
    width: 48px
  }}
@media only screen and (min-width: 48em) {
  .floating-button {
    display:none
  }}
.form-row {
  display: block;
  margin: 1.5rem 0;
  text-align: left
}
.form-row label {
  display: block;
  margin-bottom: .35rem
}
.form-row .form-footer {
  margin-top: 2rem
}
.form-row:first-child {
  margin-top: 0
}
.form-row:last-child {
  margin-bottom: 0
}
.form-row p {
  color: var(--colors-themed-body-color-light);
  font-size: .9rem
}
.form-footer {
  margin-top: 2rem
}
.list li,ol.list,ul.list {
  display: block;
  list-style: none;
  margin: 0;
  padding: 0
}
ol.list li .foo-link,ol.list li a,ul.list li .foo-link,ul.list li a {
  border-top: 1px solid var(--colors-themed-separator-light);
  display: block;
  max-width: 100%;
  overflow: hidden;
  padding: .95rem 0;
  text-overflow: ellipsis;
  white-space: nowrap
}
ol.list li .foo-link[data-cnt],ol.list li a[data-cnt],ul.list li .foo-link[data-cnt],ul.list li a[data-cnt] {
  padding-right: 3em;
  position: relative
}
ol.list li .foo-link[data-cnt]:after,ol.list li a[data-cnt]:after,ul.list li .foo-link[data-cnt]:after,ul.list li a[data-cnt]:after {
  color: #767676;
  content: attr(data-cnt);
  display: inline-block;
  margin-left: .15rem;
  position: absolute;
  right: 0;
  text-align: right;
  width: 3em
}
ol.list li:last-child a,ul.list li:last-child a {
  border-bottom: 1px solid var(--colors-themed-separator-light)
}
@media only screen and (min-width: 48em) {
  ol.list:not(.column) li,ul.list:not(.column) li {
    display:inline-block
  }
  ol.list li,ul.list li {
    display: block;
    padding: .65rem .65rem .65rem 0
  }
  ol.list li .foo-link,ol.list li a,ul.list li .foo-link,ul.list li a {
    border: none!important;
    display: inline-block;
    max-width: 100%;
    overflow: hidden;
    padding: 0;
    text-overflow: ellipsis;
    white-space: nowrap
  }
  ol.list li .foo-link[data-cnt],ol.list li a[data-cnt],ul.list li .foo-link[data-cnt],ul.list li a[data-cnt] {
    padding-right: .6rem;
    position: relative
  }
  ol.list li .foo-link[data-cnt]:after,ol.list li a[data-cnt]:after,ul.list li .foo-link[data-cnt]:after,ul.list li a[data-cnt]:after {
    color: #767676;
    content: attr(data-cnt);
    display: inline-block;
    margin-left: .25rem;
    position: static;
    right: auto;
    text-align: left;
    width: auto
  }}
.loader {
  animation: sk-scaleout 1s ease-in-out infinite;
  background-color: #ec1639;
  border-radius: 100%;
  display: inline-flex;
  height: 1em;
  margin: auto;
  width: 1em
}
.loader.l {
  height: 1.5rem;
  width: 1.5rem
}
.loader.xl {
  height: 2.5rem;
  width: 2.5rem
}
.loader-white {
  background-color: #fff
}
.loader.center {
  left: 50%;
  margin-left: -.5em;
  margin-top: -.5em;
  position: absolute;
  top: 50%;
  z-index: 9999999999999
}
html.slow body .loader {
  animation-duration: 1s!important
}
@keyframes sk-scaleout {
  0% {
    transform: scale(0)
  }
  to {
    opacity: 0;
    transform: scale(1)
  }}
.menu {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  display: none;
  flex-direction: row;
  height: 52px;
  margin-top: 0;
  white-space: nowrap
}
.menu__group,.menu__item {
  display: flex;
  flex: none
}
.menu__item {
  align-items: center;
  background-color: var(--colors-themed-card-bg);
  color: var(--colors-themed-card-text);
  font-size: .98rem;
  -webkit-font-smoothing: antialiased;
  font-weight: 500;
  justify-content: flex-start;
  padding: .5rem .35rem
}
.menu__item--selected {
  color: #ec1639!important
}
a.menu__item {
  color: inherit
}
.menu__item[data-icon-outline] svg {
  fill: none;
  stroke: currentColor
}
.menu__item svg {
  flex: none;
  margin: 0 .25rem 0 0
}
.menu__item[data-count]:after {
  display: none
}
@media only screen and (min-width: 48em) {
  #menu__toolbar {
    display:none!important
  }
  .menu {
    display: flex;
    height: auto
  }
  .menu,.menu__group {
    flex-direction: column
  }
  .menu__group {
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.035);
    margin-top: .8rem
  }
  .menu__group:first-child {
    margin-top: 0
  }
  .menu__item {
    border: 1px solid var(--colors-themed-card-border);
    font-size: 1rem;
    -webkit-font-smoothing: auto;
    font-weight: 400;
    margin: -1px 0 0;
    padding: 1rem
  }
  .menu__item:hover {
    text-decoration: none!important
  }
  .menu__item:first-child {
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    margin-top: 0
  }
  .menu__item:last-child {
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px
  }
  .menu__item--selected {
    background-color: #ec1639;
    border-color: #d41433;
    color: #fff!important;
    position: relative;
    z-index: 9999
  }
  a.menu__item {
    color: var(--colors-themed-body-color)
  }
  .menu__item[data-count]:after {
    color: #767676;
    content: attr(data-count);
    display: block;
    font-size: inherit;
    margin-left: auto;
    opacity: 1
  }
  .menu__item--selected.menu__item[data-count]:after {
    color: hsla(0,0%,100%,.7)
  }
  .menu__item svg {
    margin: 0 .5rem 0 0
  }}
.menu__item-tag {
  border-radius: 2px;
  font-size: 12.6px;
  font-weight: 700;
  margin-left: 8px;
  padding: 4px 8px
}
.menu__item.menu__item--selected .menu__item-tag {
  background: #fff;
  color: #ec1639
}
.menu__item .menu__item-tag {
  background: #ec1639;
  color: #fff
}
html.has-menu__toolbar body {
  min-height: 100vh;
  min-height: calc(100vh - var(--vh-offset,0px))
}
html.has-menu__toolbar #root {
  padding-bottom: calc(52px + 2rem)
}
.merchant-title {
  color: var(--colors-themed-body-color-light);
  display: block;
  font-size: .75rem;
  margin-top: .25rem;
  max-width: 80px;
  overflow: hidden;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap
}
.merchant-logo {
  background: 0 0;
  display: inline-block;
  margin-left: 3px;
  position: relative;
  vertical-align: middle;
  width: 90px
}
.merchant-logo img {
  background: #fff
}
.merchant-logo a {
  aspect-ratio: 90/30;
  display: block
}
.merchant-logo img {
  align-self: flex-start;
  border-radius: 1px;
  box-shadow: 0 0 0 3px #fff,0 0 0 4px #ebebeb;
  display: inline-block;
  height: 100%;
  padding: .15rem;
  transition: box-shadow .12s ease-in-out;
  width: 100%
}
.no-touch .merchant-logo img:hover {
  box-shadow: 0 0 0 2px #fff,0 0 0 3px #d2d2d2,0 1px 1px 3px #dedede
}
.merchant-authorized {
  color: #888;
  display: block;
  font-size: .8rem;
  margin-top: .2rem
}
.merchant-mobile-friendly {
  color: #24b47e;
  display: block;
  margin-top: .25rem;
  text-align: center
}
.merchant-mobile-friendly--full {
  float: right;
  font-size: .9rem;
  margin-top: 0
}
.merchant-mobile-friendly--full svg {
  position: relative;
  top: 4px
}
.merchant__flag {
  border-radius: .25rem;
  box-shadow: 0 0 0 1px rgba(0,0,0,.1);
  height: 15px;
  overflow: hidden;
  position: absolute;
  right: -12px;
  top: -8px;
  width: 21px
}
.merchant__flag img {
  height: 100%;
  width: 100%
}
.merchant__flag svg.icon {
  max-height: 100%;
  max-width: 100%
}
.product .product-merchant-physical .merchant-mobile-friendly {
  margin: 0 0 0 .15rem
}
.merchant__certification {
  border-radius: 50%;
  height: 16px;
  position: absolute;
  right: -4px;
  top: 0;
  transform: translateX(50%) translateY(-50%);
  width: 16px
}
.certification-badge-bronze {
  color: #d4834e
}
.certification-badge-gold {
  color: #d9b12d
}
.certification-badge-platinum {
  color: #a5a5a5
}
.certification-badge-silver {
  color: #b3b3b3
}
.nav {
  text-align: center;
  width: 100%
}
.nav,.nav ol {
  display: block
}
.nav ol {
  list-style-type: none;
  margin: 1.5rem 0 0;
  overflow: hidden;
  padding: 0
}
.nav ol li {
  background: #c3c4c7;
  border-radius: 50%;
  cursor: pointer;
  display: inline-block;
  height: 10px;
  margin: 0 .12rem;
  padding: 0;
  text-indent: -1000000px;
  transition: background-color .2s ease-in-out;
  width: 10px
}
.nav ol li:active {
  transform: translateY(1px)
}
.nav ol li.current {
  background-color: #ec1639
}
@media only screen and (min-width: 48em) {
  .nav ol li {
    margin:.15rem
  }}
@media only screen and (min-width: 64em) {
  .nav ol li {
    margin:.17rem
  }}
@media only screen and (min-width: 80em) {
  .nav ol li {
    margin:.2rem
  }}
#no-results {
  font-size: 1.1rem;
  margin-top: 2.88rem
}
#no-results #no-results-suggestions {
  margin-top: 1.92rem
}
#no-results h3 {
  font-size: 1.2rem;
  margin: 0 0 .5rem
}
#no-results ul li {
  margin: .85rem 0 0
}
#no-results ul li.sos {
  margin-bottom: 1rem
}
#no-results ul li.sos a {
  font-weight: 700
}
#no-results ul li.sos address {
  color: var(--colors-themed-body-color-light);
  display: block;
  font-size: .95rem;
  font-style: normal;
  margin-top: .5rem
}
#no-results ul li .foo-link,#no-results ul li a {
  text-decoration: underline
}
.no-results__button {
  align-items: center;
  display: inline-flex;
  font-weight: 700;
  margin-bottom: 2rem
}
header+#no-results {
  margin-top: 0
}
.not-supported {
  background: #feeda8;
  border-bottom: 1px solid #ddd;
  padding-top: 1.5rem;
  position: relative;
  text-align: center;
  z-index: 99999999999
}
.not-supported h3 {
  color: #b81427;
  font-size: 1rem;
  font-weight: 700;
  margin: 0
}
.not-supported p {
  font-size: 1rem;
  margin: .5rem 0 0
}
.not-supported p a {
  text-decoration: underline
}
.not-supported__icon {
  display: none;
  margin-right: 1rem
}
.not-supported .button {
  background: #fff;
  border: 1px solid #c3c4c7;
  color: var(--colors-themed-body-color-light);
  display: block;
  font-weight: 700;
  margin-top: 1rem;
  width: 100%
}
@media only screen and (min-width: 48em) {
  .not-supported h3 {
    color:var(--colors-themed-body-color);
    font-size: 1.1rem
  }
  .not-supported__icon {
    display: inline-block
  }
  .not-supported {
    text-align: left
  }
  .not-supported__content,.not-supported__icon {
    display: inline-block;
    vertical-align: center
  }}
.rating {
  align-items: center;
  color: #999;
  display: inline-flex;
  line-height: 1;
  -webkit-user-select: none;
  user-select: none
}
.rating * {
  pointer-events: none
}
.rating .total,.rating[data-total]:after {
  content: attr(data-total);
  font-size: inherit;
  line-height: 1;
  margin-left: .25rem
}
.rating em {
  align-items: center;
  color: #dcdde0;
  display: inline-flex;
  font-style: normal;
  padding: 0 1px 0 0;
  position: relative;
  -webkit-user-select: none;
  user-select: none
}
.rating em svg {
  fill: currentColor;
  height: 1em;
  width: 1em
}
.rating em.is-rated:not(.is-partial) {
  color: #f59f00
}
.rating em.is-partial svg:first-child {
  fill: #f59f00;
  left: 0;
  position: absolute;
  top: 0;
  z-index: 4
}
.rating.rating-all {
  align-items: center;
  color: #999;
  display: inline-flex;
  height: 1em;
  line-height: 1;
  padding: 0;
  position: relative;
  white-space: nowrap
}
.rating.rating-all svg {
  display: block;
  fill: var(--colors-themed-star-rating-color);
  float: left;
  font-style: normal;
  height: 1em;
  width: 5em
}
.rating.rating-all svg[style],.rating.rating-all svg[style] use>svg {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  fill: #f59f00;
  left: 0;
  position: absolute;
  top: 0
}
.rating.rating-all svg:only-child {
  position: relative!important
}
.rating.rating-all svg:first-child {
  z-index: 1
}
.ratio__wrapper {
  margin: 0 auto;
  position: relative;
  width: 100%
}
.ratio {
  align-items: center;
  display: flex;
  justify-content: center;
  padding-bottom: 100%
}
.ratio__content {
  bottom: 0;
  height: 100%;
  left: 50%;
  max-width: 100%;
  object-fit: contain;
  position: absolute;
  right: 0;
  top: 0;
  transform: translateX(-50%);
  width: 100%
}
.ratio__height,.ratio__wrapper+.ratio {
  position: relative
}
.ratio__height {
  overflow: hidden
}
.ratio__wrapper.ratio__wrapper--reverse .ratio__content {
  height: auto;
  left: 0;
  max-width: 100%;
  top: 50%;
  transform: translateY(-50%);
  width: 100%
}
.ratio--youtube>span {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0
}
.scope-description {
  color: var(--colors-themed-body-color-light);
  display: none;
  font-size: 1.1em;
  line-height: 1.4;
  margin: 2rem 0;
  width: 100%
}
.scope-description a {
  color: var(--colors-themed-body-color);
  text-decoration: underline
}
@media only screen and (min-width: 48em) {
  .scope-description {
    display:block
  }}
span.social-links {
  display: inline-block;
  line-height: 14px;
  vertical-align: middle;
  white-space: nowrap
}
span.social-links a {
  margin-right: .25rem!important
}
span.social-links a:last-child {
  margin-right: 0!important
}
span.social-links a:active {
  box-shadow: inset 0 1px 5px rgba(0,0,0,.3)
}
[data-social-service],span.social-links a {
  border-radius: .25rem;
  display: inline-block;
  font-size: 19px!important;
  line-height: 14px;
  padding: 5px
}
[data-social-service] svg,span.social-links a svg {
  color: #fff!important;
  display: inline-block;
  height: 14px;
  line-height: 14px;
  margin: 0!important;
  overflow: hidden;
  position: static!important;
  width: 14px
}
[data-social-service] span,span.social-links a span {
  display: none
}
[data-social-service][data-social-service=android],span.social-links a[data-social-service=android] {
  background-color: #8bc34a
}
[data-social-service][data-social-service=messenger],span.social-links a[data-social-service=messenger] {
  background-color: #0084ff
}
[data-social-service][data-social-service=pinterest],span.social-links a[data-social-service=pinterest] {
  background-color: #bc232b
}
[data-social-service][data-social-service=instagram],span.social-links a[data-social-service=instagram] {
  background-color: #5851db
}
[data-social-service][data-social-service=linkedin],span.social-links a[data-social-service=linkedin] {
  background-color: #0073b2
}
[data-social-service][data-social-service=quora],span.social-links a[data-social-service=quora] {
  background-color: #b92b27
}
[data-social-service][data-social-service=facebook],span.social-links a[data-social-service=facebook] {
  background-color: #3a589b
}
[data-social-service][data-social-service=twitter],span.social-links a[data-social-service=twitter] {
  background-color: #1c1b1b
}
[data-social-service][data-social-service=chrome],[data-social-service][data-social-service=google],span.social-links a[data-social-service=chrome],span.social-links a[data-social-service=google] {
  background-color: #d24e4e
}
[data-social-service] span[icon],span.social-links a span[icon] {
  line-height: 14px!important
}
.touch span.social-links a:not(:last-child) {
  margin-right: .7rem!important
}
.spellcheck-info {
  color: var(--colors-themed-body-color);
  margin-bottom: 1.5rem
}
.spellcheck-info__alt {
  font-size: .95rem
}
.spellcheck-info__used {
  font-size: 1.1rem;
  margin-bottom: .5rem
}
.spellcheck-info__used em {
  font-weight: 700
}
@media only screen and (min-width: 48em) {
  .spellcheck-info__used {
    font-size:1.14rem
  }
  .spellcheck-info__alt {
    font-size: 1rem
  }}
@media only screen and (min-width: 80em) {
  .spellcheck-info__used {
    font-size:1.22rem
  }
  .spellcheck-info__alt {
    font-size: 1.05rem
  }}
@media only screen and (min-width: 120em) {
  .spellcheck-info {
    margin-bottom:1.92rem
  }
  .spellcheck-info__used {
    font-size: 1.27rem
  }
  .spellcheck-info__alt {
    font-size: 1.1rem
  }}
.sticky {
  margin-top: 0!important
}
.is-sticky {
  background: #fff;
  position: fixed!important;
  top: 0;
  z-index: 9999
}
.is-sticky.is-sticky-absolute {
  position: absolute!important
}
.touch .is-sticky {
  outline: 1px red;
  position: sticky!important
}
.sub-tabs {
  display: none;
  margin: 1.92rem 0 3.84rem
}
.sub-tabs a,.sub-tabs span {
  border: 1px solid #ddd;
  color: #4d618a;
  cursor: pointer;
  display: inline-block;
  line-height: normal;
  margin-top: -1px;
  max-width: 100%;
  overflow: hidden;
  padding: .85rem 1.92rem;
  position: relative;
  text-overflow: ellipsis;
  vertical-align: middle;
  white-space: nowrap
}
.sub-tabs a svg,.sub-tabs span svg {
  display: inline-block;
  margin-right: .5rem;
  vertical-align: middle
}
.sub-tabs a:first-child,.sub-tabs span:first-child {
  border-bottom-left-radius: 8px;
  border-top-left-radius: 8px;
  margin-left: 0;
  margin-top: 0
}
.sub-tabs a:last-child,.sub-tabs span:last-child {
  border-bottom-right-radius: 8px;
  border-top-right-radius: 8px
}
.sub-tabs a.current,.sub-tabs a.selected,.sub-tabs span.current,.sub-tabs span.selected {
  background-color: #ec1639;
  border: 1px solid #d41433;
  color: #fff;
  z-index: 1
}
.sub-tabs a.current:hover,.sub-tabs a.selected:hover,.sub-tabs span.current:hover,.sub-tabs span.selected:hover {
  color: #fff
}
@media only screen and (min-width: 48em) {
  .sub-tabs {
    display:flex;
    flex-direction: row;
    justify-content: center
  }
  .sub-tabs a,.sub-tabs span {
    background-color: var(--colors-themed-button-secondary-bg);
    margin-left: -1px;
    margin-top: 0
  }}
.tabs {
  box-shadow: inset 0 -1px 0 0 var(--colors-themed-separator-light);
  display: block;
  height: 3rem;
  margin-bottom: 1.92rem;
  overflow: hidden
}
.tabs::-webkit-scrollbar {
  display: none
}
.tabs .tabs-wrapper {
  display: block;
  overflow-x: scroll;
  overflow-y: hidden;
  position: relative;
  -webkit-user-select: none;
  user-select: none;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: none;
  -moz-scrollbars: none;
  height: 6rem;
  scrollbar-width: none
}
.tabs .tabs-wrapper::-webkit-scrollbar {
  background: 0 0;
  display: none!important;
  height: 0!important;
  opacity: 0;
  width: 0!important
}
.tabs .tabs-wrapper::-webkit-scrollbar-track {
  display: none;
  height: 0;
  overflow: hidden
}
.tabs .tabs-wrapper::-webkit-scrollbar-thumb {
  background: 0 0;
  display: none;
  height: 0;
  overflow: hidden;
  width: 0
}
.tabs .tabs-wrapper ::-webkit-scrollbar {
  display: none
}
.tabs nav {
  display: flex!important;
  height: 3rem;
  margin: 0;
  min-width: 100%;
  overflow: hidden;
  position: relative;
  white-space: nowrap
}
.tabs nav::-webkit-scrollbar {
  -ms-overflow-style: none;
  display: none!important;
  width: 0!important
}
.tabs em,.tabs.hidden {
  display: none
}
.tabs em {
  font-style: normal
}
.tabs a,.tabs span {
  align-items: center;
  color: var(--colors-themed-card-subtext)!important;
  cursor: pointer;
  display: inline-block;
  flex: 1 1;
  font-size: 1.1rem;
  font-weight: 400;
  height: 3rem;
  margin-right: 1.28rem;
  padding: 0 0 2.4rem;
  text-align: center;
  -webkit-user-select: none;
  user-select: none
}
.tabs a.right,.tabs span.right {
  float: right
}
.no-touch .tabs a:hover,.no-touch .tabs span:hover {
  color: var(--colors-themed-anchor-hover)!important;
  text-decoration: none!important
}
.tabs a .tabs__content .icon,.tabs a>svg,.tabs span .tabs__content .icon,.tabs span>svg {
  flex: none;
  margin-right: .5rem
}
.tabs.tabs--flex nav {
  display: flex!important
}
.tabs.tabs--flex nav>a,.tabs.tabs--flex nav>span {
  flex: 1 1 auto
}
.tabs__content * {
  flex: none
}
@media only screen and (min-width: 48em) {
  .tabs nav {
    display:inline-block!important
  }
  .tabs em {
    display: inline-block
  }
  .tabs a,.tabs span {
    flex: none
  }}
.tabs a:last-child,.tabs span:last-child {
  margin-right: 0
}
.tabs .current {
  box-shadow: inset 0 -3px 0 #ec1639;
  color: var(--colors-themed-card-title)!important
}
.tabs .disabled {
  color: #767676!important;
  cursor: default;
  pointer-events: none;
  -webkit-user-select: none;
  user-select: none
}
.tab-content.current {
  display: block
}
.tabs__info {
  color: var(--colors-themed-body-color-light);
  margin-left: .5rem
}
html.touch .tabs__info {
  display: none
}
.users-sample {
  align-items: center;
  display: flex
}
.users-sample__users {
  display: flex;
  margin-right: .5rem
}
.users-sample__users span {
  margin-left: -7px
}
.users-sample__users span:first-child {
  margin-left: 0
}
.users-sample__users img {
  border: 2px solid var(--colors-themed-body-bg);
  border-radius: 50%;
  box-shadow: none;
  height: 25px;
  width: 25px
}
.users-sample__label {
  color: var(--colors-themed-body-color-light);
  font-size: .95em
}
@media only screen and (min-width: 35.5em) {
  .users-sample__users img {
    height:30px;
    width: 30px
  }}
@media only screen and (min-width: 80em) {
  .users-sample__users img {
    height:36px;
    width: 36px
  }}
.warn {
  background: #fffede;
  font-size: 1.1rem;
  line-height: 1.5rem;
  margin-bottom: .5rem;
  margin-top: 0;
  padding: 1.92rem;
  position: relative
}
.warn h4 {
  font-size: 1.2rem!important;
  font-weight: 700;
  margin-bottom: 1;
  margin-top: 0
}
.warn p:first-child {
  line-height: 1.2rem;
  margin: 0 0 .5rem
}
.warn a {
  color: #4d618a
}
.warn.info {
  padding-left: 5rem;
  position: relative
}
.warn>svg {
  height: 3rem;
  left: 1rem;
  position: absolute;
  top: 1rem;
  width: 3rem
}
.warn footer {
  margin-top: 1rem
}
.warn footer button {
  width: 15rem
}
.users {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  padding: 0
}
.users,.users__user {
  list-style-type: none;
  margin: 0
}
.users__user {
  padding: .25rem;
  width: 100%
}
.user {
  align-items: center;
  background-color: var(--colors-themed-card-bg);
  border: 1px solid var(--colors-themed-card-border);
  border-radius: 4px;
  box-shadow: 0 1px 2px rgba(0,0,0,.02);
  display: flex;
  justify-content: flex-end;
  min-height: 7.3rem;
  padding: 1.05rem
}
@media only screen and (min-width: 48em) {
  .user {
    padding:1.44rem
  }}
.user .user-avatar {
  white-space: nowrap
}
.user .user-main {
  align-items: flex-start;
  display: flex;
  flex: 1 1;
  flex-direction: column;
  min-width: 0
}
.user .user-meta {
  flex: 1 1;
  margin-left: 1rem
}
.user .user-meta h3 {
  font-size: 1rem;
  font-weight: 700;
  margin: 0;
  word-break: all
}
.user .user-meta p {
  color: #767676;
  font-size: .9rem;
  margin: .2rem 0 0
}
.user .user-bio {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical
}
.user .user-follow {
  flex: none;
  margin-left: 1rem;
  margin-top: .5rem
}
.user .user-follow .tooltip__anchor {
  display: block
}
.user .user-follow .button {
  font-size: .9rem;
  padding: .5rem;
  text-align: center
}
.user .user-follow .button svg {
  margin-right: .25rem
}
.users__user:only-child {
  width: 100%
}
@media only screen and (min-width: 48em) {
  .users__user {
    padding:.5rem
  }
  .user .user-meta h3 {
    font-weight: 400
  }}
@media only screen and (min-width: 25.8em) {
  .user .user-main {
    align-items:center;
    flex-direction: row
  }
  .user .user-follow {
    margin-top: 0
  }}
@media only screen and (min-width: 64em) {
  .users__user {
    width:50%
  }}
@media only screen and (min-width: 120em) {
  .users__user {
    width:33%
  }
  .users__user:only-child {
    width: 50%
  }}
#filters-aside {
  display: none;
  transition: opacity .2s ease-in-out
}
@media only screen and (min-width: 48em) {
  #filters-aside {
    display:block
  }}
#filters__scrollback {
  display: none;
  font-size: 1rem;
  -webkit-font-smoothing: antialiased;
  align-items: center;
  background: 0 0;
  background: var(--colors-themed-body-bg);
  border: 1px solid;
  color: var(--colors-themed-anchor);
  font-weight: 500;
  justify-content: center;
  opacity: 0;
  pointer-events: none;
  position: fixed;
  top: .5rem;
  transition: opacity .15s ease-in-out;
  z-index: 1000000
}
#filters__scrollback .icon {
  margin-right: .5rem
}
#filters__scrollback.visible {
  opacity: 1;
  pointer-events: auto
}
@media only screen and (min-width: 48em) {
  body.filters-open-on-md-only #filters__scrollback {
    display:flex
  }}
@media only screen and (min-width: 64em) {
  #filters__scrollback {
    display:flex
  }}
#filters .filter-remove {
  align-items: center;
  color: #767676;
  display: inline-flex;
  font-size: .9rem;
  font-weight: 400;
  justify-content: center;
  letter-spacing: 0;
  margin: 0;
  opacity: .85;
  padding-right: 1.05rem;
  padding-top: 0
}
html:not(.touch) #filters .filter-remove:hover {
  opacity: 1
}
@media only screen and (min-width: 48em) {
  #filters .filter-remove {
    font-size:.95rem;
    margin: 0;
    padding: 0
  }
  #filters .filter-remove svg {
    height: 15px;
    width: 15px
  }}
.filters-more-prompt {
  color: var(--colors-themed-body-color);
  cursor: pointer;
  display: block;
  margin-top: 0;
  padding: 1rem 0 1rem 1rem;
  position: relative
}
.filters-more-prompt .icon {
  display: inline-block;
  height: 10px;
  margin-right: .5rem;
  width: 10px
}
html:not(.touch) .filters-more-prompt:hover {
  color: #2d69c6;
  text-decoration: underline
}
@media only screen and (min-width: 48em) {
  .filters-more-prompt {
    color:var(--colors-themed-body-color-light);
    margin-left: 0;
    padding: .5rem 0
  }}
#filters-clear {
  display: none;
  font-size: .95rem;
  line-height: 1;
  margin-bottom: 1rem;
  padding-left: 1.92rem;
  text-align: center;
  vertical-align: baseline;
  white-space: nowrap;
  width: 100%
}
#filters-clear svg {
  margin-right: .5rem
}
body.has-filters-selected #filters-clear {
  align-items: center;
  display: flex;
  justify-content: center
}
@media only screen and (min-width: 48em) {
  html body #filters-clear.button.button {
    display:none!important
  }}
#filters>div[data-filter-name] {
  border-radius: .25rem
}
#filters>div[data-filter-name] h4 {
  cursor: pointer;
  padding-left: calc(1.3rem + 12px)
}
#filters>div[data-filter-name] h4:before {
  background-color: var(--colors-themed-body-color);
  content: "";
  height: 10px;
  left: 1.05rem;
  margin-top: -5px;
  -webkit-mask: url(https://bp.pstatic.gr/public/dist/07b945da102b555dc612.svg) no-repeat center center;
  mask: url(https://bp.pstatic.gr/public/dist/07b945da102b555dc612.svg) no-repeat center center;
  position: absolute;
  top: 50%;
  transform: rotate(90deg);
  transform-origin: 50% 50%;
  transition: .15s ease-in-out;
  width: 6px
}
#filters>div[data-filter-name] h4 span.help {
  border: none;
  margin: 0 0 0 5px;
  opacity: .3;
  order: 3;
  padding: 0;
  transition: .5s ease-in-out
}
#filters>div[data-filter-name] h4 span.help svg {
  vertical-align: middle
}
#filters>div[data-filter-name].filter-collapsed .filter-container {
  display: none
}
#filters>div[data-filter-name].filter-collapsed h4:before {
  transform: none
}
#filters>div[data-filter-name].filters__depts.filter-collapsed .filter-container {
  display: none
}
@media only screen and (min-width: 48em) {
  #filters {
    border-radius:0
  }
  #filters>div[data-filter-name].filter-payment h4 {
    align-items: center;
    display: flex;
    overflow: visible;
    padding: 0
  }
  #filters>div[data-filter-name].filter-payment h4:before {
    left: auto;
    margin-right: .5rem;
    margin-top: 0;
    position: static;
    top: auto
  }
  #filters>div[data-filter-name]:not(.filter-payment).filter-collapsed .filter-container {
    display: block
  }
  #filters>div[data-filter-name]:not(.filter-payment) h4 {
    padding-left: 0
  }
  #filters>div[data-filter-name]:not(.filter-payment) h4:before {
    content: "";
    display: none
  }}
#filters form {
  display: flex;
  margin: 0;
  padding: 1.05rem
}
#filters form input[type=number],#filters form input[type=text] {
  border-width: 1px;
  font-size: .95rem
}
#filters form input[type=number]:last-child,#filters form input[type=text]:last-child {
  margin-right: 0
}
@media only screen and (max-width: 47.99em) {
  #filters form input[type=number],#filters form input[type=text] {
    font-size:16px
  }}
#filters form[data-id] {
  margin-top: .5rem
}
#filters form[data-id] input[type=number],#filters form[data-id] input[type=text] {
  margin-right: .25rem;
  width: 6rem
}
#filters form input::-webkit-inner-spin-button,#filters form input::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0
}
#filters form .button--secondary {
  font-size: .9rem;
  margin-right: 0;
  opacity: 0;
  padding: 0;
  pointer-events: none;
  text-align: center;
  transition: .3s ease-in-out
}
#filters form .button--secondary>span {
  display: flex;
  width: 2.4rem
}
#filters form .button--secondary>span svg {
  margin: auto
}
#filters form.has-min-or-max .button--secondary {
  opacity: 1;
  pointer-events: auto
}
@media only screen and (min-width: 48em) {
  #filters form {
    margin-top:.5rem;
    padding: 0
  }
  #filters div.filter-limit {
    margin-bottom: 1rem!important;
    padding-bottom: 1rem!important
  }
  #filters div.filter-limit .filter__header {
    display: none
  }
  #filters div.filter-limit a span {
    display: block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
  }}
.filters__depts {
  margin-bottom: 2.5rem!important
}
.filters__depts .filter-container {
  padding: 0 1.92rem 1.92rem
}
.filters__depts .filters__more,.filters__depts a {
  color: var(--colors-themed-anchor);
  display: inline-block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}
.filters__depts .filters__more:hover,.filters__depts a:hover {
  color: var(--colors-themed-anchor-hover)
}
.filters__more.foo-link {
  align-self: flex-start;
  color: var(--colors-themed-anchor)
}
.filters__dept h5 {
  color: var(--colors-themed-body-color-light);
  font-size: inherit;
  font-weight: 500;
  margin: 0;
  max-width: 100%;
  overflow: hidden;
  padding: 1.05rem 0;
  text-overflow: ellipsis
}
.filters__dept h5 a {
  font-weight: 700
}
.filter__depts li {
  display: block;
  max-width: 100%;
  min-width: 0;
  overflow: hidden!important;
  text-overflow: ellipsis
}
.filter__depts--trail .filters__dept h5 {
  margin-left: .75rem;
  margin-top: .7rem;
  padding: 0
}
.filter__depts--trail .filters__dept a {
  padding: .25rem 0
}
.filters__cats {
  display: flex;
  flex-direction: column;
  margin: .25rem 0 .5rem .65rem
}
.filters__cats .foo-link,.filters__cats a {
  color: var(--colors-themed-anchor);
  font-size: .97em;
  padding: .55rem 0
}
.filters__cats .foo-link:hover,.filters__cats a:hover {
  color: var(--colors-themed-anchor-hover)
}
.filters__depts .show-all [hidden],.filters__depts.show-all .filter-container>[hidden] {
  display: block!important
}
@media only screen and (min-width: 48em) {
  .filters__dept {
    margin-bottom:.5rem
  }
  .filters__dept h5 {
    border: 0;
    padding: 0
  }
  .filters__depts:not(.filter__depts--trail) {
    border-bottom: 1px solid var(--colors-themed-separator)!important;
    padding-bottom: 1rem!important
  }
  .filters__depts .filter-container {
    padding: 0
  }
  .filters__cats .foo-link,.filters__cats a {
    padding: .35rem 0
  }
  .filter__depts--trail .filters__dept h5 {
    margin-left: .75rem;
    margin-top: .25rem
  }
  .filter__depts--trail .filters__dept {
    margin-bottom: 0
  }
  h4.filters__depts-header {
    color: #767676;
    font-size: .9rem!important;
    font-weight: 400;
    letter-spacing: .5px;
    margin-bottom: 1.2rem!important
  }}
#filters li.new a:after {
  background: #ff9c13;
  border-radius: 2px;
  color: #fff;
  content: "ΝΕΟ";
  font-size: .82rem;
  font-weight: 500;
  line-height: 1;
  margin-left: .5rem;
  padding: .4rem .35rem
}
#filters>div[data-filter-name] {
  background: var(--colors-themed-card-bg);
  border: 1px solid var(--colors-themed-card-border);
  box-shadow: none
}
#filters>div[data-filter-name]:not(:last-child) {
  margin-bottom: 1.05rem
}
#filters div,#filters li a,#filters li span {
  font-size: 1.13rem;
  line-height: 1.35
}
#filters h3 {
  color: var(--colors-themed-body-color-light);
  font-size: 1.2rem;
  margin: 0 0 1rem
}
#filters h4,#page-deals #filters h2 {
  cursor: pointer;
  flex: 1 1;
  font-size: 1.12rem;
  font-weight: 500;
  margin: 0;
  max-width: 100%;
  overflow: hidden;
  padding: 1.05rem;
  position: relative;
  -webkit-user-select: none;
  user-select: none
}
#filters li,#filters ol {
  list-style-type: none;
  padding: 0
}
#filters ol {
  margin-bottom: 0;
  margin-top: 0;
  padding: 0 1.05rem 1.05rem
}
#filters ol:not(:last-child) {
  padding-bottom: 0
}
#filters li {
  border-top: none;
  color: var(--colors-themed-body-color-light);
  display: block;
  font-size: .95rem;
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}
#filters li.hidden {
  display: none!important
}
#filters li.disabled,#filters li.disabled>span {
  opacity: .7;
  pointer-events: none
}
#filters li.disabled svg,#filters li.disabled>span svg {
  pointer-events: none!important
}
#filters li>a,#filters li>span {
  align-items: center;
  color: var(--colors-themed-body-color);
  cursor: pointer;
  display: flex;
  line-height: 1;
  overflow: hidden;
  padding: 1rem 0;
  position: relative;
  text-overflow: ellipsis
}
#filters li>a:before,#filters li>span:before {
  border: 1px solid var(--colors-themed-filter-selectors-border);
  border-radius: 2px;
  content: "";
  display: inline-block;
  flex: none;
  height: 1.1em;
  margin-right: .5rem;
  vertical-align: middle;
  width: 1.1em
}
.no-touch #filters li>a:hover,.no-touch #filters li>span:hover {
  color: #2d69c6;
  text-decoration: none
}
[data-theme=dark] .no-touch #filters li>a:hover,[data-theme=dark] .no-touch #filters li>span:hover {
  text-decoration: underline!important
}
#filters li a[data-c]:after {
  color: #aaa;
  content: attr(data-c);
  font-size: .7rem;
  margin-left: .5rem
}
[data-theme=dark] #filters li a[data-c]:after {
  text-decoration: none!important
}
#filters li.selected>a,#filters li.selected>span {
  color: #ec1639;
  fill: #ec1639;
  position: relative
}
html:not(.touch) #filters li.selected>a:hover,html:not(.touch) #filters li.selected>span:hover {
  color: #ec1639
}
#filters li.selected>a:before,#filters li.selected>span:before {
  background-color: #ec1639;
  background-image: url(https://bp.pstatic.gr/public/dist/e5e242ec9d6c14082a41.svg);
  background-position: 50%;
  background-repeat: no-repeat;
  border-color: #ec1639
}
#filters li.selected li a,[data-theme=dark] #filters li.selected>a,[data-theme=dark] #filters li.selected>span {
  color: inherit
}
html:not(.touch) #filters li.selected li a:hover {
  text-decoration: none
}
#filters li.selected li a:before {
  background-color: inherit;
  border-color: inherit
}
#filters .no-touch li:not(.selected) li.selected a:hover,#filters .no-touch li:not(.selected) li.selected>span:hover {
  color: #ec1639;
  fill: #ec1639
}
#filters .no-touch li:not(.selected) li.selected a:hover:before,#filters .no-touch li:not(.selected) li.selected>span:hover:before {
  background-color: #ec1639;
  border-color: #ec1639
}
.no-touch #filters li:not(.selected) a:hover,.no-touch #filters li:not(.selected)>span:hover {
  color: var(--colors-themed-anchor-hover);
  fill: var(--colors-themed-anchor-hover)
}
.no-touch #filters li:not(.selected) a:hover:before,.no-touch #filters li:not(.selected)>span:hover:before {
  border-color: var(--colors-themed-anchor-hover)
}
#filters ol.sub {
  margin: .2rem 0 .2rem 1.7rem
}
#filters ol.sub li a {
  font-size: .93rem
}
#filters ol.sub li a:before {
  height: .8em;
  width: .8em
}
#filters ol.sub li:first-child a {
  border-top: none
}
#filters ol li a svg.filter-icon,#filters ol li>span svg.filter-icon {
  display: inline-block;
  height: 24px;
  margin-right: .25rem;
  vertical-align: middle;
  width: 24px
}
#filters ol li a svg:not(.filter-icon) {
  flex: none;
  margin-right: .25rem
}
#filters li a small,#filters li>span small {
  color: #999;
  display: inline-block;
  font-size: .88rem;
  margin-left: 1rem
}
#filters li a span.help,#filters li>span span.help {
  border: none;
  flex: none;
  float: right;
  margin: 0 0 0 auto;
  opacity: .4;
  order: 3;
  padding: 0;
  transition: .5s ease-in-out
}
#filters li a span.help:hover,#filters li>span span.help:hover {
  opacity: 1
}
#filters li a span.help svg,#filters li>span span.help svg {
  border: none;
  margin: 0
}
html.touch #filters li a span.help,html.touch #filters li>span span.help {
  display: none
}
#filters [data-type=num] li a:before,#filters [data-type=price] li a:before {
  background-image: none;
  border-radius: 100%;
  border-width: 1px
}
#filters [data-type=num] li.selected a:before,#filters [data-type=price] li.selected a:before {
  background-image: radial-gradient(circle closest-side at center,var(--colors-themed-input-radio-color) 65%,var(--colors-themed-input-radio-bg) 80%)
}
html[data-theme=dark] #filters .filter-container img {
  background-color: #fff;
  border-radius: 4px;
  height: 26px;
  padding: 4px
}
@media only screen and (min-width: 48em) {
  #filters>div[data-filter-name] {
    background:0 0;
    border: none
  }
  #filters>div[data-filter-name]:not(:last-child) {
    margin-bottom: 1.92rem;
    padding-bottom: 0
  }
  #filters div,#filters input,#filters li,#filters li a,#filters li span {
    font-size: 1rem
  }
  #filters h4,#page-deals #filters h2 {
    cursor: auto;
    font-size: 1.05rem;
    padding: 0
  }
  #filters ol {
    margin: 0;
    padding: 0
  }
  #filters div ol li a,#filters div ol li>span {
    border: none;
    color: var(--colors-themed-body-color-light);
    padding: .525rem 0
  }
  #filters div ol li a:before,#filters div ol li>span:before {
    margin-right: .5rem;
    top: .525em
  }
  #filters li {
    overflow: visible;
    white-space: normal
  }
  #filters div ol li:first-child a {
    border-top: none
  }
  #filters .filter-in-stock {
    border-top: 1px solid #eee
  }
  #filters .filter-in-stock h4,#page-deals #filters .filter-in-stock h2 {
    display: none
  }}
[data-theme=dark] .filter-brand-logo {
  background: #fff;
  border-radius: 2px;
  box-shadow: 0 0 0 2px #fff;
  padding: 2px
}
.filter__shoe-sizes {
  display: grid;
  gap: 1.25rem
}
.filter-store li a {
  display: flex;
  padding-left: 2.5rem;
  position: relative
}
.filter-store li a:before {
  order: 1
}
.filter-store li a>span {
  order: 3
}
.filter-store li a:after {
  background-repeat: no-repeat;
  background-size: 16px 16px;
  content: "";
  height: 16px;
  margin-right: .5rem;
  order: 2;
  width: 16px
}
.filter-store li a[data-l="3"]:after {
  background-image: url(https://bp.pstatic.gr/public/dist/095f3e964b5c14ade8be.svg?v=4)
}
.filter-store li a[data-l="2"]:after {
  background-image: url(https://bp.pstatic.gr/public/dist/b2d88e0b4f185d73a33f.svg?v=4)
}
.filter-store li a[data-l="1"]:after {
  background-image: url(https://bp.pstatic.gr/public/dist/c5617f3f11540901da46.svg?v=4)
}
#filters #filter-nearby {
  align-items: center;
  display: flex;
  position: relative;
  white-space: nowrap
}
#filters #filter-nearby>a {
  flex: 1 1;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%
}
html.no-touch #filter-nearby:hover .filter-nearby__options {
  opacity: 1;
  pointer-events: auto
}
.filter-nearby__options {
  border-bottom: 1px dotted;
  color: var(--colors-themed-body-color-lighter);
  cursor: pointer;
  font-size: .925rem!important;
  margin-left: .5rem;
  opacity: 0;
  pointer-events: none;
  transition: all .2s ease-in-out;
  -webkit-user-select: none;
  user-select: none
}
.filter-nearby__options.checked {
  color: #ec1639
}
.filter-nearby__options .icon {
  flex: none
}
.filter-nearby__options:hover {
  border-bottom: 1px solid;
  color: var(--colors-themed-body-color-light)
}
#page-cat #filters #filter-deals span,#page-search #filters #filter-deals span {
  font-weight: 500
}
#page-cat #filters #filter-deals.selected a:before,#page-search #filters #filter-deals.selected a:before {
  background-color: #792f30;
  border-color: #792f30
}
#page-cat #filters #filter-deals a[data-c]:after,#page-search #filters #filter-deals a[data-c]:after {
  background: #fad49e;
  border-radius: 4px;
  color: #792f30!important;
  font-size: .8rem;
  font-variant-numeric: tabular-nums;
  font-weight: 700;
  line-height: 1;
  padding: .3rem .5rem!important
}
#filters li[data-filter=deals] a {
  background: rgba(29,40,43,.03);
  border-radius: 4px;
  box-shadow: 0 0 0 1px rgba(29,40,43,.2);
  margin-bottom: .5rem;
  margin-left: -.5rem;
  margin-right: -.5rem;
  padding: .5rem
}
@media only screen and (min-width: 80em) {
  #filters li[data-filter=deals] a {
    margin-bottom:.75rem;
    margin-left: -.75rem;
    margin-right: -.75rem;
    padding: .75rem
  }}
@media only screen and (min-width: 120em) {
  #filters li[data-filter=deals] a {
    margin-left:-.85rem;
    margin-right: -.85rem;
    padding: .85rem
  }}
[data-theme=dark] #filters li[data-filter=deals] a {
  background: rgba(29,40,43,.9);
  box-shadow: 0 0 0 1px #1d282b
}
[data-theme=default] #filters li[data-filter=deals]:not(.selected) a:before {
  background: #fff
}
#filters li[data-filter=deals]:not(.selected) svg {
  color: #bb7637
}
.color[data-color="0"],[data-color="0"] a,[data-color="0"] span {
  background: #111!important
}
.color[data-color="1"],[data-color="1"] a,[data-color="1"] span {
  background: #305c98!important
}
.color[data-color="2"],[data-color="2"] a,[data-color="2"] span {
  background: #fff!important
}
.color[data-color="3"],[data-color="3"] a,[data-color="3"] span {
  background: #8e302b!important
}
.color[data-color="4"],[data-color="4"] a,[data-color="4"] span {
  background: #eadda6!important
}
.color[data-color="5"],[data-color="5"] a,[data-color="5"] span {
  background: #d43114!important
}
.color[data-color="6"],[data-color="6"] a,[data-color="6"] span {
  background: #eaa82b!important
}
.color[data-color="7"],[data-color="7"] a,[data-color="7"] span {
  background: #faf73a!important
}
.color[data-color="8"],[data-color="8"] a,[data-color="8"] span {
  background: #5db85b!important
}
.color[data-color="9"],[data-color="9"] a,[data-color="9"] span {
  background: #6f2270!important
}
.color[data-color="10"],[data-color="10"] a,[data-color="10"] span {
  background: #f3c3cc!important
}
.color[data-color="11"],[data-color="11"] a,[data-color="11"] span {
  background: #999!important
}
.color[data-color="12"],[data-color="12"] a,[data-color="12"] span {
  background: linear-gradient(to bottom left,red,#ff0 50%,#05c1ff)!important
}
.color[data-color="13"],[data-color="13"] a,[data-color="13"] span {
  background-color: transparent!important
}
.color[data-color="14"],[data-color="14"] a,[data-color="14"] span {
  background: radial-gradient(circle closest-side at 0 0,#c1c1c1 0,#818181 100%)!important
}
.color[data-color="15"],[data-color="15"] a,[data-color="15"] span {
  background: radial-gradient(circle closest-side at 0 0,#ffe270 0,#bf8d47 100%)!important
}
.color[data-color="16"],[data-color="16"] a,[data-color="16"] span {
  background: radial-gradient(circle closest-side at 0 0,#d8a89a 0,#fcdfd7 100%)!important
}
.color[data-color="17"],[data-color="17"] a,[data-color="17"] span {
  background: #85d7ed!important
}
.color[data-color="18"],[data-color="18"] a,[data-color="18"] span {
  background: #010180!important
}
.color[data-color="19"],[data-color="19"] a,[data-color="19"] span {
  background: #44e6d7!important
}
.color[data-color="20"],[data-color="20"] a,[data-color="20"] span {
  background: #3b707d!important
}
.color[data-color="21"],[data-color="21"] a,[data-color="21"] span {
  background: #90001a!important
}
.color[data-color="22"],[data-color="22"] a,[data-color="22"] span {
  background: #ff4392!important
}
.color[data-color="23"],[data-color="23"] a,[data-color="23"] span {
  background: #b97351!important
}
.color[data-color="24"],[data-color="24"] a,[data-color="24"] span {
  background: #3f674a!important
}
.color[data-color="25"],[data-color="25"] a,[data-color="25"] span {
  background: #fd7d6a!important
}
.color[data-color="26"],[data-color="26"] a,[data-color="26"] span {
  background: #9aaf86!important
}
.color[data-color="27"],[data-color="27"] a,[data-color="27"] span {
  background: #eebcad!important
}
.color[data-color="28"],[data-color="28"] a,[data-color="28"] span {
  background: #656565!important
}
.color[data-color="29"],[data-color="29"] a,[data-color="29"] span {
  background: #449996!important
}
.color[data-color="30"],[data-color="30"] a,[data-color="30"] span {
  background: #d6c2a2!important
}
.color[data-color="31"],[data-color="31"] a,[data-color="31"] span {
  background: #f2d2bd!important
}
.color[data-color="32"],[data-color="32"] a,[data-color="32"] span {
  background: radial-gradient(circle closest-side at 0 0,#c8794e 0,#743d24 100%)!important
}
.color[data-color="33"],[data-color="33"] a,[data-color="33"] span {
  background: #265720!important
}
.color[data-color="34"],[data-color="34"] a,[data-color="34"] span {
  background: #e7d3ff!important
}
.color[data-color="35"],[data-color="35"] a,[data-color="35"] span {
  background: #021df5!important
}
.color[data-color="36"],[data-color="36"] a,[data-color="36"] span {
  background: #715541!important
}
.color[data-color="37"],[data-color="37"] a,[data-color="37"] span {
  background: #b55930!important
}
.color[data-color="38"],[data-color="38"] a,[data-color="38"] span {
  background: #cefa05!important
}
.filters__color {
  border-radius: 2px;
  display: block;
  height: 16px;
  margin: 0 .5rem 0 .2rem;
  overflow: hidden;
  pointer-events: none;
  white-space: nowrap;
  width: 16px
}
.filter-colors ol li [data-color="0"] {
  background: #111!important
}
.filter-colors ol li [data-color="1"] {
  background: #305c98!important
}
.filter-colors ol li [data-color="2"] {
  background: #fff!important
}
.filter-colors ol li [data-color="3"] {
  background: #8e302b!important
}
.filter-colors ol li [data-color="4"] {
  background: #eadda6!important
}
.filter-colors ol li [data-color="5"] {
  background: #d43114!important
}
.filter-colors ol li [data-color="6"] {
  background: #eaa82b!important
}
.filter-colors ol li [data-color="7"] {
  background: #faf73a!important
}
.filter-colors ol li [data-color="8"] {
  background: #5db85b!important
}
.filter-colors ol li [data-color="9"] {
  background: #6f2270!important
}
.filter-colors ol li [data-color="10"] {
  background: #f3c3cc!important
}
.filter-colors ol li [data-color="11"] {
  background: #999!important
}
.filter-colors ol li [data-color="12"] {
  background: linear-gradient(to bottom left,red,#ff0 50%,#05c1ff)!important
}
.filter-colors ol li [data-color="13"] {
  background-color: transparent!important
}
.filter-colors ol li [data-color="14"] {
  background: radial-gradient(circle closest-side at 0 0,#c1c1c1 0,#818181 100%)!important
}
.filter-colors ol li [data-color="15"] {
  background: radial-gradient(circle closest-side at 0 0,#ffe270 0,#bf8d47 100%)!important
}
.filter-colors ol li [data-color="16"] {
  background: radial-gradient(circle closest-side at 0 0,#d8a89a 0,#fcdfd7 100%)!important
}
.filter-colors ol li [data-color="17"] {
  background: #85d7ed!important
}
.filter-colors ol li [data-color="18"] {
  background: #010180!important
}
.filter-colors ol li [data-color="19"] {
  background: #44e6d7!important
}
.filter-colors ol li [data-color="20"] {
  background: #3b707d!important
}
.filter-colors ol li [data-color="21"] {
  background: #90001a!important
}
.filter-colors ol li [data-color="22"] {
  background: #ff4392!important
}
.filter-colors ol li [data-color="23"] {
  background: #b97351!important
}
.filter-colors ol li [data-color="24"] {
  background: #3f674a!important
}
.filter-colors ol li [data-color="25"] {
  background: #fd7d6a!important
}
.filter-colors ol li [data-color="26"] {
  background: #9aaf86!important
}
.filter-colors ol li [data-color="27"] {
  background: #eebcad!important
}
.filter-colors ol li [data-color="28"] {
  background: #656565!important
}
.filter-colors ol li [data-color="29"] {
  background: #449996!important
}
.filter-colors ol li [data-color="30"] {
  background: #d6c2a2!important
}
.filter-colors ol li [data-color="31"] {
  background: #f2d2bd!important
}
.filter-colors ol li [data-color="32"] {
  background: radial-gradient(circle closest-side at 0 0,#c8794e 0,#743d24 100%)!important
}
.filter-colors ol li [data-color="33"] {
  background: #265720!important
}
.filter-colors ol li [data-color="34"] {
  background: #e7d3ff!important
}
.filter-colors ol li [data-color="35"] {
  background: #021df5!important
}
.filter-colors ol li [data-color="36"] {
  background: #715541!important
}
.filter-colors ol li [data-color="37"] {
  background: #b55930!important
}
.filter-colors ol li [data-color="38"] {
  background: #cefa05!important
}
.filters__color[data-color="2"],[data-color="2"] a,[data-color="2"] span {
  box-shadow: inset 0 0 0 1px #c3c4c7
}
.filters__color[data-color="13"],[data-color="13"] a,[data-color="13"] span {
  background-image: linear-gradient(45deg,#ccc 25%,transparent 0),linear-gradient(-45deg,#ccc 25%,transparent 0),linear-gradient(45deg,transparent 75%,#ccc 0),linear-gradient(-45deg,transparent 75%,#ccc 0)!important;
  background-position: 0 0,0 5px,5px -5px,-5px 0!important;
  background-size: 10px 10px!important
}
.filters-accord__group {
  border-bottom: 1px solid var(--colors-themed-separator);
  margin: 0
}
.filters-accord__title {
  align-items: center;
  border-radius: .25rem;
  color: var(--colors-themed-button-secondary-color);
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  line-height: 1;
  margin: 0 1.05rem;
  padding: 1rem 0;
  -webkit-user-select: none;
  user-select: none
}
.filters-accord__title .icon {
  height: 10px;
  margin: 0;
  opacity: .4;
  transform: rotate(180deg);
  transition: transform .3s ease-in-out;
  transition-property: transform,opacity;
  width: 10px
}
.filters-accord__values {
  overflow: hidden
}
.filters-accord__values ol {
  margin: 0 0 .5rem!important
}
.filters-accord__group:not(.filters-accord__group--open) .filters-accord__values {
  display: none
}
.filters-accord__group--open .filters-accord__title .icon {
  opacity: 1;
  transform: none
}
@media only screen and (min-width: 48em) {
  .filters-accord__title {
    margin:0
  }}
.filter-1994 ol li a:before,.filter-2981 ol li a:before,.filter-3135 ol li a:before,.filter-3136 ol li a:before,.filter-3406 ol li a:before,.filter-3692 ol li a:before,.filter-3830 ol li a:before,.filter-4272 ol li a:before {
  order: 1
}
.filter-1994 ol li a span,.filter-2981 ol li a span,.filter-3135 ol li a span,.filter-3136 ol li a span,.filter-3406 ol li a span,.filter-3692 ol li a span,.filter-3830 ol li a span,.filter-4272 ol li a span {
  order: 3
}
.filter-1994 ol li a:after,.filter-2981 ol li a:after,.filter-3135 ol li a:after,.filter-3136 ol li a:after,.filter-3406 ol li a:after,.filter-3692 ol li a:after,.filter-3830 ol li a:after,.filter-4272 ol li a:after {
  background: currentColor;
  border-radius: 100%;
  content: "";
  height: 16px;
  margin-right: .5rem;
  order: 2;
  width: 16px
}
[data-id="55313"]:after {
  color: #f2d2af
}
[data-id="58202"]:after {
  color: #ffa552
}
[data-id="57352"]:after {
  color: #d94fe0
}
[data-id="57357"]:after {
  color: #f9376e
}
[data-id="51191"]:after {
  color: #eb001d
}
[data-id="51457"]:after {
  color: #4184d1
}
[data-id="41031"]:after {
  color: #e8d91c
}
[data-id="41289"]:after,[data-id="51791"]:after {
  box-shadow: inset 0 0 0 1px #d4d4d4;
  color: #fff
}
[data-id="40524"]:after {
  background-image: linear-gradient(137deg,#ffea00,#ad7100)!important
}
[data-id="40522"]:after,[data-id="41211"]:after {
  background-image: linear-gradient(137deg,#f5f5f5,#a8a8a8)!important
}
[data-id="55313"]:after,[data-id="57367"]:after {
  color: #f9ae87
}
[data-id="51332"]:after,[data-id="64309"]:after {
  color: #639335
}
[data-id="51127"]:after {
  color: #a43506
}
[data-id="57347"]:after,[data-id="65893"]:after {
  color: #b01633
}
[data-id="57363"]:after,[data-id="58202"]:after {
  color: #f74c02
}
[data-id="51128"]:after {
  color: #ccc
}
[data-id="41030"]:after,[data-id="64307"]:after {
  color: #333
}
[data-id="55535"]:after {
  color: #f98795
}
[data-id="58191"]:after {
  color: #adc8f1
}
[data-id="65007"]:after {
  color: #30d5c7
}
[data-id="64515"]:after {
  box-shadow: inset 0 0 0 1px #d4d4d4;
  color: transparent
}
[data-id="62471"]:after {
  background-image: linear-gradient(137deg,#ff1a02,#f8e71c 50%,#32c9e9)!important
}
.filter-3692 ol li [data-id="65447"]:after {
  background-image: radial-gradient(#fff 25%,#e8d91c 75%)!important;
  box-shadow: inset 0 0 0 1px #d4d4d4
}
.filter-3692 ol li [data-id="41031"]:after {
  background-image: radial-gradient(#fff 0,#e8d91c 90%)!important
}
.filter-3692 ol li [data-id="51191"]:after {
  background-image: radial-gradient(#fff 0,#eb221c 90%)!important
}
.filter-3692 ol li [data-id="51457"]:after {
  background-image: radial-gradient(#fff 0,#4184d1 90%)!important
}
.filter-3692 ol li [data-id="57352"]:after {
  background-image: radial-gradient(#fff 0,#d94fe0 90%)!important
}
.filter-3692 ol li [data-id="62471"]:after {
  background-image: linear-gradient(137deg,#ff1a02,#f8e71c 50%,#32c9e9)!important
}
.filter-3692 ol li [data-id="51332"]:after {
  background-image: radial-gradient(#fff 0,#639335 90%)!important
}
.filter-3692 ol li [data-id="55535"]:after {
  background-image: radial-gradient(#fff 0,#f98795 90%)!important
}
.filter-3692 ol li [data-id="65448"]:after {
  background-image: radial-gradient(#fff 25%,#a8a8a8 75%)!important;
  box-shadow: inset 0 0 0 1px #d4d4d4
}
.filters__header {
  align-items: flex-start;
  display: flex;
  display: none;
  justify-content: space-between;
  min-height: 30px
}
#filters .filters__header .filters__header-title {
  font-size: 1.2rem;
  font-weight: 500
}
#filters h3.filters__header-title.filters__header-title--filters {
  margin-bottom: 2rem
}
a.filters__header-remove {
  border-bottom: 1px dotted;
  color: inherit;
  display: flex;
  font-size: .92rem;
  margin-left: .5rem;
  margin-right: .5rem;
  opacity: .85;
  padding: .1rem 0;
  transition: all .2s ease-in-out
}
.filter__header a.filters__header-remove {
  opacity: 0
}
@media (hover: hover) {
  #filters [data-filter-name]:hover a.filters__header-remove {
    opacity:1
  }}
html.no-touch a.filters__header-remove:hover {
  border-bottom-style: solid
}
.filter__header {
  align-items: center;
  display: flex;
  justify-content: space-between
}
.filter__header .tooltip {
  flex: none
}
@media only screen and (min-width: 48em) {
  .filters__header {
    display:flex;
    padding-bottom: .768rem
  }
  .filter__header {
    align-items: flex-start;
    min-height: 30px
  }
  .filter__header h4 {
    min-height: 27px
  }
  a.filters__header-remove {
    margin-right: 0
  }}
html.no-touch a.filters__header-remove:hover {
  text-decoration: none
}
.filters__md-toggler {
  align-items: center;
  background: #f1f0f5;
  border: 1px solid #c7c7c7;
  border-left: none;
  border-radius: 0 3px 3px 0;
  box-shadow: 5px 0 20px 0 rgba(0,0,0,.12);
  color: var(--colors-themed-body-color);
  cursor: e-resize;
  display: none;
  height: 130px;
  justify-content: center;
  left: 0;
  overflow: hidden;
  pointer-events: none;
  position: fixed;
  top: 50%;
  transform: translateX(0) translateY(-50%);
  transition: all .3s ease-in-out;
  -webkit-user-select: none;
  user-select: none;
  width: 34px;
  z-index: 999999999
}
[data-theme=dark] .filters__md-toggler {
  background: #2c3035;
  border: 0;
  box-shadow: 5px 0 25px 0 rgba(0,0,0,.22)
}
#page-deals .filters__md-toggler p,.filters__md-toggler h5 {
  align-items: center;
  display: flex;
  font-size: .95rem;
  font-weight: 700;
  letter-spacing: .5px;
  line-height: normal;
  margin: 0;
  transform: rotate(-90deg) translateX(-8px);
  transform-origin: 50% 50%;
  white-space: nowrap
}
#page-deals .filters__md-toggler p .icon,.filters__md-toggler h5 .icon {
  flex: none;
  margin-right: 1rem
}
.filters-open-on-md-only .filters__md-toggler .icon {
  color: #ec1639!important
}
[data-theme=dark] .filters-open-on-md-only .filters__md-toggler .icon {
  color: #fff!important
}
@media only screen and (min-width: 48em) and (max-width:53em) {
  .filters__md-toggler {
    display:flex!important;
    pointer-events: auto
  }
  body:not(.filters-open-on-md-only) .page-products__filters {
    margin-left: calc(-200px - 1.92rem);
    transition: all .3s ease-in-out;
    transition-property: margin-left
  }
  body:not(.filters-open-on-md-only) .filters__md-toggler {
    opacity: 1;
    pointer-events: auto;
    transform: translateX(0) translateY(-50%)
  }
  body:not(.filters-open-on-md-only) #filters__scrollback {
    display: none
  }}
.filters__buttons {
  background: var(--colors-themed-body-bg);
  bottom: -1.25rem;
  display: flex;
  flex-direction: column;
  padding: 1rem 0;
  position: sticky;
  z-index: 9999999999
}
.filters__buttons .button {
  font-weight: 600;
  margin: .25rem 0
}
@media only screen and (min-width: 48em) {
  .filters__buttons {
    display:none
  }}
.range--as-popup {
  min-width: 240px
}
.range--as-popup .range__ranges-popup {
  background: 0 0;
  border: 0;
  margin-top: .5rem;
  padding: 0;
  position: static
}
.range--as-popup .range__range {
  background-color: var(--colors-themed-card-bg);
  background: var(--colors-themed-82566917);
  border: 0;
  border-radius: 4px;
  box-shadow: 0 1px 2px rgba(0,0,0,.02);
  padding: .7rem
}
@media only screen and (min-width: 48em) {
  .range--as-popup .range__range {
    padding:1.44rem
  }}
:root {
  --colors-themed-82566917: #dde2e6
}
[data-theme=dark] {
  --colors-themed-82566917: #23272b
}
.range--as-popup .range__bar {
  background: var(--colors-themed-card-border)
}
.range--as-popup .range__form,.range--as-popup .range__range {
  font-size: .92rem;
  font-size: 16px
}
.range--as-popup .range__slider {
  width: 100%
}
.range--as-popup .range__form {
  justify-content: space-between;
  width: 100%
}
.range--as-popup form.range__form .range__input {
  width: 6rem!important
}
.range__footer {
  display: flex;
  flex-direction: column;
  margin-top: calc(10px + .7rem);
  width: 100%
}
.range__form-wrapper {
  display: flex;
  flex: none
}
.range__form {
  align-items: center;
  display: flex;
  font-size: .88rem;
  margin: 0!important;
  padding: 0!important
}
.range__form-label {
  color: var(--colors-themed-body-color-light);
  margin: 0 .3rem;
  -webkit-user-select: none;
  user-select: none
}
form.range__form .range__input {
  border: 1px solid var(--colors-themed-input-border);
  border-radius: 2px;
  font-size: inherit;
  font-variant-numeric: tabular-nums;
  margin: 0;
  padding: .5rem;
  text-align: center;
  width: 4.4rem!important
}
form.range__form .range__input:focus {
  text-align: left
}
form.range__form .range__input--hover-value {
  color: #ec1639
}
.range__form-submit {
  display: flex;
  justify-content: center;
  margin-top: 1rem;
  width: 100%
}
@media only screen and (min-width: 48em) {
  .range__form-submit {
    display:none
  }}
@media only screen and (min-width: 80em) {
  .range__form-label {
    margin:0 .5rem
  }
  form.range__form .range__input {
    width: 5.35rem!important
  }}
@media only screen and (max-width: 47.99em) {
  form.range__form input.range__input {
    font-size:16px!important;
    width: 6rem!important
  }}
#filters .range__form {
  margin: 0;
  padding: 0
}
.range__graph {
  height: 20px;
  left: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: -1px;
  -webkit-user-select: none;
  user-select: none;
  width: 100%;
  z-index: 0
}
.range__graph-item {
  background: var(--colors-themed-67716163);
  bottom: 0;
  height: 100px;
  position: absolute
}
:root {
  --colors-themed-67716163: #dde2e6
}
[data-theme=dark] {
  --colors-themed-67716163: #758190
}
.range__ranges {
  display: flex;
  flex: 1 1;
  flex-shrink: 0;
  justify-content: flex-start;
  margin-right: .5rem
}
.range--as-popup .range__ranges {
  margin-right: 0
}
.range__ranges-popup {
  background: #fff;
  border: 1px solid var(--colors-themed-card-border);
  border-radius: 4px;
  box-shadow: 0 1px 2px 0 rgba(0,0,0,.03);
  display: flex;
  flex-direction: column;
  left: 0;
  margin-top: 2px;
  padding: .5rem;
  position: absolute;
  top: 100%;
  -webkit-user-select: none;
  user-select: none;
  width: 100%
}
[data-theme=dark] .range__ranges-popup {
  background: var(--colors-themed-card-bg);
  box-shadow: 0 1px 2px 0 rgba(0,0,0,.3)
}
.range__range {
  align-items: center;
  border-radius: 2px;
  color: var(--colors-themed-body-color);
  cursor: pointer;
  display: flex;
  font-size: .82rem;
  font-variant-numeric: tabular-nums;
  justify-content: space-between;
  margin: 2px 0;
  padding: .5rem;
  -webkit-user-select: none;
  user-select: none
}
.range__range--selected {
  color: #ec1639
}
.range__range[data-cnt]:after {
  color: #767676;
  content: attr(data-cnt);
  font-size: .8em
}
.range__ranges-button {
  align-items: center;
  border: 1px solid var(--colors-themed-button-secondary-border);
  border-radius: .25rem;
  color: var(--colors-themed-body-color-light);
  display: flex;
  flex: none;
  justify-content: center;
  margin-right: .5rem;
  max-width: 11rem;
  padding: 0 .5rem;
  -webkit-user-select: none;
  user-select: none;
  width: 100%
}
.range__ranges-button .icon {
  height: 8px;
  margin: 0;
  transform: rotate(180deg);
  transition: transform .1s ease-in-out;
  width: 8px
}
.range__ranges--open .range__ranges-button .icon {
  transform: none
}
.no-touch .range__range:hover {
  background-color: var(--colors-themed-32223465)
}
:root {
  --colors-themed-32223465: #eceff1
}
[data-theme=dark] {
  --colors-themed-32223465: #546076
}
.range__slider {
  align-items: flex-end;
  cursor: pointer;
  display: flex;
  height: 20px;
  justify-content: center;
  position: relative;
  touch-action: none;
  -webkit-user-select: none;
  user-select: none;
  width: calc(100% - 20px)
}
.range__slider--has-graph {
  height: 20px
}
.range__slider--active .range__knob {
  pointer-events: none
}
.range__slider--active .range__bar--active {
  background: red
}
.range__bar {
  background: var(--colors-themed-card-border);
  border-radius: 2px;
  height: 2px;
  width: 100%;
  z-index: 1
}
.range__bar--active {
  background: var(--colors-themed-99815356);
  bottom: 0;
  cursor: pointer;
  margin-top: -1px;
  pointer-events: none;
  position: absolute;
  width: auto;
  z-index: 2
}
:root {
  --colors-themed-99815356: #2d69c6
}
[data-theme=dark] {
  --colors-themed-99815356: #363e44
}
.range__knob {
  background: var(--colors-themed-23336942);
  border: 2px solid var(--colors-themed-body-bg);
  border-radius: 100%;
  bottom: -9px;
  box-shadow: 0 0 0 0 rgba(236,22,57,0);
  cursor: pointer;
  height: 20px;
  left: 0;
  line-height: 0;
  margin-left: -10px;
  overflow: visible;
  position: absolute;
  transition: box-shadow .3s ease-in-out;
  width: 20px;
  z-index: 2
}
:root {
  --colors-themed-23336942: #2d69c6
}
[data-theme=dark] {
  --colors-themed-23336942: #363e44
}
.range__knob--active {
  background: #ec1639;
  box-shadow: 0 0 0 4px rgba(236,22,57,.2);
  transform: scale(1.05)
}
.range__knob--matching {
  background: #ec1639
}
.range {
  align-items: center;
  display: flex;
  flex-direction: column;
  position: relative;
  z-index: 99999
}
#filters .filters__categories.filters__categories ol li a:before {
  content: ""!important;
  display: none!important;
  padding-left: 0
}
#filters .filters__categories.filters__categories ol li span {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}
@media only screen and (min-width: 48em) {
  #filters .filters__categories.filters__categories {
    margin-bottom:2rem
  }}
#filters .filters__categories--cards ol {
  display: grid;
  gap: .4rem
}
#filters .filters__categories--cards .filter-search__index {
  display: none
}
#filters .filters__categories--cards>ol a {
  background-color: var(--colors-themed-card-bg);
  border: 1px solid var(--colors-themed-card-border);
  border-radius: 4px;
  border-radius: 8px;
  border-top: 1px solid var(--colors-themed-separator)!important;
  border-color: var(--colors-themed-separator);
  box-shadow: 0 1px 2px rgba(0,0,0,.02);
  display: grid;
  padding: 1.05rem;
  padding: 1rem!important;
  grid-column-gap: 1rem;
  grid-row-gap: .15rem;
  align-content: center;
  align-items: center
}
@media only screen and (min-width: 64em) {
  #filters .filters__categories--cards>ol a {
    grid-template-columns:auto 1fr;
    grid-template-rows: auto auto;
    padding: .5rem!important
  }}
#filters .filters__categories--cards>ol a:after {
  content: ""!important;
  display: none!important
}
#filters .filters__categories--cards .filters__categories-image {
  display: none;
  grid-row: 1/-1
}
@media only screen and (min-width: 64em) {
  #filters .filters__categories--cards .filters__categories-image {
    display:block
  }}
#filters .filters__categories--cards .filters__categories-image img {
  aspect-ratio: 1;
  height: 60px;
  width: 60px
}
[data-theme=dark] #filters .filters__categories--cards .filters__categories-image img {
  background: #fff;
  border-radius: 4px;
  overflow: hidden;
  padding: .25rem
}
#filters .filters__categories--cards .filters__categories-title {
  align-self: end;
  color: var(--colors-themed-body-color);
  font-weight: 500
}
#filters .filters__categories--cards .filters__categories-cnt {
  align-self: start;
  color: var(--colors-themed-body-color-lighter);
  font-size: .9rem
}
#filter-certified a {
  white-space: nowrap
}
.faq__section {
  position: relative;
  width: 100%
}
section.faq__section>h3 {
  margin-bottom: 1rem!important;
  position: relative
}
section.faq__section>h3 .bpc {
  font-size: 1rem;
  font-weight: 400;
  left: auto!important;
  right: 0;
  -webkit-user-select: none;
  user-select: none
}
.faq__question {
  border-top: 1px solid var(--colors-themed-separator)
}
.faq__question--open .faq__icon {
  transform: none
}
.faq__question:last-child {
  border-bottom: 1px solid var(--colors-themed-separator)
}
.faq__question:has(+.faq__question--hidden) {
  border-bottom: 1px solid var(--colors-themed-separator)
}
.faq__answer {
  font-weight: 400;
  height: 0;
  max-width: 720px;
  overflow: hidden;
  transition: height .25s ease-in-out;
  transition-property: height,margin-top;
  will-change: height,margin-top
}
@media only screen and (min-width: 64em) {
  .faq__answer {
    font-size:1.025rem
  }}
@media only screen and (min-width: 80em) {
  .faq__answer {
    font-size:1.05rem
  }}
.faq__answer-content {
  color: var(--colors-themed-body-color-light);
  line-height: 1.45;
  opacity: 0;
  padding-bottom: 1.05rem;
  transition: all .3s ease-in-out;
  transition-property: transform,opacity
}
@media only screen and (min-width: 64em) {
  .faq__answer-content {
    padding-bottom:1.15rem
  }}
@media only screen and (min-width: 80em) {
  .faq__answer-content {
    padding-bottom:1.2rem
  }}
.faq__answer-content strong {
  color: var(--colors-themed-body-color);
  font-weight: 500
}
.faq__question--open .faq__answer-content {
  opacity: 1;
  transform: none
}
.faq__answer p {
  font-weight: 400;
  line-height: 1.5;
  margin: 0 0 .9rem
}
.faq__answer a {
  color: currentColor;
  font-weight: inherit;
  text-decoration: underline
}
.faq__answer ol,.faq__answer ul {
  list-style-type: disc;
  margin: 1rem 0;
  padding-left: 2rem
}
.faq__answer li {
  font-weight: 400;
  line-height: 1.4;
  list-style-type: disc;
  margin: .75rem 0;
  padding: initial
}
.faq__answer li:last-child,.faq__answer p:last-child {
  margin-bottom: 0
}
.faq__header {
  align-items: center;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  margin: 0;
  padding: 1.05rem 0;
  -webkit-user-select: none;
  user-select: none
}
@media only screen and (min-width: 64em) {
  .faq__header {
    padding:1.15rem 0
  }}
@media only screen and (min-width: 80em) {
  .faq__header {
    padding:1.2rem 0
  }}
.faq__icon {
  color: #767676;
  flex: none;
  margin-left: 1em;
  transform: rotate(180deg);
  transition: transform .2s ease-in-out
}
.faq__header h3 {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.35;
  margin: 0;
  text-align: left
}
.faq__header h3>a {
  color: inherit
}
html.no-touch .faq__header h3>a:hover {
  color: inherit;
  text-decoration: none
}
@media only screen and (min-width: 48em) {
  .faq__section {
    display:block
  }
  .faq__header h3 {
    font-size: 1.07rem
  }}
@media only screen and (min-width: 80em) {
  .faq__header h3 {
    font-size:1.125rem
  }}
.faq__question.faq__question--hidden {
  display: none
}
.categories__category {
  background: #fff;
  border: 1px solid #eaeaea;
  border-radius: 8px;
  box-shadow: 0 2px 5px rgba(0,0,0,.02);
  color: inherit;
  display: grid;
  gap: .75rem;
  grid-template-rows: max-content 1fr;
  padding: 1rem;
  position: relative;
  text-decoration: none;
  transition: all .25s ease-in-out;
  transition-property: border,box-shadow;
  -webkit-user-select: none;
  user-select: none
}
[data-theme=dark] .categories__category {
  background: #26282c;
  border: 0;
  box-shadow: inset 0 0 0 1px #26282c;
  transition: all .18s ease-in-out
}
@media only screen and (min-width: 48em) {
  .categories__category {
    padding:1rem
  }}
.categories__category[href] {
  color: inherit
}
@media (hover: hover) {
  .categories__category[href]:hover {
    border-color:#c3c4c7;
    text-decoration: none
  }
  [data-theme=dark] .categories__category[href]:hover {
    border: 0;
    border-color: transparent;
    box-shadow: inset 0 0 0 1px #444
  }}
@media only screen and (min-width: 48em) {
  .categories__category {
    gap:1rem
  }}
@media only screen and (min-width: 64em) {
  .categories__category {
    gap:1.15rem;
    padding: 1.25rem
  }}
@media only screen and (min-width: 80em) {
  .categories__category {
    gap:1.25rem;
    padding: 1.5rem
  }}
@media only screen and (min-width: 120em) {
  .categories__category {
    gap:1.5rem;
    gap: 1.75rem;
    padding: 1.6rem
  }}
.categories__category img {
  aspect-ratio: 1;
  display: block;
  height: auto;
  width: 100%
}
.categories__category--adult img {
  opacity: 0
}
@supports (filter: blur()) {
  .categories__category--adult img {
    filter:blur(12px);
    opacity: .85
  }}
html body .categories--scrollable.categories--scrollable {
  display: grid;
  flex: none;
  gap: .65rem;
  grid-auto-columns: calc(45.45455% - .35455rem);
  grid-auto-flow: column
}
html body .categories--scrollable.categories--scrollable>.p {
  min-width: calc(45.45455% - .35455rem)
}
html body .categories--scrollable.categories--scrollable:last-child {
  margin-right: 0
}
html body .categories--scrollable.categories--scrollable.scroll__content {
  display: grid
}
@media only screen and (min-width: 20em) {
  html body .categories--scrollable.categories--scrollable {
    display:grid;
    flex: none;
    gap: .65rem;
    grid-auto-columns: calc(45.45455% - .35455rem);
    grid-auto-flow: column
  }
  html body .categories--scrollable.categories--scrollable>.p {
    min-width: calc(45.45455% - .35455rem)
  }
  html body .categories--scrollable.categories--scrollable:last-child {
    margin-right: 0
  }
  html body .categories--scrollable.categories--scrollable.scroll__content {
    display: grid
  }}
@media only screen and (min-width: 23em) {
  html body .categories--scrollable.categories--scrollable {
    display:grid;
    flex: none;
    gap: .7rem;
    grid-auto-columns: calc(43.47826% - .39565rem);
    grid-auto-flow: column
  }
  html body .categories--scrollable.categories--scrollable>.p {
    min-width: calc(43.47826% - .39565rem)
  }
  html body .categories--scrollable.categories--scrollable:last-child {
    margin-right: 0
  }
  html body .categories--scrollable.categories--scrollable.scroll__content {
    display: grid
  }}
@media only screen and (min-width: 25.8em) {
  html body .categories--scrollable.categories--scrollable {
    display:grid;
    flex: none;
    gap: .8rem;
    grid-auto-columns: calc(40% - .48rem);
    grid-auto-flow: column
  }
  html body .categories--scrollable.categories--scrollable>.p {
    min-width: calc(40% - .48rem)
  }
  html body .categories--scrollable.categories--scrollable:last-child {
    margin-right: 0
  }
  html body .categories--scrollable.categories--scrollable.scroll__content {
    display: grid
  }}
@media only screen and (min-width: 35.5em) {
  html body .categories--scrollable.categories--scrollable {
    display:grid;
    flex: none;
    gap: 1rem;
    grid-auto-columns: calc(31.25% - .6875rem);
    grid-auto-flow: column
  }
  html body .categories--scrollable.categories--scrollable>.p {
    min-width: calc(31.25% - .6875rem)
  }
  html body .categories--scrollable.categories--scrollable:last-child {
    margin-right: 0
  }
  html body .categories--scrollable.categories--scrollable.scroll__content {
    display: grid
  }}
@media only screen and (min-width: 48em) {
  html body .categories--scrollable.categories--scrollable {
    display:grid;
    flex: none;
    gap: 1.05rem;
    grid-auto-columns: calc(28.57143% - .75rem);
    grid-auto-flow: column
  }
  html body .categories--scrollable.categories--scrollable>.p {
    min-width: calc(28.57143% - .75rem)
  }
  html body .categories--scrollable.categories--scrollable:last-child {
    margin-right: 0
  }
  html body .categories--scrollable.categories--scrollable.scroll__content {
    display: grid
  }}
@media only screen and (min-width: 48em) and (max-width:53em) {
  html body .categories--scrollable.categories--scrollable {
    display:grid;
    flex: none;
    gap: 1.05rem;
    grid-auto-columns: calc(22.22222% - .81667rem);
    grid-auto-flow: column
  }
  html body .categories--scrollable.categories--scrollable>.p {
    min-width: calc(22.22222% - .81667rem)
  }
  html body .categories--scrollable.categories--scrollable:last-child {
    margin-right: 0
  }
  html body .categories--scrollable.categories--scrollable.scroll__content {
    display: grid
  }}
@media only screen and (min-width: 64em) {
  html body .categories--scrollable.categories--scrollable {
    display:grid;
    flex: none;
    gap: 1.1rem;
    grid-auto-columns: calc(20.83333% - .87083rem);
    grid-auto-flow: column
  }
  html body .categories--scrollable.categories--scrollable>.p {
    min-width: calc(20.83333% - .87083rem)
  }
  html body .categories--scrollable.categories--scrollable:last-child {
    margin-right: 0
  }
  html body .categories--scrollable.categories--scrollable.scroll__content {
    display: grid
  }}
@media only screen and (min-width: 80em) {
  html body .categories--scrollable.categories--scrollable {
    display:grid;
    flex: none;
    gap: 1.25rem;
    grid-auto-columns: calc(18.18182% - 1.02273rem);
    grid-auto-flow: column
  }
  html body .categories--scrollable.categories--scrollable>.p {
    min-width: calc(18.18182% - 1.02273rem)
  }
  html body .categories--scrollable.categories--scrollable:last-child {
    margin-right: 0
  }
  html body .categories--scrollable.categories--scrollable.scroll__content {
    display: grid
  }}
@media only screen and (min-width: 120em) {
  html body .categories--scrollable.categories--scrollable {
    grid-auto-columns:calc(16.66667% - .83333rem)
  }
  html body .categories--scrollable.categories--scrollable>.p {
    min-width: calc(16.66667% - .83333rem)
  }
  html body .categories--scrollable.categories--scrollable {
    display: grid;
    flex: none;
    gap: 1rem;
    grid-auto-columns: calc(14.28571% - .85714rem);
    grid-auto-flow: column
  }
  html body .categories--scrollable.categories--scrollable>.p {
    min-width: calc(14.28571% - .85714rem)
  }
  html body .categories--scrollable.categories--scrollable:last-child {
    margin-right: 0
  }
  html body .categories--scrollable.categories--scrollable.scroll__content {
    display: grid
  }}
@media only screen and (min-width: 150em) {
  html body .categories--scrollable.categories--scrollable {
    display:grid;
    flex: none;
    gap: 1rem;
    grid-auto-columns: calc(14.28571% - .85714rem);
    grid-auto-flow: column
  }
  html body .categories--scrollable.categories--scrollable>.p {
    min-width: calc(14.28571% - .85714rem)
  }
  html body .categories--scrollable.categories--scrollable:last-child {
    margin-right: 0
  }
  html body .categories--scrollable.categories--scrollable.scroll__content {
    display: grid
  }}
.categories__title {
  display: -webkit-box;
  font-size: 1rem;
  font-weight: 500;
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical
}
@media only screen and (min-width: 48em) {
  .categories__title {
    font-size:1.02rem
  }}
@media only screen and (min-width: 64em) {
  .categories__title {
    font-size:1.03rem
  }}
@media only screen and (min-width: 80em) {
  .categories__title {
    font-size:1.05rem
  }}
.categories {
  display: grid;
  gap: .5rem;
  width: 100%
}
.categories .categories__category {
  max-width: 250px
}
@media only screen and (min-width: 20em) {
  .categories:not(.categories--scrollable) {
    grid-template-columns:repeat(2,1fr)
  }}
@media only screen and (min-width: 25.8em) {
  .categories:not(.categories--scrollable) {
    grid-template-columns:repeat(3,1fr)
  }}
@media only screen and (min-width: 35.5em) {
  .categories:not(.categories--scrollable) {
    gap:.75rem;
    grid-template-columns: repeat(auto-fill,minmax(140px,1fr))
  }}
@media only screen and (min-width: 48em) {
  .categories:not(.categories--scrollable) {
    grid-template-columns:repeat(auto-fill,minmax(160px,1fr))
  }}
@media only screen and (min-width: 64em) {
  .categories:not(.categories--scrollable) {
    gap:1.1rem;
    grid-template-columns: repeat(auto-fill,minmax(180px,1fr))
  }}
@media only screen and (min-width: 80em) {
  .categories:not(.categories--scrollable) {
    gap:1.2rem;
    grid-template-columns: repeat(auto-fill,minmax(200px,1fr))
  }}
@media only screen and (min-width: 120em) {
  .categories:not(.categories--scrollable) {
    gap:1.3rem
  }}
.categories__cnt {
  color: var(--colors-themed-body-color-lightest);
  font-variant-numeric: tabular-nums
}
.popup-header {
  display: grid;
  gap: .25rem;
  margin-bottom: 1rem
}
.popup-header .intro {
  color: var(--colors-themed-body-color-light);
  line-height: 1.35
}
.popup-header .intro strong {
  color: var(--colors-themed-body-color);
  font-weight: 500
}
.popup-header h1 {
  color: var(--colors-themed-body-color);
  font-size: 1.28rem;
  font-weight: 700;
  margin: 0;
  width: 100%
}
.popup-header h2 {
  color: var(--colors-themed-body-color-light);
  font-size: 1.18rem;
  font-weight: 400;
  margin: 0;
  opacity: .7
}
@media only screen and (min-width: 35.5em) {
  .popup-header {
    margin-bottom:1.5rem
  }
  .popup-header h1 {
    font-size: 1.4rem
  }}
@media only screen and (min-width: 48em) {
  .popup-header h1 {
    font-size:1.5rem
  }}
.page-header .trail__back {
  align-items: center;
  color: var(--colors-themed-body-color);
  display: flex;
  display: none;
  flex: none;
  justify-content: flex-start;
  margin-bottom: .5rem;
  margin-right: .25rem;
  transform: rotate(180deg)
}
.page-header .trail__back svg {
  fill: none;
  margin: 0;
  stroke: var(--colors-themed-body-color)
}
.page-header__brand {
  display: none;
  margin-right: 1rem;
  right: 0
}
@media only screen and (min-width: 80em) {
  .page-header__brand {display:flex}
}
.page-header__count-wrapper {
  align-items: center;
  display: grid;
  grid-auto-flow: column;
  justify-content: start;
  min-width: 0;
  white-space: nowrap
}
.page-header__count-wrapper:has(.alerts-minimal) {padding-top: .25rem}
.page-header__count {
  align-items: center;
  color: var(--colors-themed-body-color-light);
  display: flex;
  flex: 1 1;
  font-variant-numeric: tabular-nums;
  justify-content: space-between;
  white-space: nowrap;
  width: 100%
}
.page-header__count .icon {margin-left: 0}
@media only screen and (min-width: 48em) {
  .page-header__count-wrapper {
    font-size:1.05rem;
    margin-top: .5rem
  }
}
@media only screen and (min-width: 80em) {
  .page-header__count-wrapper {font-size:1.08rem}
}
.page-header__description {
  color: var(--colors-themed-body-color-light);
  font-weight: 400;
  margin: 0 0 .5rem
}
.page-header__description>a {
  color: inherit;
  text-decoration: underline
}
@media only screen and (min-width: 48em) {
  .page-header__description {font-size:1.1em}
}
.page-header__sorting {
  box-shadow: inset 0 -1px 0 0 var(--colors-themed-separator);
  display: none
}
.page-header__sorting>.tabs,.page-header__sorting>.tabs nav a:nth-child(n+4) {display: none}
.page-header__sorting a[data-type=discount] {
  align-items: center;
  color: var(--colors-themed-drop-color)!important;
  display: inline-flex
}
.page-header__sorting a[data-type=discount].current {
  box-shadow: inset 0 -3px 0 #792f30
}
.page-header__sorting a[data-type=discount] .icon {
  flex: none
}
@media only screen and (min-width: 48em) {
  html .page-header__sorting {
    align-items:center;
    display: flex
  }
  html .page-header__sorting>.tabs {
    display: flex
  }}
@media only screen and (min-width: 64em) {
  .page-header__sorting {
    align-items:center;
    display: flex
  }
  .page-header__sorting>.tabs {
    display: flex
  }
  .page-header__sorting>.tabs nav a:nth-child(n+4) {
    display: inline-block
  }
  .page-header--no-sorting+.cat-picks__wrapper {
    margin-top: 0
  }}
.page-header__subtitle {
  color: var(--colors-themed-body-color-light);
  font-size: 1.05rem;
  font-weight: 400;
  margin: .75rem 0
}
.page-header__subtitle a {
  color: var(--colors-themed-body-color);
  text-decoration: underline
}
.page-header__title-wrapper {
  gap: 2rem;
  justify-content: space-between
}
.page-header__title-aside,.page-header__title-wrapper {
  align-items: center;
  display: flex
}
.page-header__title-aside:empty {
  display: none
}
.page-header__title-main {
  align-items: center;
  display: flex;
  flex: 1 1;
  flex-direction: row;
  flex-wrap: wrap
}
.page-header h1 {
  color: var(--colors-themed-body-color);
  display: block;
  font-size: 1.3rem;
  font-weight: 700;
  line-height: 1;
  margin: 0 0 .5rem;
  padding: 0;
  word-break: break-word
}
@media only screen and (min-width: 48em) {
  .page-header h1 {
    font-size:1.7rem;
    font-weight: 700;
    margin-bottom: 0
  }
  .page-header__title-aside {
    align-self: flex-start
  }}
@media only screen and (min-width: 80em) {
  .page-header h1 {
    font-size:1.7rem
  }}
.page-header__view-mode {
  align-items: center;
  color: var(--colors-themed-body-color-light);
  display: none
}
.page-header__view-mode span {
  display: none
}
.page-header__view-mode a {
  display: flex;
  padding: .2rem
}
.page-header__view-mode a,.page-header__view-mode a:hover {
  color: #555!important
}
.page-header__view-mode a.selected,.page-header__view-mode a.selected:hover {
  color: #ec1639!important
}
.page-header__view-mode a svg {
  margin: auto
}
.page-header__view-mode a:first-child {
  margin-left: .5rem
}
@media only screen and (min-width: 48em) {
  .page-header__view-mode {
    display:flex;
    margin-left: auto
  }}
.page-header {
  display: grid;
  gap: 1rem;
  margin-bottom: 1rem;
  position: relative;
  z-index: 9999999
}
.page-header>* {
  min-width: 0
}
@media only screen and (min-width: 48em) {
  .page-header {
    gap:1.5rem
  }}
@media only screen and (min-width: 80em) {
  .page-header {
    gap:1.7rem
  }}
.page-header .tabs {
  box-shadow: none;
  margin-bottom: 0
}
.page-header h1 {
  width: 100%
}
.page-header h1+p,.page-header h2+p {
  color: var(--colors-themed-body-color-lighter);
  font-size: 1.1rem;
  margin-top: .2rem
}
.page-header h1+h2 {
  line-height: 1;
  margin-top: .25rem
}
@media only screen and (min-width: 35.5em) {
  h1+h2 {
    margin-top:.5rem
  }}
@media only screen and (min-width: 48em) {
  .page-header {
    box-shadow:none;
    margin-bottom: 0;
    padding-bottom: 0
  }
  .page-header h1 span {
    display: inline
  }}
.right {
  float: right;
  position: relative
}
@media only screen and (min-width: 48em) {
  .page-header {
    margin-bottom:1.92rem
  }
  html.is-mobile-or-tablet .page-header {
    margin-bottom: .5rem
  }}
.id {
  text-align: left
}
.id .foo-link,.id a {
  align-items: center;
  color: var(--colors-themed-anchor-dark);
  display: inline-flex
}
.id .rating {
  align-items: center;
  display: flex;
  font-size: 1.6rem
}
.id .rating:after {
  content: "";
  font-size: 1.1rem
}
.id__title {
  align-items: center;
  display: flex;
  margin-bottom: .5rem
}
.id__title svg {
  height: 24px;
  margin-right: .5rem;
  width: 24px
}
.id__meta,.id__meta li {
  margin: 0;
  padding: 0
}
.id__meta {
  margin-top: 1rem
}
.id__meta li:first-child {
  border-top: 1px solid var(--colors-themed-separator)
}
.id__meta li {
  border-bottom: 1px solid var(--colors-themed-separator);
  color: var(--colors-themed-body-color-lighter);
  padding: .65rem 0
}
.id__meta li:last-child {
  border-bottom: none
}
.id__meta li svg {
  flex-shrink: 0;
  margin-right: .5rem
}
.id__meta li[data-type=orders] span {
  color: var(--colors-themed-body-color-lighter);
  font-weight: 700
}
.id__meta .social-links {
  margin-top: 1rem
}
.id__rating {
  align-items: center;
  display: flex
}
.id__rating .rating {
  margin-right: .5rem
}
.id__status {
  align-items: center;
  background: #c3c4c7;
  border-radius: 6rem;
  color: #fff;
  display: flex;
  font-size: .8rem;
  font-weight: 500;
  justify-content: center;
  letter-spacing: .5px;
  line-height: 1;
  margin-top: .5rem;
  opacity: 0;
  padding: .5rem .8rem;
  pointer-events: none;
  text-align: center;
  transition: inline-flex;
  vertical-align: baseline;
  width: 100%
}
.id__status--open {
  background: #24b47e
}
.id__status--ready {
  opacity: 1;
  pointer-events: auto
}
.id__meta li[data-type=address] {
  max-width: 100%;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}
.id__meta li[data-type=brands],.id__meta li[data-type=categories] {
  display: none
}
#customer-review-awards-cta {
  cursor: pointer
}
@media only screen and (min-width: 48em) {
  .id {
    text-align:left
  }
  .id__meta li:first-child {
    border-top: none
  }
  .id__meta li {
    border-bottom: none
  }
  .id__rating,.id__tile {
    justify-content: flex-start
  }
  .id__meta li[data-type=brands] {
    display: block;
    line-height: 1.3
  }}
@media only screen and (min-width: 35.5em) {
  .id__status {
    display:inline-flex;
    margin-left: .5rem;
    margin-top: 0;
    width: auto
  }}
@media only screen and (min-width: 48em) {
  .id__meta li[data-type=categories] {
    display:block
  }}
.masthead__wrapper #trail {
  border: 0;
  margin-bottom: 0
}
.masthead {
  display: flex;
  flex-direction: column;
  margin: auto
}
.masthead__main {
  margin-top: 1.05rem;
  text-align: center
}
.masthead__main h1 {
  font-size: 2rem;
  font-weight: 700;
  margin: 0
}
.masthead__main ul {
  list-style-type: none;
  margin: 0;
  padding: 0
}
.masthead__main ul.id__meta {
  margin-top: 1rem
}
.masthead__main .id {
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: left
}
.masthead__aside {
  margin: .5rem 0;
  max-width: 100%;
  position: relative;
  width: 200px
}
.masthead__floater>div:first-child {
  background: #fff
}
@media only screen and (min-width: 48em) {
  .masthead {
    align-items:start;
    flex-direction: row
  }
  .masthead__aside {
    margin: 0 1.92rem 0 0
  }
  .masthead__main {
    margin: 0;
    text-align: left
  }
  .masthead__main .id {
    align-items: flex-start
  }
  .masthead__floater {
    left: 0;
    position: absolute;
    right: 0;
    top: 0
  }}
.links {
  display: flex;
  flex-wrap: wrap
}
html.supports-flex-gap .links {
  gap: 1rem
}
@media only screen and (min-width: 48em) {
  html.supports-flex-gap .links {
    gap:.75rem
  }}
html.supports-flex-gap .links__link {
  margin: 0
}
.links__link {
  align-items: center;
  border: 1px solid #ddd;
  border-color: var(--colors-themed-43208022);
  border-radius: 8px;
  color: var(--colors-themed-body-color-light);
  color: var(--colors-themed-32905352);
  display: flex;
  flex: none;
  line-height: 1;
  margin-bottom: .5rem;
  margin-right: .5rem;
  padding: .65rem;
  white-space: nowrap;
  white-space: pre-wrap
}
:root {
  --colors-themed-43208022: #c3c4c7
}
[data-theme=dark] {
  --colors-themed-43208022: #444
}
:root {
  --colors-themed-32905352: var(--colors-themed-body-color-light)
}
[data-theme=dark] {
  --colors-themed-32905352: #a1a1a1
}
@media only screen and (min-width: 25.8em) {
  .links__link {
    margin-bottom:.75rem;
    margin-right: .75rem
  }}
@media only screen and (min-width: 48em) {
  .links__link {
    padding:.8rem
  }}
@media only screen and (min-width: 80em) {
  .links__link {
    padding:.9rem
  }}
.links__link img {
  border-radius: 100%;
  margin-right: .5rem
}
@media only screen and (max-width: 47.99em) {
  .links__link img {
    display:none
  }}
.links__link .icon:first-child {
  height: 12px;
  margin-right: .5rem;
  opacity: .8;
  width: 12px
}
html.no-touch .links__link:hover {
  text-decoration: none
}
.links--search .links__link {
  font-weight: 500
}
.links--search .links__link small {
  color: var(--colors-themed-body-color-lighter);
  font-size: inherit;
  font-weight: 400
}
@media only screen and (min-width: 48em) {
  .links__link {
    padding:.6rem
  }}
.links__link.links__link--alias {
  font-size: 1.05rem;
  font-weight: 500
}
.page-products__products {
  max-width: 100%
}
@media only screen and (min-width: 48em) {
  .page-products {
    display:flex
  }
  .page-products main {
    flex-grow: 1;
    min-width: 0
  }}
.page-products__filters {
  display: none;
  flex: none
}
@media only screen and (min-width: 48em) {
  .page-products__filters {
    display:block;
    margin-right: 1.92rem;
    width: 200px
  }}
@media only screen and (min-width: 64em) {
  .page-products__filters {
    margin-right:2.496rem;
    width: 220px
  }}
@media only screen and (min-width: 80em) {
  .page-products__filters {
    margin-right:2.784rem;
    width: 230px
  }}
@media only screen and (min-width: 120em) {
  .page-products__filters {
    margin-right:3.552rem;
    width: 240px
  }}
@media only screen and (min-width: 150em) {
  .page-products__filters {
    margin-right:4.224rem;
    width: 250px
  }}
.page-products__queries {
  margin-bottom: 1.05rem
}
.page-products__queries h3 {
  margin-top: 3rem
}
.page-products__extra>.page-products__queries h3 {
  margin-top: 0
}
@media only screen and (min-width: 48em) {
  .page-products__queries {
    margin-bottom:1.92rem
  }
  .page-products__alt-queries section:not(:last-child) {
    border-bottom: 1px solid #ddd;
    margin-bottom: 1.92rem;
    padding-bottom: 1.92rem
  }}
.page-products__top-categories {
  margin-bottom: 2rem
}
@media only screen and (min-width: 80em) {
  .page-products__top-categories {
    margin-bottom:2.5rem
  }}
@media only screen and (min-width: 120em) {
  .page-products__top-categories {
    margin-bottom:3rem
  }}
.page-products__top-categories__inner.page-products__top-categories__inner {
  display: grid!important;
  display: grid;
  flex: none;
  gap: .65rem;
  grid-auto-columns: calc(45.45455% - .35455rem);
  grid-auto-flow: column
}
.page-products__top-categories__inner.page-products__top-categories__inner>.p {
  min-width: calc(45.45455% - .35455rem)
}
.page-products__top-categories__inner.page-products__top-categories__inner:last-child {
  margin-right: 0
}
.page-products__top-categories__inner.page-products__top-categories__inner.scroll__content {
  display: grid
}
@media only screen and (min-width: 23em) {
  .page-products__top-categories__inner.page-products__top-categories__inner {
    display:grid;
    flex: none;
    gap: .85rem;
    grid-auto-columns: calc(40% - .51rem);
    grid-auto-flow: column
  }
  .page-products__top-categories__inner.page-products__top-categories__inner>.p {
    min-width: calc(40% - .51rem)
  }
  .page-products__top-categories__inner.page-products__top-categories__inner:last-child {
    margin-right: 0
  }
  .page-products__top-categories__inner.page-products__top-categories__inner.scroll__content {
    display: grid
  }}
@media only screen and (min-width: 25.8em) {
  .page-products__top-categories__inner.page-products__top-categories__inner {
    display:grid;
    flex: none;
    gap: 1rem;
    grid-auto-columns: calc(35.71429% - .64286rem);
    grid-auto-flow: column
  }
  .page-products__top-categories__inner.page-products__top-categories__inner>.p {
    min-width: calc(35.71429% - .64286rem)
  }
  .page-products__top-categories__inner.page-products__top-categories__inner:last-child {
    margin-right: 0
  }
  .page-products__top-categories__inner.page-products__top-categories__inner.scroll__content {
    display: grid
  }}
@media only screen and (min-width: 35.5em) {
  .page-products__top-categories__inner.page-products__top-categories__inner {
    display:grid;
    flex: none;
    gap: 1rem;
    grid-auto-columns: calc(28.57143% - .71429rem);
    grid-auto-flow: column
  }
  .page-products__top-categories__inner.page-products__top-categories__inner>.p {
    min-width: calc(28.57143% - .71429rem)
  }
  .page-products__top-categories__inner.page-products__top-categories__inner:last-child {
    margin-right: 0
  }
  .page-products__top-categories__inner.page-products__top-categories__inner.scroll__content {
    display: grid
  }}
@media only screen and (min-width: 48em) {
  .page-products__top-categories__inner.page-products__top-categories__inner {
    display:grid;
    flex: none;
    gap: 1.05rem;
    grid-auto-columns: calc(25% - .7875rem);
    grid-auto-flow: column
  }
  .page-products__top-categories__inner.page-products__top-categories__inner>.p {
    min-width: calc(25% - .7875rem)
  }
  .page-products__top-categories__inner.page-products__top-categories__inner:last-child {
    margin-right: 0
  }
  .page-products__top-categories__inner.page-products__top-categories__inner.scroll__content {
    display: grid
  }}
@media only screen and (min-width: 48em) and (max-width:53em) {
  .page-products__top-categories__inner.page-products__top-categories__inner {
    display:grid;
    flex: none;
    gap: 1.05rem;
    grid-auto-columns: calc(22.22222% - .81667rem);
    grid-auto-flow: column
  }
  .page-products__top-categories__inner.page-products__top-categories__inner>.p {
    min-width: calc(22.22222% - .81667rem)
  }
  .page-products__top-categories__inner.page-products__top-categories__inner:last-child {
    margin-right: 0
  }
  .page-products__top-categories__inner.page-products__top-categories__inner.scroll__content {
    display: grid
  }}
@media only screen and (min-width: 64em) {
  .page-products__top-categories__inner.page-products__top-categories__inner {
    display:grid;
    flex: none;
    gap: 1.1rem;
    grid-auto-columns: calc(20.83333% - .87083rem);
    grid-auto-flow: column
  }
  .page-products__top-categories__inner.page-products__top-categories__inner>.p {
    min-width: calc(20.83333% - .87083rem)
  }
  .page-products__top-categories__inner.page-products__top-categories__inner:last-child {
    margin-right: 0
  }
  .page-products__top-categories__inner.page-products__top-categories__inner.scroll__content {
    display: grid
  }}
@media only screen and (min-width: 80em) {
  .page-products__top-categories__inner.page-products__top-categories__inner {
    display:grid;
    flex: none;
    gap: 1.25rem;
    grid-auto-columns: calc(18.18182% - 1.02273rem);
    grid-auto-flow: column
  }
  .page-products__top-categories__inner.page-products__top-categories__inner>.p {
    min-width: calc(18.18182% - 1.02273rem)
  }
  .page-products__top-categories__inner.page-products__top-categories__inner:last-child {
    margin-right: 0
  }
  .page-products__top-categories__inner.page-products__top-categories__inner.scroll__content {
    display: grid
  }}
@media only screen and (min-width: 120em) {
  .page-products__top-categories__inner.page-products__top-categories__inner {
    grid-auto-columns:calc(16.66667% - .83333rem)
  }
  .page-products__top-categories__inner.page-products__top-categories__inner>.p {
    min-width: calc(16.66667% - .83333rem)
  }
  .page-products__top-categories__inner.page-products__top-categories__inner {
    display: grid;
    flex: none;
    gap: 1rem;
    grid-auto-columns: calc(14.28571% - .85714rem);
    grid-auto-flow: column
  }
  .page-products__top-categories__inner.page-products__top-categories__inner>.p {
    min-width: calc(14.28571% - .85714rem)
  }
  .page-products__top-categories__inner.page-products__top-categories__inner:last-child {
    margin-right: 0
  }
  .page-products__top-categories__inner.page-products__top-categories__inner.scroll__content {
    display: grid
  }}
@media only screen and (min-width: 150em) {
  .page-products__top-categories__inner.page-products__top-categories__inner {
    display:grid;
    flex: none;
    gap: 1rem;
    grid-auto-columns: calc(12.5% - .875rem);
    grid-auto-flow: column
  }
  .page-products__top-categories__inner.page-products__top-categories__inner>.p {
    min-width: calc(12.5% - .875rem)
  }
  .page-products__top-categories__inner.page-products__top-categories__inner:last-child {
    margin-right: 0
  }
  .page-products__top-categories__inner.page-products__top-categories__inner.scroll__content {
    display: grid
  }}
.top-cat a {
  background: #fff;
  border: 1px solid #eaeaea;
  border-radius: 8px;
  box-shadow: 0 2px 5px rgba(0,0,0,.02);
  color: inherit;
  display: grid;
  gap: .5rem;
  grid-template-rows: max-content 1fr;
  padding: 1rem;
  position: relative;
  text-decoration: none;
  transition: all .25s ease-in-out;
  transition-property: border,box-shadow
}
[data-theme=dark] .top-cat a {
  background: #26282c;
  border: 0;
  box-shadow: inset 0 0 0 1px #26282c;
  transition: all .18s ease-in-out
}
@media only screen and (min-width: 48em) {
  .top-cat a {
    padding:1rem
  }}
.top-cat a[href] {
  color: inherit
}
@media (hover: hover) {
  .top-cat a[href]:hover {
    border-color:#c3c4c7;
    text-decoration: none
  }
  [data-theme=dark] .top-cat a[href]:hover {
    border: 0;
    border-color: transparent;
    box-shadow: inset 0 0 0 1px #444
  }}
@media only screen and (min-width: 48em) {
  .top-cat a {
    gap:1rem
  }}
@media only screen and (min-width: 64em) {
  .top-cat a {
    padding:1.25rem
  }}
@media only screen and (min-width: 80em) {
  .top-cat a {
    padding:1.5rem
  }}
@media only screen and (min-width: 120em) {
  .top-cat a {
    padding:1.6rem
  }}
.top-cat {
  display: grid
}
.top-cat__meta {
  display: grid;
  gap: .5rem;
  grid-template-rows: 1fr auto
}
@media only screen and (min-width: 48em) {
  .top-cat__meta {
    gap:1rem
  }}
@media only screen and (min-width: 80em) {
  .top-cat__meta {
    gap:1.25rem
  }}
.top-cat img {
  display: block;
  height: auto;
  width: 100%
}
.top-cat h2 {
  font-size: 1.05rem;
  font-weight: 500;
  line-height: 1.3;
  margin: 0
}
.top-cat small {
  color: var(--colors-themed-body-color-light);
  font-size: inherit
}
.page-products__main-wrapper {
  display: flex;
  flex-direction: column
}
.page-products__products {
  flex: 1 0 auto
}
.page-products__products>.products {
  display: flex;
  flex-wrap: wrap
}
html.ie .page-products__main-wrapper--row .page-products__products {
  flex: 1 1
}
@media only screen and (min-width: 80em) {
  .is-view-mode-row .page-products__products {
    max-width:calc(100% - 300px - 1.92rem)
  }
  .page-products__extra-in-side .page-products__main-wrapper {
    flex-direction: row
  }
  .page-products__extra-in-side .webspace {
    margin-bottom: 1.92rem
  }
  .page-products__extra-in-side .page-products__extra {
    align-self: flex-start;
    display: flex;
    flex: none;
    flex-direction: column;
    margin-left: 1.92rem;
    width: 300px
  }
  .adblocked #banner+section,.page-products__extra-in-side .page-products__extra .ads+section,.page-products__extra-in-side .page-products__extra>section:first-child {
    margin-top: 0
  }}
.page-products__deals {
  background-color: var(--colors-themed-card-bg);
  border: 1px solid var(--colors-themed-card-border);
  border-radius: 4px;
  box-shadow: 0 1px 2px rgba(0,0,0,.02);
  display: none;
  padding: 1.05rem
}
@media only screen and (min-width: 48em) {
  .page-products__deals {
    padding:1.44rem
  }}
@media only screen and (min-width: 80em) {
  #root .page-products.page-products__extra-in-side .page-products__deals {
    display:block;
    margin-bottom: 1.92rem
  }}
@media only screen and (min-width: 48em) {
  .page-products__mobile-deals {
    display:none
  }}
.page-products__mobile-deals-header {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin-bottom: 1rem
}
.page-products__mobile-deals-link {
  align-items: center;
  display: flex;
  gap: .5rem
}
@media only screen and (max-width: 47.99em) {
  html.is-bot .page-products__products .product__wrapper:nth-child(n+4) {
    content-visibility:auto
  }}
.information[data-type=merchant-brand]>.root {
  align-items: center;
  display: flex
}
.information[data-type=merchant-brand] .merchant-logo {
  border-radius: .25rem;
  box-shadow: none;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 1rem;
  padding: .25rem;
  width: 90px
}
.information[data-type=merchant-brand] .merchant-logo img {
  box-shadow: 0 0 0 1px #fff,0 0 0 2px #ebebeb;
  margin-top: 0
}
.information[data-type=merchant-brand] .merchant-logo img:hover {
  box-shadow: 0 0 0 1px #fff,0 0 0 2px #ebebeb
}
information[data-type=alt-query] a em {
  font-style: italic;
  font-weight: 700
}
information[data-type=alt-query] h3 {
  font-size: 1.25rem;
  margin: 0 0 .5rem
}
information[data-type=alt-query] h3:last-child {
  margin: 0
}
information[data-type=alt-query] p {
  font-size: .9;
  margin: 0 0 .5rem
}
information[data-type=alt-query] p:last-child {
  margin-bottom: 0
}
.information[data-type=payment] .remove-payment-filters {
  align-items: flex-start;
  border: 1px solid;
  border-radius: .25rem;
  cursor: pointer;
  display: flex;
  justify-content: center;
  margin-top: .5rem;
  max-width: 10rem;
  padding: .5rem;
  text-align: center;
  -webkit-user-select: none;
  user-select: none
}
.information {
  color: var(--colors-themed-56942721);
  font-size: 1rem;
  line-height: 1.35rem;
  padding-bottom: 1rem;
  padding-top: 1rem;
  position: relative
}
:root {
  --colors-themed-56942721: #546e7a
}
[data-theme=dark] {
  --colors-themed-56942721: #dde2e6
}
.information .root {
  padding-right: 1.92rem;
  position: relative
}
.information p {
  margin: 0
}
.information p:last-child {
  margin-bottom: 0
}
.information p+p {
  margin-top: .3rem
}
.information small {
  font-size: .95em
}
.information p .foo-link,.information p a {
  color: inherit;
  text-decoration: underline
}
.information .count {
  color: var(--colors-themed-body-color-light)
}
.information__content {
  display: flex;
  flex-direction: column
}
.information__close {
  cursor: pointer;
  margin-top: -15px;
  padding: 10px;
  position: absolute;
  right: -5px;
  top: 50%
}
.information__close:active {
  transform: translateY(1px)
}
.no-touch .information__close:hover {
  color: #2d69c6
}
.information--center .root {
  align-items: center;
  display: flex
}
.information__icon,.information__logo {
  flex: none;
  margin-right: .5rem
}
.information__logo {
  display: flex
}
.information__logo img {
  margin: auto;
  max-height: 22px;
  max-width: 90px
}
@media only screen and (min-width: 35.5em) {
  .information {
    font-size:1.01rem
  }}
.information[data-type=simqueries] a {
  font-weight: 700
}
.information[data-type=simqueries] a small {
  font-size: inherit;
  font-weight: 400
}
@media only screen and (min-width: 35.5em) {
  .information__logo {
    margin-right:.75rem
  }
  .information__logo img {
    height: auto;
    max-height: 28px
  }}
.pagination,.pagination li {
  font-size: 1.1rem;
  list-style-type: none;
  padding: 0
}
.pagination {
  display: flex;
  line-height: 1;
  margin-bottom: 2.5rem;
  margin-top: 1.92rem;
  text-align: center
}
.pagination li {
  display: none;
  flex: none
}
.pagination li.current a {
  background-color: #ec1639;
  border-color: #ec1639;
  color: #fff;
  text-align: center
}
.pagination li.current a:hover {
  color: #fff
}
.pagination li a {
  align-items: center;
  border: 1px solid var(--colors-themed-button-secondary-border);
  border-radius: .25rem;
  color: inherit;
  font-weight: 700;
  line-height: 1;
  padding: .85rem;
  text-align: center
}
.pagination .current,.pagination .current-near,.pagination .pagination-action,.pagination li a {
  display: inline-flex
}
.pagination li.pagination-action.pagination-action-next {
  margin-right: 0
}
.pagination li.pagination-action span {
  display: none
}
.pagination-hint {
  color: #3e3e3e
}
.pagination li {
  margin-left: .25rem;
  margin-right: .25rem
}
.pagination li:first-of-type {
  margin-left: 0
}
.pagination li:last-of-type {
  margin-right: 0
}
.pagination li.pagination-action-next {
  display: flex;
  flex: 1 1
}
.pagination li.pagination-action-next a {
  align-items: center;
  display: flex;
  justify-content: center;
  width: 100%
}
@media only screen and (min-width: 23em) {
  .pagination li a {
    padding:1rem
  }
  .pagination li.pagination-action-next span {
    display: flex;
    font-weight: 500;
    margin-right: .5rem
  }}
@media only screen and (min-width: 35.5em) {
  .pagination {
    text-align:left
  }
  .pagination li {
    display: none
  }
  .pagination li.pagination-action a span {
    display: inline-flex
  }
  .pagination li.pagination-action.pagination-action-previous a span {
    margin-left: .6rem
  }
  .pagination li.pagination-action.pagination-action-next a span {
    margin-right: .6rem
  }
  .pagination li a,.pagination li.pagination-action.pagination-action-next,.pagination li.pagination-action.pagination-action-previous {
    width: auto
  }
  .pagination li.current {
    display: inline-flex;
    font-weight: 500;
    width: auto
  }
  .pagination li.current-near {
    display: inline-flex
  }
  .pagination li.pagination-hint {
    display: inline-flex;
    margin: 0
  }
  .pagination li.last-page {
    display: inline-flex
  }
  .pagination li.pagination-action-previous+li:not(.current):not(.current-near) {
    align-items: center;
    display: flex
  }
  .pagination li.pagination-action-previous+li:not(.current):not(.current-near):after {
    content: "…";
    margin-left: .5rem
  }
  .pagination[data-current="3"] li.pagination-action-previous+li:not(.current):not(.current-near):after {
    content: "";
    margin: 0
  }}
@media only screen and (min-width: 48em) {
  .pagination {
    display:flex;
    margin-bottom: 1.5rem
  }
  .pagination li.pagination-action-next {
    flex: none
  }
  .pagination li.pagination-action-next a {
    display: flex;
    flex: 1 1;
    width: auto
  }
  .pagination li a {
    font-weight: 500
  }
  .pagination li {
    display: none
  }
  .pagination li.pagination-hint {
    display: none;
    margin: 0
  }
  .pagination li.pagination-action a span {
    display: inline-flex
  }
  .pagination li.current,.pagination li.pagination-action.pagination-action-next,.pagination li.pagination-action.pagination-action-previous {
    width: auto
  }
  .pagination li.current-near {
    display: inline-flex
  }
  .pagination .last-page:before {
    align-self: center;
    content: "…";
    line-height: 1;
    margin-right: .5rem
  }
  .pagination.pagination-has-previous .last-page:before {
    content: "";
    margin-right: 0
  }
  ol.pagination-has-next.pagination-has-previous li.current+li.current-near:after {
    align-self: center;
    content: "…";
    line-height: 1;
    margin-left: .5rem
  }
  ol.pagination-has-next.pagination-has-previous li.current+li.current-near:nth-last-child(2):after {
    content: "";
    margin-left: 0
  }}
@media only screen and (min-width: 64em) {
  .pagination li.pagination-page {
    display:inline-flex
  }
  .pagination.pagination-has-previous li.pagination-page:not(.current):not(.current-near) {
    display: none
  }
  .pagination.pagination-has-previous li.pagination-page:not(.current):not(.current-near):nth-child(2) {
    display: inline-flex
  }}
@media only screen and (min-width: 80em) {
  .pagination li.pagination-page {
    display:inline-flex!important
  }
  .pagination li.pagination-hint {
    display: inline-flex
  }
  .pagination .last-page:before {
    content: "";
    margin-right: 0
  }
  .pagination[data-current="4"] li.pagination-action-previous+li:not(.current):not(.current-near):after,.pagination[data-current="5"] li.pagination-action-previous+li:not(.current):not(.current-near):after,.pagination[data-current="6"] li.pagination-action-previous+li:not(.current):not(.current-near):after,.pagination[data-current="7"] li.pagination-action-previous+li:not(.current):not(.current-near):after,.pagination[data-current="8"] li.pagination-action-previous+li:not(.current):not(.current-near):after {
    content: "";
    margin: 0
  }
  .pagination {
    padding-left: 0;
    padding-right: 0
  }
  ol.pagination-has-next.pagination-has-previous li.current+li.current-near:after {
    content: "";
    margin-left: 0
  }}
.info-banner {
  align-items: center;
  background: var(--colors-themed-90889801);
  color: var(--colors-themed-9794084);
  display: flex;
  font-size: 1rem;
  justify-content: space-between;
  padding: 1.5rem;
  width: 100%
}
:root {
  --colors-themed-90889801: #e8eaf6
}
[data-theme=dark] {
  --colors-themed-90889801: #ffeee1
}
:root {
  --colors-themed-9794084: var(--colors-themed-body-color)
}
[data-theme=dark] {
  --colors-themed-9794084: var(--colors-themed-body-bg)
}
.info-banner__content {
  flex: 1 1
}
.info-banner__content a {
  color: inherit;
  text-decoration: underline
}
.info-banner__content p {
  margin: 0 0 .5rem
}
.info-banner__links {
  display: flex;
  margin-top: 1rem
}
.info-banner__close {
  cursor: pointer;
  flex: none;
  margin-left: 1rem
}
.info-banner__content p:only-child {
  margin: 0
}
.info-banner__content p:first-child {
  margin-top: 0
}
.info-banner__content p:last-child {
  margin-bottom: 0
}
@media only screen and (min-width: 48em) {
  .info-banner {
    font-size:1rem;
    padding: 1.92rem
  }
  .info-banner__links {
    justify-content: flex-start;
    margin-left: .5rem;
    margin-top: 0
  }
  .info-banner__links a:first-child {
    margin-right: .5rem
  }
  .info-banner__content p:fist-child {
    margin: 0
  }
  .info-banner__links .button:only-child {
    width: auto
  }
  .info-banner__content {
    display: flex;
    flex-direction: column
  }}
.info-banner__wrapper+.root__wrapper {
  padding-top: .5rem
}
.toolbar__button#toolbar__filters-remove {
  color: #ec1639;
  flex: none;
  padding-left: 0;
  padding-right: 0;
  width: 42px
}
.toolbar--filters-open .toolbar__button:not([data-action=filters]) {
  display: none
}
.toolbar__filters-counter {
  align-items: center;
  background-color: #ec1639;
  border-radius: 2px;
  color: #fff;
  display: flex;
  font-size: .85rem;
  font-weight: 400;
  justify-content: center;
  margin-left: .25rem;
  min-height: 18px;
  min-width: 18px;
  padding: .25rem .5rem
}
.toolbar__filters-counter svg {
  margin: 0
}
.toolbar__filters-close {
  display: none
}
.toolbar--filters-open .toolbar__filters-close {
  display: flex
}
.toolbar--filters-open .toolbar__filters-open {
  display: none
}
.toolbar__menu-popup-popup {
  display: flex;
  flex-direction: column
}
.toolbar__menu-popup-popup h3 {
  font-size: 1.2rem;
  font-weight: 700;
  margin: 0
}
.toolbar__menu-popup-group {
  background: #fff;
  border: 1px solid #ddd;
  margin-top: .5rem;
  padding: 0 1rem
}
.toolbar__menu-popup-group:first-child {
  margin-top: 0
}
.toolbar__menu-popup-item {
  align-items: center;
  background: #fff;
  border-bottom: 1px solid var(--colors-themed-separator-light);
  display: flex;
  font-size: 1rem;
  font-weight: 500;
  justify-content: space-between;
  max-width: 100%;
  overflow: hidden;
  padding: 1rem 0;
  text-overflow: ellipsis;
  white-space: nowrap
}
.toolbar__menu-popup-item:first-child {
  border-top: 0
}
.toolbar__menu-popup-item:last-child {
  border-bottom: 0
}
.toolbar__menu-popup-item.selected {
  color: #ec1639
}
.toolbar__menu-popup-item[data-count]:after {
  color: #767676;
  content: attr(data-count);
  display: block;
  margin-left: auto
}
#toolbar__menu-popup-popup .popup-body {
  background: #f0f3f5;
  width: 23rem
}
.toolbar__button#toolbar__sorting span {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis
}
.toolbar__sorting {
  display: flex;
  flex-direction: column
}
.toolbar__sorting h3 {
  font-size: 1.2rem;
  font-weight: 700;
  letter-spacing: -1px;
  margin: 0;
  padding: 2rem 2rem 0
}
.toolbar__sorting-options {
  margin-top: 1rem
}
.toolbar__sorting-option {
  align-items: center;
  border-bottom: 1px solid var(--colors-themed-separator-light);
  color: var(--colors-themed-body-color);
  display: flex;
  font-size: 1.1rem;
  font-weight: 400;
  justify-content: space-between;
  padding: 1rem 2rem
}
.toolbar__sorting-option:first-child {
  border-top: 1px solid var(--colors-themed-separator-light)
}
.toolbar__sorting-option.selected {
  background-color: #ec1639;
  border-bottom: 1px solid #d41433;
  border-top: 1px solid #d41433;
  color: #fff
}
#toolbar__sorting-popup .popup-body {
  padding: 0 0 1.5rem;
  width: 23rem
}
.toolbar__tabs {
  display: flex;
  flex-direction: column
}
.toolbar__tabs h3 {
  font-size: 1.2rem;
  font-weight: 700;
  margin: 0
}
.toolbar__tabs-options {
  margin-top: 2rem
}
.toolbar__tabs-option {
  align-items: center;
  border-bottom: 1px solid var(--colors-themed-separator-light);
  display: flex;
  font-size: 1.1rem;
  font-weight: 500;
  justify-content: space-between;
  padding: 1rem 0
}
.toolbar__tabs-option:first-child {
  border-top: 1px solid var(--colors-themed-separator-light)
}
.toolbar__tabs-option.selected {
  color: #ec1639
}
#toolbar__tabs-popup .popup-body {
  width: 23rem
}
.toolbar.toolbar--sticky {
  align-items: center;
  background: var(--colors-themed-body-color);
  border-top: 0;
  color: #fff;
  justify-content: space-between;
  padding: 0 1.05rem
}
.toolbar.toolbar--sticky .toolbar__button {
  justify-content: flex-start;
  padding-left: 0
}
.toolbar.toolbar--menu {
  align-items: center;
  padding-left: 1.05rem;
  padding-right: 0
}
.toolbar.toolbar--menu .toolbar__avatar {
  margin-left: 0;
  margin-right: .5rem;
  order: 1
}
#toolbar__menu-wrapper {
  flex: 1 1;
  order: 2;
  overflow: hidden
}
.toolbar__menu {
  align-items: center;
  display: flex;
  overflow-x: scroll;
  white-space: nowrap
}
.toolbar,.toolbar__menu-group {
  display: flex
}
.toolbar {
  background: #fafafa;
  bottom: 0;
  height: 52px;
  left: 0;
  opacity: 0;
  position: fixed;
  right: 0;
  transform: translateY(100%);
  transition: all .25s ease-in-out;
  transition-property: opacity,transform;
  will-change: transform,opacity;
  z-index: 100000000
}
.toolbar--ready {
  opacity: 1;
  pointer-events: auto;
  transform: none
}
.toolbar--ready .toolbar__button {
  opacity: 1
}
body:not(.from-xhr) .toolbar:not(.toolbar--ready) {
  opacity: 0;
  pointer-events: none
}
body.minimal .toolbar {
  transform: translateY(100%)
}
body.minimal .toolbar--menu,body.minimal .toolbar--sticky {
  transform: none
}
.has-popup.has-popup-popup .toolbar {
  z-index: 100000000
}
.toolbar__button {
  align-items: center;
  background-color: var(--colors-themed-button-secondary-bg);
  box-shadow: inset -1px 0 0 0 #ddd;
  color: var(--colors-themed-body-color);
  display: flex;
  flex: 1 1;
  font-weight: 700;
  justify-content: center;
  opacity: 0;
  padding: 0 .5rem;
  text-align: center;
  transition: .1s ease-in-out;
  -webkit-user-select: none;
  user-select: none
}
.toolbar__button:last-child {
  border-right: 0;
  box-shadow: none
}
.toolbar__button>svg:not(:last-child) {
  margin-right: .5rem
}
.toolbar__button:active {
  padding-top: 1px
}
.toolbar__button svg {
  flex: none
}
@media only screen and (min-width: 48em) {
  .toolbar {
    display:none
  }}
.offers-minimal,.offers-minimal__offer {
  display: flex;
  flex-direction: column
}
.offers-minimal__offer {
  border-bottom: 1px solid var(--colors-themed-separator-light);
  line-height: 1;
  padding: .85rem 0
}
.offers-minimal__offer:first-child {
  border-top: 1px solid var(--colors-themed-separator-light)
}
.offers-minimal__merchant {
  color: var(--colors-themed-body-color-lighter);
  flex: none;
  margin-top: .8rem
}
.offers-minimal__title {
  display: flex;
  flex: 1 1;
  flex-direction: column
}
.offers-minimal__exclusive {
  align-self: flex-start;
  background: #ec1639;
  border-radius: .25rem;
  color: #fff;
  flex: none;
  font-size: .8em!important;
  font-weight: 700;
  margin-bottom: .5rem;
  padding: .5rem;
  width: auto
}
.offers-minimal__title a {
  align-items: center;
  display: flex;
  font-weight: 500;
  line-height: 1.3
}
.offers-minimal__title a svg {
  display: none;
  flex: none;
  margin: 0 .5rem 0 0;
  width: 18px
}
#root section header.offers-header {
  display: flex;
  flex-direction: row
}
#root section header.offers-header svg {
  height: 50px;
  margin-right: 1rem;
  width: 40px
}
@media only screen and (min-width: 35.5em) {
  .offers-minimal__offer {
    align-items:center;
    flex-direction: row
  }
  .offers-minimal__title a svg {
    display: block
  }
  .offers-minimal__merchant {
    margin-left: auto;
    margin-top: 0;
    padding-left: 1rem
  }}
@media only screen and (min-width: 48em) {
  .offers-minimal__title a {
    font-weight:400
  }}
@media only screen and (min-width: 80em) {
  .offers-minimal__title {
    flex-direction:row
  }
  .offers-minimal__exclusive {
    margin-bottom: 0;
    margin-left: .5rem;
    order: 4
  }}
.offer__categories {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-bottom: 1rem;
  width: 100%
}
.offer__category {
  background: #f3f3f3;
  border-radius: .25rem;
  color: var(--colors-themed-body-color-lighter);
  font-size: .78em;
  margin-bottom: 2px;
  margin-right: 2px;
  padding: .5rem;
  -webkit-user-select: none;
  user-select: none
}
.offer__category:last-child {
  margin-right: 0
}
@media only screen and (min-width: 48em) {
  .offer__categories {
    justify-content:flex-start;
    width: auto
  }
  .offer__category {
    font-size: .82em
  }}
.offer__type {
  align-items: center;
  background: #f6f6f6;
  display: flex;
  display: none;
  flex-direction: column;
  font-weight: 900;
  justify-content: center;
  letter-spacing: -.6px;
  padding: .5rem;
  text-align: center;
  -webkit-user-select: none;
  user-select: none
}
.offer__off,.offer__type svg {
  color: #24b47e
}
.offer__off {
  font-size: 1.9rem;
  font-weight: 900;
  letter-spacing: -2px
}
.offer__type-label {
  color: #767676;
  font-size: 1rem;
  font-weight: 400;
  margin-top: 1.5rem
}
@media only screen and (min-width: 48em) {
  .offer__type {
    display:flex;
    width: 120px
  }}
@media only screen and (min-width: 64em) {
  .offer__type {
    width:130px
  }}
@media only screen and (min-width: 120em) {
  .offer__type {
    width:200px
  }}
.offer,.offers {
  display: flex;
  flex-direction: column
}
.offer {
  border: 1px solid #ddd;
  border-radius: .25rem;
  margin-bottom: 5px;
  padding: 1.05rem 0;
  width: 100%
}
.offer:last-child {
  margin-bottom: 0
}
.offer__content {
  align-items: center;
  display: flex;
  flex: 1 1;
  flex-direction: column
}
.offer__merchant {
  align-items: center;
  display: flex;
  justify-content: center;
  padding: 0 1rem
}
.offer__merchant img {
  display: block;
  margin: auto
}
.offer__main {
  align-items: flex-start;
  display: flex;
  flex: 1 1;
  flex-direction: column;
  height: 100%;
  justify-content: center;
  padding: 1.05rem;
  text-align: center
}
.offer__inner-main {
  display: flex;
  flex-direction: row
}
.offer__bp-exclusive {
  border: none!important;
  margin-right: 1rem;
  position: relative;
  top: -5px
}
.offer__bp-exclusive svg {
  height: 60px;
  width: 35px
}
.offer__title {
  font-size: 1.1rem;
  font-weight: 500;
  max-width: 100%;
  width: 100%
}
.offer__meta {
  align-items: space-between;
  display: flex;
  display: none;
  flex-direction: column;
  font-size: .9rem;
  margin-top: 1rem;
  max-width: 100%;
  width: 100%
}
.offer__meta-item {
  align-items: center;
  color: #848484;
  display: flex;
  padding: 0
}
.offer__meta-item:first-of-type {
  padding-left: 0
}
.offer__meta-type span {
  color: #ec1639;
  margin-left: .5rem
}
.offer__meta-type .offer__coupon {
  border: 1px dotted #ec1639;
  padding: .2rem .5rem
}
.offer__meta-inline {
  color: #848484;
  display: block
}
.offers__avatar {
  margin-right: .5rem
}
.offer__action {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0 1rem;
  width: 100%
}
.offer__action .button {
  display: block;
  width: 100%
}
.offer__bpc {
  font-size: .9em;
  margin-top: .5rem
}
.offer__merchant-count {
  color: var(--colors-themed-body-color-light);
  display: inline-flex;
  justify-content: center;
  margin-top: 1rem;
  text-align: center;
  width: 100%
}
@media only screen and (min-width: 48em) {
  .offer__meta {
    display:flex
  }
  .offer {
    flex-direction: row;
    min-height: 120px;
    padding: 0
  }
  .offer__meta {
    flex-direction: row;
    margin-top: .8rem
  }
  .offer__merchant,.offer__type {
    border-right: 1px solid var(--colors-themed-separator-light)
  }
  .offer__merchant {
    width: 150px
  }
  .offer__main {
    align-items: flex-start;
    margin: 0;
    padding: 1.92rem 1rem;
    text-align: left;
    width: 100%
  }
  .offer__title {
    font-size: 1.15rem
  }
  .offer__meta-item {
    padding: 0 .5rem
  }
  .offer__merchant-count {
    justify-content: flex-start;
    margin-top: 2rem;
    text-align: left;
    width: auto
  }}
@media only screen and (min-width: 64em) {
  .offer__content {
    flex-direction:row
  }
  .offer__main {
    flex: 1 1;
    margin-bottom: 0;
    min-height: 150px;
    width: auto
  }
  .offer__action {
    margin-left: auto;
    width: auto
  }
  .offer__action .button {
    width: auto
  }}
@media only screen and (min-width: 80em) {
  .offer__title {
    font-size:1.25rem
  }
  .offer__main {
    width: auto
  }
  .offer__type {
    width: 200px
  }}
#trail {
  align-items: center;
  color: var(--colors-themed-body-color-lightest);
  font-size: .97rem;
  justify-content: space-between;
  line-height: 1.2;
  margin: .25rem 0 .8rem
}
[data-theme=dark] #trail {
  opacity: .8
}
#trail nav {
  display: block;
  flex: 1 1;
  max-width: 100%;
  white-space: nowrap
}
#trail nav li,#trail nav ol {
  display: flex;
  list-style-type: none;
  margin: 0;
  padding: 0
}
#trail nav li {
  min-width: 0
}
#trail nav li,#trail nav li a {
  align-items: center;
  display: flex
}
#trail nav li a {
  color: inherit;
  display: grid;
  grid-auto-flow: column;
  max-width: 100%;
  text-overflow: ellipsis;
  text-underline-offset: 4px
}
[data-theme=dark] #trail nav li a {
  color: var(--colors-themed-body-color-lighter)
}
#trail nav li a.trail__last {
  color: var(--colors-themed-body-color-light)
}
@media only screen and (max-width: 47.99em) {
  #trail nav li a.trail__last span:before {
    content:"‹ "
  }}
#trail span.trail__breadcrumb-separator,#trail span[itemprop=position] {
  display: inline-block;
  margin: 0 .35rem;
  opacity: .6;
  -webkit-user-select: none;
  user-select: none;
  vertical-align: middle
}
#trail .trail__hidden-element {
  display: none
}
#trail span[itemprop=name][data-tail]:after {
  content: attr(data-tail);
  margin-left: .25em
}
#trail nav li:not(:last-child) {
  display: none
}
.trail__arrow {
  margin-right: .5rem
}
@media only screen and (min-width: 48em) {
  #trail nav li:not(:only-child) .trail__arrow {
    display:none
  }
  #trail nav li:last-child a {
    color: var(--colors-themed-body-color)
  }
  [data-theme=dark] #trail nav li:last-child a {
    color: var(--colors-themed-body-color-lighter)
  }
  #trail nav li:not(:last-child) {
    display: flex
  }
  #trail nav li:first-child:not(:last-child) {
    display: none
  }
  #trail {
    display: flex;
    margin: -1rem 0 .5rem;
    min-height: 35px
  }}
@media only screen and (min-width: 64em) {
  #trail {
    margin-bottom:1.2rem
  }
  #trail nav li:first-child:not(:last-child) {
    display: flex
  }}
@media only screen and (min-width: 80em) {
  #trail {
    margin-bottom:1.5rem
  }}
@media only screen and (min-width: 120em) {
  #trail {
    margin-bottom:1.8rem
  }}
.reviews__header {
  display: flex;
  flex-direction: column
}
@media only screen and (min-width: 64em) {
  .reviews__header:not(.no-reviews) .reviews__me,.reviews__header:not(.no-reviews) .reviews__stats {
    display:inline-block;
    vertical-align: top
  }
  .reviews__header:not(.no-reviews) .reviews__me {
    width: 25rem
  }
  .reviews__header:not(.no-reviews) .reviews__stats {
    margin-right: 1.92rem;
    width: calc(100% - 26.92rem)
  }}
.review.pending .review-avatar,.review.pending .review-body,.review.pending header {
  opacity: .6
}
.review.pending .tooltip-placeholder {
  display: inline-block
}
.review.pending .tooltip {
  background-color: #f3deab;
  border-radius: 20px;
  color: #4d4d4d;
  font-size: .8rem;
  margin-left: 1rem;
  padding: .5rem .7rem
}
.review.pending .tooltip:hover {
  color: #1a1a1a
}
.reviews-stats__overall,.reviews-stats__year {
  display: flex;
  flex-direction: row
}
.reviews__stats--header {
  color: var(--colors-themed-body-color-light);
  font-size: .85rem;
  font-weight: 400;
  margin: 0 0 1rem;
  padding-top: 1rem
}
#reviews__stats--selector {
  width: 100%
}
.reviews__stats {
  font-size: .95rem
}
.reviews__stats>div {
  width: 100%
}
.reviews__stats .reviews-stats__overall {
  display: none
}
.reviews__stats .reviews__stats--total {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-bottom: 0;
  margin-right: 1.92rem;
  text-align: center;
  vertical-align: top
}
.reviews__stats .reviews__stats--total ol {
  max-width: 25rem
}
.reviews__stats .reviews__stats--total .reviews__stats--avg,.reviews__stats .reviews__stats--total .reviews__stats--total-meta {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  justify-content: center
}
.reviews__stats .reviews__stats--total .reviews__stats--avg {
  color: var(--colors-themed-50089567);
  font-size: 3em;
  line-height: 1;
  margin: 0 0 .25em
}
:root {
  --colors-themed-50089567: #3e3e3e
}
[data-theme=dark] {
  --colors-themed-50089567: #dde2e6
}
.reviews__stats .reviews__stats--total .rating {
  font-size: 1.1em
}
.reviews__stats .reviews__stats--total .reviews__stats--total-count {
  color: var(--colors-themed-body-color-mid);
  font-size: .85em;
  font-weight: 400;
  margin: .45em 0 0;
  white-space: nowrap
}
.reviews__stats ol {
  width: 100%
}
.reviews__stats ol,.reviews__stats ol li {
  list-style-type: none;
  margin: 0;
  padding: 0
}
.reviews__stats ol li * {
  display: inline-block;
  line-height: 1.8;
  vertical-align: middle
}
.reviews__stats ol li {
  color: #767676;
  display: block;
  font-size: .85em;
  height: 1.8em;
  margin: 2px 0;
  overflow: hidden;
  position: relative;
  text-align: left
}
.reviews__stats ol li svg {
  margin-right: .25em;
  position: relative
}
.reviews__stats ol li span.bar.bar--bg {
  animation: none;
  background: var(--colors-themed-body-bg);
  width: 100%
}
.reviews__stats ol li span.bar {
  animation: stats-enter .6s cubic-bezier(.215,.61,.355,1);
  animation-fill-mode: forwards;
  background: #eee;
  height: 100%;
  left: 3em;
  position: absolute;
  top: 0
}
.reviews__stats ol li span.bar:before {
  align-items: center;
  bottom: 0;
  color: #555;
  content: attr(data-cnt);
  display: flex;
  left: .5em;
  line-height: 1;
  position: absolute;
  top: 0
}
.reviews__stats ol li span.bar[data-cnt="0"]:before {
  color: #767676
}
.reviews__stats li:first-child .bar {
  background-color: #a7c36b
}
.reviews__stats li:nth-child(2) .bar {
  background-color: #b3d74e
}
.reviews__stats li:nth-child(3) .bar {
  background-color: #feda56
}
.reviews__stats li:nth-child(4) .bar {
  background-color: #fdb752
}
.reviews__stats li:nth-child(5) .bar {
  background-color: #fd966f
}
@media only screen and (min-width: 23em) {
  .reviews__stats .reviews__stats--total .reviews__stats--avg {
    font-size:3.4rem
  }
  .reviews__stats .reviews__stats--total .reviews__stats--total-meta {
    align-items: center
  }
  .reviews__stats .reviews__stats--total .reviews__stats--avg {
    margin-right: 0
  }
  .reviews__stats .reviews__stats--total .rating {
    font-size: 1.6em
  }
  .reviews__stats .reviews__stats--total .reviews__stats--total-count {
    font-size: .95em;
    margin-top: .5em
  }
  .reviews__stats ol {
    display: flex;
    flex-direction: column;
    vertical-align: top
  }
  .reviews__stats ol li {
    height: 1.6em;
    line-height: 1.6em
  }}
@media only screen and (min-width: 48em) {
  .reviews__stats--header {
    font-size:.95rem
  }
  #reviews__stats--selector {
    width: auto
  }
  .reviews__stats .reviews__stats--total {
    align-items: center
  }}
#merchant-reviews .card {
  background-color: var(--colors-themed-card-bg);
  border: 1px solid var(--colors-themed-card-border);
  border-radius: 4px;
  box-shadow: 0 1px 2px rgba(0,0,0,.02);
  padding: 1.05rem
}
@media only screen and (min-width: 48em) {
  #merchant-reviews .card {
    padding:1.44rem
  }}
#merchant-reviews .reviews__stats ol {
  width: 100%
}
#merchant-reviews .reviews__stats ol li {
  margin: 2px 0;
  width: 100%
}
#merchant-reviews .reviews__stats ol li span.star-svg {
  background: 0 0;
  position: inline-block
}
@keyframes stats-enter {
  0% {
    opacity: 0;
    width: 0
  }}
.review-reply {
  background: var(--colors-themed-body-bg);
  margin-top: 1rem;
  padding: 1.05rem;
  position: relative
}
.review-reply .review-reply-content .review-meta {
  flex-direction: row;
  white-space: nowrap
}
.review-reply .review-reply-content time {
  display: none
}
.review-reply:before {
  border: 10px solid transparent;
  border-bottom: 10px solid;
  border-top: none;
  color: var(--colors-themed-body-bg);
  content: "";
  height: 0;
  left: 2rem;
  position: absolute;
  top: -10px;
  width: 0
}
.review-reply .merchant-logo {
  background: #fff;
  width: 90px
}
@media only screen and (min-width: 25.8em) {
  .review-reply .review-reply-content time {
    display:block
  }}
@media only screen and (min-width: 48em) {
  .review-reply {
    padding:1.92rem
  }}
.helpful-placeholder {
  display: inline-flex
}
.reviews__me {
  margin-top: .5rem;
  padding: 2.304rem 0;
  text-align: left;
  width: 100%
}
.reviews__me p {
  margin: 0
}
.reviews__me .button {
  display: block;
  margin-top: .85rem;
  text-align: center;
  width: 100%
}
.no-reviews .reviews__me {
  font-size: 1.1rem;
  padding-bottom: 2.304rem;
  padding-top: 2.304rem
}
.no-reviews .reviews__me .button {
  margin-top: 2rem;
  text-align: center
}
@media only screen and (min-width: 25.8em) {
  .reviews__me {
    text-align:center
  }
  .reviews__me .button {
    display: inline-block;
    max-width: 35rem;
    width: 60%
  }}
@media only screen and (min-width: 48em) {
  .reviews__me {
    margin-left:0;
    margin-right: 0;
    padding: 1.92rem 0
  }}
@media only screen and (min-width: 64em) {
  .reviews__header:not(.no-reviews) .reviews__me {
    background:0 0;
    border: none;
    margin-top: 0;
    padding-bottom: 0;
    padding-right: 0;
    padding-top: 0;
    text-align: left
  }
  .reviews__header:not(.no-reviews) .reviews__me .button {
    display: block;
    max-width: 100%;
    width: 100%
  }}
.review__product {
  color: var(--colors-themed-body-color-light);
  font-size: .92rem;
  margin-bottom: 1rem
}
@media only screen and (min-width: 25.8em) {
  .review__product:before {
    content:"Αξιολόγηση για το "
  }}
.reviews,.reviews-container {
  margin-top: 1.92rem;
  text-align: left
}
.reviews-container {
  display: none
}
.reviews-container.current {
  display: block
}
#reviews-tabs {
  margin-top: 1.92rem
}
.review {
  border-bottom: 1px solid var(--colors-themed-separator-light);
  margin-bottom: 1.92rem;
  padding-bottom: 1.92rem
}
.review:last-child {
  border-bottom: 0;
  margin-bottom: 0;
  padding-bottom: 0
}
.review .review-avatar,.review .review-cover {
  display: inline-block;
  font-size: .9rem;
  line-height: 1.35;
  vertical-align: top
}
.review .review-avatar img,.review .review-cover img {
  display: none;
  margin-bottom: .5rem
}
.review .review-meta {
  color: var(--colors-themed-body-color-lighter);
  display: flex;
  flex-direction: column;
  margin-top: .5rem;
  white-space: nowrap
}
.review .review-meta .review-user {
  flex: none
}
.review .review-meta .review-bio {
  font-size: .95em;
  margin-top: .5rem;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}
.review .review-helpful-new {
  color: var(--colors-themed-body-color-light);
  margin-bottom: .5rem
}
.review .review-content {
  display: inline-block;
  vertical-align: top
}
.review .review-content header {
  margin: 0!important;
  text-align: left
}
.review .review-content header .review-helpful-stats {
  display: none;
  font-size: .95rem
}
.review .review-content header .review-rating {
  display: inline-block;
  font-size: 1rem;
  vertical-align: top
}
.review .review-content header .review-title {
  display: block;
  font-size: 1rem;
  font-weight: 700;
  margin: .45rem 0 0;
  vertical-align: middle
}
.review .review-content .review-body {
  line-height: 1.5;
  margin-top: 1rem
}
.review .review-content .review-body ol,.review .review-content .review-body ul {
  margin: 1rem 0
}
.review .review-content .review-body ol:first-child,.review .review-content .review-body ul:first-child {
  margin-top: 0
}
.review .review-content .review-body ol:last-child,.review .review-content .review-body ul:last-child {
  margin-bottom: 0
}
.review .review-content .review-body li {
  margin: .6rem 0
}
.review .review-content .review-body a {
  word-break: break-word
}
.review .review-content .review-body .trim__more-container {
  background-image: linear-gradient(0deg,#fff 0,#fff 40%,hsla(0,0%,100%,.7) 90%,hsla(0,0%,100%,0))
}
[data-theme=dark] .review .review-content .review-body .trim__more-container {
  background-image: linear-gradient(0deg,#26282c 0,#26282c 40%,rgba(38,40,44,.7) 90%,rgba(38,40,44,0))
}
.review .review-content .review-date {
  align-items: center;
  color: var(--colors-themed-body-color-light);
  display: inline-flex;
  margin-top: 1rem
}
.review .review-content .review-date svg {
  margin-right: .5rem
}
.review .review-content .review-date a {
  color: inherit
}
.review .review-content footer {
  margin-top: 1rem
}
@media only screen and (min-width: 20em) {
  .review .review-avatar img,.review .review-cover img {
    display:inline-block
  }
  .review .review-content header .review-helpful-stats {
    color: var(--colors-themed-body-color-light);
    display: block;
    margin-bottom: .5rem
  }
  .review .review-avatar {
    width: 40px
  }
  .review .review-avatar img {
    height: 40px;
    width: 40px
  }
  .review .review-content {
    margin-left: 1rem;
    width: calc(100% - 40px - 1rem)
  }
  .review .review-cover {
    width: 160px
  }
  .review .review-cover a {
    word-break: break-all
  }
  .review .review-cover img {
    height: 160px;
    width: 160px
  }
  .review.profile-mode .review-content {
    margin-left: 1rem;
    width: calc(100% - 160px - 1rem)
  }}
@media only screen and (min-width: 48em) {
  .review .review-content .review-meta {
    align-items:center;
    flex-direction: row
  }
  .review .review-content .review-meta .review-bio {
    font-size: 1rem;
    margin: 0
  }
  .review .review-content .review-meta .review-bio:before {
    content: " • ";
    display: inline;
    margin-left: .25rem
  }}
@media only screen and (min-width: 35.5em) {
  .review .review-content header .review-title {
    display:inline-block;
    margin: 0 0 0 .25rem
  }
  .review .review-avatar {
    width: 60px
  }
  .review .review-avatar img {
    height: 60px;
    width: 60px
  }
  .review .review-content {
    margin-left: 1.25rem;
    width: calc(100% - 60px - 1.25rem)
  }
  .review .review-cover {
    width: 180px
  }
  .review .review-cover a {
    word-break: break-all
  }
  .review .review-cover img {
    height: 180px;
    width: 180px
  }
  .review.profile-mode .review-content {
    margin-left: 1.25rem;
    width: calc(100% - 180px - 1.25rem)
  }}
@media only screen and (min-width: 48em) {
  .review .review-avatar {
    width:60px
  }
  .review .review-avatar img {
    height: 60px;
    width: 60px
  }
  .review .review-content {
    margin-left: 1.5rem;
    width: calc(100% - 60px - 1.5rem)
  }
  .review .review-cover {
    width: 180px
  }
  .review .review-cover a {
    word-break: break-all
  }
  .review .review-cover img {
    height: 180px;
    width: 180px
  }
  .review.profile-mode .review-content {
    margin-left: 1.5rem;
    width: calc(100% - 180px - 1.5rem)
  }}
@media only screen and (min-width: 64em) {
  .review:first-child {
    padding-top:1.92rem
  }}
.cat-picks__wrapper {
  margin: 1.5rem 0
}
@media only screen and (min-width: 48em) {
  .cat-picks__wrapper {
    margin-top:0;
    poisition: relative;
    margin-bottom: 2rem;
    top: -2rem
  }}
@media only screen and (min-width: 80em) {
  .cat-picks__wrapper {
    margin-bottom:3rem
  }}
@media only screen and (min-width: 120em) {
  .cat-picks__wrapper {
    margin-bottom:3.5rem;
    top: -3rem
  }}
.cat-picks {
  gap: .5rem;
  padding-bottom: 1px;
  z-index: 2;
  grid-auto-column: 1fr;
  display: grid!important;
  grid-auto-columns: max-content;
  grid-auto-flow: column;
  -webkit-user-select: none;
  user-select: none
}
@media only screen and (min-width: 48em) {
  .cat-picks {
    gap:.75rem
  }}
@media only screen and (min-width: 80em) {
  .cat-picks {
    gap:1rem
  }}
.cat-picks__pick {
  align-items: center;
  border: 1px solid var(--colors-themed-button-outline-border);
  border-radius: 8px;
  color: #205b9a;
  display: grid;
  gap: 1rem;
  grid-template-columns: min-content max-content;
  padding: 5px 1rem 5px 5px
}
[data-theme=default] .cat-picks__pick {
  border-color: #c3c4c7
}
[data-theme=dark] .cat-picks__pick {
  color: #adc8f1
}
@media (hover: hover) {
  .cat-picks__pick:hover {
    text-decoration:none!important
  }}
html.no-touch .cat-picks__pick:hover .cat-picks__label {
  text-decoration: underline;
  text-underline-offset: 3px
}
.cat-picks__cover {
  background-color: #fff;
  border-radius: 4px;
  display: grid;
  height: 32px;
  overflow: hidden;
  place-items: center;
  width: 32px
}
@media only screen and (min-width: 25.8em) {
  .cat-picks__cover {
    height:36px;
    width: 36px
  }}
@media only screen and (min-width: 48em) {
  .cat-picks__cover {
    height:38px;
    width: 38px
  }}
@media only screen and (min-width: 64em) {
  .cat-picks__cover {
    height:42px;
    width: 42px
  }}
@media only screen and (min-width: 80em) {
  .cat-picks__cover {
    height:44px;
    width: 44px
  }}
@media only screen and (min-width: 120em) {
  .cat-picks__cover {
    height:46px;
    width: 46px
  }}
.cat-picks__cover img {
  display: block;
  height: auto;
  object-fit: contain;
  overflow: hidden;
  width: 100%
}
.cat-picks__label {
  font-size: 1rem;
  font-weight: 400;
  margin: 0
}
@media only screen and (min-width: 48em) {
  .cat-picks__label {
    font-size:1.05rem
  }}
@media only screen and (min-width: 64em) {
  .cat-picks__label {
    font-size:1.07rem;
    font-weight: 500
  }}
@media only screen and (min-width: 120em) {
  .cat-picks__label {
    font-size:1.08rem
  }}
.content__items {
  display: flex;
  flex-direction: column;
  margin: 1.92rem 0
}
.content__item {
  background-color: var(--colors-themed-card-bg);
  border: 1px solid var(--colors-themed-card-border);
  border-radius: 4px;
  box-shadow: 0 1px 2px rgba(0,0,0,.02);
  color: var(--colors-themed-body-color-light);
  display: flex;
  margin-bottom: .5rem;
  padding: 1.05rem;
  width: 100%
}
@media only screen and (min-width: 48em) {
  .content__item {
    padding:1.44rem
  }}
.content__item:last-child {
  margin-bottom: 0
}
.content__item:hover {
  text-decoration: none!important
}
html.no-touch .content__item:hover .content__title {
  text-decoration: underline
}
.content__image {
  align-items: center;
  display: flex;
  flex: none;
  justify-content: center;
  max-height: 80px;
  overflow: hidden;
  width: 120px
}
.content__image>img {
  height: auto;
  -webkit-user-select: none;
  user-select: none;
  width: 100%
}
.content__meta {
  border-left: 0;
  display: flex;
  flex: 1 1;
  flex-direction: column;
  justify-content: center;
  padding: 1.05rem
}
.content__item--no-image .content__meta {
  border-left: 1px solid var(--colors-themed-separator-light);
  border-radius: 3px
}
.content__title {
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.2;
  margin: 0
}
.content__intro {
  color: var(--colors-themed-body-color-lighter);
  display: none;
  line-height: 1.4;
  margin: .5rem 0 0
}
@media only screen and (min-width: 48em) {
  .content__meta {
    padding:1.05rem
  }
  .content__title {
    font-size: 1.1rem;
    font-weight: 700
  }
  .content__image {
    width: 110px
  }}
@media only screen and (min-width: 64em) {
  .content__image {
    max-height:100%;
    width: 180px
  }
  .content__image>img {
    height: auto;
    width: 130px
  }
  .content__intro {
    display: block;
    font-size: .92rem
  }}
@media only screen and (min-width: 80em) {
  .content__image {
    width:160px
  }
  .content__title {
    font-size: 1.25rem;
    font-weight: 700
  }
  .content__intro {
    display: block;
    font-size: 1rem
  }
  .content__meta {
    padding: 1.05rem 1.92rem
  }}
@media only screen and (min-width: 150em) {
  .content__title {
    font-size:1.3rem
  }}
@supports (display: grid) {
  .content__items .content__item {
    max-width:500px
  }
  @media only screen and (min-width: 48em) {
    .content__intro {
      display:none
    }
    .content__title {
      font-size: 1.1rem;
      font-weight: 400;
      line-height: 1.3
    }
    .content__meta {
      padding: 0
    }
    .content__items {
      display: grid;
      grid-gap: 1rem;
      grid-template-columns: repeat(auto-fit,minmax(440px,1fr))
    }
    .content__items .content__item {
      margin: 0;
      max-width: 100%
    }  }}
.content-context {
  align-items: center;
  background-color: var(--colors-themed-card-bg);
  border: 1px solid var(--colors-themed-card-border);
  border-radius: 4px;
  border-radius: 3px;
  box-shadow: 0 1px 2px rgba(0,0,0,.02);
  display: flex;
  display: none;
  margin-bottom: 1.5rem;
  padding: 1.05rem;
  transition: border-color .2s ease-in-out;
  -webkit-user-select: none;
  user-select: none
}
@media only screen and (min-width: 48em) {
  .content-context {
    padding:1.05rem
  }}
.no-touch .content-context:hover {
  border-color: var(--colors-themed-card-hover-border);
  color: inherit;
  text-decoration: none
}
.content-context .content-context__label {
  color: var(--colors-themed-body-color-light);
  flex: 1 1;
  font-size: .95rem;
  font-weight: 500;
  line-height: 1.4;
  margin: 0;
  transition: #fd966f .5s ease-in-out
}
.content-context__meta {
  flex: 1 1
}
.content-context__guide-header {
  color: #767676;
  font-size: .8rem;
  letter-spacing: .5px;
  margin: 0 0 .5rem
}
.content-context__cat-image {
  background: #fff;
  border-radius: .25rem;
  display: none;
  flex: none;
  margin-left: .5rem;
  width: 80px
}
.content-context__cat-image img {
  display: block;
  height: 80px;
  padding: .55rem;
  width: 80px
}
.content-context__cat-image img.content-context__cat-image--gf {
  height: 55px
}
html.no-touch .content-context:hover {
  text-decoration: none
}
html.no-touch .content-context:hover .content-context__label {
  color: #2d69c6
}
.content-context__mobile-link {
  border-bottom: 1px dotted;
  color: var(--colors-themed-body-color-lightest)!important
}
@media only screen and (min-width: 48em) {
  .content-context__mobile-link {
    display:none
  }
  .content-context {
    display: flex
  }}
@media only screen and (min-width: 80em) {
  .content-context__cat-image {
    display:block
  }}
.content-context__products {
  align-items: center;
  background: #fff;
  border-radius: 6px;
  display: grid;
  gap: 1rem;
  grid-template-columns: auto 1fr;
  padding: .5rem 1rem;
  text-decoration: none!important
}
@media only screen and (min-width: 25.8em) {
  .content-context__products {
    padding:.75rem 1.5rem
  }}
[data-theme=dark] .content-context__products {
  background: #1d1d1d;
  border: 1px solid #444;
  padding-left: .5rem
}
.content-context__products-title {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  line-height: 1.3
}
.content-context__products-image {
  mix-blend-mode: multiply
}
[data-theme=dark] .content-context__products-image {
  background: #fff;
  border-radius: 4px;
  mix-blend-mode: normal;
  overflow: hidden;
  padding: .5rem
}
.content-context__products-image img {
  display: block
}
.promo-wrapper__tabs {
  display: flex;
  min-width: 0;
  width: 100%
}
.promo-wrapper__tab {
  align-items: center;
  background: #dcdde0;
  color: #2d69c6;
  cursor: pointer;
  display: flex;
  flex: 1 1;
  font-size: .95rem;
  font-weight: 700;
  justify-content: center;
  max-width: 100%;
  overflow: hidden;
  padding: 1rem .25rem;
  text-align: center;
  text-overflow: ellipsis;
  -webkit-user-select: none;
  user-select: none;
  white-space: nowrap
}
.promo-wrapper__tab:first-child {
  border-radius: 4px 0 0 0
}
.promo-wrapper__tab:last-child {
  border-radius: 0 4px 0 0
}
.promo-wrapper__tab--current {
  background: #fff;
  color: var(--colors-themed-body-color);
  cursor: default
}
@media only screen and (min-width: 48em) {
  .promo-wrapper__tab {
    font-size:1.15rem
  }}
@media only screen and (min-width: 64em) {
  .promo-wrapper__tab {
    font-weight:900
  }}
@media only screen and (min-width: 120em) {
  .promo-wrapper__tab {
    padding:1.25rem .25rem
  }}
.has-promo-wrapper .content-context,.has-promo-wrapper .information__wrapper {
  display: none
}
.has-promo-wrapper .page-header__filters,.has-promo-wrapper .page-header__sorting {
  margin-top: 0
}
.has-promo-wrapper .page-products {
  padding: 1.05rem
}
@media only screen and (min-width: 48em) {
  .has-promo-wrapper .page-products {
    padding:1.92rem
  }}
.promo-wrapper__container {
  background: #fff
}
.simple-rating .icon {
  color: var(--colors-themed-96277850)
}
:root {
  --colors-themed-96277850: #dde2e6
}
[data-theme=dark] {
  --colors-themed-96277850: #666
}
.search {
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 0 0 1px #ddd;
  color: #1d1d1d;
  font-size: 1.12rem;
  margin: 0;
  padding: 0;
  position: relative;
  z-index: 1
}
[data-theme=dark] .search {
  background: #26282c;
  box-shadow: none;
  color: #f5f7f8
}
.search--focused.search--interacted,.search--interacted:focus-within,.search--open {
  border: 0;
  box-shadow: 0 1px 20px rgba(0,0,0,.1)
}
[data-theme=dark] .search--focused.search--interacted,[data-theme=dark] .search--interacted:focus-within,[data-theme=dark] .search--open {
  box-shadow: 0 1px 20px rgba(0,0,0,.4)
}
.search--open {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0
}
.search.search--expanded {
  border-radius: 0;
  box-shadow: none;
  height: 100%;
  left: 0;
  overflow: auto;
  padding: 0 .5rem;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 10000000000000000
}
.search__field {
  background-color: #fff;
  border-radius: 8px;
  display: grid;
  gap: 0;
  grid-auto-columns: auto;
  grid-auto-flow: column;
  grid-template-columns: auto 1fr;
  max-height: 48px;
  min-height: 48px;
  min-width: 0;
  padding: 0 .5rem;
  position: relative;
  z-index: 2
}
[data-theme=dark] .search__field {
  background: #26282c
}
.search__field input:not([type=checkbox]) {
  appearance: none;
  -webkit-appearance: none;
  background: 0 0!important;
  border: 0;
  box-shadow: none!important;
  display: block;
  outline: 0!important;
  padding: 1rem 0;
  padding-right: 0!important;
  width: 100%!important
}
.search__icon.search__clear {
  opacity: 0;
  outline: 0;
  pointer-events: none;
  transition: all .15s ease-in-out
}
.search__icon.search__clear svg {
  height: 14px;
  width: 14px
}
.search__icon.search__collapse {
  color: #2d69c6;
  opacity: 1
}
.search__icon.search__collapse svg {
  height: 18px;
  width: 18px
}
.search--with-query .search__clear {
  opacity: .6;
  pointer-events: auto;
  transform: none
}
.search--open .search__field {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0
}
.search--expanded .search__field {
  border-bottom: 1px solid #dbdbdb;
  border-radius: 0;
  padding: 0
}
[data-theme=dark] .search--expanded .search__field {
  border-bottom: 1px solid #666
}
.search--expanded .search__field input {
  font-size: 18px
}
.search__icon.search__button {
  align-self: start;
  background: #ec1639;
  border-radius: 8px;
  color: #fff;
  cursor: pointer;
  height: 44px;
  margin-left: 1rem;
  opacity: 1;
  position: relative;
  top: 2px
}
@media only screen and (max-width: 47.99em) {
  .search__icon.search__button {
    display:none
  }}
.search:not(.search__expanded) .search__field {
  padding-right: 2px
}
.search__scope {
  align-items: center;
  align-self: center;
  border-left: 1px solid #f1f0f5;
  color: var(--colors-themed-body-color-lighter);
  display: inline-grid;
  font-size: .88em;
  gap: .5rem;
  grid-auto-flow: column;
  line-height: 1;
  padding: .25rem 0 .25rem 1rem;
  -webkit-user-select: none;
  user-select: none;
  white-space: nowrap
}
[data-theme=dark] .search__scope {
  border-color: #444
}
.search__scope * {
  pointer-events: none
}
.search__scope input[type=checkbox] {
  border-radius: 4px;
  height: 20px;
  margin: 0;
  width: 20px
}
@media only screen and (max-width: 47.99em) {
  .search__scope {
    display:none
  }}
.search__menu {
  position: absolute;
  top: 100%;
  width: 100%
}
.search__menu ul {
  background-color: #fff;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  border-top: 0;
  box-shadow: 0 1px 20px rgba(0,0,0,.1);
  display: grid;
  list-style-type: none;
  margin: 0;
  min-width: 0;
  padding: 0 0 1rem;
  -webkit-user-select: none;
  user-select: none
}
[data-theme=dark] .search__menu ul {
  background: #26282c;
  box-shadow: 0 1px 20px rgba(0,0,0,.4)
}
.search--expanded .search__menu {
  position: static
}
.search--expanded .search__menu ul {
  box-shadow: none
}
.search__icon {
  align-self: stretch;
  -webkit-appearance: none;
  appearance: none;
  border: 0;
  display: grid;
  min-height: calc(24px + 1rem);
  opacity: .5;
  outline: 0;
  place-items: center;
  width: calc(24px + 1rem)
}
.search__icon img,.search__icon svg {
  display: block;
  height: 16px;
  margin: auto;
  padding: 0;
  pointer-events: none;
  width: 16px
}
.search__icon--actionable {
  cursor: pointer
}
.search__item {
  align-items: center;
  cursor: default;
  display: grid;
  grid-auto-columns: auto;
  grid-auto-flow: column;
  grid-template-columns: auto 1fr;
  list-style-type: none;
  margin: 0;
  min-width: 0;
  padding: 0 .5rem;
  position: relative;
  z-index: 9999999999
}
.search__item .search__icon svg {
  height: 16px;
  opacity: .6;
  width: 16px
}
.search__content {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}
.search__content strong {
  font-weight: 400
}
.search__item[data-type=recent] .search__content {
  color: var(--colors-themed-anchor-visited)
}
.search__item--highlighted {
  background: #f1f0f5
}
[data-theme=dark] .search__item--highlighted {
  background: #1d1d1d
}
.search__item--selected {
  font-weight: 700
}
.search__fill svg,.search__remove svg {
  height: 12px !important!important;
  width: 12px!important
}
@media (hover: hover) {
  .search__remove {
    visibility:hidden
  }
  .search__item:hover .search__remove {
    visibility: visible
  }}
.search.search--expanded .search__item {
  min-height: 48px;
  padding: 0
}
@media only screen and (min-width: 80em) {
  .search.search--expanded .search__item {
    min-height:52px
  }}
.search--with-query .search__content {
  font-weight: 700
}
.search--with-query .search__content strong {
  font-weight: 400
}
html.has-search-expanded {
  position: fixed
}
html.has-search-expanded body {
  overscroll-behavior: contain;
  position: fixed
}
.bp-header .search__wrapper {
  margin-top: .75rem;
  position: relative;
  width: 100%;
  z-index: 999999999
}
@media only screen and (max-width: 47.99em) {
  .bp-header .search__wrapper {
    z-index:99999999
  }}
@media only screen and (min-width: 48em) {
  .bp-header .search__wrapper {
    display:grid;
    flex: 1 1;
    grid-template-columns: auto 1fr;
    margin: 0;
    order: 2;
    padding: 0 1.92rem
  }
  .bp-header .search__wrapper .search {
    max-width: 60rem;
    width: 100%
  }}
@media only screen and (max-width: 47.99em) {
  html:not(#page-home) .bp-header .search__wrapper {
    display:none
  }}
.more-link {
  align-items: center;
  align-self: center;
  color: inherit;
  display: grid;
  gap: 1rem;
  justify-content: center;
  justify-items: center;
  text-decoration: none!important;
  -webkit-user-select: none;
  user-select: none
}
.more-link__icon {
  background: #fff;
  border: 1px solid #eaeaea;
  border-radius: 8px;
  border-radius: 100%;
  box-shadow: 0 2px 5px rgba(0,0,0,.02);
  color: inherit;
  display: grid;
  height: 64px;
  place-items: center;
  position: relative;
  text-decoration: none;
  transition: all .25s ease-in-out;
  transition-property: border,box-shadow;
  width: 64px
}
[data-theme=dark] .more-link__icon {
  background: #26282c;
  border: 0;
  box-shadow: inset 0 0 0 1px #26282c;
  transition: all .18s ease-in-out
}
.more-link__icon[href] {
  color: inherit
}
@media (hover: hover) {
  .more-link__icon[href]:hover {
    border-color:#c3c4c7;
    text-decoration: none
  }
  [data-theme=dark] .more-link__icon[href]:hover {
    border: 0;
    border-color: transparent;
    box-shadow: inset 0 0 0 1px #444
  }}
.more-link__label,.tools__button {
  font-weight: 500
}
.tools__button {
  align-items: center;
  background: 0 0;
  border: 1px solid #c3c4c7;
  border-radius: .25rem;
  color: var(--colors-themed-body-color);
  display: grid;
  grid-auto-flow: column;
  padding: .7rem;
  grid-gap: .5rem;
  cursor: pointer;
  flex: none;
  justify-content: center;
  margin-left: .5rem;
  outline: 0;
  -webkit-user-select: none;
  user-select: none
}
[data-theme=dark] .tools__button {
  border: 1px solid #a1a1a1
}
.tools__button--open .tools__icon,.tools__button--open .tools__label,.tools__button:active .tools__icon,.tools__button:active .tools__label {
  transform: translateY(1px)
}
.tools__button:first-child {
  margin-left: 0
}
.tools__button svg {
  margin: 0
}
@media only screen and (min-width: 23em) {
  .tools__button {
    font-weight:600;
    padding: .75rem .95rem
  }}
.tools__icon {
  height: 18px;
  margin-right: .5rem;
  pointer-events: none;
  width: 18px
}
.tools__label {
  max-width: 34vw;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}
.tools__badge {
  border: 1px solid;
  border-radius: 100%;
  display: grid;
  font-size: .85rem;
  height: 22px;
  margin-left: .25rem;
  min-width: 22px;
  place-items: center
}
.tools__button--active .tools__icon {
  color: inherit
}
.tools__button--disabled {
  cursor: not-allowed;
  opacity: .4;
  pointer-events: none
}
.tools__button--disabled svg {
  pointer-events: none
}
.tools__icon--down {
  display: none;
  height: 8px;
  margin: 0 0 0 .25rem;
  width: 8px
}
@media only screen and (min-width: 23em) {
  .tools__icon--down {
    display:block
  }}
.tools__checkbox {
  align-items: center;
  color: var(--colors-themed-body-color-light);
  display: grid;
  font-size: 1rem;
  gap: .5rem;
  grid-auto-flow: column;
  min-width: 0
}
.tools__checkbox:before {
  border: 1px solid var(--colors-themed-button-secondary-border)!important;
  border-radius: 4px!important;
  content: "";
  display: block;
  height: 20px;
  margin: 0;
  overflow: hidden;
  width: 20px
}
.tools__checkbox .tools__checkbox-label {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}
.tools__checkbox--checked:before,.tools__checkbox:active:before {
  background-color: #ec1639;
  background-image: url(https://bp.pstatic.gr/public/dist/e5e242ec9d6c14082a41.svg);
  background-position: 50%;
  background-repeat: no-repeat;
  border-color: #ec1639!important;
  color: #fff!important
}
.tools--below {
  transform: translateY(-100%)
}
.tools.tools--float {
  background: var(--colors-themed-body-bg);
  box-shadow: 0 1px 10px 0 hsla(0,0%,39%,.1);
  left: 0;
  padding-left: 1.05rem;
  padding-right: 1.05rem;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 999999999
}
.tools.tools--transition {
  transition: transform .3s ease-in-out
}
.tools--scrolling-up.tools--below.tools--float {
  transform: none
}
#tools__popup .popup-body {
  background: var(--colors-themed-body-bg);
  padding: 1.5rem
}
#tools__popup.popup-bottom .popup-arrow {
  border-bottom-color: var(--colors-themed-body-bg)
}
#tools__popup.popup-top .popup-arrow {
  border-top-color: var(--colors-themed-body-bg)
}
.tools__search {
  flex: 1 1;
  margin-left: .5rem
}
.tools__search input {
  border-color: var(--colors-themed-header-border)!important;
  max-width: 100%;
  width: 100%
}
.tools__search .autocomplete__wrapper {
  width: 100%
}
.tools--searching .tools__button {
  display: none
}
.tools--searching .tools__search {
  margin-left: 0;
  width: 100%
}
.tools.tools--sticky {
  margin-bottom: 1rem;
  padding-left: 0;
  padding-right: 0;
  position: sticky!important;
  top: 0;
  transform: none!important
}
.tools__drop-options {
  display: flex;
  flex-direction: column;
  font-size: 1.05rem
}
.tools__drop-option {
  align-items: center;
  display: flex;
  padding: .75rem 0
}
.tools__drop-option input {
  height: 18px;
  margin-right: .75rem;
  width: 18px
}
.tools__button[data-id=filters]:not(.tools__button--disabled) {
  background-color: rgba(41,104,202,.05);
  border-color: currentColor;
  color: #2d69c6
}
.tools.tools--has-price .tools__button[data-id=filters] {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
  margin-right: 0
}
.tools__button[data-id=price] {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  margin-left: -1px;
  margin-right: auto
}
.tools__button[data-id=price].tools__button--active .tools__label {
  color: #d41433
}
.tools__button[data-id=sorting] {
  border-radius: .25rem;
  margin-left: auto;
  margin-right: -1px
}
.tools__button[data-id=sorting]:first-child {
  flex: 1 1;
  justify-content: flex-start;
  margin-left: 0
}
.tools__button[data-id=sorting] .tools__label {
  display: none;
  max-width: 16vw;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis
}
@media only screen and (min-width: 23em) {
  .tools__button[data-id=sorting] .tools__label {
    display:block
  }}
.tools__checkbox[data-id=deals]+.tools__button[data-id=sorting] .tools__label {
  display: none
}
.tools {
  align-items: center;
  display: flex;
  font-size: .87rem;
  gap: .75rem;
  line-height: 1;
  padding: .75rem 0;
  transition: box-shadow .2s ease-in-out;
  -webkit-user-select: none;
  user-select: none
}
.tools__sentinel {
  height: 1px;
  margin-top: -1px
}
.tools.tools--sticky {
  background: var(--colors-themed-body-bg);
  z-index: 999999999
}
@supports ((-webkit-backdrop-filter: blur(10px)) or (backdrop-filter:blur(10px))) {
  .tools.tools--sticky {
    -webkit-backdrop-filter:blur(10px);
    backdrop-filter: blur(10px);
    background: var(--colors-themed-85807677)
  }
  :root {
    --colors-themed-85807677: rgba(249,251,251,.85)
  }
  [data-theme=dark] {
    --colors-themed-85807677: rgba(29,29,29,.85)
  }}
@media only screen and (min-width: 23em) {
  .tools {
    font-size:.9rem
  }}
@media only screen and (min-width: 25.8em) {
  .tools {
    font-size:.92rem
  }}
@media only screen and (min-width: 35.5em) {
  .tools {
    font-size:.98rem
  }}
@media only screen and (min-width: 48em) {
  html.is-desktop .tools {
    display:none
  }}
@media only screen and (min-width: 64em) {
  .tools {
    display:none
  }}
.coupon {
  align-items: center;
  background: #d1faf8;
  border-radius: 6px;
  color: #009e95;
  cursor: pointer;
  display: grid;
  font-weight: 500;
  gap: .5rem;
  grid-template-columns: auto 1fr auto;
  padding: .5rem 1rem;
  transition: all .25s ease-in-out;
  -webkit-user-select: none;
  user-select: none;
  width: 100%
}
.coupon *,.coupon svg {
  pointer-events: none
}
.coupon svg {
  z-index: 0
}
.coupon__icon,.coupon__label {
  align-items: center;
  display: grid
}
.coupon__discount {
  background: #fff;
  border-radius: 6px;
  font-variant-numeric: tabular-nums;
  padding: .5rem
}
[data-theme=dark] .coupon__discount {
  background: #444;
  color: #fff
}
@media only screen and (min-width: 64em) {
  .hasFreeShipping {
    grid-template-columns:auto auto;
    padding: .5rem
  }
  .hasFreeShipping .coupon__label {
    display: none
  }
  .hasFreeShipping .coupon__discount {
    font-size: .95rem;
    padding: .4rem
  }}
.p__button-wrapper .coupon.hasFreeShipping {
  grid-template-columns: auto auto;
  justify-content: center;
  padding-left: .5rem
}
.p__button-wrapper .coupon.hasFreeShipping .coupon__label {
  display: none
}
.p__button-wrapper .coupon.hasFreeShipping .coupon__discount {
  font-size: .9rem;
  overflow: hidden;
  padding: .3rem .5rem;
  text-overflow: ellipsis;
  white-space: nowrap
}
html:not(.touch) .coupon:hover {
  background: #bcf8f5
}
.scroll__arrow {
  background: var(--colors-themed-47703806);
  color: var(--colors-themed-32871710)
}
:root {
  --colors-themed-47703806: #fff
}
[data-theme=dark] {
  --colors-themed-47703806: #363e44
}
:root {
  --colors-themed-32871710: #111
}
[data-theme=dark] {
  --colors-themed-32871710: #fff
}
#page-userverification #root,#page-userverification body {
  background: #f3f3f3;
  height: 100%
}
#page-userverification .root {
  align-items: center;
  display: flex;
  height: 100vh;
  height: calc(100vh - var(--vh-offset,0px));
  max-height: -webkit-fill-available;
  max-height: -moz-available;
  max-height: stretch;
  max-width: 100%
}
#page-userverification .users-verification {
  margin: 0 auto;
  text-align: center;
  width: 40rem
}
#page-userverification h2 {
  font-size: 18px;
  font-weight: 400;
  margin: 35px 0
}
#page-userverification #sorry-button {
  display: inline-block;
  font-size: 1em;
  margin: 20px 0;
  text-decoration: none
}
#page-unsubscribe h1 {
  font-size: 1.7rem;
  font-weight: 900
}
#page-unsubscribe .options {
  display: flex;
  flex-direction: column;
  margin-top: 2rem
}
#page-unsubscribe .options a {
  flex: 1 1;
  margin: .25rem 0
}
#page-unsubscribe a {
  font-size: 1.1rem
}
#page-unsubscribe #root {
  padding: 5rem 0;
  text-align: center
}
@media only screen and (min-width: 35.5em) {
  #page-unsubscribe .options {
    flex-direction:row;
    justify-content: center
  }
  #page-unsubscribe .options a {
    margin: 0 .25rem
  }}
@media only screen and (min-width: 48em) {
  #page-unsubscribe .options a {
    flex:none
  }}
.react-tabs {
  border-bottom: 1px solid var(--colors-themed-separator);
  box-shadow: none;
  display: flex;
  justify-content: center;
  max-width: 100%;
  position: relative;
  width: 100%;
  z-index: 99999;
  -ms-overflow-style: none;
  -moz-scrollbars: none;
  align-items: center;
  display: grid;
  gap: 1.5rem;
  grid-auto-columns: auto;
  grid-auto-flow: column;
  grid-template-columns: 1fr;
  justify-content: safe start;
  overflow: hidden;
  overflow-x: scroll;
  overflow: scroll;
  scrollbar-width: none
}
.react-tabs::-webkit-scrollbar {
  background: 0 0;
  display: none!important;
  height: 0!important;
  opacity: 0;
  width: 0!important
}
.react-tabs::-webkit-scrollbar-thumb,.react-tabs::-webkit-scrollbar-track {
  display: none;
  height: 0;
  overflow: hidden
}
.react-tabs::-webkit-scrollbar-thumb {
  background: 0 0;
  width: 0
}
.react-tabs--center .react-tabs__tabs {
  justify-content: center
}
.react-tabs__tabs {
  display: flex;
  width: 100%
}
.react-tab {
  align-items: center;
  border: 0;
  color: var(--colors-themed-body-color-light);
  cursor: pointer;
  display: flex;
  flex: 0 1;
  font-size: 1.05rem;
  font-variant-numeric: tabular-nums;
  font-weight: 500;
  justify-content: center;
  margin: 0;
  padding: .5rem .75rem 1.5rem;
  position: relative;
  text-align: center;
  -webkit-user-select: none;
  user-select: none;
  white-space: nowrap
}
.react-tab--selected {
  color: var(--colors-themed-body-color);
  cursor: default
}
@media only screen and (max-width: 47.99em) {
  .react-tab {
    font-weight:700
  }}
.react-tabs__needle {
  background: #ec1639;
  bottom: -1px;
  height: 3px;
  left: 0;
  position: absolute;
  transform: translateX(0);
  transform-origin: left;
  width: 1px
}
.react-tabs--ready .react-tabs__needle {
  transition: all .25s ease-in-out
}
[data-scroll][data-scroll] {
  display: flex;
  flex-wrap: nowrap!important;
  max-width: 100%!important;
  min-width: 0;
  overflow: hidden!important;
  width: 100%
}
html.touch [data-scroll][data-scroll] {
  overflow-x: scroll!important;
  overflow-y: hidden;
  -ms-overflow-style: none;
  -moz-scrollbars: none;
  scrollbar-width: none
}
html.touch [data-scroll][data-scroll]::-webkit-scrollbar {
  background: 0 0;
  display: none!important;
  height: 0!important;
  opacity: 0;
  width: 0!important
}
html.touch [data-scroll][data-scroll]::-webkit-scrollbar-track {
  display: none;
  height: 0;
  overflow: hidden
}
html.touch [data-scroll][data-scroll]::-webkit-scrollbar-thumb {
  background: 0 0;
  display: none;
  height: 0;
  overflow: hidden;
  width: 0
}
.scroll__arrow {
  align-items: center;
  -webkit-appearance: none;
  appearance: none;
  background: var(--colors-themed-83582181);
  border: 0;
  border-radius: 100%;
  box-shadow: 0 .4px 2.2px rgba(0,0,0,.02),0 .9px 5.3px rgba(0,0,0,.028),0 1.8px 10px rgba(0,0,0,.035),0 3.1px 17.9px rgba(0,0,0,.042),0 5.8px 33.4px rgba(0,0,0,.05),0 14px 80px rgba(0,0,0,.07);
  color: var(--colors-themed-2214163);
  display: flex;
  height: 46px;
  justify-content: center;
  left: 0;
  margin: -23px 0 0;
  opacity: .92;
  outline: 0;
  position: absolute;
  top: 50%;
  transition: opacity .35s ease-in-out,transform 50ms ease-in-out;
  -webkit-user-select: none;
  user-select: none;
  width: 46px;
  z-index: 9999999
}
:root {
  --colors-themed-83582181: #fff
}
[data-theme=dark] {
  --colors-themed-83582181: #363e44
}
:root {
  --colors-themed-2214163: #111
}
[data-theme=dark] {
  --colors-themed-2214163: #fff
}
.scroll__arrow--next {
  left: auto;
  right: 0
}
.scroll__arrow:active {
  transform: scale(.92)
}
.scroll__arrow--disabled {
  box-shadow: none;
  color: var(--colors-themed-body-color-light);
  cursor: default!important;
  opacity: 0!important;
  pointer-events: none!important
}
.scroll__arrow svg {
  flex: none;
  pointer-events: none
}
.scroll__arrow.scroll__arrow--disabled.scroll__arrow--previous {
  pointer-events: none!important
}
.scroll__arrow.scroll__arrow--disabled.scroll__arrow--previous * {
  pointer-events: none
}
.scroll--small .scroll__arrow {
  height: 36px;
  left: -12px;
  margin-top: -18px;
  width: 36px
}
.scroll--small .scroll__arrow--next {
  left: auto;
  right: -12px
}
.scroll--red .scroll__arrow {
  color: #de6845
}
html.no-touch .scroll__arrow:not(:disabled):hover {
  opacity: 1
}
.scroll__arrow g {
  display: contents
}
@supports (animation-fill-mode: forwards) {
  .scroll__arrow {
    animation:arrow-enter .2s ease-in-out 0s forwards;
    transform: scale(.8);
    z-index: 99
  }
  .scroll__arrow svg {
    animation: arrow-enter-icon .2s ease-in-out .1s forwards;
    opacity: 0
  }}
@keyframes arrow-enter {
  to {
    transform: none
  }}
@keyframes arrow-enter-icon {
  0 {
    opacity: 0
  }
  to {
    opacity: 1
  }}
.scroll.scroll--center .scroll__content {
  flex: none!important;
  min-width: 100%
}
.scroll.scroll--center .scroll__clip {
  margin-left: auto!important;
  margin-right: auto!important
}
@media only screen and (max-width: 47.99em) {
  .scroll.scroll--center-on-mobile .scroll__content {
    flex:none!important;
    justify-content: center!important
  }
  .scroll.scroll--center-on-mobile .scroll__clip,.scroll.scroll--center-on-mobile .scroll__content {
    margin-left: auto!important;
    margin-right: auto!important
  }}
@supports not (display: grid) {
  .scroll.scroll--center .scroll__content {
    justify-content:center!important;
    margin-left: auto!important;
    margin-right: auto!important
  }
  .scroll.scroll--center-on-mobile .scroll__content {
    justify-content: center!important
  }
  [data-scroll][data-scroll-center] {
    justify-content: center
  }
  @media only screen and (max-width: 47.99em) {
    [data-scroll][data-scroll-centeronmobile] {
      justify-content:center
    }  }}
@supports (display: grid) {
  .scroll.scroll--center .scroll__scroller,[data-scroll][data-scroll-center] {
    display:grid!important;
    grid-auto-flow: column;
    justify-content: safe center
  }
  .scroll.scroll--center .scroll__content {
    min-width: auto
  }
  @media only screen and (max-width: 47.99em) {
    .scroll.scroll--center-on-mobile .scroll__scroller,[data-scroll][data-scroll-centeronmobile] {
      display:grid!important;
      grid-auto-flow: column;
      justify-content: safe center
    }  }}
.touch .scroll__child,.touch .scroll__content>a,.touch .scroll__content>div,.touch .scroll__content>li {
  scroll-snap-align: start
}
.scroll__child:first-child,.scroll__content>a:first-child,.scroll__content>div:first-child,.scroll__content>li:first-child {
  margin-left: 0
}
.scroll__child:first-last,.scroll__content>a:first-last,.scroll__content>div:first-last,.scroll__content>li:first-last {
  margin-left: 0
}
.scroll__child:only-child,.scroll__content>a:only-child,.scroll__content>div:only-child,.scroll__content>li:only-child {
  scroll-snap-align: none!important
}
.scroll.scroll--scrolling .scroll__scroller {
  scroll-snap-type: none
}
.scroll.scroll--scrolling .scroll__scroller .scroll__child {
  scroll__snap-align: none
}
.scroll {
  display: flex;
  min-width: 0;
  position: relative
}
.scroll--pending,.scroll--pending * {
  display: contents
}
.scroll__clip {
  display: flex;
  overflow: hidden
}
.scroll,.scroll__clip,.scroll__scroller {
  width: 100%
}
.scroll__scroller {
  display: flex;
  overflow: hidden;
  overflow-x: auto;
  overflow-x: overlay;
  -webkit-overflow-scrolling: touch;
  flex: 1 1;
  margin-bottom: -100px;
  padding-bottom: 100px;
  scroll-snap-type: x proximity;
  -ms-overflow-style: none;
  -moz-scrollbars: none
}
.scroll__scroller::-webkit-scrollbar {
  background: 0 0;
  display: none!important;
  height: 0!important;
  opacity: 0!important;
  width: 0!important
}
.scroll__scroller::-webkit-scrollbar-track {
  display: none;
  height: 0!important;
  overflow: hidden
}
.scroll__scroller::-webkit-scrollbar-thumb {
  background: 0 0;
  display: none!important;
  height: 0!important;
  overflow: hidden;
  width: 0!important
}
@supports (scrollbar-width:thin) {
  .scroll__scroller {
    scrollbar-width: none!important
  }}
.scroll.scroll--no-scrolling .scroll,.scroll.scroll--no-scrolling .scroll__clip,.scroll.scroll--no-scrolling .scroll__scroller {
  overflow: visible
}
.scroll.scroll--no-scrolling .scroll__scroller {
  margin-bottom: 0;
  padding-bottom: 0
}
.scroll.scroll--no-scroll .scroll__scroller {
  overflow: hidden
}
.scroll__content {
  display: flex;
  flex-grow: 1;
  flex-wrap: nowrap!important;
  max-width: 100%;
  overflow: initial!important
}
@media only screen and (min-width: 23em) {
  #page-shoeshub [data-products] .scroll__child {
    flex:none;
    margin-right: .5rem;
    padding: 0!important;
    width: calc(47.61905% - .2619rem)
  }
  #page-shoeshub [data-products] .scroll__child:last-child {
    margin-right: 0
  }}
@media only screen and (min-width: 25.8em) {
  #page-shoeshub [data-products] .scroll__child {
    flex:none;
    margin-right: .5rem;
    padding: 0!important;
    width: calc(45.45455% - .27273rem)
  }
  #page-shoeshub [data-products] .scroll__child:last-child {
    margin-right: 0
  }}
@media only screen and (min-width: 35.5em) {
  #page-shoeshub [data-products] .scroll__child {
    flex:none;
    margin-right: .5rem;
    padding: 0!important;
    width: calc(31.25% - .34375rem)
  }
  #page-shoeshub [data-products] .scroll__child:last-child {
    margin-right: 0
  }}
@media only screen and (min-width: 48em) {
  #page-shoeshub [data-products] .scroll__child {
    flex:none;
    margin-right: .6rem;
    padding: 0!important;
    width: calc(20% - .48rem)
  }
  #page-shoeshub [data-products] .scroll__child:last-child {
    margin-right: 0
  }}
@media only screen and (min-width: 64em) {
  #page-shoeshub [data-products] .scroll__child {
    flex:none;
    margin-right: .75rem;
    padding: 0!important;
    width: calc(16.66667% - .625rem)
  }
  #page-shoeshub [data-products] .scroll__child:last-child {
    margin-right: 0
  }}
@media only screen and (min-width: 23em) {
  #page-shoeshub [data-products-small] .scroll__child {
    flex:none;
    margin-right: .5rem;
    padding: 0!important;
    width: calc(47.61905% - .2619rem)
  }
  #page-shoeshub [data-products-small] .scroll__child:last-child {
    margin-right: 0
  }}
@media only screen and (min-width: 25.8em) {
  #page-shoeshub [data-products-small] .scroll__child {
    flex:none;
    margin-right: .5rem;
    padding: 0!important;
    width: calc(45.45455% - .27273rem)
  }
  #page-shoeshub [data-products-small] .scroll__child:last-child {
    margin-right: 0
  }}
@media only screen and (min-width: 35.5em) {
  #page-shoeshub [data-products-small] .scroll__child {
    flex:none;
    margin-right: .5rem;
    padding: 0!important;
    width: calc(31.25% - .34375rem)
  }
  #page-shoeshub [data-products-small] .scroll__child:last-child {
    margin-right: 0
  }}
@media only screen and (min-width: 48em) {
  #page-shoeshub [data-products-small] .scroll__child {
    flex:none;
    margin-right: .6rem;
    padding: 0!important;
    width: calc(25% - .45rem)
  }
  #page-shoeshub [data-products-small] .scroll__child:last-child {
    margin-right: 0
  }}
@media only screen and (min-width: 23em) {
  #page-shoeshub div[data-review] {
    flex:none;
    margin-right: .5rem;
    padding: 0!important;
    width: calc(66.66667% - .16667rem)
  }
  #page-shoeshub div[data-review]:last-child {
    margin-right: 0
  }}
@media only screen and (min-width: 25.8em) {
  #page-shoeshub div[data-review] {
    flex:none;
    margin-right: .5rem;
    padding: 0!important;
    width: calc(55.55556% - .22222rem)
  }
  #page-shoeshub div[data-review]:last-child {
    margin-right: 0
  }}
@media only screen and (min-width: 35.5em) {
  #page-shoeshub div[data-review] {
    flex:none;
    margin-right: .5rem;
    padding: 0!important;
    width: calc(37.03704% - .31481rem)
  }
  #page-shoeshub div[data-review]:last-child {
    margin-right: 0
  }}
@media only screen and (min-width: 48em) {
  #page-shoeshub div[data-review] {
    flex:none;
    margin-right: .6rem;
    padding: 0!important;
    width: calc(25% - .45rem)
  }
  #page-shoeshub div[data-review]:last-child {
    margin-right: 0
  }}
.webspace--loaded[data-id="43041"] {
  margin: 1rem auto;
  width: 100%
}
#page-search .categories {
  margin-bottom: 1rem
}
@media only screen and (min-width: 80em) {
  #page-search .categories {
    margin-bottom:2rem
  }}
@media only screen and (min-width: 120em) {
  #page-search .categories {
    margin-bottom:2.5rem
  }}
#page-reviews .reviews-root {
  margin: auto;
  max-width: 860px;
  padding: 1.5rem
}
@media only screen and (min-width: 48em) {
  #page-reviews .reviews-root {
    padding:2rem
  }}
@media only screen and (min-width: 80em) {
  #page-reviews .reviews-root {
    padding:2.5rem
  }}
@media only screen and (min-width: 120em) {
  #page-reviews .reviews-root {
    padding:3rem
  }}
#page-qna #footer-wrapper {
  display: none
}
@media only screen and (max-width: 47.99em) {
  #page-qna .shortlist__placeholder {
    display:none!important;
    opacity: 0
  }}
#page-qna #root,#page-qna #root .root__wrapper,#page-qna #root .root__wrapper .root {
  display: flex;
  flex: 1 1;
  flex-direction: column
}
#page-qna #trail {
  flex: none
}
.qna__loading {
  align-items: center;
  justify-content: center
}
.qna__loading,.qna__placeholder {
  display: flex;
  flex: 1 1;
  width: 100%
}
.qna__placeholder {
  align-items: flex-start
}
#page-proofs .shortlist,#page-proofs .shortlist__opener {
  display: none!important
}
#page-profile .masthead__wrapper {
  background: 0 0;
  margin-top: 2rem
}
#page-profile .masthead {
  align-items: flex-start;
  display: flex;
  -webkit-font-smoothing: antialiased
}
#page-profile .masthead__aside {
  flex: none;
  position: relative;
  width: 100%;
  z-index: 2
}
#page-profile .masthead__floater {
  align-items: flex-end;
  display: flex;
  justify-content: space-between
}
#page-profile .masthead__main {
  flex-grow: 1;
  margin-top: .5rem;
  position: relative;
  width: 100%
}
#page-profile .masthead__main h1 {
  font-size: 1.6rem
}
#page-profile .id {
  color: var(--colors-themed-body-color)
}
#page-profile .id__title {
  justify-content: flex-start
}
#page-profile .id__meta {
  font-size: 1rem;
  font-weight: 400;
  text-align: left
}
#page-profile .id__meta li:last-child {
  border-bottom: 1px solid var(--colors-themed-separator-light)
}
#page-profile .id__meta li:empty {
  display: none
}
#page-profile .id__meta li {
  border-color: var(--colors-themed-separator-light)
}
#page-profile .id__meta .social-links {
  margin-top: 0
}
#page-profile .profile__button .tooltip__anchor {
  display: block
}
@media only screen and (min-width: 48em) {
  #page-profile .masthead__wrapper {
    margin-top:0
  }
  #page-profile .masthead__aside {
    position: relative;
    top: 10px;
    width: 250px
  }
  #page-profile .masthead__floater {
    display: block
  }
  #page-profile .masthead__main {
    width: auto
  }
  #page-profile .masthead__main h1 {
    font-size: 2rem;
    font-weight: 700
  }
  #page-profile .masthead {
    align-items: flex-start;
    margin-top: 0
  }
  #page-profile .id {
    text-shadow: 0 1px 0 rgba(0,0,0,.35)
  }
  #page-profile .id__meta {
    font-size: 1.05rem;
    font-weight: 500
  }
  #page-profile .id,#page-profile .id__meta li {
    color: #fff;
    text-align: left
  }
  #page-profile .id__meta li {
    padding: .4rem 0
  }
  #page-profile .id__title {
    justify-content: flex-start
  }
  #page-profile .id__meta li:last-child {
    border: 0
  }}
.profile__cover-wrapper {
  bottom: 0;
  height: 100%;
  height: 180px;
  left: 0;
  overflow: hidden;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0
}
.profile__cover-wrapper .root {
  align-items: flex-end;
  display: flex;
  height: 100%;
  justify-content: flex-end
}
.profile__cover {
  background: #c3c4c7;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  justify-content: center;
  overflow: hidden;
  transition: background .25s ease-in-out;
  transition-property: background-image,background-color;
  z-index: -1
}
.profile__cover,.profile__cover:before {
  bottom: 0;
  left: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0
}
.profile__cover:before {
  background-image: linear-gradient(transparent 71%,rgba(0,0,0,.53));
  content: "";
  display: none;
  opacity: .1;
  z-index: 9999999
}
.profile__cover--color:before {
  display: none
}
.profile__cover-suggest {
  align-items: center;
  color: #555;
  display: none;
  font-size: 1rem;
  height: 16px;
  justify-content: center;
  margin-top: -2em;
  opacity: .65;
  padding-bottom: 2rem;
  text-align: center
}
.profile__cover-suggest svg {
  margin: 0 .25rem 0 .5em
}
@media only screen and (min-width: 25.8em) {
  .profile__cover-wrapper {
    height:240px
  }}
@media only screen and (min-width: 48em) {
  .profile__cover-wrapper {
    height:100%
  }
  .profile__cover.profile__cover--has-cover:not(.profile__cover--color):before {
    display: block;
    opacity: 1
  }
  .profile__cover-suggest {
    display: flex
  }}
@media only screen and (max-width: 47.99em) {
  .profile__button .button[data-disabled] {
    opacity:1
  }}
@media only screen and (min-width: 48em) {
  .profile__button {
    margin-top:1rem
  }}
.profile-buttons {
  display: flex;
  flex-direction: row;
  pointer-events: auto;
  position: relative;
  z-index: 99999999
}
.profile-buttons__button {
  align-items: center;
  border: 1px solid hsla(0,0%,100%,.25);
  border-radius: 2px;
  color: hsla(0,0%,100%,.7)!important;
  display: flex;
  justify-content: center;
  padding: .5rem .8rem;
  -webkit-font-smoothing: antialiased;
  background-color: rgba(0,0,0,.05);
  cursor: pointer;
  flex-shrink: none;
  transition: all .15s ease-in-out;
  -webkit-user-select: none;
  user-select: none;
  white-space: nowrap
}
.profile-buttons__button:first-child {
  margin-top: 0
}
.profile-buttons__button:last-child {
  margin-left: 1rem
}
.no-touch .profile-buttons__button:not([data-type]):hover {
  background-color: #fff;
  color: #555!important;
  text-decoration: none!important
}
.profile-buttons__button>svg {
  align-items: center;
  display: flex;
  flex: none;
  margin: 0;
  width: 16px
}
.profile-buttons__button span {
  display: none
}
#profile-cover__button {
  flex: none
}
.profile-buttons__row {
  align-items: center;
  display: flex;
  flex: none;
  flex-direction: row;
  justify-content: flex-start
}
.profile-buttons__row .profile-buttons__button {
  display: flex;
  flex: 1 1 auto;
  justify-content: center;
  margin: 0 .5rem 0 0
}
.profile-buttons__row>.profile-buttons__button:last-child {
  margin-right: 0
}
@media only screen and (min-width: 25.8em) {
  .profile-buttons {
    flex-direction:column
  }
  .profile-buttons__button {
    margin-top: .5rem
  }
  .profile-buttons__button:last-child {
    margin-left: 0
  }}
@media only screen and (min-width: 64em) {
  .profile-buttons__button {
    justify-content:flex-start
  }
  .profile-buttons__button span {
    display: flex
  }
  .profile-buttons__button svg {
    margin-right: .5rem
  }}
.profile__avatar {
  border-radius: 2px;
  box-shadow: 0 2px 30px 0 rgba(0,0,0,.3);
  flex: none;
  overflow: hidden;
  width: 100px
}
.profile__avatar img {
  display: block;
  height: 100px;
  width: 100px
}
#change-avatar {
  cursor: pointer;
  max-height: 250px;
  overflow: hidden;
  position: relative
}
#change-avatar:after {
  background-color: hsla(0,0%,100%,.7);
  bottom: 0;
  content: "";
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  transition: all .3s ease-out;
  width: 100%
}
#change-avatar:hover .profile__avatar-text,#change-avatar:hover:after {
  opacity: 1
}
.profile__avatar-text {
  align-items: center;
  color: #555;
  display: flex;
  height: 100%;
  justify-content: center;
  opacity: 0;
  position: absolute;
  text-align: center;
  transition: all .3s ease-out;
  width: 100%;
  z-index: 1
}
@media only screen and (min-width: 25.8em) {
  .profile__avatar {
    width:150px
  }
  .profile__avatar img {
    height: 150px;
    width: 150px
  }}
@media only screen and (min-width: 48em) {
  .profile__avatar {
    width:250px
  }
  .profile__avatar img {
    height: 250px;
    width: 250px
  }}
#page-profile section:not(.section)>header {
  display: flex;
  flex-direction: column
}
#page-profile .section__header .credit-club__link {
  color: #000;
  font-size: 18px;
  text-decoration-line: none!important
}
@media only screen and (min-width: 35.5em) {
  #page-profile section:not(.section)>header {
    align-items:center;
    flex-direction: row;
    justify-content: space-between
  }}
.profile__friends-search {
  margin-top: 1rem
}
.profile__friends-search .autocomplete__wrapper,.profile__friends-search input[type=search] {
  max-width: 100%;
  width: 100%
}
@media only screen and (min-width: 35.5em) {
  .profile__friends-search {
    display:flex;
    justify-content: center;
    margin-top: 0
  }
  .profile__friends-search input[type=search] {
    max-width: 100%;
    width: 20rem
  }}
#page-profile .page-header__filters,.page-profile__product-cat {
  margin-top: .25rem
}
#page-profile .page-header__sorting {
  box-shadow: none;
  display: flex
}
#page-profile .page-profile__product-filters {
  display: flex;
  justify-content: space-between;
  width: 100%
}
#page-profile .page-profile__product-filters input {
  flex: none;
  height: 1.2rem;
  width: 1.2rem
}
@media only screen and (min-width: 48em) {
  .page-profile__product-cat {
    display:flex
  }
  #page-profile .page-profile__product-filters {
    display: block;
    width: auto
  }}
@media only screen and (min-width: 64em) {
  #page-profile .page-header__filters {
    align-items:center;
    display: flex
  }
  .page-profile__product-filters {
    margin-left: auto
  }
  .page-profile__product-filter {
    margin-left: .5rem;
    -webkit-user-select: none;
    user-select: none
  }}
#page-profile .menu {
  -webkit-font-smoothing: auto
}
#page-profile .masthead__floater .menu__item:not(.menu__item--selected) {
  background-color: var(--colors-themed-card-bg);
  border: var(--colors-themed-card-border);
  color: var(--colors-themed-card-text)
}
@media only screen and (min-width: 48em) {
  #page-profile .menu {
    margin-top:1rem
  }}
#page-profile .sitemap-button--desktop {
  display: none
}
#page-profile .search__wrapper {
  grid-template-columns: 1fr
}
[data-theme=default]#page-profile #search-form-wrapper {
  background-color: #fff;
  border-color: #fff
}
#page-profile body .bp-header__outer-wrapper {
  background: 0 0;
  border-bottom: 1px solid var(--colors-themed-header-border);
  box-shadow: 0 1px 6px 0 var(--colors-themed-header-shadow);
  z-index: 0
}
#page-profile body .bp-header__outer-wrapper,#page-profile body header.bp-header {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: relative
}
#page-profile body header.bp-header {
  background: var(--colors-themed-header-bg);
  border-bottom: 1px solid transparent;
  box-shadow: 0 1px 6px 0 transparent;
  z-index: 9
}
html[data-theme=dark]#page-profile body header.bp-header {
  background: var(--colors-themed-header-bg);
  border-bottom: 1px solid var(--colors-themed-header-border);
  box-shadow: 0 1px 6px 0 var(--colors-themed-header-shadow);
  color: #fff;
  transition: transform .2s ease-in-out
}
#page-profile body .header__html {
  margin-top: -.6rem;
  padding: 0 .94rem .75rem
}
@media only screen and (min-width: 48em) {
  #page-profile body .bp-header__outer-wrapper {
    height:360px;
    z-index: 99999999
  }
  #page-profile body .header__html {
    margin-top: 0;
    padding: 0 1.915rem .75rem
  }}
@media only screen and (min-width: 64em) {
  #page-profile body .bp-header__outer-wrapper {
    height:380px
  }}
@media only screen and (min-width: 80em) {
  #page-profile body .bp-header__outer-wrapper {
    height:400px
  }}
@media only screen and (min-width: 120em) {
  #page-profile body .bp-header__outer-wrapper {
    height:420px
  }}
@media only screen and (min-width: 150em) {
  #page-profile body .bp-header__outer-wrapper {
    height:450px
  }}
.page__empty-state {
  align-items: center;
  color: var(--colors-themed-body-color-lighter);
  display: flex;
  flex-direction: column;
  margin-top: 3rem;
  text-align: center
}
.page__empty-state--highlighted {
  font-weight: 900
}
.page__empty-state img {
  max-width: 21rem;
  opacity: .6;
  width: calc(10rem + 20%)
}
.page__empty-state--large {
  display: none
}
.page__empty-state p {
  margin-top: 1.5rem
}
.page__empty-state svg {
  vertical-align: text-top
}
@media only screen and (min-width: 64em) {
  .page__empty-state p {
    margin-top:2.5rem
  }
  .page__empty-state--mobile {
    display: none
  }
  .page__empty-state--large {
    display: block
  }}
.page__empty-state-button {
  margin-top: 1rem
}
.tracklist__selector {
  flex: 1 1;
  margin-top: 1rem
}
.tracklist__selector span {
  display: none
}
.tracklist__selector svg {
  margin-right: 0
}
.tracklist__selector .selector__option {
  flex: 1 1
}
.tracklist__selector .selector__option:not(.selector__option--selected) {
  color: var(--colors-themed-body-color-light)
}
.tracklist__selector .selector__option:last-child svg {
  margin-right: 0
}
@media only screen and (min-width: 35.5em) {
  .tracklist__selector span {
    display:inline-block
  }
  .tracklist__selector svg {
    margin-right: .3rem
  }}
@media only screen and (min-width: 48em) {
  .tracklist__selector {
    flex:none;
    margin-left: 1rem;
    margin-top: 0
  }
  .tracklist__selector span {
    display: none
  }
  .tracklist__selector svg {
    margin-right: 0
  }}
@media only screen and (min-width: 64em) {
  .tracklist__selector .selector__option {
    flex:none
  }
  .tracklist__selector span {
    display: inline-block
  }
  .tracklist__selector svg {
    margin-right: .3rem
  }}
.tracklist__product-wrapper {
  align-items: center;
  border-top: 1px solid #ddd;
  display: flex;
  justify-content: space-between;
  padding: 1rem .5rem 1rem 0
}
.tracklist__product {
  align-items: center;
  display: flex;
  width: 100%
}
.tracklist__product--deleted {
  filter: grayscale(1);
  opacity: .7
}
.tracklist__product-main {
  display: flex;
  flex-direction: column;
  width: 100%
}
.tracklist__product-image {
  flex: none;
  margin-right: 1.5rem
}
.tracklist__product-meta {
  display: flex;
  flex: 1 1;
  flex-direction: column
}
.tracklist__product-meta time {
  color: var(--colors-themed-body-color-light);
  display: block;
  font-size: .9rem;
  margin-top: .5rem
}
@media only screen and (min-width: 48em) {
  .tracklist__product-main {
    align-items:center;
    flex-direction: row
  }}
.tracklist__header {
  flex: none;
  padding-bottom: 1rem
}
.tracklist__header h1 {
  font-size: 1.6rem;
  margin: 0 0 1rem
}
.tracklist__header p svg {
  height: 1rem;
  width: 1rem
}
@media only screen and (min-width: 48em) {
  .tracklist__header {
    text-align:left
  }
  .tracklist__header h1 {
    font-size: 1.9rem
  }}
.popup.is-modal.tracklist__popup .popup-body {
  display: flex;
  padding: 1.05rem
}
.tracklist__wrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%
}
.tracklist__products {
  flex: 1 1;
  height: 100%;
  margin: 0;
  max-height: 50vh;
  max-height: calc(50vh - var(--vh-offset,0px));
  overflow-y: auto;
  padding: 0;
  -webkit-overflow-scrolling: touch;
  border-bottom: 1px solid var(--colors-themed-separator-light);
  border-top: 1px solid var(--colors-themed-separator-light)
}
.tracklist__button-wrapper {
  align-items: center;
  display: flex;
  justify-content: center;
  width: 100%
}
.tracklist__button {
  margin-bottom: 1rem;
  width: 100%
}
.tracklist__submit-button {
  flex: none;
  margin-top: 1.05rem!important;
  width: 100%
}
@media only screen and (min-width: 48em) {
  .popup.is-modal.tracklist__popup .popup-body {
    padding:2rem 3.84rem;
    width: 60rem
  }
  .tracklist__button {
    width: auto
  }
  .tracklist__submit-button {
    margin-top: 1.92rem!important
  }}
#page-profile #trail {
  display: none
}
#page-profile .reviews-container {
  margin-top: 0
}
#page-profile .reviews-container .review:first-child {
  padding-top: 0
}
#page-profile #footer-wrapper,#page-profile .autocomplete--suggesting #root:before {
  display: none
}
@media only screen and (min-width: 48em) {
  #page-profile #footer-wrapper {
    display:block
  }
  .root--profile {
    min-height: 50rem;
    padding-left: calc(250px + 1.92rem)
  }}
@media only screen and (min-width: 64em) {
  .root--profile {
    padding-left:calc(250px + 1.92rem)
  }}
@media only screen and (min-width: 80em) {
  .root--profile {
    padding-left:calc(250px + 1.92rem)
  }}
@media only screen and (min-width: 120em) {
  .root--profile {
    padding-left:calc(250px + 1.92rem)
  }}
.post__cover {
  border-radius: 10px;
  margin: 0 auto 2rem;
  max-height: 700px;
  max-width: 1024px;
  overflow: hidden;
  width: 100%
}
.post__cover img {
  display: block;
  object-fit: cover;
  object-position: center;
  width: 100%
}
.post__author {
  display: grid;
  gap: .5rem;
  grid-auto-flow: column
}
.post__author img {
  border-radius: 50%
}
.section__header {
  align-items: center;
  display: grid;
  gap: .25rem;
  grid-auto-columns: auto;
  grid-auto-flow: column;
  grid-template-columns: 1fr;
  justify-content: space-between;
  margin-bottom: 1rem
}
@media only screen and (min-width: 80em) {
  .section__header {
    margin-bottom:1.25rem
  }}
.section__hgroup {
  display: grid;
  gap: .22rem
}
@media only screen and (min-width: 80em) {
  .section__hgroup {
    gap:.22rem
  }}
@media only screen and (min-width: 120em) {
  .section__hgroup {
    gap:.25rem
  }}
.section__title {
  align-items: center;
  display: flex;
  font-size: 1.13rem;
  font-weight: 400;
  font-weight: 500;
  gap: .5rem;
  margin: 0
}
@media only screen and (min-width: 23em) {
  .section__title {
    font-size:1.15rem
  }}
@media only screen and (min-width: 25.8em) {
  .section__title {
    font-size:1.18rem
  }}
@media only screen and (min-width: 48em) {
  .section__title {
    font-size:1.25rem;
    font-weight: 400;
    font-weight: 500
  }}
@media only screen and (min-width: 64em) {
  .section__title {
    font-size:1.28rem
  }}
@media only screen and (min-width: 80em) {
  .section__title {
    font-size:1.35rem
  }}
@media only screen and (min-width: 120em) {
  .section__title {
    font-size:1.4rem
  }}
@media only screen and (min-width: 150em) {
  .section__title {
    font-size:1.425rem
  }}
@media only screen and (min-width: 180em) {
  .section__title {
    font-size:1.45rem
  }}
.section__title a {
  color: inherit;
  text-decoration-thickness: 1px!important;
  text-underline-offset: 4px
}
.section__subtitle {
  color: var(--colors-themed-body-color-lighter);
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.3;
  margin: 0
}
@media only screen and (min-width: 23em) {
  .section__subtitle {
    font-size:1.02rem
  }}
@media only screen and (min-width: 25.8em) {
  .section__subtitle {
    font-size:1.05rem
  }}
@media only screen and (min-width: 48em) {
  .section__subtitle {
    font-size:1.08rem;
    font-weight: 400
  }}
@media only screen and (min-width: 64em) {
  .section__subtitle {
    font-size:1.09rem
  }}
@media only screen and (min-width: 120em) {
  .section__subtitle {
    font-size:1.1rem
  }}
section.section {
  margin: 0;
  min-width: 0
}
section.section--center .section__hgroup {
  justify-items: center;
  text-align: center
}
section.section--center .section__hgroup * {
  text-align: center
}
.sections {
  display: grid;
  row-gap: 2rem
}
.sections>* {
  min-width: 0
}
@media only screen and (min-width: 23em) {
  .sections {
    row-gap:2.5rem
  }}
@media only screen and (min-width: 25.8em) {
  .sections {
    row-gap:2.75rem
  }}
@media only screen and (min-width: 35.5em) {
  .sections {
    row-gap:2.8rem
  }}
@media only screen and (min-width: 48em) {
  .sections {
    row-gap:2.9rem
  }}
@media only screen and (min-width: 64em) {
  .sections {
    row-gap:3.25rem
  }}
@media only screen and (min-width: 80em) {
  .sections {
    row-gap:3.65rem
  }}
@media only screen and (min-width: 120em) {
  .sections {
    row-gap:4.35rem
  }}
@media only screen and (min-width: 150em) {
  .sections {
    row-gap:5rem
  }}
.post__author {
  align-items: center;
  color: #555;
  display: flex;
  font-size: 1rem;
  margin-bottom: 1rem
}
.post__author .heading--meta {
  color: $color-grey;
  font-size: inherit
}
[data-theme=dark] .post__author .heading--meta {
  color: #555
}
.post__author-name {
  color: #555;
  font-weight: 700;
  margin-bottom: .25rem
}
.post__author-role,[data-theme=dark] .post__author-name {
  color: $color-grey
}
[data-theme=dark] .post__author-role {
  color: #555
}
.post__author-avatar {
  margin-right: 1rem
}
.post__author-avatar img {
  border-radius: 100%;
  height: 36px;
  width: 36px
}
@media only screen and (min-width: 35.5em) {
  .post__author {
    font-size:1.15rem
  }
  .post__author-meta {
    align-items: center;
    display: flex
  }
  .post__author-meta>div {
    margin-right: .5rem
  }
  .post__author-meta>div:last-child {
    margin-right: 0
  }
  .post__author-name {
    margin-bottom: 0
  }}
@media only screen and (min-width: 48em) {
  .post__author {
    font-size:1.2rem
  }}
@media only screen and (min-width: 80em) {
  .post__author {
    font-size:1.3rem
  }
  .post__author-avatar img {
    height: 40px;
    width: 40px
  }
  .post__author-meta div {
    margin-right: 1rem
  }}
.content-collab {
  border: 1px solid #ddd;
  border-radius: .25rem;
  border-top: 3px solid #ddd;
  padding: 1.05rem
}
.content-collab__avatar,.content-collab__header {
  align-items: center;
  display: flex
}
.content-collab__avatar {
  align-self: stretch;
  margin-right: 1rem
}
.content-collab__avatar img {
  border-radius: 100%;
  height: 54px;
  width: 54px
}
.content-collab__avatar--merchant img {
  border-radius: 0;
  height: 30px;
  width: 90px
}
.content-collab__type {
  line-height: 1;
  margin-bottom: .15rem
}
.content-collab__by {
  font-weight: 700;
  line-height: 1
}
.content-collab__body {
  padding: 2rem 0
}
.content-collab__body h4 {
  font-size: inherit;
  line-height: 1.1;
  margin-bottom: .1rem
}
.content-collab__body ol:first-child,.content-collab__body p:first-child,.content-collab__body ul:first-child {
  margin-top: 0
}
.content-collab__body ol:last-child,.content-collab__body p:last-child,.content-collab__body ul:last-child {
  margin-bottom: 0
}
.content-collab__bio {
  border-top: 1px solid #ddd;
  font-size: .85em;
  opacity: .75;
  padding-top: 2rem
}
.content-collab__bio p {
  margin: 0
}
@media only screen and (min-width: 48em) {
  .content-collab {
    padding:1.92rem
  }}
:root {
  --colors-themed-post-question-item-bg: #f3f3f3;
  --colors-themed-post-question-item-active-color: #dbdbdb;
  --colors-themed-post-question-item-active-icon-color: #767676
}
[data-theme=dark] {
  --colors-themed-post-question-item-bg: #363e44;
  --colors-themed-post-question-item-active-color: #ff6b6b;
  --colors-themed-post-question-item-active-icon-color: #fff
}
.post-question {
  margin: .5rem 0
}
.post-question--open .post-question__header {
  background: var(--colors-themed-post-question-item-active-color)
}
.post-question--open .post-question__answer {
  display: block
}
.post-question--open .post-question__icon {
  color: var(--colors-themed-post-question-item-active-icon-color);
  transform: none
}
.post-question__header {
  align-items: center;
  background: var(--colors-themed-post-question-item-bg);
  border-radius: 2px;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  padding: 1.05rem;
  -webkit-user-select: none;
  user-select: none
}
.post-question__header h4 {
  font-size: inherit;
  font-weight: 500;
  margin: 0!important
}
.post-question__icon {
  color: #767676;
  flex: none;
  margin-left: 1rem;
  transform: rotate(180deg);
  transition: transform .2s ease-in-out
}
.post-question__answer {
  color: var(--colors-themed-body-color-light);
  display: none;
  font-size: .95em;
  padding: .5rem 1.05rem
}
@media only screen and (min-width: 48em) {
  .post-question__answer,.post-question__header {
    padding:.75rem 1.92rem
  }}
.image__caption {
  color: #767676;
  justify-content: center;
  margin-top: .75rem;
  text-align: center
}
.image__wrapper {
  margin-bottom: 2.25rem
}
.product-widget {
  background-color: var(--colors-themed-card-bg);
  border: 1px solid var(--colors-themed-card-border);
  border-radius: 2px;
  color: var(--colors-themed-body-color);
  display: grid;
  font-size: 1rem;
  margin: 1.5rem 0;
  max-width: 740px;
  position: relative;
  text-decoration: none!important;
  transition: box-shadow .2s ease-in-out;
  -webkit-user-select: none;
  user-select: none
}
.product-widget--has-label {
  margin-top: 3rem
}
.product-widget:hover {
  box-shadow: 0 0 40px 0 hsla(0,0%,59%,.1)
}
[data-theme=dark] .product-widget img {
  background: #fff;
  border-radius: .5rem;
  color: #111;
  padding: .5rem
}
.product-widget__label {
  background: #1855a5;
  color: #fff;
  font-size: 1.1rem!important;
  font-weight: 700;
  left: -13px;
  margin: 0!important;
  padding: .5rem 1rem;
  position: absolute;
  top: -21px
}
.product-widget__label:after {
  border-color: transparent #14488c transparent transparent;
  border-style: inset solid inset inset;
  border-width: 0 10px 7px;
  bottom: -7px;
  content: " ";
  display: block;
  left: -9px;
  position: absolute
}
.product-widget__cover {
  flex: none;
  margin: auto;
  padding: 2rem;
  position: relative;
  width: 100%
}
.product-widget__main {
  align-items: center;
  align-self: center;
  display: grid;
  gap: 1rem;
  padding: 0 2rem 2rem
}
.product-widget__main h3 {
  color: var(--colors-themed-body-color);
  font-size: 1.2rem;
  font-weight: 500!important;
  line-height: 1.3;
  margin: 0!important
}
.product-widget__subtitle {
  color: $colors-themed-body-color-ligher;
  font-size: 1.05rem!important;
  font-weight: 400
}
.product-widget__content ol,.product-widget__content ul {
  margin-bottom: 0
}
.product-widget__content {
  color: var(--colors-themed-body-color);
  font-size: 1rem;
  line-height: 1.5
}
.product-widget__content li,.product-widget__content p {
  font-size: inherit!important
}
.product-widget__content p:first-child {
  margin-top: 0
}
.product-widget__content p:last-child {
  margin-bottom: 0
}
.product-widget__button {
  background: #f74b3b;
  border-radius: .25rem;
  color: #fff;
  font-weight: 500;
  padding: 1rem 0;
  text-align: center;
  vertical-align: baseline
}
.widget-product__more {
  color: var(--colors-themed-body-color-light);
  text-align: center;
  text-decoration: underline
}
@media only screen and (min-width: 35.5em) {
  .product-widget {
    grid-template-columns:auto 1fr
  }
  .product-widget__cover {
    width: 240px
  }}
@media only screen and (min-width: 48em) {
  .product-widget__main {
    padding:2rem
  }}
.products-grid__wrapper {
  display: grid;
  gap: 1rem;
  margin: 1.5rem 0
}
.products-grid__wrapper .p__products {
  font-size: 15.5px;
  grid-template-columns: repeat(auto-fill,minmax(180px,1fr))
}
.p,.products-grid__wrapper .p__products .p {
  gap: 1.25em;
  min-width: 180px
}
@media only screen and (min-width: 80em) {
  .p,.products-grid__wrapper .p__products .p {
    gap:1.5rem
  }}
.p__title,.products-grid__wrapper .p__products .p__title {
  font-size: 1.08em;
  font-weight: 500;
  margin: 0
}
.post-quote {
  font-style: normal;
  margin: 2rem .5rem;
  text-align: left
}
.post-quote .post-quote__icon {
  color: #f74b3b;
  margin-bottom: .5rem
}
.post-quote .post-quote__icon .icon {
  height: 34px;
  width: 40px
}
.post-quote .post-quote__content {
  color: $color-base-lite;
  font-size: 1.35rem;
  font-weight: 700;
  line-height: 1.6;
  margin: 0
}
.post-quote .post-quote__content p {
  margin: .25rem 0
}
.post-quote .post-quote__by {
  font-size: 1.22rem;
  margin-top: 1rem
}
.post-quote .post-quote__by:before {
  content: "—";
  margin-right: .25rem
}
@media only screen and (min-width: 48em) {
  .post-quote {
    margin:2rem 1rem
  }}
@media only screen and (min-width: 64em) {
  .post-quote {
    margin:2rem
  }}
@media only screen and (min-width: 80em) {
  .post-quote {
    margin:2.5rem 3.2rem
  }}
.post-tos {
  border-bottom: 1px dotted;
  color: var(--colors-themed-anchor);
  cursor: pointer;
  display: inline-flex
}
@media only screen and (max-width: 47.99em) {
  .post-tos {
    color:inherit;
    font-weight: 700
  }}
.post-tos__popup .popup-body {
  padding-bottom: 0!important;
  width: 60rem!important
}
.post-tos__popup a {
  color: inherit;
  font-weight: 700;
  text-decoration: underline
}
.post-tos__popup footer {
  background: var(--colors-themed-popup-bg);
  bottom: 0;
  margin: 0;
  padding: 1rem 0;
  position: sticky
}
.post-tip__wrapper {
  margin: 1.5rem 0
}
.post-tip {
  border: 1px solid #ddd;
  border-radius: 3px;
  display: flex;
  padding: 1rem
}
.post-tip__icon {
  flex: none
}
.post-tip__icon .icon {
  background: #ff9c13;
  border-radius: 100%;
  color: #fff;
  display: block;
  height: 18px;
  padding: 10px;
  width: 18px
}
.post-tip__main {
  margin-left: 1rem
}
.post-tip__title {
  font-weight: 700;
  margin: 0 0 .5rem
}
.post-tip__content p:first-child {
  margin-top: 0
}
.post-tip__content p:last-child {
  margin-bottom: 0
}
.post-tip__content p {
  margin: .5rem 0
}
.post-youtube {
  border-radius: 4px;
  overflow: hidden;
  padding-bottom: 56.25%!important
}
.post-youtube .ratio__content {
  width: 100%
}
.post-youtube iframe {
  border-radius: 4px;
  overflow: hidden
}
.post-youtube__wrapper {
  margin: 1.5rem 0
}
#page-posts[data-theme=default] #root {
  background-color: #fff;
  border-top: 1px solid #f1f0f5
}
#page-posts[data-theme=default] #footer-wrapper {
  background: #fff
}
.post {
  display: grid;
  font-optical-sizing: auto;
  gap: 1.5rem;
  margin: 0 auto;
  max-width: 680px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}
.post hgroup {
  display: grid;
  gap: 1rem;
  margin: 0
}
.post h1 {
  font-size: 2.5rem;
  font-weight: 900;
  line-height: 1.1;
  margin: 0
}
.post h2 {
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.3;
  margin: 0
}
.post figure {
  margin: 0
}
.post figure img {
  border-radius: 4px;
  display: block;
  width: 100%
}
@media only screen and (min-width: 80em) {
  .post figure {
    margin-left:-6rem;
    margin-right: -6rem
  }}
@media only screen and (min-width: 120em) {
  .post figure {
    margin-left:-10rem;
    margin-right: -10rem
  }}
.post article {
  font-size: 1.25rem
}
.post article h3 {
  font-size: 1.5rem;
  font-weight: 700;
  margin: 1.5rem 0 1.25rem
}
.post article p {
  line-height: 1.7;
  margin: 1rem 0
}
.post article a {
  text-decoration: underline;
  text-underline-offset: 4px
}
.post ol,.post ul {
  display: grid;
  gap: 1.25rem;
  line-height: 1.45;
  margin: 2rem 0;
  padding: 0 0 0 2.5rem
}
.post__pre {
  background-color: #f5f5f5;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  color: #333;
  font-family: monospace;
  font-size: 1.05rem;
  line-height: 1.4;
  margin: 2rem 0;
  overflow-x: auto;
  padding: 1.7rem;
  white-space: pre-wrap
}
.post__bpc {
  justify-self: start
}
.post__not-published {
  background-color: #c92a2a;
  border-radius: 4px;
  color: #fff;
  font-weight: 500;
  margin: 0 auto 1.5rem;
  max-width: 680px;
  padding: 1rem;
  text-align: center
}
.page-header__collection-description {
  font-size: 1.15rem;
  font-weight: 400;
  line-height: 1.4;
  margin: .5rem 0 1.5rem;
  max-width: 680px
}
#page-oops body {
  background: #f3f3f3
}
#page-oops #root {
  background: 0 0;
  text-align: center
}
#page-oops #root .root {
  max-width: 100%
}
#page-oops #root a {
  text-decoration: underline
}
#page-oops #root svg {
  display: inline-block;
  height: 64px;
  margin: 0 0 1.92rem;
  width: 62px
}
#page-oops #root h3 {
  font-family: SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;
  margin-bottom: 5em
}
#page-oops #root li,#page-oops #root p {
  font-size: 1.25em
}
#page-oops #root h1 {
  font-weight: 900;
  margin-bottom: 2.5em
}
#page-oops #root ul {
  margin-top: 3rem
}
#page-oops #root li {
  margin: 1.5em 0;
  pading: 0;
  list-style-type: none
}
#page-oops #root #android-legacy h1 {
  font-size: 1.4em;
  margin: 1.6em 0
}
#page-oops #root #android-legacy p {
  font-size: 1.1em;
  margin: 1.6em 0
}
@media only screen and (min-width: 48em) {
  #page-oops #root {
    padding:9.6rem
  }}
#page-notifications #notifications {
  max-width: 800px
}
.merchants-listing {
  list-style-type: none;
  margin: 0;
  padding: 0
}
.merchants-listing li {
  align-items: center;
  background-color: var(--colors-themed-card-bg);
  border: 1px solid var(--colors-themed-card-border);
  border-radius: 4px;
  box-shadow: 0 1px 2px rgba(0,0,0,.02);
  display: flex;
  flex-direction: row;
  list-style-type: none;
  padding: 0
}
@media only screen and (min-width: 48em) {
  .merchants-listing li {
    padding:1.44rem
  }}
.merchants-listing {
  display: grid;
  grid-gap: 1rem
}
.merchants-listing li {
  width: auto
}
@media only screen and (min-width: 48em) {
  .merchants-listing {
    grid-template-columns:repeat(2,1fr)
  }}
@media only screen and (min-width: 1520px) {
  .merchants-listing {
    grid-template-columns:repeat(3,1fr)
  }}
.merchants-listing__likes {
  align-items: center;
  color: var(--colors-themed-body-color-light);
  display: flex;
  margin: .5rem 0
}
.merchants-listing__likes svg {
  color: #ec1639;
  height: 16px;
  margin-right: .5rem;
  width: 16px
}
.merchants-listing__thumb-container {
  flex: none;
  margin-right: 1rem;
  max-width: 42vw;
  position: relative;
  width: 240px
}
.merchants-listing__certification-icon {
  height: 20px;
  position: absolute;
  right: 0;
  top: 0;
  transform: translateX(50%) translateY(-50%);
  width: 20px
}
.merchants-listing__thumb {
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 8px;
  box-shadow: 0 0 4px rgba(0,0,0,.1);
  display: block;
  height: 6rem;
  overflow: hidden;
  width: 100%
}
.merchants-listing__thumb img {
  width: 100%
}
.merchant__merchant--no-image .merchants-listing__thumb {
  background: #e6e6e6;
  box-shadow: none
}
[data-theme=dark] .merchant__merchant--no-image .merchants-listing__thumb {
  background: #444
}
.merchant__merchant--no-image .merchants-listing__thumb img {
  background: 0 0;
  display: block;
  height: 100%;
  margin: auto;
  width: auto
}
.merchants-listing__details h3 {
  font-weight: 700;
  margin: 0 0 .25rem
}
.merchants-listing__counts {
  color: var(--colors-themed-body-color-light);
  margin: 0 0 .5rem
}
@media only screen and (min-width: 48em) {
  .merchants-listing__details h3 {
    font-weight:400
  }}
@media only screen and (max-width: 47.99em) {
  .merchants-listing.grid {
    display:block
  }}
.merchants__letters {
  display: grid;
  gap: .5rem;
  grid-template-columns: repeat(auto-fill,minmax(3.2rem,1fr));
  margin-bottom: 1rem
}
@media only screen and (min-width: 48em) {
  .merchants__letters {
    margin-top:-1rem
  }}
.merchants__letters-letter {
  border: 1px solid #ddd;
  border-radius: 2px;
  display: block;
  min-width: 2.6rem;
  padding: .25rem;
  text-align: center
}
.merchants__letters-letter--selected {
  background-color: #ec1639;
  border-color: #ec1639;
  color: #ec1639;
  color: #fff!important
}
#page-merchants #trail,#page-merchants .page-header__filters {
  display: flex
}
#page-merchants .page-header {
  position: relative
}
#page-merchants .page-header .right {
  display: block;
  float: none;
  margin-bottom: 1rem;
  position: static;
  width: 100%
}
#page-merchants .page-header .right .autocomplete__wrapper,#page-merchants .page-header .right input {
  border-color: var(--colors-themed-header-border);
  display: block;
  width: 100%
}
#page-merchants .page-header [data-type=orders] svg {
  fill: none;
  stroke: currentColor
}
#page-merchants .merchant-listing-prompt {
  display: none
}
.page-header__thead a {
  color: currentColor;
  text-decoration: underline
}
@media only screen and (min-width: 48em) {
  #page-merchants .page-header .right {
    bottom:0;
    position: absolute;
    right: 0;
    text-align: right
  }
  #page-merchants .page-header .right .autocomplete__wrapper,#page-merchants .page-header .right input {
    display: inline-block;
    width: 20rem
  }
  #page-merchants .merchant-listing-prompt {
    color: var(--colors-themed-body-color);
    display: block;
    font-size: 1rem;
    margin-left: auto;
    position: relative
  }
  #page-merchants .merchant-listing-prompt a {
    color: #2d69c6!important;
    text-decoration: underline
  }}
:root {
  --colors-themed-merchantpage-trail: #26282c;
  --colors-themed-merchantpage-desktop-trail: #26282c;
  --colors-themed-merchantpage-desktop-trail-bg: hsla(0,0%,100%,.8)
}
[data-theme=dark] {
  --colors-themed-merchantpage-trail: #dde2e6;
  --colors-themed-merchantpage-desktop-trail: #dde2e6;
  --colors-themed-merchantpage-desktop-trail-bg: #1d1d1d
}
#page-merchant .merchant-certified {
  align-items: center;
  color: #fff;
  display: flex
}
#page-merchant .merchant-certified a,#page-merchant .merchant-certified b {
  cursor: pointer!important;
  font-weight: 400;
  text-decoration: underline
}
#page-merchant .merchant-certified--wrapper {
  padding: 16px 20px
}
#page-merchant .merchant-certified--bronze {
  background: #e8d5c8!important
}
#page-merchant .merchant-certified--bronze a,#page-merchant .merchant-certified--bronze span {
  color: #26282c
}
#page-merchant .merchant-certified--silver {
  background: #e1e2e3!important
}
#page-merchant .merchant-certified--silver a,#page-merchant .merchant-certified--silver span {
  color: #26282c
}
#page-merchant .merchant-certified--gold {
  background: #ebe1c3!important
}
#page-merchant .merchant-certified--gold a,#page-merchant .merchant-certified--gold span {
  color: #26282c
}
#page-merchant .merchant-certified--platinum {
  background: #b4b5b5!important
}
#page-merchant .merchant-certified--platinum a,#page-merchant .merchant-certified--platinum span {
  color: #fff
}
#page-merchant .merchant-certified svg {
  flex-shrink: 0;
  margin-right: 7px
}
#page-merchant .merchant-certified--bronze {
  background-color: #d4834e
}
#page-merchant .merchant-certified--gold {
  background-color: #d9b12d
}
#page-merchant .merchant-certified--platinum {
  background-color: #a5a5a5
}
#page-merchant .merchant-certified--silver {
  background-color: #b3b3b3
}
#page-merchant #root #merchant-map {
  margin-bottom: 0
}
#page-merchant #root #merchant-map header {
  margin-bottom: 16px
}
#page-merchant #root #merchant-map #merchant-map-placeholder {
  display: grid;
  height: 350px;
  overflow: hidden
}
@media only screen and (min-width: 48em) {
  #page-merchant #root #merchant-map #merchant-map-placeholder {
    margin-left:0;
    margin-right: 0
  }}
#page-merchant #root .merchant-map__pops {
  margin-top: 14px
}
#page-merchant #root .merchant-map__pop-wrapper {
  display: flex;
  padding: 5px
}
#page-merchant #root .merchant-map__pop {
  background-color: var(--colors-themed-card-dark-bg);
  border: 1px solid var(--colors-themed-card-border);
  border-radius: .25rem;
  color: var(--colors-themed-body-color-light);
  content-visibility: auto;
  cursor: pointer;
  display: flex;
  font-size: 14px;
  min-height: 76px;
  padding: 14px;
  width: 277px
}
#page-merchant #root .merchant-map__pop:hover {
  border-color: var(--colors-themed-anchor-hover)
}
#page-merchant #root .merchant-map__pop:hover .merchant-map__pop-meta address {
  color: var(--colors-themed-anchor-hover)
}
#page-merchant #root .merchant-map__pop-icon {
  color: #767676;
  flex: none;
  margin-right: 7px
}
#page-merchant #root .merchant-map__pop-meta {
  display: flex;
  flex-direction: column;
  min-width: 0
}
#page-merchant #root .merchant-map__pop-meta address {
  font-style: normal;
  word-wrap: break-word
}
#page-merchant #root .page-merchant__gallery-wrapper {
  max-width: 100%;
  min-width: 0
}
#page-merchant #root .page-merchant__gallery-images {
  display: flex
}
#page-merchant #root .page-merchant__gallery-image {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto;
  border-radius: 8px;
  box-shadow: 0 6px 12px rgba(0,0,0,.15);
  cursor: pointer;
  flex: none;
  height: 72px;
  margin-right: 8px;
  transition: box-shadow .25s ease-in-out;
  width: 72px
}
#page-merchant #root .page-merchant__gallery-image span {
  align-items: center;
  background: #23272b;
  border-radius: 8px;
  color: #fff;
  display: flex;
  height: 100%;
  justify-content: center;
  opacity: .8;
  width: 100%
}
.no-touch #page-merchant #root .page-merchant__gallery-image:hover {
  box-shadow: 0 0 0 1px #2d69c6
}
#page-merchant #root #merchant-deals header {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin-bottom: 16px
}
#page-merchant #root #merchant-deals header .descr {
  margin-top: 16px
}
#page-merchant #root #merchant-deals header .descr.hidden {
  display: none
}
#page-merchant #root #merchant-deals header .descr a {
  color: var(--colors-themed-anchor)
}
#page-merchant #root #merchant-deals .end-slide,#page-merchant #root .root--merchant .end-slide {
  align-items: center;
  display: flex;
  justify-content: center
}
#page-merchant #root #merchant-deals .product-more-slide .more-link-arrow,#page-merchant #root .root--merchant .product-more-slide .more-link-arrow {
  align-items: center;
  aspect-ratio: 1;
  background: #fff;
  border: 1px solid #eaeaea;
  border-radius: 100rem;
  box-shadow: 0 2px 5px rgba(0,0,0,.02);
  display: flex;
  justify-content: center;
  width: 64px
}
#page-merchant #root #merchant-deals .product-more-slide a,#page-merchant #root .root--merchant .product-more-slide a {
  align-items: center;
  background: 0 0;
  color: var(--colors-themed-body-color-light);
  display: flex;
  flex: 1 1;
  flex-direction: column;
  justify-content: center;
  width: 100%
}
#page-merchant #root #merchant-deals .product-more-slide a:hover,#page-merchant #root .root--merchant .product-more-slide a:hover {
  color: #295fb2
}
#page-merchant #root #merchant-deals .product-more-slide a .icon,#page-merchant #root .root--merchant .product-more-slide a .icon {
  color: inherit;
  height: 16px;
  width: 16px
}
@media only screen and (min-width: 48em) {
  #page-merchant #root #merchant-deals .scroll .products.products--full-width .product__wrapper,#page-merchant #root #popular-products .scroll .products.products--full-width .product__wrapper {
    flex:none;
    margin-right: .6rem;
    padding: 0!important;
    width: calc(25% - .45rem)
  }
  #page-merchant #root #merchant-deals .scroll .products.products--full-width .product__wrapper:last-child,#page-merchant #root #popular-products .scroll .products.products--full-width .product__wrapper:last-child {
    margin-right: 0
  }}
@media only screen and (min-width: 64em) {
  #page-merchant #root #merchant-deals .scroll .products.products--full-width .product__wrapper,#page-merchant #root #popular-products .scroll .products.products--full-width .product__wrapper {
    flex:none;
    margin-right: .75rem;
    padding: 0!important;
    width: calc(20% - .6rem)
  }
  #page-merchant #root #merchant-deals .scroll .products.products--full-width .product__wrapper:last-child,#page-merchant #root #popular-products .scroll .products.products--full-width .product__wrapper:last-child {
    margin-right: 0
  }}
@media only screen and (min-width: 1520px) {
  #page-merchant #root #merchant-deals .scroll .products.products--full-width .product__wrapper,#page-merchant #root #popular-products .scroll .products.products--full-width .product__wrapper {
    flex:none;
    margin-right: .8rem;
    padding: 0!important;
    width: calc(16.66667% - .66667rem)
  }
  #page-merchant #root #merchant-deals .scroll .products.products--full-width .product__wrapper:last-child,#page-merchant #root #popular-products .scroll .products.products--full-width .product__wrapper:last-child {
    margin-right: 0
  }}
@media only screen and (min-width: 80em) {
  #page-merchant #root #merchant-deals .scroll .products.products--full-width .product__wrapper,#page-merchant #root #popular-products .scroll .products.products--full-width .product__wrapper {
    flex:none;
    margin-right: .85rem;
    padding: 0!important;
    width: calc(16.66667% - .70833rem)
  }
  #page-merchant #root #merchant-deals .scroll .products.products--full-width .product__wrapper:last-child,#page-merchant #root #popular-products .scroll .products.products--full-width .product__wrapper:last-child {
    margin-right: 0
  }}
@media only screen and (min-width: 120em) {
  #page-merchant #root #merchant-deals .scroll .products.products--full-width .product__wrapper,#page-merchant #root #popular-products .scroll .products.products--full-width .product__wrapper {
    flex:none;
    margin-right: 1rem;
    padding: 0!important;
    width: calc(16.66667% - .83333rem)
  }
  #page-merchant #root #merchant-deals .scroll .products.products--full-width .product__wrapper:last-child,#page-merchant #root #popular-products .scroll .products.products--full-width .product__wrapper:last-child {
    margin-right: 0
  }}
@media only screen and (min-width: 150em) {
  #page-merchant #root #merchant-deals .scroll .products.products--full-width .product__wrapper,#page-merchant #root #popular-products .scroll .products.products--full-width .product__wrapper {
    flex:none;
    margin-right: 1.05rem;
    padding: 0!important;
    width: calc(14.28571% - .9rem)
  }
  #page-merchant #root #merchant-deals .scroll .products.products--full-width .product__wrapper:last-child,#page-merchant #root #popular-products .scroll .products.products--full-width .product__wrapper:last-child {
    margin-right: 0
  }}
@media only screen and (min-width: 48em) {
  #page-merchant #root #merchant-deals header {
    flex-direction:row
  }
  #page-merchant #root #merchant-deals header .descr {
    margin: 0
  }}
#page-merchant #root .merchant-trail #trail {
  background: var(--colors-themed-merchantpage-desktop-trail-bg);
  border-radius: 2px;
  display: inline-flex;
  flex-direction: row;
  margin: 0 0 28px;
  opacity: .8;
  padding: 16px 10px
}
#page-merchant #root .merchant-trail #trail,#page-merchant #root .merchant-trail #trail nav li:last-child a {
  color: var(--colors-themed-merchantpage-desktop-trail)
}
#page-merchant #root .merchant-trail--mobile #trail {
  background: 0 0;
  display: flex;
  flex-direction: row;
  margin: 0;
  max-width: 100%;
  padding: 16px 10px
}
#page-merchant #root .merchant-trail--mobile #trail nav li:last-child a {
  color: var(--colors-themed-merchantpage-trail)
}
#page-merchant #root .brand__logo-title {
  color: #2d69c6!important
}
#page-merchant #root .merchant-logo {
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 6px 12px rgba(0,0,0,.15);
  display: flex;
  min-height: 64px;
  min-width: 120px;
  padding: 14px
}
#page-merchant #root .merchant-logo img {
  align-self: center;
  box-shadow: none
}
#page-merchant #root .merchant-logo--certification {
  cursor: pointer!important;
  position: absolute;
  right: -20px;
  top: -20px
}
#page-merchant #root .merchant-logo--certification svg {
  height: 32px;
  width: 32px
}
@media only screen and (min-width: 48em) {
  #page-merchant #root .merchant-trail #trail {
    padding:4px 16px
  }
  #page-merchant #root .merchant-logo {
    min-height: 120px;
    min-width: 225px
  }
  #page-merchant #root .merchant-hero {
    margin: 0;
    min-height: 230px;
    padding-bottom: 30px;
    padding-top: 30px
  }}
#page-merchant #root .masthead,#page-merchant #root .masthead__main {
  width: 100%
}
#page-merchant #root .masthead__wrapper {
  background: var(--colors-themed-card-bg);
  border: 0;
  margin-bottom: 40px;
  padding: 16px;
  position: relative;
  z-index: 12
}
#page-merchant #root .masthead__id {
  display: flex;
  flex-direction: column;
  width: 100%
}
#page-merchant #root .masthead__id-section {
  display: flex;
  gap: 1rem
}
#page-merchant #root .masthead__id-section:first-child {
  border-bottom: 1px solid var(--colors-themed-border-default);
  flex-direction: column;
  margin-bottom: 32px;
  padding-bottom: 32px
}
#page-merchant #root .masthead__id-section:nth-child(2) {
  flex-wrap: wrap-reverse
}
#page-merchant #root .masthead__id-section--item {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  margin-bottom: 7px;
  width: 100%
}
#page-merchant #root .masthead .id a {
  color: #2d69c6
}
#page-merchant #root .masthead .id a svg {
  color: var(--colors-themed-text-base)
}
#page-merchant #root .masthead .id .rating {
  font-size: 1.5rem
}
@media only screen and (min-width: 80em) {
  #page-merchant #root .masthead .id .rating {
    font-size:1.6rem
  }}
@media only screen and (min-width: 120em) {
  #page-merchant #root .masthead .id .rating {
    font-size:1.7rem
  }}
#page-merchant #root .id__rating-wrapper {
  align-items: center;
  display: grid;
  gap: .5rem;
  grid-template-columns: auto auto;
  justify-content: start;
  margin-bottom: 1rem
}
#page-merchant #root .masthead .id__rating {
  color: #a1a1a1!important
}
[data-theme=dark] #page-merchant #root .masthead .id__rating {
  color: #9ea7b1!important
}
#page-merchant #root .masthead .id__meta {
  margin: 0
}
#page-merchant #root .masthead .id__meta [data-type=joined] {
  font-size: 14px
}
#page-merchant #root .masthead .id__meta li {
  border: none;
  display: flex;
  padding: 0 0 16px
}
#page-merchant #root .masthead .id__meta li svg {
  color: #a1a1a1!important;
  height: 20px;
  width: 16px
}
#page-merchant #root .masthead .id__meta li[data-type=orders] span {
  color: #a1a1a1!important;
  font-weight: 400!important
}
[data-theme=dark] #page-merchant #root .masthead .id__meta li[data-type=orders] span {
  color: #9ea7b1!important
}
#page-merchant #root .masthead .id__meta li span.social-links a.new-icon svg {
  color: #a1a1a1!important
}
[data-theme=dark] #page-merchant #root .masthead .id__meta li span.social-links a.new-icon svg {
  color: #9ea7b1!important
}
#page-merchant #root .masthead .id__meta li a {
  color: var(--colors-themed-anchor)
}
#page-merchant #root .masthead .id__meta li svg {
  color: var(--colors-themed-text-base)
}
#page-merchant #root .masthead .id__meta li[data-type=address] a {
  align-items: flex-start;
  display: flex;
  max-width: 200px
}
#page-merchant #root .masthead .id__meta li[data-type=address] a:hover small {
  text-decoration: underline
}
#page-merchant #root .masthead .id__meta li:last-child,#page-merchant #root .masthead .id__meta li[data-type=address] {
  padding: 0
}
#page-merchant #root .masthead .id__meta li[data-type=storesCount] {
  padding-left: 22px
}
#page-merchant #root .masthead__id-section--item [data-type=brands] {
  display: flex;
  flex-direction: column
}
#page-merchant #root .masthead__id-section--item [data-type=brands] .brand__logo-title {
  align-items: center;
  height: 100%;
  margin: 0;
  width: 56px
}
#page-merchant #root .masthead__id-section--item [data-type=brands] .brand__logo-title span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}
#page-merchant #root .masthead__id-section--item [data-type=brands] div {
  display: flex
}
#page-merchant #root .masthead__id-section--item [data-type=brands] a {
  align-content: center;
  background: #fff;
  border: 1px solid var(--colors-themed-border-default);
  border-radius: 12px;
  justify-content: center;
  margin-right: 8px;
  min-height: 72px;
  min-width: 72px
}
#page-merchant #root .masthead__id-section--item [data-type=brands] a img {
  height: 54px;
  width: 54px
}
#page-merchant #root .masthead__id-section--item [data-type=brands] .id__more {
  color: #fff;
  display: block;
  margin: 0;
  position: relative
}
#page-merchant #root .masthead__id-section--item [data-type=brands] .id__more--counter {
  align-items: center;
  background: #1d2124;
  border-radius: 8px;
  color: #fff;
  justify-content: center;
  opacity: .8;
  z-index: 10
}
#page-merchant #root .masthead__id-section--item [data-type=brands] .id__more div {
  border: none;
  border-radius: 8px;
  left: 0;
  min-height: 72px;
  min-width: 72px;
  position: absolute;
  top: 0
}
#page-merchant #root .merchant-mobile-friendly {
  align-items: center;
  background: hsla(0,0%,100%,.925);
  bottom: 0;
  display: flex;
  justify-content: center;
  left: 0;
  padding: 7px;
  position: absolute;
  right: 0
}
#page-merchant #root .merchant-mobile-friendly svg {
  margin: 0 0 0 4px;
  position: static
}
#page-merchant #root .masthead .id__status {
  align-items: center;
  background: var(--colors-themed-card-light-bg);
  border-radius: 24px;
  color: var(--colors-themed-warning-text);
  font-size: 14px;
  font-weight: 400;
  justify-content: flex-start;
  margin: 0
}
#page-merchant #root .masthead .id__status .status-dot {
  background-color: #c3c4c7;
  border-radius: 100%;
  height: 8px;
  margin-right: 7px;
  width: 8px
}
#page-merchant #root .masthead .id__status--open .status-dot {
  background: #24b47e
}
#page-merchant #root .id__meta .social-links {
  margin: 0
}
#page-merchant #root .id__meta .social-links a {
  padding: 0 16px 0 0
}
#page-merchant #root .id__meta .social-links a svg {
  height: 16px;
  width: 16px
}
@media only screen and (min-width: 48em) {
  #page-merchant #root .masthead__wrapper {
    padding:40px
  }
  #page-merchant #root .masthead__id .id__meta li[data-type=address] {
    white-space: normal
  }
  #page-merchant #root .masthead__id-section {
    flex-direction: row
  }
  #page-merchant #root .masthead__id-section>div {
    width: auto
  }
  #page-merchant #root .masthead__id-section>div:first-child {
    margin-bottom: 0;
    margin-right: 70px
  }
  #page-merchant #root .masthead__id-section:first-child {
    flex-direction: row
  }
  #page-merchant #root .masthead__id-section:nth-child(2) {
    flex-wrap: nowrap
  }
  #page-merchant #root .masthead__id-section--item {
    align-items: flex-start
  }}
@media only screen and (min-width: 80em) {
  #page-merchant #root .masthead__wrapper {
    margin-bottom:82px
  }
  #page-merchant #root .masthead__id {
    flex-direction: row
  }
  #page-merchant #root .masthead__id-section:first-child {
    border-bottom: none;
    border-right: 1px solid var(--colors-themed-border-default);
    margin-bottom: 0;
    padding-bottom: 0;
    padding-right: 40px
  }
  #page-merchant #root .masthead__id-section:nth-child(2) {
    border-right: none;
    padding-left: 40px
  }}
#page-merchant #root #merchant-shipping-payment {
  display: flex;
  flex-direction: column
}
#page-merchant #root #merchant-shipping-payment .merchant__shipping-options {
  background-color: var(--colors-themed-card-bg);
  border: 1px solid var(--colors-themed-card-border);
  border-radius: 4px;
  box-shadow: 0 1px 2px rgba(0,0,0,.02);
  display: flex;
  flex-direction: column;
  padding: 16px
}
@media only screen and (min-width: 48em) {
  #page-merchant #root #merchant-shipping-payment .merchant__shipping-options {
    padding:1.44rem
  }}
#page-merchant #root #merchant-shipping-payment .merchant__shipping-options--mobile {
  padding: 8px
}
#page-merchant #root #merchant-shipping-payment .merchant__shipping-options div {
  width: 100%
}
#page-merchant #root #merchant-shipping-payment .merchant__shipping-options img {
  filter: grayscale(1);
  margin-left: 5px
}
#page-merchant #root #merchant-shipping-payment .merchant__shipping-options .supported img {
  filter: grayscale(0)
}
#page-merchant #root #merchant-shipping-payment .merchant__shipping-options div:last-child {
  margin: 0
}
#page-merchant #root #merchant-shipping-payment .merchant__shipping-options [data-tooltip] {
  border: none;
  display: inline
}
#page-merchant #root #merchant-shipping-payment .merchant__screenshot {
  background-color: var(--colors-themed-card-bg);
  border: 1px solid var(--colors-themed-card-border);
  border-radius: 4px;
  box-shadow: 0 1px 2px rgba(0,0,0,.02);
  padding: 1.05rem;
  width: 100%
}
@media only screen and (min-width: 48em) {
  #page-merchant #root #merchant-shipping-payment .merchant__screenshot {
    padding:1.44rem
  }}
#page-merchant #root #merchant-shipping-payment .merchant__screenshot img {
  max-width: 100%;
  width: 100%
}
#page-merchant #root #merchant-shipping-payment .merchant__screenshot img.no-image {
  position: relative
}
#page-merchant #root #merchant-shipping-payment section {
  display: flex;
  flex-direction: column;
  margin: 0;
  width: auto
}
#page-merchant #root #merchant-shipping-payment section h2 {
  margin-bottom: 12px;
  width: 100%
}
#page-merchant #root #merchant-shipping-payment section:first-child {
  margin-bottom: 40px
}
#page-merchant #root #merchant-shipping-payment section:last-child {
  width: 100%
}
#page-merchant #root #merchant-shipping-payment h4 span {
  margin-right: 7px
}
#page-merchant #root #merchant-shipping-payment li,#page-merchant #root #merchant-shipping-payment ol {
  list-style-type: none;
  margin: 0;
  padding: 0;
  width: 100%
}
#page-merchant #root #merchant-shipping-payment li {
  border-bottom: 1px solid var(--colors-themed-border-default);
  color: #a1a1a1;
  display: flex;
  justify-content: space-between;
  max-width: 100%;
  overflow: hidden;
  padding: 12px 0;
  text-overflow: ellipsis;
  white-space: nowrap
}
[data-theme=dark] #page-merchant #root #merchant-shipping-payment li {
  color: #758190!important
}
#page-merchant #root #merchant-shipping-payment li span.ui-kit__muted {
  color: #a1a1a1
}
[data-theme=dark] #page-merchant #root #merchant-shipping-payment li span.ui-kit__muted {
  color: #758190!important
}
#page-merchant #root #merchant-shipping-payment li span {
  display: flex
}
#page-merchant #root #merchant-shipping-payment li.supported {
  color: var(--colors-themed-body-color)
}
#page-merchant #root #merchant-shipping-payment li:last-child {
  border: none
}
#page-merchant #root #merchant-shipping-payment .check-icon--supported svg {
  color: #24b47e;
  stroke-width: 3px
}
#page-merchant #root #merchant-shipping-payment .info-icon {
  padding-left: 8px
}
#page-merchant #root #merchant-shipping-payment .info-icon--supported svg {
  color: #a1a1a1
}
#page-merchant #root #merchant-shipping-payment .accordion__panel:last-child .accordion__panel-body li:first-child {
  padding-top: 16px
}
@media only screen and (min-width: 48em) {
  #page-merchant #root #merchant-shipping-payment li>span>span {
    display:inline
  }
  #page-merchant #root #merchant-shipping-payment section h2 {
    margin-bottom: 16px
  }
  #page-merchant #root #merchant-shipping-payment section:first-child {
    align-items: center;
    margin-bottom: 0
  }
  #page-merchant #root #merchant-shipping-payment .merchant__screenshot {
    width: 330px
  }
  #page-merchant #root #merchant-shipping-payment .merchant__shipping-options {
    flex-direction: row;
    padding: 24px
  }
  #page-merchant #root #merchant-shipping-payment .merchant__shipping-options div {
    border-right: 1px solid var(--colors-themed-border-default);
    margin-right: 14px;
    padding-right: 14px;
    width: 33%
  }
  #page-merchant #root #merchant-shipping-payment .merchant__shipping-options div:last-child {
    border: none
  }
  #page-merchant #root #merchant-shipping-payment .merchant__shipping-options#accordion {
    flex-direction: column
  }
  #page-merchant #root #merchant-shipping-payment .merchant__shipping-options#accordion .accordion__panel-header {
    width: 100%
  }
  #page-merchant #root #merchant-shipping-payment .merchant__shipping-options#accordion div {
    border: none;
    margin-right: 0;
    padding-right: 0;
    width: 100%
  }}
@media only screen and (min-width: 80em) {
  #page-merchant #root #merchant-shipping-payment {
    flex-direction:row
  }
  #page-merchant #root #merchant-shipping-payment .merchant__screenshot {
    height: 345px
  }
  #page-merchant #root #merchant-shipping-payment .merchant__screenshot img {
    max-height: 320px
  }
  #page-merchant #root #merchant-shipping-payment section {
    margin-bottom: 0
  }
  #page-merchant #root #merchant-shipping-payment section:first-child {
    align-items: center;
    margin-right: 16px
  }}
@media only screen and (min-width: 120em) {
  #page-merchant #root #merchant-shipping-payment .merchant__screenshot {
    height:352px
  }}
#page-merchant #root #popular-categories .popular-categories__view-wrapper {
  margin-top: 2rem
}
#page-merchant #root #popular-categories .popular-categories__view-all {
  width: 50%
}
#page-merchant #root .root--merchant>section {
  margin-bottom: 40px!important
}
#page-merchant #root .root--merchant-main-wrapper {
  padding: 0 1.5rem
}
@media only screen and (min-width: 48em) {
  #page-merchant #root .root--merchant-main-wrapper {
    padding:0 1.92rem
  }}
#page-merchant #root section>header .descr a {
  color: #3d74d4
}
#page-merchant #root section>header .descr a svg.icon--outline {
  stroke-width: 3px
}
#page-merchant #root #flex-root,.merchant-hero {
  display: flex;
  flex-direction: column
}
.merchant-hero {
  margin: 0;
  min-height: 150px;
  padding: 42px 16px
}
@media only screen and (min-width: 48em) {
  #page-merchant #root .root--merchant>section {
    margin-bottom:64px!important
  }}
.merchant-map__pop-address {
  align-items: flex-start;
  display: flex!important;
  gap: 5px;
  max-width: 200px;
  overflow-wrap: break-word
}
.merchant-map__pop-address span {
  max-width: 200px
}
.merchant-map__pop-address svg {
  margin-top: 5px
}
#page-login {
  height: 100%;
  text-align: left
}
#page-login .shortlist,#page-login .shortlist__opener {
  display: none
}
#page-login .root {
  max-width: 100%
}
#page-login .login-inner,#page-login .login__wrapper {
  background: 0 0
}
#page-login .login__wrapper {
  margin-top: 1rem
}
#page-login #root,#page-login body {
  background: var(--colors-themed-body-bg);
  color: var(--colors-themed-body-color);
  height: 100%
}
#page-login #login-page-app {
  border: none;
  margin: 1rem auto;
  max-width: calc(100vw - 1rem);
  position: relative;
  text-align: center
}
#page-login .expired {
  padding: 1.5rem;
  text-align: center
}
#page-login .expired__actions {
  margin-top: 2rem
}
@media only screen and (min-width: 48em) {
  #page-login #root {
    align-items:center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center
  }
  #page-login .login {
    padding: 1.2rem
  }}
html.ie#page-login #root,html.ie#page-login .login-page__logo a {
  display: block
}
html.ie#page-login .login__wrapper {
  background: 0 0
}
html.ie#page-login .login {
  max-width: 450px
}
#page-login.app #root,#page-login.app body {
  background: 0 0
}
.item-aside {
  align-items: start;
  display: grid;
  gap: 1.5rem;
  min-width: 0;
  position: relative
}
@media only screen and (min-width: 48em) {
  .is-desktop .item-aside {
    position:sticky;
    top: 5px;
    z-index: 1
  }}
@media only screen and (min-width: 80em) {
  .item-aside {
    gap:2rem
  }}
@media only screen and (min-width: 120em) {
  .item-aside {
    gap:2.5rem
  }}
@media only screen and (max-width: 47.99em) {
  .item-aside {
    background:#fff;
    padding: 3.25rem 1.05rem 1.05rem 1.5rem
  }
  .item-aside:has(.item-back) {
    padding-top: 4.2rem
  }}
.item-feedback__button {
  cursor: pointer;
  padding: .25rem .25rem .25rem 0;
  text-decoration: underline;
  text-underline-offset: 4px;
  -webkit-user-select: none;
  user-select: none
}
.item-feedback__button:before {
  content: "Πως είναι η εμπειρία σου στο BestPrice;"
}
@media only screen and (min-width: 80em) {
  .item-feedback__button:before {
    content:"  Βοήθησέ μας να κάνουμε το BestPrice καλύτερο!"
  }}
@media only screen and (max-width: 47.99em) {
  #page-item.is-bot #item-category-deals,#page-item.is-bot #item-category-products,#page-item.is-bot #item-content,#page-item.is-bot #item-specs-wrapper,#page-item.is-bot .item-category-deals,#page-item.is-bot .price-filters,#page-item.is-bot .prices__group:nth-child(n+3) {
    content-visibility:auto
  }}
.item-not {
  background-color: #fff9df;
  border: 1px solid var(--colors-themed-separator);
  border-radius: 8px;
  display: grid;
  font-size: 1.02rem;
  gap: 1rem;
  padding: 1.5rem
}
[data-theme=dark] .item-not {
  background-color: rgba(255,243,191,.12);
  border: 0;
  color: var(--colors-themed-body-color-light)
}
@media only screen and (min-width: 35.5em) {
  .item-not {
    grid-template-columns:auto 1fr
  }}
@media only screen and (min-width: 48em) {
  .item-not {
    font-size:1.05rem;
    padding: 2rem
  }}
@media only screen and (min-width: 64em) {
  .item-not {
    padding:2.25rem
  }}
@media only screen and (min-width: 80em) {
  .item-not {
    font-size:1.08rem;
    padding: 2.7rem
  }}
@media only screen and (min-width: 120em) {
  .item-not {
    padding:2.8rem
  }}
@media only screen and (min-width: 150em) {
  .item-not {
    padding:3.2rem
  }}
.item-not__main {
  display: grid;
  gap: 1.25rem
}
.item-not__header {
  font-size: 1.05em;
  font-weight: 700
}
.item-not__content {
  display: grid;
  gap: .5rem;
  line-height: 1.45
}
.item-not__content p {
  margin: 0
}
@media only screen and (min-width: 48em) {
  .item-not__content {
    gap:.65rem
  }}
@media only screen and (min-width: 80em) {
  .item-not__content {
    gap:.8rem
  }}
.item-not__icon svg {
  height: 24px;
  width: 24px
}
.item-not__content a {
  color: inherit
}
@media only screen and (max-width: 47.99em) {
  #page-item #trail {
    display:none
  }}
.item-back {
  background: #ebf1fc;
  border-radius: 100%;
  color: #3d74d4;
  cursor: pointer;
  display: grid;
  height: 40px;
  inset: .5rem 0 0 .5rem;
  place-items: center;
  position: absolute;
  width: 40px;
  z-index: 99999999
}
@media only screen and (min-width: 48em) {
  .item-back {
    display:none
  }}
.item-layout {
  align-items: start;
  display: grid;
  width: 100%
}
@media only screen and (min-width: 48em) {
  .item-layout {
    gap:2rem;
    grid-template-columns: minmax(200px,235px) 1fr
  }}
@media only screen and (min-width: 64em) {
  .item-layout {
    gap:3rem;
    grid-template-columns: minmax(200px,280px) 1fr
  }}
@media only screen and (min-width: 80em) {
  .item-layout {
    gap:4rem;
    grid-template-columns: minmax(25vw,350px) 1fr
  }}
@media (min-width: 1700px) {
  .item-layout {
    gap:5rem;
    grid-template-columns: minmax(23vw,350px) 1fr
  }}
@media only screen and (min-width: 120em) {
  .item-layout {
    gap:6rem;
    grid-template-columns: minmax(200px,420px) 1fr
  }}
.item-main {
  display: grid;
  gap: 1.5rem;
  min-width: 0
}
@media only screen and (max-width: 47.99em) {
  .item-main {
    background-color:#fff
  }
  [data-theme=dark] .item-main {
    background: var(--colors-themed-body-bg);
    color: #fff
  }}
@media only screen and (min-width: 64em) {
  .item-main {
    gap:2rem
  }}
@media only screen and (min-width: 80em) {
  .item-main {
    gap:2.5rem
  }}
@media only screen and (min-width: 120em) {
  .item-main {
    gap:3rem
  }}
@media only screen and (max-width: 47.99em) {
  #page-item .bp-header {
    border-bottom:1px solid #ddd
  }
  #page-item .item-wrapper {
    padding: 0
  }
  .item-header {
    padding: 1.05rem 1.05rem 0
  }
  .item-sections {
    background: var(--colors-themed-body-bg);
    padding: 1.92rem 1.05rem 1.05rem
  }}
@supports (display: contents) {
  @media only screen and (min-width:48em) {
    .item-layout {
      display:contents
    }
    .item-aside {
      align-content: start;
      position: static!important
    }
    .item-actions-buttons,.webspace[data-id="43042"] {
      display: none!important
    }
    .item-main {
      display: contents
    }
    .item__image.item__image {
      max-height: 350px
    }
    html:not(.supports-flex-gap) .item-header__specs-list {
      grid-template-columns: 1fr!important
    }
    html.supports-flex-gap .item-header__specs-list {
      flex-direction: column!important;
      flex-wrap: nowrap!important
    }
    .item-header .item-meta {
      justify-content: stretch;
      justify-items: stretch
    }
    .item-header .item-actions {
      display: grid
    }
    .item-layout__wrapper {
      display: grid;
      gap: 2rem;
      column-gap: 3rem;
      grid-template-columns: minmax(200px,250px) 1fr
    }
    .item-layout__wrapper .sections {
      grid-column: 1/-1
    }
    .item-link__qna {
      display: none
    }  }
  @media (min-width: 72.063em) {
    .item-layout,.item-link__qna {
      display:grid
    }
    .item-aside {
      align-items: start;
      position: sticky!important
    }
    .webspace[data-id="43042"] {
      display: block!important
    }
    .item-main {
      display: grid!important
    }
    .item__image.item__image {
      max-height: 45vh!important
    }
    html.supports-flex-gap .item-header__specs-list {
      flex-direction: row!important;
      flex-wrap: wrap!important
    }
    html:not(.supports-flex-gap) .item-header__specs-list {
      grid-template-columns: repeat(auto-fit,minmax(min-content,300px))!important
    }
    .item-layout__wrapper {
      display: contents!important
    }
    .item-header .item-meta {
      justify-content: start;
      justify-items: start
    }
    .item-header .item-title-actions {
      grid-template-areas: "hgroup" "links";
      grid-template-columns: 1fr
    }
    .item-header .item-actions {
      display: none
    }
    .item-actions-buttons {
      display: grid!important
    }  }}
@supports (display: contents) {
  @media only screen and (min-width:48em) {
    html#page-item body main .p__products--scroll {
      display:grid;
      flex: none;
      gap: .8rem;
      grid-auto-columns: calc(25% - .6rem);
      grid-auto-flow: column
    }
    html#page-item body main .p__products--scroll>.p {
      min-width: calc(25% - .6rem)
    }
    html#page-item body main .p__products--scroll:last-child {
      margin-right: 0
    }
    html#page-item body main .p__products--scroll.scroll__content {
      display: grid
    }  }
  @media only screen and (min-width: 64em) {
    html#page-item body main .p__products--scroll {
      display:grid;
      flex: none;
      gap: 1.1rem;
      grid-auto-columns: calc(20% - .88rem);
      grid-auto-flow: column
    }
    html#page-item body main .p__products--scroll>.p {
      min-width: calc(20% - .88rem)
    }
    html#page-item body main .p__products--scroll:last-child {
      margin-right: 0
    }
    html#page-item body main .p__products--scroll.scroll__content {
      display: grid
    }  }
  @media (min-width: 72.063em) {
    html#page-item body main .p__products--scroll {
      display:grid;
      flex: none;
      gap: 1.15rem;
      grid-auto-columns: calc(25% - .8625rem);
      grid-auto-flow: column
    }
    html#page-item body main .p__products--scroll>.p {
      min-width: calc(25% - .8625rem)
    }
    html#page-item body main .p__products--scroll:last-child {
      margin-right: 0
    }
    html#page-item body main .p__products--scroll.scroll__content {
      display: grid
    }  }
  @media (min-width: 90.063em) {
    html#page-item body main .p__products--scroll {
      display:grid;
      flex: none;
      gap: 1.17rem;
      grid-auto-columns: calc(22.22222% - .91rem);
      grid-auto-flow: column
    }
    html#page-item body main .p__products--scroll>.p {
      min-width: calc(22.22222% - .91rem)
    }
    html#page-item body main .p__products--scroll:last-child {
      margin-right: 0
    }
    html#page-item body main .p__products--scroll.scroll__content {
      display: grid
    }  }}
@supports (display: contents) {
  @media only screen and (min-width:48em) {
    html#page-item body main .p__products--merge-products {
      display:grid;
      flex: none;
      gap: 0;
      grid-auto-columns: 25%;
      grid-auto-flow: column
    }
    html#page-item body main .p__products--merge-products>.p {
      min-width: 25%
    }
    html#page-item body main .p__products--merge-products:last-child {
      margin-right: 0
    }
    html#page-item body main .p__products--merge-products.scroll__content {
      display: grid
    }  }
  @media only screen and (min-width: 64em) {
    html#page-item body main .p__products--merge-products {
      display:grid;
      flex: none;
      gap: 0;
      grid-auto-columns: 20%;
      grid-auto-flow: column
    }
    html#page-item body main .p__products--merge-products>.p {
      min-width: 20%
    }
    html#page-item body main .p__products--merge-products:last-child {
      margin-right: 0
    }
    html#page-item body main .p__products--merge-products.scroll__content {
      display: grid
    }  }
  @media (min-width: 90.063em) {
    html#page-item body main .p__products--merge-products {
      display:grid;
      flex: none;
      gap: 0;
      grid-auto-columns: 20%;
      grid-auto-flow: column
    }
    html#page-item body main .p__products--merge-products>.p {
      min-width: 20%
    }
    html#page-item body main .p__products--merge-products:last-child {
      margin-right: 0
    }
    html#page-item body main .p__products--merge-products.scroll__content {
      display: grid
    }  }}
@supports (display: contents) {
  @media only screen and (min-width:48em) {
    #loan-calculator__placeholder .loanCalculatorWrapper {
      flex-direction:row
    }  }}
@supports (display: contents) {
  @media only screen and (min-width:64em) {
    .prices__product.prices__product {
      align-items:center;
      gap: 1.25rem;
      grid-template-columns: 1fr auto auto
    }  }}
.item-bpc.item-bpc {
  display: grid;
  gap: .5rem;
  grid-auto-flow: column;
  justify-content: left;
  margin-top: -.75rem;
  opacity: .65;
  transition: opacity .2s ease-in-out
}
.item-bpc.item-bpc .p__bpc.p__bpc {
  background-color: transparent;
  color: var(--colors-themed-body-color-lightest);
  cursor: pointer;
  left: auto;
  opacity: 1;
  padding: .5rem 1rem;
  position: relative;
  right: auto;
  text-decoration: none!important;
  top: auto;
  -webkit-user-select: none;
  user-select: none
}
.item-bpc.item-bpc .p__bpc.p__bpc * {
  pointer-events: none
}
[data-theme=dark] .item-bpc.item-bpc .p__bpc.p__bpc {
  color: #f2f2f2!important
}
.item-bpc.item-bpc .p__bpc.p__bpc:hover {
  color: var(--colors-themed-body-color)
}
@media only screen and (max-width: 47.99em) {
  .item-bpc.item-bpc {
    display:none
  }}
.item-aside:hover .item-bpc {
  opacity: 1
}
.item-more {
  display: grid;
  gap: .5rem;
  padding: .5rem 0;
  position: relative;
  text-align: center;
  white-space: nowrap;
  z-index: 99999999
}
@media only screen and (min-width: 48em) {
  .item-more {
    justify-content:center
  }}
.item-more p {
  color: #999;
  font-size: .9rem;
  margin: 1rem 0 0
}
button.item-more__button {
  border-radius: 6px;
  display: grid;
  font-size: 1.1rem;
  gap: .75rem;
  padding: 1rem;
  position: relative;
  transform: translateY(5%);
  width: 100%;
  z-index: 9999
}
@media only screen and (min-width: 48em) {
  button.item-more__button {
    padding:1.1rem 10rem
  }}
button.item-more__button svg {
  animation: bounce-down 1s linear infinite
}
.item-more__extra {
  font-size: .9rem;
  font-weight: 400;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis
}
.item-more {
  bottom: -5px;
  left: 0;
  padding-bottom: 0;
  padding-top: 0;
  position: absolute;
  right: 0;
  z-index: 9999
}
.item-more .button {
  position: relative;
  z-index: 1
}
.item-more:before {
  background: linear-gradient(180deg,rgba(245,247,248,0),rgba(245,247,248,.85) 50.42%,#f8fbfb 95%);
  bottom: 0;
  content: "";
  height: 12rem;
  left: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
  width: 100%
}
[data-theme=dark] .item-more:before {
  background: linear-gradient(180deg,rgba(29,29,29,0),rgba(29,29,29,.85) 50.42%,#1d1d1d 95%)
}
.item__category-all {
  align-items: center;
  display: grid;
  font-size: 1.05rem;
  gap: .5rem;
  grid-template-columns: auto 1fr;
  line-height: 1.2;
  text-align: left
}
@media only screen and (min-width: 48em) {
  .item__category-all {
    font-size:1.1rem;
    padding: 1.22rem
  }}
@media only screen and (min-width: 64em) {
  .item__category-all {
    font-size:1.15rem;
    padding: 1.25rem
  }}
@media only screen and (min-width: 80em) {
  .item__category-all {
    font-size:1.2rem;
    padding: 1.5rem
  }}
[data-theme=default] .item__category-all {
  color: var(--colors-themed-anchor)!important
}
.item__category-all-title strong {
  font-weight: 500
}
@media only screen and (min-width: 48em) {
  .item__category-all-icon svg {
    height:10px;
    width: 10px
  }}
@media only screen and (min-width: 80em) {
  .item__category-all-icon svg {
    height:12px;
    width: 12px
  }}
.price-filters__clear {
  cursor: pointer;
  font-size: 1rem;
  margin-left: .5rem;
  opacity: 0;
  pointer-events: none;
  touch-action: manipulation;
  transform: translateX(-5px);
  transition: all .2s ease-in-out;
  -webkit-user-select: none;
  user-select: none
}
.price-filters__clear--active {
  opacity: 1;
  pointer-events: auto;
  transform: translateX(0)
}
@media only screen and (min-width: 48em) {
  .price-filters__clear {
    margin-left:.75rem
  }}
@media only screen and (min-width: 80em) {
  .price-filters__clear {
    margin-left:1rem
  }}
@media only screen and (max-width: 47.99em) {
  .price-filters__clear:not(.price-filters__clear--active) {
    display:none
  }}
.price-filters__expand {
  align-self: stretch;
  border-left: 1px solid #e9e7ef;
  display: grid;
  margin-left: .25rem;
  padding: 0 .95rem 0 .6rem;
  place-items: center
}
[data-theme=dark] .price-filters__expand {
  border-left: 1px solid #a1a1a1
}
.price-filters__expand .icon {
  transform: rotate(180deg);
  fill: none;
  height: 12px;
  width: 12px;
  stroke: currentColor
}
@media (hover: hover) {
  .price-filters__expand:hover {
    color:#ec1639
  }}
.filter-wrapper {
  -ms-overflow-style: none;
  -moz-scrollbars: none;
  max-width: 100%;
  min-width: 0;
  overflow: auto;
  scrollbar-width: none
}
.filter-wrapper::-webkit-scrollbar {
  background: 0 0;
  display: none!important;
  height: 0!important;
  opacity: 0;
  width: 0!important
}
.filter-wrapper::-webkit-scrollbar-track {
  display: none;
  height: 0;
  overflow: hidden
}
.filter-wrapper::-webkit-scrollbar-thumb {
  background: 0 0;
  display: none;
  height: 0;
  overflow: hidden;
  width: 0
}
.filter-wrapper .scroll__arrow {
  z-index: 101
}
.filter-wrapper .scroll__arrow--next {
  right: 0!important
}
.filter-wrapper .scroll__arrow--previous {
  left: 0!important
}
@media only screen and (min-width: 48em) {
  .filter-wrapper {
    background-color:var(--colors-themed-body-bg);
    position: sticky;
    top: 0;
    z-index: 9
  }}
.price-filters {
  display: grid;
  gap: .5rem;
  grid-auto-flow: column;
  max-width: 100%;
  min-width: 0;
  overflow: auto;
  -ms-overflow-style: none;
  -moz-scrollbars: none;
  background-color: var(--colors-themed-body-bg);
  font-size: .975rem;
  justify-content: start;
  scrollbar-width: none
}
.price-filters::-webkit-scrollbar {
  background: 0 0;
  display: none!important;
  height: 0!important;
  opacity: 0;
  width: 0!important
}
.price-filters::-webkit-scrollbar-track {
  display: none;
  height: 0;
  overflow: hidden
}
.price-filters::-webkit-scrollbar-thumb {
  background: 0 0;
  display: none;
  height: 0;
  overflow: hidden;
  width: 0
}
@media only screen and (min-width: 48em) {
  .price-filters {
    padding:1rem 0;
    position: sticky;
    top: 0;
    z-index: 9
  }}
.price-filters__filter {
  align-items: center;
  border: 1px solid #c3c4c7;
  border-radius: 34px;
  color: var(--colors-themed-body-color-lighter);
  cursor: pointer;
  display: grid;
  gap: .25rem;
  grid-auto-columns: max-content;
  grid-auto-flow: column;
  height: 34px;
  justify-content: center;
  padding: 0 1.25rem;
  -webkit-user-select: none;
  user-select: none;
  white-space: nowrap
}
[data-theme=dark] .price-filters__filter {
  border: 1px solid #666
}
@media only screen and (min-width: 80em) {
  .price-filters__filter {
    gap:.35rem
  }}
@media only screen and (min-width: 120em) {
  .price-filters__filter {
    gap:.4rem
  }}
@media only screen and (min-width: 150em) {
  .price-filters__filter {
    gap:.45rem
  }}
.price-filters__filter.selected {
  background: rgba(65,120,217,.1);
  border-color: #4178d8;
  color: #4178d8;
  position: relative;
  z-index: 1
}
[data-theme=dark] .price-filters__filter.selected {
  background: #26282c;
  border-color: #4178d8;
  color: #fff
}
.price-filters__filter.is-disabled {
  border: 1px solid #dbdbdb;
  pointer-events: none
}
[data-theme=dark] .price-filters__filter.is-disabled {
  border: 1px solid #666
}
.price-filters__filter.is-disabled .price-filters__label,.price-filters__filter.is-disabled svg {
  cursor: not-allowed;
  opacity: .4
}
.price-filters__filter input[type=checkbox],.price-filters__filter.is-inline {
  display: none
}
.price-filters__filter[data-expandable] {
  padding-right: 0
}
.price-filters__filter[data-type=in-stock]:before {
  background-color: #8ce99a;
  border-radius: 100%;
  content: "";
  display: block;
  height: 7px;
  margin-right: .3rem;
  width: 7px
}
.price-filters__filter[data-type=priceFull] {
  margin-left: 1rem
}
.price-filters__filter[data-type=coupons] svg {
  height: 16px;
  width: 16px
}
.prices__boxnow-logo {
  align-items: center;
  display: grid;
  filter: grayscale(1);
  transition: filter .2s ease-in-out
}
.prices__boxnow-logo img {
  display: block
}
html.no-touch .prices__boxnow-logo:hover {
  filter: grayscale(0)
}
.price-filters__filter[data-type=boxnow] svg {
  height: 17px;
  width: 23px
}
.price-filters__filter[data-type=boxnow] .price-filters__label {
  align-items: center;
  display: grid;
  gap: .35rem;
  grid-auto-flow: column
}
.prices__buttons {
  display: grid;
  gap: .25rem
}
@media only screen and (min-width: 64em) {
  .prices__button {
    justify-self:start
  }}
.prices__button a {
  -webkit-font-smoothing: antialiased;
  align-items: center;
  border-radius: 6px;
  display: grid;
  font-size: 1.05rem;
  font-weight: 500;
  gap: .5rem;
  grid-auto-flow: column;
  grid-template-columns: auto max-content;
  justify-content: space-between;
  margin-top: .5rem;
  padding: 1.1rem 1.25rem;
  white-space: nowrap
}
.prices__button a .icon {
  margin: 0
}
@media only screen and (min-width: 48em) {
  .prices__button a {
    border-radius:6px;
    font-size: 1rem;
    font-weight: 400;
    justify-content: center;
    margin-top: 0;
    -webkit-font-smoothing: antialiased
  }}
@media only screen and (min-width: 80em) {
  .prices__button a {
    min-width:14rem
  }}
.prices__costs {
  color: var(--colors-themed-body-color-lightest);
  display: grid;
  font-size: .97rem;
  font-variant-numeric: tabular-nums;
  gap: .35rem;
  column-gap: 1.2rem;
  grid-template-columns: auto auto;
  text-align: right;
  white-space: nowrap
}
@media only screen and (min-width: 80em) {
  .prices__costs {
    column-gap:1.25rem;
    font-size: .91rem
  }}
@media only screen and (min-width: 120em) {
  .prices__costs {
    font-size:.9rem
  }}
@media only screen and (min-width: 150em) {
  .prices__costs {
    font-size:.88rem
  }}
.prices__cost-value--add:before {
  content: "+ "
}
.prices__costs {
  direction: rtl;
  justify-self: start;
  text-align: left
}
.prices__cost-value--add {
  direction: ltr
}
@media only screen and (min-width: 64em) {
  .prices__costs {
    direction:ltr;
    justify-self: end;
    text-align: right
  }
  .prices__cost-value--add {
    direction: ltr
  }}
.prices__cost-value {
  color: var(--colors-themed-body-color)
}
.prices.prices--filtering-priceFull .prices__costs {
  display: none
}
.prices__footer {
  background-color: #fff;
  border-radius: 0 0 8px 8px;
  border-top: 1px solid #eceaf1;
  display: grid;
  gap: 1rem;
  grid-auto-flow: column;
  justify-content: space-between;
  min-height: 48px;
  padding: .6rem 1rem;
  white-space: nowrap
}
[data-theme=dark] .prices__footer {
  background-color: #252525;
  border-color: #1c1c1c
}
@media only screen and (min-width: 23em) {
  .prices__footer {
    padding:.4em 1.3rem
  }}
@media only screen and (min-width: 25.8em) {
  .prices__footer {
    padding:.4rem 1.5rem
  }}
@media $media ("only screen and (min-width:48em)") {
  .prices__footer {
    font-size: .95em
  }}
.prices__footer-items {
  align-items: center;
  color: var(--colors-themed-body-color-lighter);
  display: grid;
  font-variant-numeric: tabular-nums;
  grid-auto-columns: max-content;
  grid-auto-flow: column;
  max-width: 100%;
  overflow: auto;
  -ms-overflow-style: none;
  -moz-scrollbars: none;
  scrollbar-width: none
}
.prices__footer-items::-webkit-scrollbar {
  background: 0 0;
  display: none!important;
  height: 0!important;
  opacity: 0;
  width: 0!important
}
.prices__footer-items::-webkit-scrollbar-track {
  display: none;
  height: 0;
  overflow: hidden
}
.prices__footer-items::-webkit-scrollbar-thumb {
  background: 0 0;
  display: none;
  height: 0;
  overflow: hidden;
  width: 0
}
@media only screen and (min-width: 48em) {
  .prices__footer-items {
    color:var(--colors-themed-body-color-lightest)
  }}
.prices__footer-item {
  align-content: center;
  align-items: center;
  border-right: 1px solid var(--colors-themed-separator);
  color: var(--colors-themed-body-color-lighter)!important;
  display: grid;
  gap: .5rem;
  grid-auto-columns: max-content;
  grid-auto-flow: column;
  padding: .15rem .5rem;
  text-decoration: none
}
@media only screen and (min-width: 48em) {
  .prices__footer-item {
    color:var(--colors-themed-body-color-lightest)!important
  }}
@media only screen and (min-width: 64em) {
  .prices__footer-item {
    padding:.15rem .75rem
  }}
@media only screen and (min-width: 80em) {
  .prices__footer-item {
    padding:.15rem 1rem
  }}
.prices__footer-item:last-child {
  border-right: none
}
.prices__footer-item:first-child {
  padding-left: 0
}
.prices__footer-item .dotted-link {
  position: relative;
  top: 2px
}
.prices__footer-item:hover {
  text-decoration: none!important
}
.prices__footer-item:hover .dotted-link:before {
  border-style: solid
}
.prices__footer-item--loyalty {
  align-content: center;
  align-items: center;
  background: #edf1f2;
  border-radius: 32px;
  cursor: pointer;
  display: grid;
  font-size: .9em;
  gap: .35rem;
  max-width: 100%;
  min-width: 0;
  padding: 4px 6px;
  white-space: nowrap
}
.prices__footer-item--loyalty * {
  pointer-events: none!important
}
.prices__footer-item--loyalty svg {
  display: block;
  fill: #fff;
  background: #ec1639;
  border-radius: 50%
}
.prices__footer-item--loyalty:first-child {
  padding-left: 8px
}
.prices__footer-item--loyalty:hover {
  box-shadow: 1px 1px 1px 0 rgba(0,0,0,.25)
}
[data-theme=dark] .prices__footer-item--loyalty {
  background: #546076;
  color: #f1f0f5!important
}
.prices__footer-item--certification {
  align-content: center;
  align-items: center;
  display: grid;
  gap: .35rem;
  max-width: 100%;
  min-width: 0;
  white-space: nowrap
}
.prices__footer-item--certification svg {
  display: block
}
.prices__footer-item--certification * {
  pointer-events: none
}
a.prices__footer-item--certification span {
  color: #2d69c6
}
[data-theme=dark] a.prices__footer-item--certification span {
  color: #709fe7
}
@media only screen and (min-width: 80em) {
  a.prices__footer-item--certification span:before {
    content:"Δωρεάν "
  }}
.prices__footer-item--authorized svg {
  display: block;
  height: 16px;
  width: 16px
}
.prices__group {
  align-items: start;
  background: #fff;
  border: 1px solid #eaeaea;
  border-radius: 8px;
  box-shadow: 0 2px 5px rgba(0,0,0,.02);
  color: inherit;
  display: grid;
  gap: .75rem;
  overflow: hidden;
  position: relative;
  text-decoration: none;
  transition: all .25s ease-in-out;
  transition-property: border,box-shadow
}
[data-theme=dark] .prices__group {
  background: #26282c;
  border: 0;
  box-shadow: inset 0 0 0 1px #26282c;
  transition: all .18s ease-in-out
}
.prices__group[href] {
  color: inherit
}
@media (hover: hover) {
  .prices__group[href]:hover {
    border-color:#c3c4c7;
    text-decoration: none
  }
  [data-theme=dark] .prices__group[href]:hover {
    border: 0;
    border-color: transparent;
    box-shadow: inset 0 0 0 1px #444
  }}
@media only screen and (max-width: 47.99em) {
  [data-theme=default] .prices__group {
    border-color:#d4d4d4
  }}
@media only screen and (min-width: 48em) {
  .prices__group {
    overflow:visible
  }}
@media only screen and (max-width: 47.99em) {
  html.is-bot .prices__group {
    content-visibility:auto
  }}
.prices__root {
  align-items: start;
  display: grid;
  gap: .75rem;
  padding: 1.25rem;
  position: relative
}
@media only screen and (max-width: 47.99em) {
  [data-theme=default] .prices__root {
    border-color:#d4d4d4
  }}
@media only screen and (min-width: 23em) {
  .prices__root {
    padding:1.3rem
  }}
@media only screen and (min-width: 25.8em) {
  .prices__root {
    padding:1.5rem
  }}
@media only screen and (min-width: 48em) {
  .prices__root {
    gap:1.25rem;
    grid-template-columns: auto 1fr
  }}
@media only screen and (min-width: 64em) {
  .prices__root {
    gap:1.25rem
  }}
@media only screen and (min-width: 80em) {
  .prices__root {
    align-items:stretch;
    gap: 1.5rem
  }}
@media only screen and (min-width: 120em) {
  .prices__root {
    gap:2rem
  }}
@keyframes prices-group-slide-in {
  0% {
    opacity: .6;
    transform: translateY(0)
  }}
#page-item-inner #item-prices {
  margin-bottom: 3.84rem;
  margin-top: 2rem
}
#page-item-inner #item-prices header {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin: 0 0 1rem;
  position: relative
}
#page-item-inner #item-prices header h2,#page-item-inner #item-prices header h3 {
  align-items: center;
  display: flex;
  margin: 0
}
#page-item-inner #item-prices header #full-price-container {
  display: none
}
#page-item-inner #item-prices header #full-price-container>#full-price-container-toggler {
  align-items: center;
  display: inline-flex
}
@media only screen and (min-width: 20em) {
  #page-item-inner #item-prices header #full-price-container {
    color:var(--colors-themed-17972716);
    display: block;
    white-space: nowrap;
    z-index: 99999
  }
  :root {
    --colors-themed-17972716: #3e3e3e
  }
  [data-theme=dark] {
    --colors-themed-17972716: #dde2e6
  }}
@media only screen and (min-width: 64em) {
  #page-item-inner #item-prices label span:after {
    content:""
  }}
.touch #page-item-inner #item-prices label span:after {
  content: ""
}
@media only screen and (max-width: 47.99em) {
  #page-item-inner #item-prices label span:after {
    content:""
  }}
.prices__product[data-is-bestprice][data-is-drop] .prices__price a {
  color: var(--colors-themed-drop-color)
}
.prices__product[data-is-bestprice][data-is-drop] .prices__button a {
  background-color: var(--colors-themed-83414925);
  color: var(--colors-themed-55986254)
}
:root,[data-theme=dark] {
  --colors-themed-83414925: #ffba85;
  --colors-themed-55986254: #792f30
}
.no-touch .prices__product[data-is-bestprice][data-is-drop] .prices__button a:hover {
  background: var(--colors-themed-97436018);
  border-color: #d9d9d9
}
:root {
  --colors-themed-97436018: #e6a778
}
[data-theme=dark] {
  --colors-themed-97436018: #ffcfaa
}
.no-touch .prices__product[data-is-bestprice][data-is-drop] .prices__button a:active {
  background: var(--colors-themed-10590761);
  box-shadow: var(--colors-themed-60954588)
}
:root {
  --colors-themed-10590761: #e29962
}
[data-theme=dark] {
  --colors-themed-10590761: #ffc191
}
:root {
  --colors-themed-60954588: inset 0 1px 1px 0 #d17027
}
[data-theme=dark] {
  --colors-themed-60954588: inset 0 1px 1px 0 #ff9544
}
.prices__epistrofi-logo,.prices__klarna-logo {
  align-items: center;
  display: grid;
  filter: grayscale(1);
  transition: all .5s ease-in-out
}
[data-theme=dark] .prices__epistrofi-logo,[data-theme=dark] .prices__klarna-logo {
  filter: contrast(.1)
}
.prices__epistrofi-logo img,.prices__klarna-logo img {
  display: block
}
.no-touch .prices__epistrofi-logo:hover,.no-touch .prices__klarna-logo:hover {
  filter: grayscale(0)
}
.price-filters__filter[data-type=klarna] .price-filters__label {
  align-items: center;
  display: grid;
  gap: .25rem;
  grid-auto-flow: column
}
.prices__merchant-nearby {
  display: none
}
.prices--filtering-nearby .prices__merchant-nearby {
  display: grid;
  font-size: 1.1rem;
  font-weight: 700;
  justify-self: end;
  white-space: nowrap
}
@media only screen and (min-width: 48em) {
  .prices--filtering-nearby .prices__merchant-nearby {
    align-self:start;
    font-weight: 500;
    justify-self: center
  }}
@media (min-width: 93rem) {
  .prices--filtering-nearby .prices__merchant-nearby {
    justify-self:end
  }}
.prices__merchant {
  align-items: center;
  display: grid;
  gap: 1rem;
  grid-auto-columns: auto;
  grid-auto-flow: column;
  grid-template-columns: 1fr
}
@media only screen and (min-width: 48em) {
  .prices__merchant {
    grid-auto-flow:row;
    justify-content: center;
    justify-items: center
  }}
@media only screen and (min-width: 80em) {
  .prices__merchant {
    gap:1.5rem
  }}
@media (min-width: 93rem) {
  .prices__merchant {
    grid-auto-flow:column;
    justify-content: start
  }}
.prices__merchant-meta {
  align-items: center;
  display: grid;
  gap: .5em;
  grid-template-columns: 90px 1fr;
  width: 100%
}
@media only screen and (min-width: 25.8em) {
  .prices__merchant-meta {
    grid-template-columns:110px 1fr;
    grid-template-columns: 120px 1fr
  }}
@media only screen and (min-width: 48em) {
  .prices__merchant-meta {
    gap:.65em;
    grid-template-columns: 1fr;
    justify-items: center;
    max-width: 120px;
    width: 14vw
  }}
@media only screen and (min-width: 64em) {
  .prices__merchant-meta {
    min-width:120px
  }}
@media only screen and (min-width: 80em) {
  .prices__merchant-meta {
    gap:.7em;
    min-width: 140px
  }}
@media only screen and (min-width: 120em) {
  .prices__merchant-meta {
    min-width:150px
  }}
.prices__merchant-logo {
  border: 1px solid #dbdbdb;
  border-radius: 8px;
  padding: .5rem;
  position: relative;
  transition: all .3s ease-in-out;
  width: 100%
}
@media only screen and (min-width: 80em) {
  .prices__merchant-logo {
    border:1px solid #f1f0f5;
    padding: .75rem
  }}
[data-theme=dark] .prices__merchant-logo {
  background-color: #fff;
  border: 0
}
@media (hover: hover) {
  .prices__merchant-logo:hover {
    border-color:#c3c4c7
  }}
.prices__merchant-logo img {
  aspect-ratio: 90/30;
  display: block;
  height: auto;
  width: 100%
}
.prices__merchant-props {
  align-items: center;
  display: grid;
  gap: .35rem;
  justify-content: end;
  justify-items: end;
  min-width: 0
}
.prices__merchant-props .merchant__rating {
  display: grid;
  margin: 0
}
@media only screen and (min-width: 48em) {
  .prices__merchant-props {
    justify-items:center;
    text-align: center
  }}
@media only screen and (min-width: 64em) {
  .prices__merchant-props {
    gap:.45rem
  }}
@media only screen and (min-width: 80em) {
  .prices__merchant-props {
    gap:.5rem
  }}
.prices__merchant-authorized {
  color: var(--colors-themed-body-color-lightest);
  font-size: .9rem;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}
@media only screen and (min-width: 80em) {
  .prices__merchant-authorized {
    font-size:.88rem
  }}
.prices__merchant-link {
  align-items: center;
  color: var(--colors-themed-body-color-lightest)!important;
  display: grid;
  font-size: .9rem;
  gap: .25rem;
  grid-template-columns: auto 1fr;
  justify-content: center;
  justify-items: center;
  opacity: .8;
  white-space: nowrap
}
.prices__merchant-link em {
  font-style: normal;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis
}
@media only screen and (max-width: 47.99em) {
  .prices__merchant-link {
    display:none
  }}
.touch .prices__merchant-link {
  display: none
}
.prices__merchant-link .icon {
  height: 10px;
  width: 10px
}
.prices__merchant-rtc-wrapper {
  align-self: stretch;
  display: grid
}
.prices__merchant-rtc-wrapper:empty {
  display: none
}
.prices__merchant-rtc {
  align-items: center;
  border: 1px solid #ddd;
  border-radius: 6px;
  color: #2b8a3e;
  cursor: pointer;
  display: grid;
  gap: .5rem;
  grid-auto-flow: column;
  line-height: 1;
  padding: .5rem .65rem;
  -webkit-user-select: none;
  user-select: none
}
.prices__merchant-rtc svg {
  color: #60c101
}
[data-theme=dark] .prices__merchant-rtc {
  border: 1px solid #444;
  color: #51cf66
}
@media only screen and (min-width: 35.5em) {
  .prices__merchant-rtc:after {
    content:"Επικοινωνία"
  }}
.prices__merchant-rtc--busy {
  opacity: .5;
  pointer-events: none
}
.prices__merchant-rtc--busy:after {
  content: "Σε συζήτηση"
}
.prices__options {
  align-items: center;
  display: flex;
  margin-top: .5rem;
  width: 100%
}
span.prices__options-label {
  display: none;
  flex-shrink: 0;
  margin-bottom: 0;
  margin-right: .25rem
}
.prices__options li,.prices__options ol {
  list-style-type: none;
  margin: 0;
  padding: 0
}
.prices__options ol {
  display: grid;
  gap: 6px;
  grid-template-columns: repeat(auto-fit,minmax(40px,max-content));
  white-space: nowrap;
  width: 100%
}
.prices__options li {
  background: 0 0;
  border: 1px solid #dbdbdb;
  border-radius: 4px;
  color: var(--colors-themed-body-color-lightest);
  cursor: pointer;
  font-size: .82em;
  font-variant-numeric: tabular-nums;
  justify-content: center;
  max-width: 100%;
  min-width: 3.35em;
  overflow: hidden;
  padding: .4rem;
  text-align: center;
  text-overflow: ellipsis;
  -webkit-user-select: none;
  user-select: none
}
.prices__options li:last-child {
  margin-right: 0
}
.prices__options li.selected {
  background-color: #f6f6f6;
  color: #ec1639;
  position: relative;
  z-index: 1111
}
[data-theme=dark] .prices__options li {
  border-color: #666
}
.prices__perks {
  align-items: center;
  display: grid;
  gap: 1em;
  justify-items: start
}
.prices__perks svg {
  margin: 0
}
.prices__perk {
  align-items: center;
  border-radius: 4px!important;
  color: #fff;
  display: grid;
  font-size: .9rem;
  gap: .25rem;
  grid-auto-flow: column;
  padding: .5rem .7rem;
  pointer-events: none;
  -webkit-user-select: none;
  user-select: none
}
.prices__perk[data-perk=black] {
  background: #21282b
}
.prices__price {
  align-content: start;
  display: grid;
  gap: .5rem
}
@media only screen and (min-width: 64em) {
  .prices__price {
    justify-items:end
  }}
@media only screen and (min-width: 80em) {
  .prices__price {
    gap:.75rem
  }}
.prices__price-wrapper {
  align-content: start;
  display: grid;
  gap: .25rem;
  margin-top: .75rem
}
@media only screen and (min-width: 23em) {
  .prices__price-wrapper {
    margin-top:1rem
  }}
@media only screen and (min-width: 48em) {
  .prices__price-wrapper {
    gap:.35rem;
    margin-top: 0;
    text-align: right
  }
  .prices__price-wrapper:has(.prices__per-unit) {
    margin-bottom: .35rem
  }}
@media only screen and (max-width: 47.99em) {
  .prices__price-wrapper {
    align-items:center;
    gap: 1rem;
    grid-template-columns: auto auto;
    justify-content: start;
    justify-items: start
  }}
.prices__per-unit {
  color: var(--colors-themed-body-color-light)
}
.prices:not(.prices--filtering-priceFull) .prices__price--deal a {
  color: #ec1639
}
.prices__price a {
  color: inherit;
  font-size: 1.17rem;
  font-variant-numeric: tabular-nums;
  font-weight: 700;
  text-decoration: none!important
}
@media only screen and (min-width: 23em) {
  .prices__price a {
    font-size:1.2rem
  }}
@media only screen and (min-width: 25.8em) {
  .prices__price a {
    font-size:1.25rem
  }}
@media only screen and (min-width: 35.5em) {
  .prices__price a {
    font-size:1.25rem
  }}
@media only screen and (min-width: 48em) {
  .prices__price a {
    font-size:1.22rem
  }}
@media only screen and (min-width: 80em) {
  .prices__price a {
    font-size:1.22rem
  }}
@media only screen and (min-width: 120em) {
  .prices__price a {
    font-size:1.25rem
  }}
.prices__best.prices__best {
  background: var(--colors-themed-body-bg);
  border-radius: 4px;
  color: orange!important;
  display: grid;
  font-size: .85rem;
  font-variant-numeric: tabular-nums;
  font-weight: 400;
  gap: .12rem;
  margin-top: .5rem;
  padding: 1rem;
  text-align: left;
  text-decoration: none!important;
  -webkit-user-select: none;
  user-select: none
}
@media only screen and (min-width: 48em) {
  .prices__best.prices__best {
    padding:.5rem .7rem
  }}
@media only screen and (min-width: 64em) {
  .prices__best.prices__best {
    justify-self:stretch;
    justify-self: start;
    margin-top: 0;
    text-align: right
  }}
.prices__best-label {
  font-weight: 500
}
.prices__best-price {
  color: var(--colors-themed-body-color-light)
}
.prices.prices--filtering-priceFull .prices__best {
  display: none
}
.prices__products {
  display: grid;
  gap: 1rem;
  margin-top: .5rem;
  padding-top: 1rem
}
@media only screen and (max-width: 47.99em) {
  .prices__products {
    border-top:1px solid #f1f0f5
  }
  [data-theme=dark] .prices__products {
    border-top: 1px solid #444
  }}
@media only screen and (min-width: 48em) {
  .prices__products {
    border:0;
    margin: 0;
    padding-top: 0
  }}
@media only screen and (min-width: 80em) {
  .prices__products {
    gap:1.5rem
  }}
@media only screen and (min-width: 120em) {
  .prices__products {
    gap:1.75rem
  }}
.prices__props {
  color: var(--colors-themed-body-color-lightest);
  display: grid;
  font-size: .95rem;
  gap: .5rem;
  width: 100%
}
.prices__props .av.av.av {
  margin: 0
}
.prices__main {
  align-content: start;
  display: grid;
  gap: 1rem;
  justify-items: start
}
.prices__product {
  display: grid;
  gap: .75rem
}
@media only screen and (max-width: 47.99em) {
  .prices__product {
    position:relative
  }
  .prices__product:before {
    background: #fff;
    bottom: 100%;
    content: "";
    height: 2rem;
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0
  }}
@media only screen and (min-width: 48em) {
  .prices__product {
    gap:1.25rem
  }}
@media only screen and (min-width: 64em) {
  .prices__product {
    gap:1.5rem;
    grid-template-columns: 1fr auto
  }}
@media only screen and (min-width: 80em) {
  .prices__product {
    align-items:center;
    gap: 1rem;
    grid-template-columns: 1fr auto auto
  }}
@media only screen and (min-width: 120em) {
  .prices__product {
    gap:1.75rem
  }}
@media only screen and (min-width: 150em) {
  .prices__product {
    gap:2.25rem
  }}
.prices__product:nth-child(n+3) {
  border-top: 1px solid #f1f0f5;
  padding-top: 1.25rem
}
[data-theme=dark] .prices__product:nth-child(n+3) {
  border-top: 1px solid #1d1d1d
}
.prices__group[data-is-prom] {
  background-color: #f1f5fd
}
[data-theme=default] .prices__group[data-is-prom],[data-theme=default] .prices__group[data-is-prom] .prices__merchant-logo {
  border-color: #dbdbdb
}
[data-theme=dark] .prices__group[data-is-prom] {
  background-color: #363e44
}
.prices__group[data-is-prom] .prices__cost-value:not(.prices__cost-value--add) {
  color: #36b04c;
  font-weight: 500
}
.prices__group[data-is-prom] .prices__cost-value.dosages {
  color: var(--colors-themed-body-color);
  font-weight: 400
}
.prices__promoted-separator {
  align-items: center;
  display: grid;
  height: 3rem;
  justify-content: center;
  margin: auto;
  pointer-events: none;
  position: relative;
  -webkit-user-select: none;
  user-select: none;
  width: 100%
}
@media only screen and (min-width: 64em) {
  .prices__promoted-separator {
    height:3.5rem
  }}
@media only screen and (min-width: 80em) {
  .prices__promoted-separator {
    height:4rem
  }}
@media only screen and (min-width: 120em) {
  .prices__promoted-separator {
    height:4.6rem
  }}
.prices__promoted-separator:before {
  background-color: var(--colors-themed-body-color);
  content: "";
  height: 1px;
  left: 0;
  opacity: .1;
  position: absolute;
  right: 0;
  top: 50%;
  width: 100%;
  z-index: 1
}
.prices__promoted-separator:first-child {
  display: none
}
.prices__promote-prompt {
  align-items: center;
  display: none;
  font-size: 1.15rem;
  gap: 1rem;
  grid-auto-flow: column;
  grid-column: 1/-1;
  justify-content: center
}
.prices__promote-prompt mark {
  border-radius: 2px;
  margin: 0 .25rem;
  padding: .35rem
}
@media only screen and (min-width: 64em) {
  .prices__promote-prompt {
    display:grid
  }}
.prices__promote-prompt a * {
  pointer-events: none
}
.prices__promote-button {
  border-radius: 8px;
  font-weight: 700
}
.item-shipping-note {
  align-items: center;
  color: var(--colors-themed-body-color-lightest);
  display: flex;
  font-size: .9rem;
  justify-content: center;
  margin: 1rem 0;
  opacity: .85;
  -webkit-user-select: none;
  user-select: none
}
@media only screen and (min-width: 48em) {
  .item-shipping-note {
    margin:1.2rem 0
  }}
@media only screen and (min-width: 80em) {
  .item-shipping-note {
    margin:1.4rem 0
  }}
.item-shipping-note svg {
  height: 14px;
  margin-right: .5rem;
  width: 14px
}
@media only screen and (max-width: 47.99em) {
  .item-shipping-note {
    display:none
  }}
.item-prices-not-found__placeholder--visible+.item-shipping-note,.item-prices-not-found__placeholder:empty {
  display: none
}
.prices__title {
  font-size: 1.105rem;
  font-weight: 500;
  -webkit-hyphens: auto;
  hyphens: auto;
  line-height: 1.3;
  word-break: break-word
}
@media only screen and (min-width: 23em) {
  .prices__title {
    font-size:1.105rem;
    line-height: 1.32
  }}
@media only screen and (min-width: 25.8em) {
  .prices__title {
    font-size:1.107rem;
    line-height: 1.35
  }}
@media only screen and (min-width: 35.5em) {
  .prices__title {
    font-size:1.13rem
  }}
@media only screen and (min-width: 48em) {
  .prices__title {
    font-size:1.14rem
  }}
@media only screen and (min-width: 64em) {
  .prices__title {
    font-size:1.19rem
  }}
@media only screen and (min-width: 80em) {
  .prices__title {
    display:-webkit-box;
    font-size: 1.108rem;
    font-weight: 500;
    line-height: 1.42;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-word;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
  }}
@media only screen and (min-width: 120em) {
  .prices__title {
    font-size:1.27rem;
    font-size: 1.3rem;
    line-height: 1.5;
    -webkit-font-smoothing: antialiased
  }}
@media only screen and (min-width: 150em) {
  .prices__title {
    font-size:1.34rem;
    line-height: 1.5;
    -webkit-font-smoothing: antialiased
  }}
.prices__title h3 {
  display: -webkit-box;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical
}
.prices__title a:not(:visited) {
  color: #2d69c6!important
}
[data-theme=dark] .prices__title a:not(:visited) {
  color: #fff!important
}
.prices__title a:visited {
  color: var(--colors-themed-anchor-visited)!important
}
.prices__title h3 {
  display: inline
}
.prices__title a {
  position: relative;
  text-underline-offset: 4px
}
.prices__title a:before {
  content: "";
  inset: 0;
  position: absolute;
  width: 100%
}
.prices__warranty {
  align-items: center;
  display: flex;
  font-size: inherit;
  margin-top: .5rem
}
.prices__warranty img {
  margin-right: .25rem
}
.prices__group-variations-button {
  align-items: center;
  background-color: inherit;
  color: var(--colors-themed-body-color-lighter);
  cursor: pointer;
  display: grid;
  font-size: 1.05rem;
  grid-template-columns: 1fr max-content max-content;
  justify-content: space-between;
  justify-content: start;
  justify-self: start;
  justify-self: stretch;
  line-height: 1;
  max-width: 100%;
  min-width: 0;
  padding: .75rem .7rem .75rem 0;
  position: relative;
  -webkit-user-select: none;
  user-select: none;
  width: 100%;
  z-index: 999
}
@media only screen and (min-width: 48em) {
  .prices__group-variations-button {
    font-size:1rem;
    justify-self: start;
    padding: .25rem .25rem .25rem 0;
    width: auto
  }}
.prices__group-variations-button>* {
  pointer-events: none
}
.prices__group-variations-button .icon {
  stroke: var(--colors-themed-body-color);
  fill: transparent;
  color: transparent;
  flex: none;
  height: 10px;
  margin-left: .2rem;
  margin-right: 0!important;
  transform: rotate(180deg);
  transition: transform .2s ease-in-out;
  width: 10px
}
@media only screen and (min-width: 48em) {
  .prices__group-variations-button {
    font-size:.97rem
  }}
@media only screen and (min-width: 64em) {
  .prices__group-variations-button {
    font-size:.98rem
  }}
@media only screen and (min-width: 80em) {
  .prices__group-variations-button {
    font-size:1rem
  }}
@media only screen and (min-width: 120em) {
  .prices__group-variations-button {
    font-size:1.05rem
  }}
.prices__group-variations-colors,.prices__group-variations-label {
  margin-right: .5rem
}
.prices__group-variations-button--inside {
  display: none
}
.prices__group-variations-colors {
  align-items: center;
  display: flex;
  flex: none
}
.prices__product[data-is-variation-first-visible] {
  border-top: 0;
  padding-top: 0
}
@media only screen and (min-width: 25.8em) {
  .prices__group-variations-button--after {
    align-self:flex-start;
    display: inline-flex;
    min-width: 6rem;
    width: auto
  }}
@media only screen and (min-width: 64em) {
  .prices__group-variations-button--inside {
    align-self:flex-start;
    display: inline-flex;
    margin-bottom: 0;
    margin-top: .4rem;
    min-width: 6rem;
    width: auto
  }
  .prices__group-variations-button--after {
    display: none
  }}
.prices__group-variations-colors span {
  border-radius: 100%;
  display: block;
  flex: none;
  height: 6px;
  margin-right: .3rem;
  overflow: hidden;
  width: 6px
}
.prices__group-variations-colors span:last-child {
  margin-right: 0
}
.prices__group-variations-colors span {
  height: 8px;
  width: 8px
}
@media only screen and (min-width: 64em) {
  .prices__group-variations-colors span {
    height:9px;
    width: 9px
  }}
@media only screen and (min-width: 80em) {
  .prices__group-variations-colors span {
    height:10px;
    width: 10px
  }
  .prices__group-variations-colors span:not(:last-child) {
    margin-right: .4rem
  }}
[data-v-color=roseGold] {
  background: #e9c5c5
}
[data-v-color=lightBlue] {
  background: #87bbfd
}
[data-v-color=jetBlack] {
  background: #5f5f5f
}
[data-v-color=diamondBlack] {
  background: #c9a95a
}
[data-v-color=spaceGrey] {
  background: #a1adb7
}
[data-v-color=azure] {
  background: #7795f8
}
[data-v-color=black] {
  background: #262626
}
[data-v-color=blue] {
  background: #1a53ff
}
[data-v-color=brown] {
  background: #ae8d6b
}
[data-v-color=copper] {
  background: #e54c22
}
[data-v-color=coral] {
  background: coral
}
[data-v-color=gold] {
  background: #f0b700
}
[data-v-color=green] {
  background: #40b056
}
[data-v-color=grey] {
  background: #abb6bf
}
[data-v-color=orange] {
  background: #e66f14
}
[data-v-color=pink] {
  background: #fb998e
}
[data-v-color=purple] {
  background: #7457b7
}
[data-v-color=red] {
  background: #e62914
}
[data-v-color=silver] {
  background: #e3e7ee
}
[data-v-color=white] {
  background: #fff
}
[data-v-color=yellow] {
  background: #fedd58
}
[data-v-color=rose] {
  background: #fe249a
}
[data-v-color=twilight] {
  background: #4a4b7f
}
[data-v-color=turquoise] {
  background: #40e0d0
}
[data-v-color=graphite] {
  background: #4b4e53
}
[data-v-color=cream] {
  background: #ecd8bf
}
[data-v-color=desert] {
  background: #d2c3b3
}
[data-v-color=teal] {
  background: #40b056
}
[data-v-color=ultramarine] {
  background: #1a53ff
}
[data-v-color=white] {
  box-shadow: inset 0 0 0 1px #b1b1b1
}
[data-theme=dark] [data-v-color=white] {
  box-shadow: none
}
[data-theme=dark] [data-v-color=black] {
  box-shadow: inset 0 0 0 1px #a1a1a1
}
.prices__group-variations-label {
  display: block;
  line-height: 1.5;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}
.prices .prices__products--all-variations .prices__group-variations-button .icon {
  transform: none
}
.prices .prices__products--all-variations .prices__product[data-is-variation]:not([data-hidden]) {
  display: grid!important
}
.prices .prices__products--all-variations .prices__title b {
  border-bottom: 1px solid;
  font-weight: 700
}
@media only screen and (min-width: 48em) {
  .prices__group--all-variations .prices__merchant {
    align-self:start;
    position: sticky;
    top: 0
  }}
.prices__title b {
  font-weight: inherit
}
.prices__product[data-is-variation] {
  position: relative;
  z-index: 0
}
.prices__product[data-is-variation]:not([data-is-variation-first-visible]) .prices__costs {
  display: none
}
.prices__product[data-is-variation-first-visible] {
  position: relative;
  z-index: 1
}
.prices__product[data-is-variation]:not([data-is-variation-first-visible]) {
  display: none
}
#item-prices {
  margin-bottom: 2rem
}
@media only screen and (min-width: 23em) {
  #item-prices {
    margin-bottom:2.5rem
  }}
@media only screen and (min-width: 25.8em) {
  #item-prices {
    margin-bottom:3rem
  }}
#item-prices .section__title small {
  color: var(--colors-themed-body-color-lightest);
  font-size: inherit;
  font-variant-numeric: tabular-nums;
  font-weight: 400
}
@media only screen and (max-width: 47.99em) {
  #item-prices .section__header {
    max-width:100%;
    overflow: auto;
    -ms-overflow-style: none;
    -moz-scrollbars: none;
    scrollbar-width: none
  }
  #item-prices .section__header::-webkit-scrollbar {
    background: 0 0;
    display: none!important;
    height: 0!important;
    opacity: 0;
    width: 0!important
  }
  #item-prices .section__header::-webkit-scrollbar-track {
    display: none;
    height: 0;
    overflow: hidden
  }
  #item-prices .section__header::-webkit-scrollbar-thumb {
    background: 0 0;
    display: none;
    height: 0;
    overflow: hidden;
    width: 0
  }}
.prices {
  display: grid;
  gap: .5rem;
  width: 100%
}
@media only screen and (min-width: 25.8em) {
  .prices {
    gap:.75rem
  }}
@media only screen and (min-width: 35.5em) {
  .prices {
    gap:.8rem
  }}
@media only screen and (min-width: 48em) {
  .prices {
    gap:.8rem
  }}
@media only screen and (min-width: 64em) {
  .prices {
    gap:.95rem
  }}
@media only screen and (min-width: 80em) {
  .prices {
    gap:1.22rem
  }}
@media only screen and (min-width: 120em) {
  .prices {
    gap:1.45rem
  }}
.prices.prices--loading {
  position: relative
}
.prices.prices--loading:after {
  background-color: var(--colors-themed-body-bg);
  content: "";
  inset: -10px;
  opacity: .75;
  position: absolute;
  z-index: 10000
}
@supports (animation-fill-mode: forwards) {
  .prices.prices--loading:after {
    animation:prices-loading .25s ease-in-out;
    animation-delay: .5s;
    animation-fill-mode: forwards;
    opacity: 0
  }}
html:not(.safari).supports-flex-gap .prices {
  display: flex;
  flex-direction: column
}
#item-prices header small {
  display: none
}
@media only screen and (min-width: 64em) {
  #item-prices header small {
    display:block
  }}
[data-is-hidden] {
  display: none!important
}
@keyframes prices-loading {
  0% {
    opacity: 0
  }
  to {
    opacity: .7
  }}
.certified-promo {
  background: #fffddf;
  border: 1px solid #ddd;
  border-radius: 6px;
  color: #333;
  display: grid;
  gap: .5rem;
  padding: 1rem;
  padding-right: 25px!important;
  position: relative
}
@media only screen and (min-width: 23em) {
  .certified-promo {
    padding:1.1rem
  }}
@media only screen and (min-width: 25.8em) {
  .certified-promo {
    padding:1.15rem
  }}
@media only screen and (min-width: 35.5em) {
  .certified-promo {
    padding:1.25rem
  }}
@media only screen and (min-width: 48em) {
  .certified-promo {
    gap:1.5rem;
    grid-template-columns: 60px 1fr;
    padding: 1rem 1.35rem
  }}
@media only screen and (min-width: 64em) {
  .certified-promo {
    grid-template-columns:70px 1fr;
    padding: 1rem 1.5rem
  }}
@media only screen and (min-width: 80em) {
  .certified-promo {
    gap:2rem;
    grid-template-columns: 82px 1fr;
    padding: 1rem 1.7rem
  }}
.certified-promo__actions {
  align-items: center;
  display: grid;
  gap: .75rem;
  grid-auto-flow: column;
  justify-content: start;
  justify-items: start
}
@media only screen and (min-width: 25.8em) {
  .certified-promo__actions {
    gap:.75rem
  }}
@media only screen and (min-width: 48em) {
  .certified-promo__actions {
    gap:1rem
  }}
@media only screen and (min-width: 64em) {
  .certified-promo__actions {
    font-size:1.05rem;
    font-size: 1rem
  }}
.certified-promo__actions button {
  border-color: inherit!important;
  border-radius: 6px;
  color: inherit;
  font-size: inherit;
  font-weight: 500;
  padding: 1rem
}
@media (hover: hover) {
  .certified-promo__actions button {
    background-color:transparent!important
  }}
.certified-promo__actions a {
  color: inherit;
  font-size: inherit
}
.certified-promo__main {
  display: grid;
  gap: 1rem;
  padding-right: 1rem
}
@media only screen and (min-width: 64em) {
  .certified-promo__main {
    align-items:center;
    grid-template-columns: 1fr auto
  }}
.certified-promo__prompt {
  line-height: 1.3
}
@media only screen and (min-width: 25.8em) {
  .certified-promo__prompt {
    font-size:1.05rem;
    line-height: 1.35
  }}
@media only screen and (min-width: 35.5em) {
  .certified-promo__prompt {
    line-height:1.35
  }}
@media only screen and (min-width: 64em) {
  .certified-promo__prompt {
    font-size:1.1rem;
    line-height: 1.3
  }}
@media only screen and (min-width: 80em) {
  .certified-promo__prompt {
    font-size:1.125rem;
    line-height: 1.35
  }}
.certified-promo__prompt strong {
  font-weight: 500
}
@media only screen and (max-width: 47.99em) {
  .certified-promo__icon {
    display:none
  }}
.certified-promo__icon {
  align-self: center
}
.certified-promo__icon svg {
  fill: none
}
@media only screen and (min-width: 48em) {
  .certified-promo__icon svg {
    height:auto;
    width: 100%
  }}
.certified-promo__close {
  cursor: pointer;
  position: absolute;
  right: 1rem;
  top: 1rem;
  z-index: 9
}
.price-filters__options {
  max-width: 441px
}
.price-filters__options-list {
  display: flex;
  flex-wrap: wrap
}
.price-filters__close {
  cursor: pointer;
  padding: 1rem;
  position: absolute;
  right: 0;
  top: 0
}
.price-filters__option {
  align-items: center;
  border: 1px solid var(--colors-themed-input-border);
  border-radius: 8px;
  cursor: pointer;
  display: flex;
  font-variant-numeric: tabular-nums;
  font-weight: 400;
  justify-content: center;
  margin-right: .5rem;
  margin-top: .5rem;
  min-width: 4rem;
  padding: .4rem;
  text-align: center;
  touch-action: manipulation;
  -webkit-user-select: none;
  user-select: none
}
.price-filters__option:last-child {
  margin-right: 0
}
.price-filters__option--disabled {
  opacity: .4;
  pointer-events: none
}
.price-filters__option--selected {
  background: rgba(65,120,217,.1);
  border-color: #4178d8;
  color: #4178d8;
  position: relative;
  z-index: 1
}
[data-theme=dark] .price-filters__option--selected {
  background: #26282c;
  border-color: #4178d8;
  color: #fff
}
.price-filters__options-label {
  font-size: 1.05rem;
  font-weight: 700;
  margin-bottom: .5rem
}
.price-filters__option [data-v-color] {
  border: 2px solid var(--colors-themed-popup-bg);
  border-radius: 100%;
  display: block;
  flex: none;
  height: 14px;
  margin-right: .25rem;
  overflow: hidden;
  width: 14px
}
.price-filters__option--selected span {
  box-shadow: none!important
}
@media only screen and (min-width: 80em) {
  .price-filters__option {
    padding:.52rem
  }}
@supports (display: grid) {
  .price-filters__options-list {
    display:grid;
    grid-template-columns: repeat(auto-fill,minmax(4rem,1fr));
    max-width: 100%;
    width: 100%;
    width: 400px;
    grid-gap: .5rem
  }
  .price-filters__option {
    margin: 0;
    max-width: 100%
  }}
html.supports-flex-gap .price-filters__options-list {
  display: flex;
  flex-wrap: wrap;
  gap: .5rem
}
@media only screen and (max-width: 47.99em) {
  html.supports-flex-gap .price-filters__options-list {
    flex-wrap:nowrap
  }}
.price-filters__options--color .price-filters__options-list {
  grid-template-columns: repeat(auto-fit,minmax(6rem,1fr));
  white-space: nowrap
}
.price-filters__inline {
  max-width: 100%;
  overflow: auto;
  -ms-overflow-style: none;
  -moz-scrollbars: none;
  scrollbar-width: none
}
.price-filters__inline::-webkit-scrollbar {
  background: 0 0;
  display: none!important;
  height: 0!important;
  opacity: 0;
  width: 0!important
}
.price-filters__inline::-webkit-scrollbar-track {
  display: none;
  height: 0;
  overflow: hidden
}
.price-filters__inline::-webkit-scrollbar-thumb {
  background: 0 0;
  display: none;
  height: 0;
  overflow: hidden;
  width: 0
}
.price-filters__inline .price-filters__options {
  max-width: 920px;
  width: 100%
}
[data-theme=default] .price-filters__inline .price-filters__options {
  color: var(--colors-themed-body-color-light)
}
.price-filters__inline .price-filters__options.price-filters__options--color {
  max-width: 720px
}
.price-filters__inline .price-filters__options.price-filters__options--color .price-filters__options-list {
  grid-template-columns: repeat(auto-fill,minmax(7rem,1fr))
}
.price-filters__inline .price-filters__options.price-filters__options--color .price-filters__option [data-v-color] {
  border-color: var(--colors-themed-body-bg);
  margin-right: .5rem
}
@media only screen and (max-width: 47.99em) {
  .price-filters__option span[data-v-color] {
    border:0!important
  }}
@supports (display: grid) {
  @media only screen and (min-width:48em) {
    .price-filters__inline .price-filters__option {
      font-size:.9rem;
      margin: 0;
      max-width: 100%;
      padding: .5rem
    }
    .price-filters__inline .price-filters__options-list {
      width: 100%
    }  }}
@media only screen and (min-width: 64em) {
  .price-filters__inline {
    display:flex
  }
  #item-filters [data-options]:not([data-type=age]) {
    display: none
  }}
@media only screen and (max-width: 47.99em) {
  .price-filters__options .price-filters__options-list {
    display:flex;
    flex-wrap: nowrap;
    max-width: 100%;
    overflow-x: scroll;
    overflow-y: hidden;
    width: auto;
    -ms-overflow-style: none;
    -moz-scrollbars: none;
    scrollbar-width: none
  }
  .price-filters__options .price-filters__options-list::-webkit-scrollbar {
    background: 0 0;
    display: none!important;
    height: 0!important;
    opacity: 0;
    width: 0!important
  }
  .price-filters__options .price-filters__options-list::-webkit-scrollbar-track {
    display: none;
    height: 0;
    overflow: hidden
  }
  .price-filters__options .price-filters__options-list::-webkit-scrollbar-thumb {
    background: 0 0;
    display: none;
    height: 0;
    overflow: hidden;
    width: 0
  }
  .price-filters__options .price-filters__option {
    flex: none;
    padding: .5rem 1rem
  }
  .price-filters__options .price-filters__option * {
    pointer-events: none
  }}
#item-price-report-trigger {
  margin: 4rem auto 0;
  text-align: center;
  -webkit-user-select: none;
  user-select: none
}
@media only screen and (min-width: 48em) {
  #item-price-report-trigger {
    display:block
  }}
@media only screen and (min-width: 80em) {
  #item-price-report-trigger {
    font-size:1.05rem
  }}
@media only screen and (min-width: 120em) {
  #item-price-report-trigger {
    font-size:1.075rem
  }}
#item-price-report-trigger strong {
  cursor: pointer;
  font-weight: 500;
  text-decoration: underline;
  text-underline-offset: 4px
}
body.no-matching-products #item-price-report-trigger {
  display: none
}
.item-prices__wrapper {
  display: grid;
  gap: 1rem;
  position: relative
}
@media only screen and (min-width: 48em) {
  .item-prices__wrapper {
    gap:0
  }}
.item-prices__wrapper:not(:has(#show-all-groups-button)) {
  position: static
}
.item-prices__scroll-to-top-wrapper {
  margin-top: 2rem;
  padding: 1.25rem 0
}
@media only screen and (min-width: 64em) {
  .item-prices__scroll-to-top-wrapper {
    display:none
  }}
.item-prices__scroll-to-top {
  align-items: center;
  cursor: pointer;
  display: grid;
  gap: .5rem;
  grid-template-columns: auto max-content;
  justify-content: start;
  white-space: nowrap
}
.item-prices__scroll-to-top svg {
  transform: rotate(180deg)
}
.item-prices__scroll-to-top span {
  display: grid;
  justify-content: start
}
@media only screen and (min-width: 48em) {
  .item-prices__scroll-to-top {
    display:none
  }}
@media only screen and (min-width: 64em) and (min-width:64em) and (max-width:80em) {
  .prices__button {
    align-self:end;
    grid-column: 1/-1;
    justify-self: end
  }}
.item-content__wrapper {
  display: grid
}
.content-block {
  display: grid;
  font-size: 1.1rem;
  gap: 1rem;
  margin-bottom: 2rem
}
@media $media-xxs {
  .content-block {
    margin-bottom: 2.1rem
  }}
@media $media-xs {
  .content-block {
    margin-bottom: 2.2rem
  }}
@media only screen and (min-width: 48em) {
  .content-block {
    margin-bottom:2.25rem
  }}
@media only screen and (min-width: 64em) {
  .content-block {
    margin-bottom:2.5rem
  }}
@media only screen and (min-width: 80em) {
  .content-block {
    margin-bottom:3rem
  }}
.content-block:last-child {
  margin-bottom: 0
}
.content-block:not(:has(.content-block__image)) {
  margin-bottom: 1rem
}
@media $media-xxs {
  .content-block:not(:has(.content-block__image)) {
    margin-bottom: 1.1rem
  }}
@media $media-xs {
  .content-block:not(:has(.content-block__image)) {
    margin-bottom: 1.2rem
  }}
@media only screen and (min-width: 48em) {
  .content-block:not(:has(.content-block__image)) {
    margin-bottom:1.3rem
  }}
@media only screen and (min-width: 64em) {
  .content-block:not(:has(.content-block__image)) {
    margin-bottom:1.4rem
  }}
@media only screen and (min-width: 80em) {
  .content-block:not(:has(.content-block__image)) {
    margin-bottom:1.45rem
  }}
.content-block__header {
  font-size: 1.1rem;
  font-weight: 700;
  margin: 1rem 0 .5rem
}
.content-block__body {
  line-height: inherit
}
.content-block .image__caption {
  color: var(--colors-themed-body-color-light);
  font-size: .92rem;
  line-height: 1.3;
  margin-top: .8rem;
  text-align: center
}
@media only screen and (min-width: 48em) {
  .content-block {
    align-items:center;
    display: flex;
    flex-direction: row;
    gap: 0
  }
  .content-block:nth-child(odd) {
    flex-direction: row-reverse
  }
  .content-block:nth-child(odd) .content-block__content {
    margin-left: 0;
    margin-right: auto
  }
  .content-block:nth-child(odd) .content-block__image {
    margin-left: auto;
    margin-right: 0
  }
  .content-block__content {
    margin-left: auto
  }
  .content-block__image {
    margin-right: auto
  }
  .content-block__content,.content-block__image {
    flex: none;
    width: 48%
  }
  .content-block__header {
    font-size: 1.3rem
  }}
.content-block.content-block--no-image .content-block__content {
  width: 100%
}
.content-block__image .image {
  margin: 0
}
.content-block__image img {
  border-radius: 8px;
  height: auto;
  width: 100%
}
@media only screen and (min-width: 80em) {
  .content-block__content,.content-block__image {
    width:48%
  }}
#item-content .post-youtube__wrapper {
  margin: 1rem auto
}
#item-content article>.post-youtube__wrapper {
  margin-top: 0
}
#item-content .post-youtube {
  background: #eff2f4;
  border-radius: 4px;
  padding-bottom: 56.25%
}
[data-theme=dark] #item-content .post-youtube {
  background: #1b1b1b
}
#item-content .post-youtube .ratio__content {
  border-radius: 4px;
  overflow: hidden;
  width: 100%
}
#item-content .post-youtube__wrapper+.content-block {
  margin-top: 3rem
}
#item-content {
  color: var(--colors-themed-body-color);
  margin: 0 0 1.5rem;
  position: relative
}
[data-theme=dark] #item-content {
  color: var(--colors-themed-body-color-lighter)
}
#item-content strong {
  font-weight: 500
}
#item-content .item-more:before {
  height: 15rem
}
#item-content .item-more .item-more__button {
  transform: translateY(20%)
}
html:not(.is-bot) .item-content__wrapper {
  max-height: max(70vh,1000px);
  min-height: 200px;
  overflow: hidden
}
@media only screen and (max-width: 47.99em) {
  html:not(.is-bot) .item-content__wrapper {
    max-height:95vh
  }}
#item-content a {
  color: inherit;
  text-decoration: underline
}
#item-content {
  font-size: 1.1rem;
  line-height: 1.4
}
#item-content h3 {
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 1.2;
  margin: 0 0 .5rem
}
@media only screen and (min-width: 48em) {
  #item-content h3 {
    font-size:1.3rem
  }}
@media only screen and (min-width: 64em) {
  #item-content h3 {
    font-size:1.35rem
  }}
@media only screen and (min-width: 80em) {
  #item-content h3 {
    font-size:1.45rem
  }}
#item-content p {
  margin: 0 0 1.2rem
}
#item-content p:last-child {
  margin-bottom: 0
}
#item-content li {
  margin: .35rem 0
}
#item-content ol,#item-content ul {
  margin: 1rem 0
}
#item-content hr {
  background: #ddd;
  border: none;
  display: block;
  height: 1px;
  margin: 1.2rem 0;
  overflow: hidden;
  width: 100%
}
@media only screen and (min-width: 48em) {
  #item-content {
    margin-bottom:2rem
  }
  #item-content * {
    line-height: 1.6
  }}
@media only screen and (min-width: 80em) {
  #item-content {
    margin-bottom:3rem
  }
  #item-content * {
    line-height: 1.65
  }}
.item-graph {
  background: #fff;
  border: 1px solid #eaeaea;
  border-radius: 8px;
  box-shadow: 0 2px 5px rgba(0,0,0,.02);
  color: inherit;
  display: flex;
  min-height: 200px;
  padding: 1.05rem;
  position: relative;
  text-decoration: none;
  transition: all .25s ease-in-out;
  transition-property: border,box-shadow
}
[data-theme=dark] .item-graph {
  background: #26282c;
  border: 0;
  box-shadow: inset 0 0 0 1px #26282c;
  transition: all .18s ease-in-out
}
@media only screen and (min-width: 48em) {
  .item-graph {
    padding:1.92rem
  }}
.item-graph[href] {
  color: inherit
}
@media (hover: hover) {
  .item-graph[href]:hover {
    border-color:#c3c4c7;
    text-decoration: none
  }
  [data-theme=dark] .item-graph[href]:hover {
    border: 0;
    border-color: transparent;
    box-shadow: inset 0 0 0 1px #444
  }}
.item-graph .price-graph__graph-wrapper {
  height: 15vh;
  max-height: 300px
}
.item-graph .price-graph__graph {
  min-height: 200px
}
.item-graph .price-graph__ranges {
  display: none
}
@media only screen and (min-width: 25.8em) {
  .item-graph {
    padding:1.5rem
  }}
@media only screen and (min-width: 48em) and (max-width:64em) {
  .item-graph .price-graph__footer {
    grid-auto-flow:row;
    grid-template-columns: 1fr
  }}
@media only screen and (max-width: 47.99em) {
  .item-graph .price-graph__ranges {
    display:none
  }
  .item-graph .price-graph__footer {
    margin-top: .5rem
  }}
@media only screen and (min-width: 48em) {
  #price-alerts__item-button {
    display:none
  }}
.item-badges {
  display: grid;
  gap: .25rem;
  justify-items: end;
  position: absolute;
  right: 1.05rem;
  top: .5rem;
  -webkit-user-select: none;
  user-select: none
}
@media only screen and (min-width: 48em) {
  .item-badges {
    gap:.5rem;
    grid-auto-flow: column;
    justify-content: start;
    justify-items: start;
    position: static;
    right: 0;
    top: 0
  }}
.item-badges:empty {
  display: contents
}
.item-badges * {
  pointer-events: none
}
.item-badges .p__badge {
  font-weight: 500;
  padding: .6rem 1rem;
  -webkit-font-smoothing: antialiased;
  cursor: pointer
}
@media only screen and (min-width: 48em) {
  .item-badges .p__badge {
    font-size:.92rem;
    font-weight: 400;
    font-weight: 500;
    padding: .65rem .8rem
  }}
.item-badges .p__badge:nth-child(n+3) {
  display: none
}
@media only screen and (min-width: 25.8em) {
  .item-badges .p__badge--drop .icon {
    margin-right:.5rem;
    order: -1
  }}
.item-bullets {
  display: grid;
  gap: .5rem;
  list-style: none;
  margin: 0;
  padding: 0
}
@media only screen and (min-width: 64em) {
  .item-bullets {
    gap:.65rem
  }}
@media only screen and (min-width: 80em) {
  .item-bullets {
    gap:.75rem
  }}
@media only screen and (min-width: 120em) {
  .item-bullets {
    gap:.85rem
  }}
.item-bullets li {
  align-items: center;
  display: grid;
  gap: .5rem;
  grid-template-columns: auto 1fr;
  margin: 0;
  padding: 0
}
.item-bullets li:before {
  background-color: currentColor;
  border-radius: 50%;
  content: "";
  height: 5px;
  width: 5px
}
.item-bullets li.item-bullets__more:before {
  display: none
}
.item-description {
  line-height: 1.5
}
.item-links {
  align-items: center;
  display: grid;
  gap: 1rem;
  grid-area: links;
  grid-auto-flow: column;
  grid-column: 1/-1;
  -webkit-user-select: none;
  user-select: none;
  white-space: nowrap
}
@media only screen and (min-width: 23em) {
  .item-links {
    font-size:1.05rem
  }}
@media only screen and (min-width: 25.8em) {
  .item-links {
    font-size:1.15rem
  }}
@media only screen and (min-width: 35.5em) {
  .item-links {
    font-size:1.17rem
  }}
@media only screen and (min-width: 48em) {
  .item-links {
    font-size:1.18rem
  }}
@media only screen and (min-width: 64em) {
  .item-links {
    font-size:1.07rem;
    gap: 1.25rem
  }}
@media only screen and (min-width: 80em) {
  .item-links {
    font-size:1.085rem;
    gap: 1.5rem
  }}
@media only screen and (min-width: 120em) {
  .item-links {
    font-size:1.11rem;
    gap: 2.5rem
  }}
.item-links [data-new] {
  position: relative
}
.item-links [data-new]:before {
  background-color: #ff6b6b;
  border-radius: 20px;
  color: var(--colors-themed-body-bg);
  content: "NEO";
  display: grid;
  font-size: .825em;
  font-variant-numeric: tabular-nums;
  font-weight: 500;
  height: 20px;
  left: calc(100% + .75rem);
  line-height: 20px;
  padding: 0 .75rem;
  place-items: center;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -webkit-user-select: none;
  user-select: none
}
.item-rating {
  align-items: center;
  display: grid;
  gap: .5rem;
  grid-auto-flow: column
}
.item-rating .simple-rating__total {
  color: var(--colors-themed-body-color-lighter);
  font-size: inherit
}
.item-rating a {
  cursor: pointer;
  font-weight: 500
}
.item-rating a:after {
  border-top-style: solid
}
@media only screen and (max-width: 47.99em) {
  .item-link__graph,.item-link__qna {
    display:none
  }}
.item-meta {
  display: grid;
  gap: .5rem
}
[data-theme=dark] .item-meta {
  margin-top: .5rem
}
@media only screen and (min-width: 48em) {
  .item-meta {
    gap:.75rem;
    justify-content: start;
    justify-items: start
  }}
@media only screen and (min-width: 64em) {
  .item-meta {
    gap:1rem
  }}
@media only screen and (min-width: 80em) {
  .item-meta {
    gap:1.2rem
  }}
@media only screen and (min-width: 120em) {
  .item-meta {
    gap:1.5rem
  }}
@media only screen and (min-width: 150em) {
  .item-meta {
    gap:1.6rem
  }}
.item-category {
  color: var(--colors-themed-body-color-lightest);
  font-size: 1.1rem;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}
@media only screen and (max-width: 47.99em) {
  [data-theme=dark] .item-category {
    color:#dbdbdb;
    margin-top: 1rem
  }}
.item-category a {
  color: inherit
}
@media only screen and (min-width: 48em) {
  .item-category {
    display:none
  }}
.item-title-actions {
  align-items: start;
  display: grid;
  gap: inherit;
  column-gap: 1rem;
  grid-template-areas: "hgroup actions" "links actions";
  grid-template-columns: 1fr auto;
  justify-items: start;
  padding-top: .5rem
}
@media only screen and (min-width: 48em) {
  .item-title-actions {
    padding-top:0
  }}
.product-overview {
  border: 1px solid var(--colors-themed-separator);
  border-radius: 8px;
  display: none;
  gap: 1.25rem;
  justify-self: end;
  max-width: 360px;
  position: sticky;
  top: .5rem;
  width: 240px;
  z-index: 999
}
@media only screen and (min-width: 64em) {
  .product-overview {
    display:grid;
    padding: 1.5rem;
    width: 260px
  }}
@media only screen and (min-width: 80em) {
  .product-overview {
    padding:2rem;
    width: 270px
  }}
@media only screen and (min-width: 120em) {
  .product-overview {
    padding:2.5rem;
    width: 300px
  }}
@media only screen and (min-width: 150em) {
  .product-overview {
    padding:3rem;
    width: 320px
  }}
[data-theme=dark] .product-overview {
  border-color: $colors-themed-separator-lite
}
@media only screen and (min-width: 120em) {
  .product-overview {
    gap:1.5rem
  }}
.product-overview__price {
  font-size: 1.35rem;
  font-variant-numeric: tabular-nums;
  font-weight: 700
}
@media only screen and (min-width: 80em) {
  .product-overview__price {
    font-size:1.6rem
  }}
@media only screen and (min-width: 120em) {
  .product-overview__price {
    font-size:1.7rem
  }}
@media only screen and (min-width: 150em) {
  .product-overview__price {
    font-size:1.9rem
  }}
.product-overview--deal .product-overview__price {
  color: #ec1639
}
.product-overview__link {
  color: var(--colors-themed-body-color-lighter);
  cursor: pointer;
  font-size: .925rem;
  margin-top: .5rem;
  text-decoration: underline;
  text-underline-offset: 3px;
  -webkit-user-select: none;
  user-select: none
}
.product-overview__section {
  display: grid;
  gap: .2rem;
  line-height: 1.25
}
.product-overview__section-title {
  color: var(--colors-themed-body-color-lighter);
  font-size: .95rem;
  font-weight: 400;
  white-space: nowrap
}
.item-mini-graph__placeholder {
  display: grid;
  height: 50px;
  margin-top: .5rem;
  width: 100%
}
.product-overview__coupons {
  align-items: center;
  color: #009e95;
  cursor: pointer;
  display: grid;
  gap: .5rem;
  grid-auto-flow: column;
  justify-content: start;
  -webkit-user-select: none;
  user-select: none
}
.product-overview__coupons svg {
  height: 16px;
  width: 16px
}
.product-overview__coupons:hover {
  text-decoration: underline;
  text-underline-offset: 4px
}
.product-overview__button {
  display: grid;
  width: 100%
}
.item-price-button,.product-overview .item-actions__button {
  justify-content: center;
  text-align: center
}
.item-price-button {
  align-items: center;
  background: #eef3fc;
  border: 1px solid;
  border-radius: 6px;
  bottom: .75rem;
  box-shadow: 0 0 0 .75rem #fff;
  color: #3d74d4;
  cursor: pointer;
  display: grid;
  font-weight: 400;
  gap: .75rem;
  grid-auto-flow: column;
  margin: .5rem 0;
  padding: 1.2rem .5rem;
  position: sticky;
  -webkit-user-select: none;
  user-select: none
}
[data-theme=dark] .item-price-button {
  border: 0;
  box-shadow: none
}
@media only screen and (min-width: 23em) {
  .item-price-button {
    font-size:1.05rem;
    padding: 1.22rem .5rem
  }}
@media only screen and (min-width: 25.8em) {
  .item-price-button {
    font-size:1.075rem;
    padding: 1.25rem .5rem
  }}
.item-price-button strong {
  font-size: 1.17em;
  font-variant-numeric: tabular-nums;
  font-weight: 700
}
@media only screen and (min-width: 48em) {
  .item-price-button {
    display:none
  }}
.item-price-button svg {
  display: none
}
@media only screen and (min-width: 23em) {
  .item-price-button svg {
    display:block
  }}
.item-price-button__label {
  display: block;
  font-size: 1rem
}
.item-header__specs-list {
  display: flex;
  display: grid;
  gap: 1rem;
  grid-template-columns: 1fr;
  list-style-type: none;
  margin: 0;
  max-width: 800px;
  padding: 0
}
.item-header__specs-list li {
  align-items: center;
  display: grid;
  gap: .5rem;
  grid-template-columns: max-content 1fr;
  margin: 0;
  padding: 0
}
.item-header__specs-list li:before {
  background-color: currentColor;
  border-radius: 50%;
  content: "";
  height: 3px;
  width: 3px
}
@media only screen and (min-width: 64em) {
  .item-header__specs-list li {
    max-width:100%;
    overflow: hidden
  }}
@media only screen and (max-width: 47.99em) {
  .item-header__specs-list li:nth-child(n+5) {
    display:none
  }}
.item-header__specs-list li[data-no-bullet]:before {
  display: none!important
}
.item-hgroup {
  display: grid;
  gap: .45rem;
  grid-area: hgroup;
  width: 100%
}
.item-title {
  font-size: 1.4rem;
  font-weight: 500;
  margin: 0
}
@media only screen and (min-width: 23em) {
  .item-title {
    font-size:1.5rem
  }}
@media only screen and (min-width: 25.8em) {
  .item-title {
    font-size:1.6rem
  }}
@media only screen and (min-width: 35.5em) {
  .item-title {
    font-size:1.7rem
  }}
@media only screen and (min-width: 48em) {
  .item-title {
    font-size:1.75rem
  }}
@media only screen and (min-width: 80em) {
  .item-title {
    font-size:1.85rem
  }}
@media only screen and (min-width: 120em) {
  .item-title {
    font-weight:700
  }}
@media only screen and (min-width: 150em) {
  .item-title {
    font-size:1.9rem
  }}
.item-title__original {
  color: var(--colors-themed-body-color-light);
  font-size: 1.1rem;
  font-weight: 400;
  line-height: 1.2;
  margin: 0 0 .5rem;
  max-width: 800px
}
.item-variations {
  display: grid;
  gap: .75rem;
  justify-content: safe start;
  justify-items: start;
  min-width: 0
}
[data-theme=default] .item-variations {
  color: var(--colors-themed-body-color-lighter)
}
.variations {
  display: inline-grid!important;
  gap: .5rem;
  grid-auto-flow: column;
  justify-content: safe start
}
div[itemprop=isRelatedTo] {
  display: grid
}
.variations__variation {
  border: 1px solid var(--colors-themed-button-outline-border);
  border-radius: 8px;
  color: inherit;
  display: grid;
  font-variant-numeric: tabular-nums;
  font-weight: 500;
  gap: .25rem;
  justify-items: start;
  padding: 1rem 1.5rem;
  text-decoration: none!important;
  touch-action: manipulation;
  transition: opacity .1s ease-in-out;
  -webkit-user-select: none;
  user-select: none;
  white-space: nowrap
}
.variations__variation * {
  pointer-events: none
}
.variations__variation--current {
  background: rgba(65,120,217,.1)!important;
  border-color: #4178d8;
  color: #4178d8;
  position: relative;
  z-index: 1
}
[data-theme=dark] .variations__variation--current {
  background: #26282c;
  border-color: #4178d8;
  color: #fff
}
[data-theme=dark] .variations__variation--current .variations__price {
  color: #dde2e6!important
}
.variations__variation--current img {
  mix-blend-mode: multiply;
  opacity: 1!important
}
.variations__variation--cover {
  background: 0 0;
  gap: 1rem;
  justify-items: center;
  mix-blend-mode: multiply;
  padding: .5rem
}
[data-theme=dark] .variations__variation--cover {
  background: #fff;
  border: 0;
  color: #444;
  mix-blend-mode: normal;
  padding: .5rem
}
[data-theme=dark] .variations__variation--cover .variations__price {
  color: #666
}
[data-theme=dark] .variations__variation--cover:hover .variations__price {
  color: #444
}
[data-theme=dark] .variations__variation--cover img {
  opacity: .7
}
.variations__variation--cover img {
  display: block
}
.variations__variation [itemprop=offers] {
  pointer-events: none;
  position: absolute
}
.variations__price {
  font-size: .85em;
  font-variant-numeric: tabular-nums;
  font-weight: 400;
  text-align: center
}
.item-title mark {
  background: #fecf48;
  border-radius: 4px;
  display: inline;
  font-variant-numeric: tabular-nums;
  padding: 3px 5px
}
[data-theme=dark] .item-title mark {
  color: #333
}
.item-variations__link {
  cursor: pointer;
  font-size: .925rem;
  white-space: nowrap
}
@media only screen and (max-width: 47.99em) {
  .item-variations__link {
    display:none
  }}
.item-variations .scroll__arrow.scroll__arrow--next.scroll__arrow--disabled {
  pointer-events: none!important
}
div[itemprop=offers] {
  display: contents;
  position: absolute
}
.variants__feature[data-type="image+value"] .variants__product {
  width: 100px
}
.variants__feature[data-type=value] .variants__value {
  white-space: nowrap
}
.variants__image {
  display: block;
  margin-top: auto;
  mix-blend-mode: multiply
}
[data-theme=dark] .variants__image {
  background-color: #fff;
  border-radius: 4px;
  mix-blend-mode: normal;
  padding: .4rem
}
.variants__feature[data-type^=image] .variants__products .variants__product {
  align-content: start;
  align-items: start;
  justify-content: center;
  justify-items: center
}
@media only screen and (min-width: 48em) {
  .variants__feature[data-type^=image] .variants__products .variants__product {
    align-content:start;
    align-items: start;
    max-width: 110px;
    min-width: 0;
    text-align: center;
    width: 100%
  }
  .variants__feature[data-type^=image] .variants__products {
    display: grid;
    gap: .25rem;
    grid-template-columns: repeat(auto-fill,minmax(90px,1fr))
  }}
@media only screen and (min-width: 64em) {
  .variants__feature[data-type^=image] .variants__products {
    gap:.25rem
  }}
@media only screen and (min-width: 80em) {
  .variants__feature[data-type^=image] .variants__products {
    gap:.5rem
  }}
.variants {
  display: grid!important;
  position: static!important
}
.variants__feature {
  border-top: 1px solid var(--colors-themed-separator-light);
  display: grid;
  gap: 0
}
.variants__feature:last-child {
  border-bottom: 1px solid var(--colors-themed-separator-light)
}
.variants__header {
  align-items: center;
  color: var(--colors-themed-body-color-lighter);
  cursor: pointer;
  display: grid;
  gap: 1rem;
  grid-template-columns: 1fr auto;
  justify-content: space-between;
  padding: 1.25rem 0;
  -webkit-user-select: none;
  user-select: none
}
@media only screen and (max-width: 47.99em) {
  [data-theme=dark] .variants__header {
    color:#444
  }}
@media only screen and (min-width: 80em) {
  .variants__header {
    padding:1.3rem 0
  }}
.variants__products {
  display: flex;
  flex-wrap: wrap;
  gap: .5rem;
  justify-content: flex-start;
  justify-items: start;
  padding-bottom: 1.25rem;
  transform: none;
  transition: all .2s ease-in-out;
  -webkit-user-select: none;
  user-select: none
}
@media only screen and (min-width: 80em) {
  .variants__products {
    padding-bottom:1.3rem
  }}
@media only screen and (max-width: 47.99em) {
  .variants__products {
    flex-wrap:nowrap
  }}
.variants__products-wrapper {
  display: grid;
  grid-template-rows: 1fr;
  max-width: 100%;
  min-width: 0;
  overflow: hidden;
  transition: grid-template-rows .2s ease-in-out
}
.variants__products-inner {
  min-width: 0;
  overflow: hidden
}
@media only screen and (max-width: 47.99em) {
  .variants__products-inner {
    overflow:auto;
    -ms-overflow-style: none;
    -moz-scrollbars: none;
    scrollbar-width: none
  }
  .variants__products-inner::-webkit-scrollbar {
    background: 0 0;
    display: none!important;
    height: 0!important;
    opacity: 0;
    width: 0!important
  }
  .variants__products-inner::-webkit-scrollbar-track {
    display: none;
    height: 0;
    overflow: hidden
  }
  .variants__products-inner::-webkit-scrollbar-thumb {
    background: 0 0;
    display: none;
    height: 0;
    overflow: hidden;
    width: 0
  }}
.variants__feature-value {
  color: var(--colors-themed-body-color);
  font-variant-numeric: tabular-nums
}
@media only screen and (max-width: 47.99em) {
  [data-theme=dark] .variants__feature-value {
    color:#000
  }}
.variants__product {
  border: 1px solid #dbdbdb;
  border-radius: 8px;
  color: inherit;
  display: grid;
  font-variant-numeric: tabular-nums;
  gap: .6rem;
  padding: 1rem 1.25rem;
  text-decoration: none!important
}
[data-theme=dark] .variants__product {
  border-color: #444
}
.variants__product--selected {
  background: rgba(65,120,217,.1);
  border-color: #4178d8;
  color: #4178d8;
  position: relative;
  z-index: 1
}
[data-theme=dark] .variants__product--selected {
  background: #26282c;
  border-color: #4178d8;
  color: #fff
}
.variants__product--not-available {
  border-style: dashed;
  color: var(--colors-themed-body-color-lightest)!important
}
.variants__product--not-available img {
  opacity: .45
}
.variants__toggler-wrapper {
  align-items: center;
  display: grid;
  gap: .5rem;
  grid-auto-flow: column;
  grid-template-columns: auto
}
.variants__toggler-wrapper:before {
  display: none
}
@media only screen and (min-width: 35.5em) {
  .variants__toggler-wrapper:before {
    color:var(--colors-themed-body-color-lightest);
    content: "Απόκρυψη";
    display: block
  }}
.variants__toggler {
  transform: rotate(180deg);
  transition: transform .2s ease-in-out
}
.variants__feature--collapsed .variants__products-wrapper {
  grid-template-rows: 0fr
}
.variants__feature--collapsed .variants__products {
  opacity: 0;
  transform: translateY(-50%)
}
.variants__feature--collapsed .variants__toggler {
  transform: none
}
.variants__feature--collapsed .variants__toggler-wrapper:before {
  content: "Εμφάνιση"
}
.variants__price,.variants__value {
  align-items: center;
  display: flex;
  gap: .1rem;
  justify-content: start;
  white-space: break-spaces
}
.variants__price svg,.variants__value svg {
  height: 12px;
  width: 12px
}
.variants:not(.variants--single) .variants__price {
  display: none
}
.variants__title {
  display: block;
  max-width: 100%;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}
.variants__hide-title {
  display: none
}
.variants.variants--single .variants__feature {
  border: 0
}
.variants.variants--single .variants__header {
  cursor: pointer;
  padding-top: 0;
  pointer-events: none
}
.variants.variants--single .variants__toggler-wrapper {
  display: none
}
.variants.variants--single .variants__products {
  padding-bottom: 0
}
body.variants-is-loading #root {
  position: relative
}
body.variants-is-loading #root:before {
  background: var(--colors-themed-body-bg);
  content: "";
  inset: 0;
  opacity: .6;
  overscroll-behavior: contain;
  position: absolute;
  touch-action: auto;
  z-index: 9999999999999
}
body.variants-is-loading #root .variants__products,body.variants-is-loading #root .variants__products-wrapper {
  transition: none!important
}
@supports (animation-fill-mode: forwards) {
  body.variants-is-loading #root:before {
    animation:variations-loading-fade-in .22s forwards;
    opacity: 0
  }}
@keyframes variations-loading-fade-in {
  0% {
    opacity: 0
  }
  to {
    opacity: .4
  }}
.item-insights__expand button {
  align-items: baseline;
  -webkit-appearance: none;
  appearance: none;
  background: 0 0;
  border: 0;
  cursor: pointer;
  display: grid;
  gap: .25rem;
  grid-template-columns: auto 1fr;
  justify-items: start;
  margin: 0;
  outline: 0;
  padding: .25rem 0
}
.item-insights__expand button>div {
  align-items: center;
  display: grid;
  text-decoration: underline;
  text-underline-offset: 5px;
  -webkit-user-select: none;
  user-select: none
}
.item-insights__expand button svg {
  height: 10px;
  margin: 0;
  position: relative;
  transform: rotate(-90deg);
  transition: transform .2s ease-in-out;
  width: 10px
}
@media only screen and (max-width: 47.99em) {
  .item-insights__expand button {
    width:100%
  }}
.item-insights[data-expanded=true] .item-insights__expand svg {
  transform: rotate(0)
}
.item-insights__header {
  align-items: center;
  display: grid;
  font-size: 1.05rem;
  font-variant-numeric: tabular-nums;
  font-weight: 500;
  gap: 1rem;
  grid-template-columns: 1fr auto;
  -webkit-user-select: none;
  user-select: none
}
.item-insights__header h4 {
  font-size: inherit;
  font-weight: inherit;
  margin: 0
}
@media only screen and (min-width: 35.5em) {
  .item-insights__header h4:after {
    content:" από εξωτερικές πηγές"
  }}
.item-insights__header-title {
  align-items: center;
  display: grid;
  gap: .2rem;
  grid-template-columns: auto 1fr
}
.item-insights__info {
  border-radius: 100px;
  cursor: pointer;
  display: grid;
  font-size: .825rem;
  height: 1.78rem;
  line-height: 1.78rem;
  opacity: .6;
  padding: 0 .85rem;
  place-items: center;
  position: relative;
  transition: opacity .2s ease-in-out
}
.item-insights__info:before {
  border: 1px solid;
  border-radius: inherit;
  bottom: 0;
  content: "";
  height: 100%;
  left: 0;
  max-height: 100%;
  opacity: .4;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
  transition: opacity .3s ease-in-out;
  width: 100%
}
.item-insights__info:hover {
  opacity: .9
}
.item-insights__info:hover:before {
  opacity: .8
}
.item-insights__list-wrapper {
  display: grid;
  grid-template-rows: 0fr;
  max-width: 100%;
  min-height: 0;
  min-width: 0;
  opacity: 0;
  overflow: hidden;
  transition: all .3s ease-in-out
}
.item-insights[data-expanded=true] .item-insights__list-wrapper {
  grid-template-rows: 1fr;
  opacity: 1
}
.item-insights__list {
  display: grid;
  gap: 2rem;
  overflow: hidden
}
.item-insights__list-section {
  display: grid;
  gap: .75rem
}
.item-insights__list-section:first-child {
  padding-top: 1rem
}
.item-insights__list-section li,.item-insights__list-section ol {
  list-style: none;
  margin: 0;
  padding: 0
}
.item-insights__list-section ol {
  display: grid;
  gap: .75rem
}
.item-insights__list-section li {
  align-items: baseline;
  display: grid;
  gap: .75rem;
  grid-template-columns: auto 1fr;
  line-height: 1.3
}
.item-insights__list-section li svg {
  height: 14px;
  position: relative;
  top: 2px;
  width: 14px
}
.item-insights__list-section--pros svg {
  color: #2b8a3e
}
.item-insights__list-section--cons svg {
  color: #c92a2a;
  height: 12px!important;
  margin-left: 1px;
  margin-right: 1px;
  top: 0!important;
  width: 12px!important
}
.item-insights__list-section-title {
  font-size: 1.05rem;
  font-weight: 500
}
.item-insights__summary {
  line-height: 1.5
}
.item-insights__summary p {
  margin: 0
}
.item-insights__feedback-button {
  cursor: pointer;
  font-size: .925em;
  opacity: .75;
  padding-bottom: .5rem;
  text-decoration: underline;
  text-decoration-color: rgba(60,0,86,.3);
  text-underline-offset: 4px;
  transition: opacity .3s ease-in-out;
  -webkit-user-select: none;
  user-select: none
}
.item-insights__feedback-button:hover {
  opacity: 1
}
.item-insights__feedback-button:after {
  content: " Ενημέρωσε μας"
}
.item-insights {
  background: linear-gradient(180deg,#faeefd,rgba(250,238,253,0));
  border-radius: 6px;
  color: #3c0056;
  display: grid;
  gap: .5rem;
  padding: 1rem
}
[data-theme=dark] .item-insights {
  background: rgba(250,238,253,.8);
  border-radius: 4px
}
@media only screen and (min-width: 23em) {
  .item-insights {
    padding:1.3rem
  }}
@media only screen and (min-width: 25.8em) {
  .item-insights {
    padding:1.5rem
  }}
@media only screen and (min-width: 64em) {
  .item-insights {
    padding:1.6rem
  }}
@media only screen and (min-width: 80em) {
  .item-insights {
    gap:.75rem;
    padding: 1.65rem
  }}
@media only screen and (min-width: 120em) {
  .item-insights {
    gap:.75rem;
    padding: 1.8rem
  }}
.item-header {
  align-content: start;
  display: grid;
  gap: 1.5rem;
  margin-top: 0;
  max-width: 668px;
  padding-top: 0
}
@media only screen and (max-width: 47.99em) {
  .item-header {
    background:#fff;
    max-width: 100%
  }
  [data-theme=dark] .item-header {
    background: var(--colors-themed-body-bg);
    color: #fff
  }}
@media only screen and (min-width: 80em) {
  .item-header {
    gap:1.75rem
  }}
@media only screen and (min-width: 120em) {
  .item-header {
    gap:2rem
  }}
@media only screen and (min-width: 150em) {
  .item-header {
    gap:2.2rem
  }}
.item-header__top {
  align-items: start;
  grid-template-columns: 1fr auto
}
.item-header__content,.item-header__top {
  display: grid;
  gap: 1rem
}
@media only screen and (min-width: 64em) {
  .item-header__content {
    gap:1.25rem
  }}
@media only screen and (min-width: 80em) {
  .item-header__content {
    gap:1.5rem
  }}
.item-description,.item-header__specs-list {
  color: var(--colors-themed-body-color-light);
  font-size: 1.02rem
}
@media only screen and (max-width: 47.99em) {
  [data-theme=dark] .item-description,[data-theme=dark] .item-header__specs-list {
    background:var(--colors-themed-body-bg);
    color: #fff
  }}
@media only screen and (min-width: 23em) {
  .item-description,.item-header__specs-list {
    font-size:1.03rem
  }}
@media only screen and (min-width: 25.8em) {
  .item-description,.item-header__specs-list {
    font-size:1.05rem
  }}
.item-header__wrapper {
  align-items: start;
  display: grid;
  gap: 2.5rem;
  grid-auto-columns: auto;
  grid-auto-flow: column;
  grid-template-columns: 1fr
}
@media only screen and (min-width: 120em) {
  .item-header__wrapper {
    gap:3.5rem
  }}
@media only screen and (min-width: 150em) {
  .item-header__wrapper {
    gap:5rem
  }}
@media only screen and (min-width: 180em) {
  .item-header__wrapper {
    gap:6rem
  }}
.item-countdown__placeholder {
  align-items: center;
  display: grid;
  min-height: 60px
}
.item-image__carousel {
  display: flex;
  max-height: 45vh;
  max-width: 100vw;
  overflow: hidden;
  overflow-x: scroll;
  scroll-snap-stop:always;scroll-snap-type: x mandatory;
  -ms-overflow-style: none;
  -moz-scrollbars: none;
  scrollbar-width: none
}
.item-image__carousel::-webkit-scrollbar {
  background: 0 0;
  display: none!important;
  height: 0!important;
  opacity: 0;
  width: 0!important
}
.item-image__carousel::-webkit-scrollbar-track {
  display: none;
  height: 0;
  overflow: hidden
}
.item-image__carousel::-webkit-scrollbar-thumb {
  background: 0 0;
  display: none;
  height: 0;
  overflow: hidden;
  width: 0
}
@media only screen and (min-width: 48em) {
  .item-image__carousel {
    display:none
  }}
@media only screen and (max-width: 47.99em) {
  .item__image--with-carousel {
    position:absolute!important
  }}
.item-image__carousel-slide {
  align-content: center;
  align-items: center;
  display: flex;
  flex: none;
  height: 100%;
  justify-content: center;
  scroll-snap-align: center;
  width: 100%
}
.item-image__carousel-slide img {
  display: block;
  height: 100%;
  margin: 0!important;
  max-height: 100%;
  max-width: 100%;
  pointer-events: none;
  -webkit-user-select: none;
  user-select: none;
  width: auto
}
.item-image__dots {
  align-items: center;
  display: grid;
  gap: .3rem;
  grid-auto-flow: column;
  justify-content: safe center;
  margin: 1rem 0;
  padding: 0
}
@media only screen and (min-width: 48em) {
  .item-image__dots {
    display:none
  }}
.item-image__dots li {
  background: #dbdbdb;
  border-radius: 100%;
  display: block;
  height: 7px;
  list-style-type: none;
  margin: 0;
  overflow: hidden;
  padding: 0;
  transform-origin: center center;
  transition: all .45s ease-in-out;
  width: 7px
}
li.item-image__dot--current {
  background: #ec1639;
  border-radius: 16px;
  width: 16px
}
@supports (mix-blend-mode: multiply) {
  @media only screen and (min-width:48em) {
    [data-theme=default] .item-aside {
      background-color:var(--colors-themed-body-bg)
    }
    [data-theme=default] .item__image-wrapper {
      background-color: transparent;
      box-shadow: none;
      padding: 0
    }
    [data-theme=default] .item__image-wrapper .item__image {
      background-color: var(--colors-themed-body-bg)
    }
    [data-theme=default] .item__image-wrapper .item__image img {
      border-radius: 6px;
      mix-blend-mode: multiply;
      overflow: hidden
    }
    [data-theme=default] .item-aside__inner {
      background-color: var(--colors-themed-body-bg)
    }
    [data-theme=default] .item__image-wrapper.item__image-wrapper--bg-mode {
      mix-blend-mode: multiply
    }
    [data-theme=default] #item-image-gallery li {
      background-color: var(--colors-themed-body-bg);
      border-color: transparent
    }
    [data-theme=default] #item-image-gallery li a {
      background-blend-mode: multiply;
      background-color: var(--colors-themed-body-bg)
    }
    [data-theme=default] #item-image-gallery li img {
      background-color: var(--colors-themed-body-bg);
      mix-blend-mode: multiply
    }  }}
html[data-trail*=_609_] .item__image-wrapper .item__image img {
  mix-blend-mode: normal
}
html.adult .item__image {
  opacity: 0
}
.item__image-zoom-close {
  background: #fff;
  border-radius: 4px;
  color: #333;
  display: block;
  opacity: .65;
  padding: .25rem;
  pointer-events: none;
  position: fixed;
  right: 1.8rem;
  top: 1.8rem;
  -webkit-user-select: none;
  user-select: none;
  z-index: 10000000000000000
}
.item__image-zoom-close>div {
  align-items: center;
  display: grid;
  gap: .5rem;
  grid-auto-flow: column;
  pointer-events: none
}
.item__image-zoom-close>div * {
  pointer-events: none!important
}
@supports (animation-fill-mode: forwards) {
  .item__image-zoom-close {
    animation:item-zoom-close .5s forwards;
    animation-delay: 1s;
    animation-fill-mode: forwards;
    opacity: 0;
    transform: translateX(5%)
  }}
@media only screen and (max-width: 47.99em) {
  .item-back {
    display:none
  }
  .item-layout--zoom .item-aside {
    display: grid;
    grid-template-rows: 1fr auto;
    inset: 0;
    max-height: 100dvh;
    position: fixed;
    z-index: 10000000000000000
  }
  .item-layout--zoom .item-badges {
    opacity: 0
  }
  .item-layout--zoom .item__image {
    max-height: 72vh
  }
  .item-layout--zoom .item-image__carousel {
    height: 72vh!important;
    max-height: 100%;
    max-width: 100%;
    width: calc(100vw - 3rem)!important
  }
  .item-layout--zoom .item-image__carousel-slide img {
    height: 100%;
    max-width: calc(100vw - 3.25rem);
    object-fit: contain;
    width: 100%
  }}
@media only screen and (min-width: 48em) {
  .item-main {
    margin-top:0!important
  }
  .item-layout {
    view-transition-name: none
  }}
@keyframes item-zoom-close {
  to {
    opacity: .65;
    transform: none
  }}
.item__image,.item__image .ratio__content {
  height: 100%!important;
  max-height: 45vh;
  max-height: calc(45vh - var(--vh-offset,0px));
  overflow: hidden
}
.item__image-wrapper {
  align-items: center;
  background-color: var(--colors-themed-card-bg);
  background: #fff;
  border: 0;
  border-radius: 4px;
  box-shadow: 0 1px 2px rgba(0,0,0,.02);
  cursor: zoom-in;
  display: flex;
  justify-content: center;
  margin: auto;
  max-width: 440px;
  min-height: 250px;
  padding: 0 1.05rem;
  position: relative;
  width: 100%
}
@media only screen and (max-width: 47.99em) {
  .item__image-wrapper {
    padding:0
  }}
@media only screen and (min-width: 48em) {
  [data-theme=dark] .item__image-wrapper {
    background-color:#fff;
    border-radius: 8px;
    padding: 1.92rem
  }}
.item__image-wrapper.item__image-wrapper--bg-mode {
  background-origin: content-box;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain
}
.item__image-wrapper.item__image-wrapper--bg-mode img {
  opacity: 0
}
.item__image-wrapper.item__image-wrapper--bg-mode .item__image {
  background-color: transparent!important
}
html.supports-ratio .item__image {
  contain: layout paint;
  display: flex;
  justify-content: center;
  width: 100%
}
html.supports-ratio .item__image img {
  contain: layout paint;
  height: 100%;
  max-height: 100%;
  max-width: 100%;
  object-fit: contain;
  width: 100%
}
#item-image-gallery {
  display: none;
  min-width: 0;
  text-align: center
}
#item-image-gallery li,#item-image-gallery ol {
  list-style-type: none;
  margin: 0;
  padding: 0
}
#item-image-gallery li {
  border: 1px solid var(--colors-themed-separator);
  border-radius: 2px;
  cursor: zoom-in;
  display: inline-block;
  margin: 0 .15rem;
  padding: .15rem
}
#item-image-gallery li.selected {
  border-color: #ec1639
}
#item-image-gallery li>a,#item-image-gallery li>div {
  align-items: center;
  background-size: cover;
  display: flex;
  height: 35px;
  justify-content: center;
  width: 35px
}
#item-image-gallery li>a svg,#item-image-gallery li>div svg {
  color: #fff
}
#item-image-gallery li:last-child {
  margin-right: 0
}
#item-image-gallery li:first-child {
  margin-left: 0
}
#item-image-gallery li:nth-child(n+7) {
  display: none
}
@media only screen and (min-width: 25.8em) {
  .item__image-wrapper {
    min-height:200px
  }}
@media only screen and (min-width: 35.5em) {
  .item__image-wrapper {
    min-height:240px
  }}
@media only screen and (min-width: 48em) {
  .item__image-wrapper {
    min-height:250px
  }
  .item-image-gallery__counts {
    display: none
  }
  #item-image-gallery {
    display: block;
    width: auto
  }
  #item-image-gallery li {
    background: #fff;
    padding: .25rem
  }
  #item-image-gallery li:nth-child(n+7) {
    display: flex
  }}
@media only screen and (min-width: 80em) {
  #item-image-gallery li>a,#item-image-gallery li>div {
    height:42px;
    width: 42px
  }}
@media only screen and (min-width: 120em) {
  #item-image-gallery li>a,#item-image-gallery li>div {
    height:46px;
    width: 46px
  }}
@media only screen and (min-width: 150em) {
  #item-image-gallery li>a,#item-image-gallery li>div {
    height:50px;
    width: 50px
  }}
@media only screen and (max-width: 47.99em) {
  #page-item #root .root__wrapper .root {
    position:relative
  }
  #page-item-inner aside {
    margin-top: 0!important
  }
  #page-item #root .root__wrapper--item {
    padding-top: 0
  }
  .item-aside__inner {
    background-color: var(--colors-themed-card-bg);
    background: #fff;
    border: 1px solid var(--colors-themed-card-border);
    border-radius: 4px;
    border-radius: 0;
    box-shadow: 0 1px 2px rgba(0,0,0,.02);
    margin-left: -1.05rem;
    margin-right: -1.05rem;
    padding: 1.05rem
  }
  .item__image-wrapper {
    max-width: none;
    width: 100%
  }
  [data-theme=dark]#page-item #trail a {
    color: var(--colors-themed-body-bg)
  }}
@media only screen and (max-width: 47.99em) and (min-width:48em) {
  .item-aside__inner {
    padding:1.44rem
  }}
.item-actions-buttons {
  display: grid;
  gap: .75rem;
  grid-template-columns: 1fr 1fr
}
@media only screen and (max-width: 47.99em) {
  .item-actions-buttons {
    display:none
  }}
.item-actions__button {
  align-items: center;
  -webkit-appearance: none;
  appearance: none;
  background-color: transparent;
  border: 1px solid var(--colors-themed-button-outline-border);
  border-radius: 8px;
  color: var(--colors-themed-body-color-lighter);
  display: grid;
  display: flex;
  gap: .25rem;
  grid-column: 1/-1;
  justify-content: flex-start;
  justify-items: center;
  min-width: 0;
  padding: 1rem;
  -webkit-user-select: none;
  user-select: none
}
.item-actions__button .icon {
  height: 16px;
  width: 16px
}
@media only screen and (min-width: 80em) {
  .item-actions__button {
    gap:.5rem
  }}
.item-actions__button--active .icon,.item-actions__button--selected {
  color: #d41433
}
@media only screen and (min-width: 64em) {
  .item-actions__button[data-id=have],.item-actions__button[data-id=want] {
    grid-column:auto
  }}
.item-actions__count {
  color: var(--colors-themed-body-color-lightest);
  flex: 1 1;
  font-size: .9rem;
  font-variant-numeric: tabular-nums;
  opacity: .8;
  pointer-events: none;
  text-align: right
}
.item-actions__label {
  align-items: center;
  display: grid;
  gap: .5rem;
  grid-auto-flow: column;
  justify-content: start;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}
.item-actions__new {
  color: #fff;
  display: grid;
  font-size: .88em;
  font-weight: 500;
  height: 24px;
  line-height: 24px;
  padding: 0 .75rem;
  plae-items: center;
  background-color: #a1a1a1;
  border-radius: 24px
}
[data-theme=dark] .item-actions__new {
  background-color: #444
}
.item-actions__button--rtc {
  color: #2b8a3e
}
.item-actions__button--rtc svg {
  color: #60c101
}
.item-actions {
  display: grid;
  gap: .5rem;
  grid-area: actions;
  position: relative;
  top: -.25rem;
  width: 50px
}
@media only screen and (min-width: 48em) {
  .item-actions {
    display:none
  }}
.item-actions__action {
  align-self: start;
  cursor: pointer;
  display: grid;
  padding: .5rem;
  place-items: center;
  touch-action: manipulation;
  -webkit-user-select: none;
  user-select: none
}
.item-actions__action .icon {
  pointer-events: none
}
.item-actions__action--active:not(.item-actions__action--selected) {
  color: #ec1639!important
}
.item-actions__action--selected {
  color: #fff
}
.item-actions__action--shortlist svg.icon {
  height: 32px;
  width: 32px
}
.item-actions__action--options svg.icon {
  height: 26px;
  width: 20px
}
#item-specs.specs-sample .specs-group {
  margin: 0
}
#item-specs.specs-sample .specs-container[data-scope=all],#item-specs.specs-sample.show-all .specs-container[data-scope=major] {
  display: none
}
#item-specs.specs-sample.show-all .specs-container[data-scope=all] {
  display: block
}
#item-specs.specs-sample.show-all #item-specs-button {
  display: none
}
#item-specs dl[data-feature-id=brand] * {
  line-height: 1;
  vertical-align: bottom
}
#item-specs dl[data-feature-id=brand] .dotted-link {
  border-bottom: 0
}
#item-specs dl[data-feature-id=brand] dd {
  align-items: center;
  color: #767676;
  position: relative
}
#item-specs dl[data-feature-id=brand] dd>div {
  align-items: center;
  display: flex
}
#item-specs dl[data-feature-id=brand] .item-specs-brand__in-cat {
  display: none
}
@media only screen and (min-width: 64em) {
  #item-specs dl[data-feature-id=brand] .item-specs-brand__in-cat {
    display:inline-block;
    line-height: 1.5
  }}
#item-specs dl[data-feature-id=brand] .item-specs-brand__in-cat .hide {
  vertical-align: baseline
}
#item-specs dl[data-feature-id=brand] .item-specs-brand__logo {
  flex: none;
  margin-right: .5rem
}
#item-specs dl[data-feature-id=brand] .item-specs-brand__logo img {
  height: 30px;
  max-width: 120px
}
[data-theme=dark] #item-specs dl[data-feature-id=brand] .item-specs-brand__logo img {
  background: #fff;
  border-radius: 4px;
  padding: .3em
}
#item-specs dl[data-feature-id=brand][data-has-logo] .item-specs-brand__descr {
  display: none
}
@media only screen and (min-width: 64em) {
  #item-specs dl[data-feature-id=brand][data-has-logo] .item-specs-brand__descr {
    display:inline-block
  }}
@media only screen and (max-width: 47.99em) {
  #item-specs dl[data-feature-id=brand] div {
    justify-content:flex-end
  }
  #item-specs dl[data-feature-id=brand] div .item-specs-brand__logo,#item-specs dl[data-feature-id=brand] div img {
    margin: 0!important
  }}
.book-description {
  font-size: 1.08rem;
  line-height: 1.5;
  max-width: 100ch
}
.book-description p {
  margin: 1rem 0
}
.webspace--loaded[data-id="4390"] {
  padding: 0 0 3rem
}
#item-specs {
  view-transition-name: item-specs
}
#item-specs .specs-group {
  display: table;
  margin: 0 0 2rem;
  width: 100%
}
#item-specs .specs-group:last-child {
  margin-bottom: 0
}
#item-specs dd,#item-specs dl {
  left: 0;
  margin: 0
}
#item-specs h4 {
  font-size: 1.1rem;
  font-weight: 700;
  margin: 2rem 0 .5rem;
  white-space: nowrap
}
#item-specs dl {
  display: table-row
}
#item-specs dd,#item-specs dt {
  display: table-cell;
  padding: 1rem 0;
  vertical-align: top
}
#item-specs span[data-tooltip] {
  align-items: center;
  border: none;
  display: inline-flex
}
#item-specs span[data-tooltip] .icon {
  flex: none;
  height: 10px;
  margin-left: .25rem;
  opacity: .55;
  width: 10px
}
#item-specs dt {
  color: var(--colors-themed-body-color-lightest);
  display: flex
}
#item-specs dd {
  font-weight: 500;
  -webkit-hyphens: auto;
  hyphens: auto;
  padding-right: .5rem;
  position: relative;
  text-align: right;
  word-break: break-word
}
#item-specs dd svg {
  display: inline-block;
  height: 24px;
  margin: 0 .2rem 0 0;
  vertical-align: middle;
  width: 24px
}
@media only screen and (min-width: 64em) {
  #item-specs dt {
    padding-right:1rem
  }
  #item-specs dt:after {
    border-bottom-color: var(--colors-themed-body-color-light);
    border-bottom: 1px dotted var(--colors-themed-14692933);
    content: "";
    flex: 1 1;
    margin-left: 1rem
  }
  :root {
    --colors-themed-14692933: #c3c4c7
  }
  [data-theme=dark] {
    --colors-themed-14692933: #666
  }
  #item-specs dd {
    text-align: left;
    width: 50%
  }}
@media only screen and (min-width: 80em) {
  #item-specs dt {
    padding-right:1rem
  }
  #item-specs dd {
    text-align: left;
    width: 60%
  }}
.specs-no,.specs-yes {
  font-size: 0
}
.specs-no svg,.specs-yes svg {
  height: 12px!important;
  right: .5rem;
  width: 12px!important
}
@media only screen and (min-width: 48em) {
  .specs-no,.specs-yes {
    font-size:inherit
  }
  .specs-no svg,.specs-yes svg {
    left: 0!important;
    margin-right: .5rem
  }}
.specs-no {
  color: #b81427
}
.specs-yes {
  color: #24b47e
}
.specs-color {
  background-position: 50%;
  background-repeat: no-repeat;
  background: linear-gradient(to bottom right,red,#ff0 50%,#05c1ff);
  border: 1px solid #ddd;
  box-shadow: inset 0 0 0 1px #fff;
  display: inline-block;
  height: 1.2rem;
  line-height: 0;
  margin-right: .5rem;
  margin-top: -3px;
  vertical-align: middle;
  width: 1.2rem
}
div[itemprop=aggregateRating] {
  display: contents
}
#reviews .section__title:nth-child(2) {
  display: none
}
.sponsored__popup {
  align-items: center;
  color: #1d538c;
  cursor: pointer;
  display: flex;
  font-size: 1.05rem;
  margin: .5rem 0;
  -webkit-user-select: none;
  user-select: none
}
[data-theme=dark] .sponsored__popup {
  color: #3d74d4
}
.sponsored__popup .icon {
  margin-left: .5rem;
  pointer-events: none
}
.sponsored__popup>span {
  pointer-events: none
}
.sponsored__popup:before {
  border: 1px solid;
  border-radius: 4px;
  color: #fff;
  color: #3d74d4;
  content: "Ad";
  font-size: .92em;
  font-variant-numeric: tabular-nums;
  margin-right: .5rem;
  padding: .3rem .5rem
}
.prices__group:not([data-is-prom]) .sponsored__popup {
  display: none
}
.sponsored__popup-prompt {
  background: var(--colors-themed-card-light-bg);
  color: var(--colors-themed-card-text);
  display: flex;
  font-size: 1rem;
  line-height: 1.3;
  margin-top: 1.5rem;
  padding: 1.5rem
}
.sponsored__popup-prompt>p {
  margin: 0
}
.sponsored__popup-prompt>.icon {
  flex: none;
  margin-right: 1rem
}
.popup__content {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 1.5rem
}
@media only screen and (min-width: 35.5em) {
  .popup__content {
    flex-direction:row
  }}
.popup__svg {
  fill: none;
  height: 100px;
  width: 200px
}
.popup__description {
  color: #000;
  font-size: 1rem;
  line-height: 1.5
}
@media only screen and (min-width: 23em) {
  .sponsored__popup span:after {
    content:" προϊόν"
  }}
.size-guide__link--shoes {
  align-items: center;
  color: var(--colors-themed-body-color-lighter);
  cursor: pointer;
  display: grid;
  gap: .5rem;
  grid-auto-flow: column;
  justify-content: start;
  justify-self: start;
  transition: color .5s ease-in-out;
  -webkit-user-select: none;
  user-select: none
}
.size-guide__link--shoes svg {
  height: 20px;
  pointer-events: none;
  width: 20px
}
:not(.touch) .size-guide__link--shoes:hover {
  color: var(--colors-themed-body-color);
  text-decoration: underline;
  text-underline-offset: 4px
}
.size-guide__link--shoes .size-guide__link--shoes__label {
  pointer-events: none
}
@media only screen and (min-width: 48em) {
  #page-item .size-guide__link--shoes .size-guide__link--shoes__label:after {
    content:" στην " attr(data-brand-title)
  }}
.sales-bundle__actions {
  display: grid;
  gap: 1rem;
  justify-content: center;
  justify-self: start;
  text-align: center
}
.sales-bundle__total-price {
  display: none;
  font-size: 1.1rem;
  font-variant-numeric: tabular-nums
}
.sales-bundle__button {
  border-radius: 6px;
  font-size: 1rem;
  padding: .9rem 1.25rem;
  white-space: nowrap
}
.sales-bundle__button:before {
  content: "Υπολογισμός συνολικής τιμής"
}
@media only screen and (min-width: 25.8em) {
  .sales-bundle__button:before {
    content:"Υπολογισμός καλύτερης συνολικής τιμής"
  }}
@media only screen and (min-width: 48em) {
  .sales-bundle__button:before {
    content:"Υπολογισμός τιμών"
  }}
@media only screen and (max-width: 47.99em) {
  .sales-bundle__actions {
    justify-content:stretch;
    justify-self: stretch
  }}
.sales-bundle__items {
  align-items: start;
  display: grid!important;
  gap: .85rem;
  grid-auto-flow: column;
  justify-content: safe center;
  justify-items: safe center;
  max-width: 100%;
  min-width: 0;
  overflow: auto;
  -webkit-user-select: none;
  user-select: none
}
@media only screen and (min-width: 48em) {
  .sales-bundle__items {
    gap:1rem;
    grid-auto-flow: column;
    justify-content: start;
    justify-items: start
  }}
.sales-bundle__item {
  align-items: center;
  display: grid;
  gap: .5rem;
  grid-auto-columns: 110px;
  grid-auto-flow: column;
  grid-template-columns: auto;
  justify-items: center
}
@media only screen and (min-width: 48em) {
  .sales-bundle__item {
    grid-auto-columns:120px
  }}
@media only screen and (min-width: 64em) {
  .sales-bundle__item {
    gap:1rem;
    grid-auto-columns: 140px
  }}
.sales-bundle__cover {
  background: #fff;
  border-radius: 6px;
  position: relative
}
.sales-bundle__cover img {
  aspect-ratio: 1;
  max-height: 100%;
  width: 100%
}
@media only screen and (min-width: 23em) {
  .sales-bundle__cover {
    width:60px
  }}
@media only screen and (min-width: 25.8em) {
  .sales-bundle__cover {
    width:70px
  }}
@media only screen and (min-width: 35.5em) {
  .sales-bundle__cover {
    width:80px
  }}
@media only screen and (min-width: 48em) {
  .sales-bundle__cover {
    padding:.5rem;
    width: 90px
  }}
@media only screen and (min-width: 64em) {
  .sales-bundle__cover {
    padding:.75rem;
    width: 100px
  }}
@media only screen and (min-width: 80em) {
  .sales-bundle__cover {
    padding:.75rem;
    width: 105px
  }}
@media only screen and (min-width: 120em) {
  .sales-bundle__cover {
    width:110px
  }}
.sales-bundle__checkbox {
  border: 1px solid var(--colors-themed-button-secondary-border)!important;
  border-radius: 4px!important;
  content: "";
  display: block;
  display: none;
  height: 20px;
  overflow: hidden;
  pointer-events: none;
  position: absolute;
  right: .5rem;
  top: .5rem;
  width: 20px;
  z-index: 99999
}
@media only screen and (min-width: 48em) {
  .sales-bundle__checkbox {
    display:block
  }}
.sales-bundle__cover,.sales-bundle__price,.sales-bundle__title {
  opacity: .5
}
.sales-bundle__item--checked .sales-bundle__cover,.sales-bundle__item--checked .sales-bundle__price,.sales-bundle__item--checked .sales-bundle__title {
  opacity: 1
}
.sales-bundle__item--checked .sales-bundle__checkbox {
  background-color: #ec1639;
  background-image: url(https://bp.pstatic.gr/public/dist/e5e242ec9d6c14082a41.svg);
  background-position: 50%;
  background-repeat: no-repeat;
  border-color: #ec1639!important
}
.sales-bundle__meta {
  display: grid;
  gap: .5rem
}
.sales-bundle__meta a {
  color: inherit
}
.sales-bundle__title {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical
}
@media only screen and (max-width: 47.99em) {
  .sales-bundle__items {
    position:relative
  }
  .sales-bundle__items:before {
    content: "";
    inset: 0;
    opacity: 0;
    position: absolute;
    z-index: 10
  }}
.sales-bundle {
  display: grid;
  gap: 1rem;
  margin-top: 1rem;
  max-width: 100%;
  min-width: 0
}
.sales-bundle .sales-bundle__cover,.sales-bundle button {
  pointer-events: none
}
.sales-bundle--ready .sales-bundle__cover,.sales-bundle--ready button {
  pointer-events: auto
}
.sales-bundle__plus {
  align-self: stretch;
  display: grid;
  font-size: 1.7rem;
  place-items: center;
  -webkit-user-select: none;
  user-select: none
}
.sales-bundle__wrapper {
  display: grid;
  gap: 1rem;
  max-width: 100%;
  min-width: 0;
  row-gap: 1.5rem
}
@media only screen and (min-width: 64em) {
  .sales-bundle__wrapper {
    align-items:center;
    gap: 2rem;
    grid-template-columns: auto 1fr
  }}
@media only screen and (min-width: 48em) {
  .sales-bundle__mobile-actions {
    display:none
  }}
.sales-bundle__header {
  font-size: 1.05rem;
  font-weight: 400;
  font-weight: 500
}
@media only screen and (min-width: 48em) {
  .sales-bundle__header {
    font-size:1.125rem
  }}
@media only screen and (max-width: 47.99em) {
  .sales-bundle {
    border:1px solid #dbdbdb;
    border-radius: 6px;
    padding: 1.25rem;
    row-gap: 1.2rem
  }
  .sales-bundle__plus {
    font-size: 1.3rem
  }}
.button.item--entry-button {
  width: 100%
}
@media only screen and (min-width: 35.5em) {
  .button.item--entry-button {
    width:240px
  }}
.page-header__hub-description {
  font-size: 1.05rem;
  font-weight: 400;
  line-height: 1.4;
  margin: .5rem 0 1rem;
  max-width: 780px;
  text-wrap: pretty
}
@media only screen and (min-width: 48em) {
  .page-header__hub-description {
    font-size:1.11rem
  }}
@media only screen and (min-width: 64em) {
  .page-header__hub-description {
    font-size:1.12rem
  }}
@media only screen and (min-width: 80em) {
  .page-header__hub-description {
    font-size:1.2rem
  }}
#page-hub:has(.page-products__cover) #trail {
  display: none
}
@media only screen and (max-width: 47.99em) {
  #page-hub #trail {
    display:none
  }}
#page-hub .filters__categories .filters__header {
  display: none
}
@media only screen and (min-width: 48em) {
  .hub-top-categories {
    display:none
  }}
.simple-rating .icon {
  color: var(--colors-themed-91517164)
}
:root {
  --colors-themed-91517164: #dde2e6
}
[data-theme=dark] {
  --colors-themed-91517164: #666
}
.h-categories__category {
  border-radius: 8px;
  color: inherit;
  display: grid;
  gap: .55rem;
  grid-template-rows: 1fr auto;
  text-decoration: none!important
}
@media only screen and (min-width: 35.5em) {
  .h-categories__category {
    min-width:100px
  }}
@media only screen and (min-width: 48em) {
  .h-categories__category {
    flex:1 1
  }}
@media only screen and (min-width: 80em) {
  .h-categories__category {
    gap:.5rem
  }}
@media only screen and (min-width: 120em) {
  .h-categories__category {
    gap:1rem
  }}
.h-categories__cover {
  border-radius: 8px;
  display: grid;
  padding: .6rem;
  place-items: center;
  position: relative;
  transition: background .35s ease-in-out
}
@media only screen and (min-width: 23em) {
  .h-categories__cover {
    padding:.5rem
  }}
@media only screen and (min-width: 25.8em) {
  .h-categories__cover {
    padding:.6rem
  }}
@media only screen and (min-width: 48em) {
  .h-categories__cover {
    padding:.6rem
  }}
@media only screen and (min-width: 80em) {
  .h-categories__cover {
    padding:.98rem
  }}
@media only screen and (min-width: 120em) {
  .h-categories__cover {
    padding:1.05rem
  }}
.h-categories__image {
  aspect-ratio: 1;
  display: block;
  height: auto;
  -webkit-user-select: none;
  user-select: none;
  width: 100%
}
@supports not (mix-blend-mode: multiply) {
  .h-categories__image {
    background:#fff;
    padding: .5rem
  }}
@media (hover: hover) {
  .h-categories__category:hover .h-categories__cover {
    background:radial-gradient(50% 50% at 50% 50%,hsla(0,0%,100%,.79) 1.32%,#e8e8e8 100%)
  }
  [data-theme=dark] .h-categories__category:hover .h-categories__cover {
    background: #222
  }}
[data-theme=dark] body.local-cat-images .h-categories__cover {
  background: #26282c
}
.h-categories__category--deals .h-categories__cover {
  padding-top: 2rem
}
.h-categories__category--deals .h-categories__image {
  max-height: 45px
}
@media only screen and (min-width: 48em) {
  .h-categories__category--deals {
    display:none
  }}
.h-categories__badge {
  background-color: #ccc;
  border-radius: 24px;
  display: grid;
  font-size: .85rem;
  font-variant-numeric: unset!important;
  font-weight: 500;
  height: 28px;
  left: 50%;
  padding: 0 .85rem;
  place-items: center;
  position: absolute;
  top: .5rem;
  transform: translateX(-50%);
  white-space: nowrap
}
.h-categories__label {
  font-size: .9rem;
  font-weight: 500;
  margin: 0;
  max-width: 100%;
  overflow: hidden;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap
}
@media only screen and (min-width: 23em) {
  .h-categories__label {
    font-size:.94rem
  }}
@media only screen and (min-width: 25.8em) {
  .h-categories__label {
    font-size:.95rem
  }}
@media only screen and (min-width: 48em) {
  .h-categories__label {
    color:var(--colors-themed-body-color-lighter);
    font-size: 1rem;
    font-weight: 400
  }}
@media only screen and (min-width: 120em) {
  .h-categories__label {
    color:var(--colors-themed-body-color-light);
    font-size: .98rem;
    font-weight: 500
  }}
.h-categories__list {
  display: grid!important;
  gap: .65rem;
  grid-template-columns: 1fr 1fr
}
.h-categories__list .h-categories__category:nth-child(n+13) {
  display: none
}
@media only screen and (min-width: 20em) {
  .h-categories__list {
    gap:.7rem;
    grid-template-columns: 1fr 1fr 1fr
  }}
@media only screen and (min-width: 23em) {
  .h-categories__list {
    gap:.8rem;
    row-gap: 1rem
  }}
@media only screen and (min-width: 25.8em) {
  .h-categories__list {
    gap:.9rem;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    row-gap: 1.5rem
  }}
@media only screen and (min-width: 35.5em) {
  .h-categories__list {
    gap:.9rem;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    row-gap: 1.5rem;
    gap: .85rem;
    gap: 1.5rem
  }}
@media only screen and (min-width: 64em) {
  .h-categories__list {
    gap:.9rem
  }}
@media only screen and (min-width: 80em) {
  .h-categories__list {
    gap:1.25rem
  }}
@media only screen and (min-width: 48em) {
  .h-categories__list {
    grid-auto-flow:row;
    grid-template-columns: repeat(6,1fr)!important
  }
  .h-categories__list .h-categories__category:nth-child(n+13) {
    display: grid
  }
  .h-categories__list .h-categories__category:nth-child(n+14) {
    display: none
  }}
@media (min-width: 860px) {
  .h-categories__list {
    grid-auto-flow:row;
    grid-template-columns: repeat(7,1fr)!important
  }
  .h-categories__list .h-categories__category:nth-child(n+14) {
    display: grid
  }
  .h-categories__list .h-categories__category:nth-child(n+16) {
    display: none
  }}
@media only screen and (min-width: 64em) {
  .h-categories__list {
    grid-auto-flow:row;
    grid-template-columns: repeat(8,1fr)!important
  }
  .h-categories__list .h-categories__category:nth-child(n+16) {
    display: grid
  }
  .h-categories__list .h-categories__category:nth-child(n+18) {
    display: none
  }}
@media only screen and (min-width: 80em) {
  .h-categories__list {
    grid-auto-flow:row;
    grid-template-columns: repeat(10,1fr)!important
  }
  .h-categories__list .h-categories__category:nth-child(n+18) {
    display: grid
  }}
@media only screen and (max-width: 47.99em) {
  .h-categories__list,.h-categories__list.scroll__content {
    display:grid!important
  }}
html:not(.is-bot) .h-categories__category[title=iPhone] h2.h-categories__label {
  align-items: center;
  display: grid;
  grid-auto-flow: column;
  justify-content: center;
  overflow: visible;
  text-align: center
}
html:not(.is-bot) .h-categories__category[title=iPhone] h2.h-categories__label:before {
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMWVtIiB2aWV3Qm94PSIwIDAgMzg0IDUxMiI+PCEtLSEgRm9udCBBd2Vzb21lIEZyZWUgNi40LjIgYnkgQGZvbnRhd2Vzb21lIC0gaHR0cHM6Ly9mb250YXdlc29tZS5jb20gTGljZW5zZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tL2xpY2Vuc2UgKENvbW1lcmNpYWwgTGljZW5zZSkgQ29weXJpZ2h0IDIwMjMgRm9udGljb25zLCBJbmMuLS0+PHBhdGggZD0iTTMxOC43IDI2OC43Yy0uMi0zNi43IDE2LjQtNjQuNCA1MC04NC44LTE4LjgtMjYuOS00Ny4yLTQxLjctODQuNy00NC42LTM1LjUtMi44LTc0LjMgMjAuNy04OC41IDIwLjctMTUgMC00OS40LTE5LjctNzYuNC0xOS43QzYzLjMgMTQxLjIgNCAxODQuOCA0IDI3My41cTAgMzkuMyAxNC40IDgxLjJjMTIuOCAzNi43IDU5IDEyNi43IDEwNy4yIDEyNS4yIDI1LjItLjYgNDMtMTcuOSA3NS44LTE3LjkgMzEuOCAwIDQ4LjMgMTcuOSA3Ni40IDE3LjkgNDguNi0uNyA5MC40LTgyLjUgMTAyLjYtMTE5LjMtNjUuMi0zMC43LTYxLjctOTAtNjEuNy05MS45bS01Ni42LTE2NC4yYzI3LjMtMzIuNCAyNC44LTYxLjkgMjQtNzIuNS0yNC4xIDEuNC01MiAxNi40LTY3LjkgMzQuOS0xNy41IDE5LjgtMjcuOCA0NC4zLTI1LjYgNzEuOSAyNi4xIDIgNDkuOS0xMS40IDY5LjUtMzQuMyIvPjwvc3ZnPg==);
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: block;
  height: 15px;
  margin-top: -2px;
  width: 15px
}
.h-categories__verticals {
  align-items: center;
  color: var(--colors-themed-body-color-lighter);
  display: grid;
  display: none;
  gap: .5rem;
  grid-auto-flow: column
}
.h-categories__verticals a {
  align-items: center;
  color: inherit;
  display: grid;
  gap: .25rem;
  grid-auto-flow: column;
  text-decoration: none;
  text-underline-offset: 4px
}
.h-categories__verticals a:nth-child(n+7) {
  display: none
}
@media only screen and (min-width: 64em) {
  .h-categories__verticals a:nth-child(n+7) {
    display:grid
  }
  .h-categories__verticals a:nth-child(n+8) {
    display: none
  }}
@media only screen and (min-width: 80em) {
  .h-categories__verticals a:nth-child(n+8) {
    display:grid
  }
  .h-categories__verticals a:nth-child(n+10) {
    display: none
  }}
.h-categories__verticals a svg {
  height: 14px;
  width: 14px
}
@media only screen and (min-width: 64em) {
  .h-categories__verticals {
    display:grid
  }}
@media only screen and (min-width: 80em) {
  .h-categories__verticals {
    gap:.55rem
  }}
@media (min-width: 1300px) {
  .h-categories__verticals {
    gap:.8rem
  }}
@media (min-width: 1400px) {
  .h-categories__verticals {
    gap:.9rem
  }}
@media only screen and (min-width: 120em) {
  .h-categories__verticals {
    gap:.92rem
  }}
@media only screen and (min-width: 150em) {
  .h-categories__verticals {
    gap:1rem
  }}
@media only screen and (min-width: 180em) {
  .h-categories__verticals {
    gap:1.15rem
  }}
.h-categories__verticals a[data-id=deals],.h-categories__verticals a[data-id=deals] svg {
  color: #d41433
}
html.touch .h-categories .h-categories__list {
  max-width: 100%;
  overflow: auto;
  -ms-overflow-style: none;
  -moz-scrollbars: none;
  scrollbar-width: none
}
html.touch .h-categories .h-categories__list::-webkit-scrollbar {
  background: 0 0;
  display: none!important;
  height: 0!important;
  opacity: 0;
  width: 0!important
}
html.touch .h-categories .h-categories__list::-webkit-scrollbar-track {
  display: none;
  height: 0;
  overflow: hidden
}
html.touch .h-categories .h-categories__list::-webkit-scrollbar-thumb {
  background: 0 0;
  display: none;
  height: 0;
  overflow: hidden;
  width: 0
}
@media only screen and (min-width: 48em) {
  .h-categories .h-categories__list {
    width:100%
  }}
.h-categories .h-header__more {
  font-weight: 500
}
.h-categories .h-header__more .icon:last-child {
  display: none
}
.h-header__more svg {
  color: var(--colors-themed-anchor)
}
@media only screen and (min-width: 35.5em) {
  .h-categories .h-header__more-label:after {
    content:" οι κατηγορίες"
  }}
@media only screen and (min-width: 64em) {
  .h-categories .h-header__more-label:after {
    content:""
  }}
@media only screen and (min-width: 80em) {
  .h-categories .h-header__more-label:after {
    content:" οι κατηγορίες"
  }}
.h-deals-latest .section__title:before {
  animation: deals-update 2s infinite;
  background-color: #ec1639;
  border-radius: 50%;
  content: "";
  display: block;
  height: 8px;
  width: 8px
}
@keyframes deals-update {
  0% {
    opacity: 0
  }
  50% {
    opacity: 1
  }
  to {
    opacity: 0
  }}
.h-deals__main {
  display: grid;
  gap: 1.5rem
}
@media only screen and (max-width: 47.99em) {
  .h-deals {
    margin-top:1.25rem;
    padding-top: 1rem;
    position: relative
  }
  .h-deals:before {
    background: linear-gradient(180deg,#ebebeb 0,var(--colors-themed-body-bg) 85%);
    content: "";
    inset: -1rem;
    position: absolute;
    top: -.75rem;
    z-index: 0
  }
  [data-theme=dark] .h-deals:before {
    background: linear-gradient(180deg,#171717 0,var(--colors-themed-body-bg) 85%)
  }
  .h-deals .h-deals__aside,.h-deals .h-header,.h-deals .scroll,.h-deals [data-scroll] {
    position: relative;
    z-index: 1
  }
  .h-deals .h-header__more {
    display: none
  }
  .h-deals__aside {
    align-items: end;
    display: grid;
    grid-template-columns: 1fr auto
  }}
@media only screen and (min-width: 48em) and (max-width:64em) {
  .h-deals .h-header__more {
    background-color:#2d69c6;
    border: 0;
    color: #fff!important
  }
  .h-deals .h-header__more svg {
    color: inherit
  }
  .h-deals .h-header__more-label:after {
    content: " οι προσφορές"
  }}
@media only screen and (min-width: 64em) {
  .h-deals {
    align-items:center;
    background: linear-gradient(180deg,#ebebeb 0,var(--colors-themed-body-bg) 85%);
    border-radius: 8px;
    display: grid;
    gap: 2rem;
    grid-template-columns: auto 1fr;
    padding: 1.5rem
  }
  [data-theme=dark] .h-deals {
    background: linear-gradient(180deg,#171717 0,var(--colors-themed-body-bg) 85%)
  }
  .h-deals>div {
    min-width: 0
  }
  .h-deals__aside {
    display: grid;
    justify-items: center;
    max-width: 220px
  }
  .h-deals__aside,.h-deals__aside .h-header__hgroup {
    gap: 1rem;
    text-align: center
  }
  .h-deals__aside .section__title {
    display: block;
    text-align: center
  }
  .h-deals .h-header__more {
    display: none
  }}
@media only screen and (min-width: 80em) {
  .h-deals__aside {
    max-width:240px
  }}
@media only screen and (min-width: 120em) {
  .h-deals {
    gap:2.5rem
  }
  .h-deals__aside {
    max-width: 240px
  }}
.h-deals__button {
  align-items: center;
  background: #3d74d4;
  border-radius: 8px;
  color: #fff;
  display: flex;
  gap: .25rem
}
.h-deals__button,.h-deals__icon {
  display: none
}
@media only screen and (min-width: 64em) {
  .h-deals__button,.h-deals__icon {
    align-content:center;
    display: flex;
    justify-content: center;
    width: 100%
  }}
.h-deals__links {
  display: none;
  gap: .85rem;
  justify-content: center;
  justify-items: center;
  margin-top: 1rem
}
@media only screen and (min-width: 64em) {
  .h-deals__links {
    display:grid
  }}
@media only screen and (min-width: 80em) {
  .h-deals__links {
    font-size:1.05rem;
    gap: .95rem
  }}
@media only screen and (min-width: 150em) {
  .h-deals__links {
    gap:1rem
  }}
.h-deals__links a {
  color: inherit;
  text-decoration: underline;
  text-underline-offset: 4px
}
@media only screen and (min-width: 64em) {
  .h-deals.h-deals.h-deals .p__products--scroll {
    display:grid;
    flex: none;
    gap: .75rem;
    grid-auto-columns: calc(25% - .5625rem);
    grid-auto-flow: column
  }
  .h-deals.h-deals.h-deals .p__products--scroll>.p {
    min-width: calc(25% - .5625rem)
  }
  .h-deals.h-deals.h-deals .p__products--scroll:last-child {
    margin-right: 0
  }
  .h-deals.h-deals.h-deals .p__products--scroll.scroll__content {
    display: grid
  }}
@media only screen and (min-width: 80em) {
  .h-deals.h-deals.h-deals .p__products--scroll {
    display:grid;
    flex: none;
    gap: 1rem;
    grid-auto-columns: calc(20% - .8rem);
    grid-auto-flow: column
  }
  .h-deals.h-deals.h-deals .p__products--scroll>.p {
    min-width: calc(20% - .8rem)
  }
  .h-deals.h-deals.h-deals .p__products--scroll:last-child {
    margin-right: 0
  }
  .h-deals.h-deals.h-deals .p__products--scroll.scroll__content {
    display: grid
  }}
@media only screen and (min-width: 1520px) {
  .h-deals.h-deals.h-deals .p__products--scroll {
    display:grid;
    flex: none;
    gap: 1rem;
    grid-auto-columns: calc(20% - .8rem);
    grid-auto-flow: column
  }
  .h-deals.h-deals.h-deals .p__products--scroll>.p {
    min-width: calc(20% - .8rem)
  }
  .h-deals.h-deals.h-deals .p__products--scroll:last-child {
    margin-right: 0
  }
  .h-deals.h-deals.h-deals .p__products--scroll.scroll__content {
    display: grid
  }}
@media only screen and (min-width: 99.3em) {
  .h-deals.h-deals.h-deals .p__products--scroll {
    display:grid;
    flex: none;
    gap: 1rem;
    grid-auto-columns: calc(16.66667% - .83333rem);
    grid-auto-flow: column
  }
  .h-deals.h-deals.h-deals .p__products--scroll>.p {
    min-width: calc(16.66667% - .83333rem)
  }
  .h-deals.h-deals.h-deals .p__products--scroll:last-child {
    margin-right: 0
  }
  .h-deals.h-deals.h-deals .p__products--scroll.scroll__content {
    display: grid
  }}
@media only screen and (min-width: 120em) {
  .h-deals.h-deals.h-deals .p__products--scroll {
    display:grid;
    flex: none;
    gap: 1rem;
    grid-auto-columns: calc(16.66667% - .83333rem);
    grid-auto-flow: column
  }
  .h-deals.h-deals.h-deals .p__products--scroll>.p {
    min-width: calc(16.66667% - .83333rem)
  }
  .h-deals.h-deals.h-deals .p__products--scroll:last-child {
    margin-right: 0
  }
  .h-deals.h-deals.h-deals .p__products--scroll.scroll__content {
    display: grid
  }}
.h-top-products {
  display: grid;
  gap: 2rem;
  grid-template-columns: 1fr 1fr 1fr;
  min-width: 0
}
@media only screen and (max-width: 47.99em) {
  .h-top-products {
    display:none
  }}
.h-top-products .h-header * {
  min-width: 0
}
.h-top-products .section__title {
  display: block
}
.h-top-products .section__title a {
  display: inline-block;
  max-width: 100%;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}
@media only screen and (min-width: 48em) and (max-width:64em) {
  .h-top-products .h-header__more {
    display:none
  }}
.h-top-products__category {
  border-right: 1px solid rgba(0,0,0,.08);
  padding-right: 1.5rem
}
[data-theme=dark] .h-top-products__category {
  border-color: hsla(0,0%,100%,.05)
}
.h-top-products__category:last-child {
  border: 0
}
.h-top-products__list {
  display: grid
}
.h-top-products__product {
  color: inherit;
  display: grid;
  font-size: 1.1rem;
  gap: 1rem;
  grid-template-columns: min-content 1fr;
  grid-template-rows: 1fr 1fr;
  min-width: 0;
  padding: 1rem 0;
  row-gap: .5rem;
  text-decoration: none!important
}
@media only screen and (min-width: 120em) {
  .h-top-products__product {
    column-gap:1.5rem
  }}
.h-top-products__product h3 {
  align-items: end;
  align-self: end;
  display: block;
  font-size: inherit;
  font-weight: 400;
  margin: 0;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}
@media (hover: hover) {
  .h-top-products__product {
    border-radius:4px;
    padding-left: 1rem;
    padding-right: 1rem
  }
  .h-top-products__product:hover {
    background: #edf1f2
  }
  [data-theme=dark] .h-top-products__product:hover {
    background: #23272b
  }
  [data-theme=dark] .h-top-products__product:hover .h-top-products__cover {
    background: #fff
  }}
.h-top-products__product img {
  mix-blend-mode: multiply
}
.h-top-products__cover {
  grid-row: 1/-1;
  height: auto;
  width: 80px
}
[data-theme=dark] .h-top-products__cover {
  background-color: hsla(0,0%,100%,.7);
  border-radius: 2px;
  padding: .75rem
}
.h-top-products__cover img {
  aspect-ratio: 1/1;
  height: auto;
  -webkit-user-select: none;
  user-select: none;
  width: 100%
}
.h-top-products__price {
  align-items: top;
  color: var(--colors-themed-body-color-lighter)
}
.h-top-products__compare {
  display: grid;
  grid-column: 1/-1;
  justify-content: center;
  margin-top: 1rem
}
.h-top-products__compare .button {
  align-items: center;
  color: var(--colors-themed-body-color-lightest);
  display: flex;
  padding: .85rem 1.25rem
}
.h-top-products__compare .button .icon {
  margin-right: .25rem
}
.h-content__placeholder {
  min-height: 9rem
}
.h-content .h-header {
  display: none
}
@media only screen and (max-width: 47.99em) {
  .h-content .h-header__more {
    display:none
  }}
.h-queries {
  margin-top: 2rem;
  -webkit-font-smoothing: antialiased
}
@media only screen and (min-width: 48em) {
  .h-queries .section__title {
    display:block;
    text-align: center
  }}
.h-queries__list {
  display: flex;
  flex-wrap: wrap;
  gap: .65rem;
  max-width: 960px
}
@media only screen and (min-width: 23em) {
  .h-queries__list {
    gap:.7rem
  }}
@media only screen and (min-width: 25.8em) {
  .h-queries__list {
    gap:.72rem
  }}
@media only screen and (min-width: 48em) {
  .h-queries__list {
    gap:.5rem;
    justify-content: center;
    margin: 2rem auto auto
  }}
@media only screen and (min-width: 80em) {
  .h-queries__list {
    gap:.6rem
  }}
.h-queries__q {
  border: 1px solid rgba(0,0,0,.1);
  border-radius: 20px;
  color: var(--colors-themed-body-color-lighter);
  color: inherit;
  display: grid;
  flex-wrap: wrap;
  font-size: 1rem;
  padding: .5rem .85rem;
  text-decoration: none!important
}
[data-theme=dark] .h-queries__q {
  border-color: hsla(0,0%,100%,.15)
}
.h-queries__q:nth-child(n+18) {
  display: none
}
@media only screen and (min-width: 48em) {
  .h-queries__q {
    font-size:.96rem;
    padding: .5rem 1.2rem
  }
  .h-queries__q:nth-child(n+18) {
    display: grid
  }
  .h-queries__q:nth-child(n+20) {
    display: none
  }}
@media only screen and (min-width: 64em) {
  .h-queries__q {
    font-size:1rem
  }
  .h-queries__q:nth-child(n+20) {
    display: grid
  }
  .h-queries__q:nth-child(n+25) {
    display: none
  }}
@media only screen and (min-width: 80em) {
  .h-queries__q {
    font-size:1rem
  }
  .h-queries__q:nth-child(n+25) {
    display: grid
  }
  .h-queries__q:nth-child(n+30) {
    display: none
  }}
@media (hover: hover) {
  .h-queries__q:hover {
    background:#f1f0f5;
    border: 1px solid rgba(0,0,0,.2)
  }
  [data-theme=dark] .h-queries__q:hover {
    background: #444;
    border-color: hsla(0,0%,100%,.2)
  }}
.h-collections .h-header {
  display: none
}
@media only screen and (min-width: 48em) {
  .h-collections .section__title {
    justify-content:center;
    text-align: center
  }}
.h-top-category-for-user {
  min-height: 120px;
  position: absolute
}
.h-top-category-for-user[data-intersected] {
  position: static
}
.h-bf22__placeholder {
  color: inherit;
  margin-top: 3rem;
  text-align: center
}
@media only screen and (min-width: 120em) {
  .h-bf22__placeholder {
    margin-top:5rem
  }}
@media only screen and (min-width: 48em) {
  .cats-embed__placeholder {
    display:grid
  }
  .cats-embed__placeholder .section__hgroup {
    justify-content: center;
    justify-items: center;
    text-align: center
  }}
.credits-club__placeholder[data-intersected]:empty {
  display: contents
}
.h-gifts {
  display: grid;
  gap: 1rem
}
@media only screen and (min-width: 64em) {
  .h-gifts {
    grid-template-columns:240px 1fr
  }}
@media only screen and (min-width: 80em) {
  .h-gifts {
    gap:2rem;
    grid-template-columns: 320px 1fr
  }}
@media only screen and (min-width: 120em) {
  .h-gifts {
    gap:3rem;
    grid-template-columns: 360px 1fr;
    grid-template-columns: 370px 1fr
  }}
.h-gifts__aside {
  align-content: center;
  color: var(--colors-themed-body-color-lighter);
  display: none;
  font-size: 1rem;
  line-height: 1.35
}
@media only screen and (min-width: 64em) {
  .h-gifts__aside {
    display:grid;
    font-size: 1.1rem
  }}
.h-gifts__scopes {
  align-items: center;
  display: grid;
  gap: 2rem;
  grid-auto-flow: column;
  max-width: 100%;
  min-width: 0;
  overflow: auto;
  -ms-overflow-style: none;
  -moz-scrollbars: none;
  scrollbar-width: none
}
.h-gifts__scopes::-webkit-scrollbar {
  background: 0 0;
  display: none!important;
  height: 0!important;
  opacity: 0;
  width: 0!important
}
.h-gifts__scopes::-webkit-scrollbar-track {
  display: none;
  height: 0;
  overflow: hidden
}
.h-gifts__scopes::-webkit-scrollbar-thumb {
  background: 0 0;
  display: none;
  height: 0;
  overflow: hidden;
  width: 0
}
.h-gifts__scope {
  color: inherit;
  display: grid;
  font-weight: 500;
  gap: .75rem;
  justify-content: center;
  justify-items: center;
  text-align: center;
  -webkit-user-select: none;
  user-select: none;
  white-space: nowrap
}
@media only screen and (min-width: 48em) {
  .h-gifts__scope {
    font-size:1.05rem
  }}
@media only screen and (min-width: 64em) {
  .h-gifts__scope {
    font-size:1.1rem;
    gap: .8rem
  }}
@media only screen and (min-width: 80em) {
  .h-gifts__scope {
    font-size:1.15rem;
    gap: 1rem
  }}
@media only screen and (min-width: 120em) {
  .h-gifts__scope {
    font-size:1.15rem;
    gap: 1.25rem
  }}
.h-gifts__scope:hover {
  text-decoration: none!important
}
.h-gifts__scope img {
  aspect-ratio: 1/1;
  border-radius: 100%;
  display: block;
  height: 60px;
  object-fit: fit;
  width: 60px
}
@media only screen and (min-width: 80em) {
  .h-gifts__scope img {
    height:70px;
    width: 70px
  }}
@media only screen and (min-width: 120em) {
  .h-gifts__scope img {
    height:80px;
    width: 80px
  }}
@media only screen and (min-width: 64em) {
  .h-section--gifts .section__subtitle {
    display:none
  }}
a.giveaway-prompt.april {
  align-items: center;
  background-color: #fff;
  border: 1px solid rgba(0,0,0,.05);
  border-radius: 6px;
  box-shadow: 0 1px 1px 0 rgba(0,0,0,.15);
  display: grid;
  gap: .5rem;
  max-width: 1024px;
  padding: 1rem;
  -webkit-user-select: none;
  user-select: none;
  width: 100%
}
a.giveaway-prompt.april:hover {
  background-color: #f7fafc;
  text-decoration-line: none!important
}
@media only screen and (min-width: 48em) {
  a.giveaway-prompt.april {
    grid-auto-flow:column
  }}
a.giveaway-prompt.april .information-section {
  align-items: center;
  display: grid;
  gap: .8rem
}
@media only screen and (min-width: 35.5em) {
  a.giveaway-prompt.april .information-section {
    gap:1rem
  }}
a.giveaway-prompt.april .information-giveaway {
  display: grid
}
a.giveaway-prompt.april .information-text {
  align-items: center;
  display: grid;
  gap: .8rem;
  grid-template-columns: auto minmax(0,1fr)
}
a.giveaway-prompt.april .information-title {
  color: #4c764f;
  font-size: .875rem;
  font-weight: 700
}
a.giveaway-prompt.april .text {
  color: #4c764f;
  font-size: 1rem;
  line-height: 1.3
}
a.giveaway-prompt.april .cta {
  align-items: baseline;
  color: #5b67af;
  display: flex;
  gap: .3rem
}
a.giveaway-prompt.april .actions {
  color: #5b67af;
  display: grid;
  justify-content: end
}
a.giveaway-prompt.april .participations-text {
  align-items: center;
  color: #666;
  display: flex;
  font-size: .9375rem;
  font-style: normal;
  font-weight: 500;
  gap: .5rem;
  justify-content: end;
  line-height: 100%
}
a.giveaway-prompt.april .participations-text span {
  align-items: center;
  background: #f1f0f5;
  border-radius: 1.875rem;
  display: flex;
  gap: .625rem;
  justify-content: center;
  padding: .2rem .5rem
}
.giveaway-optOut-section.april {
  align-items: center;
  background-color: #cfe1c9;
  border-radius: 6px;
  box-shadow: 0 1px 1px 0 rgba(0,0,0,.15);
  cursor: pointer;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  justify-content: center;
  max-width: 100%;
  overflow: hidden;
  padding: .8rem;
  white-space: nowrap
}
.giveaway-optOut-section.april:hover {
  background-color: #c9dac3;
  text-decoration: none!important
}
.giveaway-optOut-section.april:hover .cta {
  background: #4c764f;
  white-space: nowrap
}
@media only screen and (min-width: 48em) {
  .giveaway-optOut-section.april {
    flex-direction:row;
    justify-content: space-between
  }}
.giveaway-optOut-section.april .information-section {
  align-items: center;
  display: flex;
  gap: 1rem
}
.giveaway-optOut-section.april .calendar-icon {
  height: 14px;
  width: 14px
}
.giveaway-optOut-section.april .coupon {
  height: auto;
  max-width: 90px;
  min-width: 90px;
  padding: 0;
  position: absolute;
  right: -25px;
  top: 50%;
  transform: translateY(-50%);
  width: 100%
}
@media only screen and (min-width: 23em) {
  .giveaway-optOut-section.april .coupon {
    right:0
  }}
@media only screen and (min-width: 48em) {
  .giveaway-optOut-section.april .coupon {
    position:relative
  }}
@media only screen and (min-width: 64em) {
  .giveaway-optOut-section.april .coupon {
    max-width:150px;
    position: absolute
  }}
.giveaway-optOut-section.april .information-title {
  font-weight: 700
}
.giveaway-optOut-section.april .information-title,.giveaway-optOut-section.april .text {
  color: #4c764f;
  font-size: 1rem;
  text-shadow: 0 1px 0 rgba(0,0,0,.2)
}
.giveaway-optOut-section.april .actions {
  align-items: center;
  display: flex;
  flex-direction: row;
  gap: 2rem;
  justify-content: center;
  width: 100%
}
@media only screen and (min-width: 35.5em) {
  .giveaway-optOut-section.april .actions {
    width:none
  }}
@media only screen and (min-width: 64em) {
  .giveaway-optOut-section.april .actions {
    justify-content:flex-end
  }}
.giveaway-optOut-section.april .hint {
  color: #4c764f;
  display: none;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5;
  text-align: center;
  text-shadow: 0 1px 0 rgba(0,0,0,.2)
}
@media only screen and (min-width: 48em) {
  .giveaway-optOut-section.april .hint {
    display:block;
    white-space: nowrap
  }}
@media only screen and (min-width: 48em) and (max-width:53em) {
  .giveaway-optOut-section.april .hint {
    display:none
  }}
.giveaway-optOut-section.april .cta {
  background: #4c764f;
  border-radius: 34px;
  color: #fff!important;
  font-size: 1rem;
  font-weight: 700;
  padding: 10px 30px;
  text-align: center;
  text-decoration: none;
  text-shadow: 0 1px 0 rgba(0,0,0,.2);
  text-transform: uppercase;
  width: 100%
}
@media only screen and (min-width: 48em) {
  .giveaway-optOut-section.april .cta {
    max-width:300px
  }}
a.giveaway-prompt.january {
  align-items: center;
  background-color: #fff;
  border: 1px solid rgba(0,0,0,.05);
  border-radius: 6px;
  box-shadow: 0 1px 1px 0 rgba(0,0,0,.15);
  display: grid;
  gap: .5rem;
  max-width: 1024px;
  padding: 1rem;
  -webkit-user-select: none;
  user-select: none;
  width: 100%
}
a.giveaway-prompt.january:hover {
  background-color: #f7fafc;
  text-decoration-line: none!important
}
@media only screen and (min-width: 48em) {
  a.giveaway-prompt.january {
    grid-auto-flow:column
  }}
a.giveaway-prompt.january .information-section {
  align-items: center;
  display: grid;
  gap: .8rem
}
@media only screen and (min-width: 35.5em) {
  a.giveaway-prompt.january .information-section {
    gap:1rem
  }}
a.giveaway-prompt.january .information-giveaway {
  display: grid
}
a.giveaway-prompt.january .information-text {
  align-items: center;
  display: grid;
  gap: .8rem;
  grid-template-columns: auto minmax(0,1fr)
}
a.giveaway-prompt.january .information-title {
  color: #0a5510;
  font-size: .875rem;
  font-weight: 700
}
a.giveaway-prompt.january .text {
  color: #0a5510;
  font-size: 1rem;
  line-height: 1.3
}
a.giveaway-prompt.january .cta {
  align-items: baseline;
  color: #5b67af;
  display: flex;
  gap: .3rem
}
a.giveaway-prompt.january .actions {
  color: #5b67af;
  display: grid;
  justify-content: end
}
a.giveaway-prompt.january .participations-text {
  align-items: center;
  color: #666;
  display: flex;
  font-size: .9375rem;
  font-style: normal;
  font-weight: 500;
  gap: .5rem;
  justify-content: end;
  line-height: 100%
}
a.giveaway-prompt.january .participations-text span {
  align-items: center;
  background: #f1f0f5;
  border-radius: 1.875rem;
  display: flex;
  gap: .625rem;
  justify-content: center;
  padding: .2rem .5rem
}
.giveaway-optOut-section.january {
  align-items: center;
  background-color: #153941;
  border-radius: 6px;
  box-shadow: 0 1px 1px 0 rgba(0,0,0,.15);
  cursor: pointer;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  justify-content: center;
  max-width: 100%;
  overflow: hidden;
  padding: .8rem;
  white-space: nowrap
}
.giveaway-optOut-section.january:hover {
  background-color: #153941;
  text-decoration: none!important
}
.giveaway-optOut-section.january:hover .cta {
  background: #c98931;
  white-space: nowrap
}
@media only screen and (min-width: 48em) {
  .giveaway-optOut-section.january {
    flex-direction:row;
    justify-content: space-between
  }}
.giveaway-optOut-section.january .information-section {
  align-items: center;
  display: flex;
  gap: 1rem
}
.giveaway-optOut-section.january .calendar-icon {
  height: 14px;
  width: 14px
}
.giveaway-optOut-section.january .coupon {
  height: auto;
  max-width: 90px;
  min-width: 90px;
  padding: 0;
  position: absolute;
  right: -25px;
  top: 50%;
  transform: translateY(-50%);
  width: 100%
}
@media only screen and (min-width: 23em) {
  .giveaway-optOut-section.january .coupon {
    right:0
  }}
@media only screen and (min-width: 48em) {
  .giveaway-optOut-section.january .coupon {
    position:relative
  }}
@media only screen and (min-width: 64em) {
  .giveaway-optOut-section.january .coupon {
    max-width:150px;
    position: absolute
  }}
.giveaway-optOut-section.january .information-title {
  font-weight: 700
}
.giveaway-optOut-section.january .information-title,.giveaway-optOut-section.january .text {
  color: #fff;
  font-size: 1rem;
  text-shadow: 0 1px 0 rgba(0,0,0,.2)
}
.giveaway-optOut-section.january .actions {
  align-items: center;
  display: flex;
  flex-direction: row;
  gap: 2rem;
  justify-content: center;
  width: 100%
}
@media only screen and (min-width: 35.5em) {
  .giveaway-optOut-section.january .actions {
    width:none
  }}
@media only screen and (min-width: 64em) {
  .giveaway-optOut-section.january .actions {
    justify-content:flex-end
  }}
.giveaway-optOut-section.january .hint {
  color: #cf9039;
  display: none;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5;
  text-align: center;
  text-shadow: 0 1px 0 rgba(0,0,0,.2)
}
@media only screen and (min-width: 48em) {
  .giveaway-optOut-section.january .hint {
    display:block;
    white-space: nowrap
  }}
@media only screen and (min-width: 48em) and (max-width:53em) {
  .giveaway-optOut-section.january .hint {
    display:none
  }}
.giveaway-optOut-section.january .cta {
  background: #cf9039;
  border-radius: 34px;
  color: #fff!important;
  font-size: 1rem;
  font-weight: 700;
  padding: 10px 30px;
  text-align: center;
  text-decoration: none;
  text-shadow: 0 1px 0 rgba(0,0,0,.2);
  text-transform: uppercase;
  width: 100%
}
@media only screen and (min-width: 48em) {
  .giveaway-optOut-section.january .cta {
    max-width:300px
  }}
a.giveaway-prompt.february {
  align-items: center;
  background-color: #fff;
  border: 1px solid rgba(0,0,0,.05);
  border-radius: 6px;
  box-shadow: 0 1px 1px 0 rgba(0,0,0,.15);
  display: grid;
  gap: .5rem;
  max-width: 1024px;
  padding: 1rem;
  -webkit-user-select: none;
  user-select: none;
  width: 100%
}
a.giveaway-prompt.february:hover {
  background-color: #f7fafc;
  text-decoration-line: none!important
}
@media only screen and (min-width: 48em) {
  a.giveaway-prompt.february {
    grid-auto-flow:column
  }}
a.giveaway-prompt.february .information-section {
  align-items: center;
  display: grid;
  gap: .8rem
}
@media only screen and (min-width: 35.5em) {
  a.giveaway-prompt.february .information-section {
    gap:1rem
  }}
a.giveaway-prompt.february .information-giveaway {
  display: grid
}
a.giveaway-prompt.february .information-text {
  align-items: center;
  display: grid;
  gap: .8rem;
  grid-template-columns: auto minmax(0,1fr)
}
a.giveaway-prompt.february .information-title {
  color: #eb4c4c;
  font-size: .875rem;
  font-weight: 700
}
a.giveaway-prompt.february .text {
  color: #666;
  font-size: 1rem;
  line-height: 1.3
}
a.giveaway-prompt.february .cta {
  align-items: baseline;
  color: #5b67af;
  display: flex;
  gap: .3rem
}
a.giveaway-prompt.february .actions {
  color: #5b67af;
  display: grid;
  justify-content: end
}
a.giveaway-prompt.february .participations-text {
  align-items: center;
  color: #666;
  display: flex;
  font-size: .9375rem;
  font-style: normal;
  font-weight: 500;
  gap: .5rem;
  justify-content: end;
  line-height: 100%
}
a.giveaway-prompt.february .participations-text span {
  align-items: center;
  background: #f1f0f5;
  border-radius: 1.875rem;
  display: flex;
  gap: .625rem;
  justify-content: center;
  padding: .2rem .5rem
}
.giveaway-optOut-section.february {
  align-items: center;
  background-color: #debbea;
  border-radius: 6px;
  box-shadow: 0 1px 1px 0 rgba(0,0,0,.15);
  cursor: pointer;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  justify-content: center;
  max-width: 100%;
  overflow: hidden;
  padding: .8rem;
  white-space: nowrap
}
.giveaway-optOut-section.february:hover {
  background-color: #d5a9e5;
  text-decoration: none!important
}
.giveaway-optOut-section.february:hover .cta {
  background: #7900a3;
  white-space: nowrap
}
@media only screen and (min-width: 48em) {
  .giveaway-optOut-section.february {
    flex-direction:row;
    justify-content: space-between
  }}
.giveaway-optOut-section.february .information-section {
  align-items: center;
  display: flex;
  gap: 1rem
}
.giveaway-optOut-section.february .calendar-icon {
  height: 14px;
  width: 14px
}
.giveaway-optOut-section.february .coupon {
  height: auto;
  max-width: 90px;
  min-width: 90px;
  padding: 0;
  position: absolute;
  right: -25px;
  top: 50%;
  transform: translateY(-50%);
  width: 100%
}
@media only screen and (min-width: 23em) {
  .giveaway-optOut-section.february .coupon {
    right:0
  }}
@media only screen and (min-width: 48em) {
  .giveaway-optOut-section.february .coupon {
    position:relative
  }}
@media only screen and (min-width: 64em) {
  .giveaway-optOut-section.february .coupon {
    max-width:150px;
    position: absolute
  }}
.giveaway-optOut-section.february .information-title {
  font-weight: 700
}
.giveaway-optOut-section.february .information-title,.giveaway-optOut-section.february .text {
  color: #66008a;
  font-size: 1rem;
  text-shadow: 0 1px 0 rgba(0,0,0,.2)
}
.giveaway-optOut-section.february .actions {
  align-items: center;
  display: flex;
  flex-direction: row;
  gap: 2rem;
  justify-content: center;
  width: 100%
}
@media only screen and (min-width: 35.5em) {
  .giveaway-optOut-section.february .actions {
    width:none
  }}
@media only screen and (min-width: 64em) {
  .giveaway-optOut-section.february .actions {
    justify-content:flex-end
  }}
.giveaway-optOut-section.february .hint {
  color: #7900a3;
  display: none;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5;
  text-align: center;
  text-shadow: 0 1px 0 rgba(0,0,0,.2)
}
@media only screen and (min-width: 48em) {
  .giveaway-optOut-section.february .hint {
    display:block;
    white-space: nowrap
  }}
@media only screen and (min-width: 48em) and (max-width:53em) {
  .giveaway-optOut-section.february .hint {
    display:none
  }}
.giveaway-optOut-section.february .cta {
  background: #7900a3;
  border-radius: 34px;
  color: #fff!important;
  font-size: 1rem;
  font-weight: 700;
  padding: 10px 30px;
  text-align: center;
  text-decoration: none;
  text-shadow: 0 1px 0 rgba(0,0,0,.2);
  text-transform: uppercase;
  width: 100%
}
@media only screen and (min-width: 48em) {
  .giveaway-optOut-section.february .cta {
    max-width:300px
  }}
.giveaway__wrapper {
  display: grid;
  justify-items: center;
  margin: auto;
  max-width: 1650px;
  width: 100%
}
[data-theme=dark] .giveaway__wrapper {
  display: none
}
a.giveaway-prompt.may {
  align-items: center;
  background-color: #fff;
  border: 1px solid rgba(0,0,0,.05);
  border-radius: 6px;
  box-shadow: 0 1px 1px 0 rgba(0,0,0,.15);
  display: grid;
  gap: .5rem;
  max-width: 1024px;
  padding: 1rem;
  -webkit-user-select: none;
  user-select: none;
  width: 100%
}
a.giveaway-prompt.may:hover {
  background-color: #f7fafc;
  text-decoration-line: none!important
}
@media only screen and (min-width: 48em) {
  a.giveaway-prompt.may {
    grid-auto-flow:column
  }}
a.giveaway-prompt.may .information-section {
  align-items: center;
  display: grid;
  gap: .8rem
}
@media only screen and (min-width: 35.5em) {
  a.giveaway-prompt.may .information-section {
    gap:1rem
  }}
a.giveaway-prompt.may .information-giveaway {
  display: grid
}
a.giveaway-prompt.may .information-text {
  align-items: center;
  display: grid;
  gap: .8rem;
  grid-template-columns: auto minmax(0,1fr)
}
a.giveaway-prompt.may .information-text img {
  filter: drop-shadow(1px 1px 2px rgba(0,0,0,.25))
}
a.giveaway-prompt.may .information-title {
  color: #766300;
  font-size: .875rem;
  font-weight: 700
}
a.giveaway-prompt.may .text {
  color: #766300;
  font-size: 1rem;
  line-height: 1.3
}
a.giveaway-prompt.may .cta {
  align-items: baseline;
  color: #5b67af;
  display: flex;
  gap: .3rem
}
a.giveaway-prompt.may .actions {
  color: #5b67af;
  display: grid;
  justify-content: end
}
a.giveaway-prompt.may .participations-text {
  align-items: center;
  color: #666;
  display: flex;
  font-size: .9375rem;
  font-style: normal;
  font-weight: 500;
  gap: .5rem;
  justify-content: end;
  line-height: 100%
}
a.giveaway-prompt.may .participations-text span {
  align-items: center;
  background: #f1f0f5;
  border-radius: 1.875rem;
  display: flex;
  gap: .625rem;
  justify-content: center;
  padding: .2rem .5rem
}
.giveaway-optOut-section.may {
  align-items: center;
  background-color: #f9f8e2;
  border-radius: 6px;
  box-shadow: 0 1px 1px 0 rgba(0,0,0,.15);
  cursor: pointer;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  justify-content: center;
  max-width: 100%;
  overflow: hidden;
  padding: .8rem;
  white-space: nowrap
}
.giveaway-optOut-section.may img {
  filter: drop-shadow(1px 1px 2px rgba(0,0,0,.25))
}
.giveaway-optOut-section.may:hover {
  background-color: #f7f5d6;
  text-decoration: none!important
}
.giveaway-optOut-section.may:hover .cta {
  background: #a4901d;
  white-space: nowrap
}
@media only screen and (min-width: 48em) {
  .giveaway-optOut-section.may {
    flex-direction:row;
    justify-content: space-between
  }}
.giveaway-optOut-section.may .information-section {
  align-items: center;
  display: flex;
  gap: 1rem
}
.giveaway-optOut-section.may .calendar-icon {
  height: 14px;
  width: 14px
}
.giveaway-optOut-section.may .coupon {
  height: auto;
  max-width: 90px;
  min-width: 90px;
  padding: 0;
  position: absolute;
  right: -25px;
  top: 50%;
  transform: translateY(-50%);
  width: 100%
}
@media only screen and (min-width: 23em) {
  .giveaway-optOut-section.may .coupon {
    right:0
  }}
@media only screen and (min-width: 48em) {
  .giveaway-optOut-section.may .coupon {
    position:relative
  }}
@media only screen and (min-width: 64em) {
  .giveaway-optOut-section.may .coupon {
    max-width:150px;
    position: absolute
  }}
.giveaway-optOut-section.may .information-title {
  font-weight: 700
}
.giveaway-optOut-section.may .information-title,.giveaway-optOut-section.may .text {
  color: #766300;
  font-size: 1rem;
  text-shadow: 0 1px 0 rgba(0,0,0,.2)
}
.giveaway-optOut-section.may .actions {
  align-items: center;
  display: flex;
  flex-direction: row;
  gap: 2rem;
  justify-content: center;
  width: 100%
}
@media only screen and (min-width: 35.5em) {
  .giveaway-optOut-section.may .actions {
    width:none
  }}
@media only screen and (min-width: 64em) {
  .giveaway-optOut-section.may .actions {
    justify-content:flex-end
  }}
.giveaway-optOut-section.may .hint {
  color: #766300;
  display: none;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5;
  text-align: center;
  text-shadow: 0 1px 0 rgba(0,0,0,.2)
}
@media only screen and (min-width: 48em) {
  .giveaway-optOut-section.may .hint {
    display:block;
    white-space: nowrap
  }}
@media only screen and (min-width: 48em) and (max-width:53em) {
  .giveaway-optOut-section.may .hint {
    display:none
  }}
.giveaway-optOut-section.may .cta {
  background: #a4901d;
  border-radius: 34px;
  color: #fff!important;
  font-size: 1rem;
  font-weight: 700;
  padding: 10px 30px;
  text-align: center;
  text-decoration: none;
  text-shadow: 0 1px 0 rgba(0,0,0,.2);
  text-transform: uppercase;
  width: 100%
}
@media only screen and (min-width: 48em) {
  .giveaway-optOut-section.may .cta {
    max-width:300px
  }}
.orders__placeholder[data-intersected]:empty {
  display: contents
}
.h-visual-grid__placeholder {
  gap: 1.5rem;
  max-width: 100%;
  min-width: 0
}
.h-celebrate {
  color: var(--colors-themed-body-color-lighter);
  display: grid;
  font-size: 1.05rem;
  gap: .75rem;
  place-items: center;
  -webkit-font-smoothing: antialiased;
  line-height: 1.4;
  text-align: center
}
@media only screen and (min-width: 48em) {
  .h-celebrate {
    grid-template-columns:max-content auto auto;
    justify-content: center;
    margin: -1rem 0
  }}
@media only screen and (min-width: 80em) {
  .h-celebrate {
    font-size:1.1rem;
    margin: -1.5rem 0
  }}
@media only screen and (min-width: 120em) {
  .h-celebrate {
    font-size:1.15rem;
    margin: -1.75rem 0
  }}
.h-celebrate__label a {
  color: var(--colors-themed-body-color);
  font-weight: 500
}
.h-celebrate .button {
  white-spae: nowrap;
  align-items: center;
  border-radius: 8px;
  display: grid;
  grid-template-columns: auto auto;
  padding: .8rem 1.2rem
}
.h-celebrate .button .icon {
  color: #ec1639;
  height: 22px;
  width: 22px
}
.h-celebrate__avatars {
  display: grid;
  grid-auto-flow: column;
  position: relative
}
.h-celebrate__avatars img {
  border-radius: 100%;
  display: block;
  overflow: hidden
}
.h-celebrate__avatar {
  border: 2px solid transparent;
  border-radius: 100%
}
.h-celebrate__avatar:nth-child(n+2) {
  border: 2px solid var(--colors-themed-body-bg);
  left: calc(-50% + 4px);
  position: relative
}
.h-celebrate__avatar:nth-child(3) {
  left: calc(-100% + 4px)
}
.h-celebrate__avatar:nth-child(4) {
  left: calc(-150% + 4px)
}
.h-button--more-mobile {
  align-items: center;
  border-radius: 8px;
  display: flex;
  font-size: 1rem;
  font-variant-numeric: tabular-nums;
  font-weight: 500;
  justify-content: center;
  margin-top: .75rem;
  padding-bottom: 1.1em;
  padding-top: 1.1em;
  position: relative;
  width: 100%;
  z-index: 1
}
.h-button--more-mobile .icon {
  margin-left: .5rem
}
@media only screen and (min-width: 23em) {
  .h-button--more-mobile {
    font-size:1.05rem
  }}
@media only screen and (min-width: 48em) {
  .h-button--more-mobile {
    display:none
  }}
.h-header {
  align-items: center;
  display: grid;
  gap: .25rem;
  grid-auto-columns: auto;
  grid-auto-flow: column;
  grid-template-columns: 1fr;
  justify-content: space-between;
  margin-bottom: 1rem
}
@media only screen and (min-width: 64em) {
  .h-header {
    margin-bottom:1.25rem
  }}
@media only screen and (min-width: 120em) {
  .h-header {
    margin-bottom:1.5rem
  }}
.h-header__hgroup {
  display: grid;
  gap: .22rem;
  -webkit-font-smoothing: antialiased
}
@media only screen and (min-width: 80em) {
  .h-header__hgroup {
    gap:.22rem
  }}
@media only screen and (min-width: 120em) {
  .h-header__hgroup {
    gap:.25rem
  }}
.h-header__more-wrapper {
  align-items: center;
  display: grid;
  gap: 1rem;
  grid-auto-flow: column
}
.h-header__more {
  align-items: center;
  border: 1px solid #ddd;
  border-radius: 8px;
  color: inherit;
  color: var(--colors-themed-body-color-lighter);
  cursor: pointer;
  display: grid;
  gap: .5rem;
  grid-template-columns: 1fr auto;
  padding: .7rem .75rem;
  text-decoration: none!important;
  -webkit-user-select: none;
  user-select: none
}
[data-theme=dark] .h-header__more {
  border-color: hsla(0,0%,100%,.15)
}
.h-header__more .icon {
  height: 10px;
  width: 10px
}
.h-header__brand img {
  height: auto;
  max-height: 40px;
  width: auto
}
[data-theme=dark] .h-header__brand {
  background-color: #fff;
  border-radius: .5rem;
  padding: .5rem
}
@media only screen and (max-width: 47.99em) {
  .h-header__brand {
    display:none
  }}
.h-pulse {
  display: block;
  font-size: 0;
  height: 10px;
  left: -1px;
  margin-right: .5rem;
  overflow: visible!important;
  pointer-events: none;
  position: relative;
  top: -1px;
  -webkit-user-select: none;
  user-select: none;
  width: 10px
}
.h-pulse:before {
  animation: h-pulse 1.6s infinite;
  border-radius: 100%;
  height: 10px;
  left: calc(50% - 4px);
  top: calc(50% - 4px);
  transform-origin: 50% 50%;
  width: 10px;
  z-index: 1
}
.h-pulse:after,.h-pulse:before {
  background: #ff183e;
  content: "";
  display: block;
  position: absolute
}
.h-pulse:after {
  border: 2px solid #ff183e;
  border-radius: 100%;
  height: 5px;
  left: 2px;
  top: 2px;
  width: 5px;
  z-index: 2
}
@keyframes h-pulse {
  0% {
    opacity: .98;
    transform: scale(.5)
  }
  to {
    opacity: 0;
    transform: scale(3)
  }}
#page-home .scroll__content,#page-home [data-scroll] {
  padding-bottom: 6px
}
.glossary__search {
  margin: auto;
  max-width: 100%;
  text-align: center;
  width: 600px
}
.glossary__search p {
  color: var(--colors-themed-body-color-light);
  font-size: 1.1rem
}
.glossary__search h1 {
  font-size: 2.6rem;
  font-weight: 900;
  margin: 0 0 .5rem
}
.glossary__search input {
  margin-top: 2rem;
  width: 100%
}
.glossary__popular {
  margin-top: 2rem;
  text-align: center
}
.glossary__popular li,.glossary__popular ol {
  list-style-type: none;
  margin: 0;
  padding: 0
}
.glossary__popular li {
  margin: .5rem 0
}
.glossary__term {
  margin: auto;
  max-width: 100%;
  width: 750px
}
.glossary__term h1 {
  font-weight: 900
}
.glossary__term-body {
  font-size: 1.1rem;
  line-height: 1.5;
  margin-top: 2rem
}
.glossary__term-body p {
  margin: 1.2rem 0
}
.glossary__term-body h3 {
  font-weight: 700
}
.glossary__term-body li {
  margin: .5rem 0
}
.glossary__term-categories {
  margin: 2rem 0
}
.glossary__term-categories h2 {
  font-size: 1.2rem;
  font-weight: 500;
  margin: 0 0 .5rem
}
@media only screen and (min-width: 48em) {
  .glossary__term-categories {
    border-top:1px solid var(--colors-themed-separator-light);
    padding-top: 1rem
  }}
.simple-rating {
  align-items: center;
  display: inline-flex;
  line-height: 1;
  position: relative;
  -webkit-user-select: none;
  user-select: none
}
.simple-rating svg {
  pointer-events: none
}
.simple-rating__inner {
  align-items: center;
  display: inline-flex;
  position: relative!important
}
.simple-rating .icon {
  color: var(--colors-themed-26442132)
}
:root {
  --colors-themed-26442132: #dde2e6
}
[data-theme=dark] {
  --colors-themed-26442132: #666
}
.simple-rating__avg {
  color: var(--colors-themed-body-color-lightest);
  margin-left: .5rem
}
.simple-rating__total {
  color: #767676;
  font-size: .95rem;
  margin-left: .25rem
}
.simple-rating__stars {
  align-items: center;
  display: inline-flex;
  position: relative
}
.simple-rating .simple-rating__rated {
  bottom: 0;
  left: 0;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0
}
.simple-rating .simple-rating__rated .icon {
  color: #ff9c13;
  max-width: inherit!important;
  transform: none
}
.simple-rating__new {
  border-bottom: 1px dotted;
  color: var(--colors-themed-body-color-lighter)!important;
  margin-left: 1rem
}
.simple-rating__new,html.no-touch .simple-rating--with-link .simple-rating__inner:hover {
  text-decoration: none!important
}
html.no-touch .simple-rating--with-link .simple-rating__inner:hover .simple-rating__total {
  color: var(--colors-themed-body-color)
}
.p__actions {
  display: grid;
  gap: 4px;
  max-width: 30px;
  position: absolute;
  right: .25em;
  top: .25em;
  -webkit-user-select: none;
  user-select: none;
  z-index: 2
}
.p__actions svg {
  pointer-events: none
}
.p__action {
  cursor: pointer;
  display: grid;
  justify-content: center;
  place-items: center;
  align-items: center;
  background: hsla(0,0%,100%,.95);
  border-radius: 30px;
  color: #666;
  min-width: 30px;
  padding: .8em 0;
  position: relative;
  touch-action: manipulation;
  transition: all .25s ease-in-out;
  width: auto
}
@media (hover: hover) {
  [data-theme=default] .p__action {
    opacity:.6
  }
  [data-theme=default] .p__action svg {
    color: #000
  }
  [data-theme=default] .p__action:hover {
    opacity: 1
  }
  [data-theme=default] .p__action:hover svg {
    color: #ec1639
  }}
.p__action svg {
  flex: none;
  height: 18px;
  margin: 0
}
.p__action:before {
  background-color: red;
  content: "";
  height: calc(100% + 2px);
  left: 50%;
  opacity: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%) translateX(-50%);
  width: calc(100% + 18px)
}
.touch .p__action {
  background: hsla(0,0%,100%,.97)
}
.touch .p__action:before {
  height: calc(100% + 5px);
  width: calc(100% + 5px)
}
.p__action.p__action.p__action--active {
  background-color: rgba(236,22,57,.2);
  color: #ec1639;
  opacity: 1
}
.p__action.p__action.p__action--active svg {
  color: inherit
}
.p__action.p__action--open svg {
  color: #ec1639
}
.p--fill .p__actions,.p--fit .p__actions {
  right: .5em;
  top: .5em
}
.p--fill .p__action,.p--fit .p__action {
  background: hsla(0,0%,92%,.9)
}
[data-theme=dark] .p--fill .p__action,[data-theme=dark] .p--fit .p__action {
  background: #fff
}
.p--adult {
  overflow: hidden;
  position: relative
}
.p--adult .p__cover {
  opacity: 0
}
.p__adult {
  background: hsla(0,0%,100%,.98);
  color: #444;
  display: grid;
  gap: .5em;
  grid-auto-rows: min-content;
  inset: 0;
  padding: 1.5em;
  place-content: center;
  place-items: center;
  position: absolute;
  text-align: center;
  -webkit-user-select: none;
  user-select: none;
  z-index: 2
}
[data-theme=dark] .p__adult {
  background: #26282c;
  color: #f7fafc
}
@supports ((-webkit-backdrop-filter: blur()) or (backdrop-filter:blur())) {
  .p__adult {
    -webkit-backdrop-filter:blur(20px) grayscale(20%);
    backdrop-filter: blur(20px) grayscale(20%);
    background: hsla(0,0%,100%,.9)
  }}
.p__adult button {
  border-radius: 6px;
  color: inherit;
  font-size: .95em;
  padding: .8em
}
.p__bpc {
  background-color: #fff;
  border: 1px solid hsla(0,0%,39%,.15);
  border-radius: 5px;
  color: #333!important;
  font-size: .9em;
  opacity: 0;
  padding: .5em;
  position: absolute;
  right: 3em;
  top: .5em;
  transition: .25s ease-in-out;
  transition-delay: .2s;
  -webkit-user-select: none;
  user-select: none;
  z-index: 10010
}
.p__bpc>* {
  pointer-events: none
}
@media only screen and (max-width: 47.99em) {
  .p__bpc {
    display:none
  }}
.p:hover .p__bpc {
  opacity: .8
}
.content {
  display: grid;
  font-size: 1.05rem;
  gap: .25rem
}
@media only screen and (min-width: 48em) {
  .content {
    font-size:1.05rem;
    gap: .25rem
  }}
.content p,.content ul {
  line-height: 1.5
}
.content ul {
  display: grid;
  gap: 1rem;
  margin: 0;
  padding: 0
}
@media only screen and (min-width: 23em) {
  .content ul {
    padding:.5rem
  }}
@media only screen and (min-width: 25.8em) {
  .content ul {
    padding:1rem
  }}
@media only screen and (min-width: 48em) {
  .content ul {
    padding:1.25rem
  }}
@media only screen and (min-width: 64em) {
  .content ul {
    padding:1.5rem
  }}
@media only screen and (min-width: 80em) {
  .content ul {
    padding:2rem
  }}
.content :global(.button) {
  background: #111;
  border: 0;
  box-shadow: 0;
  color: #fff;
  margin-top: 1rem;
  padding-bottom: 1.25rem;
  padding-top: 1.25rem
}
@media only screen and (min-width: 23em) {
  .content :global(.button):before {
    content:"Όλες οι "
  }}
@media only screen and (min-width: 64em) {
  .content :global(.button):before {
    content:"Δες όλες τις "
  }}
.code {
  background: rgba(0,0,0,.03);
  border: 1px solid var(--colors-themed-separator-light);
  border-radius: .25rem;
  display: block;
  font-family: SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;
  font-size: .95rem;
  margin-top: .75rem;
  padding: .75rem;
  -webkit-user-select: none;
  user-select: none
}
.trigger {
  color: inherit;
  cursor: pointer;
  text-decoration: underline;
  text-underline-offset: 3px
}
.title {
  align-items: center;
  display: grid;
  gap: .7rem;
  grid-auto-flow: column;
  justify-content: start
}
.title svg {
  height: 24px;
  width: 24px
}
.content ul li {
  align-items: baseline;
  animation: badge-black-deal-enter .5s ease-in-out;
  animation-fill-mode: forwards;
  display: grid;
  gap: .5rem;
  grid-auto-flow: column;
  grid-template-columns: auto 1fr;
  list-style-type: none;
  margin: 0;
  opacity: 0;
  padding: 0;
  transform: translateY(10px)
}
@media only screen and (min-width: 64em) {
  .content ul li {
    gap:1rem
  }}
.content ul li:first-child {
  animation-delay: 0s
}
.content ul li:nth-child(2) {
  animation-delay: .15s
}
.content ul li:nth-child(3) {
  animation-delay: .3s
}
.content ul li:nth-child(4) {
  animation-delay: .45s
}
.content ul li:nth-child(5) {
  animation-delay: .6s
}
.content ul li:nth-child(6) {
  animation-delay: .75s
}
.content ul li:nth-child(7) {
  animation-delay: .9s
}
.content ul li:nth-child(8) {
  animation-delay: 1.05s
}
.content ul li:nth-child(9) {
  animation-delay: 1.2s
}
.content ul li:nth-child(10) {
  animation-delay: 1.35s
}
@keyframes badge-black-deal-enter {
  to {
    opacity: 1;
    transform: none
  }}
.infoPopup {
  line-height: 1.4;
  max-width: 240px
}
.infoPopup strong {
  font-weight: 500
}
.cta {
  cursor: pointer;
  text-decoration: underline;
  text-underline-offset: 3px;
  -webkit-user-select: none;
  user-select: none
}
.modal :global(.popup-body) {
  border-top: 10px solid #111!important;
  border-top-left-radius: 0!important;
  border-top-right-radius: 0!important;
  width: 36rem!important
}
@media only screen and (min-width: 120em) {
  .modal :global(.popup-body) {
    padding:3.25rem!important
  }}
.drop.drop {
  font-variant-numeric: tabular-nums
}
.drop.drop svg {
  display: none
}
.drop.drop--10 {
  background: #fbe6ea;
  color: #664c50;
  fill: #fbe6ea
}
.drop.drop--20 {
  background: #ef8493;
  color: #fff;
  fill: #ef8493
}
.drop.drop--30 {
  background: #ea4252;
  color: #fff;
  fill: #ea4252
}
.drop.drop--40 {
  background: #bb2d37;
  color: #fff;
  fill: #bb2d37
}
.badge-drop,.product__drop {
  align-items: center;
  border-radius: 2px;
  cursor: pointer;
  display: inline-flex;
  font-size: .77em;
  font-variant-numeric: tabular-nums;
  font-weight: 700;
  letter-spacing: .5px;
  line-height: 1;
  margin: 0 0 0 .4rem;
  padding: .55em .4em;
  -webkit-user-select: none;
  user-select: none
}
button.product__drop-history.button--empty {
  align-items: center;
  align-self: flex-start;
  color: var(--colors-themed-body-color-light);
  display: none;
  font-size: $productSmallFontSizeMobile;
  margin: 1rem 0 .5rem;
  padding: 0;
  width: auto
}
button.product__drop-history.button--empty svg {
  margin-right: .25rem;
  pointer-events: none
}
html.no-touch button.product__drop-history.button--empty:hover {
  color: #555!important
}
.product--has-drop {
  position: relative
}
@media only screen and (min-width: 23em) {
  .badge-drop,.product__drop {
    font-size:.88em;
    font-weight: 500;
    padding: .6em .4em
  }}
@media only screen and (min-width: 48em) {
  button.product__drop-history.button--empty {
    display:inline-flex;
    font-size: $productSmallFontSize
  }}
@media only screen and (min-width: 64em) {
  .drop {
    font-weight:500
  }}
@media only screen and (min-width: 120em) {
  .drop {
    font-weight:700
  }}
.p__badge--deal-black-wrapper {
  align-self: stretch;
  border-left: 1px solid #fff;
  cursor: pointer;
  display: grid;
  pointer-events: auto
}
.p__badge--deal-black-wrapper:not(:only-child) .p__badge--deal-black {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0
}
.p__badge.p__badge--deal-black {
  background: #1f282b;
  cursor: pointer;
  max-width: 100%;
  min-width: 0;
  overflow: hidden;
  padding-bottom: 0;
  padding-top: 0;
  pointer-events: auto;
  text-overflow: ellipsis;
  transition: background 225ms ease-in-out;
  white-space: nowrap
}
.p__badge.p__badge--deal-black svg {
  height: 18px;
  pointer-events: none;
  width: 18px
}
.no-touch .p__badge.p__badge--deal-black:hover {
  background: #000;
  text-decoration: underline;
  text-underline-offset: 2px
}
@media only screen and (min-width: 35.5em) {
  .p__badge.p__badge--deal-black:after {
    content:"Black"
  }}
.item-badges .p__badge.p__badge--deal-black:after {
  content: "Black"
}
@media only screen and (min-width: 23em) {
  .p:not(:has(.p__actions)) .p__badge.p__badge--deal-black:after {
    content:"Black"
  }}
.p__badges {
  display: grid;
  font-weight: 500;
  gap: 2px;
  justify-items: start;
  left: 10px;
  min-width: 0;
  position: absolute;
  top: 10px;
  -webkit-user-select: none;
  user-select: none
}
@media only screen and (min-width: 48em) {
  .p__badges {
    gap:4px
  }}
@media only screen and (min-width: 64em) {
  .p__badges {
    gap:5px
  }}
.p__badge {
  align-items: center;
  background: #000;
  border-radius: 6px;
  color: #fff;
  display: grid;
  font-size: .91em;
  font-variant-numeric: tabular-nums;
  font-weight: 500;
  gap: .25em;
  grid-auto-flow: column;
  padding: .65em .7em;
  pointer-events: none
}
.p__badge .icon {
  height: 14px;
  width: 14px
}
@media only screen and (min-width: 64em) {
  .p__badge {
    font-size:.93em
  }}
@media only screen and (min-width: 80em) {
  .p__badge {
    font-size:.95em
  }}
@media only screen and (min-width: 120em) {
  .p__badge {
    font-size:.98em
  }}
.p__badge--new {
  background: #e6deff;
  color: #333
}
.p__badge--hot {
  background: #ffcfcf;
  color: #444
}
.p__badge--sales {
  background: #d3f9d8;
  color: #06590d
}
[data-theme=dark] .p__badge--sales {
  color: #000
}
.p__badge--drop-since {
  align-items: center;
  background-color: #e1f2ed;
  color: #198967;
  display: grid;
  font-weight: 500;
  gap: .5em;
  grid-auto-flow: column
}
.p__badge--drop-since svg {
  display: none
}
@media only screen and (min-width: 80em) {
  .p__badge--drop-since svg {
    display:inline
  }}
.p__badges-drop {
  align-items: center;
  display: grid;
  grid-auto-flow: column;
  justify-content: start;
  min-width: 0
}
.p__badge--drop:not(:only-child) {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0
}
@media only screen and (max-width: 47.99em) {
  .p_badge:nth-child(n+2) {
    display:none
  }}
@media only screen and (min-width: 48em) {
  .p_badge:nth-child(1n+3) {
    display:none
  }}
.p__dots {
  display: grid;
  grid-auto-flow: column;
  inset: auto 1em 1em 1em;
  position: absolute;
  right: 1em;
  grid-gap: .5em;
  justify-content: center;
  pointer-events: none;
  -webkit-user-select: none;
  user-select: none;
  z-index: 20
}
.p__dot {
  background-color: #c3c4c7;
  border-radius: 100%;
  height: 6px;
  overflow: hidden;
  transform: scale(1);
  transition: all .3s ease-in-out;
  width: 6px
}
.p__dot--current {
  background-color: #ec1639;
  transform: scale(1.4)
}
[data-theme=dark] .p__dot:not([data-theme=dark] .p__dot--current) {
  background-color: #444
}
.p__slides {
  background-color: inherit;
  display: flex;
  flex-wrap: nowrap;
  height: 100%;
  width: 100%
}
.p__slides,.p__slides .scroll__scroller {
  scroll-snap-stop:always;scroll-snap-type: x mandatory
}
.p__slide {
  background-color: inherit;
  display: grid;
  flex: none;
  padding: 0!important;
  place-items: center;
  pointer-events: none;
  scroll-snap-align: center;
  width: 100%
}
.p__slide,.p__slide:last-child {
  margin-right: 0
}
.p__slide img {
  width: 100%
}
.p__cover .scroll__arrow {
  box-shadow: none;
  display: grid;
  height: 34px;
  opacity: 0;
  place-items: center;
  pointer-events: auto!important;
  width: 34px
}
.p__cover .scroll__arrow svg {
  height: 10px;
  width: 10px
}
@media (hover: hover) {
  .p:hover .p__cover .scroll__arrow {
    opacity:.8;
    pointer-events: auto
  }
  .p:hover .p__cover .scroll__arrow:disabled {
    opacity: .2!important
  }}
.p--fill .p__cover .scroll__arrow--next,.p--fit .p__cover .scroll__arrow--next {
  right: 5px!important
}
.p--fill .p__cover .scroll__arrow--previous,.p--fit .p__cover .scroll__arrow--previous {
  left: 5px!important
}
.p.p--fill .p__cover {
  padding: 0
}
.p--fill .p__cover img {
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  object-fit: cover;
  overflow: hidden
}
.p.p--fit .p__cover {
  padding: 0!important
}
.p.p--fit .p__cover img {
  max-height: 370px;
  max-width: 330px
}
@media only screen and (min-width: 1520px) {
  .p.p--fit .p__cover img {
    max-height:420px;
    max-width: 370px
  }}
@media only screen and (max-width: 47.99em) {
  .p.p--fit .p__cover {
    padding:.5rem
  }}
@media only screen and (min-width: 25.8em) and (max-width:35.5em) {
  .p.p--fit .p__cover {
    padding:.75rem
  }}
@container product (max-width:200px) {
  .p.p--fit .p__cover {
    padding: .75rem
  }}
.p-fill .p__cover {
  object-fit: contain
}
.p.p--fill,.p.p--fit {
  border: 0;
  box-shadow: 0 1px 10px rgba(0,0,0,.015)
}
.p.p--fill .p__cover,.p.p--fill .p__slide,.p.p--fit .p__cover,.p.p--fit .p__slide {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0
}
.p.p--fill .p__cover:after,.p.p--fill .p__slide:after,.p.p--fit .p__cover:after,.p.p--fit .p__slide:after {
  background-color: #000;
  content: "";
  height: 100%;
  opacity: .018;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 100%
}
.p.p--fill .p__cover img,.p.p--fill .p__slide img,.p.p--fit .p__cover img,.p.p--fit .p__slide img {
  isolation: isolate
}
@media (hover: hover) {
  .p.p--fill:hover,.p.p--fit:hover {
    border:0;
    box-shadow: 0 1px 10px rgba(0,0,0,.015)
  }
  [data-theme=dark] .p.p--fill:hover,[data-theme=dark] .p.p--fit:hover {
    box-shadow: none
  }}
.p__cover {
  background-color: #fff;
  border-radius: 8px;
  border-radius: 8px 8px 0 0;
  display: grid;
  height: 100%;
  max-width: 100%;
  place-items: center;
  position: relative;
  -webkit-user-select: none;
  user-select: none
}
[data-theme=default] .p__cover {
  padding-bottom: 0
}
.p__cover img,.p__cover picture {
  display: block;
  width: 100%
}
.p__cover img {
  aspect-ratio: 1/1;
  background: 0 0;
  height: auto;
  max-width: 100%;
  object-fit: contain
}
.p--portrait .p__cover img,.p--portrait.p--fill .p__cover,.p--portrait.p--fit .p__cover {
  aspect-ratio: 540/720
}
.p--book:not(.p--force-ratio).p--portrait .p__cover img,.p--book:not(.p--force-ratio).p--portrait.p--fill .p__cover,.p--book:not(.p--force-ratio).p--portrait.p--fit .p__cover {
  aspect-ratio: 500/800
}
.p--landscape .p__cover img,.p--landscape.p--fill .p__cover img,.p--landscape.p--fit .p__cover img {
  aspect-ratio: 720/540
}
.p.p--top-padding .p__cover img {
  margin-top: 26px
}
@media only screen and (min-width: 80em) {
  .p.p--top-padding .p__cover img {
    margin-top:30px
  }}
@media only screen and (min-width: 120em) {
  .p.p--top-padding .p__cover img {
    margin-top:35px
  }}
.p.p.p--fit.p--top-padding .p__cover img {
  margin-top: 0
}
.p__footer {
  align-content: end;
  display: grid;
  gap: .225em;
  max-width: 100%
}
@media only screen and (min-width: 80em) {
  .p__footer {
    gap:.3em
  }}
.p--deal .p__footer {
  overflow-x: hidden
}
.p__rating {
  align-items: center;
  display: flex;
  gap: .5rem;
  margin-bottom: 1em;
  min-height: 14px
}
.p__rating .simple-rating {
  height: 16px
}
.p__rating .p__rating-arrow {
  margin-right: -8px;
  opacity: 0;
  pointer-events: none;
  transition: opacity .3s ease-in-out;
  transition-delay: .15s
}
@media only screen and (max-width: 47.99em) {
  .p__rating .p__rating-arrow {
    display:none
  }}
.p__rating .simple-rating__total {
  display: none
}
@media only screen and (min-width: 23em) {
  .p__rating .simple-rating__total {
    display:block
  }}
.touch .p__rating .p__rating {
  pointer-events: none
}
.touch .p__rating .p__rating-arrow {
  display: none
}
.p__rating-link {
  align-items: center;
  display: flex;
  gap: .5rem
}
.p__rating-link>* {
  pointer-events: none
}
@media (hover: hover) {
  .p:hover .p__rating-arrow {
    opacity:.45
  }}
.p__price-merchants {
  display: grid;
  gap: .35em
}
@media only screen and (min-width: 80em) {
  .p__price-merchants {
    gap:.45rem
  }}
.p__price {
  align-items: center;
  display: grid;
  font-variant-numeric: tabular-nums;
  gap: .75rem;
  grid-auto-columns: auto;
  grid-auto-flow: column;
  grid-template-columns: max-content;
  -webkit-user-select: none;
  user-select: none
}
@media only screen and (min-width: 64em) {
  .p__price {
    gap:.8rem
  }}
@media only screen and (min-width: 80em) {
  .p__price {
    gap:.85rem
  }}
.p__price--current {
  font-size: 1.1em;
  font-weight: 700
}
@media only screen and (min-width: 64em) {
  .p__price--current {
    font-size:1.15em
  }}
@media only screen and (min-width: 80em) {
  .p__price--current {
    font-size:1.18em
  }}
@media only screen and (min-width: 120em) {
  .p__price--current {
    font-size:1.2em
  }}
.p--deal .p__price--current {
  color: #d41433
}
[data-theme=dark] .p--deal .p__price--current {
  color: #f03e3e
}
.p__price--before {
  max-width: 100%;
  text-decoration: line-through;
  text-overflow: ellipsis;
  -webkit-font-smoothing: antialiased;
  overflow: hidden
}
.p__price--before,[data-theme=dark] .p__price--before {
  color: var(--colors-themed-body-color-lightest)
}
.p__price--unit {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis
}
.p__notice,.p__price--unit {
  color: var(--colors-themed-body-color-lighter)
}
.p__notice {
  padding-bottom: .5rem
}
.p__availability,.p__merchant,.p__merchants {
  color: var(--colors-themed-body-color-lightest);
  font-size: .95em;
  font-variant-numeric: tabular-nums;
  max-width: 100%;
  min-width: 0;
  overflow: height;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-user-select: none;
  user-select: none;
  white-space: nowrap
}
@media only screen and (min-width: 25.8em) {
  .p__availability,.p__merchant,.p__merchants {
    font-size:1rem
  }}
@media only screen and (min-width: 80em) {
  .p__availability,.p__merchant,.p__merchants {
    font-size:1.025rem
  }}
@media only screen and (min-width: 120em) {
  .p__availability,.p__merchant,.p__merchants {
    font-size:1.03rem
  }}
@media only screen and (min-width: 48em) {
  .p__merchants:before {
    content:"Σε "
  }}
.p__merchant {
  display: flex;
  gap: .25rem;
  max-width: 100%;
  min-width: 0;
  white-space: nowrap;
  width: 100%
}
.p__merchant:before {
  content: "Στο "
}
.p__merchant a {
  align-items: center;
  align-items: baseline;
  color: inherit!important;
  display: inline-grid;
  gap: .25em;
  grid-auto-columns: auto;
  grid-auto-flow: column;
  max-width: 100%;
  min-width: 0
}
.p__merchant a .p__merchant-link {
  display: inline-flex;
  display: block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}
.p__merchant a .icon {
  align-self: center;
  height: 16px;
  pointer-events: none;
  width: 16px
}
.p__availability {
  color: var(--colors-themed-body-color-lightest);
  font-size: .95em;
  margin-top: .75em;
  overflow: hidden
}
.p__availability,.p__availability--in-stock {
  display: block;
  max-width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap
}
.p__availability--in-stock {
  align-items: center
}
@media only screen and (min-width: 25.8em) {
  .p__availability--in-stock {
    align-items:center;
    display: flex;
    gap: .5rem
  }}
.p__availability--in-stock:before {
  display: none
}
@media only screen and (min-width: 25.8em) {
  .p__availability--in-stock:before {
    background:#8ce99a;
    border-radius: 100%;
    content: "";
    display: block;
    height: 8px;
    width: 8px
  }}
.p__button-wrapper {
  display: none;
  margin-top: 1rem
}
@media only screen and (min-width: 23em) {
  .p__button-wrapper {
    display:grid;
    gap: .5rem;
    justify-items: stretch
  }}
.p__button.button {
  align-items: center;
  border-radius: 8px;
  color: #fff;
  color: #fff!important;
  display: grid;
  grid-auto-flow: column;
  justify-content: center;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  white-space: pre-wrap
}
@supports (contain: layout) {
  .p__button:before {
    content:"Στο "
  }}
@supports not (contain: layout) {
  .p__button:before {
    content:"Στο "
  }}
.p__button.p__button--deal:before {
  content: "";
  display: none
}
.p__button-wrapper .coupon,.p__button-wrapper .p__button.button {
  border-radius: 8px;
  font-size: .9em;
  height: 2.7rem;
  padding: 0 .5rem
}
.p__button-wrapper .coupon {
  padding-left: 1rem
}
.p__button-wrapper .coupon svg {
  height: 15px;
  width: 15px
}
.p__button-wrapper .coupon+.p__button {
  display: none
}
button.p__graph-button {
  align-items: center;
  border-radius: 8px;
  display: grid!important;
  font-size: .95em;
  gap: .15rem;
  grid-auto-flow: column;
  grid-template-columns: max-content auto;
  justify-content: center;
  margin-top: 1rem;
  overflow: hidden;
  padding-bottom: .85rem;
  padding-top: .85rem;
  text-overflow: ellipsis;
  white-space: nowrap
}
button.p__graph-button svg {
  color: #d41433;
  display: none
}
@media only screen and (min-width: 25.8em) {
  button.p__graph-button svg {
    display:block
  }}
.p__with-boxnow {
  color: var(--colors-themed-body-color-lightest);
  display: grid;
  grid-column: 2;
  grid-row: 1/3;
  justify-items: end;
  margin-left: auto;
  opacity: .75;
  -webkit-user-select: none;
  user-select: none
}
.p__with-boxnow svg {
  aspect-ratio: 27/20;
  display: block;
  height: 17px;
  width: auto
}
.pi {
  align-items: center;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 1px 4px 0 rgba(0,0,0,.05);
  color: inherit!important;
  display: grid;
  gap: 1rem;
  grid-template-columns: auto 1fr;
  overflow: hidden;
  padding: 1rem;
  position: relative;
  text-decoration: none!important;
  width: 100%
}
@media only screen and (min-width: 80em) {
  .pi {
    padding:1.25rem
  }}
[data-theme=dark] .pi {
  color: #1d1d1d!important
}
.pi__image {
  display: grid;
  place-items: center;
  -webkit-user-select: none;
  user-select: none
}
.pi__image img {
  aspect-ratio: 1/1;
  display: block;
  height: 50px;
  width: 50px
}
@media only screen and (min-width: 23em) {
  .pi__image img {
    height:55px;
    width: 55px
  }}
@media only screen and (min-width: 25.8em) {
  .pi__image img {
    height:60px;
    width: 60px
  }}
@media only screen and (min-width: 35.5em) {
  .pi__image img {
    height:65px;
    width: 65px
  }}
@media only screen and (min-width: 48em) {
  .pi__image img {
    height:70px;
    width: 70px
  }}
.pi__meta {
  display: grid;
  gap: .7rem
}
.pi__title {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  color: var(--colors-themed-body-color-lighter);
  font-size: .95rem;
  line-height: 1.3;
  margin: 0
}
[data-theme=dark] .pi__title {
  color: #444!important
}
@media only screen and (min-width: 80em) {
  .pi__title {
    font-size:1rem
  }}
.pi__price {
  display: grid;
  font-variant-numeric: tabular-nums;
  gap: .5rem;
  justify-content: start;
  justify-items: start;
  min-width: 0;
  -webkit-user-select: none;
  user-select: none
}
.pi__price--current {
  font-weight: 700
}
.pi__drop {
  align-items: center;
  color: #666;
  display: grid;
  font-size: .92em;
  font-weight: 400;
  gap: 0;
  gap: .35rem;
  grid-auto-flow: column;
  grid-template-columns: auto 1fr;
  margin: 0;
  padding: 0;
  -webkit-user-select: none;
  user-select: none
}
.pi__drop strong {
  background: #792f30;
  border-radius: 4px;
  color: #fff;
  display: grid;
  font-size: .9em;
  font-variant-numeric: tabular-nums;
  font-weight: inherit;
  padding: .35rem;
  place-items: center
}
.p__meta {
  display: grid;
  gap: 1em;
  grid-auto-rows: max-content
}
.p__category {
  color: var(--colors-themed-body-color-lightest);
  display: block;
  font-size: .95em;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}
.p__category.p__category:has(a) {
  padding-bottom: 2px
}
.p__category.p__category a {
  color: inherit!important;
  pointer-events: none;
  text-decoration: none!important
}
@media only screen and (min-width: 48em) {
  .p__category.p__category a {
    pointer-events:auto;
    text-decoration: underline!important;
    text-underline-offset: 4px
  }}
.p__title {
  font-size: 1.02em;
  font-weight: 500;
  line-height: 1.25;
  margin: 0;
  -webkit-font-smoothing: antialiased;
  word-break: break-word
}
@media only screen and (min-width: 64em) {
  .p__title {
    font-size:1.05em;
    line-height: 1.26
  }}
@media only screen and (min-width: 80em) {
  .p__title {
    font-size:1.08em;
    font-size: 1.1em;
    line-height: 1.32
  }}
@media only screen and (min-width: 120em) {
  .p__title {
    font-size:1.12em;
    line-height: 1.35
  }}
.p__title em {
  font-style: normal;
  text-decoration: underline
}
.p__title a:visited {
  color: #520893!important
}
[data-theme=dark] .p__title a:visited {
  color: #d3a7fb!important
}
.p__title a {
  line-height: inherit;
  position: relative
}
.p__title a:before {
  content: "";
  inset: 0;
  position: absolute;
  width: 100%
}
@supports (font-size: clamp(1rem,2vw,2rem)) {
  @media only screen and (min-width:80em) {
    .p__title {
      font-size:clamp(15px,1.1em,17px)
    }  }
  @media only screen and (min-width: 150em) {
    .p__title {
      font-size:clamp(15px,1.2em,16.2px)
    }  }}
html.no-touch .p__title a {
  text-decoration-thickness: 1px!important;
  text-underline-offset: 3px
}
html.no-touch .p__title a:hover {
  text-decoration: underline!important
}
:global() html.is-linux .p__title {
  font-weight: 400
}
@supports (text-decoration-thickness:1px) {
  .p__title em {
    text-decoration-thickness: 2px
  }}
.p__title--lines {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
  -webkit-box-orient: vertical
}
.p__title--lines-2 {
  -webkit-line-clamp: 2;
  min-height: 2.55em
}
.p__title--lines-3 {
  -webkit-line-clamp: 3;
  min-height: 3.55em
}
.p__title--lines-4 {
  -webkit-line-clamp: 4;
  min-height: 4.55em
}
@media only screen and (max-width: 47.99em) {
  .p__title--lines-2 {
    -webkit-line-clamp:3;
    min-height: 3.55em
  }
  .p__title--lines-3 {
    -webkit-line-clamp: 4;
    min-height: calc(4.55m)
  }
  .p__title--lines-4 {
    -webkit-line-clamp: 5;
    min-height: 5.55em
  }}
.p__description {
  color: var(--colors-themed-body-color-lightest);
  display: -webkit-box;
  font-size: .82em;
  line-height: 1.45;
  max-width: 100%;
  word-break: break-word;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  -webkit-font-smoothing: antialiased;
  overflow: hidden;
  text-overflow: ellipsis
}
@media only screen and (min-width: 23em) {
  .p__description {
    font-size:.91em
  }}
@media only screen and (min-width: 25.8em) {
  .p__description {
    font-size:.925em
  }}
@media only screen and (min-width: 80em) {
  .p__description {
    font-size:.95em;
    line-height: 1.32
  }}
@media only screen and (min-width: 120em) {
  .p__description {
    font-size:.98em;
    line-height: 1.4
  }}
@media (hover: hover) {
  [data-theme=dark] .p:hover .p__title {
    color:#fff
  }}
.p__main:not(:has(.p__description)) .p__title {
  min-height: 0
}
.p__report {
  background: #ffe3e3;
  color: #972020;
  display: grid;
  left: 50%;
  padding: .6em 1em;
  place-items: center;
  position: absolute;
  top: .6em;
  transform: translateX(-50%);
  white-space: nowrap;
  z-index: 10000;
  -webkit-font-smoothing: antialiased;
  align-content: center;
  border: 2px solid #fff;
  border-radius: 20px;
  cursor: pointer;
  font-size: .85em;
  font-variant-numeric: tabular-nums;
  font-weight: 500;
  gap: .35em;
  grid-auto-columns: max-content;
  grid-auto-flow: column;
  transition: all .5s ease-in-out;
  -webkit-user-select: none;
  user-select: none
}
.p__report .icon {
  display: none;
  height: 16px;
  opacity: .65;
  width: 16px
}
@media (hover: hover) {
  .p__report:hover {
    background-color:#ffa8a8;
    color: #641515
  }}
@supports (animation-fill-mode: forwards) {
  .p__report {
    animation:enter .75s ease-in-out forwards;
    opacity: 0;
    transform: translateX(-50%) translateY(-4px)
  }}
.p.p--reporting:before {
  border-radius: 7px;
  box-shadow: inset 0 0 0 2px #ffa8a8;
  content: "";
  inset: 0;
  overflow: hidden;
  pointer-events: none;
  position: absolute;
  width: 100%;
  z-index: 100
}
.p.p--reporting .p__badges {
  opacity: 0
}
@keyframes enter {
  0% {
    opacity: 0;
    transform: translateX(-50%) translateY(-4px)
  }
  to {
    opacity: 1;
    transform: translateX(-50%) translateY(0)
  }}
.p__variations {
  display: grid;
  gap: .25em;
  grid-auto-columns: auto;
  grid-auto-flow: column;
  justify-content: safe start;
  max-width: 100%;
  overflow: auto;
  -webkit-user-select: none;
  user-select: none;
  -ms-overflow-style: none;
  -moz-scrollbars: none;
  scrollbar-width: none
}
.p__variations::-webkit-scrollbar {
  background: 0 0;
  display: none!important;
  height: 0!important;
  opacity: 0;
  width: 0!important
}
.p__variations::-webkit-scrollbar-track {
  display: none;
  height: 0;
  overflow: hidden
}
.p__variations::-webkit-scrollbar-thumb {
  background: 0 0;
  display: none;
  height: 0;
  overflow: hidden;
  width: 0
}
.touch .p__variations {
  pointer-events: none
}
@media only screen and (max-width: 47.99em) {
  .p__variations {
    gap:.5em
  }}
.p__variation {
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  padding: 5px;
  transition: border-color .2s ease-in-out
}
.p__variation>* {
  pointer-events: none
}
.p__variation img {
  display: block;
  height: 30px;
  width: 30px
}
.p__variation--active {
  border-color: var(--colors-themed-anchor)
}
[data-theme=dark] .p__variation {
  transform: scale(.88)
}
[data-theme=dark] .p__variation--active {
  border: 0;
  transform: scale(1)
}
@media only screen and (max-width: 47.99em) {
  .p__variation {
    padding:2px
  }
  .p__variation img {
    height: 26px;
    width: 26px
  }}
.p__variations a.p__variations-all {
  color: var(--colors-themed-body-color-lighter);
  display: grid;
  padding: .5rem;
  place-items: center
}
@media only screen and (max-width: 47.99em) {
  .p__variations {
    display:none!important
  }}
.p.p.p--bare {
  align-content: start;
  align-items: start;
  background: 0 0;
  border: 0;
  gap: 0;
  grid-template-rows: max-content auto
}
.p.p.p--bare,.p.p.p--bare:hover {
  box-shadow: none
}
.p.p--bare .p__meta {
  gap: .35rem
}
.p.p--bare .p__footer,.p.p--bare .p__meta {
  padding: 1rem
}
.p.p--bare .p__title {
  font-size: 1rem
}
.p.p--bare .p__price {
  gap: .5rem
}
.p.p--bare .p__price--current {
  font-size: inherit;
  font-weight: 500
}
.p.p--bare .p__cover {
  background: #fff!important;
  border-radius: 8px;
  position: relative
}
.p.p--bare .p__cover:before {
  background: #000;
  border-radius: inherit;
  content: "";
  height: 100%;
  left: 0;
  opacity: .035;
  pointer-events: none;
  position: absolute;
  right: 0;
  width: 100%;
  z-index: 1
}
.p.p--bare .p__title {
  min-height: 0
}
.p__comparison-grid {
  font-size: 1em;
  margin-top: 1em
}
.p__comparison-grid-row {
  border-bottom: 1px solid #f1f0f5;
  display: grid;
  gap: .5rem;
  padding: .65rem 0
}
.p__comparison-grid-row:first-child {
  border-top: 1px solid #f1f0f5
}
[data-theme=dark] .p__comparison-grid-row {
  border-bottom: 1px solid #444
}
[data-theme=dark] .p__comparison-grid-row:first-child {
  border-top: 1px solid #444
}
@media only screen and (max-width: 47.99em) {
  .p__comparison-grid-row:nth-child(n+4) {
    display:none
  }}
.p__comparison-grid-key {
  color: var(--colors-themed-body-color-lightest)
}
.p__comparison-grid-key,.p__comparison-grid-value {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}
.p__comparison-grid-value {
  color: var(--colors-themed-body-color);
  font-size: 1em
}
.p__meta:has(.p__comparison-grid) {
  grid-template-rows: auto 1fr
}
.p__meta:has(.p__comparison-grid) .p__description {
  margin-top: auto
}
.p {
  background: #fff;
  border: 1px solid #eaeaea;
  border-radius: 8px;
  box-shadow: 0 2px 5px rgba(0,0,0,.02);
  contain: layout style paint;
  display: grid;
  font-size: 1rem;
  gap: 2rem;
  grid-auto-columns: 1fr;
  grid-auto-rows: min-content;
  grid-auto-rows: auto;
  grid-template-rows: max-content 1fr;
  position: relative;
  text-decoration: none;
  transition: all .25s ease-in-out;
  transition-property: border,box-shadow
}
.p,.p a {
  color: inherit
}
.p a {
  text-decoration: none!important
}
[data-theme=dark] .p {
  background: #26282c;
  border: 0;
  box-shadow: inset 0 0 0 1px #26282c;
  transition: all .2s ease-in-out;
  transition-property: background-color,box-shadow,border
}
@media (hover: hover) {
  .p:hover {
    border:1px solid #c3c4c7
  }
  [data-theme=dark] .p:hover {
    border: 0;
    border-color: transparent;
    box-shadow: inset 0 0 0 1px #444
  }}
.p__main {
  display: grid;
  gap: 1.5rem
}
.p__children,.p__cover,.p__footer,.p__meta {
  padding: 1em
}
@media only screen and (min-width: 23em) {
  .p__children,.p__cover,.p__footer,.p__meta {
    padding:1.15em
  }}
@media only screen and (min-width: 25.8em) {
  .p__children,.p__cover,.p__footer,.p__meta {
    padding:1.2em
  }}
@media only screen and (min-width: 48em) {
  .p__children,.p__cover,.p__footer,.p__meta {
    padding:1.35em
  }}
@media only screen and (min-width: 80em) {
  .p__children,.p__cover,.p__footer,.p__meta {
    padding:1.5em
  }}
@media only screen and (min-width: 120em) {
  .p__children,.p__cover,.p__footer,.p__meta {
    padding:1.75em
  }}
@container product (min-width:320px) {
  .p__children,.p__cover,.p__footer,.p__meta {
    padding: 1.7rem
  }}
@container product (min-width:350px) {
  .p__children,.p__cover,.p__footer,.p__meta {
    padding: 2rem
  }}
@container product (min-width:370px) {
  .p__children,.p__cover,.p__footer,.p__meta {
    padding: 2.5rem
  }}
.p .p__main:not(:last-child) .p__meta {
  padding-bottom: 0
}
.p__footer+.p__children {
  padding-top: 0
}
.p__footer:not(:last-child) {
  padding-bottom: 0
}
.p .p__footer,.p .p__meta,.p__children {
  padding-top: 0
}
.p__children {
  max-width: 100%;
  min-width: 0
}
@media only screen and (max-width: 47.99em) {
  .p__products:has(.p--row) {
    gap:.75rem
  }
  .p--row,.p__products--row .p {
    grid-auto-flow: row;
    grid-auto-rows: min-content;
    grid-column: 1/-1;
    grid-template-columns: min-content 1fr;
    grid-template-rows: 1fr min-content;
    width: 100%;
    grid-row-gap: 1rem;
    grid-column-gap: 1.25rem;
    padding: 1rem 1.5rem 1rem 1.25rem
  }
  .p--row .p__main,.p__products--row .p .p__main {
    align-items: center;
    gap: .5rem;
    grid-area: 1/2/2/2;
    padding-top: 0
  }
  .p--row .p__meta,.p__products--row .p .p__meta {
    gap: .5rem
  }
  .p--row .p__action:before,.p__products--row .p .p__action:before {
    height: 100%
  }
  [data-theme=dark] .p--row .p__action,[data-theme=dark] .p__products--row .p .p__action {
    color: #c3c4c7
  }
  [data-theme=dark] .p--row .p__action:not(.p__action--active),[data-theme=dark] .p__products--row .p .p__action:not(.p__action--active) {
    background-color: transparent
  }
  .p--row .p__title,.p__products--row .p .p__title {
    min-height: 0
  }
  .p--row .p__badges,.p__products--row .p .p__badges {
    gap: .5rem;
    grid-auto-flow: column;
    justify-content: start;
    max-width: 100%;
    order: -1;
    overflow: hidden;
    position: static
  }
  .p--row .p__cover.p__cover,.p__products--row .p .p__cover.p__cover {
    max-width: 100px;
    padding-right: 0;
    width: 26vw
  }
  [data-theme=default] .p--row .p__cover.p__cover,[data-theme=default] .p__products--row .p .p__cover.p__cover {
    background: 0 0
  }
  .p--row .p__cover.p__cover:after,.p__products--row .p .p__cover.p__cover:after {
    display: none
  }
  .p--row .p__cover.p__cover img,.p__products--row .p .p__cover.p__cover img {
    aspect-ratio: auto;
    height: 100%;
    margin: auto;
    max-height: 120px;
    max-width: 100%;
    mix-blend-mode: normal;
    width: auto
  }
  .p--row .p__children,.p--row .p__footer,.p--row .p__meta,.p__products--row .p .p__children,.p__products--row .p .p__footer,.p__products--row .p .p__meta {
    padding-left: 0
  }
  .p--row .p__cover,.p__products--row .p .p__cover {
    align-items: center;
    grid-row-end: -1;
    grid-row-start: 1;
    padding: 0
  }
  [data-theme=dark] .p--row .p__cover,[data-theme=dark] .p__products--row .p .p__cover {
    border-radius: 8px;
    padding: .5rem
  }
  [data-theme=dark] .p--row .p__cover img,[data-theme=dark] .p__products--row .p .p__cover img {
    height: auto;
    width: 100%
  }
  .p--row .p__price,.p__products--row .p .p__price {
    grid-auto-flow: row
  }
  .p--row .p__price--before,.p__products--row .p .p__price--before {
    order: -1
  }
  .p--row .p__footer,.p__products--row .p .p__footer {
    gap: .5rem;
    padding-bottom: 0
  }
  .p--row .p__children,.p__products--row .p .p__children {
    grid-column: 2;
    padding-top: 1rem
  }
  .p--row .p__rating,.p__products--row .p .p__rating {
    margin-bottom: .5rem
  }
  .p--row .p__merchants:before,.p__products--row .p .p__merchants:before {
    content: "Σε "
  }
  .p--row .p__variations,.p__products--row .p .p__variations {
    order: 3
  }}
@media only screen and (min-width: 25.8em) and (max-width:35.5em) {
  .p--row .p__cover,.p__products--row .p .p__cover {
    max-width:110px;
    width: 28vw
  }}
@media $media-sm-xsm-only {
  .p--row .p__cover,.p__products--row .p .p__cover {
    max-width: 120px;
    width: 28vw
  }}
.p__products--scroll.p__products--scroll {
  display: grid!important;
  display: grid;
  flex: none;
  gap: .8rem;
  grid-auto-columns: calc(58.82353% - .32941rem);
  grid-auto-flow: column;
  max-width: 100%;
  min-height: 150px;
  padding-bottom: 10px;
  width: 100%
}
.p__products--scroll.p__products--scroll>.p {
  min-width: calc(58.82353% - .32941rem)
}
.p__products--scroll.p__products--scroll:last-child {
  margin-right: 0
}
.p__products--scroll.p__products--scroll.scroll__content {
  display: grid
}
@media only screen and (min-width: 23em) {
  .p__products--scroll.p__products--scroll {
    display:grid;
    flex: none;
    gap: .85rem;
    grid-auto-columns: calc(47.61905% - .44524rem);
    grid-auto-flow: column
  }
  .p__products--scroll.p__products--scroll>.p {
    min-width: calc(47.61905% - .44524rem)
  }
  .p__products--scroll.p__products--scroll:last-child {
    margin-right: 0
  }
  .p__products--scroll.p__products--scroll.scroll__content {
    display: grid
  }}
@media only screen and (min-width: 25.8em) {
  .p__products--scroll.p__products--scroll {
    display:grid;
    flex: none;
    gap: .85rem;
    grid-auto-columns: calc(45.45455% - .46364rem);
    grid-auto-flow: column
  }
  .p__products--scroll.p__products--scroll>.p {
    min-width: calc(45.45455% - .46364rem)
  }
  .p__products--scroll.p__products--scroll:last-child {
    margin-right: 0
  }
  .p__products--scroll.p__products--scroll.scroll__content {
    display: grid
  }}
@media only screen and (min-width: 35.5em) {
  .p__products--scroll.p__products--scroll {
    display:grid;
    flex: none;
    gap: .9rem;
    grid-auto-columns: calc(31.25% - .61875rem);
    grid-auto-flow: column
  }
  .p__products--scroll.p__products--scroll>.p {
    min-width: calc(31.25% - .61875rem)
  }
  .p__products--scroll.p__products--scroll:last-child {
    margin-right: 0
  }
  .p__products--scroll.p__products--scroll.scroll__content {
    display: grid
  }}
@media only screen and (min-width: 48em) {
  .p__products--scroll.p__products--scroll {
    display:grid;
    flex: none;
    gap: .85rem;
    grid-auto-columns: calc(25% - .6375rem);
    grid-auto-flow: column
  }
  .p__products--scroll.p__products--scroll>.p {
    min-width: calc(25% - .6375rem)
  }
  .p__products--scroll.p__products--scroll:last-child {
    margin-right: 0
  }
  .p__products--scroll.p__products--scroll.scroll__content {
    display: grid
  }}
@media only screen and (min-width: 64em) {
  .p__products--scroll.p__products--scroll {
    display:grid;
    flex: none;
    gap: .8rem;
    grid-auto-columns: calc(20% - .64rem);
    grid-auto-flow: column
  }
  .p__products--scroll.p__products--scroll>.p {
    min-width: calc(20% - .64rem)
  }
  .p__products--scroll.p__products--scroll:last-child {
    margin-right: 0
  }
  .p__products--scroll.p__products--scroll.scroll__content {
    display: grid
  }}
@media (min-width: 100.063em) {
  .p__products--scroll.p__products--scroll {
    display:grid;
    flex: none;
    gap: .8rem;
    grid-auto-columns: calc(14.28571% - .68571rem);
    grid-auto-flow: column
  }
  .p__products--scroll.p__products--scroll>.p {
    min-width: calc(14.28571% - .68571rem)
  }
  .p__products--scroll.p__products--scroll:last-child {
    margin-right: 0
  }
  .p__products--scroll.p__products--scroll.scroll__content {
    display: grid
  }}
@media only screen and (min-width: 80em) {
  .p__products--scroll.p__products--scroll {
    display:grid;
    flex: none;
    gap: 1rem;
    grid-auto-columns: calc(14.28571% - .85714rem);
    grid-auto-flow: column
  }
  .p__products--scroll.p__products--scroll>.p {
    min-width: calc(14.28571% - .85714rem)
  }
  .p__products--scroll.p__products--scroll:last-child {
    margin-right: 0
  }
  .p__products--scroll.p__products--scroll.scroll__content {
    display: grid
  }}
@media only screen and (min-width: 120em) {
  .p__products--scroll.p__products--scroll {
    display:grid;
    flex: none;
    gap: 1.2rem;
    grid-auto-columns: calc(14.28571% - 1.02857rem);
    grid-auto-flow: column
  }
  .p__products--scroll.p__products--scroll>.p {
    min-width: calc(14.28571% - 1.02857rem)
  }
  .p__products--scroll.p__products--scroll:last-child {
    margin-right: 0
  }
  .p__products--scroll.p__products--scroll.scroll__content {
    display: grid
  }}
@media only screen and (min-width: 150em) {
  .p__products--scroll.p__products--scroll {
    display:grid;
    flex: none;
    gap: 1.3rem;
    grid-auto-columns: calc(14.28571% - 1.11429rem);
    grid-auto-flow: column
  }
  .p__products--scroll.p__products--scroll>.p {
    min-width: calc(14.28571% - 1.11429rem)
  }
  .p__products--scroll.p__products--scroll:last-child {
    margin-right: 0
  }
  .p__products--scroll.p__products--scroll.scroll__content {
    display: grid
  }}
@media only screen and (min-width: 120em) {
  .p__products--scroll.p__products--scroll.p__products--full {
    display:grid;
    flex: none;
    gap: 1.3rem;
    grid-auto-columns: calc(11.11111% - 1.15556rem);
    grid-auto-flow: column
  }
  .p__products--scroll.p__products--scroll.p__products--full>.p {
    min-width: calc(11.11111% - 1.15556rem)
  }
  .p__products--scroll.p__products--scroll.p__products--full:last-child {
    margin-right: 0
  }
  .p__products--scroll.p__products--scroll.p__products--full.scroll__content {
    display: grid
  }}
@media only screen and (min-width: 150em) {
  .p__products--scroll.p__products--scroll.p__products--full {
    display:grid;
    flex: none;
    gap: 1.3rem;
    grid-auto-columns: calc(7.69231% - 1.2rem);
    grid-auto-flow: column
  }
  .p__products--scroll.p__products--scroll.p__products--full>.p {
    min-width: calc(7.69231% - 1.2rem)
  }
  .p__products--scroll.p__products--scroll.p__products--full:last-child {
    margin-right: 0
  }
  .p__products--scroll.p__products--scroll.p__products--full.scroll__content {
    display: grid
  }}
.p__products--scroll.p__products--inline.p__products--inline.p__products--inline.p__products--scroll {
  display: grid!important;
  display: grid;
  flex: none;
  gap: .8rem;
  grid-auto-columns: calc(80% - .16rem);
  grid-auto-flow: column;
  max-width: 100%;
  min-height: 0;
  padding-bottom: 10px;
  width: 100%
}
.p__products--scroll.p__products--inline.p__products--inline.p__products--inline.p__products--scroll>.p {
  min-width: calc(80% - .16rem)
}
.p__products--scroll.p__products--inline.p__products--inline.p__products--inline.p__products--scroll:last-child {
  margin-right: 0
}
.p__products--scroll.p__products--inline.p__products--inline.p__products--inline.p__products--scroll.scroll__content {
  display: grid
}
@media only screen and (min-width: 23em) {
  .p__products--scroll.p__products--inline.p__products--inline.p__products--inline.p__products--scroll {
    display:grid;
    flex: none;
    gap: .85rem;
    grid-auto-columns: calc(66.66667% - .28333rem);
    grid-auto-flow: column
  }
  .p__products--scroll.p__products--inline.p__products--inline.p__products--inline.p__products--scroll>.p {
    min-width: calc(66.66667% - .28333rem)
  }
  .p__products--scroll.p__products--inline.p__products--inline.p__products--inline.p__products--scroll:last-child {
    margin-right: 0
  }
  .p__products--scroll.p__products--inline.p__products--inline.p__products--inline.p__products--scroll.scroll__content {
    display: grid
  }}
@media only screen and (min-width: 25.8em) {
  .p__products--scroll.p__products--inline.p__products--inline.p__products--inline.p__products--scroll {
    display:grid;
    flex: none;
    gap: .85rem;
    grid-auto-columns: calc(58.82353% - .35rem);
    grid-auto-flow: column
  }
  .p__products--scroll.p__products--inline.p__products--inline.p__products--inline.p__products--scroll>.p {
    min-width: calc(58.82353% - .35rem)
  }
  .p__products--scroll.p__products--inline.p__products--inline.p__products--inline.p__products--scroll:last-child {
    margin-right: 0
  }
  .p__products--scroll.p__products--inline.p__products--inline.p__products--inline.p__products--scroll.scroll__content {
    display: grid
  }}
@media only screen and (min-width: 35.5em) {
  .p__products--scroll.p__products--inline.p__products--inline.p__products--inline.p__products--scroll {
    display:grid;
    flex: none;
    gap: .9rem;
    grid-auto-columns: calc(44.44444% - .5rem);
    grid-auto-flow: column
  }
  .p__products--scroll.p__products--inline.p__products--inline.p__products--inline.p__products--scroll>.p {
    min-width: calc(44.44444% - .5rem)
  }
  .p__products--scroll.p__products--inline.p__products--inline.p__products--inline.p__products--scroll:last-child {
    margin-right: 0
  }
  .p__products--scroll.p__products--inline.p__products--inline.p__products--inline.p__products--scroll.scroll__content {
    display: grid
  }}
@media only screen and (min-width: 48em) {
  .p__products--scroll.p__products--inline.p__products--inline.p__products--inline.p__products--scroll {
    display:grid;
    flex: none;
    gap: .85rem;
    grid-auto-columns: calc(40% - .51rem);
    grid-auto-flow: column
  }
  .p__products--scroll.p__products--inline.p__products--inline.p__products--inline.p__products--scroll>.p {
    min-width: calc(40% - .51rem)
  }
  .p__products--scroll.p__products--inline.p__products--inline.p__products--inline.p__products--scroll:last-child {
    margin-right: 0
  }
  .p__products--scroll.p__products--inline.p__products--inline.p__products--inline.p__products--scroll.scroll__content {
    display: grid
  }}
@media only screen and (min-width: 64em) {
  .p__products--scroll.p__products--inline.p__products--inline.p__products--inline.p__products--scroll {
    display:grid;
    flex: none;
    gap: .8rem;
    grid-auto-columns: calc(33.33333% - .53333rem);
    grid-auto-flow: column
  }
  .p__products--scroll.p__products--inline.p__products--inline.p__products--inline.p__products--scroll>.p {
    min-width: calc(33.33333% - .53333rem)
  }
  .p__products--scroll.p__products--inline.p__products--inline.p__products--inline.p__products--scroll:last-child {
    margin-right: 0
  }
  .p__products--scroll.p__products--inline.p__products--inline.p__products--inline.p__products--scroll.scroll__content {
    display: grid
  }}
@media only screen and (min-width: 80em) {
  .p__products--scroll.p__products--inline.p__products--inline.p__products--inline.p__products--scroll {
    display:grid;
    flex: none;
    gap: 1rem;
    grid-auto-columns: calc(25% - .75rem);
    grid-auto-flow: column
  }
  .p__products--scroll.p__products--inline.p__products--inline.p__products--inline.p__products--scroll>.p {
    min-width: calc(25% - .75rem)
  }
  .p__products--scroll.p__products--inline.p__products--inline.p__products--inline.p__products--scroll:last-child {
    margin-right: 0
  }
  .p__products--scroll.p__products--inline.p__products--inline.p__products--inline.p__products--scroll.scroll__content {
    display: grid
  }}
@media only screen and (min-width: 120em) {
  .p__products--scroll.p__products--inline.p__products--inline.p__products--inline.p__products--scroll {
    display:grid;
    flex: none;
    gap: 1rem;
    grid-auto-columns: calc(20% - .8rem);
    grid-auto-flow: column
  }
  .p__products--scroll.p__products--inline.p__products--inline.p__products--inline.p__products--scroll>.p {
    min-width: calc(20% - .8rem)
  }
  .p__products--scroll.p__products--inline.p__products--inline.p__products--inline.p__products--scroll:last-child {
    margin-right: 0
  }
  .p__products--scroll.p__products--inline.p__products--inline.p__products--inline.p__products--scroll.scroll__content {
    display: grid
  }}
@media (min-width: 100.063em) {
  #page-cat body:not(.is-index) .p__products--scroll.p__products--scroll:not(.p__products--inline) {
    display:grid;
    flex: none;
    gap: .8rem;
    grid-auto-columns: calc(20% - .64rem);
    grid-auto-flow: column
  }
  #page-cat body:not(.is-index) .p__products--scroll.p__products--scroll:not(.p__products--inline)>.p {
    min-width: calc(20% - .64rem)
  }
  #page-cat body:not(.is-index) .p__products--scroll.p__products--scroll:not(.p__products--inline):last-child {
    margin-right: 0
  }
  #page-cat body:not(.is-index) .p__products--scroll.p__products--scroll:not(.p__products--inline).scroll__content {
    display: grid
  }}
@media only screen and (min-width: 80em) {
  #page-cat body:not(.is-index) .p__products--scroll.p__products--scroll:not(.p__products--inline) {
    display:grid;
    flex: none;
    gap: 1rem;
    grid-auto-columns: calc(20% - .8rem);
    grid-auto-flow: column
  }
  #page-cat body:not(.is-index) .p__products--scroll.p__products--scroll:not(.p__products--inline)>.p {
    min-width: calc(20% - .8rem)
  }
  #page-cat body:not(.is-index) .p__products--scroll.p__products--scroll:not(.p__products--inline):last-child {
    margin-right: 0
  }
  #page-cat body:not(.is-index) .p__products--scroll.p__products--scroll:not(.p__products--inline).scroll__content {
    display: grid
  }}
@media only screen and (min-width: 120em) {
  #page-cat body:not(.is-index) .p__products--scroll.p__products--scroll:not(.p__products--inline) {
    display:grid;
    flex: none;
    gap: 1.2rem;
    grid-auto-columns: calc(16.66667% - 1rem);
    grid-auto-flow: column
  }
  #page-cat body:not(.is-index) .p__products--scroll.p__products--scroll:not(.p__products--inline)>.p {
    min-width: calc(16.66667% - 1rem)
  }
  #page-cat body:not(.is-index) .p__products--scroll.p__products--scroll:not(.p__products--inline):last-child {
    margin-right: 0
  }
  #page-cat body:not(.is-index) .p__products--scroll.p__products--scroll:not(.p__products--inline).scroll__content {
    display: grid
  }}
@media only screen and (min-width: 150em) {
  #page-cat body:not(.is-index) .p__products--scroll.p__products--scroll:not(.p__products--inline) {
    display:grid;
    flex: none;
    gap: 1.3rem;
    grid-auto-columns: calc(16.66667% - 1.08333rem);
    grid-auto-flow: column
  }
  #page-cat body:not(.is-index) .p__products--scroll.p__products--scroll:not(.p__products--inline)>.p {
    min-width: calc(16.66667% - 1.08333rem)
  }
  #page-cat body:not(.is-index) .p__products--scroll.p__products--scroll:not(.p__products--inline):last-child {
    margin-right: 0
  }
  #page-cat body:not(.is-index) .p__products--scroll.p__products--scroll:not(.p__products--inline).scroll__content {
    display: grid
  }}
@media only screen and (min-width: 64em) {
  .p__products--scroll:has(>.p--fill),.p__products--scroll:has(>.p--fit) {
    display:grid;
    flex: none;
    gap: .8rem;
    grid-auto-columns: calc(20% - .64rem);
    grid-auto-flow: column
  }
  .p__products--scroll:has(>.p--fill)>.p,.p__products--scroll:has(>.p--fit)>.p {
    min-width: calc(20% - .64rem)
  }
  .p__products--scroll:has(>.p--fill):last-child,.p__products--scroll:has(>.p--fit):last-child {
    margin-right: 0
  }
  .p__products--scroll:has(>.p--fill).scroll__content,.p__products--scroll:has(>.p--fit).scroll__content {
    display: grid
  }}
@media (min-width: 100.063em) {
  .p__products--scroll:has(>.p--fill),.p__products--scroll:has(>.p--fit) {
    display:grid;
    flex: none;
    gap: .8rem;
    grid-auto-columns: calc(14.28571% - .68571rem);
    grid-auto-flow: column
  }
  .p__products--scroll:has(>.p--fill)>.p,.p__products--scroll:has(>.p--fit)>.p {
    min-width: calc(14.28571% - .68571rem)
  }
  .p__products--scroll:has(>.p--fill):last-child,.p__products--scroll:has(>.p--fit):last-child {
    margin-right: 0
  }
  .p__products--scroll:has(>.p--fill).scroll__content,.p__products--scroll:has(>.p--fit).scroll__content {
    display: grid
  }}
@media only screen and (min-width: 80em) {
  .p__products--scroll:has(>.p--fill),.p__products--scroll:has(>.p--fit) {
    display:grid;
    flex: none;
    gap: 1.25rem;
    grid-auto-columns: calc(14.28571% - 1.07143rem);
    grid-auto-flow: column
  }
  .p__products--scroll:has(>.p--fill)>.p,.p__products--scroll:has(>.p--fit)>.p {
    min-width: calc(14.28571% - 1.07143rem)
  }
  .p__products--scroll:has(>.p--fill):last-child,.p__products--scroll:has(>.p--fit):last-child {
    margin-right: 0
  }
  .p__products--scroll:has(>.p--fill).scroll__content,.p__products--scroll:has(>.p--fit).scroll__content {
    display: grid
  }}
@media only screen and (min-width: 120em) {
  .p__products--scroll:has(>.p--fill),.p__products--scroll:has(>.p--fit) {
    display:grid;
    flex: none;
    gap: 1.3rem;
    grid-auto-columns: calc(14.28571% - 1.11429rem);
    grid-auto-flow: column
  }
  .p__products--scroll:has(>.p--fill)>.p,.p__products--scroll:has(>.p--fit)>.p {
    min-width: calc(14.28571% - 1.11429rem)
  }
  .p__products--scroll:has(>.p--fill):last-child,.p__products--scroll:has(>.p--fit):last-child {
    margin-right: 0
  }
  .p__products--scroll:has(>.p--fill).scroll__content,.p__products--scroll:has(>.p--fit).scroll__content {
    display: grid
  }}
@media only screen and (min-width: 150em) {
  .p__products--scroll:has(>.p--fill),.p__products--scroll:has(>.p--fit) {
    display:grid;
    flex: none;
    gap: 1.5rem;
    grid-auto-columns: calc(14.28571% - 1.28571rem);
    grid-auto-flow: column
  }
  .p__products--scroll:has(>.p--fill)>.p,.p__products--scroll:has(>.p--fit)>.p {
    min-width: calc(14.28571% - 1.28571rem)
  }
  .p__products--scroll:has(>.p--fill):last-child,.p__products--scroll:has(>.p--fit):last-child {
    margin-right: 0
  }
  .p__products--scroll:has(>.p--fill).scroll__content,.p__products--scroll:has(>.p--fit).scroll__content {
    display: grid
  }}
#page-item main .p__products--scroll {
  display: grid!important;
  display: grid;
  flex: none;
  gap: .6rem;
  grid-auto-columns: calc(58.82353% - .24706rem);
  grid-auto-flow: column;
  max-width: 100%;
  min-height: 150px;
  width: 100%
}
#page-item main .p__products--scroll>.p {
  min-width: calc(58.82353% - .24706rem)
}
#page-item main .p__products--scroll:last-child {
  margin-right: 0
}
#page-item main .p__products--scroll.scroll__content {
  display: grid
}
@media only screen and (min-width: 23em) {
  #page-item main .p__products--scroll {
    display:grid;
    flex: none;
    gap: .75rem;
    grid-auto-columns: calc(47.61905% - .39286rem);
    grid-auto-flow: column
  }
  #page-item main .p__products--scroll>.p {
    min-width: calc(47.61905% - .39286rem)
  }
  #page-item main .p__products--scroll:last-child {
    margin-right: 0
  }
  #page-item main .p__products--scroll.scroll__content {
    display: grid
  }}
@media only screen and (min-width: 25.8em) {
  #page-item main .p__products--scroll {
    display:grid;
    flex: none;
    gap: .85rem;
    grid-auto-columns: calc(45.45455% - .46364rem);
    grid-auto-flow: column
  }
  #page-item main .p__products--scroll>.p {
    min-width: calc(45.45455% - .46364rem)
  }
  #page-item main .p__products--scroll:last-child {
    margin-right: 0
  }
  #page-item main .p__products--scroll.scroll__content {
    display: grid
  }}
@media only screen and (min-width: 35.5em) {
  #page-item main .p__products--scroll {
    display:grid;
    flex: none;
    gap: 1rem;
    grid-auto-columns: calc(31.25% - .6875rem);
    grid-auto-flow: column
  }
  #page-item main .p__products--scroll>.p {
    min-width: calc(31.25% - .6875rem)
  }
  #page-item main .p__products--scroll:last-child {
    margin-right: 0
  }
  #page-item main .p__products--scroll.scroll__content {
    display: grid
  }}
@media only screen and (min-width: 48em) {
  #page-item main .p__products--scroll {
    display:grid;
    flex: none;
    gap: 1.05rem;
    grid-auto-columns: calc(33.33333% - .7rem);
    grid-auto-flow: column
  }
  #page-item main .p__products--scroll>.p {
    min-width: calc(33.33333% - .7rem)
  }
  #page-item main .p__products--scroll:last-child {
    margin-right: 0
  }
  #page-item main .p__products--scroll.scroll__content {
    display: grid
  }}
@media only screen and (min-width: 64em) {
  #page-item main .p__products--scroll {
    display:grid;
    flex: none;
    gap: 1.1rem;
    grid-auto-columns: calc(25% - .825rem);
    grid-auto-flow: column
  }
  #page-item main .p__products--scroll>.p {
    min-width: calc(25% - .825rem)
  }
  #page-item main .p__products--scroll:last-child {
    margin-right: 0
  }
  #page-item main .p__products--scroll.scroll__content {
    display: grid
  }}
@media (min-width: 90.063em) {
  #page-item main .p__products--scroll {
    display:grid;
    flex: none;
    gap: 1.15rem;
    grid-auto-columns: calc(20% - .92rem);
    grid-auto-flow: column
  }
  #page-item main .p__products--scroll>.p {
    min-width: calc(20% - .92rem)
  }
  #page-item main .p__products--scroll:last-child {
    margin-right: 0
  }
  #page-item main .p__products--scroll.scroll__content {
    display: grid
  }}
#page-item main .p__products--scroll.p__products--merge-products {
  display: grid!important;
  display: grid;
  flex: none;
  gap: 0;
  grid-auto-columns: 58.82353%;
  grid-auto-flow: column;
  max-width: 100%;
  min-height: 150px;
  width: 100%
}
#page-item main .p__products--scroll.p__products--merge-products>.p {
  min-width: 58.82353%
}
#page-item main .p__products--scroll.p__products--merge-products:last-child {
  margin-right: 0
}
#page-item main .p__products--scroll.p__products--merge-products.scroll__content {
  display: grid
}
@media only screen and (min-width: 23em) {
  #page-item main .p__products--scroll.p__products--merge-products {
    display:grid;
    flex: none;
    gap: 0;
    grid-auto-columns: 47.61905%;
    grid-auto-flow: column
  }
  #page-item main .p__products--scroll.p__products--merge-products>.p {
    min-width: 47.61905%
  }
  #page-item main .p__products--scroll.p__products--merge-products:last-child {
    margin-right: 0
  }
  #page-item main .p__products--scroll.p__products--merge-products.scroll__content {
    display: grid
  }}
@media only screen and (min-width: 25.8em) {
  #page-item main .p__products--scroll.p__products--merge-products {
    display:grid;
    flex: none;
    gap: 0;
    grid-auto-columns: 45.45455%;
    grid-auto-flow: column
  }
  #page-item main .p__products--scroll.p__products--merge-products>.p {
    min-width: 45.45455%
  }
  #page-item main .p__products--scroll.p__products--merge-products:last-child {
    margin-right: 0
  }
  #page-item main .p__products--scroll.p__products--merge-products.scroll__content {
    display: grid
  }}
@media only screen and (min-width: 35.5em) {
  #page-item main .p__products--scroll.p__products--merge-products {
    display:grid;
    flex: none;
    gap: 0;
    grid-auto-columns: 31.25%;
    grid-auto-flow: column
  }
  #page-item main .p__products--scroll.p__products--merge-products>.p {
    min-width: 31.25%
  }
  #page-item main .p__products--scroll.p__products--merge-products:last-child {
    margin-right: 0
  }
  #page-item main .p__products--scroll.p__products--merge-products.scroll__content {
    display: grid
  }}
@media only screen and (min-width: 48em) {
  #page-item main .p__products--scroll.p__products--merge-products {
    display:grid;
    flex: none;
    gap: 0;
    grid-auto-columns: 33.33333%;
    grid-auto-flow: column
  }
  #page-item main .p__products--scroll.p__products--merge-products>.p {
    min-width: 33.33333%
  }
  #page-item main .p__products--scroll.p__products--merge-products:last-child {
    margin-right: 0
  }
  #page-item main .p__products--scroll.p__products--merge-products.scroll__content {
    display: grid
  }}
@media only screen and (min-width: 64em) {
  #page-item main .p__products--scroll.p__products--merge-products {
    display:grid;
    flex: none;
    gap: 0;
    grid-auto-columns: 25%;
    grid-auto-flow: column
  }
  #page-item main .p__products--scroll.p__products--merge-products>.p {
    min-width: 25%
  }
  #page-item main .p__products--scroll.p__products--merge-products:last-child {
    margin-right: 0
  }
  #page-item main .p__products--scroll.p__products--merge-products.scroll__content {
    display: grid
  }}
@media (min-width: 90.063em) {
  #page-item main .p__products--scroll.p__products--merge-products {
    display:grid;
    flex: none;
    gap: 0;
    grid-auto-columns: 20%;
    grid-auto-flow: column
  }
  #page-item main .p__products--scroll.p__products--merge-products>.p {
    min-width: 20%
  }
  #page-item main .p__products--scroll.p__products--merge-products:last-child {
    margin-right: 0
  }
  #page-item main .p__products--scroll.p__products--merge-products.scroll__content {
    display: grid
  }}
#page-item main .p__products--scroll.p__products--merge-products .p {
  border: 0;
  border-radius: 0;
  box-shadow: none;
  position: relative
}
#page-item main .p__products--scroll.p__products--merge-products .p:last-child {
  border-right: 0
}
#page-item main .p__products--scroll.p__products--merge-products .p:last-child:after {
  content: ""
}
#page-item main .p__products--scroll.p__products--merge-products .p:after {
  background: var(--colors-themed-body-bg);
  bottom: 0;
  content: "";
  height: 100%;
  position: absolute;
  right: -3px;
  top: 0;
  width: 3px;
  z-index: 100
}
#page-item main .p__products--scroll.p__products--merge-products .p:first-child {
  border-radius: 8px 0 0 8px
}
#page-item main .p__products--scroll.p__products--merge-products .p:last-child {
  border-radius: 0 8px 8px 0
}
#page-item main .p__products--scroll.p__products--merge-products .p:not(:first-child) {
  border-left: 2px solid var(--colors-themed-body-bg)
}
#page-item main .p__products--scroll.p__products--merge-products .p__description {
  display: -webkit-box;
  overflow: visible;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
  -webkit-line-clamp: 1000;
  -webkit-box-orient: vertical;
  display: block
}
[data-theme=dark] main .p__products--scroll.p__products--merge-products .p {
  border: 0!important
}
[data-theme=dark] main .p__products--scroll.p__products--merge-products .p .p__cover {
  border-radius: 0
}
[data-theme=dark] main .p__products--scroll.p__products--merge-products .p:first-child .p__cover {
  border-radius: 8px 0 0 0
}
[data-theme=dark] main .p__products--scroll.p__products--merge-products .p:last-child .p__cover {
  border-radius: 0 8px 0 0
}
.p__products-section {
  grid-column: 1/-1;
  min-width: 0
}
.p__products-section div,.p__products-section section {
  min-width: 0
}
.p__products-section:not(:first-child) {
  padding: .5rem 0
}
.p__products-section:empty {
  display: contents
}
@media only screen and (min-width: 80em) {
  .p__products-section:not(:first-child) {
    padding:.75rem 0
  }}
@media only screen and (min-width: 120em) {
  .p__products-section:not(:first-child) {
    padding:1rem 0
  }}
@media only screen and (min-width: 150em) {
  .p__products-section:not(:first-child) {
    padding:1.25rem 0
  }}
.products-wrapper {
  background: linear-gradient(180deg,#f2f4f4,hsla(180,8%,95%,0));
  display: grid;
  gap: .75rem;
  padding: 1.5rem 1.05rem
}
[data-theme=dark] .products-wrapper {
  background: linear-gradient(180deg,#26282c,hsla(225,3%,77%,0))
}
@media only screen and (min-width: 48em) {
  .products-wrapper {
    border-radius:4px;
    padding: 1.5rem
  }}
@media only screen and (min-width: 80em) {
  .products-wrapper {
    gap:1rem;
    padding: 1.75rem
  }}
@media only screen and (min-width: 150em) {
  .products-wrapper {
    gap:1.05rem;
    padding: 1.8rem
  }}
@media only screen and (max-width: 47.99em) {
  .products-wrapper {
    margin-left:-1.05rem;
    margin-right: -1.05rem
  }}
.products-wrapper__title {
  font-size: 1.1rem;
  font-weight: 500
}
.p__products {
  display: grid;
  gap: .5rem;
  grid-auto-flow: dense;
  width: 100%
}
@media only screen and (min-width: 20em) {
  .p__products {
    grid-template-columns:1fr 1fr
  }}
@media only screen and (min-width: 23em) {
  .p__products {
    gap:.8rem
  }}
@media only screen and (min-width: 25.8em) {
  .p__products {
    gap:.9rem;
    grid-template-columns: repeat(2,1fr)
  }}
@media only screen and (min-width: 35.5em) {
  .p__products {
    gap:1rem;
    grid-template-columns: repeat(3,1fr)
  }}
@media only screen and (min-width: 48em) {
  .p__products {
    gap:1.05rem;
    grid-auto-flow: row dense;
    grid-template-columns: repeat(3,1fr)
  }}
@media only screen and (min-width: 64em) {
  .p__products {
    gap:1.1rem;
    grid-template-columns: repeat(4,1fr)
  }}
@media only screen and (min-width: 80em) {
  .p__products {
    gap:1.2rem;
    grid-template-columns: repeat(4,1fr)
  }}
@media (min-width: 95rem) {
  .p__products {
    gap:1.4rem;
    grid-template-columns: repeat(5,1fr)
  }}
@media only screen and (min-width: 80em) {
  .p__products {
    gap:1.4rem;
    grid-template-columns: repeat(5,1fr)
  }}
@media only screen and (min-width: 120em) {
  .p__products {
    gap:1.45rem;
    grid-template-columns: repeat(5,1fr)
  }}
@media only screen and (min-width: 150em) {
  .p__products {
    gap:1.5rem;
    grid-template-columns: repeat(5,1fr)
  }}
@media (min-width: 1570px) {
  .p__products {
    gap:1.2rem;
    grid-template-columns: repeat(6,1fr)
  }}
@media only screen and (min-width: 120em) {
  .p__products {
    gap:1.7rem;
    grid-template-columns: repeat(6,1fr)
  }}
@media only screen and (min-width: 80em) {
  #page-brand .page-products aside+main .p__products,#page-cat .page-products aside+main .p__products,#page-give .p__products,#page-hub .page-products aside+main .p__products,#page-pc .page-products aside+main .p__products,#page-search .page-products aside+main .p__products {
    gap:1.3rem;
    grid-template-columns: repeat(4,1fr)
  }}
@media only screen and (min-width: 1520px) {
  #page-brand .page-products aside+main .p__products,#page-cat .page-products aside+main .p__products,#page-give .p__products,#page-hub .page-products aside+main .p__products,#page-pc .page-products aside+main .p__products,#page-search .page-products aside+main .p__products {
    gap:1.25rem;
    grid-template-columns: repeat(5,1fr)
  }}
@media only screen and (min-width: 120em) {
  #page-brand .page-products aside+main .p__products,#page-cat .page-products aside+main .p__products,#page-give .p__products,#page-hub .page-products aside+main .p__products,#page-pc .page-products aside+main .p__products,#page-search .page-products aside+main .p__products {
    gap:1.4rem;
    grid-template-columns: repeat(5,1fr)
  }}
@media only screen and (min-width: 64em) {
  #page-brand .page-products aside+main .p__products:has(>.p--fill.p--landscape),#page-brand .page-products aside+main .p__products:has(>.p--fill.p--portrait),#page-brand .page-products aside+main .p__products:has(>.p--fit.p--landscape),#page-brand .page-products aside+main .p__products:has(>.p--fit.p--portrait),#page-cat .page-products aside+main .p__products:has(>.p--fill.p--landscape),#page-cat .page-products aside+main .p__products:has(>.p--fill.p--portrait),#page-cat .page-products aside+main .p__products:has(>.p--fit.p--landscape),#page-cat .page-products aside+main .p__products:has(>.p--fit.p--portrait),#page-give .p__products:has(>.p--fill.p--landscape),#page-give .p__products:has(>.p--fill.p--portrait),#page-give .p__products:has(>.p--fit.p--landscape),#page-give .p__products:has(>.p--fit.p--portrait),#page-hub .page-products aside+main .p__products:has(>.p--fill.p--landscape),#page-hub .page-products aside+main .p__products:has(>.p--fill.p--portrait),#page-hub .page-products aside+main .p__products:has(>.p--fit.p--landscape),#page-hub .page-products aside+main .p__products:has(>.p--fit.p--portrait),#page-pc .page-products aside+main .p__products:has(>.p--fill.p--landscape),#page-pc .page-products aside+main .p__products:has(>.p--fill.p--portrait),#page-pc .page-products aside+main .p__products:has(>.p--fit.p--landscape),#page-pc .page-products aside+main .p__products:has(>.p--fit.p--portrait),#page-search .page-products aside+main .p__products:has(>.p--fill.p--landscape),#page-search .page-products aside+main .p__products:has(>.p--fill.p--portrait),#page-search .page-products aside+main .p__products:has(>.p--fit.p--landscape),#page-search .page-products aside+main .p__products:has(>.p--fit.p--portrait) {
    gap:1.6rem;
    grid-template-columns: repeat(3,1fr)
  }}
@media only screen and (min-width: 80em) {
  #page-brand .page-products aside+main .p__products:has(>.p--fill.p--landscape),#page-brand .page-products aside+main .p__products:has(>.p--fill.p--portrait),#page-brand .page-products aside+main .p__products:has(>.p--fit.p--landscape),#page-brand .page-products aside+main .p__products:has(>.p--fit.p--portrait),#page-cat .page-products aside+main .p__products:has(>.p--fill.p--landscape),#page-cat .page-products aside+main .p__products:has(>.p--fill.p--portrait),#page-cat .page-products aside+main .p__products:has(>.p--fit.p--landscape),#page-cat .page-products aside+main .p__products:has(>.p--fit.p--portrait),#page-give .p__products:has(>.p--fill.p--landscape),#page-give .p__products:has(>.p--fill.p--portrait),#page-give .p__products:has(>.p--fit.p--landscape),#page-give .p__products:has(>.p--fit.p--portrait),#page-hub .page-products aside+main .p__products:has(>.p--fill.p--landscape),#page-hub .page-products aside+main .p__products:has(>.p--fill.p--portrait),#page-hub .page-products aside+main .p__products:has(>.p--fit.p--landscape),#page-hub .page-products aside+main .p__products:has(>.p--fit.p--portrait),#page-pc .page-products aside+main .p__products:has(>.p--fill.p--landscape),#page-pc .page-products aside+main .p__products:has(>.p--fill.p--portrait),#page-pc .page-products aside+main .p__products:has(>.p--fit.p--landscape),#page-pc .page-products aside+main .p__products:has(>.p--fit.p--portrait),#page-search .page-products aside+main .p__products:has(>.p--fill.p--landscape),#page-search .page-products aside+main .p__products:has(>.p--fill.p--portrait),#page-search .page-products aside+main .p__products:has(>.p--fit.p--landscape),#page-search .page-products aside+main .p__products:has(>.p--fit.p--portrait) {
    gap:2rem;
    grid-template-columns: repeat(4,1fr)
  }}
@media only screen and (min-width: 120em) {
  #page-brand .page-products aside+main .p__products:has(>.p--fill.p--landscape),#page-brand .page-products aside+main .p__products:has(>.p--fill.p--portrait),#page-brand .page-products aside+main .p__products:has(>.p--fit.p--landscape),#page-brand .page-products aside+main .p__products:has(>.p--fit.p--portrait),#page-cat .page-products aside+main .p__products:has(>.p--fill.p--landscape),#page-cat .page-products aside+main .p__products:has(>.p--fill.p--portrait),#page-cat .page-products aside+main .p__products:has(>.p--fit.p--landscape),#page-cat .page-products aside+main .p__products:has(>.p--fit.p--portrait),#page-give .p__products:has(>.p--fill.p--landscape),#page-give .p__products:has(>.p--fill.p--portrait),#page-give .p__products:has(>.p--fit.p--landscape),#page-give .p__products:has(>.p--fit.p--portrait),#page-hub .page-products aside+main .p__products:has(>.p--fill.p--landscape),#page-hub .page-products aside+main .p__products:has(>.p--fill.p--portrait),#page-hub .page-products aside+main .p__products:has(>.p--fit.p--landscape),#page-hub .page-products aside+main .p__products:has(>.p--fit.p--portrait),#page-pc .page-products aside+main .p__products:has(>.p--fill.p--landscape),#page-pc .page-products aside+main .p__products:has(>.p--fill.p--portrait),#page-pc .page-products aside+main .p__products:has(>.p--fit.p--landscape),#page-pc .page-products aside+main .p__products:has(>.p--fit.p--portrait),#page-search .page-products aside+main .p__products:has(>.p--fill.p--landscape),#page-search .page-products aside+main .p__products:has(>.p--fill.p--portrait),#page-search .page-products aside+main .p__products:has(>.p--fit.p--landscape),#page-search .page-products aside+main .p__products:has(>.p--fit.p--portrait) {
    gap:2.1rem;
    grid-template-columns: repeat(4,1fr)
  }}
@media only screen and (min-width: 150em) {
  #page-brand .page-products aside+main .p__products:has(>.p--fill.p--landscape),#page-brand .page-products aside+main .p__products:has(>.p--fill.p--portrait),#page-brand .page-products aside+main .p__products:has(>.p--fit.p--landscape),#page-brand .page-products aside+main .p__products:has(>.p--fit.p--portrait),#page-cat .page-products aside+main .p__products:has(>.p--fill.p--landscape),#page-cat .page-products aside+main .p__products:has(>.p--fill.p--portrait),#page-cat .page-products aside+main .p__products:has(>.p--fit.p--landscape),#page-cat .page-products aside+main .p__products:has(>.p--fit.p--portrait),#page-give .p__products:has(>.p--fill.p--landscape),#page-give .p__products:has(>.p--fill.p--portrait),#page-give .p__products:has(>.p--fit.p--landscape),#page-give .p__products:has(>.p--fit.p--portrait),#page-hub .page-products aside+main .p__products:has(>.p--fill.p--landscape),#page-hub .page-products aside+main .p__products:has(>.p--fill.p--portrait),#page-hub .page-products aside+main .p__products:has(>.p--fit.p--landscape),#page-hub .page-products aside+main .p__products:has(>.p--fit.p--portrait),#page-pc .page-products aside+main .p__products:has(>.p--fill.p--landscape),#page-pc .page-products aside+main .p__products:has(>.p--fill.p--portrait),#page-pc .page-products aside+main .p__products:has(>.p--fit.p--landscape),#page-pc .page-products aside+main .p__products:has(>.p--fit.p--portrait),#page-search .page-products aside+main .p__products:has(>.p--fill.p--landscape),#page-search .page-products aside+main .p__products:has(>.p--fill.p--portrait),#page-search .page-products aside+main .p__products:has(>.p--fit.p--landscape),#page-search .page-products aside+main .p__products:has(>.p--fit.p--portrait) {
    gap:2.2rem;
    grid-template-columns: repeat(4,1fr)
  }}
@media only screen and (min-width: 180em) {
  #page-brand .page-products aside+main .p__products:has(>.p--fill.p--landscape),#page-brand .page-products aside+main .p__products:has(>.p--fill.p--portrait),#page-brand .page-products aside+main .p__products:has(>.p--fit.p--landscape),#page-brand .page-products aside+main .p__products:has(>.p--fit.p--portrait),#page-cat .page-products aside+main .p__products:has(>.p--fill.p--landscape),#page-cat .page-products aside+main .p__products:has(>.p--fill.p--portrait),#page-cat .page-products aside+main .p__products:has(>.p--fit.p--landscape),#page-cat .page-products aside+main .p__products:has(>.p--fit.p--portrait),#page-give .p__products:has(>.p--fill.p--landscape),#page-give .p__products:has(>.p--fill.p--portrait),#page-give .p__products:has(>.p--fit.p--landscape),#page-give .p__products:has(>.p--fit.p--portrait),#page-hub .page-products aside+main .p__products:has(>.p--fill.p--landscape),#page-hub .page-products aside+main .p__products:has(>.p--fill.p--portrait),#page-hub .page-products aside+main .p__products:has(>.p--fit.p--landscape),#page-hub .page-products aside+main .p__products:has(>.p--fit.p--portrait),#page-pc .page-products aside+main .p__products:has(>.p--fill.p--landscape),#page-pc .page-products aside+main .p__products:has(>.p--fill.p--portrait),#page-pc .page-products aside+main .p__products:has(>.p--fit.p--landscape),#page-pc .page-products aside+main .p__products:has(>.p--fit.p--portrait),#page-search .page-products aside+main .p__products:has(>.p--fill.p--landscape),#page-search .page-products aside+main .p__products:has(>.p--fill.p--portrait),#page-search .page-products aside+main .p__products:has(>.p--fit.p--landscape),#page-search .page-products aside+main .p__products:has(>.p--fit.p--portrait) {
    gap:2.5rem;
    grid-template-columns: repeat(4,1fr)
  }}
@media only screen and (max-width: 47.99em) and (min-width:23em) {
  .p--row,.p__products--row .p {
    grid-row-gap:1.25rem;
    padding: 1.1rem 1.75rem 1.1rem 1.5rem
  }
  .p__actions {
    right: .5rem;
    top: .5rem
  }}
@media only screen and (max-width: 47.99em) and (min-width:25.8em) {
  .p--row,.p__products--row .p {
    grid-row-gap:1.5rem;
    padding: 1.25rem 1.85rem 1.25rem 1.6rem
  }
  .p__actions {
    right: .6rem;
    top: .6rem
  }}
@media only screen and (max-width: 47.99em) and (min-width:48em) {
  .p--row,.p__products--row .p {
    grid-column-gap:1.5rem;
    grid-template-columns: 140px 1fr
  }}
.product-actions__button {
  align-items: center;
  border-radius: 100%;
  color: var(--colors-themed-30593245);
  cursor: pointer;
  display: flex;
  display: grid;
  height: 18px;
  justify-content: flex-end;
  justify-content: center;
  place-items: center;
  position: absolute;
  right: 0;
  top: 0;
  width: 18px
}
:root {
  --colors-themed-30593245: #a1a1a1
}
[data-theme=dark] {
  --colors-themed-30593245: #666
}
.product-actions__button svg {
  height: 18px;
  margin: 0;
  width: 4px
}
@media only screen and (max-width: 47.99em) {
  .product-actions__button {
    color:var(--colors-themed-32840029)
  }
  :root {
    --colors-themed-32840029: #a1a1a1
  }
  [data-theme=dark] {
    --colors-themed-32840029: #666
  }}
[data-theme=dark] .product-actions__button {
  background: 0 0
}
.product-actions__button--relative {
  position: relative
}
.product-actions__button--no-bg {
  background: 0 0!important
}
#page-giftfinder #back-to-top,#page-giftfinder #back-to-top-mobile,#page-giftfinder #footer-wrapper {
  display: none!important
}
.faq__term {
  color: #26282c;
  margin: auto;
  max-width: 100%;
  width: 700px
}
[data-theme=dark] .faq__term {
  color: #dde2e6
}
.faq__term img {
  max-width: 100%
}
.faq__term a:hover {
  color: #2d69c6!important;
  text-decoration: underline
}
[data-theme=dark] .faq__term a:hover {
  color: #709fe7!important
}
.faq__term h1 {
  font-size: 22.4px;
  font-weight: 700;
  line-height: 28px;
  margin: 0
}
.faq__term-body {
  font-size: 1.15rem;
  line-height: 1.65;
  margin-bottom: 3rem;
  margin-top: 32px
}
@media only screen and (min-width: 80em) {
  .faq__term-body {
    line-height:1.7
  }}
.faq__term-body * {
  color: inherit
}
.faq__term-body p {
  margin: 1.2rem 0
}
.faq__term-body li {
  margin: .5rem 0
}
.faq__term-body a {
  text-decoration: underline
}
.faq__term-questions {
  margin: 2rem 0
}
.faq__term-questions * {
  color: inherit
}
.faq__term-questions h2 {
  font-size: 18.2px;
  line-height: 24px;
  margin-bottom: 8px
}
.faq__term-questions ul {
  padding-left: 0
}
.faq__term-questions li {
  border-bottom: 1px solid #dbdbdb;
  font-size: 15.4px;
  line-height: 1.3;
  list-style: none;
  padding-block:18px}
.faq__term-questions li:first-child {
  border-top: 1px solid #dbdbdb
}
.faq__term-questions li a {
  align-items: center;
  display: flex;
  justify-content: space-between
}
.faq__term__categories {
  background-color: var(--colors-themed-body-bg);
  margin: 1rem 0;
  padding: 1rem 0
}
.faq__term__categories__inner {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 15px;
  margin-top: 1.05rem
}
@media only screen and (min-width: 120em) {
  .faq__term__categories {
    bottom:0;
    position: sticky
  }}
.faq__term__wrapper__category {
  display: flex;
  flex-basis: 100%;
  padding: 0
}
.faq__term__category {
  align-items: center;
  border-color: #dbdbdb;
  box-shadow: 0 1px 0 rgba(0,0,0,.05);
  display: flex;
  padding: 16px
}
[data-theme=dark] .faq__term__category {
  border: none
}
.faq__term__category__image {
  flex: none;
  height: 70px;
  margin: 0 1.05rem 0 0;
  mix-blend-mode: normal;
  width: 70px
}
.faq__term__meta {
  color: #000;
  flex: 1 1;
  overflow: hidden
}
[data-theme=dark] .faq__term__meta {
  color: #dde2e6
}
.faq__term__meta:hover .faq__term__meta__title {
  color: #2d69c6!important
}
.faq__term__meta__title {
  display: -webkit-box;
  font-size: 15.4px;
  font-weight: 700;
  line-height: 20px;
  margin: 0 0 .3rem;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical
}
.faq__term__meta__products {
  font-size: 15.4px;
  line-height: 20px;
  opacity: .5
}
@supports (display: grid) {
  @media only screen and (min-width:80em) {
    .faq__term__categories__inner {
      display:grid;
      gap: .5rem;
      grid-template-columns: repeat(auto-fit,minmax(300px,1fr))
    }  }}
.deals-distr__wrapper {
  margin-bottom: 4rem
}
.deals-distr {
  display: flex;
  justify-content: center
}
.deals-distr--center .deals-distr__cats {
  grid-auto-columns: 1fr
}
.deals-distr [data-scroll] {
  display: flex
}
.deals-distr__cats {
  display: grid;
  grid-auto-columns: max-content;
  grid-auto-flow: column;
  justify-items: center
}
.deals-distr__cat {
  align-items: center;
  background-color: var(--colors-themed-body-bg);
  border: 1px solid #ddd;
  color: inherit;
  cursor: pointer;
  display: flex;
  justify-content: center;
  margin-left: -1px;
  padding: 1rem;
  -webkit-user-select: none;
  user-select: none;
  width: calc(100% + 1px)
}
[data-theme=dark] .deals-distr__cat {
  border-color: #444;
  color: var(--colors-themed-body-color-lightest)
}
.deals-distr__cat:first-child {
  border-radius: 4px 0 0 4px;
  margin-left: 1px
}
.deals-distr__cat:last-child {
  border-radius: 0 4px 4px 0
}
.deals-distr__cat span {
  white-space: nowrap
}
.deals-distr__cat .icon {
  flex: none;
  height: 22px;
  margin-right: 1rem;
  width: 22px;
  stroke-width: 1.25px;
  fill: none!important;
  stroke: currentColor
}
.deals-distr__cat--selected {
  background-color: #f1f0f5;
  border-color: #c3c4c7;
  color: #ec1639;
  z-index: 2
}
[data-theme=dark] .deals-distr__cat--selected {
  background-color: #161616;
  border-color: #666;
  color: #fff
}
html.no-touch .deals-distr__cat:hover {
  text-decoration: none;
  z-index: 1
}
@media only screen and (max-width: 47.99em) {
  .deals-distr__wrapper {
    display:none
  }}
.deals-distr__subs {
  display: grid;
  gap: .5rem;
  grid-auto-columns: max-content;
  grid-auto-flow: column;
  justify-items: center;
  padding: 1rem 0
}
.deals-distr__sub {
  color: var(--colors-themed-body-color-lightest);
  white-space: nowrap
}
.deals-distr__sub--selected {
  color: #ec1639
}
[data-theme=dark] .deals-distr__sub--selected {
  color: #fff
}
.deals-tabs__wrapper {
  display: flex;
  justify-content: flex-start
}
.deals-tabs {
  justify-content: center;
  margin-bottom: 2rem
}
.deals-tabs,.deals-tabs__tab {
  align-items: center;
  display: flex
}
.deals-tabs__tab {
  color: var(--colors-themed-body-color-lighter);
  cursor: pointer;
  font-size: 1.2rem;
  font-variant-numeric: tabular-nums;
  font-weight: 400;
  margin-right: 1rem;
  min-width: 0;
  padding: .5rem 0;
  -webkit-user-select: none;
  user-select: none
}
[data-theme=dark] .deals-tabs__tab {
  color: var(--colors-themed-body-color-lightest)
}
.deals-tabs__tab--selected {
  color: #ec1639
}
[data-theme=dark] .deals-tabs__tab--selected {
  color: #fff
}
.deals-tabs__tab:hover {
  text-decoration: none!important
}
@media only screen and (max-width: 47.99em) {
  .deals-tabs__wrapper {
    display:none
  }}
.deals-merchants__header {
  text-align: center
}
.deals-merchants__description {
  color: var(--colors-themed-body-color-light);
  font-size: 1.1rem;
  font-weight: 400;
  margin: .5rem 0 0
}
.deals-merchants {
  margin-top: 2rem
}
.deals-merchants__wrapper {
  padding: .5rem
}
.deals-merchants__wrapper--hidden {
  display: none
}
.deals-merchants__merchant {
  align-items: center;
  background: #fff;
  border: 1px solid #eaeaea;
  border-radius: 8px;
  box-shadow: 0 2px 5px rgba(0,0,0,.02);
  color: inherit;
  display: flex;
  flex: 1 1;
  flex-direction: column;
  height: 100%;
  justify-content: center;
  padding: 1rem;
  position: relative;
  text-align: center;
  text-decoration: none;
  transition: all .25s ease-in-out;
  transition-property: border,box-shadow;
  transition: all .15s ease-in-out
}
[data-theme=dark] .deals-merchants__merchant {
  background: #26282c;
  box-shadow: inset 0 0 0 1px #26282c;
  transition: all .18s ease-in-out
}
@media only screen and (min-width: 48em) {
  .deals-merchants__merchant {
    padding:1rem
  }}
.deals-merchants__merchant[href] {
  color: inherit
}
@media (hover: hover) {
  .deals-merchants__merchant[href]:hover {
    border-color:#c3c4c7;
    text-decoration: none
  }
  [data-theme=dark] .deals-merchants__merchant[href]:hover {
    border: 0;
    border-color: transparent;
    box-shadow: inset 0 0 0 1px #444
  }}
[data-theme=dark] .deals-merchants__merchant {
  background-color: #fff;
  border: 0
}
[data-theme=dark] .deals-merchants__merchant img {
  background-color: #fff;
  border-radius: .25rem;
  padding: .5rem
}
@media only screen and (min-width: 25.8em) {
  .deals-merchants__merchant {
    padding:1.25rem
  }}
@media only screen and (min-width: 48em) {
  .deals-merchants__merchant {
    padding:1.5rem
  }}
@media only screen and (min-width: 64em) {
  .deals-merchants__merchant {
    padding:1.6rem
  }}
@media only screen and (min-width: 80em) {
  .deals-merchants__merchant {
    padding:1.7rem
  }}
@media only screen and (min-width: 120em) {
  .deals-merchants__merchant {
    padding:1.8rem
  }}
.deals-merchants__merchant .ratio {
  padding-bottom: 33%
}
.deals-merchants__meta {
  margin-top: auto;
  max-width: 100%;
  padding-top: 2rem
}
.deals-merchants__title-container {
  align-items: center;
  display: flex;
  gap: .25rem;
  justify-content: center;
  min-height: 1.95rem
}
.deals-merchants__title {
  color: var(--colors-themed-body-color);
  font-size: 1rem;
  font-weight: 500;
  line-height: 1;
  margin: 0;
  overflow: hidden;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap
}
[data-theme=dark] .deals-merchants__title {
  color: var(--colors-themed-body-bg)
}
.deals-merchants__certification-badge svg {
  border-radius: 0;
  height: auto;
  min-width: 16px;
  position: relative;
  transform: none
}
@media only screen and (min-width: 64em) {
  .deals-merchants__certification-badge svg {
    min-width:20px
  }}
.deals-merchants__total {
  color: #666;
  font-size: .9rem;
  margin-top: .35rem
}
html.no-touch .deals-merchants__wrapper:hover {
  text-decoration: none
}
html.no-touch .deals-merchants__wrapper:hover .deals-merchants__merchant {
  border-color: #bcbcbc;
  position: relative;
  z-index: 2
}
[data-theme=dark].no-touch .deals-merchants__wrapper:hover .deals-merchants__merchant {
  background-color: #fff
}
@media only screen and (min-width: 25.8em) {
  .deals-merchants__title {
    font-size:1.1rem
  }
  .deals-merchants__total {
    font-size: 1rem
  }}
@media only screen and (min-width: 48em) {
  .deals-merchants__header h1 {
    text-align:left
  }}
@media only screen and (min-width: 80em) {
  .deals-merchants__description,.deals-merchants__title {
    font-size:1.2rem
  }}
@media only screen and (min-width: 120em) {
  .deals-merchants__meta {
    padding-top:2.5rem
  }}
.deals-merchants__filter-wrapper {
  display: grid;
  justify-content: stretch;
  justify-items: center;
  margin: .75rem 0;
  width: 100%
}
input[type=search].deals-merchants__filter {
  border-radius: 8px!important;
  font-size: 16px!important;
  max-width: 400px;
  padding: 1rem;
  width: 100%
}
.deals-my__header {
  text-align: center
}
.root__wrapper--my {
  flex: 1 1;
  text-align: center
}
.deals-my__warn {
  font-size: 1.05rem;
  margin: 0 auto .5rem;
  max-width: 72rem
}
.deals-my__warn h3 {
  font-size: 1.3rem;
  font-weight: 500;
  margin: 0 0 .75rem
}
.deals-my__warn p {
  line-height: 1.55;
  margin: 1rem 0
}
.deals-my__image {
  margin-bottom: 2rem
}
.deals-my__buttons {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-top: 1rem
}
.deals-my__buttons .button {
  font-size: 1rem;
  margin: .25rem 0;
  padding: 1.25rem 2rem
}
@media only screen and (min-width: 48em) {
  .deals-my__warn {
    font-size:1.1rem;
    margin-bottom: 1rem;
    margin-top: 2rem
  }
  .deals-my__warn h1 {
    font-size: 1.8rem;
    margin-bottom: 1.5rem
  }
  .deals-my__buttons {
    flex-direction: row;
    margin-top: 2rem
  }
  .deals-my__buttons .button {
    font-size: 1.1rem;
    margin: 0 .25rem;
    white-space: nowrap;
    width: 18rem
  }}
@media only screen and (min-width: 80em) {
  .deals-my__warn {
    font-size:1.2rem
  }
  .deals-my__warn h1 {
    font-size: 2.1rem
  }}
#page-deals .product__wrapper {
  order: 1
}
#page-deals .product__wrapper:nth-of-type(-n+4) {
  order: -4
}
@media only screen and (min-width: 64em) {
  #page-deals .category-subscription {
    justify-content:center
  }
  #page-deals .category-subscription .category-subscription__prompt {
    margin: 0 1.5rem 0 0
  }
  #page-deals .category-subscription {
    align-items: center;
    display: flex;
    flex-direction: row;
    font-size: 1rem
  }
  #page-deals .category-subscription__prompt {
    margin: 0 1rem 0 0
  }}
@media only screen and (min-width: 48em) and (max-width:64em) {
  #page-deals .product__wrapper:nth-of-type(-n+6) {
    order:-4
  }}
@media only screen and (min-width: 64em) and (max-width:80em) {
  #page-deals .product__wrapper:nth-of-type(-n+4) {
    order:-4
  }}
@media only screen and (min-width: 80em) and (max-width:120em) {
  #page-deals .product__wrapper:nth-of-type(-n+5) {
    order:-4
  }}
@media only screen and (min-width: 120em) and (max-width:150em) {
  #page-deals .product__wrapper:nth-of-type(-n+6) {
    order:-4
  }}
@media only screen and (min-width: 150em) {
  #page-deals .product__wrapper:nth-of-type(-n+6) {
    order:-4
  }}
@media only screen and (min-width: 180em) {
  #page-deals .product__wrapper:nth-of-type(-n+15) {
    order:-4
  }}
.deals__picks {
  background-color: hsla(40,88%,90%,.6);
  margin-top: 1rem;
  padding: 2rem 0;
  position: relative;
  width: 100%
}
.deals__picks:after,.deals__picks:before {
  background: inherit;
  bottom: 0;
  content: "";
  position: absolute;
  top: 0;
  width: 1.05rem
}
.deals__picks:before {
  left: -1.05rem
}
.deals__picks:after {
  right: -1.05rem
}
[data-theme=dark] .deals__picks {
  background-color: #161616
}
.deals__picks-header {
  margin-bottom: 1rem
}
@media only screen and (min-width: 48em) {
  .deals__picks {
    margin-bottom:2rem;
    margin-top: 0;
    padding: 2rem 0
  }
  .deals__picks:after,.deals__picks:before {
    width: 1.92rem
  }
  .deals__picks:before {
    left: -1.92rem
  }
  .deals__picks:after {
    right: -1.92rem
  }}
@media only screen and (min-width: 64em) {
  .deals__picks {
    padding:3rem 0
  }
  .deals__picks:after,.deals__picks:before {
    width: 1.92rem
  }
  .deals__picks:before {
    left: -1.92rem
  }
  .deals__picks:after {
    right: -1.92rem
  }}
@media only screen and (min-width: 80em) {
  .deals__picks {
    padding:3.5rem 0
  }
  .deals__picks:after,.deals__picks:before {
    width: 3.5rem
  }
  .deals__picks:before {
    left: -3.5rem
  }
  .deals__picks:after {
    right: -3.5rem
  }}
.deals__twitter {
  display: grid;
  justify-content: center;
  margin-top: 1.5rem
}
.deals__twitter a {
  align-items: center;
  background: var(--colors-themed-body-bg);
  border-radius: 36px;
  display: grid;
  gap: .5rem;
  grid-template-columns: auto 1fr;
  height: 36px;
  padding: .5rem 1.25rem
}
.deals__twitter a:hover {
  text-decoration: none!important
}
.deals__twitter a svg {
  height: 20px;
  margin: 0;
  width: 20px
}
#page-deals .page-header img {
  display: block;
  margin: auto
}
@media only screen and (max-width: 47.99em) {
  #page-deals .page-header img {
    display:none
  }}
@media only screen and (min-width: 48em) {
  #page-deals .page-header--deals-default,#page-deals .page-header--deals-merchant,#page-deals .page-header--deals-my {
    background-color:var(--colors-themed-body-bg);
    padding: 1.2rem 0 1px;
    position: sticky;
    top: 0;
    z-index: 999999
  }}
.deals__scope-link {
  align-items: center;
  border: 1px solid transparent;
  border-radius: 4px;
  display: inline-flex;
  justify-self: center;
  margin-bottom: 1rem;
  padding: .5rem
}
.deals__scope-link:hover {
  border-color: #ddd
}
@media only screen and (max-width: 47.99em) {
  .deals__scope-link {
    display:none
  }}
[data-theme=dark] .deals__scope-link {
  background-color: #fff
}
.deals__my-buttons {
  align-items: center;
  display: grid;
  font-weight: 500;
  gap: .5rem;
  justify-content: center;
  justify-items: center
}
@media only screen and (min-width: 25.8em) {
  .deals__my-buttons {
    grid-auto-flow:column
  }}
@media only screen and (min-width: 35.5em) {
  .deals__my-buttons {
    display:inline-grid
  }}
@media only screen and (min-width: 48em) {
  #page-deals .page-header {
    text-align:center
  }}
.deals__my-button {
  align-items: center;
  -webkit-appearance: none;
  appearance: none;
  background: 0 0;
  border: 0;
  color: var(--colors-themed-anchor);
  display: grid;
  font-size: 1.1rem;
  gap: .5rem;
  grid-auto-flow: column;
  outline: 0;
  padding: 1rem
}
@media only screen and (max-width: 47.99em) {
  #page-deals .page-header .icon {
    display:none
  }}
.deals-black-filter__wrapper {
  display: grid;
  margin: 1.5rem 0;
  width: 100%
}
@media only screen and (min-width: 48em) {
  .deals-black-filter__wrapper {
    justify-content:center
  }}
.deals-black-filter {
  align-items: center;
  background: #f5f7f8;
  border-radius: 4px;
  cursor: pointer;
  display: grid;
  gap: .5rem;
  gap: 1.25rem;
  grid-template-columns: 1fr auto;
  padding: 1rem .5rem;
  -webkit-user-select: none;
  user-select: none;
  width: 100%
}
@media only screen and (min-width: 80em) {
  .deals-black-filter {
    font-size:1.05rem;
    gap: 2rem;
    padding: 1rem
  }}
@media only screen and (min-width: 120em) {
  .deals-black-filter {
    gap:3rem
  }}
.deals-black-filter svg {
  height: 22px;
  width: 22px
}
.deals-black-filter input {
  background: #fff;
  border-radius: 8px;
  height: 1.5rem;
  margin: 0!important;
  pointer-events: none;
  width: 1.5rem
}
[data-theme=dark] .deals-black-filter {
  background: #444
}
[data-theme=dark] .deals-black-filter input {
  border: 0
}
.deals-black-filter__label {
  align-items: center;
  display: grid;
  gap: .5rem;
  grid-auto-flow: column;
  justify-content: start;
  pointer-events: none
}
@media only screen and (min-width: 35.5em) {
  .deals-black-filter__label span:before {
    content:"Μόνο "
  }}
.deals-navigation__buttons {
  display: grid;
  gap: .5rem;
  grid-auto-columns: 1fr min-content;
  grid-auto-flow: column;
  margin: 1rem 0 .25rem
}
.deals-navigation__buttons .button {
  align-items: center;
  background-color: #fff;
  border-radius: 8px;
  display: grid;
  gap: 1rem;
  grid-template-columns: 1fr auto;
  height: 50px;
  justify-content: space-between;
  padding: 0 1rem!important;
  width: 100%
}
[data-theme=dark] .deals-navigation__buttons .button {
  background-color: #444
}
.deals-navigation__buttons .button svg {
  margin: 0!important;
  max-width: auto!important
}
.deals-navigation__buttons .button small {
  font-size: inherit;
  opacity: .5
}
.deals-navigation__buttons .button svg:last-child {
  opacity: .4;
  fill: currentColor;
  pointer-events: none;
  -webkit-user-select: none;
  user-select: none
}
.deals-navigation__icon {
  flex: none;
  height: 20px;
  margin: 0!important;
  width: 20px
}
.deals-navigation__meta {
  align-items: center;
  display: grid;
  gap: .5rem;
  grid-auto-columns: max-content;
  grid-auto-flow: column;
  grid-template-columns: auto 1fr;
  width: 100%
}
.deals-navigation__meta img {
  display: block;
  margin: 0
}
.deals-navigation__label {
  display: block;
  font-weight: 500;
  overflow: hidden;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%
}
.deals-navigation__meta img+.deals-navigation__label {
  opacity: 0
}
.deals-navigation__cnt {
  font-size: .9em;
  font-weight: 400;
  opacity: .5
}
@media only screen and (max-width: 47.99em) {
  #page-deals .deals-distr__cats,#page-deals .deals-distr__subs--leaf.deals-distr__subs--leaf,#page-deals .deals-merchants__header,#page-deals .deals-tabs.deals-tabs.deals-tabs {
    display:none!important
  }
  .deals-merchants {
    margin-top: 0
  }}
@media only screen and (min-width: 48em) {
  .deals-navigation__buttons {
    display:none
  }}
.deals-navigation__info {
  grid-template-columns: max-content!important
}
.deals-navigation__info .icon {
  margin-right: 0!important
}
.deals-top-categories__header {
  text-align: center
}
.deals-top-categories__description {
  color: var(--colors-themed-body-color-light);
  font-size: 1.1rem;
  font-weight: 400;
  margin: .5rem 0 0
}
.deals-top-categories {
  margin-top: 2rem
}
.deals-top-categories__wrapper {
  padding: .5rem
}
.deals-top-categories__wrapper--hidden {
  display: none
}
.deals-top-categories__category {
  align-items: center;
  background: #fff;
  border: 1px solid #eaeaea;
  border-radius: 8px;
  box-shadow: 0 2px 5px rgba(0,0,0,.02);
  color: inherit;
  display: flex;
  flex: 1 1;
  flex-direction: column;
  height: 100%;
  justify-content: center;
  padding: 1rem;
  position: relative;
  text-align: center;
  text-decoration: none;
  transition: all .25s ease-in-out;
  transition-property: border,box-shadow;
  transition: all .15s ease-in-out
}
[data-theme=dark] .deals-top-categories__category {
  background: #26282c;
  box-shadow: inset 0 0 0 1px #26282c;
  transition: all .18s ease-in-out
}
@media only screen and (min-width: 48em) {
  .deals-top-categories__category {
    padding:1rem
  }}
.deals-top-categories__category[href] {
  color: inherit
}
@media (hover: hover) {
  .deals-top-categories__category[href]:hover {
    border-color:#c3c4c7;
    text-decoration: none
  }
  [data-theme=dark] .deals-top-categories__category[href]:hover {
    border: 0;
    border-color: transparent;
    box-shadow: inset 0 0 0 1px #444
  }}
[data-theme=dark] .deals-top-categories__category {
  background-color: #fff;
  border: 0
}
[data-theme=dark] .deals-top-categories__category img {
  background-color: #fff;
  border-radius: .25rem;
  padding: .5rem
}
@media only screen and (min-width: 25.8em) {
  .deals-top-categories__category {
    padding:1.25rem
  }}
@media only screen and (min-width: 48em) {
  .deals-top-categories__category {
    padding:1.5rem
  }}
@media only screen and (min-width: 64em) {
  .deals-top-categories__category {
    padding:1.6rem
  }}
@media only screen and (min-width: 80em) {
  .deals-top-categories__category {
    padding:1.7rem
  }}
@media only screen and (min-width: 120em) {
  .deals-top-categories__category {
    padding:1.8rem
  }}
.deals-top-categories__category .ratio {
  padding-bottom: 70%
}
.deals-top-categories__meta {
  margin-top: auto;
  max-width: 100%;
  padding-top: 2rem
}
.deals-top-categories__title {
  color: var(--colors-themed-body-color);
  font-size: 1rem;
  font-weight: 500;
  line-height: 1;
  margin: 0;
  overflow: hidden;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap
}
[data-theme=dark] .deals-top-categories__title {
  color: var(--colors-themed-body-bg)
}
.deals-top-categories__total {
  color: #666;
  font-size: .9rem;
  margin-top: .35rem
}
html.no-touch .deals-top-categories__wrapper:hover {
  text-decoration: none
}
html.no-touch .deals-top-categories__wrapper:hover .deals-top-categories__category {
  border-color: #bcbcbc;
  position: relative;
  z-index: 2
}
[data-theme=dark].no-touch .deals-top-categories__wrapper:hover .deals-top-categories__category {
  background-color: #fff
}
@media only screen and (min-width: 25.8em) {
  .deals-top-categories__title {
    font-size:1.1rem
  }
  .deals-top-categories__total {
    font-size: 1rem
  }}
@media only screen and (min-width: 48em) {
  .deals-top-categories__header h1 {
    text-align:left
  }}
@media only screen and (min-width: 80em) {
  .deals-top-categories__description,.deals-top-categories__title {
    font-size:1.2rem
  }}
@media only screen and (min-width: 120em) {
  .deals-top-categories__meta {
    padding-top:2.5rem
  }}
.deals-top-categories__filter-wrapper {
  display: grid;
  justify-content: stretch;
  justify-items: center;
  margin: .75rem 0;
  width: 100%
}
input[type=search].deals-top-categories__filter {
  border-radius: 8px!important;
  font-size: 16px!important;
  max-width: 400px;
  padding: 1rem;
  width: 100%
}
#page-deals #root {
  padding-left: 0;
  padding-right: 0;
  padding-top: 0
}
#page-deals .root {
  position: relative
}
#page-deals .filter-today {
  border-top: 1px solid #eee;
  margin-bottom: 0!important
}
#page-deals .filter-deals {
  margin-bottom: 0!important
}
#page-deals .filter-deals img {
  border-radius: 50%;
  height: 25px;
  vertical-align: middle;
  width: 25px
}
#page-deals .filter-deals span {
  padding-left: .5rem
}
#page-deals #subscriptions p {
  display: inline-block;
  margin-right: 1rem
}
#page-deals #root aside {
  display: none
}
#page-deals .section-header__title {
  display: flex;
  font-size: 1.35rem;
  font-weight: 700;
  margin: 0
}
@media only screen and (min-width: 48em) {
  #page-deals .section-header__title {
    font-size:1.7rem;
    justify-content: center
  }}
#page-deals .section-header__subtitle {
  color: var(--colors-themed-body-color-lightest);
  font-size: 1rem;
  font-weight: 400;
  margin: .5rem 0
}
@media only screen and (min-width: 48em) {
  #page-deals .section-header__subtitle {
    font-size:1.05rem;
    text-align: center
  }}
#page-deals .page-header h1 {
  font-size: 1.2rem;
  font-weight: 700
}
@media only screen and (min-width: 48em) {
  #page-deals .page-header h1 {
    font-size:1.5rem
  }}
#page-deals .page-header__sorting {
  justify-content: space-between
}
.deals-drop-range {
  display: none;
  margin-bottom: 4px;
  padding: .7rem
}
@media only screen and (min-width: 48em) {
  .deals-drop-range {
    border:0;
    display: flex
  }
  #page-deals #trail {
    display: none
  }}
#page-conteststats .contest-stats {
  margin-left: auto;
  margin-right: auto
}
.comparison-trail__placeholder {
  display: none;
  position: absolute
}
#page-compare .page__body {
  max-height: 100%;
  max-width: 100%;
  overflow: auto
}
#page-compare #root:before {
  display: none
}
#page-compare .comparison-trail__placeholder {
  display: block;
  left: 0;
  margin-top: .91rem;
  padding-bottom: 0;
  padding-top: 0;
  position: sticky
}
#page-compare .comparison-trail__placeholder #trail {
  margin: 0 auto;
  max-width: 1650px
}
@media only screen and (min-width: 48em) {
  #page-compare .comparison-trail__placeholder {
    margin-top:.7rem
  }}
#page-compare .bp-header__outer-wrapper {
  left: 0;
  position: sticky;
  z-index: 999999999
}
#page-compare #back-to-top,#page-compare #back-to-top-mobile,#page-compare #footer-wrapper {
  display: none!important
}
#page-compare #root,#page-compare #root .root__wrapper {
  padding-bottom: 0!important
}
#page-compare .shortlist__wrapper:not(.shortlist--open) .shortlist {
  min-width: 0
}
#page-compare .shortlist__wrapper:not(.shortlist--open) .shortlist .shortlist__header-title-label {
  display: none
}
#page-compare .shortlist__wrapper:not(.shortlist--open) .shortlist .shortlist__header-title-count:after,#page-compare .shortlist__wrapper:not(.shortlist--open) .shortlist .shortlist__header-title-count:before {
  content: ""
}
#page-collection #back-to-top,#page-collection #back-to-top-mobile,#page-collection #footer-wrapper {
  display: none!important
}
#page-collection .shortlist__wrapper:not(.shortlist--open) .shortlist {
  min-width: 0
}
#page-collection .shortlist__wrapper:not(.shortlist--open) .shortlist .shortlist__header-title-label {
  display: none
}
#page-collection .shortlist__wrapper:not(.shortlist--open) .shortlist .shortlist__header-title-count:after,#page-collection .shortlist__wrapper:not(.shortlist--open) .shortlist .shortlist__header-title-count:before {
  content: ""
}
.root-category__brands {
  display: grid;
  gap: .75rem;
  grid-template-columns: repeat(auto-fill,minmax(120px,1fr))
}
@media only screen and (min-width: 64em) {
  .root-category__brands {
    gap:1rem;
    grid-template-columns: repeat(auto-fill,minmax(160px,1fr))
  }}
.root-category__brand {
  background: #fff;
  background: #fff!important;
  border: 1px solid #eaeaea;
  border-radius: 8px;
  box-shadow: 0 2px 5px rgba(0,0,0,.02);
  color: inherit;
  display: grid;
  max-width: 200px;
  min-width: 120px;
  padding: 1.5rem;
  place-items: center;
  position: relative;
  text-decoration: none;
  transition: all .25s ease-in-out;
  transition-property: border,box-shadow
}
[data-theme=dark] .root-category__brand {
  background: #26282c;
  border: 0;
  box-shadow: inset 0 0 0 1px #26282c;
  transition: all .18s ease-in-out
}
@media only screen and (min-width: 48em) {
  .root-category__brand {
    padding:1.5rem
  }}
.root-category__brand[href] {
  color: inherit
}
@media (hover: hover) {
  .root-category__brand[href]:hover {
    border-color:#c3c4c7;
    text-decoration: none
  }
  [data-theme=dark] .root-category__brand[href]:hover {
    border: 0;
    border-color: transparent;
    box-shadow: inset 0 0 0 1px #444
  }}
[data-theme=dark] .root-category__brand,[data-theme=dark] .root-category__brand:hover {
  color: #262626
}
.root-category__brand img {
  display: block;
  max-width: 100%
}
.root-category__root.root__wrapper {
  margin-bottom: 2rem
}
.root-category__categories {
  display: grid;
  gap: .5rem;
  grid-auto-flow: row dense
}
.root-category__categories .root-category__category {
  max-width: 420px
}
@media only screen and (min-width: 20em) {
  .root-category__categories {
    grid-template-columns:repeat(2,1fr)
  }}
@media only screen and (min-width: 25.8em) {
  .root-category__categories {
    grid-template-columns:repeat(3,1fr)
  }}
@media only screen and (min-width: 35.5em) {
  .root-category__categories {
    gap:.75rem;
    grid-template-columns: repeat(auto-fit,minmax(140px,1fr))
  }}
@media only screen and (min-width: 48em) {
  .root-category__categories {
    grid-template-columns:repeat(auto-fit,minmax(160px,1fr))
  }}
@media only screen and (min-width: 64em) {
  .root-category__categories {
    gap:1.1rem;
    grid-template-columns: repeat(auto-fit,minmax(180px,1fr))
  }}
@media only screen and (min-width: 80em) {
  .root-category__categories {
    gap:1.2rem;
    grid-template-columns: repeat(auto-fill,minmax(200px,1fr))
  }}
@media only screen and (min-width: 120em) {
  .root-category__categories {
    gap:1.3rem
  }}
.root-category__category {
  background: #fff;
  border: 1px solid #eaeaea;
  border-radius: 8px;
  box-shadow: 0 2px 5px rgba(0,0,0,.02);
  color: inherit;
  display: grid;
  gap: 1rem;
  grid-auto-rows: max-content;
  grid-template-rows: max-content auto;
  overflow: hidden;
  padding: 1.05rem;
  position: relative;
  text-decoration: none;
  transition: all .25s ease-in-out;
  transition-property: border,box-shadow
}
[data-theme=dark] .root-category__category {
  background: #26282c;
  border: 0;
  box-shadow: inset 0 0 0 1px #26282c;
  transition: all .18s ease-in-out
}
@media only screen and (min-width: 48em) {
  .root-category__category {
    padding:1.92rem
  }}
.root-category__category[href] {
  color: inherit
}
@media (hover: hover) {
  .root-category__category[href]:hover {
    border-color:#c3c4c7;
    text-decoration: none
  }
  [data-theme=dark] .root-category__category[href]:hover {
    border: 0;
    border-color: transparent;
    box-shadow: inset 0 0 0 1px #444
  }}
.root-category__category a {
  color: inherit;
  text-underline-offset: 2px
}
@media only screen and (min-width: 80em) {
  .root-category__category {
    gap:1.25rem
  }}
.root-category__cover img {
  aspect-ratio: 1;
  display: block;
  height: auto;
  width: 100%
}
.root-category__category-title {
  color: inherit;
  display: -webkit-box;
  font-size: 1rem;
  font-weight: 400;
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  font-weight: 500;
  text-align: center
}
@media (hover: hover) {
  .root-category__category-title {
    min-height:2.5rem
  }}
@media only screen and (min-width: 48em) {
  .root-category__category-title {
    font-size:1.05rem;
    text-align: left;
    -webkit-font-smoothing: antialiased
  }}
.root-category__footer {
  color: var(--colors-themed-body-color-lighter)
}
.root-category__links {
  display: -webkit-box;
  line-height: 1.5;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical
}
.touch .root-category__links {
  display: none
}
@media only screen and (max-width: 47.99em) {
  .root-category__links {
    display:none
  }}
.root-category__category--adult {
  cursor: pointer;
  overflow: hidden;
  position: relative
}
.root-category__category--adult img {
  filter: blur(8px)
}
.root-category__category--adult .p__adult {
  opacity: 0;
  pointer-events: none
}
.p__badge.root-category__alias {
  inset: .5rem auto auto .5rem;
  position: absolute;
  -webkit-font-smoothing: antialiased;
  align-items: center;
  background: var(--colors-themed-body-bg);
  color: var(--colors-themed-body-color-light);
  display: flex;
  font-size: .9rem;
  font-weight: 400;
  gap: .5rem;
  max-width: 100%;
  min-width: 0;
  pointer-events: none;
  z-index: 9
}
.root-category__alias-label {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}
.section.root-category__promo {
  grid-column: 1/-1;
  margin-top: 1rem;
  max-width: 1200px
}
.section.root-category__promo h2 {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
  -webkit-line-clamp: 20;
  -webkit-box-orient: vertical;
  font-size: inherit;
  font-weight: inherit;
  line-height: 1.5;
  margin: 0
}
.section.root-category__promo a {
  color: inherit;
  text-decoration: underline
}
@media only screen and (min-width: 64em) {
  .section.root-category__promo {
    font-size:1.08rem
  }}
@media only screen and (min-width: 80em) {
  .section.root-category__promo {
    font-size:1.1rem
  }}
.brand-selector.brand-selector {
  display: grid!important;
  display: grid;
  flex: none;
  gap: .6rem;
  grid-auto-columns: calc(35.71429% - .38571rem);
  grid-auto-flow: column;
  grid-column: 1/-1;
  max-width: 100%;
  min-width: 0;
  -webkit-user-select: none;
  user-select: none
}
.brand-selector.brand-selector>.p {
  min-width: calc(35.71429% - .38571rem)
}
.brand-selector.brand-selector:last-child {
  margin-right: 0
}
.brand-selector.brand-selector.scroll__content {
  display: grid
}
@media only screen and (min-width: 23em) {
  .brand-selector.brand-selector {
    display:grid;
    flex: none;
    gap: .6rem;
    grid-auto-columns: calc(28.57143% - .42857rem);
    grid-auto-flow: column
  }
  .brand-selector.brand-selector>.p {
    min-width: calc(28.57143% - .42857rem)
  }
  .brand-selector.brand-selector:last-child {
    margin-right: 0
  }
  .brand-selector.brand-selector.scroll__content {
    display: grid
  }}
@media only screen and (min-width: 25.8em) {
  .brand-selector.brand-selector {
    display:grid;
    flex: none;
    gap: .6rem;
    grid-auto-columns: calc(22.22222% - .46667rem);
    grid-auto-flow: column
  }
  .brand-selector.brand-selector>.p {
    min-width: calc(22.22222% - .46667rem)
  }
  .brand-selector.brand-selector:last-child {
    margin-right: 0
  }
  .brand-selector.brand-selector.scroll__content {
    display: grid
  }}
@media only screen and (min-width: 35.5em) {
  .brand-selector.brand-selector {
    display:grid;
    flex: none;
    gap: .6rem;
    grid-auto-columns: calc(18.18182% - .49091rem);
    grid-auto-flow: column
  }
  .brand-selector.brand-selector>.p {
    min-width: calc(18.18182% - .49091rem)
  }
  .brand-selector.brand-selector:last-child {
    margin-right: 0
  }
  .brand-selector.brand-selector.scroll__content {
    display: grid
  }}
@media only screen and (min-width: 48em) and (max-width:53em) {
  .brand-selector.brand-selector {
    display:grid;
    flex: none;
    gap: .6rem;
    grid-auto-columns: calc(16.66667% - .5rem);
    grid-auto-flow: column
  }
  .brand-selector.brand-selector>.p {
    min-width: calc(16.66667% - .5rem)
  }
  .brand-selector.brand-selector:last-child {
    margin-right: 0
  }
  .brand-selector.brand-selector.scroll__content {
    display: grid
  }}
@media only screen and (min-width: 48em) {
  .brand-selector.brand-selector {
    display:grid;
    flex: none;
    gap: .6rem;
    grid-auto-columns: calc(20% - .48rem);
    grid-auto-flow: column
  }
  .brand-selector.brand-selector>.p {
    min-width: calc(20% - .48rem)
  }
  .brand-selector.brand-selector:last-child {
    margin-right: 0
  }
  .brand-selector.brand-selector.scroll__content {
    display: grid
  }}
@media only screen and (min-width: 64em) {
  .brand-selector.brand-selector {
    display:grid;
    flex: none;
    gap: .6rem;
    grid-auto-columns: calc(16.66667% - .5rem);
    grid-auto-flow: column
  }
  .brand-selector.brand-selector>.p {
    min-width: calc(16.66667% - .5rem)
  }
  .brand-selector.brand-selector:last-child {
    margin-right: 0
  }
  .brand-selector.brand-selector.scroll__content {
    display: grid
  }}
@media only screen and (min-width: 80em) {
  .brand-selector.brand-selector {
    grid-auto-columns:1fr;
    margin-bottom: .5rem
  }}
@media only screen and (min-width: 120em) {
  .brand-selector.brand-selector {
    margin-bottom:1rem
  }}
.brand-selector.brand-selector a {
  background: #fff;
  background-color: transparent;
  border: 1px solid #ddd;
  border-radius: 8px;
  box-shadow: 0 2px 5px rgba(0,0,0,.02);
  color: inherit;
  display: grid;
  padding: 1.05rem;
  place-items: center;
  position: relative;
  text-decoration: none;
  transition: all .25s ease-in-out;
  transition-property: border,box-shadow
}
[data-theme=dark] .brand-selector.brand-selector a {
  background: #26282c;
  border: 0;
  box-shadow: inset 0 0 0 1px #26282c;
  transition: all .18s ease-in-out
}
@media only screen and (min-width: 48em) {
  .brand-selector.brand-selector a {
    padding:1.92rem
  }}
.brand-selector.brand-selector a[href] {
  color: inherit
}
@media (hover: hover) {
  .brand-selector.brand-selector a[href]:hover {
    border-color:#c3c4c7;
    text-decoration: none
  }
  [data-theme=dark] .brand-selector.brand-selector a[href]:hover {
    border: 0;
    border-color: transparent;
    box-shadow: inset 0 0 0 1px #444
  }}
[data-theme=dark] .brand-selector.brand-selector a {
  background-color: #fff
}
.brand-selector.brand-selector a img {
  display: block;
  height: 30px;
  margin: 0;
  max-width: 100%;
  width: auto
}
.brand-selector.brand-selector a span {
  display: none
}
@media only screen and (min-width: 80em) {
  .brand-selector.brand-selector a {
    padding-bottom:1rem;
    padding-top: 1rem
  }}
html body .brand-selector.brand-selector.brand-selector {
  display: grid
}
.parent-cats {
  background: #ec1639;
  display: none;
  margin-top: -1rem;
  position: relative;
  z-index: 8889
}
.parent-cats a {
  color: hsla(0,0%,100%,.7)!important;
  display: block;
  display: none;
  font-size: .95rem;
  letter-spacing: .2px;
  padding: .15rem 0 .7rem;
  position: relative;
  text-overflow: ellipsis;
  white-space: nowrap
}
.parent-cats a:hover {
  color: #fff!important;
  text-decoration: none!important
}
.parent-cats a:first-child {
  padding-left: 0
}
.parent-cats a:last-child {
  padding-right: 0
}
.parent-cats a:nth-child(-n+5) {
  display: block
}
.parent-cats a.selected {
  color: #fff!important
}
.parent-cats .root {
  align-items: center;
  display: flex;
  justify-content: space-around;
  overflow: hidden;
  text-overflow: ellipsis
}
.parent-cats__more {
  display: block!important
}
@media only screen and (min-width: 64em) {
  .parent-cats,.parent-cats a:nth-child(-n+4) {
    display:block
  }}
@media only screen and (min-width: 80em) {
  .parent-cats,.parent-cats a:nth-child(-n+5) {
    display:block
  }}
@media only screen and (min-width: 120em) {
  .parent-cats a:nth-child(-n+6) {
    display:block
  }}
#page-cat #root .webspace--loaded[data-id="43039"] {
  margin: 1rem auto;
  width: 100%
}
#page-cat #root .webspace--loaded[data-id="43038"] iframe {
  transform: scale(.8)
}
#page-cat #root #root .root {
  position: relative
}
.pagination-deals-container {
  margin-top: 1.05rem
}
@media only screen and (min-width: 35.5em) {
  #page-cat #root .pagination-deals-container {
    text-align:left
  }}
@media only screen and (min-width: 48em) {
  #page-cat #root #flex-container {
    flex-direction:row
  }
  #page-cat #root .page-header h5.count {
    display: block
  }}
@media only screen and (min-width: 80em) {
  .pagination-deals-container {
    align-items:center;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 2rem;
    margin-top: 1.92rem
  }
  .pagination-deals-container .pagination {
    margin: 0
  }}
#page-cat .p__products-section:not(:first-child) section {
  margin: 1rem 0
}
#bundler-placeholder {
  display: grid;
  justify-content: center;
  min-height: 0
}
#page-bundler .page__body {
  align-items: start;
  display: grid;
  grid-template-rows: auto 1fr;
  max-height: 100vh;
  min-height: 0
}
#page-bundler #root {
  align-items: start
}
#page-bundler #root,#page-bundler .root,#page-bundler .root__wrapper {
  display: grid;
  grid-template-rows: 1fr;
  max-height: 100%;
  min-height: 0
}
.brands-top-cats {
  width: 100%
}
.brands-top__inner {
  display: flex!important;
  flex-wrap: nowrap;
  width: 100%
}
.brands__top-cat {
  align-items: center;
  box-shadow: inset 0 -1px 0 var(--colors-themed-separator);
  color: inherit;
  display: flex;
  flex: 1 0 auto;
  flex-direction: column;
  font-weight: 500;
  padding: 1.5rem
}
.brands__top-cat svg {
  height: 30px;
  margin-bottom: .5rem;
  width: 30px;
  stroke: currentColor;
  fill: transparent
}
.brands__top-cat--selected {
  box-shadow: inset 0 -3px 0 #ec1639;
  color: #ec1639!important
}
.brands-sub-cats {
  margin: 1rem 0
}
.brands-sub__inner {
  display: flex!important;
  flex-wrap: nowrap;
  font-size: 1.05rem;
  justify-content: center
}
.brands-sub__inner a {
  color: inherit;
  white-space: nowrap
}
.brands__sub-cat {
  padding: .25rem .5rem
}
.brands__sub-cat--selected {
  color: #ec1639!important
}
.top-brands {
  margin-top: 3rem
}
.top-brands h3 {
  font-weight: 700
}
.top-brands__brands {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 1rem
}
.top-brands__brands .box-wrapper {
  width: 33%
}
.top-brands__brands .brand {
  color: var(--colors-themed-body-color-light);
  width: auto!important
}
@media only screen and (min-width: 25.8em) {
  .top-brands__brands .box-wrapper {
    width:25%
  }}
@media only screen and (min-width: 48em) {
  .top-brands__brands .box-wrapper {
    width:20%
  }
  .top-brands__brands .box-wrapper:nth-child(n+11) {
    display: none
  }}
@media only screen and (min-width: 64em) {
  .top-brands__brands {
    flex-direction:row;
    flex-wrap: nowrap
  }
  .top-brands__brands .box-wrapper {
    width: 100%
  }
  .top-brands__brands .box-wrapper:nth-child(n+10) {
    display: none
  }}
@media only screen and (min-width: 80em) {
  .top-brands__brands .box-wrapper {
    flex:1 1;
    flex-shrink: 0;
    width: auto
  }
  .top-brands__brands .box-wrapper:nth-child(n+10) {
    display: block
  }}
html.supports-grid .top-brands__brands {
  display: grid;
  grid-template-columns: repeat(3,1fr);
  grid-gap: .5rem
}
@media only screen and (min-width: 25.8em) {
  html.supports-grid .top-brands__brands {
    grid-template-columns:repeat(4,1fr)
  }}
@media only screen and (min-width: 35.5em) {
  html.supports-grid .top-brands__brands {
    grid-template-columns:repeat(5,1fr)
  }}
@media only screen and (min-width: 48em) {
  html.supports-grid .top-brands__brands {
    grid-template-columns:repeat(6,1fr)
  }}
@media only screen and (min-width: 64em) {
  html.supports-grid .top-brands__brands {
    grid-template-columns:repeat(7,1fr)
  }}
@media only screen and (min-width: 80em) {
  html.supports-grid .top-brands__brands {
    grid-template-columns:repeat(8,1fr)
  }}
@media only screen and (min-width: 120em) {
  html.supports-grid .top-brands__brands {
    grid-template-columns:repeat(10,1fr)
  }}
html.supports-grid .top-brands__brands .box-wrapper {
  padding: 0;
  width: auto
}
.brand-directory {
  display: flex;
  flex-direction: column
}
.brand-directory__letters {
  font-size: 1.1rem;
  margin: 0
}
.brand-directory__letters nav {
  display: flex;
  justify-content: space-between;
  padding: 1rem 0;
  width: 100%
}
.brand-directory__letters span {
  color: #767676
}
.brand-directory__letters-wrapper {
  opacity: 0;
  pointer-events: none;
  position: fixed;
  transition: opacity .25s ease-in-out
}
.brand-directory__letter {
  border-top: 1px solid var(--colors-themed-separator);
  display: block;
  flex-direction: column;
  padding: 1.92rem 0
}
.brand-directory__letter aside {
  display: block;
  margin-bottom: 1rem
}
.brand-directory__letter aside h3 {
  font-size: 1.7rem;
  font-weight: 900;
  margin: 0;
  position: sticky;
  top: 0
}
.brand-directory__letter .brand-directory__letter-main {
  display: block;
  flex: 1 1
}
.brand-directory__letter ol {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  list-style-type: none;
  margin: 0;
  padding: 0
}
.brand-directory__letter li {
  list-style-type: none;
  margin: .25rem;
  padding: 0;
  width: calc(50% - 1rem)
}
.brand-directory__letter li a {
  color: inherit;
  display: block;
  overflow: hidden;
  padding: .5rem 1rem .5rem 0;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%
}
@media only screen and (min-width: 48em) {
  .brand-directory__letters-wrapper {
    display:flex;
    opacity: 1;
    pointer-events: auto;
    position: static
  }
  .brand-directory__letter li {
    width: 33%
  }}
@media only screen and (min-width: 64em) {
  .brand-directory__letter aside h3 {
    font-size:1.8rem
  }
  .brand-directory__letter li {
    width: 20%
  }}
@media only screen and (min-width: 80em) {
  .brand-directory__letter aside h3 {
    font-size:1.9rem
  }
  .brand-directory__letter li {
    width: 16.6%
  }
  .brand-directory__letter {
    display: flex;
    flex-direction: row
  }
  .brand-directory__letter aside {
    margin-bottom: 0;
    margin-right: 1rem;
    width: 8rem
  }
  .brand-directory__letter aside h3 {
    font-size: 2.1rem
  }
  .brand-directory__letter li {
    width: 14.2%
  }}
.brand-directory__letters-wrapper nav a,.brand-directory__letters-wrapper nav span {
  color: inherit;
  padding: .5rem
}
.brand-directory__letters-wrapper nav span {
  opacity: .5
}
.brands-fixed-letters .brand-directory__letters-wrapper {
  align-items: center;
  bottom: 1.7rem;
  display: block;
  display: flex;
  font-size: .8rem;
  opacity: 1;
  padding: .5rem 0;
  pointer-events: auto;
  position: fixed;
  right: 0;
  top: .5rem
}
.brands-fixed-letters .brand-directory__letters-wrapper nav {
  align-items: center;
  background: var(--colors-themed-body-bg);
  display: flex;
  flex-direction: column;
  font-weight: 500;
  justify-content: center;
  margin: 0;
  padding: 1rem .95rem
}
.brands-fixed-letters .brand-directory__letters-wrapper a {
  padding: .2rem
}
.brand-directory__letters-wrapper nav.is-sticky {
  background: var(--colors-themed-body-bg);
  border-bottom: 1px solid #ddd
}
[data-theme=dark] .brand-directory__letters-wrapper nav.is-sticky {
  border-bottom: 1px solid #444
}
#page-brands .page-header {
  display: flex;
  flex-direction: column
}
#page-brands .page-header .autocomplete__wrapper,#page-brands .page-header input {
  width: 100%
}
#page-brands .page-header input {
  margin-top: 1rem
}
@media only screen and (min-width: 35.5em) {
  #page-brands .page-header {
    align-items:center;
    flex-direction: row
  }
  #page-brands .page-header .autocomplete__wrapper,#page-brands .page-header input {
    width: auto
  }
  #page-brands .page-header input {
    margin-left: auto;
    margin-top: 0
  }
  #page-brands .page-header .autocomplete__wrapper {
    margin-left: auto
  }}
.page-products__cover {
  margin-bottom: 1.5rem
}
.page-products__cover img {
  aspect-ratio: 1500/250;
  border-radius: 8px;
  height: auto;
  max-width: 100%;
  overflow: hidden;
  width: 100%
}
#page-brand:has(.page-products__cover) #trail {
  display: none
}
#page-brand .filters__categories .filters__header {
  display: none
}
.author-page {
  display: grid;
  gap: 1rem
}
@media only screen and (min-width: 48em) {
  .author-page {
    gap:2rem;
    grid-template-columns: auto 1fr
  }}
@media only screen and (min-width: 64em) {
  .author-page {
    gap:2.2rem
  }}
@media only screen and (min-width: 80em) {
  .author-page {
    gap:2.5rem
  }}
@media only screen and (min-width: 120em) {
  .author-page {
    gap:2.7rem
  }}
@media only screen and (min-width: 150em) {
  .author-page {
    gap:3rem
  }}
.author-page__author {
  display: grid;
  gap: 1rem;
  justify-content: center
}
.author-page__image img {
  border-radius: 4px;
  display: block;
  height: 320px;
  margin: auto;
  object-fit: cover;
  width: auto
}
@media only screen and (min-width: 48em) {
  .author-page__image img {
    border-radius:6px;
    height: auto;
    max-width: 380px;
    width: 22vw
  }}
.author-page__bio {
  font-size: 1.1rem;
  line-height: 1.4
}
@media only screen and (min-width: 80em) {
  .author-page__bio {
    font-size:1.15rem
  }}
.author-page__bio p {
  margin: 1rem 0
}
.author-page__meta {
  display: grid;
  gap: .5rem
}
.author-page__meta h1 {
  margin: 0;
  text-align: left
}
.author-page__meta .page-header__count-wrapper {
  display: grid;
  grid-auto-flow: row;
  margin-top: 0
}
@media only screen and (min-width: 48em) {
  .author-page .p__products {
    gap:1.5rem;
    grid-template-columns: repeat(2,1fr)
  }}
.author-page .p__products .p {
  max-width: 300px
}
@media only screen and (min-width: 64em) {
  .author-page .p__products {
    gap:2rem;
    grid-template-columns: repeat(auto-fill,minmax(220px,1fr))
  }}
@media only screen and (min-width: 80em) {
  .author-page .p__products {
    gap:2.25rem;
    grid-template-columns: repeat(auto-fill,minmax(220px,1fr))
  }}
.author-page__bpc {
  margin: 0
}
@media only screen and (max-width: 47.99em) {
  .author-page__bpc {
    display:none
  }}
.page-account__avatar {
  cursor: pointer;
  margin-bottom: 1rem;
  position: relative
}
.page-account__avatar .avatar {
  border-radius: 0;
  box-shadow: none
}
.page-account__avatar span[data-linkedTo] {
  background: #fff;
  border: 0!important;
  bottom: 0;
  padding: .5rem;
  position: absolute;
  right: -1px
}
#page-account #footer-wrapper {
  display: none
}
.root--account {
  display: flex;
  flex-direction: column
}
.root--account>aside {
  display: none;
  flex: none;
  margin-right: 1.92rem;
  max-width: 100%;
  width: 250px
}
.root--account>main {
  flex: 1 1
}
#page-account .orders.page-header {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  max-width: 800px
}
#page-account .orders.page-header a {
  color: var(--colors-themed-87654800);
  text-decoration: underline;
  white-space: nowrap
}
:root {
  --colors-themed-87654800: #26282c
}
[data-theme=dark] {
  --colors-themed-87654800: #dde2e6
}
#page-account .orders-faq {
  margin-top: 24px;
  max-width: 800px
}
#page-account .orders-faq>h3 {
  font-weight: 700
}
#page-account .orders-faq>section {
  margin: 0
}
#page-account .orders-faq .faq__section {
  display: block
}
#page-account .orders-faq .faq__question:first-child {
  border-top-color: transparent
}
@media only screen and (min-width: 48em) {
  #page-account #footer-wrapper,.root--account>aside {
    display:block
  }
  .root--account {
    flex-direction: row
  }
  #page-account .orders.page-header {
    flex-wrap: nowrap
  }
  #page-account .orders-faq {
    margin-top: 48px
  }}
#root-404 {
  flex: 1 1;
  padding-bottom: 2rem;
  padding-top: 2rem;
  text-align: center
}
#root-404 svg {
  height: 64px;
  margin-bottom: 1.92rem;
  width: 50px
}
#root-404 h1 {
  font-size: 1.5rem;
  margin: 2rem 0 1rem
}
@media only screen and (min-width: 35.5em) {
  #root-404 {
    font-size:1.1rem
  }
  #root-404 h1 {
    font-size: 1.6rem;
    font-weight: 900
  }}
@media only screen and (min-width: 48em) {
  #root-404 {
    padding-bottom:2rem;
    padding-top: 6rem
  }}
#animation-404 {
  height: 500px;
  margin-left: -1.05rem;
  margin-right: -1.05rem;
  max-height: 40vh;
  max-width: 100vw
}
#root-404 .top-deals__placeholder {
  margin-top: 4rem
}
.actions__404 {
  flex-direction: column;
  margin: auto auto 3rem;
  max-width: calc(100% - 2.1rem)
}
.actions__404,.actions__404 .button {
  align-items: center;
  display: flex;
  justify-content: center
}
.actions__404 .button {
  flex: 1 1;
  font-weight: 700;
  margin: .25rem 0;
  max-width: 340px
}
@media only screen and (min-width: 48em) {
  #animation-404 {
    margin-left:0;
    margin-right: 0;
    max-height: 50vh
  }
  .actions__404 {
    flex-direction: row;
    max-width: 600px
  }
  .actions__404 .button {
    margin: 0 .25rem
  }}
.has-sitemap #animation-404 {
  visibility: hidden
}
.promo {
  align-content: center;
  display: grid;
  gap: .25rem;
  justify-content: start;
  justify-items: start;
  overflow: hidden;
  padding: 1.05rem;
  text-decoration: none;
  text-decoration: none!important;
  -webkit-user-select: none;
  user-select: none;
  -webkit-font-smoothing: antialiased
}
@media only screen and (min-width: 23em) {
  .promo {
    padding:1.2rem
  }}
@media only screen and (min-width: 25.8em) {
  .promo {
    padding:1.5rem
  }}
@media only screen and (min-width: 48em) {
  .promo {
    border-radius:8px;
    padding: 1.92rem
  }}
@media only screen and (min-width: 64em) {
  .promo {
    padding:2rem
  }}
@media only screen and (min-width: 80em) {
  .promo {
    padding:2.2rem
  }}
@media only screen and (min-width: 120em) {
  .promo {
    padding:2.5rem
  }}
@media (hover: hover) {
  a.promo {
    transition:filter .35s ease-in-out
  }
  a.promo:hover {
    color: currentColor;
    filter: contrast(103%) brightness(101%)
  }}
.promo__title {
  font-size: 1rem;
  font-weight: 700;
  margin: 0
}
@media only screen and (min-width: 20em) {
  .promo__title {
    font-size:1.1rem
  }}
@media only screen and (min-width: 23em) {
  .promo__title {
    font-size:1.2rem
  }}
@media only screen and (min-width: 25.8em) {
  .promo__title {
    font-size:1.25rem
  }}
@media only screen and (min-width: 80em) {
  .promo__title {
    font-size:1.5rem
  }}
.promo__description {
  font-size: .95rem;
  max-width: 250px;
  opacity: .85
}
@media only screen and (min-width: 23em) {
  .promo__description {
    font-size:1rem;
    max-width: 280px
  }}
@media only screen and (min-width: 25.8em) {
  .promo__description {
    font-size:1.08rem
  }}
@media only screen and (min-width: 35.5em) {
  .promo__description {
    font-size:1.1rem
  }}
@media only screen and (min-width: 48em) {
  .promo__description {
    font-size:1.15rem;
    max-width: 300px
  }}
.promo__button {
  align-items: center;
  border-radius: 4px;
  display: grid;
  font-weight: 500;
  margin-top: 1rem;
  padding: .85rem 1.25rem;
  position: relative
}
.promo__button:before {
  border: 1px solid;
  border-radius: 4px;
  content: "";
  inset: 0;
  opacity: .5;
  position: absolute
}
.promo__button--filled {
  background-color: #fff
}
.promo__button--filled:before {
  content: "";
  display: none
}
@media only screen and (min-width: 80em) {
  .promo__button {
    font-size:1.05rem;
    font-size: 1.1rem
  }}
.h-promos__dots {
  display: grid;
  grid-auto-flow: column;
  grid-gap: .5rem;
  justify-content: center;
  margin-top: 1.25rem;
  -webkit-user-select: none;
  user-select: none
}
.h-promos__dot {
  background-color: #c3c4c7;
  border-radius: 100%;
  height: 6px;
  overflow: hidden;
  transition: all .45s ease-in-out;
  width: 6px
}
.h-promos__dot--current {
  background: #ec1639;
  border-radius: 16px;
  width: 16px
}
[data-theme=dark] .h-promos__dot:not([data-theme=dark] .h-promos__dot--current) {
  background-color: #444
}
@media only screen and (min-width: 48em) {
  .h-promos__dots {
    display:none
  }}
@media (hover: hover) {
  .h-promos__dots {
    display:none
  }}
.h-promos__wrapper {
  display: flex;
  margin-bottom: .5rem;
  overflow: auto;
  padding-bottom: 0;
  padding-top: 0;
  scroll-snap-type: x mandatory;
  transition: opacity .1s ease-in-out;
  -webkit-user-select: none;
  user-select: none;
  -ms-overflow-style: none;
  -moz-scrollbars: none;
  scrollbar-width: none
}
.h-promos__wrapper::-webkit-scrollbar {
  background: 0 0;
  display: none!important;
  height: 0!important;
  opacity: 0;
  width: 0!important
}
.h-promos__wrapper::-webkit-scrollbar-track {
  display: none;
  height: 0;
  overflow: hidden
}
.h-promos__wrapper::-webkit-scrollbar-thumb {
  background: 0 0;
  display: none;
  height: 0;
  overflow: hidden;
  width: 0
}
@media only screen and (min-width: 48em) {
  .h-promos__wrapper {
    margin-bottom:.75rem;
    margin-top: 1rem;
    overflow: hidden
  }}
@media (min-width: 1200px) {
  .h-promos__wrapper {
    overflow:visible
  }}
@media only screen and (min-width: 120em) {
  .h-promos__wrapper {
    margin-bottom:1rem;
    margin-top: 1.92rem
  }}
.h-promos__slides {
  display: flex;
  flex-wrap: nowrap
}
.h-promos__slides[data-count="1"] {
  overflow: hidden;
  width: 100%
}
.h-promos__slides[data-count="1"] .h-promos__slides-wrapper {
  overflow: hidden
}
@media only screen and (min-width: 48em) {
  .h-promos__slides {
    display:grid;
    gap: 1rem;
    grid-auto-flow: column;
    grid-template-columns: 1fr 1fr;
    margin: auto;
    max-width: 1650px;
    overflow: visible;
    width: 100%
  }}
@media only screen and (min-width: 80em) {
  .h-promos__slides {
    gap:1.5rem
  }}
.h-promos__slide-wrapper {
  display: grid
}
@media only screen and (max-width: 47.99em) {
  .h-promos__slide-wrapper:not(:only-child) {
    width:calc(100vw + .5px)
  }}
@media only screen and (min-width: 23em) {
  .h-promos__slide-wrapper {
    padding:1.05rem 1.05rem 0
  }}
@media only screen and (min-width: 48em) {
  .h-promos__slide-wrapper {
    padding:0;
    width: auto
  }}
.h-promos__slide-wrapper:first-child:last-child {
  grid-column: 1/-1;
  width: 100%
}
.h-promos__slide {
  border-radius: 0;
  display: grid;
  min-height: 160px
}
@media only screen and (min-width: 23em) {
  .h-promos__slide {
    border-radius:8px;
    min-height: 190px;
    overflow: hidden
  }}
@media only screen and (min-width: 35.5em) {
  .h-promos__slide {
    min-height:195px
  }}
@media only screen and (min-width: 48em) {
  .h-promos__slide {
    border-radius:8px;
    min-height: 195px;
    overflow: visible
  }}
@media only screen and (min-width: 64em) {
  .h-promos__slide {
    min-height:195px
  }}
@media only screen and (min-width: 80em) {
  .h-promos__slide {min-height:200px}
}
@media only screen and (max-width: 47.99em) {
  .h-promos__wrapper {padding:0}
}
@supports (scroll-snap-type: x mandatory) {
  .h-promos__slides {scroll-snap-type:x mandatory}
  .h-promos__slide {scroll-snap-align: center}
  .touch .h-promos__wrapper .scroll__arrow {display: none}
}
@media only screen and (max-width: 47.99em) {
  .h-promos__slide:nth-child(n+2) {content-visibility:auto}
}