/* AJWb2b — تصميم الكطالوغ البسيط (أسلوب أبل، طلب صاحب المتجر 2026-10-20)
   طبقة فوق تنسيق shop.html الأصلي — لا تغيّر أي وظيفة.
   للتراجع عن التصميم كاملاً: احذف سطر <link … shop-min.css> من shop.html (يعود التصميم السابق كما كان). */

:root{
  --bg:#FFFFFF; --white:#FFFFFF; --text:#1D1D1F; --sub:#6E6E73; --muted:#86868B;
  --border:#E5E5EA; --hair:#F0F0F2; --tile:#F5F5F7;
  --r:20px; --rs:14px;
}
body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;letter-spacing:0}
.wrap{padding:0 16px}

/* ── الرأس ── */
.top{border-bottom:none}
.topIn{padding:18px 20px 12px}
.storeRow{margin-bottom:16px}
.logo{border:none;border-radius:12px}
.storeName{font-size:26px;font-weight:800;line-height:1.15}
.storeSub{font-size:13px;color:var(--muted);margin-top:3px}
.iconBtn{border:none;background:var(--tile);width:40px;height:40px}
.search input{background:var(--tile);border:none;border-radius:12px;padding:12px 40px 12px 14px;font-size:16px;transition:box-shadow .2s}
.search input:focus{box-shadow:0 0 0 3px rgba(15,122,79,.18);background:var(--white)}
.miniTop{background:#fff;border-bottom:1px solid var(--hair);box-shadow:none}

/* ── الفئات | الماركات: مفتاح مقسّم كـ iOS ── */
.seg{background:var(--tile);border:none;padding:3px;margin-top:6px}
.segB{padding:8px 20px;color:var(--sub);font-weight:600;transition:background-color .25s,color .25s,box-shadow .25s}
.segB.on{background:var(--white);color:var(--text);font-weight:700;box-shadow:0 1px 3px rgba(0,0,0,.08),0 3px 8px rgba(0,0,0,.06)}

/* ── أغلفة الفئات ── */
.tcovs{gap:12px;padding:12px 16px 4px;margin:0 -16px}
.tcov{border-radius:var(--r);border-width:0;background:var(--tile)}
.tcov.on{border-width:2px}
.coverShade{background:linear-gradient(180deg,rgba(0,0,0,0) 45%,rgba(0,0,0,.55))}
.tcovName{font-size:18px;font-weight:800;text-shadow:none}

/* ── الترتيب والتصفية ── */
.tbar{margin:18px 0 0}
.tBtn{border:none;background:var(--tile);color:var(--sub);height:36px;font-weight:600}
.tBtn.on{background:var(--greenLt)}
.sortMenu{border:none;border-radius:16px;box-shadow:0 18px 40px rgba(0,0,0,.14),0 0 0 1px rgba(0,0,0,.04)}
.sortMenu button{border-radius:10px}
.chip{border-color:transparent;background:var(--tile);color:var(--text)}
.filters .chip,.catBlock .chip{background:var(--tile)!important;border-color:transparent!important;color:var(--text)!important}
.catBlock{border:none;background:var(--tile)}

/* ── أقسام الصفحة الرئيسية: عناوين بارزة ومسافات واسعة ── */
.pSec{margin-top:34px}
.pSecT{font-size:22px;font-weight:800;padding:4px 0}
.pSecN{border:none;background:none;color:var(--muted);font-size:14px;font-weight:600;padding:0}
.pSecAll{font-size:14px;font-weight:600}
.pSecMore{border:none;background:var(--tile);color:var(--text);border-radius:999px;padding:13px;margin-top:6px;font-weight:600}

/* ── بطاقات المنتجات: الصورة هي البطاقة ── */
.grid{gap:12px;margin:0;padding-top:10px}
.card{border:none;background:transparent;border-radius:0;margin-bottom:18px;overflow:visible}
.cardImg{background:var(--tile);border-radius:18px;overflow:hidden}
.cardImg.sk{background:var(--tile)}
/* خلفية الصور البيضاء تذوب في البلاطة الرمادية — المنتج وحده يبرز */
.cardImg img.ld{mix-blend-mode:multiply}
.card.inCart .cardImg{box-shadow:inset 0 0 0 2px var(--green)}
.card.inCart{border:none}
.cardBody{padding:10px 4px 0}
.cardRef{font-size:11px;color:var(--muted)}
.price{font-size:16px;font-weight:700;color:var(--text)}
.addBtn{border:none;background:var(--tile);width:34px;height:34px;color:var(--text)}
.qtyBox{background:var(--tile)}
.qtyBtn{color:var(--text)}
.qtyNum{color:var(--text)}
.cardActs{top:10px;left:10px}
.cAct{background:rgba(255,255,255,.88);box-shadow:none;width:32px;height:32px}
.colTag,.optTag{box-shadow:none}
.stockTag{background:rgba(29,29,31,.82)}
@media (hover:hover){
  .card.in:hover{transform:none;box-shadow:none}
  .card:hover .cardImg img.ld{transform:scale(1.04)}
}
.card:active .cardImg img.ld{transform:scale(1.03)}

/* ── شريط التنقل ── */
.nav{background:rgba(255,255,255,.97);border-top:1px solid var(--hair)}
.navBtn{font-weight:500}

/* ── الأزرار ── */
.btn{border-radius:999px;padding:15px;font-weight:600}
.btnGhost{border:none;background:var(--tile);color:var(--text)}
.sqBtn{border:none;background:var(--tile);border-radius:50%}
.inp{border:none;background:var(--tile)}
.inp:focus{box-shadow:0 0 0 3px rgba(15,122,79,.18)}

/* ── صفحة المنتج: صورة كبيرة وتفاصيل هادئة ── */
.pHead{border-bottom:1px solid var(--hair)}
/* صفحة المنتج بيضاء: الصورة تطفو على الأبيض بلا إطار */
.pMain{background:var(--white);border:none;border-radius:24px}
@media (max-width:680px){.pMain{width:calc(100% + 32px);margin:0 -16px;border-radius:0}}
.thumb{border:2px solid transparent;background:var(--tile);border-radius:12px}
.thumb img{mix-blend-mode:multiply}
.thumb.on{border-color:var(--text);box-shadow:none}
.pName{font-size:24px;font-weight:800;line-height:1.35;margin:22px 0 4px}
.pDesc{font-size:15px;line-height:1.85;color:var(--sub);margin-top:10px}
.pPrice{font-size:26px;font-weight:700;color:var(--text)}
.pTags{gap:8px;margin:16px 0 4px}
.pTags .chip{background:var(--tile)!important;border-color:transparent!important;color:var(--sub)!important;font-weight:500}
.colChip{border-color:transparent;background:var(--tile)}
.colChip.on{background:var(--text);color:#fff}
.pActs{background:rgba(255,255,255,.97);margin-left:-16px;margin-right:-16px;padding:10px 16px;box-shadow:0 -1px 0 var(--hair)}
.moreT{font-size:20px;font-weight:800;margin:34px 0 10px}

/* ── السلة وطلبياتي وحسابي: بلاطات رمادية بلا حدود ── */
.page h2{font-size:28px!important;font-weight:800;margin:14px 0 18px!important}
.sec,.ordCard,.ordSum,.limBox,.shopBuy,.ordPastBtn,.addrPick,.cityList{border:none;background:var(--tile)}
.ordSumT div{background:var(--white)}
.cSum div{border:none;background:var(--tile);border-radius:16px}
.cImg{border-radius:14px;background:var(--tile)}
.cDel{background:var(--white)}
.cSub{color:var(--text)}
.qtyInp{color:var(--text)}
.ordNone{border:none;background:var(--tile)}
.empty b{font-size:20px;font-weight:800}
.emptyIc{background:var(--tile);color:var(--text);width:76px;height:76px}
.sec .inp,.sec textarea{background:var(--white)}
.shopNote{border:none}

/* شريط «الأكثر مبيعاً» / «وصل حديثاً» */
.featSec{margin-top:30px}
.featRow{gap:12px;margin:0 -16px;padding:8px 16px 4px}
.stockTag.hot{background:rgba(255,255,255,.9);box-shadow:none}

/* «حسابي» */
.accStats button{border:none;background:var(--tile);border-radius:18px}
.intChip{background:var(--tile)}

/* «المجتمع»: تنسيقه كله في shop.html (2026-10-21) */