/* ✅ TRANSPARENT GOLD/BLACK - ALL TEXT VISIBLE */
    .home-categories1-root {
      --home-categories1-primary-gold: rgb(255,192,0);
      --home-categories1-black: #000000;
      --home-categories1-glass-border: rgba(255,192,0,0.4);
      --home-categories1-transition: all 0.5s ease-in-out;
      
      isolation: isolate;
      contain: layout style paint;
      background: transparent !important;
      color: #fff !important;
      font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important;
      position: relative;
      overflow: hidden;
      box-sizing: border-box !important;
    }

    .home-categories1-root * {
      box-sizing: border-box !important;
      margin: 0 !important;
      padding: 0 !important;
    }

    .home-categories1-root .home-categories1-section { 
      padding: 80px 20px !important; 
      display: flex !important; 
      justify-content: center !important; 
    }
    
.home-categories1-root .home-categories1-container {
    max-width: 1200px;
    width: 100%;       /* Already good */
    display: flex;
    gap: 50px;
    flex-wrap: wrap;   /* Allows items to wrap on small screens */
}


    /* ✅ LEFT PANEL CATEGORIES - PERFECT VISIBILITY */
    .home-categories1-root .home-categories1-list { 
      width: 280px !important; 
      display: flex !important; 
      flex-direction: column !important; 
      gap: 18px !important; 
    }
    
    .home-categories1-root .home-categories1-item {
      display: flex !important; 
      align-items: center !important;
      padding: 18px 20px !important;
      border-radius: 18px !important; 
      /* ✅ SOLID WHITE TEXT CONTAINER */
      background: rgba(255,255,255,0.95) !important; 
      border: 2px solid var(--home-categories1-glass-border) !important;
      cursor: pointer !important; 
      backdrop-filter: blur(15px) saturate(180%) !important; 
      transition: var(--home-categories1-transition) !important;
      position: relative !important;
    }
    
    .home-categories1-root .home-categories1-item::before {
      content: '' !important;
      position: absolute !important;
      top: 0 !important;
      left: 0 !important;
      right: 0 !important;
      bottom: 0 !important;
      background: linear-gradient(135deg, rgba(255,192,0,0.1), rgba(0,0,0,0.1)) !important;
      border-radius: 16px !important;
      z-index: 0 !important;
      opacity: 0 !important;
      transition: var(--home-categories1-transition) !important;
    }
    
    .home-categories1-root .home-categories1-item:hover { 
      transform: translateX(8px) !important; 
      border-color: var(--home-categories1-primary-gold) !important;
      box-shadow: 0 10px 30px rgba(255,192,0,0.4) !important;
    }
    
    .home-categories1-root .home-categories1-item:hover::before {
      opacity: 1 !important;
    }
    
    .home-categories1-root .home-categories1-item.active { 
      background: linear-gradient(135deg, rgba(255,192,0,0.3), rgba(255,255,255,0.9)) !important;
      border-color: var(--home-categories1-primary-gold) !important;
      box-shadow: 0 12px 35px rgba(255,192,0,0.5) !important;
    }
    
    .home-categories1-root .home-categories1-item.active::before {
      opacity: 1 !important;
    }
    
    .home-categories1-root .home-categories1-item.active .home-categories1-icon-box i { 
      color: var(--home-categories1-black) !important; 
    }
    
    /* ✅ ICON BOX - VISIBLE */
    .home-categories1-root .home-categories1-icon-box { 
      width: 50px !important; 
      height: 50px !important; 
      border-radius: 14px !important; 
      background: rgba(255,192,0,0.2) !important;
      display: flex !important; 
      justify-content: center !important; 
      align-items: center !important; 
      margin-right: 15px !important; 
      font-size: 22px !important; 
      color: var(--home-categories1-primary-gold) !important;
      border: 2px solid rgba(255,192,0,0.5) !important;
      backdrop-filter: blur(10px) !important;
      position: relative !important;
      z-index: 2 !important;
    }

    .home-categories1-root .home-categories1-item:hover .home-categories1-icon-box {
      background: rgba(255,192,0,0.4) !important;
      transform: scale(1.05) !important;
      border-color: var(--home-categories1-primary-gold) !important;
    }
    
    /* ✅ CATEGORY NAMES - MAX VISIBILITY */
    .home-categories1-root .home-categories1-name { 
      font-size: 1.1rem !important; 
      font-weight: 700 !important; 
      color: #000000 !important;
      text-shadow: none !important;
      position: relative !important;
      z-index: 2 !important;
      line-height: 1.3 !important;
    }
    
    /* ✅ TAGLINES - VISIBLE */
    .home-categories1-root .home-categories1-tagline { 
      font-size: 0.85rem !important; 
      font-weight: 500 !important;
      color: rgba(0,0,0,0.8) !important; 
      margin-top: 4px !important; 
      position: relative !important;
      z-index: 2 !important;
    }

    .home-categories1-root .home-categories1-display-card {
      flex: 1 !important; 
      display: flex !important;
      flex-direction: column !important;
      border-radius: 30px !important; 
      overflow: hidden !important;
      background: rgba(0,0,0,0.35) !important;
      border: 1px solid var(--home-categories1-glass-border) !important; 
      backdrop-filter: blur(25px) saturate(180%) !important;
      box-shadow: 0 20px 60px rgba(0,0,0,0.5) !important;
      transition: var(--home-categories1-transition) !important;
    }

    .home-categories1-root .home-categories1-image-wrapper { 
      width: 100% !important; 
      height: 450px !important; 
      position: relative !important; 
      overflow: hidden !important; 
    }
    
    .home-categories1-root #home-categories1-img { 
      width: 100% !important; 
      height: 100% !important; 
      object-fit: cover !important; 
      transition: var(--home-categories1-transition) !important; 
    }
    
    .home-categories1-root .home-categories1-image-wrapper:hover #home-categories1-img { 
      transform: scale(1.05) !important; 
    }

    .home-categories1-root .home-categories1-content-overlay {
      position: absolute !important;
      bottom: 0 !important;
      left: 0 !important;
      right: 0 !important;
      background: linear-gradient(
        180deg, 
        rgba(0,0,0,0.2) 0%, 
        rgba(0,0,0,0.6) 40%, 
        rgba(0,0,0,0.9) 80%, 
        rgba(0,0,0,1) 100%
      ) !important;
      padding: 40px 40px 30px !important;
      transform: translateY(100%) !important;
      transition: var(--home-categories1-transition) !important;
      backdrop-filter: blur(15px) !important;
    }
    
    .home-categories1-root .home-categories1-display-card:hover .home-categories1-content-overlay {
      transform: translateY(0) !important;
    }
    
    .home-categories1-root .home-categories1-content-overlay h2 { 
      font-size: 2.2rem !important; 
      font-weight: 700 !important; 
      line-height: 1.2 !important; 
      margin-bottom: 12px !important;
      background: linear-gradient(135deg, var(--home-categories1-primary-gold), #ffed4a) !important;
      -webkit-background-clip: text !important;
      -webkit-text-fill-color: transparent !important;
      background-clip: text !important;
    }
    
    .home-categories1-root .home-categories1-divider { 
      width: 60px !important; 
      height: 4px !important; 
      background: linear-gradient(90deg, var(--home-categories1-primary-gold), #ffed4a) !important; 
      border-radius: 2px !important; 
      margin-bottom: 16px !important;
      box-shadow: 0 2px 10px rgba(255,192,0,0.5) !important;
    }
    
    .home-categories1-root .home-categories1-content-overlay p { 
      color: rgba(255,255,255,0.95) !important; 
      font-size: 1rem !important; 
      line-height: 1.6 !important; 
      max-width: 600px !important;
      margin-bottom: 20px !important;
    }

    /* ✅ BUTTON - STILL PERFECT */
    .home-categories1-root .home-categories1-premium-btn {
      position: relative !important; 
      display: inline-flex !important;
      align-items: center !important;
      gap: 12px !important;
      overflow: hidden !important;
      padding: 16px 44px 16px 20px !important; 
      border-radius: 50px !important; 
      border: 2px solid var(--home-categories1-primary-gold) !important;
      background: rgba(0,0,0,0.9) !important; 
      color: #ffffff !important; 
      font-weight: 700 !important;
      font-size: 1rem !important;
      cursor: pointer !important; 
      transition: var(--home-categories1-transition) !important;
      backdrop-filter: blur(15px) !important;
      box-shadow: 0 6px 20px rgba(255,192,0,0.3) !important;
      text-transform: uppercase !important;
      letter-spacing: 0.5px !important;
      text-shadow: 0 1px 3px rgba(0,0,0,0.8) !important;
    }
    
    .home-categories1-root .home-categories1-premium-btn::before {
      content: '\f061' !important;
      font-family: "Font Awesome 6 Free" !important;
      font-weight: 900 !important;
      font-size: 1.1em !important;
      position: absolute !important;
      right: 18px !important;
      top: 50% !important;
      transform: translateY(-50%) !important;
      transition: var(--home-categories1-transition) !important;
      color: var(--home-categories1-primary-gold) !important;
      z-index: 3 !important;
    }
    
    .home-categories1-root .home-categories1-premium-btn span { 
      position: relative !important; 
      z-index: 3 !important;
      color: #ffffff !important;
      text-shadow: 0 1px 3px rgba(0,0,0,0.8) !important;
    }
    
    .home-categories1-root .home-categories1-premium-btn::after {
      content: "" !important; 
      position: absolute !important; 
      inset: 0 !important; 
      background: linear-gradient(135deg, var(--home-categories1-primary-gold), #ffed4a) !important;
      transform: scaleX(0) !important; 
      transform-origin: left !important; 
      transition: var(--home-categories1-transition) !important; 
      z-index: 1 !important;
    }
    
    .home-categories1-root .home-categories1-premium-btn:hover::after { 
      transform: scaleX(1) !important; 
    }
    
    .home-categories1-root .home-categories1-premium-btn:hover span,
    .home-categories1-root .home-categories1-premium-btn:hover::before { 
      color: var(--home-categories1-black) !important;
      text-shadow: none !important;
    }
    
    .home-categories1-root .home-categories1-premium-btn:hover {
      transform: translateY(-3px) !important;
      box-shadow: 0 12px 35px rgba(255,192,0,0.5) !important;
    }

    .home-categories1-root .home-categories1-loading-indicator { 
      display: none !important; 
      color: var(--home-categories1-primary-gold) !important; 
      font-weight: bold !important; 
      position: absolute !important;
      top: 50% !important;
      left: 50% !important;
      transform: translate(-50%, -50%) !important;
      z-index: 10 !important;
    }

    @media (max-width: 980px) {
      .home-categories1-root .home-categories1-container { 
        flex-direction: column !important; 
      }
      .home-categories1-root .home-categories1-list { 
        width: 100% !important; 
        flex-direction: row !important; 
        overflow-x: auto !important; 
        gap: 12px !important; 
        padding-bottom: 10px !important;
      }
      .home-categories1-root .home-categories1-item { 
        min-width: 150px !important; 
        flex-shrink: 0 !important; 
        padding: 16px !important;
      }
      .home-categories1-root .home-categories1-image-wrapper { 
        height: 300px !important; 
      }
      .home-categories1-root .home-categories1-content-overlay {
        padding: 25px 25px 20px !important;
      }
      .home-categories1-root .home-categories1-content-overlay h2 { 
        font-size: 1.8rem !important; 
      }
    }