/* pricing-fit.v2.css - #pricing fits one window when "Join today" lands on it
 * (2026-09-26, v1 of the same day plus a little). v1 pulled the section flush
 * under the header and took the slack out of the lineup so the Choose buttons
 * stood inside a 1440x900 and a 1440x800 window. The Standard card then
 * gained a line ("1 connected Vinted account", the accounts each tier holds,
 * patches/tier_accounts) and at 800px tall the buttons stood 9px past the
 * bottom again in English. The short-window step below is a touch tighter
 * (the list's gap, the card's padding, the room over the list and the
 * button), which is worth about 30px on the tallest card. German and French
 * wrap more lines and never fitted 1440x800, before or after.
 *
 * Every selector is scoped under #pricing, and beats the bundle's utility
 * classes on the id alone. Additive like the other hand-added sheets:
 * delete the <link> and the section is exactly what it was. */
#pricing{scroll-margin-top:-28px}
@media (min-width:1024px){
  #pricing > .mx-auto{padding-top:40px;padding-bottom:56px}
  #pricing h2{font-size:clamp(1.6rem,3vw,2.2rem)}
  #pricing p.mt-5{margin-top:10px}
  #pricing .glass-plain.mt-14{margin-top:26px}
  #pricing .mt-5.grid{margin-top:14px}
  #pricing .glass-plain.p-7{padding:22px 26px}
  #pricing .jp-entry-col > p{margin:0}
  #pricing .glass-plain .text-center > p.mt-6{margin-top:12px}
  #pricing .glass-plain ul.mt-8{margin-top:16px;padding-top:16px;gap:9px}
  #pricing .glass-plain ul li span{font-size:13.5px}
  #pricing .glass-plain > div.mt-8{margin-top:18px}
}
/* A short window (an 800px-tall laptop) takes a little more slack out; a
   720px one is not a desktop the lineup can fit in and scrolls as before. */
@media (min-width:1024px) and (max-height:840px){
  #pricing > .mx-auto{padding-top:22px}
  #pricing h2{font-size:clamp(1.5rem,2.6vw,2rem)}
  #pricing p.mt-5{margin-top:6px}
  #pricing .glass-plain.mt-14{margin-top:16px}
  #pricing .mt-5.grid{margin-top:12px}
  #pricing .glass-plain.p-7{padding:16px 22px}
  #pricing .glass-plain .text-center > p.mt-6{margin-top:6px}
  #pricing .glass-plain ul.mt-8{margin-top:10px;padding-top:10px;gap:5px}
  #pricing .glass-plain ul li span{font-size:13px}
  #pricing .glass-plain > div.mt-8{margin-top:12px}
}