/* jzoor font */
@font-face {
  font-family: "Jozoor";
  src: url("https://raw.githubusercontent.com/hagaraboeldahb/font/main/Jozoor%20Font%20(1).otf")format("opentype");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}
:root {
  --font-primary: "Jozoor", "Segoe UI", Tahoma, sans-serif;
  --font-main: var(--font-primary); /* many Salla themes read this variable */
}
html,
body,
button,
input,
select,
textarea,
h1, h2, h3, h4, h5, h6,
p, a, span, li, label,
.product-card__title,
.product-card__subtitle,
.special-products-slider__title,
.special-products-slider__button,
salla-button,
salla-slider,
salla-products-slider {
  font-family: var(--font-primary) !important;
}
/*nav bar  */
.main-nav-container .inner , div#mainnav{
    color: #fff ;
    /* background-color: #5C1E1F !important; */
}
.topnav-is-dark .top-navbar{
  background-color: #5C1E1F !important;
}
/* main menu */
.main-menu-row{
  background-color: rgba(0, 0, 0, 0.26) !important;
}
.main-menu li>a:hover{
  color: white !important;
}
/* marquee */
.s-block--bundle-marquee {
  display: none !important;
}
.tm-marquee {
  background: #5c1b1a;
  color: #fff;
  overflow: hidden;
  direction: rtl;
  position: relative;
  width: 100%;
}
.tm-marquee__track {
  display: flex;
  width: max-content;
  animation: tm-marquee-scroll 30s linear infinite;
  will-change: transform;
}
.tm-marquee__group {
  display: flex;
  flex-shrink: 0;
}
.tm-marquee__item {
  padding: 7px 14px;
  font-size: 12px;
  line-height: 1.4;
  font-weight: 500;
  white-space: nowrap;
  color: inherit;
}
.tm-marquee:hover .tm-marquee__track {
  animation-play-state: paused;
}
@keyframes tm-marquee-scroll {
  from { transform: translateX(0); }
  to   { transform: translateX(50%); }
}

@media (prefers-reduced-motion: reduce) {
  .tm-marquee__track { animation: none; }
}

/* products */
.s-slider-block__title-left{
  display: none;
}
.s-slider-block__title{
      justify-content: center !important;
}
.products-skeleton-holder .s-slider-block__title-right, .s-block--best-offers .s-slider-block__title-right, salla-products-slider .s-slider-block__title-right{
  border: none
}
/* Target fixed banners but exclude the hero/dynamic banner */
section.s-block--fixed-banner:not(.s-block--dynamic-banner) .container , section.s-block--custom-products.container.s-block ,section.s-block.s-block--images-grid  .container{
    max-width: 1700px !important; /* Increased from 1440px to be 'wide' */
    width: 95% !important;        /* Ensures it doesn't hit edges on smaller screens */
    margin-left: auto !important;
    margin-right: auto !important;
}

/* Ensure the images within these containers scale to the new width */
section.s-block--fixed-banner:not(.s-block--dynamic-banner) .container img {
    width: 100% !important;
    height: auto !important;
}
/*faq  */
/* The grid items (cards) */
.s-block--enhanced-features__item {
    background-color: #ffffff !important;
    border-radius: 1.5rem !important; /* Rounded corners */
    padding: 2.5rem 1.5rem !important;
    box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.05), 0 8px 10px -6px rgba(0, 0, 0, 0.05) !important;
    border: none !important;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.s-block--enhanced-features__item:hover {
    transform: translateY(-5px);
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1) !important;
}
/* Ensure content is centered */
.s-block--enhanced-features__item .feature-icon {
    margin-bottom: 1.5rem;
    justify-content: center;
}
.s-block--enhanced-features__item h2 {
    font-size: 1.25rem;
    font-weight: 800;
    margin-bottom: 0.75rem;
    color: #1a1a1a;
}
.s-block--enhanced-features__item p {
    font-size: 0.95rem;
    line-height: 1.6;
    color: #666;
}
/* Remove the absolute border-hover elements if present */
.s-block--enhanced-features__item .absolute {
    display: none !important;
}
/* faq */
.border-store-text-secondary{
  border:none;
}
/* footer  */
.footer-is-custom .store-footer .store-footer__curve{
      display: none;
}
.footer-is-custom .store-footer{
  margin-top: 0;
}
/* vedios */
/* Container styles to take full width of banners */
.videos-grid.grid-mode.aspect-vertical {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr) !important;
  width: 100% !important;
  max-width: 90% !important;
  gap: 16px !important;
  padding: 0 16px !important;
  box-sizing: border-box !important;
  justify-content: stretch !important;
  height: 500px;
  margin: auto;
}
/* shape after h2 */
/* hide the old border lines */
.home-block-title .home-block-line,
.videos-gallery__title-wrap .home-block-line {
  display: none !important;
}

/* divider */
.title-divider  {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin: 12px auto 8px;
}

.title-divider__line {
  display: block;
  width: 56px;
  height: 1px;
  background-color:#5C1E1F;
}

.title-divider__dot {
  display: block;
  width: 8px;
  height: 8px;
  border: 1px solid #5C1E1F;
  border-radius: 50%;
  background: transparent;
}
/*slider of products  */
/* media box: text sits at the top of the image */
.s-block--special-products-slider .special-slider__media {
  color: #1f1a1a !important;
  background-color: transparent !important;
}

/* soft light fade behind the text so it stays readable on any image */
.s-block--special-products-slider .special-slider__media::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0.55) 0%, rgba(255, 255, 255, 0) 55%);
  pointer-events: none;
}

.s-block--special-products-slider .special-slider__content {
  justify-content: flex-start !important;
  padding: 28px 16px 0 !important;
  gap: 10px;
  text-align: center;
  z-index: 2;
}

/* title */
.s-block--special-products-slider .special-products-slider__title {
  color: #1f1a1a !important;
  font-size: 26px !important;
  font-weight: 800 !important;
  line-height: 1.3 !important;
  margin: 0 !important;
}

/* description */
.s-block--special-products-slider .special-slider__content .description {
  color: #5b5350 !important;
  font-size: 15px !important;
  line-height: 1.7 !important;
  max-width: 300px !important;
  margin: 0 auto !important;
}

/* outlined pill button */
.s-block--special-products-slider .special-products-slider__button {
  background: transparent !important;
  border: 1px solid #5c1b1a !important;
  border-radius: 999px !important;
  padding: 8px 36px !important;
  transition: background-color 0.25s ease, color 0.25s ease;
  cursor: pointer;
}
a.special-products-slider__button.outlined{
  margin-top: 0 !important;
}
a.special-products-slider__button.outlined:hover {
  background-color: transparent !important;
  color:#5C1E1F !important;
  border-color: #5c1e1f !important; /* Matches the original border color */
  cursor: default; /* Optional: changes cursor to indicate it's not interactive in the same way */
}

a.special-products-slider__button.outlined:hover::before {
  display: none !important;
  opacity: 0 !important;
  transform: none !important;
}
.s-block--special-products-slider .special-products-slider__button span {
  color: #1f1a1a !important;
  font-size: 14px;
  font-weight: 500;
  transition: color 0.25s ease;
}
/* last banner  */
section.s-block.s-block--fixed-banner:last-of-type .container{
    max-width: 100% !important;
    width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}