@media (min-width: 992px) {}@media (min-width: 768px) and (max-width: 991px) {}@media (max-width: 767px) {}
        
        .retrina-image-1245{
            text-align:center;
        }   

        .retrina-image-1245 img{
                                                                                        opacity:1;
                        max-width:100%;
            width:auto;
                    }   

        
        .retrina-image-1245 figcaption{
            font-size:18px;
            text-align:center;
                            color:#6c757d;
                                        background-color:transparent;
                        
                    }  

        @media (min-width: 992px) {

                            .retrina-image-1245{
                    text-align:center;
                }      
            
                            .retrina-image-1245 img{
                    width:100%;
                }      
            
                            .retrina-image-1245 img{
                    max-width:100%;
                }      
            
                            .retrina-image-1245 img{
                    height:28vh;
                }      
                        
                            .retrina-image-1245 img{
                    object-fit:cover;
                }      
            
            
             

        }

        @media (min-width: 768px) and (max-width: 991px) {

                            .retrina-image-1245{
                    text-align:center;
                } 
            
                        
            
            
            
            
             

        }
        
        @media (max-width: 767px) {

                            .retrina-image-1245{
                    text-align:center;
                }  
            
            
            
            
            
            
             

        }

    
    /* ==========================================================
       CLEAN WHITE THEME (consistent cu primul modul)
       Fără glass / blur / shadow heavy
    ========================================================== */

    :root {
      --bg: #ffffff;
      --surface: #ffffff;
      --border: #e6e8ec;
      --border-2: #dfe3ea;
      --text: #111827;
      --muted: #6b7280;
      --muted-2: #9aa3af;
      --radius: 16px;
      --radius-sm: 12px;
    }

    html, body {
      height: 100%;
    }

    body {
      margin: 0;
      font-family: Inter, ui-sans-serif, system-ui, -apple-system,
        "Segoe UI", Roboto, "Helvetica Neue", Arial;
      color: var(--text);
      background: #f9fafb;
    }

    /* ===== Module ===== */
    .oil-module {
      max-width: 1100px;
      margin: 24px auto;
      padding: 18px;
      background: var(--bg);
      border: 1px solid var(--border);
      border-radius: var(--radius);
    }

    .oil-module * {
      box-sizing: border-box;
    }

    .oil-module h1 {
      margin: 0 0 6px;
      font-size: 20px;
      font-weight: 800;
      letter-spacing: .2px;
    }

    .oil-module p {
      margin: 0 0 16px;
      font-size: 13px;
      line-height: 1.5;
      color: var(--muted);
    }

    /* ===== Container ===== */
    .oil-module .container {
      background: var(--surface);
      border: 1px solid var(--border);
      border-radius: var(--radius);
      padding: 14px;
    }

    /* ===== Grid ===== */
    .oil-module .grid {
      display: grid;
      grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
      gap: 12px;
    }

    /* ===== Card ===== */
    .oil-module .category-card {
      display: flex;
      gap: 12px;
      align-items: center;
      padding: 12px;
      border-radius: var(--radius);
      border: 1px solid var(--border);
      background: #fff;
      text-decoration: none;
      color: inherit;
      transition: border-color .12s ease,
                  background-color .12s ease,
                  transform .12s ease;
      outline: none;
    }

    .oil-module .category-card:hover {
      border-color: var(--border-2);
      background: #fafafa;
      transform: translateY(-1px);
    }

    .oil-module .category-card:focus-visible {
      border-color: #93c5fd;
      box-shadow: 0 0 0 3px rgba(147,197,253,.35);
    }

    /* ===== Inactive ===== */
    .oil-module .category-card.inactive {
      opacity: .55;
      pointer-events: none;
      background: #fff;
      transform: none;
    }

    /* ===== Icon ===== */
    .oil-module .icon-wrapper {
      width: 56px;
      height: 56px;
      flex-shrink: 0;
      display: flex;
      align-items: center;
      justify-content: center;
      border-radius: var(--radius-sm);
      border: 1px solid var(--border);
      background: #fff;
      overflow: hidden;
    }

    .oil-module .icon-wrapper img {
      width: 100%;
      height: 100%;
      object-fit: contain;
      padding: 8px;
    }

    /* ===== Text ===== */
    .oil-module .category-title {
      font-size: 13px;
      font-weight: 800;
      line-height: 1.2;
      letter-spacing: .2px;
    }

    .oil-module .category-desc {
      margin-top: 4px;
      font-size: 12px;
      color: var(--muted);
      line-height: 1.35;
      min-height: 1em;
    }

    @media (max-width: 420px) {
      .oil-module .grid {
        grid-template-columns: 1fr;
      }
    }

    /* ===== Loader (clean white) ===== */
    .loader-overlay {
      display: none;
      position: fixed;
      inset: 0;
      z-index: 9999;
      align-items: center;
      justify-content: center;
      background: rgba(255,255,255,.75);
    }

    .loader-card {
      width: 96px;
      height: 96px;
      border-radius: var(--radius);
      border: 1px solid var(--border);
      background: #fff;
      display: flex;
      align-items: center;
      justify-content: center;
    }

    .loader {
      width: 36px;
      height: 36px;
      border-radius: 999px;
      border: 4px solid var(--border);
      border-top-color: #2563eb;
      animation: spin 1s linear infinite;
    }

    @keyframes spin {
      to { transform: rotate(360deg); }
    }