/* BASE */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:Georgia,'Times New Roman',serif;background:#faf8f5;color:#2c2c2c;font-size:15px}
img{display:block;width:100%;height:auto}
a{text-decoration:none}
.wrap{max-width:960px;margin:0 auto;padding:0 20px}

/* COOKIE BANNER */
.cookie-banner{position:fixed;bottom:0;left:0;right:0;z-index:999;background:#111;color:#fff;padding:14px 20px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.cookie-banner p{font-size:13px;color:rgba(255,255,255,.8);flex:1}
.cookie-banner a{color:#c9a84c}
.cookie-btns{display:flex;gap:10px;flex-shrink:0}
.cookie-btns button{padding:7px 18px;border-radius:20px;border:none;cursor:pointer;font-family:Georgia,serif;font-size:13px}
.cookie-btns button:first-child{background:#c9a84c;color:#fff}
.cookie-btns button:last-child{background:transparent;border:1px solid rgba(255,255,255,.3);color:rgba(255,255,255,.6)}

/* LANGUAGE BAR */
.lang-bar{position:fixed;top:0;left:0;right:0;z-index:100;background:rgba(10,10,10,.95);padding:7px 20px;display:flex;justify-content:center;gap:8px}
.lang-btn{background:transparent;border:1px solid rgba(255,255,255,.2);color:rgba(255,255,255,.55);padding:4px 14px;border-radius:20px;cursor:pointer;font-size:12px;font-family:Georgia,serif;transition:all .2s}
.lang-btn:hover,.lang-btn.active{background:#c9a84c;border-color:#c9a84c;color:#fff}

/* HERO */
.hero{position:relative;height:52vh;min-height:340px;background-size:cover;background-position:center 35%;display:flex;align-items:center;justify-content:center;text-align:center;margin-top:38px}
.hero-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,rgba(0,0,0,.25),rgba(0,0,0,.65))}
.hero-inner{position:relative;z-index:2;padding:0 20px;max-width:680px}
.brand-label{font-size:10px;letter-spacing:5px;color:#c9a84c;margin-bottom:12px}
.hero-inner h1{font-size:clamp(24px,5vw,48px);color:#fff;line-height:1.15;margin-bottom:12px;text-shadow:0 2px 12px rgba(0,0,0,.4)}
.hero-inner p{font-size:clamp(13px,2vw,17px);color:rgba(255,255,255,.85);font-style:italic;margin-bottom:24px}
.hero-btn{display:inline-block;background:#c9a84c;color:#fff;padding:12px 32px;border-radius:30px;font-size:14px;letter-spacing:.5px;transition:all .2s}
.hero-btn:hover{background:#b8933a;transform:translateY(-2px)}

/* INTRO */
.intro{padding:64px 0;background:#fff}
.two-col{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
.col-text h2{font-size:clamp(20px,2.8vw,28px);color:#1a1a1a;margin-bottom:14px;line-height:1.3}
.col-text p{color:#555;line-height:1.8;margin-bottom:12px}
.check-list{list-style:none;margin-top:18px;display:flex;flex-direction:column;gap:8px}
.check-list li{font-size:14px;color:#333;padding-left:4px}
.col-img img{border-radius:10px;height:320px;object-fit:cover;box-shadow:0 6px 24px rgba(0,0,0,.1)}

/* ROUTE */
.route{padding:56px 0;background:#faf8f5}
.sec-title{font-size:clamp(20px,3vw,30px);color:#1a1a1a;text-align:center;margin-bottom:8px}
.sec-sub{font-size:14px;color:#999;text-align:center;font-style:italic;margin-bottom:36px}
.route-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.route-item{background:#fff;border-radius:10px;padding:18px 16px;box-shadow:0 2px 12px rgba(0,0,0,.07)}
.route-day{display:inline-block;font-size:10px;letter-spacing:2px;color:#c9a84c;text-transform:uppercase;font-weight:bold;margin-bottom:6px}
.route-item strong{display:block;font-size:15px;color:#1a1a1a;margin-bottom:6px}
.route-item p{font-size:12px;color:#777;line-height:1.5}

/* BOOKS */
.books{padding:72px 0;background:#fff}
.books-grid{display:flex;gap:20px;justify-content:center;flex-wrap:wrap;margin-top:8px}
.book-card{background:#faf8f5;border-radius:14px;overflow:hidden;width:270px;box-shadow:0 3px 18px rgba(0,0,0,.09);transition:transform .3s,box-shadow .3s;position:relative}
.book-card:hover{transform:translateY(-5px);box-shadow:0 10px 32px rgba(0,0,0,.13)}
.book-featured{border:2px solid #c9a84c}
.featured-badge{position:absolute;top:10px;right:10px;z-index:3;background:#c9a84c;color:#fff;font-size:10px;font-weight:bold;padding:3px 9px;border-radius:10px;letter-spacing:.5px}
.book-lang{background:#1a1a1a;color:#c9a84c;font-size:11px;font-weight:bold;letter-spacing:1px;padding:7px 14px;text-align:center}
.book-cover{height:270px;object-fit:cover}
.book-body{padding:18px 16px 22px}
.book-body h3{font-size:15px;font-weight:700;color:#1a1a1a;margin-bottom:5px}
.book-body p{font-size:12px;color:#888;font-style:italic;margin-bottom:12px}
.book-price{font-size:22px;font-weight:700;color:#c9a84c;margin-bottom:14px}
.old-price{font-size:13px;color:#ccc;text-decoration:line-through;margin-left:6px;font-weight:normal}
.buy-btn{display:block;width:100%;padding:11px 0;border-radius:7px;text-align:center;font-size:13px;font-family:Georgia,serif;font-weight:bold;letter-spacing:.5px;transition:all .2s}
.btn-de{background:#1a3a5c;color:#fff}
.btn-de:hover{background:#142d47}
.btn-en{background:#c9a84c;color:#fff}
.btn-en:hover{background:#b8933a}
.btn-fr{background:#7a1515;color:#fff}
.btn-fr:hover{background:#5e1010}

/* WHY */
.why{padding:60px 0;background:#faf8f5}
.why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:36px}
.why-item{background:#fff;border-radius:10px;padding:24px 18px;text-align:center;box-shadow:0 2px 10px rgba(0,0,0,.06)}
.why-icon{font-size:28px;display:block;margin-bottom:10px}
.why-item strong{display:block;font-size:14px;color:#1a1a1a;margin-bottom:8px}
.why-item p{font-size:12px;color:#777;line-height:1.6}

/* FINAL CTA */
.final-cta{padding:64px 20px;background:#1a1a1a;text-align:center}
.final-cta h2{font-size:clamp(20px,3.5vw,34px);color:#fff;margin-bottom:12px}
.final-cta p{font-size:15px;color:rgba(255,255,255,.7);font-style:italic;margin-bottom:32px}
.cta-btns{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
.cta-btn{padding:13px 28px;border-radius:28px;font-size:14px;font-family:Georgia,serif;font-weight:bold;letter-spacing:.5px;transition:all .2s}
.cta-btn:hover{transform:translateY(-2px)}
.cta-de{background:#1a3a5c;color:#fff}
.cta-en{background:#c9a84c;color:#fff}
.cta-fr{background:#7a1515;color:#fff}

/* FOOTER */
.footer{background:#0a0a0a;padding:32px 20px;text-align:center}
.footer-brand{font-size:10px;letter-spacing:4px;color:#c9a84c;margin-bottom:14px}
.footer-links{display:flex;justify-content:center;gap:10px;margin-bottom:10px;flex-wrap:wrap}
.footer-links a{color:rgba(255,255,255,.4);font-size:12px;transition:color .2s}
.footer-links a:hover{color:#c9a84c}
.footer-links span{color:rgba(255,255,255,.15)}
.footer-copy{color:rgba(255,255,255,.2);font-size:11px}

/* RESPONSIVE */
@media(max-width:800px){
  .two-col{grid-template-columns:1fr}
  .col-img{display:none}
  .route-grid{grid-template-columns:repeat(2,1fr)}
  .why-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:500px){
  .books-grid{flex-direction:column;align-items:center}
  .book-card{width:100%;max-width:320px}
  .route-grid{grid-template-columns:1fr 1fr}
  .why-grid{grid-template-columns:1fr 1fr}
}