/*! BaderLR — منتجاتنا */
.blrp{
  --b:#0A6FD6; --cy:#22D3EE; --nv:#071A33;
  --bg:#F5F8FC; --sf:#FFFFFF; --ink:#0B1B33; --tx:#3A4A63; --mu:#66768F; --ln:#DCE5F0; --soft:#E8F1FB;
  --fd:"Readex Pro","IBM Plex Sans Arabic",Tahoma,"Segoe UI",sans-serif;
  --fb:"IBM Plex Sans Arabic",Tahoma,"Segoe UI",Arial,sans-serif;
  --r:20px; --sh:0 24px 50px -28px rgba(7,26,51,.38);
  background:var(--bg); color:var(--tx); font-family:var(--fb); font-size:16px; line-height:1.7; overflow-x:clip;
}
body.blr-dark .blrp{--bg:#06111F; --sf:#0C1B30; --ink:#EAF2FF; --tx:#B6C4D9; --mu:#8597B0; --ln:#1C2F4B; --soft:#10243E; --b:#3B93F0}
.blrp *,.blrp *::before,.blrp *::after{box-sizing:border-box}
.blrp h1,.blrp h2{font-family:var(--fd); color:var(--ink); line-height:1.3; margin:0; letter-spacing:0; text-wrap:balance}
.blrp p{margin:0}
.blrp-wrap{max-width:1240px; margin:0 auto; padding-left:max(16px,env(safe-area-inset-left,0px)); padding-right:max(16px,env(safe-area-inset-right,0px))}
.blrp .screen-reader-text{position:absolute!important; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0)}
.blrp a:focus-visible,.blrp button:focus-visible,.blrp input:focus-visible{outline:3px solid var(--cy); outline-offset:3px}

/* hero */
.blrp-hero{background:radial-gradient(900px 480px at 12% 0%,color-mix(in srgb,var(--cy) 18%,transparent),transparent 60%),radial-gradient(800px 520px at 92% 100%,color-mix(in srgb,var(--b) 32%,transparent),transparent 62%),var(--nv); color:#C9D8EE; text-align:center; padding:72px 0 104px}
.blrp-hero h1{color:#fff; font-size:clamp(2rem,4.6vw,3.4rem); margin:14px 0 14px}
.blrp-eyebrow{display:inline-flex; align-items:center; gap:8px; padding:6px 14px; border-radius:999px; background:color-mix(in srgb,var(--cy) 12%,transparent); color:var(--cy); font-weight:600; font-size:.9rem; border:1px solid color-mix(in srgb,var(--cy) 25%,transparent)}
.blrp .blrp-lead{max-width:660px; margin:0 auto; font-size:1.08rem}
.blrp-search{position:relative; display:block; max-width:520px; margin:30px auto 0}
.blrp-search svg{position:absolute; inset-inline-start:18px; top:50%; transform:translateY(-50%); color:#7F93B2; pointer-events:none}
.blrp-search input{width:100%; height:56px; border-radius:999px; border:1px solid rgba(255,255,255,.16); background:rgba(255,255,255,.07); color:#fff; font:inherit; padding-inline:52px 20px; transition:background .2s,border-color .2s}
.blrp-search input::placeholder{color:#8EA3C3}
.blrp-search input:focus{background:rgba(255,255,255,.12); border-color:var(--cy); outline:0}

/* body */
.blrp-body{padding:0 0 80px}
.blrp-chips{display:flex; flex-wrap:wrap; justify-content:center; gap:10px; margin:-26px 0 34px; position:relative}
.blrp-chip{display:inline-flex; align-items:center; gap:8px; min-height:48px; padding:0 18px; border-radius:999px; background:var(--sf); color:var(--ink); border:1px solid var(--ln); font:600 .95rem/1 var(--fb); cursor:pointer; box-shadow:0 10px 24px -18px rgba(7,26,51,.5); transition:background .2s,color .2s,border-color .2s}
.blrp-chip span{display:inline-grid; place-items:center; min-width:24px; height:24px; padding:0 6px; border-radius:999px; background:var(--soft); color:var(--b); font-size:.8rem}
.blrp-chip:hover{border-color:var(--b)}
.blrp-chip.is-on{background:var(--b); color:#fff; border-color:var(--b)}
.blrp-chip.is-on span{background:rgba(255,255,255,.2); color:#fff}
.blrp-hero + .blrp-body .blrp-grid:first-child{margin-top:-48px}

.blrp-grid{display:grid; gap:22px; grid-template-columns:repeat(3,minmax(0,1fr)); position:relative}
.blrp-grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}
.blrp-grid--4{grid-template-columns:repeat(4,minmax(0,1fr))}

/* البطاقة = زرّ كبير */
.blrp-card{position:relative; display:flex; flex-direction:column; gap:10px; min-height:300px; padding:28px; border-radius:var(--r); background:var(--sf); border:1px solid var(--ln); color:var(--tx)!important; text-decoration:none!important; box-shadow:var(--sh); overflow:hidden; isolation:isolate; transition:transform .25s ease,box-shadow .25s ease,border-color .25s}
.blrp-card::before{content:""; position:absolute; inset:0 0 auto 0; height:4px; background:linear-gradient(90deg,var(--c),var(--cy)); opacity:.9}
.blrp-card::after{content:""; position:absolute; inset-inline-end:-80px; top:-80px; width:220px; height:220px; border-radius:50%; background:radial-gradient(circle,color-mix(in srgb,var(--c) 22%,transparent),transparent 70%); z-index:-1; transition:transform .4s}
.blrp-card:hover{transform:translateY(-6px); box-shadow:0 34px 60px -30px rgba(7,26,51,.5); border-color:color-mix(in srgb,var(--c) 55%,var(--ln))}
.blrp-card:hover::after{transform:scale(1.25)}
.blrp-card__icon{display:grid; place-items:center; width:64px; height:64px; border-radius:18px; background:color-mix(in srgb,var(--c) 13%,var(--sf)); color:var(--c); margin-bottom:6px}
.blrp-card__icon img{width:44px; height:44px; object-fit:contain; border-radius:10px}
.blrp-card__cat{font-size:.82rem; font-weight:600; color:var(--mu)}
.blrp-card__name{font-family:var(--fd); font-weight:700; font-size:1.3rem; line-height:1.4; color:var(--ink)}
.blrp-card__desc{color:var(--tx); font-size:.97rem; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden}
.blrp-card__foot{display:flex; align-items:flex-end; justify-content:space-between; gap:12px; margin-top:auto; padding-top:18px; border-top:1px dashed var(--ln)}
.blrp-price{display:flex; flex-direction:column; line-height:1.25}
.blrp-price small{font-size:.8rem; color:var(--mu); white-space:nowrap}
.blrp-price strong{font-family:var(--fd); font-size:1.35rem; color:var(--ink); white-space:nowrap}
.blrp-price strong.is-quote{font-size:1rem; color:var(--b)}
.blrp-go{display:inline-flex; align-items:center; gap:8px; min-height:46px; padding:0 16px 0 18px; border-radius:999px; background:var(--c); color:#fff; font-weight:700; font-size:.92rem; white-space:nowrap; transition:gap .2s,filter .2s}
.blrp-card:hover .blrp-go{gap:12px; filter:brightness(1.08)}
.blrp[dir="rtl"] .blrp-go svg{transform:scaleX(-1)}
.blrp-badge{position:absolute; top:22px; inset-inline-end:22px; padding:4px 12px; border-radius:999px; font-size:.78rem; font-weight:700; background:var(--soft); color:var(--b)}
.blrp-badge--popular{background:#FFF4D6; color:#9A5B00}
.blrp-badge--sale{background:#FFE4E6; color:#BE123C}
.blrp-badge--new{background:#DCFCE7; color:#047857}
.blrp-badge--soon{background:#EDE9FE; color:#6D28D9}

/* المنتج المميّز: بطاقة أعرض بخلفية داكنة */
.blrp-card.is-featured{grid-column:span 2; background:radial-gradient(600px 300px at 100% 0%,color-mix(in srgb,var(--cy) 22%,transparent),transparent 60%),linear-gradient(135deg,color-mix(in srgb,var(--b) 30%,var(--nv)),var(--nv)); border-color:rgba(255,255,255,.08); color:#C9D8EE!important; min-height:320px; padding:36px}
.blrp-card.is-featured .blrp-card__name{color:#fff; font-size:clamp(1.4rem,2.4vw,1.9rem)}
.blrp-card.is-featured .blrp-card__desc{color:#C9D8EE; font-size:1.05rem; max-width:560px}
.blrp-card.is-featured .blrp-card__cat{color:var(--cy)}
.blrp-card.is-featured .blrp-card__icon{background:rgba(255,255,255,.1); color:#fff; width:72px; height:72px}
.blrp-card.is-featured .blrp-card__foot{border-top-color:rgba(255,255,255,.14)}
.blrp-card.is-featured .blrp-price strong{color:#fff; font-size:1.7rem}
.blrp-card.is-featured .blrp-price small{color:#9FB5D3}
.blrp-card.is-featured .blrp-go{background:linear-gradient(135deg,var(--b),var(--cy)); min-height:52px; padding-inline:22px}

.blrp-card.is-hidden{display:none}
/* 2.0: رابط يغطي البطاقة + زر الطلب فوقه */
.blrp .blrp-card__name{margin:0; padding:0; border:0}
.blrp-card__link{color:inherit!important; text-decoration:none!important; outline:0}
.blrp-card__link::before{content:""; position:absolute; inset:0; z-index:1; border-radius:inherit}
.blrp-card:focus-within{outline:3px solid var(--cy); outline-offset:3px}
.blrp-card__acts{display:flex; align-items:center; gap:8px; position:relative; z-index:2}
.blrp-buy{display:inline-flex; align-items:center; gap:8px; min-height:46px; padding:0 18px; border:0; border-radius:999px; background:var(--c); color:#fff; font:700 .92rem/1 var(--fb); cursor:pointer; white-space:nowrap; box-shadow:0 12px 24px -14px var(--c); transition:filter .2s,transform .2s}
.blrp-buy:hover{filter:brightness(1.08); transform:translateY(-1px)}
.blrp-buy:focus-visible{outline:3px solid var(--cy); outline-offset:3px}
.blrp-card__acts .blrp-buy + .blrp-go{width:46px; padding:0; justify-content:center; background:color-mix(in srgb,var(--c) 12%,var(--sf)); color:var(--c)}
.blrp-go span:empty{display:none}
.blrp-card.is-featured .blrp-card__acts .blrp-buy + .blrp-go{background:rgba(255,255,255,.1); color:#fff}
.blrp-card.is-featured .blrp-buy{background:linear-gradient(135deg,var(--b),var(--cy)); min-height:52px; padding-inline:24px}
.blrp-feats{list-style:none; margin:4px 0 0; padding:0; display:grid; gap:6px; font-size:.92rem}
.blrp-feats li{position:relative; padding-inline-start:26px; margin:0; color:var(--tx); line-height:1.5}
.blrp-feats li::before{content:""; position:absolute; inset-inline-start:0; top:.2em; width:18px; height:18px; border-radius:50%; background:color-mix(in srgb,var(--c) 14%,transparent) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230E9F6E' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12 5 5 9-10'/%3E%3C/svg%3E") center/11px no-repeat}
.blrp-card.is-featured .blrp-feats{grid-template-columns:1fr 1fr; column-gap:22px; max-width:640px}
.blrp-card.is-featured .blrp-feats li{color:#DDE7F5}
.blrp-stock{align-self:flex-start; padding:3px 12px; border-radius:999px; font-size:.8rem; font-weight:700; background:#DCFCE7; color:#047857}
.blrp-stock.is-low{background:#FFF4D6; color:#9A5B00}
.blrp-stock.is-out{background:#FFE4E6; color:#BE123C}
.blrp-card.is-out{opacity:.78}

/* نافذة الطلب */
.blrp-dlg{width:min(560px,calc(100vw - 24px)); max-height:calc(100dvh - 24px); padding:0; border:0; border-radius:var(--r); background:var(--sf); color:var(--tx); box-shadow:0 40px 90px -30px rgba(7,26,51,.6); font-family:var(--fb); overflow:auto}
.blrp-dlg::backdrop{background:rgba(5,12,24,.62); backdrop-filter:blur(3px)}
.blrp-dlg[open]{animation:blrp-pop .22s ease}
@keyframes blrp-pop{from{opacity:0; transform:translateY(14px) scale(.98)}}
.blrp-dlg__x{position:absolute; top:12px; inset-inline-end:12px; margin:0}
.blrp-dlg__x button{width:38px; height:38px; border-radius:50%; border:1px solid var(--ln); background:var(--sf); color:var(--ink); font-size:22px; line-height:1; cursor:pointer}
.blrp-dlg__body{padding:30px 28px 26px}
.blrp-dlg__k{color:var(--b); font-weight:700; font-size:.85rem}
.blrp .blrp-dlg__name,.blrp-dlg__name{font-family:var(--fd); font-size:1.45rem; color:var(--ink); margin:4px 0 2px; padding-inline-end:40px}
.blrp-dlg__price{font-weight:700; color:var(--ink); font-size:1.05rem}
.blrp-dlg__price:empty{display:none}
.blrp-dlg__sub{color:var(--mu); font-size:.93rem; margin:8px 0 16px!important}
.blrp-oform{display:grid; gap:12px}
.blrp-oform label{display:grid; gap:5px; font-weight:600; color:var(--ink); font-size:.9rem}
.blrp-oform input,.blrp-oform textarea{width:100%; min-height:48px; padding:10px 14px; border:1px solid var(--ln); border-radius:12px; background:var(--bg); color:var(--ink); font:inherit; font-weight:400; transition:border-color .2s,box-shadow .2s}
.blrp-oform textarea{min-height:84px; resize:vertical}
.blrp-oform input:focus,.blrp-oform textarea:focus{outline:0; border-color:var(--b); box-shadow:0 0 0 4px color-mix(in srgb,var(--b) 18%,transparent); background:var(--sf)}
.blrp-oform__row{display:grid; grid-template-columns:1fr 1fr; gap:12px}
.blrp-oform__qty input{max-width:120px}
.blrp-oform__err{padding:10px 14px; border-radius:12px; background:#FFE4E6; color:#9F1239; font-weight:600; font-size:.92rem}
.blrp-oform [hidden],.blrp-dlg [hidden]{display:none!important}
.blrp-hp{position:absolute!important; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap}
.blrp-dlg .blrp-btn{background:linear-gradient(135deg,var(--b),color-mix(in srgb,var(--b) 70%,var(--cy))); box-shadow:0 14px 28px -14px var(--b)}
.blrp-btn--full{width:100%; justify-content:center; border:0; cursor:pointer; font:700 1rem/1 var(--fb)}
.blrp-btn[disabled]{opacity:.65; cursor:wait}
.blrp-dlg__done{text-align:center; padding:40px 28px 34px}
.blrp-dlg__done h2{font-family:var(--fd); color:var(--ink); font-size:1.35rem; margin:12px 0 6px}
.blrp-dlg__done p{margin:0 0 20px!important}
.blrp-dlg__done b{font-size:1.15rem; color:var(--b)}
.blrp-dlg__ok{display:inline-grid; place-items:center; width:72px; height:72px; border-radius:50%; background:#DCFCE7; color:#059669}
.blrp-dlg__done .blrp-btn{border:0; cursor:pointer; font:700 1rem/1 var(--fb)}
@media (max-width:520px){.blrp-oform__row{grid-template-columns:1fr} .blrp-dlg__body{padding:26px 18px 20px} .blrp-card.is-featured .blrp-feats{grid-template-columns:1fr}}
.blrp-empty{text-align:center; padding:48px 16px; color:var(--mu); font-size:1.05rem}
.blrp-empty[hidden]{display:none}

/* دعوة أخيرة */
.blrp-cta{display:flex; align-items:center; justify-content:space-between; gap:24px; margin-top:56px; padding:32px 36px; border-radius:24px; background:var(--sf); border:1px solid var(--ln); box-shadow:var(--sh)}
.blrp-cta h2{font-size:1.4rem; margin-bottom:6px}
.blrp-cta p{color:var(--tx); max-width:640px}
.blrp-btn{display:inline-flex; align-items:center; gap:10px; min-height:52px; padding:0 26px; border-radius:999px; background:#16A34A; color:#fff!important; font-weight:700; text-decoration:none!important; white-space:nowrap; box-shadow:0 14px 28px -14px rgba(22,163,74,.8); transition:transform .2s}
.blrp-btn:hover{transform:translateY(-2px)}

@media (max-width:1080px){
  .blrp-grid,.blrp-grid--4{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:680px){
  .blrp-hero{padding:48px 0 84px}
  .blrp-grid,.blrp-grid--2,.blrp-grid--4{grid-template-columns:1fr; gap:16px}
  .blrp-card.is-featured{grid-column:auto; padding:26px}
  .blrp-card{min-height:0; padding:22px}
  .blrp-card__foot{flex-wrap:wrap; align-items:center}
  .blrp-go{margin-inline-start:auto}
  .blrp-chips{flex-wrap:nowrap; justify-content:flex-start; overflow-x:auto; margin-inline:-16px; padding:4px 16px 8px; scrollbar-width:none}
  .blrp-chips::-webkit-scrollbar{display:none}
  .blrp-chip{flex:0 0 auto}
  .blrp-cta{flex-direction:column; align-items:stretch; text-align:center; padding:26px 22px}
  .blrp-btn{justify-content:center}
}
@media (prefers-reduced-motion:reduce){.blrp-card,.blrp-card::after,.blrp-go,.blrp-btn{transition:none}}