/* ============ صفحات المتجر (shop / cart / checkout / invoice / support / about): نفس شكل الصفحة الرئيسية، إنجليزي LTR ============ */
body.sub{min-height:100vh;display:flex;flex-direction:column}
body.sub>.container{flex:1;width:100%}
.sub .container{max-width:1840px;padding:44px clamp(20px,7.8vw,140px) 64px;position:relative;z-index:1}
.sub .container.narrow{max-width:680px;padding-inline:20px}
.sub h1.title{font-size:clamp(2rem,3.6vw,3rem);font-weight:800;letter-spacing:-.025em;line-height:1.05;color:var(--ht);margin-bottom:30px}
.sub h1.title::after{content:'';display:block;width:64px;height:4px;border-radius:4px;margin-top:14px;background:linear-gradient(90deg,#1b74ff,#63b4ff)}

/* بطاقات */
.sub .product,.sub .rules-section,.sub .stat{border:1px solid var(--hline);background:linear-gradient(160deg,rgba(8,22,58,.72),rgba(14,50,140,.2));box-shadow:0 14px 40px rgba(0,10,50,.35)}
html[data-theme=light] .sub .product,html[data-theme=light] .sub .rules-section{background:#fff;box-shadow:0 12px 34px rgba(20,60,150,.1)}
.sub .product{border-radius:22px;padding:22px}
.sub .product:hover{border-color:rgba(90,160,255,.55);box-shadow:0 18px 46px rgba(30,100,255,.28)}
.sub .product-image{margin-left:0;margin-right:22px;border:1px solid var(--hline);border-radius:16px}
.sub .product-info h3{font-size:1.25rem;font-weight:700;color:var(--ht)}
.sub .product-info p{color:var(--hm)}
.sub .product-details{color:var(--hm)}
.sub .price{color:#63b4ff;font-weight:800;font-size:1.05rem}
html[data-theme=light] .sub .price{color:#1457e0}
.sub .rules-section{border-radius:22px;padding:30px}
.sub .rules-section h2{color:var(--ht);font-weight:800;letter-spacing:-.01em;border-bottom:1px solid var(--hline)}
.sub .rules-section ul{padding-right:0;padding-left:22px;color:var(--hm)}
.sub .cat-title{color:var(--ht);font-weight:800;font-size:1.5rem;margin:12px 0 18px}
.sub .mut,.sub .hint{color:var(--hm)}

/* أزرار: نفس زر Shop Now */
.sub .add-btn,.sub .contact-form button,.sub .mini{background:linear-gradient(180deg,#1b74ff,#0a5bff);color:#fff;border:0;border-radius:12px;font-weight:600;letter-spacing:.01em;box-shadow:0 8px 22px rgba(18,100,255,.4),inset 0 1px 0 rgba(255,255,255,.25);transition:transform .2s,box-shadow .2s,filter .2s}
.sub .add-btn{padding:12px 24px;font-size:1rem}
.sub .add-btn:hover,.sub .contact-form button:hover,.sub .mini:hover{background:linear-gradient(180deg,#1b74ff,#0a5bff);filter:brightness(1.12);transform:translateY(-1px)}
.sub .add-btn:disabled{filter:grayscale(.4);transform:none}
.sub .mini{padding:6px 14px;box-shadow:none}.sub .mini.red{background:#8b1d2c}.sub .mini.gray{background:rgba(255,255,255,.12)}
a .add-btn{text-decoration:none}
.sub .links a{text-decoration:none}

/* فلاتر التصنيفات */
.sub .chip{background:var(--hghost);border:1px solid var(--hline);color:var(--ht);font-weight:600;padding:8px 20px}
.sub .chip.on,.sub .chip:hover{background:linear-gradient(180deg,#1b74ff,#0a5bff);border-color:transparent;color:#fff}

/* فورم */
.sub .contact-form label{color:var(--ht);font-weight:600}
.sub .contact-form input,.sub .contact-form textarea,.sub .contact-form select{padding:13px 14px;border-radius:12px;background:var(--hfi);border:1px solid var(--hline);box-shadow:none;color:var(--ht)}
.sub .contact-form input:focus,.sub .contact-form textarea:focus,.sub .contact-form select:focus{border-color:#4a9bff;box-shadow:0 0 0 3px rgba(40,120,255,.25)}
.sub .contact-form input::placeholder,.sub .contact-form textarea::placeholder{color:var(--hm);opacity:.8}
.sub .contact-form select option{background:#0c1a38;color:#fff}
html[data-theme=light] .sub .contact-form select option{background:#fff;color:#0a1633}
.sub .qbox{border:1px solid var(--hline);border-radius:16px}.sub .qbox legend{color:var(--ht);font-weight:700}
.sub .tag{color:#63b4ff}html[data-theme=light] .sub .tag{color:#1457e0}
.sub .row{border-bottom:1px solid var(--hline)}
.sub .code-box{background:var(--hfi);border:1px dashed var(--hline);color:var(--ht)}

/* LTR: الجداول والتوست */
.sub th,.sub td{text-align:left}
.sub .toast-container{right:20px;left:auto}
.sub .toast{border-radius:14px}

/* السلة والفاتورة */
.sub .qty{margin-top:6px}
#foot{display:flex;flex-wrap:wrap;gap:12px;align-items:center}#foot .rules-section{flex-basis:100%;margin:0}
.sub .pill{font-weight:600}

@media(max-width:560px){
 .sub .container{padding:28px 16px 48px}
 .sub .product-image{margin:0 0 14px;width:100%}
 .sub .rules-section{padding:22px 18px}
}