/* home_extra26.css 1111aaa.1 */

:root {
  --runnersduo-hero-min-h: clamp(504px, 63vh, 810px);
  --skincarehands-hero-min-h: clamp(432px, 63vh, 810px);
  --reviews-gap: 24px;
  --reviews-pad: 16px;
  --reviews-radius: 10px;
  --reviews-border: #e6e6ea;
  --reviews-text: #1f1f23;
  --reviews-muted: #6f7280;
  --card-basis-desktop: calc((100% - (3.4 * var(--reviews-gap))) / 3.4);
  --card-basis-mobile: 88%;
  --slide-height: 302px;
  --gap: 28px;
  --radius: 0px;
  --speed: 650ms;
  --slider-bg: #eeeeee;
  --side-pad: clamp(16px, 4vw, 72px);
  --top-pad: clamp(12px, 1.5vw, 24px);
  --bottom-pad: clamp(32px, 4vw, 64px);}

.review-card__stars { color: #b6a455 !important; }
.stars svg { fill: #b6a455 !important; width: 20px !important; height: 20px !important}
.review-card__stars {font-size: 24px !important; line-height: 1}

.beforeandafter-slider{
    background: var(--slider-bg);
    overflow: hidden;
    position: relative;
    width: 100%;
    box-sizing: border-box;
    padding:
      var(--top-pad)
      var(--side-pad)
      var(--bottom-pad)
      var(--side-pad);}

.beforeandafter-track{
    display: flex;
    gap: var(--gap);
    transition: transform var(--speed) ease;
    will-change: transform;
    transform: translate3d(0,0,0);}

.beforeandafter-slide{
    flex: 0 0 auto;
    height: var(--slide-height);
    display: flex;
    align-items: center;
    justify-content: center;}

  .beforeandafter-link{
    display: inline-block;
    text-decoration: none;
    color: inherit}

  .beforeandafter-media{
    position: relative;
    display: inline-block;
    max-height: 100%;}

  .beforeandafter-media img{
    max-height: 100%;
    width: auto;
    max-width: 100%;
    height: auto;
    object-fit: contain;
    display: block;}

  .beforeandafter-overlay{
    position: absolute;
    inset: 0;
    display: grid;
    place-items: center;
    padding: 18px;
    text-align: center;
    opacity: 0;
    transform: translateY(8px);
    transition: opacity .25s ease, transform .25s ease;
    background:linear-gradient(0deg, rgba(0,0,0,.62), rgba(0,0,0,.62)), url("../images/Elixir-wide-1-01.webp") center/cover no-repeat;
    color: #fff;
    pointer-events: none;}

  .beforeandafter-media:hover .beforeandafter-overlay,
  .beforeandafter-media:focus-within .beforeandafter-overlay{opacity: 1; transform: translateY(0);}

  .beforeandafter-overlay h3{
    letter-spacing: .18em;
    font-size: 1.05rem;
    margin: 0 0 .55rem 0;
    font-weight: 700;}

  .beforeandafter-overlay p{
    font-size: .92rem;
    line-height: 1.35;
    opacity: .95;
    margin: 0;
    max-width: 460px;}

  @media (max-width: 520px){
    :root{
      --gap: 16px;
      --side-pad: 12px}
    .beforeandafter-overlay p{
      font-size: .9rem}
  }

/* =========================================================
   Part 1
   ========================================================= */

/* ============================ PageFly section background ============================ */ .__pf.__pf_HqPXswfn .pf-67814736a329-1_ { padding-top: 0; padding-bottom: 0; background-size: cover; background-image: url(../images/brand_bellagrace_angel.webp?v=1748290274); background-position: right center; } /* ============================ Global page background ============================ */ body { background: #eeeeee; } /* ============================ Reviews section + slider ============================ */ .reviews { background: #eeeeee; width: 100%; padding: 8px 0; } .reviews__header { display: flex; justify-content: flex-end; padding: 0 var(--reviews-pad) 10px; } .reviews__all { color: #7a9cff; text-decoration: none; font-size: 14px; } .reviews__viewport { position: relative; padding: 0 56px; /* room for arrows */ } .reviews__window { overflow: hidden; } .reviews__track { display: flex; gap: var(--reviews-gap); will-change: transform; transform: translate3d(0, 0, 0); transition: transform 600ms ease; padding: 0 var(--reviews-pad); } /* Nav buttons */ .reviews__nav { position: absolute; top: 50%; transform: translateY(-50%); width: 44px; height: 44px; border-radius: 999px; border: 1px solid var(--reviews-border); background: #fff; box-shadow: 0 6px 18px rgba(0, 0, 0, 0.12); cursor: pointer; display: grid; place-items: center; font-size: 22px; line-height: 1; color: #111; z-index: 2; } .reviews__nav--prev { left: 10px; } .reviews__nav--next { right: 10px; } /* ============================ Review card (FIXED) - Removed absolute footer (was causing overlap) - Card is now a flex column - Body scrolls; footer always visible ============================ */ .review-card { flex: 0 0 var(--card-basis-desktop); background: #fff; border: 1px solid var(--reviews-border); border-radius: var(--reviews-radius); box-sizing: border-box; /* layout */ display: flex; flex-direction: column; /* sizing */ min-height: 278px !important; /* spacing */ padding: 18px; } /* Card internals */ .review-card__top { display: flex; justify-content: space-between; align-items: baseline; gap: 10px; margin-bottom: 10px; } .review-card__identity { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; } .review-card__name { font-weight: 600; color: var(--reviews-text); font-size: 15px; } /* Verified badge with check-in-circle */ .review-card__badge { display: inline-flex; align-items: center; gap: 6px; color: var(--reviews-muted); font-size: 13px; font-weight: 500; } .review-card__check { width: 16px; height: 16px; display: inline-flex; align-items: center; transform: translateY(1px); /* optical alignment */ } .review-card__check svg { width: 16px; height: 16px; } .review-card__check svg circle { fill: #2e4f7c; } .review-card__check svg path { stroke: #fff; stroke-width: 1; } .review-card__date { color: var(--reviews-muted); font-size: 13px; white-space: nowrap; } /* Stars bigger + smoother */ .review-card__stars { margin: 8px 0 12px; } .stars { display: inline-flex; gap: 6px; } .stars svg { width: 18px; height: 18px; display: block; fill: #b89b45; } /* Title */ .review-card__title { margin: 0 0 10px; font-size: 20px; line-height: 1.2; color: var(--reviews-text); font-weight: 650; } /* Body (scroll area) */ .review-card__body { flex: 1 1 auto; overflow-y: auto; padding-right: 6px; /* space for scrollbar */ margin: 0; color: #3f414b; font-size: 14px; line-height: 1.6; /* key: ensures text doesn't “touch” footer even if long */ padding-bottom: 10px; } /* Optional link */ .review-card__more { color: #7a9cff; text-decoration: none; white-space: nowrap; } /* Footer (in flow, always below body) */ .review-card__footer { flex: 0 0 auto; margin-top: 14px; display: flex; align-items: center; gap: 10px; color: var(--reviews-muted); } .review-card__product-img { width: 42px; height: 42px; border-radius: 6px; object-fit: cover; } .review-card__product { font-size: 14px; } /* ============================ Mobile + tablet tweaks (reviews) ============================ */ @media (max-width: 1024px) { /* keep arrows comfortable */ .reviews__viewport { padding: 0 44px; } .reviews__nav--prev { left: 8px; } .reviews__nav--next { right: 8px; } } @media (max-width: 768px) { .reviews__viewport { padding: 0 14px; } .reviews__track { padding: 0; } .reviews__nav--prev { left: 6px; } .reviews__nav--next { right: 6px; } .review-card { flex-basis: var(--card-basis-mobile); min-height: 340px; padding: 16px; } .review-card__title { font-size: 18px; } /* IMPORTANT: keep body readable and ensure footer stays visible */ .review-card__body { /* cap scroll area so footer doesn't get pushed too far down */ max-height: 220px; -webkit-overflow-scrolling: touch; } /* slightly smaller product row */ .review-card__product { font-size: 13px; } } /* very small phones */ @media (max-width: 380px) { .review-card { min-height: 320px; } .review-card__body { max-height: 200px; } } /* ============================ Make review cards LESS TALL (desktop + overall) - stop body from stretching - reduce min-height ============================ */ /* Stop the review text area from forcing extra height */ .review-card__body{ flex: 0 0 auto !important; /* was flex: 1 1 auto */ } /* Reduce overall card minimum height (desktop) */ @media (min-width: 769px){ .review-card{ min-height: 190px !important; /* was 278px */ padding: 14px 16px !important; /* slightly tighter vertical padding */ } .review-card__body{ flex: 0 0 auto !important; max-height: 208px !important; line-height: 1.5 !important; padding-bottom: 4px !important; } .review-card__title{ margin: 0 0 8px !important; } .review-card__stars{ margin: 6px 0 10px !important; } .review-card__footer{ margin-top: 15px !important; min-height: 45px; } } /* ============================ Reviews loading spinner ============================ */ .reviews { position: relative; } /* Loader container */ .reviews__loader { position: absolute; inset: 0; z-index: 5; display: flex; align-items: center; justify-content: center; background: #eeeeee; /* matches section bg */ transition: opacity 0.35s ease, visibility 0.35s ease; } /* Spinner */ .reviews__spinner { width: 42px; height: 42px; border-radius: 50%; border: 3px solid rgba(182, 164, 85, 0.25); border-top-color: #b6a455; /* bronze gold */ animation: reviews-spin 0.9s linear infinite; } @keyframes reviews-spin { to { transform: rotate(360deg); } } /* Hidden state */ .reviews--loaded .reviews__loader { opacity: 0; visibility: hidden; pointer-events: none; } /* Optional: subtle fade-in for cards */ .reviews__track { opacity: 0; transition: opacity 0.35s ease; } .reviews--loaded .reviews__track { opacity: 1; } /* ============================ Footer always bottom-left ============================ */ .review-card{ display: flex; flex-direction: column; } .review-card__footer{ margin-top: auto !important; /* pushes footer to bottom */ align-self: flex-start; /* left align */ } /* ============================ Runners Duo Hero ============================ */ .runnersduo-hero { position: relative; min-height: var(--runnersduo-hero-min-h); overflow: hidden; } .runnersduo-bg { position: absolute; inset: 0; background: url("../images/runners_02.webp") center / cover no-repeat; transform: scale(1.01); } .runnersduo-shade { position: absolute; inset: 0; } .runnersduo-content { position: absolute; inset: 0; z-index: 2; display: flex; flex-direction: column; justify-content: flex-end; align-items: flex-start; padding: clamp(2rem, 6vw, 4rem); padding-bottom: clamp(3rem, 7vw, 5.5rem); } /* Neutralize Bootstrap row spacing */ .runnersduo-content .row { width: 100%; margin: 0; } /* Typography */ .runnersduo-title { font-weight: 700; letter-spacing: -0.02em; font-size: clamp(2.25rem, 4vw, 3.5rem); margin-bottom: 0.75rem; } .runnersduo-kicker { font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; font-size: 0.9rem; opacity: 0.95; } .runnersduo-lead { max-width: 46ch; opacity: 0.95; margin-top: 0.5rem; margin-bottom: 1.5rem; } /* CTA */ .runnersduo-cta { background: #fff; color: #111; border: 1px solid rgba(255, 255, 255, 0.85); padding: 0.85rem 1.8rem; font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase; font-size: 0.8rem; } .runnersduo-cta:hover { background: rgba(255, 255, 255, 0.92); color: #111; } /* Responsive (hero) */ @media (max-width: 991.98px) { .runnersduo-content { justify-content: flex-start; } .runnersduo-shade { background: linear-gradient( 180deg, rgba(0, 0, 0, 0.78) 0%, rgba(0, 0, 0, 0.50) 40%, rgba(0, 0, 0, 0.12) 70%, rgba(0, 0, 0, 0) 100% ); } } /* ============================ Skincare Hands Hero ============================ */ .skincarehands-hero { position: relative; min-height: var(--skincarehands-hero-min-h); overflow: hidden; } .skincarehands-bg { position: absolute; inset: 0; background: url("../images/landing-142.webp") center / cover no-repeat; transform: scale(1.01); } .skincare-shade { position: absolute; inset: 0; background: linear-gradient( 90deg, rgba(173, 144, 123, 0.85) 0%, rgba(173, 144, 123, 0.78) 25%, rgba(173, 144, 123, 0.60) 45%, rgba(173, 144, 123, 0.30) 60%, rgba(173, 144, 123, 0.00) 72% ); } .skincarehands-content { position: absolute; inset: 0; z-index: 2; display: flex; flex-direction: column; justify-content: flex-end; align-items: flex-start; padding: clamp(2rem, 6vw, 4rem); padding-bottom: clamp(3rem, 7vw, 5.5rem); } .skincarehands-content .row { width: 100%; margin: 0; } .skincarehands-content .col-lg-12 { max-width: 50%; } @media (min-width: 992px) { .skincarehands-content .col-lg-12 { flex: 0 0 50%; width: 50%; max-width: 50%; } } /* ============================ Misc typography bits ============================ */ .txtherobg1 { font-size: 20px !important; } .bgtagline1 { font-size: 20px !important; font-weight: 600 !important; letter-spacing: 0 !important; } .kkvanityfair { font-size: 20px; line-height: 34px !important; } .opendoorstxt { font-size: 25px !important; } .kristinakajic { font-size: 23px !important; }

/* ============================ Elixir Product Card ============================ */ .bgelixir { padding: 3.5%; padding-left: clamp(2rem, 6vw, 4rem); padding-right: 0; padding-top: 0; padding-bottom: 0; } .elixirproduct-float { position: absolute; right: clamp(1.5rem, 4vw, 3.5rem); bottom: clamp(0.75rem, 3vw, 2rem); z-index: 3; width: min(620px, calc(100% - 2rem)); } .elixirproduct-card { border: 0; box-shadow: 0 18px 60px rgba(0, 0, 0, 0.35); } .elixirproduct-thumb { width: 120px; height: 120px; border-radius: 0.75rem; background: #f5f6f7; display: grid; place-items: center; overflow: hidden; flex: 0 0 auto; } .elixirproduct-thumb img { width: 100%; height: 100%; object-fit: cover; } .elixirproduct-title { font-weight: 600; } .elixirproduct-price { font-weight: 600; margin-top: 0.15rem; } .elixirproduct-sub { color: #6c757d; margin-top: 0.25rem; } .elixirproduct-cartbtn { width: 126px; height: 42px; border-radius: 0.5rem; border: 1px solid #e9ecef; background: #fff; display: grid; place-items: center; margin-right: 20px; } @media (max-width: 991.98px) { .elixirproduct-float { left: 1rem; right: 1rem; width: auto; } } /* ============================ AOS animations (deduped) ============================ */ .aos-initialized [data-aos][data-aos][data-aos-order="6"] { animation-delay: 0.75s; transition-delay: 0.75s; } .aos-initialized [data-aos=hero] { opacity: 0.001; transform: none; } .aos-initialized [data-aos=hero].aos-animate { animation-name: heroFadeIn; animation-duration: 1s; animation-fill-mode: both; } /* ============================ Misc layout ============================ */ .__pf .pf-r-eh > .pf-c > div { width: 100%; } .hero__aside { width: 100%; padding: var(--outer); } @media (min-width: 1024.5px) and (max-width: 1199.5px) { .__pf.__pf_HqPXswfn .pf-67814736a329-10_, .__pf.__pf_HqPXswfn .pf-67814736a329-6_ { font-size: 18px; } } .__pf.__pf_HqPXswfn .pf-67814736a329-6_ { font-size: 22px; letter-spacing: 0; } .__pf.__pf_HqPXswfn .pf-67814736a329-10_, .__pf.__pf_HqPXswfn .pf-67814736a329-6_ { padding-left: 0; padding-right: 0; color: #4a4a4a; font-family: Montserrat; font-weight: 400; line-height: 35px; } @media (min-width: 1024.5px) and (max-width: 1199.5px) { .__pf.__pf_HqPXswfn .pf-67814736a329-10_, .__pf.__pf_HqPXswfn .pf-67814736a329-6_ { font-size: 18px; } } .__pf.__pf_HqPXswfn .pf-67814736a329-6_ { font-size: 22px; letter-spacing: 0; } .__pf.__pf_HqPXswfn .pf-67814736a329-10_, .__pf.__pf_HqPXswfn .pf-67814736a329-6_ { padding-left: 0; padding-right: 0; color: #4a4a4a; font-family: Montserrat; font-weight: 400; line-height: 35px; } .__pf.__pf_HqPXswfn .pf-67814736a329-10_, .__pf.__pf_HqPXswfn .pf-67814736a329-6_ { font-size: 18px; } @media (min-width: 1024.5px) and (max-width: 1199.5px) { .__pf.__pf_HqPXswfn .pf-67814736a329-5_ { min-height: 200px; padding-left: 60px; padding-right: 60px; padding-top: 40px; } } .__pf.__pf_HqPXswfn .pf-67814736a329-5_ { background-position: center center; padding-left: 80px; padding-right: 80px; padding-top: 40px; background-size: cover; } @media only screen and (min-width: 990px) { .product-upsell__content { --inner: 24px; } } .cart__items-count:before { content: "  ("; } .cart__items-count:after { content: ")"; } /*====== Upsell Products ======*/ .cart__form .block__icon__container { padding: var(--inner) 0; } /* ========== Core Reset & Utilities ========== */ .__pf *, .__pf *::before, .__pf *::after { box-sizing: border-box; } .__pf img, .__pf video { max-width: 100%; border: 0; vertical-align: middle; } .__pf .oh, .pf-sr-only { overflow: hidden; } .__pf [hidden] { display: none !important; } .__pf [disabled], .__pf [readonly] { cursor: default; } .__pf [data-href], .__pf button:not([data-pf-id]):hover { cursor: pointer; } .__pf [disabled]:not([disabled=false]), .pf-dialog svg { pointer-events: none; } .__pf [data-link="inherit"] { color: inherit; text-decoration: none; } .__pf [data-pf-placeholder] { display: none; pointer-events: none !important; outline: 0; } /* ========== Focus Handling ========== */ .__pf:not([data-pf-editor-version="gen-2"]) :focus-visible { outline: 0 !important; box-shadow: none !important; } .__pf:not([data-pf-editor-version="gen-2"]) :not(input):not(select):not(textarea):not([data-active=true]):focus-visible { border: none !important; } /* ========== Layout & Grid ========== */ .__pf .pf-r { display: flex; flex-wrap: wrap; } .__pf .pf-r-dg { display: grid; } .__pf .pf-r-eh > .pf-c { display: flex; } .__pf .pf-r-eh > .pf-c > div { width: 100%; } .__pf .pf-r-ew > .pf-c { flex-grow: 1; flex-basis: 0; } /* ========== Ratio / Media Helpers ========== */ .__pf [style*="--ratio"] { position: relative; padding-bottom: var(--ratio); } .__pf [style*="--ratio"] img, .__pf .pf-ifr { position: absolute; inset: 0; width: 100%; height: 100%; } .__pf .pf-ifr { border: 0; } .__pf .pf-bg-lazy { background-image: none !important; } /* ========== Column / Spacing Variables ========== */ .__pf [style*="--cw"] { padding: 0 15px; width: 100%; margin: auto; max-width: var(--cw); } .__pf [style*="--c-xs"] { max-width: calc(100% / 12 * var(--c-xs)); flex-basis: calc(100% / 12 * var(--c-xs)); } .__pf [style*="--s-xs"] { margin: 0 calc(-1 * var(--s-xs)); } .__pf [style*="--s-xs"] > .pf-c { padding: var(--s-xs); } .__pf [style*="--ew-xs"] > .pf-c { flex-basis: calc(100% / var(--ew-xs)); max-width: calc(100% / var(--ew-xs)); } /* ========== Alignment Helpers ========== */ .__pf .pf-c-lt { justify-content: flex-start; align-items: flex-start; align-content: flex-start; } .__pf .pf-c-ct { justify-content: center; align-items: flex-start; align-content: flex-start; } .__pf .pf-c-rt { justify-content: flex-end; align-items: flex-start; align-content: flex-start; } .__pf .pf-c-lm { justify-content: flex-start; align-items: center; } .__pf .pf-c-cm { justify-content: center; align-items: center; } .__pf .pf-c-rm { justify-content: flex-end; align-items: center; } .__pf .pf-c-lb { justify-content: flex-start; align-items: flex-end; align-content: flex-end; } .__pf .pf-c-cb { justify-content: center; align-items: flex-end; align-content: flex-end; } .__pf .pf-c-rb { justify-content: flex-end; align-items: flex-end; align-content: flex-end; } /* ========== Visibility Helpers ========== */ @media (max-width: 767.4999px) { .__pf .pf-hide { display: none !important; } } @media (min-width: 767.5px) and (max-width: 1024.4999px) { .__pf .pf-sm-hide { display: none !important; } } @media (min-width: 1024.5px) and (max-width: 1199.4999px) { .__pf .pf-md-hide { display: none !important; } } @media (min-width: 1199.5px) { .__pf .pf-lg-hide { display: none !important; } } /* ========== Accessibility ========== */ .pf-sr-only { position: absolute; width: 1px; height: 1px; padding: 0; clip: rect(0, 0, 0, 0); clip-path: inset(50%); white-space: nowrap; border: 0; } .pf-no-border:not(:focus-visible) { border: none; outline: 0; } /* ========== Dialog ========== */ .pf-dialog { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); max-height: min(calc(9 / 16 * 100vw), calc(100% - 2em)); overflow: hidden; background: transparent; border: none; } .pf-dialog::backdrop { background: rgba(0, 0, 0, 0.9); } .pf-dialog-content { display: block; margin: 24px auto 0; width: 100%; height: calc(100% - 24px); } .pf-dialog-content > * { width: 100%; height: 100%; border: 0; } /* ========== Color Schemes ========== */ .pf-color-scheme-1, .pf-color-scheme-2 { --pf-scheme-shadow-color: rgba(0, 0, 0, 0.25); } .pf-color-scheme-2 { --pf-scheme-bg-color: rgba(255, 255, 255, 0); --pf-scheme-text-color: rgb(0, 0, 0); --pf-scheme-btn-bg-color: rgb(145, 157, 169); --pf-scheme-border-color: rgba(0, 0, 0); } /* ========== Buttons / Typography ========== */ [data-pf-type^="Button"] { background-color: var(--pf-scheme-btn-bg-color); background-image: var(--pf-scheme-btn-bg-gradient-color); color: var(--pf-scheme-btn-text-color); } .pf-typography-3 { font-family: "Syne Bold"; font-weight: 400; } .__pf .pf-button-1, .__pf .pf-button-2, .__pf .pf-button-3, .__pf .pf-button-4, .__pf .pf-button-5, .__pf .pf-button-6, .__pf .pf-button-7 { background-color: #919da9; color: #fff; padding: 12px 20px; } .__pf .pf-button-3 { font-family: "Syne Bold"; font-weight: 700; } /* ========== Shopify Font Variables ========== */ div.__pf { --pf-shopify-font-family-type-heading-font: Figtree, sans-serif; --pf-shopify-font-weight-type-heading-font: 600; --pf-shopify-font-family-type-base-font: Figtree, sans-serif; --pf-shopify-font-weight-type-base-font: 400; --pf-shopify-font-family-btn-font: Figtree, sans-serif; --pf-shopify-font-weight-btn-font: 400; } /* ========== Slideshow / Video (PageFly) ========== */ .cQULKI, .gLxCly, .gRHrFs, .irMTUq, .irMTUq .pf-video-wrapper { position: relative; } .cQULKI .pf-slider { display: flex; flex-wrap: nowrap; overflow-x: auto; overflow-y: hidden; scroll-behavior: smooth; scroll-snap-type: x mandatory; scroll-padding-left: 0px; transition: height 250ms ease-in-out; min-height: 0.01px; } .cQULKI .pf-slider:not(.-show-scroll-bar) { scrollbar-width: none; -ms-overflow-style: none; } .cQULKI .pf-slider:not(.-show-scroll-bar)::-webkit-scrollbar { display: none; } .cQULKI .pf-slide { display: flex; flex: 0 0 auto; flex-direction: column; justify-content: center; align-items: center; max-width: none; scroll-snap-align: start; width: calc(100% / (1 + 0)); padding: 0; } /* Breakpoints were duplicates (same values), so removed */ .cQULKI .pf-slider-prev, .cQULKI .pf-slider-next { position: absolute; top: calc(50% - 20px); width: 40px; height: 40px; font-size: 20px; line-height: 1; border: none; cursor: pointer; transition: 0.35s; } .cQULKI .pf-slider-prev::before, .cQULKI .pf-slider-prev::after, .cQULKI .pf-slider-next::before, .cQULKI .pf-slider-next::after { content: ""; position: absolute; background: #fff; } .cQULKI .pf-slider-prev { left: 20px; transform: rotate(180deg); } .cQULKI .pf-slider-next { right: 20px; } .cQULKI .nav-style-1 { border-radius: 50%; background: rgba(0, 0, 0, 0.4); } 

.cQULKI .nav-style-1:hover, .cQULKI .pagination-style-1 button.active { background: #000; } .cQULKI .nav-style-1::before, .cQULKI .nav-style-1::after { width: 1px; height: 8px; } .cQULKI .nav-style-1::before { transform: rotate(45deg); top: 19px; } .cQULKI .nav-style-1::after { transform: rotate(-45deg); top: 14px; } .ijOCzV { --pf-sample-color: #5d6b82; --pf-border-color: #d1d5db; } .irMTUq { max-width: 100%; overflow: hidden; } .irMTUq video { display: flex; height: auto; border-radius: inherit; } .irMTUq svg { position: absolute; top: calc(50% - 32px); left: calc(50% - 32px); z-index: 10; } .irMTUq svg path { pointer-events: none; } .irMTUq .pf-lazy-html-video { margin: 0 auto; } .gLxCly:empty { display: initial; } .gRHrFs { padding: 20px 0; } .blgEEg { width: 100%; height: 100%; } /* ========== Page-specific rules (deduped) ========== */ .__pf.__pf_hBQzXpih .pf-1c1b91e33e88-1_ { padding-top: 0; padding-bottom: 0; } .__pf.__pf_hBQzXpih .pf-1c1b91e33e88-4_ { padding-bottom: 0; } .__pf.__pf_hBQzXpih .pf-1c1b91e33e88-11_, .__pf.__pf_hBQzXpih .pf-1c1b91e33e88-15_, .__pf.__pf_hBQzXpih .pf-1c1b91e33e88-19_, .__pf.__pf_hBQzXpih .pf-1c1b91e33e88-27_, .__pf.__pf_hBQzXpih .pf-1c1b91e33e88-31_, .__pf.__pf_hBQzXpih .pf-1c1b91e33e88-35_, .__pf.__pf_hBQzXpih .pf-1c1b91e33e88-43_, .__pf.__pf_hBQzXpih .pf-1c1b91e33e88-47_, .__pf.__pf_hBQzXpih .pf-1c1b91e33e88-51_, .__pf.__pf_hBQzXpih .pf-1c1b91e33e88-59_, .__pf.__pf_hBQzXpih .pf-1c1b91e33e88-63_, .__pf.__pf_hBQzXpih .pf-1c1b91e33e88-67_, .__pf.__pf_hBQzXpih .pf-1c1b91e33e88-75_, .__pf.__pf_hBQzXpih .pf-1c1b91e33e88-79_, .__pf.__pf_hBQzXpih .pf-1c1b91e33e88-83 { min-height: 0; } .__pf.__pf_hBQzXpih .pf-1c1b91e33e88-12_, .__pf.__pf_hBQzXpih .pf-1c1b91e33e88-16_, .__pf.__pf_hBQzXpih .pf-1c1b91e33e88-20_, .__pf.__pf_hBQzXpih .pf-1c1b91e33e88-28_, .__pf.__pf_hBQzXpih .pf-1c1b91e33e88-32_, .__pf.__pf_hBQzXpih .pf-1c1b91e33e88-36_, .__pf.__pf_hBQzXpih .pf-1c1b91e33e88-44_, .__pf.__pf_hBQzXpih .pf-1c1b91e33e88-48_, .__pf.__pf_hBQzXpih .pf-1c1b91e33e88-52_, .__pf.__pf_hBQzXpih .pf-1c1b91e33e88-60_, .__pf.__pf_hBQzXpih .pf-1c1b91e33e88-64_, .__pf.__pf_hBQzXpih .pf-1c1b91e33e88-68_, .__pf.__pf_hBQzXpih .pf-1c1b91e33e88-76_, .__pf.__pf_hBQzXpih .pf-1c1b91e33e88-80_, .__pf.__pf_hBQzXpih .pf-1c1b91e33e88-84 { width: 100%; } /* ===== PageFly: LANDING US 3 tiles ===== */ .khzvmY, .lnCFtg { position: relative; } .eCpwvD { --pf-sample-color: #5d6b82; --pf-border-color: #d1d5db; } .jkrxGm { display: inline-block; line-height: 1; padding: 12px 20px; text-align: center; text-decoration: none; cursor: pointer; outline: 0; } .lnCFtg:empty { display: initial; } .khzvmY { padding: 20px 0; } @media all { .__pf.__pf_SaEIFeW5 .pf-73f1f66cf5bd-1_ { padding-top: 0; padding-bottom: 0; } .__pf.__pf_SaEIFeW5 .pf-73f1f66cf5bd-3_ { text-align: center; background-image: url("https://cdn.shopify.com/s/files/1/0684/3983/4851/files/stockphoto-200528422.jpg?v=1748292281"); background-position: center center; min-height: 350px; } .__pf.__pf_SaEIFeW5 .pf-73f1f66cf5bd-6_ { text-align: center; background-image: url("https://cdn.shopify.com/s/files/1/0684/3983/4851/files/oilg.jpg?v=1748293220"); background-position: center center; background-size: cover; min-height: 350px; } .__pf.__pf_SaEIFeW5 .pf-73f1f66cf5bd-9_ { text-align: center; background-image: url("https://cdn.shopify.com/s/files/1/0684/3983/4851/files/IG_Phone1.png?v=1748293481"); background-position: center top; background-size: cover; min-height: 350px; } .__pf.__pf_SaEIFeW5 .pf-73f1f66cf5bd-4_, .__pf.__pf_SaEIFeW5 .pf-73f1f66cf5bd-7_, .__pf.__pf_SaEIFeW5 .pf-73f1f66cf5bd-10_ { background-color: rgba(0, 0, 0, 0.62); color: #fff; margin-top: 140px; font-family: Montserrat; font-weight: 500; letter-spacing: 1px; font-size: 22px; border-radius: 10px; } .__pf.__pf_SaEIFeW5 .pf-73f1f66cf5bd-4_:hover, .__pf.__pf_SaEIFeW5 .pf-73f1f66cf5bd-7_:hover, .__pf.__pf_SaEIFeW5 .pf-73f1f66cf5bd-10_:hover { color: #fff; background-color: rgba(0, 0, 0, 0.37); } } @media (min-width: 767.5px) and (max-width: 1024.4999px) { .__pf.__pf_SaEIFeW5 .pf-73f1f66cf5bd-4_, .__pf.__pf_SaEIFeW5 .pf-73f1f66cf5bd-7_, .__pf.__pf_SaEIFeW5 .pf-73f1f66cf5bd-10_ { font-size: 22px; } } @media (max-width: 767.4999px) { .__pf.__pf_SaEIFeW5 .pf-73f1f66cf5bd-4_, .__pf.__pf_SaEIFeW5 .pf-73f1f66cf5bd-7_, .__pf.__pf_SaEIFeW5 .pf-73f1f66cf5bd-10_ { font-size: 22px; margin-top: 80px; } .__pf.__pf_SaEIFeW5 .pf-73f1f66cf5bd-3_, .__pf.__pf_SaEIFeW5 .pf-73f1f66cf5bd-6_, .__pf.__pf_SaEIFeW5 .pf-73f1f66cf5bd-9_ { min-height: 225px; } } /* ===== Shopify section tweaks pulled from inline <style> tags ===== */ #shopify-section-template--18982692028643__section_custom_content_gzrqEK { background-color: #bfd4ff; margin-top: 20px; } #shopify-section-template--18982692028643__section_custom_code_hyqe7U { margin-top: -25px; } #shopify-section-template--18982692028643__apps_yPiTg4 { background: #f0f0f0; padding: 10px 5% 40px; margin-top: -23px; } /* ========================================================= PageFly Core Reset & Utilities ========================================================= */ .__pf *, .__pf *::before, .__pf *::after { box-sizing: border-box; } .__pf img, .__pf video { max-width: 100%; border: 0; vertical-align: middle; } .__pf .oh, .pf-sr-only { overflow: hidden; } .__pf [hidden] { display: none !important; } .__pf [disabled], .__pf [readonly] { cursor: default; } .__pf [data-href], .__pf button:not([data-pf-id]):hover { cursor: pointer; } .__pf [disabled]:not([disabled="false"]), .pf-dialog svg { pointer-events: none; } .__pf [data-link="inherit"] { color: inherit; text-decoration: none; } .__pf [data-pf-placeholder] { display: none; pointer-events: none !important; outline: 0; } /* ========================================================= Focus Handling ========================================================= */ .__pf:not([data-pf-editor-version="gen-2"]) :focus-visible { outline: 0 !important; box-shadow: none !important; } .__pf:not([data-pf-editor-version="gen-2"]) :not(input):not(select):not(textarea):not([data-active="true"]):focus-visible { border: none !important; } .pf-no-border:not(:focus-visible) { border: none; outline: 0; } /* ========================================================= Layout & Grid ========================================================= */ .__pf .pf-r { display: flex; flex-wrap: wrap; } .__pf .pf-r-dg { display: grid; } .__pf .pf-r-eh > .pf-c { display: flex; } .__pf .pf-r-eh > .pf-c > div { width: 100%; } .__pf .pf-r-ew > .pf-c { flex-grow: 1; flex-basis: 0; } .__pf [style*="--cw"] { padding: 0 15px; width: 100%; margin: auto; max-width: var(--cw); } /* ========================================================= Ratio / Media Helpers ========================================================= */ .__pf [style*="--ratio"] { position: relative; padding-bottom: var(--ratio); } .__pf [style*="--ratio"] img, .__pf .pf-ifr { position: absolute; inset: 0; width: 100%; height: 100%; } .__pf .pf-ifr { border: 0; } .__pf .pf-bg-lazy { background-image: none !important; } /* ========================================================= Columns & Spacing (XS → LG) ========================================================= */ .__pf [style*="--c-xs"], .__pf [style*="--c-sm"], .__pf [style*="--c-md"], .__pf [style*="--c-lg"] { max-width: calc(100% / 12 * var(--c-xs)); flex-basis: calc(100% / 12 * var(--c-xs)); } .__pf [style*="--s-xs"], .__pf [style*="--s-sm"], .__pf [style*="--s-md"], .__pf [style*="--s-lg"] { margin: 0 calc(-1 * var(--s-xs)); } .__pf [style*="--s-xs"] > .pf-c, .__pf [style*="--s-sm"] > .pf-c, .__pf [style*="--s-md"] > .pf-c, .__pf [style*="--s-lg"] > .pf-c { padding: var(--s-xs); } .__pf [style*="--ew-xs"] > .pf-c, .__pf [style*="--ew-sm"] > .pf-c, .__pf [style*="--ew-md"] > .pf-c, .__pf [style*="--ew-lg"] > .pf-c { flex-basis: calc(100% / var(--ew-xs)); max-width: calc(100% / var(--ew-xs)); } /* ========================================================= Alignment Helpers ========================================================= */ .__pf .pf-c-lt { justify-content: flex-start; align-items: flex-start; } .__pf .pf-c-ct { justify-content: center; align-items: flex-start; } .__pf .pf-c-rt { justify-content: flex-end; align-items: flex-start; } .__pf .pf-c-lm { justify-content: flex-start; align-items: center; } .__pf .pf-c-cm { justify-content: center; align-items: center; } .__pf .pf-c-rm { justify-content: flex-end; align-items: center; } .__pf .pf-c-lb { justify-content: flex-start; align-items: flex-end; } .__pf .pf-c-cb { justify-content: center; align-items: flex-end; } .__pf .pf-c-rb { justify-content: flex-end; align-items: flex-end; } /* ========================================================= Visibility Helpers ========================================================= */ @media (max-width: 767.4999px) { .__pf .pf-hide { display: none !important; } } @media (min-width: 767.5px) and (max-width: 1024.4999px) { .__pf .pf-sm-hide { display: none !important; } } @media (min-width: 1024.5px) and (max-width: 1199.4999px) { .__pf .pf-md-hide { display: none !important; } } @media (min-width: 1199.5px) { .__pf .pf-lg-hide { display: none !important; } } /* ========================================================= Accessibility ========================================================= */ .pf-sr-only { position: absolute; width: 1px; height: 1px; padding: 0; clip: rect(0, 0, 0, 0); clip-path: inset(50%); white-space: nowrap; border: 0; } /* ========================================================= Dialog ========================================================= */ .pf-dialog { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); max-height: min(calc(9 / 16 * 100vw), calc(100% - 2em)); overflow: hidden; background: transparent; border: none; } .pf-dialog::backdrop { background: rgba(0, 0, 0, 0.9); } .pf-dialog-content { display: block; margin: 24px auto 0; width: 100%; height: calc(100% - 24px); } 

.pf-dialog-content > * { width: 100%; height: 100%; border: 0; } /* ========================================================= Color Schemes ========================================================= */ .pf-color-scheme-1, .pf-color-scheme-2 { --pf-scheme-shadow-color: rgba(0, 0, 0, 0.25); } .pf-color-scheme-2 { --pf-scheme-bg-color: rgba(255, 255, 255, 0); --pf-scheme-text-color: rgb(0, 0, 0); --pf-scheme-btn-bg-color: rgb(145, 157, 169); --pf-scheme-border-color: rgba(0, 0, 0); } /* ========================================================= Buttons & Typography ========================================================= */ [data-pf-type^="Button"] { background-color: var(--pf-scheme-btn-bg-color); background-image: var(--pf-scheme-btn-bg-gradient-color); color: var(--pf-scheme-btn-text-color); } .__pf .pf-button-1, .__pf .pf-button-2, .__pf .pf-button-3, .__pf .pf-button-4, .__pf .pf-button-5, .__pf .pf-button-6, .__pf .pf-button-7 { background-color: #919da9; color: #fff; padding: 12px 20px; } .__pf .pf-button-3 { font-family: "Syne Bold"; font-weight: 700; } /* ========================================================= Shopify Font Variables ========================================================= */ div.__pf { --pf-shopify-font-family-type-heading-font: Figtree, sans-serif; --pf-shopify-font-weight-type-heading-font: 600; --pf-shopify-font-family-type-base-font: Figtree, sans-serif; --pf-shopify-font-weight-type-base-font: 400; --pf-shopify-font-family-btn-font: Figtree, sans-serif; --pf-shopify-font-weight-btn-font: 400; }

/* =========================================================
   Part 2
   ========================================================= */

.main-content{padding:0}
.footer-section,.site-footer,.site-footer-wrapper,main .accent-background+.shopify-section{margin:0}
.__pf .pf-c-lt,.__pf .pf-c-ct,.__pf .pf-c-rt{align-content:flex-start}
.__pf img,.__pf video{max-width:100%;border:0;vertical-align:middle}
.__pf .oh,.pf-sr-only{overflow:hidden}
.__pf [tabIndex],.__pf button,.__pf input,.__pf select,.__pf textarea{touch-action:manipulation}
.__pf [disabled],.__pf [readonly]{cursor:default}
.__pf [data-href],.__pf button:not([data-pf-id]):hover{cursor:pointer}
.__pf [disabled]:not([disabled="false"]),.pf-dialog svg{pointer-events:none}
.__pf:not([data-pf-editor-version="gen-2"]) :focus-visible{outline:0!important;box-shadow:none!important}
.__pf:not([data-pf-editor-version="gen-2"]):not(input):not(select):not(textarea):not([data-active="true"]):focus-visible{border:none!important}
.pf-no-border:not(:focus-visible){border:none;outline:0}
.__pf *,.__pf *::before,.__pf *::after{box-sizing:border-box}
.__pf [hidden]{display:none!important}
.pf-visibility-hidden{visibility:hidden}
.__pf [data-link="inherit"]{color:inherit;text-decoration:none}
.__pf [data-pf-placeholder]{outline:0;height:auto;display:none;pointer-events:none!important}
.__pf [style*="--ratio"]{position:relative;padding-bottom:var(--ratio)}
.__pf [style*="--ratio"] img,.__pf .pf-ifr{position:absolute;top:0;left:0;width:100%;height:100%}
.__pf .pf-ifr{border:0}
.__pf .pf-bg-lazy{background-image:none!important}
.__pf .pf-r{display:flex;flex-wrap:wrap}
.__pf .pf-r-dg{display:grid}
.__pf .pf-r-eh>.pf-c{display:flex}
.__pf .pf-r-eh>.pf-c>div{width:100%}
.__pf .pf-r-ew>.pf-c{flex-grow:1;flex-basis:0}
.__pf [style*="--cw"]{padding:0 15px;width:100%;margin:auto;max-width:var(--cw)}
.__pf [style*="--c-xs"]{max-width:calc(100%/12*var(--c-xs));flex-basis:calc(100%/12*var(--c-xs))}
.__pf [style*="--s-xs"]{margin:0 calc(-1*var(--s-xs))}
.__pf [style*="--s-xs"]>.pf-c{padding:var(--s-xs)}
.__pf [style*="--ew-xs"]>.pf-c{flex-basis:calc(100%/var(--ew-xs));max-width:calc(100%/var(--ew-xs))}
@media (min-width:767.5px){.__pf [style*="--s-sm"]{margin:0 calc(-1*var(--s-sm))}.__pf [style*="--c-sm"]{max-width:calc(100%/12*var(--c-sm));flex-basis:calc(100%/12*var(--c-sm))}.__pf [style*="--s-sm"]>.pf-c{padding:var(--s-sm)}.__pf [style*="--ew-sm"]>.pf-c{flex-basis:calc(100%/var(--ew-sm));max-width:calc(100%/var(--ew-sm))}}
@media (min-width:1024.5px){.__pf [style*="--s-md"]{margin:0 calc(-1*var(--s-md))}.__pf [style*="--c-md"]{max-width:calc(100%/12*var(--c-md));flex-basis:calc(100%/12*var(--c-md))}.__pf [style*="--s-md"]>.pf-c{padding:var(--s-md)}.__pf [style*="--ew-md"]>.pf-c{flex-basis:calc(100%/var(--ew-md));max-width:calc(100%/var(--ew-md))}}
@media (min-width:1199.5px){.__pf [style*="--s-lg"]{margin:0 calc(-1*var(--s-lg))}.__pf [style*="--c-lg"]{max-width:calc(100%/12*var(--c-lg));flex-basis:calc(100%/12*var(--c-lg))}.__pf [style*="--s-lg"]>.pf-c{padding:var(--s-lg)}.__pf [style*="--ew-lg"]>.pf-c{flex-basis:calc(100%/var(--ew-lg));max-width:calc(100%/var(--ew-lg))}}
@media (max-width:767.4999px){.__pf .pf-hide{display:none!important}}
@media (min-width:767.5px) and (max-width:1024.4999px){.__pf .pf-sm-hide{display:none!important}}
@media (min-width:1024.5px) and (max-width:1199.4999px){.__pf .pf-md-hide{display:none!important}}
@media (min-width:1199.5px){.__pf .pf-lg-hide{display:none!important}}
.__pf .pf-c-lt{justify-content:flex-start;align-items:flex-start}
.__pf .pf-c-ct{justify-content:center;align-items:flex-start}
.__pf .pf-c-rt{justify-content:flex-end;align-items:flex-start}
.__pf .pf-c-lm{justify-content:flex-start;align-items:center;align-content:center}
.__pf .pf-c-cm{justify-content:center;align-items:center;align-content:center}
.__pf .pf-c-rm{justify-content:flex-end;align-items:center;align-content:center}
.__pf .pf-c-lb{justify-content:flex-start;align-items:flex-end;align-content:flex-end}
.__pf .pf-c-cb{justify-content:center;align-items:flex-end;align-content:flex-end}
.__pf .pf-c-rb{justify-content:flex-end;align-items:flex-end;align-content:flex-end}
.pf-sr-only{position:absolute;width:1px;height:1px;padding:0;clip:rect(0,0,0,0);white-space:nowrap;clip-path:inset(50%);border:0}
.pf-close-dialog-btn,.pf-dialog{background:transparent;border:none;padding:0}
.pf-dialog{top:50%;left:50%;transform:translate(-50%,-50%);max-height:min(calc(9/16*100vw),calc(100% - 6px - 2em));-webkit-overflow-scrolling:touch;overflow:hidden;margin:0}
.pf-dialog::backdrop{background:rgba(0,0,0,.9);opacity:1}
.pf-close-dialog-btn{position:absolute;top:0;right:0;height:16px;margin-bottom:8px;cursor:pointer}
.pf-close-dialog-btn:not(:focus-visible){box-shadow:none}
.pf-dialog-content{display:block;margin:24px auto 0;width:100%;height:calc(100% - 24px)}
.pf-dialog-content>*{width:100%;height:100%;border:0}
.pf-color-scheme-1,.pf-color-scheme-2{--pf-scheme-shadow-color:rgba(0,0,0,.25)}
.pf-color-scheme-1{--pf-scheme-bg-color:;--pf-scheme-text-color:;--pf-scheme-btn-bg-color:;--pf-scheme-btn-text-color:;--pf-scheme-border-color:;background-color:var(--pf-scheme-bg-color);background-image:var(--pf-scheme-bg-gradient-color);border-color:var(--pf-scheme-border-color);color:var(--pf-scheme-text-color)}
.pf-color-scheme-2,.pf-color-scheme-3{--pf-scheme-btn-text-color:#fff;background-color:var(--pf-scheme-bg-color);background-image:var(--pf-scheme-bg-gradient-color);border-color:var(--pf-scheme-border-color);color:var(--pf-scheme-text-color)}
.pf-color-scheme-2{--pf-scheme-bg-color:rgba(255,255,255,0);--pf-scheme-text-color:#000;--pf-scheme-btn-bg-color:rgb(145,157,169);--pf-scheme-border-color:rgba(0,0,0,0)}
.pf-color-scheme-3,.pf-color-scheme-4{--pf-scheme-text-color:rgb(18,18,18);--pf-scheme-btn-bg-color:rgb(18,18,18);--pf-scheme-border-color:rgb(18,18,18)}
.pf-color-scheme-3{--pf-scheme-bg-color:#fff;--pf-scheme-shadow-color:rgb(18,18,18)}
.pf-color-scheme-4{--pf-scheme-bg-color:rgb(243,243,243);--pf-scheme-btn-text-color:rgb(243,243,243);--pf-scheme-shadow-color:rgb(18,18,18);background-color:var(--pf-scheme-bg-color);background-image:var(--pf-scheme-bg-gradient-color);border-color:var(--pf-scheme-border-color);color:var(--pf-scheme-text-color)}
.pf-color-scheme-5,.pf-color-scheme-6,.pf-color-scheme-7{--pf-scheme-text-color:#fff;--pf-scheme-btn-bg-color:#fff;--pf-scheme-border-color:#fff;--pf-scheme-shadow-color:rgb(18,18,18);background-color:var(--pf-scheme-bg-color);background-image:var(--pf-scheme-bg-gradient-color);border-color:var(--pf-scheme-border-color);color:var(--pf-scheme-text-color)}
.pf-color-scheme-5{--pf-scheme-bg-color:rgb(36,40,51);--pf-scheme-btn-text-color:#000}
.pf-color-scheme-6{--pf-scheme-bg-color:rgb(18,18,18);--pf-scheme-btn-text-color:rgb(18,18,18)}
.pf-color-scheme-7{--pf-scheme-bg-color:rgb(51,79,180);--pf-scheme-btn-text-color:rgb(51,79,180)}
[data-pf-type^="Button"]{background-color:var(--pf-scheme-btn-bg-color);background-image:var(--pf-scheme-btn-bg-gradient-color);color:var(--pf-scheme-btn-text-color)}
.pf-typography-3{font-family:"Syne Bold";font-weight:400}
@media all{.__pf .pf-button-1,.__pf .pf-button-2,.__pf .pf-button-3,.__pf .pf-button-4,.__pf .pf-button-5,.__pf .pf-button-6,.__pf .pf-button-7{background-color:#919da9;color:#fff;padding:12px 20px}.__pf .pf-button-3{font-family:"Syne Bold";font-weight:700}.__pf .pf-heading-1-h1,.__pf .pf-heading-1-h2,.__pf .pf-heading-1-h3,.__pf .pf-heading-1-h4,.__pf .pf-heading-1-h5,.__pf .pf-heading-1-h6,.__pf .pf-heading-2-h1,.__pf .pf-heading-2-h2,.__pf .pf-heading-2-h3,.__pf .pf-heading-2-h4,.__pf .pf-heading-2-h5,.__pf .pf-heading-2-h6,.__pf .pf-heading-3-h1,.__pf .pf-heading-3-h2,.__pf .pf-heading-3-h3,.__pf .pf-heading-3-h4,.__pf .pf-heading-3-h5,.__pf .pf-heading-3-h6,.__pf .pf-heading-4-h1,.__pf .pf-heading-4-h2,.__pf .pf-heading-4-h3,.__pf .pf-heading-4-h4,.__pf .pf-heading-4-h5,.__pf .pf-heading-4-h6,.__pf .pf-heading-5-h1,.__pf .pf-heading-5-h2,.__pf .pf-heading-5-h3,.__pf .pf-heading-5-h4,.__pf .pf-heading-5-h5,.__pf .pf-heading-5-h6,.__pf .pf-heading-6-h1,.__pf .pf-heading-6-h2,.__pf .pf-heading-6-h3,.__pf .pf-heading-6-h4,.__pf .pf-heading-6-h5,.__pf .pf-heading-6-h6,.__pf .pf-heading-7-h1,.__pf .pf-heading-7-h2,.__pf .pf-heading-7-h3,.__pf .pf-heading-7-h4,.__pf .pf-heading-7-h5,.__pf .pf-heading-7-h6,.__pf .pf-icon-1,.__pf .pf-icon-2,.__pf .pf-icon-3,.__pf .pf-icon-4,.__pf .pf-icon-5,.__pf .pf-icon-6,.__pf .pf-icon-7,.__pf .pf-text-1,.__pf .pf-text-2,.__pf .pf-text-3,.__pf .pf-text-4,.__pf .pf-text-5,.__pf .pf-text-6,.__pf .pf-text-7,.pf-icon2-1,.pf-icon2-2,.pf-icon2-3,.pf-icon2-4,.pf-icon2-5,.pf-icon2-6,.pf-icon2-7{background-color:var(--pf-scheme-bg-color);color:var(--pf-scheme-text-color)}.__pf .pf-divider-1,.__pf .pf-divider-2,.__pf .pf-divider-3,.__pf .pf-divider-4{color:var(--pf-scheme-text-color)}.__pf .pf-field-1,.__pf .pf-field-2,.__pf .pf-field-3,.__pf .pf-field-4,.__pf .pf-field-5,.__pf .pf-field-6{background-color:#fdfdfd;border:.66px solid #8a8a8a;border-radius:8px;padding:6px 12px}}
div.__pf{--pf-shopify-font-family-type-heading-font:Figtree,sans-serif;--pf-shopify-font-style-type-heading-font:normal;--pf-shopify-font-weight-type-heading-font:600;--pf-shopify-font-family-type-base-font:Figtree,sans-serif;--pf-shopify-font-style-type-base-font:normal;--pf-shopify-font-weight-type-base-font:400;--pf-shopify-font-family-btn-font:Figtree,sans-serif;--pf-shopify-font-style-btn-font:normal;--pf-shopify-font-weight-btn-font:400}
.cQqdEF,.hpQOMO{position:relative}
.iZCSon{--pf-sample-color:#5d6b82;--pf-border-color:#d1d5db}
.kSaugo{white-space:pre-line;user-select:text}
.kSaugo span{vertical-align:baseline!important}
.kSaugo i{margin-right:5px}
.ZMPII{word-break:break-word}
.ZMPII>input{display:none!important}
.jpHayX{max-width:100%;display:inline-block;height:auto}
.hpQOMO:empty{display:initial}
.cQqdEF{padding:20px 0}
.bDPEKK{position:absolute;inset:0;width:100%;height:100%;background:var(--overlay);pointer-events:none;overflow:hidden;display:block!important}
@media all{.__pf.__pf_37HSqX2U .pf-e56654a494aa-1_{background-image:url("https://cdn.shopify.com/s/files/1/0684/3983/4851/files/bella-grace-bg7a.jpg?v=1723505030");background-size:cover;background-repeat:no-repeat;padding:30px 15% 30px 10%;border-style:solid;border-color:#dfdfdf;border-width:2px 0}.__pf.__pf_37HSqX2U .pf-e56654a494aa-4_{width:375px;height:auto;box-shadow:rgba(0,0,0,.25) 4px 4px 16px;padding:30px;object-fit:cover;object-position:center;aspect-ratio:var(--pf-image-ratio);display:table;margin-left:auto;margin-right:auto}.__pf.__pf_37HSqX2U .pf-e56654a494aa-5_{padding:30px}.__pf.__pf_37HSqX2U .pf-e56654a494aa-6_{font-family:"AvenirLTStd Black";font-weight:400;font-size:32px;color:#4a4a4a}.__pf.__pf_37HSqX2U .pf-e56654a494aa-8_{font-family:Montserrat;font-weight:700;line-height:28px;color:#4a4a4a;margin-bottom:5px}.__pf.__pf_37HSqX2U .pf-e56654a494aa-11_{font-family:Montserrat;font-weight:400;line-height:28px;color:#4a4a4a;margin-top:5px}}
@media (min-width:1024.5px) and (max-width:1199.4999px){.__pf.__pf_37HSqX2U .pf-e56654a494aa-4_{padding:30px;width:348px}}
@media (min-width:767.5px) and (max-width:1024.4999px){.__pf.__pf_37HSqX2U .pf-e56654a494aa-4_{width:334px}.__pf.__pf_37HSqX2U .pf-e56654a494aa-6_{margin-top:10px;font-size:24px}.__pf.__pf_37HSqX2U .pf-e56654a494aa-11_{font-size:14px;line-height:23px}}
@media (max-width:767.4999px){.__pf.__pf_37HSqX2U .pf-e56654a494aa-6_{font-size:24px;margin-bottom:10px}.__pf.__pf_37HSqX2U .pf-e56654a494aa-11_{font-size:14px;line-height:21px}.__pf.__pf_37HSqX2U .pf-e56654a494aa-5_{padding-top:0;padding-left:10px;padding-right:10px}.__pf.__pf_37HSqX2U .pf-e56654a494aa-1_{padding-bottom:0;padding-top:10px}}
#Rte--template--18982692028643__section_rich_text_XWcz6D{--PT:60px;--PB:0px;--text:#b6a555}
#Collection--template--18982692028643__section_collection_yU4hVX{--PT:0px;--PB:80px;--COLUMNS:4;--COLUMNS-MEDIUM:2;--COLUMNS-SMALL:2;--COLUMNS-MOBILE:2;--bg:#fff;padding-top:40px}
#shopify-section-template--18982692028643__section_collection_yU4hVX .grid-item{box-shadow:rgba(100,100,100,.2) 0 7px 29px;border-radius:18px}
#shopify-section-template--18982692028643__section_collection_yU4hVX .product-item__image{border-top-left-radius:18px;border-top-right-radius:18px}
@media (min-width:990px){#Hero--template--18982692028643__section_hero_product_NdjbLx .hero__wrapper{position:relative}#Hero--template--18982692028643__section_hero_product_NdjbLx .hero__aside__wrapper{position:absolute!important;right:5%;bottom:14%;width:auto!important;max-width:560px;z-index:50}#Hero--template--18982692028643__section_hero_product_NdjbLx .hero__aside{width:auto!important;padding:0!important;background:transparent!important}#Hero--template--18982692028643__section_hero_product_NdjbLx .product-upsell__holder{position:static!important;margin:0!important;max-width:560px!important}#Hero--template--18982692028643__section_hero_product_NdjbLx .product-upsell{background:#fff!important;border-radius:6px;box-shadow:0 10px 30px rgba(0,0,0,.18);overflow:hidden;align-items:center}#Hero--template--18982692028643__section_hero_product_NdjbLx .product-upsell__image{flex:0 0 120px;width:120px}#Hero--template--18982692028643__section_hero_product_NdjbLx .product-upsell__content{flex:1 1 auto;padding:18px 70px 18px 18px}#Hero--template--18982692028643__section_hero_product_NdjbLx .product-upsell__actions{position:absolute;right:14px;top:50%;transform:translateY(-50%);margin:0}}
@media (max-width:989px){#Hero--template--18982692028643__section_hero_product_NdjbLx .hero__aside__wrapper{position:static!important}#Hero--template--18982692028643__section_hero_product_NdjbLx .hero__aside{width:100%!important;padding:var(--outer)!important}}
@media (max-width:989px){.mbobr{display:none}}