/* ===========================================================================
   VKLADOVKE — information pages (Про нас, Доставка і оплата, Умови
   використання, Політика конфіденційності).

   These are the only long-form prose in the store, and until m22 filled them
   they were four lines of placeholder, so nothing had ever styled them: the
   body inherited 14px/21px and ran the full 1320px container, which is roughly
   170 characters a line. The card the text now sits on and the reading measure
   are the whole point of this file; everything else is spacing.

   The measure is capped on the CARD, not on its children — capping the
   children leaves a half-empty white slab at 1440 that reads as a layout bug.

   Tokens only — no new colours. Scoped to #information-information so product
   descriptions, which use the same tags, are untouched.
   =========================================================================== */
#information-information #content{
  background:var(--pr-white);
  border-radius:var(--pr-radius-card);
  padding:32px 40px 40px;
  margin-bottom:32px;
  max-width:820px;
}

#information-information h1{
  font-size:28px; line-height:36px; font-weight:700;
  margin:0 0 20px;
}
#information-information h2{
  font-size:20px; line-height:28px; font-weight:700;
  margin:32px 0 12px;
}
#information-information h3{
  font-size:16px; line-height:24px; font-weight:700;
  margin:24px 0 8px;
}
#information-information p,
#information-information li{
  font-size:15px; line-height:25px; font-weight:400;
  color:var(--pr-dark-text-color);
}
#information-information p{margin:0 0 14px}
#information-information ul{margin:0 0 18px; padding-left:22px}
#information-information li{margin-bottom:8px}
#information-information li:last-child{margin-bottom:0}
#information-information strong{font-weight:700}
#information-information a{color:var(--pr-links-color)}

@media (max-width:767px){
  #information-information #content{
    padding:20px 16px 24px;
    border-radius:var(--pr-radius-ctl);
  }
  #information-information h1{font-size:22px; line-height:30px; margin-bottom:16px}
  #information-information h2{font-size:18px; line-height:26px; margin-top:26px}
  #information-information h3{font-size:15px; line-height:23px}
  /* long unbroken tokens in prose — phone numbers, the domain, an e-mail —
     must wrap rather than push the page wider than the viewport. */
  #information-information #content{overflow-wrap:break-word}
}