@layer overrides{
  /* ===== Percentage badge on product cards ===== */
  [ui-block=product] .media .discount-badge{
    position:absolute;
    inset-block-start:10px;
    inset-inline-start:10px;
    z-index:2;
    padding:4px 10px;
    border-radius:999px;
    background:var(--brand-color);
    color:var(--on-brand, #fff);
    font-weight:700;
    font-size:13px;
    line-height:1.4;
    letter-spacing:0;
    pointer-events:none;
  }

  /* ===== Product cards: calmer hierarchy ===== */
  [ui-block=product]{
    border:1px solid color-mix(in oklab, currentColor 8%, transparent);
  }
  [ui-block=product] .info .price .current-price{
    font-weight:800;
  }
  [ui-block=product] .info .name{
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
    line-height:1.5;
  }

  /* ===== Thank-you page: next steps ===== */
  [ui-section=thankyou] .next-steps{
    display:grid;
    gap:12px;
    margin:var(--spacing-16) 0 0;
    padding:0;
    list-style:none;
    counter-reset:step;
  }
  [ui-section=thankyou] .next-steps li{
    display:flex;
    align-items:flex-start;
    gap:12px;
    font:var(--font-body-md);
  }
  [ui-section=thankyou] .next-steps li::before{
    counter-increment:step;
    content:counter(step);
    flex:none;
    display:grid;
    place-items:center;
    inline-size:28px;
    block-size:28px;
    border-radius:50%;
    background:var(--brand-color);
    color:var(--on-brand, #fff);
    font-weight:700;
    font-size:14px;
  }
  [ui-section=thankyou] .next-steps strong{
    display:block;
  }
  [ui-section=thankyou] .thankyou-contact{
    margin-block-start:var(--spacing-16);
    font:var(--font-body-sm);
    opacity:.85;
  }


  /* ===== Prices: red struck-through old price, clearer current price ===== */
  [ui-section=product-information] .core .content [ui-block=price] .compare-at-price,
  [ui-block=product] .info .price .compare-at-price,
  ui-shop-bar .product .info .price .compare-at-price,
  .product-drawer [ui-block=price] .compare-at-price{
    color:#d32f2f;
    opacity:1;
    font-weight:500;
    text-decoration-color:#d32f2f;
  }
  [ui-section=product-information] .core .content [ui-block=price] .original-price{
    font-size:1.35em;
    font-weight:800;
    color:var(--brand-color);
  }
  [ui-block=product] .info .price .current-price{
    font-size:1.1em;
    font-weight:800;
  }

  /* ===== Floating WhatsApp button ===== */
  .whatsapp-float{
    position:fixed;
    inset-inline-start:16px;
    inset-block-end:calc(16px + env(safe-area-inset-bottom, 0px));
    z-index:50;
    display:grid;
    place-items:center;
    inline-size:54px;
    block-size:54px;
    border-radius:50%;
    background:#25d366;
    color:#fff;
    box-shadow:0 6px 18px rgb(0 0 0 / .22);
    transition:transform .15s ease;
  }
  .whatsapp-float:hover{ transform:scale(1.06); }
  .whatsapp-float:focus-visible{
    outline:3px solid color-mix(in oklab, #25d366 55%, transparent);
    outline-offset:3px;
  }
  @media (prefers-reduced-motion: reduce){
    .whatsapp-float{ transition:none; }
  }
}