/* ============================================
   PACKISTRY — CUSTOM PACKAGING PAGE
   ============================================ */
.custom-grid-section { background: var(--bg-white); }
.custom-layout { display: grid; grid-template-columns: 1fr 320px; gap: var(--sp-xl); align-items: start; }
.custom-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--sp-md); }

/* Make It Uniquely Yours */
.unique-section { background: var(--bg-light); }
.unique-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--sp-md); }

/* Process Steps */
.process-section { background: #F5F5F5; }
.process-list { max-width: 640px; margin: 0 auto; display: flex; flex-direction: column; gap: 0; position: relative; }
.process-list::before {
  content: '';
  position: absolute;
  left: 21px;
  top: 22px;
  bottom: 22px;
  width: 2px;
  background: var(--color-gray-200);
}
.process-step { display: flex; gap: var(--sp-lg); padding: 0 0 var(--sp-lg) 0; position: relative; }
.process-step:last-child { padding-bottom: 0; }
.process-step-num {
  width: 44px; height: 44px; min-width: 44px;
  border-radius: 50%;
  background: var(--color-gold);
  display: flex; align-items: center; justify-content: center;
  font-family: var(--font-sans);
  font-size: 16px; font-weight: 700; color: var(--color-navy);
  position: relative; z-index: 1;
  flex-shrink: 0;
}
.process-step-body {
  background: var(--bg-white);
  border: 1px solid var(--color-gray-200);
  border-radius: var(--radius-md);
  padding: var(--sp-md) var(--sp-lg);
  flex: 1;
  margin-top: 6px;
}
.process-step-body h4 {
  font-family: var(--font-sans);
  font-size: 13px;
  font-weight: 700;
  color: var(--text-primary);
  margin-bottom: 4px;
  letter-spacing: 0.02em;
}
.process-step-body p { font-size: 12px; color: var(--text-muted); line-height: 1.6; }

/* Industries Grid */
.industries-section { background: var(--bg-light); }
.industries-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: var(--sp-md); }
.industry-card { background: var(--bg-white); border: 1px solid var(--color-gray-200); border-radius: var(--radius-lg); padding: var(--sp-lg); text-align: center; transition: var(--transition); }
.industry-card:hover { border-color: var(--color-gold-light); box-shadow: var(--shadow-sm); transform: translateY(-2px); }
.industry-card .ic-icon { width: 48px; height: 48px; margin: 0 auto var(--sp-sm); display: flex; align-items: center; justify-content: center; }
.industry-card .ic-icon svg { width: 28px; height: 28px; color: var(--color-navy); }
.industry-card span { font-size: var(--fs-sm); font-weight: 500; color: var(--text-secondary); }

@media (max-width: 767px) {
  .custom-layout { grid-template-columns: 1fr; gap: 28px; }
  .custom-grid, .unique-grid, .industries-grid { grid-template-columns: 1fr 1fr; }
  .process-step { gap: 12px; }
  .process-step-body { padding: 14px; }
}