/* ==========================================================================
   Môj Dodávateľ — podstránka branding.latte
   Všetky pravidlá sú obmedzené na obal .mdp-branding, takže nič mimo tejto
   podstránky neovplyvnia. Načítava sa priamo zo šablóny podstránky.
   ========================================================================== */
.mdp-branding{--brand:#109AA6;--brand-600:#0E8A95;--brand-800:#075A63;--brand-900:#06474F;
  --accent:#F5A623;--accent-600:#E2940F;--hot:#FF4537;--hot-700:#E23425;
  --ink:#272223;--ink-70:#57514F;--muted:#6E6869;--line:#E6E3E3;--line-soft:#F0EEEE;
  --bg:#FFFFFF;--bg-soft:#F7F6F6;
  --fs-display:clamp(32px,2.6vw,46px);--fs-h2:clamp(26px,1.9vw,34px);
  --fs-body:16px;--fs-sm:14px;--fs-xs:13px;
  --s-2:8px;--s-3:12px;--s-4:16px;--s-5:20px;--s-6:24px;--s-8:32px;--s-10:40px;--s-12:48px;--s-16:64px;
  --gutter:20px;--page-pad:48px;--radius:10px;--radius-lg:14px;
  --shadow-sm:0 1px 2px rgba(39,34,35,.05);--shadow-md:0 6px 24px rgba(39,34,35,.08);
  --ease:cubic-bezier(.22,.61,.36,1);}
.mdp-branding *,.mdp-branding *::before,.mdp-branding *::after{box-sizing:border-box;}
.mdp-branding{margin:0;font-family:"Montserrat",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:var(--fs-body);line-height:1.6;color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;}
.mdp-branding img{max-width:100%;display:block;}
.mdp-branding a{color:inherit;text-decoration:none;}
.mdp-branding button{font:inherit;}
.mdp-branding h1,.mdp-branding h2,.mdp-branding h3,.mdp-branding h4,.mdp-branding p,.mdp-branding ul{margin:0;}
.mdp-branding ul{list-style:none;padding:0;}
.mdp-branding .section{padding:var(--s-16) 0;}
.mdp-branding .eyebrow{font-size:var(--fs-xs);font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--brand);margin-bottom:var(--s-3);}
.mdp-branding .display{font-size:var(--fs-display);line-height:1.08;font-weight:700;letter-spacing:-.02em;}
.mdp-branding .h2{font-size:var(--fs-h2);line-height:1.15;font-weight:700;letter-spacing:-.015em;}
.mdp-branding .lead{font-size:17px;line-height:1.65;color:var(--ink-70);}
.mdp-branding .section-head{max-width:760px;margin-bottom:var(--s-8);}
.mdp-branding .btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--s-2);height:50px;padding:0 26px;border:0;border-radius:999px;cursor:pointer;font-size:15px;font-weight:700;white-space:nowrap;transition:.18s var(--ease);}
.mdp-branding .btn--accent{background:var(--accent);color:#2A1C00;}
.mdp-branding .btn--accent:hover{background:var(--accent-600);box-shadow:0 8px 20px rgba(245,166,35,.32);}
.mdp-branding .btn--ghost{background:transparent;color:var(--ink);border:1.5px solid var(--line);}
.mdp-branding .btn--ghost:hover{border-color:var(--brand);color:var(--brand);}
.mdp-branding .page-hero{background:linear-gradient(180deg,#F4FAFB 0%,#EAF5F7 100%);border-bottom:1px solid #DDECEF;}
.mdp-branding .page-hero > .container{padding-bottom:var(--s-12);}
.mdp-branding .crumbs{display:flex;gap:8px;font-size:12.5px;color:var(--muted);padding:var(--s-5) 0;}
.mdp-branding .crumbs a:hover{color:var(--brand);}
.mdp-branding .crumbs [aria-current]{color:var(--ink);font-weight:600;}
.mdp-branding .page-hero__grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:var(--s-12);align-items:center;}
.mdp-branding .page-hero h1{margin-bottom:var(--s-5);}
.mdp-branding .page-hero .lead{max-width:56ch;}
.mdp-branding .page-hero__actions{display:flex;flex-wrap:wrap;gap:var(--s-3);margin-top:var(--s-8);}
.mdp-branding .x-hero{position:relative;margin:0;}
.mdp-branding .x-hero__img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:20px;box-shadow:0 24px 60px rgba(6,71,79,.18);background:#fff;}
.mdp-branding .x-hero::before{content:"";position:absolute;inset:auto -18px -18px auto;width:62%;height:62%;border-radius:24px;background:var(--accent);z-index:-1;opacity:.9;}
.mdp-branding .x-hero__badge{position:absolute;left:-22px;bottom:28px;background:#fff;border-radius:14px;padding:14px 18px;box-shadow:var(--shadow-md);display:flex;align-items:center;gap:12px;}
.mdp-branding .x-hero__badge i{flex:0 0 40px;height:40px;border-radius:10px;background:var(--brand);color:#fff;display:grid;place-items:center;}
.mdp-branding .x-hero__badge b{display:block;font-size:15px;line-height:1.2;}
.mdp-branding .x-hero__badge span{font-size:12.5px;color:var(--muted);}
.mdp-branding .page-hero__grid{position:relative;z-index:0;}
@media (max-width:760px){
.mdp-branding .x-hero__badge{left:12px;bottom:12px;padding:10px 14px;}
.mdp-branding .x-hero::before{display:none;}
}
.mdp-branding .usp{margin-top:var(--s-10);}
.mdp-branding .usp__grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:var(--radius);background:#fff;box-shadow:var(--shadow-sm);overflow:hidden;}
.mdp-branding .usp__item{display:flex;gap:var(--s-3);align-items:center;padding:var(--s-5) var(--s-6);border-left:1px solid var(--line-soft);}
.mdp-branding .usp__item:first-child{border-left:0;}
.mdp-branding .usp__ico{flex:0 0 auto;width:38px;height:38px;border-radius:9px;background:#E8F5F6;color:var(--brand-800);display:grid;place-items:center;}
.mdp-branding .usp__title{font-size:15px;font-weight:700;line-height:1.25;}
.mdp-branding .usp__text{font-size:13px;line-height:1.4;color:var(--muted);}
.mdp-branding .x-hint{display:flex;align-items:center;gap:10px;font-size:12.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:14px;}
.mdp-branding .x-hint svg{color:var(--brand);}
.mdp-branding .x-areas{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--gutter);margin-bottom:var(--s-12);}
.mdp-branding .x-area{position:relative;display:flex;gap:18px;align-items:flex-start;text-align:left;padding:var(--s-6);background:#fff;border:2px solid var(--line);border-radius:var(--radius-lg);color:var(--ink);cursor:pointer;transition:.2s var(--ease);}
.mdp-branding .x-area:hover{border-color:var(--brand);transform:translateY(-3px);box-shadow:var(--shadow-md);}
.mdp-branding .x-area__ico{flex:0 0 56px;height:56px;border-radius:14px;background:#E8F5F6;color:var(--brand);display:grid;place-items:center;}
.mdp-branding .x-area__num{display:block;font-size:12px;font-weight:800;letter-spacing:.1em;color:var(--brand);margin-bottom:2px;}
.mdp-branding .x-area__title{display:block;font-size:20px;font-weight:800;letter-spacing:-.01em;line-height:1.2;}
.mdp-branding .x-area__text{display:block;font-size:14px;color:var(--ink-70);margin-top:6px;line-height:1.45;}
.mdp-branding .x-area__cta{display:inline-block;margin-top:14px;font-size:13.5px;font-weight:700;color:var(--brand);}
.mdp-branding .x-area__cta .on{display:none;}
.mdp-branding .x-area[aria-selected="true"]{background:var(--brand);border-color:var(--brand);color:#fff;box-shadow:0 14px 34px rgba(16,154,166,.28);}
.mdp-branding .x-area[aria-selected="true"] .x-area__ico{background:rgba(255,255,255,.16);color:#fff;}
.mdp-branding .x-area[aria-selected="true"] .x-area__num,.mdp-branding .x-area[aria-selected="true"] .x-area__cta{color:#FFD27A;}
.mdp-branding .x-area[aria-selected="true"] .x-area__text{color:rgba(255,255,255,.9);}
.mdp-branding .x-area[aria-selected="true"] .x-area__cta .off{display:none;}
.mdp-branding .x-area[aria-selected="true"] .x-area__cta .on{display:inline;}
.mdp-branding .x-area[aria-selected="true"]::after{content:"";position:absolute;left:50%;bottom:-13px;width:24px;height:24px;background:var(--brand);transform:translateX(-50%) rotate(45deg);border-radius:4px;}
.mdp-branding .x-panel{display:none;}
.mdp-branding .x-panel.is-on{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,2fr);gap:var(--s-10);align-items:start;animation:mdp-xin .35s var(--ease);}
@keyframes mdp-xin{from{opacity:0;transform:translateY(8px);}}
.mdp-branding .x-panel__intro h3{font-size:22px;font-weight:700;line-height:1.25;margin-bottom:10px;}
.mdp-branding .x-panel__intro p{color:var(--ink-70);font-size:15px;}
.mdp-branding .x-panel__intro .btn{margin-top:var(--s-6);}
.mdp-branding .x-ticks{margin-top:var(--s-5);display:grid;gap:9px;}
.mdp-branding .x-ticks li{display:flex;gap:10px;font-size:14px;font-weight:600;line-height:1.4;}
.mdp-branding .x-ticks svg{flex:0 0 auto;color:var(--brand);margin-top:2px;}
.mdp-branding .x-prods{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--gutter);}
.mdp-branding .pitem{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden;transition:.18s var(--ease);}
.mdp-branding .pitem:hover{border-color:#CDE9EC;box-shadow:var(--shadow-md);}
.mdp-branding .pitem__media{aspect-ratio:4/3;background:#F1F8F9;display:grid;place-items:center;}
.mdp-branding .pitem__media img{width:100%;height:100%;object-fit:contain;padding:14px;}
.mdp-branding .pitem__media svg{width:56px;height:56px;color:var(--brand);}
.mdp-branding .pitem__body{padding:var(--s-4) var(--s-5) var(--s-5);}
.mdp-branding .pitem__name{font-size:15px;font-weight:700;line-height:1.3;}
.mdp-branding .pitem__sub{font-size:13px;color:var(--muted);margin-top:4px;}
.mdp-branding .x-case{display:grid;grid-template-columns:minmax(0,340px) minmax(0,1fr);align-items:center;border-radius:var(--radius-lg);overflow:hidden;background:linear-gradient(120deg,var(--brand-900) 0%,#0B6871 100%);color:#fff;margin-bottom:var(--gutter);}
.mdp-branding .x-case__media{align-self:stretch;display:grid;place-items:center;padding:var(--s-6);background:rgba(0,0,0,.14);}
.mdp-branding .x-case__media svg{width:100%;height:auto;max-width:300px;}
.mdp-branding .x-case__body{padding:var(--s-8) var(--s-10);display:flex;flex-direction:column;gap:8px;}
.mdp-branding .x-case h3{font-size:22px;font-weight:700;line-height:1.25;}
.mdp-branding .x-case p{font-size:15px;color:rgba(255,255,255,.84);max-width:60ch;}
.mdp-branding .x-case .x-tag{background:var(--accent);color:#2A1C00;}
.mdp-branding .x-facts{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px;}
.mdp-branding .x-facts li{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:600;padding:5px 11px;border-radius:999px;background:rgba(255,255,255,.12);}
.mdp-branding .x-facts li::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--accent);}
.mdp-branding .x-real{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--gutter);}
.mdp-branding .x-rcard{display:flex;gap:16px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);padding:14px;transition:.18s var(--ease);}
.mdp-branding .x-rcard:hover{border-color:#BFE2E6;box-shadow:var(--shadow-md);transform:translateY(-2px);}
.mdp-branding .x-rcard__media{flex:0 0 96px;height:96px;border-radius:12px;background:#F1F8F9;display:grid;place-items:center;overflow:hidden;}
.mdp-branding .x-rcard__media img{width:100%;height:100%;object-fit:contain;padding:8px;}
.mdp-branding .x-rcard__media svg{width:40px;height:40px;color:var(--brand);}
.mdp-branding .x-rcard__body{display:flex;flex-direction:column;gap:4px;min-width:0;}
.mdp-branding .x-rcard h3{font-size:15.5px;font-weight:700;line-height:1.3;}
.mdp-branding .x-rcard p{font-size:13px;color:var(--muted);line-height:1.45;}
.mdp-branding .x-tag{align-self:flex-start;font-size:10.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--brand-800);background:#E8F5F6;padding:3px 9px;border-radius:999px;}
.mdp-branding .x-rcard--cta{border:2px dashed #BFE2E6;background:#F4FAFB;}
.mdp-branding .x-rcard--cta .x-rcard__media{background:var(--accent);color:#2A1C00;}
.mdp-branding .x-rcard--cta .x-rcard__media svg{color:#2A1C00;}
.mdp-branding .x-rcard--cta a{font-size:13.5px;font-weight:700;color:var(--brand);}
.mdp-branding .x-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--gutter);counter-reset:st;}
.mdp-branding .x-step{position:relative;background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);padding:var(--s-6);display:flex;flex-direction:column;gap:10px;transition:.2s var(--ease);}
.mdp-branding .x-step:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:#BFE2E6;}
.mdp-branding .x-step::before{counter-increment:st;content:"0" counter(st);position:absolute;right:20px;top:38px;font-size:44px;font-weight:800;letter-spacing:-.04em;line-height:1;color:#E8F5F6;}
.mdp-branding .x-step__bar{height:4px;border-radius:4px;background:var(--line-soft);overflow:hidden;margin-bottom:6px;}
.mdp-branding .x-step__bar i{display:block;height:100%;width:var(--p);border-radius:4px;background:linear-gradient(90deg,var(--brand),#1BB0BC);}
.mdp-branding .x-step__ico{position:relative;width:52px;height:52px;border-radius:14px;background:#E8F5F6;color:var(--brand);display:grid;place-items:center;}
.mdp-branding .x-step b{position:relative;font-size:17px;font-weight:800;line-height:1.25;}
.mdp-branding .x-step p{font-size:14px;line-height:1.55;color:var(--ink-70);}
.mdp-branding .x-step__note{margin-top:auto;padding-top:6px;font-size:12.5px;font-weight:700;color:var(--brand-800);display:flex;align-items:center;gap:6px;}
.mdp-branding .x-step:not(:last-child)::after{content:"";position:absolute;right:calc(var(--gutter) / -2 - 13px);top:50%;width:26px;height:26px;margin-top:-13px;border-radius:50%;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23109AA6' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") center/14px no-repeat;border:1px solid var(--line);z-index:2;}
.mdp-branding .x-step--last{background:linear-gradient(150deg,var(--brand) 0%,var(--brand-800) 100%);border-color:var(--brand);color:#fff;}
.mdp-branding .x-step--last::before{color:rgba(255,255,255,.14);}
.mdp-branding .x-step--last .x-step__ico{background:var(--accent);color:#2A1C00;}
.mdp-branding .x-step--last p{color:rgba(255,255,255,.88);}
.mdp-branding .x-step--last .x-step__bar{background:rgba(255,255,255,.2);}
.mdp-branding .x-step--last .x-step__bar i{background:var(--accent);}
.mdp-branding .x-step--last .x-step__note{color:var(--accent);}
.mdp-branding .contact__grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--gutter);}
.mdp-branding .contact__aside{border-radius:var(--radius-lg);background:linear-gradient(160deg,#0B6871 0%,var(--brand-900) 100%);color:#fff;padding:var(--s-8);display:flex;flex-direction:column;justify-content:flex-end;min-height:420px;}
.mdp-branding .contact__aside h3{font-size:20px;font-weight:700;margin-bottom:var(--s-4);}
.mdp-branding .steps{display:grid;gap:var(--s-3);}
.mdp-branding .steps li{display:flex;gap:11px;font-size:15px;line-height:1.45;}
.mdp-branding .steps svg{color:var(--accent);flex:0 0 auto;margin-top:2px;}
.mdp-branding .rep{display:flex;align-items:center;gap:var(--s-4);margin-top:var(--s-6);padding-top:var(--s-5);border-top:1px solid rgba(255,255,255,.22);}
.mdp-branding .rep__avatar{flex:0 0 62px;height:62px;border-radius:50%;background:rgba(255,255,255,.16);display:grid;place-items:center;font-weight:800;font-size:20px;}
.mdp-branding .rep__name{font-size:16px;font-weight:700;}
.mdp-branding .rep__role{font-size:12px;color:rgba(255,255,255,.75);margin:2px 0 6px;}
.mdp-branding .rep a{font-size:13px;font-weight:600;}
.mdp-branding .form-card{align-self:start;border:1px solid var(--line);border-radius:var(--radius);padding:var(--s-8);background:#fff;}
.mdp-branding .form-card h3{font-size:18px;font-weight:700;margin-bottom:var(--s-5);}
.mdp-branding .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-3) var(--s-4);}
.mdp-branding .field{display:flex;flex-direction:column;gap:5px;}
.mdp-branding .field--full{grid-column:1 / -1;}
.mdp-branding .field label{font-size:12px;font-weight:600;color:var(--muted);}
.mdp-branding .field label i{color:var(--hot);font-style:normal;}
.mdp-branding .field input,.mdp-branding .field textarea{height:42px;border:1px solid var(--line);border-radius:7px;padding:0 13px;font:inherit;font-size:14px;background:var(--bg-soft);}
.mdp-branding .field textarea{height:86px;padding:11px 13px;resize:vertical;}
.mdp-branding .field input:focus,.mdp-branding .field textarea:focus{outline:0;background:#fff;border-color:var(--brand);box-shadow:0 0 0 3px rgba(16,154,166,.12);}
.mdp-branding .consent{display:flex;gap:9px;font-size:12px;color:var(--muted);}
.mdp-branding .consent a{color:var(--brand);text-decoration:underline;}
.mdp-branding .form-foot{display:flex;align-items:center;gap:var(--s-4);flex-wrap:wrap;margin-top:var(--s-5);}
.mdp-branding .form-foot p{font-size:12px;color:var(--muted);}
@media (max-width:1200px){
.mdp-branding{--gutter:16px;--page-pad:32px;}
.mdp-branding .page-hero__grid,.mdp-branding .contact__grid{grid-template-columns:1fr;gap:var(--s-8);}
.mdp-branding .x-panel.is-on{grid-template-columns:1fr;gap:var(--s-6);}
.mdp-branding .usp__grid{grid-template-columns:repeat(2,1fr);}
.mdp-branding .x-real,.mdp-branding .x-steps{grid-template-columns:repeat(2,minmax(0,1fr));}
.mdp-branding .x-step:nth-child(2)::after{display:none;}
.mdp-branding .x-case{grid-template-columns:minmax(0,260px) minmax(0,1fr);}
}
@media (max-width:760px){
.mdp-branding{--page-pad:16px;}
.mdp-branding .section{padding:var(--s-12) 0;}
.mdp-branding .x-areas{grid-template-columns:1fr;gap:12px;margin-bottom:var(--s-8);}
.mdp-branding .x-area{padding:18px;}
.mdp-branding .x-area[aria-selected="true"]::after{display:none;}
.mdp-branding .x-prods{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}
.mdp-branding .x-real,.mdp-branding .usp__grid,.mdp-branding .form-grid{grid-template-columns:1fr;}
.mdp-branding .usp__item{border-left:0;border-top:1px solid var(--line-soft);}
.mdp-branding .usp__item:first-child{border-top:0;}
.mdp-branding .x-steps{grid-template-columns:1fr;gap:14px;}
.mdp-branding .x-step::after{display:none!important;}
.mdp-branding .x-case{grid-template-columns:1fr;}
.mdp-branding .x-case__media{padding:var(--s-5);}
.mdp-branding .x-case__media svg{max-width:240px;}
.mdp-branding .x-case__body{padding:var(--s-5) var(--s-6) var(--s-6);}
.mdp-branding .x-case h3{font-size:19px;}
.mdp-branding .x-rcard__media{flex-basis:76px;height:76px;}
}

/* ---------- Zosúladenie s Bootstrapom / style.css (len v rámci .mdp-branding) ---------- */
.mdp-branding{display:block;}
.mdp-branding h1{font-size:var(--fs-display) !important;}
.mdp-branding p,.mdp-branding ul,.mdp-branding ol,.mdp-branding figure{margin-bottom:0;}
.mdp-branding label{margin-bottom:0;}
.mdp-branding .lead{font-weight:400;}
.mdp-branding .btn{line-height:1.2;white-space:nowrap;vertical-align:middle;-webkit-user-select:none;user-select:none;text-decoration:none;}
.mdp-branding .btn:focus{outline:0;box-shadow:0 0 0 3px rgba(16,154,166,.25);}
.mdp-branding a:hover{text-decoration:none;}
.mdp-branding button:focus{outline:0;}
.mdp-branding button:focus-visible{outline:2px solid var(--brand);outline-offset:2px;}