/* === HERO SLIDER === */
.il-hero-slider { height: 75vh; min-height: 480px; position: relative; overflow: hidden; background: #0f172a; }
.il-hero-img { width: 100%; height: 100%; object-fit: cover; opacity: 0.5; }
.il-hero-overlay { position: absolute; inset: 0; background: rgba(15, 23, 42, 0.5); z-index: 1; }
.il-hero-content-wrapper { position: absolute; inset: 0; z-index: 2; }
.il-hero-content { color: #fff; max-width: 550px; }
.il-hero-title { font-size: 3rem; font-weight: 800; line-height: 1.2; margin-bottom: 25px; text-shadow: 2px 2px 4px rgba(0,0,0,0.5); }
.il-btn-hero { background: #FE4C50; color: #fff; padding: 12px 35px; border-radius: 50px; font-weight: 600; font-size: 14px; text-transform: uppercase; letter-spacing: 1px; transition: all 0.3s ease; display: inline-block; text-decoration: none; box-shadow: 0 4px 10px rgba(254, 76, 80, 0.3); }
.il-btn-hero:hover { background: #e33e42; color: #fff; text-decoration: none; transform: translateY(-2px); box-shadow: 0 6px 15px rgba(254, 76, 80, 0.4); }

@media(max-width: 768px) {
    .il-hero-slider { height: 50vh; }
    .il-hero-title { font-size: 2rem; }
    .il-hero-content { text-align: center; margin: 0 auto; }
}

/* === OPŠTE SEKCIJE === */
.il-home-section { padding: 60px 0; }
.bg-light { background-color: #f8fafc !important; }

/* === NASLOVI SEKCIJA (Gašenje starog ::after elementa koji je crtao debelu crvenu liniju) === */
.il-page-heading::after, 
.il-page-heading::before {
    display: none !important;
}
.il-page-heading-wrapper { 
    margin-bottom: 35px; 
}
.il-page-heading {
    display: inline-block !important; /* Širina se prilagođava tekstu */
    font-size: 28px !important;
    font-weight: 700 !important;
    color: #1e293b !important;
    margin-bottom: 15px !important;
    padding-bottom: 12px !important;
    border-bottom: 2px solid #fde0db !important; /* Tanka, meka roza boja iz static.php */
    letter-spacing: -0.5px !important;
}

/* DUGME PRIKAŽI SVE */
.il-btn-outline-red { display: inline-flex; align-items: center; border: 1px solid #FE4C50; color: #FE4C50; padding: 10px 25px; border-radius: 4px; font-weight: 600; font-size: 15px; text-decoration: none; transition: 0.3s; background: transparent; }
.il-btn-outline-red:hover { background: #FE4C50; color: #fff; text-decoration: none; box-shadow: 0 5px 15px rgba(254, 76, 80, 0.2); }

/* === FILTER DUGMIĆI === */
.il-filters { display: flex; justify-content: center; flex-wrap: wrap; gap: 10px; margin-bottom: 40px; }
.il-filter-btn { background: #fff; border: 1px solid #e2e8f0; color: #64748B; padding: 8px 22px; border-radius: 50px; font-weight: 500; font-size: 13px; text-transform: uppercase; cursor: pointer; transition: 0.2s; outline: none; }
.il-filter-btn:hover, .il-filter-btn.active { background: #FE4C50; border-color: #FE4C50; color: #fff; }

/* === VIZUELNE KARTICE KATEGORIJA (Zoom Efekt) === */
.il-cat-banner { position: relative; border-radius: 8px; overflow: hidden; height: 250px; display: block; box-shadow: 0 4px 15px rgba(0,0,0,0.1); }
.il-cat-banner img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
.il-cat-banner:hover img { transform: scale(1.08); }
.il-cat-overlay { position: absolute; inset: 0; background: linear-gradient(to top, rgba(15,23,42,0.85) 0%, rgba(15,23,42,0) 60%); pointer-events: none; }
.il-cat-content { position: absolute; bottom: 20px; left: 25px; z-index: 2; }
.il-cat-title { color: #fff; font-size: 24px; font-weight: 700; margin: 0; text-shadow: 0 2px 4px rgba(0,0,0,0.5); }

/* === ISOTOPE GRID FIX (Otporan na Bootstrap i CSS Grid sukobe) === */
.il-isotope-container {
    display: block !important; 
    margin: 0 -15px; /* Tačno usklađeno sa širinom Bootstrap headera */
}

/* Očisti floatove da siva pozadina ne bježi gore */
.il-isotope-container::after {
    content: "";
    display: table;
    clear: both;
}

/* Eksplicitno definirana širina kartica - 20% za 5 u redu */
.il-iso-item {
    width: 20%; 
    padding: 0 15px 30px 15px; /* Unutrašnji razmak usklađen s headerom */
    box-sizing: border-box;
    float: left; 
}

/* Responzivne prelomne tačke za manje ekrane */
@media (max-width: 1199px) { .il-iso-item { width: 25%; } }      /* 4 u redu */
@media (max-width: 991px)  { 
    .il-iso-item { width: 33.333%; padding: 0 10px 30px 10px; }  /* 3 u redu */
    .il-isotope-container { margin: 0 -10px; }
}
/* ==========================================================================
   ZABETONIRANO: TAČNO 2 KNJIGE U REDU NA SVIM TELEFONIMA
   ========================================================================== */
@media (max-width: 767px) {
    .il-isotope-container {
        width: 100% !important;
        position: relative !important;
        height: auto !important;
    }

    .il-isotope-container .il-iso-item,
    .il-iso-item {
        width: 50% !important;
        max-width: 50% !important;
        float: left !important;
        position: relative !important;
        left: 0px !important;
        top: 0px !important;
        padding: 0 6px 15px 6px !important;
        box-sizing: border-box !important;
    }

    .il-iso-item .product-item {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
    }
}