/* Ankara Laptop ve Bilgisayar Servisi */
body { margin: 0; }

.main { background-color: #1d648d; padding-top: 10px; }

.header_resize { 
background-image: url(resim/laptop-bilgisayar-tamiri-ankara.png); 
background-repeat: repeat-x; 
width: 1300px; 
height: 300px; 
margin-right: auto; 
margin-left: auto; 
}
.content_resize { 
width: 1300px; 
margin-right: auto; 
margin-left: auto; 
}
.content .mainbar { width: 100%; }
.content .mainbar h2 { 
color: #163032; 
font-size: 26px; 
}
.content .mainbar .article { 
color: #333; 
font-size: 18px; 
font-family: Calibri, Tahoma, "Trebuchet MS"; 
font-weight: 400; 
line-height: 1.6em; 
background-color: #fff; 
margin-top: 20px; 
padding: 20px; 
}
.content .mainbar .article a { 
margin-right: 5px; 
display: inline-block; 
}
.content .mainbar .comment img.userpic { 
float: left; 
margin-right: 20px; 
margin-bottom: 50px; 
padding: 5px; 
border: solid 1px #a3daec; 
}
.menu_nav { 
text-transform: uppercase; 
float: right; 
padding-top: 30px; 
padding-right: 20px; 
}
.menu_nav ul { 
list-style-type: none; 
}
.menu_nav ul li { 
padding-left: 5px; 
float: left; 
}
.menu_nav ul li a { 
color: #fff; 
font-family: Calibri; 
text-decoration: none; 
background-color: #185273; 
padding: 8px; 
}
.menu_nav ul li.active a, 
.menu_nav ul li a:hover { 
color: #fff; 
background-color: #666; 
padding: 8px; 
}
.line { 
background-color: #1d648d; 
margin: 30px -20px; 
height: 20px; 
clear: both; 
}
.bosluk { 
background-image: url(../images/bosluk.png); 
margin: 30px -20px; 
height: 60px; 
clear: both; 
}
.clr { 
width: 100%; 
clear: both; 
}
a { 
color: #0a434f; 
font-weight: bold; 
text-decoration: none; 
}
a:hover { 
color: #fff; 
background-color: #3c8faa; 
}
p.infopost { 
color: #666; 
font-size: 12px; 
font-weight: bold; 
line-height: 1.7em; 
}
h1 { color: #333; font-size: 28px; }
h2 { color: #333; font-size: 26px; }
h3 { color: #333; font-size: 24px; }
h4 { color: #333; font-size: 24px; }
h5 { color: #333; font-size: 20px; margin: 1.67em 0; }
.fbg { 
font-size: 16px; 
font-family: Calibri; 
line-height: 1.7em; 
width: auto; 
padding-top: 20px; 
padding-bottom: 50px; 
}
.fbg a { color: #fff; }
.fbg_resize { 
color: #fff; 
background: #333; 
width: 1300px; 
margin-right: auto; 
margin-left: auto; 
}
.fbg_tags { 
color: #fff; 
font-size: 12px; 
padding: 10px; 
border: solid 1px #21bdbd; 
}
.fbg h2 { color: #fff; font-size: 20px; }
.fbg h3 { color: #fff; font-size: 20px; }
.fbg .col { float: left; }
.fbg .c1 { 
width: 410px; 
margin-left: 10px; 
padding-right: 20px; 
padding-left: 20px; 
}
.fbg .c2 { 
width: 410px; 
margin-left: 10px; 
}
.fbg .c3 { 
width: 410px; 
float: right; 
margin-left: 10px; 
}

/* --- Dropdown Menü (Teknik Servis > Markalar) --- */

/* Alt menü yapısı: <li class="has-sub"> ... <ul class="sub_menu"> ... </ul> */
.menu_nav ul { margin: 0; padding: 0; }

.menu_nav ul li.has-sub { 
position: relative; 
}

/* Alt menü (desktop) */
.menu_nav ul li .sub_menu {
display: none;
position: absolute;
top: 100%;
right: 0;            /* sağa hizalı */
min-width: 240px;
background-color: #185273;
padding: 6px 0;
margin: 0;
z-index: 99999;
box-shadow: 0 6px 16px rgba(0,0,0,0.25);
}

.menu_nav ul li .sub_menu li {
float: none;
padding-left: 0;
width: 100%;
}

.menu_nav ul li .sub_menu li a {
display: block;
padding: 10px 12px;
background-color: #185273;
white-space: nowrap;
}

/* Hover / klavye ile açma (desktop) */
.menu_nav ul li.has-sub:hover > .sub_menu,
.menu_nav ul li.has-sub:focus-within > .sub_menu {
display: block;
}

/* Alt menü link hover */
.menu_nav ul li .sub_menu li a:hover {
background-color: #666;
}

/* Mobilde alt menüyü dropdown gibi değil, liste gibi gösterelim */
@media (max-width: 767px) {

  .menu_nav ul li.has-sub { 
    width: auto; 
    float: right; 
    clear: both; 
  }

  .menu_nav ul li .sub_menu {
    position: static;
    display: block;         /* mobilde her zaman görünsün */
    min-width: auto;
    box-shadow: none;
    padding: 0;
    margin-top: 4px;
    background: transparent;
  }

  .menu_nav ul li .sub_menu li a {
    background-color: #f60; /* sizde mobil menü rengi bu */
    padding-left: 14px;     /* alt menü girintisi */
  }
}


/* --- Hızlı Tuşlar Modern Tasarım --- */
.quick-buttons { 
position: fixed; 
bottom: 20px; 
right: 20px; 
display: flex; 
flex-direction: column; 
gap: 8px; 
z-index: 9999; 
}
.quick-buttons .qb { 
display: block; 
padding: 10px 16px; 
font-size: 14px; 
color: #fff; 
background: #1e90ff; 
border-radius: 6px; 
text-decoration: none; 
font-family: Calibri, Arial, sans-serif; 
box-shadow: 0 2px 6px rgba(0,0,0,0.18); 
transition: 0.2s ease; 
}
.quick-buttons .qb:hover { 
background: #1374d6; 
box-shadow: 0 3px 8px rgba(0,0,0,0.25); 
}
.quick-buttons .whatsapp { background: #25d366; }
.quick-buttons .whatsapp:hover { background: #1eb457; }
.quick-buttons .maps { background: #ff9800; }
.quick-buttons .maps:hover { background: #e58900; }
/* Mobil ekran */
@media (max-width: 600px) {
.quick-buttons .qb { 
padding: 12px 18px; 
font-size: 15px; 
}
}
@media (max-width: 767px) {
body { margin-top: -10px; }
.header_resize { 
background-image: url(resim/laptop-tamiri-ankara-mobil.jpg); 
background-repeat: no-repeat; 
width: 100%; 
height: 450px; 
margin-bottom: -20px; 
}
.menu_nav { 
text-transform: uppercase; 
float: right; 
padding-top: 10px; 
}
.menu_nav ul { 
font-size: 14px; 
line-height: 2.5em; 
padding-left: 10px; 
}
.menu_nav ul li { 
width: auto; 
float: right; 
clear: both; 
padding-bottom: 5px; 
}
.menu_nav ul li a { 
font-size: 12px; 
background-color: #f60; 
}
.content_resize { width: 100%; }
.hizmetler { 
background-color: #f6f6f6; 
width: 100%; 
float: left; 
margin-left: -10px; 
border: dotted 1px #399ab5; 
}
.content .mainbar img { 
width: 100%; 
height: auto; 
}
.fbg { background-color: #f6f6f6; }
.fbg_resize { width: auto; }
.fbg .c1, 
.fbg .c2, 
.fbg .c3 { 
width: 95%; 
float: left; 
margin-left: 15px; 
}
.content .mainbar h2 { 
color: #163032; 
font-size: 20px; 
}
h1 { font-size: 22px; }
h2, h3, h4, h5 { font-size: 18px; }
.markalar { 
float: left; 
margin: 5px 10px; 
}
iframe { width: 90%; }
}