.elementor-7333 .elementor-element.elementor-element-3414b75{--display:flex;--min-height:600px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-7333 .elementor-element.elementor-element-3414b75:not(.elementor-motion-effects-element-type-background), .elementor-7333 .elementor-element.elementor-element-3414b75 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://skinkareco.com/wp-content/uploads/2026/03/Adobe-Express-file.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-7333 .elementor-element.elementor-element-8a8171e{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:0px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-7333 .elementor-element.elementor-element-8a8171e:not(.elementor-motion-effects-element-type-background), .elementor-7333 .elementor-element.elementor-element-8a8171e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FBFAE200;}.elementor-7333 .elementor-element.elementor-element-2c5bcd3c{--display:flex;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-7333 .elementor-element.elementor-element-e069600 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-7333 .elementor-element.elementor-element-e069600{text-align:center;}.elementor-7333 .elementor-element.elementor-element-76b16fc2{--divider-border-style:solid;--divider-color:#313131;--divider-border-width:2px;}.elementor-7333 .elementor-element.elementor-element-76b16fc2 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-7333 .elementor-element.elementor-element-76b16fc2 .elementor-divider-separator{width:100px;margin:0 auto;margin-center:0;}.elementor-7333 .elementor-element.elementor-element-76b16fc2 .elementor-divider{text-align:center;padding-block-start:5px;padding-block-end:5px;}.elementor-7333 .elementor-element.elementor-element-1915a6d6 > .elementor-widget-container{margin:30px 0px 0px 0px;padding:0px 30px 0px 30px;}.elementor-7333 .elementor-element.elementor-element-f50ae20{--display:flex;--min-height:600px;}.elementor-7333 .elementor-element.elementor-element-f50ae20:not(.elementor-motion-effects-element-type-background), .elementor-7333 .elementor-element.elementor-element-f50ae20 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://skinkareco.com/wp-content/uploads/2026/03/Adobe-Express-file-1.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-7333 .elementor-element.elementor-element-2b4d778c{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:80px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7333 .elementor-element.elementor-element-57c8a885{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-7333 .elementor-element.elementor-element-5da6d43f.elementor-position-right .elementor-image-box-img{margin-left:20px;}.elementor-7333 .elementor-element.elementor-element-5da6d43f.elementor-position-left .elementor-image-box-img{margin-right:20px;}.elementor-7333 .elementor-element.elementor-element-5da6d43f.elementor-position-top .elementor-image-box-img{margin-bottom:20px;}.elementor-7333 .elementor-element.elementor-element-5da6d43f .elementor-image-box-title{margin-bottom:12px;}.elementor-7333 .elementor-element.elementor-element-5da6d43f .elementor-image-box-wrapper .elementor-image-box-img{width:20%;}.elementor-7333 .elementor-element.elementor-element-5da6d43f .elementor-image-box-img img{transition-duration:0.3s;}.elementor-7333 .elementor-element.elementor-element-19cdd772{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-7333 .elementor-element.elementor-element-117dbee5.elementor-position-right .elementor-image-box-img{margin-left:20px;}.elementor-7333 .elementor-element.elementor-element-117dbee5.elementor-position-left .elementor-image-box-img{margin-right:20px;}.elementor-7333 .elementor-element.elementor-element-117dbee5.elementor-position-top .elementor-image-box-img{margin-bottom:20px;}.elementor-7333 .elementor-element.elementor-element-117dbee5 .elementor-image-box-title{margin-bottom:12px;}.elementor-7333 .elementor-element.elementor-element-117dbee5 .elementor-image-box-wrapper .elementor-image-box-img{width:20%;}.elementor-7333 .elementor-element.elementor-element-117dbee5 .elementor-image-box-img img{transition-duration:0.3s;}.elementor-7333 .elementor-element.elementor-element-991f7d7{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-7333 .elementor-element.elementor-element-60ceb110.elementor-position-right .elementor-image-box-img{margin-left:20px;}.elementor-7333 .elementor-element.elementor-element-60ceb110.elementor-position-left .elementor-image-box-img{margin-right:20px;}.elementor-7333 .elementor-element.elementor-element-60ceb110.elementor-position-top .elementor-image-box-img{margin-bottom:20px;}.elementor-7333 .elementor-element.elementor-element-60ceb110 .elementor-image-box-title{margin-bottom:12px;}.elementor-7333 .elementor-element.elementor-element-60ceb110 .elementor-image-box-wrapper .elementor-image-box-img{width:20%;}.elementor-7333 .elementor-element.elementor-element-60ceb110 .elementor-image-box-img img{transition-duration:0.3s;}.elementor-7333 .elementor-element.elementor-element-77a3be1{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-7333 .elementor-element.elementor-element-5ea315a7.elementor-position-right .elementor-image-box-img{margin-left:20px;}.elementor-7333 .elementor-element.elementor-element-5ea315a7.elementor-position-left .elementor-image-box-img{margin-right:20px;}.elementor-7333 .elementor-element.elementor-element-5ea315a7.elementor-position-top .elementor-image-box-img{margin-bottom:20px;}.elementor-7333 .elementor-element.elementor-element-5ea315a7 .elementor-image-box-title{margin-bottom:12px;}.elementor-7333 .elementor-element.elementor-element-5ea315a7 .elementor-image-box-wrapper .elementor-image-box-img{width:20%;}.elementor-7333 .elementor-element.elementor-element-5ea315a7 .elementor-image-box-img img{transition-duration:0.3s;}body.elementor-page-7333:not(.elementor-motion-effects-element-type-background), body.elementor-page-7333 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#ffffff;}html{height:100vh;margin:0;overflow:hidden;}body{height:100vh;overflow:auto;scroll-snap-type:y mandatory;}:root{--page-title-display:none;}.elementor-section:not(.elementor-inner-section), .elementor-location-header, .elementor-location-footer, .page-header, .site-header, .elementor-add-section, .e-con:not(.e-child){scroll-snap-align:start;scroll-snap-stop:normal;}@media(min-width:768px){.elementor-7333 .elementor-element.elementor-element-8a8171e{--content-width:1400px;}.elementor-7333 .elementor-element.elementor-element-57c8a885{--width:25%;}.elementor-7333 .elementor-element.elementor-element-19cdd772{--width:25%;}.elementor-7333 .elementor-element.elementor-element-991f7d7{--width:25%;}.elementor-7333 .elementor-element.elementor-element-77a3be1{--width:25%;}}@media(max-width:1024px) and (min-width:768px){.elementor-7333 .elementor-element.elementor-element-57c8a885{--width:50%;}.elementor-7333 .elementor-element.elementor-element-19cdd772{--width:50%;}.elementor-7333 .elementor-element.elementor-element-991f7d7{--width:50%;}.elementor-7333 .elementor-element.elementor-element-77a3be1{--width:50%;}}@media(min-width:1025px){.elementor-7333 .elementor-element.elementor-element-3414b75:not(.elementor-motion-effects-element-type-background), .elementor-7333 .elementor-element.elementor-element-3414b75 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:scroll;}.elementor-7333 .elementor-element.elementor-element-f50ae20:not(.elementor-motion-effects-element-type-background), .elementor-7333 .elementor-element.elementor-element-f50ae20 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:scroll;}}@media(max-width:1024px){.elementor-7333 .elementor-element.elementor-element-8a8171e{--padding-top:80px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-7333 .elementor-element.elementor-element-76b16fc2 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-7333 .elementor-element.elementor-element-76b16fc2 .elementor-divider{text-align:center;}.elementor-7333 .elementor-element.elementor-element-76b16fc2 .elementor-divider-separator{margin:0 auto;margin-center:0;}.elementor-7333 .elementor-element.elementor-element-2b4d778c{--flex-wrap:wrap;--margin-top:30px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-7333 .elementor-element.elementor-element-57c8a885{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:50px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;}.elementor-7333 .elementor-element.elementor-element-5da6d43f .elementor-image-box-wrapper .elementor-image-box-img{width:18%;}.elementor-7333 .elementor-element.elementor-element-19cdd772{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:50px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;}.elementor-7333 .elementor-element.elementor-element-117dbee5 .elementor-image-box-wrapper .elementor-image-box-img{width:18%;}.elementor-7333 .elementor-element.elementor-element-991f7d7{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:50px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;}.elementor-7333 .elementor-element.elementor-element-60ceb110 .elementor-image-box-wrapper .elementor-image-box-img{width:18%;}.elementor-7333 .elementor-element.elementor-element-77a3be1{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:50px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;}.elementor-7333 .elementor-element.elementor-element-5ea315a7 .elementor-image-box-wrapper .elementor-image-box-img{width:18%;}.elementor-section:not(.elementor-inner-section), .elementor-location-header, .elementor-location-footer, .page-header, .site-header, .elementor-add-section, .e-con:not(.e-child){scroll-snap-align:start;scroll-snap-stop:normal;}}@media(max-width:767px){.elementor-7333 .elementor-element.elementor-element-3414b75{--min-height:153px;}.elementor-7333 .elementor-element.elementor-element-8a8171e{--padding-top:30px;--padding-bottom:10px;--padding-left:20px;--padding-right:20px;}.elementor-7333 .elementor-element.elementor-element-2c5bcd3c{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7333 .elementor-element.elementor-element-e069600 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-7333 .elementor-element.elementor-element-e069600{text-align:center;}.elementor-7333 .elementor-element.elementor-element-76b16fc2 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-7333 .elementor-element.elementor-element-1915a6d6 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-7333 .elementor-element.elementor-element-2b4d778c{--margin-top:30px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7333 .elementor-element.elementor-element-57c8a885{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-7333 .elementor-element.elementor-element-5da6d43f .elementor-image-box-img{margin-bottom:20px;}.elementor-7333 .elementor-element.elementor-element-19cdd772{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-7333 .elementor-element.elementor-element-117dbee5 .elementor-image-box-img{margin-bottom:20px;}.elementor-7333 .elementor-element.elementor-element-991f7d7{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-7333 .elementor-element.elementor-element-60ceb110 .elementor-image-box-img{margin-bottom:20px;}.elementor-7333 .elementor-element.elementor-element-77a3be1{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-7333 .elementor-element.elementor-element-5ea315a7 .elementor-image-box-img{margin-bottom:20px;}.elementor-section:not(.elementor-inner-section), .elementor-location-header, .elementor-location-footer, .page-header, .site-header, .elementor-add-section, .e-con:not(.e-child){scroll-snap-align:start;scroll-snap-stop:normal;}}/* Start custom CSS for shortcode, class: .elementor-element-1915a6d6 *//* ✅ Equal height product boxes + yellow outline */
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100% !important;
  min-height: 350px; /* ضرورت کے مطابق height */
  border: 2px solid #333333; /* Yellow border */
  border-radius: 6px;
  padding: 15px;
  box-sizing: border-box;
  background: #fff;
  transition: all 0.3s ease;
  margin-bottom: 25px; /* ✅ Rows کے درمیان gap */
}

/* ✅ Columns (left-right) کے درمیان gap balance */
.woocommerce ul.products {
  gap: 20px !important; /* ہر product کے درمیان تھوڑا سا space */
}

/* ✅ Hover effect */
.woocommerce ul.products li.product:hover {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  transform: translateY(-4px);
}

/* ✅ Product titles alignment fix */
.woocommerce ul.products li.product .woocommerce-loop-product__title {
  min-height: 48px;
  display: flex;
  align-items: center;
  text-align: center;
  justify-content: center;
  margin-bottom: 10px; /* Title اور price کے درمیان gap */
}

/* ✅ Product image spacing */
.woocommerce ul.products li.product img {
  width: 100%;
  height: auto;
  object-fit: contain;
  margin-bottom: 10px; /* Image اور title کے درمیان gap */
}

/* ✅ Mobile view (responsive adjustment) */
@media (max-width: 768px) {
  .woocommerce ul.products li.product {
    padding: 10px !important;
    min-height: 340px !important; /* باکس تھوڑا compact */
    margin-bottom: 20px !important; /* موبائل میں بھی row gap */
  }

  .woocommerce ul.products li.product img {
    margin-bottom: -50px !important; /* ⚙️ Image اور title کے درمیان spacing — آپ adjust کر سکتے ہیں */
  }

  .woocommerce ul.products li.product .woocommerce-loop-product__title {
    margin-bottom: 4px !important; /* Title اور price کے درمیان spacing */
    font-size: 14px !important;
    line-height: 1.3em !important;
  }

  .woocommerce ul.products li.product .price {
    font-size: 13px !important;
  }
}/* End custom CSS */
/* Start custom CSS */.scroll-container {
  display: flex;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  gap: 20px;
  padding: 10px;
  scroll-behavior: smooth;
  animation: autoScroll 15s linear infinite;
}

.scroll-container::-webkit-scrollbar {
  display: none;
}

.scroll-item {
  flex: 0 0 200px;
  scroll-snap-align: start;
  transition: transform 0.3s ease;
}

.scroll-item:hover {
  transform: scale(1.05);
}

@keyframes autoScroll {
  0% { scroll-behavior: smooth; scroll-left: 0; }
  100% { scroll-left: 100%; }
}/* End custom CSS */