:root{--bg:#020916;--card:#0b1931;--line:rgba(255,255,255,.13);--cyan:#21E4DC;--blue:#0E63FF;--soft:#A9C2D8}
*{box-sizing:border-box} html,body{margin:0;background:#000;color:#fff;font-family:Inter,Arial,sans-serif;max-width:100%;overflow-x:hidden}
body{min-height:100vh}.app{width:100%;max-width:430px;margin:0 auto;min-height:100vh;background:#020916;position:relative;overflow-x:hidden;padding-bottom:92px}
a{text-decoration:none;color:inherit}.page{padding:72px 14px 20px}.page-title{font-size:30px;line-height:1.05;margin:0 0 9px;font-weight:950;letter-spacing:-.04em}.page-sub{font-size:13px;color:var(--soft);line-height:1.4;margin:0 0 16px}
.mobile-header{position:fixed;z-index:90;top:0;left:50%;transform:translateX(-50%);width:100%;max-width:430px;display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:rgba(2,9,22,.78);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}
.brand-mini{display:flex;align-items:center;gap:8px}.brand-mini img{width:36px;height:36px;object-fit:contain;border-radius:10px}.brand-mini strong{font-size:20px;letter-spacing:-.04em}.brand-mini span{display:block;color:var(--cyan);font-size:7px;letter-spacing:.9px;font-weight:900;margin-top:1px}.head-btn{width:34px;height:34px;border:1px solid var(--line);background:rgba(255,255,255,.05);border-radius:13px;color:#fff;font-size:18px;display:grid;place-items:center}
.card{background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.035));border:1px solid var(--line);border-radius:20px;padding:14px;box-shadow:0 14px 34px rgba(0,0,0,.28)}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.list{display:grid;gap:10px}.btn{display:flex;align-items:center;justify-content:center;min-height:42px;border-radius:14px;background:linear-gradient(90deg,var(--blue),var(--cyan));font-weight:950;color:white}.btn.secondary{background:rgba(255,255,255,.07);border:1px solid var(--line)}
.hero-img{width:100%;height:190px;object-fit:cover;border-radius:20px;border:1px solid var(--line);display:block}.small{font-size:11px;color:var(--soft)}
.bottom{position:fixed;z-index:100;left:50%;transform:translateX(-50%);bottom:7px;width:min(390px,calc(100% - 20px));display:grid;grid-template-columns:repeat(5,1fr);gap:5px;padding:6px;background:rgba(2,9,22,.88);backdrop-filter:blur(18px);border:1px solid var(--line);border-radius:22px;box-shadow:0 18px 50px rgba(0,0,0,.42)}.bottom a{text-align:center;color:#d2deec;font-size:9.5px;font-weight:800;padding:4px 1px}.bottom a.active{color:#1c9fff}.bottom b{display:block;font-size:17px;margin-bottom:2px}.bottom .center{width:50px;height:50px;margin:-20px auto 0;border-radius:50%;display:grid;place-items:center;background:linear-gradient(180deg,var(--cyan),var(--blue));font-size:21px;box-shadow:0 10px 30px rgba(14,99,255,.55)}
.package-card{display:grid;gap:8px}.package-card h3{margin:0;font-size:18px}.pkg-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.pkg-meta div{background:rgba(2,9,22,.5);border:1px solid var(--line);border-radius:12px;padding:8px 5px;text-align:center;font-size:10px;color:var(--soft)}.pkg-meta strong{display:block;color:#fff;font-size:13px}
.search-input{width:100%;height:44px;border-radius:15px;border:1px solid var(--line);background:#071225;color:white;padding:0 13px;font-size:13px;outline:none}
.country-result{display:flex;gap:10px;align-items:center}.country-result img{width:80px;height:64px;object-fit:cover;border-radius:13px}.country-result strong{display:block;font-size:15px}.country-result span{font-size:11px;color:var(--soft)}
@media(max-width:390px){.page{padding-left:12px;padding-right:12px}.page-title{font-size:27px}.hero-img{height:172px}.card{border-radius:18px;padding:12px}.grid2{gap:8px}.bottom{width:calc(100% - 18px)}}
@media(max-width:360px){.page-title{font-size:24px}.hero-img{height:160px}.pkg-meta{grid-template-columns:1fr}.brand-mini strong{font-size:18px}}


/* V42 destination page audit fix */
.page{padding-top:66px!important;padding-left:12px!important;padding-right:12px!important}
.mobile-header{height:58px!important;padding:8px 12px!important}
.brand-mini img{width:32px!important;height:32px!important}
.brand-mini strong{font-size:18px!important}
.brand-mini span{font-size:6.5px!important;letter-spacing:.7px!important}
.head-btn{width:32px!important;height:32px!important;border-radius:12px!important;font-size:17px!important}
.hero-img{height:150px!important;border-radius:18px!important;object-fit:cover!important;background:#071225!important}
.page-title{font-size:22px!important;line-height:1.14!important;letter-spacing:-.03em!important;margin-top:12px!important;word-break:normal!important;overflow-wrap:break-word!important}
.page-sub{font-size:12px!important;line-height:1.35!important;margin-bottom:12px!important}
.card{padding:11px!important;border-radius:16px!important}
.package-card h3{font-size:15px!important}
.pkg-meta{gap:6px!important}
.pkg-meta div{font-size:8.8px!important;padding:7px 3px!important;border-radius:10px!important}
.pkg-meta strong{font-size:11px!important}
.btn{min-height:38px!important;border-radius:12px!important;font-size:12px!important}
.bottom{height:80px!important}
.bottom a{font-size:9px!important}
.bottom b{font-size:16px!important}
.bottom .center{width:46px!important;height:46px!important;margin-top:-18px!important}
@media(max-width:390px){
 .page-title{font-size:20px!important}
 .hero-img{height:135px!important}
 .page-sub{font-size:11px!important}
}
@media(max-width:360px){
 .page-title{font-size:18px!important}
 .hero-img{height:126px!important}
 .pkg-meta{grid-template-columns:repeat(3,1fr)!important}
}

/* V43 final mobile country/package compact */
.page{padding-top:64px!important;padding-left:12px!important;padding-right:12px!important}
.mobile-header{height:56px!important;padding:8px 12px!important}
.hero-img{height:132px!important;border-radius:16px!important;object-fit:cover!important}
.page-title{font-size:19px!important;line-height:1.15!important;letter-spacing:-.02em!important;margin:10px 0 7px!important;overflow-wrap:anywhere!important}
.page-sub{font-size:10.5px!important;line-height:1.35!important;margin-bottom:10px!important}
.card{padding:10px!important;border-radius:15px!important}
.package-card h3{font-size:14px!important;line-height:1.2!important}
.pkg-meta{grid-template-columns:repeat(3,1fr)!important;gap:5px!important}
.pkg-meta div{font-size:8px!important;padding:6px 3px!important;border-radius:10px!important}
.pkg-meta strong{font-size:10px!important}
.btn{min-height:36px!important;font-size:11px!important;border-radius:12px!important}
.list{gap:9px!important}
.bottom{height:76px!important}
.bottom a{font-size:8.5px!important}.bottom b{font-size:15px!important}.bottom .center{width:44px!important;height:44px!important;margin-top:-17px!important}
.country-result img{width:70px!important;height:54px!important}.country-result strong{font-size:13px!important}.country-result span{font-size:9px!important}
@media(max-width:390px){.hero-img{height:118px!important}.page-title{font-size:18px!important}.page-sub{font-size:10px!important}}

/* V44 */.page-title{font-size:19px!important;line-height:1.15!important;overflow-wrap:anywhere!important}.hero-img{height:132px!important;object-fit:cover!important}.page-sub{font-size:10.5px!important}

/* V46 */.hero-img{height:165px!important;object-fit:cover!important;background:#071225!important}.package-card h3{font-size:14px!important}.page-title{font-size:20px!important}.country-result img{object-fit:cover!important}