/* =========================================================
   LOYD Sigorta - Complete Static CSS
   Path note: Bu dosya assets/css/style.css olarak kullanılırsa
   görsel yolları ../images/... şeklinde çalışır.
   ========================================================= */

*{
    box-sizing:border-box;
}

html{
    background:#fff;
}

body{
    margin:0;
    color:#555;
    font:13px Arial, Helvetica, sans-serif;
    background:#fff;
}

a{
    color:#444;
    text-decoration:none;
}

a:hover{
    color:#166ca3;
}

img{
    max-width:100%;
    border:0;
}

.page-wrap{
    width:990px;
    margin:0 auto;
}

.site-shell{
    min-height:100vh;
    background:url('../images/page-curve-bg.png') center 108px no-repeat;
}

/* Header */
.top{
    height:92px;
    display:flex;
    align-items:center;
    justify-content:space-between;
}

.logo img{
    height:64px;
    display:block;
}

.search{
    display:flex;
    align-items:center;
    gap:6px;
    color:#777;
}

.search label{
    font-size:12px;
}

.search input{
    width:185px;
    height:26px;
    border:1px solid #c9c9c9;
    background:#fff;
    padding:4px 7px;
    outline:none;
}

.search button{
    height:26px;
    border:1px solid #b7b7b7;
    background:linear-gradient(#fff,#dcdcdc);
    color:#555;
    cursor:pointer;
}

/* Menu - WebArchive görünümüne daha yakın, açık gri menü */
.main-nav{
    position:relative;
    z-index:50;
    background:#eaf2f6 url('../images/mm-bg.png') left top repeat-x;
    border-top:1px solid #dbe5ea;
    border-bottom:1px solid #c0ccd3;
    box-shadow:0 1px 0 #fff inset, 0 1px 4px rgba(0,0,0,.12);
}

.nav-inner{
    min-height:33px;
    display:flex;
    align-items:stretch;
    justify-content:space-between;
    gap:8px;
}

.main-nav ul{
    margin:0;
    padding:0;
    list-style:none;
}

.main-nav .menu,
.main-nav .right-menu{
    display:flex;
    align-items:stretch;
    flex-wrap:nowrap;
}

.main-nav .menu{
    flex:1 1 auto;
}

.main-nav .right-menu{
    flex:0 0 auto;
}

.main-nav li{
    position:relative;
}

.main-nav a{
    display:block;
    min-height:33px;
    line-height:33px;
    padding:0 8px;
    color:#5b6970;
    font:700 11px/33px Arial, Helvetica, sans-serif;
    text-transform:uppercase;
    white-space:nowrap;
    border-left:1px solid rgba(255,255,255,.9);
    border-right:1px solid rgba(185,198,205,.65);
    text-shadow:0 1px 0 #fff;
}

.right-menu a{
    color:#69777e;
    background:rgba(255,255,255,.26);
}

.main-nav li:hover > a,
.main-nav .current-menu-item > a{
    color:#166ca3;
    background:rgba(255,255,255,.72);
}

.main-nav li ul{
    position:absolute;
    z-index:999;
    top:33px;
    left:0;
    display:none;
    min-width:225px;
    background:#fff;
    border:1px solid #c7d2d8;
    box-shadow:0 7px 14px rgba(0,0,0,.18);
}

.main-nav li:hover > ul{
    display:block;
}

.main-nav li ul li{
    width:100%;
}

.main-nav li ul a{
    min-height:32px;
    line-height:32px;
    padding:0 12px;
    color:#5f6b70;
    background:#fff;
    border:0;
    border-bottom:1px solid #e3e8eb;
    font:400 12px/32px Arial, Helvetica, sans-serif;
    text-transform:none;
    text-shadow:none;
}

.main-nav li ul a:hover{
    color:#166ca3;
    background:#f2f7fa;
}

@media (max-width:1020px){
    .page-wrap{width:94%;}
    .nav-inner{display:block; height:auto;}
    .main-nav .menu,
    .main-nav .right-menu{flex-wrap:wrap;}
    .main-nav li ul{position:absolute;}
}

/* Slider */
.hero{
    position:relative;
    height:300px;
    margin-top:0;
    background:#fff;
    overflow:hidden;
    box-shadow:0 1px 4px rgba(0,0,0,.25);
}

.slides,
.slide{
    width:990px;
    height:300px;
}

.slide{
    position:absolute;
    inset:0;
    object-fit:cover;
    opacity:0;
    transition:opacity .8s;
}

.slide.active{
    opacity:1;
}

.dots{
    position:absolute;
    bottom:12px;
    left:0;
    right:0;
    z-index:3;
    text-align:center;
}

.dots button{
    width:11px;
    height:11px;
    margin:0 3px;
    padding:0;
    border:1px solid #fff;
    border-radius:50%;
    background:#777;
    cursor:pointer;
}

.dots button.active{
    background:#fff;
}

/* Slider altındaki beyaz curve */
.hero:after{
    content:"";
    position:absolute;
    left:0;
    right:0;
    bottom:-1px;
    height:72px;
    background:url('../images/page-curve-bg.png') center bottom no-repeat;
    background-size:100% 100%;
    pointer-events:none;
    z-index:2;
}

.page-curve{
    width:100%;
    height:90px;
    background:url('../images/page-curve-bg.png') center top no-repeat;
    background-size:100% 100%;
    margin-top:-1px;
}

/* Content */
.content-wrap{
    position:relative;
    background:#fff;
    border-left:1px solid #cfcfcf;
    border-right:1px solid #cfcfcf;
    padding:22px 24px 30px;
    box-shadow:0 1px 5px rgba(0,0,0,.15);
}

.features{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:22px;
    border-bottom:1px solid #e5e5e5;
    padding-bottom:20px;
}

.features article{
    display:flex;
    gap:14px;
    min-height:98px;
}

.features img{
    width:87px;
    height:87px;
    object-fit:cover;
}

.features h3{
    margin:6px 0 8px;
    color:#333;
    font:700 22px Tahoma, Arial, sans-serif;
}

.features p{
    margin:0;
    line-height:1.5;
}

.cta{
    margin:18px 0 30px;
    padding:18px 22px;
    background:linear-gradient(#fbfbfb,#e3e3e3);
    border:1px solid #ccc;
    border-radius:5px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    box-shadow:0 1px 3px rgba(0,0,0,.12);
}

.cta h1{
    margin:0;
    color:#333;
    font:700 30px Tahoma, Arial, sans-serif;
}

.cta h2{
    margin:2px 0 0;
    font:400 19px Arial, sans-serif;
    color:#777;
}

.cta a,
.contact-form button{
    background:linear-gradient(#555,#222);
    color:#fff;
    border-radius:4px;
    padding:12px 20px;
    font-weight:700;
    border:0;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.25);
    cursor:pointer;
}

.main-grid{
    display:grid;
    grid-template-columns:1fr 240px;
    gap:28px;
}

.post{
    display:grid;
    grid-template-columns:30px 150px 1fr;
    gap:12px;
    padding:0 0 24px;
    margin:0 0 24px;
    border-bottom:1px solid #e1e1e1;
}

.post img{
    width:150px;
    height:150px;
    object-fit:cover;
    border:1px solid #ddd;
    padding:4px;
    background:#fff;
}

.post h2{
    margin:2px 0 10px;
    font:700 21px Tahoma, Arial, sans-serif;
    color:#333;
}

.post p{
    margin:0 0 10px;
    line-height:1.6;
}

.num{
    display:block;
    color:#999;
    font-size:18px;
    margin-top:4px;
}

.more{
    font-weight:700;
}

.side-banners img{
    width:220px;
    height:auto;
    display:block;
    margin:0 0 14px;
}

.side-banners a{
    display:block;
}

/* Inner pages */
.page-content h1{
    margin:0 0 20px;
    color:#333;
    font:700 28px Tahoma, Arial, sans-serif;
    border-bottom:1px solid #e5e5e5;
    padding-bottom:12px;
}

.page-content h2{
    margin:18px 0 10px;
    color:#333;
    font:700 22px Tahoma, Arial, sans-serif;
}

.page-content h3{
    font:700 18px Tahoma, Arial, sans-serif;
    color:#333;
    margin:18px 0 8px;
}

.page-content p{
    line-height:1.7;
    margin:0 0 12px;
}

.page-content ul{
    margin:0 0 14px 20px;
    padding:0;
}

.page-content li{
    margin:6px 0;
    line-height:1.55;
}

.align-left{
    float:left;
    width:150px;
    min-height:130px;
    object-fit:contain;
    border:1px solid #ddd;
    padding:4px;
    background:#fff;
    margin:0 18px 12px 0;
}

/* Contact */
.contact-form{
    width:56%;
    float:left;
}

.contact-form label{
    display:block;
    font-weight:700;
    margin:0 0 10px;
}

.contact-form input,
.contact-form textarea{
    display:block;
    width:100%;
    border:1px solid #cfcfcf;
    padding:8px;
    margin-top:4px;
    outline:none;
}

.contact-form textarea{
    height:120px;
    resize:vertical;
}

.address{
    margin-left:60%;
    font-size:14px;
}

.address h4{
    margin:0 0 8px;
    color:#333;
}

.address h5{
    font-size:18px;
    margin:0 0 18px;
    color:#333;
}

/* Footer */
footer{
    position:relative;
    background:#333;
    margin-top:86px;
    color:#bdbdbd;
    border-top:4px solid #222;
}

footer:before{
    content:"";
    position:absolute;
    left:0;
    right:0;
    top:-90px;
    height:90px;
    background:url('../images/footer-bg-t.png') center top no-repeat;
    background-size:100% 100%;
    pointer-events:none;
}

.footer-top-shape{
    width:100%;
    height:86px;
    background:url('../images/footer-bg-t.png') center top no-repeat;
    background-size:100% 100%;
}

.partners{
    text-align:center;
    padding:25px 0 18px;
}

.partners img{
    vertical-align:middle;
    margin:0 9px;
    max-height:58px;
}

.copyright{
    border-top:1px solid #444;
    padding:14px 0 18px;
    font-size:12px;
}

.copyright a{
    color:#ddd;
}

.clearfix:after,
.page-content:after,
.contact-form-wrap:after{
    content:"";
    display:block;
    clear:both;
}

/* Responsive */
@media(max-width:1040px){
    .page-wrap{
        width:94%;
    }

    .slides,
    .slide{
        width:100%;
    }
}

@media(max-width:760px){
    .top{
        height:auto;
        padding:20px 0;
        display:block;
    }

    .search{
        margin-top:15px;
    }

    .nav-inner{
        height:auto;
        display:block;
    }

    .main-nav > div > ul > li{
        float:none;
    }

    .main-nav a{
        border-bottom:1px solid #444;
    }

    .main-nav li ul{
        position:static;
        box-shadow:none;
    }

    .hero{
        height:220px;
    }

    .slides,
    .slide{
        height:220px;
    }

    .features,
    .main-grid{
        grid-template-columns:1fr;
    }

    .cta{
        display:block;
    }

    .cta a{
        display:inline-block;
        margin-top:15px;
    }

    .post{
        grid-template-columns:1fr;
    }

    .side-banners img{
        width:220px;
    }

    .partners img{
        margin:8px;
    }

    .contact-form,
    .address{
        width:100%;
        float:none;
        margin:0;
    }

    .align-left{
        float:none;
        display:block;
    }
}


/* === Son düzenleme: mm-bg sadece menüde, header temiz, footer görselli === */
header.top{
    background:transparent !important;
}

.site-shell > .top{
    position:relative;
    z-index:2;
}

.main-nav{
    background:#eaf2f6 url('../images/mm-bg.png') left top repeat-x !important;
}

.hero{
    border-top:0;
}

footer{
    margin-top:35px;
    background:#cfdde5 url('../images/footer-bg-t.png') left top repeat-x !important;
    border-top:0;
    color:#536873;
}

footer .partners{
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
    padding-top:38px;
}

footer .copyright{
    background:transparent !important;
    border-top:1px solid rgba(255,255,255,.55);
    color:#526773;
}

footer a{
    color:#3c5f72;
}

/* === Header / slider alanı ikinci görsele göre düzenlendi === */
body{
    background:#fff;
}

.site-shell{
    background:url('../images/page-curve-bg.png') center 500px no-repeat;
}

.page-wrap{
    width:990px;
}

header.top{
    height:96px;
    background:transparent !important;
    padding:0;
}

.logo img{
    height:72px;
}

.search label{
    display:none;
}

.search input{
    width:190px;
    height:30px;
    border:1px solid #d9d9d9;
    border-radius:4px;
    box-shadow:inset 0 1px 3px rgba(0,0,0,.08);
}

.search button{
    height:30px;
    min-width:48px;
    border-radius:7px;
    border:1px solid #bfc5cb;
    background:linear-gradient(#fff,#d7dce2);
    color:#333;
}

.main-nav{
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
    position:relative;
    z-index:60;
}

.nav-inner{
    min-height:35px;
    background:#eef2f6 url('../images/mm-bg.png') left top repeat-x;
    border:1px solid #d6dde4;
    border-radius:3px 3px 0 0;
    box-shadow:0 1px 0 #fff inset;
    padding:0 14px;
}

.main-nav a{
    min-height:33px;
    line-height:33px;
    padding:0 11px;
    color:#415464;
    font:400 14px/33px Georgia, 'Times New Roman', serif;
    text-transform:none;
    border:0;
    text-shadow:0 1px 0 #fff;
}

.right-menu a{
    background:transparent;
    color:#415464;
}

.main-nav li:hover > a{
    color:#113f64;
    background:rgba(255,255,255,.35);
}

.main-nav li ul{
    top:33px;
    border:1px solid #cdd7df;
}

.hero{
    height:355px;
    margin-top:0;
    box-shadow:0 0 6px rgba(0,0,0,.25);
    border-left:1px solid #d7d7d7;
    border-right:1px solid #d7d7d7;
    overflow:hidden;
}

.slides,
.slide{
    width:990px;
    height:355px;
}

.slide{
    object-fit:cover;
}

.dots{
    display:none;
}

.hero:after{
    height:88px;
    background:url('../images/page-curve-bg.png') center bottom no-repeat;
    background-size:100% 100%;
    bottom:-2px;
}

.content-wrap{
    margin-top:0;
    padding:0 0 30px;
    border-left:1px solid #d7d7d7;
    border-right:1px solid #d7d7d7;
    background:#fff;
    box-shadow:0 1px 5px rgba(0,0,0,.15);
}

.features{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:34px;
    background:#dceff9;
    border-top:1px solid #c6dce8;
    border-bottom:1px solid #bdd2df;
    padding:18px 24px 22px;
    margin:0;
}

.features article{
    min-height:88px;
    gap:16px;
    align-items:flex-start;
}

.features img{
    width:87px;
    height:87px;
}

.features h3{
    margin:3px 0 8px;
    color:#173f5c;
    font:400 25px Georgia, 'Times New Roman', serif;
}

.features p{
    color:#315c75;
    font-size:14px;
    line-height:1.45;
}

.cta{
    margin:0;
    padding:18px 24px;
    min-height:65px;
    background:#d6ecf8;
    border:0;
    border-bottom:1px solid #bdd2df;
    border-radius:0 0 3px 3px;
    box-shadow:0 1px 2px rgba(0,0,0,.12);
}

.cta h1{
    color:#1f4965;
    font:400 26px Georgia, 'Times New Roman', serif;
}

.cta h2{
    color:#6b8da4;
    font:400 23px Arial, Helvetica, sans-serif;
}

.cta a,
.contact-form button{
    background:linear-gradient(#e60055,#b30040);
    border:1px solid #a6003b;
    border-radius:7px;
    color:#fff;
    padding:13px 21px;
    font:400 22px Arial, Helvetica, sans-serif;
    box-shadow:0 1px 2px rgba(0,0,0,.35), inset 0 1px 0 rgba(255,255,255,.35);
}

.main-grid,
.page-content,
.contact-form-wrap{
    padding:24px;
}

footer{
    margin-top:35px;
    background:#cfdde5 url('../images/footer-bg-t.png') left top repeat-x !important;
    border-top:0;
    color:#536873;
}

footer:before{
    display:none;
}

footer .partners{
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
    padding-top:40px;
}

footer .copyright{
    background:transparent !important;
    border-top:1px solid rgba(255,255,255,.55);
    color:#526773;
}

footer a{
    color:#3c5f72;
}

@media(max-width:1040px){
    .page-wrap{width:94%;}
    .slides,.slide{width:100%;}
}

/* === FINAL: slider altındaki beyaz curve alanı daraltıldı === */
.hero{
    height:355px !important;
    margin-bottom:0 !important;
}
.slides,
.slide{
    height:355px !important;
}
.hero:after{
    height:48px !important;
    bottom:-1px !important;
    background:url('../images/page-curve-bg.png') center bottom no-repeat !important;
    background-size:100% 48px !important;
}
.content-wrap{
    margin-top:0 !important;
}
.features{
    margin-top:0 !important;
}
.page-curve{
    height:48px !important;
    margin:0 !important;
    background:url('../images/page-curve-bg.png') center top no-repeat !important;
    background-size:100% 48px !important;
}

/* === FIX 18.06: slider altı boşluk temizlendi, gölge sadece mavi alana alındı === */
.site-shell{
    background:none !important;
}

.hero{
    height:300px !important;
    margin-bottom:0 !important;
    overflow:hidden !important;
    box-shadow:0 0 6px rgba(0,0,0,.25) !important;
}

.slides,
.slide{
    height:300px !important;
}

/* Sliderın altındaki beyaz curve boşluğu kaldırıldı */
.hero:after,
.page-curve{
    display:none !important;
}

/* Mavi alan sliderın hemen altından başlasın */
.content-wrap{
    margin-top:0 !important;
    padding-top:0 !important;
}

.features{
    position:relative !important;
    margin-top:0 !important;
    padding-top:34px !important;
    background:#dceff9 !important;
    border-top:1px solid #c4d8e3 !important;
    overflow:hidden !important;
}

/* Gölge/curve efekti sadece mavi alanın içinde */
.features:before{
    content:"";
    position:absolute;
    left:0;
    right:0;
    top:0;
    height:34px;
    background:
        radial-gradient(ellipse at center top,
            rgba(0,0,0,.24) 0%,
            rgba(0,0,0,.12) 34%,
            rgba(255,255,255,.45) 55%,
            rgba(220,239,249,0) 76%);
    pointer-events:none;
    z-index:0;
}

.features article{
    position:relative;
    z-index:1;
}

/* Footer görseli tekrar etmesin */
footer{
    background:#cfdde5 url('../images/footer-bg-t.png') center top no-repeat !important;
    background-size:100% auto !important;
}