@import url('https://fonts.googleapis.com/css2?family=El+Messiri:wght@400;500;600;700&display=swap');
:root{
 --gold:#bd9042;--gold-bright:#e4b951;--gold-deep:#856124;
 --ink:#131717;--night:#151716;--ivory:#f8f4eb;--muted:#756e63;
 --stroke:#e9d7b0;--deep-shadow:0 24px 75px #10120e30;
 --ar-display:'El Messiri','DIN Next LT Arabic',Tahoma,Arial,sans-serif;
 --ar-body:'DIN Next LT Arabic','El Messiri',Tahoma,Arial,sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;min-height:100vh;font-family:var(--ar-body);color:var(--ink);background:#f8f4ec}
button,input,select,textarea{font:inherit}
button{cursor:pointer}
button:disabled{opacity:.6;cursor:wait}
button:focus-visible,input:focus-visible,a:focus-visible,select:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
a{text-decoration:none;color:inherit}
[hidden]{display:none!important}
.sr-only{position:absolute!important;clip:rect(0,0,0,0);width:1px;height:1px;overflow:hidden;white-space:nowrap}
.customer-auth-stage{min-height:100vh;position:relative;isolation:isolate;background:
 linear-gradient(90deg,#22170a22 0%,#ffffff15 60%,#f8ead30c 100%),
 url('/assets/arees-sudan-login.webp') center center/cover no-repeat,
 linear-gradient(130deg,#8db1bd 0%,#e7bf7c 45%,#c6ac82 75%,#6b8e9c 100%)}
.customer-auth-stage:before{content:"";position:absolute;inset:0;pointer-events:none;z-index:-1;background:linear-gradient(92deg,#09232613 0%,#ede1c205 54%,#fff0cf10 100%)}
.customer-auth-layout{max-width:1760px;margin:auto;min-height:100vh;display:grid;grid-template-columns:minmax(360px,525px) minmax(430px,1fr);align-items:center;gap:clamp(25px,5vw,90px);direction:ltr;padding:clamp(64px,6vh,90px) clamp(24px,7vw,150px) 50px}
.language-switch{position:fixed;z-index:90;top:24px;left:30px;border-radius:28px;border:1px solid #ffffffc9;background:#161a1be8;box-shadow:0 9px 26px #15151522;color:#fff;letter-spacing:.1em;padding:10px 17px;font:800 12px sans-serif;direction:ltr}
.language-switch span{color:var(--gold-bright);padding:0 4px}
.auth-mode .customer-auth-layout{min-height:100vh}
.customer-glass-pane{align-self:center;direction:rtl;border-radius:32px;border:1px solid #ffffffbb;background:linear-gradient(141deg,#fffefa8a 3%,#f6f2ed77 50%,#f3e5c58f 100%);box-shadow:0 19px 65px #141c2038,inset 0 1px 1px #fff9;backdrop-filter:blur(24px) saturate(128%);-webkit-backdrop-filter:blur(24px) saturate(128%);padding:clamp(22px,3vw,36px);max-width:525px;width:100%}
.customer-glass-inner{padding:clamp(6px,1vw,14px)}
.customer-eyebrow{font:750 10px system-ui,sans-serif;letter-spacing:.19em;color:#7e6028;direction:ltr;text-align:left;opacity:.88}
.customer-eyebrow span{color:#d1a44c}
.customer-auth-section{margin-top:clamp(15px,2vw,27px)}
.customer-form-header{text-align:right;margin:0 0 23px}
.customer-kicker{display:block;color:#ac7c2a;font:800 10px system-ui,sans-serif;letter-spacing:.15em;direction:ltr}
.customer-auth-section h1{margin:7px 0 0;font:700 clamp(25px,2.7vw,34px)/1.6 var(--ar-display);color:#121a19}
.customer-form-header p,.customer-auth-section>.customer-note{margin:0;color:#4c5450;font-size:12px;line-height:2}
.customer-form{display:grid;gap:10px}
.customer-form label:not(.customer-consent){color:#273a3a;font-size:12px;font-weight:750;margin-top:5px}
.customer-field{display:flex;flex-direction:row;align-items:center;gap:10px;border-radius:16px;border:1px solid #ffffffb0;background:linear-gradient(130deg,#ffffffa0,#f9f6f2b3);min-height:55px;box-shadow:inset 0 1px 2px #fff,0 6px 18px #41433218;transition:border-color .2s,box-shadow .2s}
.customer-field:focus-within{border-color:#b58b42;box-shadow:0 0 0 3px #d3b4705e}
.customer-field>span{width:43px;flex-shrink:0;display:grid;place-items:center;color:#b88c41;font-size:18px}
.customer-field input{min-width:0;width:100%;border:0!important;outline:none!important;background:transparent!important;box-shadow:none!important;font-size:13px;color:#151a19;min-height:51px;padding:10px 10px 10px 15px;text-align:right;direction:rtl}
.customer-field input[type=email]{direction:ltr;text-align:right}
.customer-field input::placeholder{color:#657572}
.customer-hint{font-size:11px;line-height:1.8;color:#5a6765;margin:3px 0 5px}
.customer-consent{display:flex;align-items:flex-start;gap:10px;font-size:11px;line-height:1.9;color:#222d2b;background:#fffdf378;border-radius:10px;padding:8px 10px}
.customer-consent input{margin-top:5px;accent-color:var(--gold)}
.customer-primary{display:inline-flex;align-items:center;justify-content:center;gap:12px;border:1px solid #f7d992;border-radius:17px;min-height:54px;padding:12px 20px;background:linear-gradient(110deg,#a97b25 0%,#d6a73d 43%,#f6d576 76%,#c69437 100%);color:#15130e;box-shadow:0 9px 22px #6d51254a;font-weight:850;font-size:14px}
.customer-primary:hover{filter:brightness(1.045)}
#customerSendCode{width:100%;margin-top:10px}
.customer-form-divider{display:flex;gap:14px;align-items:center;margin:23px 0 14px;font-size:11px;color:#63605c;justify-content:center}
.customer-form-divider:before,.customer-form-divider:after{content:"";height:1px;flex:1;background:linear-gradient(90deg,transparent,#ddd0b8,transparent)}
.customer-secondary{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:54px;padding:12px 20px;border:1px solid #f0dcab;border-radius:16px;background:#fff9e7c9;color:#1e2421;font-weight:750;font-size:13px}
.customer-secondary:hover{background:#fff}
.customer-switch{width:100%}
.customer-glass-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;direction:ltr;margin-top:30px;font:500 10px system-ui,sans-serif;color:#2e342e;opacity:.78}
.customer-feedback{font-size:11px;line-height:1.8;border-radius:10px;padding:10px;margin:12px 0}
.customer-feedback:empty{display:none}
.customer-feedback[data-kind=error]{color:#882e26;background:#fff1ebc7}
.customer-feedback[data-kind=success]{color:#333c1f;background:#f7f1d4bd}
.customer-brand-hero{direction:rtl;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:15px clamp(0px,1vw,25px);color:#111615;text-shadow:0 2px 9px #fffaedc5}
.customer-brand-logo{width:clamp(185px,21vw,290px);height:auto;max-height:285px;object-fit:contain;filter:drop-shadow(0 14px 15px #0003)}
.customer-brand-kicker{direction:ltr;color:#43381d;font:700 10px system-ui,sans-serif;letter-spacing:.16em;margin:0 0 15px}
.customer-brand-hero h2{font:700 clamp(28px,3.7vw,45px)/1.6 var(--ar-display);margin:8px 0 3px}
.customer-hero-rule{display:flex;gap:18px;align-items:center;justify-content:center;width:100%;max-width:485px}
.customer-hero-rule p{font-size:12px;color:#343932;line-height:1.9;font-weight:750;margin:2px 0 18px}
.customer-hero-rule>span{width:34px;height:1px;background:#a6782a;margin-top:-12px}
.customer-brand-features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;width:100%;max-width:565px;margin-top:18px}
.customer-feature-chip{min-width:0;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 9px;border:1px solid #ffffffa4;border-radius:15px;box-shadow:0 5px 20px #27241b19;background:#f7efe9a6;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);text-align:right}
.customer-feature-icon{color:#af822c;flex:none}
.customer-feature-chip strong{display:block;white-space:nowrap;font-size:11px;color:#252823}
.customer-feature-chip small{display:block;font-size:9px;color:#5b5f55;margin-top:4px}
.customer-note{color:#3b4037;font-size:12px;line-height:1.8}
.customer-auth-section#customerVerifyPanel{padding-bottom:14px}
.customer-auth-section#customerVerifyPanel .customer-form{margin-top:17px}
#customerOtp{letter-spacing:.35em;text-align:center;direction:ltr;font-size:22px}
#customerBackButton{margin-top:4px}

/* Account/dashboard — Arees Loop functionality-inspired, AREES GROUP brand colors. */
.customer-dashboard-shell{min-height:100vh;background:#f7f4ed;direction:rtl}
body.account-mode{background:#f7f4ed}
body.account-mode>.language-switch{display:none}
.customer-dashboard-header{position:sticky;top:0;z-index:50;display:flex;align-items:center;gap:18px;min-height:75px;padding:8px clamp(18px,3vw,58px);background:linear-gradient(110deg,#fffbf1f4,#f3e1b8f3);backdrop-filter:blur(17px);border-bottom:1px solid #dfc78b;box-shadow:0 4px 21px #2d251014}
.customer-dashboard-brand{display:inline-flex;align-items:center;gap:7px;white-space:nowrap;margin-inline-end:20px}
.customer-dashboard-brand img{width:54px;height:54px;object-fit:contain}
.customer-dashboard-brand>span{font:700 14px var(--ar-display);color:#282923}
.customer-dashboard-brand small{display:block;color:#9e7832;font:600 9px var(--ar-body)}
.customer-dashboard-nav{display:flex;gap:clamp(10px,2vw,32px);align-items:center;justify-content:center;flex:1}
.customer-dashboard-nav a{font-size:12px;font-weight:700;color:#232b29;white-space:nowrap}
.customer-dashboard-nav a:hover{color:#996a23}
.customer-dashboard-tools{display:flex;align-items:center;gap:10px;direction:ltr}
.customer-cart-shortcut{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;border:1px solid #c18d2c;background:#161817;color:#e6b952}
.customer-user-menu{position:relative;direction:rtl}
#customerProfileMenuButton{background:linear-gradient(115deg,#111515,#343129);color:#fff8e8;border:1px solid #464038;display:flex;gap:8px;align-items:center;border-radius:35px;padding:11px 15px;font-size:11px;font-weight:700;box-shadow:0 5px 17px #231e1325}
#customerProfileMenuButton span:first-child{color:#efcb72}
.customer-user-popover{position:absolute;z-index:80;left:0;top:calc(100% + 8px);min-width:200px;padding:9px;border-radius:15px;border:1px solid #ead1a2;box-shadow:0 15px 30px #221c1630;background:#fffefa}
.customer-user-popover button{display:block;width:100%;text-align:right;padding:11px 10px;border:0;background:transparent;border-radius:9px;font-size:12px}
.customer-user-popover button:hover{background:#fff1c7}
.customer-user-popover .customer-menu-logout{color:#a34533;border-top:1px solid #eee3cd;border-radius:0;margin-top:5px}
.customer-account-wrap{display:grid;grid-template-columns:245px minmax(0,1fr);gap:clamp(20px,4vw,55px);max-width:1350px;margin:0 auto;padding:clamp(55px,9vw,108px) 20px 75px;align-items:start}
.customer-sidebar{position:sticky;top:110px;border:1px solid #ebd9b6;border-radius:20px;background:#fffdfa;box-shadow:0 4px 16px #2e241014;display:flex;flex-direction:column;align-items:center;padding:20px 16px 22px}
.customer-sidebar-logo{width:63px;height:63px;object-fit:contain;margin-bottom:7px}
.customer-sidebar>.customer-kicker{margin:2px 0 8px}
.customer-sidebar h2{font:700 18px var(--ar-display);margin:3px 0 0}
.customer-sidebar p{font-size:11px;color:#928b80;margin:0 0 18px}
.customer-sidebar-links{display:grid;gap:5px;border-top:1px solid #f0e1c8;padding-top:15px;width:100%}
.customer-sidebar-links button{display:flex;align-items:center;gap:13px;text-align:right;background:transparent;border:0;border-radius:12px;padding:12px 14px;font-size:12px;color:#343735}
.customer-sidebar-links button>span:first-child{display:grid;place-items:center;width:22px;color:#af7e29;font-size:17px}
.customer-sidebar-links button:hover,.customer-sidebar-links button.selected{background:#fff0c8}
.customer-sidebar-links button.selected{font-weight:800}
.customer-account-main{min-width:0;max-width:1040px}
.customer-view-panel[hidden]{display:none}
.customer-section-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap;min-height:91px;margin-bottom:26px}
.customer-section-heading h1{font:700 clamp(25px,3vw,34px)/1.5 var(--ar-display);color:#182621;margin:8px 0 4px}
.customer-section-heading p{font-size:12px;color:#7f887d;line-height:1.8;margin:0}
.customer-outline-button,.customer-plain-link{font-size:12px;color:#755625;background:#fffefa;padding:10px 14px;border:1px solid #e4c58e;border-radius:18px;font-weight:700}
.customer-plain-link{border:0;background:transparent;padding:7px;text-decoration:underline;color:#4c4b3b}
.customer-filter-card{background:#fff;border:1px solid #e9d9b7;border-radius:18px;padding:16px;box-shadow:0 3px 14px #312a1910}
.customer-filter-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.customer-filter-grid label{display:grid;gap:7px;font-size:11px;color:#29302e;font-weight:700;min-width:0}
.customer-filter-grid select,.customer-search-label input{width:100%;min-height:45px;min-width:0;border:1px solid #b4bfb6;border-radius:11px;padding:11px 12px;background:white;color:#29302b;font-size:12px}
.customer-search-label{display:block;margin-top:12px}
.customer-search-label input{width:100%}
.customer-results-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:24px 0 12px}
.customer-results-heading h3{font:700 16px var(--ar-display);color:#212f26;margin:0}
.customer-requests{display:grid;gap:10px;min-height:65px}
.customer-request{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:10px;min-height:80px;padding:15px 18px;border:1px solid #ebdbb9;border-radius:13px;background:#fff;box-shadow:0 2px 5px #312b1512}
.customer-request-info{display:flex;align-items:center;gap:12px;min-width:0;flex:1}
.customer-request-icon{width:35px;height:35px;display:grid;place-items:center;flex:none;background:#f8f0e0;border-radius:50%;font-size:17px;color:#a67e33}
.customer-request strong{font:700 13px var(--ar-display);color:#192d28}
.customer-request small{display:block;font-size:10px;color:#8d978c;margin-top:4px;overflow-wrap:anywhere}
.customer-request-status{font-size:10px;border:1px solid #e9cb82;background:#fff5d8;color:#785c28;padding:6px 11px;border-radius:26px;white-space:nowrap}
.customer-request-status[data-status="REJECTED"],.customer-request-status[data-status="CANCELLED"]{color:#aa5343;background:#fff1eb;border-color:#f2c7bd}
.customer-request-status[data-status="COMPLETED"]{color:#4f5941;background:#f6f2df}
.customer-empty-surface{min-height:265px;border:1px solid #ead9b9;background:#fffefb;border-radius:17px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px;gap:12px;color:#737667}
.customer-empty-icon{width:72px;height:72px;display:grid;place-items:center;font-size:28px;color:#a67f3c;background:#fff3d4;border-radius:20px}
.customer-empty-surface h3{margin:0;font:700 19px var(--ar-display);color:#354038}
.customer-empty-surface p{line-height:1.8;font-size:12px;max-width:490px}
.customer-empty-surface .customer-primary{min-height:43px;font-size:12px}
.customer-profile-card{display:grid;gap:7px;padding:30px;border:1px solid #e9d7b4;border-radius:16px;background:white}
.customer-profile-card>span{font-weight:700;font-size:11px;color:#8e793f}
.customer-profile-card strong,.customer-profile-card p{font-size:13px;margin:3px 0 14px;color:#33463e}
.customer-disclaimer{font-size:11px;color:#8b806d;text-align:center;padding:0 12px 24px}

/* Responsive tablet and mobile */
@media(max-width:1100px){
 .customer-auth-layout{padding-inline:28px;gap:24px;grid-template-columns:minmax(320px,490px) minmax(310px,1fr)}
 .customer-brand-features{gap:6px}
 .customer-feature-chip{padding:9px 6px}
 .customer-feature-chip small{font-size:8px}
 .customer-account-wrap{gap:17px;grid-template-columns:215px minmax(0,1fr)}
 .customer-dashboard-nav{gap:14px}
}
@media(max-width:760px){
 .customer-auth-stage{background-position:center}
 .customer-auth-layout{grid-template-columns:1fr;gap:0;min-height:100vh;padding:85px 18px 45px}
 .customer-glass-pane{margin:0 auto;width:min(100%,520px)}
 .customer-brand-hero{grid-row:1;padding:0 0 20px}
 .customer-brand-logo{width:135px;height:135px}
 .customer-brand-kicker{display:none}
 .customer-brand-hero h2{font-size:25px;margin:0}
 .customer-hero-rule p{font-size:10px;margin:0}
 .customer-brand-features{display:none}
 .customer-glass-footer{margin-top:16px}
 .language-switch{top:15px;left:16px}
 .customer-dashboard-header{flex-wrap:wrap;gap:7px;padding:8px 13px}
 .customer-dashboard-nav{order:3;flex:1 1 100%;justify-content:space-around;padding:4px 0}
 .customer-dashboard-nav a{font-size:10px}
 .customer-dashboard-brand{margin-inline-end:auto}
 .customer-dashboard-brand img{width:41px;height:41px}
 .customer-account-wrap{display:flex;flex-direction:column;padding:25px 12px 50px}
 .customer-sidebar{position:relative;top:auto;width:100%;align-items:flex-start;padding:12px 14px;border-radius:13px}
 .customer-sidebar>.customer-sidebar-logo,.customer-sidebar>.customer-kicker,.customer-sidebar>h2,.customer-sidebar>p{display:none}
 .customer-sidebar-links{border:0;display:flex;gap:5px;overflow:auto;padding:0;scrollbar-width:thin}
 .customer-sidebar-links button{white-space:nowrap;padding:8px 11px;font-size:11px;flex:none}
 .customer-account-main{width:100%}
 .customer-section-heading{margin-bottom:12px}
 .customer-filter-grid{gap:6px}
 .customer-filter-grid select{padding:7px 3px;font-size:10px;min-height:40px}
}
@media(max-width:420px){
 .customer-auth-layout{padding:83px 11px 33px}
 .customer-glass-pane{padding:17px 13px;border-radius:22px}
 .customer-glass-inner{padding:6px}
 .customer-field{min-height:50px}
 .customer-brand-logo{width:105px;height:105px}
 .customer-auth-section h1{font-size:25px}
 .customer-dashboard-nav a:nth-child(3){display:none}
 .customer-user-menu #customerProfileMenuButton{max-width:160px;font-size:10px}
 .customer-section-heading h1{font-size:25px}
 .customer-filter-card{padding:9px}
 .customer-request{padding:10px;align-items:flex-start}
 .customer-request small{font-size:9px}
}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

.customer-account-lang{border:1px solid #e6cf9e;border-radius:20px;background:#fff8e9;color:#74562c;padding:9px 11px;font:800 10px system-ui,sans-serif;white-space:nowrap;direction:ltr}
@media(max-width:420px){.customer-account-lang{font-size:9px;padding:7px 8px}}

.customer-design-banner{position:relative;z-index:49;text-align:center;background:#171a19;color:#e7bb65;padding:9px;font:750 11px var(--ar-body)}
.customer-design-banner[hidden]{display:none!important}

/* Approved transparent luxury glass auth refinement - 2026-10-28 */
.auth-mode .customer-auth-stage{overflow:hidden;background:none!important;--mouse-x:0px;--mouse-y:0px}
.auth-mode .customer-auth-stage::before{content:"";position:absolute;inset:-24px;z-index:-2;pointer-events:none;background:url('/assets/arees-sudan-login.webp') center/cover no-repeat;transform:translate3d(var(--mouse-x),var(--mouse-y),0) scale(1.035);transition:transform .32s ease-out;will-change:transform}
.auth-mode .customer-auth-stage::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,#070b0c1a,transparent 54%,#0e13100a)}
.auth-mode .customer-glass-pane{background:linear-gradient(135deg,#ffffff25 0%,#ffffff14 45%,#ffffff20 100%)!important;border:1px solid #ffffffa8;box-shadow:0 24px 70px #09141446,inset 0 1px #ffffffa3;backdrop-filter:blur(15px) saturate(115%);-webkit-backdrop-filter:blur(15px) saturate(115%)}
.auth-mode .customer-glass-inner{position:relative}
.auth-mode .customer-field{background:#ffffff6b;border-color:#ffffffc9;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.auth-mode .customer-secondary{background:#ffffff92;border-color:#fff9}
.auth-mode .customer-form-header p,.auth-mode .customer-hint,.auth-mode .customer-form label:not(.customer-consent){color:#101c1b;text-shadow:0 1px 9px #ffffffc9;font-weight:700}
.auth-mode .customer-form-header h1,.auth-mode .customer-field input,.auth-mode .customer-form-divider,.auth-mode .customer-glass-footer{color:#111916;text-shadow:0 1px 10px #ffffffd4}
.auth-mode .customer-brand-hero{position:relative;isolation:isolate}
.auth-mode .customer-brand-hero::before{content:"";position:absolute;z-index:-1;top:0;left:50%;width:min(68vw,390px);height:340px;transform:translateX(-50%);pointer-events:none;background:radial-gradient(ellipse at center,#fffbe2aa 0%,#f9dc9160 32%,#f3dba721 56%,transparent 75%);filter:blur(13px)}
.auth-mode .customer-brand-logo{position:relative;filter:drop-shadow(0 3px 6px #0006) drop-shadow(0 0 12px #ffe7a65c)}
@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.auth-mode .customer-auth-stage::before{transition:transform .22s ease-out}}
@media (prefers-reduced-motion:reduce){.auth-mode .customer-auth-stage::before{transform:none!important;transition:none!important}}

/* Customer auth visibility pass: original mark behind the welcome line, no cloud blur. */
.auth-mode .customer-brand-lockup{position:relative;display:grid;place-items:end center;isolation:isolate;width:min(100%,430px);min-height:310px;padding-bottom:0;margin:0 auto 12px}
.auth-mode .customer-brand-lockup::before{content:"";position:absolute;inset:4% 6% 10%;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 50% 42%,#fff7dd8c 0%,#f7d07840 36%,transparent 71%);filter:blur(8px)}
.auth-mode .customer-brand-lockup .customer-brand-logo{position:absolute;z-index:0;top:0;left:50%;transform:translateX(-50%);width:min(77%,280px);height:270px;object-fit:contain;filter:drop-shadow(0 0 3px #4e361b) drop-shadow(0 0 14px #f4c762a8)}
.auth-mode .customer-brand-lockup h2{position:relative;z-index:1;margin:0;padding:5px 20px 0;font-weight:800;color:#101414;text-shadow:0 1px 2px #ffe5a4,0 0 10px #efd083,0 0 24px #fff8de}
.auth-mode .customer-brand-kicker{color:#20201c;text-shadow:0 1px 4px #fff9da;font-weight:800;margin-bottom:8px}
.auth-mode .customer-hero-rule p{color:#101513;font-size:13px;font-weight:850;text-shadow:0 1px 3px #fff9de,0 0 10px #f4dc9b}
.auth-mode .customer-glass-pane{background:linear-gradient(135deg,#ffffff13,#ffffff08 54%,#ffffff12)!important;backdrop-filter:blur(3px) saturate(110%);-webkit-backdrop-filter:blur(3px) saturate(110%);border:1px solid #ffffffa0;box-shadow:0 16px 52px #0814123b,inset 0 1px 0 #ffffff91}
.auth-mode .customer-field{background:#ffffff77;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}
.auth-mode .customer-consent{background:#ffffff65}
@media(max-width:760px){.auth-mode .customer-brand-lockup{min-height:160px;width:min(100%,290px);margin-bottom:7px}.auth-mode .customer-brand-lockup .customer-brand-logo{width:135px;height:128px}.auth-mode .customer-brand-lockup h2{font-size:24px}}
@media(max-width:420px){.auth-mode .customer-brand-lockup{min-height:135px}.auth-mode .customer-brand-lockup .customer-brand-logo{width:110px;height:100px}}

/* Final auth placement: separate welcome above logo; no light rays or glowing text. */
.auth-mode .customer-brand-hero::before,
.auth-mode .customer-brand-lockup::before{content:none!important;display:none!important}
.auth-mode .customer-brand-lockup{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:22px;min-height:0;width:min(100%,430px);margin:0 auto 18px;padding:0}
.auth-mode .customer-brand-lockup h2{order:0;position:static;margin:0;padding:0;color:#171b19;text-shadow:none;font-weight:800}
.auth-mode .customer-brand-lockup .customer-brand-logo{order:1;position:static;transform:none;width:min(74%,265px);height:auto;max-height:245px;filter:drop-shadow(0 3px 5px #131b1845)}
.auth-mode .customer-brand-kicker,.auth-mode .customer-hero-rule p{color:#111a18;text-shadow:none}
.auth-mode .customer-auth-stage::after{background:linear-gradient(90deg,#eee7d32b,#f8f0dc25 55%,#f5eedb34)}
.auth-mode .customer-glass-pane{background:linear-gradient(135deg,#ffffff55 0%,#ffffff45 55%,#ffffff50 100%)!important;backdrop-filter:blur(5px) saturate(110%);-webkit-backdrop-filter:blur(5px) saturate(110%)}
@media(max-width:760px){.auth-mode .customer-brand-lockup{gap:8px;margin-bottom:10px}.auth-mode .customer-brand-lockup .customer-brand-logo{width:128px;max-height:125px}.auth-mode .customer-brand-lockup h2{font-size:24px}}
@media(max-width:420px){.auth-mode .customer-brand-lockup .customer-brand-logo{width:105px;max-height:105px}}

/* Approved final correction: welcome BELOW logo, raise only the logo. */
.auth-mode .customer-brand-lockup{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:0;margin:0 auto 12px}
.auth-mode .customer-brand-lockup .customer-brand-logo{order:0;position:relative;top:-18px;transform:none;margin-bottom:12px;filter:drop-shadow(0 3px 5px #131b1845)}
.auth-mode .customer-brand-lockup h2{order:1;position:relative;top:0;margin:0;padding:0;font-weight:800;color:#171b19;text-shadow:none}
.auth-mode .customer-brand-lockup::before,.auth-mode .customer-brand-hero::before{display:none!important;content:none!important}
.auth-mode .customer-glass-pane{background:rgba(255,255,255,.30)!important;backdrop-filter:blur(5px) saturate(110%);-webkit-backdrop-filter:blur(5px) saturate(110%)}
@media(max-width:760px){.auth-mode .customer-brand-lockup .customer-brand-logo{top:-8px;margin-bottom:9px}}

/* Restore natural background colors and original compact branding stack. */
.auth-mode .customer-auth-stage::after{background:linear-gradient(90deg,#08171812,transparent 60%,#0913130a)!important}
.auth-mode .customer-brand-lockup{gap:0!important;margin:0 auto 4px!important;padding:0!important}
.auth-mode .customer-brand-lockup .customer-brand-logo{position:static!important;top:auto!important;order:0!important;transform:none!important;margin:0!important;width:min(74%,265px);max-height:245px}
.auth-mode .customer-brand-lockup h2{position:static!important;top:auto!important;order:1!important;margin:0!important;padding:0!important}
.auth-mode .customer-glass-pane{background:rgba(255,255,255,.13)!important}
.auth-mode .customer-brand-hero::before,.auth-mode .customer-brand-lockup::before{display:none!important;content:none!important}
@media(max-width:760px){.auth-mode .customer-brand-lockup .customer-brand-logo{width:128px;max-height:125px}}
@media(max-width:420px){.auth-mode .customer-brand-lockup .customer-brand-logo{width:105px;max-height:105px}}

/* Image readability overlay: gently fade colors without blurring the photo. */
.auth-mode .customer-auth-stage::after{
 background:rgba(255,255,255,.70)!important;
 pointer-events:none;
}

/* Customer dashboard: complete site navigation without changing account panels. */
.customer-dashboard-header{flex-wrap:wrap;justify-content:space-between;row-gap:4px}
.customer-dashboard-nav{order:3;flex:1 0 100%;overflow-x:auto;justify-content:center;gap:clamp(11px,1.35vw,21px);padding:7px 0 9px;scrollbar-width:thin}
.customer-dashboard-nav a{font-size:clamp(10px,.77vw,12px);flex-shrink:0}
.customer-dashboard-tools{margin-inline-start:auto}
@media(max-width:1100px){.customer-dashboard-nav{justify-content:flex-start}}

/* Approved Arees Loop cart appearance, customer dashboard only. */
.customer-cart-shortcut{width:44px;height:44px;border-radius:50%;background:#073c32;border:1px solid #164e43;color:#f1e6cb;box-shadow:0 5px 14px rgba(6,43,35,.18)}
.customer-cart-shortcut svg{width:22px;height:22px}
.customer-cart-shortcut:hover{background:#0b4b3e;color:#fff5dc}

/* Unified single-row desktop site header: official brand right, account left. */
@media(min-width:1151px){
 .customer-dashboard-header{display:grid!important;grid-template-columns:minmax(215px,1fr) minmax(0,auto) minmax(215px,1fr)!important;direction:rtl!important;align-items:center!important;justify-content:initial!important;gap:16px!important;flex-wrap:nowrap!important;min-height:90px;padding:8px clamp(18px,3vw,58px)!important;background:#fffdf9!important}
 .customer-dashboard-brand{grid-column:1!important;grid-row:1!important;justify-self:start!important;margin:0!important}
 .customer-dashboard-brand img{width:clamp(205px,18vw,300px)!important;max-width:100%!important;height:auto!important;max-height:80px!important;object-fit:contain!important}
 .customer-dashboard-nav{grid-column:2!important;grid-row:1!important;order:initial!important;flex:none!important;justify-self:center!important;width:auto!important;max-width:100%!important;overflow:visible!important;padding:0!important;margin:0!important;gap:clamp(8px,1vw,18px)!important}
 .customer-dashboard-tools{grid-column:3!important;grid-row:1!important;justify-self:end!important;order:initial!important;direction:ltr!important;margin:0!important}
}
.customer-dashboard-brand img{object-fit:contain}
.customer-dashboard-tools .customer-user-menu{direction:rtl}
#customerProfileMenuButton{max-width:230px;overflow:hidden}
#customerHeaderName{max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block;vertical-align:middle}
@media(max-width:1150px){.customer-dashboard-brand img{width:clamp(145px,28vw,220px)!important;height:auto!important;max-height:68px}}

/* Umrah booking cart: visual parity with offer image and readable forms. */
.arees-cart-item{background:#fff;border:1px solid #e5d4ac;border-radius:19px;padding:clamp(14px,2vw,24px);margin-bottom:18px;box-shadow:0 9px 24px #3527170a}
.arees-cart-top{display:grid;grid-template-columns:minmax(130px,230px) minmax(0,1fr);gap:22px;align-items:center}
.arees-cart-photo{width:100%;aspect-ratio:1/1;border-radius:12px;background:#f8f4ed;overflow:hidden;display:grid;place-items:center;color:#bd8c37;font-size:36px}
.arees-cart-photo img{display:block;width:100%;height:100%;object-fit:contain}
.arees-cart-info h3{font-size:clamp(18px,2vw,24px);color:#102d2b;margin:0 0 20px}
.arees-cart-amount{display:flex;flex-wrap:wrap;gap:16px;align-items:center;margin-bottom:12px}
.arees-cart-counter{display:flex;gap:12px;align-items:center;background:#f7f4ed;border:1px solid #e4d2b4;border-radius:24px;padding:4px 8px}
.arees-cart-counter button{cursor:pointer;width:30px;height:30px;background:#bf933d;color:white;border:0;border-radius:50%;font-size:19px}
.arees-cart-counter output{font-weight:700;min-width:15px;text-align:center}
.arees-cart-form{margin:24px 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}
.arees-cart-form>h3,.arees-cart-form>p,.arees-cart-form>fieldset,.arees-cart-form>details,.arees-cart-form>.arees-payment-instructions{grid-column:1/-1}
.arees-cart-form h3{color:#a67723}
.arees-pilgrim-fields{border:1px solid #dfca9f;border-radius:16px;padding:16px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.arees-pilgrim-fields legend{color:#a67723;font-weight:800;padding:0 10px}
.arees-form-field{font-size:13px;display:flex;flex-direction:column;gap:7px;font-weight:700}
.arees-form-field input,.arees-form-field select{min-height:42px;width:100%;box-sizing:border-box;border:1px solid #d9c8ac;background:#fffefa;border-radius:8px;padding:9px;color:#20302b;font:inherit}
.arees-form-field input[type=file]{cursor:pointer}
.arees-expiry-warning,.arees-cart-warning{grid-column:1/-1;border:1px solid #e6a4a4;background:#fff0f0;color:#a52020;padding:11px 13px;border-radius:10px;font-size:13px}
.arees-doc-hint{grid-column:1/-1;color:#64746c;font-size:13px}
.arees-doc-sample{padding:14px;border:1px solid #dbccac;border-radius:12px;background:#fefbf3}
.arees-doc-sample summary{cursor:pointer;color:#946723;font-weight:700}
.arees-fake-passport{margin-top:12px;background:linear-gradient(145deg,#f3f5f4,#e7f0f2);padding:18px;border:2px solid #afc3c9;border-radius:12px;color:#314650}
.arees-fake-doc-content{display:flex;align-items:center;gap:20px;padding-top:12px}
.arees-fake-photo{width:90px;height:120px;background:#cad5d3;display:grid;place-items:center;text-align:center;font-size:13px}
.arees-payment-instructions{padding:15px;background:#f7f2e5;border-radius:12px}
.arees-cart-form button[type=submit]{padding:13px;border:0;border-radius:9px;background:#0c4437;color:#fff;font-weight:800}
.arees-cart-form button:disabled{opacity:.5;cursor:not-allowed}
@media(max-width:650px){.arees-cart-top,.arees-cart-form,.arees-pilgrim-fields{grid-template-columns:1fr}.arees-cart-photo{max-width:250px;margin:auto}.arees-cart-form>h3,.arees-cart-form>p,.arees-cart-form>fieldset,.arees-cart-form>details,.arees-cart-form>.arees-payment-instructions{grid-column:1}}

/* Loyalty and coupon benefits in the booking cart */
.arees-cart-benefits{grid-column:1/-1;background:#fffdf8;border:1px solid #e7d7b3;border-radius:15px;padding:16px}
.arees-cart-benefits h3{margin:0 0 13px;color:#104638;font-size:17px}
.arees-benefit-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.arees-benefit-box{background:#fffaea;border:1px solid #e8d19b;border-radius:12px;padding:13px;min-width:0}
.arees-benefit-box strong{color:#193e34;font-size:13px}
.arees-benefit-box p,.arees-benefit-box label{font-size:12px;color:#53685c}
.arees-benefit-entry{display:flex;gap:7px;margin-top:11px}
.arees-benefit-entry input{flex:1;min-width:0;border:1px solid #d5c7a7;border-radius:8px;padding:9px}
.arees-benefit-entry button{padding:9px 13px;border:0;border-radius:8px;background:#0c4536;color:white}
.arees-benefit-entry button:disabled{opacity:.5;cursor:not-allowed}
.arees-cart-breakdown{display:grid;gap:9px;margin-top:13px;padding-top:13px;border-top:1px solid #d7c6a3}
.arees-cart-breakdown>div{display:flex;justify-content:space-between;gap:14px;color:#315347;font-size:13px}
.arees-cart-breakdown>div:last-child{padding-top:10px;border-top:1px solid #d7c6a3;font-weight:800}
@media(max-width:700px){.arees-benefit-grid{grid-template-columns:1fr}}