/*section.animated-text.topbannerfixed *{
     animation-duration: 30s !important; 
}*/
.header-btn__icon{
    background: #F3F2F2;
    border-radius: 50%;
}
.shop-by-type .swiper-slide a > div.overflow-hidden , 
.manufuresec .swiper-slide a > div.overflow-hidden
{
  overflow: visible !important;
}
.enhanced-title-border,
.product-card__buttons
{
  display: none !important;
}
 
 custom-salla-product-card .product-card__image img{
   border-radius: 18px !important;
   object-fit: fill !important;
 }
salla-button .s-button-btn{
  border-radius: 35px;
  height: 40px;
}
salla-button .s-button-btn i {
  display: none !important;
}
.single-faq{
  background-color: #fafafa;
    border: 1px solid #9ca3af;
}
.single-faq .faq-btn p {
    font-size: 20px;
    font-weight: 600;
} 
.single-faq .faq-content p {
    font-size: 18px;
    line-height: 25px;
}
.product-card__title a{
  color: #172b85 !important;
}
.home-block-title h2 ,
.s-block--best-offers > div h2
{
      font-size: 34px;
    color: #172b85;
}

.product-single .product-single__main-media .gallery-cursor{
  height: 50px !important;
}
 #magnify-image .img-magnifier-glass{
    height: 300px !important;
 }







/* =========================
   GLOBAL: Announcement / header layering
   ========================= */
:root { --ann-h: 56px; }

section.animated-text,
section[class*="animated-text"],
.s-announcement-bar,
.announcement-bar,
#announcement-bar,
section.s-block--animated-text{
  z-index: 999999 !important;
}

/* If header is sticky/fixed, keep it under the bar */
#app header, header{
  top: var(--ann-h) !important;
}

@media (max-width: 750px){
  :root { --ann-h: 64px; }
}


/* =========================
   Slow down announcement bar animation
   ========================= */
section.animated-text *,
section[class*="animated-text"] *,
.s-announcement-bar *,
.announcement-bar *,
#announcement-bar *,
section.s-block--animated-text *{
  animation-duration: 18s !important; /* increase = slower (18–30s) */
  animation-timing-function: linear !important;
}

section.animated-text .swiper-wrapper,
section[class*="animated-text"] .swiper-wrapper{
  animation-duration: 18s !important;
}


/* =========================
   PRODUCT CARD: smaller outer frame
   (NO changes to heart/eye buttons)
   ========================= */
.s-product-card,
.product-card,
.s-products-list-wrapper .product-card,
.s-products-list-wrapper .s-product-card {
  background: #eff0f3 !important;
  border-radius: 22px !important;
  padding: 12px !important;
  box-shadow: none !important;
  border: 0 !important;

  position: relative !important;

  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
  min-height: 1px !important;
}

/* Make slider/grid items stretch so cards become equal height */
.swiper-slide,
.s-products-list-wrapper .swiper-slide,
.s-products-slider-wrapper .swiper-slide{
  height: auto !important;
}
.swiper-slide > *,
.s-products-list-wrapper .swiper-slide > *{
  height: 100% !important;
}


/* =========================
   IMAGE FRAME: increase image size WITHOUT overlapping ATC
   ========================= */
.s-product-card__image,
.product-card__image,
.s-product-card__image-wrapper,
.product-card__image-wrapper {
  background: #eef0f3 !important;
  border-radius: 18px !important;
  padding: 6px !important;

  overflow: hidden !important;
  position: relative !important;

  aspect-ratio: 4 / 5 !important;
  width: 100% !important;
}

.s-product-card__image img,
.product-card__image img,
.s-product-card__image-wrapper img,
.product-card__image-wrapper img{
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  display: block !important;
}


/* =========================
   CONTENT: tighten bottom area under price
   ========================= */
.s-product-card__content,
.product-card__content{
  flex: 1 1 auto !important;
  min-height: 1px !important;
  padding: 6px 4px 0 !important;

  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
}

.s-product-card__content *{
  margin-bottom: 6px !important;
}
.s-product-card__content *:last-child{
  margin-bottom: 0 !important;
}

/* Title clamp */
.s-product-card__title,
.product-card__title,
.s-product-card__name,
.product-card__name{
  line-height: 1.25 !important;
  margin: 8px 0 6px !important;

  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
  overflow: hidden !important;

  min-height: calc(1.25em * 2) !important;
}

/* Subtitle clamp */
.s-product-card__subtitle,
.product-card__subtitle,
.s-product-card__summary,
.product-card__summary{
  line-height: 1.25 !important;

  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
  overflow: hidden !important;

  min-height: calc(1.25em * 2) !important;
}


/* =========================
   PRICE: keep it centered + consistent position
   ========================= */
.s-product-card__prices,
.product-card__prices,
.s-product-card__price,
.product-card__price{
  margin-top: auto !important;
  width: 100% !important;
  text-align: center !important;
}

/* Our JS adds .price-row; style it */
.price-row{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

.price-row del{
  opacity: .7 !important;
}

.price-row ins{
  color: #e11d48 !important;
  text-decoration: none !important;
}


/* =========================
   ADD TO CART: blue, normal flow
   IMPORTANT: ONLY target add-to-cart button
   ========================= */
.s-product-card__footer,
.product-card__footer,
.s-product-card__add-to-cart,
.product-card__add-to-cart,
.s-product-card [class*="add-to-cart"],
.product-card [class*="add-to-cart"]{
  margin-top: 10px !important;
  width: 100% !important;
  position: static !important;
  inset: auto !important;
  transform: none !important;
  background: transparent !important;
  box-shadow: none !important;
  padding: 0 !important;
}

.s-product-card__footer .s-button,
.product-card__footer .s-button,
.s-product-card__add-to-cart .s-button,
.product-card__add-to-cart .s-button,
.s-product-card [class*="add-to-cart"] .s-button,
.product-card [class*="add-to-cart"] .s-button{
  width: 100% !important;
  padding: 12px 16px !important;
  border-radius: 999px !important;

  font-weight: 900 !important;
  font-size: 18px !important;

  background: #163a9c !important;
  border: 2px solid #163a9c !important;
  color: #fff !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  margin: 0 !important;
}

.s-product-card__footer .s-button:hover,
.product-card__footer .s-button:hover,
.s-product-card__add-to-cart .s-button:hover,
.product-card__add-to-cart .s-button:hover{
  filter: brightness(0.95);
}


/* =========================================
   HERO FULL WIDTH (hard override)
   ========================================= */
.hero-fullwidth{
  width: 100vw !important;
  max-width: 100vw !important;
  position: relative !important;
  left: 50% !important;
  right: auto !important;
  transform: translateX(-50%) !important;
  margin: 0 !important;
  padding: 0 !important;
}

.hero-fullwidth .swiper,
.hero-fullwidth .swiper-wrapper,
.hero-fullwidth .swiper-slide{
  width: 100% !important;
}

.hero-fullwidth img{
  width: 100% !important;
  height: auto !important;
  display: block !important;
}

.hero-fullwidth [style*="background"],
.hero-fullwidth .bg-cover,
.hero-fullwidth .bg-center{
  background-size: cover !important;
  background-position: center !important;
}

.hero-fw-parent-fix{
  max-width: none !important;
  width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}


/* =========================
   Desktop: Enlarge "Shop by type / category" block only
   (use your custom class: shop-by-type)
   ========================= */
@media (min-width: 992px){

  /* Make the whole section bigger */
  .shop-by-type{
    transform: scale(1.35) !important;
    transform-origin: center top !important;
    padding-bottom: 90px !important;
    overflow: visible !important;
  }

  /* Keep ONLY the section title normal size */
  .shop-by-type :is(h1,h2,h3).s-block__title,
  .shop-by-type :is(h1,h2,h3).section-title,
  .shop-by-type :is(h1,h2,h3).block-title,
  .shop-by-type :is(h1,h2,h3):first-of-type{
    transform: scale(0.7407) !important; /* 1/1.35 */
    transform-origin: center top !important;
  }

  /* Prevent slider clipping */
  .shop-by-type .swiper,
  .shop-by-type .swiper-wrapper,
  .shop-by-type .swiper-slide{
    overflow: visible !important;
  }

  .shop-by-type .swiper-slide{
    height: auto !important;
    min-height: 240px !important;
  }
}


/* =========================================================
   GLOBAL: Home page item labels (categories / brands) = ONE LINE
   Apply everywhere you reuse these blocks
   (does NOT affect product titles)
   ========================================================= */

/* Make category/brand labels single-line with ellipsis if needed */
#app :is(
  .s-category-card__title,
  .s-category-card__name,
  .category-title,
  .category-name,
  .s-brand-card__title,
  .s-brand-card__name
){
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  max-width: none !important;
  line-height: 1.2 !important;
  text-align: center !important;
}

/* Keep cards centered */
#app :is(.s-category-card, .s-brand-card, .swiper-slide){
  text-align: center !important;
}

/* =========================
   FAQ BLUE (safe final)
   ========================= */
.faq-blue{
  --brand-blue: rgba(23, 43, 133, 1);
}

/* Force FAQ text blue */
.faq-blue :is(
  h1,h2,h3,h4,h5,h6,
  p,span,small,strong,em,
  a,button,
  .s-accordion__title,.accordion-title,
  .s-accordion__content,.accordion-content
){
  color: var(--brand-blue) !important;
}

/* Icon circle stays blue */
.faq-blue :is(.s-accordion__icon, .accordion-icon){
  background: var(--brand-blue) !important;
  border-radius: 999px !important;
}

/* Arrow/chevron white (covers SVG + font icon + pseudo elements) */
.faq-blue :is(.s-accordion__icon, .accordion-icon),
.faq-blue :is(.s-accordion__icon, .accordion-icon) *{
  color: #fff !important;
}

.faq-blue :is(.s-accordion__icon, .accordion-icon) svg,
.faq-blue :is(.s-accordion__icon, .accordion-icon) svg *{
  stroke: #fff !important;
  fill: #fff !important;
}

.faq-blue :is(.s-accordion__icon, .accordion-icon)::before,
.faq-blue :is(.s-accordion__icon, .accordion-icon)::after{
  color: #fff !important;
  border-color: #fff !important;
  background-color: #fff !important;
}

/* Center ALL product sliders on home page (keeps swipe working) */
#app .s-products-slider-wrapper :is(.swiper, .swiper-container){
  max-width: 1320px !important;   /* adjust: 1200–1400 */
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 24px !important;
  padding-right: 24px !important;
}





@media (max-width: 991px) {
  .product-card__promotion{
      top: 5px !important;
        right: 0;
        transform: unset;
        width: auto;
        font-size: 10px;
        padding: 6px;
        left: unset;
        margin-inline-start: 10px;
        border-radius: 15px 5px;
  }
  .product-card__normal-cart {
    display: block;
}
.product-card__addToCart.mobile ,
  .product-card__actions
{
   display: none;
}

.product-card--fit-height .product-card__image {
     
 }
  .home-block-title h2, .s-block--best-offers > div h2 {
    font-size: 28px;
    
}
}