/* Add custom CSS styles below */ 
section:first-of-type {
    margin-top: 0px;
}
body#app {
    background: #0b0b0b;
}
body:not(:has(.fixed-header)) .main-nav-container.bg_main_nav #mobile-menu .main-menu.mm-spn--open {
    border:none !important;
}

body:not(:has(.main_slider_section)) .main-nav-container.bg_main_nav .main-menu li.root-level > a {
    color: #fff;
}
a.banner-entry.square-photos {
    background: #0b0b0b;
}
body:not(:has(.main_slider_section)) .main-nav-container.shadow-default.bg-white.bg_main_nav .header-btn__icon {
    color: #ffffff !important;
}

body:not(:has(.main_slider_section)) .main-nav-container.bg_main_nav .header-btn__icon {
    border-color: #ffffff !important;
}
li.s-breadcrumb-item {
    color: #fff;
}
.s-product-card-content {
    background: #000 !important;
    color: #fff !important;
}

.s-product-card-content-title a {
    color: #fff;
}
.s-product-card-image {
    background-color: #000;
}
.s-breadcrumb-arrow svg {
    fill: #fff;
}
body:not(:has(.main_slider_section)) .main-nav-container.bg_main_nav .sicon-shopping-bag:before {
   
    color: #ffffff;
}
.price_after_before{
      background: hsl(20.73deg 77.46% 13.92%);
}
.banner--fixed img {
    background: #0b0b0b;
}
section.s-block.s-block--fixed-banner .container {
    max-width: 100%;
    padding: 0px;
}
.s-block__title {
    justify-content: center;
    color: #3f1f05;
}
.s-block__title h2{
  font-size: 25px;
}
.s-slider-block__title-right {
    background: #3f1f05;
    color: #fff;
    padding: 4px 12px;
}
div#mainnav {
    background: #090502 !important;
}
footer > *{
  color: #fff !important;
}
.s-product-card-entry {
    border: 1px solid #574333b8;
    box-shadow: rgb(108 83 63 / 40%) 1.95px 1.95px 2.6px;
    border-width: 1px 2px 1px 1px;
  background-color: #000;
}
.banner-entry {
    position: relative;
    height: 327px;
}
.s-product-card-entry {
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
 border-radius: 10px;
}
h1.name-pro {
    color: #fff;
}

.article_div.div_content .article--main{ color: #fff;}

.flex.whitespace-nowrap.gap-4.items-center.price_after_before {
    color: #fff;
}
@media (max-width:992px){
  .grid.one-row.md\:grid-cols-3.grid-flow-row.gap-3.sm\:gap-8 {
    grid-template-columns: repeat(3, minmax(0px, 1fr));
}
}
/****************/
.marquee-container {
    width: 100%;
    overflow: hidden;
    background: #000;
    color: #c9a84c;
    padding: 20px 0;
    position: relative;
    z-index: 9999;
  color: #f0e6d3;
    font-size: 17px;
    font-weight: 600;
    letter-spacing: 0.5px;
  background: linear-gradient(135deg, #0f0f0f 0%, #1a1209 30%, #0d0d0d 60%, #1a1209 100%);
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
}

.marquee-track {
    display: flex;
    width: max-content;
    animation: scroll-marquee 25s linear infinite;
}

.marquee-content {
    display: flex;
}

.marquee-item {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 0 30px;
    white-space: nowrap;
}

.item-icon svg {
    width: 20px;
    height: 20px;
    fill: #c9a84c;
  filter: drop-shadow(0 0 8px rgba(201, 168, 76, 0.3));
}

.item-separator {
    width: 8px;
    height: 8px;
    background: #c9a84c;
    border-radius: 50%;
    flex-shrink: 0;
    box-shadow: 0 0 10px rgba(201, 168, 76, 0.5);
}
.gold-line-bottom {
    width: 100%;
    height: 3px;
    background: linear-gradient(90deg, #1a1a1a 0%, #c9a84c 20%, #f0d78c 50%, #c9a84c 80%, #1a1a1a 100%);
    position: relative;
}
.gold-line-bottom::after {
    content: '';
    position: absolute;
    top: 0;
    right: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, 0.4) 50%, transparent 100%);
    animation: shine 3s infinite reverse;
}
/* ===== الشريط الثاني ===== */
.ticker-bar {
    background: #111;
    color: #888;
    overflow: hidden;
    padding: 10px 0;
      border-top: 1px solid rgba(201, 168, 76, 0.15);
    border-bottom: 1px solid rgba(201, 168, 76, 0.15);
}

.ticker-track {
    display: flex;
  color: #888;
    width: max-content;
    animation: tickerMove 35s linear infinite;
}

.ticker-content {
    display: flex;
}

.ticker-item {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 0 25px;
    white-space: nowrap;
}

.ticker-icon svg {
    width: 18px;
    height: 18px;
  
  stroke: #c9a84c;
}

.ticker-dot {
    width: 6px;
    height: 6px;
    background: #888;
    border-radius: 50%;
    margin-left: 10px;
}


@keyframes scroll-marquee {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-50%);
    }
}
@keyframes tickerMove {
    0% { transform: translateX(-50%); }
    100% { transform: translateX(0); }
}


/* ===== Hover Pause ===== */
.marquee-container:hover .marquee-track,
.ticker-bar:hover .ticker-track {
    animation-play-state: paused;
}