*{margin:0;padding:0;box-sizing:border-box}
body{font-family:Arial,Helvetica,sans-serif;background:#f4f4f4;color:#333}

/* Header */
header{background:#111;padding:15px 20px}
.navbar{max-width:1200px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:15px}
.logo{color:#fff;font-size:22px;text-decoration:none}
.nav-links{list-style:none;display:flex;gap:20px}
.nav-links a{color:#fff;text-decoration:none}
.nav-links a:hover{text-decoration:underline}

.search-section{max-width:300px}
.mobile-search-icon{display:none;font-size:22px;color:#fff;cursor:pointer}

/* Search Overlay */
.search-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:9999;justify-content:center;align-items:center}
.search-overlay.active{display:flex}
.overlay-content{background:#fff;padding:20px;border-radius:10px;width:90%;max-width:400px}
#closeOverlay{background:none;border:none;font-size:18px;cursor:pointer;float:right}

/* Layout */
.container{max-width:1200px;margin:30px auto;padding:0 15px}
.magazine-content{display:flex;flex-direction:column;gap:20px}
.magazine-cover img{max-width:350px;margin:auto;border-radius:10px;aspect-ratio:350/480;object-fit:contain;background:#eee}
.magazine-desc{line-height:1.6}
.magazine-meta{list-style:none;margin:15px 0}
.magazine-meta li{font-size:14px;margin-bottom:6px}

.download-btn{display:inline-block;padding:14px 20px;background:#111;color:#fff;text-decoration:none;border-radius:8px}
.download-btn:hover{background:#333}

/* Footer */
footer{background:#111;color:#ccc;text-align:center;padding:15px;margin-top:40px}

/* Desktop */
@media(min-width:768px){
.magazine-content{flex-direction:row;gap:32px}
}

/* Mobile */
@media(max-width:767px){
.nav-links,.search-section{display:none}
.mobile-search-icon{display:block}
}