:root{
--primary:#111827;
--secondary:#f59e0b;
--secondary-light:#fef3c7;
--text:#1f2937;
--text-light:#6b7280;
--background:#ffffff;
--background-soft:#f8fafc;
--border:#e5e7eb;
--shadow:
0 10px 25px rgba(0,0,0,.08);}
*{
margin:0;
padding:0;
box-sizing:border-box;}
html{scroll-behavior:smooth;}

/* ========================================
 LAYOUT GENERAL
 ======================================== */

body{
font-family:
"Segoe UI",
Arial,
sans-serif;
background:var(--background);
color:var(--text);
line-height:1.6;}
.container{width:92%;max-width:1200px;margin:auto;}
.section{padding:90px 0;}
.section-title{text-align:center;font-size:2.2rem;margin-bottom:50px;}
.gray-section{background:var(--background-soft);}

/* ========================================
 HEADER
 ======================================== */

header{position:sticky;top:0;background:white;z-index:1000;border-bottom:1px solid var(--border);}
nav{display:flex;justify-content:space-between;align-items:center;padding:18px 0;}
.logo{font-size:1.8rem;font-weight:700;}
.logo span{color:var(--secondary);}
.nav-btn{background:#f59e0b;color:#000;padding:12px 18px;border-radius:8px;text-decoration:none;font-weight:700;font-size:clamp(0.7rem,2vw,1rem);text-align:center;white-space:normal;max-width:180px;line-height:1.2;}

/* ========================================
 HERO
 ======================================== */

.cta-btn{display:inline-block;background:var(--secondary);color:white;padding:16px 30px;border-radius:10px;text-decoration:none;
font-weight:bold;transition:.3s;}
.cta-btn:hover{transform:translateY(-3px);}
.hero{background:linear-gradient(rgba(255,255,255,.90),rgba(255,255,255,.93)),url("imagini/biblioteca.jpg");background-size:cover;background-position:center;
padding:130px 0;}
.hero-content{text-align:center;max-width:850px;margin:auto;}
.hero h1{font-size:clamp(2rem,5vw,4rem);margin-bottom:30px;line-height:1.2;}
.hero-lines{margin-bottom:25px;}
.hero-lines p{font-size:1.4rem;margin:10px 0;}
.hero-description{font-size:1.1rem;color:var(--text-light);margin-bottom:35px;}
.hero-slogan{margin-top:30px;font-style:italic;color:var(--text-light);}

/* ========================================
 RECOMANDAREA LUNII
 ======================================== */

.monthly-book{display:flex;gap:40px;align-items:center;flex-wrap:wrap;background:var(--secondary-light);padding:35px;
border-radius:20px;}
.monthly-book-image{flex:1;min-width:280px;}
.monthly-book-image img{width:100%;max-width:350px;border-radius:15px;box-shadow:var(--shadow);}
.monthly-book-content{flex:2;min-width:300px;}

/* ========================================
 CARTI
 ======================================== */

.badge{display:inline-block;background:var(--secondary);color:white;padding:5px 12px;border-radius:25px;font-size:.8rem;font-weight:600;margin-bottom:12px;}
.book-author{color:var(--text-light);margin-bottom:10px;}
.book-card{background:white;border:1px solid #e5e7eb; border-radius:16px;overflow:hidden;box-shadow:var(--shadow);}
.book-card:hover{transform:translateY(-5px);}
.book-card img{width:100%;height:400px;object-fit:contain;background:#ffffff; padding: 15px;}
.book-content{padding:20px;}
.book-description{margin-bottom:15px;}
.books-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:25px;}
.book-score{font-weight:bold;margin-bottom:15px;}
.book-title{font-size:1.25rem;font-weight:700;margin-bottom:5px;}

.price-box{display:flex;align-items:center;gap:10px;margin-bottom:20px;}
.old-price{text-decoration:line-through;color:#9ca3af;}
.new-price{font-size:1.2rem;font-weight:700;}
.discount{background:#dc2626;color:white;padding:4px 8px;border-radius:6px;font-size:.8rem;}

.buy-btn{display:block;text-align:center;background:#fed7aa;color:#000;padding:12px;border-radius:8px;text-decoration:none;font-weight:700;transition:0.3s;}
.buy-btn:hover{background:#fdba74;transform:translateY(-2px);}

.filters{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:30px;}
.filters button{background:#f3f4f6;border:none;padding:10px 16px;border-radius:30px;cursor:pointer;font-weight:600;}

.search-input{width:100%;padding:16px;border:1px solid var(--border); border-radius:10px;margin-bottom:25px;font-size:1rem;}

/* ========================================
 TOP CARTI
 ======================================== */

.top-books{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;}
.top-books div{background:#f3f4f6;padding:12px 18px;border-radius:30px;font-weight:600;}

/* ========================================
 COUNTDOWN
 ======================================== */

.countdown{margin-top:10px;padding:8px;background:#fee2e2;color:#b91c1c;font-weight:bold;border-radius:8px;}
.countdown-labels{display:grid;grid-template-columns:repeat(4,1fr);font-size:.75rem;font-weight:700;color:#991b1b;margin-bottom:8px;}
.countdown-time{font-size:1.4rem;font-weight:700;color:#dc2626;letter-spacing:2px;}
.countdown-wrapper{margin-top:15px;padding:12px;border-radius:10px;background:#fff1f2;text-align:center;}

/* ========================================
 FOOTER
 ======================================== */

footer{background:#0f172a;color:white;text-align:center;padding:40px 20px;}
footer h3{margin-bottom:10px;}
.footer-btn{background:#f59e0b;color:#000000;border:none;padding:14px 24px;border-radius:10px;cursor:pointer;font-size:1.05rem;font-weight:700;transition:0.3s;}
.footer-btn:hover{background:#fbbf24;transform:translateY(-2px);}
.footer-box{display:none;margin-top:25px;padding:25px;background:#fff7ed;border:2px solid #f59e0b;border-radius:12px;text-align:left;color:#111827;font-size:1rem;line-height:1.7;}
.footer-row{display:flex; justify-content:space-between; gap:20px; flex-wrap:wrap;}

/* ========================================
 NEWSLETTER
 ======================================== */

.newsletter-section{background:var(--primary);color:white;text-align:center;padding:90px 0;}
.newsletter-section h2{margin-bottom:15px;}
.newsletter-section p{max-width:700px;margin:auto auto 25px;}
.success-message{margin-top:20px;padding:20px;border-radius:10px;background:#dcfce7;color:#166534;font-weight:600;display:none;}
#newsletterForm{max-width:500px;margin:auto;}
#newsletterForm input{width:100%;padding:15px;margin-bottom:12px;border:none;border-radius:8px;}
#newsletterForm button{width:100%;padding:15px;border:none;background:var(--secondary);color:white;font-weight:bold;border-radius:8px;cursor:pointer;}

/* ========================================
 MEDIA QUERY
 ======================================== */

@media(max-width:768px){
.hero{padding:90px 0;}
.monthly-book{padding:20px;}
.section{padding:60px 0;}
.nav-btn{font-size:0.8rem;}
.footer-btn{width:100%;font-size:1.1rem;padding:16px;}
}