/* SALE PAGE BANNER CSS START */
.sale-page-slider{height:324px; overflow:hidden;}
.sale-page-banner-sec {margin-top: 0;}
.sale-page-banner-sec img {margin: 0 auto; width: 100%;}

section.usp_boxes_slider{margin:30px 0;}

.USP_Container.SalePage{padding:30px 0;}

/* SHOP NOW BOX CSS START */
.shop-now-box-inner {display: flex; flex-wrap: wrap; align-items: center; gap: 16px;}
.shop-now-box-item {width: calc(50% - 8px);}
.shop-now-box-item img {display: block; border-radius: 10px;}

/* OFFER BAND CSS START */
section.offer-band-banner-sec {margin: 36px 0;}
section.offer-band-banner-sec img{border-radius: 10px;}
.offer-band-banner-main img {width: 100%;}

/* PRODUCT TAB CSS START */
section.product-tab-sec {margin-top: 24px; position: relative;}
.product-tab-sec::before {content: ""; position: absolute; background: #EDEEFA; width: 100%; height: 75%; z-index: -1; bottom: 0;}
.product-tab-main-sec {margin-bottom: 48px;}
.product-view-all-btn {margin-bottom: 16px;}
.product-view-all-btn button{background: none; border: none; outline: none; cursor: pointer; font-family: 'sora'; font-size: 14px; text-decoration: underline; color: #2F2D2E; font-weight: 500;}
.product-tab-top {background: #0B3B58; border-radius: 10px 10px 0 0; display: flex; align-items: center; padding: 24px 24px 0;}
.product-tab-top-left {width: calc(25% - 20px); border-right: 1px solid #F5F5F5; margin-right: 20px;}
.product-tab-top-left span {color: #FFFFFF; font-size: 40px; line-height: 44px; font-weight: 600;}
.product-tab-top-right {width: 75%;}
.product-tab-btn-inner {display: flex; align-items: normal;}
.product-tab-btn-item {width: 25%; text-align: center; cursor: pointer; display: flex; flex-direction: column; justify-content: space-between; padding-bottom: 15px;}
.product-tab-icon img {display: block; transform: scale(.9); margin: 0 auto; padding-bottom: 12px;}
.product-tab-btn-item.active .product-tab-icon img{transform: scale(1.1);}
.product-tab-item-title {color: #F5F5F5; font-size: 16px; font-weight: 400; padding-bottom: 6px;}
.product-tab-btn-item span {color: #4FBCCC; font-size: 20px; font-weight: 600; padding: 4px 0; display: block;}
.product-tab-btn-item strong {color: #4FBCCC; font-size: 24px; font-weight: 700; display: block; line-height: 24px;}
.product-tab-btooom-inner {display: flex; flex-wrap: wrap; justify-content: flex-start;}
.product-tab-bottom {padding: 24px; background: #ffffff; border-radius: 0 0 10px 10px;}
.product-tab-item {width: 20%; text-align: center; padding: 16px 12px; border: 1px solid #ffffff; border-radius: 10px;}
.product-tab-title {color: #2F2D2E; font-size: 14px; font-weight: 500; min-height: 45px;}
.product-tab-image img {display: block; margin: 0 auto; padding: 22px 0; width: 150px;}
.product-tab-item-inner span {color: #2F2D2E; font-size: 24px; font-weight: 600;}
.product-tab-btn-item.active {background-image: url(/images/NewDesign2025/tab-btn-background.png); margin-top: -64px; justify-content: flex-end; background-repeat: no-repeat; background-size: cover; background-position: center; border-radius: 18px 18px 0 0;}
.product-tab-btn-item.active.product-tab-btn-item span {color: #F5F5F5;}
.product-tab-btn-item.active.product-tab-btn-item strong {color: #F5F5F5;}
.product-tab-content {display: none;}
.product-tab-content.active {display: block;}
.product-tab-shop-btn {margin-top: 16px;}
.product-tab-shop-btn button {background: #EBEDE2; border: none; outline: none; padding: 12px 18px; border-radius: 40px; cursor: pointer; font-family: 'sora'; font-size: 14px; color: #2F2D2E; font-weight: 500; display: flex; margin: 0 auto; gap: 10px; align-items: center;}
.product-tab-item:hover {border: 1px solid #713EDD; padding: 16px 12px;}
.product-tab-item:hover .product-tab-shop-btn button {background: #713EDD; color: #F5F5F5;}
.product-tab-item:hover .product-tab-shop-btn button img {filter: drop-shadow(0px 1000px 0 #F5F5F5); transform: translateY(-1000px);}
.product-tab-shop-btn button:hover {transform: translateY(-10px);}
.product-tab-item:hover .product-tab-shop-btn button{animation: moveUp 0.5s ease forwards;}
@keyframes moveUp {
  0% {
      transform: translateY(20px);
  }
  100% {
      transform: translateY(0);
  }
}

/* SUPER DEAL BOX CSS START */
.super-deal-sec {margin-top: 58px;}
.super-deal-main-title {color: #2F2D2E; font-size: 40px; font-weight: 600; text-align: center; line-height: 40px;}
.super-deal-inner {display: flex; flex-wrap: wrap; margin-top: 40px;}
.super-deal-item {width: calc(25% - 16px); margin: 0 8px;}
.super-deal-item img {display: block; width: 100%;}

/* NEW ARRIVAL CSS START */
.new-arrival-sec {background-image: url(/images/NewDesign2025/new-arrival-background.png); background-repeat: no-repeat; background-size: cover; background-position: center; margin-top: 58px; padding: 84px 0;}
.new-arrival-inner {display: flex; flex-wrap: wrap; align-items: center;}
.new-arrival-left {width: 50%; display: flex; flex-wrap: wrap; gap: 16px;}
.new-arrival-left-item {width: calc(50% - 8px); background: #F5F5F5; border-radius: 10px; padding: 16px;}
.new-arrival-left-content {display: flex; justify-content: space-between; align-items: flex-start; margin-top: 18px;}
.new-arrival-product-name {color: #2F2D2E; font-size: 16px; font-weight: 600; padding-bottom: 3px;}
.new-arrival-left-content-price span {color: #CF231E; font-size: 18px; font-weight: 600;}
.new-arrival-left-image img {width: 120px; display: block; margin: 0 auto;}
.new-arrival-left-image {background: #ffffff; border-radius: 10px; padding: 16px;}

/* THUMBIL SLIDER CSS START */
.thumbnail-slider {display: flex; align-items: center;}
.thumbnails {width: 72px;}
.main-slider {width: 310px; margin-right: 24px;}
.thumb-main-slider-image img {width: 100%;}
.thumbnails-side-slide-image {background: #ffffff; border: 1px solid#E7E6E6; padding: 12px; width: 72px; height: 72px; border-radius: 5px; cursor: pointer; margin: 2px 0;}
.thumbnails-side-slide-image img {margin: 0 auto; width: 100%;}
.slick-prev,
.slick-next {z-index: 1;}
.new-arrival-right {background: #F5F5F5; box-shadow: 0px 0px 18px -5px #cbcbcb; border-radius: 10px; padding: 28px; width: calc(50% - 16px); margin-left: 16px;}
.thumbnail-slider-price span {color: #6839CC; font-size: 32px;}
.prod-review-coun {color: #636363; font-size: 12px; padding-left: 10px;}
.thumbnail-slider-btm-content {margin-top: 40px;}
.thumb-Prd_rating {margin-top: 18px;}
.thumbnails .slick-current .thumbnails-side-slide-image {border: 1px solid #6839CC; box-shadow: 0px 0px 8px 0px #a1a1a173;}
.new-arrival-main-title {display: flex; align-items: center; justify-content: space-between; margin-bottom: 28px;}
.new-arrival-main-title span {color: #2F2D2E; font-size: 38px; font-weight: 600; line-height: 38px;}
.new-arrival-main-title button {background: none; border: none; outline: none; cursor: pointer; font-family: 'sora'; font-size: 14px; text-decoration: underline; color: #2F2D2E; font-weight: 500;}
.new-arrival-main-title a{display: inline-block; text-decoration: underline; font-size: 14px;color: #2F2D2E; font-weight: 500;}

/* SEARCH LOGO BRAND CSS START */
.search-logo-brand-sec {margin-top: 58px;}
.search-logo-brand-main {background-image: url(/images/NewDesign2025/logo-brand-banner.png); background-repeat: no-repeat; background-size: cover; background-position: 100% 100%; padding: 60px 18px; border-radius: 10px;}
.search-logo-brand-inner {display: flex; flex-wrap: wrap;}
.search-logo-brand-item {width: calc(20% - 16px); text-align: center; margin: 8px; display: flex; align-items: center; justify-content: center;}
.search-logo-brand-title {color: #F5F5F5; font-size: 38px; font-weight: 500; text-align: center; line-height: 38px; margin-bottom: 38px;}
.search-logo-brand-inner a img {display: block;}

/* JOINT CARE CSS START */
.joint-care-sec {margin: 35px 0;}
.joint-care-top {display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap;}
.joint-care-top-left {width: 20%; font-size: 38px; font-weight: 600; line-height: 46px; color: #2F2D2E;}
.joint-care-top-middle {width: 56%;}
.joint-care-top-right {width: calc(24% - 24px); margin-left: 24px;}
.joint-tab-btn-inner {display: flex; align-items: center; gap: 28px; justify-content: flex-end; flex-wrap: wrap;}
.joint-tab-btn-item {text-align: center; cursor: pointer; width: 22%;}
.joint-tab-btn-item span {font-size: 16px; color: #000000; font-weight: 600; line-height: 16px; padding-top: 14px; display: block;}
.joint-care-bottom {margin-top: 40px;}
.categorie-pro-inn-item-main {width: calc(25% - 16px); margin: 0 8px;}
.categorie-products-inner {gap: 0;}
.joint-tab-btn-item .joint-pet-image img {border: 2px solid #fff; border-radius: 50%; padding: 8px;}
.joint-tab-btn-item.active .joint-pet-image img {border: 2px solid #F15860;}
.joint-tab-btn-item.active.joint-tab-btn-item span {color: #F15860;}
.joint-care-bottom .joint-tab-content {display: none;}
.joint-care-bottom .joint-tab-content.active {display: block;}


/* RESPONSIVE CSS START */
@media only screen and (max-width: 1600px), (max-width: 1699px) {
.sale-page-slider{height:283px; overflow:hidden;}
}

@media only screen and (max-width: 1400px), (max-width: 1499px) {
.sale-page-slider{height:242px; overflow:hidden;}
}

@media only screen and (max-width: 1200px), (max-width: 1299px) {
.sale-page-slider{height:214px; overflow:hidden;}
}


@media only screen and (max-width: 1000px), (max-width: 1099px) {
.sale-page-slider{height:171px; overflow:hidden;}
  .joint-care-top-left {font-size: 34px; line-height: 40px;}
  .product-tab-btn-item.active {margin-top: -48px; background-size: cover; border-radius: 18px 18px 0 0;}
  .product-tab-top-left{margin-right: 10px; width: calc(25% - 10px);}
}

@media only screen and (max-width: 800px), (max-width: 899px) {
	.sale-page-slider{height:400px; overflow:hidden;}
  .product-tab-top {flex-wrap: wrap;}
  .search-logo-brand-sec {margin-top: 48px;}
  .product-tab-top-left span {font-size: 28px; line-height: 28px;}
  .product-tab-btn-item.active {margin-top: -22px;}
  .product-tab-top-left {width: 100%; border: none; text-align: center; margin-right: 0;}
  .product-tab-top-right {width: 100%; margin-top: 44px;}
  section.product-tab-sec {margin-top: 14px;}
  .super-deal-sec {margin-top: 38px;}
  .super-deal-inner {margin-top: 20px;}
  .super-deal-main-title {font-size: 28px; line-height: 28px;}
  .new-arrival-sec {background: #F2EAEA; margin-top: 44px; padding: 34px 0;}
  .new-arrival-main-title span {font-size: 28px; line-height: 28px;}
  .new-arrival-left {width: 100%;}
  .new-arrival-right {width: 100%; max-width: 500px; margin: 16px auto; padding: 18px;}
  .main-slider {width: 100%; margin-right: 0; text-align: center;}
  .thumb-main-slider-image {width: 280px !important;}
  .thumbnail-slider {flex-wrap: wrap;}
  .search-logo-brand-title {font-size: 28px; line-height: 28px;}
  .joint-care-top-left {width: 100%; font-size: 28px; line-height: 38px; text-align: center; margin-bottom: 24px;}
  .joint-care-sec {margin: 25px 0;}
  .joint-care-top-middle {width: 70%;}
  .joint-tab-btn-inner {justify-content: flex-start;}
  .joint-care-top-right {width: 30%; margin-left: 0; text-align: right;}
  .joint-tab-btn-item span {font-size: 14px; padding-top: 0;}
  .categorie-pro-inn-item-main {width: calc(33.33% - 16px); margin: 8px;}
  .joint-care-bottom {margin-top: 28px;}
  
  section.sale-page-banner-sec {margin-top: 0;}
  section.offer-band-banner-sec {margin: 26px 0;}
  .thumbnails {display: flex; flex-wrap: wrap; justify-content: center; width: 100%;}
  .thumbnails .thumbnails-side-slide-image {display: flex !important; width: 70px !important;}
  .slick-vertical .slick-slide {width: 70px !important; margin: 6px;}
  .slick-list {height: auto !important;}
  .slick-track {height: auto !important;}
  .new-arrival-left-content-review {width: 70%;}
  .new-arrival-left-content-price.thumbnail-slider-price {width: 30%; text-align: right;}
  .joint-care-bottom .joint-tab-content {overflow: scroll hidden;}
  .categorie-products-inner {width: max-content;}
  .categorie-pro-inn-item-main {width: 280px;}
  .product-tab-item {
    width: calc(20% - 20px);
    text-align: center;
    padding: 16px 12px;
    border: 1px solid #000;
    border-radius: 10px;
    margin: 0 10px;
}
.product-tab-content.active {
    display: block;
    overflow: scroll;
}
.product-tab-btooom-inner {
    width: max-content;
}
.product-tab-bottom {
    padding: 10px 0;
    background: #ffffff;
    border-radius: 0 0 10px 10px;
}
}

@media only screen and (max-width: 400px), (max-width: 499px) {
	.sale-page-slider{height:200px; overflow:hidden;}
  .slider-inner a {width: 100%;margin-left: 0;}
    .product-tab-top{padding: 15px 10px 0 10px;}

  .shop-now-box-item {width: 100%;}
  .shop-now-box-inner {gap: 10px;}
  section.offer-band-banner-sec {margin: 20px 0;}
  .product-tab-top-left span {font-size: 24px; line-height: 24px;}
  .product-tab-top-right {overflow: scroll hidden; margin-top: 34px;}
  .product-tab-btn-inner {width: max-content;}
  .product-tab-btn-item {width: 140px; padding: 24px 0;}
  .product-tab-btn-item.active {margin-top: 0;}
  .product-tab-icon img {width: 64px;}
  .product-tab-btn-item span {font-size: 18px;}
  .super-deal-main-title {font-size: 20px; line-height: 20px;}
  .super-deal-item {width: calc(50% - 16px); margin: 8px;}
  .super-deal-inner {margin-top: 8px;}
  .super-deal-sec {margin-top: 28px;}
  .new-arrival-main-title {margin-bottom: 18px;}
  .new-arrival-main-title span {font-size: 20px; line-height: 20px;}
  .new-arrival-sec {margin-top: 28px; padding: 18px 0;}
  .search-logo-brand-item {width: calc(50% - 16px); margin: 6px;}
  .search-logo-brand-sec {margin-top: 28px;}
  .search-logo-brand-main {padding: 28px 18px;}
  .search-logo-brand-title {font-size: 18px; line-height: 28px; margin-bottom: 14px;}
  .joint-care-sec {margin-top: 28px;}
  .joint-care-top-left {font-size: 20px; line-height: 20px;}
  .joint-care-top-right {width: 20%;}
  .joint-care-top-middle {width: 80%;}
  .joint-care-top {align-items: flex-start;}
  .joint-care-bottom {margin-top: 18px;}
  .new-arrival-left-content {flex-wrap: wrap; justify-content: center; gap: 12px;}
  .new-arrival-product-name {font-size: 14px; text-align: center;}
  .Prd_info {justify-content: center; padding-top: 8px;}
  .joint-tab-btn-inner {gap: 16px;}
  .joint-tab-btn-item {width: calc(33.33% - 16px);}
  .new-arrival-left {gap: 10px;}
  .new-arrival-left-item {width: calc(50% - 5px);}
  .thumbnail-slider-btm-content {margin-top: 16px;}
  .new-arrival-left-content .thumb-Prd_rating {margin-top: 0px;}
  .new-arrival-left-content-price.thumbnail-slider-price {width: 100%; text-align: center;}
  .thumbnail-slider-price span {font-size: 24px;}
  .slick-vertical .slick-slide {margin: 3px;}
  .new-arrival-left-content-review {width: 100%;}
  .joint-tab-btn-item.active .joint-pet-image img{padding: 4px;}
}

@media only screen and (max-width: 300px), (max-width: 360px) {
	.sale-page-slider{height:auto; overflow:hidden;}
  .joint-tab-btn-item span {font-size: 12px;}
  .super-deal-sec {margin-top: 18px;}
  .super-deal-item {width: calc(50% - 8px); margin: 4px;}
  .new-arrival-sec {margin-top: 18px; padding: 14px 0;}
  .new-arrival-main-title span {font-size: 18px;}
  .search-logo-brand-title {font-size: 14px; margin-bottom: 8px;}
  .search-logo-brand-main {padding: 18px 8px;}
  .thumbnails .thumbnails-side-slide-image {width: 50px !important; padding: 4px; height: 52px;}
  .slick-vertical .slick-slide {width: 50px !important;}
  .new-arrival-left-item{width: 100%;}
}