/* Map Classic PrestaShop chrome onto Hexal design system */
body#checkout,
body,
#wrapper,
#content-wrapper,
#main,
.page-content,
.cart-grid,
.checkout-step,
.card,
.form-control,
.form-control-select {
  background: var(--ink) !important;
  color: var(--paper) !important;
  border-color: var(--line) !important;
  font-family: var(--ff) !important;
}

/* Hide Classic chrome — Hexal header/footer replace it */
#header .header-banner,
#header .header-nav,
#_desktop_language_selector,
#_desktop_currency_selector,
#_desktop_user_info,
.blockreassurance,
.ps_socialfollow,
#footer .block_newsletter,
.footer-container .copyright a[href*="prestashop"],
.wishlist-button-add,
.product-additional-info .social-sharing {
  display: none !important;
}

/* Classic header shell — we replace with .site-head */
#header {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  margin: 0 !important;
  padding: 0 !important;
}
#header .header-top {
  background: transparent !important;
  padding: 0 !important;
  max-width: none !important;
}
#wrapper {
  background: var(--ink) !important;
  box-shadow: none !important;
  padding-top: 0 !important;
}
#footer {
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* Product listing → Hexal cards */
#products .products,
.products {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr);
  gap: 1px !important;
  background: var(--line) !important;
  border: 1px solid var(--line) !important;
  margin: 0 !important;
}
@media (max-width: 1080px) {
  #products .products,
  .products {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 520px) {
  #products .products,
  .products {
    grid-template-columns: 1fr;
  }
}
.products .product,
.products .js-product-miniature {
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important;
  float: none !important;
  background: var(--ink-1) !important;
}
.product-miniature .thumbnail-container,
.product-miniature .product-description,
.product-miniature .highlighted-informations {
  display: none !important;
}

/* Buttons */
.btn-primary,
.btn-primary:hover,
.btn-primary:focus,
.add-to-cart,
button.add-to-cart {
  background: var(--eagle) !important;
  border-color: var(--eagle-dim) !important;
  color: var(--bone) !important;
  border-radius: var(--radius) !important;
  font-weight: 700 !important;
  box-shadow: 0 8px 30px -10px var(--eagle) !important;
}
.btn-secondary,
.btn-tertiary,
.btn-outline-primary {
  background: transparent !important;
  border: 1px solid var(--line) !important;
  color: var(--paper) !important;
  border-radius: var(--radius) !important;
}

/* Prices */
.product-price,
.current-price,
.price,
.product-price .current-price-value,
.cart-summary-line .value {
  color: var(--sunray) !important;
  font-family: var(--ff-mono) !important;
}

/* Forms / checkout */
.form-control,
.form-control-select,
input.form-control,
select.form-control,
textarea.form-control {
  background: var(--ink-2) !important;
  border: 1px solid var(--line) !important;
  border-radius: var(--radius) !important;
  color: var(--paper) !important;
}
.form-control:focus {
  border-color: var(--sunray) !important;
  box-shadow: none !important;
}
.checkout-step .step-title,
.cart-summary,
.cart-overview {
  background: var(--ink-1) !important;
  border: 1px solid var(--line) !important;
  border-radius: var(--radius) !important;
  color: var(--paper) !important;
}

/* Breadcrumb */
.breadcrumb {
  background: transparent !important;
  font-family: var(--ff-mono) !important;
  font-size: 11px !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  color: var(--mute) !important;
}
.breadcrumb a {
  color: var(--mute) !important;
}

/* Category / page titles */
.h1,
.page-header h1,
.category-name {
  font-weight: 800 !important;
  letter-spacing: -0.02em !important;
  color: var(--paper) !important;
}

/* CMS pages */
#content-wrapper .cms-page,
.page-cms {
  max-width: var(--maxw);
  margin-inline: auto;
  padding: clamp(40px, 6vw, 72px) var(--gut);
}
.page-cms h1 {
  font-weight: 900;
  letter-spacing: -0.03em;
  font-size: clamp(30px, 4vw, 52px);
}
.page-cms h2 {
  font-weight: 800;
  margin-top: 2rem;
}
.page-cms p,
.page-cms li {
  font-family: var(--ff-narrow);
  color: var(--mute);
  font-size: 16px;
  line-height: 1.5;
}

/* Pack tiles in listing — hide default img */
.hx-card .product-thumbnail img,
.hx-card .thumbnail-container {
  display: none !important;
}

/* Auth / login guest-forward */
.login-form,
#login-form,
.no-account {
  background: var(--ink-1) !important;
  border: 1px solid var(--line) !important;
  border-radius: var(--radius) !important;
  padding: 24px !important;
}

.hero-bg {
  background:
    radial-gradient(60% 50% at 70% 40%, rgba(222,34,41,.12), transparent 60%),
    linear-gradient(135deg, #15171b 0%, #0c0d0f 50%, #16181c 100%);
}
#header > .site-head { width: 100%; }
#footer > .site-foot { width: 100%; }
#index #wrapper > .container,
#index .breadcrumb { display: none !important; }
#index #content-wrapper { padding: 0 !important; max-width: none !important; }
#index #wrapper .container { max-width: none !important; width: 100% !important; padding: 0 !important; }