/* Page-only overrides: pp-corrugated-sheet
   Goal: make product cards smaller/denser without affecting other pages. */

/* Make sidebar sticky - scrolls with content but stays visible */
.pp-corrugated-sheet-page .tj-main-sidebar {
  position: sticky;
  top: 100px;
  align-self: flex-start;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pp-corrugated-sheet-page .tj-main-sidebar {
    top: 80px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px) {
  .pp-corrugated-sheet-page .tj-main-sidebar {
    position: relative;
    top: 0;
  }
}

@media (max-width: 575px) {
  .pp-corrugated-sheet-page .tj-main-sidebar {
    position: relative;
    top: 0;
  }
}

/* Reduce overall card height */
.pp-corrugated-sheet-page .project-item {
  min-height: 280px;
}

/* Tighten content box */
.pp-corrugated-sheet-page .project-item .project-content {
  padding: 18px 18px 14px 18px;
  width: calc(100% - 20px);
  margin: 10px;
  border-radius: 10px;
}

/* Slightly smaller title */
.pp-corrugated-sheet-page .project-item .title {
  max-width: 150px;
}

/* Make the category pill smaller */
.pp-corrugated-sheet-page .project-item .categories a {
  font-size: 14px;
  padding: 8px 14px;
}

/* Smaller icon button */
.pp-corrugated-sheet-page .project-item .tj-icon-btn {
  width: 54px;
  height: 54px;
}

@media (max-width: 575px) {
  .pp-corrugated-sheet-page .project-item {
    min-height: 340px;
  }
  .pp-corrugated-sheet-page .project-item .project-content {
    padding: 16px 14px 12px 14px;
    width: calc(100% - 16px);
    margin: 8px;
  }
}