/* 20250628140035 - v2 */
.gui,
.gui-block-linklist li a {
  color: #121212;
}

.gui-page-title,
.gui a.gui-bold,
.gui-block-subtitle,
.gui-table thead tr th,
.gui ul.gui-products li .gui-products-title a,
.gui-form label,
.gui-block-title.gui-dark strong,
.gui-block-title.gui-dark strong a,
.gui-content-subtitle {
  color: #000000;
}

.gui-block-inner strong {
  color: #848484;
}

.gui a {
  color: #8d8d8d;
}

.gui-input.gui-focus,
.gui-text.gui-focus,
.gui-select.gui-focus {
  border-color: #8d8d8d;
  box-shadow: 0 0 2px #8d8d8d;
}

.gui-select.gui-focus .gui-handle {
  border-color: #8d8d8d;
}

.gui-block,
.gui-block-title,
.gui-buttons.gui-border,
.gui-block-inner,
.gui-image {
  border-color: #d7d6dd;
}

.gui-block-title {
  color: #333333;
  background-color: #ffffff;
}

.gui-content-title {
  color: #333333;
}

.gui-form .gui-field .gui-description span {
  color: #121212;
}

.gui-block-inner {
  background-color: #f4f4f4;
}

.gui-block-option {
  border-color: #f9f8f9;
  background-color: #fdfcfd;
}

.gui-block-option-block {
  border-color: #f9f8f9;
}

.gui-block-title strong {
  color: #333333;
}

.gui-line,
.gui-cart-sum .gui-line {
  background-color: #edecef;
}

.gui ul.gui-products li {
  border-color: #f3f2f4;
}

.gui-block-subcontent,
.gui-content-subtitle {
  border-color: #f3f2f4;
}

.gui-faq,
.gui-login,
.gui-password,
.gui-register,
.gui-review,
.gui-sitemap,
.gui-block-linklist li,
.gui-table {
  border-color: #f3f2f4;
}

.gui-block-content .gui-table {
  border-color: #f9f8f9;
}

.gui-table thead tr th {
  border-color: #edecef;
  background-color: #fdfcfd;
}

.gui-table tbody tr td {
  border-color: #f9f8f9;
}

.gui a.gui-button-large,
.gui a.gui-button-small {
  border-color: #5d5555;
  color: #ffffff;
  background-color: #000000;
}

.gui a.gui-button-large.gui-button-action,
.gui a.gui-button-small.gui-button-action {
  border-color: #8d8d8d;
  color: #656262;
  background-color: #ffffff;
}

.gui a.gui-button-large:active,
.gui a.gui-button-small:active {
  background-color: #000000;
  border-color: #4a4444;
}

.gui a.gui-button-large.gui-button-action:active,
.gui a.gui-button-small.gui-button-action:active {
  background-color: #cccccc;
  border-color: #707070;
}

.gui-input,
.gui-text,
.gui-select,
.gui-number {
  border-color: #656262;
  background-color: #ffffff;
}

.gui-select .gui-handle,
.gui-number .gui-handle {
  border-color: #656262;
}

.gui-number .gui-handle a {
  background-color: #ffffff;
}

.gui-input input,
.gui-number input,
.gui-text textarea,
.gui-select .gui-value {
  color: #8d8d8d;
}

.gui-progressbar {
  background-color: #a8a5a2;
}

/* custom */
/*Original CSS*/
/*Add Mabry font stack*/
@font-face {
    font-family: 'mabry-regular-pro';
    src: url("https://cdn.webshopapp.com/shops/297238/files/402317975/mabry-regular-pro.ttf") format("truetype");
}
@font-face {
    font-family: 'mabry-light-pro';
    src: url('https://cdn.webshopapp.com/shops/297238/files/401517039/mabry-light-pro.eot');
    src: url('https://cdn.webshopapp.com/shops/297238/files/401517039/mabry-light-pro.eot?#iefix') format('embedded-opentype'),
         url('https://cdn.webshopapp.com/shops/297238/files/401517042/mabry-light-pro.woff2') format('woff2'),
         url('https://cdn.webshopapp.com/shops/297238/files/401517041/mabry-light-pro.woff') format('woff'),
         url('https://cdn.webshopapp.com/shops/297238/files/401517040/mabry-light-pro.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
	font-stretch: 25% 151%
}
:root {
   --font-heading: 'mabry-light-pro', Helvetica, Arial, Sans-serif;
   --font-primary: 'mabry-light-pro', Helvetica, Arial, Sans-serif;
    --text-base-size: 1.30em;
  	--text-scale-ratio: 1.20;
    --max-width-md: 67rem;
}
@media screen and (max-width: 767px) {
  :root {
    --text-base-size: 1em; /* or 1.05em if you want it slightly larger than normal */
  }
}
strong { 
    font-family: "mabry-regular-pro", Helvetica, Arial, Sans-serif;
}

H1, H2 { 
letter-spacing: .05em;
}
/***Changed to make the rebate reminder that pops up at the bottom right of the screen***/
.apopup-thumb.apopup-id-4070.right > span {
    margin-left: -10px; !important;
    width: 210px; !important;
}
.apopup-thumb.apopup-id-4070 > span
{
font-size: 1.0em !important;
}


/*.apopup-thumb.apopup-id-4070.bottom-right {
    bottom: 200px !important;
}*/
/*Changed by #cikiz
Hide RSS feed link on the footer
}*/
body > footer > div > div.footer__colophon > p > a.footer__print-link.footer__print-link--rss {
  display: none;
  }

body > footer > div > div.footer__body.grid > div.col-8\@lg > div > div:nth-child(1) > ul > li:nth-child(15) {
  display: none;
  }
  
body > footer > div > div.footer__body.grid > div.col-8\@lg > div > div:nth-child(1) > ul > li:nth-child(16) {
  display: none;
  }
  
body > footer > div > div.footer__body.grid > div.col-8\@lg > div > div:nth-child(1) > ul > li:nth-child(17) {
  display: none;
  }
  
body > footer > div > div.footer__body.grid > div.col-8\@lg > div > div:nth-child(1) > ul > li:nth-child(18) {
  display: none;
  }

body > footer > div > div.footer__body.grid > div.col-8\@lg > div > div:nth-child(1) > ul > li:nth-child(6) {
  display: none;
  }
  
/*changed dropdown width size to fit the content without wrapping */
.mega-nav--desktop .mega-nav__sub-nav-wrapper--sm {
    min-width: 290px;
    overflow: visible;
}
/***Changed by #cikiz***/
/*changed hero slide video height, and hid counter displays */
.carousel__counter{
  display: none;
  }
.hero-carousel .carousel__item {
  height: 600px;
  }
.js .hero-carousel .carousel__control, .js .hero-carousel .carousel__control:hover {
display: none;
  }
/***Changed by #cikiz***/
/*updated grid margins to add gaps between the columns and around */
.grid_new {
    margin-top: calc(2 *var(--gap-x)) !important;
    margin-left: calc(1 *var(--gap-x)) !important;
    margin-right: calc(0*var(--gap-x)) !important;
    --gap: 30px !important;
    --gap-x: var(--gap);
    --gap-y: var(--gap);
    --offset: var(--gap-x);
    display: flex;
    flex-wrap: wrap;
    column-gap: 30px;
}
/***Changed by #semanticmarketing***/
/*#trustedshops-productreviews-sticker-wrapper {display: none;}*/
/*remove author entries*/
.blog-entry__author-wrapper, .stories__metadata-author {
	display: none;
} 
/*double lines*/
body > section.section-control.feature.padding-y-xl {
	border-bottom: none;
  padding-bottom: 0px ; 
}
div.MTOSteps {
  margin: 20px; 
}
ul.MTOSteps {
  list-style-type: none;
  width: 100%;
}
h3.MTOSteps {
  font: bold 20px/1.5; 
  padding: 0;
  margin: -30px 0 0 0;
}
li.MTOSteps img {
  float: left;
  margin: 0 15px 0 0;
  width: 19%
}
li.MTOSteps p {
  font: 100 12px/1.5;
}
li.MTOSteps {
  padding: 10px;
  overflow: auto;
}
li.MTOSteps:hover {
  background: #eee;
  cursor: pointer;
}


/*Lists */
.list--ul>li::before, .text-component .list--ul>li::before, .text-component ul>li::before
{
color: #000000;
}
.text-component ol.step-list {
    --list-bullet-size: 86px;
    --list-bullet-font-size: 74px;
}
.text-component ul {
    list-style-position: outside;
    padding-left: 1em;
}
.text-component li:not(.step-list__item) {
	padding-bottom: 0.1rem; /*Changed - not for the individual skincare - better look No-List, Sitemap, Store*/
  list-style-type: none;
}

.story__badge {
   text-transform: capitalize;
}

div#listwrapper ul {
  list-style-type: none; !important;
}

/*change the color of the highlighted section for each season */
/*Fall Season
.bg-contrast-lower {
    background-color: #d1c9e0a1;
}*/
/*Winter Season
.bg-contrast-lower {
    background-color: rgb(255 172 15 / 60%);
}*/
/*Spring Season ;
.bg-contrast-lower {
    background-color: rgb(228 210 100 / 80%);
}*/


/*Gift Card*/
#gift-cards-page p.gui-align-center.gui-small.breadcrumbs {
	font-size: var(--text-xs, 0.694em);
	text-align: left;
	padding-bottom: 3rem;
  margin-top: calc(-1*var(--space-lg));
}
#gift-cards-page .gui-align-center.gui-small.breadcrumbs a {
    color: var(--color-primary, #2a6df4);
    text-decoration: underline;
    color: var(--color-contrast-higher, #1c1c21);
}
#gift-cards-page h1.gui-locations-title.gui-align-center.gui-page-title {
	font-size: var(--text-xxl, 2.074em);
	text-align: left;
  padding-bottom: 2rem;
  color: var(--color-contrast-higher, #1c1c21) !important;
}
/*Semantic Marketing - Dotted Line for Accordion Seperator*/
.accordion__item {border-style: solid; border-bottom-width: 1px;}
.accordion__item:first-child {border-top-width: 3px;}
.product-info__accordion {--accordion-border-color: var(--color-contrast-high);}

body > section.section-control.container.max-width-xl.padding-y-xl > div > div.text-component > div > ul {
    --list-bullet-size: 0px;
}
/*Product Specification table border thickness*/
.prop-table__cell {
    border-bottom: 1px solid currentColor;
}

/*Blog Tags No Break*/
a.story__badge {white-space: nowrap; line-height:2;}
.story__badges-wrapper {overflow-wrap: break-word;}
.story__badge:not(:first-child) { margin-left: unset; }
.story__badge {margin-right: var(--space-xxxs);}

/*More space for filters*/
@media (min-width: 64rem) {
.products-gallery .col-9\@md {
    flex-basis: calc( 100% - 0.01px - var(--gap-x, 0.75em));
    max-width: calc( 100% - 0.01px - var(--gap-x, 0.75em));
  }}
@media (min-width: 80rem) {
.products-gallery .col-8\@md {
    flex-basis: calc( 100% - 0.01px - var(--gap-x, 0.75em));
    max-width: calc( 100% - 0.01px - var(--gap-x, 0.75em));
  }}

/*only 5 main categories in mega menu*/
.js-read-more__btn {display: none;}
#tab-tabProduct6 { display: none;}
#tab-tabProduct7 { display: none;}

/* On smaller screens - remove categories after 5 categories*/
@media only screen and (max-width: 600px) {
  #mega-nav-navigation > div > div > ul:nth-child(1) > li.mega-nav__item.js-mega-nav__item.mega-nav__item--expanded > div > div.mega-nav__sub-nav-wrapper-inner.mega-nav__sub-nav.mega-nav__sub-nav--layout-1.js-scroll-container > ul > li:nth-child(6) {display: none;}

	#mega-nav-navigation > div > div > ul:nth-child(1) > li.mega-nav__item.js-mega-nav__item.mega-nav__item--expanded > div > div.mega-nav__sub-nav-wrapper-inner.mega-nav__sub-nav.mega-nav__sub-nav--layout-1.js-scroll-container > ul > li:nth-child(7) {display: none;}

	#mega-nav-navigation > div > div > ul:nth-child(1) > li.mega-nav__item.js-mega-nav__item.mega-nav__item--expanded > div > div.mega-nav__sub-nav-wrapper-inner.mega-nav__sub-nav.mega-nav__sub-nav--layout-1.js-scroll-container > ul > li:nth-child(8) {display: none;}

	#mega-nav-navigation > div > div > ul:nth-child(1) > li.mega-nav__item.js-mega-nav__item.mega-nav__item--expanded > div > div.mega-nav__sub-nav-wrapper-inner.mega-nav__sub-nav.mega-nav__sub-nav--layout-1.js-scroll-container > ul > li:nth-child(9) {display: none;}

	#mega-nav-navigation > div > div > ul:nth-child(1) > li.mega-nav__item.js-mega-nav__item.mega-nav__item--expanded > div > div.mega-nav__sub-nav-wrapper-inner.mega-nav__sub-nav.mega-nav__sub-nav--layout-1.js-scroll-container > ul > li:nth-child(10) {display: none;}
}

/*categories dropdown fit to size*/
.popover {width:unset;}

/*carousel buttons and counter texts are hidden on the heroimage
body > section.hero-carousel.carousel.fade-in.js-carousel.carousel--loaded.is-inview > div.container.max-width-xl.position-relative {
    display: none;
} */



/*Start - Collection thumbnail animation CSS*/
.masonry {
  columns: 3;
  column-gap: 16px;
}
@media (max-width: 1200px) {
  .masonry {
    columns: 3;
  }
}
@media (max-width: 992px) {
  .masonry {
    columns: 1;
  }
}
.masonry .grid {
  display: inline-block;
  margin-bottom: 16px;
  position: relative;
}
.masonry .grid:before {
  border-radius: 5px;
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.2);
}
.masonry .grid img {
  width: 100%;
  border-radius: 5px;
}
.masonry .grid__title {
  font-size: 28px;
  font-weight: bold;
  margin: 0px 0px 10px 0px;
  color: #fff;
}
.masonry .grid__author {
  font-size: 14px;
  font-weight: 300;
}
.masonry .grid__link {
  position: absolute;
  color: rgba(0, 0, 0, 0.05);
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.masonry .grid__body {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  padding: 30px 30px;
  color: #fff;
  display: flex;
  flex-direction: column;
}
.masonry .grid__tag {
  background-color: rgba(255, 255, 255, 0.8);
  color: #333;
  border-radius: 5px;
  padding: 3px 3px 5px;
  margin-bottom: 5px;
  font-size: 13px;
}

.mt-auto {
  margin-top: auto;
}
/*End - Collection thumbnail animation CSS*/

/*Start - text highlighting CSS*/
.container3 {
  line-height: 1.2;
  text-align: center;
  padding-left: 44px;
  padding-right: 44px;
  padding-bottom: 44px;
  color: #333;
}

.highlight-container, .highlight {
  position: relative;
}

.highlight-container {
  display: inline-block;
}
.highlight-container:before {
  content: " ";
  display: block;
  height: 90%;
  width: 100%;
  margin-left: -3px;
  margin-right: -3px;
  position: absolute;
  
background: rgb(215 215 215 / 80%);
    /* background: #E8E6B8; spring color*/
  /* background: #FFCE75; winter color*/
  /* background: #ffd500; spring color*/
   /* background: #BFACE0; fall color*/
   /*transform: rotate(2deg);
   top: -1px;
  left: -1px;*/
 /* border-radius: 20% 25% 20% 24%;*/
  border-radius: 0% 0% 0% 0%;
  padding: 10px 3px 3px 10px;
}
/*End - text highlighting CSS*/
h1.ingredientsPageTitle {
 font-size: 42px;
  }

/*Start - hide tags based on language CSS*/
a[href*="en/tags/neu/"] {display:none;}
a[href*="de/tags/new/"] {display:none;}
a[href*="en/tags/ohne-zuckerzusatz/"] {display:none;}
a[href*="de/tags/no-added-sugar/"] {display:none;}
a[href*="en/tags/antiseptisch/"] {display:none;}
a[href*="de/tags/anti-septic/"] {display:none;}
a[href*="en/tags/immunstaerkend/"] {display:none;}
a[href*="de/tags/immune-boosting/"] {display:none;}
a[href*="en/tags/hautaufhellend/"] {display:none;}
a[href*="de/tags/skin-whitening/"] {display:none;}
a[href*="en/tags/haarbehandlung/"] {display:none;}
a[href*="en/tags/locken-pflegen/"] {display:none;}
a[href*="de/tags/curl-maximizing/"] {display:none;}
a[href*="en/tags/anti-verwirrung/"] {display:none;}
a[href*="de/tags/anti-tangling/"] {display:none;}
a[href*="de/tags/anti-cellulite/"] {display:none;}
a[href*="en/tags/anti-pigmentierung/"] {display:none;}
a[href*="de/tags/anti-pigmentation/"] {display:none;}
a[href*="de/tags/peeling/"] {display:none;}
a[href*="de/tags/exfoliating/"] {display:none;}
a[href*="en/tags/anti-rasurbrand/"] {display:none;}
a[href*="de/tags/anti-razor-burn/"] {display:none;}
a[href*="de/tags/anti-stress/"] {display:none;}
a[href*="en/tags/energetisierend/"] {display:none;}
a[href*="de/tags/energising/"] {display:none;}
a[href*="en/tags/anti-makel/"] {display:none;}
a[href*="de/tags/anti-blemish/"] {display:none;}
a[href*="en/tags/anti-verschmutzung/"] {display:none;}
a[href*="de/tags/anti-pollution/"] {display:none;}
a[href*="de/tags/styling/"] {display:none;}
a[href*="en/tags/anti-spliss/"] {display:none;}
a[href*="de/tags/anti-splitting/"] {display:none;}
a[href*="en/tags/anti-roetungen/"] {display:none;}
a[href*="de/tags/anti-redness/"] {display:none;}
a[href*="en/tags/erfrischend/"] {display:none;}
a[href*="de/tags/refreshing/"] {display:none;}
a[href*="en/tags/anti-ermuedung/"] {display:none;}
a[href*="de/tags/anti-fatigue/"] {display:none;}
a[href*="en/tags/anti-schwellung/"] {display:none;}
a[href*="de/tags/anti-puff/"] {display:none;}
a[href*="en/tags/schuetzend/"] {display:none;}
a[href*="de/tags/protecting/"] {display:none;}
a[href*="en/tags/anti-oxidationsmittel/"] {display:none;}
a[href*="de/tags/anti-oxidant/"] {display:none;}
a[href*="de/tags/anti-aging/"] {display:none;}
a[href*="en/tags/stimulierend/"] {display:none;}
a[href*="de/tags/stimulating/"] {display:none;}
a[href*="en/tags/hautstraffung/"] {display:none;}
a[href*="de/tags/skin-tightening/"] {display:none;}
a[href*="en/tags/hauttoner/"] {display:none;}
a[href*="de/tags/skin-toning/"] {display:none;}
a[href*="en/tags/porenveredelung/"] {display:none;}
a[href*="de/tags/pore-refining/"] {display:none;}
a[href*="en/tags/erweichend/"] {display:none;}
a[href*="de/tags/softening/"] {display:none;}
a[href*="en/tags/maennerpflege/"] {display:none;}
a[href*="de/tags/grooming/"] {display:none;}
a[href*="en/tags/konditionierung/"] {display:none;}
a[href*="de/tags/conditioning/"] {display:none;}
a[href*="en/tags/anti-juckreiz/"] {display:none;}
a[href*="de/tags/anti-itching/"] {display:none;}
a[href*="de/tags/anti-frizz/"] {display:none;}
a[href*="en/tags/hautbehandlung/"] {display:none;}
a[href*="de/tags/skin-treatment/"] {display:none;}
a[href*="en/tags/glaettend/"] {display:none;}
a[href*="de/tags/smoothing/"] {display:none;}
a[href*="en/tags/restaurativ/"] {display:none;}
a[href*="de/tags/restoring/"] {display:none;}
a[href*="en/tags/feuchtigkeitsspendend/"] {display:none;}
a[href*="de/tags/moisturising/"] {display:none;}
a[href*="en/tags/anti-trockenheit/"] {display:none;}
a[href*="de/tags/anti-dryness/"] {display:none;}
a[href*="en/tags/beruhigend/"] {display:none;}
a[href*="de/tags/soothing/"] {display:none;}
a[href*="en/tags/hautreinigung/"] {display:none;}
a[href*="de/tags/skin-cleansing/"] {display:none;}
a[href*="en/tags/hautausgleichend/"] {display:none;}
a[href*="de/tags/skin-balancing/"] {display:none;}
a[href*="en/tags/desinfektionsmittel/"] {display:none;}
a[href*="de/tags/sanitising/"] {display:none;}
a[href*="en/tags/naehrend/"] {display:none;}
a[href*="de/tags/nourishing/"] {display:none;}
a[href*="en/tags/nicht-fettend/"] {display:none;}
a[href*="de/tags/non-greasy/"] {display:none;}
a[href*="en/tags/nicht-komedogen/"] {display:none;}
a[href*="de/tags/non-comedogenic/"] {display:none;}
a[href*="en/tags/hydratisierend/"] {display:none;}
a[href*="de/tags/hydrating/"] {display:none;}
a[href*="en/tags/anti-entzuendlich/"] {display:none;}
a[href*="de/tags/anti-inflammatory/"] {display:none;}
a[href*="en/tags/anti-stumpfheit/"] {display:none;}
a[href*="de/tags/anti-dullness/"] {display:none;}
/*End - hide tags based on language CSS*/

/*Start of Photo Slide - Routines*/
* {box-sizing: border-box}
.mySlides {display: none}
img {vertical-align: middle;}

/* Slideshow container */
.slideshow-container {
  max-width: 900px;
  position: relative;
  margin: auto;
}

/* Next & previous buttons */
.prev, .next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  padding: 16px;
  margin-top: -22px;
  color: grey;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
  text-decoration: none;
}

/* Position the "next button" to the right */
.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover {
  background-color: #000000;
}

/* Caption text */
.text_EN {
  color: #000;
  font-size: 1.3vw;
  padding-top:8px;
  padding-left: 42px;
  position: absolute;
  bottom: 8px;
  width: 50%;
  text-align: left;
}
.text_DE {
  color: #000;
  font-size: 1.3vw;
  padding-top:8px;
  padding-left: 42px;
  position: absolute;
  bottom: 8px;
  width: 50%;
  text-align: left;
}

/* Number text (1/3 etc) */
.numbertext {
  color: #000;
  font-size: 1.2vw;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

/* Routine Step Name (Cleansing etc) */
.routinestep {
  color: #000;
  font-size: 3vw;
  padding-left: 10px;
  padding-top: 24px;
  position: absolute;
  top: 0;
}

/* The dots/bullets/indicators */
.dot {
  cursor: pointer;
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.active, .dot:hover {
  background-color: #717171;
}

/* Fading animation */
.fade {
  animation-name: fade;
  animation-duration: 1.5s;
}

@keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

/* On smaller screens, decrease text size */
@media only screen and (max-width: 600px) {
  .prev, .next, .text_EN, .text_DE {font-size: 0.5em !important;}
}
/*End of Photo Slide - Routines*/
/*Change the cookie consent colors*/
body .wsa-cookielaw .wsa-cookielaw-button-red {
    background: #555555;
}
body .wsa-cookielaw .wsa-cookielaw-button-green {
    background: #2ba25b;
}

.icon-apero.icon--time {
  font-size: 11em;
  float: left;
  padding-right:10px;
  }
@media only screen and (max-width: 900px) {
.icon-apero.icon--time {
  font-size: 11em;
   float: none;
  }
}

/*New Inverted Button look and feel - used skin analysis appointment page*/
.btn--primary-inverted {
    background-color: #ffffff;
    color: #485968;
    border: 2px solid #485968;
    border-radius: 2em;
    padding-left: var(--space-md);
    padding-right: var(--space-md);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-decoration: none;
    display: inline-block;
    font-weight: bold;
    transition: background-color 0.3s ease, color 0.3s ease;
}

.btn--primary-inverted:hover {
    background-color: #000000;
    color: #ffffff;
}

.btn--equal-width {
    display: inline-block;
    width: 100%;
    max-width: 300px; /* You can adjust this value */
    text-align: center;
    box-sizing: border-box;
}
/*Adjusted text sizes - used skin analysis appointment page*/
.responsive-text {
  font-size: 1rem; /* Base size for mobile (≈16px) */
}

@media (min-width: 768px) {
  .responsive-text {
    font-size: 1.3rem; /* Larger size for tablets and up */
}

@media (min-width: 1024px) {
  .responsive-text {
    font-size: 1.575rem; /* Even larger for desktop (≈30px) */
}
/* Global logo control - Small Screens */
@media screen and (max-width: 767px) {
  .mega-nav__logo {
    display: flex;
    align-items: center;
    height: 100%;
    width: 100%;
  }
  .mega-nav__logo img {
    display: block;
    height: auto !important;
    width: auto !important;
    max-height: 28px;
    object-fit: contain;
    vertical-align: middle;
  }
}