/**
* gtg_mod css skin
*
* @author Danijel Galić
* @copyright 2019 Grafotisak d.o.o.
* @license
*
* @link http://www.grafotisak.com
*
* @since 0.0.7 GTGwebShop alpha
*
* @version 1.0
*/
body {background-color: var(--boja-domena-pozadina); font-family: 'Titillium', serif;}
a {color: var(--boja-domena);}

/** kontrole **/
button.mali {padding: 8px 12px;}

/** zaglavlje **/
header {background-color: #32363d;}
header > div.info {background-color: #22262c; border-bottom: 1px solid var(--boja-granica-svjetlije); box-shadow: 0 0 10px -5px rgba(0, 0, 0, 0.14);}
header > a.logo {background-size: contain; width: 90%;}
header > ul.gumbovi {grid-column: 6 / 8; grid-row: 2 / 3; align-self: center; justify-self: right;}
header > ul.gumbovi > li {float: left;}
header > ul.gumbovi > li > a {display: flex; flex-direction: column; align-items: center; height: 50px; width: auto; min-width: 70px;}
header > ul.gumbovi > li > a:after {background-color: transparent;}
header > ul.gumbovi > li > a > svg {fill: white; height: 20px; width: 20px;}
header > ul.gumbovi > li > a:hover > svg {fill: var(--boja-domena);}
header > ul.gumbovi > li > a > span {height: 30px; line-height: 30px; color: white;}
header > ul.gumbovi > li > a:hover > span {color: var(--boja-domena);}
header label.unos > span.naslov {top: 5px;}
header label.unos.unos[data-boja="boja"] input:focus ~ svg {fill: var(--boja-placeholder);}
header > nav {background-color: #32363d; margin-bottom: 20px; border-width: 0; box-shadow: none;}
header > nav > ul > li.pocetna a {background-color: initial; padding-left: 20px; padding-right: 20px;}
header > nav > ul > li.pocetna a span {display: none;}
header > nav > ul > li.pocetna a svg {fill: white; height: 25px; width: 25px;}
header > nav > ul > li.akcija a {color: white;}
header > nav > ul > li.akcija a svg {fill: var(--boja-placeholder); height: 25px; width: 25px;}
header > nav > ul > li.akcija a span {margin-left: 10px;}
header > nav > ul > li.akcija a svg {fill: var(--boja-domena); margin-left: 20px;}
header > nav > ul > li {border-right: 0;}
header > nav > ul > li > a {color: var(--boja-placeholder);}
header > nav > ul > li > a:hover {background-color: initial; border-bottom: 5px solid var(--boja-domena);}
header > nav > ul > li.glavni_meni_otvoren > a {background-color: transparent; color: white; border-bottom: 5px solid var(--boja-domena);}
header > nav > ul > li > a:after {height: 0;}

header > nav > ul > li .glavni_meni_podmeni {background-color: white; margin-top: 20px;}
header > nav > ul > li .glavni_meni_podmeni a:hover {color: var(--boja-domena);}
header > nav > ul > li .glavni_meni_podmeni h4 {font-size: 0.8rem; font-weight: 700;}
header > nav > ul > li .glavni_meni_podmeni h4 a {margin-left: 0; text-transform: uppercase; color: var(--boja-tekst);}
header > nav > ul > li .glavni_meni_podmeni table a {font-weight: 200; color: var(--boja-tekst);}
header > nav > ul > li .glavni_meni_podmeni table a:first-letter {text-transform: capitalize;}
header > nav > ul > li .glavni_meni_podmeni table a:before {content: '';}
header > nav .glavni_meni_podmeni_unutra {display: grid; grid-template-columns: repeat(5, 1fr);}
header > nav .glavni_meni_podmeni_unutra::before {content: none;}
header > nav > ul > li .glavni_meni_podmeni h4 {padding: 0 0 10px 0;}
header > nav .glavni_meni_podmeni_unutra > div {margin: 20px; border-left: 2px solid #e4e5e6;}
header > nav .glavni_meni_podmeni_unutra > div:hover {border-left: 2px solid var(--boja-domena);}
header > nav .glavni_meni_podmeni_unutra > div:hover h4 > a {color: var(--boja-domena);}
header > nav .glavni_meni_podmeni_unutra > div:hover table a {font-weight: 300;}
header label.unos input {background: transparent; color: white; border-color: var(--boja-placeholder) !important;}
header label.unos > span.naslov {background: transparent;}

/** sadrzaj **/
main > form[data-oznaka="naslovna"], main > form[data-oznaka="rezultat"], main > form[data-oznaka="artikal"]
{display: grid; grid-template-columns: repeat(4, 1fr); grid-gap: 10px 10px;}
main > form[data-oznaka="naslovna"] section, main > form[data-oznaka="rezultat"] section, main > form[data-oznaka="artikal"] section
{position: relative; grid-gap: 5px;}
main > form[data-oznaka="naslovna"] section div.znacka_okolo, main > form[data-oznaka="rezultat"] section div.znacka_okolo, main > form[data-oznaka="artikal"] section div.znacka_okolo
{position: absolute; top: 0; left: 0; height: 100%; width: 100%; opacity: 0.8; overflow: hidden; pointer-events: none; z-index: 100; -webkit-transition: width 1s ease, height 1s ease; -moz-transition: width 1s ease, height 1s ease; -o-transition: width 1s ease, height 1s ease; transition: width 0.4s ease, height 0.4s ease;}
main > form[data-oznaka="naslovna"] section div.znacka_okolo span.znacka, main > form[data-oznaka="rezultat"] section div.znacka_okolo span.znacka, main > form[data-oznaka="artikal"] section div.znacka_okolo span.znacka
{background: var(--boja-domena); margin: 0; padding: 10px 10px; text-align: center; line-height: normal; text-transform: uppercase; color: white;}
main > form[data-oznaka="naslovna"] section div.znacka_okolo span.znacka::before, main > form[data-oznaka="rezultat"] section div.znacka_okolo span.znacka::before, main > form[data-oznaka="artikal"] section div.znacka_okolo span.znacka::before,
main > form[data-oznaka="naslovna"] section div.znacka_okolo span.znacka::after, main > form[data-oznaka="rezultat"] section div.znacka_okolo span.znacka::after, main > form[data-oznaka="artikal"] section div.znacka_okolo span.znacka::after
{content: ''; position: absolute; background: inherit; top: 0; margin: 0 -1px; height: 100%; width: 100%; min-width: 55px;}
main > form[data-oznaka="naslovna"] section div.znacka_okolo span.znacka::before, main > form[data-oznaka="rezultat"] section div.znacka_okolo span.znacka::before, main > form[data-oznaka="artikal"] section div.znacka_okolo span.znacka::before
{right: 100%;}
main > form[data-oznaka="naslovna"] section div.znacka_okolo span.znacka::after, main > form[data-oznaka="rezultat"] section div.znacka_okolo span.znacka::after, main > form[data-oznaka="artikal"] section div.znacka_okolo span.znacka::after
{left: 100%;}
main > form[data-oznaka="naslovna"] section div.znacka_okolo span.gore_lijevo, main > form[data-oznaka="rezultat"] section div.znacka_okolo span.gore_lijevo, main > form[data-oznaka="artikal"] section div.znacka_okolo span.gore_lijevo
{position: absolute; top: 0; left: 0; -ms-transform: translateX(-30%) translateY(0%) rotate(-45deg); -webkit-transform: translateX(-30%) translateY(0%) rotate(-45deg); transform: translateX(-30%) translateY(0%) rotate(-45deg); -ms-transform-origin: top right; -webkit-transform-origin: top right; transform-origin: top right;}
main > form[data-oznaka="naslovna"] section div.znacka_okolo span.gore_desno, main > form[data-oznaka="rezultat"] section div.znacka_okolo span.gore_desno, main > form[data-oznaka="artikal"] section div.znacka_okolo span.gore_desno
{position: absolute; top: 0; right: 0; -ms-transform: translateX(30%) translateY(0%) rotate(45deg); -webkit-transform: translateX(30%) translateY(0%) rotate(45deg); transform: translateX(30%) translateY(0%) rotate(45deg); -ms-transform-origin: top left; -webkit-transform-origin: top left; transform-origin: top left;}
main > form[data-oznaka="naslovna"] section div.znacka_okolo span.dole_lijevo, main > form[data-oznaka="rezultat"] section div.znacka_okolo span.dole_lijevo, main > form[data-oznaka="artikal"] section div.znacka_okolo span.dole_lijevo
{position: absolute; bottom: 0; left: 0; -ms-transform: translateX(-30%) translateY(0%) rotate(45deg); -webkit-transform: translateX(-30%) translateY(0%) rotate(45deg); transform: translateX(-30%) translateY(0%) rotate(45deg); -ms-transform-origin: bottom right; -webkit-transform-origin: bottom right; transform-origin: bottom right;}
main > form[data-oznaka="naslovna"] section div.znacka_okolo span.dole_desno, main > form[data-oznaka="rezultat"] section div.znacka_okolo span.dole_desno, main > form[data-oznaka="artikal"] section div.znacka_okolo span.dole_desno
{position: absolute; bottom: 0; right: 0; -ms-transform: translateX(30%) translateY(0%) rotate(-45deg); -webkit-transform: translateX(30%) translateY(0%) rotate(-45deg); transform: translateX(30%) translateY(0%) rotate(-45deg); -ms-transform-origin: bottom left; -webkit-transform-origin: bottom left; transform-origin: bottom left;}
main > form[data-oznaka="naslovna"] section div.znacka_okolo span.gore_potpuno, main > form[data-oznaka="rezultat"] section div.znacka_okolo span.gore_potpuno, main > form[data-oznaka="artikal"] section div.znacka_okolo span.gore_potpuno
{position: absolute; top: 0; left: 0; width: 100%; text-align: center;}
main > form[data-oznaka="naslovna"] section div.znacka_okolo span.sredina_potpuno, main > form[data-oznaka="rezultat"] section div.znacka_okolo span.sredina_potpuno, main > form[data-oznaka="artikal"] section div.znacka_okolo span.sredina_potpuno
{position: absolute; top: 50%; left: 0; width: 100%; text-align: center; -ms-transform: translateX(0%) translateY(-50%) rotate(0deg); -webkit-transform: translateX(0%) translateY(-50%) rotate(0deg); transform: translateX(0%) translateY(-50%) rotate(0deg);}
main > form[data-oznaka="naslovna"] section div.znacka_okolo span.dole_potpuno, main > form[data-oznaka="rezultat"] section div.znacka_okolo span.dole_potpuno, main > form[data-oznaka="artikal"] section div.znacka_okolo span.dole_potpuno
{position: absolute; bottom: 0; left: 0; width: 100%; text-align: center;}
main > form[data-oznaka="naslovna"] section div.znacka_okolo span.narancasta, main > form[data-oznaka="rezultat"] section div.znacka_okolo span.narancasta, main > form[data-oznaka="artikal"] section div.znacka_okolo span.narancasta
{background: var(--boja-narancasta);}
main > form[data-oznaka="naslovna"] section div.znacka_okolo span.roza, main > form[data-oznaka="rezultat"] section div.znacka_okolo span.roza, main > form[data-oznaka="artikal"] section div.znacka_okolo span.roza
{background: var(--boja-roza);}
main > form[data-oznaka="naslovna"] section div.znacka_okolo span.zelena, main > form[data-oznaka="rezultat"] section div.znacka_okolo span.zelena, main > form[data-oznaka="artikal"] section div.znacka_okolo span.zelena
{background: var(--boja-zelena);}
main > form[data-oznaka="naslovna"] section div.znacka_okolo span.zuta, main > form[data-oznaka="rezultat"] section div.znacka_okolo span.zuta, main > form[data-oznaka="artikal"] section div.znacka_okolo span.zuta
{background: var(--boja-zuta);}
main > form[data-oznaka="naslovna"] section div.znacka_okolo span.crvena, main > form[data-oznaka="rezultat"] section div.znacka_okolo span.crvena, main > form[data-oznaka="artikal"] section div.znacka_okolo span.crvena
{background: var(--boja-crvena);}
main > form[data-oznaka="naslovna"] section div.znacka_okolo span.plava, main > form[data-oznaka="rezultat"] section div.znacka_okolo span.plava, main > form[data-oznaka="artikal"] section div.znacka_okolo span.plava
{background: var(--boja-plava);}
main > form[data-oznaka="naslovna"] section div.znacka_okolo span.ljubicasta, main > form[data-oznaka="rezultat"] section div.znacka_okolo span.ljubicasta, main > form[data-oznaka="artikal"] section div.znacka_okolo span.ljubicasta
{background: var(--boja-ljubicasta);}
main > form[data-oznaka="naslovna"] section div.znacka_okolo span.suza, main > form[data-oznaka="rezultat"] section div.znacka_okolo span.suza, main > form[data-oznaka="artikal"] section div.znacka_okolo span.suza
{background: var(--boja-suza);}
main > form[data-oznaka="naslovna"] section a.zaglavlje, main > form[data-oznaka="rezultat"] section a.zaglavlje, main > form[data-oznaka="artikal"] section a.zaglavlje
{justify-self: center; margin: -20px auto 20px auto;}
main > form[data-oznaka="naslovna"] section div.sadrzaj .slika, main > form[data-oznaka="rezultat"] section div.sadrzaj .slika, main > form[data-oznaka="artikal"] section div.sadrzaj .slika
{margin: auto; padding: 1px; height: 200px; width: 200px; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box;}
main > form[data-oznaka="naslovna"] section div.sadrzaj .podatci, main > form[data-oznaka="rezultat"] section div.sadrzaj .podatci, main > form[data-oznaka="artikal"] section div.sadrzaj .podatci
{display: flex; flex-direction: column; font-size: 0.75rem; color: var(--boja-tekst);}
main > form[data-oznaka="naslovna"] section div.sadrzaj .podatci > *, main > form[data-oznaka="rezultat"] section div.sadrzaj .podatci > *, main > form[data-oznaka="artikal"] section div.sadrzaj .podatci > *
{margin: 5px 0 5px 0;}
main > form[data-oznaka="naslovna"] section div.sadrzaj .podatci div.sifra, main > form[data-oznaka="rezultat"] section div.sadrzaj .podatci div.sifra, main > form[data-oznaka="artikal"] section div.sadrzaj .podatci div.sifra
{order: 2;}
main > form[data-oznaka="naslovna"] section div.sadrzaj .podatci div i, main > form[data-oznaka="rezultat"] section div.sadrzaj .podatci div i, main > form[data-oznaka="artikal"] section div.sadrzaj .podatci div i
{font-weight: 300; color: var(--boja-tekst-svjetlije);}
main > form[data-oznaka="naslovna"] section div.sadrzaj .podatci div.opis, main > form[data-oznaka="rezultat"] section div.sadrzaj .podatci div.opis, main > form[data-oznaka="artikal"] section div.sadrzaj .podatci div.opis
{align-self: start; order: 3;}
main > form[data-oznaka="naslovna"] section div.sadrzaj .podatci div.zaliha, main > form[data-oznaka="rezultat"] section div.sadrzaj .podatci div.zaliha, main > form[data-oznaka="artikal"] section div.sadrzaj .podatci div.zaliha
{grid-row: 1 / 2; display: flex; flex-direction: column; flex-wrap: wrap; order: 1; line-height: 23px;}
main > form[data-oznaka="naslovna"] section div.sadrzaj .podatci div.zaliha .cijena, main > form[data-oznaka="rezultat"] section div.sadrzaj .podatci div.zaliha .cijena, main > form[data-oznaka="artikal"] section div.sadrzaj .podatci div.zaliha .cijena
{width: 100%; font-size: 1.1rem; font-weight: 500; text-align: center; color: var(--boja-tekst);}
main > form[data-oznaka="naslovna"] section div.sadrzaj .podatci div.zaliha .cijena span, main > form[data-oznaka="rezultat"] section div.sadrzaj .podatci div.zaliha .cijena span, main > form[data-oznaka="artikal"] section div.sadrzaj .podatci div.zaliha .cijena span
{font-size: 0.7rem; font-style: italic; font-weight: 300;}
main > form[data-oznaka="naslovna"] section div.sadrzaj .podatci div.zaliha .zaliha_stanje, main > form[data-oznaka="rezultat"] section div.sadrzaj .podatci div.zaliha .zaliha_stanje, main > form[data-oznaka="artikal"] section div.sadrzaj .podatci div.zaliha .zaliha_stanje
{display: flex; margin-top: 10px;}
main > form[data-oznaka="naslovna"] section div.sadrzaj .podatci div.zaliha .zaliha_stanje u, main > form[data-oznaka="rezultat"] section div.sadrzaj .podatci div.zaliha .zaliha_stanje u, main > form[data-oznaka="artikal"] section div.sadrzaj .podatci div.zaliha .zaliha_stanje u
{margin-right: 5px; color: var(--boja-domena);}
main > form[data-oznaka="naslovna"] section div.sadrzaj .podatci div.zaliha svg, main > form[data-oznaka="rezultat"] section div.sadrzaj .podatci div.zaliha svg, main > form[data-oznaka="artikal"] section div.sadrzaj .podatci div.zaliha svg
{fill: var(--boja-domena); margin-right: 5px; height: 20px; width: 20px;}
main > form[data-oznaka="naslovna"] section div.sadrzaj .podatci .pakiranje, main > form[data-oznaka="rezultat"] section div.sadrzaj .podatci .pakiranje, main > form[data-oznaka="artikal"] section div.sadrzaj .podatci .pakiranje
{order: 3;}
main > form[data-oznaka="naslovna"] section div.sadrzaj .podatci div.naruci, main > form[data-oznaka="rezultat"] section div.sadrzaj .podatci div.naruci, main > form[data-oznaka="artikal"] section div.sadrzaj .podatci div.naruci
{display: block; order: 4; margin-top: auto; padding-top: 10px;}
main > form[data-oznaka="naslovna"] section div.sadrzaj .podatci div.naruci button, main > form[data-oznaka="rezultat"] section div.sadrzaj .podatci div.naruci button, main > form[data-oznaka="artikal"] section div.sadrzaj .podatci div.naruci button
{float: left; color: var(--boja-tekst);}
main > form[data-oznaka="naslovna"] section div.sadrzaj .podatci div.naruci div.gumbovi, main > form[data-oznaka="rezultat"] section div.sadrzaj .podatci div.naruci div.gumbovi, main > form[data-oznaka="artikal"] section div.sadrzaj .podatci div.naruci div.gumbovi
{float: right; margin-left: auto;}
main > form[data-oznaka="naslovna"] section div.sadrzaj .podatci div.naruci div.gumbovi button[name="izmijeni"] span, main > form[data-oznaka="naslovna"] section div.sadrzaj .podatci div.naruci div.gumbovi button[name="izbrisi"] span, main > form[data-oznaka="rezultat"] section div.sadrzaj .podatci div.naruci div.gumbovi button[name="izmijeni"] span, main > form[data-oznaka="rezultat"] section div.sadrzaj .podatci div.naruci div.gumbovi button[name="izbrisi"] span
{display: none;}
main > form[data-oznaka="naslovna"] section div.sadrzaj .podatci div.naruci div.gumbovi button, main > form[data-oznaka="rezultat"] section div.sadrzaj .podatci div.naruci div.gumbovi button, main > form[data-oznaka="artikal"] section div.sadrzaj .podatci div.naruci div.gumbovi button
{margin-left: 5px;}
main > form[data-oznaka="naslovna"] section div.sadrzaj .podatci div.naruci label.unos, main > form[data-oznaka="rezultat"] section div.sadrzaj .podatci div.naruci label.unos, main > form[data-oznaka="artikal"] section div.sadrzaj .podatci div.naruci label.unos
{float: left; grid-template-columns: auto; height: 30px; width: 50px;}
main > form[data-oznaka="naslovna"] section div.sadrzaj .podatci div.naruci label.unos input, main > form[data-oznaka="rezultat"] section div.sadrzaj .podatci div.naruci label.unos input, main > form[data-oznaka="artikal"] section div.sadrzaj .podatci div.naruci label.unos input
{grid-column: 1 / 3; padding: 0; width:50px; text-align: center;}
main > form[data-oznaka="naslovna"] section div.sadrzaj .podatci div.naruci label.unos input::placeholder, main > form[data-oznaka="rezultat"] section div.sadrzaj .podatci div.naruci label.unos input::placeholder, main > form[data-oznaka="artikal"] section div.sadrzaj .podatci div.naruci label.unos input::placeholder
{font-size: 0.5rem;}
main > form[data-oznaka="naslovna"] section div.sadrzaj .podatci div.naruci label.unos span.naslov, main > form[data-oznaka="rezultat"] section div.sadrzaj .podatci div.naruci label.unos span.naslov, main > form[data-oznaka="artikal"] section div.sadrzaj .podatci div.naruci label.unos span.naslov
{grid-column: 1 / 3; width:50px; font-size: 0.7rem;}
main > form[data-oznaka="naslovna"] section div.sadrzaj .podatci div.naruci label.unos span.granica, main > form[data-oznaka="rezultat"] section div.sadrzaj .podatci div.naruci label.unos span.granica, main > form[data-oznaka="artikal"] section div.sadrzaj .podatci div.naruci label.unos span.granica
{grid-column: 1 / 3;}
main > form[data-oznaka="naslovna"] section div.sadrzaj .podatci div.naruci label.unos span.upozorenje, main > form[data-oznaka="rezultat"] section div.sadrzaj .podatci div.naruci label.unos span.upozorenje, main > form[data-oznaka="artikal"] section div.sadrzaj .podatci div.naruci label.unos span.upozorenje
{grid-column: 1 / 3;}
main > form[data-oznaka="naslovna"] section div.sadrzaj .podatci div.naruci label.unos span.upozorenje:after, main > form[data-oznaka="rezultat"] section div.sadrzaj .podatci div.naruci label.unos span.upozorenje:after, main > form[data-oznaka="artikal"] section div.sadrzaj .podatci div.naruci label.unos span.upozorenje:after
{content: 'Neispravno';}
main > form[data-oznaka="naslovna"] section div.sadrzaj .podatci div.naruci span.jedinica_mjere, main > form[data-oznaka="rezultat"] section div.sadrzaj .podatci div.naruci span.jedinica_mjere, main > form[data-oznaka="artikal"] section div.sadrzaj .podatci div.naruci span.jedinica_mjere
{padding: 0 5px 0 5px; line-height: 30px;}

main#rezultatmikro > form[data-oznaka="rezultat"] section {grid-template-columns: 5px minmax(0, 1fr) 5px; grid-template-rows: auto auto auto;}
main#rezultatmikro > form[data-oznaka="rezultat"] section.upozorenje_zaliha {animation: disanje_akcija 3s linear infinite; -ms-animation: disanje_akcija 3s linear infinite; -webkit-animation: disanje_akcija 3s linear infinite; -moz-animation: disanje_akcija 3s linear infinite; -o-animation: disanje_akcija 3s linear infinite;}
main#rezultatmikro > form[data-oznaka="rezultat"] section div.znacka_okolo span {font-size: 0.4rem;}
main#rezultatmikro > form[data-oznaka="rezultat"] section div.sadrzaj {display: grid; grid-template-columns: 100px auto minmax(320px, 1fr); grid-template-rows: 1fr 1fr; grid-gap: 5px;}
main#rezultatmikro > form[data-oznaka="rezultat"] div.sifra {grid-column: 2 / 3; grid-row: 1 / 2; font-size: 0.7rem;}
main#rezultatmikro > form[data-oznaka="rezultat"] div.sifra i {font-weight: 300; color: var(--boja-tekst-svjetlije);}
main#rezultatmikro > form[data-oznaka="rezultat"] div.slika {grid-column: 1 / 2; grid-row: 1 / 3; height: auto; width: auto;}
main#rezultatmikro > form[data-oznaka="rezultat"] div.slika img {height: 100px; width: 100px;}
main#rezultatmikro > form[data-oznaka="rezultat"] a.naziv {grid-column: 2 / 3; grid-row: 2 / 3; display: inline-flex; flex-wrap: nowrap;}
main#rezultatmikro > form[data-oznaka="rezultat"] a.naziv:after {display: none;}
main#rezultatmikro > form[data-oznaka="rezultat"] a.naziv h4 {font-size: 0.9rem; font-weight: 400; text-align: center; color: var(--boja-tekst);}
main#rezultatmikro > form[data-oznaka="rezultat"] a.naziv h4:hover {text-decoration: none; color: var(--boja-domena);}
main#rezultatmikro > form[data-oznaka="rezultat"] a.naziv svg {height: 15px; width: 15px;}
main#rezultatmikro > form[data-oznaka="rezultat"] a.naziv:hover svg {fill: var(--boja-domena);}
main#rezultatmikro > form[data-oznaka="rezultat"] div.zaliha {grid-column: 3 / 4; grid-row: 1 / 3; justify-self: right; align-self: center; align-items: center; display: flex;}
main#rezultatmikro > form[data-oznaka="rezultat"] div.zaliha div.cijena {margin-right: 10px; text-align: center;}
main#rezultatmikro > form[data-oznaka="rezultat"] div.zaliha div.cijena span {font-weight: 300; color: var(--boja-tekst-svjetlije);}
main#rezultatmikro > form[data-oznaka="rezultat"] div.zaliha div.zaliha_stanje {display: flex; line-height: 20px; font-size: 0.75rem; font-weight: 300; color: var(--boja-tekst-svjetlije);}
main#rezultatmikro > form[data-oznaka="rezultat"] div.zaliha div.zaliha_stanje u {margin-right: 5px; color: var(--boja-domena);}
main#rezultatmikro > form[data-oznaka="rezultat"] div.zaliha div.zaliha_stanje svg {fill: var(--boja-domena); margin-right: 5px; height: 20px; width: 20px;}
main#rezultatmikro > form[data-oznaka="rezultat"] div.naruci {grid-column: 4 / 5; grid-row: 1 / 3; display: flex; justify-self: end; align-self: center; font-size: 0.7rem; color: var(--boja-tekst-svjetlije);}
main#rezultatmikro > form[data-oznaka="rezultat"] div.naruci label.unos {float: left; grid-template-columns: auto; height: 30px; width: 50px;}
main#rezultatmikro > form[data-oznaka="rezultat"] div.naruci label.unos input {grid-column: 2 / 4; width: 50px; text-align: center;}
main#rezultatmikro > form[data-oznaka="rezultat"] div.naruci label.unos .naslov {justify-content: center;}
main#rezultatmikro > form[data-oznaka="rezultat"] div.naruci button {float: left; color: var(--boja-tekst);}
main#rezultatmikro > form[data-oznaka="rezultat"] div.naruci span.jedinica_mjere  {padding: 0 5px 0 5px; line-height: 30px;}
main#rezultatmikro > form[data-oznaka="rezultat"] div.naruci div.gumbovi {float: right; margin-left: auto;}
main#rezultatmikro > form[data-oznaka="rezultat"] div.naruci div.gumbovi button {margin-left: 5px;}

main > form[data-oznaka="rezultat"] {grid-column: 3 / 6; grid-row: 3 / 4; grid-template-columns: repeat(3, 1fr); grid-auto-rows: max-content;}
main#rezultatmini > form[data-oznaka="rezultat"] {grid-column: 2 / 6; grid-template-columns: repeat(4, 1fr);}
main#rezultatmikro > form[data-oznaka="rezultat"] {grid-column: 2 / 6; grid-template-columns: 1fr;}
main > form[data-oznaka="rezultat_filtri"] {grid-column: 2 / 3; grid-row: 3 / 4; display: grid; grid-template-columns: 100%; grid-template-rows: repeat(3, min-content); border: 1px solid var(--boja-granica-svjetlije); border-radius: 6px; -moz-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14); -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14); box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14);}
main > form[data-oznaka="rezultat_filtri"] > * {background-color: var(--boja-druga-domena); margin: 10px;}
main > form[data-oznaka="rezultat_filtri"] > nav {border: 1px solid var(--boja-granica-svjetlije); border-radius: 6px; -moz-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14); -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14); box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14);}
main > form[data-oznaka="rezultat_filtri"] > nav > span {display: block; padding-top: 10px; font-size: 1.2rem; font-weight: 200; text-align: center;}
main > form[data-oznaka="rezultat_filtri"] > nav ul {padding: 10px 0 10px 20px;}
main > form[data-oznaka="rezultat_filtri"] > nav ul li {margin: 0 10px 0 10px; list-style: square;}
main > form[data-oznaka="rezultat_filtri"] > nav ul li a {display: flex; align-items: center; height: 40px; font-size: 0.7rem; text-transform: uppercase; color: var(--boja-tekst); border-bottom: 1px dotted var(--boja-granica);}
main > form[data-oznaka="rezultat_filtri"] > nav ul li a:hover {text-decoration: none; color: var(--boja-domena);}
main > form[data-oznaka="rezultat_filtri"] > nav ul li a span {margin-left: 5px; color: var(--boja-domena);}
main > form[data-oznaka="rezultat_filtri"] > nav ul li.aktivno {background: linear-gradient(60deg, var(--boja-domena-svjetlije), var(--boja-domena-tamnije)); list-style: none; color: var(--boja-bijela); text-indent: 10px; border-radius: 3px; box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.14), 0 7px 10px -5px var(--boja-domena-rgba);}
main > form[data-oznaka="rezultat_filtri"] > nav ul li.aktivno a, main > form[data-oznaka="rezultat_filtri"] > nav ul li.aktivno a span {color: white; cursor: default;}
main > form[data-oznaka="rezultat_filtri"] > nav ul li.aktivno a span {flex-grow: 1; text-indent: 0;}
main > form[data-oznaka="rezultat_filtri"] > nav ul li.aktivno a svg {fill: var(--boja-bijela); margin: auto; height: 20px; width: 30px; cursor: pointer;}
main > form[data-oznaka="rezultat_poredak"] {display: grid; grid-template-columns 1fr 1fr; grid-column: 2 / 6; grid-row: 2 / 3; height: 70px; border: 1px solid var(--boja-granica-svjetlije); border-radius: 6px; -moz-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14); -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14); box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14);}
main > form[data-oznaka="rezultat_poredak"] > label {grid-column: 1 / 2; margin: 27px 0 0 10px; width: 160px;}
main > form[data-oznaka="rezultat_poredak"] > .prikaz {width: 200px; grid-column: 2 / 3;justify-self: end; margin: 15px 0 0 10px;}
main > nav[data-oznaka="rezultat_navigacija"] {grid-column: 3 / 6; grid-row: 4 / 5; margin: auto;}
main#rezultatmini > nav[data-oznaka="rezultat_navigacija"], main#rezultatmikro > nav[data-oznaka="rezultat_navigacija"] {grid-column: 2 / 6;}
main > nav[data-oznaka="rezultat_navigacija"] ul li {float: left; margin-left: 5px;}

main > form[data-oznaka="artikal"] {grid-template-columns: 1fr; grid-gap: 15px;}
main > form[data-oznaka="artikal"] > section {grid-template-columns: 1fr; margin: 0;}
main > form[data-oznaka="artikal"] section > h2 {grid-column: 1 / 2; grid-row: 1 / 2;}
main > form[data-oznaka="artikal"] section > h2 span {font-weight: 100;}
main > form[data-oznaka="artikal"] section div.sadrzaj {grid-column: 1 / 2; grid-row: 2 / 3; grid-template-columns: 334px 1fr; margin: 10px;}
main > form[data-oznaka="artikal"] section div.sadrzaj .slika {grid-column: 1 / 2; grid-row: 1 / 2; height: 330px; width: 330px;}
main > form[data-oznaka="artikal"] section div.sadrzaj .slika img, main > form[data-oznaka="artikal"] section div.sadrzaj .slika video, main > form[data-oznaka="artikal"] section div.sadrzaj .slika object {height: 330px; width: 330px;}
main > form[data-oznaka="artikal"] section div.sadrzaj ul.slike {grid-column: 1 / 2; grid-row: 2 / 3;}
main > form[data-oznaka="artikal"] section div.sadrzaj ul.slike li {float: left; margin: 3px; padding: 1px; height: 100px; width: 100px; border: 1px solid var(--boja-granica-svjetlije); border-radius: 6px; -moz-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14); -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14); box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14); -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box;}
main > form[data-oznaka="artikal"] section div.sadrzaj .podatci {grid-column: 2 / 3; grid-row: 1 / 3; font-size: 0.8rem;}
main > form[data-oznaka="artikal"] section div.sadrzaj .podatci > * {margin: 10px 0 5px 0;}
main > form[data-oznaka="artikal"] section div.sadrzaj .podatci div.sifra {order: 2;}
main > form[data-oznaka="artikal"] section div.sadrzaj .podatci div.opis {order: 3;}
main > form[data-oznaka="artikal"] section div.sadrzaj .podatci div.kljucne_rijeci {order: 7; display: flex; flex-wrap: wrap;}
main > form[data-oznaka="artikal"] section div.sadrzaj .podatci div.kljucne_rijeci > * {display: inline-flex;}
main > form[data-oznaka="artikal"] section div.sadrzaj .podatci div.kljucne_rijeci > div {margin-left: 5px;}
main > form[data-oznaka="artikal"] section div.sadrzaj .podatci div.kljucne_rijeci > div svg {height: 15px; width: 15px;}
main > form[data-oznaka="artikal"] section div.sadrzaj .podatci div.kljucne_rijeci > div a {margin-left: 3px;}
main > form[data-oznaka="artikal"] section div.sadrzaj .podatci div.zaliha {order: 1;}
main > form[data-oznaka="artikal"] section div.sadrzaj .podatci div.zaliha .cijena {text-align: initial;}
main > form[data-oznaka="artikal"] section div.sadrzaj .podatci div.specifikacija {order: 4;}
main > form[data-oznaka="artikal"] section div.sadrzaj .podatci div.naziv_stupca {order: 5;}
main > form[data-oznaka="artikal"] section div.sadrzaj .podatci div.boja {order: 6;}
main > form[data-oznaka="artikal"] section div.sadrzaj .podatci div.pakiranje {order: 8;}
main > form[data-oznaka="artikal"] section div.sadrzaj .podatci div.naruci {order: 9; align-self: end;}
main > form[data-oznaka="artikal"] > span {font-size: 1rem; font-weight: 500; text-indent: 20px; color: var(--boja-tekst);}
main > form[data-oznaka="artikal"] div.slicni_artikli {grid-column: 1 / 2; grid-row: 3 / 4; display: grid; grid-template-columns: 1fr 1fr 1fr; grid-gap: 15px;}
main > form[data-oznaka="artikal"] div.slicni_artikli section {grid-template-columns: 1fr; grid-template-rows: auto; margin-top: 0;}
main > form[data-oznaka="artikal"] div.slicni_artikli section:hover {border-color: var(--boja-domena); -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
main > form[data-oznaka="artikal"] div.slicni_artikli section a:hover {text-decoration: none;}
main > form[data-oznaka="artikal"] div.slicni_artikli section div.sadrzaj {grid-column: 1 / 2; grid-row: 1 / 2; grid-template-columns: 104px 1fr; margin-bottom: 0;}
main > form[data-oznaka="artikal"] div.slicni_artikli section div.sadrzaj > * {margin: 10px;}
main > form[data-oznaka="artikal"] div.slicni_artikli section div.sadrzaj .podatci {grid-row: 1 / 2; height: 108px;}
main > form[data-oznaka="artikal"] div.slicni_artikli section div.sadrzaj .slika {height: 100px; width: 100px;}
main > form[data-oznaka="artikal"] div.slicni_artikli section div.sadrzaj .slika img {height: 100px; width: 100px;}
main > form[data-oznaka="artikal"] div.slicni_artikli section div.sadrzaj .podatci div.naziv {font-size: 0.8rem; font-weight: 500; color: var(--boja-tekst);}
main > form[data-oznaka="artikal"] div.slicni_artikli section div.sadrzaj .podatci div.zaliha {margin-top: auto; margin-right: 0;}
main > form[data-oznaka="artikal"] div.slicni_artikli section div.sadrzaj .podatci div.zaliha .cijena {text-align: right;}

main > form[data-oznaka="kontakt"] #mapa {height: 300px; width: 100%; border: 1px solid var(--boja-granica-svjetlije); border-radius: 6px; -moz-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14); -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14); box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14);}
main > form[data-oznaka="kontakt"] > h2 {padding: 20px;}
main > form[data-oznaka="kontakt"] > h2 span {font-weight: 100;}

/* podnozje */
footer {background-color: #32363d;}
footer > nav {margin-top: 20px;}
footer > nav.fokus {margin-top: 0;}
footer > a.logo {grid-column: 2 / 3; background-size: 115px 55px; width: 200px;}
footer > nav.meni {display: grid; grid-template-rows: 60px auto; grid-column: 3 / 6; margin-top: 20px;}
footer > nav.meni > h2.moj_racun {grid-column: 1 / 2; grid-row: 1 / 2;}
footer > nav.meni > ul.moj_racun {grid-column: 1 / 2; grid-row: 2 / 3;}
footer > nav.meni > h2.linkovi {grid-column: 2 / 3; grid-row: 1 / 2;}
footer > nav.meni > ul.linkovi {grid-column: 2 / 3; grid-row: 2 / 3;}
footer > nav.meni > h2.preuzimanja {grid-column: 3 / 4; grid-row: 1 / 2;}
footer > nav.meni > ul.preuzimanja {grid-column: 3 / 4; grid-row: 2 / 3;}
footer > nav.kontakt {grid-column: 6 / 8; display: inherit;}
footer > nav h2, footer > nav.kontakt h2 {height: 35px; width: fit-content;}
footer > nav.fokus h2 {height: 70px;}
footer > nav.kontakt ul li.naslov {font-weight: 400; font-style: normal; text-transform: uppercase; color: white;}
footer > nav.kontakt ul li div {padding: 3px 0;}
footer > nav.kontakt ul li div span {color: #9c989a;}
footer > nav h2 {width: fit-content; font-size: 1rem; font-weight: 500; text-transform: uppercase; color: white; border-bottom: 2px solid var(--boja-domena);}
footer > nav ul li div svg {fill: white;}
footer > nav ul li div a {font-weight: 300; color: white;}
footer > nav ul li div span {font-weight: 300; color: white;}
footer > div.copyright {grid-column: 2 / 8; margin-top: 40px; padding: 30px; font-weight: 200; border-top: 2px solid #3c4149; color: #c9c9ca;}

div.kosarica {display: grid; grid-template-columns: 1fr 1fr; grid-gap: 10px; align-items: center; width: 1152px; min-width: 100%;}
div.kosarica h2 {grid-column: 1 / 3; grid-row: 1 / 2; margin: 0;}
div.kosarica h2 span {font-weight: 100;}
div.kosarica div.artikli {grid-column: 1 / 3; grid-row: 2 / 3;}
div.kosarica div.artikli section {position: relative; display: grid; grid-template-columns: 76px 140px minmax(480px, 1fr); grid-template-rows: auto auto; grid-gap: 10px; align-items: center; margin: 10px; font-size: 0.7rem; color: var(--boja-tekst-svjetlije);}
div.kosarica div.artikli section.upozorenje_zaliha {animation: disanje_akcija 3s linear infinite; -ms-animation: disanje_akcija 3s linear infinite; -webkit-animation: disanje_akcija 3s linear infinite; -moz-animation: disanje_akcija 3s linear infinite; -o-animation: disanje_akcija 3s linear infinite;}
div.kosarica div.artikli div.slika {grid-column: 1 / 2; grid-row: 1 / 3; margin: 3px; padding: 1px; height: 70px; width: 70px; border: 1px solid var(--boja-granica-svjetlije); border-radius: 6px; -moz-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14); -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14); box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14); -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box;}
div.kosarica div.artikli div.slika img {height: 70px; width: 70px;}
div.kosarica div.artikli div.sifra {grid-column: 2 / 3; grid-row: 1 / 2; text-align: center;}
div.kosarica div.artikli div.naziv {grid-column: 3 / 4; grid-row: 1 / 2; font-weight: 500; text-transform: uppercase; color: var(--boja-tekst);}
div.kosarica div.artikli div.cijena {grid-column: 3 / 4; grid-row: 2 / 3; line-height: 16px;}
div.kosarica div.artikli div.cijena span {font-weight: 500; color: var(--boja-tekst); text-decoration: underline double; text-decoration-color: var(--boja-domena);}
div.kosarica div.artikli div.cijena i.upozorenje {font-weight: 300; color: var(--boja-crvena);}
div.kosarica div.artikli div.zaliha {grid-column: 2 / 3; grid-row: 2 / 3; justify-self: center; width: 140px;}
div.kosarica div.artikli div.zaliha div.zaliha_stanje {display: flex; margin-top: 5px; line-height: 20px;}
div.kosarica div.artikli div.zaliha div.zaliha_stanje svg {fill: var(--boja-domena); margin-right: 5px; height: 20px; width: 20px;}
div.kosarica div.artikli div.podatci {grid-column: 3 / 4; grid-row: 2 / 3; display: flex; flex-direction: column; justify-self: end; margin-right: 5px; width: 340px; font-size: 0.7rem; color: var(--boja-tekst-svjetlije);}
div.kosarica div.artikli div.podatci div.naruci label.unos {float: left; grid-template-columns: auto; height: 30px; width: 50px;}
div.kosarica div.artikli div.podatci div.naruci label.unos input {grid-column: 1 / 3; width: 50px; text-align: center;}
div.kosarica div.artikli div.podatci div.naruci label.unos .naslov {justify-content: center;}
div.kosarica div.artikli div.podatci div.naruci button {float: left; color: var(--boja-tekst);}
div.kosarica div.artikli div.podatci div.naruci span.jedinica_mjere  {padding: 0 5px 0 5px; line-height: 30px;}
div.kosarica div.artikli div.podatci div.naruci div.gumbovi {float: right; margin-left: auto;}
div.kosarica div.artikli div.podatci div.naruci div.gumbovi button {margin-left: 5px;}
div.kosarica div.artikli fieldset.dodaj_artikal div.podatci {float: right; margin-top: 35px; width: 200px;}
div.kosarica div.artikli fieldset.dodaj_artikal label.select {float: left; margin-top: 30px; width: 50%;}
div.kosarica div.artikli div.podatci h3.narudzba_kolicina {font-weight: 100; text-align: right; color: var(--boja-tekst);}
div.kosarica div.artikli div.podatci h3.narudzba_kolicina b {text-decoration: underline double; text-decoration-color: var(--boja-domena);}
div.kosarica fieldset.dostava {grid-column: 1 / 2; grid-row: 3 / 4;}
div.kosarica fieldset.lokacija {grid-column: 1 / 2; grid-row: 4 / 5;}
div.kosarica fieldset.lokacija label.select {margin-top: 30px;}
div.kosarica fieldset.napomena {grid-column: 2 / 3; grid-row: 3 / 4;}
div.kosarica div.ukupno {grid-column: 2 / 3; grid-row: 4 / 5; justify-self: end; align-self: end; text-align: right;}
div.kosarica div.ukupno h2 {font-size: 1.3rem;}
div.kosarica div.ukupno h4 span {font-weight: 300;}
div.kosarica div.ukupno h2 span {font-weight: 100;}
div.kosarica div.ukupno h5 {color: var(--boja-crvena);}
div.kosarica div.kontrole {grid-column: 1 / 3; grid-row: 5 / 6;}

@media only screen and (min-width: 1590px) {

    main > form[data-oznaka="rezultat"] {grid-template-columns: repeat(4, 1fr);}
    main#rezultatmini > form[data-oznaka="rezultat"] {grid-template-columns: repeat(5, 1fr);}

}

@media only screen and (max-width: 1260px) {

    header > a.logo {justify-self: center;}
    header > ul.gumbovi {grid-column: 3 / 4;}

    footer {grid-template-columns: 150px auto auto;}
    footer > nav.fokus {grid-column: 1 / 2;}
    footer > nav.webshop {grid-column: 2 / 3;}
    footer > nav.preuzimanja {grid-column: 3 / 4;}
    footer > nav.drustvene_mreze {grid-column: 4 / 5;}
    footer > nav.kontakt {grid-row: 1 / 2; grid-column: 5 / 6;}
    footer > div.copyright {grid-column: 1 / 6;}

}

@media only screen and (max-width: 1200px) {

    header > nav .glavni_meni_podmeni_unutra {grid-template-columns: repeat(2, 1fr);}

    main > form[data-oznaka="naslovna"] section div.sadrzaj .podatci div.naruci div.gumbovi button[name="izmijeni"] span, main > form[data-oznaka="naslovna"] section div.sadrzaj .podatci div.naruci div.gumbovi button[name="izbrisi"] span, main > form[data-oznaka="rezultat"] section div.sadrzaj .podatci div.naruci div.gumbovi button[name="izmijeni"] span, main > form[data-oznaka="rezultat"] section div.sadrzaj .podatci div.naruci div.gumbovi button[name="izbrisi"] span
    {display: initial;}
    main > form[data-oznaka="naslovna"], main > form[data-oznaka="rezultat"] {grid-template-columns: 1fr 1fr;}
    main#rezultatmini > form[data-oznaka="rezultat"] {grid-template-columns: repeat(3, 1fr);}

    div.kosarica {width: 100%; min-width: 942px;}

}

@media only screen and (max-width: 992px) {

    main > form[data-oznaka="rezultat"] {grid-template-columns: 1fr;}
    main > form[data-oznaka="artikal"] div.slicni_artikli {grid-template-columns: 1fr 1fr;}

    div.kosarica {min-width: 718px;}
    div.kosarica div.artikli section {grid-template-columns: 76px 140px minmax(0, 1fr); grid-template-rows: auto auto 45px;}
    div.kosarica div.artikli div.podatci {grid-column: 1 / 4; grid-row: 3 / 4; justify-self: center; margin-right: initial; width: 95%; text-align: left;}

}

@media only screen and (max-width: 768px) {

    header > a.logo {grid-column: 1 / 2;}
    header > form[data-oznaka="trazi_artikal"] {grid-column: 1 / 3;}
    header > ul.gumbovi {grid-column: 2 / 3;}

    main > form[data-oznaka="naslovna"], main > form[data-oznaka="rezultat"] {grid-template-columns: 1fr;}
    main#rezultatmini > form[data-oznaka="rezultat"] {grid-template-columns: repeat(2, 1fr);}
    main > form[data-oznaka="rezultat"] {grid-column: 1 / 6; grid-row: 5 / 6;}
    main > nav[data-oznaka="rezultat_navigacija"] {grid-column: 1 / 6; grid-row: 6 / 7;}
    main > form[data-oznaka="rezultat_filtri"] {grid-column: 1 / 6; grid-row: 4 / 5;}
    main > form[data-oznaka="rezultat_poredak"] {grid-column: 1 / 6; grid-row: 3 / 4;}
    main > form[data-oznaka="artikal"] section a.zaglavlje {margin: -20px auto 20px auto;}
    main > form[data-oznaka="artikal"] section div.sadrzaj {grid-template-columns: 1fr;}
    main > form[data-oznaka="artikal"] section div.sadrzaj .podatci {grid-column: 1 / 2; grid-row: 3 / 4;}
    main > form[data-oznaka="artikal"] div.slicni_artikli section div.sadrzaj .podatci {grid-column: 2 / 3; grid-row: 1 / 2;}

    footer {grid-template-columns: 1fr 1fr;}
    footer > nav.fokus {grid-column: 1 / 3;}
    footer > nav.webshop {grid-column: 1 / 2; grid-row: 2 / 3; justify-self: center; justify-content: space-around}
    footer > nav.preuzimanja {grid-column: 2 / 3; grid-row: 2 / 3; justify-self: center; justify-content: space-around}
    footer > nav.drustvene_mreze {grid-column: 1 / 3; grid-row: 3 / 4; justify-self: center; justify-content: space-around}
    footer > nav.kontakt {grid-column: 1 / 3; grid-row: 4 / 5; justify-self: center; justify-content: space-around}
    footer > div.copyright {grid-column: 1 / 3; grid-row: 5 / 6;}

    div.kosarica {min-width: 610px;}

}

@media only screen and (max-width: 600px) {

    header > nav .glavni_meni_podmeni_unutra {grid-template-columns: 1fr;}

    main#rezultatmini > form[data-oznaka="rezultat"] {grid-template-columns: 1fr;}
    main#rezultatmikro > form[data-oznaka="rezultat"] section div.sadrzaj {display: grid; grid-template-columns: auto minmax(320px, 1fr); grid-template-rows: 1fr 1fr 1fr;}
    main#rezultatmikro > form[data-oznaka="rezultat"] div.sifra {grid-column: 2 / 3; grid-row: 1 / 2;}
    main#rezultatmikro > form[data-oznaka="rezultat"] div.slika {grid-column: 1 / 2; grid-row: 1 / 2;}
    main#rezultatmikro > form[data-oznaka="rezultat"] a.naziv {grid-column: 1 / 3; grid-row: 2 / 3;}
    main#rezultatmikro > form[data-oznaka="rezultat"] div.zaliha {grid-column: 1 / 3; grid-row: 3 / 4; justify-self: start;}
    main#rezultatmikro > form[data-oznaka="rezultat"] div.naruci {grid-column: 1 / 3; grid-row: 4 / 5; justify-self: start;}

    main > form[data-oznaka="artikal"] div.slicni_artikli {grid-template-columns: 1fr;}

    div.kosarica {min-width: initial;}
    div.kosarica fieldset.dostava {grid-column: 1 / 3; grid-row: 3 / 4;}
    div.kosarica fieldset.lokacija {grid-column: 1 / 3; grid-row: 4 / 5;}
    div.kosarica fieldset.napomena {grid-column: 1 / 3; grid-row: 5 / 6;}
    div.kosarica div.ukupno {grid-column: 1 / 3; grid-row: 6 / 7;}
    div.kosarica div.kontrole {grid-column: 1 / 3; grid-row: 7 / 8;}

}