/** Shopify CDN: Minification failed

Line 628:45 Unexpected "<"

**/
@font-face {
  font-family: "texgyreadventor-regular-new";
  src: url("/cdn/shop/files/TeXGyreAdventor-Regular.eot");
  src: url("/cdn/shop/files/TeXGyreAdventor-Regular.eot?#iefix")
      format("embedded-opentype"),
    url("/cdn/shop/files/TeXGyreAdventor-Regular.woff2")
      format("woff2"),
    url("/cdn/shop/files/TeXGyreAdventor-Regular_4006c2e6-432d-4375-b1be-ceb59bec3e7d.woff")
      format("woff"),
    url("/cdn/shop/files/TeXGyreAdventor-Regular.ttf")
      format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "texgyreadventor-italic";
  src: url("/cdn/shop/files/TeXGyreAdventor-Italic.eot");
  src: url("/cdn/shop/files/TeXGyreAdventor-Italic.eot?#iefix")
      format("embedded-opentype"),
    url("/cdn/shop/files/TeXGyreAdventor-Italic.woff2")
      format("woff2"),
    url("/cdn/shop/files/TeXGyreAdventor-Italic.woff")
      format("woff"),
    url("/cdn/shop/files/TeXGyreAdventor-Italic.ttf")
      format("truetype");
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}

.sc--press-logos .textStyle-heading-5,
.sc-product-carousel .textStyle-heading-6,
.sc-gallery .textStyle-heading-5,
.sc--parabens-img-w-text .textStyle-heading-6 {
  font-family: texgyreadventor-regular;
}
/* .sc-image-grid .container {
  max-width: 1300px;
} */
.tw-mt-12.sc-gallery {
  margin-top: 2rem;
  margin-bottom: 3.2rem;
}
.sc--hero--schema {
  width: 100%;
  padding-left: var(--outer-gutter);
  padding-right: var(--outer-gutter);
  padding-top: 3.3rem;
  padding-bottom: 2.5rem;
}
.sc-hero {
  max-width: var(--container);
  margin: 0 auto;
}
.sc-product-carousel .container {
  padding-left: 0;
  padding-right: 0;
}
.sc--product-carousel .sc-collection .container {
  padding: 0;
}
.sc--product-carousel {
  max-width: unset;
  width: 100%;
  padding: 1.3rem var(--outer-gutter);
}
.sc-product-carousel {
  max-width: var(--container);
  margin: 0 auto;
}
.grid--safe-face-shade {
  padding-top: 2.6rem;
  padding-bottom: 3.6rem;
}

.collection_banner .banner_image_div {
  padding-bottom: calc(var(--tw-aspect-h) / 5 * 100%);
}
.collection_banner.face .banner_image_div img {
  background-position: center right;
}
.collection_banner .textStyle-display-1 {
  font-size: 5.3rem;
  letter-spacing: 10px;
}
.collection_banner .banner_image_div img {
  height: 100%;
}
.product_title .textStyle-ui-3,
.text-secondary,
.variant-title,
.product-options .textStyle-heading-3,
.custom-eye-palette-main h3,
.swiper-pointer-events .textStyle-heading-4,
.swiper-initialized .textStyle-heading-4,
.textStyle-heading-6.regular,
.rich_text.face-pro .textStyle-heading-6,
.facePro-faqs .textStyle-heading-5,
.facePro-faqs .textStyle-heading-4,
.get-schooled .textStyle-heading-6,
.sc-tiktok .textStyle-heading-5,
.sc-accordion .textStyle-heading-5,
.sc-accordion ul .textStyle-heading-4,
.AccordionWithNav .textStyle-heading-4,
.image-grid .\..\..textStyle-heading-5,
.blog-template-area h2.textStyle-heading-5.text-primary {
  font-family: texgyreadventor-regular;
  font-weight: 500;
}
.rich_text.face-pro {
  padding-top: 4rem;
}
.variant-title {
  --descent-scale: 0.1;
}
.product_title .textStyle-ui-3,
.text-secondary {
  opacity: 50%;
}
.mobile-menu-toggle button {
  --descent-scale: 0.1;
}
.cake-main-header {
  margin-left: 30px !important;
}
.cake-main-options {
  width: 160px !important;
  margin-left: 25px;
}
.cake-main {
  position: relative;
  left: -55px;
  padding-top: 22px;
}
h1.custom-eye-palette-header.textStyle-heading-6 {
  display: block;
}
h1.custom-eye-palette-header.textStyle-heading-6.tw-ml-2\.5.max-lg\:tw-hidden {
  display: none;
}
.md\:container.py-12.md\:py-16.face-pro {
  padding-top: 0;
  padding-bottom: 0;
}
.face-pro .md\:grid-row {
  column-gap: 0;
}
.face-pro p,
.facePro-faqs p {
  font-size: 25px;
  font-family: texgyreadventor-regular;
  line-height: 1.4;
}
.face-pro .container,
.md\:container.face-pro,
.rich_text.face-pro {
  max-width: 1400px;
}
.section-product-carousel.face-pro .container {
  padding-bottom: 4rem;
}
.md\:container.py-12.md\:py-16.face-pro.aboveFooter {
  padding-bottom: 3rem;
}
.rich_text.face-pro {
  text-align: center;
}
.richText-aboveFooter {
  padding-top: 1.5rem;
  padding-bottom: 1.25rem !important;
}
.sc-tiktok .mobile_hori_padding {
  padding-left: 1rem;
}
.sc-gallery.sc-tiktok .pb-4.md\:pb-8 {
  padding-bottom: 3.25rem;
}
.sc-gallery.sc-tiktok .grid-cols {
  max-width: 1300px;
}
.sc-gallery.sc-tiktok .group.relatiave img {
  height: 100%;
}
.sc-tiktok .textStyle-heading-5 {
  text-align: center;
}
.sc-gallery.sc-tiktok .transition-opacity {
  display: none;
}
.sc-accordion ul .textStyle-heading-4,
.AccordionWithNav .textStyle-heading-4 {
  font-size: 24px;
  padding-top: 8px;
  padding-bottom: 10px;
  line-height: 1.2;
}
.sc-accordion ul .textStyle-body-3,
.AccordionWithNav .textStyle-body-3 {
  font-size: 18px;
}
.sc-accordion .textStyle-heading-5 {
  font-size: 2.5rem;
  line-height: 1.3;
}
.footer-custom-images a {
  margin-left: 16px;
  margin-right: 8px;
}
.customize-palette-top {
  display: grid;
  margin-bottom: 16px !important;
  margin-left: 11px;
}
.hero-banner-w-image h1 {
  font-size: 2.5rem;
}
.jdgm-carousel-wrapper {
  max-width: 1280px;
  margin: 0 auto;
}
.jdgm-carousel-title {
  margin: 0;
  text-align: center !important;
  font-size: 2.25rem;
  font-family: texgyreadventor-regular;
}
.jdgm-carousel-wrapper .jdgm-all-reviews-rating-wrapper {
  display: none !important;
  padding: 32px 0 16px !important;
}
.jdgm-carousel-wrapper .jdgm-star.jdgm-star,
.jdgm-carousel .jdgm-star.jdgm-star {
  background-color: transparent !important;
  color: #000 !important;
  font-size: 16px !important;
  margin: 0px !important;
}
/* .swiper.hero-carousel.sc-hero-carousel {
  margin-top: 35px !important;
} */
body.template-index .sc-image-grid.image-grid .container {
  padding-top: 1.3rem;
}
body.template-page\.face-pro .sc-image-grid.image-grid .container {
  padding-top: 0;
}
.glass-skin-water-powder .relative.flex.overflow-hidden.pb-12 {
  padding-bottom: 0;
}
.glass-skin-water-powder .py-8.col-full {
  padding-top: 0px;
}
.bottom-area.footer-col-5.for_desktop {
  display: none;
}
.sty_acc #pro_tips {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.sty_acc #pro_tips div {
  display: inline-flex;
}
.sty_acc #pro_tips ol {
  display: inline-flex;
  margin: 0px;
}
a.button.button--outline--x {
  text-transform: capitalize;
}
.accordion__item {
  border-color: #e2e2e2;
}
.full_width img {
  width: 100%;
}
@media screen and (min-width: 1800px) {
  #footer-area .footer-columns {
    grid-template-columns: 460px 260px 260px 460px;
  }
  li.space-y-2.col-span-2.mt-6.bg-primary.lightTheme.p-8 {
    position: static;
  }
}
@media screen and (min-width: 1025px) {
  #footer-area .footer-custom-images {
    display: none;
  }
  ul.footer-columns.grid li {
    position: relative;
  }
  .footer_logos img {
    position: absolute;
    bottom: -40%;
  }
  .bottom-area.footer-col-5.for_desktop {
    display: block;
    position: absolute;
    bottom: -67%;
  }
  .bottom-area.footer-col-5 {
    display: none;
  }
  .bottom-area.footer-col-5.for_desktop
    .flex.space-x-4.lightTheme.tw-flex-wrap {
    flex-wrap: nowrap;
  }
  .container.my-16.tw-mt-12.sc-gallery.sc-tiktok {
      margin-top: 48px;
  }
  .template-page\.samples .sc-accordion {
    padding-top: 48px;
  }
  .tg_bannerImage {
    height: 380px
  }
}
@media screen and (min-width: 1024px) {
  .template-index .sc-image-grid.image-grid ul {
    display: grid;
    grid-template-columns: 37% 37%;
    width: 100%;
    justify-content: space-between;
  }
  .template-index .sc-image-grid.image-grid ul li {
    padding-left: 0;
    width: 100%;
  }
  [aria-label="Previous slide"].swiper-btn {
    left: -4px;
  }
  .sc--press-logos.image-grid {
    padding-left: 1.3rem;
    padding-right: 1.3rem;
  }
  .sc--press-logos.image-grid .container {
    padding: 0;
  }
  .sc--parabens-img-w-text.tw-block .textStyle-heading-6 {
    margin-top: 0;
  }
  .hero-banner.hero-banner-w-image.relative,
  .hero-banner.hero-banner-w-image.relative img {
    width: 100%;
   
  }
  .banner-inner {
    min-height: 100%;
  }
  .banner-inner img {
    width: 100%;
    min-height: 100%;
  }
  .blog-template-area h2.textStyle-heading-5.text-primary {
    font-size: 28px !important;
  }
  body.template-index h2.textStyle-heading-5 {
    margin-bottom: 4.3rem;
  }
  body.template-index .sc--press-logos.image-grid h2.textStyle-heading-5 {
    margin-bottom: 7px;
  }
  .image-grid .\..\..textStyle-heading-5 {
    font-size: 28px;
    line-height: 1.2;
    margin-bottom: 20px;
  }
  .sc-accordion ul .textStyle-heading-4,
  .AccordionWithNav .textStyle-heading-4 {
    font-size: 26px;
    padding: 0px;
  }
  .sc-accordion ul button {
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 25px;
    padding-bottom: 25px;
  }
  .sc-accordion ul .textStyle-body-3,
  .AccordionWithNav .textStyle-body-3 {
    font-size: 20px;
  }
  .sc-gallery.sc-tiktok .bg-primary {
    width: 20%;
  }
  .facePro-faqs .textStyle-heading-4 {
    font-size: 24px;
    padding-top: 8px;
    padding-bottom: 8px;
  }
  .richText-aboveFooter {
    padding-bottom: 3rem !important;
    padding-top: 20px !important;
  }
  .sc--parabens-img-w-text .container {
    margin: 2rem auto;
  }
  .collection_banner .banner_image_div {
    height: 380px;
  }
  .collection-leftBar .textStyle-heading-6 {
    font-size: 1.6rem;
    line-height: 1;
  }
  .row {
    justify-content: center;
  }

  .cake-main {
    margin-top: 20px;
  }
  .md\:grid-row {
    -moz-column-gap: var(--inner-gutter);
    column-gap: var(--inner-gutter);
    display: grid;
  }
  .sc-tiktok .textStyle-heading-5 {
    font-size: 2.25rem;
  }
  .grid--safe-face-shade.image-grid ul li:first-child {
    padding: 0;
  }
  .py-8.box.bg-primary.text-primary.md\:py-16.sc-accordion.face-pro {
    padding-top: 32px;
    padding-bottom: 32px;
  }
  .py-8.box.bg-primary.text-primary.md\:py-16.sc-accordion.face-pro
    .pb-10.md\:py-12 {
    padding-top: 0;
    padding-bottom: 4rem;
  }
  .template-page\.animal-testing .AccordionWithNav,
  .template-page\.color-discrepancy .AccordionWithNav {
    padding-top: 48px;
  }
}
@media screen and (min-width: 1280px) {
  .sc-accordion ul .textStyle-heading-4,
  .AccordionWithNav .textStyle-heading-4 {
    font-size: 30px;
    line-height: 1.2;
    padding: 0px;
  }
  .sc-accordion ul .textStyle-body-3,
  .AccordionWithNav .textStyle-body-3 {
    font-size: 25px;
  }
  p.textStyle-body-2.text-primary {
    font-size: 25px;
    line-height: 1.6;
}
  .header_iconsBox {
    position: static;
  }
  .login_icon {
    display: none;
  }
  .eye-palette-description h4 {
    font-size: 20px;
    line-height: 1.4;
    font-family: "texgyreadventor-regular";
    font-weight: 500;
  }
  .textStyle-body-3 {
    font-size: 25px;
}
  .eye-palette-description p {
    font-size: 16px;
  }
  .hero-banner-w-image h1 {
    font-size: 4rem;
  }
}
@media screen and (min-width: 1200px) {
  h1.custom-eye-palette-header.textStyle-heading-6 {
    display: none;
  }
  h1.custom-eye-palette-header.textStyle-heading-6.tw-ml-2\.5.max-lg\:tw-hidden {
    display: block;
  }
}
@media screen and (min-width: 1140px) {
  .collection-leftBar .textStyle-heading-6 {
    font-size: 2rem;
  }
  .hero-banner.hero-banner-w-image.relative,
  .hero-banner.hero-banner-w-image.relative img {

  }
  .textStyle-ui-2 {
    font-size: 2.3rem;
  }
}

@media screen and (max-width: 1024px) {
  .iPad_block {
    display: block;
  }
  .footer_logos {
    display: none;
  }
  a.footer_logos {
    margin-right: 16px;
    margin-left: 0;
  }
  .footer-custom-images a {
    margin-left: 0;
    margin-right: 24px;
  }
  .sty_acc #pro_tips {
    gap: 13px;
  }
  button.flex.w-full.flex-1.justify-between.items-center.lg\:hidden.products_toggle {
    justify-content: normal;
    gap: 1.5rem;
  }
}
@media screen and (min-width: 767px) and (max-width: 1024px) {
  
  .collection_banner .banner_image_div {
    height: 330px;
  }
  .collection_banner .textStyle-display-1 {
    font-size: 3.5rem;
  }
  .collection-leftBar .textStyle-heading-6 {
    font-size: 2.5rem;
    line-height: 1;
    height: 2.25rem;
  }
  .products_toggle {
    height: 2.25rem;
  }
  .sc-gallery.sc-tiktok .bg-primary {
    width: 33.3%;
  }
  .sc-gallery.sc-tiktok .grid-cols {
    row-gap: 2rem;
  }
  .hero-banner.hero-banner-w-image.relative,
  .hero-banner.hero-banner-w-image.relative img {
    width: 100%;
  }
  .grid--safe-face-shade.image-grid ul li {
    padding-left: 0;
  }
}
@media screen and (max-width: 767px) {
    .sc-accordion ul .textStyle-body-3,
  .AccordionWithNav .textStyle-body-3 {
    font-size: 18px;
  }
  p.textStyle-body-2.text-primary {
    font-size: 18px;
}
  .textStyle-body-3 {
    font-size: 18px;
}
  section#shopify-section-template--16002528182479__hero_ABtGkc {
    padding-top: 52px;
  }
  .sc-gallery.sc-tiktok .pb-4.md\:pb-8 {
    padding-bottom: 2rem;
  }
  .sc-gallery.sc-tiktok .grid-cols {
    row-gap: 20px;
  }
  .md\:container.py-12.md\:py-16.face-pro {
    padding-left: 24px;
    padding-right: 24px;
  }
  body.template-index .sc--press-logos .textStyle-heading-5,
  body.template-index .sc-product-carousel .textStyle-heading-6,
  body.template-index .sc-gallery .textStyle-heading-5,
  body.template-index .sc--parabens-img-w-text .textStyle-heading-6 {
    font-size: 26px !important;
  }
  .sc-image-grid .container {
    width: 100%;
  }
  .mobile_hori_padding,
  .sc--hero--schema {
    padding: 20px;
  }
  .sc--product-carousel {
    padding: 18px 20px 30px;
  }
  .template-index .mobile_hori_padding {
    padding-top: 30px;
    padding-bottom: 16px;
  }
  .template-index .sc--hero--schema {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .sc--press-logos {
    padding-top: 20px;
    padding-bottom: 0px;
  }
  .grid--safe-face-shade {
    padding-top: 10px;
    padding-bottom: 32px;
  }
  .grid--safe-face-shade .container,
  .sc-image-grid,
  .sc-image-grid .container,
  .sc--press-logos .container {
    padding-left: 0;
    padding-right: 0;
  }
  .sc-image-grid {
    padding-top: 0px;
    padding-bottom: 0px;
  }
  .sc--parabens-img-w-text .textStyle-heading-6 {
    margin: 0 !important;
  }
  .mobile_padding_zero {
    padding: 0;
  }
  .sc--product-carousel .mobile_padding_zero < div {
    padding: 0px;
  }
  .tw-mt-12.sc-gallery {
    margin-top: 18px;
    margin-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px;
  }
  .sc--parabens-img-w-text .mobile_hori_padding {
    margin: 0;
  }
  .grid--safe-face-shade .mobile_hori_padding {
    padding-bottom: 10px;
  }
  .sc--press-logos .list-images img {
    width: 100%;
  }
  .collection_banner .banner_image_div {
    height: 230px;
  }
  .collection_banner .textStyle-heading-5 {
    font-size: 4rem;
    letter-spacing: 7px;
  }
  .collection-leftBar .textStyle-heading-6 {
    font-size: 1.7rem;
    line-height: 1;
    height: 2rem;
  }
  .products_toggle {
    height: 2rem;
  }
  .md\:container.py-12.md\:py-16.face-pro.aboveFooter {
    padding-bottom: 2rem;
  }
  .rich_text.face-pro {
    padding-top: 0px;
  }
  .face-pro p,
  .facePro-faqs p {
    font-size: 16px;
  }
  .face-pro.more-space p {
    margin-bottom: 20px;
  }
  h2.mb-10.textStyle-heading-6,
  .textStyle-heading-6.regular {
    font-size: 28px;
  }
  .facePro-faqs .textStyle-heading-4 {
    font-size: 16px;
  }
  .sc-accordion ul .textStyle-heading-4,
  .AccordionWithNav .textStyle-heading-4 {
    font-size: 20px;
    padding-top: 8px;
    padding-bottom: 10px;
    line-height: 1.3;
  }
  .sc-accordion ul .textStyle-body-3,
  .AccordionWithNav .textStyle-body-3 {
    font-size: 18px;
  }
  .hero-banner.hero-banner-w-image.relative,
  .hero-banner.hero-banner-w-image.relative img {
    width: 100%;
  }
  .hero-banner-w-image h1 {
    font-size: 2rem;
  }
  .jdgm-carousel-wrapper .jdgm-carousel-title {
    font-size: 24px !important;
  }
  .jdgm-carousel--card-theme .jdgm-carousel-item {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
  .jdgm-carousel__right-arrow,
  .jdgm-carousel__left-arrow {
    height: 16px !important;
    width: 16px !important;
  }
  .jdgm-carousel-wrapper[data-theme="card"] .jdgm-verified-by-judgeme {
    display: none;
  }
  .jdgm-carousel-wrapper {
    padding: 20px 0 0 !important;
  }
  .sc-gallery .grid-cols {
    row-gap: 48px;
  }
  .sc--press-logos.image-grid .title-wrap.pb-8 {
    padding-bottom: 5px;
  }
  /* .swiper.hero-carousel.sc-hero-carousel {
    margin-top: 22px;
  } */
  .template-index .sc-image-grid.image-grid ul li {
    gap: 30px;
  }
  .template-index .grid--safe-face-shade.image-grid ul li {
    gap: 38px;
  }
  .sc-gallery > .pb-4.md\:pb-8 {
    padding-bottom: 2.3rem;
  }
  .template-index .sc-image-grid.image-grid p,
  .template-index .grid--safe-face-shade.image-grid p {
    padding-bottom: 8px !important;
  }
  .glass-skin-water-powder .pt-12.md\:tw-pt-0.tw-flex.tw-flex-col {
    padding-top: 20px;
  }
  body.template-page\.face-pro
    .py-8.box.bg-primary.text-primary.md\:py-16.sc-accordion.face-pro {
    padding-top: 2rem;
  }
  .flex.space-x-4.lightTheme.tw-flex-wrap {
    margin-top: 28px;
  }
  body.template-index .sc--parabens-img-w-text .textStyle-heading-6 {
    line-height: 1.5;
    padding-top: 37px;
    padding-bottom: 30px;
  }
}

.product-options span.textStyle-heading-3 {
  font-weight: 400;
}

#custom-eye-palettes-prices {
  font-size: 20px !important;
}

.custom-eye-palette-main h3 {
  margin-bottom: 30px !important;
}

@media screen and (max-width: 767px) {
  #shopify-section-template--16002528182479__31ed8635-7534-479c-b834-7c00dd99af8d
    .sc--press-logos
    .list-images {
    display: flex !important;
    flex-direction: row;
  }
  #shopify-section-template--16002528182479__31ed8635-7534-479c-b834-7c00dd99af8d
    .sc--press-logos
    .list-images
    .mobile_hori_padding {
    width: 50% !important;
  }
}
/* This was added by Branden */
/* === HERO BANNER — background cover, center-cropped === */
.hero-banner-w-image {
  position: relative;
  overflow: hidden;
  width: 100%;
  /* Responsive visual height of the hero area (tweak to taste) */
  height: clamp(220px, 28vw, var(--hero-baseline-height, 520px));
}

.hero-banner-w-image .banner_image_div.hero-bg {
  position: absolute;
  inset: 0;
  background-image: var(--hero-bg);
  background-size: cover;          /* key: works like object-fit: cover */
  background-position: 50% 45%;    /* center, nudged up slightly; adjust if needed */
  background-repeat: no-repeat;
}

/* If you re-enable overlay text, ensure it sits above the image */
.hero-banner-w-image .absolute.inset-0 {
  position: absolute;
  inset: 0;
  z-index: 1;
}
/* === HERO BANNER — background cover, guaranteed height === */






/* Make all page heroes match collection hero height */
.template-page .hero-banner-w-image {
  height: clamp(220px, 28vw, 520px) !important;
}

/* Product page: layout shade/variant swatches in a left-aligned grid */
.template-product #AddToCartForm .shade-swatches {
  display: grid;
  /* key change: don't stretch each column to 1fr, size to content */
  grid-template-columns: repeat(auto-fit, minmax(60px, max-content));
  column-gap: 4px;
  row-gap: 4px;
  width: 100%;
  margin-left: 0 !important;   /* kill -ml-3 on the container */
  justify-content: flex-start; /* pack columns to the left */
}

/* Remove left margin from individual swatch buttons (ml-3) */
.template-product #AddToCartForm .shade-swatches > * {
  margin-left: 0 !important;
}


/* This one worked but seemed to cause a lot of changes on various devices so I am going to test the above and see what works and what does not.

PRODUCT PAGE SHADE GRID ----------------------------- 
.template-product #AddToCartForm .shade-swatches {
  display: grid;
  width: 100%;
  margin-left: 0 !important;
  column-gap: 6px;
  row-gap: 6px;
}

*/
/* Mobile: 5 per row 
@media (max-width: 599px) {
  .template-product #AddToCartForm .shade-swatches {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
}
*/
/* Tablet: 8 per row 
@media (min-width: 600px) and (max-width: 1023px) {
  .template-product #AddToCartForm .shade-swatches {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }
}
*/
/* Desktop: 12 per row (adjust this!) 
@media (min-width: 1024px) {
  .template-product #AddToCartForm .shade-swatches {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
}
*/
/* Remove ml-3 from each swatch item 
.template-product #AddToCartForm .shade-swatches > * {
  margin-left: 0 !important;
}
*/

/* PRODUCT PAGE — Add spacing under title & meta line */
.template-product #AddToCartForm h1.textStyle-display-1 {
  margin-bottom: 12px !important;  /* adjust as needed */
}

.template-product #AddToCartForm p.textStyle-ui-1 {
  margin-top: 8px !important;      /* spacing ABOVE meta line */
  margin-bottom: 16px !important;  /* spacing BELOW meta line */
  line-height: 1.4 !important;     /* fixes the tight -1 line-height */
}