/* ===== Móda Zuzana – Doprava a platba (doprava-platba.css) ===== */
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@500;600&family=Roboto:wght@400;500;700&display=swap');

.mz-dp{
  --mz-text:#2b1512; --mz-muted:#5a4a46; --mz-bg:#fbf8f6; --mz-panel:#f5eeea;
  --mz-card:#fff; --mz-line:#eadcd5; --mz-accent:#c8342a; --mz-soft:#f3e9e4;
  font-family:'Roboto',Arial,sans-serif !important; color:var(--mz-text); background:var(--mz-bg);
  max-width:1200px; margin:0 auto; padding:32px 16px 40px; box-sizing:border-box; line-height:1.4;
}
.mz-dp *,.mz-dp *::before,.mz-dp *::after{box-sizing:border-box}
.mz-dp p{margin:0;padding:0}
.mz-dp br{display:none}

/* --- Nadpisy --- */
.mz-dp .mz-h{display:flex;align-items:center;justify-content:center;gap:28px;margin:0 0 8px}
.mz-dp .mz-h::before,.mz-dp .mz-h::after{content:"";height:1px;width:110px;background:#c9b3aa;flex-shrink:0}
.mz-dp .mz-h .mz-h-text{font-family:'Playfair Display',Georgia,serif;font-weight:600;font-size:clamp(30px,5vw,54px);color:var(--mz-text);line-height:1.1;text-align:center}
.mz-dp .mz-sub{text-align:center;color:var(--mz-muted);font-size:clamp(15px,2vw,20px);margin:0 0 28px}
.mz-dp .mz-h--2{margin-top:44px;margin-bottom:22px}

/* --- Mřížka a panely zemí --- */
.mz-dp .mz-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.mz-dp .mz-country{background:var(--mz-panel);border-radius:14px;padding:22px 16px 16px}
.mz-dp .mz-country-head{display:flex;align-items:center;gap:22px;padding:0 20px 16px;
  font-family:'Playfair Display',Georgia,serif;font-weight:500;font-size:clamp(24px,3vw,36px);color:var(--mz-text)}
.mz-dp .mz-country-head::before{content:"";width:52px;height:52px;border-radius:50%;flex-shrink:0;
  box-shadow:0 2px 6px rgba(0,0,0,.12);background-size:cover;background-position:center}
.mz-dp .mz-cz .mz-country-head::before{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 52 52'%3E%3Crect width='52' height='26' fill='%23fff'/%3E%3Crect y='26' width='52' height='26' fill='%23d7141a'/%3E%3Cpolygon points='0,0 26,26 0,52' fill='%2311457e'/%3E%3C/svg%3E")}
.mz-dp .mz-sk .mz-country-head::before{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 52 52'%3E%3Crect width='52' height='18' fill='%23fff'/%3E%3Crect y='18' width='52' height='17' fill='%230b4ea2'/%3E%3Crect y='35' width='52' height='17' fill='%23ee1c25'/%3E%3Cpath d='M13 12h16v14c0 6-8 10-8 10s-8-4-8-10z' fill='%23ee1c25' stroke='%23fff' stroke-width='1.5'/%3E%3Cpath d='M21 15v15M17 19h8M18 23h6' stroke='%23fff' stroke-width='1.8'/%3E%3C/svg%3E")}

/* --- Řádek (doprava / platba) --- */
.mz-dp .mz-row{display:flex;align-items:center;gap:22px;background:var(--mz-card);border:1px solid var(--mz-line);border-radius:12px;padding:20px 26px;margin-top:14px}
.mz-dp .mz-country .mz-row:first-of-type{margin-top:0}
.mz-dp .mz-row::before{content:"";width:62px;height:62px;flex-shrink:0;background-repeat:no-repeat;background-position:center}
.mz-dp .mz-info{flex:1;min-width:0}
.mz-dp .mz-title{font-weight:500;font-size:clamp(17px,2vw,23px);color:var(--mz-text)}
.mz-dp .mz-desc{color:var(--mz-muted);font-size:clamp(14px,1.6vw,18px);margin-top:4px}
.mz-dp .mz-price{border-left:1px solid var(--mz-line);padding-left:26px;min-width:150px;align-self:stretch;
  display:flex;align-items:center;justify-content:center;text-align:center;font-weight:500;font-size:clamp(20px,2.6vw,28px);white-space:nowrap}

/* Ikony */
.mz-dp .mz-row.mz-ico-point::before{background-color:var(--mz-accent);border-radius:10px;background-size:38px;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40' fill='none' stroke='%23fff' stroke-width='2' stroke-linejoin='round'%3E%3Cpath d='M20 5 34 12v16L20 35 6 28V12Z'/%3E%3Cpath d='M6 12l14 7 14-7M20 19v16'/%3E%3Cpath d='M13 8.5l14 7v6'/%3E%3C/svg%3E")}
.mz-dp .mz-row.mz-ico-truck::before{background-size:62px 46px;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 48' fill='none' stroke='%232b1512' stroke-width='2.4' stroke-linejoin='round' stroke-linecap='round'%3E%3Cpath d='M6 10h32v26H6zM38 18h11l9 10v8H38z'/%3E%3Ccircle cx='16' cy='37' r='5' fill='%23fff'/%3E%3Ccircle cx='48' cy='37' r='5' fill='%23fff'/%3E%3Cpath d='M42 22v6h12'/%3E%3C/svg%3E")}
.mz-dp .mz-row.mz-ico-card::before,
.mz-dp .mz-row.mz-ico-bank::before{width:112px;height:112px;border-radius:50%;background-color:var(--mz-soft);background-size:56px}
.mz-dp .mz-row.mz-ico-card::before{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 44' fill='none' stroke='%232b1512' stroke-width='2.6' stroke-linecap='round'%3E%3Crect x='3' y='3' width='54' height='38' rx='6'/%3E%3Cpath d='M3 15h54M11 30h12'/%3E%3Cpath d='M42 30h6' stroke-width='4'/%3E%3C/svg%3E")}
.mz-dp .mz-row.mz-ico-bank::before{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 56 56' fill='none' stroke='%232b1512' stroke-width='2.6' stroke-linejoin='round'%3E%3Cpath d='M6 20 28 7l22 13zM6 20h44M12 24v20M22 24v20M34 24v20M44 24v20M5 47h46M3 51h50'/%3E%3C/svg%3E")}

/* --- Info lišta --- */
.mz-dp .mz-note{display:flex;align-items:center;gap:26px;background:var(--mz-soft);border-radius:12px;padding:18px 40px;margin-top:22px;font-size:clamp(15px,1.8vw,21px)}
.mz-dp .mz-note::before{content:"";width:46px;height:46px;flex-shrink:0;padding-right:26px;border-right:1px solid #d9c4bb;box-sizing:content-box;background-repeat:no-repeat;background-size:46px;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none' stroke='%232b1512' stroke-width='2.2' stroke-linejoin='round'%3E%3Cpath d='M24 5 41 13v20L24 43 7 33V13Z'/%3E%3Cpath d='M7 13l17 9 17-9M24 22v21'/%3E%3Cpath d='M15.5 9l17 9'/%3E%3C/svg%3E")}
.mz-dp .mz-note strong{font-weight:700}
.mz-dp .mz-note .mz-note-2{margin-left:auto;color:var(--mz-muted);font-size:clamp(14px,1.5vw,17px)}

/* --- Platby --- */
.mz-dp .mz-pay{align-items:start}
.mz-dp .mz-pay .mz-row{margin:0;padding:18px 28px}
.mz-dp .mz-cards{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}
.mz-dp .mz-cards span{font-size:13px;font-weight:700;letter-spacing:.04em;border:1px solid var(--mz-line);border-radius:6px;padding:5px 10px;background:#fff;color:var(--mz-text)}
.mz-dp .mz-bank{border:1px solid var(--mz-line);border-radius:12px;overflow:hidden;background:var(--mz-panel)}
.mz-dp .mz-bank .mz-row{border:0;border-radius:0}
.mz-dp .mz-bank-info{padding:20px 30px 22px}
.mz-dp .mz-bank-title{font-weight:500;font-size:clamp(15px,1.7vw,19px);margin-bottom:10px}
.mz-dp .mz-bank-text{color:var(--mz-muted);font-size:clamp(14px,1.6vw,18px);line-height:1.6}

/* --- Mobil --- */
@media (max-width:860px){
  .mz-dp .mz-grid{grid-template-columns:1fr}
  .mz-dp .mz-note{flex-wrap:wrap;padding:16px 20px;gap:14px}
  .mz-dp .mz-note::before{border-right:0;padding-right:0}
  .mz-dp .mz-note .mz-note-2{margin-left:0;flex-basis:100%}
}
@media (max-width:520px){
  .mz-dp .mz-h::before,.mz-dp .mz-h::after{width:36px}
  .mz-dp .mz-h{gap:14px}
  .mz-dp .mz-country-head{padding:0 6px 14px;gap:14px}
  .mz-dp .mz-row{padding:14px;gap:14px}
  .mz-dp .mz-row::before{width:48px;height:48px}
  .mz-dp .mz-row.mz-ico-point::before{background-size:30px}
  .mz-dp .mz-row.mz-ico-truck::before{background-size:46px 34px}
  .mz-dp .mz-row.mz-ico-card::before,.mz-dp .mz-row.mz-ico-bank::before{width:64px;height:64px;background-size:34px}
  .mz-dp .mz-price{min-width:0;padding-left:14px}
  .mz-dp .mz-pay .mz-row{padding:14px}
  .mz-dp .mz-bank-info{padding:16px}
}