body {
  max-width: 100%;
  overflow-x: hidden;
  --fs-block-height: calc(100vh - var(--base-block-unit));
}
.product {
  position: relative;
  scroll-behavior: smooth;
  min-height: 100vh;
}
.product-nav-wrapper {
  position: relative;
  background: transparent;
  z-index: 995;
  transition: transform 0.3s ease;
}
.product-nav-wrapper.shift {
  transform: translate3d(0, 100%, 0);
  -webkit-transform: -webkit-translate3d(0, 100%, 0);
  -moz-transform: -moz-translate3d(0, 100%, 0);
}
.product-nav {
  height: var(--base-block-unit);
  display: flex;
  justify-content: space-between;
  align-items: stretch;
}
.product-nav nav,
.product-nav nav .custom-select-wrapper {
  display: flex;
  align-items: stretch;
  align-content: center;
}
.product-nav-wrapper nav a,
.product-nav-wrapper nav p,
.product-nav-wrapper nav span {
  align-self: center;
}
.product-nav-wrapper .info a,
.product-nav-wrapper .styles a,
.product-nav-wrapper .styles p {
  margin-right: calc(var(--base-block-unit) / 8);
  transition: opacity 0.3s ease, border-color 0.3s ease;
  text-decoration: none;
}
.product-nav-wrapper .info a.button,
.product-nav-wrapper .styles a.button {
  background: var(--product-accent-color);
  margin-right: calc(var(--base-block-unit) / 8);
}
.product-nav-wrapper .info a.button:hover,
.product-nav-wrapper .styles a.button:hover {
  background: var(--product-accent-color-alt);
}
.product-nav-wrapper .info a.button.alt,
.product-nav-wrapper .styles a.button.alt {
  color: var(--product-accent-color);
  border: 1px solid var(--product-accent-color);
  background: transparent;
  box-shadow: none;
}
.product-nav-wrapper .info a.button.alt:hover,
.product-nav-wrapper .styles a.button.alt:hover {
  color: var(--product-accent-color-alt);
  border: 1px solid var(--product-accent-color-alt);
  background: transparent;
  box-shadow: none;
}
.product-nav-wrapper .info a:last-child,
.product-nav-wrapper .styles a:last-child,
.product-nav-wrapper .styles p:last-child {
  margin-right: 0;
}
.product-nav-wrapper .custom-select-wrapper.dropdown-link:after {
  border-top: 5px solid var(--primary-color);
}
.product-nav-wrapper .info a.section-link {
  font-weight: var(--heavy-weight);
  color: var(--product-accent-color);
}
.product-nav-wrapper.inverse .info a.title {
  color: var(--base-color);
}
.product-nav-wrapper .info a.section-link.dropdown-link:after {
  content: none;
}
.product-nav nav #versionPicker {
  display: none;
}
nav.swatches {
  overflow: visible;
  display: flex;
  padding: 0.25em 0;
}
nav.swatches .swatch {
  padding: 0 1.5em 0 0;
  position: relative;
}
nav.swatches .swatch:last-child {
  padding-right: 0;
}
nav.swatches .swatch:after,
nav.swatches .swatch span {
  display: block;
  height: 1.25em;
  width: 1.25em;
  border-radius: 2em;
  transform: rotateX(0deg) rotate(0deg) perspective(2em);
  -webkit-transform: rotateX(0deg) rotate(0deg) perspective(2em);
  -moz-transform: rotateX(0deg) rotate(0deg) perspective(2em);
  transition: transform 0.2s ease, opacity 0.2s ease;
  -webkit-transition: -webkit-transform 0.2s ease, opacity 0.2s ease;
  -moz-transition: -moz-transform 0.2s ease, opacity 0.2s ease;
}
nav.swatches .swatch:after {
  content: "";
  position: absolute;
  top: 0;
  background: rgba(0, 0, 0, 0.15);
  filter: blur(2px);
  -webkit-filter: blur(2px);
  z-index: -1;
  opacity: 0;
}
nav.swatches .swatch.selected {
  pointer-events: none;
}
.no-touchevents nav.swatches .swatch:hover:after,
nav.swatches .swatch.selected:after {
  opacity: 1;
  transform: rotateX(30deg) rotate(-45deg) translateZ(-1.5em);
  -webkit-transform: rotateX(30deg) rotate(-45deg) translateZ(-1.5em);
  -moz-transform: rotateX(30deg) rotate(-45deg) translateZ(-1.5em);
}
.no-touchevents nav.swatches .swatch:hover span,
nav.swatches .swatch.selected span {
  transform: rotateX(40deg) rotate(-45deg) translateZ(0.5em) scale(1.1);
  -webkit-transform: rotateX(40deg) rotate(-45deg) translateZ(0.5em) scale(1.1);
  -moz-transform: rotateX(40deg) rotate(-45deg) translateZ(0.5em) scale(1.1);
}
nav.swatches .more-colours {
  height: 1.25em;
  width: 1.25em;
  display: block;
  margin-left: 1.5em;
  background: url(assets/core/static/images/icons/icon-question.svg);
  background-size: 100% 100%;
  cursor: pointer;
  opacity: 1;
  transition: opacity 0.2s ease;
  align-self: center;
  display: none;
}
.product-variant #details.swatch-threshold .product-nav-wrapper {
  position: relative;
}
.product-variant #details.swatch-threshold .features-overview h2 {
  margin-top: 0;
}
.product-variant #details.swatch-threshold nav.swatches {
  flex-wrap: wrap;
}
.product-variant #details.swatch-threshold nav.swatches .swatch {
  padding-bottom: 1em;
}
.product-variant #details.swatch-threshold .product-nav {
  display: block;
  height: auto;
}
.product-variant #details.swatch-threshold .product-nav nav.info {
  height: var(--base-block-unit);
}
.product-nav-wrapper a.jump-link {
  color: var(--product-accent-color);
}
.product-nav-wrapper a.jump-link.selected,
.product-nav-wrapper a.jump-link:hover {
  color: var(--product-accent-color-alt);
}
.product-nav-wrapper.inverse a.jump-link,
.product-nav-wrapper.inverse a.jump-link.selected,
.product-nav-wrapper.inverse a.jump-link:hover {
  color: var(--base-color);
}
.product-nav a.jump-link {
  border-bottom: 1px solid transparent;
}
.product-nav a.jump-link:hover {
  border-bottom: 1px dotted var(--product-accent-color-alt);
}
.product-nav a.jump-link.selected {
  border-bottom: 1px solid var(--product-accent-color-alt);
}
.product-nav-wrapper.inverse .product-nav a.jump-link.selected,
.product-nav-wrapper.inverse .product-nav a.jump-link:hover {
  border-bottom: 1px dotted var(--base-color);
}
.product-nav-wrapper .jump-links-dropdown {
  display: none;
  width: 100%;
  top: var(--base-block-unit);
  bottom: auto;
  padding: 0 0 calc(var(--base-block-unit) / 2) 0;
  transform-origin: top;
  transition: transform 0.3s ease, opacity 0.3s ease;
  box-shadow: 0 2em 1em rgba(0, 0, 0, 0.1);
}
.product-nav-wrapper .jump-links-dropdown,
.product-nav-wrapper.opaque {
  backdrop-filter: blur(calc(var(--base-radius) * 2));
  -webkit-backdrop-filter: blur(calc(var(--base-radius) * 2));
}
.product-nav-wrapper .jump-links-dropdown.out-of-sight-y {
  transform: rotateX(90deg);
  -webkit-transform: rotateX(90deg);
  -moz-transform: rotateX(90deg);
}
.product-nav-wrapper .jump-links-dropdown a {
  display: block;
  line-height: calc(var(--base-block-unit) / 1.5);
  transition: transform 0.6s ease;
}
.product-page .product-nav-wrapper {
  top: var(--fs-block-height);
}
.product-page .product-nav-wrapper.fixed-block {
  top: 0;
  bottom: auto;
}
.product-variant .product-nav-wrapper {
  top: 0;
}
#hero {
  height: var(--fs-block-height);
  padding: 0;
  background-color: var(--primary-alt-color);
  width: 100vw;
}
.product-variant #hero {
  background-color: var(--base-color);
  position: relative;
}
.product-variant #hero:before {
  content: "";
  background: #000;
  background: -moz-linear-gradient(
    180deg,
    rgba(0, 0, 0, 0.1) 0,
    transparent 100%
  );
  background: -webkit-linear-gradient(180deg, rgba(0, 0, 0, 0.1), transparent);
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.1), transparent);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 50vh;
  z-index: 1;
}
#hero .centered-wrapper {
  width: 100%;
  height: var(--fs-block-height);
}
#hero .hero-action a,
#hero h1 {
  color: #fff;
}
#hero h1 {
  text-align: center;
  max-width: 90%;
  margin: 0 auto;
}
#hero .product-shot {
  position: relative;
  overflow: hidden;
}
.product-variant #hero .product-shot.peek {
  animation: peek-left 10s infinite;
  -webkit-animation: peek-left 10s infinite;
  -moz-animation: peek-left 10s infinite;
  animation-delay: 1s;
  -webkit-animation-delay: 1s;
  -moz-animation-delay: 1s;
}
#hero .product-shot img {
  height: var(--fs-block-height);
  transform-origin: center center;
  transition: transform 0.4s ease;
}
#hero .product-shot img.zoomed-in {
  transform: scale(3);
  -webkit-transform: scale(3);
  -moz-transform: scale(3);
}
#hero .hero-action {
  top: auto;
  bottom: 1.5em;
  text-align: center;
}
#hero .hero-action .dropdown-link:after {
  border-top: 5px solid var(--base-color);
}
.product-variant #hero .ghost-image {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
}
.product-variant #hero .ghost-image img {
  width: 100%;
}
.product-variant product-carousel {
  width: 100%;
  height: var(--fs-block-height);
  display: block;
}
.product-index .carousal,
.product-variant .carousal {
  overflow: hidden;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  display: flex;
  flex-wrap: nowrap;
  overflow-x: overlay;
  -webkit-overflow-scrolling: touch;
}
.product-index .carousal-slide,
.product-variant .carousal-slide {
  width: 33.33%;
  scroll-snap-align: center;
}
.product-index .carousal-slide.spacer-slide,
.product-variant .carousal-slide.spacer-slide {
  display: none;
}
.product-index .carousal::-webkit-scrollbar,
.product-variant .carousal::-webkit-scrollbar {
  display: block;
  height: 2px;
}
.product-index .carousal::-webkit-scrollbar-track,
.product-variant .carousal::-webkit-scrollbar-track {
  background: var(--product-background);
}
.product-variant .details-wrapper .carousal::-webkit-scrollbar-track {
  background: var(--base-color);
}
.product-index .carousal::-webkit-scrollbar-thumb,
.product-variant .carousal::-webkit-scrollbar-thumb {
  background: var(--product-accent-color);
}
.product-index .carousal::-webkit-scrollbar-thumb:hover,
.product-variant .carousal::-webkit-scrollbar-thumb:hover {
  background: var(--product-accent-color-alt);
}
.flickity-enabled:focus {
  outline: none;
}
.flickity-enabled.is-draggable {
  -webkit-tap-highlight-color: transparent;
  tap-highlight-color: transparent;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.flickity-enabled.is-draggable .flickity-viewport {
  cursor: move;
  cursor: -webkit-grab;
  cursor: grab;
}
.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}
.flickity-prev-next-button {
  display: none !important;
}
.flickity-page-dots {
  max-width: 1680px;
  padding: 0 8px;
  margin: 0 auto;
  list-style: none;
  text-align: center;
  line-height: 1;
}
.flickity-rtl .flickity-page-dots {
  direction: rtl;
}
.flickity-page-dots .dot {
  display: inline-block;
  width: 7px;
  height: 7px;
  margin: 0 7px;
  background: rgba(40, 40, 40, 0.5);
  border-radius: 50%;
  cursor: pointer;
}
.flickity-page-dots .dot.is-selected {
  background: #fff;
  border: 2px solid #fff;
}
.carousel-visibility:after {
  content: "flickity";
  display: none;
}
@media (orientation: landscape) and (min-width: 1024px) {
  .product-variant #details.swatch-threshold .product-nav nav.info {
    height: auto;
  }
  .carousel-visibility:after {
    content: "";
  }
}
.hotspot {
  position: absolute;
  top: 50%;
  right: 50%;
  transform: translate3d(-50%, -50%, 0);
}
.hotspot-button {
  position: relative;
  border-radius: 100%;
  display: block;
  box-shadow: 0 0.5em 0.5em rgba(0, 0, 0, 0.2);
  background: transparent;
  border: 2px solid #fff;
}
.hotspot-button,
.hotspot-button:after {
  height: calc(var(--base-block-unit) / 4);
  width: calc(var(--base-block-unit) / 4);
}
.hotspot-button:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  border-radius: 100%;
  border: 1px solid #fff;
  animation: button-pulse 2s ease-in-out infinite;
}
@keyframes button-pulse {
  0% {
    transform: translate(-50%, -50%) scale(1);
    opacity: 1;
  }
  to {
    transform: translate(-50%, -50%) scale(3);
    opacity: 0;
  }
}
#overview {
  min-height: var(--fs-block-height);
  padding: 0;
}
#features p,
#overview h2,
#overview p {
  text-align: center;
}
#overview .centered-content {
  margin: calc(var(--base-block-unit) * 1.5) 0;
}
#overview .overview-shot-wrapper {
  width: 100%;
  text-align: center;
  margin: 0 auto;
}
#overview .overview-shot {
  height: 0;
}
#features .feature {
  position: relative;
}
#features .feature .shot {
  width: 100%;
  height: 0;
  padding-bottom: 100%;
}
#features .feature img {
  width: 100%;
}
.product #features section {
  text-align: center;
}
.product #features section:last-child {
  padding-bottom: calc(var(--base-block-unit) / 4);
}
.product #features img,
.product #features video {
  width: 100%;
}
.product #features video {
  display: block;
}
.product #features .image-wrapper {
  position: relative;
}
.product #features .image-wrapper .caption {
  color: var(--base-color);
  text-align: left;
  right: auto;
  top: auto;
  bottom: calc(var(--base-block-unit) / 4);
  left: calc(var(--base-block-unit) / 4);
}
.product #features .caption p {
  max-width: 18em;
}
.product #features .caption p.title {
  margin-bottom: 0.6em;
}
.product #features .image-grid {
  width: 100%;
  margin-top: calc(var(--base-block-unit) / 4);
  display: -ms-grid;
  display: grid;
}
.product #features .grid-of-four {
  grid: auto 1fr 1fr/1fr 1fr 1fr;
  grid-gap: calc(var(--base-block-unit) / 5);
}
.product #features .grid-of-four .image-l {
  -ms-grid-column: 1;
  -ms-grid-column-span: 3;
  grid-column: 1 / span 3;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  grid-row: 1 / span 1;
}
.product #features .grid-of-four .image-m {
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
  grid-column: 1 / span 2;
  -ms-grid-row: 2;
  -ms-grid-row-span: 2;
  grid-row: 2 / span 2;
}
.product #features .grid-of-four .image-s {
  -ms-grid-column: 3;
  -ms-grid-column-span: 1;
  grid-column: 3 / span 1;
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  grid-row: 2 / span 1;
}
.product #features .grid-of-four .image-s-2 {
  -ms-grid-column: 3;
  -ms-grid-column-span: 1;
  grid-column: 3 / span 1;
  -ms-grid-row: 3;
  -ms-grid-row-span: 1;
  grid-row: 3 / span 1;
}
.product #features .grid-of-two {
  -ms-grid-columns: 1fr calc(var(--base-block-unit) / 5) 1fr
    calc(var(--base-block-unit) / 5) 1fr;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: calc(var(--base-block-unit) / 5);
}
.product #features .grid-of-two .image-m {
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
  grid-column: 1 / span 2;
}
.product #features .grid-of-two .image-s {
  -ms-grid-column: 3;
  -ms-grid-column-span: 1;
  grid-column: 3 / span 1;
}
.product #features .custom-grid {
  grid-template-columns: repeat(1fr);
  grid-template-rows: repeat(auto);
  grid-gap: calc(var(--base-block-unit) / 2);
  justify-items: stretch;
}
.product #features .custom-grid .block:first-child {
  -ms-grid-column: 2;
  -ms-grid-column-span: 10;
  grid-column: 2 / span 10;
  -ms-grid-row: 1;
  -ms-grid-row-span: 4;
  grid-row: 1 / span 4;
}
.product #features .custom-grid .block:nth-child(2) {
  -ms-grid-column: 10;
  -ms-grid-column-span: 3;
  grid-column: 10 / span 3;
  -ms-grid-row: 5;
  -ms-grid-row-span: 4;
  grid-row: 5 / span 4;
}
.product #features .custom-grid .block:nth-child(3) {
  -ms-grid-column: 1;
  -ms-grid-column-span: 6;
  grid-column: 1 / span 6;
  -ms-grid-row: 6;
  -ms-grid-row-span: 5;
  grid-row: 6 / span 5;
}
.product #features .custom-grid .block:nth-child(4) {
  -ms-grid-column: 7;
  -ms-grid-column-span: 4;
  grid-column: 7 / span 4;
  -ms-grid-row: 9;
  -ms-grid-row-span: 4;
  grid-row: 9 / span 4;
}
.product #features .custom-grid .block:nth-child(5) {
  -ms-grid-column: 2;
  -ms-grid-column-span: 10;
  grid-column: 2 / span 10;
  -ms-grid-row: 12;
  -ms-grid-row-span: 4;
  grid-row: 12 / span 4;
}
.product #features .custom-grid .block:nth-child(6) {
  -ms-grid-column: 4;
  -ms-grid-column-span: 3;
  grid-column: 4 / span 3;
  -ms-grid-row: 16;
  -ms-grid-row-span: 4;
  grid-row: 16 / span 4;
}
.product #features .custom-grid .block:nth-child(7) {
  -ms-grid-column: 4;
  -ms-grid-column-span: 3;
  grid-column: 4 / span 3;
  -ms-grid-row: 20;
  -ms-grid-row-span: 4;
  grid-row: 20 / span 4;
}
.product #features .custom-grid .shot {
  width: 100%;
  padding-bottom: 125%;
  position: relative;
  -webkit-box-shadow: 0 1em 1em rgba(0, 0, 0, 0.1);
  box-shadow: 0 1em 1em rgba(0, 0, 0, 0.1);
}
.product #features .custom-grid .shot.wide {
  width: 100%;
  padding-bottom: 66.66%;
}
.product #features .custom-grid .shot.small {
  -webkit-box-shadow: 0 1.5em 1.5em rgba(0, 0, 0, 0.1);
  box-shadow: 0 1.5em 1.5em rgba(0, 0, 0, 0.1);
}
.product #features .custom-grid .shot.img-wrap,
.product #features .custom-grid .shot.video-wrap {
  overflow: hidden;
}
.product #features .feature-details {
  top: auto;
  padding: calc(var(--base-block-unit) / 2);
}
.product #features .shot h2 {
  margin: 0.5em 0 0;
}
.product #features .shot h2 span {
  display: block;
  text-align: left;
  color: var(--base-color);
}
.product #features .shot .feature-details p {
  text-align: left;
  color: var(--base-color);
  margin-top: 1em;
}
.product #features .shot .feature-details .title {
  text-transform: uppercase;
}
.product #features .feature-details.flexer-block {
  right: 0 !important;
}
.product #features .shot .feature-details .flexer {
  display: flex;
  justify-content: space-between;
  border-top: 1px dotted #fff;
}
.product #features .shot .feature-details .flexer p {
  margin: 0.4em 0;
}
#stories {
  padding: 0;
}
#stories .grid-item {
  position: relative;
  background: var(--primary-color);
}
#stories .grid-item.photo {
  width: 33.33%;
}
#stories .grid-item.photo-review {
  width: 66.66%;
}
#stories .grid-item.hero-review {
  width: 100%;
}
#stories .grid-item img,
#stories .grid-item video {
  width: 100% !important;
  opacity: 0.8;
}
#stories .grid-item.review img,
#stories .grid-item.review video {
  opacity: 0.5;
}
#stories .grid-item .content {
  padding: calc(var(--base-block-unit) / 2);
  top: auto;
}
#stories .grid-item p.review {
  font-weight: var(--heavy-weight);
}
#stories .grid-item a.reviewer,
#stories .grid-item p.review {
  color: var(--base-color);
  max-width: calc(var(--base-block-unit) * 5);
}
#stories .grid-item a.reviewer {
  display: block;
  margin-top: calc(var(--base-block-unit) / 5);
  transform-origin: left center;
  transition: transform 0.6s ease;
  -webkit-transition: transform 0.6s ease;
  -moz-transition: transform 0.6s ease;
  transform: perspective(20em) rotateY(0deg);
  -webkit-transform: perspective(20em) rotateY(0deg);
  -moz-transform: perspective(20em) rotateY(0deg);
}
#stories .grid-item a.reviewer:hover {
  transform: perspective(20em) rotateY(-8deg);
  -webkit-transform: perspective(20em) rotateY(-8deg);
  -moz-transform: perspective(20em) rotateY(-8deg);
}
.product .details-wrapper {
  overflow: auto;
  position: relative;
  min-height: 100vh;
}
.product-variant #hero .product-shot {
  width: 100vw;
  text-align: center;
  display: block;
  flex: 0 0 auto;
  position: relative;
}
.product-variant #hero .product-shot img {
  pointer-events: none;
  position: absolute;
  top: 0;
  bottom: 0;
  height: 100%;
  left: 50%;
  transform: translate3d(-50%, 0, 0);
}
#details .product-nav .info .seperator {
  margin: 0 1em;
}
#details {
  padding: 0;
}
#details .details-content {
  width: 100%;
  position: relative;
  padding: 0 0 calc(var(--base-block-unit) * 1) 0;
}
#details .product-info-block {
  margin-bottom: calc(var(--base-block-unit) / 3);
}
.hero-introduction h1,
.hero-introduction h2 {
  color: var(--product-accent-color);
}
#details .product-info-block.extra p a {
  border-bottom: 1px dotted var(--product-accent-color);
}
.hero-introduction a {
  color: var(--product-accent-color-2);
}
#details .product-info-block h2 a {
  border-bottom: 1px dotted var(--product-accent-color);
}
#details .product-info-block h2 {
  margin-bottom: 0;
  line-height: 1.3em;
}
#details .product-info-block h2 .subcategory-tag {
  display: inline-block;
  margin-left: 0.125em;
}
#details .product-info-block h2 .subcategory-tag:after {
  content: "";
  vertical-align: top;
  font-size: 50%;
  font-weight: var(--heavy-weight);
  text-transform: uppercase;
  color: var(--product-background);
  padding: 0 0.25em;
  border-radius: calc(var(--base-radius) / 3);
  background: var(--tag-color-1);
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    from(var(--tag-color-1)),
    color-stop(var(--tag-color-1-alt)),
    color-stop(var(--tag-color-1)),
    to(var(--tag-color-2))
  );
  background: -o-linear-gradient(
    left,
    var(--tag-color-1),
    var(--tag-color-2),
    var(--tag-color-1),
    var(--tag-color-2)
  );
  background: linear-gradient(
    90deg,
    var(--tag-color-1),
    var(--tag-color-2),
    var(--tag-color-1),
    var(--tag-color-2)
  );
  background-size: 300% 100%;
  animation: gradientxloop 1s linear infinite;
  -webkit-animation: gradientxloop 1s linear infinite;
  -moz-animation: gradientxloop 1s linear infinite;
}
#details .product-info-block p {
  margin: 0;
}
#details .product-info-block p.title {
  line-height: 1.4em;
}
#details .product-info-block .misc {
  display: flex;
  justify-content: space-between;
}
#details .product-info-block .misc p {
  flex: none;
}
#details .product-info-block .misc .info {
  text-align: right;
}
#details .product-info-block .misc .info a {
  color: var(--product-accent-color);
  border-bottom: 1px dotted var(--product-accent-color);
}
#details .product-info-block .misc .preorder {
  color: #f93;
}
#details .product-info-block .misc .seperator {
  flex-grow: 1;
  margin: 0 0.5em;
  border-bottom: 1px dotted var(--product-accent-color);
  height: 0.8em;
}
#details .product-info-block #bulkOrderNote {
  display: none;
}
#details .product-info-block .helper {
  display: block;
  margin: 0 0 calc(var(--base-block-unit) / 3) 0;
}
#details .product-info-block .helper a {
  margin-right: 1em;
  display: inline-block;
}
#details .product-info-block .helper a.video-button {
  position: relative;
  background: #930;
  color: var(--product-background) !important;
  padding: 0.8em 1em 0.8em 2.4em;
  border-radius: 2em;
  margin-top: 1.6em;
  overflow: hidden;
  -webkit-box-shadow: 0 1em 0.5em rgba(0, 0, 0, 0.1);
  box-shadow: 0 1em 0.5em rgba(0, 0, 0, 0.1);
}
#details .product-info-block .helper a.video-button:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 3em;
  bottom: 0;
  background: url(assets/core/static/images/icons/icon-play.svg) 0 no-repeat;
}
#details .product-info-block .helper a.video-button p {
  color: var(--product-background) !important;
}
#details .product-info-block .inline-icon,
.side-note .inline-icon {
  margin-right: 0.5em;
}
#details .product-info-block .inline-icon.alert {
  background: url(assets/core/static/images/icons/icon-alert.svg);
  background-size: 100% 100%;
}
#details .product-info-block .inline-icon.heart {
  background: url(assets/core/static/images/icons/icon-heart.svg);
  background-size: 100% 100%;
}
#details .product-info-block .inline-icon.size-guide {
  background: url(assets/core/static/images/icons/icon-tape.svg);
  background-size: 100% 100%;
}
.alt-action,
.pricing-offers,
.shipping-returns {
  margin-top: calc(var(--base-block-unit) / 3);
}
.size-picker .size-list {
  display: flex;
  flex-wrap: wrap;
  grid-gap: 0.4em;
  margin-top: 0.4em;
}
.size-picker .size {
  min-width: 4em;
  border: 1px solid var(--light-grey);
  transition: background 0.2s ease, -webkit-transform 0.2s ease,
    -webkit-border-color 0.2s ease;
  -o-transition: transform 0.2s ease, background 0.2s ease,
    border-color 0.2s ease;
  transition: transform 0.2s ease, background 0.2s ease, border-color 0.2s ease;
  transition: transform 0.2s ease, background 0.2s ease, border-color 0.2s ease,
    -webkit-transform 0.2s ease, -webkit-border-color 0.2s ease;
  position: relative;
  text-transform: none;
}
.size-picker .size,
.size-picker .size:hover {
  background: none;
  color: var(--primary-color);
  box-shadow: none;
}
.size-picker .size.selected,
.size-picker .size:hover {
  border: 1px solid var(--primary-color);
}
.size-picker .size-help:before,
.size-picker .size:before {
  font-size: 80%;
  text-transform: none;
  color: var(--base-color);
  background-color: rgba(21, 25, 50, 0.8);
  line-height: 1em;
  padding: 1em;
  border-radius: 0.25em;
  -webkit-box-shadow: 0 0.5em 0.5em rgba(0, 0, 0, 0.2);
  box-shadow: 0 0.5em 0.5em rgba(0, 0, 0, 0.2);
  position: absolute;
  top: -5em;
  left: 50%;
  transform: translate3d(-50%, 50%, 0);
  -webkit-transform: translate3d(-50%, 50%, 0);
  -moz-transform: translate3d(-50%, 50%, 0);
  content: attr(aria-label);
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.3s ease, -webkit-transform 0.3s ease;
  -o-transition: transform 0.3s ease, opacity 0.3s ease;
  transition: transform 0.3s ease, opacity 0.3s ease;
  transition: transform 0.3s ease, opacity 0.3s ease,
    -webkit-transform 0.3s ease;
}
.size-picker .size-help:after,
.size-picker .size:after {
  content: "";
  position: absolute;
  top: -15%;
  left: 50%;
  transform: translate3d(-50%, 0, 0);
  -webkit-transform: translate3d(-50%, 0, 0);
  -moz-transform: translate3d(-50%, 0, 0);
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #2b222a;
  font-size: 0;
  line-height: 0;
  width: 0;
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.3s ease, top 0.3s ease;
  -o-transition: top 0.3s ease, opacity 0.3s ease;
  transition: top 0.3s ease, opacity 0.3s ease;
  transition: top 0.3s ease, opacity 0.3s ease, top 0.3s ease;
}
.size-picker .size-help:hover:before,
.size-picker .size:hover:before {
  opacity: 1;
  transform: translate3d(-50%, 0, 0);
  -webkit-transform: translate3d(-50%, 0, 0);
  -moz-transform: translate3d(-50%, 0, 0);
}
.size-picker .size-help:hover:after,
.size-picker .size:hover:after {
  opacity: 1;
  top: -50%;
}
.size-picker .size.out-of-stock {
  color: var(--mid-grey);
}
.size-picker .size.out-of-stock.selected,
.size-picker .size.out-of-stock.selected:focus,
.size-picker .size.out-of-stock.selected:hover,
.size-picker .size.out-of-stock:focus,
.size-picker .size.out-of-stock:hover {
  border: 1px solid var(--mid-grey);
}
.size-picker .size-help {
  position: relative;
  width: 3.4em;
  height: 3.4em;
  background: none;
  box-shadow: none;
  border: 1px solid var(--light-grey);
  background: url(assets/core/static/images/icons/icon-size-guide.svg) no-repeat
    50% transparent;
  background-size: 100% 100%;
  transition: border-color 0.3s ease, -webkit-transform 0.3s ease;
  -o-transition: transform 0.3s ease, border-color 0.3s ease;
  transition: transform 0.3s ease, border-color 0.3s ease;
  transition: transform 0.3s ease, border-color 0.3s ease,
    -webkit-transform 0.3s ease;
}
.size-picker .size-help:focus,
.size-picker .size-help:hover {
  border: 1px solid var(--primary-color);
  background: url(assets/core/static/images/icons/icon-size-guide.svg) no-repeat
    50% transparent;
  background-size: 100% 100%;
  box-shadow: none;
}
.pricing-offers #addToCart {
  text-transform: none;
  min-width: 8em;
}
.pricing-offers #addToCart.disabled {
  opacity: 0.2;
}
.pricing-offers {
  display: flex;
  align-items: stretch;
  position: relative;
}
.pricing-offers .active-offers {
  margin-left: 1.25em;
  position: relative;
  flex-grow: 1;
  overflow: hidden;
}
.pricing-offers .active-offers:after,
.pricing-offers .active-offers:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: hsla(0, 0%, 100%, 0);
  background: -moz-linear-gradient(180deg, #fff 0, hsla(0, 0%, 100%, 0) 40%);
  background: -webkit-linear-gradient(180deg, #fff, hsla(0, 0%, 100%, 0) 40%);
  background: linear-gradient(180deg, #fff, hsla(0, 0%, 100%, 0) 40%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1);
}
.pricing-offers .active-offers:after {
  background: hsla(0, 0%, 100%, 0);
  background: -moz-linear-gradient(0deg, #fff 0, hsla(0, 0%, 100%, 0) 40%);
  background: -webkit-linear-gradient(0deg, #fff, hsla(0, 0%, 100%, 0) 40%);
  background: linear-gradient(0deg, #fff, hsla(0, 0%, 100%, 0) 40%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1);
}
.pricing-offers .active-offers .offer {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.pricing-offers .active-offers.multiple .offer {
  transform: translate3d(0, 100%, 0);
  -webkit-transform: translate3d(0, 100%, 0);
  -moz-transform: translate3d(0, 100%, 0);
  opacity: 0;
  animation: animateOffer 12s ease infinite;
  -webkit-animation: animateOffer 12s ease infinite;
  -moz-animation: animateOffer 12s ease infinite;
}
.pricing-offers .active-offers.multiple .offer:nth-child(2) {
  animation-delay: 6s;
}
@keyframes animateOffer {
  0% {
    transform: translate3d(0, 100%, 0);
    opacity: 0;
  }
  10% {
    transform: translateZ(0);
    opacity: 1;
  }
  50% {
    transform: translateZ(0);
    opacity: 1;
  }
  60% {
    transform: translate3d(0, -100%, 0);
    opacity: 0;
  }
  to {
    transform: translate3d(0, -100%, 0);
    opacity: 0;
  }
}
@-webkit-keyframes animateOffer {
  0% {
    -webkit-transform: translate3d(0, 100%, 0);
    opacity: 0;
  }
  10% {
    -webkit-transform: translateZ(0);
    opacity: 1;
  }
  50% {
    -webkit-transform: translateZ(0);
    opacity: 1;
  }
  60% {
    -webkit-transform: translate3d(0, -100%, 0);
    opacity: 0;
  }
  to {
    -webkit-transform: translate3d(0, -100%, 0);
    opacity: 0;
  }
}
@-moz-keyframes animateOffer {
  0% {
    -moz-transform: translate3d(0, 100%, 0);
    opacity: 0;
  }
  10% {
    -moz-transform: translateZ(0);
    opacity: 1;
  }
  50% {
    -moz-transform: translateZ(0);
    opacity: 1;
  }
  60% {
    -moz-transform: translate3d(0, -100%, 0);
    opacity: 0;
  }
  to {
    -moz-transform: translate3d(0, -100%, 0);
    opacity: 0;
  }
}
.pricing-offers .active-offers .offer p {
  animation: instacol 2s linear infinite;
  -webkit-animation: instacol 2s linear infinite;
  -moz-animation: instacol 2s linear infinite;
}
.shipping-returns #productStatus {
  font-weight: var(--heavy-weight);
  color: var(--primary-alt-color);
}
.shipping-returns .seperator {
  margin: 0 0.25em;
  color: var(--dark-grey);
}
#details .add-component {
  transform-origin: bottom left;
  transition: transform 0.4s ease;
  width: 85vw;
  margin-top: calc(var(--base-block-unit) / 3);
  transform: perspective(10em) rotateX(0deg);
  -webkit-transform: perspective(10em) rotateX(0deg);
  -moz-transform: perspective(10em) rotateX(0deg);
  margin-left: auto;
  margin-right: auto;
  -webkit-box-shadow: 0 0.5em 1em rgba(0, 0, 0, 0.1);
  box-shadow: 0 0.5em 1em rgba(0, 0, 0, 0.1);
}
#details .add-component .radio-size-wrapper,
#details .add-component .select-size-wrapper {
  background: var(--base-color);
}
#details .add-component .select-size-wrapper:after {
  right: auto;
  left: 0.75em;
}
#details .add-component select {
  border-radius: 0;
  border-top-left-radius: var(--base-radius);
  border-top-right-radius: var(--base-radius);
  background: var(--base-color);
  color: var(--primary-color);
  text-transform: capitalize;
  font-weight: var(--light-weight);
  box-shadow: none !important;
  padding-left: calc(var(--base-block-unit) / 1.5);
  padding-right: 0;
  text-align: left;
}
#details .add-component select.alert {
  color: var(--alert-color);
}
#details .add-component .radio-size-wrapper,
#details .add-component .select-size-wrapper {
  position: relative;
  border-top-left-radius: var(--base-radius);
  border-top-right-radius: var(--base-radius);
}
#details .add-component .select-size-wrapper:before {
  content: "";
  pointer-events: none;
  z-index: 1;
  position: absolute;
  left: calc(var(--base-block-unit) / 3);
  top: 46%;
  display: inline-block;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid var(--primary-color);
  transition: transform 0.2s ease;
  -webkit-transition: transform 0.2s ease;
  -moz-transition: transform 0.2s ease;
}
#details .add-component .select-size-wrapper:hover:before {
  transform: translate3d(0, 100%, 0);
  -webkit-transform: translate3d(0, 100%, 0);
  -moz-transform: translate3d(0, 100%, 0);
}
#details .add-component #sizeGuide {
  left: auto;
  bottom: auto;
  top: 50%;
  transform: translate3d(0, -50%, 0);
  right: calc(var(--base-block-unit) / 2);
  vertical-align: middle;
}
#details .add-component #sizeGuide,
#details .product-info-block .helper p,
.hero-features .helper p,
.hero-review .helper p {
  color: #36f;
}
#details .add-component #addBtn {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  text-align: center;
  cursor: pointer;
  min-height: var(--base-block-unit);
  transition: background 0.2s ease;
  border-bottom-left-radius: var(--base-radius);
  border-bottom-right-radius: var(--base-radius);
  background: var(--primary-color);
}
#details .add-component #addBtn:focus,
#details .add-component #addBtn:hover {
  background: var(--primary-alt-color);
}
#details .add-component #addBtn,
#details .add-component #addBtn:active,
#details .add-component #addBtn:active p,
#details .add-component #addBtn:focus,
#details .add-component #addBtn:focus p,
#details .add-component #addBtn p {
  color: var(--base-color) !important;
}
#details .add-component #addBtn .add-button-content {
  margin: 1.5em 0;
}
#details .add-component #addBtn.disabled {
  pointer-events: none;
}
#details .add-component #addBtn.disabled .add-button-content {
  opacity: 0.25;
}
#details .add-component #addBtn #originalPrice {
  display: none;
}
#details .add-component #addBtn .offer-text {
  text-transform: none;
  opacity: 0.5;
}
#details .add-component #addBtn #originalPrice {
  text-decoration: line-through;
  margin-left: 0.5em;
}
#details .add-component #addBtn.sale #originalPrice {
  display: inline-block;
}
#details .add-component .radio-size-selector {
  height: calc(var(--base-block-unit) * 1.125);
  min-height: 104px;
  display: flex;
  justify-content: center;
  align-items: stretch;
  align-content: stretch;
  flex-wrap: nowrap;
}
#details .add-component .radio-size-wrapper input[type="radio"] + label {
  padding: 1em 0;
  text-align: center;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  border: 2px solid #fff;
  transition: border-color 0.2s ease;
  -webkit-transition: border-color 0.2s ease;
  -moz-transition: border-color 0.2s ease;
  width: 100%;
}
#details .add-component .radio-size-wrapper input[type="radio"] + label:before {
  content: none;
}
#details
  .add-component
  .radio-size-wrapper
  input[type="radio"]:checked
  + label {
  border: 2px solid #36f;
}
#details
  .add-component
  .radio-size-wrapper
  input[type="radio"]:first-of-type
  + label {
  border-top-left-radius: var(--base-radius);
}
#details
  .add-component
  .radio-size-wrapper
  input[type="radio"]:last-of-type
  + label {
  border-top-right-radius: var(--base-radius);
}
#details .add-component .radio-size-wrapper input[type="radio"] + label img {
  width: auto;
  height: 2em;
  margin: 0 auto 1em;
  flex-shrink: 0;
}
#mask
  #details
  .add-component
  .radio-size-wrapper
  input[type="radio"]
  + label
  img {
  width: auto !important;
}
#details .add-component .radio-size-wrapper span {
  flex-shrink: 0;
}
#details .add-component .radio-size-wrapper input[type="radio"] + label p.main {
  color: var(--product-accent-color);
}
#details
  .add-component
  .radio-size-wrapper
  input[type="radio"]
  + label
  p.aside {
  color: var(--product-accent-color-2-alt);
}
#details
  .add-component
  .radio-size-wrapper
  input[type="radio"].out-of-stock
  + label {
  opacity: 0.25;
}
#details .add-component .size-alert {
  display: none;
  position: absolute;
  top: calc(var(--base-block-unit) / -1);
  left: calc(var(--base-block-unit) / 2);
  background: rgba(51, 102, 255, 0.95);
  padding: 0.5em 0.75em;
  border-radius: var(--base-radius);
  color: var(--base-color);
  box-shadow: 0 1em 0.5em rgba(0, 0, 0, 0.15);
  animation: floatyGuy 2s linear infinite;
  -webkit-animation: floatyGuy 2s linear infinite;
  -moz-animation: floatyGuy 2s linear infinite;
}
#details .add-component .size-alert:after {
  content: "";
  position: absolute;
  bottom: -1em;
  left: 0;
  width: 0;
  height: 0;
  border-top: 1em solid transparent;
  border-bottom: 1em solid transparent;
  border-left: 1em solid rgba(51, 102, 255, 0.95);
}
.product-variant .related-products {
  --base-color: #fafbfc;
  background: var(--base-color);
  background: -moz-linear-gradient(0deg, #fff 0, #fafbfc 100%);
  background: -webkit-linear-gradient(0deg, #fff, #fafbfc);
  background: linear-gradient(0deg, #fff, #fafbfc);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#fafbfc",GradientType=1);
  padding: calc(var(--base-block-unit) / 2) 0 0 0;
  width: 100%;
  position: relative;
}
.product-variant .related-products .related-products-grid {
  position: relative;
}
.product-variant .related-products .related-products-grid:after,
.product-variant .related-products .related-products-grid:before {
  content: "";
  width: 4.8em;
  pointer-events: none !important;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  z-index: 2;
  background: #fafbfc;
  background: -moz-linear-gradient(
    90deg,
    #fafbfc 25%,
    rgba(250, 251, 252, 0) 100%
  );
  background: -webkit-linear-gradient(
    90deg,
    #fafbfc 25%,
    rgba(250, 251, 252, 0)
  );
  background: linear-gradient(90deg, #fafbfc 25%, rgba(250, 251, 252, 0));
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fafbfc",endColorstr="#fafbfc",GradientType=1);
}
.product-variant .related-products .related-products-grid:after {
  left: auto;
  right: 0;
  background: #fafbfc;
  background: -moz-linear-gradient(
    270deg,
    #fafbfc 25%,
    rgba(250, 251, 252, 0) 100%
  );
  background: -webkit-linear-gradient(
    270deg,
    #fafbfc 25%,
    rgba(250, 251, 252, 0)
  );
  background: linear-gradient(270deg, #fafbfc 25%, rgba(250, 251, 252, 0));
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fafbfc",endColorstr="#fafbfc",GradientType=1);
}
.product-variant .related-products .scrolly-wrapper {
  padding-bottom: calc(var(--base-block-unit) / 2);
}
.product-variant .related-products .related-card {
  width: 8em;
  margin: 0 calc(var(--base-block-unit) / 12) 0
    calc(var(--base-block-unit) / 12);
  display: inline-block;
}
.product-variant .related-products .related-card:first-child {
  margin-left: 3.2em;
}
.product-variant .related-products .related-card:last-child {
  margin-right: 3.2em;
}
.product-variant .related-products .related-card .card {
  border-radius: calc(var(--base-radius) / 2);
  -webkit-box-shadow: 0 1em 0.5em rgba(0, 0, 0, 0.1);
  box-shadow: 0 1em 0.5em rgba(0, 0, 0, 0.1);
}
.product-variant .related-products .related-card .card .picture {
  background: var(--base-color);
}
.product-variant .related-products .related-card .card .group-title {
  right: 0;
  left: 0;
  text-align: center;
}
.product-variant product-carousel .scroll-indicator {
  display: none;
}
#details .block-icon.size-guide {
  background: url(assets/themes/hero-shop/static/images/icons/icon-tape.svg);
  background-size: 100% 100%;
}
#details .special {
  background: #fc0;
  color: #000;
}
#details .special.mobile {
  padding: 1.25em 0;
  margin-top: var(--base-block-unit);
  display: none;
}
#details .special.desktop {
  padding: 0.75em 0.5em;
  display: block;
  margin-top: calc(var(--base-block-unit) / 2);
  border-radius: var(--base-radius);
}
.product-variant .product {
  --product-background: #fafcfb;
  --product-accent-color: var(--primary-color);
  --product-accent-color-alt: var(--primary-alt-color);
  --product-image-background-color: #fafcfb;
  --product-accent-color-2: #36f;
  --product-accent-color-2-alt: #03f;
  background: var(--base-color) !important;
}
.product-variant .product .product-theme-wrapper {
  background: var(--product-background);
}
.product .feature-card {
  position: relative;
  background: #1e1e1e;
  border-radius: 6px;
  overflow: hidden;
  box-shadow: 0 1.5em 2.5em 0 rgba(0, 0, 0, 0.3);
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  opacity: 1;
  display: block;
  color: inherit;
  cursor: pointer;
  color: #fff;
}
.product .feature-card .feature-info {
  transition: all 0.2s ease;
  text-align: center;
}
.product .feature-card .feature-info h2,
.product .feature-card .feature-info p {
  color: var(--base-color) !important;
}
.product .feature-card:hover .feature-info {
  transform: translateY(-50%) scale(0.97);
}
.product .feature-card.slide-up-initial {
  opacity: 0;
}
.product .feature-card .feature-shot {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 150%;
}
.product .feature-card .feature-shot img,
.product .feature-card .feature-shot video {
  position: absolute;
  object-fit: cover;
  object-position: 0 0;
  z-index: 2;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.product .feature-card .feature-shot img {
  z-index: 1;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}
.product .feature-card .feature-info {
  position: absolute;
  z-index: 3;
  top: 50%;
  left: 0;
  right: 0;
  bottom: auto;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  transform: translateY(-50%);
}
.product .feature-card .title {
  font-size: 0.9em;
  text-transform: uppercase;
  font-weight: 800;
}
.product .feature-card .description {
  font-size: 4rem;
  line-height: 1.2;
}
section.hero-review {
  padding: var(--base-block-unit) 0;
  background: var(--product-background);
  color: var(--product-accent-color);
}
section.hero-review h2 {
  max-width: none;
}
section.hero-review h2.review:before {
  content: "“";
  margin-left: -0.3em;
}
section.hero-review h2.review:after {
  content: "”";
}
section.hero-review .stars .inline-icon {
  background: url(assets/core/static/images/icons/icon-star.svg);
  background-size: 100% 100%;
}
section.hero-review .video-wrapper {
  margin-top: calc(var(--base-block-unit) * 1.5);
}
section.hero-review .video-wrapper video {
  width: 100%;
}
section.hero-review .reviews-shot-wrapper {
  width: 100%;
  max-width: 30em;
  margin: 0 auto;
  height: 0;
  padding-bottom: 100%;
  position: relative;
}
section.hero-review .reviews-shot-wrapper .review-shot {
  width: 42%;
  height: auto;
  top: 50%;
  left: 50%;
  right: auto;
  bottom: auto;
  border: 2px solid #fff;
  box-shadow: 0 1em 1em rgba(0, 0, 0, 0.1);
  transform: translate3d(-50%, -50%, 0);
  background-color: #fff;
}
section.hero-review .reviews-shot-wrapper .review-shot img {
  width: 100%;
}
section.hero-review .reviews-shot-wrapper .review-shot.one {
  transform: translate3d(-50%, -30%, 0) rotate(4deg);
  z-index: 3;
}
section.hero-review .reviews-shot-wrapper .review-shot.two {
  transform: translate3d(0, -50%, 0) rotate(12deg);
  z-index: 2;
}
section.hero-review .reviews-shot-wrapper .review-shot.three {
  transform: translate3d(-100%, -80%, 0) rotate(-8deg);
  z-index: 1;
}
section.hero-features {
  padding: var(--base-block-unit) 0 0 0;
  overflow: hidden;
}
section.hero-features .product-name,
section.hero-features h2.feature-hero {
  text-align: center;
  color: var(--product-accent-color);
  margin: 0;
  padding-bottom: calc(var(--base-block-unit) / 4);
}
section.hero-features .feature-card-title {
  padding-bottom: calc(var(--base-block-unit) / 1.5);
  color: var(--product-accent-color);
}
section.hero-features .feature-card-title .stars {
  display: block;
  margin: 0 auto;
  text-align: center;
}
section.hero-features .feature-card-title .stars .star {
  height: 0.7em;
  width: 0.7em;
  margin: 0 0.4em;
  display: inline-block;
}
section.hero-features .feature-card-title .stars .star svg path {
  fill: var(--product-accent-color);
}
section.hero-features .feature-card-title .feature-hero {
  margin-top: 0.5em;
  max-width: none;
}
section.hero-features .feature-card-content {
  width: 100%;
  margin: 0 auto;
}
section.hero-features .feature-card-wrapper {
  margin: calc(var(--base-block-unit) / 6) calc(var(--base-block-unit) / 6)
    calc(var(--base-block-unit) / 2) calc(var(--base-block-unit) / 6);
}
section.hero-features .card {
  position: relative;
  overflow: hidden;
  background: transparent;
}
section.hero-features .card .picture {
  height: 0;
  width: 100%;
  padding-bottom: 125%;
  border-radius: var(--base-radius);
  overflow: hidden;
  position: relative;
}
section.hero-features .card .picture:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  bottom: 0;
  background: #0a0000;
  background: -moz-linear-gradient(
    180deg,
    rgba(10, 0, 0, 0) 0,
    rgba(10, 0, 0, 0.5) 100%
  );
  background: -webkit-linear-gradient(
    180deg,
    rgba(10, 0, 0, 0),
    rgba(10, 0, 0, 0.5)
  );
  background: linear-gradient(180deg, rgba(10, 0, 0, 0), rgba(10, 0, 0, 0.5));
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0a0000",endColorstr="#0a0000",GradientType=1);
}
section.hero-features .card .picture img,
section.hero-features .card .picture video {
  width: 100%;
  border-radius: var(--base-radius);
}
section.hero-features .card h2,
section.hero-features .card p.title {
  margin: 0;
  text-align: left !important;
  color: var(--base-color);
}
section.hero-features .card h2 {
  margin-top: 0.5em;
  max-width: 16em;
  line-height: 1.3em;
}
.hero-features .helper {
  margin-top: 1em;
  text-align: center;
}
.hero-features .helper a.button {
  color: var(--product-background);
  background: var(--product-accent-color);
}
.hero-features .helper a.button:after {
  content: "→";
  margin-left: 0.4em;
}
.hero-features .helper a.button:hover {
  background: var(--product-accent-color-alt);
}
.hero-features p.title {
  display: block;
}
section.hero-introduction {
  text-align: center;
  padding: calc(var(--base-block-unit) / 1.5) 0
    calc(var(--base-block-unit) * 1.5) 0;
}
section.hero-introduction .intro-shot-wrapper {
  width: 100%;
  max-width: calc(var(--base-block-unit) * 7);
  margin: 0 auto;
}
section.hero-introduction .intro-shot-wrapper .intro-shot img {
  width: 100%;
}
section.hero-introduction h2.para {
  max-width: none;
}
section.hero-introduction a.march-product:before {
  content: "March ";
}
.product-index .main-wrapper {
  display: flex;
  flex-wrap: wrap;
  grid-gap: 2px;
}
.product-index main {
  background: var(--category-background);
  width: 100%;
}
.product-index .category-hero {
  padding: 0;
}
.product-index .category-hero,
.product-index .category-hero .block-wrapper {
  position: relative;
  text-align: center;
  display: block;
}
.product-index .category-hero .block-wrapper:after {
  content: "";
  position: absolute;
  top: auto;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 0;
  padding-bottom: 25vh;
  background: hsla(0, 0%, 100%, 0);
  background: linear-gradient(
    0deg,
    var(--category-background),
    hsla(0, 0%, 100%, 0)
  );
}
.product-index .category-hero .block-wrapper .picture {
  height: var(--fs-block-height);
  background-color: var(--category-background);
}
.product-index .category-hero .block-wrapper .picture .videoWrapper {
  height: var(--fs-block-height);
  display: flex;
  align-content: center;
  justify-content: center;
  overflow: hidden;
}
.product-index .category-hero .block-wrapper .picture .videoWrapper.full-width {
  display: block;
}
.product-index .category-hero .block-wrapper .picture .videoWrapper video {
  height: 100%;
}
.product-index
  .category-hero
  .block-wrapper
  .picture
  .videoWrapper.full-width
  video {
  width: 100%;
  height: auto;
}
.product-index .video-block {
  position: relative;
  overflow: hidden;
}
.product-index .video-block #ghostVid {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.product-index .video-block .block-wrapper .picture {
  background-color: transparent !important;
}
.product-index .category-hero .block-details {
  text-align: center;
  top: 50%;
  left: 8vw;
  right: 8vw;
  bottom: auto;
  transform: translate3d(0, -50%, 0);
  color: var(--base-color);
  color: var(--category-text-color);
  z-index: 1;
}
.product-index .category-hero .block-action,
.product-variant .hero-story .block-action {
  text-align: center;
  top: auto;
  bottom: calc(var(--base-block-unit) / 2);
  transform: translate3d(0, -50%, 0);
  z-index: 1;
}
.product-index .category-hero .block-action .button.rounded,
.product-index .category-hero .block-details .button.rounded,
.product-variant .hero-story .block-action .button.rounded {
  border: 1px solid hsla(0, 0%, 100%, 0.25);
  box-shadow: none;
  background: none;
  transition: border 0.3s ease;
}
.product-index .category-hero .block-action .button.rounded:hover,
.product-index .category-hero .block-details .button.rounded:hover {
  border: 1px solid var(--category-text-color);
}
.product-variant .hero-story .block-action .button.rounded:hover {
  border: 1px solid var(--base-color);
}
.product-index .category-hero .block-action p,
.product-variant .hero-story .block-action p {
  color: var(--base-color);
  color: var(--category-text-color);
}
.product-index .category-description,
.product-index .category-products {
  padding: 0;
}
.product-index .category-product {
  padding: calc(var(--base-block-unit) / 6) calc(var(--base-block-unit) / 6)
    calc(var(--base-block-unit) * 2) calc(var(--base-block-unit) / 6);
}
.product-index .category-product .card {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  cursor: pointer;
  background-color: var(--category-background);
  background-color: var(--card-background);
}
.product-index .category-product .card:hover {
  transform: scale(0.96);
}
.product-index .category-product .card .gradient {
  background: none;
  background: #000;
  background: -moz-linear-gradient(
    0deg,
    rgba(0, 0, 0, 0.25) 0,
    transparent 75%,
    transparent 100%
  );
  background: -webkit-linear-gradient(
    0deg,
    rgba(0, 0, 0, 0.25),
    transparent 75%,
    transparent
  );
  background: linear-gradient(
    0deg,
    rgba(0, 0, 0, 0.25),
    transparent 75%,
    transparent
  );
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
}
.product-index .category-product .card .card-title {
  text-align: center;
  transform: translate3d(0, -50%, 0);
  color: var(--category-card-text-color);
}
.product-index .category-product .card .card-title h1,
.product-index .category-product .card .card-title h2 {
  margin: 0.25em 0;
}
.product-index .category-product .card .card-title .new-dot {
  animation: blinker 2s linear infinite;
  -webkit-animation: blinker 2s linear infinite;
  -moz-animation: blinker 2s linear infinite;
  display: inline-block;
  margin-left: 0.25em;
}
.product-index .category-product .card .flasher {
  left: auto;
  bottom: auto;
  right: calc(var(--base-block-unit) / 6);
  top: calc(var(--base-block-unit) / 6);
}
.product-index .category-products .grid {
  display: flex;
  flex-wrap: wrap;
  padding-bottom: calc(var(--base-block-unit) * 1.75);
}
.product-index .category-products .grid-item {
  flex-shrink: 0;
  padding: calc(var(--base-block-unit) / 6);
}
.product-index .blocks1x0 {
  padding-bottom: calc(var(--base-block-unit) * 2);
}
.product-index .non-seamless {
  padding-bottom: 0 !important;
}
.product-index .blocks1x3 .category-product {
  width: 33.33%;
}
.product-index .blocks1x3 .category-product .card .picture {
  width: 100%;
  padding-bottom: 140%;
}
.product-index .blocks1x3 .card .card-title {
  top: 75%;
  bottom: auto;
}
.product-index .blocks1x2 .category-product {
  width: 50%;
}
.product-index .blocks1x2 .category-product .card .picture {
  width: 100%;
  padding-bottom: 71.4%;
}
.product-index .blocks1x2 .card .card-title {
  top: 50%;
  bottom: auto;
}
.product-index .blocks1x4 .category-product {
  width: 50%;
}
.product-index .blocks1x4 .category-product .card .picture {
  width: 100%;
  padding-bottom: 25%;
}
.product-index .blocks1x4 .category-product .card .gradient {
  display: none;
}
.product-index .blocks1x4 .card .card-title {
  top: 50%;
  bottom: auto;
  transform: translate3d(4%, -50%, 0);
}
.product-index .blocks1x4 .card h2 {
  font-size: 1.5em;
}
.product-index .blocks1x8 .category-product {
  width: 25%;
}
.product-index .blocks1x8 .category-product .card .picture {
  width: 100%;
  padding-bottom: 150%;
}
.product-index .banner {
  padding-bottom: 0;
  --fs-block-height: calc(var(--base-block-unit) * 2.5);
}
.product-index .banner .category-hero .block-wrapper:after {
  content: none;
}
.product-index .product-block {
  padding: 2px 2px 0 0;
}
.product-index .product-block .block-details h2 {
  font-size: 2.5em;
}
.product-index #grid1x2 .product-block {
  width: 50%;
}
.product-index #grid1x3 .product-block {
  width: 33.33%;
}
.product-index .product-block a.block-hero {
  display: block;
  z-index: 0;
}
.product-index .product-block .picture {
  background-color: var(--primary-alt-color);
  width: 100%;
  height: 0;
}
.product-index #grid1x2 .product-block .picture {
  padding-bottom: 100%;
}
.product-index #grid1x3 .product-block .picture {
  padding-bottom: 125%;
}
.product-index .hero.product-block {
  width: 100% !important;
  padding-top: 2px;
}
.product-index .hero.product-block:first-of-type {
  padding-top: 0 !important;
}
.product-index #grid1 .hero.product-block .picture {
  height: 100vh !important;
  padding-bottom: 0 !important;
}
.product-index #grid1x1 .product-block .picture {
  display: block;
  height: 100vh;
  padding-bottom: 0;
}
.product-index #grid1x1 .hero.product-block {
  padding-right: 0;
}
.product-index #grid1x1 .hero.product-block:first-of-type {
  padding: 0;
}
.product-index #grid1x1x1 .hero.product-block .picture,
.product-index #grid1x2 .hero.product-block .picture,
.product-index #grid1x3 .hero.product-block .picture {
  height: var(--fs-block-height);
  padding-bottom: 0 !important;
}
.product-index .product-block .block-details {
  text-align: center;
  top: 50%;
  bottom: auto;
  transform: translate3d(0, -50%, 0);
  color: var(--base-color);
}
.product-index .product-block .block-action {
  text-align: center;
  top: auto;
  bottom: calc(var(--base-block-unit) / 4);
  transform: translate3d(0, -50%, 0);
  z-index: 1;
}
.product-index .category-hero .block-action.inline a,
.product-index .product-block .block-action a {
  display: inline-block;
  margin: 0 1em;
}
.product-index .product-block .block-action p {
  display: inline-block;
  color: var(--base-color);
}
.product-index .product-block .block-action p:after {
  content: "→";
  margin-left: 0.4em;
  display: inline-block;
  transition: transform 0.3s ease;
}
.product-index .product-block .block-action a:hover p:after {
  transform: translate3d(50%, 0, 0);
  -webkit-transform: translate3d(50%, 0, 0);
  -moz-transform: translate3d(50%, 0, 0);
  animation: none;
}
.product-index .product-block#hero {
  width: 100%;
}
.product-index .coming-soon .block-action p:after {
  content: "";
}
.product-index .hidden-anchor {
  height: 5px;
  width: 100%;
}
.product-index .product-ticker {
  display: block;
  width: 100%;
  padding: 2px;
  padding-bottom: 0;
}
.product-index .product-ticker .picture {
  width: 100%;
  height: calc(var(--base-block-unit) * 3);
}
.product-index .product-ticker .block-details {
  top: 50%;
  transform: translate3d(0, -50%, 0);
  padding-left: 12%;
}
.product-index .product-ticker .block-details p.xlarge {
  margin-top: 0.25em;
}
.product-index .product-block .picture-grid {
  position: relative;
  overflow: hidden;
}
.product-index .product-block .picture-grid .shot-wrapper {
  position: absolute;
  top: 0;
  left: 0;
}
.product-index .product-block .picture-grid .shot-wrapper .shot {
  width: 100%;
  padding-bottom: 100%;
  background-color: #fff;
  box-shadow: 0 2.5em 1em rgba(0, 0, 0, 0.15);
}
.product-index .floater-wrapper {
  display: block;
  position: fixed;
  bottom: 0;
  right: 0;
  z-index: 990;
}
.product-index #floaterBar {
  transition: transform 0.3s ease;
  -webkit-transition: transform 0.3s ease;
  -moz-transition: transform 0.3s ease;
  transform: translate3d(0, 100%, 0);
  -webkit-transform: translate3d(0, 100%, 0);
  -moz-transform: translate3d(0, 100%, 0);
  pointer-events: none;
}
.product-index #floaterBar.in-sight {
  transform: translateZ(0);
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  pointer-events: all;
}
.product-index .floater-wrapper a {
  position: relative;
  display: block;
  bottom: calc(var(--base-block-unit) / 3);
  right: calc(var(--base-block-unit) / 3);
}
.product-index .floater-wrapper .circle {
  width: calc(var(--base-block-unit) * 1);
  height: calc(var(--base-block-unit) * 1);
  background: #ffc;
  border-radius: calc(var(--base-block-unit) * 1);
  transform: rotate(8deg);
  transition: transform 0.4s ease;
}
.product-index .floater-wrapper .circle:hover {
  transform: rotate(16deg);
}
.product-index .floater-wrapper .hiring .floater-element {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: url(assets/core/static/images/hiring.svg) no-repeat 50%;
  background-size: 50%;
}
.product-index .floater-wrapper .bar {
  position: relative;
  display: block;
  bottom: 0;
  right: 0;
  left: 0;
  width: 100vw;
  background: rgba(4, 0, 0, 0.8);
  text-align: center;
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  color: var(--base-color);
  box-shadow: 0 -0.125em 0.25em rgba(0, 0, 0, 0.25);
}
.product-index .floater-wrapper .bar p {
  font-size: 75%;
  padding: 0.25em 0;
  white-space: nowrap;
  opacity: 0.8;
}
.product-index .floater-wrapper .bar p .highlight {
  text-transform: uppercase;
  background: none;
  font-size: 88%;
  font-weight: var(--heavy-weight);
}
.product-index .floater-wrapper .first-timer p .highlight {
  background: linear-gradient(
    90deg,
    #ffb6bf 10%,
    #efcab1 30%,
    #bd99c6 70%,
    #ffb6bf 90%
  );
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  text-fill-color: transparent;
  background-size: 200% auto;
  animation: textShine 3s ease-in-out infinite alternate;
  -webkit-animation: textShine 3s ease-in-out infinite alternate;
  -moz-animation: textShine 3s ease-in-out infinite alternate;
}
.product-index .floater-wrapper .instagram {
  height: 2.4em;
  width: 2.4em;
  background: url(../../../../core/static/images/icons/icon-instagram.png)
    no-repeat 50%;
  background-size: 100% 100%;
}
.product-index .one-col-list {
  width: 100%;
  display: flex;
  flex-direction: column;
}
.product-index .one-col-list .list-item {
  position: relative;
  display: block;
  width: 100%;
  height: var(--base-block-unit);
}
.category-index main {
  background: var(--block-color);
  background: -moz-linear-gradient(
    180deg,
    var(--block-color) 0,
    var(--block-color) 10%,
    var(--block-color-2) 50%
  );
  background: -webkit-linear-gradient(
    180deg,
    var(--block-color),
    var(--block-color) 10%,
    var(--block-color-2) 50%
  );
  background: linear-gradient(
    180deg,
    var(--block-color),
    var(--block-color) 10%,
    var(--block-color-2) 50%
  );
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="var(--block-color)",endColorstr="#var(--block-color-2)",GradientType=1);
  background-size: 200% 200%;
  -webkit-animation: gradientAnim 12s ease infinite;
  -moz-animation: gradientAnim 12s ease infinite;
  animation: gradientAnim 12s ease infinite;
}
.category-index .category-product .card .picture {
  padding-bottom: 125%;
  background-image: none !important;
  position: relative;
}
.category-index .category-product .card .picture .image-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.category-index .category-product .card .picture .image-wrapper img {
  height: 100%;
}
.category-index .category-product .card .gradient {
  background: rgba(0, 0, 0, 0.5);
  background: -moz-linear-gradient(
    0deg,
    rgba(0, 0, 0, 0.5) 0,
    transparent 75%,
    transparent 100%
  );
  background: -webkit-linear-gradient(
    0deg,
    rgba(0, 0, 0, 0.5),
    transparent 75%,
    transparent
  );
  background: linear-gradient(
    0deg,
    rgba(0, 0, 0, 0.5),
    transparent 75%,
    transparent
  );
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
}
.category-index .category-product .card .card-content {
  width: 100%;
  top: auto;
  left: 0;
  right: 0;
  bottom: 0;
  text-align: center;
  color: var(--base-color);
  padding-bottom: calc(var(--base-block-unit) / 2);
}
.category-index .category-product .card .card-content h2 {
  margin: 0;
}
.category-index .category-product .card .card-content p {
  opacity: 0.8;
}
.category-index .category-product .card nav.swatches {
  justify-content: center;
  margin-top: calc(var(--base-block-unit) / 3);
}
.category-index .category-product .card nav.swatches .swatch {
  padding: 0 0.5em;
}
.category-index .category-product .card nav.swatches .swatch span,
.category-index .category-product .card nav.swatches .swatch span:after {
  height: 0.75em;
  width: 0.75em;
}
.category-index .category-product .card nav.swatches .swatch span {
  border: 1px solid hsla(0, 0%, 100%, 0.5);
}
.category-index .category-product .card nav.swatches .swatch.selected span,
.no-touchevents
  .category-index
  .category-product
  .card
  nav.swatches
  .swatch:hover
  span {
  transform: scale(1.25);
  -webkit-transform: scale(1.25);
  -moz-transform: scale(1.25);
}
.category-index .category-product .card .flasher {
  display: none;
}
.category-index .category-product .card .flasher p {
  color: var(--base-color);
}
.product-index .category-title {
  text-align: center;
  padding: calc(var(--base-block-unit) * 1.5) 0 calc(var(--base-block-unit) / 2)
    0;
}
.product-index .category-title h1 {
  margin: 0;
  font-family: Ovo, serif;
  color: var(--type-color-1);
}
.product-index .category-title p {
  color: var(--type-color-2);
  margin-top: 0.75em;
}
.category-index-special .block-row,
.category-index-special .products-wrapper {
  min-height: 100vh;
}
.category-index-special .product-block-special {
  position: relative;
  margin: 0;
  padding: 0;
  background-color: #f6f5f3;
}
.category-index-special .product-block-special .hero {
  position: absolute;
  left: 0;
  top: 0;
  width: 40vw;
  height: 100vh;
  overflow: hidden;
}
.category-index-special .product-block-special .hero .picture {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  background-color: var(--product-image-background-color);
}
.product-block-special .hero .product-title {
  top: auto;
  bottom: calc(var(--base-block-unit) / 2);
}
.product-block-special .hero .product-title h1 {
  margin: 0;
  padding: 0;
  letter-spacing: -0.5px;
  color: var(--product-accent-color);
  color: #fff;
}
.category-index-special .product-block-special .details {
  width: calc(100% - 40vw);
  margin-left: 40vw;
  background-color: var(--product-background);
  background-color: #f6f5f3;
  padding: 0;
  min-height: 100vh;
}
.category-index-special .product-block-special .details > div {
  padding-top: calc(var(--base-block-unit) * 1.5);
  padding-bottom: 0;
}
.category-index-special .product-block-special .details .custom-grid {
  grid-gap: calc(var(--base-block-unit) / 2);
}
.category-index-special
  .product-block-special
  .details
  .custom-grid
  .block:nth-child(2n) {
  -ms-grid-column: 1;
  -ms-grid-column-span: 3;
  grid-column: 1 / span 3;
}
.category-index-special
  .product-block-special
  .details
  .custom-grid
  .block:nth-child(odd) {
  -ms-grid-column: 4;
  -ms-grid-column-span: 3;
  grid-column: 4 / span 3;
}
.category-index-special
  .product-block-special
  .details
  .custom-grid
  .block:first-child {
  -ms-grid-column: 1;
  -ms-grid-column-span: 3;
  grid-column: 1 / span 3;
  -ms-grid-row: 1;
  -ms-grid-row-span: 4;
  grid-row: 1 / span 4;
}
.category-index-special
  .product-block-special
  .details
  .custom-grid
  .block:nth-child(2) {
  -ms-grid-column: 4;
  -ms-grid-column-span: 3;
  grid-column: 4 / span 3;
  -ms-grid-row: 2;
  -ms-grid-row-span: 4;
  grid-row: 2 / span 4;
}
.category-index-special
  .product-block-special
  .details
  .custom-grid
  .block:nth-child(3) {
  -ms-grid-column: 1;
  -ms-grid-column-span: 3;
  grid-column: 1 / span 3;
  -ms-grid-row: 5;
  -ms-grid-row-span: 4;
  grid-row: 5 / span 4;
}
.category-index-special
  .product-block-special
  .details
  .custom-grid
  .block:nth-child(4) {
  -ms-grid-column: 4;
  -ms-grid-column-span: 3;
  grid-column: 4 / span 3;
  -ms-grid-row: 7;
  -ms-grid-row-span: 4;
  grid-row: 6 / span 4;
}
.category-index-special
  .product-block-special
  .details
  .custom-grid
  .block:nth-child(5) {
  -ms-grid-column: 1;
  -ms-grid-column-span: 3;
  grid-column: 1 / span 3;
  -ms-grid-row: 9;
  -ms-grid-row-span: 4;
  grid-row: 9 / span 4;
}
.category-index-special
  .product-block-special
  .details
  .custom-grid
  .block:nth-child(6) {
  -ms-grid-column: 4;
  -ms-grid-column-span: 3;
  grid-column: 4 / span 3;
  -ms-grid-row: 11;
  -ms-grid-row-span: 4;
  grid-row: 10 / span 4;
}
.category-index-special
  .product-block-special
  .details
  .custom-grid
  .block:nth-child(7) {
  -ms-grid-column: 1;
  -ms-grid-column-span: 3;
  grid-column: 1 / span 3;
  -ms-grid-row: 13;
  -ms-grid-row-span: 4;
  grid-row: 13 / span 4;
}
.category-index-special
  .product-block-special
  .details
  .custom-grid
  .block:nth-child(8) {
  -ms-grid-column: 4;
  -ms-grid-column-span: 3;
  grid-column: 4 / span 3;
  -ms-grid-row: 15;
  -ms-grid-row-span: 4;
  grid-row: 14 / span 4;
}
.category-index-special
  .product-block-special
  .details
  .custom-grid
  .block:nth-child(9) {
  -ms-grid-column: 1;
  -ms-grid-column-span: 3;
  grid-column: 1 / span 3;
  -ms-grid-row: 17;
  -ms-grid-row-span: 4;
  grid-row: 17 / span 4;
}
.category-index-special
  .product-block-special
  .details
  .custom-grid
  .block:nth-child(10) {
  -ms-grid-column: 4;
  -ms-grid-column-span: 3;
  grid-column: 4 / span 3;
  -ms-grid-row: 19;
  -ms-grid-row-span: 4;
  grid-row: 18 / span 4;
}
.category-index-special
  .product-block-special
  .details
  .custom-grid
  .block:nth-child(11) {
  -ms-grid-column: 1;
  -ms-grid-column-span: 3;
  grid-column: 1 / span 3;
  -ms-grid-row: 21;
  -ms-grid-row-span: 4;
  grid-row: 21 / span 4;
}
.category-index-special
  .product-block-special
  .details
  .custom-grid
  .block:nth-child(12) {
  -ms-grid-column: 4;
  -ms-grid-column-span: 3;
  grid-column: 4 / span 3;
  -ms-grid-row: 23;
  -ms-grid-row-span: 4;
  grid-row: 22 / span 4;
}
.category-index-special
  .product-block-special
  .details
  .custom-grid
  .block:nth-child(13) {
  -ms-grid-column: 1;
  -ms-grid-column-span: 3;
  grid-column: 1 / span 3;
  -ms-grid-row: 25;
  -ms-grid-row-span: 4;
  grid-row: 25 / span 4;
}
.category-index-special
  .product-block-special
  .details
  .custom-grid
  .block:nth-child(14) {
  -ms-grid-column: 4;
  -ms-grid-column-span: 3;
  grid-column: 4 / span 3;
  -ms-grid-row: 27;
  -ms-grid-row-span: 4;
  grid-row: 26 / span 4;
}
.category-index-special
  .product-block-special
  .details
  .custom-grid
  .block:nth-child(15) {
  -ms-grid-column: 1;
  -ms-grid-column-span: 3;
  grid-column: 1 / span 3;
  -ms-grid-row: 29;
  -ms-grid-row-span: 4;
  grid-row: 29 / span 4;
}
.category-index-special
  .product-block-special
  .details
  .custom-grid
  .block:nth-child(16) {
  -ms-grid-column: 4;
  -ms-grid-column-span: 3;
  grid-column: 4 / span 3;
  -ms-grid-row: 31;
  -ms-grid-row-span: 4;
  grid-row: 30 / span 4;
}
.category-index-special
  .product-block-special
  .details
  .custom-grid
  .block:nth-child(17) {
  -ms-grid-column: 1;
  -ms-grid-column-span: 3;
  grid-column: 1 / span 3;
  -ms-grid-row: 33;
  -ms-grid-row-span: 4;
  grid-row: 33 / span 4;
}
.category-index-special
  .product-block-special
  .details
  .custom-grid
  .block:nth-child(18) {
  -ms-grid-column: 4;
  -ms-grid-column-span: 3;
  grid-column: 4 / span 3;
  -ms-grid-row: 35;
  -ms-grid-row-span: 4;
  grid-row: 35 / span 4;
}
.category-index-special
  .product-block-special
  .details
  .custom-grid
  .block:nth-child(19) {
  -ms-grid-column: 1;
  -ms-grid-column-span: 3;
  grid-column: 1 / span 3;
  -ms-grid-row: 37;
  -ms-grid-row-span: 4;
  grid-row: 37 / span 4;
}
.category-index-special
  .product-block-special
  .details
  .custom-grid
  .block:nth-child(20) {
  -ms-grid-column: 4;
  -ms-grid-column-span: 3;
  grid-column: 4 / span 3;
  -ms-grid-row: 39;
  -ms-grid-row-span: 4;
  grid-row: 39 / span 4;
}
.category-index-special
  .product-block-special
  .details
  .custom-grid
  .block:nth-child(21) {
  -ms-grid-column: 1;
  -ms-grid-column-span: 3;
  grid-column: 1 / span 3;
  -ms-grid-row: 41;
  -ms-grid-row-span: 4;
  grid-row: 41 / span 4;
}
.category-index-special
  .product-block-special
  .details
  .custom-grid
  .block:nth-child(22) {
  -ms-grid-column: 4;
  -ms-grid-column-span: 3;
  grid-column: 4 / span 3;
  -ms-grid-row: 43;
  -ms-grid-row-span: 4;
  grid-row: 43 / span 4;
}
.category-index-special
  .product-block-special
  .details
  .custom-grid
  .block:nth-child(23) {
  -ms-grid-column: 1;
  -ms-grid-column-span: 3;
  grid-column: 1 / span 3;
  -ms-grid-row: 45;
  -ms-grid-row-span: 4;
  grid-row: 45 / span 4;
}
.category-index-special
  .product-block-special
  .details
  .custom-grid
  .block:nth-child(24) {
  -ms-grid-column: 4;
  -ms-grid-column-span: 3;
  grid-column: 4 / span 3;
  -ms-grid-row: 47;
  -ms-grid-row-span: 4;
  grid-row: 47 / span 4;
}
.category-index-special
  .product-block-special
  .details
  .custom-grid
  .block:nth-child(25) {
  -ms-grid-column: 1;
  -ms-grid-column-span: 3;
  grid-column: 1 / span 3;
  -ms-grid-row: 49;
  -ms-grid-row-span: 4;
  grid-row: 49 / span 4;
}
.category-index-special
  .product-block-special
  .details
  .custom-grid
  .block:nth-child(26) {
  -ms-grid-column: 4;
  -ms-grid-column-span: 3;
  grid-column: 4 / span 3;
  -ms-grid-row: 51;
  -ms-grid-row-span: 4;
  grid-row: 51 / span 4;
}
.category-index-special
  .product-block-special
  .details
  .custom-grid
  .block:nth-child(27) {
  -ms-grid-column: 1;
  -ms-grid-column-span: 3;
  grid-column: 1 / span 3;
  -ms-grid-row: 53;
  -ms-grid-row-span: 4;
  grid-row: 53 / span 4;
}
.category-index-special
  .product-block-special
  .details
  .custom-grid
  .block:nth-child(28) {
  -ms-grid-column: 4;
  -ms-grid-column-span: 3;
  grid-column: 4 / span 3;
  -ms-grid-row: 55;
  -ms-grid-row-span: 4;
  grid-row: 55 / span 4;
}
.category-index-special
  .product-block-special
  .details
  .custom-grid
  .block:nth-child(29) {
  -ms-grid-column: 1;
  -ms-grid-column-span: 3;
  grid-column: 1 / span 3;
  -ms-grid-row: 57;
  -ms-grid-row-span: 4;
  grid-row: 57 / span 4;
}
.category-index-special
  .product-block-special
  .details
  .custom-grid
  .block:nth-child(30) {
  -ms-grid-column: 4;
  -ms-grid-column-span: 3;
  grid-column: 4 / span 3;
  -ms-grid-row: 59;
  -ms-grid-row-span: 4;
  grid-row: 59 / span 4;
}
.category-index-special
  .product-block-special
  .details
  .custom-grid
  .block:nth-child(31) {
  -ms-grid-column: 1;
  -ms-grid-column-span: 3;
  grid-column: 1 / span 3;
  -ms-grid-row: 61;
  -ms-grid-row-span: 4;
  grid-row: 61 / span 4;
}
.category-index-special
  .product-block-special
  .details
  .custom-grid
  .block:nth-child(32) {
  -ms-grid-column: 4;
  -ms-grid-column-span: 3;
  grid-column: 4 / span 3;
  -ms-grid-row: 63;
  -ms-grid-row-span: 4;
  grid-row: 63 / span 4;
}
.category-index-special
  .product-block-special
  .details
  .custom-grid
  .block:nth-child(33) {
  -ms-grid-column: 1;
  -ms-grid-column-span: 3;
  grid-column: 1 / span 3;
  -ms-grid-row: 65;
  -ms-grid-row-span: 4;
  grid-row: 65 / span 4;
}
.category-index-special .product-block-special .details .card,
.product-variant .related-products .card {
  display: block;
  overflow: hidden;
}
.category-index-special .product-block-special .details .card:hover,
.product-variant .related-products .card:hover {
  transform: scale(0.96);
  -webkit-transform: scale(0.96);
  -moz-transform: scale(0.96);
}
.category-index-special .product-block-special .details .card .group-title,
.product-variant .related-products .card .group-title {
  top: auto;
  right: auto;
  bottom: calc(var(--base-block-unit) / 4);
  left: calc(var(--base-block-unit) / 4);
}
.category-index-special .product-block-special .details .card .group-title p,
.product-variant .related-products .card .group-title p {
  color: var(--base-color);
}
.category-index-special
  .product-block-special
  .details
  .card
  .group-title
  .price,
.category-index-special
  .product-block-special
  .details
  .card
  .group-title
  .sub {
  opacity: 0.75;
}
.category-index-special
  .product-block-special
  .details
  .card
  .group-title
  .price
  .original-price {
  text-decoration: line-through;
}
.category-index-special .product-block-special.placeholder .details {
  min-height: 200vh;
}
.product-block-special .details .product-info-block {
  margin-bottom: calc(var(--base-block-unit) / 6);
}
.product-block-special .details .product-aside {
  display: flex;
  align-items: center;
}
.product-block-special .details .product-aside p {
  font-weight: var(--mid-weight);
}
.product-block-special .details .product-overview p {
  line-height: 1.4em;
  letter-spacing: -0.5px;
}
.product-block-special .details .product-info-block h2.para {
  margin-bottom: 0;
}
.product-block-special .details .product-info-block .helper {
  display: block;
  margin: 0 0 calc(var(--base-block-unit) / 3) 0;
}
.product-block-special .details .product-info-block .helper a {
  margin-right: 1em;
  display: inline-block;
  color: var(--product-accent-color-2);
}
.product-block-special .details .product-info-block .helper a:hover {
  color: var(--product-accent-color-2-alt);
}
.product-block-special .details .product-info-block .misc {
  display: flex;
  justify-content: space-between;
}
.product-block-special .details .product-info-block .misc p {
  flex: none;
  color: var(--product-accent-color);
}
.product-block-special .details .product-info-block .misc .info {
  text-align: right;
}
.product-block-special .details .product-info-block .misc .info a {
  color: var(--product-accent-color);
  border-bottom: 1px dotted var(--product-accent-color);
}
.product-block-special .details .product-info-block .misc .alert,
.product-block-special .details .product-info-block .misc .preorder {
  color: var(--product-accent-color);
}
.product-block-special .details .product-info-block .misc .seperator {
  flex-grow: 1;
  margin: 0 0.5em;
  border-bottom: 1px dotted var(--product-accent-color);
  height: 0.8em;
}
.category-index-special .details .custom-grid {
  margin: calc(var(--base-block-unit) / 2) 0;
  width: 100%;
  display: grid;
  grid-template-columns: repeat(1fr);
  grid-template-rows: repeat(auto);
  justify-items: stretch;
  grid-gap: calc(var(--base-block-unit) / 2);
}
.category-index-special.mixed-product .details .custom-grid {
  margin-top: 0;
}
.category-index-special .details .custom-grid .block:first-child {
  -ms-grid-column: 1;
  -ms-grid-column-span: 3;
  grid-column: 1 / span 3;
  -ms-grid-row: 1;
  -ms-grid-row-span: 4;
  grid-row: 1 / span 4;
}
.category-index-special .details .custom-grid .block:nth-child(2) {
  -ms-grid-column: 4;
  -ms-grid-column-span: 3;
  grid-column: 4 / span 3;
  -ms-grid-row: 2;
  -ms-grid-row-span: 4;
  grid-row: 2 / span 4;
}
.category-index-special .details .custom-grid .block:nth-child(3) {
  -ms-grid-column: 1;
  -ms-grid-column-span: 3;
  grid-column: 1 / span 3;
  -ms-grid-row: 5;
  -ms-grid-row-span: 4;
  grid-row: 5 / span 4;
}
.category-index-special .details .custom-grid .block:nth-child(4) {
  -ms-grid-column: 4;
  -ms-grid-column-span: 3;
  grid-column: 4 / span 3;
  -ms-grid-row: 7;
  -ms-grid-row-span: 4;
  grid-row: 7 / span 4;
}
.product-block-special .details .custom-grid .picture,
.product-variant .related-products .card .picture {
  position: relative;
  height: 0;
  width: 100%;
  background-color: var(--product-image-background-color);
  overflow: hidden;
}
.product-block-special .details .custom-grid .picture:after,
.product-variant .related-products .card .picture:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #000;
  background: -moz-linear-gradient(
    0deg,
    rgba(0, 0, 0, 0.2) 0,
    transparent 100%
  );
  background: -webkit-linear-gradient(0deg, rgba(0, 0, 0, 0.2), transparent);
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.2), transparent);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
}
.product-block-special .details .custom-grid .picture.landscape,
.product-variant .related-products .card .picture.landscape {
  padding-bottom: 71.42%;
}
.product-block-special .details .custom-grid .picture.portrait,
.product-variant .related-products .card .picture.portrait {
  padding-bottom: 140%;
}
.product-block-special .details .custom-grid .picture img,
.product-block-special .details .custom-grid .picture video,
.product-variant .related-products .card .picture img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
  -webkit-transform: translate3d(-50%, -50%, 0);
  -moz-transform: translate3d(-50%, -50%, 0);
  height: 100%;
}
.category-index-special .shop-link:after {
  content: "";
  /* background: url(assets/core/static/images/icons/icon-bag.svg) no-repeat 50%; */
  background-size: 100% 100%;
  height: 2em;
  width: 2em;
  opacity: 0.9;
  position: absolute;
  bottom: calc(var(--base-block-unit) / 4);
  right: calc(var(--base-block-unit) / 4);
}
.category-index-special footer {
  position: relative;
  z-index: 2;
}
.category-index-special .scrolly-navigation,
.product-variant .related-products .scrolly-wrapper {
  overflow: hidden;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
.category-index-special .scrolly-navigation {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  height: calc(var(--base-block-unit) / 2);
  background: var(--base-color);
  z-index: 1;
  transition: background 0.4s ease;
}
.category-index-special .scrolly-navigation .scrollable,
.product-variant .related-products .scrolly-wrapper .scrollable {
  white-space: nowrap;
}
.category-index-special .scrolly-navigation a {
  line-height: calc(var(--base-block-unit) / 2);
  display: inline-block;
  margin: 0 0.75em;
  vertical-align: middle;
}
.category-index-special .scrolly-navigation a p {
  letter-spacing: -0.5px;
  color: var(--primary-alt-color);
  transition: color 0.4s ease;
}
.category-index-special .scrolly-navigation a:hover p {
  color: #300;
}
.category-index-special .scrolly-navigation a:first-child {
  margin-left: 1.5em;
}
.category-index-special .scrolly-navigation a:last-child {
  margin-right: 1.5em;
}
.category-index-special .scrolly-navigation::-webkit-scrollbar,
.product-variant .related-products .scrolly-wrapper::-webkit-scrollbar {
  display: block;
  height: 2px;
}
.category-index-special .scrolly-navigation::-webkit-scrollbar-track,
.product-variant .related-products .scrolly-wrapper::-webkit-scrollbar-track {
  background: var(--base-color);
}
.category-index-special .scrolly-navigation::-webkit-scrollbar-thumb,
.product-variant .related-products .scrolly-wrapper::-webkit-scrollbar-thumb {
  background: var(--primary-color);
}
.category-index-special .scrolly-navigation::-webkit-scrollbar-thumb:hover,
.product-variant
  .related-products
  .scrolly-wrapper::-webkit-scrollbar-thumb:hover {
  background: var(--primary-alt-color);
}
.category-index-special .scrolly-navigation.reverse {
  background: var(--primary-alt-color);
}
.category-index-special .scrolly-navigation.reverse a p {
  color: var(--base-color);
}
.category-index-special .scrolly-navigation .fom-logo {
  width: 2em;
  height: calc(var(--base-block-unit) / 2);
  background: url(assets/themes/hero-shop/static/images/theme/fom-small.svg)
    no-repeat 50%;
  background-size: contain;
}
.product-variant .product-story-block {
  text-align: center;
}
.product-variant .exclusives-unit .march-logo {
  display: block;
  width: 100%;
  height: 2em;
  background: url(assets/core/static/images/brand/logo-dark-exclusive.svg)
    no-repeat 50%;
  background-size: contain;
}
.product-variant .exclusives-unit h1 {
  margin-top: 0;
}
.product-variant .product-story {
  margin-top: 1.5em;
  max-width: none;
  color: var(--product-accent-color-2);
}
.product-variant .product-story-block-wrap {
  position: relative;
  z-index: 1;
}
.product-variant .special-product-hero {
  position: relative;
  z-index: 0;
}
.product-variant .special-product-hero .shot-wrapper {
  display: block;
  width: 100%;
  max-width: 800px;
  margin: -5% auto 0;
}
.product-variant .special-product-hero .shot-wrapper .shot {
  width: 100%;
  height: 0;
  padding-bottom: 100%;
}
.product-variant .hero-story {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  height: 100vh;
  padding: 0;
  position: relative;
  text-align: center;
}
.product-variant .hero-story:before {
  content: "";
  background: hsla(0, 0%, 100%, 0);
  background: linear-gradient(
    180deg,
    var(--product-background),
    hsla(0, 0%, 100%, 0)
  );
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 25vh;
  z-index: 0;
}
.product-variant .hero-story:after {
  content: "";
  background: #000;
  background: -moz-linear-gradient(
    180deg,
    transparent 0,
    rgba(0, 0, 0, 0.25) 100%
  );
  background: -webkit-linear-gradient(180deg, transparent, rgba(0, 0, 0, 0.25));
  background: linear-gradient(180deg, transparent, rgba(0, 0, 0, 0.25));
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 75vh;
  z-index: 0;
}
.product-variant .hero-story > div {
  z-index: 1;
}
.product-variant .hero-story a,
.product-variant .hero-story h1 {
  color: var(--base-color);
}
.product-variant .special-products {
  text-align: center;
  padding: calc(var(--base-block-unit) * 1.5) 0;
}
.product-variant .special-products .section-title {
  text-align: center;
  margin: 0 auto calc(var(--base-block-unit) / 2.5) auto;
}
.product-variant .special-products .custom-grid {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(1fr);
  grid-template-rows: repeat(auto);
  grid-gap: 0;
  justify-items: stretch;
}
.product-variant .special-products .custom-grid .block:first-child {
  -ms-grid-column: 5;
  -ms-grid-column-span: 4;
  grid-column: 5 / span 4;
  -ms-grid-row: 1;
  -ms-grid-row-span: 4;
  grid-row: 1 / span 4;
}
.product-variant .special-products .custom-grid .block:nth-child(2) {
  -ms-grid-column: 1;
  -ms-grid-column-span: 4;
  grid-column: 1 / span 4;
  -ms-grid-row: 5;
  -ms-grid-row-span: 4;
  grid-row: 5 / span 4;
}
.product-variant .special-products .custom-grid .block:nth-child(2) img {
  transform: rotate(-8deg);
}
.product-variant .special-products .custom-grid .block:nth-child(3) {
  -ms-grid-column: 9;
  -ms-grid-column-span: 4;
  grid-column: 9 / span 4;
  -ms-grid-row: 6;
  -ms-grid-row-span: 4;
  grid-row: 6 / span 4;
}
.product-variant .special-products .custom-grid .block:nth-child(3) img {
  transform: rotate(4deg);
}
.product-variant .special-products .custom-grid .block:nth-child(4) {
  -ms-grid-column: 3;
  -ms-grid-column-span: 4;
  grid-column: 3 / span 4;
  -ms-grid-row: 9;
  -ms-grid-row-span: 4;
  grid-row: 9 / span 4;
}
.product-variant .special-products .custom-grid .block:nth-child(5) {
  -ms-grid-column: 9;
  -ms-grid-column-span: 4;
  grid-column: 9 / span 4;
  -ms-grid-row: 1;
  -ms-grid-row-span: 4;
  grid-row: 1 / span 4;
}
.product-variant .special-products .custom-grid .block:nth-child(6) {
  -ms-grid-column: 5;
  -ms-grid-column-span: 4;
  grid-column: 5 / span 4;
  -ms-grid-row: 5;
  -ms-grid-row-span: 4;
  grid-row: 5 / span 4;
}
.product-variant .special-products .custom-grid .block:nth-child(7) {
  -ms-grid-column: 8;
  -ms-grid-column-span: 4;
  grid-column: 8 / span 4;
  -ms-grid-row: 9;
  -ms-grid-row-span: 4;
  grid-row: 9 / span 4;
}
.product-variant .special-products .custom-grid .image-wrapper {
  width: 100%;
  position: relative;
}
.product-variant .special-products .custom-grid .image-wrapper img {
  width: 100%;
}
.product-variant .special-products .custom-grid .beanie-1 {
  padding: 0 25% 50%;
}
.product-variant .special-products .custom-grid .beanie-2 {
  padding: 25%;
}
.product-variant .special-products .custom-grid .beanie-3 {
  padding: 50% 25% 0;
}
.hotspot-button {
  height: calc(var(--base-block-unit) / 8);
  width: calc(var(--base-block-unit) / 8);
  background: #fff;
  border: 0;
}
.hotspot-button:after {
  height: calc(var(--base-block-unit) / 6);
  width: calc(var(--base-block-unit) / 6);
}
.product-variant .special-product-block {
  display: block;
}
.product-variant .special-product-block .shot-wrapper {
  width: 100%;
  max-width: 400px;
  margin: 0 auto;
  position: relative;
}
.product-variant .special-product-block .shot-wrapper img {
  width: 100%;
}
.product-variant .special-product-block .shot-wrapper .shot {
  width: 100%;
  height: 0;
  padding-bottom: 100%;
  background: grey;
}
.product-variant .special-product-block {
  text-align: center;
  color: var(--product-accent-color);
}
.product-variant .special-product-block h2 {
  position: relative;
  margin-top: 0;
  display: inline-block;
  border-bottom: 2px solid transparent;
  transition: border 0.2s ease;
}
.intro-theme .intro-wrapper {
  position: relative;
  height: var(--fs-block-height);
  padding: 0;
  width: 100vw;
  text-align: center;
}
.intro-theme .intro-wrapper .block-hero {
  display: block;
  z-index: 0;
}
.intro-theme .intro-wrapper .picture {
  width: 100%;
  height: var(--fs-block-height);
  background: #000;
}
.intro-theme #video-intro {
  object-fit: cover;
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: -1;
  border-bottom: 1px solid transparent;
  background: #000;
}
.intro-theme .intro-wrapper .block-details {
  text-align: center;
  top: 50%;
  bottom: auto;
  transform: translate3d(0, -50%, 0);
  color: var(--product-accent-color);
}
.intro-theme .intro-wrapper .block-tabs-wrapper {
  text-align: center;
  top: auto;
  bottom: 0;
  color: var(--base-color);
}
.intro-theme .intro-wrapper .block-tabs {
  width: 100%;
  height: var(--base-block-unit);
  display: flex;
  align-items: stretch;
  justify-content: center;
}
.intro-theme .intro-wrapper .block-tab {
  position: relative;
  width: 33.33%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--product-accent-color);
}
.intro-theme .intro-wrapper .block-tab:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: var(--product-accent-color);
  transform: scaleY(0);
  -webkit-transform: scaleY(0);
  -moz-transform: scaleY(0);
  transform-origin: bottom;
  transition: transform 0.2s ease;
  -webkit-transition: transform 0.2s ease;
  -moz-transition: transform 0.2s ease;
}
.intro-theme #hero .product-shot {
  z-index: 0;
}
.intro-theme #details {
  z-index: 1;
}
.intro-theme #details .add-component .radio-size-wrapper,
.intro-theme #details .add-component .select-size-wrapper {
  border-top-left-radius: var(--base-radius);
  border-top-right-radius: var(--base-radius);
}
.intro-theme #details .add-component #addBtn {
  border-bottom-left-radius: var(--base-radius);
  border-bottom-right-radius: var(--base-radius);
}
.intro-theme section.hero-introduction .intro-shot-wrapper {
  max-width: calc(var(--base-block-unit) * 10);
}
.intro-theme section.hero-introduction .intro-shot-wrapper video {
  width: 100%;
}
.grid-features section.hero-features .feature-card-content,
.intro-theme section.hero-features .feature-card-content {
  display: grid;
  grid-template-columns: repeat(1fr);
  grid-template-rows: repeat(auto);
  grid-gap: calc(var(--base-block-unit) / 4);
  justify-items: stretch;
}
.grid-features section.hero-features .carousal-slide,
.intro-theme section.hero-features .carousal-slide {
  width: auto;
}
.grid-features section.hero-features .carousal-slide:first-child,
.intro-theme section.hero-features .carousal-slide:first-child {
  -ms-grid-column: 2;
  -ms-grid-column-span: 9;
  grid-column: 2 / span 9;
  -ms-grid-row: 1;
  -ms-grid-row-span: 4;
  grid-row: 1 / span 4;
}
.grid-features section.hero-features .carousal-slide:nth-child(2),
.intro-theme section.hero-features .carousal-slide:nth-child(2) {
  -ms-grid-column: 7;
  -ms-grid-column-span: 5;
  grid-column: 7 / span 5;
  -ms-grid-row: 5;
  -ms-grid-row-span: 4;
  grid-row: 5 / span 4;
}
.grid-features section.hero-features .carousal-slide:nth-child(3),
.intro-theme section.hero-features .carousal-slide:nth-child(3) {
  -ms-grid-column: 1;
  -ms-grid-column-span: 5;
  grid-column: 1 / span 5;
  -ms-grid-row: 6;
  -ms-grid-row-span: 5;
  grid-row: 6 / span 5;
}
.grid-features section.hero-features .carousal-slide:nth-child(4),
.grid-features section.hero-features .carousal-slide:nth-child(5),
.grid-features section.hero-features .carousal-slide:nth-child(6),
.intro-theme section.hero-features .carousal-slide:nth-child(4),
.intro-theme section.hero-features .carousal-slide:nth-child(5),
.intro-theme section.hero-features .carousal-slide:nth-child(6) {
  -ms-grid-column: 6;
  -ms-grid-column-span: 3;
  grid-column: 6 / span 3;
  -ms-grid-row: 10;
  -ms-grid-row-span: 4;
  grid-row: 10 / span 4;
}
.grid-features section.hero-features .carousal-slide .card,
.intro-theme section.hero-features .carousal-slide .card {
  max-width: none;
  background-color: transparent;
}
.grid-features section.hero-features .card .picture,
.intro-theme section.hero-features .card .picture {
  height: auto;
  padding-bottom: 0;
}
.intro-theme section.bottom-navigation {
  padding: 0 0 var(--base-block-unit) 0;
}
.intro-theme section.bottom-navigation .card {
  display: flex;
  align-items: center;
  overflow: hidden;
}
.intro-theme section.bottom-navigation .card:hover {
  transform: scale(0.95);
  -webkit-transform: scale(0.95);
  -moz-transform: scale(0.95);
}
.intro-theme section.bottom-navigation .block-link {
  text-align: center;
  margin-top: calc(var(--base-block-unit) / 3);
  color: var(--product-accent-color);
}
.intro-theme section.bottom-navigation .block-link p {
  opacity: 0.75;
}
.intro-theme section.bottom-navigation .block-link a {
  color: inherit;
  text-decoration: underline;
}
.intro-theme section.bottom-navigation .card img {
  height: calc(var(--base-block-unit) * 1);
  width: calc(var(--base-block-unit) * 1);
  margin: 0 1em;
}
.product-variant .single-feature-block .carousal-slide {
  width: calc(100% - var(--base-block-unit) / 6 - var(--base-block-unit) / 6);
}
.product-variant .single-feature-block .carousal-slide img {
  display: none;
}
.product-variant .single-feature-block .carousal-slide a.card-action {
  margin-top: 2em;
  background: transparent;
  color: var(--product-background);
  background: var(--product-accent-color);
  box-shadow: none;
  border-radius: 2em;
  font-weight: 600;
}
.product-variant .single-feature-block .carousal-slide a.card-action:hover {
  background: var(--product-accent-color-alt);
}
@media only screen and (orientation: portrait) {
  .product-variant .single-feature-block .card .picture {
    padding-bottom: 210%;
  }
  .grid-features section.hero-features .carousal-slide:first-child,
  .intro-theme section.hero-features .carousal-slide:first-child {
    -ms-grid-column: 1;
    -ms-grid-column-span: 8;
    grid-column: 1 / span 8;
    -ms-grid-row: 1;
    -ms-grid-row-span: 4;
    grid-row: 1 / span 4;
  }
  .grid-features section.hero-features .carousal-slide:nth-child(2),
  .intro-theme section.hero-features .carousal-slide:nth-child(2) {
    -ms-grid-column: 2;
    -ms-grid-column-span: 7;
    grid-column: 2 / span 7;
    -ms-grid-row: 5;
    -ms-grid-row-span: 4;
    grid-row: 5 / span 4;
  }
  .grid-features section.hero-features .carousal-slide:nth-child(3),
  .intro-theme section.hero-features .carousal-slide:nth-child(3) {
    -ms-grid-column: 1;
    -ms-grid-column-span: 7;
    grid-column: 1 / span 7;
    -ms-grid-row: 9;
    -ms-grid-row-span: 5;
    grid-row: 9 / span 5;
  }
  .grid-features section.hero-features .carousal-slide:nth-child(4),
  .grid-features section.hero-features .carousal-slide:nth-child(5),
  .grid-features section.hero-features .carousal-slide:nth-child(6),
  .intro-theme section.hero-features .carousal-slide:nth-child(4),
  .intro-theme section.hero-features .carousal-slide:nth-child(5),
  .intro-theme section.hero-features .carousal-slide:nth-child(6) {
    -ms-grid-column: 2;
    -ms-grid-column-span: 5;
    grid-column: 2 / span 5;
    -ms-grid-row: 14;
    -ms-grid-row-span: 4;
    grid-row: 14 / span 4;
  }
  .product-index #grid1x2 .product-block,
  .product-index #grid1x3 .product-block {
    width: 100%;
    padding: 2px 0 0;
  }
  .product #features .grid-of-four {
    grid: auto auto auto/1fr 1fr;
  }
  .product #features .grid-of-four .image-l {
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    grid-column: 1 / span 2;
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    grid-row: 1 / span 1;
  }
  .product #features .grid-of-four .image-m {
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    grid-column: 1 / span 2;
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
    grid-row: 2 / span 1;
  }
  .product #features .grid-of-four .image-s {
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-column: 1 / span 1;
    -ms-grid-row: 3;
    -ms-grid-row-span: 1;
    grid-row: 3 / span 1;
  }
  .product #features .grid-of-four .image-s-2 {
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
    grid-column: 2 / span 1;
    -ms-grid-row: 3;
    -ms-grid-row-span: 1;
    grid-row: 3 / span 1;
  }
  .product #features .grid-of-two {
    grid: auto/auto;
  }
  .product #features .grid-of-two .image-m {
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-column: 1 / span 1;
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    grid-row: 1 / span 1;
  }
  .product #features .grid-of-two .image-s {
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-column: 1 / span 1;
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
    grid-row: 2 / span 1;
  }
}
@media only screen and (orientation: landscape) {
  .product-variant .single-feature-block .card .picture {
    padding-bottom: 71.42%;
  }
  .product-index .blocks1x0 {
    --fs-block-height: 100vh;
  }
  .product-index .split {
    width: calc(50vw - 1px);
  }
  .product-index #grid1x3 .product-block {
    padding-left: 1px;
    padding-right: 1px;
  }
}
@media only screen and (orientation: landscape) and (min-width: 1024px) {
  .product-variant.intro-theme #details {
    right: 8vw;
  }
  .product-variant.intro-theme #details,
  .product-variant.intro-theme .right-wrapper.sticky #details {
    position: absolute !important;
    align-items: center;
    justify-content: center;
  }
  .product-nav a.jump-link,
  .product-variant .details-wrapper,
  .product-variant .product-nav nav.styles {
    display: flex;
  }
  .product-variant product-carousel {
    height: auto;
    width: 60vw;
    min-height: 100vh;
    float: left;
    position: relative;
  }
  .product-variant product-carousel .scroll-indicator {
    display: block;
    color: var(--base-color);
    position: absolute;
    top: var(--fs-block-height);
    left: 28vw;
    animation: ySlide 1s ease infinite;
    -webkit-animation: ySlide 1s ease infinite;
    -moz-animation: ySlide 1s ease infinite;
  }
  .product-variant #hero {
    width: 60vw;
    height: auto;
    min-height: 100vh;
    display: block;
    overflow-x: hidden;
  }
  .product-variant #hero .product-shot {
    width: 100%;
    height: 90vh;
    text-align: center;
  }
  .product-variant #hero .product-shot.single-shot {
    height: 100vh !important;
  }
  .product-variant #hero .product-shot.peek {
    animation: none;
    -webkit-animation: none;
    -moz-animation: none;
  }
  .product-variant .right-wrapper {
    width: 40vw;
    right: 0;
    top: 0;
    bottom: 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    min-height: 150vh;
  }
  .product-variant #details {
    width: 100%;
    min-height: 100vh;
  }
  #details .details-content {
    padding: calc(var(--base-block-unit) * 1) 0;
  }
  .product-variant .right-wrapper.sticky #details {
    position: fixed;
    width: 40vw;
    top: 0;
    right: 0;
  }
  .product-variant #details .container-fluid,
  .product-variant .related-products .container-fluid {
    width: 100%;
  }
  .product-variant #details .product-nav {
    flex-wrap: wrap;
    height: auto;
    justify-content: flex-start;
  }
  .product-variant #details .product-nav nav {
    flex: none;
  }
  .product-variant #details .product-nav nav.swatches {
    width: 100%;
    margin-top: calc(var(--base-block-unit) / 6);
  }
  section.hero-review {
    padding: 0 0 calc(var(--base-block-unit) * 1.5) 0;
  }
  #details .product-info-block {
    margin-bottom: calc(var(--base-block-unit) / 4);
  }
  #details .add-component {
    width: 100%;
    margin-top: calc(var(--base-block-unit) / 4);
    margin-bottom: calc(var(--base-block-unit) / 2);
  }
  #details
    .add-component
    .radio-size-wrapper
    input[type="radio"]:first-of-type
    + label,
  #details
    .add-component
    .radio-size-wrapper
    input[type="radio"]:last-of-type
    + label {
    border-radius: 0;
  }
  .product-variant .portrait-photo-grid #hero {
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
  }
  .product-variant .portrait-photo-grid #hero .product-shot:first-child,
  .product-variant .portrait-photo-grid #hero .product-shot:nth-child(2),
  .product-variant .portrait-photo-grid #hero .product-shot:nth-child(3),
  .product-variant .portrait-photo-grid #hero .product-shot:nth-child(4),
  .product-variant .portrait-photo-grid #hero .product-shot:nth-child(5),
  .product-variant .portrait-photo-grid #hero .product-shot:nth-child(6),
  .product-variant .portrait-photo-grid #hero .product-shot:nth-child(7) {
    width: 100%;
    height: 0;
    padding-bottom: 140%;
  }
  .product-variant .portrait-photo-grid #hero .product-shot:first-child {
    padding-bottom: calc(100vh - var(--base-block-unit));
  }
  .product-variant
    .portrait-photo-grid
    #hero
    .product-shot.single-shot:first-child {
    padding-bottom: 140%;
  }
}
@media only screen and (orientation: landscape) and (min-width: 1360px) {
  .product-variant .portrait-photo-grid #hero .product-shot:nth-child(2),
  .product-variant .portrait-photo-grid #hero .product-shot:nth-child(3),
  .product-variant .portrait-photo-grid #hero .product-shot:nth-child(5),
  .product-variant .portrait-photo-grid #hero .product-shot:nth-child(6) {
    width: 50%;
    height: 0;
    padding-bottom: 70%;
  }
}
@media only screen and (min-width: 1441px) {
  #stories .grid-item.photo {
    width: 25%;
  }
  #stories .grid-item.photo-review {
    width: 50%;
  }
}
@media only screen and (min-width: 991px) {
  .category-index .carousal {
    display: grid;
    grid-template-columns: repeat(1fr);
    grid-template-rows: repeat(auto);
    grid-gap: 0;
    justify-items: stretch;
  }
  .category-index .carousal .carousal-slide {
    width: 100%;
    flex-shrink: 0;
    flex-grow: 0;
  }
  .category-index .carousal .carousal-slide:first-child {
    -ms-grid-column: 1;
    -ms-grid-column-span: 4;
    grid-column: 1 / span 4;
    -ms-grid-row: 1;
    -ms-grid-row-span: 6;
    grid-row: 1 / span 6;
  }
  .category-index .carousal .carousal-slide:nth-child(2) {
    -ms-grid-column: 5;
    -ms-grid-column-span: 4;
    grid-column: 5 / span 4;
    -ms-grid-row: 3;
    -ms-grid-row-span: 6;
    grid-row: 3 / span 6;
  }
  .category-index .carousal .carousal-slide:nth-child(3) {
    -ms-grid-column: 9;
    -ms-grid-column-span: 4;
    grid-column: 9 / span 4;
    -ms-grid-row: 2;
    -ms-grid-row-span: 6;
    grid-row: 2 / span 6;
  }
  .category-index .carousal .carousal-slide:nth-child(4) {
    -ms-grid-column: 1;
    -ms-grid-column-span: 4;
    grid-column: 1 / span 4;
    -ms-grid-row: 6;
    -ms-grid-row-span: 6;
    grid-row: 6 / span 6;
  }
  .category-index .carousal .carousal-slide:nth-child(5) {
    -ms-grid-column: 9;
    -ms-grid-column-span: 4;
    grid-column: 9 / span 4;
    -ms-grid-row: 7;
    -ms-grid-row-span: 6;
    grid-row: 7 / span 6;
  }
  .category-index .carousal .carousal-slide:nth-child(6) {
    -ms-grid-column: 5;
    -ms-grid-column-span: 4;
    grid-column: 5 / span 4;
    -ms-grid-row: 8;
    -ms-grid-row-span: 6;
    grid-row: 8 / span 6;
  }
}
@media only screen and (max-width: 991px) {
  #mx-intro.blocks1x2 .boxcrew .picture {
    background-position: 100% !important;
  }
  section.category-products .container-fluid,
  section.hero-features .container-feature-cards {
    width: 100%;
    padding: 0;
  }
  .product-index .blocks1x2 .category-product,
  .product-index .blocks1x3 .category-product,
  .product-index .blocks1x4 .category-product,
  .product-index .blocks1x8 .category-product {
    flex: none;
    width: 80vw;
  }
  .product-index .blocks1x2 .category-product .card .picture,
  .product-index .blocks1x3 .category-product .card .picture {
    width: 100%;
    padding-bottom: 140%;
  }
  .product-index .blocks1x4 .category-product .card .picture {
    width: 100%;
    padding-bottom: 25%;
  }
  .product-index .blocks1x4 .category-product {
    margin: 0 auto;
  }
  .product-index .blocks1x2 .card .card-title {
    top: 75%;
  }
  .product-index .blocks1x8 .category-product {
    width: 50%;
  }
  .product-index .banner {
    --fs-block-height: calc(var(--base-block-unit) * 2);
  }
  .product-index .carousal,
  .product-variant .carousal {
    padding-left: 7.5vw;
    padding-left: calc(10vw - var(--base-block-unit) / 6);
  }
  .grid-features.product-variant .carousal,
  .intro-theme.product-variant .carousal,
  .product-variant .single-feature-block.carousal {
    padding-left: 0 !important;
  }
  .product-index .carousal-slide,
  .product-variant .carousal-slide {
    flex: none;
    width: 80vw;
  }
  .product-index .carousal-slide.spacer-slide,
  .product-variant .carousal-slide.spacer-slide {
    display: block;
    width: 7.5vw;
    width: calc(10vw - var(--base-block-unit) / 6);
  }
  #details {
    padding-bottom: 0;
  }
  #details .special.mobile {
    display: block;
  }
  #details .special.desktop {
    display: none;
  }
  nav.swatches .swatch:last-of-type {
    padding-right: 0;
  }
  section.hero-review .centered-wrapper {
    display: block;
  }
  section.hero-features .special-product-features {
    overflow: hidden;
    text-align: center;
  }
  section.hero-features .feature-card-content:after {
    content: "flickity";
    display: none;
  }
  .product-index .category-title {
    padding: calc(var(--base-block-unit) * 1.25) 0
      calc(var(--base-block-unit) / 2.25) 0;
  }
}
@media only screen and (min-width: 769px) {
  .category-index-special .product-block-special .hero.fixed {
    position: fixed;
    top: 0;
    left: 0;
  }
  .category-index-special .product-block-special .hero.fixed-bottom {
    top: auto;
    bottom: 0;
  }
  .category-index-special .product-block-special .hero .picture:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 25%;
    background: #000;
    background: -moz-linear-gradient(
      180deg,
      rgba(0, 0, 0, 0.4) 0,
      transparent 100%
    );
    background: -webkit-linear-gradient(
      180deg,
      rgba(0, 0, 0, 0.4),
      transparent
    );
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.4), transparent);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
  }
  .category-index-special .product-block-special .hero .product-title {
    top: calc(var(--base-block-unit) * 1.5);
    bottom: auto;
  }
  .category-index-special #story .details {
    display: flex;
    align-items: center;
  }
  .category-index-special
    .product-block-special
    .hero
    .collapse-button-wrapper {
    display: none;
    pointer-events: none;
  }
  .category-index-special .scrolly-navigation {
    text-align: center;
  }
  .category-index-special .scrolly-navigation .scrollable {
    display: inline-block;
  }
}
@media only screen and (max-width: 768px) {
  .product-index .blocks1x4 .category-product .card .picture {
    padding-bottom: 30%;
  }
  .category-index-special .product-block-special .details {
    min-height: auto;
  }
  .category-index-special .product-block-special .details .custom-grid {
    grid-gap: calc(var(--base-block-unit) / 4);
  }
  .category-index-special #story .details {
    height: auto;
    min-height: 0;
  }
  .category-index-special .product-block-special .details > div {
    padding-top: calc(var(--base-block-unit) / 1.5);
  }
  .category-index-special .block-row {
    min-height: auto;
  }
  .category-index-special .product-block-special .hero {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 71.428%;
    display: block;
  }
  .category-index-special .product-block-special .hero .picture:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #000;
    background: -moz-linear-gradient(
      0deg,
      rgba(0, 0, 0, 0.4) 0,
      transparent 100%
    );
    background: -webkit-linear-gradient(0deg, rgba(0, 0, 0, 0.4), transparent);
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.4), transparent);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
  }
  .category-index-special .product-block-special .container-fluid.card-grid {
    width: 100%;
  }
  .category-index-special .product-block-special .product-title {
    position: relative;
    z-index: 1;
  }
  .category-index-special #story .hero {
    padding-bottom: 115%;
  }
  .category-index-special .product-block-special .details {
    width: 100%;
    margin: 0;
  }
  .product-block-special .hero .product-title {
    top: auto;
    bottom: calc(var(--base-block-unit) / 2);
  }
  .category-index-special .scrolly-navigation {
    height: calc(var(--base-block-unit) / 1.5);
  }
  .category-index-special .scrolly-navigation a {
    line-height: calc(var(--base-block-unit) / 1.5);
  }
  .intro-theme .intro-wrapper .block-tabs-wrapper .container-fluid {
    width: 100%;
    padding: 0;
  }
  .intro-theme .intro-wrapper .block-tabs-wrapper .container-fluid .row {
    margin: 0 !important;
  }
  .intro-theme .intro-wrapper .block-tabs-wrapper .container-fluid .col-md-12 {
    padding: 0 !important;
  }
  .product-nav .info a.section-link.dropdown-link:after {
    content: "";
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid var(--product-accent-color);
  }
  .product-nav .info a.section-link {
    margin-right: 0;
  }
  .product-nav select.inline.styles {
    padding-left: 0;
  }
  .product-nav-wrapper .jump-links-dropdown {
    display: block;
  }
  #stories .grid-item.photo {
    width: 50%;
  }
  #stories .grid-item.photo-review {
    width: 100%;
  }
  #stories .grid-item .content {
    padding: 1.25em;
  }
  .cart-item .quantity-picker {
    opacity: 1;
  }
  .product-variant .related-products .related-card:first-child {
    margin-left: 2.4em;
  }
  .product-variant .related-products .related-card:last-child {
    margin-right: 2.4em;
  }
  .product-variant .related-products .related-products-grid:after,
  .product-variant .related-products .related-products-grid:before {
    width: 3.2em;
  }
  .product-variant .related-products .related-products-grid:after {
    content: none;
  }
  .product-variant .special-products .custom-grid .block:first-child {
    -ms-grid-column: 2;
    -ms-grid-column-span: 6;
    grid-column: 2 / span 6;
    -ms-grid-row: 1;
    -ms-grid-row-span: 6;
    grid-row: 1 / span 6;
  }
  .product-variant .special-products .custom-grid .block:nth-child(2) {
    -ms-grid-column: 1;
    -ms-grid-column-span: 6;
    grid-column: 1 / span 6;
    -ms-grid-row: 9;
    -ms-grid-row-span: 6;
    grid-row: 9 / span 6;
  }
  .product-variant .special-products .custom-grid .block:nth-child(3) {
    -ms-grid-column: 3;
    -ms-grid-column-span: 6;
    grid-column: 3 / span 6;
    -ms-grid-row: 19;
    -ms-grid-row-span: 6;
    grid-row: 19 / span 6;
  }
  .product-variant .special-products .custom-grid .block:nth-child(4) {
    -ms-grid-column: 1;
    -ms-grid-column-span: 6;
    grid-column: 1 / span 6;
    -ms-grid-row: 31;
    -ms-grid-row-span: 6;
    grid-row: 31 / span 6;
  }
  .product-variant .special-products .custom-grid .block:nth-child(5) {
    -ms-grid-column: 3;
    -ms-grid-column-span: 6;
    grid-column: 3 / span 6;
    -ms-grid-row: 7;
    -ms-grid-row-span: 6;
    grid-row: 7 / span 6;
  }
  .product-variant .special-products .custom-grid .block:nth-child(6) {
    -ms-grid-column: 2;
    -ms-grid-column-span: 6;
    grid-column: 2 / span 6;
    -ms-grid-row: 14;
    -ms-grid-row-span: 6;
    grid-row: 14 / span 6;
  }
  .product-variant .special-products .custom-grid .block:nth-child(7) {
    -ms-grid-column: 1;
    -ms-grid-column-span: 6;
    grid-column: 1 / span 6;
    -ms-grid-row: 22;
    -ms-grid-row-span: 6;
    grid-row: 22 / span 6;
  }
  .product-variant .special-products .custom-grid .beanie-1 {
    padding: 0 0 50% 50%;
  }
}
@media only screen and (max-width: 480px) {
  body {
    --fs-block-height: calc(100vh - var(--base-block-unit) * 1.5);
  }
  body.product-page,
  body.product-variant {
    --fs-block-height: calc(100vh - var(--base-block-unit) * 2.5);
  }
  body.product-index {
    --fs-block-height: 100vh;
  }
}
@media only screen and (orientation: portrait) and (max-width: 768px) {
  .product-variant .special-product-hero .shot-wrapper .shot {
    width: 100%;
    height: 0;
    padding-bottom: 150%;
  }
}
@media only screen and (orientation: landscape) and (min-width: 1024px) and (max-height: 720px) {
  .product-variant .right-wrapper {
    justify-content: space-between;
  }
  .product-variant .right-wrapper.sticky #details {
    position: relative !important;
  }
  .product-variant #hero .product-shot img {
    width: 100%;
    object-fit: cover;
  }
}
@media only screen and (orientation: landscape) and (max-height: 640px) {
  .product-index .blocks1x4 .category-product {
    width: 50%;
  }
}
.header-menu:hover img{
    /* filter: invert(); */
    
}
@media only screen and (orientation: landscape) and (min-height: 1080px) {
  .product-variant #details {
    min-height: 0;
  }
  .product-variant .right-wrapper {
    min-height: 100vh;
    height: 100vh;
    justify-content: space-between;
    align-self: flex-end;
  }
  .product-variant .right-wrapper.sticky {
    position: fixed;
  }
  .product-variant .right-wrapper.sticky #details {
    position: relative;
  }
}
#reverseHeader header.inverse .logo .svg {
  background: url(assets/core/static/images/brand/logo-dark.svg) no-repeat 50%;
  background-size: 100% 100%;
}
#reverseHeader header.inverse nav a,
#reverseHeader header.inverse nav a:active,
#reverseHeader header.inverse nav a:focus {
  color: var(--primary-alt-color);
}
#reverseHeader header.inverse .block-icon.hamburger .stroke {
  background-color: var(--primary-color);
}
.product-index .floater-wrapper .bar.light20 {
  background: rgba(255, 204, 102, 0.8);
  box-shadow: 0 -0.125em 0.25em rgba(0, 0, 0, 0.1);
  color: #930;
  font-weight: var(--heavy-weight);
}
.product-index .floater-wrapper .bar.light20 p .highlight {
  color: #300;
}
.category-index-special #sale23 .hero .product-title h1 {
  display: none;
}
.category-index-special #sale23 .hero .picture:after {
  content: none;
}
#supima-polo {
  --category-background: #172113;
  --card-background: #172113;
  --category-text-color: #ebe6d6;
  --category-card-text-color: #ebe6d6;
}
#supima-polo .block-details h1 {
  line-height: 1em;
}
#supima-polo .block-details {
  text-align: left;
}
#supima-polo .category-hero .picture {
  position: relative;
  overflow: hidden;
}
 .in img{
  /* filter: invert(); */
}

#supima-polo .category-hero .picture .pan-shot {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  width: 100%;
  height: 0;
  animation: slowpan-y 60s ease infinite alternate;
  -webkit-animation: slowpan-y 60s ease infinite alternate;
  -moz-animation: slowpan-y ease 60s alternate infinite;
}
#henley-hero-bone {
  --category-background: #414e53;
  --card-background: #735237;
  --category-text-color: #fff;
  --category-card-text-color: #fff;
}
#henley-hero-bone .category-hero .block-details {
  top: 72%;
}
#classic-family {
  --category-background: #000;
  --card-background: #101820;
  --category-text-color: #f2f4ed;
  --category-card-text-color: #d3cfbf;
}
#classic-family .category-hero .block-details {
  top: 33.33%;
}

/* #classic-family.blocks1x4 .crew .picture {
  background: url(../asset/images/veenkarBlue.jpg)
    no-repeat 0;
  background-size: contain;
}
#classic-family.blocks1x4 .v .picture {
  background: url(../asset/images/veenkarGray.jpg)
    no-repeat 0;
  background-size: contain;
} */

#classic-v-mood {
  --category-background: #4f5b65;
  --category-text-color: #fff;
  --category-card-text-color: #fff;
}
#henley-hero-black {
  --category-background: #000;
  --card-background: #000;
  --category-text-color: #fff;
  --category-card-text-color: #fff;
}
#henley-hero-black .category-hero .block-details {
  top: 33.33%;
}
#henley-hero-black .category-hero .picture {
  position: relative;
  background: url(../../../../core/static/images/heros/classic-henley-black.jpg)
    no-repeat top;
  background-size: cover;
}
#classic-mustard-mood {
  --category-background: #000;
  --card-background: #000;
  --category-text-color: #fff;
  --category-card-text-color: #fff;
}
#classic-mustard-mood .category-hero .block-details {
  top: 33.33%;
}
#washed {
  --category-background: #26393c;
  --card-background: #26393c;
  --category-text-color: #f2f4ed;
  --category-card-text-color: #b1cfcf;
}
#washed .category-hero .block-wrapper .picture {
  height: 125vh;
}
#washed .category-hero .block-details h1 {
  margin: 0.2em;
}
#washed .category-hero .block-action {
  bottom: 0;
  transform: translateZ(0);
}
#washed .category-hero .block-action .link {
  margin-top: 2.4em;
  color: var(--category-card-text-color);
  text-transform: none;
  border: 1px solid #416062;
  box-shadow: none;
  background: transparent;
  transition: border 0.2s ease;
}
#washed .category-hero .block-action .link:hover {
  border: 1px solid var(--category-card-text-color);
}
#washed-mood {
  --category-background: #191a17;
  --card-background: #191a17;
  --category-text-color: #f4f3eb;
  --category-card-text-color: #f4f3eb;
}
#waffle-hero {
  --category-background: #f8d8b7;
  --card-background: #f8d8b7;
  --category-text-color: #930;
  --category-card-text-color: #930;
}
#waffle-hero .category-hero .block-wrapper:after {
  content: none;
}
#unithd-23 {
  --category-background: #a3a5a2;
  --card-background: #a3a5a2;
  --category-text-color: #fff;
  --category-card-text-color: #fff;
}
#unithd-23.blocks1x2 .salmon .picture {
  background: url(../../../../core/static/images/heros/unithd-salmon-card-large.jpg)
    no-repeat 50%;
  background-size: cover;
}
#unithd-23.blocks1x2 .forest-green .picture {
  background: url(../../../../core/static/images/heros/unithd-forest-card-large.jpg)
    no-repeat 50%;
  background-size: cover;
}
#classic-olive-mood {
  --category-background: #1e2228;
  --card-background: #100f0f;
  --category-text-color: #fff;
  --category-card-text-color: #fff;
}
#classic-olive-mood .category-hero .block-details {
  top: 66.66%;
}
#classic-sky-mood {
  --category-background: #6a6a62;
  --card-background: #6a6a62;
  --category-text-color: #fff;
  --category-card-text-color: #fff;
}
#classic-sky-mood .category-hero .picture {
  position: relative;
  background: url(../../../../core/static/images/heros/classic-sky-hero.jpg)
    no-repeat 50%;
  background-size: cover;
}
#march-bombay {
  --category-background: #000;
  --card-background: #000;
  --category-text-color: #f7ecda;
  --category-card-text-color: #f7ecda;
}
#towel23 {
  --category-background: #6d6a62;
  --card-background: #f4f3eb;
  --category-text-color: #f4f3eb;
  --category-card-text-color: #f4f3eb;
}
#towel23 .category-hero .block-details {
  top: 33.33%;
}
#sale-tease-23 {
  --category-background: #fc0;
  --category-text-color: #300;
  --category-card-text-color: #300;
  --fs-block-height: 100vh;
}
#sale-tease-23 section {
  padding: 0;
  height: var(--fs-block-height);
}
#sale-tease-23 section,
#sale-tease-23 section .row {
  display: flex;
  align-items: center;
}
#sale-tease-23 .sale-branding {
  width: 100%;
  padding-bottom: 100%;
  background: url(../../../../core/static/images/sale/branding-icon-23.jpg)
    no-repeat 50%;
  background-size: 100% 100%;
  position: relative;
}
#sale-tease-23 .sale-branding .type {
  background: url(assets/core/static/images/sale/branding-23.svg) no-repeat 50%;
  background-size: 100% 100%;
}
#sale-tease-23 .website-form-wrapper {
  padding-bottom: calc(var(--base-block-unit) / 2);
}
#sale-tease-23 .form-title {
  line-height: 1.3em;
  color: var(--category-text-color);
  max-width: none;
  letter-spacing: -0.5px;
}
#sale-tease-23 .form-title span {
  position: relative;
  display: inline-block;
  -webkit-animation: jumpyloader 2s ease infinite;
  -moz-animation: jumpyloader 2s ease infinite;
  animation: jumpyloader 2s ease infinite;
}
#sale-tease-23 .footnote {
  color: var(--category-text-color);
}
#sale-tease-23 form input[type="submit"] {
  background: var(--category-text-color);
  color: var(--category-background);
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
#sale-tease-23 form input[type="submit"]:focus,
#sale-tease-23 form input[type="submit"]:hover {
  background: #210000;
}
#sale-tease-23 form .block-field:nth-child(2) {
  margin-top: 0;
}
#sale-tease-23 form input[type="email"] {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
#sale-tease-23 #formStatus {
  margin-top: 1em;
}
#womens-soldout {
  --category-background: #000;
  --card-background: #000;
  --category-text-color: #f3dece;
  --category-card-text-color: #f3dece;
}
#womens23-mood {
  --category-background: #e9cfbb;
  --card-background: #f3dece;
  --category-text-color: #930;
  --category-card-text-color: #930;
}
#womens23-mood .category-hero .block-details h1 {
  text-indent: -9999px;
}
#womens23-mood .category-hero .block-details {
  width: 60%;
  top: 50%;
  left: 20%;
  background: url(../../../../core/static/images/women/for-her-white.png)
    no-repeat 50%;
  background-size: contain;
}
#womens23-mood.blocks1x4 .super-cropped-tee .picture {
  background: url(../../../../core/static/images/heros/women-card-small-super-cropped-tee.jpg)
    no-repeat 0;
  background-color: var(--card-background);
  background-size: contain;
}
#womens23-mood.blocks1x4 .tank .picture {
  background: url(../../../../core/static/images/heros/women-card-small-tank.jpg)
    no-repeat 0;
  background-color: var(--card-background);
  background-size: contain;
}
#womens23-mood.blocks1x4 .cropped-crew .picture {
  background: url(../../../../core/static/images/heros/women-card-small-cropped-crew.jpg)
    no-repeat 0;
  background-color: var(--card-background);
  background-size: contain;
}
#womens23-mood.blocks1x4 .waffle-tee .picture {
  background: url(../../../../core/static/images/heros/women-card-small-waffle-tee.jpg)
    no-repeat 0;
  background-color: var(--card-background);
  background-size: contain;
}
#womens23-mood.blocks1x4 .waffle-pants .picture {
  background: url(../../../../core/static/images/heros/women-card-small-waffle-pants.jpg)
    no-repeat 0;
  background-color: var(--card-background);
  background-size: contain;
}
#womens23-mood.blocks1x4 .all-day-tee .picture {
  background: url(../../../../core/static/images/heros/women-card-small-all-day-tee.jpg)
    no-repeat 0;
}
#womens23-mood.blocks1x4 .hair-wrap .picture {
  background: url(../../../../core/static/images/heros/women-card-small-hair-wrap.html)
    no-repeat 0;
  background-color: var(--card-background);
  background-size: contain;
}
#womens23-mood.blocks1x4 .hammo-shorts .picture {
  background: url(../../../../core/static/images/heros/women-card-small-hammo-shorts.jpg)
    no-repeat 0;
  background-color: var(--card-background);
  background-size: contain;
}
#womens23-mood.blocks1x4 .all-day-tee .picture {
  background: url(../../../../core/static/images/heros/women-card-small-all-day-tee-2.jpg)
    no-repeat 0;
  background-color: var(--card-background);
  background-size: contain;
}
#womens23-mood.blocks1x4 .classic-v .picture {
  background: url(../../../../core/static/images/heros/women-card-small-supima-v.jpg)
    no-repeat 0;
  background-color: var(--card-background);
  background-size: contain;
}
#womens23-mood.blocks1x4 .cropped-tee .picture {
  background: url(../../../../core/static/images/heros/women-card-small-cropped-crew.jpg)
    no-repeat 0;
  background-color: var(--card-background);
  background-size: contain;
}
#womens23-mood.blocks1x4 .ribbed-shorts .picture {
  background: url(../../../../core/static/images/heros/women-card-small-ribbed-shorts.jpg)
    no-repeat 0;
  background-color: var(--card-background);
  background-size: contain;
}
#womens23-mood.blocks1x4 .polo-dress .picture {
  background: url(../../../../core/static/images/heros/women-card-small-polo-dress.jpg)
    no-repeat 0;
  background-color: var(--card-background);
  background-size: contain;
}
#womens23 {
  --category-background: #e5d1c3;
  --category-text-color: #630;
  --category-card-text-color: #630;
}
#womens23 .category-hero .block-wrapper:after {
  content: none;
}
#exclusives23-tt {
  --category-background: #53301c;
  --category-text-color: #efe8da;
  --category-card-text-color: #efe8da;
}
#exclusives23-hero {
  --category-background: #53301c;
  --category-text-color: #efe8da;
  --category-card-text-color: #70b3da;
}
#exclusives23-hero .category-hero .block-action p {
  color: var(--category-card-text-color);
}
#exclusives23-tt .category-hero .block-details {
  top: 75%;
}
#exclusives23-mood {
  --category-background: #53301c;
  --category-text-color: #efe8da;
  --category-card-text-color: #efe8da;
}
#sale-teaser,
#sale.diwali {
  --category-background: #fc0;
  --category-text-color: #930;
  --category-card-text-color: #ee8700;
}
#sale-teaser .category-hero h1,
#sale.diwali .category-hero h1 {
  display: block;
  background: url(../../../../core/static/images/foil.gif) 50%;
  background-size: contain;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  line-height: 1.1em;
  letter-spacing: -1px;
}
#sale.diwali .category-hero h1 {
  text-transform: uppercase;
  letter-spacing: 2px;
  font-weight: var(--heavy-weight);
  margin: 0;
  font-weight: 700;
  white-space: nowrap;
}
#unit-tease {
  --category-background: #a45326;
  --category-text-color: #c63;
  --category-card-text-color: #f93;
}
#classic-newcol {
  --category-background: #dbd4cb;
  --category-text-color: #fff;
  --category-card-text-color: #fff;
}
#classic-newcol.blocks1x3 .port-red .picture {
  background: url(../../../../core/static/images/heros/classic-fd-red-card-large.jpg)
    no-repeat 50%;
  background-size: cover;
}
#classic-newcol.blocks1x3 .mineral-green .picture {
  background: url(../../../../core/static/images/heros/classic-fd-green-card-large.jpg)
    no-repeat 50%;
  background-size: cover;
}
#classic-newcol.blocks1x3 .dusty-pink .picture {
  background: url(../../../../core/static/images/heros/classic-fd-pink-card-large.jpg)
    no-repeat 50%;
  background-size: cover;
}
#classic-newcol.blocks1x3 .coffee-brown .picture {
  background: url(../../../../core/static/images/heros/classic-coffee-card-large.jpg)
    no-repeat 50%;
  background-size: cover;
}
#classic-newcol.blocks1x3 .matcha .picture {
  background: url(../../../../core/static/images/heros/classic-matcha-card-large.jpg)
    no-repeat 50%;
  background-size: cover;
}
#classic-newcol.blocks1x3 .indigo .picture {
  background: url(../../../../core/static/images/heros/classic-indigo-card-large.jpg)
    no-repeat 50%;
  background-size: cover;
}
#unithd-newcol {
  --category-background: #ead8d1;
  --category-text-color: #fff;
  --category-card-text-color: #fff;
}
#unithd-newcol.blocks1x3 .eden-rose .picture {
  background: url(../../../../core/static/images/heros/eden-rose-hd-card-1.jpg)
    no-repeat 50%;
  background-size: cover;
}
#unithd-newcol.blocks1x3 .bone .picture {
  background: url(../../../../core/static/images/heros/bone-hd-card-1.jpg)
    no-repeat 50%;
  background-size: cover;
}
#unithd-newcol.blocks1x3 .spearmint .picture {
  background: url(../../../../core/static/images/heros/spearmint-hd-card-1.jpg)
    no-repeat 50%;
  background-size: cover;
}
#hammo-tracks-trims {
  --category-background: #201e21;
  --category-text-color: #cf6;
  --category-card-text-color: #cf6;
}
#hammo-tracks-trims .category-hero .block-details {
  top: 33.33%;
}
#classic-ls-mood,
#hammo-og-hero {
  --category-background: #cdb8a5;
  --category-text-color: #fffcf6;
  --category-card-text-color: #fffcf6;
}
#hammo-trims-drawcord-product-hero {
  --category-background: #353331;
  --category-text-color: #fffcf6;
  --category-card-text-color: #fffcf6;
}
#unitfl-mood {
  --category-background: #8fa9cd;
  --category-text-color: #fffcf6;
  --category-card-text-color: #fffcf6;
}
#hoodie-product-hero {
  --category-background: #521b1c;
  --category-text-color: #e5ddc6;
  --category-card-text-color: #630;
}
#navy-hoodie-product-hero {
  --category-background: #09151e;
  --category-text-color: #e5ddc6;
  --category-card-text-color: #e5ddc6;
}
#navy-hoodie-product-hero .category-hero .picture {
  background: url(../../../../core/static/images/heros/navy-hoodie-hero.jpg)
    no-repeat 50%;
  background-size: cover;
}
#hoodie-hero {
  --category-background: #dac9bd;
  --category-text-color: #f4f3ea;
  --category-card-text-color: #630;
}
#hoodie-hero .category-hero .block-action p {
  color: var(--category-card-text-color);
}
#classics-fd-22 {
  --category-background: #dbd4cb;
  --category-text-color: #fff;
  --category-card-text-color: #fff;
}
#classics-fd-22.blocks1x3 .port-red .picture {
  background: url(../../../../core/static/images/heros/classic-fd-red-card-large.jpg)
    no-repeat 50%;
  background-size: cover;
}
#classics-fd-22.blocks1x3 .mineral-green .picture {
  background: url(../../../../core/static/images/heros/classic-fd-green-card-large.jpg)
    no-repeat 50%;
  background-size: cover;
}
#classics-fd-22.blocks1x3 .dusty-pink .picture {
  background: url(../../../../core/static/images/heros/classic-fd-pink-card-large.jpg)
    no-repeat 50%;
  background-size: cover;
}
#timeless-classics,
#timeless-ls {
  --category-background: #000;
  --category-text-color: #c1c1c3;
  --category-card-text-color: #c1c1c3;
}
#timeless-classics-mood {
  --category-background: #1e1e1e;
  --category-text-color: #fff;
  --category-card-text-color: #c1c1c3;
}
#timeless-classics-mood.blocks1x3 .classic-ls .picture,
#timeless-classics.blocks1x3 .classic-ls .picture {
  background: url(../../../../core/static/images/heros/blue-long-gobind-portrait.jpg)
    no-repeat 50%;
  background-size: cover;
}
#timeless-classics-mood.blocks1x3 .classic-crew .picture,
#timeless-classics.blocks1x3 .classic-crew .picture {
  background: url(../../../../core/static/images/heros/eric-black-portrait.jpg)
    no-repeat 50%;
  background-size: cover;
}
#timeless-classics-mood.blocks1x3 .classic-henley .picture,
#timeless-classics.blocks1x3 .classic-henley .picture {
  background: url(../../../../core/static/images/heros/classic-timeless-henley-card-large.jpg)
    no-repeat 50%;
  background-size: cover;
}
#classic-tee-heather-grey {
  --category-background: #878787;
  --category-text-color: #fff;
  --category-card-text-color: #fff;
}
#classic-tee-heather-grey .category-hero .picture {
  position: relative;
  background: url(../../../../core/static/images/heros/classic-hg-mood-hero.jpg)
    no-repeat bottom;
  background-size: cover;
}
#unithd-shd {
  --category-background: #000;
  --category-text-color: #fff;
  --category-card-text-color: #fff;
}
#unithd-shd.blocks1x2 .unithd .picture {
  background: url(../../../../core/static/images/heros/unit-hd-card-large.jpg)
    no-repeat 50%;
  background-size: cover;
}
#unithd-shd.blocks1x2 .superhd .picture {
  background: url(../../../../core/static/images/heros/super-hd-card-large.jpg)
    no-repeat 50%;
  background-size: cover;
}
#unithd-shd .category-hero .picture {
  position: relative;
  background: url(../../../../core/static/images/heros/hd-mood-hero-new.jpg)
    no-repeat bottom;
  background-size: cover;
}
#unithd-shd .category-hero .block-details {
  text-align: center;
  top: 50%;
  bottom: auto;
}
#unithd-hd {
  --category-background: #000;
  --category-text-color: #ebe6de;
  --category-card-text-color: #fff;
}
#unithd-hd .category-hero .picture {
  position: relative;
  background: url(../../../../core/static/images/heros/unit-hd-card-large.jpg)
    no-repeat bottom;
  background-size: cover;
}
#hammo-trims-drawcord-product-hero .category-hero .block-details {
  text-align: center;
  top: 70%;
  bottom: auto;
}
#picnic {
  --category-background: #fff;
  --category-text-color: #300;
  --category-card-text-color: #fff;
}
#picnic .category-hero .block-details {
  top: 66.66%;
}
#picnic .category-hero h1 {
  text-shadow: 0 0 1em #fff, 0 0 1em #fff, 0 0 1em #fff;
}
#picnic.blocks1x2 .hd .picture {
  background: url(../../../../core/static/images/heros/picnic-hd-card-large.jpg)
    no-repeat 50%;
  background-size: cover;
}
#picnic.blocks1x2 .shorts .picture {
  background: url(../../../../core/static/images/heros/picnic-shorts-card-large.jpg)
    no-repeat 50%;
  background-size: cover;
}
#shd-hero {
  --category-background: #633;
  --category-text-color: #fff;
  --category-card-text-color: #fff;
}
#shd-hero .category-hero .picture {
  background: url(../../../../core/static/images/heros/shd-hero.jpg) no-repeat
    bottom;
  background-size: cover;
}
#shd-product-hero {
  --category-background: #997753;
  --category-text-color: #ffdc99;
  --category-card-text-color: #b4916c;
}
#shd-product-hero .category-hero .picture {
  background: url(../../../../core/static/images/heros/shd-product-hero.jpg)
    no-repeat top;
  background-size: cover;
}
#shd-product-hero .category-hero .block-details {
  color: var(--category-card-text-color);
}
#lite-mood-hero {
  --category-background: #a6a7a7;
  --category-text-color: #fff;
  --category-card-text-color: #fff;
}
#lite-hero {
  --category-background: #fff;
  --category-text-color: #151920;
  --category-card-text-color: #151920;
}
#lite-hero.pink {
  --category-background: #fff3da;
  --category-text-color: #708f91;
  --category-card-text-color: #708f91;
}
#henley-hero {
  --category-background: #818377;
  --category-text-color: #fff6d8;
  --category-card-text-color: #fff6d8;
}
#olive-henley-hero {
  --category-background: #15110d;
  --category-text-color: #fff6d8;
  --category-card-text-color: #fff6d8;
}
#back-to-tees {
  --category-background: #eee9e5;
  --category-text-color: #151920;
  --category-card-text-color: #fff;
}
#back-to-tees .category-hero h1 span {
  opacity: 0;
}
#back-to-tees .category-hero .block-details {
  top: 33.33%;
}
#back-to-tees.henley {
  --category-background: #111;
  --category-text-color: #c96;
  --category-card-text-color: #c96;
}
#tank-tee-tt {
  --category-background: #eee9e5;
  --category-text-color: #151920;
  --category-card-text-color: #fff;
}
#unitmx-2 {
  --category-background: #eeefef;
  --category-text-color: #151920;
  --category-card-text-color: #fff;
}
#unitmx-2 .category-hero .block-details {
  top: 33.33%;
}
#unitmx-2.blocks1x3 .slate .picture {
  background: url(../../../../core/static/images/heros/unitmx-slate-men-card-big.jpg)
    no-repeat 50%;
  background-size: cover;
}
#unitmx-2.blocks1x3 .natural .picture {
  background: url(../../../../core/static/images/heros/unitmx-natural-men-card-big.jpg)
    no-repeat 50%;
  background-size: cover;
}
#unitmx-2.blocks1x3 .safari .picture {
  background: url(../../../../core/static/images/heros/unitmx-safari-men-card-big.jpg)
    no-repeat 50%;
  background-size: cover;
}
#unitmx-2 .card .gradient {
  opacity: 0;
}
#unithd-fd {
  --category-text-color: #ffe69d;
  --category-card-text-color: #fff;
}
#unithd-fd .category-hero .block-details {
  top: 66.66%;
}
#unithd-fd.blocks1x2 .white .picture {
  background: url(../../../../core/static/images/heros/unithd-fd-white-card-large.jpg)
    no-repeat 50%;
  background-size: cover;
}
#unithd-fd.blocks1x2 .sunrise .picture {
  background: url(../../../../core/static/images/heros/unithd-fd-sunrise-card-large.jpg)
    no-repeat 50%;
  background-size: cover;
}
#cropped-crew-hero {
  --category-background: #e1e1e1;
  --category-bg-rgba: 225, 225, 225;
  --category-text-color: #fff;
  --category-card-text-color: #633;
}
#classic-v-fg {
  --category-background: #282728;
  --category-bg-rgba: 40, 39, 40;
  --category-text-color: #c96;
  --category-card-text-color: #c96;
}
#classic-v-fg .category-hero .picture {
  position: relative;
  background: url(../../../../core/static/images/heros/classic-v-hero-fg.jpg)
    #282728 no-repeat top;
  background-size: cover;
}
#classic-ls-hero {
  --category-background: #111;
  --category-text-color: #ece2c1;
  --category-card-text-color: #ece2c1;
}
#classic-ls-hero .category-hero .picture {
  position: relative;
  background: url(../../../../core/static/images/heros/classic-ls-hero-black.jpg)
    #111 no-repeat bottom;
  background-size: cover;
}
#denim-apron {
  --category-background: #e6e6e6;
  --category-text-color: #fff;
  --category-card-text-color: #fff;
}
#denim-apron .category-hero .picture {
  position: relative;
  background: url(../../../../core/static/images/heros/apron-denim-hero.jpg)
    #e6e6e6 no-repeat bottom;
  background-size: cover;
}
#unithd-22-col {
  --category-background: #fff;
  --category-text-color: #343627;
  --category-card-text-color: #fff;
}
#unithd-22-col .category-hero h1 {
  color: var(--category-background);
}
#unithd-22-col.blocks1x3 .woodrose .picture {
  background: url(../../../../core/static/images/heros/unithd-woodrose-card-large.jpg)
    no-repeat 50%;
  background-size: cover;
}
#unithd-22-col.blocks1x3 .bluestone .picture {
  background: url(../../../../core/static/images/heros/unithd-bluestone-card-large.jpg)
    no-repeat 50%;
  background-size: cover;
}
#unithd-22-col.blocks1x3 .olive .picture {
  background: url(../../../../core/static/images/heros/unithd-olive-card-large.jpg)
    no-repeat 50%;
  background-size: cover;
}
#unithd-22-col.blocks1x3 .salmon .picture {
  background: url(../../../../core/static/images/heros/unithd-salmon-card-large.jpg)
    no-repeat 50%;
  background-size: cover;
}
#unithd-22-col.blocks1x3 .petrol .picture {
  background: url(../../../../core/static/images/heros/unithd-petrol-card-large.jpg)
    no-repeat 50%;
  background-size: cover;
}
#unithd-22-col.blocks1x3 .timber .picture {
  background: url(../../../../core/static/images/heros/unithd-timber-card-large.jpg)
    no-repeat 50%;
  background-size: cover;
}
#unithd-22-col .card .gradient {
  opacity: 0;
}
#mx-hero {
  --category-background: #abccf1;
  --category-text-color: #fff;
  --category-card-text-color: #fff;
}
#mx-hero .category-hero .picture {
  position: relative;
  background: url(../../../../core/static/images/heros/unitmx-hero.jpg) #abccf1
    no-repeat top;
  background-size: cover;
}
#boxcrew-mc {
  --category-background: #211303;
  --category-text-color: #ffc;
  --category-card-text-color: #ffc;
}
#mx-intro {
  --category-background: #c18c58;
  --category-text-color: #300;
  --category-card-text-color: #fff8db;
}
#mx-intro .category-hero .picture {
  position: relative;
  background: url(../../../../core/static/images/mx/yarn.gif) #deb26c repeat 50%;
  background-size: 122px 261px;
}
#mx-intro .category-hero .picture:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  bottom: 0;
  background: #d2a879;
  background: -moz-linear-gradient(0deg, #c18c58 0, rgba(193, 140, 88, 0) 100%);
  background: -webkit-linear-gradient(0deg, #c18c58, rgba(193, 140, 88, 0));
  background: linear-gradient(0deg, #c18c58, rgba(193, 140, 88, 0));
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#c18c58",endColorstr="#c18c58",GradientType=1);
}
#mx-intro.blocks1x2 .unitmx .picture {
  background: url(../../../../core/static/images/heros/multicount-men-card-large.jpg)
    no-repeat 50%;
  background-size: cover;
}
#mx-intro.blocks1x2 .boxcrew .picture {
  background: url(../../../../core/static/images/heros/multicount-women-card-large.jpg)
    no-repeat 50%;
  background-size: cover;
}
#tank-top-caramel {
  --category-background: #d4c9c6;
  --category-text-color: #fff;
  --category-card-text-color: #fff;
}
#tank-top-denim-blue {
  --category-background: #dfb578;
  --category-text-color: #fefefd;
  --category-card-text-color: #fefefd;
}
#tank-top-denim-blue .category-hero .picture {
  background: url(../../../../core/static/images/heros/tank-top-denim-blue.jpg)
    #deb26c no-repeat bottom;
  background-size: cover;
}
#tank-top-denim-blue .category-hero h1 {
  text-shadow: 0 0 1em #300;
}
#tank-top-mood {
  --category-background: #deb26c;
  --category-text-color: #000;
  --category-card-text-color: #fefefd;
}
#tank-top-mood .category-hero .picture {
  background: url(../../../../core/static/images/heros/tank-top-mood.jpg)
    #deb26c no-repeat bottom;
  background-size: cover;
}
#tank-top-mood .category-hero h1 {
  color: var(--category-card-text-color);
  text-shadow: 0 0 1em #300;
}
#mx-tease {
  --category-background: #eddcc3;
  --category-text-color: #bc7256;
  --category-card-text-color: #b58769;
}
#mx-tease h1 {
  color: var(--category-background);
  font-size: 5em;
  text-shadow: -1px -1px 0 var(--category-card-text-color),
    1px -1px 0 var(--category-card-text-color),
    -1px 1px 0 var(--category-card-text-color),
    1px 1px 0 var(--category-card-text-color);
}
#fom-custom {
  --category-background: #fefefe;
  --category-text-color: #272f35;
  --category-card-text-color: #272f35;
}
#fom-custom .text-content {
  text-align: left;
}
#fom-custom .text-content p.para {
  line-height: 1.5em;
}
#fom-custom .text-content p.action {
  display: inline-block;
  padding-top: 1.5em;
  animation: fom-col 2s linear infinite;
  -webkit-animation: fom-col 2s linear infinite;
  -moz-animation: fom-col 2s linear infinite;
  margin-right: 1em;
}
#fom-custom .picture-wrapper {
  width: 100%;
  display: block;
}
#fom {
  --category-background: #fff;
  --category-text-color: #272f35;
  --category-card-text-color: #272f35;
}
#fom h1 {
  text-indent: -9999px;
  margin: 0;
  padding: 0;
  background: url(assets/themes/fom/static/images/theme/fom-small.svg) no-repeat
    50%;
  height: calc(var(--base-block-unit) / 1.5);
  background-size: contain;
  -webkit-background-size: contain;
  -moz-background-size: contain;
}
#sale {
  --category-background: #fc0;
  --category-text-color: #300;
  --category-card-text-color: #300;
  --block-color: #ffba00;
  --block-color-2: #fc0;
  --type-color-1: #300;
  --type-color-1-alt: #692300;
  --type-color-2: #c30;
}
#sale.two {
  --category-background: #9cf;
  --category-text-color: #300;
  --category-card-text-color: #300;
}
#sale .category-hero .picture {
  background: url(../../../../core/static/images/sale/hp-type.png) #fc0
    no-repeat 50%;
  background-size: contain;
}
#sale.banner .category-hero .picture {
  background: url(../../../../core/static/images/sale/sale-type.png) #fc0
    no-repeat 50%;
  background-size: contain;
}
#sale.two .category-hero .picture {
  background: url(../../../../core/static/images/sale/hp-type-more.png) #fc0
    no-repeat 50%;
  background-size: contain;
}
#sale.banner .category-hero .block-details {
  color: var(--type-color-1-alt);
}
#sale.banner.men .category-hero .picture {
  background: url(../../../../core/static/images/thumbnails/collection-thumbnails/sale-men.jpg)
    #fc0 no-repeat 0;
  background-size: contain;
}
#sale.banner.women .category-hero .picture {
  background: url(../../../../core/static/images/thumbnails/collection-thumbnails/sale-women.jpg)
    #fc0 no-repeat 0;
  background-size: contain;
}
#sale .category-hero .block-action {
  bottom: calc(var(--base-block-unit) / 4);
}
#sale .category-hero h1.march {
  letter-spacing: -1px;
}
#sale .category-hero h1 span {
  position: relative;
  display: inline-block;
  -webkit-animation: happymarch 6s ease infinite;
  -moz-animation: happymarch 6s ease infinite;
  animation: happymarch 6s ease infinite;
}
#sale.blocks1x4 .sale-men .picture {
  background: url(../../../../core/static/images/heros/sale-men-card-small.jpg)
    no-repeat 0;
  background-color: #300;
  background-size: contain;
}
#sale.blocks1x4 .sale-women .picture {
  background: url(../../../../core/static/images/heros/sale-women-card-small.jpg)
    no-repeat 0;
  background-color: #300;
  background-size: contain;
}
#sale .live-ticker {
  position: absolute;
  top: 16%;
  right: 12vw;
  height: calc(var(--base-block-unit) * 1.5);
  width: calc(var(--base-block-unit) * 1.5);
  z-index: 1;
  transform: rotate(8deg);
}
#sale .live-ticker .live-ticker-base {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: url(assets/core/static/images/sale/live-ticker-base.svg) no-repeat
    50%;
  background-size: 100% 100%;
  animation: xRotate 36s linear infinite;
  -webkit-animation: xRotate 36s linear infinite;
  -moz-animation: xRotate 36s linear infinite;
}
#sale .live-ticker .live-ticker-title {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: url(assets/core/static/images/sale/live-ticker-title.svg)
    no-repeat 50%;
  background-size: 100% 100%;
}
#sale .live-ticker #visitorsCount {
  text-align: center;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  letter-spacing: 2px;
  color: #fc0;
}
#sale.blocks1x4 .category-product .card .card-title {
  transform: translate3d(0, -50%, 0);
  left: 12%;
  text-align: left;
}
#sale.blocks1x4 .category-product .card .card-title h2 {
  text-align: left;
  margin: 0;
}
#sale.blocks1x4 .sale-shorts .picture {
  background: url(../../../../core/static/images/heros/sale-shorts-card-small.jpg)
    no-repeat 0;
  background-color: #fff3ae;
  background-size: contain;
}
#sale.blocks1x4 .sale-shorts-women .picture {
  background: url(../../../../core/static/images/heros/sale-shorts-w-card-small.jpg)
    no-repeat 0;
  background-color: #fff3ae;
  background-size: contain;
}
#sale.blocks1x4 .sale-pyjamas .picture {
  background: url(../../../../core/static/images/heros/sale-pyjamas-card-small.jpg)
    no-repeat 0;
  background-color: #fff3ae;
  background-size: contain;
}
#sale.blocks1x4 .sale-sleep-set .picture {
  background: url(../../../../core/static/images/heros/sale-sleep-set-card-small.jpg)
    no-repeat 0;
  background-color: #fff3ae;
  background-size: contain;
}
#sale.blocks1x4 .sale-sleep-tee .picture {
  background: url(../../../../core/static/images/heros/sale-sleep-tee-card-small.jpg)
    no-repeat 0;
  background-color: #fff3ae;
  background-size: contain;
}
#sale.blocks1x4 .sale-tank-tee .picture {
  background: url(../../../../core/static/images/heros/sale-tank-tee-card-small.jpg)
    no-repeat 0;
  background-color: #fff3ae;
  background-size: contain;
}
#sale.blocks1x4 .sale-classic-tees .picture {
  background: url(../../../../core/static/images/heros/sale-classic-tee-card-small.jpg)
    no-repeat 100%;
  background-color: #f3eedf;
  background-size: contain;
}
#sale.blocks1x4 .sale-unit-tees .picture {
  background: url(../../../../core/static/images/heros/sale-unit-tees-card-small.jpg)
    no-repeat 100%;
  background-color: #9bb3d5;
  background-size: contain;
}
#sale.blocks1x4 .sale-tees .picture {
  background: url(../../../../core/static/images/heros/sale-tees-card-small.jpg)
    no-repeat 100%;
  background-color: #fcf7e9;
  background-size: contain;
}
#sale.blocks1x4 .sale-hammo .picture {
  background: url(../../../../core/static/images/heros/sale-hammo-card-small.jpg)
    no-repeat 100%;
  background-color: #e3dfd2;
  background-size: contain;
}
#sale.blocks1x4 .sale-sleepwear .picture {
  background: url(../../../../core/static/images/heros/sale-sleepwear-card-small.jpg)
    no-repeat 100%;
  background-color: #cc9e70;
  background-size: contain;
}
#sale.blocks1x4 .sale-essentials .picture {
  background: url(../../../../core/static/images/heros/sale-essentials-card-small.jpg)
    no-repeat 100%;
  background-color: #d8d8d8;
  background-size: contain;
}
#sale.blocks1x4 .sale-women-23 .picture,
#sale.blocks1x4 .sale-women-blue .picture {
  background: url(../../../../core/static/images/heros/sale-women-23-card-small.jpg)
    no-repeat 100%;
  background-color: #ead5c7;
  background-size: contain;
}
#sale.blocks1x4 .women-blue .picture {
  background: url(../../../../core/static/images/heros/sale-women-blue-card-small.jpg)
    no-repeat 100%;
  background-color: #fff7df;
  background-size: contain;
}
#sale.blocks1x4 .men-blue .picture {
  background: url(../../../../core/static/images/heros/sale-men-blue-card-small.jpg)
    no-repeat 100%;
  background-color: #fff7df;
  background-size: contain;
}
#sleepwear {
  --category-background: #b9b5a9;
  --category-text-color: #fff;
  --category-card-text-color: #fff;
}
#sleepwear.blocks1x3 .sleep-set .picture {
  background: url(../../../../core/static/images/heros/sleep-set-card-reg.jpg)
    no-repeat 50%;
  background-size: cover;
}
#sleepwear.blocks1x3 .pyjamas .picture {
  background: url(../../../../core/static/images/heros/pyjamas-card-reg.jpg)
    no-repeat 50%;
  background-size: cover;
}
#sleepwear.blocks1x3 .sleep-tee .picture {
  background: url(../../../../core/static/images/heros/sleep-tee-men-card-reg.jpg)
    no-repeat 50%;
  background-size: cover;
}
#sleepwear.blocks1x3 .sleep-shorts .picture {
  background: url(../../../../core/static/images/heros/sleep-shorts-men-card-reg.jpg)
    no-repeat 50%;
  background-size: cover;
}
#classic-tee-black {
  --category-background: #040500;
  --category-text-color: #ede9e2;
  --category-card-text-color: #ede9e2;
}
#classic-tee-black.blocks1x2 .forhim .picture {
  background: url(../../../../core/static/images/heros/classic-tee-black-men-card-large.jpg)
    no-repeat 50%;
  background-size: cover;
}
#classic-tee-black.blocks1x2 .forher .picture {
  background: url(../../../../core/static/images/heros/classic-tee-black-women-card-large.jpg)
    no-repeat 50%;
  background-size: cover;
}
#classic-tee {
  --category-background: #64686a;
  --category-text-color: #ecece6;
  --category-card-text-color: #ecece6;
}
#classic-tee.blocks1x2 .forhim .picture {
  background: url(../../../../core/static/images/heros/classic-tee-men-card-large.jpg)
    no-repeat 50%;
  background-size: cover;
}
#classic-tee.blocks1x2 .forher .picture {
  background: url(../../../../core/static/images/heros/classic-tee-women-card-large.jpg)
    no-repeat 50%;
  background-size: cover;
}
#classic-tee-warm {
  --category-background: #291911;
  --category-text-color: #ece4cd;
  --category-card-text-color: #ece4cd;
}
#classic-tee-warm .category-hero .picture {
  background: url(../../../../core/static/images/heros/rob-fired-brick.jpg)
    no-repeat bottom;
  background-size: cover;
}
#classic-tee-warm.blocks1x2 .forhim .picture {
  background: url(../../../../core/static/images/heros/classic-tee-warm-2-men-card-large.jpg)
    no-repeat 50%;
  background-size: cover;
}
#classic-tee-warm.blocks1x2 .forher .picture {
  background: url(../../../../core/static/images/heros/classic-tee-warm-women-card-large.jpg)
    no-repeat 50%;
  background-size: cover;
}
#hammo,
#hammo-tracks {
  --category-background: #00182c;
  --category-text-color: #ccba9a;
  --category-card-text-color: #00182c;
}
#hammo .category-hero .picture {
  background: url(../../../../core/static/images/heros/hammo-suit.jpg) no-repeat
    bottom;
  background-size: cover;
}
#hammo.blocks1x4 .hoodie .picture {
  background: url(../../../../core/static/images/heros/hammo-hoodie-men-card-small.jpg)
    no-repeat 0;
  background-color: #cbbc9c;
  background-size: contain;
}
#hammo.blocks1x4 .tracks .picture {
  background: url(../../../../core/static/images/heros/hammo-tracks-men-card-small.jpg)
    no-repeat 0;
  background-color: #cbbc9c;
  background-size: contain;
}
#hammo.blocks1x4 .sport .picture {
  background: url(../../../../core/static/images/heros/hammo-sport-men-card-small.jpg)
    no-repeat 0;
  background-color: #cbbc9c;
  background-size: contain;
}
#hammo.blocks1x4 .original .picture {
  background: url(../../../../core/static/images/heros/hammo-og-men-card-small.jpg)
    no-repeat 0;
  background-color: #cbbc9c;
  background-size: contain;
}
#mug {
  --category-background: #c9b597;
  --category-text-color: #fff;
  --category-card-text-color: #fff;
}
#mug .category-hero .picture {
  background: url(../../../../core/static/images/heros/mug-model-hero.jpg)
    no-repeat bottom;
  background-size: cover;
}
#mug-alt {
  --category-background: #a59377;
  --category-text-color: #300;
  --category-card-text-color: #300;
}
#mug-alt .category-hero .picture {
  background: url(../../../../core/static/images/heros/mug-hero-alt.jpg)
    no-repeat bottom;
  background-size: cover;
}
#mug-alt .category-hero .block-details {
  top: 66.66%;
}
#hammo-shorts {
  --category-background: #5e99d7;
  --category-text-color: #cf3;
  --category-card-text-color: #cf3;
}
#hammo-shorts .category-hero .picture {
  background: url(../../../../core/static/images/heros/hammo-shorts-hero.jpg)
    no-repeat bottom;
  background-size: cover;
}
#hammo-shorts .category-hero .block-details {
  top: 33.33%;
}
#hammo-shorts .category-hero .block-details h1 {
  font-weight: var(--heavy-weight);
  white-space: nowrap;
}
#hammo-shorts .category-hero .block-details h1 span {
  font-size: 125%;
}
#hammo-shorts-alt {
  --category-background: #fcfafa;
  --category-text-color: #fff;
  --category-card-text-color: #2d2d50;
}
#hammo-shorts-alt .category-hero .block-details {
  top: 40%;
}
#hammo-shorts-alt .category-hero .block-action p {
  color: var(--category-card-text-color);
}
.category-index .shorts .card .flasher,
.category-index .tank-tee .card .flasher {
  display: block;
}
#details .product-info-block .helper a.hair-wrap {
  background: #1a2731;
  padding: 0.8em 1em 0.8em 3em;
}
#details .product-info-block .helper a.video-button:after {
  background: url(../../../../core/static/images/thumbnails/hair-wrap-tut.gif) 0
    no-repeat;
  background-size: contain;
}
#tank {
  --product-background: #f6f5f3;
  background: var(--product-background);
}
#unitmx {
  --product-background: #f6e3bf;
  --product-accent-color: #300;
  --product-accent-color-alt: #180000;
  --product-image-background-color: #f6e3bf;
  --product-accent-color-2: #930;
  --product-accent-color-2-alt: #802a0c;
  background: var(--product-background);
}
#unitmx section.hero-introduction {
  padding-bottom: 0;
}
#unitmx section.hero-introduction .intro-shot-wrapper {
  max-width: none;
  padding-bottom: 100%;
  background: url(../images/unitmx/hero-introduction/men/unitmx-tabletop.jpg)
    top #f6e3bf no-repeat;
  background-size: contain;
}
#unitmx section.hero-introduction .intro-shot-wrapper img {
  display: none;
}
.grid-features
  #unitmx
  section.hero-features
  .carousal-slide:first-child
  .feature-details {
  top: 0;
  bottom: auto;
}
.grid-features #unitmx section.hero-features .carousal-slide:nth-child(4) {
  display: none;
}
#unitmx section.hero-features .card .feature-details {
  padding: calc(var(--base-block-unit) / 1.5);
}
#unitmx section.hero-features .card h2,
#unitmx section.hero-features .card p.title {
  color: var(--product-background);
}
#unitmx section.hero-features h2.feature-hero {
  background: #d8ac6e;
  background: linear-gradient(to bottom right, #d8ac6e 0, #598287 59%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  padding-bottom: calc(var(--base-block-unit) / 6);
}
#unitmx #features .floating-element-wrapper {
  width: 40%;
  max-width: calc(var(--base-block-unit) * 6);
  top: var(--base-block-unit);
  bottom: auto;
  left: auto;
  right: calc(var(--base-block-unit) * 1);
}
#unitmx #features .floating-element-wrapper .floating-element {
  width: 100%;
  height: 0;
  padding-bottom: 100%;
  background: url(../images/unitmx/hero-features/men/fabric-zoom.jpg) no-repeat
    50%;
  background-size: cover;
  border-radius: calc(var(--base-block-unit) * 5);
  border: 3px solid #f6e3bf;
  box-shadow: 0 1em 0.5em rgba(0, 0, 0, 0.1);
}
#towel {
  --product-background: #f4ece1;
  --product-accent-color: #661a00;
  --product-accent-color-alt: #0e0e19;
  --product-image-background-color: #ffefbd;
  --product-accent-color-2: #8e845a;
  --product-accent-color-2-alt: #7f754a;
  background: var(--product-background);
}
#towel #details .add-component #sizeGuide,
#towel #details .product-info-block .helper p {
  color: var(--product-accent-color-2-alt);
}
#towel #details .add-component #addBtn {
  background: var(--product-accent-color-2);
}
#towel #details .add-component #addBtn:hover {
  background: var(--product-accent-color-2-alt);
}
#towel .hero-review h2.review:after,
#towel .hero-review h2.review:before {
  content: "";
  margin: 0;
}
#apron {
  --product-background: #fbfbfb;
}
#apron section.hero-introduction {
  padding-bottom: 0;
}
#apron section.hero-introduction .intro-shot-wrapper {
  max-width: none;
  padding-bottom: 56.25%;
  background: url(../images/apron/hero-introduction/unisex/apron-tabletop.jpg)
    top #fbfbfb no-repeat;
  background-size: contain;
}
#apron section.hero-introduction .intro-shot-wrapper img {
  display: none;
}
#new-arrivals .hero .picture {
  background: none;
  background-color: #963;
}
#new-arrivals .hero .picture:after {
  content: none;
}
#beanie,
#pullover,
#sweater {
  --product-background: #efeae1;
  --product-accent-color: #29294d;
  --product-accent-color-alt: #0e0e19;
  --product-image-background-color: #efeae1;
  --product-accent-color-2: #272747;
  --product-accent-color-2-alt: #a0303b;
  background: var(--product-background);
}
#beanie #details h2,
#beanie .hero-story h1,
#beanie .product-story-block h1,
#beanie .product-story-block h2,
#beanie .special-products,
#pullover #details h2,
#pullover .hero-story h1,
#pullover .product-story-block h1,
#pullover .product-story-block h2,
#pullover .special-products,
#sweater #details h2,
#sweater .hero-story h1,
#sweater .product-story-block h1,
#sweater .product-story-block h2,
#sweater .special-products {
  font-family: Ovo, serif;
}
#beanie #details .add-component #sizeGuide,
#beanie #details .product-info-block .helper p,
#pullover #details .add-component #sizeGuide,
#pullover #details .product-info-block .helper p,
#sweater #details .add-component #sizeGuide,
#sweater #details .product-info-block .helper p {
  color: #c13d46;
}
#sweater[data-group="classic-cream"] .special-product-hero .shot-wrapper .shot {
  background: url(../images/sweater/variants/men/sweater-classic-cream-tabletop.jpg)
    50% #efeae1;
  background-size: cover;
}
#sweater[data-group="classic-cream"] section.hero-features .card h2,
#sweater[data-group="classic-cream"] section.hero-features .card p.title {
  color: var(--product-accent-color-2);
}
#sweater[data-group="classic-cream"] .hero-story {
  background: url(../images/sweater/variants/men/sweater-classic-cream-story.jpg)
    50% #ccc2d2;
  background-size: cover;
}
#sweater .hero-story h1 {
  color: var(--product-accent-color-2);
}
#sweater .hero-story h1:before {
  content: "The ";
}
#shorts a.swatch[data-group="ribbon-blue"] span {
  background: url(../../../../core/static/images/icons/icon-stripeset-swatch.jpg)
    50% #033;
  background-size: 100% 100%;
}
#pullover .hero-story h1:before {
  content: "The ";
}
#pullover a.swatch[data-group="classic-stripes"] span {
  background: url(../../../../core/static/images/icons/icon-pullover-classic-stripe.jpg)
    50% #b22432;
  background-size: 100% 100%;
}
#pullover a.swatch[data-group="sport-stripes"] span {
  background: url(../../../../core/static/images/icons/icon-pullover-sport-stripes.jpg)
    50% #033;
  background-size: 100% 100%;
}
#pullover[data-group="sport-stripes"]
  .special-product-hero
  .shot-wrapper
  .shot {
  background: url(../images/pullover/variants/men/pullover-sport-stripes-tabletop.jpg)
    50% #efeae1;
  background-size: cover;
}
#pullover[data-group="classic-stripes"]
  .special-product-hero
  .shot-wrapper
  .shot {
  background: url(../images/pullover/variants/men/pullover-classic-stripes-tabletop.jpg)
    50% #efeae1;
  background-size: cover;
}
#pullover[data-group="sage-green"] .special-product-hero .shot-wrapper .shot {
  background: url(../images/pullover/variants/men/pullover-sage-green-tabletop.jpg)
    50% #efeae1;
  background-size: cover;
}
#pullover .hero-features .helper a {
  opacity: 0;
  pointer-events: none;
}
#beanie[data-group="navy"] .special-product-hero .shot-wrapper .shot {
  background: url(../images/beanie/variants/unisex/beanie-navy-tabletop.jpg) 50%
    #efeae1;
  background-size: cover;
}
#beanie[data-group="forest-green"] .special-product-hero .shot-wrapper .shot {
  background: url(../images/beanie/variants/unisex/beanie-forest-green-tabletop.jpg)
    50% #efeae1;
  background-size: cover;
}
#beanie[data-group="sage-green"] .special-product-hero .shot-wrapper .shot {
  background: url(../images/beanie/variants/unisex/beanie-sage-green-tabletop.jpg)
    50% #efeae1;
  background-size: cover;
}
#beanie .hero-story {
  background: url(../images/beanie/variants/unisex/beanie-collage.jpg) 50%
    #0b0a0e;
  background-size: cover;
}
#beanie .hero-story h1:before {
  content: "The ";
}
#beanie[data-group="sage-green"] section.hero-features .card h2,
#beanie[data-group="sage-green"] section.hero-features .card p.title {
  color: var(--product-accent-color-2);
}
.product-variant .sweater-classic-cream h2 {
  color: #b39d7e;
}
.product-variant .sweater-classic-cream:hover h2 {
  border-color: #b39d7e;
}
.product-variant .pullover-sage-green h2 {
  color: #a8bdab;
}
.product-variant .pullover-sage-green:hover h2 {
  border-color: #a8bdab;
}
.product-variant .pullover-classic-stripes h2 {
  color: #9c3c40;
}
.product-variant .pullover-classic-stripes:hover h2 {
  border-color: #9c3c40;
}
.product-variant .pullover-sport-stripes h2 {
  color: #1b3939;
}
.product-variant .pullover-sport-stripes:hover h2 {
  border-color: #1b3939;
}
.product-variant .beanie h2 {
  color: #29304b;
}
.product-variant .beanie:hover h2 {
  border-color: #29304b;
}
#hammo-hoodie,
#hammo-og,
#hammo-shorts,
#hammo-sport,
#hammo-tracks {
  --product-background: #faf5ea;
  --product-accent-color: #362d2b;
  --product-accent-color-alt: #271e1c;
  --product-image-background-color: #faf5ea;
  --product-accent-color-2: #930;
  --product-accent-color-2-alt: #600;
}
#hammo-hoodie .add-component #addBtn .offer-text {
  color: #c63 !important;
  opacity: 1;
  animation: blinker 2s linear infinite;
  -webkit-animation: blinker 2s linear infinite;
  -moz-animation: blinker 2s linear infinite;
}
#hammo-special #details .product-nav nav.swatches {
  height: 0;
  margin: 0 !important;
  padding: 0;
  opacity: 0;
  overflow: hidden;
}
#hammo-special #details .add-component #sizeGuide,
#hammo-special #details .product-info-block .helper p,
#hammo-special .hero-features .helper p,
#hammo-special .hero-review .helper p {
  color: var(--product-accent-color-alt);
}
#hammo-special #details .add-component #addBtn {
  background: var(--product-accent-color-2);
}
#hammo-special #details .add-component #addBtn:hover {
  background: var(--product-accent-color-2-alt);
}
#hammo-hoodie section.hero-features .card h2,
#hammo-hoodie section.hero-features .card p.title,
#hammo-special section.hero-features .card h2,
#hammo-special section.hero-features .card p.title,
#hammo-sport section.hero-features .card h2,
#hammo-sport section.hero-features .card p.title,
#hammo-tracks section.hero-features .card h2,
#hammo-tracks section.hero-features .card p.title {
  color: #e9dabe;
}
#hammo-special section.bottom-navigation .card {
  background-color: var(--product-accent-color);
  color: var(--product-background);
}
#hammo-special .intro-wrapper a {
  color: #ffe9c7 !important;
}
#hammo-special .intro-wrapper .block-tab:after {
  background: #ffe9c7 !important;
}
#hammo-special .intro-wrapper .picture {
  background: none;
  background: #000;
  background: -moz-linear-gradient(
    0deg,
    rgba(0, 0, 0, 0.5) 0,
    transparent 50%,
    transparent 100%
  );
  background: -webkit-linear-gradient(
    0deg,
    rgba(0, 0, 0, 0.5),
    transparent 50%,
    transparent
  );
  background: linear-gradient(
    0deg,
    rgba(0, 0, 0, 0.5),
    transparent 50%,
    transparent
  );
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
}
#hammo-special .hammo-hoodie .block-tab.hammo-hoodie:after,
#hammo-special .hammo-sport .block-tab.hammo-sport:after,
#hammo-special .hammo-tracks .block-tab.hammo-tracks:after {
  transform: scaleY(1);
  -webkit-transform: scaleY(1);
  -moz-transform: scaleY(1);
}
#hammo-special .hoodie-video-feature,
#hammo-special .sport-video-feature,
#hammo-special .tracks-video-feature {
  display: none;
}
#hammo-special #hammo-hoodie .hoodie-video-feature,
#hammo-special #hammo-sport .sport-video-feature,
#hammo-special #hammo-tracks .tracks-video-feature {
  display: block;
}
#exclusives23,
#exclusives23 #knit-polo,
#exclusives23 #striped-polo,
#exclusives23 #turtleneck {
  --product-background: #53301c;
  --product-accent-color: #efe8da;
  --product-accent-color-alt: #bba389;
  --product-image-background-color: #2d251b;
  --product-accent-color-2: #4083a0;
  --product-accent-color-2-alt: #2d698e;
}
#exclusives23 .intro-wrapper {
  background: var(--product-background);
}
#exclusives23 .intro-wrapper h2 {
  letter-spacing: -1px;
}
#exclusives23 .intro-wrapper .picture:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
  background: none;
  background: #000;
  background: -moz-linear-gradient(
    0deg,
    rgba(51, 24, 0, 0.9) 0,
    rgba(51, 24, 0, 0) 50%,
    rgba(51, 24, 0, 0) 100%
  );
  background: -webkit-linear-gradient(
    0deg,
    rgba(51, 24, 0, 0.9),
    rgba(51, 24, 0, 0) 50%,
    rgba(0, 51, 24, 0)
  );
  background: linear-gradient(
    0deg,
    rgba(51, 24, 0, 0.9),
    rgba(51, 24, 0, 0) 50%,
    rgba(51, 24, 0, 0)
  );
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
}
#exclusives23 .intro-wrapper a {
  color: var(--product-accent-color-alt);
}
#exclusives23 #details .product-nav nav.swatches {
  height: 0;
  margin: 0 !important;
  padding: 0;
  opacity: 0;
  overflow: hidden;
}
#exclusives23 #details .features-overview h2,
#exclusives23 section.hero-features .card h2 {
  font-family: Ovo, serif;
  line-height: 1.3em;
}
#exclusives23 #details .features-overview h2 {
  color: var(--product-accent-color-alt);
}
#exclusives23 section.hero-features .card h2,
#exclusives23 section.hero-features .card p.title {
  color: var(--product-accent-color);
}
#exclusives23 #details .add-component #addBtn {
  background: var(--product-accent-color-2);
}
#exclusives23 #details .add-component #addBtn:hover {
  background: var(--product-accent-color-2-alt);
}
#exclusives23 section.bottom-navigation .card {
  background: var(--product-accent-color-alt);
  color: var(--product-background);
}
#exclusives23 section.hero-features .carousal-slide:nth-child(3) {
  -ms-grid-row: 8;
  -ms-grid-row-span: 5;
  grid-row: 8 / span 5;
}
#exclusives23 section.hero-features .carousal-slide:nth-child(3) .card {
  position: relative;
}
#exclusives23 section.bottom-navigation .card img {
  margin-left: 0;
  margin-right: 1.6em;
}
#exclusives23
  section.hero-features
  .carousal-slide:nth-child(3)
  .exclusives-branding {
  top: 45%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
  width: 60%;
  height: 0;
  padding-bottom: 30%;
  background: url(assets/core/static/images/exclusives-23/exclusives-branding.svg)
    no-repeat bottom;
  background-size: 100% 100%;
}
#hammo #intro {
  position: relative;
  background: #f8f2e3;
  padding: calc(var(--base-block-unit) * 2) 0 var(--base-block-unit) 0;
}
#hammo #intro,
#hammo #intro a {
  color: #80573b;
}
#hammo .introduction h2.para {
  max-width: none;
}
#hammo .introduction .coffee-mug {
  position: absolute;
  left: 0;
  top: 0;
  width: 27%;
  transform: translateX(-50%);
  z-index: -1;
}
#hammo .introduction .coffee-mug .shot {
  width: 100%;
  height: 0;
  padding-bottom: 100%;
  background: url(../images/hammo/coffee-mug.html) no-repeat;
  background-size: contain;
  -webkit-background-size: contain;
  -moz-background-size: contain;
}
#hammo .introduction .plate-partial {
  position: absolute;
  right: 0;
  top: 0;
  width: 27%;
  transform: translateY(50%);
  z-index: -1;
}
#hammo .introduction .plate-partial .shot {
  width: 100%;
  height: 0;
  padding-bottom: 100%;
  background: url(../images/hammo/plate-partial.html) no-repeat;
  background-size: contain;
  -webkit-background-size: contain;
  -moz-background-size: contain;
}
#hammo #intro .hero-img.men,
#hammo #intro .hero-img.women {
  position: relative;
  padding-bottom: 100%;
  z-index: -2;
}
#hammo #intro .hero-img.men {
  background: url(../images/hammo/hammo-hero-men.html) no-repeat;
  background-size: contain;
  -webkit-background-size: contain;
  -moz-background-size: contain;
}
#hammo #intro .hero-img.women {
  background: url(../images/hammo/hammo-hero-women.html) no-repeat;
  background-size: contain;
  -webkit-background-size: contain;
  -moz-background-size: contain;
}
#hammo .feature h3 {
  margin: 0.15em 0 0.8em;
}
#hammo .feature h4 {
  margin: 0.3em 0 1.2em;
}
#hammo .feature .col-md-6 .column-wrap {
  padding: 0 6em;
}
#hammo .feature .col-md-6 .shot-wrapper {
  max-width: 25em;
  margin: 0 auto 3em;
}
#hammo .feature .col-md-4 .shot-wrapper {
  width: 80%;
  max-width: 20em;
  margin: 0 auto 2em;
}
#hammo .circle {
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  transition: background 0.6s ease;
  -webkit-transition: background 0.6s ease;
  -moz-transition: background 0.6s ease;
}
#hammo #fabric {
  padding-top: 0;
}
#hammo #fabric,
#hammo #the-details {
  background: #82a2c6;
  color: #fff;
}
#hammo #the-details {
  padding-bottom: 6.4em;
}
#hammo #fabric .wide-shot-wrapper {
  width: 100%;
  padding: 0 7.75em;
  display: block;
}
#hammo #fabric .three-ply {
  position: relative;
  width: 100%;
  padding-bottom: 60%;
  z-index: -1;
}
#hammo #fabric .three-ply .ply {
  position: absolute;
  width: 100%;
  padding-bottom: 60%;
  top: 0;
  left: 0;
  right: 0;
  transition: transform 1.2s ease;
  -webkit-transition: -webkit-transform 1.2s ease;
  -moz-transition: -moz-transform 1.2s ease;
}
#hammo #fabric .ply.one {
  background: url(../images/hammo/hammo-3ply-one.html) no-repeat;
  background-size: contain;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  z-index: 3;
}
#hammo #fabric .ply.two {
  background: url(../images/hammo/hammo-3ply-two.html) no-repeat;
  background-size: contain;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  z-index: 2;
}
#hammo #fabric .ply.three {
  background: url(../images/hammo/hammo-3ply-three.html) no-repeat;
  background-size: contain;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  z-index: 1;
}
#hammo #plyTwo.slide-down-initial {
  transform: translateY(25%);
  -webkit-transform: translateY(25%);
  -moz-transform: translateY(25%);
}
#hammo #plyThree.slide-down-initial {
  transform: translateY(50%);
  -webkit-transform: translateY(50%);
  -moz-transform: translateY(50%);
}
#hammo #fabric .combed-cotton,
#hammo #fabric .diagonal-knit {
  margin-top: 6em;
}
#hammo #fabric .combed-cotton .shot,
#hammo #fabric .diagonal-knit .shot,
#hammo #the-details .neck-rib .shot,
#hammo #the-details .shoulder-stitch .shot,
#hammo #the-details .stitch .shot {
  transition: all 0.6s ease;
  -webkit-transition: all 0.6s ease;
  -moz-transition: all 0.6s ease;
}
#hammo #fabric .diagonal-knit .shot {
  background: url(../images/hammo/hammo-diagonal-knit.html) no-repeat;
  background-size: cover;
  -webkit-background-size: cover;
  -moz-background-size: cover;
}
#hammo #fabric .combed-cotton .shot {
  background: url(../images/hammo/hammo-cotton.html) no-repeat;
  background-size: cover;
  -webkit-background-size: cover;
  -moz-background-size: cover;
}
#hammo #the-details .neck-rib,
#hammo #the-details .shoulder-stitch,
#hammo #the-details .stitch {
  margin-top: 5em;
}
#hammo #the-details .shoulder-stitch .shot {
  background: url(../images/hammo/hammo-shoulder-stitch.html) no-repeat;
  background-size: cover;
  -webkit-background-size: cover;
  -moz-background-size: cover;
}
#hammo #the-details .neck-rib .shot {
  background: url(../images/hammo/hammo-neck-rib.html) no-repeat;
  background-size: cover;
  -webkit-background-size: cover;
  -moz-background-size: cover;
}
#hammo #the-details .stitch .shot {
  background: url(../images/hammo/hammo-stitch.html) no-repeat;
  background-size: cover;
  -webkit-background-size: cover;
  -moz-background-size: cover;
}
#hammo #hammo-fit {
  background: #82a2c6;
  color: #fff;
}
#hammo #hammo-fit h2,
#hammo #hammo-fit p {
  text-align: left !important;
}
#hammo #hammo-fit .wrapper {
  padding: 7.75em;
}
#hammo #hammo-fit .shot-wrapper {
  z-index: 1;
  width: 100%;
  height: 0;
  position: relative;
}
#hammo #hammo-fit.men .shot-wrapper {
  background: #171c2f;
}
#hammo #hammo-fit.women .shot-wrapper {
  background: #2b446b;
}
#hammo #hammo-fit .shot-wrapper .fit-shot {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: -2;
}
#hammo #hammo-fit.women .shot-wrapper .fit-shot.one {
  background: url(../images/hammo/hammo-fit-women.html) no-repeat 0;
  background-size: contain;
  -webkit-background-size: contain;
  -moz-background-size: contain;
}
#hammo #hammo-fit.women .shot-wrapper .fit-shot.three,
#hammo #hammo-fit.women .shot-wrapper .fit-shot.two {
  display: none !important;
}
#hammo #hammo-fit.men .shot-wrapper .fit-shot.one {
  background: url(../images/hammo/hammo-fit-two.html) no-repeat 0;
  background-size: contain;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  animation: hammo-crossfade-one 9s linear infinite;
  -webkit-animation: hammo-crossfade-one 9s linear infinite;
  -moz-animation: hammo-crossfade-one 9s infinite linear;
}
#hammo #hammo-fit.men .shot-wrapper .fit-shot.two {
  background: url(../images/hammo/hammo-fit-one.html) no-repeat 0;
  background-size: contain;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  animation: hammo-crossfade-two 9s linear infinite;
  -webkit-animation: hammo-crossfade-two 9s linear infinite;
  -moz-animation: hammo-crossfade-two 9s infinite linear;
}
#hammo #hammo-fit.men .shot-wrapper .fit-shot.three {
  background: url(../images/hammo/hammo-fit-three.html) no-repeat 0;
  background-size: contain;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  animation: hammo-crossfade-three 9s linear infinite;
  -webkit-animation: hammo-crossfade-three 9s linear infinite;
  -moz-animation: hammo-crossfade-three 9s infinite linear;
}
@keyframes hammo-crossfade-one {
  0% {
    opacity: 1;
  }
  16.66% {
    opacity: 1;
  }
  33.33% {
    opacity: 1;
  }
  49.99% {
    opacity: 0;
  }
  66.66% {
    opacity: 0;
    z-index: -2;
  }
  83.33% {
    opacity: 0;
    z-index: -1;
  }
  to {
    opacity: 1;
    z-index: -1;
  }
}
@-webkit-keyframes hammo-crossfade-one {
  0% {
    opacity: 1;
  }
  16.66% {
    opacity: 1;
  }
  33.33% {
    opacity: 1;
  }
  49.99% {
    opacity: 0;
  }
  66.66% {
    opacity: 0;
    z-index: -2;
  }
  83.33% {
    opacity: 0;
    z-index: -1;
  }
  to {
    opacity: 1;
    z-index: -1;
  }
}
@-moz-keyframes hammo-crossfade-one {
  0% {
    opacity: 1;
  }
  16.66% {
    opacity: 1;
  }
  33.33% {
    opacity: 1;
  }
  49.99% {
    opacity: 0;
  }
  66.66% {
    opacity: 0;
    z-index: -2;
  }
  83.33% {
    opacity: 0;
    z-index: -1;
  }
  to {
    opacity: 1;
    z-index: -1;
  }
}
@keyframes hammo-crossfade-two {
  0% {
    opacity: 0;
  }
  16.66% {
    opacity: 0;
  }
  33.33% {
    opacity: 1;
  }
  49.99% {
    opacity: 1;
  }
  66.66% {
    opacity: 1;
  }
  83.33% {
    opacity: 0;
  }
  to {
    opacity: 0;
  }
}
@-webkit-keyframes hammo-crossfade-two {
  0% {
    opacity: 0;
  }
  16.66% {
    opacity: 0;
  }
  33.33% {
    opacity: 1;
  }
  49.99% {
    opacity: 1;
  }
  66.66% {
    opacity: 1;
  }
  83.33% {
    opacity: 0;
  }
  to {
    opacity: 0;
  }
}
@-moz-keyframes hammo-crossfade-two {
  0% {
    opacity: 0;
  }
  16.66% {
    opacity: 0;
  }
  33.33% {
    opacity: 1;
  }
  49.99% {
    opacity: 1;
  }
  66.66% {
    opacity: 1;
  }
  83.33% {
    opacity: 0;
  }
  to {
    opacity: 0;
  }
}
@keyframes hammo-crossfade-three {
  0% {
    opacity: 0;
  }
  16.66% {
    opacity: 0;
  }
  33.33% {
    opacity: 0;
  }
  49.99% {
    opacity: 0;
  }
  66.66% {
    opacity: 1;
  }
  83.33% {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@-webkit-keyframes hammo-crossfade-three {
  0% {
    opacity: 0;
  }
  16.66% {
    opacity: 0;
  }
  33.33% {
    opacity: 0;
  }
  49.99% {
    opacity: 0;
  }
  66.66% {
    opacity: 1;
  }
  83.33% {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@-moz-keyframes hammo-crossfade-three {
  0% {
    opacity: 0;
  }
  16.66% {
    opacity: 0;
  }
  33.33% {
    opacity: 0;
  }
  49.99% {
    opacity: 0;
  }
  66.66% {
    opacity: 1;
  }
  83.33% {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
#hammo #hammo-fit .fit-contents {
  opacity: 0.75;
  z-index: 2;
}
#hammo #fabric,
#hammo #hammo-fit,
#hammo #intro,
#hammo #the-details {
  z-index: 2;
}
#hammo .hammo-conclude p.title {
  margin-top: 1.2em;
  letter-spacing: 2px;
  color: #fff;
}
#hammo .hammo-conclude p.title span {
  font-weight: 800;
}
#hammo .get-hammo {
  position: relative;
  overflow: auto;
}
#hammo .get-hammo .men {
  position: relative;
  background: url(../images/hammo/hammo-colours-men.html) no-repeat bottom;
  background-size: cover;
  -webkit-background-size: cover;
}
#hammo .get-hammo .women {
  position: relative;
  background: url(../images/hammo/hammo-colours-women.html) no-repeat bottom;
  background-size: contain;
  -webkit-background-size: contain;
}
#hammo .get-hammo .hammo-conclude-placeholder {
  width: 100%;
  height: 100%;
  min-height: 100%;
  position: absolute;
  top: 0;
}
#hammo .btn-get-hammo {
  display: block;
  width: 70%;
  max-width: 388px;
  margin: 0 auto;
  font-family: proxima-nova, sans-serif;
  font-size: 1.25em;
  text-transform: uppercase;
  letter-spacing: 2px;
  color: #f9f9ea;
  background-color: #039;
  padding: 1.2em 1.6em;
  border-radius: 4px;
}
#hammo .btn-get-hammo:hover {
  text-decoration: none;
  background-color: #002671;
}
#hammo .get-hammo .btn-get-hammo.sold-out,
#hammo .get-hammo .btn-get-hammo.sold-out:hover {
  background-color: hsla(0, 0%, 100%, 0.2);
}
#hammo span.sold-out {
  font-size: 1.75em;
}
#hammo .get-hammo .btn-get-hammo.sold-out.dark,
#hammo .get-hammo .btn-get-hammo.sold-out.dark:hover {
  background-color: rgba(227, 103, 37, 0.5);
  color: #fff !important;
}
#hammo .get-hammo .get-hammo-wrap {
  width: 100%;
  padding-bottom: 100%;
  position: relative;
}
#hammo .get-hammo .hammo-colours {
  position: absolute;
  width: 100%;
  top: calc(50% + 8em);
  left: 0;
  transform: translateY(-50%);
}
#hammo .get-hammo h3 {
  line-height: 1.4em;
  font-weight: 300;
  color: #f9f9ea;
  margin: 0.8em 0;
  text-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
}
#hammo .get-hammo .plate {
  position: absolute;
  left: 0;
  top: 0;
  width: 27%;
  z-index: 1;
}
#hammo .get-hammo .plate .shot {
  width: 100%;
  height: 0;
  padding-bottom: 100%;
  background: url(../images/hammo/plate.html) no-repeat;
  background-size: contain;
  -webkit-background-size: contain;
  -moz-background-size: contain;
}
#hammo .trademark {
  position: absolute;
  bottom: 1em;
  left: 0;
  right: 0;
  color: #666;
  opacity: 0.5;
}
#henley {
  --product-background: #000;
  --product-accent-color: #c96;
  --product-accent-color-alt: #963;
  --product-image-background-color: #111;
  --product-accent-color-2: #c96;
  --product-accent-color-2-alt: #963;
}
#henley section.hero-features .card h2,
#henley section.hero-features .card p.title {
  color: var(--product-accent-color);
}
#henley .hero-introduction h2 {
  font-family: Ovo, serif;
  font-size: 5em;
  line-height: 1em;
  color: var(--product-background);
  text-shadow: -1px -1px 0 var(--product-accent-color-alt),
    1px -1px 0 var(--product-accent-color-alt),
    -1px 1px 0 var(--product-accent-color-alt),
    1px 1px 0 var(--product-accent-color-alt);
}
#home-tee,
#pyjamas,
#shorts,
#sleep-set,
#sleep-tee,
#tank-tee {
  --product-background: #f7f3eb;
  --product-accent-color: #331600;
  --product-accent-color-alt: #300;
  --product-image-background-color: #c7baa9;
  --product-accent-color-2: #1c2843;
  --product-accent-color-2-alt: #0b1220;
  background: var(--product-background);
}
#home-tee section.hero-introduction,
#pyjamas section.hero-introduction,
#shorts section.hero-introduction,
#sleep-set section.hero-introduction,
#sleep-tee section.hero-introduction,
#tank-tee section.hero-introduction {
  padding-bottom: 0;
  background: var(--product-image-background-color);
}
#home-tee section.hero-introduction h2,
#pyjamas section.hero-introduction h2,
#shorts section.hero-introduction h2,
#sleep-set section.hero-introduction h2,
#sleep-tee section.hero-introduction h2,
#tank-tee section.hero-introduction h2 {
  margin-top: calc(var(--base-block-unit) / 2);
  color: var(--product-background);
  text-indent: -9999px;
}
#home-tee section.hero-introduction h2:after,
#pyjamas section.hero-introduction h2:after,
#shorts section.hero-introduction h2:after,
#sleep-set section.hero-introduction h2:after,
#sleep-tee section.hero-introduction h2:after,
#tank-tee section.hero-introduction h2:after {
  content: "";
  background: url(assets/core/static/images/brand/sleepwear-logo.svg) 50%;
  background-size: 100% 100%;
  width: 100%;
  padding-bottom: 33.33%;
  display: block;
}
#home-tee section.hero-introduction .intro-shot-wrapper,
#pyjamas section.hero-introduction .intro-shot-wrapper,
#shorts section.hero-introduction .intro-shot-wrapper,
#sleep-set section.hero-introduction .intro-shot-wrapper,
#sleep-tee section.hero-introduction .intro-shot-wrapper,
#tank-tee section.hero-introduction .intro-shot-wrapper {
  max-width: none;
  padding-bottom: 66.66%;
  background: url(../../../../core/static/images/heros/sleepwear-hero-2.jpg) 50%;
  background-size: cover;
}
#home-tee section.hero-introduction .intro-shot-wrapper img,
#pyjamas section.hero-introduction .intro-shot-wrapper img,
#shorts section.hero-introduction .intro-shot-wrapper img,
#sleep-set section.hero-introduction .intro-shot-wrapper img,
#sleep-tee section.hero-introduction .intro-shot-wrapper img,
#tank-tee section.hero-introduction .intro-shot-wrapper img {
  display: none;
}
.in #pyjamas #hero .picture {
  background: url(../images/pyjamas/hero-sarah.jpg) 50% #eff2ef;
  background-size: cover;
}
.gb #pyjamas #hero .picture {
  background: url(../images/pyjamas/hero-kunal-pyjamas.jpg) 0 #eff2ef;
  background-size: cover;
}
#pyjamas .introduction a,
#pyjamas .introduction h1 {
  color: var(--product-accent-color-2);
}
#home-tee .introduction a,
#home-tee .introduction h1,
#sleep-tee .introduction a,
#sleep-tee .introduction h1 {
  color: var(--product-accent-color);
}
#home-tee .introduction .hero-wrapper,
#pyjamas .introduction .hero-wrapper,
#sleep-tee .introduction .hero-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: flex-end;
  -ms-flex-align: flex-end;
  align-items: flex-end;
  z-index: 1;
}
#home-tee .introduction .hero-shot-wrapper,
#pyjamas .introduction .hero-shot-wrapper,
#sleep-tee .introduction .hero-shot-wrapper {
  width: 80%;
  max-width: 32em;
  margin: var(--base-block-unit) auto;
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
  z-index: 0;
  background: var(--product-background);
}
#sleep-tee[data-style="men"] section.hero-features .card h2,
#sleep-tee[data-style="men"] section.hero-features .card p.title {
  color: var(--product-accent-color);
}
#sleep-tee section.hero-features .card h2,
#sleep-tee section.hero-features .card p.title {
  color: #fff7e9;
}
#pyjamas .introduction .hero-pyjamas {
  width: 100%;
  height: 0;
  padding-bottom: 100%;
  background: url(../images/pyjamas/table-top.jpg) var(--product-background)
    no-repeat;
  background-size: 100% 100%;
}
#home-tee .introduction .hero-home-tee {
  width: 100%;
  height: 0;
  padding-bottom: 100%;
  background: url(../images/home-tee/table-top.html) var(--product-background)
    no-repeat;
  background-size: 100% 100%;
}
#home-tee .introduction .aside-wrapper-book,
#pyjamas .introduction .aside-wrapper-book {
  width: 14%;
  max-width: 280px;
  right: auto;
  top: 10%;
}
#home-tee .introduction .aside-wrapper-book {
  left: auto;
  right: 0;
}
#home-tee .introduction .aside-book,
#pyjamas .introduction .aside-book {
  width: 100%;
  height: 0;
  padding-bottom: 200%;
  background: url(../images/pyjamas/book.jpg) var(--product-background)
    no-repeat;
  background-size: 100% 100%;
  margin: 0;
}
#home-tee .introduction .aside-book {
  background: url(../images/home-tee/pillow.html) var(--product-background)
    no-repeat;
  background-size: 100% 100%;
}
#home-tee .introduction .aside-wrapper,
#pyjamas .introduction .aside-wrapper {
  width: 12%;
  max-width: 240px;
  left: auto;
  right: 10%;
  top: auto;
  bottom: 10%;
}
#home-tee .introduction .aside-wrapper {
  right: auto;
  left: 10%;
}
#home-tee .introduction .aside,
#pyjamas .introduction .aside {
  width: 100%;
  height: 0;
  padding-bottom: 100%;
  background: url(../images/pyjamas/aside.jpg) var(--product-background)
    no-repeat;
  background-size: 100% 100%;
  margin: 0;
}
#home-tee .introduction .aside {
  background: url(../images/home-tee/clips.html) var(--product-background)
    no-repeat;
  background-size: 100% 100%;
}
#pyjamas .fabric-hero {
  background: url(../images/pyjamas/pyjamas-fabric.jpg) #b0c0d9 no-repeat;
  background-size: cover;
}
#pyjamas .fit-hero {
  background: url(../images/pyjamas/pyjamas-fit.jpg) #b0c0d9 no-repeat;
  background-size: cover;
}
#pyjamas .length-hero,
#pyjamas .length-sub {
  background: url(../images/pyjamas/length-sub.jpg) #b0c0d9 no-repeat bottom;
  background-size: cover;
}
#pyjamas .length-hero .feature-details.main {
  bottom: auto;
  top: 0;
}
#pyjamas .waistband-sub {
  background: url(../images/pyjamas/waistband-sub.jpg) #b0c0d9 no-repeat;
  background-size: cover;
}
#pyjamas .pocket-sub {
  background: url(../images/pyjamas/pocket-sub.jpg) #b0c0d9 no-repeat;
  background-size: cover;
}
#home-tee .feature-details h2,
#pyjamas .feature-details h2 {
  color: var(--base-color);
  text-align: left;
}
#home-tee .small .feature-details p,
#pyjamas .small .feature-details p {
  text-align: center !important;
}
#home-tee .small .feature-details,
#pyjamas .small .feature-details {
  right: 0;
}
#pyjamas .length-sub .feature-details {
  bottom: 34%;
}
#pyjamas #features .custom-grid .block:nth-child(2) {
  -ms-grid-column: 7;
  -ms-grid-column-span: 6;
  grid-column: 7 / span 6;
  -ms-grid-row: 8;
  -ms-grid-row-span: 4;
  grid-row: 8 / span 4;
}
#pyjamas #features .custom-grid .block:nth-child(4) {
  -ms-grid-column: 2;
  -ms-grid-column-span: 4;
  grid-column: 2 / span 4;
  -ms-grid-row: 12;
  -ms-grid-row-span: 4;
  grid-row: 12 / span 4;
}
#pyjamas #features .custom-grid .block:nth-child(5) {
  -ms-grid-column: 7;
  -ms-grid-column-span: 4;
  grid-column: 7 / span 4;
  -ms-grid-row: 14;
  -ms-grid-row-span: 4;
  grid-row: 14 / span 4;
}
#home-tee .fabric-hero {
  background: url(../images/home-tee/home-tee-fabric.html) #dcd7d0 no-repeat 50%;
  background-size: cover;
}
#home-tee .fit-hero {
  background: url(../images/home-tee/home-tee-fit.html) #dcd7d0 no-repeat;
  background-size: cover;
}
#home-tee .neck-sub {
  background: url(../images/home-tee/home-tee-neck.html) #dcd7d0 no-repeat
    bottom;
  background-size: cover;
}
#home-tee .unisex-hero {
  background: url(../images/home-tee/home-tee-unisex.html) #dcd7d0 no-repeat top;
  background-size: cover;
}
#home-tee #stories .grid-item img {
  opacity: 1;
}
#home-tee #stories .grid-item .content {
  top: 0;
  bottom: auto;
}
#home-tee .side-note,
#pyjamas .side-note,
#shorts .side-note {
  display: block;
  margin-top: 2em;
  color: var(--product-accent-color);
}
.inline-icon.home-tee,
.inline-icon.pyjamas,
.inline-icon.shorts {
  height: 1.75em;
  width: 1.75em;
  margin-right: 0.5em;
}
.inline-icon.pyjamas {
  background: url(assets/core/static/images/brand/icon-pyjamas.svg) no-repeat
    50%;
  background-size: 100% 100%;
}
.inline-icon.home-tee {
  background: url(assets/core/static/images/brand/icon-home-tee.svg) no-repeat
    50%;
  background-size: 100% 100%;
}
#home-tee #features .custom-grid .block:nth-child(2) {
  -ms-grid-column: 9;
  -ms-grid-column-span: 4;
  grid-column: 9 / span 4;
  -ms-grid-row: 7;
  -ms-grid-row-span: 4;
  grid-row: 7 / span 4;
}
#home-tee #features .custom-grid .block:nth-child(4) {
  -ms-grid-column: 2;
  -ms-grid-column-span: 10;
  grid-column: 2 / span 10;
  -ms-grid-row: 12;
  -ms-grid-row-span: 4;
  grid-row: 12 / span 4;
}
#home-tee img.pairing,
#pyjamas img.pairing,
#shorts img.pairing {
  width: 100%;
}
#pyjamas .hero-features .helper a.button {
  background: var(--product-accent-color-2);
}
#pyjamas .hero-features .helper a.button:hover {
  background: var(--product-accent-color-2-alt);
}
#pyjamas-mto nav.swatches {
  display: none;
}
#pyjamas-mto #details .add-component .select-size-wrapper {
  border-radius: 0 !important;
}
#pyjamas-mto #details .product-info-block .helper {
  display: none;
}
#pyjamas-mto #details .add-component {
  margin-top: 0;
}
#pyjamas-mto #details #block-swatches {
  display: flex;
  width: 85vw;
  background: #fff;
  margin: calc(var(--base-block-unit) / 4) auto 0 auto;
  padding: 0;
  border-top-left-radius: var(--base-radius);
  border-top-right-radius: var(--base-radius);
}
#pyjamas-mto #details #block-swatches .swatch {
  padding: calc(var(--base-block-unit) / 4) 0;
  text-align: center;
  flex-grow: 1;
  border-color: transparent #f4ece0 #f4ece0 transparent;
  border-style: solid;
  border-width: 2px;
  cursor: pointer;
}
#pyjamas-mto #details #block-swatches .swatch.selected {
  border: 2px solid #36f !important;
}
#pyjamas-mto #details #block-swatches .swatch .img-wrapper {
  width: 100%;
  height: 6em;
}
#pyjamas-mto #details #block-swatches .swatch .img-wrapper img {
  height: 100%;
}
#pyjamas-mto #details #block-swatches .swatch p {
  text-transform: capitalize;
  margin-top: 0.5em;
}
#pyjamas-mto .mto-graphic-wrapper {
  position: absolute;
  top: 0;
  right: 0;
}
#pyjamas-mto .mto-graphic-wrapper .mto-graphic-icon {
  height: var(--base-block-unit);
  width: var(--base-block-unit);
  background: url(assets/core/static/images/icons/mto-icon.svg) no-repeat;
  background-size: 100% 100%;
}
#pyjamas-mto .mto-graphic-wrapper .mto-graphic-text {
  position: absolute;
  top: 0;
  right: 0;
  height: var(--base-block-unit);
  width: var(--base-block-unit);
  background: url(assets/core/static/images/icons/mto-text.svg) no-repeat;
  background-size: 100% 100%;
  animation: xRotate 30s linear infinite;
  -webkit-animation: xRotate 30s linear infinite;
  -moz-animation: xRotate 30s linear infinite;
}
#home-tee a.swatch[data-group="millet"] span {
  background: url(../../../../core/static/images/icons/icon-tee-millet.jpg) 50%
    #918677;
  background-size: 100% 100%;
}
#home-tee a.swatch[data-group="marble-grey"] span {
  background: url(../../../../core/static/images/icons/icon-tee-marble.jpg) 50%
    #fbfaf7;
  background-size: 100% 100%;
}
#home-tee a.swatch[data-group="smoke-grey"] span {
  background: url(../../../../core/static/images/icons/icon-tee-smoke.jpg) 50%
    #b4ada4;
  background-size: 100% 100%;
}
#home-tee a.swatch[data-group="moss-green"] span {
  background: url(../../../../core/static/images/icons/icon-tee-moss.jpg) 50%
    #52623a;
  background-size: 100% 100%;
}
#home-tee a.swatch[data-group="teal"] span {
  background: url(../../../../core/static/images/icons/icon-tee-teal.jpg) 50%
    #548e8c;
  background-size: 100% 100%;
}
#washed-tee {
  --product-background: #c2c4b7;
  --product-accent-color: #141b24;
  --product-accent-color-alt: #0e1218;
  --product-image-background-color: #fafcfb;
}
#washed-tee #details .product-info-block .inline-icon.alert {
  background: url(assets/core/static/images/icons/icon-surface.svg) 50%;
  background-size: 100% 100%;
}
#washed-tee .hero-story h1 {
  margin-bottom: 2em;
}
#washed-tee .key-feature {
  padding: 0;
  padding-bottom: var(--base-block-unit);
}
#washed-tee .key-feature h2 {
  max-width: none;
}
#washed-tee .key-feature .video-wrapper {
  position: relative;
  display: flex;
  justify-content: center;
  overflow: hidden;
}
#washed-tee .key-feature .video-wrapper:after {
  content: "";
  background: hsla(0, 0%, 100%, 0);
  background: linear-gradient(
    0deg,
    var(--product-background),
    hsla(0, 0%, 100%, 0)
  );
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 25vh;
  z-index: 0;
}
#washed-tee .key-feature video {
  width: 100%;
}
#washed-tee .key-feature-content {
  margin-top: -8em;
  color: var(--product-accent-color-alt);
}
#washed-tee .comparison-shot {
  display: flex;
  grid-gap: 2em;
}
#washed-tee .comparison-shot .fabric-swatch {
  width: calc(var(--base-block-unit) * 2);
}
#washed-tee .comparison-shot .fabric-swatch img {
  width: 100%;
}
#polo {
  --product-background: #8d948e;
  --product-accent-color: #141b24;
  --product-accent-color-alt: #0e1218;
  --product-image-background-color: #a8afaa;
}
#polo .key-feature {
  padding-bottom: calc(var(--base-block-unit) / 2);
}
#polo .key-feature-content {
  color: var(--base-color);
}
#polo .key-feature-content h1 {
  color: #003321;
  line-height: 1em;
}
#polo.men[data-group="bone"] .carousal-slide:first-child img {
  right: auto !important;
  left: 0 !important;
  transform: translateZ(0) !important;
}
#unithd {
  --product-background: #fafcfb;
  --product-accent-color: #141b24;
  --product-accent-color-alt: #0e1218;
  --product-image-background-color: #fafcfb;
}
#unithd,
#unithd #overview p {
  background: var(--product-background);
}
#unithd .add-component #addBtn {
  background: var(--product-accent-color);
}
#unithd .product-nav-wrapper .jump-links-dropdown,
#unithd .product-nav-wrapper.opaque {
  background: var(--product-background);
  background: rgba(246, 244, 235, 0.9);
}
.men #unithd #hero .picture {
  background: url(../images/unithd/hero-men.jpg) 50% #f5f5f5;
  background-size: cover;
}
.women #unithd #hero .picture {
  background: url(../images/unithd/hero-women.jpg) top #d6d9d8;
  background-size: cover;
}
.women #unithd #hero .hero-action a,
.women #unithd #hero h1,
.women #unithd .introduction a,
.women #unithd .introduction h2 {
  color: #fff;
}
#unithd .introduction {
  background: #f9fbfa;
  position: relative;
  padding-top: 0;
}
#unithd .introduction .hero-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  z-index: 1;
}
#unithd .introduction .hero-tee-wrapper {
  max-width: 1440px;
  margin: 0 auto;
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
  z-index: 0;
  padding-top: 5em;
}
#unithd .introduction .hero-tee {
  width: 100%;
  height: 0;
  padding-bottom: 100%;
}
.men #unithd .introduction .hero-tee {
  background: url(../images/unithd/hw-hero-tee-men.jpg) #f9fbfa no-repeat;
  background-size: 100% 100%;
}
.women #unithd .introduction .hero-tee {
  background: url(../images/unithd/hw-hero-tee-women.jpg) #f9fbfa no-repeat;
  background-size: 100% 100%;
}
#unithd .introduction .aside-wrapper {
  width: 25%;
  max-width: 360px;
  left: auto;
}
#unithd .introduction .aside {
  width: 100%;
  height: 0;
  padding-bottom: 100%;
  background: url(../images/unithd/hw-aside.jpg) #f9fbfa no-repeat;
  background-size: 100% 100%;
  margin: 0;
}
#unithd .fabric-hero {
  background: url(../images/unithd/hw-fabric.jpg) #435e76 no-repeat;
  background-size: cover;
}
.men #unithd .fit-hero {
  background: url(../images/unithd/hw-fit-men.jpg) #f8faf9 no-repeat;
  background-size: cover;
}
.women #unithd .fit-hero {
  background: url(../images/unithd/hw-fit-women.jpg) #f8faf9 no-repeat;
  background-size: cover;
}
.men #unithd #features .details-hero h2 span:last-child:after {
  content: "Relaxed Fit";
}
.women #unithd #features .details-hero h2 span:last-child:after {
  content: "Rich Colours";
}
#unithd .cta {
  position: relative;
  padding-bottom: calc(var(--base-block-unit) * 2);
  overflow: hidden;
}
#unithd .cta .swatch {
  pointer-events: none;
}
#unithd .cta .swatch .shot {
  height: 2.5em;
  width: 2.5em;
  -webkit-box-shadow: 0 1em 1em rgba(0, 0, 0, 0.1);
  box-shadow: 0 1em 1em rgba(0, 0, 0, 0.1);
}
#unithd .cta .two {
  top: 10%;
  left: 60%;
}
#unithd .cta .three {
  top: 30%;
  left: 90%;
}
#unithd .cta .four {
  top: 90%;
  left: 20%;
}
#unithd .cta .five {
  top: 80%;
  left: 70%;
}
#unithd .cta .one {
  top: 30%;
  left: 10%;
}
#unithd .cta .one .shot {
  background: url(../images/unithd/vanilla.jpg) #f8faf9 no-repeat;
  background-size: contain;
}
#unithd .cta .two .shot {
  background: url(../images/unithd/salmon.jpg) #f8faf9 no-repeat;
  background-size: contain;
}
#unithd .cta .three .shot {
  background: url(../images/unithd/stone.jpg) #f8faf9 no-repeat;
  background-size: 100% 100%;
}
#unithd .cta .four .shot {
  background: url(../images/unithd/walnut.jpg) #f8faf9 no-repeat;
  background-size: contain;
}
#unithd .cta .five .shot {
  background: url(../images/unithd/petrol.jpg) #f8faf9 no-repeat;
  background-size: contain;
}
#unithd #features section:last-child {
  padding-bottom: calc(var(--base-block-unit) * 1.5);
}
#unithd #stories .grid-item img {
  opacity: 0.95;
}
#home-launch header.inverse .logo .svg,
#unithd header.inverse .logo .svg {
  opacity: 0;
}
#unithd.men section.hero-introduction .intro-shot-wrapper .intro-shot {
  width: 100%;
  padding-bottom: 100%;
  background: url(../images/unithd/hero-introduction/men/unithd-tabletop.jpg)
    no-repeat;
  background-size: contain;
}
#unithd.men[data-group="barley"]
  section.hero-introduction
  .intro-shot-wrapper
  .intro-shot,
#unithd.men[data-group="carbon-grey"]
  section.hero-introduction
  .intro-shot-wrapper
  .intro-shot {
  width: 100%;
  padding-bottom: 100%;
  background: url(../images/unithd/hero-introduction/men/unithd-barley-footer.jpg)
    no-repeat;
  background-size: contain;
}
#unithd.men section.hero-introduction .intro-shot-wrapper .intro-shot img {
  display: none;
}
#unithd .features-overview h2 .subcategory-tag:after {
  content: "Super";
  --tag-color-1: #c54a3b;
  --tag-color-2: #e35e44;
}
#mask {
  --product-background: #fafcfb;
  --product-accent-color: #141b24;
  --product-accent-color-alt: #0e1218;
  --product-image-background-color: #cbd0d0;
}
.product-variant #mask {
  --product-background: #f6f4eb;
}
#mask,
#mask #overview p {
  background: var(--product-background);
}
#mask .product-nav-wrapper .jump-links-dropdown,
#mask .product-nav-wrapper.opaque {
  background: var(--product-background);
  background: rgba(246, 244, 235, 0.9);
}
#mask #hero .centered-wrapper {
  -webkit-box-align: flex-end;
  -ms-flex-align: flex-end;
  align-items: flex-end;
  -webkit-box-pack: flex-end;
  -ms-flex-pack: flex-end;
  justify-content: flex-end;
  padding-bottom: calc(var(--base-block-unit) * 2);
}
#mask #hero .picture {
  background: url(../../../../core/static/images/heros/mask-2-hero.jpg) top
    #e3d4be;
  background-size: cover;
}
#mask .organic-sub {
  background: url(../images/mask/mask-organic-sub.jpg) #afaea7 no-repeat;
  background-size: cover;
}
#mask .organic-sub .feature-details {
  color: var(--base-color);
}
#mask .organic-sub .organic-certification {
  height: calc(var(--base-block-unit) * 1.5);
  width: calc(var(--base-block-unit) * 1.5);
  background: url(assets/themes/hero-shop/static/images/mask/mask-organic-certified.svg)
    no-repeat;
  background-size: 100% 100%;
  position: relative;
}
#mask .organic-sub .feature-details p.title {
  margin-top: calc(var(--base-block-unit) / 2);
}
#mask .filter-hero {
  padding-bottom: 150%;
  background: url(../images/mask/mask-filter.jpg) #b6b9bc no-repeat;
  background-size: cover;
}
#mask .filter-hero .aside-detail,
#mask .organic-hero .aside-detail {
  bottom: auto;
  left: auto;
  right: 0;
  top: 0;
}
#mask .filter-hero p {
  text-align: left;
  margin-top: 1.5em;
}
#mask .filter-hero .filter-rate {
  height: calc(var(--base-block-unit) * 1.5);
  width: calc(var(--base-block-unit) * 1.5);
  background: url(assets/themes/hero-shop/static/images/mask/mask-filter-rate.svg)
    no-repeat;
  background-size: 100% 100%;
  position: relative;
}
#mask .filter-hero .filter-rate:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: url(assets/themes/hero-shop/static/images/mask/mask-filter-rate-text.svg)
    no-repeat;
  background-size: 100% 100%;
  animation: xRotate 60s linear infinite;
  -webkit-animation: xRotate 60s linear infinite;
  -moz-animation: xRotate 60s linear infinite;
}
#mask .design-hero {
  color: #e0e1df !important;
  background-color: #1a2230;
}
#mask .design-hero h2 span,
#mask .design-hero p {
  color: #cdcdc8 !important;
}
#mask .organic-hero .organic-rate {
  height: calc(var(--base-block-unit) * 1.5);
  width: calc(var(--base-block-unit) * 1.5);
  background: url(assets/themes/hero-shop/static/images/mask/mask-organic-rate.svg)
    no-repeat;
  background-size: 100% 100%;
  position: relative;
}
#mask .organic-hero .organic-rate:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: url(assets/themes/hero-shop/static/images/mask/mask-organic-rate-text.svg)
    no-repeat;
  background-size: 100% 100%;
  animation: xRotate 60s linear infinite;
  -webkit-animation: xRotate 60s linear infinite;
  -moz-animation: xRotate 60s linear infinite;
}
#mask .filter-hero .arrow-down {
  background: url(assets/themes/hero-shop/static/images/icons/icon-down-arrow.svg)
    50%;
  background-size: 100% 100%;
  height: 1em;
  width: 1em;
  margin-left: 0.25em;
}
#mask .certification-sub {
  background: url(../images/mask/mask-certification-sub.jpg) #afaea7 no-repeat;
  background-size: cover;
}
#mask .blow-test .feature-details,
#mask .liquid-test .feature-details,
#mask .melt-test .feature-details {
  bottom: auto;
  top: 5%;
  right: 0;
  left: 0;
  padding: calc(var(--base-block-unit) / 2);
  text-align: center;
  color: var(--primary-alt-color);
}
#mask .blow-test .feature-details h2 span,
#mask .liquid-test .feature-details h2 span,
#mask .melt-test .feature-details h2 span {
  text-align: center;
  margin-top: 1em;
  color: var(--primary-alt-color);
}
#mask .blow-test .feature-details .block-icon,
#mask .liquid-test .feature-details .block-icon,
#mask .melt-test .feature-details .block-icon {
  margin: 0 auto;
}
#mask .block-icon.fire {
  background: url(assets/themes/hero-shop/static/images/mask/icon-fire.svg) 50%;
  background-size: 100% 100%;
}
#mask .block-icon.liquid {
  background: url(assets/themes/hero-shop/static/images/mask/icon-liquid.svg)
    50%;
  background-size: 100% 100%;
}
#mask .block-icon.air {
  background: url(assets/themes/hero-shop/static/images/mask/icon-air.svg) 50%;
  background-size: 100% 100%;
}
#mask .blow-test p.title,
#mask .filter-hero p.title,
#mask .liquid-test p.title,
#mask .melt-test p.title {
  color: var(--primary-alt-color);
}
#mask .fit-hero {
  background: url(../images/mask/mask-fit.jpg) #afaea7 no-repeat;
  background-size: cover;
}
#mask .fit-sub-1 {
  background: url(../images/mask/mask-fit-sub-1.html) #afaea7 no-repeat;
  background-size: cover;
}
#mask .fit-sub-3 {
  background: url(../images/mask/mask-design-portrait.jpg) #dcd2cb no-repeat;
  background-size: cover;
}
#mask .fit-sub-4 {
  background: url(../images/mask/mask-fit-sub-4.jpg) #dcd2cb no-repeat;
  background-size: cover;
}
#mask .fit-sub-women {
  background: url(../images/mask/mask-design-portrait.jpg) #dcd2cb no-repeat 50%;
  background-size: cover;
}
#mask .fit-sub-men {
  background: url(../images/mask/mask-fit-sub-6.jpg) #dcd2cb no-repeat 50%;
  background-size: cover;
}
#mask .fit-proto {
  background: url(../images/mask/proto-1.jpg) #808293 no-repeat;
  background-size: cover;
  animation: proto-images 3s linear infinite;
  -webkit-animation: proto-images 3s linear infinite;
  -moz-animation: proto-images 3s linear infinite;
}
#mask .mask-2-band {
  background: url(../images/mask/mask-2-band.jpg) #cdc3b7 no-repeat;
  background-size: cover;
}
#mask .mask-2-cut {
  background: url(../images/mask/mask-2-fit.jpg) #cdc3b7 no-repeat;
  background-size: cover;
}
#mask .mask-2-sizes {
  background: url(../images/mask/mask-2-sizes.jpg) #cdc3b7 no-repeat;
  background-size: cover;
}
#mask .mask-2-band .feature-details,
#mask .mask-2-cut .feature-details,
#mask .mask-2-sizes .feature-details {
  right: 0;
}
#mask .mask-2-band .feature-details h2 span,
#mask .mask-2-cut .feature-details h2 span,
#mask .mask-2-sizes .feature-details h2 span {
  text-align: center;
}
#mask #features .project-faqs {
  padding: calc(var(--base-block-unit) / 2) 0;
}
#mask #features .project-faqs h2.title {
  margin: 0;
}
#mask #features .project-faqs .inline-link {
  color: var(--projects-blue);
  text-decoration: underline;
  white-space: nowrap;
}
#mask #features .project-faqs article {
  padding-right: 0;
  text-align: left;
}
#mask #features .project-faqs article p {
  text-align: left;
}
#mask #features .project-faqs article .title {
  color: var(--primary-alt-color);
}
#mask #features .project-faqs article .title,
#mask #features .project-faqs article p {
  line-height: 1.8em;
}
#mask #features .project-faqs article .bullet {
  right: auto;
  bottom: auto;
  top: 0.25em;
}
#mask #features.hero-features .feature-details {
  right: 0;
}
#mask #features.hero-features .card h2,
#mask #features.hero-features .card p {
  color: var(--product-background);
  text-align: left;
}
#mask #features.hero-features .card p {
  margin-top: 0.5em;
}
#mask .march-project .card {
  background-color: #f5f7f6;
}
#mask .march-project .mask-packaging {
  background: url(../images/mask/mask-packaging-landscape.jpg) #f5f7f6 no-repeat
    100%;
  background-size: contain;
  left: auto;
}
#mask .product-info-block #bulkOrderNote {
  display: flex;
}
@-webkit-keyframes proto-images {
  0% {
    background: url(../images/mask/proto-1.jpg) #808293 no-repeat;
    background-size: cover;
  }
  30.33% {
    background: url(../images/mask/proto-1.jpg) #808293 no-repeat;
    background-size: cover;
  }
  33.33% {
    background: url(../images/mask/proto-2.jpg) #808293 no-repeat;
    background-size: cover;
  }
  63.66% {
    background: url(../images/mask/proto-2.jpg) #808293 no-repeat;
    background-size: cover;
  }
  66.66% {
    background: url(../images/mask/proto-3.jpg) #808293 no-repeat;
    background-size: cover;
  }
  96.99% {
    background: url(../images/mask/proto-3.jpg) #808293 no-repeat;
    background-size: cover;
  }
  99.99% {
    background: url(../images/mask/proto-1.jpg) #808293 no-repeat;
    background-size: cover;
  }
}
@keyframes proto-images {
  0% {
    background: url(../images/mask/proto-1.jpg) #808293 no-repeat;
    background-size: cover;
  }
  30.33% {
    background: url(../images/mask/proto-1.jpg) #808293 no-repeat;
    background-size: cover;
  }
  33.33% {
    background: url(../images/mask/proto-2.jpg) #808293 no-repeat;
    background-size: cover;
  }
  63.66% {
    background: url(../images/mask/proto-2.jpg) #808293 no-repeat;
    background-size: cover;
  }
  66.66% {
    background: url(../images/mask/proto-3.jpg) #808293 no-repeat;
    background-size: cover;
  }
  96.99% {
    background: url(../images/mask/proto-3.jpg) #808293 no-repeat;
    background-size: cover;
  }
  99.99% {
    background: url(../images/mask/proto-1.jpg) #808293 no-repeat;
    background-size: cover;
  }
}
#mask .fit-sub-2 {
  background: url(../images/mask/mask-fit-sub-2.jpg) #afaea7 no-repeat;
  background-size: cover;
}
#mask .faqs h1 {
  margin: 0 0 0.5em;
}
#mask .faqs h3 {
  margin: 2em 0 0.5em;
}
#mask .faqs article {
  text-align: left;
  margin-top: 2em;
}
#mask .features .custom-grid .block:nth-child(2) {
  -ms-grid-column: 10;
  -ms-grid-column-span: 3;
  grid-column: 10 / span 3;
  -ms-grid-row: 4;
  -ms-grid-row-span: 4;
  grid-row: 4 / span 4;
  z-index: 1;
}
#mask .features .custom-grid .block:nth-child(3) {
  -ms-grid-column: 2;
  -ms-grid-column-span: 6;
  grid-column: 2 / span 6;
  -ms-grid-row: 6;
  -ms-grid-row-span: 5;
  grid-row: 6 / span 5;
}
#mask .features .custom-grid .block:nth-child(4) {
  -ms-grid-column: 1;
  -ms-grid-column-span: 4;
  grid-column: 1 / span 4;
  -ms-grid-row: 11;
  -ms-grid-row-span: 4;
  grid-row: 11 / span 4;
}
#mask .features .custom-grid .block:nth-child(5) {
  -ms-grid-column: 5;
  -ms-grid-column-span: 4;
  grid-column: 5 / span 4;
  -ms-grid-row: 12;
  -ms-grid-row-span: 4;
  grid-row: 12 / span 4;
}
#mask .features .custom-grid .block:nth-child(6) {
  -ms-grid-column: 9;
  -ms-grid-column-span: 4;
  grid-column: 9 / span 4;
  -ms-grid-row: 11;
  -ms-grid-row-span: 4;
  grid-row: 11 / span 4;
}
#mask .features .custom-grid .block:nth-child(7) {
  -ms-grid-column: 2;
  -ms-grid-column-span: 10;
  grid-column: 2 / span 10;
  -ms-grid-row: 18;
  -ms-grid-row-span: 4;
  grid-row: 18 / span 4;
}
#mask .features .custom-grid .block:nth-child(8) {
  -ms-grid-column: 1;
  -ms-grid-column-span: 4;
  grid-column: 1 / span 4;
  -ms-grid-row: 22;
  -ms-grid-row-span: 4;
  grid-row: 22 / span 4;
}
#mask .features .custom-grid .block:nth-child(9) {
  -ms-grid-column: 5;
  -ms-grid-column-span: 4;
  grid-column: 5 / span 4;
  -ms-grid-row: 23;
  -ms-grid-row-span: 4;
  grid-row: 23 / span 4;
}
#mask .features .custom-grid .block:nth-child(10) {
  -ms-grid-column: 9;
  -ms-grid-column-span: 4;
  grid-column: 9 / span 4;
  -ms-grid-row: 22;
  -ms-grid-row-span: 4;
  grid-row: 22 / span 4;
}
#mask .mask-disclaimer {
  background: var(--primary-alt-color);
  padding: calc(var(--base-block-unit) * 1.5) 0 !important;
  margin-top: var(--base-block-unit);
}
#mask .mask-disclaimer h2,
#mask .mask-disclaimer p {
  color: var(--base-color);
  opacity: 0.75;
  text-align: left;
}
#mask .mask-disclaimer h2 {
  margin-top: 0;
  opacity: 1;
}
#mask .mask-disclaimer .block-icon.alert-big {
  background: url(assets/core/static/images/icons/icon-alert-big.svg) 50%;
  background-size: 100% 100%;
  margin-bottom: 1em;
}
#mask .mask-disclaimer .centered-content {
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
}
#mask .mask-disclaimer .tom {
  display: block;
  position: relative;
  background: #000;
}
#mask .mask-disclaimer .tom h2 {
  margin: 0;
  text-align: center;
  top: 75%;
  bottom: auto;
  -webkit-transform: translate3d(0, -50%, 0);
  transform: translate3d(0, -50%, 0);
  color: var(--base-color);
}
#unitpq {
  --product-background: #eaeef0;
  --product-accent-color: #1d325b;
  --product-accent-color-alt: #132240;
  --product-image-background-color: #eaeef0;
}
.product-variant #unitpq {
  --product-background: #f4f6f7;
}
#unitpq,
#unitpq #overview p {
  background: var(--product-background);
}
#unitpq .product-nav-wrapper .jump-links-dropdown,
#unitpq .product-nav-wrapper.opaque {
  background: var(--product-background);
  background: rgba(234, 238, 240, 0.9);
}
#unitpq #overview {
  background: #eaeef0;
}
#unitpq #overview .overview-shot-wrapper {
  max-width: calc(var(--base-block-unit) * 8);
}
#unitpq #overview .overview-shot {
  width: 100%;
  padding-bottom: 40%;
  background: url(../images/unitpq/intro-shot-tinyguys.jpg) no-repeat 50%;
  background-size: contain;
}
#unitpq #overview .tiny-guys {
  position: absolute;
  height: 100vh;
  min-height: 800px;
  width: 1920px;
  min-width: 800px;
  bottom: 50px;
  left: 50%;
  transform: translate3d(-50%, 0, 0);
  -webkit-transform: translate3d(-50%, 0, 0);
  -moz-transform: translate3d(-50%, 0, 0);
  display: flex;
  flex-flow: column-reverse wrap;
  justify-content: flex-end;
  align-items: flex-end;
  overflow: hidden;
  pointer-events: none !important;
  opacity: 0.95;
}
#unitpq #overview .tiny-guys .pair {
  height: 300px;
  width: 300px;
  margin-top: 100px;
  margin-right: 100px;
}
#unitpq #overview .tiny-guys .pair:first-child,
#unitpq #overview .tiny-guys .pair:nth-child(8),
#unitpq #overview .tiny-guys .pair:nth-child(15) {
  background: url(../images/unitpq/tiny-guys/pair-1.jpg) no-repeat 50%;
  background-size: 100% 100%;
}
#unitpq #overview .tiny-guys .pair:nth-child(2),
#unitpq #overview .tiny-guys .pair:nth-child(9),
#unitpq #overview .tiny-guys .pair:nth-child(16) {
  background: url(../images/unitpq/tiny-guys/pair-2.jpg) no-repeat 50%;
  background-size: 100% 100%;
}
#unitpq #overview .tiny-guys .pair:nth-child(3),
#unitpq #overview .tiny-guys .pair:nth-child(10),
#unitpq #overview .tiny-guys .pair:nth-child(17) {
  background: url(../images/unitpq/tiny-guys/pair-3.jpg) no-repeat 50%;
  background-size: 100% 100%;
}
#unitpq #overview.tiny-guys .pair:nth-child(4),
#unitpq #overview .tiny-guys .pair:nth-child(11),
#unitpq #overview .tiny-guys .pair:nth-child(18) {
  background: url(../images/unitpq/tiny-guys/pair-4.jpg) no-repeat 50%;
  background-size: 100% 100%;
}
#unitpq #overview .tiny-guys .pair:nth-child(5),
#unitpq #overview .tiny-guys .pair:nth-child(12),
#unitpq #overview .tiny-guys .pair:nth-child(19) {
  background: url(../images/unitpq/tiny-guys/pair-5.jpg) no-repeat 50%;
  background-size: 100% 100%;
}
#unitpq #overview .tiny-guys .pair:nth-child(6),
#unitpq #overview .tiny-guys .pair:nth-child(13),
#unitpq #overview .tiny-guys .pair:nth-child(20) {
  background: url(../images/unitpq/tiny-guys/pair-6.jpg) no-repeat 50%;
  background-size: 100% 100%;
}
#unitpq #overview .tiny-guys .pair:nth-child(7),
#unitpq #overview .tiny-guys .pair:nth-child(14),
#unitpq #overview .tiny-guys .pair:nth-child(21) {
  background: url(../images/unitpq/tiny-guys/pair-7.jpg) no-repeat 50%;
  background-size: 100% 100%;
}
#unitpq #overview .content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  text-align: center;
}
#unitpq .unit-logo-wrapper {
  position: relative;
  width: 40%;
  max-width: 260px;
  margin: 0 auto;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
}
#unitpq .unit-logo {
  height: 0;
  width: 100%;
  padding-bottom: 63.2%;
  background: url(assets/themes/hero-shop/static/images/unitpq/unit-branding.svg)
    no-repeat 50%;
  background-size: 100% 100%;
}
#unitpq #overview .arrow {
  position: absolute;
  bottom: 2em;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  height: 1.5em;
  width: 1.5em;
  background: url(assets/themes/hero-shop/static/images/down-arrow.svg)
    no-repeat 50%;
  background-size: 100% 100%;
}
#unitpq #features {
  padding-bottom: calc(var(--base-block-unit) * 2);
}
#unitpq #features.hero-features {
  padding-bottom: calc(var(--base-block-unit) / 2);
}
#unitpq .feature {
  overflow: visible;
  padding: 0;
}
#unitpq .feature-shot-wrapper {
  max-width: 1440px;
  margin: 0 auto;
  position: relative;
}
#unitpq .feature-shot {
  width: 100%;
  position: relative;
  height: 125vh;
  z-index: 0;
}
#unitpq .feature-shot-wrapper .shot {
  position: absolute;
}
#unitpq .feature-shot-wrapper .shot.base {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
#unitpq .feature .feature-bullets {
  list-style: none;
  margin: 2em 0 0;
  padding: 0;
}
#unitpq .feature .feature-bullets li {
  display: inline-block;
  margin: 0 1em;
}
#unitpq .feature .feature-bullets li h2 {
  margin: 0 auto;
}
#unitpq .feature .bullet .icon {
  display: inline-block;
  height: 1.3em;
  width: 1.3em;
  vertical-align: text-bottom;
  margin-right: 0.2em;
}
#unitpq .feature .bullet .icon.indoors {
  background: url(assets/themes/hero-shop/static/images/unitpq/icon-indoors.svg)
    no-repeat 50%;
  background-size: 100% 100%;
}
#unitpq .feature .bullet .icon.outdoors {
  background: url(assets/themes/hero-shop/static/images/unitpq/icon-outdoors.svg)
    no-repeat 50%;
  background-size: 100% 100%;
}
#unitpq .feature .bullet .icon.fluid {
  background: url(assets/themes/hero-shop/static/images/unitpq/icon-fluid.svg)
    no-repeat 50%;
  background-size: 100% 100%;
}
#unitpq .feature .bullet .icon.active {
  background: url(assets/themes/hero-shop/static/images/unitpq/icon-active.svg)
    no-repeat 50%;
  background-size: 100% 100%;
}
#unitpq .feature .bullet .icon.ironing {
  background: url(assets/themes/hero-shop/static/images/unitpq/icon-ironing.svg)
    no-repeat 50%;
  background-size: 100% 100%;
}
#unitpq .feature .bullet .icon.washing {
  background: url(assets/themes/hero-shop/static/images/unitpq/icon-washing.svg)
    no-repeat 50%;
  background-size: 100% 100%;
}
#unitpq .breathe-in {
  z-index: 3;
}
#unitpq .do-more {
  z-index: 2;
}
#unitpq .care-less {
  z-index: 1;
}
#unitpq .breathe-in .feature-shot-wrapper .shot.base {
  background: url(../images/unitpq/breathe-in.jpg) no-repeat 50%;
  background-size: cover;
  -webkit-background-size: cover;
  -moz-background-size: cover;
}
#unitpq .do-more .feature-shot-wrapper .shot.base {
  background: url(../images/unitpq/do-more.jpg) no-repeat 50%;
  background-size: cover;
  -webkit-background-size: cover;
  -moz-background-size: cover;
}
#unitpq .do-more .feature-shot.aside {
  position: absolute;
  width: 30%;
  top: 40%;
  left: 10%;
}
#unitpq .do-more .feature-shot.aside .shot {
  background: url(../images/unitpq/do-more-2.jpg) no-repeat 50%;
  background-size: contain;
  -webkit-background-size: contain;
  -moz-background-size: contain;
}
#unitpq .care-less .feature-shot-wrapper .shot.base {
  background: url(../images/unitpq/care-less.jpg) no-repeat 50%;
  background-size: cover;
  -webkit-background-size: cover;
  -moz-background-size: cover;
}
#unitpq .breathe-in .bullet {
  color: #002e77;
}
#unitpq .do-more .bullet {
  color: #0780b4;
}
#unitpq .care-less .bullet {
  color: #c12d1e;
}
#unitpq .ender {
  position: relative;
  margin-top: 7.5em;
}
#unitpq .ender-shot-wrapper {
  width: 100%;
  background: #000;
}
#unitpq .ender-shot-wrapper .shot {
  width: 50%;
  height: 0;
  padding-bottom: 50%;
  float: left;
}
#unitpq .ender-shot-wrapper .shot.one {
  background: url(../images/unitpq/unit-hero-rust.jpg) no-repeat 50% #524236;
  background-size: cover;
  -webkit-background-size: cover;
  -moz-background-size: cover;
}
#unitpq .ender-shot-wrapper .shot.two {
  background: url(../images/unitpq/unit-hero-rubber.jpg) no-repeat 50% #524236;
  background-size: cover;
  -webkit-background-size: cover;
  -moz-background-size: cover;
}
#unitpq .ender-shot-wrapper .shot.three {
  background: url(../images/unitpq/unit-hero-deep-sea-green.jpg) no-repeat 50%
    #524236;
  background-size: cover;
  -webkit-background-size: cover;
  -moz-background-size: cover;
}
#unitpq .ender-shot-wrapper .shot.four {
  background: url(../images/unitpq/unit-hero-deep-sea.jpg) no-repeat 50% #524236;
  background-size: cover;
  -webkit-background-size: cover;
  -moz-background-size: cover;
}
#unitpq .tagline {
  position: absolute;
  width: 100%;
  right: 0;
  left: 0;
  bottom: 0;
  top: auto;
  text-align: center;
}
#unitpq .tagline h1 {
  font-size: 5em;
}
#unitpq .tagline > div {
  position: absolute;
  right: 0;
  left: 0;
  top: 0;
  bottom: 0;
}
#unitpq .ender .tagline {
  padding-bottom: 4em;
  top: 50%;
  bottom: auto;
}
#unitpq .tagline h1.breathe {
  color: #09172d;
}
#unitpq .tagline h1.more {
  color: #147ca8;
}
#unitpq .tagline h1.care {
  color: #c12d1e;
}
#unitpq .feature-content {
  padding-bottom: 4em;
  text-align: center;
}
#unitpq .care-less .feature-content {
  padding-bottom: 0;
}
#unitpq .ender .shop-button-wrapper {
  text-align: center;
  position: absolute;
  bottom: 4em;
  left: 0;
  right: 0;
}
#unitpq .shop-button {
  display: inline-block;
  color: #fff;
  opacity: 0.8;
  border-bottom: 3px solid #fff;
  padding-bottom: 0.4em;
  text-transform: uppercase;
  font-weight: 700;
}
#unitpq .shop-button:hover {
  text-decoration: none;
  opacity: 1;
}
#hammo #stories .grid-item.photo-review,
#mask #stories .grid-item.photo-review,
#unitpq #stories .grid-item.photo-review,
.women #unithd #stories .grid-item.photo-review {
  width: 50% !important;
}
#lite,
#tee {
  --product-background: #f8f9fb;
  --product-accent-color: #1c3142;
  --product-accent-color-alt: #0d1b27;
  --product-image-background-color: #f8f9fb;
  --product-accent-color-2: #06f;
  --product-accent-color-2-alt: #00f;
}
#tee .product-nav nav #versionPicker {
  display: flex;
  margin-left: -2em;
}
#tee a.swatch[data-group="millet"] span {
  background: url(../../../../core/static/images/icons/icon-tee-millet.jpg) 50%
    #918677;
  background-size: 100% 100%;
}
#tee #hero .picture {
  background: url(../images/tee/variants/men/tee-classic-black-story.jpg) 50%;
  background-size: cover;
}
#tee #overview p {
  background: var(--product-background);
}
#tee .product-nav-wrapper .jump-links-dropdown,
#tee .product-nav-wrapper.opaque {
  background: var(--product-background);
  background: rgba(246, 244, 235, 0.9);
}
#tee #overview {
  background: #fff;
}
#tee #overview .overview-shot-wrapper {
  max-width: calc(var(--base-block-unit) * 4);
}
#tee #overview .overview-shot {
  width: 100%;
  padding-bottom: 100%;
  background: url(../../../../core/static/images/intro-shot-black.jpg) no-repeat
    50%;
  background-size: contain;
}
#tee .feature {
  position: relative;
  padding: 0;
}
#tee .feature h2,
#tee .feature p {
  padding: 0;
  margin: 0;
  z-index: 1;
  text-align: left;
}
#tee .feature .center h2,
#tee .feature .center p,
#tee .feature h1 {
  text-align: center;
  position: relative;
}
#tee .feature h2 {
  margin: 0 auto;
}
#tee .feature .conclude {
  margin-top: 1.33em;
  margin-bottom: 5.33em;
}
#tee .feature a.toggle-details {
  display: none;
}
#tee .feature .vertical-align {
  display: flex;
  align-items: center;
}
#tee .feature .overview {
  margin-bottom: 2em;
}
#tee .feature .details {
  height: auto;
  max-height: none;
  opacity: 1;
}
#tee .feature .overview-shot {
  max-width: 570px;
  margin-left: auto;
  margin-right: auto;
}
#tee .feature a.subtle {
  color: #828486;
  border-bottom: 1px dotted #444;
}
#tee .feature a.subtle:hover {
  text-decoration: none;
}
#tee #materials {
  background: #91acba;
  color: #fff;
  height: auto;
}
#tee #materials .cotton-ball {
  padding-bottom: 120%;
  background: url(../images/tee/feature-materials-cottonball.jpg) no-repeat;
  background-size: contain;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  background-position: 50%;
  transform-origin: center top;
}
#tee #materials .cotton-comparison {
  background: url(../images/tee/feature-materials-els.jpg) no-repeat;
  background-size: contain;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  transform-origin: center center;
}
#tee #materials .fabric-close-wrapper {
  padding-bottom: 125%;
  background: none;
  position: relative;
  text-align: center;
  z-index: 1;
}
#tee #materials .fabric-close {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  width: 20em;
  height: 20em;
  margin: 0 auto;
  border-radius: 200px;
  -webkit-border-radius: 200px;
  -moz-border-radius: 200px;
  border: 3px solid #fff;
  box-shadow: 20px 30px 5px rgba(0, 0, 0, 0.4),
    inset 0 1px 3px rgba(0, 0, 0, 0.2);
  overflow: hidden;
}
#tee #materials .fabric-close .shot {
  background: url(../images/tee/feature-materials-fabric-macro.jpg) no-repeat;
  background-size: contain;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  animation: zoom 60s infinite;
  -webkit-animation: zoom 60s infinite;
  -moz-animation: zoom 60s infinite;
}
#tee #materials .fabric-wrapper {
  content: "";
  position: absolute;
  left: 50%;
  right: 0;
  bottom: 0;
  height: auto;
}
#tee #materials .fabric {
  width: 100%;
  height: 0;
  padding-bottom: 60%;
  background: url(../images/tee/feature-materials-fabric.jpg) no-repeat;
  background-size: contain;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  transform-origin: bottom right;
}
#tee #fit .tee-fit {
  padding-bottom: 225%;
}
#tee #fit {
  -webkit-transition: background 0.3s ease;
  -moz-transition: background 0.3s ease;
  transition: background 0.3s ease;
}
#tee #fit.men {
  background: #697ccc;
  color: #fff;
}
#tee #fit.men .tee-cut {
  padding-bottom: 120%;
  background: url(../images/tee/feature-fit-tee-men.jpg) no-repeat top;
  background-size: contain;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  transform-origin: center top;
}
#tee #fit.men .tee-fit {
  background: url(../images/tee/feature-fit-men.jpg) no-repeat bottom;
  background-size: contain;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  transform-origin: center bottom;
}
#tee #fit.women {
  background: #e7a18f;
  color: #fff;
}
#tee #fit.women .tee-cut {
  padding-bottom: 120%;
  background: url(../images/tee/feature-fit-tee-women.jpg) no-repeat top;
  background-size: contain;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  transform-origin: center top;
}
#tee #fit.women .tee-fit {
  background: url(../images/tee/feature-fit-women.jpg) no-repeat bottom;
  background-size: contain;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  transform-origin: center bottom;
}
#tee #fit .details .container-fluid {
  position: relative;
  padding-top: 6.4em;
}
#tee #fit .details .switch-group {
  text-align: left;
  margin-top: 1.8em;
}
#tee #fit.men .details .switch-group .switch-input:checked + .switch-label {
  background-color: #5064bb;
}
#tee #fit.women .details .switch-group .switch-input:checked + .switch-label {
  background-color: #e18a74;
}
#tee #fit .details .container-fluid .fit-details-list,
#tee #fit .details .container-fluid .fit-list {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
}
#tee #fit .details .container-fluid .fit-details-list > div {
  height: 100%;
}
#tee #fit .details .container-fluid .fit-list.slide-left-initial {
  transform: translateX(25%);
  -webkit-transform: translateX(25%);
  -moz-transform: translateX(25%);
  opacity: 0;
}
#tee #fit .details .container-fluid .fit-list.one {
  bottom: 62%;
}
#tee #fit .details .container-fluid .fit-list.two {
  bottom: 48%;
}
#tee #fit .details .container-fluid .fit-list.three {
  bottom: 34%;
}
#tee #fit .details .container-fluid .fit-list.four {
  bottom: 20%;
}
#tee #fit.women .details .container-fluid .fit-list.one p:after {
  content: "Nice, wide neck";
}
#tee #fit.women .details .container-fluid .fit-list.two p:after {
  content: "Fitted sleeve";
}
#tee #fit.women .details .container-fluid .fit-list.three p:after {
  content: "Tapered waist";
}
#tee #fit.women .details .container-fluid .fit-list.four p:after {
  content: "Curved hem";
}
#tee #fit.men .details .container-fluid .fit-list.one p:after {
  content: "Classic crew neck";
}
#tee #fit.men .details .container-fluid .fit-list.two p:after {
  content: "Fitted sleeve";
}
#tee #fit.men .details .container-fluid .fit-list.three p:after {
  content: "Tapered waist";
}
#tee #fit.men .details .container-fluid .fit-list.four p:after {
  content: "The right length";
}
#tee #fit .details .container-fluid .fit-list p:before {
  content: "";
  border-bottom: 1px dotted #fff;
  padding-left: 40%;
  margin-right: 15px;
  left: 0;
  bottom: 0.5em;
  display: inline-block;
}
#tee #fit .shot {
  transition: transform 2s ease, background 0.3s ease;
  -webkit-transition: transform 2s ease, background 0.3s ease;
  -moz-transition: transform 2s ease, background 0.3s ease;
}
#tee #craftsmanship {
  background: #262626;
  color: #c2c4c6;
}
#tee #craftsmanship .craftsmanship-overall {
  padding-bottom: 120%;
  background: url(../images/tee/feature-craftsmanship-overall.jpg) no-repeat;
  background-size: contain;
  -webkit-background-size: contain;
  -moz-background-size: contain;
}
#tee #craftsmanship .craftsmanship-stitching {
  background: url(../images/tee/feature-craftsmanship-stitching.jpg) no-repeat;
  background-size: contain;
  -webkit-background-size: contain;
  -moz-background-size: contain;
}
#tee #craftsmanship .craftsmanship-neck {
  background: url(../images/tee/feature-craftsmanship-neck.jpg) no-repeat;
  background-size: contain;
  -webkit-background-size: contain;
  -moz-background-size: contain;
}
#tee[data-group="classic-black"] .hero-story {
  background: url(../images/tee/variants/men/tee-classic-black-story.jpg) 50%
    #665334;
  background-size: cover;
}
#tee[data-group="millet"] .hero-story {
  background: url(../images/tee/variants/men/tee-millet-story.jpg) 50% #665334;
  background-size: cover;
}
#boxcrew {
  --product-background: #fafcfb;
  --product-accent-color: #141b24;
  --product-accent-color-alt: #0e1218;
  --product-image-background-color: #fafcfb;
  --product-background: #f6e3bf;
  --product-accent-color: #300;
  --product-accent-color-alt: #180000;
  --product-image-background-color: #f6e3bf;
  --product-accent-color-2: #930;
  --product-accent-color-2-alt: #802a0c;
}
#boxcrew,
#boxcrew #overview p {
  background: var(--product-background);
}
#lintroller {
  --product-background: #e3dad3;
  --product-accent-color: #774817;
  --product-accent-color-alt: #5c360e;
  --product-image-background-color: #dfd9d2;
}
#lintroller section.hero-introduction {
  padding-bottom: 0;
}
#lintroller section.hero-introduction .intro-shot-wrapper {
  max-width: none;
  padding-bottom: 56.26%;
  background: url(../images/lintroller/hero-introduction/lintroller-factory.jpg)
    top #774817 no-repeat;
  background-size: contain;
  margin-top: var(--base-block-unit);
}
#lintroller section.hero-introduction .intro-shot-wrapper img {
  display: none;
}
#lintroller #overview,
#lintroller .conclude,
#lintroller .features,
#lintroller .hero-features,
#lintroller .intro,
#lintroller .story {
  background: var(--product-background);
}
#lintroller #overview {
  min-height: auto;
}
#lintroller #overview h2 {
  color: var(--product-accent-color);
}
#lintroller #features .row:after {
  content: "";
}
#lintroller .conclude {
  padding-bottom: var(--base-block-unit) !important;
}
#lintroller #addBtn {
  background: var(--product-accent-color);
}
#lintroller .product-nav-wrapper .jump-links-dropdown,
#lintroller .product-nav-wrapper.opaque {
  background: var(--product-background);
  background: rgba(225, 218, 212, 0.9);
}
#lintroller .product-nav .swatches a.lintroller {
  background: var(--product-accent-color);
  color: var(--product-background);
  text-transform: capitalize;
  padding: 0.25em 1em;
}
#lintroller #hero h1 {
  color: var(--base-color);
  text-shadow: 0 0 40px rgba(0, 0, 0, 0.2);
}
#lintroller .lintroller-branding {
  display: block;
  width: 4em;
  height: 4em;
  background: url(assets/themes/hero-shop/static/images/lintroller/lintroller-branding.svg)
    no-repeat 50%;
  background-size: 100% 100%;
}
#lintroller .conclude {
  text-align: left;
}
#lintroller .conclude,
#lintroller .features,
#lintroller .intro,
#lintroller .story {
  z-index: 2;
}
#lintroller #material {
  overflow-x: hidden;
  padding: 0 0 var(--base-block-unit) 0;
}
#lintroller .box-shot {
  width: 100%;
  height: 12em;
  max-width: 360px;
  background: url(../images/lintroller/lintroller-box.jpg) 50% no-repeat;
  background-size: contain;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  margin: 4em auto;
}
#lintroller section.tech-specs-placeholder {
  height: 200vh;
  background: transparent;
  position: relative;
}
#lintroller section.tech-specs-placeholder:after,
#lintroller section.tech-specs-placeholder:before {
  content: "";
  position: absolute;
  width: 100%;
  left: 0;
  right: 0;
  height: 8rem;
}
#lintroller section.tech-specs-placeholder:before {
  top: 0;
  background: url(../images/lintroller/edge-gradient-top.png) repeat-x;
  background-size: contain;
  -webkit-background-size: contain;
  -moz-background-size: contain;
}
#lintroller section.tech-specs-placeholder:after {
  bottom: 0;
  background: url(../images/lintroller/edge-gradient-bottom.png) repeat-x;
  background-size: contain;
  -webkit-background-size: contain;
  -moz-background-size: contain;
}
#lintroller section.tech-specs {
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background: #e3dad3;
}
#lintroller .tech-specs-graphic-wrapper {
  position: relative;
  top: 50%;
  transform: translate3d(0, -50%, 0);
  -webkit-transform: translate3d(0, -50%, 0);
  -moz-transform: translate3d(0, -50%, 0);
  width: 90%;
  max-width: 1024px;
  margin: 0 auto;
}
#lintroller .tech-specs-graphic {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 33.33%;
}
#lintroller .tech-specs-graphic .ball-mechanics,
#lintroller .tech-specs-graphic .blue-print,
#lintroller .tech-specs-graphic .roller,
#lintroller .tech-specs-graphic .roller-sheet {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  transition: opacity 0.8s ease, transform 0.8s ease;
}
#lintroller .tech-specs-graphic .roller {
  background: url(../images/lintroller/roller.jpg) no-repeat;
  height: 100%;
  width: 100%;
  background-size: contain;
  z-index: 1;
}
#lintroller .tech-specs-graphic .roller-sheet {
  background: url(../images/lintroller/roller-sheets.png) no-repeat;
  height: 100%;
  width: 100%;
  background-size: contain;
  z-index: 2;
}
#lintroller .specifications {
  display: block;
  position: relative;
  width: 100%;
}
#lintroller .specifications p {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  text-align: center;
  font-size: 0.8em;
  color: #805429;
  margin: 0;
  transition: all 0.4s ease;
}
#lintroller .specifications .uppercase {
  text-transform: uppercase;
}
#lintroller .specifications .seperator {
  opacity: 0.5;
  margin: 0 0.5em;
}
#lintroller .specifications .out-of-sight {
  opacity: 0;
}
#lintroller .tech-specs-graphic .ball-mechanics,
shop-lintroller .tech-specs-graphic .blue-print {
  display: none;
}
#lintroller .tech-specs-graphic .blue-print {
  z-index: 3;
}
#lintroller .tech-specs-graphic .ball-mechanics {
  z-index: 1;
}
#lintroller .tech-specs-graphic .roller-sheet.slide-out {
  transform: translate3d(50%, 0, 0);
  -webkit-transform: translate3d(50%, 0, 0);
  -moz-transform: translate3d(50%, 0, 0);
}
#lintroller .lintroller-ender {
  text-align: center;
}
#lintroller .lintroller-ender p {
  font-size: 1.5em;
  line-height: 1.6;
}
#lintroller .limited-batch {
  font-size: 0.8em;
  display: block;
  margin-top: 1em;
  opacity: 0.5;
}
#lintroller #details .add-component .select-size-wrapper {
  display: none;
}
#lintroller section.hero-features .card h2,
#lintroller section.hero-features .card p.title {
  color: var(--base-color);
}
#lintroller section.hero-review .reviews-shot-wrapper {
  display: none;
}
#mug {
  --product-background: #a69478;
  --product-accent-color: #000;
  --product-accent-color-alt: #000;
  --product-image-background-color: #020b13;
  --product-accent-color-2: #630;
  --product-accent-color-2-alt: #300;
}
#mug-special {
  background: #000;
}
#mug-special .video-fade {
  display: none;
}
#mug {
  background: var(--product-background);
}
#mug #details .product-nav nav.swatches {
  height: 0;
  margin: 0 !important;
  padding: 0;
  opacity: 0;
  overflow: hidden;
}
#mug-special #details .add-component #sizeGuide,
#mug-special #details .product-info-block .helper p,
#mug-special .hero-features .helper p,
#mug-special .hero-review .helper p,
#mug-special .product-nav .info a.title {
  color: var(--product-accent-color-2);
}
#mug-special .intro-wrapper,
#mug-special .intro-wrapper .picture {
  height: calc(var(--fs-block-height) * 1.75);
}
#mug-special .intro-wrapper .picture {
  background: none;
  background: #000;
  background: -moz-linear-gradient(
    0deg,
    rgba(0, 0, 0, 0.9) 0,
    transparent 75%,
    transparent 100%
  );
  background: -webkit-linear-gradient(
    0deg,
    rgba(0, 0, 0, 0.9),
    transparent 75%,
    transparent
  );
  background: linear-gradient(
    0deg,
    rgba(0, 0, 0, 0.9),
    transparent 75%,
    transparent
  );
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
}
#mug-special #details .add-component #addBtn {
  background: var(--product-accent-color-2);
}
#mug-special #details .add-component #addBtn:hover {
  background: var(--product-accent-color-2-alt);
}
#mug-special section.hero-features {
  padding: calc(var(--base-block-unit) / 2) 0 calc(var(--base-block-unit) / 2) 0;
}
#mug-special section.hero-features .feature-card-title {
  padding-bottom: calc(var(--base-block-unit) / 2);
}
#mug-special .block-opening-para-wrapper p,
#mug-special section.hero-features .card h2,
#mug-special section.hero-features .card p.title {
  color: #e9dabe;
}
#mug-special .block-opening-para-wrapper p {
  max-width: 25em;
  margin: 0 auto;
}
#mug-special section.hero-features .feature-card-title p,
#mug-special section.hero-features .feature-card-wrapper:nth-child(3) h2 {
  color: var(--product-accent-color);
}
#mug-special
  section.hero-features
  .feature-card-wrapper:nth-child(2)
  .feature-details,
#mug-special
  section.hero-features
  .feature-card-wrapper:nth-child(3)
  .feature-details {
  bottom: auto;
  top: 0;
}
#mug-special section.hero-features .card h2 {
  max-width: 20em;
}
#mug-special section.hero-features .card p.title {
  display: none;
}
#mug-special section.hero-features .card .feature-icon {
  margin: calc(var(--base-block-unit) / 2);
  top: auto;
  left: auto;
  height: 4em;
  width: 3em;
}
#mug-special
  section.hero-features
  .feature-card-wrapper:nth-child(2)
  .feature-icon {
  left: 0;
  right: auto;
}
#mug-special section.hero-features .card .dishwasher-safe {
  background: url(assets/core/static/images/mug/icons/icon-dishwasher-safe.svg)
    no-repeat;
  background-size: contain;
}
#mug-special section.hero-features .card .microwave-safe {
  background: url(assets/core/static/images/mug/icons/icon-microwave-safe.svg)
    no-repeat;
  background-size: contain;
}
#mug-special section.bottom-navigation .card {
  background-color: var(--product-accent-color);
  color: var(--product-background);
}
#mug-special .intro-wrapper .block-details {
  height: var(--fs-block-height);
  top: 40%;
}
#mug-special .intro-wrapper a {
  color: #ffe9c7 !important;
}
#mug-special .intro-wrapper .block-opening-para-wrapper {
  top: auto;
  padding-bottom: var(--base-block-unit);
}
#mug-special .intro-wrapper .fade-in-later {
  animation: fade-in 1s ease 1 forwards;
  -webkit-animation: fade-in 1s ease 1 forwards;
  -moz-animation: fade-in 1 ease 1s forwards;
  animation-delay: 8s;
  -webkit-animation-delay: 8s;
  -moz-animation-delay: 8s;
}
#mug-special
  #details
  .add-component
  .radio-size-wrapper
  input[type="radio"]
  + label
  p.aside {
  color: var(--product-background);
}
#mug-special section.hero-introduction .intro-shot-wrapper img {
  display: none;
}
#mug-special section.hero-introduction {
  padding-bottom: 0;
}
#mug-special section.hero-introduction .intro-shot-wrapper {
  background: url(../../../../core/static/images/heros/mug-hero.jpg) top #a69478;
  background-size: cover;
}
#mug-special section.hero-introduction h2 span {
  font-family: san-serif;
  font-size: 120%;
  vertical-align: baseline;
}
#v {
  --product-background: #f8f9fb;
  --product-accent-color: #1c3142;
  --product-accent-color-alt: #0d1b27;
  --product-image-background-color: #d0bea3;
}
#v #overview p {
  background: var(--product-background);
}
@media only screen and (orientation: portrait) {
  #polo .key-feature {
    background: url(../images/polo/hero-introduction/hero-story-p.jpg) no-repeat
      top;
    background-size: cover;
    padding-top: 125vw;
  }
  #supima-polo .category-hero .picture .pan-shot {
    padding-bottom: 200%;
    /* background: url(../../../../core/static/images/heros/supima-polo-hero-p.jpg) */
    background: url(https://veenkar.com/wp-content/uploads/2023/01/029-scaled.jpg)
      no-repeat 50%;
    background-size: cover;
    animation: slowpan-y 30s ease infinite alternate;
    -webkit-animation: slowpan-y 30s ease infinite alternate;
    -moz-animation: slowpan-y ease 30s alternate infinite;
  }
  #supima-polo .block-details {
    top: auto;
    bottom: 0;
  }
  #polo .hero-story {
    background: url(../../../../core/static/images/heros/classic-polo-mood-p.jpg)
      no-repeat top;
    background-size: cover;
    justify-content: flex-start;
  }
  #polo .hero-story .centered-wrapper {
    margin-top: 16vh;
  }
  #classic-v-mood .category-hero .picture {
    position: relative;
    background: url(../../../../core/static/images/heros/classic-v-mood-p.jpg)
      no-repeat top;
    background-size: cover;
  }
  #classic-v-mood {
    --category-background: #1f1f21;
  }
  #washed-tee .key-feature {
    padding-bottom: calc(var(--base-block-unit) * 1);
  }
  #washed-tee .key-feature video {
    width: 300%;
  }
  #washed .category-hero .picture {
    position: relative;
    background: url(../../../../core/static/images/heros/washed-p.jpg) no-repeat
      top;
    background-size: cover;
  }
  #washed-mood .category-hero .picture {
    position: relative;
    background: url(../../../../core/static/images/heros/washed-mood-p.jpg)
      no-repeat 50%;
    background-size: cover;
  }
  #washed-tee .hero-story {
    background: url(../../../../core/static/images/heros/washed-mood-p.jpg)
      no-repeat top;
    background-size: cover;
  }
  #classic-olive-mood .category-hero .picture {
    position: relative;
    background: url(../../../../core/static/images/heros/classic-olive-freddie-hero-p.jpg)
      no-repeat 50%;
    background-size: cover;
  }
  #classic-mustard-mood .category-hero .picture {
    position: relative;
    background: url(../../../../core/static/images/heros/classic-mustard-hero.jpg)
      no-repeat 50%;
    background-size: cover;
  }
  #henley-hero-bone .category-hero .picture {
    position: relative;
    /* background: url(../../../../core/static/images/heros/henley-bone-hero-p.jpg)
      no-repeat 50%; */
          background: url(https://veenkar.com/wp-content/uploads/2023/01/031-scaled.jpg)
      no-repeat 50%;

    background-size: cover;
  }
  #classic-family .category-hero .picture {
    position: relative;
    background: url(../asset/images/veenkarBlack.jpg)
      no-repeat 50%;
    background-size: cover;
  }
  #waffle-hero .category-hero .picture {
    position: relative;
    background: url(../../../../core/static/images/heros/waffle-hero-p.jpg)
      no-repeat 50%;
    background-size: cover;
  }
  #unithd-23 .category-hero .picture {
    position: relative;
    background: url(../../../../core/static/images/heros/foresthd-mood-p.jpg)
      no-repeat top;
    background-size: cover;
  }
  #march-bombay .category-hero .picture {
    background: url(../../../../core/static/images/heros/bombay-hero-p.jpg)
      no-repeat bottom;
    background-size: cover;
  }
  #unitfl .single-feature-block .card .picture {
    padding-bottom: 125%;
  }
  #sale .live-ticker {
    top: auto;
    bottom: 12vw;
    right: 12vw;
  }
  #towel23 .category-hero .picture {
    background: url(../../../../core/static/images/heros/towel23-p.jpg)
      no-repeat 50%;
    background-size: cover;
  }
  #womens-soldout .category-hero .picture {
    background: url(../../../../core/static/images/heros/womens23-hero-packaging-p.jpg)
      no-repeat top;
    background-size: cover;
  }
  #womens-soldout .category-hero .block-details {
    top: 25%;
  }
  #womens23-mood .category-hero .block-details {
    width: 80%;
    top: 75%;
    left: 10%;
  }
  #womens23-mood .picture .videoWrapper {
    display: flex;
    align-content: center;
    justify-content: center;
  }
  #womens23-mood .picture .videoWrapper video {
    width: auto;
    height: 100%;
  }
  #womens23 .category-hero .picture {
    background: url(../../../../core/static/images/heros/womens23-hero-p.jpg)
      no-repeat 50%;
    background-size: contain;
  }
  #sale23 .hero .picture {
    background: url(../../../../core/static/images/heros/sale-type-hero.jpg)
      no-repeat 50%;
    background-size: cover;
  }
  .category-index-special #tank .hero .picture {
    background: url(../../../../core/static/images/heros/tank-virken.jpg)
      no-repeat 50%;
    background-size: cover;
  }
  .category-index-special #cropped-crew .hero .picture {
    background: url(../../../../core/static/images/heros/cropped-tee-category.jpg)
      no-repeat 50%;
    background-size: cover;
  }
  .category-index-special #waffle-tee .hero .picture {
    background: url(../../../../core/static/images/heros/waffle-tee-virken.jpg)
      no-repeat 50%;
    background-size: cover;
  }
  .category-index-special #all-day-tee .hero .picture {
    background: url(../../../../core/static/images/heros/all-day-tee-hero.jpg)
      no-repeat 50%;
    background-size: cover;
  }
  .category-index-special #flat-pants .hero .picture {
    background: url(../../../../core/static/images/heros/flat-pants-virken.jpg)
      no-repeat 50%;
    background-size: cover;
  }
  .category-index-special #classic-v .hero .picture {
    background: url(../../../../core/static/images/heros/classic-v.jpg)
      no-repeat 50%;
    background-size: cover;
  }
  .category-index-special #hair-wrap .hero .picture {
    background: url(../../../../core/static/images/heros/hair-wrap-box-hero.jpg)
      no-repeat 50%;
    background-size: cover;
  }
  .category-index-special #hammo-shorts .hero .picture {
    background: url(../../../../core/static/images/heros/hammo-shorts-virken.jpg)
      no-repeat 50%;
    background-size: cover;
  }
  .category-index-special #ribbed-shorts .hero .picture {
    background: url(../../../../core/static/images/heros/ribbed-shorts-hero.jpg)
      no-repeat 50%;
    background-size: cover;
  }
  .category-index-special #super-cropped-tee .hero .picture {
    background: url(../../../../core/static/images/heros/super-cropped-tee-mood.jpg)
      no-repeat 50%;
    background-size: cover;
  }
  .category-index-special #polo-dress .hero .picture {
    background: url(../../../../core/static/images/heros/polo-dress-hero.jpg)
      no-repeat 50%;
    background-size: cover;
  }
  .category-index-special #v .hero .picture {
    background: url(../../../../core/static/images/heros/classic-v.jpg)
      no-repeat 50%;
  }
  .category-index-special #polo .hero .picture {
    background: url(../asset/images/veenkarBlack.jpg)
      no-repeat 50%;
    background-size: cover;
  }
  .category-index-special #unithd .hero .picture {
    background: url(../../../../core/static/images/heros/category-wide/unit-hd-category.jpg)
      no-repeat 50%;
    background-size: cover;
  }
  .category-index-special #superhd .hero .picture {
    background: url(../../../../core/static/images/heros/shd-hero.jpg) no-repeat
      50%;
    background-size: cover;
  }
  .category-index-special #unitfl .hero .picture {
    background: url(../../../../core/static/images/heros/category-wide/unitfl-hero.jpg)
      no-repeat 50%;
    background-size: cover;
  }
  .category-index-special #tee .hero .picture {
    background: url(../asset/images/veenkarBlue.jpg)
      no-repeat 50%;
    background-size: cover;
  }
  .category-index-special #washed-tee .hero .picture {
    background: url(../../../../core/static/images/heros/washed-mood.jpg)
      no-repeat 50%;
    background-size: cover;
  }
  .category-index-special #striped-polo .hero .picture {
    background: url(../../../../core/static/images/heros/category-wide/striped-polo-hero.jpg)
      no-repeat 50%;
    background-size: cover;
  }
  .category-index-special #knit-polo .hero .picture {
    background: url(../../../../core/static/images/heros/category-wide/knit-polo-hero.jpg)
      no-repeat 50%;
    background-size: cover;
  }
  .category-index-special #turtleneck .hero .picture {
    background: url(../../../../core/static/images/heros/category-wide/turtleneck-hero.jpg)
      no-repeat 50%;
    background-size: cover;
  }
  .category-index-special #classic-ls .hero .picture {
    background: url(../../../../core/static/images/heros/category-wide/classic-ls-hero.jpg)
      no-repeat 50%;
    background-size: cover;
  }
  .category-index-special #lite .hero .picture {
    background: url(../../../../core/static/images/heros/category-wide/classic-lite-hero.jpg)
      no-repeat 50%;
    background-size: cover;
  }
  .category-index-special #henley .hero .picture {
    background: url(../../../../core/static/images/heros/category-wide/henley-hero.jpg)
      no-repeat 50%;
    background-size: cover;
  }
  .category-index-special #tank-tee .hero .picture {
    background: url(../../../../core/static/images/heros/category-wide/tank-tee-category.jpg)
      no-repeat 50%;
    background-size: cover;
  }
  .category-index-special #v .hero .picture {
    background: url(../../../../core/static/images/heros/classic-v-mood.jpg)
      no-repeat 50%;
    background-size: cover;
  }
  .hammo #hammo-shorts .hero .picture {
    background: url(../../../../core/static/images/heros/category-wide/hammo-shorts-hero.jpg)
      no-repeat 50%;
    background-size: cover;
  }
  .hammo #hammo .hero .picture {
    background: url(../../../../core/static/images/heros/category-wide/hammo-og-hero.jpg)
      no-repeat 50%;
    background-size: cover;
  }
  .hammo #hammo-tracks .hero .picture {
    background: url(../../../../core/static/images/heros/category-wide/hammo-tracks-hero.jpg)
      no-repeat 50%;
    background-size: cover;
  }
  .hammo #hammo-hoodie .hero .picture {
    background: url(../../../../core/static/images/heros/category-wide/hammo-hoodie-hero.jpg)
      no-repeat 50%;
    background-size: cover;
  }
  .hammo #hammo-sport .hero .picture {
    background: url(../../../../core/static/images/heros/category-wide/hammo-sport-hero.jpg)
      no-repeat 50%;
    background-size: cover;
  }
  .essentials #apron .hero .picture,
  .essentials-women #apron .hero .picture {
    background: url(../../../../core/static/images/heros/category-wide/apron-hero.jpg)
      no-repeat 50%;
    background-size: cover;
  }
  .essentials #shorts .hero .picture {
    background: url(../../../../core/static/images/heros/category-wide/shorts-hero.jpg)
      no-repeat 50%;
    background-size: cover;
  }
  .essentials #pyjamas .hero .picture {
    background: url(../../../../core/static/images/heros/category-wide/pyjama-hero.jpg)
      no-repeat 50%;
    background-size: cover;
  }
  .essentials #mug .hero .picture {
    background: url(../../../../core/static/images/heros/category-wide/mug-hero.jpg)
      no-repeat 50%;
    background-size: cover;
  }
  .essentials #mask .hero .picture {
    background: url(../../../../core/static/images/heros/category-wide/mask-hero.jpg)
      no-repeat 50%;
    background-size: cover;
  }
  .essentials #towel .hero .picture,
  .essentials-women #towel .hero .picture {
    background: url(../../../../core/static/images/heros/category-wide/towel-hero.jpg)
      no-repeat 50%;
    background-size: cover;
  }
  #exclusives23-hero .category-hero .picture {
    background: url(../../../../core/static/images/heros/exclusives-hero.jpg)
      no-repeat 50%;
    background-size: cover;
  }
  #exclusives23-mood .category-hero .picture {
    background: url(../../../../core/static/images/heros/exclusives-mood-p.jpg)
      no-repeat 50%;
    background-size: cover;
  }
  #exclusives23-tt .category-hero .picture {
    background: url(../../../../core/static/images/heros/exclusives-tt-p.jpg)
      no-repeat 50%;
    background-size: cover;
  }
  #exclusives23-tt .category-hero .block-details h1 {
    height: 6vh;
  }
  #exclusives23 .knit-polo .picture {
    background: url(../../../../core/static/images/heros/knit-polo-hero-portrait.jpg)
      no-repeat 50%;
    background-size: cover;
  }
  #exclusives23 .striped-polo .picture {
    background: url(../../../../core/static/images/heros/stripped-polo-hero-portrait.jpg)
      no-repeat 50%;
    background-size: cover;
  }
  #exclusives23 .turtleneck .picture {
    background: url(../../../../core/static/images/heros/turtleneck-hero-portrait.jpg)
      no-repeat 50%;
    background-size: cover;
  }
  #exclusives23 section.hero-features .carousal-slide:nth-child(3) {
    -ms-grid-row: 10;
    -ms-grid-row-span: 5;
    grid-row: 10 / span 5;
  }
  #classic-newcol .category-hero .picture {
    background: url(../../../../core/static/images/heros/classic-fd-mood-hero-p.jpg)
      no-repeat 50%;
    background-size: cover;
  }
  #unithd-newcol .category-hero .picture {
    background: url(../../../../core/static/images/heros/unit-hd23-hero-p.jpg)
      no-repeat 50%;
    background-size: cover;
  }
  #hammo-tracks-trims .category-hero .picture {
    background: url(../../../../core/static/images/heros/hammo-trims-hero-p.jpg)
      no-repeat 50%;
    background-size: cover;
  }
  #classic-ls-mood .category-hero .picture {
    background: url(../../../../core/static/images/heros/classic-ls-mood-hero-p.jpg)
      no-repeat 50%;
    background-size: cover;
  }
  #hammo-og-hero .category-hero .block-wrapper .picture {
    background: url(../../../../core/static/images/heros/hammo-og-hero-p-carbon-2.jpg)
      no-repeat 50%;
    background-size: cover;
  }
  #hammo-trims-drawcord-product-hero .category-hero .block-wrapper .picture {
    background: url(../../../../core/static/images/heros/hammo-trims-drawcords-hero-p.jpg)
      no-repeat 50%;
    background-size: cover;
  }
  #unitfl-mood {
    --category-background: #6b442a;
  }
  #unitfl-mood .category-hero .block-wrapper .picture {
    background: url(../../../../core/static/images/heros/unitfl-hero-p.jpg)
      no-repeat 50%;
    background-size: cover;
  }
  #hoodie-hero .category-hero .picture {
    background: url(../../../../core/static/images/heros/denim-white-hoodie-hero-p.jpg)
      no-repeat bottom;
    background-size: cover;
  }
  #hoodie-product-hero .category-hero .picture {
    background: url(../../../../core/static/images/heros/rust-hoodie-hero-p.jpg)
      no-repeat bottom;
    background-size: cover;
  }
  #hammo-hoodie .hero-story {
    background: url(../../../../core/static/images/heros/denim-white-hoodie-prod-hero-p.jpg)
      no-repeat 50%;
    background-size: cover;
  }
  #hammo-og .hero-story {
    background: url(../../../../core/static/images/heros/hammo-family-p.jpg)
      no-repeat bottom;
    background-size: cover;
  }
  #timeless-classics-mood .category-hero .picture,
  #timeless-classics .category-hero .picture,
  #timeless-ls .category-hero .picture {
    background: url(../../../../core/static/images/heros/classic-ls-timeless-p.jpg)
      no-repeat bottom;
    background-size: cover;
  }
  #classics-fd-22 .category-hero .picture {
    background: url(../../../../core/static/images/heros/classic-fd-mood-hero-p.jpg)
      no-repeat bottom;
    background-size: cover;
  }
  #lite .single-feature-block .card .picture {
    background: url(../images/lite/hero-features/men/feature-1-portrait.jpg)
      no-repeat bottom;
    background-size: cover;
  }
  #lite-mood-hero .category-hero .picture {
    background: url(../../../../core/static/images/heros/lite-mood-hero-p.jpg)
      no-repeat bottom;
    background-size: cover;
  }
  #lite-hero .category-hero .picture {
    background: url(../../../../core/static/images/heros/lite-hero-p.jpg)
      no-repeat 50%;
    background-size: cover;
  }
  #lite-hero.blue .category-hero .picture {
    background: url(../../../../core/static/images/heros/lite-blue-hero-p.jpg)
      no-repeat 50%;
    background-size: cover;
  }
  #lite-hero.pink .category-hero .picture {
    background: url(../../../../core/static/images/heros/lite-pink-hero-p.jpg)
      no-repeat 50%;
    background-size: cover;
  }
  #olive-henley-hero .category-hero .picture {
    background: url(../../../../core/static/images/heros/olive-henley-mood-hero-p.jpg)
      no-repeat top;
    background-size: cover;
  }
  #henley-hero .category-hero .picture {
    background: url(../../../../core/static/images/heros/henley-mood-hero-p.jpg)
      no-repeat bottom;
    background-size: cover;
  }
  #back-to-tees .category-hero .picture {
    background: url(../../../../core/static/images/heros/olive-tt-p.jpg)
      no-repeat bottom;
    background-size: contain;
  }
  #back-to-tees.henley .category-hero .picture {
    background: url(../../../../core/static/images/heros/classic-henley-hanger-hero-p.jpg)
      no-repeat bottom;
    background-size: contain;
  }
  #back-to-tees .category-hero .picture {
    height: calc(var(--fs-block-height) * 1.125);
  }
  #tank-tee-tt .category-hero .picture {
    position: relative;
    background: url(../../../../core/static/images/heros/tank-tee-tt-hero-p.jpg)
      no-repeat bottom;
    background-size: cover;
  }
  #tank-tee-tt .category-hero .block-details {
    top: 25%;
  }
  #picnic .category-hero .picture {
    position: relative;
    background: url(../../../../core/static/images/heros/picnic-hero.jpg)
      no-repeat bottom;
    background-size: cover;
  }
  #picnic.blocks1x2 .hd .picture {
    background: url(../../../../core/static/images/heros/picnic-hd-card-large-p.jpg)
      no-repeat 50%;
    background-size: cover;
  }
  #picnic.blocks1x2 .shorts .picture {
    background: url(../../../../core/static/images/heros/picnic-shorts-card-large-p.jpg)
      no-repeat 50%;
    background-size: cover;
  }
  #unithd-fd {
    --category-background: #2b8cbf;
  }
  #unithd-fd .category-hero .picture {
    position: relative;
    background: url(../../../../core/static/images/heros/unithd-fd-hero-p.jpg)
      no-repeat bottom;
    background-size: cover;
  }
  #unitmx-2 .category-hero .picture {
    position: relative;
    background: url(../../../../core/static/images/heros/mx-light-hero-p.jpg)
      no-repeat bottom;
    background-size: cover;
  }
  #tank-top-caramel .category-hero .picture {
    background: url(../../../../core/static/images/heros/tank-top-caramel-p.jpg)
      no-repeat bottom;
    background-size: cover;
  }
  #sale #swVid {
    margin: 0 auto;
    display: block;
    width: 100%;
  }
  #cropped-crew-hero .category-hero .picture {
    position: relative;
    background: url(../../../../core/static/images/heros/cropped-crew-hero-sara-p.jpg)
      #fff no-repeat bottom;
    background-size: cover;
  }
  #apron section.hero-introduction .intro-shot-wrapper {
    padding-bottom: 150%;
    background: url(../images/apron/hero-introduction/unisex/apron-tabletop.jpg)
      top #fbfbfb no-repeat;
    background-size: cover;
  }
  #unithd-22-col .category-hero .picture {
    position: relative;
    background: url(../../../../core/static/images/heros/unithd-olive-hero-p.jpg)
      #fff no-repeat bottom;
    background-size: cover;
  }
  #boxcrew-mc .category-hero .picture {
    position: relative;
    background: url(../../../../core/static/images/heros/boxcrew-mc-hero-p.jpg)
      #211303 no-repeat bottom;
    background-size: cover;
  }
  #unitmx #features .floating-element-wrapper {
    width: 80%;
    border-width: 2px;
    top: calc(var(--base-block-unit) * 1.5);
    left: 0;
    right: 0;
    margin: 0 auto;
  }
  #unitmx .single-feature-block .card .picture {
    background: url(../images/unitmx/hero-features/men/feature-1-portrait.jpg)
      no-repeat bottom;
    background-size: cover;
  }
  .grid-features
    #unitmx
    section.hero-features
    .carousal-slide:first-child
    .picture
    img {
    width: 150%;
  }
  #classic-tee-black .category-hero .picture {
    background: url(../../../../core/static/images/heros/classic-tee-black-portrait.jpg)
      no-repeat bottom;
    background-size: cover;
  }
  #mx-tease {
    --category-background: #efd9b6;
  }
  #fom-custom .picture {
    width: 100%;
    padding-bottom: 144%;
    background: url(../../../../core/static/images/heros/fom-hero-portrait.jpg)
      no-repeat bottom;
    background-size: cover;
  }
  #fom .category-hero .picture {
    background: url(../../../../core/static/images/heros/fom-grid-portrait.jpg)
      no-repeat bottom;
    background-size: cover;
  }
  #fom .picture {
    display: flex;
    align-items: center;
  }
  #hammo-shorts-alt .category-hero .picture {
    background: url(../../../../core/static/images/heros/shorts-hero-alt-portrait.jpg)
      no-repeat bottom;
    background-size: cover;
  }
  #classic-tee .category-hero .picture {
    background: url(../../../../core/static/images/heros/classic-tee-denim-blue-portrait.jpg)
      no-repeat bottom;
    background-size: cover;
  }
  #sleepwear .category-hero .picture {
    background: url(../../../../core/static/images/heros/sleep-set-couple-portrait.jpg)
      #cbc4b5 no-repeat bottom;
    background-size: cover;
  }
  #mug-special section.hero-introduction .intro-shot-wrapper {
    padding-bottom: 155.55%;
  }
  #mug-special section.hero-features .carousal-slide:first-child {
    -ms-grid-column: 1;
    -ms-grid-column-span: 12;
    grid-column: 1 / span 12;
    -ms-grid-row: 1;
    -ms-grid-row-span: 4;
    grid-row: 1 / span 4;
  }
  #mug-special section.hero-features .carousal-slide:nth-child(2) {
    -ms-grid-column: 2;
    -ms-grid-column-span: 11;
    grid-column: 2 / span 11;
    -ms-grid-row: 5;
    -ms-grid-row-span: 4;
    grid-row: 5 / span 4;
  }
  #mug-special section.hero-features .carousal-slide:nth-child(3) {
    -ms-grid-column: 1;
    -ms-grid-column-span: 11;
    grid-column: 1 / span 11;
    -ms-grid-row: 9;
    -ms-grid-row-span: 5;
    grid-row: 9 / span 5;
  }
  .star h1 {
    font-size: 65px;
  }
  .star h1,
  .star h2 {
    line-height: 50px;
    letter-spacing: 0.01em;
    text-shadow: 0 4px 40px rgba(0, 0, 0, 0.25);
  }
  .star h2 {
    padding: 0 30px;
    font-size: 34px !important;
    text-align: center;
    background: -webkit-linear-gradient(#fff, #fcece2);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
  .star h2:before {
    content: "All-new tees for women. There’s something classic, something casual and something for home.";
  }
  #home-tee section.hero-introduction .intro-shot-wrapper,
  #pyjamas section.hero-introduction .intro-shot-wrapper,
  #shorts section.hero-introduction .intro-shot-wrapper,
  #sleep-set section.hero-introduction .intro-shot-wrapper,
  #sleep-tee section.hero-introduction .intro-shot-wrapper,
  #tank-tee section.hero-introduction .intro-shot-wrapper {
    max-width: none;
    padding-bottom: 150%;
    background: url(../../../../core/static/images/heros/sleepwear-hero-2-p.jpg)
      50%;
    background-size: cover;
  }
  #half-price .hero-wrapper {
    width: 80%;
    max-width: none;
  }
  #shorts-men {
    display: none;
  }
  #shorts-women {
    display: block;
  }
  #unithd[data-group="olive"][data-style="men"]
    .carousal-slide:nth-child(2)
    img {
    right: 0 !important;
    left: auto !important;
    transform: translateZ(0) !important;
  }
  #boxcrew[data-group="safari"] .carousal-slide:first-child img {
    right: auto !important;
    left: 0 !important;
    transform: translateZ(0) !important;
  }
  #boxcrew[data-group="midnight-navy"] .carousal-slide:nth-child(2) img {
    left: 75% !important;
  }
  #tank[data-group="moss"] .carousal-slide:nth-child(2) img {
    right: 0 !important;
    left: auto !important;
    transform: translateZ(0) !important;
  }
  #tank[data-group="burnt-olive"] .carousal-slide:first-child img {
    left: 25% !important;
  }
  #home-tee[data-group="mint-green"] .carousal-slide:first-child img {
    left: 25%;
  }
  #home-tee[data-group="clay"] .carousal-slide:first-child img {
    right: 0 !important;
    left: auto !important;
    transform: translateZ(0) !important;
  }
  #shorts[data-group="ribbon-blue"] .carousal-slide:first-child img {
    left: 25%;
  }
  #tee[data-group="millet"] .carousal-slide:nth-child(2) img {
    left: 75%;
  }
  #tee.men[data-group="natural"] .carousal-slide:first-child img {
    right: 0 !important;
    left: auto !important;
    transform: translateZ(0) !important;
  }
  #tee[data-group="classic-black"] .carousal-slide:nth-child(2) img {
    left: 30%;
  }
  #tee.women[data-group="denim-black"] .carousal-slide:first-child img {
    left: 75%;
  }
  #boxcrew[data-group="burnt-olive"] .carousal-slide:nth-child(2) img,
  #sleep-tee[data-group="clay"][data-style="women"]
    .carousal-slide:first-child
    img,
  #sleep-tee[data-group="mint-green"][data-style="women"]
    .carousal-slide:first-child
    img {
    right: 0 !important;
    left: auto !important;
    transform: translateZ(0) !important;
  }
  #unithd.men[data-group="deep-sea-green"] .carousal-slide:nth-child(2) img,
  #unitpq[data-group="pixel-green"] .carousal-slide:first-child img {
    right: auto !important;
    left: 0 !important;
    transform: translateZ(0) !important;
  }
  #pullover[data-group="sport-stripes"] .hero-story {
    background: url(../images/pullover/variants/men/pullover-sport-stripes-story-portrait.html)
      50% #0b0a0e;
    background-size: cover;
  }
  #pullover[data-group="classic-stripes"] .hero-story {
    background: url(../images/pullover/variants/men/pullover-classic-stripes-story-portrait.jpg)
      50% #0b0a0e;
    background-size: cover;
  }
  #pullover[data-group="sage-green"] .hero-story {
    background: url(../images/pullover/variants/men/pullover-sage-green-story-portrait.jpg)
      50% #0b0a0e;
    background-size: cover;
  }
  #pyjamas .introduction .aside-wrapper-book {
    width: 20%;
  }
  #home-tee .introduction .aside-wrapper,
  #pyjamas .introduction .aside-wrapper {
    width: 20%;
    right: 0;
  }
  #home-tee .introduction .aside-wrapper-book {
    width: 16%;
  }
  #home-tee .introduction .aside-wrapper {
    bottom: 0;
    left: 0;
  }
  #home-tee img.pairing,
  #pyjamas img.pairing {
    margin-top: 2.5em;
  }
  #pyjamas .length-hero {
    padding-bottom: 150% !important;
  }
  #unithd #features .introduction .hero-tee-wrapper {
    width: 100%;
    padding-top: 20%;
  }
  #unithd #features .introduction .hero-wrapper {
    padding-top: 20%;
  }
  #unithd #features .sketch .caption {
    left: auto;
    right: calc(var(--base-block-unit) / 4);
  }
  #home-tee #features .custom-grid .shot.fabric-hero,
  #pyjamas #features .custom-grid .shot.wide,
  #unithd #features .custom-grid .shot.wide {
    width: 100%;
    padding-bottom: 125%;
  }
  .men #unithd #features .details-hero {
    background: url(../images/unithd/hw-details-men-portrait.jpg) #856b6e
      no-repeat;
    background-size: cover;
  }
  .women #unithd #features .details-hero {
    background: url(../images/unithd/hw-details-women-portrait.jpg) #856b6e
      no-repeat;
    background-size: cover;
  }
  #unithd #features .cta {
    padding: calc(var(--base-block-unit) * 3) 0;
  }
  #mask.product .hero {
    height: 86vh;
    background-position: 50%;
  }
  #mask #features .design-hero {
    padding-bottom: 125%;
  }
  #mask #features .organic-hero {
    padding-bottom: 150%;
    background: url(../images/mask/mask-organic-portrait.jpg) #afaea7 no-repeat
      50%;
    background-size: cover;
  }
  #unitpq #hero .picture {
    background: url(../images/unitpq/hero-portrait.jpg) 50%;
    background-size: cover;
  }
  #unitpq #features .do-more .feature-shot.aside {
    width: 40%;
    left: -10%;
  }
  #unitpq #features .unit-logo-wrapper {
    top: 40%;
  }
  #unitpq #features .introduction .tiny-guys {
    flex-direction: column;
    justify-content: flex-start;
  }
  #unitpq #features .feature-shot {
    height: 100vh;
  }
  #unitpq #features .feature .shot {
    padding-bottom: 225% !important;
  }
  #unitpq #features .ender-shot-wrapper .shot {
    padding-bottom: 75%;
  }
  #lintroller #hero .picture {
    background: url(../images/lintroller/lintroller-hero-portrait.jpg) top;
    background-size: cover;
  }
  #lintroller
    .tech-specs-graphic-wrapper
    #lintroller
    .tech-specs-graphic-wrapper {
    width: 120%;
    left: -10%;
  }
  #lintroller .tech-specs-graphic {
    transform: rotate(-90deg);
  }
  #lintroller .specifications {
    position: absolute;
    top: 200%;
  }
  #hammo #hero .picture {
    background: url(../../../../core/static/images/heros/hero-ashlin-hammonavy-portrait.jpg)
      50% #978a77;
    background-size: cover;
  }
  #hammo #fabric .wide-shot-wrapper,
  #hammo .feature .col-md-6 .column-wrap {
    padding: 0;
  }
  #hammo #hammo-fit .shot-wrapper .fit-shot.one,
  #hammo #hammo-fit .shot-wrapper .fit-shot.three,
  #hammo #hammo-fit .shot-wrapper .fit-shot.two {
    background-position: top !important;
  }
  #hammo #hammo-fit .shot-wrapper {
    padding-bottom: 100%;
  }
  #hammo #hammo-fit .shot-wrapper .edge-fade {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    padding-bottom: 100%;
    z-index: 1;
  }
  #hammo #hammo-fit.men .edge-fade {
    background: #171c2f;
    background: -moz-linear-gradient(
      180deg,
      rgba(23, 28, 47, 0) 0,
      #171c2f 100%
    );
    background: -webkit-linear-gradient(180deg, rgba(23, 28, 47, 0), #171c2f);
    background: linear-gradient(180deg, rgba(23, 28, 47, 0), #171c2f);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#171c2f",endColorstr="#171c2f",GradientType=1);
  }
  #hammo #hammo-fit.women .edge-fade {
    background: url(../images/hammo/edge-fade-w.html) repeat-x bottom;
    background-size: contain;
    -webkit-background-size: contain;
    -moz-background-size: contain;
  }
  #hammo #hammo-fit .fit-contents {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    padding: 2em 3em 4em;
  }
}
@media only screen and (orientation: landscape) {
  #polo .key-feature {
    background: url(../images/polo/hero-introduction/hero-story.jpg) no-repeat
      top;
    background-size: contain;
    padding-top: 50vw;
  }
  #supima-polo .category-hero .picture .pan-shot {
    padding-bottom: 100%;
    background: url(https://veenkar.com/wp-content/uploads/2023/01/029-scaled.jpg)
      no-repeat 50%;
    background-size: cover;
  }
  #polo .hero-story {
    background: url(../../../../core/static/images/heros/classic-polo-mood.jpg)
      no-repeat top;
    background-size: cover;
  }
  #classic-v-mood .category-hero .picture {
    position: relative;
    background: url(../../../../core/static/images/heros/classic-v-mood.jpg)
      no-repeat top;
    background-size: cover;
  }
  #washed .category-hero .picture {
    position: relative;
    background: url(../../../../core/static/images/heros/washed.jpg) no-repeat
      50%;
    background-size: cover;
  }
  #washed-mood .category-hero .picture {
    position: relative;
    background: url(../../../../core/static/images/heros/washed-mood.jpg)
      no-repeat 50%;
    background-size: cover;
  }
  #washed-tee .hero-story {
    background: url(../../../../core/static/images/heros/washed-mood.jpg)
      no-repeat top;
    background-size: cover;
  }
  #classic-olive-mood .category-hero .picture {
    position: relative;
    background: url(../../../../core/static/images/heros/classic-olive-freddie-hero.jpg)
      no-repeat 50%;
    background-size: cover;
  }
  #classic-mustard-mood .category-hero .picture {
    position: relative;
    background: url(../../../../core/static/images/heros/classic-mustard-hero.jpg)
      no-repeat 50%;
    background-size: cover;
  }
  #henley-hero-bone .category-hero .picture {
    position: relative;

    /* background: url(../../../../core/static/images/heros/henley-bone-hero.jpg)
      no-repeat 50%; */
    background: url(../../../hero-shop/static/images/bg1.png)
      no-repeat 50%;
    background-size: cover;
  }
  #classic-family .category-hero .picture {
    position: relative;
    background: url(../asset/images/veenkarBlack.jpg)
      no-repeat 50%;
    background-size: cover;
  }
  #waffle-hero .category-hero .picture {
    position: relative;
    background: url(../../../../core/static/images/heros/waffle-hero.jpg)
      no-repeat 50%;
    background-size: cover;
  }
  #unithd-23 .category-hero .picture {
    position: relative;
    background: url(../../../../core/static/images/heros/foresthd-mood.jpg)
      no-repeat top;
    background-size: cover;
  }
  #march-bombay .category-hero .picture {
    background: url(../../../../core/static/images/heros/bombay-hero.jpg)
      no-repeat bottom;
    background-size: cover;
  }
  #towel23 .category-hero .picture {
    background: url(../../../../core/static/images/heros/towel23.jpg) no-repeat
      50%;
    background-size: cover;
  }
  #womens-soldout .category-hero .picture {
    background: url(../../../../core/static/images/heros/womens23-hero-packaging.jpg)
      no-repeat 50%;
    background-size: cover;
  }
  #womens23-mood .category-hero .picture {
    background: url(../../../../core/static/images/heros/women-l2-hero.jpg)
      no-repeat top;
    background-size: cover;
  }
  #womens23 .category-hero .picture {
    background: url(../../../../core/static/images/heros/womens23-hero.jpg)
      no-repeat 50%;
    background-size: contain;
  }
  #sale23 .hero .picture {
    background: url(../../../../core/static/images/heros/sale-type-hero-p.jpg)
      no-repeat 50%;
    background-size: cover;
  }
  .category-index-special #tank .hero .picture {
    background: url(../../../../core/static/images/heros/tank-virken-p.jpg)
      no-repeat 50%;
    background-size: cover;
  }
  .category-index-special #cropped-crew .hero .picture {
    background: url(../../../../core/static/images/heros/cropped-tee-category-p.jpg)
      no-repeat 50%;
    background-size: cover;
  }
  .category-index-special #waffle-tee .hero .picture {
    background: url(../../../../core/static/images/heros/waffle-tee-virken-p.jpg)
      no-repeat 50%;
    background-size: cover;
  }
  .category-index-special #all-day-tee .hero .picture {
    background: url(../../../../core/static/images/heros/all-day-tee-hero-p.jpg)
      no-repeat 50%;
    background-size: cover;
  }
  .category-index-special #flat-pants .hero .picture {
    background: url(../../../../core/static/images/heros/flat-pants-virken-p.jpg)
      no-repeat 50%;
    background-size: cover;
  }
  .category-index-special #classic-v .hero .picture {
    background: url(../../../../core/static/images/heros/classic-v-p.jpg)
      no-repeat 50%;
    background-size: cover;
  }
  .category-index-special #hair-wrap .hero .picture {
    background: url(../../../../core/static/images/heros/hair-wrap-box-hero-p.jpg)
      no-repeat 50%;
    background-size: cover;
  }
  .category-index-special #hammo-shorts .hero .picture {
    background: url(../../../../core/static/images/heros/hammo-shorts-virken-p.jpg)
      no-repeat 50%;
    background-size: cover;
  }
  .category-index-special #ribbed-shorts .hero .picture {
    background: url(../../../../core/static/images/heros/ribbed-shorts-hero-p.jpg)
      no-repeat 50%;
    background-size: cover;
  }
  .category-index-special #super-cropped-tee .hero .picture {
    background: url(../../../../core/static/images/heros/super-cropped-tee-mood-p.jpg)
      no-repeat 50%;
    background-size: cover;
  }
  .category-index-special #polo-dress .hero .picture {
    background: url(../../../../core/static/images/heros/polo-dress-hero-p.jpg)
      no-repeat 50%;
    background-size: cover;
  }
  .category-index-special #v .hero .picture {
    background: url(../../../../core/static/images/heros/classic-v-p.jpg)
      no-repeat 50%;
  }
  .category-index-special #unithd .hero .picture {
    background: url(../../../../core/static/images/heros/unit-hd-category-p.jpg)
      no-repeat 50%;
    background-size: cover;
  }
  .category-index-special #superhd .hero .picture {
    background: url(../../../../core/static/images/heros/shd-hero-p.jpg)
      no-repeat 50%;
    background-size: cover;
  }
  .category-index-special #unitfl .hero .picture {
    background: url(../../../../core/static/images/heros/unitfl-jeet-hero-p.jpg)
      no-repeat 50%;
    background-size: cover;
  }
  .category-index-special #tee .hero .picture {
    background: url(../asset/images/veenkarBlue.jpg)
      no-repeat 50%;
    background-size: cover;
  }
  .category-index-special #washed-tee .hero .picture {
    background: url(../../../../core/static/images/heros/washed-mood-p.jpg)
      no-repeat 50%;
    background-size: cover;
  }
  .category-index-special #striped-polo .hero .picture {
    background: url(../../../../core/static/images/heros/striped-polo-hero-p.jpg)
      no-repeat 50%;
    background-size: cover;
  }
  .category-index-special #knit-polo .hero .picture {
    background: url(../../../../core/static/images/heros/knit-polo-hero-p.jpg)
      no-repeat 50%;
    background-size: cover;
  }
  .category-index-special #turtleneck .hero .picture {
    background: url(../../../../core/static/images/heros/turtleneck-hero-p.jpg)
      no-repeat 50%;
    background-size: cover;
  }
  .category-index-special #classic-ls .hero .picture {
    background: url(../../../../core/static/images/heros/classic-ls-hero-p.jpg)
      no-repeat 50%;
    background-size: cover;
  }
  .category-index-special #lite .hero .picture {
    background: url(../../../../core/static/images/heros/classic-lite-hero-p.jpg)
      no-repeat 50%;
    background-size: cover;
  }
  .category-index-special #henley .hero .picture {
    background: url(../../../../core/static/images/heros/henley-hero-p.jpg)
      no-repeat 50%;
    background-size: cover;
  }
  .category-index-special #tank-tee .hero .picture {
    background: url(../../../../core/static/images/heros/tank-tee-category-p.jpg)
      no-repeat 50%;
    background-size: cover;
  }
  .category-index-special #v .hero .picture {
    background: url(../../../../core/static/images/heros/classic-v-mood-p.jpg)
      no-repeat 50%;
    background-size: cover;
  }
  .category-index-special #polo .hero .picture {
    /* background: url(../asset/images/veenkarBlack.jpg)
      no-repeat 50%;
    background-size: cover; */
  }
  .hammo #hammo-shorts .hero .picture {
    background: url(../../../../core/static/images/heros/hammo-shorts-hero-p.jpg)
      no-repeat 50%;
    background-size: cover;
  }
  .hammo #hammo .hero .picture {
    background: url(../../../../core/static/images/heros/hammo-og-hero-p.jpg)
      no-repeat 50%;
    background-size: cover;
  }
  .hammo #hammo-tracks .hero .picture {
    background: url(../../../../core/static/images/heros/hammo-tracks-hero-p.jpg)
      no-repeat 50%;
    background-size: cover;
  }
  .hammo #hammo-sport .hero .picture {
    background: url(../../../../core/static/images/heros/hammo-sport-hero-p.jpg)
      no-repeat 50%;
    background-size: cover;
  }
  .hammo #hammo-hoodie .hero .picture {
    background: url(../../../../core/static/images/heros/hammo-hoodie-hero-p.jpg)
      no-repeat 50%;
    background-size: cover;
  }
  .essentials #apron .hero .picture,
  .essentials-women #apron .hero .picture {
    background: url(../../../../core/static/images/heros/apron-hero-p.jpg)
      no-repeat 50%;
    background-size: cover;
  }
  .essentials #shorts .hero .picture {
    background: url(../../../../core/static/images/heros/shorts-hero-p.jpg)
      no-repeat 50%;
    background-size: cover;
  }
  .essentials #pyjamas .hero .picture {
    background: url(../../../../core/static/images/heros/pyjama-hero-p.jpg)
      no-repeat 50%;
    background-size: cover;
  }
  .essentials #mug .hero .picture {
    background: url(../../../../core/static/images/heros/mug-hero-p.jpg)
      no-repeat 50%;
    background-size: cover;
  }
  .essentials #mask .hero .picture {
    background: url(../../../../core/static/images/heros/mask-hero-p.jpg)
      no-repeat 50%;
    background-size: cover;
  }
  .essentials #towel .hero .picture,
  .essentials-women #towel .hero .picture {
    background: url(../../../../core/static/images/heros/towel-hero-p.jpg)
      no-repeat 50%;
    background-size: cover;
  }
  #exclusives23-hero .category-hero .picture {
    background: url(../../../../core/static/images/heros/exclusives-hero.jpg)
      no-repeat top;
    background-size: cover;
  }
  #exclusives23-mood .category-hero .picture {
    background: url(../../../../core/static/images/heros/exclusives-mood.jpg)
      no-repeat 50%;
    background-size: cover;
  }
  #exclusives23-tt .category-hero .picture {
    background: url(../../../../core/static/images/heros/exclusives-tt.jpg)
      no-repeat 50%;
    background-size: cover;
  }
  #exclusives23 .knit-polo .picture {
    background: url(../../../../core/static/images/heros/knit-polo-hero.jpg)
      no-repeat 50%;
    background-size: cover;
  }
  #exclusives23 .striped-polo .picture {
    background: url(../../../../core/static/images/heros/stripped-polo-hero.jpg)
      no-repeat top;
    background-size: cover;
  }
  #exclusives23 .turtleneck .picture {
    background: url(../../../../core/static/images/heros/turtleneck-hero.jpg)
      no-repeat 50%;
    background-size: cover;
  }
  #classic-newcol .category-hero .picture {
    background: url(../../../../core/static/images/heros/classic-fd-mood-hero.jpg)
      no-repeat 50%;
    background-size: cover;
  }
  #unithd-newcol .category-hero .picture {
    background: url(../../../../core/static/images/heros/unit-hd23-hero.jpg)
      no-repeat 50%;
    background-size: cover;
  }
  #hammo-tracks-trims .category-hero .picture {
    background: url(../../../../core/static/images/heros/hammo-trims-hero.jpg)
      no-repeat 50%;
    background-size: cover;
  }
  #classic-ls-mood .category-hero .picture {
    background: url(../../../../core/static/images/heros/classic-ls-mood-hero.jpg)
      no-repeat 50%;
    background-size: cover;
  }
  #hammo-og-hero .category-hero .block-wrapper .picture {
    background: url(../../../../core/static/images/heros/hammo-og-hero-carbon-2.jpg)
      no-repeat 50%;
    background-size: cover;
  }
  #hammo-trims-drawcord-product-hero .category-hero .block-wrapper .picture {
    background: url(../../../../core/static/images/heros/hammo-trims-drawcords-hero.jpg)
      no-repeat 50%;
    background-size: cover;
  }
  #unitfl-mood .category-hero .block-wrapper .picture {
    background: url(../../../../core/static/images/heros/unitfl-hero.jpg)
      no-repeat top;
    background-size: cover;
  }
  #hoodie-hero .category-hero .picture {
    background: url(../../../../core/static/images/heros/denim-white-hoodie-hero.jpg)
      no-repeat bottom;
    background-size: cover;
  }
  #hoodie-product-hero .category-hero .picture {
    background: url(../../../../core/static/images/heros/rust-hoodie-hero.jpg)
      no-repeat bottom;
    background-size: cover;
  }
  #hammo-hoodie .hero-story {
    background: url(../../../../core/static/images/heros/denim-white-hoodie-prod-hero.jpg)
      no-repeat 50%;
    background-size: cover;
  }
  #hammo-og .hero-story {
    background: url(../../../../core/static/images/heros/hammo-family.jpg)
      no-repeat bottom;
    background-size: cover;
  }
  #timeless-classics .category-hero .picture,
  #timeless-ls .category-hero .picture {
    height: calc(var(--fs-block-height) * 1.5);
    background: url(../../../../core/static/images/heros/classic-ls-timeless.jpg)
      no-repeat bottom;
    background-size: cover;
  }
  #timeless-classics-mood .category-hero .picture {
    background: url(../../../../core/static/images/heros/classic-ls-timeless-landscape.jpg)
      no-repeat bottom;
    background-size: cover;
  }
  #classics-fd-22 .category-hero .picture {
    background: url(../../../../core/static/images/heros/classic-fd-mood-hero.jpg)
      no-repeat bottom;
    background-size: cover;
  }
  #lite .single-feature-block .card .picture {
    background: url(../images/lite/hero-features/men/feature-1.jpg) no-repeat
      100% 100%;
    background-size: cover;
  }
  #lite-mood-hero .category-hero .picture {
    background: url(../../../../core/static/images/heros/lite-mood-hero.jpg)
      no-repeat bottom;
    background-size: cover;
  }
  #lite-hero .category-hero .picture {
    background: url(../../../../core/static/images/heros/lite-hero.jpg)
      no-repeat 50%;
    background-size: cover;
  }
  #lite-hero.blue .category-hero .picture {
    background: url(../../../../core/static/images/heros/lite-blue-hero.jpg)
      no-repeat 50%;
    background-size: cover;
  }
  #lite-hero.pink .category-hero .picture {
    background: url(../../../../core/static/images/heros/lite-pink-hero.jpg)
      no-repeat 50%;
    background-size: cover;
  }
  #olive-henley-hero .category-hero .picture {
    background: url(../../../../core/static/images/heros/olive-henley-mood-hero.jpg)
      no-repeat bottom;
    background-size: cover;
  }
  #henley-hero .category-hero .picture {
    background: url(../../../../core/static/images/heros/henley-mood-hero.jpg)
      no-repeat bottom;
    background-size: cover;
  }
  #back-to-tees .category-hero .picture {
    background: url(../../../../core/static/images/heros/olive-tt.jpg) no-repeat
      bottom;
    background-size: cover;
  }
  #back-to-tees.henley .category-hero .picture {
    background: url(../../../../core/static/images/heros/classic-henley-hanger-hero.jpg)
      no-repeat bottom;
    background-size: contain;
  }
  #back-to-tees .category-hero .picture {
    height: calc(var(--fs-block-height) * 1.25);
  }
  #tank-tee-tt .category-hero .picture {
    position: relative;
    background: url(../../../../core/static/images/heros/tank-tee-tt-hero.jpg)
      no-repeat bottom;
    background-size: cover;
  }
  #picnic .category-hero .picture {
    position: relative;
    background: url(../../../../core/static/images/heros/picnic-hero-p.jpg)
      no-repeat bottom;
    background-size: cover;
  }
  #unithd-fd {
    --category-background: #a93629;
  }
  #unithd-fd .category-hero .picture {
    position: relative;
    background: url(../../../../core/static/images/heros/unithd-fd-hero.jpg)
      no-repeat bottom;
    background-size: cover;
  }
  #unitmx-2 .category-hero .picture {
    position: relative;
    background: url(../../../../core/static/images/heros/mx-light-hero.jpg)
      no-repeat bottom;
    background-size: cover;
  }
  #tank-top-caramel .category-hero .picture {
    background: url(../../../../core/static/images/heros/tank-top-caramel.jpg)
      no-repeat bottom;
    background-size: cover;
  }
  #sale #swVid {
    margin: 0 auto;
    display: block;
    height: 100%;
  }
  #cropped-crew-hero .category-hero .picture {
    position: relative;
    background: url(../../../../core/static/images/heros/cropped-crew-hero-sara.jpg)
      #fff no-repeat bottom;
    background-size: cover;
  }
  #unithd-22-col .category-hero .picture {
    position: relative;
    background: url(../../../../core/static/images/heros/unithd-olive-hero.jpg)
      #fff no-repeat bottom;
    background-size: cover;
  }
  #boxcrew-mc .category-hero .picture {
    position: relative;
    background: url(../../../../core/static/images/heros/boxcrew-mc-hero.jpg)
      #211303 no-repeat bottom;
    background-size: cover;
  }
  #unitmx .single-feature-block .card .picture {
    background: url(../images/unitmx/hero-features/men/feature-1.jpg) no-repeat
      bottom;
    background-size: cover;
  }
  #classic-tee-black .category-hero .picture {
    background: url(../../../../core/static/images/heros/classic-tee-black.jpg)
      no-repeat bottom;
    background-size: cover;
  }
  #fom-custom .category-hero {
    overflow: auto;
  }
  #fom-custom .content-wrapper,
  #fom-custom .picture-wrapper {
    height: 100vh;
    min-height: 100vh;
  }
  #fom-custom .picture-wrapper {
    width: 60%;
    float: left;
  }
  #fom-custom .picture {
    width: 100%;
    height: 100vh;
    background: url(../../../../core/static/images/heros/fom-hero.jpg) no-repeat
      100% 100%;
    background-size: cover;
  }
  #fom-custom .content-wrapper {
    position: absolute;
    top: 0;
    right: 0;
    width: 50%;
    float: right;
    display: flex;
    align-items: center;
  }
  #fom .category-hero .picture {
    background: url(../../../../core/static/images/heros/fom-grid.jpg) no-repeat
      bottom;
    background-size: cover;
  }
  #fom #fomVid {
    margin: 0 auto;
    display: block;
    height: 100%;
  }
  #hammo-shorts-alt .category-hero .picture {
    background: url(../../../../core/static/images/heros/shorts-hero-alt.jpg)
      no-repeat bottom;
    background-size: cover;
  }
  #classic-tee .category-hero .picture {
    background: url(../../../../core/static/images/heros/classic-tee-denim-blue.jpg)
      no-repeat bottom;
    background-size: cover;
  }
  #sleepwear .category-hero .picture {
    background: url(../../../../core/static/images/heros/sleep-set-couple.jpg)
      #cbc4b5 no-repeat bottom;
    background-size: cover;
  }
  #mug-special #video-intro {
    width: 75vw;
    margin-left: 12.5vw;
    background: #000;
  }
  #mug-special .video-fade {
    display: block;
    position: fixed;
    background: #000;
    width: 25vw;
    top: 0;
    bottom: 0;
    z-index: -1;
  }
  #mug-special .video-fade.right {
    right: 12.5vw;
    background: #000;
    background: -moz-linear-gradient(90deg, transparent 0, #000 100%);
    background: -webkit-linear-gradient(90deg, transparent, #000);
    background: linear-gradient(90deg, transparent, #000);
  }
  #mug-special .video-fade.left,
  #mug-special .video-fade.right {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
  }
  #mug-special .video-fade.left {
    left: 12.5vw;
    background: #000;
    background: -moz-linear-gradient(90deg, #000 0, transparent 100%);
    background: -webkit-linear-gradient(90deg, #000, transparent);
    background: linear-gradient(90deg, #000, transparent);
  }
  #mug-special section.hero-introduction .intro-shot-wrapper {
    max-width: none;
    padding-bottom: 64.28%;
  }
  #pullover[data-group="sport-stripes"] .hero-story {
    background: url(../images/pullover/variants/men/pullover-sport-stripes-story.jpg)
      50% #0b0a0e;
    background-size: cover;
  }
  #pullover[data-group="classic-stripes"] .hero-story {
    background: url(../images/pullover/variants/men/pullover-classic-stripes-story.jpg)
      50% #0b0a0e;
    background-size: cover;
  }
  #pullover[data-group="sage-green"] .hero-story {
    background: url(../images/pullover/variants/men/pullover-sage-green-story.jpg)
      50% #0b0a0e;
    background-size: cover;
  }
  #unithd #features .introduction .hero-tee-wrapper {
    width: 75%;
  }
  .men #unithd #features .details-hero {
    background: url(../images/unithd/hw-details-men.jpg) #856b6e no-repeat;
    background-size: cover;
  }
  .women #unithd #features .details-hero {
    background: url(../images/unithd/hw-details-women.jpg) #856b6e no-repeat;
    background-size: cover;
  }
  #mask #features .organic-hero {
    background: url(../images/mask/mask-organic.jpg) #afaea7 no-repeat 50%;
    background-size: cover;
  }
  #lintroller #hero .picture {
    background: url(../images/lintroller/lintroller-hero.jpg) 50%;
    background-size: cover;
  }
  #hammo #hero .picture {
    background: url(../../../../core/static/images/heros/hero-ashlin-hammonavy.jpg)
      50% #978a77;
    background-size: cover;
  }
  #hammo #hammo-fit .shot-wrapper {
    padding-bottom: 70%;
  }
  #hammo #hammo-fit .fit-contents {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    transform: translateY(-50%);
    padding: 0;
  }
}
@media only screen and (orientation: landscape) and (min-width: 1024px) {
  #mug-special.product-variant #details {
    right: auto;
    left: 8vw;
  }
  #mug-special.product-variant #hero {
    float: right;
  }
  #exclusives-launch h1 br {
    display: none;
  }
  #pyjamas-mto.product-variant #details,
  #pyjamas-mto.product-variant #hero {
    width: 50vw;
  }
  #pyjamas-mto #details #block-swatches {
    width: 100%;
    border-radius: 0;
  }
  #pyjamas-mto #details #block-swatches .swatch:last-child {
    border-right: 2px solid #fff;
  }
  #pyjamas-mto #details .centered-content {
    padding-top: 2em;
  }
  #pyjamas-mto #details .features-overview,
  #pyjamas-mto #details .features-overview h2 {
    min-height: 0;
  }
}
@media only screen and (orientation: portrait) and (max-width: 1366px) {
  #tank .hero .picture {
    background: url(../../../../core/static/images/heros/tank-top-mood.jpg)
      no-repeat 50%;
    background-size: cover;
  }
}
@media only screen and (orientation: landscape) and (max-height: 800px) {
  #exclusives-intro .picture,
  #exclusives-launch .picture {
    height: 75vh !important;
  }
}
@media only screen and (max-width: 991px) {
  #washed-tee .comparison-shot {
    margin-top: 2em;
  }
  #sleepLanding .category-description .live-ticker {
    position: absolute;
    top: 10vh;
    right: 10vw;
    bottom: auto;
    left: auto;
  }
  #sleepLanding .block-content {
    padding: calc(var(--base-block-unit) * 2.5) 0 0 0;
  }
  #sleepLanding .category-products {
    padding: calc(var(--base-block-unit) * 0.25) 0 0 0;
  }
  #sleepLanding .block-content {
    padding-left: calc(var(--base-block-unit) / 6);
    padding-right: calc(var(--base-block-unit) / 6);
  }
  #exclusives-intro .block-details h2 {
    text-align: center;
  }
  #exclusives-intro .block-details .block-action {
    margin-top: 4em;
  }
  #exclusives-intro .block-details .row {
    display: block;
  }
  #home-tee #features .custom-grid .block:first-child,
  #mask #features .custom-grid .block:first-child,
  #pyjamas #features .custom-grid .block:first-child,
  #unithd #features .custom-grid .block:first-child {
    -ms-grid-column: 1;
    -ms-grid-column-span: 10;
    grid-column: 1 / span 10;
    -ms-grid-row: 1;
    -ms-grid-row-span: 4;
    grid-row: 1 / span 4;
  }
  #unithd #features .custom-grid .block:nth-child(2) {
    -ms-grid-column: 8;
    -ms-grid-column-span: 3;
    grid-column: 8 / span 3;
    -ms-grid-row: 5;
    -ms-grid-row-span: 4;
    grid-row: 5 / span 4;
  }
  #unithd #features .custom-grid .block:nth-child(3) {
    -ms-grid-column: 1;
    -ms-grid-column-span: 6;
    grid-column: 1 / span 6;
    -ms-grid-row: 6;
    -ms-grid-row-span: 5;
    grid-row: 6 / span 5;
  }
  #unithd #features .custom-grid .block:nth-child(4) {
    -ms-grid-column: 7;
    -ms-grid-column-span: 4;
    grid-column: 7 / span 4;
    -ms-grid-row: 9;
    -ms-grid-row-span: 4;
    grid-row: 9 / span 4;
  }
  #unithd #features .custom-grid .block:nth-child(5) {
    -ms-grid-column: 1;
    -ms-grid-column-span: 10;
    grid-column: 1 / span 10;
    -ms-grid-row: 12;
    -ms-grid-row-span: 4;
    grid-row: 12 / span 4;
  }
  #unithd #features .custom-grid .block:nth-child(6) {
    -ms-grid-column: 2;
    -ms-grid-column-span: 4;
    grid-column: 2 / span 4;
    -ms-grid-row: 16;
    -ms-grid-row-span: 4;
    grid-row: 16 / span 4;
  }
  #mask #features .custom-grid .block:nth-child(2) {
    -ms-grid-column: 8;
    -ms-grid-column-span: 3;
    grid-column: 8 / span 3;
    -ms-grid-row: 5;
    -ms-grid-row-span: 4;
    grid-row: 5 / span 4;
  }
  #mask #features .custom-grid .block:nth-child(3) {
    -ms-grid-column: 1;
    -ms-grid-column-span: 7;
    grid-column: 1 / span 7;
    -ms-grid-row: 7;
    -ms-grid-row-span: 5;
    grid-row: 7 / span 5;
  }
  #mask #features .custom-grid .block:nth-child(4) {
    -ms-grid-column: 3;
    -ms-grid-column-span: 4;
    grid-column: 3 / span 4;
    -ms-grid-row: 12;
    -ms-grid-row-span: 4;
    grid-row: 12 / span 4;
  }
  #mask #features .custom-grid .block:nth-child(5) {
    -ms-grid-column: 7;
    -ms-grid-column-span: 4;
    grid-column: 7 / span 4;
    -ms-grid-row: 13;
    -ms-grid-row-span: 4;
    grid-row: 13 / span 4;
  }
  #mask #features .custom-grid .block:nth-child(6) {
    -ms-grid-column: 1;
    -ms-grid-column-span: 4;
    grid-column: 1 / span 4;
    -ms-grid-row: 15;
    -ms-grid-row-span: 4;
    grid-row: 15 / span 4;
  }
  #mask #features .custom-grid .block:nth-child(7) {
    -ms-grid-column: 1;
    -ms-grid-column-span: 10;
    grid-column: 1 / span 10;
    -ms-grid-row: 20;
    -ms-grid-row-span: 4;
    grid-row: 20 / span 4;
  }
  #mask #features .custom-grid .block:nth-child(8) {
    -ms-grid-column: 6;
    -ms-grid-column-span: 5;
    grid-column: 6 / span 5;
    -ms-grid-row: 24;
    -ms-grid-row-span: 4;
    grid-row: 24 / span 4;
  }
  #mask #features .custom-grid .block:nth-child(9) {
    -ms-grid-column: 1;
    -ms-grid-column-span: 5;
    grid-column: 1 / span 5;
    -ms-grid-row: 26;
    -ms-grid-row-span: 4;
    grid-row: 26 / span 4;
  }
  #mask #features .custom-grid .block:nth-child(10) {
    -ms-grid-column: 6;
    -ms-grid-column-span: 5;
    grid-column: 6 / span 5;
    -ms-grid-row: 28;
    -ms-grid-row-span: 4;
    grid-row: 28 / span 4;
  }
  #mask .mask-disclaimer {
    padding: var(--base-block-unit) 0;
  }
  #mask .mask-disclaimer .centered-wrapper {
    display: block;
  }
  #mask .mask-disclaimer .tom {
    margin-top: 2.5em;
  }
  #unitpq #feature .shot {
    padding-bottom: 125%;
  }
  #tee .feature .vertical-align {
    display: block;
  }
  #tee #materials .fabric-placeholder {
    padding-bottom: 80%;
  }
  #tee #materials .fabric-wrapper {
    left: 0;
  }
  #tee #fit .details .container-fluid {
    padding-top: 0;
  }
  #tee #craftsmanship .craftsmanship-neck,
  #tee #fit .tee-fit,
  #tee #materials .fabric {
    margin-bottom: 0;
  }
  #tee #fit .tee-fit {
    padding-bottom: 200%;
  }
  #tee #fit .details .container-fluid .fit-list.one {
    bottom: 68%;
  }
  #tee #fit .details .container-fluid .fit-list.two {
    bottom: 52%;
  }
  #tee #fit .details .container-fluid .fit-list.three {
    bottom: 36%;
  }
  #tee #fit .details .container-fluid .fit-list.four {
    bottom: 20%;
  }
  #tee .feature p {
    text-align: center;
  }
  #tee #fit .details .container-fluid .fit-list p {
    text-align: right;
  }
  #tee #fit .tee-fit {
    margin-left: -50%;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }
  #lintroller #material .row:after {
    content: "flickity";
    display: none;
  }
  #home-tee #features .custom-grid .block:nth-child(2) {
    -ms-grid-column: 7;
    -ms-grid-column-span: 4;
    grid-column: 7 / span 4;
    -ms-grid-row: 7;
    -ms-grid-row-span: 4;
    grid-row: 7 / span 4;
  }
  #pyjamas #features .custom-grid .block:nth-child(2) {
    -ms-grid-column: 5;
    -ms-grid-column-span: 6;
    grid-column: 5 / span 6;
    -ms-grid-row: 11;
    -ms-grid-row-span: 4;
    grid-row: 11 / span 4;
  }
  #home-tee #features .custom-grid .block:nth-child(3) {
    -ms-grid-column: 1;
    -ms-grid-column-span: 6;
    grid-column: 1 / span 6;
    -ms-grid-row: 6;
    -ms-grid-row-span: 5;
    grid-row: 6 / span 5;
  }
  #pyjamas #features .custom-grid .block:nth-child(3) {
    -ms-grid-column: 1;
    -ms-grid-column-span: 6;
    grid-column: 1 / span 6;
    -ms-grid-row: 5;
    -ms-grid-row-span: 5;
    grid-row: 5 / span 5;
  }
  #pyjamas #features .custom-grid .block:nth-child(4) {
    -ms-grid-column: 6;
    -ms-grid-column-span: 4;
    grid-column: 6 / span 4;
    -ms-grid-row: 16;
    -ms-grid-row-span: 4;
    grid-row: 16 / span 4;
  }
  #pyjamas #features .custom-grid .block:nth-child(5) {
    -ms-grid-column: 1;
    -ms-grid-column-span: 4;
    grid-column: 1 / span 4;
    -ms-grid-row: 14;
    -ms-grid-row-span: 4;
    grid-row: 14 / span 4;
  }
  #home-tee #features .custom-grid .block:nth-child(4) {
    -ms-grid-column: 1;
    -ms-grid-column-span: 10;
    grid-column: 1 / span 10;
    -ms-grid-row: 12;
    -ms-grid-row-span: 4;
    grid-row: 12 / span 4;
  }
  #hammo #hammo-fit .wrapper {
    padding: 5em;
  }
}
@media only screen and (max-width: 768px) {
  #sale-tease-23 section,
  #sale-tease-23 section .row {
    display: block;
  }
  .MYCLASS{
    font-size: 40px !important;
    line-height: 1.5
  }
  #sale-tease-23 section .sale-branding-wrapper {
    padding: calc(var(--base-block-unit) * 1.5) 0 var(--base-block-unit) 0;
  }
  #sale-tease-23 .form-title {
    text-align: center;
  }
  #hammo-2021 h1 {
    font-size: 3em;
  }
  #month-for-home h1 {
    font-size: 5em;
  }
  #welcome-home h2 {
    font-size: 2em;
  }
  #home-tee #features .custom-grid .block:first-child,
  #mask #features .custom-grid .block:first-child,
  #pyjamas #features .custom-grid .block:first-child,
  #unithd #features .custom-grid .block:first-child {
    -ms-grid-column: 1;
    -ms-grid-column-span: 8;
    grid-column: 1 / span 8;
    -ms-grid-row: 1;
    -ms-grid-row-span: 4;
    grid-row: 1 / span 4;
  }
  #unithd #features .custom-grid .block:nth-child(2) {
    -ms-grid-column: 2;
    -ms-grid-column-span: 5;
    grid-column: 2 / span 5;
    -ms-grid-row: 5;
    -ms-grid-row-span: 4;
    grid-row: 5 / span 4;
  }
  #unithd #features .custom-grid .block:nth-child(3) {
    -ms-grid-column: 1;
    -ms-grid-column-span: 8;
    grid-column: 1 / span 8;
    -ms-grid-row: 9;
    -ms-grid-row-span: 5;
    grid-row: 9 / span 5;
  }
  #unithd #features .custom-grid .block:nth-child(4) {
    -ms-grid-column: 4;
    -ms-grid-column-span: 4;
    grid-column: 4 / span 4;
    -ms-grid-row: 14;
    -ms-grid-row-span: 4;
    grid-row: 14 / span 4;
  }
  #unithd #features .custom-grid .block:nth-child(5) {
    -ms-grid-column: 1;
    -ms-grid-column-span: 8;
    grid-column: 1 / span 8;
    -ms-grid-row: 18;
    -ms-grid-row-span: 4;
    grid-row: 18 / span 4;
  }
  #unithd #features .custom-grid .block:nth-child(6) {
    -ms-grid-column: 2;
    -ms-grid-column-span: 6;
    grid-column: 2 / span 6;
    -ms-grid-row: 22;
    -ms-grid-row-span: 4;
    grid-row: 22 / span 4;
  }
  #mask #features .custom-grid .block:nth-child(2) {
    -ms-grid-column: 5;
    -ms-grid-column-span: 4;
    grid-column: 5 / span 4;
    -ms-grid-row: 5;
    -ms-grid-row-span: 4;
    grid-row: 5 / span 4;
  }
  #mask #features .custom-grid .block:nth-child(3) {
    -ms-grid-column: 1;
    -ms-grid-column-span: 8;
    grid-column: 1 / span 8;
    -ms-grid-row: 9;
    -ms-grid-row-span: 5;
    grid-row: 9 / span 5;
  }
  #mask #features .custom-grid .block:nth-child(4) {
    -ms-grid-column: 1;
    -ms-grid-column-span: 5;
    grid-column: 1 / span 5;
    -ms-grid-row: 14;
    -ms-grid-row-span: 4;
    grid-row: 14 / span 4;
  }
  #mask #features .custom-grid .block:nth-child(5) {
    -ms-grid-column: 4;
    -ms-grid-column-span: 5;
    grid-column: 4 / span 5;
    -ms-grid-row: 17;
    -ms-grid-row-span: 4;
    grid-row: 17 / span 4;
  }
  #mask #features .custom-grid .block:nth-child(6) {
    -ms-grid-column: 1;
    -ms-grid-column-span: 5;
    grid-column: 1 / span 5;
    -ms-grid-row: 20;
    -ms-grid-row-span: 4;
    grid-row: 20 / span 4;
  }
  #mask #features .custom-grid .block:nth-child(7) {
    -ms-grid-column: 1;
    -ms-grid-column-span: 8;
    grid-column: 1 / span 8;
    -ms-grid-row: 25;
    -ms-grid-row-span: 4;
    grid-row: 25 / span 4;
  }
  #mask #features .custom-grid .block:nth-child(8) {
    -ms-grid-column: 4;
    -ms-grid-column-span: 5;
    grid-column: 4 / span 5;
    -ms-grid-row: 29;
    -ms-grid-row-span: 4;
    grid-row: 29 / span 4;
  }
  #mask #features .custom-grid .block:nth-child(9) {
    -ms-grid-column: 1;
    -ms-grid-column-span: 5;
    grid-column: 1 / span 5;
    -ms-grid-row: 33;
    -ms-grid-row-span: 4;
    grid-row: 33 / span 4;
  }
  #mask #features .custom-grid .block:nth-child(10) {
    -ms-grid-column: 4;
    -ms-grid-column-span: 5;
    grid-column: 4 / span 5;
    -ms-grid-row: 37;
    -ms-grid-row-span: 4;
    grid-row: 37 / span 4;
  }
  #mask #new-features .shot-wrap {
    margin-top: calc(var(--base-block-unit) / 2);
  }
  #mask .march-project .mask-packaging {
    background: url(../images/mask/mask-packaging-portrait.jpg) #f5f7f6
      no-repeat 100%;
    background-size: contain;
    padding-bottom: 75%;
  }
  #unitpq .introduction .tiny-guys {
    min-height: 480px;
    min-width: 480px;
    bottom: 30px;
    width: 1024px;
  }
  #unitpq .introduction .tiny-guys .pair {
    height: 180px;
    width: 180px;
    margin-top: 60px;
    margin-right: 60px;
  }
  #unitpq .ender .tagline {
    padding-bottom: 3.2em;
  }
  #home-tee #features .custom-grid .block:nth-child(2) {
    -ms-grid-column: 4;
    -ms-grid-column-span: 5;
    grid-column: 4 / span 5;
    -ms-grid-row: 9;
    -ms-grid-row-span: 5;
    grid-row: 9 / span 5;
  }
  #pyjamas #features .custom-grid .block:nth-child(2) {
    -ms-grid-column: 1;
    -ms-grid-column-span: 8;
    grid-column: 1 / span 8;
    -ms-grid-row: 9;
    -ms-grid-row-span: 5;
    grid-row: 9 / span 5;
  }
  #home-tee #features .custom-grid .block:nth-child(3),
  #pyjamas #features .custom-grid .block:nth-child(3) {
    -ms-grid-column: 1;
    -ms-grid-column-span: 7;
    grid-column: 1 / span 7;
    -ms-grid-row: 5;
    -ms-grid-row-span: 4;
    grid-row: 5 / span 4;
  }
  #pyjamas #features .custom-grid .block:nth-child(4) {
    -ms-grid-column: 1;
    -ms-grid-column-span: 5;
    grid-column: 1 / span 5;
    -ms-grid-row: 14;
    -ms-grid-row-span: 4;
    grid-row: 14 / span 4;
  }
  #pyjamas #features .custom-grid .block:nth-child(5) {
    -ms-grid-column: 4;
    -ms-grid-column-span: 5;
    grid-column: 4 / span 5;
    -ms-grid-row: 18;
    -ms-grid-row-span: 4;
    grid-row: 18 / span 4;
  }
  #home-tee #features .custom-grid .block:nth-child(4) {
    -ms-grid-column: 1;
    -ms-grid-column-span: 8;
    grid-column: 1 / span 8;
    -ms-grid-row: 15;
    -ms-grid-row-span: 4;
    grid-row: 15 / span 4;
  }
  #pyjamas .length-hero .feature-details .flexer p {
    font-size: 60%;
  }
  #hammo #hammo-fit .wrapper {
    padding-left: 2em;
    padding-right: 2em;
  }
}
@media only screen and (max-width: 480px) {
  #sale-teaser .category-hero h1 {
    font-size: 5.5em;
  }
  #hammo-special .intro-wrapper .block-tab p {
    font-size: 88%;
  }
  #pyjamas-mto #details #block-swatches {
    flex-wrap: wrap;
  }
  #pyjamas-mto #details #block-swatches .swatch {
    width: 50%;
  }
  #home-launch #home .container-fluid {
    width: 96%;
  }
  #mask #features .feature-details,
  #unithd #features .feature-details {
    padding: calc(var(--base-block-unit) / 3);
  }
}
@media only screen and (max-width: 360px) {
  #hammo-special .intro-wrapper a .desktop-text {
    display: none;
  }
}
@media only screen and (orientation: landscape) and (min-width: 1024px) {
  #hammo-special .product #hero {
    z-index: 0;
  }
  #hammo-special .product #details {
    z-index: 1;
  }
}


header .block-icon.cart:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: url(https://cdn.marchtee.com/assets/core/static/images/icons/icon-cart-top.svg) no-repeat 50%;
  background-size: 100% 100%;
  transition: -webkit-transform .3s ease;
  -o-transition: transform .3s ease;
  transition: transform .3s ease;
  transition: transform .3s ease, -webkit-transform .3s ease;
  -webkit-transition: -webkit-transform .3s ease;
}

header .block-icon.cart {
  background: url(https://cdn.marchtee.com/assets/core/static/images/icons/icon-cart-bottom.svg) no-repeat 50%;
  background-size: 100% 100%;
  transform: translateZ(0) rotate(0deg);
  -webkit-transform: translateZ(0) rotate(0deg);
  -moz-transform: translateZ(0) rotate(0deg);
  z-index: 999;
  visibility: hidden;
}

#cartdaata .cart-item .product-thumbnail img {
  width: 100%  !important;
  height: 100% !important;
  object-fit: contain !important;

}
#cartdaata .in img{
  filter :  none !important;
}

@media only screen and (min-width: 700px) {
  .productCards{
    width: 50%;
    margin: auto;
  }
  

}


.veenkarurl  img{
   width: 80px;
}