/* Suomen Ekokauppa product page conversion fixes (PDP-CRO 2026-11-04). Loaded from header.twig. */

/* "Save" price label (Journal label 297) has no Finnish text and duplicates the "-15%" label next to it. */
.product-label-297 { display: none !important; }

/* Campaign tag moved out of the product name into a small pill (sek_pdp.js). */
.sek-campaign-pill { display: inline-block; align-self: flex-start; width: max-content; max-width: 100%; margin: 0 0 6px; padding: 2px 10px; border-radius: 999px; background: #e8f1eb; color: #1f5c31; font-size: 12px; font-weight: 700; letter-spacing: .02em; }

/* Price inside the buy button. */
#button-cart .sek-btn-price { font-weight: 700; white-space: nowrap; }
#button-cart .sek-btn-price::before { content: "\00a0·\00a0"; font-weight: 400; }

/* Shop-wide promises merged into the ✓ list under the buy button (sek_pdp.js), so the block itself is hidden. */
html.route-product-product .sek-merged-promises { display: none !important; }

@media (max-width: 767px) {
  /* EAN is useful for the shop, not for the shopper; it stays in the structured data. */
  html.route-product-product .product-stats .product-ean { display: none !important; }

  /* Compact size choices: side by side instead of tall full-width boxes. */
  html.route-product-product .product-variant-selector { margin: 10px 0 !important; }
  html.route-product-product .product-variant-selector .product-variant-items { flex-wrap: wrap; gap: 6px; }
  html.route-product-product .product-variant-selector .variant-card { flex: 1 1 0 !important; min-width: 96px !important; min-height: 0 !important; padding: 6px 8px !important; }
  html.route-product-product .product-variant-selector .variant-card__label { margin-bottom: 0 !important; }
  html.route-product-product .product-variant-selector .variant-card__unit-price { font-size: 12px !important; }

  /* The buy bar is fixed on mobile, so the theme's -22px pull-up would overlap the size boxes. */
  html.route-product-product #product .button-group-page + .product-purchase-reassurance { margin-top: 10px !important; }

  /* Narrow sticky bar: the price goes on its own small line under "Lisää ostoskoriin" so nothing is cut off. */
  html.route-product-product #button-cart:has(.sek-btn-price) { flex-wrap: wrap; align-content: center; row-gap: 1px; line-height: 1.1; padding-top: 4px !important; padding-bottom: 4px !important; }
  html.route-product-product #button-cart .sek-btn-price { flex-basis: 100%; text-align: center; font-size: 13px; }
  html.route-product-product #button-cart .sek-btn-price::before { content: none; }

  /* Tighter title so the price fits on the first screen. */
  html.route-product-product .page-title { margin-bottom: 8px !important; }
}
html .sek-campaign-pill[hidden] { display: none !important; }