.header .navbar {
display: flex;
align-items: center;
gap: 1.5rem;
flex-wrap: nowrap;
}
.header .logo-link {
flex: 0 0 auto; } .header .nav-menu {
flex: 1 1 auto;
justify-content: flex-start;
gap: 1.6rem;
flex-wrap: nowrap;
align-items: center;
} .header .header-actions {
flex: 0 0 auto;
gap: 0.6rem;
} .header .logo {
height: 64px !important;
} .header .nav-menu > li {
white-space: nowrap;
}
.header .nav-menu > li > a {
white-space: nowrap;
} @media (min-width: 1550px) {
.header .nav-menu { gap: 2rem; }
.header .header-actions { gap: 1.25rem; }
} @media (min-width: 1350px) and (max-width: 1549px) {
.header .navbar { gap: 0.8rem; }
.header .nav-menu { gap: 0.85rem; }
.header .nav-menu > li > a { font-size: 0.9rem; }
.header .header-actions { gap: 0.5rem; }
.header .social-icons { gap: 0.6rem; }
} @media (max-width: 1349px) {
.header .nav-menu { display: none !important; }
.header .header-actions { display: none !important; }
.header .mobile-toggle { display: flex !important; }
} @media (min-width: 1350px) {
.header .mobile-toggle { display: none !important; }
.header .nav-menu { display: flex !important; }
.header .header-actions { display: flex !important; }
} .header .mobile-toggle {
flex-direction: column;
justify-content: center;
gap: 5px;
width: 44px;
height: 44px;
background: transparent;
border: none;
cursor: pointer;
padding: 0;
}
.header .mobile-toggle span {
display: block;
width: 26px;
height: 2.5px;
background: var(--red, #d71923);
border-radius: 2px;
transition: 0.3s;
} .mobile-menu {
position: fixed;
top: 0;
right: -100%;
width: min(85%, 340px);
height: 100vh;
height: 100dvh; background: #fff;
box-shadow: -4px 0 24px rgba(0,0,0,0.12);
z-index: 10000;
transition: right 0.32s cubic-bezier(.4,0,.2,1);
overflow-y: auto;
-webkit-overflow-scrolling: touch; padding-top: 5rem;
padding-bottom: 2rem; display: block;
overscroll-behavior: contain;
}
.mobile-menu.active {
right: 0;
}
.mobile-menu-overlay {
position: fixed;
inset: 0;
background: rgba(0,0,0,0.45);
opacity: 0;
visibility: hidden;
transition: 0.3s;
z-index: 9999;
}
.mobile-menu-overlay.active {
opacity: 1;
visibility: visible;
} .mobile-nav-list {
list-style: none;
margin: 0;
padding: 0;
}
.mobile-nav-list li {
border-bottom: 1px solid #f0f0f0;
}
.mobile-nav-list li a {
display: block;
padding: 15px 1.5rem;
color: #2c2c2c;
text-decoration: none;
font-size: 1rem;
font-weight: 500;
transition: 0.2s;
}
.mobile-nav-list li a:hover {
background: #f8f9fa;
color: var(--red, #d71923);
padding-left: 1.8rem;
} @media (min-width: 1350px) {
.mobile-menu, .mobile-menu-overlay { display: none; }
} .header .social-icons {
display: none !important;
} @media (min-width: 1350px) {
.header .header-actions {
display: flex !important;
align-items: center;
gap: 0.6rem;
} .header .header-cart-button {
order: 99;
margin-left: 0.3rem;
}
}  @media (min-width: 1350px) {
.header .nav-menu > li:has(> a[href*="rusya-vize-basvurusu"]),
.header .nav-menu > li:has(> a[href*="suudi-arabistan-vize-basvurusu"]) {
position: relative;
} .header .nav-menu > li:has(> a[href*="rusya-vize-basvurusu"]) {
margin-left: auto;
} .header .nav-menu > li:has(> a[href*="suudi-arabistan-vize-basvurusu"]) {
margin-left: 0.5rem;
}
.header .nav-menu a[href*="rusya-vize-basvurusu"],
.header .nav-menu a[href*="suudi-arabistan-vize-basvurusu"] {
display: inline-block;
padding: 10px 18px;
border-radius: 10px;
color: #fff !important;
font-weight: 600;
font-size: 0.9rem;
white-space: nowrap;
transition: transform 0.15s, box-shadow 0.15s, filter 0.15s;
position: relative;
} .header .nav-menu a[href*="rusya-vize-basvurusu"] {
background: #0039A6;
}
.header .nav-menu a[href*="rusya-vize-basvurusu"]:hover {
filter: brightness(1.08);
transform: translateY(-1px);
box-shadow: 0 4px 12px rgba(0,57,166,0.28);
} .header .nav-menu a[href*="suudi-arabistan-vize-basvurusu"] {
background: #165d31;
}
.header .nav-menu a[href*="suudi-arabistan-vize-basvurusu"]:hover {
filter: brightness(1.1);
transform: translateY(-1px);
box-shadow: 0 4px 12px rgba(22,93,49,0.28);
} .header .nav-menu a[href*="rusya-vize-basvurusu"]::after,
.header .nav-menu a[href*="suudi-arabistan-vize-basvurusu"]::after {
display: none !important;
} .header .nav-menu > li:has(> a[href*="rusya-vize-basvurusu"])::after,
.header .nav-menu > li:has(> a[href*="suudi-arabistan-vize-basvurusu"])::after {
content: "Yeni";
position: absolute;
top: -7px;
right: -6px;
padding: 1px 6px;
font-size: 8.5px;
font-weight: 700;
line-height: 1.5;
color: #fff;
border-radius: 99px;
text-transform: uppercase;
letter-spacing: 0.3px;
box-shadow: 0 1px 4px rgba(0,0,0,0.2);
z-index: 2;
} .header .nav-menu > li:has(> a[href*="rusya-vize-basvurusu"])::after {
background: #ff7a00; }
.header .nav-menu > li:has(> a[href*="suudi-arabistan-vize-basvurusu"])::after {
background: #d4a017; }
} .mobile-nav-list li:has(a[href*="rusya-vize-basvurusu"]),
.mobile-nav-list li:has(a[href*="suudi-arabistan-vize-basvurusu"]) {
border-bottom: none;
padding: 6px 1.5rem;
} .mobile-nav-list li:has(a[href*="rusya-vize-basvurusu"]) {
margin-top: 0.5rem;
padding-top: 12px;
border-top: 1px solid #ececec;
}
.mobile-nav-list a[href*="rusya-vize-basvurusu"],
.mobile-nav-list a[href*="suudi-arabistan-vize-basvurusu"] {
display: flex !important;
align-items: center;
justify-content: center;
gap: 8px;
padding: 13px 1rem !important;
border-radius: 10px;
color: #fff !important;
font-weight: 700;
font-size: 1rem;
text-align: center;
} .mobile-nav-list a[href*="rusya-vize-basvurusu"] {
background: #0039A6 !important;
} .mobile-nav-list a[href*="suudi-arabistan-vize-basvurusu"] {
background: #165d31 !important;
} .mobile-nav-list a[href*="rusya-vize-basvurusu"]:hover,
.mobile-nav-list a[href*="suudi-arabistan-vize-basvurusu"]:hover {
padding-left: 1rem !important;
filter: brightness(1.05);
} .mobile-nav-list a[href*="rusya-vize-basvurusu"]::after,
.mobile-nav-list a[href*="suudi-arabistan-vize-basvurusu"]::after {
content: "Yeni";
display: inline-block;
padding: 1px 7px;
font-size: 9px;
font-weight: 700;
line-height: 1.5;
color: #fff;
background: rgba(255,255,255,0.25);
border-radius: 99px;
vertical-align: middle;
text-transform: uppercase;
letter-spacing: 0.3px;
} @media (min-width: 1350px) and (max-width: 1549px) {
.header .nav-menu a[href*="rusya-vize-basvurusu"],
.header .nav-menu a[href*="suudi-arabistan-vize-basvurusu"] {
padding: 8px 13px;
font-size: 0.82rem;
}
.header .header-actions .btn-primary {
padding: 12px 20px;
font-size: 0.9rem;
}
} @media (min-width: 1350px) {
.header .header-actions .btn-primary {
padding: 10px 20px;
border-radius: 10px;
font-size: 0.9rem;
font-weight: 700;
background: #d71923;
color: #fff;
box-shadow: 0 4px 14px rgba(215,25,35,0.32); transition: transform 0.15s, box-shadow 0.15s, filter 0.15s;
}
.header .header-actions .btn-primary:hover {
filter: brightness(1.06);
transform: translateY(-1px);
box-shadow: 0 6px 18px rgba(215,25,35,0.42);
} .header .header-actions {
margin-left: 0.4rem;
}
}  .header .nav-menu > li:has(> a[href*="rusya-vize-basvurusu"])::after,
.header .nav-menu > li:has(> a[href*="suudi-arabistan-vize-basvurusu"])::after,
.mobile-nav-list a[href*="rusya-vize-basvurusu"]::after,
.mobile-nav-list a[href*="suudi-arabistan-vize-basvurusu"]::after {
content: none !important;
display: none !important;
} @media (max-width: 1349px) {
.header .header-actions {
display: flex !important;
align-items: center;
margin-left: auto;
margin-right: 0.35rem;
gap: 0;
}
.header .header-actions .social-icons,
.header .header-actions .btn-primary {
display: none !important;
}
.header .header-cart-button {
display: flex !important;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
background: transparent !important;
border-radius: 8px;
font-size: 21px;
color: #d71923;
}
.header .header-cart-button .cart-count {
top: -2px;
right: -2px;
font-size: 10px;
height: 18px;
min-width: 18px;
} .mobile-menu > div:has(> button.btn-primary) {
display: none !important;
}
} @media (max-width: 1349px) {
.mobile-menu > .mobile-nav-list {
padding-bottom: 0 !important;
}
.mobile-nav-list li:has(a[href*="rusya-vize-basvurusu"]) {
margin-top: 0.5rem;
padding: 24px 1.5rem 0;
border-top: 1px solid #ececec;
border-bottom: none;
}
.mobile-nav-list li:has(a[href*="suudi-arabistan-vize-basvurusu"]) {
margin-top: 0;
padding: 12px 1.5rem 0;
border-top: none;
border-bottom: none;
}
.mobile-menu > div:has(> a.btn-primary) {
padding: 12px 1.5rem 1.5rem !important;
} .mobile-nav-list a[href*="rusya-vize-basvurusu"],
.mobile-nav-list a[href*="suudi-arabistan-vize-basvurusu"],
.mobile-menu > div > a.btn.btn-primary {
display: flex !important;
align-items: center;
justify-content: center;
height: 54px !important;
padding: 0 1rem !important;
border-radius: 10px;
font-size: 1rem;
font-weight: 700;
box-sizing: border-box;
}
}