/* AUG-B P12 — قالب «بازار»: جريء ومركّز على البيع. */
.bazar .hdr>.wrap{min-height:76px}
.bazar .logo{color:var(--p)}
.bazar .hdr .search{flex:1;max-width:620px;border:2px solid var(--p);background:var(--ssf)}
.bazar .hdr .search button{background:var(--p);color:var(--pfg);align-self:stretch;padding:0 16px}
.bazar .nav2{background:var(--p);color:var(--pfg)}
.bazar .nav2 .wrap{display:flex;gap:26px;align-items:center;height:48px;white-space:nowrap;font-weight:600;font-size:14.5px}
.bazar .nav2 .wrap>.ni,.bazar .nav2 .wrap>a.ni{height:100%}
.bazar .nav2 .wrap>.ni>a,.bazar .nav2 .wrap>a.ni{opacity:.9;border-bottom:3px solid transparent;padding-top:3px}
.bazar .nav2 .wrap>.ni:hover>a,.bazar .nav2 .wrap>a.ni:hover,.bazar .nav2 .wrap>.on>a,.bazar .nav2 .wrap>a.on{opacity:1;border-bottom-color:var(--a)}
.bazar .tool.cart b{background:var(--a);color:var(--stx)}

/* عرض المنتج الرئيسي */
.bazar .hero{background:radial-gradient(120% 140% at 85% 20%,color-mix(in srgb,var(--p) 85%,#fff 15%),var(--p) 60%,color-mix(in srgb,var(--p) 80%,#000 20%));color:#fff;overflow:hidden}
.bazar .hero .wrap{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:30px;padding-block:50px}
.bazar .pill{display:inline-flex;align-items:center;gap:6px;background:var(--a);color:var(--stx);font-weight:800;font-size:13px;padding:5px 12px;border-radius:99px;margin-bottom:14px}
.bazar .hero h1{font-size:clamp(30px,4.6vw,56px);font-weight:800;line-height:1.15;margin-bottom:12px}
.bazar .hero h1 em{font-style:normal;color:var(--a)}
.bazar .hero p{opacity:.88;font-size:17px;max-width:44ch;margin-bottom:18px}
.bazar .hp{display:flex;align-items:baseline;gap:12px;margin-bottom:22px;flex-wrap:wrap}
.bazar .hp .price{font-size:clamp(30px,3.6vw,44px);color:#fff}
.bazar .hp del{color:rgba(255,255,255,.65);font-size:19px}
.bazar .hp .save{background:#fff;color:var(--p);font-weight:800;border-radius:6px;padding:2px 8px;font-size:14px}
.bazar .btn.big{background:var(--a);border-color:var(--a);color:var(--stx);font-size:17px;padding:15px 34px;font-weight:800;box-shadow:0 10px 30px color-mix(in srgb,var(--a) 45%,transparent)}
.bazar .mini{display:flex;gap:16px;margin-top:18px;font-size:13px;opacity:.92;flex-wrap:wrap}
.bazar .hero-art{position:relative;display:grid;place-items:center;aspect-ratio:1;max-width:520px;width:100%;justify-self:center}
.bazar .hero-art .blob{position:absolute;inset:6%;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--a) 55%,transparent),transparent 68%)}
.bazar .hero-art img{position:relative;width:82%;aspect-ratio:1;object-fit:cover;border-radius:24px;box-shadow:0 30px 60px rgba(0,0,0,.35)}
.bazar .hero-art .stk{position:absolute;top:6%;inset-inline-start:2%;width:96px;height:96px;border-radius:50%;background:var(--a);color:var(--stx);display:grid;place-items:center;align-content:center;text-align:center;font-family:var(--fh);font-weight:800;line-height:1.05;font-size:26px;transform:rotate(-10deg);box-shadow:0 10px 24px rgba(0,0,0,.25)}
.bazar .hero-art .stk{direction:ltr}
.bazar .hero-art .stk small{display:block;font-size:12px;direction:rtl}

/* شريط الثقة */
.bazar .feats-sec{padding-block:0;background:var(--ssf);border-bottom:1px solid var(--sline)}
.bazar .feats{padding-block:18px}
.bazar .feat{align-items:center}
.bazar .feat .ico{width:30px;height:30px;margin:0}

/* الأقسام */
.bazar .sec-h h2{font-size:28px;font-weight:800}
.bazar .flash{background:color-mix(in srgb,var(--a) 14%,var(--sbg))}
.bazar .flash .sec-h{align-items:center;flex-wrap:wrap}
.bazar .cd2{display:flex;gap:6px;direction:ltr}
.bazar .cd2 div{background:var(--stx);color:#fff;border-radius:8px;padding:6px 10px;text-align:center;min-width:56px}
.bazar .cd2 b{display:block;font-family:var(--fh);font-size:20px;line-height:1.1;font-variant-numeric:tabular-nums}
.bazar .cd2 small{font-size:10px;opacity:.7}
.bazar .card{background:var(--ssf);border:1px solid var(--sline);border-radius:var(--r);padding:12px;transition:box-shadow .25s,transform .25s}
.bazar .card:hover{box-shadow:0 14px 34px rgba(0,0,0,.09);transform:translateY(-3px)}
.bazar .card .img{border-radius:calc(var(--r) * .8)}
.bazar .card .price{font-size:19px;color:var(--p)}
.bazar .card h3{font-weight:700}

/* أقسام ملوّنة */
.bazar .cats{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.bazar .cat{position:relative;border-radius:calc(var(--r) * 1.2);overflow:hidden;min-height:150px;display:flex;align-items:flex-end;padding:16px;color:#fff;isolation:isolate}
.bazar .cat .c{position:absolute;inset:0;z-index:-1}
.bazar .cat .c::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.55),transparent 60%)}
.bazar .cat .ph{color:#fff;font-size:64px;opacity:.35}
.bazar .cat.c0 .ph{background:var(--p)}
.bazar .cat.c1 .ph{background:#E3262D}
.bazar .cat.c2 .ph{background:#0F7C66}
.bazar .cat.c3 .ph{background:#D9822B}
.bazar .cat b{font-family:var(--fh);font-size:19px}

/* بانر ترويجي داكن */
.bazar .promo .box{border-radius:calc(var(--r) * 2);background:var(--stx);color:#fff;display:grid;grid-template-columns:1.3fr 1fr;overflow:hidden}
.bazar .promo .box.noimg{grid-template-columns:1fr;background:linear-gradient(110deg,var(--stx),color-mix(in srgb,var(--p) 70%,var(--stx)))}
.bazar .promo .txt{padding:44px;display:flex;flex-direction:column;gap:12px;justify-content:center;align-items:flex-start}
.bazar .promo .k{background:var(--a);color:var(--stx);font-weight:800;font-size:13px;padding:5px 12px;border-radius:99px}
.bazar .promo h2{font-size:36px;font-weight:800;line-height:1.2}
.bazar .promo p{opacity:.8}
.bazar .promo .btn{background:var(--a);border-color:var(--a);color:var(--stx);font-weight:800}
.bazar .promo .art img{width:100%;height:100%;object-fit:cover}

.bazar .tool.cart b[data-cart-n]{background:var(--a);color:var(--afg)}

@media (max-width:900px){
  .bazar .hdr>.wrap{flex-wrap:wrap;min-height:0;padding-block:10px;gap:10px}
  .bazar .hdr .search{order:3;flex-basis:100%;max-width:none}
  .bazar .hdr .logo{flex:1}
  .bazar .cats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .bazar .nav2 .wrap{overflow-x:auto;scrollbar-width:none;gap:20px}
  .bazar .nav2 .sub,.bazar .nav2 .chev{display:none}
}
@media (max-width:760px){
  /* AUG-B P23-02: على الجوال الأقسام داخل زر القائمة فقط (كانت تظهر مرتين: شريطًا أفقيًا وداخل القائمة) */
  .bazar .nav2{display:none}
  .bazar .hero .wrap{grid-template-columns:1fr;padding-block:18px 26px;gap:4px;text-align:center}
  .bazar .hero h1{font-size:27px;margin-bottom:8px}
  .bazar .hero p{margin-inline:auto;font-size:14.5px;margin-bottom:12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  .bazar .hp{margin-bottom:14px}
  .bazar .btn.big{padding:13px 28px;font-size:16px}
  .bazar .mini{gap:10px;margin-top:12px;font-size:12px}
  .bazar .hp,.bazar .mini{justify-content:center}
  .bazar .hero-art{order:-1;width:62%}
  .bazar .hero-art .stk{width:72px;height:72px;font-size:20px}
  .bazar .sec-h h2{font-size:21px}
  .bazar .card{padding:9px}
  .bazar .card h3{font-size:13.5px}
  .bazar .cat{min-height:120px}
  .bazar .cat b{font-size:16px}
  .bazar .promo .box{grid-template-columns:1fr}
  .bazar .promo .txt{padding:28px 20px}
  .bazar .promo h2{font-size:24px}
}

/* صفحة الصيانة: أيقونة باللون المميّز بأسلوب بازار الجريء */
.bazar .mnt-ico{background:var(--a);color:var(--afg)}
.bazar .mnt-card{border-top:4px solid var(--p)}
/* AUG-B P25: بدائل بلا color-mix (Safari قبل iOS 16.2) — بدونها تصبح الواجهة شفافة ونصها الأبيض غير مرئي */
@supports not (color:color-mix(in srgb,red 50%,blue)){
  .bazar .hero{background:var(--p)}
  .bazar .promo .box.noimg{background:var(--stx)}
  .bazar .flash{background:var(--ssf)}
}