/* BBox AI Theme 5.5.15 — Mobile Homepage Single Source of Truth */
.bbox-home438{--home-bg:#f7f2e8;--home-surface:#fffdf8;--home-ink:#17140f;--home-muted:#7c705d;--home-gold:#c78f18;--home-gold2:#f2d375;--home-line:rgba(160,114,22,.18);--home-shadow:0 10px 26px rgba(41,31,17,.075);--bbox-home-columns:2;--bbox-feature-columns:2;color:var(--home-ink);background:radial-gradient(circle at 100% 0,rgba(225,178,72,.08),transparent 34%),linear-gradient(180deg,#fbf8f1,#f6f0e5)}
.bbox-home438-shell{width:100%;max-width:none;padding:0 12px 96px}
.bbox-home438-section,.bbox-home440-hero,.bbox-home440-promo{margin:18px 0 0}
.bbox-home438-section-head{position:relative;display:flex;align-items:flex-end;justify-content:space-between;gap:10px;margin:0 0 12px;padding:0 4px 10px}
.bbox-home438-section-head::after{content:"";position:absolute;right:4px;bottom:0;width:54px;height:2px;border-radius:999px;background:linear-gradient(90deg,var(--home-gold),var(--home-gold2))}
.bbox-home438-section-head h2{margin:0;font-size:17px;line-height:1.55;font-weight:900;color:var(--home-ink)}
.bbox-home438-view-all{color:#8a600d;font-size:11px;font-weight:800;text-decoration:none}
.bbox-home440-hero{position:relative;overflow:hidden;border:1px solid rgba(199,143,24,.20);border-radius:22px;background:#15120d;box-shadow:0 14px 34px rgba(35,26,13,.14)}
.bbox-home440-hero-picture,.bbox-home440-hero-picture img{display:block;width:100%}.bbox-home440-hero-picture img{height:auto;object-fit:cover}.bbox-home440-hero-hit{position:absolute;inset:0}
.bbox-home438-category-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.bbox-home438-category-card{display:flex;flex-direction:column;overflow:hidden;padding:0;border:1px solid var(--home-line);border-radius:20px;background:radial-gradient(circle at 100% 0,rgba(242,211,117,.15),transparent 38%),linear-gradient(180deg,#fffefa,#fbf5e9);box-shadow:var(--home-shadow);color:var(--home-ink);text-decoration:none}
.bbox-home438-category-image{width:100%;aspect-ratio:1/1;overflow:hidden;background:#f4ede1}.bbox-home5515-category-picture{display:block;width:100%;height:100%}.bbox-home438-category-image img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.bbox-home438-category-copy{min-height:48px;display:flex;align-items:center;justify-content:center;padding:9px 8px 11px;text-align:center}.bbox-home438-category-copy strong{margin:0;font-size:13px;line-height:1.65;font-weight:900}.bbox-home438-category-copy small,.bbox-home438-category-arrow{display:none!important}
ul.products.bbox-home438-product-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;padding:0!important;margin:0!important}.bbox-home438-products .bbox-product-card{border:1px solid var(--home-line)!important;border-radius:19px!important;background:linear-gradient(180deg,#fffefa,#fbf5e9)!important;box-shadow:var(--home-shadow)!important;overflow:hidden!important}
.bbox-home440-promo{overflow:hidden;border:1px solid rgba(199,143,24,.18);border-radius:20px;background:#16130e;box-shadow:0 12px 30px rgba(35,26,13,.11)}.bbox-home440-promo img,.bbox-home440-promo picture{display:block;width:100%}
.bbox-home438-brand-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.bbox-home438-brand-card{min-height:102px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:11px 7px;border:1px solid var(--home-line);border-radius:18px;background:#fffdfa;box-shadow:0 7px 18px rgba(40,30,16,.05);color:var(--home-ink);text-decoration:none}.bbox-home438-brand-image img{display:block;width:auto;max-width:78%;max-height:34px;object-fit:contain}.bbox-home438-brand-name{font-size:11px;line-height:1.5;font-weight:800}
.bbox-home440-benefit-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.bbox-home440-benefit-card{min-height:140px;display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:14px 12px;border:1px solid var(--home-line);border-radius:20px;background:radial-gradient(circle at 100% 0,rgba(242,211,117,.15),transparent 38%),linear-gradient(180deg,#fffefa,#fbf5e9);box-shadow:var(--home-shadow)}.bbox-home442-benefit-media{width:44px;height:44px;display:grid;place-items:center;border-radius:13px;background:linear-gradient(145deg,#fff7df,#f2d375)}.bbox-home442-benefit-media img{width:29px;height:29px;object-fit:contain}.bbox-home442-benefit-copy strong{display:block;margin-bottom:4px;font-size:13px;line-height:1.6;font-weight:900}.bbox-home442-benefit-copy small{display:block;color:var(--home-muted);font-size:10.5px;line-height:1.9}
.bbox-home438-guide-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.bbox-home438-guide-card{overflow:hidden;border:1px solid var(--home-line);border-radius:20px;background:linear-gradient(180deg,#fffefa,#fbf5e9);box-shadow:var(--home-shadow)}.bbox-home438-guide-image img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover}.bbox-home438-guide-copy{padding:11px 11px 13px}.bbox-home438-guide-copy span{display:block;margin-bottom:4px;color:#90620b;font-size:10px;font-weight:800}.bbox-home438-guide-grid>:last-child:nth-child(odd){grid-column:1/-1}.bbox-home438-guide-grid>:last-child:nth-child(odd) .bbox-home438-guide-image img{aspect-ratio:16/7}
.bbox-home440-seo{padding:17px 15px;border:1px solid var(--home-line);border-radius:22px;background:radial-gradient(circle at 100% 0,rgba(242,211,117,.12),transparent 36%),linear-gradient(180deg,#fffefa,#faf4e7);box-shadow:var(--home-shadow)}.bbox-home440-seo-copy h1,.bbox-home440-seo-copy h2,.bbox-home440-seo-copy h3{margin:0 0 10px;font-size:16px;line-height:1.8;font-weight:900}.bbox-home440-seo-copy p{margin:0 0 11px;color:#574d3f;font-size:12px;line-height:2.05}.bbox-home440-popular{margin-top:13px;padding-top:13px;border-top:1px solid rgba(160,114,22,.14)}.bbox-home440-popular-links{display:flex;flex-wrap:wrap;gap:8px}.bbox-home440-popular-links a{min-height:32px;display:inline-flex;align-items:center;padding:6px 11px;border:1px solid rgba(199,143,24,.15);border-radius:999px;background:#fff4d9;color:#66490f;font-size:10.5px;font-weight:800;text-decoration:none}
.bbox-home440-faq-grid{display:grid;gap:10px}.bbox-home440-faq-item{overflow:hidden;border:1px solid var(--home-line);border-radius:17px;background:#fffdfa;box-shadow:0 7px 18px rgba(40,30,16,.045)}.bbox-home440-faq-item summary{position:relative;min-height:54px;display:flex;align-items:center;padding:11px 42px 11px 13px;font-size:12px;line-height:1.75;font-weight:800;cursor:pointer;list-style:none}.bbox-home440-faq-item summary::-webkit-details-marker{display:none}.bbox-home440-faq-item summary::before{content:"+";position:absolute;right:13px;top:50%;width:22px;height:22px;display:grid;place-items:center;transform:translateY(-50%);border-radius:50%;background:#fff2d0;color:#8c610d;font-weight:900}.bbox-home440-faq-item[open] summary::before{content:"−"}.bbox-home440-faq-item>*:not(summary){padding:0 13px 13px;color:var(--home-muted);font-size:11.5px;line-height:1.95}

/* ==========================================================================
   BBox 5.5.16 — Mobile Homepage Visual Micro Refinement
   Scope: mobile homepage only.
   ========================================================================== */

/* Section-title scale: smaller, calmer, more premium. */
.bbox-home438 .bbox-home438-section-head{
  margin-bottom:11px;
  padding-bottom:8px;
}

.bbox-home438 .bbox-home438-section-head h2{
  font-size:15px!important;
  line-height:1.55!important;
  font-weight:900!important;
  letter-spacing:-.1px;
}

.bbox-home438 .bbox-home438-section-head::after{
  width:44px!important;
  height:2px!important;
}

.bbox-home438 .bbox-home438-view-all{
  font-size:10px!important;
  line-height:1.5!important;
}

/* Why BBox: harmonize icon scale with copy. */
.bbox-home438 .bbox-home440-benefit-card{
  min-height:124px!important;
  gap:8px!important;
  padding:13px 12px!important;
}

.bbox-home438 .bbox-home442-benefit-media{
  width:36px!important;
  height:36px!important;
  flex:0 0 36px!important;
  border-radius:11px!important;
}

.bbox-home438 .bbox-home442-benefit-media img{
  width:23px!important;
  height:23px!important;
  max-width:23px!important;
  max-height:23px!important;
  object-fit:contain!important;
}

.bbox-home438 .bbox-home442-benefit-copy strong{
  margin-bottom:3px!important;
  font-size:12.25px!important;
  line-height:1.55!important;
  font-weight:900!important;
}

.bbox-home438 .bbox-home442-benefit-copy small{
  font-size:10px!important;
  line-height:1.8!important;
}

/* Guide section headings also inherit a calmer visual hierarchy. */
.bbox-home438 .bbox-home438-guide-copy a,
.bbox-home438 .bbox-home438-guide-copy h3{
  font-size:12.25px!important;
  line-height:1.8!important;
}

/* SEO headings: prevent oversized lower-page typography. */
.bbox-home438 .bbox-home440-seo-copy h1,
.bbox-home438 .bbox-home440-seo-copy h2,
.bbox-home438 .bbox-home440-seo-copy h3{
  font-size:14.5px!important;
  line-height:1.75!important;
}

/* FAQ: keep one plus only on the RIGHT.
   owner.php already renders <b>+</b>; hide it on mobile and use one controlled marker. */
.bbox-home438 .bbox-home440-faq-item summary{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  min-height:52px!important;
  padding:11px 44px 11px 13px!important;
  list-style:none!important;
  list-style-type:none!important;
  font-size:11.75px!important;
  line-height:1.7!important;
  font-weight:800!important;
}

.bbox-home438 .bbox-home440-faq-item summary::-webkit-details-marker{
  display:none!important;
}

.bbox-home438 .bbox-home440-faq-item summary::marker{
  content:""!important;
  display:none!important;
}

.bbox-home438 .bbox-home440-faq-item summary > b{
  display:none!important;
}

.bbox-home438 .bbox-home440-faq-item summary::before{
  content:"+"!important;
  position:absolute!important;
  right:13px!important;
  left:auto!important;
  top:50%!important;
  width:22px!important;
  height:22px!important;
  display:grid!important;
  place-items:center!important;
  transform:translateY(-50%)!important;
  border-radius:50%!important;
  background:#fff2d0!important;
  box-shadow:inset 0 0 0 1px rgba(199,143,24,.10)!important;
  color:#8c610d!important;
  font-size:14px!important;
  line-height:1!important;
  font-weight:900!important;
}

.bbox-home438 .bbox-home440-faq-item[open] summary::before{
  content:"−"!important;
}

.bbox-home438 .bbox-home440-faq-item summary > span{
  display:block!important;
  width:100%!important;
  text-align:right!important;
}

/* FAQ heading itself should not visually overpower the accordion. */
.bbox-home438 .bbox-home440-faq .bbox-home438-section-head h2{
  font-size:15px!important;
}

/* Why BBox title specifically. */
.bbox-home438 .bbox-home440-benefits .bbox-home438-section-head h2{
  font-size:15px!important;
}

/* >>> BBOX 5.5.17 WHY BLACKBOX MOBILE START >>> */

.bbox-home438 .bbox-home440-benefit-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:12px!important;
}

.bbox-home438 .bbox-home440-benefit-card{
  position:relative!important;
  display:flex!important;
  flex-direction:row!important;
  direction:rtl!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:11px!important;
  min-height:112px!important;
  padding:13px 12px!important;
  overflow:hidden!important;
  border:1px solid rgba(174,124,24,.18)!important;
  border-radius:19px!important;
  background:
    radial-gradient(circle at 100% 0,rgba(244,214,126,.22),transparent 45%),
    linear-gradient(145deg,#fffefa 0%,#fbf4e6 100%)!important;
  box-shadow:
    0 10px 24px rgba(42,31,15,.07),
    inset 0 1px 0 rgba(255,255,255,.92)!important;
}

.bbox-home438 .bbox-home440-benefit-card::after{
  content:""!important;
  position:absolute!important;
  right:0!important;
  top:15px!important;
  bottom:15px!important;
  width:2px!important;
  border-radius:99px!important;
  background:linear-gradient(180deg,#f1d376,#b98010)!important;
  opacity:.9!important;
}

.bbox-home438 .bbox-home442-benefit-media{
  order:0!important;
  flex:0 0 52px!important;
  width:52px!important;
  height:52px!important;
  display:grid!important;
  place-items:center!important;
  margin:0!important;
  border:1px solid rgba(184,131,23,.16)!important;
  border-radius:16px!important;
  background:
    radial-gradient(circle at 35% 25%,#fffdf4 0%,#f7df9a 55%,#e8bd50 100%)!important;
  box-shadow:
    0 7px 16px rgba(122,85,13,.12),
    inset 0 1px 0 rgba(255,255,255,.9)!important;
}

.bbox-home438 .bbox-home442-benefit-media img{
  display:block!important;
  width:34px!important;
  height:34px!important;
  max-width:34px!important;
  max-height:34px!important;
  object-fit:contain!important;
}

.bbox-home438 .bbox-home442-benefit-copy{
  order:1!important;
  flex:1 1 auto!important;
  min-width:0!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:center!important;
  text-align:right!important;
  direction:rtl!important;
}

.bbox-home438 .bbox-home442-benefit-copy strong{
  display:block!important;
  width:100%!important;
  margin:0 0 4px!important;
  color:#17130d!important;
  font-size:12.5px!important;
  line-height:1.55!important;
  font-weight:900!important;
}

.bbox-home438 .bbox-home442-benefit-copy small{
  display:block!important;
  width:100%!important;
  margin:0!important;
  color:#786b57!important;
  font-size:9.8px!important;
  line-height:1.8!important;
  font-weight:500!important;
}

/* <<< BBOX 5.5.17 WHY BLACKBOX MOBILE END <<< */

/* >>> BBOX 5.5.18 WHY BLACKBOX FINAL START >>> */

/* Final mobile composition for "چرا بلک باکس؟" */
.bbox-home438 .bbox-home440-benefit-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:12px!important;
  align-items:stretch!important;
}

.bbox-home438 .bbox-home440-benefit-card{
  position:relative!important;
  display:grid!important;
  grid-template-columns:56px minmax(0,1fr)!important;
  direction:rtl!important;
  align-items:center!important;
  gap:12px!important;
  min-height:118px!important;
  height:100%!important;
  padding:14px 14px 14px 13px!important;
  overflow:hidden!important;
  border:1px solid rgba(170,121,22,.18)!important;
  border-radius:20px!important;
  background:
    radial-gradient(circle at 103% 0,rgba(246,217,132,.24),transparent 44%),
    linear-gradient(145deg,#fffefa 0%,#fbf4e6 100%)!important;
  box-shadow:
    0 11px 26px rgba(42,31,15,.075),
    inset 0 1px 0 rgba(255,255,255,.94)!important;
}

.bbox-home438 .bbox-home440-benefit-card::before{
  content:""!important;
  position:absolute!important;
  right:10px!important;
  top:12px!important;
  width:32px!important;
  height:32px!important;
  border-radius:50%!important;
  background:radial-gradient(circle,rgba(235,192,87,.11),transparent 70%)!important;
  pointer-events:none!important;
}

.bbox-home438 .bbox-home440-benefit-card::after{
  content:""!important;
  position:absolute!important;
  right:0!important;
  top:16px!important;
  bottom:16px!important;
  width:2px!important;
  border-radius:99px!important;
  background:linear-gradient(180deg,#f3d67a,#b97f0d)!important;
  opacity:.95!important;
}

.bbox-home438 .bbox-home442-benefit-media{
  grid-column:1!important;
  grid-row:1!important;
  align-self:center!important;
  justify-self:center!important;
  width:54px!important;
  height:54px!important;
  min-width:54px!important;
  display:grid!important;
  place-items:center!important;
  margin:0!important;
  border:1px solid rgba(183,130,21,.18)!important;
  border-radius:17px!important;
  background:
    linear-gradient(145deg,#fffaf0 0%,#f5db90 58%,#e8b948 100%)!important;
  box-shadow:
    0 8px 18px rgba(123,84,11,.13),
    inset 0 1px 0 rgba(255,255,255,.92)!important;
}

.bbox-home438 .bbox-home442-benefit-media img{
  display:block!important;
  width:36px!important;
  height:36px!important;
  max-width:36px!important;
  max-height:36px!important;
  object-fit:contain!important;
}

.bbox-home438 .bbox-home442-benefit-copy{
  grid-column:2!important;
  grid-row:1!important;
  min-width:0!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:center!important;
  gap:3px!important;
  direction:rtl!important;
  text-align:right!important;
  padding-inline-end:0!important;
  padding-inline-start:1px!important;
}

.bbox-home438 .bbox-home442-benefit-copy strong{
  display:block!important;
  width:100%!important;
  margin:0!important;
  color:#17130d!important;
  font-size:12.35px!important;
  line-height:1.55!important;
  font-weight:900!important;
  letter-spacing:-.05px!important;
}

.bbox-home438 .bbox-home442-benefit-copy small{
  display:block!important;
  width:100%!important;
  margin:0!important;
  color:#776a57!important;
  font-size:9.65px!important;
  line-height:1.82!important;
  font-weight:500!important;
}

/* Normalize all four cards regardless of copy length */
.bbox-home438 .bbox-home440-benefit-card:nth-child(1),
.bbox-home438 .bbox-home440-benefit-card:nth-child(2),
.bbox-home438 .bbox-home440-benefit-card:nth-child(3),
.bbox-home438 .bbox-home440-benefit-card:nth-child(4){
  min-height:118px!important;
}

/* <<< BBOX 5.5.18 WHY BLACKBOX FINAL END <<< */