#footer ul {
  list-style: none;
  padding-left: 0;
}

#footer ul li a {
  text-decoration: none;
  color: inherit;
}

.scroll-section {
  scroll-margin-top: 80px;
}



/* HEADER SECTION */
@font-face{
    font-family: 'neueRegredeNormal';
    src: url(fonts/neue_regrade/Neue\ Regrade\ Regular.otf) format('opentype');
    font-weight: normal;
    font-style: normal;
}
@font-face{
    font-family: 'neueRegredeBold';
    src: url(fonts/neue_regrade/Neue\ Regrade\ Bold.otf) format('opentype');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'neueRegredeMedium';
    src: url(fonts/neue_regrade/Neue\ Regrade\ Medium.otf) format('opentype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'jinglers';
    src: url(fonts/jinglers/Jinglers.otf) format('opentype');
    font-weight: normal;
    font-style: normal;
}


.header-navbar{
    font-family: 'neueRegredeNormal';
    font-size: 18px;
    background-color: #FFF5F0;
    color: #3A0304;
}

.navbar-logo{
   width: 100%;
   height: 50px;
}

@media screen and (max-width:922px){
    .navbar-logo{
        height: 30px;
    }
}

.header-offcanvas{
    width: 80% !important;
}

.navbar-underline::before{
    background: #3A0304 !important; 
    height: 1px !important;
}

.social-icons a{
    color: #3A0304;
}

@media screen and (min-width:992px){
    .social-icons{
        display: none;
    }
}
/* HEADER END */

/* HOME PAGE SECTION */

#body {
    background-color: #FFF5F0;
    font-family: 'neueRegredeNormal';
    font-size: 16px;
    color: #3A0304;
}

/* .neue-p{
    font-family: 'neueRegredeNormal';
    font-size: 16px;
    color: #3A0304 !important;
}

.neue-pw{
    font-family: 'neueRegredeNormal';
    font-size: 16px;
    color: #FFFFFF !important;
}

.neue-p2{
    font-family: 'neueRegredeNormal';
    font-size: 20px;
    color: #3A0304 !important;
}

.neue-p3{
    font-family: 'neueRegredeNormal';
    font-size: 30px;
    color: #3A0304 !important;
}

.neue-title{
    font-family: 'neueRegredeBold';
    font-size: 40px;
    color: #3A0304 !important;
}


.neue-big{
    font-family: 'neueRegredeBold';
    font-size: 60px;
    color: #3A0304;
} */

.jinglers{
    font-family: 'jinglers';
    color: #DB3D4B !important;
    font-size: 28px;
}

/* Base (Mobile First) */
.neue-p,
.neue-pw,
.neue-p2,
.neue-p3,
.neue-title,
.neue-big {
  font-family: 'neueRegredeNormal', sans-serif;
  color: #3A0304 !important;
  line-height: 1.4;
}

.neue-p-white,
.neue-title-white
{
    font-family: 'neueRegredeNormal', sans-serif;
    color: #F7E4DD !important;
    line-height: 1.4;
}

/* P Variants */
.neue-p, .neue-p-white {
  font-size: 14px;
}
.neue-pw {
  color: #FFFFFF !important;
  font-size: 14px;
}
.neue-p2 {
  font-size: 16px;
}
.neue-p3 {
  font-size: 22px;
}

/* Title */
.neue-title,
.neue-title-white {
  font-family: 'neueRegredeBold', sans-serif;
  font-size: 28px;
}

/* Big Title */
.neue-big {
  font-family: 'neueRegredeBold', sans-serif;
  font-size: 36px;
}

/* Tablet ≥ 576px */
@media screen and (min-width: 576px) {
  .neue-p,
  .neue-pw,
  .neue-p-white {
    font-size: 15px;
  }
  .neue-p2 {
    font-size: 18px;
  }
  .neue-p3 {
    font-size: 26px;
  }
  .neue-title,
  .neue-title-white, 
  .jinglers {
    font-size: 32px;
  }
  .neue-big {
    font-size: 48px;
  }
}

/* Desktop ≥ 768px */
@media screen and (min-width: 768px) {
  .neue-p,
  .neue-pw,
  .neue-p-white {
    font-size: 16px;
  }
  .neue-p2 {
    font-size: 20px;
  }
  .neue-p3 {
    font-size: 30px;
  }
  .neue-title,
  .neue-title-white,
  .jinglers {
    font-size: 40px;
  }
  .neue-big {
    font-size: 60px;
  }
}

/* Optional: Extra Large Screen ≥ 1200px */
@media screen and (min-width: 1200px) {
  .neue-big {
    font-size: 72px;
  }
}

.shop-now{
    width: 160px;
    height: 40px;
    background-color: #3A0404;
    border-radius: 8px;
    font-family: 'neueRegredeNormal';
    font-size: 16px;
    color: #F7E4DD !important;
}

.shop-now:hover{
    background-color: #DB3D4B;
}

.shop-now-w{
    width: 160px;
    height: 40px;
    background-color: #FFFFFF;
    border-radius: 8px;
    font-family: 'neueRegredeNormal';
    font-size: 16px;
    color: #3A0404 !important;
}

.shop-now-w:hover{
    color: #FFFFFF !important;
    background-color: #DB3D4B;
}

/* CAROUSEL SECTION */
/* Slide image */
.slide-wrapper {
    position: relative;
}

.slide-img img {
    width: 100%;
    height: 800px;
    object-fit: cover;
}

@media screen and (max-width: 1600px) {
  .slide-img img { height: 800px; }
    
}

@media screen and (max-width: 1400px) {
  .slide-img img { height: 700px; }
}

@media screen and (max-width: 1200px) {
  .slide-img img { height: 600px; }
}

@media screen and (max-width: 992px) {
  .slide-img img { height: 500px; }
}

@media screen and (max-width: 768px) {
  .slide-img img { height: 400px; }
}

@media screen and (max-width: 576px) {
  .slide-img img { height: 300px; }
}

/* Caption styling */
.slide-caption {
  position: absolute;
  bottom: 30px;
  left: 50%;
  transform: translateX(-50%);
  color: white;
  padding: 20px;
  border-radius: 10px;
  text-align: center;
  width: 90%;
  max-width: 600px;
}

.slide-caption h3 {
  font-size: 22px;
  margin-bottom: 10px;
}

.slide-caption p {
  font-size: 16px;
  margin-bottom: 15px;
}

.btn-read-more {
  padding: 10px 20px;
  background-color: #ff7f50;
  color: white;
  text-decoration: none;
  border-radius: 5px;
  font-weight: bold;
  transition: background-color 0.3s ease;
}

.btn-read-more:hover {
  background-color: #e8633b;
}

/* CAROUSEL END */

/* PRODUCT SECTION */
.product-section{
    margin-top: 50px;
}

.product-section2{
    margin-top: 50px;
    background-color: #75a9d1;
}


.product-section2 h2, p{
    color: #FFFFFF !important;
}

.product-background{
    background-image: url("images/or-pattern3.png");
    background-repeat: no-repeat;
    background-size: contain;
}

.product-background2{
    background-image: url("images/tr-pattern3.png");
    background-repeat: no-repeat;
    background-size: contain;
}

.product-background3{
    background-image: url("images/tr-pattern3.png");
    background-repeat: no-repeat;
    background-size: contain;
}


.product-slide-container {
    background-color: #eed8d0;
    box-shadow: inset 4px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 1rem 0 0 1rem;
}

.product-slide-container2 {
    background-color: #9fcef3;
    box-shadow: inset 4px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 1rem 0 0 1rem;
}


@media screen and (max-width: 992px) {
   .product-background{
        background-image: url("images/or-pattern2.png");
        background-repeat: no-repeat;
        background-size: contain;   
   }
   .product-background2{
        background-image: url("images/tr-pattern2.png");
        background-repeat: no-repeat;
        background-size: contain;
   }
   .product-background3{
        background-image: url("images/tr-pattern2.png");
        background-repeat: no-repeat;
        background-size: contain;
   }
    .product-slide-container{
        border-radius: 0rem;
   }
   .product-slide-container2{
        border-radius: 0rem;
   }
    
}

.product-section-slide{
    padding-left: 20px;
}

.product-description{
    /* padding-left: 18rem; */
}

.product-description p, h2{
    color: #3A0304;
}

.product-section-img{
    width: 100%;
    height: auto;
    aspect-ratio: 4 / 5;
    object-fit: cover;
    display: block;
}

@media screen and (max-width: 1600px) {
   .product-description{
        /* padding-left: 0rem; */
   }
    
}

@media screen and (max-width: 992px) {
   
    .product-description{
        /* padding-left: 2rem; */
        /* padding-left: 6rem; */
    }

    .product-section-slide{
        padding-left: 5px;
        padding-right: 5px;
   }

   /* .product-section-img{
        width: 185px;
        height: 200px;
        object-fit: fill;
   }
     */
}

/* PRODUCT END */

/* BEST SELLERS SECTION */

.best-card h5{
    font-size: 18px;
}

.best-seller-img {
  width: 100%;
  height: 300px;
  object-fit: cover;
  border-radius: 6px;
}

@media screen and (max-width:992px) {
    .best-card{
        min-height: 310px;
    }
}
@media screen and (max-width:768px) {

    .best-card{
        min-height: 0px;
    }
    
}
.promo-badge {
    position: absolute;
    top: -10px;       /* Keluar ke atas */
    right: -10px;     /* Keluar ke kanan */
    width: 60px;      /* Atur sesuai ukuran medal */
    height: auto;
    z-index: 10;
}


/* BEST SELLERS END */

/* PASTRY CROISSANT SECTION */
.pastry-img{
    width: 100%;
    height: 300px;
    object-fit: cover;
}
@media screen and (max-width:992px) {
    .pastry-img{
        height: 200px;
    }
    
}
/* PASTRY CROISSANT END */

/* ICE CREAM SECTION */
.brown-background{
    background-color: #F7DBB3;
}

.product-background3{
    background-image: url("images/tr-pattern3.png");
  background-repeat: no-repeat;
  background-size: contain;
  transform: scaleX(-1); /* Flip gambar secara horizontal */
}

.ice-cream-img{
    width: 100%;
    height: 500px;
    object-fit: cover;
}
@media screen and (max-width:992px) {
    .product-background3{
        background-image: url("images/tr-pattern2.png");
    }
    .ice-cream-img{
        height: 300px;
    }
    
}
/* ICE CREAM END */

/* OUTLET SECTION */
.outlet-card {
  width: 100%;
  max-width: 18rem;
  margin: auto; /* agar center di col */
}
.outlet-title{
   
    min-height: 3.5rem;
}
.outlet-title h5{
    font-family: 'neueRegredeBold';
    font-size: 20px;
    color: #4C7040;
}
.outlet-address{
    min-height: 6rem;
}
.outlet-address p{
    font-family: 'neueRegredeNormal';
    font-size: 16px;
    color: #3A0304 !important;
}

@media screen and (max-width:1200px) {
    .outlet-title{
        min-height: 3rem;
    }
    .outlet-title h5{
        font-size: 18px;
    }
    .outlet-address{
        min-height: 7rem;
    }
    .outlet-address p{
        font-size: 15px;
    }
    
}
@media screen and (max-width:992px) {
    .outlet-title{
        min-height: 2.5rem;
    }
    .outlet-title h5{
        font-size: 16px;
    }
    .outlet-address{
        min-height: 5rem;
    }
    .outlet-address p{
        font-size: 14px;
    }
    
}
@media screen and (max-width:768px) {
    .outlet-title{
        min-height: 2.5rem;
    }
    .outlet-title h5{
        font-size: 14px;
    }
    .outlet-address{
        min-height: 5rem;
    }
    .outlet-address p{
        font-size: 12px;
    }
    
}
@media screen and (max-width:576px) {
    .outlet-title{
        min-height: 2.5rem;
    }
    .outlet-title h5{
        font-size: 12px;
    }
    .outlet-address{
        min-height: 5rem;
    }
    .outlet-address p{
        font-size: 10px;
    }
    
}
/* OUTLET END */

/* COLLABORATION SECTION */
.collab-card{
    width: 100%;
    max-width: 18rem;
    margin: auto; /* agar center di col */
}
.collab-number{
    font-family: 'neueRegredeBold';
    font-size: 34px;
    color: #DB3D4B !important;
}
.collab-name{
    font-family: 'neueRegredeMedium';
    font-size: 18px;
    color: #DB3D4B !important;
}


@media screen and (max-width: 768px) {
    .collab-number {
        font-size: 28px;
    }
    .collab-name {
        font-size: 18px;
    }
}

@media screen and (max-width: 576px) {
    .collab-number {
        font-size: 20px;
    }
    .collab-name {
        font-size: 12px;
    }
}

@media screen and (max-width: 400px) {
    .collab-number {
        font-size: 16px;
    }
    .collab-name {
        font-size: 10px;
    }
}

/* Tempatkan pagination di bawah */
#collab-slider .splide__pagination {
  position: static; /* default, agar tidak absolute */
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 1rem;
  gap: 0.5rem;
}

/* Gaya dot-nya */
#collab-slider .splide__pagination__page {
  border-radius: 50%;
  background-color: #ccc;
  border: none;
  transition: background-color 0.3s ease;
  cursor: pointer;
}

/* Dot aktif */
#collab-slider .splide__pagination__page.is-active {
  background-color: #3A0304;
}


/* COLLABORATION END */

/* HOME PAGE END */

/* FOOTER SECTION */
#footer{
    background-color: #FFF5F0;
    border-top: 1px solid #3A0304;
}
.footer-logo{
    width: 100%;
    height: 60px;
    object-fit: contain;
}
#copyright{
    background-color: #FFF5F0;
    border-top: 1px solid #3A0304;
}
/* FOOTER END */

/* FUDGE BROWNIES SECTION */
/* Ukuran gambar utama */
@media screen and (max-width: 992px) {
    #detail-main-slider .splide__slide img {
        width: 300px;
        height: 400px;
        object-fit: contain;
        border-radius: 1rem;
    }
    
}


/* FUDGE BROWNIES END */



/* OUR STORY SECTION */

.story-background {
    background-color: #3A0304;
    position: relative;
    overflow: visible;
}


.image-between-section {
    position: absolute;
    bottom: -150px;
    right: 100px;  
    z-index: 10;
}

.image-between-section img {
    width: 400px;
    height: 300px;
    object-fit: cover;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}

@media screen and (max-width: 1200px) {
    .image-between-section {
        bottom: -100px;
        right: 50px;
        margin: 0 auto;
    }
    
    .image-between-section img {
        width: 300px;
        height: 200px;
    }
    
}

@media screen and (max-width: 992px) {
    .image-between-section {
        bottom: -75px;
        right: 25px;
        margin: 0 auto;
    }
    
    .image-between-section img {
        width: 200px;
        height: 150px;
    }
    
}

.owner-background{
    background-color: #f7dbb3;
}

.owner-img{
    width: 100%;
    height: 400px;
    object-fit: cover;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}

.csr-section{
    padding: 2rem;
}

.csr-img{
    width: 100%;
    height: 400px;
    object-fit: cover;
    border-radius: 8px;
    background-color: #FFFFFF;
    padding: 1rem 1rem 3rem 1rem;
    rotate: -5deg;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}

.csr-thumbnail{
    width: 100%;
    height: 200px;
    object-fit: cover;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}

@media screen and (max-width: 992px) {
    .owner-img{
        width: 100%;
        height: 200px;
        object-fit: cover;
        border-radius: 8px;
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
    }
    

}



/* OUR STORY END */