.suko-app{--sb-brand:#D62828;--sb-brand-dark:#A31E1E;--sb-accent:#FFC107;--sb-accent-dark:#E0A800;--sb-ink:#1e293b;--sb-sub:#64748b;--sb-line:#e2e8f0;--sb-ok:#16a34a;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;color:var(--sb-ink);max-width:1100px;margin:0 auto;}
.suko-app *{box-sizing:border-box;}
.suko-app .view{display:none;}
.suko-app .view.active{display:block;}
.suko-app button{font-family:inherit;cursor:pointer;border:none;}
.suko-lang-switch{display:flex;justify-content:flex-end;gap:6px;padding:8px 4px;flex-wrap:wrap;}
.suko-lang-btn{background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.3)!important;color:#fff;font-size:11.5px;font-weight:700;padding:5px 10px;border-radius:20px;}
.suko-lang-btn.active{background:#fff;color:var(--sb-brand-dark);border-color:#fff!important;}
.suko-app > .suko-lang-switch{margin-bottom:-4px;}
.suko-hero{background:linear-gradient(135deg,#D62828 0%,#A31E1E 55%,#5c1010 100%);color:#fff;padding:22px 20px 70px;border-radius:16px;position:relative;}
.suko-hero h1{font-size:26px;font-weight:800;margin-bottom:6px;line-height:1.25;}
.suko-hero p{color:#fde8e8;font-size:14px;margin-bottom:18px;}
.suko-trust-row{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:18px;}
.suko-trust-pill{background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.3);padding:6px 12px;border-radius:20px;font-size:12px;}
.suko-search-card{background:#fff;border-radius:14px;padding:16px;box-shadow:0 10px 30px rgba(0,0,0,.2);display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr auto;gap:10px;align-items:end;color:var(--sb-ink);}
.suko-field label{font-size:11px;font-weight:700;color:var(--sb-sub);text-transform:uppercase;letter-spacing:.03em;display:block;margin-bottom:5px;}
.suko-field select,.suko-field input{width:100%;padding:9px 10px;border:1px solid var(--sb-line);border-radius:8px;font-size:13.5px;}
.suko-guest-inputs{display:flex;gap:8px;}
.suko-guest-group{flex:1;min-width:0;}
.suko-guest-mini-label{display:block;font-size:10px;color:var(--sb-sub);margin-bottom:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.suko-search-card .suko-guest-group input,.suko-form-row .suko-guest-group input{width:100%;padding:9px 8px;border:1px solid var(--sb-line);border-radius:8px;font-size:13.5px;}
.suko-btn-search{background:var(--sb-accent);color:var(--sb-ink);font-weight:700;padding:11px 18px;border-radius:8px;font-size:13.5px;white-space:nowrap;}
.suko-btn-search:hover{background:var(--sb-accent-dark);}
.suko-content{margin-top:-45px;position:relative;z-index:2;padding:0 6px;}
.suko-results-header{background:#fff;border-radius:12px;padding:14px 18px;margin-bottom:14px;box-shadow:0 1px 3px rgba(0,0,0,.06);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px;}
.suko-results-header h2{font-size:16px;}
.suko-results-header .sub{font-size:12.5px;color:var(--sb-sub);margin-top:2px;}
.suko-back{display:inline-flex;align-items:center;gap:5px;font-size:13px;color:var(--sb-brand-dark);font-weight:600;margin-bottom:12px;cursor:pointer;}
.suko-hotel-card{background:#fff;border-radius:14px;box-shadow:0 1px 3px rgba(0,0,0,.06);margin-bottom:14px;display:grid;grid-template-columns:200px 1fr 210px;overflow:hidden;border:1px solid var(--sb-line);}
.suko-hotel-img{background:linear-gradient(135deg,#FFD166,#D62828);background-size:cover;background-position:center;min-height:150px;}
.suko-hotel-body{padding:14px 16px;}
.suko-hotel-body h3{font-size:16px;margin-bottom:4px;}
.suko-stars{color:#f59e0b;font-size:12.5px;margin-bottom:5px;}
.suko-loc{font-size:12.5px;color:var(--sb-sub);margin-bottom:6px;}
.suko-amenities{display:flex;gap:6px;flex-wrap:wrap;margin-top:6px;}
.suko-amenity-tag{font-size:10.5px;background:#f1f5f9;color:var(--sb-sub);padding:3px 8px;border-radius:6px;}
.suko-price-box{padding:14px 16px;border-left:1px solid var(--sb-line);display:flex;flex-direction:column;justify-content:center;align-items:flex-end;text-align:right;background:#fafafa;}
.suko-compare-row{font-size:11px;color:var(--sb-sub);display:flex;justify-content:space-between;gap:10px;width:100%;}
.suko-compare-row .strike{text-decoration:line-through;color:#94a3b8;}
.suko-save-badge{background:#fef3c7;color:#92400e;font-size:10.5px;font-weight:700;padding:3px 8px;border-radius:6px;margin:5px 0;}
.suko-our-price{font-size:20px;font-weight:800;color:var(--sb-brand-dark);}
.suko-price-note{font-size:10.5px;color:var(--sb-sub);margin-bottom:8px;}
.suko-btn-view{background:var(--sb-brand);color:#fff;font-weight:700;padding:8px 16px;border-radius:8px;font-size:12.5px;width:100%;}
.suko-btn-view:hover{background:var(--sb-brand-dark);}
.suko-detail-hero{background:linear-gradient(135deg,#FFD166,#D62828);background-size:cover;background-position:center;border-radius:14px;height:180px;margin-bottom:16px;}
.suko-room-card{background:#fff;border:1px solid var(--sb-line);border-radius:12px;padding:14px 16px;margin-bottom:12px;display:grid;grid-template-columns:1fr 210px;gap:12px;align-items:center;}
.suko-room-card h4{font-size:15px;margin-bottom:4px;}
.suko-room-card .desc{font-size:12.5px;color:var(--sb-sub);}
.suko-booking-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:18px;align-items:start;}
.suko-panel{background:#fff;border:1px solid var(--sb-line);border-radius:14px;padding:20px;}
.suko-panel h3{font-size:15px;margin-bottom:14px;}
.suko-form-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:10px;}
.suko-form-row.full{grid-template-columns:1fr;}
.suko-form-row label{font-size:12px;font-weight:600;color:var(--sb-sub);display:block;margin-bottom:4px;}
.suko-form-row input,.suko-form-row select,.suko-form-row textarea{width:100%;padding:9px 10px;border:1px solid var(--sb-line);border-radius:8px;font-size:13.5px;font-family:inherit;}
.suko-summary-row{display:flex;justify-content:space-between;font-size:13px;padding:6px 0;border-bottom:1px dashed var(--sb-line);}
.suko-summary-row.total{font-weight:800;font-size:15px;border-bottom:none;padding-top:10px;color:var(--sb-brand-dark);}
.suko-btn-confirm{background:var(--sb-accent);color:var(--sb-ink);font-weight:700;padding:12px;border-radius:9px;width:100%;font-size:14px;margin-top:12px;}
.suko-btn-confirm:hover{background:var(--sb-accent-dark);}
.suko-btn-confirm:disabled{opacity:.6;cursor:not-allowed;}
.suko-pay-note{font-size:11.5px;color:var(--sb-sub);margin-top:8px;line-height:1.5;}
.suko-error{color:#dc2626;font-size:12.5px;margin-top:8px;}
.suko-confirm-box{max-width:480px;margin:30px auto;background:#fff;border:1px solid var(--sb-line);border-radius:16px;padding:32px 26px;text-align:center;}
.suko-check-circle{width:56px;height:56px;border-radius:50%;background:#dcfce7;color:var(--sb-ok);font-size:28px;display:flex;align-items:center;justify-content:center;margin:0 auto 14px;}
.suko-code-box{background:#f8fafc;border:1px dashed var(--sb-line);border-radius:10px;padding:10px;margin:16px 0;font-family:monospace;font-size:16px;font-weight:700;color:var(--sb-brand-dark);}
.suko-notice{background:#fffbeb;border:1px solid #fde68a;color:#92400e;border-radius:10px;padding:12px 14px;font-size:12.5px;text-align:left;margin:14px 0;line-height:1.5;}

@media(max-width:820px){
	.suko-search-card{grid-template-columns:1fr 1fr;}
	.suko-hotel-card{grid-template-columns:1fr;}
	.suko-hotel-img{min-height:130px;}
	.suko-price-box{border-left:none;border-top:1px solid var(--sb-line);align-items:stretch;text-align:left;}
	.suko-booking-grid{grid-template-columns:1fr;}
	.suko-room-card{grid-template-columns:1fr;}
}

@media(max-width:480px){
	.suko-app{padding:0 2px;}
	.suko-hero{padding:16px 14px 60px;border-radius:12px;}
	.suko-hero h1{font-size:21px;}
	.suko-hero p{font-size:13px;margin-bottom:14px;}
	.suko-trust-pill{font-size:11px;padding:5px 10px;}
	.suko-search-card{grid-template-columns:1fr;padding:14px;gap:10px;}
	.suko-btn-search{width:100%;padding:12px;}
	.suko-content{margin-top:-40px;padding:0 4px;}
	.suko-results-header{padding:12px 14px;}
	.suko-hotel-body{padding:12px 14px;}
	.suko-hotel-body h3{font-size:15px;}
	.suko-price-box{padding:12px 14px;}
	.suko-our-price{font-size:19px;}
	.suko-detail-hero{height:140px;}
	.suko-panel{padding:16px;}
	.suko-form-row{gap:8px;}
	.suko-confirm-box{margin:16px auto;padding:26px 18px;}
	.suko-lang-switch{justify-content:center;padding:6px 2px 10px;}
}