.Shared site theme */
:root { --primary:#2c5aa0; --primary-dark:#1e3d6f; --accent:#f8b500; --bg:#f5f7fb; --card:#ffffff; --radius:16px; --border:#dfe5ec; --shadow:0 4px 20px rgba(0,0,0,.06); --base-font-size:17px; }
body{margin:0;font-family:'Cairo',sans-serif;background:var(--bg);color:#222;line-height:1.6;font-size:var(--base-font-size)}
a{text-decoration:none;color:inherit}
.page-shell{width:92%;max-width:1200px;margin:0 auto;padding:42px 18px}
.container{width:92%;max-width:1200px;margin:0 auto}
.site-top{background:linear-gradient(120deg,var(--primary),var(--primary-dark));color:#fff;position:sticky;top:0;z-index:1000;box-shadow:0 8px 30px -10px rgba(0,0,0,.32)}
.site-top .top-bar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:22px;padding:26px 0;min-height:120px}
.logo-pack{display:flex;align-items:center;gap:18px;font-weight:900;font-size:32px;line-height:1}
.logo-pack img{height:100px;object-fit:contain;border-radius:12px;background:#fff;padding:10px}
nav.primary-nav ul{list-style:none;margin:0;padding:8px 0;display:flex;gap:26px;flex-wrap:wrap}
nav.primary-nav a{color:#fff;font-weight:700;font-size:16px;padding:12px 22px;border-radius:30px;position:relative;transition:.25s}
nav.primary-nav a:hover,nav.primary-nav a.active{background:rgba(255,255,255,.18)}
nav.primary-nav a .badge-inline{position:absolute;top:-8px;left:-14px;background:var(--accent);color:#222;font-weight:700;font-size:11px;padding:2px 7px;border-radius:14px;line-height:1;box-shadow:0 0 0 2px rgba(255,255,255,.55)}
/* Unified Button System */
.btn{font-family:'Cairo',sans-serif;display:inline-flex;align-items:center;gap:8px;font-weight:700;cursor:pointer;border:none;transition:.25s;font-size:16px;position:relative;background:linear-gradient(120deg,var(--primary),var(--primary-dark));color:#fff;border-radius:12px;padding:12px 20px}
.btn-accent{background:linear-gradient(120deg,var(--accent),#ffd861);color:#222;border-radius:14px;padding:10px 20px;font-weight:700;display:inline-flex;align-items:center;gap:8px}
.btn-danger{background:#dc3545;color:#fff;border-radius:12px;padding:10px 18px;display:inline-flex;align-items:center;gap:8px}
.btn-outline{background:#fff;color:var(--primary);border:1px solid var(--primary);border-radius:12px;padding:10px 18px;font-weight:600;display:inline-flex;align-items:center;gap:8px}
.btn-bid{background:linear-gradient(135deg,#ff9800,#ff5722);color:#fff;border-radius:12px;padding:10px 18px;display:inline-flex;align-items:center;gap:8px;box-shadow:0 3px 10px -2px rgba(255,152,0,.4)}
.btn-bid:hover{filter:brightness(1.05);box-shadow:0 4px 14px -2px rgba(255,152,0,.55)}
.btn:hover{filter:brightness(1.07);transform:translateY(-2px)}
.btn-outline:hover{background:linear-gradient(120deg,var(--primary),var(--primary-dark));color:#fff}
.btn-accent:hover{transform:translateY(-3px);box-shadow:0 6px 18px rgba(0,0,0,.18)}
.btn-danger:hover{filter:brightness(1.08);transform:translateY(-2px)}
.btn:disabled, .btn-danger:disabled, .btn-accent:disabled, .btn-outline:disabled{opacity:.55;cursor:not-allowed;transform:none;filter:grayscale(1)}
.footer-global, footer.site-footer {background: linear-gradient(120deg,var(--primary),var(--primary-dark)) !important; color: #fff !important; margin-top:30px; padding:28px 0 12px}
.site-footer .page-shell{width:92%;max-width:1180px;margin:0 auto;padding:0 18px}
.site-footer .footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:20px;margin-bottom:16px}
.site-footer h4{margin:0 0 10px;font-size:14px;color:#fff}
.site-footer h4:after{content:"";position:absolute;bottom:-4px;right:0;width:36px;height:2px;background:var(--accent);border-radius:2px}
.site-footer .footer-links{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px;font-size:12px}
.site-footer .footer-links a, .footer-global .footer-links a { color: rgba(255,255,255,0.85) !important; display:inline-flex; align-items:center; gap:6px; transition:.18s }
.site-footer .footer-links a:hover, .footer-global .footer-links a:hover { color: var(--accent) !important; transform: translateX(-2px) }
.site-footer .copyright-line, .footer-global .copyright-bar { text-align: center; padding-top:10px; font-size:12px; border-top:1px solid rgba(255,255,255,.06); color: rgba(255,255,255,0.8); margin-top:8px }
.footer-global .grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:20px;margin-bottom:16px}
.footer-global h4{margin:0 0 10px;font-size:14px;color:#fff;position:relative}
.footer-global h4:after{content:"";position:absolute;bottom:-4px;right:0;width:36px;height:2px;background:var(--accent);border-radius:2px}
.footer-links{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px;font-size:12px}
.footer-links a{color:#b7c2cc;display:inline-flex;align-items:center;gap:6px;transition:.18s}
.footer-links a:hover{color:var(--accent);transform:translateX(-2px)}
.copyright-bar{text-align:center;padding-top:10px;font-size:12px;border-top:1px solid rgba(255,255,255,.06);color:#9ba8b3}
/* Utility */
.badge-pill{display:inline-block;background:#eef4fb;padding:4px 10px;border-radius:30px;font-size:11px;font-weight:600;color:#274766}
.card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px}
.grid-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:22px}
/* Legacy .btn-action kept for backward compatibility */
.btn-action{background:linear-gradient(120deg,var(--accent),#ffd861);border:none;color:#222;font-weight:700;padding:10px 16px;border-radius:12px;cursor:pointer;font-size:14px;display:inline-flex;align-items:center;gap:6px;transition:.25s}
.btn-action:hover{transform:translateY(-3px);box-shadow:0 6px 18px rgba(0,0,0,.18)}
.btn-action:disabled{opacity:.55;cursor:not-allowed;filter:grayscale(1)}
.progress-bar-slim{background:#e8edf3;height:8px;border-radius:6px;overflow:hidden;position:relative}
.progress-bar-slim span{display:block;height:100%;background:linear-gradient(90deg,var(--primary),#4d81c8);width:0;transition:width 1s linear}
/* Responsive tweaks */
@media (max-width:680px){nav.primary-nav ul{justify-content:center} }

/* Responsive containers and components */
@media (max-width: 1200px){
	.page-shell,.container{width:94%;padding-left:14px;padding-right:14px}
}
@media (max-width: 992px){
	.grid-cards{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:18px}
}
@media (max-width: 768px){
 	.page-shell,.container{width:96%;padding-left:10px;padding-right:10px}
 	.site-top .top-bar{gap:12px;padding:16px 0;min-height:84px}
 	.logo-pack{font-size:26px}
 	.logo-pack img{height:72px}
 	nav.primary-nav ul{gap:12px;overflow-x:auto;white-space:nowrap;padding-bottom:6px;margin:0 -10px;padding-inline:10px;scrollbar-width:none}
 	nav.primary-nav ul::-webkit-scrollbar{display:none}
 	nav.primary-nav a{font-size:13px;padding:8px 12px}
 	.grid-cards{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}
}
@media (max-width: 480px){
 	.logo-pack{font-size:20px}
 	.logo-pack img{height:48px}
 	.site-top .top-bar{padding:12px 0;min-height:70px}
 	.grid-cards{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}
 	.btn{padding:10px 14px;font-size:14px}
 	.btn-accent,.btn-outline,.btn-danger{padding:10px 14px;font-size:14px}
}

/* 3D layered header effect */
.site-top{position:relative;overflow:visible;perspective:1200px;-webkit-perspective:1200px}
.site-top .top-bar{transform-style:preserve-3d;-webkit-transform-style:preserve-3d;position:relative}
.site-top::before,.site-top::after{content:"";position:absolute;left:0;right:0;height:100%;top:0;border-bottom-left-radius:28px;border-bottom-right-radius:28px;pointer-events:none;z-index:0}
.site-top::before{background:linear-gradient(180deg,rgba(255,255,255,0.08),rgba(255,255,255,0));transform:translateZ(-40px) translateY(6px) scale(1.02);-webkit-transform:translateZ(-40px) translateY(6px) scale(1.02);filter:blur(8px);opacity:0.9}
.site-top::after{background:linear-gradient(120deg,rgba(0,0,0,0.12),rgba(0,0,0,0.02));mix-blend-mode:multiply;transform:translateZ(-80px) translateY(12px) scale(1.04);-webkit-transform:translateZ(-80px) translateY(12px) scale(1.04);filter:blur(18px);opacity:0.85}
.logo-pack, nav.primary-nav{position:relative;z-index:10;transform:translateZ(36px);-webkit-transform:translateZ(36px)}
nav.primary-nav a{transform:translateZ(18px);-webkit-transform:translateZ(18px)}
nav.primary-nav a:hover{transform:translateZ(22px) translateY(-2px);-webkit-transform:translateZ(22px) translateY(-2px);box-shadow:0 8px 20px rgba(0,0,0,.14)}