:root{
  --bg:#22252B; --bg2:#292D34; --card:#31353E; --card2:#3A3F49; --line:#454A55;
  --txt:#ECEEF1; --muted:#9AA0AC;
  --orange:#F97316; --orange2:#FB923C; --yellow:#FBBF24; --amber:#F59E0B;
  --green:#16A34A;
  --grad:linear-gradient(135deg,#F97316,#FBBF24);
  --radius:16px; --radius-sm:12px; --wrap:1180px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;font-family:'Cairo',system-ui,'Segoe UI',Tahoma,sans-serif;
  background:var(--bg);color:var(--txt);line-height:1.65;-webkit-font-smoothing:antialiased;
  background-image:radial-gradient(620px circle at 88% -6%,rgba(249,115,22,.10),transparent 60%),radial-gradient(520px circle at 2% 4%,rgba(251,191,36,.07),transparent 55%);
  background-attachment:fixed;
}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
.material-symbols-rounded{font-variation-settings:'FILL' 1;vertical-align:middle;line-height:1}
.num{font-family:'Cairo',sans-serif;font-weight:900;font-feature-settings:"tnum"}
.wrap{max-width:var(--wrap);margin-inline:auto;padding-inline:20px;width:100%}

/* ===== Header ===== */
.site-header{position:sticky;top:0;z-index:40;background:rgba(34,37,43,.82);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.site-header__inner{display:flex;align-items:center;gap:18px;height:74px}
.brand{display:flex;align-items:center;gap:10px;font-weight:900;font-size:20px;white-space:nowrap;color:#fff}
.brand__mark{width:42px;height:42px;border-radius:13px;background:var(--grad);display:grid;place-items:center;color:#22252B;box-shadow:0 3px 10px rgba(249,115,22,.14)}
.brand__mark::after{content:"sim_card";font-family:'Material Symbols Rounded';font-size:24px;font-variation-settings:'FILL' 1}
.brand__mark--lg{width:56px;height:56px;border-radius:16px}
.brand__mark--lg::after{font-size:32px}
.nav{display:flex;gap:4px;margin-inline-start:10px}
.nav-toggle{display:none;width:44px;height:44px;border-radius:12px;border:1px solid var(--line);background:var(--card);color:var(--orange);cursor:pointer;place-items:center;flex:none;margin-inline-start:auto}
.nav-toggle .material-symbols-rounded{font-size:26px}
.nav a{display:flex;align-items:center;gap:6px;padding:9px 15px;border-radius:12px;color:var(--muted);font-weight:500;font-size:15px;transition:.15s}
.nav a:hover{color:var(--orange);background:rgba(249,115,22,.1)}
.nav a .material-symbols-rounded{font-size:20px}
.site-header__tools{margin-inline-start:auto;display:flex;align-items:center;gap:10px}
.search{display:flex;align-items:center;gap:6px;background:var(--card);border:1px solid var(--line);border-radius:13px;padding:8px 14px}
.search input{border:0;outline:0;background:transparent;font:inherit;font-size:14px;width:180px;color:var(--txt)}
.search input::placeholder{color:var(--muted)}
.search button{border:0;background:transparent;color:var(--orange);width:26px;height:26px;display:grid;place-items:center;cursor:pointer}
.search button .material-symbols-rounded{font-size:22px}
.lang-switch{border:1px solid var(--line);background:var(--card);min-width:44px;height:44px;padding:0 10px;border-radius:13px;display:grid;place-items:center;font-weight:800;color:var(--orange);flex:none}
.lang-switch:hover{background:rgba(249,115,22,.1)}

/* ===== Hero ===== */
.hero{position:relative;overflow:hidden;margin:26px 0;border-radius:28px;background:linear-gradient(160deg,#2C3038,#20232A);border:1px solid var(--line)}
.hero__glow{position:absolute;width:340px;height:340px;border-radius:50%;filter:blur(80px);pointer-events:none}
.hero__g1{background:rgba(249,115,22,.14);top:-130px;inset-inline-start:-60px}
.hero__g2{background:rgba(251,191,36,.10);bottom:-150px;inset-inline-end:-40px}
.hero__inner{position:relative;z-index:2;padding:60px 40px 66px}
.hero__inner{display:flex;align-items:center;gap:30px}
.hero__text{flex:1 1 56%;min-width:0}
.hero__visual{flex:1 1 44%;position:relative;min-height:300px;display:none}
@media(min-width:900px){.hero__visual{display:block}}
.hero-float{position:absolute;width:300px;filter:drop-shadow(0 14px 30px rgba(0,0,0,.45))}
.hero-float .plate,.hero-float .phonecard{width:100%;max-width:none}
.hero-float--a{top:8%;inset-inline-start:2%;transform:rotate(-9deg);animation:heroFloatA 6.5s ease-in-out infinite}
.hero-float--b{bottom:10%;inset-inline-start:26%;width:275px;transform:rotate(7deg);animation:heroFloatB 7.5s ease-in-out infinite}
@keyframes heroFloatA{0%,100%{transform:rotate(-9deg) translateY(0)}50%{transform:rotate(-9deg) translateY(-16px)}}
@keyframes heroFloatB{0%,100%{transform:rotate(7deg) translateY(0)}50%{transform:rotate(7deg) translateY(14px)}}
.hero-dot{position:absolute;border-radius:50%;background:var(--grad);animation:heroPulse 4s ease-in-out infinite}
.hero-dot--1{width:14px;height:14px;top:12%;inset-inline-start:46%;opacity:.7}
.hero-dot--2{width:9px;height:9px;top:64%;inset-inline-start:8%;opacity:.5;animation-delay:1s}
.hero-dot--3{width:20px;height:20px;top:38%;inset-inline-start:60%;opacity:.35;animation-delay:2s}
@keyframes heroPulse{0%,100%{transform:scale(1);opacity:.6}50%{transform:scale(1.35);opacity:.25}}
@media(prefers-reduced-motion:reduce){.hero-float,.hero-dot{animation:none!important}}
.hero__eyebrow{display:inline-flex;align-items:center;gap:8px;background:rgba(249,115,22,.12);border:1px solid rgba(249,115,22,.4);color:var(--orange2);padding:8px 16px;border-radius:999px;font-weight:700;font-size:14px;margin:0 0 20px}
.hero__eyebrow .material-symbols-rounded{font-size:19px}
.hero__title{margin:0;font-size:clamp(30px,5vw,52px);font-weight:900;line-height:1.16;color:#fff}
.hero__title span{display:block;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero__lead{margin:16px 0 0;max-width:560px;color:#C3C8D1;font-size:18px}
.hero__cta{display:flex;gap:12px;margin-top:28px;flex-wrap:wrap}

/* ===== Buttons ===== */
.btn{display:inline-flex;align-items:center;gap:9px;padding:13px 24px;border-radius:15px;font:inherit;font-weight:800;font-size:15px;cursor:pointer;border:1px solid transparent;transition:.16s;line-height:1}
.btn .material-symbols-rounded{font-size:21px}
.btn svg{flex:none}
.btn--solid{background:var(--grad);color:#22252B;box-shadow:0 4px 12px rgba(249,115,22,.16)}
.btn--solid:hover{transform:translateY(-2px)}
.btn--ghost{background:transparent;border-color:var(--line);color:var(--txt)}
.btn--ghost:hover{border-color:var(--orange);color:var(--orange)}
.btn--wa{background:#25D366;color:#04361c}
.btn--wa:hover{background:#20bd5a}
.btn--block{width:100%;justify-content:center}

/* ===== Feature strip ===== */
.feats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:12px}
.feats--bottom{margin-top:36px;margin-bottom:20px}
.feat{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:20px;text-align:center;transition:.15s}
.feat:hover{border-color:rgba(249,115,22,.5);transform:translateY(-3px)}
.feat__ic{width:54px;height:54px;border-radius:15px;display:grid;place-items:center;margin:0 auto 12px;background:rgba(249,115,22,.14);color:var(--orange);box-shadow:0 0 8px rgba(249,115,22,.08)}
.feat:nth-child(2) .feat__ic{background:rgba(251,191,36,.14);color:var(--yellow)}
.feat:nth-child(3) .feat__ic{background:rgba(251,146,60,.14);color:var(--orange2)}
.feat:nth-child(4) .feat__ic{background:rgba(245,158,11,.14);color:var(--amber)}
.feat__ic .material-symbols-rounded{font-size:27px}
.feat h4{margin:0;font-size:16px;font-weight:800;color:#fff}
.feat p{margin:2px 0 0;font-size:13px;color:var(--muted)}

/* ===== Sections ===== */
.main{min-height:50vh}
.section{padding-block:34px}
.section__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px;gap:16px;background:#1B1D22;border:1px solid var(--line);border-inline-start:4px solid var(--orange);border-radius:16px;padding:14px 20px}
.section__title{margin:0;font-size:22px;font-weight:900;color:#fff;display:flex;align-items:center;gap:12px}
.section__title .material-symbols-rounded{color:var(--orange);font-size:26px;background:rgba(249,115,22,.16);width:44px;height:44px;border-radius:12px;display:grid;place-items:center}
.section__more{color:var(--orange);font-weight:800;font-size:14px;display:inline-flex;align-items:center;gap:6px;background:var(--card);border:1px solid var(--line);padding:8px 16px;border-radius:999px;white-space:nowrap;transition:.15s}
.section__more:hover{border-color:var(--orange);background:rgba(249,115,22,.14);color:var(--yellow)}

/* ===== Grid & Cards ===== */
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:18px}
.card{background:var(--card);border:1px solid var(--line);border-radius:20px;overflow:hidden;transition:.2s;display:flex;flex-direction:column}
.card:hover{transform:translateY(-6px);border-color:rgba(249,115,22,.55);box-shadow:0 10px 22px rgba(0,0,0,.25)}
.card--sold{opacity:.7}
.card__head{display:flex;gap:6px;padding:12px 14px 0;justify-content:flex-start}
.card__media{position:relative;aspect-ratio:4/3;display:grid;place-items:center;padding:14px;background:radial-gradient(circle at 50% 38%,rgba(249,115,22,.03),transparent 75%);overflow:hidden}
.card__media--visual{aspect-ratio:auto;padding:14px 8px}
.card__media--visual .plate{width:100%}
.card__media--visual .phonecard{width:92%}
.card__media img{width:100%;height:100%;object-fit:cover;border-radius:12px}
.card__plate,.card__phone{display:grid;place-items:center;width:100%;height:100%}
.card__type{position:absolute;inset-block-end:12px;inset-inline-start:12px;background:rgba(0,0,0,.5);color:#fff;font-size:11px;font-weight:700;padding:4px 10px;border-radius:999px;display:inline-flex;align-items:center;gap:4px;backdrop-filter:blur(4px)}
.card__type .material-symbols-rounded{font-size:15px}
.badge{position:absolute;top:10px;right:12px;font-size:12px;font-weight:800;padding:5px 11px;border-radius:999px;display:inline-flex;align-items:center;gap:4px}
.badge .material-symbols-rounded{font-size:15px}
.badge--feat{background:rgba(251,191,36,.16);color:var(--yellow);border:1px solid rgba(251,191,36,.45)}
.badge--sold{background:rgba(239,68,68,.18);color:#fca5a5;border:1px solid rgba(239,68,68,.4);right:auto;left:12px}
.badge--lg{font-size:14px;padding:7px 15px}
.card__body{padding:16px;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:14px;flex:1}
.card__info{display:flex;flex-direction:column;gap:6px;min-width:0}
.card__tags{display:flex;gap:6px;flex-wrap:wrap}
.tagchip{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:800;padding:4px 11px;border-radius:999px}
.tagchip .material-symbols-rounded{font-size:14px}
.tagchip--feat{background:rgba(251,191,36,.16);color:var(--yellow);border:1px solid rgba(251,191,36,.4)}
.tagchip--sold{background:rgba(239,68,68,.16);color:#fca5a5;border:1px solid rgba(239,68,68,.4)}
.card__title{margin:0;font-size:16px;font-weight:800;color:#fff;line-height:1.4;overflow:hidden;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}
.card__meta{display:flex;gap:12px;color:var(--muted);font-size:13px}
.card__meta span{display:inline-flex;align-items:center;gap:4px}
.card__meta .material-symbols-rounded{font-size:16px;color:var(--orange2)}
.card__foot{display:flex;align-items:center;justify-content:space-between;gap:8px}
.card__price{font-size:20px;font-weight:900;color:var(--orange)}
.card__price--ask{font-size:16px;color:var(--orange2)}
.card__price .cur{font-size:12px;color:var(--muted);font-weight:500}
.card__cta{display:flex;gap:8px;flex:none}
.mini{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;flex:none}
.mini .material-symbols-rounded{font-size:19px}
.mini--call{background:rgba(249,115,22,.16);color:var(--orange);border:1px solid rgba(249,115,22,.45)}
.mini--call:hover{background:rgba(249,115,22,.28)}
.mini--wa{background:rgba(52,211,153,.14);color:#34D399;border:1px solid rgba(52,211,153,.4)}
.mini--wa:hover{background:rgba(52,211,153,.24)}

/* ===== Phone number card ===== */
.phonecard{--net:var(--orange);width:min(300px,94%);aspect-ratio:1.9/1;background:#272B32;border:1px solid rgba(249,115,22,.45);border-radius:15px;box-shadow:0 4px 14px rgba(0,0,0,.22);display:flex;flex-direction:column;justify-content:space-between;padding:15px 17px;overflow:hidden;direction:ltr}
.phonecard__top{display:flex;align-items:center;justify-content:space-between;gap:10px}
.phonecard__sim{width:30px;height:23px;border-radius:5px;background:linear-gradient(135deg,#FBBF24,#F97316);position:relative;flex:none}
.phonecard__sim::before{content:"";position:absolute;inset:5px;border:1px solid rgba(255,255,255,.55);border-radius:3px}
.phonecard__net{display:inline-flex;align-items:center;gap:5px;background:var(--net);color:#fff;font-weight:800;font-size:12px;padding:4px 12px;border-radius:999px;box-shadow:0 1px 4px rgba(0,0,0,.3)}
.phonecard__num{font-family:'Cairo',sans-serif;font-weight:900;font-size:clamp(20px,6vw,30px);letter-spacing:1.5px;color:#fff;text-align:center}
.product__phone .phonecard{width:min(440px,86%)}

/* ===== Plate visual — نسخة3: الشعار في وسط اللوحة ===== */
.plate{width:100%;max-width:520px;margin-inline:auto;aspect-ratio:4.4/1;container-type:inline-size;background:#fff;border:3px solid #0b0b0b;border-radius:14px;display:grid;grid-template-columns:37% 17% 1fr auto;align-items:center;overflow:hidden;box-shadow:0 4px 16px rgba(0,0,0,.4);direction:ltr;font-family:'Cairo',sans-serif;color:#0b0b0b}
.plate>div{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;min-width:0}
.plate__n-ar{font-size:6.6cqw;font-weight:900;line-height:1.05;letter-spacing:.4cqw}
.plate__n-en{font-family:'Bebas Neue',sans-serif;font-size:7.2cqw;font-weight:400;line-height:1;letter-spacing:1cqw}
.plate__emblem-img{width:13cqw;height:13cqw;display:block;margin:0 auto;object-fit:contain}
.plate__emblem svg{width:11cqw;height:11cqw;display:block;margin:0 auto}
.plate__l-ar{font-size:6.6cqw;font-weight:900;line-height:1.1;letter-spacing:.6cqw}
.plate__l-en{font-family:'Bebas Neue',sans-serif;font-size:6cqw;font-weight:400;line-height:1;letter-spacing:1.8cqw}
.plate__letters{gap:1.8cqw}
.plate__nums{gap:1cqw}
.plate__ksa{background:#fff;color:#0b0b0b;border-inline-start:2px solid #0b0b0b;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.6cqw;padding:.6cqw 1.3cqw}
.plate__ksa-mark{width:5cqw;height:auto;margin-bottom:1cqw}
.plate__ksa-mark svg,.plate__ksa-mark img{width:100%;height:auto;display:block}
.plate__ksa-ar{font-size:1.8cqw;font-weight:700;line-height:1;white-space:nowrap}
.plate__ksa-ksa{display:flex;flex-direction:column;align-items:center;line-height:1.4}
.plate__ksa-ksa b{font-size:2.6cqw;font-weight:800;line-height:1.4}
.plate__nums{align-items:flex-start;padding-inline-start:3cqw}

/* ===== Listing ===== */
.listing{padding-block:30px}
.listing__bar{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;flex-wrap:wrap;margin-bottom:24px}
.listing__title{margin:0;font-size:28px;font-weight:900;color:#fff}
.listing__count{margin:4px 0 0;color:var(--muted);font-size:14px}
.listing__controls{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.chips{display:flex;gap:8px;flex-wrap:wrap}
.chip{padding:8px 16px;border-radius:999px;background:var(--card);border:1px solid var(--line);font-weight:700;font-size:14px;color:var(--muted);transition:.15s}
.chip:hover{border-color:var(--orange);color:var(--orange)}
.chip.is-active{background:var(--grad);color:#22252B;border-color:transparent}
.sortform{display:flex;align-items:center;gap:8px}
.sortform__label{font-size:13px;color:var(--muted)}
.sortform select{padding:9px 12px;border:1px solid var(--line);border-radius:10px;background:var(--card);font:inherit;font-size:14px;color:var(--txt);cursor:pointer}
.empty{text-align:center;padding:60px 20px;color:var(--muted);font-size:16px}

/* ===== Pagination ===== */
.pager{display:flex;align-items:center;justify-content:center;gap:6px;flex-wrap:wrap;margin-top:34px}
.pager__num,.pager__btn{display:inline-flex;align-items:center;gap:4px;min-width:40px;height:40px;padding:0 13px;border-radius:11px;background:var(--card);border:1px solid var(--line);color:var(--txt);font-weight:800;font-size:14px;justify-content:center;transition:.15s}
.pager__num:hover,.pager__btn:hover{border-color:var(--orange);color:var(--orange)}
.pager__num.is-active{background:var(--grad);color:#22252B;border-color:transparent}
.pager__btn .material-symbols-rounded{font-size:20px}
.pager__dots{color:var(--muted);padding:0 4px}

/* ===== Breadcrumbs ===== */
.crumbs{display:flex;align-items:center;gap:8px;padding-block:20px 0;font-size:13px;color:var(--muted);flex-wrap:wrap}
.crumbs a:hover{color:var(--orange)}
.crumbs__cur{color:var(--txt);font-weight:700}

/* ===== Product ===== */
.product{display:flex;flex-direction:column;gap:24px;padding-block:22px 50px}
.product__media{position:relative;border-radius:var(--radius);overflow:hidden;background:linear-gradient(160deg,#2C3038,#20232A);border:1px solid var(--line);aspect-ratio:4/3;display:grid;place-items:center;padding:20px}
.product__media--visual{aspect-ratio:auto;padding:22px 18px}
.product__media--visual .product__plate,.product__media--visual .product__phone{width:100%}
.product__media--visual .plate{width:100%;max-width:none}
.product__media--visual .phonecard{width:100%;max-width:none;aspect-ratio:2.9/1;margin-inline:auto;padding:32px 46px}
.product__media--visual .phonecard__sim{width:58px;height:44px;border-radius:9px}
.product__media--visual .phonecard__sim::before{inset:9px;border-radius:6px}
.product__media--visual .phonecard__net{font-size:20px;padding:8px 20px;gap:8px}
.product__media--visual .phonecard__num{font-size:clamp(44px,6vw,82px);letter-spacing:3px}
.product__media img{width:100%;height:100%;object-fit:cover;border-radius:12px}
.product__type{display:inline-flex;align-items:center;gap:6px;background:rgba(249,115,22,.12);color:var(--orange2);font-weight:700;font-size:13px;padding:5px 14px;border-radius:999px;margin-bottom:14px}
.product__type .material-symbols-rounded{font-size:18px}
.product__title{margin:0 0 14px;font-size:clamp(24px,3vw,34px);font-weight:900;line-height:1.25;color:#fff}
.product__price{font-size:30px;font-weight:900;color:var(--orange);margin-bottom:22px}
.product__price--ask{font-size:22px}
.product__price .cur{font-size:16px;color:var(--muted);font-weight:500}
.specs{margin:0 0 22px;border:1px solid var(--line);border-radius:var(--radius-sm);overflow:hidden;background:var(--card)}
.specs__row{display:flex;justify-content:space-between;gap:16px;padding:12px 16px}
.specs__row:not(:last-child){border-bottom:1px solid var(--line)}
.specs__row dt{margin:0;color:var(--muted);font-size:14px}
.specs__row dd{margin:0;font-weight:700;color:#fff}
.specs__desc{padding:14px 16px;border-top:1px solid var(--line);color:#C3C8D1;font-size:15px;line-height:1.7;white-space:pre-line}
.contact{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:20px}
.contact__title{margin:0 0 14px;font-size:17px;font-weight:800;color:#fff;display:flex;align-items:center;gap:8px}
.contact__title .material-symbols-rounded{color:var(--orange);font-size:22px}
.contact__actions{display:flex;flex-wrap:wrap;gap:8px}
.contact__actions .btn{padding:9px 14px;font-size:13px;border-radius:11px}
.contact__actions .btn .material-symbols-rounded{font-size:17px}

/* ===== Why section ===== */
.why{border:1px solid var(--line);border-radius:26px;padding:44px;margin:20px 0;background:linear-gradient(160deg,#2C3038,#20232A);position:relative;overflow:hidden}
.why__title{margin:0 0 6px;font-size:28px;font-weight:900;text-align:center;color:#fff}
.why__lead{text-align:center;color:var(--muted);margin:0 0 30px}
.whygrid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.whyc{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:22px;text-align:center;transition:.15s}
.whyc:hover{border-color:rgba(251,191,36,.5)}
.whyc__ic{width:56px;height:56px;border-radius:15px;display:grid;place-items:center;margin:0 auto 12px;background:rgba(249,115,22,.12);color:var(--orange);box-shadow:0 0 8px rgba(249,115,22,.08)}
.whyc__ic .material-symbols-rounded{font-size:28px}
.whyc h4{margin:0 0 4px;font-weight:800;font-size:16px;color:#fff}
.whyc p{margin:0;color:var(--muted);font-size:14px}

/* ===== Footer ===== */
.site-footer{background:var(--bg2);color:var(--muted);margin-top:40px;border-top:1px solid var(--line)}
.site-footer__inner{padding:34px 20px;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}
.site-footer__brand{display:flex;align-items:center;gap:10px;color:#fff;font-size:18px;font-weight:900}
.site-footer__nav{display:flex;gap:16px}
.site-footer__nav a:hover{color:var(--orange)}
.site-footer__social{display:flex;gap:10px}
.site-footer__social a{width:42px;height:42px;border-radius:12px;background:var(--card);border:1px solid var(--line);display:grid;place-items:center;color:var(--orange);transition:.15s}
.site-footer__social a:hover{border-color:var(--orange);background:rgba(249,115,22,.12)}
.site-footer__social a svg{width:20px;height:20px;display:block}
.site-footer__bottom{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;padding:16px 20px;border-top:1px solid var(--line)}
.site-footer__copy{margin:0;font-size:13px;color:var(--muted)}
.site-footer__credit{font-size:13px;color:var(--muted);transition:.15s}
.site-footer__credit b{color:var(--orange);font-weight:800}
.site-footer__credit:hover{color:var(--txt)}
.site-footer__credit:hover b{color:var(--yellow)}

/* ===== 404 ===== */
.error404{text-align:center;padding:90px 20px}
.error404 h1{font-size:96px;margin:0;color:var(--orange);font-weight:900}
.error404 p{color:var(--muted);font-size:18px;margin:0 0 24px}

/* ===== Responsive ===== */
@media(max-width:980px){.product{grid-template-columns:1fr;gap:24px}.feats,.whygrid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){
  .grid{grid-template-columns:1fr;gap:14px}
  .hero__inner{padding:48px 24px 54px}
  .nav-toggle{display:grid}
  .site-header__inner{flex-wrap:wrap;height:auto;padding-block:12px;gap:12px}
  .brand{margin-inline-end:auto}
  .nav,.site-header__tools{display:none;width:100%;margin-inline-start:0}
  .site-header.is-open .nav{display:flex;flex-direction:column;gap:4px;margin-inline-start:0}
  .site-header.is-open .nav a{padding:12px 14px;font-size:16px}
  .site-header.is-open .site-header__tools{display:flex}
  .site-header.is-open .search{width:100%}
  .site-header.is-open .search input{width:100%}
}
@media(max-width:600px){
  /* الهيرو: تكديس عمودي + إظهار الصورة على الجوال */
  .hero__inner{flex-direction:column;padding:34px 20px 40px;gap:20px}
  .hero__text{flex:none;width:100%}
  .hero__visual{display:block;flex:none;width:100%;min-height:250px;margin-top:26px}
  .hero-float{width:230px}
  .hero-float--a{top:18px;inset-inline-start:6%}
  .hero-float--b{bottom:0;inset-inline-start:30%;width:210px}
  /* أزرار الهيرو أصغر وجنب بعض */
  .hero__cta{gap:10px;margin-top:22px;flex-wrap:nowrap}
  .hero__cta .btn{flex:1;min-width:0;justify-content:center;padding:12px 10px;font-size:13.5px;gap:6px}
  .hero__cta .btn .material-symbols-rounded{font-size:18px}

  /* 1) الهيدر: اسم الموقع أصغر */
  .brand{font-size:15px;gap:8px}
  .brand__name{white-space:normal}
  .brand__mark{width:36px;height:36px;border-radius:11px}
  .brand__mark::after{font-size:20px}

  /* 2) عناوين الأقسام + زر الكل أصغر */
  .section__head{padding:10px 13px;margin-bottom:16px;gap:10px}
  .section__title{font-size:15px;gap:9px}
  .section__title .material-symbols-rounded{font-size:19px;width:32px;height:32px;border-radius:9px}
  .section__more{font-size:12px;padding:6px 11px}
  .section__more .material-symbols-rounded{font-size:15px}

  /* 3) صورة المنتج: بدون قص */
  .product__media--visual{padding:14px 10px}
  .product__media--visual .phonecard{aspect-ratio:2/1;padding:22px 22px}
  .product__media--visual .phonecard__num{font-size:40px;letter-spacing:2px}
  .product__media--visual .phonecard__sim{width:46px;height:35px}
  .product__media--visual .phonecard__net{font-size:15px;padding:6px 14px}

  /* 4) أزرار التواصل: سطر واحد */
  .contact{padding:16px}
  .contact__actions{flex-wrap:nowrap;gap:6px}
  .contact__actions .btn{flex:1;min-width:0;justify-content:center;padding:11px 6px;font-size:12.5px;gap:4px}
  .contact__actions .btn .material-symbols-rounded{font-size:16px}
  .contact__actions .btn--solid span[dir="ltr"]{display:none}

  /* 5) الفوتر: أصغر وأنظم */
  .site-footer__inner{padding:22px 16px;gap:14px;justify-content:center;text-align:center}
  .site-footer__brand{font-size:16px;justify-content:center;width:100%}
  .site-footer__nav{gap:10px 14px;font-size:14px;flex-wrap:wrap;justify-content:center;width:100%}
  .site-footer__social{width:100%;justify-content:center}
  .site-footer__social a{width:38px;height:38px}
  .site-footer__social a svg{width:18px;height:18px}
  .site-footer__bottom{flex-direction:column;gap:6px;text-align:center;padding:12px 16px}
}
@media(max-width:460px){.grid{gap:12px}.feats{grid-template-columns:1fr 1fr}}

:focus-visible{outline:3px solid var(--orange);outline-offset:2px;border-radius:4px}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

/* ===== Sold watermark ===== */
.card__media,.product__media{position:relative}
.sold-wm{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-18deg);z-index:5;pointer-events:none;font-weight:900;color:#fff;background:rgba(225,29,29,.88);border:3px solid #fff;border-radius:12px;padding:6px 22px;font-size:20px;letter-spacing:2px;box-shadow:0 6px 20px rgba(0,0,0,.4)}
.sold-wm--lg{font-size:44px;padding:12px 46px;border-width:5px;border-radius:18px;letter-spacing:4px}
@media(max-width:600px){.sold-wm--lg{font-size:30px;padding:8px 30px}}

/* ===== Floating WhatsApp button ===== */
.wa-fab{position:fixed;bottom:22px;left:22px;z-index:60;width:58px;height:58px;border-radius:50%;background:#25D366;color:#fff;display:grid;place-items:center;box-shadow:0 10px 26px rgba(37,211,102,.45);transition:transform .45s cubic-bezier(.34,1.56,.64,1),opacity .3s;text-decoration:none}
.wa-fab:hover{background:#1eb457}
.wa-fab__ic{display:grid;place-items:center;animation:wa-bounce 1.9s ease-in-out infinite}
.wa-fab__ic svg{width:30px;height:30px;display:block}
.wa-fab.is-hidden{opacity:0;transform:translateY(110px);pointer-events:none}
@keyframes wa-bounce{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}
@media(max-width:600px){.wa-fab{width:52px;height:52px;bottom:18px;left:18px}.wa-fab__ic svg{width:27px;height:27px}}
@media(prefers-reduced-motion:reduce){.wa-fab__ic{animation:none}}

/* ===== Mobile: منع التمدد الأفقي (آمن مع الهيدر الثابت) ===== */
html,body{overflow-x:clip;max-width:100%}
.hero{overflow:clip}

/* سطر "للبيع" في صفحة المنتج (سيو + وضوح) */
.product__forsale{margin:2px 0 10px;font-size:15px;color:var(--muted)}
.product__forsale strong{color:var(--orange);font-weight:900;font-size:17px;letter-spacing:.5px}