/* Design DNA: Mardin Otel | mosaic hero | elegant-dark header | modal-center cookie */
/* Fonts: "Amatic SC", cursive + "Cabin", sans-serif */
@import url("https://fonts.googleapis.com/css2?family=Amatic+SC:wght@400;700&family=Cabin:wght@400;500;600;700&display=swap");
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body.mo-body{font-family:"Cabin", sans-serif;background:#FAF6F1;color:#2A2520;line-height:1.6}
img{max-width:100%;display:block}
a{color:#C4A574;text-decoration:none}
a:hover{text-decoration:underline}
h1,h2,h3{font-family:"Amatic SC", cursive;line-height:1.2}
.mo-btn{display:inline-block;padding:.75rem 1.75rem;background:#C4A574;color:#fff;border:none;border-radius:4px;font-family:"Cabin", sans-serif;font-weight:600;cursor:pointer;text-decoration:none}
.mo-btn:hover{opacity:.9;text-decoration:none}
.mo-header--elegant-dark{background:#2C3E6B;position:sticky;top:0;z-index:100}
.mo-header-inner{max-width:1200px;margin:0 auto;padding:1rem 2rem;display:flex;align-items:center;justify-content:space-between}
.mo-logo{font-family:"Amatic SC", cursive;font-size:2rem;color:#C4A574;text-decoration:none}
.mo-nav ul{display:flex;gap:1.8rem;list-style:none}
.mo-nav a{color:#FAF6F1;text-decoration:none;font-weight:500;letter-spacing:.5px}
.mo-nav-active{color:#C4A574!important}
.mo-burger{display:none;background:none;border:none;color:#FAF6F1;font-size:1.5rem;cursor:pointer}
.mo-hero--mosaic{position:relative;min-height:75vh}
.mo-mosaic-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);height:75vh}
.mo-tile{overflow:hidden}
.mo-tile img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.mo-tile:hover img{transform:scale(1.05)}
.mo-mosaic-title{position:absolute;bottom:2rem;left:2rem;background:#2C3E6B;color:#FAF6F1;padding:1.5rem 2rem;border-radius:4px}
.mo-mosaic-title h1{font-size:2rem}
.mo-cookie--modal{position:fixed;inset:0;background:rgba(0,0,0,.5);justify-content:center;align-items:center;z-index:999}
.mo-cookie-box{background:#fff;padding:2rem;border-radius:8px;max-width:400px;text-align:center}
.mo-cookie-box h3{font-family:"Amatic SC", cursive;color:#2C3E6B;margin-bottom:.5rem}
.mo-cookie-box button{background:#C4A574;color:#fff;border:none;padding:.7rem 2rem;border-radius:4px;cursor:pointer;margin-top:1rem}
.mo-cookie-box a{display:block;margin-top:.5rem;color:#2C3E6B}
.mo-cookie{display:flex}
.mo-section{padding:3rem 1.5rem}
.mo-container{max-width:1100px;margin:0 auto}
.mo-section-title{font-size:2rem;margin-bottom:1.5rem;color:#2C3E6B;text-align:center}
.mo-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}
.mo-card{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 12px rgba(0,0,0,.08)}
.mo-card img{width:100%;height:200px;object-fit:cover}
.mo-card-body{padding:1.2rem}
.mo-card-body h3{margin-bottom:.5rem;color:#C4A574}
.mo-intro{max-width:800px;margin:0 auto 2rem;text-align:center;font-size:1.05rem}
.mo-page-hero{background:#2C3E6B;color:#FAF6F1;padding:3rem 1.5rem;text-align:center}
.mo-page-hero h1{font-size:2.2rem}
.mo-contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem;max-width:900px;margin:0 auto}
.mo-contact-form label{display:block;margin-bottom:1rem}
.mo-contact-form input,.mo-contact-form textarea{width:100%;padding:.7rem;border:1px solid #ccc;border-radius:4px;font-family:"Cabin", sans-serif}
.mo-contact-form textarea{min-height:120px;resize:vertical}
.mo-contact-info p{margin-bottom:.8rem}
.mo-gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.mo-gallery-grid img{width:100%;height:220px;object-fit:cover;border-radius:6px}
.mo-privacy{max-width:800px;margin:0 auto;padding:2rem 1.5rem}
.mo-privacy h2{margin:1.5rem 0 .5rem;color:#2C3E6B}
.mo-footer{background:#2C3E6B;color:#FAF6F1;padding:3rem 1.5rem 1rem;margin-top:3rem}
.mo-footer-grid{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:2rem}
.mo-footer h4{font-family:"Amatic SC", cursive;margin-bottom:.8rem;color:#C4A574}
.mo-footer a{color:#FAF6F1;opacity:.85}
.mo-footer ul{list-style:none}
.mo-footer li{margin-bottom:.4rem}
.mo-copy{text-align:center;margin-top:2rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.15);font-size:.85rem;opacity:.7}
@media(max-width:900px){
.mo-hero--split,.mo-hero--diag,.mo-hero--form{grid-template-columns:1fr}
.mo-hero--diag .mo-hero-text{clip-path:none}
.mo-grid-3,.mo-gallery-grid,.mo-footer-grid,.mo-contact-grid{grid-template-columns:1fr 1fr}
.mo-mosaic-grid{grid-template-columns:1fr 1fr;height:auto}
.mo-mosaic-grid .mo-tile{height:200px}
.mo-nav ul{display:none;flex-direction:column;position:absolute;top:100%;left:0;right:0;background:inherit;padding:1rem}
.mo-nav-open ul{display:flex}
.mo-header-inner{position:relative}
.mo-burger{display:block}
}
@media(max-width:560px){
.mo-grid-3,.mo-gallery-grid,.mo-footer-grid,.mo-contact-grid{grid-template-columns:1fr}
.mo-hero--cinema{height:60vh}
.mo-hero-copy,.mo-form-wrap{padding:2rem 1.5rem}
.mo-cookie--bl,.mo-cookie--br{left:.5rem;right:.5rem;max-width:none}
}