:root{
    --dba-accent:#111;
    --dba-muted:#666;
    --dba-btn-bg:#111;
    --dba-btn-bg-hover:#000;
    --dba-btn-text:#fff;
    --dba-border:#e7e7e7;
}

.magazine-this-month{ margin:2rem auto; padding:0 1rem; }
.magazine-this-month .magazine-grid{
    max-width:1200px; margin-inline:auto;
    display:grid; grid-template-columns:minmax(260px,360px) 1fr;
    gap:clamp(20px, 4vw, 60px); align-items:center;
}

.magazine-this-month .magazine-cover a{ display:block; }
.magazine-this-month .magazine-cover img{
    width:100%; height:auto; display:block;
    border-radius:8px; box-shadow:0 8px 24px rgba(0,0,0,.12);
}
.magazine-this-month .no-cover{
    width:100%; aspect-ratio:3/4; background:#f3f3f3;
    border:1px dashed var(--dba-border); border-radius:8px;
    display:flex; align-items:center; justify-content:center; color:#888;
}

.magazine-this-month .magazine-content{ }
.magazine-this-month .eyebrow{
    font-size:.9rem; letter-spacing:.14em; text-transform:uppercase;
    color:var(--dba-muted); margin-bottom:.6rem;
}
.magazine-this-month .magazine-title{
    font-size:clamp(1.6rem, 2.2vw + .5rem, 3rem);
    line-height:1.1; margin:0 0 1.2rem; color:var(--dba-accent); font-weight:700;
}
.magazine-this-month .magazine-btn{
    display:inline-block; padding:.9rem 1.2rem; border-radius:999px;
    background:var(--dba-btn-bg); color:var(--dba-btn-text); text-decoration:none;
    font-weight:600; letter-spacing:.02em;
    transition:transform .15s ease, background .15s ease, box-shadow .15s ease;
    box-shadow:0 6px 18px rgba(0,0,0,.12);
}
.magazine-this-month .magazine-btn:hover{ background:var(--dba-btn-bg-hover); transform:translateY(-1px); }
.magazine-this-month .magazine-btn:focus{ outline:2px solid #000; outline-offset:2px; }

@media (max-width:900px){
    .magazine-this-month .magazine-grid{ grid-template-columns:1fr; }
    .magazine-this-month .magazine-content{ text-align:center; }
    .magazine-this-month .magazine-cover{ max-width:420px; margin:0 auto; }
}

/* Başlık ve butonu ortala */
.magazine-this-month .magazine-content{
    text-align: center;           /* yazıları ortala */
    display: flex;                /* butonu da hizalamak için */
    flex-direction: column;
    align-items: center;          /* butonu yatayda ortalar */
}

/* (opsiyonel) ekstra garanti isterse */
.magazine-this-month .magazine-title,
.magazine-this-month .magazine-btn{
    margin-left: auto;
    margin-right: auto;
}