:root{
  --navy:#071a2d; --navy2:#0c2b45; --gold:#c89035; --gold2:#e4b45f;
  --ink:#101b2b; --muted:#66717c; --cream:#f7f4ee; --line:#e8e3da; --white:#fff;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;color:var(--ink);background:#fff}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.shell{width:min(1390px,92vw);margin:auto}
.topbar{height:94px;background:#fff;border-bottom:1px solid #ece8e0;position:sticky;top:0;z-index:50}
.header-row{height:94px;display:grid;grid-template-columns:350px 1fr 170px;gap:18px;align-items:center}
.logo{display:inline-block;font-family:Georgia,serif;line-height:.76;white-space:nowrap}
.logo .l3{font-size:70px;font-weight:700;color:var(--gold)}
.logo .lil,.logo .lsehir{font-size:41px;font-weight:700;letter-spacing:-3px;color:#08182b}
.logo small{display:block;margin-left:253px;margin-top:2px;font:700 11px/1 Arial,sans-serif;letter-spacing:5px;color:var(--gold)}
.menu{display:flex;align-items:center;justify-content:center;gap:26px;white-space:nowrap}
.menu a{font-size:12px;font-weight:750;letter-spacing:.2px;padding:38px 0 34px}
.menu a:hover{color:var(--gold)}
.header-action{display:flex;justify-content:flex-end}
.join,.btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:999px;padding:13px 21px;font-weight:800;font-size:12px;cursor:pointer}
.join,.btn.gold{background:linear-gradient(135deg,var(--gold2),var(--gold));color:#fff}
.btn.dark{background:var(--navy);color:#fff}
.btn.light{background:#fff;color:var(--navy);border:1px solid var(--line)}
.btn.outline{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.75)}

.hero-home{height:515px;position:relative;background-image:var(--hero);background-size:cover;background-position:center;overflow:hidden;color:#fff}
.hero-home:before{content:"";position:absolute;inset:0;background:
linear-gradient(90deg,rgba(3,18,33,.95) 0%,rgba(3,18,33,.82) 37%,rgba(3,18,33,.27) 70%,rgba(3,18,33,.10) 100%)}
.hero-inner{height:100%;position:relative;z-index:2;display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:42px}
.hero-copy{max-width:690px}
.eyebrow{font:700 14px Georgia,serif;letter-spacing:3px}
.short-line{width:38px;height:3px;background:var(--gold);margin:15px 0 18px}
.hero-copy h1{font:700 70px/.84 Georgia,serif;letter-spacing:-4px;margin:0}
.hero-copy h1 .goldword{background:linear-gradient(90deg,#e9c273,#fff0bd);-webkit-background-clip:text;color:transparent}
.hero-copy h1 small{font-size:44px;letter-spacing:5px}
.script-tag{font:italic 37px/1.05 Georgia,serif;color:#e6ae4e;margin:23px 0 14px}
.hero-copy p{font:400 18px/1.45 Georgia,serif;max-width:600px;margin:0;color:#f5f6f7}
.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:25px}
.magazine-wrap{height:100%;display:flex;align-items:center;justify-content:center}
.magazine-wrap img{height:450px;max-width:365px;width:auto;object-fit:cover;box-shadow:0 28px 65px rgba(0,0,0,.46);transform:rotate(-4deg);border:1px solid rgba(255,255,255,.4)}

.quickbar{background:#fff;padding:13px 0}
.quick-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}
.quick-grid a{height:80px;border:1px solid var(--line);border-radius:12px;padding:13px 15px;display:grid;grid-template-columns:43px 1fr 22px;gap:10px;align-items:center;background:#fff;transition:.2s}
.quick-grid a:hover{transform:translateY(-2px);box-shadow:0 10px 28px rgba(8,25,42,.08);border-color:#d2ae74}
.quick-grid i{font-style:normal;font-size:30px;color:var(--gold)}
.quick-grid strong{display:block;font-size:12px}
.quick-grid small{display:block;color:var(--muted);font-size:11.5px;margin-top:3px}
.quick-grid em{font-style:normal;font-size:19px}

.city-section{padding:3px 0 66px}
.city-grid{display:grid;grid-template-columns:repeat(3,1fr) 285px;gap:14px}
.city-card{height:310px;border-radius:12px;position:relative;overflow:hidden;background-image:var(--pic);background-size:cover;background-position:center}
.city-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(3,15,26,0) 34%,rgba(3,15,26,.90) 100%)}
.city-copy{position:absolute;z-index:2;left:25px;right:18px;bottom:22px;color:#fff}
.city-copy h2{font:700 35px Georgia,serif;margin:0 0 6px}
.city-copy p{font:700 14px/1.35 Georgia,serif;margin:0 0 11px;text-transform:uppercase}
.city-copy span{font-size:10.5px;font-weight:900;letter-spacing:1.1px;color:#f0c36e}
.ad-card{height:310px;border:1px solid var(--line);background:#fbfaf7;border-radius:12px;padding:25px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
.ad-card .adicon{font-size:38px;color:var(--gold)}
.ad-card h2{font:700 28px Georgia,serif;margin:11px 0 7px}
.ad-card p{font-size:14px;color:var(--muted);line-height:1.55}

.section{padding:65px 0}
.section.alt{background:var(--cream)}
.head{display:flex;justify-content:space-between;align-items:end;gap:38px;margin-bottom:28px}
.kicker{font-size:10.5px;font-weight:900;letter-spacing:2px;color:#9c7134}
.head h1,.head h2{font:700 45px/1.05 Georgia,serif;margin:5px 0}
.head p{max-width:520px;color:var(--muted);line-height:1.65;margin:0}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.card{background:#fff;border:1px solid var(--line);border-radius:15px;overflow:hidden}
.card-img{width:100%;aspect-ratio:16/10;object-fit:cover;background:#e9e6df}
.card-body{padding:20px}
.card h3{font-size:21px;margin:11px 0 8px}
.badge{display:inline-block;padding:6px 9px;border-radius:999px;background:#efe3d2;color:#7e5927;font-size:11px;font-weight:850}
.muted{color:var(--muted)}
.price{color:var(--gold);font-weight:850}
.card a:not(.btn){font-weight:800;font-size:13px}

.box{background:#fff;border:1px solid var(--line);border-radius:16px;padding:24px}
.fields{display:grid;grid-template-columns:1fr 1fr;gap:15px}
.field{display:flex;flex-direction:column;gap:7px}
.field.full{grid-column:1/-1}
.field label{font-size:12.5px;font-weight:800}
.field input,.field select,.field textarea{width:100%;padding:12px 13px;border:1px solid #d5d0c8;border-radius:10px;background:#fff;font:inherit}
.field textarea{min-height:125px;resize:vertical}
.field small{font-size:11px;color:var(--muted)}
.notice{padding:13px 15px;border-radius:11px;background:#eaf6ee;color:#296340;margin-bottom:18px}
.notice.error{background:#fff0f0;color:#8a2d2d}
.filter-box{margin-bottom:25px}
.detail{display:grid;grid-template-columns:minmax(280px,.8fr) 1.2fr;gap:38px;align-items:start}
.detail-logo{border:1px solid var(--line);border-radius:16px;padding:28px;min-height:300px;display:flex;align-items:center;justify-content:center;background:#fff}
.detail-logo img{max-height:245px;object-fit:contain}
.detail-title{font:700 48px/1.05 Georgia,serif;margin:13px 0}
.discount-box{border-left:4px solid var(--gold);background:#faf7f1;padding:18px;border-radius:0 12px 12px 0;margin:18px 0}
.issue-grid{grid-template-columns:repeat(4,1fr)}
.empty{grid-column:1/-1;text-align:center;padding:35px}

.network{padding:64px 0}
.network-box{background:var(--navy);border-radius:23px;padding:42px;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:30px}
.network-box h2{font:700 42px Georgia,serif;margin:6px 0 10px}
.network-box p{color:#cad3da}
.network-actions{display:flex;gap:10px;flex-wrap:wrap}

footer{background:#06131f;color:#dce4e9;padding:35px 0}
.footer-row{display:flex;align-items:center;justify-content:space-between;gap:30px}
.footer-row strong{font:700 28px Georgia,serif}
.footer-row small{display:block;margin-top:4px}
.footer-contact{display:flex;gap:18px;flex-wrap:wrap;justify-content:flex-end;font-size:12px}

.table{width:100%;border-collapse:collapse;background:#fff;border:1px solid #dde3e6}
.table th,.table td{padding:11px 12px;border-bottom:1px solid #e9edef;text-align:left;font-size:13px;vertical-align:top}
.table th{background:#f8fafb}
.actions{display:flex;gap:7px;flex-wrap:wrap;align-items:center}
.actions form{margin:0}
.small-btn{padding:8px 12px;font-size:11px}
.status{display:inline-block;padding:5px 8px;border-radius:999px;background:#eef2f5;font-size:11px;font-weight:800}
.status.yeni{background:#fff1cf;color:#77540d}
.status.ok{background:#e7f6eb;color:#28613b}

@media(max-width:1250px){
  .header-row{grid-template-columns:280px 1fr 155px}
  .logo .l3{font-size:58px}.logo .lil,.logo .lsehir{font-size:35px}.logo small{margin-left:214px}
  .menu{gap:17px}.menu a{font-size:11px}
  .city-grid{grid-template-columns:repeat(2,1fr)}
  .quick-grid{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:900px){
  .topbar,.header-row{height:82px}.header-row{grid-template-columns:1fr auto}
  .menu{display:none}.logo .l3{font-size:53px}.logo .lil,.logo .lsehir{font-size:32px}.logo small{margin-left:195px;font-size:8px}
  .hero-home,.hero-inner{height:500px}.hero-inner{grid-template-columns:1fr}.magazine-wrap{display:none}
  .hero-copy h1{font-size:58px}.script-tag{font-size:31px}
  .quick-grid,.grid,.issue-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:640px){
  .shell{width:92vw}
  .header-action{display:none}
  .logo .l3{font-size:47px}.logo .lil,.logo .lsehir{font-size:29px}.logo small{margin-left:177px}
  .hero-copy h1{font-size:49px}.hero-copy h1 small{font-size:32px}.hero-copy p{font-size:16px}
  .hero-actions{align-items:flex-start;flex-direction:column}
  .quick-grid,.city-grid,.grid,.issue-grid,.fields,.detail{grid-template-columns:1fr}
  .head,.network-box,.footer-row{display:block}
  .head p{margin-top:12px}.network-actions{margin-top:20px}.footer-contact{justify-content:flex-start;margin-top:15px}
  .city-card,.ad-card{height:285px}
}