*{padding:0;margin:0;box-sizing:border-box}body{font-family:Roboto,Arial,Helvetica,sans-serif}.header{background-color:#1d1632;display:flex;flex-wrap:wrap;justify-content:end;height:50px;align-items:top;z-index:0;padding-top:10px}#logo{position:absolute;left:10px;width:40px;height:40px}.admin{position:absolute;right:100px;color:#217cd0}.profile{position:absolute;right:50px;color:#517bb9}.profile:active{color:#adff2f}.profile:hover{cursor:pointer;transform:scaleY(1.1);background-color:#334167f1}.logout{height:25px;position:absolute;right:10px;background-color:#1d1632;color:#517bb9}.logout:active{color:#adff2f}.logout:hover{cursor:pointer;transform:scaleY(1.1);background-color:#334167f1}.divizija-cart{background-color:#1d1632}.span-cart{font-size:15px}.simbolCart{color:#fff;font-size:40px}.simbolCart:hover{cursor:pointer;transform:scaleY(1.1);background-color:#334167f1}.simbolCart:active{color:#adff2f}.red{display:flex;justify-content:space-between;background-color:red}.search{width:500px;border:1px solid rgb(234,10,21);border-top-left-radius:999px;border-bottom-left-radius:999px;padding-left:10px}.search:active{background-color:#16a34a}.traži{width:60px;cursor:pointer;border-top-right-radius:999px;border-bottom-right-radius:999px;border:.1px solid rgb(1,2,23)}.traži:active{background-color:#16a34a}.obavijest{background-color:#050505de;font-size:.8rem;z-index:1;color:#f76363;text-align:center}.navlink-cart{display:flex;justify-content:end;margin-right:2%;color:#fff}.topdeset{display:flex;flex-direction:column;flex-wrap:wrap;width:300px;padding-left:20px;z-index:0;background-color:#f9f9fbb9;color:red}.topdeset ol li{font-size:.6rem;padding-top:5px}.menuone{display:flex;flex-direction:column;width:300px}.menutwo,.menuthree{display:flex;flex-direction:column;width:300px;background-color:#fff;z-index:1}.mrvice{display:flex;text-decoration:none;font-size:.7rem;padding:1rem}.filter{padding:1rem;margin-top:4;padding:"6px 10px";border-radius:999;font-size:.8rem;background:#fffcfc}select{appearance:none;-webkit-appearance:none;-moz-appearance:none;border:1px solid;background:linear-gradient(135deg,rgba(88,54,166,.14),transparent) border-box,radial-gradient(circle at top left,#2d2dae,#161955) padding-box;color:red;padding:.7rem 2.5rem .7rem .9rem;cursor:pointer}.filterButton{background-color:var(--color-accent);color:#afe164;border-color:var(--color-accent);box-shadow:0 0 0 1px #2563eb66;position:relative;min-width:120px;padding:9px 16px;border-top-right-radius:999px;border-bottom-right-radius:999px;border:1px solid transparent;font:500 .95rem inherit1;letter-spacing:.02em;text-transform:uppercase;cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast),transform var(--transition-fast),box-shadow var(--transition-fast)}.filterButton:hover{background-color:#73676714;transform:translateY(-1px)}.buttonone:hover{cursor:pointer;transform:scaleY(1.1);background-color:#334167f1}.buttontwo:hover{cursor:pointer;background-color:#334167f1;color:#fffffc;transform:scaleY(1.1)}.buttonthree:hover{cursor:pointer;transform:scaleY(1.1);background-color:#334167f1;color:#fffffc}.input-buy{width:60px;display:inline-flex;text-align:center}.input-buy:hover{cursor:pointer;transform:scaleY(1.1);color:#7a7a67b7}#button-buy{padding:.6rem 1.2rem;width:100px;border-radius:999px;border:none;cursor:pointer;font-weight:600;display:inline-flex;text-align:center;margin:5px 20px 20px;gap:.5rem;background:#2563eb;color:#fff;transition:background .2s ease,transform .1s ease}#button-buy:hover{transform:translateY(-1px)}#button-buy:active{transform:translateY(0);background-color:#16a34a}.deleteButton{padding:.4rem 1rem;border-radius:999px;border:none;cursor:pointer;font-weight:600;display:inline-flex;align-items:center;gap:.5rem;background:#ebeef5;color:#f80505;margin-top:5px;transition:background .5s ease,transform .1s ease}.deleteButton:hover{transform:translateY(-1px)}.deleteButton:active{transform:translateY(1px);background-color:#16a34a}.buttonone{font-size:.9rem;padding-left:3%;text-align:left;height:30px;transition:all .3s cubic-bezier(.4,0,.2,1);border:none;background-color:#1d1632;color:#fff}.buttontwo{font-size:.8rem;padding-top:10px;padding-left:3%;text-align:left;transition:all .3s cubic-bezier(.4,0,.2,1);border:none;background-color:#fff;border-bottom:1px solid whitesmoke}.buttonthree{font-size:.9rem;transition:all .3s cubic-bezier(.4,0,.2,1);border:none;border-bottom:1px solid whitesmoke;padding-top:10px;padding-left:3%;text-align:left;background-color:#fff;border-bottom-style:.05px solid black}.adminButtons{font-size:.9rem;padding-top:10px;padding-left:3%;text-align:left;transition:all .3s cubic-bezier(.4,0,.2,1);border:none;background-color:#0d0d0d6b;color:#fff;height:40px;width:200px}.adminButtons:hover{cursor:pointer;transform:scaleY(1.1);background-color:#334167f1}.divizijaSlikeBrendova{display:flex;flex-direction:row;flex-wrap:wrap;width:100%;z-index:0;padding-top:10px;padding-right:30px;justify-content:space-evenly}.slikeBrendova{height:60px;width:70px}#modal{border-radius:20px;border:1px solid var(--color-border-subtle);display:flex;flex-direction:column;gap:5px;color:var(--color-text-main);padding-bottom:5px}#modalbutton{background-color:var(--color-accent);color:#7ea9d4;border-color:var(--color-accent);box-shadow:0 0 0 3px #2563eb66;position:relative;min-width:30px;padding:5px;border-radius:999px;border:1px solid transparent;letter-spacing:.02em;text-transform:uppercase;cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast),transform var(--transition-fast),box-shadow var(--transition-fast)}#modalbutton:hover{background-color:#94a3b814;transform:translateY(-1px)}#artikli{display:flex;flex-wrap:wrap;background-color:#fff;margin-top:5px;margin-bottom:50px}.inputqty{width:20%;border-radius:5px;border:.5px solid red;margin:10px}.detalji{margin-left:80%;margin-bottom:0}.detalji:active{background:#cff39adc}.detalji:hover{cursor:pointer}@media only screen and (max-width:600px){body{font-size:12px}.buttontwo{padding-left:20px}.buttonthree{width:100vw}.divizijaSlikeBrendova{margin-left:0}.header{justify-content:space-evenly}.menuone,#artikli{width:100vw}.slikeBrendova{width:50px;height:40px}.simbolCart{font-size:1.5rem}.profile{position:absolute;right:40px}#logo{height:20px;width:20px}.search{width:200px;text-align:center}}#id{display:none}#naziv{font-size:.8rem;font-weight:600;text-align:center;word-wrap:break-word;height:80px;align-content:center;background-color:#f5f6fc;box-shadow:2px 2px .8px #464646;border-top-left-radius:10px}#barkod{font-size:.6rem;padding-top:3%}.lista-artikla,.artiklibarkoddiv{display:flex;flex-wrap:wrap;padding-top:10px;justify-content:center;margin-bottom:100px}.karticaartikla{display:flex;flex-direction:column;border:1px solid red;border-bottom-left-radius:50px;border-bottom-right-radius:50px;border-top-left-radius:10px;margin:1%;width:300px;max-height:600px}.karticaartiklabarkode{display:flex;flex-direction:column;border:1px solid red;border-bottom-left-radius:50px;border-bottom-right-radius:50px;border-top-left-radius:10px;margin:1%;max-width:600px}#slika{object-fit:cover;height:60%;max-width:100%}#slikabarkod{object-fit:cover;height:100%;max-width:100%}#zaliha{font-size:.8rem}#cijenamjeradiv{text-align:center}#mjera{font-size:.6rem;padding-top:2%}#cijena{font-size:1rem;font-weight:550;padding-top:10px}#buttonZahtjev{margin-top:20px;background-color:var(--color-accent);color:#111211;border-color:var(--color-accent);box-shadow:0 0 0 2px #67f67a66;position:relative;min-width:30px;padding:5px;border-radius:999px;border:1px solid transparent;letter-spacing:.02em;text-transform:uppercase;cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast),transform var(--transition-fast),box-shadow var(--transition-fast)}.opis{display:flex;flex-direction:column;align-items:center;font-size:12px;flex-wrap:wrap;margin:10px;overflow-y:scroll;overflow-x:hidden;text-align:center}#buttonZahtjev:hover{background-color:#94a3b814;transform:translateY(-1px)}#phone,#company,#headquarter,#address,#email,#oib,#username,#password,#prijava,#buttonimagemodal,#slika:hover{cursor:pointer}#imagemodal,#buttonimagemodal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);max-height:90vh;overflow-y:auto;overflow-x:hidden}#buttonimagemodal{width:100px;height:40px;top:40%;left:50%;transform:translate(-50%,-50%);background-color:#d4d8e3d1}.infox{text-align:center;color:red;font-size:2rem;padding-top:40px;background-color:#f0e5ecae;align-self:center}