/* سيمياء - المرحلة الثانية: الهوية البصرية وتجربة المستخدم */
:root{--simyaa-night:#0c2928;--simyaa-green:#173e3d;--simyaa-wine:#6f1d1b;--simyaa-gold:#c9a66b;--simyaa-sand:#f7f2e8;--simyaa-paper:#fffdf8;--simyaa-radius:26px;--simyaa-shadow:0 24px 80px rgba(18,35,34,.14)}
.skip-link{position:fixed;right:20px;top:-80px;background:var(--simyaa-night);color:#fff;padding:12px 18px;border-radius:12px;z-index:999;transition:.2s}.skip-link:focus{top:16px}.brand-logo{width:138px;height:auto}.admin-brand-logo{width:130px;filter:brightness(0) invert(1)}.site-header.phase2{background:rgba(255,253,248,.9);box-shadow:0 8px 30px rgba(24,42,41,.04)}.main-nav a.active{color:var(--simyaa-wine);font-weight:900}.main-nav a.active:after{width:100%!important}.nav-tools{display:flex;align-items:center;gap:10px}.theme-toggle{width:42px;height:42px;border-radius:50%;border:1px solid var(--line);background:#fff;display:grid;place-items:center;font-size:1.05rem}.phase2-hero{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(135deg,#fffdf8 0%,#f7f2e8 50%,#eef4f1 100%)}.phase2-hero:before{content:"";position:absolute;inset:0;background:url('../images/brand/pattern-grid.svg') center/560px;opacity:.15;z-index:-2}.phase2-hero:after{content:"";position:absolute;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(201,166,107,.35),transparent 68%);left:-180px;top:-180px;z-index:-1}.hero-kicker{display:flex;align-items:center;gap:12px;color:var(--simyaa-wine);font-weight:900}.hero-kicker img{width:34px}.hero-copy h1 mark{background:none;color:var(--simyaa-wine)}.hero-note{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:.88rem}.hero-note:before{content:"✓";width:24px;height:24px;display:grid;place-items:center;border-radius:50%;background:#e2f2eb;color:#176c4a;font-weight:900}.showcase-stack{position:relative;height:570px}.showcase-card{position:absolute;background:#fff;border:1px solid rgba(23,23,23,.08);border-radius:30px;padding:12px;box-shadow:var(--simyaa-shadow);overflow:hidden}.showcase-card img{width:100%;height:100%;object-fit:cover;border-radius:22px}.showcase-card.primary{width:74%;height:465px;left:5%;top:35px;transform:rotate(-2deg)}.showcase-card.secondary{width:47%;height:255px;right:0;bottom:20px;transform:rotate(5deg);border:8px solid var(--simyaa-paper)}.showcase-label{position:absolute;right:26px;bottom:24px;background:rgba(255,253,248,.9);backdrop-filter:blur(12px);padding:9px 14px;border-radius:999px;font-weight:900}.floating-seal{position:absolute;right:15px;top:0;width:130px;height:130px;border-radius:50%;background:var(--simyaa-night);color:#fff;display:grid;place-items:center;text-align:center;border:8px solid rgba(255,255,255,.75);box-shadow:var(--simyaa-shadow);font-size:.78rem;line-height:1.35;transform:rotate(8deg)}.floating-seal strong{display:block;color:var(--simyaa-gold);font-size:1.8rem}.trust-strip{margin-top:-30px;position:relative;z-index:3}.trust-grid{display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border:1px solid var(--line);border-radius:24px;box-shadow:var(--simyaa-shadow);overflow:hidden}.trust-grid article{padding:24px 26px;border-left:1px solid var(--line)}.trust-grid article:last-child{border-left:0}.trust-grid span{display:block;color:var(--simyaa-gold);font-weight:900;font-size:.78rem}.trust-grid strong{display:block;font-size:1.05rem;margin-top:4px}.visual-heading{max-width:760px}.visual-heading h2{font-size:clamp(2.1rem,4vw,3.7rem);line-height:1.15;margin:12px 0}.visual-heading p{color:var(--muted);font-size:1.05rem}.portal-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.portal-card{position:relative;min-height:360px;border-radius:28px;overflow:hidden;background:var(--simyaa-night);color:#fff;box-shadow:0 16px 55px rgba(10,39,38,.14)}.portal-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.58;transition:.45s}.portal-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 25%,rgba(7,31,30,.95) 100%)}.portal-card-content{position:absolute;z-index:2;right:24px;left:24px;bottom:24px}.portal-card small{color:var(--simyaa-gold);font-weight:900}.portal-card h3{font-size:1.5rem;margin:8px 0}.portal-card p{color:rgba(255,255,255,.72);font-size:.88rem}.portal-card:hover img{transform:scale(1.06);opacity:.72}.portal-card .arrow{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#fff;color:var(--simyaa-night);margin-top:8px}.feature-ribbon{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center;background:var(--simyaa-night);color:#fff;border-radius:36px;padding:58px;overflow:hidden;position:relative}.feature-ribbon:before{content:"";position:absolute;width:360px;height:360px;border:50px double rgba(255,255,255,.04);left:-100px;bottom:-140px;transform:rotate(45deg)}.feature-ribbon h2{font-size:clamp(2rem,4vw,3.4rem);line-height:1.2;margin:12px 0}.feature-ribbon p{color:rgba(255,255,255,.72)}.feature-ribbon img{border-radius:26px;border:1px solid rgba(255,255,255,.15);box-shadow:0 30px 80px rgba(0,0,0,.25)}.journey-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;counter-reset:journey}.journey-card{counter-increment:journey;background:#fff;border:1px solid var(--line);border-radius:24px;padding:28px;position:relative}.journey-card:before{content:"0" counter(journey);display:block;color:var(--simyaa-gold);font-weight:900;font-size:1.7rem}.journey-card h3{margin:22px 0 8px}.journey-card p{color:var(--muted);font-size:.9rem}.journey-card:not(:last-child):after{content:"←";position:absolute;left:-17px;top:50%;width:34px;height:34px;border-radius:50%;background:var(--simyaa-wine);color:#fff;display:grid;place-items:center;z-index:2}.cta-banner{background:linear-gradient(135deg,var(--simyaa-wine),#4e1514);color:#fff;border-radius:34px;padding:50px;display:flex;align-items:center;justify-content:space-between;gap:30px}.cta-banner h2{font-size:clamp(1.8rem,4vw,3rem);margin:0}.cta-banner p{color:rgba(255,255,255,.74);margin:8px 0 0}.cta-banner .btn{background:#fff;color:var(--simyaa-wine)}.breadcrumb{display:flex;gap:8px;align-items:center;color:var(--muted);font-size:.84rem;margin-bottom:18px}.breadcrumb a{color:var(--simyaa-wine)}.breadcrumb span:before{content:"/";margin-left:8px;color:var(--simyaa-gold)}.catalog-hero{padding:80px 0 55px;background:linear-gradient(135deg,var(--simyaa-sand),#fff)}.catalog-hero h1{font-size:clamp(2.7rem,5vw,4.8rem);margin:10px 0;line-height:1.12}.catalog-hero p{max-width:740px;color:var(--muted);font-size:1.08rem}.catalog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.catalog-card{background:#fff;border:1px solid var(--line);border-radius:26px;overflow:hidden;transition:.25s}.catalog-card:hover{transform:translateY(-6px);box-shadow:var(--simyaa-shadow)}.catalog-cover{height:245px;background:var(--simyaa-sand);position:relative;overflow:hidden}.catalog-cover img{width:100%;height:100%;object-fit:cover;transition:.4s}.catalog-card:hover .catalog-cover img{transform:scale(1.05)}.catalog-count{position:absolute;right:16px;top:16px;background:rgba(12,41,40,.9);color:#fff;padding:6px 11px;border-radius:999px;font-size:.76rem}.catalog-body{padding:24px}.catalog-body small{color:var(--simyaa-wine);font-weight:900}.catalog-body h2,.catalog-body h3{margin:8px 0;font-size:1.45rem}.catalog-body p{color:var(--muted);font-size:.9rem;min-height:55px}.catalog-meta{display:flex;justify-content:space-between;align-items:center;margin-top:18px;color:var(--muted);font-size:.82rem}.catalog-meta b{color:var(--simyaa-night)}.region-hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:50px;align-items:center}.region-hero-grid img{border-radius:32px;box-shadow:var(--simyaa-shadow)}.pill-list{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.pill{display:inline-flex;padding:8px 13px;border-radius:999px;background:#fff;border:1px solid var(--line);font-size:.82rem;font-weight:800}.content-columns{display:grid;grid-template-columns:1fr 320px;gap:34px;align-items:start}.sticky-card{position:sticky;top:110px;background:var(--simyaa-sand);border:1px solid var(--line);border-radius:24px;padding:24px}.sticky-card h3{margin-top:0}.source-list{display:grid;gap:14px}.source-item{background:#fff;border:1px solid var(--line);border-radius:20px;padding:22px;display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center}.source-item h3{margin:0 0 6px}.source-item p{margin:0;color:var(--muted);font-size:.88rem}.source-item a.external{white-space:nowrap;color:var(--simyaa-wine);font-weight:900}.faq-list{display:grid;gap:14px;max-width:900px}.faq-item{background:#fff;border:1px solid var(--line);border-radius:20px;overflow:hidden}.faq-item button{width:100%;border:0;background:#fff;text-align:right;padding:20px 24px;display:flex;justify-content:space-between;gap:20px;font-weight:900}.faq-answer{display:none;padding:0 24px 22px;color:var(--muted)}.faq-item.open .faq-answer{display:block}.faq-item.open button span:last-child{transform:rotate(45deg)}.contact-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:34px}.contact-info{background:var(--simyaa-night);color:#fff;border-radius:30px;padding:38px;position:relative;overflow:hidden}.contact-info:after{content:"";position:absolute;width:240px;height:240px;border:35px double rgba(255,255,255,.05);left:-80px;bottom:-80px;transform:rotate(45deg)}.contact-info p{color:rgba(255,255,255,.7)}.contact-info-list{display:grid;gap:14px;margin-top:28px}.contact-info-list div{border:1px solid rgba(255,255,255,.13);border-radius:16px;padding:16px}.contact-info-list small{display:block;color:var(--simyaa-gold)}.contact-form-card{background:#fff;border:1px solid var(--line);border-radius:30px;padding:36px}.honeypot{position:absolute!important;left:-9999px!important}.legal-prose{max-width:900px}.legal-prose h2{margin-top:36px}.legal-prose p,.legal-prose li{color:var(--muted)}.settings-preview{background:linear-gradient(135deg,var(--simyaa-night),#245957);color:#fff;border-radius:22px;padding:30px;position:relative;overflow:hidden}.settings-preview:after{content:"";position:absolute;width:180px;height:180px;border:24px double rgba(255,255,255,.06);left:-55px;bottom:-70px;transform:rotate(45deg)}.settings-preview img{width:150px;filter:brightness(0) invert(1);margin-bottom:26px}.settings-preview p{color:rgba(255,255,255,.7)}.message-card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:24px}.message-card.new{border-right:5px solid var(--simyaa-wine)}.message-head{display:flex;justify-content:space-between;gap:20px;align-items:start}.message-body{white-space:pre-wrap;background:var(--simyaa-sand);padding:22px;border-radius:16px;margin:22px 0}.status-new{background:#fff0ef;color:#8d2525}.status-read{background:#eef5ff;color:#245b8c}.status-closed{background:#eee;color:#555}.dark-theme{--paper:#101b1b;--ivory:#142424;--ink:#f7f2e8;--muted:#b8b5ae;--line:rgba(255,255,255,.13);background:#101b1b;color:var(--ink)}.dark-theme .site-header.phase2{background:rgba(16,27,27,.9)}.dark-theme .main-nav,.dark-theme .brand strong{color:#fff}.dark-theme .brand small{color:#aaa}.dark-theme .theme-toggle,.dark-theme .design-card,.dark-theme .catalog-card,.dark-theme .journey-card,.dark-theme .contact-form-card,.dark-theme .source-item,.dark-theme .faq-item,.dark-theme .faq-item button,.dark-theme .trust-grid{background:#172727;color:#fff}.dark-theme .section-soft,.dark-theme .catalog-hero,.dark-theme .page-hero{background:#142424}.dark-theme input,.dark-theme select,.dark-theme textarea{background:#101b1b;color:#fff}.dark-theme .site-footer{background:#071615}
@media(max-width:1080px){.portal-grid{grid-template-columns:repeat(2,1fr)}.journey-grid{grid-template-columns:repeat(2,1fr)}.journey-card:nth-child(2):after{display:none}.catalog-grid{grid-template-columns:repeat(2,1fr)}.feature-ribbon,.region-hero-grid,.content-columns,.contact-grid{grid-template-columns:1fr}.sticky-card{position:static}.trust-grid{grid-template-columns:repeat(2,1fr)}.trust-grid article:nth-child(2){border-left:0}.trust-grid article:nth-child(-n+2){border-bottom:1px solid var(--line)}}
@media(max-width:760px){.brand-logo{width:116px}.nav-tools .theme-toggle{display:none}.showcase-stack{height:410px}.showcase-card.primary{height:350px;width:82%}.showcase-card.secondary{height:175px;width:52%}.floating-seal{width:95px;height:95px;font-size:.65rem}.floating-seal strong{font-size:1.35rem}.trust-strip{margin-top:0}.trust-grid,.portal-grid,.journey-grid,.catalog-grid{grid-template-columns:1fr}.trust-grid article{border-left:0;border-bottom:1px solid var(--line)}.trust-grid article:last-child{border-bottom:0}.portal-card{min-height:320px}.journey-card:after{display:none!important}.feature-ribbon{padding:32px;border-radius:26px}.cta-banner{padding:32px;display:block}.cta-banner .btn{margin-top:20px}.source-item{grid-template-columns:1fr}.contact-form-card,.contact-info{padding:26px}.catalog-cover{height:220px}}
.footer-grid{grid-template-columns:1.35fr .8fr .8fr .9fr;gap:42px}.footer-brand .brand-logo{filter:brightness(0) invert(1)}.dark-theme .site-header .brand-logo{filter:brightness(0) invert(1)}
@media(max-width:1160px){.main-nav{gap:14px;font-size:.86rem}.brand-logo{width:122px}}
@media(max-width:980px){.footer-grid{grid-template-columns:1fr 1fr}.main-nav{display:none;position:absolute;top:75px;right:18px;left:18px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px;box-shadow:var(--shadow);flex-direction:column;align-items:stretch;gap:8px}.main-nav.open{display:flex}.nav-toggle{display:block}.dark-theme .main-nav{background:#172727}}
@media(max-width:620px){.footer-grid{grid-template-columns:1fr}}
/* ===== إصدار الإطلاق: التجاوب والقائمة الجانبية ===== */
.mobile-nav-head{display:none}.nav-overlay,.admin-overlay{display:none}.btn-danger{background:#8b2621;color:#fff;border-color:#8b2621}.danger{color:#9b2d27}.status-badge{display:inline-flex;padding:.35rem .65rem;border-radius:999px;background:var(--soft,#f4efe6);font-size:.78rem}.project-card{display:flex;flex-direction:column;gap:.7rem}.project-card .btn{margin-top:auto}.meta-row{display:flex;gap:1rem;color:var(--muted);font-size:.86rem}.cards-grid.compact{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}.notification-list{display:grid;gap:.75rem}.notification-item{padding:1rem 1.1rem;border:1px solid var(--line);border-radius:16px;background:var(--surface);display:flex;justify-content:space-between;gap:1rem}.notification-item.unread{border-inline-start:4px solid var(--primary);background:color-mix(in srgb,var(--primary) 5%,var(--surface))}.admin-filter{display:flex;gap:.75rem;margin:1rem 0}.admin-filter input{max-width:380px}
@media(max-width:740px){
 body.nav-open{overflow:hidden}
 .site-header .nav-wrap{min-height:68px}.brand-logo{max-width:132px}.nav-tools{margin-inline-start:auto}
 .main-nav{position:fixed!important;inset-block:0;inset-inline-end:0;width:65vw;max-width:360px;min-width:260px;height:100dvh;background:var(--surface,#fff);z-index:1100;display:flex!important;flex-direction:column;align-items:stretch;padding:0 1rem 1.5rem;gap:.2rem;transform:translateX(105%);transition:transform .28s ease;box-shadow:-18px 0 45px rgba(0,0,0,.18);overflow-y:auto}
 .main-nav.open{transform:translateX(0)}.main-nav a,.main-nav .link-button{display:block;width:100%;padding:.9rem 1rem;text-align:right;border-radius:12px}.main-nav .inline-form{width:100%}
 .mobile-nav-head{display:flex;align-items:center;justify-content:space-between;padding:1rem .2rem;border-bottom:1px solid var(--line);margin-bottom:.7rem;position:sticky;top:0;background:inherit;z-index:1}.mobile-nav-head button{font-size:1.9rem;background:none;border:0;cursor:pointer;color:inherit}
 .nav-overlay{display:block;position:fixed;inset:0;background:rgba(5,18,18,.55);backdrop-filter:blur(2px);z-index:1090;opacity:0;visibility:hidden;transition:.25s}.nav-overlay.open{opacity:1;visibility:visible}
 .footer-grid{grid-template-columns:1fr 1fr;gap:1.4rem}.footer-bottom{flex-direction:column;align-items:center;text-align:center}.site-footer{padding-bottom:1.5rem}
 .detail-grid,.content-layout,.dashboard-grid{grid-template-columns:1fr}.detail-actions{flex-wrap:wrap}.cards-grid,.design-grid{grid-template-columns:1fr 1fr}.section{padding-block:2.7rem}.container{width:min(100% - 1.25rem,1200px)}
 .admin-sidebar{position:fixed!important;inset-block:0;inset-inline-end:0;inset-inline-start:auto;width:65vw!important;max-width:360px;min-width:260px;z-index:1300;transform:translateX(105%);transition:transform .28s ease;overflow-y:auto}.admin-sidebar.open{transform:translateX(0)}.admin-overlay{display:block;position:fixed;inset:0;background:rgba(5,18,18,.55);z-index:1290;opacity:0;visibility:hidden;transition:.25s}.admin-overlay.open{opacity:1;visibility:visible}.admin-content{width:100%;margin:0!important}.admin-topbar{position:sticky;top:0;z-index:20;background:var(--surface)}
}
@media(max-width:520px){.main-nav,.admin-sidebar{width:65vw;min-width:0}.cards-grid,.design-grid,.footer-grid{grid-template-columns:1fr}.hero-actions,.detail-actions{display:grid}.btn{width:100%;justify-content:center}.table-wrap{overflow-x:auto}.admin-filter{flex-direction:column}.notification-item{flex-direction:column}}
