:root{--blue:#075bd8;--dark:#06204a;--orange:#ff6900;--light:#f5f9ff;--text:#10223f;--muted:#6c7890;--border:#e4ecf7}*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--text);background:#fff}a{text-decoration:none;color:inherit}.topbar{background:var(--dark);color:#fff;font-size:14px}.container{width:min(1180px,92%);margin:auto}.topbar .container,.header .container,.nav .container{display:flex;align-items:center;justify-content:space-between;gap:20px}.topbar{padding:8px 0}.header{padding:24px 0;background:white}.logo{display:flex;align-items:center;gap:12px;font-weight:900;font-size:34px;color:var(--dark)}.logo-badge{width:70px;height:70px;border:5px solid var(--blue);border-right-color:transparent;border-radius:50%;display:grid;place-items:center;color:var(--dark);font-weight:900;position:relative}.logo-badge:after{content:'❄';position:absolute;right:-10px;bottom:-6px;color:var(--blue);font-size:28px}.logo small{display:block;font-size:14px;letter-spacing:3px;color:var(--blue);font-weight:700}.logo .shop{color:var(--orange);font-size:26px}.search{flex:1;max-width:520px;display:flex;border:1px solid var(--border);border-radius:12px;overflow:hidden;background:#fff}.search input{flex:1;padding:16px;border:0;outline:0}.search button{background:var(--blue);color:#fff;border:0;padding:0 22px;font-weight:700}.nav{background:linear-gradient(90deg,#075bd8,#074ba8);color:#fff}.nav a{padding:16px 14px;display:inline-block;font-weight:700;font-size:14px}.nav .cta{background:var(--orange);margin-left:auto}.hero{background:linear-gradient(90deg,#fff 0%,#eef7ff 55%,#dceeff 100%);padding:60px 0 40px;position:relative;overflow:hidden}.hero .container{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:30px}.hero h1{font-size:46px;line-height:1.05;margin:0 0 18px;color:var(--dark)}.hero p{font-size:18px;color:#35506f;line-height:1.55}.btn{display:inline-flex;align-items:center;gap:10px;background:var(--orange);color:#fff;padding:15px 22px;border-radius:10px;font-weight:800;border:0;cursor:pointer}.btn.blue{background:var(--blue)}.features{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:-25px;position:relative}.feature{background:#fff;border:1px solid var(--border);box-shadow:0 10px 25px rgba(8,50,100,.08);border-radius:14px;padding:20px;display:flex;gap:14px;align-items:center}.icon{font-size:30px;color:var(--blue)}.section{padding:42px 0}.section-title{display:flex;justify-content:space-between;align-items:end;margin-bottom:20px}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.card{border:1px solid var(--border);border-radius:16px;background:#fff;overflow:hidden;box-shadow:0 6px 20px rgba(8,50,100,.05)}.card-img{height:160px;background:linear-gradient(135deg,#eef7ff,#fff);display:grid;place-items:center;font-size:62px;color:#b7cee9}.card-body{padding:18px}.price{font-size:22px;font-weight:900;color:var(--blue)}.old{text-decoration:line-through;color:#9aa6b7;font-size:14px;margin-left:8px}.pill{display:inline-block;background:#eaf3ff;color:var(--blue);border-radius:999px;padding:6px 10px;font-size:12px;font-weight:800}.offers{display:grid;grid-template-columns:1fr 1fr;gap:20px}.offer{border-radius:18px;padding:30px;color:#fff;min-height:180px}.offer.blue{background:linear-gradient(135deg,#075bd8,#063174)}.offer.orange{background:linear-gradient(135deg,#ff7a1a,#ffb067)}.contact{display:grid;grid-template-columns:1fr 1fr;gap:30px;background:var(--light);border-radius:20px;padding:28px}.form input,.form textarea,.form select{width:100%;padding:14px;border:1px solid var(--border);border-radius:10px;margin-bottom:12px}.footer{background:var(--dark);color:#dbe8ff;padding:35px 0;margin-top:30px}.admin-layout{display:grid;grid-template-columns:240px 1fr;min-height:100vh}.sidebar{background:#061a3c;color:#fff;padding:20px}.sidebar a{display:block;padding:12px;border-radius:10px;margin:5px 0}.sidebar a:hover{background:#12356d}.main{padding:25px;background:#f6f8fc}.table{width:100%;border-collapse:collapse;background:#fff;border-radius:14px;overflow:hidden}.table th,.table td{padding:13px;border-bottom:1px solid #e9edf5;text-align:left}.admin-card{background:#fff;border-radius:16px;padding:20px;box-shadow:0 5px 18px rgba(0,0,0,.05);margin-bottom:20px}.login{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#06204a,#075bd8)}.login-box{width:min(420px,92%);background:#fff;border-radius:18px;padding:28px}.notice{padding:12px 14px;border-radius:10px;margin-bottom:12px;background:#eaf8ef;color:#176b35}@media(max-width:850px){.hero .container,.contact,.offers{grid-template-columns:1fr}.grid,.features{grid-template-columns:1fr 1fr}.header .container{flex-direction:column;align-items:stretch}.admin-layout{grid-template-columns:1fr}.sidebar{position:relative}.hero h1{font-size:36px}}@media(max-width:560px){.grid,.features{grid-template-columns:1fr}.nav a{font-size:12px;padding:12px 8px}.logo{font-size:28px}}
.page-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px}.page-head h1{margin-bottom:4px}.page-head p{margin:0;color:var(--muted)}.form-labeled label{display:block;font-weight:800;margin:10px 0 4px}.form-labeled input,.form-labeled textarea,.form-labeled select{margin-top:7px}.two{display:grid;grid-template-columns:1fr 1fr;gap:14px}.thumb{width:58px;height:48px;object-fit:contain;background:#eef7ff;border-radius:8px}.preview{max-width:260px;max-height:180px;object-fit:contain;background:#eef7ff;border-radius:12px;padding:10px}.mini-icon{font-size:28px}.action{color:var(--blue);font-weight:800;margin-right:8px}.danger{color:#c92525;font-weight:800}.admin-split{display:grid;grid-template-columns:280px 1fr;gap:20px}.page-link{display:block;border:1px solid var(--border);border-radius:12px;padding:12px;margin-bottom:10px;background:#fff}.page-link.active{border-color:var(--blue);box-shadow:0 0 0 3px #eaf3ff}.editor-toolbar{display:flex;flex-wrap:wrap;gap:8px;background:#eef4ff;border:1px solid var(--border);border-radius:12px 12px 0 0;padding:10px;margin-top:8px}.editor-toolbar button{border:1px solid var(--border);background:white;border-radius:8px;padding:8px 10px;font-weight:800;cursor:pointer}.rich-editor{min-height:220px;background:#fff;border:1px solid var(--border);border-top:0;border-radius:0 0 12px 12px;padding:14px;line-height:1.7;outline:none}.rich-editor ul{padding-left:22px}.content-box{line-height:1.75}.content-box h2,.content-box h3{color:var(--dark)}@media(max-width:850px){.page-head,.two,.admin-split{grid-template-columns:1fr;display:grid}.page-head .btn{width:max-content}}

.two{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-labeled label{font-weight:700;color:var(--dark);display:block}.form-labeled input,.form-labeled textarea,.form-labeled select{margin-top:6px}.preview{display:block;max-width:220px;max-height:160px;object-fit:contain;border:1px solid var(--border);background:#fff;border-radius:12px;padding:8px;margin-top:10px}.logo-preview{max-width:260px;max-height:120px}.site-logo-img{max-height:74px;max-width:260px;object-fit:contain}.image-preview-box{display:grid;grid-template-columns:280px 1fr;gap:20px;align-items:start;background:#f8fbff;border:1px solid var(--border);border-radius:14px;padding:16px;margin-bottom:15px}.empty-preview{width:220px;height:120px;border:1px dashed var(--border);border-radius:12px;display:grid;place-items:center;color:var(--muted);background:white;margin-top:10px}.upload-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(145px,1fr));gap:12px;margin:12px 0 22px}.upload-item{border:1px solid var(--border);background:#fff;border-radius:12px;padding:8px;cursor:pointer;display:block}.upload-item input{margin:0 0 6px}.upload-item img{width:100%;height:90px;object-fit:contain;background:#f7f9fc;border-radius:8px}.upload-item span{display:block;font-size:11px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:5px}.upload-item.selected,.upload-item:has(input:checked){border-color:var(--blue);box-shadow:0 0 0 2px rgba(7,91,216,.12)}.muted{color:var(--muted);font-size:14px}@media(max-width:760px){.two,.image-preview-box{grid-template-columns:1fr}.site-logo-img{max-width:210px}}

/* FIX: uredan prikaz uploadovanih slika i thumbnail dimenzije */
img{max-width:100%;height:auto}.thumb{width:72px!important;height:54px!important;object-fit:cover!important;object-position:center;background:#eef7ff;border:1px solid var(--border);border-radius:10px;padding:3px;display:block}.preview{width:260px!important;height:170px!important;max-width:100%!important;max-height:none!important;object-fit:contain!important;object-position:center;background:#fff;border:1px solid var(--border);border-radius:12px;padding:8px;display:block;overflow:hidden}.logo-preview{width:260px!important;height:120px!important;object-fit:contain!important}.image-preview-box>div{max-width:280px}.upload-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))!important}.upload-item{overflow:hidden}.upload-item img{width:100%!important;height:96px!important;max-width:100%!important;object-fit:cover!important;object-position:center;background:#f7f9fc;border-radius:8px;display:block}.upload-item span{max-width:100%}.card-img{overflow:hidden}.card-img img,.product-card-img{width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;object-position:center;display:block;padding:10px}.product-detail-image{overflow:hidden;background:#fff}.product-detail-image img{width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;object-position:center;padding:18px}.site-logo-img{width:auto!important;height:74px!important;max-width:260px!important;object-fit:contain!important}.live-preview{margin-top:10px}@media(max-width:760px){.preview,.logo-preview{width:220px!important;height:140px!important}.image-preview-box>div{max-width:100%}.site-logo-img{height:58px!important;max-width:210px!important}}

/* === 2026-05-31 KOMPLETAN FIX: CSS putanje, admin thumbnail, slike unutar div-a === */
html{font-size:16px}body{min-width:0}.header-inner,.nav-inner{min-width:0}.nav-links{display:flex;flex-wrap:wrap;gap:0;min-width:0}.cart-total{white-space:nowrap}.site-logo-img{display:block;width:auto!important;height:72px!important;max-width:290px!important;object-fit:contain!important}.header .logo{min-width:250px}.search input{min-width:0}.card-img,.product-detail-image,.hero-img,.image-preview-box,.upload-item,.admin-card{overflow:hidden}.card-img img,.product-card-img{display:block;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;object-position:center!important;padding:10px}.product-detail-image{height:420px!important;display:grid;place-items:center;border:1px solid var(--border);border-radius:18px;background:#fff}.product-detail-image img{display:block;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;object-position:center!important;padding:18px}.table-card{padding:14px}.table-responsive{width:100%;overflow-x:auto}.products-table{width:100%;min-width:920px;table-layout:fixed}.products-table th,.products-table td{vertical-align:middle}.products-table .id-col{width:56px}.products-table .image-col{width:130px}.products-table .name-col{width:280px}.admin-product-image,.thumb{width:96px!important;height:74px!important;max-width:96px!important;max-height:74px!important;object-fit:cover!important;object-position:center!important;border:1px solid var(--border);border-radius:10px;background:#f7faff;padding:3px;display:block}.status{display:inline-block;border-radius:999px;padding:5px 10px;font-size:12px;font-weight:800}.status.active{background:#eaf8ef;color:#176b35}.status.hidden{background:#fff1e8;color:#b54b00}.preview{width:260px!important;height:170px!important;max-width:100%!important;max-height:none!important;object-fit:contain!important;object-position:center!important;background:#fff;border:1px solid var(--border);border-radius:12px;padding:8px;display:block}.logo-preview{width:260px!important;height:120px!important;object-fit:contain!important}.image-preview-box{display:grid;grid-template-columns:280px 1fr;gap:20px;align-items:start;background:#f8fbff;border:1px solid var(--border);border-radius:14px;padding:16px;margin-bottom:15px}.image-preview-box>div{max-width:280px}.empty-preview{width:260px;height:120px;border:1px dashed var(--border);border-radius:12px;display:grid;place-items:center;color:var(--muted);background:#fff;margin-top:10px}.upload-grid{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(145px,1fr))!important;gap:12px}.upload-item{border:1px solid var(--border);background:#fff;border-radius:12px;padding:8px;cursor:pointer;display:block}.upload-item input{margin:0 0 6px}.upload-item img{width:100%!important;height:96px!important;max-width:100%!important;object-fit:cover!important;object-position:center!important;background:#f7f9fc;border-radius:8px;display:block}.upload-item span{display:block;font-size:11px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:5px}.upload-item.selected,.upload-item:has(input:checked){border-color:var(--blue);box-shadow:0 0 0 2px rgba(7,91,216,.12)}@media(max-width:850px){.site-logo-img{height:58px!important;max-width:230px!important}.topbar .container,.header .container,.nav .container{align-items:stretch}.nav-inner{flex-direction:column}.nav .cta{margin-left:0;text-align:center}.image-preview-box{grid-template-columns:1fr}.products-table{min-width:760px}.product-detail-image{height:320px!important}}