/* x plate.jo — shared styles */
  :root{
    --bg:#FFFFFF;
    --surface:#FFFFFF;
    --surface-2:#F3F5F8;
    --line:#DDE2EA;
    --text:#000000;
    --muted:#4A5568;
    --gold:#3B5BDB;
    --accent-text:#8FA9E8;
    --gold-dim:#2A3E8F;
    --teal:#1FB6A6;
    --danger:#E4572E;
    --radius:14px;
    --font-display:'Space Grotesk', 'Segoe UI', sans-serif;
    --font-body:'Inter', 'Segoe UI', sans-serif;
    --font-mono:'JetBrains Mono', 'Courier New', monospace;
  }
  @import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@500;600;700&family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@500;700&family=Cairo:wght@500;600;700;800&family=Barlow+Condensed:wght@600;700;800&family=IBM+Plex+Sans+Arabic:wght@400;500;600;700&display=swap');

  html[dir="rtl"] body{
    font-family:'IBM Plex Sans Arabic', var(--font-body);
  }
  html[dir="rtl"] h1, html[dir="rtl"] h2, html[dir="rtl"] h3, html[dir="rtl"] .logo,
  html[dir="rtl"] .section-head h2, html[dir="rtl"] .register-banner h2{
    font-family:'Cairo', var(--font-display);
  }
  html[dir="rtl"] .eyebrow, html[dir="rtl"] .kicker, html[dir="rtl"] .section-head .tag{
    font-family:'IBM Plex Sans Arabic', var(--font-mono);
    letter-spacing:0;
  }
  html[dir="rtl"] .dropdown{left:auto; right:-14px;}
  html[dir="rtl"] .modal-close{right:auto; left:18px;}
  html[dir="rtl"] .field .hint.error, html[dir="rtl"] .field .hint{text-align:right;}

  *{box-sizing:border-box; margin:0; padding:0;}
  html{scroll-behavior:smooth;}
  body{
    background:var(--bg);
    color:var(--text);
    font-family:var(--font-body);
    line-height:1.5;
    -webkit-font-smoothing:antialiased;
  }
  a{color:inherit; text-decoration:none;}
  img{max-width:100%; display:block;}
  ul{list-style:none;}
  .wrap{max-width:1180px; margin:0 auto; padding:0 24px;}

  /* ===== Jordanian plate: embossed look. Layout: "الاردن" top-left, "JORDAN" bottom-left, code-number big in the middle ===== */
  .plate{
    position:relative; container-type:inline-size;
    display:flex; align-items:stretch;
    width:100%; max-width:300px; aspect-ratio:4.2 / 1;
    direction:ltr; unicode-bidi:isolate;
    background:linear-gradient(180deg,#E9ECF1 0%,#DDE1E8 50%,#D1D6DF 100%);
    color:#0B0B0B; border-radius:9px;
    box-shadow:0 2px 12px rgba(0,0,0,.55);
    font-size:16px; line-height:1;
  }
  /* black frame on the very edge of the plate */
  .plate::before{content:''; position:absolute; inset:0; border:max(2px,1.2cqw) solid #0B0B0B; border-radius:inherit; pointer-events:none; z-index:2;}
  /* thin pressed line just inside the frame */
  .plate::after{content:''; position:absolute; inset:max(3px,1.7cqw); border:1px solid rgba(255,255,255,.75); border-radius:max(4px,1.4cqw); box-shadow:0 0 0 1px rgba(0,0,0,.08) inset; pointer-events:none;}
  .plate-country{
    flex:0 0 23%; display:flex; flex-direction:column; justify-content:space-between; align-items:flex-start;
    padding:5.6cqw 0 5cqw 5.4cqw; color:#0B0B0B;
  }
  .plate-country .ar{font-family:'Cairo','IBM Plex Sans Arabic',Arial,sans-serif; font-weight:800; font-size:5.6cqw; line-height:1;}
  .plate-country .en{font-family:Arial,Helvetica,sans-serif; font-weight:800; font-size:4.3cqw; letter-spacing:.02em; line-height:1;}
  .plate-digits{
    flex:1; display:flex; align-items:center; justify-content:center; gap:.04em; padding-right:3cqw;
    font-family:'Barlow Condensed','Arial Narrow','Roboto Condensed',Arial,sans-serif; font-weight:700;
    font-size:calc(var(--fs, .2) * 100cqw); letter-spacing:.05em; white-space:nowrap;
  }
  /* strongly raised, glossy, stamped look shared by every character on the plate */
  .plate-digits .pc, .plate-digits .pd, .plate-digits .pn, .plate-country .ar, .plate-country .en{
    background:linear-gradient(172deg,#6E7177 0%,#15161A 26%,#000 55%,#2A2C31 100%);
    -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent;
    filter:drop-shadow(0 0 .7px #fff) drop-shadow(0 0 1.6px rgba(255,255,255,.9)) drop-shadow(0 1.3px 0 rgba(255,255,255,.75)) drop-shadow(1px 2px 1.6px rgba(0,0,0,.65));
  }
  /* if the condensed font could not be loaded, squeeze the fallback font so the digits stay tall and narrow */
  html.no-cond .plate-digits{letter-spacing:.03em;}
  html.no-cond .plate-digits .pc, html.no-cond .plate-digits .pd, html.no-cond .plate-digits .pn{display:inline-block; transform:scaleX(.74);}
  html.no-cond .plate-digits .pc{transform-origin:right center;}
  html.no-cond .plate-digits .pd{transform-origin:center;}
  html.no-cond .plate-digits .pn{transform-origin:left center;}

  /* ===== header ===== */
  header{
    position:sticky; top:0; z-index:50;
    background:rgba(10,13,18,.9);
    backdrop-filter:blur(10px);
    border-bottom:1px solid var(--line);
  }
  .nav-row{display:flex; align-items:center; justify-content:space-between; height:72px; gap:24px;}
  .logo{display:flex; align-items:center; gap:10px; font-family:var(--font-display); font-weight:700; font-size:1.35rem;}
  .logo .x{
    width:34px;height:34px;border-radius:8px;
    background:linear-gradient(135deg,var(--gold),#1E2E6E);
    display:flex;align-items:center;justify-content:center;
    color:#fff; font-weight:700; font-family:var(--font-display);
  }
  nav.primary{display:flex; gap:28px; align-items:center;}
  nav.primary > ul{display:flex; gap:28px;}
  nav.primary > ul > li{position:relative;}
  nav.primary > ul > li > a{font-size:.92rem; font-weight:500; color:var(--muted); display:flex; gap:4px; align-items:center; padding:8px 0;}
  nav.primary > ul > li:hover > a{color:var(--text);}
  nav.primary > ul > li .chev{font-size:.6rem; opacity:.6;}
  .dropdown{
    position:absolute; top:100%; left:-14px; min-width:230px;
    background:var(--surface); border:1px solid var(--line); border-radius:10px;
    padding:8px; opacity:0; visibility:hidden; transform:translateY(6px);
    transition:.15s ease; box-shadow:0 12px 30px rgba(0,0,0,.4);
  }
  nav.primary > ul > li:hover .dropdown{opacity:1; visibility:visible; transform:translateY(0);}
  .dropdown a{display:block; padding:9px 12px; border-radius:7px; font-size:.87rem; color:var(--muted);}
  .dropdown a:hover{background:var(--surface-2); color:var(--accent-text);}
  .nav-actions{display:flex; align-items:center; gap:14px;}
  .icon-btn{
    width:38px;height:38px;border-radius:10px;
    display:flex;align-items:center;justify-content:center;
    background:var(--surface); border:1px solid var(--line);
    color:var(--muted); font-size:1rem; cursor:pointer;
  }
  .btn{
    padding:10px 20px; border-radius:10px; font-weight:600; font-size:.88rem;
    border:1px solid transparent; cursor:pointer; transition:.15s;
  }
  .btn-gold{background:var(--gold); color:#fff;}
  .btn-gold:hover{background:#4E6EF2;}
  .btn-ghost{background:transparent; border-color:var(--line); color:var(--text);}
  .btn-ghost:hover{border-color:var(--gold);}
  .menu-toggle{display:none;}

  /* ===== hero ===== */
  .hero{
    padding:76px 0 60px;
    background:
      radial-gradient(600px 300px at 85% -10%, rgba(242,183,5,.10), transparent),
      radial-gradient(500px 260px at 10% 110%, rgba(31,182,166,.08), transparent);
    border-bottom:1px solid var(--line);
    position:relative; overflow:hidden;
  }
  .breadcrumb{font-size:.8rem; color:var(--muted); margin-bottom:22px;}
  .breadcrumb a:hover{color:var(--accent-text);}
  .hero-grid{display:grid; grid-template-columns:1.1fr .9fr; gap:48px; align-items:center;}
  .eyebrow{
    display:inline-flex; align-items:center; gap:8px;
    font-family:var(--font-mono); font-size:.72rem; letter-spacing:.14em; text-transform:uppercase;
    color:var(--accent-text); border:1px solid var(--gold-dim); padding:6px 12px; border-radius:100px;
    margin-bottom:22px;
  }
  h1{
    font-family:var(--font-display); font-size:clamp(2.1rem, 4vw, 3.2rem);
    font-weight:700; line-height:1.08; margin-bottom:20px; letter-spacing:-.01em;
  }
  h1 .accent{color:var(--accent-text);}
  .hero p.lead{color:var(--muted); font-size:1.05rem; max-width:520px; margin-bottom:30px;}
  .hero-cta{display:flex; gap:14px; flex-wrap:wrap;}
  .hero-visual{
    background:var(--surface); border:1px solid var(--line); border-radius:20px;
    padding:28px; position:relative;
  }
  .hero-visual .plate-row{display:flex; flex-direction:column; gap:12px;}
  .hero-visual .plate{font-size:1.1rem; padding:10px 16px; justify-content:center; width:fit-content;}
  .hero-visual .stat-strip{display:grid; grid-template-columns:repeat(3,1fr); gap:12px; margin-top:22px;}
  .stat-strip div{background:var(--surface-2); border-radius:10px; padding:14px; text-align:center;}
  .stat-strip b{display:block; font-family:var(--font-display); font-size:1.3rem; color:var(--accent-text);}
  .stat-strip span{font-size:.72rem; color:var(--muted);}

  /* ===== section shell ===== */
  section{padding:64px 0; scroll-margin-top:90px;}
  .section-head{display:flex; align-items:flex-end; justify-content:space-between; margin-bottom:32px; gap:20px; flex-wrap:wrap;}
  .section-head .tag{font-family:var(--font-mono); font-size:.7rem; letter-spacing:.14em; text-transform:uppercase; color:var(--teal); margin-bottom:8px; display:block;}
  .section-head h2{font-family:var(--font-display); font-size:1.9rem; font-weight:700;}
  .section-head p{color:var(--muted); font-size:.92rem; margin-top:6px; max-width:460px;}
  .view-all{font-size:.87rem; font-weight:600; color:var(--accent-text); white-space:nowrap;}

  /* ===== feature cards (numbers/autos/orders/negotiations) ===== */
  .feature-grid{display:grid; grid-template-columns:repeat(4,1fr); gap:20px;}
  .feature-card{
    background:var(--surface); border:1px solid var(--line); border-radius:var(--radius);
    padding:26px; transition:.2s; position:relative; overflow:hidden;
  }
  .feature-card:hover{border-color:var(--gold-dim); transform:translateY(-3px);}
  .feature-card .badge{
    display:inline-block; font-size:.65rem; font-weight:700; letter-spacing:.06em;
    background:var(--danger); color:#fff; padding:3px 9px; border-radius:100px; margin-bottom:14px;
  }
  .feature-card .icon{
    width:46px;height:46px;border-radius:12px; margin-bottom:16px;
    display:flex; align-items:center; justify-content:center; font-size:1.3rem;
    background:linear-gradient(135deg, var(--surface-2), var(--surface));
    border:1px solid var(--line); color:var(--accent-text);
  }
  .feature-card h3{font-family:var(--font-display); font-size:1.15rem; margin-bottom:6px;}
  .feature-card p{color:var(--muted); font-size:.85rem; margin-bottom:18px;}
  .feature-card .count{font-family:var(--font-mono); color:var(--teal); font-size:.8rem; margin-bottom:14px; display:block;}
  .feature-card a.cta{font-size:.83rem; font-weight:600; color:var(--text); display:inline-flex; gap:6px; align-items:center;}
  .feature-card a.cta:hover{color:var(--accent-text);}

  /* ===== urgent banner ===== */
  .urgent{
    background:linear-gradient(120deg, #241108, #1a0f06 60%, #12161F);
    border:1px solid #4a2410; border-radius:20px; padding:36px 40px;
    display:flex; align-items:center; justify-content:space-between; gap:24px; flex-wrap:wrap;
  }
  .urgent h3{font-family:var(--font-display); font-size:1.5rem; margin-bottom:8px;}
  .urgent p{color:var(--muted); font-size:.9rem; max-width:420px;}
  .urgent .flame{font-size:2.2rem;}

  /* ===== useful links ===== */
  .links-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:20px;}
  .link-card{background:var(--surface); border:1px solid var(--line); border-radius:var(--radius); padding:24px;}
  .link-card .org{display:flex; align-items:center; gap:12px; margin-bottom:14px;}
  .link-card .org .mark{
    width:40px;height:40px;border-radius:10px;background:var(--surface-2);
    display:flex;align-items:center;justify-content:center;font-weight:700;color:var(--accent-text);font-family:var(--font-display);
    border:1px solid var(--line);
  }
  .link-card h4{font-size:1rem;}
  .link-card p{color:var(--muted); font-size:.83rem; margin:12px 0 16px;}
  .link-card a.visit{font-size:.82rem; font-weight:600; color:var(--teal);}

  /* ===== register banner ===== */
  .register-banner{
    background:var(--surface); border:1px solid var(--line); border-radius:20px;
    padding:44px; display:grid; grid-template-columns:1fr 1fr; gap:32px; align-items:center;
  }
  .register-banner .shot{
    background:var(--surface-2); border-radius:14px; border:1px solid var(--line);
    aspect-ratio:16/10; display:flex; align-items:center; justify-content:center;
    color:var(--muted); font-size:.8rem; font-family:var(--font-mono);
  }
  .register-banner .kicker{color:var(--accent-text); font-family:var(--font-mono); font-size:.72rem; letter-spacing:.14em; text-transform:uppercase; margin-bottom:10px; display:block;}
  .register-banner h2{font-family:var(--font-display); font-size:1.8rem; margin-bottom:12px;}
  .register-banner p{color:var(--muted); margin-bottom:22px; font-size:.92rem;}

  /* ===== tag cloud ===== */
  .tag-cloud{display:flex; flex-wrap:wrap; gap:12px;}
  .tag-pill{
    padding:10px 18px; border-radius:100px; background:var(--surface);
    border:1px solid var(--line); font-family:var(--font-mono); font-size:.82rem; color:var(--muted);
  }
  .tag-pill:hover{border-color:var(--gold); color:var(--accent-text);}

  /* ===== short links + recent joins ===== */
  .two-col{display:grid; grid-template-columns:1fr 1.2fr; gap:24px;}
  .stat-list{background:var(--surface); border:1px solid var(--line); border-radius:var(--radius); padding:8px;}
  .stat-list li{display:flex; justify-content:space-between; align-items:center; padding:16px 18px; border-bottom:1px solid var(--line);}
  .stat-list li:last-child{border-bottom:none;}
  .stat-list li span.count{font-family:var(--font-mono); color:var(--accent-text); font-size:.85rem;}
  .user-list{display:flex; flex-direction:column; gap:10px;}
  .user-row{
    display:flex; align-items:center; gap:14px; background:var(--surface);
    border:1px solid var(--line); border-radius:12px; padding:14px 16px;
  }
  .avatar{
    width:42px;height:42px;border-radius:50%; background:linear-gradient(135deg,var(--teal),#0d5c53);
    display:flex; align-items:center; justify-content:center; font-weight:700; font-family:var(--font-display); flex-shrink:0;
  }
  .user-row .name{font-weight:600; font-size:.92rem;}
  .user-row .time{color:var(--muted); font-size:.78rem;}

  /* ===== footer ===== */
  footer{border-top:1px solid var(--line); padding:48px 0 28px; margin-top:40px;}
  .footer-grid{display:grid; grid-template-columns:1.4fr repeat(3,1fr); gap:32px; margin-bottom:36px;}
  .footer-grid h5{font-size:.8rem; text-transform:uppercase; letter-spacing:.08em; color:var(--muted); margin-bottom:16px;}
  .footer-grid li{margin-bottom:10px; font-size:.87rem;}
  .footer-grid li a:hover{color:var(--accent-text);}
  .footer-bottom{
    display:flex; justify-content:space-between; align-items:center; padding-top:24px;
    border-top:1px solid var(--line); font-size:.82rem; color:var(--muted); flex-wrap:wrap; gap:12px;
  }
  .social-dot{width:34px;height:34px;border-radius:50%; background:var(--surface); border:1px solid var(--line); display:flex; align-items:center; justify-content:center;}

  @media (max-width:920px){
    nav.primary{display:none;}
    .menu-toggle{display:flex;}
    .hero-grid, .register-banner, .two-col{grid-template-columns:1fr;}
    .feature-grid, .links-grid{grid-template-columns:1fr 1fr;}
    .footer-grid{grid-template-columns:1fr 1fr;}
  }
  @media (max-width:600px){
    .feature-grid, .links-grid, .footer-grid{grid-template-columns:1fr;}
  }

  /* ===== search bar ===== */
  .search-bar{
    display:flex; gap:10px; background:var(--surface); border:1px solid var(--line);
    border-radius:12px; padding:8px; margin-top:26px; max-width:520px;
  }
  .search-bar select{
    background:var(--surface-2); border:1px solid var(--line); border-radius:8px;
    color:var(--text); font-size:.85rem; padding:0 10px; font-family:var(--font-body);
  }
  .search-bar input{
    flex:1; background:transparent; border:none; outline:none;
    color:var(--text); font-size:.92rem; padding:10px 6px;
  }
  .search-bar input::placeholder{color:var(--muted);}
  .search-bar button{
    background:var(--gold); color:#fff; border:none; border-radius:8px;
    padding:0 18px; font-weight:600; font-size:.88rem; cursor:pointer;
  }
  .search-bar button:hover{background:#4E6EF2;}
  .search-result{
    margin-top:14px; font-size:.85rem; color:var(--muted);
    background:var(--surface); border:1px solid var(--line); border-radius:10px;
    padding:12px 16px; display:none; max-width:520px;
  }
  .search-result.show{display:block;}
  .search-result b{color:var(--accent-text);}

  /* ===== register modal ===== */
  .modal-overlay{
    position:fixed; inset:0; background:rgba(5,7,10,.72); backdrop-filter:blur(3px);
    display:none; align-items:center; justify-content:center; z-index:100; padding:20px;
  }
  .modal-overlay.open{display:flex;}
  .modal{
    background:var(--surface); border:1px solid var(--line); border-radius:16px;
    padding:32px; width:100%; max-width:420px; position:relative;
    box-shadow:0 24px 60px rgba(0,0,0,.5);
  }
  .modal h3{font-family:var(--font-display); font-size:1.4rem; margin-bottom:6px;}
  .modal p.sub{color:var(--muted); font-size:.85rem; margin-bottom:22px;}
  .modal-close{
    position:absolute; top:18px; right:18px; background:none; border:none;
    color:var(--muted); font-size:1.2rem; cursor:pointer; line-height:1;
  }
  .modal-close:hover{color:var(--text);}
  .field{margin-bottom:16px;}
  .field label{display:block; font-size:.8rem; color:var(--muted); margin-bottom:6px;}
  .field input{
    width:100%; background:var(--surface-2); border:1px solid var(--line);
    border-radius:9px; padding:11px 13px; color:var(--text); font-size:.9rem;
    outline:none; font-family:var(--font-body); transition:.15s;
  }
  .field input:focus{border-color:var(--gold);}
  .field input:invalid:not(:placeholder-shown){border-color:var(--danger);}
  .field .hint{font-size:.72rem; color:var(--muted); margin-top:5px;}
  .field .hint.error{color:var(--danger); display:none;}
  .modal-submit{
    width:100%; background:var(--gold); color:#fff; border:none; border-radius:10px;
    padding:13px; font-weight:600; font-size:.92rem; cursor:pointer; margin-top:6px;
  }
  .modal-submit:hover{background:#4E6EF2;}
  .modal-success{
    display:none; text-align:center; padding:10px 0;
  }
  .modal-success.show{display:block;}
  .modal-success .check{
    width:52px;height:52px;border-radius:50%; background:rgba(31,182,166,.15);
    color:var(--teal); font-size:1.6rem; display:flex; align-items:center; justify-content:center;
    margin:0 auto 16px;
  }
  .modal-success h3{margin-bottom:8px;}
  .modal-success p{color:var(--muted); font-size:.88rem;}

  /* ===== upload modal extras ===== */
  .field textarea{
    width:100%; background:var(--surface-2); border:1px solid var(--line);
    border-radius:9px; padding:11px 13px; color:var(--text); font-size:.9rem;
    outline:none; font-family:var(--font-body); resize:vertical; min-height:70px;
  }
  .field textarea:focus{border-color:var(--gold);}
  .field-row{display:grid; grid-template-columns:1fr 1fr; gap:12px;}

  /* ===== info modal ===== */
  .modal-info-body{color:var(--muted); font-size:.88rem; line-height:1.7; max-height:50vh; overflow-y:auto;}
  .modal-info-body p{margin-bottom:12px;}
  .modal-info-body ul{padding-inline-start:18px; list-style:disc; margin-bottom:12px;}
  .modal-info-body li{margin-bottom:6px;}

  /* ===== recent listings ===== */
  .listings-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:18px;}
  .listing-card{
    background:var(--surface); border:1px solid var(--line); border-radius:var(--radius);
    padding:20px; position:relative;
  }
  .listing-card .plate{margin-bottom:14px;}
    .listing-card .row{display:flex; align-items:center; gap:10px; margin-bottom:14px;}
  .listing-card .num-icon{
    width:38px;height:38px;border-radius:10px; background:var(--surface-2);
    display:flex; align-items:center; justify-content:center; font-size:1.1rem; flex-shrink:0;
  }
  .listing-card .value{font-family:var(--font-mono); font-weight:700; font-size:1rem;}
  .listing-card .price{
    font-family:var(--font-display); color:var(--accent-text); font-size:1.1rem; margin-bottom:8px;
  }
  .listing-card .desc{color:var(--muted); font-size:.82rem; margin-bottom:10px; line-height:1.5;}
  .listing-card .meta{font-size:.72rem; color:var(--muted); font-family:var(--font-mono);}
  .listing-empty{
    text-align:center; color:var(--muted); font-size:.9rem; padding:40px 20px;
    background:var(--surface); border:1px dashed var(--line); border-radius:var(--radius);
  }
  @media (max-width:920px){ .listings-grid{grid-template-columns:1fr 1fr;} }
  @media (max-width:600px){ .listings-grid{grid-template-columns:1fr;} }

  .field input.field-invalid, .field textarea.field-invalid{border-color:var(--danger);}
  .upload-error-banner{
    display:none; background:rgba(228,87,46,.12); border:1px solid var(--danger);
    color:#ff8f6b; font-size:.82rem; border-radius:9px; padding:10px 14px; margin-bottom:16px;
  }
  .upload-error-banner.show{display:block;}

  /* ===== catalog tabs ===== */
  .catalog-tabs{display:flex; gap:10px; margin-bottom:24px;}
  .catalog-tab{
    background:var(--surface); border:1px solid var(--line); color:var(--muted);
    font-size:.85rem; font-weight:600; padding:9px 18px; border-radius:100px;
    cursor:pointer; transition:.15s; font-family:var(--font-body);
  }
  .catalog-tab:hover{border-color:var(--gold-dim); color:var(--text);}
  .catalog-tab.active{background:var(--gold); border-color:var(--gold); color:#fff;}

  /* ===== dedicated listing page header ===== */
  .page-hero{padding:44px 0 36px; border-bottom:1px solid var(--line);}
  .page-hero h1{font-family:var(--font-display); font-size:clamp(1.8rem,3vw,2.4rem); margin-bottom:8px;}
  .page-hero p{color:var(--muted); font-size:.95rem; max-width:560px;}
  .page-toolbar{display:flex; align-items:center; justify-content:space-between; gap:16px; flex-wrap:wrap; margin-top:24px;}
  .filter-input{
    flex:1; min-width:220px; max-width:360px; background:var(--surface); border:1px solid var(--line);
    border-radius:10px; padding:11px 14px; color:var(--text); font-size:.88rem; outline:none;
  }
  .filter-input:focus{border-color:var(--gold);}
  .filter-input::placeholder{color:var(--muted);}

  /* ===== homepage category cards (no listing data shown) ===== */
  .category-card-link{display:block; text-decoration:none;}

/* ===== auth (login / register) ===== */
.auth-guest, .auth-user{display:inline-flex; align-items:center; gap:10px;}
.user-chip{font-family:'JetBrains Mono',monospace; font-size:.82rem; color:var(--text); background:var(--surface-2); border:1px solid var(--line); border-radius:999px; padding:7px 12px; direction:ltr; unicode-bidi:isolate;}
.auth-switch{margin-top:14px; text-align:center; font-size:.85rem; color:var(--muted);}
.auth-switch a{color:var(--accent-text); font-weight:600;}
#loginErr{margin-bottom:12px;}
@media (max-width:520px){ #registerForm .field-row{grid-template-columns:1fr;} }


/* ===== listing detail page ===== */
a.listing-card{display:block; color:inherit; text-decoration:none; transition:border-color .15s, transform .15s;}
a.listing-card:hover{border-color:var(--gold); transform:translateY(-2px);}
.detail-wrap{max-width:820px;}
.detail-title{font-family:var(--font-display); font-size:clamp(1.4rem,3vw,2rem); margin-bottom:20px;}
.detail-card{background:var(--surface); border:1px solid var(--line); border-radius:var(--radius); overflow:hidden;}
.detail-visual{display:flex; justify-content:center; align-items:center; padding:36px 16px; background:var(--surface-2); border-bottom:1px solid var(--line);}
.plate.plate-lg{max-width:600px; border-radius:14px;}
.number-lg{font-family:var(--font-mono); font-weight:700; font-size:2.2rem; letter-spacing:.04em; direction:ltr; unicode-bidi:isolate;}
.seller-row{display:flex; align-items:center; gap:14px; padding:20px 22px 6px;}
.seller-row .by, .seller-row .time{color:var(--muted); font-size:.82rem;}
.detail-price{font-family:var(--font-display); font-size:2rem; font-weight:700; text-align:center; padding:14px 22px;}
.contact-btn{display:block; width:calc(100% - 44px); margin:6px 22px 22px; padding:15px; border:0; border-radius:12px; background:var(--gold); color:#fff; font-weight:700; font-size:1rem; cursor:pointer; font-family:inherit; direction:ltr;}
.contact-btn:hover:not(:disabled){filter:brightness(1.12);}
.contact-btn:disabled{background:var(--surface-2); color:var(--muted); cursor:not-allowed; direction:inherit;}
.important-box{margin:22px 0; padding:18px 22px; border:1px solid var(--danger); background:rgba(228,87,46,.08); border-radius:var(--radius);}
.important-box h3{color:var(--danger); font-size:1.05rem; margin-bottom:10px;}
.important-box ul{margin:0; padding-inline-start:20px; color:var(--text); line-height:1.9; font-size:.92rem;}
.similar-title{font-family:var(--font-display); font-size:1.3rem; margin:28px 0 16px;}
#similarGrid{grid-template-columns:repeat(3,1fr);}
@media (max-width:920px){ #similarGrid{grid-template-columns:1fr 1fr;} }
@media (max-width:600px){ #similarGrid{grid-template-columns:1fr;} .plate.plate-lg{max-width:100%;} }

/* ===== card phone chip + contact popup ===== */
.card-phone{display:inline-flex; align-items:center; gap:8px; margin:2px 0 12px; padding:7px 12px; border:1px solid var(--line); border-radius:999px; background:var(--surface-2); font-family:var(--font-mono); font-size:.82rem; cursor:pointer;}
.card-phone:hover{border-color:var(--gold);}
.card-phone .ph-num{direction:ltr; unicode-bidi:isolate;}
.contact-modal{max-width:560px; padding:0; overflow:hidden;}
.contact-head{display:flex; align-items:center; justify-content:space-between; padding:18px 22px; border-bottom:1px solid var(--line);}
.contact-head h3{margin:0; font-size:1.15rem;}
.contact-head .modal-close{position:static;}
.contact-banner{display:flex; align-items:center; justify-content:center; gap:22px; margin:18px 22px 4px; padding:20px; border-radius:12px; background:var(--surface-2); border:1px solid var(--line);}
.contact-banner-text{display:flex; flex-direction:column; gap:2px;}
.contact-banner-text span{font-family:var(--font-display); font-weight:800; letter-spacing:.06em; color:var(--danger);}
.contact-banner-text b{font-size:1.5rem;}
.contact-safety{margin:14px 22px 6px; color:var(--muted); font-size:.9rem;}
.contact-list{margin:0 22px 18px; padding-inline-start:20px; line-height:1.9; font-size:.9rem; color:var(--muted);}
.contact-list b{color:var(--text);}
.contact-actions{display:flex; gap:10px; align-items:center; padding:16px 22px 20px; border-top:1px solid var(--line); flex-wrap:wrap;}
.contact-close{background:none; border:0; color:var(--muted); cursor:pointer; font-family:inherit; font-size:.9rem; padding:8px 4px;}
.contact-wa, .contact-call{flex:1 1 150px; text-align:center; padding:13px 16px; border-radius:999px; font-weight:700; color:#fff; text-decoration:none;}
.contact-wa{background:#25D366;}
.contact-call{background:var(--gold); direction:ltr;}
.contact-wa:hover, .contact-call:hover{filter:brightness(1.1);}

/* ===== account menu + dashboard ===== */
.user-menu{position:relative;}
button.user-chip{cursor:pointer; color:var(--text); font-family:var(--font-mono);}
button.user-chip:hover{border-color:var(--gold);}
.user-dropdown{display:none; position:absolute; top:calc(100% + 10px); inset-inline-end:0; min-width:230px; background:var(--surface); border:1px solid var(--line); border-radius:12px; padding:6px; box-shadow:0 14px 34px rgba(0,0,0,.5); z-index:80;}
.user-dropdown.open{display:block;}
.user-dropdown a{display:block; padding:10px 12px; border-radius:8px; font-size:.9rem; color:var(--text);}
.user-dropdown a:hover{background:var(--surface-2); color:var(--accent-text);}
.user-dropdown .logout-link{margin-top:4px; border-top:1px solid var(--line); border-radius:0 0 8px 8px; color:var(--danger);}
.dash-grid{display:grid; grid-template-columns:240px 1fr; gap:24px; padding-top:28px; padding-bottom:40px; align-items:start;}
.dash-nav{display:flex; flex-direction:column; gap:6px; background:var(--surface); border:1px solid var(--line); border-radius:var(--radius); padding:10px; position:sticky; top:84px;}
.dash-tab{background:none; border:0; color:var(--text); text-align:start; padding:11px 14px; border-radius:9px; font:inherit; font-size:.92rem; cursor:pointer;}
.dash-tab:hover{background:var(--surface-2);}
.dash-tab.active{background:var(--gold); color:#fff; font-weight:600;}
.dash-tab.dash-logout{margin-top:6px; border-top:1px solid var(--line); border-radius:0 0 9px 9px; color:var(--danger);}
.dash-tab.dash-logout:hover{background:rgba(228,87,46,.1);}
.dash-panel{display:flex; flex-direction:column; gap:18px; min-width:0;}
.dash-card{background:var(--surface); border:1px solid var(--line); border-radius:var(--radius); padding:24px;}
.dash-card h2{font-family:var(--font-display); font-size:1.2rem; margin-bottom:16px;}
.dash-center{text-align:center; display:flex; flex-direction:column; align-items:center; gap:14px;}
.dash-card .field{margin-bottom:14px;}
.dash-card .field label{display:block; font-size:.82rem; color:var(--muted); margin-bottom:6px;}
.dash-card .field input{width:100%; background:var(--surface-2); border:1px solid var(--line); border-radius:9px; padding:11px 13px; color:var(--text); font-size:.92rem; font-family:inherit;}
.dash-card .field input.ro{color:var(--muted); cursor:not-allowed;}
.dash-card .field-row{display:grid; grid-template-columns:1fr 1fr; gap:12px;}
.dash-msg{margin:0 0 14px; padding:10px 14px; border-radius:9px; font-size:.86rem;}
.dash-msg.ok{background:rgba(31,182,166,.12); border:1px solid var(--teal); color:var(--teal);}
.dash-msg.err{background:rgba(228,87,46,.1); border:1px solid var(--danger); color:#ff8f6b;}
.dash-row{display:flex; justify-content:space-between; gap:12px; padding:12px 0; border-bottom:1px solid var(--line); font-size:.92rem;}
.dash-row:last-of-type{border-bottom:0;}
.dash-row span{color:var(--muted);}
.dash-note{color:var(--muted); font-size:.9rem; margin-top:12px;}
.pill.ok{background:rgba(31,182,166,.15); color:var(--teal); padding:3px 10px; border-radius:999px; font-size:.8rem;}
.dash-head{display:flex; justify-content:space-between; align-items:center; gap:12px; margin-bottom:16px; flex-wrap:wrap;}
.dash-head h2{margin:0;}
.my-grid{display:grid; grid-template-columns:repeat(2,1fr); gap:16px;}
.my-item{background:var(--surface-2); border:1px solid var(--line); border-radius:12px; padding:16px; min-width:0;}
.my-item .plate{margin-bottom:12px;}
.my-item .row{display:flex; align-items:center; gap:10px; margin-bottom:12px;}
.my-item .value{font-family:var(--font-mono); font-weight:700; direction:ltr; unicode-bidi:isolate;}
.my-item .price{color:var(--accent-text); font-size:1.05rem; margin-bottom:4px;}
.my-item .meta{color:var(--muted); font-size:.75rem; font-family:var(--font-mono); margin-bottom:12px;}
.my-actions{display:flex; gap:8px;}
.my-actions .btn{padding:8px 14px; font-size:.82rem;}
.btn.danger{color:var(--danger); border-color:rgba(228,87,46,.5);}
.btn.danger:hover{border-color:var(--danger); background:rgba(228,87,46,.08);}
@media (max-width:820px){
  .dash-grid{grid-template-columns:1fr;}
  .dash-nav{flex-direction:row; flex-wrap:wrap; position:static;}
  .dash-tab.dash-logout{margin-top:0; border-top:0;}
  .my-grid, .dash-card .field-row{grid-template-columns:1fr;}
}

/* ===== white site theme: overrides for things that were hard-coded for the old dark look ===== */
header{background:rgba(255,255,255,.92);}
.hero{background:#FFFFFF;}
.modal-overlay{background:rgba(20,24,32,.45);}
.modal, .dropdown, .user-dropdown{box-shadow:0 14px 34px rgba(20,30,50,.18);}
.listing-card, .feature-card, .detail-card, .dash-card{box-shadow:0 1px 3px rgba(20,30,50,.06);}
.register-banner{background:#F3F5F8; border-color:var(--line);}
.important-box{background:rgba(228,87,46,.07);}
.dash-msg.err{color:#B3361B;}
.upload-error-banner{color:#B3361B;}
.field input, .field textarea{color:#000;}
/* coloured / filled elements keep their own colours */
.btn-gold, .dash-tab.active, .contact-wa, .contact-call, .contact-btn:not(:disabled){color:#FFFFFF;}
.tag, .kicker, .price, .cta, .visit{color:var(--accent-text);}
.dash-logout, .logout-link, .btn.danger{color:var(--danger);}
.important-box h3{color:var(--danger);}

/* numbers and codes always read left-to-right (code on the left, number on the right), in Arabic too */
#plateFields .field-row{direction:ltr;}
#upCode, #upNumber, #upValue, #upPrice, #regPhone, #regUsername, #loginUsername{direction:ltr; text-align:left;}
#upCode::placeholder, #upNumber::placeholder, #upValue::placeholder, #upPrice::placeholder, #regPhone::placeholder, #regUsername::placeholder, #loginUsername::placeholder{text-align:left;}

/* ===== search panel ===== */
.search-panel{background:var(--surface); border:1px solid var(--line); border-radius:var(--radius); padding:20px 22px; margin-top:22px;}
.search-panel h2{font-family:var(--font-display); font-size:1.25rem; margin-bottom:14px;}
.search-grid{display:grid; grid-template-columns:repeat(4,1fr); gap:12px;}
.search-grid select, .search-grid input{width:100%; background:var(--surface); border:1px solid var(--line); border-radius:999px; padding:11px 16px; color:var(--text); font:inherit; font-size:.9rem; min-width:0;}
.search-grid select:focus, .search-grid input:focus{outline:none; border-color:var(--gold);}
.search-grid input{direction:ltr; text-align:left;}
.search-grid input::placeholder{color:var(--muted);}
html[dir="rtl"] .search-grid input::placeholder{text-align:right; direction:rtl;}
.search-actions{display:flex; gap:10px; margin-top:14px;}
.search-actions .btn-gold{flex:1;}
#searchNote{margin-top:12px;}
@media (max-width:820px){ .search-grid{grid-template-columns:1fr 1fr;} }
@media (max-width:480px){ .search-grid{grid-template-columns:1fr;} }

/* membership banner + plans */
.upgrade-banner{display:flex; align-items:center; justify-content:space-between; gap:18px; flex-wrap:wrap; margin:20px 0; padding:20px 24px; background:#EEF2FF; border:1px solid #D5DEFF; border-radius:var(--radius);}
.upgrade-banner h3{font-family:var(--font-display); font-size:1.25rem; margin-bottom:4px; color:#000;}
.upgrade-banner p{margin:0; color:var(--muted); font-size:.92rem;}
.plans{display:grid; grid-template-columns:repeat(2,minmax(0,360px)); gap:24px; justify-content:center; padding:10px 0 50px;}
.plan-card{background:var(--surface); border:1px solid var(--line); border-radius:var(--radius); padding:28px 24px; box-shadow:0 1px 3px rgba(20,30,50,.06); display:flex; flex-direction:column;}
.plan-hl{border-color:var(--gold); box-shadow:0 6px 22px rgba(59,91,219,.16);}
.plan-card h3{text-align:center; color:var(--muted); font-size:1rem; margin-bottom:10px;}
.plan-price{text-align:center; padding-bottom:18px; margin-bottom:18px; border-bottom:1px solid var(--line); direction:ltr;}
.plan-price b{font-size:2.6rem; font-family:var(--font-display);}
.plan-price small{color:var(--muted);}
.plan-list{list-style:none; margin:0 0 22px; padding:0; flex:1;}
.plan-list li{display:flex; gap:10px; align-items:flex-start; padding:8px 0; color:var(--muted); font-size:.92rem;}
.ok-i{color:#1E9E5A; font-weight:700;} .no-i{color:#E03A5A; font-weight:700;}
.plan-btn{width:100%; justify-content:center;}
@media(max-width:700px){.plans{grid-template-columns:1fr;}}

/* featured ads */
.feat-box{margin:6px 0 16px; border:1px solid var(--line); border-radius:12px; padding:12px 14px; background:var(--surface);}
.feat-box.on{border-color:var(--gold); background:#F5F7FF;}
.feat-toggle{display:flex; gap:12px; align-items:flex-start; cursor:pointer;}
.feat-toggle input{position:absolute; opacity:0; pointer-events:none;}
.feat-tick{flex:none; width:24px; height:24px; border:2px solid var(--line); border-radius:7px; display:grid; place-items:center; color:transparent; font-weight:700; background:#fff; margin-top:2px;}
.feat-toggle input:checked + .feat-tick{background:#1E9E5A; border-color:#1E9E5A; color:#fff;}
.feat-toggle input:focus-visible + .feat-tick{outline:2px solid var(--gold); outline-offset:2px;}
.feat-toggle small{color:var(--muted);} .feat-toggle em{font-style:normal; color:var(--muted); font-size:.85rem;}
.feat-options{margin-top:12px; border-top:1px solid var(--line); padding-top:12px;}
.feat-options h4{font-size:.95rem; margin-bottom:8px;}
.feat-opt{display:flex; align-items:center; gap:10px; padding:10px 12px; border:1px solid var(--line); border-radius:10px; margin-bottom:8px; cursor:pointer; background:#fff;}
.feat-opt.sel{border-color:var(--gold); background:#EEF2FF;}
.feat-name{flex:1; font-weight:600;} .feat-price{font-weight:700; direction:ltr;}
.feat-total{margin:10px 0 4px; font-size:.95rem;} .feat-total b{font-size:1.2rem;}
.feat-note{margin:0; color:var(--muted); font-size:.82rem;}
.feat-badge{display:inline-block; background:#F59F00; color:#fff; font-size:.72rem; font-weight:700; padding:3px 9px; border-radius:99px; margin-bottom:8px;}
.listing-card.is-featured{border-color:#F59F00; box-shadow:0 4px 16px rgba(245,159,0,.22);}
.feat-pay{margin:16px 0 4px; padding:14px 16px; border:1px solid #F59F00; background:#FFF8E6; border-radius:12px; text-align:start;}
.feat-pay h4{margin-bottom:6px;} .feat-pay p{margin:0 0 10px; font-size:.92rem;} .pay-id{direction:ltr; font-weight:700;}

.feat-detail{margin:18px 0; padding:18px 22px; border:1px solid #F59F00; background:#FFF8E6; border-radius:var(--radius);}
.feat-detail h3{font-size:1.1rem; margin-bottom:4px;} .feat-detail h4{font-size:.95rem; margin:12px 0 8px;} .feat-detail p{margin:0 0 8px; color:var(--muted); font-size:.92rem;}
.feat-detail .feat-opt.sel{background:#FFF1CC; border-color:#F59F00;}

.dash-feat{margin-top:10px;} .dash-feat .feat-open{width:100%; justify-content:center; border-color:#F59F00; color:#8a5a00; background:#FFF8E6;}
.dash-feat-form{margin-top:10px; padding:10px; border:1px solid #F59F00; border-radius:10px; background:#FFF8E6;}
.dash-feat-form .btn-gold{width:100%; justify-content:center;}
.dash-feat-form .feat-opt.sel{background:#FFF1CC; border-color:#F59F00;}
.dash-feat .feat-open{background:#1B2A4E; border-color:#1B2A4E; color:#fff;}
.dash-feat .feat-open:hover{background:#26396B; border-color:#26396B;}
#uploadForm .modal-submit{background:#1B2A4E; color:#fff;}
#uploadForm .modal-submit:hover{background:#26396B;}
.dash-actions{margin-top:20px; display:flex;}
/* featured / advertise buttons use the site blue */
.dash-feat .feat-open, #uploadForm .modal-submit{background:#3B5BDB; border-color:#3B5BDB; color:#fff;}
.dash-feat .feat-open:hover, #uploadForm .modal-submit:hover{background:#4E6EF2; border-color:#4E6EF2;}

.feat-promo{margin:10px 0;} .feat-promo label{display:block; font-size:.82rem; color:var(--muted); margin-bottom:5px;}
.feat-promo input{width:100%; background:#fff; border:1px solid var(--line); border-radius:9px; padding:10px 12px; font-size:.9rem; text-transform:uppercase; direction:ltr; text-align:left;}

/* favorites heart + featured card */
.fav-btn{position:absolute; top:10px; inset-inline-end:10px; z-index:3; width:32px; height:32px; border-radius:50%; background:#fff; border:1px solid var(--line); display:grid; place-items:center; font-size:1.1rem; color:#555; cursor:pointer; line-height:1; box-shadow:0 1px 3px rgba(0,0,0,.12);}
.fav-btn:hover{color:#E4405F; border-color:#E4405F;} .fav-btn.on{color:#E4405F;}
.detail-visual{position:relative;} .detail-visual .fav-btn{top:14px; inset-inline-end:14px; width:38px; height:38px; font-size:1.3rem;}
.listing-card .count{margin-inline-end:40px;}
.listing-card.is-featured{background:#FBF5EE; border:1px solid #F0B24B; box-shadow:0 4px 16px rgba(240,178,75,.25); padding-top:56px;}
.feat-ribbon{position:absolute; top:0; inset-inline:0; height:38px; display:flex; align-items:center; justify-content:center; background:#F2BE6B; color:#fff; font-weight:800; letter-spacing:.3px; font-family:Georgia,'Times New Roman',serif; border-radius:var(--radius) var(--radius) 0 0; font-size:1rem;}
.feat-ribbon::after{content:''; position:absolute; inset:4px; border:1.5px dashed rgba(255,255,255,.85); border-radius:5px; pointer-events:none;}
.listing-card.is-featured .fav-btn{top:5px; width:28px; height:28px; font-size:1rem;}
.listing-card.is-featured .price{color:#E8466B;}
.card-phone.card-phone-btn{display:flex; justify-content:center; width:100%; border-radius:8px; background:#fff; border:1px solid #E7DCCB; padding:10px 12px; font-size:.9rem;}
.card-phone.card-phone-btn b{margin-inline-end:2px;}
.fav-grid{grid-template-columns:repeat(2,1fr);} @media(max-width:700px){.fav-grid{grid-template-columns:1fr;}}

/* featured = gold card + star icon only */
.listing-card.is-featured{padding-top:20px;}
.listing-card.is-featured .fav-btn{top:10px; width:32px; height:32px; font-size:1.1rem;}
.feat-star{position:absolute; top:10px; inset-inline-start:10px; z-index:3; width:32px; height:32px; border-radius:50%; background:#F59F00; color:#fff; display:grid; place-items:center; font-size:1.05rem; box-shadow:0 1px 4px rgba(245,159,0,.45);}
.my-item{position:relative;}
.my-item.is-featured{background:#FBF5EE; border-color:#F0B24B; box-shadow:0 4px 16px rgba(240,178,75,.25);}
.my-item .count, .my-item .plate, .my-item .row{margin-top:30px;}
.listing-card .count{margin-inline-start:40px;}
.listing-card .card-visual{margin-top:30px;}

.plate-digits .pw{display:inline-flex; align-items:center; gap:.04em; transform:scaleX(var(--k,1)); transform-origin:center; letter-spacing:.05em;}
.plate-digits{min-width:0;}

/* raised (embossed) digits: black faces, light top-left edge, stepped grey extrusion to the lower right, soft cast shadow */
.plate-digits .pc, .plate-digits .pd, .plate-digits .pn{
  background:linear-gradient(180deg,#34353A 0%,#0B0B0D 28%,#000 60%,#17181B 100%);
  -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent;
  filter:
    drop-shadow(-.006em -.006em 0 rgba(255,255,255,.85))
    drop-shadow(.007em .009em 0 #5E6068)
    drop-shadow(.014em .018em 0 #7C7F88)
    drop-shadow(.021em .027em 0 #9A9DA6)
    drop-shadow(.035em .050em .035em rgba(60,64,74,.5));
}

/* fixed grid: the code, the dash and the first digit always sit in the same place (1 to 5 digit numbers) */
.plate-digits .pw{display:inline-grid; grid-template-columns:minmax(2ch,max-content) auto minmax(5ch,max-content); column-gap:.1em; align-items:center; font-variant-numeric:tabular-nums; letter-spacing:0;}
.plate-digits .pc{text-align:right;} .plate-digits .pn{text-align:left;} .plate-digits .pd{text-align:center;}
.plate-digits .pn{text-align:center;}

/* ===== admin panel ===== */
.adm-filters{display:flex; flex-wrap:wrap; gap:6px; margin-bottom:14px;}
.adm-filters .dash-tab{border:1px solid var(--line); padding:7px 12px; font-size:.84rem;}
.adm-row{display:flex; justify-content:space-between; gap:14px; align-items:flex-start; padding:14px 0; border-top:1px solid var(--line);}
.adm-row:first-child{border-top:0;}
.adm-main{display:flex; flex-direction:column; gap:4px; min-width:0;}
.adm-title{font-weight:700; font-size:1rem; color:var(--text); text-decoration:none; overflow-wrap:anywhere;}
.adm-sub{font-size:.82rem; color:var(--muted);}
.adm-tags{display:flex; flex-wrap:wrap; gap:6px; margin-top:2px;}
.adm-tag{font-size:.72rem; padding:2px 9px; border-radius:20px; background:var(--surface-2); border:1px solid var(--line);}
.adm-red{color:#C0341D; border-color:#F2B8AB; background:#FDEEEA;}
.adm-amber{color:#9A6200; border-color:#F0D9A0; background:#FFF6DD;}
.adm-gold{color:#8A6A00; border-color:#EBD68A; background:#FFF8DC;}
.adm-blue{color:#2F49B0; border-color:#BFCBF5; background:#EEF2FF;}
.adm-acts{display:flex; flex-wrap:wrap; gap:6px; justify-content:flex-end; flex-shrink:0; max-width:48%;}
@media (max-width:700px){ .adm-row{flex-direction:column;} .adm-acts{max-width:none; justify-content:flex-start;} }
.rep-btn{background:none; border:0; color:var(--muted); font:inherit; font-size:.82rem; text-decoration:underline; cursor:pointer; padding:6px 0;}
.rep-btn:hover{color:var(--danger);}
.hp-field{position:absolute !important; left:-9999px !important; width:1px; height:1px; opacity:0; pointer-events:none;}
.num-icon + .value, .listing-card .value, .my-item .value, .detail-title bdi{direction:ltr; unicode-bidi:isolate;}

/* plates and numbers keep the same left-to-right layout in Arabic */
.plate, .plate *, .plate-digits, .plate-digits .pw{direction:ltr;}
.listing-card .row, .my-item .row, .detail-card .row{direction:ltr;}
.listing-card .value, .my-item .value, .detail-card .value{direction:ltr; unicode-bidi:isolate; text-align:left;}
.number-lg, #upValue, #contactCallNum, .card-phone, .feat-note bdi{direction:ltr; unicode-bidi:isolate; text-align:left;}
.number-lg{text-align:start;}
html[dir=rtl] .number-lg{text-align:right; direction:ltr;}
/* mobile numbers: slightly larger, airier digits */
.listing-card .value, .my-item .value{font-size:1.3rem; letter-spacing:.14em; word-spacing:.3em;}
.number-lg{font-size:2.6rem; letter-spacing:.14em; word-spacing:.35em;}
@media (max-width:600px){ .number-lg{font-size:2rem;} }

/* sold ribbon + owner edit box */
.listing-card.is-sold, .my-item.is-sold{position:relative; overflow:hidden;}
.sold-ribbon{position:absolute; top:22px; right:-38px; width:150px; text-align:center; transform:rotate(45deg); background:#D92D20; color:#fff; font-weight:800; font-size:.78rem; letter-spacing:.08em; padding:4px 0; z-index:3; box-shadow:0 1px 3px rgba(0,0,0,.25); pointer-events:none;}
.sold-badge{display:inline-block; background:#D92D20; color:#fff; font-size:.75rem; font-weight:800; padding:2px 10px; border-radius:6px; vertical-align:middle;}

.my-edit{display:grid; grid-template-columns:1fr 1fr; gap:8px; align-items:end; margin:10px 0; padding-top:10px; border-top:1px solid var(--line);}
.my-edit label{display:flex; flex-direction:column; gap:4px; font-size:.78rem; color:var(--muted);}
.my-edit input, .my-edit select{background:var(--surface); border:1px solid var(--line); border-radius:8px; padding:8px 10px; font:inherit; font-size:.9rem; color:var(--text); width:100%;}
.my-edit .btn{grid-column:1/-1; justify-content:center;}
/* sold ribbon sits on the corner of the plate / number itself */
.card-visual{position:relative;}
.sold-corner{position:absolute; top:0; right:0; width:72px; height:72px; overflow:hidden; pointer-events:none; z-index:4; border-top-right-radius:10px;}
.sold-corner .sold-ribbon{top:14px; right:-26px; width:100px; font-size:.7rem; padding:3px 0;}
.listing-card.is-sold, .my-item.is-sold{overflow:visible;}

/* ===== phone header + mobile menu ===== */
.logo{display:inline-block; white-space:nowrap; flex-shrink:0;}
body{overflow-x:clip;}
.user-chip{white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width:150px;}
@media (max-width:920px){
  header .nav-row{gap:10px;}
  header.mnav-open nav.primary{display:block; position:absolute; top:100%; left:0; right:0; background:#fff; border-bottom:1px solid var(--line); box-shadow:0 14px 24px rgba(20,30,50,.12); padding:8px 16px 14px; max-height:calc(100vh - 80px); overflow-y:auto;}
  header.mnav-open nav.primary > ul{flex-direction:column; gap:0;}
  header.mnav-open nav.primary > ul > li > a{padding:12px 4px; font-size:1rem; color:var(--text); font-weight:600; border-bottom:1px solid var(--line);}
  header.mnav-open .dropdown{position:static; opacity:1; visibility:visible; transform:none; box-shadow:none; border:0; background:transparent; padding:2px 0 6px 12px; min-width:0;}
  html[dir=rtl] header.mnav-open .dropdown{padding:2px 12px 6px 0;}
  header.mnav-open .dropdown a{padding:9px 6px;}
}
@media (max-width:600px){
  header .nav-row{height:60px; gap:6px;}
  .logo{font-size:1.15rem;}
  .nav-actions{gap:6px;}
  .auth-guest, .auth-user{gap:6px;}
  .nav-actions .icon-btn{width:36px; height:36px; padding:0; font-size:.85rem;}
  .nav-actions .btn{padding:8px 10px; font-size:.8rem;}
  .user-chip{max-width:122px; padding:6px 9px; font-size:.74rem;}
}
@media (max-width:380px){
  .nav-actions .auth-guest .btn:last-child{display:none;}
  .logo{font-size:1.05rem;}
}

/* compact search: main row + collapsible extra filters */
.search-panel.compact{padding:12px 14px;}
.search-main{display:flex; flex-wrap:wrap; gap:8px; align-items:center;}
.search-main select{flex:1 1 130px; min-width:0;}
.search-main .btn{white-space:nowrap;}
.search-main .btn-gold{flex:1 1 120px; justify-content:center;}
.search-more-btn.on{border-color:var(--gold); color:var(--accent-text);}
.search-more{display:none; margin-top:10px;}
.search-more.open{display:block;}
.search-main select{background:var(--surface); border:1px solid var(--line); border-radius:999px; padding:11px 16px; color:var(--text); font:inherit; font-size:.9rem;}
.search-main select:focus{outline:none; border-color:var(--gold);}
.search-main .btn{padding-top:11px; padding-bottom:11px;}
@media (max-width:600px){ .search-main select{flex:1 1 45%;} .search-main .search-more-btn{flex:1 1 45%; justify-content:center;} }

/* ===== package offer card ===== */
.pkg-card{grid-column:span 2;}
@media (max-width:820px){ .pkg-card{grid-column:span 1;} }
.pkg-title{font-family:var(--font-display); font-weight:800; font-size:1.15rem; color:#E5484D; margin:2px 0 8px; padding-inline-end:90px;}
.pkg-frame{position:relative; border:2px solid #F4A6B4; border-radius:12px; padding:12px; background:#fff;}
.pkg-grid{display:grid; grid-template-columns:1fr 1fr; gap:10px;}
.pkg-cell{display:block; min-width:0; direction:ltr;}
.pkg-cell .plate{width:100%; margin:0;}
.pkg-numcell{background:var(--surface-2); border:1px solid var(--line); border-radius:8px; padding:10px 6px; text-align:center; font-family:var(--font-mono); font-weight:700; font-size:1.05rem; letter-spacing:.08em; word-spacing:.2em; color:var(--text);}
.pkg-more{text-align:center; margin-top:8px; font-weight:700; color:var(--muted); font-size:.85rem;}
.pkg-price{font-size:1.7rem; font-weight:800; color:#E5484D; margin-top:12px;}
.pkg-count{font-size:.95rem; color:var(--muted); margin:2px 0 8px;}
.pkg-card .sold-corner{top:0; right:0;}
.feat-star{display:none !important;}
.is-sold .plate, .is-sold .row, .is-sold .card-visual{opacity:1 !important; filter:none !important;}
/* every plate in lists/packages: exactly the same size */
.listing-card .plate, .pkg-cell .plate, .my-item .plate{width:300px; max-width:100%; margin-left:auto; margin-right:auto;}
.pkg-cell .plate{width:300px; max-width:100%;}
.plate-site{position:absolute; right:6.5cqw; bottom:2.2cqw; z-index:3; font:800 2.6cqw/1 Inter,Arial,sans-serif; letter-spacing:.04em; color:#2B2E35; opacity:.8; pointer-events:none; text-shadow:0 1px 0 rgba(255,255,255,.7);}
.img-actions{display:flex; gap:8px; margin-top:12px; flex-wrap:wrap;}
.plate, .plate *{-webkit-user-select:none; user-select:none;}
.detail-visual .img-actions{flex-basis:100%; width:100%;}
.detail-visual{flex-wrap:wrap;}
.detail-visual .img-actions{justify-content:center;}
/* site mark sits in the bottom-right corner, just under the plate */
.plate-site{right:1.5cqw !important; bottom:-4.6cqw !important; font-size:3cqw !important; color:#4B5160 !important; opacity:1 !important; text-shadow:none !important; z-index:1;}
.listing-card .plate, .my-item .plate, .pkg-cell .plate{margin-bottom:16px !important;}
.detail-visual .plate{margin-bottom:18px;}
/* letters X/Y/Z are wider than digits: let each part take its full width so the gradient fill never cuts a glyph */
.plate-digits .pc, .plate-digits .pn{width:max-content; min-width:100%; padding:0 .06em; box-sizing:content-box; white-space:nowrap;}
.my-item{padding-bottom:20px;}
.my-actions{margin-top:16px; flex-wrap:wrap; justify-content:flex-start; align-items:center;}
.my-actions .btn{padding:9px 16px; line-height:1.2;}
.plate-digits .pw{column-gap:.2em !important;}
.plate-digits .pd{padding:0 .04em;}
.plate-digits .pc{padding-right:.14em !important;}
@media (max-width:600px){ .logo{font-size:.98rem !important;} .user-chip{max-width:92px !important; font-size:.7rem !important; padding:6px 8px !important;} header .nav-row{gap:5px !important;} .nav-actions{gap:5px !important;} .nav-actions .icon-btn{width:34px !important; height:34px !important;} }
@media (max-width:380px){ .logo{font-size:.9rem !important;} }
.card-phone .ph-num, .contact-btn bdi{direction:ltr; unicode-bidi:isolate;}


/* ===== SPORTY LUXURY DARK THEME (carbon black + brand blue) ===== */
:root{
  --bg:#0A0D14; --surface:#10141D; --surface-2:#151B29; --line:#222838;
  --text:#F2F5FA; --muted:#AAB3C5; --gold:#3B5BDB; --gold-dim:#2F4390; --accent-text:#8FA9E8;
  --teal:#8FA9E8; --danger:#FF6B5A;
}
body{background:repeating-linear-gradient(115deg,transparent 0 34px,rgba(255,255,255,.03) 34px 36px),var(--bg); color:var(--text);}
header{background:rgba(10,13,20,.88); backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px); border-bottom:1px solid var(--line);}
nav.primary a{color:var(--muted);} nav.primary a:hover, nav.primary a.active{color:#fff;}
.hero{background:radial-gradient(ellipse at 82% 20%,#15234A 0%,rgba(10,13,20,0) 62%); border-bottom:1px solid var(--line);}
.eyebrow{color:var(--accent-text); border-color:#2F4390; background:rgba(59,91,219,.08);}
h1, h2, h3{color:#fff;}
h1 .accent{color:var(--accent-text);}
html:not([dir="rtl"]) h1{font-family:'Barlow Condensed',var(--font-display); font-style:italic; font-weight:800; text-transform:uppercase; letter-spacing:.005em; line-height:.96; font-size:clamp(2.8rem,6vw,5.2rem);}
html:not([dir="rtl"]) .section-head h2{font-family:'Barlow Condensed',var(--font-display); font-style:italic; font-weight:800; text-transform:uppercase; font-size:2.6rem; line-height:1;}
.logo{color:#fff;}
.btn-gold, .contact-btn:not(:disabled), .catalog-tab.active, .dash-tab.active{background:linear-gradient(135deg,#4C6BE6,#2F4BC0); border-color:transparent; color:#fff;}
.btn-gold:hover{background:linear-gradient(135deg,#5B79EE,#3553CF);}
.btn-gold{box-shadow:0 10px 26px rgba(59,91,219,.32);}
.btn-ghost{color:#fff; border-color:#3B5BDB;} .btn-ghost:hover{background:rgba(59,91,219,.14);}
.listing-card, .feature-card, .detail-card, .dash-card, .link-card, .plan-card, .hero-visual, .search-panel{box-shadow:none; background:linear-gradient(160deg,#151B29,#0E121B); border-color:var(--line);}
.link-card, .feature-card{border-top:2px solid #3B5BDB;}
.listing-card:hover{border-color:#3B5BDB; box-shadow:0 0 0 1px #3B5BDB,0 18px 44px rgba(0,0,0,.5);}
.modal-overlay{background:rgba(4,6,10,.72);}
.modal, .dropdown, .user-dropdown{box-shadow:0 20px 50px rgba(0,0,0,.6);}
.register-banner{background:linear-gradient(160deg,#151B29,#0E121B); border-color:var(--line);}
.important-box{background:rgba(255,107,90,.08);}
.dash-msg.err, .upload-error-banner{color:#FF8A7A;}
.field input, .field textarea, .field select{color:var(--text); background:var(--surface-2);}
input, select, textarea{color-scheme:dark;}
input::placeholder, textarea::placeholder{color:#7B859B;}
.search-grid select, .search-grid input, .search-main select, .my-edit input, .my-edit select, .dash-card .field input{background:var(--surface-2); color:var(--text);}
.tag, .kicker, .price, .cta, .visit{color:var(--accent-text);}
.upgrade-banner h3{color:#fff;}
.feat-tick, .feat-opt, .feat-promo input, .pkg-frame{background:var(--surface-2); color:var(--text);}
.pkg-frame{border-color:#3B5BDB;}
.fav-btn{background:var(--surface-2); color:#fff; box-shadow:none;}
.card-phone.card-phone-btn{background:var(--surface-2); border-color:#2F4390; color:var(--text);}
.feat-pay, .feat-detail, .dash-feat-form{background:rgba(245,159,0,.09); color:#FFD27A;}
.feat-detail .feat-opt.sel, .dash-feat-form .feat-opt.sel{background:rgba(245,159,0,.2);}
.adm-amber{color:#FFD27A; background:rgba(245,159,0,.12); border-color:#6B5320;}
.adm-gold{color:#FFD27A; background:rgba(245,159,0,.12); border-color:#6B5320;}
header.mnav-open nav.primary{background:#0A0D14; box-shadow:0 14px 24px rgba(0,0,0,.6);}
.dash-feat .feat-open, #uploadForm .modal-submit{color:#fff;}
footer{background:#070A10; border-top:1px solid var(--line); color:var(--muted);}
@media (max-width:480px){
  header .btn{padding:8px 10px; font-size:.78rem;}
  header .logo{font-size:1rem;}
}
@media (max-width:480px){
  header .icon-btn{width:34px; height:34px;}
  header .icon-btn[title="Favorites"]{display:none;}
}

/* home category cards: plate / phone preview */
.cat-grid{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px;}
.cat-card{position:relative; display:flex; flex-direction:column; padding:24px; border-radius:20px; background:linear-gradient(160deg,#151B29,#0E121B); border:1px solid var(--line); border-top:2px solid #3B5BDB; color:var(--text); transition:.2s;}
.cat-card:hover{border-color:#3B5BDB; transform:translateY(-3px); box-shadow:0 18px 44px rgba(0,0,0,.5);}
.cat-visual{display:flex; flex-direction:column; align-items:center; justify-content:center; gap:10px; min-height:130px; padding:16px; margin-bottom:18px; border-radius:14px; background:#0A0D14; border:1px solid var(--line);}
.cat-visual .plate{width:240px; max-width:100%;}
.cat-phone{direction:ltr; unicode-bidi:isolate; font-family:'Barlow Condensed','JetBrains Mono',monospace; font-weight:800; font-size:2.2rem; letter-spacing:.08em; color:#fff; padding:10px 22px; border-radius:999px; background:rgba(59,91,219,.16); border:1px solid #2F4390;}
.cat-phone-sm{font-size:1.5rem; padding:6px 18px;}
.cat-no{position:absolute; top:14px; inset-inline-start:18px; font-size:.72rem; font-weight:700; letter-spacing:.24em; color:var(--accent-text);}
.cat-card h3{font-size:1.9rem; margin-bottom:6px; font-family:'Barlow Condensed',var(--font-display); font-style:italic; font-weight:800; text-transform:uppercase;}
html[dir="rtl"] .cat-card h3{font-family:'Cairo',var(--font-display); font-style:normal; text-transform:none;}
.cat-card p{color:var(--muted); font-size:.92rem; margin-bottom:14px;}
.cat-card .cta{margin-top:auto; font-weight:600;}
@media (max-width:900px){.cat-grid{grid-template-columns:1fr;}}
.cat-visual{height:170px; min-height:170px; box-sizing:border-box;}
.cat-phone{white-space:nowrap; font-size:1.8rem; padding:8px 20px;}
.cat-phone-sm{font-size:1.35rem; padding:5px 16px;}
.cat-card{height:100%;}

.cat-visual .cat-phone:not(.cat-phone-sm){font-size:1.35rem; padding:4px 26px; letter-spacing:.14em;}
.listing-card.is-featured{background:linear-gradient(160deg,#1B2133,#10141D); border:1px solid #F0B24B; box-shadow:0 4px 22px rgba(240,178,75,.18);}
.listing-card.is-featured .price{color:#FFB3C2;}

/* brand-blue input frames (add plates/numbers, search, forms) */
input:not([type="checkbox"]):not([type="radio"]):not([type="file"]), select, textarea{
  background:#111A36 !important; border:1.5px solid #3B5BDB !important; color:#F2F5FA !important; border-radius:10px;
}
.search-grid select, .search-grid input, .search-main select{border-radius:999px;}
input:not([type="checkbox"]):not([type="radio"]):focus, select:focus, textarea:focus{
  outline:none; border-color:#8FA9E8 !important; box-shadow:0 0 0 3px rgba(76,107,230,.35);
}
input::placeholder, textarea::placeholder{color:#8D97AB !important;}
select option{background:#111A36; color:#F2F5FA;}
input, select, textarea, .field input, .field textarea, .field select, .ar-pre, .ar-mob{color:#FFFFFF !important; -webkit-text-fill-color:#FFFFFF;}
input::placeholder, textarea::placeholder{-webkit-text-fill-color:#9AA5BD; color:#9AA5BD !important;}
input:-webkit-autofill{-webkit-text-fill-color:#FFFFFF; box-shadow:0 0 0 1000px #111A36 inset;}

/* compact input size */
input:not([type="checkbox"]):not([type="radio"]):not([type="file"]), select{padding:7px 12px !important; font-size:.9rem !important; height:38px; min-height:0; box-sizing:border-box; border-radius:9px;}
.search-grid select, .search-grid input, .search-main select{border-radius:999px;}
textarea{padding:8px 12px !important; font-size:.9rem !important;}
.ar-pre, .ar-mob{height:38px !important; font-size:.95rem !important;}

/* readable (white) form labels and notes */
label, .field label, .dash-card .field label, .dash-note, .ar-stat, .hint:not(.error){color:#FFFFFF !important;}

#catPkgPlate .plate{width:190px;}
.cat-card{padding-top:44px;}

.cat-card{padding-top:24px;}
.cat-visual{height:230px; min-height:230px; gap:8px;}
#catPlate{display:flex; flex-direction:column; gap:6px; align-items:center;}
#catPlate .plate{width:170px; margin:0 !important;}
#catPkgPlate .plate{margin:0 !important;}
.cat-visual .cat-phone:not(.cat-phone-sm){font-size:1.2rem; padding:3px 24px;}

.cat-visual-pkg{gap:6px;}
.pkg-mini-row{display:flex; direction:ltr; align-items:center; justify-content:center; gap:8px; width:100%;}
.pkg-mini-plate{flex:0 0 130px;}
.pkg-mini-plate .plate{width:130px !important; margin:0 !important;}
.pkg-mini-row .cat-phone-sm{font-size:1rem; padding:3px 10px; letter-spacing:.06em;}

.pkg-txt-row{display:flex; direction:ltr; justify-content:space-between; width:100%; max-width:250px; font-family:'Barlow Condensed','JetBrains Mono',monospace; font-weight:800; font-size:1.35rem; letter-spacing:.06em; color:#fff; padding:6px 0; border-bottom:1px solid var(--line);}
.pkg-txt-row:last-child{border-bottom:0;}
.pkg-txt-row{white-space:nowrap; font-size:1.05rem; max-width:100%; padding:6px 4px;}
.pkg-txt-row span{white-space:nowrap;}

#catPlate .plate{width:240px !important;}

/* package cells: price centered under each plate / number; no site mark inside packages */
.pkg-cell .plate-site, .pkg-card .plate-site{display:none !important;}
.pkg-cell{display:flex; flex-direction:column; align-items:center; gap:4px;}
.pkg-cellprice{text-align:center; font-size:.85rem; font-weight:600; color:var(--accent-text); width:100%;}
.pkg-numcell{flex-direction:column; justify-content:center;}
.pkg-numtxt{font-family:var(--font-mono); font-weight:700; font-size:1.05rem; letter-spacing:.08em; word-spacing:.2em;}

/* home hero (sporty) */
.hero-home{padding:80px 0 72px;}
.hero-home-grid{grid-template-columns:1.05fr .95fr !important; gap:48px;}
.hero-eyebrow{display:flex; align-items:center; gap:12px; font-size:.78rem; font-weight:700; letter-spacing:.24em; text-transform:uppercase; color:var(--accent-text); margin-bottom:22px;}
.hero-eyebrow::before{content:''; width:48px; height:2px; background:#C8283A; display:block;}
html[dir="rtl"] .hero-eyebrow{letter-spacing:0;}
.hero-home h1{margin-bottom:22px;}
.hero-home .lead{max-width:540px; font-size:1.1rem; line-height:1.7;}
.hero-home .hero-cta .btn{padding:15px 30px; border-radius:999px; font-size:.9rem; letter-spacing:.04em;}
.hero-plate-wrap{display:flex; flex-direction:column; align-items:center; gap:22px;}
.hero-plate-frame{width:100%; max-width:480px; padding:12px; border-radius:18px; background:linear-gradient(145deg,#2A3A6E,#0E1424); box-shadow:0 40px 80px rgba(0,0,0,.6),0 0 0 1px #2A3A6E,0 0 90px rgba(59,91,219,.28); transform:rotate(-4deg);}
.hero-plate-frame .plate{width:100% !important; max-width:100%;}
.hero-plate-cap{font-size:.75rem; font-weight:600; letter-spacing:.3em; text-transform:uppercase; color:var(--muted);}
html[dir="rtl"] .hero-plate-cap{letter-spacing:0;}
@media (max-width:900px){.hero-home-grid{grid-template-columns:1fr !important;} .hero-plate-frame{transform:rotate(-2deg);}}
.hero-home h1{font-size:clamp(2.4rem,5vw,4.4rem) !important; overflow-wrap:anywhere;}
.hero-plate-frame .plate-site{display:none;}
.hero-home-grid > div{min-width:0;}
@media (max-width:480px){.hero-plate-frame{max-width:94%; margin:0 auto;} .hero-home{padding:48px 0 48px;}}
.cat-card{min-width:0;} .cat-visual{overflow:hidden;}
.pkg-mini-plate{flex:0 1 130px; min-width:0;}
@media (max-width:480px){.pkg-mini-row .cat-phone-sm{font-size:.85rem; padding:3px 8px;} .pkg-mini-plate .plate{width:100% !important;}}

.hero-home h1 .hl{display:block; white-space:nowrap;}
html:not([dir="rtl"]) .hero-home h1{font-size:clamp(2.1rem,4.6vw,4.2rem) !important;}
html[dir="rtl"] .hero-home h1{font-size:clamp(2.4rem,5vw,4rem) !important; line-height:1.25;}

/* prices in red */
.listing-card .price, .listing-card.is-featured .price, .pkg-price, .pkg-cellprice, .detail-price, .price{color:#FF4D5E !important;}
/* featured ads: gold square */
.listing-card.is-featured, a.listing-card.is-featured{background:linear-gradient(160deg,#2B2410,#15110A) !important; border:2px solid #D4AF37 !important; box-shadow:0 0 0 1px rgba(212,175,55,.35), 0 10px 34px rgba(212,175,55,.22);}
.listing-card.is-featured:hover{border-color:#F0CE5A !important; box-shadow:0 0 0 1px #F0CE5A, 0 16px 44px rgba(212,175,55,.32);}
.listing-card.is-featured .pkg-frame{border-color:#D4AF37;}

.logo{display:inline-flex; align-items:center; gap:10px;}
.logo-mark{display:inline-flex; align-items:center; justify-content:center; width:36px; height:36px; border-radius:9px; background:linear-gradient(135deg,#4C6BE6,#2F4BC0); color:#fff; font-family:'Barlow Condensed',var(--font-display); font-weight:800; font-style:italic; font-size:1.3rem; letter-spacing:.02em; box-shadow:0 6px 16px rgba(59,91,219,.35); flex:none;}
@media (max-width:480px){.logo-mark{width:30px; height:30px; font-size:1.1rem;}}
@media (max-width:480px){.logo{gap:6px;} .logo-mark{width:26px; height:26px; font-size:1rem; border-radius:7px;} header .logo{font-size:.92rem;}}

.logo-name{display:inline-flex; flex-direction:column; line-height:1.1; text-align:start;}
.logo-ar{font-family:'Cairo',var(--font-display); font-weight:800; font-size:1.15rem; color:#fff;}
.logo-en{font-family:'Barlow Condensed',var(--font-display); font-weight:700; font-style:italic; font-size:.72rem; letter-spacing:.18em; color:var(--accent-text);}
@media (max-width:480px){.logo-ar{font-size:1rem;} .logo-en{font-size:.62rem; letter-spacing:.12em;}}

/* logo: English name on top, Arabic name below */
.logo-name{display:inline-flex; flex-direction:column; line-height:1.15;}
.logo-name .logo-en{font-family:var(--font-display); font-style:normal; font-weight:700; font-size:1.3rem; letter-spacing:0; text-transform:none; color:#fff;}
.logo-name .logo-ar{font-family:'Cairo',var(--font-display); font-weight:600; font-size:.8rem; letter-spacing:0; color:var(--accent-text);}
@media (max-width:480px){.logo-name .logo-en{font-size:1rem;} .logo-name .logo-ar{font-size:.7rem;}}
@media (max-width:480px){.logo-name .logo-en{font-size:.92rem;}}
.logo-name{align-items:center !important; text-align:center !important;}
.logo-name{align-items:flex-end !important; text-align:right !important;} .logo-name .logo-ar{direction:rtl;}
.logo-name{direction:ltr !important; align-items:flex-end !important; text-align:right !important;}

/* quick links bar under the header (Home / Plates / Numbers) */
.quickbar{display:flex; gap:8px; padding:10px 16px; background:rgba(10,13,20,.94); border-bottom:1px solid var(--line); position:sticky; top:0; z-index:40;}
.quickbar a{flex:1; text-align:center; padding:10px 8px; border-radius:999px; border:1.5px solid #2F4390; color:#fff; font-weight:700; font-size:.95rem; text-decoration:none;}
.quickbar a.active{background:linear-gradient(135deg,#4C6BE6,#2F4BC0); border-color:#4C6BE6;}
@media (min-width:821px){.quickbar{display:none;}}

/* quick bar: same plain-text look as the desktop menu */
.quickbar{justify-content:space-around; gap:14px; padding:0 16px; background:rgba(10,13,20,.88);}
.quickbar a{flex:0 1 auto; border:0 !important; border-radius:0; background:none !important; padding:13px 2px; font-size:.92rem; font-weight:500; color:var(--muted); border-bottom:2px solid transparent !important; white-space:nowrap;}
.quickbar a:hover{color:#fff;}
.quickbar a.active{color:#fff; font-weight:700; border-bottom-color:#4C6BE6 !important;}