/* ============================================================
FAZONETKA - stranka DOPRAVA A DORUCENI (pocitac i mobil), v3
Pouze stranka /doprava-a-doruceni/ (body.in-doprava-a-doruceni).
Stejny system jako ostatni nove stranky: Raleway cerne nadpisy, Roboto
text, zaobleni 6 px, mezery 43 px mezi sekcemi, svetle modra = informace,
broskvova = karty, oranzova jen pro nakup (zde se nepouziva).
Obsah (HTML) je v textu stranky v administraci Shoptetu, zadny skript.
============================================================ */
body.in-doprava-a-doruceni {
  --d-ink: #000;
  --d-text: #1f1f1f;
  --d-blue: #2274A5;
  --d-soft: #E7F5FD;
  --d-peach: #FBF0EA;
  --d-r: 6px;
  --d-sec: 43px;
}

/* ---- sirka stejna jako ostatni nove stranky ---- */
body.in-doprava-a-doruceni .content-wrapper { max-width: none !important; }
@media (min-width: 1200px) {
  body.in-doprava-a-doruceni #content-wrapper.container-narrow { width: 93.34% !important; max-width: 1418px !important; margin-left: auto !important; margin-right: auto !important; }
}
@media (min-width: 768px) {
  body.in-doprava-a-doruceni main#content { padding-left: 0; padding-right: 0; }
}

/* ---- nadpis stranky ---- */
body.in-doprava-a-doruceni .pageArticleDetail > header h1 {
  font-family: 'Raleway', -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif;
  font-variant-numeric: lining-nums;
  font-feature-settings: "lnum" 1;
  color: #000;
  font-size: 42px;
  font-weight: 700;
  line-height: 1.12;
  text-align: left;
  margin: 0 0 18px;
}

/* ---- uvod: text vlevo, fotka vpravo (pocitac) ---- */
body.in-doprava-a-doruceni .pageArticleDetail > [itemprop="about"] { display: contents; }
body.in-doprava-a-doruceni .pageArticleDetail { display: grid; grid-template-columns: minmax(0, 1fr); }
body.in-doprava-a-doruceni .fzd-intro {
  margin: 0 !important;
  max-width: 620px;
  font-size: 17px;
  line-height: 1.6;
  color: var(--d-text);
}
body.in-doprava-a-doruceni .fzd-intro p { margin: 0 0 14px !important; font-size: inherit; line-height: inherit; color: inherit; }
body.in-doprava-a-doruceni .fzd-intro p:last-child { margin-bottom: 0 !important; }
body.in-doprava-a-doruceni .fzd-intro strong { font-weight: 700; color: #000; }
body.in-doprava-a-doruceni .fzd-photo { display: block; margin: 0; }
body.in-doprava-a-doruceni .fzd-photo img { display: block; width: 100%; height: auto; border-radius: var(--d-r); }
body.in-doprava-a-doruceni .fzd-sec { grid-column: 1 / -1; }
@media (min-width: 768px) {
  body.in-doprava-a-doruceni .pageArticleDetail { grid-template-columns: minmax(0, 1.2fr) minmax(0, 0.8fr); column-gap: 56px; }
  body.in-doprava-a-doruceni .pageArticleDetail > header { grid-column: 1; grid-row: 1; align-self: end; }
  body.in-doprava-a-doruceni .fzd-intro { grid-column: 1; grid-row: 2; align-self: start; }
  body.in-doprava-a-doruceni .fzd-photo { grid-column: 2; grid-row: 1 / span 2; }
}

/* ---- spolecne: nadpisy sekci ---- */
body.in-doprava-a-doruceni .fzd-h2 {
  font-family: 'Raleway', -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif !important;
  font-variant-numeric: lining-nums;
  font-feature-settings: "lnum" 1;
  color: var(--d-ink) !important;
  font-size: 28px;
  font-weight: 700;
  line-height: 1.2;
  margin: 0 !important;
  padding: 0 !important;
  text-align: left;
}
body.in-doprava-a-doruceni .fzd-h2::before, body.in-doprava-a-doruceni .fzd-h2::after { display: none; content: none; }
body.in-doprava-a-doruceni .fzd-sec * { box-sizing: border-box; }

/* ---- tri karty ---- */
body.in-doprava-a-doruceni .fzd-cards { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; margin-top: var(--d-sec); }
body.in-doprava-a-doruceni .fzd-card { padding: 26px 28px 28px; background: var(--d-peach); border-radius: var(--d-r); }
body.in-doprava-a-doruceni .fzd-card::before { content: ""; display: block; width: 84px; height: 84px; margin-bottom: 14px; background-repeat: no-repeat; background-position: left center; background-size: contain; }
body.in-doprava-a-doruceni .fzd-card--cas::before { background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 72 72%22%3E%3Cellipse cx=%2234%22 cy=%2242%22 rx=%2226%22 ry=%2219%22 fill=%22%23CDE8F7%22/%3E%3Ccircle cx=%2238%22 cy=%2234%22 r=%2219%22 stroke=%22%23111%22 stroke-width=%222.4%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 fill=%22%23fff%22/%3E%3Cpath d=%22M38 23v11l8 5%22 stroke=%22%23111%22 stroke-width=%222.4%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 fill=%22none%22/%3E%3C/svg%3E"); }
body.in-doprava-a-doruceni .fzd-card--obal::before { background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 72 72%22%3E%3Cellipse cx=%2234%22 cy=%2242%22 rx=%2226%22 ry=%2219%22 fill=%22%23CDE8F7%22/%3E%3Cpath d=%22M16 26l22-9 22 9v26l-22 9-22-9z%22 stroke=%22%23111%22 stroke-width=%222.4%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 fill=%22%23fff%22/%3E%3Cpath d=%22M16 26l22 9 22-9M38 35v26%22 stroke=%22%23111%22 stroke-width=%222.4%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 fill=%22none%22/%3E%3Cpath d=%22M44 18c-2-3-7-3-8.5 1-1.5-4-6.5-4-8.5-1-2.5 4 .5 8 8.5 13 8-5 11-9 8.5-13z%22 fill=%22%23fff%22 stroke=%22%232274A5%22 stroke-width=%222.2%22 stroke-linejoin=%22round%22/%3E%3C/svg%3E"); }
body.in-doprava-a-doruceni .fzd-card--domu::before { background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 72 72%22%3E%3Cellipse cx=%2234%22 cy=%2242%22 rx=%2226%22 ry=%2219%22 fill=%22%23CDE8F7%22/%3E%3Cpath d=%22M14 36L38 15l24 21%22 stroke=%22%23111%22 stroke-width=%222.4%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 fill=%22none%22/%3E%3Cpath d=%22M20 33v26h36V33%22 stroke=%22%23111%22 stroke-width=%222.4%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 fill=%22%23fff%22/%3E%3Cpath d=%22M33 59V44h10v15%22 stroke=%22%23111%22 stroke-width=%222.4%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 fill=%22none%22/%3E%3Cpath d=%22M50 14c-2-3-7-3-8.5 1-1.5-4-6.5-4-8.5-1-2.5 4 .5 8 8.5 13 8-5 11-9 8.5-13z%22 fill=%22%23fff%22 stroke=%22%232274A5%22 stroke-width=%222.2%22 stroke-linejoin=%22round%22/%3E%3C/svg%3E"); }
body.in-doprava-a-doruceni .fzd-card-title {
  margin: 0 0 10px !important;
  font-family: 'Raleway', -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif;
  font-variant-numeric: lining-nums;
  font-feature-settings: "lnum" 1;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.25;
  color: #000;
}
body.in-doprava-a-doruceni .fzd-card p:not(.fzd-card-title) { margin: 0 !important; font-size: 16px; line-height: 1.55; color: var(--d-text); }

/* ---- zpusoby doruceni ---- */
body.in-doprava-a-doruceni .fzd-ship { margin-top: var(--d-sec); padding: 30px 30px 26px; background: var(--d-soft); border-radius: var(--d-r); }
body.in-doprava-a-doruceni .fzd-ship-sub { margin: 8px 0 18px !important; font-size: 16px; line-height: 1.55; color: var(--d-text); }
body.in-doprava-a-doruceni .fzd-table { width: 100%; margin: 0; border-collapse: separate; border-spacing: 0; background: #fff; border-radius: var(--d-r); overflow: hidden; font-size: 16px; color: var(--d-text); }
body.in-doprava-a-doruceni .fzd-table th { padding: 13px 18px; background: #CFE7F6; text-align: left; font-weight: 500; font-size: 15px; color: #000; border: 0; }
body.in-doprava-a-doruceni .fzd-table td { padding: 12px 18px; vertical-align: middle; border: 0; border-top: 1px solid #E1EEF6; }
body.in-doprava-a-doruceni .fzd-table th:last-child, body.in-doprava-a-doruceni .fzd-table td:last-child { text-align: right; white-space: nowrap; font-weight: 700; color: #000; }
body.in-doprava-a-doruceni .fzd-table td:first-child { width: 36%; }
body.in-doprava-a-doruceni .fzd-table img { display: block; height: 34px; width: auto; max-width: 130px; margin: 0; }
body.in-doprava-a-doruceni .fzd-table .fzd-carrier { font-weight: 700; color: #000; }
body.in-doprava-a-doruceni .fzd-note { margin: 14px 2px 0 !important; font-size: 15px; line-height: 1.5; color: var(--d-text); }

/* ---- recenze ---- */
body.in-doprava-a-doruceni .fzd-review { display: grid; grid-template-columns: minmax(0, 240px) minmax(0, 1fr); align-items: center; gap: 28px; margin-top: var(--d-sec); padding: 28px 30px; background: var(--d-soft); border-radius: var(--d-r); }
body.in-doprava-a-doruceni .fzd-quote { margin: 0; padding: 20px 24px 22px; background: #fff; border: 0; border-radius: var(--d-r); color: var(--d-text); }
body.in-doprava-a-doruceni .fzd-quote-head { margin: 0 0 10px !important; font-size: 15px; color: #595959; }
body.in-doprava-a-doruceni .fzd-quote-head strong { font-family: 'Raleway', -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif; font-size: 18px; font-weight: 500; color: #000; margin-right: 8px; }
body.in-doprava-a-doruceni .fzd-stars { color: #F2B01E; letter-spacing: 2px; margin-right: 8px; font-size: 17px; }
body.in-doprava-a-doruceni .fzd-quote p:not(.fzd-quote-head) { margin: 0 !important; font-size: 16px; line-height: 1.6; color: var(--d-text); }

/* ---- PDF strih ---- */
body.in-doprava-a-doruceni .fzd-pdf { display: grid; grid-template-columns: 84px minmax(0, 1fr) auto; align-items: center; gap: 24px; margin-top: var(--d-sec); padding: 24px 30px; background: var(--d-soft); border-radius: var(--d-r); }
body.in-doprava-a-doruceni .fzd-pdf::before { content: ""; width: 84px; height: 84px; background: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 72 72%22%3E%3Cellipse cx=%2234%22 cy=%2242%22 rx=%2226%22 ry=%2219%22 fill=%22%23CDE8F7%22/%3E%3Crect x=%2218%22 y=%2214%22 width=%2240%22 height=%2230%22 rx=%223%22 stroke=%22%23111%22 stroke-width=%222.4%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 fill=%22%23fff%22/%3E%3Cpath d=%22M12 52h52l-4-8H16z%22 stroke=%22%23111%22 stroke-width=%222.4%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 fill=%22%23fff%22/%3E%3Ctext x=%2238%22 y=%2235%22 font-family=%22Arial%22 font-weight=%22700%22 font-size=%2211%22 text-anchor=%22middle%22 fill=%22%23111%22%3EPDF%3C/text%3E%3Cpath d=%22M38 54v10M34 60l4 4 4-4%22 stroke=%22%23111%22 stroke-width=%222.4%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 fill=%22none%22/%3E%3C/svg%3E") center / contain no-repeat; }
body.in-doprava-a-doruceni .fzd-pdf-title { margin: 0 0 6px !important; font-family: 'Raleway', -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif; font-size: 22px; font-weight: 700; line-height: 1.25; color: #000; }
body.in-doprava-a-doruceni .fzd-pdf p:not(.fzd-pdf-title) { margin: 0 !important; font-size: 16px; line-height: 1.55; color: var(--d-text); }
body.in-doprava-a-doruceni a.fzd-btn { display: inline-flex; align-items: center; justify-content: center; min-height: 48px; padding: 0 24px; background: var(--d-blue); color: #fff !important; border-radius: var(--d-r); font-weight: 700; font-size: 16px; text-decoration: none !important; white-space: nowrap; transition: background .2s ease; }
body.in-doprava-a-doruceni a.fzd-btn:hover { background: #1A5E87; }

/* ---- tablet ---- */
@media (max-width: 991px) {
  body.in-doprava-a-doruceni .fzd-cards { grid-template-columns: 1fr; gap: 14px; }
  body.in-doprava-a-doruceni .fzd-card { display: grid; grid-template-columns: 72px minmax(0, 1fr); column-gap: 18px; padding: 20px 22px; }
  body.in-doprava-a-doruceni .fzd-card::before { grid-row: 1 / span 2; width: 72px; height: 72px; margin: 0; }
  body.in-doprava-a-doruceni .fzd-card-title { margin: 0 0 6px !important; align-self: end; }
  body.in-doprava-a-doruceni .fzd-review { grid-template-columns: 1fr; gap: 16px; }
}

/* ---- mobil ---- */
@media (max-width: 767px) {
  body.in-doprava-a-doruceni { --d-sec: 36px; }
  body.in-doprava-a-doruceni .pageArticleDetail > header h1 { font-size: 28px; margin-bottom: 14px; }
  body.in-doprava-a-doruceni .fzd-intro { max-width: none; font-size: 16px; }
  body.in-doprava-a-doruceni .fzd-photo { margin-top: 20px; }
  body.in-doprava-a-doruceni .fzd-h2 { font-size: 23px; }
  body.in-doprava-a-doruceni .fzd-card { grid-template-columns: 60px minmax(0, 1fr); column-gap: 14px; padding: 16px; }
  body.in-doprava-a-doruceni .fzd-card::before { width: 60px; height: 60px; }
  body.in-doprava-a-doruceni .fzd-card-title { font-size: 18px; }
  body.in-doprava-a-doruceni .fzd-card p:not(.fzd-card-title) { grid-column: 2; font-size: 15px; }
  body.in-doprava-a-doruceni .fzd-ship { padding: 22px 12px 20px; }
  body.in-doprava-a-doruceni .fzd-ship .fzd-h2, body.in-doprava-a-doruceni .fzd-ship-sub, body.in-doprava-a-doruceni .fzd-note { margin-left: 4px !important; margin-right: 4px !important; }
  body.in-doprava-a-doruceni .fzd-table { font-size: 14px; }
  body.in-doprava-a-doruceni .fzd-table th { padding: 11px 10px; font-size: 13px; }
  body.in-doprava-a-doruceni .fzd-table td { padding: 11px 10px; }
  body.in-doprava-a-doruceni .fzd-table td:first-child { width: 30%; }
  body.in-doprava-a-doruceni .fzd-table img { height: 26px; max-width: 86px; }
  body.in-doprava-a-doruceni .fzd-review { padding: 22px 12px; }
  body.in-doprava-a-doruceni .fzd-review .fzd-h2 { margin-left: 4px !important; }
  body.in-doprava-a-doruceni .fzd-quote { padding: 16px 16px 18px; }
  body.in-doprava-a-doruceni .fzd-pdf { grid-template-columns: 60px minmax(0, 1fr); gap: 14px 14px; padding: 20px 16px; }
  body.in-doprava-a-doruceni .fzd-pdf::before { width: 60px; height: 60px; }
  body.in-doprava-a-doruceni .fzd-pdf-title { font-size: 19px; }
  body.in-doprava-a-doruceni a.fzd-btn { grid-column: 1 / -1; width: 100%; }
}