/** Shopify CDN: Minification failed

Line 22:12 Expected identifier but found whitespace
Line 22:14 Unexpected "{"
Line 22:23 Expected ":"
Line 22:58 Unexpected "20px"
Line 22:64 Unexpected "{"
Line 22:73 Expected ":"
Line 22:110 Expected ":"
Line 23:21 Expected identifier but found whitespace
Line 23:23 Unexpected "{"
Line 23:32 Expected ":"
... and 126 more hidden warnings

**/
/* SHOPIFY_STYLESHEETS_VERSION: 1.0 */


/* CSS from section stylesheet tags */
/* START_SECTION:featured-page (INDEX:16) */
.featured-cards-section {
    padding: {{ section.settings.section_padding_top }}px 20px {{ section.settings.section_padding_bottom }}px 20px;
    background-color: {{ section.settings.section_bg_color }};
  }

  .featured-cards-container {
    max-width: 1400px;
    margin: 0 auto;
  }

  .section-title {
    text-align: {{ section.settings.title_alignment }};
    color: {{ section.settings.title_color }};
    font-size: {{ section.settings.title_font_size }}px;
    font-weight: {{ section.settings.title_font_weight }};
    margin-bottom: {{ section.settings.title_margin_bottom }}px;
    text-transform: {{ section.settings.title_text_transform }};
  }

  .cards-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: {{ section.settings.card_gap }}px;
    margin-bottom: 0;
  }

  .featured-card {
    position: relative;
    height: {{ section.settings.card_height }}px;
    border-radius: {{ section.settings.card_border_radius }}px;
    overflow: hidden;
    cursor: pointer;
    transition: transform {{ section.settings.card_hover_effect }}s ease, box-shadow {{ section.settings.card_hover_effect }}s ease;
    box-shadow: {{ section.settings.card_shadow }};
    display: flex;
    align-items: flex-end;
  }

  .featured-card:hover {
    transform: {{ section.settings.hover_transform }};
    box-shadow: {{ section.settings.card_hover_shadow }};
  }

  .card-bg-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
  }

  .card-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
  }

  .placeholder-bg {
    width: 100%;
    height: 100%;
    background: linear-gradient(135deg, #CCCCCC 0%, #e0e0e0 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    color: #999;
    text-align: center;
    padding: 20px;
  }

  .card-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,{{ section.settings.overlay_opacity }}) 100%);
    z-index: 2;
  }

  .card-content {
    position: relative;
    padding: {{ section.settings.content_padding }}px;
    color: white;
    z-index: 3;
    width: 100%;
  }

  .card-title {
    font-size: {{ section.settings.card_title_font_size }}px;
    font-weight: {{ section.settings.card_title_font_weight }};
    margin: 0 0 10px 0;
    color: {{ section.settings.card_title_color }};
    text-transform: {{ section.settings.card_title_text_transform }};
  }

  .card-description {
    font-size: {{ section.settings.card_description_font_size }}px;
    line-height: 1.5;
    margin-bottom: 20px;
    color: {{ section.settings.card_description_color }};
    font-weight: {{ section.settings.card_description_font_weight }};
  }

  .card-button {
    display: inline-block;
    padding: {{ section.settings.button_padding_vertical }}px {{ section.settings.button_padding_horizontal }}px;
    background-color: {{ section.settings.button_bg_color }};
    color: {{ section.settings.button_text_color }};
    text-decoration: none;
    border-radius: {{ section.settings.button_border_radius }}px;
    font-weight: {{ section.settings.button_font_weight }};
    font-size: {{ section.settings.button_font_size }}px;
    border: none;
    cursor: pointer;
    transition: all {{ section.settings.card_hover_effect }}s ease;
    text-transform: {{ section.settings.button_text_transform }};
    width: fit-content;
  }

  .card-button:hover {
    background-color: {{ section.settings.button_hover_color }};
    transform: {{ section.settings.button_hover_transform }};
  }

  /* Tablet */
  @media (max-width: 1024px) {
    .cards-grid {
      grid-template-columns: repeat(2, 1fr);
      gap: {{ section.settings.card_gap }}px;
    }

    .featured-card {
      height: {{ section.settings.card_height }}px;
    }
  }

  /* Mobile */
  @media (max-width: 768px) {
    .cards-grid {
      grid-template-columns: 1fr;
      gap: {{ section.settings.mobile_card_gap }}px;
    }

    .featured-card {
      height: {{ section.settings.mobile_card_height }}px;
    }

    .card-title {
      font-size: 24px;
    }

    .card-description {
      font-size: 13px;
      margin-bottom: 15px;
    }

    .card-button {
      padding: 10px 20px;
      font-size: 13px;
    }
  }

  /* Small Mobile */
  @media (max-width: 480px) {
    .cards-grid {
      grid-template-columns: 1fr;
      gap: 12px;
    }

    .featured-card {
      height: 280px;
    }

    .card-content {
      padding: 15px;
    }

    .card-title {
      font-size: 18px;
      margin-bottom: 8px;
    }

    .card-description {
      font-size: 11px;
      margin-bottom: 12px;
    }

    .card-button {
      padding: 8px 16px;
      font-size: 11px;
    }
  }
/* END_SECTION:featured-page */