/* APK V24 – právní podstránka. Stejná typografická a kartotéková DNA jako hlavní web. */
:root {
  --ink:#060606;
  --paper:#fff;
  --muted:#555;
  --warm:#ebcaa4;
  --line-width:3px;
  --outer:clamp(16px,2.5vw,44px);
  --radius:14px;
}
*,*::before,*::after {box-sizing:border-box}
html {scroll-behavior:smooth;scroll-padding-top:20px}
body {margin:0;background:#fff;color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}
a {color:inherit;text-decoration:none}
a:hover {text-decoration:underline;text-underline-offset:4px}
a:focus-visible {outline:2px solid #0b0b0b;outline-offset:4px}
.legal-header {display:flex;justify-content:space-between;align-items:center;padding:19px 5.7%;min-height:85px;gap:16px}
.legal-brand {display:inline-flex;align-items:center;width:64px;height:38px}
.legal-brand img {display:block;width:100%;height:auto}
.legal-topname {font-weight:700;font-size:clamp(9px,.68vw,12px);letter-spacing:.08em}
.legal-main {margin:0;width:100%;padding:0}
.legal-intro {padding:48px 5.7% clamp(78px,10vw,155px)}
.eyebrow {font-size:clamp(10px,.72vw,13px);font-weight:700;letter-spacing:.16em;margin:0 0 18px}
.legal-intro h1 {font-family:'Arial Black',Arial,Helvetica,sans-serif;font-size:clamp(71px,13.8vw,230px);font-weight:1000;letter-spacing:-.075em;line-height:.83;margin:0 0 31px;text-transform:uppercase}
.legal-lead {font-size:clamp(13px,1.1vw,19px);font-weight:500;line-height:1.4;max-width:800px;margin:0 0 34px}
.legal-nav {display:flex;gap:clamp(16px,4vw,55px);flex-wrap:wrap;align-items:center;padding:19px 0 0;border-top:1px solid #e4e4e4}
.legal-nav a {font-size:clamp(10px,.84vw,14px);letter-spacing:.12em;font-weight:700;text-transform:uppercase}
/* Samostatné bílé listy jako hlavní sekce webu */
.legal-section {
  position:relative;
  width:calc(100% - 2 * var(--outer));
  margin:0 var(--outer) 33px;
  padding:var(--line-width) var(--line-width) 0;
  border-radius:0 0 var(--radius) var(--radius);
  overflow:hidden;
  background:
    linear-gradient(to bottom,transparent 0%,var(--warm) 37%,var(--warm) 100%) left top/var(--line-width) 100% no-repeat,
    linear-gradient(to bottom,transparent 0%,var(--warm) 37%,var(--warm) 100%) right top/var(--line-width) 100% no-repeat,
    #fff;
  box-shadow:0 14px 22px -12px rgba(0,0,0,.36),0 28px 40px -21px rgba(0,0,0,.22),0 52px 66px -38px rgba(0,0,0,.12);
}
.legal-section-header {display:grid;grid-template-columns:34% 1fr;align-items:center;column-gap:7%;padding:clamp(44px,6vw,100px) 5.7% 35px;background:white}
.legal-section-title {border-right:1px solid #777;padding-right:18px;min-width:0}
.legal-section h2 {font-size:clamp(32px,4.25vw,70px);font-weight:900;letter-spacing:-.064em;line-height:.99;margin:0}
#spotrebitele h2 {font-size:clamp(30px,3.25vw,54px)}
.legal-section-description {min-width:0}
.section-caption {max-width:700px;font-size:clamp(13px,1.1vw,19px);line-height:1.42;color:#151515;margin:0}
.legal-section-content {padding:20px 12% clamp(65px,7vw,115px);background:#fff}
.legal-section-content h3 {font-size:clamp(18px,1.45vw,24px);line-height:1.23;letter-spacing:-.018em;font-weight:800;margin:38px 0 11px}
.legal-section-content h3:first-child {margin-top:0}
.legal-section-content p {font-size:clamp(14px,1.02vw,17px);line-height:1.75;margin:0 0 15px;max-width:990px;color:#202020}
.legal-section-content p a {text-decoration:underline;text-decoration-color:#b5a18b;text-underline-offset:3px}
.identity {max-width:900px;border-top:1px solid #e5e5e5;margin:20px 0 38px}
.identity > div {display:grid;grid-template-columns:170px minmax(0,1fr);column-gap:24px;border-bottom:1px solid #e5e5e5;padding:12px 0}
.identity dt {color:#666;font-size:13px}
.identity dd {font-size:14px;font-weight:600;margin:0;overflow-wrap:anywhere}
/* Identická béžová spodní lišta: bílý text a značka APK */
/* Spodní béžový panel musí dosednout až do vnějšího zaobleného okraje listu.
   Rodič má po stranách padding 3px (mobil 2px), proto panel přetáhneme o
   právě tuto hodnotu – bez dalšího pseudo-elementu nebo nového stínu. */
.legal-band {
 display:grid;
 grid-template-columns:23% minmax(0,1fr) 9%;
 gap:5%;align-items:center;
 min-height:clamp(78px,6vw,108px);
 padding:12px 5.7%;
 background:var(--warm);color:white;
 width:calc(100% + 2 * var(--line-width));
 margin-inline:calc(-1 * var(--line-width));
 border-radius:0 0 var(--radius) var(--radius);
}
.legal-band-title {font-size:clamp(20px,2.1vw,36px);font-weight:400;letter-spacing:-.035em;border-right:1px solid rgba(255,255,255,.7);padding-right:12px;white-space:nowrap}
.legal-band-copy {font-size:clamp(12px,1vw,17px);font-weight:600;letter-spacing:.075em}
.legal-band-logo {justify-self:end;display:flex;align-items:center;justify-content:center;width:min(100%,110px)}
.legal-band-logo img {display:block;width:100%;height:auto;filter:drop-shadow(0 1px 6px rgba(55,35,25,.18)) drop-shadow(0 2px 12px rgba(55,35,25,.09))}
.legal-updated {font-size:12px;color:#686868;padding:24px calc(var(--outer) + 4%) 55px;margin:0}
.legal-bottom {padding:27px 5.7% 40px;display:flex;align-items:center;justify-content:space-between;gap:15px}
.legal-bottom-logo {width:64px;display:inline-flex;align-items:center}
.legal-bottom-logo img {width:100%;height:auto;display:block}
.legal-bottom>a:last-child {font-size:11px;letter-spacing:.12em;font-weight:700}
@media(max-width:900px) {
 .legal-header,.legal-intro,.legal-bottom {padding-left:4%;padding-right:4%}
 .legal-section-header {grid-template-columns:37% 1fr;column-gap:4%;padding-left:4%;padding-right:4%}
 .legal-section-content {padding-left:8%;padding-right:8%}
 .legal-band {grid-template-columns:25% 1fr 9%;gap:3%;padding-left:4%;padding-right:4%}
 .legal-band-title {font-size:clamp(18px,2.7vw,26px)}
}
@media(max-width:600px) {
 :root {--outer:12px;--line-width:2px;--radius:10px}
 .legal-header {min-height:68px;padding:14px 5%}
 .legal-brand,.legal-bottom-logo {width:54px}
 .legal-intro {padding:45px 5% 65px}
 .legal-intro h1 {font-size:clamp(43px,12.3vw,75px);line-height:.9;letter-spacing:-.077em;overflow-wrap:normal}
 .eyebrow {margin-bottom:20px}
 .legal-lead {margin:24px 0 27px;font-size:13px}
 .legal-nav {gap:18px;flex-direction:column;align-items:flex-start}
 .legal-nav a {font-size:10px}
 .legal-section {margin-bottom:22px}
 .legal-section-header {display:block;padding:48px 6% 26px}
 .legal-section-title {border-right:none;padding-right:0;margin-bottom:17px}
 .legal-section h2 {font-size:clamp(31px,8.5vw,49px);overflow-wrap:anywhere}
 #spotrebitele h2 {font-size:clamp(28px,7.8vw,45px)}
 .legal-section-content {padding:5px 6% 60px}
 .legal-section-content h3 {font-size:17px;margin-top:31px}
 .legal-section-content p {font-size:13px;line-height:1.68}
 .identity>div {grid-template-columns:90px minmax(0,1fr);gap:10px}
 .identity dt,.identity dd {font-size:12px}
 .legal-band {grid-template-columns:minmax(0,1fr) 70px;gap:8px;min-height:115px;padding:16px 6%;align-content:center}
 .legal-band-title {font-size:clamp(22px,6.1vw,30px);border:0;grid-column:1}
 .legal-band-copy {grid-column:1;grid-row:2;font-size:10px}
 .legal-band-logo {grid-column:2;grid-row:1/3;width:66px}
 .legal-updated {padding:25px 6% 35px}
 .legal-bottom {padding:25px 5% 32px}
 .legal-bottom>a:last-child {font-size:10px}
}
@media(prefers-reduced-motion:reduce) {html{scroll-behavior:auto}}


/* APK V33 – druhý právní list se vysouvá zpoza prvního.
   Záporné překrytí je vyváženo horním vnitřním odsazením,
   aby nadpis ani obsah druhé sekce nezměnily svoji polohu. */
:root {
  --apk-legal-sheet-gap: 33px;
  --apk-legal-sheet-overlap: 44px;
}
#osobni-udaje {
  z-index: 2;
  margin-bottom: 0;
}
#spotrebitele {
  z-index: 1;
  margin-top: calc(-1 * var(--apk-legal-sheet-overlap));
  padding-top: calc(var(--apk-legal-sheet-gap) + var(--apk-legal-sheet-overlap) + var(--line-width));
}
@media (max-width: 600px) {
  :root {
    --apk-legal-sheet-gap: 22px;
    --apk-legal-sheet-overlap: 30px;
  }
}


/* APK V76 – dvě SEO řádky pod stávajícím obsahem právní patičky.
   Stejné texty i decentní typografie jako na hlavní stránce. */
.legal-bottom {
  flex-wrap: wrap;
  row-gap: 10px;
}
.legal-bottom .legal-footer-seo {
  flex: 0 0 100%;
  width: 100%;
  min-width: 0;
  color: #696969;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: .025em;
  text-align: left;
}
.legal-bottom .legal-footer-seo p {
  margin: 0;
  overflow-wrap: break-word;
}
.legal-bottom .legal-footer-seo p + p {
  margin-top: 3px;
}
@media (max-width: 600px) {
  .legal-bottom .legal-footer-seo {
    font-size: 10px;
    line-height: 1.55;
  }
}