:root{--emerald:#075b49;--emerald-2:#0a7159;--emerald-3:#0d8b6c;--deep:#043d34;--ink:#17201d;--muted:#6b7772;--line:#dde6e1;--ivory:#fbfaf7;--soft:#f4f8f6;--white:#fff;--gold:#c7942f;--shadow:0 16px 44px rgba(21,43,35,.10);--r:18px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--ivory);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:17px;line-height:1.55}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}img{max-width:100%;display:block}button{cursor:pointer}.section-shell,.nav-shell,.hero-shell,.footer-shell{width:min(1180px,calc(100% - 48px));margin:auto}.site-header{position:absolute;z-index:20;top:0;left:0;right:0;background:rgba(255,255,255,.90);backdrop-filter:blur(14px);border-bottom:1px solid rgba(7,91,73,.08)}.nav-shell{height:78px;display:flex;align-items:center;gap:32px}.brand{display:flex;align-items:center;gap:10px;color:var(--emerald);font-weight:800;letter-spacing:.05em}.brand img{height:36px;max-width:200px;object-fit:contain}.brand-mark{font-size:32px}.brand-word{font-size:26.5px}.desktop-nav{margin-left:auto;display:flex;align-items:center;gap:31px;font-size:16.5px;font-weight:600}.desktop-nav>a{white-space:nowrap}.desktop-nav>a:hover{color:var(--emerald-2)}.nav-saved{display:flex;align-items:center;gap:6px}.nav-saved b{min-width:18px;height:18px;border-radius:999px;display:grid;place-items:center;background:var(--emerald);color:white;font-size:12.5px}.nav-login{border:1px solid rgba(7,91,73,.2);padding:11px 21px;border-radius:999px;background:rgba(255,255,255,.75);box-shadow:0 7px 20px rgba(32,52,44,.06)}.mobile-menu-btn,.mobile-menu{display:none}
.hero{min-height:570px;position:relative;overflow:hidden;background:#f7f5f0}.hero-image{position:absolute;inset:0;background-image:url('/assets/img/hero-mecca.webp');background-size:cover;background-position:center}.hero-wash{position:absolute;inset:0;background:linear-gradient(90deg,rgba(252,250,246,.99) 0%,rgba(252,250,246,.97) 26%,rgba(252,250,246,.70) 48%,rgba(252,250,246,.08) 72%)}.hero-shell{position:relative;z-index:2;padding-top:126px;padding-bottom:72px}.hero-copy{width:56%;max-width:690px}.eyebrow,.hero-copy .eyebrow,.page-hero span,.article-hero span,.section-head span,.auth-card>span,.admin-head span{font-size:13px;font-weight:800;letter-spacing:.16em;color:var(--emerald);text-transform:uppercase}.hero-copy h1,.page-hero h1,.article-hero h1{font-family:Georgia,"Times New Roman",serif;color:#123e35;font-weight:500;letter-spacing:-.035em}.hero-copy h1{font-size:58.5px;line-height:1.02;margin:10px 0 16px}.hero-copy p{width:78%;font-size:18px;color:#46544f;margin:0}.search-card{margin-top:34px;width:94%;background:rgba(255,255,255,.97);border:1px solid rgba(7,91,73,.10);box-shadow:var(--shadow);border-radius:12px;display:grid;grid-template-columns:1.1fr 1.1fr 1fr auto;align-items:center;overflow:hidden}.search-card label{min-height:80px;position:relative;padding:18px 30px 12px 51px;border-right:1px solid var(--line);display:flex;flex-direction:column;justify-content:center}.search-card small{font-size:12.5px;color:#52625c;margin-bottom:4px}.search-card select,.search-card input{border:0;background:transparent;outline:0;font-size:16.5px;appearance:auto;width:100%}.search-icon{position:absolute;left:21px;top:30px;color:var(--emerald);font-size:21.5px}.btn{border:0;border-radius:9px;padding:13px 19px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:700;font-size:15.5px}.btn-primary{background:var(--emerald);color:white;box-shadow:0 10px 24px rgba(7,91,73,.18)}.btn-primary:hover{background:var(--emerald-2)}.btn-outline{border:1px solid #b7cbc2;background:white;color:var(--emerald)}.search-submit{margin:12px 14px;min-width:150px;height:52px}.trust-strip{width:94%;display:grid;grid-template-columns:repeat(4,1fr);background:rgba(255,255,255,.98);border:1px solid rgba(7,91,73,.08);border-radius:0 0 12px 12px;padding:13px 18px;color:#47675d;font-size:13px;box-shadow:0 8px 24px rgba(25,54,44,.07)}.trust-strip span{text-align:center}.section{padding:52px 0;background:white}.section:nth-of-type(odd){background:var(--ivory)}.section-head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:18px}.section-head h2{font-family:Georgia,serif;font-size:29.5px;line-height:1.15;color:#174a3d;margin:6px 0 0;font-weight:500}.section-head>a{font-size:14px;color:var(--emerald);font-weight:700}.package-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.package-card{background:white;border:1px solid #e2e8e4;border-radius:13px;overflow:hidden;box-shadow:0 7px 24px rgba(33,51,44,.05);transition:.2s ease}.package-card:hover{transform:translateY(-2px);box-shadow:0 16px 34px rgba(33,51,44,.10)}.package-media{position:relative;aspect-ratio:1.54/1;overflow:hidden}.package-media img{width:100%;height:100%;object-fit:cover}.package-badge{position:absolute;left:10px;top:10px;background:var(--emerald);color:#fff;border-radius:5px;padding:5px 9px;font-size:11px;font-weight:800}.package-card:nth-child(1) .package-badge{background:#c88c16}.package-card:nth-child(3) .package-badge{background:#2370b4}.package-card:nth-child(4) .package-badge{background:#7443a8}.heart-btn{position:absolute;right:9px;top:8px;width:31px;height:31px;border-radius:999px;border:1px solid rgba(255,255,255,.75);background:rgba(25,28,25,.12);color:white;font-size:23px;display:grid;place-items:center}.heart-btn.active{background:white;color:#c64b5c}.package-body{padding:12px}.package-body h3{font-family:Georgia,serif;font-weight:500;font-size:19.5px;margin:0;color:#212a26}.travel-line{font-size:12.5px;color:#44534e}.travel-line span{color:var(--emerald);font-size:10px;margin-left:4px}.price{color:var(--emerald);font-size:23px;font-weight:800;margin:9px 0}.price small{font-size:12.5px;font-weight:600}.price em{font-style:normal;color:#7a847f}.package-meta{display:grid;grid-template-columns:1fr 1fr;gap:7px 10px;font-size:12px;color:#4f5a56}.package-actions{margin-top:12px;display:flex;align-items:center;gap:12px}.package-actions .btn{padding:8px 13px;font-size:12.5px}.text-action{background:none;border:0;color:var(--emerald);font-weight:700;font-size:12.5px;padding:5px}.text-action.active{color:#9b6b12}.guides-home{background:#f8f6f2}.guide-mini-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.guide-mini{background:#fff;border:1px solid #ece9e2;border-radius:12px;padding:16px;display:flex;align-items:center;gap:15px}.guide-mini img{width:60px;height:60px;border-radius:50%;object-fit:cover;filter:saturate(.7)}.guide-mini h3{font-family:Georgia,serif;font-size:17px;margin:0 0 4px}.guide-mini p{font-size:12px;color:#65716c;margin:0}.site-footer{background:#063f35;color:#dfeae6;padding:40px 0 0;margin-bottom:0}.footer-shell{display:grid;grid-template-columns:2fr 1fr 1fr;gap:60px}.footer-brand{font-weight:900;letter-spacing:.08em;font-size:23px}.footer-shell p{max-width:360px;color:#a9beb7}.footer-shell>div:not(:first-child){display:flex;flex-direction:column;gap:8px;font-size:15.5px}.footer-shell strong{color:white;margin-bottom:4px}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);width:min(1180px,calc(100% - 48px));margin:28px auto 0;padding:18px 0;color:#91aaa2;font-size:13px}.mobile-bottom-nav{display:none}.selection-tray{position:fixed;left:50%;bottom:22px;transform:translateX(-50%);z-index:50;width:min(560px,calc(100% - 30px));background:white;border:1px solid #d8e3de;border-radius:16px;padding:11px 12px 11px 17px;box-shadow:0 20px 50px rgba(7,42,32,.18);display:flex;justify-content:space-between;align-items:center;gap:18px}.selection-tray[hidden]{display:none}.selection-tray b{font-size:15.5px;color:#154c3e}.selection-tray small{display:block;font-size:12.5px;color:#7b8581}.selection-tray .btn{font-size:13px}.saved-sheet[hidden]{display:none}.saved-sheet{position:fixed;inset:0;z-index:80}.sheet-backdrop{position:absolute;inset:0;background:rgba(1,21,16,.45);border:0;width:100%}.sheet-panel{position:absolute;right:0;top:0;bottom:0;width:min(440px,94vw);background:white;padding:24px;box-shadow:-20px 0 60px rgba(0,0,0,.15)}.sheet-handle{display:none}.sheet-head{display:flex;justify-content:space-between;gap:20px}.sheet-head h2{font-family:Georgia,serif;font-size:26.5px;margin:5px 0}.sheet-head small{color:var(--emerald);font-weight:800;letter-spacing:.12em}.sheet-head button{border:0;background:none;font-size:31px}.saved-list{display:flex;flex-direction:column;gap:12px;margin-top:20px}.saved-list a{display:grid;grid-template-columns:80px 1fr;gap:12px;padding:10px;border:1px solid var(--line);border-radius:12px}.saved-list img{width:80px;height:60px;object-fit:cover;border-radius:8px}.saved-list span{display:block;color:var(--emerald);margin-top:4px}.empty-mini{padding:30px;color:var(--muted);text-align:center}.page-hero.simple,.article-hero{padding:132px 0 65px;background:linear-gradient(135deg,#f7faf8,#f2efe9)}.page-hero h1,.article-hero h1{font-size:49px;max-width:800px;margin:8px 0 13px}.page-hero p,.article-hero p{color:#64706b;max-width:700px;font-size:18px}.filter-bar{display:grid;grid-template-columns:repeat(5,1fr) auto;gap:10px;background:var(--soft);padding:13px;border-radius:14px;border:1px solid var(--line);margin-bottom:22px}.filter-bar label{font-size:12.5px;font-weight:700;color:#53635d}.filter-bar select,.filter-bar input{display:block;width:100%;margin-top:5px;border:1px solid #ccd9d3;background:white;border-radius:8px;padding:10px;font-size:14px}.results-head{display:flex;justify-content:space-between;align-items:center;margin:15px 0}.results-head strong{display:block;color:#173e35}.results-head small{color:var(--muted)}.results-head select{border:1px solid var(--line);background:white;border-radius:8px;padding:9px}.detail-hero{padding:130px 0 60px;background:#f8f6f1}.detail-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:50px;align-items:center}.detail-media img{width:100%;aspect-ratio:1.35/1;object-fit:cover;border-radius:22px;box-shadow:var(--shadow)}.detail-copy h1{font-family:Georgia,serif;font-size:51px;line-height:1.05;color:#133f35;margin:8px 0}.travel-line.big{font-size:15.5px}.detail-price{font-size:35px;color:var(--emerald);font-weight:800;margin:20px 0}.detail-price small{font-size:14px;margin-left:8px;color:#718079}.detail-facts{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:15px 0;gap:15px}.detail-facts small{display:block;color:#7a8680;font-size:12.5px}.detail-facts b{font-size:15.5px}.detail-actions{display:flex;gap:10px;margin-top:20px}.prose{max-width:820px}.prose h2{font-family:Georgia,serif;font-size:33px;color:#174a3d}.prose p{font-size:18px;color:#4e5d57}.discover-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.discover-cards article{border:1px solid var(--line);background:white;border-radius:14px;padding:10px}.discover-cards img{width:100%;aspect-ratio:1.5/1;object-fit:cover;border-radius:9px}.discover-cards h3{font-family:Georgia,serif;margin:10px 0 0;font-size:20.5px}.discover-cards p{font-size:13px;margin:2px 0;color:var(--muted)}.discover-cards strong{display:block;color:var(--emerald);margin-top:8px}.winner{display:inline-block;background:#e6f6ef;color:var(--emerald);font-size:11px;font-weight:800;padding:5px 8px;border-radius:999px;margin:8px 4px 0 0}.discover-table-wrap{overflow:auto;margin-top:25px}.discover-table{border-collapse:separate;border-spacing:0;width:100%;min-width:760px;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:white}.discover-table th,.discover-table td{padding:17px;border-bottom:1px solid var(--line);border-right:1px solid var(--line);text-align:left;font-size:14px}.discover-table th{width:160px;color:#174a3d;background:#f6f9f7}.disclaimer{text-align:center;color:#728079;font-size:13px;margin-top:18px}.empty-state{text-align:center;padding:70px 20px;border:1px dashed #b7cbc3;border-radius:18px}.empty-state>div{font-size:36px;color:var(--emerald)}.empty-state h2{font-family:Georgia,serif;color:#174a3d}.guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.guide-card{background:white;border:1px solid var(--line);border-radius:14px;overflow:hidden}.guide-card img{width:100%;aspect-ratio:1.55/1;object-fit:cover}.guide-card>div{padding:18px}.guide-card small{color:var(--emerald);font-weight:800;letter-spacing:.11em}.guide-card h2{font-family:Georgia,serif;font-size:24px;color:#16483b}.guide-card p{font-size:14px;color:var(--muted)}.guide-card span{font-size:14px;color:var(--emerald);font-weight:700}.article-shell{width:min(760px,calc(100% - 48px));margin:auto}.article-cover{width:100%;border-radius:18px;margin-bottom:30px}.about-grid{display:grid;grid-template-columns:1fr .8fr;gap:70px}.about-grid h2{font-family:Georgia,serif;font-size:40.5px;color:#174a3d}.about-note{background:#edf5f1;border-radius:20px;padding:32px}.about-note span{font-size:12.5px;color:var(--emerald);font-weight:800;letter-spacing:.14em}.about-note h3{font-family:Georgia,serif;font-size:27.5px}.auth-page{min-height:100vh;background:linear-gradient(135deg,#f8faf8,#eef3f0);display:grid;place-items:center;padding:40px}.auth-card{width:min(480px,100%);background:white;border:1px solid var(--line);border-radius:20px;padding:30px;box-shadow:var(--shadow)}.auth-card h1{font-family:Georgia,serif;color:#174a3d;font-size:36px;margin:7px 0}.auth-card p{color:var(--muted)}.auth-card label,.admin-form label{display:block;font-size:14px;font-weight:700;margin:13px 0}.auth-card input,.admin-form input,.admin-form select,.admin-form textarea{width:100%;display:block;margin-top:6px;border:1px solid #cbd8d2;border-radius:9px;padding:11px 12px;background:white}.auth-card .btn{width:100%;margin-top:12px}.install-card{width:min(680px,100%)}.two,.three{display:grid;gap:12px}.two{grid-template-columns:1fr 1fr}.three{grid-template-columns:repeat(3,1fr)}.check{display:flex!important;gap:8px;align-items:center}.check input{width:auto!important;margin:0!important}.alert{padding:11px 13px;border-radius:9px;margin:12px 0;font-size:14px}.alert.success{background:#e7f6ef;color:#0b664f}.admin-page{min-height:100vh;background:#f4f7f5;padding:24px}.admin-shell{width:min(1380px,100%);margin:auto;display:grid;grid-template-columns:220px 1fr;gap:20px}.admin-nav{background:#063f35;color:#dbe8e3;border-radius:18px;padding:22px;min-height:calc(100vh - 48px);display:flex;flex-direction:column;gap:7px}.admin-logo{font-weight:900;font-size:20.5px;margin-bottom:18px}.admin-nav a{padding:10px 12px;border-radius:8px}.admin-nav a:hover{background:rgba(255,255,255,.08)}.admin-content{background:white;border:1px solid var(--line);border-radius:18px;padding:28px;min-width:0}.admin-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.admin-head h1{font-family:Georgia,serif;font-size:37px;color:#174a3d;margin:5px 0}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.stat-grid>div{background:#f1f6f3;border:1px solid #dfeae4;border-radius:14px;padding:25px}.stat-grid strong{font-size:36px;color:var(--emerald)}.stat-grid span{display:block;color:var(--muted)}.admin-quick{display:grid;grid-template-columns:repeat(2,1fr);gap:13px;margin-top:18px}.admin-quick a{border:1px solid var(--line);padding:17px;border-radius:12px;color:#164a3c;font-weight:700}.admin-table-wrap{overflow:auto}.admin-table{width:100%;border-collapse:collapse}.admin-table th,.admin-table td{text-align:left;border-bottom:1px solid var(--line);padding:13px;font-size:14px}.admin-table td:last-child{display:flex;gap:12px}.admin-table form{display:inline}.admin-table button{border:0;background:none;color:#a43d3d}.admin-form{max-width:920px}.admin-form.compact{max-width:none;border:1px solid var(--line);padding:15px;border-radius:13px;margin-bottom:20px}.logo-preview{max-height:70px;margin:14px 0}
@media(max-width:900px){body{padding-bottom:72px}.site-header{position:absolute;background:rgba(255,255,255,.94)}.nav-shell{height:66px;width:calc(100% - 28px)}.brand-word{font-size:21.5px}.brand-mark{font-size:26.5px}.brand img{height:30px}.desktop-nav{display:none}.mobile-menu-btn{display:block;margin-left:auto;border:0;background:none;font-size:26.5px;color:var(--emerald)}.mobile-menu{position:absolute;z-index:30;left:14px;right:14px;top:70px;background:white;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);padding:10px}.mobile-menu[hidden]{display:none}.mobile-menu a{display:block;padding:12px}.hero{min-height:650px}.hero-image{background-position:65% center}.hero-wash{background:linear-gradient(180deg,rgba(5,46,38,.10),rgba(5,46,38,.30) 34%,rgba(5,46,38,.84) 72%,rgba(5,46,38,.94))}.hero-shell{width:100%;padding:96px 14px 20px}.hero-copy{width:100%;padding:0 10px;color:white;margin-top:92px}.hero-copy .eyebrow{color:#d7eee6}.hero-copy h1{font-size:38px;color:white;line-height:1.04;margin:8px 0 12px}.hero-copy p{width:95%;font-size:15.5px;color:#f0f5f3}.search-card{width:100%;margin-top:22px;border-radius:16px;display:block;overflow:visible;padding:4px 14px;background:white}.search-card label{min-height:70px;border-right:0;border-bottom:1px solid var(--line);padding:14px 34px 10px}.search-card label:last-of-type{border-bottom:0}.search-icon{left:3px;top:27px}.search-card small{font-size:12.5px}.search-card select,.search-card input{font-size:15.5px}.search-submit{width:100%;margin:8px 0 10px;height:48px}.trust-strip{display:none}.section{padding:30px 0}.section-shell{width:calc(100% - 28px)}.section-head{align-items:flex-start}.section-head h2{font-size:25.5px}.section-head>a{font-size:12.5px;margin-top:13px}.home-package-grid,.package-grid{display:flex;overflow-x:auto;gap:11px;padding-bottom:8px;scroll-snap-type:x mandatory}.package-card{min-width:190px;width:190px;scroll-snap-align:start}.package-body h3{font-size:16.5px}.package-meta{grid-template-columns:1fr;font-size:11px}.package-actions{display:block}.package-actions .btn{width:100%}.text-action{width:100%;margin-top:6px}.guide-mini-grid{display:block}.guide-mini{margin-bottom:10px}.site-footer{padding:30px 0 80px}.footer-shell{grid-template-columns:1fr;gap:22px;width:calc(100% - 28px)}.footer-bottom{width:calc(100% - 28px)}.mobile-bottom-nav{position:fixed;z-index:60;bottom:0;left:0;right:0;height:66px;background:rgba(255,255,255,.97);backdrop-filter:blur(10px);border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(5,1fr);padding-bottom:max(5px,env(safe-area-inset-bottom))}.mobile-bottom-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;font-size:11px;color:#42544d}.mobile-bottom-nav span{font-size:23px;color:var(--emerald)}.selection-tray{bottom:76px;width:calc(100% - 24px);padding:10px 10px 10px 13px}.selection-tray small{display:none}.selection-tray .btn{padding:10px;font-size:12.5px}.sheet-panel{top:auto;left:0;right:0;bottom:0;width:100%;height:auto;max-height:78vh;border-radius:22px 22px 0 0;padding:14px 18px 88px}.sheet-handle{display:block;width:40px;height:4px;background:#d7dfdc;border-radius:99px;margin:0 auto 12px}.page-hero.simple,.article-hero{padding:100px 0 42px}.page-hero h1,.article-hero h1{font-size:36px}.filter-bar{grid-template-columns:1fr 1fr;gap:8px}.filter-bar .btn{grid-column:1/-1}.results-head{align-items:flex-start;gap:12px}.results-head select{max-width:150px}.detail-hero{padding:92px 0 30px}.detail-grid{grid-template-columns:1fr;gap:22px}.detail-copy h1{font-size:36px}.detail-facts{grid-template-columns:1fr 1fr}.detail-actions{position:sticky;bottom:75px;z-index:20;background:white;padding:10px;border:1px solid var(--line);border-radius:12px}.discover-cards{display:flex;overflow:auto}.discover-cards article{min-width:210px}.guide-grid{grid-template-columns:1fr}.about-grid{grid-template-columns:1fr;gap:20px}.auth-page{padding:20px 14px}.two,.three{grid-template-columns:1fr}.admin-page{padding:10px}.admin-shell{display:block}.admin-nav{min-height:auto;margin-bottom:10px;display:grid;grid-template-columns:repeat(3,1fr);gap:5px;padding:12px}.admin-logo{grid-column:1/-1;margin:0 0 5px}.admin-nav a{text-align:center;font-size:12.5px;padding:7px}.admin-content{padding:16px}.admin-head h1{font-size:31px}.stat-grid{grid-template-columns:1fr}.admin-quick{grid-template-columns:1fr}}
@media(max-width:430px){.hero{min-height:690px}.hero-copy{margin-top:112px}.hero-copy h1{font-size:36px}.section-head h2{font-size:23px}.page-hero h1,.article-hero h1{font-size:34px}.filter-bar{grid-template-columns:1fr}.package-card{min-width:184px;width:184px}.guide-mini img{width:52px;height:52px}}
.mobile-quick,.mobile-discover-promo{display:none}
@media(max-width:900px){.mobile-notify{font-size:24px}.mobile-quick{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:14px;background:#f7f8f6}.mobile-quick a{background:white;border:1px solid #e1e8e4;border-radius:14px;min-height:73px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;font-size:12.5px;font-weight:700;color:#24463d;box-shadow:0 5px 17px rgba(25,53,44,.05)}.mobile-quick span{font-size:25.5px;color:var(--emerald)}.mobile-discover-promo{display:block;background:#f7f8f6;padding:0 14px 22px}.mobile-discover-promo a{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;background:linear-gradient(135deg,#ecf5f1,#f7f8f4);border:1px solid #dbe7e1;border-radius:16px;padding:16px;color:#174a3d}.mobile-discover-promo>a>span{font-size:27.5px}.mobile-discover-promo b{display:block;font-size:15.5px}.mobile-discover-promo small{display:block;color:#63736d;font-size:12px;line-height:1.45;margin-top:3px}.mobile-discover-promo strong{font-size:28.5px;font-weight:400}}

/* ===== Safaroka UI polish v1.1: premium icons, larger branding & footer ===== */
.icon{display:inline-block;vertical-align:-.18em;flex:0 0 auto}.brand img{height:50px;max-width:270px;width:auto}.nav-shell{height:92px}.desktop-nav{gap:28px}.nav-saved,.nav-login{display:inline-flex;align-items:center;gap:7px}.nav-login{padding:10px 18px}.search-icon{display:grid;place-items:center}.trust-strip span{display:flex;align-items:center;justify-content:center;gap:8px}.section-head>a{display:inline-flex;align-items:center;gap:6px}.travel-line{display:flex;align-items:center;gap:4px}.verified-mark{display:inline-flex;color:var(--emerald)}.package-meta span{display:flex;align-items:center;gap:5px}.heart-btn{display:grid;place-items:center}.heart-btn .icon{transition:.18s ease}.heart-btn.active{background:white;color:#c64b5c}.heart-btn.active .icon{fill:currentColor}.guide-mini{position:relative;padding-right:42px}.guide-arrow{position:absolute;right:16px;color:var(--emerald);display:grid;place-items:center}

.site-footer{position:relative;overflow:hidden;background:linear-gradient(135deg,#043d34 0%,#075b49 58%,#086b55 100%);color:#eaf5f1;padding:58px 0 0;margin-top:0}.site-footer:before{content:"";position:absolute;inset:0;opacity:.22;background-image:linear-gradient(45deg,transparent 46%,rgba(255,255,255,.045) 47%,rgba(255,255,255,.045) 48%,transparent 49%);background-size:34px 34px;pointer-events:none}.footer-premium{position:relative;z-index:1;display:grid;grid-template-columns:1.45fr .65fr .65fr 1.15fr;gap:46px;align-items:start}.footer-identity{max-width:360px}.footer-logo{display:inline-flex;margin-bottom:18px}.footer-logo img{height:56px;max-width:280px;width:auto;object-fit:contain;filter:brightness(0) invert(1)}.footer-identity p{margin:0;color:rgba(238,249,245,.78);font-size:15.5px;line-height:1.8;max-width:330px}.footer-trust{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.footer-trust span{display:inline-flex;align-items:center;gap:6px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.06);border-radius:999px;padding:7px 10px;font-size:12.5px;color:#d9eee7}.footer-links{display:flex;flex-direction:column;gap:10px}.footer-links strong{font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:#fff;margin-bottom:4px}.footer-links a{color:rgba(235,247,243,.72);font-size:14px;transition:.18s ease}.footer-links a:hover{color:#fff;transform:translateX(2px)}.footer-help{border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.075);backdrop-filter:blur(10px);border-radius:18px;padding:22px;box-shadow:0 18px 42px rgba(1,32,26,.18)}.footer-help-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:rgba(255,255,255,.10);margin-bottom:14px}.footer-help small{display:block;color:#aee1cf;font-size:11px;font-weight:800;letter-spacing:.14em}.footer-help h3{font-family:Georgia,serif;font-size:23px;line-height:1.15;margin:7px 0 9px;font-weight:500;color:#fff}.footer-help p{font-size:13px;line-height:1.6;color:rgba(238,249,245,.70);margin:0 0 16px}.footer-cta{display:inline-flex;align-items:center;gap:7px;background:#fff;color:var(--deep);border-radius:10px;padding:10px 13px;font-size:13px;font-weight:800}.footer-bottom{position:relative;z-index:1;width:min(1180px,calc(100% - 48px));margin:42px auto 0;padding:17px 0 20px;border-top:1px solid rgba(255,255,255,.12);display:flex;justify-content:space-between;gap:20px;color:rgba(231,246,241,.58);font-size:12.5px}

.mobile-bottom-nav a>.icon{color:var(--emerald);margin-bottom:2px}.mobile-bottom-nav a>span{font-size:11px}.mobile-quick a>.icon{color:var(--emerald)}.mobile-quick a>span{font-size:12.5px}.mobile-discover-promo>a>.icon:first-child{color:var(--emerald)}

@media(max-width:900px){.nav-shell{height:74px}.brand img{height:39px;max-width:215px}.mobile-menu-btn{display:grid;place-items:center;width:40px;height:40px;border-radius:999px;border:1px solid rgba(7,91,73,.12);background:rgba(255,255,255,.72)}.footer-premium{grid-template-columns:1fr 1fr;gap:28px}.footer-identity{grid-column:1/-1}.footer-logo img{height:48px}.footer-help{grid-column:1/-1}.footer-bottom{width:calc(100% - 28px);flex-direction:column;gap:5px;margin-top:30px;padding-bottom:88px}.mobile-quick a{gap:7px}.mobile-bottom-nav a{gap:2px}.mobile-bottom-nav a>span{font-size:12px}.heart-btn{width:34px;height:34px}}
@media(max-width:520px){.footer-premium{grid-template-columns:1fr;gap:24px}.footer-identity,.footer-help{grid-column:auto}.footer-links{padding-top:2px}.site-footer{padding-top:42px}.footer-logo img{height:45px}.brand img{height:37px}.nav-shell{width:calc(100% - 24px)}}

/* ======================================================================
   SAFAROKA UI v1.2 — Elegant typography, premium search, larger logo,
   refined 5-column footer + social media controls
   ====================================================================== */
:root{
  --container:1220px;
  --font-ui:"Segoe UI Variable Text","Segoe UI",Arial,Helvetica,sans-serif;
  --font-display:Cambria,Georgia,"Times New Roman",serif;
  --emerald:#066a55;
  --emerald-2:#078167;
  --deep:#033f35;
  --ink:#10231e;
  --muted:#61706a;
  --line:#dce6e1;
  --ivory:#fbfaf7;
  --soft:#f4f8f6;
  --shadow-premium:0 18px 55px rgba(16,47,38,.12);
}
body{font-family:var(--font-ui);font-weight:500;letter-spacing:-.006em;color:var(--ink);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
.section-shell,.nav-shell,.hero-shell,.footer-shell{width:min(var(--container),calc(100% - 56px));margin-left:auto;margin-right:auto}

/* NAVBAR */
.site-header{background:rgba(255,255,255,.94);border-bottom:1px solid rgba(6,106,85,.08);backdrop-filter:blur(18px)}
.nav-shell{height:112px;gap:40px}
.brand{min-width:max-content}
.brand img{height:68px!important;max-width:350px!important;width:auto!important;object-fit:contain}
.desktop-nav{gap:30px;font-size:16.5px;font-weight:750;letter-spacing:-.015em}
.desktop-nav>a{padding:8px 0}
.nav-saved{gap:8px!important}.nav-saved b{font-size:12.5px;font-weight:800}
.nav-login{padding:12px 22px!important;border:1px solid rgba(6,106,85,.2);font-weight:750;background:#fff;box-shadow:0 8px 24px rgba(10,48,38,.07)}

/* TYPOGRAPHY */
.hero-copy h1,.page-hero h1,.article-hero h1,.detail-copy h1,.section-head h2,.guide-mini h3,.sheet-head h2{font-family:var(--font-display);font-weight:700!important;letter-spacing:-.035em}
.hero-copy h1{font-size:61.5px;line-height:1.02;color:#103f35}
.hero-copy p{font-size:18px;font-weight:550;line-height:1.7;color:#46574f}
.eyebrow,.hero-copy .eyebrow,.page-hero span,.article-hero span,.section-head span,.auth-card>span,.admin-head span{font-family:var(--font-ui);font-weight:800;letter-spacing:.15em}
.section-head h2{font-size:33px;line-height:1.12;color:#10483b}
.section-head>a{font-size:14px;font-weight:800}
.package-body h3{font-family:var(--font-display);font-size:19.5px;font-weight:700!important;line-height:1.18;letter-spacing:-.018em}
.travel-line{font-size:12.5px;font-weight:650}.price{font-size:23px;font-weight:850}.package-meta{font-size:12.5px;font-weight:600}
.btn,.text-action{font-weight:800}

/* HERO + SEARCH — same exact container width as package cards */
.hero-shell{padding-top:150px;padding-bottom:74px}
.hero-copy{width:57%;max-width:720px}
.search-card{width:100%!important;margin-top:36px;border-radius:20px!important;grid-template-columns:1.08fr 1.08fr 1fr auto;border:1px solid rgba(6,106,85,.13);box-shadow:var(--shadow-premium);background:rgba(255,255,255,.985);overflow:hidden}
.search-card label{min-height:92px;padding:20px 34px 15px 78px;border-right:1px solid #e1e8e4;justify-content:center}
.search-icon{left:24px!important;top:27px!important;width:40px;height:40px;border-radius:12px;background:#edf7f3;display:grid!important;place-items:center;color:var(--emerald);box-shadow:inset 0 0 0 1px rgba(6,106,85,.08)}
.search-card small{font-size:12.5px;font-weight:750;letter-spacing:.01em;color:#6c7b75;margin-bottom:5px}
.search-card select,.search-card input{font-size:17px!important;font-weight:750!important;letter-spacing:-.015em;color:#132a23;min-height:27px}
.search-submit{margin:14px 16px;min-width:174px;height:62px;border-radius:13px;font-size:16.5px;box-shadow:0 12px 28px rgba(6,106,85,.22)}
.trust-strip{width:100%!important;margin-top:9px;border-radius:16px!important;border:1px solid rgba(6,106,85,.10);padding:15px 20px;box-shadow:0 10px 28px rgba(25,54,44,.065);font-size:13px;font-weight:650;background:rgba(255,255,255,.98)}
.trust-strip span{gap:9px!important}

/* PACKAGE AREA */
.section{padding:58px 0}.section-head{margin-bottom:22px}.package-grid{gap:20px}
.package-card{border-radius:17px;border-color:#dfe7e3;box-shadow:0 9px 28px rgba(30,53,44,.065)}
.package-card:hover{transform:translateY(-4px);box-shadow:0 20px 48px rgba(30,53,44,.12)}
.package-body{padding:15px}.package-badge{font-size:11px;font-weight:850;border-radius:7px;padding:6px 10px}
.package-actions .btn{font-size:12.5px;font-weight:800}.text-action{font-size:12.5px}
.guide-mini{border-radius:16px;padding:18px;box-shadow:0 7px 22px rgba(30,53,44,.035)}
.guide-mini h3{font-size:18px}.guide-mini p{font-size:12.5px;line-height:1.5}

/* FOOTER — elegant, larger and structured like the approved reference */
.site-footer{position:relative;overflow:hidden;background:linear-gradient(115deg,#033f35 0%,#045345 48%,#066a55 100%)!important;color:#eaf6f1;padding:58px 0 0!important}
.site-footer:before{content:"";position:absolute;inset:0;opacity:.12;background-image:linear-gradient(45deg,transparent 48%,rgba(255,255,255,.06) 49%,transparent 50%);background-size:34px 34px;pointer-events:none}
.footer-elegant{position:relative;z-index:1;display:grid!important;grid-template-columns:1.55fr .8fr 1fr .9fr 1.1fr!important;gap:46px!important;align-items:start}
.footer-identity{max-width:360px!important}.footer-logo{display:inline-flex;margin-bottom:15px}.footer-logo img{height:72px!important;max-width:330px!important;width:auto!important;object-fit:contain;filter:brightness(0) invert(1)}
.footer-identity p{margin:0;font-size:15px;line-height:1.75;font-weight:550;color:rgba(239,250,246,.82)}.footer-identity p span{color:rgba(239,250,246,.68)}
.social-links{display:flex;gap:10px;margin-top:20px}.social-links a,.social-links>span{width:35px;height:35px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(255,255,255,.34);color:#fff;background:rgba(255,255,255,.06);transition:.18s ease}.social-links a:hover{background:#fff;color:var(--deep);transform:translateY(-2px)}.social-links>span{opacity:.46}
.footer-links,.footer-contact{display:flex!important;flex-direction:column;gap:9px!important;font-size:14px!important}.footer-links strong,.footer-contact strong{font-size:14px!important;font-weight:850;color:#fff;margin-bottom:5px;letter-spacing:-.01em}.footer-links a,.footer-links span{color:rgba(235,248,243,.76);font-weight:550;transition:.18s ease}.footer-links a:hover{color:#fff;transform:translateX(2px)}.footer-links span{cursor:default}
.footer-contact a,.footer-contact>div{display:flex;align-items:flex-start;gap:9px;color:rgba(235,248,243,.80);font-weight:550;line-height:1.45}.footer-contact .icon{margin-top:1px;color:#bce6d7}.contact-empty{font-size:13px;color:rgba(235,248,243,.55)!important;line-height:1.55!important}
.footer-bottom{position:relative;z-index:1;width:min(var(--container),calc(100% - 56px))!important;margin:44px auto 0!important;padding:18px 0 22px!important;border-top:1px solid rgba(255,255,255,.13)!important;display:flex;align-items:center;justify-content:space-between;gap:20px;color:rgba(231,246,241,.58)!important;font-size:12.5px!important;font-weight:550}.footer-bottom>div{display:flex;gap:8px}

/* ADMIN brand settings */
.admin-subsection{margin:24px 0 10px;padding-top:18px;border-top:1px solid var(--line)}.admin-subsection span{font-size:12.5px;font-weight:850;letter-spacing:.14em;color:var(--emerald)}.admin-subsection p{margin:5px 0 0;color:var(--muted);font-size:13px}.logo-preview{max-height:100px!important;max-width:320px}

@media(max-width:1050px) and (min-width:901px){
  .section-shell,.nav-shell,.hero-shell,.footer-shell{width:min(var(--container),calc(100% - 36px))}
  .brand img{height:58px!important;max-width:290px!important}.desktop-nav{gap:21px;font-size:15.5px}.nav-login{padding:10px 16px!important}
  .hero-copy h1{font-size:54px}.search-card label{padding-left:68px}.search-icon{left:18px!important}.search-submit{min-width:145px}
  .footer-elegant{gap:26px!important;grid-template-columns:1.4fr .75fr 1fr .9fr 1.05fr!important}
}

@media(max-width:900px){
  body{font-weight:500}.nav-shell{height:82px!important;width:calc(100% - 28px)!important}.brand img{height:48px!important;max-width:245px!important}.mobile-menu-btn{width:42px;height:42px}
  .hero-shell{width:100%!important;padding:104px 14px 22px}.hero-copy{width:100%;padding:0 10px;margin-top:94px}.hero-copy h1{font-size:39px!important;font-weight:700!important}.hero-copy p{font-size:16px;font-weight:550}
  .search-card{width:100%!important;margin-top:23px;border-radius:19px!important;padding:5px 14px;display:block}.search-card label{min-height:74px;padding:13px 35px 11px 54px;border-right:0;border-bottom:1px solid #e4ebe7}.search-icon{left:3px!important;top:17px!important;width:36px;height:36px;border-radius:11px}.search-card small{font-size:12.5px}.search-card select,.search-card input{font-size:16.5px!important;font-weight:750!important}.search-submit{width:100%;height:50px;margin:9px 0 10px;min-width:0;border-radius:12px}.trust-strip{display:none}
  .section-shell{width:calc(100% - 28px)!important}.section-head h2{font-size:26.5px!important;font-weight:700!important}.package-body h3{font-size:17px!important}.price{font-size:21.5px}
  .site-footer{padding:45px 0 0!important}.footer-elegant{width:calc(100% - 32px)!important;grid-template-columns:1fr 1fr!important;gap:29px!important}.footer-identity{grid-column:1/-1;max-width:420px!important}.footer-logo img{height:60px!important;max-width:290px!important}.footer-contact{grid-column:1/-1}.footer-bottom{width:calc(100% - 32px)!important;flex-direction:column;align-items:flex-start;gap:7px;margin-top:30px!important;padding-bottom:90px!important}.social-links{margin-top:17px}
}
@media(max-width:560px){
  .footer-elegant{grid-template-columns:1fr!important;gap:24px!important}.footer-identity,.footer-contact{grid-column:auto}.footer-logo img{height:56px!important;max-width:265px!important}.footer-links,.footer-contact{font-size:15px!important}.brand img{height:45px!important;max-width:225px!important}.hero-copy h1{font-size:36px!important}.section-head h2{font-size:24px!important}
}

/* ======================================================================
   SAFAROKA UI v1.3 — Product polish, stronger navigation, discovery logic,
   standardized package covers, premium detail & mobile filters
   ====================================================================== */
:root{
  --font-ui:Aptos,"Segoe UI Variable Text","Segoe UI",Arial,Helvetica,sans-serif;
  --font-display:"Iowan Old Style","Palatino Linotype","Book Antiqua",Palatino,Georgia,serif;
}

/* NAV — requested larger and more confident */
.desktop-nav{font-size:18px!important;font-weight:800!important;gap:28px!important;letter-spacing:-.018em}
.desktop-nav>a{padding:11px 0!important;position:relative}
.desktop-nav>a:not(.nav-login):not(.nav-saved):after{content:"";position:absolute;left:0;right:100%;bottom:3px;height:2px;border-radius:99px;background:var(--emerald-2);transition:right .18s ease}
.desktop-nav>a:not(.nav-login):not(.nav-saved):hover:after{right:0}
.nav-saved{font-size:16.5px!important}.nav-login{font-size:16.5px!important}

/* PACKAGE COVER SYSTEM */
.package-card{border-radius:19px!important;overflow:hidden;background:#fff}
.package-media{aspect-ratio:16/10!important;background:#e9efec}
.package-media:after{content:"";position:absolute;inset:auto 0 0;height:38%;background:linear-gradient(180deg,transparent,rgba(3,30,24,.12));pointer-events:none}
.package-media img{object-fit:cover!important;object-position:center 32%;filter:saturate(.88) contrast(.97);transform:scale(1.01);transition:transform .35s ease,filter .35s ease}
.package-card:hover .package-media img{transform:scale(1.045);filter:saturate(.96) contrast(1)}
.package-badge{z-index:2;box-shadow:0 7px 18px rgba(0,0,0,.12);border:1px solid rgba(255,255,255,.22)}
.package-badge.badge-popular{background:#bb7c13!important}.package-badge.badge-value{background:#08745b!important}.package-badge.badge-flight{background:#296ab1!important}.package-badge.badge-location{background:#71449b!important}.package-badge.badge-default{background:#536760!important}
.heart-btn{z-index:3;background:rgba(10,35,28,.22)!important;backdrop-filter:blur(8px)}
.package-body{padding:17px!important}.package-body h3{font-size:20.5px!important;line-height:1.18!important}.travel-line{margin-top:3px;font-size:13px!important;display:flex;align-items:center;gap:3px}.verified-mark{display:inline-flex!important;color:var(--emerald)!important;margin-left:2px!important}
.price{font-size:24px!important;margin:10px 0 11px!important}.package-meta{font-size:12.5px!important;line-height:1.35;gap:8px 11px!important}.package-meta span{display:flex;align-items:center;gap:5px}.package-meta .icon{flex:none;color:#4f625b}
.package-freshness{margin-top:11px;padding-top:10px;border-top:1px solid #edf1ef;color:#75817d;font-size:12px;font-weight:650;display:flex;gap:5px;align-items:center}.package-freshness .icon{color:#299373}
.package-actions{justify-content:space-between;margin-top:13px!important;gap:8px!important}.package-actions .btn{min-width:104px}.package-actions .text-action{white-space:nowrap}

/* ADMIN COVER GUIDANCE */
.cover-guideline{margin:20px 0 10px;padding:16px 18px;border-radius:14px;background:linear-gradient(135deg,#eef8f4,#f8fbf9);border:1px solid #d9e9e2}.cover-guideline b{color:var(--deep);font-size:15.5px}.cover-guideline p{margin:5px 0 0;color:#61726b;font-size:13px;line-height:1.55}.admin-form label small{display:block;color:#78837f;font-size:12.5px;font-weight:500;margin-top:3px}.package-cover-preview{width:240px;aspect-ratio:16/10;object-fit:cover;border-radius:14px;border:1px solid var(--line);margin:10px 0 18px}

/* PACKAGES SEARCH & FILTER */
.filter-topline{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.filter-topline>div span{display:block;font-size:12px;font-weight:850;letter-spacing:.14em;color:var(--emerald)}.filter-topline>div b{display:block;margin-top:2px;font-size:18px;color:#173f35}.mobile-filter-toggle{display:none;border:1px solid #cddbd5;background:#fff;color:var(--deep);border-radius:11px;padding:10px 13px;font-weight:800;align-items:center;gap:7px}
.filter-bar{padding:16px!important;border-radius:18px!important;background:#f6f9f7!important;gap:12px!important;margin-bottom:25px!important}.filter-bar label{font-size:12.5px!important;font-weight:800!important}.filter-bar select,.filter-bar input{font-size:15.5px!important;font-weight:650!important;border-radius:10px!important;padding:11px 12px!important}.filter-bar .btn{min-height:44px;align-self:end}.sort-control{display:flex;align-items:center;gap:9px;color:#77827e;font-size:12.5px;font-weight:750}.sort-control select{font-size:14px!important;font-weight:750!important}.results-head strong{font-size:20.5px}.results-head small{font-size:13px;display:block;margin-top:2px}

/* PREMIUM PACKAGE DETAIL */
.detail-hero{padding-top:148px!important;padding-bottom:64px!important;background:linear-gradient(145deg,#f7faf8 0%,#f8f4ed 100%)!important}.detail-grid{gap:58px!important}.detail-image-frame{position:relative;border-radius:26px;overflow:hidden;background:#eaf0ed;box-shadow:0 26px 70px rgba(30,52,44,.14)}.detail-image-frame img{width:100%;aspect-ratio:1.18/1;object-fit:cover;object-position:center 30%}.detail-badge{position:absolute;left:20px;top:20px;background:rgba(4,70,57,.92);color:#fff;border:1px solid rgba(255,255,255,.22);border-radius:999px;padding:8px 13px;font-size:12.5px;font-weight:850;backdrop-filter:blur(10px)}
.detail-copy h1{font-family:var(--font-display);font-size:51px;line-height:1.04;letter-spacing:-.035em;color:#133f35;margin:9px 0 11px;font-weight:700}.detail-travel{display:flex;align-items:center;flex-wrap:wrap;gap:9px;font-size:15.5px;color:#56645f}.detail-travel b{display:inline-flex;align-items:center;gap:5px;color:#08745b;background:#eaf6f1;border:1px solid #d5ebe2;border-radius:999px;padding:5px 9px;font-size:12px}.detail-price{font-size:35px!important;font-weight:850;color:var(--emerald);margin:19px 0}.detail-price small{font-size:13px;font-weight:650;color:#6a7872;margin-left:5px}.detail-facts{display:grid;grid-template-columns:1fr 1fr;gap:10px!important}.detail-facts>div{position:relative;display:grid;grid-template-columns:34px 1fr;grid-template-rows:auto auto;column-gap:9px;padding:13px!important;border:1px solid #dce6e1;background:rgba(255,255,255,.82);border-radius:13px}.detail-facts>div>span{grid-row:1/3;width:34px;height:34px;border-radius:10px;background:#edf7f3;color:var(--emerald);display:grid;place-items:center}.detail-facts>div small{font-size:11px!important;color:#76827d}.detail-facts>div b{font-size:13.5px!important;color:#233c35;line-height:1.3}.detail-facts .wide{grid-column:1/-1}.detail-freshness{margin-top:12px;font-size:12.5px;color:#70807a;display:flex;align-items:center;gap:6px}.detail-freshness .icon{color:#26916f}.detail-actions{display:flex;gap:10px;margin-top:20px!important}.detail-actions .btn{min-height:48px;padding:12px 18px!important}.detail-actions .btn-outline.active{background:#edf7f3;color:#08745b}
.detail-content-section{background:#fff!important}.detail-content-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(270px,.65fr);gap:48px;align-items:start}.detail-main{display:flex;flex-direction:column;gap:28px}.detail-block{border-bottom:1px solid #e8eeeb;padding-bottom:30px}.detail-block:last-child{border-bottom:0}.detail-block h2{font-family:var(--font-display);font-size:33px;line-height:1.12;color:#17473b;margin:6px 0 15px}.detail-block .prose{font-size:16.5px;color:#50605a;line-height:1.85}.info-list{display:grid;gap:12px}.info-list>div{display:grid;grid-template-columns:42px 1fr;gap:12px;padding:15px;border-radius:14px;background:#f7faf8;border:1px solid #e2eae6}.info-list>div>.icon{width:42px;height:42px;padding:10px;border-radius:12px;background:#e9f5f0;color:var(--emerald)}.info-list p{margin:0}.info-list b{display:block;color:#183f35;font-size:15px}.info-list span{display:block;margin-top:3px;font-size:13px;color:#6a7772;line-height:1.5}
.travel-trust-card{position:sticky;top:25px;background:linear-gradient(145deg,#073f35,#07634f);color:#ecf7f3;border-radius:22px;padding:24px;box-shadow:0 22px 50px rgba(4,54,44,.16)}.travel-trust-card>span{font-size:11px;font-weight:850;letter-spacing:.15em;color:#9ed8c6}.travel-trust-card h3{font-family:var(--font-display);font-size:27.5px;line-height:1.12;margin:8px 0 13px}.travel-trust-card p{font-size:13px;line-height:1.65;color:rgba(238,249,245,.75)}.verified-pill,.unverified-pill{display:flex;align-items:center;gap:7px;width:max-content;max-width:100%;border-radius:999px;padding:7px 10px;font-size:12.5px;font-weight:800}.verified-pill{background:#e7f7f0;color:#075e4a}.unverified-pill{background:rgba(255,255,255,.1);color:#fff}.travel-trust-card .btn{width:100%;margin-top:9px;background:#fff;color:#075b49;box-shadow:none}.travel-trust-card>small{display:block;text-align:center;margin-top:10px;color:rgba(238,249,245,.6);font-size:11px;line-height:1.4}

/* TEMUKAN — signature experience */
.discover-summary-head{display:grid;grid-template-columns:1fr .72fr;gap:40px;align-items:end;margin-bottom:22px}.discover-summary-head span,.discover-section-title span{font-size:12px;font-weight:850;letter-spacing:.15em;color:var(--emerald)}.discover-summary-head h2,.discover-section-title h2{font-family:var(--font-display);font-size:34px;line-height:1.12;color:#16463a;margin:5px 0 0}.discover-summary-head p{margin:0;color:#6d7974;font-size:13.5px;line-height:1.6}.insight-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:48px}.insight-card{position:relative;min-height:220px;border:1px solid #dde7e2;background:#fff;border-radius:18px;padding:19px;box-shadow:0 9px 27px rgba(28,52,43,.055)}.insight-card.primary{background:linear-gradient(145deg,#064d40,#08705a);color:#fff;border-color:transparent;box-shadow:0 16px 42px rgba(5,73,59,.18)}.insight-icon{width:39px;height:39px;border-radius:12px;display:grid;place-items:center;background:#eaf6f1;color:var(--emerald);margin-bottom:20px}.insight-card.primary .insight-icon{background:rgba(255,255,255,.14);color:#d9fff1}.insight-card small{font-size:10.5px;font-weight:850;letter-spacing:.13em;color:#6a8179}.insight-card.primary small{color:#aee2d2}.insight-card h3{font-family:var(--font-display);font-size:21.5px;line-height:1.16;color:#173f35;margin:7px 0}.insight-card.primary h3{color:white}.insight-card p{font-size:12.5px;color:#68766f;line-height:1.55;margin:0}.insight-card.primary p{color:rgba(240,252,247,.77)}.insight-card a{position:absolute;left:19px;bottom:18px;display:flex;align-items:center;gap:5px;font-size:12.5px;font-weight:800;color:#dffff4}.discover-section-title{margin-bottom:17px}.discover-cards{gap:14px!important;margin-bottom:20px!important}.discover-package{border-radius:15px!important;padding:0!important;overflow:hidden;background:#fff;border:1px solid #e0e8e4!important;box-shadow:0 8px 25px rgba(30,50,43,.05)}.discover-package.is-best{border-color:#87cbb4!important;box-shadow:0 12px 30px rgba(7,100,78,.11)}.discover-package-media{position:relative;aspect-ratio:16/8.8;overflow:hidden}.discover-package-media img{width:100%;height:100%;object-fit:cover}.discover-package-media span{position:absolute;left:9px;top:9px;background:#08705a;color:#fff;border-radius:999px;padding:5px 8px;font-size:10px;font-weight:800;display:flex;gap:4px;align-items:center}.discover-package>div:last-child{padding:13px}.discover-package h3{font-family:var(--font-display);font-size:18px;margin:0;color:#173d34}.discover-package p{font-size:12px;color:#74807b;margin:3px 0 9px}.discover-package strong{font-size:20.5px;color:var(--emerald)}.discover-table-wrap{border:1px solid #e0e8e4!important;border-radius:18px!important;overflow:auto!important;box-shadow:0 10px 30px rgba(30,50,43,.045)}.discover-table th{font-size:13px!important;display:flex;align-items:center;gap:7px;background:#f6faf8!important}.discover-table td b{display:block;font-size:14px;color:#173e35}.discover-table td small{display:block;margin-top:3px;color:#75817d;font-size:12px}.discover-disclaimer{margin-top:19px;border-radius:15px;padding:15px 17px;background:#f1f8f5;border:1px solid #dcebe5;display:flex;gap:11px;color:#386156}.discover-disclaimer>.icon{flex:none;color:var(--emerald)}.discover-disclaimer b{font-size:13px}.discover-disclaimer p{font-size:12.5px;margin:2px 0 0;color:#70807a}

/* MOBILE PRODUCT UX */
@media(max-width:1050px) and (min-width:901px){.desktop-nav{font-size:16.5px!important;gap:19px!important}}
@media(max-width:900px){
  .package-card{min-width:226px!important;width:226px!important}.package-body h3{font-size:18px!important}.package-meta{grid-template-columns:1fr 1fr!important;font-size:12px!important}.package-actions{display:flex!important}.package-actions .btn{width:auto!important}.text-action{width:auto!important;margin-top:0!important}.package-freshness{font-size:11px}
  .filter-topline{margin-bottom:12px}.mobile-filter-toggle{display:flex}.filter-bar{display:none!important;grid-template-columns:1fr!important;padding:13px!important}.filter-bar.is-open{display:grid!important}.filter-bar .btn{grid-column:auto!important}.results-head{margin-top:17px!important}.results-head strong{font-size:18px}.sort-control span{display:none}
  .detail-hero{padding:98px 0 28px!important}.detail-grid{gap:24px!important}.detail-image-frame{border-radius:18px}.detail-image-frame img{aspect-ratio:16/10}.detail-copy h1{font-size:36px!important}.detail-price{font-size:29.5px!important}.detail-facts{grid-template-columns:1fr 1fr!important}.detail-facts>div{padding:11px!important}.detail-actions{position:static!important;background:transparent!important;border:0!important;padding:0!important;display:grid!important;grid-template-columns:1fr 1fr}.detail-actions .btn{font-size:12.5px;padding:11px 8px!important}.detail-content-grid{grid-template-columns:1fr;gap:25px}.detail-block h2{font-size:27.5px}.travel-trust-card{position:static;border-radius:18px}.info-list>div{grid-template-columns:36px 1fr;padding:13px}.info-list>div>.icon{width:36px;height:36px;padding:8px}
  .discover-summary-head{grid-template-columns:1fr;gap:8px}.discover-summary-head h2,.discover-section-title h2{font-size:27.5px}.insight-grid{display:flex;overflow:auto;scroll-snap-type:x mandatory;gap:11px;margin-right:-14px;padding-right:14px;margin-bottom:35px}.insight-card{min-width:230px;min-height:210px;scroll-snap-align:start}.discover-cards{display:flex!important}.discover-package{min-width:210px!important}.discover-table{min-width:720px!important}.discover-disclaimer{margin-bottom:15px}
}
@media(max-width:560px){.desktop-nav{font-size:16.5px!important}.package-card{min-width:218px!important;width:218px!important}.detail-facts{grid-template-columns:1fr!important}.detail-facts .wide{grid-column:auto}.detail-actions{grid-template-columns:1fr}.discover-summary-head h2{font-size:25.5px}}

/* ======================================================================
   SAFAROKA UI v1.4 — Product V2 / Travel trust / Weather / Mobile polish
   ====================================================================== */
.nav-login{background:#eef8f4!important;border:1px solid #d1e8df!important;color:#075b49!important;border-radius:12px!important;padding:11px 17px!important;box-shadow:none!important;gap:7px}.nav-login:hover{background:#e2f3ec!important;color:#064c3e!important}.nav-saved{font-size:16.5px!important}

/* Package V2 */
.package-trip-row{display:flex;flex-wrap:wrap;gap:8px 13px;color:#5f6d67;font-size:12.5px;font-weight:700;margin:8px 0 10px}.package-trip-row span{display:inline-flex;align-items:center;gap:5px}.package-trip-row .icon{color:#08705a}
.package-flight-line{display:grid;grid-template-columns:28px 1fr;gap:8px;align-items:center;padding:9px 10px;background:#f7faf8;border:1px solid #e5ece8;border-radius:11px;margin-bottom:9px}.package-flight-line>.icon{color:#08705a}.package-flight-line b{display:block;font-size:12.5px;line-height:1.2;color:#1d4137}.package-flight-line small{display:block;margin-top:2px;font-size:11px;color:#71807a;line-height:1.3}
.hotel-mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.hotel-mini-grid>div{min-width:0;display:grid;grid-template-columns:25px 1fr;gap:7px;align-items:start;padding:9px;background:#fff;border:1px solid #e6ece9;border-radius:11px}.hotel-mini-icon{width:25px;height:25px;border-radius:8px;background:#edf7f3;color:#08705a;display:grid;place-items:center}.hotel-mini-grid p{min-width:0;margin:0}.hotel-mini-grid small{display:block;color:#7a8782;font-size:10px;font-weight:800;letter-spacing:.07em;text-transform:uppercase}.hotel-mini-grid b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px;color:#1d4137;margin:2px 0}.hotel-mini-grid em{display:block;font-style:normal;font-size:10.5px;color:#6e7d77}.package-highlight{margin-top:8px;display:flex;align-items:flex-start;gap:5px;padding:7px 8px;border-radius:9px;background:#f1f7f4;color:#3c6559;font-size:11px;font-weight:750;line-height:1.35}.package-highlight .icon{flex:none;color:#b17b1d}.package-freshness{margin-top:7px}.package-actions{justify-content:space-between}

/* Partner logo marquee */
.partner-rail-section{background:#fff;padding:38px 0 46px;border-top:1px solid #edf1ef;border-bottom:1px solid #edf1ef;overflow:hidden}.partner-rail-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:22px}.partner-rail-head span{display:block;font-size:12px;font-weight:850;letter-spacing:.15em;color:var(--emerald)}.partner-rail-head h2{font-family:var(--font-display);font-size:29.5px;line-height:1.12;margin:5px 0 0;color:#17473b}.partner-rail-head p{max-width:390px;margin:0;color:#74817c;font-size:12.5px}.partner-marquee{overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}.partner-marquee-track{display:flex;width:max-content;gap:13px;animation:safaroka-marquee 32s linear infinite}.partner-marquee:hover .partner-marquee-track{animation-play-state:paused}.partner-logo-card{width:190px;height:78px;border:1px solid #e1e9e5;border-radius:15px;background:#fbfdfc;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:6px;padding:12px 20px;box-shadow:0 5px 18px rgba(22,48,39,.035)}.partner-logo-card img{max-width:145px;max-height:36px;object-fit:contain;filter:saturate(.85)}.partner-logo-card span{font-size:10.5px;color:#75817c;font-weight:700}.partner-empty{border:1px dashed #cbdcd5;border-radius:15px;padding:22px;text-align:center;color:#6b7973;background:#f8fbf9;font-size:13px}@keyframes safaroka-marquee{from{transform:translateX(0)}to{transform:translateX(calc(-50% - 6.5px))}}

/* Admin Product V2 */
.upgrade-banner{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:17px 18px;margin-bottom:20px;border:1px solid #cfe5dc;background:#eff8f4;border-radius:14px;color:#164b3d}.upgrade-banner b{font-size:14px}.upgrade-banner p{margin:4px 0 0;color:#638078;font-size:12.5px}.admin-form button:disabled{opacity:.45;cursor:not-allowed}.hotel-admin-grid{align-items:stretch}.hotel-admin-card{border:1px solid #dfe8e3;background:#f9fbfa;border-radius:14px;padding:15px}.hotel-admin-card>b{display:block;margin-bottom:9px;color:#075b49;font-size:15.5px}.hotel-admin-card label{margin-top:8px}.admin-form-actions{display:flex;gap:10px;align-items:center}.travel-logo-preview{max-width:210px;max-height:85px;object-fit:contain;border:1px solid #e0e8e4;border-radius:12px;padding:10px;background:#fff}.travel-table-logo{width:74px;height:38px;object-fit:contain}.travel-logo-empty{color:#9aa6a1}

/* Admin weather */
.admin-weather{margin-top:34px;padding-top:28px;border-top:1px solid #e4e9e6}.admin-section-head{display:flex;align-items:end;justify-content:space-between;gap:30px}.admin-section-head>div:first-child span{font-size:12px;font-weight:850;letter-spacing:.15em;color:#08705a}.admin-section-head h2{font-family:var(--font-display);font-size:29.5px;line-height:1.12;margin:5px 0 0;color:#17473b}.climate-picker{display:flex;align-items:end;gap:8px}.climate-picker label{font-size:11px;color:#6e7b76;font-weight:800}.climate-picker input{display:block;margin-top:4px;border:1px solid #d6e2dc;border-radius:9px;padding:9px 10px;background:#fff;font-size:13px}.weather-note{font-size:12.5px;color:#6d7a75;margin:12px 0 16px}.weather-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.weather-card{position:relative;border:1px solid #dfe8e3;border-radius:16px;background:#fff;padding:15px;box-shadow:0 7px 22px rgba(27,52,43,.045);display:grid;grid-template-columns:42px 1fr;gap:10px}.weather-place-icon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:#eaf6f1;color:#08705a}.weather-title b{display:block;font-size:14px;color:#173f35}.weather-title small{font-size:10.5px;color:#77847f}.weather-now{grid-column:1/-1;display:flex;align-items:end;justify-content:space-between;padding-top:9px;border-top:1px solid #edf1ef}.weather-now strong{font-size:27.5px;color:#075b49;letter-spacing:-.04em}.weather-now span{font-size:11px;color:#71807a}.weather-climate{grid-column:1/-1;border-radius:11px;background:#f5f9f7;padding:9px 10px}.weather-climate span{display:flex;align-items:center;gap:5px;font-size:10px;color:#6d7c76}.weather-climate b{display:block;font-size:17px;color:#234a40;margin-top:3px}.weather-climate small{font-size:10px;color:#81908a}.weather-source{margin-top:10px;font-size:10.5px;color:#8a9691}

/* Detail V2 */
.hotel-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.hotel-detail-grid>div{display:grid;grid-template-columns:40px 1fr;gap:10px;border:1px solid #dfe8e3;background:rgba(255,255,255,.9);border-radius:14px;padding:12px}.hotel-detail-grid>div>span{width:40px;height:40px;border-radius:11px;background:#eaf6f1;color:#08705a;display:grid;place-items:center}.hotel-detail-grid p{margin:0}.hotel-detail-grid small{display:block;font-size:10px;letter-spacing:.12em;font-weight:850;color:#72827c}.hotel-detail-grid b{display:block;font-size:14px;color:#183f35;margin:2px 0}.hotel-detail-grid em{display:block;font-style:normal;font-size:12px;color:#6c7a75}.detail-facts>div em{grid-column:2;font-style:normal;font-size:11px;color:#75827d}.trip-weather-section{background:#f6faf8!important;padding:38px 0!important}.climate-head{align-items:flex-end}.climate-head p{max-width:440px;font-size:12.5px;color:#6d7a75;margin:0}.trip-climate-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.trip-climate-grid article{display:grid;grid-template-columns:50px 1fr;gap:12px;align-items:center;background:#fff;border:1px solid #dfe9e4;border-radius:16px;padding:16px}.trip-climate-grid article>div{width:50px;height:50px;border-radius:14px;background:#eaf6f1;color:#08705a;display:grid;place-items:center}.trip-climate-grid p{margin:0}.trip-climate-grid small{display:block;font-size:11px;color:#76837e}.trip-climate-grid b{display:block;font-size:25.5px;color:#075b49;letter-spacing:-.03em}.trip-climate-grid span{font-size:11px;color:#75827d}.highlight-list{display:grid;grid-template-columns:1fr 1fr;gap:10px}.highlight-list>div{display:grid;grid-template-columns:36px 1fr;gap:10px;border:1px solid #e1e9e5;border-radius:13px;padding:12px;background:#f9fbfa}.highlight-list>.icon{color:#08705a}.highlight-list p{margin:0}.highlight-list b{font-size:13px;color:#21493e}.highlight-list span{display:block;font-size:12px;color:#6f7e78}.extra-hotels{margin-top:12px;border-radius:13px;background:#f5f8f6;padding:13px}.extra-hotels b{font-size:12.5px;color:#19483b}.extra-hotels p{font-size:12.5px;color:#6c7a75;line-height:1.65;margin:5px 0 0}.trust-travel-logo{max-width:160px;max-height:58px;object-fit:contain;background:#fff;border-radius:10px;padding:8px;margin-bottom:16px}.travel-legal-list{display:grid;gap:8px;margin:14px 0}.travel-legal-list>div{padding:9px 10px;border-radius:10px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.09)}.travel-legal-list small{display:block;color:#9ed8c6;font-size:9.5px}.travel-legal-list b{display:block;color:#fff;font-size:12px;margin-top:2px}.trust-secondary{display:block;text-align:center;color:#d6eee5;font-size:12px;margin:9px 0}

/* Temukan V2 */
.insight-grid-five{grid-template-columns:repeat(5,1fr)}.insight-grid-five .insight-card{min-height:235px}.discover-table th .place-icon{flex:none;color:#08705a}

@media(max-width:1180px) and (min-width:901px){.weather-grid{grid-template-columns:repeat(3,1fr)}.insight-grid-five{grid-template-columns:repeat(3,1fr)}}

@media(max-width:900px){
  /* App-like package cards: homepage scrolls, results page stays readable full-width */
  .home-package-grid{display:flex!important;overflow-x:auto;gap:12px;margin-right:-14px;padding-right:14px;scroll-snap-type:x mandatory;scrollbar-width:none}.home-package-grid::-webkit-scrollbar{display:none}.home-package-grid .package-card{flex:0 0 min(82vw,330px)!important;min-width:min(82vw,330px)!important;width:auto!important;scroll-snap-align:start}
  .packages-page .package-grid{display:grid!important;grid-template-columns:1fr!important;gap:14px!important}.packages-page .package-card{min-width:0!important;width:100%!important;display:grid;grid-template-columns:145px 1fr}.packages-page .package-media{aspect-ratio:auto!important;height:100%;min-height:250px}.packages-page .package-body{padding:14px}.packages-page .hotel-mini-grid{grid-template-columns:1fr}.packages-page .package-actions{align-items:stretch}.packages-page .package-actions .btn,.packages-page .text-action{flex:1}
  .hotel-mini-grid{grid-template-columns:1fr}.package-actions{gap:7px}.package-actions .btn,.text-action{font-size:12.5px!important}.package-highlight{font-size:11px}
  .partner-rail-section{padding:30px 0 35px}.partner-rail-head{display:block}.partner-rail-head h2{font-size:25.5px}.partner-rail-head p{margin-top:8px}.partner-logo-card{width:160px;height:70px}.partner-marquee-track{animation-duration:26s}
  .admin-section-head{display:block}.climate-picker{margin-top:12px;align-items:end}.weather-grid{display:flex;overflow-x:auto;gap:10px;margin-right:-16px;padding-right:16px;scroll-snap-type:x mandatory}.weather-card{min-width:220px;scroll-snap-align:start}.admin-section-head h2{font-size:25.5px}.upgrade-banner{align-items:flex-start;flex-direction:column}
  .hotel-detail-grid{grid-template-columns:1fr}.trip-climate-grid{grid-template-columns:1fr}.climate-head{display:block}.climate-head p{margin-top:8px}.highlight-list{grid-template-columns:1fr}
  .insight-grid-five{display:flex!important}.insight-grid-five .insight-card{min-width:235px}.discover-table th{min-width:145px}
}

@media(max-width:560px){
  .packages-page .package-card{display:block}.packages-page .package-media{height:auto;aspect-ratio:16/9!important}.packages-page .hotel-mini-grid{grid-template-columns:1fr 1fr}.packages-page .package-actions{display:grid!important;grid-template-columns:1fr 1fr}.packages-page .text-action{border:1px solid #dce7e2;border-radius:9px}
  .home-package-grid .package-card{flex-basis:84vw!important;min-width:84vw!important}.hotel-mini-grid{grid-template-columns:1fr 1fr}.hotel-mini-grid>div{grid-template-columns:23px 1fr;padding:8px}.hotel-mini-icon{width:23px;height:23px}.hotel-mini-grid b{font-size:11px}.hotel-mini-grid em{font-size:10px}
  .weather-card{min-width:205px}.climate-picker{display:grid;grid-template-columns:1fr auto;width:100%}.climate-picker label{min-width:0}.climate-picker input{width:100%}
}
.admin-logo small{display:block;margin-top:3px;font-size:11px;letter-spacing:.18em;font-weight:800;opacity:.55}.nav-login{min-width:auto}

/* ======================================================================
   SAFAROKA UI v1.4.1 — Elegant Paket Catalog
   ====================================================================== */
.catalog-hero{padding:128px 0 54px;background:radial-gradient(circle at 82% 24%,rgba(15,139,108,.10),transparent 28%),linear-gradient(135deg,#fbfaf7 0%,#f4f8f5 65%,#eef6f2 100%);border-bottom:1px solid #e7ede9}.catalog-hero-inner{display:grid;grid-template-columns:minmax(0,1fr) 330px;align-items:end;gap:70px}.catalog-kicker{display:block;font-size:12.5px;font-weight:900;letter-spacing:.17em;color:#08705a}.catalog-hero h1{font-family:Georgia,"Times New Roman",serif;font-size:49px;line-height:1.06;letter-spacing:-.035em;color:#133f35;max-width:760px;margin:9px 0 15px;font-weight:600}.catalog-hero p{max-width:700px;margin:0;color:#5f6d67;font-size:16.5px;line-height:1.75}.catalog-hero-note{display:grid;grid-template-columns:42px 1fr;gap:12px;padding:16px;border:1px solid #dbe8e2;background:rgba(255,255,255,.82);border-radius:17px;box-shadow:0 12px 35px rgba(22,56,44,.06)}.catalog-hero-note>span{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:#eaf7f2;color:#08705a}.catalog-hero-note b{display:block;font-size:14px;color:#17483b}.catalog-hero-note small{display:block;font-size:12px;line-height:1.55;color:#71807a;margin-top:3px}.catalog-main{background:#fff;padding:0 0 68px}.catalog-search{position:relative;z-index:3;margin-top:-25px;background:#fff;border:1px solid #dce7e2;border-radius:20px;box-shadow:0 22px 55px rgba(26,54,44,.10);overflow:hidden}.catalog-search-primary{display:grid;grid-template-columns:1fr 1fr 1fr auto;align-items:stretch}.catalog-search-primary>label{display:grid;grid-template-columns:42px 1fr;gap:10px;align-items:center;min-height:84px;padding:15px 18px;border-right:1px solid #e5ebe8}.catalog-field-icon{width:42px;height:42px;border-radius:13px;background:#edf7f3;color:#08705a;display:grid;place-items:center}.catalog-search-primary small{display:block;font-size:11px;font-weight:800;letter-spacing:.02em;color:#7a8782;margin-bottom:3px}.catalog-search-primary select,.catalog-search-primary input{border:0;background:transparent;outline:0;padding:0;width:100%;font-size:16.5px;font-weight:800;color:#183e35;min-width:0}.catalog-submit{margin:15px;min-width:155px;border-radius:13px;font-size:14px}.catalog-search-secondary{display:flex;align-items:center;gap:14px;padding:11px 16px;border-top:1px solid #edf1ef;background:#fafcfb}.catalog-filter-title{display:flex;align-items:center;gap:7px;margin-right:auto;color:#355f53}.catalog-filter-title b{font-size:12.5px}.catalog-filter-title small{font-size:11px;color:#87928e}.catalog-search-secondary label{display:flex;align-items:center;gap:7px;font-size:11px;font-weight:800;color:#6e7b76}.catalog-search-secondary select{border:1px solid #d8e4de;background:#fff;border-radius:9px;padding:8px 28px 8px 10px;font-size:12.5px;font-weight:700;color:#294c42}.catalog-reset{font-size:11px;font-weight:800;color:#08705a;text-decoration:underline;text-underline-offset:3px}.catalog-results-head{display:flex;align-items:end;justify-content:space-between;gap:32px;padding:48px 0 21px}.catalog-results-head>div>span{display:block;font-size:12px;font-weight:900;letter-spacing:.16em;color:#08705a}.catalog-results-head h2{font-family:Georgia,"Times New Roman",serif;font-size:32px;line-height:1.16;color:#17473b;margin:5px 0 6px;font-weight:600}.catalog-results-head p{margin:0;font-size:12.5px;color:#73807b}.catalog-sort{display:grid;gap:5px;min-width:190px}.catalog-sort small{font-size:11px;font-weight:800;color:#7a8782}.catalog-sort select{border:1px solid #dce6e1;background:#fff;border-radius:11px;padding:10px 34px 10px 12px;font-size:13px;font-weight:750;color:#274b41}.catalog-package-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.package-card-catalog{border-radius:20px!important;border:1px solid #dfe8e3!important;box-shadow:0 12px 32px rgba(24,54,44,.07)!important;overflow:hidden}.package-card-catalog:hover{transform:translateY(-5px)!important;box-shadow:0 24px 56px rgba(24,54,44,.12)!important}.package-card-catalog .package-media{aspect-ratio:16/9!important}.package-card-catalog .package-media:after{content:"";position:absolute;inset:auto 0 0;height:42%;background:linear-gradient(180deg,transparent,rgba(5,31,24,.16));pointer-events:none}.package-card-catalog .package-badge,.package-card-catalog .heart-btn{z-index:2}.package-card-catalog .package-body{padding:17px!important}.package-card-catalog .package-body h3{font-size:20.5px!important;font-weight:650!important;line-height:1.22!important;margin-bottom:3px!important}.package-card-catalog .travel-line{font-size:12.5px!important}.package-card-catalog .price{font-size:25.5px!important;margin:10px 0 7px!important}.package-card-catalog .package-trip-row{font-size:12.5px!important;margin:6px 0 10px!important}.package-card-catalog .package-flight-line{padding:10px 11px!important}.package-card-catalog .package-flight-line b{font-size:13px!important}.package-card-catalog .hotel-mini-grid{gap:8px!important}.package-card-catalog .hotel-mini-grid>div{padding:10px!important;background:#fbfdfc!important}.package-card-catalog .hotel-mini-grid b{font-size:12px!important}.package-card-catalog .package-highlight{font-size:11.5px!important}.package-card-catalog .package-freshness{font-size:11px!important;color:#81908a}.package-card-catalog .package-actions{padding-top:3px;gap:8px!important}.package-card-catalog .package-actions .btn{flex:1;padding:9px 11px!important}.package-card-catalog .text-action{flex:1;border:1px solid #d8e6df;border-radius:9px;padding:9px 8px!important;background:#f7fbf9!important}.catalog-empty{margin-top:10px;border:1px dashed #cddbd5;border-radius:20px;padding:52px 24px;text-align:center;background:#fafcfb;color:#65746e}.catalog-empty>div{width:58px;height:58px;border-radius:17px;display:grid;place-items:center;background:#eaf7f2;color:#08705a;margin:0 auto 13px}.catalog-empty h2{font-family:Georgia,serif;color:#17473b;margin:0 0 6px}.catalog-empty p{font-size:13px;margin:0 0 16px}.admin-weather{scroll-margin-top:20px}

@media(max-width:1020px){.catalog-hero-inner{grid-template-columns:1fr;gap:22px}.catalog-hero-note{max-width:560px}.catalog-search-primary{grid-template-columns:1fr 1fr}.catalog-search-primary>label:nth-child(2){border-right:0}.catalog-search-primary>label:nth-child(3){border-top:1px solid #e5ebe8}.catalog-submit{margin:12px}.catalog-package-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.catalog-hero{padding:94px 0 44px}.catalog-hero-inner{width:calc(100% - 28px)}.catalog-hero h1{font-size:35px;max-width:none}.catalog-hero p{font-size:15px}.catalog-hero-note{display:none}.catalog-main>.section-shell{width:calc(100% - 28px)}.catalog-search{margin-top:-20px;border-radius:17px}.catalog-search-primary{grid-template-columns:1fr}.catalog-search-primary>label{min-height:68px;border-right:0;border-bottom:1px solid #e7ece9;padding:11px 13px}.catalog-search-primary>label:nth-child(3){border-top:0}.catalog-field-icon{width:36px;height:36px;border-radius:11px}.catalog-search-primary small{font-size:10.5px}.catalog-search-primary select,.catalog-search-primary input{font-size:15.5px}.catalog-submit{height:47px;margin:10px 12px 12px}.catalog-search-secondary{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:11px 12px}.catalog-filter-title{grid-column:1/-1;margin:0}.catalog-filter-title small{display:none}.catalog-search-secondary label{display:grid;gap:4px}.catalog-search-secondary select{width:100%;font-size:12.5px}.catalog-reset{grid-column:1/-1;padding-top:2px}.catalog-results-head{display:grid;padding:34px 0 16px;gap:12px}.catalog-results-head h2{font-size:26.5px}.catalog-sort{min-width:0;width:100%}.catalog-package-grid{grid-template-columns:1fr;gap:15px}.package-card-catalog{display:grid!important;grid-template-columns:136px 1fr!important;border-radius:17px!important}.package-card-catalog .package-media{height:100%;min-height:250px;aspect-ratio:auto!important}.package-card-catalog .package-body{padding:13px!important}.package-card-catalog .package-body h3{font-size:17px!important}.package-card-catalog .price{font-size:21.5px!important}.package-card-catalog .hotel-mini-grid{grid-template-columns:1fr!important}.package-card-catalog .hotel-mini-grid>div{padding:7px!important}.package-card-catalog .package-actions{display:grid!important;grid-template-columns:1fr!important}.package-card-catalog .package-actions .btn,.package-card-catalog .text-action{width:100%!important}.package-card-catalog .package-highlight{display:none}.package-card-catalog .package-freshness{font-size:10px!important}}
@media(max-width:460px){.package-card-catalog{display:block!important}.package-card-catalog .package-media{height:auto;min-height:0;aspect-ratio:16/9!important}.package-card-catalog .hotel-mini-grid{grid-template-columns:1fr 1fr!important}.package-card-catalog .package-actions{grid-template-columns:1fr 1fr!important}.package-card-catalog .package-flight-line{margin-top:2px}.catalog-results-head p{display:none}}

/* ======================================================================
   SAFAROKA UI v1.5 — true mobile app experience + public destination weather
   Desktop visual language is intentionally preserved.
   ====================================================================== */
.app-home,.catalog-mobile-head,.catalog-filter-backdrop,.catalog-sheet-head,.discover-mobile-stack{display:none}

/* Public weather */
.destination-weather-section{padding:54px 0 58px;background:linear-gradient(180deg,#f4f8f5 0%,#fbfcfa 100%);border-top:1px solid #e6ece9;border-bottom:1px solid #e6ece9}
.weather-public-head{display:flex;justify-content:space-between;align-items:end;gap:32px;margin-bottom:20px}.weather-public-head>div>span{font-size:11px;font-weight:850;letter-spacing:.16em;color:#08705a}.weather-public-head h2{font-family:var(--font-display);font-size:33px;line-height:1.1;color:#12483b;margin:5px 0 7px}.weather-public-head p{margin:0;color:#6d7a75;font-size:13px}.weather-month-control label{display:grid;gap:5px;color:#67766f;font-size:11px;font-weight:800}.weather-month-control input{border:1px solid #d7e3dd;border-radius:11px;background:#fff;padding:10px 12px;font:700 13px var(--font-ui);color:#173f35}
.weather-tabs{display:flex;gap:7px;overflow-x:auto;padding:2px 1px 12px;scrollbar-width:none}.weather-tabs::-webkit-scrollbar{display:none}.weather-tab{white-space:nowrap;border:1px solid #dce5e1;background:#fff;color:#68766f;border-radius:999px;padding:9px 14px;font:750 12.5px var(--font-ui);cursor:pointer;transition:.18s}.weather-tab small{font-size:9px;margin-right:5px;color:#9ba7a2}.weather-tab.active{background:#08765d;color:#fff;border-color:#08765d;box-shadow:0 8px 20px rgba(8,118,93,.18)}.weather-tab.active small{color:#aee8d5}
.weather-public-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:14px}.weather-current-card,.weather-forecast-card,.weather-monthly-card{border:1px solid #dfe8e4;border-radius:18px;background:#fff;box-shadow:0 8px 26px rgba(25,53,44,.045)}.weather-current-card{background:linear-gradient(135deg,#05775d 0%,#086d59 100%);color:#fff;padding:22px;min-height:246px;display:flex;flex-direction:column;justify-content:space-between}.weather-current-top{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.weather-current-top>div>small{display:block;color:#b9eddb;font-size:10px;font-weight:850;letter-spacing:.13em}.weather-current-main{display:flex;align-items:center;gap:17px;margin-top:10px}.weather-current-main>strong{font-size:55px;line-height:1;font-weight:850;letter-spacing:-.06em}.weather-current-main b{display:block;font-size:17px}.weather-current-main span{display:block;margin-top:4px;color:#c9eee2;font-size:11px}.weather-symbol{width:90px;height:70px;display:grid;place-items:center;color:rgba(255,255,255,.18)}.weather-symbol svg{width:70px;height:70px;stroke-width:1.25}.weather-metrics{display:flex;flex-wrap:wrap;gap:9px 18px;border-top:1px solid rgba(255,255,255,.16);padding-top:15px}.weather-metrics span{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:#d9f1e9}.weather-metrics b{color:#fff;font-size:12.5px}
.weather-side-stack{display:grid;grid-template-rows:auto auto;gap:12px}.weather-forecast-card,.weather-monthly-card{padding:16px 18px}.weather-card-title{display:flex;justify-content:space-between;gap:14px;font-size:10.5px;font-weight:850;letter-spacing:.13em;color:#77847f;margin-bottom:11px}.weather-card-title b{font-size:12px;letter-spacing:0;color:#08705a}.forecast-list{display:grid;gap:7px}.forecast-row{display:grid;grid-template-columns:34px 25px 1fr 34px 38px;align-items:center;gap:8px;min-height:30px}.forecast-row>b{font-size:12px;color:#3d4c46}.forecast-icon{width:23px;height:23px;color:#7890c9}.forecast-icon svg{width:23px;height:23px}.forecast-track{height:5px;background:#edf1ef;border-radius:99px;overflow:hidden}.forecast-track i{display:block;width:82%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#7190df,#ff783f)}.forecast-row small,.forecast-row strong{font-size:11px;text-align:right;color:#70807a}.forecast-row strong{color:#21473d;font-weight:850}.weather-loading-line{height:27px;border-radius:8px;background:linear-gradient(90deg,#f2f5f3,#e7ece9,#f2f5f3);background-size:200% 100%;animation:weather-loading 1.4s linear infinite}@keyframes weather-loading{to{background-position:-200% 0}}.weather-unavailable{padding:14px;border-radius:10px;background:#f7f9f8;color:#77837e;font-size:12px}
.monthly-bars{height:88px;display:grid;grid-template-columns:repeat(12,1fr);align-items:end;gap:4px;padding-top:3px}.monthly-bar-item{height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:5px}.monthly-bar-item>span{display:block;width:100%;min-height:7px;border-radius:3px 3px 1px 1px;background:#f5a39d;transition:.18s}.monthly-bar-item small{font-size:8.5px;color:#8b9691}.monthly-bar-item.active>span{background:#f25e62;box-shadow:0 0 0 1px #fff,0 0 0 2px #f25e62}.monthly-bar-item.active small{font-weight:850;color:#08705a}.weather-tip{display:flex;align-items:flex-start;gap:9px;margin-top:12px;border-left:3px solid #10b981;border-radius:12px;background:#eaf8f3;color:#18705b;padding:11px 13px;font-size:12.5px;line-height:1.45}.weather-tip .icon{flex:none;margin-top:1px}.weather-source-public{margin-top:9px;color:#8a9691;font-size:10px}

/* Catalogue app controls only become visible on mobile */
.catalog-mobile-head{align-items:center;justify-content:space-between;gap:16px}.catalog-mobile-head span{font-size:10px;letter-spacing:.14em;font-weight:850;color:#08705a}.catalog-mobile-head h1{font:700 28.5px/1.05 var(--font-display);margin:4px 0;color:#123e34}.catalog-mobile-head p{font-size:12.5px;color:#75817c;margin:0}.catalog-mobile-filter{border:1px solid #d6e2dc;background:#fff;color:#075b49;border-radius:12px;padding:11px 14px;font:800 13px var(--font-ui);display:flex;align-items:center;gap:7px}.catalog-sheet-head{padding:0 2px 12px}.catalog-sheet-handle{display:block;width:38px;height:4px;border-radius:99px;background:#d4ded9;margin:0 auto 12px}.catalog-sheet-head>div{display:flex;justify-content:space-between;align-items:center}.catalog-sheet-head b{font-size:17px;color:#173f35}.catalog-sheet-head button{border:0;background:#f1f5f3;color:#375148;border-radius:50%;width:32px;height:32px;font-size:23px;line-height:1}

@media(max-width:900px){
  /* Real application shell */
  html{background:#f4f6f3}body{background:#f4f6f3;padding-top:72px!important;padding-bottom:82px!important;overflow-x:hidden}.site-header{position:fixed!important;top:0;left:0;right:0;z-index:90;background:rgba(255,255,255,.96)!important;border-bottom:1px solid #e7ece9!important;box-shadow:0 5px 22px rgba(24,50,41,.055);backdrop-filter:blur(18px)}.nav-shell{height:72px!important;width:calc(100% - 28px)!important}.brand img{height:41px!important;max-width:200px!important}.mobile-menu-btn{background:#fff!important;border:1px solid #dce6e1!important;width:39px!important;height:39px!important;box-shadow:0 4px 13px rgba(25,53,44,.05)}
  .site-footer{display:none!important}.desktop-home-hero{display:none!important}.app-home{display:block;background:#f4f6f3;padding:12px 14px 0}.app-hero-card{height:238px;position:relative;border-radius:24px;overflow:hidden;box-shadow:0 14px 38px rgba(15,53,41,.16)}.app-hero-photo{position:absolute;inset:0;background:url('/assets/img/hero-mecca.webp') center 58%/cover no-repeat;transform:scale(1.015)}.app-hero-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,49,40,.08) 0%,rgba(4,49,40,.18) 32%,rgba(4,49,40,.82) 100%)}.app-hero-copy{position:absolute;left:20px;right:20px;bottom:21px;color:#fff}.app-hero-copy>span{font-size:9.5px;font-weight:850;letter-spacing:.15em;color:#c3eadc}.app-hero-copy h1{font:700 32px/1.01 var(--font-display);letter-spacing:-.035em;margin:7px 0 8px;max-width:320px}.app-hero-copy p{font-size:12.5px;line-height:1.45;color:#e9f4ef;margin:0;max-width:300px}
  .app-search{position:relative;z-index:3;margin:-1px 8px 0;transform:translateY(-1px);background:#fff;border:1px solid #e0e8e4;border-radius:0 0 20px 20px;padding:7px 15px 14px;box-shadow:0 13px 30px rgba(25,53,44,.10)}.app-search label{min-height:58px;display:grid;grid-template-columns:36px 1fr 16px;align-items:center;gap:9px;border-bottom:1px solid #edf1ef}.app-search label>span:nth-child(2){min-width:0}.app-search-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:#edf7f3;color:#08705a}.app-search small{display:block;color:#75827d;font-size:10.5px;font-weight:700;margin-bottom:2px}.app-search select,.app-search input{appearance:none;border:0;background:transparent;width:100%;padding:0;min-height:22px;font:750 15px var(--font-ui);color:#183d33;outline:none}.app-search label>.icon:last-child{transform:rotate(90deg);color:#87948f}.app-search-submit{width:100%;height:45px;margin-top:11px;border-radius:11px;font-size:14px}.app-trust-pills{display:flex;gap:7px;overflow:auto;padding:11px 9px 3px;scrollbar-width:none}.app-trust-pills span{white-space:nowrap;display:inline-flex;align-items:center;gap:5px;border:1px solid #dbe7e2;background:#fff;border-radius:999px;padding:7px 9px;color:#4f665e;font-size:10.5px;font-weight:700}.app-trust-pills .icon{color:#08705a}
  .mobile-quick.app-shortcuts{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:9px!important;padding:16px 14px 6px!important;background:#f4f6f3!important}.mobile-quick.app-shortcuts a{min-height:74px!important;border-radius:17px!important;border:1px solid #e2e8e5!important;box-shadow:0 6px 18px rgba(25,53,44,.045)!important;gap:6px!important;background:#fff!important}.mobile-quick.app-shortcuts a>span{width:34px;height:34px;border-radius:11px;background:#edf7f3;display:grid;place-items:center;color:#08705a!important}.mobile-quick.app-shortcuts b{font-size:12px;color:#274a40}
  .app-section{padding:25px 0!important;background:#f4f6f3}.app-section .section-shell{width:calc(100% - 28px)!important}.app-section .section-head{margin-bottom:13px!important;align-items:end!important}.app-section .section-head>div>span{font-size:9.5px!important}.app-section .section-head h2{font-size:23px!important;line-height:1.1!important;margin-top:4px!important}.app-section .section-head>a{font-size:11px!important;margin:0 0 3px!important}.home-package-grid{display:flex!important;overflow-x:auto!important;gap:12px!important;margin-right:-14px!important;padding-right:14px!important;scroll-snap-type:x mandatory!important;scrollbar-width:none}.home-package-grid::-webkit-scrollbar{display:none}.home-package-grid .package-card{min-width:278px!important;width:278px!important;scroll-snap-align:start;border-radius:19px!important;box-shadow:0 8px 22px rgba(25,53,44,.075)!important}.home-package-grid .package-media{aspect-ratio:16/9!important}.home-package-grid .package-body{padding:14px!important}.home-package-grid .package-body h3{font-size:18px!important}.home-package-grid .price{font-size:23px!important}.home-package-grid .hotel-mini-grid{gap:6px!important}.home-package-grid .hotel-mini-grid>div{padding:8px!important}.home-package-grid .package-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:7px!important}.home-package-grid .package-actions .btn,.home-package-grid .text-action{width:100%!important;margin:0!important;font-size:12px!important}
  .mobile-discover-promo{display:block!important;background:#f4f6f3!important;padding:0 14px 23px!important}.mobile-discover-promo a{border-radius:18px!important;padding:15px!important;background:linear-gradient(135deg,#e6f4ef,#f6f8f4)!important;border:1px solid #d5e5de!important;box-shadow:0 8px 20px rgba(25,53,44,.045)!important}.mobile-discover-promo .promo-icon{width:40px;height:40px;border-radius:13px;background:#08745c;color:#fff;display:grid;place-items:center}.mobile-discover-promo b{font-size:14px!important}.mobile-discover-promo small{font-size:11px!important}
  /* Weather becomes a true app widget */
  .destination-weather-section{padding:25px 0 28px!important;background:#f4f6f3!important;border:0!important}.destination-weather-section .section-shell{width:100%!important}.weather-public-head{padding:0 14px;margin-bottom:12px;display:block}.weather-public-head>div>span{font-size:9.5px}.weather-public-head h2{font-size:24px;margin:4px 0 5px}.weather-public-head p{font-size:12px}.weather-month-control{margin-top:10px}.weather-month-control label{display:flex;align-items:center;justify-content:space-between;border:1px solid #dfe8e4;background:#fff;border-radius:12px;padding:8px 10px;font-size:10px}.weather-month-control input{border:0;background:#f2f7f4;padding:7px 9px;font-size:12px}.weather-tabs{padding:0 14px 10px;gap:6px}.weather-tab{padding:8px 11px;font-size:11px}.weather-public-grid{display:block;padding:0 14px}.weather-current-card{border-radius:18px;min-height:180px;padding:16px}.weather-current-main{gap:12px;margin-top:8px}.weather-current-main>strong{font-size:45.5px}.weather-current-main b{font-size:15.5px}.weather-current-main span{font-size:10px}.weather-symbol{width:70px;height:55px}.weather-symbol svg{width:54px;height:54px}.weather-metrics{padding-top:12px;gap:8px 14px}.weather-metrics span,.weather-metrics b{font-size:10.5px}.weather-side-stack{margin-top:10px;gap:9px}.weather-forecast-card,.weather-monthly-card{padding:14px;border-radius:16px}.weather-card-title{font-size:9.5px;margin-bottom:9px}.forecast-row{grid-template-columns:29px 23px 1fr 28px 32px;gap:6px}.forecast-row>b,.forecast-row small,.forecast-row strong{font-size:10px}.monthly-bars{height:78px;gap:3px}.monthly-bar-item small{font-size:7.5px}.weather-tip{margin:9px 14px 0;padding:10px 11px;font-size:11px}.weather-source-public{margin:7px 14px 0;font-size:8.5px;line-height:1.45}
  .partner-rail-section{padding:24px 0 27px!important;background:#fff}.partner-rail-section .section-shell{width:100%!important}.partner-rail-head{display:block;padding:0 14px;margin-bottom:14px}.partner-rail-head span{font-size:9.5px}.partner-rail-head h2{font-size:23px}.partner-rail-head p{display:none}.partner-marquee{mask-image:none!important;-webkit-mask-image:none!important}.partner-marquee-track{gap:8px;animation-duration:26s}.partner-logo-card{width:145px;height:64px;border-radius:13px;padding:9px 13px}.partner-logo-card img{max-width:112px;max-height:29px}.partner-logo-card span{font-size:9px}.partner-empty{margin:0 14px;font-size:11px}
  .guides-home{background:#f4f6f3!important;padding-bottom:28px!important}.guide-mini-grid{display:flex!important;overflow-x:auto!important;gap:10px!important;margin-right:-14px;padding-right:14px;scrollbar-width:none}.guide-mini-grid::-webkit-scrollbar{display:none}.guide-mini{min-width:278px!important;margin:0!important;border-radius:17px!important;padding:13px!important}.guide-mini img{width:57px!important;height:57px!important}.guide-mini h3{font-size:15.5px!important}.guide-mini p{font-size:10.5px!important}
  .mobile-bottom-nav{height:72px!important;background:rgba(255,255,255,.98)!important;border-top:1px solid #dfe7e3!important;box-shadow:0 -7px 24px rgba(25,53,44,.07);padding-bottom:max(6px,env(safe-area-inset-bottom))!important}.mobile-bottom-nav a{gap:3px!important;font-size:0!important;color:#73817b!important;position:relative}.mobile-bottom-nav a .icon{width:21px;height:21px}.mobile-bottom-nav a>span{font-size:11px!important;font-weight:700;color:inherit!important}.mobile-bottom-nav a.active{color:#08705a!important}.mobile-bottom-nav a.active:before{content:"";position:absolute;top:3px;width:26px;height:3px;border-radius:99px;background:#08705a}.selection-tray{bottom:82px!important;border-radius:16px!important;box-shadow:0 12px 35px rgba(18,52,41,.18)!important}

  /* Package catalogue = mobile search app */
  .catalog-hero{display:none!important}.catalog-main{padding:15px 0 32px!important;background:#f4f6f3!important;min-height:calc(100vh - 144px)}.catalog-main>.section-shell{width:calc(100% - 28px)!important}.catalog-mobile-head{display:flex;margin-bottom:14px}.catalog-search{display:none!important;position:fixed!important;z-index:120;left:0!important;right:0!important;bottom:0!important;top:auto!important;width:100%!important;max-height:86vh;overflow:auto;border-radius:24px 24px 0 0!important;margin:0!important;padding:14px 14px calc(20px + env(safe-area-inset-bottom))!important;background:#fff!important;box-shadow:0 -18px 55px rgba(21,52,42,.22)!important}.catalog-search.is-open{display:block!important}.catalog-search.is-open+.catalog-results-head{}body.filter-sheet-open{overflow:hidden}.catalog-filter-backdrop{display:none;position:fixed;inset:0;z-index:110;background:rgba(7,28,22,.42);backdrop-filter:blur(2px)}body.filter-sheet-open .catalog-filter-backdrop{display:block}.catalog-sheet-head{display:block}.catalog-search-primary{display:block!important}.catalog-search-primary>label{display:grid!important;grid-template-columns:39px 1fr!important;gap:10px!important;min-height:67px!important;border:1px solid #e3eae6!important;border-radius:13px!important;margin-bottom:8px!important;padding:10px 12px!important}.catalog-field-icon{width:36px!important;height:36px!important}.catalog-search-primary small{font-size:10px!important}.catalog-search-primary select,.catalog-search-primary input{font-size:14px!important}.catalog-submit{width:100%!important;height:47px!important;margin:8px 0 0!important}.catalog-search-secondary{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;padding:13px 0 0!important;border-top:1px solid #edf1ef!important;margin-top:12px!important}.catalog-filter-title{grid-column:1/-1!important}.catalog-search-secondary label{display:grid!important;gap:5px!important}.catalog-search-secondary label span{font-size:10px!important}.catalog-search-secondary select{width:100%!important;border:1px solid #dfe7e3!important;border-radius:10px!important;padding:9px!important;font-size:12.5px!important}.catalog-reset{grid-column:1/-1!important;text-align:center!important}.catalog-results-head{display:grid!important;gap:10px!important;padding:8px 0 14px!important}.catalog-results-head>div>span{font-size:9.5px!important}.catalog-results-head h2{font-size:23px!important;margin:4px 0!important}.catalog-results-head p{display:none!important}.catalog-sort{width:100%!important;display:grid!important;grid-template-columns:auto 1fr!important;align-items:center!important;gap:8px!important;background:#fff!important;border:1px solid #e1e8e4!important;border-radius:12px!important;padding:8px 10px!important}.catalog-sort small{font-size:10px!important}.catalog-sort select{border:0!important;background:transparent!important;text-align:right!important;font-weight:750!important;font-size:12.5px!important}.catalog-package-grid{grid-template-columns:1fr!important;gap:13px!important}.package-card-catalog{display:block!important;border-radius:19px!important;overflow:hidden!important}.package-card-catalog .package-media{aspect-ratio:16/9!important;height:auto!important;min-height:0!important}.package-card-catalog .package-body{padding:14px!important}.package-card-catalog .package-body h3{font-size:19.5px!important}.package-card-catalog .price{font-size:23px!important}.package-card-catalog .package-trip-row{font-size:11px!important}.package-card-catalog .hotel-mini-grid{grid-template-columns:1fr 1fr!important}.package-card-catalog .package-actions{grid-template-columns:1fr 1fr!important;display:grid!important;gap:7px!important}.package-card-catalog .package-actions .btn,.package-card-catalog .text-action{width:100%!important;margin:0!important;font-size:12px!important}

  /* Temukan = app insights, no squeezed desktop table */
  .discover-hero{padding:26px 0 18px!important;background:#f4f6f3!important}.discover-hero .section-shell{width:calc(100% - 28px)!important}.discover-hero span{font-size:9.5px!important}.discover-hero h1{font-size:29.5px!important;margin:5px 0 8px!important}.discover-hero p{font-size:12.5px!important;line-height:1.5!important}.discover-summary-head{display:block!important}.discover-summary-head h2{font-size:23px!important}.discover-summary-head p{font-size:11px!important;margin-top:7px!important}.insight-grid-five{display:flex!important;overflow-x:auto!important;gap:10px!important;margin-right:-14px!important;padding-right:14px!important;scrollbar-width:none}.insight-grid-five::-webkit-scrollbar{display:none}.insight-grid-five .insight-card{min-width:235px!important;min-height:190px!important;border-radius:17px!important}.discover-cards{display:none!important}.discover-mobile-stack{display:grid!important;gap:12px}.discover-app-card{background:#fff;border:1px solid #dfe8e4;border-radius:18px;padding:14px;box-shadow:0 7px 20px rgba(25,53,44,.05)}.discover-app-card.is-best{border-color:#9fd5c4;box-shadow:0 10px 27px rgba(8,112,90,.10)}.discover-app-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;border-bottom:1px solid #edf1ef;padding-bottom:11px}.discover-app-head small{font-size:9px;font-weight:850;letter-spacing:.12em;color:#08705a}.discover-app-head h3{font:700 18px/1.12 var(--font-display);margin:3px 0;color:#193f35}.discover-app-head span{font-size:10.5px;color:#74817c}.discover-app-head>b{font-size:19.5px;color:#08705a;white-space:nowrap}.discover-app-facts{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:11px}.discover-app-facts>div{display:grid;grid-template-columns:27px 1fr;gap:7px;padding:9px;border-radius:11px;background:#f7faf8;color:#08705a}.discover-app-facts span{min-width:0}.discover-app-facts small{display:block;font-size:8.5px;color:#7d8984;text-transform:uppercase;font-weight:850;letter-spacing:.06em}.discover-app-facts b{display:block;font-size:12px;color:#244a40;margin:2px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.discover-app-facts em{display:block;font-style:normal;font-size:10px;color:#75827d}.discover-app-highlight{display:flex;gap:6px;align-items:flex-start;margin:10px 0;padding:9px;border-radius:10px;background:#edf7f3;color:#38665a;font-size:10.5px;font-weight:700}.discover-app-card>.btn{width:100%;height:39px}.discover-table-wrap{display:none!important}.discover-disclaimer{border-radius:15px!important;font-size:11px!important}

  /* Detail is an app detail screen */
  .detail-hero{padding:14px 0 22px!important;background:#f4f6f3!important}.detail-grid{width:calc(100% - 28px)!important;gap:13px!important}.detail-image-frame{border-radius:20px!important;overflow:hidden!important;box-shadow:0 9px 28px rgba(25,53,44,.10)!important}.detail-copy{background:#fff;border:1px solid #e1e8e4;border-radius:19px;padding:15px}.detail-copy h1{font-size:29.5px!important}.detail-price{font-size:28.5px!important}.detail-facts{gap:7px!important}.detail-facts>div{border-radius:11px!important;padding:9px!important;background:#f7faf8!important}.hotel-detail-grid{grid-template-columns:1fr!important}.detail-actions{position:fixed!important;left:12px!important;right:12px!important;bottom:82px!important;z-index:65!important;display:grid!important;grid-template-columns:.8fr 1.2fr!important;gap:7px!important;background:rgba(255,255,255,.97)!important;border:1px solid #dfe7e3!important;border-radius:16px!important;padding:8px!important;box-shadow:0 12px 35px rgba(18,52,41,.18)!important}.trip-weather-section{padding:25px 0!important}.trip-climate-grid{grid-template-columns:1fr!important}.detail-content-section{padding-top:25px!important}.detail-content-grid{grid-template-columns:1fr!important}.travel-trust-card{border-radius:18px!important}
}

@media(max-width:420px){
  .app-home{padding-left:10px;padding-right:10px}.app-hero-card{height:222px;border-radius:21px}.app-hero-copy{left:17px;right:17px;bottom:18px}.app-hero-copy h1{font-size:28.5px}.app-search{margin-left:6px;margin-right:6px;padding-left:12px;padding-right:12px}.mobile-quick.app-shortcuts{padding-left:10px!important;padding-right:10px!important}.mobile-quick.app-shortcuts a{min-height:70px!important}.home-package-grid .package-card{min-width:266px!important;width:266px!important}.weather-public-grid{padding-left:10px;padding-right:10px}.weather-public-head,.weather-tabs{padding-left:10px;padding-right:10px}.weather-tip{margin-left:10px;margin-right:10px}.weather-source-public{margin-left:10px;margin-right:10px}.package-card-catalog .hotel-mini-grid{grid-template-columns:1fr!important}.discover-app-facts{grid-template-columns:1fr!important}.detail-actions{left:8px!important;right:8px!important}.monthly-bars{gap:2px}.monthly-bar-item small{font-size:7px}
}

/* ======================================================================
   SAFAROKA UI v1.5.2 — Mobile Boarding Pass + Mobile Stability
   Keeps desktop catalog untouched. Restores the v1.5 mobile app stylesheet
   and applies the boarding-pass result card only on mobile /paket.
   ====================================================================== */
.mobile-boarding-pass{display:none}

@media(max-width:700px){
  html,body{max-width:100%;overflow-x:hidden}
  .catalog-search:not(.is-open){display:none!important}
  .catalog-filter-backdrop{display:none!important}
  body.filter-sheet-open .catalog-filter-backdrop{display:block!important}

  /* Make the app shell feel intentionally mobile, not like scaled desktop. */
  .app-hero-copy>span{font-size:11px!important}
  .app-hero-copy h1{font-size:33px!important;line-height:1.04!important}
  .app-hero-copy p{font-size:14px!important;line-height:1.45!important}
  .app-search small{font-size:12.5px!important}
  .app-search select,.app-search input{font-size:16.5px!important}
  .mobile-quick.app-shortcuts b{font-size:13px!important}
  .app-trust-pills span{font-size:12px!important}

  /* Boarding-pass result card. */
  .catalog-package-grid .desktop-catalog-card{display:none!important}
  .catalog-package-grid{display:grid!important;grid-template-columns:1fr!important;gap:15px!important}
  .mobile-boarding-pass{display:block;position:relative;background:#fff;border:1px solid #d8e5df;border-radius:21px;overflow:hidden;box-shadow:0 12px 32px rgba(22,55,44,.09);color:#183e35}
  .boarding-pass-core{display:grid;grid-template-columns:minmax(0,1fr) 112px;position:relative;background:linear-gradient(135deg,#fff 0%,#fbfdfc 100%)}
  .boarding-pass-main{padding:16px 14px 14px;min-width:0}
  .boarding-pass-stub{position:relative;border-left:1px dashed #94b3a7;padding:13px 10px 13px;display:flex;flex-direction:column;align-items:stretch;background:linear-gradient(180deg,#eff8f4,#e5f2ec)}
  .boarding-pass-stub:before,.boarding-pass-stub:after{content:"";position:absolute;left:-9px;width:17px;height:17px;border-radius:50%;background:#f4f6f3;z-index:3}
  .boarding-pass-stub:before{top:-9px}.boarding-pass-stub:after{bottom:-9px}
  .boarding-topline{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}
  .boarding-travel{display:flex;align-items:center;gap:6px;min-width:0}
  .boarding-travel>span{font-size:12.5px;font-weight:850;color:#173f35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:138px}
  .boarding-travel>b{display:inline-flex;align-items:center;gap:3px;font-size:10px;color:#08705a;background:#eaf7f2;border-radius:999px;padding:4px 6px;white-space:nowrap}
  .boarding-heart{width:31px;height:31px;display:grid;place-items:center;border:1px solid #dce7e2;border-radius:999px;background:#fff;color:#436359;flex:0 0 auto}
  .boarding-heart.active{color:#c24f62;background:#fff1f3;border-color:#f0cbd2}
  .boarding-class{display:inline-flex;border-radius:6px;background:#075b49;color:#fff;font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;padding:5px 7px;margin-bottom:7px}
  .boarding-pass-main h3{font-family:var(--font-ui);font-size:18px;line-height:1.18;font-weight:850;letter-spacing:-.02em;color:#112f28;margin:0 0 12px}
  .boarding-route{display:grid;grid-template-columns:minmax(0,1fr) 62px minmax(0,1fr);align-items:center;gap:5px;padding:11px 0;border-top:1px solid #edf2ef;border-bottom:1px solid #edf2ef}
  .boarding-route>div:not(.boarding-route-line){min-width:0}
  .boarding-route small,.boarding-flight small,.boarding-hotels small,.boarding-stub-fact small,.boarding-price small{display:block;font-size:9px;line-height:1.1;font-weight:900;letter-spacing:.12em;color:#84918c;text-transform:uppercase}
  .boarding-route strong{display:block;font-size:24px;line-height:1;font-weight:900;letter-spacing:-.035em;color:#075b49;margin:4px 0}
  .boarding-route span{display:block;font-size:10.5px;color:#5f6e68;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .boarding-destination{text-align:right}
  .boarding-route-line{display:flex!important;align-items:center;justify-content:center;color:#08705a}
  .boarding-route-line i{height:1px;background:#a8c4b9;flex:1;position:relative}
  .boarding-route-line i:first-child:before,.boarding-route-line i:last-child:after{content:"";width:3px;height:3px;border-radius:50%;background:#7ca99a;position:absolute;top:-1px}
  .boarding-route-line i:first-child:before{left:0}.boarding-route-line i:last-child:after{right:0}
  .boarding-route-line svg{margin:0 4px;flex:0 0 auto}
  .boarding-flight{display:grid;grid-template-columns:1.1fr .9fr;gap:9px;padding:11px 0 10px}
  .boarding-flight>div{min-width:0}
  .boarding-flight b{display:block;font-size:12.5px;line-height:1.25;color:#223f37;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .boarding-flight em{display:block;font-style:normal;font-size:10px;color:#71807a;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .boarding-hotels{display:grid;grid-template-columns:1fr;gap:6px}
  .boarding-hotels>div{display:grid;grid-template-columns:29px minmax(0,1fr);gap:8px;align-items:center;padding:8px 9px;border-radius:11px;background:#f6faf8;border:1px solid #e8efec}
  .boarding-hotels>div>span{width:29px;height:29px;border-radius:9px;display:grid;place-items:center;background:#e5f3ed;color:#08705a}
  .boarding-hotels p{margin:0;min-width:0}
  .boarding-hotels b{display:block;font-size:12px;line-height:1.2;color:#23473e;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .boarding-hotels em{display:block;font-style:normal;font-size:10px;color:#71807a;margin-top:2px}
  .boarding-highlight{display:inline-flex;align-items:center;gap:4px;margin-top:8px;padding:6px 8px;border-radius:999px;background:#fff7df;color:#84610d;font-size:10.5px;font-weight:800;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .boarding-stub-mark{padding-bottom:11px;margin-bottom:10px;border-bottom:1px solid rgba(7,91,73,.13)}
  .boarding-stub-mark small{display:block;font-size:9px;font-weight:900;letter-spacing:.15em;color:#769087}
  .boarding-stub-mark b{display:block;font-size:16.5px;line-height:1;color:#075b49;letter-spacing:.06em;margin-top:3px}
  .boarding-stub-fact{margin-bottom:11px}
  .boarding-stub-fact b{display:block;font-size:13.5px;line-height:1.1;color:#173f35;margin-top:4px;font-weight:900}
  .boarding-stub-fact span{display:block;font-size:10px;color:#6e7d77;margin-top:2px}
  .boarding-price{margin-top:auto;padding-top:10px;border-top:1px dashed rgba(7,91,73,.25)}
  .boarding-price strong{display:block;font-size:20.5px;line-height:1;color:#075b49;font-weight:950;letter-spacing:-.04em;margin:5px 0 3px}
  .boarding-price span{display:block;font-size:10px;color:#6f7e78}
  .boarding-view{display:flex;align-items:center;justify-content:center;margin-top:10px;min-height:36px;border-radius:10px;background:#075b49;color:#fff;font-size:12px;font-weight:900;text-decoration:none;box-shadow:0 8px 16px rgba(7,91,73,.16)}
  .boarding-pass-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:44px;padding:9px 12px;border-top:1px dashed #b9cec5;background:#fbfdfc}
  .boarding-pass-bottom>div{min-width:0}
  .boarding-pass-bottom span{display:inline-flex;align-items:center;gap:4px;color:#7a8983;font-size:10px;white-space:nowrap}
  .boarding-select{border:0;background:transparent;color:#075b49;font-size:12px;font-weight:900;padding:8px 4px;white-space:nowrap}
  .boarding-select.active{color:#8a6713}
}

@media(max-width:390px){
  .boarding-pass-core{grid-template-columns:minmax(0,1fr) 101px}
  .boarding-pass-main{padding:14px 11px 12px}
  .boarding-travel>span{max-width:112px}
  .boarding-pass-main h3{font-size:17px}
  .boarding-route{grid-template-columns:minmax(0,1fr) 48px minmax(0,1fr)}
  .boarding-route strong{font-size:23px}
  .boarding-route span{font-size:10px}
  .boarding-stub{padding-left:8px;padding-right:8px}
  .boarding-price strong{font-size:19px}
  .boarding-hotels b{font-size:11px}
}

/* Landing filter polish */
.catalog-search-secondary{flex-wrap:wrap}
.catalog-active-filter{display:inline-flex;align-items:center;gap:4px;margin-top:8px;padding:6px 9px;border-radius:999px;background:#edf7f3;color:#356359;font-size:11px;font-weight:700}
@media(max-width:700px){
  .catalog-active-filter{font-size:10.5px;margin-top:7px}
  .catalog-search-secondary{grid-template-columns:1fr 1fr!important}
  .catalog-search-secondary label:nth-of-type(3){grid-column:1/-1}
}

/* ==========================================================
   Safaroka V1.5.3 — Mobile Favorite Destinations
   Mobile-only photo marquee inspired by the verified-travel rail.
   ========================================================== */
.mobile-favorite-destinations{display:none}
@media(max-width:700px){
  .mobile-favorite-destinations{display:block;padding:5px 0 17px;background:#fff;overflow:hidden}
  .mobile-destination-head{width:calc(100% - 28px);margin:0 auto 10px;display:flex;align-items:end;justify-content:space-between;gap:14px}
  .mobile-destination-head>div>span{display:block;font-size:10px;line-height:1;font-weight:900;letter-spacing:.16em;color:#0a705b;margin-bottom:5px}
  .mobile-destination-head h2{margin:0;font-family:Georgia,"Times New Roman",serif;font-size:24px;line-height:1.08;font-weight:700;letter-spacing:-.025em;color:#153f35}
  .mobile-destination-head>a{display:flex;align-items:center;gap:3px;flex:0 0 auto;padding-bottom:2px;color:#0a6856;font-size:11px;font-weight:850}
  .destination-marquee{position:relative;overflow:hidden;width:100%;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 4%,#000 96%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 4%,#000 96%,transparent 100%)}
  .destination-marquee-track{display:flex;width:max-content;gap:10px;padding:2px 14px 4px;animation:safaroka-destination-marquee 30s linear infinite;will-change:transform}
  .destination-marquee:active .destination-marquee-track,.destination-marquee:hover .destination-marquee-track{animation-play-state:paused}
  .destination-photo-card{position:relative;display:block;flex:0 0 126px;height:154px;border-radius:18px;overflow:hidden;background:#dfe9e5;box-shadow:0 7px 20px rgba(18,52,42,.10);border:1px solid rgba(11,91,73,.08);isolation:isolate}
  .destination-photo-card:before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(3,30,23,.58) 0%,rgba(3,30,23,.10) 37%,rgba(3,30,23,.04) 62%,rgba(3,30,23,.28) 100%)}
  .destination-photo-card img{width:100%;height:100%;object-fit:cover;transition:transform .45s ease}
  .destination-photo-card span{position:absolute;z-index:2;left:11px;right:9px;top:10px;color:#fff;font-size:16.5px;line-height:1.1;font-weight:900;letter-spacing:.005em;text-shadow:0 2px 10px rgba(0,0,0,.38)}
  .destination-photo-card:active img{transform:scale(1.035)}
  @keyframes safaroka-destination-marquee{from{transform:translateX(0)}to{transform:translateX(calc(-50% - 5px))}}
}
@media(max-width:380px){
  .destination-photo-card{flex-basis:116px;height:144px;border-radius:17px}
  .destination-photo-card span{font-size:15.5px}
  .mobile-destination-head h2{font-size:23px}
}
@media(prefers-reduced-motion:reduce){
  .destination-marquee-track{animation:none!important}
  .destination-marquee{overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .destination-marquee::-webkit-scrollbar{display:none}
}

/* ==========================================================
   Safaroka V1.5.4 — Premium Mobile Discovery
   Refines the approved app direction from the supplied video:
   real app menu trigger + polished destination carousel.
   Desktop intentionally unchanged.
   ========================================================== */
.mobile-app-menu{display:none}
@media(max-width:700px){
  /* App header action: replace the floating heart with a real menu affordance. */
  .mobile-app-menu-trigger{
    display:grid!important;place-items:center!important;width:43px!important;height:43px!important;
    border:0!important;border-radius:15px!important;background:linear-gradient(145deg,#0a8068,#05604f)!important;
    color:#fff!important;box-shadow:0 9px 22px rgba(5,96,79,.22)!important;
  }
  .mobile-menu-lines{width:18px;height:14px;display:flex;flex-direction:column;justify-content:space-between}
  .mobile-menu-lines i{display:block;height:1.7px;width:100%;border-radius:99px;background:#fff;transition:.2s ease}
  .mobile-app-menu-trigger[aria-expanded="true"] .mobile-menu-lines i:nth-child(1){transform:translateY(6px) rotate(45deg)}
  .mobile-app-menu-trigger[aria-expanded="true"] .mobile-menu-lines i:nth-child(2){opacity:0;transform:scaleX(.4)}
  .mobile-app-menu-trigger[aria-expanded="true"] .mobile-menu-lines i:nth-child(3){transform:translateY(-6px) rotate(-45deg)}

  /* App-like bottom sheet menu. */
  .mobile-app-menu[hidden]{display:none!important}
  .mobile-app-menu{display:block;position:fixed;inset:0;z-index:120}
  .mobile-app-menu-backdrop{position:absolute;inset:0;border:0;background:rgba(4,31,25,.48);backdrop-filter:blur(3px)}
  .mobile-app-menu-panel{position:absolute;left:10px;right:10px;bottom:calc(74px + env(safe-area-inset-bottom));padding:10px 14px 17px;background:rgba(255,255,255,.985);border:1px solid rgba(7,91,73,.10);border-radius:25px;box-shadow:0 25px 70px rgba(5,42,32,.28)}
  .mobile-app-menu-handle{width:38px;height:4px;border-radius:99px;background:#dce6e2;margin:0 auto 9px}
  .mobile-app-menu-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:5px 2px 12px}
  .mobile-app-menu-head small{display:block;font-size:9.5px;letter-spacing:.16em;font-weight:900;color:#0a745e}
  .mobile-app-menu-head b{display:block;margin-top:2px;font-size:19.5px;line-height:1.15;color:#173d34;letter-spacing:-.02em}
  .mobile-app-menu-head>button{width:34px;height:34px;border-radius:999px;border:1px solid #e0e9e5;background:#f7faf8;color:#31594f;font-size:23px;line-height:1}
  .mobile-app-menu-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}
  .mobile-app-menu-grid>a{display:grid;grid-template-columns:38px 1fr;align-items:center;gap:9px;min-height:76px;padding:11px;background:#f7faf8;border:1px solid #e5eeea;border-radius:17px}
  .mobile-app-menu-grid>a>span{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:#e7f5ef;color:#08705a}
  .mobile-app-menu-grid b{display:block;font-size:13px;line-height:1.15;color:#173f35}
  .mobile-app-menu-grid small{display:block;margin-top:3px;font-size:9.5px;line-height:1.35;color:#74837d}
  .mobile-app-menu-links{display:flex;align-items:center;justify-content:center;gap:9px;margin-top:11px;padding-top:11px;border-top:1px solid #edf2ef}
  .mobile-app-menu-links a{padding:7px 11px;border-radius:999px;background:#f4f8f6;color:#356158;font-size:11px;font-weight:800}
  body.mobile-app-menu-open{overflow:hidden}

  /* Favorite destinations — visually closer to a polished native travel app. */
  .mobile-favorite-destinations.mobile-destination-premium{display:block!important;padding:11px 0 20px!important;background:#fff!important;overflow:hidden}
  .premium-destination-head{width:auto!important;margin:0 14px 11px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important}
  .premium-destination-head>div:first-child>span{font-size:9px!important;line-height:1!important;font-weight:900!important;letter-spacing:.15em!important;color:#0a745e!important;margin:0 0 4px!important}
  .premium-destination-head h2{font-family:var(--font-ui)!important;font-size:20.5px!important;line-height:1.1!important;font-weight:850!important;letter-spacing:-.025em!important;color:#173d34!important;margin:0!important}
  .destination-head-actions{display:flex!important;align-items:center!important;gap:5px!important;flex:0 0 auto}
  .destination-head-actions>a{font-size:11px!important;font-weight:850!important;color:#0a745e!important;margin-right:2px}
  .destination-head-actions button{width:28px;height:28px;border-radius:999px;border:1px solid #e0e9e5;background:#f8faf9;color:#42665d;font:600 19.5px/1 var(--font-ui);display:grid;place-items:center;padding:0;box-shadow:0 3px 10px rgba(33,67,56,.04)}
  .destination-head-actions button:active{transform:scale(.94);background:#edf6f2}
  .destination-carousel{width:100%;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-left:14px;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:1px 0 5px}
  .destination-carousel::-webkit-scrollbar{display:none}
  .destination-carousel-track{display:flex;gap:11px;width:max-content;padding:0 14px}
  .destination-premium-card{position:relative;flex:0 0 min(43vw,174px);height:116px;border-radius:17px;overflow:hidden;scroll-snap-align:start;background:#173f35;box-shadow:0 9px 22px rgba(26,55,45,.11);isolation:isolate}
  .destination-premium-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .45s cubic-bezier(.2,.8,.2,1)}
  .destination-image-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,33,27,.03) 20%,rgba(5,33,27,.20) 56%,rgba(5,33,27,.78) 100%);z-index:1}
  .destination-name{position:absolute;z-index:2;left:12px;right:35px;bottom:10px;color:#fff;text-shadow:0 1px 5px rgba(0,0,0,.28)}
  .destination-name b{display:block;font-size:16px;line-height:1.05;font-weight:850;letter-spacing:-.015em}
  .destination-name small{display:block;margin-top:3px;font-size:9px;line-height:1.1;font-weight:600;color:rgba(255,255,255,.80)}
  .destination-card-arrow{position:absolute;z-index:2;right:9px;bottom:9px;width:25px;height:25px;display:grid;place-items:center;border-radius:999px;background:rgba(255,255,255,.90);color:#075b49;box-shadow:0 4px 12px rgba(0,0,0,.12)}
  .destination-premium-card:active img{transform:scale(1.035)}

  /* Keep home blocks visually separated like app modules, not web sections. */
  .mobile-destination-premium + .section-packages{padding-top:19px!important;border-top:1px solid #eff3f1}
}
@media(max-width:370px){
  .destination-premium-card{flex-basis:44.5vw;height:108px}
  .mobile-app-menu-panel{left:7px;right:7px;padding-left:11px;padding-right:11px}
  .mobile-app-menu-grid{gap:7px}
  .mobile-app-menu-grid>a{padding:9px;grid-template-columns:34px 1fr}
  .mobile-app-menu-grid>a>span{width:34px;height:34px}
}
@media(prefers-reduced-motion:reduce){
  .destination-premium-card img,.mobile-menu-lines i{transition:none!important}
}
@media(max-width:700px){
  .section-packages + .mobile-destination-premium{border-top:1px solid #eff3f1;padding-top:17px!important}
}

/* V1.5.5 — slightly larger desktop Admin / Masuk pill only */
@media (min-width: 769px){
  .desktop-nav .nav-login{
    min-height:52px!important;
    padding:14px 25px!important;
    border-radius:16px!important;
    font-size:17px!important;
    font-weight:800!important;
    gap:9px!important;
    border:1px solid #c9e4da!important;
    background:#eef8f4!important;
    color:#075b49!important;
    box-shadow:0 8px 22px rgba(7,91,73,.08)!important;
  }
  .desktop-nav .nav-login .icon{
    width:19px!important;
    height:19px!important;
  }
}

/* V1.5.6 — Smart Theme package discovery */
.theme-filter-panel{position:relative;z-index:4;margin-top:-26px;margin-bottom:14px;background:rgba(255,255,255,.98);border:1px solid #e5ebe7;border-radius:20px;padding:14px 14px 13px;box-shadow:0 18px 45px rgba(27,56,46,.09)}
.theme-filter-head{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:0 2px 10px}.theme-filter-head>div{display:flex;align-items:center;justify-content:space-between;gap:18px;width:100%}.theme-filter-head span{font-size:11px;font-weight:900;letter-spacing:.11em;color:#8b6a34}.theme-filter-head small{font-size:11px;font-weight:650;color:#9aa4a0}.theme-admin-hint{font-size:11px;font-weight:800;color:#08705a;white-space:nowrap}
.theme-chip-rail{display:flex;gap:8px;overflow-x:auto;scrollbar-width:thin;scrollbar-color:#d9b4b5 #f6efec;padding:1px 1px 8px;scroll-snap-type:x proximity}.theme-chip-rail::-webkit-scrollbar{height:5px}.theme-chip-rail::-webkit-scrollbar-track{background:#f7efec;border-radius:99px}.theme-chip-rail::-webkit-scrollbar-thumb{background:#deb7b8;border-radius:99px}.theme-chip{flex:0 0 auto;display:inline-flex;align-items:center;gap:10px;min-height:42px;padding:8px 11px 8px 14px;border:1px solid #e4e8e6;border-radius:999px;background:#fff;color:#364b44;font-size:12.5px;font-weight:800;box-shadow:0 2px 8px rgba(27,56,46,.025);scroll-snap-align:start;transition:.18s ease}.theme-chip:hover{border-color:#bcd7cc;background:#f8fcfa}.theme-chip b{min-width:25px;height:25px;padding:0 7px;border-radius:999px;display:grid;place-items:center;background:#fff0f1;color:#a64a50;font-size:12px;font-weight:900}.theme-chip.active{background:linear-gradient(135deg,#075b49,#123e35);border-color:#075b49;color:#fff;box-shadow:0 8px 18px rgba(7,91,73,.14)}.theme-chip.active b{background:rgba(255,255,255,.16);color:#fff}
.smart-catalog-search{margin-top:0!important;border-radius:20px!important;overflow:visible!important}.smart-filter-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:11px;padding:16px}.smart-filter-grid label{display:grid;gap:6px;min-width:0}.smart-filter-grid label>span{font-size:10.5px;font-weight:900;letter-spacing:.06em;color:#9a7336}.smart-filter-grid input,.smart-filter-grid select{width:100%;min-width:0;height:44px;border:1px solid #dde5e1;border-radius:12px;background:#fff;padding:0 12px;color:#253c34;font:750 12.5px var(--font-ui);outline:none}.smart-filter-grid input:focus,.smart-filter-grid select:focus{border-color:#8ec2ae;box-shadow:0 0 0 3px rgba(15,139,108,.09)}.smart-filter-search{grid-column:span 2}.smart-filter-actions{grid-column:span 2;display:flex;align-items:end;gap:9px}.smart-filter-actions .btn{height:44px;min-width:110px}.smart-reset{border:1px solid #edd4d4;background:#fff;color:#a34449;box-shadow:none}.smart-reset:hover{background:#fff7f7}.catalog-main .catalog-results-head{padding-top:32px}
.calendar-explainer{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:17px 18px;margin-bottom:18px;border:1px solid #dbe8e2;background:linear-gradient(135deg,#f4faf7,#fbfcfb);border-radius:14px}.calendar-explainer b{font-size:15.5px;color:#17483b}.calendar-explainer p{margin:5px 0 0;max-width:850px;color:#687873;font-size:12.5px;line-height:1.6}.calendar-explainer>span{flex:0 0 auto;padding:6px 9px;border-radius:999px;background:#e4f5ed;color:#08705a;font-size:10px;font-weight:900;letter-spacing:.12em}.calendar-form{max-width:none!important}.calendar-form-grid{display:grid;grid-template-columns:1.1fr 1.5fr 1fr 1fr 1.2fr 1fr;gap:10px}.calendar-form-grid label{margin:0}.calendar-empty{padding:22px;text-align:center;color:#82908a}.status-dot{display:inline-flex;align-items:center;gap:5px;padding:5px 8px;border-radius:999px;font-size:11px;font-weight:800}.status-dot.on{background:#e5f5ed;color:#08705a}.status-dot.off{background:#f3f3f3;color:#7a8380}
@media(max-width:1080px){.smart-filter-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.calendar-form-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:700px){
  .theme-filter-panel{margin:0 0 12px;padding:11px 10px 9px;border-radius:16px;box-shadow:0 8px 22px rgba(27,56,46,.055)}.theme-filter-head{padding:0 2px 8px}.theme-filter-head>div{display:block}.theme-filter-head span{font-size:9.5px}.theme-filter-head small{display:block;font-size:9.5px;margin-top:2px}.theme-admin-hint{display:none}.theme-chip-rail{gap:7px;margin-right:-10px;padding-right:10px;padding-bottom:4px;scrollbar-width:none}.theme-chip-rail::-webkit-scrollbar{display:none}.theme-chip{min-height:35px;padding:6px 9px 6px 11px;font-size:11px;gap:7px}.theme-chip b{min-width:21px;height:21px;font-size:10px;padding:0 5px}
  .smart-catalog-search{overflow:auto!important}.smart-filter-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;padding:4px 0 0!important}.smart-filter-grid label{display:grid!important;gap:4px!important}.smart-filter-grid label>span{font-size:9.5px!important}.smart-filter-grid input,.smart-filter-grid select{height:43px!important;border-radius:11px!important;font-size:12.5px!important;padding:0 10px!important}.smart-filter-search{grid-column:1/-1!important}.smart-filter-actions{grid-column:1/-1!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;margin-top:4px}.smart-filter-actions .btn{width:100%!important;min-width:0!important;height:44px!important}.catalog-results-head{padding-top:7px!important}
  .calendar-form-grid{grid-template-columns:1fr}.calendar-explainer{flex-direction:column}.calendar-explainer>span{align-self:flex-start}
}

/* ======================================================================
   SAFAROKA UI v1.5.7 — Unified Mobile Hero + Search
   Mobile only. Desktop is intentionally untouched.
   ====================================================================== */
@media (max-width:700px){
  /* Treat the hero and search as one premium app module. */
  .app-home{
    padding:14px 10px 4px!important;
    background:linear-gradient(180deg,#f6f8f6 0%,#f3f6f4 100%)!important;
    overflow:visible!important;
  }
  .app-hero-card{
    height:266px!important;
    margin:0 2px!important;
    border-radius:26px!important;
    box-shadow:0 18px 42px rgba(14,55,42,.17)!important;
    overflow:hidden!important;
    isolation:isolate!important;
  }
  .app-hero-photo{
    background-position:center 58%!important;
    transform:scale(1.025)!important;
  }
  .app-hero-shade{
    background:
      linear-gradient(180deg,rgba(4,49,40,.04) 0%,rgba(4,49,40,.17) 30%,rgba(4,49,40,.84) 100%)!important;
  }
  .app-hero-copy{
    left:22px!important;
    right:22px!important;
    bottom:52px!important;
    padding-right:2px!important;
  }
  .app-hero-copy>span{
    font-size:11px!important;
    letter-spacing:.16em!important;
    color:#c8eee0!important;
  }
  .app-hero-copy h1{
    max-width:330px!important;
    margin:8px 0 8px!important;
    font-size:34px!important;
    line-height:1.02!important;
    font-weight:750!important;
    text-wrap:balance!important;
    text-shadow:0 2px 14px rgba(2,31,24,.14)!important;
  }
  .app-hero-copy p{
    max-width:315px!important;
    font-size:14px!important;
    line-height:1.5!important;
    color:rgba(244,251,248,.92)!important;
  }

  /* Floating search overlaps the photo so the eye reads one composition. */
  .app-search{
    z-index:6!important;
    margin:-31px 14px 0!important;
    transform:none!important;
    padding:8px 16px 15px!important;
    border:1px solid rgba(218,231,225,.95)!important;
    border-radius:22px!important;
    background:rgba(255,255,255,.985)!important;
    box-shadow:
      0 20px 42px rgba(20,54,43,.14),
      0 3px 10px rgba(20,54,43,.04)!important;
    backdrop-filter:blur(14px)!important;
    -webkit-backdrop-filter:blur(14px)!important;
  }
  .app-search:before{
    content:"";
    display:block;
    width:46px;
    height:4px;
    margin:1px auto 4px;
    border-radius:999px;
    background:#dce9e4;
  }
  .app-search label{
    min-height:62px!important;
    grid-template-columns:40px 1fr 16px!important;
    gap:10px!important;
    border-bottom:1px solid #edf2ef!important;
  }
  .app-search label:last-of-type{border-bottom:0!important}
  .app-search-icon{
    width:38px!important;
    height:38px!important;
    border-radius:12px!important;
    background:linear-gradient(145deg,#eaf8f2,#f4fbf8)!important;
    border:1px solid #dceee6!important;
    color:#08705a!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.85)!important;
  }
  .app-search small{
    margin-bottom:2px!important;
    font-size:12.5px!important;
    line-height:1.2!important;
    font-weight:750!important;
    color:#788780!important;
  }
  .app-search select,.app-search input{
    min-height:23px!important;
    font-size:16.5px!important;
    line-height:1.25!important;
    font-weight:850!important;
    color:#143e34!important;
  }
  .app-search label>.icon:last-child{
    width:15px!important;
    height:15px!important;
    color:#88958f!important;
  }
  .app-search-submit{
    height:50px!important;
    margin-top:10px!important;
    border-radius:13px!important;
    font-size:16px!important;
    font-weight:850!important;
    box-shadow:0 10px 23px rgba(7,91,73,.18)!important;
  }

  /* Trust is clearly secondary, not visually attached as another big card. */
  .app-trust-pills{
    margin-top:2px!important;
    padding:10px 14px 5px!important;
    gap:8px!important;
    scroll-padding-left:14px!important;
  }
  .app-trust-pills span{
    padding:7px 10px!important;
    border-color:#dce8e3!important;
    background:rgba(255,255,255,.86)!important;
    box-shadow:0 5px 15px rgba(27,57,47,.04)!important;
    font-size:12px!important;
  }
}

@media (max-width:390px){
  .app-hero-card{height:254px!important;border-radius:23px!important}
  .app-hero-copy{left:18px!important;right:18px!important;bottom:50px!important}
  .app-hero-copy h1{font-size:31px!important;max-width:300px!important}
  .app-hero-copy p{font-size:13.5px!important}
  .app-search{margin-left:10px!important;margin-right:10px!important;padding-left:13px!important;padding-right:13px!important}
}

@media (max-width:350px){
  .app-hero-card{height:244px!important}
  .app-hero-copy h1{font-size:28.5px!important}
  .app-hero-copy p{font-size:13px!important}
  .app-search label{min-height:58px!important}
  .app-search select,.app-search input{font-size:16px!important}
}

/* ============================================================
   V1.5.8 — SINGLE-CARD MOBILE HERO
   Hero photo + search are one composition. Desktop untouched.
   ============================================================ */
@media (max-width:860px){
  .app-home{
    background:#f4f6f3!important;
    padding:14px 14px 0!important;
  }
  .app-unified-hero{
    position:relative;
    overflow:hidden;
    border:1px solid rgba(8,112,90,.10);
    border-radius:26px;
    background:#fff;
    box-shadow:0 18px 44px rgba(18,52,41,.13);
  }
  .app-hero-card{
    height:268px!important;
    margin:0!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    overflow:hidden!important;
  }
  .app-hero-photo{
    background-position:center 55%!important;
    transform:scale(1.01)!important;
  }
  .app-hero-shade{
    background:linear-gradient(180deg,rgba(4,49,40,.05) 0%,rgba(4,49,40,.16) 34%,rgba(4,49,40,.88) 100%)!important;
  }
  .app-hero-copy{
    left:22px!important;
    right:22px!important;
    bottom:25px!important;
  }
  .app-hero-copy>span{
    font-size:11px!important;
    letter-spacing:.15em!important;
    color:#d3f1e6!important;
  }
  .app-hero-copy h1{
    max-width:330px!important;
    margin:8px 0 9px!important;
    font-size:33px!important;
    line-height:1.035!important;
    letter-spacing:-.035em!important;
  }
  .app-hero-copy p{
    max-width:315px!important;
    margin:0!important;
    font-size:13.5px!important;
    line-height:1.45!important;
    color:rgba(255,255,255,.91)!important;
  }
  .app-search{
    position:relative!important;
    z-index:1!important;
    margin:0!important;
    transform:none!important;
    border:0!important;
    border-radius:0!important;
    background:linear-gradient(180deg,#fff 0%,#fcfdfc 100%)!important;
    padding:7px 18px 18px!important;
    box-shadow:none!important;
  }
  .app-search:before{display:none!important;content:none!important}
  .app-search label{
    min-height:68px!important;
    grid-template-columns:42px minmax(0,1fr) 18px!important;
    gap:11px!important;
    border-bottom:1px solid #eaf0ed!important;
  }
  .app-search label:last-of-type{border-bottom:0!important}
  .app-search-icon{
    width:42px!important;
    height:42px!important;
    border-radius:13px!important;
    background:#edf8f4!important;
    border:1px solid #dcefe7!important;
    color:#08705a!important;
  }
  .app-search small{
    margin-bottom:2px!important;
    color:#79847f!important;
    font-size:12.5px!important;
    font-weight:750!important;
  }
  .app-search select,.app-search input{
    min-height:25px!important;
    color:#123f34!important;
    font-size:17px!important;
    font-weight:850!important;
  }
  .app-search label>.icon:last-child{
    color:#89958f!important;
    width:17px!important;
    height:17px!important;
  }
  .app-search-submit{
    height:55px!important;
    margin:12px 0 0!important;
    border-radius:14px!important;
    font-size:16.5px!important;
    font-weight:850!important;
    box-shadow:0 10px 25px rgba(8,112,90,.17)!important;
  }
  .app-trust-pills{
    margin-top:13px!important;
    padding:0 4px 4px!important;
    gap:8px!important;
  }
  .app-trust-pills span{
    padding:8px 11px!important;
    border-color:#d9e5e0!important;
    background:rgba(255,255,255,.9)!important;
    box-shadow:0 4px 14px rgba(24,51,43,.04)!important;
    font-size:11px!important;
  }
}

@media (max-width:420px){
  .app-home{padding-left:10px!important;padding-right:10px!important}
  .app-unified-hero{border-radius:23px!important}
  .app-hero-card{height:255px!important}
  .app-hero-copy{left:18px!important;right:18px!important;bottom:22px!important}
  .app-hero-copy h1{font-size:29.5px!important;max-width:300px!important}
  .app-hero-copy p{font-size:13px!important;max-width:285px!important}
  .app-search{padding:6px 14px 15px!important}
  .app-search label{min-height:64px!important;grid-template-columns:39px minmax(0,1fr) 16px!important;gap:10px!important}
  .app-search-icon{width:39px!important;height:39px!important;border-radius:12px!important}
  .app-search select,.app-search input{font-size:16.5px!important}
  .app-search-submit{height:52px!important;border-radius:13px!important}
}

/* =========================================================
   SAFAROKA V1.6 — ADMIN CONTROL ROOM
   ========================================================= */
.admin-page{background:#f5f8f6;min-height:100vh}.admin-shell{display:grid;grid-template-columns:250px minmax(0,1fr);min-height:100vh}.admin-nav{position:sticky;top:0;height:100vh;padding:22px 16px;background:#063f35;color:#fff;display:flex;flex-direction:column;gap:20px;border-right:1px solid rgba(255,255,255,.07);z-index:20}.admin-brand{display:flex;align-items:center;gap:11px;padding:4px 8px 18px;border-bottom:1px solid rgba(255,255,255,.1);color:#fff}.admin-brand-mark{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(145deg,#0a785f,#0ca87f);font-weight:900;font-size:21.5px;box-shadow:0 10px 24px rgba(0,0,0,.18)}.admin-brand b{display:block;letter-spacing:.11em;font-size:15.5px}.admin-brand small{display:block;margin-top:3px;color:#91b8ac;font-size:11px;letter-spacing:.08em}.admin-nav-links{display:flex;flex-direction:column;gap:5px}.admin-nav-links a,.admin-nav-bottom a{position:relative;display:flex;align-items:center;gap:10px;padding:11px 12px;border-radius:11px;color:#c8ded7;font-size:14px;font-weight:750;transition:.18s ease}.admin-nav-links a:hover,.admin-nav-links a.active,.admin-nav-bottom a:hover{background:rgba(255,255,255,.095);color:#fff}.admin-nav-links a.active:before{content:"";position:absolute;left:-16px;width:4px;height:25px;border-radius:0 6px 6px 0;background:#31c394}.admin-nav-links em{margin-left:auto;min-width:21px;height:21px;padding:0 6px;border-radius:999px;display:grid;place-items:center;background:#f4a949;color:#3e2908;font-style:normal;font-size:11px;font-weight:900}.admin-nav-bottom{margin-top:auto;display:flex;flex-direction:column;gap:4px;padding-top:12px;border-top:1px solid rgba(255,255,255,.1)}
.admin-content.admin-control{width:100%;max-width:1540px;padding:34px 40px 70px;margin:0 auto}.admin-head-premium{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:24px}.admin-head-premium h1{font-family:var(--font-display,Georgia,serif);font-size:36px;line-height:1.08;letter-spacing:-.025em;color:#153f35;margin:6px 0 5px;font-weight:700}.admin-head-premium p{margin:0;color:#71807a;font-size:13px}.admin-head-actions{display:flex;gap:9px;align-items:center}.btn-dark{background:#153f35;color:#fff}.btn-small{min-height:34px;padding:8px 11px;font-size:12.5px;border-radius:9px}.btn-wide{width:100%;min-height:47px}.btn-danger{background:#a73737;color:#fff}.btn-danger-soft{background:#fff3f2;color:#9d3737;border:1px solid #f0d2cf}.btn-danger-soft:hover{background:#fce8e6}.alert.error{background:#fff2f0;border:1px solid #f0cbc6;color:#913b32}.admin-control-upgrade{border-color:#bfe5d7;background:#edf9f4}
.admin-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:18px 0 24px}.admin-kpi{min-height:112px;border:1px solid #dfe8e3;border-radius:18px;background:#fff;padding:17px;display:flex;gap:13px;align-items:center;box-shadow:0 8px 24px rgba(23,52,43,.045);color:#21483d;transition:.18s}.admin-kpi:hover,.admin-kpi.selected{border-color:#97c9b8;transform:translateY(-1px);box-shadow:0 14px 32px rgba(23,52,43,.08)}.admin-kpi.urgent{background:linear-gradient(135deg,#fffaf4,#fff);border-color:#f0dec4}.admin-kpi.warning{background:linear-gradient(135deg,#fff9f0,#fff);border-color:#edd8b7}.kpi-icon{width:43px;height:43px;display:grid;place-items:center;border-radius:13px;background:#eaf7f2;color:#08705a;flex:0 0 auto}.admin-kpi.urgent .kpi-icon,.admin-kpi.warning .kpi-icon{background:#fff0d9;color:#a96818}.admin-kpi strong{display:block;font-size:27.5px;letter-spacing:-.03em;color:#153f35}.admin-kpi b{display:block;font-size:13px;margin-top:1px}.admin-kpi small{display:block;font-size:11px;color:#7e8b86;margin-top:2px}.compact-kpis .admin-kpi{min-height:88px;padding:13px}.compact-kpis .admin-kpi strong{font-size:23px}.compact-kpis .kpi-icon{width:38px;height:38px}
.admin-dashboard-grid{display:grid;grid-template-columns:1.12fr .88fr;gap:16px;margin-bottom:16px}.admin-panel{background:#fff;border:1px solid #dfe8e3;border-radius:18px;padding:18px;box-shadow:0 8px 24px rgba(23,52,43,.04)}.admin-panel-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:14px}.admin-panel-head span{display:block;font-size:10.5px;font-weight:900;letter-spacing:.14em;color:#08705a}.admin-panel-head h2{font-family:var(--font-display,Georgia,serif);font-size:23px;line-height:1.15;color:#17473b;margin:4px 0 0}.admin-panel-head>a{font-size:12px;color:#08705a;font-weight:800}.admin-queue-list{display:flex;flex-direction:column}.admin-queue-item{display:grid;grid-template-columns:44px 1fr auto;gap:12px;align-items:center;padding:11px 0;border-top:1px solid #edf1ef}.admin-queue-item:first-child{border-top:0}.queue-logo{width:44px;height:44px;border-radius:13px;background:#f4f7f5;border:1px solid #e4ebe7;display:grid;place-items:center;overflow:hidden;color:#08705a;font-weight:900}.queue-logo img{width:100%;height:100%;object-fit:contain;padding:6px}.queue-main b,.admin-quality-list b{display:block;font-size:13.5px;color:#1c4339}.queue-main small,.admin-quality-list small{display:block;font-size:11px;color:#87938e;margin-top:2px}.queue-actions{display:flex;gap:6px}.queue-actions form{margin:0}.admin-quality-list>a{display:grid;grid-template-columns:1fr 150px;gap:14px;align-items:center;padding:12px 0;border-top:1px solid #edf1ef}.admin-quality-list>a:first-child{border-top:0}.quality-progress{display:grid;grid-template-columns:1fr 35px;gap:8px;align-items:center}.quality-progress>span,.completion-track{height:6px;border-radius:999px;background:#edf2ef;overflow:hidden}.quality-progress i,.completion-track i{display:block;height:100%;background:linear-gradient(90deg,#0b7c61,#23b688);border-radius:999px}.quality-progress>b{font-size:11px;color:#587068}.admin-empty{text-align:center;padding:42px 20px;color:#75847e}.admin-empty.compact{padding:27px 15px}.admin-empty>span{width:52px;height:52px;border-radius:16px;background:#edf8f4;color:#08705a;display:grid;place-items:center;margin:0 auto 10px}.admin-empty b{display:block;color:#31574d;font-size:14px}.admin-empty p{font-size:12px;margin:4px 0 0}.admin-recent{margin-bottom:20px}.admin-recent-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.recent-package{display:grid;grid-template-columns:72px 1fr;gap:11px;padding:9px;border:1px solid #e8eeeb;border-radius:14px;color:#23483e}.recent-package-img{width:72px;height:58px;border-radius:10px;background:#f0f4f2;overflow:hidden}.recent-package-img img{width:100%;height:100%;object-fit:cover}.recent-package b{display:block;font-size:12.5px;margin:5px 0 2px}.recent-package small{font-size:10.5px;color:#7b8984}
.admin-toolbar{display:flex;align-items:center;gap:8px;margin:14px 0 16px}.admin-search{height:43px;flex:1;min-width:220px;border:1px solid #d8e4de;background:#fff;border-radius:12px;padding:0 12px;display:flex;align-items:center;gap:8px;color:#6a8178}.admin-search input{border:0;outline:0;background:transparent;width:100%;font-size:13px;font-weight:650;color:#264b41}.admin-toolbar select{height:43px;border:1px solid #d8e4de;background:#fff;border-radius:12px;padding:0 34px 0 12px;font-size:12.5px;font-weight:700;color:#31574d}.admin-toolbar .btn{min-height:43px}
.travel-management-panel{padding:0;overflow:hidden}.travel-management-panel .admin-panel-head{padding:18px 18px 4px}.travel-admin-list{display:flex;flex-direction:column}.travel-admin-card{display:grid;grid-template-columns:72px minmax(0,1fr) auto;gap:16px;align-items:center;padding:16px 18px;border-top:1px solid #edf1ef}.travel-admin-logo{width:72px;height:58px;border:1px solid #e1e9e5;background:#fff;border-radius:13px;display:grid;place-items:center;overflow:hidden;color:#08705a;font-size:23px;font-weight:900}.travel-admin-logo img{width:100%;height:100%;object-fit:contain;padding:8px}.travel-admin-title{display:flex;align-items:center;justify-content:space-between;gap:12px}.travel-admin-title b{display:block;font-size:15.5px;color:#173f35}.travel-admin-title small{display:block;margin-top:3px;font-size:11px;color:#7d8b85}.travel-admin-meta{display:flex;flex-wrap:wrap;gap:11px;margin-top:8px}.travel-admin-meta span{display:inline-flex;align-items:center;gap:5px;font-size:11px;color:#65766f}.travel-reject-note{margin:8px 0 0;padding:8px 10px;border-radius:9px;background:#fff4f2;color:#8e463e;font-size:11px}.travel-admin-actions{display:flex;align-items:center;justify-content:flex-end;gap:6px;flex-wrap:wrap;max-width:295px}.travel-admin-actions form{margin:0}.status-pill{display:inline-flex;align-items:center;justify-content:center;min-height:25px;padding:5px 9px;border-radius:999px;font-size:10px;font-weight:900;white-space:nowrap}.status-pill.pending{background:#fff2dc;color:#9a651b}.status-pill.approved,.status-pill.active,.status-pill.published{background:#e8f8f1;color:#08705a}.status-pill.rejected{background:#fff0ee;color:#a23e35}.status-pill.archived{background:#edf0ef;color:#697670}.status-pill.draft{background:#f0f1f0;color:#68736f}
.admin-editor-grid{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:16px;align-items:start}.admin-editor-side{display:flex;flex-direction:column;gap:14px;position:sticky;top:20px}.admin-panel label,.admin-editor-grid label{display:block;font-size:12px;font-weight:800;color:#4c665d;margin-bottom:11px}.admin-panel label em,.admin-editor-grid label em{color:#b64b42;font-style:normal}.admin-panel input,.admin-panel textarea,.admin-panel select,.admin-editor-grid input,.admin-editor-grid textarea,.admin-editor-grid select{width:100%;margin-top:5px;border:1px solid #d8e4de;background:#fff;border-radius:11px;padding:11px 12px;font:inherit;font-size:13px;color:#274d42;outline:0}.admin-panel input:focus,.admin-panel textarea:focus,.admin-panel select:focus,.admin-editor-grid input:focus,.admin-editor-grid textarea:focus,.admin-editor-grid select:focus{border-color:#86bda9;box-shadow:0 0 0 3px rgba(8,112,90,.08)}.admin-panel label small,.admin-editor-grid label small{font-weight:600;color:#8a9692}.admin-editor-grid .two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.travel-logo-uploader{text-align:center}.travel-logo-uploader img{width:100%;height:110px;object-fit:contain;border:1px solid #e2eae6;border-radius:14px;padding:14px;background:#fff;margin-bottom:11px}.logo-placeholder{height:110px;border:1px dashed #cadbd4;border-radius:14px;display:grid;place-items:center;align-content:center;gap:6px;color:#739087;margin-bottom:11px;background:#f9fbfa}.logo-placeholder span{font-size:11px}.travel-logo-uploader small{display:block;margin-top:8px;font-size:10px;color:#89958f}.admin-info-list{margin:12px 0 0}.admin-info-list>div{display:flex;justify-content:space-between;gap:15px;padding:9px 0;border-top:1px solid #edf1ef}.admin-info-list dt{font-size:10.5px;color:#81908a}.admin-info-list dd{font-size:11px;font-weight:800;color:#35584f;margin:0;text-align:right}.editor-help{font-size:12px;color:#6f8079;line-height:1.6}.admin-form.embedded{padding:0;border:0;box-shadow:none;background:transparent;margin:0}
.package-admin-list{display:flex;flex-direction:column}.package-admin-card{display:grid;grid-template-columns:105px minmax(0,1fr) auto;gap:15px;align-items:center;padding:14px 0;border-top:1px solid #edf1ef}.package-admin-card:first-child{border-top:0}.package-admin-cover{width:105px;height:78px;border-radius:12px;background:#eef3f0;overflow:hidden;display:grid;place-items:center;color:#729086}.package-admin-cover img{width:100%;height:100%;object-fit:cover}.package-admin-title{display:flex;align-items:start;justify-content:space-between;gap:12px}.package-admin-title b{display:block;font-size:15px;color:#183f35}.package-admin-title small{display:block;font-size:11px;color:#7d8a85;margin-top:3px}.package-admin-meta{display:flex;flex-wrap:wrap;gap:10px;margin-top:7px}.package-admin-meta span{font-size:11px;color:#64756e}.data-completeness{max-width:480px;margin-top:10px}.data-completeness>div{display:flex;justify-content:space-between;font-size:10px;color:#71817a}.completion-track{display:block;margin-top:5px}.data-completeness>small{display:block;font-size:10px;color:#a06925;margin-top:4px}.package-admin-actions{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end;max-width:280px}.package-admin-actions form{margin:0}.package-admin-actions button:disabled{opacity:.4;cursor:not-allowed}
.guide-editor-grid{grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr)}.guide-admin-list{display:flex;flex-direction:column;max-height:660px;overflow:auto}.guide-admin-list article{display:grid;grid-template-columns:66px 1fr;gap:10px;padding:10px 0;border-top:1px solid #edf1ef}.guide-admin-list article:first-child{border-top:0}.guide-admin-thumb{width:66px;height:58px;border-radius:10px;background:#eef3f0;overflow:hidden}.guide-admin-thumb img{width:100%;height:100%;object-fit:cover}.guide-admin-list b{display:block;font-size:12.5px;color:#24483e;margin:5px 0 1px}.guide-admin-list small{font-size:10px;color:#87938e}.guide-actions{display:flex;gap:8px;align-items:center;margin-top:5px}.guide-actions a,.guide-actions button{border:0;background:none;padding:0;color:#08705a;font-size:10px;font-weight:800;cursor:pointer}.guide-actions form{margin:0}.guide-actions .danger-link{color:#a64a42}
.admin-modal{width:min(460px,calc(100% - 30px));border:0;border-radius:20px;padding:0;box-shadow:0 30px 80px rgba(0,0,0,.22);color:#274b41}.admin-modal::backdrop{background:rgba(2,26,20,.48);backdrop-filter:blur(2px)}.admin-modal form{padding:24px}.admin-modal h3{font-family:var(--font-display,Georgia,serif);font-size:26.5px;margin:12px 0 5px;color:#173f35}.admin-modal p{font-size:12.5px;color:#76837e;margin:0 0 16px}.modal-icon{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:#edf8f4;color:#08705a}.modal-icon.danger{background:#fff0ee;color:#a23e35}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}
@media(max-width:1100px){.admin-shell{grid-template-columns:210px minmax(0,1fr)}.admin-content.admin-control{padding:28px 24px 60px}.admin-kpi-grid{grid-template-columns:repeat(2,1fr)}.admin-dashboard-grid{grid-template-columns:1fr}.admin-editor-grid,.guide-editor-grid{grid-template-columns:1fr}.admin-editor-side{position:static;display:grid;grid-template-columns:1fr 1fr}.admin-editor-side>.btn-wide{grid-column:1/-1}.travel-admin-card,.package-admin-card{grid-template-columns:80px 1fr}.travel-admin-actions,.package-admin-actions{grid-column:2;justify-content:flex-start;max-width:none}.admin-recent-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.admin-page{padding-bottom:0}.admin-shell{display:block}.admin-nav{position:sticky;top:0;width:100%;height:auto;padding:10px 12px;background:#063f35;display:block;overflow:hidden}.admin-brand{padding:2px 4px 10px;border-bottom:0}.admin-brand-mark{width:34px;height:34px}.admin-nav-links{display:flex;flex-direction:row;overflow-x:auto;gap:5px;padding:4px 0 2px;scrollbar-width:none}.admin-nav-links::-webkit-scrollbar{display:none}.admin-nav-links a{flex:0 0 auto;padding:9px 10px;font-size:11px}.admin-nav-links a.active:before{display:none}.admin-nav-links a.active{background:#0b725d}.admin-nav-bottom{display:none}.admin-content.admin-control{padding:20px 14px 50px}.admin-head-premium{display:block}.admin-head-premium h1{font-size:31px}.admin-head-actions{margin-top:13px}.admin-kpi-grid,.compact-kpis{grid-template-columns:repeat(2,1fr);gap:8px}.admin-kpi{min-height:92px;padding:12px}.admin-kpi strong{font-size:23px}.admin-kpi small{display:none}.admin-dashboard-grid{display:block}.admin-dashboard-grid>.admin-panel{margin-bottom:12px}.admin-recent-grid{display:flex;overflow-x:auto;margin-right:-14px;padding-right:14px}.recent-package{min-width:245px}.admin-toolbar{display:grid;grid-template-columns:1fr 1fr}.admin-search{grid-column:1/-1}.admin-toolbar select{min-width:0;width:100%}.admin-toolbar .btn{width:100%}.travel-admin-card,.package-admin-card{grid-template-columns:58px minmax(0,1fr);gap:11px;padding:14px}.travel-admin-logo{width:58px;height:50px}.travel-admin-title,.package-admin-title{display:block}.travel-admin-title .status-pill,.package-admin-title .status-pill{margin-top:6px}.travel-admin-meta,.package-admin-meta{gap:7px}.travel-admin-actions,.package-admin-actions{grid-column:1/-1;justify-content:flex-start}.package-admin-cover{width:58px;height:58px}.data-completeness{grid-column:1/-1}.admin-editor-grid,.guide-editor-grid{display:block}.admin-editor-side{display:block}.admin-editor-side>.admin-panel{margin-top:12px}.admin-editor-side>.btn-wide{margin-top:12px}.admin-editor-grid .two{grid-template-columns:1fr}.guide-admin-list{max-height:none}.admin-weather{margin-top:20px}.admin-panel{border-radius:16px}.admin-queue-item{grid-template-columns:40px 1fr}.queue-actions{grid-column:2}.admin-quality-list>a{grid-template-columns:1fr}.quality-progress{grid-template-columns:1fr 35px}.admin-modal form{padding:20px}}

/* === V1.7 Package Data & Itinerary === */
.package-editor-v17 .admin-subsection{margin-top:34px}.package-editor-v17 .admin-subsection:first-of-type{margin-top:0}
.smart-choice-grid{align-items:start}.smart-choice{display:grid;gap:9px;padding:18px;border:1px solid rgba(4,120,87,.12);border-radius:18px;background:#fbfffd}.smart-choice>label{margin:0}.smart-choice-search{margin-top:8px!important;background:#fff}.smart-choice select{min-height:48px;background:#fff;font-weight:700}.smart-choice-other{display:none!important}.smart-choice-other.show{display:grid!important;padding-top:5px}.smart-choice-other input{background:#fff}
.hotel-admin-grid-v17 .hotel-admin-card{padding:22px;border:1px solid rgba(4,120,87,.13);box-shadow:0 14px 32px rgba(6,78,59,.06);background:linear-gradient(180deg,#fff,#f8fffc)}
.hotel-admin-title{display:flex;align-items:center;gap:12px;margin-bottom:15px;color:#065f46}.hotel-admin-title>span{width:44px;height:44px;display:grid;place-items:center;border-radius:14px;background:#ecfdf5}.hotel-admin-title b{display:block;font-size:18px}.hotel-admin-title small{display:block;margin-top:2px;color:#64748b}.hotel-admin-card .three.compact{grid-template-columns:.8fr 1fr 1fr;gap:10px}.admin-helper-note{margin:10px 0 0;padding:12px 14px;border-radius:14px;background:#ecfdf5;color:#45665c;font-size:14px}
.itinerary-upload-admin{display:grid;gap:14px;padding:20px;border-radius:18px;border:1px dashed rgba(4,120,87,.25);background:#fbfffd}.current-itinerary{display:flex;align-items:center;gap:12px;padding:14px;border-radius:14px;background:#fff;border:1px solid rgba(15,23,42,.08)}.current-itinerary>span{color:#047857}.current-itinerary>div{display:grid;gap:3px;flex:1}.current-itinerary a{font-size:14px;color:#047857;font-weight:800}.current-itinerary .check{margin-left:auto}
.hotel-stars{display:inline-flex;align-items:center;gap:1px;color:#d6a44a;vertical-align:middle;margin:3px 0}.hotel-stars.muted{font-size:12.5px;color:#94a3b8}.boarding-stars{margin:2px 0}.detail-hotel-stars{margin-top:5px}.discover-stars{margin-top:3px}
.itinerary-heading{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:18px}.itinerary-heading h2{margin:0 0 4px}.itinerary-heading p{margin:0;color:#64748b}.itinerary-image-preview{width:100%;display:block;border-radius:18px;border:1px solid rgba(15,23,42,.08);background:#fff}.itinerary-pdf-preview{border:1px solid rgba(15,23,42,.08);border-radius:18px;overflow:hidden;background:#f8fafc}.itinerary-pdf-preview iframe{width:100%;height:620px;border:0;display:block;background:#fff}.itinerary-pdf-preview p{margin:0;padding:10px 14px;font-size:14px;color:#64748b}

@media(max-width:760px){
 .package-editor-v17 .two,.package-editor-v17 .three,.smart-choice-grid{grid-template-columns:1fr}.hotel-admin-card .three.compact{grid-template-columns:1fr 1fr}.hotel-admin-card .three.compact label:first-child{grid-column:1/-1}.current-itinerary{align-items:flex-start;flex-wrap:wrap}.current-itinerary .check{width:100%;margin:0}.itinerary-heading{display:grid}.itinerary-heading .btn{width:100%}.itinerary-pdf-preview iframe{height:70vh}.hotel-stars svg{width:10px;height:10px}
}
.itinerary-pdf-card{display:flex;align-items:center;gap:14px;padding:18px;border-radius:17px;border:1px solid rgba(4,120,87,.14);background:linear-gradient(135deg,#f0fdf4,#fff);color:#064e3b;text-decoration:none}.itinerary-pdf-card>span{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;background:#fff;box-shadow:0 8px 20px rgba(6,78,59,.08)}.itinerary-pdf-card>div{display:grid;gap:3px;flex:1}.itinerary-pdf-card small{color:#64748b}.itinerary-pdf-card strong{font-size:14px;color:#047857}

/* V1.7.1 — searchable combobox directly inside the field */
.smart-choice-grid{align-items:start}
.smart-combobox{position:relative;display:grid;gap:9px;padding:18px;border:1px solid rgba(4,120,87,.12);border-radius:18px;background:#fbfffd;overflow:visible}
.smart-combobox>label{display:grid;gap:3px;font-weight:800;color:#102b25}
.smart-combobox>label small{font-weight:500;color:#71807b}
.smart-combobox-field{position:relative;display:flex;align-items:center;min-height:54px;border:1px solid #dce8e4;border-radius:14px;background:#fff;transition:.18s ease}
.smart-combobox.is-open .smart-combobox-field,.smart-combobox-field:focus-within{border-color:#0a8a6c;box-shadow:0 0 0 3px rgba(10,138,108,.09)}
.smart-combobox-icon{width:46px;display:grid;place-items:center;color:#08775e;flex:0 0 46px}.smart-combobox-icon svg{width:19px;height:19px}
.smart-combobox-field input{min-width:0;flex:1;border:0!important;outline:0!important;box-shadow:none!important;background:transparent!important;padding:0 6px!important;height:52px;font:700 16.5px/1.2 inherit;color:#102b25}
.smart-combobox-field input::placeholder{font-weight:600;color:#9aa7a3}
.smart-combobox-toggle{width:44px;height:52px;border:0;background:transparent;color:#61716c;display:grid;place-items:center;cursor:pointer}.smart-combobox-toggle svg{width:17px;height:17px}.smart-combobox.is-open .smart-combobox-toggle{transform:rotate(180deg)}
.smart-combobox-menu{position:absolute;z-index:80;top:calc(100% - 12px);left:18px;right:18px;max-height:285px;overflow:auto;padding:7px;border:1px solid #dce8e4;border-radius:15px;background:#fff;box-shadow:0 18px 45px rgba(13,58,48,.16)}
.smart-combobox-menu[hidden]{display:none!important}
.smart-combobox-option{width:100%;border:0;background:#fff;display:flex;align-items:center;gap:10px;text-align:left;padding:10px 11px;border-radius:10px;color:#17342d;cursor:pointer;font:inherit}
.smart-combobox-option span{width:26px;height:26px;border-radius:8px;background:#ecf8f4;color:#08775e;display:grid;place-items:center;flex:0 0 26px}.smart-combobox-option span svg{width:14px;height:14px}
.smart-combobox-option b{font-size:15.5px}.smart-combobox-option:hover,.smart-combobox-option.is-active{background:#edf9f5;color:#056f58}.smart-combobox-option.other{border-top:1px solid #edf1ef;margin-top:5px;padding-top:12px}.smart-combobox-option.other div{display:grid;gap:1px}.smart-combobox-option.other small{font-size:13px;color:#7d8b87}
@media(max-width:760px){.smart-combobox{padding:14px;border-radius:15px}.smart-combobox-menu{left:14px;right:14px;max-height:250px}.smart-combobox-field{min-height:52px}}


/* V1.7.2 — search field inside dropdown panel (Select2-style without external dependency) */
.search-select-card{position:relative;display:grid;gap:9px;padding:18px;border:1px solid rgba(4,120,87,.12);border-radius:18px;background:#fbfffd;overflow:visible}
.search-select-card>label:first-child{display:grid;gap:3px;margin:0;font-weight:800;color:#102b25}.search-select-card>label:first-child small{font-weight:500;color:#71807b}
.search-select-trigger{width:100%;min-height:56px;border:1px solid #dce8e4;border-radius:14px;background:#fff;display:flex;align-items:center;padding:7px 12px 7px 10px;text-align:left;color:#102b25;cursor:pointer;transition:.18s ease}
.search-select-card.is-open .search-select-trigger,.search-select-trigger:hover{border-color:#0a8a6c;box-shadow:0 0 0 3px rgba(10,138,108,.08)}
.search-select-trigger-icon{width:38px;height:38px;border-radius:11px;background:#edf9f5;color:#08775e;display:grid;place-items:center;flex:0 0 38px}.search-select-trigger-icon svg{width:18px;height:18px}
.search-select-trigger-copy{display:grid;gap:2px;min-width:0;padding:0 10px;flex:1}.search-select-trigger-copy small{font-size:12.5px;line-height:1;text-transform:uppercase;letter-spacing:.08em;color:#899792;font-weight:800}.search-select-trigger-copy b{font-size:16.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.search-select-chevron{color:#71807b;display:grid;place-items:center;transition:.18s ease}.search-select-card.is-open .search-select-chevron{transform:rotate(180deg)}
.search-select-popover{position:absolute;z-index:120;top:calc(100% - 10px);left:18px;right:18px;padding:0;border:1px solid #dce8e4;border-radius:15px;background:#fff;box-shadow:0 20px 48px rgba(10,54,45,.18);overflow:hidden}
.search-select-popover[hidden]{display:none!important}
.search-select-search{height:52px;display:flex;align-items:center;gap:9px;padding:0 14px;border-bottom:1px solid #edf1ef;color:#96a39f;background:#fff;position:sticky;top:0;z-index:2}.search-select-search svg{width:18px;height:18px;flex:0 0 18px}.search-select-search input{width:100%;height:50px!important;border:0!important;outline:0!important;box-shadow:none!important;background:transparent!important;padding:0!important;font:600 16.5px/1.2 inherit;color:#15352d}.search-select-search input::placeholder{color:#a2adaa}
.search-select-list{max-height:260px;overflow:auto;padding:7px;scrollbar-width:thin;overscroll-behavior:contain}
.search-select-option{width:100%;min-height:43px;border:0;background:#fff;display:flex;align-items:center;gap:10px;text-align:left;padding:9px 10px;border-radius:10px;color:#17342d;cursor:pointer;font:inherit}.search-select-option>span{width:27px;height:27px;border-radius:8px;background:#eff8f5;color:#08775e;display:grid;place-items:center;flex:0 0 27px}.search-select-option>span svg{width:14px;height:14px}.search-select-option b{font-size:15.5px}.search-select-option:hover,.search-select-option.is-active{background:#edf9f5;color:#056f58}.search-select-option.other{border-top:1px solid #edf1ef;border-radius:0;margin-top:5px;padding-top:12px}.search-select-option.other div{display:grid;gap:1px}.search-select-option.other small{font-size:13px;color:#7d8b87}
.search-select-empty{margin:0 10px 10px;padding:11px;border-radius:10px;background:#fff8e9;color:#775a19;font-size:14px;line-height:1.45}.search-select-empty[hidden]{display:none!important}
.search-select-custom{display:none!important;gap:6px;margin:0;padding-top:2px}.search-select-custom.show{display:grid!important}.search-select-custom input{background:#fff!important}
@media(max-width:760px){.search-select-card{padding:14px;border-radius:15px}.search-select-popover{left:14px;right:14px}.search-select-list{max-height:230px}}


/* V1.7.4 — Premium live searchable dropdown polish */
.search-select-card{padding:20px;border-color:rgba(4,120,87,.13);background:linear-gradient(180deg,#fcfffe 0%,#f8fcfa 100%);box-shadow:0 8px 24px rgba(15,71,59,.035)}
.search-select-trigger{min-height:60px;border-color:#d9e7e2;border-radius:16px;padding:8px 13px 8px 10px;box-shadow:0 1px 0 rgba(255,255,255,.8) inset}
.search-select-trigger:hover{background:#fff;border-color:#8bc8b5}.search-select-card.is-open .search-select-trigger{background:#fff;border-color:#0a8a6c;box-shadow:0 0 0 4px rgba(10,138,108,.09)}
.search-select-trigger-icon{width:40px;height:40px;flex-basis:40px;border-radius:12px;background:linear-gradient(145deg,#effaf6,#e5f6f0)}
.search-select-trigger-copy small{font-size:12.5px}.search-select-trigger-copy b{font-size:17px;font-weight:800;color:#102f27}
.search-select-popover{top:calc(100% - 8px);left:20px;right:20px;border-radius:17px;border-color:#d7e5e0;box-shadow:0 24px 56px rgba(9,48,40,.20),0 4px 14px rgba(9,48,40,.06)}
.search-select-search{height:58px;padding:0 16px;gap:10px;background:#fbfefd;border-bottom-color:#e8efec}.search-select-search:focus-within{background:#fff}
.search-select-search input{height:56px!important;font-size:16.5px!important;font-weight:650!important}.search-select-search input::placeholder{color:#9aa7a3;font-weight:550}
.search-select-list{max-height:290px;padding:8px}.search-select-option{min-height:47px;padding:10px 11px;border-radius:11px}.search-select-option b{font-size:16px;font-weight:750}.search-select-option:hover,.search-select-option.is-active{background:#eaf8f3;color:#05694f}.search-select-option[hidden]{display:none!important}
.search-select-option mark{background:#c9f3e2;color:#075e49;border-radius:4px;padding:0 1px;font-weight:850}
.search-select-option.other{position:sticky;bottom:0;background:#fff;border-top:1px solid #edf1ef;box-shadow:0 -5px 12px rgba(255,255,255,.94)}.search-select-option.other:hover{background:#f1faf6}
.search-select-empty{margin:4px 10px 10px;padding:12px 13px;border-radius:11px;background:#fff8e7;border:1px solid #f5e6bc}
@media(max-width:760px){.search-select-card{padding:15px}.search-select-trigger{min-height:56px}.search-select-popover{left:15px;right:15px;max-height:min(62vh,430px)}.search-select-list{max-height:min(46vh,300px)}}

/* =========================================================
   SAFAROKA V1.7.5 — FIXED EMERALD NAVBAR
   Public navbar only; admin workspace unaffected.
   ========================================================= */
.site-header{
  position:fixed!important;
  top:0!important;
  left:0!important;
  right:0!important;
  z-index:120!important;
  background:linear-gradient(90deg,#075b49 0%,#08745b 100%)!important;
  border-bottom:1px solid rgba(255,255,255,.14)!important;
  box-shadow:0 10px 30px rgba(3,49,39,.16)!important;
  backdrop-filter:blur(16px)!important;
  -webkit-backdrop-filter:blur(16px)!important;
}
.site-header .nav-shell{color:#fff}
.site-header .brand img{
  filter:brightness(0) invert(1)!important;
  opacity:.98;
  drop-shadow:0 1px 0 rgba(0,0,0,.04);
}
.site-header .desktop-nav>a,
.site-header .nav-saved{
  color:rgba(255,255,255,.94)!important;
  font-weight:700!important;
}
.site-header .desktop-nav>a:hover,
.site-header .desktop-nav>a:focus-visible{
  color:#fff!important;
  opacity:.78;
}
.site-header .nav-saved b{
  background:#fff!important;
  color:#075b49!important;
  box-shadow:0 3px 10px rgba(0,0,0,.10);
}
.site-header .nav-login{
  background:#fff!important;
  color:#075b49!important;
  border:1px solid rgba(255,255,255,.88)!important;
  box-shadow:0 8px 22px rgba(1,39,31,.18)!important;
}
.site-header .nav-login:hover{background:#f3fbf7!important;color:#043d34!important}
.site-header .mobile-menu-btn{
  color:#fff!important;
  background:rgba(255,255,255,.12)!important;
  border:1px solid rgba(255,255,255,.22)!important;
  box-shadow:0 7px 20px rgba(1,39,31,.14)!important;
}
.site-header .mobile-menu-lines i{background:#fff!important}

@media (min-width:901px){
  .site-header .nav-shell{height:82px!important}
  .site-header .brand img{height:43px!important;max-width:225px!important}
  .site-header .desktop-nav{font-size:17px!important;gap:29px!important}
}

@media (max-width:900px){
  .site-header{
    background:linear-gradient(100deg,#075b49 0%,#078060 100%)!important;
    box-shadow:0 7px 24px rgba(3,49,39,.14)!important;
  }
  .site-header .nav-shell{height:72px!important}
  .site-header .brand img{height:40px!important;max-width:190px!important}
  .site-header .mobile-menu-btn{width:46px!important;height:46px!important;border-radius:15px!important}
}

/* =========================================================
   SAFAROKA V1.7.6 — OVERSIZED PROPORTIONAL BRAND LOGO
   Public navbar only. Keeps menu alignment balanced.
   ========================================================= */
@media (min-width:901px){
  .site-header .nav-shell{
    height:104px!important;
  }
  .site-header .brand{
    flex:0 0 auto!important;
    min-width:290px!important;
  }
  .site-header .brand img{
    width:280px!important;
    height:auto!important;
    max-width:280px!important;
    max-height:68px!important;
    object-fit:contain!important;
  }
  .site-header .desktop-nav{
    align-self:stretch!important;
    display:flex!important;
    align-items:center!important;
  }
}

@media (max-width:900px){
  body{
    padding-top:88px!important;
  }
  .site-header .nav-shell{
    height:88px!important;
  }
  .site-header .brand{
    flex:0 1 auto!important;
    min-width:0!important;
  }
  .site-header .brand img{
    width:205px!important;
    height:auto!important;
    max-width:205px!important;
    max-height:57px!important;
    object-fit:contain!important;
  }
  .site-header .mobile-menu-btn{
    flex:0 0 auto!important;
  }
}

@media (max-width:390px){
  .site-header .brand img{
    width:184px!important;
    max-width:184px!important;
  }
}

/* =========================================================
   SAFAROKA V1.7.7 — ADMIN / LOGIN EMERALD TEXT FIX
   Ensures the white account pill stays readable on emerald navbar.
   ========================================================= */
.site-header .desktop-nav > a.nav-login,
.site-header .desktop-nav > a.nav-login:visited,
.site-header .desktop-nav > a.nav-login:hover,
.site-header .desktop-nav > a.nav-login:focus-visible{
  color:#047857!important;
}
.site-header .desktop-nav > a.nav-login svg,
.site-header .desktop-nav > a.nav-login svg *{
  color:#047857!important;
  stroke:currentColor!important;
}
.site-header .desktop-nav > a.nav-login:hover{
  background:#ecfdf5!important;
  color:#065f46!important;
}

/* =========================================================
   SAFAROKA V1.7.8 — DESKTOP LOGO OPTICAL LEFT ALIGNMENT
   Aligns visible logo artwork with the main hero/container edge
   while keeping the navigation menu position unchanged.
   ========================================================= */
@media (min-width:901px){
  .site-header .brand img{
    transform:translateX(-54px)!important;
  }
}

/* =========================================================
   SAFAROKA V1.7.10 — PRESERVE ORIGINAL NAVBAR LOGO COLORS
   Removes legacy white-logo filter on emerald navbar.
   ========================================================= */
.site-header .brand img{
  filter:none!important;
  -webkit-filter:none!important;
  opacity:1!important;
}


/* SAFAROKA V1.7.10.1 — ORIGINAL LOGO COLOR + CACHE BUST */
.site-header .brand img,
.site-header .nav-shell .brand img{
  filter:none!important;
  -webkit-filter:none!important;
  opacity:1!important;
  mix-blend-mode:normal!important;
}

/* =========================================================
   SAFAROKA V1.7.11 — CANONICAL WHITE–GOLD BRAND LOGO
   One fixed public logo source for navbar + footer.
   No color filters, blending, or legacy logo settings.
   ========================================================= */
.site-header .brand img,
.site-footer .footer-logo img{
  filter:none!important;
  -webkit-filter:none!important;
  opacity:1!important;
  mix-blend-mode:normal!important;
  background:transparent!important;
}
.site-header .brand img{
  object-fit:contain!important;
  object-position:left center!important;
}
.site-footer .footer-logo img{
  object-fit:contain!important;
  object-position:left center!important;
}

/* =========================================================
   SAFAROKA V1.7.12 — DESKTOP LOGO GRID ALIGNMENT
   Undo the previous optical left shift so the visible logo
   aligns with the main hero copy while the nav stays put.
   ========================================================= */
@media (min-width:901px){
  .site-header .brand img{
    transform:translateX(0)!important;
  }
}


/* SAFAROKA V1.9.1 — TRAVEL COMPANY PROFILE + PARTNER LOGO SHOWCASE */
.partner-logo-card{width:220px;height:100px;text-decoration:none!important;position:relative;display:grid!important;grid-template-rows:1fr auto!important;place-items:center!important;gap:4px!important;padding:11px 18px 9px!important;background:#fff!important;border:1px solid #e0e9e5!important;border-radius:18px!important;box-shadow:0 12px 32px rgba(14,62,49,.08)!important;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;overflow:hidden}
.partner-logo-card:hover{transform:translateY(-4px);box-shadow:0 18px 38px rgba(14,62,49,.13)!important;border-color:#bdd8ce!important}
.partner-logo-stage{width:100%;min-height:64px;display:grid;place-items:center;align-self:center}
.partner-logo-card .partner-logo-stage img{display:block!important;width:auto!important;height:auto!important;max-width:180px!important;max-height:54px!important;object-fit:contain!important;filter:none!important;margin:auto!important}
.partner-profile-hint{display:flex!important;align-items:center;justify-content:center;gap:4px;font-size:9.5px!important;color:#5f766e!important;font-weight:800!important;letter-spacing:.01em;line-height:1!important}
.partner-profile-hint svg{color:#0a8167;flex:0 0 auto}
.partner-marquee{padding:8px 0 10px}

.travel-profile-hero{min-height:365px;position:relative;background:linear-gradient(135deg,#075645 0%,#08745d 54%,#0d8d70 100%);overflow:hidden}
.travel-profile-hero.has-cover{background-image:var(--travel-cover);background-size:cover;background-position:center}
.travel-profile-hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,51,41,.92) 0%,rgba(4,64,51,.76) 48%,rgba(4,64,51,.35) 100%)}
.travel-profile-hero:not(.has-cover):before{content:"";position:absolute;width:520px;height:520px;border-radius:50%;right:-120px;top:-220px;background:rgba(255,255,255,.06);box-shadow:-240px 260px 0 rgba(255,255,255,.025)}
.travel-profile-hero-inner{position:relative;z-index:2;padding-top:36px;padding-bottom:46px}
.travel-profile-back{display:inline-flex;align-items:center;gap:7px;color:#d9f0e8;font-size:12px;font-weight:800;text-decoration:none;margin-bottom:72px}
.travel-profile-brand-card{display:flex;align-items:center;gap:28px;max-width:850px}
.travel-profile-logo{width:210px;height:142px;border-radius:24px;background:#fff;border:1px solid rgba(255,255,255,.65);box-shadow:0 24px 60px rgba(0,35,28,.26);display:grid;place-items:center;padding:18px;overflow:hidden;flex:0 0 auto;transform:translateY(18px)}
.travel-profile-logo img{max-width:100%;max-height:100%;object-fit:contain}.travel-profile-logo>span{font-family:var(--font-display);font-size:59.5px;color:#08705a}
.travel-profile-heading{padding-top:4px}.verified-profile-badge{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:7px 10px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.17);color:#effbf7;font-size:10.5px;font-weight:850;letter-spacing:.03em}
.travel-profile-heading h1{font-family:var(--font-display);font-size:45.5px;line-height:1.05;color:#fff;margin:12px 0 8px;letter-spacing:-.02em}.travel-profile-heading p{max-width:570px;color:#d8ece5;font-size:14px;line-height:1.65;margin:0}
.travel-profile-main{background:#f6faf8;padding:48px 0 54px}.travel-profile-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:22px;align-items:start}.travel-profile-content{display:grid;gap:16px}.travel-profile-section{background:#fff;border:1px solid #e1ebe6;border-radius:20px;padding:25px 26px;box-shadow:0 8px 24px rgba(14,62,49,.035)}.travel-profile-section>span,.travel-profile-contact-card>span{font-size:10px;letter-spacing:.16em;font-weight:900;color:#08705a}.travel-profile-section h2{font-family:var(--font-display);font-size:27.5px;color:#18473b;margin:6px 0 14px}.travel-profile-prose{font-size:13px;color:#65766f;line-height:1.85}.travel-profile-facts{display:grid;grid-template-columns:1fr 1fr;gap:10px}.travel-profile-facts>div{display:grid;grid-template-columns:42px 1fr;gap:11px;align-items:center;border:1px solid #e7eeea;background:#fbfdfc;border-radius:14px;padding:12px}.travel-profile-facts>div.wide{grid-column:1/-1}.travel-profile-facts i{width:42px;height:42px;border-radius:12px;background:#eaf7f2;color:#08705a;display:grid;place-items:center;font-style:normal}.travel-profile-facts p{margin:0}.travel-profile-facts small{display:block;font-size:10px;color:#83908b}.travel-profile-facts b{display:block;font-size:12.5px;color:#294f45;margin-top:2px;line-height:1.45}
.travel-profile-contact-card{position:sticky;top:92px;background:#083f35;border-radius:20px;padding:24px;color:#fff;box-shadow:0 18px 38px rgba(5,49,40,.16)}.travel-profile-contact-card>span{color:#9edac7}.travel-profile-contact-card h3{font-family:var(--font-display);font-size:26.5px;margin:7px 0 8px}.travel-profile-contact-card>p{color:#c6ddd5;font-size:12.5px;line-height:1.65;margin:0 0 17px}.travel-profile-actions{display:grid;gap:8px}.travel-profile-actions .btn{width:100%;justify-content:center}.travel-profile-contact-card>small{display:block;color:#9db9af;font-size:10px;line-height:1.6;margin-top:15px}.travel-profile-packages{padding-top:45px!important}.travel-profile-empty{border:1px dashed #c8d9d2;border-radius:16px;padding:28px;text-align:center;color:#71817a;background:#f8fbf9;font-size:12.5px}.travel-cover-uploader{text-align:center}.travel-cover-uploader img,.cover-placeholder{width:100%;height:135px;border:1px solid #e2eae6;border-radius:14px;margin-bottom:11px;background:#f9fbfa}.travel-cover-uploader img{object-fit:cover}.cover-placeholder{display:grid;place-items:center;align-content:center;gap:6px;color:#739087}.cover-placeholder span{font-size:11px}.travel-cover-uploader small{display:block;margin-top:8px;font-size:10px;color:#89958f}.profile-editor-head{margin-top:22px;padding-top:18px;border-top:1px solid #edf1ef}
@media(max-width:760px){.partner-logo-card{width:170px!important;height:82px!important;padding:8px 12px 7px!important;border-radius:15px!important}.partner-logo-stage{min-height:52px}.partner-logo-card .partner-logo-stage img{max-width:140px!important;max-height:43px!important}.partner-profile-hint{font-size:8.5px!important}.travel-profile-hero{min-height:310px}.travel-profile-hero-inner{padding:22px 14px 34px!important}.travel-profile-back{margin-bottom:45px}.travel-profile-brand-card{display:block}.travel-profile-logo{width:154px;height:105px;border-radius:19px;padding:13px;transform:none;margin-bottom:19px}.travel-profile-heading h1{font-size:34px;margin-top:10px}.travel-profile-heading p{font-size:12.5px}.travel-profile-main{padding:28px 0 34px}.travel-profile-layout{display:block}.travel-profile-section{padding:19px 16px;border-radius:17px;margin-bottom:12px}.travel-profile-section h2{font-size:24px}.travel-profile-facts{grid-template-columns:1fr}.travel-profile-facts>div.wide{grid-column:auto}.travel-profile-contact-card{position:static;border-radius:17px;padding:19px;margin-top:12px}.travel-profile-packages{padding-top:30px!important}}

/* =========================================================
   SAFAROKA V1.9.2 — TRUST, CONVERSION, VERIFIED REVIEW,
   PARTNER CENTER & PACKAGE LIFECYCLE
   ========================================================= */
.status-pill.expired,.status-pill.sold-out,.status-pill.sold_out,.status-pill.archived{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:5px 9px;font-size:10px;font-weight:850;letter-spacing:.035em}
.status-pill.expired{background:#f6eee6;color:#98613a}.status-pill.sold-out,.status-pill.sold_out{background:#f8e9e9;color:#a34848}.status-pill.archived{background:#eef1ef;color:#68756f}
.package-availability-alert{display:flex;align-items:flex-start;gap:10px;margin:0 0 14px;padding:12px 13px;border-radius:12px;border:1px solid #eadbd0;background:#fff8f3;color:#815438}.package-availability-alert.sold_out{border-color:#ecd3d3;background:#fff6f6;color:#934545}.package-availability-alert svg{flex:0 0 auto;margin-top:1px}.package-availability-alert b,.package-availability-alert span{display:block}.package-availability-alert b{font-size:12.5px}.package-availability-alert span{font-size:10.5px;line-height:1.55;margin-top:2px;opacity:.82}
.package-seat-pill{display:inline-flex;align-items:center;gap:6px;margin:0 0 13px;border-radius:999px;padding:7px 10px;font-size:11px;font-weight:800;background:#edf7f3;color:#0a7159;border:1px solid #d5ebe2}.package-seat-pill.limited{background:#fff8e8;color:#9a711e;border-color:#efdfb8}.package-seat-pill.full{background:#fff1f1;color:#a34747;border-color:#ecd1d1}
.travel-rating-summary{display:inline-flex;align-items:center;gap:7px;margin-top:13px;padding:7px 10px;border-radius:999px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.16);color:#fff;font-size:11px}.travel-rating-summary svg{color:#f7d776}.travel-rating-summary b{font-size:13px}.travel-rating-summary span{color:#d8ece5}
.trust-center{position:relative;overflow:hidden}.trust-center:before{content:"";position:absolute;width:150px;height:150px;border-radius:50%;right:-62px;top:-72px;background:#edf8f4}.trust-center-intro{position:relative;font-size:12.5px;line-height:1.75;color:#677871;margin:-2px 0 17px;max-width:680px}.trust-center-checks{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.trust-center-checks>div{min-height:92px;border:1px solid #e3ebe7;border-radius:14px;padding:12px;background:#fafcfb;display:flex;flex-direction:column;gap:7px}.trust-center-checks>div.checked{border-color:#cce5db;background:#f2fbf7}.trust-center-checks>div.pending{opacity:.64}.trust-center-checks svg{color:#0a8167}.trust-center-checks b{font-size:12px;color:#274e43}.trust-center-checks small{font-size:10px;color:#74827d;line-height:1.45}.trust-center-meta{position:relative;margin-top:13px;padding-top:12px;border-top:1px solid #ebf0ed;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:10.5px;color:#718079}.trust-center-meta span,.trust-center-meta a{display:inline-flex;align-items:center;gap:6px}.trust-center-meta a{color:var(--emerald);font-weight:800}
.travel-review-section{background:#f4f8f6!important}.travel-review-section .section-head>p{max-width:390px;margin:0;color:#6c7a75;font-size:12.5px;text-align:right}.travel-review-layout{display:grid;grid-template-columns:minmax(0,1fr) 355px;gap:20px;align-items:start}.review-public-column{display:grid;gap:12px}.review-summary-card{display:flex;align-items:center;gap:14px;padding:17px 19px;border:1px solid #dfeae5;border-radius:16px;background:#fff}.review-summary-card strong{font-family:Georgia,serif;color:#164b3d;font-size:34px;font-weight:500}.review-summary-card>span{color:#d19e34;letter-spacing:.12em}.review-summary-card p{margin-left:auto;color:#6a7b74;font-size:12px}.verified-review-list{display:grid;gap:10px}.verified-review-list article{background:#fff;border:1px solid #e0e9e5;border-radius:16px;padding:17px 18px;box-shadow:0 7px 20px rgba(14,62,49,.035)}.review-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.review-head>div{display:flex;align-items:center;gap:8px}.review-head b{font-size:13px}.review-head>strong{color:#a67720;font-size:12.5px}.verified-review-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 7px;border-radius:999px;background:#eaf7f2;color:#08705a;font-size:9.5px;font-weight:850}.verified-review-list article>p{color:#586963;font-size:12.5px;line-height:1.7;margin:12px 0}.review-rating-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:11px}.review-rating-grid span{border-radius:8px;background:#f6f9f7;padding:6px 8px;font-size:10px;color:#708079}.review-rating-grid b{float:right;color:#35584f}.verified-review-list article>small{color:#8b9792;font-size:9.5px}.review-submit-card{position:sticky;top:92px;background:#fff;border:1px solid #dce8e3;border-radius:18px;padding:20px;box-shadow:0 14px 34px rgba(14,62,49,.07)}.review-submit-card>span{font-size:10px;color:var(--emerald);font-weight:900;letter-spacing:.15em}.review-submit-card h3{font-family:Georgia,serif;font-weight:500;color:#194b3e;font-size:24px;margin:5px 0 5px}.review-submit-card>p{font-size:10.5px;color:#7c8984;line-height:1.55;margin:0 0 14px}.review-submit-card label,.partner-form label,.partner-login-form label,.partner-account-form label{display:block;color:#52635d;font-size:10.5px;font-weight:750}.review-submit-card input,.review-submit-card select,.review-submit-card textarea,.partner-form input,.partner-form select,.partner-form textarea,.partner-login-form input,.partner-account-form input{width:100%;border:1px solid #d5e1dc;background:#fff;border-radius:9px;padding:10px 11px;margin-top:4px;outline:0}.review-submit-card input:focus,.review-submit-card select:focus,.review-submit-card textarea:focus,.partner-form input:focus,.partner-form select:focus,.partner-form textarea:focus,.partner-login-form input:focus,.partner-account-form input:focus{border-color:#83b7a5;box-shadow:0 0 0 3px rgba(10,113,89,.08)}.review-submit-card .two,.partner-form .two,.partner-account-form .three{gap:9px}.review-score-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:10px 0}.review-submit-card label>small,.partner-form label>small{display:block;margin-top:5px;font-size:9.5px;color:#87938e;font-weight:500}.review-consent{display:flex!important;align-items:flex-start;gap:8px;margin:11px 0 13px}.review-consent input{width:auto!important;margin:2px 0 0!important}.review-consent span{font-size:10px;line-height:1.5;font-weight:500;color:#697a73}
.travel-flash{width:min(1180px,calc(100% - 48px));margin:18px auto -20px}
.legal-hero{padding:132px 0 54px;background:linear-gradient(135deg,#f5faf7,#f6f2e9);border-bottom:1px solid #e6ece8}.legal-hero span{font-size:12.5px;letter-spacing:.16em;color:var(--emerald);font-weight:850}.legal-hero h1{font-family:Georgia,serif;font-weight:500;font-size:46.5px;color:#153f35;letter-spacing:-.025em;margin:7px 0 9px}.legal-hero p{max-width:720px;color:#69766f;font-size:14px}.legal-page{background:#fff!important}.legal-prose{max-width:850px}.legal-prose h2{font-family:Georgia,serif;font-size:24px;color:#17483c;font-weight:500;margin:29px 0 8px}.legal-prose h2:first-child{margin-top:0}.legal-prose p{font-size:13.5px;color:#586761;line-height:1.85}.legal-note{margin-top:32px!important;background:#f1f8f5;border:1px solid #dcebe4;border-radius:13px;padding:14px 16px;color:#43655a!important}

/* Partner Center */
.partner-page,.partner-login-page{min-height:100vh;background:#f4f7f5}.partner-shell{display:grid;grid-template-columns:245px minmax(0,1fr);min-height:100vh}.partner-nav{position:sticky;top:0;height:100vh;background:#063f35;color:#dceae5;padding:24px 17px;display:flex;flex-direction:column}.partner-brand{display:flex;align-items:center;gap:10px;padding:4px 7px 24px;border-bottom:1px solid rgba(255,255,255,.1)}.partner-brand>span,.partner-login-logo>span{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:#fff;color:#075b49;font-family:Georgia,serif;font-size:23px}.partner-brand small{display:block;color:#9fc0b5;font-size:9px;letter-spacing:.12em}.partner-brand b{font-size:13px;color:#fff}.partner-nav nav{display:grid;gap:5px;margin-top:22px}.partner-nav nav a,.partner-nav-bottom a{display:flex;align-items:center;gap:9px;border-radius:9px;padding:10px 11px;font-size:11px;font-weight:750;color:#bcd2cb}.partner-nav nav a:hover,.partner-nav nav a.active{color:#fff;background:rgba(255,255,255,.1)}.partner-nav-bottom{margin-top:auto;border-top:1px solid rgba(255,255,255,.1);padding-top:13px;display:grid;gap:2px}.partner-content{padding:34px 38px 52px;min-width:0}.partner-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:23px}.partner-head>div>span,.partner-panel-head span{font-size:10px;font-weight:900;letter-spacing:.16em;color:#0a7159}.partner-head h1{font-family:Georgia,serif;font-weight:500;color:#17483b;font-size:35px;line-height:1.12;margin:5px 0}.partner-head p{font-size:12.5px;color:#73817b;margin:0;max-width:600px}.partner-kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:11px;margin-bottom:17px}.partner-kpi-grid article{border:1px solid #dfe8e4;background:#fff;border-radius:14px;padding:17px;box-shadow:0 6px 19px rgba(14,62,49,.035)}.partner-kpi-grid article.lead{background:#0a664f;color:#fff;border-color:#0a664f}.partner-kpi-grid small{display:block;font-size:9px;font-weight:850;letter-spacing:.1em;color:#7b8b84}.partner-kpi-grid .lead small,.partner-kpi-grid .lead span{color:#bfe0d4}.partner-kpi-grid strong{display:block;font-family:Georgia,serif;font-size:32px;font-weight:500;color:#16483c;margin:5px 0}.partner-kpi-grid .lead strong{color:#fff}.partner-kpi-grid span{font-size:10px;color:#7c8a85}.partner-grid{display:grid;grid-template-columns:1fr 1.3fr;gap:14px}.partner-panel{background:#fff;border:1px solid #dfe8e4;border-radius:16px;padding:19px;box-shadow:0 7px 22px rgba(14,62,49,.035)}.partner-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}.partner-panel-head h2{font-family:Georgia,serif;font-weight:500;font-size:23px;color:#1e4e42;margin:3px 0}.partner-panel-head a{font-size:10px;color:#08705a;font-weight:800}.partner-panel>p{color:#728078;font-size:11px}.partner-review-state{display:grid;grid-template-columns:1fr 1fr;gap:8px}.partner-review-state div{border-radius:12px;background:#f2f8f5;padding:13px}.partner-review-state b{display:block;font-size:23px;color:#0a7159}.partner-review-state span{font-size:10px;color:#71817a}.partner-mini-list{display:grid}.partner-mini-list a{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-top:1px solid #edf1ef}.partner-mini-list a:first-child{border-top:0}.partner-mini-list b{display:block;font-size:12px}.partner-mini-list small{display:block;color:#839089;font-size:9.5px}.partner-mini-list strong{font-size:11px;color:#0a7159}.partner-form{max-width:900px}.partner-form>label,.partner-form>.two,.partner-form>button{margin-top:12px}.partner-pending-banner{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;margin-bottom:14px;border-radius:12px;background:#fff8e8;border:1px solid #ebdab0;color:#7f672b}.partner-pending-banner svg{flex:0 0 auto}.partner-pending-banner b,.partner-pending-banner span{display:block}.partner-pending-banner b{font-size:12px}.partner-pending-banner span{font-size:10px;margin-top:2px}.partner-package-table{display:grid;gap:8px}.partner-package-table article{display:grid;grid-template-columns:minmax(0,1fr) 125px auto;align-items:center;gap:16px;border:1px solid #e4ebe7;border-radius:12px;padding:13px}.partner-package-main>b{display:block;font-size:12.5px;margin:6px 0 2px}.partner-package-main small,.partner-package-seat small,.partner-package-seat span{font-size:9.5px;color:#82918a}.partner-package-seat b{display:block;font-size:11px;color:#2b5147}.partner-package-seat span{display:block}.partner-login-page{display:grid;place-items:center;padding:26px}.partner-login-card{width:min(440px,100%);background:#fff;border:1px solid #dce7e2;border-radius:22px;padding:30px;box-shadow:0 22px 60px rgba(7,57,46,.12)}.partner-login-logo{display:flex;align-items:center;gap:10px;margin-bottom:31px}.partner-login-logo>span{background:#075b49;color:#fff}.partner-login-logo b{display:block;font-size:13px;letter-spacing:.08em;color:#16483c}.partner-login-logo small{font-size:9.5px;color:#819089}.partner-login-copy>span{font-size:10px;color:#08705a;font-weight:900;letter-spacing:.15em}.partner-login-copy h1{font-family:Georgia,serif;color:#16483c;font-weight:500;font-size:33px;margin:5px 0}.partner-login-copy p{font-size:12px;color:#788680;line-height:1.6;margin-bottom:20px}.partner-login-form{display:grid;gap:11px}.partner-login-back{display:block;text-align:center;margin-top:18px;font-size:10px;color:#71827a}.partner-account-admin{margin-top:18px}.partner-account-list{display:grid;gap:7px;margin-bottom:15px}.partner-account-list article{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid #e1e9e5;border-radius:11px;padding:11px 12px}.partner-account-list b,.partner-account-list small{display:block}.partner-account-list b{font-size:11px}.partner-account-list small{font-size:9.5px;color:#80908a;margin-top:2px}.partner-account-form{border-top:1px solid #e9eeeb;padding-top:15px}.partner-account-form .three{display:grid;grid-template-columns:1fr 1fr 1fr}.partner-account-form button{margin-top:12px}.trust-admin-checks{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:10px 0 13px}.trust-check{display:flex!important;align-items:flex-start!important;gap:8px!important;border:1px solid #dfe9e4;border-radius:11px;padding:10px!important;background:#fbfdfc}.trust-check input{margin-top:3px}.trust-check b,.trust-check small{display:block}.trust-check b{font-size:10.5px}.trust-check small{font-size:9px;color:#84918c;margin-top:2px}.trust-editor-head{margin-top:24px}

/* Analytics / review moderation */
.analytics-range select{border:1px solid #cddbd5;background:#fff;border-radius:9px;padding:10px 12px;font-size:11px}.analytics-funnel{display:grid;gap:7px}.analytics-funnel div,.analytics-source-list div{display:flex;align-items:center;justify-content:space-between;gap:12px;border-radius:10px;background:#f6f9f7;padding:10px 11px}.analytics-funnel span,.analytics-source-list span{font-size:10px;color:#74827c}.analytics-funnel b{font-size:13px;color:#17493c}.analytics-source-list b{font-size:10.5px}.analytics-source-list strong{font-size:10px;color:#0a7159}.analytics-travel-table{overflow:auto}.analytics-travel-row{min-width:680px;display:grid;grid-template-columns:minmax(180px,1.6fr) repeat(5,.7fr);gap:10px;padding:10px 8px;border-top:1px solid #e9eeeb;align-items:center}.analytics-travel-row.head{border-top:0;background:#f4f8f6;border-radius:9px;color:#6a7973}.analytics-travel-row b,.analytics-travel-row span,.analytics-travel-row strong{font-size:10.5px}.analytics-travel-row strong{color:#08705a}.verified-review-admin-list,.partner-review-admin-list{display:grid;gap:10px}.verified-review-admin-list article,.partner-review-admin-list article{border:1px solid #e1e9e5;border-radius:13px;padding:14px;background:#fff}.review-admin-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.review-admin-head b{font-size:12.5px}.review-admin-head small,.review-admin-meta{font-size:10px;color:#7d8a85}.review-admin-note{font-size:11px;color:#596b64;line-height:1.6;background:#f7faf8;border-radius:9px;padding:10px;margin:10px 0}.review-admin-actions,.partner-review-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.partner-review-admin-list article>p{font-size:11px;color:#65766f;line-height:1.6}.partner-review-state{font-size:10px}.admin-status-tabs{display:flex;gap:7px;margin:0 0 14px;flex-wrap:wrap}.admin-status-tabs a{padding:7px 10px;border:1px solid #d8e3de;border-radius:999px;font-size:10px;color:#61736b;background:#fff}.admin-status-tabs a.active{background:#075b49;color:#fff;border-color:#075b49}

@media(max-width:900px){
 .travel-review-layout{grid-template-columns:1fr}.review-submit-card{position:static}.trust-center-checks{grid-template-columns:1fr 1fr}.partner-shell{grid-template-columns:1fr}.partner-nav{position:relative;height:auto;padding:14px 16px}.partner-brand{padding-bottom:12px}.partner-nav nav{display:flex;overflow:auto;margin-top:12px;padding-bottom:3px}.partner-nav nav a{white-space:nowrap}.partner-nav-bottom{display:none}.partner-content{padding:24px 18px 40px}.partner-kpi-grid{grid-template-columns:1fr 1fr}.partner-grid{grid-template-columns:1fr}.partner-package-table article{grid-template-columns:1fr auto}.partner-package-seat{grid-row:2}.partner-account-form .three,.trust-admin-checks{grid-template-columns:1fr}.analytics-kpis{grid-template-columns:1fr 1fr!important}
}
@media(max-width:620px){
 .legal-hero{padding:106px 0 38px}.legal-hero h1{font-size:36px}.legal-prose h2{font-size:21.5px}.travel-review-section .section-head{align-items:flex-start}.travel-review-section .section-head>p{display:none}.review-rating-grid,.review-score-grid{grid-template-columns:1fr 1fr}.review-summary-card{display:grid;grid-template-columns:auto 1fr}.review-summary-card p{margin:0;grid-column:1/-1}.trust-center-checks{grid-template-columns:1fr}.trust-center-meta{align-items:flex-start;flex-direction:column}.partner-content{padding:20px 14px 35px}.partner-head{align-items:flex-start;flex-direction:column}.partner-head h1{font-size:29.5px}.partner-kpi-grid{grid-template-columns:1fr 1fr;gap:8px}.partner-kpi-grid article{padding:13px}.partner-package-table article{grid-template-columns:1fr}.partner-package-seat{grid-row:auto}.partner-package-table .btn{width:100%}.partner-login-card{padding:23px 18px;border-radius:18px}.analytics-kpis{grid-template-columns:1fr!important}.travel-flash{width:calc(100% - 28px)}
}
@media(min-width:901px){.package-kpis{grid-template-columns:repeat(5,minmax(0,1fr))}}

/* =========================================================
   SAFAROKA V1.9.3 — Editorial & Package Visual Polish
   Scope: Panduan, Tentang, Paket catalog, Paket detail
   ========================================================= */
.editorial-hero{padding:144px 0 78px!important;background:radial-gradient(circle at 84% 28%,rgba(15,139,108,.08),transparent 29%),linear-gradient(135deg,#fbfaf7 0%,#f5f8f5 64%,#eef5f1 100%)!important;border-bottom:1px solid #e5ebe7}.editorial-hero-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;align-items:end;gap:76px}.editorial-hero-copy{max-width:790px}.editorial-hero-copy>span,.editorial-kicker,.editorial-section-head>div>span{display:block;font-size:12px!important;font-weight:900!important;letter-spacing:.17em!important;color:#08705a!important;text-transform:uppercase}.editorial-hero-copy h1{max-width:760px!important;margin:11px 0 18px!important;font-size:52px!important;line-height:1.055!important;letter-spacing:-.038em!important}.editorial-hero-copy p{max-width:660px!important;margin:0!important;font-size:16.5px!important;line-height:1.85!important;color:#617069!important}.editorial-hero-card{display:grid;grid-template-columns:48px 1fr;gap:14px;align-items:start;padding:20px 21px;border:1px solid #dbe7e1;border-radius:19px;background:rgba(255,255,255,.82);box-shadow:0 16px 42px rgba(22,56,44,.065);backdrop-filter:blur(10px)}.editorial-hero-card>div{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:#e9f6f0;color:#08705a}.editorial-hero-card p{margin:0!important;max-width:none!important}.editorial-hero-card b{display:block;margin:1px 0 5px;font-size:14px;color:#183f35}.editorial-hero-card span{display:block;font-size:12.5px;line-height:1.7;color:#718079}.editorial-section{padding:76px 0 86px!important;background:#fff!important}.editorial-section-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.72fr);align-items:end;gap:66px;margin-bottom:31px;padding-bottom:24px;border-bottom:1px solid #e9eeeb}.editorial-section-head h2{font-family:var(--font-display);font-size:34px;line-height:1.13;letter-spacing:-.025em;color:#17473b;font-weight:650;margin:7px 0 0}.editorial-section-head>p{max-width:490px;margin:0;font-size:15px;line-height:1.8;color:#6d7a75}.editorial-empty{border:1px dashed #cad8d2;border-radius:18px;padding:46px 24px;text-align:center;color:#75827c;background:#fafcfb}
.guide-library-section{background:#fbfcfa!important}.guide-grid-premium{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:24px!important}.guide-card-premium{display:flex;flex-direction:column;border:1px solid #dfe7e3!important;border-radius:20px!important;background:#fff!important;overflow:hidden;box-shadow:0 10px 30px rgba(26,54,44,.055);transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.guide-card-premium:hover{transform:translateY(-4px);border-color:#c8dbd2!important;box-shadow:0 22px 48px rgba(26,54,44,.10)}.guide-card-media{position:relative;overflow:hidden;background:#eef3f0}.guide-card-media img{width:100%!important;aspect-ratio:1.52/1!important;object-fit:cover;transition:transform .35s ease}.guide-card-premium:hover .guide-card-media img{transform:scale(1.025)}.guide-card-media>span{position:absolute;left:15px;top:15px;min-width:34px;height:29px;padding:0 9px;border-radius:999px;display:grid;place-items:center;background:rgba(255,255,255,.92);box-shadow:0 6px 18px rgba(17,44,36,.08);font-size:11px;font-weight:900;color:#075b49;letter-spacing:.08em}.guide-card-copy{display:flex;flex:1;flex-direction:column;padding:23px 23px 24px!important}.guide-card-copy small{font-size:10.5px!important;letter-spacing:.14em!important;color:#8e6d38!important;font-weight:900!important}.guide-card-copy h2{font-family:var(--font-display)!important;font-size:23px!important;line-height:1.26!important;letter-spacing:-.018em;color:#183f35!important;font-weight:650!important;margin:8px 0 11px!important}.guide-card-copy p{font-size:13.5px!important;line-height:1.78!important;color:#6b7873!important;margin:0 0 21px!important}.guide-card-copy strong{display:inline-flex;align-items:center;gap:7px;margin-top:auto;font-size:12.5px;color:#08705a;font-weight:850}.guide-card-copy strong .icon{transition:transform .18s ease}.guide-card-premium:hover .guide-card-copy strong .icon{transform:translateX(3px)}
.about-story-section{background:#fff!important}.about-story-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(300px,.72fr);gap:76px;align-items:start}.about-story-copy{max-width:680px;padding-top:4px}.about-story-copy h2{font-family:var(--font-display);font-size:39px;line-height:1.12;letter-spacing:-.03em;color:#17473b;font-weight:650;margin:8px 0 20px}.about-story-copy p{max-width:650px;margin:0 0 14px;font-size:16.5px;line-height:1.92;color:#5e6c66}.about-principles{display:grid;gap:10px}.about-principles article{display:grid;grid-template-columns:44px 1fr;gap:13px;align-items:start;padding:16px 17px;border:1px solid #e0e9e5;border-radius:15px;background:#fbfdfc;transition:border-color .18s ease,transform .18s ease}.about-principles article:hover{transform:translateX(2px);border-color:#c9ddd4}.about-principles article>span{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;background:#eaf6f1;color:#08705a}.about-principles article b{display:block;margin:2px 0 4px;font-size:13.5px;color:#193f35}.about-principles article p{margin:0;font-size:12.5px;line-height:1.68;color:#718079}.about-transparency-panel{display:grid;grid-template-columns:58px minmax(0,1fr);gap:20px;align-items:start;margin-top:54px;padding:29px 32px;border:1px solid #d6e5de;border-radius:20px;background:linear-gradient(135deg,#f0f8f4 0%,#f7faf8 100%)}.about-transparency-mark{width:58px;height:58px;border-radius:17px;display:grid;place-items:center;background:#075b49;color:#fff;box-shadow:0 12px 28px rgba(7,91,73,.16)}.about-transparency-panel>div:last-child>span{display:block;font-size:10.5px;font-weight:900;letter-spacing:.16em;color:#08705a}.about-transparency-panel h3{font-family:var(--font-display);font-size:26.5px;line-height:1.2;color:#17473b;font-weight:650;margin:6px 0 9px}.about-transparency-panel p{max-width:810px;margin:0;font-size:13.5px;line-height:1.82;color:#62716b}
.catalog-hero{padding:138px 0 70px!important}.catalog-hero-inner{gap:76px!important}.catalog-hero h1{font-size:52px!important;line-height:1.055!important;margin:10px 0 17px!important}.catalog-hero p{max-width:670px!important;font-size:16px!important;line-height:1.82!important}.catalog-hero-note{padding:18px!important;border-radius:18px!important}.catalog-main{padding:0 0 82px!important;background:#fbfcfb!important}.theme-filter-panel{margin-top:-31px!important;margin-bottom:17px!important;padding:17px 17px 14px!important;border-radius:21px!important;box-shadow:0 18px 48px rgba(27,56,46,.075)!important}.theme-filter-head{padding:1px 3px 13px!important}.theme-chip-rail{gap:9px!important;padding-bottom:7px!important}.theme-chip{min-height:44px!important;padding:8px 12px 8px 15px!important}.smart-catalog-search{border-color:#dde7e2!important;border-radius:21px!important;box-shadow:0 12px 34px rgba(26,54,44,.055)!important;background:#fff!important}.smart-filter-grid{gap:12px!important;padding:18px!important}.smart-filter-grid label{gap:7px!important}.smart-filter-grid input,.smart-filter-grid select{height:46px!important;border-radius:12px!important;background:#fdfefd!important}.catalog-main .catalog-results-head{padding:44px 0 24px!important}.catalog-results-head h2{font-size:34px!important;line-height:1.15!important;margin:6px 0 8px!important}.catalog-results-head p{font-size:13px!important;line-height:1.7!important}.catalog-sort{gap:6px!important;min-width:205px!important}.catalog-sort select{padding-top:11px!important;padding-bottom:11px!important;background:#fff!important}.catalog-package-grid{gap:23px!important}.package-card-catalog{border-radius:21px!important;border-color:#dfe8e3!important;box-shadow:0 10px 30px rgba(24,54,44,.055)!important}.package-card-catalog:hover{transform:translateY(-4px)!important;box-shadow:0 22px 50px rgba(24,54,44,.105)!important}.package-card-catalog .package-body{padding:19px!important}.package-card-catalog .package-body h3{font-size:20.5px!important;line-height:1.28!important;margin-bottom:5px!important}.package-card-catalog .travel-line{line-height:1.6!important}.package-card-catalog .price{margin:10px 0 12px!important}.package-card-catalog .package-actions{margin-top:14px!important;padding-top:2px!important}
.detail-hero{padding:138px 0 74px!important;background:radial-gradient(circle at 18% 16%,rgba(15,139,108,.055),transparent 28%),linear-gradient(135deg,#faf8f3 0%,#f7f7f2 52%,#f1f6f2 100%)!important}.detail-grid{grid-template-columns:minmax(0,1.06fr) minmax(390px,.94fr)!important;gap:64px!important;align-items:center!important}.detail-image-frame{border-radius:27px!important;box-shadow:0 28px 70px rgba(30,52,44,.13)!important}.detail-copy{max-width:520px}.detail-copy .eyebrow{font-size:12px!important;letter-spacing:.17em!important}.detail-copy h1{font-size:50px!important;line-height:1.055!important;margin:10px 0 13px!important}.detail-travel{gap:10px!important;font-size:15px!important;line-height:1.6!important}.detail-price{margin:23px 0 19px!important;font-size:35px!important;letter-spacing:-.02em}.detail-facts{gap:11px!important;margin-top:1px}.detail-facts>div{padding:14px!important;border-radius:14px!important;background:rgba(255,255,255,.88)!important}.hotel-detail-grid{gap:11px!important;margin-top:13px!important}.hotel-detail-grid>div{padding:13px!important;border-radius:14px!important;background:rgba(255,255,255,.88)!important}.detail-freshness{margin-top:14px!important;line-height:1.6!important}.detail-actions{margin-top:22px!important}.detail-actions .btn{min-height:49px!important;border-radius:11px!important}.trip-weather-section{padding:47px 0!important;background:#f5faf7!important}.trip-weather-section .section-head{margin-bottom:20px!important}.climate-head p{font-size:13px!important;line-height:1.72!important}.trip-climate-grid{gap:14px!important}.trip-climate-grid article{padding:18px!important;border-radius:17px!important}.detail-content-section{padding:72px 0 88px!important;background:#fff!important}.detail-content-grid{grid-template-columns:minmax(0,1.5fr) minmax(285px,.66fr)!important;gap:58px!important}.detail-main{gap:34px!important}.detail-block{padding-bottom:36px!important}.detail-block h2{font-size:33px!important;line-height:1.16!important;margin:8px 0 18px!important}.detail-block .prose{max-width:740px!important}.detail-block .prose p{margin:0!important;font-size:16.5px!important;line-height:1.95!important;color:#586761!important}.info-list{gap:13px!important}.info-list>div{padding:17px!important;border-radius:15px!important}.info-list b{font-size:14px!important}.info-list span{margin-top:5px!important;font-size:12.5px!important;line-height:1.72!important}.highlight-list{gap:12px!important}.highlight-list>div{padding:14px!important;border-radius:14px!important}.travel-trust-card{top:24px!important;padding:28px!important;border-radius:23px!important;box-shadow:0 24px 54px rgba(4,54,44,.15)!important}.travel-trust-card h3{font-size:28.5px!important;margin:9px 0 15px!important}.travel-trust-card p{font-size:12.5px!important;line-height:1.78!important}.trust-travel-logo{max-width:178px!important;max-height:66px!important;padding:9px!important;border-radius:11px!important;margin-bottom:18px!important}.travel-legal-list{gap:9px!important;margin:16px 0!important}.travel-legal-list>div{padding:10px 11px!important}
@media(max-width:1020px){.editorial-hero-layout{grid-template-columns:1fr;gap:26px}.editorial-hero-card{max-width:520px}.guide-grid-premium{grid-template-columns:repeat(2,minmax(0,1fr))!important}.about-story-grid{grid-template-columns:1fr;gap:36px}.about-principles{grid-template-columns:repeat(3,1fr);gap:10px}.about-principles article{grid-template-columns:40px 1fr}.about-principles article>span{width:40px;height:40px}.detail-grid{grid-template-columns:1fr 1fr!important;gap:42px!important}.detail-copy h1{font-size:42.5px!important}.detail-content-grid{gap:34px!important}}
@media(max-width:900px){.editorial-hero{padding:42px 0 44px!important}.editorial-hero-layout{width:calc(100% - 32px)!important;gap:22px}.editorial-hero-copy h1{font-size:37px!important;line-height:1.08!important;margin:8px 0 13px!important}.editorial-hero-copy p{font-size:15px!important;line-height:1.78!important}.editorial-hero-card{grid-template-columns:42px 1fr;padding:16px;border-radius:16px}.editorial-hero-card>div{width:42px;height:42px;border-radius:12px}.editorial-hero-card b{font-size:13px}.editorial-hero-card span{font-size:12px}.editorial-section{padding:42px 0 54px!important}.editorial-section>.section-shell{width:calc(100% - 32px)!important}.editorial-section-head{grid-template-columns:1fr;gap:12px;margin-bottom:22px;padding-bottom:18px}.editorial-section-head h2{font-size:27.5px}.editorial-section-head>p{font-size:13px;line-height:1.72}.guide-grid-premium{grid-template-columns:1fr!important;gap:14px!important}.guide-card-premium{display:grid;grid-template-columns:142px 1fr;border-radius:17px!important}.guide-card-media{height:100%}.guide-card-media img{height:100%!important;min-height:185px;aspect-ratio:auto!important}.guide-card-media>span{left:10px;top:10px}.guide-card-copy{padding:17px!important}.guide-card-copy h2{font-size:19.5px!important;margin:6px 0 8px!important}.guide-card-copy p{font-size:12.5px!important;line-height:1.65!important;margin-bottom:15px!important}.about-story-grid{gap:30px}.about-story-copy h2{font-size:32px;margin:7px 0 15px}.about-story-copy p{font-size:14.5px;line-height:1.82}.about-principles{grid-template-columns:1fr;gap:8px}.about-principles article{padding:14px}.about-transparency-panel{grid-template-columns:48px 1fr;gap:15px;margin-top:34px;padding:20px;border-radius:17px}.about-transparency-mark{width:48px;height:48px;border-radius:14px}.about-transparency-panel h3{font-size:23px}.about-transparency-panel p{font-size:12.5px;line-height:1.72}.catalog-main{padding-bottom:48px!important}.catalog-package-grid{gap:15px!important}.package-card-catalog .package-body{padding:15px!important}.detail-hero{padding:31px 0 42px!important}.detail-hero>.section-shell{width:calc(100% - 28px)!important}.detail-grid{grid-template-columns:1fr!important;gap:28px!important}.detail-copy{max-width:none}.detail-copy h1{font-size:36px!important;margin-top:8px!important}.detail-image-frame{border-radius:20px!important}.detail-price{font-size:32px!important;margin:18px 0 15px!important}.detail-facts>div{padding:12px!important}.hotel-detail-grid>div{padding:11px!important}.trip-weather-section{padding:34px 0!important}.trip-weather-section>.section-shell,.detail-content-section>.section-shell{width:calc(100% - 28px)!important}.detail-content-section{padding:44px 0 58px!important}.detail-content-grid{grid-template-columns:1fr!important;gap:28px!important}.detail-main{gap:26px!important}.detail-block{padding-bottom:28px!important}.detail-block h2{font-size:27.5px!important;margin-bottom:14px!important}.detail-block .prose p{font-size:15px!important;line-height:1.85!important}.travel-trust-card{position:relative!important;top:auto!important;padding:22px!important;border-radius:19px!important}}
@media(max-width:560px){.editorial-hero-layout,.editorial-section>.section-shell{width:calc(100% - 28px)!important}.editorial-hero-copy h1{font-size:35px!important}.editorial-hero-card{display:none}.guide-card-premium{display:block}.guide-card-media img{height:auto!important;min-height:0;aspect-ratio:1.62/1!important}.guide-card-copy{padding:18px!important}.guide-card-copy h2{font-size:20.5px!important}.about-transparency-panel{grid-template-columns:1fr}.about-transparency-mark{width:44px;height:44px}.catalog-results-head h2{font-size:24px!important}.package-card-catalog .package-body{padding:15px!important}.detail-copy h1{font-size:34px!important}.detail-facts{grid-template-columns:1fr 1fr!important}.hotel-detail-grid{grid-template-columns:1fr!important}.trip-climate-grid{grid-template-columns:1fr!important}.info-list>div{padding:14px!important}.highlight-list{grid-template-columns:1fr!important}}

/* =========================================================
   SAFAROKA V1.9.4 — GUIDES & ABOUT CONTENT CLARITY POLISH
   ========================================================= */
.compact-editorial-layout{gap:44px!important;align-items:end!important}
.compact-editorial-copy{max-width:760px!important}
.compact-editorial-copy h1{max-width:780px!important;font-size:60.5px!important;line-height:1.04!important;margin:10px 0 14px!important;letter-spacing:-.038em!important}
.compact-editorial-copy p{max-width:760px!important;font-size:17px!important;line-height:1.72!important;margin:0!important;color:#55655f!important}
.plain-note-card{align-items:flex-start!important;gap:15px!important;padding:22px 24px!important;background:#fff!important;border:1px solid #dfe8e3!important;box-shadow:0 16px 38px rgba(21,54,44,.06)!important}
.plain-note-card>div:first-child{width:48px!important;height:48px!important;border-radius:14px!important;background:#edf7f3!important;color:#0a755e!important;display:grid!important;place-items:center!important;flex:0 0 auto}
.plain-note-card b{display:block!important;font-size:16.5px!important;line-height:1.45!important;color:#183f36!important;margin:1px 0 7px!important}
.plain-note-card p,.plain-note-card span{display:block!important;margin:0!important;font-size:15.5px!important;line-height:1.7!important;color:#5d6d67!important}
.compact-section-head{align-items:end!important;margin-bottom:24px!important;padding-bottom:20px!important}
.compact-section-head h2{margin-top:8px!important;line-height:1.14!important}
.compact-section-head>p{max-width:490px!important;font-size:15.5px!important;line-height:1.72!important;color:#60716a!important;margin:0!important}
.guide-library-section{padding-top:46px!important}
.about-compro-section{padding-top:46px!important;padding-bottom:66px!important}
.about-section-head-single{grid-template-columns:1fr!important;gap:12px!important;align-items:start!important}
.about-section-head-single>p{max-width:760px!important}
.about-explainer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:14px}
.about-explainer-card{display:grid;grid-template-columns:52px 1fr;gap:16px;align-items:flex-start;padding:22px;border-radius:20px;background:#fff;border:1px solid #dfe8e3;box-shadow:0 12px 28px rgba(19,53,43,.05);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.about-explainer-card:hover{transform:translateY(-2px);box-shadow:0 18px 36px rgba(19,53,43,.08);border-color:#c8ddd5}
.about-explainer-card.is-wide{grid-column:1/-1;background:linear-gradient(180deg,#ffffff 0%,#f9fcfa 100%)}
.about-explainer-card>span{width:52px;height:52px;border-radius:15px;background:#edf7f3;color:#0a755e;display:grid;place-items:center}
.about-explainer-card h3{font-family:Georgia,serif;font-size:25.5px;line-height:1.16;color:#173e36;margin:2px 0 8px;font-weight:500}
.about-explainer-card p{margin:0;font-size:15.5px;line-height:1.8;color:#61716b}
.about-how-head{margin-top:42px!important}
.about-steps-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:8px}
.about-steps-grid article{padding:22px 22px 20px;border-radius:20px;background:#fff;border:1px solid #dfe8e3;box-shadow:0 10px 24px rgba(19,53,43,.045)}
.about-steps-grid b{display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:0 10px;border-radius:999px;background:#edf7f3;color:#0a755e;font-size:14px;letter-spacing:.06em}
.about-steps-grid h3{font-family:Georgia,serif;font-size:24px;line-height:1.18;color:#173e36;margin:14px 0 8px;font-weight:500}
.about-steps-grid p{margin:0;font-size:15.5px;line-height:1.78;color:#61716b}
.about-transparency-panel span{display:block;margin-bottom:6px;color:#0a755e!important}
.about-transparency-panel p{margin:0!important;color:#5d6d67!important;line-height:1.8!important}
@media(max-width:1020px){.compact-editorial-copy h1{font-size:51px!important}.about-explainer-grid{grid-template-columns:1fr 1fr}.about-steps-grid{grid-template-columns:1fr}}
@media(max-width:900px){.compact-editorial-layout{gap:22px!important}.compact-editorial-copy h1{font-size:40.5px!important;line-height:1.05!important;margin-bottom:12px!important}.compact-editorial-copy p{font-size:15.5px!important;line-height:1.72!important}.plain-note-card{padding:18px 18px!important;border-radius:17px!important}.plain-note-card b{font-size:14px!important;margin-bottom:5px!important}.plain-note-card p,.plain-note-card span{font-size:13px!important;line-height:1.66!important}.compact-section-head>p{font-size:14px!important}.about-explainer-grid{grid-template-columns:1fr!important;gap:12px!important}.about-explainer-card{padding:18px!important;border-radius:17px!important}.about-explainer-card h3{font-size:23px!important}.about-explainer-card p,.about-steps-grid p{font-size:14px!important}.about-how-head{margin-top:32px!important}.about-steps-grid{gap:12px!important}.about-steps-grid article{padding:18px!important;border-radius:17px!important}.about-steps-grid h3{font-size:23px!important;margin-top:12px!important}}
@media(max-width:560px){.compact-editorial-copy h1{font-size:35px!important;line-height:1.04!important}.compact-editorial-copy p{font-size:14px!important;line-height:1.68!important}.compact-section-head{margin-bottom:18px!important;padding-bottom:16px!important}.compact-section-head h2{font-size:26.5px!important}.compact-section-head>p{font-size:13px!important;line-height:1.66!important}.about-explainer-card{grid-template-columns:44px 1fr!important;gap:13px!important}.about-explainer-card>span{width:44px!important;height:44px!important;border-radius:13px!important}.about-explainer-card h3{font-size:20.5px!important}.about-steps-grid h3{font-size:20.5px!important}}

/* =========================================================
   SAFAROKA V1.9.5 — PACKAGE HERO POLISH ONLY
   ========================================================= */
.catalog-hero-composed{position:relative;overflow:hidden;padding:132px 0 58px!important;background:linear-gradient(135deg,#fbfaf6 0%,#f8f7f2 56%,#f3f7f4 100%)!important;border-bottom:1px solid #e8eeea!important}
.catalog-hero-composed:before{content:"";position:absolute;right:0;top:0;bottom:0;width:min(38vw,520px);background:radial-gradient(circle at 72% 32%,rgba(255,255,255,.68),rgba(255,255,255,0) 55%),linear-gradient(180deg,rgba(230,222,204,.18),rgba(230,222,204,.05));opacity:.95}
.catalog-hero-composed:after{content:"";position:absolute;right:40px;bottom:-10px;width:300px;height:250px;background:linear-gradient(180deg,rgba(192,176,146,.06),rgba(192,176,146,.15));clip-path:polygon(17% 100%,24% 49%,27% 38%,31% 100%,41% 100%,46% 29%,49% 18%,52% 100%,62% 100%,66% 40%,70% 28%,74% 100%,86% 100%,86% 82%,72% 82%,72% 100%,14% 100%);filter:blur(.2px);opacity:.8}
.catalog-hero-composed-inner{position:relative;z-index:1;grid-template-columns:minmax(0,1fr) 360px!important;gap:72px!important;align-items:center!important}
.catalog-hero-copy-block{max-width:760px}
.catalog-hero-composed .catalog-kicker{font-size:13px!important;letter-spacing:.18em!important}
.catalog-hero-composed h1{max-width:760px!important;font-size:57px!important;line-height:1.03!important;letter-spacing:-.04em!important;margin:10px 0 14px!important;color:#123d34!important}
.catalog-hero-composed p{max-width:720px!important;margin:0!important;font-size:16.5px!important;line-height:1.78!important;color:#5c6b66!important}
.catalog-hero-brief{gap:14px!important;padding:22px 24px!important;border-radius:19px!important;background:rgba(255,255,255,.92)!important;border:1px solid #dfe8e3!important;box-shadow:0 16px 42px rgba(23,55,45,.07)!important}
.catalog-hero-brief>span{width:48px!important;height:48px!important;border-radius:14px!important;background:#edf7f3!important;color:#0a755e!important}
.catalog-hero-brief b{font-size:15.5px!important;line-height:1.45!important;margin-bottom:5px!important;color:#173f36!important}
.catalog-hero-brief small{font-size:12.5px!important;line-height:1.7!important;color:#667671!important;margin-top:0!important}
@media(max-width:1020px){.catalog-hero-composed-inner{grid-template-columns:1fr!important;gap:24px!important;align-items:end!important}.catalog-hero-brief{max-width:560px}}
@media(max-width:900px){.catalog-hero-composed{padding:116px 0 40px!important}.catalog-hero-composed:before,.catalog-hero-composed:after{display:none}.catalog-hero-composed h1{font-size:40.5px!important;line-height:1.05!important;margin-bottom:12px!important}.catalog-hero-composed p{font-size:15px!important;line-height:1.74!important}.catalog-hero-brief{padding:18px!important;border-radius:17px!important}.catalog-hero-brief b{font-size:14px!important}.catalog-hero-brief small{font-size:12.5px!important;line-height:1.65!important}}
@media(max-width:560px){.catalog-hero-composed{padding:108px 0 34px!important}.catalog-hero-composed h1{font-size:35px!important;line-height:1.04!important}.catalog-hero-composed p{font-size:14px!important;line-height:1.68!important}.catalog-hero-brief{display:none!important}}

/* =========================================================
   SAFAROKA V1.9.6 — MATCH MOCKUP (PANDUAN & TENTANG)
   ========================================================= */
.guides-mockup-hero{position:relative;overflow:hidden;padding:132px 0 46px!important;background:linear-gradient(180deg,#faf8f3 0%,#f8f6f1 100%)!important;border-bottom:1px solid #e9ece7!important}
.guides-mockup-hero:before{content:"";position:absolute;right:0;top:0;bottom:0;width:min(36vw,500px);background:radial-gradient(circle at 70% 30%,rgba(255,255,255,.7),rgba(255,255,255,0) 50%),linear-gradient(180deg,rgba(227,220,205,.25),rgba(227,220,205,.08));opacity:.95}
.guides-mockup-hero:after{content:"";position:absolute;right:34px;bottom:-8px;width:320px;height:230px;background:linear-gradient(180deg,rgba(198,187,166,.06),rgba(198,187,166,.17));clip-path:polygon(18% 100%,25% 54%,27% 44%,31% 100%,42% 100%,46% 31%,49% 20%,52% 100%,62% 100%,66% 43%,70% 31%,74% 100%,86% 100%,86% 84%,74% 84%,74% 100%,14% 100%);opacity:.9}
.guides-mockup-hero-inner{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) 400px;gap:58px;align-items:center}
.guides-mockup-copy{max-width:700px}.guides-mockup-copy>span,.about-mockup-copy>span{display:block;font-size:13px;font-weight:900;letter-spacing:.18em;color:#0a755e;text-transform:uppercase}.guides-mockup-copy h1,.about-mockup-copy h1{font-family:Georgia,serif;font-size:61.5px;line-height:1.04;letter-spacing:-.045em;color:#143e35;margin:12px 0 16px;font-weight:500;max-width:700px}.guides-mockup-copy p,.about-mockup-copy p{margin:0;max-width:660px;font-size:16.5px;line-height:1.82;color:#596863}
.guides-mockup-note{display:grid;grid-template-columns:56px 1fr 18px;gap:16px;align-items:center;padding:22px 24px;background:rgba(255,255,255,.94);border:1px solid #dfe7e2;border-radius:20px;box-shadow:0 16px 38px rgba(24,53,44,.07)}
.guides-mockup-note-icon{width:56px;height:56px;border-radius:16px;background:#eef7f2;color:#0a755e;display:grid;place-items:center}.guides-mockup-note-copy b{display:block;font-size:16.5px;line-height:1.45;color:#163d34;margin-bottom:6px}.guides-mockup-note-copy p{margin:0;font-size:15px;line-height:1.72;color:#66746f}.guides-mockup-note-arrow{color:#2e5f52;display:grid;place-items:center}
.guides-library-section{padding:26px 0 62px!important;background:#fff!important}.guides-library-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:18px}.guides-library-head h2{font-family:Georgia,serif;font-size:37px;line-height:1.12;color:#173f36;margin:0 0 6px;font-weight:500}.guides-library-head p{margin:0;font-size:15.5px;color:#697773}.guides-library-link{display:inline-flex;align-items:center;gap:7px;color:#0a755e;font-size:14px;font-weight:800;white-space:nowrap}
.guides-mockup-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.guides-mockup-card{display:block;background:#fff;border:1px solid #dfe8e3;border-radius:18px;overflow:hidden;box-shadow:0 10px 28px rgba(23,55,45,.06);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.guides-mockup-card:hover{transform:translateY(-3px);box-shadow:0 18px 38px rgba(23,55,45,.1);border-color:#caded6}.guides-mockup-card-media{aspect-ratio:1.64/1;overflow:hidden}.guides-mockup-card-media img{width:100%;height:100%;object-fit:cover}.guides-mockup-card-body{padding:14px 16px 17px}.guides-mockup-card-body small{display:inline-flex;align-items:center;min-height:24px;padding:0 10px;border-radius:999px;background:#f4ead2;color:#8a6a2b;font-size:10.5px;font-weight:900;letter-spacing:.08em;margin-bottom:11px}.guides-mockup-card-body h3{font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:17px;line-height:1.45;color:#243a34;margin:0 0 7px;font-weight:700}.guides-mockup-card-body p{margin:0;font-size:13.5px;line-height:1.7;color:#6b7874}.guides-mockup-card-body strong{display:inline-flex;align-items:center;gap:7px;margin-top:14px;color:#0a755e;font-size:13px;font-weight:800}

.about-mockup-hero{padding:124px 0 24px!important;background:linear-gradient(180deg,#faf8f3 0%,#fbfaf7 100%)!important}.about-mockup-hero-inner{display:grid;grid-template-columns:minmax(0,1fr) 500px;gap:28px;align-items:end}.about-mockup-copy{padding-bottom:24px;max-width:620px}.about-mockup-copy h1{font-size:57px;max-width:none}.about-mockup-visual{position:relative;min-height:250px}.about-mockup-visual:before{content:"";position:absolute;left:0;top:12px;width:78%;height:86%;border-radius:50%;background:radial-gradient(circle at 30% 35%,rgba(240,235,222,.95),rgba(240,235,222,.55) 58%,rgba(240,235,222,0) 80%)}.about-mockup-visual-frame{position:relative;margin-left:auto;width:100%;max-width:470px;border-radius:34px;overflow:hidden;box-shadow:0 20px 50px rgba(27,54,44,.1)}.about-mockup-visual-frame img{width:100%;height:100%;display:block;object-fit:cover;aspect-ratio:1.72/1}
.about-mockup-main{padding:0 0 62px!important;background:#fff!important}.about-feature-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:-10px}.about-feature-card{display:grid;grid-template-columns:50px 1fr;gap:14px;align-items:flex-start;padding:18px;background:#fff;border:1px solid #dfe8e3;border-radius:18px;box-shadow:0 10px 26px rgba(21,54,44,.06)}.about-feature-card>span{width:50px;height:50px;border-radius:15px;background:#eef7f2;color:#0a755e;display:grid;place-items:center}.about-feature-card h3{margin:2px 0 6px;font-size:18px;line-height:1.3;color:#233933}.about-feature-card p{margin:0;font-size:13.5px;line-height:1.7;color:#6c7a76}
.about-why-how-grid{display:grid;grid-template-columns:320px minmax(0,1fr);gap:32px;align-items:start;margin-top:34px}.about-why-block h2,.about-how-block h2{font-family:Georgia,serif;font-size:37px;line-height:1.14;color:#173f36;margin:0 0 18px;font-weight:500}.about-why-list{display:grid;gap:14px}.about-why-list article{display:grid;grid-template-columns:32px 1fr;gap:12px;align-items:flex-start}.about-why-list article>span{width:32px;height:32px;border-radius:999px;background:#eef7f2;color:#0a755e;display:grid;place-items:center}.about-why-list b{display:block;font-size:15.5px;color:#263c36;margin:2px 0 4px}.about-why-list p{margin:0;font-size:13px;line-height:1.7;color:#6f7c78}
.about-how-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;align-items:center}.about-how-steps>i{display:grid;place-items:center;color:#658076}.about-how-steps article{position:relative;min-height:190px;padding:16px 16px 18px;background:#fff;border:1px solid #dfe8e3;border-radius:18px;box-shadow:0 10px 26px rgba(21,54,44,.05)}.about-how-steps article>b{display:block;font-size:27.5px;line-height:1;color:#153d34;margin-bottom:10px}.about-how-steps article>span{width:44px;height:44px;border-radius:14px;background:#eef7f2;color:#0a755e;display:grid;place-items:center;margin-bottom:12px}.about-how-steps h3{margin:0 0 7px;font-size:17px;color:#213833;line-height:1.35}.about-how-steps p{margin:0;font-size:13px;line-height:1.72;color:#6d7a76}
.about-transparency-banner{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr);gap:22px;align-items:center;margin-top:28px;padding:20px 24px;background:#f7f5ee;border:1px solid #e6e0d2;border-radius:18px}.about-transparency-copy{display:grid;grid-template-columns:46px 1fr;gap:14px;align-items:start}.about-transparency-copy>span{width:46px;height:46px;border-radius:14px;background:#0f5f4d;color:#fff;display:grid;place-items:center}.about-transparency-copy h3{font-family:Georgia,serif;font-size:31px;line-height:1.18;color:#173f36;margin:0 0 6px;font-weight:500}.about-transparency-copy p{margin:0;font-size:14px;line-height:1.8;color:#596863}.about-transparency-points{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.about-transparency-points article{display:grid;justify-items:center;text-align:center;gap:10px;padding:8px 10px}.about-transparency-points article>span{width:38px;height:38px;border-radius:12px;background:#edf4ef;color:#0a755e;display:grid;place-items:center}.about-transparency-points p{margin:0;font-size:13px;line-height:1.6;color:#536660}
@media(max-width:1100px){.guides-mockup-hero-inner{grid-template-columns:1fr 340px}.guides-mockup-copy h1,.about-mockup-copy h1{font-size:49px}.about-mockup-hero-inner{grid-template-columns:1fr 420px}.about-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.about-why-how-grid{grid-template-columns:1fr;gap:28px}.about-how-steps{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:900px){.guides-mockup-hero{padding:112px 0 34px!important}.guides-mockup-hero:before,.guides-mockup-hero:after{display:none}.guides-mockup-hero-inner,.about-mockup-hero-inner{grid-template-columns:1fr;gap:18px}.guides-mockup-copy h1,.about-mockup-copy h1{font-size:40.5px}.guides-mockup-copy p,.about-mockup-copy p{font-size:15.5px;line-height:1.74}.guides-mockup-note{padding:18px 18px;grid-template-columns:50px 1fr 16px}.guides-library-head{align-items:start;flex-direction:column}.guides-library-head h2,.about-why-block h2,.about-how-block h2{font-size:32px}.guides-mockup-grid{grid-template-columns:1fr;gap:14px}.about-mockup-main{padding-bottom:48px!important}.about-feature-grid{grid-template-columns:1fr;gap:12px;margin-top:2px}.about-feature-card{padding:16px}.about-how-steps{grid-template-columns:1fr 1fr;gap:12px}.about-how-steps>i{display:none}.about-transparency-banner{grid-template-columns:1fr;gap:18px;padding:18px}.about-transparency-copy h3{font-size:25.5px}.about-transparency-points{grid-template-columns:1fr 1fr 1fr}}
@media(max-width:560px){.guides-mockup-hero{padding:104px 0 28px!important}.guides-mockup-copy h1,.about-mockup-copy h1{font-size:34px;line-height:1.06}.guides-mockup-copy p,.about-mockup-copy p{font-size:14px;line-height:1.68}.guides-mockup-note{display:none}.guides-library-head h2,.about-why-block h2,.about-how-block h2{font-size:27.5px}.guides-mockup-card-body{padding:13px 14px 16px}.about-feature-card{grid-template-columns:44px 1fr;gap:12px}.about-feature-card>span{width:44px;height:44px}.about-feature-card h3{font-size:17px}.about-feature-card p,.about-why-list p,.about-how-steps p,.about-transparency-copy p,.about-transparency-points p{font-size:12.5px}.about-how-steps{grid-template-columns:1fr}.about-how-steps article{min-height:0}.about-transparency-points{grid-template-columns:1fr}.about-transparency-copy{grid-template-columns:1fr}.about-transparency-copy>span{margin-bottom:4px}}

/* =========================================================
   SAFAROKA V1.9.7 — ABOUT COMPRO POLISH + CACHE-BUST READY
   ========================================================= */
.about-v197-hero{padding:126px 0 26px!important;background:linear-gradient(180deg,#fbf9f5 0%,#faf9f6 100%)!important;overflow:hidden}
.about-v197-hero-inner{display:grid;grid-template-columns:minmax(0,.9fr) minmax(420px,1.1fr);gap:42px;align-items:center}
.about-v197-copy{max-width:620px;padding:18px 0 22px}.about-v197-copy>span,.about-v197-kicker{display:block;font-size:12.5px;font-weight:900;letter-spacing:.17em;color:#08705a;text-transform:uppercase}.about-v197-copy h1{font-family:Georgia,"Times New Roman",serif;font-size:58.5px;line-height:1.03;letter-spacing:-.04em;color:#143e35;margin:10px 0 14px;font-weight:500}.about-v197-copy p{max-width:610px;margin:0;color:#5c6b66;font-size:16.5px;line-height:1.78}
.about-v197-visual{position:relative;min-height:275px;display:flex;align-items:flex-end;justify-content:flex-end}.about-v197-visual:before{content:"";position:absolute;inset:10px 8% 0 0;border-radius:50% 0 0 50%;background:radial-gradient(circle at 40% 45%,rgba(238,232,217,.88),rgba(238,232,217,.42) 60%,rgba(238,232,217,0) 82%)}.about-v197-visual img{position:relative;z-index:1;width:100%;height:275px;object-fit:cover;object-position:center 52%;border-radius:90px 0 0 90px;box-shadow:0 18px 46px rgba(24,51,43,.09)}
.about-v197-main{padding:0 0 68px!important;background:#fff!important}.about-v197-feature-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;position:relative;z-index:2;margin-top:-8px}.about-v197-feature-grid article{display:grid;grid-template-columns:50px 1fr;gap:13px;align-items:flex-start;background:#fff;border:1px solid #e0e8e4;border-radius:17px;padding:18px;box-shadow:0 11px 28px rgba(24,53,44,.055);transition:.2s ease}.about-v197-feature-grid article:hover{transform:translateY(-2px);box-shadow:0 17px 34px rgba(24,53,44,.09);border-color:#c8ddd4}.about-v197-feature-grid article>span{width:50px;height:50px;border-radius:999px;background:#edf5e8;color:#0b6f59;display:grid;place-items:center}.about-v197-feature-grid h3{font-size:17px;line-height:1.32;color:#223933;margin:2px 0 6px}.about-v197-feature-grid p{font-size:12.5px;line-height:1.7;color:#6c7975;margin:0}
.about-v197-content-grid{display:grid;grid-template-columns:320px minmax(0,1fr);gap:36px;margin-top:34px;padding-top:4px}.about-v197-why h2,.about-v197-how h2{font-family:Georgia,"Times New Roman",serif;font-size:34px;line-height:1.15;letter-spacing:-.02em;color:#173f36;margin:7px 0 18px;font-weight:500}.about-v197-benefits{display:grid;gap:12px}.about-v197-benefits article{display:grid;grid-template-columns:34px 1fr;gap:11px;align-items:flex-start;padding:3px 0}.about-v197-benefits article>span{width:34px;height:34px;border-radius:999px;background:#edf5e8;color:#0a755e;display:grid;place-items:center}.about-v197-benefits b{display:block;font-size:14px;color:#2a4039;margin:1px 0 3px}.about-v197-benefits p{font-size:12.5px;line-height:1.65;color:#6e7a76;margin:0}
.about-v197-steps{display:grid;grid-template-columns:repeat(7,minmax(0,auto));gap:8px;align-items:center}.about-v197-steps>i{display:grid;place-items:center;color:#6e897f}.about-v197-steps article{width:100%;min-height:178px;background:#fff;border:1px solid #dde6e1;border-radius:16px;padding:15px 14px 16px;box-shadow:0 8px 22px rgba(24,53,44,.04)}.about-v197-steps article>b{display:block;font-size:20.5px;line-height:1;color:#153d34;margin-bottom:11px}.about-v197-steps article>span{width:42px;height:42px;border-radius:999px;background:#edf5e8;color:#0a755e;display:grid;place-items:center;margin-bottom:11px}.about-v197-steps h3{font-size:15px;line-height:1.35;color:#293f38;margin:0 0 6px}.about-v197-steps p{font-size:12.5px;line-height:1.66;color:#6d7975;margin:0}
.about-v197-transparency{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(310px,.9fr);gap:24px;align-items:center;margin-top:28px;padding:20px 24px;background:linear-gradient(90deg,#f3f4e8 0%,#f8f7ef 100%);border:1px solid #e2e2d1;border-radius:17px}.about-v197-transparency-main{display:grid;grid-template-columns:48px 1fr;gap:14px;align-items:flex-start}.about-v197-transparency-main>span{width:48px;height:48px;border-radius:14px;background:#0b5d4b;color:#fff;display:grid;place-items:center}.about-v197-transparency-main h3{font-family:Georgia,"Times New Roman",serif;font-size:27.5px;line-height:1.18;color:#173f36;margin:0 0 6px;font-weight:500}.about-v197-transparency-main p{font-size:12.5px;line-height:1.72;color:#5d6c67;margin:0}.about-v197-transparency-points{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.about-v197-transparency-points article{display:grid;justify-items:center;text-align:center;gap:8px;padding:6px 7px}.about-v197-transparency-points article>span{width:34px;height:34px;border-radius:11px;background:#eaf2e9;color:#0b6f59;display:grid;place-items:center}.about-v197-transparency-points p{font-size:12px;line-height:1.55;color:#52635d;margin:0}
@media(max-width:1050px){.about-v197-hero-inner{grid-template-columns:1fr 430px}.about-v197-copy h1{font-size:50px}.about-v197-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.about-v197-content-grid{grid-template-columns:1fr;gap:30px}.about-v197-steps{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.about-v197-steps>i{display:none}}
@media(max-width:900px){.about-v197-hero{padding:108px 0 20px!important}.about-v197-hero-inner{grid-template-columns:1fr;gap:16px}.about-v197-copy{padding:4px 0}.about-v197-copy h1{font-size:40.5px}.about-v197-copy p{font-size:15px;line-height:1.7}.about-v197-visual{min-height:210px}.about-v197-visual img{height:210px;border-radius:28px}.about-v197-visual:before{display:none}.about-v197-feature-grid{margin-top:12px}.about-v197-why h2,.about-v197-how h2{font-size:29.5px}.about-v197-transparency{grid-template-columns:1fr;gap:18px}.about-v197-transparency-points{grid-template-columns:repeat(3,1fr)}}
@media(max-width:560px){.about-v197-hero{padding:100px 0 12px!important}.about-v197-copy h1{font-size:34px;line-height:1.05}.about-v197-copy p{font-size:13.5px}.about-v197-visual{min-height:170px}.about-v197-visual img{height:170px;border-radius:20px}.about-v197-feature-grid{grid-template-columns:1fr;gap:10px}.about-v197-feature-grid article{grid-template-columns:44px 1fr;padding:15px}.about-v197-feature-grid article>span{width:44px;height:44px}.about-v197-content-grid{margin-top:27px}.about-v197-steps{grid-template-columns:1fr}.about-v197-steps article{min-height:0}.about-v197-transparency{padding:17px}.about-v197-transparency-main{grid-template-columns:1fr}.about-v197-transparency-points{grid-template-columns:1fr}.about-v197-transparency-points article{grid-template-columns:34px 1fr;justify-items:start;text-align:left;align-items:center}}

/* =========================================================
   SAFAROKA V1.9.8 — DISCOVER POLISH + HERO IMAGE ZOOM-OUT
   ========================================================= */
/* Panduan: use the real Makkah visual and keep the whole scene visible. */
.guides-mockup-hero:before,.guides-mockup-hero:after{display:none!important}
.guides-mockup-hero{background:linear-gradient(135deg,#fbf9f4 0%,#faf8f4 62%,#f2f7f3 100%)!important}
.guides-mockup-hero-inner{grid-template-columns:minmax(0,1fr) 410px!important;gap:56px!important;align-items:center!important}
.guides-mockup-visual{position:relative;width:100%;max-width:410px;margin-left:auto;padding-bottom:46px}
.guides-mockup-visual>img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;object-position:center;border-radius:25px;box-shadow:0 22px 52px rgba(25,53,44,.10);border:1px solid rgba(218,227,222,.88)}
.guides-mockup-visual:after{content:"";position:absolute;inset:0 0 46px 0;border-radius:25px;background:linear-gradient(90deg,rgba(250,248,243,.08),rgba(250,248,243,0) 45%);pointer-events:none}
.guides-mockup-visual .guides-mockup-note{position:absolute;left:22px;right:22px;bottom:0;z-index:2;padding:17px 18px!important;grid-template-columns:48px 1fr 17px!important;border-radius:17px!important;box-shadow:0 15px 35px rgba(24,53,44,.11)!important}
.guides-mockup-visual .guides-mockup-note-icon{width:48px!important;height:48px!important;border-radius:14px!important}
.guides-mockup-visual .guides-mockup-note-copy b{font-size:15px!important;margin-bottom:4px!important}
.guides-mockup-visual .guides-mockup-note-copy p{font-size:12.5px!important;line-height:1.62!important}

/* Paket: hero visual only. Filter/chips/results below remain untouched. */
.catalog-hero-composed:before,.catalog-hero-composed:after{display:none!important}
.catalog-hero-composed{background:linear-gradient(135deg,#fbfaf6 0%,#faf8f4 60%,#f3f7f4 100%)!important}
.catalog-hero-composed-inner{grid-template-columns:minmax(0,1fr) 410px!important;gap:58px!important;align-items:center!important}
.catalog-hero-visual{position:relative;width:100%;max-width:410px;margin-left:auto;padding-bottom:42px}
.catalog-hero-visual>img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;object-position:center;border-radius:25px;border:1px solid rgba(218,227,222,.88);box-shadow:0 22px 52px rgba(25,53,44,.10)}
.catalog-hero-visual .catalog-hero-brief{position:absolute;left:22px;right:22px;bottom:0;z-index:2;padding:16px 17px!important;grid-template-columns:45px 1fr!important;gap:12px!important;border-radius:17px!important;box-shadow:0 15px 35px rgba(24,53,44,.11)!important}
.catalog-hero-visual .catalog-hero-brief>span{width:45px!important;height:45px!important;border-radius:13px!important}
.catalog-hero-visual .catalog-hero-brief b{font-size:14px!important;margin-bottom:3px!important}
.catalog-hero-visual .catalog-hero-brief small{font-size:12.5px!important;line-height:1.6!important}

/* Temukan: premium hero + calmer comparison workspace. */
.discover-hero-premium{position:relative;overflow:hidden;padding:132px 0 50px!important;background:linear-gradient(135deg,#fbf9f4 0%,#faf8f4 58%,#f1f7f3 100%)!important;border-bottom:1px solid #e8eeea!important}
.discover-hero-premium-inner{display:grid;grid-template-columns:minmax(0,1fr) 410px;gap:58px;align-items:center}
.discover-hero-copy{max-width:710px}.discover-hero-copy>span{display:block;font-size:13px!important;font-weight:900!important;letter-spacing:.18em!important;color:#0a755e!important}.discover-hero-copy h1{font-size:58.5px!important;line-height:1.035!important;letter-spacing:-.043em!important;max-width:720px!important;margin:11px 0 15px!important}.discover-hero-copy p{max-width:680px!important;margin:0!important;font-size:16.5px!important;line-height:1.78!important;color:#5a6964!important}
.discover-hero-visual{position:relative;width:100%;max-width:410px;margin-left:auto;padding-bottom:48px}.discover-hero-visual>img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;object-position:center;border-radius:25px;border:1px solid rgba(218,227,222,.88);box-shadow:0 22px 52px rgba(25,53,44,.10)}
.discover-hero-tip{position:absolute;left:20px;right:20px;bottom:0;display:grid;grid-template-columns:46px 1fr;gap:12px;align-items:flex-start;padding:16px 17px;background:rgba(255,255,255,.96);border:1px solid #dfe8e3;border-radius:17px;box-shadow:0 15px 35px rgba(24,53,44,.11)}.discover-hero-tip>span{width:46px;height:46px;border-radius:13px;background:#edf7f3;color:#0a755e;display:grid;place-items:center}.discover-hero-tip b{display:block;color:#173f36;font-size:14px;line-height:1.45;margin:1px 0 4px}.discover-hero-tip p{margin:0!important;color:#687771!important;font-size:12.5px!important;line-height:1.62!important}
.discover-premium-main{padding:42px 0 70px!important;background:#fbfcfb!important}.discover-premium-main>.section-shell{position:relative}.discover-premium-main .empty-state{max-width:680px;margin:8px auto 0;padding:42px 34px;border-radius:24px;background:#fff;border:1px solid #dfe8e3;box-shadow:0 18px 45px rgba(24,54,44,.065)}
.discover-premium-main .discover-summary-head{padding:0 0 22px;margin-bottom:0;border-bottom:1px solid #e5ece8}.discover-premium-main .discover-summary-head h2{font-size:36px!important;line-height:1.12!important}.discover-premium-main .discover-summary-head p{font-size:13px!important;line-height:1.72!important;max-width:430px}.discover-premium-main .insight-grid-five{margin-top:22px;margin-bottom:46px;gap:14px}.discover-premium-main .insight-card{border-radius:20px;padding:20px;box-shadow:0 11px 30px rgba(28,52,43,.055);transition:transform .2s ease,box-shadow .2s ease}.discover-premium-main .insight-card:hover{transform:translateY(-2px);box-shadow:0 18px 38px rgba(28,52,43,.09)}.discover-premium-main .insight-card.primary{box-shadow:0 20px 44px rgba(5,73,59,.19)}
.discover-premium-main .discover-section-title{margin:0 0 18px;padding-top:2px}.discover-premium-main .discover-section-title h2{font-size:33px!important}.discover-premium-main .discover-cards{gap:16px!important;margin-bottom:24px!important}.discover-premium-main .discover-package{border-radius:18px!important;box-shadow:0 10px 28px rgba(30,50,43,.055)}.discover-premium-main .discover-package-media{aspect-ratio:16/9}.discover-premium-main .discover-table-wrap{margin-top:28px!important;border-radius:20px!important;background:#fff!important}.discover-premium-main .discover-disclaimer{margin-top:20px;padding:17px 18px;border-radius:17px}
@media(max-width:1020px){.guides-mockup-hero-inner,.catalog-hero-composed-inner,.discover-hero-premium-inner{grid-template-columns:1fr 350px!important;gap:36px!important}.guides-mockup-visual,.catalog-hero-visual,.discover-hero-visual{max-width:350px}.discover-hero-copy h1{font-size:49px!important}}
@media(max-width:900px){.guides-mockup-hero-inner,.catalog-hero-composed-inner,.discover-hero-premium-inner{grid-template-columns:1fr!important;gap:24px!important}.guides-mockup-visual,.catalog-hero-visual,.discover-hero-visual{max-width:520px;margin:0}.guides-mockup-visual .guides-mockup-note,.catalog-hero-visual .catalog-hero-brief,.discover-hero-tip{left:16px;right:16px}.discover-hero-premium{padding:108px 0 40px!important}.discover-hero-copy h1{font-size:40.5px!important;line-height:1.05!important}.discover-hero-copy p{font-size:15px!important;line-height:1.72!important}.discover-premium-main{padding:32px 0 52px!important}.discover-premium-main .discover-summary-head h2{font-size:31px!important}}
@media(max-width:560px){.guides-mockup-visual,.catalog-hero-visual,.discover-hero-visual{padding-bottom:0}.guides-mockup-visual .guides-mockup-note,.catalog-hero-visual .catalog-hero-brief,.discover-hero-tip{display:none!important}.guides-mockup-visual>img,.catalog-hero-visual>img,.discover-hero-visual>img{border-radius:18px}.discover-hero-premium{padding:102px 0 28px!important}.discover-hero-copy h1{font-size:34px!important}.discover-hero-copy p{font-size:14px!important;line-height:1.68!important}.discover-premium-main{padding:26px 0 42px!important}.discover-premium-main .discover-summary-head{padding-bottom:16px}.discover-premium-main .discover-summary-head h2{font-size:25.5px!important}}

/* =========================================================
   SAFAROKA V1.9.9 — SUBTLE HERO BACKGROUND IMAGES
   ========================================================= */
.guides-mockup-hero,
.catalog-hero-composed,
.discover-hero-premium{isolation:isolate}
.guides-mockup-hero:before,
.catalog-hero-composed:before,
.discover-hero-premium:before{content:"";position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(250,248,243,.98) 0%,rgba(250,248,243,.95) 46%,rgba(250,248,243,.88) 62%,rgba(250,248,243,.82) 100%),url('/assets/img/hero-mecca.webp');background-repeat:no-repeat;background-position:left top,right center;background-size:auto,460px auto;opacity:1;z-index:0;pointer-events:none}
.guides-mockup-hero:after,
.catalog-hero-composed:after,
.discover-hero-premium:after{content:"";position:absolute;right:38px;bottom:18px;width:420px;height:250px;background:url('/assets/img/hero-mecca.webp') no-repeat center right/contain;opacity:.10;filter:saturate(.9);z-index:0;pointer-events:none}
.guides-mockup-hero-inner,
.catalog-hero-composed-inner,
.discover-hero-premium-inner{position:relative;z-index:1}
.guides-mockup-note,
.catalog-hero-brief,
.discover-hero-tip{background:rgba(255,255,255,.94)!important;border:1px solid #dfe7e2!important;box-shadow:0 14px 34px rgba(24,53,44,.06)!important}
.discover-hero-panel{max-width:410px;margin-left:auto;padding:0!important}
.discover-hero-panel .discover-hero-tip{position:relative!important;left:auto!important;right:auto!important;bottom:auto!important}
.discover-hero-premium{padding-bottom:46px!important}
@media(max-width:1100px){.guides-mockup-hero:after,.catalog-hero-composed:after,.discover-hero-premium:after{width:340px;height:220px;right:20px;bottom:12px}.guides-mockup-hero:before,.catalog-hero-composed:before,.discover-hero-premium:before{background-size:auto,380px auto}}
@media(max-width:900px){.guides-mockup-hero:before,.catalog-hero-composed:before,.discover-hero-premium:before{background-image:linear-gradient(180deg,rgba(250,248,243,.98) 0%,rgba(250,248,243,.95) 54%,rgba(250,248,243,.92) 100%),url('/assets/img/hero-mecca.webp');background-position:left top,right -30px top 26px;background-size:auto,300px auto}.guides-mockup-hero:after,.catalog-hero-composed:after,.discover-hero-premium:after{width:280px;height:170px;right:10px;bottom:8px;opacity:.09}.discover-hero-panel{max-width:100%;margin-left:0}.discover-hero-panel .discover-hero-tip{position:relative!important}}
@media(max-width:560px){.guides-mockup-hero:before,.catalog-hero-composed:before,.discover-hero-premium:before{background-size:auto,220px auto;background-position:left top,right -34px top 24px}.guides-mockup-hero:after,.catalog-hero-composed:after,.discover-hero-premium:after{display:none!important}}

/* =========================================================
   SAFAROKA V1.9.10 — FULL-WIDTH LOW-OPACITY HERO BACKGROUND
   The Makkah image is the background of the whole hero,
   never a separate image panel on the right.
   ========================================================= */
.guides-mockup-hero,
.catalog-hero-composed,
.discover-hero-premium{
  position:relative!important;
  overflow:hidden!important;
  background:
    linear-gradient(90deg,rgba(250,248,243,.90) 0%,rgba(250,248,243,.86) 42%,rgba(250,248,243,.78) 72%,rgba(250,248,243,.72) 100%),
    url('/assets/img/hero-mecca.webp') center 56% / cover no-repeat!important;
  border-bottom:1px solid #e8eeea!important;
}
.guides-mockup-hero:before,
.guides-mockup-hero:after,
.catalog-hero-composed:before,
.catalog-hero-composed:after,
.discover-hero-premium:before,
.discover-hero-premium:after{
  display:none!important;
  content:none!important;
}
.guides-mockup-hero-inner,
.catalog-hero-composed-inner,
.discover-hero-premium-inner{
  position:relative!important;
  z-index:1!important;
}
.guides-mockup-note-wrap,
.catalog-hero-note-wrap,
.discover-hero-panel{
  position:relative!important;
  width:100%!important;
  max-width:410px!important;
  margin-left:auto!important;
  padding:0!important;
}
.guides-mockup-note-wrap .guides-mockup-note,
.catalog-hero-note-wrap .catalog-hero-brief,
.discover-hero-panel .discover-hero-tip{
  position:relative!important;
  inset:auto!important;
  left:auto!important;
  right:auto!important;
  top:auto!important;
  bottom:auto!important;
  width:100%!important;
  margin:0!important;
  background:rgba(255,255,255,.90)!important;
  backdrop-filter:blur(9px);
  -webkit-backdrop-filter:blur(9px);
  border:1px solid rgba(216,228,222,.92)!important;
  box-shadow:0 14px 34px rgba(24,53,44,.07)!important;
}
/* Hide any old standalone hero image if an older view file is still cached. */
.guides-mockup-visual>img,
.catalog-hero-visual>img,
.discover-hero-visual>img{
  display:none!important;
}
@media(max-width:900px){
  .guides-mockup-hero,
  .catalog-hero-composed,
  .discover-hero-premium{
    background:
      linear-gradient(180deg,rgba(250,248,243,.91) 0%,rgba(250,248,243,.84) 58%,rgba(250,248,243,.79) 100%),
      url('/assets/img/hero-mecca.webp') center center / cover no-repeat!important;
  }
  .guides-mockup-note-wrap,
  .catalog-hero-note-wrap,
  .discover-hero-panel{
    max-width:560px!important;
    margin-left:0!important;
  }
}
@media(max-width:560px){
  .guides-mockup-hero,
  .catalog-hero-composed,
  .discover-hero-premium{
    background:
      linear-gradient(180deg,rgba(250,248,243,.93) 0%,rgba(250,248,243,.87) 62%,rgba(250,248,243,.82) 100%),
      url('/assets/img/hero-mecca.webp') center center / cover no-repeat!important;
  }
}

/* =========================================================
   SAFAROKA V1.9.11 — MICRO POLISH
   Small, low-risk visual consistency pass. No layout redesign.
   ========================================================= */
:root{
  --safaroka-radius-card:18px;
  --safaroka-shadow-soft:0 10px 28px rgba(22,52,43,.055);
  --safaroka-shadow-hover:0 18px 42px rgba(22,52,43,.095);
}

/* Buttons: consistent motion and depth */
.btn{
  transition:transform .18s ease,box-shadow .18s ease,background-color .18s ease,border-color .18s ease,color .18s ease;
}
.btn:hover{transform:translateY(-1px)}
.btn:active{transform:translateY(0)}
.btn-primary:hover{box-shadow:0 13px 28px rgba(7,91,73,.22)}
.btn-outline:hover{border-color:#8fb8aa;background:#f8fcfa}

/* Keyboard focus — visible but still elegant */
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{
  outline:3px solid rgba(15,139,108,.18);
  outline-offset:3px;
}

/* Navigation */
.desktop-nav>a{
  position:relative;
  transition:color .18s ease;
}
.desktop-nav>a:not(.nav-login):after{
  content:"";
  position:absolute;
  left:50%;right:50%;bottom:-8px;height:1.5px;
  background:var(--emerald);
  transition:left .18s ease,right .18s ease;
}
.desktop-nav>a:not(.nav-login):hover:after{left:0;right:0}
.nav-login{transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.nav-login:hover{transform:translateY(-1px);box-shadow:0 10px 24px rgba(32,52,44,.09);border-color:rgba(7,91,73,.30)}

/* Full background heroes — keep current V1.9.10 direction, only refine rhythm */
.guides-mockup-hero,
.catalog-hero-composed,
.discover-hero-premium{
  min-height:360px;
  display:flex;
  align-items:center;
}
.guides-mockup-copy h1,
.catalog-hero-composed h1,
.discover-hero-copy h1{
  text-wrap:balance;
}
.guides-mockup-copy p,
.catalog-hero-composed p,
.discover-hero-copy p{
  text-wrap:pretty;
}
.guides-mockup-note,
.catalog-hero-brief,
.discover-hero-tip{
  transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;
}
.guides-mockup-note:hover,
.catalog-hero-brief:hover,
.discover-hero-tip:hover{
  transform:translateY(-2px);
  box-shadow:0 19px 42px rgba(24,53,44,.09)!important;
  border-color:#cbded6!important;
}

/* Cards: same depth language throughout public pages */
.package-card,
.package-card-catalog,
.guides-mockup-card,
.about-feature-card,
.about-how-steps article,
.insight-card,
.discover-package,
.travel-profile-section{
  transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;
}
.package-card:hover,
.package-card-catalog:hover,
.guides-mockup-card:hover,
.about-feature-card:hover,
.about-how-steps article:hover,
.insight-card:hover,
.discover-package:hover,
.travel-profile-section:hover{
  transform:translateY(-3px);
  box-shadow:var(--safaroka-shadow-hover)!important;
  border-color:#c9ddd5!important;
}

/* Image hover remains subtle */
.package-media img,
.guides-mockup-card-media img,
.discover-package-media img{
  transition:transform .35s ease;
}
.package-card:hover .package-media img,
.package-card-catalog:hover .package-media img,
.guides-mockup-card:hover .guides-mockup-card-media img,
.discover-package:hover .discover-package-media img{
  transform:scale(1.018);
}

/* Reading rhythm */
.guides-library-head,
.catalog-results-head,
.discover-summary-head{
  scroll-margin-top:100px;
}
.guides-mockup-card-body p,
.about-feature-card p,
.about-why-list p,
.about-how-steps p,
.about-transparency-copy p,
.travel-profile-prose{
  text-wrap:pretty;
}

/* Footer: slightly cleaner separation without changing content */
.site-footer{border-top:1px solid rgba(255,255,255,.04)}
.footer-shell a{transition:color .18s ease,transform .18s ease}
.footer-shell a:hover{color:#fff;transform:translateX(2px)}

/* Mobile comfort */
@media(max-width:900px){
  .guides-mockup-hero,
  .catalog-hero-composed,
  .discover-hero-premium{min-height:0}
  .btn{min-height:44px}
  .guides-mockup-note:hover,
  .catalog-hero-brief:hover,
  .discover-hero-tip:hover,
  .package-card:hover,
  .package-card-catalog:hover,
  .guides-mockup-card:hover,
  .about-feature-card:hover,
  .about-how-steps article:hover,
  .insight-card:hover,
  .discover-package:hover,
  .travel-profile-section:hover{transform:none}
}

/* Respect reduced-motion preference */
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{
    scroll-behavior:auto!important;
    transition-duration:.01ms!important;
    animation-duration:.01ms!important;
    animation-iteration-count:1!important;
  }
}

/* =========================================================
   SAFAROKA V1.9.12 — TRAVEL SELF REGISTRATION
   ========================================================= */
.travel-register-page{padding:122px 0 72px;background:linear-gradient(180deg,#faf8f3 0%,#f7faf8 55%,#fff 100%);min-height:100vh}.travel-register-shell{max-width:1080px}.travel-register-head{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:44px;align-items:end;margin-bottom:28px}.travel-register-head>div>span{display:block;font-size:12.5px;font-weight:900;letter-spacing:.18em;color:#0a755e}.travel-register-head h1{font-family:Georgia,serif;font-size:51px;line-height:1.04;letter-spacing:-.04em;color:#143e35;margin:10px 0 13px;font-weight:500}.travel-register-head>div>p{max-width:680px;margin:0;font-size:16px;line-height:1.8;color:#5f6e68}.travel-register-head aside{display:grid;grid-template-columns:48px 1fr;gap:13px;padding:18px;background:rgba(255,255,255,.9);border:1px solid #dfe8e3;border-radius:18px;box-shadow:0 13px 30px rgba(25,54,44,.055)}.travel-register-head aside>span{width:48px;height:48px;border-radius:14px;background:#edf7f3;color:#0a755e;display:grid;place-items:center}.travel-register-head aside b{display:block;font-size:14px;color:#173f36;margin:1px 0 5px}.travel-register-head aside p{margin:0;font-size:12.5px;line-height:1.65;color:#6b7974}.travel-register-alert{margin-bottom:18px}.travel-register-form{display:grid;gap:14px}.travel-register-panel{background:#fff;border:1px solid #dfe8e3;border-radius:22px;padding:24px 25px;box-shadow:0 12px 32px rgba(24,55,45,.045)}.travel-register-panel-head{display:grid;grid-template-columns:44px 1fr;gap:14px;align-items:start;padding-bottom:18px;margin-bottom:18px;border-bottom:1px solid #e9efec}.travel-register-panel-head>span{width:44px;height:44px;border-radius:13px;background:#0a755e;color:#fff;display:grid;place-items:center;font-size:13px;font-weight:900}.travel-register-panel-head small{display:block;font-size:10.5px;font-weight:900;letter-spacing:.14em;color:#0a755e}.travel-register-panel-head h2{font-family:Georgia,serif;font-size:27.5px;line-height:1.15;color:#183f36;margin:4px 0 5px;font-weight:500}.travel-register-panel-head h2 i{font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-style:normal;font-size:11px;font-weight:800;padding:5px 8px;border-radius:999px;background:#edf7f3;color:#0a755e;vertical-align:middle;margin-left:5px}.travel-register-panel-head p{margin:0;font-size:12.5px;line-height:1.65;color:#72807b}.travel-register-grid{display:grid;gap:13px}.travel-register-grid.two{grid-template-columns:1fr 1fr}.travel-register-form label{display:grid;gap:7px;margin-bottom:13px}.travel-register-form label>span{font-size:11px;font-weight:850;letter-spacing:.025em;color:#405b52}.travel-register-form label>span em{color:#a04a4a;font-style:normal}.travel-register-form input,.travel-register-form textarea{width:100%;border:1px solid #dce6e1;background:#fdfefd;border-radius:12px;padding:12px 13px;font-size:13px;line-height:1.5;outline:none;transition:border-color .18s ease,box-shadow .18s ease}.travel-register-form input:not([type=file]):not([type=checkbox]){height:46px}.travel-register-form input:focus,.travel-register-form textarea:focus{border-color:#93c8b5;box-shadow:0 0 0 3px rgba(10,117,94,.075)}.travel-register-form label>small{font-size:10px;color:#89948f;margin-top:-2px}.travel-logo-field input[type=file]{padding:9px;background:#f9fbfa}.travel-legal-upload{display:grid!important;grid-template-columns:48px 1fr!important;gap:13px!important;align-items:start!important;border:1px dashed #cbdcd5!important;border-radius:15px!important;padding:15px!important;background:#fbfdfc!important}.travel-legal-upload>span{width:48px;height:48px;border-radius:13px;background:#edf7f3;color:#0a755e;display:grid;place-items:center}.travel-legal-upload b{display:flex;align-items:center;gap:8px;font-size:13.5px;color:#22453b}.travel-legal-upload b small{font-size:10px;color:#0a755e;background:#edf7f3;border-radius:999px;padding:4px 7px}.travel-legal-upload p{margin:4px 0 9px;font-size:12px;line-height:1.55;color:#72807b}.travel-legal-upload input{height:auto!important;padding:8px!important;background:#fff!important}.travel-register-note{display:flex;align-items:flex-start;gap:8px;margin-top:4px;padding:10px 12px;border-radius:11px;background:#f5f8f6;color:#65756f}.travel-register-note p{margin:0;font-size:11px;line-height:1.6}.travel-register-agree{grid-template-columns:18px 1fr!important;align-items:flex-start!important;gap:9px!important;margin:5px 0 0!important}.travel-register-agree input{width:17px!important;height:17px!important;margin:1px 0 0;padding:0!important}.travel-register-agree span{font-size:12px!important;line-height:1.6!important;color:#66756f!important;font-weight:600!important}.travel-register-submit{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 20px;border-radius:17px;background:#0b5948;color:#fff;box-shadow:0 16px 36px rgba(7,71,57,.14)}.travel-register-submit b{display:block;font-size:14px}.travel-register-submit p{margin:3px 0 0;color:#c5ddd4;font-size:11px}.travel-register-submit .btn{background:#fff;color:#0b5948;white-space:nowrap}.travel-reg-honeypot{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0!important}.travel-register-success{max-width:780px;margin:35px auto 0;padding:40px;background:#fff;border:1px solid #dfe8e3;border-radius:25px;box-shadow:0 20px 50px rgba(25,54,44,.08);text-align:center}.travel-register-success-icon{width:68px;height:68px;border-radius:20px;background:#eaf7f2;color:#0a755e;display:grid;place-items:center;margin:0 auto 18px}.travel-register-success>small{font-size:11px;font-weight:900;letter-spacing:.16em;color:#0a755e}.travel-register-success h1{font-family:Georgia,serif;font-size:38px;line-height:1.12;color:#173f36;margin:8px auto 12px;max-width:650px;font-weight:500}.travel-register-success>p{max-width:620px;margin:0 auto;font-size:13.5px;line-height:1.75;color:#66756f}.travel-register-status-flow{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:25px 0}.travel-register-status-flow>div{display:grid;grid-template-columns:34px 1fr;gap:9px;text-align:left;padding:12px;border-radius:13px;background:#f8faf9;border:1px solid #e5ece8}.travel-register-status-flow>div>b{width:34px;height:34px;border-radius:999px;background:#e8eeeb;color:#61716b;display:grid;place-items:center;font-size:12.5px}.travel-register-status-flow>div.active>b{background:#0a755e;color:#fff}.travel-register-status-flow strong,.travel-register-status-flow small{display:block}.travel-register-status-flow strong{font-size:12px;color:#28473e;margin:1px 0 2px}.travel-register-status-flow small{font-size:10px;color:#84908b}.travel-register-success-actions{display:flex;justify-content:center;gap:8px}.partner-rail-head-actions{max-width:330px;text-align:right}.partner-rail-head-actions p{margin:0 0 7px}.partner-rail-head-actions a{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:850;color:#0a755e}.travel-legal-admin-doc{display:grid;grid-template-columns:38px 1fr auto;gap:10px;align-items:center;padding:11px;border-radius:12px;background:#f8fbf9;border:1px solid #e2ebe6}.travel-legal-admin-doc>span{width:38px;height:38px;border-radius:11px;background:#eaf7f2;color:#0a755e;display:grid;place-items:center}.travel-legal-admin-doc b,.travel-legal-admin-doc small{display:block}.travel-legal-admin-doc b{font-size:12px;color:#29483f;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.travel-legal-admin-doc small{font-size:9.5px;color:#7e8b86;margin-top:2px}
@media(max-width:900px){.travel-register-page{padding:102px 0 52px}.travel-register-head{grid-template-columns:1fr;gap:16px}.travel-register-head h1{font-size:40.5px}.travel-register-head aside{max-width:600px}.travel-register-grid.two{grid-template-columns:1fr}.travel-register-panel{padding:19px 17px;border-radius:18px}.travel-register-submit{align-items:flex-start;flex-direction:column}.travel-register-submit .btn{width:100%}.travel-register-status-flow{grid-template-columns:1fr}.partner-rail-head-actions{text-align:left;max-width:none}.travel-register-success{padding:28px 20px}}
@media(max-width:560px){.travel-register-page{padding:92px 0 40px}.travel-register-shell{width:calc(100% - 28px)!important}.travel-register-head h1{font-size:34px}.travel-register-head>div>p{font-size:13.5px;line-height:1.7}.travel-register-head aside{grid-template-columns:42px 1fr;padding:14px}.travel-register-head aside>span{width:42px;height:42px}.travel-register-panel-head{grid-template-columns:38px 1fr;gap:11px}.travel-register-panel-head>span{width:38px;height:38px}.travel-register-panel-head h2{font-size:23px}.travel-register-form input,.travel-register-form textarea{font-size:12.5px}.travel-legal-upload{grid-template-columns:42px 1fr!important}.travel-legal-upload>span{width:42px;height:42px}.travel-register-success h1{font-size:29.5px}.travel-register-success-actions{display:grid}.travel-register-success-actions .btn{width:100%}.travel-legal-admin-doc{grid-template-columns:34px 1fr}.travel-legal-admin-doc>a{grid-column:1/-1;width:100%}}

/* =========================================================
   SAFAROKA V1.9.13 — PARTNER LOGIN REGISTRATION ENTRY
   ========================================================= */
.partner-login-divider{display:flex;align-items:center;gap:12px;margin:19px 0 16px;color:#9aa6a1;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}
.partner-login-divider:before,.partner-login-divider:after{content:"";height:1px;background:#e6ece9;flex:1}
.partner-login-divider span{padding:0 2px}
.partner-register-cta{padding:15px;border:1px solid #dfe8e3;border-radius:14px;background:#f8fbf9}
.partner-register-cta>div{margin-bottom:11px}.partner-register-cta b{display:block;font-size:12.5px;color:#244b40;margin-bottom:4px}.partner-register-cta p{margin:0;font-size:10.5px;line-height:1.6;color:#76837e}.partner-register-cta .btn{min-height:42px;border-radius:10px}.partner-register-cta .btn-outline{background:#fff}
@media(max-width:560px){.partner-register-cta{padding:13px}.partner-register-cta b{font-size:12.5px}.partner-register-cta p{font-size:10px}.partner-login-divider{margin:16px 0 13px}}

/* =========================================================
   SAFAROKA V1.9.14 — ELEGANT PARTNER LOGIN
   ========================================================= */
.elegant-partner-login-page{padding:32px;display:grid;place-items:center;background:linear-gradient(135deg,#f7f4ed 0%,#f3f8f5 100%)!important}
.partner-login-shell{width:min(1120px,100%);display:grid;grid-template-columns:1.05fr minmax(380px,.95fr);background:#fff;border:1px solid #dbe6e1;border-radius:28px;overflow:hidden;box-shadow:0 24px 70px rgba(19,56,45,.12)}
.partner-login-visual{position:relative;min-height:720px;display:flex;align-items:stretch;overflow:hidden;background:#0e3d33}
.partner-login-visual>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
.partner-login-visual-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,44,36,.32) 0%,rgba(8,44,36,.50) 28%,rgba(8,44,36,.76) 100%)}
.partner-login-visual-copy{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:space-between;gap:26px;padding:30px 30px 34px;color:#fff;width:100%}
.partner-login-brandmark{display:inline-flex;align-items:center;gap:12px;width:max-content}
.partner-login-brandmark img{width:150px;height:auto;display:block;filter:none!important;-webkit-filter:none!important;opacity:1!important}
.partner-login-brandmark small{display:block;font-size:10px;letter-spacing:.18em;color:#d8ece5;font-weight:800}
.partner-login-brandmark b{display:block;font-size:20.5px;color:#fff;letter-spacing:.02em}
.partner-login-visual-copy>span{display:block;font-size:12.5px;letter-spacing:.18em;font-weight:900;color:#d5eee4}
.partner-login-visual-copy h1{font-family:Georgia,serif;font-size:49px;line-height:1.06;letter-spacing:-.042em;font-weight:500;margin:10px 0 12px;max-width:520px}
.partner-login-visual-copy>p{max-width:500px;margin:0;font-size:15.5px;line-height:1.8;color:#e0ece7}
.partner-login-visual-points{display:grid;gap:10px;margin-top:auto}
.partner-login-visual-points article{display:grid;grid-template-columns:42px 1fr;gap:12px;align-items:flex-start;padding:14px 15px;border-radius:16px;background:rgba(255,255,255,.09);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.12)}
.partner-login-visual-points article>span{width:42px;height:42px;border-radius:12px;background:rgba(255,255,255,.16);display:grid;place-items:center;color:#fff}
.partner-login-visual-points b{display:block;font-size:14px;line-height:1.45;color:#fff;margin:1px 0 4px}
.partner-login-visual-points small{display:block;font-size:12.5px;line-height:1.65;color:#d8e8e2}
.elegant-partner-login-card{width:auto;min-height:720px;border:0!important;border-left:1px solid #e5ece8!important;border-radius:0!important;box-shadow:none!important;padding:34px 34px 30px!important;display:flex;flex-direction:column;justify-content:center}
.partner-login-logo-image{display:flex;align-items:center;gap:12px;margin-bottom:28px}
.partner-login-logo-image img{width:136px;height:auto;display:block;filter:none!important;-webkit-filter:none!important;opacity:1!important}
.partner-login-logo-image b{display:block;font-size:13px;letter-spacing:.09em;color:#16483c}
.partner-login-logo-image small{font-size:9.5px;color:#819089}
.elegant-partner-login-card .partner-login-copy>span{font-size:10px;color:#08705a;font-weight:900;letter-spacing:.15em}
.elegant-partner-login-card .partner-login-copy h1{font-family:Georgia,serif;color:#16483c;font-weight:500;font-size:36px;line-height:1.12;margin:6px 0 9px}
.elegant-partner-login-card .partner-login-copy p{font-size:12.5px;color:#788680;line-height:1.7;margin-bottom:20px}
.elegant-partner-login-card .partner-login-form{display:grid;gap:12px}
.elegant-partner-login-card .partner-login-form label{font-size:11px;color:#51615b;font-weight:800}
.elegant-partner-login-card .partner-login-form input{margin-top:6px;height:48px;border-radius:12px;padding:12px 13px;border:1px solid #d7e1dd;background:#fff}
.elegant-partner-login-card .btn-wide{min-height:48px;border-radius:12px}
.elegant-partner-login-card .partner-register-cta{margin-top:2px;padding:16px;border-radius:16px;background:#f8fbf9;border:1px solid #dfe8e3}
.elegant-partner-login-card .partner-register-cta b{font-size:13px}
.elegant-partner-login-card .partner-register-cta p{font-size:11px;line-height:1.65}
.elegant-partner-login-card .partner-login-back{margin-top:18px;font-size:10.5px;color:#71827a}
@media(max-width:980px){.elegant-partner-login-page{padding:22px}.partner-login-shell{grid-template-columns:1fr}.partner-login-visual{min-height:440px}.partner-login-brandmark img{width:136px}.partner-login-visual-copy{padding:24px 22px 24px}.partner-login-visual-copy h1{font-size:38px;max-width:620px}.partner-login-visual-copy>p{max-width:620px}.elegant-partner-login-card{min-height:0;border-left:0!important;border-top:1px solid #e5ece8!important;padding:26px 22px 24px!important}}
@media(max-width:560px){.elegant-partner-login-page{padding:14px}.partner-login-shell{border-radius:22px}.partner-login-visual{min-height:340px}.partner-login-brandmark img,.partner-login-logo-image img{width:122px}.partner-login-visual-copy{gap:18px;padding:20px 18px 20px}.partner-login-visual-copy h1{font-size:32px;line-height:1.08}.partner-login-visual-copy>p{font-size:13px;line-height:1.7}.partner-login-visual-points{gap:8px}.partner-login-visual-points article{grid-template-columns:36px 1fr;padding:12px;border-radius:14px}.partner-login-visual-points article>span{width:36px;height:36px;border-radius:11px}.partner-login-visual-points b{font-size:13px}.partner-login-visual-points small{font-size:11px}.elegant-partner-login-card{padding:22px 18px 20px!important}.elegant-partner-login-card .partner-login-copy h1{font-size:31px}.elegant-partner-login-card .partner-login-copy p{font-size:12px}.elegant-partner-login-card .partner-register-cta{padding:14px}}

/* =========================================================
   SAFAROKA V1.9.15 — PARTNER LOGIN PATTERN BACKGROUND
   ========================================================= */
.elegant-partner-login-page{background:linear-gradient(135deg,#f6f2e8 0%,#eef6f2 100%)!important}
.partner-login-visual{background:linear-gradient(160deg,#0c5f4e 0%,#0a6f5a 52%,#084c3f 100%)!important}
.partner-login-visual::before{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180' viewBox='0 0 180 180'%3E%3Cg fill='none' stroke='%23ffffff' stroke-opacity='0.12' stroke-width='1.2'%3E%3Cpath d='M90 22l12 24 24 12-24 12-12 24-12-24-24-12 24-12z'/%3E%3Cpath d='M45 90l10 20 20 10-20 10-10 20-10-20-20-10 20-10z'/%3E%3Cpath d='M135 90l10 20 20 10-20 10-10 20-10-20-20-10 20-10z'/%3E%3Cpath d='M90 118l9 18 18 9-18 9-9 18-9-18-18-9 18-9z'/%3E%3Ccircle cx='90' cy='90' r='52' stroke-opacity='0.08'/%3E%3Ccircle cx='90' cy='90' r='76' stroke-opacity='0.06'/%3E%3C/g%3E%3C/svg%3E");background-size:220px 220px;background-repeat:repeat;opacity:.65;mix-blend-mode:screen}
.partner-login-visual::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 18% 18%,rgba(255,255,255,.18),transparent 28%),radial-gradient(circle at 82% 82%,rgba(255,255,255,.10),transparent 26%),linear-gradient(180deg,rgba(255,255,255,.06),rgba(0,0,0,.16));pointer-events:none}
.partner-login-visual-overlay{background:linear-gradient(180deg,rgba(6,40,33,.18) 0%,rgba(6,40,33,.34) 24%,rgba(6,40,33,.58) 100%)!important}
.partner-login-visual-copy{position:relative;z-index:2!important}
.elegant-partner-login-card{background:rgba(255,255,255,.98)!important}
.elegant-partner-login-card .partner-login-copy{padding-top:8px}
.elegant-partner-login-card .partner-login-copy h1{max-width:420px}
@media(max-width:980px){.partner-login-visual{min-height:400px!important}.partner-login-visual::before{background-size:180px 180px;opacity:.58}}
@media(max-width:560px){.partner-login-visual{min-height:300px!important}.partner-login-visual::before{background-size:150px 150px;opacity:.5}.elegant-partner-login-card .partner-login-copy{padding-top:0}}

/* =========================================================
   SAFAROKA V1.9.16 — PASSWORD EYE + PARTNER COPY CLEANUP
   ========================================================= */
.partner-login-brandmark{gap:0!important}.partner-login-brandmark>div{display:none!important}
.password-field{position:relative;display:block;width:100%}
.password-field>input{padding-right:48px!important;width:100%}
.password-eye{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:36px;height:36px;border:0;border-radius:10px;background:transparent;color:#6c7c76;display:grid;place-items:center;padding:0;transition:background .18s ease,color .18s ease}
.password-eye:hover{background:#eef6f2;color:#08705a}.password-eye:focus-visible{outline:2px solid rgba(8,112,90,.35);outline-offset:2px}
.password-eye svg{display:block}.password-eye-closed{display:none!important}.password-field.is-visible .password-eye-open{display:none!important}.password-field.is-visible .password-eye-closed{display:block!important}
.travel-register-form .password-field{margin-top:0}.travel-register-form .password-field>input{margin-top:0!important}
.partner-login-form .password-field{margin-top:4px}.partner-login-form .password-field>input{margin-top:0!important}

/* =========================================================
   SAFAROKA V1.9.17 — TRAVEL PROFILE ELEGANCE POLISH
   ========================================================= */
.travel-profile-hero{background:linear-gradient(135deg,#074b3d 0%,#0b6b57 52%,#0e7f68 100%)!important;isolation:isolate}
.travel-profile-hero::before{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220' viewBox='0 0 220 220'%3E%3Cg fill='none' stroke='%23ffffff' stroke-opacity='0.10' stroke-width='1.1'%3E%3Cpath d='M110 28l14 28 28 14-28 14-14 28-14-28-28-14 28-14z'/%3E%3Cpath d='M54 110l12 24 24 12-24 12-12 24-12-24-24-12 24-12z'/%3E%3Cpath d='M166 110l12 24 24 12-24 12-12 24-12-24-24-12 24-12z'/%3E%3Cpath d='M110 142l11 22 22 11-22 11-11 22-11-22-22-11 22-11z'/%3E%3Ccircle cx='110' cy='110' r='62' stroke-opacity='0.07'/%3E%3Ccircle cx='110' cy='110' r='90' stroke-opacity='0.05'/%3E%3C/g%3E%3C/svg%3E");background-size:240px 240px;background-repeat:repeat;opacity:.55;mix-blend-mode:screen;z-index:0;pointer-events:none}
.travel-profile-hero-shade{background:linear-gradient(90deg,rgba(4,45,37,.93) 0%,rgba(5,63,50,.80) 46%,rgba(8,95,76,.52) 100%)!important}
.travel-profile-hero.has-cover .travel-profile-hero-shade{backdrop-filter:blur(1px)}
.travel-profile-hero-inner{padding-top:34px!important;padding-bottom:54px!important}
.travel-profile-back{margin-bottom:60px!important}
.travel-profile-brand-card{position:relative;align-items:flex-end!important;gap:30px!important;padding:0 0 6px}
.travel-profile-logo{width:220px!important;height:150px!important;border-radius:28px!important;background:rgba(255,255,255,.98)!important;border:1px solid rgba(255,255,255,.75)!important;box-shadow:0 24px 58px rgba(0,34,27,.28)!important;padding:18px!important}
.travel-profile-heading{padding-top:0!important;padding-bottom:6px}
.verified-profile-badge{padding:8px 12px!important;background:rgba(255,255,255,.12)!important;border:1px solid rgba(255,255,255,.20)!important;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.travel-profile-heading h1{font-size:53px!important;line-height:1.03!important;margin:14px 0 10px!important;letter-spacing:-.03em!important}
.travel-profile-heading p{font-size:15.5px!important;line-height:1.75!important;max-width:620px!important}
.travel-profile-main{background:#f4f9f7!important;padding:46px 0 58px!important}
.travel-profile-layout{grid-template-columns:minmax(0,1fr) 330px!important;gap:24px!important}
.travel-profile-section{border-radius:22px!important;padding:28px 28px!important;box-shadow:0 14px 34px rgba(14,62,49,.045)!important;border:1px solid #dde8e3!important}
.travel-profile-section>span,.travel-profile-contact-card>span{font-size:10.5px!important;letter-spacing:.18em!important}
.travel-profile-section h2{font-size:33px!important;line-height:1.16!important;margin:8px 0 16px!important}
.travel-profile-prose{font-size:14px!important;line-height:1.9!important;color:#5f7069!important}
.travel-profile-facts{gap:12px!important}.travel-profile-facts>div{padding:14px!important;border-radius:16px!important;grid-template-columns:48px 1fr!important}.travel-profile-facts i{width:48px!important;height:48px!important;border-radius:14px!important}.travel-profile-facts small{font-size:10.5px!important}.travel-profile-facts b{font-size:13px!important;line-height:1.55!important}
.travel-profile-contact-card{border-radius:22px!important;padding:26px 22px!important;background:linear-gradient(180deg,#08483c 0%,#0a5f4e 100%)!important;box-shadow:0 18px 42px rgba(5,49,40,.18)!important;border:1px solid rgba(255,255,255,.06)}
.travel-profile-contact-card h3{font-size:31px!important;line-height:1.14!important}.travel-profile-contact-card>p{font-size:12.5px!important;line-height:1.75!important}.travel-profile-contact-card>small{font-size:10.5px!important;color:#afc9c0!important}
.travel-profile-actions{gap:10px!important}.travel-profile-actions .btn{min-height:42px;border-radius:12px!important}
.trust-center{position:relative;overflow:hidden;background:linear-gradient(180deg,#ffffff 0%,#fcfefd 100%)!important}
.trust-center::before{content:"";position:absolute;inset:auto -40px -40px auto;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle at center,#e4f2ec 0%,#e4f2ec 44%,rgba(228,242,236,0) 64%);opacity:.9}
.trust-center-intro{font-size:13px!important;line-height:1.82!important;color:#677871!important;max-width:760px!important;margin:0 0 18px!important}
.trust-center-checks{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important}
.trust-center-checks>div{min-height:0!important;padding:16px 16px 15px!important;border-radius:16px!important;background:#fbfdfc!important;display:grid!important;grid-template-columns:24px 1fr!important;gap:12px!important;align-items:start!important}
.trust-center-checks>div.checked{border-color:#cae2d7!important;background:#f2fbf7!important;box-shadow:inset 0 0 0 1px rgba(7,112,90,.03)}
.trust-center-checks>div.pending{opacity:1!important;background:#f9fbfa!important}
.trust-center-checks>div>i{width:24px;height:24px;display:grid;place-items:center;align-self:start}
.trust-center-checks p{margin:0!important}
.trust-center-checks b{display:block!important;font-size:13px!important;line-height:1.5!important;color:#23483f!important;margin:1px 0 5px!important}
.trust-center-checks span{display:block!important;font-size:12px!important;line-height:1.7!important;color:#64746e!important}
.trust-center-meta{margin-top:16px!important;padding-top:14px!important;font-size:11px!important}
.travel-profile-packages{background:#fff!important;border-top:1px solid #edf2ef!important}
@media(max-width:980px){.travel-profile-heading h1{font-size:44.5px!important}.travel-profile-layout{grid-template-columns:1fr!important}.travel-profile-contact-card{position:static!important}.trust-center-checks{grid-template-columns:1fr!important}}
@media(max-width:760px){.travel-profile-hero::before{background-size:180px 180px;opacity:.42}.travel-profile-hero-inner{padding-top:22px!important;padding-bottom:34px!important}.travel-profile-back{margin-bottom:40px!important}.travel-profile-logo{width:168px!important;height:112px!important;border-radius:22px!important;padding:14px!important;margin-bottom:18px!important}.travel-profile-heading h1{font-size:35px!important;margin:12px 0 8px!important}.travel-profile-heading p{font-size:13px!important;line-height:1.68!important}.travel-profile-section{padding:20px 18px!important;border-radius:18px!important}.travel-profile-section h2{font-size:26.5px!important}.travel-profile-facts>div{grid-template-columns:44px 1fr!important}.travel-profile-facts i{width:44px!important;height:44px!important}.trust-center-checks>div{padding:14px!important;grid-template-columns:22px 1fr!important}.trust-center-checks b{font-size:12px!important}.trust-center-checks span{font-size:11px!important}.travel-profile-contact-card h3{font-size:26.5px!important}}


/* =========================================================
   SAFAROKA V1.9.19 — ACCESSIBLE TYPOGRAPHY SCALE
   Font families and hierarchy are preserved; sizes only are raised.
   ========================================================= */
.desktop-nav{font-size:16.5px!important}
.desktop-nav>a{font-size:16.5px!important}
.nav-login{font-size:15.5px!important}
body{font-size:17px}
button,input,select,textarea{font-size:inherit}
@media(max-width:900px){body{font-size:16.5px}.mobile-bottom-nav span,.mobile-menu a{font-size:12px!important}}

/* =========================================================
   SAFAROKA V1.9.20 — 3 RECOMMENDATIONS + NAV READABILITY
   ========================================================= */
@media (min-width:901px){
  .site-header .brand{
    min-width:252px!important;
  }
  .site-header .brand img{
    width:246px!important;
    max-width:246px!important;
    max-height:60px!important;
    height:auto!important;
  }
  .site-header .desktop-nav{
    gap:26px!important;
    font-size:18px!important;
  }
  .site-header .desktop-nav>a,
  .site-header .desktop-nav>a.nav-login,
  .site-header .nav-saved{
    font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
    font-size:18px!important;
    font-weight:700!important;
  }
  .home-package-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:22px!important;
  }
}
@media (max-width:900px){
  .site-header .brand img{
    width:188px!important;
    max-width:188px!important;
  }
}

/* =========================================================
   SAFAROKA V1.9.22 — PACKAGE FILTER READABILITY
   /paket filter typography only; font families stay unchanged.
   ========================================================= */
.theme-filter-head span{font-size:13.5px!important}
.theme-filter-head small{font-size:13px!important;line-height:1.55!important}
.theme-admin-hint{font-size:12.5px!important}
.theme-chip{font-size:14.5px!important;line-height:1.35!important;min-height:46px!important}
.theme-chip b{font-size:12.5px!important}
.smart-filter-grid label>span{font-size:13.5px!important;line-height:1.4!important}
.smart-filter-grid input,.smart-filter-grid select{font-size:15.5px!important;line-height:1.4!important;height:48px!important}
.smart-filter-actions .btn{font-size:15.5px!important;min-height:48px!important}
.catalog-sort small{font-size:13px!important}
.catalog-sort select{font-size:14.5px!important}
.filter-bar label{font-size:14px!important}
.filter-bar select,.filter-bar input{font-size:15px!important}
.catalog-search-primary small{font-size:13px!important}
.catalog-search-primary select,.catalog-search-primary input{font-size:15px!important}
.catalog-search-secondary label span{font-size:13px!important}
.catalog-search-secondary select{font-size:14.5px!important}
.catalog-reset{font-size:13.5px!important}

@media(max-width:900px){
  .theme-filter-head span{font-size:12.5px!important}
  .theme-filter-head small{font-size:12px!important}
  .theme-chip{font-size:13.5px!important;min-height:42px!important}
  .theme-chip b{font-size:11.5px!important}
  .smart-filter-grid label>span{font-size:12.5px!important}
  .smart-filter-grid input,.smart-filter-grid select{font-size:14.5px!important;height:46px!important}
  .smart-filter-actions .btn{font-size:14.5px!important;height:46px!important}
  .catalog-sort small{font-size:12.5px!important}
  .catalog-sort select{font-size:14px!important}
  .catalog-search-primary small{font-size:12px!important}
  .catalog-search-primary select,.catalog-search-primary input{font-size:14.5px!important}
  .catalog-search-secondary label span{font-size:12px!important}
  .catalog-search-secondary select{font-size:14px!important}
}

/* =========================================================
   SAFAROKA V1.9.23 — MOBILE CARI / PAKET STABILITY POLISH
   Mobile-only cleanup after typography enlargement.
   ========================================================= */
@media(max-width:700px){
  /* Mobile package screen shell */
  .catalog-main{
    padding:18px 0 38px!important;
    background:linear-gradient(180deg,#f5f8f6 0%,#f3f6f4 100%)!important;
  }
  .catalog-main>.section-shell{
    width:calc(100% - 24px)!important;
  }

  .catalog-mobile-head{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:14px!important;
    margin:0 0 14px!important;
    padding:4px 2px 0!important;
  }
  .catalog-mobile-head>div{min-width:0!important}
  .catalog-mobile-head span{
    display:block!important;
    font-size:11.5px!important;
    line-height:1.2!important;
    letter-spacing:.14em!important;
  }
  .catalog-mobile-head h1{
    font-size:29px!important;
    line-height:1.08!important;
    margin:5px 0 4px!important;
    white-space:normal!important;
  }
  .catalog-mobile-head p{
    font-size:13px!important;
    line-height:1.4!important;
  }
  .catalog-mobile-filter{
    flex:0 0 auto!important;
    min-height:46px!important;
    padding:0 15px!important;
    border-radius:14px!important;
    border:1px solid #cfe0d8!important;
    background:#fff!important;
    color:#075b49!important;
    font-size:14px!important;
    font-weight:850!important;
    box-shadow:0 7px 20px rgba(23,59,47,.06)!important;
  }
  .catalog-mobile-filter .icon{width:18px!important;height:18px!important}

  /* Theme chips become a clean horizontal rail. */
  .theme-filter-panel{
    margin:0 0 14px!important;
    padding:13px 12px 11px!important;
    border-radius:18px!important;
    background:#fff!important;
    border:1px solid #dfe8e3!important;
    box-shadow:0 8px 24px rgba(23,59,47,.045)!important;
    overflow:hidden!important;
  }
  .theme-filter-head{
    padding:0 2px 10px!important;
  }
  .theme-filter-head>div{display:block!important;min-width:0!important}
  .theme-filter-head span{
    font-size:12px!important;
    letter-spacing:.10em!important;
  }
  .theme-filter-head small{
    display:block!important;
    margin-top:3px!important;
    font-size:11.5px!important;
    line-height:1.45!important;
    white-space:normal!important;
  }
  .theme-chip-rail{
    gap:8px!important;
    margin:0 -12px!important;
    padding:0 12px 3px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scrollbar-width:none!important;
    scroll-padding-inline:12px!important;
  }
  .theme-chip-rail::-webkit-scrollbar{display:none!important}
  .theme-chip{
    flex:0 0 auto!important;
    min-height:42px!important;
    padding:8px 11px 8px 13px!important;
    font-size:13px!important;
    line-height:1.25!important;
    gap:8px!important;
    white-space:nowrap!important;
  }
  .theme-chip b{
    min-width:24px!important;
    height:24px!important;
    font-size:11px!important;
  }

  /* Filter backdrop + bottom sheet */
  body.filter-sheet-open{overflow:hidden!important}
  .catalog-filter-backdrop{
    position:fixed!important;
    inset:0!important;
    z-index:110!important;
    background:rgba(4,26,20,.46)!important;
    backdrop-filter:blur(3px)!important;
    -webkit-backdrop-filter:blur(3px)!important;
  }
  body:not(.filter-sheet-open) .catalog-filter-backdrop{display:none!important}
  body.filter-sheet-open .catalog-filter-backdrop{display:block!important}

  .catalog-search.smart-catalog-search{
    display:none!important;
    position:fixed!important;
    z-index:120!important;
    left:0!important;
    right:0!important;
    bottom:0!important;
    top:auto!important;
    width:100%!important;
    max-width:none!important;
    max-height:min(88vh,760px)!important;
    margin:0!important;
    padding:0 14px calc(16px + env(safe-area-inset-bottom))!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    border:0!important;
    border-radius:26px 26px 0 0!important;
    background:#fff!important;
    box-shadow:0 -22px 60px rgba(14,48,37,.24)!important;
    overscroll-behavior:contain!important;
  }
  .catalog-search.smart-catalog-search.is-open{display:block!important}

  .catalog-sheet-head{
    display:block!important;
    position:sticky!important;
    top:0!important;
    z-index:5!important;
    margin:0 -14px!important;
    padding:10px 16px 13px!important;
    background:rgba(255,255,255,.98)!important;
    border-bottom:1px solid #edf2ef!important;
    backdrop-filter:blur(12px)!important;
    -webkit-backdrop-filter:blur(12px)!important;
  }
  .catalog-sheet-handle{
    width:42px!important;
    height:4px!important;
    margin:0 auto 10px!important;
    background:#d6e1dc!important;
  }
  .catalog-sheet-head>div{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:12px!important;
  }
  .catalog-sheet-head b{
    font-size:18px!important;
    line-height:1.2!important;
  }
  .catalog-sheet-head button{
    width:36px!important;
    height:36px!important;
    flex:0 0 36px!important;
    display:grid!important;
    place-items:center!important;
    padding:0!important;
    border-radius:999px!important;
    font-size:25px!important;
  }

  /* Stable filter grid: larger text but no clipping. */
  .smart-filter-grid{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    gap:11px!important;
    padding:16px 0 4px!important;
    overflow:visible!important;
  }
  .smart-filter-grid label{
    display:grid!important;
    gap:6px!important;
    min-width:0!important;
    margin:0!important;
  }
  .smart-filter-search{
    grid-column:1/-1!important;
  }
  .smart-filter-grid label>span{
    font-size:12px!important;
    line-height:1.25!important;
    letter-spacing:.06em!important;
    color:#567067!important;
  }
  .smart-filter-grid input,
  .smart-filter-grid select{
    width:100%!important;
    min-width:0!important;
    height:49px!important;
    margin:0!important;
    padding:0 12px!important;
    border:1px solid #d9e4df!important;
    border-radius:13px!important;
    background:#fbfdfc!important;
    font-size:15px!important;
    line-height:1.3!important;
    color:#213f36!important;
    box-shadow:none!important;
  }
  .smart-filter-grid input:focus,
  .smart-filter-grid select:focus{
    background:#fff!important;
    border-color:#83bca8!important;
    box-shadow:0 0 0 3px rgba(8,112,90,.08)!important;
  }

  .smart-filter-actions{
    grid-column:1/-1!important;
    position:sticky!important;
    bottom:calc(-16px - env(safe-area-inset-bottom))!important;
    z-index:4!important;
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:9px!important;
    margin:4px -14px -4px!important;
    padding:13px 14px calc(12px + env(safe-area-inset-bottom))!important;
    background:rgba(255,255,255,.985)!important;
    border-top:1px solid #edf2ef!important;
    box-shadow:0 -10px 24px rgba(16,45,36,.055)!important;
  }
  .smart-filter-actions .btn{
    width:100%!important;
    min-width:0!important;
    min-height:48px!important;
    height:48px!important;
    margin:0!important;
    border-radius:13px!important;
    font-size:14.5px!important;
  }

  /* Results header remains compact and aligned. */
  .catalog-results-head{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:11px!important;
    padding:10px 1px 16px!important;
  }
  .catalog-results-head>div{min-width:0!important}
  .catalog-results-head>div>span{font-size:10.5px!important}
  .catalog-results-head h2{
    font-size:24px!important;
    line-height:1.14!important;
    margin:5px 0 0!important;
  }
  .catalog-sort{
    width:100%!important;
    min-width:0!important;
    display:grid!important;
    grid-template-columns:auto minmax(0,1fr)!important;
    align-items:center!important;
    gap:10px!important;
    padding:9px 11px!important;
    border-radius:13px!important;
    background:#fff!important;
  }
  .catalog-sort small{font-size:11.5px!important;white-space:nowrap!important}
  .catalog-sort select{
    min-width:0!important;
    width:100%!important;
    font-size:13.5px!important;
    text-align:right!important;
    text-align-last:right!important;
  }
}

@media(max-width:390px){
  .catalog-main>.section-shell{width:calc(100% - 20px)!important}
  .catalog-mobile-head h1{font-size:27px!important}
  .catalog-mobile-filter{padding:0 12px!important;font-size:13px!important}
  .smart-filter-grid{gap:9px!important}
  .smart-filter-grid input,.smart-filter-grid select{font-size:14px!important;padding:0 9px!important}
  .smart-filter-actions .btn{font-size:14px!important}
}

/* =========================================================
   SAFAROKA V1.9.24 — NAV LOGO CONSISTENCY + HOTEL HOVER PREVIEW
   ========================================================= */
@media (min-width:901px){
  /* Keep navbar logo visually consistent with footer logo. */
  .site-header .brand{min-width:0!important}
  .site-header .brand img{
    height:56px!important;
    width:auto!important;
    max-width:280px!important;
    max-height:56px!important;
    object-fit:contain!important;
  }
}
@media (max-width:900px){
  .site-header .brand img{
    height:48px!important;
    width:auto!important;
    max-width:240px!important;
    max-height:48px!important;
    object-fit:contain!important;
  }
}

/* Desktop hotel preview: enlarges only the hotel information on hover. */
@media (hover:hover) and (pointer:fine) and (min-width:901px){
  .package-card,
  .package-card-catalog{overflow:visible!important}
  .package-media{border-radius:inherit;border-bottom-left-radius:0;border-bottom-right-radius:0}
  .hotel-mini-grid{position:relative;z-index:6}
  .hotel-mini-item{position:relative;cursor:default;transition:border-color .18s ease,background .18s ease,box-shadow .18s ease,transform .18s ease}
  .hotel-mini-item:hover,
  .hotel-mini-item:focus-visible{
    z-index:20;
    border-color:#a8d2c2!important;
    background:#f5fbf8!important;
    box-shadow:0 8px 20px rgba(12,77,60,.08);
    outline:0;
  }
  .hotel-hover-popover{
    position:absolute;
    z-index:60;
    bottom:calc(100% + 11px);
    width:min(310px,calc(100vw - 48px));
    min-height:116px;
    display:block;
    padding:17px 18px 16px;
    border:1px solid rgba(185,211,201,.95);
    border-radius:17px;
    background:rgba(255,255,255,.985);
    color:#1d4137;
    box-shadow:0 20px 48px rgba(10,58,45,.18);
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transform:translateY(8px) scale(.97);
    transform-origin:bottom left;
    transition:opacity .17s ease,visibility .17s ease,transform .17s ease;
    backdrop-filter:blur(14px);
    -webkit-backdrop-filter:blur(14px);
  }
  .hotel-mini-item:first-child .hotel-hover-popover{left:0}
  .hotel-mini-item:nth-child(2) .hotel-hover-popover{right:0;transform-origin:bottom right}
  .hotel-hover-popover:after{
    content:"";
    position:absolute;
    bottom:-7px;
    width:13px;
    height:13px;
    background:#fff;
    border-right:1px solid rgba(185,211,201,.95);
    border-bottom:1px solid rgba(185,211,201,.95);
    transform:rotate(45deg);
  }
  .hotel-mini-item:first-child .hotel-hover-popover:after{left:26px}
  .hotel-mini-item:nth-child(2) .hotel-hover-popover:after{right:26px}
  .hotel-mini-item:hover .hotel-hover-popover,
  .hotel-mini-item:focus-visible .hotel-hover-popover{
    opacity:1;
    visibility:visible;
    transform:translateY(0) scale(1);
  }
  .hotel-hover-popover small{
    display:block!important;
    margin:0 0 5px!important;
    font-size:11px!important;
    font-weight:900!important;
    letter-spacing:.13em!important;
    color:#08705a!important;
  }
  .hotel-hover-popover strong{
    display:block;
    margin:0 0 7px;
    font-family:Georgia,"Times New Roman",serif;
    font-size:19px;
    line-height:1.22;
    font-weight:600;
    color:#173f35;
    white-space:normal;
  }
  .hotel-hover-popover .hotel-popover-stars{display:flex;margin:0 0 7px}
  .hotel-hover-popover em{
    display:block!important;
    margin:0!important;
    font-size:12.5px!important;
    line-height:1.5!important;
    font-style:normal!important;
    color:#61736c!important;
  }
}

/* Touch devices keep the existing compact hotel cards. */
@media (hover:none), (max-width:900px){
  .hotel-hover-popover{display:none!important}
  .hotel-mini-item{outline:0}
}

/* =========================================================
   SAFAROKA V1.9.25 — NAV LOGO + FULL CARD CLICK + PAGINATION
   ========================================================= */
@media (min-width:901px){
  .site-header .brand img{
    height:72px!important;
    width:auto!important;
    max-width:330px!important;
    max-height:72px!important;
    object-fit:contain!important;
  }
}
@media (max-width:900px){
  .site-header .brand img{
    height:56px!important;
    width:auto!important;
    max-width:270px!important;
    max-height:56px!important;
    object-fit:contain!important;
  }
}
.discover-hero-copy h1{font-weight:700!important}
[data-package-card]{cursor:pointer}
[data-package-card]:focus-visible{outline:3px solid rgba(7,91,73,.22);outline-offset:3px}
[data-package-card] a,[data-package-card] button{cursor:pointer}
.catalog-page-hidden{display:none!important}
.catalog-pagination{display:flex;align-items:center;justify-content:center;gap:8px;margin:32px 0 4px;padding-top:10px}
.catalog-pagination[hidden]{display:none!important}
.catalog-pagination button,.catalog-pagination .pagination-ellipsis{min-width:42px;height:42px;border-radius:12px;display:grid;place-items:center;font-size:14px;font-weight:800}
.catalog-pagination button{border:1px solid #d8e4de;background:#fff;color:#36574e;box-shadow:0 5px 14px rgba(25,54,44,.035);transition:transform .16s ease,border-color .16s ease,background .16s ease,color .16s ease}
.catalog-pagination button:hover:not(:disabled){transform:translateY(-1px);border-color:#9fc8b9;color:#075b49}
.catalog-pagination button.active{background:#075b49;color:#fff;border-color:#075b49;box-shadow:0 9px 20px rgba(7,91,73,.16)}
.catalog-pagination button:disabled{opacity:.38;cursor:not-allowed;box-shadow:none}
.catalog-pagination .pagination-arrow{font-size:22px;font-weight:600}
.catalog-pagination .pagination-ellipsis{color:#80908a;min-width:26px}
@media(max-width:900px){
  .catalog-pagination{gap:6px;margin:24px 0 2px;padding-top:6px}
  .catalog-pagination button,.catalog-pagination .pagination-ellipsis{min-width:38px;height:38px;border-radius:10px;font-size:13px}
  .catalog-pagination .pagination-arrow{font-size:20px}
}
@media(max-width:390px){
  .catalog-pagination{gap:4px}
  .catalog-pagination button,.catalog-pagination .pagination-ellipsis{min-width:34px;height:36px;border-radius:9px;font-size:12px}
}
@media (min-width:901px) and (max-width:1050px){
  .site-header .brand img{height:64px!important;max-height:64px!important;max-width:300px!important}
}

/* =========================================================
   SAFAROKA V1.9.26 — DESKTOP PACKAGE DETAIL IMAGE FRAMING
   Keep desktop detail image consistent with package cards.
   Mobile framing remains untouched.
   ========================================================= */
@media(min-width:901px){
  .detail-media{min-width:0}
  .detail-image-frame{
    width:100%;
    aspect-ratio:1.54/1!important;
    overflow:hidden!important;
  }
  .detail-image-frame img{
    display:block!important;
    width:100%!important;
    height:100%!important;
    aspect-ratio:auto!important;
    object-fit:cover!important;
    object-position:center center!important;
  }
}

/* =========================================================
   SAFAROKA V1.9.27 — DESKTOP DETAIL HERO BALANCE
   Keep full image framing, improve desktop composition.
   ========================================================= */
@media(min-width:1051px){
  .detail-hero{padding-top:122px!important;padding-bottom:66px!important}
  .detail-grid{
    grid-template-columns:minmax(0,1.18fr) minmax(430px,.82fr)!important;
    gap:42px!important;
    align-items:start!important;
  }
  .detail-media{
    align-self:start!important;
    padding-top:4px!important;
  }
  .detail-image-frame{
    width:100%!important;
    max-width:none!important;
    border-radius:26px!important;
    box-shadow:0 24px 60px rgba(24,52,43,.12)!important;
  }
  .detail-copy{
    max-width:500px!important;
  }
}
@media(min-width:901px) and (max-width:1050px){
  .detail-grid{align-items:start!important;gap:34px!important}
  .detail-media{padding-top:2px!important}
}

/* =========================================================
   SAFAROKA V1.9.28 — DESKTOP DETAIL HERO STRUCTURE
   Balance image + primary facts, move hotel/action into a
   full-width lower strip. Mobile remains visually unchanged.
   ========================================================= */
@media(min-width:901px){
  .detail-hero{
    padding-top:118px!important;
    padding-bottom:42px!important;
  }
  .detail-grid{
    grid-template-columns:minmax(0,1.14fr) minmax(410px,.86fr)!important;
    gap:34px 40px!important;
    align-items:start!important;
  }
  .detail-media{padding-top:0!important;align-self:start!important}
  .detail-copy{
    max-width:none!important;
    align-self:start!important;
    padding-top:2px!important;
  }
  .detail-copy h1{
    font-size:46px!important;
    line-height:1.04!important;
    margin:9px 0 10px!important;
  }
  .detail-price{margin:18px 0 16px!important}
  .detail-facts{gap:9px!important}
  .detail-facts>div{padding:12px!important}
  .detail-hero-lower{
    grid-column:1/-1;
    display:grid;
    grid-template-columns:minmax(0,1fr) 350px;
    gap:18px;
    align-items:stretch;
    margin-top:-2px;
    padding-top:22px;
    border-top:1px solid rgba(45,88,74,.12);
  }
  .detail-hero-lower .hotel-detail-grid{
    margin:0!important;
    gap:12px!important;
  }
  .detail-hero-lower .hotel-detail-grid>div{
    min-height:112px;
    padding:15px!important;
    background:rgba(255,255,255,.94)!important;
    border-radius:16px!important;
  }
  .detail-hero-action-panel{
    min-width:0;
    display:flex;
    flex-direction:column;
    justify-content:center;
    padding:15px 16px;
    border:1px solid #dce6e1;
    border-radius:16px;
    background:rgba(255,255,255,.94);
  }
  .detail-hero-action-panel .package-seat-pill{
    align-self:flex-start;
    margin:0 0 8px!important;
  }
  .detail-hero-action-panel .package-availability-alert{margin:0 0 9px!important}
  .detail-hero-action-panel .detail-freshness{
    margin:0 0 11px!important;
    font-size:12px!important;
  }
  .detail-hero-action-panel .detail-actions{
    margin:0!important;
    display:grid!important;
    grid-template-columns:.8fr 1.2fr;
    gap:9px!important;
  }
  .detail-hero-action-panel .detail-actions .btn{
    width:100%;
    min-width:0;
    padding-left:12px!important;
    padding-right:12px!important;
  }
  .trip-weather-section{padding-top:36px!important}
}
@media(min-width:901px) and (max-width:1050px){
  .detail-grid{
    grid-template-columns:minmax(0,1.05fr) minmax(390px,.95fr)!important;
    gap:30px!important;
  }
  .detail-copy h1{font-size:40px!important}
  .detail-hero-lower{grid-template-columns:1fr 320px;gap:14px}
}
@media(max-width:900px){
  .detail-hero-lower{display:block}
  .detail-hero-lower .hotel-detail-grid{margin-top:13px!important}
  .detail-hero-action-panel{display:block}
}

/* =========================================================
   SAFAROKA V1.9.29 — 16:9 PACKAGE STANDARD + ADMIN/PARTNER PRO
   ========================================================= */

/* One universal package image ratio on every breakpoint. Existing non-16:9
   uploads stay fully visible; new Admin uploads are normalized to 16:9. */
.package-media,
.discover-package-media,
.detail-image-frame,
.package-cover-preview,
.package-admin-cover,
.recent-package-img,
.partner-package-cover,
.saved-list img{
  aspect-ratio:16/9!important;
  background:#f8f6f1!important;
}
.package-media img,
.discover-package-media img,
.detail-image-frame img,
.package-cover-preview,
.package-admin-cover img,
.recent-package-img img,
.partner-package-cover img,
.saved-list img{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
  background:#f8f6f1!important;
}
.package-media{overflow:hidden!important}
.discover-package-media{overflow:hidden!important}
.detail-image-frame{width:100%!important;overflow:hidden!important}
.package-cover-preview{display:block;width:min(720px,100%)!important;height:auto!important;border-radius:16px;border:1px solid #dfe7e3;padding:0!important;margin-top:10px}
.package-admin-cover{height:auto!important}
.recent-package-img{height:auto!important}
.saved-list img{height:auto!important}

/* Comparison PDF action */
.discover-summary-actions{max-width:470px;display:grid;justify-items:end;gap:12px}
.discover-summary-actions>p{margin:0!important;text-align:right}
.discover-pdf-btn{min-height:44px;border-radius:12px;white-space:nowrap}
@media(max-width:760px){
  .discover-summary-actions{max-width:none;justify-items:stretch;width:100%}
  .discover-summary-actions>p{text-align:left}
  .discover-pdf-btn{width:100%}
}

/* ---------- Admin readability ---------- */
.admin-nav-links a,.admin-nav-bottom a{font-size:15.5px!important;line-height:1.35!important;min-height:46px}
.admin-brand b{font-size:17px!important}.admin-brand small{font-size:12.5px!important}
.admin-head-premium h1,.admin-head h1{font-size:39px!important}.admin-head-premium p,.admin-head p{font-size:15px!important;line-height:1.7!important}
.admin-panel-head span{font-size:12px!important}.admin-panel-head h2{font-size:25px!important}.admin-panel-head>a{font-size:14px!important}
.admin-kpi b{font-size:15px!important}.admin-kpi small{font-size:13px!important}.admin-kpi strong{font-size:30px!important}
.admin-panel label,.admin-editor-grid label,.admin-form label{font-size:14.5px!important;line-height:1.45!important}
.admin-panel label small,.admin-editor-grid label small,.admin-form label small{font-size:12.5px!important;line-height:1.55!important}
.admin-panel input,.admin-panel textarea,.admin-panel select,.admin-editor-grid input,.admin-editor-grid textarea,.admin-editor-grid select,.admin-form input,.admin-form textarea,.admin-form select{font-size:15px!important;line-height:1.45!important;min-height:46px}
.admin-search input,.admin-toolbar select{font-size:14.5px!important}.admin-toolbar select{min-height:45px}
.travel-admin-title b,.package-admin-title b{font-size:16.5px!important}.travel-admin-title small,.package-admin-title small{font-size:12.5px!important}
.travel-admin-meta span,.package-admin-meta span{font-size:12.5px!important}.status-pill{font-size:11.5px!important;min-height:28px!important}
.queue-main b,.admin-quality-list b{font-size:15px!important}.queue-main small,.admin-quality-list small{font-size:12.5px!important}
.admin-empty b{font-size:16px!important}.admin-empty p{font-size:13.5px!important}
.admin-subsection>span{font-size:12px!important}.admin-subsection>p{font-size:13.5px!important;line-height:1.7!important}
.cover-guideline b{font-size:15px!important}.cover-guideline p{font-size:13px!important;line-height:1.65!important}
@media(max-width:760px){
  .admin-nav-links a{font-size:13.5px!important;min-height:42px}
  .admin-head-premium h1,.admin-head h1{font-size:32px!important}
  .admin-head-premium p,.admin-head p{font-size:14px!important}
  .admin-panel label,.admin-editor-grid label,.admin-form label{font-size:14px!important}
  .admin-panel input,.admin-panel textarea,.admin-panel select,.admin-editor-grid input,.admin-editor-grid textarea,.admin-editor-grid select,.admin-form input,.admin-form textarea,.admin-form select{font-size:16px!important}
}

/* ---------- Travel Partner workspace ---------- */
.partner-page{background:linear-gradient(180deg,#f3f7f5 0%,#f7f9f8 100%)!important}
.partner-shell{grid-template-columns:270px minmax(0,1fr)!important}
.partner-nav{width:auto!important;padding:26px 18px!important;background:linear-gradient(180deg,#063f35 0%,#075748 100%)!important;border-right:1px solid rgba(255,255,255,.07);overflow:hidden}
.partner-nav:before{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180' viewBox='0 0 180 180'%3E%3Cg fill='none' stroke='%23ffffff' stroke-opacity='.055' stroke-width='1'%3E%3Cpath d='M90 22l12 24 24 12-24 12-12 24-12-24-24-12 24-12z'/%3E%3Ccircle cx='90' cy='90' r='55'/%3E%3C/g%3E%3C/svg%3E");background-size:210px 210px;pointer-events:none}
.partner-nav>*{position:relative;z-index:1}
.partner-brand-pro{display:block!important;padding:2px 8px 24px!important;margin-bottom:8px!important}
.partner-brand-pro img{width:178px!important;height:auto!important;max-height:66px!important;object-fit:contain!important;object-position:left center!important;filter:none!important;-webkit-filter:none!important}
.partner-brand-pro>div{margin-top:8px}.partner-brand-pro small{font-size:11px!important;letter-spacing:.16em!important;color:#9cc9bb!important;font-weight:800}
.partner-travel-name{margin:4px 5px 18px;padding:15px 14px;border-radius:14px;background:rgba(255,255,255,.075);border:1px solid rgba(255,255,255,.09)}
.partner-travel-name small{display:block;font-size:10.5px!important;letter-spacing:.15em;color:#9ccabd}.partner-travel-name b{display:block;margin-top:5px;font-size:15px!important;line-height:1.45;color:#fff}
.partner-nav nav{gap:7px!important;margin-top:0!important}.partner-nav nav a,.partner-nav-bottom a{font-size:14.5px!important;line-height:1.35!important;min-height:46px!important;padding:12px 13px!important;border-radius:12px!important}
.partner-nav nav a.active{background:rgba(255,255,255,.13)!important;box-shadow:inset 3px 0 0 #69d3b1}
.partner-content{padding:42px 42px 62px!important;max-width:1450px;width:100%;margin:0 auto}
.partner-head{align-items:center!important;margin-bottom:24px!important;padding:24px 26px;background:#fff;border:1px solid #dfe8e4;border-radius:20px;box-shadow:0 10px 30px rgba(20,53,43,.045)}
.partner-head>div>span{font-size:11.5px!important;letter-spacing:.16em!important}.partner-head h1{font-size:36px!important;line-height:1.12!important;margin:6px 0 7px!important}.partner-head p{font-size:14px!important;line-height:1.7!important;max-width:720px!important}
.partner-kpi-grid{gap:13px!important;margin-bottom:18px!important}.partner-kpi-grid article{min-height:128px!important;padding:18px!important;border-radius:18px!important;display:grid!important;grid-template-columns:46px 1fr!important;gap:13px!important;align-items:center!important;box-shadow:0 10px 28px rgba(19,52,42,.045)!important}
.partner-kpi-icon{width:46px;height:46px;border-radius:14px;display:grid!important;place-items:center;background:#eaf7f2;color:#08705a}.partner-kpi-grid .lead .partner-kpi-icon{background:rgba(255,255,255,.14);color:#fff}
.partner-kpi-grid small{font-size:11px!important}.partner-kpi-grid strong{font-size:31px!important;margin:3px 0!important}.partner-kpi-grid article>div>span{font-size:12.5px!important}
.partner-grid{gap:16px!important}.partner-panel{padding:22px!important;border-radius:19px!important;box-shadow:0 10px 28px rgba(20,52,42,.045)!important}.partner-panel-head span{font-size:11px!important}.partner-panel-head h2{font-size:24px!important}.partner-panel-head a{font-size:13px!important}.partner-panel>p{font-size:13px!important;line-height:1.65!important}
.partner-review-state div{padding:16px!important;border-radius:14px!important}.partner-review-state b{font-size:28px!important}.partner-review-state span{font-size:12.5px!important}
.partner-mini-list a{padding:13px 0!important}.partner-mini-list b{font-size:14px!important;line-height:1.45}.partner-mini-list small{font-size:11.5px!important;margin-top:3px}.partner-mini-list strong{font-size:13.5px!important}
.partner-form{max-width:980px!important}.partner-form label,.partner-account-form label{font-size:14px!important;line-height:1.45!important;margin-top:14px!important}.partner-form label>small{font-size:12px!important;line-height:1.55!important}.partner-form input,.partner-form select,.partner-form textarea,.partner-account-form input{font-size:15px!important;min-height:48px!important;border-radius:12px!important;padding:12px 13px!important}
.partner-pending-banner{padding:15px 16px!important;border-radius:14px!important}.partner-pending-banner b{font-size:13.5px!important}.partner-pending-banner span{font-size:12px!important;line-height:1.55!important}
.partner-package-table{gap:10px!important}.partner-package-table article{grid-template-columns:128px minmax(0,1fr) 125px auto!important;gap:16px!important;padding:14px!important;border-radius:16px!important;background:#fff!important;box-shadow:0 6px 20px rgba(20,52,42,.03)}
.partner-package-cover{width:128px;overflow:hidden;border-radius:12px;border:1px solid #e0e8e4;display:grid;place-items:center;color:#6e8a81}
.partner-package-main>b{font-size:14.5px!important;margin:7px 0 3px!important}.partner-package-main small,.partner-package-seat small,.partner-package-seat span{font-size:11.5px!important}.partner-package-seat b{font-size:13.5px!important;margin:2px 0}
@media(max-width:1100px){.partner-shell{grid-template-columns:230px minmax(0,1fr)!important}.partner-content{padding:32px 28px 54px!important}.partner-kpi-grid{grid-template-columns:1fr 1fr!important}.partner-package-table article{grid-template-columns:110px minmax(0,1fr) auto!important}.partner-package-cover{width:110px}.partner-package-seat{grid-column:2}.partner-package-table article>.btn{grid-column:3;grid-row:1/3}}
@media(max-width:760px){
  .partner-shell{display:block!important}.partner-nav{position:relative!important;height:auto!important;padding:14px!important}.partner-nav:before{background-size:160px 160px}.partner-brand-pro{padding:0 4px 10px!important}.partner-brand-pro img{width:142px!important}.partner-travel-name{display:none}.partner-nav nav{display:flex!important;overflow-x:auto!important;padding:5px 0 2px!important}.partner-nav nav a{white-space:nowrap;font-size:13px!important;min-height:42px!important}.partner-nav-bottom{display:none!important}
  .partner-content{padding:20px 14px 42px!important}.partner-head{align-items:flex-start!important;padding:19px 17px!important;border-radius:17px!important}.partner-head h1{font-size:29px!important}.partner-head p{font-size:13px!important}.partner-kpi-grid{grid-template-columns:1fr 1fr!important;gap:8px!important}.partner-kpi-grid article{grid-template-columns:38px 1fr!important;gap:9px!important;padding:13px!important;min-height:106px!important}.partner-kpi-icon{width:38px;height:38px;border-radius:11px}.partner-kpi-grid strong{font-size:25px!important}.partner-kpi-grid small{font-size:9.5px!important}.partner-kpi-grid article>div>span{font-size:10.5px!important}
  .partner-grid{grid-template-columns:1fr!important}.partner-panel{padding:17px!important}.partner-package-table article{grid-template-columns:92px minmax(0,1fr)!important;gap:11px!important}.partner-package-cover{width:92px}.partner-package-seat{grid-column:2!important}.partner-package-table article>.btn{grid-column:1/-1!important;grid-row:auto!important;width:100%}.partner-form input,.partner-form select,.partner-form textarea{font-size:16px!important}
}

/* =========================================================
   SAFAROKA V1.9.30 — PROFESSIONAL ADMIN CENTER
   ========================================================= */
.admin-page{background:linear-gradient(180deg,#f2f6f4 0%,#f7f9f8 100%)!important}
.admin-shell{grid-template-columns:276px minmax(0,1fr)!important}
.admin-nav.admin-nav-pro{position:sticky;top:0;height:100vh;padding:25px 18px 20px!important;background:linear-gradient(180deg,#063f35 0%,#075849 100%)!important;border-right:1px solid rgba(255,255,255,.07);overflow:hidden;gap:0!important}
.admin-nav.admin-nav-pro::before{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='190' height='190' viewBox='0 0 190 190'%3E%3Cg fill='none' stroke='%23ffffff' stroke-opacity='.055' stroke-width='1'%3E%3Cpath d='M95 24l13 26 26 13-26 13-13 26-13-26-26-13 26-13z'/%3E%3Ccircle cx='95' cy='95' r='58'/%3E%3Cpath d='M36 95l10 20 20 10-20 10-10 20-10-20-20-10 20-10zM154 95l10 20 20 10-20 10-10 20-10-20-20-10 20-10z'/%3E%3C/g%3E%3C/svg%3E");background-size:220px 220px;pointer-events:none}
.admin-nav.admin-nav-pro>*{position:relative;z-index:1}
.admin-brand.admin-brand-pro{display:block!important;padding:0 7px 20px!important;border-bottom:1px solid rgba(255,255,255,.11)!important;margin-bottom:14px!important}
.admin-brand-pro img{display:block;width:182px!important;height:auto!important;max-height:68px!important;object-fit:contain!important;object-position:left center!important;filter:none!important;-webkit-filter:none!important}
.admin-brand-pro small{display:block;margin-top:8px!important;font-size:11px!important;letter-spacing:.17em!important;color:#a6cec1!important;font-weight:850!important}
.admin-user-card{margin:0 3px 18px;padding:14px 14px 13px;border-radius:15px;background:rgba(255,255,255,.075);border:1px solid rgba(255,255,255,.09)}
.admin-user-card small{display:block;font-size:10px;letter-spacing:.14em;color:#9fc9bc;font-weight:850}.admin-user-card b{display:block;margin-top:5px;font-size:14.5px;line-height:1.4;color:#fff}.admin-user-card span{display:block;margin-top:2px;font-size:11.5px;color:#b8d5cc}
.admin-nav-links{gap:15px!important;overflow-y:auto;padding-right:2px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.14) transparent}
.admin-nav-group{display:grid;gap:5px}.admin-nav-label{display:block;padding:0 10px 5px;font-size:9.5px!important;line-height:1.3;letter-spacing:.16em;color:#83b6a7;font-weight:900}
.admin-nav-links a,.admin-nav-bottom a{min-height:47px!important;padding:12px 13px!important;border-radius:12px!important;font-size:14.5px!important;line-height:1.35!important;color:#c9dfd8!important;gap:11px!important}
.admin-nav-links a svg,.admin-nav-bottom a svg{flex:0 0 auto}.admin-nav-links a:hover,.admin-nav-links a.active,.admin-nav-bottom a:hover{background:rgba(255,255,255,.11)!important;color:#fff!important}
.admin-nav-links a.active{box-shadow:inset 3px 0 0 #69d3b1}.admin-nav-links a.active:before{display:none!important}
.admin-nav-links em{min-width:24px!important;height:24px!important;background:#f4b24f!important;font-size:11px!important}
.admin-nav-bottom{margin-top:auto!important;padding-top:14px!important;gap:5px!important}
.admin-content.admin-control,.admin-content{width:100%;max-width:1500px;margin:0 auto;padding:38px 42px 68px!important;min-width:0}
.admin-head-premium,.admin-content>.admin-head{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:24px!important;padding:23px 25px;background:#fff;border:1px solid #dce7e2;border-radius:20px;box-shadow:0 10px 30px rgba(19,53,43,.045)}
.admin-head-premium>div:first-child,.admin-content>.admin-head>div:first-child{min-width:0}
.admin-head-premium>div>span,.admin-content>.admin-head span{font-size:11px!important;letter-spacing:.17em!important;color:#08705a!important;font-weight:900!important}
.admin-head-premium h1,.admin-content>.admin-head h1{font-size:37px!important;line-height:1.1!important;letter-spacing:-.025em!important;margin:6px 0 7px!important;color:#153f35!important}
.admin-head-premium p,.admin-content>.admin-head p{max-width:760px;font-size:14px!important;line-height:1.7!important;color:#687972!important;margin:0!important}
.admin-head-actions{flex-wrap:wrap;justify-content:flex-end}.admin-head-actions .btn,.admin-head-premium>.btn{min-height:46px;border-radius:12px;padding-inline:17px}
.admin-kpi-grid{gap:13px!important;margin:18px 0 22px!important}.admin-kpi{min-height:122px!important;padding:18px!important;border-radius:18px!important;box-shadow:0 9px 26px rgba(20,53,43,.045)!important}.admin-kpi:hover{transform:translateY(-2px)!important;box-shadow:0 16px 35px rgba(20,53,43,.075)!important}.kpi-icon{width:47px!important;height:47px!important;border-radius:14px!important}.admin-kpi strong{font-size:31px!important}.admin-kpi b{font-size:14.5px!important}.admin-kpi small{font-size:12.5px!important;line-height:1.45!important}
.admin-panel{border-radius:19px!important;padding:21px!important;border-color:#dce7e2!important;box-shadow:0 9px 27px rgba(20,53,43,.04)!important}.admin-panel-head{margin-bottom:16px!important}.admin-panel-head span{font-size:11px!important;letter-spacing:.16em!important}.admin-panel-head h2{font-size:25px!important;line-height:1.16!important;margin-top:5px!important}.admin-panel-head>a{font-size:13.5px!important}
.admin-dashboard-grid{gap:17px!important}.admin-queue-item{padding:14px 0!important;grid-template-columns:48px minmax(0,1fr) auto!important;gap:13px!important}.queue-logo{width:48px!important;height:48px!important;border-radius:14px!important}.queue-main b,.admin-quality-list b{font-size:14.5px!important}.queue-main small,.admin-quality-list small{font-size:12px!important;line-height:1.5!important}.admin-quality-list>a{padding:14px 0!important}
.admin-toolbar{gap:10px!important;margin:16px 0 18px!important;padding:12px;background:#fff;border:1px solid #dce7e2;border-radius:16px;box-shadow:0 7px 22px rgba(20,53,43,.035)}.admin-search,.admin-toolbar select{height:47px!important;border-radius:12px!important}.admin-search{padding:0 14px!important}.admin-search input,.admin-toolbar select{font-size:14px!important}.admin-toolbar .btn{min-height:47px!important;border-radius:11px!important}
.travel-management-panel,.package-management-panel{overflow:hidden}.travel-management-panel .admin-panel-head{padding:2px 2px 8px!important}.travel-admin-card,.package-admin-card{transition:background .16s ease}.travel-admin-card:hover,.package-admin-card:hover{background:#fbfdfc}.travel-admin-card{padding:18px 4px!important;grid-template-columns:78px minmax(0,1fr) auto!important}.travel-admin-logo{width:78px!important;height:64px!important;border-radius:14px!important}.travel-admin-title b,.package-admin-title b{font-size:16px!important;line-height:1.4!important}.travel-admin-title small,.package-admin-title small{font-size:12px!important;line-height:1.5!important}.travel-admin-meta span,.package-admin-meta span{font-size:12px!important}.status-pill{font-size:11px!important;min-height:28px!important;padding:6px 10px!important}
.admin-editor-grid{gap:18px!important}.admin-editor-side{top:24px!important}.admin-panel label,.admin-editor-grid label,.admin-form label{font-size:14px!important;line-height:1.5!important}.admin-panel label small,.admin-editor-grid label small,.admin-form label small{font-size:12px!important;line-height:1.55!important}.admin-panel input,.admin-panel textarea,.admin-panel select,.admin-editor-grid input,.admin-editor-grid textarea,.admin-editor-grid select,.admin-form input,.admin-form textarea,.admin-form select{font-size:15px!important;line-height:1.5!important;min-height:48px!important;border-radius:12px!important;padding:12px 13px!important}.admin-subsection{margin-top:26px!important;padding-top:21px!important}.admin-subsection>span{font-size:11px!important;letter-spacing:.15em!important}.admin-subsection>p{font-size:13px!important;line-height:1.7!important;max-width:800px}
.admin-empty{padding:44px 20px!important}.admin-empty b{font-size:15.5px!important}.admin-empty p{font-size:13px!important;line-height:1.55!important}
.admin-recent-grid{gap:12px!important}.recent-package{padding:11px!important;border-radius:15px!important}.recent-package b{font-size:13.5px!important}.recent-package small{font-size:11.5px!important}
.upgrade-banner{border-radius:16px!important;padding:16px 18px!important}.upgrade-banner b{font-size:14px!important}.upgrade-banner p{font-size:12.5px!important;line-height:1.55!important}
@media(max-width:1150px){.admin-shell{grid-template-columns:232px minmax(0,1fr)!important}.admin-content.admin-control,.admin-content{padding:30px 26px 56px!important}.admin-brand-pro img{width:158px!important}.admin-nav-links a,.admin-nav-bottom a{font-size:13.5px!important}.admin-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:760px){
  .admin-shell{display:block!important}.admin-nav.admin-nav-pro{position:relative!important;height:auto!important;padding:13px 14px 10px!important}.admin-nav.admin-nav-pro::before{background-size:170px 170px}.admin-brand.admin-brand-pro{padding:0 4px 8px!important;margin-bottom:5px!important;border-bottom:0!important}.admin-brand-pro img{width:142px!important}.admin-brand-pro small{font-size:9px!important;margin-top:3px!important}.admin-user-card,.admin-nav-label{display:none!important}.admin-nav-links{display:flex!important;flex-direction:row!important;gap:5px!important;overflow-x:auto!important;padding:4px 0 3px!important}.admin-nav-group{display:flex!important;gap:5px!important}.admin-nav-links a{white-space:nowrap!important;min-height:42px!important;padding:9px 11px!important;font-size:13px!important}.admin-nav-bottom{display:none!important}
  .admin-content.admin-control,.admin-content{padding:18px 14px 46px!important}.admin-head-premium,.admin-content>.admin-head{display:block!important;padding:19px 17px!important;border-radius:17px!important;margin-bottom:17px!important}.admin-head-premium h1,.admin-content>.admin-head h1{font-size:29px!important}.admin-head-premium p,.admin-content>.admin-head p{font-size:13px!important}.admin-head-actions{margin-top:14px!important;justify-content:flex-start!important}.admin-head-actions .btn,.admin-head-premium>.btn{margin-top:13px;width:100%}
  .admin-kpi-grid,.compact-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}.admin-kpi{min-height:106px!important;padding:13px!important;gap:9px!important}.kpi-icon{width:39px!important;height:39px!important}.admin-kpi strong{font-size:25px!important}.admin-kpi b{font-size:12px!important}.admin-kpi small{display:none!important}.admin-dashboard-grid{display:block!important}.admin-dashboard-grid>.admin-panel{margin-bottom:12px!important}.admin-panel{padding:17px!important;border-radius:17px!important}.admin-panel-head h2{font-size:22px!important}
  .admin-toolbar{display:grid!important;grid-template-columns:1fr 1fr!important;padding:10px!important}.admin-search{grid-column:1/-1!important}.admin-toolbar select{min-width:0!important;width:100%!important}.admin-toolbar .btn{width:100%!important}.travel-admin-card,.package-admin-card{grid-template-columns:62px minmax(0,1fr)!important;padding:14px 0!important;gap:11px!important}.travel-admin-logo{width:62px!important;height:54px!important}.travel-admin-actions,.package-admin-actions{grid-column:1/-1!important}.admin-editor-grid{display:block!important}.admin-editor-side{position:static!important}.admin-panel input,.admin-panel textarea,.admin-panel select,.admin-editor-grid input,.admin-editor-grid textarea,.admin-editor-grid select,.admin-form input,.admin-form textarea,.admin-form select{font-size:16px!important}
}

/* =========================================================
   SAFAROKA V1.9.31 — MULTI ADMIN TEAM
   ========================================================= */
.admin-team-page{background:linear-gradient(180deg,#f7faf8 0%,#f4f8f6 100%)}
.admin-team-head{align-items:center!important}
.admin-team-head-badge{display:flex;align-items:center;gap:11px;min-width:230px;padding:13px 15px;border-radius:15px;background:#eff8f4;border:1px solid #d7e9e1;color:#0a705a}
.admin-team-head-badge>svg{flex:0 0 auto}.admin-team-head-badge b,.admin-team-head-badge small{display:block}.admin-team-head-badge b{font-size:14px;color:#17483c}.admin-team-head-badge small{margin-top:2px;font-size:11.5px;color:#718079}
.admin-role-overview{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:11px;margin:0 0 18px}
.admin-role-overview article{display:grid;grid-template-columns:42px 1fr;gap:11px;align-items:start;padding:15px;border:1px solid #dce7e2;border-radius:17px;background:#fff;box-shadow:0 8px 24px rgba(19,53,43,.04)}
.admin-role-icon{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:#eaf7f2;color:#08705a}
.admin-role-overview small{display:block;font-size:9.5px;letter-spacing:.12em;font-weight:900;color:#698079}.admin-role-overview strong{display:block;margin:3px 0 4px;font-family:Georgia,serif;font-size:27px;font-weight:500;color:#18483c}.admin-role-overview p{margin:0;font-size:10.5px;line-height:1.55;color:#74817c}
.admin-team-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(310px,.62fr);gap:17px;align-items:start}
.admin-team-main,.admin-team-side{min-width:0}.admin-team-side{display:grid;gap:15px;position:sticky;top:20px}
.admin-team-panel{background:#fff;border:1px solid #dce7e2;border-radius:20px;padding:20px;box-shadow:0 9px 28px rgba(20,53,43,.04)}
.admin-team-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px}.admin-team-panel-head span{display:block;font-size:10.5px;letter-spacing:.16em;font-weight:900;color:#08705a}.admin-team-panel-head h2{font-family:Georgia,serif;font-weight:500;font-size:25px;line-height:1.15;color:#18483c;margin:5px 0 5px}.admin-team-panel-head p{margin:0;max-width:680px;font-size:12px;line-height:1.65;color:#718079}
.admin-team-list{display:grid;gap:11px}.admin-team-member{border:1px solid #e0e9e5;border-radius:17px;background:#fcfefd;overflow:hidden}.admin-team-member.inactive{opacity:.68;background:#f8faf9}
.admin-team-member-top{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:12px;align-items:center;padding:15px 16px}
.admin-team-avatar{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(145deg,#0a6f59,#084b3e);color:#fff;font-family:Georgia,serif;font-size:21px}
.admin-team-identity{min-width:0}.admin-team-identity>div{display:flex;align-items:center;gap:8px;min-width:0}.admin-team-identity b{font-size:15px;color:#23483f;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-team-identity em{font-style:normal;font-size:8px;font-weight:900;letter-spacing:.08em;padding:4px 7px;border-radius:999px;background:#eaf7f2;color:#08705a}.admin-team-identity span,.admin-team-identity small{display:flex;align-items:center;gap:5px;margin-top:3px;color:#74817c}.admin-team-identity span{font-size:11.5px}.admin-team-identity small{font-size:10.5px}
.admin-team-state{text-align:right}.admin-role-pill{display:inline-flex;align-items:center;min-height:27px;padding:5px 9px;border-radius:999px;background:#edf5f1;color:#315b50;font-size:10.5px;font-weight:800}.admin-role-pill.super_admin{background:#e7f5ef;color:#08705a}.admin-role-pill.operations{background:#eef4fb;color:#315f8d}.admin-role-pill.moderation{background:#fff4df;color:#8e6824}.admin-role-pill.content{background:#f3effb;color:#68528c}.admin-role-pill.analyst{background:#edf6f8;color:#356b76}.admin-team-state small{display:block;margin-top:6px;font-size:10px;font-weight:800}.admin-team-state small.active{color:#08705a}.admin-team-state small.inactive{color:#8b5a5a}
.admin-team-member-actions{padding:13px 16px 15px;border-top:1px solid #edf1ef;background:#fff}.admin-team-inline-form{display:grid;grid-template-columns:minmax(0,1fr) 190px auto;gap:9px;align-items:end}.admin-team-inline-form label,.admin-team-create-form label,.admin-team-reset label{font-size:11.5px!important;font-weight:750!important;color:#53645e}.admin-team-inline-form input,.admin-team-inline-form select,.admin-team-create-form input,.admin-team-create-form select,.admin-team-reset input{width:100%;min-height:43px!important;margin-top:5px;border:1px solid #d7e1dd;border-radius:11px;background:#fff;padding:10px 11px;font-size:13px!important;outline:0}.admin-team-inline-form input:focus,.admin-team-inline-form select:focus,.admin-team-create-form input:focus,.admin-team-create-form select:focus,.admin-team-reset input:focus{border-color:#84b8a6;box-shadow:0 0 0 3px rgba(8,112,90,.08)}
.admin-team-secondary-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:10px}.admin-team-reset{position:relative}.admin-team-reset summary{cursor:pointer;list-style:none;font-size:11px;font-weight:800;color:#08705a}.admin-team-reset summary::-webkit-details-marker{display:none}.admin-team-reset[open]{width:min(440px,100%)}.admin-team-reset form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:end;margin-top:9px;padding:11px;border-radius:12px;background:#f8fbf9;border:1px solid #e1e9e5}.admin-team-reset .password-field{margin-top:5px}.admin-team-reset .password-field input{margin-top:0;padding-right:46px}.admin-team-reset .btn{min-height:43px}
.admin-team-status-btn{border:0;background:none;padding:6px 0;font-size:10.5px;font-weight:850;cursor:pointer}.admin-team-status-btn.danger{color:#a45a5a}.admin-team-status-btn.success{color:#08705a}
.admin-team-create-form{display:grid;gap:11px}.admin-team-create-form label>small{display:block;margin-top:5px;font-size:10px;line-height:1.55;color:#7d8984}.admin-team-create-form .password-field{margin-top:5px}.admin-team-create-form .password-field input{margin-top:0;padding-right:48px}.admin-team-create-form .btn{margin-top:2px;min-height:46px;border-radius:12px}
.admin-team-audit{padding-bottom:16px}.admin-audit-list{display:grid}.admin-audit-list article{display:grid;grid-template-columns:12px 1fr;gap:9px;padding:10px 0;border-top:1px solid #edf1ef}.admin-audit-list article:first-child{border-top:0}.admin-audit-list article>span{width:9px;height:9px;border-radius:99px;background:#7cc3ab;margin-top:4px;box-shadow:0 0 0 4px #edf8f4}.admin-audit-list b{display:block;font-size:10.8px;color:#35574e;text-transform:capitalize}.admin-audit-list p{margin:2px 0;font-size:9.8px;line-height:1.5;color:#718079}.admin-audit-list small{font-size:9px;color:#98a19d}.admin-audit-empty{margin:0;font-size:11px;color:#7b8983}
@media(max-width:1250px){.admin-role-overview{grid-template-columns:repeat(3,minmax(0,1fr))}.admin-team-layout{grid-template-columns:1fr}.admin-team-side{position:static;grid-template-columns:1fr 1fr}.admin-team-create,.admin-team-audit{min-width:0}}
@media(max-width:760px){.admin-team-head-badge{margin-top:13px;min-width:0}.admin-role-overview{grid-template-columns:1fr 1fr;gap:8px}.admin-role-overview article{grid-template-columns:36px 1fr;padding:12px}.admin-role-icon{width:36px;height:36px}.admin-role-overview p{display:none}.admin-team-side{display:grid;grid-template-columns:1fr}.admin-team-panel{padding:16px;border-radius:17px}.admin-team-member-top{grid-template-columns:42px minmax(0,1fr);padding:13px}.admin-team-avatar{width:42px;height:42px;border-radius:12px}.admin-team-state{grid-column:1/-1;text-align:left;padding-left:54px;margin-top:-4px}.admin-team-state small{display:inline-block;margin:0 0 0 7px}.admin-team-member-actions{padding:12px 13px}.admin-team-inline-form{grid-template-columns:1fr}.admin-team-inline-form .btn{width:100%}.admin-team-secondary-actions{align-items:flex-start;flex-direction:column}.admin-team-reset,.admin-team-reset[open]{width:100%}.admin-team-reset form{grid-template-columns:1fr}.admin-team-reset .btn{width:100%}.admin-team-identity b{font-size:14px}.admin-team-identity span{font-size:10.5px}.admin-team-identity small{font-size:9.5px}}
.admin-role-workspace{max-width:850px}.admin-role-workspace>p{font-size:13px;line-height:1.7;color:#6f7e78;margin:0 0 15px}.admin-role-workspace-actions{display:flex;flex-wrap:wrap;gap:9px}.admin-role-workspace-actions .btn{min-height:44px;border-radius:11px}

/* =========================================================
   SAFAROKA V1.9.32 — VERIFIED TRAVEL MARQUEE RESTORE
   Keep verified travel logos continuously moving on desktop/mobile.
   ========================================================= */
.partner-marquee-track{
  animation:safaroka-marquee 32s linear infinite!important;
  animation-play-state:running!important;
  will-change:transform;
}
.partner-marquee:hover .partner-marquee-track,
.partner-marquee:focus-within .partner-marquee-track{
  animation-play-state:running!important;
}
@media(max-width:760px){
  .partner-marquee-track{animation-duration:26s!important}
}

/* =========================================================
   SAFAROKA V1.9.33 — MOBILE NAV LOGO PROPORTION
   Mobile only. Desktop remains unchanged.
   ========================================================= */
@media (max-width:900px){
  .site-header .brand{
    min-width:0!important;
    flex:0 1 auto!important;
  }
  .site-header .brand img,
  .site-header .nav-shell .brand img{
    height:46px!important;
    max-height:46px!important;
    width:auto!important;
    max-width:172px!important;
    object-fit:contain!important;
  }
}
@media (max-width:390px){
  .site-header .brand img,
  .site-header .nav-shell .brand img{
    height:43px!important;
    max-height:43px!important;
    max-width:158px!important;
  }
}

/* =========================================================
   SAFAROKA V1.9.34 — USER / JAMAAH ACCOUNT
   ========================================================= */
.customer-auth-page{min-height:100vh;padding:118px 24px 72px;background:linear-gradient(135deg,#f7f3ea 0%,#f2f8f5 100%)}
.customer-auth-shell{width:min(1100px,100%);margin:0 auto;display:grid;grid-template-columns:minmax(0,1.04fr) minmax(390px,.96fr);overflow:hidden;border:1px solid #dce7e2;border-radius:28px;background:#fff;box-shadow:0 26px 74px rgba(19,56,45,.12)}
.customer-auth-visual{position:relative;min-height:680px;padding:32px;display:flex;flex-direction:column;justify-content:space-between;gap:30px;color:#fff;background:linear-gradient(155deg,#0a5b4b 0%,#0a735d 54%,#084b3e 100%);overflow:hidden;isolation:isolate}
.customer-auth-visual:before{content:"";position:absolute;inset:0;z-index:-1;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='210' height='210' viewBox='0 0 210 210'%3E%3Cg fill='none' stroke='%23fff' stroke-opacity='.11' stroke-width='1.1'%3E%3Cpath d='M105 25l14 28 28 14-28 14-14 28-14-28-28-14 28-14z'/%3E%3Cpath d='M52 105l11 22 22 11-22 11-11 22-11-22-22-11 22-11z'/%3E%3Cpath d='M158 105l11 22 22 11-22 11-11 22-11-22-22-11 22-11z'/%3E%3Ccircle cx='105' cy='105' r='70' stroke-opacity='.06'/%3E%3C/g%3E%3C/svg%3E");background-size:230px 230px;opacity:.72}
.customer-auth-visual:after{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 15% 12%,rgba(255,255,255,.17),transparent 28%),linear-gradient(180deg,rgba(0,0,0,0),rgba(3,39,32,.22))}
.customer-auth-brand img{width:162px;height:auto;display:block;filter:none!important;-webkit-filter:none!important}
.customer-auth-visual-copy>span,.customer-auth-card>span,.customer-profile-card>span,.customer-account-section-head>div>span{font-size:12px;letter-spacing:.17em;font-weight:900;color:#0a755e}
.customer-auth-visual-copy>span{color:#d6eee5}.customer-auth-visual-copy h1{font-family:Georgia,serif;font-weight:500;font-size:46px;line-height:1.06;letter-spacing:-.04em;margin:9px 0 14px;max-width:530px}.customer-auth-visual-copy p{max-width:520px;margin:0;color:#dcebe6;font-size:15px;line-height:1.78}
.customer-auth-benefits{display:grid;gap:10px}.customer-auth-benefits>div{display:grid;grid-template-columns:42px 1fr;gap:12px;align-items:center;padding:13px 14px;border:1px solid rgba(255,255,255,.12);border-radius:15px;background:rgba(255,255,255,.08);backdrop-filter:blur(7px)}.customer-auth-benefits>div>svg{width:42px;height:42px;padding:11px;border-radius:12px;background:rgba(255,255,255,.14)}.customer-auth-benefits b,.customer-auth-benefits small{display:block}.customer-auth-benefits b{font-size:14px;color:#fff}.customer-auth-benefits small{font-size:12px;line-height:1.55;color:#d7e7e1;margin-top:2px}.customer-auth-security{display:grid;grid-template-columns:44px 1fr;gap:13px;align-items:start;padding:15px;border:1px solid rgba(255,255,255,.13);border-radius:16px;background:rgba(255,255,255,.08)}.customer-auth-security>svg{width:44px;height:44px;padding:10px;border-radius:12px;background:rgba(255,255,255,.14)}.customer-auth-security b,.customer-auth-security small{display:block}.customer-auth-security b{font-size:14px;margin-bottom:3px}.customer-auth-security small{font-size:12px;line-height:1.6;color:#d8e8e2}
.customer-auth-card{padding:42px 38px;display:flex;flex-direction:column;justify-content:center}.customer-auth-back{display:inline-flex;align-items:center;gap:7px;width:max-content;margin-bottom:42px;color:#62746d;font-size:13px;font-weight:750}.customer-auth-card h2{font-family:Georgia,serif;font-size:38px;line-height:1.1;font-weight:500;color:#173f36;margin:8px 0 10px}.customer-auth-card>p{font-size:14px;line-height:1.7;color:#6e7d77;margin:0 0 21px}.customer-auth-form{display:grid;gap:14px}.customer-auth-form label,.customer-profile-card label{display:grid;gap:7px;color:#415a51;font-size:13px;font-weight:800}.customer-auth-form label>small,.customer-profile-card label>small{font-size:11px;font-weight:600;color:#80908a}.customer-auth-form input,.customer-profile-card input{width:100%;height:49px;border:1px solid #d8e3de;border-radius:12px;background:#fff;padding:11px 13px;font-size:14px;outline:0}.customer-auth-form input:focus,.customer-profile-card input:focus{border-color:#8abbaa;box-shadow:0 0 0 3px rgba(8,112,90,.08)}.customer-auth-form .password-field input,.customer-profile-card .password-field input{padding-right:49px}.customer-auth-form .btn,.customer-profile-card .btn{min-height:47px;border-radius:12px;font-size:14px}.customer-auth-divider{display:flex;align-items:center;gap:11px;margin:20px 0 14px;color:#8b9893;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.customer-auth-divider:before,.customer-auth-divider:after{content:"";height:1px;background:#e4ebe7;flex:1}.customer-auth-note{display:block;margin-top:17px;text-align:center;color:#8a9691;font-size:11px;line-height:1.65}.customer-consent{grid-template-columns:19px 1fr!important;align-items:start!important;gap:9px!important;margin-top:2px}.customer-consent input{width:18px!important;height:18px!important;margin:1px 0 0;padding:0!important}.customer-consent span{font-size:11.5px;line-height:1.6;color:#667770;font-weight:600}.customer-consent a{color:#08705a;text-decoration:underline}.customer-register-card{padding-top:32px;padding-bottom:32px}.customer-register-card .customer-auth-back{margin-bottom:25px}
.customer-account-page{min-height:100vh;padding:118px 0 76px;background:linear-gradient(180deg,#f7faf8 0%,#fff 64%)}.customer-account-shell{max-width:1180px}.customer-account-head{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:25px 27px;border:1px solid #dfe8e4;border-radius:22px;background:#fff;box-shadow:0 14px 36px rgba(20,56,45,.055);margin-bottom:16px}.customer-account-identity{display:flex;align-items:center;gap:16px}.customer-avatar{width:58px;height:58px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(145deg,#08705a,#0b8b6e);color:#fff;font-family:Georgia,serif;font-size:28px;box-shadow:0 10px 22px rgba(8,112,90,.17)}.customer-account-identity small{display:block;font-size:11px;font-weight:900;letter-spacing:.15em;color:#08705a}.customer-account-identity h1{font-family:Georgia,serif;font-size:31px;line-height:1.1;font-weight:500;color:#17483b;margin:4px 0}.customer-account-identity p{margin:0;color:#6d7c76;font-size:13px}.customer-account-head-actions{display:flex;gap:8px}.customer-account-head-actions .btn{min-height:42px}.btn-ghost{display:inline-flex;align-items:center;justify-content:center;padding:10px 14px;border-radius:10px;color:#697a73;font-size:13px;font-weight:800}.btn-ghost:hover{background:#f1f6f3;color:#17483b}.customer-account-alert{margin:12px 0}.customer-account-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:16px 0}.customer-account-kpis article{display:grid;grid-template-columns:48px 1fr;gap:13px;align-items:start;padding:18px;border:1px solid #dfe8e4;border-radius:17px;background:#fff}.customer-account-kpis article>span{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:#edf7f3;color:#08705a}.customer-account-kpis article.accent{background:linear-gradient(135deg,#0a5949,#08705a);border-color:#0a5949;color:#fff}.customer-account-kpis article.accent>span{background:rgba(255,255,255,.13);color:#fff}.customer-account-kpis small{display:block;font-size:10px;letter-spacing:.12em;font-weight:900;color:#71827b}.customer-account-kpis .accent small,.customer-account-kpis .accent p{color:#c5ded5}.customer-account-kpis strong{display:block;font-size:29px;line-height:1;color:#16483c;margin:4px 0 6px}.customer-account-kpis .accent strong{color:#fff}.customer-account-kpis p{margin:0;color:#7a8883;font-size:11.5px;line-height:1.5}.customer-account-section{margin-top:16px;padding:24px;border:1px solid #e0e9e5;border-radius:22px;background:#fff;box-shadow:0 10px 29px rgba(18,56,45,.04)}.customer-account-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:18px}.customer-account-section-head h2{font-family:Georgia,serif;font-size:27px;color:#19483c;font-weight:500;margin:5px 0 0}.customer-account-section-head>a{display:inline-flex;align-items:center;gap:6px;color:#08705a;font-size:12.5px;font-weight:850}.customer-saved-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.customer-saved-card{overflow:hidden;border:1px solid #e0e9e5;border-radius:17px;background:#fff}.customer-saved-media{position:relative;display:block;aspect-ratio:16/9;background:#f7f5ef;overflow:hidden}.customer-saved-media img{width:100%;height:100%;object-fit:contain}.customer-saved-media>span{position:absolute;left:10px;bottom:9px;display:inline-flex;align-items:center;gap:4px;padding:5px 8px;border-radius:999px;background:rgba(8,72,59,.88);color:#fff;font-size:9px;font-weight:800}.customer-saved-body{padding:14px}.customer-saved-body>small{display:block;color:#08705a;font-size:10px;font-weight:850}.customer-saved-body h3{font-size:16px;line-height:1.35;margin:4px 0 7px}.customer-saved-body h3 a{color:#203f36}.customer-saved-body>strong{display:block;color:#0a6e58;font-size:17px;margin-bottom:9px}.customer-saved-body>div{display:grid;gap:5px;color:#71817a}.customer-saved-body>div span{display:flex;align-items:center;gap:6px;font-size:11px}.customer-saved-body form{margin-top:11px;padding-top:10px;border-top:1px solid #edf1ef}.customer-saved-body form button{border:0;background:transparent;padding:0;color:#8b5a55;font-size:10.5px;font-weight:750;cursor:pointer}.customer-history-list{display:grid;gap:9px}.customer-history-list article{display:grid;grid-template-columns:46px minmax(0,1fr) auto;gap:13px;align-items:center;padding:14px;border:1px solid #e4ebe7;border-radius:15px;background:#fbfdfc}.customer-history-icon{width:46px;height:46px;border-radius:13px;display:grid;place-items:center;background:#eaf7f2;color:#08705a}.customer-history-copy small{display:block;color:#83918b;font-size:10px}.customer-history-copy h3{margin:2px 0 3px;color:#29493f;font-size:14px}.customer-history-copy p{margin:0;color:#6e7d77;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:590px}.customer-history-actions{display:flex;gap:7px}.customer-history-actions .btn{min-height:38px;padding:8px 11px;font-size:11px}.customer-account-empty{display:grid;place-items:center;text-align:center;padding:36px 20px;border:1px dashed #ccdad4;border-radius:16px;background:#f8fbf9;color:#71817a}.customer-account-empty>svg{color:#0a755e}.customer-account-empty h3{margin:9px 0 5px;color:#294a40;font-size:16px}.customer-account-empty p{max-width:540px;margin:0 0 14px;font-size:12px;line-height:1.7}.customer-account-empty.compact{padding:26px}.customer-profile-page{padding-bottom:90px}.customer-profile-shell{max-width:1000px}.customer-profile-head{margin-bottom:18px}.customer-profile-head>a{display:inline-flex;align-items:center;gap:6px;color:#687971;font-size:12px;font-weight:800;margin-bottom:22px}.customer-profile-head>span{display:block;font-size:11px;letter-spacing:.16em;font-weight:900;color:#08705a}.customer-profile-head h1{font-family:Georgia,serif;font-size:37px;color:#17483b;font-weight:500;margin:5px 0 7px}.customer-profile-head p{margin:0;color:#71817a;font-size:13px}.customer-profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}.customer-profile-card{display:grid;align-content:start;gap:13px;padding:24px;border:1px solid #dfe8e4;border-radius:20px;background:#fff;box-shadow:0 10px 28px rgba(18,56,45,.04)}.customer-profile-card h2{font-family:Georgia,serif;font-size:25px;color:#19483c;font-weight:500;margin:-5px 0 3px}.customer-profile-card input:disabled{background:#f5f7f6;color:#7f8c87}.customer-profile-card .btn{margin-top:4px}
@media(max-width:900px){.customer-auth-page{padding:88px 14px 42px}.customer-auth-shell{grid-template-columns:1fr;border-radius:22px}.customer-auth-visual{min-height:420px;padding:23px}.customer-auth-visual-copy h1{font-size:36px}.customer-auth-benefits{grid-template-columns:repeat(3,1fr)}.customer-auth-benefits>div{display:block}.customer-auth-benefits>div>svg{margin-bottom:8px}.customer-auth-card{padding:28px 23px 30px}.customer-auth-back{margin-bottom:25px}.customer-auth-card h2{font-size:32px}.customer-account-page{padding:88px 0 92px}.customer-account-head{align-items:flex-start;flex-direction:column}.customer-account-kpis{grid-template-columns:1fr 1fr}.customer-account-kpis article.accent{grid-column:1/-1}.customer-saved-grid{grid-template-columns:1fr 1fr}.customer-profile-grid{grid-template-columns:1fr}}
@media(max-width:600px){.customer-auth-visual{min-height:360px;padding:20px 18px}.customer-auth-brand img{width:132px}.customer-auth-visual-copy h1{font-size:30px}.customer-auth-visual-copy p{font-size:12.5px}.customer-auth-benefits{grid-template-columns:1fr;gap:7px}.customer-auth-benefits>div{display:grid;grid-template-columns:38px 1fr;padding:10px}.customer-auth-benefits>div>svg{width:38px;height:38px;margin:0}.customer-auth-benefits small{font-size:10.5px}.customer-auth-card{padding:24px 18px 26px}.customer-auth-card h2{font-size:28px}.customer-auth-card>p{font-size:12.5px}.customer-auth-form input{font-size:14px}.customer-account-shell{width:calc(100% - 24px)}.customer-account-head{padding:18px;border-radius:18px}.customer-avatar{width:49px;height:49px;border-radius:15px;font-size:23px}.customer-account-identity{align-items:flex-start}.customer-account-identity h1{font-size:25px}.customer-account-identity p{font-size:11.5px}.customer-account-head-actions{width:100%}.customer-account-head-actions .btn,.customer-account-head-actions .btn-ghost{flex:1}.customer-account-kpis{grid-template-columns:1fr;gap:8px}.customer-account-kpis article.accent{grid-column:auto}.customer-account-section{padding:17px 14px;border-radius:18px}.customer-account-section-head{align-items:flex-start;flex-direction:column;gap:8px}.customer-account-section-head h2{font-size:23px}.customer-saved-grid{grid-template-columns:1fr}.customer-history-list article{grid-template-columns:42px 1fr}.customer-history-icon{width:42px;height:42px}.customer-history-actions{grid-column:1/-1;width:100%}.customer-history-actions .btn{flex:1}.customer-history-copy p{max-width:230px}.customer-profile-head h1{font-size:31px}.customer-profile-card{padding:19px 16px;border-radius:17px}}

/* =========================================================
   SAFAROKA V1.9.35 — PARTNER CREATE PACKAGE + REVIEW QUEUE
   ========================================================= */
.partner-add-package-btn{display:inline-flex;align-items:center;gap:7px;min-height:44px;padding:0 17px!important;border-radius:12px!important;white-space:nowrap}
.partner-create-notice{display:grid;grid-template-columns:42px 1fr;gap:12px;align-items:start;padding:15px 17px;margin-bottom:15px;border:1px solid #cfe2da;border-radius:16px;background:linear-gradient(135deg,#eef9f5,#fbfdfc);color:#0b6c57}
.partner-create-notice>svg{margin-top:2px}.partner-create-notice b{display:block;font-size:13px;color:#244b40;margin-bottom:3px}.partner-create-notice p{margin:0;font-size:11px;line-height:1.65;color:#62746d}
.partner-package-create-form{max-width:none!important;padding:25px 26px!important}.partner-package-section{padding:5px 0 13px;margin:8px 0 16px;border-bottom:1px solid #e7eeea}.partner-package-section:first-of-type{margin-top:0}.partner-package-section>span{display:block;font-size:10px;font-weight:900;letter-spacing:.14em;color:#0a755e}.partner-package-section>p{margin:5px 0 0;font-size:10.5px;line-height:1.65;color:#78857f}
.partner-package-create-form>label,.partner-package-create-form>.two,.partner-package-create-form>.three,.partner-package-create-form>.smart-choice-grid{margin-top:13px}.partner-package-create-form label{font-size:10.5px!important}.partner-package-create-form label>small{font-size:9px!important;line-height:1.5}.partner-package-create-form input,.partner-package-create-form select,.partner-package-create-form textarea{font-size:12px!important;min-height:46px;border-radius:11px!important}.partner-package-create-form textarea{min-height:92px}
.partner-package-create-form .search-select-card{background:#fbfdfc;border-radius:16px;padding:14px;border:1px solid #e0e9e5}.partner-package-create-form .search-select-trigger{min-height:50px;border-radius:12px}.partner-package-create-form .search-select-popover{z-index:30}.partner-package-create-form .hotel-admin-card{border-radius:17px!important;background:#fbfdfc!important}.partner-package-create-form .cover-guideline{margin-top:15px;border-radius:15px!important}
.partner-package-submit{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:22px;padding:17px 18px;border-radius:16px;background:linear-gradient(135deg,#084c3f,#0a6955);color:#fff}.partner-package-submit>div{display:flex;align-items:center;gap:10px}.partner-package-submit b,.partner-package-submit small{display:block}.partner-package-submit b{font-size:12px}.partner-package-submit small{font-size:9px;color:#c7ddd5;margin-top:2px}.partner-package-submit .btn{background:#fff!important;color:#085443!important;border-color:#fff!important;white-space:nowrap}
.partner-new-submissions{margin-bottom:15px}.partner-new-submissions .partner-panel-head>small{font-size:9px;color:#87948f}.partner-submission-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.partner-submission-card{display:grid;grid-template-columns:145px minmax(0,1fr);gap:14px;border:1px solid #dfe9e4;border-radius:17px;background:#fff;padding:11px;overflow:hidden}.partner-submission-card.pending{border-color:#cfe4da;background:#fcfefd}.partner-submission-card.rejected{border-color:#ead9d2;background:#fffdfc}.partner-submission-cover{aspect-ratio:16/9;border-radius:12px;background:#f0f4f2;overflow:hidden;display:grid;place-items:center;color:#81908a}.partner-submission-cover img{width:100%;height:100%;object-fit:contain;background:#f7f4eb}.partner-submission-body{min-width:0}.partner-submission-status{display:flex;align-items:center;justify-content:space-between;gap:8px}.partner-submission-status small{font-size:7.5px;color:#8a9691}.partner-submission-body>b{display:block;font-size:11.5px;color:#244b40;margin:8px 0 3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.partner-submission-body>p{margin:0;font-size:8.7px;color:#7b8983}.partner-submission-body>strong{display:block;margin-top:7px;font-size:11px;color:#0a7159}.partner-rejection-note{margin-top:8px;padding:8px 9px;border-radius:9px;background:#fff2ed}.partner-rejection-note b,.partner-rejection-note span{display:block}.partner-rejection-note b{font-size:8px;color:#a45135}.partner-rejection-note span{font-size:8px;line-height:1.5;color:#7b6258;margin-top:2px}
.partner-new-package-review{margin-bottom:16px}.partner-new-package-review .admin-panel-head p{margin:4px 0 0;font-size:10px;color:#78857f}.partner-new-package-review-grid{display:grid;gap:12px}.partner-new-package-review-card{display:grid;grid-template-columns:240px minmax(0,1fr);gap:18px;padding:14px;border:1px solid #dfe8e4;border-radius:18px;background:#fbfdfc}.partner-new-package-review-cover{aspect-ratio:16/9;border-radius:14px;overflow:hidden;background:#f2f5f3;display:grid;place-items:center;color:#87938e}.partner-new-package-review-cover img{width:100%;height:100%;object-fit:contain;background:#f7f4ec}.partner-new-package-review-body{min-width:0}.partner-new-package-review-top{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;margin-bottom:12px}.partner-new-package-review-top span{font-size:8px;font-weight:900;letter-spacing:.14em;color:#0a755e}.partner-new-package-review-top h3{font-family:var(--font-display);font-size:23px;line-height:1.15;color:#19493d;margin:4px 0}.partner-new-package-review-top small{font-size:8px;color:#89958f}.partner-new-package-review-top strong{font-size:14px;color:#0a7159;white-space:nowrap}.partner-new-package-review-card dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px 12px;margin:0 0 12px}.partner-new-package-review-card dl>div{padding:8px 10px;border-radius:10px;background:#fff;border:1px solid #e8eeeb}.partner-new-package-review-card dt{font-size:7.5px;font-weight:850;color:#8a9691;text-transform:uppercase;letter-spacing:.06em}.partner-new-package-review-card dd{margin:3px 0 0;font-size:9px;line-height:1.5;color:#3d5a51}.partner-review-file{display:inline-flex;align-items:center;gap:5px;font-size:8.5px;font-weight:800;color:#0a7159;margin-bottom:10px}.partner-review-existing-grid{margin-top:0}
@media(max-width:1050px){.partner-submission-grid{grid-template-columns:1fr}.partner-new-package-review-card{grid-template-columns:190px minmax(0,1fr)}}
@media(max-width:760px){.partner-head-create{gap:13px}.partner-add-package-btn{width:100%;justify-content:center}.partner-package-create-form{padding:18px 15px!important}.partner-package-create-form .two,.partner-package-create-form .three,.partner-package-create-form .hotel-admin-grid,.partner-package-create-form .smart-choice-grid{grid-template-columns:1fr!important}.partner-package-submit{align-items:flex-start;flex-direction:column}.partner-package-submit .btn{width:100%}.partner-submission-card{grid-template-columns:110px minmax(0,1fr)}.partner-new-package-review-card{grid-template-columns:1fr}.partner-new-package-review-cover{max-width:360px}.partner-new-package-review-top{flex-direction:column}.partner-new-package-review-card dl{grid-template-columns:1fr}.partner-review-actions{align-items:stretch!important;flex-direction:column!important}.partner-review-actions form,.partner-review-actions input,.partner-review-actions button{width:100%}}

/* V1.9.40 — Multi alamat cabang Travel */
.travel-branches-editor{margin:14px 0 18px;padding:16px;border:1px solid rgba(8,117,95,.16);border-radius:18px;background:rgba(248,251,249,.9)}
.travel-branches-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px}
.travel-branches-head>div{display:grid;gap:3px}.travel-branches-head b{font-size:15px;color:#123c34}.travel-branches-head small{color:#6d7f7a;line-height:1.45}
.travel-branches-list{display:grid;gap:10px}.travel-branch-row{display:grid;grid-template-columns:minmax(150px,.7fr) minmax(240px,1.6fr) 38px;gap:10px;align-items:start;padding:10px;border:1px solid rgba(8,117,95,.12);border-radius:14px;background:#fff}
.travel-branch-row input,.travel-branch-row textarea{width:100%;margin:0}.travel-branch-row textarea{min-height:72px;resize:vertical}.travel-branch-remove{width:36px;height:36px;border:0;border-radius:10px;background:#fff0ee;color:#a53d34;font-size:22px;line-height:1;cursor:pointer}.travel-branch-remove:hover{background:#ffe2df}.travel-branches-empty{margin:4px 0 0;color:#81908c;font-size:13px}
.travel-profile-branches{margin-top:18px;padding:16px;border-radius:18px;background:#f7faf8;border:1px solid rgba(8,117,95,.13)}.travel-profile-branches-head{display:flex;align-items:center;gap:10px;margin-bottom:12px}.travel-profile-branches-head>span{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:#e7f4ef;color:#08755f}.travel-profile-branches-head>div{display:grid}.travel-profile-branches-head b{color:#123c34}.travel-profile-branches-head small{color:#71817c}.travel-profile-branches-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.travel-profile-branches-grid article{display:flex;gap:10px;padding:12px;border-radius:14px;background:#fff;border:1px solid rgba(8,117,95,.1)}.travel-profile-branches-grid article>span{color:#08755f;flex:0 0 auto}.travel-profile-branches-grid article b{display:block;color:#173d35;margin-bottom:3px}.travel-profile-branches-grid article p{margin:0;color:#62736f;line-height:1.55;font-size:13px}.partner-review-branches{margin:10px 0;padding:12px;border-radius:12px;background:#f7faf8}.partner-review-branches>b{display:block;margin-bottom:7px}.partner-review-branches>div{display:grid;gap:2px;padding:7px 0;border-top:1px solid rgba(8,117,95,.1)}.partner-review-branches strong{font-size:13px}.partner-review-branches span{font-size:12px;color:#65746f;line-height:1.45}
@media(max-width:760px){.travel-branches-head{align-items:flex-start;flex-direction:column}.travel-branch-row{grid-template-columns:1fr 38px}.travel-branch-row textarea{grid-column:1/2}.travel-branch-remove{grid-column:2;grid-row:1}.travel-profile-branches-grid{grid-template-columns:1fr}}

/* =========================================================
   SAFAROKA V1.9.41 — NAVBAR + TYPOGRAPHY PROPORTION POLISH
   Pure visual/readability polish. No layout/flow redesign.
   ========================================================= */

/* Public navbar — keep the approved 18px navigation, reduce oversized chrome. */
@media (min-width:901px){
  .site-header .nav-shell{
    height:96px!important;
    gap:34px!important;
  }
  .site-header .brand{
    min-width:268px!important;
  }
  .site-header .brand img,
  .site-header .nav-shell .brand img{
    width:260px!important;
    max-width:260px!important;
    height:auto!important;
    max-height:64px!important;
  }
  .site-header .desktop-nav{
    gap:26px!important;
    font-size:18px!important;
  }
  .site-header .desktop-nav>a,
  .site-header .desktop-nav>a.nav-login,
  .site-header .nav-saved{
    font-size:18px!important;
    line-height:1.2!important;
  }
  .site-header .nav-login{
    font-size:16.5px!important;
    padding:10px 17px!important;
  }
}

@media (max-width:900px){
  body{padding-top:82px!important}
  .site-header .nav-shell{
    height:82px!important;
  }
  .site-header .brand img,
  .site-header .nav-shell .brand img{
    width:190px!important;
    max-width:190px!important;
    height:auto!important;
    max-height:50px!important;
  }
}
@media (max-width:390px){
  .site-header .brand img,
  .site-header .nav-shell .brand img{
    width:174px!important;
    max-width:174px!important;
    max-height:47px!important;
  }
}

/* Public package cards — secondary information should remain readable. */
.travel-line{font-size:13.5px!important;line-height:1.5!important}
.travel-line span{font-size:11.5px!important}
.package-meta{font-size:13.5px!important;line-height:1.45!important}
.price small{font-size:13.5px!important}
.package-actions .btn,.text-action{font-size:13.5px!important}
.guide-mini p{font-size:13.5px!important;line-height:1.6!important}
.filter-bar label{font-size:14px!important}
.results-head small{font-size:13.5px!important}

/* Travel Company Profile / Compro — optimized for trust information and older readers. */
.travel-profile-prose{font-size:16px!important;line-height:1.85!important}
.travel-profile-section>span,
.travel-profile-contact-card>span{font-size:12px!important}
.travel-profile-facts small{font-size:12px!important;line-height:1.45!important}
.travel-profile-facts b{font-size:14.5px!important;line-height:1.55!important}
.travel-profile-contact-card>p{font-size:14.5px!important;line-height:1.72!important}
.travel-profile-contact-card>small{font-size:12px!important}
.trust-center-intro{font-size:14.5px!important;line-height:1.8!important}
.trust-center-checks b{font-size:14px!important}
.trust-center-checks span{font-size:13px!important}
.trust-center-meta{font-size:12px!important}
.travel-profile-branches-head b{font-size:14.5px!important}
.travel-profile-branches-head small{font-size:12.5px!important}
.travel-profile-branches-grid article b{font-size:14px!important}
.travel-profile-branches-grid article p{font-size:14px!important;line-height:1.65!important}

/* Admin — maintain the approved workspace but remove micro typography. */
.admin-panel-head span{font-size:12px!important}
.admin-panel-head h2{font-size:25px!important}
.admin-subsection>span{font-size:12px!important}
.admin-subsection>p{font-size:13.5px!important}
.travel-legal-admin-doc b{font-size:13.5px!important}
.travel-legal-admin-doc small{font-size:11.5px!important}

/* Partner package editor — later legacy rules previously shrank these to 9–12px. */
.partner-package-section>span{font-size:12px!important}
.partner-package-section>p{font-size:13.5px!important;line-height:1.65!important}
.partner-package-create-form label{font-size:14px!important;line-height:1.45!important}
.partner-package-create-form label>small{font-size:12px!important;line-height:1.55!important}
.partner-package-create-form input,
.partner-package-create-form select,
.partner-package-create-form textarea{font-size:15px!important;line-height:1.45!important}
.partner-package-submit b{font-size:14px!important}
.partner-package-submit small{font-size:12px!important;line-height:1.5!important}
.partner-create-notice b{font-size:14px!important}
.partner-create-notice p{font-size:12.5px!important;line-height:1.65!important}

/* Partner submission queue — readable without making cards bulky. */
.partner-new-submissions .partner-panel-head>small{font-size:11.5px!important}
.partner-submission-status small{font-size:11.5px!important}
.partner-submission-body>b{font-size:14px!important;line-height:1.4!important}
.partner-submission-body>p{font-size:12.5px!important;line-height:1.5!important}
.partner-submission-body>strong{font-size:13.5px!important}
.partner-rejection-note b{font-size:11.5px!important}
.partner-rejection-note span{font-size:12px!important;line-height:1.55!important}

/* Admin review of Partner submissions — critical facts must never be micro text. */
.partner-new-package-review .admin-panel-head p{font-size:13.5px!important;line-height:1.65!important}
.partner-new-package-review-top span{font-size:11.5px!important}
.partner-new-package-review-top h3{font-size:24px!important}
.partner-new-package-review-top small{font-size:12px!important;line-height:1.5!important}
.partner-new-package-review-top strong{font-size:15px!important}
.partner-new-package-review-card dt{font-size:11.5px!important;line-height:1.4!important}
.partner-new-package-review-card dd{font-size:13.5px!important;line-height:1.55!important}
.partner-review-file{font-size:13px!important}
.partner-review-branches>b{font-size:13px!important}
.partner-review-branches strong{font-size:13.5px!important}
.partner-review-branches span{font-size:12.5px!important;line-height:1.55!important}

@media(max-width:760px){
  .travel-profile-heading p{font-size:14.5px!important;line-height:1.7!important}
  .travel-profile-prose{font-size:15px!important;line-height:1.8!important}
  .travel-profile-facts small{font-size:11.5px!important}
  .travel-profile-facts b{font-size:13.5px!important}
  .trust-center-checks b{font-size:13px!important}
  .trust-center-checks span{font-size:12px!important}
  .package-meta{font-size:12.5px!important}
  .travel-line{font-size:12.5px!important}
  .partner-package-create-form label{font-size:13.5px!important}
  .partner-package-create-form input,
  .partner-package-create-form select,
  .partner-package-create-form textarea{font-size:16px!important}
}


/* V1.9.43 — Panduan HTML content */
.guide-body-content{font-size:17px;line-height:1.9;color:#4e5d57}.guide-body-content>p:first-child{margin-top:0}.guide-body-content p{font-size:17px;line-height:1.9;color:#4e5d57;margin:0 0 18px}.guide-body-content h2{font-family:Georgia,serif;font-size:31px;line-height:1.2;color:#174a3d;margin:38px 0 15px}.guide-body-content h3{font-family:Georgia,serif;font-size:25px;line-height:1.25;color:#1d5144;margin:30px 0 12px}.guide-body-content h4{font-size:19px;color:#244d42;margin:25px 0 10px}.guide-body-content ul,.guide-body-content ol{padding-left:24px;margin:0 0 20px}.guide-body-content li{margin:7px 0}.guide-body-content blockquote{margin:24px 0;padding:17px 20px;border-left:4px solid #0b8067;background:#f5f9f7;border-radius:0 12px 12px 0;color:#35564d}.guide-body-content a{color:#08755f;text-decoration:underline;text-underline-offset:3px}.guide-body-content hr{border:0;border-top:1px solid #dce5e1;margin:32px 0}.guide-body-content table{width:100%;border-collapse:collapse;margin:24px 0;font-size:15px}.guide-body-content th,.guide-body-content td{border:1px solid #dce5e1;padding:11px 12px;text-align:left;vertical-align:top}.guide-body-content th{background:#f2f7f4;color:#24483e}.guide-body-content figure{margin:28px 0}.guide-body-content img{max-width:100%;height:auto;border-radius:14px}.guide-body-content figcaption{margin-top:8px;font-size:13px;color:#7a8983;text-align:center}
@media(max-width:760px){.guide-body-content,.guide-body-content p{font-size:16px;line-height:1.85}.guide-body-content h2{font-size:27px}.guide-body-content h3{font-size:22px}.guide-body-content table{font-size:13px;display:block;overflow-x:auto}}

/* V1.9.45 — Admin MFA & Security Center */
.security-mfa-secret{display:grid;gap:8px;padding:16px;border:1px solid #d9e6e1;border-radius:16px;background:#f6faf8;margin:10px 0 16px}.security-mfa-secret strong{font:700 18px/1.45 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:2px;word-break:break-all;color:#075d4d}.security-mfa-secret small{font-weight:800;color:#08755f}.security-backup-codes{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:16px 0}.security-backup-codes code{padding:10px 12px;border-radius:10px;background:#f3f7f5;border:1px solid #dce8e3;font-weight:800;text-align:center}.security-status-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.security-status-card{padding:18px;border:1px solid #e3ebe7;border-radius:18px;background:#fff}.security-status-card.good{box-shadow:inset 4px 0 #08755f}.security-status-card.warn{box-shadow:inset 4px 0 #d08b12}.security-status-card.bad{box-shadow:inset 4px 0 #b53d3d}.security-status-card small{display:block;font-weight:800;letter-spacing:.06em;color:#6b7b75}.security-status-card strong{display:block;font-size:18px;margin:5px 0}.security-status-card p{margin:0;color:#62716c}.security-action-panel{margin-top:18px;padding:20px;border-radius:18px;background:#f7faf8;border:1px solid #e0ebe6}.admin-mfa-pill{display:inline-flex;align-items:center;gap:6px;padding:5px 9px;border-radius:999px;font-size:12px;font-weight:800}.admin-mfa-pill.on{background:#e6f5ef;color:#08755f}.admin-mfa-pill.off{background:#fff1e5;color:#9b5c10}@media(max-width:720px){.security-status-grid{grid-template-columns:1fr}.security-backup-codes{grid-template-columns:1fr}}


/* =========================================================
   SAFAROKA V1.9.50 — PACKAGE IMAGE LIGHTBOX
   Main package image can be opened large on desktop/mobile.
   ========================================================= */
.detail-image-zoom{
  position:relative;
  display:block;
  width:100%;
  height:100%;
  padding:0;
  margin:0;
  border:0;
  background:transparent;
  color:inherit;
  cursor:zoom-in;
  overflow:hidden;
  font:inherit;
}
.detail-image-zoom img{transition:transform .24s ease,filter .24s ease}
.detail-image-zoom:hover img{transform:scale(1.012)}
.detail-image-zoom:focus-visible{outline:3px solid rgba(7,91,73,.34);outline-offset:-4px;border-radius:inherit}
.detail-image-zoom-hint{
  position:absolute;
  right:14px;
  bottom:14px;
  z-index:3;
  display:inline-flex;
  align-items:center;
  gap:7px;
  min-height:35px;
  padding:7px 11px;
  border:1px solid rgba(255,255,255,.34);
  border-radius:999px;
  background:rgba(18,43,36,.76);
  color:#fff;
  box-shadow:0 8px 24px rgba(0,0,0,.16);
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
  font-size:12px;
  font-weight:800;
  line-height:1;
  pointer-events:none;
}
.package-image-lightbox{
  position:fixed;
  inset:0;
  z-index:10000;
  display:grid;
  place-items:center;
  padding:28px;
}
.package-image-lightbox[hidden]{display:none!important}
.package-image-lightbox-backdrop{
  position:absolute;
  inset:0;
  border:0;
  padding:0;
  background:rgba(7,20,16,.9);
  cursor:zoom-out;
}
.package-image-lightbox-dialog{
  position:relative;
  z-index:1;
  display:grid;
  place-items:center;
  width:min(1280px,94vw);
  max-height:92vh;
  margin:0;
}
.package-image-lightbox-image{
  display:block;
  width:auto!important;
  height:auto!important;
  max-width:94vw!important;
  max-height:88vh!important;
  object-fit:contain!important;
  object-position:center!important;
  border-radius:18px;
  background:#f8f6f1;
  box-shadow:0 30px 90px rgba(0,0,0,.38);
  touch-action:pinch-zoom;
  user-select:none;
  -webkit-user-drag:none;
}
.package-image-lightbox-close{
  position:absolute;
  top:-16px;
  right:-16px;
  z-index:2;
  display:grid;
  place-items:center;
  width:44px;
  height:44px;
  padding:0;
  border:1px solid rgba(255,255,255,.38);
  border-radius:50%;
  background:rgba(255,255,255,.96);
  color:#173d32;
  box-shadow:0 10px 28px rgba(0,0,0,.24);
  font-size:28px;
  line-height:1;
  cursor:pointer;
}
.package-image-lightbox-close:hover{transform:translateY(-1px)}
.package-image-lightbox-close:focus-visible{outline:3px solid rgba(255,255,255,.55);outline-offset:3px}
body.package-image-lightbox-open{overflow:hidden}
@media(max-width:900px){
  .detail-image-zoom-hint{right:10px;bottom:10px;min-height:32px;padding:6px 9px;font-size:11px}
  .package-image-lightbox{padding:14px}
  .package-image-lightbox-dialog{width:100%;max-height:94vh}
  .package-image-lightbox-image{max-width:calc(100vw - 28px)!important;max-height:86vh!important;border-radius:14px}
  .package-image-lightbox-close{top:-10px;right:-4px;width:42px;height:42px}
}
@media(prefers-reduced-motion:reduce){.detail-image-zoom img{transition:none}.package-image-lightbox-close:hover{transform:none}}


/* =========================================================
   SAFAROKA V1.9.51 — CLEAN HERO COPY
   Remove decorative helper cards that made the public pages
   feel overly generated. Keep the approved background hero.
   ========================================================= */
.guides-mockup-hero-inner,
.catalog-hero-composed-inner,
.discover-hero-premium-inner{
  grid-template-columns:minmax(0,1fr)!important;
  gap:0!important;
}
.guides-mockup-copy,
.catalog-hero-copy-block,
.discover-hero-copy{
  max-width:760px!important;
}
@media(max-width:1020px){
  .guides-mockup-hero-inner,
  .catalog-hero-composed-inner,
  .discover-hero-premium-inner{
    grid-template-columns:minmax(0,1fr)!important;
    gap:0!important;
  }
}


/* =========================================================
   SAFAROKA V1.9.53 — CUSTOMER NAME + SALAM GREETING
   Logged-in Jamaah identity polish only; no navigation redesign.
   ========================================================= */
@media (min-width:901px){
  .site-header .nav-login-customer{max-width:210px!important;min-width:0!important}
  .site-header .nav-login-customer .nav-login-name{display:block;max-width:158px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
}
@media (min-width:1180px){
  .site-header .nav-login-customer{max-width:250px!important}
  .site-header .nav-login-customer .nav-login-name{max-width:198px}
}
@media (max-width:900px){
  .mobile-app-menu-head .customer-mobile-greeting{min-width:0;max-width:calc(100% - 50px)}
  .mobile-app-menu-head .customer-mobile-greeting small{letter-spacing:.12em!important}
  .mobile-app-menu-head .customer-mobile-greeting b{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:19px!important}
  .customer-account-identity h1{font-size:30px!important;line-height:1.12!important}
}
@media (max-width:430px){
  .customer-account-identity h1{font-size:27px!important}
}