/* theme-lowa.css  (load AFTER vp-clean.css on lowaltd.com only)
   vp-clean.css is the shared "Vistaprint" stylesheet; each site only changes colours here. */
   :root {
    --blue: #db2777;          /* Lowa pink (Tailwind pink-600) - buttons, links, focus rings */
    --blue-dark: #be185d;     /* hover */
    --sky: #fdf2f8;           /* soft tint behind badges, tabs, placeholders */
    --sky-btn: #fbcfe8;       /* sign-in button */
    --wrap: 1680px;
  }
  @media (min-width: 1920px) { :root { --wrap: 2100px; } }   /* big monitors: wider, grids simply add columns */
  @media (min-width: 2560px) { :root { --wrap: 2400px; } }
  
  /* the few hard-coded blue tints in vp-clean.css */
  .svc-card:hover { border-color: #fbcfe8; box-shadow: 0 12px 30px #8318431a; }
  .signin { color: #500724; }
  
  /* variety pills on service cards */
  .pills { display: flex; flex-wrap: wrap; gap: 6px; margin: 0 0 16px; }
  .pill { padding: 2px 10px; border: 1px solid #fbcfe8; border-radius: 999px; background: var(--sky); color: var(--blue-dark); font-size: 12px; }
  .pill--more { border: 0; background: none; color: var(--muted); }
  
  /* sale price */
  .card__price s { margin-left: 6px; color: #9a9a9a; font-size: 13px; }
  .card__price b { color: var(--blue-dark); font-weight: 800; }
  .card__excerpt { display: -webkit-box; margin: 2px 0 0; overflow: hidden; color: var(--muted); font-size: 13px; line-height: 1.5; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }