/* Banner Module */
.PROMO-Banner-container {
    width: 100%;
    /* Add any specific banner container styles if needed */
}

.PROMO-Banner-image {
    width: 100%;
    height: auto;
    display: block;
    object-fit: cover;
}

/* Profile Module */
.PROMO-Profile-section-profile {
  width: 100%;
  background-color: white;
  padding: 80px 5vw;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 60px;
}


.PROMO-Profile-section-profile-text {
  flex: 1 1 300px;
  max-width: 600px;
}


.PROMO-Profile-section-profile-title {
  font-size: 3rem;
  margin-bottom: 2.2rem;  
  color: #202124;
  text-align: left;
  font-weight: 800;
  line-height: 1.25;
}


.PROMO-Profile-section-profile-desc {
  font-size: 1.8rem;
  color: #444;
  line-height: 1.9;
  margin-bottom: 2.4rem;
}


.PROMO-Profile-learn-more {
  display: inline-block;
  padding: 1em 2.5em;
  background-color: #fff;
  border: 3px solid #202124;
  color: #202124;
  border-radius: 8px;
  text-decoration: none;
  font-size: 1.25rem;
  font-weight: 900;
  transition: all 0.2s ease;
  margin-bottom: 1.5rem;
}

.PROMO-Profile-learn-more:hover {
  background-color: #202124;
  color: #fff;
}


.PROMO-Profile-section-profile-image-box {
  flex: 1 1 300px;
  max-width: 600px;
  aspect-ratio: 1 / 1;
  overflow: hidden;
  border-radius: 12px;
}

.PROMO-Profile-section-profile-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  border-radius: 12px;
}


@media (max-width: 768px) {
  .PROMO-Profile-section-profile {
    flex-direction: column;
    text-align: center;
    padding: 60px 20px;
  }

  .PROMO-Profile-section-profile-title {
    font-size: 2.2rem;
    margin-bottom: 1.8rem;
    text-align: center;
  }

  .PROMO-Profile-section-profile-desc {
    font-size: 1.5rem;
    line-height: 1.8;
    margin-bottom: 2rem;
    text-align: center;
  }

  .PROMO-Profile-learn-more {
    font-size: 1.15rem;
    padding: 0.9em 2.2em;
    margin: 0 auto 2rem;
  }

  .PROMO-Profile-section-profile-image-box {
    max-width: 90%;
    aspect-ratio: 1 / 1;
    margin: 0 auto;
  }
}

/* Explore Module */
.PROMO-Explore-product-bg {
  background-color: #fff;
}

.PROMO-Explore-product {
  padding: 0 100px;
  background-color: rgb(247, 247, 247);
}

.PROMO-Explore-product-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 8vh 100px 4vh 100px;
}

.PROMO-Explore-title{
  font-size: 26px;
  font-weight: 800;
  color: #1f1f1f;
  line-height: 1.2;
  text-align: left;
}

.PROMO-Explore-viewAll{
  position: relative;
  width: 100%;
  height: 50px;
}

.PROMO-Explore-view-all-button {
  position: absolute;
  right: 100px;
  bottom: 60px;
  font-size: 1em;
  color: #333;
  text-decoration: none;
  font-weight: bold;
  padding-bottom: 2px;
}

.PROMO-Explore-switch {
  margin-left: 100px;
  position: relative;
  display: flex;
  width: 320px;
  background-color: white;
  border-radius: 50px;
  overflow: hidden;
  cursor: pointer;
  font-family: Arial, sans-serif;
}

.PROMO-Explore-switch-option {
  flex: 1;
  padding: 12px 15px;
  text-align: center;
  color: black;
  z-index: 1;
  transition: color 0.3s ease-in-out;
  user-select: none;
}

.PROMO-Explore-switch-option.active {
  color: white;
}

.PROMO-Explore-slider {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 50%;
  background-color: #333333;
  border-radius: 50px;
  z-index: 0;
  transition: transform 0.3s ease-in-out;
}

.PROMO-Explore-product-list-container {
  padding: 2vh 100px;
  display: flex;
  gap: 30px; 
  flex-wrap: wrap;
  justify-content: left;
}

.PROMO-Explore-product-card {
  border-radius: 8px;
  padding: 20px;
  text-align: left;
  width: 30%; 
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

#PROMO-Explore-canopy-products .PROMO-Explore-product-card {
    width: 23%; 
}

.PROMO-Explore-product-image {
  width: 100%;
  max-width: 100%;
  height: auto;
  object-fit: contain;
  margin-bottom: 15px;
  align-self: center;
}

.PROMO-Explore-product-name {
  font-size: 1.25em;
  font-weight: bold;
  color: #333333;
  margin-top: 0;
  margin-bottom: 8px;
}

.PROMO-Explore-product-description {
  font-size: 12.5px;
  color: #555555;
  margin-bottom: 12px;
}

.PROMO-Explore-product-price {
  font-size: 1.1em;
  font-weight: bold;
  color: #d10000;
  margin-bottom: 20px;
}

@media (max-width: 768px) {
  .PROMO-Explore-product-header{
    padding: 6vh 0px 2vh 0px;
  }
  .PROMO-Explore-title{
    margin: 0 auto;
    text-align: center;
    font-size: 20px;
  }
  .PROMO-Explore-viewAll{
    top: 20px;
    text-align: center;
    margin-bottom: 20px;
  }
  .PROMO-Explore-view-all-button {
    position: static;
  }
  .PROMO-Explore-product-list-container{
    padding: 0;
  }
  .PROMO-Explore-product-name{
    margin: 5px auto;
    font-size: 14.5px;
  }
  .PROMO-Explore-product-description{
    margin: 5px auto;
    font-size: 12.5px; 
  }
  .PROMO-Explore-product-price{
    margin: 5px auto;
    font-size: 13px;
    color: #D10000;
  }
  .PROMO-Explore-product-card{
    padding: 0px;
    margin: 0px;
  }
  .PROMO-Explore-product{
    padding: 0;
  }
  .PROMO-Explore-switch {
    margin: 0 auto;
    width: 50%;
  }
  .PROMO-Explore-product-list-container {
    flex-direction: column;
    align-items: center;
  }

  .PROMO-Explore-product-card, #PROMO-Explore-canopy-products .PROMO-Explore-product-card {
    width: 90%; 
    max-width: 400px;
    margin-bottom: 20px;
  }
}

/* Carousel Module */
.PROMO-Carousel-Carousel {
    background: #e6e6e6;
}

.PROMO-Carousel-Carousel-wrapper {
    padding-top: 2rem;
    padding-bottom: 2rem;
    width: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #1F2937;
    user-select: none;
    background-color: #000000;
}

.PROMO-Carousel-Carousel-box {
    padding-left: 1rem;
    padding-right: 1rem;
    max-width: 1600px;
    margin: 0 auto;
}

.PROMO-Carousel-Carousel-title {
    margin-bottom: 1.5rem;
    width: 100%;
}

.PROMO-Carousel-Carousel-title-left-box {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.PROMO-Carousel-Carousel-title-left {
    margin-bottom: 1rem;
    text-align: center;
}

.PROMO-Carousel-Carousel-title-left-h1 {
    font-size: 1.875rem;
    line-height: 2.25rem;
    font-weight: 700;
    color: white;
}

.PROMO-Carousel-Carousel-title-left-h2 {
    margin-top: 0.25rem;
    font-size: 1.25rem;
    line-height: 1.75rem;
    color: white;
}

.PROMO-Carousel-Carousel-title-right {
    margin-top: 1rem;
    width: 100%;
    text-align: center;
}

.PROMO-Carousel-Carousel-title-right-p {
    font-size: 1.2rem;
    line-height: 1.625;
    color: white;
}

.PROMO-Carousel-Container {
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 45vh;
    max-height: 700px;
}

.PROMO-Carousel-track {
    display: flex;
    height: 100%;
}

.PROMO-Carousel-desktop-controls {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 30;
    padding: 1rem;
    color: #ffffff;
    pointer-events: none;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
}

.PROMO-Carousel-nav-buttons {
    display: flex;
    margin-bottom: 0.75rem;
    justify-content: center;
    pointer-events: auto;
    flex-wrap: wrap;
}

.PROMO-Carousel-text-box {
    text-align: center;
    pointer-events: auto;
}

.PROMO-Carousel-text-box-h3 {
    font-size: 1.125rem;
    line-height: 1.75rem;
    font-weight: 600;
}

.PROMO-Carousel-text-box-p {
    margin-top: 0.25rem;
    max-width: 32rem; 
    font-size: 0.75rem;
    line-height: 1.625;
    opacity: 0.9;
    margin-left: auto;
    margin-right: auto;
}

.PROMO-Carousel-mobile-controls {
    padding: 1rem;
    margin-top: 1.5rem;
    text-align: center;
}

.PROMO-Carousel-mobile-title {
    font-size: 1.6rem;
    line-height: 1.75rem;
    font-weight: 600;
    color: white;
}

.PROMO-Carousel-mobile-description {
    margin-top: 0.25rem;
    font-size: 1.2rem;
    line-height: 1.625;
    color: white;
}

.PROMO-Carousel-mobile-dots {
    display: flex;
    margin-top: 1rem;
    justify-content: center;
}

.PROMO-Carousel-desktop-controls { display: none; }
.PROMO-Carousel-mobile-controls { display: block; }

.PROMO-Carousel-slide-div {
    position: relative;
    flex-shrink: 0;
    height: 100%;
}

.PROMO-Carousel-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 10;
    border-radius: 0.5rem;
    background-color: #000000;
    pointer-events: none;
}

.PROMO-Carousel-js-nav-buttons {
    padding: 0.25rem 0.5rem;
    margin: 0 0.2rem;
    border-radius: 0.25rem;
    font-size: 0.75rem;
    line-height: 1rem;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    border: none;
    background-color: transparent;
    cursor: pointer;
}

.PROMO-Carousel-mb-dot {
    border-radius: 9999px;
    width: 0.625rem;
    height: 0.625rem;
    margin: 0 0.3rem;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    border: none;
    padding: 0;
    cursor: pointer;
}

.nav-btn-active {
    color: #ffffff;
    font-weight: 600;
    opacity: 1;
    background-color: rgba(255, 255, 255, 0.2);
}
.nav-btn-inactive {
    color: #D1D5DB;
    opacity: 0.75;
}
.nav-btn-inactive:hover {
    color: #ffffff;
    opacity: 1;
}
.mobile-dot-active {
    background-color: #a40201;
}
.mobile-dot-inactive {
    background-color: #D1D5DB;
}
.mobile-dot-inactive:hover {
    background-color: #9CA3AF;
}

.PROMO-Carousel-track {
    transition: transform 0.6s cubic-bezier(0.25, 0.8, 0.25, 1);
    will-change: transform;
}

.carousel-slide {
    transition: all 0.6s cubic-bezier(0.25, 0.8, 0.25, 1);
    will-change: transform, opacity;
}

.carousel-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 0.5rem;
    display: block;
}

.slide-overlay {
    transition: opacity 0.6s cubic-bezier(0.25, 0.8, 0.25, 1);
    will-change: opacity;
    transform: translateZ(0);
}

.dragging .PROMO-Carousel-track,
.dragging .carousel-slide {
    transition: none !important;
}

.no-transition {
    transition: none !important;
}

.fade-in-element {
    opacity: 0;
    transform: translateY(15px);
    animation: fadeInElementAnimation 0.7s cubic-bezier(0.25, 0.8, 0.25, 1) forwards;
}

@keyframes fadeInElementAnimation {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@media (min-width: 640px) { 
    .PROMO-Carousel-Carousel-title-left-h1 { font-size: 1.875rem; line-height: 2.25rem; }
    .PROMO-Carousel-Carousel-title-left-h2 { font-size: 1.5rem; line-height: 2rem; }
    .PROMO-Carousel-Carousel-title-right-p { font-size: 1.4rem; line-height: 1.25rem; }
    .PROMO-Carousel-nav-buttons { margin-bottom: 1rem; }
    .PROMO-Carousel-text-box-h3 { font-size: 1.25rem; line-height: 1.75rem; }
    .PROMO-Carousel-text-box-p { margin-top: 0.5rem; font-size: 0.875rem; line-height: 1.25rem; }
    .PROMO-Carousel-js-nav-buttons { padding: 0.5rem 0.75rem; font-size: 0.875rem; line-height: 1.25rem; }
}

@media (min-width: 768px) {
    .PROMO-Carousel-Carousel-wrapper { padding-top: 8rem; padding-bottom: 12rem; }
    .PROMO-Carousel-Carousel-title { margin-bottom: 2.5rem; width: 90%; margin-left:auto; margin-right:auto; }
    .PROMO-Carousel-Carousel-title-left-box { flex-direction: row; justify-content: space-between; align-items: center; }
    .PROMO-Carousel-Carousel-title-left { margin-bottom: 0; text-align: left; }
    .PROMO-Carousel-Carousel-title-right { padding-left: 1rem; margin-top: 0; text-align: right; max-width: 48%; }
    .PROMO-Carousel-Container { height: 55vh; }
    .PROMO-Carousel-desktop-controls { display: flex; padding: 1.5rem; } 
    .PROMO-Carousel-mobile-controls { display: none; }
}

@media (min-width: 1024px) {
    .PROMO-Carousel-Carousel-title-left-h1 { font-size: 3rem; line-height: 1; }
    .PROMO-Carousel-Carousel-title-left-h2 { margin-top: 0.5rem; font-size: 1.875rem; line-height: 2.25rem; }
    .PROMO-Carousel-Container { height: 60vh; }
    .PROMO-Carousel-desktop-controls { padding: 2rem; }
    .PROMO-Carousel-nav-buttons { margin-bottom: 1.5rem; }
    .PROMO-Carousel-text-box-h3 { font-size: 1.5rem; line-height: 2rem; }
    .PROMO-Carousel-text-box-p { font-size: 1rem; line-height: 1.5rem; }
    .PROMO-Carousel-js-nav-buttons { font-size: 1.6rem; line-height: 1.5rem; }
}

/* FAQ Module */
.PROMO-FAQ-wrapper {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  width: 100%;
  padding: 40px 20px;
  margin: 0 auto;
  max-width:1280px;
}

.PROMO-FAQ-container {
  margin: 0 auto;
}

.PROMO-FAQ-h2 {
  text-align: center;
  font-size: 24px;
  font-weight: 600;
  color: #fff;
  padding: 0;
  margin-bottom: 30px;
  border-bottom: none; 
}

.PROMO-FAQ-faq {
  list-style: none;
  padding: 0;
  margin: 0;
}

.PROMO-FAQ-faq li {
  background-color: #f7f7f7; 
  margin-bottom: 10px;      
  border: none;             
  transition: background-color 0.3s ease;
}

.PROMO-FAQ-faq li:last-child {
  margin-bottom: 0;
}

.PROMO-FAQ-question {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 20px 25px;
  font-size: 15px;
  font-weight: 600;
  color: #333;
  text-transform: uppercase; 
  cursor: pointer;
  background-color: transparent;
  border: none;
  text-align: left;
  position: relative;
  box-sizing: border-box;
}

.PROMO-FAQ-question:hover {
  background-color: #f0f0f0; 
}

.PROMO-FAQ-question::after {
  content: '+';
  font-size: 28px;
  font-weight: 300;
  color: #555;
  transition: transform 0.3s ease-in-out;
}

.PROMO-FAQ-faq li.active .PROMO-FAQ-question::after {
  transform: rotate(45deg);
}

.PROMO-FAQ-answer {
  max-height: 0;
  overflow: hidden;
  padding: 0 25px;
  color: #555;
  font-size: 15px;
  line-height: 1.6;
  background-color: transparent;
  transition: max-height 0.4s ease-out, padding 0.4s ease-out;
}

.PROMO-FAQ-faq li.active .PROMO-FAQ-answer {
  max-height: 500px;
  padding: 0 25px 20px 25px;
}

.PROMO-FAQ-faq li:before {
  display: none;
  background: none !important;
  padding-left: 0px !important;
  margin-bottom: 0px !important;
}


/*Gallery*/
 .glr-gallery {
            margin: 0 auto;
            padding: 20px;
            background: linear-gradient(90deg,#000,#231f20);
        }

        .glr-gallery-title {
            text-align: center;
            font-size: 2em;
            color: #ffffff;
            margin-bottom: 24px;
        }
        

        .glr-gallery-container {
            display: grid;

            grid-template-columns: repeat(4, 1fr);
            gap: 16px;
        }
        

        .glr-gallery-item {
            overflow: hidden; 
            aspect-ratio:3/2;
        }
        
        .glr-gallery-item img {
            width: 100%;
            height: 100%;
            display: block; 
            object-fit: cover; 
            transition: transform 0.3s ease;
        }

        .glr-gallery-item img:hover {
            filter: brightness(1.15);
        }

        @media (max-width: 1024px) {
            .glr-gallery-container {
                grid-template-columns: repeat(3, 1fr);
            }
        }



        @media (max-width: 768px) {
            .glr-gallery-container {
                display: flex; 
                overflow-x: auto; 
                scroll-snap-type: x mandatory; 
                padding-bottom: 16px; 
            }

            .glr-gallery-container::-webkit-scrollbar {
                display: none; 
            }
            .glr-gallery-container {
                -ms-overflow-style: none;  
                scrollbar-width: none;  
            }
            
            .glr-gallery-item {
                flex: 0 0 50%; 
                scroll-snap-align: start; 
                max-width: 50%; 
            }
        }


/* ================================================
   ETB Black Friday – Global Vars
================================================ */
:root{
  --bf-red:#e10600;
  --bf-red-h:#b50500;
  --bf-red-a:#990400;
  --bf-black:#0b0b0b;
  --bf-bg:#111;
  --bf-white:#fff;
  --bf-muted:#9aa0a6;
}

/* ================================================
   Section: Countdown
================================================ */
.bf-2025{
  background: linear-gradient(180deg, rgb(241 2 52 / 25%) 0%, #0b0b0b 85%);
  color: var(--bf-white);
  padding: 24px 12px;
  text-align: center;
  border-top: 1px solid rgba(255,255,255,0.08);
}

.bf-2025-title{
  margin: 0 0 6px;
  font: 800 clamp(20px,3vw,28px)/1.1 Lato,Inter,system-ui,Arial,sans-serif;
}

.bf-2025-timer{
  display:inline-flex; gap:10px;
  padding:12px 16px;
  border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.03);
  border-radius:14px;
  box-shadow:0 10px 30px rgba(0,0,0,.35),
             inset 0 0 0 1px rgba(255,255,255,.02);
}

.bf-2025-seg{ display:grid; justify-items:center; min-width:70px; }
.bf-2025-num{ font-weight:900; font-size:clamp(28px,6vw,48px); }
.bf-2025-label{ margin-top:4px;font-size:12px;color:rgba(255,255,255,.75); }

.bf-2025-colon{
  color:var(--bf-red);
  font-weight:900;
  font-size:clamp(22px,5vw,36px);
  transform:translateY(-2px);
  text-shadow:0 0 10px rgba(225,6,0,0.45);
}

/* Countdown button */
.bf-2025-btn-small{
  display:inline-block;
  margin-top:10px;
  padding:10px 28px;
  border-radius:12px;
  background:var(--bf-red);
  color:var(--bf-white);
  font-weight:800;
  text-decoration:none;
  transition:.2s ease;
}
.bf-2025-btn-small:hover{ background:var(--bf-red-h); }
.bf-2025-btn-small:active{ background:var(--bf-red-a); }

/* ================================================
   Main package section
================================================ */
.bf-2025-section{
  padding:28px 12px;
  background:linear-gradient(180deg,var(--bf-black),var(--bf-bg));
  color:var(--bf-white);
}

.bf-2025-head{
  max-width:1200px;
  margin:0 auto 14px;
  padding:0 6px;
}

.bf-2025-grid{
  max-width:1200px;
  margin:0 auto;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:16px;
}

@media (max-width:1279px){ .bf-2025-grid{ grid-template-columns:repeat(3,1fr); } }
@media (max-width:1023px){ .bf-2025-grid{ grid-template-columns:repeat(2,1fr); } }

.bf-2025-card{
  background:rgba(255,255,255,.03);
  border:1px solid rgba(255,255,255,.08);
  border-radius:18px;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.02),
             0 10px 30px rgba(0,0,0,.35);
  display:flex;
  flex-direction:column;
  padding:12px;
  min-height:100%;
}

.bf-2025-media{ border-radius:14px; overflow:hidden; background:#0f0f0f; }
.bf-2025-media img{ width:100%; object-fit:cover; aspect-ratio:4/3; }

.bf-2025-body{ padding:10px 6px 6px; flex:1; }
.bf-2025-card-title{ font:800 clamp(18px,2.2vw,22px)/1.2 Lato; margin:2px 0; }
.bf-2025-card-sub{ color:var(--bf-muted); margin-bottom:6px; }
.bf-2025-card-feats{ padding-left:18px; line-height:1.5; }
.bf-2025-card-feats li{ margin:2px 0; }

/* Price text */
.bf-2025-price{
  margin:8px 6px;
  border-top:1px solid rgba(255,255,255,.08);
  padding-top:8px;
}
.bf-2025-price-row{
  display:flex; justify-content:space-between;
}
.bf-2025-price-row strong{
  font-size:clamp(18px,2.4vw,22px);
  font-weight:800;
}

/* CTA main button */
.bf-2025-card-cta{ margin-top:auto; padding-top:8px; }

.bf-2025-btn{
  display:block;
  width:100%;
  padding:12px;
  border-radius:12px;
  background:var(--bf-red);
  color:var(--bf-white);
  text-align:center;
  font-weight:800;
  text-decoration:none;
  box-shadow:0 10px 25px rgba(225,6,0,.35);
}
.bf-2025-btn:hover{ background:var(--bf-red-h); }
.bf-2025-btn:active{ background:var(--bf-red-a); }

/* ================================================
   Unified Mobile Styles
================================================ */
@media (max-width:768px){

  .bf-2025-timer{ padding:10px 12px; }
  .bf-2025-seg{ min-width:58px; }

  /* Explore section fix */
  .PROMO-Explore-product-card{
    text-align:center !important;
    align-items:center !important;
  }

  /* Grid → horizontal scroll */
  .bf-2025-grid{
    display:flex !important;
    flex-wrap:nowrap !important;
    overflow-x:auto !important;
    gap:12px !important;
    padding:4px 8px !important;
    scroll-snap-type:x mandatory;
  }

  .bf-2025-card{
    flex:0 0 88% !important;
    max-width:88% !important;
  }

  .bf-2025-head{ text-align:center; }

  .bf-2025-dealbox{
    max-width:100%;
    margin:18px auto 14px;
  }
}

/* ================================
   BF 2025 – Discount ticket
   ================================ */

.bf-2025-discount-card{
  width:100%;
  max-width:280px;
  margin:16px auto 10px;
  background:#ffffff;
  border-radius:10px;
  overflow:hidden;
  box-shadow:0 10px 28px rgba(0,0,0,0.55);
  transform:skewX(-1.5deg);
  font-family:"Lato",sans-serif;
}

.bf-2025-discount-header{
  background:#000;
  color:#fff;
  font-size:0.8rem;
  font-weight:900;
  text-align:center;
  padding:7px 10px 6px;
  letter-spacing:0.08em;
  text-transform:uppercase;
  transform:skewX(1.5deg);
}

.bf-2025-discount-body{
  background:#ffffff;
  padding:12px 14px 10px;
  transform:skewX(1.5deg);
}

.bf-2025-discount-row{
  display:flex;
  justify-content:space-between;
  align-items:baseline;
  margin-bottom:4px;
}

.bf-2025-discount-label{
  font-size:0.75rem;
  text-transform:uppercase;
  color:#777;
}

.bf-2025-discount-old{
  font-size:1.05rem;
  font-weight:800;
  color:#999;
  text-decoration:line-through;
}

.bf-2025-discount-now{
  font-size:1.6rem;
  font-weight:900;
  color:#ff1a00;
  text-shadow:0 2px 4px rgba(0,0,0,0.35);
}

.bf-2025-discount-save{
  background:linear-gradient(180deg,#ff1a00 0%,#c30000 100%);
  color:#fff;
  text-align:center;
  font-size:1.1rem;
  font-weight:900;
  padding:10px 12px;
  letter-spacing:0.03em;
  text-transform:uppercase;
  transform:skewX(1.5deg);
}

/* mobile 小调整 */
@media (max-width:768px){
  .bf-2025-discount-card{
    max-width:100%;
    margin:18px auto 14px;
  }
}