/* رنجبر — کالای برق: نقشهٔ آبیِ برق‌کار (کاغذِ سرد، جوهرِ سرمه‌ای، کهربای ولتاژ)؛ Noto Kufi برای تیتر، IBM Plex برای متن */
@font-face{font-family:Plex;font-weight:400;font-display:swap;src:url(/a/fonts/ibm-plex-sans-arabic-arabic-400-normal.woff2) format('woff2');unicode-range:U+0600-06FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE80-FEFC}
@font-face{font-family:Plex;font-weight:400;font-display:swap;src:url(/a/fonts/ibm-plex-sans-arabic-latin-400-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+2000-206F}
@font-face{font-family:Plex;font-weight:600 800;font-display:swap;src:url(/a/fonts/ibm-plex-sans-arabic-arabic-600-normal.woff2) format('woff2');unicode-range:U+0600-06FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE80-FEFC}
@font-face{font-family:Plex;font-weight:600 800;font-display:swap;src:url(/a/fonts/ibm-plex-sans-arabic-latin-600-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+2000-206F}
@font-face{font-family:Kufi;font-weight:600;font-display:swap;src:url(/a/fonts/noto-kufi-arabic-arabic-600-normal.woff2) format('woff2');unicode-range:U+0600-06FF,U+200C-200E,U+FB50-FDFF,U+FE80-FEFC}
@font-face{font-family:Kufi;font-weight:700 900;font-display:swap;src:url(/a/fonts/noto-kufi-arabic-arabic-800-normal.woff2) format('woff2');unicode-range:U+0600-06FF,U+200C-200E,U+FB50-FDFF,U+FE80-FEFC}

:root{--bg:#f4f6fb;--surface:#fff;--ink:#0b1630;--muted:#55617c;--line:#e0e6f2;--brand:#0b1630;--brand-ink:#ffd23f;--accent:#f2a900;
--volt:#ffc400;--blue:#2f6bff;--navy2:#13224a;--grid:rgb(47 107 255/.07);--radius:18px;--radius-sm:12px;
--shadow:0 1px 2px rgb(11 22 48/.05),0 14px 34px rgb(11 22 48/.10);--font-body:Plex,Tahoma,sans-serif;--font-display:Kufi,Plex,sans-serif;
--ft-bg:#0b1630;--ft-ink:#e7ecf8}
body{line-height:1.9}
h1,h2,h3,.sec__title{font-weight:800;letter-spacing:-.2px}
.hd{background:color-mix(in srgb,#fff 90%,transparent)}
.brand svg{width:44px;height:44px}
.brand__text b{font-size:21px;font-weight:800;line-height:1.1}
.brand__text small{font-size:11.5px;letter-spacing:.2px}
.hd__call{background:var(--volt);color:var(--ink)}
.hd__call:hover{background:#ffd23f}
.nav a:hover{background:rgb(47 107 255/.08);color:var(--blue)}
.btn--brand{background:var(--ink);color:#fff}
.btn--brand:hover{background:var(--navy2)}
.btn--volt{background:var(--volt);color:var(--ink)}
.btn--volt:hover{background:#ffd23f}
.card{border-radius:16px;border-color:#e3e8f3}
.card__img--art{background:#eef2fb}
.card__price{color:var(--blue)}
.card__body{border-top:1px solid #edf1f8}
.pd__price{background:linear-gradient(135deg,#fffbea,#fff3c4);border:1px solid #fde58a}
.pd__price b{color:var(--ink)}
.pd__coll{color:var(--blue)}
.pd__specs dd a{color:var(--blue);text-decoration:none}
.pl td:last-child{color:var(--ink)}
.chips a:hover{border-color:var(--blue);color:var(--blue)}
.ft{background:radial-gradient(700px 260px at 12% 0%,rgb(255 196 0/.10),transparent 70%),linear-gradient(var(--grid) 1px,transparent 1px) 0 0/28px 28px,linear-gradient(90deg,var(--grid) 1px,transparent 1px) 0 0/28px 28px,var(--ft-bg)}
.ft .brand__text b{color:#fff}

/* ---------- home ---------- */
.r-hero{position:relative;overflow:hidden;background:
  linear-gradient(var(--grid) 1px,transparent 1px) 0 0/28px 28px,
  linear-gradient(90deg,var(--grid) 1px,transparent 1px) 0 0/28px 28px,
  linear-gradient(rgb(47 107 255/.05) 1px,transparent 1px) 0 0/140px 140px,
  linear-gradient(90deg,rgb(47 107 255/.05) 1px,transparent 1px) 0 0/140px 140px,
  radial-gradient(700px 420px at 18% 40%,rgb(255 196 0/.16),transparent 65%),#f7f9fd;border-bottom:1px solid var(--line)}
.r-hero__in{display:grid;gap:28px;align-items:center;padding-block:clamp(32px,6vw,72px) clamp(24px,4vw,48px)}
@media (min-width:920px){.r-hero__in{grid-template-columns:1.15fr .85fr;gap:40px}}
.r-eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:13.5px;font-weight:600;color:var(--blue);background:rgb(47 107 255/.08);padding:6px 12px;border-radius:999px}
.r-eyebrow i{width:8px;height:8px;border-radius:50%;background:var(--volt);box-shadow:0 0 0 3px rgb(255 196 0/.25),0 0 12px var(--volt)}
.r-hero h1{font-size:clamp(30px,5.4vw,56px);line-height:1.35;margin:16px 0 10px}
.r-hero h1 em{font-style:normal;position:relative;white-space:nowrap}
.r-hero h1 em::after{content:"";position:absolute;inset-inline:0;bottom:.12em;height:.32em;background:var(--volt);border-radius:4px;z-index:-1;opacity:.85}
.r-hero h1 em{z-index:0;isolation:isolate}
.r-hero p{color:var(--muted);font-size:clamp(15px,1.8vw,17.5px);max-width:560px}
.r-search{display:flex;align-items:center;gap:6px;margin-top:22px;max-width:600px;background:#fff;border:2px solid var(--ink);border-radius:18px;padding:6px 6px 6px 6px;box-shadow:0 6px 0 var(--ink)}
.r-search__ic{display:grid;place-items:center;width:40px;color:var(--muted);flex-shrink:0}
.r-search input{flex:1;min-width:0;border:0;outline:0;background:transparent;font:inherit;font-size:16px;color:var(--ink);padding:10px 2px}
.r-search .btn{border-radius:13px;min-height:48px;padding-inline:22px}
.r-search:focus-within{border-color:var(--blue);box-shadow:0 6px 0 var(--blue)}
.r-pop{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:18px;font-size:13.5px}
.r-pop span{color:var(--muted)}
.r-pop a{text-decoration:none;padding:6px 12px;border-radius:999px;background:#fff;border:1px solid var(--line);min-height:36px;display:inline-flex;align-items:center}
.r-pop a:hover{border-color:var(--blue);color:var(--blue)}

/* the lit bulb on the drawing */
.r-art{position:relative;max-width:min(420px,68vw);width:100%;margin-inline:auto;aspect-ratio:1/1}
.r-art svg{width:100%;height:100%;overflow:visible}
.r-art .glow{transform-origin:210px 168px;animation:glow 3.6s ease-in-out infinite}
.r-art .fil{stroke:#f2a900;filter:drop-shadow(0 0 6px rgb(255 196 0/.9));animation:flick 2.4s ease-out 1 both}
.r-art .flow{stroke-dasharray:4 16;animation:flow 1.4s linear infinite}
.r-art .node{fill:#fff;stroke:var(--ink);stroke-width:2.5}
.r-art .node-ic{color:var(--ink)}
@keyframes glow{0%,100%{opacity:.75;transform:scale(1)}50%{opacity:1;transform:scale(1.06)}}
@keyframes flick{0%{opacity:.15}8%{opacity:1}12%{opacity:.3}20%{opacity:1}26%{opacity:.55}34%,100%{opacity:1}}
@keyframes flow{to{stroke-dashoffset:-40}}
@media (prefers-reduced-motion:reduce){.r-art .glow,.r-art .fil,.r-art .flow{animation:none}}

/* category «wall plates» */
.r-sec-hd{display:flex;align-items:end;justify-content:space-between;gap:12px;margin-bottom:16px;flex-wrap:wrap}
.r-sec-hd h2{font-size:clamp(22px,3vw,30px)}
.r-sec-hd a{color:var(--blue);font-weight:600;text-decoration:none;white-space:nowrap}
.r-plates{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
@media (min-width:640px){.r-plates{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (min-width:1000px){.r-plates{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}}
.r-plate{position:relative;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:12px;padding:18px 16px;border-radius:20px;background:#fff;border:1px solid var(--line);text-decoration:none;box-shadow:inset 0 -3px 0 #e9eef8;transition:transform .2s,box-shadow .2s,border-color .2s;min-height:92px}
.r-plate::before,.r-plate::after{content:"";position:absolute;inset-inline-start:50%;width:5px;height:5px;border-radius:50%;background:#d5dceb;transform:translateX(50%)}
.r-plate::before{top:7px}.r-plate::after{bottom:9px}
.r-plate__ic{width:52px;height:52px;border-radius:14px;display:grid;place-items:center;background:#eef2fb;color:var(--ink);transition:background .2s,color .2s}
.r-plate b{display:block;font-family:var(--font-display);font-size:16px;line-height:1.5}
.r-plate small{color:var(--muted);font-size:13px}
.r-plate__led{position:absolute;top:14px;inset-inline-end:14px;width:8px;height:8px;border-radius:50%;background:#cfd7e6;transition:background .2s,box-shadow .2s}
@media (max-width:639px){.r-plate{grid-template-columns:1fr;gap:10px;padding:18px 14px 16px}.r-plate__ic{width:46px;height:46px}.r-plate b{font-size:15px}.r-plate::before{top:6px}.r-plate::after{bottom:7px}}
.r-plate:hover{transform:translateY(-2px);border-color:#c9d5f0;box-shadow:inset 0 -3px 0 #e9eef8,var(--shadow)}
.r-plate:hover .r-plate__ic{background:var(--ink);color:var(--volt)}
.r-plate:hover .r-plate__led{background:var(--volt);box-shadow:0 0 10px var(--volt)}

/* brand nameplates */
.r-brands{display:flex;gap:10px;overflow-x:auto;padding:4px 2px 10px;scroll-snap-type:x proximity;scrollbar-width:none}.r-brands::-webkit-scrollbar{display:none}
@media (min-width:1000px){.r-brands{flex-wrap:wrap;overflow:visible}}
.r-brand{flex-shrink:0;scroll-snap-align:start;display:inline-flex;align-items:center;gap:10px;padding:10px 16px;border-radius:12px;background:#fff;border:1.5px solid var(--ink);text-decoration:none;min-height:48px;font-family:var(--font-display);font-weight:700;font-size:15px}
.r-brand small{font-family:var(--font-body);font-weight:600;font-size:12px;color:var(--ink);background:#eef2fb;border-radius:999px;padding:2px 8px}
.r-brand:hover{background:var(--ink);color:#fff}.r-brand:hover small{background:var(--volt)}

/* collection tabs (pure CSS) */
.r-tabs__r{position:absolute;opacity:0;pointer-events:none}
.r-tabs__bar{display:flex;gap:6px;overflow-x:auto;padding:4px;margin-bottom:18px;background:#e8edf7;border-radius:14px;width:max-content;max-width:100%}
.r-tabs__bar label{flex-shrink:0;cursor:pointer;padding:9px 16px;border-radius:10px;font-weight:600;font-size:14.5px;color:var(--muted);min-height:44px;display:inline-flex;align-items:center;transition:background .2s,color .2s}
.r-tabs__bar label:hover{color:var(--ink)}
.r-tabs__panel{display:none}
.r-tabs__more{display:flex;justify-content:center;margin-top:18px}
#rt-1:checked~.r-tabs__bar label[for=rt-1],#rt-2:checked~.r-tabs__bar label[for=rt-2],#rt-3:checked~.r-tabs__bar label[for=rt-3],#rt-4:checked~.r-tabs__bar label[for=rt-4],#rt-5:checked~.r-tabs__bar label[for=rt-5]{background:#fff;color:var(--ink);box-shadow:0 1px 3px rgb(11 22 48/.12)}
#rt-1:checked~.r-tabs__panel[data-i="1"],#rt-2:checked~.r-tabs__panel[data-i="2"],#rt-3:checked~.r-tabs__panel[data-i="3"],#rt-4:checked~.r-tabs__panel[data-i="4"],#rt-5:checked~.r-tabs__panel[data-i="5"]{display:block}
.r-tabs__r:focus-visible~.r-tabs__bar{outline:3px solid var(--accent);outline-offset:2px}

/* store card */
.r-store{position:relative;overflow:hidden;display:grid;gap:24px;align-items:center;padding:clamp(24px,4vw,44px);border-radius:28px;color:#e7ecf8;background:
  linear-gradient(rgb(255 255 255/.05) 1px,transparent 1px) 0 0/28px 28px,linear-gradient(90deg,rgb(255 255 255/.05) 1px,transparent 1px) 0 0/28px 28px,
  radial-gradient(500px 300px at 85% 30%,rgb(255 196 0/.16),transparent 70%),linear-gradient(150deg,#13224a,#0b1630)}
@media (min-width:860px){.r-store{grid-template-columns:1.25fr 1fr}}
.r-store .r-eyebrow{background:rgb(255 255 255/.08);color:#ffd23f}
.r-store h2{font-size:clamp(24px,3.4vw,36px);color:#fff;margin:12px 0 6px}
.r-store p{color:#b9c4dc}
.r-store__cta{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.r-store .btn--ghost{color:#fff}
.r-store__map{max-width:340px;width:100%;margin-inline:auto}
@media (max-width:559px){.r-store__map{display:none}}
.r-store__map svg{width:100%;height:auto}
.r-store__pin{animation:pin 2.4s ease-in-out infinite;transform-origin:170px 150px}
@keyframes pin{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
@media (prefers-reduced-motion:reduce){.r-store__pin{animation:none}}

.r-faq details{border-bottom:1px solid var(--line);padding:12px 0}
.r-faq summary{cursor:pointer;font-weight:600;font-size:16px;min-height:44px;display:flex;align-items:center;gap:10px;list-style:none}
.r-faq summary::-webkit-details-marker{display:none}
.r-faq summary::before{content:"+";flex-shrink:0;width:28px;height:28px;border-radius:8px;display:grid;place-items:center;background:#eef2fb;color:var(--blue);font-weight:800}
.r-faq details[open] summary::before{content:"−";background:var(--volt);color:var(--ink)}
.r-faq p{color:var(--muted);margin-top:4px;padding-inline-start:38px}