.inner-banner-section {

    position: relative;

}

.inner-banner .banner-img-wrapper img {

    border-radius: 30px;

}

.inner-banner-section.banner-black .banner-overlay h2 {

    color: #000000;

    line-height: 58px;

    font-size: 70px;

    margin-bottom: 15px;

}

.banner-img-wrapper img {

    width: 100%;

}

.inner-banner-section .banner-for-mobile {

    display: none;

}

.inner-banner-section .banner-overlay p{

color: #717171;

font-weight: 800;

margin-bottom: 0;

    font-size: 14px;

    line-height: normal;

    letter-spacing: 4.2px;

    text-transform: uppercase;

}

.inner-banner-section .banner-overlay {

    position: absolute;

    left: 0px;

    top: 0px;

    height: 100%;

    width: 100%;

    display: flex;

    flex-wrap: wrap;

    align-items: center;

}

.product-listing-outer .bundle-box-sec a img{

    transition: all 0.3s ease 0s;

}

.product-listing-outer .bundle-box-sec a:hover img{

    transform: scale(1.1);

}

 .product-listing-outer [class*="col"] {

        margin-bottom: 50px;

    }

.product-listing-wrap{

    padding-top: 32px;

}

.product-listing-wrap h2 {

    color: #000;

    font-weight: 800;

    margin-bottom: 30px;

    text-align: center;

}



.tab-pagination {

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 8px;

    margin-top: 0px;

}

.tab-pagination .page-prev.disabled {

    opacity: 0.4;

    pointer-events: none;

}

.tab-pagination .page-prev, .tab-pagination .page-next {

    width: 40px;

    height: 40px;

}

.tab-pagination a, .tab-pagination span{

    width: 40px;

    height: 40px;

    border: 1px solid #F9D9E1;

    border-radius: 50%;

    display: flex;

    align-items: center;

    justify-content: center;

    color: #000;

    text-align: center;

    font-size: 14px;

    font-style: normal;

    font-weight: 400;

    line-height: normal;

    text-decoration: none;

    transition: all 0.3s ease;

}

.tab-pagination .page-prev svg, .tab-pagination .page-next svg {

    width: auto;

    height: auto;

}

.tab-pagination .page-prev svg {

    transform: rotate(-180deg);

}

.tab-pagination a.active {

    background-color: #EF82AB;

    color: #fff;

    border-color: #EF82AB;

}

.tab-pagination span.current {

    background-color: #EF82AB;

    color: #fff;

    border-color: #EF82AB;

}

.tab-pagination .dots {

    border: 1px solid #F9D9E1;

    color: #EF82AB;

    font-size: 14px;

    letter-spacing: 1px;

}

.tab-pagination a:hover {

    border-color: #EF82AB;

    color: #EF82AB;

}

.pick-ceate-section-inner .pick-ceate-overlay {

    top: 0;

    padding: 0;

    position: absolute;

    left: 0px;

    bottom: 0px;

    width: 100%;

}

.pick-ceate-section-inner .pick-ceate-overlay-right-ctn {

    max-width: 310px;

    margin-bottom: 0;

}

.pick-ceate-inner-row {

    justify-content: flex-end;

    height: 100%;

}

.pick-ceate-section-inner .pick-ceate-img-sec {

    position: relative;

}

.pick-ceate-section-inner .pick-ceate-img img {

    width: 100%;

    min-height: 387px;

    border-radius: 20px;

}





.filter-bar {

  display: flex;

  justify-content: space-between;

  align-items: center;

border-radius: 16px;

border: 1px solid #F9D9E1;

background: #FFF;

box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.08);

padding: 29px 28px;

margin-bottom:70px;

  gap: 17px;

  z-index: 99;

  position: relative;

}



.filter-item {

  position: relative;

  flex: 1;

  cursor: pointer;

}



/* Header */

.filter-header {

  display: flex;

  flex-direction: column;

  gap:0px;

  border-right: 1px solid #F9D9E1;

  padding-right: 20px;

}



.filter-item:last-child .filter-header {

  border-right: none;

  padding-right: 0;

}



.filter-label {

color: #8D8D8D;

font-size: 12px;

font-style: normal;



line-height: 10px;

}



.filter-value {

  display: flex;

  justify-content: space-between;

  align-items: center;

}



.filter-value span {

color: #000;

font-size: 14px;

font-style: normal;



line-height: normal;

margin-top: 4px;

}



.filter-item.active .filter-value svg {

  transform: rotate(180deg);

}



/* ===== Dropdown Styling ===== */

.dropdown {

  position: absolute;

  top: 0;

  left: 0;

  margin-top: 40px;

border-radius: 10px;

background: #FFF;

box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.08);

  padding: 25px 18px; 

  opacity: 0;

  pointer-events: none;

  transform: translateY(10px);

  transition: all 0.3s ease;

  z-index: 100;

      width: calc(100% - 20px);

}



.filter-item.active .dropdown {

  opacity: 1;

  pointer-events: all;

  transform: translateY(0);

}



.dropdown-option {

     padding: 8px 15px;

color: #000;

font-size: 16px;

font-style: normal;

font-weight: 300;

line-height: 24px; /* 150% */

  cursor: pointer;

  transition: background 0.2s ease;

}



.dropdown-option:hover {

  border-radius: 10px;

background: #F8F4F0;

}



/* Range styling */

.range-container {

    display: flex;

    flex-direction: column;

    gap: 15px;

    overflow: hidden;

    padding-bottom: 5px;

}



.range-labels {

  display: flex;

  justify-content: space-between;

  align-items: center;

}



.range-labels span:first-child {

 color: #000;

font-size: 16px;

font-style: normal;

font-weight: 300;

line-height: 24px; /* 150% */

}



.range-labels span:last-child {

color: #000;

font-size: 10px;

font-style: normal;



line-height: normal;

}

.mobile-filter-overlay.mobile-view{

    display: none;

}

.slider-track {

  height: 3px;

 background: #DADADA;

  position: relative;

}



input[type="range"] {

  position: absolute;

  width: 100%;

  top: -4px;

  background: none;

  pointer-events: none;

  -webkit-appearance: none;

}



input[type="range"]::-webkit-slider-thumb {

  pointer-events: all;

  width: 11px;

  height: 11px;

  border-radius: 50%;

  background: #EF82AB;

  cursor: pointer;

  -webkit-appearance: none;

}



.slider-fill {

  position: absolute;

  height: 3px;

  background: #EF82AB;

  top: 0;

  left: 0;

}

.filter-sort.mobile-view{

display: none;

}



.itch-promise-wrap {

  background: #fff;

}

.itch-promise-title p {

    margin-bottom: 30px;

}

.itch-promise-title{

    max-width: 790px;

    margin: auto;

    text-align: center;

}

.itch-promise-wrap h3 {

    color: #000;

    font-weight: 800;

    margin-bottom: 30px;

    text-align: center;

    text-transform: lowercase;

}

/* Grid */

.itch-promise-grid {

  display: grid;

  grid-template-columns: repeat(4, 1fr);

  gap: 23px;

}



/* Card */

.itch-promise-card {

  background: #fde5ef;

  border-radius: 10px;

  padding:37px 32px;

  text-align: center;

  transition: 0.3s ease;

}







/* Icon */

.promise-card-icon {

margin-bottom: 10px;

}



/* Title */

.itch-promise-card h3 {

    font-size: 20px;

    font-weight: 700;

    margin-bottom: 25px;

    line-height: 24px;

    padding: 0 20px;

    text-transform: math-auto;

}



/* Description */

.itch-promise-card p {

    font-size: 16px;

    line-height: 100%;

    color: #000;



    margin-bottom: 0;

}





/* Section */





/* Container */

.twin-section-wrap{

  display: grid;

  grid-template-columns: repeat(2, 1fr);

  gap: 24px;

}



/* Card */

.twin-section-card{

  position: relative;

  height: 310px;

  border-radius: 14px;

  overflow: hidden;

}



/* Image */

.twin-section-card img{

  width: 100%;

  height: 100%;

  object-fit: cover;

  display: block;

}



/* Overlay */

.twin-section-overlay{

  position: absolute;

  inset: 0;

  background: linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.51) 53.37%, rgba(0, 0, 0, 0.7) 100%);



}



/* Content */

.twin-section-content{

  position: absolute;

  left: 30px;

  bottom: 40px;

  max-width: 54%;

  color: #fff;

  z-index: 2;

}



/* Heading */

.twin-section-content h2{

    font-size: 38px;

    font-weight: 800;

    margin-bottom: 20px;

    line-height: 44px;

}



/* Text */

.twin-section-content p {

    font-size: 14px;

    line-height: 17px;

    max-width: 285px;

    margin-bottom: 0;

}



.twin-section-wrap .twin-section-card:nth-child(1) p {

  max-width: 271px;

}



/* Sort option */

.sort-option-wrapper {

  position: relative;

    display: flex;

    justify-content: flex-end;

    z-index: 9;

}

.sort-option-wrapper.mobile-view{

  display: none;

}



.sort-option-wrapper.active .sort-dropdown {

  opacity: 1;

  pointer-events: all;

}

.sort-option-wrapper .sort-dropdown  {

  position: absolute;

  top: 0;

  left: 0;

  margin-top: 40px;

border-radius: 10px;

background: #FFF;

box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.08);

  padding: 25px 18px; 

  opacity: 0;

  pointer-events: none;

  transform: translateY(10px);

  transition: all 0.3s ease;

  z-index: 999;

      width: calc(100% - 20px);

}



.sort-option-wrapper .sort-dropdown {

  width: auto;

  min-width: 167px;

  right: 0;

  left: auto;

  padding: 18px 10px;

  margin-top: 20px;

}



.sort-option {

  display: inline-flex;

  align-items: baseline;

  cursor: pointer;

}



.sort-option .up-down-arrow {

  margin-right: 5px;

}



.sort-option .filter-down-arrow {

  margin-left: 10px;

}



.sort-option span {

  color: #000;

   font-family: "Figtree", sans-serif;

  font-size: 14px;

  font-style: normal;

  font-weight: 300;

  line-height: 24px;

  /* 171.429% */

}

.add_to_cart_button {

border-radius: 100px !important;

    background: #EF82AB !important;

    padding: 11px 35px !important;

    color: #FFF ! IMPORTANT;

    font-size: 12px !important;

    font-weight: 500 !IMPORTANT;

    line-height: normal !important;

    letter-spacing: 2.4px;

    text-transform: uppercase;

    display: block !important;

    width: fit-content;

    margin: 40px auto 0 !important;

}



.add_to_cart_button i {

    margin-right: 10px;

    height: 15px;

    bottom: 1px;

    position: relative;

    align-items: center;

}

.add_to_cart_button:hover {

    background: #EE5A92 !important;

}

.loading::after {

    content: '';

    right: 15px !important;

    top: 14px !important;

}

.product-learnmore a{

  color: #000;

    font-size: 12px;

    font-style: normal;



    line-height: normal;

    letter-spacing: 1.2px;

    text-transform: uppercase;

    text-decoration: none;

    text-align: center;

    margin-top: 21px;

    display: flex;

    justify-content: center;

}

.product-learnmore a:hover{

color: #EE5A92;

}

.added_to_cart{

  color: #000;

    font-size: 12px;

    font-style: normal;



    line-height: normal;

    letter-spacing: 1.2px;

    text-transform: uppercase;

    text-decoration: none;

    text-align: center;

    margin-top: 21px;

}

.added_to_cart:hover{

color: #EE5A92;

}



/* Responsive */

@media (max-width: 992px) {

     .twin-section-wrap{

    grid-template-columns: 1fr;

  }







  .twin-section-content h2{

    font-size: 30px;

    line-height: 36px;

  }

  .itch-promise-grid {

    grid-template-columns: repeat(2, 1fr);

  }

}



@media (max-width: 576px) {

  .itch-promise-grid {

    grid-template-columns: 1fr;

  }

}



@media (min-width: 992px) {

   

}

@media (max-width: 1200px) and (min-width: 767px) {

  .dropdown{

    padding: 25px 10px;

  }

  .dropdown-option {

    padding: 8px 9px;

  }

}

@media (max-width: 991px) {

  .twin-section-content{

    top: 40px;

    bottom: inherit;

    max-width: 71%;

  }

  .itch-promise-card h3 {

    max-width: 233px;

    margin: 0 auto 25px;

  }

  .itch-promise-card p {

    max-width: 255px;

    margin: auto;

  }

  .pick-ceate-section-inner .pick-ceate-overlay-right-ctn h2 {

    max-width: 190px;

}

    .pick-ceate-section-inner .pick-ceate-overlay-right-ctn {

    max-width: 320px;

    margin-left: inherit;

    margin-right: inherit;

    }

   .pick-ceate-section-inner .pick-ceate-inner-row{

    align-items: flex-start !important;

    padding: 74px 0 0 30px;

    justify-content: flex-end;

    }

     .filter-value span {

    font-size: 14px;

  }

  .filter-header {

    padding-right: 10px;

  }

  .filter-bar {

    gap: 10px;

  }

}

@media(max-width:767px) {
  
  .itch-promise-wrap h3{
    font-size: 34px;
    line-height: 37px;
  }

    .product-listing-outer [class*="col"] {

    margin-bottom: 12px;

}

  .add_to_cart_button{

    padding: 11px 20px !important;

  }

  .sort-option-wrapper.desktop-view {

    display: none;

  }

  .sort-option-wrapper.mobile-view {

    display: block;

    margin-bottom: 30px;

    z-index: 99;

    position: relative;

}



  .sort-option-wrapper {

    position: unset;

  }



  .sort-option-wrapper .sort-dropdown {

    width: 200px;

    padding: 18px 10px;

    left: 0;

    right: 0;

    margin: 35px auto 0;

  }



  .sort-option {

    display: flex;

    justify-content: center;

  }

    /* ===== MOBILE FILTER OVERLAY ===== */

.mobile-filter-overlay {

  position: fixed;

  inset: 0;

  background: rgba(0,0,0,0.45);

  display: none;

  align-items: flex-end;

  justify-content: center;

  z-index: 9999;

  transition: opacity 0.3s ease;

}



.mobile-filter-overlay.active {

  display: flex;

  animation: fadeIn 0.3s ease forwards;

}



@keyframes fadeIn {

  from { opacity: 0; }

  to { opacity: 1; }

}

.filter-bar.mobile-view{

    display: block;

    align-items: unset;

    border-radius: unset;

    border: none;

    background: none;

    box-shadow: none;

    padding: unset;

    margin: unset;

    gap: 17px;

    position: relative;

}

.filter-item:last-child .filter-header{

    border-bottom: none;

    padding-bottom: 0;

}

.filter-header {

        border-bottom: 1px solid #F9D9E1;

        border-right: none;

        padding-right: 0px;

        padding-bottom: 25px;

        margin-bottom: 25px;

    }



    .filter-value span {

        font-size: 14px;

    }



.mobile-filter-box {

  background: #fff;

  width: 100%;

  /* max-height: 90vh; */

  border-radius: 20px 20px 0 0;

  padding: 35px 34px;

  /* overflow-y: auto;

  transform: translateY(100%); */

  animation: slideUp 0.4s ease forwards;

}



@keyframes slideUp {

  to { transform: translateY(0); }

}



    .filter-item.active .dropdown {

        overflow: hidden;

        max-height: 155px;

        overflow-y: auto;

    }

.filter-top {

  display: flex;

  justify-content: space-between;

  align-items: center;

  margin-bottom: 38px;

}



.filter-top h2 {

  font-size: 23px;

  font-weight: 600;

}

.filter-top h4 {

  font-size: 23px;

  font-weight: 400;

  margin-bottom: 0;

}



.dropdown {

  width: 100%;

  padding: 15px 10px;

}



.close-filter {

        background: none;

        border: none;

        cursor: pointer;

        position: absolute;

        top: 30px;

        right: 30px;

    }



/* Buttons at bottom */

.filter-actions {

  display: flex;

  justify-content: center;

  gap: 5px;

  padding-top: 20px;

}



.filter-btn {

    padding: 14px 28px;

}

.cmn-btn.pink {

    padding: 14px 28px;

    background: #EF82AB;

    color: #fff;

}

.cmn-btn.pink:hover {

    padding: 14px 28px;

    background: transparent;

    color: #797979;

    border: 1px solid #F9D9E1;

}

.cmn-btn.filter-btn svg {

    margin-left: 6px;

}

.cmn-btn.pink svg {

    margin-left: 6px;

}

.reset-btn{

  border-radius: 100px;

border: 1px solid #7A6E3C;

backdrop-filter: blur(100px);

color: #7A6E3C;

text-align: center;

 font-family: "Figtree", sans-serif;

font-size: 14px;

font-style: normal;

font-weight: 500;

line-height: normal;

letter-spacing: 1.4px;

text-transform: uppercase;

padding: 16px auto;

background: none;

width: 50%;

}



.filter-actions .arrow-btn.green{

  width: 50%;

}





/* ===== MOBILE FILTER OVERLAY ===== */



    .filter-sort.mobile-view{

        display: block;
        bottom: 50%;

        }

    .filter-mob {

    box-shadow: 0px 6px 20px 0px #00000026;

    border: 0.5px solid #0000001A;

    width: 42px;

    height: 42px;

    border-radius: 50%;

    display: flex;

    align-items: center;

    justify-content: center;

    background: #fff;

}

.filter-sort {

    position: fixed;

    bottom: 22%;

    right:24px;

    z-index: 99;

}

    .filter-bar.desktop-view {

        display: none;

    }

    .sort-option.desktop-view{

        display: none;

    }

    

   



    .inner-banner-section .banner-overlay{       

    align-items: flex-start;

    padding: 50px 50px 0 35px;

    }

    .banner-for-desktop{

        display: none;

    }

    .banner-for-mobile{

        display: block;

    }

    .inner-banner-section .banner-for-mobile {

    display: block;

}

    .for-desktop{

         display: none;

    }

    .for-mobile{

         display: block ; 

    }

    .inner-banner-section.banner-black .banner-overlay h2{

        line-height: 40px;

        font-size: 45px;

        text-align: left;

        padding-left: 0;

    }

    .inner-banner-section .banner-overlay p {

    text-align: left;

    }

    .product-listing-wrap h2 {

    margin-bottom: 20px;

    }

        .sort-option {

        display: none;

    }

}

@media (max-width: 560px) {

  .twin-section-card{

    height: 425px;

  }

}

.yith-wcwl-feedback-messages-container .yith-wcwl-add-to-wishlist__feedback{

    background: #ffbdda !important;

}



/* 02-07-2026 */



.filter-item-reset .filter-header {

  border: 0;

}



.filter-item-reset .filter-header .filter-label:hover {

  color: #ef82ab !important;

}

@media(min-width:1350px) {
.pick-ceate-section-inner .pick-ceate-overlay-right-ctn {
    max-width: 391px;
    padding-left: 119px;
}


}