body{font-family:Arial,sans-serif !important;}
/* ===== Mobiles Single (LTR) ===== */
.mb-single{background:#f6f7f9;padding:16px;width:100%}
.mb-container{max-width:1024px;margin:0 auto}

/* Cards */
.card{background:#fff;border:1px solid #e3e6ea;border-radius:8px;box-shadow:0 1px 3px rgba(0,0,0,.06);margin-bottom:14px}

/* Hero */
.mb-hero{display:flex;gap:16px;align-items:center;padding:14px}
.mb-hero .thumb img{width:180px;height:auto;object-fit:cover;border-radius:6px}
.mb-hero .info{flex:1}
.mb-hero .title{margin:0 0 6px 0;font-size:1.35rem;font-weight:700;color:#1b1e23}
.mb-hero .bullets{list-style:none;padding:0;margin:0 0 8px 0}
.mb-hero .bullets li{margin:2px 0;color:#2c3e50}
.mb-hero .price{font-size:1.25rem;font-weight:800;color:#111}

/* Quick specs pills */
.mb-quick{display:flex;flex-wrap:wrap;gap:8px;padding:12px; border-top:4px solid var(--mb-primary); justify-content: space-around;}
.mb-quick .pill{background:var(--mb-accent);color:#fff;padding:8px 10px;border-radius:8px;font-weight:600;display:flex;gap:8px;align-items:center}

/* Description */
.mb-desc{padding:14px}
.mb-desc .content p{margin:0 0 10px 0;color:#222;line-height:1.6}
section.mb-desc.card .mustread.wrap {display: none;}

/* Spec sections */
.mb-spec .spec-head{background:var(--mb-primary);color:#fff;font-weight:800;padding:8px 12px;border-radius:8px 8px 0 0}
.mb-spec .spec-table{width:100%;border-collapse:collapse}
.mb-spec .spec-table tbody tr{border-bottom:1px solid #eceff3}
.mb-spec .spec-table th,
.mb-spec .spec-table td{padding:10px 4px;text-align:left;vertical-align:top}
.mb-spec .spec-table th{width:28%;color:#555}
.mb-spec .spec-table td{color:#111}

/* Responsive */
@media(max-width: 768px){
  .mb-hero{flex-direction:column;align-items:center}
  .mb-hero .thumb img{width:100%;height:auto}
}


/* ===== Share Buttons & Related Mobiles ===== */
.mb-related{padding:16px;direction:ltr}

.share-box{text-align:center;margin-bottom:24px}
.share-title{font-size:1.2rem;font-weight:700;margin-bottom:10px;color:#111}
.share-btns{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}
.share-btns a{
  color:#fff;font-weight:600;padding:8px 14px;border-radius:6px;
  text-decoration:none;transition:opacity .2s ease
}
.share-btns a:hover{opacity:.8}
.share-btns .fb{background:#1877f2}
.share-btns .tw{background:#1da1f2}
.share-btns .rd{background:#ff4500}
.share-btns .pt{background:#e60023}
.share-btns .wa{background:#25d366}

/* Related Mobiles */
.related-wrapper{margin-top:20px}
.related-title{font-size:1.3rem;font-weight:700;margin-bottom:14px;color:#111;text-align:left}
.related-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.rel-card{background:#fff;border:1px solid #e3e6ea;border-radius:6px;text-align:center;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}
.rel-card:hover{transform:translateY(-4px);box-shadow:0 4px 8px rgba(0,0,0,.08)}
.rel-card .thumb {
  width:100%;
  background:#fff;
  display:flex;
  justify-content:center;
  align-items:center;
  padding:12px;
  height:260px; /* adjust as needed */
}

.rel-card .thumb img{
  max-height:100%;
  width:auto;
  height:auto;
  object-fit:contain;
  display:block;
}
.rel-card .title{font-size:1rem;margin:8px 0 4px 0;color:#0077b6;font-weight:700}
.rel-card .price{color:#111;font-size:.9rem;margin-bottom:10px}
@media(max-width:992px){
  .rel-card .thumb{height:220px;padding:10px;}
}
@media(max-width:600px){
  .rel-card .thumb{height:200px;padding:8px;}
}
@media(max-width:992px){.related-grid{grid-template-columns:repeat(2,1fr)}}