/*
Theme Name: Tiket99 ID Conversion Tools V56
Theme URI: https://tiket99.id/
Author: PT Berkah Tiket Indonesia
Description: Tema Tiket99.id dengan konsep executive minimal: hero lebih elegan tanpa panel besar, menu lebih bersih, card lebih ringan, footer rapi, serta tetap mempertahankan fitur video hero, WA direct, update seat tim, animasi, dan responsive.
Version: 64.0.0
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 7.4
License: GNU General Public License v2 or later
Text Domain: tiket99-modern-full
Tags: custom-logo, custom-menu, featured-images, blog, one-column, two-columns, responsive-layout
*/

:root{
  /* Palet merah soft/minimalis: tidak terlalu menyala, tetap kontras untuk tombol dan navigasi. */
  --t99-navy:#171717;--t99-blue:#b4232a;--t99-blue-dark:#8f1d24;--t99-sky:#fff5f5;--t99-gold:#f2b84b;--t99-green:#16a34a;--t99-emerald:#ecfdf5;--t99-amber:#fffbeb;--t99-red:#b4232a;--t99-text:#262626;--t99-muted:#6b7280;--t99-soft:#fafafa;--t99-border:#eadfe0;--t99-white:#fff;--t99-radius:26px;--t99-shadow:0 20px 60px rgba(127,29,29,.10);--t99-shadow-soft:0 10px 30px rgba(127,29,29,.07);--t99-container:1180px
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;background:linear-gradient(180deg,#fafafa 0%,#fff 42%,#fafafa 100%);color:var(--t99-text);line-height:1.65;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}button,input,select,textarea{font:inherit}.t99-container{max-width:var(--t99-container);margin-inline:auto;padding-inline:22px}.skip-link{position:absolute;left:-999px;top:auto;width:1px;height:1px;overflow:hidden}.skip-link:focus{left:16px;top:16px;width:auto;height:auto;z-index:9999;background:#fff;color:#111;padding:10px 14px;border-radius:10px}
.site-header{position:sticky;top:0;z-index:99;background:rgba(255,255,255,.82);backdrop-filter:blur(18px);border-bottom:1px solid rgba(226,232,240,.85)}.admin-bar .site-header{top:32px}.header-inner{height:76px;display:flex;align-items:center;gap:24px}.brand{display:flex;align-items:center;gap:12px;min-width:max-content}.brand-mark{width:42px;height:42px;border-radius:14px;background:linear-gradient(135deg,var(--t99-blue),#d85b61);display:grid;place-items:center;color:#fff;box-shadow:0 10px 24px rgba(180,35,42,.18);position:relative;overflow:hidden}.brand-mark:after{content:"";position:absolute;width:16px;height:16px;border-radius:999px;background:var(--t99-gold);right:-3px;top:-3px}.brand-mark span{font-weight:900;letter-spacing:-.08em;font-size:18px;position:relative;z-index:1}.brand-name{font-size:22px;font-weight:900;letter-spacing:-.04em;color:var(--t99-navy);line-height:1}.brand-sub{display:block;font-size:11px;font-weight:700;color:var(--t99-muted);letter-spacing:.09em;text-transform:uppercase;margin-top:4px}.main-nav{display:flex;align-items:center;gap:2px;margin-left:auto}.main-nav a,.main-nav li a{display:inline-flex;align-items:center;padding:10px 13px;border-radius:999px;color:#3f3f46;font-size:14px;font-weight:700}.main-nav a:hover,.main-nav .current-menu-item>a{background:#fff5f5;color:var(--t99-blue)}.main-nav ul{display:flex;gap:2px;list-style:none;padding:0;margin:0}.header-actions{display:flex;align-items:center;gap:10px}.menu-toggle{display:none;border:0;background:#fff1f2;color:var(--t99-navy);padding:10px 12px;border-radius:14px;font-weight:800}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:999px;padding:12px 18px;font-weight:800;border:1px solid transparent;transition:.2s ease;cursor:pointer;white-space:nowrap}.btn-primary{background:linear-gradient(135deg,var(--t99-blue),#d85b61);color:#fff;box-shadow:0 12px 24px rgba(180,35,42,.18)}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 18px 30px rgba(180,35,42,.22)}.btn-dark{background:var(--t99-navy);color:#fff}.btn-ghost{background:#fff;border-color:var(--t99-border);color:var(--t99-navy)}.btn-wa{background:#25d366;color:#fff;box-shadow:0 12px 24px rgba(37,211,102,.22)}.hero{position:relative;overflow:hidden;background:radial-gradient(circle at 12% 18%,rgba(180,35,42,.16),transparent 28%),linear-gradient(135deg,#171717 0%,#8f1d24 50%,#d85b61 100%);color:#fff}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(15,23,42,.78),rgba(15,23,42,.24)),url('assets/images/hero-pattern.svg');background-size:cover;opacity:.98}.hero-inner{position:relative;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(340px,.92fr);gap:42px;align-items:center;min-height:560px;padding-block:82px 150px}.eyebrow{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.20);font-size:13px;font-weight:800}.eyebrow:before{content:"";width:8px;height:8px;border-radius:99px;background:var(--t99-gold);box-shadow:0 0 0 6px rgba(247,201,72,.16)}.hero h1{font-size:clamp(38px,6vw,68px);line-height:.98;margin:18px 0 18px;letter-spacing:-.055em}.hero p{font-size:18px;color:rgba(255,255,255,.86);max-width:700px;margin:0 0 26px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:28px}.hero-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;max-width:620px}.hero-stat{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.16);border-radius:20px;padding:16px}.hero-stat strong{display:block;font-size:24px;line-height:1}.hero-stat span{font-size:12px;color:rgba(255,255,255,.75);font-weight:700}.hero-card{background:rgba(255,255,255,.95);color:var(--t99-navy);border:1px solid rgba(255,255,255,.75);box-shadow:var(--t99-shadow);border-radius:32px;padding:24px}.search-card{margin-top:-92px;position:relative;z-index:3}.booking-box{background:#fff;border:1px solid var(--t99-border);box-shadow:var(--t99-shadow);border-radius:32px;padding:24px}.section{padding-block:84px}.section-tight{padding-block:56px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:32px}.section-kicker{color:var(--t99-blue);font-size:13px;font-weight:900;letter-spacing:.11em;text-transform:uppercase}.section-title{font-size:clamp(30px,4vw,48px);line-height:1.08;letter-spacing:-.04em;margin:8px 0 0;color:var(--t99-navy)}.section-desc{color:var(--t99-muted);max-width:620px;margin:12px 0 0}.grid{display:grid;gap:22px}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.card{background:#fff;border:1px solid var(--t99-border);border-radius:var(--t99-radius);box-shadow:var(--t99-shadow-soft);padding:26px}.card:hover{transform:translateY(-2px);box-shadow:var(--t99-shadow);transition:.18s ease}.feature-icon{width:48px;height:48px;border-radius:16px;display:grid;place-items:center;background:#fff5f5;color:var(--t99-blue);font-size:24px;margin-bottom:14px}.card h3{font-size:21px;line-height:1.2;margin:0 0 10px;color:var(--t99-navy)}.card p{margin:0;color:var(--t99-muted)}.service-card{position:relative;overflow:hidden}.service-card:before{content:"";position:absolute;inset:auto 0 0 0;height:4px;background:linear-gradient(90deg,var(--t99-blue),#d85b61,var(--t99-gold))}.route-form{display:grid;grid-template-columns:1fr auto 1fr 1fr 1fr auto;gap:14px;align-items:end}.form-field label{display:block;font-size:12px;font-weight:900;color:#6b7280;margin:0 0 6px;text-transform:uppercase;letter-spacing:.06em}.form-field input,.form-field select,.form-field textarea{width:100%;border:1px solid var(--t99-border);border-radius:18px;background:#fff;padding:14px 14px;color:var(--t99-navy);outline:0}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{border-color:#d85b61;box-shadow:0 0 0 4px rgba(180,35,42,.10)}.swap{width:44px;height:44px;border:1px solid var(--t99-border);border-radius:999px;background:#fff;display:grid;place-items:center;color:var(--t99-blue);font-weight:900}.pill-row{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}.pill{border:1px solid var(--t99-border);background:#fff;border-radius:999px;padding:8px 12px;font-size:13px;font-weight:800;color:#52525b}.pill.active{background:var(--t99-blue);color:#fff;border-color:var(--t99-blue)}.seat-card{display:flex;flex-direction:column;gap:16px}.seat-top{display:flex;justify-content:space-between;gap:12px}.badge{display:inline-flex;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:900}.badge-open{background:var(--t99-emerald);color:#15803d}.badge-limited{background:var(--t99-amber);color:#b45309}.badge-closed{background:#f5f5f5;color:#6b7280}.seat-title{font-size:21px;font-weight:900;color:var(--t99-navy);line-height:1.2;margin:4px 0}.seat-meta{font-size:13px;color:var(--t99-muted);font-weight:700}.mini-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.mini-stat{background:#fafafa;border:1px solid var(--t99-border);border-radius:16px;padding:12px}.mini-stat small{display:block;color:var(--t99-muted);font-size:11px;font-weight:800}.mini-stat strong{display:block;color:var(--t99-navy);font-size:16px}.process{counter-reset:step}.process .card{position:relative}.process .card:before{counter-increment:step;content:"0" counter(step);position:absolute;right:22px;top:18px;font-size:34px;font-weight:900;color:#eadfe0;line-height:1}.cta{background:linear-gradient(135deg,var(--t99-navy),#8f1d24);color:#fff;border-radius:36px;padding:44px;position:relative;overflow:hidden}.cta:after{content:"";position:absolute;right:-60px;bottom:-80px;width:260px;height:260px;background:rgba(247,201,72,.18);border-radius:999px}.cta h2{font-size:clamp(28px,4vw,44px);line-height:1.1;margin:0 0 12px;letter-spacing:-.04em}.cta p{color:rgba(255,255,255,.82);margin:0 0 24px;max-width:760px}.page-hero{padding-block:74px;background:linear-gradient(135deg,#171717,#b4232a);color:#fff;position:relative;overflow:hidden}.page-hero:after{content:"";position:absolute;inset:0;background:url('assets/images/hero-pattern.svg') center/cover;opacity:.2}.page-hero .t99-container{position:relative;z-index:1}.page-hero h1{font-size:clamp(36px,5vw,58px);letter-spacing:-.05em;line-height:1.02;margin:0 0 12px}.breadcrumb{font-size:13px;color:rgba(255,255,255,.75);font-weight:800;margin-bottom:10px}.content-wrap{padding-block:64px}.entry-content{background:#fff;border:1px solid var(--t99-border);border-radius:28px;padding:34px;box-shadow:var(--t99-shadow-soft)}.entry-content h2,.entry-content h3{color:var(--t99-navy);line-height:1.2}.entry-content a{color:var(--t99-blue);text-decoration:underline}.post-card{display:grid;grid-template-columns:220px 1fr;gap:22px;align-items:center}.post-thumb{height:150px;border-radius:22px;background:#eadfe0;overflow:hidden}.post-thumb img{width:100%;height:100%;object-fit:cover}.post-meta{font-size:13px;color:var(--t99-muted);font-weight:700}.site-footer{background:#18181b;color:#d4d4d8;margin-top:80px}.footer-top{padding-block:56px;display:grid;grid-template-columns:1.2fr .8fr .8fr 1fr;gap:30px}.footer-title{color:#fff;font-weight:900;margin:0 0 14px}.footer-list{list-style:none;margin:0;padding:0;display:grid;gap:10px}.footer-list a{color:#d4d4d8}.footer-list a:hover{color:#fff}.footer-bottom{border-top:1px solid rgba(255,255,255,.08);padding-block:20px;color:#a1a1aa;font-size:13px;display:flex;justify-content:space-between;gap:20px}.floating-wa{position:fixed;right:20px;bottom:20px;z-index:90;width:58px;height:58px;border-radius:999px;background:#25d366;color:#fff;display:grid;place-items:center;font-size:26px;box-shadow:0 18px 38px rgba(37,211,102,.35)}.aligncenter{text-align:center}.text-muted{color:var(--t99-muted)}.lead{font-size:18px;color:var(--t99-muted)}.notice{background:#fff5f5;border:1px solid #f3c7c9;border-radius:22px;padding:18px;color:#7f1d1d}.table-wrap{overflow-x:auto}.t99-table{width:100%;border-collapse:separate;border-spacing:0;border:1px solid var(--t99-border);border-radius:22px;overflow:hidden;background:#fff}.t99-table th,.t99-table td{text-align:left;padding:14px 16px;border-bottom:1px solid var(--t99-border)}.t99-table th{background:#fafafa;color:#171717;font-size:12px;text-transform:uppercase;letter-spacing:.06em}.t99-table tr:last-child td{border-bottom:0}.contact-list{display:grid;gap:12px}.contact-item{display:flex;gap:12px;align-items:flex-start;padding:14px;border-radius:18px;background:#fafafa;border:1px solid var(--t99-border)}.contact-item span{font-size:22px}.wp-block-image img{border-radius:24px}.comment-respond input,.comment-respond textarea{width:100%;border:1px solid var(--t99-border);border-radius:18px;padding:12px}.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal!important}
@media(max-width:980px){.header-inner{height:auto;min-height:70px;flex-wrap:wrap;padding-block:12px}.menu-toggle{display:inline-flex}.main-nav{display:none;order:5;flex-basis:100%;margin-left:0;background:#fff;border:1px solid var(--t99-border);border-radius:20px;padding:10px}.main-nav.is-open{display:block}.main-nav ul{display:grid}.main-nav a,.main-nav li a{display:flex;padding:12px 14px}.header-actions{margin-left:auto}.hero-inner{grid-template-columns:1fr;min-height:auto;padding-block:60px 130px}.hero-card{max-width:620px}.route-form{grid-template-columns:1fr 44px 1fr}.route-form .submit-field{grid-column:1/-1}.grid-4,.grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-top{grid-template-columns:1fr 1fr}.post-card{grid-template-columns:1fr}.post-thumb{height:220px}}@media(max-width:640px){.t99-container{padding-inline:16px}.brand-sub{display:none}.header-actions .btn-ghost{display:none}.hero h1{font-size:40px}.hero-stats{grid-template-columns:1fr}.hero-card,.booking-box,.card,.entry-content{border-radius:22px;padding:20px}.search-card{margin-top:-78px}.route-form,.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.swap{display:none}.section{padding-block:58px}.section-head{display:block}.mini-stats{grid-template-columns:1fr}.footer-top{grid-template-columns:1fr}.footer-bottom{display:block}.cta{padding:28px;border-radius:26px}.floating-wa{right:14px;bottom:14px;width:52px;height:52px}.admin-bar .site-header{top:0}}

/* === Tiket99 Red Palette Fix v2.2 ===
   Memastikan warna merah Tiket99 masuk merata dan logo tidak kebesaran. */
:root{
  --t99-red-main:#b21f2d;
  --t99-red-dark:#861923;
  --t99-red-soft:#fff1f2;
  --t99-red-soft-2:#fff7f7;
  --t99-red-border:#f1c8cc;
  --t99-navy:#171717;
  --t99-blue:#b21f2d;
  --t99-blue-dark:#861923;
  --t99-sky:#fff1f2;
  --t99-border:#f0dadd;
  --t99-shadow:0 20px 60px rgba(134,25,35,.12);
  --t99-shadow-soft:0 10px 30px rgba(134,25,35,.08);
}
body{background:linear-gradient(180deg,#fff7f7 0%,#fff 36%,#fff7f7 100%)}
.site-header{background:rgba(255,250,250,.92);border-bottom:1px solid var(--t99-red-border);box-shadow:0 8px 24px rgba(134,25,35,.05)}
.site-header:before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,var(--t99-red-dark),var(--t99-red-main),#e06a72)}
.header-inner{position:relative}
.brand{gap:10px;max-width:260px;overflow:hidden}
.custom-logo-link{display:inline-flex;align-items:center;flex:0 0 auto;line-height:0}
.custom-logo,
.custom-logo-link img,
.brand img{display:block;width:auto!important;height:auto!important;max-height:42px!important;max-width:128px!important;object-fit:contain!important}
.brand-name{font-size:18px;color:var(--t99-red-dark);letter-spacing:-.035em;white-space:nowrap}
.brand-sub{font-size:9.5px;max-width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.brand-mark{width:40px;height:40px;background:linear-gradient(135deg,var(--t99-red-dark),var(--t99-red-main))}
.main-nav a:hover,.main-nav .current-menu-item>a,.main-nav li.current-menu-item>a{background:var(--t99-red-soft);color:var(--t99-red-main)}
.btn-primary,.pill.active{background:linear-gradient(135deg,var(--t99-red-dark),var(--t99-red-main))!important;color:#fff!important;border-color:transparent!important;box-shadow:0 14px 26px rgba(178,31,45,.18)}
.btn-ghost{border-color:var(--t99-red-border);background:#fff;color:var(--t99-red-dark)}
.hero{background:radial-gradient(circle at 15% 15%,rgba(255,255,255,.13),transparent 23%),linear-gradient(135deg,#171717 0%,#861923 46%,#b21f2d 100%)!important}
.hero:before{background:linear-gradient(90deg,rgba(23,23,23,.82),rgba(134,25,35,.42)),url('assets/images/hero-pattern.svg')!important}
.page-hero{background:linear-gradient(135deg,#171717 0%,#861923 48%,#b21f2d 100%)!important}
.section-kicker,.section-title strong,.entry-content a,.swap,.feature-icon{color:var(--t99-red-main)}
.feature-icon{background:var(--t99-red-soft);box-shadow:inset 0 0 0 1px var(--t99-red-border)}
.card,.booking-box,.entry-content,.t99-table,.contact-item{border-color:var(--t99-red-border)}
.card:hover{border-color:#e5a7ad}
.service-card:before{background:linear-gradient(90deg,var(--t99-red-dark),var(--t99-red-main),#e06a72)}
.form-field input:focus,.form-field select:focus,.form-field textarea:focus{border-color:var(--t99-red-main);box-shadow:0 0 0 4px rgba(178,31,45,.10)}
.notice{background:var(--t99-red-soft);border-color:var(--t99-red-border);color:#7f1d1d}
.cta{background:linear-gradient(135deg,#171717 0%,#861923 100%)}
.site-footer{background:linear-gradient(135deg,#171717 0%,#241113 100%)}
.floating-wa{box-shadow:0 18px 38px rgba(37,211,102,.28)}
@media(max-width:980px){.brand{max-width:220px}.custom-logo,.custom-logo-link img,.brand img{max-height:38px!important;max-width:112px!important}.brand-name{font-size:16px}.brand-sub{max-width:126px}}
@media(max-width:640px){.brand{max-width:170px}.custom-logo,.custom-logo-link img,.brand img{max-height:34px!important;max-width:96px!important}.brand-name{font-size:15px}.header-actions .btn-primary{padding:10px 13px}.menu-toggle{background:var(--t99-red-soft);color:var(--t99-red-dark)}}


/* ==========================================================
   TIKET99 FINAL RED OVERRIDE v3.0
   File ini sengaja dibuat paling bawah agar mengalahkan cache/gaya lama biru.
   ========================================================== */
:root{
  --t99-navy:#171717!important;
  --t99-blue:#b21f2d!important;
  --t99-blue-dark:#7f1d1d!important;
  --t99-red-main:#b21f2d!important;
  --t99-red-dark:#7f1d1d!important;
  --t99-red-deep:#5f1319!important;
  --t99-red-soft:#fff1f2!important;
  --t99-red-soft-2:#fff7f7!important;
  --t99-red-border:#efc8cc!important;
  --t99-border:#eed8dc!important;
}
body.tiket99-modern,body{background:linear-gradient(180deg,#fff7f7 0%,#ffffff 34%,#fff7f7 100%)!important;color:#242424!important}
.site-header{height:72px!important;min-height:72px!important;background:rgba(255,255,255,.96)!important;border-bottom:1px solid var(--t99-red-border)!important;box-shadow:0 8px 28px rgba(127,29,29,.07)!important;position:sticky!important;top:0!important;overflow:visible!important}
.site-header:before{content:""!important;position:absolute!important;left:0!important;right:0!important;top:0!important;height:3px!important;background:linear-gradient(90deg,#7f1d1d,#b21f2d,#df6a72)!important;z-index:2!important}
.header-inner{height:72px!important;min-height:72px!important;padding-block:0!important;display:flex!important;align-items:center!important;gap:22px!important;overflow:visible!important}
.brand{height:56px!important;max-width:190px!important;min-width:0!important;width:190px!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:8px!important;padding:0!important;margin:0!important;overflow:hidden!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;line-height:0!important;flex:0 0 190px!important}
.brand.logo-only{max-width:190px!important;width:190px!important;flex-basis:190px!important}
.logo-frame{width:176px!important;height:52px!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;overflow:hidden!important;line-height:0!important;padding:0!important;margin:0!important;background:transparent!important;border-radius:0!important;box-shadow:none!important}
.logo-frame img,.t99-custom-logo,.custom-logo,.custom-logo-link img,.brand img{display:block!important;width:auto!important;height:auto!important;max-width:176px!important;max-height:50px!important;object-fit:contain!important;object-position:left center!important;margin:0!important;padding:0!important;border:0!important;box-shadow:none!important;border-radius:0!important;transform:none!important;position:static!important}
.custom-logo-link{display:inline-flex!important;align-items:center!important;justify-content:flex-start!important;width:176px!important;max-width:176px!important;height:52px!important;line-height:0!important;overflow:hidden!important}
.brand-name,.brand-sub{line-height:1!important}.brand.logo-only .brand-name,.brand.logo-only .brand-sub{display:none!important}
.brand .brand-mark{width:38px!important;height:38px!important;background:linear-gradient(135deg,#7f1d1d,#b21f2d)!important;flex:0 0 38px!important}.brand .brand-name{font-size:18px!important;color:#171717!important}.brand .brand-sub{font-size:9px!important;color:#7f1d1d!important}
.main-nav{margin-left:auto!important}.main-nav a,.main-nav li a{color:#30333c!important;font-size:13px!important;padding:10px 12px!important;border-radius:999px!important}.main-nav a:hover,.main-nav .current-menu-item>a,.main-nav li.current-menu-item>a{background:#fff1f2!important;color:#b21f2d!important}
.btn-primary,.hero .btn-primary,.pill.active,.search-card .pill.active{background:linear-gradient(135deg,#8b1c25 0%,#b21f2d 100%)!important;border-color:#b21f2d!important;color:#fff!important;box-shadow:0 14px 28px rgba(178,31,45,.20)!important}.btn-primary:hover{box-shadow:0 18px 34px rgba(178,31,45,.28)!important}.btn-ghost{background:#fff!important;color:#7f1d1d!important;border-color:#efc8cc!important}.btn-dark{background:#171717!important;color:#fff!important}.btn-wa{background:#25d366!important;color:#fff!important}
.hero{background:linear-gradient(135deg,#171717 0%,#6f181d 44%,#b21f2d 100%)!important;color:#fff!important}.hero:before{background:linear-gradient(90deg,rgba(23,23,23,.86),rgba(127,29,29,.42)),url('assets/images/hero-pattern.svg')!important;opacity:1!important}.hero-card{background:rgba(255,255,255,.96)!important;border-color:rgba(255,255,255,.75)!important;box-shadow:0 22px 60px rgba(95,19,25,.18)!important}.hero-stat{background:rgba(255,255,255,.12)!important;border-color:rgba(255,255,255,.18)!important}.eyebrow{background:rgba(255,255,255,.15)!important;border-color:rgba(255,255,255,.24)!important}.section-kicker{color:#b21f2d!important}.section-title,.card h3,.seat-title,.mini-stat strong{color:#171717!important}.feature-icon{background:#fff1f2!important;color:#b21f2d!important;box-shadow:inset 0 0 0 1px #efc8cc!important}.card,.booking-box,.entry-content,.mini-stat,.contact-item,.t99-table{border-color:#efc8cc!important}.card:hover{border-color:#dc9da5!important;box-shadow:0 18px 45px rgba(127,29,29,.10)!important}.service-card:before{background:linear-gradient(90deg,#7f1d1d,#b21f2d,#df6a72)!important}.swap{color:#b21f2d!important;border-color:#efc8cc!important}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{border-color:#b21f2d!important;box-shadow:0 0 0 4px rgba(178,31,45,.12)!important}.page-hero,.cta{background:linear-gradient(135deg,#171717 0%,#7f1d1d 52%,#b21f2d 100%)!important}.site-footer{background:linear-gradient(135deg,#171717 0%,#251113 100%)!important}.floating-wa{background:#25d366!important}.notice{background:#fff1f2!important;border-color:#efc8cc!important;color:#7f1d1d!important}
@media(max-width:980px){.site-header,.header-inner{height:auto!important;min-height:68px!important}.brand,.brand.logo-only{width:154px!important;max-width:154px!important;flex-basis:154px!important}.logo-frame,.custom-logo-link{width:148px!important;max-width:148px!important;height:48px!important}.logo-frame img,.t99-custom-logo,.custom-logo,.custom-logo-link img,.brand img{max-width:148px!important;max-height:44px!important}.main-nav{display:none!important}.main-nav.is-open{display:block!important}.header-actions{margin-left:auto!important}}
@media(max-width:640px){.header-inner{gap:10px!important}.brand,.brand.logo-only{width:124px!important;max-width:124px!important;flex-basis:124px!important}.logo-frame,.custom-logo-link{width:120px!important;max-width:120px!important;height:42px!important}.logo-frame img,.t99-custom-logo,.custom-logo,.custom-logo-link img,.brand img{max-width:120px!important;max-height:38px!important}.main-nav.is-open{display:block!important}.header-actions .btn-primary{padding:9px 12px!important}.header-actions .btn-ghost{display:none!important}.hero h1{font-size:38px!important}}


/* ==========================================================
   TIKET99 RED KAABAH BACKGROUND OVERRIDE v4.0
   Background hero diganti foto Kaabah + overlay gelap-merah.
   Tujuannya: visual islami lebih kuat, teks tetap jelas terbaca.
   ========================================================== */
:root{
  --t99-red-main:#b21f2d!important;
  --t99-red-dark:#7f1d1d!important;
  --t99-red-deep:#3f0b0f!important;
  --t99-gold-soft:#d9a441!important;
}
.site-header{height:70px!important;min-height:70px!important;overflow:clip!important;background:rgba(255,255,255,.97)!important}
.header-inner{height:70px!important;min-height:70px!important;align-items:center!important}
.brand,.brand.logo-only{height:50px!important;width:165px!important;max-width:165px!important;flex:0 0 165px!important;overflow:hidden!important;align-items:center!important}
.logo-frame,.custom-logo-link{width:158px!important;max-width:158px!important;height:46px!important;overflow:hidden!important;align-items:center!important;justify-content:flex-start!important}
.logo-frame img,.t99-custom-logo,.custom-logo,.custom-logo-link img,.brand img{max-width:158px!important;max-height:44px!important;width:auto!important;height:auto!important;object-fit:contain!important;object-position:left center!important;display:block!important;margin:0!important;padding:0!important;transform:none!important}
.hero{background:#14090a!important;color:#fff!important;isolation:isolate!important;position:relative!important;overflow:hidden!important}
.hero:before{content:""!important;position:absolute!important;inset:0!important;z-index:0!important;background:linear-gradient(90deg,rgba(8,7,7,.94) 0%,rgba(32,9,11,.91) 34%,rgba(84,21,26,.72) 62%,rgba(10,8,8,.72) 100%),linear-gradient(180deg,rgba(0,0,0,.18) 0%,rgba(0,0,0,.58) 100%),url('assets/images/kaabah-door-bg.jpg') center 45%/cover no-repeat!important;opacity:1!important;filter:saturate(.9) contrast(1.02)!important}
.hero:after{content:""!important;position:absolute!important;inset:0!important;z-index:0!important;pointer-events:none!important;background:radial-gradient(circle at 18% 22%,rgba(217,164,65,.16),transparent 27%),radial-gradient(circle at 78% 12%,rgba(178,31,45,.18),transparent 34%)!important}
.hero-inner{position:relative!important;z-index:1!important}
.hero h1{color:#fff!important;text-shadow:0 4px 24px rgba(0,0,0,.55)!important}
.hero p{color:rgba(255,255,255,.90)!important;text-shadow:0 3px 18px rgba(0,0,0,.42)!important}
.eyebrow{background:rgba(255,255,255,.13)!important;border-color:rgba(255,255,255,.28)!important;box-shadow:0 10px 32px rgba(0,0,0,.22)!important;backdrop-filter:blur(8px)!important;color:#fff!important}
.hero-stat{background:rgba(0,0,0,.24)!important;border-color:rgba(255,255,255,.22)!important;box-shadow:0 12px 30px rgba(0,0,0,.20)!important;backdrop-filter:blur(10px)!important}
.hero-stat strong{color:#fff!important;text-shadow:0 3px 16px rgba(0,0,0,.45)!important}
.hero-stat span{color:rgba(255,255,255,.82)!important}
.hero-card{background:rgba(255,255,255,.94)!important;color:#171717!important;border:1px solid rgba(255,255,255,.62)!important;box-shadow:0 26px 70px rgba(0,0,0,.28)!important;backdrop-filter:blur(16px)!important}
.hero-card p{color:#5f646e!important;text-shadow:none!important}
.hero-card h2,.hero-card strong,.hero-card .section-kicker{text-shadow:none!important}
.hero .btn-primary{background:linear-gradient(135deg,#8b1c25 0%,#b21f2d 100%)!important;color:#fff!important;box-shadow:0 16px 34px rgba(0,0,0,.24)!important}
.hero .btn-wa{box-shadow:0 16px 34px rgba(0,0,0,.24)!important}
.page-hero{background:#14090a!important;isolation:isolate!important}
.page-hero:after{background:linear-gradient(90deg,rgba(8,7,7,.92),rgba(75,18,23,.75)),url('assets/images/kaabah-door-bg.jpg') center 46%/cover no-repeat!important;opacity:1!important;z-index:0!important}
.page-hero .t99-container{z-index:1!important;position:relative!important}
.cta{background:linear-gradient(90deg,rgba(8,7,7,.94),rgba(84,21,26,.86)),url('assets/images/kaabah-door-bg.jpg') center 52%/cover no-repeat!important;box-shadow:0 22px 60px rgba(63,11,15,.16)!important}
@media(max-width:980px){
  .site-header{overflow:visible!important}
  .hero:before{background:linear-gradient(90deg,rgba(8,7,7,.94) 0%,rgba(49,12,16,.85) 100%),linear-gradient(180deg,rgba(0,0,0,.18),rgba(0,0,0,.62)),url('assets/images/kaabah-door-bg.jpg') center top/cover no-repeat!important}
  .brand,.brand.logo-only{width:148px!important;max-width:148px!important;flex-basis:148px!important}
  .logo-frame,.custom-logo-link{width:142px!important;max-width:142px!important;height:44px!important}
  .logo-frame img,.t99-custom-logo,.custom-logo,.custom-logo-link img,.brand img{max-width:142px!important;max-height:40px!important}
}
@media(max-width:640px){
  .hero:before{background:linear-gradient(90deg,rgba(8,7,7,.95),rgba(46,11,14,.88)),linear-gradient(180deg,rgba(0,0,0,.22),rgba(0,0,0,.66)),url('assets/images/kaabah-door-bg.jpg') center top/cover no-repeat!important}
  .brand,.brand.logo-only{width:120px!important;max-width:120px!important;flex-basis:120px!important}
  .logo-frame,.custom-logo-link{width:116px!important;max-width:116px!important;height:40px!important}
  .logo-frame img,.t99-custom-logo,.custom-logo,.custom-logo-link img,.brand img{max-width:116px!important;max-height:36px!important}
}

/* ============================================================
   Tiket99 Calm Premium V5
   Palet kalem: Ivory + Charcoal + Soft Red + Champagne Gold.
   Merah hanya sebagai aksen supaya web tidak mencolok di mata.
   ============================================================ */
:root{
  --t99-cream:#FAF7F2!important;
  --t99-card:#FFFDF8!important;
  --t99-charcoal:#1F1F1F!important;
  --t99-black-soft:#171717!important;
  --t99-muted:#6F6860!important;
  --t99-red-main:#B3262E!important;
  --t99-red-dark:#8F1D24!important;
  --t99-red-soft:#FFF0EE!important;
  --t99-gold:#D8B56D!important;
  --t99-gold-soft:#F5E9CF!important;
  --t99-green:#168A4A!important;
  --t99-border:#E8DED4!important;
  --t99-navy:#1F1F1F!important;
  --t99-blue:#B3262E!important;
  --t99-blue-dark:#8F1D24!important;
  --t99-sky:#FFF0EE!important;
  --t99-soft:#FAF7F2!important;
  --t99-text:#1F1F1F!important;
  --t99-white:#FFFDF8!important;
  --t99-shadow:0 22px 60px rgba(54,34,20,.11)!important;
  --t99-shadow-soft:0 12px 34px rgba(54,34,20,.07)!important;
}
html,body{background:#FAF7F2!important;color:#1F1F1F!important;}
body{background:linear-gradient(180deg,#FAF7F2 0%,#FFFDF8 46%,#FAF7F2 100%)!important;}
.site-header{height:74px!important;min-height:74px!important;background:rgba(255,253,248,.92)!important;border-bottom:1px solid rgba(232,222,212,.92)!important;box-shadow:0 10px 34px rgba(54,34,20,.05)!important;backdrop-filter:blur(18px)!important;overflow:visible!important;}
.header-inner{height:74px!important;min-height:74px!important;align-items:center!important;gap:22px!important;}
.brand{height:52px!important;display:flex!important;align-items:center!important;gap:10px!important;min-width:0!important;}
.brand.logo-only{width:154px!important;max-width:154px!important;flex:0 0 154px!important;overflow:visible!important;}
.logo-frame,.custom-logo-link{display:flex!important;align-items:center!important;justify-content:flex-start!important;width:154px!important;max-width:154px!important;height:48px!important;overflow:hidden!important;line-height:0!important;background:transparent!important;border-radius:0!important;box-shadow:none!important;}
.logo-frame img,.t99-custom-logo,.custom-logo,.custom-logo-link img,.brand img{display:block!important;width:auto!important;height:auto!important;max-width:154px!important;max-height:42px!important;object-fit:contain!important;object-position:left center!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;transform:none!important;position:static!important;background:transparent!important;}
.brand-mark{background:linear-gradient(135deg,#1F1F1F 0%,#3A2A2A 100%)!important;box-shadow:0 10px 22px rgba(31,31,31,.12)!important;}
.brand-mark:after{background:#D8B56D!important;}
.brand-name{color:#1F1F1F!important;}
.brand-sub{color:#7A7168!important;}
.main-nav a,.main-nav li a{color:#2C2C2C!important;}
.main-nav a:hover,.main-nav .current-menu-item>a{background:#FFF0EE!important;color:#B3262E!important;}
.menu-toggle{background:#FFF0EE!important;color:#8F1D24!important;border:1px solid #E8DED4!important;}
.btn{letter-spacing:-.01em!important;}
.btn-primary,.hero .btn-primary,.pill.active,.search-card .pill.active{background:linear-gradient(135deg,#8F1D24 0%,#B3262E 100%)!important;color:#fff!important;border-color:rgba(179,38,46,.08)!important;box-shadow:0 14px 28px rgba(143,29,36,.16)!important;}
.btn-primary:hover{box-shadow:0 18px 34px rgba(143,29,36,.22)!important;transform:translateY(-1px)!important;}
.btn-ghost{background:#FFFDF8!important;color:#1F1F1F!important;border-color:#E8DED4!important;box-shadow:0 8px 20px rgba(54,34,20,.04)!important;}
.btn-ghost:hover{border-color:#D8B56D!important;background:#FFFBF3!important;}
.btn-dark{background:#1F1F1F!important;color:#fff!important;}
.btn-wa,.hero .btn-wa,.floating-wa{background:#168A4A!important;color:#fff!important;box-shadow:0 14px 30px rgba(22,138,74,.18)!important;}
.hero{background:#140f0d!important;color:#fff!important;isolation:isolate!important;position:relative!important;overflow:hidden!important;}
.hero:before{content:""!important;position:absolute!important;inset:0!important;z-index:0!important;background:linear-gradient(90deg,rgba(15,14,13,.92) 0%,rgba(31,23,18,.84) 40%,rgba(143,29,36,.34) 72%,rgba(15,14,13,.72) 100%),linear-gradient(180deg,rgba(0,0,0,.20) 0%,rgba(0,0,0,.58) 100%),url('assets/images/kaabah-door-bg.jpg') center 45%/cover no-repeat!important;opacity:1!important;filter:saturate(.82) contrast(1.01) brightness(.88)!important;}
.hero:after{content:""!important;position:absolute!important;inset:0!important;z-index:0!important;pointer-events:none!important;background:radial-gradient(circle at 18% 22%,rgba(216,181,109,.18),transparent 28%),radial-gradient(circle at 76% 18%,rgba(179,38,46,.10),transparent 36%),linear-gradient(180deg,transparent 64%,rgba(250,247,242,.18) 100%)!important;}
.hero-inner{position:relative!important;z-index:1!important;}
.eyebrow{background:rgba(255,253,248,.12)!important;border-color:rgba(255,253,248,.24)!important;color:#fff!important;backdrop-filter:blur(10px)!important;}
.eyebrow:before{background:#D8B56D!important;box-shadow:0 0 0 6px rgba(216,181,109,.16)!important;}
.hero h1{color:#fff!important;text-shadow:0 4px 24px rgba(0,0,0,.58)!important;}
.hero p{color:rgba(255,255,255,.88)!important;text-shadow:0 3px 18px rgba(0,0,0,.42)!important;}
.hero-stat{background:rgba(31,31,31,.28)!important;border-color:rgba(255,253,248,.18)!important;box-shadow:0 12px 30px rgba(0,0,0,.22)!important;backdrop-filter:blur(10px)!important;}
.hero-stat strong{color:#fff!important;text-shadow:0 3px 16px rgba(0,0,0,.48)!important;}
.hero-stat span{color:rgba(255,255,255,.78)!important;}
.hero-card{background:rgba(255,253,248,.94)!important;color:#1F1F1F!important;border:1px solid rgba(232,222,212,.72)!important;box-shadow:0 28px 70px rgba(0,0,0,.26)!important;backdrop-filter:blur(16px)!important;}
.hero-card p{color:#6F6860!important;text-shadow:none!important;}
.hero-card h2,.hero-card strong,.hero-card .section-kicker{text-shadow:none!important;}
.search-card{filter:none!important;}
.booking-box,.card,.entry-content,.mini-stat,.contact-item,.t99-table{background:#FFFDF8!important;border-color:#E8DED4!important;box-shadow:0 12px 34px rgba(54,34,20,.07)!important;}
.mini-stat{background:#FAF7F2!important;}
.card:hover{border-color:#D8B56D!important;box-shadow:0 18px 45px rgba(54,34,20,.10)!important;}
.section-kicker{color:#B3262E!important;}
.section-title,.card h3,.seat-title,.mini-stat strong,.entry-content h2,.entry-content h3{color:#1F1F1F!important;}
.section-desc,.card p,.seat-meta,.post-meta,.mini-stat small,.form-field label{color:#6F6860!important;}
.feature-icon{background:#FFF0EE!important;color:#B3262E!important;box-shadow:inset 0 0 0 1px #F0D8D4!important;}
.service-card:before{background:linear-gradient(90deg,#8F1D24,#B3262E,#D8B56D)!important;height:3px!important;}
.form-field input,.form-field select,.form-field textarea{background:#FFFDF8!important;border-color:#E8DED4!important;color:#1F1F1F!important;}
.form-field input:focus,.form-field select:focus,.form-field textarea:focus{border-color:#B3262E!important;box-shadow:0 0 0 4px rgba(179,38,46,.10)!important;}
.swap{background:#FFFDF8!important;color:#B3262E!important;border-color:#E8DED4!important;}
.pill{background:#FFFDF8!important;border-color:#E8DED4!important;color:#4B4640!important;}
.badge-open{background:#EAF7EF!important;color:#168A4A!important;}
.badge-limited{background:#F7EED8!important;color:#9A6A10!important;}
.badge-closed{background:#F3EFE9!important;color:#6F6860!important;}
.process .card:before{color:#E8DED4!important;}
.cta{background:linear-gradient(135deg,#1F1F1F 0%,#2B201C 46%,#8F1D24 100%)!important;color:#fff!important;box-shadow:0 20px 54px rgba(31,31,31,.18)!important;}
.cta:after{background:rgba(216,181,109,.18)!important;}
.cta p{color:rgba(255,255,255,.82)!important;}
.page-hero{background:#140f0d!important;isolation:isolate!important;color:#fff!important;}
.page-hero:after{background:linear-gradient(90deg,rgba(15,14,13,.92),rgba(31,23,18,.82),rgba(143,29,36,.36)),url('assets/images/kaabah-door-bg.jpg') center 46%/cover no-repeat!important;opacity:1!important;z-index:0!important;filter:saturate(.82) brightness(.88)!important;}
.page-hero .t99-container{position:relative!important;z-index:1!important;}
.notice{background:#FFF0EE!important;border-color:#F0D8D4!important;color:#8F1D24!important;}
.site-footer{background:linear-gradient(135deg,#1F1F1F 0%,#241C19 100%)!important;color:#D8D4CF!important;}
.footer-list a{color:#D8D4CF!important;}
.footer-list a:hover{color:#D8B56D!important;}
.footer-bottom{border-color:rgba(216,181,109,.14)!important;color:#B8B1AA!important;}
.site-footer .contact-item{background:rgba(255,253,248,.05)!important;border-color:rgba(216,181,109,.16)!important;box-shadow:none!important;}
.floating-wa{background:#168A4A!important;}
@media(max-width:980px){
  .site-header{height:auto!important;min-height:68px!important;overflow:visible!important;}
  .header-inner{height:auto!important;min-height:68px!important;}
  .brand.logo-only{width:138px!important;max-width:138px!important;flex-basis:138px!important;}
  .logo-frame,.custom-logo-link{width:136px!important;max-width:136px!important;height:44px!important;}
  .logo-frame img,.t99-custom-logo,.custom-logo,.custom-logo-link img,.brand img{max-width:136px!important;max-height:38px!important;}
  .hero:before{background:linear-gradient(90deg,rgba(15,14,13,.94),rgba(31,23,18,.82),rgba(143,29,36,.28)),linear-gradient(180deg,rgba(0,0,0,.22),rgba(0,0,0,.62)),url('assets/images/kaabah-door-bg.jpg') center top/cover no-repeat!important;}
}
@media(max-width:640px){
  .brand.logo-only{width:114px!important;max-width:114px!important;flex-basis:114px!important;}
  .logo-frame,.custom-logo-link{width:112px!important;max-width:112px!important;height:38px!important;}
  .logo-frame img,.t99-custom-logo,.custom-logo,.custom-logo-link img,.brand img{max-width:112px!important;max-height:34px!important;}
  .hero h1{font-size:38px!important;}
  .hero:before{background:linear-gradient(90deg,rgba(15,14,13,.95),rgba(31,23,18,.88)),linear-gradient(180deg,rgba(0,0,0,.24),rgba(0,0,0,.66)),url('assets/images/kaabah-door-bg.jpg') center top/cover no-repeat!important;}
}


/* ============================================================
   Tiket99 Sage / Neutral Premium V6
   Palet lebih calm: Ivory + Charcoal + Sage Olive + Champagne Gold.
   Merah tidak digunakan sebagai warna UI utama; merah logo tetap aman.
   ============================================================ */
:root{
  --t99-cream:#FAF7F2!important;
  --t99-card:#FFFDF8!important;
  --t99-charcoal:#1F1F1F!important;
  --t99-black-soft:#171717!important;
  --t99-muted:#6F6860!important;
  --t99-sage:#6F7D5A!important;
  --t99-sage-dark:#4F5F3F!important;
  --t99-sage-soft:#EEF2E8!important;
  --t99-sand:#EDE3D4!important;
  --t99-gold:#C8A968!important;
  --t99-gold-soft:#F3EBD8!important;
  --t99-green:#2F7D4A!important;
  --t99-border:#E8DED4!important;
  --t99-navy:#1F1F1F!important;
  --t99-blue:#6F7D5A!important;
  --t99-blue-dark:#4F5F3F!important;
  --t99-red-main:#6F7D5A!important;
  --t99-red-dark:#4F5F3F!important;
  --t99-red-soft:#EEF2E8!important;
  --t99-sky:#EEF2E8!important;
  --t99-soft:#FAF7F2!important;
  --t99-text:#1F1F1F!important;
  --t99-white:#FFFDF8!important;
  --t99-shadow:0 22px 60px rgba(54,43,27,.10)!important;
  --t99-shadow-soft:0 12px 34px rgba(54,43,27,.065)!important;
}
html,body{background:#FAF7F2!important;color:#1F1F1F!important;}
body{background:linear-gradient(180deg,#FAF7F2 0%,#FFFDF8 48%,#FAF7F2 100%)!important;}
.site-header{background:rgba(255,253,248,.94)!important;border-bottom:1px solid rgba(232,222,212,.94)!important;box-shadow:0 10px 34px rgba(54,43,27,.045)!important;}
.brand-mark{background:linear-gradient(135deg,#1F1F1F 0%,#34312B 100%)!important;box-shadow:0 10px 22px rgba(31,31,31,.12)!important;}
.brand-mark:after{background:#C8A968!important;}
.brand-name{color:#1F1F1F!important;}.brand-sub{color:#7A7168!important;}
.main-nav a,.main-nav li a{color:#2C2C2C!important;}
.main-nav a:hover,.main-nav .current-menu-item>a{background:#EEF2E8!important;color:#4F5F3F!important;}
.menu-toggle{background:#EEF2E8!important;color:#4F5F3F!important;border:1px solid #E8DED4!important;}
.btn-primary,.hero .btn-primary,.pill.active,.search-card .pill.active{background:linear-gradient(135deg,#4F5F3F 0%,#6F7D5A 100%)!important;color:#fff!important;border-color:rgba(79,95,63,.10)!important;box-shadow:0 14px 28px rgba(79,95,63,.17)!important;}
.btn-primary:hover{box-shadow:0 18px 34px rgba(79,95,63,.22)!important;transform:translateY(-1px)!important;}
.btn-ghost{background:#FFFDF8!important;color:#1F1F1F!important;border-color:#E8DED4!important;box-shadow:0 8px 20px rgba(54,43,27,.04)!important;}
.btn-ghost:hover{border-color:#C8A968!important;background:#FFFBF3!important;color:#4F5F3F!important;}
.btn-dark{background:#1F1F1F!important;color:#fff!important;}
.btn-wa,.hero .btn-wa,.floating-wa{background:#2F7D4A!important;color:#fff!important;box-shadow:0 14px 30px rgba(47,125,74,.18)!important;}
.hero{background:#151411!important;color:#fff!important;isolation:isolate!important;position:relative!important;overflow:hidden!important;}
.hero:before{content:""!important;position:absolute!important;inset:0!important;z-index:0!important;background:linear-gradient(90deg,rgba(18,17,15,.94) 0%,rgba(36,31,24,.84) 45%,rgba(79,95,63,.36) 78%,rgba(18,17,15,.76) 100%),linear-gradient(180deg,rgba(0,0,0,.22) 0%,rgba(0,0,0,.58) 100%),url('assets/images/kaabah-door-bg.jpg') center 45%/cover no-repeat!important;opacity:1!important;filter:saturate(.76) contrast(1.00) brightness(.87)!important;}
.hero:after{content:""!important;position:absolute!important;inset:0!important;z-index:0!important;pointer-events:none!important;background:radial-gradient(circle at 18% 22%,rgba(200,169,104,.16),transparent 28%),radial-gradient(circle at 76% 18%,rgba(111,125,90,.16),transparent 36%),linear-gradient(180deg,transparent 64%,rgba(250,247,242,.18) 100%)!important;}
.hero-inner{position:relative!important;z-index:1!important;}
.eyebrow{background:rgba(255,253,248,.12)!important;border-color:rgba(255,253,248,.24)!important;color:#fff!important;backdrop-filter:blur(10px)!important;}
.eyebrow:before{background:#C8A968!important;box-shadow:0 0 0 6px rgba(200,169,104,.16)!important;}
.hero h1{color:#fff!important;text-shadow:0 4px 24px rgba(0,0,0,.58)!important;}
.hero p{color:rgba(255,255,255,.88)!important;text-shadow:0 3px 18px rgba(0,0,0,.42)!important;}
.hero-stat{background:rgba(31,31,31,.28)!important;border-color:rgba(255,253,248,.18)!important;box-shadow:0 12px 30px rgba(0,0,0,.22)!important;backdrop-filter:blur(10px)!important;}
.hero-stat strong{color:#fff!important;text-shadow:0 3px 16px rgba(0,0,0,.48)!important;}
.hero-stat span{color:rgba(255,255,255,.78)!important;}
.hero-card{background:rgba(255,253,248,.95)!important;color:#1F1F1F!important;border:1px solid rgba(232,222,212,.74)!important;box-shadow:0 28px 70px rgba(0,0,0,.24)!important;backdrop-filter:blur(16px)!important;}
.hero-card p{color:#6F6860!important;text-shadow:none!important;}
.hero-card h2,.hero-card strong,.hero-card .section-kicker{text-shadow:none!important;}
.booking-box,.card,.entry-content,.mini-stat,.contact-item,.t99-table{background:#FFFDF8!important;border-color:#E8DED4!important;box-shadow:0 12px 34px rgba(54,43,27,.065)!important;}
.card:hover{border-color:#C8A968!important;box-shadow:0 18px 44px rgba(54,43,27,.10)!important;}
.mini-stat{background:#FAF7F2!important;}
.section-kicker{color:#6F7D5A!important;}
.section-title,.card h3,.seat-title,.mini-stat strong{color:#1F1F1F!important;}
.section-desc,.card p,.seat-meta,.mini-stat small,.form-field label{color:#6F6860!important;}
.feature-icon{background:#EEF2E8!important;color:#4F5F3F!important;box-shadow:inset 0 0 0 1px #DDE6D5!important;}
.service-card:before{background:linear-gradient(90deg,#4F5F3F,#6F7D5A,#C8A968)!important;height:3px!important;}
.form-field input,.form-field select,.form-field textarea{background:#FFFDF8!important;border-color:#E8DED4!important;color:#1F1F1F!important;}
.form-field input:focus,.form-field select:focus,.form-field textarea:focus{border-color:#6F7D5A!important;box-shadow:0 0 0 4px rgba(111,125,90,.12)!important;}
.swap{color:#4F5F3F!important;background:#FFFDF8!important;border-color:#E8DED4!important;}
.badge-open{background:#EEF2E8!important;color:#4F5F3F!important;}.badge-limited{background:#F3EBD8!important;color:#8A6D2F!important;}
.process .card:before{color:#E8DED4!important;}
.cta{background:linear-gradient(135deg,#1F1F1F 0%,#2B271E 48%,#4F5F3F 100%)!important;color:#fff!important;box-shadow:0 22px 60px rgba(54,43,27,.13)!important;}
.cta:after{background:rgba(200,169,104,.16)!important;}
.page-hero{background:#151411!important;color:#fff!important;}
.page-hero:after{background:linear-gradient(90deg,rgba(18,17,15,.94),rgba(36,31,24,.84),rgba(79,95,63,.34)),url('assets/images/kaabah-door-bg.jpg') center 46%/cover no-repeat!important;opacity:1!important;filter:saturate(.76) brightness(.87)!important;}
.site-footer{background:linear-gradient(135deg,#1F1F1F 0%,#24211B 100%)!important;color:#D8D4CF!important;}
.footer-list a{color:#D8D4CF!important;}.footer-list a:hover{color:#C8A968!important;}
.t99-table th{background:#EEF2E8!important;color:#4F5F3F!important;}
.t99-table a,.entry-content a:not(.btn){color:#4F5F3F!important;text-decoration-color:rgba(79,95,63,.35)!important;}
::selection{background:#6F7D5A!important;color:#fff!important;}
@media(max-width:980px){.hero:before{background:linear-gradient(90deg,rgba(18,17,15,.95),rgba(36,31,24,.86),rgba(79,95,63,.28)),linear-gradient(180deg,rgba(0,0,0,.24),rgba(0,0,0,.64)),url('assets/images/kaabah-door-bg.jpg') center top/cover no-repeat!important;}}
@media(max-width:640px){.hero:before{background:linear-gradient(90deg,rgba(18,17,15,.96),rgba(36,31,24,.90)),linear-gradient(180deg,rgba(0,0,0,.26),rgba(0,0,0,.68)),url('assets/images/kaabah-door-bg.jpg') center top/cover no-repeat!important;}}


/* ============================================================
   Tiket99 Blue Calm Premium V7
   Palet adem: Ivory + Charcoal + Dusty Blue + Champagne Gold.
   Merah tidak digunakan sebagai warna UI utama; merah tetap dari logo.
   ============================================================ */
:root{
  --t99-cream:#FAF7F2!important;
  --t99-card:#FFFDF8!important;
  --t99-charcoal:#1F1F1F!important;
  --t99-black-soft:#171717!important;
  --t99-muted:#667085!important;
  --t99-blue-calm:#536C8E!important;
  --t99-blue-deep:#33455F!important;
  --t99-blue-soft:#EAF0F6!important;
  --t99-sand:#EDE3D4!important;
  --t99-gold:#C8A968!important;
  --t99-gold-soft:#F3EBD8!important;
  --t99-green:#2F7D4A!important;
  --t99-border:#E6DED4!important;
  --t99-navy:#1F1F1F!important;
  --t99-blue:#536C8E!important;
  --t99-blue-dark:#33455F!important;
  --t99-red-main:#536C8E!important;
  --t99-red-dark:#33455F!important;
  --t99-red-soft:#EAF0F6!important;
  --t99-sky:#EAF0F6!important;
  --t99-soft:#FAF7F2!important;
  --t99-text:#1F1F1F!important;
  --t99-white:#FFFDF8!important;
  --t99-shadow:0 22px 60px rgba(38,49,64,.10)!important;
  --t99-shadow-soft:0 12px 34px rgba(38,49,64,.065)!important;
}
html,body{background:#FAF7F2!important;color:#1F1F1F!important;}
body{background:linear-gradient(180deg,#FAF7F2 0%,#FFFDF8 48%,#FAF7F2 100%)!important;}
.site-header{background:rgba(255,253,248,.94)!important;border-bottom:1px solid rgba(230,222,212,.94)!important;box-shadow:0 10px 34px rgba(38,49,64,.045)!important;}
.brand-mark{background:linear-gradient(135deg,#1F1F1F 0%,#293241 100%)!important;box-shadow:0 10px 22px rgba(31,31,31,.12)!important;}
.brand-mark:after{background:#C8A968!important;}
.brand-name{color:#1F1F1F!important;}.brand-sub{color:#667085!important;}
.main-nav a,.main-nav li a{color:#2C2C2C!important;}
.main-nav a:hover,.main-nav .current-menu-item>a{background:#EAF0F6!important;color:#33455F!important;}
.menu-toggle{background:#EAF0F6!important;color:#33455F!important;border:1px solid #E6DED4!important;}
.btn-primary,.hero .btn-primary,.pill.active,.search-card .pill.active{background:linear-gradient(135deg,#33455F 0%,#536C8E 100%)!important;color:#fff!important;border-color:rgba(51,69,95,.10)!important;box-shadow:0 14px 28px rgba(51,69,95,.17)!important;}
.btn-primary:hover{box-shadow:0 18px 34px rgba(51,69,95,.22)!important;transform:translateY(-1px)!important;}
.btn-ghost{background:#FFFDF8!important;color:#1F1F1F!important;border-color:#E6DED4!important;box-shadow:0 8px 20px rgba(38,49,64,.04)!important;}
.btn-ghost:hover{border-color:#C8A968!important;background:#FFFBF3!important;color:#33455F!important;}
.btn-dark{background:#1F1F1F!important;color:#fff!important;}
.btn-wa,.hero .btn-wa,.floating-wa{background:#2F7D4A!important;color:#fff!important;box-shadow:0 14px 30px rgba(47,125,74,.18)!important;}
.hero{background:#101622!important;color:#fff!important;isolation:isolate!important;position:relative!important;overflow:hidden!important;}
.hero:before{content:""!important;position:absolute!important;inset:0!important;z-index:0!important;background:linear-gradient(90deg,rgba(15,18,24,.94) 0%,rgba(25,32,45,.86) 45%,rgba(51,69,95,.42) 78%,rgba(15,18,24,.78) 100%),linear-gradient(180deg,rgba(0,0,0,.22) 0%,rgba(0,0,0,.58) 100%),url('assets/images/kaabah-door-bg.jpg') center 45%/cover no-repeat!important;opacity:1!important;filter:saturate(.72) contrast(1.00) brightness(.86)!important;}
.hero:after{content:""!important;position:absolute!important;inset:0!important;z-index:0!important;pointer-events:none!important;background:radial-gradient(circle at 18% 22%,rgba(200,169,104,.15),transparent 28%),radial-gradient(circle at 76% 18%,rgba(83,108,142,.18),transparent 36%),linear-gradient(180deg,transparent 64%,rgba(250,247,242,.18) 100%)!important;}
.hero-inner{position:relative!important;z-index:1!important;}
.eyebrow{background:rgba(255,253,248,.12)!important;border-color:rgba(255,253,248,.24)!important;color:#fff!important;backdrop-filter:blur(10px)!important;}
.eyebrow:before{background:#C8A968!important;box-shadow:0 0 0 6px rgba(200,169,104,.16)!important;}
.hero h1{color:#fff!important;text-shadow:0 4px 24px rgba(0,0,0,.58)!important;}
.hero p{color:rgba(255,255,255,.88)!important;text-shadow:0 3px 18px rgba(0,0,0,.42)!important;}
.hero-stat{background:rgba(31,31,31,.28)!important;border-color:rgba(255,253,248,.18)!important;box-shadow:0 12px 30px rgba(0,0,0,.22)!important;backdrop-filter:blur(10px)!important;}
.hero-stat strong{color:#fff!important;text-shadow:0 3px 16px rgba(0,0,0,.48)!important;}
.hero-stat span{color:rgba(255,255,255,.78)!important;}
.hero-card{background:rgba(255,253,248,.95)!important;color:#1F1F1F!important;border:1px solid rgba(230,222,212,.74)!important;box-shadow:0 28px 70px rgba(0,0,0,.24)!important;backdrop-filter:blur(16px)!important;}
.hero-card p{color:#667085!important;text-shadow:none!important;}
.hero-card h2,.hero-card strong,.hero-card .section-kicker{text-shadow:none!important;}
.booking-box,.card,.entry-content,.mini-stat,.contact-item,.t99-table{background:#FFFDF8!important;border-color:#E6DED4!important;box-shadow:0 12px 34px rgba(38,49,64,.065)!important;}
.card:hover{border-color:#C8A968!important;box-shadow:0 18px 44px rgba(38,49,64,.10)!important;}
.mini-stat{background:#FAF7F2!important;}
.section-kicker{color:#536C8E!important;}
.section-title,.card h3,.seat-title,.mini-stat strong,.entry-content h2,.entry-content h3{color:#1F1F1F!important;}
.section-desc,.card p,.seat-meta,.post-meta,.mini-stat small,.form-field label{color:#667085!important;}
.feature-icon{background:#EAF0F6!important;color:#33455F!important;box-shadow:inset 0 0 0 1px #D8E2EE!important;}
.service-card:before{background:linear-gradient(90deg,#33455F,#536C8E,#C8A968)!important;height:3px!important;}
.form-field input,.form-field select,.form-field textarea{background:#FFFDF8!important;border-color:#E6DED4!important;color:#1F1F1F!important;}
.form-field input:focus,.form-field select:focus,.form-field textarea:focus{border-color:#536C8E!important;box-shadow:0 0 0 4px rgba(83,108,142,.12)!important;}
.swap{color:#33455F!important;background:#FFFDF8!important;border-color:#E6DED4!important;}
.pill{background:#FFFDF8!important;border-color:#E6DED4!important;color:#4B5563!important;}
.badge-open{background:#EAF0F6!important;color:#33455F!important;}.badge-limited{background:#F3EBD8!important;color:#8A6D2F!important;}
.process .card:before{color:#E6DED4!important;}
.cta{background:linear-gradient(135deg,#1F1F1F 0%,#202837 48%,#33455F 100%)!important;color:#fff!important;box-shadow:0 22px 60px rgba(38,49,64,.13)!important;}
.cta:after{background:rgba(200,169,104,.16)!important;}
.page-hero{background:#101622!important;color:#fff!important;}
.page-hero:after{background:linear-gradient(90deg,rgba(15,18,24,.94),rgba(25,32,45,.86),rgba(51,69,95,.38)),url('assets/images/kaabah-door-bg.jpg') center 46%/cover no-repeat!important;opacity:1!important;filter:saturate(.72) brightness(.86)!important;}
.notice{background:#EAF0F6!important;border-color:#D8E2EE!important;color:#33455F!important;}
.site-footer{background:linear-gradient(135deg,#1F1F1F 0%,#202837 100%)!important;color:#D8D4CF!important;}
.footer-list a{color:#D8D4CF!important;}.footer-list a:hover{color:#C8A968!important;}
.t99-table th{background:#EAF0F6!important;color:#33455F!important;}
.t99-table a,.entry-content a:not(.btn){color:#33455F!important;text-decoration-color:rgba(51,69,95,.35)!important;}
::selection{background:#536C8E!important;color:#fff!important;}
@media(max-width:980px){.hero:before{background:linear-gradient(90deg,rgba(15,18,24,.95),rgba(25,32,45,.88),rgba(51,69,95,.30)),linear-gradient(180deg,rgba(0,0,0,.24),rgba(0,0,0,.64)),url('assets/images/kaabah-door-bg.jpg') center top/cover no-repeat!important;}}
@media(max-width:640px){.hero:before{background:linear-gradient(90deg,rgba(15,18,24,.96),rgba(25,32,45,.91)),linear-gradient(180deg,rgba(0,0,0,.26),rgba(0,0,0,.68)),url('assets/images/kaabah-door-bg.jpg') center top/cover no-repeat!important;}}


/* ==========================================================
   FINAL OVERRIDE V8 — RAW BLUE / BIRU POLOS TANPA GRADASI HITAM
   Warna utama dibuat biru solid. Hero, CTA, dan page hero tidak
   memakai overlay hitam agar terlihat "biru mentah".
========================================================== */
:root{
  --t99-cream:#FAF7F2!important;
  --t99-card:#FFFDF8!important;
  --t99-charcoal:#1F2937!important;
  --t99-muted:#667085!important;
  --t99-blue:#2563EB!important;
  --t99-blue-dark:#1D4ED8!important;
  --t99-blue-soft:#EFF6FF!important;
  --t99-gold:#C8A968!important;
  --t99-green:#2F7D4A!important;
  --t99-border:#E6DED4!important;
  --t99-navy:#1F2937!important;
  --t99-red-main:#2563EB!important;
  --t99-red-dark:#1D4ED8!important;
  --t99-red-soft:#EFF6FF!important;
  --t99-sky:#EFF6FF!important;
  --t99-soft:#FAF7F2!important;
  --t99-text:#1F2937!important;
  --t99-white:#FFFDF8!important;
}
body{background:#FAF7F2!important;color:#1F2937!important;}
.site-header{background:rgba(255,253,248,.96)!important;border-bottom:1px solid rgba(230,222,212,.95)!important;box-shadow:0 8px 26px rgba(37,99,235,.06)!important;}
.main-nav a:hover,.main-nav .current-menu-item>a{background:#EFF6FF!important;color:#1D4ED8!important;}
.menu-toggle{background:#EFF6FF!important;color:#1D4ED8!important;border:1px solid #D8E4F8!important;}
.btn-primary,.hero .btn-primary,.pill.active,.search-card .pill.active{background:#2563EB!important;background-image:none!important;color:#fff!important;border-color:#2563EB!important;box-shadow:0 14px 28px rgba(37,99,235,.18)!important;}
.btn-primary:hover{background:#1D4ED8!important;box-shadow:0 18px 34px rgba(37,99,235,.24)!important;}
.btn-wa,.hero .btn-wa,.floating-wa{background:#2F7D4A!important;color:#fff!important;box-shadow:0 14px 30px rgba(47,125,74,.18)!important;}
.btn-dark{background:#1F2937!important;color:#fff!important;}.btn-ghost{background:#FFFDF8!important;color:#1F2937!important;border-color:#E6DED4!important;}.btn-ghost:hover{border-color:#C8A968!important;background:#FFFBF3!important;color:#1D4ED8!important;}
.hero{background:#2563EB!important;background-image:none!important;color:#fff!important;isolation:isolate!important;}
.hero:before{content:""!important;position:absolute!important;inset:0!important;z-index:0!important;background:#2563EB!important;background-image:none!important;opacity:1!important;filter:none!important;}
.hero:after{content:""!important;position:absolute!important;inset:0!important;z-index:0!important;pointer-events:none!important;background:radial-gradient(circle at 18% 20%,rgba(255,255,255,.20),transparent 28%),radial-gradient(circle at 82% 16%,rgba(200,169,104,.20),transparent 30%)!important;}
.hero-inner{position:relative!important;z-index:1!important;}
.hero h1{color:#fff!important;text-shadow:none!important;}.hero p{color:rgba(255,255,255,.90)!important;text-shadow:none!important;}
.eyebrow,.hero-stat{background:rgba(255,255,255,.14)!important;border-color:rgba(255,255,255,.22)!important;backdrop-filter:blur(10px)!important;}
.hero-card{background:rgba(255,253,248,.96)!important;color:#1F2937!important;border:1px solid rgba(255,255,255,.75)!important;box-shadow:0 28px 70px rgba(20,55,120,.20)!important;backdrop-filter:blur(14px)!important;}.hero-card p{color:#667085!important;text-shadow:none!important;}
.booking-box,.card,.entry-content,.mini-stat,.contact-item,.t99-table{background:#FFFDF8!important;border-color:#E6DED4!important;box-shadow:0 12px 34px rgba(37,99,235,.055)!important;}
.mini-stat{background:#FAF7F2!important;}.card:hover{border-color:#C8A968!important;}
.section-kicker{color:#2563EB!important;}.section-title,.card h3,.seat-title,.mini-stat strong{color:#1F2937!important;}.section-desc,.card p,.seat-meta,.mini-stat small,.form-field label{color:#667085!important;}
.feature-icon{background:#EFF6FF!important;color:#1D4ED8!important;box-shadow:inset 0 0 0 1px #D8E4F8!important;}
.service-card:before{background:#2563EB!important;background-image:none!important;height:3px!important;}
.form-field input,.form-field select,.form-field textarea{background:#FFFDF8!important;border-color:#E6DED4!important;color:#1F2937!important;}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{border-color:#2563EB!important;box-shadow:0 0 0 4px rgba(37,99,235,.12)!important;}
.swap{color:#1D4ED8!important;background:#FFFDF8!important;border-color:#E6DED4!important;}.badge-open{background:#EFF6FF!important;color:#1D4ED8!important;}.badge-limited{background:#F3EBD8!important;color:#8A6D2F!important;}
.cta{background:#2563EB!important;background-image:none!important;color:#fff!important;box-shadow:0 22px 60px rgba(37,99,235,.14)!important;}
.cta:after{background:rgba(255,255,255,.16)!important;}
.page-hero{background:#2563EB!important;background-image:none!important;color:#fff!important;}.page-hero:after{background:#2563EB!important;background-image:none!important;opacity:1!important;filter:none!important;}
.notice{background:#EFF6FF!important;border-color:#D8E4F8!important;color:#1D4ED8!important;}
.site-footer{background:#183B74!important;background-image:none!important;color:#EAF0F6!important;}.footer-list a{color:#EAF0F6!important;}.footer-list a:hover{color:#C8A968!important;}
.t99-table th{background:#EFF6FF!important;color:#1D4ED8!important;}.t99-table a,.entry-content a:not(.btn){color:#1D4ED8!important;text-decoration-color:rgba(29,78,216,.35)!important;}::selection{background:#2563EB!important;color:#fff!important;}
@media(max-width:980px){.hero:before{background:#2563EB!important;background-image:none!important;filter:none!important;}.hero:after{background:radial-gradient(circle at 22% 12%,rgba(255,255,255,.16),transparent 30%)!important;}}
@media(max-width:640px){.hero:before{background:#2563EB!important;background-image:none!important;filter:none!important;}.hero:after{background:radial-gradient(circle at 24% 10%,rgba(255,255,255,.14),transparent 32%)!important;}.hero h1{font-size:38px!important;}}


/* ==========================================================
   FINAL OVERRIDE V10 — HERO MAKKAH GRADASI HITAM SAJA
   Khusus section hero: foto Makkah/Kaabah tetap dipakai,
   overlay biru dihapus dan diganti gradasi hitam transparan.
   Warna tombol, tab, footer, dan komponen lain tetap biru.
========================================================== */
.hero{
  background:#080808!important;
  background-image:none!important;
  color:#fff!important;
  isolation:isolate!important;
  position:relative!important;
  overflow:hidden!important;
}
.hero:before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:0!important;
  background:
    linear-gradient(90deg,rgba(0,0,0,.84) 0%,rgba(0,0,0,.70) 42%,rgba(0,0,0,.38) 72%,rgba(0,0,0,.58) 100%),
    linear-gradient(180deg,rgba(0,0,0,.18) 0%,rgba(0,0,0,.54) 100%),
    url('assets/images/kaabah-door-bg.jpg') center 44%/cover no-repeat!important;
  opacity:1!important;
  filter:saturate(.92) contrast(1.04) brightness(.88)!important;
}
.hero:after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:0!important;
  pointer-events:none!important;
  background:
    radial-gradient(circle at 18% 18%,rgba(255,255,255,.10),transparent 28%),
    radial-gradient(circle at 82% 18%,rgba(200,169,104,.12),transparent 30%),
    linear-gradient(180deg,transparent 68%,rgba(250,247,242,.16) 100%)!important;
}
.hero h1{
  color:#fff!important;
  text-shadow:0 4px 22px rgba(0,0,0,.62)!important;
}
.hero p{
  color:rgba(255,255,255,.92)!important;
  text-shadow:0 3px 16px rgba(0,0,0,.48)!important;
}
.eyebrow,.hero-stat{
  background:rgba(255,255,255,.13)!important;
  border-color:rgba(255,255,255,.24)!important;
  backdrop-filter:blur(10px)!important;
}
.hero-card{
  background:rgba(255,253,248,.96)!important;
  color:#1F2937!important;
  border:1px solid rgba(255,255,255,.76)!important;
  box-shadow:0 28px 70px rgba(0,0,0,.28)!important;
  backdrop-filter:blur(14px)!important;
}
.hero-card p{text-shadow:none!important;}
@media(max-width:980px){
  .hero:before{
    background:
      linear-gradient(90deg,rgba(0,0,0,.86),rgba(0,0,0,.58)),
      linear-gradient(180deg,rgba(0,0,0,.20),rgba(0,0,0,.60)),
      url('assets/images/kaabah-door-bg.jpg') center top/cover no-repeat!important;
    filter:saturate(.9) contrast(1.04) brightness(.86)!important;
  }
}
@media(max-width:640px){
  .hero:before{
    background:
      linear-gradient(90deg,rgba(0,0,0,.88),rgba(0,0,0,.70)),
      linear-gradient(180deg,rgba(0,0,0,.22),rgba(0,0,0,.64)),
      url('assets/images/kaabah-door-bg.jpg') center top/cover no-repeat!important;
    filter:saturate(.88) contrast(1.04) brightness(.84)!important;
  }
  .hero h1{font-size:38px!important;}
}


/* ==========================================================
   FINAL OVERRIDE V11 — PERBAIKAN KETERBACAAN HERO CARD
   Card kanan dibuat lebih solid dan seluruh teks di dalamnya
   dipaksa warna gelap agar tidak tertimpa rule .hero p putih.
========================================================== */
.hero-card,
.hero .hero-card{
  background:rgba(255,253,248,.985)!important;
  color:#1F2937!important;
  border:1px solid rgba(232,222,212,.92)!important;
  box-shadow:0 28px 70px rgba(0,0,0,.26)!important;
  backdrop-filter:blur(10px)!important;
}
.hero .hero-card *,
.hero-card *{
  text-shadow:none!important;
}
.hero .hero-card p,
.hero-card p{
  color:#4B5563!important;
  line-height:1.78!important;
  font-size:16px!important;
  font-weight:500!important;
}
.hero .hero-card h2,
.hero-card h2{
  color:#1F2937!important;
  letter-spacing:-.035em!important;
}
.hero .hero-card .section-kicker,
.hero-card .section-kicker{
  color:#2563EB!important;
  font-weight:900!important;
}
.hero .hero-card .mini-stat,
.hero-card .mini-stat{
  background:#FFFDF8!important;
  border:1px solid #E6DED4!important;
  box-shadow:0 8px 22px rgba(31,41,55,.045)!important;
}
.hero .hero-card .mini-stat small,
.hero-card .mini-stat small{
  color:#667085!important;
  font-weight:900!important;
}
.hero .hero-card .mini-stat strong,
.hero-card .mini-stat strong{
  color:#111827!important;
  font-weight:900!important;
}
.hero .hero-stat{
  background:rgba(0,0,0,.34)!important;
  border-color:rgba(255,255,255,.20)!important;
}
.hero .hero-stat span{
  color:rgba(255,255,255,.86)!important;
}
.hero:before{
  filter:saturate(.94) contrast(1.04) brightness(.90)!important;
}


/* ==========================================================
   V12 INTERACTIVE FIX + SMOOTH ANIMATION
   - Tab Sekali Jalan / Pulang Pergi / Pesawat Umroh bisa diklik
   - Animasi halus tanpa membuat web terlalu ramai
========================================================== */
.pill-row .pill{
  appearance:none;
  border:1px solid #E6DED4;
  background:#FFFDF8;
  border-radius:999px;
  padding:9px 14px;
  font-size:13px;
  font-weight:900;
  color:#4B5563;
  cursor:pointer;
  transition:transform .22s ease, box-shadow .22s ease, background-color .22s ease, color .22s ease, border-color .22s ease;
}
.pill-row .pill:hover{
  transform:translateY(-1px);
  border-color:#C8A968!important;
  box-shadow:0 12px 24px rgba(31,41,55,.08);
}
.pill-row .pill.active,
.search-card .pill-row .pill.active{
  background:#2563EB!important;
  background-image:none!important;
  color:#fff!important;
  border-color:#2563EB!important;
  box-shadow:0 14px 28px rgba(37,99,235,.20)!important;
}
.pill-row .pill:focus-visible,
.swap:focus-visible,
.btn:focus-visible{
  outline:3px solid rgba(37,99,235,.26);
  outline-offset:3px;
}
.swap{
  transition:transform .24s ease, box-shadow .24s ease, border-color .24s ease, color .24s ease;
  cursor:pointer;
}
.swap:hover{
  transform:rotate(180deg) scale(1.04);
  border-color:#2563EB!important;
  box-shadow:0 10px 22px rgba(37,99,235,.12);
}

/* Animasi masuk saat halaman dibuka */
@keyframes t99FadeUp{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}
@keyframes t99FadeIn{from{opacity:0}to{opacity:1}}
@keyframes t99Float{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@keyframes t99PulseSoft{0%,100%{box-shadow:0 14px 30px rgba(47,125,74,.18)}50%{box-shadow:0 18px 38px rgba(47,125,74,.28)}}
@keyframes t99Shine{0%{transform:translateX(-120%) skewX(-18deg)}100%{transform:translateX(220%) skewX(-18deg)}}

.hero .eyebrow{animation:t99FadeUp .55s ease both .08s}
.hero h1{animation:t99FadeUp .62s ease both .16s}
.hero p{animation:t99FadeUp .68s ease both .24s}
.hero-actions{animation:t99FadeUp .72s ease both .32s}
.hero-stats{animation:t99FadeUp .76s ease both .42s}
.hero-card{animation:t99FadeUp .74s ease both .30s}
.search-card{animation:t99FadeUp .72s ease both .48s}

.btn{
  position:relative;
  overflow:hidden;
  transform:translateZ(0);
}
.btn:hover{transform:translateY(-2px)}
.btn-primary:after,
.btn-wa:after{
  content:"";
  position:absolute;
  inset:-30% auto -30% -45%;
  width:34%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.34),transparent);
  opacity:0;
  pointer-events:none;
}
.btn-primary:hover:after,
.btn-wa:hover:after{
  opacity:1;
  animation:t99Shine .82s ease;
}
.hero .btn-wa{animation:t99PulseSoft 3.2s ease-in-out infinite}
.hero-card{animation-name:t99FadeUp,t99Float;animation-duration:.74s,6.5s;animation-timing-function:ease,ease-in-out;animation-delay:.30s,1.3s;animation-fill-mode:both,none;animation-iteration-count:1,infinite}

.card,.seat-card,.booking-box,.cta,.entry-content,.contact-item,.t99-table{
  transition:transform .24s ease, box-shadow .24s ease, border-color .24s ease;
}
.card:hover,.seat-card:hover{
  transform:translateY(-5px)!important;
  box-shadow:0 22px 48px rgba(31,41,55,.12)!important;
}
.mini-stat:hover,.hero-stat:hover{
  transform:translateY(-2px);
}
.mini-stat,.hero-stat{transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease}

/* Scroll reveal: aktif setelah JS memberi class is-visible */
.t99-reveal{
  opacity:0;
  transform:translateY(22px);
  transition:opacity .62s ease, transform .62s ease;
}
.t99-reveal.is-visible{
  opacity:1;
  transform:translateY(0);
}
.t99-reveal:nth-child(2){transition-delay:.06s}
.t99-reveal:nth-child(3){transition-delay:.12s}
.t99-reveal:nth-child(4){transition-delay:.18s}

/* Form terasa hidup saat tipe perjalanan diganti */
.route-form.is-switching{animation:t99FadeIn .24s ease both}

@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
  .t99-reveal{opacity:1!important;transform:none!important}
}

/* === V13: Tawaf motion/video hero background === */
.hero-tawaf{
  position:relative!important;
  overflow:hidden!important;
  background:#100f0d!important;
  min-height:780px;
}
.hero-tawaf:before{
  background:
    linear-gradient(90deg,rgba(0,0,0,.86) 0%,rgba(0,0,0,.72) 44%,rgba(0,0,0,.34) 72%,rgba(0,0,0,.74) 100%),
    linear-gradient(180deg,rgba(0,0,0,.28) 0%,rgba(0,0,0,.68) 100%),
    url('assets/images/kaabah-door-bg.jpg') center 45%/cover no-repeat!important;
  filter:saturate(.88) contrast(1.02) brightness(.82)!important;
  opacity:1!important;
}
.hero-tawaf .tawaf-bg{
  position:absolute!important;
  inset:0!important;
  z-index:0!important;
  overflow:hidden!important;
  pointer-events:none!important;
}
.hero-tawaf .tawaf-video{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  filter:saturate(.76) contrast(1.02) brightness(.68)!important;
  transform:scale(1.03)!important;
}
.hero-tawaf .tawaf-bg:after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:2!important;
  background:
    linear-gradient(90deg,rgba(0,0,0,.88) 0%,rgba(0,0,0,.72) 42%,rgba(0,0,0,.36) 70%,rgba(0,0,0,.78) 100%),
    linear-gradient(180deg,rgba(0,0,0,.20) 0%,rgba(0,0,0,.70) 100%)!important;
}
.hero-tawaf .hero-inner{
  position:relative!important;
  z-index:4!important;
}
.hero-tawaf .tawaf-motion{
  position:absolute!important;
  left:50%!important;
  top:48%!important;
  width:760px!important;
  height:760px!important;
  transform:translate(-20%,-48%) rotate(-8deg)!important;
  opacity:.42!important;
  filter:blur(.1px)!important;
  z-index:1!important;
}
.hero-tawaf .tawaf-motion b{
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  width:108px!important;
  height:108px!important;
  margin:-54px 0 0 -54px!important;
  border-radius:18px!important;
  background:rgba(11,10,9,.78)!important;
  border:1px solid rgba(216,181,109,.30)!important;
  box-shadow:0 0 60px rgba(216,181,109,.10)!important;
  transform:rotate(10deg)!important;
}
.hero-tawaf .tawaf-motion span{
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  width:11px!important;
  height:18px!important;
  margin:-9px 0 0 -5px!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.72)!important;
  box-shadow:
    20px 3px 0 rgba(255,255,255,.44),
    -24px -5px 0 rgba(255,255,255,.38),
    42px -8px 0 rgba(216,181,109,.28),
    -44px 10px 0 rgba(255,255,255,.24)!important;
  transform-origin:calc(var(--r) * -1) 0!important;
  animation:t99-tawaf-orbit var(--s) linear infinite!important;
  animation-delay:var(--d)!important;
}
@keyframes t99-tawaf-orbit{
  from{transform:rotate(calc(var(--i) * 30deg)) translateX(var(--r)) rotate(92deg);}
  to{transform:rotate(calc(var(--i) * 30deg + -360deg)) translateX(var(--r)) rotate(92deg);}
}
.hero-tawaf .hero-card{
  background:rgba(255,253,248,.96)!important;
  color:#1F2937!important;
  border:1px solid rgba(232,222,212,.82)!important;
  box-shadow:0 28px 80px rgba(0,0,0,.32)!important;
}
.hero-tawaf .hero-card p{
  color:#5F6878!important;
  opacity:1!important;
  text-shadow:none!important;
}
.hero-tawaf .hero-card h2,
.hero-tawaf .hero-card strong,
.hero-tawaf .hero-card small,
.hero-tawaf .hero-card .section-kicker{
  color:#1F2937!important;
  text-shadow:none!important;
}
.hero-tawaf .hero-card .section-kicker{color:#2563EB!important;}
.hero-tawaf .mini-stat{background:#FFFDF8!important;}
.hero-tawaf .hero-stat{
  background:rgba(255,255,255,.12)!important;
  border-color:rgba(255,255,255,.18)!important;
  backdrop-filter:blur(12px)!important;
}
.hero-tawaf .hero-stat:hover{transform:translateY(-5px)!important;}
.hero-tawaf .eyebrow,
.hero-tawaf .hero h1,
.hero-tawaf h1,
.hero-tawaf > *{
  position:relative;
}
@media(max-width:980px){
  .hero-tawaf{min-height:760px;}
  .hero-tawaf .tawaf-motion{left:58%!important;top:44%!important;width:620px!important;height:620px!important;opacity:.34!important;}
  .hero-tawaf .tawaf-bg:after{background:linear-gradient(180deg,rgba(0,0,0,.78),rgba(0,0,0,.56),rgba(0,0,0,.80))!important;}
}
@media(max-width:640px){
  .hero-tawaf{min-height:auto;}
  .hero-tawaf .tawaf-motion{left:70%!important;top:28%!important;width:460px!important;height:460px!important;opacity:.24!important;}
  .hero-tawaf .tawaf-motion span{width:8px!important;height:14px!important;}
  .hero-tawaf .tawaf-motion b{width:78px!important;height:78px!important;margin:-39px 0 0 -39px!important;}
}
@media (prefers-reduced-motion: reduce){
  .hero-tawaf .tawaf-motion span{animation:none!important;}
  .hero-tawaf .tawaf-video{display:none!important;}
}


/* =========================================================
   V15 - Tawaf video lebih terlihat
   Overlay hero ditipiskan sesuai request, teks tetap aman dibaca.
   ========================================================= */
.hero-tawaf .tawaf-video{
  filter:saturate(.92) contrast(1.04) brightness(.92)!important;
  transform:scale(1.015)!important;
}
.hero-tawaf .tawaf-bg:after{
  background:
    linear-gradient(90deg,rgba(0,0,0,.54) 0%,rgba(0,0,0,.42) 42%,rgba(0,0,0,.20) 70%,rgba(0,0,0,.48) 100%),
    linear-gradient(180deg,rgba(0,0,0,.08) 0%,rgba(0,0,0,.36) 100%)!important;
}
.hero-tawaf h1,
.hero-tawaf .hero-copy h1,
.hero-tawaf .hero-copy p{
  text-shadow:0 5px 22px rgba(0,0,0,.68)!important;
}
.hero-tawaf .hero-stat{
  background:rgba(0,0,0,.24)!important;
  border-color:rgba(255,255,255,.24)!important;
  box-shadow:0 14px 34px rgba(0,0,0,.20)!important;
}
.hero-tawaf .eyebrow{
  background:rgba(0,0,0,.22)!important;
  border-color:rgba(255,255,255,.28)!important;
  backdrop-filter:blur(10px)!important;
}
@media(max-width:980px){
  .hero-tawaf .tawaf-bg:after{
    background:
      linear-gradient(180deg,rgba(0,0,0,.48),rgba(0,0,0,.32),rgba(0,0,0,.56))!important;
  }
  .hero-tawaf .tawaf-video{filter:saturate(.9) contrast(1.04) brightness(.86)!important;}
}
@media(max-width:640px){
  .hero-tawaf .tawaf-bg:after{
    background:linear-gradient(180deg,rgba(0,0,0,.58),rgba(0,0,0,.42),rgba(0,0,0,.66))!important;
  }
}


/* =========================================================
   V16 - Anti flash background lama
   Saat video belum siap, hero tampil dark neutral tanpa gambar lama.
   Video fade-in ketika sudah loaded/canplay.
   ========================================================= */
.hero-tawaf{
  background:#0b0d10!important;
  background-image:none!important;
}
.hero-tawaf:before{
  background:#0b0d10!important;
  background-image:none!important;
  filter:none!important;
  opacity:1!important;
}
.hero-tawaf.video-ready:before{
  opacity:0!important;
}
.hero-tawaf .tawaf-bg{
  background:#0b0d10!important;
}
.hero-tawaf .tawaf-video{
  opacity:0!important;
  transition:opacity .46s ease!important;
  will-change:opacity;
}
.hero-tawaf.video-ready .tawaf-video{
  opacity:1!important;
}
.hero-tawaf .tawaf-bg:after{
  background:
    linear-gradient(90deg,rgba(0,0,0,.50) 0%,rgba(0,0,0,.38) 42%,rgba(0,0,0,.18) 70%,rgba(0,0,0,.44) 100%),
    linear-gradient(180deg,rgba(0,0,0,.06) 0%,rgba(0,0,0,.32) 100%)!important;
}
@media(max-width:980px){
  .hero-tawaf .tawaf-bg:after{background:linear-gradient(180deg,rgba(0,0,0,.46),rgba(0,0,0,.30),rgba(0,0,0,.54))!important;}
}
@media(max-width:640px){
  .hero-tawaf .tawaf-bg:after{background:linear-gradient(180deg,rgba(0,0,0,.56),rgba(0,0,0,.40),rgba(0,0,0,.64))!important;}
}


/* =========================================================
   V17 RESPONSIVE POLISH — HP / TABLET / LAPTOP
   Layout lebih stabil di semua ukuran layar.
   ========================================================= */
html,body{max-width:100%;overflow-x:hidden!important;}
body{min-width:320px;}
.t99-container{width:100%;max-width:1180px;padding-left:clamp(16px,3vw,24px)!important;padding-right:clamp(16px,3vw,24px)!important;}
.site-header{width:100%;}
.header-inner{min-width:0!important;}
.brand,.brand.logo-only,.header-actions,.main-nav{min-width:0!important;}
.main-nav ul{min-width:0!important;}
.main-nav a,.main-nav li a{white-space:nowrap;}
.header-actions{flex:0 0 auto;}
.header-actions .btn{padding:10px 15px!important;font-size:14px!important;}
.hero-tawaf{min-height:0!important;}
.hero-tawaf .tawaf-video{object-position:center center!important;}
.hero-inner{grid-template-columns:minmax(0,1.06fr) minmax(320px,.94fr)!important;gap:clamp(24px,4vw,42px)!important;min-height:clamp(560px,68vh,720px)!important;padding-top:clamp(64px,7vw,92px)!important;padding-bottom:clamp(124px,12vw,160px)!important;}
.hero h1{font-size:clamp(40px,5.2vw,66px)!important;line-height:.98!important;max-width:760px;}
.hero p{font-size:clamp(15.5px,1.45vw,18px)!important;max-width:720px;}
.hero-card{width:100%!important;max-width:100%!important;}
.hero-card h2{font-size:clamp(26px,2.3vw,30px)!important;}
.hero-card .mini-stat strong,.mini-stat strong{overflow-wrap:anywhere;word-break:normal;}
.search-card{margin-top:clamp(-88px,-7vw,-56px)!important;}
.booking-box{padding:clamp(18px,2.2vw,24px)!important;}
.route-form{grid-template-columns:minmax(0,1.1fr) 44px minmax(0,1.1fr) minmax(0,.95fr) minmax(86px,.6fr) auto!important;gap:12px!important;}
.route-form>*{min-width:0!important;}
.form-field input,.form-field select,.form-field textarea{min-width:0!important;}
.submit-field .btn{width:100%;min-height:50px;}
.grid{min-width:0!important;}
.card,.seat-card,.booking-box,.hero-card,.entry-content,.cta{max-width:100%;}
.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;}
.t99-table{min-width:680px;}
.post-card{min-width:0;}
.floating-wa{right:clamp(14px,3vw,20px)!important;bottom:calc(14px + env(safe-area-inset-bottom,0px))!important;}

@media(max-width:1180px){
  .header-inner{gap:14px!important;}
  .main-nav a,.main-nav li a{padding:9px 10px!important;font-size:13px!important;}
  .grid-4{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .route-form{grid-template-columns:minmax(0,1fr) 44px minmax(0,1fr) minmax(0,1fr) 112px!important;}
  .route-form .submit-field{grid-column:1/-1!important;justify-self:end;width:min(220px,100%)!important;}
}

@media(max-width:980px){
  .admin-bar .site-header{top:32px!important;}
  .site-header{height:auto!important;min-height:68px!important;overflow:visible!important;}
  .header-inner{position:relative!important;height:auto!important;min-height:68px!important;padding-top:9px!important;padding-bottom:9px!important;gap:10px!important;}
  .brand.logo-only{width:138px!important;max-width:138px!important;flex:0 0 138px!important;}
  .logo-frame,.custom-logo-link{width:136px!important;max-width:136px!important;height:44px!important;}
  .logo-frame img,.t99-custom-logo,.custom-logo,.custom-logo-link img,.brand img{max-width:136px!important;max-height:38px!important;}
  .menu-toggle{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:44px!important;height:44px!important;padding:0!important;}
  .main-nav{display:none!important;position:absolute!important;left:16px!important;right:16px!important;top:calc(100% + 8px)!important;z-index:120!important;margin-left:0!important;background:#FFFDF8!important;border:1px solid #E6DED4!important;border-radius:22px!important;box-shadow:0 18px 50px rgba(15,23,42,.16)!important;padding:10px!important;max-height:calc(100vh - 110px)!important;overflow:auto!important;}
  .main-nav.is-open{display:block!important;animation:t99FadeUp .24s ease both;}
  .main-nav ul{display:grid!important;grid-template-columns:1fr!important;gap:4px!important;width:100%!important;}
  .main-nav a,.main-nav li a{display:flex!important;width:100%!important;justify-content:space-between!important;white-space:normal!important;padding:12px 14px!important;border-radius:14px!important;font-size:14px!important;}
  .header-actions{margin-left:auto!important;gap:8px!important;}
  .header-actions .btn-ghost{display:none!important;}
  .header-actions .btn-primary{padding:10px 14px!important;}

  .hero-inner{grid-template-columns:1fr!important;min-height:auto!important;padding-top:70px!important;padding-bottom:108px!important;gap:26px!important;}
  .hero h1{font-size:clamp(38px,8vw,56px)!important;max-width:720px;}
  .hero-card{max-width:720px!important;}
  .hero-stats{max-width:720px!important;}
  .search-card{margin-top:-66px!important;}
  .route-form{grid-template-columns:minmax(0,1fr) 44px minmax(0,1fr)!important;}
  .route-date{grid-column:1/2!important;}
  .route-pax{grid-column:2/4!important;}
  .route-form .submit-field{grid-column:1/-1!important;width:100%!important;justify-self:stretch!important;}
  .grid-3{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .grid-2{grid-template-columns:1fr!important;}
  .section-head{display:block!important;}
  .section-head .btn{margin-top:16px;}
  .footer-top{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .post-card{grid-template-columns:1fr!important;}
}

@media(max-width:782px){.admin-bar .site-header{top:46px!important;}}

@media(max-width:720px){
  .t99-container{padding-left:16px!important;padding-right:16px!important;}
  .site-header{min-height:62px!important;}
  .header-inner{min-height:62px!important;}
  .brand.logo-only{width:118px!important;max-width:118px!important;flex:0 0 118px!important;}
  .logo-frame,.custom-logo-link{width:116px!important;max-width:116px!important;height:40px!important;}
  .logo-frame img,.t99-custom-logo,.custom-logo,.custom-logo-link img,.brand img{max-width:116px!important;max-height:34px!important;}
  .header-actions .btn-primary{font-size:0!important;min-width:48px!important;width:48px!important;height:42px!important;padding:0!important;border-radius:14px!important;}
  .header-actions .btn-primary:before{content:"WA";font-size:13px;font-weight:900;}
  .menu-toggle{min-width:42px!important;width:42px!important;height:42px!important;border-radius:14px!important;}
  .main-nav{left:12px!important;right:12px!important;top:calc(100% + 6px)!important;border-radius:18px!important;}

  .hero-inner{padding-top:52px!important;padding-bottom:84px!important;gap:20px!important;}
  .hero h1{font-size:clamp(34px,10.6vw,44px)!important;line-height:1.02!important;letter-spacing:-.05em!important;margin-top:14px!important;}
  .hero p{font-size:15.5px!important;line-height:1.65!important;margin-bottom:20px!important;}
  .eyebrow{font-size:12px!important;padding:7px 10px!important;}
  .hero-actions{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;margin-bottom:18px!important;}
  .hero-actions .btn{width:100%!important;min-height:48px!important;}
  .hero-stats{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;}
  .hero-stat{padding:12px 10px!important;border-radius:16px!important;}
  .hero-stat strong{font-size:18px!important;}
  .hero-stat span{font-size:10.5px!important;line-height:1.25!important;}
  .hero-card{border-radius:24px!important;padding:20px!important;}
  .hero-card h2{font-size:24px!important;line-height:1.15!important;}
  .hero-card p{font-size:14.5px!important;line-height:1.68!important;}
  .hero-card .grid-2{grid-template-columns:1fr 1fr!important;gap:10px!important;}
  .mini-stat{padding:11px!important;border-radius:15px!important;}
  .mini-stat strong{font-size:14px!important;line-height:1.25!important;}
  .mini-stat small{font-size:10px!important;}

  .search-card{margin-top:-42px!important;}
  .booking-box{border-radius:24px!important;padding:16px!important;}
  .pill-row{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important;}
  .pill-row .pill{display:flex!important;justify-content:center!important;align-items:center!important;text-align:center!important;padding:8px 6px!important;font-size:11.5px!important;line-height:1.15!important;white-space:normal!important;min-height:40px!important;}
  .route-form{grid-template-columns:1fr!important;gap:10px!important;}
  .route-date,.route-pax,.route-form .submit-field{grid-column:auto!important;}
  .swap{width:100%!important;height:40px!important;transform:none!important;}
  .swap:hover{transform:none!important;}
  .form-field label{font-size:11px!important;margin-bottom:5px!important;}
  .form-field input,.form-field select,.form-field textarea{padding:12px 13px!important;border-radius:15px!important;}
  .submit-field label{display:none!important;}
  .submit-field .btn{min-height:48px!important;}

  .section{padding-top:54px!important;padding-bottom:54px!important;}
  .section-tight{padding-top:42px!important;padding-bottom:42px!important;}
  .section-title{font-size:clamp(28px,8vw,36px)!important;}
  .section-desc{font-size:15px!important;}
  .grid-4,.grid-3,.grid-2{grid-template-columns:1fr!important;gap:16px!important;}
  .card{padding:20px!important;border-radius:22px!important;}
  .seat-top{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;}
  .mini-stats{grid-template-columns:1fr 1fr 1fr!important;gap:7px!important;}
  .cta{border-radius:26px!important;padding:28px 22px!important;}
  .cta h2{font-size:28px!important;}
  .entry-content{padding:22px!important;border-radius:22px!important;}
  .footer-top{grid-template-columns:1fr!important;gap:24px!important;padding-top:42px!important;padding-bottom:42px!important;}
  .footer-bottom{display:block!important;text-align:left!important;}
  .footer-bottom>*+*{margin-top:8px;}
  .floating-wa{width:52px!important;height:52px!important;font-size:23px!important;}
}

@media(max-width:420px){
  .brand.logo-only{width:104px!important;max-width:104px!important;flex-basis:104px!important;}
  .logo-frame,.custom-logo-link{width:102px!important;max-width:102px!important;height:36px!important;}
  .logo-frame img,.t99-custom-logo,.custom-logo,.custom-logo-link img,.brand img{max-width:102px!important;max-height:31px!important;}
  .hero h1{font-size:32px!important;}
  .hero-card .grid-2{grid-template-columns:1fr!important;}
  .hero-stats{grid-template-columns:1fr!important;}
  .hero-stat{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;}
  .mini-stats{grid-template-columns:1fr!important;}
  .pill-row{grid-template-columns:1fr!important;}
}

@media(hover:none){
  .card:hover,.seat-card:hover,.btn:hover{transform:none!important;}
}


/* =========================================================
   V59 PAGE HEADER — GRADASI HITAM ELEGAN UNTUK HALAMAN INTERNAL
   Berlaku untuk Available Seat, Haji, Tentang, Kontak.
   ========================================================= */
.page-hero{
  position:relative!important;
  overflow:hidden!important;
  color:#fff!important;
  background:linear-gradient(135deg,#0b0d11 0%, #171b22 48%, #0f1217 100%)!important;
  background-image:none!important;
}
.page-hero:before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  background:linear-gradient(90deg, rgba(0,0,0,.72) 0%, rgba(0,0,0,.52) 45%, rgba(0,0,0,.38) 100%)!important;
  pointer-events:none!important;
}
.page-hero:after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  background:radial-gradient(circle at 82% 20%, rgba(255,255,255,.07), transparent 32%), linear-gradient(180deg, rgba(255,255,255,.02), rgba(255,255,255,0))!important;
  pointer-events:none!important;
}
.page-hero .t99-container{position:relative!important;z-index:2!important;}
.page-hero .breadcrumb{
  color:rgba(255,255,255,.78)!important;
  letter-spacing:.04em!important;
  text-transform:uppercase!important;
}
.page-hero h1{
  color:#fff!important;
  text-shadow:0 2px 14px rgba(0,0,0,.24)!important;
}
.page-hero p,
.page-hero .lead{
  color:rgba(255,255,255,.88)!important;
  max-width:820px!important;
  text-shadow:0 2px 14px rgba(0,0,0,.20)!important;
}
@media(max-width:980px){
  .page-hero{background:linear-gradient(135deg,#0c0f13 0%, #161a20 55%, #0e1116 100%)!important;}
  .page-hero:before{background:linear-gradient(90deg, rgba(0,0,0,.76), rgba(0,0,0,.48))!important;}
}
@media(max-width:640px){
  .page-hero:before{background:linear-gradient(180deg, rgba(0,0,0,.72), rgba(0,0,0,.54))!important;}
  .page-hero h1{font-size:36px!important;line-height:1.08!important;}
}

/* kontak & tombol khusus */
.contact-item .contact-icon{width:34px;height:34px;border-radius:12px;background:#fff7e8;box-shadow:inset 0 0 0 1px rgba(216,181,109,.28);}
.contact-item:has(.svg-icon-phone) .contact-icon{background:#eef5ff;box-shadow:inset 0 0 0 1px rgba(79,143,247,.22);}
.contact-item:has(.svg-icon-whatsapp) .contact-icon{background:#edf9f1;box-shadow:inset 0 0 0 1px rgba(22,163,74,.22);}
.site-footer .contact-item .contact-icon{background:rgba(255,255,255,.08);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);}
.site-footer .contact-item .svg-icon-location{color:#f2c35f;}
.site-footer .contact-item .svg-icon-phone{color:#79a9ff;}
.floating-wa{background:#16a34a!important;color:#fff!important;box-shadow:0 12px 28px rgba(22,163,74,.28)!important;}
.floating-wa .svg-icon-whatsapp{color:#fff;}
.menu-toggle{background:#f8fafc!important;border-color:#e5e7eb!important;}
.menu-toggle .svg-icon-menu{color:#334155!important;}
.swap .svg-icon-swap{color:#2f6fed!important;}

/* fallback jika browser tidak support :has */
@supports not selector(:has(*)){
  .feature-icon{background:#f8f4ef!important;}
}


/* =========================================================
   V30 PROFESSIONAL MOTION — animasi dipulihkan dan dibuat halus
   ========================================================= */
:root{--t99-motion:cubic-bezier(.16,1,.3,1);--t99-motion-soft:cubic-bezier(.22,.61,.36,1);} 
@keyframes t99HeroRiseV30{0%{opacity:0;transform:translate3d(0,28px,0) scale(.985);filter:blur(6px)}100%{opacity:1;transform:translate3d(0,0,0) scale(1);filter:blur(0)}}
@keyframes t99HeroCardV30{0%{opacity:0;transform:translate3d(28px,22px,0) scale(.985);filter:blur(7px)}100%{opacity:1;transform:translate3d(0,0,0) scale(1);filter:blur(0)}}
@keyframes t99FloatV30{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(0,-6px,0)}}
@keyframes t99PulseV30{0%,100%{box-shadow:0 14px 30px rgba(22,163,74,.18)}50%{box-shadow:0 20px 42px rgba(22,163,74,.32)}}
@keyframes t99IconGlowV30{0%,100%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(0,-2px,0) scale(1.06)}}
@keyframes t99LineSweepV30{0%{transform:translateX(-120%) skewX(-16deg);opacity:0}35%{opacity:.9}100%{transform:translateX(220%) skewX(-16deg);opacity:0}}
.hero .eyebrow{animation:t99HeroRiseV30 .72s var(--t99-motion) .06s both!important;}
.hero h1{animation:t99HeroRiseV30 .82s var(--t99-motion) .14s both!important;}
.hero p{animation:t99HeroRiseV30 .86s var(--t99-motion) .22s both!important;}
.hero-actions{animation:t99HeroRiseV30 .88s var(--t99-motion) .30s both!important;}
.hero-stats{animation:t99HeroRiseV30 .90s var(--t99-motion) .40s both!important;}
.hero-card{animation:t99HeroCardV30 .92s var(--t99-motion) .28s both,t99FloatV30 7.5s ease-in-out 1.6s infinite!important;will-change:transform,opacity;}
.search-card{animation:t99HeroRiseV30 .86s var(--t99-motion) .48s both!important;}
.hero .btn-wa{animation:t99PulseV30 4.8s ease-in-out infinite!important;}
.btn,.pill,.swap,.airline-logo-card,.card,.seat-card,.mini-stat,.hero-stat,.contact-item{transition:transform .38s var(--t99-motion),box-shadow .38s var(--t99-motion),border-color .38s var(--t99-motion),background-color .38s var(--t99-motion),color .32s ease!important;}
.card:hover,.seat-card:hover,.airline-logo-card:hover{transform:translate3d(0,-5px,0)!important;box-shadow:0 18px 42px rgba(31,41,55,.12)!important;}
.btn:hover,.pill:hover,.swap:hover{transform:translate3d(0,-2px,0)!important;}
.feature-icon{position:relative;overflow:hidden;}
.feature-icon:after{content:"";position:absolute;inset:-20%;background:linear-gradient(120deg,transparent 20%,rgba(255,255,255,.48) 46%,transparent 70%);transform:translateX(-120%) skewX(-16deg);pointer-events:none;}
.card:hover .feature-icon:after,.seat-card:hover .feature-icon:after{animation:t99LineSweepV30 .9s var(--t99-motion-soft);}
.card:hover .feature-icon .svg-icon,.seat-card:hover .feature-icon .svg-icon,.contact-item:hover .svg-icon{animation:t99IconGlowV30 .7s var(--t99-motion-soft) both;}
.t99-reveal{opacity:0!important;transform:translate3d(0,24px,0)!important;transition:opacity .9s var(--t99-motion),transform .9s var(--t99-motion)!important;will-change:opacity,transform;}
.t99-reveal.is-visible{opacity:1!important;transform:translate3d(0,0,0)!important;will-change:auto;}
.grid>.t99-reveal:nth-child(2),.logo-wall>.t99-reveal:nth-child(2){transition-delay:.05s!important;}
.grid>.t99-reveal:nth-child(3),.logo-wall>.t99-reveal:nth-child(3){transition-delay:.10s!important;}
.grid>.t99-reveal:nth-child(4),.logo-wall>.t99-reveal:nth-child(4){transition-delay:.15s!important;}
.route-form.is-switching{animation:t99HeroRiseV30 .36s var(--t99-motion) both!important;}
.tawaf-video{transition:opacity .8s var(--t99-motion)!important;}
@media(max-width:640px){
  .hero-card{animation:t99HeroRiseV30 .72s var(--t99-motion) .20s both!important;}
  .hero .btn-wa{animation:none!important;}
  .card:hover,.seat-card:hover,.airline-logo-card:hover,.btn:hover,.pill:hover,.swap:hover{transform:none!important;}
  .t99-reveal{transform:translate3d(0,14px,0)!important;transition-duration:.6s!important;}
}
@media(prefers-reduced-motion:reduce){
  .hero .eyebrow,.hero h1,.hero p,.hero-actions,.hero-stats,.hero-card,.search-card{animation:t99HeroRiseV30 .28s ease-out both!important;}
  .hero .btn-wa{animation:none!important;}
  .t99-reveal{opacity:1!important;transform:none!important;transition:none!important;}
}


/* V31 Footer custom logo */
.footer-brand{align-items:center!important;gap:12px!important;}
.footer-brand-logo-wrap{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;flex:0 0 40px;}
.footer-brand-logo{display:block;width:40px;height:40px;object-fit:contain;border-radius:999px;box-shadow:0 8px 18px rgba(0,0,0,.16);}
.footer-brand .brand-name{font-size:18px!important;line-height:1.1!important;color:#fff!important;}
.footer-brand .brand-sub{display:none!important;}
@media(max-width:640px){.footer-brand-logo-wrap,.footer-brand-logo{width:36px;height:36px;flex-basis:36px;}}


/* V32 Footer Social Media */
.svg-icon-tiktok{color:#ffffff;}
.svg-icon-instagram{color:#ffffff;}
.footer-social-panel{padding:0 22px 30px!important;margin-top:-18px;}
.footer-social-panel:before{content:"";display:block;height:1px;background:rgba(255,255,255,.08);margin-bottom:24px;}
.footer-social-head{display:flex;align-items:center;justify-content:space-between;gap:22px;margin-bottom:18px;}
.footer-social-head h3{margin:0 0 6px;color:#fff;font-size:22px;letter-spacing:-.025em;}
.footer-social-head p{margin:0;color:#aebbd2;max-width:620px;}
.footer-social-actions{display:flex;gap:10px;flex-wrap:wrap;}
.social-button{display:inline-flex;align-items:center;gap:10px;border-radius:999px;padding:11px 15px;font-weight:900;color:#fff;border:1px solid rgba(255,255,255,.12);transition:transform .22s ease,box-shadow .22s ease,opacity .22s ease;}
.social-button:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(0,0,0,.18);opacity:.96;}
.social-button .svg-icon{width:18px;height:18px;color:#fff;}
.social-tiktok{background:#111827;}
.social-instagram{background:linear-gradient(135deg,#833ab4,#fd1d1d,#fcb045);}
.footer-content-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;}
.footer-content-card{display:flex;align-items:flex-start;gap:12px;padding:16px;border-radius:20px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.085);color:#fff;transition:transform .24s ease,background .24s ease,border-color .24s ease;}
.footer-content-card:hover{transform:translateY(-2px);background:rgba(255,255,255,.085);border-color:rgba(255,255,255,.16);}
.footer-content-card strong{display:block;color:#fff;line-height:1.25;margin-bottom:4px;}
.footer-content-card small{display:block;color:#aebbd2;line-height:1.45;}
.footer-content-icon{width:38px;height:38px;flex:0 0 38px;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;}
.footer-content-icon .svg-icon{width:19px;height:19px;color:#fff;}
.tiktok-bg{background:#0f172a;}
.instagram-bg{background:linear-gradient(135deg,#833ab4,#fd1d1d,#fcb045);}
.request-bg{background:#2563eb;}
.footer-list .svg-icon{width:16px;height:16px;}
@media(max-width:980px){.footer-social-head{align-items:flex-start;flex-direction:column}.footer-content-grid{grid-template-columns:1fr 1fr;}.footer-social-panel{margin-top:0;}}
@media(max-width:640px){.footer-content-grid{grid-template-columns:1fr}.footer-social-actions{width:100%;}.social-button{flex:1;justify-content:center;}.footer-social-head h3{font-size:20px;}}


/* ===============================
   V33 BLUE BALANCE + FOOTER POLISH
   Menyamakan nuansa web dengan background video
   dan merapikan footer agar lebih seimbang.
   =============================== */
:root{
  --t99-navy:#1d2f57!important;
  --t99-blue:#2f5fb8!important;
  --t99-blue-dark:#244b91!important;
  --t99-sky:#eef4ff!important;
  --t99-gold:#f1bf5a!important;
  --t99-green:#16a34a!important;
  --t99-red:#2f5fb8!important;
  --t99-text:#24324b!important;
  --t99-muted:#64748b!important;
  --t99-soft:#f6f9ff!important;
  --t99-border:#dbe5f3!important;
  --t99-white:#ffffff!important;
  --t99-shadow:0 20px 55px rgba(36,75,145,.12)!important;
  --t99-shadow-soft:0 10px 28px rgba(36,75,145,.08)!important;
}
body{background:linear-gradient(180deg,#f5f8ff 0%,#ffffff 34%,#f5f8ff 100%)!important;color:var(--t99-text)!important;}
.site-header{background:rgba(255,255,255,.88)!important;border-bottom:1px solid rgba(219,229,243,.92)!important;box-shadow:0 8px 24px rgba(36,75,145,.05)!important;}
.main-nav a:hover,.main-nav .current-menu-item>a{background:#edf4ff!important;color:var(--t99-blue)!important;}
.menu-toggle{background:#eef4ff!important;color:var(--t99-blue-dark)!important;}
.btn-primary,.pill.active{background:linear-gradient(135deg,var(--t99-blue) 0%,#4b79d1 100%)!important;box-shadow:0 12px 24px rgba(47,95,184,.18)!important;color:#fff!important;}
.btn-primary:hover{box-shadow:0 18px 30px rgba(47,95,184,.24)!important;}
.btn-ghost{background:#fff!important;border-color:#dbe5f3!important;color:var(--t99-navy)!important;}
.btn-dark{background:var(--t99-navy)!important;}
.section-kicker{color:var(--t99-blue)!important;}
.feature-icon{background:#edf4ff!important;color:var(--t99-blue)!important;}
.service-card:before{background:linear-gradient(90deg,var(--t99-blue),#5c84d8,var(--t99-gold))!important;}
.form-field input:focus,.form-field select:focus,.form-field textarea:focus{border-color:var(--t99-blue)!important;box-shadow:0 0 0 4px rgba(47,95,184,.10)!important;}
.swap{color:var(--t99-blue)!important;border-color:#dbe5f3!important;}
.badge-open{background:#ecfdf3!important;color:#15803d!important;}
.badge-limited{background:#fff8e8!important;color:#b7791f!important;}
.card,.booking-box,.entry-content,.hero-card,.mini-stat,.contact-item,.seat-card{border-color:#dbe5f3!important;box-shadow:var(--t99-shadow-soft)!important;}
.card:hover{box-shadow:var(--t99-shadow)!important;}
.page-hero{background:linear-gradient(135deg,#1e3764 0%,#244b91 52%,#4f79c9 100%)!important;}
.notice{background:#edf4ff!important;border-color:#cfe0ff!important;color:#244b91!important;}
.t99-table th{background:#eff5ff!important;color:#23447f!important;}
.entry-content a,.t99-table a{color:var(--t99-blue)!important;}

/* footer refined */
.site-footer.site-footer-refined{background:linear-gradient(180deg,#234a8f 0%,#1f437f 100%)!important;color:#dbe8ff!important;margin-top:88px!important;}
.site-footer .footer-top{padding-top:58px!important;padding-bottom:34px!important;display:grid!important;grid-template-columns:minmax(260px,1.2fr) minmax(140px,.8fr) minmax(140px,.8fr) minmax(260px,1fr)!important;gap:32px!important;align-items:start!important;}
.site-footer .footer-col{min-width:0;}
.site-footer .footer-col-brand{padding-right:14px;}
.site-footer .footer-about{margin:0!important;max-width:340px!important;color:#c6d5f0!important;line-height:1.8!important;font-size:15px!important;}
.site-footer .footer-title{color:#ffffff!important;font-weight:900!important;letter-spacing:-.02em!important;margin:0 0 16px!important;}
.site-footer .footer-list{gap:12px!important;}
.site-footer .footer-list a{color:#eef4ff!important;opacity:.94!important;transition:opacity .2s ease,transform .2s ease,color .2s ease!important;}
.site-footer .footer-list a:hover{opacity:1!important;color:#ffffff!important;transform:translateX(2px)!important;}
.site-footer .footer-office-list{gap:12px!important;}
.site-footer .footer-contact-card{background:rgba(255,255,255,.08)!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:20px!important;padding:14px 16px!important;color:#eef4ff!important;box-shadow:none!important;}
.site-footer .footer-contact-card .contact-icon{background:rgba(255,255,255,.08)!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)!important;}
.site-footer .footer-contact-card .svg-icon-location{color:#f2c35f!important;}
.site-footer .footer-contact-card .svg-icon-phone{color:#96b7ff!important;}
.site-footer .footer-social-panel{padding:28px 0 22px!important;border-top:1px solid rgba(255,255,255,.10)!important;}
.site-footer .footer-social-head{display:flex!important;align-items:flex-end!important;justify-content:space-between!important;gap:18px!important;margin-bottom:18px!important;}
.site-footer .footer-social-copy h3{margin:0 0 8px!important;color:#ffffff!important;font-size:31px!important;line-height:1.1!important;letter-spacing:-.03em!important;}
.site-footer .footer-social-copy p{margin:0!important;color:#c9d8f4!important;max-width:720px!important;}
.site-footer .footer-social-actions{display:flex!important;align-items:center!important;gap:12px!important;flex-wrap:wrap!important;}
.site-footer .social-button{display:inline-flex!important;align-items:center!important;gap:10px!important;padding:12px 16px!important;border-radius:999px!important;font-weight:800!important;transition:transform .2s ease, box-shadow .2s ease, opacity .2s ease!important;border:1px solid transparent!important;}
.site-footer .social-button:hover{transform:translateY(-2px)!important;}
.site-footer .social-tiktok{background:#111827!important;color:#fff!important;box-shadow:0 10px 22px rgba(0,0,0,.20)!important;}
.site-footer .social-instagram{background:linear-gradient(135deg,#8b5cf6 0%,#ef4444 55%,#f59e0b 100%)!important;color:#fff!important;box-shadow:0 10px 22px rgba(239,68,68,.18)!important;}
.site-footer .footer-content-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important;}
.site-footer .footer-content-card{display:flex!important;align-items:flex-start!important;gap:14px!important;padding:16px 18px!important;border-radius:20px!important;background:rgba(255,255,255,.08)!important;border:1px solid rgba(255,255,255,.10)!important;color:#ffffff!important;transition:transform .2s ease,background .2s ease,border-color .2s ease!important;}
.site-footer .footer-content-card:hover{transform:translateY(-2px)!important;background:rgba(255,255,255,.11)!important;border-color:rgba(255,255,255,.18)!important;}
.site-footer .footer-content-card strong{display:block!important;margin:0 0 4px!important;color:#fff!important;font-size:18px!important;line-height:1.15!important;}
.site-footer .footer-content-card small{display:block!important;color:#cbd8f2!important;font-size:14px!important;line-height:1.55!important;}
.site-footer .footer-content-icon{width:44px!important;height:44px!important;flex:0 0 44px!important;border-radius:14px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;}
.site-footer .tiktok-bg{background:rgba(17,24,39,.98)!important;color:#fff!important;}
.site-footer .instagram-bg{background:linear-gradient(135deg,#8b5cf6 0%,#ef4444 55%,#f59e0b 100%)!important;color:#fff!important;}
.site-footer .request-bg{background:linear-gradient(135deg,#3569d4 0%,#5b88dc 100%)!important;color:#fff!important;}
.site-footer .footer-bottom{border-top:1px solid rgba(255,255,255,.10)!important;padding:18px 0 16px!important;color:#c2d1ef!important;font-size:13px!important;}
.site-footer .footer-brand .brand-name{font-size:20px!important;}
.site-footer .footer-brand-logo{box-shadow:0 10px 22px rgba(0,0,0,.18)!important;}

@media(max-width:1080px){
  .site-footer .footer-top{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .site-footer .footer-content-grid{grid-template-columns:1fr!important;}
}
@media(max-width:720px){
  .site-footer .footer-top{grid-template-columns:1fr!important;gap:26px!important;}
  .site-footer .footer-social-head{flex-direction:column!important;align-items:flex-start!important;}
  .site-footer .footer-social-copy h3{font-size:24px!important;}
  .site-footer .footer-social-actions{width:100%!important;}
  .site-footer .social-button{flex:1 1 auto!important;justify-content:center!important;}
  .site-footer .footer-content-grid{grid-template-columns:1fr!important;}
}


/* ===============================
   V34 SUNSET BALANCE
   Mengubah nuansa biru menjadi warna senja:
   warm sunset, peach, rose, plum, dan cream lembut.
   =============================== */
:root{
  --t99-navy:#4a2f43!important;
  --t99-blue:#d86a4b!important;
  --t99-blue-dark:#b44e39!important;
  --t99-sky:#fff1ec!important;
  --t99-gold:#f3be66!important;
  --t99-green:#16a34a!important;
  --t99-red:#d86a4b!important;
  --t99-text:#4a3340!important;
  --t99-muted:#7c6671!important;
  --t99-soft:#fff8f4!important;
  --t99-border:#efd9d1!important;
  --t99-white:#ffffff!important;
  --t99-shadow:0 20px 55px rgba(128,74,63,.14)!important;
  --t99-shadow-soft:0 10px 28px rgba(128,74,63,.08)!important;
}
body{background:linear-gradient(180deg,#fff8f4 0%,#ffffff 34%,#fff7f1 100%)!important;color:var(--t99-text)!important;}
.site-header{background:rgba(255,250,247,.90)!important;border-bottom:1px solid rgba(239,217,209,.92)!important;box-shadow:0 8px 24px rgba(128,74,63,.05)!important;}
.main-nav a,.main-nav li a{color:#5d4751!important;}
.main-nav a:hover,.main-nav .current-menu-item>a{background:#fff1ec!important;color:var(--t99-blue-dark)!important;}
.menu-toggle{background:#fff1ec!important;color:var(--t99-blue-dark)!important;border:1px solid #f2d4c8!important;}
.brand-name,.section-title,.card h3,.seat-title,.page-hero h1,.footer-title{color:var(--t99-navy)!important;}
.btn-primary,.pill.active{background:linear-gradient(135deg,#d86a4b 0%,#eb8a5b 55%,#f0aa5c 100%)!important;box-shadow:0 12px 24px rgba(216,106,75,.20)!important;color:#fff!important;}
.btn-primary:hover{box-shadow:0 18px 30px rgba(216,106,75,.28)!important;}
.btn-ghost{background:#fff!important;border-color:#efd9d1!important;color:var(--t99-navy)!important;}
.btn-dark{background:linear-gradient(135deg,#4a2f43 0%,#6a3f52 100%)!important;color:#fff!important;}
.btn-wa{background:#1faa59!important;box-shadow:0 12px 24px rgba(31,170,89,.22)!important;}
.section-kicker{color:var(--t99-blue)!important;}
.feature-icon{background:#fff1ec!important;color:var(--t99-blue)!important;}
.service-card:before{background:linear-gradient(90deg,#d86a4b,#eb8a5b,#f3be66)!important;}
.form-field input:focus,.form-field select:focus,.form-field textarea:focus{border-color:var(--t99-blue)!important;box-shadow:0 0 0 4px rgba(216,106,75,.10)!important;}
.swap{color:var(--t99-blue)!important;border-color:#efd9d1!important;background:#fffaf8!important;}
.badge-open{background:#eefcf3!important;color:#14803c!important;}
.badge-limited{background:#fff8e8!important;color:#b7791f!important;}
.card,.booking-box,.entry-content,.hero-card,.mini-stat,.contact-item,.seat-card{border-color:#efd9d1!important;box-shadow:var(--t99-shadow-soft)!important;}
.card:hover{box-shadow:var(--t99-shadow)!important;}
.notice{background:#fff2eb!important;border-color:#f4cfc1!important;color:#9c4a32!important;}
.t99-table th{background:#fff4ec!important;color:#8c4d3b!important;}
.entry-content a,.t99-table a{color:var(--t99-blue-dark)!important;}
.hero-card{background:rgba(255,252,250,.95)!important;}
.booking-box,.card,.entry-content{background:#fffdfb!important;}
.hero p,.section-desc,.card p,.lead,.post-meta,.seat-meta,.mini-stat small{color:var(--t99-muted)!important;}
.hero-stat{background:rgba(255,255,255,.14)!important;border-color:rgba(255,255,255,.18)!important;}

/* Hero dan page hero mengikuti nuansa senja */
.hero:before{background:linear-gradient(90deg,rgba(53,31,45,.64),rgba(86,46,42,.26)),url('assets/images/hero-pattern.svg')!important;background-size:cover!important;opacity:.98!important;}
.page-hero{background:linear-gradient(135deg,#4a2f43 0%,#8d4f4a 48%,#d78457 100%)!important;}
.cta{background:linear-gradient(135deg,#4a2f43 0%,#7a4549 55%,#d86a4b 100%)!important;color:#fff!important;}
.cta:after{background:rgba(243,190,102,.18)!important;}

/* Footer sunset refined */
.site-footer.site-footer-refined{background:linear-gradient(180deg,#6a3f52 0%,#56354c 38%,#4a2f43 100%)!important;color:#f5e8e1!important;margin-top:88px!important;}
.site-footer .footer-about{color:#ead7cf!important;}
.site-footer .footer-list a{color:#f8ece5!important;opacity:.94!important;}
.site-footer .footer-list a:hover{color:#ffffff!important;}
.site-footer .footer-contact-card{background:rgba(255,255,255,.08)!important;border:1px solid rgba(255,255,255,.12)!important;color:#fff4ef!important;}
.site-footer .footer-contact-card .svg-icon-location{color:#f3be66!important;}
.site-footer .footer-contact-card .svg-icon-phone{color:#ffd0bf!important;}
.site-footer .footer-social-panel{border-top:1px solid rgba(255,255,255,.10)!important;}
.site-footer .footer-social-copy h3{color:#ffffff!important;}
.site-footer .footer-social-copy p,.site-footer .footer-content-card small,.site-footer .footer-bottom{color:#edd8d0!important;}
.site-footer .social-tiktok{background:#171717!important;color:#fff!important;box-shadow:0 10px 22px rgba(0,0,0,.20)!important;}
.site-footer .social-instagram{background:linear-gradient(135deg,#8b5cf6 0%,#ef4444 55%,#f59e0b 100%)!important;color:#fff!important;}
.site-footer .footer-content-card{background:rgba(255,255,255,.08)!important;border:1px solid rgba(255,255,255,.10)!important;color:#fff!important;}
.site-footer .footer-content-card:hover{background:rgba(255,255,255,.11)!important;border-color:rgba(255,255,255,.18)!important;}
.site-footer .request-bg{background:linear-gradient(135deg,#d86a4b 0%,#ee945f 100%)!important;color:#fff!important;}
.site-footer .footer-bottom{border-top:1px solid rgba(255,255,255,.10)!important;}

/* Komponen spesifik agar konsisten dengan sunset */
.footer-brand-logo{box-shadow:0 10px 22px rgba(0,0,0,.18)!important;}
.floating-wa{background:#1faa59!important;color:#fff!important;box-shadow:0 18px 38px rgba(31,170,89,.35)!important;}
.floating-wa .svg-icon-whatsapp{color:#fff!important;}
.pill{border-color:#efd9d1!important;background:#fffdfb!important;color:#6b5a60!important;}
.route-form .submit-field .btn, .seat-card .btn, .btn-primary{color:#fff!important;}
.contact-item .contact-icon{background:#fff6f0!important;box-shadow:inset 0 0 0 1px rgba(216,106,75,.12)!important;}

/* Halaman available seat / cards */
.seat-card .badge{box-shadow:none!important;}
.seat-card .mini-stat{background:#fff9f6!important;}

/* responsive tetap */
@media(max-width:720px){
  .hero:before{background:linear-gradient(180deg,rgba(53,31,45,.62),rgba(95,49,44,.22)),url('assets/images/hero-pattern.svg')!important;background-size:cover!important;}
}


/* ===============================
   V35 AVIATION MATCH
   Palet disamakan dengan background pesawat:
   warm gray, taupe, stone, charcoal, dan gold lembut.
   =============================== */
:root{
  --t99-navy:#343741!important;
  --t99-blue:#6d7884!important;
  --t99-blue-dark:#525c66!important;
  --t99-sky:#f3f0eb!important;
  --t99-gold:#caa97a!important;
  --t99-green:#4f7f66!important;
  --t99-red:#6d7884!important;
  --t99-text:#3f454c!important;
  --t99-muted:#7e7a75!important;
  --t99-soft:#faf7f3!important;
  --t99-border:#e2dbd2!important;
  --t99-white:#ffffff!important;
  --t99-shadow:0 20px 55px rgba(61,64,69,.12)!important;
  --t99-shadow-soft:0 10px 28px rgba(61,64,69,.08)!important;
}
body{background:linear-gradient(180deg,#faf7f3 0%,#ffffff 34%,#f7f3ee 100%)!important;color:var(--t99-text)!important;}
.site-header{background:rgba(252,249,245,.90)!important;border-bottom:1px solid rgba(226,219,210,.95)!important;box-shadow:0 8px 24px rgba(61,64,69,.05)!important;}
.main-nav a,.main-nav li a{color:#564f4a!important;}
.main-nav a:hover,.main-nav .current-menu-item>a{background:#f3eee8!important;color:var(--t99-blue-dark)!important;}
.menu-toggle{background:#f4efe9!important;color:var(--t99-blue-dark)!important;border:1px solid #e8ddd1!important;}
.brand-name,.section-title,.card h3,.seat-title,.page-hero h1,.footer-title{color:var(--t99-navy)!important;}
.btn-primary,.pill.active{background:linear-gradient(135deg,#6d7884 0%,#7e8b98 100%)!important;box-shadow:0 12px 24px rgba(109,120,132,.18)!important;color:#fff!important;}
.btn-primary:hover{box-shadow:0 18px 30px rgba(109,120,132,.24)!important;}
.btn-ghost{background:#fff!important;border-color:#e2dbd2!important;color:var(--t99-navy)!important;}
.btn-dark{background:linear-gradient(135deg,#3b4047 0%,#565d66 100%)!important;color:#fff!important;}
.btn-wa{background:#5d7a68!important;box-shadow:0 12px 24px rgba(93,122,104,.22)!important;}
.section-kicker{color:#6d7884!important;}
.feature-icon{background:#f3eee8!important;color:#6d7884!important;}
.service-card:before{background:linear-gradient(90deg,#6d7884,#a38e76,#caa97a)!important;}
.form-field input:focus,.form-field select:focus,.form-field textarea:focus{border-color:#7b8793!important;box-shadow:0 0 0 4px rgba(109,120,132,.10)!important;}
.swap{color:#6d7884!important;border-color:#e2dbd2!important;background:#fffaf7!important;}
.badge-open{background:#edf4ef!important;color:#2f6b4b!important;}
.badge-limited{background:#fbf5e9!important;color:#a67a35!important;}
.card,.booking-box,.entry-content,.hero-card,.mini-stat,.contact-item,.seat-card{border-color:#e2dbd2!important;box-shadow:var(--t99-shadow-soft)!important;}
.card:hover{box-shadow:var(--t99-shadow)!important;}
.notice{background:#f5f0ea!important;border-color:#e7d8cb!important;color:#6e5f53!important;}
.t99-table th{background:#f7f2ec!important;color:#6c6259!important;}
.entry-content a,.t99-table a{color:#5c6671!important;}
.hero-card{background:rgba(255,252,248,.95)!important;}
.booking-box,.card,.entry-content{background:#fffdfa!important;}
.hero p,.section-desc,.card p,.lead,.post-meta,.seat-meta,.mini-stat small{color:var(--t99-muted)!important;}
.hero-stat{background:rgba(255,255,255,.12)!important;border-color:rgba(255,255,255,.16)!important;}
/* hero dan page hero menyatu dengan bg pesawat */
.hero:before{background:linear-gradient(90deg,rgba(43,45,49,.56),rgba(116,100,84,.24)),url('assets/images/hero-pattern.svg')!important;background-size:cover!important;opacity:.98!important;}
.page-hero{background:linear-gradient(135deg,#44474f 0%,#7a7068 48%,#b39b84 100%)!important;}
.cta{background:linear-gradient(135deg,#3f4248 0%,#6b675f 55%,#a98d72 100%)!important;color:#fff!important;}
.cta:after{background:rgba(202,169,122,.18)!important;}
/* footer seragam dengan bg */
.site-footer.site-footer-refined{background:linear-gradient(180deg,#5f646b 0%,#4a4f56 36%,#3d4248 100%)!important;color:#efebe5!important;margin-top:88px!important;}
.site-footer .footer-about{color:#ddd5cc!important;}
.site-footer .footer-list a{color:#f5efe8!important;opacity:.94!important;}
.site-footer .footer-list a:hover{color:#ffffff!important;}
.site-footer .footer-contact-card{background:rgba(255,255,255,.08)!important;border:1px solid rgba(255,255,255,.10)!important;color:#f8f2ec!important;}
.site-footer .footer-contact-card .svg-icon-location{color:#e2bc88!important;}
.site-footer .footer-contact-card .svg-icon-phone{color:#d7e1ec!important;}
.site-footer .footer-social-panel{border-top:1px solid rgba(255,255,255,.10)!important;}
.site-footer .footer-social-copy h3{color:#ffffff!important;}
.site-footer .footer-social-copy p,.site-footer .footer-content-card small,.site-footer .footer-bottom{color:#ddd7cf!important;}
.site-footer .social-tiktok{background:#161616!important;color:#fff!important;box-shadow:0 10px 22px rgba(0,0,0,.20)!important;}
.site-footer .social-instagram{background:linear-gradient(135deg,#7c7bff 0%,#d85d69 55%,#e8a14d 100%)!important;color:#fff!important;}
.site-footer .footer-content-card{background:rgba(255,255,255,.08)!important;border:1px solid rgba(255,255,255,.10)!important;color:#fff!important;}
.site-footer .footer-content-card:hover{background:rgba(255,255,255,.11)!important;border-color:rgba(255,255,255,.18)!important;}
.site-footer .request-bg{background:linear-gradient(135deg,#6d7884 0%,#8b97a3 100%)!important;color:#fff!important;}
.site-footer .footer-bottom{border-top:1px solid rgba(255,255,255,.10)!important;}
.footer-brand-logo{box-shadow:0 10px 22px rgba(0,0,0,.18)!important;}
.floating-wa{background:#5d7a68!important;color:#fff!important;box-shadow:0 18px 38px rgba(93,122,104,.35)!important;}
.floating-wa .svg-icon-whatsapp{color:#fff!important;}
.pill{border-color:#e2dbd2!important;background:#fffdfa!important;color:#6c645d!important;}
.contact-item .contact-icon{background:#f8f3ee!important;box-shadow:inset 0 0 0 1px rgba(202,169,122,.12)!important;}
.seat-card .mini-stat{background:#fcf8f4!important;}
@media(max-width:720px){
  .hero:before{background:linear-gradient(180deg,rgba(43,45,49,.56),rgba(116,100,84,.22)),url('assets/images/hero-pattern.svg')!important;background-size:cover!important;}
}


/* ===============================
   V36 AVIATION CLEAN
   - bersihkan sisa teks kebiruan
   - area belakang tulisan dibuat putih agar tidak belang
   =============================== */
:root{
  --t99-accent:#6d7884!important;
  --t99-accent-dark:#525c66!important;
  --t99-panel:#ffffff!important;
  --t99-panel-soft:#fffdfa!important;
  --t99-panel-border:#e6ddd3!important;
  --t99-hero-panel:rgba(255,253,250,.94)!important;
}
body, #content{background:#f8f5f0!important;color:#3f454c!important;}

/* bersihkan teks/kicker/link yang masih kebiruan */
.section-kicker, .eyebrow, .mini-stat small, .post-meta, .seat-meta, .wa-form-note, .form-field label, .entry-content a, .t99-table a, .main-nav a:hover, .main-nav .current-menu-item>a, .main-nav a:focus{color:var(--t99-accent-dark)!important;}
.badge-open{background:#eff5f1!important;color:#426653!important;}
.badge-limited,.hk-badge{background:#f8f1e3!important;color:#8e7042!important;}
.feature-icon,.contact-item .contact-icon{color:var(--t99-accent)!important;}
.swap,.swap .svg-icon-swap{color:var(--t99-accent)!important;}
.notice,.t99-table th{color:#645a52!important;}

/* area tulisan dibuat putih / solid agar tidak belang */
.search-card,.section,.section-tight,.affiliation-section{background:#ffffff!important;}
.booking-box,.card,.entry-content,.page-content,.seat-card,.hero-card,.airline-logo-card,.cta,.contact-item,.mini-stat{background:var(--t99-panel)!important;border-color:var(--t99-panel-border)!important;}
.section .t99-container,.section-tight .t99-container,.affiliation-section .t99-container,.search-card.t99-container{position:relative;}

/* hero kiri diberi panel putih agar teks tidak belang */
.hero .hero-inner > div:first-child{background:var(--t99-hero-panel)!important;border:1px solid rgba(230,221,211,.92)!important;border-radius:28px!important;padding:28px 30px!important;box-shadow:0 22px 48px rgba(61,64,69,.12)!important;backdrop-filter:blur(4px)!important;}
.hero .hero-inner > div:first-child h1{color:#2f343a!important;text-shadow:none!important;}
.hero .hero-inner > div:first-child p{color:#5f666d!important;text-shadow:none!important;}
.hero .hero-inner > div:first-child .eyebrow{display:inline-flex!important;background:#f5efe7!important;border:1px solid #e8ddd1!important;color:#5a6169!important;}
.hero .hero-inner > div:first-child .hero-stats{margin-top:18px!important;}
.hero .hero-inner > div:first-child .hero-stat{background:#fffaf5!important;border:1px solid #eadfd3!important;box-shadow:none!important;}
.hero .hero-inner > div:first-child .hero-stat strong{color:#3a3f46!important;}
.hero .hero-inner > div:first-child .hero-stat span{color:#726d68!important;}
.hero .hero-card{background:rgba(255,253,250,.97)!important;border:1px solid rgba(230,221,211,.95)!important;box-shadow:0 22px 48px rgba(61,64,69,.12)!important;}
.hero .hero-card h2,.hero .hero-card strong{color:#343741!important;}
.hero .hero-card p,.hero .hero-card small{color:#6f6b66!important;}
.hero .hero-card .section-kicker{color:#6d7884!important;}
.hero .mini-stat{background:#fffaf6!important;border:1px solid #eadfd3!important;}
.hero .mini-stat strong{color:#343741!important;}
.hero .mini-stat small{color:#7b766f!important;}

/* putihkan area bawah supaya section tidak belang */
.section-head,.affiliation-head,.cta{position:relative;z-index:1;}
.section-head{background:#ffffff!important;}
.section-title,.section-desc,.card h3,.card p,.affiliation-head h2,.affiliation-head p{color:inherit!important;}
.cta{border:1px solid #e6ddd3!important;box-shadow:0 18px 42px rgba(61,64,69,.08)!important;}
.cta h2{color:#343741!important;}
.cta p{color:#6e6b67!important;}

/* footer juga dibuat sedikit lebih netral */
.site-footer.site-footer-refined{background:linear-gradient(180deg,#585d64 0%,#474b52 42%,#3b3f45 100%)!important;}
.site-footer .footer-title,.site-footer .footer-social-copy h3,.site-footer .brand-name{color:#fffdfb!important;}
.site-footer .footer-about,.site-footer .footer-list a,.site-footer .footer-social-copy p,.site-footer .footer-content-card small,.site-footer .footer-bottom{color:#e5ddd5!important;}

/* responsive hero panel */
@media(max-width:980px){
  .hero .hero-inner > div:first-child{padding:24px 22px!important;border-radius:24px!important;}
}
@media(max-width:720px){
  .hero .hero-inner > div:first-child{padding:20px 18px!important;border-radius:22px!important;}
}


/* ===============================
   V37 PROFESSIONAL MINIMAL
   Final cleanup untuk tampilan profesional, minimal, dan konsisten
   =============================== */
:root{
  --pm-bg:#f7f4ef!important;
  --pm-surface:#ffffff!important;
  --pm-surface-soft:#fcfaf7!important;
  --pm-border:#e6dfd6!important;
  --pm-text:#2f343a!important;
  --pm-muted:#6f746f!important;
  --pm-accent:#5e6975!important;
  --pm-accent-dark:#46505a!important;
  --pm-gold:#c7a26b!important;
  --pm-success:#4f7f66!important;
  --pm-shadow:0 14px 40px rgba(40,44,52,.08)!important;
  --pm-shadow-hover:0 22px 55px rgba(40,44,52,.12)!important;
}
body,#content{background:var(--pm-bg)!important;color:var(--pm-text)!important;}
.site-header{background:rgba(255,252,248,.88)!important;border-bottom:1px solid var(--pm-border)!important;box-shadow:0 8px 24px rgba(40,44,52,.05)!important;backdrop-filter:blur(14px)!important;}
.header-inner{height:82px!important;}
.brand-name{font-size:1.28rem!important;font-weight:800!important;color:#1f2937!important;letter-spacing:-.02em!important;}
.brand-sub{font-size:.75rem!important;color:#7a7f86!important;letter-spacing:.02em!important;}
.main-nav ul{gap:6px!important;}
.main-nav a{color:#3e464f!important;font-weight:700!important;font-size:.96rem!important;padding:10px 14px!important;border-radius:999px!important;transition:all .22s ease!important;}
.main-nav a:hover,.main-nav .current-menu-item>a,.main-nav .current_page_item>a{background:#f2eee8!important;color:#2d3742!important;}
.header-actions{gap:10px!important;}
.btn{border-radius:999px!important;font-weight:800!important;letter-spacing:-.01em!important;padding:13px 20px!important;transition:transform .22s ease, box-shadow .22s ease, background-color .22s ease, border-color .22s ease!important;}
.btn:hover{transform:translateY(-1px)!important;}
.btn-team{background:#fff!important;border:1px solid var(--pm-border)!important;color:#3d4650!important;box-shadow:none!important;}
.btn-team:hover{background:#f7f2ec!important;}
.btn-ghost{background:#fff!important;border:1px solid var(--pm-border)!important;color:#313841!important;box-shadow:none!important;}
.btn-ghost:hover{background:#f7f2ec!important;border-color:#ddd2c4!important;}
.btn-primary{background:linear-gradient(135deg,#5e6975 0%,#73808c 100%)!important;border:none!important;color:#fff!important;box-shadow:0 14px 26px rgba(94,105,117,.22)!important;}
.btn-primary:hover{box-shadow:0 18px 34px rgba(94,105,117,.28)!important;}
.btn-dark{background:#313841!important;color:#fff!important;border:none!important;}
.btn-wa{background:linear-gradient(135deg,#4f7f66 0%,#5d9175 100%)!important;color:#fff!important;border:none!important;box-shadow:0 14px 26px rgba(79,127,102,.20)!important;}
.menu-toggle{border:1px solid var(--pm-border)!important;background:#fff!important;}

/* hero */
.hero{padding:72px 0 110px!important;position:relative!important;}
.hero:before{background:linear-gradient(90deg,rgba(31,36,42,.50),rgba(31,36,42,.20)),url('assets/images/hero-pattern.svg')!important;background-size:cover!important;opacity:.98!important;}
.hero-inner{gap:32px!important;align-items:stretch!important;}
.hero .hero-inner > div:first-child,.hero-card{background:rgba(255,253,250,.92)!important;border:1px solid rgba(230,223,214,.95)!important;border-radius:28px!important;box-shadow:var(--pm-shadow)!important;}
.hero .hero-inner > div:first-child{padding:30px 32px!important;}
.hero-card{padding:28px!important;}
.eyebrow{display:inline-flex!important;align-items:center!important;gap:8px!important;background:#f6f1ea!important;border:1px solid #e6ddd3!important;color:#575f68!important;padding:10px 14px!important;border-radius:999px!important;font-weight:800!important;font-size:.88rem!important;}
.eyebrow:before{content:'';width:8px;height:8px;border-radius:50%;background:var(--pm-gold);display:inline-block;}
.hero h1{font-size:clamp(2.5rem,5vw,4.25rem)!important;line-height:.98!important;letter-spacing:-.05em!important;margin:18px 0 16px!important;color:#252b31!important;text-shadow:none!important;}
.hero p{max-width:760px!important;font-size:1.1rem!important;line-height:1.65!important;color:#666d72!important;text-shadow:none!important;}
.hero-actions{gap:14px!important;margin-top:22px!important;}
.hero-stats{margin-top:20px!important;gap:14px!important;}
.hero-stat{background:#fff!important;border:1px solid var(--pm-border)!important;border-radius:18px!important;padding:16px 18px!important;box-shadow:none!important;min-width:0!important;}
.hero-stat strong{font-size:1.1rem!important;color:#2f343a!important;}
.hero-stat span{color:#77736d!important;font-size:.92rem!important;}
.hero-card h2{color:#262d34!important;letter-spacing:-.03em!important;}
.hero-card p{color:#6b706c!important;}
.mini-stat{background:#fff!important;border:1px solid var(--pm-border)!important;border-radius:18px!important;box-shadow:none!important;padding:16px!important;}
.mini-stat small{color:#7a746d!important;font-weight:700!important;text-transform:none!important;font-size:.82rem!important;}
.mini-stat strong{color:#2f343a!important;font-size:1.05rem!important;}

/* overlap search box */
.search-card{margin-top:-44px!important;position:relative!important;z-index:5!important;background:transparent!important;}
.booking-box{background:#fff!important;border:1px solid var(--pm-border)!important;border-radius:28px!important;box-shadow:var(--pm-shadow)!important;padding:22px!important;}
.pill-row{gap:10px!important;}
.pill{background:#fff!important;border:1px solid var(--pm-border)!important;color:#555e68!important;border-radius:999px!important;font-weight:800!important;padding:12px 18px!important;}
.pill.active{background:#2f3740!important;color:#fff!important;border-color:#2f3740!important;box-shadow:none!important;}
.route-form{gap:14px!important;align-items:end!important;}
.form-field label{font-size:.82rem!important;font-weight:800!important;color:#73706b!important;margin-bottom:8px!important;}
.form-field input,.form-field select,.form-field textarea{background:#fff!important;border:1px solid var(--pm-border)!important;border-radius:16px!important;padding:14px 16px!important;color:#2f343a!important;min-height:54px!important;}
.form-field input:focus,.form-field select:focus,.form-field textarea:focus{border-color:#cdb79b!important;box-shadow:0 0 0 4px rgba(199,162,107,.14)!important;}
.swap{width:52px!important;height:52px!important;border-radius:16px!important;background:#faf7f3!important;border:1px solid var(--pm-border)!important;}
.wa-form-note{color:#8a847d!important;font-size:.92rem!important;margin-top:14px!important;}

/* sections */
.section,.section-tight,.affiliation-section{background:transparent!important;padding:78px 0!important;}
.section-tight{padding:62px 0!important;}
.section-head{display:flex!important;justify-content:space-between!important;align-items:end!important;gap:18px!important;margin-bottom:28px!important;background:transparent!important;}
.section-kicker{display:block!important;margin-bottom:8px!important;font-size:.84rem!important;font-weight:900!important;letter-spacing:.06em!important;text-transform:uppercase!important;color:#7c807e!important;}
.section-title{color:#22272d!important;letter-spacing:-.04em!important;line-height:1.02!important;font-size:clamp(2rem,4vw,3rem)!important;}
.section-desc{max-width:720px!important;color:#6e726f!important;line-height:1.72!important;}
.grid{gap:20px!important;}
.card,.service-card,.seat-card,.airline-logo-card,.cta,.entry-content,.page-content{background:#fff!important;border:1px solid var(--pm-border)!important;border-radius:24px!important;box-shadow:var(--pm-shadow)!important;transition:transform .24s ease, box-shadow .24s ease!important;}
.card:hover,.service-card:hover,.seat-card:hover,.airline-logo-card:hover{transform:translateY(-3px)!important;box-shadow:var(--pm-shadow-hover)!important;}
.card h3,.service-card h3{font-size:1.3rem!important;letter-spacing:-.02em!important;color:#262d34!important;}
.card p,.service-card p,.seat-card p{color:#6f746f!important;line-height:1.68!important;}
.feature-icon{width:52px!important;height:52px!important;border-radius:16px!important;background:#f5f1eb!important!important;color:#5f6974!important;box-shadow:none!important;}
.feature-icon .svg-icon{width:24px!important;height:24px!important;color:#5f6974!important;}
.service-card:before{height:4px!important;border-radius:24px 24px 0 0!important;background:linear-gradient(90deg,#5e6975,#c7a26b)!important;}

/* seat cards */
.seat-card .btn,.seat-card .btn-primary{width:100%!important;justify-content:center!important;}
.seat-card{padding:24px!important;}
.seat-card .seat-title{font-size:1.6rem!important;line-height:1.12!important;color:#252c33!important;}
.seat-card .seat-meta{color:#72767a!important;}
.seat-card .mini-stat{background:#fcfaf8!important;border-radius:16px!important;}
.hk-badge,.badge-pill,.seat-badge{border-radius:999px!important;padding:8px 12px!important;font-weight:800!important;}

/* affiliations */
.affiliation-head{text-align:center!important;max-width:760px!important;margin:0 auto 24px!important;}
.affiliation-head h2{font-size:clamp(2rem,4vw,2.6rem)!important;color:#252b31!important;letter-spacing:-.04em!important;margin-bottom:8px!important;}
.affiliation-head p{color:#6f746f!important;line-height:1.7!important;}
.airline-wall{gap:16px!important;}
.airline-logo-card{padding:20px!important;background:#fff!important;}

/* CTA */
.cta{padding:34px 34px!important;background:linear-gradient(180deg,#fffdfa 0%,#f8f4ef 100%)!important;}
.cta h2{font-size:clamp(2rem,4vw,2.8rem)!important;color:#242a31!important;letter-spacing:-.04em!important;}
.cta p{color:#6c726f!important;max-width:760px!important;}

/* footer minimal */
.site-footer.site-footer-refined{background:linear-gradient(180deg,#3a4048 0%,#30353c 100%)!important;color:#e9e3dc!important;margin-top:76px!important;}
.site-footer .footer-top{padding-top:54px!important;padding-bottom:30px!important;gap:30px!important;}
.site-footer .footer-title{font-size:1.25rem!important;font-weight:900!important;letter-spacing:-.02em!important;margin-bottom:14px!important;color:#fff!important;}
.site-footer .footer-about,.site-footer .footer-list a,.site-footer .footer-social-copy p,.site-footer .footer-content-card small,.site-footer .footer-bottom{color:#d9d0c6!important;}
.site-footer .footer-list{gap:10px!important;}
.site-footer .footer-list a:hover{color:#fff!important;transform:translateX(2px)!important;}
.footer-contact-card,.footer-content-card{background:rgba(255,255,255,.06)!important;border:1px solid rgba(255,255,255,.10)!important;box-shadow:none!important;border-radius:20px!important;}
.footer-social-panel{padding-top:24px!important;}
.footer-social-copy h3{font-size:2rem!important;letter-spacing:-.03em!important;color:#fff!important;}
.social-button{padding:12px 16px!important;border-radius:999px!important;font-weight:800!important;}
.footer-bottom{padding-top:18px!important;padding-bottom:18px!important;font-size:.92rem!important;}

/* floating wa */
.floating-wa{background:#4f7f66!important;color:#fff!important;box-shadow:0 18px 40px rgba(79,127,102,.30)!important;}

/* calmer icons override */
:root{--icon-blue:#5f6974!important;--icon-sky:#7b8794!important;--icon-teal:#66757c!important;--icon-green:#4f7f66!important;--icon-emerald:#4f7f66!important;--icon-gold:#c7a26b!important;--icon-amber:#c7a26b!important;--icon-orange:#b98a58!important;--icon-red:#8a6d5b!important;--icon-rose:#8a6d5b!important;--icon-purple:#697481!important;--icon-indigo:#697481!important;}
.feature-icon:has(.svg-icon-kaaba),.feature-icon:has(.svg-icon-plane),.feature-icon:has(.svg-icon-takeoff),.feature-icon:has(.svg-icon-swap),.feature-icon:has(.svg-icon-flag),.feature-icon:has(.svg-icon-message),.feature-icon:has(.svg-icon-whatsapp),.feature-icon:has(.svg-icon-money),.feature-icon:has(.svg-icon-globe),.feature-icon:has(.svg-icon-target),.feature-icon:has(.svg-icon-search),.feature-icon:has(.svg-icon-shield),.feature-icon:has(.svg-icon-receipt),.feature-icon:has(.svg-icon-bolt),.feature-icon:has(.svg-icon-location),.feature-icon:has(.svg-icon-ticket),.feature-icon:has(.svg-icon-handshake),.feature-icon:has(.svg-icon-phone){background:#f5f1eb!important;box-shadow:none!important;}

/* responsive */
@media(max-width:1100px){.hero-inner{grid-template-columns:1fr!important;}.section-head{align-items:flex-start!important;flex-direction:column!important;}.site-footer .footer-top{grid-template-columns:repeat(2,minmax(0,1fr))!important;}}
@media(max-width:760px){.header-inner{height:74px!important;}.hero{padding-top:42px!important;}.hero .hero-inner > div:first-child,.hero-card{padding:22px!important;border-radius:22px!important;}.hero h1{font-size:2.35rem!important;}.hero p{font-size:1rem!important;}.hero-actions{flex-direction:column!important;align-items:stretch!important;}.hero-actions .btn{width:100%!important;justify-content:center!important;}.hero-stats{grid-template-columns:1fr!important;}.booking-box{padding:18px!important;}.site-footer .footer-top{grid-template-columns:1fr!important;}.footer-social-head{flex-direction:column!important;align-items:flex-start!important;}.footer-social-actions{width:100%!important;}.social-button{flex:1 1 auto!important;justify-content:center!important;}.footer-content-grid{grid-template-columns:1fr!important;}}


/* ===============================
   V38 EXECUTIVE MINIMAL
   Arah baru: hero elegan tanpa panel putih besar,
   tampilan lebih clean, ringan, dan profesional.
   =============================== */
:root{
  --ex-bg:#f6f3ee!important;
  --ex-surface:#ffffff!important;
  --ex-surface-soft:#fbf8f3!important;
  --ex-border:#e7ded2!important;
  --ex-text:#252a31!important;
  --ex-muted:#6e7378!important;
  --ex-accent:#3f4954!important;
  --ex-accent-2:#69727d!important;
  --ex-gold:#c6a36e!important;
  --ex-green:#4f7f66!important;
  --ex-shadow:0 18px 48px rgba(32,36,43,.10)!important;
  --ex-shadow-soft:0 10px 28px rgba(32,36,43,.07)!important;
}
html,body,#content{background:var(--ex-bg)!important;color:var(--ex-text)!important;}

/* Header clean */
.site-header{background:rgba(255,252,248,.92)!important;border-bottom:1px solid var(--ex-border)!important;box-shadow:0 8px 24px rgba(32,36,43,.05)!important;backdrop-filter:blur(16px)!important;}
.header-inner{height:78px!important;gap:22px!important;}
.logo-frame,.custom-logo-link{height:48px!important;max-height:48px!important;}
.logo-frame img,.t99-custom-logo,.custom-logo,.custom-logo-link img,.brand img{max-height:40px!important;}
.main-nav a,.main-nav li a{color:#38414b!important;background:transparent!important;font-weight:750!important;font-size:14px!important;padding:10px 13px!important;border-radius:999px!important;}
.main-nav a:hover,.main-nav .current-menu-item>a,.main-nav .current_page_item>a{background:#f1ece5!important;color:#1f2933!important;}
.header-actions .btn{padding:11px 16px!important;font-size:14px!important;}
.btn-team{background:#fff!important;border:1px solid var(--ex-border)!important;color:#343b44!important;box-shadow:none!important;}
.btn-ghost{background:#fff!important;border:1px solid var(--ex-border)!important;color:#343b44!important;box-shadow:none!important;}
.btn-primary{background:#2f3740!important;color:#fff!important;box-shadow:0 12px 24px rgba(47,55,64,.16)!important;border:0!important;}
.btn-primary:hover{background:#222a32!important;box-shadow:0 16px 30px rgba(47,55,64,.22)!important;}
.btn-dark{background:#2f3740!important;color:#fff!important;border:0!important;}
.btn-wa{background:#4f7f66!important;color:#fff!important;border:0!important;box-shadow:0 12px 24px rgba(79,127,102,.20)!important;}
.menu-toggle{background:#fff!important;border:1px solid var(--ex-border)!important;color:#343b44!important;}

/* Hero: no more large white left panel */
.hero{position:relative!important;min-height:720px!important;padding:0!important;color:#fff!important;overflow:hidden!important;background:#1f252b!important;}
.hero:before{content:""!important;position:absolute!important;inset:0!important;z-index:0!important;background:linear-gradient(90deg,rgba(16,19,23,.76) 0%,rgba(16,19,23,.52) 38%,rgba(16,19,23,.28) 68%,rgba(16,19,23,.46) 100%),linear-gradient(180deg,rgba(16,19,23,.12) 0%,rgba(16,19,23,.45) 100%),url('assets/images/hero-pattern.svg') center/cover!important;opacity:1!important;filter:none!important;}
.hero:after{content:""!important;position:absolute!important;inset:auto 0 0 0!important;height:180px!important;background:linear-gradient(180deg,rgba(246,243,238,0) 0%,var(--ex-bg) 100%)!important;z-index:1!important;pointer-events:none!important;}
.hero .tawaf-bg:after{background:linear-gradient(90deg,rgba(14,16,20,.62) 0%,rgba(14,16,20,.42) 45%,rgba(14,16,20,.18) 72%,rgba(14,16,20,.40) 100%),linear-gradient(180deg,rgba(14,16,20,.10),rgba(14,16,20,.34))!important;}
.hero-inner{position:relative!important;z-index:2!important;display:grid!important;grid-template-columns:minmax(0,1.08fr) minmax(340px,.72fr)!important;align-items:center!important;gap:44px!important;min-height:720px!important;padding-top:70px!important;padding-bottom:130px!important;}
.hero .hero-inner > div:first-child{background:transparent!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important;padding:0!important;border-radius:0!important;max-width:760px!important;}
.hero .hero-inner > div:first-child .eyebrow{background:rgba(255,255,255,.11)!important;border:1px solid rgba(255,255,255,.20)!important;color:#fff!important;backdrop-filter:blur(10px)!important;padding:9px 13px!important;box-shadow:none!important;}
.hero .hero-inner > div:first-child .eyebrow:before{background:var(--ex-gold)!important;box-shadow:0 0 0 5px rgba(198,163,110,.16)!important;}
.hero .hero-inner > div:first-child h1{color:#fff!important;text-shadow:0 12px 42px rgba(0,0,0,.42)!important;font-size:clamp(44px,5.6vw,76px)!important;line-height:.96!important;letter-spacing:-.06em!important;max-width:760px!important;}
.hero .hero-inner > div:first-child p{color:rgba(255,255,255,.86)!important;text-shadow:0 6px 24px rgba(0,0,0,.32)!important;font-size:18px!important;line-height:1.75!important;max-width:690px!important;}
.hero-actions{margin-top:26px!important;gap:14px!important;}
.hero-actions .btn{min-height:50px!important;padding:14px 22px!important;}
.hero-stats{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important;margin-top:28px!important;max-width:650px!important;}
.hero .hero-inner > div:first-child .hero-stat{background:rgba(255,255,255,.10)!important;border:1px solid rgba(255,255,255,.18)!important;border-radius:18px!important;box-shadow:none!important;backdrop-filter:blur(10px)!important;padding:18px!important;}
.hero .hero-inner > div:first-child .hero-stat strong{color:#fff!important;font-size:22px!important;text-shadow:none!important;}
.hero .hero-inner > div:first-child .hero-stat span{color:rgba(255,255,255,.78)!important;font-size:13px!important;line-height:1.55!important;}

/* Right card slimmer, premium */
.hero-card{align-self:center!important;justify-self:end!important;width:100%!important;max-width:430px!important;min-height:0!important;background:rgba(255,253,249,.92)!important;border:1px solid rgba(255,255,255,.72)!important;border-radius:28px!important;padding:28px!important;box-shadow:0 26px 70px rgba(0,0,0,.20)!important;backdrop-filter:blur(14px)!important;color:#222a32!important;}
.hero-card .section-kicker{color:#6a655e!important;font-size:12px!important;letter-spacing:.12em!important;}
.hero-card h2{font-size:28px!important;line-height:1.08!important;color:#222a32!important;margin:10px 0 12px!important;}
.hero-card p{color:#60676e!important;font-size:15.5px!important;line-height:1.72!important;}
.hero-card .grid{gap:10px!important;}
.hero-card .mini-stat{background:#fff!important;border:1px solid #e8dfd4!important;border-radius:16px!important;padding:14px!important;box-shadow:none!important;}
.hero-card .mini-stat small{font-size:11px!important;color:#7b756f!important;font-weight:800!important;}
.hero-card .mini-stat strong{font-size:14px!important;color:#20262d!important;}

/* Booking box overlaps hero cleanly */
.search-card{margin-top:-76px!important;z-index:6!important;background:transparent!important;}
.booking-box{background:#fff!important;border:1px solid var(--ex-border)!important;border-radius:30px!important;box-shadow:0 22px 60px rgba(32,36,43,.12)!important;padding:24px!important;}
.pill-row{margin-bottom:18px!important;gap:10px!important;}
.pill{border:1px solid var(--ex-border)!important;background:#fff!important;color:#505960!important;border-radius:999px!important;padding:10px 16px!important;font-size:13px!important;font-weight:800!important;}
.pill.active{background:#2f3740!important;color:#fff!important;border-color:#2f3740!important;box-shadow:none!important;}
.form-field label{font-size:12px!important;color:#77716a!important;font-weight:900!important;letter-spacing:.05em!important;}
.form-field input,.form-field select,.form-field textarea{background:#fff!important;border:1px solid var(--ex-border)!important;border-radius:16px!important;color:#2f343a!important;min-height:52px!important;}
.form-field input:focus,.form-field select:focus,.form-field textarea:focus{border-color:#b7a386!important;box-shadow:0 0 0 4px rgba(198,163,110,.14)!important;}
.swap{width:50px!important;height:50px!important;background:#fbf8f3!important;border:1px solid var(--ex-border)!important;border-radius:16px!important;color:#606b75!important;}

/* Main content minimal */
.section,.section-tight,.affiliation-section{background:var(--ex-bg)!important;padding:76px 0!important;}
.section:nth-of-type(even),.section-tight:nth-of-type(even){background:#fff!important;}
.section-head{background:transparent!important;margin-bottom:30px!important;}
.section-kicker{color:#74736f!important;font-size:12px!important;letter-spacing:.12em!important;font-weight:900!important;text-transform:uppercase!important;}
.section-title{color:#232930!important;font-size:clamp(32px,4vw,50px)!important;letter-spacing:-.05em!important;line-height:1.02!important;}
.section-desc{color:#69706d!important;line-height:1.75!important;}
.card,.service-card,.seat-card,.entry-content,.airline-logo-card,.contact-item{background:#fff!important;border:1px solid var(--ex-border)!important;border-radius:24px!important;box-shadow:var(--ex-shadow-soft)!important;}
.card:hover,.service-card:hover,.seat-card:hover,.airline-logo-card:hover{transform:translateY(-3px)!important;box-shadow:var(--ex-shadow)!important;}
.card h3,.service-card h3,.seat-title{color:#242a31!important;letter-spacing:-.025em!important;}
.card p,.service-card p,.seat-meta,.mini-stat small{color:#6c726f!important;}
.feature-icon{background:#f5f1eb!important;color:#5f6974!important;box-shadow:none!important;}
.feature-icon .svg-icon{color:#5f6974!important;}
.service-card:before{background:linear-gradient(90deg,#5f6974,#c6a36e)!important;height:3px!important;}
.seat-card{padding:26px!important;}
.seat-card .btn{width:100%!important;justify-content:center!important;}
.seat-card .mini-stat{background:#fbf8f3!important;border:1px solid var(--ex-border)!important;}
.badge-open{background:#eef6f1!important;color:#416a54!important;}
.badge-limited,.hk-badge{background:#fbf3e4!important;color:#8f7042!important;}

/* CTA as white professional panel */
.cta{background:#fff!important;border:1px solid var(--ex-border)!important;border-radius:30px!important;box-shadow:var(--ex-shadow)!important;color:#232930!important;padding:42px!important;}
.cta:after{display:none!important;}
.cta h2{color:#232930!important;}
.cta p{color:#69706d!important;}

/* Footer balanced dark neutral */
.site-footer.site-footer-refined{background:linear-gradient(180deg,#333a42 0%,#2b3138 100%)!important;color:#e8e0d7!important;margin-top:70px!important;}
.site-footer .footer-title,.site-footer .footer-social-copy h3,.site-footer .brand-name{color:#fff!important;}
.site-footer .footer-about,.site-footer .footer-list a,.site-footer .footer-social-copy p,.site-footer .footer-content-card small,.site-footer .footer-bottom{color:#d7d0c7!important;}
.footer-contact-card,.footer-content-card{background:rgba(255,255,255,.06)!important;border:1px solid rgba(255,255,255,.10)!important;box-shadow:none!important;}
.footer-content-card:hover{background:rgba(255,255,255,.09)!important;}
.footer-social-copy h3{font-size:28px!important;}
.footer-content-card strong{font-size:16px!important;}
.social-button{border-radius:999px!important;}

/* Keep icons calm */
:root{--icon-blue:#5f6974!important;--icon-sky:#7b8794!important;--icon-teal:#66757c!important;--icon-green:#4f7f66!important;--icon-emerald:#4f7f66!important;--icon-gold:#c6a36e!important;--icon-amber:#c6a36e!important;--icon-orange:#9b8261!important;--icon-red:#7c6b5a!important;--icon-rose:#7c6b5a!important;--icon-purple:#697481!important;--icon-indigo:#697481!important;}
.floating-wa{background:#4f7f66!important;color:#fff!important;box-shadow:0 18px 40px rgba(79,127,102,.28)!important;}

/* Mobile */
@media(max-width:1100px){
  .hero{min-height:auto!important;}
  .hero-inner{grid-template-columns:1fr!important;min-height:auto!important;padding-top:64px!important;padding-bottom:145px!important;}
  .hero-card{justify-self:start!important;max-width:640px!important;}
}
@media(max-width:760px){
  .header-inner{height:auto!important;min-height:70px!important;}
  .hero-inner{padding-top:44px!important;padding-bottom:128px!important;}
  .hero .hero-inner > div:first-child h1{font-size:40px!important;}
  .hero .hero-inner > div:first-child p{font-size:16px!important;}
  .hero-actions{flex-direction:column!important;align-items:stretch!important;}
  .hero-actions .btn{width:100%!important;justify-content:center!important;}
  .hero-stats{grid-template-columns:1fr!important;}
  .hero-card{padding:22px!important;border-radius:22px!important;}
  .search-card{margin-top:-72px!important;}
  .booking-box{padding:18px!important;border-radius:24px!important;}
  .section,.section-tight,.affiliation-section{padding:56px 0!important;}
  .section-head{display:block!important;}
}


/* V39 Islamic images inside process and advantages cards */
.islamic-card{padding:0!important;overflow:hidden!important;background:#fffdfb!important;}
.islamic-card .card-visual{position:relative;height:122px;border-radius:24px 24px 0 0;overflow:hidden;}
.islamic-card .card-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(40,32,22,0.10),rgba(40,32,22,0.24));}
.islamic-card .card-visual img{width:100%;height:100%;object-fit:cover;display:block;transform:scale(1.03);transition:transform .45s ease;}
.islamic-card:hover .card-visual img{transform:scale(1.08);}
.islamic-card .feature-icon{margin:16px 20px 0!important;position:relative;z-index:1;}
.islamic-card h3{margin:14px 20px 8px!important;}
.islamic-card p{margin:0 20px 22px!important;}
@media(max-width:760px){.islamic-card .card-visual{height:108px;}}


/* V41 Header Seam Fix
   Menghilangkan garis/bidang putih transparan di area hero home. */
body.home .site-header,
body.front-page .site-header,
body.page-template-front-page .site-header{
  background:transparent!important;
  border-bottom:0!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
body.home .site-header:before,
body.front-page .site-header:before,
body.page-template-front-page .site-header:before,
body.home .site-header:after,
body.front-page .site-header:after,
body.page-template-front-page .site-header:after{
  display:none!important;
  content:none!important;
}
body.home .brand-name,
body.front-page .brand-name,
body.page-template-front-page .brand-name{color:#ffffff!important;text-shadow:0 4px 18px rgba(0,0,0,.28)!important;}
body.home .brand-sub,
body.front-page .brand-sub,
body.page-template-front-page .brand-sub{color:rgba(255,255,255,.78)!important;}
body.home .main-nav a,
body.front-page .main-nav a,
body.page-template-front-page .main-nav a{color:rgba(255,255,255,.88)!important;background:transparent!important;text-shadow:0 4px 18px rgba(0,0,0,.20)!important;}
body.home .main-nav a:hover,
body.home .main-nav .current-menu-item>a,
body.home .main-nav .current_page_item>a,
body.front-page .main-nav a:hover,
body.front-page .main-nav .current-menu-item>a,
body.front-page .main-nav .current_page_item>a,
body.page-template-front-page .main-nav a:hover,
body.page-template-front-page .main-nav .current-menu-item>a,
body.page-template-front-page .main-nav .current_page_item>a{
  background:rgba(255,255,255,.13)!important;
  color:#fff!important;
}
body.home .header-actions .btn-team,
body.home .header-actions .btn-ghost,
body.front-page .header-actions .btn-team,
body.front-page .header-actions .btn-ghost,
body.page-template-front-page .header-actions .btn-team,
body.page-template-front-page .header-actions .btn-ghost{
  background:rgba(255,255,255,.10)!important;
  border-color:rgba(255,255,255,.18)!important;
  color:#fff!important;
  box-shadow:none!important;
  backdrop-filter:blur(10px)!important;
  -webkit-backdrop-filter:blur(10px)!important;
}
body.home .menu-toggle,
body.front-page .menu-toggle,
body.page-template-front-page .menu-toggle{
  background:rgba(255,255,255,.12)!important;
  border-color:rgba(255,255,255,.18)!important;
  color:#fff!important;
}
body.home .hero,
body.front-page .hero,
body.page-template-front-page .hero{margin-top:0!important;}
/* Smoothing tambahan pada overlay hero agar tidak muncul garis terang dari header/blur */
body.home .hero .tawaf-bg:after,
body.front-page .hero .tawaf-bg:after,
body.page-template-front-page .hero .tawaf-bg:after{
  background:linear-gradient(90deg,rgba(14,16,20,.68) 0%,rgba(14,16,20,.42) 42%,rgba(14,16,20,.22) 72%,rgba(14,16,20,.44) 100%),linear-gradient(180deg,rgba(14,16,20,.16),rgba(14,16,20,.38))!important;
}
@media(max-width:980px){
  body.home .main-nav.is-open,
  body.front-page .main-nav.is-open,
  body.page-template-front-page .main-nav.is-open{
    background:rgba(35,38,43,.96)!important;
    border-color:rgba(255,255,255,.12)!important;
  }
}


/* V42 Header Clean - final fix garis/bidang putih header home */
body.home .site-header,
body.front-page .site-header,
body.page-template-front-page .site-header{
  position:absolute!important;
  top:0!important;
  left:0!important;
  right:0!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  background:rgba(0,0,0,0)!important;
  background-color:transparent!important;
  border:0!important;
  border-bottom:0!important;
  outline:0!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  overflow:visible!important;
}
body.home.admin-bar .site-header,
body.front-page.admin-bar .site-header,
body.page-template-front-page.admin-bar .site-header{top:32px!important;}
body.home .header-inner,
body.front-page .header-inner,
body.page-template-front-page .header-inner{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  min-height:82px!important;
}
body.home .site-header *,
body.front-page .site-header *,
body.page-template-front-page .site-header *{
  border-top-color:transparent!important;
}
body.home .site-header:before,
body.home .site-header:after,
body.home .header-inner:before,
body.home .header-inner:after,
body.front-page .site-header:before,
body.front-page .site-header:after,
body.front-page .header-inner:before,
body.front-page .header-inner:after,
body.page-template-front-page .site-header:before,
body.page-template-front-page .site-header:after,
body.page-template-front-page .header-inner:before,
body.page-template-front-page .header-inner:after{
  display:none!important;
  content:none!important;
  height:0!important;
  background:none!important;
  border:0!important;
  box-shadow:none!important;
}
body.home .hero,
body.front-page .hero,
body.page-template-front-page .hero{
  margin-top:0!important;
  padding-top:0!important;
}
body.home .hero-inner,
body.front-page .hero-inner,
body.page-template-front-page .hero-inner{
  padding-top:118px!important;
}
body.home .brand.logo-only .logo-frame,
body.home .custom-logo-link,
body.front-page .brand.logo-only .logo-frame,
body.front-page .custom-logo-link,
body.page-template-front-page .brand.logo-only .logo-frame,
body.page-template-front-page .custom-logo-link{
  background:rgba(255,255,255,.92)!important;
  border-radius:999px!important;
  box-shadow:0 10px 24px rgba(0,0,0,.10)!important;
}
@media(max-width:980px){
  body.home .site-header,
  body.front-page .site-header,
  body.page-template-front-page .site-header{position:absolute!important;}
  body.home .hero-inner,
  body.front-page .hero-inner,
  body.page-template-front-page .hero-inner{padding-top:104px!important;}
  body.home .main-nav,
  body.front-page .main-nav,
  body.page-template-front-page .main-nav{background:transparent!important;border:0!important;box-shadow:none!important;}
  body.home .main-nav.is-open,
  body.front-page .main-nav.is-open,
  body.page-template-front-page .main-nav.is-open{background:rgba(35,38,43,.96)!important;border:1px solid rgba(255,255,255,.12)!important;}
}
@media(max-width:782px){
  body.home.admin-bar .site-header,
  body.front-page.admin-bar .site-header,
  body.page-template-front-page.admin-bar .site-header{top:46px!important;}
}
@media(max-width:640px){
  body.home .hero-inner,
  body.front-page .hero-inner,
  body.page-template-front-page .hero-inner{padding-top:94px!important;}
}


/* V43 FORCE CLEAN HEADER
   Menghapus total bidang/garis putih header dengan membuat header absolute global dan transparan.
   Ini juga mengatasi jika body class Home berbeda dari selector sebelumnya. */
html body > header.site-header,
html body header.site-header{
  position:absolute!important;
  inset:0 0 auto 0!important;
  top:0!important;
  left:0!important;
  right:0!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  border:0!important;
  border-top:0!important;
  border-bottom:0!important;
  outline:0!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  filter:none!important;
  overflow:visible!important;
  z-index:999!important;
}
html body.admin-bar > header.site-header,
html body.admin-bar header.site-header{top:32px!important;}
html body > header.site-header:before,
html body > header.site-header:after,
html body header.site-header:before,
html body header.site-header:after,
html body .site-header .header-inner:before,
html body .site-header .header-inner:after{
  content:none!important;
  display:none!important;
  background:none!important;
  background-color:transparent!important;
  background-image:none!important;
  height:0!important;
  min-height:0!important;
  border:0!important;
  box-shadow:none!important;
  opacity:0!important;
}
html body .site-header .header-inner{
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  border:0!important;
  border-bottom:0!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  min-height:82px!important;
}
html body > header.site-header + main#content,
html body main#content{
  margin-top:0!important;
  padding-top:0!important;
}
html body main#content > .hero:first-child,
html body main#content > section.hero:first-child,
html body .hero.hero-tawaf:first-child{
  margin-top:0!important;
  padding-top:0!important;
}
html body main#content > .hero:first-child .hero-inner,
html body main#content > section.hero:first-child .hero-inner,
html body .hero.hero-tawaf .hero-inner{
  padding-top:118px!important;
}
/* hilangkan efek beda warna pada area atas hero */
html body .hero.hero-tawaf .tawaf-bg:after,
html body main#content > .hero:first-child .tawaf-bg:after{
  background:linear-gradient(90deg,rgba(14,16,20,.66) 0%,rgba(14,16,20,.43) 45%,rgba(14,16,20,.20) 72%,rgba(14,16,20,.42) 100%),linear-gradient(180deg,rgba(14,16,20,.30) 0%,rgba(14,16,20,.34) 100%)!important;
}
/* Logo tetap pill putih, tapi bukan bidang penuh */
html body .site-header .custom-logo-link,
html body .site-header .brand.logo-only .logo-frame{
  background:rgba(255,255,255,.94)!important;
  border-radius:999px!important;
  box-shadow:0 8px 22px rgba(0,0,0,.10)!important;
}
@media(max-width:980px){
  html body .site-header .header-inner{min-height:74px!important;}
  html body main#content > .hero:first-child .hero-inner,
  html body main#content > section.hero:first-child .hero-inner,
  html body .hero.hero-tawaf .hero-inner{padding-top:104px!important;}
  html body .site-header .main-nav.is-open{
    background:rgba(35,38,43,.96)!important;
    border:1px solid rgba(255,255,255,.12)!important;
    box-shadow:0 18px 40px rgba(0,0,0,.22)!important;
  }
}
@media(max-width:782px){html body.admin-bar > header.site-header,html body.admin-bar header.site-header{top:46px!important;}}
@media(max-width:640px){
  html body main#content > .hero:first-child .hero-inner,
  html body main#content > section.hero:first-child .hero-inner,
  html body .hero.hero-tawaf .hero-inner{padding-top:92px!important;}
}


/* V44 HERO SEAM FINAL + SOCIAL CONTENT SECTION */
html body header.site-header,
html body > header.site-header,
html body .site-header,
html body .site-header .header-inner{
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  border:0!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
html body header.site-header:before,
html body header.site-header:after,
html body .site-header:before,
html body .site-header:after,
html body .site-header .header-inner:before,
html body .site-header .header-inner:after{
  display:none!important;
  content:none!important;
  opacity:0!important;
}
/* hilangkan bidang/gradasi putih di bagian atas hero */
html body .hero.hero-tawaf:before{display:none!important;content:none!important;}
html body .hero.hero-tawaf{background:#17191d!important;}
html body .hero.hero-tawaf:after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:1!important;
  pointer-events:none!important;
  background:linear-gradient(90deg,rgba(12,14,18,.76) 0%,rgba(12,14,18,.54) 42%,rgba(12,14,18,.26) 72%,rgba(12,14,18,.46) 100%)!important;
}
html body .hero.hero-tawaf .tawaf-bg:after{display:none!important;content:none!important;background:none!important;}
html body .hero.hero-tawaf .hero-inner{position:relative!important;z-index:2!important;padding-top:132px!important;}
html body .site-header{z-index:20!important;}
html body .hero.hero-tawaf .eyebrow{
  background:rgba(255,255,255,.12)!important;
  border-color:rgba(255,255,255,.18)!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
/* menu tetap terbaca tanpa membuat bidang full-width */
html body .site-header .main-nav a,
html body .site-header .main-nav li a{color:#fff!important;text-shadow:0 1px 12px rgba(0,0,0,.38)!important;}
html body .site-header .main-nav a:hover,
html body .site-header .main-nav .current-menu-item>a{background:rgba(255,255,255,.12)!important;color:#fff!important;}
html body .site-header .btn-team,
html body .site-header .btn-ghost{background:rgba(255,255,255,.12)!important;border-color:rgba(255,255,255,.22)!important;color:#fff!important;box-shadow:none!important;}
html body .site-header .menu-toggle{background:rgba(255,255,255,.12)!important;border:1px solid rgba(255,255,255,.16)!important;color:#fff!important;}
html body .site-header .btn-primary{background:#2563eb!important;color:#fff!important;}
html body .site-header .custom-logo-link,
html body .site-header .brand.logo-only .logo-frame{background:rgba(255,255,255,.94)!important;}

.social-feed-section{background:#fff!important;}
.social-feed-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;}
.social-feed-card{background:#fff;border:1px solid var(--t99-border);border-radius:28px;padding:24px;box-shadow:var(--t99-shadow-soft);display:flex;flex-direction:column;gap:18px;min-height:100%;overflow:hidden;}
.social-feed-top{display:flex;gap:14px;align-items:flex-start;}
.social-feed-icon{width:50px;height:50px;border-radius:18px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 50px;color:#fff;}
.social-feed-tiktok .social-feed-icon{background:#111827;}
.social-feed-instagram .social-feed-icon{background:linear-gradient(135deg,#833ab4,#fd1d1d,#fcb045);}
.social-feed-icon .svg-icon{width:22px;height:22px;color:#fff;}
.social-feed-card h3{margin:0 0 6px;color:var(--t99-navy);font-size:24px;line-height:1.15;letter-spacing:-.03em;}
.social-feed-card p{margin:0;color:var(--t99-muted);line-height:1.65;}
.social-embed-wrap{background:#f8f6f2;border:1px solid var(--t99-border);border-radius:22px;padding:12px;min-height:260px;display:flex;align-items:center;justify-content:center;overflow:hidden;}
.social-embed-wrap iframe{max-width:100%!important;border-radius:16px!important;}
.instagram-preview-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
.instagram-preview-grid a{min-height:125px;border-radius:20px;display:flex;align-items:end;padding:16px;background:linear-gradient(135deg,rgba(20,24,31,.58),rgba(20,24,31,.18)),url('assets/images/cards/islamic-card-1.jpg') center/cover;color:#fff;font-weight:900;overflow:hidden;transition:transform .22s ease,box-shadow .22s ease;}
.instagram-preview-grid a:nth-child(2){background-image:linear-gradient(135deg,rgba(20,24,31,.58),rgba(20,24,31,.18)),url('assets/images/cards/islamic-card-3.jpg');}
.instagram-preview-grid a:nth-child(3){background-image:linear-gradient(135deg,rgba(20,24,31,.58),rgba(20,24,31,.18)),url('assets/images/cards/islamic-card-5.jpg');}
.instagram-preview-grid a:nth-child(4){background-image:linear-gradient(135deg,rgba(20,24,31,.58),rgba(20,24,31,.18)),url('assets/images/cards/islamic-card-8.jpg');}
.instagram-preview-grid a:hover{transform:translateY(-2px);box-shadow:var(--t99-shadow);}
.instagram-preview-grid span{text-shadow:0 2px 12px rgba(0,0,0,.38);}
@media(max-width:980px){
  html body .site-header .main-nav.is-open{background:rgba(20,22,27,.96)!important;}
  .social-feed-grid{grid-template-columns:1fr;}
}
@media(max-width:640px){
  html body .hero.hero-tawaf .hero-inner{padding-top:108px!important;}
  .social-feed-card{padding:20px;border-radius:22px;}
  .instagram-preview-grid{grid-template-columns:1fr;}
}


/* V45 remove dark header gradient on hero */
.home .site-header,
.home .site-header::before,
.home .site-header::after,
.home .header-inner,
.home .header-actions,
.home .main-nav,
.home .menu-wrap{background:transparent !important;box-shadow:none !important;border:none !important;backdrop-filter:none !important;-webkit-backdrop-filter:none !important;}
.home .site-header{position:absolute !important;top:0;left:0;right:0;z-index:50;}
.home .hero{padding-top:118px !important;}
.home .hero::before,
.home .hero:before{background:none !important;opacity:0 !important;}
.home .hero::after,
.home .hero:after{display:none !important;content:none !important;}
.home .hero .hero-overlay,
.home .hero-overlay{display:none !important;opacity:0 !important;}
.home .hero-inner{position:relative;z-index:2;}
.home .site-header .main-nav a, .home .site-header .main-nav li a{color:#ffffff !important;text-shadow:0 1px 2px rgba(0,0,0,.35) !important;}
.home .site-header .main-nav a:hover, .home .site-header .current-menu-item > a, .home .site-header .current_page_item > a{background:rgba(255,255,255,.14) !important;color:#fff !important;}
.home .site-header .btn-team, .home .site-header .btn-ghost{background:rgba(255,255,255,.12) !important;border:1px solid rgba(255,255,255,.28) !important;color:#fff !important;backdrop-filter:blur(6px) !important;-webkit-backdrop-filter:blur(6px) !important;}
.home .site-header .btn-primary{box-shadow:0 10px 24px rgba(37,99,235,.25) !important;}
.home .site-header .menu-toggle{background:rgba(255,255,255,.12) !important;border:1px solid rgba(255,255,255,.28) !important;color:#fff !important;}
.home .site-header .brand-pill, .home .site-header .brand, .home .site-header .site-branding{background:transparent !important;box-shadow:none !important;border:none !important;}
@media(max-width:760px){
  .home .hero{padding-top:106px !important;}
}


/* V51 explicit revert to V45 hero layout */
.home .hero-inner > div:first-child{background:transparent!important;border:none!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;padding:0!important;max-width:620px!important;}
.home .hero-inner > div:first-child::before,.home .hero-inner > div:first-child::after{display:none!important;content:none!important;}
.home .hero h1{color:#fff!important;text-shadow:0 3px 14px rgba(0,0,0,.34),0 1px 2px rgba(0,0,0,.18)!important;}
.home .hero p{color:rgba(255,255,255,.95)!important;text-shadow:0 2px 10px rgba(0,0,0,.28)!important;}
.home .hero-card{background:rgba(255,251,246,.97)!important;border:1px solid rgba(225,217,207,.95)!important;box-shadow:0 18px 42px rgba(0,0,0,.10)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;color:#2e3440!important;}
.home .hero-card h2{color:#2b3139!important;}
.home .hero-card p{color:#5f6670!important;text-shadow:none!important;}
.home .hero-card .mini-stat{background:#fffdfa!important;border:1px solid #e7ddd1!important;}
.home .hero-card .mini-stat small{color:#7d766f!important;}
.home .hero-card .mini-stat strong{color:#25303a!important;}
.home .hero .eyebrow{background:rgba(255,255,255,.12)!important;border:1px solid rgba(255,255,255,.24)!important;color:#fff!important;}
.home .hero-stats .hero-stat{background:rgba(255,255,255,.12)!important;border:1px solid rgba(255,255,255,.18)!important;backdrop-filter:blur(6px)!important;-webkit-backdrop-filter:blur(6px)!important;}
.home .hero-stats .hero-stat strong,.home .hero-stats .hero-stat span{color:#fff!important;}


/* V52 Feature Polish: trust strip, FAQ, mobile quick CTA */
.trust-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:22px;margin-bottom:18px;position:relative;z-index:4;}
.trust-item{display:flex;gap:12px;align-items:flex-start;background:rgba(255,253,248,.96);border:1px solid rgba(230,222,212,.92);border-radius:22px;padding:16px 16px;box-shadow:0 12px 34px rgba(30,41,59,.06);}
.trust-item > span{width:40px;height:40px;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;background:#f6f0e8;color:#5f6974;flex:0 0 40px;}
.trust-item .svg-icon{width:20px;height:20px;}
.trust-item strong{display:block;color:#26303a;font-weight:900;line-height:1.2;margin-bottom:3px;}
.trust-item small{display:block;color:#68717a;line-height:1.45;font-weight:600;}
.faq-section{background:#fffdf8;}
.faq-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;}
.faq-item{background:#fff;border:1px solid #e6ddd4;border-radius:22px;padding:0;box-shadow:0 10px 26px rgba(30,41,59,.05);overflow:hidden;}
.faq-item summary{cursor:pointer;list-style:none;padding:18px 20px;font-weight:900;color:#26303a;display:flex;justify-content:space-between;gap:16px;align-items:center;}
.faq-item summary::-webkit-details-marker{display:none;}
.faq-item summary:after{content:'+';width:28px;height:28px;border-radius:999px;background:#f6f0e8;color:#5f6974;display:inline-flex;align-items:center;justify-content:center;font-weight:900;flex:0 0 28px;}
.faq-item[open] summary:after{content:'−';}
.faq-item p{margin:0;padding:0 20px 20px;color:#68717a;line-height:1.7;}
.mobile-sticky-cta{display:none;}
@media(max-width:980px){.trust-strip{grid-template-columns:repeat(2,minmax(0,1fr));}.faq-grid{grid-template-columns:1fr;}}
@media(max-width:640px){
  .trust-strip{grid-template-columns:1fr;margin-top:16px;}
  .trust-item{padding:14px;border-radius:18px;}
  .mobile-sticky-cta{display:grid;grid-template-columns:1fr 1fr;gap:10px;position:fixed;left:12px;right:12px;bottom:12px;z-index:999;background:rgba(255,253,248,.94);border:1px solid rgba(230,222,212,.9);border-radius:22px;padding:10px;box-shadow:0 18px 46px rgba(15,23,42,.18);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);}
  .mobile-sticky-cta a{display:flex;align-items:center;justify-content:center;gap:8px;border-radius:16px;padding:12px 10px;font-weight:900;color:#26303a;background:#f6f0e8;}
  .mobile-sticky-cta a.mobile-wa{background:#2F7D4A;color:#fff;}
  .mobile-sticky-cta .svg-icon{width:18px;height:18px;}
  .floating-wa{display:none!important;}
  body{padding-bottom:82px;}
}


/* V53 professional FAQ wording + clearer CTA text */
.cta{background:linear-gradient(135deg,#2563EB 0%, #2F6DE9 100%) !important; border:1px solid rgba(77,124,255,.24) !important;}
.cta h2{color:#ffffff !important; text-shadow:none !important;}
.cta p{color:rgba(255,255,255,.92) !important; text-shadow:none !important; max-width:760px !important;}
.cta .btn-wa{background:#2F7D4A !important; color:#ffffff !important; box-shadow:0 12px 28px rgba(47,125,74,.24) !important;}
.faq-item p{color:#667085 !important;}


/* V54 cream base theme overrides */
:root{
  --t99-cream:#d7c0a1 !important;
  --t99-cream-deep:#c3a780 !important;
  --t99-cream-soft:#f7f1e8 !important;
  --t99-cream-border:#e7d9ca !important;
  --t99-cream-text:#6d5a45 !important;
}
html body .section-kicker,
html body .hero-card .section-kicker,
html body .affiliation-head .section-kicker,
html body .hero .eyebrow{
  color:var(--t99-cream-text) !important;
}
html body .hero .eyebrow{
  background:rgba(247,241,232,.86) !important;
  border-color:rgba(231,217,202,.95) !important;
}
html body .hero .eyebrow:before{background:var(--t99-cream-deep) !important;box-shadow:0 0 0 6px rgba(195,167,128,.18) !important;}
html body .btn-primary,
html body .pill.active,
html body .route-form .submit-field .btn:not(.btn-wa),
html body .seat-card .btn:not(.btn-wa),
html body .site-header .btn-primary{
  background:linear-gradient(135deg,var(--t99-cream) 0%, var(--t99-cream-deep) 100%) !important;
  color:#2d2a26 !important;
  border:1px solid rgba(195,167,128,.72) !important;
  box-shadow:0 12px 24px rgba(167,141,108,.18) !important;
}
html body .btn-primary:hover,
html body .pill.active:hover,
html body .route-form .submit-field .btn:not(.btn-wa):hover,
html body .seat-card .btn:not(.btn-wa):hover,
html body .site-header .btn-primary:hover{
  background:linear-gradient(135deg,#ddcab0 0%, #cdb28c 100%) !important;
  color:#2d2a26 !important;
  box-shadow:0 16px 30px rgba(167,141,108,.24) !important;
}
html body .main-nav a:hover,html body .main-nav .current-menu-item>a,html body .main-nav a:focus{
  background:var(--t99-cream-soft) !important;
  color:var(--t99-cream-text) !important;
}
html body .menu-toggle{
  background:var(--t99-cream-soft) !important;
  color:var(--t99-cream-text) !important;
  border:1px solid var(--t99-cream-border) !important;
}
html body .feature-icon,html body .contact-icon{
  background:var(--t99-cream-soft) !important;
  color:var(--t99-cream-text) !important;
  box-shadow:inset 0 0 0 1px var(--t99-cream-border) !important;
}
html body .service-card:before{
  background:linear-gradient(90deg,var(--t99-cream-deep),#d8c2a5,var(--t99-gold)) !important;
}
html body .form-field input:focus,html body .form-field select:focus,html body .form-field textarea:focus{
  border-color:var(--t99-cream-deep) !important;
  box-shadow:0 0 0 4px rgba(195,167,128,.14) !important;
}
html body .swap{
  color:var(--t99-cream-text) !important;
  border-color:var(--t99-cream-border) !important;
  background:#fffdf9 !important;
}
html body .t99-table th{
  background:var(--t99-cream-soft) !important;
  color:var(--t99-cream-text) !important;
}
html body .entry-content a:not(.btn),html body .t99-table a{
  color:var(--t99-cream-text) !important;
  text-decoration-color:rgba(109,90,69,.35) !important;
}
html body .cta{
  background:linear-gradient(135deg,#fbf7f1 0%, #f2e7d9 100%) !important;
  border:1px solid var(--t99-cream-border) !important;
  box-shadow:0 22px 54px rgba(137,118,95,.10) !important;
  color:#2f343a !important;
}
html body .cta:after{background:rgba(195,167,128,.15) !important;}
html body .cta h2{color:#2f343a !important;}
html body .cta p{color:#6f6a63 !important;}
html body .page-hero{
  background:linear-gradient(135deg,#b59a76 0%, #d5c0a4 54%, #efe4d6 100%) !important;
  color:#2d2a26 !important;
}
html body .page-hero:after{opacity:.10 !important;filter:none !important;}
html body .page-hero h1,html body .breadcrumb{color:#2d2a26 !important;}
html body .hero-actions .btn-primary{color:#2d2a26 !important;}
html body ::selection{background:#d7c0a1 !important;color:#2d2a26 !important;}


/* V55 seat filter + copy tools */
.seat-filter-bar{background:#fff;border:1px solid var(--t99-panel-border,#e2dbd2);border-radius:24px;padding:18px 18px 14px;box-shadow:var(--t99-shadow-soft);margin:0 0 24px;display:grid;gap:14px;}
.seat-filter-fields{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:12px;align-items:end;}
.seat-filter-field label{display:block;font-size:12px;font-weight:900;color:#7b746d;margin:0 0 6px;text-transform:uppercase;letter-spacing:.06em;}
.seat-filter-field input,.seat-filter-field select{width:100%;min-height:48px;border:1px solid #e6ddd4;border-radius:16px;background:#fffdfa;padding:0 14px;color:#2c3137;outline:0;}
.seat-filter-field input:focus,.seat-filter-field select:focus{border-color:#c3a780;box-shadow:0 0 0 4px rgba(195,167,128,.14);}
.seat-filter-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;}
.seat-filter-actions .btn{min-height:44px;}
.seat-filter-count{font-size:14px;color:#6b655f;font-weight:700;}
.seat-filter-empty{font-size:14px;color:#7c5d38;background:#fff8ef;border:1px dashed #dec6aa;padding:12px 14px;border-radius:16px;}
.seat-actions{display:grid;grid-template-columns:1fr;gap:10px;}
.seat-copy-btn{background:#fffdfa!important;border-color:#e6ddd4!important;color:#6d5a45!important;}
.seat-copy-btn:hover,.seat-copy-btn.is-copied{background:#f8efe2!important;border-color:#d7c0a1!important;color:#4d4033!important;}
.badge-hot{background:#fee2e2;color:#b91c1c;}
.badge-open{background:#dcfce7;color:#15803d;}
.badge-limited{background:#fef3c7;color:#b45309;}
.badge-closed{background:#f3f4f6;color:#6b7280;}
@media (max-width: 980px){.seat-filter-fields{grid-template-columns:1fr 1fr;}}
@media (max-width: 680px){.seat-filter-fields{grid-template-columns:1fr;}.seat-filter-actions{align-items:stretch;}.seat-filter-actions .btn{width:100%;}.seat-filter-count{width:100%;}}


/* V56 conversion tools: trust section, commitment cards, desktop sticky CTA, admin feature polish */
.why-agents-section{background:linear-gradient(180deg,#fffdf8 0%,#f8f1e7 100%);position:relative;overflow:hidden;}
.why-agents-section:before{content:"";position:absolute;inset:auto -80px -120px auto;width:280px;height:280px;border-radius:999px;background:rgba(215,192,161,.20);pointer-events:none;}
.agent-reason-grid{display:grid;grid-template-columns:1.1fr repeat(2,1fr);gap:18px;align-items:stretch;}
.agent-reason-card{background:#fff;border:1px solid #e7d9ca;border-radius:24px;padding:22px;box-shadow:0 14px 36px rgba(137,118,95,.08);position:relative;overflow:hidden;}
.agent-reason-card.featured{background:linear-gradient(135deg,#2f343a 0%,#4b4f52 100%);color:#fff;grid-row:span 2;display:flex;flex-direction:column;justify-content:space-between;min-height:280px;}
.agent-reason-card.featured h3{color:#fff!important;font-size:30px;line-height:1.06;letter-spacing:-.04em;margin:16px 0 12px;}
.agent-reason-card.featured p{color:rgba(255,255,255,.82);}
.agent-reason-card h3{margin:12px 0 8px;font-size:20px;color:#2f343a;letter-spacing:-.02em;}
.agent-reason-card p{margin:0;color:#6f6a63;line-height:1.65;}
.agent-reason-card .feature-icon{margin-bottom:8px;}
.agent-reason-metric{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:18px;}
.agent-reason-metric span{display:block;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.14);border-radius:16px;padding:12px;font-weight:900;}
.agent-reason-metric small{display:block;font-weight:700;color:rgba(255,255,255,.68);font-size:11px;margin-top:4px;}
.commitment-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;}
.commitment-card{background:#fff;border:1px solid #e7d9ca;border-radius:24px;padding:24px;box-shadow:0 14px 34px rgba(137,118,95,.08);}
.commitment-card .quote-mark{width:42px;height:42px;border-radius:14px;background:#f7f1e8;color:#6d5a45;display:grid;place-items:center;font-size:22px;font-weight:900;margin-bottom:14px;}
.commitment-card p{color:#5f6670;line-height:1.7;margin:0 0 18px;}
.commitment-card strong{display:block;color:#2f343a;margin-bottom:3px;}
.commitment-card small{color:#7b746d;font-weight:700;}
.desktop-sticky-cta{position:fixed;left:50%;bottom:18px;transform:translateX(-50%);z-index:998;display:flex;align-items:center;gap:10px;padding:10px 12px;background:rgba(255,253,248,.94);border:1px solid rgba(231,217,202,.96);border-radius:999px;box-shadow:0 18px 48px rgba(15,23,42,.18);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);}
.desktop-sticky-cta a{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:999px;padding:11px 16px;font-weight:900;color:#2f343a;background:#f7f1e8;white-space:nowrap;}
.desktop-sticky-cta a.desktop-wa{background:#2F7D4A;color:#fff;}
.desktop-sticky-cta .svg-icon{width:18px;height:18px;}
.team-edit-note{display:flex;justify-content:flex-end;margin-top:18px;}
@media(max-width:980px){
  .agent-reason-grid{grid-template-columns:1fr 1fr;}
  .agent-reason-card.featured{grid-column:1/-1;grid-row:auto;min-height:auto;}
  .commitment-grid{grid-template-columns:1fr;}
}
@media(max-width:720px){
  .agent-reason-grid{grid-template-columns:1fr;}
  .desktop-sticky-cta{display:none!important;}
  .mobile-sticky-cta{display:grid!important;}
}
@media(min-width:721px){
  .mobile-sticky-cta{display:none!important;}
}

/* V57: remove desktop sticky CTA and keep hero video clean */
.desktop-sticky-cta{display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important;}

html body .hero.hero-tawaf,
body.home .hero.hero-tawaf,
body.front-page .hero.hero-tawaf,
body.page-template-front-page .hero.hero-tawaf{
  background:transparent!important;
}

html body .hero.hero-tawaf:before,
html body .hero.hero-tawaf:after,
body.home .hero.hero-tawaf:before,
body.home .hero.hero-tawaf:after,
body.front-page .hero.hero-tawaf:before,
body.front-page .hero.hero-tawaf:after,
body.page-template-front-page .hero.hero-tawaf:before,
body.page-template-front-page .hero.hero-tawaf:after,
html body .hero.hero-tawaf .tawaf-bg:after,
body.home .hero.hero-tawaf .tawaf-bg:after,
body.front-page .hero.hero-tawaf .tawaf-bg:after,
body.page-template-front-page .hero.hero-tawaf .tawaf-bg:after{
  display:none!important;
  content:none!important;
  background:none!important;
  opacity:0!important;
}

html body .hero.hero-tawaf .tawaf-bg,
html body .hero.hero-tawaf .tawaf-video{
  opacity:1!important;
  visibility:visible!important;
}

html body .hero.hero-tawaf .hero-inner{
  position:relative!important;
  z-index:2!important;
  padding-top:120px!important;
}

html body .hero.hero-tawaf h1,
html body .hero.hero-tawaf p,
html body .hero.hero-tawaf .eyebrow,
html body .hero.hero-tawaf .hero-stat strong,
html body .hero.hero-tawaf .hero-stat span{
  text-shadow:0 2px 14px rgba(0,0,0,.38)!important;
}

html body .hero.hero-tawaf .hero-stats .hero-stat{
  background:rgba(255,255,255,.10)!important;
  border-color:rgba(255,255,255,.18)!important;
  backdrop-filter:blur(6px)!important;
  -webkit-backdrop-filter:blur(6px)!important;
}

html body .hero.hero-tawaf .hero-card{
  background:rgba(255,253,248,.96)!important;
  border:1px solid rgba(228,220,210,.92)!important;
  box-shadow:0 20px 40px rgba(20,24,31,.14)!important;
}

@media(max-width:991px){
  html body .hero.hero-tawaf .hero-inner{padding-top:108px!important;}
}

@media(max-width:767px){
  html body .hero.hero-tawaf .hero-inner{padding-top:96px!important;}
}


/* V58: force hero video visible with poster fallback */
.hero.hero-tawaf{background:transparent!important;}
.hero.hero-tawaf .tawaf-bg{
  position:absolute!important; inset:0!important; z-index:0!important; overflow:hidden!important;
  background:url("assets/images/hero-video-poster.jpg") center center / cover no-repeat!important;
}
.hero.hero-tawaf .tawaf-video{
  display:block!important;
  position:absolute!important; inset:0!important;
  width:100%!important; height:100%!important;
  object-fit:cover!important; object-position:center center!important;
  opacity:1!important; visibility:visible!important;
  background:transparent!important;
}
.hero.hero-tawaf.video-ready .tawaf-video{opacity:1!important;}
.hero.hero-tawaf:before,.hero.hero-tawaf:after,.hero.hero-tawaf .tawaf-bg:after{display:none!important; content:none!important;}
.hero.hero-tawaf .hero-inner{position:relative!important; z-index:2!important;}


/* V60: force white text on internal page hero */
.page-hero .t99-container h1,
.page-hero .t99-container .section-title,
.page-hero .t99-container p,
.page-hero .t99-container .lead,
.page-hero .t99-container .breadcrumb{
  color:#ffffff !important;
}
.page-hero .t99-container .breadcrumb{
  opacity:.92 !important;
}
.page-hero .t99-container h1{
  text-shadow:0 3px 16px rgba(0,0,0,.28) !important;
}
.page-hero .t99-container p,
.page-hero .t99-container .lead,
.page-hero .t99-container .breadcrumb{
  text-shadow:0 2px 12px rgba(0,0,0,.22) !important;
}


/* V61: typography, spacing, and button polish */
:root{
  --t99-text:#27303b;
  --t99-heading:#202833;
  --t99-muted-2:#697586;
}
html{scroll-behavior:smooth;}
body{
  color:var(--t99-text);
  line-height:1.72;
  letter-spacing:-0.01em;
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}
h1,h2,h3,h4,h5,h6{
  color:var(--t99-heading);
  letter-spacing:-0.035em;
  line-height:1.08;
}
h1{font-size:clamp(40px,5.6vw,72px);}
h2{font-size:clamp(30px,3.3vw,48px);}
h3{font-size:clamp(20px,2vw,26px);}
p,.lead,.section-desc,.hero p,.card p,.faq-item p{line-height:1.82;}
.site-header .nav a{font-weight:800;letter-spacing:-0.01em;}
.site-header .nav{gap:26px;}
.site-header .header-actions{gap:10px;}
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  min-height:52px;padding:0 22px;border-radius:999px;
  font-weight:800;letter-spacing:-0.01em;
  transition:transform .18s ease, box-shadow .22s ease, background-color .22s ease, border-color .22s ease, color .22s ease;
}
.btn:hover{transform:translateY(-1px);}
.btn:focus-visible{outline:0;box-shadow:0 0 0 4px rgba(37,99,235,.16);}
.hero .hero-actions,.hero-actions{display:flex;flex-wrap:wrap;gap:14px;}
.hero .hero-stats,.hero-stats{gap:14px;}
.hero .hero-stat,.hero-stat{padding:18px 18px;}
.hero h1{max-width:12ch;}
.hero p{max-width:720px;font-size:clamp(17px,1.35vw,22px);}
.hero-card h2{font-size:clamp(24px,2.1vw,40px);line-height:1.14;}
.hero-card p{font-size:16px;line-height:1.78;}
.card,.seat-card,.agent-reason-card,.feature-card,.commitment-card,.faq-item{border-radius:24px;}
.section{padding:84px 0;}
.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin-bottom:30px;}
.section-kicker{letter-spacing:.12em;font-weight:900;}
.section-title{margin:0 0 8px;}
.section-desc{max-width:760px;color:var(--t99-muted-2);}
.grid{gap:24px;}
.route-box,.route-form-wrap,.faq-item, .support-cta, .card, .seat-card{box-shadow:0 10px 30px rgba(24,33,48,.06);}
.faq-item summary{font-weight:800;font-size:clamp(18px,1.5vw,24px);}
.support-cta{padding:42px 38px;}
.support-cta h2,.support-cta h3{color:#243041!important;}
.support-cta p{color:#596579!important;max-width:760px;}
.footer-col p, .site-footer li a, .site-footer small{line-height:1.8;}
.footer-content-card strong{font-size:20px;line-height:1.2;}
@media (max-width: 1100px){
  .site-header .nav{gap:18px;}
  .section{padding:74px 0;}
}
@media (max-width: 991px){
  .section-head{align-items:flex-start;}
  .hero h1{max-width:14ch;}
}
@media (max-width: 767px){
  body{line-height:1.68;}
  .section{padding:62px 0;}
  .btn{min-height:48px;padding:0 18px;}
  .hero p{font-size:16px;}
  .support-cta{padding:28px 22px;}
}


/* V62: airline partners layout - 2 columns and smaller logos */
.affiliation-section .t99-container{
  max-width:980px!important;
}
.affiliation-head{
  text-align:center!important;
  margin-bottom:26px!important;
}
.airline-wall.logo-wall{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:14px!important;
  align-items:stretch!important;
}
.airline-logo-card{
  min-height:110px!important;
  padding:18px 16px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:18px!important;
}
.airline-logo-card img{
  display:block!important;
  width:auto!important;
  max-width:72%!important;
  max-height:46px!important;
  height:auto!important;
  object-fit:contain!important;
  margin:0 auto!important;
}
@media (max-width:767px){
  .airline-wall.logo-wall{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:12px!important;
  }
  .airline-logo-card{
    min-height:92px!important;
    padding:14px 12px!important;
    border-radius:16px!important;
  }
  .airline-logo-card img{
    max-width:78%!important;
    max-height:38px!important;
  }
}
@media (max-width:420px){
  .airline-logo-card{
    min-height:86px!important;
  }
  .airline-logo-card img{
    max-width:82%!important;
    max-height:34px!important;
  }
}


/* =========================================================
   V63 — 2-column airline wall + full responsive refinement
   ========================================================= */
.affiliation-section .t99-container{
  max-width:1020px!important;
}
.affiliation-head{
  text-align:center!important;
  margin-bottom:28px!important;
}
.airline-wall.logo-wall{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:16px 16px!important;
  align-items:stretch!important;
}
.airline-logo-card{
  min-height:108px!important;
  padding:18px 18px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:18px!important;
}
.airline-logo-card img{
  width:auto!important;
  height:auto!important;
  max-width:72%!important;
  max-height:44px!important;
  object-fit:contain!important;
  display:block!important;
  margin:0 auto!important;
}

/* Desktop / laptop */
@media (min-width: 1200px){
  .t99-container{max-width:1180px!important;}
  .hero-inner{gap:42px!important;min-height:530px!important;padding-block:92px 126px!important;}
  .hero h1{max-width:11ch!important;}
  .hero-card{padding:26px!important;}
}

/* Tablet landscape + small laptop */
@media (max-width: 1199px){
  .t99-container{max-width:min(100% - 36px,1100px)!important;}
  .hero-inner{grid-template-columns:1.02fr .98fr!important;gap:28px!important;min-height:auto!important;padding-block:88px 116px!important;}
  .hero h1{font-size:clamp(40px,5vw,62px)!important;max-width:12ch!important;}
  .hero p{font-size:17px!important;max-width:100%!important;}
  .hero-card{padding:24px!important;border-radius:28px!important;}
  .route-form{grid-template-columns:minmax(0,1fr) 44px minmax(0,1fr) minmax(0,1fr) 120px!important;gap:12px!important;}
  .route-form .submit-field{grid-column:1/-1!important;justify-self:start!important;width:100%!important;}
  .section{padding-block:72px!important;}
  .section-tight{padding-block:48px!important;}
  .footer-top{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:24px!important;}
}

/* Tablet portrait */
@media (max-width: 991px){
  .t99-container{max-width:min(100% - 28px,920px)!important;}
  .header-inner{min-height:72px!important;gap:16px!important;}
  .hero-inner{grid-template-columns:1fr!important;gap:22px!important;padding-block:84px 104px!important;}
  .hero-copy,.hero-content,.hero-left{order:1!important;}
  .hero-card,.hero-right{order:2!important;max-width:100%!important;}
  .hero h1{font-size:clamp(38px,7vw,56px)!important;max-width:13ch!important;}
  .hero-actions{gap:12px!important;}
  .hero-actions .btn{flex:0 0 auto!important;}
  .hero-stats{grid-template-columns:repeat(3,minmax(0,1fr))!important;max-width:100%!important;}
  .search-card{margin-top:-60px!important;}
  .booking-box{padding:20px!important;border-radius:26px!important;}
  .section-head{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:14px!important;}
  .grid-4{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .grid-3{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .post-card{grid-template-columns:1fr!important;}
  .footer-top{grid-template-columns:1fr 1fr!important;}
  .footer-bottom{flex-direction:column!important;align-items:flex-start!important;}
}

/* Mobile */
@media (max-width: 767px){
  .t99-container{max-width:calc(100% - 22px)!important;}
  .header-inner{min-height:66px!important;gap:12px!important;}
  .main-nav.is-open{display:block!important;}
  .hero-inner{padding-block:76px 92px!important;gap:18px!important;}
  .hero h1{font-size:clamp(34px,11vw,46px)!important;line-height:1.02!important;max-width:14ch!important;}
  .hero p{font-size:16px!important;line-height:1.72!important;}
  .hero-actions{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;}
  .hero-actions .btn{width:100%!important;}
  .hero-stats{grid-template-columns:1fr!important;gap:10px!important;}
  .hero-stat{padding:14px!important;}
  .hero-card{padding:18px!important;border-radius:24px!important;}
  .hero-card h2{font-size:28px!important;}
  .hero-card .mini-grid,.hero-card .info-grid{grid-template-columns:1fr 1fr!important;gap:10px!important;}
  .search-card{margin-top:-36px!important;}
  .booking-box{padding:16px!important;border-radius:22px!important;}
  .pill-row{gap:8px!important;}
  .route-form{grid-template-columns:1fr!important;gap:10px!important;}
  .route-form .swap{display:none!important;}
  .route-form .submit-field{grid-column:auto!important;width:100%!important;}
  .route-form .submit-field .btn{width:100%!important;}
  .grid,.grid-2,.grid-3,.grid-4,.faq-grid{grid-template-columns:1fr!important;}
  .card,.seat-card,.faq-item,.entry-content,.page-content,.contact-item{padding:20px!important;border-radius:20px!important;}
  .section{padding-block:58px!important;}
  .section-tight{padding-block:40px!important;}
  .section-title{font-size:clamp(28px,8vw,38px)!important;}
  .section-desc,.lead{font-size:15px!important;}
  .cta{padding:26px 20px!important;border-radius:26px!important;}
  .cta h2{font-size:clamp(28px,8vw,36px)!important;}
  .footer-top{grid-template-columns:1fr!important;gap:22px!important;}
  .social-embed-wrap{min-height:210px!important;}
  .airline-wall.logo-wall{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;}
  .airline-logo-card{min-height:90px!important;padding:14px 12px!important;border-radius:16px!important;}
  .airline-logo-card img{max-width:82%!important;max-height:34px!important;}
}

/* Extra small mobile */
@media (max-width: 420px){
  .t99-container{max-width:calc(100% - 18px)!important;}
  .hero h1{font-size:32px!important;}
  .hero-card .mini-grid,.hero-card .info-grid{grid-template-columns:1fr!important;}
  .airline-wall.logo-wall{gap:10px!important;}
  .airline-logo-card{min-height:84px!important;padding:12px 10px!important;}
  .airline-logo-card img{max-width:84%!important;max-height:30px!important;}
  .btn{min-height:46px!important;padding:0 16px!important;font-size:14px!important;}
}


/* =========================================================
   V64 — airline logos horizontal, more compact, less vertical
   ========================================================= */
.affiliation-section .t99-container{max-width:1240px!important;}
.airline-wall.logo-wall{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:12px!important;
  align-items:stretch!important;
}
.airline-logo-card{
  min-height:84px!important;
  padding:12px 10px!important;
  border-radius:16px!important;
}
.airline-logo-card img{
  max-width:70%!important;
  max-height:28px!important;
}
@media (max-width:1199px){
  .airline-wall.logo-wall{grid-template-columns:repeat(4,minmax(0,1fr))!important;}
  .airline-logo-card{min-height:82px!important;}
  .airline-logo-card img{max-width:72%!important;max-height:27px!important;}
}
@media (max-width:991px){
  .airline-wall.logo-wall{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
  .airline-logo-card{min-height:78px!important;padding:11px 10px!important;}
  .airline-logo-card img{max-width:74%!important;max-height:25px!important;}
}
@media (max-width:767px){
  .airline-wall.logo-wall{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;}
  .airline-logo-card{min-height:72px!important;padding:10px 8px!important;border-radius:14px!important;}
  .airline-logo-card img{max-width:78%!important;max-height:23px!important;}
}
@media (max-width:420px){
  .airline-logo-card{min-height:68px!important;}
  .airline-logo-card img{max-width:80%!important;max-height:21px!important;}
}


/* =========================================================
   V65 — seat card HK badge + spacing refinement
   ========================================================= */
.seat-card{
  gap:18px!important;
  padding:26px!important;
}
.seat-card .seat-top{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:start!important;
  gap:16px!important;
}
.seat-card .seat-top > div{
  display:flex!important;
  flex-direction:column!important;
  gap:8px!important;
  min-width:0!important;
}
.seat-card .seat-top > div .badge{
  align-self:flex-start!important;
  margin:0!important;
}
.seat-card .seat-title{
  margin:2px 0 0!important;
  line-height:1.15!important;
}
.seat-card .seat-meta{
  margin:2px 0 0!important;
  line-height:1.55!important;
}
.seat-card .seat-top > .badge.badge-limited,
.seat-card .seat-top > .hk-badge,
.seat-card .seat-top > .seat-badge{
  align-self:start!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:56px!important;
  height:38px!important;
  padding:0 12px!important;
  border-radius:18px!important;
  font-size:12px!important;
  line-height:1!important;
  font-weight:900!important;
  white-space:nowrap!important;
  flex:0 0 auto!important;
  box-shadow:none!important;
}
.seat-card .mini-stats{
  gap:10px!important;
  margin-top:2px!important;
}
.seat-card .mini-stat{
  padding:14px 16px!important;
}
.seat-card .mini-stat small{
  margin-bottom:6px!important;
  line-height:1.25!important;
}
.seat-card .mini-stat strong{
  line-height:1.2!important;
}
.seat-card .seat-actions{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:12px!important;
  margin-top:2px!important;
}
.seat-card .btn{
  min-height:56px!important;
}
@media (max-width:767px){
  .seat-card{padding:20px!important;gap:16px!important;}
  .seat-card .seat-top{gap:12px!important;}
  .seat-card .seat-top > .badge.badge-limited,
  .seat-card .seat-top > .hk-badge,
  .seat-card .seat-top > .seat-badge{
    min-width:52px!important;
    height:34px!important;
    border-radius:16px!important;
    font-size:11px!important;
    padding:0 10px!important;
  }
  .seat-card .mini-stats{grid-template-columns:1fr!important;gap:8px!important;}
}