:root{--color-primary:#0F3D2E;--color-primary-hover:#0B2E22;--color-primary-light:rgba(15,61,46,0.08);--color-accent-gold:#C6A75E;--color-gold-light:rgba(198,167,94,0.12);--color-charcoal:#1C1C1C;--color-muted:#6B7280;--color-bg:#FFFFFF;--color-surface:#F7F7F8;--color-border:#E5E7EB;--color-success:#16A34A;--color-warning:#D97706;--color-danger:#DC2626;--color-info:#2563EB;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--shadow-card:0 8px 24px rgba(0,0,0,0.08);--shadow-hover:0 12px 32px rgba(0,0,0,0.12);--font-arabic:"IBM Plex Sans Arabic","Tajawal",system-ui,sans-serif;--font-latin:"Inter",system-ui,sans-serif}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--font-arabic);background:var(--color-bg);color:var(--color-charcoal);line-height:1.6;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}.header{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.92);backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border)}.header-inner{max-width:1280px;margin:0 auto;padding:0 24px;height:72px;justify-content:space-between}.header-inner,.logo-link{display:flex;align-items:center}.logo-link{gap:10px}.logo-img{width:40px;height:40px;border-radius:8px}.logo-text{font-weight:700;font-size:1.2rem;color:var(--color-primary)}.main-nav{display:flex;gap:32px}.nav-link{font-weight:500;font-size:.95rem;color:var(--color-muted);transition:color .2s;position:relative}.nav-link:hover{color:var(--color-primary)}.nav-link:after{content:"";position:absolute;bottom:-4px;right:0;width:0;height:2px;background:var(--color-accent-gold);transition:width .3s ease}.nav-link:hover:after{width:100%}.header-actions{display:flex;gap:12px;align-items:center}.btn-primary{background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-md);padding:10px 24px;font-weight:600;font-family:var(--font-arabic);font-size:.9rem;cursor:pointer;transition:background .2s,transform .15s;text-decoration:none;display:inline-flex;align-items:center;gap:8px}.btn-primary:hover{background:var(--color-primary-hover);transform:translateY(-1px)}.btn-gold{background:linear-gradient(135deg,var(--color-accent-gold),#b8963f);color:var(--color-charcoal);border:none;border-radius:var(--radius-md);padding:10px 24px;font-weight:600;font-family:var(--font-arabic);font-size:.9rem;cursor:pointer;transition:opacity .2s,transform .15s;display:inline-flex;align-items:center;gap:8px}.btn-gold:hover{opacity:.9;transform:translateY(-1px)}.btn-outline{background:transparent;color:var(--color-primary);border:2px solid var(--color-primary);border-radius:var(--radius-md);padding:8px 22px;font-weight:600;font-family:var(--font-arabic);font-size:.9rem;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;gap:8px}.btn-outline:hover{background:var(--color-primary);color:#fff}.hero{background:linear-gradient(135deg,var(--color-primary) 0,#1a5c44 50%,#0F3D2E 100%);color:#fff;padding:80px 24px;text-align:center;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;top:-50%;right:-30%;width:600px;height:600px;background:radial-gradient(circle,rgba(198,167,94,.15) 0,transparent 70%);border-radius:50%}.hero h1{font-size:2.8rem;font-weight:700;margin-bottom:16px;position:relative}.hero h1 .gold{color:var(--color-accent-gold)}.hero p{font-size:1.15rem;color:rgba(255,255,255,.85);max-width:600px;margin:0 auto 32px;position:relative}.hero-actions{gap:16px;position:relative}.hero-actions,.stats-bar{display:flex;justify-content:center}.stats-bar{gap:48px;padding:32px 24px;background:var(--color-surface);border-bottom:1px solid var(--color-border)}.stat-item{text-align:center}.stat-number{font-size:2rem;font-weight:700;color:var(--color-primary);font-family:var(--font-latin)}.stat-label{font-size:.85rem;color:var(--color-muted);margin-top:4px}.section{max-width:1280px;margin:0 auto;padding:64px 24px}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.section-title{font-size:1.6rem;font-weight:700;color:var(--color-charcoal)}.section-title .gold-dot{color:var(--color-accent-gold)}.section-link{font-size:.9rem;font-weight:600;color:var(--color-primary);transition:color .2s}.section-link:hover{color:var(--color-accent-gold)}.cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px}.card{background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);overflow:hidden;transition:transform .25s ease,box-shadow .25s ease}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow-hover)}.card-image{width:100%;height:200px;background:var(--color-surface);display:flex;align-items:center;justify-content:center;color:var(--color-muted);font-size:3rem}.card-body{padding:20px}.card-type{display:inline-block;padding:4px 12px;border-radius:9999px;font-size:.75rem;font-weight:600;margin-bottom:8px}.card-type.trademark{background:var(--color-primary-light);color:var(--color-primary)}.card-type.factory{background:var(--color-gold-light);color:#8B6914}.card-type.store{background:rgba(37,99,235,.1);color:var(--color-info)}.card-title{font-size:1.1rem;font-weight:600;margin-bottom:6px;color:var(--color-charcoal)}.card-meta{display:flex;justify-content:space-between;align-items:center;margin-top:12px}.card-price{font-weight:700;font-size:1.1rem;color:var(--color-primary);font-family:var(--font-latin)}.card-location{font-size:.85rem;color:var(--color-muted)}.categories-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.category-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:32px;text-align:center;transition:all .3s;cursor:pointer}.category-card:hover{background:var(--color-primary);color:#fff;border-color:var(--color-primary);transform:translateY(-4px);box-shadow:var(--shadow-hover)}.category-icon{font-size:2.5rem;margin-bottom:12px}.category-name{font-size:1.15rem;font-weight:600}.category-count{font-size:.85rem;color:var(--color-muted);margin-top:4px}.category-card:hover .category-count{color:rgba(255,255,255,.7)}.cta-banner{background:linear-gradient(135deg,#0F3D2E,#1a5c44);border-radius:var(--radius-xl);padding:48px;display:flex;align-items:center;justify-content:space-between;color:#fff;margin:48px 0}.cta-text h2{font-size:1.6rem;font-weight:700;margin-bottom:8px}.cta-text p{color:rgba(255,255,255,.8)}.badge{display:inline-flex;align-items:center;gap:4px;padding:4px 12px;border-radius:9999px;font-size:.75rem;font-weight:600}.badge-gold{background:var(--color-gold-light);color:var(--color-accent-gold)}.badge-primary{background:var(--color-primary-light);color:var(--color-primary)}.page-hero{background:var(--color-primary);color:#fff;padding:48px 24px;text-align:center}.page-hero h1{font-size:2rem;font-weight:700;margin-bottom:8px}.page-hero p{color:rgba(255,255,255,.8);font-size:1.05rem}.footer{background:var(--color-charcoal);color:rgba(255,255,255,.7);padding:32px 24px;margin-top:64px}.footer-inner{max-width:1280px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.footer-links{display:flex;gap:24px}.footer-links a{color:rgba(255,255,255,.6);font-size:.85rem;transition:color .2s}.footer-links a:hover{color:var(--color-accent-gold)}@media (max-width:768px){.hero h1{font-size:2rem}.hero-actions{flex-direction:column;align-items:center}.stats-bar{gap:24px;flex-wrap:wrap}.cards-grid,.categories-grid{grid-template-columns:1fr}.cta-banner{flex-direction:column;text-align:center;gap:24px}.main-nav{display:none}.footer-inner{flex-direction:column;gap:16px;text-align:center}}