/* امتداد لواجهة lusailhajj.com: داكنة، ذهبية، وبطاقات زجاجية هادئة. */
body{background:radial-gradient(900px 540px at 88% -8%,rgba(108,66,45,.32),transparent 62%),radial-gradient(720px 520px at 8% 105%,rgba(100,27,54,.18),transparent 66%),#0e0d0e;background-attachment:fixed}
body::before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.22;background-image:radial-gradient(rgba(230,199,125,.35) .65px,transparent .7px),linear-gradient(115deg,transparent 0 48%,rgba(230,199,125,.08) 48.2% 48.4%,transparent 48.6%);background-size:18px 18px,260px 260px;mask-image:linear-gradient(to bottom,black,transparent 78%)}
.shell{position:relative;overflow:hidden;width:min(1080px,calc(100% - 32px));margin:24px auto;padding:48px;border:1px solid rgba(230,199,125,.42);border-radius:34px;background:linear-gradient(145deg,rgba(30,24,28,.94),rgba(14,13,14,.97));box-shadow:0 34px 90px #000a}
.shell::before{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:linear-gradient(115deg,rgba(255,255,255,.035),transparent 28%,transparent 70%,rgba(230,199,125,.04));}
.hero,.glass-card,.contact-panel,#flow{position:relative}.hero{padding:4px 4px 0}.eyebrow{color:var(--gold);letter-spacing:.02em}.hero h1{margin:6px 0 25px;font-size:clamp(38px,6vw,62px);font-weight:900;letter-spacing:-.04em}.notice{border:1px solid rgba(230,199,125,.32);border-radius:18px;padding:16px 21px;background:linear-gradient(90deg,rgba(116,72,35,.72),rgba(74,40,33,.72));color:#ffe2a5}
.glass-card{min-height:0;margin-top:28px;padding:34px 38px;border:1px solid rgba(230,199,125,.38);border-radius:26px;background:linear-gradient(135deg,rgba(47,37,42,.80),rgba(20,17,20,.86));box-shadow:inset 0 1px rgba(255,255,255,.04),0 18px 42px #0003;backdrop-filter:blur(13px)}
.glass-card h2{margin:0 0 10px;font-size:clamp(1.8rem,3vw,2.55rem)}.step-help,.card>p{margin:0;color:#eee2d2;line-height:1.85}.entry-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:24px}.primary,.assistant-trigger,.secondary,.choices button,.card button{font:inherit;font-weight:800;cursor:pointer;transition:transform .18s ease,border-color .18s ease,background .18s ease}.primary{border:1px solid var(--gold);background:linear-gradient(135deg,#9a1e48,#67142f);box-shadow:0 9px 22px #4e0f2780;color:#fff}.primary:hover,.assistant-trigger:hover{transform:translateY(-2px);background:linear-gradient(135deg,#b82758,#761835)}.secondary{border:1px solid rgba(230,199,125,.62);background:rgba(18,15,17,.64);color:var(--cream)}.secondary:hover{transform:translateY(-2px);border-color:var(--gold);background:rgba(81,56,38,.45)}.assistant-trigger{border:1px solid rgba(230,199,125,.72);background:rgba(31,26,28,.76);color:var(--cream)}.assistant-trigger span{display:inline-grid;place-items:center;width:24px;height:24px;margin-right:8px;border-radius:50%;background:var(--gold);color:#301d16;box-shadow:0 0 18px #e6c77d99}.assistant-card{border-color:rgba(230,199,125,.46)}.assistant-head{display:flex;align-items:center;gap:16px}.assistant-head h2{margin:0;font-size:25px}.assistant-orb{display:grid;place-items:center;width:54px;height:54px;border:1px solid var(--gold);border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff1b8,#bc8730 47%,#451d2c 72%);color:#2a171c;box-shadow:0 0 28px #e6c77d66}.assistant-messages{margin-top:25px}.assistant-bubble{max-width:82%;padding:15px 18px;border:1px solid rgba(230,199,125,.4);border-radius:18px 18px 4px 18px;background:rgba(20,17,19,.7);line-height:1.8}.assistant-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:18px}.assistant-options button{border:1px solid rgba(230,199,125,.48);border-radius:14px;padding:14px;background:rgba(18,15,17,.72);color:var(--cream);font:inherit;font-weight:800;text-align:right}.assistant-options button:hover{border-color:var(--gold);background:rgba(118,30,57,.53)}
.progress-wrap{margin:30px 3px 20px}.progress-wrap p{margin:0 0 10px;color:var(--gold);font-size:18px;font-weight:800}.progress-track{height:8px;border:1px solid rgba(230,199,125,.18);border-radius:99px;background:#2f242a;overflow:hidden}.progress-track span{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#8b1d41,var(--gold));box-shadow:0 0 15px #e6c77d88;transition:width .3s ease}
.card{padding:0;margin:0;border:0;background:transparent}.one-page{display:grid;gap:22px}.one-person,.category-box,.companions-box,.documents-box{padding:23px;border:1px solid rgba(230,199,125,.33);border-radius:20px;background:linear-gradient(135deg,rgba(52,41,46,.65),rgba(16,14,16,.75));box-shadow:inset 0 1px rgba(255,255,255,.025)}.section-title{display:flex;align-items:baseline;justify-content:space-between;gap:14px;padding-bottom:12px;border-bottom:1px solid rgba(230,199,125,.19)}.section-title span,.category-box>b{color:var(--gold);font-size:1.18rem;font-weight:900}.section-title small{color:#d7c9ba;line-height:1.6}.category-box>b{display:block}.choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:23px 0}.choices button{border:1px solid rgba(230,199,125,.5);border-radius:14px;padding:16px;background:rgba(15,13,15,.72);color:var(--cream)}.choices button:hover{transform:translateY(-2px);border-color:var(--gold)}.choices button.selected{border-color:var(--gold);background:linear-gradient(135deg,rgba(139,29,65,.82),rgba(73,28,42,.84));box-shadow:inset 0 0 0 1px rgba(255,232,166,.25),0 8px 24px #3c0d1c44}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px;margin-top:23px}.grid label{display:grid;gap:8px;color:#e9ddd0;font-weight:800}.grid input,.grid select,#session{width:100%;box-sizing:border-box;border:1px solid rgba(230,199,125,.45);border-radius:13px;padding:14px 15px;background:rgba(13,12,13,.74);color:var(--cream);font:inherit;direction:rtl;transition:border-color .18s ease,box-shadow .18s ease}.grid input:focus,.grid select:focus,#session:focus{outline:0;border-color:var(--gold);box-shadow:0 0 0 3px #e6c77d24}.file{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:13px 0;padding:16px;border:1px dashed rgba(230,199,125,.55);border-radius:14px;background:rgba(13,12,13,.3)}.file:last-child{margin-bottom:0}.file b{color:#f5eadb}.file label{display:inline-flex;align-items:center;gap:8px;color:#dfc884;font-weight:800}.file input[type=file]{max-width:230px;color:#dfc884}.review{display:grid;gap:7px;padding:15px 17px;border:1px solid rgba(230,199,125,.26);border-radius:14px;background:rgba(110,66,33,.18);color:#ecdfce}.actions{display:flex;justify-content:space-between;gap:16px;margin-top:27px}.actions button{font-size:18px;padding:15px 27px}.actions #back[hidden]{visibility:hidden}.tracking-code{display:inline-block;padding:5px 9px;border:1px solid rgba(230,199,125,.45);border-radius:9px;background:#100f10;letter-spacing:.08em;font-size:.88em;overflow-wrap:anywhere}.success{text-align:center;padding:35px 10px}.success h2{color:#e9ca77}.success p{font-size:18px}
.contact-panel{display:flex;align-items:center;justify-content:space-between;gap:22px;margin-top:28px;padding:22px 25px;border:1px solid rgba(230,199,125,.38);border-radius:22px;background:linear-gradient(135deg,rgba(43,34,38,.78),rgba(15,13,15,.84));backdrop-filter:blur(13px)}.contact-panel p{margin:0 0 4px}.contact-panel strong{font-size:20px}.contact-actions{display:flex;gap:10px;flex-wrap:wrap}.contact-actions a{display:flex;align-items:center;gap:9px;min-width:145px;padding:11px 13px;border:1px solid rgba(230,199,125,.48);border-radius:14px;color:var(--cream);text-decoration:none;background:rgba(14,13,14,.62);line-height:1.35;transition:.18s ease}.contact-actions a:hover{transform:translateY(-2px);border-color:var(--gold);background:rgba(100,54,34,.45)}.contact-icon{display:grid;place-items:center;width:34px;height:34px;flex:none;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff0b4,#d2a43d 46%,#6e4318 77%);color:#29170e;box-shadow:0 0 17px #e6c77d77}.phone-icon{font-size:19px;font-weight:900}.whatsapp-icon svg{width:21px;height:21px;fill:#29170e}.contact-actions b{font-size:14px;color:#f7e2a6}#message,#connectMessage{min-height:26px;margin-top:20px;color:#ffe0a1;font-weight:800}
@media(max-width:650px){.shell{width:calc(100% - 18px);margin:9px auto;padding:29px 20px;border-radius:24px}.glass-card{padding:27px 20px}.choices,.grid,.assistant-options{grid-template-columns:1fr}.file,.contact-panel,.section-title{align-items:flex-start;flex-direction:column}.contact-actions{width:100%}.contact-actions a{flex:1;min-width:0}.hero h1{font-size:40px}.notice{font-size:16px}.actions{margin-top:20px}.one-person,.category-box,.companions-box,.documents-box{padding:17px}}

/* عناصر الرفع والاتصال: لا أزرار متصفح افتراضية داخل هوية لوسيل. */
.grid select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--gold) 50%),linear-gradient(135deg,var(--gold) 50%,transparent 50%);background-position:15px 53%,9px 53%;background-size:6px 6px,6px 6px;background-repeat:no-repeat;padding-left:34px}
.file{display:block}.file>b{display:block;margin-bottom:12px}.file>div{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:10px}.file-picker{position:relative;display:grid!important;grid-template-columns:1fr auto;align-items:center;gap:8px;padding:11px 12px;border:1px solid rgba(230,199,125,.38);border-radius:12px;background:rgba(9,8,9,.38);color:#f1dfb0;cursor:pointer}.file-picker:hover{border-color:var(--gold);background:rgba(93,51,35,.3)}.file-picker input[type=file]{position:absolute;inline-size:1px;block-size:1px;opacity:0;pointer-events:none}.file-kind{font-weight:900}.file-picker-button{grid-column:2;grid-row:1;border:1px solid rgba(230,199,125,.58);border-radius:9px;padding:7px 10px;background:rgba(128,28,60,.65);color:#fff;font-size:.88rem;font-weight:900}.file-picker-name{grid-column:1/-1;color:#cfc1b3;font-size:.78rem}.file-state{display:block;padding:11px 12px;border:1px solid rgba(230,199,125,.35);border-radius:12px;color:#e9c874;background:rgba(25,20,22,.58);font-weight:800}
.tracking-row{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap}.tracking-code{display:inline-flex;overflow:hidden;padding:0;border-radius:10px;font-size:.9em}.tracking-code b{padding:7px 9px;background:rgba(230,199,125,.18);color:var(--gold)}.tracking-code strong{padding:7px 10px;color:#fff}
.contact-actions a{gap:10px}.contact-icon{border:1px solid rgba(230,199,125,.65);border-radius:10px;background:rgba(230,199,125,.08);color:var(--gold);box-shadow:none}.contact-icon svg{width:20px;height:20px;fill:currentColor}.whatsapp-icon svg{fill:none;stroke:currentColor;stroke-width:2.2;stroke-linejoin:round}.whatsapp-icon svg path:last-child{fill:currentColor;stroke:none}