/* ===================================================================
   تی‌فوتوشاپ — تم اختصاصی (override روی parsfiber.css)
   الهام: tefotoshop.com — آبی / قرمز / سرمه‌ای
=================================================================== */

:root {
  --blue:       #1565c0;
  --blue-dark:  #0d47a1;
  --blue-light: #42a5f5;
  --blue-pale:  #e3f2fd;
  --blue-bar:   #0d47a1;
  --gold:       #ffb300;
  --gold-soft:  #ffe082;
  --gold-dark:  #ff8f00;
  --accent-green: #1565c0;
  --accent-red: #c62828;
  --ink:        #1a2744;
  --ink-soft:   #546e7a;
  --bg:         #ffffff;
  --bg-soft:    #f5f8fc;
  --card:       #ffffff;
  --border:     #dce4ef;
  --footer-bg:  #152238;
  --shadow-sm:  0 4px 14px -4px rgba(13, 71, 161, .14);
  --shadow-md:  0 12px 32px -8px rgba(13, 71, 161, .18);
  --lgbazar-accent: #1565c0;
  --lgbazar-accent-dark: #0d47a1;
  --lgbazar-accent-light: #e3f2fd;
  --lgbazar-accent-border: #bbdefb;
  --lgbazar-text: #1a2744;
  --lgbazar-text-light: #546e7a;
  --lgbazar-text-muted: #78909c;
  --lgbazar-bg-light: #f5f8fc;
  --lgbazar-border: #dce4ef;
}

/* —— Top bar —— */
.top-bar {
  background: linear-gradient(90deg, #0a3d7a 0%, #1565c0 50%, #0a3d7a 100%);
  border-bottom-color: rgba(255, 255, 255, .15);
}
.top-bar-promo {
  font-weight: 700;
  letter-spacing: .01em;
}

/* —— Header —— */
.site-header {
  background: #fff;
  box-shadow: 0 2px 16px rgba(21, 38, 56, .08);
}
.header-brand-bar {
  border-bottom: 1px solid var(--border);
}
.brand-mark {
  background: linear-gradient(135deg, #c62828 0%, #1565c0 100%);
  color: #fff;
}
.brand-text strong { color: var(--blue-dark); }
.brand-text em { color: var(--ink-soft); }

/* —— Footer —— */
.site-footer {
  background: var(--footer-bg);
  color: rgba(255, 255, 255, .88);
}
.footer-bar {
  border-top-color: rgba(255, 255, 255, .12);
  color: rgba(255, 255, 255, .65);
}

/* —— Home: category scroll —— */
.home-categories {
  padding-block: 28px 20px;
  background: #fff;
}
.home-cat-card__frame {
  border-color: #bbdefb;
  background: linear-gradient(180deg, #fff 0%, #f0f7ff 100%);
}
.home-cat-card__label {
  color: var(--blue-dark);
  font-weight: 700;
}

/* —— Home: showcase grid (دسته + برند مرکز) —— */
.home-showcase {
  padding: 24px 0 32px;
  background: var(--bg-soft);
}
.home-showcase__grid {
  display: grid;
  grid-template-columns: 1fr 1.35fr 1fr;
  gap: 14px;
  align-items: stretch;
}
.home-showcase__col {
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.home-showcase__tile {
  position: relative;
  flex: 1;
  min-height: 140px;
  border-radius: 14px;
  overflow: hidden;
  background: #fff;
  border: 1px solid var(--border);
  box-shadow: var(--shadow-sm);
  display: flex;
  align-items: flex-end;
  transition: transform .2s, box-shadow .2s;
}
.home-showcase__tile:hover {
  transform: translateY(-3px);
  box-shadow: var(--shadow-md);
}
.home-showcase__tile img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: .92;
}
.home-showcase__tile-title {
  position: relative;
  z-index: 1;
  width: 100%;
  padding: 14px 16px;
  background: linear-gradient(0deg, rgba(13, 71, 161, .88) 0%, transparent 100%);
  color: #fff;
  font-weight: 800;
  font-size: 1.05rem;
}
.home-showcase__featured {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 16px;
  padding: 28px 24px;
  border-radius: 16px;
  background: linear-gradient(145deg, #fff8e1 0%, #fff 45%, #e3f2fd 100%);
  border: 2px solid #ffd54f;
  box-shadow: 0 16px 40px rgba(21, 101, 192, .12);
  text-align: center;
  transition: transform .2s;
}
.home-showcase__featured:hover { transform: scale(1.01); }
.home-showcase__featured-logo {
  max-width: 160px;
  max-height: 64px;
  object-fit: contain;
}
.home-showcase__featured-kicker {
  display: block;
  font-size: .78rem;
  font-weight: 800;
  color: var(--accent-red);
  letter-spacing: .06em;
  text-transform: uppercase;
}
.home-showcase__featured-body strong {
  display: block;
  font-size: 1.35rem;
  color: var(--blue-dark);
  margin: 6px 0;
}
.home-showcase__featured-body p {
  font-size: .9rem;
  color: var(--ink-soft);
  margin: 0 0 10px;
  line-height: 1.7;
}
.home-showcase__featured-cta {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 18px;
  border-radius: 999px;
  background: var(--blue);
  color: #fff;
  font-weight: 700;
  font-size: .9rem;
}

/* —— Home: brands strip —— */
.home-brands {
  padding: 28px 0;
  background: #fff;
  border-block: 1px solid var(--border);
}
.home-brands__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 16px;
}
.home-brands__title {
  margin: 0;
  font-size: 1.15rem;
  color: var(--blue-dark);
}
.home-brands__all {
  font-size: .88rem;
  font-weight: 700;
  color: var(--blue);
}
.home-brands__track {
  display: flex;
  gap: 12px;
  overflow-x: auto;
  padding-bottom: 6px;
  scroll-snap-type: x mandatory;
}
.home-brands__item {
  flex: 0 0 auto;
  scroll-snap-align: start;
  width: 110px;
  height: 72px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px;
  border: 1px solid var(--border);
  border-radius: 12px;
  background: #fff;
  transition: border-color .2s, box-shadow .2s;
}
.home-brands__item:hover {
  border-color: var(--blue-light);
  box-shadow: var(--shadow-sm);
}
.home-brands__item img {
  max-width: 100%;
  max-height: 48px;
  object-fit: contain;
}
.home-brands__name {
  font-size: .78rem;
  font-weight: 700;
  text-align: center;
  color: var(--ink-soft);
}

/* —— Home: promo banner —— */
.home-promo-banner {
  padding: 0;
  background: linear-gradient(90deg, #fff3e0 0%, #ffe0b2 50%, #fff3e0 100%);
  border-block: 1px solid #ffcc80;
}
.home-promo-banner__inner {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
  padding: 18px 24px;
  text-align: center;
}
.home-promo-banner__icon {
  font-size: 2rem;
  color: #e65100;
}
.home-promo-banner__text strong {
  display: block;
  font-size: 1.05rem;
  color: #bf360c;
}
.home-promo-banner__text span {
  font-size: .92rem;
  color: #6d4c41;
}

/* —— Product bands (جدیدترین / پرفروش) —— */
.products-section--band {
  padding-block: 0;
  position: relative;
  overflow: hidden;
}
.products-section--newest {
  background:
    repeating-linear-gradient(45deg, rgba(255,255,255,.04) 0 2px, transparent 2px 10px),
    linear-gradient(135deg, #0d47a1 0%, #1565c0 50%, #1976d2 100%);
  color: #fff;
}
.products-section--bestseller {
  background:
    repeating-linear-gradient(-45deg, rgba(255,255,255,.05) 0 2px, transparent 2px 10px),
    linear-gradient(135deg, #8b0000 0%, #c62828 50%, #b71c1c 100%);
  color: #fff;
}
.products-section--band .container {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 20px 28px;
  align-items: start;
  padding-block: 32px 36px;
}
.home-band-label {
  writing-mode: vertical-rl;
  text-orientation: mixed;
  transform: rotate(180deg);
  font-size: 1.5rem;
  font-weight: 900;
  letter-spacing: .08em;
  padding: 8px 0;
  white-space: nowrap;
  opacity: .95;
}
.home-pblock--band {
  background: rgba(255, 255, 255, .97);
  border: none;
  border-radius: 16px;
  box-shadow: 0 8px 32px rgba(0, 0, 0, .18);
  color: var(--ink);
}
.home-pblock--band::before { display: none; }
.home-pblock--band .home-pblock__head {
  background: transparent;
  border-bottom: 1px solid var(--border);
  padding: 16px 20px 12px;
}
.home-pblock--band .home-pblock__title {
  color: var(--blue-dark);
  font-size: 1.1rem;
}
.products-section--bestseller .home-pblock--band .home-pblock__title {
  color: var(--accent-red);
}
.home-pblock--band .home-pblock__icon {
  background: var(--blue);
  box-shadow: 0 4px 12px rgba(21, 101, 192, .35);
}
.products-section--bestseller .home-pblock--band .home-pblock__icon {
  background: var(--accent-red);
  box-shadow: 0 4px 12px rgba(198, 40, 40, .35);
}

/* Grid محصولات صفحه اول */
.home-products-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  padding: 12px 16px 18px;
}
.home-products-grid__cell {
  min-width: 0;
}
.home-pblock--band .home-product-card {
  border-color: #e8eef5;
}
.home-pblock--band .home-product-card__buy {
  background: var(--blue);
}
.products-section--bestseller .home-pblock--band .home-product-card__buy {
  background: var(--accent-red);
}

/* —— Home pblock themes (non-band) —— */
.home-pblock--newest {
  --pblock-accent: #1565c0;
  --pblock-head-a: #e3f2fd;
  --pblock-icon-bg: linear-gradient(145deg, #0d47a1, #42a5f5);
}
.home-pblock--sale,
.home-pblock--bestseller {
  --pblock-accent: #c62828;
  --pblock-head-a: #ffebee;
  --pblock-icon-bg: linear-gradient(145deg, #b71c1c, #ef5350);
}

/* —— Articles home —— */
.home-articles {
  background: var(--bg-soft);
  padding-block: 40px 48px;
}
.home-articles__eyebrow {
  color: var(--blue);
}
.home-articles__title { color: var(--blue-dark); }
.home-articles__all {
  color: var(--blue);
  border-color: #bbdefb;
}

/* —— SMS CTA —— */
.sms-cta__card {
  border-color: #bbdefb;
  background: linear-gradient(135deg, #fff 0%, #e3f2fd 100%);
}
.sms-cta__btn {
  background: var(--blue);
}

/* —— Product cards site-wide —— */
.child-card-btn--buy,
.home-product-card__buy {
  background: var(--blue) !important;
}
.child-card-btn--buy:hover,
.home-product-card__buy:hover {
  background: var(--blue-dark) !important;
}
.sale-ribbon {
  background: var(--accent-red);
}

/* —— Search page —— */
.search-hero .search-input-wrapper button {
  background: var(--blue);
}
.search-results-section__title {
  color: var(--blue-dark);
  border-right-color: var(--blue);
}

/* —— Brand page —— */
.brand-hero {
  padding: 28px 0;
  border-bottom: 1px solid var(--border);
  background: linear-gradient(180deg, #f5f8fc 0%, #fff 100%);
}
.page-main--brand .page-h1 {
  color: var(--blue-dark);
}

/* —— Internal pages (product / category / article) —— */
.breadcrumb a:hover,
.breadcrumb__current { color: var(--blue-dark); }
.page-h1,
.page-title,
.section-title { color: var(--blue-dark); }
.page-main .child-card-btn--buy,
.product-buy-btn,
.btn-primary {
  background: var(--blue) !important;
  border-color: var(--blue) !important;
}
.page-main .child-card-btn--buy:hover,
.product-buy-btn:hover,
.btn-primary:hover {
  background: var(--blue-dark) !important;
}
.filter-chip.is-active,
.product-filters__chip.is-active {
  background: var(--blue-pale);
  border-color: var(--blue-light);
  color: var(--blue-dark);
}
.article-card__more,
.article-meta a { color: var(--blue); }
.store-info__card {
  border-color: #bbdefb;
  background: linear-gradient(135deg, #fff 0%, #f5f8fc 100%);
}
.store-info__head h2 { color: var(--blue-dark); }

/* —— Float buttons —— */
.float-btn--phone { background: var(--blue); }
.to-top { background: var(--blue-dark); }

/* —— Responsive —— */
@media (max-width: 992px) {
  .home-showcase__grid {
    grid-template-columns: 1fr;
  }
  .home-showcase__featured { order: -1; }
  .home-products-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .products-section--band .container {
    grid-template-columns: 1fr;
  }
  .home-band-label {
    writing-mode: horizontal-tb;
    transform: none;
    font-size: 1.2rem;
    padding-bottom: 4px;
  }
}
@media (max-width: 560px) {
  .home-products-grid {
    grid-template-columns: 1fr 1fr;
    gap: 8px;
  }
}