@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@500;600;700&family=Marcellus&family=Playfair+Display:ital,wght@0,500;0,600;1,500&display=swap');
:root{--green:#032b20;--green2:#064031;--gold:#d6a83e;--gold-light:#f4d77d;--cream:#f8f0dd;--ink:#24170d}
*{box-sizing:border-box}
body{margin:0;background:var(--cream);color:var(--ink);font-family:Georgia,'Times New Roman',serif}
a{color:inherit;text-decoration:none}
.site-header{background:radial-gradient(ellipse at center,#06382a 0%,#001b14 72%);border-bottom:3px solid var(--gold);color:#fff3d0;position:relative;z-index:5}
.header-inner{min-height:72px;display:flex;align-items:center;gap:25px;padding:8px 3.2%}
.brand{display:flex;align-items:center;gap:14px;min-width:300px;color:var(--gold-light)}
.brand-mark{width:62px;height:62px;flex:0 0 62px;object-fit:contain}
.brand-copy{display:flex;flex-direction:column;line-height:1}
.brand-copy strong{font:600 clamp(20px,2.1vw,34px) 'Cormorant Garamond',serif;letter-spacing:1.5px;white-space:nowrap}
.brand-copy small{font:10px 'Marcellus',serif;letter-spacing:2px;margin-top:5px;white-space:nowrap}
.main-nav{display:flex!important;flex:1}
.main-nav .navbar-nav{width:100%;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-end;gap:clamp(5px,1.15vw,18px)}
.main-nav .nav-link{font:11px 'Marcellus',serif;color:#fff6e4;padding:12px 0;white-space:nowrap;border-bottom:2px solid transparent}
.main-nav .nav-link:hover,.main-nav .nav-link.active{color:var(--gold-light);border-color:var(--gold)}
.nav-icon,.language-button{border:1px solid #98742c;border-radius:4px;background:#031c15;color:var(--gold-light);padding:5px 11px;font-size:22px}
.language-button{font:12px Arial,sans-serif;padding:10px}
.mobile-menu-btn{display:none;border:1px solid var(--gold);color:var(--gold);padding:6px 10px}
.hero-section{height:clamp(310px,33vw,440px);position:relative;background:#20130c url('../images/hero-osmanli.jpg') center center/cover no-repeat;overflow:hidden;border-bottom:2px solid var(--gold)}
.hero-section:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.2),transparent 45%,rgba(0,0,0,.13))}
.hero-caption{position:absolute;z-index:1;left:38%;top:14%;width:40%;text-align:center;color:#fff0bd;text-shadow:0 2px 5px #170b03}
.hero-caption h1{font:600 clamp(30px,4.3vw,66px) 'Cormorant Garamond',serif;line-height:1;margin:0;color:#ffedb5}
.hero-caption .eyebrow,.hero-caption>p{font:clamp(12px,1.6vw,24px) 'Marcellus',serif;letter-spacing:4px;margin:12px 0 0}
.hero-caption .ornament{display:block;color:var(--gold-light);margin:8px 0;font-size:18px}
.hero-caption blockquote{font:italic clamp(13px,1.5vw,21px) 'Playfair Display',serif;margin:0}
.quick-links{background:radial-gradient(ellipse at center,#073a2b,#001e16);color:#f8df91;border-bottom:4px solid var(--gold);position:relative}
.quick-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));padding:13px 3% 15px}
.quick-item{min-height:95px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:4px 9px;border-right:1px solid #80672e;gap:4px}
.quick-item:last-child{border-right:0}
.quick-icon{display:block;width:38px;height:38px;color:var(--gold);fill:currentColor;line-height:1}
.quick-item strong{font:14px 'Marcellus',serif;color:#f8dc8b}
.quick-item>span:last-child{font-size:12px;line-height:1.25;color:#f7edd7}
.intro-section{display:grid;grid-template-columns:1.05fr 1.9fr 1fr;gap:22px;padding:12px 2.1%;background:linear-gradient(90deg,#fdf5e5,#f4e6c9)}
.section-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid #d7c39b;padding-bottom:8px;margin-bottom:10px}
.section-heading h2{font:600 16px 'Cormorant Garamond',serif;letter-spacing:.7px;margin:0;white-space:nowrap}
.section-heading>span{color:#ad8739;font-size:12px;white-space:nowrap}
.section-heading>a{font-size:11px;white-space:nowrap}
.message-body{display:grid;grid-template-columns:37% 1fr;gap:16px;align-items:start}
.message-body img{width:100%;height:177px;object-fit:cover;border:1px solid #d7b76a}
.message-body p{font-size:13px;line-height:1.48;margin:5px 0 14px}
.btn-gold-green{display:flex;justify-content:space-between;align-items:center;gap:12px;background:var(--green);border:1px solid var(--gold);color:#fff0c2;border-radius:4px;padding:10px 12px;font-size:11px;letter-spacing:.5px}
.btn-gold-green:hover{background:#07513b;color:white}
.center-banner{min-height:240px;display:flex;align-items:flex-end;justify-content:center;text-align:center;position:relative;overflow:hidden;background:#291608 url('../images/orta-banner.jpg') center/cover no-repeat;border:2px solid #b18a36;box-shadow:0 2px 6px #8d754d}
.banner-copy{width:100%;padding:12px 5px 7px;background:linear-gradient(transparent,rgba(0,22,15,.96) 24%);color:#ffedb0;font:clamp(19px,2.2vw,30px) 'Cormorant Garamond',serif;text-shadow:0 2px 4px #000}
.banner-copy strong{font-weight:600}
.banner-copy small{display:block;border-top:1px solid var(--gold);margin:9px auto 0;padding-top:7px;width:80%;font:15px 'Marcellus',serif;letter-spacing:3px}
.announcement-panel{min-width:0}
.announcement-panel .section-heading h2{color:#6b2417}
.announcement-list{display:flex;flex-direction:column}
.announcement{display:grid;grid-template-columns:39px 1fr 12px;gap:10px;align-items:center;padding:6px 0;border-bottom:1px solid #e6d7b9}
.date-box{display:flex;flex-direction:column;align-items:center;justify-content:center;background:#f0dfbd;color:#6b2417;min-height:39px}
.date-box b{font:600 17px 'Cormorant Garamond',serif;line-height:1.1}
.date-box small{font-size:10px}
.announcement-copy{display:flex;flex-direction:column;min-width:0}
.announcement-copy strong{font-size:12px;font-weight:600;line-height:1.25}
.announcement-copy small{font-size:11px;line-height:1.25;margin-top:3px;color:#665642;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.announcement-arrow{font-size:24px;color:#7c5b2b}
.feature-section{padding:0 7px 9px;background:linear-gradient(#f3e5c6,#e9d5aa)}
.feature-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:5px}
.feature-card{min-height:220px;position:relative;display:flex;align-items:flex-end;overflow:hidden;border:2px solid #b78c35;border-radius:4px;color:#fff0bf;background-image:linear-gradient(0deg,rgba(0,19,14,.97),rgba(0,20,14,.12) 75%),var(--card-image);background-size:cover;background-position:center;transition:filter .2s,transform .2s}
.feature-card:nth-child(even){background-color:#2d170c}
.feature-card:hover{filter:brightness(1.15);transform:translateY(-2px);color:#fff}
.feature-content{display:flex;flex-direction:column;gap:6px;padding:12px 28px 12px 12px;text-shadow:0 1px 4px #000}
.feature-content strong{font:600 20px/1.05 'Cormorant Garamond',serif}
.feature-content>span{font-size:12px;line-height:1.3}
.feature-arrow{position:absolute;right:8px;bottom:42px;border:2px solid var(--gold);border-radius:50%;width:27px;height:27px;text-align:center;font-size:23px;line-height:20px;color:#ffe59a}
.site-footer{background:#001c14;color:#e9cc79;border-top:3px solid var(--gold);padding:24px 12px}
.footer-brand{font:600 23px 'Cormorant Garamond',serif;letter-spacing:3px}
.site-footer p{margin:4px 0 12px;font-size:12px}
.site-footer small{font-size:11px;color:#d2c5a4}
@media(max-width:1199.98px){
 .header-inner{flex-wrap:wrap;gap:10px}.brand{min-width:0;flex:1}.main-nav{flex-basis:100%}.main-nav .navbar-nav{flex-direction:row;flex-wrap:wrap;justify-content:center}.main-nav .nav-link{padding:8px 0}.intro-section{grid-template-columns:1fr 1.3fr;}.announcement-panel{grid-column:1/-1}.announcement-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px}.center-banner{min-height:260px}
}
@media(max-width:767.98px){
 .header-inner{padding:10px 14px}.brand-mark{width:46px;height:46px;flex-basis:46px}.brand-copy strong{font-size:23px}.brand-copy small{font-size:8px;letter-spacing:1px}.mobile-menu-btn{display:block}.main-nav{flex-basis:100%}.main-nav .navbar-nav{align-items:stretch!important;gap:0}.main-nav .nav-link{padding:10px;border-bottom:1px solid rgba(214,168,62,.2)}.main-nav .nav-icon,.main-nav .language-button{margin:8px}
 .hero-section{height:280px;background-position:center}.hero-caption{left:35%;top:16%;width:61%}.hero-caption h1{font-size:clamp(24px,6vw,40px)}.hero-caption .eyebrow,.hero-caption>p{font-size:11px;letter-spacing:2px}.hero-caption blockquote{font-size:12px}
 .quick-grid{grid-template-columns:repeat(2,minmax(0,1fr));padding:8px}.quick-item{min-height:95px;border-right:1px solid #80672e;border-bottom:1px solid #80672e}.quick-item:nth-child(2n){border-right:0}.quick-item:last-child{grid-column:1/-1;border-bottom:0}
 .intro-section{grid-template-columns:1fr;padding:16px;gap:18px}.center-banner{min-height:220px;grid-row:auto}.announcement-panel{grid-column:auto}.announcement-list{grid-template-columns:1fr}.message-body{grid-template-columns:34% 1fr}.message-body img{height:155px}.message-body p{font-size:12px}
 .feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.feature-card{min-height:210px}.feature-content strong{font-size:18px}
}
@media(max-width:380px){.brand-copy strong{font-size:19px}.brand-copy small{font-size:7px}.message-body{grid-template-columns:1fr}.message-body img{height:180px}.feature-card{min-height:180px}.feature-content{padding:9px 24px 9px 9px}.feature-content strong{font-size:16px}}


/* İç sayfa stilleri */
.inner-hero {
    position: relative;
    width: 100%;
    min-height: 245px;
    display: flex;
    align-items: center;
    color: #ffedb5;

    background-color: #1b160d;
    background-image: url("../images/hero-osmanli3.jpg");
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;

	
    border-bottom: 3px solid var(--gold);
    box-sizing: border-box;
    overflow: hidden;
}

.inner-hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,25,18,.88),rgba(0,20,14,.55),rgba(0,0,0,.25))}
.inner-hero-content{position:relative;padding-top:28px;padding-bottom:28px}
.breadcrumb-line{display:flex;gap:10px;align-items:center;font-size:12px;color:#e8d8ac;margin-bottom:20px}
.breadcrumb-line a{color:var(--gold-light)}
.inner-hero h1{font:600 clamp(34px,4vw,54px) 'Cormorant Garamond',serif;margin:0;text-shadow:0 2px 5px #000}
.inner-hero p{font:16px 'Marcellus',serif;letter-spacing:1px;margin:4px 0 0}
.inner-ornament{display:block;color:var(--gold-light);margin-top:10px}
.inner-page-section{padding:42px 0 50px;background:linear-gradient(120deg,#fff8e9,#f1e2c3);min-height:420px}
.inner-intro{max-width:850px;margin:0 auto 32px;text-align:center}
.gold-kicker{font:12px 'Marcellus',serif;letter-spacing:3px;color:#977021}
.inner-intro h2{font:600 clamp(28px,3vw,40px) 'Cormorant Garamond',serif;color:#123b2d;margin:7px 0 12px}
.inner-intro p{font-size:16px;line-height:1.8;color:#5d4c35}
.inner-info-card{position:relative;padding:26px 24px 22px;background:rgba(255,255,255,.6);border:1px solid #d8bd7c;box-shadow:0 5px 18px rgba(60,40,10,.06)}
.info-card-number{font:600 30px 'Cormorant Garamond',serif;color:#c39b40;opacity:.9}
.inner-info-card h3,.contact-info-card h3,.contact-form h3{font:600 25px 'Cormorant Garamond',serif;color:#073326;margin:6px 0 10px}
.inner-info-card p{font-size:14px;line-height:1.7;color:#5e503c;margin:0 0 16px}
.info-card-ornament{font-size:12px;color:#a47b27}
.inner-back-row{display:flex;justify-content:center;margin-top:32px}
.inner-back{max-width:230px}
.inner-note{margin-top:28px;padding:14px 18px;border-left:3px solid var(--gold);background:#f1e4c8;font-size:13px;color:#5d4c35}
.content-detail{max-width:850px;text-align:center}
.content-detail h2{font:600 clamp(28px,3vw,40px) 'Cormorant Garamond',serif;color:#123b2d;margin:7px 0 12px}
.content-detail-summary{font-size:16px;line-height:1.8;color:#5d4c35}
.content-detail-image{display:block;width:588px;max-width:100%;height:251px;object-fit:cover;margin:22px auto 0}
.content-list{display:grid;gap:24px;max-width:850px;margin:0 auto}
.content-list-more{display:flex;justify-content:center;margin-top:28px}.content-list-more .btn-gold-green{min-width:210px}
.content-list-card{display:grid;grid-template-columns:minmax(0,294px) 1fr;gap:24px;padding:20px;background:rgba(255,255,255,.62);border:1px solid #d8bd7c}
.content-list-card img{width:100%; max-width:100%;object-fit:cover}
.content-list-card h2{font:600 28px 'Cormorant Garamond',serif;color:#123b2d;margin:0 0 8px}.content-list-card p{color:#5d4c35}
.content-date{display:block;margin:0 0 10px;color:#977021;font:600 13px 'Roboto Condensed',sans-serif;letter-spacing:.4px}
.contact-info-card,.contact-form{height:100%;padding:28px;background:rgba(255,255,255,.62);border:1px solid #d8bd7c}
.contact-info-card p{position:relative;padding:15px 0 15px 42px;border-bottom:1px solid #e7d7b7;font-size:14px;margin:0}
.contact-info-card p>span{position:absolute;left:0;top:17px;color:#a47b27;font-size:24px}
.contact-info-card p strong{color:#173d2f}
.contact-info-card p small{display:inline-block;margin-top:4px;color:#6c5a41}
.contact-disclaimer{font-size:11px;line-height:1.5;color:#7c6b50;margin-top:20px}
.contact-form .form-label{font-size:13px;color:#4d3b24}
.contact-form .form-control{border:1px solid #d6c29a;border-radius:2px;background:#fffdf7}
.contact-form .form-control:focus{border-color:#b58a31;box-shadow:0 0 0 .2rem rgba(181,138,49,.15)}
.contact-form .btn-gold-green{border:1px solid var(--gold);cursor:pointer}
.form-hint{display:block;margin-top:13px;color:#7a6b52;font-size:11px}
.video-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;max-width:1000px;margin:0 auto}.video-card{overflow:hidden;background:rgba(255,255,255,.7);border:1px solid #d8bd7c;box-shadow:0 4px 12px rgba(60,40,10,.07)}.video-frame{aspect-ratio:16/9;background:#0d211b}.video-frame iframe,.video-frame video{width:100%;height:100%;border:0;display:block}.video-card-body{padding:14px 16px}.video-card-body time{font:600 12px 'Roboto Condensed',sans-serif;color:#977021;letter-spacing:.5px}.video-card-body h3{font:600 25px 'Cormorant Garamond',serif;color:#123b2d;margin:5px 0 0}
.video-more{display:flex;justify-content:center;margin-top:28px}.video-more .btn-gold-green{min-width:210px}
@media(max-width:767.98px){.inner-hero{min-height:210px}.inner-page-section{padding:30px 0}.inner-intro p{font-size:14px}.contact-info-card,.contact-form{padding:20px}}
@media(max-width:767.98px){.video-gallery{grid-template-columns:1fr;gap:18px}}
@media(max-width:767.98px){.content-list-card{grid-template-columns:1fr}.content-list-card img{width:100%;height:auto;aspect-ratio:588/251}.content-detail-image{height:auto;aspect-ratio:588/251}}



/* İçerik listesi */
.inner-page-section {
    padding: 40px 0 60px;
    background: #faf9f6;
}

.content-list {
    display: flex;
    flex-direction: column;
    gap: 24px;
    width: 100%;
}

/* Her bir içerik kartı */
.content-list-card {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 25px;
    padding: 20px;
    background: #fff;
    border: 1px solid #e9e4d8;
    border-radius: 10px;
    box-shadow: 0 3px 12px rgba(0,0,0,.05);
    transition: box-shadow .2s ease;
}

.content-list-card:hover {
    box-shadow: 0 6px 20px rgba(0,0,0,.10);
}

/* Resim */
.content-list-card .content-image {
    display: block;
    flex: 0 0 250px;
    width: 250px;
    overflow: hidden;
    border-radius: 7px;
}

.content-list-card .content-image img {
    display: block;
    width: 100%;
    height: 170px;
    object-fit: cover;
    transition: transform .3s ease;
}

.content-list-card:hover .content-image img {
    transform: scale(1.04);
}

/* Metin alanı */
.content-list-card .content-info {
    flex: 1;
    min-width: 0;
}

.content-list-card h2 {
    margin: 0 0 10px;
    font-size: 22px;
    line-height: 1.4;
}

.content-list-card h2 a {
    color: #244b38;
    text-decoration: none;
}

.content-list-card h2 a:hover {
    color: #ad862d;
}

.content-list-card .content-date {
    display: block;
    margin-bottom: 12px;
    color: #8b784e;
    font-size: 13px;
}

.content-list-card .content-info p {
    color: #555;
    font-size: 15px;
    line-height: 1.7;
    margin-bottom: 18px;
}

/* Devamını oku */
.content-list-card .btn-gold-green {
    display: inline-block;
}

/* Sonraki sayfa */
.content-list-more {
    margin-top: 35px;
    text-align: center;
}

/* Tablet ve mobil */
@media (max-width: 767.98px) {
    .content-list-card {
        flex-direction: column;
        gap: 16px;
        padding: 15px;
    }

    .content-list-card .content-image {
        flex: none;
        width: 100%;
    }

    .content-list-card .content-image img {
        height: 210px;
    }

    .content-list-card h2 {
        font-size: 19px;
    }
}