/* ==========================================================================
   Collection (Our products) page
   ========================================================================== */

.he_main-collection-grid { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 24px; }
.he_main-collection-grid a { text-decoration: none; }

/* the collection card puts the rating inside the header block */
.he_main-collection-grid .he_best-sellers-header { min-height: 110px; }
.he_main-collection-grid .he_home-bestsellers-review { margin: 0 0 8px; }
.he_main-collection-grid .he_best-seller-title { margin-top: 0; }

.he_main-collection-featured-card {
  border-radius: var(--radius); overflow: hidden; padding: 46px; background-size: cover;
  background-position: right; display: flex; align-items: flex-end; justify-content: flex-start;
}
.he_main-collection-featured-card.featured_card__3 { min-height: 400px; grid-column: span 3; }
.he_main-collection-featured-card.featured_card__2 { grid-column: span 2; }
.he_main-collection-featured-card.featured_card__1 { grid-column: span 1; padding: 20px; }
.he_main-col-featured-title { color: #fff; margin: 0; font-size: 40px; line-height: 1.15em; }
.he_main-col-featured-text { font-size: 16px; line-height: 1.15em; margin: 8px 0 32px; color: var(--green); }
.he_main-col-featured-btn { max-width: 240px; transition: all 0.3s; }
.he_main-col-featured-btn:hover { opacity: 0.95; }

/* tamsus fonas po video — kad kraunantis nebutu balto blyksnio */
.he_collection-hero { background: #02030d; }

/* collection hero keeps the home hero treatment but without the stat column */
/* zemesnis nei pagrindinio puslapio hero — cia svarbiausia yra produktai */
.he_collection-hero { min-height: 58vh; padding-top: 150px; padding-bottom: 64px; }
.he_collection-hero .he_hero-container { align-items: flex-end; }
.he_collection-hero .he_hero-left-side { max-width: 520px; }
.he_collection-hero .he_hero-title { text-transform: none; }

@media (max-width: 1000px) {
  .he_main-collection-grid { grid-template-columns: 1fr 1fr; }
  .he_main-collection-featured-card.featured_card__3,
  .he_main-collection-featured-card.featured_card__2,
  .he_main-collection-featured-card.featured_card__1 { grid-column: span 1; }
  .he_main-collection-featured-card { aspect-ratio: 1 / 1.2; padding: 20px; }
  .he_main-col-featured-btn { max-width: 100%; width: 100%; }
  .he_main-collection-featured-cont { width: 100%; }
}
@media (max-width: 678px) {
  .he_main-collection-grid { grid-template-columns: 1fr; }
  .he_collection-hero { min-height: 62vh; padding-top: 110px; padding-bottom: 32px; }
  .he_collection-hero .he_hero-container { min-height: 0; }
}