/* Bid2Stay Release 11 — Phase 1 Public Website */
:root{
  --r11-black:#090909;
  --r11-ink:#101828;
  --r11-gold:#f5ad16;
  --r11-gold-2:#ffd167;
  --r11-paper:#f7f4ed;
  --r11-white:#ffffff;
  --r11-line:#e7e9ee;
  --r11-muted:#667085;
  --r11-green:#12b76a;
  --r11-red:#d92d20;
  --r11-blue:#2e90fa;
  --r11-shadow:0 22px 65px rgba(16,24,40,.10);
}
body.public-r11{background:var(--r11-paper);color:var(--r11-ink)}
.r11-header{
  position:sticky;top:0;z-index:180;
  background:rgba(8,8,8,.94);backdrop-filter:blur(16px);
  border-bottom:1px solid rgba(245,173,22,.18)
}
.r11-header-inner{
  width:min(1380px,calc(100% - 28px));min-height:70px;margin:auto;
  display:flex;align-items:center;gap:16px
}
.r11-logo img{height:43px;width:auto}
.r11-nav{display:flex;gap:4px;margin-left:auto;align-items:center}
.r11-nav a{
  color:#f5f5f5;padding:10px 11px;border-radius:10px;font-size:10px;
  text-transform:uppercase;letter-spacing:.07em;font-weight:900
}
.r11-nav a:hover,.r11-nav a.active{background:rgba(245,173,22,.12);color:var(--r11-gold)}
.r11-header-actions{display:flex;align-items:center;gap:8px}
.r11-currency{display:flex;padding:3px;border:1px solid rgba(245,173,22,.35);border-radius:999px}
.r11-currency button{border:0;background:transparent;color:#fff;padding:8px 10px;border-radius:999px;font-size:9px;font-weight:900;cursor:pointer}
.r11-currency button.active{background:var(--r11-gold);color:#111}
.r11-menu-btn{display:none;width:42px;height:42px;border-radius:11px;border:1px solid rgba(245,173,22,.35);background:#111;color:var(--r11-gold);font-size:20px}
.r11-mobile-menu{display:none;background:#0b0b0b;border-top:1px solid rgba(245,173,22,.16);padding:10px 14px}
.r11-mobile-menu.open{display:block}
.r11-mobile-menu a{display:block;color:#fff;padding:12px;border-radius:10px}
.r11-mobile-menu a:hover{background:rgba(245,173,22,.12);color:var(--r11-gold)}

.r11-hero{
  min-height:720px;position:relative;overflow:hidden;color:#fff;
  display:flex;align-items:center;background:#060606
}
.r11-hero-slide{
  position:absolute;inset:0;opacity:0;transition:opacity .85s ease;
  background-size:cover;background-position:center
}
.r11-hero-slide.active{opacity:1}
.r11-hero-slide::after{
  content:"";position:absolute;inset:0;
  background:
    linear-gradient(90deg,rgba(5,10,22,.96) 0%,rgba(5,10,22,.86) 44%,rgba(5,10,22,.32) 78%,rgba(5,10,22,.14) 100%),
    linear-gradient(180deg,rgba(0,0,0,.12),rgba(0,0,0,.28))
}
.r11-hero-inner{
  position:relative;z-index:4;width:min(1320px,calc(100% - 28px));margin:auto;
  display:grid;grid-template-columns:1fr .92fr;gap:38px;align-items:center
}
.r11-hero-copy{max-width:650px}
.r11-eyebrow{
  display:inline-flex;align-items:center;gap:8px;color:var(--r11-gold);
  font-size:10px;font-weight:900;letter-spacing:.15em;text-transform:uppercase
}
.r11-eyebrow::before{content:"";width:30px;height:2px;background:var(--r11-gold)}
.r11-hero h1{
  font-size:clamp(52px,7vw,94px);line-height:.94;letter-spacing:-.065em;
  margin:18px 0 22px
}
.r11-hero h1 span{color:var(--r11-gold)}
.r11-hero-copy p{font-size:18px;line-height:1.7;color:#d7ddea;max-width:610px}
.r11-hero-trust{display:flex;gap:18px;flex-wrap:wrap;margin-top:24px;color:#d6dce7;font-size:11px}
.r11-hero-trust strong{color:#fff}
.r11-dots{display:flex;gap:8px;margin-top:28px}
.r11-dot{width:9px;height:9px;border:0;border-radius:50%;background:rgba(255,255,255,.42);cursor:pointer}
.r11-dot.active{background:var(--r11-gold);transform:scale(1.15)}
.r11-booking-card{
  background:rgba(8,14,28,.90);backdrop-filter:blur(18px);
  border:1px solid rgba(245,173,22,.28);border-radius:26px;padding:25px;
  box-shadow:0 30px 80px rgba(0,0,0,.34)
}
.r11-booking-card h2{margin:0 0 6px;color:#fff;font-size:27px;letter-spacing:-.03em}
.r11-booking-card>p{margin:0 0 18px;color:#aeb8ca;font-size:12px}
.r11-booking-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.r11-booking-grid .wide{grid-column:1/-1}
.r11-booking-card label{display:block;color:#c9d0dc;font-size:9px;text-transform:uppercase;font-weight:900;letter-spacing:.08em;margin-bottom:7px}
.r11-booking-card input,.r11-booking-card select{
  width:100%;min-height:50px;border-radius:13px;padding:0 12px;
  border:1px solid #29364a;background:#111a2a;color:#fff
}
.r11-booking-card input:focus,.r11-booking-card select:focus{
  outline:none;border-color:var(--r11-gold);box-shadow:0 0 0 4px rgba(245,173,22,.12)
}
.r11-location-row{display:flex;gap:8px;align-items:center}
.r11-location-row select{flex:1}
.r11-location-btn{
  width:50px;height:50px;border-radius:13px;border:1px solid rgba(245,173,22,.35);
  background:#161f30;color:var(--r11-gold);font-size:18px;cursor:pointer
}
.r11-booking-card .btn{width:100%;min-height:52px}

.r11-live-band{background:#0e0e0e;color:#fff;border-top:1px solid rgba(245,173,22,.16);border-bottom:1px solid rgba(245,173,22,.16)}
.r11-live-inner{width:min(1320px,calc(100% - 28px));margin:auto;display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:16px 0}
.r11-live-stat{text-align:center}
.r11-live-stat span{display:block;color:#9fa9ba;font-size:9px;text-transform:uppercase;letter-spacing:.08em;font-weight:900}
.r11-live-stat strong{display:block;color:#fff;font-size:22px;margin-top:4px}

.r11-section{padding:74px 0}
.r11-section.white{background:#fff}
.r11-shell{width:min(1320px,calc(100% - 28px));margin:auto}
.r11-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:25px}
.r11-section-head h2{font-size:clamp(34px,4vw,52px);letter-spacing:-.048em;margin:0 0 9px}
.r11-section-head p{margin:0;color:var(--r11-muted);max-width:740px;line-height:1.65}
.r11-section-link{white-space:nowrap}

.r11-market-controls{
  display:flex;gap:10px;align-items:center;flex-wrap:wrap;
  background:#fff;border:1px solid var(--r11-line);border-radius:18px;padding:11px;
  box-shadow:0 10px 28px rgba(15,23,42,.05);margin-bottom:18px
}
.r11-market-controls input,.r11-market-controls select{
  min-height:43px;border:1px solid #d9dde5;border-radius:12px;padding:0 12px;background:#fff
}
.r11-market-controls input{min-width:230px;flex:1}
.r11-count{margin-left:auto;color:var(--r11-muted);font-size:11px;font-weight:800}
.r11-property-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}
.r11-property-card{
  background:#fff;border:1px solid var(--r11-line);border-radius:22px;overflow:hidden;
  box-shadow:var(--r11-shadow);display:flex;flex-direction:column;min-width:0;
  transition:transform .2s ease,box-shadow .2s ease
}
.r11-property-card:hover{transform:translateY(-5px);box-shadow:0 27px 70px rgba(15,23,42,.14)}
.r11-property-image{position:relative;aspect-ratio:16/10;overflow:hidden;background:#e8edf3}
.r11-property-image img{width:100%;height:100%;object-fit:cover}
.r11-live-badge,.r11-price-badge{
  position:absolute;top:12px;padding:7px 10px;border-radius:999px;font-size:9px;font-weight:900;text-transform:uppercase
}
.r11-live-badge{left:12px;background:rgba(6,17,29,.88);color:#fff}
.r11-live-badge::before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--r11-green);margin-right:7px}
.r11-price-badge{right:12px;background:var(--r11-gold);color:#111}
.r11-property-body{padding:18px;display:flex;flex-direction:column;flex:1}
.r11-property-title{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}
.r11-property-title h3{margin:0;font-size:20px;letter-spacing:-.025em}
.r11-rating{font-size:12px;font-weight:900;white-space:nowrap}
.r11-meta{display:flex;gap:9px;flex-wrap:wrap;color:var(--r11-muted);font-size:10px;margin-top:7px}
.r11-amenities{display:flex;gap:6px;flex-wrap:wrap;margin:14px 0}
.r11-amenities span{padding:6px 9px;background:#f4f6f8;border-radius:999px;color:#475467;font-size:9px}
.r11-price-panel{display:grid;grid-template-columns:1fr 1fr;gap:10px;background:#fff9e8;border:1px solid #f3d486;border-radius:15px;padding:13px}
.r11-price-panel span{display:block;color:#7a5200;font-size:8px;text-transform:uppercase;font-weight:900;letter-spacing:.06em}
.r11-price-panel strong{display:block;font-size:24px;margin-top:4px}
.r11-saving strong{color:#067647}
.r11-card-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:14px}
.r11-card-actions .btn{width:100%}

.r11-insights-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.r11-insight-card{background:#fff;border:1px solid var(--r11-line);border-radius:20px;padding:20px;box-shadow:0 14px 38px rgba(15,23,42,.06)}
.r11-insight-card h3{margin:0 0 7px;font-size:18px}
.r11-insight-card p{color:var(--r11-muted);font-size:12px;line-height:1.55}
.r11-mini-list{display:grid;gap:9px;margin-top:14px}
.r11-mini-row{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:11px;border-radius:13px;background:#f8f9fb;border:1px solid #eef0f3}
.r11-mini-row strong{font-size:12px}
.r11-mini-row span{font-size:10px;color:var(--r11-muted)}
.r11-mini-value{font-size:16px!important;font-weight:900;color:var(--r11-ink)!important}

.r11-how-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.r11-how-card{background:#fff;border:1px solid var(--r11-line);border-radius:19px;padding:21px}
.r11-how-num{width:40px;height:40px;border-radius:13px;background:#111;color:var(--r11-gold);display:grid;place-items:center;font-weight:900;margin-bottom:14px}
.r11-how-card h3{margin:0 0 7px}
.r11-how-card p{margin:0;color:var(--r11-muted);font-size:12px;line-height:1.55}

.r11-botswana-banner{
  border-radius:28px;overflow:hidden;position:relative;min-height:390px;
  background:linear-gradient(90deg,rgba(7,14,28,.94),rgba(7,14,28,.48)),url("hero-kasane.jpg") center/cover no-repeat;
  color:#fff;display:flex;align-items:center;padding:42px
}
.r11-botswana-banner>div{max-width:620px}
.r11-botswana-banner h2{font-size:46px;line-height:1.02;letter-spacing:-.05em;margin:0 0 12px}
.r11-botswana-banner p{color:#d8deea;line-height:1.65}

.r11-footer{background:#0b0b0b;color:#fff;padding:42px 0 24px}
.r11-footer-grid{width:min(1320px,calc(100% - 28px));margin:auto;display:grid;grid-template-columns:1.3fr repeat(3,1fr);gap:26px}
.r11-footer img{height:43px}
.r11-footer p{color:#9fa9ba;font-size:12px;line-height:1.6}
.r11-footer h4{font-size:10px;text-transform:uppercase;letter-spacing:.09em;color:#d6dbe4}
.r11-footer a{display:block;color:#aeb7c6;margin:8px 0;font-size:12px}
.r11-footer a:hover{color:var(--r11-gold)}
.r11-footer-bottom{width:min(1320px,calc(100% - 28px));margin:26px auto 0;padding-top:18px;border-top:1px solid #242424;color:#747d8c;font-size:10px}

@media(max-width:1080px){
  .r11-hero-inner{grid-template-columns:1fr}
  .r11-booking-card{max-width:720px}
  .r11-property-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .r11-insights-grid{grid-template-columns:1fr}
  .r11-how-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:840px){
  .r11-nav{display:none}.r11-menu-btn{display:block}
  .r11-header-actions .btn{display:none}
  .r11-live-inner{grid-template-columns:repeat(2,1fr)}
  .r11-section-head{flex-direction:column}
  .r11-footer-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:680px){
  .r11-hero{min-height:900px}
  .r11-hero h1{font-size:49px}
  .r11-booking-grid{grid-template-columns:1fr}
  .r11-booking-grid .wide{grid-column:auto}
  .r11-property-grid{grid-template-columns:1fr}
  .r11-market-controls>*{width:100%}
  .r11-count{margin-left:0}
  .r11-how-grid{grid-template-columns:1fr}
  .r11-botswana-banner{padding:28px;min-height:440px}
  .r11-botswana-banner h2{font-size:37px}
  .r11-footer-grid{grid-template-columns:1fr}
}