.top-bar{background:var(--color-primary-dark);color:#fff;font-size:.8125rem;padding:var(--spacing-xs)0;.container{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--spacing-sm)}nav ul{display:flex;gap:var(--spacing-md);list-style:none;a{color:rgba(255,255,255,.85);transition:color var(--transition-fast);&:hover{color:var(--color-accent)}}}.contact-meta{display:flex;gap:var(--spacing-lg);align-items:center;span{display:inline-flex;align-items:center;gap:var(--spacing-xs);color:rgba(255,255,255,.85)}}@media(max-width:768px){display: none;}}.site-header{background:var(--color-background);border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:1000;transition:box-shadow var(--transition-base);&.scrolled{box-shadow:var(--shadow-md)}.container{display:flex;align-items:center;justify-content:space-between;padding-block:var(--spacing-sm);gap:var(--spacing-lg)}.brand{display:flex;align-items:center;gap:var(--spacing-sm);text-decoration:none;flex-shrink:0;img{height:48px;width:auto}div{display:flex;flex-direction:column;line-height:1.2;span{font-size:1.05rem;font-weight:700;color:var(--color-primary)}small{font-size:.72rem;font-weight:500;color:var(--color-text-light)}}}@media(max-width:900px){.container{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm);position:relative}.brand{order:1}.lang-switcher{order:2;margin:0 auto}.main-nav{order:3}}}.main-nav{display:flex;align-items:center;ul{display:flex;list-style:none;gap:var(--spacing-xs);a{display:inline-flex;align-items:center;color:var(--color-text);font-weight:500;font-size:.9rem;padding:.4rem .75rem;border-radius:var(--radius-md);transition:all var(--transition-fast);text-decoration:none;&:hover{color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 8%,transparent)}}}.nav-toggle{display:none;background:0 0;border:none;cursor:pointer;padding:var(--spacing-sm);border-radius:var(--radius-md);.hamburger{display:block;width:22px;height:2px;background:var(--color-text);position:relative;transition:background var(--transition-fast);&::before, &::after{content:'';position:absolute;width:100%;height:100%;background:var(--color-text);left:0;transition:transform var(--transition-base),top var(--transition-base),bottom var(--transition-base)}&::before{top:-6px}&::after{bottom:-6px}}&[aria-expanded=true] .hamburger{background:0 0;&::before{top:0;transform:rotate(45deg)}&::after{bottom:0;transform:rotate(-45deg)}}}@media(max-width:900px){.nav-toggle{display:block}ul{display:none;position:absolute;top:100%;left:0;right:0;background:var(--color-background);border-bottom:1px solid var(--color-border);flex-direction:column;padding:var(--spacing-md);box-shadow:var(--shadow-lg);&.is-active{display:flex}li a{width:100%;padding:var(--spacing-sm)var(--spacing-md)}}}}.lang-switcher{display:flex;background:var(--color-background-alt);padding:2px;border-radius:var(--radius-full);border:1px solid var(--color-border);a{padding:.25rem .85rem;border-radius:var(--radius-full);font-size:.825rem;font-weight:600;color:var(--color-text-secondary);text-decoration:none;transition:all var(--transition-fast);&:hover{background:var(--color-primary);color:#fff}}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:.6rem 1.4rem;font-family:inherit;font-size:.95rem;font-weight:600;border-radius:var(--radius-md);border:1px solid transparent;cursor:pointer;text-decoration:none;transition:all var(--transition-fast)}.btn-primary{background:var(--color-primary);color:#fff;&:hover{background:var(--color-primary-light)}}.btn-outline-primary{background:0 0;border-color:var(--color-primary);color:var(--color-primary);&:hover{background:var(--color-primary);color:#fff}}.btn-outline-secondary{background:0 0;border-color:var(--color-border);color:var(--color-text-secondary);&:hover{background:var(--color-background-alt);color:var(--color-text)}}.btn-success{background:#15803d;color:#fff;&:hover{background:#166534}}.btn-danger{background:#b91c1c;color:#fff;&:hover{background:#991b1b}}.btn-sm{padding:.35rem .75rem;font-size:.825rem}.badge{display:inline-flex;align-items:center;padding:.25rem .75rem;font-size:.8rem;font-weight:600;border-radius:var(--radius-full)}.badge-warning{background:#fef3c7;color:#92400e}.badge-info{background:#e0f2fe;color:#0369a1}.badge-success{background:#dcfce7;color:#166534}.badge-secondary{background:var(--color-background-alt);color:var(--color-text-secondary);border:1px solid var(--color-border)}.surface-card{background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);overflow:hidden;.surface-card-header{background:var(--color-primary-dark);color:#fff;padding:var(--spacing-lg)var(--spacing-xl);display:flex;align-items:center;justify-content:space-between}.surface-card-body{padding:var(--spacing-xl)}}.site-footer{background:var(--color-background-dark);color:#fff;padding:var(--spacing-3xl)0 0;margin-top:auto;.footer-grid{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:var(--spacing-2xl);padding-bottom:var(--spacing-2xl);border-bottom:1px solid rgba(255,255,255,.1);@media(max-width:900px){grid-template-columns: 1fr 1fr;}@media(max-width:600px){grid-template-columns: 1fr;}}.footer-about{.brand{display:flex;align-items:center;gap:var(--spacing-sm);color:#fff;text-decoration:none;margin-bottom:var(--spacing-md);font-size:1.1rem;font-weight:700}p{color:rgba(255,255,255,.7);margin-bottom:var(--spacing-lg);line-height:1.7;font-size:.9rem}.social-links{display:flex;gap:var(--spacing-sm);a{width:40px;height:40px;background:rgba(255,255,255,8%);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:#fff;transition:all var(--transition-fast);&:hover{background:var(--color-primary);transform:translateY(-2px)}}}}.footer-col{h2{color:#fff;font-size:1.05rem;margin-bottom:var(--spacing-md);position:relative;padding-bottom:var(--spacing-xs);&::after{content:'';position:absolute;bottom:0;inset-inline-start:0;width:32px;height:2px;background:var(--color-primary-light);border-radius:var(--radius-full)}}ul{list-style:none;display:flex;flex-direction:column;gap:var(--spacing-sm);a{color:rgba(255,255,255,.7);font-size:.9rem;text-decoration:none;transition:all var(--transition-fast);&:hover{color:var(--color-accent);transform:translateX(4px)}}}address{font-style:normal;display:flex;flex-direction:column;gap:var(--spacing-md);div{display:flex;align-items:flex-start;gap:var(--spacing-sm);color:rgba(255,255,255,.7);font-size:.9rem;svg{flex-shrink:0;color:var(--color-primary-light);margin-top:3px}}}} [dir="rtl"] .footer-col ul a:hover { transform: translateX(-4px); } .footer-bottom { padding: var(--spacing-lg) 0; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: var(--spacing-md); p { color: rgba(255, 255, 255, 0.6); margin: 0; font-size: 0.875rem; } nav { display: flex; gap: var(--spacing-lg); flex-wrap: wrap; a { color: rgba(255, 255, 255, 0.6); font-size: 0.875rem; text-decoration: none; &:hover { color: #ffffff; } } } }}