/*==================================================
RESPONSIVE
ŞAHİN REKLAM TASARIM
==================================================*/

@media (max-width:1200px){

.container{

width:92%;

}

.hero h1{

font-size:56px;

}

}

@media (max-width:992px){

.header .container{

padding:15px 0;

}

nav{

display:none;

}

.hero{

height:auto;

padding:170px 0 120px;

}

.hero-content{

max-width:100%;

text-align:center;

}

.hero-buttons{

justify-content:center;

flex-wrap:wrap;

}

.hero h1{

font-size:48px;

}

.about .container{

grid-template-columns:1fr;

gap:50px;

}

.counter .container{

grid-template-columns:repeat(2,1fr);

}

.gallery-grid{

grid-template-columns:repeat(2,1fr);

}

.contact-content{

grid-template-columns:1fr;

}

.footer-grid{

grid-template-columns:1fr;

text-align:center;

}

.location-list{

justify-content:center;

}

}

@media (max-width:768px){

section{

padding:80px 0;

}

.title h2{

font-size:34px;

}

.hero h1{

font-size:38px;

}

.hero p{

font-size:18px;

}

.logo-text h2{

font-size:22px;

}

.logo-text span{

font-size:11px;

}

.gallery-grid{

grid-template-columns:1fr;

}

.counter .container{

grid-template-columns:1fr;

}

.service-grid{

grid-template-columns:1fr;

}

.primary-btn,
.secondary-btn{

width:100%;

text-align:center;

}

.hero-buttons{

flex-direction:column;

}

.contact-box{

padding:30px;

}

.contact-box h3{

font-size:28px;

}

}

@media (max-width:576px){

.hero{

padding-top:140px;

}

.hero h1{

font-size:30px;

line-height:1.2;

}

.hero p{

font-size:16px;

}

.title h2{

font-size:28px;

}

.about-left h2{

font-size:32px;

}

.contact-info h2{

font-size:32px;

}

.card{

padding:35px 25px;

}

.card h3{

font-size:22px;

}

.location-list span{

width:100%;

text-align:center;

}

.whatsapp{

width:60px;

height:60px;

font-size:28px;

right:18px;

bottom:18px;

}

.floating-call{
width:60px;
height:60px;
font-size:27px;
left:18px;
bottom:18px;
}

.logo-icon{

width:50px;

height:50px;

font-size:24px;

}

.header .container{

padding:12px 0;

}

}

@media (max-width:420px){

.hero h1{

font-size:26px;

}

.hero p{

font-size:15px;

}

.btn{

padding:12px 20px;

font-size:14px;

}

.primary-btn{

padding:16px 20px;

}

.secondary-btn{

padding:16px 20px;

}

.contact-box{

padding:22px;

}

.contact-box input,

.contact-box textarea{

padding:15px;

}

.footer-grid h3{

font-size:28px;

}

}

/* ===========================================================
   TEKLİF AL SAYFASI MOBİL UYUMLULUK
=========================================================== */

/* Tablet görünümü */

@media screen and (max-width: 992px) {

    .quote-page {
        padding: 75px 0;
    }

    .quote-content {
        grid-template-columns: 1fr;
        gap: 45px;
    }

    .quote-info h2 {
        font-size: 36px;
    }

    .quote-form-box {
        padding: 38px;
    }

}

/* Telefon görünümü */

@media screen and (max-width: 768px) {

    .quote-page {
        padding: 60px 0;
    }

    .quote-info {
        padding: 0;
    }

    .quote-info h2 {
        font-size: 30px;
    }

    .quote-info > p {
        font-size: 15px;
    }

    .quote-contact {
        grid-template-columns: 1fr;
    }

    .quote-form-box {
        padding: 28px 22px;
        border-radius: 18px;
    }

    .quote-form-box h3 {
        font-size: 26px;
    }

    .form-row {
        grid-template-columns: 1fr;
        gap: 0;
    }

    .quote-form-box input,
    .quote-form-box select,
    .quote-form-box textarea {
        font-size: 16px;
    }

}

/* Küçük telefon görünümü */

@media screen and (max-width: 480px) {

    .quote-page {
        padding: 45px 0;
    }

    .quote-info h2 {
        font-size: 27px;
    }

    .quote-info ul li {
        align-items: flex-start;
        font-size: 14px;
    }

    .quote-contact > a {
        padding: 16px;
    }

    .quote-form-box {
        padding: 25px 17px;
    }

    .quote-form-box h3 {
        font-size: 24px;
    }

    .quote-submit {
        padding: 15px 12px;
        font-size: 14px;
    }

    .form-note {
        font-size: 11px;
    }

}

/* ==================================================
   MOBİL HEADER, MENÜ VE GÖLGE DÜZELTMESİ
================================================== */

@media screen and (max-width: 992px) {

    /* Üst bölüm */

    .header {
        position: relative;
        background: #111;
        backdrop-filter: none;
    }

    .header .container {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 15px;
        padding: 15px 0;
    }

    .logo {
        width: 100%;
        justify-content: center;
    }

    /* Mobilde menüleri göster */

    nav {
        display: block;
        width: 100%;
        order: 3;
    }

    nav ul {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        gap: 8px;
    }

    nav ul li a {
        display: block;
        padding: 9px 13px;
        color: #fff;
        background: #222;
        border-radius: 20px;
        font-size: 13px;
    }

    nav ul li a.active,
    nav ul li a:hover {
        color: #fff;
        background: #d90429;
    }

    nav ul li a::after {
        display: none;
    }

    /* Üstte ayrıca bulunan Teklif Al düğmesi */

    .header > .container > .btn {
        padding: 10px 22px;
        font-size: 13px;
    }

    /* Alt sayfalardaki büyük gölgeyi düzelt */

    .page-banner {
        min-height: auto;
        padding: 45px 15px;
        background: linear-gradient(135deg, #111, #333);
    }

    .page-banner .overlay {
        display: none;
    }

    .page-banner h1 {
        font-size: 32px;
    }

    .page-banner p {
        font-size: 14px;
    }

    /* Ana sayfa kapak alanı */

    .hero {
        padding: 80px 0;
    }
}

@media screen and (max-width: 576px) {

    .logo-icon {
        width: 58px;
        height: 58px;
    }

    .logo-text h2 {
        font-size: 23px;
    }

    .logo-text span {
        font-size: 10px;
        letter-spacing: 2px;
    }

    nav ul li a {
        padding: 8px 11px;
        font-size: 12px;
    }

    .gallery-filter {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        gap: 7px;
    }

    .gallery-filter button {
        appearance: none;
        padding: 9px 12px;
        border: 1px solid #ddd;
        border-radius: 20px;
        background: #fff;
        color: #222;
        font-family: "Poppins", sans-serif;
        font-size: 12px;
        font-weight: 600;
    }

    .gallery-filter button.active {
        color: #fff;
        background: #d90429;
        border-color: #d90429;
    }
}

/* ALTIN LOGO: TABLET VE TELEFON UYUMU */
@media screen and (max-width: 992px) {
    .header .container {
        min-height: auto;
        padding: 10px 0 15px;
    }

    .logo {
        width: 245px;
        height: 114px;
        background-size: contain;
    }

    nav ul li a.active,
    nav ul li a:hover,
    .gallery-filter button.active {
        background: #C99A3D !important;
        border-color: #C99A3D !important;
        color: #111 !important;
    }

    .hero {
        min-height: auto;
        padding: 80px 0;
    }

    .page-banner {
        padding: 52px 15px;
        min-height: auto;
    }
}

@media screen and (max-width: 576px) {
    .logo {
        width: 220px;
        height: 103px;
    }

    .hero { padding: 64px 0; }

    .hero h1 {
        font-size: 37px;
        line-height: 1.16;
    }
}