/* Hydra Auctions Custom Styles */
                                                      :root {
                                                          --hydra-primary: #0092bc;
                                                          --hydra-primary-dark: #0f766e;
                                                          --hydra-secondary: #d97706;
                                                          --hydra-gold: #f59e0b;
                                                          --hydra-dark: #1e293b;
                                                          --hydra-light: #f8fafc;
                                                      }

                                                      .hero-gradient {
                                                          background: linear-gradient(135deg, #0092bc 0%, #0f766e 50%, #115e59 100%);
                                                      }

                                                      .gold-accent { color: #f59e0b; }
                                                      .gold-border { border-color: #f59e0b; }

                                                      .hydra-logo:hover {
                                                          transform: scale(1.05);
                                                          transition: transform 0.3s ease;
                                                      }

                                                      .auction-card:hover {
                                                          transform: translateY(-4px);
                                                          box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1);
                                                          transition: all 0.3s ease;
                                                      }\n.grid-container {
  display: grid !important;
  grid-template-columns: repeat(12, minmax(0, 1fr));
}


.col-layout-1 {
  grid-column: span 1 / span 1;
}
.col-layout-2 {
  grid-column: span 2 / span 2;
}
.col-layout-3 {
  grid-column: span 3 / span 3;
}
.col-layout-4 {
  grid-column: span 4 / span 4;
}
.col-layout-5 {
  grid-column: span 5 / span 5;
}
.col-layout-6 {
  grid-column: span 6 / span 6;
}
.col-layout-7 {
  grid-column: span 7 / span 7;
}
.col-layout-8 {
  grid-column: span 8 / span 8;
}
.col-layout-9 {
  grid-column: span 9 / span 9;
}
.col-layout-10 {
  grid-column: span 10 / span 10;
}
.col-layout-11 {
  grid-column: span 11 / span 11;
}
.col-layout-12 {
  grid-column: span 12 / span 12;
}


@media (min-width: 48rem) {
  .md-col-layout-1  { grid-column: span 1 / span 1; }
  .md-col-layout-2  { grid-column: span 2 / span 2; }
  .md-col-layout-3  { grid-column: span 3 / span 3; }
  .md-col-layout-4  { grid-column: span 4 / span 4; }
  .md-col-layout-5  { grid-column: span 5 / span 5; }
  .md-col-layout-6  { grid-column: span 6 / span 6; }
  .md-col-layout-7  { grid-column: span 7 / span 7; }
  .md-col-layout-8  { grid-column: span 8 / span 8; }
  .md-col-layout-9  { grid-column: span 9 / span 9; }
  .md-col-layout-10 { grid-column: span 10 / span 10; }
  .md-col-layout-11 { grid-column: span 11 / span 11; }
  .md-col-layout-12 { grid-column: span 12 / span 12; }
}
#-----test

.grid-container {
  display: grid !important;
  grid-template-columns: repeat(12, minmax(0, 1fr));
}