*{box-sizing:border-box}body{font-family:Arial,sans-serif;margin:0;background:#f5f7fb;color:#172033}.container{max-width:1100px;margin:auto;padding:24px}.nav{background:#172033;color:#fff}.nav .container{display:flex;justify-content:space-between;align-items:center}.nav a{color:#fff;text-decoration:none;margin-left:16px}.hero{background:linear-gradient(120deg,#172033,#2c4d73);color:#fff;padding:70px 0}.btn{display:inline-block;background:#e67e22;color:#fff;padding:12px 18px;border-radius:8px;text-decoration:none;border:0;cursor:pointer}.btn.secondary{background:#172033}.card{background:#fff;border-radius:14px;padding:20px;margin:16px 0;box-shadow:0 6px 20px rgba(0,0,0,.06)}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px}input,select,textarea{width:100%;padding:12px;margin:6px 0 14px;border:1px solid #ccd3df;border-radius:8px}label{font-weight:bold}.price{font-size:24px;font-weight:bold}.table{width:100%;border-collapse:collapse;background:#fff}.table th,.table td{padding:12px;border-bottom:1px solid #ddd;text-align:left}.alert{padding:12px;border-radius:8px;background:#e8f7ea;margin:12px 0}.error{background:#fdeaea}.admin-menu a{display:inline-block;margin:6px 8px 6px 0}.muted{color:#667}


.config-layout{display:grid;grid-template-columns:2fr 1fr;gap:24px}
.option-card{background:#fff;border:1px solid #dfe6ef;border-radius:14px;padding:12px;margin:10px 0;transition:.2s}
.option-card:hover{box-shadow:0 4px 15px rgba(0,0,0,.08)}
.option-card label{display:block;cursor:pointer}
.summary{position:sticky;top:20px}
.summary ul{padding-left:18px}
.total-box{font-size:28px;font-weight:bold;color:#172033}
@media(max-width:900px){
 .config-layout{grid-template-columns:1fr}
 .summary{position:static}
}


/* ==========================================================
   BoxDom Professional UI v1.1
   ========================================================== */
:root{
    --bd-primary:#101828;
    --bd-secondary:#1d2939;
    --bd-muted:#667085;
    --bd-border:#e4e7ec;
    --bd-light:#f8fafc;
    --bd-card:#ffffff;
    --bd-accent:#f59e0b;
    --bd-accent-dark:#d97706;
    --bd-success:#12b76a;
    --bd-shadow:0 18px 45px rgba(16,24,40,.12);
    --bd-radius:22px;
}

body{
    background:linear-gradient(180deg,#f8fafc 0%,#eef2f7 100%);
    color:var(--bd-primary);
}

.nav{
    background:rgba(16,24,40,.96)!important;
    color:#fff;
    border-bottom:1px solid rgba(255,255,255,.08);
    position:sticky;
    top:0;
    z-index:50;
    backdrop-filter:blur(12px);
}

.nav a{color:#fff!important;opacity:.88}
.nav a:hover{opacity:1;color:var(--bd-accent)!important}

.btn,
button.btn,
input[type=submit]{
    background:linear-gradient(135deg,var(--bd-accent),var(--bd-accent-dark))!important;
    color:#111827!important;
    border:0!important;
    border-radius:999px!important;
    padding:12px 20px!important;
    font-weight:800!important;
    letter-spacing:.2px;
    box-shadow:0 10px 25px rgba(245,158,11,.25);
    transition:.2s ease;
}

.btn:hover,
button.btn:hover{
    transform:translateY(-2px);
    box-shadow:0 14px 35px rgba(245,158,11,.35);
}

.card{
    border:1px solid var(--bd-border)!important;
    border-radius:var(--bd-radius)!important;
    box-shadow:var(--bd-shadow)!important;
    background:var(--bd-card)!important;
}

.hero-pro{
    position:relative;
    overflow:hidden;
    min-height:440px;
    border-radius:0 0 38px 38px;
    background:
        linear-gradient(115deg,rgba(16,24,40,.94),rgba(16,24,40,.70),rgba(16,24,40,.30)),
        radial-gradient(circle at 78% 30%,rgba(245,158,11,.35),transparent 32%),
        linear-gradient(135deg,#101828,#344054);
    color:#fff;
    display:flex;
    align-items:center;
}

.hero-pro:after{
    content:"";
    position:absolute;
    right:-90px;
    bottom:-130px;
    width:520px;
    height:520px;
    border-radius:50%;
    background:rgba(255,255,255,.06);
}

.hero-pro .container{position:relative;z-index:2}
.hero-badge{
    display:inline-flex;
    gap:8px;
    align-items:center;
    background:rgba(255,255,255,.10);
    border:1px solid rgba(255,255,255,.18);
    padding:8px 13px;
    border-radius:999px;
    color:#fff;
    margin-bottom:18px;
    font-weight:700;
}
.hero-pro h1{
    font-size:clamp(40px,6vw,76px);
    line-height:.98;
    margin:0 0 18px;
    letter-spacing:-2px;
}
.hero-pro p{
    max-width:620px;
    color:#e4e7ec;
    font-size:18px;
    line-height:1.7;
}
.hero-actions{
    display:flex;
    gap:14px;
    flex-wrap:wrap;
    margin-top:28px;
}
.btn-secondary{
    display:inline-block;
    border:1px solid rgba(255,255,255,.25);
    color:#fff!important;
    padding:12px 20px;
    border-radius:999px;
    text-decoration:none;
    font-weight:800;
    transition:.2s ease;
}
.btn-secondary:hover{
    background:rgba(255,255,255,.10);
    transform:translateY(-2px);
}

.section-head{
    display:flex;
    justify-content:space-between;
    gap:20px;
    align-items:end;
    margin:44px 0 20px;
}
.section-head h2{
    margin:0;
    font-size:34px;
    letter-spacing:-.8px;
}
.section-head p{
    margin:6px 0 0;
    color:var(--bd-muted);
}

.model-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
    gap:22px;
    margin-bottom:48px;
}
.model-card{
    overflow:hidden;
    border-radius:24px;
    background:#fff;
    box-shadow:0 16px 38px rgba(16,24,40,.10);
    border:1px solid var(--bd-border);
    transition:.22s ease;
}
.model-card:hover{
    transform:translateY(-6px);
    box-shadow:0 24px 55px rgba(16,24,40,.16);
}
.model-image{
    min-height:170px;
    background:
        linear-gradient(135deg,rgba(16,24,40,.15),rgba(245,158,11,.18)),
        linear-gradient(135deg,#d0d5dd,#f2f4f7);
    display:flex;
    align-items:center;
    justify-content:center;
    color:#101828;
    font-weight:900;
    font-size:26px;
    letter-spacing:-.8px;
}
.model-card-body{padding:20px}
.model-card h3{margin:0 0 8px;font-size:22px}
.model-card p{color:var(--bd-muted);line-height:1.6}
.model-price{
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin:18px 0;
    padding-top:14px;
    border-top:1px solid var(--bd-border);
}
.model-price strong{font-size:24px}

/* Configurator */
.config-page-title{
    display:flex;
    align-items:end;
    justify-content:space-between;
    gap:20px;
    margin:34px 0 18px;
}
.config-page-title h1{
    margin:0;
    font-size:38px;
    letter-spacing:-1px;
}
.config-page-title p{margin:8px 0 0;color:var(--bd-muted)}

.config-layout{
    display:grid;
    grid-template-columns:minmax(0,2fr) 380px;
    gap:26px;
    align-items:start;
}

.configurator-form{
    padding:26px!important;
}

.config-section{
    margin:26px 0;
}
.config-section h3{
    margin:0 0 14px;
    display:flex;
    align-items:center;
    gap:10px;
    font-size:20px;
}
.config-section h3:before{
    content:"";
    width:10px;
    height:10px;
    border-radius:50%;
    background:var(--bd-accent);
    box-shadow:0 0 0 5px rgba(245,158,11,.15);
}

.option-card{
    display:flex!important;
    align-items:center;
    gap:15px;
    background:#fff;
    border:1px solid var(--bd-border);
    border-radius:18px;
    padding:16px;
    margin:11px 0;
    cursor:pointer;
    transition:.2s ease;
    position:relative;
}
.option-card:hover{
    transform:translateY(-2px);
    border-color:#cbd5e1;
    box-shadow:0 12px 30px rgba(16,24,40,.09);
}
.option-card input{
    width:18px;
    height:18px;
    accent-color:var(--bd-accent);
}
.option-card:has(input:checked){
    border-color:var(--bd-accent);
    background:linear-gradient(180deg,#fff,#fffbeb);
    box-shadow:0 16px 34px rgba(245,158,11,.16);
}
.option-card:has(input:checked):after{
    content:"Odabrano";
    position:absolute;
    top:12px;
    right:12px;
    font-size:11px;
    font-weight:900;
    color:#92400e;
    background:#fef3c7;
    padding:4px 8px;
    border-radius:999px;
}
.option-info{flex:1;min-width:0}
.option-title{
    display:block;
    font-weight:900;
    color:var(--bd-primary);
}
.option-description{
    display:block;
    margin-top:4px;
    color:var(--bd-muted);
    font-size:14px;
}
.option-price{
    white-space:nowrap;
    margin-right:78px;
    color:var(--bd-secondary);
}
.option-card:not(:has(input:checked)) .option-price{margin-right:0}

.summary{
    position:sticky;
    top:88px;
    padding:24px!important;
    background:linear-gradient(180deg,#fff,#f8fafc)!important;
}
.summary h3{margin-top:0;font-size:24px}
.summary-model,
.summary-block{
    background:#f2f4f7;
    border:1px solid var(--bd-border);
    padding:14px;
    border-radius:16px;
    margin-bottom:14px;
}
.summary-label{
    display:block;
    color:var(--bd-muted);
    font-size:12px;
    text-transform:uppercase;
    letter-spacing:.8px;
    font-weight:900;
    margin-bottom:5px;
}
#selectedOptions{
    list-style:none;
    padding:0;
    margin:0;
}
#selectedOptions li{
    display:flex;
    justify-content:space-between;
    gap:14px;
    padding:10px 0;
    border-bottom:1px solid var(--bd-border);
}
#selectedOptions li:last-child{border-bottom:0}
.total-box,
.price .js-total{
    font-size:34px;
    font-weight:950;
    letter-spacing:-1px;
    color:var(--bd-primary);
}
.total-note{
    color:var(--bd-muted);
    font-size:13px;
}
.muted{color:var(--bd-muted)}

select,input,textarea{
    border:1px solid var(--bd-border)!important;
    border-radius:12px!important;
    padding:11px 12px!important;
}
select:focus,input:focus,textarea:focus{
    outline:3px solid rgba(245,158,11,.20)!important;
    border-color:var(--bd-accent)!important;
}

@media(max-width:980px){
    .config-layout{grid-template-columns:1fr}
    .summary{position:static;order:-1}
    .section-head{display:block}
}
@media(max-width:640px){
    .hero-pro{min-height:520px;border-radius:0 0 26px 26px}
    .hero-pro h1{font-size:42px}
    .config-page-title{display:block}
    .option-card{align-items:flex-start}
    .option-card:has(input:checked):after{position:static;margin-left:auto}
    .option-price{margin-right:0}
}


/* ==========================================================
   BoxDom Soft Sales Theme v1.1b
   Mekša prodajna paleta: bez potpuno crne boje
   ========================================================== */
:root{
    --bd-primary:#24364b;
    --bd-secondary:#40566f;
    --bd-muted:#6f7f90;
    --bd-border:#e5eaf0;
    --bd-light:#f7f9fb;
    --bd-card:#ffffff;
    --bd-accent:#d9912b;
    --bd-accent-dark:#b8751f;
    --bd-success:#2f9e73;
    --bd-shadow:0 16px 38px rgba(36,54,75,.10);
    --bd-radius:22px;
}

body{
    background:linear-gradient(180deg,#fbfcfd 0%,#f1f5f8 100%)!important;
    color:#31465c!important;
}

h1,h2,h3,h4,h5,h6,
.option-title,
.model-card h3,
.summary h3{
    color:red important;
}

p,li,label,input,textarea,select{
    color:#40566f;
}

.nav{
    background:rgba(36,54,75,.96)!important;
    color:#fff;
}

.hero-pro{
    background:
        linear-gradient(115deg,rgba(36,54,75,.92),rgba(64,86,111,.68),rgba(217,145,43,.18)),
        radial-gradient(circle at 80% 30%,rgba(217,145,43,.28),transparent 34%),
        linear-gradient(135deg,#24364b,#40566f)!important;
}

.hero-pro p{
    color:#edf2f7!important;
}

.hero-badge{
    background:rgba(255,255,255,.14)!important;
    border-color:rgba(255,255,255,.24)!important;
}

.btn,
button.btn,
input[type=submit]{
    background:linear-gradient(135deg,#e1a24a,#c98524)!important;
    color:#ffffff!important;
    box-shadow:0 10px 24px rgba(217,145,43,.24)!important;
}

.btn:hover,
button.btn:hover{
    box-shadow:0 14px 34px rgba(217,145,43,.32)!important;
}

.btn-secondary{
    color:#fff!important;
    border-color:rgba(255,255,255,.34)!important;
}

.card,
.model-card,
.option-card{
    background:#ffffff!important;
    border-color:#e5eaf0!important;
    box-shadow:0 14px 32px rgba(36,54,75,.08)!important;
}

.model-card:hover,
.option-card:hover{
    box-shadow:0 20px 44px rgba(36,54,75,.12)!important;
}

.model-image{
    background:
        linear-gradient(135deg,rgba(36,54,75,.10),rgba(217,145,43,.16)),
        linear-gradient(135deg,#e7edf3,#faf7f1)!important;
    color:#40566f!important;
}

.model-price strong,
.total-box,
.price .js-total{
    color:#2f465f!important;
}

.option-card:has(input:checked){
    border-color:#d9912b!important;
    background:linear-gradient(180deg,#ffffff,#fff8ed)!important;
    box-shadow:0 14px 30px rgba(217,145,43,.14)!important;
}

.option-card:has(input:checked):after{
    background:#fff0d6!important;
    color:#8b5a16!important;
}

.option-card input{
    accent-color:#d9912b!important;
}

.config-section h3:before{
    background:#d9912b!important;
    box-shadow:0 0 0 5px rgba(217,145,43,.15)!important;
}

.summary{
    background:linear-gradient(180deg,#ffffff,#f8fafc)!important;
}

.summary-model,
.summary-block{
    background:#f4f7fa!important;
    border-color:#e5eaf0!important;
}

.summary-label{
    color:#6f7f90!important;
}

#selectedOptions li{
    border-bottom-color:#e5eaf0!important;
}

select:focus,input:focus,textarea:focus{
    outline:3px solid rgba(217,145,43,.18)!important;
    border-color:#d9912b!important;
}

.muted,
.option-description,
.section-head p,
.config-page-title p,
.total-note{
    color:#6f7f90!important;
}


/* ==========================================================
   Admin upload slika modela v1.2
   ========================================================== */
.admin-model-grid{
    display:grid;
    grid-template-columns:240px 1fr;
    gap:22px;
    align-items:start;
}

.admin-model-image,
.admin-model-placeholder{
    width:100%;
    height:170px;
    border-radius:18px;
    object-fit:cover;
    border:1px solid var(--bd-border,#e5eaf0);
    background:#f4f7fa;
}

.admin-model-placeholder{
    display:flex;
    align-items:center;
    justify-content:center;
    color:#7b8794;
    font-weight:700;
}

.admin-model-card input[type=file]{
    background:#fff;
}

.model-image img{
    display:block;
}

@media(max-width:760px){
    .admin-model-grid{
        grid-template-columns:1fr;
    }
}


/* ==========================================================
   Admin: opcije po modelu v1.3
   ========================================================== */
.inline-check{
    display:flex!important;
    align-items:center;
    gap:8px;
    font-weight:normal!important;
    margin:8px 0 18px;
}

.inline-check input{
    width:auto!important;
    margin:0!important;
}

.admin-options-box{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(230px,1fr));
    gap:16px;
    margin:14px 0 22px;
}

.admin-option-category{
    border:1px solid var(--bd-border,#e5eaf0);
    background:#f8fafc;
    border-radius:16px;
    padding:14px;
}

.admin-option-category h4{
    margin:0 0 10px;
    color:#556273!important;
}

.admin-option-check{
    display:flex!important;
    align-items:flex-start;
    gap:9px;
    font-weight:normal!important;
    padding:8px 0;
    border-bottom:1px solid #e5eaf0;
    cursor:pointer;
}

.admin-option-check:last-child{
    border-bottom:0;
}

.admin-option-check input{
    width:auto!important;
    margin:3px 0 0!important;
}

.admin-option-check small{
    display:block;
    color:#7b8794;
    margin-top:2px;
}


/* ==========================================================
   BoxDom v1.4 - Slike opcija u adminu i konfiguratoru
   ========================================================== */
.option-thumb{
    width:92px;
    height:72px;
    border-radius:14px;
    overflow:hidden;
    flex:0 0 92px;
    background:#f4f7fa;
    border:1px solid var(--bd-border,#e5eaf0);
    display:flex;
    align-items:center;
    justify-content:center;
}

.option-thumb img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
}

.option-thumb-placeholder span{
    color:#9aa6b2;
    font-size:12px;
    font-weight:800;
}

.admin-option-edit-grid{
    display:grid;
    grid-template-columns:240px 1fr;
    gap:22px;
    align-items:start;
}

.admin-option-image,
.admin-option-placeholder{
    width:100%;
    height:170px;
    border-radius:18px;
    object-fit:cover;
    border:1px solid var(--bd-border,#e5eaf0);
    background:#f4f7fa;
}

.admin-option-placeholder{
    display:flex;
    align-items:center;
    justify-content:center;
    color:#7b8794;
    font-weight:700;
}

.admin-option-edit-card input[type=file]{
    background:#fff;
}

@media(max-width:760px){
    .option-card{
        display:flex!important;
        flex-direction:column;
        align-items:stretch!important;
    }

    .option-card input{
        width:auto!important;
        align-self:flex-start;
    }

    .option-thumb{
        width:100%;
        height:160px;
        flex:0 0 auto;
    }

    .option-info{
        width:100%;
        min-width:0;
    }

    .option-price{
        margin-right:0!important;
        align-self:flex-start;
        white-space:nowrap;
    }

    .option-card:has(input:checked):after{
        position:static;
        align-self:flex-start;
        margin-left:0;
    }
}


/* ==========================================================
   BoxDom v1.5 - Upravljanje narudžbama
   ========================================================== */
.admin-page-head{
    display:flex;
    justify-content:space-between;
    align-items:end;
    gap:20px;
    margin:26px 0 18px;
}

.admin-page-head h1{
    margin-bottom:4px;
}

.orders-stats{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(150px,1fr));
    gap:14px;
    margin:18px 0 24px;
}

.orders-stat-card{
    display:block;
    text-decoration:none;
    background:#fff;
    border:1px solid var(--bd-border,#e5eaf0);
    border-radius:18px;
    padding:16px;
    box-shadow:0 10px 25px rgba(36,54,75,.07);
    transition:.2s ease;
}

.orders-stat-card:hover,
.orders-stat-card.active{
    transform:translateY(-2px);
    border-color:var(--bd-accent,#d9912b);
    box-shadow:0 14px 30px rgba(217,145,43,.12);
}

.orders-stat-card span{
    display:block;
    color:#7b8794;
    font-size:13px;
    font-weight:700;
}

.orders-stat-card strong{
    display:block;
    margin-top:6px;
    color:#556273;
    font-size:28px;
}

.status-badge{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:6px 10px;
    border-radius:999px;
    font-size:12px;
    font-weight:800;
    background:#edf2f7;
    color:#556273;
    white-space:nowrap;
}

.status-new{
    background:#eef6ff;
    color:#2b6cb0;
}

.status-progress{
    background:#fff7e6;
    color:#b8751f;
}

.status-sent{
    background:#f0ebff;
    color:#6b46c1;
}

.status-accepted{
    background:#e8f7ee;
    color:#2f9e73;
}

.status-rejected{
    background:#fdecec;
    color:#c24141;
}

.btn-small{
    padding:8px 12px!important;
    font-size:13px;
}

.table-responsive{
    width:100%;
    overflow-x:auto;
}

.orders-table small{
    color:#7b8794;
}

.order-detail-card{
    margin-bottom:24px;
}

.order-detail-head{
    display:flex;
    justify-content:space-between;
    align-items:start;
    gap:20px;
    margin-bottom:20px;
}

.order-detail-head h2{
    margin:0 0 4px;
}

.order-detail-grid{
    display:grid;
    grid-template-columns:1fr 1.25fr;
    gap:28px;
}

.order-options-list{
    list-style:none;
    padding:0;
    margin:0;
}

.order-options-list li{
    display:grid;
    grid-template-columns:58px 1fr auto;
    gap:12px;
    align-items:center;
    padding:12px 0;
    border-bottom:1px solid var(--bd-border,#e5eaf0);
}

.order-options-list li:last-child{
    border-bottom:0;
}

.order-options-list img{
    width:58px;
    height:48px;
    object-fit:cover;
    border-radius:10px;
    border:1px solid var(--bd-border,#e5eaf0);
}

.order-options-list small{
    display:block;
    color:#7b8794;
    font-size:12px;
    margin-bottom:3px;
}

.order-options-list strong{
    color:#556273;
}

.order-total-box{
    margin:18px 0;
    padding:18px;
    border-radius:18px;
    background:linear-gradient(180deg,#fff8ed,#fff);
    border:1px solid #f3d6a8;
}

.order-total-box span{
    display:block;
    color:#7b8794;
    font-size:13px;
    font-weight:800;
    text-transform:uppercase;
    letter-spacing:.7px;
}

.order-total-box strong{
    display:block;
    margin-top:4px;
    color:#5b7085;
    font-size:32px;
}

.order-status-form{
    margin-top:18px;
}

@media(max-width:900px){
    .order-detail-grid{
        grid-template-columns:1fr;
    }

    .order-detail-head{
        display:block;
    }
}


/* ==========================================================
   BoxDom v1.6 - Email slanje narudžbe
   ========================================================== */
code{
    background:#f4f7fa;
    border:1px solid #e5eaf0;
    border-radius:6px;
    padding:2px 6px;
    color:#5b7085;
}


/* ==========================================================
   BoxDom logo integration v1.8
   ========================================================== */
.brand{
    display:flex;
    align-items:center;
    gap:12px;
    color:#fff!important;
    text-decoration:none;
    font-weight:900;
}
.brand-logo{
    width:132px;
    height:auto;
    display:block;
    background:#fff;
    border-radius:8px;
    padding:4px 8px;
}
.brand span{display:none}
.admin-brand{
    display:flex;
    align-items:center;
    gap:14px;
    margin-bottom:14px;
}
.admin-logo{
    width:150px;
    height:auto;
    display:block;
    background:#fff;
    border-radius:10px;
    padding:5px 9px;
    border:1px solid var(--bd-border);
}
.admin-brand span{
    color:var(--bd-muted);
    font-size:13px;
}
.login-card{
    max-width:460px;
    margin:50px auto!important;
}
.login-logo{
    text-align:center;
    margin-bottom:18px;
}
.login-logo img{
    width:240px;
    max-width:100%;
    height:auto;
}
@media(max-width:640px){
    .brand-logo{width:104px}
    .admin-brand{align-items:flex-start;flex-direction:column}
}
/* BoxDom v1.8.5 - kompaktniji gumbi u popisu narudžbi */
.orders-actions-cell{
    min-width:380px;
}

.orders-actions{
    display:flex;
    flex-wrap:nowrap;
    align-items:center;
    gap:6px;
    white-space:nowrap;
}

.orders-actions form{
    display:inline-flex;
    margin:0;
}

.orders-actions .btn-small{
    padding:7px 10px!important;
    font-size:12px;
    line-height:1.1;
    border-radius:18px;
    white-space:nowrap;
}

.orders-actions button.btn-small{
    min-height:auto;
}

/* ==========================================================
   Model galerija slika v2.2
   ========================================================== */
.model-gallery-thumbs{
    display:flex;
    gap:8px;
    padding:10px 14px 0;
    overflow-x:auto;
    background:#fff;
}

.model-gallery-thumb{
    width:58px;
    height:44px;
    border:2px solid transparent;
    border-radius:10px;
    padding:0;
    overflow:hidden;
    background:#fff;
    cursor:pointer;
    flex:0 0 auto;
}

.model-gallery-thumb.active{
    border-color:#d9912b;
}

.model-gallery-thumb img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
}

.admin-gallery-list{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:8px;
    margin-top:10px;
}

.admin-gallery-thumb{
    position:relative;
    height:70px;
    border-radius:12px;
    overflow:hidden;
    border:1px solid var(--bd-border,#e5eaf0);
    background:#f4f7fa;
}

.admin-gallery-thumb img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
}

.admin-gallery-delete{
    position:absolute;
    top:4px;
    right:4px;
    width:24px;
    height:24px;
    border:0;
    border-radius:50%;
    background:rgba(16,24,40,.75);
    color:#fff;
    font-size:18px;
    line-height:20px;
    cursor:pointer;
}


/* ==========================================================
   Model video galerija v2.3
   ========================================================== */
.model-video-thumb{
    display:flex;
    align-items:center;
    justify-content:center;
    color:#101828;
    font-weight:900;
    font-size:18px;
    background:linear-gradient(135deg,#f2f4f7,#e4e7ec);
}

.model-video-thumb span{
    display:inline-flex;
    align-items:center;
    justify-content:center;
}

.model-gallery-main video{
    display:block;
    background:#000;
}

.admin-video-list{
    margin-top:8px;
}

.admin-video-thumb{
    display:flex;
    align-items:center;
    justify-content:center;
    font-weight:800;
    color:#101828;
    background:linear-gradient(135deg,#f2f4f7,#e4e7ec);
}