/*
   غاوية كولكشن — واجهة خليجية فاخرة
   طبقة تصميم موحّدة تحفظ منطق المتجر وبياناته الحالية.
*/
:root {
  --primary: #7d2148 !important;
  --primary-dark: #54132f !important;
  --primary-soft: #f8e9ef !important;
  --primary-glow: rgba(125, 33, 72, .20) !important;
  --dark: #20131b !important;
  --navy: #39202e !important;
  --text: #2c1d25 !important;
  --text-muted: #806a74 !important;
  --border: #eadde1 !important;
  --surface: #fcf8f3 !important;
  --white: #fffefd !important;
  --gold: #ba8b52;
  --gold-soft: #f5eadb;
  --ink: #2b1b23;
  --cream: #fffaf4;
  --radius-sm: 12px !important;
  --radius: 20px !important;
  --radius-lg: 30px !important;
  --radius-xl: 42px !important;
  --shadow-sm: 0 6px 18px rgba(73, 30, 48, .06) !important;
  --shadow: 0 16px 38px rgba(73, 30, 48, .10) !important;
  --shadow-lg: 0 26px 60px rgba(73, 30, 48, .15) !important;
}

html { background: var(--cream); }
body {
  background:
    radial-gradient(circle at 12% 10%, rgba(186,139,82,.10), transparent 24rem),
    radial-gradient(circle at 93% 32%, rgba(125,33,72,.055), transparent 27rem),
    var(--cream) !important;
  color: var(--text) !important;
  font-family: 'Tajawal', sans-serif !important;
  letter-spacing: 0 !important;
}
body::selection { background: var(--primary); color: #fff; }
body.dark-mode { background: #1b1118 !important; }
body.dark-mode .xt-main,
body.dark-mode .page-container { color: #fdf7f7; }
a { transition: color .18s ease, transform .18s ease, background .18s ease, border-color .18s ease, box-shadow .18s ease; }
button, .prod-card, .category-card, .hero-btn-primary, .hero-btn-ghost { -webkit-tap-highlight-color: transparent; }
button:active, .hero-btn-primary:active, .hero-btn-ghost:active, .prod-action-cart:active { transform: scale(.975); }

/* الشريط العلوي والترويسة */
.xt-topbar {
  background: linear-gradient(105deg, #431127 0%, #7d2148 42%, #b9854c 100%) !important;
  box-shadow: 0 3px 20px rgba(77, 21, 45, .22) !important;
}
.xt-topbar-track span { font-size: 12px !important; letter-spacing: .25px !important; }
.xt-topbar-track span::before { color: #f8dca8 !important; }
.xt-lang-btn { background: rgba(255,255,255,.14) !important; border-color: rgba(255,255,255,.34) !important; }
.glass-header {
  background: rgba(255,252,248,.92) !important;
  border: 1px solid rgba(125,33,72,.10) !important;
  border-top: 0 !important;
  box-shadow: 0 12px 34px rgba(57,24,37,.10) !important;
  backdrop-filter: blur(22px) saturate(120%) !important;
  -webkit-backdrop-filter: blur(22px) saturate(120%) !important;
}
.xt-header.scrolled .glass-header { box-shadow: 0 12px 34px rgba(57,24,37,.14) !important; }
.xt-brand-logo {
  width: 64px !important;
  height: 64px !important;
  border-radius: 18px !important;
  padding: 3px !important;
}
.xt-desktop-nav {
  background: #f9f1f2 !important;
  border: 1px solid #f1dce4 !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.8) !important;
}
.xt-nav-link { color: #715560 !important; font-size: .86rem !important; padding: 10px 15px !important; }
.xt-nav-link::before { background: linear-gradient(130deg, #7d2148, #9a3e63) !important; }
.xt-nav-link:hover, .xt-nav-link.active { color: #fff !important; }
.xt-search, .xt-search-wrap, .search-wrapper { border-color: #eadde1 !important; background: #fff !important; box-shadow: 0 4px 12px rgba(95,44,66,.04); }
.xt-search input, .xt-search-input { color: var(--text) !important; }
.xt-search input::placeholder, .xt-search-input::placeholder { color: #b49ea8 !important; }
.xt-action-btn, .xt-cart-btn { background: #fff !important; border-color: #eadde1 !important; color: var(--primary) !important; box-shadow: 0 5px 14px rgba(91,40,62,.06) !important; }
.xt-action-btn:hover, .xt-cart-btn:hover { border-color: #cf9bad !important; background: #fff7f8 !important; transform: translateY(-1px); }
.cart-count-badge { background: var(--primary) !important; color: #fff !important; border: 2px solid #fff !important; }
.xt-bottom-nav { background: rgba(255,253,250,.95) !important; border-top: 1px solid #eddfe3 !important; box-shadow: 0 -10px 30px rgba(83,33,55,.10) !important; }
.xt-bottom-link { color: #9c7b89 !important; }
.xt-bottom-link.active { color: var(--primary) !important; }
.xt-bottom-link.active::before { background: #f4dfe7 !important; }

/* البنية العامة للعناوين والأقسام */
.xt-main, .page-container { position: relative; }
.xt-section { padding: 78px 0 !important; background: transparent !important; }
.xt-section:nth-of-type(even) { background: rgba(255,255,255,.56) !important; }
.xt-container { max-width: 1380px !important; }
.xt-section-head { align-items: end !important; margin-bottom: 30px !important; }
.xt-eyebrow {
  display: inline-flex !important;
  align-items: center !important;
  gap: 7px !important;
  padding: 7px 12px !important;
  color: var(--primary) !important;
  background: var(--primary-soft) !important;
  border: 1px solid #efd7e0 !important;
  border-radius: 999px !important;
  font-size: .78rem !important;
  font-weight: 800 !important;
}
.xt-section-title, .page-title, .hero-section h1, .category-hero h1 {
  color: var(--ink) !important;
  font-family: 'Amiri', 'Tajawal', serif !important;
  font-weight: 700 !important;
  letter-spacing: -.025em !important;
}
.xt-section-title { font-size: clamp(2rem, 3vw, 3.15rem) !important; line-height: 1.12 !important; margin-top: 10px !important; }
.xt-section-sub { color: var(--text-muted) !important; font-size: 1rem !important; margin-top: 7px !important; }
.xt-see-all, .view-all-link {
  color: var(--primary) !important;
  border-bottom: 1px solid #cf9bae !important;
  padding: 8px 1px 7px !important;
  font-weight: 800 !important;
}
.xt-see-all:hover, .view-all-link:hover { color: #b57942 !important; border-color: #b57942 !important; }

/* البطل الرئيسي */
.hero-section {
  margin: 16px 12px 0 !important;
  border-radius: 0 0 38px 38px !important;
  overflow: hidden !important;
  box-shadow: 0 20px 50px rgba(57,24,37,.18) !important;
}
.hero-swiper, .hero-swiper .swiper-slide { min-height: clamp(430px, 55vw, 650px) !important; height: auto !important; }
.hero-slide-bg, .hero-video-bg { filter: saturate(.78) contrast(1.02) brightness(.72) !important; transform: scale(1.015) !important; }
.hero-overlay {
  background: linear-gradient(90deg, rgba(32,13,24,.82) 0%, rgba(52,14,32,.45) 42%, rgba(35,15,25,.18) 100%) !important;
}
[dir="rtl"] .hero-overlay { background: linear-gradient(270deg, rgba(32,13,24,.84) 0%, rgba(52,14,32,.48) 43%, rgba(35,15,25,.14) 100%) !important; }
.hero-content { max-width: 680px !important; padding-top: 86px !important; padding-bottom: 72px !important; }
.hero-badge {
  width: max-content !important;
  padding: 9px 14px !important;
  color: #fff8e8 !important;
  background: rgba(185,139,82,.26) !important;
  border: 1px solid rgba(255,232,191,.4) !important;
  border-radius: 999px !important;
  backdrop-filter: blur(8px) !important;
  font-weight: 700 !important;
}
.hero-title { font-size: clamp(3rem, 5vw, 5.8rem) !important; line-height: .97 !important; margin: 18px 0 16px !important; color: #fffaf4 !important; text-shadow: 0 5px 24px rgba(0,0,0,.18) !important; }
.hero-title span { color: #efc889 !important; }
.hero-desc { max-width: 540px !important; color: rgba(255,250,244,.88) !important; font-size: 1.08rem !important; line-height: 1.9 !important; }
.hero-cta { gap: 12px !important; margin-top: 26px !important; }
.hero-btn-primary, .btn-primary, .add-to-cart-btn, .checkout-btn, .auth-submit {
  border: 1px solid transparent !important;
  background: linear-gradient(135deg, #c4965a, #a97843) !important;
  color: #fff !important;
  border-radius: 14px !important;
  box-shadow: 0 10px 25px rgba(169,120,67,.28) !important;
  font-weight: 800 !important;
}
.hero-btn-primary:hover, .btn-primary:hover, .add-to-cart-btn:hover, .checkout-btn:hover, .auth-submit:hover { color: #fff !important; transform: translateY(-2px) !important; box-shadow: 0 15px 32px rgba(169,120,67,.36) !important; }
.hero-btn-ghost {
  color: #fff9f1 !important;
  background: rgba(255,255,255,.08) !important;
  border: 1px solid rgba(255,255,255,.38) !important;
  border-radius: 14px !important;
  backdrop-filter: blur(8px) !important;
}
.hero-btn-ghost:hover { color: #fff !important; background: rgba(255,255,255,.18) !important; transform: translateY(-2px) !important; }
.hero-stats { margin-top: 42px !important; gap: 0 !important; }
.hero-stat-item { padding-inline: 22px !important; border-color: rgba(255,255,255,.24) !important; }
.hero-stat-num { color: #efc889 !important; font-family: 'Amiri', serif !important; font-size: 1.8rem !important; }
.hero-stat-label { color: rgba(255,255,255,.84) !important; }
.hero-swiper .swiper-button-next, .hero-swiper .swiper-button-prev {
  width: 48px !important; height: 48px !important; border-radius: 50% !important;
  background: rgba(255,255,255,.12) !important; border: 1px solid rgba(255,255,255,.3) !important;
  color: #fff !important; backdrop-filter: blur(9px) !important;
}
.hero-swiper .swiper-pagination-bullet { background: #fff !important; opacity: .46 !important; }
.hero-swiper .swiper-pagination-bullet-active { width: 24px !important; border-radius: 99px !important; opacity: 1 !important; background: #eac188 !important; }

/* التصنيفات */
.category-grid-wrapper { padding: 8px 0 14px !important; }
.category-grid { gap: 20px !important; grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)) !important; }
.category-card {
  min-height: 230px !important;
  background: #fff !important;
  border: 1px solid #eee0df !important;
  border-radius: 22px !important;
  box-shadow: 0 10px 26px rgba(84,31,54,.06) !important;
  overflow: hidden !important;
}
.category-card::after { content: '' !important; position: absolute !important; inset: 0 !important; background: linear-gradient(160deg, transparent 45%, rgba(125,33,72,.08)) !important; pointer-events: none !important; }
.category-card:hover { transform: translateY(-6px) !important; border-color: #dcb2c1 !important; box-shadow: 0 20px 35px rgba(84,31,54,.13) !important; }
.category-img, .category-image { filter: saturate(.9) !important; }
.category-card h3, .category-name { color: var(--ink) !important; font-size: 1.05rem !important; }
.category-card .category-count { color: var(--primary) !important; }

/* بطاقات المنتجات */
.product-grid { gap: 22px !important; grid-template-columns: repeat(auto-fill, minmax(225px, 1fr)) !important; }
.prod-card, .product-card {
  background: #fffefd !important;
  border: 1px solid #eee1e2 !important;
  border-radius: 22px !important;
  overflow: hidden !important;
  box-shadow: 0 8px 22px rgba(67,26,45,.055) !important;
  transition: transform .24s cubic-bezier(.23,1,.32,1), box-shadow .24s ease, border-color .24s ease !important;
}
.prod-card:hover, .product-card:hover { transform: translateY(-7px) !important; border-color: #d8acbb !important; box-shadow: 0 22px 42px rgba(67,26,45,.14) !important; }
.prod-media { background: #f9f1ed !important; aspect-ratio: 1 / 1.02 !important; }
.prod-media::after { content: '' !important; position: absolute !important; inset: auto 0 0 !important; height: 35% !important; background: linear-gradient(to top, rgba(65,20,42,.14), transparent) !important; pointer-events: none !important; }
.product-image { mix-blend-mode: multiply !important; }
.prod-badge { background: linear-gradient(135deg, #7d2148, #a94066) !important; color: #fff !important; border: 0 !important; border-radius: 11px !important; box-shadow: 0 6px 14px rgba(125,33,72,.22) !important; }
.prod-actions { z-index: 2 !important; }
.prod-action-cart { background: var(--primary) !important; color: #fff !important; border: 1px solid var(--primary) !important; border-radius: 12px !important; font-weight: 800 !important; }
.prod-action-cart:hover { background: var(--primary-dark) !important; }
.prod-action-wish { background: #fff !important; color: var(--primary) !important; border: 1px solid #eadce1 !important; border-radius: 12px !important; }
.prod-action-wish:hover { background: #fdeff3 !important; color: var(--primary-dark) !important; }
.prod-info { padding: 17px 17px 19px !important; }
.prod-cat { color: #ad8a55 !important; font-size: .73rem !important; font-weight: 800 !important; letter-spacing: .04em !important; }
.prod-name { color: var(--ink) !important; min-height: 2.9em !important; line-height: 1.45 !important; margin-top: 5px !important; font-size: 1rem !important; font-weight: 800 !important; }
.prod-name:hover { color: var(--primary) !important; }
.prod-pricing { margin-top: 12px !important; align-items: center !important; }
.prod-price { color: var(--primary) !important; font-weight: 900 !important; font-size: 1.1rem !important; }
.prod-price-old { color: #a59599 !important; }

/* الشرائح واللافتة الترويجية والعلامات */
.swiper-container { padding: 4px 3px 18px !important; }
.swiper-button-next, .swiper-button-prev { color: var(--primary) !important; }
.promo-banner {
  background: linear-gradient(120deg, #3e1529 0%, #762144 54%, #b58952 150%) !important;
  border-radius: 30px !important;
  padding: clamp(32px, 5vw, 65px) !important;
  overflow: hidden !important;
  box-shadow: 0 20px 45px rgba(67,26,45,.18) !important;
}
.promo-banner::before { content: '' !important; position: absolute !important; width: 290px !important; height: 290px !important; left: -50px !important; top: -135px !important; border: 1px solid rgba(247,207,144,.25) !important; border-radius: 50% !important; box-shadow: 0 0 0 40px rgba(247,207,144,.06), 0 0 0 80px rgba(247,207,144,.04) !important; }
.promo-banner h2, .promo-banner-text h2 { font-family: 'Amiri', serif !important; color: #fff9f2 !important; font-size: clamp(2.1rem, 4vw, 4rem) !important; }
.promo-banner p, .promo-banner-text p { color: rgba(255,249,242,.79) !important; }
.promo-discount { color: #f4ce8f !important; font-family: 'Amiri', serif !important; }
.top-brands-section { background: #fffdf9 !important; border-top: 1px solid #eee2dd !important; border-bottom: 1px solid #eee2dd !important; }
.brand-item, .brand-logo { filter: grayscale(1) opacity(.66) !important; transition: filter .2s ease, transform .2s ease !important; }
.brand-item:hover, .brand-logo:hover { filter: grayscale(0) opacity(1) !important; transform: translateY(-2px) !important; }

/* الصفحات الداخلية */
.page-container { background: transparent !important; padding-bottom: 60px !important; }
.hero-section[style], .page-container .hero-section { background: linear-gradient(135deg, #fbf3ed, #fffdf9) !important; border: 1px solid #eee0dc !important; box-shadow: none !important; }
.page-container .hero-section h1 { font-size: clamp(2.4rem, 4vw, 4rem) !important; }
.breadcrumb, .breadcrumbs { color: var(--text-muted) !important; }
.filter-card, .filters-panel, .cart-summary, .checkout-summary, .auth-card, .profile-card, .order-card, .detail-card {
  background: #fffefd !important; border: 1px solid #eee1e2 !important; border-radius: 20px !important; box-shadow: var(--shadow-sm) !important;
}
input, select, textarea { border-color: #e5d5db !important; background: #fff !important; color: var(--text) !important; border-radius: 12px !important; }
input:focus, select:focus, textarea:focus { border-color: #b45d7e !important; box-shadow: 0 0 0 4px rgba(125,33,72,.1) !important; outline: 0 !important; }
.cart-item, .order-item, .product-detail-card { border-color: #eee1e2 !important; }
.price, .total-price, .product-price { color: var(--primary) !important; }

/* التذييل */
footer {
  background: linear-gradient(145deg, #25111b 0%, #381523 48%, #5a1d38 100%) !important;
  border-top: 5px solid #b98650 !important;
}
footer::after { content: '' !important; position: absolute !important; inset: auto 8% 0 auto !important; width: 290px !important; height: 290px !important; border-radius: 50% !important; border: 1px solid rgba(244,203,139,.12) !important; transform: translateY(48%) !important; }
footer h3, footer h4 { color: #f5d7a3 !important; font-family: 'Amiri', 'Tajawal', serif !important; }
footer a:hover { color: #f6cf90 !important; }
footer .footer-logo, footer img { max-height: 82px !important; }
footer .footer-bottom { border-color: rgba(255,255,255,.13) !important; }

/* الشاشات الصغيرة */
@media (max-width: 1024px) {
  .xt-section { padding: 58px 0 !important; }
  .hero-content { padding-top: 72px !important; }
  .category-grid { grid-template-columns: repeat(auto-fit, minmax(165px, 1fr)) !important; }
}
@media (max-width: 768px) {
  body { background: var(--cream) !important; }
  .xt-topbar-track span { font-size: 10.5px !important; padding-inline: 30px !important; }
  .xt-header, .glass-header { border-radius: 0 !important; margin: 0 !important; }
  .xt-brand-logo { width: 48px !important; height: 48px !important; border-radius: 13px !important; }
  .hero-section { margin: 0 !important; border-radius: 0 0 28px 28px !important; }
  .hero-swiper, .hero-swiper .swiper-slide { min-height: 465px !important; }
  .hero-content { padding: 58px 24px 66px !important; }
  .hero-title { font-size: clamp(2.85rem, 14vw, 4.2rem) !important; }
  .hero-desc { font-size: .96rem !important; line-height: 1.75 !important; }
  .hero-stats { margin-top: 28px !important; }
  .hero-stat-item { padding-inline: 12px !important; }
  .hero-stat-num { font-size: 1.35rem !important; }
  .hero-stat-label { font-size: .7rem !important; }
  .hero-swiper .swiper-button-next, .hero-swiper .swiper-button-prev { display: none !important; }
  .xt-section { padding: 48px 0 !important; }
  .xt-section-head { align-items: flex-start !important; gap: 13px !important; }
  .xt-section-title { font-size: 2.15rem !important; }
  .xt-section-sub { font-size: .89rem !important; }
  .xt-see-all { font-size: .83rem !important; white-space: nowrap !important; }
  .category-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 12px !important; }
  .category-card { min-height: 175px !important; border-radius: 17px !important; }
  .product-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 12px !important; }
  .prod-card, .product-card { border-radius: 17px !important; }
  .prod-info { padding: 12px 12px 14px !important; }
  .prod-name { font-size: .88rem !important; }
  .prod-price { font-size: .96rem !important; }
  .prod-action-cart { font-size: .74rem !important; padding: 8px !important; }
  .promo-banner { border-radius: 22px !important; }
  footer { padding-bottom: 72px !important; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; scroll-behavior: auto !important; transition-duration: .01ms !important; }
}


/* =========================================================
   تحديث الهوية V2 — مستوحى من شعار غاوية كولكشن
   فحم | ذهب صحراوي | مشمشي عاجي | نحاسي نخلي
   ========================================================= */
:root {
  --primary: #b7791f !important;
  --primary-dark: #8b5e16 !important;
  --primary-soft: #fff2d9 !important;
  --primary-glow: rgba(183,121,31,.22) !important;
  --dark: #15120f !important;
  --navy: #252019 !important;
  --text: #211b15 !important;
  --text-muted: #74685a !important;
  --border: #eadcc6 !important;
  --surface: #fffaf1 !important;
  --cream: #fff9ef !important;
  --gold: #bd8126 !important;
  --gold-soft: #fff0d2 !important;
  --ink: #171410 !important;
}

body {
  background:
    radial-gradient(circle at 12% 5%, rgba(237,180,79,.16), transparent 23rem),
    radial-gradient(circle at 94% 36%, rgba(116,76,22,.08), transparent 28rem),
    linear-gradient(135deg, #fffdf8 0%, #fff8ec 50%, #fffdf7 100%) !important;
}
body::before {
  content: '';
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  opacity: .55;
  background-image: radial-gradient(rgba(156,105,32,.13) .75px, transparent .75px);
  background-size: 22px 22px;
  mask-image: linear-gradient(to bottom, black, transparent 72%);
}

/* شريط علوي وترويسة أكثر فخامة */
.xt-topbar {
  background: linear-gradient(90deg, #15120f 0%, #312718 42%, #ba7d24 100%) !important;
  box-shadow: 0 4px 20px rgba(31,22,10,.24) !important;
}
.xt-topbar-track span { color: #fff6e5 !important; }
.xt-topbar-track span::before { color: #f5c76c !important; }
.xt-lang-btn {
  color: #fff8ea !important;
  background: rgba(255,214,139,.14) !important;
  border-color: rgba(255,212,132,.40) !important;
}
.glass-header {
  background: rgba(255,253,247,.94) !important;
  border-color: rgba(188,126,32,.19) !important;
  box-shadow: 0 12px 34px rgba(56,37,11,.12) !important;
}
.xt-desktop-nav {
  background: #fff6e6 !important;
  border-color: #ecd7af !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.95) !important;
}
.xt-nav-link { color: #564a3c !important; }
.xt-nav-link::before { background: linear-gradient(140deg, #171410, #41311c) !important; }
.xt-nav-link span {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 26px !important;
  height: 26px !important;
  color: #9d681a !important;
  background: #ffedc9 !important;
  border: 1px solid #efd8a8 !important;
  border-radius: 50% !important;
  transition: transform .2s ease, background .2s ease !important;
}
.xt-nav-link:hover span, .xt-nav-link.active span { color: #f6c86d !important; background: rgba(255,219,146,.13) !important; border-color: rgba(244,200,109,.36) !important; transform: rotate(-8deg) scale(1.04) !important; }
.xt-search, .xt-search-wrap, .search-wrapper { background: #fffdf9 !important; border-color: #ead7b7 !important; }
.xt-search input::placeholder, .xt-search-input::placeholder { color: #b5a38c !important; }
.xt-action-btn, .xt-cart-btn {
  color: #9a661b !important;
  background: #fff8eb !important;
  border-color: #ead4aa !important;
  box-shadow: 0 5px 14px rgba(109,72,17,.08) !important;
}
.xt-action-btn:hover, .xt-cart-btn:hover { color: #171410 !important; background: #ffe9bd !important; border-color: #c58931 !important; }
.cart-count-badge { background: #171410 !important; color: #f9ce77 !important; border-color: #fff9ed !important; }

/* رموز وقوالب ذهبية خفيفة */
.xt-eyebrow {
  color: #805313 !important;
  background: #fff0d1 !important;
  border-color: #f0d49a !important;
  box-shadow: inset 0 1px 0 #fffaf0 !important;
}
.xt-eyebrow i, .xt-eyebrow svg {
  color: #a46b19 !important;
  stroke-width: 2.4 !important;
}
.xt-see-all, .view-all-link { color: #8f5d17 !important; border-color: #d7a957 !important; }
.xt-see-all:hover, .view-all-link:hover { color: #171410 !important; border-color: #171410 !important; }
.xt-section-title, .page-title, .hero-section h1, .category-hero h1 { color: #1b1611 !important; }
.xt-section-sub { color: #7c6b58 !important; }

/* السلايدر: لا طبقة تلوين أو تعتيم — الأصول تظهر بألوانها الطبيعية */
.hero-section {
  margin: 18px 16px 0 !important;
  border: 1px solid #ead6ad !important;
  border-radius: 0 0 42px 42px !important;
  box-shadow: 0 24px 56px rgba(52,33,7,.18) !important;
  background: #16130f !important;
}
.hero-slide-bg, .hero-video-bg {
  filter: none !important;
  transform: none !important;
  opacity: 1 !important;
}
.hero-overlay { display: none !important; background: transparent !important; }
.hero-swiper .swiper-slide::after {
  content: '' !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;
  border: 1px solid rgba(255,225,170,.24) !important;
}
.hero-content {
  max-width: min(620px, 70%) !important;
  padding-inline: 0 !important;
  text-shadow: 0 2px 16px rgba(0,0,0,.72) !important;
}
.hero-badge {
  color: #fffaf0 !important;
  background: rgba(22,17,11,.58) !important;
  border-color: rgba(255,216,137,.62) !important;
  box-shadow: 0 7px 20px rgba(0,0,0,.18) !important;
}
.hero-title { color: #fffdf9 !important; text-shadow: 0 3px 18px rgba(0,0,0,.78) !important; }
.hero-title span { color: #ffd17c !important; }
.hero-desc { color: #fff8eb !important; text-shadow: 0 2px 12px rgba(0,0,0,.78) !important; }
.hero-btn-primary {
  color: #19140f !important;
  background: linear-gradient(135deg, #ffd077, #b7791f) !important;
  border: 1px solid #ffe0a4 !important;
  box-shadow: 0 12px 27px rgba(12,8,3,.27) !important;
}
.hero-btn-primary:hover { color: #19140f !important; background: linear-gradient(135deg, #ffe3a7, #c88d32) !important; }
.hero-btn-ghost { background: rgba(19,16,12,.63) !important; border-color: rgba(255,226,167,.65) !important; }
.hero-stats { background: rgba(19,16,12,.42) !important; width: fit-content !important; padding: 11px 4px !important; border: 1px solid rgba(255,228,173,.22) !important; border-radius: 17px !important; backdrop-filter: blur(5px) !important; }
.hero-stat-num { color: #ffd17a !important; }
.hero-swiper .swiper-button-next, .hero-swiper .swiper-button-prev {
  color: #ffd27d !important;
  background: rgba(18,15,11,.75) !important;
  border-color: rgba(255,220,151,.55) !important;
  box-shadow: 0 8px 18px rgba(0,0,0,.24) !important;
}
.hero-swiper .swiper-button-next:hover, .hero-swiper .swiper-button-prev:hover { color: #16120e !important; background: #ffd47f !important; }
.hero-swiper .swiper-pagination-bullet { background: #fff8e8 !important; box-shadow: 0 1px 7px rgba(0,0,0,.7) !important; }
.hero-swiper .swiper-pagination-bullet-active { background: #ffd17a !important; }

/* بطاقات وأشكال مستوحاة من رسم الإطار الذهبي في الشعار */
.category-card {
  background: linear-gradient(155deg, #fffefb, #fff3dc) !important;
  border-color: #ebd6ae !important;
  box-shadow: 0 12px 28px rgba(86,54,10,.08) !important;
}
.category-card::before {
  content: '' !important;
  position: absolute !important;
  inset: 9px !important;
  z-index: 1 !important;
  pointer-events: none !important;
  border: 1px solid rgba(190,127,32,.34) !important;
  border-radius: 15px !important;
}
.category-card::after { background: linear-gradient(155deg, transparent 48%, rgba(203,139,34,.17)) !important; z-index: 1 !important; }
.category-card:hover { border-color: #c88b32 !important; box-shadow: 0 20px 38px rgba(86,54,10,.17) !important; }
.category-card h3, .category-name { color: #261d13 !important; }
.category-card .category-count { color: #a36a17 !important; }
.prod-card, .product-card {
  border-color: #ead8b9 !important;
  box-shadow: 0 10px 25px rgba(66,42,8,.07) !important;
}
.prod-card:hover, .product-card:hover { border-color: #c68a32 !important; box-shadow: 0 22px 43px rgba(66,42,8,.16) !important; }
.prod-media { background: #fff5e1 !important; }
.prod-media::after { background: linear-gradient(to top, rgba(69,42,5,.10), transparent) !important; }
.prod-badge { color: #ffe4a9 !important; background: linear-gradient(135deg, #191611, #493719) !important; box-shadow: 0 6px 14px rgba(40,28,7,.24) !important; }
.prod-action-cart { color: #18130e !important; background: linear-gradient(135deg, #ffd57f, #c7892d) !important; border-color: #ffe2a8 !important; }
.prod-action-cart:hover { background: linear-gradient(135deg, #ffe4aa, #d6993b) !important; color: #18130e !important; }
.prod-action-wish { color: #9d6618 !important; background: #fffaf0 !important; border-color: #ead3a9 !important; }
.prod-action-wish:hover { color: #15110d !important; background: #ffeac0 !important; }
.prod-cat { color: #aa711b !important; }
.prod-name { color: #231a12 !important; }
.prod-name:hover { color: #a66a13 !important; }
.prod-price, .price, .total-price, .product-price { color: #9a6315 !important; }

/* عناصر ترويجية وتذييل أسود-ذهبي */
.promo-banner {
  background: linear-gradient(125deg, #17130f 0%, #3c2a12 50%, #b5781f 160%) !important;
  border: 1px solid rgba(255,218,145,.35) !important;
}
.promo-banner::before { border-color: rgba(255,216,145,.32) !important; box-shadow: 0 0 0 40px rgba(255,216,145,.06), 0 0 0 80px rgba(255,216,145,.035) !important; }
.promo-banner h2, .promo-banner-text h2 { color: #ffdb92 !important; }
.promo-discount { color: #ffe4ad !important; }
footer { background: linear-gradient(145deg, #12100d 0%, #231b11 54%, #5a3d16 150%) !important; border-top-color: #c38a36 !important; }
footer h3, footer h4 { color: #f9d48e !important; }
footer a:hover { color: #ffdb91 !important; }

.xt-bottom-nav { background: rgba(255,252,245,.97) !important; border-color: #ead7b7 !important; }
.xt-bottom-link { color: #8c7c68 !important; }
.xt-bottom-link.active { color: #9f6818 !important; }
.xt-bottom-link.active::before { background: #ffedca !important; }

@media (max-width: 768px) {
  .hero-section { margin: 0 !important; border-inline: 0 !important; border-radius: 0 0 28px 28px !important; }
  .hero-content { max-width: 78% !important; }
  .hero-stats { max-width: 100% !important; }
}




/* تحسينات الأيقونات فقط على الهاتف — دون تغيير شكل الهيدر أو الشريط السفلي */
@media (max-width: 768px) {
  .xt-action-btn i,
  .xt-action-btn svg,
  .xt-cart-btn i,
  .xt-cart-btn svg {
    color: #a56c18 !important;
    stroke-width: 2.25 !important;
    transition: color .18s ease, transform .18s ease !important;
  }
  .xt-action-btn:hover i,
  .xt-action-btn:hover svg,
  .xt-cart-btn:hover i,
  .xt-cart-btn:hover svg {
    color: #17130e !important;
    transform: scale(1.08) !important;
  }
  .xt-bottom-link i,
  .xt-bottom-link svg {
    width: 29px !important;
    height: 29px !important;
    padding: 4px !important;
    color: #a96f18 !important;
    background: #fff1d2 !important;
    border: 1px solid #eed7a6 !important;
    border-radius: 10px !important;
    stroke-width: 2.2 !important;
    box-shadow: 0 3px 8px rgba(102,65,10,.08) !important;
    transition: color .18s ease, background .18s ease, border-color .18s ease, transform .18s ease !important;
  }
  .xt-bottom-link:hover i,
  .xt-bottom-link:hover svg {
    color: #17130e !important;
    background: #ffe5ac !important;
    border-color: #d69a3c !important;
    transform: translateY(-2px) !important;
  }
  .xt-bottom-link.active i,
  .xt-bottom-link.active svg {
    color: #fff7e8 !important;
    background: #242018 !important;
    border-color: #242018 !important;
    box-shadow: 0 5px 12px rgba(36,32,24,.22) !important;
  }
  .xt-bottom-link .xt-bottom-badge {
    color: #fff8eb !important;
    background: #aa6e16 !important;
    border: 2px solid #fffaf0 !important;
  }
}


/* Product card polish — visual treatment only; existing card dimensions are intentionally preserved. */
.prod-card,
.xt-card,
.product-card,
.offer-card,
.list-prod-card {
    background: linear-gradient(160deg, #ffffff 0%, #fffdfa 100%) !important;
    /* إطار ذهبي من طبقتين، دون إضافة سماكة إلى أبعاد البطاقة الخارجية. */
    border: 1px solid #c99a43 !important;
    box-shadow: 0 9px 24px rgba(78, 58, 31, .10), inset 0 0 0 1px rgba(255, 231, 166, .78) !important;
}

.prod-card:hover,
.xt-card:hover,
.product-card:hover,
.offer-card:hover,
.list-prod-card:hover {
    border-color: #f4cf73 !important;
    box-shadow: 0 16px 32px rgba(86, 58, 20, .15), inset 0 0 0 1px rgba(255, 240, 196, .96) !important;
}

.prod-card .prod-media,
.xt-card .product-media,
.product-card .product-media,
.offer-card .offer-img,
.list-prod-card .list-prod-media {
    isolation: isolate;
    border-bottom: 1px solid rgba(200, 172, 119, .26);
}

.prod-card .prod-media::after,
.xt-card .product-media::after,
.product-card .product-media::after,
.offer-card .offer-img::after,
.list-prod-card .list-prod-media::after {
    content: '';
    position: absolute;
    z-index: 1;
    inset: auto 0 0;
    height: 42%;
    pointer-events: none;
    background: linear-gradient(180deg, transparent 0%, rgba(24, 20, 17, .32) 100%);
}

.prod-card .prod-badge,
.xt-card .product-badge,
.product-card .product-badge,
.offer-card .offer-badge {
    z-index: 3;
    background: linear-gradient(135deg, #1f2638, #39302d) !important;
    border: 1px solid rgba(255,255,255,.35);
    box-shadow: 0 5px 13px rgba(0,0,0,.18);
}

.prod-card .prod-actions,
.xt-card .product-actions,
.product-card .product-actions,
.offer-card .offer-actions,
.list-prod-card .list-prod-actions {
    z-index: 4 !important;
}

.prod-card .prod-action-cart,
.xt-card .add-to-cart,
.product-card .add-to-cart,
.offer-card .add-to-cart,
.list-prod-card .list-add-btn {
    color: #2e241a !important;
    background: linear-gradient(135deg, #f6d98e 0%, #d99d32 100%) !important;
    border: 1px solid rgba(255,255,255,.54) !important;
    box-shadow: 0 8px 18px rgba(17, 18, 24, .24) !important;
    text-shadow: 0 1px rgba(255,255,255,.28);
}

.prod-card .prod-action-cart:hover,
.xt-card .add-to-cart:hover,
.product-card .add-to-cart:hover,
.offer-card .add-to-cart:hover,
.list-prod-card .list-add-btn:hover {
    color: #fff !important;
    background: linear-gradient(135deg, #252d40 0%, #151a29 100%) !important;
}

.prod-card .prod-action-wish,
.xt-card .wishlist-btn,
.product-card .wishlist-btn,
.offer-card .wishlist-btn {
    color: #a46d20 !important;
    background: rgba(255,255,255,.94) !important;
    border: 1px solid rgba(255,255,255,.8) !important;
    box-shadow: 0 6px 14px rgba(13,16,25,.16) !important;
}

.prod-card .prod-info,
.xt-card .product-info,
.product-card .product-info,
.offer-card .offer-info,
.list-prod-card .list-prod-info {
    background: linear-gradient(135deg, #fff 0%, #fffdf8 100%) !important;
}

.prod-card .prod-name,
.xt-card .product-name,
.product-card .product-name,
.offer-card .offer-name,
.list-prod-card .list-prod-name {
    color: #25212b !important;
    letter-spacing: -.01em;
}

.prod-card .prod-price,
.xt-card .product-price,
.product-card .product-price,
.offer-card .offer-price,
.list-prod-card .list-prod-price {
    color: #a56d20 !important;
    text-shadow: 0 1px 0 rgba(255,255,255,.7);
}


/* Card actions belong to the white product-information area, not on top of the image. */
.prod-card .prod-info {
    padding: 7px 16px 40px !important;
}
.prod-card .prod-name {
    min-height: 18px !important;
    max-height: 18px !important;
    font-size: .87rem !important;
    line-height: 1.25 !important;
}
.prod-card .prod-pricing {
    min-height: 19px !important;
}
.prod-card .prod-price {
    font-size: 1.02rem !important;
    line-height: 1.1 !important;
}
.prod-card .prod-actions {
    grid-template-columns: minmax(0, 1fr) 36px !important;
    gap: 7px !important;
    right: 14px !important;
    bottom: -88px !important;
    left: 14px !important;
    height: 34px !important;
    z-index: 6 !important;
}
.prod-card .prod-action-cart,
.prod-card .prod-action-wish {
    min-height: 34px !important;
    height: 34px !important;
    border-radius: 10px !important;
    font-size: .76rem !important;
}
.prod-card .prod-action-cart i,
.prod-card .prod-action-wish i,
.prod-card .prod-action-cart svg,
.prod-card .prod-action-wish svg {
    width: 14px !important;
    height: 14px !important;
}
.prod-card .prod-action-wish {
    min-width: 36px !important;
}
@media (max-width: 640px) {
    .prod-card .prod-info {
        padding: 6px 14px 35px !important;
    }
    .prod-card .prod-name {
        min-height: 17px !important;
        max-height: 17px !important;
        font-size: .78rem !important;
    }
    .prod-card .prod-pricing {
        min-height: 18px !important;
    }
    .prod-card .prod-price {
        font-size: .94rem !important;
    }
    .prod-card .prod-actions {
        right: 12px !important;
        bottom: -85px !important;
        left: 12px !important;
        height: 30px !important;
    }
    .prod-card .prod-action-cart,
    .prod-card .prod-action-wish {
        min-height: 30px !important;
        height: 30px !important;
        border-radius: 9px !important;
        font-size: .70rem !important;
    }
    .prod-card .prod-action-wish {
        min-width: 34px !important;
    }
}