/* ePod footer structure, using the Vape24 palette and Czech content. */
.epod-footer.epod-footer-complete { padding: 0; scroll-margin-top: 90px; }
.epod-footer-complete .epod-footer-about { background: var(--epod-soft); color: var(--epod-ink); padding: 52px 0 46px; }
.epod-footer-complete .epod-footer-about-inner { max-width: 840px; text-align: left; }
.epod-footer-complete .epod-footer-about h2 { margin: 0 0 22px; color: var(--epod-ink); font-size: clamp(20px, 2.2vw, 27px); font-weight: 750; line-height: 1.35; text-transform: uppercase; }
.epod-footer-complete .epod-footer-about p { color: var(--epod-ink); font-size: 15px; line-height: 1.7; margin: 0 0 24px; }
.epod-footer-complete .epod-footer-about h3 { color: var(--epod-accent); font-size: 16px; font-weight: 700; margin: 26px 0 15px; }
.epod-footer-complete .epod-footer-benefits { display: grid; gap: 8px; margin: 0 auto 24px; }
.epod-footer-complete .epod-footer-benefits li { margin: 0; color: var(--epod-ink); font-size: 14px; line-height: 1.65; }
.epod-footer-complete .epod-footer-benefits li::before { content: "✓"; color: var(--epod-accent); font-weight: 800; margin-right: 9px; }
.epod-footer-complete .epod-footer-about .epod-footer-about-closing { margin: 0; }
.epod-footer-complete .epod-footer-navigation { background: var(--epod-footer); padding: 48px 0 20px; }
.epod-footer-complete .epod-footer-grid { grid-template-columns: 1.15fr .8fr .85fr 1.15fr 1.2fr; gap: 30px; align-items: start; }
.epod-footer-complete .epod-footer-grid > * { min-width: 0; }
.epod-footer-complete .epod-footer-grid h3 { margin: 0 0 17px; color: #e8e2f1; font-size: 14px; font-weight: 750; line-height: 1.5; letter-spacing: .035em; }
.epod-footer-complete .epod-footer-grid li { margin: 0; font-size: 14px; }
.epod-footer-complete .epod-footer-grid a:not(.epod-footer-logo) { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; padding: 8px 0; color: #fff; line-height: 1.55; text-decoration: none; overflow-wrap: anywhere; }
.epod-footer-complete .epod-footer-grid a:not(.epod-footer-logo):hover { color: #e8e2f1; text-decoration: underline; text-underline-offset: 5px; }
.epod-footer-complete a:focus-visible, .epod-footer-complete button:focus-visible { outline: 2px solid #e8e2f1; outline-offset: 4px; border-radius: 3px; }
.epod-footer-complete .epod-footer-contact p { font-size: 14px; line-height: 1.7; margin: 0 0 11px; color: #d5cfde; }
.epod-footer-complete .epod-footer-brand { display: flex; flex-direction: column; gap: 22px; }
.epod-footer-complete .epod-footer-logo { display: block; width: 100%; max-width: 235px; }
.epod-footer-complete .epod-footer-logo img { display: block; width: 100%; height: auto; max-height: 88px; object-fit: contain; filter: brightness(0) invert(1); }
.epod-footer-complete .epod-footer-logo .epod-wordmark { color: #fff; font-size: 48px; }
.epod-footer-complete .epod-footer-payments { display: flex; flex-wrap: wrap; gap: 7px; }
.epod-footer-complete .epod-footer-payments li { display: inline-flex; align-items: center; justify-content: center; min-height: 32px; padding: 5px 9px; border: 1px solid #62596f; border-radius: 4px; background: #332c43; color: #f3eff8; font-size: 11px; font-weight: 650; line-height: 1.2; white-space: nowrap; }
.epod-footer-complete .epod-footer-payments .epod-payment-visa { font-style: italic; font-weight: 900; font-size: 14px; }
.epod-footer-complete .epod-copyright { display: flex; justify-content: space-between; align-items: center; gap: 16px; margin-top: 35px; padding-top: 18px; border-top-color: #51485f; font-size: 12px; line-height: 1.6; }
.epod-footer-complete .epod-footer-top { display: inline-flex; align-items: center; gap: 10px; min-height: 44px; padding: 8px 0 8px 12px; background: transparent; border: 0; color: #e8e2f1; font-size: 13px; font-weight: 600; cursor: pointer; }
.epod-footer-complete .epod-footer-top[hidden] { display: none; }
.epod-footer-complete .epod-footer-top:hover { color: #fff; }
.epod-footer-complete .epod-footer-top span { font-size: 21px; }
@media (max-width: 1020px) {
  .epod-footer-complete .epod-footer-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 24px; }
  .epod-footer-complete .epod-footer-brand { grid-column: 1 / -1; flex-direction: row; align-items: center; justify-content: space-between; margin-top: 10px; }
}
@media (max-width: 600px) {
  .epod-footer-complete .epod-footer-about { padding: 36px 0; }
  .epod-footer-complete .epod-footer-about h2 { font-size: 21px; margin-bottom: 18px; }
  .epod-footer-complete .epod-footer-about p { font-size: 14px; line-height: 1.75; }
  .epod-footer-complete .epod-footer-benefits li { font-size: 14px; }
  .epod-footer-complete .epod-footer-navigation { padding: 36px 0 20px; }
  .epod-footer-complete .epod-footer-grid { grid-template-columns: 1fr; gap: 30px; text-align: center; }
  .epod-footer-complete .epod-footer-grid h3 { margin-bottom: 10px; }
  .epod-footer-complete .epod-footer-contact p { max-width: 290px; margin: 0 auto 8px; }
  .epod-footer-complete .epod-footer-brand { grid-column: auto; flex-direction: column; justify-content: center; margin-top: 0; gap: 20px; }
  .epod-footer-complete .epod-footer-logo { max-width: 230px; }
  .epod-footer-complete .epod-footer-payments { justify-content: center; max-width: 310px; }
  .epod-footer-complete .epod-copyright { flex-direction: column; gap: 7px; margin-top: 30px; text-align: center; }
  .epod-footer-complete .epod-footer-top { padding: 8px 12px; }
}