/* ═══════════════════════════════════════════════════════════
   YELLA PRODUCT PAGE — Combined B+C Design
   Highest priority — overrides all theme styles
   ═══════════════════════════════════════════════════════════ */

@media (max-width: 767px) {

/* ── Global resets ── */
.container { padding-left: 0 !important; padding-right: 0 !important; max-width: 100vw !important; }

/* ── Breadcrumbs ── */
.breadcrumb {
  display: flex !important;
  align-items: center !important;
  gap: 4px !important;
  padding: 10px 16px !important;
  font-size: 11px !important;
  color: #999 !important;
  overflow-x: auto !important;
  white-space: nowrap !important;
  scrollbar-width: none !important;
  background: #FFF !important;
  list-style: none !important;
  margin: 0 !important;
  border-bottom: 1px solid #F0F1F3 !important;
}
.breadcrumb::-webkit-scrollbar { display: none !important; }
.breadcrumb a { color: #999 !important; text-decoration: none !important; font-weight: 500 !important; }
.breadcrumb > li:last-child > a { color: #1A1A1A !important; font-weight: 600 !important; }
.breadcrumb > li + li::before { content: '›' !important; color: #D1D5DB !important; font-size: 10px !important; }

/* ── Tab Header ── */
.tabs__header { position: sticky !important; top: 0 !important; z-index: 50 !important; background: #FFF !important; border-bottom: 1px solid #F0F1F3 !important; }
.tabs__header__scroll { display: flex !important; gap: 4px !important; overflow-x: auto !important; scrollbar-width: none !important; padding: 8px 0 !important; }
.tabs__header__scroll::-webkit-scrollbar { display: none !important; }
.nav-tabs { display: flex !important; gap: 4px !important; border: none !important; white-space: nowrap !important; }
.nav-tabs > li > a, .nav-tabs > li > button {
  padding: 10px 16px !important;
  border-radius: 10px !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  color: #999 !important;
  background: #F4F5F6 !important;
  border: none !important;
  white-space: nowrap !important;
  text-decoration: none !important;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > button {
  background: #1A1A1A !important;
  color: #FFF !important;
}

/* ── Product Name ── */
.h1-prod-name {
  font-size: 18px !important;
  font-weight: 900 !important;
  line-height: 1.3 !important;
  letter-spacing: -0.3px !important;
  color: #1A1A1A !important;
  padding: 14px 16px 4px !important;
  margin: 0 !important;
}

/* ── Info section ── */
.info-product { padding: 0 16px !important; margin-bottom: 8px !important; }
.stock-status { font-size: 11px !important; font-weight: 600 !important; }
.info-sku, .info-weight { font-size: 11px !important; color: #999 !important; }
.info-rating { display: flex !important; align-items: center !important; gap: 6px !important; }
.rating-star, .rating-star-active { font-size: 12px !important; }

/* ── Price Block ── */
.price-group {
  padding: 12px 16px !important;
  margin: 0 16px 12px !important;
  background: #F8F9FA !important;
  border-radius: 12px !important;
}
.price {
  display: flex !important;
  flex-direction: row !important;
  align-items: baseline !important;
  gap: 8px !important;
}
.price-new, .price .special_value, .price .price-new {
  font-size: 24px !important;
  font-weight: 900 !important;
  color: #E11D48 !important;
}
.price .price_value:not(.special_value) {
  font-size: 24px !important;
  font-weight: 900 !important;
  color: #1A1A1A !important;
}
.price-old, .price .price-old {
  font-size: 13px !important;
  color: #C4C4C4 !important;
  text-decoration: line-through !important;
}

/* ── Quantity + Cart ── */
.action-group {
  display: flex !important;
  gap: 10px !important;
  padding: 0 16px !important;
  margin-bottom: 12px !important;
  align-items: center !important;
}
.quantity-adder {
  display: flex !important;
  align-items: center !important;
  border: 1.5px solid #E6E8EB !important;
  border-radius: 10px !important;
  overflow: hidden !important;
  flex-shrink: 0 !important;
}
.quantity-number { display: flex !important; align-items: center !important; }
.quantity-number button { width: 36px !important; height: 36px !important; border: none !important; background: transparent !important; font-size: 16px !important; cursor: pointer !important; }
.quantity-number input { width: 40px !important; text-align: center !important; border: none !important; background: transparent !important; font-size: 14px !important; font-weight: 700 !important; }
.cart { flex: 1 !important; }
.btn-general, #button-cart {
  width: 100% !important;
  padding: 14px !important;
  background: #E11D48 !important;
  color: #FFF !important;
  border: none !important;
  border-radius: 12px !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}

/* ── Payment ── */
.product-payment { padding: 0 16px !important; margin-bottom: 12px !important; }
.product-payment__title { font-size: 13px !important; font-weight: 700 !important; margin-bottom: 8px !important; }
.product-payment__list { display: flex !important; gap: 6px !important; flex-wrap: wrap !important; }
.product-payment__item { padding: 4px 10px !important; background: #F8F9FA !important; border-radius: 6px !important; font-size: 10px !important; font-weight: 600 !important; }

/* ── Delivery ── */
.product-delivery { padding: 0 16px !important; margin-bottom: 16px !important; }
.product-delivery__title { font-size: 13px !important; font-weight: 700 !important; margin-bottom: 8px !important; }
.product-delivery__item { display: flex !important; align-items: center !important; gap: 8px !important; padding: 8px 0 !important; border-bottom: 1px solid #F0F1F3 !important; font-size: 12px !important; }
.product-delivery__item:last-child { border: none !important; }

/* ── Specs ── */
.attribute {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 1px !important;
  background: #F0F1F3 !important;
  border-radius: 12px !important;
  overflow: hidden !important;
}
.attribute td { padding: 10px 12px !important; background: #FFF !important; font-size: 11px !important; }
.attribute td:first-child { color: #999 !important; }
.attribute td:last-child { font-weight: 600 !important; color: #1A1A1A !important; }

/* ── Reviews ── */
.review-item {
  padding: 12px !important;
  background: #F8F9FA !important;
  border-radius: 12px !important;
  margin-bottom: 8px !important;
}

/* ── Image — dark background ── */
.main-image, .image-box, .product-left {
  background: linear-gradient(180deg, #0A0A0F 0%, #1A1A1A 100%) !important;
}
.main-image img, .image-box img { max-height: 80% !important; object-fit: contain !important; }

/* ── Fixed bottom bar ── */
.add-to-cart-footer {
  position: fixed !important;
  bottom: 60px !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  max-width: 390px !important;
  margin: 0 auto !important;
  background: rgba(255,255,255,0.95) !important;
  backdrop-filter: blur(12px) !important;
  border-top: 1px solid rgba(0,0,0,0.06) !important;
  padding: 10px 16px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  z-index: 998 !important;
  border-radius: 14px 14px 0 0 !important;
}

/* ── Options ── */
.options select, .options .form-control {
  border-radius: 10px !important;
  border: 1.5px solid #E6E8EB !important;
  padding: 10px 12px !important;
  font-size: 13px !important;
}

/* ── Footer hide ── */
html body footer .footer-top { display: none !important; }
html body footer .footer-center { display: none !important; }

} /* end @media */