-
فضة أونصة
-
ذهب أونصة
-
24 ذهب عيار
-
22 ذهب عيار
-
21 ذهب عيار
-
18 ذهب عيار
/* ========== Demas Luxury Base ========== */
:root{
--dg-bg: #0b0b0d;
--dg-surface: #121218;
--dg-text: #e9e9ee;
--dg-muted: #b9b9c4;
--dg-gold: #d4af37;
--dg-gold-2: #b78b1e;
--dg-border: rgba(255,255,255,.10);
--dg-radius: 16px;
}
/* Body / Typography */
html, body{
text-rendering: optimizeLegibility;
}
body{
background: var(--dg-bg);
color: var(--dg-text);
letter-spacing: .2px;
}
h1,h2,h3,h4{
letter-spacing: .3px;
}
a{
color: var(--dg-text);
}
a:hover{
color: var(--dg-gold);
}
/* Containers surfaces (best-effort) */
section, .container, .content, .card, .box, .panel{
border-color: var(--dg-border);
}
/* Buttons */
button, .btn, a.btn, input[type="submit"]{
border-radius: calc(var(--dg-radius) - 4px) !important;
}
.btn-primary, .primary, .add-to-cart, .buy-now{
background: linear-gradient(135deg, var(--dg-gold), var(--dg-gold-2)) !important;
color: #111 !important;
border: 0 !important;
box-shadow: 0 10px 25px rgba(212,175,55,.18);
}
.btn-primary:hover, .add-to-cart:hover, .buy-now:hover{
transform: translateY(-1px);
box-shadow: 0 14px 35px rgba(212,175,55,.24);
}
/* Product cards (best-effort) */
.product, .product-card, .product-item, .product-box{
background: var(--dg-surface) !important;
border: 1px solid var(--dg-border) !important;
border-radius: var(--dg-radius) !important;
overflow: hidden;
transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.product:hover, .product-card:hover, .product-item:hover{
transform: translateY(-3px);
border-color: rgba(212,175,55,.35) !important;
box-shadow: 0 18px 40px rgba(0,0,0,.45);
}
/* Product images */
.product img, .product-card img, .product-item img{
width: 100%;
height: auto;
display: block;
}
/* Price emphasis */
.price, .product-price, .amount{
color: var(--dg-gold) !important;
font-weight: 800 !important;
}
/* Top announcement / coupon bar (best-effort) */
.announcement, .topbar, .marquee, .banner, .header-bar{
background: rgba(212,175,55,.10) !important;
border-bottom: 1px solid rgba(212,175,55,.22) !important;
color: var(--dg-text) !important;
}
.announcement *, .topbar *{
font-weight: 600;
}
/* Header */
header, .header, .site-header{
background: rgba(11,11,13,.92) !important;
backdrop-filter: blur(10px);
border-bottom: 1px solid var(--dg-border);
}
/* Footer readability */
footer, .footer, .site-footer{
background: #0a0a0c !important;
color: var(--dg-text) !important;
border-top: 1px solid var(--dg-border);
}
footer a, .footer a{
color: var(--dg-text) !important;
opacity: .9;
}
footer a:hover, .footer a:hover{
color: var(--dg-gold) !important;
opacity: 1;
}
footer p, .footer p, footer li, .footer li{
color: var(--dg-muted) !important;
}
/* Inputs */
input, select, textarea{
background: rgba(255,255,255,.04) !important;
border: 1px solid var(--dg-border) !important;
color: var(--dg-text) !important;
border-radius: calc(var(--dg-radius) - 6px) !important;
}
input:focus, select:focus, textarea:focus{
outline: none !important;
border-color: rgba(212,175,55,.45) !important;
box-shadow: 0 0 0 4px rgba(212,175,55,.10);
}
/* Mobile spacing */
@media (max-width: 768px){
.btn-primary, .add-to-cart, .buy-now{
width: 100% !important;
}
}