/* SMART CAMERA V63 — Red / Black / White / Blue brand system */
:root{
  --brand-red:#e10600;
  --brand-red-dark:#b50000;
  --brand-blue:#2563eb;
  --brand-blue-dark:#173a66;
  --brand-navy:#0b1628;
  --brand-black:#111111;
  --brand-white:#ffffff;
  --accent:var(--brand-red)!important;
  --accent-dark:var(--brand-red-dark)!important;
  --smart-green:var(--brand-red)!important;
  --smart-green-dark:var(--brand-red-dark)!important;
  --tr-green:var(--brand-red)!important;
  --tr-green-dark:var(--brand-red-dark)!important;
  --tr-blue:var(--brand-blue)!important;
  --admin-accent:var(--brand-red)!important;
  --admin-accent-dark:var(--brand-red-dark)!important;
  --admin-success:var(--brand-blue)!important;
  --success:var(--brand-blue)!important;
}
html{accent-color:var(--brand-red)}
::selection{background:rgba(225,6,0,.18);color:#111}

/* Header / navigation */
.site-header{background:rgba(255,255,255,.98)!important;border-bottom:1px solid #e2e8f0!important;box-shadow:0 8px 28px rgba(11,22,40,.06)!important}
.topbar{background:linear-gradient(90deg,#07111f,#102544)!important}
.logo,.site-logo{display:flex!important;align-items:center!important}
.brand-logo{width:190px!important;height:60px!important;object-fit:contain!important;object-position:left center!important;background:transparent!important;padding:0!important;border-radius:0!important;filter:none!important}
.footer-brand-logo{width:210px!important;height:70px!important;background:#fff!important;padding:8px 12px!important;border-radius:12px!important}
.desktop-nav a:hover,.desktop-nav a.active,.view-all-link{color:var(--brand-red)!important}
.header-action-button:hover,.admin-access-link:hover{border-color:var(--brand-red)!important;color:var(--brand-red)!important;background:#fff!important}
.admin-access-link span:first-child{color:var(--brand-red)!important}
.cart-count,.cart-header-button .cart-count{background:var(--brand-red)!important;color:#fff!important}

/* Primary actions */
.primary-button,.hero-primary-button,.product-add-button,.filter-button.active,.filter-apply-button,
.checkout-footer .primary-button,.newsletter-button,.admin-primary-button{
  background:linear-gradient(135deg,var(--brand-red),#c50000)!important;
  border-color:var(--brand-red)!important;color:#fff!important;
  box-shadow:0 10px 24px rgba(225,6,0,.18)!important;
}
.primary-button:hover,.hero-primary-button:hover,.product-add-button:hover,.admin-primary-button:hover{background:var(--brand-red-dark)!important;border-color:var(--brand-red-dark)!important}
.secondary-button,.product-buy-button{border-color:var(--brand-blue)!important;color:var(--brand-blue)!important;background:#fff!important}
.secondary-button:hover,.product-buy-button:hover{background:#eff6ff!important;border-color:var(--brand-blue)!important}

/* Home accents */
.section-eyebrow,.nova-hero-eyebrow,.product-detail-brand,.product-detail-price,.free-delivery{color:var(--brand-red)!important}
.hero-feature-icon,.benefit-icon,.use-case-icon{color:var(--brand-blue)!important}
.best-sellers-section::before,.products-section::before{background:radial-gradient(circle at 82% 25%,rgba(225,6,0,.18),transparent 30%)!important}
.best-sellers-section .section-eyebrow,.products-section .section-eyebrow,.best-sellers-section .view-all-link{color:#ff6b66!important}
.smart-benefits{background:linear-gradient(135deg,#07111f 0%,#102544 100%)!important}

/* Product cards/detail */
.product-detail-badge,.product-card-badge{background:var(--brand-red)!important;color:#fff!important}
.product-stock-info{background:#eff6ff!important;border-color:#bfdbfe!important;color:#1d4ed8!important}
.product-card:hover{border-color:rgba(225,6,0,.3)!important}
.product-card-price,.price{color:var(--brand-red)!important}
.product-detail-tab.active,.camera-detail-tabs button.active{color:var(--brand-red)!important;border-color:var(--brand-red)!important}
input:focus,select:focus,textarea:focus{border-color:var(--brand-red)!important;box-shadow:0 0 0 3px rgba(225,6,0,.10)!important}
input[type="checkbox"],input[type="radio"]{accent-color:var(--brand-red)!important}

/* Admin */
.admin-sidebar{background:linear-gradient(180deg,#07111f 0%,#0b1628 56%,#102544 100%)!important;border-right-color:#1f3b63!important}
.admin-brand-link{display:block;text-decoration:none}
.admin-brand-logo{display:block;width:210px;height:72px;object-fit:contain;object-position:left center;background:#fff;border-radius:12px;padding:8px 10px}
.admin-logo{padding-top:28px!important;padding-bottom:22px!important}
.admin-logo-sub{display:block;margin-top:10px;color:#a8b5c3!important}
.admin-nav-button.active{background:linear-gradient(135deg,var(--brand-red),#b50000)!important;box-shadow:0 10px 24px rgba(225,6,0,.28)!important}
.admin-nav-button:hover{background:rgba(37,99,235,.16)!important;color:#fff!important}
.admin-nav-icon{color:#fff!important}
.admin-topbar-eyebrow,.admin-section-eyebrow{color:var(--brand-red)!important}
.admin-secondary-button:hover{border-color:var(--brand-blue)!important;color:var(--brand-blue)!important}
.admin-api-status.is-online,.admin-status-online{color:#93c5fd!important}
.admin-main{background:linear-gradient(145deg,#f8fafc,#eef3f9)!important}
.admin-card,.dashboard-metric-card,.dashboard-sales-panel,.dashboard-status-panel,.dashboard-recent-orders,.dashboard-top-products{border-color:#dbe3ee!important}
.dashboard-metric-card-primary{background:linear-gradient(135deg,#07111f,#173a66)!important}

/* Login */
.login-visual{background:linear-gradient(145deg,#07111f 0%,#0b1628 58%,#173a66 100%)!important}
.login-brand{display:inline-flex!important;align-items:center!important;padding:8px 12px!important;border-radius:12px!important;background:#fff!important}
.login-brand-logo{display:block;width:250px;max-width:62vw;height:auto;object-fit:contain}
.login-card-header p{color:var(--brand-red)!important}
.login-button{background:linear-gradient(135deg,var(--brand-red),#b50000)!important;color:#fff!important}
.login-button:hover{background:var(--brand-red-dark)!important}
#requestPasswordReset{color:var(--brand-blue)!important}

/* Checkout */
.checkout-choice,.checkout-payment-choice{border-color:rgba(225,6,0,.35)!important;background:#fff5f5!important}
.checkout-payment-choice input,.checkout-choice input{accent-color:var(--brand-red)!important}
.checkout-payment-box{border-color:#dbe3ee!important;background:#fff!important}

/* Footer */
.site-footer{background:#07111f!important}
.site-footer a:hover{color:#ff6b66!important}

/* Mobile */
@media(max-width:760px){
  .brand-logo{width:150px!important;height:48px!important}
  .admin-brand-logo{width:180px;height:62px}
  .mobile-bottom-nav-item.active,.mobile-bottom-nav-item:hover{color:var(--brand-red)!important}
  .mobile-filter-open{background:#102544!important;border-color:#31527b!important}
}

/* =========================================================
   V64 readability + final brand priority fixes
   Red = primary action, Blue = secondary/info, White header.
   Loaded last to beat legacy hybrid selectors.
========================================================= */
.site-header{
  background:rgba(255,255,255,.98)!important;
  border-bottom:1px solid #e2e8f0!important;
  box-shadow:0 8px 28px rgba(11,22,40,.08)!important;
}
.site-header .desktop-nav a{
  color:#1b2738!important;
  font-weight:800!important;
}
.site-header .desktop-nav a:hover,
.site-header .desktop-nav a:focus-visible,
.site-header .desktop-nav a.active{
  color:var(--brand-red)!important;
}
.site-header .desktop-nav a::after{
  background:var(--brand-red)!important;
}
.site-header .icon-button,
.site-header .header-action-button,
.site-header .admin-access-link{
  background:#fff!important;
  color:#172033!important;
  border:1px solid #d8e0ea!important;
}
.site-header .header-action-button span:not(.cart-count),
.site-header .header-search-pill{
  color:#172033!important;
}
.site-header .icon-button:hover,
.site-header .header-action-button:hover,
.site-header .admin-access-link:hover{
  background:#fff5f5!important;
  border-color:var(--brand-red)!important;
  color:var(--brand-red)!important;
}
.site-header .admin-access-link span:first-child{
  color:var(--brand-red)!important;
}
.site-header .cart-count{
  background:var(--brand-red)!important;
  color:#fff!important;
}
.site-header .header-search,
.site-header .mobile-nav{
  background:#fff!important;
  border-color:#e2e8f0!important;
}
.site-header .mobile-nav a{
  color:#172033!important;
  border-color:#e2e8f0!important;
}
.site-header .brand-logo{
  filter:none!important;
}

/* Hero: red is the main call-to-action, blue is supporting accent. */
.nova-hero .primary-button{
  background:linear-gradient(135deg,var(--brand-red),#b50000)!important;
  border-color:var(--brand-red)!important;
  color:#fff!important;
  box-shadow:0 14px 32px rgba(225,6,0,.27)!important;
}
.nova-hero .primary-button:hover{
  background:#b50000!important;
  border-color:#b50000!important;
}
.nova-hero-content .section-eyebrow{
  border-color:rgba(225,6,0,.45)!important;
  background:rgba(225,6,0,.10)!important;
  color:#ffd2d2!important;
}

/* Store cards and rail: red product emphasis, blue remains secondary. */
.product-card-badge,
.hero-badge-arrow{
  background:var(--brand-red)!important;
  box-shadow:0 8px 18px rgba(225,6,0,.20)!important;
}
.product-card-brand,
.product-card-price,
.product-detail-brand,
.product-detail-price{
  color:var(--brand-red)!important;
}
.product-card-button:hover{
  background:var(--brand-red)!important;
  color:#fff!important;
  border-color:var(--brand-red)!important;
}

/* Footer branding: keep logo on the dark footer without a white pill. */
.footer-brand-logo{
  background:transparent!important;
  padding:0!important;
  border-radius:0!important;
  filter:brightness(0) invert(1)!important;
  opacity:.94!important;
}

/* Mobile readability */
@media(max-width:760px){
  .site-header .mobile-nav a:hover,
  .site-header .mobile-nav a.active{color:var(--brand-red)!important}
  .site-header .icon-button,
  .site-header .header-action-button,
  .site-header .admin-access-link{color:#172033!important}
}

/* V66 cleanup: search label + hero duplicate copy */
.hero-annotation-bottom,
.hero-dots-label { display:none !important; }
#searchToggleButton .search-label { white-space:nowrap; }

/* V67 dynamic contact footer */
.footer-contact-text {
  display: block;
  color: inherit;
  opacity: .82;
  margin-top: .45rem;
  line-height: 1.55;
}
.social-links a[hidden] { display: none !important; }


/* V69 — 2 түвшний ангилал */
#filterContainer { display:block; }
.main-category-filter-row,
.subcategory-filter-row {
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
}
.subcategory-filter-row {
  margin-top:10px;
  padding:12px 14px;
  border:1px solid #dbe4f0;
  border-radius:16px;
  background:#f8fafc;
}
.subcategory-chip {
  border:1px solid #cbd5e1;
  background:#fff;
  color:#24364f;
  border-radius:999px;
  padding:9px 14px;
  font:inherit;
  font-weight:700;
  cursor:pointer;
  transition:.18s ease;
}
.subcategory-chip:hover,
.subcategory-chip.active {
  color:#fff;
  background:#2563eb;
  border-color:#2563eb;
  box-shadow:0 6px 16px rgba(37,99,235,.16);
}
@media (max-width: 720px) {
  .main-category-filter-row,
  .subcategory-filter-row { gap:7px; }
  .subcategory-filter-row { padding:10px; }
  .subcategory-chip { padding:8px 11px; font-size:13px; }
}