/** Shopify CDN: Minification failed

Line 364:15 Unexpected "="

**/
/* ================================
   PDP WRAPPER
================================ */

[data-template="product.champ"]{
  color:#1f2937;
}

/* Prevent global image overflow */

[data-template="product.champ"] img{
  max-width:100%;
  height:auto;
  display:block;
}

/* ================================
   LAYOUT
================================ */

[data-template="product.champ"] .champ-container{
  max-width:1440px;
  margin:auto;
  padding:0 16px;
  width:100%;
  box-sizing:border-box;
  margin-bottom: 3rem;
  
}

.champ-card{
  background:#fff;
  border-radius:1rem;
  box-shadow:0 4px 6px rgba(0,0,0,.08);
}

/* =========================
   HERO SECTION
========================= */

[data-template="product.champ"] .champ-hero-section{
  padding:1.5rem 0;
}

/* Layout */

[data-template="product.champ"] .champ-hero-grid{
  display:grid;
  grid-template-columns:1fr;
  gap:2rem;
}

/* Allow grid children to shrink (prevents overflow) */

[data-template="product.champ"] .champ-hero-grid > *{
  min-width:0;
}

/* Cards */

[data-template="product.champ"] .champ-gallery-card,
[data-template="product.champ"] .champ-info-card{
  background:#fff;
  border-radius:1rem;
  padding:1rem;
  box-shadow:0 4px 6px rgba(0,0,0,.08);
}

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

[data-template="product.champ"] .champ-main-image-wrapper{
  position:relative;
  width:100%;
  aspect-ratio:1/1;
  overflow:hidden;
  border-radius:.75rem;
  background:linear-gradient(135deg,#faf5ff,#e9d5ff);
  margin-bottom:1rem;
}

[data-template="product.champ"] .champ-main-image{
  width:100%;
  height:100%;
  object-fit:contain;
  transition:opacity .2s ease;
}
.champ-gallery-prev,
.champ-gallery-next{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  background:white;
  border:none;
  width:36px;
  height:36px;
  border-radius:50%;
  cursor:pointer;
}

.champ-gallery-prev{ left:10px; }
.champ-gallery-next{ right:10px; }

/* =========================
   THUMBNAILS
========================= */

[data-template="product.champ"] .champ-thumbnails{
  display:flex;
  gap:.5rem;
  overflow-x:auto;
  overflow-y:hidden;
  padding-bottom:.5rem;
  scrollbar-width:none;
  max-width:100%;
}

[data-template="product.champ"] .champ-thumbnails::-webkit-scrollbar{
  display:none;
}

[data-template="product.champ"] .champ-thumbnail{
  flex:0 0 70px;
  min-width:70px;
  border:2px solid #e5e7eb;
  border-radius:.5rem;
  overflow:hidden;
  cursor:pointer;
}

[data-template="product.champ"] .champ-thumbnail:hover{
  border-color:#d1d5db;
}

[data-template="product.champ"] .champ-thumbnail.active{
  border-color:#7c3aed;
}

[data-template="product.champ"] .champ-thumbnail img{
  width:100%;
  height:60px;
  object-fit:cover;
  background:#faf5ff;
}

.champ-slider{
  display:flex;
  overflow-x:auto;

  scroll-snap-type:x mandatory;
  scroll-behavior:smooth;

  -webkit-overflow-scrolling:touch;
  margin-bottom: 1rem;
  gap: .1rem;
}

.champ-slide{
  flex:0 0 100%;
  scroll-snap-align:center;
}

.champ-slide img{
  width:100%;
  height:auto;
  object-fit:cover;
  max-height: 600px;
  aspect-ratio: 1/1;
  border-radius: .5rem;
}


.champ-slide{
  flex:0 0 100%;
  scroll-snap-align:center;

  display:flex;
  justify-content:center;
  align-items:center;
}

/* image wrapper */

.champ-image-wrapper{
  width:100%;
  aspect-ratio: 1 / 1; /* square container */

  display:flex;
  align-items:center;
  justify-content:center;

  overflow:hidden;
}

/* image */

.champ-image-wrapper img{
  width:100%;
  height:100%;
  object-fit:contain;
}

/* hide scrollbar */

.champ-slider::-webkit-scrollbar{
  display:none;
}

/* =========================
   PRODUCT INFO
========================= */

[data-template="product.champ"] .champ-product-title{
  font-size:1.5rem;
  color:#111827;
  margin-bottom:1rem;
}

[data-template="product.champ"] .champ-pricing{
  display:flex;
  align-items:baseline;
  gap:.75rem;
  margin-bottom:1.5rem;
}

[data-template="product.champ"] .champ-original-price{
  color:#9ca3af;
  text-decoration:line-through;
}

[data-template="product.champ"] .champ-sale-price{
  font-size:1.9rem;
  color:#7c3aed;
  font-weight:600;
}

/* =========================
   CTA BUTTON
========================= */

[data-template="product.champ"] .champ-cta-button{
  width:100%;
  border:none;
  border-radius:.75rem;
  padding:.9rem 1rem;
  font-size:1rem;
  color:#fff;
  cursor:pointer;
  background:linear-gradient(to right,#f97316,#ea580c);
  transition:background .2s;
  margin-bottom:1.5rem;
}

[data-template="product.champ"] .champ-cta-button:hover{
  background:linear-gradient(to right,#ea580c,#c2410c);
}

/* =========================
   GUARANTEE
========================= */

[data-template="product.champ"] .champ-guarantee-banner{
  display:flex;
  gap:.75rem;
  align-items:center;
  padding:.75rem 1rem;
  margin:1.5rem 0;
  border-radius:.75rem;
  border:2px solid #bbf7d0;
  background:#f0fdf4;
}
[data-template="product.champ"] .champ-guarantee-banner- {
    margin-top: 1.5rem;
}

/* removed invalid class typo */

[data-template="product.champ"] .champ-guarantee-icon{
  background:#dcfce7;
  border-radius:50%;
  padding:.5rem;
}

/* =========================
   TRUST BADGES
========================= */

[data-template="product.champ"] .champ-trust-badges{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:.5rem;
}

[data-template="product.champ"] .champ-trust-badge{
  text-align:center;
  padding:.5rem;
  background:#f9fafb;
  border-radius:.5rem;
}

[data-template="product.champ"] .champ-trust-badge svg{
  width:1.25rem;
  height:1.25rem;
  color:#7c3aed;
  margin:auto;
}

[data-template="product.champ"] .champ-trust-badge span{
  font-size:.75rem;
  color:#374151;
  margin-top:8px;
}

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

@media(min-width:768px){

  [data-template="product.champ"] .champ-hero-section{
    padding:3rem 0;
  }

  [data-template="product.champ"] .champ-hero-grid{
    grid-template-columns:1.1fr .9fr;
    gap:3rem;
    align-items:start;
  }

  [data-template="product.champ"] .champ-product-title{
    font-size:2rem;
  }

  /* [data-template="product.champ"] .champ-trust-badges{
    grid-template-columns:repeat(5,1fr);
  } */

}
[data-template="product.champ"] .champ-gallery {
      background: white;
    border-radius: 1rem;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
    padding: .8rem;
}

/* =========================
   MOBILE ONLY
========================= */



  [data-template="product.champ"] .champ-trust-badges {
    display: grid;
    grid-template-columns: repeat(6, 1fr); /* more control */
    gap: 16px;
  }
    /* RESET everything first */
  data-template="product.champ"] .champ-trust-badges  > * {
    grid-column: span 2;
  }

  /* FIRST ROW (2 items centered) */
  [data-template="product.champ"] .champ-trust-badges > *:nth-child(1) {
    grid-column: 2 / span 2;
  }

  [data-template="product.champ"] .champ-trust-badges > *:nth-child(2) {
    grid-column: 4 / span 2;
  }
  [data-template="product.champ"] .champ-trust-badges > *:nth-child(3) {
    grid-column: 1 / span 2;
  }

  /* SECOND ROW (3 items full width) */
  [data-template="product.champ"] .champ-trust-badges1 > *:nth-child(3),
  [data-template="product.champ"] .champ-trust-badges > *:nth-child(4),
  [data-template="product.champ"] .champ-trust-badges > *:nth-child(5) {
    grid-column: span 2;
  }


/* ================================
GALLERY NAV BUTTONS
================================ */

.champ-gallery-prev,
.champ-gallery-next{
  position:absolute;
  top:50%;
  transform:translateY(-50%);

  width:52px;
  height:52px;

  display:flex;
  align-items:center;
  justify-content:center;

  background:#fff;
  border-radius:50%;
  border:1px solid rgba(0,0,0,.06);

  cursor:pointer;

  transition:all .25s ease;

  /* soft floating shadow */
  box-shadow:
    0 4px 10px rgba(0,0,0,.08),
    0 10px 25px rgba(0,0,0,.08);

}

/* position */

.champ-gallery-prev{ left:18px; }
.champ-gallery-next{ right:18px; }


/* icon */

.champ-gallery-prev svg,
.champ-gallery-next svg{
  width:20px;
  height:20px;
  color:#374151;
}


/* hover effect */

.champ-gallery-prev:hover,
.champ-gallery-next:hover{

  transform:translateY(-50%) scale(1.05);

  box-shadow:
    0 8px 18px rgba(0,0,0,.12),
    0 16px 35px rgba(0,0,0,.12);

}


/* active press */

.champ-gallery-prev:active,
.champ-gallery-next:active{

  transform:translateY(-50%) scale(.96);

}

/* =========================
   DESKTOP STICKY GALLERY
========================= */

@media(min-width:1024px){

  [data-template="product.champ"] .champ-gallery{
    position:sticky;
    top:40px;
    align-self:start;
  }

}

/* ================================
   TESTIMONIALS
================================ */


.champ-section-header {
  text-align: center;
  padding: 0;
}

img.review-banner {
  display: block;
  margin: 0 auto 1rem;
  max-width: 500px;
  height: auto;
  padding: 0 1rem;
}

.section-title {
  font-size: 2.5rem;
  color: #111827;
  margin-bottom: 0.5rem;
  padding: 20px 0px;
}
.champ-testimonials{
  padding:2rem 0;
  background:linear-gradient(to bottom,#faf5ff,#fff);
}

.champ-carousel{
  display:flex;
  gap:1rem;
  overflow-x:auto;
  scroll-behavior:smooth;
  padding-bottom: 2rem;
  padding-left: 4px;
  scroll-snap-type:x mandatory;
}

.champ-carousel::-webkit-scrollbar{
  display:none;
}

.champ-testimonial{
  flex:0 0 14rem;
  border-radius:1rem;
  overflow:hidden;
  background:#fff;
  box-shadow:0 4px 6px rgba(0,0,0,.08);
  scroll-snap-align:start;
}


.champ-video-thumb{
  position:relative;
  height:26rem;
  background:linear-gradient(135deg,#ddd6fe,#c4b5fd);
  border-radius: 1rem;
  overflow: hidden;
}
.champ-video-thumb video{
  width:100%;
  height:100%;
  object-fit:cover;
  cursor:pointer;
}

.champ-video-thumb iframe{
  width:100%;
  height:100%;
}

.champ-video-thumb img{
  width:100%;
  height:100%;
  object-fit:cover;
}

.champ-play-overlay {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.2);
  display: flex;
  align-items: center;
  justify-content: center;
}

.champ-play {
  background: rgba(255, 255, 255);
  border-radius: 50%;
  padding: 0.75rem;
  cursor: pointer;
  transition: background 0.2s;
}



.champ-play svg {
  width: 1.5rem;
  height: 1.5rem;
  color: #000;
  fill: #000;
}
  .champ-testimonial-content {
      padding: 0.75rem 1rem;
  }
  .champ-name-star {
    display: flex;
    flex-direction: row;
    gap: .5rem;
  }
  .champ-testimonial-name {
            margin-bottom: 0.5rem;
            font-size: 1rem;
        }

        .champ-rating {
            display: flex;
            gap: 0.1rem;
            margin-bottom: 0.5rem;
        }

        .champ-star {
            width: 1rem;
            height: 1rem;
            fill: #facc15;
            color: #facc15;
        }
        .champ-verified-badge {
          position: absolute;
          top: 10px;
          left: 10px;
          background: #fff;
          color: #2e7d32;
          font-size: 12px;
          font-weight: 700;
          padding: 6px 10px;
          border-radius: 20px;
          display: flex;
          align-items: center;
          gap: 6px;
          box-shadow: 0 4px 10px rgba(0,0,0,0.1);
        }

        .champ-verified-badge::before {
          content: "✔";
          color: #2e7d32;
        }

        .champ-testimonial-caption {
            font-size: 1rem;
            color: #6b7280;
            margin-top: 0px !important;
        }
/* ================================ TESTIMONIAL ARROWS ================================ */

.champ-carousel-wrapper{
  position:relative;
}

.champ-carousel-arrow{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  width:40px;
  height:40px;
  border-radius:50%;
  border:none;
  background:white;
  box-shadow:0 4px 10px rgba(0,0,0,.12);
  display:flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  z-index:5;
  transition:opacity .25s ease;
}

.champ-carousel-arrow svg{
  width:20px;
  height:20px;
}

.champ-carousel-prev{
  left:-10px;
}

.champ-carousel-next{
  right:-10px;
}

/* hide arrows on mobile */

@media(max-width:768px){
  .champ-carousel-arrow{
    display:none;
  }
}

/* ================================
   BENEFITS
================================ */

.champ-benefits{
  padding:2rem 0;
}

.champ-benefits-grid{
  display:grid;
  gap:1.5rem;
}

.champ-benefit{
  text-align:center;
}

.champ-benefit-icon{
  width:6rem;
  height:6rem;
  margin:0 auto 1rem;
}

.champ-benefit-icon img{
  width:100%;
  height:100%;
  object-fit:contain;
}



/* ================================
   FAQ
================================ */

.champ-faq{
  padding:2rem 0;
}

.champ-accordion-item{
  border-radius:.75rem;
  margin-bottom:.75rem;
  overflow:hidden;
  background:#fff;
  box-shadow:0 1px 3px rgba(0,0,0,.1);
}

.champ-accordion-trigger{
  width:100%;
  border:none;
  background:none;
  padding:1rem 1.5rem;
  display:flex;
  justify-content:space-between;
  cursor:pointer;
}

/* ================================
   RECOMMENDATIONS
================================ */

.champ-recommendations{
  padding:4rem 1rem;
  border-radius:32px;
}

.champ-products{
  display:grid;
  gap:1.5rem;
}

.champ-product-card{
  border-radius:1rem;
  overflow:hidden;
  background:#fff;
  box-shadow:0 4px 6px rgba(0,0,0,.08);
}

/* ================================
   STICKY CART
================================ */

.champ-sticky-cart{
  position:fixed;
  bottom:0;
  left:0;
  right:0;
  z-index:50;
  padding:.75rem 1rem;
  background:linear-gradient(to right,#6b21a8,#581c87);
  border-top:2px solid #7c3aed;
}

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

@media(min-width:640px){

  .champ-trust{
    grid-template-columns:repeat(4,1fr);
  }

  .champ-ingredients-grid{
    grid-template-columns:repeat(2,1fr);
  }

}

@media(min-width:768px){

  .champ-hero{
    padding:3rem 0;
  }

  .champ-hero-grid{
    grid-template-columns:1fr 1fr;
  }

  .champ-main-image{
    aspect-ratio:1/1;
  }

  .champ-benefits-grid{
    grid-template-columns:repeat(3,1fr);
  }

  .champ-products{
    grid-template-columns:repeat(3,1fr);
  }

}

@media(min-width:1024px){

  .champ-ingredients-grid{
    grid-template-columns:repeat(4,1fr);
  }

}

/* ================================
   BENEFITS SECTION
================================ */

.champ-benefits{
  padding:4rem 1rem;
  text-align:center;
}
.champ-benefits-header {
  margin-bottom: 3rem;
}
.champ-benefits-title{
  font-size:2.5rem;
  font-weight:700;
  margin-bottom:3rem;
  color:#1f2937;
}

/* Grid */

.champ-benefits-grid{
  display:grid;
  grid-template-columns:1fr;
  gap:3rem;
}

/* Benefit item */

.champ-benefit{
  text-align:center;
  position:relative;
}

/* Icon */

.champ-benefit-icon{
  width:140px;
  height:140px;
  margin:0 auto 1.5rem;
}

.champ-benefit-icon img{
  width:100%;
  height:100%;
  object-fit:contain;
}

/* Title */

.champ-benefit-title{
  font-size:1.6rem;
  font-weight:600;
  color:#1f2937;
  line-height:1.3;
}

/* Desktop */

@media (min-width:768px){

  .champ-benefits-grid{
    grid-template-columns:repeat(3,1fr);
    gap:4rem;
  }

  .champ-benefit:not(:last-child)::after{
    content:"";
    position:absolute;
    right:-2rem;
    top:0%;
    width:1px;
    height:100%;
    background:#e5e7eb;
  }

}
/* ================================
   HOW TO USE
================================ */

.champ-how-to-use{
  padding:4rem 1rem !important;
  text-align:center;
  background: #e5e7eb;
}
.champ-how-header {
  margin-bottom: 3rem;
}

.champ-how-title{
  font-size:2.4rem;
  font-weight:700;
  margin-bottom:3rem;
  color:#fff;

}

/* grid */

.champ-how-grid{
  display:grid;
  grid-template-columns:1fr;
  gap:2.5rem;
}

/* item */

.champ-how-item{
  text-align: center;
}

/* card */

.champ-how-card{
  position:relative;
  border-radius:28px;
  overflow:hidden;
  background:linear-gradient(135deg,#c084fc,#9333ea);
  background: none;
}

.champ-how-card img{
  width:100%;
  height:100%;
  object-fit:cover;
}


/* text */

.champ-how-text{
  margin-top:1rem;
  font-size:1.6rem;
  font-weight:600;
  color:#fff;
}

/* desktop */

@media(min-width:768px){

  .champ-how-grid{
    grid-template-columns:repeat(3,1fr);
    gap:.5rem;
  }

}

/* ================================
   INGREDIENTS SECTION
================================ */

.champ-ingredients{
  padding:4rem 1rem;
}

.champ-ingredients-inner{
  background-size:cover;
  background-position:center;
  padding:0px;
  border-radius:32px;
}

.champ-ingredients-header {
  margin-bottom: 3rem;
}

.champ-ingredients-title{
  text-align:center;
  font-size:2.5rem;
  font-weight:700;
  color:#4b2e60;
  margin-bottom:3rem;
}

.champ-ingredients-grid{
  display:grid;
  grid-template-columns:1fr;
  gap:1rem;
}

/* Ingredient card */

.champ-ingredient-card{

  border-radius:28px;
  text-align:center;

}

/* top title */

.champ-ingredient-heading{
  font-size:1.5rem;
  font-weight:700;
  margin-bottom:1rem;
}

/* image */

.champ-ingredient-image{
  margin-bottom:1rem;
}

.champ-ingredient-image img{
  width:100%;
  
  margin:auto;
    box-shadow:0 6px 20px rgba(0,0,0,.08);
}

/* mid badge */

.champ-ingredient-subtitle{
  background:rgba(255,255,255,.6);
  border-radius:20px;
  padding:.5rem 1rem;
  margin:1rem auto;
  width:max-content;
  font-weight:600;
}

/* list */

.champ-ingredient-list{
  list-style:none;
  padding:0;
  margin-top:1rem;
  text-align:left;
}

.champ-ingredient-list li{
  margin-bottom:.6rem;
  position:relative;
  padding-left:28px;
}

/* check icon */

.champ-ingredient-list li:before{
  content:"✔";
  position:absolute;
  left:0;
  color:#4caf50;
}

/* desktop */

@media(min-width:768px){

  .champ-ingredients-grid{
    grid-template-columns:repeat(2,1fr);
  }

}

@media(min-width:1024px){

  .champ-ingredients-grid{
    grid-template-columns:repeat(4,1fr);
  }

}

.champ-ingredients{
  position:relative;
  padding:4rem 1rem;
  background-size:cover;
  background-position:center;
  border-radius:32px;
  overflow:hidden;
}

/* sparkle overlay */

.champ-ingredients-overlay{
  position:absolute;
  inset:0;
  background-size:cover;
  background-position:center;
  opacity:.35;
  background:
    radial-gradient(circle at 20% 30%, rgba(255,255,255,.3), transparent 40%),
    radial-gradient(circle at 80% 20%, rgba(255,255,255,.25), transparent 40%),
    radial-gradient(circle at 60% 80%, rgba(255,255,255,.25), transparent 40%);
  pointer-events:none;
}

/* content layer */

.champ-ingredients-inner{
  position:relative;
  z-index:2;
}
/* ================================
   MOBILE SWIPE UPGRADE
================================ */

@media (max-width: 767px) {

  .champ-ingredients-grid {
    display: flex;
    overflow-x: auto;
    gap: 16px;
    scroll-snap-type: x mandatory;
    padding-bottom: 10px;
  }

  /* hide scrollbar */
  .champ-ingredients-grid::-webkit-scrollbar {
    display: none;
  }

  .champ-ingredient-card {
    flex: 0 0 85%;
    scroll-snap-align: center;
  }

}

/* ================================
   FAQ SECTION
================================ */

 /* FAQ Section */
        .faq-section {
            padding: 2rem 1rem;
        }

        .faq-container {
            max-width: 48rem;
            margin: 0 auto;
        }

        .accordion {
            margin-bottom: 1.5rem;
        }

        .accordion-item {
            background: white;
            border-radius: 0.75rem;
            box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
            margin-bottom: 0.75rem;
            overflow: hidden;
        }

        .accordion-trigger {
            width: 100%;
            background: none;
            border: none;
            padding: 1rem 1.5rem;
            text-align: left;
            font-size: 1rem;
            cursor: pointer;
            display: flex;
            justify-content: space-between;
            align-items: center;
            gap: 1rem;
            transition: background 0.2s;
        }

        .accordion-trigger:hover {
            background: #f9fafb;
        }

        .accordion-trigger svg {
            width: 1rem;
            height: 1rem;
            color: #9ca3af;
            transition: transform 0.2s;
            flex-shrink: 0;
        }

        .accordion-trigger.active svg {
            transform: rotate(180deg);
        }

        .accordion-content {
            max-height: 0;
            overflow: hidden;
            transition: max-height 0.3s ease-out;
        }

        .accordion-content.active {
            max-height: 500px;
        }

        .accordion-content-inner {
            padding: 0 1.5rem 1rem;
            color: #6b7280;
            font-size: 0.875rem;
        }

        .view-all-button {
            display: block;
            margin: 0 auto;
            background: #7c3aed;
            color: white;
            border: none;
            padding: 0.625rem 1.5rem;
            border-radius: 9999px;
            cursor: pointer;
            font-size: 0.875rem;
            transition: background 0.2s;
        }

        .view-all-button:hover {
            background: #6b21a8;
        }
        .accordion-content{
  max-height:0;
  overflow:hidden;
  transition:max-height .35s ease;
}

.accordion-item.active .accordion-content{
  max-height:300px;
}

.accordion-trigger.active svg{
  transform:rotate(180deg);
}

/* ================================
   PRODUCT RECOMMENDATIONS
================================ */

.champ-recommendations{
  padding:4rem 1rem;
  background-size:cover;
  background-position:center;
}

.champ-recommendations-inner{
  max-width:1440px;
  margin:auto;
}

.products-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
  gap:2rem;
}

.product-card{
  background:#fff;
  border-radius:1rem;
  overflow:hidden;
  box-shadow:0 4px 6px rgba(0,0,0,.08);
  transition:transform .2s ease;
}

.product-card:hover{
  transform:translateY(-4px);
}

.product-image-wrapper{
  padding:1.5rem;
  background:linear-gradient(135deg,#faf5ff,#e9d5ff);
}

.product-image-wrapper img{
  width:100%;
  height:auto;
  object-fit:contain;
}

.product-info{
  padding:1rem;
  text-align:center;
}

.product-name{
  font-size:1rem;
  margin-bottom:.4rem;
}

.product-price{
  color:#7c3aed;
  font-weight:600;
}

/* ================================
STICKY CART
================================ */

.champ-sticky-cart{
  position:fixed;
  bottom:0;
  left:0;
  right:0;
  z-index:999;
  background:linear-gradient(90deg,#A73D9E,#BBAACC);
  border-top:2px solid #A73D9E;
  box-shadow:0 -4px 20px rgba(0,0,0,.15);
}

.champ-sticky-inner{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:1rem;
}

.champ-sticky-left{
  display:flex;
  align-items:center;
  gap:1.5rem;
}

.champ-price-label{
  font-size:.75rem;
  color:#fff;
}

.champ-price-value{
  color:#fff;
  font-size:1.4rem;
  font-weight:700;
}

.champ-divider{
  width:1px;
  height:40px;
  background:#8b5cf6;
}

.champ-product-desc{
  color:#fff;
}

.champ-desc-title{
  font-weight:600;
}

.champ-desc-sub{
  font-size:.85rem;
  opacity:.85;
}

.champ-sticky-right{
  display:flex;
  align-items:center;
  gap:1rem;
}

.champ-qty{
  display:flex;
  align-items:center;
  background:rgb(252, 251, 255);
  border-radius:10px;
  padding:.4rem .6rem;
  gap:.6rem;
}

.champ-qty-btn{
  background:none;
  border:none;
  color:#333;
  font-size:1.2rem;
  cursor:pointer;
}

.champ-qty-value{
  color: #333333;
  min-width:20px;
  text-align:center;
}

.champ-sticky-atc{
  background:#ff6a00;
  border:none;
  color:#fff;
  padding:.9rem 1.5rem;
  border-radius:12px;
  font-weight:600;
  cursor:pointer;
  transition:.2s;
}

.champ-sticky-atc:hover{
  background:#ff7f1a;
}
body[data-template="product.champ"]{
  padding-bottom:100px;
}

/* ================================
STICKY CART MOBILE FIX
================================ */

@media (max-width: 768px){

  .champ-sticky-inner{
    flex-direction:column;
    align-items:stretch;
    gap:.6rem;
  }

  .champ-sticky-left{
    justify-content:space-between;
    gap:1rem;
  }

  .champ-divider{
    display:none;
  }

  .champ-product-desc{
    text-align:right;
  }

  .champ-sticky-right{
    width:100%;
    justify-content:space-between;
  }

  .champ-qty{
    padding:.35rem .5rem;
  }

  .champ-sticky-atc{
    flex:1;
    text-align:center;
    padding:.75rem 1rem;
    font-size:.95rem;
  }

}




.champ-full-image {
  min-width: 100%;
  /* margin-left: calc(-50vw + 50%); */
}

.champ-full-image-img {
  width: 100%;
  height: auto;
  display: block;
}

.chp-unbox-trigger {
  color: #1C7CD6;
  font-weight: 700;
  text-decoration: underline;
  cursor: pointer;
  margin-top: 10px;
  margin-bottom: 10px;
  display: inline-block;
  font-size: 1.3rem;
}

.chp-unbox-modal {
  position: fixed;
  inset: 0;
  display: none;
  z-index: 9999;
}

.chp-unbox-modal.active {
  display: block;
}

.chp-unbox-overlay {
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,0.7);
}

.chp-unbox-content {
  position: relative;
  max-width: 800px;
  margin: 5% auto;
  background: #000;
  border-radius: 12px;
  overflow: hidden;
}

.chp-unbox-video iframe,
.chp-unbox-video video {
  width: 100%;
  height: 450px;
  display: block;
}

.chp-unbox-close {
  position: absolute;
  top: 10px;
  right: 10px;
  background: #fff;
  border: none;
  font-size: 22px;
  cursor: pointer;
  z-index: 2;
}
.chp-unbox-video iframe {
  width: 100%;
  height: 100%;
  aspect-ratio: 16 / 9; 
}
.chp-unbox-content {
  max-width: 500px;
}