/** Shopify CDN: Minification failed

Line 2062:0 Expected "}" to go with "{"

**/
.announcement--root[data-section-id=announcement] {
  padding:2px 50px;
  display:flex;
  background:#3F506B!important;
  justify-content:space-between;
  align-items:center;
  position:relative;
  z-index:4;
}
.announcement--root[data-section-id=announcement] form {
  display:flex;
  gap:10px;
}
.announcement--root[data-section-id=announcement] form .disclosure--toggle {
  background:none;
  border:0;
}

.header--root {
  background:#F8F1F1!important;
}
.header--root[data-section-id=header] {padding:6px 50px}
.header--root .header--top-row .header--cart {
  position:static;
  flex:none;order:3;
  padding-left:0;
}
.header--root .header--top-row .header--cart .header--cart-link {
  display:flex;
  gap:5px;
  padding: 20px 8px 8px;
}
.header--root .header--top-row .header--account-icon {padding-bottom:0}
.header--root .header--top-row .header--account-icon svg {width:24px}
.header--root .header--bottom-row {
  /* position:absolute;
  transform:translateY(-50%);
  top:50%; */
}
.header--root .header--bottom-row .header--menu ul li a {
  font-family:Avenir Next LT Pro;
  font-size:14px;
  font-weight:500;
  line-height:16.8px;
  color:#444;
}

.slideshow--root .featured-content--container .featured-content--text {
  transform:translateY(-50%);
  top:50%;
  left:10%;
  max-width:840px!important;
}
.slideshow--root .featured-content--container .featured-content--text .featured-content--title {
  font-family:ITC Caslon;
  font-size:72px;
  line-height:72px;
  color:#40385E;
  max-width:500px;
}
.slideshow--root .featured-content--container .featured-content--text .featured-content--description p {
  font-family:Avenir Next LT Pro;
  font-size:18px;
  font-weight:400;
  line-height:28px;
  color:#40385E;
  margin:20px 0;
  max-width:600px;
}
.slideshow--root .featured-content--container .featured-content--text .featured-content--link {
  background:#40385E;
  max-width:166px;
  text-align:center;
  padding:10px;
  border-radius:2px;
}
.slideshow--root .featured-content--container .featured-content--text .featured-content--link a {
  font-family:Avenir Next LT Pro;
  font-size:14px;
  font-weight:500;
  line-height:16.8px;
  color:#fff;
}
.slideshow--root .featured-content--container .featured-content--text .featured-content--link a:after {display:none}
.slideshow--root .featured-content--container .featured-content--text .custom-text .icon-with-text {
  display:flex;
  gap:35px;
  padding:60px 0 0;
}
.slideshow--root .featured-content--container .featured-content--text .custom-text .item {
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
}
.slideshow--root .featured-content--container .featured-content--text .custom-text .item p {
  font-family:Avenir Next LT Pro;
  font-size:18px;
  font-weight:500;
  line-height:28px;
  color:#40385E;
}

.featured-text--root.homepage {background:#F8F1F1;padding:30px 50px;}
.featured-text--root.homepage .featured-text--blocks {grid-template-columns: minmax(auto, 1fr);}
.featured-text--root.homepage .featured-text--block .featured-text--heading {
  font-family:Avenir Next LT Pro;
  font-size:28px;
  font-style:italic;
  font-weight:400;
  line-height:36px;
  color:#40385E;
  letter-spacing:0;
}
.featured-text--root.homepage .featured-text--block .featured-text--body p {
  font-family:Kristi;
  font-size:48px;
  font-style:italic;
  font-weight:400;
  line-height:60px;
  text-align:center;
}
.featured-text--root.homepage .featured-text--block .featured-text--body img {
  max-width:82px;
  margin-top:10px;
}

.multiblock {padding:80px 50px 0}
.multiblock .page-width {
  max-width:1400px;
  margin:auto;
}
.multiblock .multiblock-wrapper {
  display:flex;
  gap:30px;
}
.multiblock.homepage .block-image-item .block-content {
  border-radius:50px;
  box-shadow: 0px 23px 42.7px 0px #00000014;
  max-width:275px;
  margin:-35px auto 0;
  background:#fff;
  position:relative;
  font-family:ITC Caslon;
  font-size:30px;
  font-weight:400;
  line-height:72px;
  text-align:center;
  color:#40385E;
}

.featured-collection--root {
  max-width:1500px;
  margin:auto;
}
.featured-collection--root .featured-collection--header .featured-collection--title {padding:0;margin-bottom:15px;}
.featured-collection--root .featured-collection--header .featured-collection--title a {
  font-family:ITC Caslon;
  font-size:48px;
  font-weight:400;
  line-height:72px;
  color:#40385E;
  text-transform:capitalize;
}
.featured-collection--root .featured-collection--header .featured-collection--description {
  font-family: Avenir Next LT Pro;
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
  text-align: center;
  color:#40385E;
  padding:0;
}
.featured-collection--root .featured-collection--grid[data-container=panel] {
  grid-column-gap:40px!important;
  padding-top:50px;
}
.featured-collection--root .product--root .product--image-wrapper {min-height:auto;}
.featured-collection--root .product--root .product--image-wrapper img {border-radius:4px}
.featured-collection--root .product--root .product--image-wrapper .product--quick-add .product--plus {
  opacity:1;
  border-color:#fff;
}
.featured-collection--root .product--root .product--details-container .product--details {
  flex-direction:column;
  justify-content:center;
}
.featured-collection--root .product--root  .product--details-wrapper {
  width:100%;
}
.featured-collection--root .product--root  .product--details-wrapper .product--title {
  font-family:ITC Caslon;
  font-size:24px;
  font-weight:400;
  line-height:28.8px;
  text-align:center;
  margin:5px 0 0;
}
.featured-collection--root .product--root  .product--details-wrapper .yotpo-bottomline {
  width:100%;
  justify-content:center;
}
.featured-collection--root .product--root  .product--details-wrapper .yotpo-bottomline .yotpo-icon {color:#9791AC}
.featured-collection--root .product--root  .product--price-container {width:100%;}
.featured-collection--root .product--root  .product--price-container .product--price-wrapper {
  justify-content:center;
  margin-top:10px;
  font-family:Avenir Next LT Pro;
  font-size:16px;
  font-weight:400;
  line-height:28px;
}
.featured-collection--root .product--root .product--price-container .product--price {
  font-family: Avenir Next LT Pro;
  font-size: 16px;
  font-weight: 400;
  line-height: 28px;
  color:#40385E;
}
.featured-collection--root .featured-collection--carousel .carousel--y-container {
  height:100%!important;
  padding-top:50px;
}
.featured-collection--root #featured-collection-show-more {padding-right:0}
.featured-collection--root #featured-collection-show-more a {
  background:#40385E;
  padding:15px 40px;
  border-radius:2px;
  font-family:Avenir Next LT Pro;
  font-size:14px;
  font-weight:500;
  line-height:16.8px;
  color:#fff;
}
.featured-collection--root #featured-collection-show-more a:after {display:none}
.featured-collection--root div[data-container="block"] {margin:0}

.image-with-text--root .featured-content--text {max-width:1000px!important}
.image-with-text--root .featured-content--text .featured-content--overline {
  font-family:ITC Caslon;
  font-size:30px;
  font-weight:400;
  line-height:30px;
  text-align:center;
  color:#40385E;
  text-transform:capitalize;
  letter-spacing:0;
  padding-bottom:10px;
}
.image-with-text--root .featured-content--text .featured-content--title {
  font-family:ITC Caslon;
  font-size:48px;
  font-weight:400;
  line-height:72px;
  color:#40385E;
  padding-bottom:25px;
}
.image-with-text--root .featured-content--text .featured-content--description p {
  font-family:Avenir Next LT Pro;
  font-size:18px;
  font-weight:400;
  line-height:28px;
  color:#40385E;
   max-width:600px;
}
.image-with-text--root .featured-content--text .featured-content--link {margin-top:35px}
.image-with-text--root .featured-content--text .featured-content--link a {
  background:#40385E;
  border-radius:2px;
  padding:15px 25px;
  font-family: Avenir Next LT Pro;
  font-size: 14px;
  font-weight: 500;
  line-height: 16.8px;
  color:#fff;
  margin:0 10px;
  border: 1px solid #40385E;
  min-width:166px;
}
.image-with-text--root .featured-content--text .featured-content--link a:last-child {
  background:none;
  color:#40385E;
}
.image-with-text--root .featured-content--text .featured-content--link a:after {display:none}

.featured-blog--root .featured-blog--heading a {
  font-family:ITC Caslon;
  font-size:48px;
  font-weight:400;
  line-height:72px;
  color:#40385E;
}
.featured-blog--root .featured-blog--grid {max-width:1440px;}
.featured-blog--root .featured-blog--item {
  padding:20px;
}
.featured-blog--root .featured-blog--item .featured-blog--item--image img {border-radius:4px;}
.featured-blog--root .featured-blog--item .image--container {padding-top:100%!important;}
.featured-blog--root .featured-blog--item .featured-blog--item--heading {margin:10px 0 5px;}
.featured-blog--root .featured-blog--item .featured-blog--item--heading a {
  font-family:ITC Caslon;
  font-size:24px;
  font-weight:400;
  line-height:28.8px;
  color:#40385E;
  letter-spacing:0;
}
.featured-blog--root .featured-blog--item .featured-blog--item--excerpt {
  font-family:Avenir Next LT Pro;
  font-size:16px;
  font-weight:400;
  line-height:21px;
  color:#40385E;
  padding-bottom:18px;
}
.featured-blog--root .featured-blog--item .featured-blog--item--read-more a {
  font-family:Avenir Next LT Pro;
  font-size:13px;
  font-weight:400;
  line-height:15.6px;
  color:#40385E;
  margin-top:10px;
}
.featured-blog--root .featured-blog--item .featured-blog--item--read-more a:after {
  padding-bottom:0;
  margin-top:-3px;
}

.footer--root {
  background:#F5F2F8!important;
}
.footer--root>div {
  max-width:1400px;
  margin:auto;
}
.footer--root .footer--sub {align-items:center}
.footer--root .footer--block--body img {
  max-width:135px;
  padding-bottom:40px;
}
.footer--root .footer--block--body .footer--about-text {
  font-family:Outfit;
  font-size:16px;
  font-weight:400;
  line-height:20.16px;
  color:#40385E;
}
.footer--root .footer--block--heading {
  font-family:Outfit;
  font-size:16px;
  font-weight:400;
  line-height:20.16px;
  color:#40385E;
  text-decoration:underline;
  text-transform:uppercase;
}
.footer--root .footer--block--body ul li {margin:10px 0;}
.footer--root .footer--block--body ul li a {
  font-family:Outfit;
  font-size:16px;
  font-weight:400;
  line-height:20.16px;
  color:#40385E;
}
.footer--root .footer--subscribe .footer--block--body .footer--subscribe--info {padding-bottom:10px}
.footer--root .footer--subscribe .footer--block--body .footer--subscribe--info p {
  font-family:Outfit;
  font-size:16px;
  font-weight:400;
  line-height:20.16px;
  color:#40385E;
  margin:10px 0;
}
.footer--root .footer--block:not(:first-child) {padding-top:100px;}
.footer--root .footer--block:nth-child(3) .footer--block--container {max-width:420px;width:100%;}
.footer--root .footer--subscribe .footer--block--body .contact-form .footer--form-container #footer-email {
  border-radius:4px;
  border-color:#fff;
  font-family:Outfit;
  font-size:13px;
  font-weight:400;
  line-height:16.38px;
  color:#40385E;
}
.footer--root .footer--subscribe .footer--block--body .contact-form .footer--form-container {position:relative}
.footer--root .footer--subscribe .footer--block--body .contact-form .footer--form-container .footer--form-submit {
  position:absolute;
  right:0;
}
.footer--root .footer--subscribe .footer--block--body .contact-form .footer--form-container .footer--form-submit button {
  background:transparent;
  font-family:Outfit;
  font-size:13px;
  font-weight:400;
  line-height:16.38px;
  color:#40385E;
  text-decoration:underline;
  text-transform:capitalize;
}
.footer--root .footer--sub .footer--sub--block[data-type="powered-by"] {display:none}
.footer--root .footer--sub .disclosure--toggle {
  background:none;
  border:0;padding-left:0;
}
.instastory-title {
  font-family:ITC Caslon;
  font-size:48px!important;
  font-weight:400;
  line-height:72px;
  color:#40385E;
  position:relative;
  margin-top:60px!important;
  margin-bottom:40px!important;
  letter-spacing:0;
}
.instastory-title:before {
  content:"#clearasclaire";
  font-size:30px;
  font-weight:400;
  line-height:72px;
  position:absolute;
  top:-50px;
  transform:translateX(-50%);
  left:50%;
}
#instafeed {padding: 0 20px 80px;}
.header--mobile--cart svg{display:block;}
.slideshow--root .featured-content--container .featured-content--text .custom-text .item img{max-width:64px;}
.multiblock.benefits .block-image-item img{max-width:55px;}
@media (max-width:767px) {
  body .slideshow--root .carousel--dot-nav{display:none!important}
  body .featured-collection--header{margin-left:0;}

  body .footer--social-icons a{        padding: 8px;}
  body .footer--social-icons svg{        height: 16px;
        width: 16px;}
  body .multiblock.benefits .block-image-item img{max-width:50px;}
  body .header--mobile{padding-top:12px;padding-bottom:12px;}
  body .announcement--root[data-section-id=announcement] {padding:10px}
  body .announcement--root[data-section-id=announcement] .footer--social-icons {padding-top:0}
  
  body .header--root[data-section-id=header] {padding:0}
  
  body .slideshow--root .featured-content--root {padding:0}
  body .slideshow--root .carousel--y-container {}
  body .slideshow--root .featured-content--container .featured-content--text {transform:none;padding:40px 20px 20px;max-width:100%!important;position: absolute;
    z-index: 1;bottom: auto;left: 0;
    top: 0px;}
   body .slideshow--root .featured-content--container .featured-content--text .custom-text{max-width:100%;}
body .slideshow--root .featured-content--container .featured-content--text .custom-text .item{display:block;}
  body .slideshow--root .featured-content--container .featured-content--text .featured-content--title {font-size:35px;line-height:35px;}
  body .slideshow--root .featured-content--container .featured-content--text .custom-text .item p,
  body .featured-collection--root .featured-collection--header .featured-collection--description,
  body .image-with-text--root .featured-content--text .featured-content--description p,
  body .product-page--root .product-page--container .product-page--description p,
  body .multiblock.benefits .section-heading .description,
  body .product-page--root .product-page--container .product-page--title-n-vendor .product-page--vendor a,
  body .slideshow--root .featured-content--container .featured-content--text .featured-content--description p{font-size:15px;line-height:25px;}
  body .slideshow--root .featured-content--container .featured-content--text-container {display:flex;flex-direction:column;align-items:center;}
  body .slideshow--root .carousel--block--container{display:block!important;}
  body .slideshow--root .featured-content--text .custom-text .icon-with-text {padding-top:20px; padding-bottom:15px;    padding-left:15px;padding-right:15px;   display: flex;    gap: 20px;}
  body .slideshow--root .featured-content--text .custom-text .item {width:100%;justify-content: start;max-width: 30%;}
  body .slideshow--root  .featured-content--text .custom-text .item p{padding-top:10px;}
  body .slideshow--root  .featured-content--text .custom-text .item img{max-width:50px;}
  body .multiblock {padding:20px}
  body .disclosure--toggle{    padding: 8px 20px 8px 6px;}
  body .multiblock .multiblock-wrapper {flex-direction:column}
  body .featured-text--root.homepage{padding: 30px 15px;}
  body .featured-text--root.homepage .featured-text--block .featured-text--heading{font-size:20px;line-height:30px;padding-right:0;margin-left:-5px;}
  body .featured-text--root.homepage .featured-text--block .featured-text--body{padding-right:0;}
  body .featured-text--root.homepage .featured-text--block{margin:0;}
  body .featured-text--root.homepage .featured-text--block .featured-text--body p{font-size:40px;}
  body .multiblock.homepage .block-image-item .block-content{font-size:22px;    line-height: 50px;    margin: -27px auto 0;}
  body .image-with-text--root .featured-content--text .featured-content--link a{min-width: 130px;margin: 0 5px;    padding: 15px 15px;}
  body .image-with-text--root .featured-content--text .featured-content--overline {font-size:20px;}
  body .image-with-text--root .featured-content--text .featured-content--title {font-size:35px;line-height:40px;padding-bottom:20px;}
  body .product-page--root .product-page--container .product-page--cart-form .product-form--price-container{  padding-top:0px;  align-items: start;padding-bottom: 20px;}
  body .featured-blog--root .featured-blog--heading a {font-size:35px;line-height:45px;}
  body .featured-blog--root .featured-blog--item{padding: 8px 8px 20px;}
  body .featured-blog--root {position:relative;overflow:hidden;}
  
  body .featured-collection--root .featured-collection--header .featured-collection--title a {font-size:30px;line-height:40px;}
  body .featured-collection--root .featured-collection--grid[data-container=panel] {padding-top:30px;grid-template-columns: repeat(1, minmax(0, 1fr));}
  body .featured-collection--root .featured-collection--grid .product--root .product--image-wrapper {min-height:200px}
  body .featured-collection--root .featured-collection--grid .product--root .product--details-wrapper .product--title{margin: 1px 0 3px;    font-size: 20px;    padding: 0 0 4px;}
  body .product--details-container{padding-bottom:8px;padding-top: 8px;}
  body .featured-collection--root{grid-row-gap: 20px;padding-bottom:10px;}
  body .featured-blog--root .featured-blog--item .featured-blog--item--excerpt{font-size: 14px;    padding-bottom: 10px;}
  body .footer--root .footer--blocks {gap:5px;padding-bottom:0;}
  body .footer--root .footer--block:not(:first-child) {padding-top:0}
  body .footer--sub>*{    padding: 8px;}
  body .product-page--root .product-page--container .product-page--main-content {grid-template-columns:minmax(100%,100%);padding-bottom:30px}
  body .product-page--root .product-page--container .product-page--title-n-vendor {grid-column:1;grid-row:2;}
  body .product-page--root .product-page--container .product-page--cart-form {grid-column:1!important;grid-row:3!important;padding-top:0;}
  body .product-page--root .product-page--container .product-page--description {grid-column:1!important;grid-row:4!important;padding-top:0;}
  body .product-page--root .product-page--container .product-page--media {grid-row:1;padding-right:0;}
  body .product-page--title-n-vendor .product-page--title {font-size:30px;line-height:40px;}
  body .product-page--cart-form .product-form--button-container .product-form--add-to-cart {max-width:100%}
  body .multiblock.benefits .block-image-item .image-description h2{    font-size: 20px;line-height:26px;}
  body .multiblock.benefits .block-image-item .image-description p{    line-height: 19px;font-size:14px;}
  body .multiblock.benefits {padding:30px 15px}
  body .multiblock.benefits .section-heading h2 {font-size:38px;line-height:50px;text-align:center;}
  body .multiblock.benefits .section-heading .description {text-align:center;}
  body .multiblock.benefits .section-heading .description br {display:none}
  body .multiblock.benefits .multiblock-wrapper {grid-template-columns:1fr;    gap: 15px;}
  body .multiblock.benefits .block-image-item {padding:20px 15px;    gap: 20px;}
  body .instastory-title {font-size:30px!important;line-height:40px; margin-top:35px!important;   margin-bottom: 10px !important;}
  body #instafeed {padding:0 15px 20px;}
  body li.ingtagram-grid-item{    display: inline-flex;}
  body .instastory-title:before{font-size: 25px;}
  body .featured-blog--root .featured-blog--item .featured-blog--item--heading{margin-top:4px;}
  body .footer--social-icons{padding-top:0}
  body .footer--root .footer--block--body img{padding-bottom:25px;}
  body .footer--menu li:not(:last-child){        padding-bottom: 3px;}
  body .product-page--cart-form .product-form--container .product-form--installments{font-size:14px;}
  body .featured-collection--root .featured-collection--carousel .carousel--y-container {padding-top:20px;}
  body .featured-blog--root .featured-blog--grid {padding:0 20px}
  body .featured-blog--root .featured-blog--grid .slick-list {overflow:visible}
  body .product-page--root .product-page--container .product-page--media .product-page--thumbs {padding:0}
  body .for-desktops {display:none;}
  body .for-mobile {display:block;padding-top:0!important;}
  body .for-mobile img {opacity:1;visibility:visible;position:static;padding-bottom: 25px;}
  body .header--root .header--mobile .header--cart-link {padding-top:0;padding-bottom:0;}
  body .header--root .header--mobile .header--cart-link .header--cart-number {position:absolute;top:8px;right:5px;}
}
.for-mobile {display:none}

@media (min-width:992px) and (max-width:1199px) {
  /* body .header--root .header--bottom-row .header--menu ul li.x-menu--level-1--link > a {padding:16px 8px 32px} */
  body .slideshow--root .featured-content--container .featured-content--text {left:0;max-width:700px!important;}
  body .slideshow--root .featured-content--container .featured-content--text .custom-text .item img {max-width:50px}
  body .slideshow--root .featured-content--container .featured-content--text .custom-text .icon-with-text {gap:15px;padding: 30px 0 0;}
  body .slideshow--root .featured-content--container .featured-content--text .featured-content--title {font-size:52px;line-height:52px;max-width: 400px;}
  body .slideshow--root .featured-content--container .featured-content--text .featured-content--description p {max-width:500px}
  body #instafeed {padding:0 20px 30px}
}

@media (min-width:1200px) and (max-width:1600px) {
  /* body .header--root .header--bottom-row .header--menu ul li.x-menu--level-1--link > a {padding:16px 8px 32px} */
  body .slideshow--root .featured-content--container .featured-content--text {left:0;max-width:700px!important;}
  body .slideshow--root .featured-content--container .featured-content--text .custom-text .item img {max-width:50px}
  body .slideshow--root .featured-content--container .featured-content--text .custom-text .icon-with-text {gap:15px;padding: 30px 0 0;}
  body .slideshow--root .featured-content--container .featured-content--text .featured-content--title {font-size:52px;line-height:52px;max-width: 400px;}
  body .slideshow--root .featured-content--container .featured-content--text .featured-content--description p {max-width:500px}
  body #instafeed {padding:0 20px 30px}
}

.product-page--root {
  max-width:1400px;
  margin:auto;
}
.product-page--root .product-page--header ul li, .product-page--root .product-page--header ul li a {
  font-family: Avenir Next LT Pro;
  font-size: 12px;
  font-weight: 500;
  line-height: 16.8px;
  color:#444;
  text-transform:uppercase!important;
}
.product-page--root .product-page--header ul li a:after {padding-bottom:0;margin-top:-3px;}
.product-page--root .product-page--container .product-page--main-content {grid-template-columns:minmax(48%,48%) minmax(52%,52%);padding-bottom:60px;}
.product-page--root .product-page--container .product-page--title-n-vendor .product-page--vendor a {
  font-family: Avenir Next LT Pro;
  font-size: 18px;
  font-weight: 600;
  line-height: 28px;
  color:#80A873;
  letter-spacing:0;
}
.product-page--root .product-page--container .product-page--title-n-vendor {grid-row:1;grid-column:2;padding-bottom:5px;}
.product-page--root .product-page--container .product-page--title-n-vendor .product-page--title {
  font-family:ITC Caslon;
  font-size:48px;
  font-weight:400;
  line-height:72px;
  color:#40385E;
}
.product-page--root .product-page--container .yotpo.bottomLine {grid-row:2;grid-column:2;padding-bottom:20px;}
.product-page--root .product-page--container .yotpo.bottomLine .yotpo-icon {color:#9791AC}
.product-page--root .product-page--container .yotpo.bottomLine .yotpo-bottomline>a {
  font-family: Avenir Next LT Pro;
  color:#9791AC!important;
  text-transform:uppercase;
  margin:2px 8px 0;
}
.product-page--root .product-page--container .product-page--description {grid-row:4!important;grid-column:2!important;}
.product-page--root .product-page--container .product-page--description p {
  font-family:Avenir Next LT Pro;
  font-size:18px;
  font-weight:400;
  line-height:28px;
  color:#40385E;
}
.product-page--root .product-page--container .product-page--cart-form {
  grid-row:3!important;
  grid-column:2!important;
  max-width:100%;
}
.product-page--root .product-page--container .product-page--cart-form .product-form--price {
  font-family:Avenir Next LT Pro;
  font-size:32px;
  font-weight:600;
  line-height:28px;
  color:#6F57C2;
}
.product-page--root .product-page--container .product-page--cart-form .product-form--price-wrapper {
  display:flex;
  align-items:center;
  gap:10px;
}
.product-page--cart-form .product-form--compare-price {
  font-family:Avenir Next LT Pro;
  font-size:32px;
  font-weight:600;
  line-height:28px;
  color:#40385E;
  order:-1;
  margin-right:8px;
}
.product-page--cart-form .price-save {
  font-family: Avenir Next LT Pro;
  font-size: 12px;
  font-weight: 600;
  line-height: 14.4px;
  color:#80A873;
  text-transform:uppercase;
}
.product-page--root .product-page--container .product-page--cart-form .product-form--price-container {padding-bottom:30px}
.product-page--cart-form .product-form--button-container .product-form--add-to-cart {
  max-width:166px;
  background:#40385E;
  font-family:Avenir Next LT Pro;min-height:48px; 
  font-size:14px;border:none;
  font-weight:500;color:#fff;
  line-height:1;
}
.product-page--cart-form .product-form--button-container {padding-top:0}
.product-page--root .product-page--container .product-page--cart-form .product-form--container {
  display:flex;
  flex-direction:column;
}
.product-page--cart-form .product-form--container .sealsubs-target-element {order:1}
 .product-page--cart-form .product-form--container .product-form--button-container {order:2}
.product-form--smart-payment-buttons{order:3}
.product-page--cart-form .product-form--container .product-form--installments {
  order:5;
  padding:20px 0;
  font-family: Avenir Next LT Pro;
  font-size: 16px;
  font-weight: 400;
  line-height: 28px;
  color:#40385E;
}
.product-page--root .product-page--container .product-page--cart-form .product-page--thumbs {display:none}
.product-page--root .product-page--container .product-page--media {grid-row:1/span 4;grid-column:1;padding:0 80px 0 0;}
.product-page--root .product-page--container .product-page--media .product-page--thumbs {display:block}
.product-page--cart-form .product-form--button-container {
  display:flex;
  gap:20px;
}
.product-page--cart-form .product-form--button-container .wrap-qty {padding:0;background:#F8F1F1;position:relative;border:none;}
.product-page--cart-form .product-form--button-container .wrap-qty input {
  background:#F8F1F1;
  color: #40385E;min-height:48px;
  border-color:#F8F1F1;
  border-radius:4px;
  text-align:center;
  width:85px;
  font-family:Avenir Next LT Pro;
  font-size:14px;
}
.product-page--cart-form .product-form--button-container .wrap-qty input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.product-page--cart-form .product-form--button-container .wrap-qty .btn-plus svg path {fill:#40385E}
.product-page--cart-form .product-form--button-container .wrap-qty .up-qty {
  position:absolute;
  right:15px;height:100%;
  top:-2px;
}
.product-page--cart-form .product-form--button-container .wrap-qty .down-qty {
  position:absolute;
  left:15px;
  top:-1px;height:100%;
}

.multiblock.benefits .section-heading h2 {
  font-family:ITC Caslon;
  font-size:48px;
  font-weight:400;
  line-height:72px;
  color:#40385E;
}
.multiblock.benefits .section-heading .description {
  font-family:Avenir Next LT Pro;
  font-size:18px;
  font-weight:400;
  line-height:28px;
  color:#40385E;
  margin:20px 0 50px;
}
.multiblock.benefits .multiblock-wrapper {
  display:grid;
  grid-template-columns:1fr 1fr 1fr;
  gap:35px;
}
.multiblock.benefits .block-image-item {
  padding:50px 30px;
  background:#fff;
  border-radius:4px;
  display:flex;
  align-items:center;
  gap:35px;
}
.multiblock.benefits .block-image-item .image-description h2 {
  font-family:ITC Caslon;
  font-size:24px;
  font-weight:400;
  line-height:28.8px;
  color:#40385E;
  margin-bottom:10px;
}
.multiblock.benefits .block-image-item .image-description p {
  font-family:Avenir Next LT Pro;
  font-size:16px;
  font-weight:400;
  line-height:21px;
  color:#40385E;
}

.section-reivew .yotpo-label {}
.section-reivew .yotpo-nav ul .yotpo-nav-tab.yotpo-active {
  margin-bottom:-2px;
}
.section-reivew .yotpo-nav ul .yotpo-nav-tab.yotpo-active  .yotpo-nav-wrapper {border-bottom:3px solid #40385E!important;}
.section-reivew .yotpo-nav ul .yotpo-nav-tab.yotpo-active  .yotpo-nav-wrapper span {
  font-family:ITC Caslon;
  font-size:24px;
  font-weight:700;
  line-height:30.84px;
  color:#40385E;
  text-transform:uppercase;
}
.section-reivew .yotpo-nav-content .yotpo-review .yotpo-header .yotpo-icon-profile {background:#D9CDE6}
.section-reivew .yotpo-nav-content .yotpo-review .yotpo-header .yotpo-user-name {
  font-family:Avenir Next LT Pro;
  font-size:18px;
  font-weight:600;
  line-height:23.13px;
  color:#40385E!important;
}
.section-reivew .yotpo-display-wrapper .yotpo-bottomline-box-2 .yotpo-distributions-graphs .yotpo-star-distribution-graph-score {background:#7B72CB!important}
.section-reivew .yotpo-display-wrapper .yotpo-bottomline-box-2 .yotpo-distibutions-sum-reviews span {
  font-family: Avenir Next LT Pro;
  font-size: 15px;
  font-weight: 600;
  line-height: 17px;
  color:#40385E;
}
.section-reivew .yotpo-display-wrapper .yotpo-bottomline-box-2 .yotpo-distibutions-stars .review-stars .yotpo-icon {color:#9791AC!important}
.section-reivew .yotpo-display-wrapper .yotpo-bottomline-box-1 .yotpo-stars .yotpo-icon {color:#9791AC}
.section-reivew .yotpo-label .yotpo-logo-title {color:#9791AC!important;}
.section-reivew .yotpo-label .yotpo-icon-btn-big {color:#9791AC!important;}

.product-page--root .product-page--container .product-page--media .modal--root .modal--link {}

.product-page--root .product-page--container .product-page--media .modal--root .product-page--modal-media {display:none}

.product-page--root .product-page--container .product-page--media .product-page--thumbs .product-media--thumbs {display:block}
.product-page--root .product-page--container .product-page--media .product-page--thumbs .product-media--thumbs .slick-track {transform:none!important;}
.product-media--featured[data-active=false] {display:block!important}
.product-page--root .product-page--container .product-page--media .product-media--wrapper {
  position:relative;
}
.product-page--root .product-page--container .product-page--media .product-media--wrapper .slick-prev {
  position:absolute;
  transform:translateY(-50%);
  top:50%;
  left:20px;
  z-index:1;
  font-size:0;
  background:none;
  padding:0;
  height:0;
  display:flex!important;
}
.product-page--root .product-page--container .product-page--media .product-media--wrapper .slick-prev:after {
  background:url(/cdn/shop/files/arrow-prev-black.svg?v=1724036815);
  content:"";
  display:block;
  width:30px;
  height:30px;
  background-repeat:no-repeat;
  background-position:center;
  background-size:25px;
  background-color:#fff;
  border-radius:20px;
}
.product-page--root .product-page--container .product-page--media .product-media--wrapper .slick-next {
  position:absolute;
  transform:translateY(-50%);
  top:50%;
  right:20px;
  z-index:1;
  font-size:0;
  background:none;
  padding:0;
  height:0;
  display:flex!important;
}
.product-page--root .product-page--container .product-page--media .product-media--wrapper .slick-next:after {
  background:url(/cdn/shop/files/arrow-next-black.svg?v=1724036815);
  content:"";
  display:block;
  width:30px;
  height:30px;
  background-repeat:no-repeat;
  background-position:center;
  background-size:25px;
  background-color:#fff;
  border-radius:20px;
}

.page--take-our-quiz #welcome .welcome-text {
  font-family:ITC Caslon;
  font-size:48px;
  font-weight:400;
  line-height:72px;
  text-align:center;
  color:#40385E;
}
.page--take-our-quiz #welcome .welcome-subtext {
  font-family:Avenir Next LT Pro;
  font-size:18px;
  font-weight:400;
  line-height:28px;
  text-align:center;
  color:#40385E;
  margin-bottom:30px;
}
.page--take-our-quiz #welcome #start-quiz-button {
  background:#40385E;
  color:#fff;
  font-family: Avenir Next LT Pro;
  font-size: 14px;
  font-weight: 500;
  line-height: 16.8px;
  text-transform:uppercase;
  max-width:166px;
  margin:auto;
  padding:13px;
}
.page--take-our-quiz #quiz .question {
  font-family:ITC Caslon;
  font-size:30px;
  font-weight:400;
  line-height:42px;
  text-align:center;
  color:#40385E;
  justify-content:center;
  padding-bottom:20px;
}
.page--take-our-quiz #quiz .answers button {
  background:#fff;border:1px solid #40385E;
  color:#40385E;
  font-family: Avenir Next LT Pro;
  font-size: 14px;
  font-weight: 500;
  line-height: 16.8px;
  text-transform:uppercase;
  margin:auto auto 10px;
  padding:13px;
}
.page--take-our-quiz #results .product-result-container .product-result-text-container .product-form--add-to-cart:hover{background:#fff;color:#40385E;}
.inner-container-results{padding:0 15px}
.page--take-our-quiz #quiz .answers button:hover{ background:#40385E;color:#fff;}
.page--take-our-quiz #results .question {
  font-family:ITC Caslon;
  font-size:40px;
  font-weight:400;
  line-height:52px;
  text-align:center;
  color:#40385E;
  justify-content:center;
}
.page--take-our-quiz #results .product-result-container .product-result-text-container h3 {
  font-family:ITC Caslon;
  font-size:26px;
  font-weight:400;
  line-height:40px;
  color:#40385E;
}
.page--take-our-quiz #results .product-result-container .product-result-text-container p {
  font-family:Avenir Next LT Pro;
  font-size:14px;
  font-weight:400;
  line-height:24px;
  color:#40385E;
  margin-bottom:20px;
}
.page--take-our-quiz #results .product-result-container .product-result-text-container .product-form--add-to-cart {
  background:#40385E;
  color:#fff;
  font-family: Avenir Next LT Pro;
  font-size: 14px;
  font-weight: 500;
  line-height: 16.8px;
  text-transform:uppercase;
  margin:auto;
  padding:13px;
}
.page--take-our-quiz #results .retake-quiz-container #retake-quiz {
  font-family:Avenir Next LT Pro;
  font-size:20px;
  font-weight:400;
  line-height:26px;
  color:#40385E;
}
.page--take-our-quiz #results .warning-info {
  font-family:Avenir Next LT Pro;
  font-size:14px;
  font-weight:400;
  line-height:20px;
  color:#40385E;
}
@media (max-width:767px) {
  .desktops{display:none!important}
  body.page--take-our-quiz #welcome .welcome-text {font-size:40px;line-height:50px;}
  .carousel--block--container{display:block;}
}
@media (min-width:768px) {
  .mobiles{display:none!important}
.list-items{    display: flex;
    align-items: center;
    gap: 15px;}
.header--root .header--top-row .header--account-icon svg{display:block;}
.header--bottom-row{padding-top:8px;}
.header--root .header--bottom-row .x-menu--level-1--link>a{padding-bottom:30px;padding-top:30px;}
.header--search{padding-right:10px;}
  [data-x-menu--align=center] .x-menu--level-2--container{    justify-content: start!important;}
}

.product .product__media-wrapper {position:relative;z-index:1;}
.product .product__info-wrapper {position:relative;z-index:2;}
.popup-wrapper>p {cursor:pointer}
.popup-wrapper .popup {display:none}
.popup-active .popup {
  display:block;
  position:fixed;
  transform: translate(-50%, -50%);
  left: 50%;
  top: 50%;
  z-index:999;
  background:#fff;
  padding:50px;
  border-radius:5px;
  width:100%;
  max-width:700px;
  margin: auto;
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
  color: #40385E;
}
.popup-active:before {
  content:'';
  position:fixed;
  z-index:99;
  top:0;
  left:0;
  display:block;
  width:100%;
  height:100%;
  background:#000;
  opacity:0.6;
}
.popup-active .popup .close {
  position:absolute;
  right:20px;
  top:20px;
  cursor:pointer;
}
.product-page--root .product-page--container  .custom-content {padding:0px 0 20px}
.product-page--root .product-page--container .product-page--title-n-vendor .popup-wrapper>p:first-child {
  font-family:Avenir Next LT Pro;
  font-size:18px;
  font-weight:600;
  line-height:28px;
  color:#9791AC;
  text-decoration:underline;
}
.product-page--root .product-page--container .product-page--title-n-vendor .popup-wrapper .popup p {
  font-family:Avenir Next LT Pro;
  font-size:16px;
  font-weight:400;
  line-height:26px;
  color:#40385E;
}
.product-page--root .product-page--container  .custom-content {
  display:flex;
  align-items:center;
}
.product-page--root .product-page--container .custom-content>div {
  padding:0 12px;
  font-family:Avenir Next LT Pro;
  font-size:18px;
  font-weight:600;
  line-height:28px;
  color:#9791AC;
}
.product-page--root .product-page--container  .custom-content>div:first-child {padding-left:0}
@media (max-width:767px) {
  body .product-page--root .product-page--container .custom-content>div{  font-size:13px;line-height: 24px;  padding: 0 7px;}
  body .yotpo.yotpo-main-widget{padding-left:20px;padding-right:20px;}
  body .product-page--root .product-page--container .product-page--cart-form .sls-purchase-options-container .sls-option-container .sls-price span{font-size:16px;}
  body .product-page--root .product-page--container .product-page--cart-form .sls-purchase-options-container .sls-option-container .sls-selling-plan-group-name{font-size:14px;}
  body .product-page--root .product-page--container .product-page--cart-form .product-form--price{font-size:24px;}
  body .product-page-right{padding-top:15px;}
  body .product-page--root .product-page--container .product-page--title-n-vendor .product-page--title{font-size:36px;line-height:1.2}
  body.popup-active .popup {width:90%;padding:30px;}
  .product-page--root .product-page--container  .popup-wrapper>p {font-size:14px;line-height: 24px;}
  body .multiblock.about {padding:40px 20px}
  body .multiblock.about .block-image-item img {max-width:300px}
  body .multiblock.about .block-image-item .block-content h2 {font-size:30px;line-height:40px;}
  body .product-page--root .product-page--container .product-page--cart-form .sls-purchase-options-container {margin-bottom:0}
}

.multiblock.about {
  background: linear-gradient(180deg, #f5f2f8 70%, #fff 30%)!important;
}
.multiblock.about .multiblock-wrapper {justify-content:center}
.multiblock.about .block-image-item {
  display:flex;
  flex-direction:column-reverse;
  align-items:center;
  gap:30px;
}
.multiblock.about .block-image-item img {
  max-width:360px;
  border-radius:4px;
}
.multiblock.about .block-image-item .block-content h2 {
      font-family: ITC Caslon;
    font-size: 48px;
    font-weight: 400;
    line-height: 72px;
    color: #40385e;
  text-align:center;
}
@media (min-width:767px) and (max-width:1500px) {
  body .featured-text--root.homepage .featured-text--block .featured-text--heading{font-size:22px;}
}
.popup-active{overflow:hidden!important;}
.popup-active .popup-modal{display:none!important}
.multiblock.benefits{padding-bottom:80px}
.off-canvas--right-sidebar .product-page--cart-form .sls-purchase-options-label,
.product-page--root .product-page--container .product-page--cart-form .sls-purchase-options-label {display:none}
.off-canvas--right-sidebar .product-page--cart-form .sls-purchase-options-container,
.product-page--root .product-page--container .product-page--cart-form .sls-purchase-options-container {
  border: 1px solid #9791AC;
  border-radius:4px;
  margin-bottom:30px;
  max-width:526px;
}
.off-canvas--right-sidebar .product-form--price{
      font-family: Avenir Next LT Pro;
    font-size: 32px;
    font-weight: 600;
    line-height: 28px;
    color: #6f57c2;
}
.off-canvas--right-sidebar .product-page--cart-form .sls-purchase-options-container .sls-widget-branding,
.product-page--root .product-page--container .product-page--cart-form .sls-purchase-options-container .sls-widget-branding {display:none}
.off-canvas--right-sidebar .product-page--cart-form .sls-purchase-options-container .sls-option-container,
.product-page--root .product-page--container .product-page--cart-form .sls-purchase-options-container .sls-option-container {border:0;padding:14px 23px;    margin-bottom: 0!important;}
.off-canvas--right-sidebar .product-page--cart-form .sls-purchase-options-container .sls-option-container:nth-child(2),
.product-page--root .product-page--container .product-page--cart-form .sls-purchase-options-container .sls-option-container:nth-child(2) {
  border-radius:4px 4px 0 0;
  border-bottom:1px solid #9791AC;
}
.off-canvas--right-sidebar .product-page--cart-form .sls-purchase-options-container .sls-option-container:nth-child(3),
.product-page--root .product-page--container .product-page--cart-form .sls-purchase-options-container .sls-option-container:nth-child(3) {
  border-radius:0 0 4px 4px;
}
.off-canvas--right-sidebar  .product-page--cart-form .sls-purchase-options-container .sls-option-container,
.product-page--root .product-page--container .product-page--cart-form .sls-purchase-options-container .sls-option-container {margin-bottom:0}
.off-canvas--right-sidebar .product-page--cart-form .sls-purchase-options-container .sls-option-container.sls-active,
.product-page--root .product-page--container .product-page--cart-form .sls-purchase-options-container .sls-option-container.sls-active {
  box-shadow:none;
  background:#F8F1F1;
}
.off-canvas--right-sidebar .product-page--cart-form .sls-purchase-options-container .sls-option-container .sls-selling-plan-group-name,
.product-page--root .product-page--container .product-page--cart-form .sls-purchase-options-container .sls-option-container .sls-selling-plan-group-name {
  font-family:Avenir Next LT Pro Bold;
  font-size:18px;
  font-weight:700;
  line-height:28px;
  color:#40385E;
  text-transform:capitalize;
}
.off-canvas--right-sidebar.product-page--cart-form .sls-purchase-options-container .sls-option-container.sls-active .sls-selling-plan-group-name,
.product-page--root .product-page--container .product-page--cart-form .sls-purchase-options-container .sls-option-container.sls-active .sls-selling-plan-group-name {font-family:Avenir Next LT Pro;font-weight:500;}
.off-canvas--right-sidebar.product-page--cart-form .sls-purchase-options-container .sls-option-container .sls-selling-plan-group-options,
.product-page--root .product-page--container .product-page--cart-form .sls-purchase-options-container .sls-option-container .sls-selling-plan-group-options {display:flex}
.off-canvas--right-sidebar .product-page--cart-form .sls-purchase-options-container .sls-option-container .selling-plan-group-options-name-select label,
.product-page--root .product-page--container .product-page--cart-form .sls-purchase-options-container .sls-option-container .selling-plan-group-options-name-select label {
  font-family:Avenir Next LT Pro;
  font-size:14px;
  font-weight:400;
  line-height:16.8px;
  color:#40385E;
}
.off-canvas--right-sidebar .product-page--cart-form .sls-purchase-options-container .sls-option-container .sls-price span,
.product-page--root .product-page--container .product-page--cart-form .sls-purchase-options-container .sls-option-container .sls-price span {
  font-family:Avenir Next LT Pro;
  font-size:18px;
  font-weight:600;
  line-height:28px;
  color:#40385E;
}
.off-canvas--right-sidebar .product-page--cart-form .sls-purchase-options-container .sls-option-container .seal-col,
.product-page--root .product-page--container .product-page--cart-form .sls-purchase-options-container .sls-option-container .seal-col {padding-right:12px}
.off-canvas--right-sidebar .product-page--cart-form .sls-purchase-options-container .sls-option-container.sls-active .sls-custom-radio:after,
.product-page--root .product-page--container .product-page--cart-form .sls-purchase-options-container .sls-option-container.sls-active .sls-custom-radio:after {
  width:10px;
  height:10px;
  box-shadow: inset 1em 1em #40385E;
}
.off-canvas--right-sidebar .product-page--cart-form .sls-more-info-container ,
.product-page--root .product-page--container .product-page--cart-form .sls-more-info-container {display:none}
.sls-selling-plan-description-content p{font-weight:400;font-size:14px;color:#40385E;padding-bottom:10px;}
.sls-selling-plan-description-content ul li{position:relative;padding-left:10px;color:#40385E;font-weight:500;font-size:13px;padding-bottom:3px;}
.sls-selling-plan-description-content ul li:before{content:"";height:4px; width:4px;background:#40385E;position:absolute;border-radius:50%;left:0;top:7px;}

.accordion{padding-top:30px;}
.accordion__item {
	margin: 0px auto;    border-bottom: 1px solid #eaeaea;
}
.accordion__item .accordion__title {
	position: relative;
	display: block;
	padding: 10px 60px 10px 0px;
	margin-bottom: 2px;
	color: #202020;    font-weight: 600;
	font-size: 18px;
	text-decoration: none;
	background-color: #fff;
	border-radius: 3px;
	-webkit-transition: background-color 0.2s;
	transition: background-color 0.2s;
  cursor: pointer;
}
.accordion__item .accordion__title:hover {
	background-color: #fff;
	transition: all 0.5s ease-out;
}
.accordion__item .accordion-active {
	background-color: #fff;
}
.accordion__item .accordion__title .accordion__arrow svg{display:block}
.accordion__item .accordion__title .accordion__arrow {
	position: absolute;
	top: 5px; right: 5px;
	display: inline-block;
	vertical-align: middle;
	text-align: center;
	color: #000;
	font-size: 20px;
	font-weight: 700;
	margin-right: 5px;
	background-color: #fff;
	border-radius: 50%;
	-webkit-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}
.accordion__item .accordion__rotate {
	transform: rotate(180deg);
}
.accordion__item .accordion__content {
	padding: 30px;
	margin-bottom: 2px;
	font-size: 14px;
	display: none;
	background-color: #f3f3f3;
}
.accordion__item .accordion__arrow-item {
	font-weight: 700;
}
.off-canvas--right-sidebar .product-media--root{display:none}
.off-canvas--right-sidebar .product-media--root:first-child{display:block}
.off-canvas--container .wrap-qty{display:none}
.off-canvas--container.product-page--cart-form .product-form--button-container .product-form--add-to-cart{max-width:100%;}
.product-tag{display:flex;align-items:center;padding-top:15px}
.product-tag > *{margin:0;padding:0;line-height:1;}
.product-tag label{    text-transform: capitalize;margin-right:5px;}
.product-tag a{font-size:12px;    text-decoration: underline;}
.yotpo.yotpo-main-widget{padding-left:50px;padding-right:50px;}



 .featured-content--text {
  transition: transform 0.1s ease-in-out;
}

.featured-content--text:hover {
  transform: scale(1.02); /* Slight zoom-in effect */
  transition: transform 0.1s ease-in-out;
}

 /* ==============    Custom CSS by Ranel    ================== */
.featured-short-desc {
    text-align: center;
    font-family: 'ITC Caslon';
}
/* === Global overrides === */
:root{
  /* Primary button system */
  --brand-btn-bg: #143958;      /* deep blue */
  --brand-btn-text: #FFFFFF;
  --brand-btn-border: #143958;

  /* Surfaces */
  --bg-header: #F9F9F9;
  --bg-footer: #F9F9F9;
}

/* Header / Footer backgrounds */
.header--root{ background: var(--bg-header) !important; }
.footer--root{ background: var(--bg-footer) !important; }

/* Unified primary buttons */
[data-item=button]>*,
.product-page--cart-form .product-form--add-to-cart,
.featured-collection--root #featured-collection-show-more a,
.image-with-text--root .featured-content--link a:first-child,
.slideshow--root .featured-content--link,
.slideshow--root .featured-content--link a{
  background: var(--brand-btn-bg) !important;
  color: var(--brand-btn-text) !important;
  border-color: var(--brand-btn-border) !important;
}

/* Outline/secondary buttons */
.image-with-text--root .featured-content--link a:last-child{
  background: transparent !important;
  color: var(--brand-btn-border) !important;
  border: 1px solid var(--brand-btn-border) !important;
}

/* Hover (invert) */
[data-item=button]>*:hover,
.product-page--cart-form .product-form--add-to-cart:hover,
.featured-collection--root #featured-collection-show-more a:hover,
.image-with-text--root .featured-content--link a:first-child:hover,
.slideshow--root .featured-content--link:hover,
.slideshow--root .featured-content--link a:hover{
  background: #FFFFFF !important;
  color: var(--brand-btn-border) !important;
  border-color: var(--brand-btn-border) !important;
}
body, p, h1, h2, h3, h4, h5, h6 { color:#3F506B !important; }

/* Make all text + icons crisp white */
.announcement--root[data-section-id=announcement] a,
.announcement--root[data-section-id=announcement] svg,
.announcement--root[data-section-id=announcement] path,
.announcement--root[data-section-id=announcement] span,
.announcement--root[data-section-id=announcement] p {
  color: #AFB0B3 !important;
  fill: #AFB0B3 !important;
}

/* Remove boxes/borders around dropdowns (English / USD) */
.announcement--root[data-section-id=announcement] .disclosure--toggle {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  color: #FFFFFF !important;
  font-weight: 400;
  letter-spacing: 0.5px;
}

/* Remove default arrows’ dark fill so they turn white too */
.announcement--root[data-section-id=announcement] .icon--chevron-down path,
.announcement--root[data-section-id=announcement] .icon--chevron-up path {
  fill: #AFB0B3 !important;
}
/* Announcement bar icons only */
.announcement--root[data-section-id=announcement] svg,
.announcement--root[data-section-id=announcement] path {
  fill: #AFB0B3 !important;
  color: #AFB0B3!important;
}
/* Hide first accordion ONLY on product pages (use only if Benefits is always first) */
.template--product .accordion .accordion__item:first-child { display:none !important; }
/* MOBILE HERO = FULL SCREEN BELOW HEADER (Blockshop) */
@media (max-width: 767px){
  /* total height of announcement bar + header on your phone.
     start at 132px; nudge up/down until the hero perfectly fills the screen */
  :root{ --topstack: 132px; }

  /* Kill Blockshop's inline fixed height and fill remaining viewport */
  .template-index .slideshow--root .carousel--y-container{
    height: auto !important;
    min-height: calc(100dvh - var(--topstack)) !important;
  }
  .template-index .slideshow--root .featured-content--root,
  .template-index .slideshow--root .featured-content--container{
    min-height: calc(100dvh - var(--topstack)) !important;
  }

  /* Ensure image covers the area cleanly */
  .template-index .slideshow--root .featured-content--image,
  .template-index .slideshow--root .featured-content--image img{
    width:100%;
    height:100%;
    object-fit:cover;
  }

  /* Remove stray spacing on the section itself */
  .template-index .slideshow--root{
    margin-top:0 !important;
    padding-top:0 !important;
  }
}
/* === Global button normalization (match "Read the Story") === */

/* 1) Treat all buttons/CTA links the same */
.button, .btn, [data-item=button] > *,
.product-page--cart-form .product-form--add-to-cart,
.featured-collection--root #featured-collection-show-more a,
.image-with-text--root .featured-content--link a,
.slideshow--root .featured-content--link,
.slideshow--root .featured-content--link a {
  background: var(--brand-btn-bg) !important;   /* #143958 from your vars */
  color: var(--brand-btn-text) !important;      /* #fff from your vars */
  border-color: var(--brand-btn-border) !important;
  text-decoration: none !important;
  box-shadow: none !important;
  transition: transform .2s ease-in-out !important;
  will-change: transform;
}

/* 2) STOP the white-on-hover inversion everywhere */
.button:hover, .btn:hover, [data-item=button] > *:hover,
.product-page--cart-form .product-form--add-to-cart:hover,
.featured-collection--root #featured-collection-show-more a:hover,
.image-with-text--root .featured-content--link a:hover,
.slideshow--root .featured-content--link:hover,
.slideshow--root .featured-content--link a:hover {
  background: var(--brand-btn-bg) !important;   /* stay solid */
  color: var(--brand-btn-text) !important;
  border-color: var(--brand-btn-border) !important;
  box-shadow: none !important;
  transform: scale(1.03);                       /* gentle grow */
}

/* 3) Active/pressed state: a tiny nudge so it feels clicky */
.button:active, .btn:active, [data-item=button] > *:active,
.product-page--cart-form .product-form--add-to-cart:active,
.featured-collection--root #featured-collection-show-more a:active,
.image-with-text--root .featured-content--link a:active,
.slideshow--root .featured-content--link:active,
.slideshow--root .featured-content--link a:active {
  transform: scale(1.01);
}

/* 4) Optional: only scale on devices that actually have hover */
@media (hover: none) {
  .button:hover, .btn:hover, [data-item=button] > *:hover,
  .product-page--cart-form .product-form--add-to-cart:hover,
  .featured-collection--root #featured-collection-show-more a:hover,
  .image-with-text--root .featured-content--link a:hover,
  .slideshow--root .featured-content--link:hover,
  .slideshow--root .featured-content--link a:hover {
    transform: none;
  }
}
/* Force white text/icons inside Add to Cart (beats global span color) */
.product-page--cart-form .product-form--add-to-cart,
.product-page--cart-form .product-form--add-to-cart .product-form--text,
.product-page--cart-form .product-form--add-to-cart span,
.product-page--cart-form .product-form--add-to-cart svg,
.product-page--cart-form .product-form--add-to-cart path {
  color: #fff !important;
  fill: #fff !important;
  stroke: #fff !important;
}

/* Keep it white on hover/active too */
.product-page--cart-form .product-form--add-to-cart:hover,
.product-page--cart-form .product-form--add-to-cart:active {
  color: #fff !important;
}
/* === ALSO BOUGHT APP — MATCH LA VIE TEA BUTTONS === */
.cbb-also-bought-add-to-cart-button,
.cbb-also-bought-add-to-cart-button[style],
.cbb-also-bought-add-to-cart-button button {
  all: unset !important;                 /* reset app’s inline junk */
  display: inline-block !important;
  background: #143958 !important;        /* your deep blue */
  color: #fff !important;
  border: none !important;
  border-radius: 2px !important;
  font-family: "Avenir Next LT Pro", sans-serif !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
  text-align: center !important;
  padding: 14px 32px !important;
  cursor: pointer !important;
  transition: transform 0.2s ease-in-out !important;
  width: auto !important;
  min-width: 160px !important;
  box-sizing: border-box !important;
}

/* Hover = slight grow, stay solid */
.cbb-also-bought-add-to-cart-button:hover,
.cbb-also-bought-add-to-cart-button[style]:hover {
  background: #143958 !important;
  color: #fff !important;
  transform: scale(1.03) !important;
}

/* Active (pressed) = tiny nudge */
.cbb-also-bought-add-to-cart-button:active,
.cbb-also-bought-add-to-cart-button[style]:active {
  transform: scale(1.01) !important;
}

/* Optional — center align inside app box */
.cbb-also-bought-product .cbb-also-bought-add-to-cart-button {
  margin: 10px auto !important;
  display: block !important;
}
/* Fix 'Recently viewed' clipping in Recent Products section only */
#shopify-section-framework--recent-products .collection--recent-products--title [data-item="section-heading"]{
  line-height: 1.3 !important;
  margin-top: 0 !important;
  margin-bottom: 0.3em !important;
  overflow: visible !important;
}

/* Ensure no wrapper crops the heading */
#shopify-section-framework--recent-products .collection--recent-products--title,
#shopify-section-framework--recent-products .collection--recent-products--root,
#shopify-section-framework--recent-products [data-container="section"],
#shopify-section-framework--recent-products [data-container="block"],
#shopify-section-framework--recent-products [data-container="panel"]{
  overflow: visible !important;
}
/* La Vie Tea — Also Bought buttons (no layout breakage) */
.cbb-also-bought-product { text-align:center; }

/* Target both the app’s <a> wrapper and its inner <button> */
.cbb-also-bought-add-to-cart-button,
.cbb-also-bought-add-to-cart-button button {
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;

  background:#143958 !important;
  color:#fff !important;

  border:0 !important;
  border-radius:8px !important;

  font-family:"Avenir Next LT Pro", sans-serif !important;
  font-size:14px !important;
  font-weight:600 !important;
  letter-spacing:.05em !important;
  text-transform:uppercase !important;
  text-align:center !important;

  padding:14px 28px !important;
  line-height:1.1 !important;

  width:auto !important;         /* prevent full-width */
  min-width:160px !important;    /* consistent size */
  max-width:100% !important;     /* never overflow */
  box-sizing:border-box !important;

  transition:transform .18s ease, opacity .18s ease !important;
  box-shadow:none !important;
}

/* Make sure any nested spans/icons inherit white */
.cbb-also-bought-add-to-cart-button span,
.cbb-also-bought-add-to-cart-button strong,
.cbb-also-bought-add-to-cart-button em,
.cbb-also-bought-add-to-cart-button svg {
  color:#fff !important;
  fill:#fff !important;
}

/* Hover/active states */
.cbb-also-bought-add-to-cart-button:hover,
.cbb-also-bought-add-to-cart-button button:hover {
  transform:translateY(-1px) !important;
}
.cbb-also-bought-add-to-cart-button:active,
.cbb-also-bought-add-to-cart-button button:active {
  transform:translateY(0) !important;
}

/* Mobile tweak */
@media (max-width: 480px){
  .cbb-also-bought-add-to-cart-button,
  .cbb-also-bought-add-to-cart-button button {
    font-size:13px !important;
    padding:12px 22px !important;
    min-width:140px !important;
  }
}
.product-benefits{
  margin:6px 0 10px;
  text-align:center;
  font-family:"Avenir Next LT Pro",sans-serif;
  font-size:15px;
  line-height:22px;
  color:#9791AC;
}
/* Make "Shop by Category" heading match "Shop by Benefit" */
body.template-page.page-shop-by-category h2.featured-collections--heading,
body.page--shop-by-category h2.featured-collections--heading,
body.page-shop-by-category h2.featured-collections--heading {
  /* inherit theme heading settings */
  font-family: var(--font--heading--family);
  font-weight: var(--font--heading--weight);
  text-transform: var(--font--heading--uppercase);
  line-height: 1.125em;

  /* match from benefit page */
  font-size: 36px !important;
  color: #000 !important;
  margin: 0 0 6px !important;
  text-align: center;
}

/* Optional: match the subtext paragraph under the heading, too */
body.template-page.page-shop-by-category .featured-collections--subtext,
body.page--shop-by-category .featured-collections--subtext,
body.page-shop-by-category .featured-collections--subtext {
  text-align: center;
  margin-top: 0;
}/* Hide subheading on Shop by Category page only */
body.page-shop-by-category .featured-collections--subtext,
body.template-page.page-shop-by-category .featured-collections--subtext,
body.page--shop-by-category .featured-collections--subtext {
  display: none !important;
}
/* ALSO BOUGHT — keep layout horizontal; just normalize block heights */

/* Title: reserve one line (adjust if your titles wrap) */
.cbb-also-bought-product-name {
  display: block !important;
  min-height: 28px !important;        /* bump to 40px if some titles wrap */
  margin-bottom: 8px !important;
}

/* Our benefit blurb: reserve ~2 lines */
.product-benefits {
  text-align: left !important;
    max-width: 60ch;
    margin: 8px 0 12px !important;
    line-height: 1.4;
    color: #3f506b !important;
    font-family: Avenir Next LT Pro, sans-serif;
    font-size: 15px;
}

/* Price row: reserve one line */
.cbb-also-bought-product-price {
  display: block !important;
  min-height: 26px !important;
  margin-bottom: 10px !important;
}

/* Button: small nudge; DO NOT change container layout */
.cbb-also-bought-add-to-cart-button,
.cbb-also-bought-add-to-cart-button button {
  margin-top: 8px !important;
}
/* === Collection card row: Title left • Price right === */
.template-collection .product--root[data-product-view="grid"] .product--details,
.template--collection  .product--root[data-product-view="grid"] .product--details{
  display:flex !important;
  flex-direction:row !important;
  align-items:baseline !important;
  justify-content:space-between !important;
  gap:12px !important;
}

/* Title container expands on the left */
.template-collection .product--root[data-product-view="grid"] .product--details--wrapper,
.template--collection  .product--root[data-product-view="grid"] .product--details--wrapper{
  flex:1 1 auto !important;
  min-width:0 !important;
  text-align:left !important;
}

/* Title text truly left-aligned */
.template-collection .product--root[data-product-view="grid"] .product--title[data-item],
.template--collection  .product--root[data-product-view="grid"] .product--title[data-item]{
  text-align:left !important;
  margin:0 !important;
  padding:0 !important;
}

/* Price container hugs the right */
.template-collection .product--root[data-product-view="grid"] .product--price-container,
.template--collection  .product--root[data-product-view="grid"] .product--price-container{
  flex:0 0 auto !important;
  width:auto !important;              /* undo any width:100% */
  margin-left:auto !important;
}
.template-collection .product--root[data-product-view="grid"] .product--price-container .product--price-wrapper,
.template--collection  .product--root[data-product-view="grid"] .product--price-container .product--price-wrapper{
  justify-content:flex-end !important; /* undo center */
}

/* Keep the description on its own line under the row */
.template-collection .product--root[data-product-view="grid"] .product--details-container .product--details + .product--details-wrapper,
.template--collection  .product--root[data-product-view="grid"] .product--details-container .product--details + .product--details-wrapper{
  width:100% !important;
}
/* ===========================
   FIXES & FINAL ALIGNMENTS
   =========================== */

/* 1️⃣ COLLECTION PAGES — Title left • Price right • Benefit text below */
.template-collection .product--root[data-product-view="grid"] .product--details,
.template--collection  .product--root[data-product-view="grid"] .product--details {
  display: flex !important;
  flex-direction: row !important;
  justify-content: space-between !important;
  align-items: baseline !important;
  gap: 12px !important;
}

/* Title left */
.template-collection .product--root[data-product-view="grid"] .product--title[data-item],
.template--collection  .product--root[data-product-view="grid"] .product--title[data-item] {
  text-align: left !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Price right */
.template-collection .product--root[data-product-view="grid"] .product--price-container,
.template--collection  .product--root[data-product-view="grid"] .product--price-container {
  flex: 0 0 auto !important;
  width: auto !important;
  margin-left: auto !important;
}
.template-collection .product--root[data-product-view="grid"] .product--price-container .product--price-wrapper,
.template--collection  .product--root[data-product-view="grid"] .product--price-container .product--price-wrapper {
  justify-content: flex-end !important;
}

/* Description below */
.template-collection .product-benefits,
.template--collection .product-benefits,
.collection--root .product-benefits {
  text-align: left !important;
  max-width: 60ch;
  margin: 8px 0 12px !important;
  line-height: 1.4;
  color: #3f506b !important;
  font-family: "Avenir Next LT Pro", sans-serif;
  font-size: 15px;
}

/* Keep text crisp */
.template-collection .product--root[data-product-view="grid"] .product--details-wrapper,
.template--collection  .product--root[data-product-view="grid"] .product--details-wrapper {
  text-align: left !important;
}

/* 2️⃣ ALSO BOUGHT — Centered benefits, aligned buttons */
.cbb-also-bought-product .product-benefits {
  text-align: center !important;
  color: #9791ac !important;
  font-family: "Avenir Next LT Pro", sans-serif;
  font-size: 15px;
  line-height: 22px;
  margin: 6px 0 10px !important;
}

/* Button consistent sizing */
.cbb-also-bought-add-to-cart-button,
.cbb-also-bought-add-to-cart-button button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: #143958 !important;
  color: #fff !important;
  border: none !important;
  border-radius: 8px !important;
  font-family: "Avenir Next LT Pro", sans-serif !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  letter-spacing: 0.05em !important;
  text-transform: uppercase !important;
  text-align: center !important;
  padding: 14px 28px !important;
  min-width: 160px !important;
  transition: transform 0.18s ease !important;
  margin-top: 8px !important;
}

/* Hover lift */
.cbb-also-bought-add-to-cart-button:hover,
.cbb-also-bought-add-to-cart-button button:hover {
  transform: translateY(-1px) !important;
}

/* 3️⃣ EXTRA PADDING ABOVE ALSO BOUGHT SECTION */
#cbb-also-bought,
.cbb-also-bought-container,
.cbb-also-bought-products-wrapper {
  padding-top: 60px !important; /* adds breathing space above "Customers Who Bought..." */
}

/* 4️⃣ MISC CLEANUP */
.cbb-also-bought-product-name {
  display: block !important;
  min-height: 28px !important;
  margin-bottom: 6px !important;
}

.cbb-also-bought-product-price {
  display: block !important;
  min-height: 26px !important;
  margin-bottom: 8px !important;
}

/* Make sure Add to Cart text/icon is always white */
.cbb-also-bought-add-to-cart-button span,
.cbb-also-bought-add-to-cart-button svg,
.cbb-also-bought-add-to-cart-button path {
  color: #fff !important;
  fill: #fff !important;

}
/* Make category names match Shop by Benefit cards */
body.page-shop-by-category .featured-collections--title[data-item="block-heading"] {
  font-family: "Avenir Next LT Pro", sans-serif;
  font-weight: 400;                /* lighter look */
  font-size: 16px;                 /* adjust to match benefit cards */
  line-height: 1.4;
  letter-spacing: 0.03em;
  color: #143958;                  /* La Vie Tea deep blue */
  text-align: center;
  margin-top: 12px;
  margin-bottom: 0;
  text-transform: none;
}
/* Tighten Herbal Best Sellers heading → product gap */
.featured-collection--root .featured-collection--carousel .carousel--y-container{
  padding-top:10px!important;
  min-height:auto!important;
  height:auto!important;
}
/* make the header logo green */
.header--root .header--logo,
.header--root .header--logo a,
.header--root .header--logo span {
  color:#80A873 !important;
}
.header--root .header--logo svg *,
.header--root .header--logo svg path {
  fill:#80A873 !important;
  stroke:#80A873 !important;
}
/* Bold titles only on COLLECTION pages */
.template-collection .product--root[data-product-view="grid"] .product--title[data-item],
.template--collection .product--root[data-product-view="grid"] .product--title[data-item]{
  font-weight:600!important;
}

/* Keep titles NOT bold on home + also-bought */
.template-index .product--title[data-item],
.cbb-also-bought-product-name,
.cbb-also-bought-product-name a{
  font-weight:400!important;
}
/* Stop product title hover wiggle on collection cards */
.template-collection .product--root[data-product-view="grid"] .product--title a,
.template--collection  .product--root[data-product-view="grid"] .product--title a{
  transition:none!important;
  transform:none!important;
}
.template-collection .product--root[data-product-view="grid"] .product--title a:after,
.template--collection  .product--root[data-product-view="grid"] .product--title a:after{
  display:none!important;   /* remove hover underline/arrow that nudges layout */
}
/* Keep titles non-bold on non-collection pages */
.template-index .product--title,
.template-index .product--title a{font-weight:400!important}
/* 1) Kill hover/shift on paragraph titles (correct selector) */
.template-collection .product--root[data-product-view="grid"] .product--title[data-item="paragraph"],
.template--collection  .product--root[data-product-view="grid"] .product--title[data-item="paragraph"]{
  transition:none!important;
  transform:none!important;
  margin:0 0 .2em!important;  /* override theme's margin:-.25em 0 */
  line-height:1.2!important;
}

/* 2) Bold ONLY on collection pages; normal weight everywhere else */
.template-collection .product--root[data-product-view="grid"] .product--title[data-item],
.template--collection  .product--root[data-product-view="grid"] .product--title[data-item]{font-weight:600!important;}

.template-index .product--title[data-item],
.template-index .product--title[data-item="paragraph"],
.cbb-also-bought-product-name,
.cbb-also-bought-product-name a{font-weight:400!important;}

/* Directions / FAQ → use site navy */
.accordion__item .accordion__title,
.accordion__item .accordion__title-text {
  color:#3F506B !important;
  font-weight:400 !important; /* remove bold (optional) */
}

/* Icons/chevrons inside the title */
.accordion__item .accordion__arrow,
.accordion__item .accordion__arrow svg,
.accordion__item .accordion__arrow path {
  color:#3F506B !important;
  fill:#3F506B !important;
}

/* Body text inside panels */
.accordion__content,
.accordion__content p,
.accordion__content li {
  color:#3F506B !important;
  font-family:"Avenir Next LT Pro",sans-serif;

}
/* === QUICK-ADD (+) — scoped to home & collections ONLY === */
.product--image-wrapper { position: relative !important; }

.template-index .product--quick-add,
.template-collection .product--quick-add {
  position: absolute !important;
  right: 12px;
  bottom: 12px;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  z-index: 9999 !important;
  transform: none !important;
}

/* Default navy circle (ONLY on home + collections) */
.template-index .product--quick-add > *,
.template-collection .product--quick-add > * {
  width: 27px !important;
  height: 27px !important;
  border-radius: 50% !important;
  border: 1px solid #143958 !important;
  color: #143958 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-shadow: 0 1px 6px rgba(0,0,0,.18) !important;
  cursor: pointer !important;
  transition: all .2s ease-in-out !important;
}

/* Plus icon inherits color */
.template-index .product--quick-add .product--plus svg,
.template-collection .product--quick-add .product--plus svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
  color: inherit !important;
}

/* Hover state — MATCHES ALL OTHER BUTTONS (navy blue background + white icon/text) */
.template-index .product--quick-add:hover > *,
.template-collection .product--quick-add:hover > * {
  background: #143958 !important;   /* exact same navy as global buttons */
  color: #FFFFFF !important;
  border-color: #143958 !important;
  transform: translateY(-1px) !important;
}

/* Ensure icon/text turn white on hover */
.template-index .product--quick-add:hover > * *,
.template-collection .product--quick-add:hover > * * {
  color: #FFFFFF !important;
  fill: #FFFFFF !important;
  stroke: #FFFFFF !important;
}

/* Press feedback */
.template-index .product--quick-add:active > *,
.template-collection .product--quick-add:active > * {
  transform: none !important;
}

/* === FIX QUICK-ADD SPINNER BEHAVIOR === */
.template-index .product--quick-add .product--spinner,
.template-collection .product--quick-add .product--spinner {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
}

.template-index .product--quick-add[data-loading="true"] .product--spinner,
.template-collection .product--quick-add[data-loading="true"] .product--spinner {
  display: inline-flex !important;
  opacity: 1 !important;
  visibility: visible !important;
}

.template-index .product--quick-add[data-loading="true"] .product--plus,
.template-collection .product--quick-add[data-loading="true"] .product--plus {
  display: none !important;
}

/* === RESTORE NORMAL BUTTONS IN “PAIRS WELL WITH” === */
.complementary-products .product--quick-add,
.product-recommendations--complementary .product--quick-add {
  position: static !important;
  right: auto !important;
  bottom: auto !important;
  transform: none !important;
  z-index: auto !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* Remove navy circle there */
.complementary-products .product--quick-add > *,
.product-recommendations--complementary .product--quick-add > * {
  all: unset !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  color: inherit !important;
  padding: 0 !important;
}

/* Let app control text/icon style */
.complementary-products .product--quick-add .product--plus span,
.complementary-products .product--quick-add .product--plus svg,
.product-recommendations--complementary .product--quick-add .product--plus span,
.product-recommendations--complementary .product--quick-add .product--plus svg {
  all: unset !important;
  display: inline !important;
}

/* === Disable hover zoom only for the “Shop by Benefit” block === */
#shopify-section-16221681335594a8dd .product--root:hover img,
#shopify-section-16221681335594a8dd .product--image img {
  transform: none !important;
  transition: none !important;
}

/* Optional: stop shadow/lift for that block too */
#shopify-section-16221681335594a8dd .featured-collections--item a:hover .featured-collections--image {
  box-shadow: none !important;
  transform: none !important;
}

/* === FORCE HEADER BLUE ON MOBILE === */
@media (max-width: 767px) {
  .header--root,
  .header--root[data-section-id=header],
  .header--mobile,
  .header--root .header--top-row,
  .header--root .header--bottom-row {
    background: #F9F9F9 !important;
  }

  .header--root svg,
  .header--root path,
  .header--root a,
  .header--root span {
    color: #3F506B !important;
    fill: #3F506B !important;
  }
}

/* Hide article authors */
.article__author,
.article-meta__author {
  display: none !important;
}
/* ——— JUST THE HOVER COLOR: navy on hover, white icon/text ——— */
.template-index .product--quick-add:hover > *,
.template-collection .product--quick-add:hover > *,
.complementary-products .product--quick-add:hover .product--plus,
.product-recommendations--complementary .product--quick-add:hover .product--plus,
.upsell-item .product--quick-add:hover .product--plus {
  background-color:#143958 !important;
  border-color:#143958 !important;
  color:#ffffff !important;
}

/* make the + and any text inside stay white on hover */
.template-index .product--quick-add:hover > * *,
.template-collection .product--quick-add:hover > * *,
.complementary-products .product--quick-add:hover .product--plus *,
.product-recommendations--complementary .product--quick-add:hover .product--plus *,
.upsell-item .product--quick-add:hover .product--plus * {
  color:#ffffff !important;
  fill:#ffffff !important;
  stroke:#ffffff !important;
}

/* kill any app rule that forces black on hover */
.upsell-item .product--quick-add:hover .product--plus span,
.complementary-products .product--quick-add:hover .product--plus span,
.product-recommendations--complementary .product--quick-add:hover .product--plus span {
  -webkit-text-fill-color:#ffffff !important;
  color:#ffffff !important;
}
/* NAVY HOVER FOR ALL QUICK-ADD (+) VARIANTS */
.product--quick-add:hover > *,
.product--quick-add .product--plus:hover,
.product--image-wrapper:hover .product--quick-add > *,
.product--image-wrapper:hover .product--quick-add .product--plus,
.complementary-products .product--quick-add:hover .product--plus,
.product-recommendations--complementary .product--quick-add:hover .product--plus,
.upsell-item .product--quick-add:hover .product--plus {
  background-color:#143958 !important;   /* NAVY */
  border-color:#143958 !important;
  color:#ffffff !important;              /* text/plus */
}

/* make the plus icon/text white on hover */
.product--quick-add:hover > * svg,
.product--quick-add:hover > * path,
.product--image-wrapper:hover .product--quick-add > * svg,
.product--image-wrapper:hover .product--quick-add > * path,
.complementary-products .product--quick-add:hover .product--plus svg,
.complementary-products .product--quick-add:hover .product--plus path,
.product-recommendations--complementary .product--quick-add:hover .product--plus svg,
.product-recommendations--complementary .product--quick-add:hover .product--plus path,
.upsell-item .product--quick-add:hover .product--plus svg,
.upsell-item .product--quick-add:hover .product--plus path {
  fill:#ffffff !important;
  stroke:#ffffff !important;