/* ==================== Main ==================== */
.button-style {
  border-radius: 0;
}
/* ========== Notifications BG ========== */
.swal2-container .swal2-popup.swal2-toast.swal2-icon-success,
.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line],
.swal2-popup.swal2-toast .swal2-success .swal2-success-fix{
  background-color: var(--bg-color-navbar) !important;
}
.swal2-container .swal2-popup.swal2-toast.swal2-icon-error {
  background-color: var(--color-primary);
}
/* ========== Header ========== */
.topnav-link-item {
  font-size: 0.825rem;
  font-weight: 700;
}
.header-search {
  flex-grow: 0;
  flex-basis: 450px;
  margin-inline-start: auto;
}
.store-header .s-search-input {
  background-color: transparent;
  border: 1px solid !important;
}
.store-header .s-search-input::placeholder {
  color: transparent;
}
.store-header .s-search-input-wrapper svg {
  fill: var(--bg-color-navbar);
  width: 1.25rem;
  height: 1.25rem;
}
.s-cart-summary-count {
  background-color: var(--color-primary);
}
@media (max-width: 1024px) {
  .store-header .navbar-brand img {
    max-height: 1rem;
    margin-right: .5rem;
  }
}
@media (min-width: 1024px) {
  .store-header .navbar-brand img {
    max-width: 125px;
  }
  .flex:has(>.header-search) {
    gap: 2.5rem;
  }
}

/* ========== Animated Partners Bar ========== */
section:has(.partners-title) {
  padding: 2rem 0;
  display: block;
}
.partners-title {
  color: var(--color-primary);
}
section:has(.partners-title) li div {
  display: none;
}
section:has(.partners-title) a {
  width: 5rem;
  height: auto;
}
@media (min-width: 1024px) {
  section:has(.partners-title) .props,
  section:has(.partners-title) .props li {
    gap: 75px;
  }
  section:has(.partners-title) a {
    width: 13.5rem;
  }
}

/* ========== Products Cards ========== */
.s-product-card-entry *:not(.s-product-card-wishlist-btn) {
  border-radius: 0;
}
.s-product-card-entry,
.s-product-card-entry .s-product-card-wishlist-btn button {
  background-color: #fcf6f2 !important;
}
.s-product-card-entry > div,
.s-product-card-entry .s-product-card-wishlist-btn button {
  border: none;
}
.s-product-card-entry .s-product-card-wishlist-btn i {
  color: var(--color-primary) !important;
}
.s-product-card-entry h3 {
  color: var(--text-top-bar-color) !important;
  font-size: 1rem;
}
.s-product-card-entry h4 {
  color: var(--color-primary);
}
.s-product-card-entry .s-rating-stars-reviews {
  display: none;
}
.s-product-card-entry .s-button-element {
  background-color: transparent;
  border: 2px solid var(--text-top-bar-color);
  color: var(--color-primary);
}
.s-product-card-entry .s-button-element:hover {
  background-color: var(--color-primary);
  color: #fff;
}
/* ========== Footer ========== */
.store-footer__inner {
  padding-top: 2.5rem;
  border-bottom: 2px dashed #ccc;
}
.store-footer a:has(> h3) {
  position: relative;
  height: 48px;
  justify-content: center;
  align-items: start;
}
.store-footer a:has(> h3)::before {
  content: '';
  position: absolute;
  width: 155px;
  height: 30px;
  background-image: url('https://i.ibb.co/YpW1dFJ/Main-Logo-orange.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.store-footer a:has(> h3) h3 {
  display: none;
}
.store-footer .hs-accordion-toggle svg {
  color: #fff !important;
}
.store-footer div:has(> .store-settings-ertificate) {
  border-top: none;
  flex-wrap: wrap;
}
.store-footer div:has(+ .store-settings-ertificate) {
  position: relative;
  padding-right: 43px;
}
.store-footer div:has(+ .store-settings-ertificate)::before {
  content: '';
  position: absolute;
  width: 35px;
  height: 46px;
  right: 0;
  background-image: url('https://i.ibb.co/7WvmpxF/Vat-Icon.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.des-comp {
  gap: 8px;
}
.des-comp span {
  text-align: start;
  max-width: 124px;
}
.des-comp a {
  width: 46px;
  height: 44px;
  background-image: url('https://i.ibb.co/Nj61RTz/Procrows-Logo.png');
  background-size: contain;
  background-repeat: no-repeat;
  flex-shrink: 0;
}
.store-footer .store-settings-ertificate {
  display: none;
}
.copyright-text p {
  color: #fff;
}
@media (max-width: 768px) {
  .copyright-text p {
    margin-top: 0.625rem;
  }
}

/* ==================== Home Page ==================== */
/* ========== Animated Advertising Bar ========== */
.props,
.props li {
  gap: 70px;
}

a {
  
  -webkit-text-decoration: none;
  text-decoration: none;
  transition: color 0.2s;
}

.py-3 {
Padding-top: 5px;
padding-bottom: 5px;
}

/* ========== Fixed Products ========== */

@media (min-width: 1024px) {
    .fixed-products-with-image .s-products-list-vertical-cards {
        grid-template-columns: repeat(5, minmax(0, 1fr));
        gap: 1rem;
    }
}
.fixed-products-with-image {
  margin-top: 0;
  background-color: #fcf6f2;
}
.fixed-products-with-image > div:first-child {
  display: none !important;
}
.fixed-products-with-image > div:last-child {
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
}
.fixed-products-with-image .container > div:first-child {
  margin-bottom: 1.75rem;
}
.fixed-products-with-image .container > div:first-child h4 {
  color: var(--bg-color-navbar);
  margin-bottom: .5rem;
}
.fixed-products-with-image .container > div:first-child p {
  color: var(--bg-color-navbar);
  opacity: 1;
}
@media (min-width: 768px) {
  .fixed-products-with-image .container > div:first-child {
    align-items: center;
  }
}
@media (min-width: 1024px) {
  .fixed-products-with-image > div:last-child {
    margin-top: 4rem;
    margin-bottom: 4rem;
  }
}
/* ========== Fixed categories Photos ========== */
.s-block--banners .square-photos {
  height: 250px !important;
  border-radius: 0;
}
.s-block--banners .square-photos > div {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 500ms;
}
.s-block--banners .square-photos:hover > div {
  --tw-scale-x: 1.05;
  --tw-scale-y: 1.05;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.s-block--banners .square-photos h3 {
  opacity: 1;
  transform: none;
  align-items: start;
  justify-content: end;
  font-size: .925rem !important;
  line-height: 42px !important;
  border: none;
}
.s-block--banners .square-photos span {
  background-color: #1f1f1fe6;
  padding: .5rem 1rem;
  text-align: start;
  margin-bottom: 10px;
  min-width: 50%;
}
@media (min-width: 768px) {
  .s-block--banners .grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .s-block--banners .square-photos {
    height: 350px !important;
  }
  .s-block--banners .square-photos:first-child {
    grid-column: initial;
    grid-row: initial;
  }
}
/* ========== Tabs With Photo ========== */
.s-block:has(.container .relative + .absolute) {
  padding-top: 2rem;
}
.s-block:has(.container .relative + .absolute)  * {
  border-radius: 0;
}
.s-block:has(.container .relative + .absolute) button {
  background-color: #fff;
  width: fit-content;
  width: 100%;
}
.s-block:has(.container .relative + .absolute) button > div {
  display: block;
}
.s-block:has(.container .relative + .absolute) button span {
  color: var(--text-top-bar-color);
}
.s-block:has(.container .relative + .absolute) div:has(> img) {
  transform: none;
}
@media (max-width: 1024px) {
  .s-block:has(.container .relative + .absolute) div:has(> img) {
    height: 500px;
  }
}
@media (min-width: 1024px) {
  .s-block:has(.container .relative + .absolute) {
    direction: ltr;
    padding: 4rem 0;
    background: var(--bg-top-bar-color);
  }
  html[lang="en"] .s-block:has(.container .relative + .absolute) {
    direction: rtl;
  }
  .s-block:has(.container .relative + .absolute) h2,
  .s-block:has(.container .relative + .absolute) h2 + p {
    text-align: end;
  }
}
/* ========== Animated Products With Photo ========== */
.product-slider-sky {
  margin-top: 0;
}
.product-slider-sky * {
  border-radius: 0;
}
@media (max-width: 640px) {
  .product-slider-sky .nc-p-l-container {
    padding-inline-start: 10px;
  }
  .product-slider-sky .nc-p-l-container > div > div > div {
    padding-inline-start: 0;
    padding-inline-end: 10px;
  }
  .product-slider-sky div:has(> salla-products-slider) {
    padding-inline-start: 0 !important;
  }
  .product-slider-sky .s-products-slider-card {
    padding-inline-start: 0 !important;
    padding-inline-end: 10px !important;
  }
}
@media (min-width: 1024px) {
  .product-slider-sky .lg\:w-\[40vw\] {
    width: 48vw;
  }
  .product-slider-sky .lg\:col-span-3 {
    grid-column: span 4 / span 4;
  }
  .product-slider-sky .lg\:col-span-9 {
    grid-column: span 8 / span 8;
  }
}

/* ========== FAQs Section ========== */
.s-block:has(.hs-accordion-group) {
  margin-top: 0;
  background-color: #fcc59f;
}
.s-block:has(.hs-accordion-group) h4,
.s-block:has(.hs-accordion-group) h4 + p {
  color: var(--text-top-bar-color);
}
.s-block:has(.hs-accordion-group) h4 + p {
  font-weight: bold;
  opacity: 1;
  margin-top: .25rem;
}
.s-block .hs-accordion {
  background-color: #fff !important;
  border-radius: 0;
}
.s-block .hs-accordion:not(:last-child) {
  margin-bottom: 1rem
}
.s-block .hs-accordion-toggle, 
.s-block .hs-accordion-toggle .group-hover\:text-gray-500,
.s-block .hs-accordion p {
  color: var(--text-top-bar-color) !important;
}
.s-block .hs-accordion.active .group-hover\:text-gray-500 {
  color: var(--color-primary) !important;
}
/* ========== Testimonials Section ========== */
.s-block.s-block--testimonials {
  margin-top: 0;
}
.s-block.s-block--testimonials .swiper-slide {
  border-radius: 0;
  height: auto;
}
.s-block.s-block--testimonials div:has(> salla-rating-stars) {
  background-color: var(--text-top-bar-color);
  border-radius: 0;
}
.s-block.s-block--testimonials salla-rating-stars svg {
  fill: var(--color-primary)
}
.s-block.s-block--testimonials img {
  display: none;
}
.s-block.s-block--testimonials h4 {
  color: var(--color-primary)
}
/* ========== Instagram Grid Photos ========== */
.s-block:last-of-type > .container {
  padding: 0;
  max-width: 100%;
}
.s-block:last-of-type h2 {
  color: var(--text-top-bar-color);
}
.s-block:last-of-type p {
  display: none;
}
.s-block:last-of-type .grid {
  grid-template-columns: repeat(2, 1fr);
  gap: 0;
}
.s-block:last-of-type .grid > div {
  grid-column: initial;
}
.s-block:last-of-type .rounded {
  border-radius: 0;
}
@media (max-width: 640px) {
  .s-block:last-of-type .h-\[320px\] {
    height: 250px
  }
}
@media (min-width: 640px) {
  .s-block:last-of-type {
    margin-top: 3rem;
  }
  .s-block:last-of-type h2 {
    font-size: 2rem;
    margin-bottom: 1rem;
  }
}
@media (min-width: 1024px) {
  .s-block:last-of-type .grid {
    grid-template-columns: repeat(4, 1fr);
  }
}