/* ==========================================================================
   Gold Price Bar (MFGP) - Minimalist Black & White Edition
   Professional institutional financial ticker styling
   ========================================================================== */

:root {
  --mfgp-bg: #000000;
  --mfgp-text: #ffffff;
  --mfgp-text-muted: rgba(255, 255, 255, 0.65);
  --mfgp-font:
    system-ui, -apple-system, 'Segoe UI', Roboto, 'Noto Sans Arabic', 'Cairo',
    sans-serif;
  --mfgp-up: #10b981;
  --mfgp-down: #ef4444;
  --mfgp-height: 40px;
}

/* ── Top Bar Container (Zero borders, seamless full-width) ── */
.mfgp-top-bar {
  width: 100%;
  background-color: var(--mfgp-bg);
  color: var(--mfgp-text);
  font-family: var(--mfgp-font);
  direction: rtl;
  position: relative;
  z-index: 999;
  border: none !important;
  box-shadow: none !important;
  overflow-x: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
  -webkit-font-smoothing: antialiased;
}

.mfgp-top-bar::-webkit-scrollbar {
  display: none;
}

/* ── Track / Flex Row ── */
.mfgp-track {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: var(--mfgp-height);
  padding: 0 16px;
  gap: 32px;
  max-width: 1200px;
  margin: 0 auto;
}

/* ── Individual Karat Item (No borders, pure institutional typography) ── */
.mfgp-card {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 4px 0;
  white-space: nowrap;
  line-height: 1;
}

/* ── Karat Label ── */
.mfgp-name {
  color: var(--mfgp-text-muted);
  font-size: 12.5px;
  font-weight: 500;
  letter-spacing: -0.01em;
}

/* ── Price & Currency Group ── */
.mfgp-price-currency {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  color: var(--mfgp-text);
  font-size: 13.5px;
  font-weight: 700;
}

.mfgp-price {
  font-variant-numeric: tabular-nums;
  letter-spacing: 0.02em;
  transition: color 0.3s ease;
}

.mfgp-currency {
  font-size: 11px;
  font-weight: 400;
  color: var(--mfgp-text-muted);
  display: inline-flex;
  align-items: center;
}

.mfgp-currency i,
.mfgp-currency svg {
  font-size: 11px;
  line-height: 1;
}

/* ── Professional Financial Trend Indicator ── */
.mfgp-dynamic-arrow {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 14px;
  height: 14px;
  flex-shrink: 0;
  line-height: 1;
  transition:
    transform 0.2s ease,
    opacity 0.2s ease;
}

.mfgp-dynamic-arrow svg {
  width: 100%;
  height: 100%;
  display: block;
}

/* ── Price Change Pulse Animation ── */
@keyframes mfgp-pulse-up {
  0% {
    color: var(--mfgp-text);
  }
  35% {
    color: var(--mfgp-up);
  }
  100% {
    color: var(--mfgp-text);
  }
}

@keyframes mfgp-pulse-down {
  0% {
    color: var(--mfgp-text);
  }
  35% {
    color: var(--mfgp-down);
  }
  100% {
    color: var(--mfgp-text);
  }
}

.mfgp-card.flash-up .mfgp-price {
  animation: mfgp-pulse-up 1.2s ease-out;
}

.mfgp-card.flash-down .mfgp-price {
  animation: mfgp-pulse-down 1.2s ease-out;
}

/* ── Mobile Layout ── */
@media (max-width: 640px) {
  .mfgp-track {
    justify-content: flex-start;
    gap: 20px;
    padding: 0 12px;
  }

  .mfgp-card {
    gap: 6px;
  }

  .mfgp-name {
    font-size: 11.5px;
  }

  .mfgp-price-currency {
    font-size: 12.5px;
  }

  .mfgp-dynamic-arrow {
    width: 12px;
    height: 12px;
  }
}

/* ── Accessibility ── */
@media (prefers-reduced-motion: reduce) {
  .mfgp-card.flash-up .mfgp-price,
  .mfgp-card.flash-down .mfgp-price,
  .mfgp-dynamic-arrow {
    animation: none !important;
    transition: none !important;
  }
}


/* ── Accessibility ── */
@media (prefers-reduced-motion: reduce) {
  .mfgp-card.flash-up .mfgp-price,
  .mfgp-card.flash-down .mfgp-price,
  .mfgp-dynamic-arrow {
    animation: none !important;
    transition: none !important;
  }
}



.home-block-line {display: none}
.home-block-title h2 {font-size: 1.6rem !important; text-align: center}

@media (max-width:768px){
.home-block-title h2 {font-size: 1.3rem}
}

/* ====== HEADER ====== */
.main-menu li.root-level>a {font-size: .95rem; font-weight: 400}
.s-advertisement-content {padding-bottom: 4px !important; padding-top: 4px !important}
.s-advertisement-content-main {font-size: .85rem !important; font-weight: 400}
.s-advertisement-content-main i {display: none}
.store-header .sicon-cart:before {content: "\ef36";}
.s-cart-summary-count {background-color: transparent; color: #000}
.main-nav-container {height: auto !important}

@media (min-width:1024px){
.main-menu {padding-top: 15px !important; padding-bottom: 3px !important}
.logo-normal {height: 60px !important}
}

@media (max-width:768px){
.main-nav-container {min-height: unset; padding: 6px 0 8px;}
}

/* ====== MAIN SLIDER ====== */
.advanced-slider__caption .container {display: flex;flex-direction: column;justify-content: end;height: 90%;}
.main-slider .advanced-slider__caption__inner__content {display: flex; flex-direction: column; align-items: center; gap: 4px}
.main-slider .advanced-slider__caption__inner__content p {order: 1;font-size: .8rem;text-transform: uppercase;letter-spacing: 3px;opacity: .8; color: #fff !important}
.main-slider .advanced-slider__caption__inner__content h2 {order: 2; margin: 0; font-size: 2rem; font-weight: 500; color: #fff !important}
.main-slider .advanced-slider__caption__inner__content a {order: 3; padding: 7px 45px; background-color: #ffffff !important; margin-top: 1.5rem}
.main-slider .advanced-slider__caption__inner__content a span {color: #000 !important}

@media (max-width:768px){
.main-slider .advanced-slider__caption__inner__content {gap: 2px}
.main-slider .advanced-slider__caption__inner__content h2 {font-size: 1.5rem}
.advanced-slider__caption .container {height: 90%}
}

/* ====== PRODUCTS ====== */
.custom-products__line {display: none}
body.slider-scrollbar .s-products-slider-slider .swiper-scrollbar, body.slider-scrollbar .s-scrollbar-slider .swiper-scrollbar {width: 75% !important; height: 1.5px; left:0; right: 0; margin: auto}
.custom-products__title {font-weight: 500; text-align: start}
.product-card__price .total-price {color: #d3a464 !important;}
.product-card__addToCart, .product-card__buttons {display: none}
.custom-products__subtitle {opacity: .6;font-size: 1rem;margin-top: 4px;}

@media (min-width: 640px) {
.s-products-slider-card {max-width: 262px;width: }
.fit-slider-products .s-slider-swiper-wrapper .swiper-slide {padding-left: 4px !important; padding-right: 4px !important}
}

@media (min-width:991px){
.swiper-slide .product-card--vertical:not(.product-card--fit-height) .product-card__image {height: 15rem !important}
.product-card__price .total-price {font-size: 1rem !important}
}

@media (max-width: 991px) {
.simplified-products .s-products-slider-card, salla-offer .s-products-slider-card {width: 190px;}
.product-card__mini-cart {display: none !important}
.custom-products__title {font-size: 1.2rem}
.product-card__title a {font-size: .85rem !important; font-weight: 500}
}

/* ====== CATEGORIES ====== */
.cats h2 {font-size: 1.6rem !important;font-weight: 500;font-style: italic;max-width: 12rem;line-height: 1.9;margin: auto;}
.cats img {aspect-ratio: 14/14; filter: brightness(0.9)}
.cats .s-scrollbar-slider .swiper-scrollbar {display: none !important}
.cats a {position: relative; display: flex; flex-direction: column}
.cats a h3 {position: absolute;bottom: 5rem;text-align: center;right: 0;left: 0;font-size: 1.3rem;font-weight: 500; color: #fff}
.cats a p {position: absolute;bottom: 1.7rem;text-align: center;left: 0;right: 0;background: #ffffff;width: fit-content;margin: auto;padding: 6px 25px;color: #000;}

@media (min-width: 1024px) {
salla-slider .slide--one-fourth {width: 25%;max-width: 500px !important;padding:6px !important;}
}

@media (max-width:768px){
.cats {margin-top: 3rem}
.cats .s-slider-container {padding: 0}
.cats salla-slider .slide--one-fourth {max-width: 80%}
}

/* ====== FEATURED PRODUCTS ====== */
.s-block.featured-products {margin-top: 6rem !important; margin-bottom: 4rem !important}
/* .featured-products > .w-full.flex .advanced-slider__caption__inner__content__button {display: none} */
.featured-products .s-slider-block__title-nav {display: none}
.advanced-slider__caption__inner__content__button:hover {background-color: #ffffff20 !important}

@media (min-width:1024px){
.featured-products > .w-full.flex {max-width: 95%; margin: auto}
.featured-products .bg-cover.bg-no-repeat {width: 50%; max-height: unset !important}
.featured-products .bg-cover.bg-no-repeat img, .featured-products video {max-height: unset !important}
.featured-products .slider-wrap {width: 50%; padding: 0}
.featured-products .slider-wrap .s-products-slider-wrapper {padding: 0 !important}
.featured-products .swiper.s-slider-container {padding: 0}
.featured-products .swiper.s-slider-container .s-slider-swiper-wrapper {transform: unset !important;transition: unset;display: grid;grid-template-columns: repeat(2, 1fr);gap: 1.2rem 0.6rem}
.featured-products .product-card__image{max-height: 17rem}
.featured-products .s-products-slider-card {width: 100%}
.featured-products .swiper .swiper-notification {display: none}
}

@media (max-width:768px){
.featured-products .flex.bg-cover.bg-no-repeat, .featured-products .flex.bg-cover.bg-no-repeat img, .featured-products video {min-height: 450px !important}
.featured-products h2 {margin-bottom: .5rem;}
.s-block--special-products-slider .s-products-slider-card {max-width: 250px !important}
.featured-products .slider-wrap.relative {padding-bottom: 0}
}

/* ====== TABS ====== */
.s-block--product-tabs .btn-tab-primary span {font-size: .9rem}

/* ====== MAP ====== */
.s-block--map {margin-top: 2rem !important}
.s-block--map .mx-auto.max-w-7xl {padding: 0}
.s-block--map .s-block--map__element {border: 0;box-shadow: none;border-radius: 0; max-height: 450px !important}
.s-block--map .absolute.bottom-0.bg-gradient-to-t.from-storeBG.mx-auto {display: none}
.s-block--store-branches .map-container {border-radius: 0 !important; box-shadow: unset !important}
.store-branches__title {font-size: 1.6rem; font-weight: 500}

@media (min-width:1024px){
.s-block--store-branches .store-branches-single-country {display: flex;gap: 1rem;}
.s-block--store-branches .btn-tabs-container {flex-direction: column;align-items: stretch !important; padding: 0}
.s-block--store-branches .city-content {width: 85%}
}

@media (max-width:768px){
.store-branches__title {font-size: 1.3rem}
}

/* ====== CUSTOM MAP ====== */
.custom-map {margin: 0 2rem !important}
.custom-map .grid {display: flex; flex-direction: row}
.custom-map .grid div:has(.s-block--map__element) {width: 80% !important}
.custom-map .s-block--map__element {height: 100%; border-radius: 0 !important; box-shadow: none !important}

@media (min-width:992px){
.custom-map, .custom-map .grid {max-height: 28rem}
.custom-map div:has(iframe) {width:100%}
}

@media (max-width:768px){
.custom-map {margin: 0 1rem !important}
.custom-map .grid {display: flex; flex-direction: column-reverse}
.custom-map .grid div:has(.s-block--map__element) {width: 100% !important}
.custom-map .s-block--map__element {min-height:24rem; margin: 0} 
}

/* ====== RE-ORDER ====== */
#reorder-section {display: none}

/* ====== TESTIMONAILS ====== */
.s-block--testimonials {background-color: #dddddd20;padding: 3rem 0 2rem;}
.s-block--testimonials.enhanced:before {display: none}
.s-block--testimonials .home-block-title {margin-bottom: .5rem}
.s-block--testimonials.enhanced .review > .flex {background:none; border: 1px solid #44444410; box-shadow: none; gap: 0 !important}
.s-block--testimonials.enhanced .review img {display: none}
.s-block--testimonials .comment__rating {display: flex; font-size: .7rem}
.s-block--testimonials .comment__rating .sicon-star2 {color: #e3ab19 !important}

@media (min-width:1024px){
.s-block--testimonials.enhanced .review {max-width: 25%}
}

/**/
/* .products-lookbook__item {flex:3 !important} */

/* ====== MAP ====== */
.btn-tabs-container {padding-top: 12px}
.city-tabs-container {margin-bottom: 1rem}
.s-block--product-tabs .btn-tab-primary:hover, .s-block--product-tabs .btn-tab-primary.active, .s-block--store-branches .btn-tab-primary.active {transform: unset !important;background: #1d234c;border-color: #1d234c;color: #fff;}
.s-block--product-tabs .btn-tab-primary, .s-block--store-branches .btn-tab-primary {border-radius: 2px;}
.s-block--store-branches .map-container {box-shadow: unset}

/* ====== VIDEOS ====== */
.s-block--videos-gallery h2 {font-weight: 500}
.s-block--videos-gallery p {margin: 0;font-size: .9rem;opacity: .5;}

/* ====== FOOTER ====== */
.store-footer.avf-ready {background: none !important}
.avf-newsletter, .avf-prebottom__switcher {display: none}
.avf-root {padding-top: 25px; background: #d3a46410}
.avf-bottom {display: none}
.s-payments-list-item {border-radius: 0}
.avf-prebottom {justify-content: center}

@media (min-width: 640px) {
.store-footer {margin-top: 2rem;}
}

/* ====== PRODUCT PAGE ====== */
.s-add-product-button-main .s-button-primary {border: 1px solid #1d234c;background: #1d234c; color: #fff}
.s-product-options-option {display: flex;flex-direction: column;align-items: stretch;}
.s-product-options-option-content .s-form-control {border-color: #ddd !important}
.s-product-options-wrapper {padding: 0}
.bg-storeBG.p-5 {padding: 1rem 0}
.product-single__price-label, .form-label {font-size: .9rem !important}
#magnify-image img {border: 1px solid #eee}
.s-slider-vertical .s-slider-thumbs-container .swiper-slide {margin-top: 0; margin-bottom: 10px !important}
.product-single .product-price-bottom {display: none}

/* ====== FEATURES ====== */
.product-features--wrapper {width: 100%;margin: auto;}
.product-features--wrapper .grid {display: flex;flex-direction: column;align-items: flex-start;gap: 0;}
.product-features--wrapper .product-features-item {border: none; padding: 4px 0}
.product-features--wrapper .product-features-item h3 {font-weight: 300;}

@media (min-width:991px){
.product-single .container.container--product-details {margin-top: 2rem !important}
}

@media (max-width: 640px) {
.is-sticky-product-bar .sticky-product-bar salla-add-product-button button {border: 1px solid #1d234c;background: #1d234c;}
}

/* ====== CUSTOM CONTACT PAGE ====== */
.custom-contact {max-width: 95%;margin: 0 auto;display: grid;grid-template-columns: minmax(300px, 4fr) 7fr;gap: 2rem;align-items: center;margin-bottom: 6rem;}
.custom-contact .info {position: relative;min-height: 550px;border-radius: 8px;padding: 3rem 2rem;color: #fff;display: flex;flex-direction: column;background: linear-gradient(rgba(29, 35, 76, .9), rgba(30, 30, 32, .8)), url(https://i.ibb.co/bMKVhqPb/Whats-App-Image-1448-04-11-at-22-29-48-1.jpg) center / cover no-repeat, #222;overflow: hidden;justify-content: space-between;}
.custom-contact .info h2 { font-size: 1.5rem; font-weight: 600; }
.custom-contact .info > p { margin-top: 10px; color: #bdbdc2; font-size: 1.05rem; line-height: 1.4; max-width: 28ch; }
.custom-contact .info ul {list-style: none;margin-top: auto;display: grid;gap: 28px;margin: 2rem 0;}
.custom-contact .info li {display: flex; align-items: center; gap: 20px;font-size: 1rem;overflow-wrap: anywhere;}
.custom-contact .hours { display: grid; gap: 4px; }
.custom-contact .hours span:last-child { color: #bdbdc2; font-size: .95em; }
.custom-contact .info li svg { width: 24px; height: 24px; fill: #fff; flex-shrink: 0; }
.custom-contact .social {margin-top: 2rem;display: flex; justify-content: start; gap: 12px;}
.custom-contact .social a[aria-label="سنابشات"] svg {height: 45px !important; width: 45px}
.custom-contact .social a { display: inline-flex; color: #fff; border-radius: 8px; }
.custom-contact .social a:hover { opacity: .8; }
.custom-contact .social svg { width: 34px; height: 34px; fill: currentColor; }

.custom-contact .branches h3 { font-size: 1rem; font-weight: 600; }
.custom-contact  .branches ul {display: flex; flex-direction: column; gap: 1rem}
.custom-contact  .branches iframe {max-height: 12rem}
.custom-contact .branch-contact h3 {font-size: .9rem;margin-bottom: .5rem;margin-top: .3rem;line-height: 1.7; display: flex; flex-direction: row; gap: 6px; align-items: center; justify-content: start; font-weight: 500}
.custom-contact .branch-contact svg {max-height: 23px;background: #1d234c;padding: 2px;border-radius: 4px;}

@media (max-width: 960px) {
.custom-contact { grid-template-columns: 1fr; }
.custom-contact .info { min-height: 0; }
.custom-contact .info ul { margin-top: 48px; }
.custom-contact .branches {margin: 0 6px !important}
}

@media (max-width: 600px) {
.custom-contact {max-width: 94%}
.custom-contact .info { border-radius: 4px; }
}