/*
 Theme Name:   Bricks Child Theme
 Theme URI:    https://bricksbuilder.io/
 Description:  Use this child theme to extend Bricks.
 Author:       Bricks
 Author URI:   https://bricksbuilder.io/
 Template:     bricks
 Version:      1.1
 Text Domain:  bricks
*/
/* Phase 04-04: Sticky tab bar for product page */
#brxe-sp-tabs-bar {
  position: sticky;
  top: 0;
  z-index: 10;
  background: #ffffff;
  border-bottom: 1px solid #ececee;
}

/* Phase 04-04: Related products horizontal scroll on mobile */
@media (max-width: 767px) {
  #brxe-sp-reco-scroll {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }
  #brxe-sp-reco-scroll::-webkit-scrollbar {
    display: none;
  }
}

/* Phase 04-04: Responsive adjustments */
@media (min-width: 768px) {
  #brxe-sp-reco-scroll {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
    max-width: 1280px;
    margin: 0 auto;
  }
  #brxe-sp-reco-card-1,
  #brxe-sp-reco-card-2,
  #brxe-sp-reco-card-3,
  #brxe-sp-reco-card-4 {
    width: auto !important;
    min-width: auto !important;
  }
}

@media (min-width: 1200px) {
  #brxe-sp-reco-scroll {
    grid-template-columns: repeat(4, 200px);
    gap: 20px;
  }
  #brxe-sp-overview,
  #brxe-sp-description-panel,
  #brxe-sp-reviews-panel {
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
  }
}