:root{--font-body:"Roboto", Arial, Helvetica, sans-serif;--color-bg:#ebeadf;--color-surface:#f9f9f6;--color-surface-elevated:#020617;--color-text:#0f0f10;--color-text-muted:#9ca3af;--color-accent:#0ea5e9;--color-accent-soft:#0ea5e924;--color-border:#94a3b859;--color-danger:#f97373;--page-padding-x:24px;--page-padding-y:32px;--radius-lg:999px;--radius-md:999px;--radius-sm:10px;--font-sans:"Space Grotesk", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.25rem;--text-xl:1.5rem;--transition-slow:.4s ease-in;--transition-fast:.15s ease-out;--transition-med:.22s ease-out}*{box-sizing:border-box;margin:0;padding:0}*,:before,:after{box-sizing:border-box}html,body{margin:0;padding:0}body{min-height:100vh;font-family:var(--font-body);color:var(--color-text);background-color:var(--color-bg)}.header{justify-content:end;align-items:top;z-index:0;background-color:#010125;flex-wrap:wrap;height:80px;padding-top:10px;display:flex}.profile:active{color:#adff2f}.profile:hover{cursor:pointer;border:1px solid red;transform:scaleY(1.1)}#logo{width:40px;height:40px;position:absolute;left:10px}#logo-login{width:40px;height:40px;margin-left:10px}.logo-paragraph{background-color:#010125}.login-form{background-color:var(--color-surface);flex-flow:column wrap;width:20%;margin-top:20px;margin-left:5%;display:flex}.logout{color:var(--color-text-muted);background-color:var(--color-accent-soft);margin-right:20px}.logout:active{color:#adff2f}.logout:hover{cursor:pointer;border:1px solid var(--color-danger);transform:scaleY(1.1)}.divizija-cart{background-color:red;justify-content:space-between}.span-cart{color:var(--color-surface-elevated);font-size:18px}.simbolCart{color:var(--color-surface-elevated)}.simbolCart:hover{cursor:pointer;border:1px solid var(--color-border);transform:scaleY(1.1)}.simbolCart:active{color:#adff2f}.search-div{justify-content:space-between;align-items:center;height:60px;margin-left:50px;display:flex}.form-search{display:flex}.button-search{background-color:#fff;border:none;border-top-right-radius:999px;border-bottom-right-radius:999px;outline:none}.button-search:hover{cursor:pointer;transform:translate(-1px)}.input-search{width:700px;height:50px;font-size:var(--text-lg);border:none;border-top-left-radius:999px;border-bottom-left-radius:999px;outline:none;justify-content:center;padding-top:15px;padding-bottom:15px;padding-left:10px;display:flex}.hero{background-image:url(/hero.png);background-position:top;background-repeat:no-repeat;background-size:cover;flex-direction:column;justify-content:flex-end;height:300px;display:flex}.obavijest{z-index:1;color:#f76363;text-align:center;background-color:#050505de;font-size:.8rem}.opce-info{color:#fff;background-color:red;place-content:center space-evenly;align-items:center;height:40px;font-family:ui-sans-serif;font-size:.85rem;display:flex}.navlink-cart{justify-content:end;margin-right:2%;display:flex}.topdeset{z-index:0;flex-flow:column wrap;padding:40px;font-family:sans-serif;display:flex}.top10-naziv{font-size:var(--text-xl);border-radius:var(--radius-sm);color:var(--color-bg);text-align:center;background-color:red;border:none;align-content:center;margin-bottom:20px;padding-right:20px}.top10-naziv:hover{transition:var(--transition-med);cursor:pointer;background-color:#e00404;border:none;transform:translateY(-1px)}.top10-naziv:active{background-color:#16a34a;transform:translateY(0)}.top10-span{color:var(--color-surface-elevated);font-size:var(--text-sm);margin-left:20px}.top10-input{color:white,;text-align:center;border:1px solid orange;border-radius:999px;width:50px;height:30px;margin-right:10px}.menuone{flex-direction:column;width:300px;display:flex}.menutwo,.menuthree{z-index:1;background-color:#fff;flex-direction:column;width:300px;display:flex}.mrvice{font-size:var(--text-sm);margin:5px}.home{color:#1815a0}.filter-div{flex-flow:column wrap;padding-left:10px;display:flex}.filter{padding:1rem;padding:"6px 10px";background:var(--color-bg);border-radius:999px;margin-top:4px;font-size:.8rem}select{background:var(--color-surface);color:var(--color-text);cursor:pointer;border:1px solid #2563eb66;border-right:none;margin-top:10px;padding:.7rem 2.5rem .7rem .9rem}.filterButton{background-color:var(--color-bg);color:var(--color-accent-strong);letter-spacing:.02em;text-transform:uppercase;cursor:pointer;min-width:120px;transition:background-color var(--transition-fast), color var(--transition-fast), transform var(--transition-fast), box-shadow var(--transition-fast);border:1px solid #2563eb66;border-left:none;padding:.7rem 2.5rem .7rem .9rem;font:500 .95rem inherit1}.filterButton:hover{background-color:#73676714;transform:translateY(-1px)}.buttonone:hover{cursor:pointer;background-color:var(--color-surface-elevated);color:var(--color-surface);transition:var(--transition-med);border:1px solid orange;transform:scaleY(1.2)}.buttontwo:hover{cursor:pointer;transition:var(--transition-med);color:#1815a0;background-color:#fff;border:2px solid orange}.buttonthree:hover{cursor:pointer;background-color:white(51, 65, 103, .945);color:#f7350e;font-size:1rem;font-weight:600}#buy-input-div{justify-content:space-evenly;padding-bottom:20px;display:flex}.input-buy{text-align:center;border-radius:var(--radius-sm);width:50px}.input-buy:hover{cursor:pointer;color:#7a7a67b7;transform:scaleY(1.1)}.input-cart{text-align:center;border:.4px solid #d3d0e4;border-radius:10px;width:50px}.input-cart:hover{cursor:pointer;color:#7a7a67b7;transform:scaleY(1.1)}textarea{border:.4px solid #d3d0e4}#button-buy{cursor:pointer;text-align:center;color:#fff;background-color:#000;border:none;border-radius:10px;justify-content:center;gap:.5rem;width:40px;height:40px;font-size:35px;transition:background .2s,transform .1s;display:inline-flex}#button-buy:hover{transform:translateY(-1px)}#button-buy:active{background-color:#16a34a;transform:translateY(0)}#button-basket{cursor:pointer;text-align:center;background:var(--color-surface);color:var(--color-text);border:none;border-radius:999px;gap:.5rem;margin-top:10px;padding:.8rem 1.2rem;font-weight:600;transition:background .2s,transform .1s;display:inline-flex}.ponuda-divizija{background-color:#010125;flex-wrap:wrap;justify-content:space-between;display:flex}#button-ponuda{font-size:var(--text-xl);border-radius:var(--radius-sm);width:200px;height:50px;color:var(--color-bg);background-color:red;border:none;margin-bottom:20px;margin-left:50px}#button-ponuda:hover{transition:var(--transition-med);cursor:pointer;background-color:#e00404;border:none;transform:translateY(-1px)}#button-ponuda:active{background-color:#16a34a;transform:translateY(0)}#button-basket:hover{transform:translateY(-1px)}#button-basket:active{background-color:#16a34a;transform:translateY(0)}.deleteButton{cursor:pointer;color:#f80505;background:#ebeef5;border:none;border-radius:999px;align-items:center;gap:.5rem;margin-top:5px;padding:.4rem 1rem;font-weight:600;transition:background .5s,transform .1s;display:inline-flex}.deleteButton:hover{transform:translateY(-1px)}.deleteButton:active{background-color:#16a34a;transform:translateY(1px)}.buttonone{font-size:var(--text-xs);text-align:left;height:40px;transition:var(--transition-med);color:#e0d9d9;background-color:#010125;border:none;padding-left:3%;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}.buttontwo{font-size:var(--text-xs);text-align:left;border:.01px solid var(--color-border);background-color:#fff;height:40px;margin-top:5px;padding-left:5px;transition:all .3s cubic-bezier(.4,0,.2,1)}.buttonthree{font-size:var(--text-sm);text-align:left;text-align:center;background-color:#fff;border:none;height:40px;margin-top:5px;padding-left:3%;transition:all .3s cubic-bezier(.4,0,.2,1)}.buttonthree:active{color:orange}.admin-button{color:var(--color-text-muted);padding-right:10px;text-decoration:none}.narudzbe{color:var(--color-text-muted);text-decoration:none}.narudzbe:hover,.admin-button:hover{cursor:pointer,;border:1px solid var(--color-danger)}.brands{background-color:var(--color-surface);border-radius:var(--radius-sm);flex-flow:column wrap;justify-content:center;align-items:center;width:200px;height:70px;margin:5px;display:inline-flex}.partners-brands{color:var(--color-surface-elevated);padding-top:30px;padding-bottom:20px;padding-left:40px;font-size:24px}.brands:hover{cursor:pointer;background-color:var(--color-surface-elevated);transition:var(--transition-med);color:#fff;transform:scaleY(1.1)}.brands-title{font-size:var(--text-base);color:var(--color-surface-elevated);text-transform:uppercase;letter-spacing:1.2px;font-weight:600}.brands-title:hover{color:var(--color-bg)}.modal{color:var(--color-accent-strong);align-items:right;background:#1bde22;flex-direction:column;width:200px;height:150px;font-weight:700;display:flex;position:fixed;top:50%;left:50%;overflow:hidden auto;transform:translate(-50%,-50%)}.modal-x{color:#830718;text-align:right;padding-top:5px;padding-bottom:15px;padding-right:10px;font-size:1.2rem}.modal-x:hover{cursor:pointer;box-shadow:0 10px 20px #5a595959}#modalbutton{background-color:var(--color-surface);color:var(--color-accent);border-color:var(--color-danger);letter-spacing:.02em;text-transform:uppercase;cursor:pointer;min-width:30px;transition:background-color var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast), transform var(--transition-fast), box-shadow var(--transition-fast);border:1px solid #0000;border-radius:999px;padding:5px;position:relative}#modalbutton:hover{background-color:#94a3b814;transform:translateY(-1px)}#artikli{background-color:#fff;flex-wrap:wrap;margin-top:5px;margin-bottom:50px;display:flex}@media only screen and (width<=600px){body{font-size:12px}.buttontwo{padding-left:20px}.buttonthree{width:100vw}.header{justify-content:space-evenly}.menuone,#artikli{width:100vw}.simbolCart{font-size:1.5rem}}#id{display:none}#naziv{font-size:var(--text-xs);text-align:center;word-wrap:break-word;height:80px;color:var(--color-text);align-content:center;padding-top:20px;padding-left:10px;font-weight:600}#barkod{color:#93939d;padding-top:3%;font-size:.7rem}.lista-artikla,.artiklibarkoddiv{flex-wrap:wrap;justify-content:center;margin-bottom:100px;padding-top:10px;display:flex}.karticaartikla{border:1px solid var(--color-border);border-radius:var(--radius-sm);background-color:var(--color-surface);flex-direction:column;width:300px;max-height:600px;margin:1%;display:flex}#slika{object-fit:cover;max-width:100%;height:60%}#zaliha{font-size:.8rem}#mjera{padding-top:2%;padding-left:15px;font-size:.6rem}#cijena{font-size:var(--text-lg);color:var(--color-text);padding-left:10px;font-weight:700}#buttonZahtjev{background-color:var(--color-surface);color:var(--color-surface-elevated);border-radius:var(--radius-sm);letter-spacing:.02em;text-transform:uppercase;cursor:pointer;min-width:30px;margin-top:20px;padding:5px;position:relative}#buttonZahtjev:hover{background-color:#94a3b814;transform:translateY(-1px)}#phone,#company,#headquarter,#address,#email,#oib,#username,#password,#slika:hover{cursor:pointer}#username,#password,#prijava{color:var(--color-text);border-radius:var(--color-border);font-size:var(--text-xl);border:none}#username,#password,#prijava:hover{border:1px solid orange}#imagemodal{background:#fff;border-radius:8px;flex-direction:column;align-items:center;max-height:90vh;padding:24px;display:flex;position:fixed;top:50%;left:50%;overflow:hidden auto;transform:translate(-50%,-50%)}#imagemodal img{max-width:80vw;max-height:50vh;margin-bottom:16px}#buttonimagemodal{border-radius:var(--radius-sm);width:100px;height:40px;color:var(--color-surface-elevated);background-color:#fff;border:.6px solid gray;margin-bottom:16px}#buttonimagemodal:hover{cursor:pointer;background-color:var(--color-accent-strong);transform:translateY(-1px);box-shadow:0 10px 25px #38bdf859}.infox{text-align:center;color:--color-danger;align-self:center;padding-top:40px;font-size:2rem}.info-top10{background-color:var(--color-surface);align-content:center;max-width:600px;height:60px}.btn-save-cart:hover{background-color:var(--color-accent-strong);transform:translateY(-1px);box-shadow:0 10px 25px #38bdf859}.btn-save-cart:active{background-color:var(--color-accent-strong);box-shadow:none;transform:translateY(0)}.btn-save-cart:focus-visible{outline:3px solid #38bdf873}.info-save-cart{color:#1e3a8a;background-color:#fff;border:1px solid #bfdbfe;border-radius:10px;align-items:flex-start;gap:10px;margin-top:10px;padding:12px 50px;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:1.2rem;display:flex}.info-save-cart__icon{background-color:#dbeafe;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;font-size:.9rem;display:flex}.info-save-cart__content{flex-direction:column;gap:2px;display:flex}.info-save-cart__title{margin:0;padding-bottom:40px;font-weight:600}.info-save-cart__text{color:#1d4ed8;margin:0}.footer{color:var(--color-text);background-color:#010125;flex-direction:row;justify-content:space-evenly;height:200px;display:flex}.footer-istraalf-div{color:#fff;width:400px;font-size:var(--text-sm);flex-direction:column;margin-top:25px;margin-left:10px;display:flex}.footer-kategorije-div,.footer-informacije-div,.footer-kontakt-div{color:var(--color-text-muted);flex-direction:column;padding-left:5%;display:flex}.footer-copyright{color:gray;font-size:var(--text-sm);background-color:#010125}.istraalf{text-align:center;border-radius:var(--radius-sm);width:100px;height:30px;font-size:var(--text-lg);background-color:red;align-content:center}.footer-paddind{color:gray;font-size:var(--text-sm);padding-top:5px}.onama{color:gray}.header-action{align-items:center;gap:10px;display:flex}.profile-cart-div{padding:10px;display:inline-flex}.profile-nav{color:#000;padding-right:10px}.header-order{color:#000;flex-wrap:wrap;align-items:flex-start;padding-left:20px;display:flex}.header__titles{flex:200px;padding-top:15px;padding-left:17px}.header__title{letter-spacing:-.03em;margin:0 0 8px;font-size:1.8rem}.header__subtitle{font-size:var(--text-sm);color:#000;max-width:32rem;margin:0}.header__meta{flex-wrap:wrap;justify-content:end;align-items:start;gap:10px;display:flex}.chip{font-size:var(--text-xs);color:#000;text-align:center;border:1px solid #94a3b899;border-radius:999px;align-items:center;width:120px;padding:6px 10px;font-weight:600;display:inline-flex}.chip--accent{color:var(--color-surface-elevated);width:80px;font-weight:600;font-size:var(--text-xs);border-color:#38bdf8cc;justify-content:center}.totals{border:1px solid #94a3b859;flex-direction:column;gap:8px;padding:18px 20px 20px;display:flex}.totals__row{font-size:var(--text-sm);justify-content:space-between;align-items:baseline;display:flex}.totals__label{color:var(--color-text-muted)}.totals__label--strong{color:var(--color-bg-strong);font-weight:600}.totals__value{font-variant-numeric:tabular-nums}.totals__value--strong{font-size:var(--text-lg);color:var(--color-bg-strong);font-weight:700}.totals__divider{border-top:1px dashed #94a3b8b3;margin:4px 0 0}.totals__row--highlight{padding-top:6px}.orders{background-color:#fff;border:1px solid #94a3b847;margin-top:10px;padding-left:10px;padding-right:10px}.orders__toolbar{border:1px solid var(--color-border);justify-content:space-between;align-items:center;margin-top:16px;margin-bottom:16px;display:flex}.orders__count{font-size:var(--text-sm);color:var(--color-text-muted)}.orders__grid{grid-template-rows:auto 1fr auto;display:grid}.order-grid-header,.order-grid-row{grid-template-columns:1.2fr 3fr .7fr 1fr 1.2fr 1fr 1.2fr;display:grid}.orders-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex}.btn-primary{border-radius:var(--radius-lg);color:var(--color-text);letter-spacing:.02em;cursor:pointer;transition:background-color var(--transition-fast), box-shadow var(--transition-fast), transform var(--transition-fast), border-color var(--transition-fast);border:1px solid #0206171f;align-items:center;gap:.4rem;padding:.55rem 1.4rem;font-size:.9rem;font-weight:500;display:inline-flex}.btn-primary:hover{border-color:#0206174d;transform:translateY(-1px);box-shadow:0 12px 30px #02061759}.btn-primary:active{transform:translateY(0);box-shadow:0 4px 12px #b4b9d066}.date-filters{color:#1d4ed8;flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.date-filters label{color:var(--color-text-muted);flex-direction:column;gap:.2rem;font-size:.75rem;display:flex}.date-filters input[type=date]{min-width:9rem;color:var(--color-text);transition:border-color var(--transition-fast), box-shadow var(--transition-fast), background-color var(--transition-fast);border:1px solid #0f0f1026;border-radius:.4rem;outline:none;padding:.45rem .7rem;font-size:.85rem}.btn-secondary{color:#00f;min-width:9rem;transition:border-color var(--transition-fast), box-shadow var(--transition-fast), background-color var(--transition-fast);border:1px solid #0f0f1026;border-radius:.4rem;outline:none;margin-top:15px;padding:.45rem .7rem;font-size:.85rem}.date-filters input[type=date]::-webkit-calendar-picker-indicator{filter:invert(25%);cursor:pointer}.btn-secondary:hover,.button-cart:hover,.button-narudzba:hover{cursor:pointer;border-color:#0206174d;transform:translateY(-1px);box-shadow:0 12px 30px #02061759}.date-filters input[type=date]:focus{border-color:var(--color-bg);box-shadow:0 0 0 1px #02061740}.date-filters input[type=date]:not(:focus):placeholder-shown{color:var(--color-text-muted)}@media (width<=640px){.orders-toolbar{align-items:stretch}.btn-primary{justify-content:center;width:100%}.date-filters{justify-content:space-between;width:100%}.date-filters label{flex:48%}}.totals shadow-soft{margin-bottom:20px}.orders-div{background-color:#e6e4ef}.order-elements-value{color:"#020617";padding-bottom:20px;font-weight:600}.admin-div{flex-wrap:wrap;justify-content:space-around;height:500px;display:flex}.admin-el{text-align:center;border-radius:var(--radius-sm);background-color:#fff;border:1px solid #000;align-content:center;width:400px;height:200px}.admin-el:hover{cursor:pointer;background-color:var(--color-surface-elevated);transition:var(--transition-med);color:#fff;transform:scaleY(1.1)}.admin-naslov{text-align:center;color:var(--color-surface-elevated);padding-bottom:60px;font-size:2rem}#button-zahtjev:hover{cursor:pointer;transform:translateY(-1px);box-shadow:0 12px 30px #02061759}table{border-spacing:10px}.report-element{text-align:center;width:200px;font-size:1.2rem;font-weight:700}.report-element-data{text-align:center;width:200px}@keyframes slide{0%{transform:translate(-50%)}to{transform:translate(50%)}}.animation{padding-top:5px;animation:15s linear infinite slide}.button-remove{color:red;padding:0 15px;font-weight:700}.button-remove:hover{cursor:pointer;translate:-1px;box-shadow:0 12px 30px #02061759}.pravila{text-align:left;padding:10px}.naslov{text-align:center;padding-top:10px;padding-left:10px}h1{text-align:center}.scroll-back{position:fixed;bottom:10%;right:1%}.scroll-back:hover{cursor:pointer}