/* =========================
   OUD MOUNTAINS – Base Theme (Final CSS)
   ========================= */
:root{
  --main:#3b2a1a;         /* بني داكن (عود) */
  --gold:#c8a96a;         /* ذهبي راقي */
  --ink:#111827;          /* نص داكن */
  --muted:#6b7280;        /* نص ثانوي */
  --white:#fff;
  --radius:16px;
  --dur:.35s;
  --ease:cubic-bezier(.4,0,.2,1);
}

/* خط عام */
html,body{font-family:'Cairo',system-ui,Arial,sans-serif;color:var(--ink);background:#fff}
img{max-width:100%;height:auto}

/* =========================
   (A) البنرات — خلفية شفافة + بدون قص
   ========================= */
section.s-block.s-block--fixed-banner,
section.s-block.s-block--fixed-banner .container,
.s-block--banners,.s-block--banners .container,.s-block--banners .grid,
a.banner-entry,.banner,.square-photos{
  background:transparent!important;box-shadow:none!important;border:0!important;padding:0!important;margin:0
}
section.s-block.s-block--fixed-banner .banner--fixed img,
a.banner-entry img,.banner img,.square-photos img{
  display:block!important;width:100%!important;height:auto!important;object-fit:contain!important;background:transparent!important;border-radius:0!important
}

/* =========================
   (B) كروت المنتجات — تصميم احترافي
   ========================= */
.s-product-card-vertical{
  background:#fff!important;border:1px solid #eee!important;border-radius:var(--radius)!important;
  box-shadow:0 4px 18px rgba(0,0,0,.06)!important;overflow:hidden;
  transition:transform var(--dur) var(--ease),box-shadow var(--dur) var(--ease)
}
.s-product-card-vertical:hover{
  transform:translateY(-6px) scale(1.01);
  box-shadow:0 10px 28px rgba(0,0,0,.12)!important;border-color:#e8e0d2!important
}
.s-product-card-image img{
  height:260px;object-fit:contain;display:block;background:transparent;
  transition:transform .5s var(--ease),filter .5s var(--ease)
}
.s-product-card-vertical:hover .s-product-card-image img{transform:scale(1.05);filter:drop-shadow(0 10px 18px rgba(0,0,0,.15))}
@media (max-width:991px){.s-product-card-image img{height:220px}}
@media (max-width:600px){
  .s-product-card-image img{height:160px}
  .s-product-card-vertical{margin-bottom:14px}
}

.s-product-card-content{padding:12px 14px}
.s-product-card-content-title a{
  display:block;text-align:center;font-weight:800;color:var(--main);
  transition:color var(--dur) var(--ease)
}
.s-product-card-content-title a:hover{color:var(--gold)}
.s-product-card-sale-price h4,.s-product-card-sale-price span{color:var(--main);font-weight:800;text-align:center}

.s-product-card-content-footer .s-button-btn{
  border-radius:999px;background:var(--gold)!important;color:#1f2937!important;border:0;
  box-shadow:0 10px 24px rgba(200,169,106,.25);
  transition:transform var(--dur) var(--ease),box-shadow var(--dur) var(--ease),background var(--dur) var(--ease)
}
.s-product-card-content-footer .s-button-btn:hover{
  background:#b8924e!important;transform:translateY(-2px);
  box-shadow:0 14px 30px rgba(200,169,106,.35)
}
.s-product-card-content-footer .s-button-btn i,
.s-product-card-content-footer .s-button-btn .sicon-shopping-bag{display:none!important}

/* =========================
   (C) قسم العناصر المخصّصة – شبكة مرتبة
   ========================= */
section.s-block.s-block--banners.container{width:100%!important;margin:2rem auto!important;padding:0 12px!important}
section.s-block.s-block--banners.container .grid{
  display:grid!important;
  grid-template-columns:repeat(4,1fr)!important;
  gap:16px!important;
  align-items:stretch!important
}
section.s-block.s-block--banners.container .banner-entry{
  background:var(--gold)!important;border-radius:14px!important;overflow:hidden!important;
  min-height:150px;display:flex!important;flex-direction:column!important;
  justify-content:center!important;align-items:center!important;text-align:center!important;
  padding:20px!important;transition:transform .3s ease, box-shadow .3s ease
}
section.s-block.s-block--banners.container .banner-entry:hover{
  transform:translateY(-4px);box-shadow:0 6px 20px rgba(0,0,0,.15)
}
section.s-block.s-block--banners.container .banner-entry img{
  width:50px!important;height:50px!important;object-fit:contain!important;margin-bottom:10px
}
section.s-block.s-block--banners.container .banner-entry h3,
section.s-block.s-block--banners.container .banner-entry p{color:#fff!important;margin:0;line-height:1.4}

@media (max-width:991px){
  section.s-block.s-block--banners.container .grid{grid-template-columns:repeat(3,1fr)!important}
}
@media (max-width:600px){
  section.s-block.s-block--banners.container .grid{grid-template-columns:repeat(2,1fr)!important}
  section.s-block.s-block--banners.container .banner-entry{min-height:120px}
}

/* =========================
   (D) بصمة “تصميم وتطوير شركة صفقة”
   ========================= */
.copyRight, .dev-badge{
  display:inline-flex;align-items:center;gap:8px;padding:8px 14px;margin-top:14px;border-radius:999px;
  background:#fff;color:#000;font-weight:700;font-size:.9rem;box-shadow:0 2px 12px rgba(0,0,0,.08)
}
.copyRight:hover{background:#000;color:#fff;transition:.3s}
.copyRight a{color:inherit;text-decoration:none}

/* =========================
   (E) فوتر أنيق
   ========================= */
footer.store-footer,.store-footer__inner,.footer{
  background:#c8a96a!important; /* بيج من الهوية */
  color:var(--white)!important;padding:3rem 0 2rem 0;position:relative;overflow:hidden
}
.store-footer__inner .container{
  display:flex;flex-wrap:wrap;gap:2rem;justify-content:space-between;align-items:flex-start
}
.store-footer__inner h3{color:#fff!important;font-size:1.15rem;font-weight:800;margin-bottom:.8rem;position:relative}
.store-footer__inner h3::after{
  content:"";position:absolute;bottom:-6px;right:0;width:46px;height:3px;background:var(--main);border-radius:2px
}
.store-footer__inner ul li{margin-bottom:6px;color:rgba(255,255,255,.9)}
.store-footer__inner ul li a{color:rgba(255,255,255,.9);text-decoration:none;transition:color var(--dur) var(--ease)}
.store-footer__inner ul li a:hover{color:var(--main)}
.store-footer__inner .s-social-list i{
  color:#fff;font-size:1.2rem;padding:10px;background:rgba(255,255,255,.12);border-radius:50%;
  transition:transform var(--dur) var(--ease),background var(--dur) var(--ease)
}
.store-footer__inner .s-social-list i:hover{transform:translateY(-2px);background:rgba(255,255,255,.2)}
@media (max-width:768px){
  .store-footer__inner .container{flex-direction:column;text-align:center}
  .store-footer__inner h3::after{left:50%;transform:translateX(-50%)}
}
/* أول بنر فل ويدث بدون مسافات جانبية */
.s-block--fixed-banner .container,
.s-block--fixed-banner .banner--fixed,
.s-block--fixed-banner .banner,
.s-block--fixed-banner a.banner-entry {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  border-radius: 0 !important;
}

.s-block--fixed-banner img {
  width: 100% !important;
  height: auto !important;
  object-fit: cover !important;
  border-radius: 0 !important;
  display: block !important;
}