/* =========================================================
   AS SALIK TRAVEL & TOURS — PREMIUM MAROON / GOLD THEME
   Inspired by the approved presentation-slide direction.
   ========================================================= */
:root{
  --primary:#8b0f22;
  --primary-dark:#5d0917;
  --primary-deep:#3a050d;
  --primary-soft:#fff0f3;
  --secondary:#241315;
  --secondary-2:#4b151e;
  --gold:#d4a64d;
  --gold-bright:#f1d27d;
  --gold-dark:#9f7423;
  --gold-soft:#fff5d8;
  --cream:#fffaf0;
  --cream-2:#fff4df;
  --ink:#211416;
  --muted:#746267;
  --line:#ead8bb;
  --surface:#ffffff;
  --surface-2:#fff9ef;
  --surface-3:#fff1d9;
  --shadow:0 24px 70px rgba(77,7,18,.13);
  --shadow-sm:0 12px 34px rgba(77,7,18,.09);
  --radius:24px;
  --radius-sm:15px;
  --font:'Inter',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  --font-display:'Playfair Display',Georgia,'Times New Roman',serif;
}

html{background:var(--cream)}
body{
  color:var(--ink)!important;
  background:
    radial-gradient(circle at 8% 3%,rgba(212,166,77,.10),transparent 22%),
    radial-gradient(circle at 92% 20%,rgba(139,15,34,.07),transparent 24%),
    linear-gradient(180deg,#fffdf8 0%,#fff 40%,#fff8eb 100%)!important;
}
body:not(.panel-body) main{position:relative;isolation:isolate}
body:not(.panel-body) main::before{
  content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.18;
  background-image:
    linear-gradient(30deg,rgba(212,166,77,.12) 12%,transparent 12.5%,transparent 87%,rgba(212,166,77,.12) 87.5%),
    linear-gradient(150deg,rgba(212,166,77,.12) 12%,transparent 12.5%,transparent 87%,rgba(212,166,77,.12) 87.5%);
  background-size:72px 126px;background-position:0 0,36px 63px;
  mask-image:linear-gradient(180deg,transparent,black 18%,black 82%,transparent);
}

h1,h2,h3,h4{color:var(--secondary)!important}
body:not(.panel-body) h1,
body:not(.panel-body) h2,
body:not(.panel-body) .hero-title,
body:not(.panel-body) .page-hero h1,
body:not(.panel-body) .auth-promo h1{
  font-family:var(--font-display)!important;
  font-weight:700!important;
  letter-spacing:-.028em;
}
.text-primary{color:var(--primary)!important}
.section{position:relative}
.section-soft{
  background:
    radial-gradient(circle at 0 0,rgba(212,166,77,.12),transparent 28%),
    linear-gradient(180deg,#fff7e8 0%,#fffdf8 100%)!important;
  border-block:1px solid rgba(212,166,77,.16);
}
.section-header{align-items:center!important;margin-bottom:40px!important}
.section-heading{position:relative}
.section-heading::after{
  content:"";display:block;width:112px;height:3px;margin-top:18px;border-radius:99px;
  background:linear-gradient(90deg,var(--primary),var(--gold),transparent);
}
.eyebrow{
  color:var(--primary)!important;
  background:linear-gradient(135deg,#fff7e2,#fff0f2)!important;
  border:1px solid rgba(212,166,77,.45)!important;
  box-shadow:0 8px 24px rgba(139,15,34,.06);
}
.section-deep{
  color:#fff!important;
  background:
    radial-gradient(circle at 85% 12%,rgba(241,210,125,.25),transparent 23%),
    linear-gradient(125deg,#3b050d 0%,#6b0919 48%,#93132a 100%)!important;
  overflow:hidden;
}
.section-deep::before{
  content:"";position:absolute;inset:0;pointer-events:none;opacity:.16;
  background-image:linear-gradient(30deg,#f1d27d 12%,transparent 12.5%,transparent 87%,#f1d27d 87.5%),linear-gradient(150deg,#f1d27d 12%,transparent 12.5%,transparent 87%,#f1d27d 87.5%);
  background-size:68px 118px;background-position:0 0,34px 59px;
}
.section-deep>.container{position:relative;z-index:1}
.section-deep h1,.section-deep h2,.section-deep h3,.section-deep h4{color:#fff!important}
.section-deep .eyebrow{color:#ffe6a1!important;background:rgba(255,255,255,.09)!important;border-color:rgba(241,210,125,.35)!important}

/* Header */
.top-strip{
  background:linear-gradient(90deg,#3a050d,#760b1c 56%,#4b0712)!important;
  border-bottom:1px solid rgba(241,210,125,.45);
  color:#fff9ea!important;
}
.top-strip a:hover{color:var(--gold-bright)}
.site-header{
  background:rgba(255,250,240,.94)!important;
  border-bottom:1px solid rgba(139,15,34,.13)!important;
  box-shadow:0 14px 38px rgba(72,7,17,.06);
  backdrop-filter:blur(18px)!important;
}
.header-inner{min-height:88px!important}
.brand{min-width:190px!important}
.brand img{
  height:72px!important;width:auto!important;max-width:158px!important;object-fit:contain!important;
  filter:drop-shadow(0 8px 18px rgba(88,8,22,.13));
}
.main-nav{gap:4px!important}
.main-nav a{
  color:#4c2b31!important;border:1px solid transparent;
  padding:11px 14px!important;border-radius:999px!important;
  transition:.24s ease!important;
}
.main-nav a:hover,.main-nav a.active{
  color:var(--primary)!important;
  background:linear-gradient(135deg,#fff1f3,#fff7e4)!important;
  border-color:rgba(212,166,77,.36)!important;
  box-shadow:0 9px 24px rgba(139,15,34,.07);
}
.mobile-toggle{background:linear-gradient(135deg,#fff1f3,#fff6df)!important;color:var(--primary)!important;border:1px solid rgba(212,166,77,.28)}

/* Buttons */
.btn{border-radius:14px!important;letter-spacing:.005em;box-shadow:none;transition:transform .22s ease,box-shadow .22s ease,filter .22s ease!important}
.btn:hover{transform:translateY(-2px)!important;filter:saturate(1.04);box-shadow:0 15px 30px rgba(74,6,17,.14)!important}
.btn-primary{
  color:#fff!important;
  background:linear-gradient(135deg,#a71631 0%,#7d0d21 52%,#560713 100%)!important;
  border-color:rgba(255,255,255,.08)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.15),0 12px 25px rgba(93,9,23,.18)!important;
}
.btn-secondary{background:linear-gradient(135deg,#351318,#16090b)!important;color:#fff!important}
.btn-gold{
  color:#321d06!important;
  background:linear-gradient(135deg,#ffe49a 0%,#e3b85c 55%,#b98529 100%)!important;
  border-color:#d7aa4c!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.52),0 12px 26px rgba(166,116,31,.2)!important;
}
.btn-outline{
  color:var(--primary)!important;background:rgba(255,255,255,.78)!important;
  border-color:rgba(139,15,34,.22)!important;
}
.btn-outline:hover{background:var(--primary)!important;color:#fff!important;border-color:var(--primary)!important}
.btn-outline-light{border-color:rgba(255,230,161,.55)!important;color:#fff7e8!important;background:rgba(255,255,255,.04)!important}
.btn-outline-light:hover,.btn-glass:hover{background:#fff8e8!important;color:var(--primary-dark)!important}
.btn-glass{background:rgba(255,255,255,.11)!important;border-color:rgba(255,230,161,.42)!important;color:#fff!important;backdrop-filter:blur(14px)}
.btn-danger{background:linear-gradient(135deg,#d43f50,#9f1428)!important}
.btn-whatsapp{background:linear-gradient(135deg,#28c76f,#128c62)!important;color:#fff!important}

/* Hero */
.hero{
  background:#3a050d!important;
  border-bottom:1px solid rgba(241,210,125,.3);
}
.hero-carousel,.hero-slide{min-height:720px!important}
.hero-slide{background-position:center!important}
.hero-slide::before{
  background:
    linear-gradient(90deg,rgba(40,4,10,.97) 0%,rgba(89,7,21,.89) 38%,rgba(102,10,25,.52) 66%,rgba(20,10,11,.20) 100%)!important;
}
.hero-slide::after{
  background:
    radial-gradient(circle at 18% 16%,rgba(241,210,125,.28),transparent 24%),
    radial-gradient(circle at 76% 35%,rgba(255,255,255,.16),transparent 24%),
    linear-gradient(180deg,transparent 65%,rgba(34,3,8,.66))!important;
}
.hero-carousel::before{
  content:"";position:absolute;z-index:3;inset:0;pointer-events:none;opacity:.35;
  background-image:linear-gradient(30deg,rgba(241,210,125,.20) 12%,transparent 12.5%,transparent 87%,rgba(241,210,125,.20) 87.5%),linear-gradient(150deg,rgba(241,210,125,.20) 12%,transparent 12.5%,transparent 87%,rgba(241,210,125,.20) 87.5%);
  background-size:92px 160px;background-position:-46px -80px,0 0;
  mask-image:linear-gradient(90deg,black,transparent 52%);
}
.hero-grid{grid-template-columns:minmax(0,1.12fr) minmax(340px,.68fr)!important;gap:54px!important}
.hero-content{padding:106px 0 134px!important;max-width:760px!important}
.hero .eyebrow{color:#ffe6a1!important;background:rgba(255,255,255,.10)!important;border-color:rgba(241,210,125,.44)!important}
.hero-title{
  color:#fff!important;font-size:clamp(2.8rem,5.2vw,5.25rem)!important;line-height:1.02!important;
  text-shadow:0 12px 34px rgba(0,0,0,.34);margin:20px 0 18px!important;
}
.hero-title span{color:var(--gold-bright)!important;text-shadow:0 4px 30px rgba(241,210,125,.24)}
.hero-content>p{max-width:670px;font-size:1.04rem;color:rgba(255,255,255,.88)!important;line-height:1.8}
.hero-pill{background:rgba(255,255,255,.09)!important;border-color:rgba(241,210,125,.27)!important;color:#fffaf0!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}
.hero-price{padding:15px 18px;border-left:4px solid var(--gold-bright);background:linear-gradient(90deg,rgba(255,255,255,.09),transparent);border-radius:0 16px 16px 0;max-width:max-content}
.hero-price span{color:#f9ead2}
.hero-price strong{color:#ffe49a!important;font-size:2.4rem!important}
.hero-trust{color:rgba(255,255,255,.84)!important}
.hero-trust i{color:var(--gold-bright)}
.hero-card-preview{
  border-radius:30px!important;border:1px solid rgba(241,210,125,.60)!important;
  background:linear-gradient(180deg,rgba(255,253,247,.98),rgba(255,244,223,.97))!important;
  box-shadow:0 38px 95px rgba(16,0,3,.46),0 0 0 6px rgba(255,255,255,.06)!important;
  transform:rotate(1deg)!important;
}
.hero-card-preview:hover{transform:rotate(0) translateY(-6px)!important}
.hero-card-top{background:linear-gradient(180deg,#fffef9,#fff4dd)!important;border-bottom:1px solid rgba(212,166,77,.25)}
.hero-card-body{background:linear-gradient(180deg,#fffef9,#fff7e8)!important}
.hero-card-body::before{background:radial-gradient(circle at 92% 4%,rgba(139,15,34,.10),transparent 35%)!important}
.hero-card-body h3{color:var(--primary-dark)!important;font-family:var(--font-display)!important;font-size:1.35rem!important}
.hero-info-grid{color:#6d555a!important}
.hero-mini-stats>div{background:#fff!important;border:1px solid rgba(212,166,77,.22)!important;border-radius:14px}
.carousel-button{background:rgba(76,5,17,.68)!important;border-color:rgba(241,210,125,.48)!important;color:#fff7df!important}
.carousel-button:hover{background:var(--gold)!important;color:#2d1606!important}
.carousel-dot{background:rgba(255,255,255,.42)!important}
.carousel-dot.active{background:var(--gold-bright)!important;box-shadow:0 0 16px rgba(241,210,125,.46)}

/* Hero contact strip */
.hero-admin-section{
  background:linear-gradient(180deg,#fff1dc 0%,#fffdf9 100%)!important;
  border-bottom:1px solid rgba(212,166,77,.15);
}
.hero-admin-section .hero-side-card{
  background:linear-gradient(135deg,#fffefb 0%,#fff6e8 100%)!important;
  border:1px solid rgba(212,166,77,.40)!important;
  box-shadow:0 24px 60px rgba(87,7,20,.12)!important;
}
.hero-admin-section .hero-side-card::before{
  background:radial-gradient(circle,rgba(139,15,34,.11),rgba(139,15,34,0))!important;
}
.hero-contact-profile img{border-color:#fff9ee!important;box-shadow:0 14px 30px rgba(93,9,23,.15)!important}
.hero-contact-profile h3{color:var(--primary-dark)!important;font-family:var(--font-display)!important}
.contact-info-card,.hero-contact-info>div{
  background:#fff!important;border-color:rgba(212,166,77,.30)!important;
  box-shadow:0 10px 25px rgba(79,6,18,.06);
}
.contact-info-card span,.hero-contact-info span{color:var(--primary)!important}
.contact-info-card strong,.hero-contact-info strong{color:var(--secondary)!important}

/* Cards */
.card,.feature-card,.package-card,.news-card,.testimonial-card,.benefit-row,.customer-home-panel,.form-card,.table-card,.panel-card,.auth-card{
  border-color:rgba(212,166,77,.28)!important;
  box-shadow:var(--shadow-sm)!important;
}
.card,.feature-card,.package-card,.news-card,.testimonial-card,.benefit-row,.customer-home-panel,.form-card,.auth-card{
  background:linear-gradient(155deg,#ffffff 0%,#fffdf8 60%,#fff7e8 100%)!important;
}
.feature-card{
  border-radius:24px!important;transition:.28s ease!important;
  background:linear-gradient(150deg,#fff 0%,#fffaf0 72%,#fff0d2 100%)!important;
}
.feature-card::before{
  content:"";position:absolute;left:0;top:0;width:100%;height:4px;
  background:linear-gradient(90deg,var(--primary),var(--gold),transparent);
}
.feature-card::after{background:radial-gradient(circle,rgba(212,166,77,.20),rgba(212,166,77,0))!important}
.feature-card:hover,.package-card:hover,.news-card:hover,.testimonial-card:hover{transform:translateY(-7px);box-shadow:0 25px 60px rgba(91,7,20,.15)!important}
.icon-box,.stat-icon,.quick-icon{
  color:var(--primary)!important;
  background:linear-gradient(145deg,#fff9e7,#ffe8b6)!important;
  border:1px solid rgba(212,166,77,.40)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.7),0 8px 18px rgba(111,70,17,.10);
}
.package-card{border-radius:26px!important;overflow:hidden}
.package-image{background:var(--primary-dark)!important}
.package-image::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(43,3,10,.50));pointer-events:none}
.package-badge{color:var(--primary)!important;background:#fffaf0!important;border:1px solid rgba(212,166,77,.38)!important}
.package-slots{background:rgba(91,7,20,.92)!important;border:1px solid rgba(241,210,125,.28)}
.package-content h3{font-family:var(--font-display)!important;color:var(--primary-dark)!important;font-size:1.35rem}
.package-price strong{color:var(--primary)!important}
.slot-meter{background:#f2e8d8!important;box-shadow:inset 0 1px 3px rgba(67,32,7,.09)}
.slot-meter span{background:linear-gradient(90deg,var(--primary),#c43850,var(--gold-bright))!important}
.news-image::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 60%,rgba(60,4,14,.46));pointer-events:none}
.news-content h3{font-family:var(--font-display)!important;color:var(--primary-dark)!important}
.quote-icon{color:var(--gold)!important}
.stars{color:var(--gold-dark)!important}
.avatar{border:3px solid #fff1d1!important;box-shadow:0 8px 22px rgba(74,6,17,.12)}

/* Benefits */
.customer-home-panel{
  background:
    radial-gradient(circle at 92% 12%,rgba(139,15,34,.10),transparent 28%),
    linear-gradient(135deg,#fff3da,#fffdf8 52%,#fff0f2)!important;
  padding:28px 44px 28px 28px!important;
}
.customer-home-image{border:1px solid rgba(212,166,77,.34);box-shadow:0 20px 45px rgba(87,7,20,.13)}
.benefit-row{padding:42px!important;border-radius:30px!important;gap:48px!important;overflow:hidden;position:relative}
.benefit-row::after{content:"";position:absolute;right:-70px;bottom:-90px;width:240px;height:240px;border-radius:50%;background:radial-gradient(circle,rgba(212,166,77,.18),transparent 68%);pointer-events:none}
.benefit-visual{background:linear-gradient(145deg,#3e050e,#8b0f22)!important;border:1px solid rgba(212,166,77,.34);box-shadow:0 18px 48px rgba(81,7,18,.18)}
.benefit-visual::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(52,4,12,.66));pointer-events:none}
.visual-label{background:rgba(91,7,20,.90)!important;color:#fff4cf!important;border:1px solid rgba(241,210,125,.35)!important;backdrop-filter:blur(12px)}
.check-list li i{color:var(--gold-dark)!important;background:#fff4d4;border-radius:50%;padding:4px}
.benefit-showcase{border-color:rgba(241,210,125,.32)!important;box-shadow:0 26px 60px rgba(21,0,4,.30)!important}
.benefit-showcase::after{background:linear-gradient(140deg,rgba(45,4,11,.12),rgba(83,6,19,.62))!important}
.benefit-floating-card{background:rgba(255,250,239,.94)!important;border-color:rgba(212,166,77,.38)!important;color:var(--ink)!important}
.benefit-floating-card strong{color:var(--primary-dark)!important;font-family:var(--font-display)}
.benefit-floating-pills span{background:#fff4d8!important;border-color:rgba(212,166,77,.34)!important;color:var(--primary)!important}

/* Page title */
.page-hero{
  padding:94px 0 88px!important;
  border-radius:0 0 36px 36px!important;
  background:
    linear-gradient(105deg,rgba(47,3,10,.96) 0%,rgba(107,8,25,.89) 48%,rgba(37,10,13,.53) 100%),
    url('../images/as-poster-jom-umrah.jpg') center 42%/cover!important;
  border-bottom:1px solid rgba(241,210,125,.46);
  box-shadow:0 28px 70px rgba(72,6,17,.16)!important;
}
.page-hero::before{
  background:
    radial-gradient(circle at 78% 20%,rgba(241,210,125,.34),transparent 21%),
    linear-gradient(30deg,rgba(241,210,125,.13) 12%,transparent 12.5%,transparent 87%,rgba(241,210,125,.13) 87.5%)!important;
  background-size:auto,90px 156px!important;
}
.page-hero h1{color:#fff!important;text-shadow:0 9px 30px rgba(0,0,0,.36)}
.page-hero p,.page-hero .breadcrumb{color:rgba(255,249,233,.88)!important}
.page-hero .breadcrumb a{color:#ffe29a!important}

/* Forms, tables, modal */
.form-control,.form-select,.form-textarea{
  background:#fffefb!important;color:var(--ink)!important;
  border-color:#e4d3b8!important;border-radius:14px!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.8);
}
.form-control:focus,.form-select:focus,.form-textarea:focus{
  border-color:var(--primary)!important;
  box-shadow:0 0 0 4px rgba(139,15,34,.10),0 8px 20px rgba(91,7,20,.06)!important;
}
.form-label{color:#4e252c!important}
.notice{background:linear-gradient(135deg,#fff5d9,#fffaf0)!important;border-color:rgba(212,166,77,.34)!important;color:#4d2c19!important}
.table-card,.panel-card{background:#fff!important;border-radius:22px!important;overflow:hidden}
.table-toolbar,.panel-card-head{background:linear-gradient(180deg,#fffefb,#fff7e8)!important;border-bottom-color:rgba(212,166,77,.24)!important}
table thead th,.table-card thead th{
  background:linear-gradient(180deg,#fff0cf,#ffe5b2)!important;
  color:#5b1521!important;border-bottom:1px solid rgba(139,15,34,.12)!important;
  letter-spacing:.02em;
}
table tbody tr:nth-child(even){background:#fffcf7}
table tbody tr:hover{background:#fff4df!important}
table td{border-bottom-color:#f0e5d2!important}
.modal{background:rgba(34,3,9,.72)!important}
.modal-dialog{border:1px solid rgba(241,210,125,.42)!important;border-radius:26px!important;box-shadow:0 34px 110px rgba(20,0,4,.55)!important}
.modal-header,.modal-footer{background:linear-gradient(180deg,#fffefb,#fff6e7)!important;border-color:rgba(212,166,77,.24)!important}
.modal-close{background:#fff0d5!important;color:var(--primary)!important}
.toast{border-left-color:var(--gold)!important;box-shadow:0 16px 40px rgba(55,4,13,.22)!important}

/* Authentication */
.auth-shell{background:#fff7e9!important}
.auth-visual{
  background:
    linear-gradient(135deg,rgba(44,3,10,.66),rgba(117,9,27,.76)),
    url('../images/as-gallery-09.jpg') center/cover!important;
}
.auth-promo{background:linear-gradient(135deg,rgba(63,4,14,.68),rgba(100,8,24,.24))!important;border-color:rgba(241,210,125,.30)!important}
.auth-promo .eyebrow{color:#ffe9ac!important;background:rgba(255,255,255,.10)!important}
.auth-promo-points span{border-color:rgba(241,210,125,.30)!important;background:rgba(255,255,255,.10)!important}
.auth-panel{background:radial-gradient(circle at 100% 0,rgba(212,166,77,.13),transparent 34%),linear-gradient(180deg,#fff8e9,#fffefb)!important}
.auth-card{border-color:rgba(212,166,77,.35)!important;border-radius:30px!important;padding:38px!important}
.auth-brand{width:190px!important;filter:drop-shadow(0 12px 20px rgba(94,8,22,.12))}
.auth-card h2{font-family:var(--font-display)!important;color:var(--primary-dark)!important;font-size:2.1rem}

/* CTA + Footer */
.site-cta-section{background:linear-gradient(180deg,transparent,#fff3df 42%,#fff9ef 100%)!important}
.site-cta-shell{
  background:
    radial-gradient(circle at 92% 12%,rgba(241,210,125,.23),transparent 26%),
    linear-gradient(125deg,#3b050d 0%,#760b1d 54%,#9b1730 100%)!important;
  border:1px solid rgba(241,210,125,.38)!important;
  box-shadow:0 30px 75px rgba(68,5,16,.25)!important;
}
.site-cta-shell::before,.site-cta-shell::after{background:rgba(241,210,125,.10)!important}
.site-cta-copy .eyebrow{color:#ffe5a1!important;background:rgba(255,255,255,.08)!important;border-color:rgba(241,210,125,.34)!important}
.cta-stat-chip{background:rgba(255,255,255,.09)!important;border-color:rgba(241,210,125,.30)!important}
.cta-stat-chip strong{color:#ffe29a!important}
.site-footer{
  color:rgba(255,247,226,.84)!important;
  background:
    radial-gradient(circle at 92% 10%,rgba(212,166,77,.15),transparent 25%),
    linear-gradient(135deg,#200308 0%,#4a0712 54%,#710b1c 100%)!important;
  border-top:3px solid var(--gold)!important;
}
.site-footer::before,.site-footer::after{background:rgba(241,210,125,.06)!important}
.footer-brand-panel,.footer-quick-card{background:rgba(255,255,255,.06)!important;border-color:rgba(241,210,125,.22)!important}
.footer-logo{background:#fff9ee!important;border-color:rgba(212,166,77,.34)!important}
.footer-title,.footer-brand-panel h3{color:#fff7df!important}
.footer-links a,.footer-contact a,.footer-copy{color:rgba(255,247,226,.82)!important}
.footer-links a:hover,.footer-contact a:hover{color:#ffe29a!important}
.footer-bottom{border-top-color:rgba(241,210,125,.20)!important}

/* Floating actions */
.purchase-bubble{border:3px solid #f0ce79!important;box-shadow:0 16px 40px rgba(83,6,18,.26)!important}
.floating-action-label,.whatsapp-label{background:#4f0713!important;border:1px solid rgba(241,210,125,.30)!important;color:#fff8e7!important}
.whatsapp-card{border-color:rgba(212,166,77,.35)!important;box-shadow:0 26px 70px rgba(49,3,11,.24)!important}
.whatsapp-card-head{background:linear-gradient(135deg,#fff6df,#fff1f3)!important;border-bottom:1px solid rgba(212,166,77,.26)!important}
.whatsapp-card-head strong{color:var(--primary-dark)!important}
.whatsapp-quick span{background:#fff7e8!important;border-color:rgba(212,166,77,.30)!important;color:var(--primary)!important}

/* =========================================================
   PANEL / ADMIN / AGENT / CUSTOMER
   ========================================================= */
.panel-body{
  background:#f7efe2!important;
  color:var(--ink)!important;
}
.panel-shell{grid-template-columns:282px minmax(0,1fr)!important}
.sidebar{
  background:
    radial-gradient(circle at 50% -5%,rgba(241,210,125,.17),transparent 30%),
    linear-gradient(180deg,#31050b 0%,#5b0816 46%,#850f24 100%)!important;
  color:#fff5df!important;padding:18px 14px!important;
  border-right:1px solid rgba(241,210,125,.24);
  box-shadow:16px 0 42px rgba(53,3,12,.14);
}
.sidebar::before{
  content:"";position:absolute;inset:0;pointer-events:none;opacity:.12;
  background-image:linear-gradient(30deg,#f1d27d 12%,transparent 12.5%,transparent 87%,#f1d27d 87.5%),linear-gradient(150deg,#f1d27d 12%,transparent 12.5%,transparent 87%,#f1d27d 87.5%);
  background-size:64px 112px;background-position:-32px -56px,0 0;
}
.sidebar>*{position:relative;z-index:1}
.sidebar-brand{
  min-height:162px!important;margin:0 4px 16px!important;padding:12px!important;
  display:grid!important;place-items:center!important;
  background:linear-gradient(145deg,#fffef9,#fff3dd)!important;
  border:1px solid rgba(241,210,125,.55)!important;
  border-radius:24px!important;
  box-shadow:0 18px 42px rgba(19,0,4,.28)!important;
}
.sidebar-brand img{
  width:132px!important;height:132px!important;max-width:132px!important;max-height:132px!important;
  object-fit:contain!important;border-radius:18px!important;filter:drop-shadow(0 8px 16px rgba(86,7,20,.10));
}
.sidebar-role{
  color:#ffe9b1!important;background:rgba(255,255,255,.08)!important;
  border:1px solid rgba(241,210,125,.20)!important;
}
.sidebar-role strong{color:#ffe08b!important}
.sidebar-section{color:#e6bf69!important}
.sidebar-nav a{color:#f7e7d2!important;border:1px solid transparent!important}
.sidebar-nav a i{color:#e9bd5e!important}
.sidebar-nav a:hover{background:rgba(255,255,255,.09)!important;border-color:rgba(241,210,125,.16)!important}
.sidebar-nav a.active{
  background:linear-gradient(135deg,#fffdf7,#fff0d3)!important;
  color:#650918!important;
  border-color:rgba(241,210,125,.50)!important;
  box-shadow:0 13px 30px rgba(18,0,3,.25)!important;
}
.sidebar-nav a.active i{color:#9a142c!important}
.sidebar-footer{border-top-color:rgba(241,210,125,.18)!important}
.sidebar-footer .btn-outline-light{background:rgba(255,255,255,.07)!important}
.panel-main{background:#fbf6ed!important}
.panel-topbar{
  height:86px!important;padding:0 30px!important;
  background:rgba(255,251,243,.95)!important;
  border-bottom:1px solid rgba(212,166,77,.25)!important;
  box-shadow:0 12px 30px rgba(77,7,18,.07)!important;
}
.panel-title h1{color:var(--primary-dark)!important;font-size:1.42rem!important}
.panel-title p{color:#796468!important}
.panel-help{background:linear-gradient(135deg,#fff5d8,#fff0f2)!important;color:var(--primary)!important;border:1px solid rgba(212,166,77,.34)!important}
.panel-user .avatar{background:linear-gradient(135deg,#9b1730,#5d0917)!important;color:#fff!important;border:2px solid #f0cc73!important}
.panel-content{
  padding:30px 32px 46px!important;
  background:
    radial-gradient(circle at 96% 3%,rgba(212,166,77,.10),transparent 24%),
    linear-gradient(180deg,#fbf6ed 0%,#fffdf9 100%)!important;
}
.dashboard-welcome-grid{gap:24px!important}
.dashboard-hero{
  min-height:320px!important;border-radius:30px!important;
  background:
    linear-gradient(105deg,rgba(52,4,12,.96),rgba(123,11,31,.82) 62%,rgba(85,7,21,.46)),
    url('../images/as-gallery-09.jpg') center/cover!important;
  border:1px solid rgba(241,210,125,.37)!important;
  box-shadow:0 28px 65px rgba(71,5,17,.22)!important;
}
.dashboard-hero::before{
  content:"";position:absolute;inset:0;opacity:.18;pointer-events:none;
  background-image:linear-gradient(30deg,#f1d27d 12%,transparent 12.5%,transparent 87%,#f1d27d 87.5%),linear-gradient(150deg,#f1d27d 12%,transparent 12.5%,transparent 87%,#f1d27d 87.5%);
  background-size:74px 128px;background-position:-37px -64px,0 0;
  mask-image:linear-gradient(90deg,black,transparent 70%);
}
.dashboard-hero::after{background:radial-gradient(circle,rgba(241,210,125,.23),transparent 68%)!important;box-shadow:none!important}
.dashboard-hero h2{font-family:var(--font-display)!important;color:#fff!important;font-size:clamp(2.1rem,3.6vw,3.6rem)!important}
.dashboard-hero p{color:rgba(255,248,230,.86)!important;max-width:700px}
.dashboard-hero .eyebrow{color:#ffe4a0!important;background:rgba(255,255,255,.09)!important}
.dashboard-mini-wrap{border:1px solid rgba(212,166,77,.34)!important;box-shadow:0 24px 55px rgba(84,6,20,.15)!important}
.dashboard-mini-slide::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 28%,rgba(47,3,10,.82));pointer-events:none}
.dashboard-mini-slide>div{z-index:2}
.stat-grid{gap:17px!important}
.stat-card,.stat-card.premium{
  position:relative;overflow:hidden;border-radius:22px!important;
  background:linear-gradient(145deg,#fff 0%,#fffaf1 100%)!important;
  border:1px solid rgba(212,166,77,.28)!important;
  box-shadow:0 16px 38px rgba(79,6,18,.09)!important;
}
.stat-card::before,.stat-card.premium::before{content:"";position:absolute;left:0;top:0;width:100%;height:4px;background:linear-gradient(90deg,var(--primary),var(--gold),transparent)}
.stat-card.premium.accent{background:linear-gradient(135deg,#6a091a,#9b1730)!important;color:#fff!important;border-color:#d8b45b!important}
.stat-label{color:#766266!important}
.stat-value{color:var(--primary-dark)!important}
.stat-card.premium.accent .stat-value,.stat-card.premium.accent .stat-label{color:#fff!important}
.stat-trend i{color:var(--gold-dark)!important}
.quick-action-card{
  background:linear-gradient(145deg,#fff,#fff8e9)!important;border-color:rgba(212,166,77,.28)!important;
  box-shadow:0 13px 32px rgba(77,7,18,.08)!important;border-radius:20px!important;
}
.quick-action-card:hover{border-color:rgba(139,15,34,.24)!important}
.quick-action-card strong{color:var(--primary-dark)!important}
.panel-card,.table-card{border-color:rgba(212,166,77,.30)!important;box-shadow:0 17px 42px rgba(77,7,18,.08)!important}
.panel-card-head h3,.table-toolbar h3{color:var(--primary-dark)!important}
.activity-icon{background:#fff0d3!important;color:var(--primary)!important;border:1px solid rgba(212,166,77,.30)}
.chart-bar{background:linear-gradient(180deg,var(--gold-bright),var(--primary))!important}
.progress-item strong{color:var(--primary-dark)!important}
.report-ring{background:conic-gradient(var(--primary) var(--value),#f0e4d2 0)!important}
.report-mini-grid>div{background:#fff7e7!important;border-color:rgba(212,166,77,.25)!important}
.reward-admin-hero,.points-hero,.wallet-hero{
  background:
    radial-gradient(circle at 86% 10%,rgba(241,210,125,.22),transparent 26%),
    linear-gradient(125deg,#4a0712,#8b0f22 58%,#a61a32)!important;
  border:1px solid rgba(241,210,125,.34)!important;
}
.reward-admin-hero h2,.points-hero h2,.wallet-hero h2{color:#fff!important}
.reward-icon,.reward-admin-icon{background:rgba(255,255,255,.10)!important;color:#ffe298!important;border-color:rgba(241,210,125,.28)!important}
.payment-method-tabs a.active{background:linear-gradient(135deg,#8b0f22,#5d0917)!important;color:#fff!important}
.checkout-card,.checkout-summary,.payment-workspace,.success-shell{border-color:rgba(212,166,77,.30)!important;box-shadow:var(--shadow-sm)!important}

/* Mobile app-like portal sections loaded within public HTML */
.customer-hero,.customer-benefit-panel{
  background:
    radial-gradient(circle at 88% 8%,rgba(241,210,125,.16),transparent 25%),
    linear-gradient(130deg,#4a0712,#8b0f22 62%,#ad1f39)!important;
}
.customer-hero h1,.customer-benefit-panel h2{color:#fff!important}
.journey-card{border-color:rgba(212,166,77,.28)!important;background:linear-gradient(145deg,#fff,#fff7e7)!important}
.journey-number{background:linear-gradient(135deg,#8b0f22,#5d0917)!important;color:#fff!important;border-color:#e0b95d!important}

/* Responsive */
@media(max-width:1100px){
  .panel-shell{grid-template-columns:250px minmax(0,1fr)!important}
  .sidebar-brand{min-height:145px!important}.sidebar-brand img{width:118px!important;height:118px!important}
  .hero-grid{gap:30px!important}
}
@media(max-width:1000px){
  .panel-shell{display:block!important}
  .sidebar{position:fixed!important;left:0;top:0;width:285px;transform:translateX(-105%);transition:.25s ease}
  .panel-shell.sidebar-open .sidebar{transform:translateX(0)}
  .panel-content{padding:24px!important}
}
@media(max-width:820px){
  .header-inner{min-height:76px!important}.brand img{height:60px!important}
  .hero-carousel,.hero-slide{min-height:690px!important}
  .hero-slide::before{background:linear-gradient(180deg,rgba(45,3,11,.94),rgba(105,8,26,.82),rgba(50,3,11,.78))!important}
  .hero-content{padding:82px 0 110px!important}.hero-title{font-size:clamp(2.45rem,10vw,3.7rem)!important}
  .hero-grid{grid-template-columns:1fr!important}.hero-card-preview{display:none!important}
  .hero-admin-section .container{margin-top:-22px!important}
  .benefit-row{padding:26px!important;gap:26px!important}
  .customer-home-panel{padding:20px!important}
  .site-cta-shell{padding:34px 24px!important}
  .dashboard-welcome-grid{grid-template-columns:1fr!important}
  .dashboard-hero{min-height:280px!important}
}
@media(max-width:560px){
  .section{padding:50px 0!important}.section-sm{padding:38px 0!important}
  .brand{min-width:auto!important}.brand img{height:54px!important;max-width:120px!important}
  .hero-carousel,.hero-slide{min-height:650px!important}.hero-content{padding:72px 0 95px!important}
  .hero-price{padding:12px 14px}.hero-price strong{font-size:2rem!important}
  .hero-meta{gap:8px}.hero-pill{font-size:.78rem}
  .hero-actions{display:grid!important}.hero-actions .btn{width:100%!important}
  .page-hero{padding:72px 0 68px!important;border-radius:0 0 26px 26px!important}
  .feature-card{padding:24px!important}
  .benefit-row{padding:20px!important;border-radius:24px!important}
  .panel-topbar{height:auto!important;min-height:74px!important;padding:13px 15px!important}
  .panel-content{padding:15px!important}
  .dashboard-hero{padding:26px!important;border-radius:24px!important}
  .dashboard-hero h2{font-size:2.15rem!important}
  .stat-grid{grid-template-columns:1fr!important}
  .auth-card{padding:25px!important;border-radius:24px!important}
  .site-cta-shell{border-radius:26px!important}
}