*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#fffdf8;color:#21150d}a{text-decoration:none;color:inherit}.container{width:90%;max-width:1180px;margin:auto}header{background:#201209;position:sticky;top:0;z-index:99;border-bottom:3px solid #d98324}.nav{display:flex;align-items:center;justify-content:space-between;padding:14px 0}.brand{color:#fff;font-size:26px;font-weight:900}.brand span{background:#d98324;border-radius:50%;padding:7px}.nav nav{display:flex;gap:16px;align-items:center}.nav a{color:#fff;font-weight:700}.lang{background:#d98324;padding:8px 12px;border-radius:30px}

/* Hero Slider */
.hero{position:relative;min-height:82vh;overflow:hidden}
.hero-slider{position:relative;width:100%;height:82vh}
.slide{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;opacity:0;transition:opacity 1s ease-in-out;display:flex;align-items:center}
.slide.active{opacity:1}
.slide-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(115deg,rgba(32,18,9,.95),rgba(96,48,13,.82))}
.slide .hero-content{position:relative;z-index:2;color:#fff}
.hero-content{max-width:780px}
.slider-btn{position:absolute;top:50%;transform:translateY(-50%);background:rgba(255,255,255,.2);color:#fff;border:none;width:50px;height:50px;border-radius:50%;font-size:20px;cursor:pointer;z-index:10;transition:background .3s}
.slider-btn:hover{background:rgba(255,255,255,.4)}
.slider-btn.prev{left:20px}
.slider-btn.next{right:20px}
.slider-dots{position:absolute;bottom:30px;left:50%;transform:translateX(-50%);display:flex;gap:12px;z-index:10}
.dot{width:12px;height:12px;border-radius:50%;background:rgba(255,255,255,.4);cursor:pointer;transition:background .3s}
.dot.active,.dot:hover{background:#d98324}

.badge,.kicker{display:inline-block;color:#d98324;text-transform:uppercase;letter-spacing:2px;font-weight:900;margin-bottom:12px}.hero h1{font-size:62px;line-height:1.05;margin:0 0 20px}.hero p{font-size:21px;line-height:1.7}.btn,button,.small{display:inline-block;background:#d98324;color:#fff;padding:14px 24px;border:none;border-radius:30px;font-weight:900;cursor:pointer;margin-right:8px}.btn.dark{background:#201209}.section{padding:85px 0}.two{display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:center}.section h2{font-size:40px;margin:0 0 16px}.center{text-align:center}.checks{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:22px}.checks span{background:#fff4e8;border:1px solid #f0d5b6;padding:14px;border-radius:14px;font-weight:700}.photo{min-height:330px;border-radius:28px;background:linear-gradient(135deg,#fff0d8,#f7d7aa);box-shadow:0 20px 50px rgba(70,38,10,.12);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;font-size:84px}.photo h3{font-size:22px}.sand{background:#fbf1e3}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:35px}.card{background:#fff;border-radius:22px;overflow:hidden;box-shadow:0 18px 40px rgba(0,0,0,.08);border:1px solid #f0e0ce;transition:transform .3s}.card:hover{transform:translateY(-5px)}.card-img{height:180px;background-size:cover;background-position:center}.top{height:70px;background:linear-gradient(135deg,#201209,#d98324);display:flex;align-items:center;justify-content:space-between;padding:0 18px}.top span{background:#fff;color:#201209;padding:6px 12px;border-radius:20px;font-weight:900;font-size:14px}.city-badge{background:#d98324;color:#fff}.body{padding:24px}.body p{color:#6c5544;line-height:1.6}.small{padding:10px 16px;font-size:14px}.destgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:30px}.destgrid div{background:#201209;color:#fff;padding:26px;border-radius:18px;text-align:center;font-weight:900;cursor:pointer;transition:background .3s}.destgrid div:hover{background:#d98324}.darksec{background:#201209;color:#fff}.darksec p,.darksec li{color:#f8e9d8;line-height:1.7}.darkphoto{background:linear-gradient(135deg,#d98324,#4d260a)}.reviews,.bloggrid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:28px}.reviews div,.bloggrid article{background:#fff;padding:24px;border-radius:20px;box-shadow:0 18px 35px rgba(0,0,0,.08)}.reviews div{color:#d98324}.reviews p{color:#4d3a2b}.bloggrid article{background:#fff4e8;border:1px solid #eed4b5}.contact{background:#fff3df}form{background:#fff;padding:30px;border-radius:24px;box-shadow:0 20px 50px rgba(0,0,0,.1);display:flex;flex-direction:column;gap:15px}input,textarea{padding:15px;border:1px solid #ddd;border-radius:14px;font-size:16px}textarea{min-height:150px}.whatsapp{position:fixed;right:18px;bottom:18px;background:#25d366;color:#fff;padding:14px 18px;border-radius:30px;font-weight:900;z-index:100}footer{background:#201209;color:#fff;padding:60px 0 30px;border-top:4px solid #d98324}
footer .footer-content{max-width:1180px;margin:auto;padding:0 5%}
footer .footer-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin-bottom:40px}
footer .footer-col h4{color:#d98324;font-size:16px;margin:0 0 20px;text-transform:uppercase;letter-spacing:1px}
footer .footer-col p{color:#ccc;font-size:14px;line-height:1.8;margin:8px 0}
footer .footer-col ul{list-style:none;padding:0;margin:0}
footer .footer-col ul li{margin:10px 0}
footer .footer-col ul li a{color:#ccc;text-decoration:none;font-size:14px;transition:color .3s}
footer .footer-col ul li a:hover{color:#d98324}
footer .footer-logo{font-size:28px;font-weight:900;color:#d98324;margin-bottom:15px;display:block}
footer .footer-tagline{color:#ccc;font-size:14px;line-height:1.8}
footer .footer-social{display:flex;gap:12px;margin-top:20px}
footer .footer-social a{background:rgba(217,131,36,0.15);color:#d98324;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;transition:all .3s}
footer .footer-social a:hover{background:#d98324;color:#fff;transform:translateY(-3px)}
footer .footer-contact p{display:flex;align-items:center;gap:8px}
footer .footer-bottom{border-top:1px solid rgba(255,255,255,0.08);padding-top:25px;text-align:center}
footer .footer-bottom p{color:#888;font-size:13px;margin:5px 0}
@media(max-width:900px){footer .footer-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){footer .footer-grid{grid-template-columns:1fr}}

/* Tours page styles */
.tour-filters{background:#fff;padding:24px;border-radius:20px;box-shadow:0 10px 30px rgba(0,0,0,.08);margin-bottom:35px;display:flex;flex-wrap:wrap;gap:16px;align-items:center}
.tour-filters label{font-weight:700;margin-right:8px}
.tour-filters select{padding:10px 16px;border:1px solid #ddd;border-radius:12px;font-size:14px;min-width:150px}
.tour-card{background:#fff;border-radius:22px;overflow:hidden;box-shadow:0 18px 40px rgba(0,0,0,.08);border:1px solid #f0e0ce;margin-bottom:24px;display:grid;grid-template-columns:300px 1fr;transition:transform .3s}
.tour-card:hover{transform:translateY(-3px)}
.tour-card-img{height:100%;min-height:250px;background-size:cover;background-position:center}
.tour-card-content{padding:24px}
.tour-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}
.tour-card-days{background:#d98324;color:#fff;padding:6px 14px;border-radius:20px;font-weight:900;font-size:14px}
.tour-card-city{background:#201209;color:#fff;padding:6px 14px;border-radius:20px;font-weight:700;font-size:13px;text-transform:capitalize}
.tour-card h3{font-size:22px;margin:0 0 10px}
.tour-card-desc{color:#6c5544;line-height:1.6;margin-bottom:16px}
.tour-itinerary{margin:16px 0}
.tour-itinerary h4{color:#201209;margin:0 0 10px;font-size:16px}
.tour-itinerary ul{list-style:none;padding:0;margin:0}
.tour-itinerary li{padding:6px 0 6px 24px;position:relative;color:#554433;font-size:14px;line-height:1.5}
.tour-itinerary li:before{content:"→";position:absolute;left:0;color:#d98324;font-weight:900}.tour-itinerary-list li strong{color:#d98324;display:block;margin-bottom:5px;font-size:16px}
.tour-highlights{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}
.tour-highlight{background:#fff4e8;padding:6px 12px;border-radius:14px;font-size:13px;color:#6c5544}
.tour-card-footer{display:flex;justify-content:space-between;align-items:center;margin-top:16px;padding-top:16px;border-top:1px solid #f0e0ce}
.tour-price{font-size:20px;font-weight:900;color:#d98324}
.tour-price span{font-size:14px;font-weight:400;color:#6c5544}

@media(max-width:900px){
  .nav{flex-direction:row;gap:0;flex-wrap:nowrap}
  .nav nav{flex-wrap:nowrap;justify-content:flex-end}
  .hero h1{font-size:40px}
  .two,.cards,.destgrid,.reviews,.bloggrid{grid-template-columns:1fr}
  .checks{grid-template-columns:1fr}
  .tour-card{grid-template-columns:1fr}
  .tour-card-img{min-height:200px}
}
@media(max-width:600px){
  .hero h1{font-size:30px}
  .hero p{font-size:16px}
  .brand{font-size:20px}
  .section{padding:50px 0}
  .section h2{font-size:28px}
}
