/** Shopify CDN: Minification failed

Line 986:1 Unexpected ";"

**/
@charset "UTF-8";

.custom-select__btn {
  padding-left: 10px;
}

/* Fontello icon font */
@font-face {
  font-family: "fontello";
  font-weight: normal;
  font-style: normal;
  src: url("https://cdn.shopify.com/s/files/1/0834/2172/4957/files/fontello.eot?v=1707987927");
  src: url("https://cdn.shopify.com/s/files/1/0834/2172/4957/files/fontello.eot?v=1707987927#iefix") format("embedded-opentype"),
       url("https://cdn.shopify.com/s/files/1/0834/2172/4957/files/fontello.woff2?v=1707987928") format("woff2"),
       url("https://cdn.shopify.com/s/files/1/0834/2172/4957/files/fontello.woff?v=1707987928") format("woff"),
       url("https://cdn.shopify.com/s/files/1/0834/2172/4957/files/fontello.ttf?v=1707987927") format("truetype");
}

/* Fontello Icons */
[class^="font-icon-"]::before,
[class*=" font-icon-"]::before {
  display: inline-block;
  margin-right: 0.3em;
  font-family: "fontello";
  line-height: 1;
}

/* .products-grid-container .card__title {
  font-family: "antarctican-mono", sans-serif;
  font-weight: 400;
  text-transform: uppercase
} */

/*.btn {
  font-family: "antarctican-mono", sans-serif;
  text-transform: uppercase;
  font-weight: 400;
  padding-bottom: 15px;
}
*/
.product-label {
  font-family: "antarctican-mono", sans-serif;
  text-transform: uppercase;
  font-weight: 400;
  padding-bottom: 5px;
}
/*
.main-nav__item {
  font-family: "antarctican-mono", sans-serif;
  text-transform: uppercase;
  font-weight: 400;
  padding-bottom: 5px;
}
*/
.font-icon-sort-name-up::before {
  content: "!";
}

.font-icon-sort-bar-down::before {
  content: "$";
}

.font-icon-resize-small::before {
  content: "(";
}

.font-icon-brush::before {
  content: ")";
}

.font-icon-oval::before {
  content: "*";
}

.font-icon-fire::before {
  content: "+";
}

.font-icon-clubmaster::before {
  content: "-";
}

.font-icon-alert::before {
  content: "0";
}

.font-icon-hammer::before {
  content: "1";
}

.font-icon-at::before {
  content: "2";
}

.font-icon-chat::before {
  content: "3";
}

.font-icon-instagram::before {
  content: "4";
}

.font-icon-cog::before {
  content: "5";
}

.font-icon-cancel::before {
  content: "6";
}

.font-icon-star-empty::before {
  content: "7";
}

.font-icon-star::before {
  content: "8";
}

.font-icon-calc::before {
  content: "9";
}

.font-icon-resize-full::before {
  content: ":";
}

.font-icon-rectangular::before {
  content: "=";
}

.font-icon-sort-bar-up::before {
  content: "@";
}

.font-icon-round::before {
  content: "[";
}

.font-icon-square::before {
  content: "]";
}

.font-icon-wayfarer::before {
  content: "^";
}

.font-icon-half-moon::before {
  content: "_";
}

.font-icon-twitter::before {
  content: "a";
}

.font-icon-facebook::before {
  content: "b";
}

.font-icon-search::before {
  content: "c";
}

.font-icon-menu::before {
  content: "d";
}

.font-icon-lock::before {
  content: "e";
}

.font-icon-down-open::before {
  content: "f";
}

.font-icon-home::before {
  content: "g";
}

.font-icon-size-horizontal::before {
  content: "h";
}

.font-icon-ok::before {
  content: "i";
}

.font-icon-quote-left::before {
  content: "j";
}

.font-icon-quote-right::before {
  content: "k";
}

.font-icon-spring::before {
  content: "l";
}

.font-icon-aviator::before {
  content: "m";
}

.font-icon-cat-eye::before {
  content: "n";
}

.font-icon-mouse::before {
  content: "o";
}

.font-icon-paper-plane::before {
  content: "p";
}

.font-icon-eye::before {
  content: "q";
}

.font-icon-file-code::before {
  content: "r";
}

.font-icon-reply::before {
  content: "s";
}

.font-icon-flash::before {
  content: "t";
}

.font-icon-info::before {
  content: "u";
}

.font-icon-calendar-check::before {
  content: "v";
}

.font-icon-heart::before {
  content: "w";
}

.font-icon-download::before {
  content: "x";
}

.font-icon-phone::before {
  content: "y";
}

.font-icon-mail::before {
  content: "z";
}

/* Colours */
.color-scheme a:not(.btn) {
  color: #c74b3b;
}

/* Links */
.rte a {
  text-decoration: none;
}


/* Main Header */

@media screen and (max-width: 768px) {
  .logo__link {
    padding-inline-end: calc(4 * var(--space-unit));
  }
  .logo__link > span {
    max-width: 210px !important;
  }
}

.header__icon {
  padding: 6px !important;
}

/* Main Navigation */
.cc-header .main-nav {
  row-gap: 10px;
}
@media screen and (min-width: 769px) {
  .cc-header .main-nav {
    margin: 0;
  }
}
.cc-header .main-nav__item--primary {
  margin: 0 1.2rem;
  border: solid 0 #e5dae1;
  border-radius: 3px;
}
.cc-header .main-nav__item--primary svg {
  display: none;
}

.cc-header .main-nav .main-nav__item--primary {
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 0.3rem;
}
.cc-header .main-nav__item .icon {
  margin-left: 1.2rem;
  background: var(--btn-bg-color);
  color: var(--text-color);
}
.cc-header .menulink-text {
  padding: 0.2rem;
}
.cc-header .header__icon {
  width: 35px;
}
.cc-header .main-menu__content {
  flex-wrap: wrap;
  gap: 20px;
}
.cc-header .secondary-nav {
  padding-inline-start: 0;
}
@media screen and (min-width: 769px) {
  .cc-header .main-menu__content {
    display: flex;
    margin-bottom: 15px;
    align-items: center;
  }
  .cc-header .secondary-nav {
    min-height: calc(2rem + 0.2em);
  }
}
@media screen and (max-width: 768.98px) {
  .cc-header .main-nav > li {
    padding: 1.2rem 0;
  }
}

.menu-swatch {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 1rem;
}

.menu-swatch label[data-swatch]:hover,
.filter__label[data-swatch]:hover::before {
  border: 1px solid rgb(var(--swatch-border-color-default));
  box-shadow: unset;
}
.pills {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.pills li {
  flex: 1;
}
.pills .main-nav__item {
  margin-bottom: calc(2 * var(--space-unit));
  margin-inline-end: calc(2 * var(--space-unit));
  padding: 6px 16px !important;
  text-align: center;
  transition: box-shadow 0.3s, border-color 0.3s;
  border: 1px solid var(--nav-line-color);
  border-radius: var(--btn-border-radius, 0);
  font-size: 0.88em;
}

.pills .filter__label[data-swatch] {
  width: unset;
}
.swatch-icon {
  justify-content: space-between;
  width: 100%;
  padding-top: 2rem;
  padding-bottom: 2rem;
  padding-right: 0;
  padding-left: 0;
  transition: color 0.3s;
}
@media (max-width: 769px) {
  .swatch-icon .icon {
    transform: rotate(-180deg) !important;
  }
}


/* Home Page */

.home-icons .slider__item {
  justify-content: flex-start;
}

.home-icons .slider__item img {
  width: auto;
  max-height: 48px;
}

.home-slideshow .text-overlay {
  max-width: 100%;
}

.home-slideshow .image-banner__image img {
  object-position: right 50% !important;
}

@media (max-width: 1279px) {
  .home-slideshow .text-overlay {
    margin-bottom: 64px !important;
  }
}

@media (max-width: 1023px) {
  .home-slideshow .text-overlay {
    margin-bottom: 48px !important;
  }
}

@media (max-width: 768px) {
  .home-slideshow .text-overlay {
    margin-bottom: 32px !important;
  }

  .home-slideshow .text-overlay h2 {
    font-size: var(--h4-font-size);
  }
}


/* Shop By Strength Popup */
.shop-by-strength-popup {
  background-color: #fff;
}
.shop-by-strength-popup .main-nav__grandchild {
  display: flex;
  padding: 0 0 2.5rem;
  flex-wrap: wrap;
  gap: calc(2 * var(--space-unit));
}
.shop-by-strength-popup .main-nav__grandchild li:first-child .main-nav__item {
  padding-top: 6px;
}
.shop-by-strength-popup .main-nav__item-content {
  justify-content: normal;
}
.shop-by-strength-popup .main-nav__item-content .child-nav__item {
  padding-left: 0;
}
.shop-by-strength-popup .main-nav__item-content .child-nav__item > .icon {
  width: 15px;
  height: 15px;
  margin-left: 1.2rem;
  padding: 1px;
  border: 1px solid;
  border-radius: 50%;
  background: #f5eef2;
  color: #bb7cb1;
  transform: rotate(-90deg) !important;
  margin-inline-start: calc(2 * var(--space-unit));
}
.shop-by-strength-popup .btn--secondary {
  width: 75px;
  margin-bottom: 0 !important;
  border: var(--btn-border-width) solid rgb(187, 18, 177) !important;
  margin-inline-end: 0 !important;
}
.shop-by-strength-popup .child-nav > li:first-child {
  display: none;
}
.shop-by-strength-popup.mega-nav--pills .main-nav__item--go {
  display: none;
}
.shop-by-strength-popup.popup-nav {
  top: 100%;
  z-index: 10;
  overflow: auto;
  min-width: 170px;
  max-height: max(100vh - var(--content-start, 150px) - 70px, 60vh);
  padding: 2rem 1.2rem;
  border-top: 1px solid var(--nav-line-color);
  box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
  color: rgb(var(--nav-child-text-color));
  transition: transform 0.3s, opacity 0.2s, visibility 0.3s;
  transition-delay: 0s, 0s, 0s;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}
@media (min-width: 769px) {
  .shop-by-strength-popup.popup-pills .main-nav__item {
    margin-bottom: calc(2 * var(--space-unit));
    padding: 6px 16px 6px 0;
    border: 1px solid var(--nav-line-color);
    border-radius: var(--btn-border-radius, 0);
    font-size: 0.88em;
    transition: box-shadow 0.3s, border-color 0.3s;
    margin-inline-end: calc(2 * var(--space-unit));
  }
}
@media screen and (max-width: 768.98px) {
  .shop-by-strength-popup.mega-nav > .container {
    padding: 0 calc(var(--gutter) / 2);
  }
}

@media (min-width: 769px) {
  .main-nav__child.mega-nav {
    left: 0;
    width: 100%;
    padding: calc(8 * var(--space-unit)) 0;
    transition-delay: 0.3s;
  }
}
.popup {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 25;
  display: none;
  width: 95%;
  max-width: 650px !important;
  transform: translate(-50%, -50%);
}

.popup-close::after {
  position: fixed;
  top: 10px;
  right: 10px;
  width: 30px;
  color: #c74b3b;
  content: "\2573";
  font-size: 20px;
  line-height: 30px;
  cursor: pointer;
}

.popup-overlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 999999 !important;
  display: none;
  width: 100% !important;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
}

.popup-btn {
  cursor: pointer;
}

/* Utility Classes */
.mt-0 {
  margin-top: 0;
}

.mt-9 {
  margin-top: calc(9 * var(--space-unit));
}

.mb-0 {
  margin-bottom: 0;
}

.mb-9 {
  margin-bottom: calc(9 * var(--space-unit));
}

.shaded-background > .container > div {
  padding: calc(10 * var(--space-unit));
  background-color: #f2f2f2;
}
.shaded-background > .container > div .md-down\:px-gutter {
  padding-right: 0;
  padding-left: 0;
}

.shaded-background > .container > form {
  padding: calc(10 * var(--space-unit));
  background-color: #f2f2f2;
}
.shaded-background > .container > form .md-down\:px-gutter {
  padding-right: 0;
  padding-left: 0;
}

.shaded-pb-0 > .container > div {
  padding-bottom: 0 !important;
}

.shaded-pt-0 > .container > div {
  padding-top: 0 !important;
}

/* Rich Text */
.cc-rich-text .section__block.reading-width--inline {
  max-width: 100%;
}
@media screen and (min-width: 1024px) {
  .cc-rich-text .max-w-text-overlay {
    max-width: 65%;
  }
}
.cc-rich-text .match-media-with-text-width .max-w-text-overlay {
  max-width: 100%;
}
@media screen and (max-width: 768.98px) {
  .cc-rich-text .match-media-with-text-width .md-down\:px-gutter {
    padding-right: 0;
    padding-left: 0;
  }
}
@media screen and (min-width: 1024px) {
  .cc-rich-text .match-media-with-text-width .max-w-text-overlay,
  .cc-rich-text .match-media-with-text-width .contained-heading {
    max-width: 1088px;
  }
}
.cc-rich-text .btn-mt-0 .section__block--buttons {
  margin-top: 0;
}

/* Collapsible Content */
.cc-faq .reading-width {
  max-width: 65%;
}
@media screen and (max-width: 768px) {
  .cc-faq .reading-width {
    max-width: 582px;
    padding-right: var(--gutter);
    padding-left: var(--gutter);
  }
}

/* Media With Text */
.cc-media-with-text .shaded-background > .container > div {
  padding: calc(10 * var(--space-unit));
  background-color: #f2f2f2;
}
.cc-media-with-text .shaded-background > .container > div .md-down\:px-gutter {
  padding-right: 0;
  padding-left: 0;
}
.cc-media-with-text .section__block--button + .section__block--button {
  margin-top: -10px;
}

/* Featured Collection */
.cc-featured-collection
  .section.what-types.match-media-with-text-width
  .featured-collection-products {
  padding: 0 var(--gutter);
}
.cc-featured-collection
  .section.what-types.match-media-with-text-width
  .featured-collection-products
  .slider {
  max-width: 1088px;
  margin: 0 auto;
}
.cc-featured-collection .section.what-types .card__info-container {
  display: none;
}
.cc-featured-collection .section.what-types .slider {
  padding-bottom: calc(3 * var(--space-unit));
}

/* Contact Form */
html.contact .page-hero {
  margin-top: 0;
  padding-top: calc(var(--section-gap) * var(--fluid-1-5));
}

.cc-contact-form .section.contact-us-form .form {
  padding: calc(10 * var(--space-unit));
  background-color: #f2f2f2;
}
.cc-contact-form .section.contact-us-form .form .md-down\:px-gutter {
  padding-right: 0;
  padding-left: 0;
}
.cc-contact-form .section.contact-us-form h2 {
  margin-bottom: 0;
  font-size: var(--h4-font-size);
  line-height: 1.3;
}
.cc-contact-form .section.contact-us-form h2::before {
  display: inline-block;
  margin-right: 0.3em;
  font-family: "fontello";
  line-height: 1;
  content: "3";
}

.contact-us-multi-columns {
  width: 100%;
  max-width: calc(var(--page-width, 1320px) + var(--gutter) * 2);
  margin: 0 auto;
  padding: 0 var(--gutter);
}
.contact-us-multi-columns .card__info {
  padding-top: 0;
}
.contact-us-multi-columns .card__title {
  font-size: var(--h4-font-size);
}
.contact-us-multi-columns .card__title::before {
  display: inline-block;
  margin-right: 0.3em;
  font-family: "fontello";
  line-height: 1;
}
.contact-us-multi-columns .email-column .card__title::before {
  content: "2";
}
.contact-us-multi-columns .phone-column .card__title::before {
  margin-right: 0.2em;
  content: "y";
}
.contact-us-multi-columns .post-column .card__title::before {
  content: "z";
}
.contact-us-multi-columns ul {
  padding: calc(10 * var(--space-unit));
  background-color: #f2f2f2;
  max-width: var(--reading-width, 48em);
  margin-right: auto;
  margin-left: auto;
  row-gap: var(--column-gap);
}
.contact-us-multi-columns ul .md-down\:px-gutter {
  padding-right: 0;
  padding-left: 0;
}

.contact-us-newsletter {
  background-color: transparent;
}

.contact-us-newsletter .container > div {
  padding: calc(10 * var(--space-unit));
  background-color: #f2f2f2;
  width: 100%;
  max-width: var(--reading-width, 48em);
  margin-right: auto;
  margin-left: auto;
}
.contact-us-newsletter .container > div .md-down\:px-gutter {
  padding-right: 0;
  padding-left: 0;
}
.contact-us-newsletter .section__block--heading::before {
  display: inline-block;
  margin-right: 0.3em;
  font-family: "fontello";
  line-height: 1;
  content: "t";
}
.contact-us-newsletter .input-with-button > .btn svg {
  color: #c74b3b;
}

/* Reading glasses strength calculator form */
.strength-calculator .card {
  background-color: #f2f2f2;
}

#calculate_strength #right_eye {
  border-right: 1px solid #fff;
}
#calculate_strength #option_required_for,
#calculate_strength #option_strongest_eye {
  border-top: 1px solid #fff;
}
#calculate_strength #option_required_for label,
#calculate_strength #option_strongest_eye label {
  display: inline-block;
}
#calculate_strength #option_required_for label + label,
#calculate_strength #option_strongest_eye label + label {
  padding-left: calc(4 * var(--space-unit));
}
@media screen and (max-width: 599px),
  screen and (min-width: 769px) and (max-width: 1024px) {
  #calculate_strength #option_required_for label {
    display: block;
  }
  #calculate_strength #option_required_for label + label {
    margin-top: calc(2 * var(--space-unit));
    padding-left: 0;
  }
}
#calculate_strength .select {
  display: inline-block;
}
#calculate_strength .not_required {
  color: #a4a4a4;
}
#calculate_strength #calculation_wrapper {
  border-top: 1px solid #fff;
}
#calculate_strength #calc_errors {
  border: 1px solid #d1001b;
}
#calculate_strength #error {
  color: #d1001b;
}
#calculate_strength #calc_results {
  display: none;
  border: 1px solid #c74b3b;
}
#calculate_strength #calc_results #result {
  color: #c74b3b;
  font-size: 1.6em;
  font-weight: bold;
}
#calculate_strength #calc_results .advice {
  background-color: #fbfbfb;
  text-align: left;
}
#calculate_strength #calc_results .advice b {
  color: #c74b3b;
  font-size: 1.1em;
}

/* Reading Glasses Buying Guide Page */
html.reading-glasses-buying-guide .shaded-background > .container > div {
  padding: calc(10 * var(--space-unit));
  background-color: #f2f2f2;
}
html.reading-glasses-buying-guide
  .shaded-background
  > .container
  > div
  .md-down\:px-gutter {
  padding-right: 0;
  padding-left: 0;
}

/* Help & FAQ Page */

html.help-faq .page-hero {
  margin-top: 0;
  padding-top: calc(var(--section-gap) * var(--fluid-1-5));
}

html.help-faq .page-hero p {
  line-height: 2.7rem;
}

html.help-faq .page-hero p a {
  display: inline-block;
}

html.help-faq .shopify-section {
  scroll-margin-top: 140px;
}

html.help-faq .shaded-background > .container > div {
  padding: calc(10 * var(--space-unit));
  background-color: #f2f2f2;
}

html.help-faq .shaded-background > .container > div .md-down\:px-gutter {
  padding-right: 0;
  padding-left: 0;
}

html.help-faq .cc-rich-text .max-w-text-overlay {
  width: 100%;
}

html.help-faq .cc-rich-text .section__block--buttons {
  margin-top: 0;
}

html.help-faq .cc-faq .disclosure__title {
  color: #b8412b;
  font-size: 16px;
}

html.help-faq img.card-logo {
  display: inline-block;
  width: 48px;
  height: 32px;
  margin-bottom: 1rem;
}


/* About Us Page */

html.about-us .page-hero {
  margin-top: 0;
  padding-top: calc(var(--section-gap) * var(--fluid-1-5));
}

html.about-us .cc-media-with-text ul li::before {
  color: #c74b3b;
}

html.about-us .cc-media-with-text .media-with-text__media {
  flex: 1 1 auto;
}

@media screen and (min-width: 769px) {
  html.about-us .cc-media-with-text .media-with-text__text {
    padding-inline-start: calc(8 * var(--space-unit));
  }
}


/* Feedback Survey Page */
html.send-feedback .section.feedback-form .form {
  padding: calc(10 * var(--space-unit));
  background-color: #f2f2f2;
}
html.send-feedback .section.feedback-form .form .md-down\:px-gutter {
  padding-right: 0;
  padding-left: 0;
}

/* Main Blog Page */
.cc-main-blog .card--article .author-date,
.cc-main-blog .card--article .card__tags--links a {
  color: #c74b3b;
}
.cc-main-blog .card--article .author-date {
  margin-bottom: 0.5rem;
}
.cc-main-blog .card--article .card__tags--links a {
  font-size: calc(var(--body-font-size) * 0.1rem);
}
.cc-main-blog .card--article .btn--icon {
  margin-top: 1rem;
}

/* Individual Blog Posts */
.cc-main-article .author-date {
  color: #391123;
}
.cc-main-article .article__tags a {
  color: #c74b3b;
  font-size: calc(var(--body-font-size) * 0.1rem);
}
.cc-main-article .author-date {
  margin-bottom: 0.5rem;
}
.cc-main-article .wp-block-gallery {
  margin: 0;
}
.cc-main-article .wp-block-gallery .blocks-gallery-grid {
  display: grid;
  padding-left: 0;
  grid-template-columns: 1fr 1fr 1fr;
}
@media screen and (max-width: 600px) {
  .cc-main-article .wp-block-gallery .blocks-gallery-grid {
    grid-template-columns: 1fr 1fr;
  }
}
.cc-main-article .wp-block-gallery .blocks-gallery-item::before {
  content: none;
  padding-inline-start: 0;
}
.cc-main-article .wp-block-gallery figure,
.cc-main-article .wp-block-gallery figure img {
  margin: 0;
}

/* Product Pages */
.product-main .variant-label  .absolute{
  position: unset;
}

.product-main .variant-label .bottom-0 {
  bottom: unset;
}

.product-main .variant-label .end {
  right: unset;
};

.cc-main-product .media-gallery__thumbs .media-thumbs {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}

@media screen and (max-width: 600px) {
  .cc-main-product .media-gallery__thumbs .media-thumbs {
    grid-template-columns: repeat(3, 1fr);
  }
}

.cc-main-product .media-gallery__thumbs .media-thumbs .img-fit {
  height: auto;
}

.cc-main-product .media-ctrl__btn {
  background-color: rgba(255, 255, 255, 0.5);
}

.cc-main-product .media-ctrl__btn:disabled {
  display: none;
}

.cc-main-product .product-media {
  border-inline-end: 0 !important;
}

.cc-main-product .product-description {
  margin-bottom: var(--product-info-block-margin);
}

.cc-main-product .product-description ul {
  padding-inline-start: 1rem;
}

.cc-main-product .product-description ul > li {
  display: flex;
  align-items: flex-start;
}

.cc-main-product .product-description ul > li:before {
  min-width: 0.5em;
  margin-top: 0.5em;
}

.cc-main-product details-disclosure .spec-container {
  display: grid;
  -moz-column-gap: 1em;
  column-gap: 1em;
  grid-template-columns: auto 1fr;
}

.cc-main-product .product-colours .linked-products {
  display: flex;
  margin-bottom: 1em;
  flex-wrap: wrap;
  gap: 8px;
}

.cc-main-product .product-colours .linked-product-image {
  width: 106px;
  padding: 4px;
  border: 1px solid transparent;
  border-radius: var(--btn-border-radius, 0);
}

.cc-main-product .product-colours .linked-product-image.current-product {
  border-color: #c74b3b;
}

.cc-main-product .product-options legend {
  font-size: calc(var(--body-font-size) * 0.1rem);
}

.measurement-diagrams {
  display: grid;
  max-width: 1300px;
  margin-right: auto;
  margin-left: auto;
  -moz-column-gap: 3%;
  column-gap: 3%;
  row-gap: 48px;
  grid-template-columns: repeat(5, 1fr);
}
@media screen and (max-width: 948px) {
  .measurement-diagrams {
    -moz-column-gap: 13%;
    column-gap: 13%;
    grid-template-columns: repeat(3, 1fr);
  }
}
@media screen and (max-width: 769px) {
  .measurement-diagrams {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 600px) {
  .measurement-diagrams {
    max-width: 230px;
    grid-template-columns: 1fr;
  }
}

.optical-fit {
  display: inline-block;
  padding: 0 1.2em;
  background: #f6f6f6;
  line-height: 3em;
}

/* Strength Variants */
variant-picker .option-selector__btns input.is-unavailable + a label {
  opacity: 0.4;
  cursor: not-allowed;
}
variant-picker .option-selector__btns input.is-unavailable + a label::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    to bottom right,
    transparent calc(50% - 1px),
    #000,
    transparent calc(50% + 1px)
  );
  content: "";
  opacity: 0.4;
}
variant-picker
  .option-selector__btns
  input.is-unavailable
  + a
  label:hover::after {
  box-shadow: none !important;
}
variant-picker .option-selector__btns input.selected-strength + a label {
  border-color: #c74b3b;
  color: #c74b3b;
}

/* Try-On App */
.cc-main-product .product-info .try-on-wrapper {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: 1fr;
  gap: calc(4 * var(--space-unit));
}
@media screen and (max-width: 1100px) {
  .cc-main-product .product-info .try-on-wrapper {
    grid-auto-flow: row;
  }
}
.cc-main-product .product-info .arlabs-btn {
  display: block !important;
}
.cc-main-product .product-info .arlabs-btn .qrlab__try__open {
  max-width: 100%;
  padding: 7px 26px 4px;
  outline-color: rgb(187, 18, 177);
  outline-offset: 3px;
  border: var(--btn-border-width) solid rgb(187, 18, 177);
  border-radius: var(--btn-border-radius, 0);
  background: rgba(255, 255, 255, 0.9)
    linear-gradient(104deg, rgba(187, 18, 177, 0.07) 60%, #fff 60% 100%)
    no-repeat 100% 100%;
  background-size: 300% 100%;
  box-shadow: none;
  color: rgb(187, 18, 177);
  text-transform: var(--btn-text-transform, none);
  font-size: 0.88em;
  font-weight: 700;
  line-height: 1.2em;
  transition: opacity 0.6s ease, color 0.6s ease,
    background-position 0.4s ease-out;
}
.cc-main-product .product-info .arlabs-btn .qrlab__try__open:hover {
  background-position: 0 100%;
}
.cc-main-product .product-info .arlabs-btn .qrlab__try__open {
  position: static;
  display: block !important;
  width: unset;
  height: unset;
  text-align: center;
  font-family: unset;
}
.cc-main-product .product-info .arlabs-btn .qrlab__try__open svg {
  width: 30px;
  height: 30px;
  filter: invert(15%) sepia(98%) saturate(4648%) hue-rotate(296deg) brightness(87%) contrast(96%);
}
.cc-main-product .product-info .arlabs-btn .qrlab__try__open.mobile::after {
  content: "Try On";
}
.cc-main-product .product-info .arlabs-btn #qrlab__try__window {
  right: 20px;
  bottom: 20px;
}
.cc-main-product .product-info .arlabs-btn #qrlab__try__header,
.cc-main-product .product-info .arlabs-btn #qrlab__try__footer {
  padding-top: 4px;
  padding-left: 8px;
  background-color: #f6a3f1;
}
.cc-main-product .product-info .arlabs-btn #qrlab__try__close {
  right: 34px;
}
.cc-main-product .product-info .arlabs-btn #qrlab__try__close::before,
.cc-main-product .product-info .arlabs-btn #qrlab__try__close::after {
  width: 6px;
  height: 24px;
}
.cc-main-product .product-info #qrlab__button__message {
  margin-bottom: unset;
  padding-top: 2px;
  cursor: pointer;
}

/* Collections Pages - Product Filter Icons */
.filter__content
  input[name="filter.p.m.custom.shape_filter"]
  + label
  > span:first-child {
  display: flex;
}
.filter__content
  input[name="filter.p.m.custom.shape_filter"]
  + label
  > span:first-child::after {
  display: inline-block;
  margin-left: 0.3em;
  font-family: "fontello";
  line-height: 1;
  max-height: 0.7em;
  color: #c74b3b;
  font-size: 1.7em;
  font-weight: 600;
}

.filter__content input[value="Aviator"] + label > span:first-child::after {
  content: "m";
}

.filter__content input[value="Clubmaster"] + label > span:first-child::after {
  content: "-";
}

#filter-filter\.p\.m\.custom\.shape_filter .filter__content input[value="Cat Eye"] + label > span:first-child::after {
  content: "n";
}

.filter__content input[value="Half Moon"] + label > span:first-child::after {
  content: "_";
}

.filter__content input[value="Rectangular"] + label > span:first-child::after {
  content: "=";
}

.filter__content input[value="Oval"] + label > span:first-child::after {
  content: "*";
}

.filter__content input[value="Round"] + label > span:first-child::after {
  content: "[";
}

.filter__content input[value="Square"] + label > span:first-child::after {
  content: "]";
}

.filter__content input[value="Other"] + label > span:first-child::after {
  content: "]";
  visibility: hidden;
}

.collection-promo-strip.section {
  background-color: #f6eef3;
}
.collection-promo-strip.section .promo-strip__heading {
  color: #391123;
}

/* Collections Pages - Image Banner */
.cc-image-banner .image-banner-top-align img {
  -o-object-position: top;
  object-position: top;
}


/* Collections Pages - Offer Promo Strip */

.collection-offer-promo-strip {
  background-color: #e8dedd;
}

.collection-offer-promo-strip h2 {
  margin-bottom: 0;
  color: #e83837;
  font-size: var(--h3-font-size);
}


/* Miscellaneous */
.underline-headings h1,
.underline-headings h2,
.underline-headings h3,
.underline-headings h4,
.underline-headings h5,
.underline-headings h6 {
  display: inline-block;
}
.underline-headings h1::after,
.underline-headings h2::after,
.underline-headings h3::after,
.underline-headings h4::after,
.underline-headings h5::after,
.underline-headings h6::after {
  display: block;
  margin-top: 0.6rem;
  margin-bottom: 1rem;
  border-bottom: 1px solid #c74b3b;
  content: "";
}

.strength-buttons .btn {
  padding-right: 9px;
  padding-left: 9px;
}

/* Quick Add / Choose Strengths Drawer */
.quick-add-drawer .quick-add-info {
  grid-template-columns: auto;
}
.quick-add-drawer .quick-add-info__media img {
  width: -moz-fit-content;
  width: fit-content;
}
.quick-add-drawer .quick-add-info__details {
  padding-inline-start: 0;
}
.quick-add-drawer .product-vendor-sku {
  display: none;
}

/* Quick Add Buttons */
.card__quick-add {
  bottom: 120px !important;
}

/* Trustist Reviewlist */
#ts-reviewlistwidget-wrapper div.ts-reviewList {
  margin: 0 !important;
}
#ts-reviewlistwidget-wrapper div.ts-reviewLogo img {
  display: none !important;
}
#ts-reviewlistwidget-wrapper div.ts-reviewList div.ts-reviewContainer {
  padding: calc(8 * var(--space-unit)) !important;
  border-radius: 0 !important;
  background-color: #f2f2f2 !important;
}
#ts-reviewlistwidget-wrapper .ts-reviewContainer {
  margin-bottom: calc(6 * var(--space-unit)) !important;
}
#ts-reviewlistwidget-wrapper div.ts-reviewContent div.ts-reviewTitle {
  overflow: hidden !important;
  text-indent: -4.2em !important;
}
#ts-reviewlistwidget-wrapper div.ts-reviewContent div.ts-reviewTitle a {
  color: #9f9f9f !important;
  font-family: var(--body-font-family) !important;
  font-size: 15px !important;
  pointer-events: none;
}
#ts-reviewlistwidget-wrapper div.ts-reviewContent a.ts-verified {
  margin: 0.5em 0 0.7em !important;
  padding: 0 0.25em !important;
  border-radius: 0.4em !important;
  background-color: #fff !important;
  color: rgb(var(--text-color)) !important;
  pointer-events: none;
}
#ts-reviewlistwidget-wrapper div.ts-reviewContent a.ts-verified img {
  width: 105px !important;
  filter: saturate(90%) hue-rotate(55deg) contrast(140%);
}
#ts-reviewlistwidget-wrapper div.ts-reviewContent img.ts-verified {
  width: 12px !important;
  height: 12px !important;
  margin-left: 0.3em !important;
  padding: 0.2em 0.25em !important;
  border-radius: 0.4em !important;
  background-color: #fff !important;
  filter: saturate(40%) contrast(200%);
}
#ts-reviewlistwidget-wrapper div.ts-reviewContent span.ts-verified {
  padding: 0.5em 0.25em 0.1em 0.08em !important;
  color: rgb(var(--text-color)) !important;
  font-size: 12px !important;
}
#ts-reviewlistwidget-wrapper div.ts-reviewContent div.ts-reviewText {
  margin-top: calc(2 * var(--space-unit)) !important;
  margin-bottom: 0 !important;
  font-size: 15px !important;
  font-weight: 400 !important;
}
#ts-reviewlistwidget-wrapper div.ts-reviewContent div.ts-reviewReply {
  margin-bottom: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  font-size: 15px !important;
}
#ts-reviewlistwidget-wrapper
  div.ts-reviewContent
  div.ts-reviewReply
  span.ts-reviewReply {
  display: inline-block !important;
  padding-top: 0.6em !important;
  padding-left: 1em !important;
}
#ts-reviewlistwidget-wrapper button#tsLoadMore {
  max-width: 100% !important;
  padding: var(--btn-padding-y, 12px) 26px !important;
  outline-color: rgb(187, 18, 177) !important;
  outline-offset: 3px !important;
  border: var(--btn-border-width) solid rgb(187, 18, 177) !important;
  border-radius: var(--btn-border-radius, 0) !important;
  background: rgba(255, 255, 255, 0.9)
    linear-gradient(104deg, rgba(187, 18, 177, 0.07) 60%, #fff 60% 100%)
    no-repeat 100% 100% !important;
  background-size: 300% 100% !important;
  box-shadow: none !important;
  color: rgb(187, 18, 177) !important;
  text-transform: var(--btn-text-transform, none) !important;
  font-family: var(--body-font-family) !important;
  font-size: 0.88em !important;
  font-weight: 700 !important;
  line-height: 1.2em !important;
  transition: opacity 0.6s ease, color 0.6s ease,
    background-position 0.4s ease-out !important;
}
#ts-reviewlistwidget-wrapper button#tsLoadMore:hover {
  background-position: 0 100% !important;
}
.home-customer-reviews #ts-reviewlistwidget-wrapper button#tsLoadMore {
  display: none !important;
}
.home-customer-reviews #ts-reviewlistwidget-wrapper div#ts-reviewlistwidget {
  position: relative;
}
.home-customer-reviews #ts-reviewlistwidget-wrapper div.ts-reviewList {
  position: static !important;
  display: grid !important;
  padding-top: 70px !important;
  -moz-column-gap: calc(6 * var(--space-unit)) !important;
  column-gap: calc(6 * var(--space-unit)) !important;
  grid-template-columns: repeat(3, 1fr);
}
@media screen and (max-width: 1024px) {
  .home-customer-reviews #ts-reviewlistwidget-wrapper div.ts-reviewList {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 769px) {
  .home-customer-reviews #ts-reviewlistwidget-wrapper div.ts-reviewList {
    grid-template-columns: 1fr;
  }
}
.home-customer-reviews
  #ts-reviewlistwidget-wrapper
  div.ts-reviewList
  .ts-reviewlist-logo {
  position: absolute !important;
  top: 0 !important;
}
.home-customer-reviews
  #ts-reviewlistwidget-wrapper
  div.ts-reviewContainer:nth-child(n + 8) {
  display: none !important;
}

.home-customer-reviews .reviews-header {
  display: flex;
  -moz-column-gap: 20px;
  column-gap: 20px;
  justify-content: space-between;
  align-items: baseline;
  flex-wrap: wrap;
}
.home-customer-reviews .reviews-header-right {
  text-align: right;
  flex-grow: 1;
}
.home-customer-reviews .reviews-header-right a:hover {
  opacity: 0.6;
}

/* END OF SASS COMPILED STYLES - WILL: PLEASE ADD ANY NEW CSS BELOW HERE */
/*#Feature-Other {
  display: none;
}
#Style-Other {
  display: none;
}*/

.filter__content input[name="filter.p.tag"] + label > span:first-child::after {
  display: inline-block;
  margin-left: 0.3em;
  font-family: fontello;
  line-height: 1;
  max-height: 0.7em;
  color: #c74b3b;
  font-size: 1.7em;
  font-weight: 600;
}

/* Progress Bar */

.quantity-bar-container {
  width: 100%;
}

.quantity-bar-full {
  border-radius: 4px;
  overflow: hidden;
}

.quantity-bar {
  background: #c74b3b;
  display: block;
  height: 8px;
}

.quantity-bar-message {
  margin-top: 10px;
}

.quantity-bar-message,
.cart-total-discount {
  font-weight: bold;
  font-size: 15px;
}

/* Content Scheduler */

.csp_container h2 {
  font-weight: 700;
}
.csp_container h6 {
  font-weight: 700;
}
.ss-slide-contain {
  max-width: 50%;
}
.ss-btn {
  text-transform: uppercase !important;
  font-weight: 700 !important;
}
@media screen and (max-width: 769px) {
  .csp_container .swiper-slide {
    display: flex !important;
    flex-direction: column !important;
  }
  .csp_container .ss-position-center-center {
    transform: none !important;
    -webkit-transform: none !important;
    -moz-transform: none !important;
    -o-transform: none !important;
    -ms-transform: none !important;
  }
  .ss-slide-caption {
    position: unset !important;
  }
  .csp_container h2 {
    color: #c74b3b !important;
    font-size: 32px !important;
  }
  .csp_container h6 {
    color: #c74b3b !important;
    font-size: 42px !important;
  }
  .ss-slide-contain {
    max-width: 100% !important;
    padding: 20px !important;
  }

  .ss-slide-contain ul.ss-slide-button {
    display: block !important;
  }
  .ss-btn {
    color: #c74b3b !important;
    border-color: #c74b3b !important;
    margin: 10px 0 !important;
    font-size: 13px !important;
  }
}

/* Background Texture */

body {
  background-image: url('/cdn/shop/files/bg-texture.jpg?v=1726060265');
  background-repeat: repeat;
}

body:has(.product-main) {
  background-image: unset;
}

.custom-select input {
  background-color: rgba(255, 255, 255, 0);
}