/* V55 — VIP Design Request Flow
   تعديل محصور لمسار التصاميم الخاصة: vip.html / vip-design.html / vip-request-success.html */
:root{
  --v55-ink:#070b12;
  --v55-navy:#0b1424;
  --v55-navy-2:#111f34;
  --v55-gold:#d7ae5b;
  --v55-gold-2:#f2d58a;
  --v55-cream:#fff8ea;
  --v55-paper:#fffdf7;
  --v55-muted:#7b6d59;
  --v55-line:rgba(215,174,91,.28);
  --v55-soft:rgba(255,248,234,.76);
  --v55-shadow:0 26px 80px rgba(7,11,18,.16);
  --v55-shadow-dark:0 30px 90px rgba(0,0,0,.34);
}
.vip-page,.vip-design-page,.vip-success-page{background:#fffaf0;color:var(--v55-ink)}
.v55-shell{position:relative;overflow:hidden;background:radial-gradient(circle at 18% 0%,rgba(215,174,91,.20),transparent 34%),linear-gradient(180deg,#fffaf0 0%,#fff7e6 48%,#fff 100%)}
.v55-shell:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.58),transparent 18%,transparent 82%,rgba(255,255,255,.54));pointer-events:none}
.v55-container{width:min(1180px,calc(100% - 32px));margin:auto;position:relative;z-index:1}
.v55-kicker{margin:0 0 10px;color:#a87924;font-size:12px;font-weight:900;letter-spacing:.08em;text-transform:none}
.v55-hero{padding:68px 0 34px;background:linear-gradient(135deg,#090e18,#132239 58%,#22170b);color:#fff;position:relative;overflow:hidden}
.v55-hero:before{content:"";position:absolute;inset:-40% -10% auto auto;width:520px;height:520px;background:radial-gradient(circle,rgba(242,213,138,.28),transparent 66%);filter:blur(4px)}
.v55-hero-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:34px;align-items:center;position:relative;z-index:1}
.v55-hero h1{margin:0 0 16px;font-size:clamp(42px,7vw,86px);line-height:1.02;letter-spacing:-.04em;color:#fff;font-family:Georgia,'Times New Roman',serif}
.v55-hero p{margin:0;color:rgba(255,255,255,.76);font-size:18px;line-height:2;max-width:720px}
.v55-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}
.v55-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:999px;padding:13px 22px;min-height:48px;text-decoration:none;font-weight:950;border:1px solid transparent;cursor:pointer;font-family:inherit;transition:transform .2s ease,box-shadow .2s ease,background .2s ease;color:inherit}
.v55-btn:hover{transform:translateY(-1px)}
.v55-btn--gold{background:linear-gradient(135deg,#b57b22,#f2d58a,#b57b22);color:#1b1206;box-shadow:0 18px 42px rgba(215,174,91,.26)}
.v55-btn--outline{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.25);color:#fff}
.v55-btn--dark{background:#0b1424;color:#fff;border-color:#0b1424}
.v55-btn--light{background:#fff;border-color:rgba(215,174,91,.32);color:#0b1424}
.v55-btn.full{width:100%}
.v55-hero-visual{position:relative;min-height:520px;border-radius:42px;overflow:hidden;border:1px solid rgba(255,255,255,.18);background:#111;box-shadow:var(--v55-shadow-dark)}
.v55-hero-photo{position:absolute;inset:0;background-size:cover;background-position:center;transform:scale(1.02)}
.v55-hero-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 44%,rgba(0,0,0,.75))}
.v55-hero-badge{position:absolute;inset:auto 22px 22px 22px;z-index:2;display:grid;gap:8px;background:rgba(8,13,23,.72);backdrop-filter:blur(10px);border:1px solid rgba(242,213,138,.22);border-radius:26px;padding:18px;color:#fff}
.v55-hero-badge small{color:var(--v55-gold-2);font-weight:900}.v55-hero-badge strong{font-size:24px}
.v55-micro-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:24px}.v55-micro-strip span{border:1px solid rgba(242,213,138,.25);border-radius:18px;padding:13px 14px;background:rgba(255,255,255,.07);color:rgba(255,255,255,.82);font-weight:850;text-align:center}
.v55-section{padding:58px 0}.v55-section--tight{padding:34px 0}.v55-section-head{display:flex;justify-content:space-between;gap:24px;align-items:end;margin-bottom:24px}.v55-section-head h2{margin:0;color:#0b1424;font-size:clamp(30px,4.8vw,58px);line-height:1.05;font-family:Georgia,'Times New Roman',serif}.v55-section-head p{max-width:640px;margin:8px 0 0;color:var(--v55-muted);line-height:1.9}
.v55-paths{display:grid;grid-template-columns:1fr 1fr;gap:16px}.v55-path{position:relative;overflow:hidden;border-radius:32px;padding:26px;background:#fff;border:1px solid var(--v55-line);box-shadow:0 18px 50px rgba(7,11,18,.08);display:grid;min-height:250px}.v55-path:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 15% 10%,rgba(215,174,91,.18),transparent 42%);pointer-events:none}.v55-path>*{position:relative}.v55-path b{width:48px;height:48px;border-radius:18px;display:grid;place-items:center;background:#0b1424;color:#f2d58a;margin-bottom:16px}.v55-path h3{margin:0 0 10px;color:#0b1424;font-size:27px}.v55-path p{color:var(--v55-muted);line-height:1.9;margin:0 0 16px}.v55-path .v55-btn{justify-self:start;align-self:end}
.v55-design-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.v55-design-card{background:#fff;border:1px solid var(--v55-line);border-radius:34px;box-shadow:0 20px 56px rgba(7,11,18,.09);overflow:hidden;display:flex;flex-direction:column}.v55-design-card__image{height:295px;background-size:cover;background-position:center;position:relative;text-decoration:none;display:block}.v55-design-card__image:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 52%,rgba(0,0,0,.78))}.v55-design-code{position:absolute;z-index:2;inset:16px auto auto 16px;direction:ltr;background:rgba(8,13,23,.74);color:#f2d58a;border:1px solid rgba(242,213,138,.35);border-radius:999px;padding:8px 12px;font-weight:950;font-size:12px}.v55-design-type{position:absolute;z-index:2;inset:auto 16px 16px auto;background:rgba(255,255,255,.9);color:#0b1424;border-radius:999px;padding:8px 12px;font-weight:950;font-size:12px}.v55-design-card__body{padding:20px;display:grid;gap:12px;flex:1}.v55-design-card h3{margin:0;color:#0b1424;font-size:24px;line-height:1.25}.v55-design-card p{margin:0;color:var(--v55-muted);line-height:1.8}.v55-chip-line{display:flex;gap:8px;flex-wrap:wrap}.v55-chip-line span{border-radius:999px;background:#fff6df;border:1px solid rgba(215,174,91,.24);color:#755118;padding:7px 10px;font-size:12px;font-weight:900}.v55-card-meta{display:grid;grid-template-columns:1fr 1fr;gap:8px}.v55-card-meta div{background:#fffaf0;border:1px solid rgba(215,174,91,.22);border-radius:18px;padding:12px}.v55-card-meta span{display:block;color:#9b8c76;font-size:12px;font-weight:900}.v55-card-meta strong{display:block;margin-top:4px;color:#0b1424;font-size:13px;line-height:1.5}
.v55-process{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.v55-process article{background:#0b1424;color:#fff;border-radius:26px;padding:20px;min-height:180px;border:1px solid rgba(242,213,138,.18)}.v55-process span{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:15px;background:rgba(242,213,138,.11);color:#f2d58a;font-weight:950;margin-bottom:14px}.v55-process strong{font-size:20px}.v55-process p{color:rgba(255,255,255,.68);line-height:1.8;margin:8px 0 0}
.v55-empty,.v55-loader{background:#fff;border:1px dashed var(--v55-line);border-radius:28px;padding:34px;text-align:center;color:var(--v55-muted);grid-column:1/-1}.v55-empty h3{color:#0b1424;margin:0 0 8px}
/* Detail page */
.v55-detail-hero{background:linear-gradient(135deg,#080d17,#101d31 60%,#2c1a07);color:#fff;padding:48px 0 34px}.v55-detail-hero-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:26px;align-items:center}.v55-back{display:inline-flex;margin-bottom:14px;color:#f2d58a;text-decoration:none;font-weight:900}.v55-detail-hero h1{margin:0 0 14px;color:#fff;font-family:Georgia,'Times New Roman',serif;font-size:clamp(40px,7vw,76px);line-height:1.02}.v55-detail-hero p{color:rgba(255,255,255,.76);line-height:2;font-size:17px;margin:0}.v55-code-plate{display:inline-flex;direction:ltr;margin:0 0 14px;border-radius:999px;padding:9px 14px;background:rgba(242,213,138,.12);color:#f2d58a;border:1px solid rgba(242,213,138,.26);font-weight:950}.v55-detail-image{min-height:420px;border-radius:38px;position:relative;overflow:hidden;background-size:cover;background-position:center;box-shadow:var(--v55-shadow-dark);border:1px solid rgba(255,255,255,.16)}.v55-detail-image:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 50%,rgba(0,0,0,.74))}.v55-detail-badge{position:absolute;z-index:2;right:20px;bottom:20px;border-radius:20px;background:rgba(8,13,23,.72);border:1px solid rgba(242,213,138,.25);padding:13px 16px;color:#fff;font-weight:900}.v55-detail-grid{display:grid;grid-template-columns:minmax(0,1fr) 420px;gap:22px;align-items:start}.v55-gallery,.v55-story-card,.v55-form-card,.v55-spec-card{background:#fff;border:1px solid var(--v55-line);border-radius:34px;box-shadow:0 22px 60px rgba(7,11,18,.08);overflow:hidden}.v55-main-image{height:560px;background-size:cover;background-position:center}.v55-thumbs{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;padding:12px;background:#fffaf0}.v55-thumb{height:82px;border:1px solid rgba(215,174,91,.28);border-radius:16px;background-size:cover;background-position:center;cursor:pointer;opacity:.76}.v55-thumb.active{opacity:1;outline:2px solid #d7ae5b;outline-offset:2px}.v55-story-card{padding:26px}.v55-story-card h2{margin:0 0 12px;font-family:Georgia,'Times New Roman',serif;color:#0b1424;font-size:40px}.v55-story-card p{color:var(--v55-muted);line-height:2;margin:0 0 16px}.v55-spec-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.v55-spec{border:1px solid rgba(215,174,91,.24);background:#fffaf0;border-radius:20px;padding:14px}.v55-spec span{display:block;color:#9b8c76;font-size:12px;font-weight:950}.v55-spec strong{display:block;margin-top:5px;color:#0b1424;line-height:1.6}.v55-execution-board{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:18px}.v55-execution-board article{border-radius:22px;border:1px solid rgba(215,174,91,.28);background:linear-gradient(180deg,#fffdf8,#fff6df);padding:16px}.v55-execution-board b{display:block;color:#0b1424;font-size:16px}.v55-execution-board small{display:block;color:var(--v55-muted);line-height:1.7;margin-top:6px}.v55-form-card{position:sticky;top:98px;padding:22px}.v55-form-card h2{margin:0 0 8px;color:#0b1424;font-size:28px}.v55-form-card p{margin:0 0 16px;color:var(--v55-muted);line-height:1.8}.v55-alert{display:none;margin:0 0 12px;padding:12px 14px;border-radius:18px;background:#fee2e2;color:#8a1111;font-weight:850;line-height:1.7}.v55-alert.show{display:block}.v55-alert.success{background:#dcfce7;color:#14532d}.v55-form{display:grid;gap:12px}.v55-form label{display:grid;gap:7px;color:#0b1424;font-weight:950}.v55-form input,.v55-form select,.v55-form textarea{width:100%;border:1px solid rgba(11,20,36,.14);border-radius:16px;background:#fff;padding:13px 14px;font:inherit;color:#0b1424}.v55-form textarea{resize:vertical}.v55-intent{display:grid;grid-template-columns:1fr 1fr;gap:10px}.v55-intent label{display:flex;align-items:center;gap:8px;border:1px solid rgba(215,174,91,.24);border-radius:18px;padding:12px;background:#fffaf0;font-weight:900;cursor:pointer}.v55-upload-hint{display:block;color:var(--v55-muted);font-size:12px;line-height:1.6}.v55-upload-name{display:block;border-radius:12px;background:#fffaf0;padding:8px 10px;color:#755118;font-size:12px}.v55-assurance-mini{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:16px}.v55-assurance-mini span{text-align:center;border-radius:16px;background:#0b1424;color:#f2d58a;padding:11px 8px;font-size:12px;font-weight:900}.v55-success{min-height:72vh;display:grid;place-items:center;padding:70px 0}.v55-success-card{max-width:780px;background:#fff;border:1px solid var(--v55-line);border-radius:38px;padding:42px;box-shadow:var(--v55-shadow);text-align:center}.v55-success-card h1{font-family:Georgia,'Times New Roman',serif;color:#0b1424;font-size:clamp(38px,6vw,72px);line-height:1.02;margin:0}.v55-success-card p{color:var(--v55-muted);font-size:18px;line-height:1.9}.v55-success-id{direction:ltr;display:inline-flex;margin:16px auto;padding:12px 18px;border-radius:999px;background:#0b1424;color:#f2d58a;border:1px solid rgba(242,213,138,.34);font-weight:950;letter-spacing:.08em}.v55-copy-btn{border:0;border-radius:999px;background:#fff6df;color:#755118;padding:10px 14px;font-weight:900;font-family:inherit;cursor:pointer;margin-right:8px}.v55-success-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:18px}
@media(max-width:1050px){.v55-hero-grid,.v55-detail-hero-grid,.v55-detail-grid{grid-template-columns:1fr}.v55-form-card{position:relative;top:auto}.v55-design-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.v55-process{grid-template-columns:repeat(2,1fr)}.v55-hero-visual{min-height:420px}.v55-main-image{height:460px}}
@media(max-width:720px){.v55-container{width:min(100% - 22px,1180px)}.v55-hero{padding:44px 0 26px}.v55-hero h1,.v55-detail-hero h1{font-size:42px}.v55-hero p,.v55-detail-hero p{font-size:15px}.v55-hero-visual{min-height:360px;border-radius:28px}.v55-micro-strip{grid-template-columns:1fr 1fr}.v55-paths,.v55-design-grid,.v55-process,.v55-spec-grid,.v55-execution-board,.v55-intent,.v55-assurance-mini{grid-template-columns:1fr}.v55-section{padding:38px 0}.v55-section-head{display:block}.v55-design-card__image{height:250px}.v55-detail-image{min-height:330px;border-radius:26px}.v55-main-image{height:360px}.v55-thumbs{grid-template-columns:repeat(4,1fr)}.v55-thumb{height:68px}.v55-story-card,.v55-form-card,.v55-gallery{border-radius:24px}.v55-success-card{padding:28px 18px;border-radius:28px}.v55-success-actions{display:grid}.v55-success-actions a,.v55-success-actions button{width:100%}}