/** Shopify CDN: Minification failed

Line 244:2 All "@import" rules must come first

**/
/* SHOPIFY_STYLESHEETS_VERSION: 1.0 */


/* CSS from section stylesheet tags */
/* START_SECTION:1brightpresale (INDEX:0) */
#generic-page .section6-buy-wrapper{text-align:center;margin-top:-45px; margin-bottom:50px; font-size: 0;}
  #generic-page .section6-buy-wrapper .fivemakeuptips-buy-block {display:inline-block; box-shadow: 0 0 10px 5px #C4C4C4; vertical-align:top;width:31%;margin: 0 1%; background-color:white; padding: 35px 1% 40px;}
  #generic-page .section6-buy-wrapper .fivemakeuptips-buy-block h2  {color:#D95074;font-weight:400; font-size: 20px;text-transform:uppercase;margin-bottom:10px;}
  #generic-page .section6-buy-wrapper .fivemakeuptips-buy-block h2 strong {color: #EE429C;}
  #generic-page .section6-buy-wrapper .fivemakeuptips-buy-block img {display:inline-block;vertical-align:top; max-height: 160px; margin-bottom:20px;}
  #generic-page .section6-buy-wrapper .fivemakeuptips-buy-block .fivetips-boomstick-video-wrap{max-width:100%; overflow:hidden; padding:0 3%;position:relative;z-index:5;}
  #generic-page .section6-buy-wrapper .fivemakeuptips-buy-block a.boomstick-buy-link,
  #generic-page .section6-buy-wrapper .fivemakeuptips-buy-block a.boomstick-buy-link:link,
  #generic-page .section6-buy-wrapper .fivemakeuptips-buy-block a.boomstick-buy-link:visited{font-weight:400;text-transform:uppercase;font-size:16px;color:white;border-radius:5px;padding:8px 20px; display:inline-block;vertical-align:top;background-color: #EE429C;margin-bottom:25px;}
  #generic-page .section6-buy-wrapper .fivemakeuptips-buy-block h3{text-transform:uppercase;font-weight:400;font-size:14px;margin-bottom:10px;}
  
  @media only screen and (max-width:848px){
    #generic-page .section6-buy-wrapper .fivemakeuptips-buy-block {width:47%;margin-bottom:20px;}
  }

  
  @media only screen and (max-width:700px){
    #generic-page .section6-buy-wrapper .fivemakeuptips-buy-block {width:96%;}
    #generic-page .section6-buy-wrapper .fivemakeuptips-buy-block .fivetips-boomstick-video-wrap{height:auto;width:400px;display:inline-block;vertical-align:top;}
  }

  @media only screen and (max-width:561px){
    #generic-page .section6-buy-wrapper .fivemakeuptips-buy-block img{margin-top:0;margin-bottom:0;}
    #generic-page .section6-buy-wrapper .fivemakeuptips-buy-block {padding-bottom:15px;}
    #generic-page .section6-buy-wrapper {margin-bottom:26px;}
  }
/* END_SECTION:1brightpresale */

/* START_SECTION:boomstick-experience (INDEX:23) */
/* ====== Boomstick Experience Section Styles ====== */
  .boomstick-section {
    padding: 4rem 1rem;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .boomstick-title {
    font-size: 42px;
    font-weight: 600;
    margin-bottom: 1rem;
    font-family: 'Helvetica';
    color: #000;
  }

  .boomstick-subtitle {
    max-width: 750px;
    margin: 0 auto 3rem;
    color: #000;
    line-height: 1.5;
    font-size: 20px;
    font-weight: 400;
    font-family: 'Helvetica';
  }

  .boomstick-block {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 4rem;
    max-width: 1440px;
  }

  /* Alternate blocks reverse image/text */
  .boomstick-block:nth-child(even) {
    flex-direction: row-reverse;
  }

  .boomstick-image {
    flex: 1;
    text-align: center;
  }

  .boomstick-image img {
    max-width: 100%;
    height: auto;
  }

  .boomstick-text {
    flex: 1;
    padding: 0 2rem;
    text-align: left;
  }

  .boomstick-text .label {
    font-size: 30px;
    font-weight: 600;
    margin-bottom: 0.5rem;
    letter-spacing: 0.05em;
    color: #000;
    font-family: 'Helvetica';
  }

  .boomstick-text .description {
    color: #000;
    line-height: 1.5;
    font-size: 20px;
    font-family: 'Helvetica';
    font-weight: 400;
  }

  @media screen and (max-width: 749px) {
    .boomstick-section {
      padding: 2rem 1rem;
    }

    .boomstick-block {
      flex-direction: column !important;
      margin-bottom: 2.5rem;
    }

    .boomstick-title{
      font-size: 23px;
    }

    .boomstick-subtitle{
      font-size: 18px;
      text-align: left;
    }

    .boomstick-text .label{
      font-size: 20px;
    }

    .boomstick-text .description{
      font-size: 18px;
    }

    .boomstick-text {
      padding: 1rem 0;
      text-align: left;
    }
  }
/* END_SECTION:boomstick-experience */

/* START_SECTION:lp-benefits (INDEX:107) */
/* ====== Benefits Section Styles ====== */
  .benefits-section {
    padding: 4rem 1rem;
    background-color: #F6E0D8;
    text-align: center;
    justify-items: center;
  }

  .benefits-title {
    font-size: 42px;
    font-weight: 700;
    margin-bottom: 4rem;
    font-family: 'Helvetica';
    color: #000;
  }

  .benefits-container {
    display: flex;
    justify-content: space-between;
    gap: 2rem;
    max-width: 1200px;
  }

  .benefits-column {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 2rem;
  }

  .benefit-item {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    flex: 1;
  }

  .benefit-icon {
    flex-shrink: 0;
    width: 40px;
    height: 40px;
  }

  .benefit-icon img {
    width: 100%;
    height: auto;
  }

  .benefit-text {
    text-align: left;
  }

  .benefit-text .benefit-title {
    font-size: 23px;
    font-weight: 500;
    color: #000;
    margin-bottom: 0.25rem;
    font-family: 'Helvetica';
  }

  .benefit-text .benefit-desc {
    font-size: 20px;
    color: #000;
    line-height: 1.4;
    font-family: 'Helvetica';
  }

  @media screen and (max-width: 749px) {
    .benefits-section {
      padding: 2rem 1rem;
    }
    .benefits-container {
      flex-direction: column;
    }
    .benefits-column {
      width: 100%;
    }
    .benefit-item {
      gap: 1rem;
    }
    .benefit-text {
      text-align: left;
    }
    .benefits-title{
      font-size: 23px;
    }
    .benefit-text .benefit-desc{
      font-size: 18px;
    }
  }
/* END_SECTION:lp-benefits */

/* START_SECTION:lp-buy-cards (INDEX:108) */
/* ============================================
     IMPORT & FORCE Open Sans FOR THIS SECTION
  ============================================ */
  @import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;500;600;700&display=swap');

  .beauty-cards-section,
  .beauty-cards-section * {
    font-family: 'Helvetica', sans-serif;
  }

  /* ---------- Container & Title ---------- */
  .beauty-cards-section {
    padding: 4rem 1rem;
    background-color: #FFFFFF;
    text-align: center;
    justify-items: center;
  }

  .beauty-cards-title {
    font-size: 42px;
    font-weight: 700;
    margin-bottom: 2rem;
    color: #000000;
  }

  /* ---------- Cards Wrapper ---------- */
  .beauty-cards-wrapper {
    display: flex;
    justify-content: space-between;
    gap: 1.5rem;
    max-width: 1200px;
  }

  /* Each individual card */
  .beauty-card {
    background-color: #FFFFFF;
    border: 2px solid #EFEFEF;
    border-radius: 8px;
    flex: 1;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    transition: border-color 0.2s ease;
  }

  .beauty-card:hover {
    border-color: #E62E56; /* pink highlight on hover */
  }

  /* ---------- Card Header (Title + Image) ---------- */
  .beauty-card-header {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 1rem;
  }

  .beauty-card-title {
    font-size: 25px;
    font-weight: 700;
    color: #D95074;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    margin-bottom: 0.75rem;
    text-align: center;
  }

  .beauty-card-header img {
    width: 100%;
    height: auto;
    display: block;
  }

  /* ---------- Card Body ---------- */
  .beauty-card-body {
    padding: 1rem 1rem 1.5rem;
    flex: 1; /* stretch to fill */
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }

  .beauty-card-price {
    font-size: 20px;
    font-weight: 700;
    color: #000000;
    margin-bottom: 0.5rem;
    text-align: left;
  }

  .beauty-card-price .price-highlight {
    color: #D95074;
    margin-left: 0.25rem;
  }

  .beauty-card-description {
    font-size: 20px;
    color: #000;
    line-height: 1.4;
    margin-bottom: 1rem;
    text-align: left;
  }

  .beauty-card-bullets {
    margin-bottom: 1rem;
    padding-left: 0rem;
    margin-top: 0;
  }

  .beauty-card-bullets li {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.9375rem;
    color: #555555;
    margin-bottom: 0.5rem;
  }

  .beauty-card-bullets li:last-child {
    margin-bottom: 0;
  }
  .beauty-card-bullets li span{
    font-size: 16px;
    color: #000;
  }
  /* Simple checkmark—we assume you will upload your own checkmark icon in settings */
  .beauty-card-bullets img {
    width: 20px;
    height: 20px;
  }

  /* Add to Cart button */
  .beauty-card-button {
    display: block;
    text-align: center;
    background-color: #000000;
    color: #FFFFFF;
    font-size: 1rem;
    font-weight: 600;
    text-decoration: none;
    padding: 0.75rem 1.5rem;
    border-radius: 24px;
    margin-bottom: 1rem;
    transition: background-color 0.2s ease;
  }

  .beauty-card-button:hover {
    background-color: #333333;
  }

  /* ---------- Demo Video Preview ---------- */
  .beauty-card-video {
    position: relative;
    width: 100%;
    border-top: 1px solid #EFEFEF;
  }

  .beauty-card-video img {
    width: 100%;
    height: auto;
    display: block;
  }

  .beauty-card-video .video-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
  }

  .beauty-card-video .video-overlay .play-button {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 48px;
    height: 48px;
    background-color: rgba(0,0,0,0.6);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .beauty-card-video .video-overlay .play-button::before {
    content: '';
    display: inline-block;
    border-style: solid;
    border-width: 10px 0 10px 16px;
    border-color: transparent transparent transparent #FFFFFF;
    margin-left: 4px;
  }

  .beauty-card-video .video-overlay .watch-text {
    position: absolute;
    bottom: 0.5rem;
    left: 0.5rem;
    font-size: 0.875rem;
    color: #FFFFFF;
    text-shadow: 0 0 4px rgba(0,0,0,0.6);
  }
  .atc_button.btn--primary{
    cursor: pointer;
    width: 100%;
    padding: 15px;
    text-transform: uppercase;
    font-size: 17px;
    margin-bottom: 12px;
  }
  /* ---------- Responsive: Mobile ---------- */
  @media screen and (max-width: 749px) {
    .beauty-cards-section{
      padding: 2rem 1rem
    }
    .beauty-cards-wrapper {
      flex-direction: column;
    }
    .beauty-card {
      width: 100%;
      margin-bottom: 1.5rem;
    }
    .beauty-card:last-child {
      margin-bottom: 0;
    }
    .beauty-card-body {
      padding: 0.75rem 0.75rem 1rem;
    }
    .beauty-card-price {
      font-size: 18px;
    }
    .beauty-card-description {
      font-size: 18px;
    }
    .beauty-card-description p {
      margin: 0;
    }
    .beauty-card-bullets li {
      font-size: 0.875rem;
    }
    .beauty-card-button {
      font-size: 0.9375rem;
      padding: 0.5rem 1rem;
    }
    .beauty-card-video .play-button {
      width: 36px;
      height: 36px;
    }
    .beauty-card-video .play-button::before {
      border-width: 8px 0 8px 12px;
    }
    .beauty-card-video .watch-text {
      font-size: 0.75rem;
    }
    .beauty-card-title {
      margin-bottom: 0.5rem;
      font-size: 18;
    }
    .beauty-cards-title{
      font-size: 23px;
    }
    .beauty-card-bullets li span{
      text-align: left;
      font-size: 12px;
      letter-spacing: 0px;
    }
    .atc_button.btn--primary{
      padding: 12px;
    }
  }
/* END_SECTION:lp-buy-cards */