/* Dreamy – obchodní podmínky (.dop) | v2 2026-10-19 (živě)
   Vše je scoped pod .dop, nic mimo blok neovlivní. Paleta = popisky.css (.dpd). */
.dop{--pink:#d90074;--pink-2:#b8005f;--blush:#fcf1f6;--blush-2:#f8e3ee;--ink:#141118;--body:#3f3339;--muted:#7c7079;--line:#efe4ea;--teal:#2e8a86;
  color:var(--body);font-size:16px;line-height:1.65;max-width:1180px;margin:0 auto;padding:8px 0 48px;
  display:grid;grid-template-columns:260px minmax(0,760px);gap:56px;align-items:start}
.dop *{box-sizing:border-box}
.dop p{margin:0 0 .75em}
.dop a{color:var(--pink-2);text-decoration:underline;text-underline-offset:2px}
.dop a:hover{color:var(--pink)}
.dop strong{color:var(--ink);font-weight:500}

/* Šablona Shoptetu má .overall-wrapper{overflow:hidden}, to vypíná sticky. Jen na stránce s .dop přepneme na clip (ořez zůstává, sticky funguje). */
body:has(.dop) .overall-wrapper{overflow:clip}
/* Obsah – vlevo, sticky */
.dop-toc{position:sticky;top:96px;font-size:14px;line-height:1.4;border-left:2px solid var(--line);padding-left:16px}
.dop-toc__t{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0 0 10px}
.dop-toc ol{list-style:none;margin:0;padding:0}
.dop-toc li{margin:0 0 7px}
.dop-toc a{color:var(--body);text-decoration:none}
.dop-toc a:hover{color:var(--pink)}
.dop-toc__hl a{color:var(--pink-2);font-weight:500}

/* Hlavička */
.dop-head{margin:0 0 28px;padding:0 0 22px;border-bottom:1px solid var(--line)}
.dop-head__firm{font-size:15px;color:var(--muted);margin:0}
.dop-head__firm strong{color:var(--ink)}
.dop-meta{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 0}
.dop-chip{font-size:13px;background:#f6f3f5;border-radius:999px;padding:4px 12px;color:var(--body)}

/* Shrnutí v kostce */
.dop-sum{background:var(--blush);border-radius:16px;padding:22px 24px;margin:0 0 40px}
.dop-sum__t{font-size:19px;font-weight:500;color:var(--ink);margin:0 0 4px}
.dop-sum__note{font-size:13px;color:var(--muted);margin:0 0 16px}
.dop-sum__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.dop-sum__i{background:#fff;border-radius:12px;padding:14px 16px}
.dop-sum__k{display:block;font-size:22px;font-weight:500;color:var(--pink-2);line-height:1.2}
.dop-sum__v{display:block;font-size:14px;line-height:1.45;margin-top:4px}
.dop-sum__v a{font-weight:500}

/* Články */
.dop-art{scroll-margin-top:110px;margin:0 0 36px}
.dop-art h2{font-family:inherit;font-size:21px;line-height:1.3;font-weight:500;color:var(--ink);margin:0 0 14px;padding-top:6px;text-transform:none;letter-spacing:0}
.dop-art h2 .dop-n{display:inline-block;min-width:32px;color:var(--pink)}
.dop-art ol.dop-l{list-style:none;margin:0;padding:0}
.dop-l>li{position:relative;padding-left:46px;margin:0 0 10px}
.dop-l>li>.dop-n{position:absolute;left:0;top:0;font-size:14px;font-variant-numeric:tabular-nums;color:var(--muted)}
.dop ul.dop-b{margin:6px 0 4px;padding-left:20px}
.dop ul.dop-b li{margin:0 0 4px}
.dop ul.dop-b li::marker{color:var(--pink)}

/* Garance – zvýrazněný článek */
.dop-art--g{background:#fff;border:1px solid var(--blush-2);border-radius:18px;padding:24px 24px 14px;box-shadow:0 6px 24px rgba(185,0,95,.06)}
.dop-g{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:4px 0 20px}
.dop-g__c{border-radius:14px;padding:16px 18px;background:var(--blush)}
.dop-g__c--p{background:#14111a;color:#e9e3ea}
.dop-g__d{display:block;font-size:34px;line-height:1;font-weight:500;color:var(--pink-2)}
.dop-g__c--p .dop-g__d{color:#ff5fae}
.dop-g__u{font-size:15px;margin-left:4px}
.dop-g__b{display:block;font-size:14px;margin-top:8px;line-height:1.45}
.dop-g__c--p .dop-g__b strong{color:#fff}

/* Formulář */
.dop-form{border:1px dashed #d9c9d2;border-radius:14px;padding:20px 22px;background:#fffdfe}
.dop-form .dop-line{display:block;border-bottom:1px solid #cbbcc4;height:30px;margin:0 0 6px}
.dop-form dl{display:grid;grid-template-columns:200px 1fr;gap:6px 14px;margin:12px 0}
.dop-form dt{color:var(--muted);font-size:14px;padding-top:6px}
.dop-form dd{margin:0;border-bottom:1px solid #cbbcc4;min-height:28px}
.dop-tip{background:#eef7f6;border-radius:12px;padding:14px 16px;font-size:14px;margin-top:16px}
.dop-tip strong{color:var(--teal)}
.dop-foot{font-size:14px;color:var(--muted);border-top:1px solid var(--line);padding-top:16px;margin-top:8px}

/* Tisk / mobil */
@media (max-width:1023px){
  .dop{grid-template-columns:minmax(0,1fr);gap:0;padding:0 2px 40px}
  .dop-toc{position:static;border:0;padding:0;margin:0 0 24px}
  .dop-toc details{background:#f6f3f5;border-radius:12px;padding:12px 16px}
  .dop-toc__t{display:none}
  .dop-toc ol{columns:1;margin-top:10px}
}
/* <details open> – na PC je summary skryté a obsah vždy vidět, na mobilu jde sbalit */
@media (min-width:1024px){.dop-toc summary{display:none}}
.dop-toc summary{cursor:pointer;font-weight:500;color:var(--ink);list-style:none}
.dop-toc summary::-webkit-details-marker{display:none}
.dop-toc summary::after{content:" ▾";color:var(--pink)}
@media (max-width:600px){
  .dop{font-size:15.5px}
  .dop-sum,.dop-art--g{padding:18px 16px}
  .dop-sum__grid,.dop-g{grid-template-columns:1fr}
  .dop-l>li{padding-left:38px}
  .dop-art h2{font-size:19px}
  .dop-form dl{grid-template-columns:1fr}
  .dop-form dt{padding-top:10px}
}
@media print{
  .dop{display:block;max-width:none;font-size:11pt}
  .dop-toc,.dop-sum{display:none}
  .dop-art--g{box-shadow:none;border-color:#ccc}
  .dop-art{break-inside:auto}
  .dop-art h2{break-after:avoid}
}