/* ==========================================================================
   OTROCI.ORG TRGOVINA 2026 - FAZA 1
   Obseg: glava, zgornji meni, kategorije, desni stolpec, osnovna odzivnost.
   Naloži kot: styles/css/theme2026.css
   ========================================================================== */

html { box-sizing: border-box; }
*, *:before, *:after { box-sizing: inherit; }

body {
  margin: 0;
  background: #f3f6fb;
  color: #172033;
  font-family: Arial, Verdana, Tahoma, sans-serif;
  font-size: 14px;
  line-height: 1.5;
  text-align: left;
}

a, a:visited { color: #1d4ed8; text-decoration: none; }
a:hover { color: #dc2626; text-decoration: none; }
img { max-width: 100%; height: auto; }

#topmenu,
#topmenu2,
#head,
#menu,
#page,
body > div[style*="width:950px"] {
  width: min(1180px, calc(100% - 32px)) !important;
  max-width: 1180px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

#topmenu,
#topmenu2 {
  height: auto !important;
  min-height: 36px;
  padding: 8px 16px !important;
  background: #0f172a !important;
  color: #ffffff !important;
  border-radius: 0 0 14px 14px;
  font-size: 12px !important;
  text-align: left !important;
  box-shadow: 0 8px 22px rgba(15, 23, 42, 0.14);
}

#topmenu a,
#topmenu2 a {
  color: #ffffff !important;
  display: inline-block;
  font-size: 12px !important;
  font-weight: 700;
  margin: 0 4px 0 0 !important;
  padding: 5px 8px;
  border-radius: 8px;
}

#topmenu a:hover,
#topmenu2 a:hover { background: rgba(255,255,255,0.12); color: #ffffff !important; }

#head {
  height: auto !important;
  min-height: 98px;
  margin-top: 16px !important;
  padding: 16px 20px !important;
  background: #ffffff !important;
  border-radius: 18px;
  box-shadow: 0 10px 28px rgba(15, 23, 42, 0.09);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 22px;
}

.logo {
  float: none !important;
  width: 620px !important;
  max-width: 58%;
  height: 74px !important;
  background-repeat: no-repeat !important;
  background-position: left center !important;
  background-size: contain !important;
}

.logo a { display: block; width: 100% !important; height: 74px !important; }

#head .search {
  float: none !important;
  width: auto !important;
  min-width: 340px;
  height: auto !important;
  margin: 0 !important;
  padding: 10px 12px !important;
  background: #f1f5f9 !important;
  color: #475569 !important;
  border-radius: 999px;
  text-align: right !important;
  font-size: 14px !important;
}

#head .search form { margin: 0; white-space: nowrap; }

#head .search input[type="text"] {
  width: 180px !important;
  height: 36px !important;
  margin: 0 7px !important;
  padding: 8px 12px !important;
  border: 1px solid #cbd5e1 !important;
  border-radius: 999px;
  background: #ffffff;
  color: #111827;
  font-size: 14px !important;
  outline: none;
}

#head .search input[type="text"]:focus {
  border-color: #2563eb !important;
  box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.14);
}

#head .search .submit,
#head .search input[type="submit"] {
  width: auto !important;
  min-width: 82px;
  height: 36px !important;
  margin: 0 !important;
  padding: 8px 15px !important;
  border: 0 !important;
  border-radius: 999px;
  background: #2563eb !important;
  color: #ffffff !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  cursor: pointer;
  box-shadow: 0 6px 14px rgba(37, 99, 235, 0.28);
}

#head .search .submit:hover,
#head .search input[type="submit"]:hover { background: #1d4ed8 !important; }

#menu {
  height: auto !important;
  min-height: 58px;
  margin-top: 16px !important;
  margin-bottom: 16px !important;
  padding: 13px 18px !important;
  background: linear-gradient(135deg, #dc2626 0%, #ef4444 100%) !important;
  border-radius: 18px;
  color: #ffffff !important;
  text-align: left !important;
  box-shadow: 0 10px 24px rgba(220, 38, 38, 0.22);
}

#menu a {
  display: inline-block;
  color: #ffffff !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  line-height: 1.25;
  margin: 3px 3px !important;
  padding: 9px 11px !important;
  border-radius: 11px;
}

#menu a:hover { background: rgba(255,255,255,0.16); color: #ffffff !important; }

#page {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-start !important;
  gap: 20px !important;
  height: auto !important;
  margin-bottom: 30px !important;
}

#page .shopview {
  order: 1 !important;
  float: none !important;
  width: calc(100% - 280px) !important;
  min-width: 0;
}

#page .right {
  order: 2 !important;
  float: none !important;
  width: 260px !important;
  flex: 0 0 260px !important;
  margin-left: 0 !important;
}

#page .right .frame {
  background: #ffffff !important;
  color: #172033 !important;
  font-size: 12px !important;
  margin-bottom: 18px !important;
  border-radius: 18px;
  overflow: hidden;
  box-shadow: 0 10px 28px rgba(15, 23, 42, 0.08);
  border: 1px solid rgba(226, 232, 240, 0.9);
}

#page .right .frame h1 {
  margin: 0 !important;
  padding: 13px 14px !important;
  background: #f8fafc !important;
  border-bottom: 1px solid #e5e7eb !important;
  color: #dc2626 !important;
  font-size: 16px !important;
  font-weight: 800 !important;
}

#page .right .frame h1 a { color: #dc2626 !important; }

#page .right .frame .txt {
  display: block;
  padding: 14px !important;
  color: #1f2937;
  font-size: 12px !important;
}

#page .right .frame .line { display: none !important; }

#page .right .frame .cart {
  display: block;
  height: auto !important;
  padding: 13px 14px !important;
  background: #f8fafc !important;
  opacity: 1 !important;
  filter: none !important;
  border-top: 1px solid #e5e7eb;
  color: #111827;
  font-size: 12px !important;
  text-align: right !important;
}

#page .right .frame .cart b { color: #dc2626; font-size: 18px; }

#page .right .frame div[style*="text-align:center"] {
  width: auto !important;
  padding: 12px 14px !important;
  background: #ffffff !important;
  opacity: 1 !important;
  filter: none !important;
}

form.frmSS937 { font-size: 12px !important; }

form.frmSS937 input[type="text"] {
  width: 100% !important;
  height: 34px !important;
  margin: 0 0 8px 0 !important;
  padding: 7px 9px !important;
  border: 1px solid #cbd5e1 !important;
  border-radius: 9px !important;
}

form.frmSS937 button[type="submit"] {
  float: none !important;
  display: inline-block !important;
  margin: 0 !important;
  padding: 8px 14px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: #2563eb !important;
  color: #ffffff !important;
  font-weight: 800 !important;
  cursor: pointer;
  box-shadow: 0 5px 12px rgba(37, 99, 235, 0.26);
}

form.frmSS937 button[type="submit"]:hover { background: #1d4ed8 !important; }
form.frmSS937 label { line-height: 1.3; }

input[type="submit"], button { font-family: Arial, Verdana, Tahoma, sans-serif; }
input[type="text"], input[type="email"], textarea, select { font-family: Arial, Verdana, Tahoma, sans-serif; }

@media (max-width: 920px) {
  #head { display: block; }
  .logo { width: 100% !important; max-width: 100% !important; margin-bottom: 12px; }
  #head .search { width: 100% !important; min-width: 0; text-align: left !important; }
  #head .search form { white-space: normal; }
  #head .search input[type="text"] { width: calc(100% - 100px) !important; max-width: none; }
}

@media (max-width: 700px) {
  #topmenu, #topmenu2, #head, #menu, #page, body > div[style*="width:950px"] {
    width: calc(100% - 18px) !important;
  }

  #page { display: block !important; }
  #page .shopview { width: 100% !important; margin-bottom: 18px !important; }
  #page .right { width: 100% !important; }
  #menu a { display: block; padding: 10px 12px !important; }
  #head .search { border-radius: 16px; }
  #head .search input[type="text"] { width: 100% !important; margin: 8px 0 !important; }
  #head .search .submit, #head .search input[type="submit"] { width: 100% !important; }
}

@media (max-width: 430px) {
  body { font-size: 13px; }
  #head { padding: 12px !important; }
  #menu { padding: 10px !important; }
  #topmenu a, #topmenu2 a { display: inline-block; margin-bottom: 4px !important; }
}


/* ==========================================================================
   OTROCI.ORG TRGOVINA 2026 - FAZA 2: IZDELKI
   CSS Grid kartice brez float zamikanja.
   ========================================================================== */

#page .shopview {
  background: #ffffff !important;
  border-radius: 18px;
  box-shadow: 0 10px 28px rgba(15, 23, 42, 0.08);
  padding: 18px !important;
  overflow: hidden;
}

#page .shopview .umes {
  display: none !important;
}

#page .shopview .product-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
  width: 100%;
  clear: both;
}

#page .shopview .product-grid .product {
  float: none !important;
  width: auto !important;
  height: auto !important;
  min-height: 175px !important;
  margin: 0 !important;
  padding: 12px !important;
  background: #ffffff !important;
  border: 1px solid #e5e7eb !important;
  border-radius: 18px !important;
  box-shadow: 0 5px 16px rgba(15, 23, 42, 0.07) !important;
  display: grid !important;
  grid-template-columns: 92px 1fr;
  grid-template-rows: auto 1fr auto;
  column-gap: 12px;
  row-gap: 10px;
  position: relative;
  transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease;
}

#page .shopview .product-grid .product:hover {
  transform: translateY(-2px);
  border-color: #cbd5e1 !important;
  box-shadow: 0 12px 28px rgba(15, 23, 42, 0.13) !important;
}

#page .shopview .product-grid .product .img {
  float: none !important;
  grid-column: 1;
  grid-row: 1 / span 3;
  width: 92px !important;
  height: auto !important;
  min-height: 125px;
  margin: 0 !important;
  padding: 0 !important;
  text-align: center !important;
  overflow: visible !important;
  display: flex;
  align-items: flex-start;
  justify-content: center;
}

#page .shopview .product-grid .product .img img {
  max-width: 82px !important;
  max-height: 125px !important;
  width: auto !important;
  height: auto !important;
  border-radius: 8px;
}

#page .shopview .product-grid .product .text {
  float: none !important;
  grid-column: 2;
  grid-row: 1 / span 2;
  width: auto !important;
  padding: 0 !important;
  overflow: hidden !important;
}

#page .shopview .product-grid .product .text h1 {
  height: auto !important;
  min-height: 0 !important;
  margin: 0 0 8px 0 !important;
  padding: 0 !important;
  border: 0 !important;
  line-height: 1.25 !important;
}

#page .shopview .product-grid .product .text h1 a {
  color: #111827 !important;
  font-size: 16px !important;
  font-weight: 800 !important;
}

#page .shopview .product-grid .product .text h1 a:hover {
  color: #dc2626 !important;
}

#page .shopview .product-grid .product .text .textx {
  display: block !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: 72px !important;
  overflow: hidden !important;
  color: #4b5563 !important;
  font-size: 12px !important;
  line-height: 1.45 !important;
  text-align: left !important;
}

#page .shopview .product-grid .product .price {
  float: none !important;
  grid-column: 2;
  grid-row: 3;
  align-self: end;
  color: #dc2626 !important;
  font-size: 16px !important;
  font-weight: 900 !important;
  padding: 0 50px 0 0 !important;
  margin: 0 !important;
}

#page .shopview .product-grid .product .add {
  float: none !important;
  position: absolute;
  right: 12px;
  bottom: 12px;
}

#page .shopview .product-grid .product .add a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 36px;
  min-height: 36px;
  padding: 7px;
  background: #2563eb;
  border-radius: 999px;
  box-shadow: 0 6px 16px rgba(37, 99, 235, 0.28);
}

#page .shopview .product-grid .product .add a:hover {
  background: #1d4ed8;
}

#page .shopview .product-grid .product .add img {
  max-width: 24px !important;
  max-height: 24px !important;
  filter: brightness(0) invert(1);
}

#page .shopview h1 {
  color: #dc2626 !important;
  font-size: 22px !important;
  padding: 0 0 12px 0 !important;
  margin: 0 0 18px 0 !important;
  border-bottom: 1px solid #e5e7eb !important;
}

/* Telefon in ožji zasloni: vedno en izdelek v vrsti, brez zamikanja */
@media (max-width: 760px) {
  #page .shopview {
    padding: 12px !important;
  }

  #page .shopview .product-grid {
    grid-template-columns: 1fr !important;
    gap: 14px;
  }

  #page .shopview .product-grid .product {
    min-height: 0 !important;
    grid-template-columns: 92px 1fr;
    padding: 13px !important;
    column-gap: 12px;
  }

  #page .shopview .product-grid .product .img {
    width: 92px !important;
    min-height: 130px;
  }

  #page .shopview .product-grid .product .img img {
    max-width: 86px !important;
    max-height: 130px !important;
  }

  #page .shopview .product-grid .product .text h1 a {
    font-size: 15px !important;
  }

  #page .shopview .product-grid .product .text .textx {
    max-height: 95px !important;
    font-size: 12px !important;
  }

  #page .shopview .product-grid .product .price {
    font-size: 16px !important;
    padding-right: 48px !important;
  }

  #page .shopview .product-grid .product .add {
    right: 12px;
    bottom: 12px;
  }
}

@media (max-width: 430px) {
  #page .shopview .product-grid .product {
    grid-template-columns: 1fr;
  }

  #page .shopview .product-grid .product .img,
  #page .shopview .product-grid .product .text,
  #page .shopview .product-grid .product .price {
    grid-column: 1;
  }

  #page .shopview .product-grid .product .img {
    grid-row: 1;
    width: 100% !important;
    justify-content: center;
    margin-bottom: 4px !important;
  }

  #page .shopview .product-grid .product .text {
    grid-row: 2;
    overflow: visible !important;
  }

  #page .shopview .product-grid .product .text .textx {
    max-height: none !important;
  }

  #page .shopview .product-grid .product .price {
    grid-row: 3;
    padding-right: 52px !important;
  }
}


/* ==========================================================================
   POPRAVEK: MANJŠE KARTICE IZDELKOV - MANJ PRAZNINE
   ========================================================================== */

#page .shopview .product-grid {
  gap: 14px !important;
}

#page .shopview .product-grid .product {
  min-height: 175px !important;
  padding: 12px !important;
  grid-template-columns: 92px 1fr !important;
  column-gap: 12px !important;
  row-gap: 6px !important;
}

#page .shopview .product-grid .product .img {
  width: 92px !important;
  min-height: 125px !important;
}

#page .shopview .product-grid .product .img img {
  max-width: 82px !important;
  max-height: 125px !important;
}

#page .shopview .product-grid .product .text h1 {
  margin-bottom: 6px !important;
  line-height: 1.18 !important;
}

#page .shopview .product-grid .product .text h1 a {
  font-size: 15px !important;
}

#page .shopview .product-grid .product .text .textx {
  max-height: 72px !important;
  font-size: 12px !important;
  line-height: 1.35 !important;
}

#page .shopview .product-grid .product .price {
  font-size: 16px !important;
  padding-right: 44px !important;
}

#page .shopview .product-grid .product .add a {
  min-width: 36px !important;
  min-height: 36px !important;
  padding: 6px !important;
}

#page .shopview .product-grid .product .add img {
  max-width: 24px !important;
  max-height: 24px !important;
}

@media (max-width: 760px) {
  #page .shopview .product-grid {
    gap: 12px !important;
  }

  #page .shopview .product-grid .product {
    min-height: 0 !important;
    padding: 11px !important;
    grid-template-columns: 82px 1fr !important;
  }

  #page .shopview .product-grid .product .img {
    width: 82px !important;
    min-height: 110px !important;
  }

  #page .shopview .product-grid .product .img img {
    max-width: 74px !important;
    max-height: 110px !important;
  }

  #page .shopview .product-grid .product .text .textx {
    max-height: 70px !important;
  }
}


/* ==========================================================================
   POPRAVEK: BESEDILO V KARTICAH NAJ BO VIDNO V CELOTI
   Kartice ostanejo kompaktne, vendar se po potrebi same povečajo.
   ========================================================================== */

#page .shopview .product-grid .product {
  height: auto !important;
  min-height: 155px !important;
  overflow: visible !important;
  grid-template-rows: auto auto auto !important;
  align-items: start !important;
}

#page .shopview .product-grid .product .text {
  overflow: visible !important;
}

#page .shopview .product-grid .product .text .textx {
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  overflow: visible !important;
  display: block !important;
  line-height: 1.38 !important;
}

/* Slika naj ne sili kartice v preveliko višino */
#page .shopview .product-grid .product .img {
  min-height: 115px !important;
}

#page .shopview .product-grid .product .img img {
  max-height: 115px !important;
}

/* Na telefonu naj bo besedilo prav tako v celoti vidno */
@media (max-width: 760px) {
  #page .shopview .product-grid .product {
    min-height: 0 !important;
  }

  #page .shopview .product-grid .product .text .textx {
    max-height: none !important;
    overflow: visible !important;
  }

  #page .shopview .product-grid .product .img {
    min-height: 105px !important;
  }

  #page .shopview .product-grid .product .img img {
    max-height: 105px !important;
  }
}


/* ==========================================================================
   POPRAVEK: ODSTRANJEN SIVI ROB / OKVIR ZA IZDELKI
   Pustimo samo kartice izdelkov, brez dodatnega ozadja okoli seznama.
   ========================================================================== */

#page .shopview {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
}

/* Če stari CSS še vedno riše kakšen okvir okoli glavnega dela */
#page .shopview,
#page .shopview table,
#page .shopview td {
  border-color: transparent !important;
}

/* Kartice izdelkov naj ostanejo lepo oblikovane */
#page .shopview .product-grid .product {
  background: #ffffff !important;
  border: 1px solid #e5e7eb !important;
  border-radius: 18px !important;
  box-shadow: 0 5px 16px rgba(15, 23, 42, 0.07) !important;
}


/* ==========================================================================
   MOČNEJŠI POPRAVEK: ODSTRANJEN ZUNANJI SIVI OKVIR
   Prejšnji popravek je odstranil .shopview, vendar okvir očitno riše starši element
   ali stara tabela okoli vsebine. Zato odstranimo okvir še na zunanjih ovojnicah.
   ========================================================================== */

/* Zunanja stran naj ne riše nobenega okvirja okoli izdelkov */
#page,
#page > div,
#page .shopview,
#page .content,
#page .main,
#page .center,
#page .left,
#page table,
#page tbody,
#page tr,
#page td {
  background-color: transparent !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
  outline: 0 !important;
}

/* Odstrani morebitne stare inline/HTML robove okoli tabel v uporabniškem delu */
#page table[width],
#page table[border],
#page td[style],
#page table[style] {
  border: 0 !important;
  border-color: transparent !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* Glavni del brez dodatnega belega/sivega okvirja */
#page .shopview {
  padding: 0 !important;
  margin: 0 !important;
  border-radius: 0 !important;
  overflow: visible !important;
}

/* Ohrani pa oblikovanje samih kartic izdelkov */
#page .shopview .product-grid .product {
  background: #ffffff !important;
  border: 1px solid #e5e7eb !important;
  border-radius: 18px !important;
  box-shadow: 0 5px 16px rgba(15, 23, 42, 0.07) !important;
}

/* Ohrani tudi okvirje v desnem stolpcu, da ne izgine košarica */
#page .right .frame {
  background: #ffffff !important;
  border: 1px solid rgba(226, 232, 240, 0.9) !important;
  border-radius: 18px !important;
  box-shadow: 0 10px 28px rgba(15, 23, 42, 0.08) !important;
}

/* Če je modra/stara črta tik nad izdelki še vedno iz starega elementa */
#page .shopview hr,
#page hr {
  display: none !important;
}


/* ==========================================================================
   POPRAVEK: TELEFON / LEŽEČI TELEFON - KARTICE SE NE REŽEJO DESNO
   Na telefonih in manjših tablicah gre vsebina v en stolpec.
   ========================================================================== */

html,
body {
  max-width: 100% !important;
  overflow-x: hidden !important;
}

@media (max-width: 1024px) {
  #topmenu,
  #topmenu2,
  #head,
  #menu,
  #page,
  body > div[style*="width:950px"] {
    width: calc(100% - 18px) !important;
    max-width: calc(100% - 18px) !important;
    min-width: 0 !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  #page {
    display: block !important;
    overflow: visible !important;
  }

  #page .shopview {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 0 18px 0 !important;
    padding: 0 !important;
    overflow: visible !important;
  }

  #page .right {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 18px 0 0 0 !important;
    float: none !important;
  }

  #page .shopview .product-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 12px !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow: visible !important;
  }

  #page .shopview .product-grid .product {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    overflow: visible !important;
  }

  #page .shopview .product-grid .product .text {
    min-width: 0 !important;
    max-width: 100% !important;
  }

  #page .shopview .product-grid .product .text h1,
  #page .shopview .product-grid .product .text h1 a,
  #page .shopview .product-grid .product .text .textx {
    max-width: 100% !important;
    overflow-wrap: break-word !important;
    word-wrap: break-word !important;
  }
}

/* Zelo ozki telefoni */
@media (max-width: 480px) {
  #page .shopview .product-grid .product {
    grid-template-columns: 82px 1fr !important;
    column-gap: 10px !important;
    padding: 10px !important;
  }

  #page .shopview .product-grid .product .img {
    width: 82px !important;
    min-height: 100px !important;
  }

  #page .shopview .product-grid .product .img img {
    max-width: 74px !important;
    max-height: 100px !important;
  }

  #page .shopview .product-grid .product .text h1 a {
    font-size: 14px !important;
  }

  #page .shopview .product-grid .product .text .textx {
    font-size: 12px !important;
    line-height: 1.32 !important;
  }
}


/* ==========================================================================
   POPRAVEK: OBVESTILO TRGOVINE / PASICA NAD IZDELKI NA SREDINO
   To je vsebina iz admin_text_edit.php?edit_id=13.
   ========================================================================== */

/* Vsi večji samostojni elementi pred mrežo izdelkov naj bodo poravnani na sredino */
#page .shopview > table,
#page .shopview > div:not(.product-grid):not(.product),
#page .shopview > p {
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Slike/pasice iz obvestila naj se ne lepijo na levi rob */
#page .shopview > table img,
#page .shopview > div:not(.product-grid):not(.product) img,
#page .shopview > p img {
  display: block !important;
  margin-left: auto !important;
  margin-right: auto !important;
  max-width: 100% !important;
  height: auto !important;
}

/* Če je obvestilo v stari tabeli širine 700 px, naj bo tabela na sredini */
#page .shopview table[width="700"],
#page .shopview table[width="710"],
#page .shopview table[width="950"] {
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Besedilo nad/pod pasico ostane poravnano znotraj obvestila */
#page .shopview > table,
#page .shopview > div:not(.product-grid):not(.product) {
  text-align: left !important;
}

/* Na telefonu naj pasica nikoli ne gre čez ekran */
@media (max-width: 1024px) {
  #page .shopview > table,
  #page .shopview > div:not(.product-grid):not(.product),
  #page .shopview > p {
    width: 100% !important;
    max-width: 100% !important;
  }

  #page .shopview img {
    max-width: 100% !important;
    height: auto !important;
  }
}


/* ==========================================================================
   POPRAVEK: OBVESTILO TRGOVINE
   - skrije napis "OBVESTILO:"
   - zoža modro polje
   - centrira obvestilo
   ========================================================================== */

/* Predpostavka: prvo večje obvestilo v shopview je prva tabela/blok nad izdelki */
#page .shopview > table:first-of-type,
#page .shopview > div:first-of-type {
  width: min(760px, 92%) !important;
  max-width: 760px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Skrij prvi napis v prvi vrstici obvestila */
#page .shopview > table:first-of-type tr:first-child td:first-child {
  font-size: 0 !important;
  line-height: 0 !important;
  padding-top: 6px !important;
  padding-bottom: 0 !important;
}

/* Če je "OBVESTILO:" v posebnem bloku/div-u */
#page .shopview > div:first-of-type > b:first-child,
#page .shopview > div:first-of-type > strong:first-child {
  display: none !important;
}

/* Besedilo obvestila na sredino */
#page .shopview > table:first-of-type tr:first-child + tr td,
#page .shopview > table:first-of-type tr:nth-child(2) td,
#page .shopview > div:first-of-type {
  text-align: center !important;
}

/* Zmanjšaj modro polje in zmehčaj robove */
#page .shopview > table:first-of-type td,
#page .shopview > div:first-of-type {
  border-radius: 12px !important;
}

/* Pasica/slika v obvestilu */
#page .shopview > table:first-of-type img,
#page .shopview > div:first-of-type img {
  display: block !important;
  margin-left: auto !important;
  margin-right: auto !important;
  max-width: 100% !important;
  height: auto !important;
}



/* ==========================================================================
   OTROCI.ORG TRGOVINA 2026 - FAZA 3: STRAN POSAMEZNEGA IZDELKA
   Varna CSS prenova stare tabelarične postavitve.
   PHP ostane nespremenjen.
   ========================================================================== */

/* Splošno: stara tabela izdelka naj izgleda kot moderna kartica */
#page .shopview > table[width="700"] {
  width: 100% !important;
  max-width: 860px !important;
  margin: 0 auto 18px auto !important;
  background: #ffffff !important;
  border: 1px solid #e5e7eb !important;
  border-radius: 20px !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  box-shadow: 0 8px 22px rgba(15, 23, 42, 0.08) !important;
  overflow: hidden !important;
}

/* Celice v starih tabelah */
#page .shopview > table[width="700"] td {
  border: 0 !important;
  background: transparent !important;
}

/* Prva tabela na strani izdelka: slika + naslov + cena */
#page .shopview > table[width="700"]:first-of-type {
  padding: 0 !important;
}

#page .shopview > table[width="700"]:first-of-type td {
  padding: 18px !important;
  vertical-align: top !important;
}

/* Levi stolpec s sliko */
#page .shopview > table[width="700"]:first-of-type td:first-child {
  width: 210px !important;
  text-align: center !important;
  background: #f8fafc !important;
  border-right: 1px solid #e5e7eb !important;
}

#page .shopview > table[width="700"]:first-of-type td:first-child img {
  max-width: 170px !important;
  max-height: 230px !important;
  width: auto !important;
  height: auto !important;
  border-radius: 10px !important;
}

/* Naslov izdelka */
#page .shopview > table[width="700"]:first-of-type h3 {
  color: #111827 !important;
  font-size: 24px !important;
  line-height: 1.22 !important;
  margin: 0 0 12px 0 !important;
  padding: 0 !important;
  font-weight: 900 !important;
}

/* Glavni opis */
#page .shopview > table[width="700"]:first-of-type td[style*="font-size:10px"],
#page .shopview > table[width="700"]:first-of-type td[width="400"] {
  color: #374151 !important;
  font-family: Arial, Verdana, Tahoma, sans-serif !important;
  font-size: 14px !important;
  line-height: 1.55 !important;
}

/* Cena */
#page .shopview .cena {
  display: inline-block !important;
  color: #dc2626 !important;
  font-size: 24px !important;
  line-height: 1.25 !important;
  font-weight: 900 !important;
  margin: 8px 0 10px 0 !important;
}

/* Dobava in poštnina */
#page .shopview > table[width="700"]:first-of-type b {
  font-size: 14px !important;
}

#page .shopview > table[width="700"]:first-of-type table {
  width: 100% !important;
  margin-top: 8px !important;
  background: #f8fafc !important;
  border-radius: 12px !important;
  border-collapse: separate !important;
  overflow: hidden !important;
}

#page .shopview > table[width="700"]:first-of-type table td {
  padding: 6px 8px !important;
  font-size: 13px !important;
  color: #374151 !important;
}

/* Desni stolpec z gumbom dodaj v košarico */
#page .shopview > table[width="700"]:first-of-type td[width="135"] {
  width: 160px !important;
  text-align: center !important;
  vertical-align: middle !important;
  background: #f8fafc !important;
  border-left: 1px solid #e5e7eb !important;
}

#page .shopview > table[width="700"]:first-of-type td[width="135"] a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 48px !important;
  padding: 10px 16px !important;
  background: #2563eb !important;
  color: #ffffff !important;
  border-radius: 999px !important;
  box-shadow: 0 7px 18px rgba(37, 99, 235, 0.28) !important;
}

#page .shopview > table[width="700"]:first-of-type td[width="135"] a:hover {
  background: #1d4ed8 !important;
}

#page .shopview > table[width="700"]:first-of-type td[width="135"] img {
  max-width: 130px !important;
  height: auto !important;
  border: 0 !important;
}

/* Dolgi opis izdelka */
#page .shopview > table[width="700"]:not(:first-of-type) {
  padding: 20px !important;
}

#page .shopview > table[width="700"]:not(:first-of-type) td {
  padding: 18px !important;
  color: #374151 !important;
  font-family: Arial, Verdana, Tahoma, sans-serif !important;
  font-size: 15px !important;
  line-height: 1.65 !important;
}

#page .shopview > table[width="700"]:not(:first-of-type) h1,
#page .shopview > table[width="700"]:not(:first-of-type) h2,
#page .shopview > table[width="700"]:not(:first-of-type) h3 {
  color: #111827 !important;
  line-height: 1.25 !important;
  margin-top: 14px !important;
  margin-bottom: 10px !important;
}

/* Dodatne slike / podrobnejši vpogled */
#page .shopview hr {
  display: none !important;
}

#page .shopview > table[width="700"] table img {
  border-radius: 8px !important;
}

/* Povečaj sliko link */
#page .shopview a span[style*="color:#e0134e"] {
  color: #dc2626 !important;
  font-weight: 800 !important;
}

/* Stari CD predvajalnik, če se pojavi */
#page .shopview ul.cdPlayer {
  margin: 10px 0 20px 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

#page .shopview ul.cdPlayer li {
  background: #f8fafc !important;
  border: 1px solid #e5e7eb !important;
  border-radius: 10px !important;
  margin-bottom: 7px !important;
  padding: 8px 10px !important;
}

/* Telefoni: stran izdelka brez rezanja in tabelaričnega stiskanja */
@media (max-width: 760px) {
  #page .shopview > table[width="700"],
  #page .shopview > table[width="700"] tbody,
  #page .shopview > table[width="700"] tr,
  #page .shopview > table[width="700"] td {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  #page .shopview > table[width="700"] {
    margin-bottom: 14px !important;
    border-radius: 16px !important;
  }

  #page .shopview > table[width="700"]:first-of-type td {
    padding: 14px !important;
  }

  #page .shopview > table[width="700"]:first-of-type td:first-child {
    border-right: 0 !important;
    border-bottom: 1px solid #e5e7eb !important;
  }

  #page .shopview > table[width="700"]:first-of-type td:first-child img {
    max-width: 150px !important;
    max-height: 210px !important;
  }

  #page .shopview > table[width="700"]:first-of-type td[width="135"] {
    border-left: 0 !important;
    border-top: 1px solid #e5e7eb !important;
  }

  #page .shopview > table[width="700"]:first-of-type td[width="135"] a {
    width: 100% !important;
  }

  #page .shopview > table[width="700"]:first-of-type h3 {
    font-size: 21px !important;
  }

  #page .shopview .cena {
    font-size: 22px !important;
  }

  #page .shopview > table[width="700"]:not(:first-of-type) td {
    padding: 14px !important;
    font-size: 14px !important;
  }
}



/* ==========================================================================
   OTROCI.ORG TRGOVINA 2026 - FAZA 4: KOŠARICA / 1. KORAK BLAGAJNE
   ========================================================================== */

#page .shopview > table[width="710"] {
  width: 100% !important;
  max-width: 920px !important;
  margin: 0 auto 24px auto !important;
  background: transparent !important;
  border: 0 !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  box-shadow: none !important;
}

#page .shopview > table[width="710"] > tbody > tr > td {
  background: transparent !important;
  border: 0 !important;
}

#page .shopview > table[width="710"] > tbody > tr:first-child,
#page .shopview > table[width="710"] > tbody > tr:last-child {
  display: none !important;
}

#page .shopview .nav {
  background: #ffffff !important;
  border: 1px solid #e5e7eb !important;
  border-radius: 18px !important;
  box-shadow: 0 8px 22px rgba(15, 23, 42, 0.08) !important;
  padding: 20px !important;
  margin: 0 auto 18px auto !important;
  max-width: 920px !important;
  text-align: center !important;
  color: #111827 !important;
}

#page .shopview .nav span {
  display: block !important;
  font-size: 25px !important;
  font-weight: 800 !important;
  margin-bottom: 8px !important;
  color: #111827 !important;
}

#page .shopview .nav b {
  font-size: 15px !important;
  color: #374151 !important;
}

#page .shopview .cart2026-form {
  display: block !important;
  width: 100% !important;
  max-width: 920px !important;
  margin: 0 auto !important;
}

#page .shopview .cart2026-items-table {
  width: 100% !important;
  max-width: 920px !important;
  margin: 0 auto !important;
  border: 0 !important;
  background: transparent !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
}

#page .shopview .cart2026-items-table > tbody > tr > td {
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
}

#page .shopview .cart2026-item {
  width: 100% !important;
  margin: 0 0 14px 0 !important;
  background: #ffffff !important;
  border: 1px solid #e5e7eb !important;
  border-radius: 18px !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  box-shadow: 0 7px 20px rgba(15, 23, 42, 0.07) !important;
  overflow: hidden !important;
}

#page .shopview .cart2026-item td {
  padding: 18px !important;
  vertical-align: middle !important;
  background: transparent !important;
  border: 0 !important;
}

#page .shopview .cart2026-item td:first-child {
  width: 145px !important;
  text-align: center !important;
  background: #f8fafc !important;
}

#page .shopview .cart2026-item td:first-child img {
  max-width: 105px !important;
  max-height: 145px !important;
  width: auto !important;
  height: auto !important;
  border-radius: 8px !important;
}

#page .shopview .cart2026-item b {
  color: #111827 !important;
  font-size: 17px !important;
  line-height: 1.25 !important;
}

#page .shopview .cart2026-item .cena {
  color: #dc2626 !important;
  font-size: 24px !important;
  font-weight: 900 !important;
  margin-top: 8px !important;
}

#page .shopview .cart2026-item .kos {
  width: 52px !important;
  height: 36px !important;
  text-align: center !important;
  border: 1px solid #cbd5e1 !important;
  border-radius: 9px !important;
  font-size: 15px !important;
  font-weight: 800 !important;
}

#page .shopview .cart2026-item .delete {
  display: inline-block !important;
  color: #dc2626 !important;
  background: #fef2f2 !important;
  border: 1px solid #fecaca !important;
  border-radius: 999px !important;
  padding: 7px 11px !important;
  font-size: 11px !important;
  font-weight: 900 !important;
}

#page .shopview .cart2026-item .delete:hover {
  background: #fee2e2 !important;
}

#page .shopview .cart2026-summary-table {
  width: 100% !important;
  max-width: 920px !important;
  margin: 6px auto 0 auto !important;
  background: transparent !important;
  border: 0 !important;
}

#page .shopview .cart2026-summary-table td {
  background: transparent !important;
  border: 0 !important;
}

#page .shopview .cart2026-summary-table .sum {
  text-align: right !important;
  color: #111827 !important;
  font-size: 18px !important;
  padding: 14px 0 !important;
}

#page .shopview .cart2026-summary-table .sum b {
  display: inline-block !important;
  background: #ffffff !important;
  border: 1px solid #e5e7eb !important;
  border-radius: 14px !important;
  padding: 12px 18px !important;
  box-shadow: 0 6px 18px rgba(15, 23, 42, 0.06) !important;
}

#page .shopview .cart2026-actions-table {
  width: 100% !important;
  max-width: 920px !important;
  margin: 0 auto !important;
  background: transparent !important;
  border: 0 !important;
}

#page .shopview .cart2026-actions-table td {
  background: transparent !important;
  border: 0 !important;
}

#page .shopview .cart2026-discount-cell {
  text-align: right !important;
  padding: 10px 0 8px 0 !important;
}

#page .shopview .cart2026-discount {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  background: #ffffff !important;
  border: 1px solid #e5e7eb !important;
  border-radius: 14px !important;
  padding: 10px 12px !important;
  box-shadow: 0 6px 18px rgba(15, 23, 42, 0.06) !important;
  color: #111827 !important;
}

#page .shopview .cart2026-discount label {
  display: inline-block !important;
  color: #111827 !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  white-space: nowrap !important;
}

#page .shopview .cart2026-discount-input {
  width: 130px !important;
  height: 36px !important;
  padding: 7px 10px !important;
  border: 1px solid #cbd5e1 !important;
  border-radius: 9px !important;
  font-size: 14px !important;
  color: #111827 !important;
  background: #ffffff !important;
}

#page .shopview .cart2026-refresh {
  width: 36px !important;
  height: 36px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: #2563eb !important;
  color: #ffffff !important;
  font-size: 20px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  cursor: pointer !important;
  box-shadow: 0 5px 13px rgba(37, 99, 235, 0.25) !important;
}

#page .shopview .cart2026-refresh:hover {
  background: #1d4ed8 !important;
}

#page .shopview .cart2026-actions-table a img {
  border: 0 !important;
  max-height: 44px !important;
}

#page .shopview .cart2026-actions-table .next2 {
  display: inline-block !important;
  min-width: 190px !important;
  height: 46px !important;
  padding: 0 22px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: #22c55e !important;
  color: #ffffff !important;
  font-size: 15px !important;
  font-weight: 900 !important;
  cursor: pointer !important;
  box-shadow: 0 7px 18px rgba(34, 197, 94, 0.25) !important;
}

#page .shopview .cart2026-actions-table .next2:hover {
  background: #16a34a !important;
}

@media (max-width: 760px) {
  #page .shopview .nav {
    padding: 16px !important;
  }

  #page .shopview .nav span {
    font-size: 22px !important;
  }

  #page .shopview .cart2026-item,
  #page .shopview .cart2026-item tbody,
  #page .shopview .cart2026-item tr,
  #page .shopview .cart2026-item td {
    display: block !important;
    width: 100% !important;
  }

  #page .shopview .cart2026-item td {
    padding: 13px !important;
    text-align: left !important;
  }

  #page .shopview .cart2026-item td:first-child {
    text-align: center !important;
    border-bottom: 1px solid #e5e7eb !important;
  }

  #page .shopview .cart2026-item td:first-child img {
    max-width: 125px !important;
    max-height: 165px !important;
  }

  #page .shopview .cart2026-summary-table,
  #page .shopview .cart2026-summary-table tbody,
  #page .shopview .cart2026-summary-table tr,
  #page .shopview .cart2026-summary-table td,
  #page .shopview .cart2026-actions-table,
  #page .shopview .cart2026-actions-table tbody,
  #page .shopview .cart2026-actions-table tr,
  #page .shopview .cart2026-actions-table td {
    display: block !important;
    width: 100% !important;
    text-align: center !important;
  }

  #page .shopview .cart2026-discount {
    width: 100% !important;
    justify-content: center !important;
    flex-wrap: wrap !important;
  }

  #page .shopview .cart2026-discount label {
    width: 100% !important;
    text-align: center !important;
  }

  #page .shopview .cart2026-discount-input {
    width: calc(100% - 50px) !important;
    max-width: 220px !important;
  }

  #page .shopview .cart2026-actions-table a img,
  #page .shopview .cart2026-actions-table .next2 {
    width: 100% !important;
    max-width: 290px !important;
    margin: 6px auto !important;
  }
}



/* ==========================================================================
   OTROCI.ORG TRGOVINA 2026 - FAZA 5: 2. KORAK BLAGAJNE / PODATKI KUPCA
   ========================================================================== */

/* Zunanji okvir 2. koraka */
#page .shopview .checkout2026-outer {
  width: 100% !important;
  max-width: 920px !important;
  margin: 0 auto 24px auto !important;
  background: transparent !important;
  border: 0 !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  box-shadow: none !important;
}

#page .shopview .checkout2026-outer > tbody > tr > td {
  background: transparent !important;
  border: 0 !important;
}

/* Skrij stare slikovne robove content_top/content_bottom */
#page .shopview .checkout2026-outer > tbody > tr:first-child,
#page .shopview .checkout2026-outer > tbody > tr:last-child {
  display: none !important;
}

/* Naslov koraka */
#page .shopview .checkout2026-outer .nav {
  background: #ffffff !important;
  border: 1px solid #e5e7eb !important;
  border-radius: 18px !important;
  box-shadow: 0 8px 22px rgba(15, 23, 42, 0.08) !important;
  padding: 20px !important;
  margin: 0 auto 18px auto !important;
  max-width: 920px !important;
  text-align: center !important;
  color: #111827 !important;
}

#page .shopview .checkout2026-outer .nav span {
  display: block !important;
  font-size: 25px !important;
  font-weight: 800 !important;
  margin-bottom: 8px !important;
  color: #111827 !important;
}

#page .shopview .checkout2026-outer .nav b {
  font-size: 15px !important;
  color: #374151 !important;
}

/* Obrazec */
#page .shopview .checkout2026-form {
  display: block !important;
  width: 100% !important;
  max-width: 920px !important;
  margin: 0 auto !important;
}

/* Naslovi sekcij */
#page .shopview .checkout2026-section-title {
  width: 100% !important;
  max-width: 920px !important;
  margin: 16px auto 8px auto !important;
  background: transparent !important;
  border: 0 !important;
}

#page .shopview .checkout2026-section-title td {
  height: auto !important;
  padding: 0 2px 8px 2px !important;
  color: #111827 !important;
  font-size: 18px !important;
  font-weight: 900 !important;
  background: transparent !important;
  border: 0 !important;
}

/* Kartice: plačilo, pojasnila, podatki */
#page .shopview .checkout2026-payment,
#page .shopview .checkout2026-payment-info,
#page .shopview .checkout2026-data {
  width: 100% !important;
  max-width: 920px !important;
  margin: 0 auto 18px auto !important;
  background: #ffffff !important;
  border: 1px solid #e5e7eb !important;
  border-radius: 18px !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  box-shadow: 0 7px 20px rgba(15, 23, 42, 0.07) !important;
  overflow: hidden !important;
}

/* Način plačila */
#page .shopview .checkout2026-payment td {
  padding: 15px 18px !important;
  border-bottom: 1px solid #f1f5f9 !important;
  background: #ffffff !important;
  color: #374151 !important;
  font-size: 14px !important;
  line-height: 1.45 !important;
}

#page .shopview .checkout2026-payment tr:last-child td {
  border-bottom: 0 !important;
}

#page .shopview .checkout2026-payment input[type="radio"] {
  width: 18px !important;
  height: 18px !important;
  accent-color: #2563eb;
}

#page .shopview .checkout2026-payment p {
  margin: 0 !important;
}

/* Pojasnilo pod plačili */
#page .shopview .checkout2026-payment-info td {
  padding: 17px 20px !important;
  background: #f8fafc !important;
  color: #374151 !important;
  font-size: 14px !important;
  line-height: 1.55 !important;
}

/* Podatki kupca */
#page .shopview .checkout2026-data td {
  background: #ffffff !important;
  border: 0 !important;
  color: #374151 !important;
  font-size: 14px !important;
  line-height: 1.45 !important;
}

#page .shopview .checkout2026-data > tbody > tr > td {
  padding: 20px !important;
  vertical-align: top !important;
}

#page .shopview .checkout2026-data table {
  width: 100% !important;
  border: 0 !important;
  background: transparent !important;
  border-collapse: separate !important;
  border-spacing: 0 8px !important;
}

#page .shopview .checkout2026-data table td {
  padding: 4px 6px !important;
  vertical-align: top !important;
  background: transparent !important;
}

#page .shopview .checkout2026-data td[align="right"] {
  text-align: left !important;
  color: #111827 !important;
  font-weight: 800 !important;
  width: 120px !important;
  padding-top: 11px !important;
}

#page .shopview .checkout2026-data input[type="text"],
#page .shopview .checkout2026-data textarea,
#page .shopview .checkout2026-data select {
  width: 100% !important;
  max-width: 250px !important;
  min-height: 38px !important;
  padding: 8px 10px !important;
  border: 1px solid #cbd5e1 !important;
  border-radius: 10px !important;
  background: #ffffff !important;
  color: #111827 !important;
  font-size: 14px !important;
  outline: none !important;
}

#page .shopview .checkout2026-data input[name="post_num"] {
  max-width: 110px !important;
}

#page .shopview .checkout2026-data textarea {
  min-height: 105px !important;
  resize: vertical !important;
}

#page .shopview .checkout2026-data input[type="text"]:focus,
#page .shopview .checkout2026-data textarea:focus,
#page .shopview .checkout2026-data select:focus {
  border-color: #2563eb !important;
  box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.14) !important;
}

/* Check boxi in radio gumbi */
#page .shopview .checkout2026-data input[type="checkbox"],
#page .shopview .checkout2026-data input[type="radio"] {
  width: 18px !important;
  height: 18px !important;
  margin-right: 7px !important;
  vertical-align: middle !important;
  accent-color: #2563eb;
}

/* Pogoji in novice */
#page .shopview .checkout2026-data td[colspan="2"] {
  padding: 10px 6px !important;
  color: #374151 !important;
  font-size: 13px !important;
  line-height: 1.45 !important;
}

#page .shopview .checkout2026-data td[colspan="2"] a {
  color: #1d4ed8 !important;
  font-weight: 800 !important;
}

/* Napake */
#page .shopview .red {
  display: inline-block !important;
  margin-top: 5px !important;
  padding: 6px 9px !important;
  background: #fef2f2 !important;
  border: 1px solid #fecaca !important;
  border-radius: 9px !important;
  color: #dc2626 !important;
  font-size: 12px !important;
  font-weight: 800 !important;
}

/* Gumb naprej */
#page .shopview .checkout2026-submit-cell {
  text-align: right !important;
  padding: 18px 20px 20px 20px !important;
  background: #f8fafc !important;
  border-top: 1px solid #e5e7eb !important;
}

#page .shopview .checkout2026-submit-cell .next {
  width: auto !important;
  min-width: 220px !important;
  height: 48px !important;
  padding: 0 24px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: #22c55e !important;
  color: #ffffff !important;
  font-size: 15px !important;
  font-weight: 900 !important;
  cursor: pointer !important;
  box-shadow: 0 7px 18px rgba(34, 197, 94, 0.25) !important;
}

#page .shopview .checkout2026-submit-cell .next:hover {
  background: #16a34a !important;
}

/* Telefon */
@media (max-width: 760px) {
  #page .shopview .checkout2026-outer,
  #page .shopview .checkout2026-form,
  #page .shopview .checkout2026-payment,
  #page .shopview .checkout2026-payment-info,
  #page .shopview .checkout2026-data,
  #page .shopview .checkout2026-section-title {
    width: 100% !important;
    max-width: 100% !important;
  }

  #page .shopview .checkout2026-outer .nav {
    padding: 16px !important;
  }

  #page .shopview .checkout2026-outer .nav span {
    font-size: 22px !important;
  }

  #page .shopview .checkout2026-payment,
  #page .shopview .checkout2026-payment tbody,
  #page .shopview .checkout2026-payment tr,
  #page .shopview .checkout2026-payment td,
  #page .shopview .checkout2026-payment-info,
  #page .shopview .checkout2026-payment-info tbody,
  #page .shopview .checkout2026-payment-info tr,
  #page .shopview .checkout2026-payment-info td,
  #page .shopview .checkout2026-data,
  #page .shopview .checkout2026-data tbody,
  #page .shopview .checkout2026-data tr,
  #page .shopview .checkout2026-data td,
  #page .shopview .checkout2026-data table,
  #page .shopview .checkout2026-data table tbody,
  #page .shopview .checkout2026-data table tr,
  #page .shopview .checkout2026-data table td {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  #page .shopview .checkout2026-payment td {
    padding: 13px 14px !important;
  }

  #page .shopview .checkout2026-data > tbody > tr > td {
    padding: 14px !important;
  }

  #page .shopview .checkout2026-data table {
    border-spacing: 0 6px !important;
  }

  #page .shopview .checkout2026-data td[align="right"] {
    padding-top: 6px !important;
    padding-bottom: 2px !important;
    font-size: 14px !important;
  }

  #page .shopview .checkout2026-data input[type="text"],
  #page .shopview .checkout2026-data textarea,
  #page .shopview .checkout2026-data select,
  #page .shopview .checkout2026-data input[name="post_num"] {
    width: 100% !important;
    max-width: 100% !important;
  }

  #page .shopview .checkout2026-data td[colspan="2"] {
    padding-left: 0 !important;
  }

  #page .shopview .checkout2026-submit-cell {
    text-align: center !important;
    padding: 16px 14px !important;
  }

  #page .shopview .checkout2026-submit-cell .next {
    width: 100% !important;
    max-width: 310px !important;
  }
}



/* ==========================================================================
   POPRAVEK FAZA 5B: PODATKI KUPCA IN PLAČILNO BESEDILO NAJ BODO VIDNI
   ========================================================================== */

/* Vsi deli 2. koraka morajo biti vidni */
#page .shopview .checkout2026-section-title,
#page .shopview .checkout2026-payment,
#page .shopview .checkout2026-payment-info,
#page .shopview .checkout2026-data {
  display: table !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* Plačilno pojasnilo */
#page .shopview .checkout2026-payment-info {
  width: 100% !important;
  max-width: 920px !important;
  margin: 0 auto 20px auto !important;
  background: #ffffff !important;
  border: 1px solid #e5e7eb !important;
  border-radius: 18px !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  box-shadow: 0 7px 20px rgba(15, 23, 42, 0.07) !important;
  overflow: hidden !important;
}

#page .shopview .checkout2026-payment-info td {
  display: table-cell !important;
  padding: 18px 22px !important;
  background: #f8fafc !important;
  color: #111827 !important;
  font-size: 14px !important;
  line-height: 1.55 !important;
  text-align: left !important;
}

#page .shopview .checkout2026-payment-info p {
  margin: 0 0 10px 0 !important;
}

#page .shopview .checkout2026-payment-info p:last-child {
  margin-bottom: 0 !important;
}

/* Tabela s podatki kupca naj nikoli ne izgine */
#page .shopview .checkout2026-data {
  display: table !important;
  width: 100% !important;
  max-width: 920px !important;
}

#page .shopview .checkout2026-data > tbody {
  display: table-row-group !important;
}

#page .shopview .checkout2026-data > tbody > tr {
  display: table-row !important;
}

#page .shopview .checkout2026-data > tbody > tr > td {
  display: table-cell !important;
  width: 50% !important;
  padding: 20px !important;
  vertical-align: top !important;
  background: #ffffff !important;
}

/* Notranje tabele z Ime/Priimek/Naslov... */
#page .shopview .checkout2026-data table {
  display: table !important;
  width: 100% !important;
}

#page .shopview .checkout2026-data table tbody {
  display: table-row-group !important;
}

#page .shopview .checkout2026-data table tr {
  display: table-row !important;
}

#page .shopview .checkout2026-data table td {
  display: table-cell !important;
  visibility: visible !important;
  opacity: 1 !important;
  color: #111827 !important;
  font-size: 14px !important;
  line-height: 1.45 !important;
  padding: 6px 7px !important;
}

#page .shopview .checkout2026-data table td:first-child {
  width: 115px !important;
  font-weight: 800 !important;
  text-align: right !important;
  padding-top: 13px !important;
}

/* Polja */
#page .shopview .checkout2026-data input[type="text"],
#page .shopview .checkout2026-data textarea {
  display: inline-block !important;
  width: 100% !important;
  max-width: 250px !important;
  min-height: 38px !important;
  padding: 8px 10px !important;
  border: 1px solid #cbd5e1 !important;
  border-radius: 10px !important;
  background: #ffffff !important;
  color: #111827 !important;
  font-size: 14px !important;
  visibility: visible !important;
  opacity: 1 !important;
}

#page .shopview .checkout2026-data input[name="post_num"] {
  max-width: 110px !important;
}

#page .shopview .checkout2026-data textarea {
  min-height: 105px !important;
  resize: vertical !important;
}

/* Pogoji in novice */
#page .shopview .checkout2026-data td[colspan="2"] {
  display: table-cell !important;
  padding: 12px 6px 12px 50px !important;
  color: #111827 !important;
  font-size: 13px !important;
  line-height: 1.45 !important;
}

/* Telefon */
@media (max-width: 760px) {
  #page .shopview .checkout2026-section-title,
  #page .shopview .checkout2026-payment,
  #page .shopview .checkout2026-payment-info,
  #page .shopview .checkout2026-data,
  #page .shopview .checkout2026-data > tbody,
  #page .shopview .checkout2026-data > tbody > tr,
  #page .shopview .checkout2026-data > tbody > tr > td,
  #page .shopview .checkout2026-data table,
  #page .shopview .checkout2026-data table tbody,
  #page .shopview .checkout2026-data table tr,
  #page .shopview .checkout2026-data table td,
  #page .shopview .checkout2026-payment-info tbody,
  #page .shopview .checkout2026-payment-info tr,
  #page .shopview .checkout2026-payment-info td {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  #page .shopview .checkout2026-data > tbody > tr > td {
    padding: 14px !important;
  }

  #page .shopview .checkout2026-data table td:first-child {
    text-align: left !important;
    width: 100% !important;
    padding: 8px 0 3px 0 !important;
  }

  #page .shopview .checkout2026-data input[type="text"],
  #page .shopview .checkout2026-data textarea,
  #page .shopview .checkout2026-data input[name="post_num"] {
    width: 100% !important;
    max-width: 100% !important;
  }

  #page .shopview .checkout2026-data td[colspan="2"] {
    padding: 10px 0 !important;
  }

  #page .shopview .checkout2026-payment-info td {
    padding: 15px !important;
  }
}



/* ==========================================================================
   POPRAVEK FAZA 5C: PLAČILNO BESEDILO PRIKAŽI DIREKTNO POD NASLOVOM
   ========================================================================== */

#page .shopview .checkout2026-payment-note-direct {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  width: 100% !important;
  max-width: 920px !important;
  margin: 0 auto 20px auto !important;
  padding: 18px 22px !important;
  background: #ffffff !important;
  border: 1px solid #e5e7eb !important;
  border-radius: 18px !important;
  box-shadow: 0 7px 20px rgba(15, 23, 42, 0.07) !important;
  color: #111827 !important;
  font-size: 14px !important;
  line-height: 1.55 !important;
  text-align: left !important;
}

#page .shopview .checkout2026-payment-note-direct p {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  margin: 0 0 10px 0 !important;
  color: #111827 !important;
  font-size: 14px !important;
  line-height: 1.55 !important;
}

#page .shopview .checkout2026-payment-note-direct p:last-child {
  margin-bottom: 0 !important;
}

#page .shopview .checkout2026-payment-note-direct b {
  color: #dc2626 !important;
  font-weight: 900 !important;
}

/* Staro plačilno pojasnilo v tabeli lahko ostane skrito, da ne bo podvojeno */
#page .shopview .checkout2026-payment-info {
  display: none !important;
}

@media (max-width: 760px) {
  #page .shopview .checkout2026-payment-note-direct {
    padding: 15px !important;
    font-size: 13px !important;
  }

  #page .shopview .checkout2026-payment-note-direct p {
    font-size: 13px !important;
  }
}



/* ==========================================================================
   FAZA 5D: POPOLNOMA NOV UPORABNIŠKI IZPIS 2. KORAKA BLAGAJNE
   Ne uporablja starih tabel za vnos podatkov, zato so napisi in besedilo vidni.
   ========================================================================== */

#page .shopview.checkout2026-modern {
  width: 100% !important;
  max-width: 920px !important;
  margin: 0 auto 28px auto !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
}

#page .shopview.checkout2026-modern * {
  box-sizing: border-box !important;
}

#page .checkout2026-modern-nav {
  width: 100% !important;
  margin: 0 auto 18px auto !important;
  padding: 20px !important;
  background: #ffffff !important;
  border: 1px solid #e5e7eb !important;
  border-radius: 18px !important;
  box-shadow: 0 8px 22px rgba(15, 23, 42, 0.08) !important;
  text-align: center !important;
}

#page .checkout2026-modern-nav h1 {
  margin: 0 0 8px 0 !important;
  padding: 0 !important;
  border: 0 !important;
  color: #111827 !important;
  font-size: 25px !important;
  line-height: 1.25 !important;
  font-weight: 900 !important;
}

#page .checkout2026-modern-nav p {
  margin: 0 !important;
  color: #374151 !important;
  font-size: 15px !important;
  font-weight: 800 !important;
}

#page .checkout2026-modern-note {
  display: block !important;
  width: 100% !important;
  margin: 0 auto 18px auto !important;
  padding: 18px 22px !important;
  background: #ffffff !important;
  border: 1px solid #e5e7eb !important;
  border-radius: 18px !important;
  box-shadow: 0 7px 20px rgba(15, 23, 42, 0.07) !important;
  color: #111827 !important;
  text-align: left !important;
}

#page .checkout2026-modern-note p {
  display: block !important;
  margin: 0 0 11px 0 !important;
  color: #111827 !important;
  font-size: 14px !important;
  line-height: 1.55 !important;
}

#page .checkout2026-modern-note p:last-child {
  margin-bottom: 0 !important;
}

#page .checkout2026-modern-note b {
  color: #dc2626 !important;
  font-weight: 900 !important;
}

#page .checkout2026-modern-form {
  width: 100% !important;
  margin: 0 auto !important;
}

#page .checkout2026-modern-card {
  width: 100% !important;
  margin: 0 auto 18px auto !important;
  padding: 20px !important;
  background: #ffffff !important;
  border: 1px solid #e5e7eb !important;
  border-radius: 18px !important;
  box-shadow: 0 7px 20px rgba(15, 23, 42, 0.07) !important;
  color: #111827 !important;
}

#page .checkout2026-modern-card h2 {
  margin: 0 0 15px 0 !important;
  padding: 0 0 10px 0 !important;
  border-bottom: 1px solid #e5e7eb !important;
  color: #111827 !important;
  font-size: 20px !important;
  line-height: 1.25 !important;
  font-weight: 900 !important;
}

#page .checkout2026-payment-option {
  display: flex !important;
  align-items: flex-start !important;
  gap: 12px !important;
  width: 100% !important;
  margin: 0 0 10px 0 !important;
  padding: 14px 15px !important;
  background: #f8fafc !important;
  border: 1px solid #e5e7eb !important;
  border-radius: 14px !important;
  color: #111827 !important;
  cursor: pointer !important;
}

#page .checkout2026-payment-option:hover {
  background: #f1f5f9 !important;
}

#page .checkout2026-payment-option input[type="radio"] {
  width: 19px !important;
  height: 19px !important;
  margin-top: 2px !important;
  accent-color: #2563eb;
  flex: 0 0 auto !important;
}

#page .checkout2026-payment-option span {
  display: block !important;
  color: #111827 !important;
  font-size: 14px !important;
  line-height: 1.45 !important;
}

#page .checkout2026-payment-option b {
  color: #111827 !important;
  font-weight: 900 !important;
}

#page .checkout2026-payment-option small {
  display: block !important;
  margin-top: 3px !important;
  color: #4b5563 !important;
  font-size: 13px !important;
}

#page .checkout2026-modern-grid {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
  gap: 28px !important;
}

#page .checkout2026-modern-col {
  min-width: 0 !important;
}

#page .checkout2026-field {
  margin-bottom: 13px !important;
}

#page .checkout2026-field > label {
  display: block !important;
  margin: 0 0 5px 0 !important;
  color: #111827 !important;
  font-size: 14px !important;
  line-height: 1.3 !important;
  font-weight: 900 !important;
}

#page .checkout2026-field input[type="text"],
#page .checkout2026-field textarea {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  min-height: 40px !important;
  padding: 9px 11px !important;
  border: 1px solid #cbd5e1 !important;
  border-radius: 10px !important;
  background: #ffffff !important;
  color: #111827 !important;
  font-size: 14px !important;
  outline: none !important;
}

#page .checkout2026-field-short input[type="text"] {
  max-width: 140px !important;
}

#page .checkout2026-field textarea {
  min-height: 112px !important;
  resize: vertical !important;
}

#page .checkout2026-field input[type="text"]:focus,
#page .checkout2026-field textarea:focus {
  border-color: #2563eb !important;
  box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.14) !important;
}

#page .checkout2026-radio-line {
  display: flex !important;
  gap: 18px !important;
  align-items: center !important;
  min-height: 40px !important;
}

#page .checkout2026-radio-line label {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  color: #111827 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}

#page .checkout2026-radio-line input[type="radio"],
#page .checkout2026-check input[type="checkbox"] {
  width: 18px !important;
  height: 18px !important;
  accent-color: #2563eb;
}

#page .checkout2026-check {
  display: flex !important;
  align-items: flex-start !important;
  gap: 10px !important;
  margin: 12px 0 0 0 !important;
  color: #111827 !important;
  font-size: 13px !important;
  line-height: 1.4 !important;
}

#page .checkout2026-check span {
  color: #111827 !important;
}

#page .checkout2026-check a {
  color: #1d4ed8 !important;
  font-weight: 800 !important;
  text-decoration: underline !important;
}

#page .checkout2026-news b {
  color: #111827 !important;
  font-weight: 900 !important;
}

#page .checkout2026-news i {
  color: #374151 !important;
}

#page .checkout2026-submit {
  margin-top: 18px !important;
  padding-top: 18px !important;
  border-top: 1px solid #e5e7eb !important;
  text-align: right !important;
}

#page .checkout2026-submit .next {
  width: auto !important;
  min-width: 220px !important;
  height: 48px !important;
  padding: 0 24px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: #22c55e !important;
  color: #ffffff !important;
  font-size: 15px !important;
  font-weight: 900 !important;
  cursor: pointer !important;
  box-shadow: 0 7px 18px rgba(34, 197, 94, 0.25) !important;
}

#page .checkout2026-submit .next:hover {
  background: #16a34a !important;
}

#page .checkout2026-modern .red {
  display: inline-block !important;
  margin-top: 6px !important;
  padding: 6px 9px !important;
  background: #fef2f2 !important;
  border: 1px solid #fecaca !important;
  border-radius: 9px !important;
  color: #dc2626 !important;
  font-size: 12px !important;
  font-weight: 800 !important;
}

@media (max-width: 760px) {
  #page .shopview.checkout2026-modern {
    max-width: 100% !important;
  }

  #page .checkout2026-modern-nav,
  #page .checkout2026-modern-note,
  #page .checkout2026-modern-card {
    padding: 15px !important;
    border-radius: 16px !important;
  }

  #page .checkout2026-modern-nav h1 {
    font-size: 22px !important;
  }

  #page .checkout2026-modern-grid {
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }

  #page .checkout2026-submit {
    text-align: center !important;
  }

  #page .checkout2026-submit .next {
    width: 100% !important;
    max-width: 310px !important;
  }

  #page .checkout2026-field-short input[type="text"] {
    max-width: 100% !important;
  }
}



/* ==========================================================================
   OTROCI.ORG TRGOVINA 2026 - FAZA 6: 3. KORAK BLAGAJNE / NASLOV ZA DOSTAVO
   ========================================================================== */

#page .shopview.checkout2026-delivery {
  width: 100% !important;
  max-width: 920px !important;
  margin: 0 auto 28px auto !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
}

#page .shopview.checkout2026-delivery * {
  box-sizing: border-box !important;
}

#page .checkout2026-delivery-nav {
  width: 100% !important;
  margin: 0 auto 18px auto !important;
  padding: 20px !important;
  background: #ffffff !important;
  border: 1px solid #e5e7eb !important;
  border-radius: 18px !important;
  box-shadow: 0 8px 22px rgba(15, 23, 42, 0.08) !important;
  text-align: center !important;
}

#page .checkout2026-delivery-nav h1 {
  margin: 0 0 8px 0 !important;
  padding: 0 !important;
  border: 0 !important;
  color: #111827 !important;
  font-size: 25px !important;
  line-height: 1.25 !important;
  font-weight: 900 !important;
}

#page .checkout2026-delivery-nav p {
  margin: 0 auto !important;
  max-width: 760px !important;
  color: #374151 !important;
  font-size: 15px !important;
  line-height: 1.45 !important;
  font-weight: 800 !important;
}

#page .checkout2026-delivery-form {
  width: 100% !important;
  margin: 0 auto !important;
}

#page .checkout2026-delivery-card {
  width: 100% !important;
  margin: 0 auto 18px auto !important;
  padding: 20px !important;
  background: #ffffff !important;
  border: 1px solid #e5e7eb !important;
  border-radius: 18px !important;
  box-shadow: 0 7px 20px rgba(15, 23, 42, 0.07) !important;
  color: #111827 !important;
}

#page .checkout2026-delivery-card h2 {
  margin: 0 0 15px 0 !important;
  padding: 0 0 10px 0 !important;
  border-bottom: 1px solid #e5e7eb !important;
  color: #111827 !important;
  font-size: 20px !important;
  line-height: 1.25 !important;
  font-weight: 900 !important;
}

#page .checkout2026-delivery-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 14px 24px !important;
}

#page .checkout2026-delivery-field {
  min-width: 0 !important;
}

#page .checkout2026-delivery-field label {
  display: block !important;
  margin: 0 0 5px 0 !important;
  color: #111827 !important;
  font-size: 14px !important;
  line-height: 1.3 !important;
  font-weight: 900 !important;
}

#page .checkout2026-delivery-field input[type="text"] {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  min-height: 40px !important;
  padding: 9px 11px !important;
  border: 1px solid #cbd5e1 !important;
  border-radius: 10px !important;
  background: #ffffff !important;
  color: #111827 !important;
  font-size: 14px !important;
  outline: none !important;
}

#page .checkout2026-delivery-short input[type="text"] {
  max-width: 150px !important;
}

#page .checkout2026-delivery-field input[type="text"]:focus {
  border-color: #2563eb !important;
  box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.14) !important;
}

#page .checkout2026-required {
  display: inline-block !important;
  margin-top: 6px !important;
  color: #dc2626 !important;
  font-size: 16px !important;
  font-weight: 900 !important;
}

#page .checkout2026-delivery .red {
  display: inline-block !important;
  margin-top: 6px !important;
  padding: 6px 9px !important;
  background: #fef2f2 !important;
  border: 1px solid #fecaca !important;
  border-radius: 9px !important;
  color: #dc2626 !important;
  font-size: 12px !important;
  font-weight: 800 !important;
}

#page .checkout2026-delivery-actions {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  gap: 12px !important;
  margin-top: 20px !important;
  padding-top: 18px !important;
  border-top: 1px solid #e5e7eb !important;
}

#page .checkout2026-back {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 130px !important;
  height: 44px !important;
  padding: 0 18px !important;
  border-radius: 999px !important;
  background: #f1f5f9 !important;
  border: 1px solid #cbd5e1 !important;
  color: #111827 !important;
  font-size: 14px !important;
  font-weight: 900 !important;
  text-decoration: none !important;
}

#page .checkout2026-back:hover {
  background: #e2e8f0 !important;
  color: #111827 !important;
}

#page .checkout2026-next {
  width: auto !important;
  min-width: 220px !important;
  height: 48px !important;
  padding: 0 24px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: #22c55e !important;
  color: #ffffff !important;
  font-size: 15px !important;
  font-weight: 900 !important;
  cursor: pointer !important;
  box-shadow: 0 7px 18px rgba(34, 197, 94, 0.25) !important;
}

#page .checkout2026-next:hover {
  background: #16a34a !important;
}

@media (max-width: 760px) {
  #page .shopview.checkout2026-delivery {
    max-width: 100% !important;
  }

  #page .checkout2026-delivery-nav,
  #page .checkout2026-delivery-card {
    padding: 15px !important;
    border-radius: 16px !important;
  }

  #page .checkout2026-delivery-nav h1 {
    font-size: 22px !important;
  }

  #page .checkout2026-delivery-nav p {
    font-size: 14px !important;
  }

  #page .checkout2026-delivery-grid {
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }

  #page .checkout2026-delivery-short input[type="text"] {
    max-width: 100% !important;
  }

  #page .checkout2026-delivery-actions {
    display: block !important;
    text-align: center !important;
  }

  #page .checkout2026-back,
  #page .checkout2026-next {
    width: 100% !important;
    max-width: 310px !important;
    margin: 6px auto !important;
  }
}



/* ==========================================================================
   OTROCI.ORG TRGOVINA 2026 - FAZA 7: 4. KORAK BLAGAJNE / POVZETEK NAKUPA
   ========================================================================== */

#page .shopview.checkout2026-summary {
  width: 100% !important;
  max-width: 920px !important;
  margin: 0 auto 28px auto !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
}

#page .shopview.checkout2026-summary * {
  box-sizing: border-box !important;
}

#page .checkout2026-summary-nav {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 18px !important;
  width: 100% !important;
  margin: 0 auto 18px auto !important;
  padding: 20px !important;
  background: #ffffff !important;
  border: 1px solid #e5e7eb !important;
  border-radius: 18px !important;
  box-shadow: 0 8px 22px rgba(15, 23, 42, 0.08) !important;
}

#page .checkout2026-summary-nav h1 {
  margin: 0 0 8px 0 !important;
  padding: 0 !important;
  border: 0 !important;
  color: #111827 !important;
  font-size: 25px !important;
  line-height: 1.25 !important;
  font-weight: 900 !important;
}

#page .checkout2026-summary-nav p {
  margin: 0 !important;
  color: #374151 !important;
  font-size: 15px !important;
  line-height: 1.45 !important;
  font-weight: 800 !important;
}

#page .checkout2026-summary-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 18px !important;
  margin-bottom: 18px !important;
}

#page .checkout2026-summary-card {
  position: relative !important;
  width: 100% !important;
  margin: 0 auto 18px auto !important;
  padding: 20px !important;
  background: #ffffff !important;
  border: 1px solid #e5e7eb !important;
  border-radius: 18px !important;
  box-shadow: 0 7px 20px rgba(15, 23, 42, 0.07) !important;
  color: #111827 !important;
}

#page .checkout2026-summary-grid .checkout2026-summary-card {
  margin-bottom: 0 !important;
}

#page .checkout2026-summary-card h2 {
  margin: 0 0 14px 0 !important;
  padding: 0 0 10px 0 !important;
  border-bottom: 1px solid #e5e7eb !important;
  color: #111827 !important;
  font-size: 20px !important;
  line-height: 1.25 !important;
  font-weight: 900 !important;
}

#page .checkout2026-summary-text {
  color: #374151 !important;
  font-size: 15px !important;
  line-height: 1.65 !important;
  min-height: 92px !important;
}

#page .checkout2026-summary-text strong {
  color: #111827 !important;
  font-weight: 900 !important;
}

#page .checkout2026-edit {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 92px !important;
  height: 36px !important;
  margin-top: 14px !important;
  padding: 0 14px !important;
  border-radius: 999px !important;
  background: #f1f5f9 !important;
  border: 1px solid #cbd5e1 !important;
  color: #1d4ed8 !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  text-decoration: none !important;
}

#page .checkout2026-edit:hover {
  background: #e2e8f0 !important;
  color: #1d4ed8 !important;
}

#page .checkout2026-payment-summary p {
  margin: 0 !important;
  color: #374151 !important;
  font-size: 15px !important;
}

#page .checkout2026-payment-summary p span {
  display: inline-block !important;
  margin-right: 7px !important;
}

#page .checkout2026-payment-summary p strong {
  color: #111827 !important;
  font-size: 16px !important;
  font-weight: 900 !important;
}

/* Artikli v povzetku */
#page .checkout2026-cartinfo {
  color: #374151 !important;
  font-size: 14px !important;
  line-height: 1.7 !important;
}

#page .checkout2026-cartinfo span {
  color: #374151 !important;
}

#page .checkout2026-cartinfo span[style*="font-size:13px"] {
  color: #111827 !important;
  font-size: 15px !important;
  font-weight: 900 !important;
}

#page .checkout2026-cartinfo b {
  color: #111827 !important;
  font-weight: 900 !important;
}

/* Vrednost naročila */
#page .checkout2026-buy-info {
  min-height: 160px !important;
  clear: both !important;
}

#page .checkout2026-buy-info table {
  float: none !important;
  display: table !important;
  width: 100% !important;
  max-width: 480px !important;
  margin: 0 0 0 auto !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  background: #f8fafc !important;
  border: 1px solid #e5e7eb !important;
  border-radius: 14px !important;
  overflow: hidden !important;
}

#page .checkout2026-buy-info table td {
  padding: 9px 12px !important;
  color: #374151 !important;
  font-size: 14px !important;
  background: transparent !important;
  border-bottom: 1px solid #e5e7eb !important;
}

#page .checkout2026-buy-info table tr:last-child td {
  border-bottom: 0 !important;
}

#page .checkout2026-buy-info .enkaw {
  color: #111827 !important;
  font-size: 18px !important;
  font-weight: 900 !important;
  text-align: center !important;
}

#page .checkout2026-buy-info .enka {
  color: #111827 !important;
  font-weight: 800 !important;
}

#page .checkout2026-buy-info .cena {
  color: #dc2626 !important;
  font-size: 18px !important;
  font-weight: 900 !important;
  float: none !important;
}

#page .checkout2026-summary-actions {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  gap: 12px !important;
  width: 100% !important;
  margin: 0 auto 20px auto !important;
  padding: 20px !important;
  background: #ffffff !important;
  border: 1px solid #e5e7eb !important;
  border-radius: 18px !important;
  box-shadow: 0 7px 20px rgba(15, 23, 42, 0.07) !important;
}

#page .checkout2026-summary-actions form {
  margin: 0 !important;
}

#page .checkout2026-summary-top-next,
#page .checkout2026-summary-next {
  width: auto !important;
  min-width: 190px !important;
  height: 48px !important;
  padding: 0 24px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: #22c55e !important;
  color: #ffffff !important;
  font-size: 15px !important;
  font-weight: 900 !important;
  cursor: pointer !important;
  box-shadow: 0 7px 18px rgba(34, 197, 94, 0.25) !important;
}

#page .checkout2026-summary-top-next:hover,
#page .checkout2026-summary-next:hover {
  background: #16a34a !important;
}

@media (max-width: 760px) {
  #page .shopview.checkout2026-summary {
    max-width: 100% !important;
  }

  #page .checkout2026-summary-nav {
    display: block !important;
    text-align: center !important;
    padding: 15px !important;
    border-radius: 16px !important;
  }

  #page .checkout2026-summary-nav h1 {
    font-size: 22px !important;
  }

  #page .checkout2026-summary-nav form {
    margin-top: 14px !important;
  }

  #page .checkout2026-summary-grid {
    grid-template-columns: 1fr !important;
    gap: 14px !important;
  }

  #page .checkout2026-summary-card {
    padding: 15px !important;
    border-radius: 16px !important;
  }

  #page .checkout2026-summary-text {
    min-height: 0 !important;
  }

  #page .checkout2026-buy-info table {
    max-width: 100% !important;
  }

  #page .checkout2026-summary-actions {
    display: block !important;
    text-align: center !important;
    padding: 15px !important;
  }

  #page .checkout2026-back,
  #page .checkout2026-summary-top-next,
  #page .checkout2026-summary-next {
    width: 100% !important;
    max-width: 310px !important;
    margin: 6px auto !important;
  }
}



/* ==========================================================================
   OTROCI.ORG TRGOVINA 2026 - FAZA 8: ZAKLJUČEK NAKUPA
   ========================================================================== */

#page .shopview.checkout2026-complete {
  width: 100% !important;
  max-width: 920px !important;
  margin: 0 auto 28px auto !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
}

#page .shopview.checkout2026-complete * {
  box-sizing: border-box !important;
}

#page .checkout2026-complete-outer {
  width: 100% !important;
  max-width: 920px !important;
  margin: 0 auto !important;
  background: transparent !important;
  border: 0 !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  box-shadow: none !important;
}

#page .checkout2026-complete-outer > tbody > tr > td {
  background: transparent !important;
  border: 0 !important;
}

#page .checkout2026-complete-outer > tbody > tr:first-child,
#page .checkout2026-complete-outer > tbody > tr:last-child {
  display: none !important;
}

#page .checkout2026-complete-card {
  width: 100% !important;
  max-width: 760px !important;
  margin: 0 auto 22px auto !important;
  padding: 34px 28px !important;
  background: #ffffff !important;
  border: 1px solid #dbeafe !important;
  border-radius: 22px !important;
  box-shadow: 0 14px 36px rgba(15, 23, 42, 0.11) !important;
  color: #111827 !important;
  text-align: center !important;
}

#page .checkout2026-complete-icon {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 68px !important;
  height: 68px !important;
  margin: 0 auto 16px auto !important;
  border-radius: 999px !important;
  background: #22c55e !important;
  color: #ffffff !important;
  font-size: 40px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  box-shadow: 0 10px 22px rgba(34, 197, 94, 0.28) !important;
}

#page .checkout2026-complete-error .checkout2026-complete-icon {
  background: #dc2626 !important;
  box-shadow: 0 10px 22px rgba(220, 38, 38, 0.28) !important;
}

#page .checkout2026-complete-card h1 {
  margin: 0 0 12px 0 !important;
  padding: 0 !important;
  border: 0 !important;
  color: #111827 !important;
  font-size: 28px !important;
  line-height: 1.25 !important;
  font-weight: 900 !important;
}

#page .checkout2026-complete-lead {
  max-width: 620px !important;
  margin: 0 auto 10px auto !important;
  color: #111827 !important;
  font-size: 17px !important;
  line-height: 1.55 !important;
  font-weight: 800 !important;
}

#page .checkout2026-complete-text {
  max-width: 620px !important;
  margin: 0 auto 18px auto !important;
  color: #374151 !important;
  font-size: 15px !important;
  line-height: 1.55 !important;
}

#page .checkout2026-complete-warning {
  margin: 22px auto 22px auto !important;
  padding: 18px 20px !important;
  background: #f8fafc !important;
  border: 1px solid #e5e7eb !important;
  border-radius: 16px !important;
  text-align: left !important;
}

#page .checkout2026-complete-warning h2 {
  margin: 0 0 8px 0 !important;
  padding: 0 !important;
  border: 0 !important;
  color: #dc2626 !important;
  font-size: 18px !important;
  line-height: 1.25 !important;
  font-weight: 900 !important;
}

#page .checkout2026-complete-warning p {
  margin: 0 0 9px 0 !important;
  color: #374151 !important;
  font-size: 14px !important;
  line-height: 1.55 !important;
}

#page .checkout2026-complete-warning p:last-child {
  margin-bottom: 0 !important;
}

#page .checkout2026-complete-warning a {
  color: #1d4ed8 !important;
  font-weight: 900 !important;
  text-decoration: underline !important;
}

#page .checkout2026-complete-button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 190px !important;
  min-height: 48px !important;
  padding: 0 24px !important;
  border-radius: 999px !important;
  background: #2563eb !important;
  color: #ffffff !important;
  font-size: 15px !important;
  font-weight: 900 !important;
  text-decoration: none !important;
  box-shadow: 0 7px 18px rgba(37, 99, 235, 0.25) !important;
}

#page .checkout2026-complete-button:hover {
  background: #1d4ed8 !important;
  color: #ffffff !important;
}

@media (max-width: 760px) {
  #page .shopview.checkout2026-complete {
    max-width: 100% !important;
  }

  #page .checkout2026-complete-card {
    padding: 24px 16px !important;
    border-radius: 18px !important;
  }

  #page .checkout2026-complete-icon {
    width: 58px !important;
    height: 58px !important;
    font-size: 34px !important;
  }

  #page .checkout2026-complete-card h1 {
    font-size: 24px !important;
  }

  #page .checkout2026-complete-lead {
    font-size: 15px !important;
  }

  #page .checkout2026-complete-text,
  #page .checkout2026-complete-warning p {
    font-size: 14px !important;
  }

  #page .checkout2026-complete-button {
    width: 100% !important;
    max-width: 310px !important;
  }
}



/* ==========================================================================
   OTROCI.ORG TRGOVINA 2026 - FAZA 9: KORAKI BLAGAJNE
   ========================================================================== */

#page .checkout2026-steps {
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: 10px !important;
  width: 100% !important;
  max-width: 920px !important;
  margin: 0 auto 18px auto !important;
  padding: 14px !important;
  background: #ffffff !important;
  border: 1px solid #e5e7eb !important;
  border-radius: 18px !important;
  box-shadow: 0 8px 22px rgba(15, 23, 42, 0.08) !important;
}

#page .checkout2026-steps .checkout2026-step {
  min-width: 0 !important;
}

#page .checkout2026-steps .checkout2026-step > a,
#page .checkout2026-steps .checkout2026-step > span {
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;
  min-height: 88px !important;
  padding: 12px 8px !important;
  border-radius: 15px !important;
  border: 1px solid #e5e7eb !important;
  background: #f8fafc !important;
  text-align: center !important;
  text-decoration: none !important;
  color: #475569 !important;
  transition: background 0.18s ease, border-color 0.18s ease, transform 0.18s ease, box-shadow 0.18s ease !important;
}

#page .checkout2026-steps .checkout2026-step > a:hover {
  transform: translateY(-1px) !important;
  background: #f1f5f9 !important;
  border-color: #cbd5e1 !important;
  box-shadow: 0 8px 18px rgba(15, 23, 42, 0.08) !important;
}

#page .checkout2026-step-number {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 34px !important;
  height: 34px !important;
  border-radius: 999px !important;
  background: #e2e8f0 !important;
  color: #334155 !important;
  font-size: 17px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
}

#page .checkout2026-step-title {
  display: block !important;
  color: inherit !important;
  font-size: 12px !important;
  line-height: 1.25 !important;
  font-weight: 900 !important;
}

/* Opravljeni koraki */
#page .checkout2026-step.is-done > a,
#page .checkout2026-step.is-done > span {
  background: #ecfdf5 !important;
  border-color: #bbf7d0 !important;
  color: #166534 !important;
}

#page .checkout2026-step.is-done .checkout2026-step-number {
  background: #22c55e !important;
  color: #ffffff !important;
}

/* Trenutni korak */
#page .checkout2026-step.is-current > a,
#page .checkout2026-step.is-current > span {
  background: #eff6ff !important;
  border-color: #bfdbfe !important;
  color: #1d4ed8 !important;
  box-shadow: 0 8px 20px rgba(37, 99, 235, 0.12) !important;
}

#page .checkout2026-step.is-current .checkout2026-step-number {
  background: #2563eb !important;
  color: #ffffff !important;
}

/* Prihodnji koraki */
#page .checkout2026-step.is-next > a,
#page .checkout2026-step.is-next > span {
  opacity: 0.78 !important;
}

/* Kadar so samo 4 koraki, naj se mreža sama prilagodi */
#page .checkout2026-steps:has(.checkout2026-step:nth-child(4):last-child) {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}

/* Če brskalnik ne podpira :has, bo prikaz še vedno deloval; spodaj pomagamo pri širini */
#page .checkout2026-steps .checkout2026-step:nth-child(4):last-child {
  grid-column: auto !important;
}

@media (max-width: 760px) {
  #page .checkout2026-steps {
    grid-template-columns: 1fr !important;
    gap: 8px !important;
    padding: 10px !important;
    border-radius: 16px !important;
  }

  #page .checkout2026-steps .checkout2026-step > a,
  #page .checkout2026-steps .checkout2026-step > span {
    flex-direction: row !important;
    justify-content: flex-start !important;
    min-height: 54px !important;
    padding: 10px 12px !important;
    text-align: left !important;
  }

  #page .checkout2026-step-number {
    width: 32px !important;
    height: 32px !important;
    font-size: 16px !important;
    flex: 0 0 32px !important;
  }

  #page .checkout2026-step-title {
    font-size: 14px !important;
  }
}



/* ==========================================================================
   OTROCI.ORG TRGOVINA 2026 - FAZA 10: PRAZNA KOŠARICA IN OBVESTILA
   ========================================================================== */

#page .cart2026-empty,
.cart2026-empty {
  width: 100% !important;
  max-width: 680px !important;
  margin: 18px auto 28px auto !important;
  padding: 34px 24px !important;
  background: #ffffff !important;
  border: 1px solid #e5e7eb !important;
  border-radius: 22px !important;
  box-shadow: 0 12px 30px rgba(15, 23, 42, 0.10) !important;
  text-align: center !important;
  color: #111827 !important;
}

#page .cart2026-empty-icon,
.cart2026-empty-icon {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 68px !important;
  height: 68px !important;
  margin: 0 auto 16px auto !important;
  border-radius: 999px !important;
  background: #eff6ff !important;
  color: #2563eb !important;
  font-size: 34px !important;
  line-height: 1 !important;
}

#page .cart2026-empty h2,
.cart2026-empty h2 {
  margin: 0 0 10px 0 !important;
  padding: 0 !important;
  border: 0 !important;
  color: #111827 !important;
  font-size: 26px !important;
  line-height: 1.25 !important;
  font-weight: 900 !important;
}

#page .cart2026-empty p,
.cart2026-empty p {
  max-width: 520px !important;
  margin: 0 auto 20px auto !important;
  color: #475569 !important;
  font-size: 15px !important;
  line-height: 1.55 !important;
  font-weight: 700 !important;
}

#page .cart2026-empty-button,
.cart2026-empty-button,
#page .cart2026-continue,
.cart2026-continue {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 170px !important;
  min-height: 44px !important;
  padding: 0 22px !important;
  border-radius: 999px !important;
  background: #2563eb !important;
  color: #ffffff !important;
  font-size: 14px !important;
  font-weight: 900 !important;
  text-decoration: none !important;
  box-shadow: 0 7px 18px rgba(37, 99, 235, 0.24) !important;
}

#page .cart2026-empty-button:hover,
.cart2026-empty-button:hover,
#page .cart2026-continue:hover,
.cart2026-continue:hover {
  background: #1d4ed8 !important;
  color: #ffffff !important;
}

#page .cart2026-alert,
.cart2026-alert {
  max-width: 760px !important;
  margin: 12px auto !important;
  padding: 13px 16px !important;
  border-radius: 14px !important;
  font-size: 14px !important;
  line-height: 1.45 !important;
  font-weight: 800 !important;
}

#page .cart2026-alert-error,
.cart2026-alert-error {
  background: #fef2f2 !important;
  border: 1px solid #fecaca !important;
  color: #dc2626 !important;
}

#page .cart2026-discount-message,
.cart2026-discount-message {
  margin-top: 8px !important;
  padding: 8px 10px !important;
  border-radius: 10px !important;
  font-size: 13px !important;
  line-height: 1.35 !important;
  font-weight: 800 !important;
}

#page .cart2026-discount-error,
.cart2026-discount-error {
  background: #fef2f2 !important;
  border: 1px solid #fecaca !important;
  color: #dc2626 !important;
}

#page .cart2026-discount-success,
.cart2026-discount-success {
  background: #eff6ff !important;
  border: 1px solid #bfdbfe !important;
  color: #1d4ed8 !important;
}

#page .cart2026-checkout,
.cart2026-checkout {
  width: auto !important;
  min-width: 180px !important;
  height: 46px !important;
  padding: 0 22px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: #22c55e !important;
  color: #ffffff !important;
  font-size: 14px !important;
  font-weight: 900 !important;
  cursor: pointer !important;
  box-shadow: 0 7px 18px rgba(34, 197, 94, 0.24) !important;
}

#page .cart2026-checkout:hover,
.cart2026-checkout:hover {
  background: #16a34a !important;
  color: #ffffff !important;
}

#page .cart2026-mini-empty,
.cart2026-mini-empty {
  padding: 10px 12px !important;
  background: #f8fafc !important;
  border: 1px solid #e5e7eb !important;
  border-radius: 12px !important;
  color: #475569 !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  text-align: center !important;
}

@media (max-width: 760px) {
  #page .cart2026-empty,
  .cart2026-empty {
    padding: 26px 16px !important;
    border-radius: 18px !important;
  }

  #page .cart2026-empty h2,
  .cart2026-empty h2 {
    font-size: 23px !important;
  }

  #page .cart2026-empty-button,
  .cart2026-empty-button,
  #page .cart2026-continue,
  .cart2026-continue,
  #page .cart2026-checkout,
  .cart2026-checkout {
    width: 100% !important;
    max-width: 310px !important;
  }
}



/* ==========================================================================
   OTROCI.ORG TRGOVINA 2026 - FAZA 11: DESNI STOLPEC, MINI KOŠARICA, E-NOVICE
   ========================================================================== */

#page .right {
  box-sizing: border-box !important;
}

#page .right .frame {
  width: 100% !important;
  margin: 0 0 18px 0 !important;
  padding: 16px !important;
  background: #ffffff !important;
  border: 1px solid #e5e7eb !important;
  border-radius: 18px !important;
  box-shadow: 0 8px 22px rgba(15, 23, 42, 0.08) !important;
  overflow: hidden !important;
}

#page .right .frame h1 {
  margin: 0 0 12px 0 !important;
  padding: 0 0 9px 0 !important;
  border-bottom: 1px solid #e5e7eb !important;
  color: #111827 !important;
  font-size: 18px !important;
  line-height: 1.25 !important;
  font-weight: 900 !important;
  background: transparent !important;
}

#page .right .frame h1 a {
  color: #111827 !important;
  text-decoration: none !important;
}

#page .right .frame .txt {
  display: block !important;
  color: #475569 !important;
  font-size: 14px !important;
  line-height: 1.45 !important;
}

/* Mini košarica */
#page .frame-cart2026 {
  padding: 0 !important;
}

#page .side-cart2026-head {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 16px 16px 12px 16px !important;
  background: #eff6ff !important;
  border-bottom: 1px solid #dbeafe !important;
}

#page .side-cart2026-head h1 {
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  font-size: 18px !important;
}

#page .side-cart2026-count {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 32px !important;
  height: 32px !important;
  border-radius: 999px !important;
  background: #2563eb !important;
  color: #ffffff !important;
  font-size: 15px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
}

#page .side-cart2026-content {
  padding: 14px 16px !important;
  color: #374151 !important;
  font-size: 13px !important;
  line-height: 1.45 !important;
}

#page .side-cart2026-content img {
  max-width: 45px !important;
  height: auto !important;
  border-radius: 8px !important;
}

#page .side-cart2026-content b {
  color: #111827 !important;
  font-weight: 900 !important;
}

#page .side-cart2026-content a {
  color: #dc2626 !important;
  font-weight: 800 !important;
  text-decoration: none !important;
}

#page .side-cart2026-content a:hover {
  text-decoration: underline !important;
}

#page .side-cart2026-empty {
  padding: 12px !important;
  background: #f8fafc !important;
  border: 1px solid #e5e7eb !important;
  border-radius: 12px !important;
  color: #475569 !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  text-align: center !important;
}

#page .side-cart2026-total {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  gap: 10px !important;
  margin: 0 16px 14px 16px !important;
  padding: 12px !important;
  background: #f8fafc !important;
  border: 1px solid #e5e7eb !important;
  border-radius: 13px !important;
}

#page .side-cart2026-total span {
  color: #475569 !important;
  font-size: 12px !important;
  line-height: 1.25 !important;
  font-weight: 800 !important;
}

#page .side-cart2026-total strong {
  color: #dc2626 !important;
  font-size: 16px !important;
  line-height: 1.2 !important;
  font-weight: 900 !important;
  white-space: nowrap !important;
}

#page .side-cart2026-checkout,
#page .side-cart2026-shop {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 44px !important;
  margin: 0 16px 16px 16px !important;
  padding: 0 16px !important;
  border-radius: 999px !important;
  color: #ffffff !important;
  font-size: 14px !important;
  font-weight: 900 !important;
  text-decoration: none !important;
}

#page .side-cart2026-checkout {
  background: #22c55e !important;
  box-shadow: 0 7px 18px rgba(34, 197, 94, 0.24) !important;
}

#page .side-cart2026-checkout:hover {
  background: #16a34a !important;
  color: #ffffff !important;
}

#page .side-cart2026-shop {
  background: #2563eb !important;
  box-shadow: 0 7px 18px rgba(37, 99, 235, 0.24) !important;
}

#page .side-cart2026-shop:hover {
  background: #1d4ed8 !important;
  color: #ffffff !important;
}

/* Skrij stare elemente mini košarice, če so še kje ostali */
#page .right .frame-cart2026 img.line,
#page .right .frame-cart2026 span.cart {
  display: none !important;
}

/* E-novice v desnem stolpcu */
#page .right .frame form.frmSS937 {
  margin-top: 12px !important;
}

#page .right .frame form.frmSS937 input[type="text"] {
  width: 100% !important;
  max-width: 100% !important;
  float: none !important;
  margin: 0 0 8px 0 !important;
  min-height: 38px !important;
  padding: 8px 10px !important;
  border: 1px solid #cbd5e1 !important;
  border-radius: 10px !important;
  background: #ffffff !important;
  color: #111827 !important;
  font-size: 14px !important;
}

#page .right .frame form.frmSS937 button[type="submit"] {
  width: 100% !important;
  float: none !important;
  margin: 0 !important;
  min-height: 40px !important;
  padding: 0 14px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: #dc2626 !important;
  color: #ffffff !important;
  font-size: 14px !important;
  font-weight: 900 !important;
  cursor: pointer !important;
}

#page .right .frame form.frmSS937 button[type="submit"]:hover {
  background: #b91c1c !important;
  color: #ffffff !important;
}

#page .right .frame form.frmSS937 label {
  color: #475569 !important;
  font-size: 11px !important;
  line-height: 1.35 !important;
}

#page .right .frame form.frmSS937 a {
  color: #1d4ed8 !important;
  font-weight: 800 !important;
}

@media (max-width: 1024px) {
  #page .right {
    width: 100% !important;
    max-width: 100% !important;
    margin: 20px auto 0 auto !important;
  }

  #page .right .frame {
    max-width: 640px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

@media (max-width: 760px) {
  #page .right .frame {
    padding: 14px !important;
    border-radius: 16px !important;
  }

  #page .frame-cart2026 {
    padding: 0 !important;
  }

  #page .side-cart2026-head,
  #page .side-cart2026-content {
    padding-left: 14px !important;
    padding-right: 14px !important;
  }

  #page .side-cart2026-total {
    display: block !important;
    text-align: center !important;
  }

  #page .side-cart2026-total strong {
    display: block !important;
    margin-top: 5px !important;
  }
}



/* ==========================================================================
   NUJNI POPRAVEK PO FAZI 11: CSS BREZ #page OMEJITVE
   Če je vsebina blagajne izpisana izven #page ali če brskalnik drugače zgradi DOM,
   se morajo koraki in košarica vseeno oblikovati moderno.
   ========================================================================== */

/* Koraki blagajne */
.checkout2026-steps {
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: 10px !important;
  width: 100% !important;
  max-width: 920px !important;
  margin: 0 auto 18px auto !important;
  padding: 14px !important;
  background: #ffffff !important;
  border: 1px solid #e5e7eb !important;
  border-radius: 18px !important;
  box-shadow: 0 8px 22px rgba(15, 23, 42, 0.08) !important;
}

.checkout2026-steps .checkout2026-step {
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

.checkout2026-steps .checkout2026-step > a,
.checkout2026-steps .checkout2026-step > span {
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;
  min-height: 88px !important;
  padding: 12px 8px !important;
  border-radius: 15px !important;
  border: 1px solid #e5e7eb !important;
  background: #f8fafc !important;
  text-align: center !important;
  text-decoration: none !important;
  color: #475569 !important;
}

.checkout2026-step-number {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 34px !important;
  height: 34px !important;
  border-radius: 999px !important;
  background: #e2e8f0 !important;
  color: #334155 !important;
  font-size: 17px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
}

.checkout2026-step-title {
  display: block !important;
  color: inherit !important;
  font-size: 12px !important;
  line-height: 1.25 !important;
  font-weight: 900 !important;
}

.checkout2026-step.is-done > a,
.checkout2026-step.is-done > span {
  background: #ecfdf5 !important;
  border-color: #bbf7d0 !important;
  color: #166534 !important;
}

.checkout2026-step.is-done .checkout2026-step-number {
  background: #22c55e !important;
  color: #ffffff !important;
}

.checkout2026-step.is-current > a,
.checkout2026-step.is-current > span {
  background: #eff6ff !important;
  border-color: #bfdbfe !important;
  color: #1d4ed8 !important;
  box-shadow: 0 8px 20px rgba(37, 99, 235, 0.12) !important;
}

.checkout2026-step.is-current .checkout2026-step-number {
  background: #2563eb !important;
  color: #ffffff !important;
}

.checkout2026-step.is-next > a,
.checkout2026-step.is-next > span {
  opacity: 0.78 !important;
}

/* Osnovna oblika blagajniške vsebine tudi brez #page */
.shopview {
  max-width: 920px !important;
  margin: 0 auto 28px auto !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
}

.shopview > table {
  width: 100% !important;
  max-width: 920px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  background: transparent !important;
  border: 0 !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  box-shadow: none !important;
}

.shopview > table > tbody > tr > td {
  background: transparent !important;
  border: 0 !important;
}

.shopview > table > tbody > tr:first-child,
.shopview > table > tbody > tr:last-child {
  display: none !important;
}

/* 1. korak košarice */
.cart2026-form {
  display: block !important;
  width: 100% !important;
  max-width: 920px !important;
  margin: 0 auto !important;
}

.cart2026-items-table,
.cart2026-summary-table,
.cart2026-actions-table {
  width: 100% !important;
  max-width: 920px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  background: transparent !important;
  border: 0 !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
}

.cart2026-items-table > tbody > tr > td {
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

.cart2026-item {
  width: 100% !important;
  margin: 0 0 16px 0 !important;
  background: #ffffff !important;
  border: 1px solid #e5e7eb !important;
  border-radius: 18px !important;
  box-shadow: 0 8px 22px rgba(15, 23, 42, 0.08) !important;
  overflow: hidden !important;
}

.cart2026-item td {
  padding: 16px !important;
  background: #ffffff !important;
  border: 0 !important;
  color: #111827 !important;
  vertical-align: middle !important;
}

.cart2026-item img {
  max-width: 120px !important;
  height: auto !important;
  border-radius: 10px !important;
}

.cart2026-item b {
  color: #111827 !important;
  font-size: 15px !important;
  font-weight: 900 !important;
}

.cart2026-item .cena,
.cart2026-items-table .cena {
  color: #dc2626 !important;
  font-size: 18px !important;
  font-weight: 900 !important;
  float: none !important;
}

.cart2026-item input.kos,
.cart2026-item .kos {
  width: 54px !important;
  height: 36px !important;
  text-align: center !important;
  border: 1px solid #cbd5e1 !important;
  border-radius: 10px !important;
  color: #111827 !important;
  font-size: 15px !important;
  font-weight: 900 !important;
}

.cart2026-item a.delete {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 34px !important;
  padding: 0 12px !important;
  border-radius: 999px !important;
  background: #fef2f2 !important;
  border: 1px solid #fecaca !important;
  color: #dc2626 !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  text-decoration: none !important;
}

.cart2026-summary-table .sum {
  padding: 14px 18px !important;
  background: #ffffff !important;
  border: 1px solid #e5e7eb !important;
  border-radius: 16px !important;
  color: #111827 !important;
  font-size: 20px !important;
  font-weight: 900 !important;
  text-align: right !important;
}

.cart2026-actions-table td {
  background: transparent !important;
  border: 0 !important;
}

.cart2026-discount {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  flex-wrap: wrap !important;
}

.cart2026-discount label {
  color: #111827 !important;
  font-size: 14px !important;
  font-weight: 900 !important;
}

.cart2026-discount-input {
  width: 180px !important;
  height: 38px !important;
  padding: 7px 10px !important;
  border: 1px solid #cbd5e1 !important;
  border-radius: 10px !important;
  color: #111827 !important;
}

.cart2026-refresh {
  width: 38px !important;
  height: 38px !important;
  border: 0 !important;
  border-radius: 10px !important;
  background: #2563eb !important;
  color: #ffffff !important;
  font-size: 18px !important;
  font-weight: 900 !important;
  cursor: pointer !important;
}

.cart2026-continue {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 150px !important;
  min-height: 42px !important;
  padding: 0 18px !important;
  border-radius: 999px !important;
  background: #2563eb !important;
  color: #ffffff !important;
  font-size: 14px !important;
  font-weight: 900 !important;
  text-decoration: none !important;
}

.cart2026-checkout,
.next2.cart2026-checkout {
  width: auto !important;
  min-width: 190px !important;
  height: 46px !important;
  padding: 0 24px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: #22c55e !important;
  color: #ffffff !important;
  font-size: 15px !important;
  font-weight: 900 !important;
  cursor: pointer !important;
  box-shadow: 0 7px 18px rgba(34, 197, 94, 0.24) !important;
}

/* Osnovni naslovi blagajne brez #page */
.checkout2026-modern-nav,
.checkout2026-delivery-nav,
.checkout2026-summary-nav {
  width: 100% !important;
  max-width: 920px !important;
  margin: 0 auto 18px auto !important;
  padding: 20px !important;
  background: #ffffff !important;
  border: 1px solid #e5e7eb !important;
  border-radius: 18px !important;
  box-shadow: 0 8px 22px rgba(15, 23, 42, 0.08) !important;
}

.checkout2026-modern-nav h1,
.checkout2026-delivery-nav h1,
.checkout2026-summary-nav h1,
.shopview .nav span {
  color: #111827 !important;
  font-size: 25px !important;
  line-height: 1.25 !important;
  font-weight: 900 !important;
}

@media (max-width: 760px) {
  .checkout2026-steps {
    grid-template-columns: 1fr !important;
    gap: 8px !important;
    padding: 10px !important;
    border-radius: 16px !important;
  }

  .checkout2026-steps .checkout2026-step > a,
  .checkout2026-steps .checkout2026-step > span {
    flex-direction: row !important;
    justify-content: flex-start !important;
    min-height: 54px !important;
    padding: 10px 12px !important;
    text-align: left !important;
  }

  .checkout2026-step-title {
    font-size: 14px !important;
  }

  .cart2026-item,
  .cart2026-item tbody,
  .cart2026-item tr,
  .cart2026-item td {
    display: block !important;
    width: 100% !important;
    text-align: center !important;
  }

  .cart2026-summary-table .sum {
    text-align: center !important;
    font-size: 18px !important;
  }

  .cart2026-discount {
    justify-content: center !important;
  }
}



/* ==========================================================================
   OTROCI.ORG TRGOVINA 2026 - FAZA 12: STRAN Z ISKANJEM
   ========================================================================== */

#page .shopview.search2026,
.shopview.search2026 {
  width: 100% !important;
  max-width: 920px !important;
  margin: 0 auto 28px auto !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
}

#page .shopview.search2026 *,
.shopview.search2026 * {
  box-sizing: border-box !important;
}

#page .search2026-header,
.search2026-header {
  width: 100% !important;
  margin: 0 auto 18px auto !important;
  padding: 22px !important;
  background: #ffffff !important;
  border: 1px solid #e5e7eb !important;
  border-radius: 20px !important;
  box-shadow: 0 10px 26px rgba(15, 23, 42, 0.09) !important;
  color: #111827 !important;
}

#page .search2026-breadcrumb,
.search2026-breadcrumb {
  display: flex !important;
  align-items: center !important;
  gap: 7px !important;
  margin: 0 0 12px 0 !important;
  color: #64748b !important;
  font-size: 13px !important;
  line-height: 1.35 !important;
  font-weight: 800 !important;
}

#page .search2026-breadcrumb a,
.search2026-breadcrumb a {
  color: #2563eb !important;
  text-decoration: none !important;
  font-weight: 900 !important;
}

#page .search2026-breadcrumb a:hover,
.search2026-breadcrumb a:hover {
  text-decoration: underline !important;
}

#page .search2026-header h1,
.search2026-header h1 {
  margin: 0 0 8px 0 !important;
  padding: 0 !important;
  border: 0 !important;
  color: #111827 !important;
  font-size: 28px !important;
  line-height: 1.25 !important;
  font-weight: 900 !important;
}

#page .search2026-header p,
.search2026-header p {
  max-width: 700px !important;
  margin: 0 0 18px 0 !important;
  color: #475569 !important;
  font-size: 15px !important;
  line-height: 1.55 !important;
  font-weight: 700 !important;
}

#page .search2026-form,
.search2026-form {
  display: flex !important;
  align-items: stretch !important;
  gap: 10px !important;
  width: 100% !important;
  max-width: 720px !important;
  margin: 0 !important;
}

#page .search2026-form input[type="text"],
.search2026-form input[type="text"] {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  height: 46px !important;
  padding: 0 14px !important;
  border: 1px solid #cbd5e1 !important;
  border-radius: 999px !important;
  background: #ffffff !important;
  color: #111827 !important;
  font-size: 15px !important;
  outline: none !important;
}

#page .search2026-form input[type="text"]:focus,
.search2026-form input[type="text"]:focus {
  border-color: #2563eb !important;
  box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.14) !important;
}

#page .search2026-form button,
.search2026-form button {
  flex: 0 0 auto !important;
  min-width: 120px !important;
  height: 46px !important;
  padding: 0 22px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: #2563eb !important;
  color: #ffffff !important;
  font-size: 15px !important;
  font-weight: 900 !important;
  cursor: pointer !important;
  box-shadow: 0 7px 18px rgba(37, 99, 235, 0.24) !important;
}

#page .search2026-form button:hover,
.search2026-form button:hover {
  background: #1d4ed8 !important;
}

#page .search2026-results,
.search2026-results {
  width: 100% !important;
  margin: 0 auto 20px auto !important;
  padding: 20px !important;
  background: #ffffff !important;
  border: 1px solid #e5e7eb !important;
  border-radius: 20px !important;
  box-shadow: 0 8px 22px rgba(15, 23, 42, 0.08) !important;
}

#page .search2026-results > h2,
.search2026-results > h2 {
  margin: 0 0 18px 0 !important;
  padding: 0 0 12px 0 !important;
  border-bottom: 1px solid #e5e7eb !important;
  color: #111827 !important;
  font-size: 21px !important;
  line-height: 1.3 !important;
  font-weight: 900 !important;
}

#page .search2026-results > h2 strong,
.search2026-results > h2 strong {
  color: #2563eb !important;
}

/* Če rezultati še niso v product-grid, jim vseeno pomagamo pri širini */
#page .search2026-results .product-grid,
.search2026-results .product-grid {
  margin-top: 0 !important;
}

/* Prazno iskanje */
#page .search2026-empty,
.search2026-empty {
  width: 100% !important;
  max-width: 680px !important;
  margin: 18px auto 28px auto !important;
  padding: 34px 24px !important;
  background: #ffffff !important;
  border: 1px solid #e5e7eb !important;
  border-radius: 22px !important;
  box-shadow: 0 12px 30px rgba(15, 23, 42, 0.10) !important;
  text-align: center !important;
  color: #111827 !important;
}

#page .search2026-empty-icon,
.search2026-empty-icon {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 68px !important;
  height: 68px !important;
  margin: 0 auto 16px auto !important;
  border-radius: 999px !important;
  background: #eff6ff !important;
  color: #2563eb !important;
  font-size: 34px !important;
  line-height: 1 !important;
}

#page .search2026-empty h2,
.search2026-empty h2 {
  margin: 0 0 10px 0 !important;
  padding: 0 !important;
  border: 0 !important;
  color: #111827 !important;
  font-size: 26px !important;
  line-height: 1.25 !important;
  font-weight: 900 !important;
}

#page .search2026-empty p,
.search2026-empty p {
  max-width: 520px !important;
  margin: 0 auto 20px auto !important;
  color: #475569 !important;
  font-size: 15px !important;
  line-height: 1.55 !important;
  font-weight: 700 !important;
}

#page .search2026-button,
.search2026-button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 170px !important;
  min-height: 44px !important;
  padding: 0 22px !important;
  border-radius: 999px !important;
  background: #2563eb !important;
  color: #ffffff !important;
  font-size: 14px !important;
  font-weight: 900 !important;
  text-decoration: none !important;
  box-shadow: 0 7px 18px rgba(37, 99, 235, 0.24) !important;
}

#page .search2026-button:hover,
.search2026-button:hover {
  background: #1d4ed8 !important;
  color: #ffffff !important;
}

@media (max-width: 760px) {
  #page .search2026-header,
  .search2026-header,
  #page .search2026-results,
  .search2026-results {
    padding: 16px !important;
    border-radius: 18px !important;
  }

  #page .search2026-header h1,
  .search2026-header h1 {
    font-size: 24px !important;
  }

  #page .search2026-form,
  .search2026-form {
    display: block !important;
  }

  #page .search2026-form input[type="text"],
  .search2026-form input[type="text"],
  #page .search2026-form button,
  .search2026-form button {
    width: 100% !important;
    max-width: 100% !important;
  }

  #page .search2026-form button,
  .search2026-form button {
    margin-top: 9px !important;
  }

  #page .search2026-empty,
  .search2026-empty {
    padding: 26px 16px !important;
    border-radius: 18px !important;
  }

  #page .search2026-empty h2,
  .search2026-empty h2 {
    font-size: 23px !important;
  }

  #page .search2026-button,
  .search2026-button {
    width: 100% !important;
    max-width: 310px !important;
  }
}



/* ==========================================================================
   POPRAVEK FAZA 12: DESNI STOLPEC NA DESNO, VSEBINA ISKANJA NA LEVO
   ========================================================================== */

/*
   styles/top.php najprej izpiše desni stolpec (.right), šele nato glavna vsebina
   pride iz posamezne strani, npr. search.php. Zato na desktopu ročno določimo,
   da je .shopview v levem stolpcu, .right pa v desnem stolpcu.
*/

#page {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 260px !important;
  gap: 24px !important;
  align-items: start !important;
  width: 100% !important;
  max-width: 1180px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box !important;
}

#page .shopview {
  grid-column: 1 !important;
  grid-row: 1 !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  float: none !important;
  clear: none !important;
  display: block !important;
}

#page .right {
  grid-column: 2 !important;
  grid-row: 1 !important;
  width: 260px !important;
  max-width: 260px !important;
  min-width: 0 !important;
  float: none !important;
  clear: none !important;
  margin: 0 !important;
  display: block !important;
}

/* Iskalna stran naj zavzame celoten levi stolpec */
#page .shopview.search2026,
.shopview.search2026 {
  width: 100% !important;
  max-width: 100% !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* V primeru, da stari CSS še vedno nastavlja širino tabel znotraj iskanja */
#page .search2026-results,
#page .search2026-header,
#page .search2026-empty {
  max-width: 100% !important;
}

/* Na telefonu naj bo najprej vsebina, nato desni stolpec */
@media (max-width: 1024px) {
  #page {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 18px !important;
    max-width: 100% !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
  }

  #page .shopview {
    grid-column: 1 !important;
    grid-row: 1 !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  #page .right {
    grid-column: 1 !important;
    grid-row: 2 !important;
    width: 100% !important;
    max-width: 640px !important;
    margin: 0 auto !important;
  }
}



/* ==========================================================================
   OTROCI.ORG TRGOVINA 2026 - FAZA 13: IZKLOP ZGORNJEGA ISKALNIKA
   ========================================================================== */

#head .search {
  display: none !important;
}

#head {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

#head .logo {
  float: none !important;
}

/* Stran search.php, če kdo pride direktno nanjo */
.search2026-disabled-page {
  max-width: 920px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}



/* ==========================================================================
   OTROCI.ORG TRGOVINA 2026 - FAZA 14: SPODNJI DEL STRANI / FOOTER
   ========================================================================== */

.footer2026 {
  width: 100% !important;
  clear: both !important;
  margin: 34px auto 0 auto !important;
  padding: 0 12px 24px 12px !important;
  box-sizing: border-box !important;
}

.footer2026 * {
  box-sizing: border-box !important;
}

.footer2026-inner {
  width: 100% !important;
  max-width: 1180px !important;
  margin: 0 auto !important;
  padding: 22px 24px !important;
  background: #ffffff !important;
  border: 1px solid #e5e7eb !important;
  border-radius: 22px !important;
  box-shadow: 0 10px 28px rgba(15, 23, 42, 0.09) !important;
  color: #334155 !important;
  text-align: center !important;
}

.footer2026-links {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 8px 14px !important;
  width: 100% !important;
  margin: 0 auto !important;
  padding: 0 !important;
  color: #64748b !important;
  font-size: 14px !important;
  line-height: 1.45 !important;
  font-weight: 800 !important;
}

.footer2026-links-main {
  padding-bottom: 14px !important;
  margin-bottom: 14px !important;
  border-bottom: 1px solid #e5e7eb !important;
}

.footer2026-links-secondary {
  margin-bottom: 16px !important;
}

.footer2026-links a,
#topmenu2 a,
.footer2026 a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 34px !important;
  padding: 0 12px !important;
  border-radius: 999px !important;
  background: #f8fafc !important;
  border: 1px solid #e5e7eb !important;
  color: #1d4ed8 !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  text-decoration: none !important;
}

.footer2026-links a:hover,
#topmenu2 a:hover,
.footer2026 a:hover {
  background: #eff6ff !important;
  border-color: #bfdbfe !important;
  color: #1d4ed8 !important;
  text-decoration: none !important;
}

.footer2026-copy {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 6px 10px !important;
  margin-top: 4px !important;
  color: #64748b !important;
  font-size: 13px !important;
  line-height: 1.45 !important;
}

.footer2026-copy strong {
  color: #111827 !important;
  font-weight: 900 !important;
}

.footer2026-copy span {
  color: #64748b !important;
  font-weight: 700 !important;
}

/* Varnost: če se kje še izpiše stari footer z ID topmenu2 */
#topmenu2 {
  width: 100% !important;
  max-width: 1180px !important;
  margin: 24px auto 0 auto !important;
  padding: 14px !important;
  background: #ffffff !important;
  border: 1px solid #e5e7eb !important;
  border-radius: 18px !important;
  box-shadow: 0 8px 22px rgba(15, 23, 42, 0.08) !important;
  text-align: center !important;
  box-sizing: border-box !important;
}

@media (max-width: 760px) {
  .footer2026 {
    margin-top: 24px !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  .footer2026-inner {
    padding: 18px 14px !important;
    border-radius: 18px !important;
  }

  .footer2026-links {
    display: block !important;
  }

  .footer2026-links a {
    display: flex !important;
    width: 100% !important;
    max-width: 320px !important;
    margin: 7px auto !important;
  }

  .footer2026-copy {
    display: block !important;
  }

  .footer2026-copy strong,
  .footer2026-copy span {
    display: block !important;
  }
}



/* ==========================================================================
   POPRAVEK FAZA 14: POVRNITEV MODERNE POSTAVITVE IZDELKOV
   ========================================================================== */

/*
   Po zadnjem nalaganju se na nekaterih straneh izdelki izpišejo v starem načinu
   brez ovoja .product-grid. Zato spodaj oblikujemo tudi navadne .product bloke.
*/

#page .shopview .umes,
.shopview .umes {
  display: none !important;
}

#page .shopview .product,
.shopview .product {
  float: none !important;
  display: inline-grid !important;
  grid-template-columns: 96px minmax(0, 1fr) !important;
  grid-template-rows: auto 1fr auto !important;
  column-gap: 14px !important;
  row-gap: 10px !important;
  width: calc(50% - 12px) !important;
  min-height: 176px !important;
  margin: 0 10px 18px 0 !important;
  padding: 14px !important;
  vertical-align: top !important;
  background: #ffffff !important;
  border: 1px solid #e5e7eb !important;
  border-radius: 18px !important;
  box-shadow: 0 7px 20px rgba(15, 23, 42, 0.08) !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
}

#page .shopview .product:hover,
.shopview .product:hover {
  border-color: #cbd5e1 !important;
  box-shadow: 0 12px 28px rgba(15, 23, 42, 0.13) !important;
}

#page .shopview .product .img,
.shopview .product .img {
  float: none !important;
  grid-column: 1 !important;
  grid-row: 1 / span 3 !important;
  width: 96px !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  text-align: center !important;
}

#page .shopview .product .img img,
.shopview .product .img img {
  width: auto !important;
  max-width: 96px !important;
  max-height: 138px !important;
  height: auto !important;
  border: 1px solid #e5e7eb !important;
  border-radius: 10px !important;
  background: #ffffff !important;
}

#page .shopview .product .text,
.shopview .product .text {
  float: none !important;
  grid-column: 2 !important;
  grid-row: 1 / span 2 !important;
  width: auto !important;
  height: auto !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  color: #334155 !important;
  font-size: 13px !important;
  line-height: 1.35 !important;
}

#page .shopview .product .text h1,
.shopview .product .text h1,
#page .shopview .product h1,
.shopview .product h1 {
  margin: 0 0 8px 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: #111827 !important;
  font-size: 17px !important;
  line-height: 1.25 !important;
  font-weight: 900 !important;
}

#page .shopview .product .text h1 a,
.shopview .product .text h1 a,
#page .shopview .product a.fp_link,
.shopview .product a.fp_link {
  color: #111827 !important;
  text-decoration: none !important;
  font-weight: 900 !important;
}

#page .shopview .product .text h1 a:hover,
.shopview .product .text h1 a:hover,
#page .shopview .product a.fp_link:hover,
.shopview .product a.fp_link:hover {
  color: #2563eb !important;
  text-decoration: none !important;
}

#page .shopview .product .textx,
.shopview .product .textx {
  display: block !important;
  color: #334155 !important;
  font-size: 13px !important;
  line-height: 1.35 !important;
}

#page .shopview .product .price,
.shopview .product .price,
#page .shopview .product .cena,
.shopview .product .cena {
  float: none !important;
  grid-column: 2 !important;
  grid-row: 3 !important;
  align-self: end !important;
  margin: 0 !important;
  padding: 0 !important;
  color: #dc2626 !important;
  font-size: 18px !important;
  line-height: 1.2 !important;
  font-weight: 900 !important;
}

#page .shopview .product .add,
.shopview .product .add {
  position: absolute !important;
  right: 14px !important;
  bottom: 14px !important;
  width: 42px !important;
  height: 42px !important;
  margin: 0 !important;
  padding: 0 !important;
}

#page .shopview .product .add a,
.shopview .product .add a {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 42px !important;
  height: 42px !important;
  border-radius: 999px !important;
  background: #2563eb !important;
  box-shadow: 0 8px 20px rgba(37, 99, 235, 0.24) !important;
  text-decoration: none !important;
}

#page .shopview .product .add img,
.shopview .product .add img {
  max-width: 24px !important;
  max-height: 24px !important;
  border: 0 !important;
  filter: brightness(0) invert(1) !important;
}

/* Če je .product-grid prisoten, naj ostane pravi CSS grid in ne inline-grid fallback */
#page .shopview .product-grid,
.shopview .product-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 18px !important;
  width: 100% !important;
  clear: both !important;
}

#page .shopview .product-grid .product,
.shopview .product-grid .product {
  display: grid !important;
  width: auto !important;
  margin: 0 !important;
}

/* Stari okvirji/tabele okoli začetne strani */
#page .shopview > table,
.shopview > table {
  width: 100% !important;
  max-width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  border: 0 !important;
  background: transparent !important;
}

@media (max-width: 760px) {
  #page .shopview .product,
  .shopview .product {
    display: grid !important;
    width: 100% !important;
    grid-template-columns: 88px minmax(0, 1fr) !important;
    min-height: 150px !important;
    margin: 0 0 14px 0 !important;
    padding: 12px !important;
  }

  #page .shopview .product-grid,
  .shopview .product-grid {
    grid-template-columns: 1fr !important;
  }

  #page .shopview .product .img,
  .shopview .product .img {
    width: 88px !important;
  }

  #page .shopview .product .img img,
  .shopview .product .img img {
    max-width: 88px !important;
    max-height: 128px !important;
  }

  #page .shopview .product .text h1,
  .shopview .product .text h1,
  #page .shopview .product h1,
  .shopview .product h1 {
    font-size: 15px !important;
  }

  #page .shopview .product .price,
  .shopview .product .price,
  #page .shopview .product .cena,
  .shopview .product .cena {
    font-size: 16px !important;
  }
}



/* ==========================================================================
   OTROCI.ORG TRGOVINA 2026 - FAZA 15 POPRAVEK: BESEDILNE STRANI
   Dodano na zadnjo preverjeno dobro obliko trgovine.
   ========================================================================== */

#page .content2026-page,
.content2026-page {
  width: 100% !important;
  max-width: 920px !important;
  margin: 0 auto 28px auto !important;
  padding: 28px !important;
  background: #ffffff !important;
  border: 1px solid #e5e7eb !important;
  border-radius: 22px !important;
  box-shadow: 0 12px 30px rgba(15, 23, 42, 0.10) !important;
  color: #334155 !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
}

#page .content2026-page *,
.content2026-page * {
  box-sizing: border-box !important;
}

#page .content2026-page h1,
.content2026-page h1 {
  margin: 0 0 18px 0 !important;
  padding: 0 0 14px 0 !important;
  border-bottom: 1px solid #e5e7eb !important;
  background: transparent !important;
  color: #111827 !important;
  font-size: 30px !important;
  line-height: 1.25 !important;
  font-weight: 900 !important;
}

#page .content2026-body,
.content2026-body {
  color: #334155 !important;
  font-size: 15px !important;
  line-height: 1.7 !important;
  font-weight: 500 !important;
}

#page .content2026-body p,
.content2026-body p {
  margin: 0 0 14px 0 !important;
  color: #334155 !important;
  font-size: 15px !important;
  line-height: 1.7 !important;
}

#page .content2026-body b,
#page .content2026-body strong,
.content2026-body b,
.content2026-body strong {
  color: #111827 !important;
  font-weight: 900 !important;
}

#page .content2026-body h2,
.content2026-body h2 {
  margin: 24px 0 12px 0 !important;
  padding: 0 !important;
  color: #111827 !important;
  font-size: 22px !important;
  line-height: 1.3 !important;
  font-weight: 900 !important;
}

#page .content2026-body h3,
.content2026-body h3 {
  margin: 20px 0 10px 0 !important;
  padding: 0 !important;
  color: #111827 !important;
  font-size: 18px !important;
  line-height: 1.3 !important;
  font-weight: 900 !important;
}

#page .content2026-body ul,
#page .content2026-body ol,
.content2026-body ul,
.content2026-body ol {
  margin: 12px 0 16px 22px !important;
  padding: 0 !important;
}

#page .content2026-body li,
.content2026-body li {
  margin: 0 0 7px 0 !important;
  color: #334155 !important;
  font-size: 15px !important;
  line-height: 1.65 !important;
}

#page .content2026-body a,
.content2026-body a {
  color: #1d4ed8 !important;
  font-weight: 800 !important;
  text-decoration: underline !important;
  text-underline-offset: 2px !important;
}

#page .content2026-body table,
.content2026-body table {
  width: 100% !important;
  max-width: 100% !important;
  margin: 16px 0 !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  background: #ffffff !important;
  border: 1px solid #e5e7eb !important;
  border-radius: 14px !important;
  overflow: hidden !important;
}

#page .content2026-body table td,
#page .content2026-body table th,
.content2026-body table td,
.content2026-body table th {
  padding: 10px 12px !important;
  border-bottom: 1px solid #e5e7eb !important;
  color: #334155 !important;
  font-size: 14px !important;
  line-height: 1.45 !important;
  vertical-align: top !important;
}

#page .content2026-body img,
.content2026-body img {
  max-width: 100% !important;
  height: auto !important;
  border-radius: 12px !important;
}

#page .content2026-empty,
.content2026-empty {
  text-align: center !important;
  max-width: 680px !important;
}

#page .content2026-icon,
.content2026-icon {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 66px !important;
  height: 66px !important;
  margin: 0 auto 16px auto !important;
  border-radius: 999px !important;
  background: #eff6ff !important;
  color: #2563eb !important;
  font-size: 32px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
}

#page .content2026-empty h1,
.content2026-empty h1 {
  border-bottom: 0 !important;
  padding-bottom: 0 !important;
  margin-bottom: 10px !important;
}

#page .content2026-empty p,
.content2026-empty p {
  max-width: 520px !important;
  margin: 0 auto 20px auto !important;
  color: #475569 !important;
  font-size: 15px !important;
  line-height: 1.55 !important;
  font-weight: 700 !important;
}

#page .content2026-button,
.content2026-button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 170px !important;
  min-height: 44px !important;
  padding: 0 22px !important;
  border-radius: 999px !important;
  background: #2563eb !important;
  color: #ffffff !important;
  font-size: 14px !important;
  font-weight: 900 !important;
  text-decoration: none !important;
  box-shadow: 0 7px 18px rgba(37, 99, 235, 0.24) !important;
}

#page .content2026-button:hover,
.content2026-button:hover {
  background: #1d4ed8 !important;
  color: #ffffff !important;
}

/* Zadnja varovalka: izdelki ostanejo moderni tudi po fazi vsebin */
#page .shopview .product,
.shopview .product {
  float: none !important;
  display: inline-grid !important;
  grid-template-columns: 96px minmax(0, 1fr) !important;
  width: calc(50% - 12px) !important;
  min-height: 176px !important;
  margin: 0 10px 18px 0 !important;
  padding: 14px !important;
  vertical-align: top !important;
  background: #ffffff !important;
  border: 1px solid #e5e7eb !important;
  border-radius: 18px !important;
  box-shadow: 0 7px 20px rgba(15, 23, 42, 0.08) !important;
  box-sizing: border-box !important;
}

#page .shopview .product-grid,
.shopview .product-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 18px !important;
}

#page .shopview .product-grid .product,
.shopview .product-grid .product {
  width: auto !important;
  margin: 0 !important;
}

@media (max-width: 760px) {
  #page .content2026-page,
  .content2026-page {
    padding: 20px 16px !important;
    border-radius: 18px !important;
  }

  #page .content2026-page h1,
  .content2026-page h1 {
    font-size: 24px !important;
  }

  #page .shopview .product,
  .shopview .product {
    width: 100% !important;
    margin: 0 0 14px 0 !important;
  }

  #page .shopview .product-grid,
  .shopview .product-grid {
    grid-template-columns: 1fr !important;
  }
}



/* ==========================================================================
   OTROCI.ORG TRGOVINA 2026 - FAZA 16: OBVESTILO / PIŠKOTKI
   ========================================================================== */

#page .shopinfo2026,
.shopinfo2026 {
  display: flex !important;
  align-items: flex-start !important;
  gap: 12px !important;
  width: 100% !important;
  max-width: 920px !important;
  margin: 0 auto 18px auto !important;
  padding: 13px 16px !important;
  background: #eff6ff !important;
  border: 1px solid #bfdbfe !important;
  border-radius: 16px !important;
  box-shadow: 0 6px 18px rgba(37, 99, 235, 0.10) !important;
  color: #1e3a8a !important;
  box-sizing: border-box !important;
}

#page .shopinfo2026 *,
.shopinfo2026 * {
  box-sizing: border-box !important;
}

#page .shopinfo2026-icon,
.shopinfo2026-icon {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 26px !important;
  width: 26px !important;
  height: 26px !important;
  margin-top: 1px !important;
  border-radius: 999px !important;
  background: #2563eb !important;
  color: #ffffff !important;
  font-size: 15px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  font-family: Arial, Helvetica, sans-serif !important;
}

#page .shopinfo2026-text,
.shopinfo2026-text {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  color: #1e3a8a !important;
  font-size: 13px !important;
  line-height: 1.45 !important;
  font-weight: 800 !important;
}

#page .shopinfo2026-text b,
#page .shopinfo2026-text strong,
.shopinfo2026-text b,
.shopinfo2026-text strong {
  color: #172554 !important;
  font-weight: 900 !important;
}

#page .shopinfo2026-text a,
.shopinfo2026-text a {
  color: #1d4ed8 !important;
  font-weight: 900 !important;
  text-decoration: underline !important;
  text-underline-offset: 2px !important;
}

#page .shopinfo2026-text a:hover,
.shopinfo2026-text a:hover {
  color: #1e40af !important;
}

/* Če se kje še izpiše stari inline obvestilni div, ga nekoliko omehčamo */
#page .shopview > div[style*="background-color:#18adef"],
.shopview > div[style*="background-color:#18adef"] {
  width: 100% !important;
  max-width: 920px !important;
  margin: 0 auto 18px auto !important;
  padding: 13px 16px !important;
  background: #eff6ff !important;
  border: 1px solid #bfdbfe !important;
  border-radius: 16px !important;
  color: #1e3a8a !important;
  box-shadow: 0 6px 18px rgba(37, 99, 235, 0.10) !important;
  box-sizing: border-box !important;
}

#page .shopview > div[style*="background-color:#18adef"] b,
.shopview > div[style*="background-color:#18adef"] b {
  color: #172554 !important;
}

@media (max-width: 760px) {
  #page .shopinfo2026,
  .shopinfo2026 {
    gap: 10px !important;
    padding: 12px 13px !important;
    border-radius: 14px !important;
  }

  #page .shopinfo2026-icon,
  .shopinfo2026-icon {
    flex-basis: 24px !important;
    width: 24px !important;
    height: 24px !important;
    font-size: 14px !important;
  }

  #page .shopinfo2026-text,
  .shopinfo2026-text {
    font-size: 12px !important;
  }
}



/* ==========================================================================
   POPRAVEK FAZA 16: OBVESTILO ČEZ CELOTNO ŠIRINO LEVEGA STOLPCA
   ========================================================================== */

#page .shopinfo2026,
.shopinfo2026 {
  width: 100% !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

#page .shopview .shopinfo2026,
.shopview .shopinfo2026 {
  width: 100% !important;
  max-width: 100% !important;
}

#page .shopinfo2026 img,
.shopinfo2026 img {
  max-width: 100% !important;
  height: auto !important;
}

/* fallback za stari inline div, če bi se še kje izpisal */
#page .shopview > div[style*="background-color:#18adef"],
.shopview > div[style*="background-color:#18adef"] {
  width: 100% !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}



/* ==========================================================================
   POPRAVEK FAZA 16-2: OBVESTILO ENAKA ŠIRINA KOT KARTICE TRGOVINE
   ========================================================================== */

/*
   Obvestilo je znotraj ožjega elementa, zato 100% ni dovolj.
   Razširimo ga levo in desno, da se poravna s širino izdelkov.
*/

#page .shopinfo2026,
.shopinfo2026 {
  width: calc(100% + 140px) !important;
  max-width: calc(100vw - 40px) !important;
  margin-left: -70px !important;
  margin-right: -70px !important;
}

#page .shopview .shopinfo2026,
.shopview .shopinfo2026 {
  width: calc(100% + 140px) !important;
  max-width: calc(100vw - 40px) !important;
  margin-left: -70px !important;
  margin-right: -70px !important;
}

#page .shopinfo2026-text,
.shopinfo2026-text {
  width: 100% !important;
}

#page .shopinfo2026 img,
.shopinfo2026 img {
  display: block !important;
  max-width: 100% !important;
  height: auto !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Če se kje še pojavi stari inline okvir */
#page .shopview > div[style*="background-color:#18adef"],
.shopview > div[style*="background-color:#18adef"] {
  width: calc(100% + 140px) !important;
  max-width: calc(100vw - 40px) !important;
  margin-left: -70px !important;
  margin-right: -70px !important;
}

@media (max-width: 760px) {
  #page .shopinfo2026,
  .shopinfo2026,
  #page .shopview .shopinfo2026,
  .shopview .shopinfo2026 {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}



/* ==========================================================================
   POPRAVEK FAZA 16-3: OBVESTILO PORAVNANO S CELOTNO TRGOVINO
   ========================================================================== */

/*
   Prejšnji popravek ni prijel, ker je obvestilo omejeno z notranjim elementom.
   Ta rešitev ga centrira glede na vidno širino strani in ga razširi na širino trgovine.
*/

#page .shopinfo2026-fullwidth,
.shopinfo2026-fullwidth,
#page .shopinfo2026,
.shopinfo2026 {
  position: relative !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  width: calc(100vw - 86px) !important;
  max-width: 1180px !important;
  min-width: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 18px !important;
}

#page .shopinfo2026-fullwidth .shopinfo2026-text,
.shopinfo2026-fullwidth .shopinfo2026-text,
#page .shopinfo2026 .shopinfo2026-text,
.shopinfo2026 .shopinfo2026-text {
  width: 100% !important;
  max-width: 100% !important;
}

#page .shopinfo2026-fullwidth img,
.shopinfo2026-fullwidth img,
#page .shopinfo2026 img,
.shopinfo2026 img {
  display: block !important;
  width: auto !important;
  max-width: 100% !important;
  height: auto !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Stari inline obvestilni okvir, če bi bil še kje v cache-u */
#page .shopview > div[style*="background-color:#18adef"],
.shopview > div[style*="background-color:#18adef"] {
  position: relative !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  width: calc(100vw - 86px) !important;
  max-width: 1180px !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

@media (max-width: 1024px) {
  #page .shopinfo2026-fullwidth,
  .shopinfo2026-fullwidth,
  #page .shopinfo2026,
  .shopinfo2026 {
    width: calc(100vw - 30px) !important;
    max-width: calc(100vw - 30px) !important;
  }
}

@media (max-width: 760px) {
  #page .shopinfo2026-fullwidth,
  .shopinfo2026-fullwidth,
  #page .shopinfo2026,
  .shopinfo2026 {
    left: 0 !important;
    transform: none !important;
    width: 100% !important;
    max-width: 100% !important;
  }
}



/* ==========================================================================
   POPRAVEK FAZA 16-4: OBVESTILO NAZAJ LEVO + RAZŠIRITEV DO ŠIRINE TRGOVINE
   ========================================================================== */

/*
   Prejšnji popravek je element premaknil v desno. Zato tukaj izklopimo left/transform
   in ga razširimo iz njegove naravne pozicije: 70 px levo + 70 px desno.
*/

#page .shopinfo2026-fullwidth,
.shopinfo2026-fullwidth,
#page .shopinfo2026,
.shopinfo2026 {
  position: relative !important;
  left: auto !important;
  right: auto !important;
  transform: none !important;

  width: calc(100% + 140px) !important;
  max-width: none !important;

  margin-left: -70px !important;
  margin-right: -70px !important;
  margin-top: 0 !important;
  margin-bottom: 18px !important;
}

#page .shopview .shopinfo2026-fullwidth,
.shopview .shopinfo2026-fullwidth,
#page .shopview .shopinfo2026,
.shopview .shopinfo2026 {
  position: relative !important;
  left: auto !important;
  right: auto !important;
  transform: none !important;

  width: calc(100% + 140px) !important;
  max-width: none !important;

  margin-left: -70px !important;
  margin-right: -70px !important;
}

#page .shopinfo2026 img,
.shopinfo2026 img,
#page .shopinfo2026-fullwidth img,
.shopinfo2026-fullwidth img {
  display: block !important;
  max-width: 100% !important;
  height: auto !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Na telefonu naj ostane normalna širina, brez negativnih robov. */
@media (max-width: 760px) {
  #page .shopinfo2026-fullwidth,
  .shopinfo2026-fullwidth,
  #page .shopinfo2026,
  .shopinfo2026,
  #page .shopview .shopinfo2026-fullwidth,
  .shopview .shopinfo2026-fullwidth,
  #page .shopview .shopinfo2026,
  .shopview .shopinfo2026 {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    left: auto !important;
    transform: none !important;
  }
}



/* ==========================================================================
   POPRAVEK FAZA 16-5: OBVESTILO RES NA ŠIRINO SPODNJIH KARTIC
   ========================================================================== */

/*
   Dejanski notranji prostor obvestila je precej ožji od prostora kartic.
   Zato ga razširimo za 300 px in ga premaknemo 150 px levo.
*/

#page .shopinfo2026-fullwidth,
.shopinfo2026-fullwidth,
#page .shopinfo2026,
.shopinfo2026,
#page .shopview .shopinfo2026-fullwidth,
.shopview .shopinfo2026-fullwidth,
#page .shopview .shopinfo2026,
.shopview .shopinfo2026 {
  position: relative !important;
  left: auto !important;
  right: auto !important;
  transform: none !important;

  width: calc(100% + 300px) !important;
  max-width: calc(100vw - 30px) !important;

  margin-left: -150px !important;
  margin-right: -150px !important;
  margin-top: 0 !important;
  margin-bottom: 18px !important;
}

#page .shopinfo2026-text,
.shopinfo2026-text,
#page .shopinfo2026-fullwidth .shopinfo2026-text,
.shopinfo2026-fullwidth .shopinfo2026-text {
  width: 100% !important;
  max-width: 100% !important;
}

#page .shopinfo2026 img,
.shopinfo2026 img,
#page .shopinfo2026-fullwidth img,
.shopinfo2026-fullwidth img {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Pri srednjih zaslonih naj bo malo manj agresivno */
@media (max-width: 1024px) {
  #page .shopinfo2026-fullwidth,
  .shopinfo2026-fullwidth,
  #page .shopinfo2026,
  .shopinfo2026,
  #page .shopview .shopinfo2026-fullwidth,
  .shopview .shopinfo2026-fullwidth,
  #page .shopview .shopinfo2026,
  .shopview .shopinfo2026 {
    width: calc(100% + 280px) !important;
    max-width: calc(100vw - 30px) !important;
    margin-left: -140px !important;
    margin-right: -140px !important;
  }
}

/* Na telefonu naj ostane normalno */
@media (max-width: 760px) {
  #page .shopinfo2026-fullwidth,
  .shopinfo2026-fullwidth,
  #page .shopinfo2026,
  .shopinfo2026,
  #page .shopview .shopinfo2026-fullwidth,
  .shopview .shopinfo2026-fullwidth,
  #page .shopview .shopinfo2026,
  .shopview .shopinfo2026 {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    left: auto !important;
    transform: none !important;
  }
}



/* ==========================================================================
   POPRAVEK FAZA 16-6: OBVESTILO S FIKSNO ŠIRINO 900px
   ========================================================================== */

/*
   Prejšnji CSS popravki niso mogli razširiti okna, ker ga omejuje notranji
   element strani. Zato ima shop_info.php sedaj inline širino, tukaj pa dovolimo
   vidni preliv iz .shopview.
*/

#page .shopview,
.shopview {
  overflow: visible !important;
}

#page .shopinfo2026-inlinewide,
.shopinfo2026-inlinewide {
  position: relative !important;
  left: auto !important;
  right: auto !important;
  transform: none !important;
  width: 900px !important;
  max-width: calc(100vw - 60px) !important;
  box-sizing: border-box !important;
  margin-top: 0 !important;
  margin-bottom: 18px !important;
}

#page .shopinfo2026-inlinewide .shopinfo2026-text,
.shopinfo2026-inlinewide .shopinfo2026-text {
  width: 100% !important;
  max-width: 100% !important;
}

#page .shopinfo2026-inlinewide img,
.shopinfo2026-inlinewide img {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

@media (max-width: 760px) {
  #page .shopinfo2026-inlinewide,
  .shopinfo2026-inlinewide {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}



/* ==========================================================================
   FAZA 17: INDEX BREZ STARE TABELE + ŠIROKO OBVESTILO
   ========================================================================== */

/* Nova ovojnica izdelkov na prvi strani */
#page .shopview-index2026,
.shopview-index2026 {
  width: 100% !important;
  max-width: 100% !important;
  overflow: visible !important;
}

#page .shopview-index2026 .index2026-products,
.shopview-index2026 .index2026-products {
  width: 100% !important;
  max-width: 100% !important;
  overflow: visible !important;
}

/*
   Prej je star CSS obvestilo omejeval kot prvi DIV v shopview:
   #page .shopview > div:first-of-type { width: min(760px, 92%) ... }
   To tukaj izrecno preglasimo z močnejšim selektorjem.
*/
#page .shopview-index2026 > div.shopinfo2026:first-of-type,
#page .shopview-index2026 > div.shopinfo2026-fullwidth:first-of-type,
#page .shopview-index2026 > div.shopinfo2026-inlinewide:first-of-type,
#page .shopview > div.shopinfo2026:first-of-type,
#page .shopview > div.shopinfo2026-fullwidth:first-of-type,
#page .shopview > div.shopinfo2026-inlinewide:first-of-type {
  display: flex !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  margin: 0 0 18px 0 !important;
  padding: 13px 16px !important;
  left: auto !important;
  right: auto !important;
  transform: none !important;
  box-sizing: border-box !important;
  text-align: left !important;
}

/* Obvestilo naj se raztegne čez celotno širino trgovine */
#page .shopview-index2026 .shopinfo2026,
#page .shopview .shopinfo2026,
.shopinfo2026 {
  width: 100% !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  box-sizing: border-box !important;
}

/* Notranje besedilo/slika v obvestilu naj zapolni prostor */
#page .shopinfo2026 .shopinfo2026-text,
.shopinfo2026 .shopinfo2026-text {
  width: 100% !important;
  max-width: 100% !important;
}

#page .shopinfo2026 .shopinfo2026-text img,
.shopinfo2026 .shopinfo2026-text img,
#page .shopinfo2026 img,
.shopinfo2026 img {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Stara tabela width 710 naj ne omejuje več prve strani, če bi bila še kje v cache-u */
#page .shopview-index2026 table[width="710"],
#page .shopview table[width="710"] {
  width: 100% !important;
  max-width: 100% !important;
  background: transparent !important;
  border: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

#page .shopview-index2026 table[width="710"] td,
#page .shopview table[width="710"] td {
  background: transparent !important;
}

/* Na telefonu ostane vse normalno */
@media (max-width: 760px) {
  #page .shopview-index2026 > div.shopinfo2026:first-of-type,
  #page .shopview > div.shopinfo2026:first-of-type,
  #page .shopview-index2026 .shopinfo2026,
  #page .shopview .shopinfo2026,
  .shopinfo2026 {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}



/* ==========================================================================
   FAZA 18: STRANI KATEGORIJ IN PRAZEN PRIKAZ KATEGORIJE
   ========================================================================== */

#menu .category2026-menu-link {
  display: inline-block !important;
}

#menu .category2026-menu-separator {
  color: rgba(255,255,255,0.55) !important;
  font-weight: 900 !important;
  margin: 0 2px !important;
}

#page .shopview-category2026,
.shopview-category2026 {
  width: 100% !important;
  max-width: 100% !important;
  overflow: visible !important;
}

#page .category2026-header,
.category2026-header {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 0 18px 0 !important;
  padding: 22px 24px !important;
  background: #ffffff !important;
  border: 1px solid #e5e7eb !important;
  border-radius: 22px !important;
  box-shadow: 0 10px 28px rgba(15, 23, 42, 0.08) !important;
  color: #111827 !important;
  box-sizing: border-box !important;
}

#page .category2026-badge,
.category2026-badge {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 28px !important;
  padding: 0 12px !important;
  margin: 0 0 10px 0 !important;
  border-radius: 999px !important;
  background: #eff6ff !important;
  color: #1d4ed8 !important;
  font-size: 12px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.03em !important;
}

#page .category2026-header h1,
.category2026-header h1 {
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: #111827 !important;
  font-size: 31px !important;
  line-height: 1.2 !important;
  font-weight: 900 !important;
}

#page .category2026-header p,
.category2026-header p {
  max-width: 760px !important;
  margin: 10px 0 0 0 !important;
  color: #475569 !important;
  font-size: 15px !important;
  line-height: 1.55 !important;
  font-weight: 700 !important;
}

/* prazen rezultat kategorije */
#page .category2026-empty,
.category2026-empty {
  width: 100% !important;
  max-width: 720px !important;
  margin: 0 auto 22px auto !important;
  padding: 30px 24px !important;
  background: #ffffff !important;
  border: 1px solid #e5e7eb !important;
  border-radius: 22px !important;
  box-shadow: 0 10px 28px rgba(15, 23, 42, 0.08) !important;
  text-align: center !important;
  color: #334155 !important;
  box-sizing: border-box !important;
}

#page .category2026-empty-icon,
.category2026-empty-icon {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 64px !important;
  height: 64px !important;
  margin: 0 auto 14px auto !important;
  border-radius: 999px !important;
  background: #eff6ff !important;
  color: #2563eb !important;
  font-size: 31px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
}

#page .category2026-empty h2,
.category2026-empty h2 {
  margin: 0 0 9px 0 !important;
  padding: 0 !important;
  color: #111827 !important;
  font-size: 24px !important;
  line-height: 1.25 !important;
  font-weight: 900 !important;
}

#page .category2026-empty p,
.category2026-empty p {
  max-width: 520px !important;
  margin: 0 auto 18px auto !important;
  color: #475569 !important;
  font-size: 15px !important;
  line-height: 1.55 !important;
  font-weight: 700 !important;
}

#page .category2026-button,
.category2026-button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 170px !important;
  min-height: 44px !important;
  padding: 0 22px !important;
  border-radius: 999px !important;
  background: #2563eb !important;
  color: #ffffff !important;
  font-size: 14px !important;
  font-weight: 900 !important;
  text-decoration: none !important;
  box-shadow: 0 7px 18px rgba(37, 99, 235, 0.24) !important;
}

#page .category2026-button:hover,
.category2026-button:hover {
  background: #1d4ed8 !important;
  color: #ffffff !important;
}

/* varovalo: mreža kategorije ostane na polni širini */
#page .shopview-category2026 .index2026-products,
.shopview-category2026 .index2026-products,
#page .shopview-category2026 .product-grid,
.shopview-category2026 .product-grid {
  width: 100% !important;
  max-width: 100% !important;
}

@media (max-width: 760px) {
  #page .category2026-header,
  .category2026-header {
    padding: 18px 16px !important;
    border-radius: 18px !important;
  }

  #page .category2026-header h1,
  .category2026-header h1 {
    font-size: 25px !important;
  }

  #page .category2026-header p,
  .category2026-header p {
    font-size: 14px !important;
  }

  #page .category2026-empty,
  .category2026-empty {
    padding: 24px 16px !important;
    border-radius: 18px !important;
  }

  #page .category2026-button,
  .category2026-button {
    width: 100% !important;
    max-width: 310px !important;
  }
}



/* ==========================================================================
   FAZA 19 VARNO: STRAN POSAMEZNEGA IZDELKA - ARTICLE.PHP
   ========================================================================== */

#page .shopview-article2026,
.shopview-article2026 {
  width: 100% !important;
  max-width: 100% !important;
  overflow: visible !important;
}

#page .article2026-breadcrumb,
.article2026-breadcrumb {
  width: 100% !important;
  margin: 0 0 16px 0 !important;
  padding: 13px 16px !important;
  background: #ffffff !important;
  border: 1px solid #e5e7eb !important;
  border-radius: 16px !important;
  box-shadow: 0 7px 18px rgba(15, 23, 42, 0.07) !important;
  color: #64748b !important;
  font-size: 13px !important;
  line-height: 1.45 !important;
  font-weight: 800 !important;
  box-sizing: border-box !important;
}

#page .article2026-breadcrumb a,
.article2026-breadcrumb a {
  color: #1d4ed8 !important;
  font-weight: 900 !important;
  text-decoration: none !important;
}

#page .article2026-breadcrumb a:hover,
.article2026-breadcrumb a:hover {
  color: #dc2626 !important;
}

#page .article2026-breadcrumb span,
.article2026-breadcrumb span {
  display: inline-block !important;
  margin: 0 7px !important;
  color: #94a3b8 !important;
  font-weight: 900 !important;
}

#page .article2026-main,
.article2026-main {
  width: 100% !important;
  max-width: 100% !important;
  overflow: visible !important;
}

/* Glavna tabela izdelka iz getItem() */
#page .article2026-main > table[width="700"]:first-of-type,
#page .shopview-article2026 > table[width="700"]:first-of-type {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 0 20px 0 !important;
  background: #ffffff !important;
  border: 1px solid #e5e7eb !important;
  border-radius: 22px !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  box-shadow: 0 10px 28px rgba(15, 23, 42, 0.09) !important;
  overflow: hidden !important;
}

#page .article2026-main > table[width="700"]:first-of-type td,
#page .shopview-article2026 > table[width="700"]:first-of-type td {
  background: transparent !important;
  border: 0 !important;
  color: #334155 !important;
  font-family: Arial, Verdana, Tahoma, sans-serif !important;
  font-size: 14px !important;
  line-height: 1.55 !important;
  vertical-align: top !important;
}

#page .article2026-main > table[width="700"]:first-of-type td[width="175"] {
  width: 210px !important;
  padding: 24px 18px !important;
  text-align: center !important;
  background: #f8fafc !important;
  border-right: 1px solid #e5e7eb !important;
}

#page .article2026-main > table[width="700"]:first-of-type td[width="175"] img {
  max-width: 160px !important;
  max-height: 230px !important;
  width: auto !important;
  height: auto !important;
  border-radius: 12px !important;
}

#page .article2026-main > table[width="700"]:first-of-type h3 {
  margin: 0 0 10px 0 !important;
  padding: 0 !important;
  color: #111827 !important;
  font-size: 25px !important;
  line-height: 1.2 !important;
  font-weight: 900 !important;
}

#page .article2026-main > table[width="700"]:first-of-type td[width="400"],
#page .article2026-main > table[width="700"]:first-of-type td[style*="font-size:10px"] {
  padding: 24px !important;
  color: #334155 !important;
  font-size: 14px !important;
  line-height: 1.62 !important;
}

#page .article2026-main b,
.article2026-main b {
  color: #111827 !important;
  font-weight: 900 !important;
}

#page .article2026-main .cena,
.article2026-main .cena {
  display: inline-block !important;
  margin: 8px 0 !important;
  color: #dc2626 !important;
  font-size: 25px !important;
  line-height: 1.25 !important;
  font-weight: 900 !important;
}

#page .article2026-main .cena[style*="font-size:12px"],
.article2026-main .cena[style*="font-size:12px"] {
  display: block !important;
  margin: 3px 0 !important;
  color: #111827 !important;
  font-size: 14px !important;
  font-weight: 800 !important;
}

/* Poštnina */
#page .article2026-main > table[width="700"]:first-of-type td[width="400"] table,
#page .article2026-main > table[width="700"]:first-of-type td[style*="font-size:10px"] table {
  width: auto !important;
  min-width: 310px !important;
  margin-top: 8px !important;
  background: #f8fafc !important;
  border: 1px solid #e5e7eb !important;
  border-radius: 12px !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  overflow: hidden !important;
}

#page .article2026-main > table[width="700"]:first-of-type td[width="400"] table td,
#page .article2026-main > table[width="700"]:first-of-type td[style*="font-size:10px"] table td {
  padding: 7px 9px !important;
  color: #334155 !important;
  font-size: 13px !important;
}

/* Desni stolpec z gumbom */
#page .article2026-main > table[width="700"]:first-of-type td[width="135"] {
  width: 190px !important;
  padding: 24px 18px !important;
  text-align: center !important;
  vertical-align: middle !important;
  background: #f8fafc !important;
  border-left: 1px solid #e5e7eb !important;
}

#page .article2026-main > table[width="700"]:first-of-type td[width="135"] a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 158px !important;
  min-height: 50px !important;
  padding: 0 18px !important;
  border-radius: 999px !important;
  background: #22c55e !important;
  color: #ffffff !important;
  font-size: 14px !important;
  font-weight: 900 !important;
  text-decoration: none !important;
  box-shadow: 0 8px 20px rgba(34, 197, 94, 0.28) !important;
  overflow: hidden !important;
}

#page .article2026-main > table[width="700"]:first-of-type td[width="135"] a:hover {
  background: #16a34a !important;
}

#page .article2026-main > table[width="700"]:first-of-type td[width="135"] a img {
  max-width: 150px !important;
  height: auto !important;
  border: 0 !important;
}

/* Dolgi opis in dodatne slike */
#page .article2026-main > table[width="700"]:not(:first-of-type) {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 0 20px 0 !important;
  background: #ffffff !important;
  border: 1px solid #e5e7eb !important;
  border-radius: 22px !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  box-shadow: 0 10px 28px rgba(15, 23, 42, 0.08) !important;
  overflow: hidden !important;
}

#page .article2026-main > table[width="700"]:not(:first-of-type) td {
  padding: 24px !important;
  background: transparent !important;
  border: 0 !important;
  color: #334155 !important;
  font-family: Arial, Verdana, Tahoma, sans-serif !important;
  font-size: 15px !important;
  line-height: 1.7 !important;
}

#page .article2026-main > table[width="700"]:not(:first-of-type) h1,
#page .article2026-main > table[width="700"]:not(:first-of-type) h2,
#page .article2026-main > table[width="700"]:not(:first-of-type) h3 {
  margin: 18px 0 10px 0 !important;
  padding: 0 !important;
  color: #111827 !important;
  font-weight: 900 !important;
  line-height: 1.3 !important;
}

#page .article2026-main > table[width="700"]:not(:first-of-type) img {
  max-width: 100% !important;
  height: auto !important;
  border-radius: 12px !important;
}

#page .article2026-main hr,
.article2026-main hr {
  display: none !important;
}

/* Priporočeni izdelki */
#page .article2026-recommend-title,
.article2026-recommend-title {
  width: 100% !important;
  margin: 8px 0 16px 0 !important;
  padding: 15px 18px !important;
  background: #ffffff !important;
  border: 1px solid #e5e7eb !important;
  border-radius: 18px !important;
  box-shadow: 0 7px 18px rgba(15, 23, 42, 0.07) !important;
  color: #111827 !important;
  text-align: left !important;
  box-sizing: border-box !important;
}

#page .article2026-recommend-title b,
.article2026-recommend-title b {
  color: #111827 !important;
  font-size: 18px !important;
  font-weight: 900 !important;
}

#page .article2026-recommend-products,
.article2026-recommend-products {
  width: 100% !important;
  max-width: 100% !important;
}

/* Če izdelka ni */
#page .article2026-empty,
.article2026-empty {
  width: 100% !important;
  max-width: 720px !important;
  margin: 0 auto 22px auto !important;
  padding: 30px 24px !important;
  background: #ffffff !important;
  border: 1px solid #e5e7eb !important;
  border-radius: 22px !important;
  box-shadow: 0 10px 28px rgba(15, 23, 42, 0.08) !important;
  text-align: center !important;
}

#page .article2026-empty-icon,
.article2026-empty-icon {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 64px !important;
  height: 64px !important;
  margin: 0 auto 14px auto !important;
  border-radius: 999px !important;
  background: #eff6ff !important;
  color: #2563eb !important;
  font-size: 31px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
}

#page .article2026-empty h1,
.article2026-empty h1 {
  margin: 0 0 9px 0 !important;
  padding: 0 !important;
  color: #111827 !important;
  font-size: 24px !important;
  line-height: 1.25 !important;
  font-weight: 900 !important;
  border: 0 !important;
}

#page .article2026-empty p,
.article2026-empty p {
  max-width: 520px !important;
  margin: 0 auto 18px auto !important;
  color: #475569 !important;
  font-size: 15px !important;
  line-height: 1.55 !important;
  font-weight: 700 !important;
}

#page .article2026-button,
.article2026-button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 170px !important;
  min-height: 44px !important;
  padding: 0 22px !important;
  border-radius: 999px !important;
  background: #2563eb !important;
  color: #ffffff !important;
  font-size: 14px !important;
  font-weight: 900 !important;
  text-decoration: none !important;
  box-shadow: 0 7px 18px rgba(37, 99, 235, 0.24) !important;
}

/* Odzivnost */
@media (max-width: 1024px) {
  #page .article2026-main > table[width="700"]:first-of-type,
  #page .article2026-main > table[width="700"]:first-of-type tbody,
  #page .article2026-main > table[width="700"]:first-of-type tr,
  #page .article2026-main > table[width="700"]:first-of-type td {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  #page .article2026-main > table[width="700"]:first-of-type td[width="175"],
  #page .article2026-main > table[width="700"]:first-of-type td[width="135"] {
    border-left: 0 !important;
    border-right: 0 !important;
    border-bottom: 1px solid #e5e7eb !important;
  }

  #page .article2026-main > table[width="700"]:first-of-type td[width="135"] a {
    width: 100% !important;
    max-width: 290px !important;
  }
}

@media (max-width: 760px) {
  #page .article2026-breadcrumb,
  .article2026-breadcrumb {
    padding: 12px 13px !important;
    border-radius: 14px !important;
    font-size: 12px !important;
  }

  #page .article2026-main > table[width="700"]:first-of-type,
  #page .article2026-main > table[width="700"]:not(:first-of-type) {
    border-radius: 18px !important;
  }

  #page .article2026-main > table[width="700"]:first-of-type h3 {
    font-size: 22px !important;
  }

  #page .article2026-main .cena,
  .article2026-main .cena {
    font-size: 23px !important;
  }

  #page .article2026-main > table[width="700"]:not(:first-of-type) td {
    padding: 18px 15px !important;
    font-size: 14px !important;
  }
}



/* ==========================================================================
   FAZA 19B: POPRAVEK PORAVNAVE STRANI IZDELKA
   ========================================================================== */

/* Glavni blok izdelka naj bo manj raztegnjen in lepše poravnan */
#page .article2026-main > table[width="700"]:first-of-type {
  table-layout: fixed !important;
}

#page .article2026-main > table[width="700"]:first-of-type td[width="175"] {
  width: 190px !important;
  padding: 28px 18px !important;
}

#page .article2026-main > table[width="700"]:first-of-type td[width="400"],
#page .article2026-main > table[width="700"]:first-of-type td[style*="font-size:10px"] {
  width: auto !important;
  padding: 28px 20px 28px 24px !important;
  text-align: left !important;
}

#page .article2026-main > table[width="700"]:first-of-type td[width="135"] {
  width: 190px !important;
  padding: 28px 18px !important;
}

/* Naslov in opis izdelka */
#page .article2026-main > table[width="700"]:first-of-type h3 {
  margin: 0 0 14px 0 !important;
  font-size: 28px !important;
  line-height: 1.18 !important;
  letter-spacing: normal !important;
  word-spacing: normal !important;
}

#page .article2026-main > table[width="700"]:first-of-type td,
#page .article2026-main > table[width="700"]:first-of-type td *,
#page .article2026-main > table[width="700"]:not(:first-of-type),
#page .article2026-main > table[width="700"]:not(:first-of-type) *,
#page .article2026-main {
  letter-spacing: normal !important;
  word-spacing: normal !important;
}

/* Kratki opis naj ne bo preveč razmetan */
#page .article2026-main > table[width="700"]:first-of-type td[width="400"],
#page .article2026-main > table[width="700"]:first-of-type td[style*="font-size:10px"] {
  font-size: 15px !important;
  line-height: 1.55 !important;
}

/* Cena in dobava naj bosta lepo skupaj */
#page .article2026-main .cena {
  margin: 8px 0 8px 0 !important;
}

#page .article2026-main > table[width="700"]:first-of-type b {
  display: inline !important;
  line-height: 1.5 !important;
}

/* Dobava ne sme skočiti na desno */
#page .article2026-main > table[width="700"]:first-of-type td[width="400"] > b,
#page .article2026-main > table[width="700"]:first-of-type td[style*="font-size:10px"] > b {
  display: inline-block !important;
  margin-top: 4px !important;
}

/* Tabela poštnine naj ne bo preširoka in naj ostane pod ceno */
#page .article2026-main > table[width="700"]:first-of-type td[width="400"] table,
#page .article2026-main > table[width="700"]:first-of-type td[style*="font-size:10px"] table {
  min-width: 0 !important;
  width: auto !important;
  max-width: 360px !important;
  margin: 10px 0 0 0 !important;
}

/* Gumb dodaj v košarico */
#page .article2026-main > table[width="700"]:first-of-type td[width="135"] a {
  min-width: 170px !important;
  min-height: 52px !important;
  border-radius: 999px !important;
}

#page .article2026-main > table[width="700"]:first-of-type td[width="135"] a img {
  max-width: 155px !important;
}

/* Dolgi opis: manj praznega prostora, normalni presledki, čitljivo besedilo */
#page .article2026-main > table[width="700"]:not(:first-of-type) {
  margin-top: 0 !important;
  margin-bottom: 18px !important;
}

#page .article2026-main > table[width="700"]:not(:first-of-type) td {
  padding: 24px 26px !important;
  font-size: 15px !important;
  line-height: 1.65 !important;
  text-align: left !important;
}

#page .article2026-main > table[width="700"]:not(:first-of-type) p {
  margin-top: 0 !important;
  margin-bottom: 13px !important;
  line-height: 1.65 !important;
}

#page .article2026-main > table[width="700"]:not(:first-of-type) h1,
#page .article2026-main > table[width="700"]:not(:first-of-type) h2,
#page .article2026-main > table[width="700"]:not(:first-of-type) h3,
#page .article2026-main > table[width="700"]:not(:first-of-type) span,
#page .article2026-main > table[width="700"]:not(:first-of-type) font {
  letter-spacing: normal !important;
  word-spacing: normal !important;
}

/* Tisti zeleni napis z razmaknjenimi črkami naj bo normalen */
#page .article2026-main > table[width="700"]:not(:first-of-type) span[style*="letter-spacing"],
#page .article2026-main > table[width="700"]:not(:first-of-type) div[style*="letter-spacing"],
#page .article2026-main > table[width="700"]:not(:first-of-type) h1[style*="letter-spacing"],
#page .article2026-main > table[width="700"]:not(:first-of-type) h2[style*="letter-spacing"],
#page .article2026-main > table[width="700"]:not(:first-of-type) h3[style*="letter-spacing"] {
  letter-spacing: normal !important;
  word-spacing: normal !important;
}

/* Priporočeni izdelki naj ostanejo lepo pod opisom */
#page .article2026-recommend-title {
  margin-top: 10px !important;
}

/* Na manjših zaslonih naj se zloži v en stolpec */
@media (max-width: 1024px) {
  #page .article2026-main > table[width="700"]:first-of-type,
  #page .article2026-main > table[width="700"]:first-of-type tbody,
  #page .article2026-main > table[width="700"]:first-of-type tr,
  #page .article2026-main > table[width="700"]:first-of-type td {
    display: block !important;
    width: 100% !important;
  }

  #page .article2026-main > table[width="700"]:first-of-type td[width="175"],
  #page .article2026-main > table[width="700"]:first-of-type td[width="135"] {
    border-left: 0 !important;
    border-right: 0 !important;
    border-bottom: 1px solid #e5e7eb !important;
  }

  #page .article2026-main > table[width="700"]:first-of-type td[width="135"] {
    text-align: center !important;
  }
}



/* ==========================================================================
   FAZA 19C: GUMB DODAJ V KOŠARICO SPODAJ + BOLJŠA PORAVNAVA IZDELKA
   ========================================================================== */

/* Glavna kartica izdelka naj bo bolj kompaktna in pravilno razdeljena */
#page .article2026-main > table[width="700"]:first-of-type {
  width: 100% !important;
  max-width: 100% !important;
  table-layout: fixed !important;
}

/* Slika */
#page .article2026-main > table[width="700"]:first-of-type td[width="175"] {
  width: 190px !important;
  padding: 28px 18px 24px 18px !important;
  text-align: center !important;
}

/* Sredinski del z opisom naj ne rine preveč desno */
#page .article2026-main > table[width="700"]:first-of-type td[width="400"],
#page .article2026-main > table[width="700"]:first-of-type td[style*="font-size:10px"] {
  width: auto !important;
  padding: 24px 24px 24px 24px !important;
  text-align: left !important;
  vertical-align: top !important;
}

/* Desni stolpec z gumbom naj bo spodaj, ne na sredini */
#page .article2026-main > table[width="700"]:first-of-type td[width="135"] {
  width: 210px !important;
  padding: 24px 22px 34px 22px !important;
  text-align: center !important;
  vertical-align: bottom !important;
  background: #f8fafc !important;
  border-left: 1px solid #e5e7eb !important;
}

/* Gumb kot pravi zeleni gumb, poravnan spodaj */
#page .article2026-main > table[width="700"]:first-of-type td[width="135"] a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 170px !important;
  min-width: 170px !important;
  height: 54px !important;
  min-height: 54px !important;
  padding: 0 !important;
  margin: 0 auto !important;
  border-radius: 999px !important;
  background: #22c55e !important;
  color: #ffffff !important;
  box-shadow: 0 10px 24px rgba(34, 197, 94, 0.30) !important;
  text-decoration: none !important;
}

/* Slika gumba naj ne dela čudnih robov */
#page .article2026-main > table[width="700"]:first-of-type td[width="135"] a img {
  display: block !important;
  max-width: 150px !important;
  width: 150px !important;
  height: auto !important;
  margin: 0 auto !important;
  border: 0 !important;
}

/* Dobava naj ostane pod ceno in levo poravnana */
#page .article2026-main > table[width="700"]:first-of-type td[width="400"] b,
#page .article2026-main > table[width="700"]:first-of-type td[style*="font-size:10px"] b {
  text-align: left !important;
}

#page .article2026-main > table[width="700"]:first-of-type td[width="400"] > b,
#page .article2026-main > table[width="700"]:first-of-type td[style*="font-size:10px"] > b {
  display: block !important;
  margin: 6px 0 2px 0 !important;
}

/* Popravek linka "Kaj to pomeni?", da ne skoči v novo vrstico preveč čudno */
#page .article2026-main > table[width="700"]:first-of-type td[width="400"] > span,
#page .article2026-main > table[width="700"]:first-of-type td[style*="font-size:10px"] > span {
  display: inline !important;
}

/* Poštnina naj bo normalno levo pod dobavo */
#page .article2026-main > table[width="700"]:first-of-type td[width="400"] table,
#page .article2026-main > table[width="700"]:first-of-type td[style*="font-size:10px"] table {
  width: 100% !important;
  max-width: 360px !important;
  margin: 12px 0 0 0 !important;
}

/* Naslov naj se lepo začne v sredinskem stolpcu */
#page .article2026-main > table[width="700"]:first-of-type h3 {
  margin-top: 0 !important;
  margin-bottom: 18px !important;
}

/* Na tablici/telefonu gre gumb pod vsebino */
@media (max-width: 1024px) {
  #page .article2026-main > table[width="700"]:first-of-type td[width="135"] {
    width: 100% !important;
    padding: 20px 18px 24px 18px !important;
    vertical-align: middle !important;
    border-left: 0 !important;
    border-top: 1px solid #e5e7eb !important;
  }

  #page .article2026-main > table[width="700"]:first-of-type td[width="135"] a {
    width: 100% !important;
    max-width: 320px !important;
  }
}



/* ==========================================================================
   FAZA 19D: LEPŠI GUMB + ČISTEJŠA KARTICA IZDELKA
   ========================================================================== */

/* Glavna kartica izdelka */
#page .article2026-main > table[width="700"]:first-of-type,
.article2026-main > table[width="700"]:first-of-type {
  width: 100% !important;
  max-width: 100% !important;
  background: #ffffff !important;
  border: 1px solid #e5e7eb !important;
  border-radius: 22px !important;
  box-shadow: 0 10px 28px rgba(15, 23, 42, 0.08) !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  overflow: hidden !important;
}

/* Vsi stolpci brez sivih črt in sivih ozadij */
#page .article2026-main > table[width="700"]:first-of-type td,
.article2026-main > table[width="700"]:first-of-type td {
  background: #ffffff !important;
  border: 0 !important;
  vertical-align: top !important;
}

/* Levi stolpec s sliko */
#page .article2026-main > table[width="700"]:first-of-type td[width="175"],
.article2026-main > table[width="700"]:first-of-type td[width="175"] {
  width: 190px !important;
  padding: 24px 18px 18px 18px !important;
  text-align: center !important;
}

#page .article2026-main > table[width="700"]:first-of-type td[width="175"] img,
.article2026-main > table[width="700"]:first-of-type td[width="175"] img {
  max-width: 145px !important;
  width: auto !important;
  height: auto !important;
  border-radius: 10px !important;
  box-shadow: none !important;
}

/* Odstrani preveliko belo praznino pod USB ključem/sliko */
#page .article2026-main > table[width="700"]:first-of-type td[width="175"] br,
.article2026-main > table[width="700"]:first-of-type td[width="175"] br {
  display: none !important;
}

/* Link povečaj sliko */
#page .article2026-main > table[width="700"]:first-of-type td[width="175"] a,
.article2026-main > table[width="700"]:first-of-type td[width="175"] a {
  display: inline-block !important;
  margin-top: 10px !important;
  color: #dc2626 !important;
  font-weight: 800 !important;
  text-decoration: none !important;
}

/* Sredinski stolpec */
#page .article2026-main > table[width="700"]:first-of-type td[width="400"],
#page .article2026-main > table[width="700"]:first-of-type td[style*="font-size:10px"],
.article2026-main > table[width="700"]:first-of-type td[width="400"],
.article2026-main > table[width="700"]:first-of-type td[style*="font-size:10px"] {
  padding: 24px 24px 24px 12px !important;
  text-align: left !important;
  vertical-align: top !important;
}

/* Desni stolpec - brez sive črte in gumb spodaj */
#page .article2026-main > table[width="700"]:first-of-type td[width="135"],
.article2026-main > table[width="700"]:first-of-type td[width="135"] {
  width: 210px !important;
  padding: 24px 24px 24px 18px !important;
  text-align: center !important;
  vertical-align: bottom !important;
  background: #ffffff !important;
  border-left: 0 !important;
}

/* Naredimo lep gumb in skrijemo staro slikico gumba */
#page .article2026-main > table[width="700"]:first-of-type td[width="135"] a,
.article2026-main > table[width="700"]:first-of-type td[width="135"] a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 210px !important;
  max-width: 100% !important;
  min-height: 56px !important;
  padding: 0 22px !important;
  margin: 0 auto !important;
  border-radius: 999px !important;
  background: linear-gradient(180deg, #2fd36a 0%, #1fbe57 100%) !important;
  color: #ffffff !important;
  font-size: 16px !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  box-shadow: 0 10px 24px rgba(34, 197, 94, 0.28) !important;
  position: relative !important;
  overflow: hidden !important;
}

#page .article2026-main > table[width="700"]:first-of-type td[width="135"] a:hover,
.article2026-main > table[width="700"]:first-of-type td[width="135"] a:hover {
  background: linear-gradient(180deg, #22c55e 0%, #16a34a 100%) !important;
  color: #ffffff !important;
}

#page .article2026-main > table[width="700"]:first-of-type td[width="135"] a img,
.article2026-main > table[width="700"]:first-of-type td[width="135"] a img {
  display: none !important;
}

#page .article2026-main > table[width="700"]:first-of-type td[width="135"] a::before,
.article2026-main > table[width="700"]:first-of-type td[width="135"] a::before {
  content: "DODAJ V KOŠARICO >>" !important;
  display: block !important;
  color: #ffffff !important;
  font-size: 15px !important;
  font-weight: 900 !important;
  letter-spacing: 0.3px !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

/* Dobava in poštnina lepo poravnano */
#page .article2026-main > table[width="700"]:first-of-type td[width="400"] > b,
#page .article2026-main > table[width="700"]:first-of-type td[style*="font-size:10px"] > b,
.article2026-main > table[width="700"]:first-of-type td[width="400"] > b,
.article2026-main > table[width="700"]:first-of-type td[style*="font-size:10px"] > b {
  display: block !important;
  margin: 6px 0 2px 0 !important;
}

/* Kaj to pomeni naj bo v isti vrstici kot se da */
#page .article2026-main > table[width="700"]:first-of-type a[href*="dobavni_roki_info"],
.article2026-main > table[width="700"]:first-of-type a[href*="dobavni_roki_info"] {
  display: inline !important;
  margin-left: 4px !important;
}

#page .article2026-main > table[width="700"]:first-of-type td[width="400"] table,
#page .article2026-main > table[width="700"]:first-of-type td[style*="font-size:10px"] table,
.article2026-main > table[width="700"]:first-of-type td[width="400"] table,
.article2026-main > table[width="700"]:first-of-type td[style*="font-size:10px"] table {
  max-width: 390px !important;
  width: auto !important;
  margin: 12px 0 0 0 !important;
  background: #f8fafc !important;
  border: 1px solid #e5e7eb !important;
  border-radius: 14px !important;
}

/* Mobilni prikaz */
@media (max-width: 1024px) {
  #page .article2026-main > table[width="700"]:first-of-type,
  #page .article2026-main > table[width="700"]:first-of-type tbody,
  #page .article2026-main > table[width="700"]:first-of-type tr,
  #page .article2026-main > table[width="700"]:first-of-type td,
  .article2026-main > table[width="700"]:first-of-type,
  .article2026-main > table[width="700"]:first-of-type tbody,
  .article2026-main > table[width="700"]:first-of-type tr,
  .article2026-main > table[width="700"]:first-of-type td {
    display: block !important;
    width: 100% !important;
  }

  #page .article2026-main > table[width="700"]:first-of-type td[width="175"],
  #page .article2026-main > table[width="700"]:first-of-type td[width="400"],
  #page .article2026-main > table[width="700"]:first-of-type td[width="135"],
  .article2026-main > table[width="700"]:first-of-type td[width="175"],
  .article2026-main > table[width="700"]:first-of-type td[width="400"],
  .article2026-main > table[width="700"]:first-of-type td[width="135"] {
    padding: 18px 16px !important;
  }

  #page .article2026-main > table[width="700"]:first-of-type td[width="135"] a,
  .article2026-main > table[width="700"]:first-of-type td[width="135"] a {
    width: 100% !important;
    max-width: 320px !important;
  }
}



/* ==========================================================================
   FAZA 20: DOBAVNI ROKI
   ========================================================================== */

#page .delivery2026-page,
.delivery2026-page {
  width: 100% !important;
  max-width: 100% !important;
  overflow: visible !important;
}

#page .delivery2026-card,
.delivery2026-card {
  width: 100% !important;
  max-width: 920px !important;
  margin: 0 auto 24px auto !important;
  padding: 0 !important;
  background: #ffffff !important;
  border: 1px solid #e5e7eb !important;
  border-radius: 24px !important;
  box-shadow: 0 12px 30px rgba(15, 23, 42, 0.10) !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}

#page .delivery2026-top,
.delivery2026-top {
  display: flex !important;
  justify-content: space-between !important;
  align-items: flex-start !important;
  gap: 18px !important;
  padding: 24px 26px !important;
  background: #f8fafc !important;
  border-bottom: 1px solid #e5e7eb !important;
  box-sizing: border-box !important;
}

#page .delivery2026-badge,
.delivery2026-badge {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 28px !important;
  padding: 0 12px !important;
  margin: 0 0 10px 0 !important;
  border-radius: 999px !important;
  background: #eff6ff !important;
  color: #1d4ed8 !important;
  font-size: 12px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.03em !important;
}

#page .delivery2026-top h1,
.delivery2026-top h1 {
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: #111827 !important;
  font-size: 31px !important;
  line-height: 1.2 !important;
  font-weight: 900 !important;
}

#page .delivery2026-back,
.delivery2026-back {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 42px !important;
  padding: 0 18px !important;
  border-radius: 999px !important;
  background: #2563eb !important;
  color: #ffffff !important;
  font-size: 14px !important;
  font-weight: 900 !important;
  text-decoration: none !important;
  box-shadow: 0 7px 18px rgba(37, 99, 235, 0.24) !important;
  white-space: nowrap !important;
}

#page .delivery2026-back:hover,
.delivery2026-back:hover {
  background: #1d4ed8 !important;
  color: #ffffff !important;
}

#page .delivery2026-content,
.delivery2026-content {
  padding: 26px !important;
  color: #334155 !important;
  font-size: 15px !important;
  line-height: 1.7 !important;
  font-weight: 500 !important;
  box-sizing: border-box !important;
}

#page .delivery2026-content *,
.delivery2026-content * {
  letter-spacing: normal !important;
  word-spacing: normal !important;
  box-sizing: border-box !important;
}

#page .delivery2026-content p,
.delivery2026-content p {
  margin: 0 0 14px 0 !important;
  color: #334155 !important;
  font-size: 15px !important;
  line-height: 1.7 !important;
}

#page .delivery2026-content b,
#page .delivery2026-content strong,
.delivery2026-content b,
.delivery2026-content strong {
  color: #111827 !important;
  font-weight: 900 !important;
}

#page .delivery2026-content h1,
#page .delivery2026-content h2,
#page .delivery2026-content h3,
.delivery2026-content h1,
.delivery2026-content h2,
.delivery2026-content h3 {
  margin: 20px 0 12px 0 !important;
  padding: 0 !important;
  color: #111827 !important;
  line-height: 1.3 !important;
  font-weight: 900 !important;
  border: 0 !important;
}

#page .delivery2026-content h2,
.delivery2026-content h2 {
  font-size: 22px !important;
}

#page .delivery2026-content h3,
.delivery2026-content h3 {
  font-size: 18px !important;
}

#page .delivery2026-content ul,
#page .delivery2026-content ol,
.delivery2026-content ul,
.delivery2026-content ol {
  margin: 12px 0 16px 22px !important;
  padding: 0 !important;
}

#page .delivery2026-content li,
.delivery2026-content li {
  margin: 0 0 7px 0 !important;
  color: #334155 !important;
  font-size: 15px !important;
  line-height: 1.65 !important;
}

#page .delivery2026-content table,
.delivery2026-content table {
  width: 100% !important;
  max-width: 100% !important;
  margin: 16px 0 !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  background: #ffffff !important;
  border: 1px solid #e5e7eb !important;
  border-radius: 14px !important;
  overflow: hidden !important;
}

#page .delivery2026-content table td,
#page .delivery2026-content table th,
.delivery2026-content table td,
.delivery2026-content table th {
  padding: 10px 12px !important;
  border-bottom: 1px solid #e5e7eb !important;
  color: #334155 !important;
  font-size: 14px !important;
  line-height: 1.45 !important;
  vertical-align: top !important;
}

#page .delivery2026-content table tr:last-child td,
.delivery2026-content table tr:last-child td {
  border-bottom: 0 !important;
}

@media (max-width: 760px) {
  #page .delivery2026-card,
  .delivery2026-card {
    border-radius: 18px !important;
  }

  #page .delivery2026-top,
  .delivery2026-top {
    display: block !important;
    padding: 20px 16px !important;
  }

  #page .delivery2026-top h1,
  .delivery2026-top h1 {
    font-size: 25px !important;
    margin-bottom: 14px !important;
  }

  #page .delivery2026-back,
  .delivery2026-back {
    width: 100% !important;
    max-width: 320px !important;
  }

  #page .delivery2026-content,
  .delivery2026-content {
    padding: 20px 16px !important;
    font-size: 14px !important;
  }

  #page .delivery2026-content p,
  #page .delivery2026-content li,
  .delivery2026-content p,
  .delivery2026-content li {
    font-size: 14px !important;
  }
}



/* ==========================================================================
   FAZA 21B: SLIKA IZDELKA BREZ BELEGA/SIVEGA OZADJA
   ========================================================================== */

#page .article2026-main > table[width="700"]:first-of-type td[width="175"],
.article2026-main > table[width="700"]:first-of-type td[width="175"] {
  background: #ffffff !important;
  border-right: 0 !important;
  padding: 24px 12px 14px 18px !important;
  vertical-align: top !important;
}

#page .article2026-main > table[width="700"]:first-of-type td[width="175"] a,
.article2026-main > table[width="700"]:first-of-type td[width="175"] a {
  background: transparent !important;
}

#page .article2026-main > table[width="700"]:first-of-type td[width="175"] img,
.article2026-main > table[width="700"]:first-of-type td[width="175"] img {
  background: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
  border-radius: 8px !important;
}

#page .article2026-main > table[width="700"]:first-of-type td[width="175"] br,
.article2026-main > table[width="700"]:first-of-type td[width="175"] br {
  display: none !important;
}

/* Povečaj sliko naj bo manj vsiljiv, brez dodatnega ozadja */
#page .article2026-main > table[width="700"]:first-of-type td[width="175"] span,
.article2026-main > table[width="700"]:first-of-type td[width="175"] span {
  display: block !important;
  margin-top: 8px !important;
  color: #dc2626 !important;
  font-size: 13px !important;
  font-weight: 900 !important;
}

/* Če se pojavi prazna višina pod sliko, jo zmanjšamo */
#page .article2026-main > table[width="700"]:first-of-type td[width="175"] > *,
.article2026-main > table[width="700"]:first-of-type td[width="175"] > * {
  margin-bottom: 0 !important;
}



/* ==========================================================================
   FAZA 21C: SKRIJ NAPIS "POVEČAJ SLIKO"
   ========================================================================== */

#page .article2026-main > table[width="700"]:first-of-type td[width="175"] span,
.article2026-main > table[width="700"]:first-of-type td[width="175"] span {
  display: none !important;
}

#page .article2026-main > table[width="700"]:first-of-type td[width="175"] a,
.article2026-main > table[width="700"]:first-of-type td[width="175"] a {
  margin-top: 0 !important;
  text-decoration: none !important;
}

/* Slika ostane klikabilna za povečavo, samo napis ni več prikazan. */
#page .article2026-main > table[width="700"]:first-of-type td[width="175"] img,
.article2026-main > table[width="700"]:first-of-type td[width="175"] img {
  cursor: pointer !important;
}



/* ==========================================================================
   FAZA 22: NOVA GLAVA TRGOVINE
   Slika: styles/images/trgovina_glava.jpg
   ========================================================================== */

#head {
  height: auto !important;
  min-height: 106px !important;
  padding: 0 !important;
  background: #ffffff !important;
  border-radius: 18px !important;
  overflow: hidden !important;
  box-shadow: 0 10px 28px rgba(15, 23, 42, 0.09) !important;
}

#head .logo {
  float: none !important;
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  height: 106px !important;
  margin: 0 !important;
  padding: 0 !important;
  background-image: url("../images/trgovina_glava.jpg") !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  background-size: cover !important;
}

#head .logo a {
  display: block !important;
  width: 100% !important;
  height: 106px !important;
}

/* Iskalnik ostane skrit */
#head .search {
  display: none !important;
}

@media (max-width: 760px) {
  #head {
    min-height: 86px !important;
    border-radius: 16px !important;
  }

  #head .logo,
  #head .logo a {
    height: 86px !important;
  }

  #head .logo {
    background-size: cover !important;
    background-position: center center !important;
  }
}



/* ==========================================================================
   FAZA 22B: POPRAVEK POTI DO NOVE GLAVE
   Slika mora biti: /styles/images/trgovina_glava.jpg
   ========================================================================== */

#head {
  height: auto !important;
  min-height: 106px !important;
  padding: 0 !important;
  background: #ffffff !important;
  border-radius: 18px !important;
  overflow: hidden !important;
  box-shadow: 0 10px 28px rgba(15, 23, 42, 0.09) !important;
}

#head .logo,
#head .logo a {
  float: none !important;
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  height: 106px !important;
  min-height: 106px !important;
  margin: 0 !important;
  padding: 0 !important;
  text-indent: -9999px !important;
  overflow: hidden !important;

  background-image: url("/styles/images/trgovina_glava.jpg") !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  background-size: cover !important;
}

#head .search {
  display: none !important;
}

@media (max-width: 760px) {
  #head {
    min-height: 86px !important;
    border-radius: 16px !important;
  }

  #head .logo,
  #head .logo a {
    height: 86px !important;
    min-height: 86px !important;
    background-size: cover !important;
    background-position: center center !important;
  }
}



/* ==========================================================================
   FAZA 22C: GLAVA - SLIKA NAJ BO MANJŠA IN V CELOTI VIDNA
   ========================================================================== */

#head {
  height: auto !important;
  min-height: 106px !important;
  padding: 0 !important;
  background: #ffffff !important;
  border-radius: 18px !important;
  overflow: hidden !important;
  box-shadow: 0 10px 28px rgba(15, 23, 42, 0.09) !important;
}

#head .logo,
#head .logo a {
  float: none !important;
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  height: 106px !important;
  min-height: 106px !important;
  margin: 0 !important;
  padding: 0 !important;
  text-indent: -9999px !important;
  overflow: hidden !important;

  background-image: url("/styles/images/trgovina_glava.jpg") !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  background-size: contain !important;
  background-color: #ffffff !important;
}

#head .search {
  display: none !important;
}

@media (max-width: 760px) {
  #head {
    min-height: 84px !important;
    border-radius: 16px !important;
  }

  #head .logo,
  #head .logo a {
    height: 84px !important;
    min-height: 84px !important;
    background-size: contain !important;
    background-position: center center !important;
  }
}



/* ==========================================================================
   FAZA 22D: GLAVA ČEZ CELOTNO ŠIRINO BREZ PRAZNIH ROBOV
   ========================================================================== */

/*
   Slika je drugačnega razmerja kot trenutna glava.
   Zato jo raztegnemo na polno širino in višino glave, da ne ostane prazno levo/desno.
*/

#head {
  height: 106px !important;
  min-height: 106px !important;
  padding: 0 !important;
  background: #ffffff !important;
  border-radius: 18px !important;
  overflow: hidden !important;
  box-shadow: 0 10px 28px rgba(15, 23, 42, 0.09) !important;
}

#head .logo,
#head .logo a {
  float: none !important;
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  height: 106px !important;
  min-height: 106px !important;
  margin: 0 !important;
  padding: 0 !important;
  text-indent: -9999px !important;
  overflow: hidden !important;

  background-image: url("/styles/images/trgovina_glava.jpg") !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  background-size: 100% 100% !important;
  background-color: #ffffff !important;
}

#head .search {
  display: none !important;
}

@media (max-width: 760px) {
  #head {
    height: 84px !important;
    min-height: 84px !important;
    border-radius: 16px !important;
  }

  #head .logo,
  #head .logo a {
    height: 84px !important;
    min-height: 84px !important;
    background-size: 100% 100% !important;
    background-position: center center !important;
  }
}



/* ==========================================================================
   FAZA 22E: GLAVA BREZ RAZTEGOVANJA - PRAVILNO RAZMERJE SLIKE
   Slika: /styles/images/trgovina_glava.jpg
   Priporočena velikost slike: 1600 x 144 px
   ========================================================================== */

#head {
  height: 106px !important;
  min-height: 106px !important;
  padding: 0 !important;
  background: #ffffff !important;
  border-radius: 18px !important;
  overflow: hidden !important;
  box-shadow: 0 10px 28px rgba(15, 23, 42, 0.09) !important;
}

#head .logo,
#head .logo a {
  float: none !important;
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  height: 106px !important;
  min-height: 106px !important;
  margin: 0 !important;
  padding: 0 !important;
  text-indent: -9999px !important;
  overflow: hidden !important;

  background-image: url("/styles/images/trgovina_glava.jpg") !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  background-size: cover !important;
  background-color: #ffffff !important;
}

#head .search {
  display: none !important;
}

@media (max-width: 760px) {
  #head {
    height: 84px !important;
    min-height: 84px !important;
    border-radius: 16px !important;
  }

  #head .logo,
  #head .logo a {
    height: 84px !important;
    min-height: 84px !important;
    background-size: cover !important;
    background-position: center center !important;
  }
}



/* ==========================================================================
   FAZA 22F: GLAVA KOT PRI PRVI ZAMENJAVI SLIKE
   Slika mora biti: /styles/images/trgovina_glava.jpg
   ========================================================================== */

#head {
  height: auto !important;
  min-height: 106px !important;
  padding: 0 !important;
  background: #ffffff !important;
  border-radius: 18px !important;
  overflow: hidden !important;
  box-shadow: 0 10px 28px rgba(15, 23, 42, 0.09) !important;
}

#head .logo,
#head .logo a {
  float: none !important;
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  height: 106px !important;
  min-height: 106px !important;
  margin: 0 !important;
  padding: 0 !important;
  text-indent: -9999px !important;
  overflow: hidden !important;

  background-image: url("/styles/images/trgovina_glava.jpg") !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  background-size: cover !important;
  background-color: #ffffff !important;
}

#head .search {
  display: none !important;
}

@media (max-width: 760px) {
  #head {
    min-height: 86px !important;
    border-radius: 16px !important;
  }

  #head .logo,
  #head .logo a {
    height: 86px !important;
    min-height: 86px !important;
    background-size: cover !important;
    background-position: center center !important;
  }
}



/* ==========================================================================
   FAZA 22G: GLAVA BREZ RAZTEGOVANJA SLIKE
   Slika mora biti: /styles/images/trgovina_glava.jpg

   Slike NE razteguje po širini.
   Prikaže jo v njeni naravni velikosti in jo samo poravna na sredino.
   ========================================================================== */

#head {
  height: auto !important;
  min-height: 106px !important;
  padding: 0 !important;
  background: #ffffff !important;
  border-radius: 18px !important;
  overflow: hidden !important;
  box-shadow: 0 10px 28px rgba(15, 23, 42, 0.09) !important;
}

#head .logo,
#head .logo a {
  float: none !important;
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  height: 106px !important;
  min-height: 106px !important;
  margin: 0 !important;
  padding: 0 !important;
  text-indent: -9999px !important;
  overflow: hidden !important;

  background-image: url("/styles/images/trgovina_glava.jpg") !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  background-size: auto auto !important;
  background-color: #ffffff !important;
}

#head .search {
  display: none !important;
}

@media (max-width: 760px) {
  #head {
    min-height: 86px !important;
    border-radius: 16px !important;
  }

  #head .logo,
  #head .logo a {
    height: 86px !important;
    min-height: 86px !important;
    background-size: auto auto !important;
    background-position: center center !important;
  }
}



/* ==========================================================================
   FAZA 23: IZBIRA VERZIJE ARTIKLA
   ========================================================================== */

#page .related2026,
.related2026 {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 0 24px 0 !important;
  color: #334155 !important;
  box-sizing: border-box !important;
}

#page .related2026 *,
.related2026 * {
  box-sizing: border-box !important;
}

#page .related2026-header,
.related2026-header {
  width: 100% !important;
  margin: 0 0 16px 0 !important;
  padding: 24px 26px !important;
  background: #ffffff !important;
  border: 1px solid #e5e7eb !important;
  border-radius: 22px !important;
  box-shadow: 0 10px 28px rgba(15, 23, 42, 0.08) !important;
}

#page .related2026-header h1,
.related2026-header h1 {
  margin: 0 0 14px 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: #111827 !important;
  font-size: 30px !important;
  line-height: 1.2 !important;
  font-weight: 900 !important;
}

#page .related2026-desc,
.related2026-desc {
  color: #334155 !important;
  font-size: 15px !important;
  line-height: 1.65 !important;
  font-weight: 500 !important;
}

#page .related2026-desc *,
.related2026-desc * {
  letter-spacing: normal !important;
  word-spacing: normal !important;
}

#page .related2026-desc b,
#page .related2026-desc strong,
.related2026-desc b,
.related2026-desc strong {
  color: #1d4ed8 !important;
  font-weight: 900 !important;
}

#page .related2026-intro,
.related2026-intro {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 16px !important;
  width: 100% !important;
  margin: 0 0 16px 0 !important;
  padding: 16px 20px !important;
  background: #eff6ff !important;
  border: 1px solid #bfdbfe !important;
  border-radius: 18px !important;
  color: #1e3a8a !important;
}

#page .related2026-intro strong,
.related2026-intro strong {
  color: #111827 !important;
  font-size: 17px !important;
  line-height: 1.25 !important;
  font-weight: 900 !important;
}

#page .related2026-intro span,
.related2026-intro span {
  color: #1e3a8a !important;
  font-size: 14px !important;
  line-height: 1.45 !important;
  font-weight: 700 !important;
}

#page .related2026-grid,
.related2026-grid {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 18px !important;
  width: 100% !important;
}

#page .related2026-card,
.related2026-card {
  display: grid !important;
  grid-template-columns: 120px minmax(0, 1fr) 170px !important;
  gap: 18px !important;
  align-items: center !important;
  min-height: 172px !important;
  padding: 16px !important;
  background: #ffffff !important;
  border: 1px solid #e5e7eb !important;
  border-radius: 22px !important;
  box-shadow: 0 10px 26px rgba(15, 23, 42, 0.09) !important;
  overflow: hidden !important;
}

#page .related2026-image,
.related2026-image {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 120px !important;
  height: 130px !important;
  background: #f8fafc !important;
  border: 1px solid #e5e7eb !important;
  border-radius: 14px !important;
  text-decoration: none !important;
}

#page .related2026-image img,
.related2026-image img {
  display: block !important;
  max-width: 96px !important;
  max-height: 112px !important;
  width: auto !important;
  height: auto !important;
  border: 0 !important;
}

#page .related2026-info,
.related2026-info {
  min-width: 0 !important;
}

#page .related2026-badge,
.related2026-badge {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 28px !important;
  padding: 0 11px !important;
  margin: 0 0 9px 0 !important;
  background: #fef2f2 !important;
  border: 1px solid #fecaca !important;
  border-radius: 999px !important;
  color: #dc2626 !important;
  font-size: 12px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
}

#page .related2026-info h2,
.related2026-info h2 {
  margin: 0 0 8px 0 !important;
  padding: 0 !important;
  color: #111827 !important;
  font-size: 18px !important;
  line-height: 1.25 !important;
  font-weight: 900 !important;
}

#page .related2026-info h2 a,
.related2026-info h2 a {
  color: #111827 !important;
  text-decoration: none !important;
}

#page .related2026-info h2 a:hover,
.related2026-info h2 a:hover {
  color: #1d4ed8 !important;
}

#page .related2026-os,
.related2026-os {
  color: #475569 !important;
  font-size: 14px !important;
  line-height: 1.5 !important;
  font-weight: 600 !important;
}

#page .related2026-buy,
.related2026-buy {
  text-align: right !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: flex-end !important;
}

#page .related2026-price-label,
.related2026-price-label {
  margin: 0 0 2px 0 !important;
  color: #64748b !important;
  font-size: 13px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
}

#page .related2026-price,
.related2026-price {
  margin: 0 0 12px 0 !important;
  color: #dc2626 !important;
  font-size: 28px !important;
  line-height: 1.1 !important;
  font-weight: 900 !important;
}

#page .related2026-button,
.related2026-button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 42px !important;
  padding: 0 16px !important;
  border-radius: 999px !important;
  background: #2563eb !important;
  color: #ffffff !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  box-shadow: 0 7px 18px rgba(37, 99, 235, 0.22) !important;
}

#page .related2026-button:hover,
.related2026-button:hover {
  background: #1d4ed8 !important;
  color: #ffffff !important;
}

#page .related2026-empty,
.related2026-empty {
  width: 100% !important;
  padding: 26px !important;
  background: #ffffff !important;
  border: 1px solid #e5e7eb !important;
  border-radius: 22px !important;
  text-align: center !important;
}

#page .related2026-empty h2,
.related2026-empty h2 {
  margin: 0 0 8px 0 !important;
  color: #111827 !important;
  font-size: 22px !important;
  font-weight: 900 !important;
}

#page .related2026-empty p,
.related2026-empty p {
  margin: 0 !important;
  color: #475569 !important;
  font-size: 15px !important;
  font-weight: 700 !important;
}

@media (max-width: 1180px) {
  #page .related2026-grid,
  .related2026-grid {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 760px) {
  #page .related2026-header,
  .related2026-header {
    padding: 20px 16px !important;
    border-radius: 18px !important;
  }

  #page .related2026-header h1,
  .related2026-header h1 {
    font-size: 24px !important;
  }

  #page .related2026-intro,
  .related2026-intro {
    display: block !important;
    padding: 14px 16px !important;
    border-radius: 16px !important;
  }

  #page .related2026-intro strong,
  .related2026-intro strong {
    display: block !important;
    margin-bottom: 6px !important;
  }

  #page .related2026-card,
  .related2026-card {
    display: block !important;
    padding: 16px !important;
    border-radius: 18px !important;
  }

  #page .related2026-image,
  .related2026-image {
    width: 100% !important;
    height: 145px !important;
    margin: 0 0 14px 0 !important;
  }

  #page .related2026-buy,
  .related2026-buy {
    align-items: flex-start !important;
    text-align: left !important;
    margin-top: 14px !important;
  }

  #page .related2026-price,
  .related2026-price {
    font-size: 26px !important;
  }

  #page .related2026-button,
  .related2026-button {
    width: 100% !important;
    max-width: 320px !important;
  }
}



/* ==========================================================================
   FAZA 23C: OZNAKA E-VERZIJA / USB VERZIJA V ENI VRSTICI
   ========================================================================== */

#page .related2026-badge,
.related2026-badge {
  white-space: nowrap !important;
  min-width: 96px !important;
  width: auto !important;
  padding-left: 14px !important;
  padding-right: 14px !important;
  line-height: 28px !important;
  text-align: center !important;
}

#page .related2026-info,
.related2026-info {
  min-width: 0 !important;
}

@media (max-width: 760px) {
  #page .related2026-badge,
  .related2026-badge {
    white-space: nowrap !important;
    min-width: auto !important;
  }
}



/* ==========================================================================
   FAZA 23D: NASLOV E-VERZIJA / USB KLJUČ V ENI VRSTICI
   ========================================================================== */

/* Naslov verzije naj se ne prelomi v dve vrstici */
#page .related2026-info h2,
.related2026-info h2,
#page .related2026-info h2 a,
.related2026-info h2 a {
  white-space: nowrap !important;
  word-break: keep-all !important;
  overflow-wrap: normal !important;
}

/* Malo več prostora za sredinski stolpec, da gre "USB Ključ" v eno vrstico */
#page .related2026-card,
.related2026-card {
  grid-template-columns: 105px minmax(135px, 1fr) 145px !important;
  gap: 14px !important;
}

/* Cena in gumb malo bolj kompaktno, da ne jemljeta preveč prostora */
#page .related2026-buy,
.related2026-buy {
  min-width: 145px !important;
}

#page .related2026-price,
.related2026-price {
  font-size: 25px !important;
}

#page .related2026-button,
.related2026-button {
  padding-left: 13px !important;
  padding-right: 13px !important;
  font-size: 12px !important;
}

/* Slika malo manjša, da ostane kartica lepo uravnotežena */
#page .related2026-image,
.related2026-image {
  width: 105px !important;
  height: 125px !important;
}

#page .related2026-image img,
.related2026-image img {
  max-width: 88px !important;
  max-height: 108px !important;
}

/* Na telefonu naj ostane normalno, vendar brez preloma naslova */
@media (max-width: 760px) {
  #page .related2026-info h2,
  .related2026-info h2,
  #page .related2026-info h2 a,
  .related2026-info h2 a {
    white-space: nowrap !important;
  }
}



/* ==========================================================================
   FAZA 24: ENOTNI FONTI NA KARTICAH IZDELKOV
   ========================================================================== */

/* Vsi naslovi artiklov na naslovnici/kategorijah/priporočenih artiklih */
#page .shopview .product h1,
#page .shopview .product .text h1,
#page .shopview .product h1 a,
#page .shopview .product .text h1 a,
#page .shopview .product a.fp_link,
.shopview .product h1,
.shopview .product .text h1,
.shopview .product h1 a,
.shopview .product .text h1 a,
.shopview .product a.fp_link {
  font-family: Arial, Verdana, Tahoma, sans-serif !important;
  font-size: 17px !important;
  line-height: 1.25 !important;
  font-weight: 900 !important;
  letter-spacing: normal !important;
  word-spacing: normal !important;
  color: #111827 !important;
  text-decoration: none !important;
}

/* Kratki opis artiklov */
#page .shopview .product .text,
#page .shopview .product .textx,
#page .shopview .product .text *,
.shopview .product .text,
.shopview .product .textx,
.shopview .product .text * {
  font-family: Arial, Verdana, Tahoma, sans-serif !important;
  font-size: 13px !important;
  line-height: 1.38 !important;
  letter-spacing: normal !important;
  word-spacing: normal !important;
}

/* Modro in rdeče poudarjeno besedilo v opisih naj ostane enotnega fonta */
#page .shopview .product .text b,
#page .shopview .product .text strong,
#page .shopview .product .text font,
#page .shopview .product .text span,
.shopview .product .text b,
.shopview .product .text strong,
.shopview .product .text font,
.shopview .product .text span {
  font-family: Arial, Verdana, Tahoma, sans-serif !important;
  letter-spacing: normal !important;
  word-spacing: normal !important;
}

/* Cena na karticah */
#page .shopview .product .price,
#page .shopview .product .cena,
.shopview .product .price,
.shopview .product .cena {
  font-family: Arial, Verdana, Tahoma, sans-serif !important;
  font-size: 18px !important;
  line-height: 1.2 !important;
  font-weight: 900 !important;
  letter-spacing: normal !important;
  word-spacing: normal !important;
}

/* Posebej ulovi stare inline sloge, ki so bili pri nekaterih artiklih drugačni */
#page .shopview .product [style*="font-family"],
#page .shopview .product [style*="font"],
.shopview .product [style*="font-family"],
.shopview .product [style*="font"] {
  font-family: Arial, Verdana, Tahoma, sans-serif !important;
}

/* Naslovi naj na mobilnem ostanejo sorazmerni */
@media (max-width: 760px) {
  #page .shopview .product h1,
  #page .shopview .product .text h1,
  #page .shopview .product h1 a,
  #page .shopview .product .text h1 a,
  #page .shopview .product a.fp_link,
  .shopview .product h1,
  .shopview .product .text h1,
  .shopview .product h1 a,
  .shopview .product .text h1 a,
  .shopview .product a.fp_link {
    font-size: 15px !important;
  }
}


/* ==========================================================================
   POPRAVEK FAZA 33: BLAGAJNA 4 - SKUPAJ ZA PLAČILO V ENI VRSTICI
   ========================================================================== */

#page .checkout2026-buy-info table tr:last-child td.cena,
#page .shopview.checkout2026-summary .checkout2026-buy-info table tr:last-child td.cena {
  display: table-cell !important;
  float: none !important;
  margin: 0 !important;
  padding-top: 18px !important;
  padding-bottom: 18px !important;
  vertical-align: middle !important;
  white-space: nowrap !important;
  color: #dc2626 !important;
  font-size: 20px !important;
  line-height: 1.25 !important;
  font-weight: 900 !important;
}

#page .checkout2026-buy-info table tr:last-child td.cena:first-child,
#page .shopview.checkout2026-summary .checkout2026-buy-info table tr:last-child td.cena:first-child {
  text-align: right !important;
  width: 60% !important;
}

#page .checkout2026-buy-info table tr:last-child td.cena:last-child,
#page .shopview.checkout2026-summary .checkout2026-buy-info table tr:last-child td.cena:last-child {
  text-align: right !important;
  width: 40% !important;
}

#page .checkout2026-buy-info table tr:last-child td.cena br,
#page .shopview.checkout2026-summary .checkout2026-buy-info table tr:last-child td.cena br {
  display: none !important;
}

#page .checkout2026-buy-info table tr:last-child td.cena b,
#page .shopview.checkout2026-summary .checkout2026-buy-info table tr:last-child td.cena b {
  display: inline !important;
  color: #dc2626 !important;
  font-size: 20px !important;
  line-height: 1.25 !important;
  font-weight: 900 !important;
  white-space: nowrap !important;
}


/* ==========================================================================
   FAZA 34: BLAGAJNA 1 - MODEREN PREGLED KOŠARICE
   ========================================================================== */

#page .checkout2026-cart-step .checkout2026-wrap {
  width: min(980px, 100%);
  margin: 0 auto 28px auto;
  font-family: Arial, Helvetica, sans-serif;
}

#page .checkout2026-cart-step .checkout2026-card {
  background: #ffffff;
  border: 1px solid #e5e7eb;
  border-radius: 22px;
  box-shadow: 0 12px 30px rgba(15, 23, 42, 0.10);
  overflow: hidden;
  margin-top: 18px;
}

#page .checkout2026-cart-step .checkout2026-head {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  padding: 24px 28px;
  background: linear-gradient(135deg, #eff6ff 0%, #ffffff 72%);
  border-bottom: 1px solid #e5e7eb;
}

#page .checkout2026-cart-step .checkout2026-step-label {
  display: inline-block;
  margin-bottom: 8px;
  color: #1d4ed8;
  background: #dbeafe;
  border: 1px solid #bfdbfe;
  border-radius: 999px;
  padding: 6px 12px;
  font-size: 13px;
  line-height: 1;
  font-weight: 900;
}

#page .checkout2026-cart-step .checkout2026-head h1 {
  margin: 0;
  padding: 0;
  color: #111827;
  font-size: 28px;
  line-height: 1.25;
  font-weight: 900;
}

#page .checkout2026-cart-step .checkout2026-head p {
  margin: 8px 0 0 0;
  color: #475569;
  font-size: 15px;
  line-height: 1.5;
  font-weight: 700;
}

#page .checkout2026-cart-step .checkout2026-body {
  padding: 24px 28px 30px 28px;
  color: #334155;
  font-size: 15px;
  line-height: 1.6;
}

#page .checkout2026-cart-step .checkout2026-alert {
  margin: 22px 28px 0 28px;
  padding: 16px 18px;
  border-radius: 16px;
  color: #7f1d1d;
  background: #fef2f2;
  border: 1px solid #fecaca;
  font-size: 15px;
  line-height: 1.55;
  font-weight: 800;
}

/* Stare tabele košarice na 1. koraku naredimo čistejše */
#page .checkout2026-cart-step .checkout2026-body table {
  width: 100% !important;
  max-width: 100% !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  border: 1px solid #e5e7eb !important;
  border-radius: 16px !important;
  overflow: hidden !important;
  background: #ffffff !important;
  font-family: Arial, Helvetica, sans-serif !important;
}

#page .checkout2026-cart-step .checkout2026-body table td,
#page .checkout2026-cart-step .checkout2026-body table th {
  padding: 12px 14px !important;
  border-bottom: 1px solid #e5e7eb !important;
  color: #111827 !important;
  font-size: 14px !important;
  line-height: 1.45 !important;
  font-family: Arial, Helvetica, sans-serif !important;
}

#page .checkout2026-cart-step .checkout2026-body table tr:first-child td,
#page .checkout2026-cart-step .checkout2026-body table tr:first-child th,
#page .checkout2026-cart-step .checkout2026-body .cart-header {
  background: #eff6ff !important;
  color: #111827 !important;
  font-weight: 900 !important;
}

#page .checkout2026-cart-step .checkout2026-body table tr:last-child td {
  border-bottom: 0 !important;
}

#page .checkout2026-cart-step .checkout2026-body a {
  color: #1d4ed8 !important;
  font-weight: 900 !important;
  text-decoration: none !important;
}

#page .checkout2026-cart-step .checkout2026-body input[type="submit"],
#page .checkout2026-cart-step .checkout2026-body button,
#page .checkout2026-cart-step .checkout2026-body .button,
#page .checkout2026-cart-step .checkout2026-body a[href*="blagajna_2"],
#page .checkout2026-cart-step .checkout2026-body a[href*="blagajna2"] {
  display: inline-block !important;
  border-radius: 999px !important;
  background: linear-gradient(135deg, #16a34a, #15803d) !important;
  color: #ffffff !important;
  border: 0 !important;
  padding: 12px 22px !important;
  font-size: 14px !important;
  line-height: 1.1 !important;
  font-weight: 900 !important;
  text-decoration: none !important;
  box-shadow: 0 8px 18px rgba(22, 163, 74, 0.25) !important;
}

@media (max-width: 760px) {
  #page .checkout2026-cart-step .checkout2026-head,
  #page .checkout2026-cart-step .checkout2026-body {
    padding-left: 18px;
    padding-right: 18px;
  }

  #page .checkout2026-cart-step .checkout2026-head h1 {
    font-size: 24px;
  }

  #page .checkout2026-cart-step .checkout2026-alert {
    margin-left: 18px;
    margin-right: 18px;
  }

  #page .checkout2026-cart-step .checkout2026-body {
    overflow-x: auto;
  }
}


/* ==========================================================================
   FAZA 35: CONTENT.PHP IN BLAGAJNA_5.PHP BREZ STARIH OKVIRJEV
   ========================================================================== */

/* Javne vsebinske strani */
#page .content2026-page {
  font-family: Arial, Helvetica, sans-serif;
}

#page .content2026-page .content2026-card {
  width: min(980px, 100%);
  margin: 0 auto 28px auto;
  padding: 28px 32px;
  background: #ffffff;
  border: 1px solid #e5e7eb;
  border-radius: 22px;
  box-shadow: 0 12px 30px rgba(15, 23, 42, 0.10);
  color: #334155;
  font-size: 16px;
  line-height: 1.65;
  box-sizing: border-box;
}

#page .content2026-page .content2026-card h1,
#page .content2026-page .content2026-card h2,
#page .content2026-page .content2026-card h3 {
  color: #111827;
  font-family: Arial, Helvetica, sans-serif;
  line-height: 1.25;
}

#page .content2026-page .content2026-card h1 {
  margin-top: 0;
  font-size: 30px;
  font-weight: 900;
}

#page .content2026-page .content2026-card a {
  color: #1d4ed8;
  font-weight: 800;
  text-decoration: none;
}

#page .content2026-page .content2026-card table {
  max-width: 100% !important;
}

/* Zaključek blagajne */
#page .checkout2026-complete .checkout2026-complete-wrap {
  width: min(980px, 100%);
  margin: 0 auto 32px auto;
  font-family: Arial, Helvetica, sans-serif;
}

#page .checkout2026-complete .checkout2026-complete-card {
  width: min(760px, 100%);
  margin: 24px auto 0 auto;
  padding: 34px 36px;
  background: #ffffff;
  border: 1px solid #e5e7eb;
  border-radius: 24px;
  box-shadow: 0 14px 34px rgba(15, 23, 42, 0.12);
  text-align: center;
  box-sizing: border-box;
}

#page .checkout2026-complete .checkout2026-complete-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 58px;
  height: 58px;
  margin: 0 auto 16px auto;
  border-radius: 999px;
  background: #dcfce7;
  color: #15803d;
  font-size: 34px;
  line-height: 1;
  font-weight: 900;
}

#page .checkout2026-complete .checkout2026-complete-error .checkout2026-complete-icon {
  background: #fee2e2;
  color: #dc2626;
}

#page .checkout2026-complete .checkout2026-complete-card h1 {
  margin: 0 0 10px 0;
  color: #111827;
  font-size: 30px;
  line-height: 1.25;
  font-weight: 900;
  font-family: Arial, Helvetica, sans-serif;
}

#page .checkout2026-complete .checkout2026-complete-lead {
  margin: 0 auto 12px auto;
  max-width: 650px;
  color: #334155;
  font-size: 17px;
  line-height: 1.55;
  font-weight: 800;
}

#page .checkout2026-complete .checkout2026-complete-text {
  margin: 0 auto 18px auto;
  max-width: 650px;
  color: #475569;
  font-size: 15px;
  line-height: 1.6;
  font-weight: 600;
}

#page .checkout2026-complete .checkout2026-complete-warning {
  margin: 22px auto 24px auto;
  padding: 18px 20px;
  max-width: 650px;
  background: #eff6ff;
  border: 1px solid #bfdbfe;
  border-radius: 18px;
  text-align: left;
  color: #334155;
  box-sizing: border-box;
}

#page .checkout2026-complete .checkout2026-complete-warning h2 {
  margin: 0 0 8px 0;
  color: #1d4ed8;
  font-size: 18px;
  line-height: 1.25;
  font-weight: 900;
}

#page .checkout2026-complete .checkout2026-complete-warning p {
  margin: 8px 0;
  font-size: 15px;
  line-height: 1.55;
}

#page .checkout2026-complete .checkout2026-complete-warning a {
  color: #1d4ed8;
  font-weight: 900;
  text-decoration: none;
}

#page .checkout2026-complete .checkout2026-complete-button {
  display: inline-block;
  margin-top: 2px;
  padding: 13px 24px;
  border-radius: 999px;
  background: linear-gradient(135deg, #2563eb, #1d4ed8);
  color: #ffffff !important;
  font-size: 15px;
  line-height: 1.1;
  font-weight: 900;
  text-decoration: none !important;
  box-shadow: 0 10px 22px rgba(37, 99, 235, 0.25);
}

@media (max-width: 760px) {
  #page .content2026-page .content2026-card,
  #page .checkout2026-complete .checkout2026-complete-card {
    padding: 22px 18px;
    border-radius: 18px;
  }

  #page .content2026-page .content2026-card h1,
  #page .checkout2026-complete .checkout2026-complete-card h1 {
    font-size: 24px;
  }
}


/* ==========================================================================
   FAZA 36: PLAČILO S KARTICO - STRIPE
   ========================================================================== */

#page .checkout2026-payment-option-card {
  border-color: #bbf7d0 !important;
  background: linear-gradient(135deg, #f0fdf4 0%, #ffffff 78%) !important;
}

#page .checkout2026-payment-option-card span b::before {
  content: "💳 ";
}

#page .stripe2026-redirect-card {
  border-color: #bfdbfe !important;
  background: linear-gradient(135deg, #eff6ff 0%, #ffffff 76%) !important;
}

#page .stripe2026-redirect-text {
  margin: 18px auto;
  text-align: center;
  color: #1d4ed8;
  font-size: 16px;
  font-weight: 900;
}

#page .stripe2026-page .checkout2026-complete-card {
  margin-top: 24px;
}

/* ==========================================================================
   FAZA 270: sistem daril na pravilnem celotnem CSS prikazu
   Osnova vsebuje tudi related2026 kartice in vse novejše prikaze trgovine.
   ========================================================================== */

/* ==========================================================
   Faza 266: darila ob nakupu
   ========================================================== */
.gift266-product-box {
  margin: 15px 0;
  padding: 12px 14px;
  border: 1px solid #86c99a;
  border-left: 5px solid #159447;
  border-radius: 10px;
  background: #f0fdf4;
  color: #14532d;
  font-family: Arial, Helvetica, sans-serif;
  box-sizing: border-box;
}

.gift266-product-row {
  display: flex;
  align-items: flex-start;
  gap: 10px;
}

.gift266-product-row + .gift266-product-row {
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px solid #bbdfc4;
}

.gift266-product-icon {
  flex: 0 0 32px;
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: #dcfce7;
  font-size: 19px;
  line-height: 1;
}

.gift266-product-text {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 4px;
  line-height: 1.4;
}

.gift266-product-text strong {
  color: #10753a;
  font-size: 14px;
}

.gift266-product-text span {
  color: #274e35;
  font-size: 13px;
}

.gift266-product-text small {
  display: block;
  color: #4b6c57;
  font-size: 11px;
  font-weight: 600;
}

.gift266-product-box.gift266-compact {
  margin: 9px 10px 5px;
  padding: 8px 9px;
  border-left-width: 3px;
  border-radius: 8px;
}

.gift266-compact .gift266-product-row {
  gap: 7px;
}

.gift266-compact .gift266-product-icon {
  flex-basis: 25px;
  width: 25px;
  height: 25px;
  font-size: 15px;
}

.gift266-compact .gift266-product-text strong {
  font-size: 12px;
  line-height: 1.25;
}

.gift266-compact .gift266-product-text small {
  font-size: 10px;
}

.gift266-cart-title {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-bottom: 5px;
  color: #10753a;
  font-size: 14px;
  font-weight: 800;
}

.gift266-cart-description {
  margin-top: 5px;
  color: #45634e;
  font-size: 12px;
  line-height: 1.4;
}

.gift266-size-picker {
  max-width: 270px;
  margin-top: 10px;
  padding: 10px;
  border: 1px solid #b7d9c1;
  border-radius: 8px;
  background: #f5fff7;
}

.gift266-size-picker label {
  display: block;
  margin-bottom: 5px;
  color: #14532d;
  font-size: 12px;
  font-weight: 800;
}

.gift266-size-picker select {
  width: 100% !important;
  height: 36px;
  padding: 6px 8px;
  border: 1px solid #7aa88a;
  border-radius: 6px;
  background: #fff;
  color: #172033;
}

.gift266-size-picker.gift266-size-error {
  border-color: #dc2626;
  background: #fff5f5;
}

.gift266-size-picker.gift266-size-error select {
  border: 2px solid #dc2626;
}

.gift266-size-warning {
  margin-top: 6px;
  color: #b42318;
  font-size: 11px;
  font-weight: 700;
}

.gift266-admin-order {
  margin: 10px 0 2px;
  padding: 11px 14px;
  border: 1px solid #91c9a1;
  border-radius: 8px;
  background: #f0fdf4;
  color: #14532d;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
}

.gift266-admin-order ul {
  margin: 7px 0 0 20px;
  padding: 0;
}

.gift266-admin-order li {
  margin: 3px 0;
}

@media (max-width: 760px) {
  .gift266-product-box.gift266-compact {
    margin-left: 0;
    margin-right: 0;
  }
}


/* ==========================================================================
   FAZA 271: VIDNO DARILO NA STRANI ARTIKLA IN PRI IZBIRI VERZIJE
   ========================================================================== */

/* Polni opis darila na strani artikla in nad karticami verzij. */
#page .article2026-main > .gift266-product-box,
#page .related2026 > .gift266-product-box,
.article2026-main > .gift266-product-box,
.related2026 > .gift266-product-box {
  width: 100% !important;
  margin: 0 0 16px 0 !important;
  padding: 14px 16px !important;
  border: 1px solid #86c99a !important;
  border-left: 6px solid #159447 !important;
  border-radius: 14px !important;
  background: #f0fdf4 !important;
  box-shadow: 0 7px 18px rgba(21, 148, 71, 0.10) !important;
}

/* Darilo v podrobnostih klasičnega artikla naj ostane vidno in čez celo širino celice. */
#page .article2026-main td .gift266-product-box,
.article2026-main td .gift266-product-box {
  display: block !important;
  width: 100% !important;
  max-width: 520px !important;
  margin: 0 0 14px 0 !important;
  clear: both !important;
}

/* Kompaktna oznaka darila v kartici posamezne E/USB-verzije. */
#page .related2026-info .gift266-product-box.gift266-compact,
.related2026-info .gift266-product-box.gift266-compact {
  display: block !important;
  width: 100% !important;
  margin: 10px 0 0 0 !important;
  padding: 8px 9px !important;
  border-left-width: 4px !important;
  background: #f0fdf4 !important;
}

#page .related2026-info .gift266-compact .gift266-product-text strong,
.related2026-info .gift266-compact .gift266-product-text strong {
  color: #10753a !important;
  font-size: 12px !important;
  line-height: 1.3 !important;
}

#page .related2026-info .gift266-compact .gift266-product-text small,
.related2026-info .gift266-compact .gift266-product-text small {
  display: block !important;
  color: #4b6c57 !important;
  font-size: 10px !important;
  line-height: 1.35 !important;
}


/* ==========================================================================
   FAZA 272: DARILA V 4. KORAKU – POVZETEK NAKUPA
   ========================================================================== */

#page .gift272-summary-item,
.gift272-summary-item {
  display: grid !important;
  grid-template-columns: 42px minmax(0, 1fr) auto !important;
  gap: 12px !important;
  align-items: center !important;
  width: 100% !important;
  margin: 8px 0 14px 0 !important;
  padding: 13px 15px !important;
  border: 1px solid #86c99a !important;
  border-left: 5px solid #159447 !important;
  border-radius: 12px !important;
  background: #f0fdf4 !important;
  box-sizing: border-box !important;
}

#page .gift272-summary-icon,
.gift272-summary-icon {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 38px !important;
  height: 38px !important;
  border-radius: 50% !important;
  background: #dcfce7 !important;
  font-size: 21px !important;
}

#page .gift272-summary-text,
.gift272-summary-text {
  display: flex !important;
  flex-direction: column !important;
  gap: 4px !important;
  min-width: 0 !important;
  color: #274e35 !important;
  font-family: Arial, Helvetica, sans-serif !important;
}

#page .gift272-summary-text strong,
.gift272-summary-text strong {
  color: #10753a !important;
  font-size: 14px !important;
  line-height: 1.35 !important;
}

#page .gift272-summary-text span,
.gift272-summary-text span {
  color: #365e43 !important;
  font-size: 12px !important;
  line-height: 1.4 !important;
}

#page .gift272-summary-text small,
.gift272-summary-text small {
  color: #4b6c57 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
}

#page .gift272-summary-price,
.gift272-summary-price {
  color: #10753a !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  white-space: nowrap !important;
}

@media (max-width: 680px) {
  #page .gift272-summary-item,
  .gift272-summary-item {
    grid-template-columns: 38px minmax(0, 1fr) !important;
  }

  #page .gift272-summary-price,
  .gift272-summary-price {
    grid-column: 2 !important;
  }
}