/* ==========================================================================
   Košík a pokladňa - pravidlá z náhľadu dukla-eshop/nahlad
   ========================================================================== */
.tlacidlo{
  display:inline-block;
  background:var(--dk-zlta);
  color:var(--dk-bordo);
  font-family:var(--telo);
  font-size:18px;
  font-weight:700;
  text-transform:uppercase;
  padding:13px 34px;
  border:0;
  cursor:pointer;
  transition:background .25s ease,color .25s ease;
}
.tlacidlo:hover{background:var(--dk-zlta-tmava);color:var(--dk-bordo)}
.tlacidlo.bordove{
  background:linear-gradient(155deg,var(--dk-bordo) 0%,var(--dk-bordo-dark) 70%);
  color:var(--dk-biela);
  box-shadow:0 16px 34px -16px rgba(115,0,55,.75);
}
.tlacidlo.bordove:hover{
  background:linear-gradient(155deg,var(--dk-bordo-2) 0%,var(--dk-bordo) 70%);
  color:var(--dk-zlta-soft);
}
.tlacidlo.obrys{
  background:transparent;
  color:var(--dk-biela);
  border:2px solid var(--dk-okraj);
  padding:11px 32px;
}
.tlacidlo.obrys:hover{background:transparent;border-color:var(--dk-zlta);color:var(--dk-zlta)}
.hero .tlacidlo+.tlacidlo{margin-left:8px}
.znacka-dpd{background:var(--dk-zlta);color:var(--dk-bordo);font-weight:700;font-size:11px;
  padding:3px 7px;letter-spacing:.06em;font-family:var(--nadpis)}
.tlacidlo.obrys{color:var(--text);border-color:var(--text)}
.tlacidlo.obrys:hover{background:var(--text);border-color:var(--text);color:var(--dk-zlta)}
.hero .tlacidlo.druhy{
  background:transparent;
  color:var(--dk-biela);
  border:2px solid rgba(255,244,248,.45);
  padding:11px 32px;
}
.hero .tlacidlo.druhy:hover{background:transparent;border-color:var(--dk-zlta);color:var(--dk-zlta)}
.drobky{font-size:12px;color:var(--dk-tlm);padding:14px 0}
.drobky a:hover{color:var(--dk-zlta)}
.strana{background:var(--dk-telo);padding-bottom:56px}
.strana h1{color:var(--dk-biela);margin-bottom:4px}
.pocet-kusov{display:flex;border:1px solid var(--dk-okraj)}
.pocet-kusov button{width:38px;border:0;background:transparent;color:var(--dk-biela);
  font-size:19px;cursor:pointer;font-family:var(--telo)}
.pocet-kusov button:hover{color:var(--dk-zlta)}
.pocet-kusov input{width:46px;border:0;background:transparent;color:var(--dk-biela);
  text-align:center;font-family:var(--nadpis);font-weight:700;font-size:18px}
.kupa .tlacidlo{flex:1;text-align:center}
.suhrn-riadok.spolu{border-top:1px solid var(--dk-okraj);margin-top:10px;padding-top:13px;
  font-family:var(--nadpis);font-size:23px;font-weight:800;color:var(--dk-biela)}
.suhrn .tlacidlo{width:100%;text-align:center;margin-top:15px}
.polia{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.pole{display:grid;gap:5px}
.pole.cele{grid-column:span 2}
.pole label{font-size:13px;color:var(--dk-tlm)}
.pole input,.pole select{border:1px solid var(--dk-okraj);padding:10px 12px;
  font-family:var(--telo);font-size:15px;background:rgba(255,255,255,.04);color:var(--dk-biela)}
.pole input:focus,.pole select:focus{outline:0;border-color:var(--dk-zlta)}
.miesto-dpd{margin:10px 0 0 30px;padding:14px;border:1px solid var(--dk-zlta);
  background:rgba(252,213,0,.06);display:none}
.miesto-dpd.zobrazene{display:block}
.miesto-dpd .vybrane{display:flex;gap:10px;align-items:center;font-size:14px;color:rgba(255,244,248,.86)}
.miesto-dpd .vybrane b{color:var(--dk-biela)}
.miesto-dpd button{margin-top:9px}
.miesto-dpd p{color:var(--dk-tlm)}
.suhlas{display:flex;gap:9px;align-items:flex-start;margin-top:14px;
  font-size:13px;color:rgba(255,244,248,.86)}
.suhlas a{text-decoration:underline}
.suhlas a:hover{color:var(--dk-zlta)}
@media(max-width:560px){
  .polia{grid-template-columns:1fr}
  .pole.cele{grid-column:span 1}
  .hlava-kat h1{font-size:24px}
  .info h1{font-size:24px}
  .hlavna-foto{height:260px}
  .riadok-kosika{grid-template-columns:70px 1fr}
  .riadok-kosika .suma{grid-column:2}
}
.strana{background:var(--plocha)}
.strana h1{color:var(--text)}
.drobky{color:var(--text-tlm)}
.drobky a:hover{color:var(--dk-bordo)}
.pocet-kusov{border-color:var(--text)}
.pocet-kusov button{color:var(--text)}
.pocet-kusov button:hover{color:var(--dk-bordo)}
.pocet-kusov input{color:var(--text)}
.suhrn-riadok.spolu{border-color:var(--text);color:var(--text)}
.pole label{color:var(--text-tlm)}
.pole input,.pole select{border-color:var(--linka);background:var(--plocha);color:var(--text)}
.pole input:focus,.pole select:focus{border-color:var(--dk-bordo)}
.miesto-dpd{border-color:var(--dk-bordo);background:rgba(115,0,55,.04)}
.miesto-dpd .vybrane{color:var(--text)}
.miesto-dpd .vybrane b{color:var(--text)}
.miesto-dpd p{color:var(--text-tlm)}
.suhlas{color:var(--text)}
.suhlas a:hover{color:var(--dk-bordo)}
.karta-tabulka{
  border:1px solid var(--linka);border-radius:0;
  background:var(--plocha);
  overflow-x:auto;
  margin-top:14px;
}
.tab{width:100%;border-collapse:collapse;font-size:15px;min-width:640px;table-layout:fixed}
.tab thead th{
  font-family:var(--telo);text-transform:uppercase;font-weight:800;
  font-size:11px;letter-spacing:normal;color:var(--text-tlm);
  text-align:left;padding:10px 12px;
  background:var(--plocha-2);border-bottom:1.6px solid var(--linka);
}
.tab td{padding:11px 12px;border-bottom:0;vertical-align:middle;font-size:13.5px}
.tab tbody tr:last-child td{border-bottom:0}
.tab .vpravo{text-align:right}
.tab a b{color:var(--text);font-weight:600;font-size:16px}
.tab a:hover b{color:var(--dk-bordo)}
.tab .meta{font-size:12.5px;color:var(--text-tlm);margin-top:3px}
.tab .vpravo b{font-family:var(--nadpis);font-size:19px;font-weight:700;color:var(--text)}
.kosik-foto{
  display:flex;align-items:center;justify-content:center;
  width:52px;height:52px;background:var(--plocha);
  border:1px solid var(--linka);border-radius:0;
}
.kosik-foto img{max-height:86%;max-width:86%;width:auto}
.zmazat{
  background:none;border:0;cursor:pointer;
  font-size:22px;line-height:1;color:var(--text-tlm);
  font-family:var(--telo);padding:2px 6px;
}
.zmazat:hover{color:var(--dk-bordo)}
.zhrnutie{
  max-width:420px;margin:16px 0 0 auto;
  border:1px solid var(--linka);background:var(--plocha-2);
  padding:22px;
}
.zhrnutie-riadok{display:flex;justify-content:space-between;gap:12px;margin-bottom:7px;font-size:15px}
.zhrnutie-riadok b{font-weight:600}
.zhrnutie-riadok.drobne{font-size:13px;color:var(--text-tlm)}
.zhrnutie-riadok.spolu{
  border-top:1px solid var(--linka);
  margin-top:10px;padding-top:12px;margin-bottom:0;
  font-family:var(--nadpis);text-transform:uppercase;
  font-size:20px;font-weight:800;
}
.suma-spolu{color:var(--dk-bordo)}
.kupon{display:flex;gap:8px;margin:16px 0 0}
.kupon input{
  flex:1;min-width:0;border:1px solid var(--linka);background:var(--plocha);
  color:var(--text);padding:10px 12px;font-family:var(--telo);font-size:15px;
}
.kupon input:focus{outline:0;border-color:var(--dk-bordo)}
.kupon .tlacidlo{padding:9px 18px;font-size:15px}
.zhrnutie .tlacidlo.plne{display:block;width:100%;text-align:center;margin-top:14px}
.zhrnutie .poznamka{font-size:12.5px;color:var(--text-tlm);margin:10px 0 0}
.spat{margin-top:22px;font-size:15px}
.spat a:hover{color:var(--dk-bordo)}
@media(max-width:700px){
  .zhrnutie{max-width:none;margin-left:0}
  .kupon{flex-wrap:wrap}
  .kupon .tlacidlo{width:100%}
}
.kosik-prazdny{
  border:1px solid var(--linka);background:var(--plocha);
  padding:26px;margin-top:14px;max-width:520px;
}
.kosik-prazdny p{margin:0 0 16px;font-size:16px}
.objednavka{
  display:grid;grid-template-columns:1fr minmax(280px,380px);
  gap:16px;align-items:start;margin-top:14px;
}
.objednavka > *{min-width:0}
.karta-formular{border:1px solid var(--linka);border-radius:0;background:var(--plocha);padding:24px}
.karta-formular h2{
  font-family:var(--telo);font-size:16px;font-weight:700;text-transform:none;
  color:var(--text);margin:0 0 14px;
}
.karta-formular h2:not(:first-child){margin-top:26px}
.karta-formular .polia{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.karta-formular .pole{display:grid;gap:5px;margin-bottom:14px}
.karta-formular .polia .pole{margin-bottom:0}
.karta-formular .pole.cele{grid-column:span 2}
.karta-formular label{font-size:13px;color:var(--text-tlm)}
.karta-formular input,
.karta-formular select{
  border:1px solid var(--linka);background:var(--plocha);color:var(--text);
  padding:10px 12px;font-family:var(--telo);font-size:14px;border-radius:0;
}
.karta-formular input:focus,
.karta-formular select:focus{outline:0;border-color:var(--dk-bordo)}
.karta-formular .polia + h2{margin-top:26px}
.karta-formular .tlacidlo.plne{display:block;width:100%;text-align:center;margin-top:18px}
.karta-zhrnutie{
  border:1px solid var(--linka);border-radius:0;background:var(--plocha-2);
  padding:22px;position:sticky;top:76px;
}
.karta-zhrnutie h2{
  font-family:var(--telo);font-size:16px;font-weight:700;text-transform:none;
  color:var(--text);margin:0 0 14px;
}
.karta-zhrnutie .polozky{font-size:13px;margin-bottom:16px}
.karta-zhrnutie .polozka{
  display:flex;justify-content:space-between;gap:10px;padding:7px 0;
  border-bottom:1px dashed var(--linka);
}
.karta-zhrnutie .polozka b{white-space:nowrap}
.karta-zhrnutie .riadok{display:flex;justify-content:space-between;gap:10px;margin-bottom:5px;font-size:14px}
.karta-zhrnutie .riadok.drobne{font-size:13px;color:var(--text-tlm)}
.karta-zhrnutie .riadok.spolu{
  padding-top:10px;border-top:1px solid var(--linka);
  font-size:18px;font-weight:700;margin-top:6px;
}
.karta-zhrnutie .poznamka{font-size:12.5px;margin-top:14px;color:var(--text-tlm)}
.karta-formular .miesto-dpd{margin:0 0 14px}
@media(max-width:1000px){
  .objednavka{grid-template-columns:1fr}
  .karta-zhrnutie{position:static}
}
@media(max-width:560px){
  .karta-formular .polia{grid-template-columns:1fr}
  .karta-formular .pole.cele{grid-column:span 1}
}
.karta-formular .polia > *,
.karta-formular .pole{min-width:0}
/* Text a výbery na celú šírku, ale prepínače a zaškrtávacie polia nie -
   inak sa z guľôčky „Vytvoriť účet / Nákup bez registrácie" stane elipsa. */
.karta-formular input:not([type=radio]):not([type=checkbox]),
.karta-formular select{max-width:100%;width:100%}
.karta-formular input[type=radio],
.karta-formular input[type=checkbox]{
  width:16px;height:16px;flex:none;padding:0;border-radius:50%;
  accent-color:var(--dk-bordo);
}
.karta-formular input[type=checkbox]{border-radius:0}
/* Bordový text na žltom tlačidle - biely sa na žltej strácal. Panel je
   vnútri hlavičky, preto musí selektor prebiť `.hlavicka .ikony a`. */
.kosik-panel__pata .tlacidlo{display:block;width:100%;text-align:center}
/* Panel visí vnútri hlavičky, takže jeho odkazy dedili svetlú farbu z tmavého
   pruhu a na bielom pozadí neboli vidno. Tu sa vracajú na tmavé písmo. */
.hlavicka .kosik-panel a{color:var(--text)}
.hlavicka .kosik-panel a:hover{color:var(--dk-bordo)}
.hlavicka .kosik-panel a.tlacidlo{color:var(--dk-bordo)}
.hlavicka .kosik-panel a.kosik-panel__odkaz{color:var(--text-tlm)}
.hlavicka .kosik-panel a.kosik-panel__odkaz:hover{color:var(--dk-bordo)}
.tlacidlo.klub{
  background:linear-gradient(155deg,#730037 0%,#5F002E 70%);
  color:#fff;
  font-family:var(--nadpis);
  font-size:22px;font-weight:700;text-transform:uppercase;
  height:63px;padding:0 40px;border:0;border-radius:0;
  display:inline-flex;align-items:center;justify-content:center;
  box-shadow:0 16px 34px -16px rgba(115,0,55,.75);
}
.tlacidlo.klub:hover{
  background:linear-gradient(155deg,#6D0E2A 0%,#730037 70%);
  color:var(--dk-zlta-soft);
}
.tlacidlo.klub.siroke{display:block;width:500px;max-width:100%;margin:0 auto;text-align:center}
@media(max-width:900px){
  .newsletter-riadok{flex-direction:column;align-items:stretch;gap:14px}
  .newsletter-riadok h4{text-align:center;white-space:normal;font-size:24px}
  .newsletter-pole button{font-size:22px;padding:6px 18px}
  .newsletter-pas::before,.newsletter-pas::after{display:none}
  .paticka-pata{flex-direction:column;align-items:flex-start;gap:18px}
  .tlacidlo.klub{font-size:18px;padding:13px 26px}
}

/* --------------------------------------------------------------------------
   Doplnky oproti náhľadu - veci, ktoré má OpenCart navyše. */

/* drobky nad stránkou */
.strana .drobky{
  list-style:none;display:flex;flex-wrap:wrap;gap:8px;align-items:center;
  margin:0 0 18px;padding:0;font-size:14px;color:var(--text-tlm);
}
.strana .drobky li + li::before{content:"›";margin-right:8px;color:var(--text-tlm)}
.strana .drobky a{color:var(--text-tlm);text-decoration:none}
.strana .drobky a:hover{color:var(--dk-bordo)}

/* prepočet množstva rieši tlačidlo, ktoré netreba vidieť */
.kosik-pocet .prepocitat{
  position:absolute;width:1px;height:1px;padding:0;margin:-1px;border:0;
  overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;
}
.kosik-pocet{position:relative;margin:0}

/* oznamy nad košíkom */
.oznam{padding:12px 16px;margin:0 0 16px;border-left:3px solid var(--dk-zlta);background:var(--plocha-2);font-size:15px}
.oznam--chyba{border-left-color:#C41230}
.oznam--dobre{border-left-color:#2E7D32}
.nedostupne{color:#C41230;font-size:13px}
.meta--chyba{color:#C41230}

/* zľavový kód a ďalšie moduly v zhrnutí */
.kupon-obal{margin:14px 0}
.kupon-obal .accordion-button,.kupon-obal .card-header{
  background:none;border:0;padding:0 0 8px;font-family:var(--nadpis);
  text-transform:uppercase;font-size:15px;color:var(--text);box-shadow:none;
}
.kupon-obal .form-control{border-radius:0}
.kupon-obal .btn{border-radius:0;background:var(--dk-zlta);border:0;color:var(--dk-bordo);font-weight:700}

/* košík: tabuľka vľavo, zhrnutie vpravo - ako v náhľade */
.kosik-mriezka{display:grid;grid-template-columns:1fr 340px;gap:30px;align-items:start}
.kosik-mriezka > *{min-width:0}
@media(max-width:900px){
  .kosik-mriezka{grid-template-columns:1fr}
}

/* pokladňa: vľavo údaje, vpravo zhrnutie */
.objednavka{display:grid;grid-template-columns:1fr 360px;gap:30px;align-items:start}
.objednavka > *{min-width:0}
@media(max-width:900px){
  .objednavka{grid-template-columns:1fr}
}

/* bloky pokladne v klubovom šate */
.karta-formular,.karta-zhrnutie{background:var(--plocha-2);border:1px solid var(--linka);padding:24px}
.karta-formular > div + div{margin-top:26px;padding-top:26px;border-top:1px solid var(--linka)}
.karta-formular h2,.karta-formular legend,.karta-zhrnutie h2{
  font-family:var(--nadpis);text-transform:uppercase;font-size:22px;margin:0 0 14px;color:var(--text);
}
.karta-formular .form-label{font-size:14px;color:var(--text-tlm);margin-bottom:4px}
.karta-formular .form-control,.karta-formular .form-select{
  border-radius:0;border:1px solid var(--linka);background:#fff;height:44px;font-size:15px;
}
.karta-formular textarea.form-control{height:auto}
.karta-formular .btn{
  border-radius:0;background:var(--dk-zlta);border:0;color:var(--dk-bordo);
  font-family:var(--telo);font-weight:700;text-transform:uppercase;padding:11px 24px;
}
.karta-formular .btn:hover{background:var(--dk-zlta-tmava);color:var(--dk-bordo)}
.karta-formular .btn-light{background:transparent;border:1px solid var(--linka);color:var(--text)}
.karta-zhrnutie .table{font-size:15px}
.karta-zhrnutie .btn-primary{
  border-radius:0;background:var(--dk-zlta);border:0;color:var(--dk-bordo);
  font-family:var(--telo);font-weight:700;text-transform:uppercase;width:100%;padding:14px;
}

/* výdajné miesto DPD v pokladni */
.dpd-miesto{margin-top:14px;padding:14px 16px;background:#fff;border:1px solid var(--linka)}
.dpd-miesto--hotovo{border-color:var(--dk-zlta);border-left:3px solid var(--dk-zlta)}
.dpd-miesto__stav{margin:0 0 10px;font-size:15px;color:var(--text)}
.dpd-mapa{margin-top:14px;min-height:520px}
/* Mapa DPD je iframe s výškou 100 % - rodič s iba min-height mu dal
   predvolených 150 px a mapa nebola vidieť. Pevná výška to rieši. noGrey */
.dpd-mapa{height:560px}
.dpd-mapa iframe{display:block;width:100%!important;height:100%!important;border:0}
@media(max-width:700px){.dpd-mapa{height:75vh;min-height:420px}}

/* ďakovná stránka po objednávke */
.hotovo{max-width:760px;margin:0 auto;text-align:center;padding:40px 24px 50px}
.hotovo-znak{
  display:grid;place-items:center;width:74px;height:74px;margin:0 auto 20px;
  background:var(--dk-zlta);color:var(--dk-bordo);font-size:36px;line-height:1;
}
.hotovo h1{margin:0 0 10px}
.hotovo-cislo{font-size:18px;color:var(--text-tlm);margin:0 0 22px}
.hotovo-cislo strong{color:var(--dk-bordo);font-family:var(--nadpis);font-size:24px}
.hotovo-text{font-size:16px;line-height:1.6;color:var(--text-tlm);text-align:left}
.hotovo-text p{margin:0 0 12px}
.hotovo-text a{color:var(--dk-bordo);text-decoration:underline}
.hotovo-miesto{
  margin:24px 0 28px;padding:16px 18px;text-align:left;
  background:var(--plocha-2);border-left:3px solid var(--dk-zlta);
}
.hotovo-miesto .popiska{display:block;font-size:14px;color:var(--text-tlm);margin-bottom:4px}
.hotovo-miesto strong{font-size:17px;color:var(--text)}

/* Rekapitulácia pred platbou - sumy sa nesmú lámať na dva riadky.
   Stĺpec so sumou mal 300 px, pri čom tabuľka prerastala svoj stĺpec
   v pokladni (na počítači aj na mobile). Teraz je široký len podľa sumy. */
.table-responsive > .table{width:100%;max-width:100%}
.table-responsive > .table td.text-end,
.table-responsive > .table th.text-end{white-space:nowrap;width:1%;min-width:110px}
.table-responsive > .table tfoot td{padding:10px 14px}
.table-responsive > .table tfoot td:first-child{width:auto}
@media(max-width:700px){
  .table-responsive > .table td.text-end,
  .table-responsive > .table th.text-end{min-width:90px}
  .table-responsive > .table td,
  .table-responsive > .table th{padding:8px 10px;font-size:13px}
}

/* Poznámka nad tlačidlom v košíku - informácia o e-mailoch k objednávke. */
.kosik-poznamka{margin:12px 0;font-size:13px;line-height:1.45;color:#6b5a62}
.kosik-panel .kosik-poznamka{color:rgba(22,6,14,.65)}

/* ---------------------------------------------------------------- ochrana polí v pokladni (dukla-pokladna.js) */
.dukla-skryty{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important}
.dukla-vyber-obal{position:relative}
.dukla-vyber{display:flex;align-items:center;gap:10px;width:100%;text-align:left;cursor:pointer;font-weight:600}
.dukla-vyber .fi,.dukla-zoznam .fi{width:22px;height:16px;flex:none;border-radius:2px;box-shadow:0 0 0 1px rgba(0,0,0,.08)}
.dukla-tel{position:relative;display:flex;align-items:stretch}
.dukla-tel .dukla-predvolba{width:auto;flex:none;gap:7px;padding:0 26px 0 12px;background-color:var(--plocha-2,#F6F2F4);border:1px solid #DCD5D9;border-right:0;border-radius:0;font-weight:600;background-position:right 6px center;background-size:10px}
.dukla-tel .form-control{flex:1;min-width:0}
.dukla-zoznam{display:none;position:absolute;z-index:30;top:calc(100% + 4px);left:0;width:100%;min-width:260px;max-width:92vw;background:#fff;border:1.5px solid var(--dk-bordo,#730037);box-shadow:0 18px 40px -18px rgba(22,6,14,.45)}
.dukla-zoznam.otvoreny{display:block}
.dukla-zoznam__hladat{width:100%;border:0;border-bottom:1px solid #DCD5D9;padding:10px 12px;font:inherit;outline:0}
.dukla-zoznam__polozky{max-height:280px;overflow:auto}
.dukla-zoznam__polozky button{display:flex;align-items:center;gap:10px;width:100%;padding:9px 12px;border:0;background:#fff;font:inherit;text-align:left;cursor:pointer}
.dukla-zoznam__polozky button:hover{background:#F6F2F4}
.dukla-zoznam__polozky em{margin-left:auto;font-style:normal;color:#6b5a62;font-size:13px}
.dukla-doprava-info{display:flex;flex-direction:column;gap:2px;margin-top:8px;padding:10px 12px;background:#F6F2F4;border-left:3px solid var(--dk-zlta,#FCD500);font-size:14px}
.dukla-doprava-info span{color:#6b5a62;font-size:13px}
.dukla-navrh{background:none;border:0;padding:0;color:var(--dk-bordo,#730037);font:inherit;font-weight:600;text-decoration:underline;cursor:pointer}
#form-register .form-control.is-valid{border-color:#1f8a4c}

/* Vlajky krajín (flag-icons 7.2.3, licencia MIT) - uložené na serveri obchodu. noGrey */
.fi{display:inline-block;width:1.333em;height:1em;background-size:cover;background-position:50%;background-repeat:no-repeat;vertical-align:middle}
.fi-at{background-image:url(../../../image/catalog/dukla/vlajky/at.svg)}
.fi-be{background-image:url(../../../image/catalog/dukla/vlajky/be.svg)}
.fi-bg{background-image:url(../../../image/catalog/dukla/vlajky/bg.svg)}
.fi-ca{background-image:url(../../../image/catalog/dukla/vlajky/ca.svg)}
.fi-ch{background-image:url(../../../image/catalog/dukla/vlajky/ch.svg)}
.fi-cz{background-image:url(../../../image/catalog/dukla/vlajky/cz.svg)}
.fi-de{background-image:url(../../../image/catalog/dukla/vlajky/de.svg)}
.fi-dk{background-image:url(../../../image/catalog/dukla/vlajky/dk.svg)}
.fi-ee{background-image:url(../../../image/catalog/dukla/vlajky/ee.svg)}
.fi-es{background-image:url(../../../image/catalog/dukla/vlajky/es.svg)}
.fi-fi{background-image:url(../../../image/catalog/dukla/vlajky/fi.svg)}
.fi-fr{background-image:url(../../../image/catalog/dukla/vlajky/fr.svg)}
.fi-gb{background-image:url(../../../image/catalog/dukla/vlajky/gb.svg)}
.fi-gi{background-image:url(../../../image/catalog/dukla/vlajky/gi.svg)}
.fi-gr{background-image:url(../../../image/catalog/dukla/vlajky/gr.svg)}
.fi-hr{background-image:url(../../../image/catalog/dukla/vlajky/hr.svg)}
.fi-hu{background-image:url(../../../image/catalog/dukla/vlajky/hu.svg)}
.fi-ie{background-image:url(../../../image/catalog/dukla/vlajky/ie.svg)}
.fi-it{background-image:url(../../../image/catalog/dukla/vlajky/it.svg)}
.fi-lt{background-image:url(../../../image/catalog/dukla/vlajky/lt.svg)}
.fi-lu{background-image:url(../../../image/catalog/dukla/vlajky/lu.svg)}
.fi-lv{background-image:url(../../../image/catalog/dukla/vlajky/lv.svg)}
.fi-mc{background-image:url(../../../image/catalog/dukla/vlajky/mc.svg)}
.fi-me{background-image:url(../../../image/catalog/dukla/vlajky/me.svg)}
.fi-nl{background-image:url(../../../image/catalog/dukla/vlajky/nl.svg)}
.fi-no{background-image:url(../../../image/catalog/dukla/vlajky/no.svg)}
.fi-pl{background-image:url(../../../image/catalog/dukla/vlajky/pl.svg)}
.fi-pt{background-image:url(../../../image/catalog/dukla/vlajky/pt.svg)}
.fi-ro{background-image:url(../../../image/catalog/dukla/vlajky/ro.svg)}
.fi-se{background-image:url(../../../image/catalog/dukla/vlajky/se.svg)}
.fi-si{background-image:url(../../../image/catalog/dukla/vlajky/si.svg)}
.fi-sk{background-image:url(../../../image/catalog/dukla/vlajky/sk.svg)}
.fi-sm{background-image:url(../../../image/catalog/dukla/vlajky/sm.svg)}
.fi-us{background-image:url(../../../image/catalog/dukla/vlajky/us.svg)}

/* Iná adresa pre platbu (faktúra) v pokladni - checkout/register.twig. noGrey */
.dukla-platba{margin:6px 0 22px;border:1px solid #e6dfe3;border-radius:12px;background:#fbf8f9;overflow:hidden}
.dukla-platba__prepinac{display:flex;align-items:center;gap:12px;padding:16px 18px;margin:0;cursor:pointer;font-weight:600}
.dukla-platba__prepinac .form-check-input{margin:0;flex:none;width:2.6em;height:1.4em;cursor:pointer;float:none}
.dukla-platba__prepinac .form-check-input:checked{background-color:#730037;border-color:#730037}
.dukla-platba__prepinac .form-check-input:focus{box-shadow:0 0 0 .2rem rgba(115,0,55,.2);border-color:#730037}
.dukla-platba__prepinac small{display:block;font-weight:400;opacity:.65;font-size:13px;margin-top:2px}
.dukla-platba__polia{padding:4px 18px 8px;border-top:1px solid #e6dfe3;background:#fff}
.dukla-platba__polia[hidden],.dukla-platba .col[hidden]{display:none!important}
.dukla-platba__polia legend{font-size:15px;margin:14px 0 12px}
.dukla-platba__firma{display:flex;gap:6px;flex-wrap:wrap;margin:-4px 0 12px}
.dukla-platba__firma button{border:1px solid #d9cfd4;background:transparent;color:inherit;border-radius:20px;padding:5px 14px;font-size:13px;cursor:pointer}
.dukla-platba__firma button.aktivny{background:#730037;border-color:#730037;color:#fff}

/* Košík na mobile: tabuľka sa zmestí na obrazovku, cena za kus je v riadku
   s názvom, takže netreba ťahať do strany. noGrey */
@media(max-width:700px){
  .karta-tabulka .tab{min-width:0;table-layout:auto;font-size:14px}
  .karta-tabulka .tab th:nth-child(1),.karta-tabulka .tab td:nth-child(1){width:52px}
  .karta-tabulka .tab th:nth-child(3),.karta-tabulka .tab td:nth-child(3){width:84px}
  .karta-tabulka .tab th:nth-child(4),.karta-tabulka .tab td:nth-child(4){display:none}
  .karta-tabulka .tab th:nth-child(5),.karta-tabulka .tab td:nth-child(5){width:70px}
  .karta-tabulka .tab th:nth-child(6),.karta-tabulka .tab td:nth-child(6){width:26px}
  .karta-tabulka .kosik-foto img{width:44px;height:auto}
  .karta-tabulka .tab td,.karta-tabulka .tab th{padding-left:5px;padding-right:5px}
  .karta-tabulka .pocet-kusov{max-width:84px}
}

/* Cena za kus sa ukáže pri názve len na mobile, kde je stĺpec skrytý. noGrey */
.meta--cena{display:none}
@media(max-width:700px){
  .meta--cena{display:block}
  .karta-tabulka .tab{font-size:13px}
}
@media(max-width:360px){
  .karta-tabulka .tab th:nth-child(3),.karta-tabulka .tab td:nth-child(3){width:74px}
  .karta-tabulka .tab th:nth-child(5),.karta-tabulka .tab td:nth-child(5){width:62px}
  .karta-tabulka .pocet-kusov button{width:30px}
  .karta-tabulka .pocet-kusov input{width:30px}
}