@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Playfair+Display:wght@600;700;800&display=swap');
/* =====================================================================
   SHAHMIE TRAVEL & TOURS — MAROON / CREAM / GOLD PREMIUM THEME
   Inspired by the supplied Shahmie presentation and the referenced
   RiaKembara information architecture. Loaded after styles.css.
   ===================================================================== */

:root{
  --as-maroon:#6a101a;
  --as-maroon-2:#86172a;
  --as-maroon-3:#9d2037;
  --as-maroon-deep:#3d080f;
  --as-black:#1a1213;
  --as-cream:#fcf8f3;
  --as-cream-2:#f7eee3;
  --as-cream-3:#efe1d1;
  --as-gold:#c58e3c;
  --as-gold-2:#dfbb70;
  --as-gold-soft:#f6e8c7;
  --as-line:rgba(106,16,26,.13);
  --as-shadow:0 22px 60px rgba(68,12,20,.12);
  --as-shadow-lg:0 34px 90px rgba(52,7,14,.20);
  --as-radius:28px;
  --primary:var(--as-maroon)!important;
  --primary-dark:var(--as-maroon-deep)!important;
  --primary-soft:#fae9ec!important;
  --secondary:var(--as-black)!important;
  --gold:var(--as-gold)!important;
  --gold-soft:var(--as-gold-soft)!important;
  --ink:#25191b!important;
  --muted:#745f64!important;
  --line:#e8d8c6!important;
  --surface:#fff!important;
  --surface-2:#fbf6ef!important;
  --surface-3:#f4eadf!important;
  --shadow:var(--as-shadow)!important;
  --shadow-sm:0 12px 34px rgba(68,12,20,.085)!important;
  --font:'DM Sans',system-ui,-apple-system,'Segoe UI',sans-serif!important;
}

html{scroll-padding-top:100px}
body{
  font-family:'DM Sans',system-ui,-apple-system,'Segoe UI',sans-serif!important;
  color:#25191b;
  background:
    radial-gradient(circle at 5% 5%,rgba(197,142,60,.08),transparent 24%),
    linear-gradient(180deg,#fffdfa 0%,#fff 38%,#fbf5ed 100%)!important;
}
h1,h2,h3,h4,.panel-title h1,.footer-title{
  font-family:'Playfair Display',Georgia,serif!important;
  letter-spacing:-.025em;
}
.container{width:min(1240px,calc(100% - 40px))!important}
.section{padding:92px 0!important}
.section-sm{padding:58px 0!important}
.section-soft{
  background:
    linear-gradient(135deg,rgba(197,142,60,.06),transparent 32%),
    linear-gradient(180deg,#fbf6ef,#fffaf5)!important;
}
.section-header{margin-bottom:42px!important}
.centered-heading{justify-content:center!important;text-align:center!important}
.centered-heading .section-heading{margin-inline:auto!important}
.section-heading{max-width:800px!important}
.section-heading h2{font-size:clamp(2.15rem,4vw,3.55rem)!important;color:var(--as-maroon-deep)!important}
.section-heading p{font-size:1.02rem;line-height:1.8}
.eyebrow{
  background:linear-gradient(135deg,#fff4db,#f7e7c0)!important;
  border:1px solid rgba(197,142,60,.28)!important;
  color:var(--as-maroon)!important;
  box-shadow:0 7px 22px rgba(106,16,26,.06);
  letter-spacing:.09em!important;
}
.eyebrow i{color:var(--as-gold)}
.text-primary{color:var(--as-maroon)!important}
.text-muted{color:#78656a!important}

/* ------------------------------ HEADER ------------------------------ */
.top-strip{
  background:linear-gradient(90deg,var(--as-maroon-deep),var(--as-maroon),#7f1b2a)!important;
  border-bottom:1px solid rgba(255,255,255,.1);
}
.top-strip .container{min-height:38px;padding-block:7px!important}
.top-strip a,.top-strip span{color:rgba(255,255,255,.9)}
.top-strip i{color:var(--as-gold-2);margin-right:5px}
.site-header{
  position:sticky!important;
  top:0;
  z-index:90!important;
  background:rgba(255,251,246,.94)!important;
  border-bottom:1px solid rgba(106,16,26,.1)!important;
  box-shadow:0 12px 38px rgba(58,6,13,.06);
  backdrop-filter:blur(18px)!important;
}
.header-inner{min-height:90px!important}
.brand{min-width:205px!important}
.brand img{
  height:72px!important;
  width:auto!important;
  max-width:190px!important;
  padding:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  background:transparent!important;
}
.main-nav-clean{gap:4px!important}
.main-nav-clean a{
  position:relative;
  padding:12px 13px!important;
  color:#4a3539!important;
  border-radius:14px!important;
  font-size:.9rem!important;
}
.main-nav-clean a i{color:#a6752f;transition:.25s}
.main-nav-clean a::after{
  content:"";
  position:absolute;
  left:16px;right:16px;bottom:5px;
  height:2px;border-radius:99px;
  background:linear-gradient(90deg,var(--as-gold),var(--as-maroon));
  transform:scaleX(0);transition:.25s;
}
.main-nav-clean a:hover,.main-nav-clean a.active{
  color:var(--as-maroon)!important;
  background:#fff5f0!important;
}
.main-nav-clean a:hover::after,.main-nav-clean a.active::after{transform:scaleX(1)}
.main-nav-clean a:hover i,.main-nav-clean a.active i{color:var(--as-maroon)}
.header-actions .btn-outline{
  border-color:rgba(106,16,26,.22)!important;
  background:#fff!important;
  color:var(--as-maroon)!important;
}
.header-actions .btn-outline:hover{background:var(--as-maroon)!important;color:#fff!important}
.mobile-toggle{background:#f8ece8!important;color:var(--as-maroon)!important}

/* ------------------------------ BUTTONS ------------------------------ */
.btn{border-radius:14px!important;font-weight:800!important;letter-spacing:.005em}
.btn-primary{
  color:#fff!important;
  background:linear-gradient(135deg,var(--as-maroon-3),var(--as-maroon) 58%,var(--as-maroon-deep))!important;
  box-shadow:0 13px 30px rgba(106,16,26,.22)!important;
}
.btn-primary:hover{box-shadow:0 18px 40px rgba(106,16,26,.3)!important}
.btn-gold{
  background:linear-gradient(135deg,#f5da99,var(--as-gold-2) 55%,#a87329)!important;
  color:#34180b!important;
  box-shadow:0 13px 30px rgba(160,111,37,.22)!important;
}
.btn-outline{
  border-color:rgba(106,16,26,.22)!important;
  background:rgba(255,255,255,.82)!important;
  color:var(--as-maroon)!important;
}
.btn-outline:hover{background:var(--as-maroon)!important;color:#fff!important;border-color:var(--as-maroon)!important}
.btn-glass{background:rgba(255,255,255,.12)!important;color:#fff!important;border:1px solid rgba(255,255,255,.32)!important;backdrop-filter:blur(12px)}
.btn-glass:hover{background:#fff!important;color:var(--as-maroon)!important}

/* ------------------------------ HERO ------------------------------ */
.assalik-hero{
  position:relative;
  isolation:isolate;
  background:linear-gradient(135deg,#23070b,#600e18 55%,#8a1b2c)!important;
  overflow:hidden;
}
.assalik-hero::before{
  content:"";
  position:absolute;inset:0;z-index:0;pointer-events:none;
  background:
    linear-gradient(135deg,transparent 0 61%,rgba(223,187,112,.13) 61.2% 61.5%,transparent 61.7%),
    radial-gradient(circle at 10% 12%,rgba(223,187,112,.22),transparent 23%),
    radial-gradient(circle at 82% 25%,rgba(255,255,255,.12),transparent 24%);
}
.assalik-hero::after{
  content:"";position:absolute;z-index:0;left:-4%;top:-26%;width:440px;height:440px;border:1px solid rgba(223,187,112,.22);border-radius:50%;box-shadow:0 0 0 55px rgba(223,187,112,.035),0 0 0 110px rgba(223,187,112,.025);
}
.hero-orbit{position:absolute;border-radius:50%;border:1px solid rgba(223,187,112,.14);z-index:0;pointer-events:none}
.hero-orbit-one{width:520px;height:520px;right:-220px;bottom:-280px}
.hero-orbit-two{width:280px;height:280px;right:15%;top:4%;box-shadow:0 0 0 42px rgba(255,255,255,.025)}
.hero-carousel,.hero-slide{min-height:720px!important}
.hero-slide{isolation:isolate;background-position:center!important}
.hero-slide::before{
  background:linear-gradient(90deg,rgba(37,5,9,.97) 0%,rgba(83,10,22,.91) 42%,rgba(95,15,26,.56) 66%,rgba(30,6,9,.20) 100%)!important;
}
.hero-slide::after{
  background:
    linear-gradient(180deg,rgba(0,0,0,.05),rgba(29,5,9,.26)),
    radial-gradient(circle at 78% 18%,rgba(238,207,139,.30),transparent 27%)!important;
}
.hero-grid{grid-template-columns:minmax(0,1.2fr) minmax(350px,.72fr)!important;gap:54px!important}
.hero-content{max-width:760px!important;padding:102px 0 145px!important}
.hero-content .eyebrow{background:rgba(255,255,255,.12)!important;color:#fff4da!important;border-color:rgba(255,255,255,.24)!important;box-shadow:none}
.hero-title{
  font-family:'Playfair Display',Georgia,serif!important;
  font-size:clamp(3rem,5.4vw,5.4rem)!important;
  line-height:1.02!important;
  letter-spacing:-.045em!important;
  text-shadow:0 16px 50px rgba(0,0,0,.32);
}
.hero-title span{color:#f2ce7d!important;font-size:.56em;letter-spacing:-.02em}
.hero-content>p{max-width:720px;color:rgba(255,255,255,.87);font-size:1.07rem!important}
.hero-pill{
  background:rgba(255,255,255,.10)!important;
  border-color:rgba(255,255,255,.2)!important;
  color:#fff!important;
  box-shadow:inset 0 1px rgba(255,255,255,.15),0 10px 28px rgba(0,0,0,.12)!important;
}
.hero-pill i{color:#f0cd7a}
.hero-price{align-items:center!important;background:rgba(255,255,255,.08);width:max-content;padding:12px 18px;border-radius:18px;border:1px solid rgba(255,255,255,.14)}
.hero-price span{font-size:.83rem;text-transform:uppercase;letter-spacing:.08em;color:rgba(255,255,255,.72)}
.hero-price strong{font-size:2.55rem!important;color:#f4d580!important}
.hero-trust{border-top:1px solid rgba(255,255,255,.14);padding-top:22px;color:rgba(255,255,255,.76)!important}
.hero-trust i{color:#f0ca6c}
.hero-card-preview{
  transform:none!important;
  border-radius:32px!important;
  border:1px solid rgba(244,214,148,.45)!important;
  box-shadow:0 38px 100px rgba(24,3,8,.44),0 0 0 8px rgba(255,255,255,.035)!important;
  background:rgba(255,251,246,.97)!important;
  overflow:hidden!important;
}
.hero-card-preview:hover{transform:translateY(-6px)!important}
.hero-card-top{background:linear-gradient(135deg,#fffdf9,#f8ecdf)!important;border-bottom:1px solid #e9d5bd}
.hero-card-image{aspect-ratio:1.42!important;background:#351016!important}
.hero-card-image img{object-fit:cover!important}
.hero-card-body{background:linear-gradient(180deg,#fff,#fbf2e8)!important}
.hero-card-body h3{color:var(--as-maroon-deep)!important;font-family:'Playfair Display',Georgia,serif!important;font-size:1.35rem!important}
.hero-info-grid span i{color:var(--as-gold)!important}
.hero-mini-stats{border-top:1px solid #ead9c7!important}
.hero-mini-stats strong{color:var(--as-maroon)!important}
.hero-chip{color:var(--as-maroon)!important;background:#fff3da!important}
.hero-controls{bottom:34px!important}
.hero-controls .carousel-button{background:rgba(69,7,16,.58)!important;border-color:rgba(241,211,143,.4)!important}
.hero-controls .carousel-button:hover{background:var(--as-gold)!important;color:#2d1108!important}
.carousel-dot.active{background:var(--as-gold-2)!important}

/* Contact dock under hero */
.assalik-contact-dock{position:relative;z-index:12;margin-top:-72px;padding-bottom:8px}
.assalik-contact-dock .hero-side-card{
  position:relative!important;right:auto!important;top:auto!important;transform:none!important;width:100%!important;
  border-radius:26px!important;padding:24px 28px!important;
  background:rgba(255,252,247,.97)!important;border:1px solid rgba(197,142,60,.28)!important;
  box-shadow:0 25px 70px rgba(63,7,16,.18)!important;
}
.hero-contact-layout-clean{display:grid!important;grid-template-columns:1.35fr .9fr auto!important;gap:24px!important;align-items:center!important}
.hero-contact-profile{display:flex!important;align-items:center!important;gap:18px!important}
.hero-contact-profile img{width:76px!important;height:76px!important;border-radius:21px!important;object-fit:contain!important;padding:6px!important;background:#fff!important;border:1px solid #ead8c1!important}
.hero-contact-profile h3{font-size:1.32rem!important;margin:7px 0 3px!important}
.hero-contact-profile p{font-size:.85rem!important;margin:0!important;color:#78656a!important}
.hero-contact-info-clean{display:grid!important;grid-template-columns:1fr!important;gap:9px!important}
.contact-info-card{padding:10px 13px!important;border-radius:13px!important;background:#fbf3e9!important;border-color:#ead8c5!important}
.contact-info-card span{color:#846d70!important}.contact-info-card strong{color:var(--as-maroon)!important}
.hero-contact-actions{display:flex!important;gap:9px!important;flex-wrap:wrap!important;justify-content:flex-end!important}

/* ------------------------------ TRUST RIBBON ------------------------------ */
.trust-ribbon{position:relative;padding:28px 0 24px;background:#fff;overflow:hidden}
.trust-ribbon::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent,var(--as-gold),transparent)}
.trust-ribbon-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.trust-ribbon article{display:flex;align-items:center;gap:13px;padding:17px 18px;border-radius:19px;background:linear-gradient(145deg,#fff,#fcf6ee);border:1px solid var(--as-line);box-shadow:0 10px 30px rgba(106,16,26,.055)}
.trust-icon{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(135deg,var(--as-maroon),var(--as-maroon-deep));color:#f1d28c;font-size:1.15rem;flex:none}
.trust-ribbon strong,.trust-ribbon small{display:block}.trust-ribbon strong{color:var(--as-maroon-deep);font-size:.92rem}.trust-ribbon small{color:#806c70;font-size:.74rem;margin-top:2px}

/* ------------------------------ SMART FINDER ------------------------------ */
.smart-finder-section{padding-top:76px!important}
.smart-finder-shell{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(280px,.76fr) minmax(0,1.24fr);gap:48px;padding:48px;border-radius:34px;background:linear-gradient(145deg,#fffdf9,#f8eee2);border:1px solid rgba(197,142,60,.3);box-shadow:var(--as-shadow-lg)}
.smart-finder-shell::before{content:"";position:absolute;right:-100px;top:-120px;width:360px;height:360px;border-radius:50%;background:radial-gradient(circle,rgba(197,142,60,.20),transparent 68%)}
.smart-finder-shell::after{content:"";position:absolute;left:-110px;bottom:-150px;width:310px;height:310px;border-radius:50%;border:1px solid rgba(106,16,26,.11);box-shadow:0 0 0 45px rgba(106,16,26,.025)}
.finder-intro,.finder-form{position:relative;z-index:2}
.finder-intro h2{font-size:clamp(2.2rem,3.6vw,3.35rem);color:var(--as-maroon-deep);margin:18px 0 14px}
.finder-intro>p{color:#755f64;line-height:1.8;font-size:1rem}
.finder-mini-points{display:grid;gap:11px;margin-top:24px}.finder-mini-points span{display:flex;align-items:center;gap:9px;font-weight:700;color:#54383e}.finder-mini-points i{color:var(--as-gold)}
.finder-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;padding:30px;border-radius:27px;background:rgba(255,255,255,.88);border:1px solid rgba(106,16,26,.1);box-shadow:0 15px 45px rgba(91,12,23,.08);backdrop-filter:blur(12px)}
.finder-field label{display:block;font-weight:800;color:#4b3035;margin-bottom:9px;font-size:.87rem}.finder-span-2{grid-column:1/-1}
.choice-chips{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.choice-chip{border:1px solid #e5d2bd;border-radius:15px;background:#fff;padding:13px 10px;text-align:left;color:#60484d;transition:.22s}.choice-chip strong,.choice-chip small{display:block}.choice-chip strong{font-size:.84rem}.choice-chip small{font-size:.66rem;color:#917b7d;margin-top:3px}.choice-chip:hover,.choice-chip.active{border-color:var(--as-gold);background:linear-gradient(145deg,#fff8e8,#f8e4bd);box-shadow:0 8px 22px rgba(165,112,38,.12);color:var(--as-maroon)}
.form-control,.form-select,.form-textarea{border-color:#dfccba!important;background:#fffdfa!important;border-radius:14px!important;min-height:50px!important}.form-control:focus,.form-select:focus,.form-textarea:focus{border-color:var(--as-maroon)!important;box-shadow:0 0 0 4px rgba(106,16,26,.09)!important}
.quantity-control{display:grid;grid-template-columns:46px 1fr 46px;border:1px solid #dfccba;border-radius:14px;overflow:hidden;background:#fff}.quantity-control button{border:0;background:#f8ecdf;color:var(--as-maroon);font-weight:900;font-size:1.2rem}.quantity-control input{border:0;text-align:center;min-width:0;outline:0;background:#fff;height:48px;font-weight:800;color:#4c3035}
.finder-submit-row{display:flex;align-items:center;gap:18px;margin-top:2px}.btn-finder{min-width:220px}.finder-note{font-size:.76rem;color:#806d70}.finder-note i{color:var(--as-gold);margin-right:5px}
.finder-results{display:none;margin-top:34px;padding:30px;border-radius:30px;background:#fff;border:1px solid var(--as-line);box-shadow:var(--as-shadow)}.finder-results.show{display:block;animation:finderIn .45s ease}.finder-result-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:24px}.finder-result-head h3{font-size:1.65rem;color:var(--as-maroon-deep);margin:10px 0 0}.finder-result-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.finder-empty{display:flex;align-items:center;gap:18px}.finder-empty>i{width:54px;height:54px;border-radius:16px;display:grid;place-items:center;background:#f9e9e8;color:var(--as-maroon);font-size:1.2rem}.finder-empty p{margin:4px 0 0;color:#806b70}.finder-empty .btn{margin-left:auto}
@keyframes finderIn{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}

/* ------------------------------ CARDS & PACKAGES ------------------------------ */
.card,.feature-card,.package-card,.panel-card,.table-card,.form-card{
  border-color:var(--as-line)!important;
  box-shadow:0 15px 42px rgba(75,8,17,.075)!important;
}
.card:hover,.package-card:hover{box-shadow:0 24px 60px rgba(75,8,17,.13)!important}
.icon-box{background:linear-gradient(135deg,#fff3d4,#fff)!important;color:var(--as-maroon)!important;border:1px solid rgba(197,142,60,.28)!important}
.package-showcase-section{position:relative;overflow:hidden}
.package-showcase-section::before{content:"";position:absolute;right:-120px;top:80px;width:330px;height:330px;border-radius:50%;background:radial-gradient(circle,rgba(197,142,60,.08),transparent 68%)}
.package-card{border-radius:25px!important;background:linear-gradient(180deg,#fff,#fdf8f2)!important;transition:.3s!important}
.package-card:hover{transform:translateY(-7px)}
.package-image{aspect-ratio:4/3!important;background:var(--as-maroon-deep)!important}
.package-image::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(40,4,10,.36));pointer-events:none}
.package-badge{color:var(--as-maroon)!important;background:#fff9ed!important;border:1px solid rgba(197,142,60,.28)}
.package-slots{background:rgba(75,8,18,.9)!important;border:1px solid rgba(255,255,255,.18)}
.package-content h3{font-size:1.32rem!important;color:var(--as-maroon-deep)!important}
.package-meta i{color:var(--as-gold)!important}
.package-price strong{color:var(--as-maroon)!important;font-size:1.65rem!important}
.slot-meter{background:#eadfd5!important}.slot-meter span{background:linear-gradient(90deg,var(--as-maroon),var(--as-gold))!important}
.premium-package-carousel .carousel-controls{position:relative!important;left:auto!important;bottom:auto!important;transform:none!important;width:100%!important;margin-top:26px!important}
.premium-package-carousel .carousel-button,.cards-carousel .carousel-button{background:var(--as-maroon)!important;border-color:var(--as-maroon)!important}.premium-package-carousel .carousel-button:hover,.cards-carousel .carousel-button:hover{background:var(--as-gold)!important;color:#2a1008!important}

/* ------------------------------ CUSTOMER CTA ------------------------------ */
.customer-home-cta{padding-top:54px!important}
.luxury-customer-panel{position:relative;overflow:hidden;grid-template-columns:minmax(350px,.82fr) minmax(0,1.18fr)!important;gap:0!important;padding:0!important;border-radius:34px!important;background:linear-gradient(135deg,#4c0912,#781421 62%,#9d2037)!important;color:#fff!important;border:1px solid rgba(223,187,112,.35)!important;box-shadow:var(--as-shadow-lg)!important}
.luxury-customer-panel::after{content:"";position:absolute;right:-100px;top:-130px;width:360px;height:360px;border-radius:50%;border:1px solid rgba(255,255,255,.1);box-shadow:0 0 0 55px rgba(255,255,255,.025)}
.luxury-customer-panel .customer-home-image{min-height:490px!important;border-radius:0!important;position:relative;overflow:hidden}.luxury-customer-panel .customer-home-image::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 60%,rgba(76,9,18,.85)),linear-gradient(180deg,transparent 55%,rgba(35,4,8,.4))}.luxury-customer-panel .customer-home-image img{height:100%!important;object-fit:cover!important}
.customer-home-copy{position:relative;z-index:2;padding:60px 58px}.customer-home-copy .eyebrow{background:rgba(255,255,255,.12)!important;color:#fff1d1!important;border-color:rgba(255,255,255,.22)!important}.customer-home-copy h2{font-size:clamp(2.3rem,4vw,3.6rem)!important;color:#fff!important}.customer-home-copy>p{color:rgba(255,255,255,.84);font-size:1.02rem;line-height:1.8}.premium-check-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:11px;margin:24px 0}.premium-check-grid span{display:flex;align-items:center;gap:9px;padding:12px 13px;border-radius:14px;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.14);font-size:.82rem;font-weight:700}.premium-check-grid i{color:#f1cf7e}

/* ------------------------------ SYSTEM FEATURES ------------------------------ */
.system-benefits-section{position:relative;overflow:hidden}
.system-benefits-section::before{content:"";position:absolute;inset:0;opacity:.55;pointer-events:none;background-image:linear-gradient(30deg,rgba(197,142,60,.07) 12%,transparent 12.5%,transparent 87%,rgba(197,142,60,.07) 87.5%),linear-gradient(150deg,rgba(197,142,60,.07) 12%,transparent 12.5%,transparent 87%,rgba(197,142,60,.07) 87.5%);background-size:70px 122px}
.system-feature-grid{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.system-feature-card{position:relative;overflow:hidden;padding:30px;border-radius:25px;background:rgba(255,255,255,.94);border:1px solid rgba(106,16,26,.12);box-shadow:0 16px 45px rgba(75,8,17,.075);transition:.3s}
.system-feature-card::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,var(--as-gold),var(--as-maroon))}
.system-feature-card::after{content:"";position:absolute;right:-70px;top:-80px;width:180px;height:180px;border-radius:50%;background:rgba(197,142,60,.075)}
.system-feature-card:hover{transform:translateY(-7px);box-shadow:0 26px 65px rgba(75,8,17,.13)}
.system-feature-card.featured{background:linear-gradient(145deg,var(--as-maroon-deep),var(--as-maroon));color:#fff;border-color:rgba(223,187,112,.42)}.system-feature-card.featured h3{color:#fff}.system-feature-card.featured p,.system-feature-card.featured li{color:rgba(255,255,255,.82)}.system-feature-card.featured .feature-number{color:#f3d486}.system-feature-card.featured .system-feature-icon{background:rgba(255,255,255,.12);color:#f2ce7d;border-color:rgba(255,255,255,.17)}
.feature-number{position:absolute;top:18px;right:20px;font-family:'Playfair Display',serif;font-size:1.7rem;color:rgba(106,16,26,.18);font-weight:800}
.system-feature-icon{width:64px;height:64px;border-radius:19px;display:grid;place-items:center;background:linear-gradient(135deg,#fff1cf,#fff);color:var(--as-maroon);font-size:1.45rem;border:1px solid rgba(197,142,60,.3);margin-bottom:20px;position:relative;z-index:1}
.system-feature-card h3{color:var(--as-maroon-deep);font-size:1.35rem}.system-feature-card p{color:#78656a;font-size:.9rem;line-height:1.7}.system-feature-card ul{list-style:none;padding:0;margin:18px 0 0;display:flex;flex-wrap:wrap;gap:8px}.system-feature-card li{font-size:.72rem;font-weight:700;padding:7px 9px;border-radius:99px;background:#faf1e7;color:#6c4d52;border:1px solid #ead7c4}

/* ------------------------------ AGENT SHOWCASE ------------------------------ */
.agent-showcase-section{background:#fff}
.agent-showcase-shell{display:grid;grid-template-columns:minmax(0,.85fr) minmax(500px,1.15fr);gap:52px;align-items:center;padding:54px;border-radius:36px;background:linear-gradient(140deg,#fffdf9,#f8ecdf);border:1px solid rgba(197,142,60,.32);box-shadow:var(--as-shadow-lg);position:relative;overflow:hidden}
.agent-showcase-shell::before{content:"";position:absolute;left:-160px;top:-170px;width:360px;height:360px;border-radius:50%;border:1px solid rgba(106,16,26,.08);box-shadow:0 0 0 50px rgba(106,16,26,.025)}
.agent-showcase-copy{position:relative;z-index:2}.agent-showcase-copy h2{font-size:clamp(2.4rem,4vw,3.75rem);color:var(--as-maroon-deep);margin:16px 0}.agent-showcase-copy>p{color:#755f65;line-height:1.8}
.agent-benefit-list{display:grid;grid-template-columns:repeat(2,1fr);gap:13px;margin:26px 0}.agent-benefit-list>div{display:flex;gap:12px;padding:14px;border-radius:16px;background:#fff;border:1px solid #ead9c6}.agent-benefit-list>div>span{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:#f9e8e8;color:var(--as-maroon);flex:none}.agent-benefit-list strong,.agent-benefit-list small{display:block}.agent-benefit-list strong{font-size:.84rem;color:#4a2d32}.agent-benefit-list small{font-size:.69rem;color:#8a7478;margin-top:3px;line-height:1.45}
.agent-showcase-visual{position:relative;border-radius:28px;overflow:hidden;box-shadow:0 28px 70px rgba(64,7,15,.2);border:1px solid rgba(197,142,60,.42);transform:perspective(1200px) rotateY(-3deg)}.agent-showcase-visual img{width:100%;height:auto;display:block}.visual-shine{position:absolute;inset:-50% auto -50% -40%;width:25%;transform:rotate(18deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.34),transparent);animation:shine 7s ease-in-out infinite}@keyframes shine{0%,35%{left:-40%}65%,100%{left:125%}}

/* ------------------------------ BENEFIT ROWS ------------------------------ */
.luxury-benefit-stack{gap:30px!important}.luxury-benefit-stack .benefit-row{padding:34px!important;border-radius:30px!important;background:linear-gradient(145deg,#fff,#fcf6ee)!important;border-color:rgba(106,16,26,.12)!important;box-shadow:0 20px 55px rgba(75,8,17,.085)!important}.benefit-visual{min-height:360px!important;border-radius:24px!important;background:var(--as-maroon-deep)!important}.benefit-visual::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 52%,rgba(56,5,13,.75))}.benefit-visual img{height:100%!important;object-fit:cover!important}.visual-label{z-index:2!important;background:linear-gradient(135deg,#f4d68b,#b7792d)!important;color:#321407!important;box-shadow:0 10px 30px rgba(0,0,0,.18)}.benefit-row h2{color:var(--as-maroon-deep)!important}.check-list li i{color:var(--as-gold)!important;background:#fff4dc!important}.check-list li{color:#5d4449}

/* ------------------------------ PROCESS ------------------------------ */
.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;position:relative}.process-grid::before{content:"";position:absolute;top:56px;left:10%;right:10%;height:2px;background:linear-gradient(90deg,transparent,var(--as-gold),var(--as-maroon),var(--as-gold),transparent)}
.process-grid article{position:relative;text-align:center;padding:30px 22px;border-radius:25px;background:#fff;border:1px solid var(--as-line);box-shadow:0 15px 40px rgba(75,8,17,.07);transition:.3s}.process-grid article:hover{transform:translateY(-7px)}.process-grid article>span{position:absolute;right:16px;top:12px;font-family:'Playfair Display',serif;font-weight:800;font-size:1.5rem;color:rgba(106,16,26,.16)}.process-grid article>i{position:relative;z-index:2;width:78px;height:78px;border-radius:24px;display:grid;place-items:center;margin:0 auto 21px;background:linear-gradient(145deg,var(--as-maroon),var(--as-maroon-deep));color:#f2d17f;font-size:1.65rem;border:5px solid #fff;box-shadow:0 10px 30px rgba(106,16,26,.21)}.process-grid h3{color:var(--as-maroon-deep);font-size:1.2rem}.process-grid p{color:#7a666a;font-size:.84rem;margin:0}

/* ------------------------------ PANEL PREVIEW ------------------------------ */
.customer-panel-preview{display:grid;grid-template-columns:minmax(0,.82fr) minmax(460px,1.18fr);gap:58px;align-items:center;padding:56px;border-radius:36px;background:linear-gradient(135deg,#4b0811,#751220 62%,#922038);box-shadow:var(--as-shadow-lg);overflow:hidden;position:relative}.customer-panel-preview::before{content:"";position:absolute;right:-110px;top:-150px;width:380px;height:380px;border-radius:50%;border:1px solid rgba(255,255,255,.12);box-shadow:0 0 0 55px rgba(255,255,255,.03)}.preview-copy{position:relative;z-index:2;color:#fff}.preview-copy .eyebrow{background:rgba(255,255,255,.11)!important;color:#f7d98e!important;border-color:rgba(255,255,255,.2)!important}.preview-copy h2{color:#fff;font-size:clamp(2.35rem,4vw,3.7rem);margin:16px 0}.preview-copy>p{color:rgba(255,255,255,.82);line-height:1.8}.preview-list{display:grid;grid-template-columns:repeat(2,1fr);gap:11px;margin:25px 0}.preview-list span{display:flex;align-items:center;gap:9px;padding:11px;border-radius:13px;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.13);font-size:.8rem}.preview-list i{color:#f0cb72}
.preview-dashboard-card{position:relative;z-index:2;padding:24px;border-radius:28px;background:linear-gradient(180deg,#fffdf9,#f7eee3);box-shadow:0 35px 90px rgba(21,2,6,.35);border:1px solid rgba(240,206,128,.48);transform:perspective(1000px) rotateY(-4deg)}.preview-dashboard-head{display:flex;align-items:center;gap:12px;padding-bottom:17px;border-bottom:1px solid #ead8c4}.preview-dashboard-head img{width:58px;height:58px;object-fit:contain}.preview-dashboard-head small,.preview-dashboard-head strong{display:block}.preview-dashboard-head small{color:#8a7277;font-size:.72rem}.preview-dashboard-head strong{color:var(--as-maroon-deep)}.preview-dashboard-head>i{margin-left:auto;color:var(--as-maroon)}.preview-kpis{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:18px 0}.preview-kpis>div{padding:14px;border-radius:15px;background:#fff;border:1px solid #ead9c6}.preview-kpis small,.preview-kpis strong{display:block}.preview-kpis small{font-size:.69rem;color:#8a7277}.preview-kpis strong{color:var(--as-maroon);font-size:1.15rem;margin-top:5px}.preview-booking{display:grid;grid-template-columns:125px 1fr;gap:16px;padding:14px;border-radius:18px;background:#fff;border:1px solid #ead9c6}.preview-booking img{width:125px;height:115px;object-fit:cover;border-radius:13px}.preview-booking small{color:#9a7e6e}.preview-booking h3{font-size:1.08rem;color:var(--as-maroon-deep);margin:5px 0}.preview-booking p{font-size:.75rem;color:#806a6e}.preview-progress{height:7px;border-radius:99px;background:#eee0d4;overflow:hidden}.preview-progress span{display:block;width:40%;height:100%;background:linear-gradient(90deg,var(--as-maroon),var(--as-gold))}.preview-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px}.preview-actions span{text-align:center;padding:11px 7px;border-radius:13px;background:#fff;border:1px solid #ead9c6;font-size:.72rem;color:#60474c}.preview-actions i{display:block;color:var(--as-maroon);margin-bottom:5px}

/* ------------------------------ TESTIMONIAL & NEWS ------------------------------ */
.testimonial-luxury-grid{gap:22px!important}.testimonial-luxury-card{position:relative;padding:30px;border-radius:26px;background:#fff;border:1px solid var(--as-line);box-shadow:0 16px 45px rgba(75,8,17,.08);transition:.3s}.testimonial-luxury-card::before{content:"“";position:absolute;right:21px;top:7px;font-family:Georgia,serif;font-size:5.5rem;color:rgba(106,16,26,.07);line-height:1}.testimonial-luxury-card:hover{transform:translateY(-6px);box-shadow:0 26px 65px rgba(75,8,17,.13)}.testimonial-luxury-card .stars{color:#d39a3f;letter-spacing:.12em}.testimonial-luxury-card blockquote{margin:16px 0 24px;color:#5e464b;font-size:.94rem;line-height:1.8}.testimonial-luxury-card .testimonial-author small{display:block;color:#8d777b;margin-top:3px}.news-card{border-radius:25px!important;overflow:hidden!important}.news-image{aspect-ratio:16/10!important}.news-image img{transition:.5s}.news-card:hover .news-image img{transform:scale(1.05)}.news-content h3{color:var(--as-maroon-deep)!important}.news-meta{color:#9a783d!important}

/* ------------------------------ FAQ ------------------------------ */
.faq-shell{display:grid;grid-template-columns:minmax(280px,.72fr) minmax(0,1.28fr);gap:48px;align-items:start}.faq-intro{position:sticky;top:120px}.faq-intro h2{font-size:clamp(2.2rem,3.8vw,3.4rem);color:var(--as-maroon-deep);margin:16px 0}.faq-intro p{color:#786369;line-height:1.8}.faq-list{display:grid;gap:13px}.faq-list details{border:1px solid var(--as-line);border-radius:18px;background:#fff;overflow:hidden;box-shadow:0 10px 30px rgba(75,8,17,.055)}.faq-list summary{cursor:pointer;list-style:none;padding:20px 23px;font-weight:800;color:#4f3036;display:flex;justify-content:space-between;gap:20px}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary::after{content:"+";width:28px;height:28px;border-radius:9px;display:grid;place-items:center;background:#f8e9e7;color:var(--as-maroon);font-size:1.1rem;flex:none}.faq-list details[open] summary::after{content:"−";background:var(--as-maroon);color:#fff}.faq-list details p{margin:0;padding:0 23px 21px;color:#806b70;line-height:1.75}

/* ------------------------------ PUBLIC PAGE HERO / FORMS ------------------------------ */
.page-hero{
  padding:104px 0 94px!important;
  border-radius:0 0 40px 40px!important;
  background:
    linear-gradient(105deg,rgba(52,5,12,.96),rgba(106,16,26,.84) 58%,rgba(91,12,22,.48)),
    url('../images/as-poster-jom-umrah.jpg') center/cover!important;
  box-shadow:0 28px 70px rgba(65,6,15,.16)!important;
}
.page-hero::before{background:radial-gradient(circle at 76% 10%,rgba(239,208,139,.3),transparent 23%),linear-gradient(135deg,transparent 68%,rgba(239,208,139,.12))!important}
.page-hero::after{width:450px!important;height:450px!important;border:1px solid rgba(255,255,255,.11);background:transparent!important;box-shadow:0 0 0 55px rgba(255,255,255,.025)}
.page-hero h1{font-size:clamp(2.7rem,5vw,4.8rem)!important;text-shadow:0 12px 40px rgba(0,0,0,.24)}
.page-hero p,.page-hero .breadcrumb{color:rgba(255,255,255,.84)!important}
.filter-bar,.form-card,.checkout-card,.login-card{background:linear-gradient(180deg,#fff,#fdf8f2)!important;border-color:var(--as-line)!important;border-radius:26px!important;box-shadow:var(--as-shadow)!important}
.form-label{color:#55363c!important}
.info-row.highlight{background:#fff1d1!important;color:var(--as-maroon)!important}

/* ------------------------------ FOOTER ------------------------------ */
.site-cta-section{background:linear-gradient(180deg,transparent,#f7eee4)!important;padding:38px 0 0!important}
.site-cta-shell{background:linear-gradient(135deg,var(--as-maroon-deep),var(--as-maroon) 60%,#9a2035)!important;border:1px solid rgba(223,187,112,.38)!important;box-shadow:0 32px 80px rgba(59,5,14,.25)!important}
.site-cta-shell::before{background:rgba(223,187,112,.11)!important}.site-cta-shell::after{background:rgba(255,255,255,.05)!important}
.site-cta-copy .eyebrow{background:rgba(255,255,255,.1)!important;color:#f5d788!important;border-color:rgba(255,255,255,.19)!important}.cta-stat-chip{background:rgba(255,255,255,.09)!important;border-color:rgba(255,255,255,.17)!important}.cta-stat-chip strong{color:#f2ce78!important}
.site-footer{background:linear-gradient(145deg,#170508,#3a080f 50%,#6a101a)!important;border-top:1px solid rgba(223,187,112,.32)!important}.site-footer::before{background:rgba(223,187,112,.08)!important}.footer-logo img{background:#fffaf4!important;border-radius:22px!important;padding:8px!important}.footer-brand-panel,.footer-quick-card{border-color:rgba(255,255,255,.11)!important;background:rgba(255,255,255,.055)!important}.footer-quick-card i{color:#f0cf81!important}.footer-title{color:#f0d18a!important}.footer-links a:hover,.footer-contact a:hover{color:#f0cf81!important}.footer-branch-list span{background:rgba(255,255,255,.07)!important;border-color:rgba(255,255,255,.11)!important}.footer-bottom{border-color:rgba(255,255,255,.11)!important}

/* ------------------------------ PANEL / DASHBOARD ------------------------------ */
.panel-body{
  background:
    radial-gradient(circle at 95% 2%,rgba(197,142,60,.08),transparent 21%),
    linear-gradient(180deg,#f8f1e9,#fffaf4)!important;
}
.panel-shell{grid-template-columns:292px minmax(0,1fr)!important}
.sidebar{
  padding:22px 15px!important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.035),transparent 16%),
    linear-gradient(180deg,var(--as-maroon-deep),var(--as-maroon) 46%,#7b1728 100%)!important;
  border-right:1px solid rgba(223,187,112,.26);
  box-shadow:16px 0 45px rgba(54,4,12,.12);
}
.sidebar::-webkit-scrollbar{width:6px}.sidebar::-webkit-scrollbar-thumb{background:rgba(241,211,143,.32);border-radius:99px}
.sidebar-brand{max-width:none!important;margin:0 3px 16px!important;padding:15px!important;background:#fffaf3!important;border-radius:23px!important;border:1px solid rgba(223,187,112,.42)!important;box-shadow:0 16px 40px rgba(30,1,7,.20)!important}
.sidebar-brand img{width:auto!important;max-width:100%!important;height:102px!important;object-fit:contain!important;border-radius:0!important;background:transparent!important;padding:0!important;box-shadow:none!important}
.sidebar-role{margin:0 3px 15px!important;padding:13px 15px!important;border-radius:15px!important;background:rgba(255,255,255,.08)!important;border:1px solid rgba(255,255,255,.1)!important;color:rgba(255,255,255,.74)!important}.sidebar-role strong{color:#f1d17f!important}
.sidebar-section{color:#d9b66c!important;font-size:.65rem!important;letter-spacing:.13em!important;padding:12px 13px 6px!important}
.sidebar-nav a{position:relative;color:rgba(255,255,255,.78)!important;border:1px solid transparent!important;padding:11px 13px!important;border-radius:13px!important}.sidebar-nav a i{color:#e2bd72!important;width:21px!important}.sidebar-nav a:hover{background:rgba(255,255,255,.09)!important;color:#fff!important}.sidebar-nav a.active{background:linear-gradient(135deg,#fffaf2,#f8eadb)!important;color:var(--as-maroon)!important;border-color:rgba(223,187,112,.38)!important;box-shadow:0 13px 28px rgba(31,2,7,.22)!important}.sidebar-nav a.active::before{content:"";position:absolute;left:-4px;top:10px;bottom:10px;width:4px;border-radius:99px;background:linear-gradient(180deg,#f2d17f,#b97c2b)}.sidebar-nav a.active i{color:var(--as-maroon)!important}.sidebar-footer{border-color:rgba(255,255,255,.12)!important}.sidebar-footer .btn-outline-light{border-color:rgba(255,255,255,.24)!important}.sidebar-footer .btn-danger{background:#2c080d!important;border-color:rgba(255,255,255,.12)!important}
.panel-main{background:transparent!important}.panel-topbar{height:92px!important;padding:0 34px!important;background:rgba(255,251,246,.92)!important;border-bottom:1px solid rgba(106,16,26,.10)!important;box-shadow:0 10px 34px rgba(72,7,16,.055)!important;backdrop-filter:blur(18px)!important}.panel-title h1{font-size:1.55rem!important;color:var(--as-maroon-deep)!important}.panel-title p{font-size:.78rem!important;color:#806b70!important}.panel-help{background:#ecf8ef!important;color:#167242!important;border:1px solid #d0ebd8!important}.panel-user .avatar{background:linear-gradient(135deg,var(--as-maroon-3),var(--as-maroon-deep))!important;color:#f4d384!important;box-shadow:0 10px 25px rgba(106,16,26,.2)}.panel-user-copy strong{color:#4b3035}.sidebar-toggle{background:#f8e9e7!important;color:var(--as-maroon)!important}
.panel-content{padding:30px 34px 48px!important;background:transparent!important}
.dashboard-welcome-grid{gap:22px!important}.dashboard-hero{position:relative;isolation:isolate;min-height:330px!important;border-radius:31px!important;background:linear-gradient(105deg,rgba(52,5,12,.96),rgba(106,16,26,.80) 63%,rgba(106,16,26,.36)),url('../images/as-gallery-09.jpg') center/cover!important;border:1px solid rgba(223,187,112,.32)!important;box-shadow:0 26px 70px rgba(60,5,14,.22)!important}.dashboard-hero::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(135deg,transparent 62%,rgba(235,202,126,.14))!important}.dashboard-hero::after{background:rgba(223,187,112,.11)!important;box-shadow:0 0 0 65px rgba(255,255,255,.025)!important}.dashboard-hero h2{font-size:clamp(2.1rem,3.4vw,3.25rem)!important}.dashboard-hero p{color:rgba(255,255,255,.83)}
.dashboard-mini-wrap{border-radius:31px!important;border:1px solid rgba(106,16,26,.12)!important;box-shadow:0 24px 65px rgba(72,7,16,.14)!important}.dashboard-mini-slide{background-position:center!important}.dashboard-mini-slide::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 32%,rgba(48,5,12,.88))}.dashboard-mini-slide>div{z-index:2!important}.dashboard-mini-slide .badge{z-index:3!important}
.stat-grid{gap:17px!important}.stat-card.premium,.stat-card{position:relative;overflow:hidden;border-radius:22px!important;background:linear-gradient(145deg,#fff,#fbf3ea)!important;border:1px solid rgba(106,16,26,.10)!important;box-shadow:0 14px 38px rgba(72,7,16,.075)!important}.stat-card::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,var(--as-gold),var(--as-maroon))}.stat-label{color:#836e73!important}.stat-value{color:var(--as-maroon-deep)!important}.stat-icon{background:linear-gradient(135deg,#fff0cf,#fff)!important;color:var(--as-maroon)!important;border:1px solid rgba(197,142,60,.25)!important}.stat-trend i{color:#b38130!important}
.dashboard-quick-grid{gap:15px!important}.quick-action-card{border-radius:20px!important;background:linear-gradient(145deg,#fff,#fdf8f2)!important;border-color:rgba(106,16,26,.11)!important}.quick-action-card:hover{border-color:rgba(197,142,60,.45)!important;box-shadow:0 20px 50px rgba(72,7,16,.12)!important}.quick-icon{background:linear-gradient(135deg,#fae7e8,#fff2d6)!important;color:var(--as-maroon)!important}.quick-action-card strong{color:var(--as-maroon-deep)!important}.quick-action-card>i{color:var(--as-gold)!important}
.panel-card,.table-card{border-radius:23px!important;background:linear-gradient(180deg,#fff,#fdf9f4)!important;border-color:rgba(106,16,26,.11)!important;box-shadow:0 16px 44px rgba(72,7,16,.075)!important}.panel-card-head,.table-toolbar{background:linear-gradient(180deg,#fffdf9,#faf1e7)!important;border-bottom-color:#ead9c7!important}.panel-card-head h3,.table-toolbar h3{color:var(--as-maroon-deep)!important;font-family:'Playfair Display',serif!important;font-size:1.16rem!important}.table-card thead th,table thead th{background:linear-gradient(135deg,#f7eadf,#fff8ef)!important;color:#5b363d!important;border-bottom-color:#dfcbb7!important}.table-card tbody tr:hover,table tbody tr:hover{background:#fff8ef!important}.table-card td,table td{border-bottom-color:#eee2d7!important}
.activity-dot{background:var(--as-gold)!important;box-shadow:0 0 0 6px rgba(197,142,60,.11)!important}.chart-bar{background:linear-gradient(180deg,var(--as-maroon-3),var(--as-gold))!important}.progress span{background:linear-gradient(90deg,var(--as-maroon),var(--as-gold))!important}
.modal-dialog{border:1px solid rgba(197,142,60,.3)!important;box-shadow:0 30px 100px rgba(45,3,10,.34)!important}.modal-header{background:linear-gradient(135deg,#fffdf9,#f8ebdd)!important;border-bottom-color:#e5d2be!important}.modal-header h3{color:var(--as-maroon-deep)!important}
.badge-success{background:#e9f6ea!important;color:#176d35!important;border-color:#cde7d1!important}.badge-warning{background:#fff2d3!important;color:#8a5a0e!important;border-color:#efd49b!important}.badge-danger{background:#fbe2e4!important;color:#9e2637!important;border-color:#efc1c7!important}.badge-info{background:#eee8f8!important;color:#664290!important;border-color:#dcd0ef!important}.badge-neutral{background:#f2ece8!important;color:#6d5b5f!important;border-color:#e1d5ce!important}
.reward-card,.points-hero,.reward-admin-hero{border-color:rgba(197,142,60,.26)!important}.points-hero,.reward-admin-hero{background:linear-gradient(135deg,var(--as-maroon-deep),var(--as-maroon) 60%,#9b2036)!important}.reward-icon{background:linear-gradient(145deg,#fff0cd,#fff)!important;color:var(--as-maroon)!important}

/* ------------------------------ LOGIN / CHECKOUT ------------------------------ */
.login-page,.checkout-page{background:radial-gradient(circle at 15% 10%,rgba(197,142,60,.14),transparent 25%),linear-gradient(135deg,#fffaf3,#f6e9dc)!important}.login-brand img,.checkout-logo img{object-fit:contain!important}.login-card h1,.checkout-card h1{color:var(--as-maroon-deep)!important}.demo-card,.login-demo{border-color:var(--as-line)!important;background:#fff8ed!important}

/* ------------------------------ WHATSAPP ------------------------------ */
.whatsapp-float{box-shadow:0 20px 55px rgba(27,91,62,.25)!important}.whatsapp-card{border:1px solid rgba(106,16,26,.15)!important}.whatsapp-card-head{background:linear-gradient(135deg,var(--as-maroon-deep),var(--as-maroon))!important}.whatsapp-toggle{border:4px solid #fff!important}.operator-avatar-wrap img{border-color:#fff!important}

/* ------------------------------ REVEAL ------------------------------ */
.reveal-item{opacity:0;transform:translateY(22px);transition:opacity .65s ease,transform .65s ease}.reveal-item.is-visible{opacity:1;transform:none}

/* ------------------------------ RESPONSIVE ------------------------------ */
@media(max-width:1180px){
  .hero-grid{grid-template-columns:1fr minmax(320px,.62fr)!important;gap:30px!important}
  .hero-title{font-size:clamp(2.7rem,5vw,4.5rem)!important}
  .hero-contact-layout-clean{grid-template-columns:1.2fr .8fr!important}.hero-contact-actions{grid-column:1/-1;justify-content:flex-start!important}
  .smart-finder-shell{grid-template-columns:1fr;gap:28px}.finder-intro{max-width:780px}
  .agent-showcase-shell{grid-template-columns:1fr;gap:36px}.agent-showcase-visual{transform:none;max-width:900px;margin:auto}
  .customer-panel-preview{grid-template-columns:1fr;gap:36px}.preview-dashboard-card{transform:none;max-width:760px;width:100%;margin:auto}
  .system-feature-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:1050px){
  .panel-shell{grid-template-columns:1fr!important}.sidebar{position:fixed!important;left:-310px!important;width:292px!important;transition:.3s!important}.panel-shell.sidebar-open .sidebar{left:0!important}.sidebar-toggle{display:grid!important}.panel-topbar{padding:0 22px!important}.panel-content{padding:24px 22px 40px!important}
  .trust-ribbon-grid{grid-template-columns:repeat(2,1fr)}
  .hero-grid{grid-template-columns:1fr!important}.hero-card-preview{display:none!important}.hero-content{max-width:800px!important}
  .assalik-contact-dock{margin-top:-56px}
  .luxury-customer-panel{grid-template-columns:1fr!important}.luxury-customer-panel .customer-home-image{min-height:380px!important}.luxury-customer-panel .customer-home-image::after{background:linear-gradient(180deg,transparent 42%,rgba(76,9,18,.9))}.customer-home-copy{padding:44px}
  .faq-shell{grid-template-columns:1fr}.faq-intro{position:static}
}
@media(max-width:820px){
  .section{padding:70px 0!important}.container{width:min(100% - 28px,1240px)!important}
  .header-inner{min-height:76px!important}.brand img{height:58px!important}.main-nav-clean{background:#fffaf4!important;border-top:1px solid #ead7c3!important}.main-nav-clean a{font-size:.92rem!important}
  .hero-carousel,.hero-slide{min-height:660px!important}.hero-content{padding:86px 0 120px!important}.hero-title{font-size:clamp(2.55rem,9vw,4rem)!important}.hero-meta{gap:8px!important}.hero-pill{font-size:.77rem!important}.hero-trust{display:grid!important;gap:9px!important}
  .hero-contact-layout-clean{grid-template-columns:1fr!important}.hero-contact-info-clean{grid-template-columns:repeat(2,1fr)!important}.hero-contact-actions{grid-column:auto}
  .choice-chips{grid-template-columns:repeat(2,1fr)}.finder-form{grid-template-columns:1fr}.finder-span-2{grid-column:auto}.finder-submit-row{display:grid}.finder-result-grid{grid-template-columns:1fr}.finder-result-head{align-items:flex-start;display:grid}
  .system-feature-grid{grid-template-columns:1fr}.agent-benefit-list{grid-template-columns:1fr}.process-grid{grid-template-columns:repeat(2,1fr)}.process-grid::before{display:none}
  .premium-check-grid{grid-template-columns:1fr}.customer-home-copy{padding:36px 28px}
  .preview-list{grid-template-columns:1fr}.customer-panel-preview{padding:38px 28px}.preview-booking{grid-template-columns:100px 1fr}.preview-booking img{width:100px;height:105px}
  .benefit-row{grid-template-columns:1fr!important}.benefit-row:nth-child(even) .benefit-visual{order:0!important}.benefit-visual{min-height:300px!important}
  .stat-grid{grid-template-columns:repeat(2,1fr)!important}.dashboard-quick-grid{grid-template-columns:repeat(2,1fr)!important}.panel-grid{grid-template-columns:1fr!important}.panel-top-actions .panel-user-copy{display:none}
}
@media(max-width:580px){
  .top-strip .container{justify-content:center!important}.top-strip-links{display:none!important}.header-actions .btn span{display:none}
  .hero-carousel,.hero-slide{min-height:700px!important}.hero-content{padding-top:72px!important}.hero-title{font-size:2.55rem!important}.hero-title span{font-size:.52em}.hero-price{width:100%;justify-content:space-between}.hero-price strong{font-size:2rem!important}.hero-actions .btn{width:100%}.hero-controls{bottom:20px!important}
  .assalik-contact-dock{margin-top:-34px}.assalik-contact-dock .hero-side-card{padding:20px!important}.hero-contact-profile{align-items:flex-start!important}.hero-contact-profile img{width:64px!important;height:64px!important}.hero-contact-info-clean{grid-template-columns:1fr!important}.hero-contact-actions .btn{width:100%}
  .trust-ribbon-grid{grid-template-columns:1fr}.smart-finder-shell{padding:28px 20px;border-radius:25px}.finder-form{padding:22px 16px}.choice-chips{grid-template-columns:1fr}.finder-submit-row .btn{width:100%}.finder-empty{display:grid}.finder-empty .btn{margin-left:0}
  .system-feature-card{padding:25px}.agent-showcase-shell{padding:30px 20px}.agent-showcase-copy h2,.preview-copy h2{font-size:2.25rem}.customer-panel-preview{padding:30px 18px}.preview-dashboard-card{padding:17px}.preview-booking{grid-template-columns:1fr}.preview-booking img{width:100%;height:150px}.preview-actions{grid-template-columns:1fr}.process-grid{grid-template-columns:1fr}.testimonial-luxury-grid{grid-template-columns:1fr!important}
  .stat-grid,.dashboard-quick-grid{grid-template-columns:1fr!important}.panel-content{padding:18px 14px 34px!important}.panel-topbar{padding:0 14px!important;height:78px!important}.panel-title h1{font-size:1.15rem!important}.panel-title p{display:none}.panel-help span{display:none}.sidebar{width:280px!important}.dashboard-welcome-grid{grid-template-columns:1fr!important}.dashboard-mini-wrap{min-height:270px!important}.dashboard-hero{min-height:300px!important;padding:27px!important}
  .site-cta-shell{padding:32px 22px!important;border-radius:26px!important}.site-cta-actions .btn{width:100%}.footer-main{grid-template-columns:1fr!important}
}

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

/* Extra coverage for legacy hard-coded teal modules */
.payment-workspace{background:linear-gradient(135deg,#fff0ef,#fff5dd)!important;border-color:rgba(197,142,60,.30)!important}
.bank-info-card .bank-visual{background:linear-gradient(135deg,var(--as-maroon-deep),var(--as-maroon))!important}
.payment-share-card{background:linear-gradient(145deg,#fff,#fdf7ef)!important}
.payment-link-box button{background:var(--as-maroon)!important}
.wallet-hero{background:linear-gradient(135deg,var(--as-maroon-deep),var(--as-maroon) 62%,#a1263d)!important;border:1px solid rgba(223,187,112,.30)!important;box-shadow:0 24px 65px rgba(65,5,14,.22)!important}
.wallet-hero>div>strong{color:#f5d78d!important}.wallet-withdraw-form{background:rgba(255,252,246,.97)!important;border:1px solid rgba(223,187,112,.30)!important}
.points-hero,.reward-admin-hero{box-shadow:0 24px 65px rgba(65,5,14,.22)!important}
.contact-premium-card,.contact-form-premium{background:linear-gradient(180deg,#fff,#fdf7ef)!important;border-color:rgba(106,16,26,.12)!important}
.contact-detail-icon,.contact-form-highlights i{background:linear-gradient(135deg,#f9e7e7,#fff2d7)!important;color:var(--as-maroon)!important;border-color:rgba(197,142,60,.24)!important}
.contact-primary-links i{color:var(--as-maroon)!important}.contact-trust-strip span{background:#fff3e4!important;color:#5b393f!important;border-color:#e9d4bd!important}
.contact-photo-overlay{background:linear-gradient(180deg,rgba(57,4,12,.02),rgba(72,7,17,.92))!important}
.referral-banner{background:linear-gradient(90deg,#fff0d1,#fff7ea)!important;color:#5c383e!important;border-color:#e7cfae!important}.referral-banner i{color:var(--as-maroon)!important}
.auth-promo,.login-side,.checkout-side{background:linear-gradient(135deg,rgba(53,5,12,.97),rgba(106,16,26,.88)),url('../images/as-gallery-09.jpg') center/cover!important}
.qr-panel,.qr-panel.large{border-color:rgba(197,142,60,.36)!important;background:#fffaf2!important}
.panel-campaign-copy .eyebrow{background:rgba(255,255,255,.11)!important;color:#f5d88d!important;border-color:rgba(255,255,255,.22)!important}
.btn-excel{background:#26754c!important;color:#fff!important}.btn-pdf{background:var(--as-maroon)!important;color:#fff!important}
.short-link-box code{color:var(--as-maroon)!important}.link-stats strong{color:var(--as-maroon-deep)!important}
.reward-card{background:linear-gradient(145deg,#fff,#fdf7ee)!important}.reward-stock{background:#fff0d4!important;color:#76501e!important}
.purchase-help-card,.profile-detail-card{border-color:rgba(106,16,26,.11)!important;background:linear-gradient(145deg,#fff,#fdf7ef)!important}

/* ========================================================================== 
   AS SALIK V14 — uploaded imagery, ten-slide hero and refined maroon UI
   ========================================================================== */
:root{
  --as-v14-maroon:#64101b;
  --as-v14-maroon-deep:#2b050a;
  --as-v14-maroon-dark:#430910;
  --as-v14-gold:#d7a742;
  --as-v14-gold-light:#f4d88f;
  --as-v14-cream:#fff8ed;
  --as-v14-ink:#2d2022;
}
html{scroll-behavior:smooth}
body{font-size:16px!important;line-height:1.65;background:linear-gradient(180deg,#fffaf2 0%,#fff 45%,#fff7ec 100%)!important;color:var(--as-v14-ink)}
p,li,td,th,label,input,select,textarea,button,a{font-size:max(.94rem,14px)}
.small,small,.form-help,.stat-trend,.panel-title p,.package-content .small{font-size:.86rem!important;line-height:1.55!important}
.form-control,.form-select,.form-textarea{font-size:.96rem!important;min-height:48px}
.btn{font-size:.94rem!important;min-height:44px;font-weight:800!important}
table{font-size:.93rem!important}
table th{font-size:.86rem!important;letter-spacing:.02em}

/* Public header: compact logo box and dark maroon menu */
.top-strip{background:linear-gradient(90deg,#240307,#64101b)!important;color:#fff7ec!important;border-bottom:1px solid rgba(244,216,143,.22)!important}
.top-strip a,.top-strip span{color:#fff7ec!important}
.site-header{background:linear-gradient(90deg,#31050b,#64101b 48%,#430910)!important;border-bottom:2px solid rgba(215,167,66,.8)!important;box-shadow:0 12px 38px rgba(43,5,10,.22)!important;backdrop-filter:blur(18px)!important}
.header-inner{min-height:72px!important}
.brand{min-width:155px!important}
.brand img{height:51px!important;max-width:172px!important;background:#fffaf2!important;padding:3px 8px!important;border-radius:10px!important;box-shadow:0 8px 22px rgba(0,0,0,.2)!important}
.main-nav-clean{gap:3px!important}
.main-nav-clean a{color:#fff8ed!important;font-size:.91rem!important;padding:10px 11px!important;background:transparent!important}
.main-nav-clean a i{color:#f0ca72!important}
.main-nav-clean a::after{background:#f0ca72!important}
.main-nav-clean a:hover,.main-nav-clean a.active{color:#fff!important;background:rgba(255,255,255,.1)!important}
.main-nav-clean a:hover i,.main-nav-clean a.active i{color:#fff1bd!important}
.header-actions .btn-outline{border-color:rgba(244,216,143,.7)!important;color:#fff8ed!important;background:rgba(255,255,255,.06)!important}
.header-actions .btn-outline:hover{background:#f0ca72!important;color:#2b050a!important}
.mobile-toggle{background:#f0ca72!important;color:#35050a!important}

/* Ten-slide homepage hero and clearly visible slide buttons */
.hero-carousel,.hero-slide{min-height:760px!important}
.hero-slide{background-position:center 40%!important}
.hero-slide::before{background:linear-gradient(92deg,rgba(31,3,8,.96) 0%,rgba(82,9,20,.88) 42%,rgba(48,5,11,.48) 68%,rgba(15,3,5,.26) 100%)!important}
.hero-slide::after{background:radial-gradient(circle at 72% 18%,rgba(244,216,143,.27),transparent 28%),linear-gradient(180deg,rgba(255,255,255,.04),transparent)!important}
.hero-content{max-width:720px!important}
.hero-title{color:#fff!important;text-shadow:0 10px 34px rgba(0,0,0,.45)!important}
.hero-title span{color:#f2cf79!important}
.hero-content>p,.hero-trust span,.hero-pill{color:#fff7ed!important}
.hero-card-preview{background:rgba(255,250,241,.96)!important;border:1px solid rgba(244,216,143,.7)!important;box-shadow:0 28px 65px rgba(29,2,7,.38)!important}
.hero-card-image{height:260px!important}
.hero-card-image img{width:100%;height:100%;object-fit:cover!important;object-position:center!important}
.hero-controls{left:50%!important;right:auto!important;bottom:26px!important;transform:translateX(-50%)!important;width:min(1180px,calc(100% - 36px))!important;justify-content:space-between!important;gap:14px!important}
.hero-controls .carousel-buttons{display:flex;gap:8px;flex:0 0 auto}
.hero-controls .carousel-button{width:44px!important;height:44px!important;color:#fff!important;background:rgba(52,4,12,.82)!important;border:1px solid rgba(244,216,143,.65)!important;font-size:1rem!important;box-shadow:0 9px 22px rgba(0,0,0,.24)!important}
.hero-controls .carousel-button i{color:#fff!important}
.hero-controls .carousel-button:hover{background:#d7a742!important;color:#2b050a!important}
.hero-controls .carousel-button:hover i{color:#2b050a!important}
.hero-carousel .carousel-dots{display:flex!important;justify-content:center!important;gap:7px!important;flex-wrap:wrap!important;max-width:720px!important}
.hero-carousel .carousel-dot{display:grid!important;place-items:center!important;width:34px!important;height:34px!important;border-radius:50%!important;background:rgba(43,5,10,.78)!important;border:1px solid rgba(244,216,143,.58)!important;color:#fff!important;font-size:.78rem!important;font-weight:900!important;padding:0!important;box-shadow:0 7px 16px rgba(0,0,0,.2)!important}
.hero-carousel .carousel-dot.active{width:34px!important;background:#f0ca72!important;color:#2b050a!important;border-color:#fff0ba!important;transform:translateY(-2px)}
.cards-carousel .carousel-button,.panel-campaign .carousel-button{color:#fff!important;background:#64101b!important;border-color:#d7a742!important}
.cards-carousel .carousel-button i,.panel-campaign .carousel-button i{color:#fff!important}

/* Every public page title uses one of the uploaded photographs */
.page-hero{padding:88px 0 82px!important;background:linear-gradient(100deg,rgba(39,3,9,.93),rgba(100,16,27,.70),rgba(35,4,9,.42)),url('../images/as-gallery-05.jpg') center/cover!important;border-bottom:3px solid #d7a742!important}
body[data-page="packages"] .page-hero{background-image:linear-gradient(100deg,rgba(39,3,9,.92),rgba(100,16,27,.62),rgba(35,4,9,.34)),url('../images/as-hero-kaaba.jpg')!important}
body[data-page="package-detail"] .page-hero{background-image:linear-gradient(100deg,rgba(39,3,9,.92),rgba(100,16,27,.60),rgba(35,4,9,.32)),url('../images/as-gallery-11.jpg')!important}
body[data-page="news"] .page-hero{background-image:linear-gradient(100deg,rgba(39,3,9,.92),rgba(100,16,27,.60),rgba(35,4,9,.32)),url('../images/as-gallery-01.jpg')!important}
body[data-page="news-detail"] .page-hero{background-image:linear-gradient(100deg,rgba(39,3,9,.92),rgba(100,16,27,.60),rgba(35,4,9,.32)),url('../images/as-gallery-04.jpg')!important}
body[data-page="register"] .page-hero{background-image:linear-gradient(100deg,rgba(39,3,9,.92),rgba(100,16,27,.60),rgba(35,4,9,.32)),url('../images/as-hero-clocktower.jpg')!important}
body[data-page="contact"] .page-hero{background-image:linear-gradient(100deg,rgba(39,3,9,.92),rgba(100,16,27,.60),rgba(35,4,9,.32)),url('../images/as-hero-dawn.jpg')!important}
body[data-page="customer-purchase"] .page-hero{background-image:linear-gradient(100deg,rgba(39,3,9,.92),rgba(100,16,27,.60),rgba(35,4,9,.32)),url('../images/as-benefit-payment.jpg')!important}
body[data-page="customer-landing"] .customer-hero{background:linear-gradient(100deg,rgba(39,3,9,.94),rgba(100,16,27,.67),rgba(35,4,9,.35)),url('../images/as-gallery-02.jpg') center/cover!important}
body[data-page="login"] .auth-visual{background:linear-gradient(145deg,rgba(43,5,10,.88),rgba(100,16,27,.58)),url('../images/as-gallery-07.jpg') center/cover!important}
.page-hero h1,.page-hero p,.page-hero .breadcrumb,.page-hero .breadcrumb a,.page-hero .breadcrumb span{color:#fff!important}

/* Package cards use full uploaded images with stable cropping */
.package-image{height:270px!important;background:#2b050a!important}
.package-image img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;filter:saturate(1.03) contrast(1.02)}
.package-card{overflow:hidden!important;border:1px solid rgba(100,16,27,.13)!important;box-shadow:0 18px 50px rgba(62,7,16,.1)!important}
.package-card h3{font-size:1.22rem!important;line-height:1.35!important}
.package-content p{font-size:.91rem!important}
.package-price strong{font-size:1.42rem!important;color:#64101b!important}

/* Panel: dark maroon menu, smaller logo area and uploaded campaign imagery */
.panel-body{background:linear-gradient(145deg,#fff9ef,#fff 52%,#faefe4)!important}
.sidebar{background:linear-gradient(180deg,#260306 0%,#4a0911 48%,#64101b 100%)!important;border-right:1px solid rgba(215,167,66,.28)!important;padding:12px 12px 18px!important}
.sidebar-brand{height:74px!important;min-height:74px!important;margin:0 2px 10px!important;padding:5px 12px!important;background:rgba(255,255,255,.035)!important;border:1px solid rgba(244,216,143,.24)!important;border-radius:14px!important;box-shadow:none!important;justify-content:center!important;overflow:hidden!important}
.sidebar-brand img{height:66px!important;width:auto!important;max-width:170px!important;object-fit:contain!important;background:transparent!important;padding:0!important;box-shadow:none!important;border-radius:0!important}
.sidebar-role{margin:0 2px 10px!important;padding:10px 12px!important}
.sidebar-section{font-size:.76rem!important;color:#e4c16e!important;padding:11px 12px 6px!important}
.sidebar-nav a{font-size:.93rem!important;padding:10px 12px!important;color:#fff4e4!important}
.sidebar-nav a i{color:#e9c572!important}
.sidebar-nav a.active{background:linear-gradient(135deg,#fff8ed,#f4e4d1)!important;color:#64101b!important}
.panel-topbar{background:rgba(255,250,241,.96)!important}
.panel-title p{font-size:.86rem!important}
.panel-campaign{position:relative;overflow:hidden;border-radius:26px!important;margin:0 0 24px!important;box-shadow:0 20px 55px rgba(62,7,16,.18)!important;border:1px solid rgba(215,167,66,.35)!important;background:#430910!important}
.panel-campaign .carousel-track{min-height:300px!important}
.panel-campaign-slide{min-height:300px!important;background-position:center!important;background-size:cover!important;display:flex!important;align-items:center!important}
.panel-campaign-copy{max-width:650px!important;padding:42px 46px!important;color:#fff!important}
.panel-campaign-copy h2{font-size:clamp(1.9rem,3vw,2.8rem)!important;color:#fff!important;text-shadow:0 8px 28px rgba(0,0,0,.35)!important}
.panel-campaign-copy p{font-size:1rem!important;color:rgba(255,255,255,.91)!important}
.panel-campaign .carousel-controls{position:absolute!important;right:22px!important;left:auto!important;bottom:20px!important;z-index:5!important}
.panel-campaign .carousel-dot{background:rgba(255,255,255,.45)!important}
.panel-campaign .carousel-dot.active{background:#f0ca72!important}
body[data-layout="admin"] .dashboard-hero{background:linear-gradient(100deg,rgba(43,5,10,.91),rgba(100,16,27,.60)),url('../images/as-gallery-09.jpg') center/cover!important}
body[data-layout="agent"] .dashboard-hero{background:linear-gradient(100deg,rgba(43,5,10,.91),rgba(100,16,27,.60)),url('../images/as-gallery-05.jpg') center/cover!important}
body[data-layout="customer"] .dashboard-hero{background:linear-gradient(100deg,rgba(43,5,10,.91),rgba(100,16,27,.60)),url('../images/as-hero-dawn.jpg') center/cover!important}

/* Three separate floating actions on the right — no green background block */
.whatsapp-float{position:fixed!important;right:18px!important;bottom:18px!important;z-index:140!important;display:block!important;width:auto!important;height:auto!important;background:transparent!important;box-shadow:none!important;border:0!important;padding:0!important}
.floating-action-stack{display:flex;flex-direction:column;align-items:flex-end;gap:10px}
.floating-action{width:238px;min-height:58px;display:flex;align-items:center;justify-content:space-between;gap:13px;border:1px solid rgba(244,216,143,.62);border-radius:17px;padding:8px 9px 8px 16px;text-align:left;cursor:pointer;box-shadow:0 14px 34px rgba(35,4,9,.22);transition:transform .22s,box-shadow .22s;text-decoration:none!important}
.floating-action:hover{transform:translateY(-3px);box-shadow:0 18px 40px rgba(35,4,9,.3)}
.floating-action-copy{display:flex;flex-direction:column;line-height:1.25}
.floating-action-copy strong{font-size:.95rem!important;color:inherit}
.floating-action-copy small{font-size:.78rem!important;color:inherit;opacity:.82}
.floating-action-icon{width:43px;height:43px;flex:0 0 43px;border-radius:13px;display:grid;place-items:center;background:rgba(255,255,255,.94);color:#64101b;font-size:1.08rem;overflow:hidden;position:relative}
.floating-package{background:linear-gradient(135deg,#64101b,#34060b)!important;color:#fff7eb!important}
.floating-agent{background:linear-gradient(135deg,#e4b753,#b77d20)!important;color:#281206!important;border-color:#fff0bb!important}
.floating-whatsapp{background:linear-gradient(135deg,#159b59,#087b49)!important;color:#fff!important}
.floating-avatar img{width:100%;height:100%;object-fit:cover}
.floating-avatar i{position:absolute;right:-1px;bottom:-1px;width:20px;height:20px;display:grid;place-items:center;border-radius:50%;background:#21c86b;color:#fff;font-size:.76rem;border:2px solid #fff}
.whatsapp-card{position:absolute!important;right:0!important;bottom:214px!important;width:min(360px,calc(100vw - 32px))!important;opacity:0!important;transform:translateY(14px) scale(.97)!important;pointer-events:none!important;transition:.22s!important;box-shadow:0 24px 62px rgba(30,3,8,.3)!important;border-radius:20px!important;overflow:hidden!important;background:#fff!important}
.whatsapp-float.open .whatsapp-card{opacity:1!important;transform:none!important;pointer-events:auto!important}
.whatsapp-card-head{background:linear-gradient(135deg,#2b050a,#64101b)!important}

/* Footer: large white transparent logo without adjacent text */
.site-footer{background:linear-gradient(145deg,#1d0306,#430910 48%,#64101b)!important}
.footer-top-logo{display:grid!important;grid-template-columns:260px 1fr!important;align-items:center!important;gap:34px!important}
.footer-logo-only{min-height:190px;display:grid;place-items:center;border:1px solid rgba(244,216,143,.22);border-radius:24px;background:rgba(255,255,255,.035)}
.footer-logo-only img{height:172px!important;width:auto!important;max-width:230px!important;object-fit:contain!important;filter:drop-shadow(0 12px 20px rgba(0,0,0,.25))}
.footer-main-compact{margin-top:34px!important}
.footer-quick-card{min-height:88px!important}

/* Contact page rebuilt layout */
.contact-v14-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);gap:24px;align-items:stretch}
.contact-v14-photo{position:relative;min-height:560px;border-radius:30px;overflow:hidden;box-shadow:0 24px 60px rgba(62,7,16,.16);border:1px solid rgba(215,167,66,.38)}
.contact-v14-photo>img{width:100%;height:100%;object-fit:cover;object-position:center}
.contact-v14-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(43,5,10,.9))}
.contact-v14-photo-copy{position:absolute;left:28px;right:28px;bottom:27px;z-index:2;color:#fff}
.contact-v14-photo-copy h2{color:#fff;font-size:2rem;margin:8px 0}
.contact-v14-photo-copy p{color:rgba(255,255,255,.88);margin:0}
.contact-v14-card{border-radius:30px;background:#fff;border:1px solid rgba(100,16,27,.12);box-shadow:0 24px 60px rgba(62,7,16,.1);padding:30px;display:flex;flex-direction:column;gap:20px}
.contact-v14-card #contact-admin{padding-bottom:18px;border-bottom:1px solid rgba(100,16,27,.1)}
.contact-v14-details{display:grid;gap:12px}
.contact-v14-detail{display:flex;align-items:center;gap:14px;padding:15px;border:1px solid rgba(100,16,27,.1);border-radius:16px;background:#fffaf3;color:#3e2529}
.contact-v14-detail>i{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;background:#64101b;color:#f5d788;flex:0 0 44px}
.contact-v14-detail span{display:flex;flex-direction:column}
.contact-v14-detail small{color:#8c7478!important}
.contact-v14-detail strong{font-size:.96rem}
.contact-v14-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.contact-v14-form-shell{display:grid;grid-template-columns:minmax(300px,.72fr) minmax(0,1.28fr);gap:26px;align-items:start}
.contact-v14-intro{padding:34px;border-radius:27px;background:linear-gradient(145deg,#2b050a,#64101b);color:#fff;position:sticky;top:110px}
.contact-v14-intro h2{color:#fff;font-size:2.15rem}.contact-v14-intro p{color:rgba(255,255,255,.86)}
.contact-v14-highlights{display:grid;gap:13px;margin-top:22px}.contact-v14-highlights div{display:flex;align-items:center;gap:12px;padding:13px;border-radius:14px;background:rgba(255,255,255,.08);border:1px solid rgba(244,216,143,.18)}.contact-v14-highlights i{color:#f0ca72}
.contact-v14-form{padding:30px!important;border-radius:27px!important}
.contact-map-shell{overflow:hidden!important}

@media(max-width:1100px){
  .main-nav-clean a span{display:none}.main-nav-clean a{padding:10px 12px!important}.brand{min-width:145px!important}
  .footer-top-logo{grid-template-columns:210px 1fr!important}.footer-logo-only img{height:150px!important}
}
@media(max-width:900px){
  .site-header .main-nav-clean{background:#430910!important;border:1px solid rgba(244,216,143,.35)!important;top:82px!important}.main-nav-clean a span{display:inline}.main-nav-clean a{color:#fff!important}
  .hero-grid{grid-template-columns:1fr!important}.hero-card-preview{display:none!important}.hero-content{max-width:100%!important}
  .contact-v14-grid,.contact-v14-form-shell{grid-template-columns:1fr}.contact-v14-intro{position:relative;top:auto}.contact-v14-photo{min-height:460px}
  .footer-top-logo{grid-template-columns:1fr!important}.footer-logo-only{min-height:175px}.footer-quick-contact{grid-template-columns:1fr 1fr!important}
}
@media(max-width:640px){
  body{font-size:15px!important}.small,small{font-size:.84rem!important}
  .top-strip{display:none!important}.header-inner{min-height:65px!important}.brand img{height:44px!important;max-width:150px!important}.site-header .main-nav-clean{top:70px!important}
  .hero-carousel,.hero-slide{min-height:720px!important}.hero-content{padding:80px 0 150px!important}.hero-title{font-size:2.45rem!important}.hero-controls{bottom:16px!important;align-items:flex-end!important}.hero-carousel .carousel-dots{gap:5px!important;max-width:250px!important}.hero-carousel .carousel-dot{width:29px!important;height:29px!important;font-size:.7rem!important}.hero-carousel .carousel-dot.active{width:29px!important}.hero-controls .carousel-button{width:39px!important;height:39px!important}
  .page-hero{padding:62px 0!important}.page-hero h1{font-size:2.35rem!important}
  .package-image{height:240px!important}
  .panel-campaign .carousel-track,.panel-campaign-slide{min-height:330px!important}.panel-campaign-copy{padding:32px 24px 75px!important}.panel-campaign-copy h2{font-size:1.8rem!important}.panel-campaign .carousel-controls{right:16px!important;bottom:14px!important}
  .floating-action{width:210px;min-height:54px;padding-left:13px}.floating-action-copy strong{font-size:.9rem!important}.floating-action-copy small{font-size:.72rem!important}.floating-action-icon{width:39px;height:39px;flex-basis:39px}.whatsapp-float{right:11px!important;bottom:11px!important}.whatsapp-card{bottom:198px!important}
  .footer-quick-contact{grid-template-columns:1fr!important}.footer-logo-only img{height:145px!important}.footer-main-compact{grid-template-columns:1fr!important}
  .contact-v14-photo{min-height:390px}.contact-v14-card,.contact-v14-form{padding:21px!important}.contact-v14-actions{grid-template-columns:1fr}
}
body[data-page="fpx-payment"] .checkout-bg{background:linear-gradient(115deg,rgba(255,249,239,.94),rgba(255,255,255,.97)),url('../images/as-benefit-payment.jpg') center/cover fixed!important}
body[data-page="fpx-payment"] .checkout-heading{padding:28px;border-radius:24px;background:linear-gradient(110deg,rgba(43,5,10,.95),rgba(100,16,27,.82)),url('../images/as-gallery-05.jpg') center/cover;color:#fff;margin-bottom:20px}
body[data-page="fpx-payment"] .checkout-heading h1,body[data-page="fpx-payment"] .checkout-heading p{color:#fff!important}
body[data-page="payment-success"] .success-page{background:linear-gradient(110deg,rgba(43,5,10,.86),rgba(100,16,27,.62)),url('../images/as-gallery-09.jpg') center/cover fixed!important;min-height:80vh}