:root{--green:#1f4a3d;--green2:#2d6a4f;--yellow:#f4c542;--blue:#1e88e5;--black:#111;--light:#f7f8f2}
body{font-family:Arial,Helvetica,sans-serif;color:#1d2823;background:#fff}
a{text-decoration:none}.top-strip{background:#102820;color:#e9f1ec;padding:7px 0}.lang-select{border:0;border-radius:4px;padding:2px 8px;font-size:12px}
.site-nav{background:#1f4a3d;box-shadow:0 4px 18px rgba(0,0,0,.12)}.site-nav .nav-link{color:#fff!important;font-size:12px;text-transform:uppercase;letter-spacing:.05em;margin:0 7px}.logo-mark{color:#fff!important;font-weight:800;font-size:25px;line-height:.9}.logo-mark span{font-family:cursive;color:#fff}.btn-quote{background:#fff;color:#1f4a3d;border-radius:3px;font-weight:700}.btn-main{background:var(--green);color:#fff;border:0;border-radius:3px;padding:10px 18px}.btn-main:hover{background:#183b31;color:#fff}
.hero{min-height:680px;background:linear-gradient(rgba(20,30,20,.25),rgba(20,30,20,.35)),url('../images/hero.svg') center/cover no-repeat;position:relative;display:flex;align-items:center}.hero-content{position:relative;color:#fff;text-shadow:0 2px 12px rgba(0,0,0,.35)}.hero .eyebrow{font-size:22px}.hero h1{font-size:70px;font-weight:900;letter-spacing:.08em;line-height:1.05;color:rgba(255,255,255,.72)}.intro-section{background:#f4f4ec;padding:50px 0}.wild-card{min-height:240px;background:url('../images/wild.svg') center/cover no-repeat;border-radius:2px}.section-title{text-align:center;margin-bottom:35px}.section-title span{color:#2d6a4f;font-weight:700;font-size:13px;text-transform:uppercase}.section-title h2{font-weight:800}.info-card{background:#fff;border:1px solid #eee;box-shadow:0 10px 30px rgba(0,0,0,.06);padding:30px;text-align:center;height:100%}.info-card .icon{font-size:34px}.light-bg{background:#f7f8f2}.tour-card{display:block;background:#fff;border:1px solid #e8e8e8;color:#1d2823;box-shadow:0 6px 18px rgba(0,0,0,.06);height:100%;transition:.2s}.tour-card:hover{transform:translateY(-4px);box-shadow:0 16px 35px rgba(0,0,0,.1)}.tour-card img{width:100%;height:210px;object-fit:cover}.tour-card h5{font-weight:800}.tour-card p{font-size:14px;color:#53615a}.tour-card span,.price{color:#1f4a3d;font-weight:800}.why{background:#f2f2e9}.circle-img{min-height:430px;background:url('../images/wild.svg') center/cover no-repeat;border-radius:50% 50% 0 50%;border:8px solid #fff}.cta{background:linear-gradient(90deg,#1f4a3d,#1e88e5);color:#fff;padding:70px 0;text-align:center}.footer{background:#f5f6ef;padding:50px 0 20px}.footer a{display:block;color:#34443d;margin:7px 0}.flag-line{height:7px;background:linear-gradient(90deg,#1f4a3d 0 25%,#f4c542 25% 40%,#111 40% 60%,#f4c542 60% 75%,#1e88e5 75% 100%)}.whatsapp-float{position:fixed;right:18px;bottom:20px;background:#25d366;color:#fff;padding:10px 15px;border-radius:40px;z-index:20;font-size:13px}
.page-hero{background:linear-gradient(90deg,#1f4a3d,#17352d);color:#fff;padding:90px 0}.page-hero h1{font-size:46px;font-weight:900}.detail-img{width:100%;max-height:460px;object-fit:cover}.content-box,.quote-box,.form-card{background:#fff;border:1px solid #e8e8e8;padding:25px;box-shadow:0 8px 28px rgba(0,0,0,.06)}
.login-page{min-height:100vh;background:linear-gradient(135deg,#1f4a3d,#1e88e5);display:flex;align-items:center;justify-content:center}.login-card{background:#fff;width:100%;max-width:390px;border-radius:18px;padding:30px;box-shadow:0 20px 70px rgba(0,0,0,.2)}.login-logo{font-size:34px;font-weight:900;color:#1f4a3d;line-height:.8}.login-logo span{color:#1e88e5}.admin-body{background:#eef2ef}.admin-shell{display:flex;min-height:100vh}.admin-sidebar{width:250px;background:#1f4a3d;color:#fff;position:fixed;top:0;bottom:0;left:0;padding:22px}.admin-logo{font-size:27px;font-weight:900;line-height:.9;margin-bottom:30px}.admin-logo span{color:#f4c542}.admin-sidebar a{display:block;color:#eaf5ef;padding:11px 12px;border-radius:8px;margin:3px 0}.admin-sidebar a:hover{background:rgba(255,255,255,.12)}.admin-main{margin-left:250px;width:calc(100% - 250px)}.admin-topbar{height:70px;background:#fff;border-bottom:1px solid #ddd;display:flex;align-items:center;justify-content:space-between;padding:0 25px}.admin-content{padding:25px}.stat-card,.admin-card{background:#fff;border-radius:14px;box-shadow:0 8px 24px rgba(0,0,0,.06);padding:22px}.stat-card span{display:block;color:#6b756f}.stat-card strong{font-size:34px;color:#1f4a3d}.admin-thumb{width:70px;height:50px;object-fit:cover;border-radius:6px}
@media(max-width:768px){.hero{min-height:520px}.hero h1{font-size:42px}.admin-sidebar{position:static;width:100%}.admin-shell{display:block}.admin-main{margin-left:0;width:100%}.site-nav .nav-link{font-size:13px}.top-strip .container{display:block!important}.page-hero h1{font-size:34px}}

/* === Kafuku Tours v8: Mobile & tablet friendliness fix === */
*{box-sizing:border-box}
html,body{width:100%;max-width:100%;overflow-x:hidden}
img,svg,video{max-width:100%;height:auto}
.container{max-width:1180px}

.hero{overflow:hidden}
.hero-content{max-width:760px;z-index:2}
.hero h1{font-size:clamp(34px,7vw,70px);word-break:normal;overflow-wrap:break-word;max-width:100%;}
.hero .lead{max-width:640px;font-size:clamp(16px,2.5vw,22px)}
.hero .eyebrow{font-size:clamp(15px,2.5vw,22px)}
.navbar-toggler{border:0;border-radius:10px;padding:6px 12px;font-weight:800;box-shadow:none!important}
.site-nav .navbar-collapse{transition:.2s ease}
.site-nav .nav-link{white-space:nowrap}
.tour-card,.info-card,.content-box,.quote-box,.form-card{overflow:hidden}
.whatsapp-float{white-space:nowrap}

@media(max-width:991.98px){
  .top-strip{padding:8px 0;text-align:center}
  .top-strip .container{gap:6px;flex-direction:column!important;align-items:center!important;justify-content:center!important}
  .top-strip .small,.top-strip div{font-size:12px;line-height:1.45}
  .site-nav{position:sticky;top:0;z-index:1040}
  .site-nav .container{padding-left:14px;padding-right:14px}
  .logo-mark{font-size:24px;line-height:1}
  .site-nav .navbar-collapse{background:#17382f;margin-top:10px;border-radius:14px;padding:10px;box-shadow:0 15px 35px rgba(0,0,0,.18)}
  .site-nav .navbar-nav{align-items:stretch!important}
  .site-nav .nav-link{display:block;padding:11px 12px!important;margin:2px 0;border-radius:10px;background:rgba(255,255,255,.04);font-size:13px}
  .site-nav .nav-link:hover{background:rgba(255,255,255,.12)}
  .btn-quote{display:block;width:100%;text-align:center;padding:10px 12px;margin-top:6px}
  .hero{min-height:auto;padding:90px 0 80px;background-position:center;align-items:flex-end}
  .hero-content{padding-left:8px;padding-right:8px;text-align:left}
  .hero h1{letter-spacing:.03em;line-height:1.08;margin:10px 0 14px;color:rgba(255,255,255,.86);text-shadow:0 3px 14px rgba(0,0,0,.45)}
  .hero .d-flex{gap:10px!important}
  .hero .btn{width:auto;min-width:140px;padding:10px 12px;font-size:14px}
  .intro-section{padding:36px 0}
  .section-title{margin-bottom:22px}
  .section-title h2{font-size:28px}
  .wild-card,.circle-img{min-height:260px;border-radius:18px}
  .circle-img{border-width:4px}
  .tour-card img{height:190px}
  .cta{padding:46px 0}
  .footer{padding:35px 0 15px;text-align:center}
}

@media(max-width:575.98px){
  body{font-size:15px}
  .container{padding-left:18px;padding-right:18px}
  .top-strip .container>div{max-width:100%;word-break:break-word}
  .lang-select{width:100%;max-width:180px;height:30px}
  .logo-mark{font-size:22px}
  .navbar-toggler{padding:5px 10px}
  .hero{padding:72px 0 64px;min-height:520px;background-position:center top}
  .hero h1{font-size:clamp(32px,12vw,46px);letter-spacing:.025em}
  .hero .lead{font-size:16px;line-height:1.55}
  .hero .eyebrow{font-size:15px;margin-bottom:6px}
  .hero .btn{flex:1 1 100%;width:100%;min-width:0;margin:0}
  .btn-main,.btn-outline-light{padding:10px 14px}
  .intro-section h2,.why h2{font-size:25px;line-height:1.2}
  .intro-section p,.why p{font-size:15px;line-height:1.65}
  .info-card{padding:22px 18px;border-radius:16px}
  .tour-card{border-radius:16px}
  .tour-card img{height:175px;border-radius:16px 16px 0 0}
  .tour-card .p-3{padding:16px!important}
  .page-hero{padding:58px 0}.page-hero h1{font-size:30px}
  .whatsapp-float{right:12px;bottom:12px;padding:9px 12px;font-size:12px}
  .admin-content{padding:14px}.admin-topbar{padding:0 14px;height:auto;min-height:64px;gap:8px;flex-wrap:wrap}.admin-sidebar{padding:14px}.table{font-size:13px}
}
/* === v9 Getpeace branding/content fix === */
.site-logo{width:58px;height:58px;object-fit:contain;background:#fff;border-radius:50%;padding:3px;box-shadow:0 2px 8px rgba(0,0,0,.18)}
.logo-mark{font-size:18px;line-height:1.1;white-space:normal;max-width:360px}.logo-mark span{font-family:Arial,Helvetica,sans-serif;font-weight:900}
.hero{background:linear-gradient(rgba(16,40,32,.72),rgba(16,40,32,.75)),url('../images/hero.svg') center/cover no-repeat}.hero h1{max-width:920px;font-size:clamp(32px,5.4vw,64px);color:rgba(255,255,255,.9);letter-spacing:.03em}.hero .lead{max-width:780px}.service-pill{background:#fff;border-left:5px solid var(--green);padding:16px 18px;border-radius:14px;box-shadow:0 8px 24px rgba(0,0,0,.06);font-weight:700;height:100%}
@media(max-width:991.98px){.site-logo{width:46px;height:46px}.logo-mark{font-size:15px;max-width:260px}.hero h1{font-size:clamp(28px,9vw,44px)}}
@media(max-width:575.98px){.site-logo{width:40px;height:40px}.logo-mark{font-size:13px;max-width:220px}.site-nav .container{align-items:center}.hero{min-height:auto;padding:66px 0}.hero h1{font-size:31px}.hero .lead{font-size:15px}}

/* === v12 premium safari theme: white, brown, dark gray, beige/badge === */
:root{--brown:#8a5a32;--brown2:#6f4526;--darkgray:#2f3033;--beige:#efe6d6;--badge:#d7bd93;--white:#ffffff;--green:#8a5a32;--green2:#6f4526;--yellow:#d7bd93;--blue:#8a5a32;--black:#2f3033;--light:#f7f3ed}
body{color:#2f3033;background:#fff}.top-strip{background:#2f3033;color:#efe6d6}.site-nav{background:#2f3033}.site-nav .navbar-collapse{background:#2f3033}.btn-main{background:#8a5a32;color:#fff;border-radius:999px}.btn-main:hover{background:#6f4526;color:#fff}.btn-quote{background:#efe6d6;color:#2f3033;border-radius:999px}.hero{background:linear-gradient(rgba(47,48,51,.62),rgba(47,48,51,.68)),url('../images/hero.svg') center/cover no-repeat}.hero-dynamic{background-size:cover;background-position:center}.hero-slider,.hero-slider .carousel-item{min-height:680px}.hero-slider .carousel-control-prev,.hero-slider .carousel-control-next{width:7%}.intro-section,.light-bg,.why,.footer{background:#f7f3ed}.info-card,.tour-card,.content-box,.quote-box,.form-card,.admin-card,.stat-card{border-color:#eadfce}.tour-card span,.price,.section-title span,.stat-card strong{color:#8a5a32}.service-pill{border-left-color:#8a5a32;background:#fff;color:#2f3033}.page-hero{background:linear-gradient(90deg,#2f3033,#6f4526)}.cta{background:linear-gradient(90deg,#2f3033,#8a5a32)}.admin-sidebar{background:#2f3033}.admin-logo span{color:#d7bd93}.admin-body{background:#f7f3ed}.admin-sidebar a:hover{background:rgba(215,189,147,.18)}.badge.bg-success{background:#8a5a32!important}.flag-line{height:6px;background:linear-gradient(90deg,#2f3033,#8a5a32,#d7bd93,#efe6d6)}.whatsapp-float{background:#6f4526}.site-logo{background:#efe6d6}.logo-mark span{color:#fff}.lang-select{background:#efe6d6;color:#2f3033}.footer{border-top:1px solid #eadfce}.footer h4,.footer h6{color:#6f4526}
@media(max-width:991.98px){.hero-slider,.hero-slider .carousel-item{min-height:auto}.hero{padding:90px 0 80px}.site-nav .navbar-collapse{background:#2f3033}}
@media(max-width:575.98px){.hero{padding:66px 0}.hero-slider .hero{min-height:520px}.hero h1{font-size:31px}}


/* === v14 CMS editable home welcome image === */
.welcome-img{width:100%;height:360px;object-fit:cover;border-radius:8px;border:1px solid #eadfce;box-shadow:0 10px 28px rgba(47,48,51,.08);background:#efe6d6;display:block}
.admin-thumb{width:72px;height:52px;object-fit:cover;border-radius:8px;background:#efe6d6}
@media(max-width:991.98px){.welcome-img{height:300px}}
@media(max-width:575.98px){.welcome-img{height:220px}.intro-section .row{gap:18px}}


/* === v16 final: friendly mobile admin menu + real language auto translate polish === */
.translate-note{font-size:11px;color:#d7bd93;opacity:.9}
.goog-te-banner-frame.skiptranslate,.goog-te-gadget-icon,.goog-te-balloon-frame{display:none!important}
body{top:0!important}
#goog-gt-tt,.goog-te-balloon-frame{display:none!important}

.admin-sidebar-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.admin-close-btn,.admin-menu-btn{border:0;background:#8a5a32;color:#fff;border-radius:12px;font-weight:800;line-height:1;display:none}
.admin-close-btn{width:40px;height:40px;font-size:28px;background:rgba(255,255,255,.12)}
.admin-menu-btn{width:44px;height:42px;font-size:22px;box-shadow:0 6px 18px rgba(0,0,0,.12)}
.admin-topbar-left{display:flex;align-items:center;gap:12px;min-width:0}
.admin-topbar-left strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:55vw}
.admin-overlay{display:none}
.admin-card{overflow:hidden}.admin-card .table-responsive{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.admin-card table{min-width:760px}.admin-card .btn{margin:2px 0}.admin-content h1{font-size:clamp(26px,4vw,42px)}

@media(max-width:991.98px){
  .admin-body{background:#f7f3ed;overflow-x:hidden}.admin-shell{display:block;min-height:100vh}
  .admin-main{margin-left:0!important;width:100%!important;min-width:0}
  .admin-sidebar{position:fixed!important;top:0!important;bottom:0!important;left:0!important;width:min(86vw,330px)!important;z-index:3000;transform:translateX(-105%);transition:transform .25s ease;overflow-y:auto;padding:22px 18px!important;box-shadow:20px 0 45px rgba(0,0,0,.28)}
  body.admin-menu-open .admin-sidebar{transform:translateX(0)}
  .admin-overlay{position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:2990;display:none}
  body.admin-menu-open .admin-overlay{display:block}
  .admin-menu-btn,.admin-close-btn{display:inline-flex;align-items:center;justify-content:center}
  .admin-topbar{position:sticky;top:0;z-index:2500;min-height:66px;height:auto;padding:10px 14px!important;gap:10px;box-shadow:0 3px 16px rgba(0,0,0,.08)}
  .admin-topbar .btn{padding:8px 10px;font-size:13px;border-radius:10px}.admin-content{padding:18px 14px!important}.admin-logo{font-size:26px;margin-bottom:20px}.admin-sidebar nav a{font-size:16px;padding:13px 12px;margin:5px 0;border-radius:12px;background:rgba(255,255,255,.03)}
  .admin-card,.stat-card{border-radius:18px;padding:18px!important}.admin-thumb{width:60px;height:48px}.admin-card table{min-width:720px}.admin-content .d-flex.justify-content-between{align-items:flex-start!important;gap:12px}.admin-content .d-flex.justify-content-between .btn{white-space:nowrap;border-radius:999px;padding:9px 14px}
}
@media(max-width:575.98px){
  .admin-sidebar{width:88vw!important}.admin-topbar-left strong{max-width:44vw}.admin-content{padding:14px 12px!important}.admin-card{padding:14px!important}.admin-card table{min-width:680px}.admin-content h1{font-size:25px}.translate-note{display:none}.lang-select{max-width:190px}
}

@media(max-width:991.98px){
  .site-nav .navbar-collapse{max-height:calc(100vh - 88px);overflow-y:auto}.site-nav .nav-link,.btn-quote{font-size:14px!important}.site-logo{flex:0 0 auto}.navbar-brand.logo-mark{max-width:72%;white-space:normal}.navbar-toggler{flex:0 0 auto}
}


/* === v17 image-path + mobile language position fix === */
.broken-img-fallback{background:#efe6d6}
@media(max-width:575.98px){
  .top-strip .container{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center;gap:8px}
  .top-strip .container>div:first-child{width:100%;font-size:13px;line-height:1.55}
  .top-strip .container>div:last-child{width:100%;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:4px}
  .top-strip .lang-select{width:76%;max-width:250px;height:36px;text-align:center;border-radius:8px;margin:0 auto;background:#efe6d6;color:#2f3033}
  .translate-note{display:block!important;font-size:10px;line-height:1;color:#d7bd93}
  .tour-card img{background:#efe6d6;object-fit:cover}
}
/* === v20 professional tourism modules === */
.trust-strip{background:#efe6d6;color:#2f3033;padding:18px 0;font-weight:700;border-top:1px solid #dcc8a7;border-bottom:1px solid #dcc8a7}.tour-card a{color:inherit}.accordion-button:not(.collapsed){background:#efe6d6;color:#6f4526}.media-grid img{border-radius:12px}.admin-sidebar nav a{font-size:15px}@media(max-width:991.98px){.admin-sidebar nav a{font-size:15px;padding:11px 10px}.trust-strip{text-align:center}.top-strip .lang-select{order:2}}
