/* 
Theme Name: Yerinde Bilgisayar Servisi
Theme URI: https://www.yerindebilgisayarservisi.net
Author: Yerinde Bilgisayar Servisi
Author URI: https://www.yerindebilgisayarservisi.net
Description: Yerinde Bilgisayar Servisi için özel WordPress teması
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: yerinde-bilgisayar-servisi
*/

body {background : #DDDDDD none repeat scroll 0 0;margin : 0;padding : 0;}#komple-site {height : auto;margin : 40px auto;width : 980px;overflow-x : hidden;overflow-y : visible;box-sizing : border-box;padding : 0;position: relative;}.header {min-height: 0px;height: auto;width: 980px;overflow: visible !important;box-sizing: border-box;margin: 0;padding: 0;position: relative;}.header .logo {margin-bottom: 0 !important;}.menu-toggle {margin-top: 0 !important;margin-bottom: 0 !important;}.menu {background : #564B47 none repeat scroll 0 0;height : 40px;width : 980px;overflow : hidden;box-sizing : border-box;margin : 0;padding : 0;}.saydam {font-family : verdana;font-size : 12px;font-weight : normal;color : #333333;}.menu ul {float : left;margin : 0 0 0 20px;padding : 10px;list-style: none;}.menu ul li {float : left;list-style : none outside none;padding-right : 50px;margin: 0;}.menu ul li a {color : #FFFFFF;font-family : arial;font-size : 17px;text-decoration : none;display: block;}.menu ul li a:hover {color : #cccccc;}.menu .main-menu {margin: 0;padding: 10px 0 10px 20px;}#sol-kisim {float : left !important;height : auto;margin : 10px !important;width : 640px !important;max-width : 640px !important;min-width : 640px !important;clear : none !important;display : block !important;box-sizing : border-box;}.logo {width: 980px;min-height: 150px;overflow: visible !important;box-sizing: border-box;margin: 0;padding: 0;display: block !important;}.logo a {display: block !important;width: 100%;margin: 0;padding: 0;}.logo a img {width: 100% !important;max-width: 100% !important;height: auto !important;display: block !important;margin: 0 !important;padding: 0 !important;border: none !important;}#slider #featureditem1 .itemdescription span, #slider #featureditem2 .itemdescription span, #slider #featureditem3 .itemdescription span {font-family : Arial, Helvetica, sans-serif;font-size : 14px;color : #b9b9b9;padding-left : 10px;}#slider #featureditem1 .itemdescription, #slider #featureditem2 .itemdescription, #slider #featureditem3 .itemdescription {background-image : url(assets/img/itemdescription.gif);background-repeat : no-repeat;height : 40px;width : 710px;position : relative;top : 187px;padding : 16px 55px 0 60px;}#featureditem1 {background-image : url(assets/img/featured1.jpg);background-repeat : no-repeat;height : 220px;width : 700px;}#featureditem2 {background-image : url(assets/img/featured2.jpg);background-repeat : no-repeat;height : 220px;width : 700px;}#slider {height : 220px;margin : 0;width : 700px;}.hizli-menu img {border : none 0;width : 172px;}.tamir {margin : 40px 0;}/* Featured slider styles */#featured-slider {    position: relative;    width: 100%;    height: 220px;    overflow: hidden;    margin-bottom: 20px;}#featured-slider .featured-slide {    position: absolute;    top: 0;    left: 0;    width: 100%;    opacity: 0;}#featured-slider .featured-slide:first-child {    position: relative;    opacity: 1;}#featured-slider .featured-slide img {    width: 100%;    height: auto;    max-width: 700px;    display: block;}.tanim-zincir h1 {color : #564B47;font-family : arial;font-size : 26px;}.tanim-zincir p {font-family : Sans-Serif;font-size : 0.95em;padding : 5px 0;}#komple {background : #FFFFFF none repeat scroll 0 0;clear : both;height : auto;overflow : hidden;width : 980px;margin : 0;padding : 0;box-sizing : border-box;position : relative;}.tanim-zincir > ul {margin : 0;padding : 0 20px 10px;}.tanim-zincir ul li {font-family : tahoma;font-size : 15px;padding : 6px 0 0;}.donusum {border-bottom : 2px solid;margin : 60px 0 10px;}.donusum > a {color : #003333;font-family : arial;font-size : 15px;}.donusum a:hover {color : #FFCC33;}.donusum > p {font-family : arial;font-size : 15px;}.sag-kisim {float : right !important;margin : 10px !important;width : 300px !important;max-width : 300px !important;min-width : 300px !important;color : #564B47;padding : 1px;background : white none repeat scroll 0 0;border-color : #DDDDDD #DDDDDD #F88C00;border-style : solid;border-width : 1px 1px 4px;clear : none !important;position : relative !important;display : block !important;box-sizing : border-box;z-index : 1;}/* Desktop'ta sidebar kesinlikle sağda olsun - EN ÜST ÖNCELİK */@media screen and (min-width: 1025px) {    body #komple {        overflow: hidden !important;        display: block !important;        width: 980px !important;    }    body #sol-kisim {        float: left !important;        width: 640px !important;        max-width: 640px !important;        min-width: 640px !important;        clear: none !important;        display: block !important;        margin: 10px !important;    }    body .sag-kisim {        float: right !important;        width: 300px !important;        max-width: 300px !important;        min-width: 300px !important;        clear: none !important;        margin: 10px !important;        display: block !important;        position: relative !important;    }}/* Anasayfa için özel düzenlemeler - diğer sayfalarla aynı margin/padding */@media screen and (min-width: 1025px) {    body.home #komple,    body.page-template-front-page #komple {        overflow: hidden !important;        display: block !important;        width: 980px !important;        margin: 0 !important;        padding: 0 !important;    }    body.home #sol-kisim,    body.page-template-front-page #sol-kisim {        float: left !important;        width: 640px !important;        max-width: 640px !important;        min-width: 640px !important;        clear: none !important;        display: block !important;        margin: 10px !important;    }    body.home .sag-kisim,    body.page-template-front-page .sag-kisim {        float: right !important;        width: 300px !important;        max-width: 300px !important;        min-width: 300px !important;        clear: none !important;        margin: 10px !important;        display: block !important;        position: relative !important;    }}/* Desktop için sidebar'ın sağda kalmasını garanti et - ÖNCELİKLİ */@media screen and (min-width: 1025px) {    #komple {        overflow: hidden !important;        display: block !important;    }    #sol-kisim {        float: left !important;        width: 640px !important;        max-width: 640px !important;        min-width: 640px !important;        clear: none !important;        margin: 10px !important;    }    .sag-kisim {        float: right !important;        width: 300px !important;        max-width: 300px !important;        min-width: 300px !important;        clear: none !important;        margin: 10px !important;        display: block !important;    }}.kutu {color : #564B47;padding : 15px;background : white none repeat scroll 0 0;border-color : #DDDDDD #DDDDDD #F88C00;border-style : solid;border-width : 1px 1px 4px;}.kutu div[style*="background-image"] {background-size: contain;background-position: left top;min-height: 70px;}.sag-kisim a {color : #003333;}.sag-kisim a:hover {color : #FFCC33;}.sag-kisim > ul {margin : 10px;padding : 10px;}.sag-kisim h3 {margin: 10px;padding: 10px 10px 0 10px;color: #564B47;font-size: 18px;}.sag-kisim li {list-style : none outside none;padding : 6px 0 0;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}.sag-kisim ul {	max-height: none;	overflow-y: visible;}#footer {background : #564B47 none repeat scroll 0 0;clear : both;height : 100px;line-height : 100px;}#footer > ul {margin : 0 0 0 60px;padding : 0;width : 900px;}#footer ul li {float : left;list-style : none outside none;padding-right : 50px;}#footer ul li a {color : #FFFFFF;font-family : arial;font-size : 16px;}#footer ul li a:hover {color : #cccccc;}/* General Image Responsive */img {    max-width: 100%;    height: auto;}/* Logo image exception - two logos side by side */.logo a.logo-left img,.logo a.logo-right img {    max-width: none !important;    width: auto !important;    height: auto !important;}/* Hizmetler tablosu - genel küçültme */.hizmetler-tablosu {    max-width: 500px !important;    font-size: 13px !important;    margin: 0 auto;}.hizmetler-tablosu ul {    margin: 0;    padding-left: 20px;    font-size: 13px !important;}.hizmetler-tablosu li {    font-size: 13px !important;    line-height: 1.4;    margin-bottom: 3px;}/* Header Buttons - Desktop: horizontal, Mobile: vertical */.header-buttons {    display: flex !important;    flex-wrap: nowrap !important;    flex-direction: row !important;    gap: 10px;    justify-content: center;    align-items: center;    margin: 20px 0;    padding: 20px 0;}.header-buttons a {    display: inline-block;    text-align: center;    flex-shrink: 0;    flex: 0 0 auto;}.header-buttons img {    border: 0;    max-width: 100%;    height: auto;    transition: opacity 0.3s;    display: block;}@media screen and (max-width: 768px) {    .header-buttons {        flex-direction: row !important;        flex-wrap: wrap !important;        justify-content: center;        gap: 10px;    }    .header-buttons a {        width: calc(50% - 5px) !important;        max-width: 150px;        margin: 0;        flex: 0 0 calc(50% - 5px);    }    .header-buttons img {        width: 100% !important;        max-width: 100%;        height: auto;    }}/* Responsive Styles */@media screen and (max-width: 1024px) {    #komple-site {        width: 100%;        margin: 0 auto;        padding: 0;        box-sizing: border-box;    }    .header {        width: 100% !important;        height: auto;        box-sizing: border-box;        margin: 0 !important;        padding: 0 !important;    }    .logo {        width: 100% !important;        box-sizing: border-box;        display: block !important;        margin: 0 !important;        padding: 0 !important;        min-height: auto;    }    .logo a {        width: 100% !important;        display: block !important;        margin: 0 !important;        padding: 0 !important;    }    .logo > img,    .logo a > img {        width: 100% !important;        max-width: 100% !important;        height: auto !important;        display: block !important;        margin: 0 !important;        padding: 0 !important;    }    .menu {        width: 100%;        height: auto;        min-height: 40px;        box-sizing: border-box;    }    .menu ul {        margin: 0;        padding: 10px;        width: 100%;        box-sizing: border-box;    }    .menu ul li {        padding-right: 20px;        padding-bottom: 5px;    }    #komple {        width: 100%;        box-sizing: border-box;        margin: 0 !important;        padding: 0 !important;    }    #sol-kisim {        width: 100% !important;        float: none;        margin: 0 !important;        box-sizing: border-box;        padding: 0 10px !important;    }    .sag-kisim {        width: calc(100% - 20px) !important;        max-width: 100% !important;        float: none !important;        margin: 10px auto !important;        padding: 5px !important;        box-sizing: border-box;    }    .sag-kisim > ul {        margin: 5px !important;        padding: 5px !important;        box-sizing: border-box;        width: calc(100% - 10px) !important;        max-width: 100% !important;    }    .sag-kisim h3 {        margin: 5px !important;        padding: 5px !important;        box-sizing: border-box;        font-size: 16px !important;    }    .sag-kisim li {        word-wrap: break-word;        overflow-wrap: break-word;        box-sizing: border-box;    }    .sag-kisim a {        word-wrap: break-word;        overflow-wrap: break-word;        display: block;        box-sizing: border-box;    }    #footer {        height: auto;        line-height: normal;        padding: 20px 0;        width: 100%;        box-sizing: border-box;    }    #footer > ul {        width: 100%;        margin: 0;        padding: 0 10px;        box-sizing: border-box;    }    #footer ul li {        float: none;        display: inline-block;        padding: 5px 10px;    }    table {        width: 100% !important;        box-sizing: border-box;    }    table td {        box-sizing: border-box;    }    #featureditem1, #featureditem2, #slider {        width: 100% !important;        max-width: 100%;        box-sizing: border-box;    }    .kutu {        width: 100%;        box-sizing: border-box;        padding: 15px;    }    .kutu table {        width: 100% !important;    }    /* Featured slider mobil/tablet ayarları (anasayfa hariç) */    #featured-slider {        height: 120px !important;        margin-bottom: 0px !important;    }}/* Fix table layout for front page */@media screen and (max-width: 768px) {    #sol-kisim table[width="650"] td {        display: block !important;        width: 100% !important;    }}@media screen and (max-width: 768px) {    #komple-site {        margin: 0 auto !important;        padding: 0 !important;        box-sizing: border-box;    }    .header {        margin: 0 !important;        padding: 0 !important;    }    .menu {        margin: 0 !important;        padding: 0 !important;    }    #komple {        margin: 0 !important;        padding: 0 !important;    }    #sol-kisim {        margin: 0 !important;        padding: 10px !important;        box-sizing: border-box;        display: block !important;        visibility: visible !important;        opacity: 1 !important;        position: relative !important;        width: 100% !important;        max-width: 100% !important;        float: none !important;        clear: both !important;        overflow: visible !important;        min-height: auto !important;        height: auto !important;    }    .menu ul li {        float: none;        display: block;        padding: 8px 0;        padding-right: 0;        border-bottom: 1px solid rgba(255,255,255,0.1);        width: 100%;        box-sizing: border-box;    }    .menu ul li:last-child {        border-bottom: none;    }    .menu ul li a {        font-size: 16px;        display: block;        padding: 5px 0;    }    .logo {        width: 100% !important;        box-sizing: border-box;        display: block !important;        margin: 0 !important;        padding: 0 !important;    }    .logo a {        width: 100% !important;        display: block !important;        margin: 0 !important;        padding: 0 !important;    }    .logo > img,    .logo a > img {        width: 100% !important;        max-width: 100% !important;        height: auto !important;        display: block !important;        margin: 0 !important;        padding: 0 !important;    }    /* Header icons responsive */    #sol-kisim img {        max-width: 100%;        height: auto;    }    #sol-kisim p {        margin: 10px 0;    }    #sol-kisim p img {        width: auto;        max-width: 100%;        height: auto;        display: inline-block;        margin: 5px;    }    #sol-kisim { margin: 0 !important; padding: 10px !important; box-sizing: border-box; display: block !important; visibility: visible !important; opacity: 1 !important; position: relative !important; width: 100% !important; max-width: 100% !important; float: none !important; clear: both !important; overflow: visible !important; min-height: auto !important; height: auto !important; }    .kutu {        padding: 10px;        box-sizing: border-box;        width: 100%;    }    .kutu table {        font-size: 14px;        width: 100% !important;        box-sizing: border-box;    }    .kutu table:not(.hizmetler-tablosu) td {        display: block;        width: 100% !important;        padding: 5px 0;        box-sizing: border-box;    }    .kutu table:not(.hizmetler-tablosu) tr {        display: block;        width: 100%;        margin-bottom: 10px;    }    /* Hizmetler tablosu - küçültülmüş ve yan yana */    .hizmetler-tablosu {        width: 100% !important;        max-width: 500px !important;        display: table !important;        font-size: 13px !important;        margin: 0 auto;    }    .hizmetler-tablosu tr {        display: table-row !important;    }    .hizmetler-tablosu td {        display: table-cell !important;        width: 50% !important;        padding: 5px !important;        vertical-align: top;    }    .hizmetler-tablosu ul {        margin: 0;        padding-left: 20px;        font-size: 13px !important;    }    .hizmetler-tablosu li {        font-size: 13px !important;        line-height: 1.4;        margin-bottom: 3px;    }    .kutu ul {        padding-left: 20px;    }    .donusum {        margin: 30px 0 10px;    }    .donusum h2 {        font-size: 18px;        margin: 10px 0;    }    .donusum p {        font-size: 14px;        margin: 5px 0;    }    .sag-kisim {        width: 100% !important;        margin: 10px 0 !important;        padding: 0 !important;        box-sizing: border-box;    }    .sag-kisim > ul {        margin: 10px !important;        padding: 10px !important;        box-sizing: border-box;        width: calc(100% - 20px) !important;        max-width: 100% !important;    }    .sag-kisim h3 {        margin: 10px !important;        padding: 10px !important;        box-sizing: border-box;    }    .sag-kisim li {        word-wrap: break-word;        overflow-wrap: break-word;    }    .sag-kisim a {        word-wrap: break-word;        overflow-wrap: break-word;        display: block;    }    #footer ul li {        display: block;        padding: 5px 0;        text-align: center;        width: 100%;    }    #footer ul li a {        font-size: 14px;    }}@media screen and (max-width: 480px) {    body {        font-size: 14px;    }    #komple-site {        margin: 5px auto;        padding: 0 5px;    }    .menu ul li a {        font-size: 14px;    }    .kutu {        padding: 8px;    }    .kutu h1 {        font-size: 20px;        margin: 10px 0;    }    .kutu h2 {        font-size: 16px;        margin: 8px 0;    }    .kutu p {        font-size: 13px;        margin: 8px 0;    }    .kutu table {        font-size: 12px;    }    .kutu ul li {        font-size: 13px;        margin: 5px 0;    }    #footer ul li a {        font-size: 12px;    }    .donusum h2 {        font-size: 16px;    }    #sol-kisim p img {        width: 100%;        max-width: 100%;        margin: 5px 0;    }    .sag-kisim {        width: 100% !important;        margin: 5px 0 !important;        padding: 0 !important;        box-sizing: border-box;    }    .sag-kisim > ul {        margin: 5px !important;        padding: 5px !important;        box-sizing: border-box;        width: calc(100% - 10px) !important;        max-width: 100% !important;    }    .sag-kisim h3 {        margin: 5px !important;        padding: 5px !important;        box-sizing: border-box;        font-size: 16px !important;    }    .sag-kisim li {        word-wrap: break-word;        overflow-wrap: break-word;        padding: 3px 0 !important;    }    .sag-kisim a {        word-wrap: break-word;        overflow-wrap: break-word;        display: block;        font-size: 13px !important;    }}/* Mobile Menu Toggle Button */.menu-toggle {    display: none;    background: #564B47;    color: #fff;    padding: 15px 20px;    border: none;    width: 100%;    text-align: center;    font-size: 18px;    font-weight: bold;    cursor: pointer;    font-family: arial;    margin: 0;    box-sizing: border-box;    z-index: 1000;    position: relative;}.menu-toggle:hover,.menu-toggle:focus {    background: #6a5d57;    outline: 2px solid #F88C00;    outline-offset: -2px;}@media screen and (max-width: 768px) {    .menu-toggle {        display: block !important;        visibility: visible !important;    }    .menu {        display: none !important;        width: 100% !important;        height: auto !important;        overflow: visible !important;        background: #564B47 !important;        position: relative;        z-index: 999;        clear: both;        margin: 0 !important;        padding: 0 !important;    }    .menu.active {        display: block !important;        height: auto !important;        overflow: visible !important;        visibility: visible !important;    }    .menu.active ul {        display: block !important;        visibility: visible !important;    }    .menu ul {        margin: 0;        padding: 0;        width: 100%;        display: block !important;        visibility: visible !important;        background: #564B47 !important;    }    .menu ul li {        width: 100%;        float: none;        display: block;        padding: 0;        border-bottom: 1px solid rgba(255,255,255,0.1);        background: #564B47 !important;    }    .menu ul li:last-child {        border-bottom: none;    }    .menu ul li a {        display: block;        padding: 15px 20px;        font-size: 16px;        color: #fff !important;        text-decoration: none;        width: 100%;        box-sizing: border-box;        background: #564B47 !important;    }    .menu ul li a:hover,    .menu ul li a:focus {        background: #6a5d57;        color: #FFCC33;    }}/* Tablet ve Telefon için Logo Tam Ekran */@media screen and (max-width: 1024px) {    .logo {        width: 100% !important;        margin: 0 !important;        padding: 0 !important;    }    .logo a {        width: 100% !important;        margin: 0 !important;        padding: 0 !important;    }    .logo a img {        width: 100% !important;        max-width: 100% !important;        height: auto !important;        object-fit: contain;        display: block !important;        margin: 0 !important;        padding: 0 !important;    }}/* Telefon için (Portrait ve Landscape) */@media screen and (max-width: 768px) {    .logo {        width: 100% !important;        max-width: 100% !important;        margin: 0 !important;        padding: 0 !important;    }    .logo a {        width: 100% !important;        margin: 0 !important;        padding: 0 !important;    }    .logo a img {        width: 100% !important;        max-width: 100% !important;        height: auto !important;        object-fit: cover;        display: block !important;        margin: 0 !important;        padding: 0 !important;    }    .header {        margin: 0 !important;        padding: 0 !important;    }    .menu-toggle {        margin: 0 !important;        padding: 15px 20px !important;    }    /* Featured slider mobil ayarları (anasayfa hariç) */    #featured-slider {        height: 120px !important;        margin-bottom: 0px !important;    }}/* Landscape (Yatay) mod için */@media screen and (max-width: 1024px) and (orientation: landscape) {    .logo a img {        width: 100% !important;        max-width: 100% !important;        height: auto !important;        object-fit: contain;    }}/* Portrait (Dikey) mod için */@media screen and (max-width: 768px) and (orientation: portrait) {    .logo a img {        width: 100% !important;        max-width: 100% !important;        height: auto !important;        object-fit: cover;    }}    .blog-post-header > div:first-child {        width: 35px !important;        height: 35px !important;    }        .blog-post-header > div:first-child span {        font-size: 16px !important;    }/* TÜM SAYFALAR İÇİN GENEL MOBİL RESPONSIVE - Tüm Template Dosyaları İçin */@media screen and (max-width: 768px) {    /* Komple site container - Tüm sayfalarda */    #komple-site {        width: 100% !important;        max-width: 100% !important;        margin: 0 !important;        padding: 0 !important;        box-sizing: border-box !important;    }        /* Komple container - Tüm sayfalarda */    #komple {        width: 100% !important;        max-width: 100% !important;        margin: 0 !important;        padding: 0 !important;        box-sizing: border-box !important;        clear: both !important;    }        /* Sol kısım - Tüm sayfalarda */    #sol-kisim {        width: 100% !important;        max-width: 100% !important;        float: none !important;        margin: 0 !important;        padding: 10px !important;        box-sizing: border-box !important;        clear: both !important;    }        /* Sağ kısım - Tüm sayfalarda */    .sag-kisim {        width: 100% !important;        max-width: 100% !important;        float: none !important;        margin: 20px 0 0 0 !important;        padding: 15px !important;        box-sizing: border-box !important;        clear: both !important;    }        .sag-kisim > ul {        width: 100% !important;        max-width: 100% !important;        margin: 5px 0 !important;        padding: 5px !important;        box-sizing: border-box !important;    }        /* Kutu container - Tüm sayfalarda */    .kutu {        width: 100% !important;        max-width: 100% !important;        box-sizing: border-box !important;        padding: 15px !important;        margin: 0 !important;    }        .kutu > div:first-child {        padding: 15px 10px !important;        min-height: auto !important;    }        .kutu > div:first-child h1 {        font-size: 20px !important;        margin: 0 !important;    }        /* Tablolar mobilde - Tüm sayfalarda */    table {        width: 100% !important;        max-width: 100% !important;        box-sizing: border-box !important;        font-size: 12px !important;    }        table th,    table td {        padding: 8px 4px !important;        font-size: 12px !important;        word-wrap: break-word !important;        overflow-wrap: break-word !important;    }        /* Featured slider - Tüm sayfalarda */    #featured-slider {        height: 150px !important;        margin-bottom: 15px !important;        width: 100% !important;        max-width: 100% !important;        box-sizing: border-box !important;        border-radius: 6px !important;    }        #featured-slider img {        width: 100% !important;        max-width: 100% !important;        height: 150px !important;        object-fit: cover !important;    }        /* Paragraflar mobilde - Tüm sayfalarda */    p {        word-wrap: break-word !important;        overflow-wrap: break-word !important;    }}
/* MOBILDE SOL KISIM GÖRÜNÜRLÜĞÜ ZORUNLU - Tüm sayfalarda */
@media screen and (max-width: 768px) {
    #sol-kisim {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        position: relative !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 10px !important;
        float: none !important;
        clear: both !important;
        overflow: visible !important;
        min-height: auto !important;
        height: auto !important;
        box-sizing: border-box !important;
    }
}

/* KRITIK MOBIL FIX - min-width override */
@media screen and (max-width: 768px) {
    #sol-kisim {
        min-width: 0 !important;
        max-width: 100% !important;
        width: 100% !important;
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        position: relative !important;
        margin: 0 !important;
        padding: 10px !important;
        float: none !important;
        clear: both !important;
        overflow: visible !important;
        height: auto !important;
        box-sizing: border-box !important;
    }
}

/* --- Mobil denetim / iyileştirme (tek blok, son öncelik) --- */
html {
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
}

@media screen and (max-width: 768px) {
    html,
    body {
        overflow-x: hidden;
    }

    #komple-site {
        margin-top: 10px !important;
        margin-bottom: 10px !important;
        max-width: 100% !important;
    }

    .header {
        max-width: 100% !important;
    }

    .menu-toggle {
        min-height: 44px;
        touch-action: manipulation;
    }

    .menu.active {
        position: relative;
        z-index: 10050 !important;
    }

    .kutu h1,
    .tanim-zincir h1 {
        font-size: clamp(1.15rem, 4.5vw, 1.5rem) !important;
        line-height: 1.3 !important;
        word-break: break-word;
    }

    iframe,
    video {
        max-width: 100% !important;
    }

    pre,
    code {
        max-width: 100%;
        overflow-x: auto;
        word-break: break-word;
    }
}

@media screen and (max-width: 480px) {
    #komple-site {
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}