* {

  margin: 0;

  padding: 0;

  box-sizing: border-box;

}

ul {

  padding: 0px;

  margin: 0px;

}



body {

  font-weight: 400;

  font-style: normal;

  font-size: 14px;

  color: #000;

}



:root {

  /* Brand colors */

  --color-primary: #f87895; /* blue */

  --color-primary-hover: #1d4ed8;

  --color-secondary: #f0f0f0; /* purple */



  /* Neutral colors */

  --color-white: #ffffff;

  --color-black: #000000;

  --color-light-black: #323232;

  --text-light-black: #686868;



  /* Status colors */

  --color-success: #16a34a;

  --color-warning: #f59e0b;

  --color-error: #dc2626;

  --color-info: #0ea5e9;

}



p {

  color: var(--text-light-black);

  font-size: 16px;

  font-weight: 600;

}



a {

  text-decoration: none;

}



.topbar {

  padding: 10px 0px;

  background: #fcc9d5;

}



.topbar p {

  text-align: center;

  margin: 0px;

  color: var(--color-light-black);

  font-weight: 600;

}



.fa-phone {

  transform: rotate(90deg);

}



.topbar ul {

  justify-content: end;

  margin-bottom: 0px;

  display: flex;

  gap: 15px;

  padding: 0px;

  line-height: normal;

  color: #fff;

}



.topbar ul li i {

  margin-right: 10px;

}



.topbar ul li a {

  color: #fff;

}



.topbar ul li {

  list-style: none;

}



.logo img {

  max-width: 250px;

}

/* animation menu hamburger */

.menu-btn {

  position: relative;

  display: none;

  justify-content: center;

  align-items: center;

  width: 1.5rem;

  height: 1.5rem;

  cursor: pointer;

  z-index: 2;

}

@media (max-width: 1023px) {





  .menu-btn {

    display: flex;

    position: absolute;

    left: 15px;

  }

}

.menu-btn .menu-btn__lines,

.menu-btn .menu-btn__lines::before,

.menu-btn .menu-btn__lines::after {

  width: 1.5rem;

  height: 0.1rem;

  background: #000;

  transition: all 0.4s ease-in-out;

}

.menu-btn .menu-btn__lines::before,

.menu-btn .menu-btn__lines::after {

  content: "";

  position: absolute;

}

.menu-btn .menu-btn__lines::before {

  transform: translateY(-0.5rem);

}

.menu-btn .menu-btn__lines::after {

  transform: translateY(0.5rem);

}

.menu-btn.open .menu-btn__lines {

  transform: translateX(1rem);

  background: transparent;

}

.menu-btn.open .menu-btn__lines::before {

  transform: rotate(45deg) translate(-0.5rem, 0.5rem);

  background: #fff;

}

.menu-btn.open .menu-btn__lines::after {

  transform: rotate(-45deg) translate(-0.5rem, -0.5rem);

  background: #fff;

}

.expand-btn::after {

  position: absolute;

  top: 52%;

  font-size: 16px;

  right: -1px;

  content: "\f107";

  font-family: "Font Awesome 7 Free";

  font-weight: 900;

  opacity: 0.75;

  transform: translateY(-50%) rotate(0);

  transition: transform 0.25s ease;

}

.expand-btn.open {

  color: #f87895;

}

.expand-btn.open:after {

  transform: translateY(-50%) rotate(180deg);

}

/* navbar */

.navbar {

  display: flex;

  align-items: center;

  justify-content: space-between;

  background: #fcf6f8;

  padding: 0px 20px;

}

@media (max-width: 1023px) {

  .navbar {

    padding: 10px 2px;

  }

}

.navbar.sticky {

  position: sticky;

  z-index: 999;

  top: 0;

}

.navbar .logo {

  color: #fff;

  font-size: 20px;

  font-weight: 700;

  text-transform: uppercase;

  text-decoration: none;

}

.navbar .menu-items {

  display: flex;

  align-items: center;

  gap: 25px;

}

.navbar .menu-items::-webkit-scrollbar-track {

  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);

  border-radius: 10px;

  background-color: #222;

}

.navbar .menu-items::-webkit-scrollbar {

  width: 6px;

  background-color: #222;

}

.navbar .menu-items::-webkit-scrollbar-thumb {

  border-radius: 10px;

  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);

  background-color: #fff;

}

@media (max-width: 1023px) {

  .navbar .menu-items {

    scrollbar-gutter: stable;

    position: fixed;

    top: 0px;

    left: 0;

    display: block;

    width: 350px;

    z-index: 9;

    height: 100%;

    padding-top: 30px;

    padding-bottom: 100px;

    padding-right: 10px;

    padding-left: 10px;

    background: #fcc9d5;

    overflow-y: auto;

    transform: translateX(-100vh);

    transition: 0.3s ease-out;

  }

  .navbar .menu-items.open {

    transform: translateY(0);

  }

}

.navbar .menu-items > li > .menu-item {

  padding: 1.5rem 1rem;

}

@media (max-width: 1023px) {

  .navbar .menu-items > li > .menu-item {

    padding: 1rem 0rem;

  }

}

.navbar .menu-items li:hover .mega-menu {

  opacity: 1;

  visibility: visible;

}

@media (max-width: 1023px) {

  .navbar .menu-items li a {

    padding: 10px 1rem;

  }

}

.navbar .dropdown {

  position: relative;

}

@media (min-width: 1024px) {

  .navbar .dropdown:hover > .dropdown-menu {

    opacity: 1;

    visibility: visible;

  }

  .navbar .dropdown:hover > .expand-btn:after {

    transform: translateY(-50%) rotate(180deg);

  }

}

@media (min-width: 1024px) {

  .navbar .dropdown .dropdown-right .expand-btn:after,

  .navbar .dropdown .dropdown-left .expand-btn:after {

    right: 0.625rem;

  }

}

@media (min-width: 1024px) {

  .navbar .dropdown-menu li a:hover {

    color: #a5d5ff;

  }

  .navbar .dropdown-menu li a {

    color: #fff;

  }

  .navbar .dropdown-menu {

    position: absolute;

    top: 65px;

    right: 0;

    display: block;

    left: 0;

    width: 190px;

    padding: 5px 0;

    background: #004a89;

    border-radius: 0 0 5px 5px;

    opacity: 0;

    box-shadow: 0 20px 50px 0 #000;

    visibility: hidden;

    transition: all 0.4s ease;

  }

}

@media (max-width: 1023px) {

  .navbar .dropdown-menu {

    display: none;

    position: relative;

    top: 0;

    width: 100%;

    overflow: hidden;

    padding: 0px;

    border-radius: 15px;

    border: none;

  }

}

.navbar .menu-right {

  top: 0;

  left: 100%;

}

@media (max-width: 1023px) {

  .navbar .menu-right {

    top: 0;

    left: 0;

    right: auto;

    width: 100%;

    padding-left: 1.5rem;

  }

  .navbar .menu-right:before {

    content: "";

    position: absolute;

    z-index: 1;

    top: 50%;

    left: 20px;

    width: 1px;

    height: calc(100% - 25px);

    background-color: #000;

    transform: translateY(-50%);

  }

}

.navbar .menu-left {

  top: 0;

  left: -100%;

}

@media (max-width: 1023px) {

  .navbar .menu-left {

    top: 0;

    left: 0;

    width: 100%;

    padding-left: 1.5rem;

  }

  .navbar .menu-left:before {

    content: "";

    position: absolute;

    z-index: 1;

    top: 50%;

    left: 20px;

    width: 1px;

    height: calc(100% - 25px);

    background-color: #000;

    transform: translateY(-50%);

  }

}

.navbar .menu-item {

  display: flex;

  justify-content: space-between;

  width: 100%;

  padding: 0.5rem 1rem;

  font-size: 18px;

  transition: 0.25s;

  font-weight: 600;

}

.navbar .menu-item:hover {

  color: #f87895;

}

.navbar ul li {

  list-style: none;

  transition: 0.3s ease;

}

.navbar ul li .arrow {

  transition: all 0.3s ease-out;

}

.navbar ul li a {

  position: relative;

  text-decoration: none;

  color: #000;

}

@media (min-width: 1024px) {

  .navbar .dropdownMega {

    position: inherit !important;

  }

}

@media (min-width: 1024px) {

  .navbar .mega-menu {

    position: absolute;

    top: 65px;

    left: 0;

    width: 650px;

    opacity: 0;

    visibility: hidden;

    transition: all 0.4s ease-out 0s, visibility 0.1s linear 0s;

  }

}

@media (max-width: 1023px) {

  .navbar .mega-menu {

    position: relative;

    display: none;

    padding-left: 0;

  }

}

.navbar .mega-menu .content {

  display: flex;

  gap: 1rem;

  width: 100%;

  padding: 1rem;

  background: #171b27;

  -webkit-box-shadow: 0 20px 50px 0 #000;

  box-shadow: 0 20px 50px 0 #000;

}

@media (max-width: 1023px) {

  .navbar .mega-menu .content {

    grid-template-columns: auto;

  }

}

@media (min-width: 1024px) {

  .navbar .mega-menu .content {

    padding: 1.5rem 1rem;

  }

}

@media (max-width: 1023px) {

  .navbar .mega-menu .content .col {

    padding: 0;

    width: 100%;

  }

}

.navbar .category .content .col .img-wrapper {

  margin: 1rem 0;

}

.navbar .blog .content {

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

}

@media (min-width: 1024px) {

  .navbar .blog .content {

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

  }

}

.navbar .blog .content .col .img-wrapper {

  margin-bottom: 1rem;

}

.navbar .blog .content .col .menu-title {

  font-weight: normal;

}

.navbar .blog .content .col .menu-title a {

  transition: 0.25s;

}

.navbar .blog .content .col .menu-title a:hover {

  color: #ff5722;

}

.navbar .content .col {

  display: flex;

  flex-direction: column;

}

.navbar .content .col .img-wrapper {

  display: block;

  position: relative;

  width: 100%;

  height: 20vw;

  overflow: hidden;

}

.navbar .content .col .img-wrapper:hover img {

  transform: scale(1.1);

}

.navbar .content .col .img {

  position: absolute;

  top: 0;

  right: 0;

  bottom: 0;

  left: 0;

  width: 100%;

  border-radius: 5px;

  overflow: hidden;

}

.navbar .content .col img {

  width: 100%;

  max-width: 100%;

  transition: transform 0.3s ease-in-out;

}

.navbar .content .col .menu-title {

  color: #fff;

  font-size: 1.125rem;

  line-height: 1.125rem;

  border-left: 2px solid #ff5722;

  padding-left: 0.625rem;

}

@media (max-width: 1023px) {

  .navbar .content .col .menu-title {

    font-size: 0.875rem;

  }

}

.navbar .content .col p {

  margin-top: 0.625rem;

  margin-bottom: 0.625rem;

  font-size: 0.813rem;

  line-height: 1.6rem;

  color: #fff;

}

.navbar .content .col .mega-links {

  padding-left: 1rem;

  border-left: 1px solid #3c3c3c;

}

@media (max-width: 1023px) {

  .navbar .content .col .mega-links {

    border-left: 0;

    padding-left: 0;

  }

  .navbar .content .col .mega-links li {

    margin: 0;

  }

  .navbar .content .col .mega-links li a {

    padding: 0 0.5rem;

  }

}

.navbar .content .col .mega-links li {

  margin: 1rem 0;

}

.navbar .content .col .mega-links li a {

  padding: 0;

}

@media (max-width: 1023px) {

  .overflow {

    overflow: hidden;

  }

}

@media (max-width: 1023px) {

  .overlay {

    position: fixed;

    z-index: 500;

    top: 0;

    bottom: 0;

    left: 0;

    right: 0;

    background-color: rgba(0, 0, 0, 0.6);

    opacity: 0;

    visibility: hidden;

    transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;

  }

  .overlay.overlay--active {

    opacity: 1;

    visibility: visible;

  }

}



.user_icons {

  display: flex;

  gap: 30px;

}



.search_product {

  position: relative;

}



.search_product i {

  position: absolute;

  top: 50%;

  transform: translate(-50%, -50%);

  right: 0px;

}



.search_product input {

  background-color: transparent;

  border: 1px solid #c0c0c0;

  padding: 9px;

  border-radius: 10px;

  width: 260px;

  transition: 0.6s;

}



.search_product input:focus {

  box-shadow: none;

  outline: none;

  background-color: white;

  transition: 0.6s;

}



/* ============ Full Page Slider ================= */

.creative-fullpage--slider {

  background-color: #ffffff;

  z-index: 2;

  width: 100%;

  position: relative;

  flex-direction: column;

  height: 80vh;

  font-size: 16px;

  display: flex;

  clip-path: none !important;

}



.creative-fullpage--slider .slider-inner {

  height: 80vh;

  position: relative;

}



.creative-fullpage--slider .swiper-slide {

  position: relative;

  display: flex;

  justify-content: center;

  text-align: left;

  flex-direction: column;

  overflow: hidden;

}



.creative-fullpage--slider .swiper-slide .slider-inner img {

  object-fit: cover;

  width: 100%;

  height: 80vh;

}



.creative-fullpage--slider .swiper-slide .slider-inner video {

  object-fit: cover;

  width: 100%;

  height: 100%;

}



.creative-fullpage--slider .swiper-slide .slider-inner .swiper-content {

  position: absolute;

  top: 50%;

  left: 38%;

  transform: translate(-50%, -50%)!important;

  z-index: 1;

}



/* .creative-fullpage--slider .swiper-slide .slider-inner::after {

  content: "";

  position: absolute;

  width: 101%;

  height: 100%;

  top: 0;

  left: -1px;

  background-color: #0000007a;

  background-image: radial-gradient(at center right,

      #ffffff00 50%,

      #00000096 100%);

} */



.swiper-slide .slider-inner .swiper-content .title-area .tag {

  color: #ffffff;

  font-weight: 900;

  font-size: 24px;

  margin-bottom: 10px;

  margin-top: 0px;

}



.swiper-slide .slider-inner .swiper-content .title-area .title {

  color: #fff;

  font-size: 2.5vw;

  font-weight: 900;

  line-height: 1.1;

  text-transform: capitalize;

  text-decoration: none;

}



.swiper-slide .slider-inner .swiper-content p.disc {

  font-size: 16px;

  width: 100%;

  margin-top: 15px;

  margin: 20px 0px 20px 0px;

  font-weight: 400;

  line-height: 32px;

  color: #fff;

}



.creative-btn--wrap .creative-slide--btn {

  color: #ffffff;

  margin-left: 18px;

  font-size: 1.4em;

  transition: margin-left 300ms cubic-bezier(0.49, 0, 0.01, 1);

  font-weight: 400;

  display: inline-flex;

  position: relative;

  white-space: nowrap;

  text-decoration: none;

  justify-content: center;

  align-items: center;

  cursor: pointer;

  user-select: none;

  outline: none;

  outline-color: transparent;

  box-shadow: none;

  will-change: transform;

  backface-visibility: hidden;

}



.creative-btn--circle .circle {

  position: absolute;

  right: calc(100% - 10px);

  top: 0;

  bottom: 0;

  margin: auto;

  width: 45px;

  height: 45px;

  display: flex;

  align-items: center;

  justify-content: center;

  border-radius: 50%;

  clip-path: circle(25% at 50% 50%);

  transition: clip-path 500ms cubic-bezier(0.49, 0, 0.01, 1);

}



.creative-btn--circle .circle .circle-fill {

  position: absolute;

  top: 0;

  right: 0;

  bottom: 0;

  left: 0;

  border-radius: 100%;

  background-color: var(--btn-color);

  will-change: transform;

  transform: scale(0);

  z-index: 1;

  transition: transform 500ms cubic-bezier(0.49, 0, 0.01, 1),

    background-color 500ms cubic-bezier(0.49, 0, 0.01, 1);

}



.creative-btn--circle .circle-icon {

  transform: translate(-100%, 0%);

  position: absolute;

  top: 0;

  right: 0;

  bottom: 0;

  left: 0;

  overflow: hidden;

  display: flex;

  align-items: center;

  justify-content: center;

  opacity: 0;

  z-index: 2;

  transition: all 500ms cubic-bezier(0.49, 0, 0.01, 1);

}



.creative-btn--circle .circle-icon .icon-arrow {

  width: 20px;

  height: 20px;

  stroke: none;

  fill: #ffffff;

}



.creative-btn--circle .circle-outline {

  fill: transparent;

  width: 13px;

  stroke: var(--btn-color);

  stroke-width: 7px;

  /* 👈 size yahan increase karo */

}



.creative-btn--wrap .creative-slide--btn .creative-btn--label {

  margin-left: 4pt;

  transition: transform 500ms cubic-bezier(0.49, 0, 0.01, 1);

}



.creative-btn--wrap .creative-slide--btn .creative-btn__border {

  position: absolute;

  left: 4pt;

  right: 0;

  bottom: 0;

  height: 1px;

  background: currentColor;

  transform-origin: right;

  transition: transform 500ms cubic-bezier(0.49, 0, 0.01, 1);

}



.creative-btn--wrap .creative-slide--btn:hover .creative-btn--label {

  transform: translateX(18px);

}



.creative-btn--wrap .creative-slide--btn:hover .creative-btn__border {

  transform: scale(0, 1);

}



.creative-btn--wrap .creative-slide--btn:hover {

  margin-left: 38px !important;

}



.creative-btn--wrap .creative-slide--btn:hover .circle {

  clip-path: circle(50% at 50% 50%);

}



.creative-btn--wrap .creative-slide--btn:hover .circle-fill {

  transform: scale(1, 1);

}



.creative-btn--wrap .creative-slide--btn:hover .circle-icon {

  transform: translate(0%, 0%);

  opacity: 1;

}



.creative-fullpage--slider .swiper-container-h .swiper-button-next,

.creative-fullpage--slider .swiper-container-h .swiper-button-prev {

  bottom: 5%;

  top: unset;

  transform: scale(1);

  transition: all 0.4s;

  background-color: #fff;

  backdrop-filter: blur(20px);

  height: 35px;

  width: 35px;

  display: flex;

  justify-content: center;

  align-items: center;

  border-radius: 50%;

  transition: all 0.4s;

  font-size: 14px;

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

}



.swiper-button-next:after, .swiper-button-prev:after{ font-size: 14px!important; color: black;}



.creative-fullpage--slider .swiper-container-h .swiper-button-next {

  top: 50%;

  right: -10px;

  transform: translate(-50%, -50%);

}



.creative-fullpage--slider .swiper-container-h .swiper-button-prev {

  top: 50%;

  left: 25px;

  transform: translate(-50%, -50%);

}



.swiper-container-h .slider-pagination-area {

  display: flex;

  align-items: center;

  justify-content: center;

  position: absolute;

  top: unset;

  right: unset;

  bottom: 80px;

  left: 50% !important;

  transform: translateX(-50%);

  width: 500px;

  z-index: 1;

}



.swiper-container-h .slider-pagination-area .slide-range {

  font-size: 16px;

  font-weight: 500;

  margin: 0 15px;

  color: #ffffff;

  line-height: 0;

  position: absolute;

  font-size: 20px;

}



.swiper-container-h .slider-pagination-area .slide-range.one {

  left: -50px;

}



.swiper-container-h .slider-pagination-area .slide-range.three {

  right: -50px;

}



.swiper-container-h .slider-pagination-area .swiper-pagination {

  bottom: 0 !important;

  width: 500px !important;

}



.swiper-container-h

  .slider-pagination-area

  .swiper-pagination

  .swiper-pagination-progressbar-fill {

  background: #ffffff;

}











.swiper-container-h .swiper-button-next:hover,

.swiper-container-h .swiper-button-prev:hover {

  background: var(--color-primary);

  color: white;

}





.swiper-container-h .swiper-button-next:hover:after {

  color: white;

}



.swiper-container-h .swiper-button-prev:hover:after {

    color: white;

}



/* ====================== Responsive Ipad =============================== */

@media (max-width: 991px) {

  .creative-fullpage--slider .swiper-slide .slider-inner .swiper-content {

    width: 100%;



    

  }





  .swiper-container-h .slider-pagination-area {

    width: 200px !important;

  }



  .swiper-container-h .swiper-button-next::after,

  .swiper-container-h .swiper-button-prev::after {

    font-size: 30px;

  }





  .swiper-container-h .slider-pagination-area .swiper-pagination {

    bottom: 0 !important;

    width: 200px !important;

  }

}



/* ====================== Responsive Iphone =============================== */

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

  .swiper-slide .slider-inner .swiper-content .title-area .title {

    font-size: 34px;

  }



  .swiper-slide .slider-inner .swiper-content .title-area .tag {

    margin-bottom: 0px;

  }



  .swiper-slide .slider-inner .swiper-content p.disc {

    margin: 20px auto 20px auto;

    font-size: 16px;

    width: 95%;

  }



  .swiper-container-h .slider-pagination-area {

    display: none;

  }



  .swiper-slide .slider-inner .swiper-content p.disc br {

    display: none;

  }

}



.outer_content {

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

  padding: 25px 30px;

}



/* 15 */

.btn-15 {

  background: #b621fe;

  border: none;

  z-index: 1;

}

.btn-15:after {

  position: absolute;

  content: "";

  width: 0;

  height: 100%;

  top: 0;

  right: 0;

  z-index: -1;

  background-color: #ff5279;

  border-radius: 5px;

  transition: all 0.3s ease;

}

.btn-15:hover {

  color: #fff;

}

.btn-15:hover:after {

  left: 0;

  width: 100%;

}

.btn-15:active {

  top: 2px;

}



.custom-btn {

  color: #fff;

  border-radius: 5px;

  padding: 10px 25px;

  font-weight: 600;

  background: #f87895;

  cursor: pointer;

  transition: all 0.3s ease;

  position: relative;

  display: inline-block;

  outline: none;

}



.custom-btn img{ width: 20px!important; height: 16px!important; object-fit: contain;}



.liner_btn.custom-btn {

  background-color: transparent;

  border: 1px solid #fff;

}



/* ============ shopsection ================= */



.shop_by_type {

  padding: 80px 0;

}



.shop_by_type img {

  width: 80%;

  margin: auto;

}



.shop_by_type .card {

  position: relative;

  width: 100%;

  border-radius: 28px;

  padding: 8px;

  background: transparent; /* outer pink border */

  border: 4px solid #ff94ad;

}



.shop_by_type .card-inner {

  background: #fff;

  border-radius: 22px;

  overflow: hidden;

}



.shop_by_type .card-inner img {

  width: 100%;

  display: block;

  border-radius: 22px;

}



.shop_by_type .label {

  position: absolute;

  bottom: -20px;

  left: 50%;

  transform: translateX(-50%);

  background: #ff7fa2;

  color: #fff;

  padding: 8px 24px;

  border-radius: 0px;

  font-weight: bold;

  font-size: 18px;

}



/* ============ featured_collection ================= */



.featured_collection {

  padding: 60px 0;

  background-color: var(--color-secondary);

}



.global_heading {

  font-size: 38px;

  font-weight: 700;

}



.product-card {

  width: 100%;

  cursor: pointer;

}



.product-card:hover .product-title{ color: var(--color-primary);}



.product-image {

  border: 4px solid #ff7aa2;

  border-radius: 28px;

  overflow: hidden;

  position: relative;

}



.product-image img {

  width: 100%;

  height: auto;

  display: block;

  transition: 0.6s;

  aspect-ratio: 3 / 4;   /* 👈 change ratio as per design (e.g. 1/1, 4/5) */

  object-fit: cover;

}



.product-info {

  margin-top: 12px;

}



.product-title {

  font-size: 15px;

  font-weight: 600;

  line-height: 1.4;

  margin-bottom: 8px;

  color: #000;

    white-space: nowrap;

  overflow: hidden;

  text-overflow: ellipsis;

}



.price-row {

  display: flex;

  align-items: center;

  gap: 8px;

  flex-wrap: wrap;

}



.price {

  font-size: 16px;

  font-weight: 700;

  color: #000;

}



.mrp {

  font-size: 14px;

  color: #999;

  text-decoration: line-through;

}



.discount {

  font-size: 14px;

  font-weight: 600;

  color: #1a9b2d;

}



.swiper-pagination-progressbar {

  display: none !important;

}



/* ============ handpicked ================= */



.handpicked {

  padding: 60px 0;

}



.handpicked .shop-video-card {

  width: 100%;

  border-radius: 20px;

  overflow: hidden;

  background: #fff;

  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12);

  position: relative;

}



.handpicked .video-wrapper {

  /* height: 420px; */

  background: #f3f3f3;

  position: relative;

}



.handpicked .video-wrapper:after{ 

    content: "";

    position: absolute;

    width: 100%;

    height: 100%;

    background-color: #00000042;

    z-index: 9;

    left: 0px;



}



.handpicked .video-wrapper img,

.handpicked .video-wrapper video {

  width: 100%;

  height: 100%;

  object-fit: cover;

}



.handpicked .product-info {

  display: flex;

  align-items: center;

  gap: 10px;

  padding: 10px;

  background: #fff;

  border-radius: 14px;

  position: relative;

  z-index: 2;

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

  position: absolute;

  bottom: 60px;

  width: 95%;

  /* top: 50%; */

  left: 50%;

  z-index: 99;

  transform: translate(-50%, 0%);

  cursor: pointer;

}



.handpicked .product-info:hover{ background-color: #ffebf0; }



.handpicked .thumb {

  width: 50px;

  height: 65px;

  border-radius: 8px;

  object-fit: cover;

}



.handpicked .product-right h4 {

  font-size: 14px;

  margin: 0 0 5px;

  line-height: 1.3;

}



.handpicked .price {

  font-size: 13px;

}



.handpicked .price .new {

  font-weight: bold;

  color: #000;

}



.handpicked .price .old {

  text-decoration: line-through;

  color: #999;

  margin-left: 6px;

}



.handpicked .price .off {

  color: #00a651;

  font-weight: 600;

  margin-left: 6px;

}



.handpicked .add-to-cart {

  width: 100%;

  border: none;

  padding: 14px;

  background: #ff6f91;

  color: #fff;

  font-size: 16px;

  font-weight: 600;

  cursor: pointer;

  border-radius: 0 0 20px 20px;

  margin-top: -7px;

}



.handpicked .add-to-cart:hover {

  background: #ff4f7a;

}



/* ============ newarival ================= */



.inner_new_arival img{ width: 100%;}



.new_arival {

  background-color: #fee4ea;

  padding: 60px 0;

}



.sibtitle_heading {

  color: var(--color-primary);

  font-weight: 700;

}



.inner_new_arival {

  padding: 15px 15px 0;

  background-color: white;

  border-radius: 25px;

}



.instagram_post img {

  width: 85%;

  margin: auto;

}

.instagram_post_outer {

  padding: 60px 0;

}









.testimonial-image img {

  width: 260px;

  height: 100%;

  object-fit: cover;

  border-radius: 16px;

}



.testimonial-card {

  border: 1px solid #000;

  border-radius: 16px;

  padding: 12px;

  background: #fff;

  display: flex;

  flex-direction: column;

  justify-content: center;

  height: 100%;

}



.testimonial-card:hover .stars{ font-size: 22px; transition: 0.6s;}



.stars {

  color: #f5a623;

  font-size: 18px;

  margin-bottom: 10px;

   transition: 0.6s;

   height: 30px;

}



.testimonial-card h3 {

  font-size: 18px;

  font-weight: 700;

  margin-bottom: 12px;

  text-transform: uppercase;

}



.testimonial-card p {

  font-size: 14px;

  line-height: 1.6;

  color: #444;

  margin-bottom: 16px;

}



.author {

  font-size: 13px;

  font-weight: 600;

  color: #000;

}







.testimonial_outer {

  background-color: var(--color-secondary);

  padding: 60px 0;

}





.our_promise_box img{

  width: 60px;

  aspect-ratio: 1 / 1;   /* square ratio */

  height: auto;

  object-fit: contain;

}





.our_promise{ padding: 40px 0;}



.our_promise_box p{ margin: 0px;}







footer h6{ font-weight: 700; font-size: 22px;}



footer{ background-color: var(--color-secondary); padding: 60px 0 0;}



footer ul li a{ text-decoration: none; color: black; font-size: 16px; margin: 5px 0; display: inline-block; font-weight: 400;}



footer ul li{ list-style: none}





.social_links{ display: flex; gap: 20px; }



.social_links li a{ background-color: #f87895; padding: 5px; width: 30px; height: 30px; display: flex; align-items: center; justify-content: center; color: white;}



.social_links li a:hover{ 



  background-color: #ff5279;



} 



.copy_right{margin-top: 60px; }



.copy_right p{ margin: 0px; padding: 15px 0; border-top: 1px solid #BEBEBE; }



a:hover{ color:#ff5279;}





.mobile_slide_cnt .outer_content {

    background: #ffffffc4;

    padding: 25px 30px;

    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;

}





.mobile_slide_cnt{ margin-top: -53px; position: relative; z-index: 9; text-align: center;}



.mobile_slide_cnt{ display: none;}









/* IMPORTANT */



.img-block {

        position: relative;

        overflow: hidden;

        width: 100%;

        transition: 0.5s;

      }



.img-block:hover {

box-shadow: 0 30px 35px rgb(0 0 0 / 30%);

      }

.img-block span {

        position: absolute;

        width: 100%;

        height: 100%;

        top: 0;

        left: -120%;

        background-color: rgba(255, 255, 255, 0.3);

        transition: 0.4s;

        transform: skewX(10deg);

      }



.img-block img {

        width: 100%;

      }



.img-block:hover span {

        left: 120%;

      }



/* PRESENTATION */



.img-block {

        background-color: #667;

        height: 100%;

      }







      .add_bag_btn{     background-color: white;

    color: var(--color-primary);

    padding: 10px;

    position: absolute;

    bottom: 0px;

    width: 91%;

    left: 0px;

    bottom: 0px;

    left: 50%;

    transform: translate(-50%, 145%);

    border-radius: 10px;

    border-radius: 30px;

    font-weight: 700; transition: 0.6s}



        .product-card:hover .product-image img{ scale: 1.1; transition: 0.6s;}



    .product-card:hover .add_bag_btn{     transform: translate(-50%, -18%);}





       .add_bag_btn:hover{ background-color: var(--color-primary); color: white; transition: 0.6s; }











.product-image img {

  width: 100%;

  display: block;

  transition: opacity 0.4s ease-in-out;

}



/* Hide hover image initially */

.product-image .hover-img {

  position: absolute;

  top: 0;

  left: 0;

  opacity: 0;

}



/* Fade swap on hover */

.product-image:hover .main-img {

  opacity: 0;

}



.product-image:hover .hover-img {

  opacity: 1;

}





.product-image:hover .add_bag_btn {

  opacity: 1;

}





.instagram_post {

  position: relative;

  overflow: hidden;

  border-radius: 12px;

  cursor: pointer;

  transition: transform 0.4s ease, box-shadow 0.4s ease;

}



/* Image animation */

.instagram_post img {

  width: 100%;

  display: block;

  transition: transform 0.6s ease;

}



/* Hover zoom + lift */

.instagram_post:hover {

  transform: translateY(-10px);

  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.25);

}



.instagram_post:hover img {

  transform: scale(1.1);

}



/* Overlay */

.insta-overlay {

position: absolute;

    inset: 0;

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

    display: flex;

    align-items: center;

    flex-direction: column;

    justify-content: center;

    opacity: 0;

    transition: opacity 0.4s ease;

}



/* Overlay text */

.insta-overlay span {

  color: #fff;

  font-size: 16px;

  font-weight: 600;

  transform: translateY(20px);

  transition: transform 0.4s ease;

}



.insta-overlay i{ color: white; font-size: 20px;} 



/* Show overlay on hover */

.instagram_post:hover .insta-overlay {

  opacity: 1;

}



.instagram_post:hover .insta-overlay span {

  transform: translateY(0);

}





.swiper-button-next{ background-color:var(--color-primary); color: white;}





.swiper-button-next:after{ color: white;}







.swiper-button-prev{ background-color:var(--color-primary); color: white;}





.swiper-button-prev:after{ color: white;}



.creative-fullpage--slider .swiper-button-next:after {

    color: black;

}





.creative-fullpage--slider .swiper-button-prev:after {

    color: black;

}





@media (min-width: 1400px) {

    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {

   max-width: 90%;

    }

}





.shop_by_type .swiper-wrapper{ justify-content: center;    padding: 10px 0px;

}


.xoo-wsc-basket{ display: none!important;}



.xoo-wsc-modal .xoo-wsc-container{
    border-radius: 35px 0px 0px 35px!important;
    overflow: hidden!important;

}


.xoo-wsc-ft-buttons-cont a.xoo-wsc-ft-btn, .xoo-wsc-container .xoo-wsc-btn{

background-color: #ff6f91;

}

.xoo-wsc-ft-btn-checkout:hover{

background-color: white!important;
border-color: #ff6f91!important;
color: #ff6f91!important;

}

.xoo-wsc-pname a{

    font-size: 14px!important;
    color: #4d4d4d!important;

}

.xoo-wsc-sml-qty{ 

      color: #4d4d4d!important;

}

.woocommerce-Price-amount.amount{ 

        color: #4d4d4d!important;
            font-weight: 500;
    font-size: 14px !important;

}

.user_icons .woocommerce-Price-amount{

  display: none!important;

}


.xoo-wsc-pprice ins{

background-color: #ffffff00!important;

}


.dgwt-wcas-style-pirx .dgwt-wcas-sf-wrapp{ background-color: transparent!important;}

.dgwt-wcas-style-pirx .dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input {
    padding: 8px 45px 8px 30px !important;
    font-size: 16px!important;
    border: 1px solid #c0c0c0!important;
    border-radius: 5px!important;
    background-color: #eee!important;
}


.wc-block-components-form .wc-block-components-text-input.is-active input[type=email]{


    border-color: #c0c0c0!important;


}


.wc-block-components-form .wc-block-components-text-input.is-active input[type=email]:focus{


  border-color: #ff6f91!important;
  outline: none!important;
  box-shadow: none!important;

}




.wc-block-components-form .wc-block-components-text-input label, .wc-block-components-text-input label{ 


      border-color: #c0c0c0!important;

}


.wc-block-components-text-input input[type=text]{ 

        border-color: #c0c0c0!important;

}


.wc-blocks-components-select .wc-blocks-components-select__select{ 

          border-color: #c0c0c0!important;


} 


.wc-block-components-text-input input[type=tel]{ 

         border-color: #c0c0c0!important;

}





.wc-block-components-text-input input[type=tel]:focus{


  border-color: #ff6f91!important;
  outline: none!important;
  box-shadow: none!important;

}


.wc-blocks-components-select .wc-blocks-components-select__select:focus{


  
  border-color: #ff6f91!important;
  outline: none!important;
  box-shadow: none!important;

}


.wc-block-components-text-input input[type=text]:focus{

    border-color: #ff6f91!important;
  outline: none!important;
  box-shadow: none!important;

}



.dgwt-wcas-style-pirx .dgwt-wcas-sf-wrapp button.dgwt-wcas-search-submit
 {

    left: 10px!important;
    top: 16px!important;
}


.dgwt-wcas-style-pirx .dgwt-wcas-preloader{ 

  margin-right: 0px!important;

}


.dgwt-wcas-preloader svg path{ 

  color: #ff6f91!important;
  fill:#ff6f91 !important;

}


.wc-block-components-address-card {
    border: 1px solid hsl(0deg 0% 75.29%)!important;}

    .wc-block-components-checkout-place-order-button{ 

     background-color: #ff6f91;
    color: white;
    font-weight: 500;
    font-size: 16px;
    padding: 10px 16px;
    box-shadow: none;
    min-height: unset !important;

    }


    .wc-block-components-checkout-return-to-cart-button{ display: none!important;}


    .woocommerce-checkout .container{ 

     max-width: 1320px!important;

    }

    .wc-block-checkout__actions_row{ justify-content: end!important;}

    .wc-block-components-checkout-order-summary__title-text{ color: black!important;}

    .wc-block-components-totals-coupon__button{

          background-color: #ff6f91;
    color: white;
    font-weight: 500;
    font-size: 16px;
    padding: 10px 16px;
    box-shadow: none;
    min-height: unset !important;

    }


    .wc-block-components-checkout-place-order-button:hover{

      background-color: transparent;
      color: #ff6f91;
      border-color: #ff6f91;
    }




    .wc-block-components-order-summary .wc-block-components-order-summary-item__quantity {
    background: #ff6f91;
    color: #ffffff;
}


.woocommerce-account .published-page .container{

          max-width: 1320px;

}

.woocommerce-account .published-page{ padding: 40px 0px!important;}


.woocommerce-account .published-page .entry-title{ font-size: 28px;}



/* ===== My Account Wrapper ===== */


/* ===== Navigation (Left Menu) ===== */
.woocommerce-account .woocommerce-MyAccount-navigation {
    width: 25%;
    background: #f8f9fc;
    border-radius: 12px;
    padding: 20px;
}

.woocommerce-MyAccount-navigation ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.woocommerce-MyAccount-navigation ul li {
    margin-bottom: 10px;
}

.woocommerce-MyAccount-navigation ul li a {
    display: block;
    padding: 12px 16px;
    border-radius: 8px;
    color: #333;
    font-weight: 500;
    text-decoration: none;
    transition: all 0.3s ease;
}

.woocommerce-MyAccount-navigation ul li a:hover {
    background: #ff6f91;
    color: #fff;
}

.woocommerce-MyAccount-navigation ul li.is-active a {
    background: #ff6f91;
    color: #fff;
}

/* ===== Content Area ===== */
.woocommerce-account .woocommerce-MyAccount-content {
    width: 72%;
    background: #fff;
    border-radius: 12px;
    padding: 25px;
    box-shadow: 0 6px 20px rgba(0,0,0,0.05);
}

/* ===== Headings ===== */
.woocommerce-MyAccount-content h2,
.woocommerce-MyAccount-content h3 {
    font-weight: 600;
    margin-bottom: 15px;
}

/* ===== Tables (Orders etc.) ===== */
.woocommerce-account table {
    width: 100%;
    border-collapse: collapse;
}

.woocommerce-account table th {
    background: #f3f4f8;
    padding: 12px;
    font-weight: 600;
}

.woocommerce-account table td {
    padding: 12px;
    border-bottom: 1px solid #eee;
}

/* ===== Buttons ===== */
.woocommerce-account .button {
    background: #4964bb;
    color: #fff;
    border-radius: 6px;
    padding: 10px 18px;
    font-weight: 500;
    transition: 0.3s;
}

.woocommerce-account .button:hover {
    background: #354aa0;
    color: #fff;
}

/* ===== Forms ===== */
.woocommerce-account input.input-text,
.woocommerce-account select,
.woocommerce-account textarea {
    border-radius: 6px;
    padding: 10px 12px;
    border: 1px solid #ddd;
}

.woocommerce-account fieldset {
    border: 1px solid #eee;
    padding: 15px;
    border-radius: 8px;
}

/* ===== Logout Link ===== */
.woocommerce-MyAccount-navigation-link--customer-logout a {
    background: #ffefef;
    color: #d60000;
}

.woocommerce-MyAccount-navigation-link--customer-logout a:hover {
    background: #d60000;
    color: #fff;
}

/* ===== Responsive ===== */
@media (max-width: 991px) {
    .woocommerce-account .woocommerce {
        display: block;
    }

    .woocommerce-account .woocommerce-MyAccount-navigation,
    .woocommerce-account .woocommerce-MyAccount-content {
        width: 100%;
        margin-bottom: 20px;
    }
}



.entry-footer{ display: none!important;}