/** Shopify CDN: Minification failed

Line 1097:16 Unexpected "{"
Line 1097:25 Expected ":"
Line 1106:16 Unexpected "{"
Line 1106:25 Expected ":"
Line 1118:16 Unexpected "{"
Line 1118:25 Expected ":"
Line 1126:16 Unexpected "{"
Line 1126:25 Expected ":"
Line 1134:16 Unexpected "{"
Line 1134:25 Expected ":"
... and 193 more hidden warnings

**/

/* @font-face {
  font-family: 'Cinzel';
  src: url('https://cdn.shopify.com/s/files/1/0823/9821/6422/files/Cinzel-Regular.otf?v=1789754200') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Cinzel';
  src: url('https://cdn.shopify.com/s/files/1/0823/9821/6422/files/Cinzel-Bold.otf?v=1789754195') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
 */



@font-face {
  font-family: 'Plus Jakarta Sans';
  src: url('/cdn/shop/files/PlusJakartaSans_wght.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}



:root{
    --ink:#16121A;
    --ivory:#FFF3F7;
    --ivory-2:#FCE8EF;
    --blush:#FDE7EE;
    --blush-deep:#FBD3E1;
    --pink:#FF2167;
    --pink-deep:#D6104E;
    --line: rgba(22,18,26,0.10);
    --shadow: 0 14px 34px rgba(22,18,26,0.10);
    color-scheme: light dark;
  }


body {

    background: #FEF6F8 !important;
}


/* .cinzel {
  font-family: 'Plus Jakarta Sans';
  font-weight: 400;
}

.cinzel-bold {
  font-family: 'Plus Jakarta Sans';
  font-weight: 700;
} */




  /* :root{
    --ink:#16121A;
    --ivory:#FFF3F7;
    --ivory-2:#FCE8EF;
    --blush:#FDE7EE;
    --blush-deep:#FBD3E1;
    --pink:#FF2167;
    --pink-deep:#D6104E;
    --line: rgba(22,18,26,0.10);
    --shadow: 0 14px 34px rgba(22,18,26,0.10);
    color-scheme: light dark;
  }
  @media (prefers-color-scheme: dark){
    :root:not([data-theme="light"]){
      --ink:#F4EEF1;
      --ivory:#1A1519;
      --ivory-2:#221B20;
      --blush:#3A2530;
      --blush-deep:#472A38;
      --pink:#FF4B84;
      --pink-deep:#FF7BA3;
      --line: rgba(244,238,241,0.14);
      --shadow: 0 14px 34px rgba(0,0,0,0.4);
    }
  }
  :root[data-theme="dark"]{
    --ink:#F4EEF1; --ivory:#1A1519; --ivory-2:#221B20; --blush:#3A2530; --blush-deep:#472A38;
    --pink:#FF4B84; --pink-deep:#FF7BA3; --line: rgba(244,238,241,0.14); --shadow: 0 14px 34px rgba(0,0,0,0.4);
  }
  *{box-sizing:border-box;}
  html,body{margin:0;padding:0;}
  body{ background:var(--ivory); color:var(--ink); font-family:'Cinzel' !important; -webkit-font-smoothing:antialiased; overflow-x:hidden; }
  h1,h2,h3,.display{   font-family: 'Plus Jakarta Sans'; font-weight:800; letter-spacing:-0.01em; margin:0; }
  a{color:inherit; text-decoration:none;}
 */


 h1,h2,h3,.display{   font-family: 'Plus Jakarta Sans'; font-weight:800 color:#2B2228;}



  :root{
      --rose:#F2B8C6;
    --deep-rose:#A4526C;
    --ink:#2B2228;
    --blush:#FEF6F8;
    --petal:#FADDE6;
    --white:#FFFFFF;
    --line:#F0E4E8;
    --powder:#D9E8F2;
    --mint:#DCEDE1;
    --butter:#FBF0D1;
    --lilac:#E7E1F2;
    --smoke:#7A6A70;
    --success:#3F7D63;
    --shadow: 0 8px 24px rgba(43,34,40,0.06);
    color-scheme: light dark;
  }
  @media (prefers-color-scheme: dark){
    :root:not([data-theme="light"]){
      --blush:#221A1D; --petal:#3A2A30; --white:#2A2225; --line:#3D3033;
      --powder:#243740; --mint:#243B31; --butter:#3E3521; --lilac:#332B40;
      --ink:#F3ECE9; --smoke:#B9A7AD;
    }
  }
  :root[data-theme="dark"]{
    --blush:#221A1D; --petal:#3A2A30; --white:#2A2225; --line:#3D3033;
    --powder:#243740; --mint:#243B31; --butter:#3E3521; --lilac:#332B40;
    --ink:#F3ECE9; --smoke:#B9A7AD;
  }
  *{box-sizing:border-box;}
  html,body{margin:0;padding:0;}
  body{ background:var(--blush); color:var(--ink); font-family:'Plus Jakarta Sans',sans-serif; -webkit-font-smoothing:antialiased; overflow-x:hidden; }
  h1,h2,h3{ margin:0; font-weight:700; letter-spacing:-0.02em; }
  a{color:inherit; text-decoration:none;}
  img{max-width:100%; display:block;}
  button{ font-family:inherit; cursor:pointer; }
  .wrap{max-width:1280px; margin:0 auto; padding:0 24px;}
  @media(max-width:640px){.wrap{padding:0 16px;}}
  ::-webkit-scrollbar{height:6px;}
  ::-webkit-scrollbar-thumb{background:var(--line); border-radius:10px;}





























  img{max-width:100%; display:block;}
  .wrap{max-width:1440px; margin:0 auto; padding:0 28px;}
  @media(max-width:640px){.wrap{padding:0 20px;}}
  ::-webkit-scrollbar{height:6px;}
  ::-webkit-scrollbar-thumb{background:var(--line); border-radius:10px;}

  /* ---- Top bar ---- */
  .topbar{ background:var(--ink); color:var(--ivory); text-align:center; font-size:12.5px; letter-spacing:0.03em; padding:8px 16px; }

  /* ---- Nav ---- */
  header{ background:var(--ivory); border-bottom:1px solid var(--line); position:sticky; top:0; z-index:60; }
  nav.wrap{ display:flex; align-items:center; justify-content:space-between; padding:14px 28px; gap:20px;}
  .logo img{ height:26px; width:auto; }
  .navlinks{ display:flex; gap:28px; font-size:13.5px; font-weight:600; }
  .navlinks a{ opacity:0.8; transition:opacity .2s;; letter-spacing:0.02em;}
  .navlinks a:hover{ opacity:1; color:var(--pink-deep); }
  .navicons{ display:flex; gap:18px; align-items:center; font-size:12.5px; font-weight:600; ; letter-spacing:0.02em;}
  .hamburger{ display:none; font-size:20px; cursor:pointer; }
  @media(max-width:900px){ .navlinks{display:none;} .hamburger{display:block;} }

  /* ---- Hero carousel ---- */
  .hero{ background:#FEF6F8; padding:28px 0 8px; }
  .hero-inner{ position:relative; overflow:hidden; border-radius:24px; background:var(--ink); box-shadow:var(--shadow); }
  .hero-track{ display:flex; transition:transform .6s ease; }
  .hero-slide{ min-width:100%; position:relative; }
.hero-slide img {
    width: 100%;
    height: clamp(430px, 68vw, 20px);
    object-fit: cover;
    display: block;
    border-radius:24px;
}
  .hero-dots{ position:absolute; bottom:18px; left:50%; transform:translateX(-50%); display:flex; gap:8px; z-index:5;}
  .hero-dots button{ width:8px; height:8px; border-radius:50%; border:none; background:rgba(255,255,255,0.5); cursor:pointer; padding:0; }
  .hero-dots button.active{ background:#fff; width:22px; border-radius:6px; }
  .hero-arrow{ position:absolute; top:50%; transform:translateY(-50%); z-index:5; background:rgba(255,255,255,0.85); border:none; width:38px; height:38px; border-radius:50%; cursor:pointer; font-size:16px; display:flex; align-items:center; justify-content:center; color:var(--ink); }
  .hero-arrow.prev{ left:16px; } .hero-arrow.next{ right:16px; }
  @media(max-width:640px){ .hero-inner{ border-radius:16px; } }

  /* ---- Section shell ---- */
  .section{ padding:50px 0; }
.section-head {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 34px;
    gap: 20px;
    flex-wrap: wrap;
}
.section-head h2 {
    text-align: center !important;
font-size:34px;

  }

.section-head h2.aos-init.aos-animate {
    text-align: center;
}
.section-head .sub.aos-init.aos-animate {
    text-align: center;
}
span.whatsapp-icon img {
    width: 41px;
}
  .section-head h2{ font-size:clamp(24px,3vw,34px); }
  .section-head .sub{     font-size: 13.5px;
    opacity: .62;
    max-width: 560px;
    font-weight: 500;
    padding-top: 14px;
  text-align:center;
 color: #e10868;
}
  .see-all{ font-size:12.5px; font-weight:700; letter-spacing:0.03em; border-bottom:2px solid var(--ink); padding-bottom:3px; white-space:nowrap; }

  /* ---- Circle rows (category + concern share this pattern) ---- */
  .circle-row{ display:flex; gap:26px; overflow-x:auto; padding:6px 2px 14px; }
  .circle-item{ flex:0 0 128px; text-align:center; }
  .circle-badge{
    width:128px; height:128px; border-radius:50%;
    display:flex; align-items:center; justify-content:center; margin:0 auto 14px;

  }
  .circle-badge svg{ width:52px; height:52px; stroke:var(--pink-deep); }
  .circle-item .label{ font-size:13px; font-weight:700; line-height:1.3; }
  .concern .circle-badge{ background:var(--blush-deep); }
  .circle-badge.t-gold{ background:#F9E3A8; } .circle-badge.t-gold svg{ stroke:#8A6A16; }
  .circle-badge.t-lav{ background:#E4D6F7; } .circle-badge.t-lav svg{ stroke:#6B4B9A; }
  .circle-badge.t-peach{ background:#FBD3B8; } .circle-badge.t-peach svg{ stroke:#B75A1E; }
  .circle-badge.t-teal{ background:#BFE6DD; } .circle-badge.t-teal svg{ stroke:#1F7A63; }
  .circle-badge.t-rose{ background:#FBD0DC; } .circle-badge.t-rose svg{ stroke:#C22B5B; }
  .circle-badge.t-green{ background:#D3EAB4; } .circle-badge.t-green svg{ stroke:#4E7A1E; }
  /* .circle-badge.t-blue{ background:#C6E1F5; } .circle-badge.t-blue svg{ stroke:#2A6698; } */
  .circle-badge.t-orange{ background:#FBC9A0; } .circle-badge.t-orange svg{ stroke:#B35A12; }
  .circle-badge.t-yellow{ background:#F7E79C; } .circle-badge.t-yellow svg{ stroke:#8F7412; }

  /* ---- Best sellers ---- */
  .bs-grid{ display:grid; grid-template-columns:1.35fr 1fr 1fr; grid-template-rows:auto auto; gap:20px; }
  .bs-grid .card:nth-child(1){ grid-row:1 / 3; }
  @media(max-width:880px){ .bs-grid{grid-template-columns:1fr 1fr;} .bs-grid .card:nth-child(1){grid-row:auto; grid-column:1/3;} }
  @media(max-width:560px){ .bs-grid{grid-template-columns:1fr;} .bs-grid .card:nth-child(1){grid-column:1/2;} }
  .card{ background:var(--ivory-2); border-radius:18px; border:1px solid var(--line); padding:20px; display:flex; flex-direction:column; gap:12px; }
  .card .swatch {
    border-radius: 12px;
    height: 160px;
    background: linear-gradient(155deg, #fce8ef, var(--ivory));
    display: flex;
    align-items: center;
    justify-content: center;
     font-family: 'Plus Jakarta Sans';
    font-weight: 700;
    color: var(--pink-deep);
    font-size: 14px;
    text-align: center;
    /* padding: 14px; */
}
  /* product-matched color tints, used on swatches / circles / video cards to echo the actual product colorway */
  .t-gold{ background:linear-gradient(155deg,#F9E3A8,#FCF3DA); color:#8A6A16; }
  .t-lav{ background:linear-gradient(155deg,#E4D6F7,#F5EEFC); color:#6B4B9A; }
  .t-peach{ background:linear-gradient(155deg,#FBD3B8,#FDEAD9); color:#B75A1E; }
  .t-teal{ background:linear-gradient(155deg,#BFE6DD,#E5F5F0); color:#1F7A63; }
  .t-rose{ background:linear-gradient(155deg,#FBD0DC,#FDEBF0); color:#C22B5B; }
  .t-green{ background:linear-gradient(155deg,#D3EAB4,#EEF6E1); color:#4E7A1E; }
  /* .t-blue{ background:linear-gradient(155deg,#C6E1F5,#E9F3FB); color:#2A6698; } */
  .t-orange{ background:linear-gradient(155deg,#FBC9A0,#FDE7D2); color:#B35A12; }
  .t-yellow{ background:linear-gradient(155deg,#F7E79C,#FBF3D6); color:#8F7412; }
  .t-charcoal{ background:linear-gradient(155deg,#3A3238,#211C22); color:#F4EEF1; }
  /* .bs-grid .card:nth-child(1) .swatch{ height:300px; font-size:17px; } */
  @media(max-width:880px){ .bs-grid .card:nth-child(1) .swatch{height:190px;} }
  .card .pname{ font-weight:700; font-size:14.5px; line-height:1.35; }
  .card .pmeta{ font-size:11.5px; opacity:0.55;  letter-spacing:0.02em; font-weight:600;}
  .card .prow{ display:flex; align-items:center; justify-content:space-between; margin-top:auto; }
  .price-row{ display:flex; align-items:baseline; gap:7px; }
  .price{ font-weight:800; font-size:15px; }
  .price-old{ font-size:12px; text-decoration:line-through; opacity:0.45; }
  .add{ font-size:11.5px; font-weight:700; padding:9px 15px; border-radius:100px; background:#F2B8C6 !important; color: #2B2228 !important; cursor:pointer;  letter-spacing:0.02em;}

  /* ---- Before / after slider ---- */
  .ba-section{ background:#FEF6F8; }
  @media(max-width:860px){ .ba-wrap{grid-template-columns:1fr;} }
  .ba-slider{ position:relative; aspect-ratio:6/5; overflow:hidden; background:#EADBD2; user-select:none; }
  .ba-slider .after-layer, .ba-slider .before-layer{ position:absolute; inset:0; }
  .ba-slider .after-layer{ clip-path: inset(0 0 0 50%); }
  .ba-face{ width:100%; height:100%; }
  .ba-handle{ position:absolute; top:0; bottom:0; left:50%; width:0; z-index:3; pointer-events:none; }
  .ba-handle::before{ content:""; position:absolute; top:0; bottom:0; left:-1px; width:2px; background:#fff; }
  .ba-knob{ position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:44px; height:44px; border-radius:50%; background:#fff; box-shadow:var(--shadow); display:flex; align-items:center; justify-content:center; font-weight:800; font-size:13px; color:#000; pointer-events:none; }
  .ba-tag{ position:absolute; top:18px; font-size:11px; font-weight:800;  letter-spacing:0.04em; background:rgba(255,255,255,0.9); padding:6px 12px; border-radius:100px; z-index:2;}
  .ba-tag.before{ left:18px; } .ba-tag.after{ right:18px; }
/* .ba-panel {
    background: var(--ink);
    color: #ffffff;
    display: flex;
    flex-direction: column;
    justify-content: end;
    padding: 14px 40px;
    align-items: flex-start;
}
  .ba-panel .eyebrow{ font-size:12px; font-weight:700; text-transform:uppercase; letter-spacing:0.06em; color:var(--pink); margin-bottom:14px; }
  .ba-panel h3{ color:#fff; font-size:clamp(22px,2.6vw,28px); margin-bottom:14px; }
  .ba-panel p{ font-size:14px; line-height:1.6; opacity:0.78; margin:0 0 24px; }
  .ba-panel .price-row{ margin-bottom:20px; }
  .ba-panel .price{ color:#000; font-size:18px; }
  .ba-panel .price-old{ color:var(--ivory); }
  .ba-panel .btn{ align-self:flex-start; background:var(--pink); color:#fff; padding:13px 26px; border-radius:100px; font-weight:700; font-size:13px; text-transform:uppercase; letter-spacing:0.02em; } */



section#ba-section-template--28578317664437__the_difference_MgyMHk .ba-panel .btn  {
text-align: center;
    margin: 0 auto;}


/* ================================
   SKIN CONCERN - 6 EQUAL LARGE
================================ */

.circle-row {
  display: flex;
  flex-wrap: nowrap;
  align-items: flex-start;
  justify-content: space-between;

  width: 100%;

  gap: 12px;

  overflow-x: auto;
  overflow-y: hidden;

  scrollbar-width: none;
  -ms-overflow-style: none;

  padding: 5px 0 15px;
}

.circle-row::-webkit-scrollbar {
  display: none;
}


/* 6 EQUAL COLUMNS */

.circle-item.concern {
  flex: 1 1 0;
  min-width: 0;

  width: auto;
  max-width: none;

  text-align: center;
}


/* LINK */

.circle-item.concern .concern-link {
  display: flex;

  flex-direction: column;

  align-items: center;

  justify-content: flex-start;

  width: 100%;

  text-decoration: none;

  color: inherit;
}


/* BIG CIRCLE */

.circle-item.concern .circle-badge {
  width: 120px;
  height: 120px;

  flex-shrink: 0;

  display: flex;

  align-items: center;

  justify-content: center;

  border-radius: 50%;

  overflow: hidden;
}


/* IMAGE */

.circle-item.concern .concern-img {
  width: 100%;
  height: 100%;

  object-fit: cover;

  display: block;
}


/* LABEL */

.circle-item.concern .label {
  margin-top: 12px;

  width: 100%;

  text-align: center;

  font-size: 14px;

  line-height: 1.25;

  font-weight: 600;

  white-space: normal;
}


/* ================================
   TABLET
================================ */

@media screen and (max-width: 991px) {

  .circle-row {
    justify-content: flex-start;
    gap: 12px;
  }

  .circle-item.concern {
    flex: 0 0 130px;
    width: 130px;
  }

  .circle-item.concern .circle-badge {
    width: 105px;
    height: 105px;
  }

}


/* ================================
   MOBILE SLIDER
================================ */

@media screen and (max-width: 575px) {

  .circle-row {
    justify-content: flex-start;

    gap: 10px;

    overflow-x: auto;

    padding-left: 5px;
    padding-right: 5px;

    -webkit-overflow-scrolling: touch;
  }

  .circle-item.concern {
    flex: 0 0 110px;
    width: 110px;
  }

  .circle-item.concern .circle-badge {
    width: 85px;
    height: 85px;
  }

  .circle-item.concern .label {
    font-size: 11px;
    margin-top: 8px;
  }

}









  /* ---- Reviews ---- */
  .reviews-strip{ display:flex; gap:18px; overflow-x:auto; padding-bottom:10px; }
  section.section.loved-section .review-card{ flex:0 0 300px; background:#FADDE6; border:1px solid #FADDE6; border-radius:20px; padding:24px; }
  .review-top{ display:flex; justify-content:space-between; align-items:center; margin-bottom:12px;}
  .stars{ color:var(--pink); letter-spacing:2px; font-size:14px; }
  .source-tag{ font-size:10.5px; font-weight:700; letter-spacing:0.03em; background:#F2C8D8; color:var(--pink-deep); padding:4px 9px; border-radius:100px;}
  .review-card p{ font-size:14px; line-height:1.6; margin:0 0 14px; color:#2B2228; }
  .review-card .who{ font-size:12px; opacity:0.55; font-weight:600;  color:#2B2228;}

  /* ---- Video-hover product row ---- */
  .video-row{ display:flex; gap:18px; overflow-x:auto; padding-bottom:10px; }

/* .vcard {
    flex: 0 0 240px;
    position: relative;
    border-radius: 16px;
    overflow: hidden;
    height: 300px;
    cursor: pointer;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
} */

  .vcard .vdefault{ position:absolute; inset:0; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; padding:18px; transition:opacity .25s ease; }
.vcard .vdefault .pname {
    font-weight: 700;
    font-size: 13.5px;
    margin-top: 8px;
    color: #2B2228;
    line-height: 1.2;
}
  .vcard .vdefault .price{ font-size:13px; margin-top:4px; }
  .vcard .playing{ position:absolute; inset:0; background:linear-gradient(160deg, var(--ink), #2B2228); opacity:0; transition:opacity .25s ease; display:flex; align-items:center; justify-content:center; color:#fff; flex-direction:column; gap:10px; }
  .vcard:hover .playing{ opacity:1; }
  .vcard:hover .vdefault{ opacity:0; }
  .playing .playicon{ width:46px; height:46px; border-radius:50%; background:var(--pink); display:flex; align-items:center; justify-content:center; font-size:16px; animation:pulse 1.4s infinite ease-in-out; }
 .playing .caption {
    font-size: 11px;
    opacity: .75;
    letter-spacing: .05em;
        color: #2B2228;
}
  @keyframes pulse{ 0%,100%{ transform:scale(1);} 50%{ transform:scale(1.12);} }
  .vcard .add-inline{ position:absolute; bottom:14px; left:14px; right:14px; font-size:13px; font-weight:700;  border-radius:100px background: #F2B8C6;
    color: #2B2228;
    padding: 13px 26px; text-align:center; letter-spacing:0.02em; z-index:2;}

.vcard .add-inline:hover{
  background: #A4526C;
    color: #ffffffff;


}


  /* ---- Newsletter / footer ---- */
  footer{ background:var(--ink); color:var(--ivory); }
  .foot-cta{ padding:64px 0; text-align:center; border-bottom:1px solid rgba(255,255,255,0.1); }
  .foot-cta h2{ color:var(--ivory); font-size:clamp(24px,3.2vw,36px); max-width:620px; margin:0 auto 14px; }
  .foot-cta p{ font-size:14px; opacity:0.65; max-width:400px; margin:0 auto 26px; }
  .email-row{ display:flex; max-width:380px; margin:0 auto; border:1px solid rgba(255,255,255,0.3); border-radius:100px; overflow:hidden; }
  .email-row input{ flex:1; border:none; background:transparent; padding:13px 18px; font-size:13.5px; color:#fff; outline:none; font-family:inherit;}
  .email-row input::placeholder{ color:rgba(255,255,255,0.5);}
  .email-row button{ border:none; background:var(--pink); color:#fff; padding:13px 22px; font-weight:700; font-size:12.5px; cursor:pointer; letter-spacing:0.02em;}
  .foot-main{ padding:52px 0; display:grid; grid-template-columns:1.4fr 1fr 1fr 1fr; gap:30px; }
  @media(max-width:760px){ .foot-main{grid-template-columns:1fr 1fr; } }
  .foot-main .logo-col img{     height: 22px;
    margin-bottom: 14px;
    margin-right: 20px !important;
    width: 214px; }
  .foot-main .logo-col p{ font-size:12.5px; opacity:0.6; line-height:1.6; max-width:220px;}
  .foot-main h4{ font-family:'Archivo',sans-serif; font-size:12px; letter-spacing:0.04em; opacity:1; margin-bottom:14px; font-weight:700; color:#fff;}
  .foot-main ul{ list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:10px; }
  .foot-main a{ font-size:13px; opacity:0.85; }
  .foot-main a:hover{ opacity:1; color:var(--pink); }
  .foot-bottom{ border-top:1px solid rgba(255,255,255,0.1); padding:22px 0; }
  .foot-bottom .wrap{ display:flex; justify-content:space-between; font-size:12px; opacity:0.55; flex-wrap:wrap; gap:10px;}

  /* .circle-badge.t-blue img {
    width: 100% !important;
    height: auto !important;
    border-radius: 50%;
} */

.swatch.t-gold img {
    border-radius: 15px;
}

.heroSwiper  .swiper-pagination {
    justify-content: center;
}

.heroSwiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #A4526C;
}

.heroSwiper .swiper-pagination .swiper-pagination-bullet {
    width: 10px;
    aspect-ratio: 1 / 1;
    height: auto;
}

.heroSwiper .swiper-button-prev::after,
.heroSwiper .swiper-button-next::after{
    display: none;
    color: #A4526C;
}

.heroSwiper .swiper-button-prev,
.heroSwiper .swiper-button-next{
    color: #A4526C
        display: none;
}

.circle-item.concern img.concern-img {
    width: 138px;
    border-radius: 58px;
}
.prow.aos-init.aos-animate img {
    border-radius: 15px;
}

.prow.aos-init.aos-animate {
    border-radius: 12px;
    height: auto;
    background: linear-gradient(155deg, var(--blush), var(--ivory));
    display: flex;
    align-items: center;
    justify-content: center;
  font-family: 'Plus Jakarta Sans';
    font-weight: 700;
    color: var(--pink-deep);
    font-size: 14px;
    text-align: center;
    padding: 14px;
}


.price.aos-init.aos-animate {
    color: #2B2228;
    background-color: #fce8efab;padding: 16px;
     border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px;
    width:200px;
                       margin-top:-0.1px;
}

.pname.aos-init.aos-animate {color: #2B2228;background-color: #fce8efab;padding: 16px;
         
                            border-top-left-radius: 20px;
    border-top-right-radius: 20px;
                                 width:400px;
 }

h3.ingredient-title {margin: 0 0 5px;font-size: 16px !important;line-height: 1.2 !important;font-weight: 700; color: #2B2228;padding-bottom: 5px;}

p.ingredient-description {
    margin: 0;
    font-size: 14px !important;
    line-height: 1.35;
    color: #2B2228;
}

section#shopify-section-template--28578317664437__shop_concern_8fDtAA .ingredient-card {
    display: block;
    text-decoration: none;
    color: inherit;
    text-align: center;
    border-radius: 20px;
    padding: 10px;
    background: #FADDE6;
    transition: transform 0.25s ease;
    padding: 20px;
}

 
img.ingredient-img {
        display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

.ingredient-image {
width: 120px !important;
    height: 120px !important;
    border-radius: 50%!important;
    overflow: hidden;}

    h2.ingredients-heading {
  font-family: 'Plus Jakarta Sans';
    font-weight: 800 !important;
    letter-spacing: -0.01em;
    margin: 0;
    font-size: 30px !important;
}

#shop-by-ingredients-template--22451047006438__shop_concern_8fDtAA {
    width: 100%;
    background: #FEF6F8 !important;
    padding-top: 10px;
    padding-bottom: 10px;
}

.prow.aos-init.aos-animate {
    margin-top: 0px;
}

.card.aos-init.aos-animate {
    padding-bottom: 0px;
    padding-top: 0px;
}

.pmeta.aos-init.aos-animate {
    padding-left: 16px;
}

.pname.aos-init.aos-animate {
    padding: 0px 10px 0px 0px;
}
#ba-section-template--22451047006438__the_difference_MgyMHk .ba-panel h3 {
    color: #ffffff;
    font-size: clamp(22px, 2.6vw, 28px);
    margin-bottom: 14px;

    text-shadow:
        0 2px 0 #b8b8b8,
        0 4px 8px rgba(0, 0, 0, 0.95);
}



/* Main Layout Grid */
.bs-grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr; /* 3 Columns layout */
  gap: 20px;
  align-items: stretch; /* Left aur right ki total height same rakhne ke liye */
}

/* ----------------------------------- */
/* LEFT SECTION (First Tall Card)     */
/* ----------------------------------- */
.bs-grid > .card:first-child {
  grid-column: 1 / 2;
  grid-row: 1 / span 2; /* Height me 2 rows barabar fail jayega */
  display: flex;
  flex-direction: column;
  height: 100%;
}

.bs-grid > .card:first-child .swatch {
  flex: 1; /* Baaki bachi hui saari vertical space image le legi */
  width: 100%;
  min-height: 0;
}

.bs-grid>.card:first-child .swatch img {
    width: 100%;
    height: 529px;
    object-fit: cover;
    border-radius: 12px;
}
/* ----------------------------------- */
/* RIGHT SECTION (Remaining 4 Cards)  */
/* ----------------------------------- */
.bs-grid > .card:nth-child(n+2) {
  display: flex;
  flex-direction: column;
}

.bs-grid > .card:nth-child(n+2) .swatch {
  width: 100%;
  aspect-ratio: 1 / 1; /* Square shape for 4 right images */
  overflow: hidden;
  border-radius: 12px;
}

.bs-grid>.card:nth-child(n+2) .swatch img {
    width: 100%;
   height:180px;
}

/* Common Card Styling & Bottom Alignment */
.pname {
  margin-top: 10px;
  font-weight: 600;
}

.prow {
  margin-top: auto; /* Price aur button hamesha card ke bottom par aligned rahenge */
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 8px;
}

.prow.aos-init.aos-animate {
    display: block;
}

span.add.aos-init.aos-animate {
    display: block;
}


#watch-it-template--22451047006438__watch_it_3qdUUN{
  padding-top:60px;
}
div#shopify-section-template--22451047006438__loved_nzNnKf,
section#shop-category-template--22451047006438__shopbycategory_AzDxqR {
    background-color: #FEF6F8;
}

section#watch-it-template--22451047006438__watch_it_3qdUUN {
    padding-bottom: 40px;
}

#shop-category-template--22451047006438__shopbycategory_AzDxqR .circle-item {
    flex: 0 0 calc((100% - (4 * 11px)) / 9);
    min-width: 0;
    box-sizing: border-box;
    text-align: center;
}

#shop-category-template--22451047006438__shopbycategory_AzDxqR .circle-badge {
    width: 100%;
    aspect-ratio: 1 / 1;
    overflow: hidden;
    border-radius: 0  !important;
}

#shop-category-template--22451047006438__shopbycategory_AzDxqR .circle-badge img {
    display: block !important;
    width: 130px !important;
    height: 130px !important;
    max-width: none !important;
    object-fit: cover !important;
    opacity: 1 !important;
    visibility: visible !important;
}
ul.header__submenu.list-menu li a {
    color: #2B2228 !important;
}

.circle-badge.t-blue {}

.circle-badge.t-blue img:nth-child(1) {
    border-radius:50% !Important;
    width: 130px !important;
    height: 130px !important;
}
.header-navigation-wrapper a.menu-lv-1__action.header__menu-item.list-menu__item {
    padding-left: 0px;
}
.header-navigation-wrapper span.text.p-relative {
    font-size: 12px;
  font-family: 'Plus Jakarta Sans';

}
/* .label,
h2.aos-init.aos-animate,
h1.aos-init.aos-animate{
      text-transform: lowercase;
} */


div#shopify-section-template--22451047006438__skin_concern_ryqzgb h2.aos-init.aos-animate {
    text-transform: capitalize;
}
.label::first-letter,
h2.aos-init.aos-animate::first-letter,
h1.aos-init.aos-animate::first-letter,
a.shop-btn::first-letter{
       text-transform: capitalize !important;
}


h3, h4, p{
  text-transform: lowercase;
}

h2::first-letter, h3::first-letter, h4::first-letter, p::first-letter, a::first-letter, span::first-letter, li a::first-letter {
  text-transform: capitalize !important;
}

.bs-add::first-letter {
  text-transform: uppercase !important;
}


.site-nav-mobile.nav-account {
    display: none;
}
.ba-tag,
.tagline,

.vcard .add-inline,
.label.aos-init.aos-animate,
.header-navigation-wrapper .text.p-relative {
  text-transform: lowercase !important;
}

.ba-tag::first-letter,
.tagline::first-letter,
.vcard .add-inline::first-letter,
.label.aos-init.aos-animate::first-letter,
li a::first-letter {
  text-transform: capitalize !important;
}



div#shopify-section-sections--28578305671349__header_navigation_hamburger_EPmjmV .header-nav-hamburger:not(.header-hamburger--transparent), 
div#shopify-section-sections--28578305671349__header_navigation_hamburger_EPmjmV .scrolled-past-header .header-hamburger--transparent {
      background-color: #b592a1 !important;}
      .container.container-1770.d-flex.flex-jc-between.flex-align-center.p-static.o-unset {
    padding: 8px 10px;
}
/* img.header__heading-logo.logo__main.w-100.h-auto.ver-alg-mid.d-inline-block {
    padding-bottom: 9px;
} */
.header-icons.header-item.header-item--side.d-flex.flex-align-center.flex-wrap.fs-0.pt-2.pb-5 {
    justify-content: end;
    padding-right: 20px;
}

ul.list-menu.list-menu--inline.text-center {
    padding-top: 0px;
}

.ingredients-container.section-head {
    padding-top: 41px !important;
}

a.menu-lv-1__action.header__menu-item {
    padding-bottom: 0px;
}


.watch-it-section .pname,
.hover-play-icon {
    display:none !important;
}

div#shopify-section-template--28578317664437__the_difference_MgyMHk .wrap{
    background-color: #FADDE6;
    padding: 50px;
    border-radius:24px;
}

.header-navigation.header-nav-hamburger .header-logo {
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  transform: translate(-50%, -50%) !important;
  width: 205px !important;
  margin: 0 !important;
  padding: 0 !important;
  z-index: 10;
}


.header-navigation.header-nav-hamburger .header-icons {
  margin-left: auto !important;
  position: relative;
  z-index: 11;
}
.ba-slider {
  overflow: hidden;
  border-radius: 16px;
}

.ba-face {
  border-radius: 16px;
}




/* ---- Trust strip ---- */
.trust-strip{ background:#FFFFFF; border:1px solid #EDE5E8; border-radius:24px; padding:26px 30px; margin:40px 0; display:grid; grid-template-columns:repeat(4,1fr); gap:20px; }
@media(max-width:760px){ .trust-strip{grid-template-columns:1fr 1fr;} }
.trust-item{ display:flex; gap:12px; align-items:flex-start; }
.trust-item .icon{ width:38px; height:38px; border-radius:50%; background:#F8E6EB; display:flex; align-items:center; justify-content:center; flex:0 0 auto; }
.trust-item .icon svg{ width:18px; height:18px; stroke:#A95C70; }
.trust-item .t{ font-weight:700; font-size:13.5px; margin-bottom:2px; }
.trust-item .s{ font-size:12px; color:#8A7A80; }

/* ---- Section shell ---- */
.section{ padding:56px 0; }
.section-head{ margin-bottom:30px; }
.section-head .eyebrow{ margin-bottom:8px; }
.section-head h2{ font-size:30px; }
.section-head .sub{ font-size:14px; color:#2B2228;; margin-top:8px; max-width:52ch;}
.see-all{ font-size:13px; font-weight:700; color:#A95C70; }

/* ---- How to use ---- */
.steps-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:22px; }
@media(max-width:760px){ .steps-grid{grid-template-columns:1fr;} }
.step-card{ background:#FFFFFF; border:1px solid #EDE5E8; border-radius:20px; padding:24px; }
.step-num{ width:30px; height:30px; border-radius:50%; background:#F4D9E0; color:#2B2527; font-weight:700; font-size:13px; display:flex; align-items:center; justify-content:center; margin-bottom:16px; }
.step-card h3{ font-size:17px; margin-bottom:8px; }
.step-card p{ font-size:13.5px; color:#8A7A80; margin:0; line-height:1.55; }

/* ---- Reels ---- */
.reels-row{ display:flex; gap:16px; overflow-x:auto; padding-bottom:8px; }
.reel-card{ flex:0 0 190px; height:280px; border-radius:20px; position:relative; overflow:hidden; display:flex; flex-direction:column; justify-content:space-between; padding:14px; }
.reel-card .dur{ align-self:flex-end; background:rgba(43,34,40,0.55); color:#fff; font-size:11px; font-weight:600; padding:4px 8px; border-radius:999px; }
.reel-play{ align-self:center; width:44px; height:44px; border-radius:50%; background:rgba(255,255,255,0.9); display:flex; align-items:center; justify-content:center; font-size:14px; color:#2B2527 !important; margin:auto; }
.reel-caption{ background:rgba(255,255,255,0.85); border-radius:12px; padding:9px 11px; }
.reel-caption .t{ font-weight:700; font-size:12px; margin-bottom:2px; }
.reel-caption .h{ font-size:11px; color:#8A7A80; }

/* ---- Reviews ---- */
.reviews-grid{ display:grid; grid-template-columns:300px 1fr; gap:36px; align-items:start; }
@media(max-width:860px){ .reviews-grid{grid-template-columns:1fr;} }
.rating-summary{ background:#FFFFFF; border:1px solid #F0E4E8; border-radius:20px; padding:26px; position:sticky; top:90px; }
.rating-big{ font-size:44px; font-weight:800; margin-bottom:4px; }
.rating-summary .stars{ font-size:16px; margin-bottom:6px; }
.rating-summary .count{ font-size:13px; color:#8A7A80; margin-bottom:20px; }
.bar-row{ display:flex; align-items:center; gap:8px; font-size:12px; color:#7A6A70; margin-bottom:8px; }
.bar-row .bar-track{ flex:1; height:6px; border-radius:999px; background:#EDE5E8; overflow:hidden; }
.bar-row .bar-fill{ height:100%; background:#A95C70; border-radius:999px; }
.write-review{ width:100%; margin-top:18px; background:transparent; border:1.5px solid #2B2527; border-radius:999px; height:44px; font-weight:600; font-size:13.5px; }

.review-filters{ display:flex; gap:8px; margin-bottom:20px; flex-wrap:wrap; }
.chip{ border:1px solid #EDE5E8; background:#FFFFFF; border-radius:999px; padding:8px 15px; font-size:12.5px; font-weight:600; }
.chip.active{ background:#2B2527; color:#FFFFFF; border-color:#2B2527; }

.review-card{ background:#FFFFFF; border:1px solid #EDE5E8; border-radius:20px; padding:22px; margin-bottom:16px; }
.review-top{ display:flex; gap:12px; align-items:center; margin-bottom:12px; }
.avatar{ width:38px; height:38px; border-radius:50%; background:#F8E6EB; display:flex; align-items:center; justify-content:center; font-weight:700; font-size:13px; flex:0 0 auto; }
.review-name{ font-weight:700; font-size:14px; display:flex; align-items:center; gap:7px; }
.verified{ background:#E6F4EC; color:#2E7D52; font-size:10.5px; font-weight:700; padding:3px 8px; border-radius:999px; }
.review-date{ font-size:12px; color:#8A7A80; margin-left:auto; }
.review-card .stars{ margin-bottom:10px; display:block; }
.review-card p{ font-size:14px; line-height:1.6; margin:0 0 12px; color:#2B2228; }
.review-meta{ display:flex; gap:14px; align-items:center; font-size:12px; color:#8A7A80; }
.swatch-dot{ width:14px; height:14px; border-radius:4px; display:inline-block; margin-right:4px; vertical-align:middle;}
.load-more{ width:100%; background:transparent; border:1.5px solid #EDE5E8; border-radius:999px; height:46px; font-weight:600; font-size:13.5px; }

/* ---- FAQ ---- */
.faq-item{ border-bottom:1px solid #EDE5E8; padding:18px 0; cursor:pointer; }
.faq-q{ display:flex; justify-content:space-between; align-items:center; font-weight:600; font-size:15px; }
.faq-q .chevron{ transition:transform 200ms ease; font-size:14px; color:#8A7A80; }
.faq-item.open .chevron{ transform:rotate(180deg); }
.faq-a{ font-size:13.5px; color:#8A7A80; line-height:1.6; max-height:0; overflow:hidden; transition:max-height 220ms ease; }
.faq-item.open .faq-a{ max-height:200px; margin-top:12px; }


/* =========================================
   CATEGORY SLIDER (SCROLL SNAP BASED)
========================================= */

#shop-category-{{ section.id }} .category-slider {
  width: 100%;
  position: relative;
  overflow: hidden;
}
span.fdd {
    font-size: 26px;
    font-weight: 600;
}
#shop-category-{{ section.id }} .circle-row {
  display: flex;
  flex-wrap: nowrap;
  gap: 20px;
  overflow-x: auto;
  scroll-behavior: smooth;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none; /* Hide Scrollbar Firefox */
  padding-bottom: 50px;
}

#shop-category-{{ section.id }} .circle-row::-webkit-scrollbar {
  display: none; /* Hide Scrollbar Chrome/Safari */
}

/* =========================================
   CATEGORY ITEM
========================================= */

#shop-category-{{ section.id }} .circle-item {
  flex: 0 0 calc((100% - (({{ section.settings.desktop_slides }} - 1) * 20px)) / {{ section.settings.desktop_slides }});
  min-width: calc((100% - (({{ section.settings.desktop_slides }} - 1) * 20px)) / {{ section.settings.desktop_slides }});
  box-sizing: border-box;
  text-align: center;
  scroll-snap-align: start;
}

#shop-category-{{ section.id }} .circle-item a {
  text-decoration: none;
  color: inherit;
  display: block;
}

/* =========================================
   CIRCLE & MEDIA
========================================= */

#shop-category-{{ section.id }} .circle-badge {
  width: 100%;
  aspect-ratio: 1 / 1;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  transition: transform 0.3s ease;
}

#shop-category-{{ section.id }} .circle-item:hover .circle-badge {
  transform: translateY(-4px);
}

#shop-category-{{ section.id }} .circle-badge img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

#shop-category-{{ section.id }} .circle-badge svg {
  width: 45%;
  height: 45%;
  display: block;
}

#shop-category-{{ section.id }} .label {
  margin-top: 12px;
  font-size: 14px;
  line-height: 1.3;
  font-weight: 600;
  text-align: center;
}

/* =========================================
   BUTTONS
========================================= */

#shop-category-{{ section.id }} .category-slider-buttons {
   position: relative !important;
    width: 100% !important;
    top: -120px;
}
button.category-slider-btn.category-prev {
position: absolute;
    left: -32px;}

button.category-slider-btn.category-next {
position: absolute;
    right: -32px;}



#shop-category-{{ section.id }} .category-slider-btn {
  width: 45px;
  height: 45px;
  border: 1px solid #ddd;
  background: #fff;
  color: #111;
  border-radius: 50%;
  cursor: pointer;
  font-size: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
}

#shop-category-{{ section.id }} .category-slider-btn:hover {
  background: #FF2167;
  color: #fff;
  border-color: #FF2167;
}

/* RESPONSIVE BREAKPOINTS */

@media screen and (max-width: 1100px) {
  #shop-category-{{ section.id }} .circle-item {
    flex: 0 0 calc((100% - 60px) / 4);
    min-width: calc((100% - 60px) / 4);
  }
}

@media screen and (max-width: 749px) {
  #shop-category-{{ section.id }} .circle-row {
    gap: 14px;
  }
  #shop-category-{{ section.id }} .circle-item {
    flex: 0 0 calc((100% - 14px) / 2);
    min-width: calc((100% - 14px) / 2);
  }
}


  /* =========================================
     BEST SELLERS SECTION
  ========================================= */

  #BestSellers-{{ section.id }} {
    background: #FEF6F8
    padding: 30px 0;
  }


  #BestSellers-{{ section.id }} .bs-wrap {
    width: min(1400px, calc(100% - 40px));
    margin: 0 auto;
  }


  /* =========================================
     HEADER
  ========================================= */

  #BestSellers-{{ section.id }} .bs-header {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 30px;
    margin-bottom: 28px;
  }


  #BestSellers-{{ section.id }} .bs-heading {
    margin: 0;
    font-size: 30px;
    line-height: 1.05;
    font-weight: 700;
    color: #2B2228;
    text-align: center;
  }


  #BestSellers-{{ section.id }} .bs-subheading {
    margin-top: 9px;
    color: #2B2228;
    font-size: 14px;
    text-align: center;
  }


  #BestSellers-{{ section.id }} .bs-see-all {
    color: #2B2228;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    white-space: nowrap;
  }


  /* =========================================
     SLIDER
  ========================================= */

  #BestSellers-{{ section.id }} .bs-slider {
    position: relative;
    display: flex;
    align-items: center;
  }


  #BestSellers-{{ section.id }} .bs-viewport {
    width: 100%;
    overflow: hidden;
  }


  #BestSellers-{{ section.id }} .bs-track {
    display: flex;
    gap: 18px;
    transition: transform 0.5s cubic-bezier(.22,.61,.36,1);
    will-change: transform;
  }


  /* =========================================
     CARD
  ========================================= */

  #BestSellers-{{ section.id }} .bs-card {

    flex: 0 0
      calc(
        (
          100% -
          (18px * (var(--bs-visible) - 1))
        )
        / var(--bs-visible)
      );

    min-width: 0;

    background: #FADDE6;

    border: 1px solid #F0E4E8;

    padding: 14px;
border-radius:20px;
    display: flex;
    flex-direction: column;

    transition:
      transform .25s ease,
      box-shadow .25s ease;

  }


  #BestSellers-{{ section.id }} .bs-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 35px rgba(30, 15, 25, .08);
  }


  /* =========================================
     PRODUCT IMAGE
  ========================================= */

  #BestSellers-{{ section.id }} .bs-image {

    position: relative;

    display: flex;

    width: 100%;

    aspect-ratio: 1 / 1;

    overflow: hidden;
    border-radius:16px;

    text-decoration: none;

  }


  #BestSellers-{{ section.id }} .bs-image img {

    width: 100%;
    height: 100%;

    object-fit: cover;
border-radius:16px;
    display: block;

    transition: transform .45s ease;

  }


  #BestSellers-{{ section.id }} .bs-card:hover .bs-image img {
    transform: scale(1.035);
  }


  /* =========================================
     BADGE
  ========================================= */

  #BestSellers-{{ section.id }} .bs-badge {

    position: absolute;

    top: 10px;
    left: 10px;

    padding: 5px 8px;

    background: #fff;

    color: #F2B8C6;

    font-size: 9px;

    font-weight: 800;

    letter-spacing: .04em;

    border-radius: 3px;

    box-shadow: 0 3px 10px rgba(0,0,0,.08);

  }


  /* =========================================
     TITLE
  ========================================= */

  #BestSellers-{{ section.id }} .bs-product-title {

    margin-top: 13px;

    min-height: 40px;

    font-size: 15px;

    line-height: 1.35;

    font-weight: 600;

    color: #191519;

  }


  #BestSellers-{{ section.id }} .bs-product-title a {

    color: inherit;

    text-decoration: none;

  }


  /* =========================================
     RATING
  ========================================= */

  #BestSellers-{{ section.id }} .bs-rating {

    display: flex;

    align-items: center;

    gap: 7px;

    margin-top: 5px;

  }


  #BestSellers-{{ section.id }} .bs-stars {

    color: #F1C7D3;

    font-size: 13px;

    letter-spacing: 1px;

    line-height: 1;

  }


  #BestSellers-{{ section.id }} .bs-rating-count {

    color: #555;

    font-size: 10px;

    white-space: nowrap;

  }


  /* =========================================
     META
  ========================================= */

  #BestSellers-{{ section.id }} .bs-meta {

    margin-top: 9px;

    min-height: 30px;

    color: #5d575c;

    font-size: 11px;

    line-height: 1.45;

  }


  /* =========================================
     BOTTOM
  ========================================= */

  #BestSellers-{{ section.id }} .bs-bottom {

    display: block;

    align-items: center;

    justify-content: space-between;

    gap: 10px;

    margin-top: 0px;

    padding-top: 0px;

  }


  #BestSellers-{{ section.id }} .bs-price-wrap {

    display: flex;

    align-items: baseline;

    gap: 7px;

    min-width: 0;

    margin-bottom: 20px;

  }


  #BestSellers-{{ section.id }} .bs-price {

    font-size: 15px;

    font-weight: 500;

    color: #2B2228;

  }


  #BestSellers-{{ section.id }} .bs-old-price {

    font-size: 11px;

    color: #2B2228;

    opacity: .45;

    text-decoration: line-through;

  }


  /* =========================================
     ADD BUTTON
  ========================================= */

  #BestSellers-{{ section.id }} .bs-add {

    border: 0;

    background: #F2B8C6;

    color: #2B2228;

    padding: 9px 14px;
    font-size: 13px;

    font-weight: 500;

    letter-spacing: .08em;

    cursor: pointer;

    white-space: nowrap;

    border-radius: 999px;

    text-decoration: none;

    margin-top: 10px !important;

  }


  #BestSellers-{{ section.id }} .bs-add:hover {
    background: #A4526C;
        color: #ffffffff;
  }


  #BestSellers-{{ section.id }} .bs-soldout {
    opacity: .5;

    cursor: not-allowed;
  }


  /* =========================================
     ARROWS
  ========================================= */

  #BestSellers-{{ section.id }} .bs-arrow {

    position: absolute;

    top: 50%;

    transform: translateY(-50%);

    z-index: 5;

    width: 42px;

    height: 42px;

    border-radius: 50%;

    border: 1px solid #e5dce0;

    background: #fff;

    color: #222;

    display: flex;

    align-items: center;

    justify-content: center;

    font-size: 18px;

    cursor: pointer;

    box-shadow: 0 5px 18px rgba(0,0,0,.08);

    transition: .25s ease;

  }


  #BestSellers-{{ section.id }} .bs-arrow:hover {

    background: #A4526C;

    color: #fff;

    border-color: #A4526C;

  }


  #BestSellers-{{ section.id }} .bs-prev {
    left: -21px;
  }


  #BestSellers-{{ section.id }} .bs-next {
    right: -21px;
  }


  #BestSellers-{{ section.id }} .bs-arrow.is-disabled {

    opacity: .3;

    pointer-events: none;

  }


  /* =========================================
     DOTS
  ========================================= */

  #BestSellers-{{ section.id }} .bs-dots {

    display: flex;

    justify-content: center;

    align-items: center;

    gap: 6px;

    margin-top: 25px;

  }


  #BestSellers-{{ section.id }} .bs-dot {

    width: 7px;

    height: 7px;

    border-radius: 50%;

    border: 0;

    padding: 0;

    background: #e5c9d4;

    cursor: pointer;

    transition: .25s ease;

  }


  #BestSellers-{{ section.id }} .bs-dot.active {

    width: 22px;

    border-radius: 20px;

    background: #A4526C;

  }


  /* =========================================
     RESPONSIVE
  ========================================= */

  @media (max-width: 1100px) {

    #BestSellers-{{ section.id }} {
      --bs-visible: 4 !important;
    }

  }


  @media (max-width: 850px) {

    #BestSellers-{{ section.id }} {
      --bs-visible: 3 !important;
    }

    #BestSellers-{{ section.id }} .bs-wrap {
      width: min(100% - 30px, 700px);
    }

  }


  @media (max-width: 600px) {

    #BestSellers-{{ section.id }} {
      --bs-visible: 2 !important;
      padding: 45px 0;
    }


    #BestSellers-{{ section.id }} .bs-header {
      align-items: flex-start;
      margin-bottom: 20px;
    }


    #BestSellers-{{ section.id }} .bs-heading {
      font-size: 28px;
    }


    #BestSellers-{{ section.id }} .bs-subheading {
      font-size: 12px;
    }


    #BestSellers-{{ section.id }} .bs-see-all {
      font-size: 11px;
    }


    #BestSellers-{{ section.id }} .bs-track {
      gap: 12px;
    }


    #BestSellers-{{ section.id }} .bs-card {

      flex-basis:
        calc(
          (
            100% - 12px
          ) / 2
        );

      padding: 10px;

    }


    #BestSellers-{{ section.id }} .bs-product-title {
      font-size: 13px;
    }


    #BestSellers-{{ section.id }} .bs-rating-count {
      display: none;
    }


    #BestSellers-{{ section.id }} .bs-meta {
      font-size: 10px;
    }


    #BestSellers-{{ section.id }} .bs-price {
      font-size: 13px;
    }


    #BestSellers-{{ section.id }} .bs-add {
      padding: 8px 10px;

      font-size: 8px;

    }


    #BestSellers-{{ section.id }} .bs-arrow {

      width: 34px;

      height: 34px;

      font-size: 15px;

    }


    #BestSellers-{{ section.id }} .bs-prev {
      left: -10px;
    }


    #BestSellers-{{ section.id }} .bs-next {
      right: -10px;
    }

  }


  @media (max-width: 400px) {

    #BestSellers-{{ section.id }} {
      --bs-visible: 1.4 !important;
    }

  }



    .tk-founder, .tk-founder * {
      box-sizing: border-box !important;
      margin: 0 !important;
      padding: 0 !important;
  font-family: 'Plus Jakarta Sans';
    }

    .tk-founder {
      background: #FEF6F8 !important;
      width: 100% !important;
      padding: 60px 60px !important;
    }

    .tk-founder .founder-wrap {
      display: flex !important;
      align-items: center !important;
      justify-content: space-between !important;
      gap: 60px !important;
      max-width: 1390px !important;
      margin: 0 auto !important;
      flex-wrap: wrap !important;
      padding: 40px 88px !important;
      background-color: #FADDE6;
      border-radius:24px;
    }

    /* ---------- LEFT: PHOTO CARD ---------- */
    .tk-founder .founder-photo {
      position: relative !important;
      flex: 1 1 420px !important;
      max-width: 500px !important;
    }

    .tk-founder .founder-photo .photo-frame {
      position: relative !important;
      border: 6px solid #F0E4E8 !important;
      border-radius: 50% !important;
      overflow: hidden !important;
      aspect-ratio: 1 / 1 !important;
      background: #FADDE6 !important;
    }

    .tk-founder .founder-photo img {
      width: 100% !important;
      height: 100% !important;
      object-fit: cover !important;
      display: block !important;
    }

    .tk-founder .handwritten-note {
      position: absolute !important;
      top: 8% !important;
      left: 6% !important;
      color: #FADDE6 !important;
  font-family: 'Plus Jakarta Sans';
      font-size: 22px !important;
      line-height: 1.3 !important;
      font-weight: 600 !important;
      z-index: 2 !important;
    }

    .tk-founder .founder-badge {
      position: absolute !important;
      top: 4% !important;
      right: 4% !important;
      width: 130px !important;
      height: 130px !important;
      background: #FADDE6 !important;
      color: #fff !important;
      border-radius: 50% !important;
      display: flex !important;
      align-items: center !important;
      justify-content: center !important;
      text-align: center !important;
      font-weight: 800 !important;
      font-size: 15px !important;
      letter-spacing: 0.5px !important;
      line-height: 1.3 !important;
      z-index: 2 !important;
      clip-path: polygon(
        50% 0%, 61% 7%, 73% 2%, 80% 12%, 93% 12%,
        96% 24%, 100% 32%, 92% 42%, 98% 52%,
        90% 61%, 94% 72%, 82% 78%, 79% 90%,
        67% 87%, 58% 97%, 50% 90%, 42% 97%,
        33% 87%, 21% 90%, 18% 78%, 6% 72%,
        10% 61%, 2% 52%, 8% 42%, 0% 32%,
        4% 24%, 7% 12%, 20% 12%, 27% 2%, 39% 7%
      ) !important;
    }

    .tk-founder .photo-caption {
      position: absolute !important;
      bottom: 6% !important;
      left: 6% !important;
      background: #fff !important;
      padding: 10px 18px !important;
      border-radius: 30px !important;
      font-size: 14px !important;
      color: #2B2228  !important;
      z-index: 2 !important;
    }

    .tk-founder .photo-caption b {
      font-weight: 700 !important;
    }

    /* ---------- RIGHT: TEXT CONTENT ---------- */
    .tk-founder .founder-content {
      flex: 1 1 420px !important;
      max-width: 620px !important;
    }

    .tk-founder .founder-content h1 {
      font-size: 66px !important;
      font-weight: 900 !important;
      color: #2B2228  !important;
      line-height: 1.05 !important;
      margin-bottom: 18px !important;
    }

    .tk-founder .founder-content h2 {
      font-size: 26px !important;
      font-weight: 700 !important;
      color: #2B2228 !important;
      margin-bottom: 10px !important;
    }

    .tk-founder .founder-content p.subtext {
      font-size: 18px !important;
      color: #2B2228 !important;
      font-weight: 400 !important;
      margin-bottom: 28px !important;
    }

    .tk-founder .shop-btn {
      display: inline-flex !important;
      align-items: center !important;
      gap: 10px !important;
      background: #F2B8C6 !important;
      color: #2B2228 !important;
      font-weight: 700 !important;
      font-size: 16px !important;
      letter-spacing: 0.5px !important;
      padding: 18px 34px !important;
      border-radius: 40px !important;
      border: none !important;
      cursor: pointer !important;
      transition: background 0.2s ease !important;
      margin-bottom: 24px !important;
    }

    .tk-founder .shop-btn:hover {
      background: #A4526C !important;
            color: #ffffffff !important;
    }

    .tk-founder .founder-content .signature {
      font-size: 15px !important;
      color: #2B2228 !important;
      font-weight: 400 !important;
    }

    @media (max-width: 900px) {
      .tk-founder {
        padding: 40px 24px !important;
      }

      .tk-founder .founder-wrap {
        flex-direction: column !important;
        text-align: center !important;
      }

      .tk-founder .founder-content h1 {
        font-size: 40px !important;
      }

      .tk-founder .founder-content {
        text-align: center !important;
      }

      .tk-founder .shop-btn {
        margin-left: auto !important;
        margin-right: auto !important;
      }
    }

    .edf {
      justify-content: left;
      display: grid;
    }



/* =========================================
   BEFORE / AFTER
========================================= */

#ba-section-{{ section.id }} .ba-section {
  background:#FEF6F8;
}

#ba-section-{{ section.id }} .ba-wrap {
  display: grid;
  grid-template-columns: 1.5fr 1fr;
  gap: 0;
  {% comment %} border-radius: 26px; {% endcomment %}
  overflow: hidden;
  {% comment %} box-shadow: var(--shadow); {% endcomment %}
}

@media (max-width: 860px) {

  #ba-section-{{ section.id }} .ba-wrap {
    grid-template-columns: 1fr;
  }

}


/* SLIDER */

#ba-section-{{ section.id }} .ba-slider {

    position: relative;
    width: 70%;
    margin-left: 10%;
    aspect-ratio: 6 / 5;
    overflow: hidden;
    background: #EADBD2;
    user-select: none;
    -webkit-user-select: none;
    touch-action: none;
    cursor: ew-resize;

}


/* BOTH IMAGE LAYERS */

#ba-section-{{ section.id }} .before-layer,
#ba-section-{{ section.id }} .after-layer {

  position: absolute;

  inset: 0;

  width: 100%;

  height: 100%;

}


/* BEFORE */

#ba-section-{{ section.id }} .before-layer {

  z-index: 1;

}


/* AFTER */

#ba-section-{{ section.id }} .after-layer {

  z-index: 2;

  clip-path: inset(0 0 0 50%);

  -webkit-clip-path: inset(0 0 0 50%);

}


/* IMAGES */

#ba-section-{{ section.id }} .ba-face {

  display: block;

  width: 100%;

  height: 100%;

  object-fit: cover;

  pointer-events: none;

  user-select: none;

  -webkit-user-drag: none;

}


/* LABELS */

#ba-section-{{ section.id }} .ba-tag {

  position: absolute;

  top: 18px;

  z-index: 5;

  font-size: 11px;

  font-weight: 800;

  text-transform: uppercase;

  letter-spacing: 0.04em;

  background: rgba(255,255,255,0.9);

  padding: 6px 12px;

  border-radius: 100px;

  pointer-events: none;

}

#ba-section-{{ section.id }} .ba-tag.before {
  left: 18px;
}

#ba-section-{{ section.id }} .ba-tag.after {
  right: 18px;
}


/* HANDLE */

#ba-section-{{ section.id }} .ba-handle {

  position: absolute;

  top: 0;

  bottom: 0;

  left: 50%;

  width: 0;

  z-index: 10;

  pointer-events: none;

}


#ba-section-{{ section.id }} .ba-handle::before {

  content: "";

  position: absolute;

  top: 0;

  bottom: 0;

  left: -1px;

  width: 2px;

  background: #fff;

  box-shadow: 0 0 3px rgba(0,0,0,0.15);

}


/* HANDLE CIRCLE */

#ba-section-{{ section.id }} .ba-knob {

  position: absolute;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);

  width: 44px;

  height: 44px;

  border-radius: 50%;

  background: #fff;

  box-shadow: var(--shadow);

  display: flex;

  align-items: center;

  justify-content: center;

  font-weight: 800;

  font-size: 13px;

  color: #000;

}

.iso-title, 
.iso-sub, 
.trophy-title {
    color: #fff;
}
a.button.button-ATC.is-notify-me,
button.product-form__submit.button.button--secondary,
a.button.button--secondary {
text-transform: none;
    font-family: 'Plus Jakarta Sans';
    border: 0;
    background: #F2B8C6;
    color: #2B2228;
    padding: 9px 14px;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: .08em;
    cursor: pointer;
    white-space: nowrap;
    border-radius: 999px;
    text-decoration: none;
    margin-top: 10px !important;
    box-shadow: none;
}
/* PRODUCT PANEL */

#ba-section-{{ section.id }} .ba-panel {

  background-color: var(--ink);

  background-size: cover;

  background-position: center;

  color: #ffffff;

  display: flex;

  flex-direction: column;

  justify-content: end;

  padding: 14px 20px;

  align-items: flex-start;
  margin-right: 10%;
    border-radius: 16px;

}
/* PANEL CONTENT */

#ba-section-{{ section.id }} .ba-panel .eyebrow {
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: var(--pink);
  margin-bottom: 14px;
}

#ba-section-template--22451047006438__the_difference_MgyMHk .ba-panel p {
  display: none;
  font-size: 14px;
  line-height: 1.6;
  opacity: 0.78;
  margin: 0 0 24px;
}

#ba-section-{{ section.id }} .ba-panel h3 {
  color: #000;
  font-size: clamp(22px, 2.6vw, 28px);
  margin-bottom: 0px;
}

#ba-section-{{ section.id }} .ba-panel p {
  font-size: 14px;
  line-height: 1.6;
  opacity: 0.78;
  margin: 0 0 24px;
}

#ba-section-{{ section.id }} .ba-panel .price-row {
  margin-bottom: 20px;
}

#ba-section-{{ section.id }} .ba-panel .price {
  color: #000;
  font-size: 18px;
}

#ba-section-{{ section.id }} .ba-panel .price-old {
  color: var(--ivory);
  margin-left: 8px;
}

#ba-section-{{ section.id }} .ba-panel .btn {
  align-self: flex-start;
  background: #F2B8C6;
  color: #2B2228;
  padding: 13px 26px;
  font-weight: 700;
  font-size: 13px;
  letter-spacing: 0.02em;
  margin-left: 18px;
  border-radius: 99px;
}

#ba-section-{{ section.id }} .ba-panel .btn:hover {
  background: #A4526C;
  color: #ffffff;
}


/* =====================================================
   ACCESSIBILITY
===================================================== */


.pdp {
    padding: 24px 0 0px !important;
}
.section-head1 {
  text-align: left !important;
  margin-bottom:20px;
}

.section-head1 .eyebrow,
.section-head1 h2,
.section-head1 .sub {
  text-align: left !important;
  margin-left: 0 !important;
  margin-right: auto !important;
}

img.motion-reduce.ls-is-cached.lazyloaded {
    border-radius: 16px;
}

li.product.scroll-trigger.animate--slide-in {
}

.product-item.disable_product_card_border {
    border-radius: 20px;
}

.card.ajax-loaded {
 border-radius: 20px !important;}
input#filter__price--apply,
button.product-form__submit.button.button--primary{     text-transform: none; font-family: 'Plus Jakarta Sans'; border: 0;background: #F2B8C6;color: #2B2228;padding: 9px 14px;font-size: 13px;font-weight: 500;letter-spacing: .08em;cursor: pointer;white-space: nowrap;border-radius: 999px;text-decoration: none;margin-top: 10px !important;box-shadow: none;}

s.price-item.price-item--regular {
    color: #000000;
    font-size: 11px;
    opacity: 0.75;
}

span.price-item.price-item--sale {
    color: #2B2228;
}

h1.page-header.text-center {
    font-weight: 700;
    text-transform:capitalize;
}
.card-vendor.link-underline {
    DISPLAY: NONE;
}

.price {
    text-shadow: 0 2px 8px rgb(0 0 0 / 0%);
}

.template-collection img.motion-reduce.lazyloaded {
    BORDER-RADIUS: 16px;
}

.template-collection a.card-title.link-underline.card-title-ellipsis {
    text-decoration: none;
    text-align: left;
    border: none !important;
}

.template-collection .card-information__wrapper.text-center {
    text-align: left;
}

/* .template-collection span.text {
     margin-top: 13px;
    min-height: 40px;
    font-size: 15px;
    line-height: 1.35;
    font-weight: 600;
    color: #191519;}  */


    .template-collection .card-information .link-underline .text {
        --d: 50%;
        background: linear-gradient(90deg, rgb(25 21 25 / 0%) 33.33333%, transparent 0 70%, rgb(25 21 25 / 0%) 0) var(--d, 100%) 100% / 300% 1px no-repeat;
        transition: background .6s ease-in-out 0s;
    }


.template-collection .price--on-sale .price__sale {
    display: flex !important;
    flex-direction: row-reverse;
    flex-wrap: wrap;
    align-items: center;
}
.template-collection  .card-price {
    display: flex;
    justify-content: left !important;
}
input#filter__price--apply:hover, button.product-form__submit.button.button--primary:hover {

background: #A4526C;
    color: #ffffffff;
}

/* a.card-title span.text {text-transform: lowercase;} */

.container .rte p {
    color: #2b2228;
}
.price-item--sale, .price.price--on-sale .price-item--sale .money {
    color: #2b2228;
}

/* Product images same height */
.productGrid .card-media {
    height: 350px;
    padding-bottom: 0 !important;
    overflow: hidden;
}

.productGrid .card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
div, 
p, 
.label,
.ba-tag.before,
.ba-tag.after{

    color: #2b2228;
}


div#shopify-section-template--28578317664437__skin_concern_ryqzgb section.section {
    text-align: center;
}


.circle-item.concern.aos-init.aos-animate {
    display: grid;
    align-content: space-around;
}






@media screen and (max-width: 1440px) {
.productGrid .card-media {
    height: 230px;
    padding-bottom: 0 !important;
    overflow: hidden;
}
}
div#halo-recently-viewed-wrap{
  display:none;
}
section.certified-section .card {
    gap: 1px !important;
}

@media screen and (max-width: 625px) {

a.header__link--account.customer_login_link,
.halo-sticky-toolbar-mobile,
div#halo-recently-viewed-wrap,
.site-nav-mobile.nav-account,
.site-nav-mobile.nav-currency-language.p-relative {
    display:none;
}  

button.hero-arrow.next.swiper-button-next,
button.hero-arrow.prev.swiper-button-prev {
    display: none;
}
.productGrid .card-media {
    height: 200px;
}

.hero-slide img {
    height: clamp(240px, 68vw, 20px);
}
.left, .text-left {
    text-align: center;
}
.stats {
    margin: 0 auto;
    display: flex;
    justify-content: center;
}
    .certified-section h1 {
        font-size: 24px;
        line-height: 1.08;
    }

section.certified-section {
    padding-top: 30px;
}
.tk-founder .founder-wrap {
    padding: 24px 10px !important;
}
.tk-founder .founder-content {
        flex: 1 1 247px !important;
    }
.edf {
    justify-content: center;
    display: grid;
}
.label.aos-init.aos-animate {
    color: #000;
}
.ba-panel {
    padding: 185px 20px;
    margin-right: 0%;
margin-top: 21px;
}
.ba-panel {
  position: relative;
  overflow: hidden;
}

.ba-panel .btn {
  position: absolute;
  bottom: 14px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 2;
}

.stockist-block::before{
  display:none;
}
.ba-slider {
    width: 100%;
    margin-left: 0%;
    }
div#shopify-section-template--28578317664437__the_difference_MgyMHk .wrap {
    background-color: #FADDE6;
    padding: 30px 10px;
}

.card.card-trophy img {
    height: 188px !important;
        width: 51% !important; 
}
.certified-section .card-iso img {
    width: 32% !important;
}
span.text.header__active-menu-item.p-relative,
a.menu-lv-1__action.header__menu-item,
a.menu-lv-1__action.header__menu-item{
    color: #000;
}
.certified-section .grid {
        grid-template-rows: repeat(4, 324px) !important;
    }

div#shopify-section-template--28578317664437__certified_VAfzQk .card {
    padding-bottom: 27px !important;
}

.certified-section .card-vegas img,
.certified-section .card-beauty img {
    width: 32% !important;
}
.tk-founder .founder-photo {
    flex: 1 1 335px !important;

}
    .section {
        padding: 24px 0 !important;
    }
        .slider-arrow.prev {
        left: -20px !important;
    }
    .slider-arrow.next {
        right: -22px !important;
    }
    button.review-btn.review-next {
    right: -13px !important;
    top: -55px;
}
button.review-btn.review-prev {
    position: absolute;
    left: -13px !important;
    top: -55px;
}

.section-head .sub {
    margin-top: -4px !important;
}

section#ba-section-template--28578317664437__the_difference_MgyMHk .section {
        padding: 48px 0 0px 0px;
    }
.section-head1 h2 {
font-size:29px;}
button.category-slider-btn.category-next {
    right: -13px;
    top: -18px;
}
button.category-slider-btn.category-prev {
    left: -13px;
    top: -18px;
}
.tk-founder .founder-wrap {
    gap: 25px !important;
}
p.ingredient-description {
    font-size: 12px !important;
}
    .tk-founder .founder-content h1 {
        font-size: 26px !important;
    }
.tk-founder .founder-content h2 {
    font-size: 17px !important;
    margin-bottom: 4px !important;
}

.tk-founder .founder-content p.subtext {
    font-size: 13px !important;
    margin-bottom: 17px !important;
}
.section-head h2 {
    font-size: 26px;
}
h1.page-header.text-center {
    padding-top: 37px;
    font-size: 19px !important;
}
.card {
    padding: 8px;
    gap: 0px;
}

}