/* Shared catalogue/B2B/SMS/app/materials/company card shell, homepage only. */
@layer sg-home-service-cards {
  body#index {
    --sg-service-card-radius: 16px;
    --sg-service-card-border: #dbe4ef;
    --sg-service-card-padding: 22px;
    --sg-service-card-gap: 20px;
  }
  body#index .SGGLOVES-home > :is(.SGGLOVES-home-promo-row--unified, .SGGLOVES-dual-zone:has(.sg-home-actions), .SGGLOVES-blocks-section:has(.sg-home-actions)) {
    box-sizing: border-box !important;
    width: calc(100% - 32px) !important;
    max-width: var(--SGGLOVES-content-width, 1440px) !important;
    padding: 0 !important;
    margin-inline: auto !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }
  body#index .SGGLOVES-home > :is(.SGGLOVES-dual-zone, .SGGLOVES-blocks-section):has(.sg-home-actions) > .container-md,
  body#index .sg-home-actions {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: none !important;
    padding: 0 !important;
    margin: 0 !important;
  }
  body#index :is(.SGGLOVES-home-promo-row--unified, .sg-home-actions__grid) {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    align-items: stretch !important;
    gap: var(--sg-service-card-gap) !important;
  }
  body#index :is(.SGGLOVES-home-promo-row--unified > article, .SGGLOVES-home-promo-row--unified > .sgsmscatalog, .sg-home-actions__grid > .sg-home-action-card) {
    box-sizing: border-box !important;
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: var(--sg-service-equal-height, 0px) !important;
    margin: 0 !important;
    padding: var(--sg-service-card-padding) !important;
    border: 1px solid var(--sg-service-card-border) !important;
    border-radius: var(--sg-service-card-radius) !important;
    background: #fff !important;
    color: var(--sg-brand-ink, #071b36) !important;
    box-shadow: 0 8px 24px rgba(7, 27, 54, .055) !important;
    overflow: hidden !important;
    gap: 14px !important;
  }
  body#index :is(.SGGLOVES-home-promo-row--unified > article, .sg-home-actions__grid > .SGGLOVES-dual-card--app) {
    padding: 0 !important;
    gap: 0 !important;
  }
  body#index :is(.SGGLOVES-home-promo-row--unified, .sg-home-actions__grid) .sg-home-studio-art {
    flex: 0 0 auto !important;
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 3 / 2 !important;
    margin: 0 !important;
    border-radius: 0 !important;
  }
  body#index .sg-home-actions__grid .SGGLOVES-dual-card__art {
    order: -1 !important;
    display: block !important;
    width: 100% !important;
    min-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
  }
  body#index :is(.SGGLOVES-home-promo-row--unified, .sg-home-actions__grid) :is(.SGGLOVES-home-catalog__copy, .SGGLOVES-home-b2b__copy, .SGGLOVES-dual-card__content) {
    display: flex !important;
    flex-direction: column !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
    max-width: none !important;
    width: 100% !important;
    box-sizing: border-box !important;
    margin: 0 !important;
    padding: var(--sg-service-card-padding) !important;
    background: #fff !important;
    gap: 12px !important;
  }
  body#index .sg-home-actions__grid .sgcp-widget__button,
  body#index .sg-home-actions__grid .SGGLOVES-dual-card__stores {
    margin-top: auto !important;
    width: 100% !important;
  }
  body#index .SGGLOVES-home-promo-row--unified .SGGLOVES-home-catalog > .SGGLOVES-home-btn {
    width: calc(100% - 2 * var(--sg-service-card-padding)) !important;
    margin: auto var(--sg-service-card-padding) var(--sg-service-card-padding) !important;
  }
  body#index .SGGLOVES-home > section[hidden] { display: none !important; }
  @media (max-width: 991.98px) {
    body#index :is(.SGGLOVES-home-promo-row--unified, .sg-home-actions__grid) {
      grid-template-columns: minmax(0, 1fr) !important;
    }
    body#index :is(.SGGLOVES-home-promo-row--unified > article, .SGGLOVES-home-promo-row--unified > .sgsmscatalog, .sg-home-actions__grid > .sg-home-action-card) {
      min-height: 0 !important;
    }
  }
  @media (max-width: 767.98px) {
    body#index { --sg-service-card-padding: 16px; --sg-service-card-gap: 12px; }
    body#index .SGGLOVES-home > :is(.SGGLOVES-home-promo-row--unified, .SGGLOVES-dual-zone:has(.sg-home-actions), .SGGLOVES-blocks-section:has(.sg-home-actions)) {
      width: 100% !important;
      margin: 0 !important;
    }
    body#index .SGGLOVES-home-promo-row--unified.SGGLOVES-mobile-hidden,
    body#index .SGGLOVES-home-promo-row--unified > .SGGLOVES-mobile-hidden { display: none !important; }
  }
}
