/* =====================================================================
   بهباد کمپرسور — تم یکپارچه صفحه‌های داخلی (نسخه ۱۱)
   ---------------------------------------------------------------------
   صفحه‌های فروشگاه، دسته، برند، محصول، تماس و درباره را هم‌شکل ویترین
   صفحه اصلی می‌کند: هیروی سرمه‌ای با شبکه و نور آبی/قرمز، تیترهای
   پررنگ با خط قرمز، کارت‌های گرد ۲۲px و کارت محصول مثل ویترین.

   همه قانون‌ها زیر کلاس .bb-theme (روی body) هستند؛ با برداشتن این
   کلاس از master.blade.php و master-mini.blade.php ظاهر قبلی برمی‌گردد.
   ===================================================================== */
.bb-theme {
  --bb-navy: #0B1A30; --bb-navy2: #0B1A30; --bb-blue: #0B1A30; --bb-sky: #E36F1E;
  --bb-red: #E36F1E; --bb-red2: #E36F1E; --bb-bg: #F4F7FB; --bb-line: #E2E8F2;
  --bb-mut: #5B6B85; --bb-ink: #0B1A30; --bb-green: #0DA271; --bb-r: 22px;
  --bb-shadow: 0 24px 50px -38px rgba(7, 26, 61, .55);
  --bb-shadow-lg: 0 30px 60px -32px rgba(7, 26, 61, .55);
  --bb-hero: radial-gradient(800px 500px at 15% 30%, rgba(59, 139, 255, .30), transparent 60%),
             radial-gradient(600px 420px at 95% 115%, rgba(225, 29, 46, .30), transparent 60%),
             linear-gradient(160deg, #0B1A30, #0B1A30 62%);
  --bb-grid: linear-gradient(rgba(255, 255, 255, .045) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, .045) 1px, transparent 1px);
}

/* ---------------------------------------------------------------------
   ۱) هیروی صفحه‌ها (دسته، برند، تماس، درباره، فروشگاه، مقاله)
   --------------------------------------------------------------------- */
.bb-theme .pg-hero:not(.pg-hero--light), .bb-theme .shop-hero {
  position: relative; overflow: hidden; color: #fff; background: var(--bb-hero) !important;
}
.bb-theme .pg-hero:not(.pg-hero--light)::before, .bb-theme .shop-hero::before {
  content: ""; position: absolute; inset: 0; pointer-events: none; opacity: 1;
  background-image: var(--bb-grid) !important; background-size: 56px 56px !important;
  -webkit-mask-image: linear-gradient(180deg, #000, transparent 85%); mask-image: linear-gradient(180deg, #000, transparent 85%);
}
.bb-theme .pg-hero:not(.pg-hero--light)::after, .bb-theme .shop-hero::after {
  content: ""; position: absolute; inset: auto 0 0; height: 4px; background: linear-gradient(90deg, var(--bb-red), var(--bb-blue) 60%, transparent); pointer-events: none;
}
.bb-theme .pg-hero__glow { display: none; }
.bb-theme .pg-hero > *, .bb-theme .shop-hero > * { position: relative; z-index: 1; }
.bb-theme .shop-hero { padding: 54px 0 60px; }
.bb-theme .pg-hero__title, .bb-theme .shop-hero__title { font-weight: 900; letter-spacing: -.01em; color: #fff; }
.bb-theme .shop-hero__title { font-size: clamp(1.6rem, 1.1rem + 2vw, 2.6rem); line-height: 1.4; margin: 14px 0 10px; }
.bb-theme .pg-hero__sub, .bb-theme .shop-hero__sub { color: #C4CFE4; }
.bb-theme .pg-eyebrow { background: rgba(255, 255, 255, .08); border: 1px solid rgba(255, 255, 255, .16); color: #fff; backdrop-filter: blur(8px); }
.bb-theme .pg-eyebrow i { color: #E36F1E; }
.bb-theme .pg-crumbs a, .bb-theme .shop-hero__crumbs a { color: #AEBBD6; }
.bb-theme .pg-crumbs li[aria-current], .bb-theme .shop-hero__crumbs [aria-current] { color: #fff; }
.bb-theme .pg-stat { background: rgba(255, 255, 255, .07); border: 1px solid rgba(255, 255, 255, .14); border-radius: 16px; backdrop-filter: blur(8px); }
.bb-theme .pg-stat strong { color: #fff; font-weight: 900; }
.bb-theme .pg-stat span { color: #AEBBD6; }
.bb-theme .shop-hero__facts { display: flex; flex-wrap: wrap; gap: 10px; padding: 0; margin: 22px 0 0; list-style: none; }
.bb-theme .shop-hero__facts li { display: inline-flex; align-items: center; gap: 8px; padding: 9px 16px; border-radius: 12px; background: rgba(255, 255, 255, .08); border: 1px solid rgba(255, 255, 255, .14); color: #fff; font-size: 13px; font-weight: 700; backdrop-filter: blur(8px); }
.bb-theme .shop-hero__facts li i { color: #E36F1E; font-size: 17px; }
/* تصویر هیروی دسته/برند: کارت سفید با حاشیهٔ گرادیان، نه مربع خالی */
.bb-theme .pg-hero__art {
  background: linear-gradient(#fff, #fff) padding-box, linear-gradient(135deg, var(--bb-sky), var(--bb-red)) border-box;
  border: 3px solid transparent; border-radius: 28px; box-shadow: 0 30px 60px -30px rgba(0, 0, 0, .6); padding: 18px;
}
.bb-theme .pg-hero__art img { width: 100%; height: 100%; object-fit: contain; }
.bb-theme .pg-brandmark { color: var(--bb-navy); font-weight: 900; }

/* ---------------------------------------------------------------------
   ۲) تیتر بخش‌ها، برچسب‌ها و دکمه «همه»
   --------------------------------------------------------------------- */
.bb-theme .hm-eyebrow, .bb-theme .pg-kicker {
  display: inline-flex; align-items: center; gap: 8px; padding: 0; background: none !important; border: 0; box-shadow: none;
  color: var(--bb-red) !important; font-size: 13px; font-weight: 800;
}
.bb-theme .hm-eyebrow::before, .bb-theme .pg-kicker::before {
  content: ""; position: static; width: 24px; height: 3px; border-radius: 3px; background: currentColor; flex: none; box-shadow: none; animation: none; transform: none;
}
.bb-theme .hm-eyebrow i, .bb-theme .pg-kicker i { display: none; }
.bb-theme .pd-related__head h2, .bb-theme .shop-guide__head h2, .bb-theme .pg-head h2, .bb-theme .pg-title, .bb-theme .section-title {
  font-weight: 900; color: var(--bb-ink); letter-spacing: -.01em;
}
.bb-theme .pd-related__head h2, .bb-theme .shop-guide__head h2 { font-size: clamp(20px, 2.2vw, 28px); margin-top: 6px; }
.bb-theme .hm-more, .bb-theme .pg-more {
  display: inline-flex; align-items: center; gap: 8px; padding: 8px 8px 8px 16px; border-radius: 12px; background: #fff;
  border: 1px solid var(--bb-line); color: var(--bb-ink) !important; font-weight: 800; font-size: 13px; box-shadow: none; transition: .2s;
}
.bb-theme .hm-more:hover, .bb-theme .pg-more:hover { border-color: var(--bb-red); color: var(--bb-red) !important; }
.bb-theme .hm-more__icon { width: 28px; height: 28px; border-radius: 9px; display: inline-grid; place-items: center; background: var(--bb-navy); color: #fff; }
.bb-theme .hm-more:hover .hm-more__icon { background: var(--bb-red); }

/* دکمه‌ها */
.bb-theme .pg-btn:not(.pg-btn--ghost):not(.pg-btn--light):not(.pg-btn--line) { background: var(--bb-navy); border-color: var(--bb-navy); color: #fff; }
.bb-theme .pg-btn:not(.pg-btn--ghost):not(.pg-btn--light):not(.pg-btn--line):hover { background: var(--bb-red); border-color: var(--bb-red); }
.bb-theme .pg-btn { border-radius: 12px; font-weight: 800; }

/* کارت‌های عمومی */
.bb-theme .pg-card, .bb-theme .shop-guide__card { border-radius: var(--bb-r); border-color: var(--bb-line); box-shadow: var(--bb-shadow); }

/* ---------------------------------------------------------------------
   ۳) کارت محصول (فهرست دسته/برند، محصولات مشابه، فروشگاه) — مثل ویترین
   --------------------------------------------------------------------- */
.bb-theme .hm-card, .bb-theme .pf-card {
  background: #fff; border: 1px solid var(--bb-line); border-radius: 20px; padding: 12px; box-shadow: none; transition: transform .25s, box-shadow .25s;
}
.bb-theme .hm-card:hover, .bb-theme .pf-card:hover { transform: translateY(-4px); box-shadow: 0 22px 40px -26px rgba(7, 26, 61, .45); border-color: var(--bb-line); }
.bb-theme .hm-card__media, .bb-theme .pf-card__media { border-radius: 14px; background: #fff; border: 1px solid #F4F7FB; }
.bb-theme .hm-card__media img, .bb-theme .pf-card__media img { object-fit: contain; }
.bb-theme .hm-card__brand, .bb-theme .pf-tag:not(.pf-tag--soft) {
  display: inline-block; font-size: 11.5px; font-weight: 800; background: #F4F7FB; color: var(--bb-blue); padding: 3px 10px; border-radius: 20px; border: 0;
}
.bb-theme .hm-card__title, .bb-theme .pf-card__title { font-size: 14px; font-weight: 800; line-height: 1.85; color: var(--bb-ink); }
.bb-theme .hm-card__title a, .bb-theme .pf-card__title a { color: inherit; }
.bb-theme .hm-card__foot, .bb-theme .pf-card__foot { border-top: 1px dashed var(--bb-line); padding-top: 12px; margin-top: 12px; }
.bb-theme .hm-card__price, .bb-theme .pf-price b, .bb-theme .pf-price strong { font-weight: 900; color: var(--bb-ink); }
.bb-theme .hm-card__contact, .bb-theme .pf-price--contact { color: var(--bb-red); font-weight: 900; }
.bb-theme .hm-card__cta { width: 40px; height: 40px; border-radius: 12px; background: var(--bb-navy); color: #fff; display: inline-grid; place-items: center; transition: background .2s; }
.bb-theme .hm-card:hover .hm-card__cta { background: var(--bb-red); }
.bb-theme .hm-card__off, .bb-theme .hm-card__badge--off, .bb-theme .pf-off { background: var(--bb-red); color: #fff; border-radius: 20px; font-weight: 800; }
.bb-theme .hm-card__quick, .bb-theme .pf-quick { background: var(--bb-navy); color: #fff; border-radius: 10px; }
.bb-theme .pf-stock.is-in { color: var(--bb-green); }
.bb-theme .pf-stock.is-out { color: var(--bb-red); }

/* ---------------------------------------------------------------------
   ۴) فروشگاه: فیلترها، نوار ابزار، دسته‌ها و برندها
   --------------------------------------------------------------------- */
.bb-theme .shop-body { padding-top: 34px; }
.bb-theme .pf-side { background: #fff; border: 1px solid var(--bb-line); border-radius: var(--bb-r); box-shadow: var(--bb-shadow); }
.bb-theme .pf-side__head { border-bottom: 1px solid var(--bb-line); }
.bb-theme .pf-side__head h2 { font-weight: 900; color: var(--bb-ink); }
.bb-theme .pf-side__head h2::before { content: ""; display: inline-block; width: 4px; height: 16px; border-radius: 3px; background: var(--bb-red); margin-inline-end: 8px; vertical-align: -2px; }
.bb-theme .pf-group__head { font-weight: 800; color: var(--bb-ink); }
.bb-theme .pf-check__box { border-radius: 6px; }
.bb-theme .pf-check input:checked + .pf-check__box, .bb-theme .pf-check.is-on .pf-check__box { background: var(--bb-blue); border-color: var(--bb-blue); }
.bb-theme .pf-search input, .bb-theme .pf-price-range input { border-radius: 12px; background: var(--bb-bg); border-color: var(--bb-line); }
.bb-theme .pf-apply, .bb-theme .pf-btn { background: var(--bb-navy); color: #fff; border-radius: 12px; font-weight: 800; }
.bb-theme .pf-apply:hover, .bb-theme .pf-btn:hover { background: var(--bb-red); color: #fff; }
.bb-theme .pf-toolbar { background: #fff; border: 1px solid var(--bb-line); border-radius: 18px; box-shadow: var(--bb-shadow); }
.bb-theme .pf-sorts button { border-radius: 10px; font-weight: 700; }
.bb-theme .pf-sorts button.is-active, .bb-theme .pf-views button.is-active { background: var(--bb-navy); color: #fff; border-color: var(--bb-navy); }
.bb-theme .pf-count { color: var(--bb-mut); font-weight: 800; }
.bb-theme .pf-chip { background: #F4F7FB; color: var(--bb-blue); border-radius: 20px; }
.bb-theme .pf-chip--clear { background: #F4F7FB; color: var(--bb-red); }

/* دسته‌ها */
.bb-theme .hm-cats--compact { gap: 14px; }
.bb-theme .hm-cat {
  position: relative; overflow: hidden; background: #fff; border: 1px solid var(--bb-line); border-radius: 18px; color: var(--bb-ink);
  transition: transform .25s, box-shadow .25s, border-color .25s;
}
.bb-theme .hm-cat::after { content: ""; position: absolute; inset: auto 22% 0; height: 3px; border-radius: 3px 3px 0 0; background: var(--bb-red); transform: scaleX(0); transition: transform .25s; }
.bb-theme .hm-cat:hover { transform: translateY(-4px); border-color: transparent; color: var(--bb-navy); box-shadow: 0 22px 40px -28px rgba(7, 26, 61, .5); }
.bb-theme .hm-cat:hover::after { transform: scaleX(1); }
.bb-theme .hm-cat strong { font-weight: 800; }

/* برندها: شبکهٔ یکدست لوگو داخل کارت سفید */
.bb-theme .shop-brands__grid { display: grid !important; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 14px; }
.bb-theme .shop-brand {
  display: grid !important; place-items: center; height: 96px; padding: 14px 18px; background: #fff; border: 1px solid var(--bb-line);
  border-radius: 18px; transition: transform .25s, box-shadow .25s, border-color .25s; width: auto !important; margin: 0 !important;
}
.bb-theme .shop-brand img { max-width: 100%; max-height: 58px; width: auto !important; height: auto !important; object-fit: contain; filter: grayscale(1); opacity: .75; transition: .25s; }
.bb-theme .shop-brand:hover { transform: translateY(-3px); border-color: transparent; box-shadow: 0 20px 36px -26px rgba(7, 26, 61, .5); }
.bb-theme .shop-brand:hover img { filter: none; opacity: 1; }
.bb-theme .shop-brand__name { font-weight: 900; color: var(--bb-navy); }

/* ---------------------------------------------------------------------
   ۵) صفحهٔ دسته و برند (pg-*)
   --------------------------------------------------------------------- */
.bb-theme .pg-subcat { background: #fff; border: 1px solid var(--bb-line); border-radius: 16px; transition: .25s; }
.bb-theme .pg-subcat:hover { border-color: var(--bb-red); color: var(--bb-red); transform: translateY(-3px); }
.bb-theme .pg-toolbar { background: #fff; border: 1px solid var(--bb-line); border-radius: 18px; box-shadow: var(--bb-shadow); }
.bb-theme .pg-chip { border-radius: 10px; font-weight: 700; }
.bb-theme .pg-chip.is-active { background: var(--bb-navy); border-color: var(--bb-navy); color: #fff; }
.bb-theme .pg-faq { border-radius: 16px; border-color: var(--bb-line); }
.bb-theme .pg-faq[open] { border-color: var(--bb-blue); box-shadow: 0 0 0 3px rgba(20, 86, 216, .08); }
.bb-theme .pg-post { border-radius: 20px; border-color: var(--bb-line); }

/* ---------------------------------------------------------------------
   ۶) صفحهٔ محصول: نوار سرمه‌ای پشت بالای صفحه و کارت‌های روی آن
   --------------------------------------------------------------------- */
.bb-theme.product-page, .bb-theme .product-page { background: var(--bb-bg); }
.bb-theme .product-page .pd-crumbs {
  position: relative; overflow: hidden; background: var(--bb-hero); padding: 22px 0 150px; margin-bottom: -128px; color: #fff;
}
.bb-theme .product-page .pd-crumbs::before {
  content: ""; position: absolute; inset: 0; pointer-events: none; background-image: var(--bb-grid); background-size: 56px 56px;
  -webkit-mask-image: linear-gradient(180deg, #000, transparent); mask-image: linear-gradient(180deg, #000, transparent);
}
.bb-theme .product-page .pd-crumbs > * { position: relative; }
.bb-theme .product-page .pd-crumbs a, .bb-theme .product-page .pd-crumbs li { color: #AEBBD6 !important; }
.bb-theme .product-page .pd-crumbs li:last-child, .bb-theme .product-page .pd-crumbs [aria-current] { color: #fff !important; }
.bb-theme .product-page .product-main { position: relative; z-index: 1; }
.bb-theme .product-page .pd-top {
  background: #fff; border: 1px solid var(--bb-line); border-radius: 28px; padding: 22px; box-shadow: 0 40px 70px -48px rgba(7, 26, 61, .6);
}
.bb-theme .pd-title { font-weight: 900; color: var(--bb-ink); letter-spacing: -.01em; line-height: 1.6; }
.bb-theme .pd-chip { border-radius: 20px; font-weight: 800; }
.bb-theme .pd-chip--brand { background: #F4F7FB; color: var(--bb-blue); border-color: transparent; }
.bb-theme .pd-chip--hot { background: #F4F7FB; color: var(--bb-red); border-color: transparent; }
.bb-theme .pd-gallery { border-radius: 22px; }
.bb-theme .pd-buy__card {
  border-radius: 22px; border: 1px solid var(--bb-line); border-top: 4px solid var(--bb-red); box-shadow: 0 26px 50px -34px rgba(7, 26, 61, .55); background: #fff;
}
.bb-theme .pd-price__now { color: var(--bb-ink); font-weight: 900; }
.bb-theme .pd-price__off { background: var(--bb-red); color: #fff; border-radius: 20px; }
.bb-theme .ap-btn--primary { background: linear-gradient(135deg, var(--bb-navy2), var(--bb-navy)) !important; border-color: var(--bb-navy) !important; color: #fff !important; border-radius: 14px; box-shadow: 0 16px 30px -18px rgba(7, 26, 61, .9); }
.bb-theme .ap-btn--primary:hover { background: var(--bb-red) !important; border-color: var(--bb-red) !important; }
.bb-theme .ap-btn--call { background: var(--bb-red) !important; border-color: var(--bb-red) !important; color: #fff !important; border-radius: 14px; }
.bb-theme .pd-perks > * i, .bb-theme .pd-perks i { color: var(--bb-blue); }
.bb-theme .pd-specs, .bb-theme .pd-meta__item { border-radius: 16px; }
.bb-theme .tabs-card, .bb-theme .desc-box, .bb-theme .product-info-redesign, .bb-theme .pd-reviews {
  border-radius: 24px !important; border: 1px solid var(--bb-line) !important; box-shadow: var(--bb-shadow) !important; background: #fff;
}
.bb-theme .tabs-head-modern button.active, .bb-theme .tabs-head-modern .active, .bb-theme .tabs-head-modern [aria-selected="true"] { color: var(--bb-navy) !important; }
.bb-theme .desc-content h2, .bb-theme .desc-content h3 { color: var(--bb-ink); font-weight: 900; }
.bb-theme .desc-content h2::before, .bb-theme .desc-content h3::before { content: ""; display: inline-block; width: 4px; height: .9em; border-radius: 3px; background: var(--bb-red); margin-inline-end: 8px; vertical-align: -1px; }
.bb-theme .pd-sticky { border-top: 3px solid var(--bb-red); }

/* ---------------------------------------------------------------------
   ۷) تماس با ما
   --------------------------------------------------------------------- */
.bb-theme .pg-channel { border-radius: var(--bb-r); border: 1px solid var(--bb-line); box-shadow: var(--bb-shadow); transition: transform .25s, box-shadow .25s; position: relative; overflow: hidden; }
.bb-theme .pg-channel::before { content: ""; position: absolute; inset: 0 0 auto; height: 3px; background: var(--c, var(--bb-blue)); }
.bb-theme .pg-channel:hover { transform: translateY(-4px); box-shadow: var(--bb-shadow-lg); }
.bb-theme .pg-form { border-radius: 24px; }
.bb-theme .pg-input, .bb-theme .pg-form input:not([type="file"]):not([type="checkbox"]):not([type="radio"]), .bb-theme .pg-form textarea, .bb-theme .pg-form select {
  background: var(--bb-bg); border: 1px solid var(--bb-line); border-radius: 12px; transition: border-color .2s, box-shadow .2s, background .2s;
}
.bb-theme .pg-input:focus, .bb-theme .pg-form input:focus, .bb-theme .pg-form textarea:focus {
  background: #fff; border-color: var(--bb-blue); box-shadow: 0 0 0 4px rgba(20, 86, 216, .12); outline: 0;
}
.bb-theme .pg-topics label span, .bb-theme .pg-topics button { border-radius: 10px; font-weight: 700; }
.bb-theme .pg-topics input:checked + span, .bb-theme .pg-topics .is-active { background: var(--bb-navy) !important; border-color: var(--bb-navy) !important; color: #fff !important; }
.bb-theme .pg-map { border-radius: var(--bb-r); overflow: hidden; }
.bb-theme .pg-socials a { border-radius: 12px; transition: .2s; }
.bb-theme .pg-socials a:hover { background: var(--bb-red); border-color: var(--bb-red); color: #fff; }

/* ---------------------------------------------------------------------
   ۸) درباره ما
   --------------------------------------------------------------------- */
.bb-theme .pg-about-img__frame { border-radius: 28px; overflow: hidden; background: #fff; box-shadow: 0 30px 60px -30px rgba(0, 0, 0, .6); }
.bb-theme .pg-number strong, .bb-theme .pg-number b { color: var(--bb-navy); font-weight: 900; }
.bb-theme .pg-value { border-radius: var(--bb-r); border: 1px solid var(--bb-line); transition: transform .25s, box-shadow .25s; }
.bb-theme .pg-value:hover { transform: translateY(-4px); box-shadow: var(--bb-shadow-lg); }
.bb-theme .pg-step { border-radius: var(--bb-r); border: 1px solid var(--bb-line); position: relative; overflow: hidden; }
.bb-theme .pg-step::before { content: ""; position: absolute; inset: 0 0 auto; height: 3px; background: linear-gradient(90deg, var(--bb-red), var(--bb-blue)); }
.bb-theme .pg-cta {
  position: relative; overflow: hidden; border-radius: 30px !important; color: #fff;
  background: linear-gradient(115deg, var(--bb-navy) 0%, var(--bb-blue) 58%, var(--bb-red) 125%) !important;
}
.bb-theme .pg-cta::before { content: ""; position: absolute; width: 340px; height: 340px; left: -80px; top: -170px; border-radius: 50%; border: 1px solid rgba(255, 255, 255, .14); pointer-events: none; }

@media (max-width: 767px) {
  .bb-theme .shop-hero { padding: 34px 0 40px; }
  .bb-theme .shop-body.container { padding-left: 14px; padding-right: 14px; }
  .bb-theme .shop-hero__facts li { padding: 7px 12px; font-size: 12px; }
  .bb-theme .shop-brands__grid { grid-template-columns: repeat(3, 1fr); gap: 8px; }
  .bb-theme .shop-brand { height: 72px; padding: 10px; border-radius: 14px; }
  .bb-theme .shop-brand img { max-height: 42px; }
  .bb-theme .product-page .pd-crumbs { padding: 14px 0 110px; margin-bottom: -96px; }
  .bb-theme .product-page .pd-top { padding: 12px; border-radius: 22px; }
  .bb-theme .hm-card, .bb-theme .pf-card { padding: 8px; }
}
.bb-hero--empty { background: linear-gradient(135deg, #0f172a, #1e3a8a 55%, #b91c1c); }
.bb-hero--empty .bb-hero__title, .bb-hero--empty .bb-hero__lead, .bb-hero--empty .bb-kicker { color: #fff; }