/**
 * HYDRA storefront — desktop scale (typography, cards, header, widgets).
 * Readable at browser zoom 100%. Scope: #hydraLandingRoot.
 * Tablet/mobile: unchanged below 1100px (existing public-storefront.css).
 */

/* —— Header & search —— */
@media (min-width: 1100px) {
  #hydraLandingRoot .hydra-mkt-topbar--compact {
    padding: 0.75rem 0 1rem;
  }

  #hydraLandingRoot .hydra-mkt-topbar--store .hydra-mkt-brand {
    font-size: 1.125rem;
    gap: 0.65rem;
  }

  #hydraLandingRoot .hydra-mkt-topbar--store .hydra-mkt-brand img {
    width: 36px;
    height: 36px;
    border-radius: 10px;
  }

  #hydraLandingRoot .hydra-mkt-topbar-search {
    flex: 1 1 280px;
    max-width: 420px;
    margin: 0 0.5rem;
  }

  #hydraLandingRoot .hydra-mkt-topbar-search input {
    min-height: 44px;
    padding: 0 1rem;
    font-size: 15px;
    border-radius: 12px;
  }

  #hydraLandingRoot .hydra-mkt-topbar--store .hydra-mkt-nav-link {
    min-height: 38px;
    padding: 0 0.9rem;
    font-size: 14px;
    display: inline-flex;
    align-items: center;
  }

  #hydraLandingRoot .hydra-mkt-topbar--store .hydra-mkt-cart-open {
    min-width: 40px;
    min-height: 40px;
    font-size: 1.1rem;
  }

  #hydraLandingRoot .hydra-pub-toolbar--compact input,
  #hydraLandingRoot .hydra-pub-toolbar--compact select {
    min-height: 40px;
    font-size: 14px;
  }

  #hydraLandingRoot .hydra-pub-field-label {
    font-size: 12px;
  }
}

/* —— Hero —— */
@media (min-width: 1100px) {
  #hydraLandingRoot .hydra-mkt-hero--compact {
    margin-bottom: 1rem;
    border-radius: 20px;
  }

  #hydraLandingRoot .hydra-mkt-hero--compact .hydra-mkt-hero-inner {
    padding: 1.35rem 1.5rem 1.25rem;
  }

  #hydraLandingRoot .hydra-mkt-hero--compact .hydra-mkt-hero-kicker {
    font-size: 12px;
    margin-bottom: 0.4rem;
  }

  #hydraLandingRoot .hydra-mkt-hero--compact h1 {
    font-size: clamp(1.85rem, 2.2vw, 2.35rem);
    margin-bottom: 0.45rem;
  }

  #hydraLandingRoot .hydra-mkt-hero--compact .hydra-mkt-hero-lead {
    font-size: 15px;
    line-height: 1.5;
    margin-bottom: 1rem;
  }

  #hydraLandingRoot .hydra-mkt-hero--compact .hydra-mkt-hero-cta {
    min-height: 40px;
    padding: 0 1.15rem;
    font-size: 14px;
    font-weight: 700;
  }

  #hydraLandingRoot .hydra-mkt-hero-stats-line {
    margin-top: 0.75rem;
    font-size: 13px;
  }

  #hydraLandingRoot .hydra-mkt-hero-stat {
    display: none !important;
  }

  #hydraLandingRoot .hydra-mkt-hero-aside {
    display: none !important;
  }

  #hydraLandingRoot .hydra-mkt-main-head h2,
  #hydraLandingRoot .hydra-mkt-spotlight-head h2 {
    font-size: 1.125rem;
    font-weight: 800;
  }

  #hydraLandingRoot .hydra-mkt-section-sub,
  #hydraLandingRoot .hydra-pub-status {
    font-size: 13px;
  }
}

/* —— Product grid (override compact 5–6 col density) —— */
@media (min-width: 1100px) {
  #hydraLandingRoot .hydra-mkt-grid--catalog,
  #hydraLandingRoot .hydra-mkt-grid.hydra-mkt-grid--catalog,
  #hydraLandingRoot .hydra-mkt-store-catalog .hydra-mkt-grid--catalog,
  #hydraLandingRoot .hydra-mkt-store-primary .hydra-mkt-grid--catalog {
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
    gap: var(--store-grid-gap);
  }
}

@media (min-width: 1280px) {
  #hydraLandingRoot .hydra-mkt-grid--catalog,
  #hydraLandingRoot .hydra-mkt-grid.hydra-mkt-grid--catalog,
  #hydraLandingRoot .hydra-mkt-store-catalog .hydra-mkt-grid--catalog,
  #hydraLandingRoot .hydra-mkt-store-primary .hydra-mkt-grid--catalog {
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
    gap: var(--store-grid-gap-desktop);
  }
}

@media (min-width: 1600px) {
  #hydraLandingRoot .hydra-mkt-grid--catalog,
  #hydraLandingRoot .hydra-mkt-grid.hydra-mkt-grid--catalog,
  #hydraLandingRoot .hydra-mkt-store-catalog .hydra-mkt-grid--catalog,
  #hydraLandingRoot .hydra-mkt-store-primary .hydra-mkt-grid--catalog {
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
    gap: 22px;
  }
}

/* —— Catalog product cards —— */
@media (min-width: 1100px) {
  #hydraLandingRoot .hydra-mkt-card--grid {
    border-radius: 14px;
  }

  #hydraLandingRoot .hydra-mkt-card--grid .hydra-mkt-card-media,
  #hydraLandingRoot .hydra-mkt-card--spotlight .hydra-mkt-card-media {
    max-height: none;
    height: auto;
    aspect-ratio: 1 / 1;
    min-height: 0;
  }

  #hydraLandingRoot .hydra-mkt-card--grid .hydra-mkt-card-media img {
    padding: 0.5rem 0.55rem 0.35rem;
    object-fit: contain;
  }

  #hydraLandingRoot .hydra-mkt-card--grid .hydra-mkt-card-body {
    padding: 0.65rem 0.75rem 0.75rem;
    gap: 0.2rem;
  }

  #hydraLandingRoot .hydra-mkt-card--grid .hydra-mkt-card-name {
    font-size: 15px;
    font-weight: 600;
    line-height: 1.35;
    -webkit-line-clamp: 2;
  }

  #hydraLandingRoot .hydra-mkt-card--grid .hydra-mkt-card-meta {
    font-size: 12px;
    font-weight: 600;
    color: #64748b;
  }

  #hydraLandingRoot .hydra-mkt-card--grid .hydra-mkt-card-price {
    font-size: 22px;
    font-weight: 700;
    margin-top: 0.25rem;
    color: #0f766e;
  }

  #hydraLandingRoot .hydra-mkt-card--grid .hydra-mkt-chip {
    font-size: 11px;
    padding: 0.2rem 0.45rem;
    border-radius: 6px;
  }

  #hydraLandingRoot .hydra-mkt-card--grid .hydra-mkt-card-actions {
    gap: 0.45rem;
    padding-top: 0.5rem;
  }

  #hydraLandingRoot .hydra-mkt-card--grid .hydra-mkt-card-btn {
    min-height: 40px;
    padding: 0 0.65rem;
    font-size: 13px;
    font-weight: 700;
    border-radius: 10px;
  }

  /* Spotlight / featured rail */
  #hydraLandingRoot .hydra-mkt-spotlight-rail {
    gap: 0.85rem;
    padding-bottom: 0.35rem;
  }

  #hydraLandingRoot .hydra-mkt-card--spotlight {
    flex: 0 0 220px;
    max-width: 220px;
  }

  #hydraLandingRoot .hydra-mkt-card--spotlight .hydra-mkt-card-media {
    max-height: none;
    height: auto;
    aspect-ratio: 1 / 1;
  }

  #hydraLandingRoot .hydra-mkt-card--spotlight .hydra-mkt-card-name {
    font-size: 14px;
    font-weight: 600;
  }

  #hydraLandingRoot .hydra-mkt-card--spotlight .hydra-mkt-card-price {
    font-size: 18px;
    font-weight: 700;
  }

  #hydraLandingRoot .hydra-mkt-card--spotlight .hydra-mkt-card-btn {
    min-height: 38px;
    font-size: 13px;
  }

  /* Sidebar widgets */
  #hydraLandingRoot .hydra-mkt-widget {
    border-radius: 14px;
    padding: 0.85rem 0.9rem 0.8rem;
  }

  #hydraLandingRoot .hydra-mkt-widget-head h3 {
    font-size: 14px;
    font-weight: 800;
    margin-bottom: 0.15rem;
  }

  #hydraLandingRoot .hydra-mkt-widget-sub {
    font-size: 12px;
    margin-bottom: 0.5rem;
    color: #64748b;
  }

  #hydraLandingRoot .hydra-mkt-widget-list {
    gap: 0.35rem;
  }

  #hydraLandingRoot .hydra-mkt-mini {
    padding: 0.45rem 0.5rem;
    border-radius: 10px;
    gap: 0.55rem;
  }

  #hydraLandingRoot .hydra-mkt-mini-thumb {
    flex: 0 0 48px;
    width: 48px;
    height: 48px;
    border-radius: 10px;
  }

  #hydraLandingRoot .hydra-mkt-mini-name {
    font-size: 13px;
    font-weight: 600;
    line-height: 1.3;
  }

  #hydraLandingRoot .hydra-mkt-mini-price {
    font-size: 14px;
    font-weight: 700;
    margin-top: 0.1rem;
  }

  /* Hot ticker */
  #hydraLandingRoot .hydra-mkt-hot-ticker {
    min-height: 40px;
    padding: 0.35rem 0.65rem;
    margin-bottom: 0.75rem;
  }

  #hydraLandingRoot .hydra-mkt-hot-ticker__label {
    font-size: 11px;
  }

  #hydraLandingRoot .hydra-mkt-hot-pill__name {
    font-size: 13px;
  }

  #hydraLandingRoot .hydra-mkt-hot-pill__price {
    font-size: 13px;
    font-weight: 700;
  }

  #hydraLandingRoot .hydra-pub-search-item {
    padding: 0.5rem 0.55rem;
    min-height: 44px;
  }

  #hydraLandingRoot .hydra-pub-search-item__name {
    font-size: 14px;
  }

  #hydraLandingRoot .hydra-pub-search-item__price {
    font-size: 14px;
    font-weight: 700;
  }

  #hydraLandingRoot .hydra-pub-search-item__thumb {
    width: 40px;
    height: 40px;
  }
}

/* Laptop band: keep 4-ish columns without going tiny */
@media (min-width: 1100px) and (max-width: 1279px) {
  #hydraLandingRoot .hydra-mkt-card--spotlight {
    flex: 0 0 200px;
    max-width: 200px;
  }
}

/* Cart drawer — wider on desktop to match scaled storefront */
@media (min-width: 900px) {
  #hydraLandingRoot .hydra-pub-cart__panel {
    width: min(580px, 42vw);
  }
}

@media (min-width: 1100px) {
  #hydraLandingRoot .hydra-pub-cart__panel {
    width: min(660px, 38vw);
    box-shadow: -16px 0 48px rgba(15, 23, 42, 0.14);
  }

  #hydraLandingRoot .hydra-pub-cart__head {
    padding: 1rem 1.35rem;
  }

  #hydraLandingRoot .hydra-pub-cart__title {
    font-size: 1.28rem;
  }

  #hydraLandingRoot .hydra-pub-cart__body {
    padding: 1rem 1.35rem;
  }

  #hydraLandingRoot .hydra-pub-cart__checkout {
    padding: 0.85rem 1.35rem 0.65rem;
  }

  #hydraLandingRoot .hydra-pub-cart__foot {
    max-height: min(65vh, 580px);
  }

  #hydraLandingRoot .hydra-pub-cart-form label {
    font-size: 14px;
  }

  #hydraLandingRoot .hydra-pub-cart-form input:not([type="radio"]),
  #hydraLandingRoot .hydra-pub-cart-form textarea {
    min-height: 44px;
    font-size: 15px;
    padding: 0.55rem 0.75rem;
  }

  #hydraLandingRoot .hydra-pub-cart-submit-row {
    padding: 0.85rem 1.35rem calc(1rem + env(safe-area-inset-bottom, 0px));
    gap: 0.65rem;
  }

  #hydraLandingRoot .hydra-pub-cart-submit-row .hydra-mkt-card-btn {
    flex: 1 1 160px;
    min-height: 48px;
    font-size: 0.92rem;
  }

  #hydraLandingRoot .hydra-pub-pay-methods {
    padding: 0.75rem 0.85rem;
  }
}

@media (min-width: 1400px) {
  #hydraLandingRoot .hydra-pub-cart__panel {
    width: min(720px, 36vw);
  }
}