<style>
  /* მობილური ნავიგაციის სტილი */
  .mobile-info-nav {
    display: flex;
    flex-direction: column;
    background: #f8f9fa;
    border-radius: 8px;
    padding: 5px 10px;
  }
  .mobile-info-nav a {
    padding: 14px 5px;
    color: #333 !important;
    text-decoration: none;
    font-size: 16px;
    display: flex;
    align-items: center;
    gap: 12px;
    border-bottom: 1px solid #e9ecef;
    font-weight: 500;
  }
  .mobile-info-nav a i {
    color: #0a1f44;
    width: 20px;
    text-align: center;
  }
  .mobile-info-nav a:hover {
    color: #0a1f44 !important;
  }
  /* ===================================================
   GALAKTIKA (DLE 19.1) — SҮNCED DARK MODE FIXES (ALL-IN-ONE)
   =================================================== */

/* ---------------------------------------------------
   1. ჰედერი, ლოგო და კალათის რედიზაინი
   --------------------------------------------------- */
/* საიტის სახელი და სლოგანი */
.dark-mode .logo-text,
.dark-mode .logo-text small {
    color: #ffffff !important;
}

/* კალათის ღილაკის ახალი Premium ვიზუალი */
.dark-mode .ha-item.ha-cart {
    background-color: #1e293b !important; /* თანამედროვე მუქი ლურჯი/რუხი ტონი */
    border: 1px solid #334155 !important;   /* თხელი დახვეწილი ჩარჩო */
    border-radius: 12px !important;         /* მომრგვალებული კუთხეები */
    padding: 10px 14px !important;
    transition: all 0.2s ease-in-out !important;
}

/* კალათის ხატულა (Shopping Cart Icon) */
.dark-mode .ha-cart i {
    color: #ffffff !important; /* ხდება სუფთა თეთრი */
    font-size: 18px !important;
}

/* ტექსტი "კალათა" */
.dark-mode .ha-cart span {
    color: #f1f5f9 !important; /* მკაფიო თეთრი ტონი */
    font-weight: 600 !important;
    font-size: 14px !important;
}

/* ნარინჯისფერი ციფრების ბეიჯი (რაოდენობა) */
.dark-mode .ha-cart .cart-count {
    background-color: #ff6b35 !important;
    color: #ffffff !important;
    border: 2px solid #1e293b !important; /* გამოყოფის კანტი */
}

/* კალათის ეფექტი მაუსის მიტანისას (Hover) */
.dark-mode .ha-item.ha-cart:hover {
    background-color: #2563eb !important; /* აინთება ლურჯად */
    border-color: #3b82f6 !important;
    box-shadow: 0 4px 12px rgba(37, 99, 235, 0.2) !important;
}


/* ---------------------------------------------------
   2. დიდი PC მეგა-მენიუ და ძიების კარნახი (Suggestions)
   --------------------------------------------------- */
/* კომპიუტერის ჩამოსაშლელი დიდი მენიუ */
.dark-mode .mega-panel {
    background-color: #111827 !important;
    border: 1px solid #374151 !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5) !important;
}
.dark-mode .mega-panel h5 {
    color: #ffffff !important; /* კატეგორიის მთავარი სათაურები */
}
.dark-mode .mega-panel a {
    color: #9ca3af !important; /* შიდა ბმულები */
}
.dark-mode .mega-panel a:hover {
    color: #ffffff !important;
}

/* ძიების ჩამოსაშლელი ვარიანტების ბლოკი */
.dark-mode #searchSuggestions {
    background-color: #1f2937 !important;
    border-color: #374151 !important;
}
.dark-mode #searchSuggestions a {
    color: #ffffff !important;
    border-bottom-color: #374151 !important;
}
.dark-mode #searchSuggestions a:hover {
    background-color: #2563eb !important;
}


/* ---------------------------------------------------
   3. მობილური მენიუები (საინფორმაციო და კატალოგი)
   --------------------------------------------------- */
/* მობილური გვერდითა პანელები (Offcanvas) */
.dark-mode #mobileMainMenu,
.dark-mode #mobileMainMenu .offcanvas-header,
.dark-mode #mobileMenu,
.dark-mode #mobileMenu .offcanvas-header,
.dark-mode .mobile-menu {
    background-color: #111827 !important;
    color: #ffffff !important;
}

.dark-mode .mobile-menu .offcanvas-header {
    border-bottom: 1px solid #374151 !important;
}

.dark-mode .mobile-menu .offcanvas-title,
.dark-mode .mobile-custom-menu h5 {
    color: #ffffff !important;
}

/* მობილურის Bootstrap X (დახურვის) ღილაკის გათეთრება */
.dark-mode .btn-close {
    filter: invert(1) grayscale(1) brightness(2) !important;
}

/* ახალი მობილური საინფორმაციო ნავიგაციის ბლოკი */
.dark-mode .mobile-info-nav {
    background: #1f2937 !important;
}
.dark-mode .mobile-info-nav a {
    color: #f3f4f6 !important;
    border-bottom: 1px solid #374151 !important;
}
.dark-mode .mobile-info-nav a i {
    color: #38bdf8 !important; /* ხატულები ხდება ცისფერი */
}
.dark-mode .mobile-info-nav a:hover {
    background-color: #2563eb !important;
    color: #ffffff !important;
}
.dark-mode .mobile-custom-menu a {
    color: #9ca3af !important; /* კატალოგის ბმულები */
}
.dark-mode .mobile-custom-menu a:hover {
    color: #ffffff !important;
}


/* ---------------------------------------------------
   4. პროდუქტის ბარათები (მთავარზე და Related-ში) და ინპუტები — საბოლოო ფიქსი
   --------------------------------------------------- */
/* 1. თავად ბარათის და მისი ნებისმიერი შიდა ბლოკის თეთრი ფონის სრული გაშავება */
.dark-mode .product-card,
.dark-mode .product-card *,
.dark-mode [class*="related"] [class*="card"],
.dark-mode [class*="similar"] [class*="card"],
.dark-mode [class*="related"] [class*="card"] *,
.dark-mode [class*="similar"] [class*="card"] * {
    background-color: #1f2937 !important; /* აქრობს თეთრ ფონს ყველგან, ბარათის შიგნით */
    border-color: #2d3748 !important;
}

/* 2. პროდუქტის სურათის (სათავსოს) კონტეინერი */
.dark-mode .product-card img,
.dark-mode [class*="card"] img,
.dark-mode [class*="card"] [class*="img"],
.dark-mode [class*="card"] [class*="thumb"] {
    background-color: #ffffff !important; /* სურათის უკანა ფონი დარჩეს თეთრი, რომ ქილა ლამაზად გამოჩნდეს */
    border-radius: 6px !important;
}

/* 3. ტექსტებისა და სათაურების მკაფიო გათეთრება (თეთრზე თეთრი რომ აღარ იყოს) */
.dark-mode .product-card h3,
.dark-mode .product-card h4,
.dark-mode .product-card a,
.dark-mode .product-card span,
.dark-mode .product-card div,
.dark-mode [class*="card"] [class*="title"],
.dark-mode [class*="card"] [class*="price"] {
    color: #ffffff !important; /* ტექსტი ყველგან ხდება მკაფიო თეთრი */
    background: transparent !important; /* აქრობს ყოველგვარ შიდა ზოლს */
    background-color: transparent !important;
}

/* 4. რაოდენობის ასარჩევი ინპუტი (Qty Input) */
.dark-mode .qty-input input {
    background-color: #111827 !important;
    color: #ffffff !important;
    border: 1px solid #374151 !important;
}
.dark-mode .qty-input button {
    color: #ffffff !important;
}
/* ---------------------------------------------------
   5. შიდა გვერდის თაბები, ცხრილები და DLE ქროსლინკები
   --------------------------------------------------- */
/* მახასიათებლების ცხრილის ბმულები (DLE Cross-Links) */
.dark-mode [class*="tab"] a,
.dark-mode [class*="spec"] a,
.dark-mode .table a,
.dark-mode td a {
    color: #38bdf8 !important; /* უფერული ლურჯის ნაცვლად მკაფიო ცისფერი */
    font-weight: 600 !important;
    text-decoration: underline !important;
}
.dark-mode [class*="tab"] a:hover,
.dark-mode td a:hover {
    color: #60a5fa !important;
}

/* ზოგადი თეთრი ბლოკები და სექციები საიტზე */
.dark-mode .bg-white,
.dark-mode .info-block {
    background-color: #111827 !important;
    color: #ffffff !important;
    border-color: #374151 !important;
}


/* ---------------------------------------------------
   6. ქვედა საინფორმაციო ზოლი (Features Bar)
   --------------------------------------------------- */
/* ბლოკი: უფასო მიწოდება, გარანტია, 24/7 მხარდაჭერა */
.dark-mode .site-features, 
.dark-mode .features-bar,
.dark-mode .container-xl + .bg-white,
.dark-mode [class*="features"] { 
    background-color: #111827 !important;
    border: 1px solid #2d3748 !important;
    border-radius: 8px !important;
}
.dark-mode .site-features strong, 
.dark-mode .features-bar h5,
.dark-mode .features-bar span,
.dark-mode .site-features span {
    color: #ffffff !important;
}
.dark-mode .site-features p,
.dark-mode .features-bar p,
.dark-mode .features-bar small {
    color: #9ca3af !important; /* პატარა ტექსტები */
}
/* ===================================================
   მთავარი გვერდის ბარათების დეტალების გაცოცხლება (image_55a224.png)
   =================================================== */

/* 1. სურათზე არსებული მრგვალი ღილაკების (რჩეულები, სწრაფი ნახვა) აიქონების გათეთრება */
.dark-mode .product-card [class*="action"] i,
.dark-mode .product-card [class*="btn"] i,
.dark-mode .product-card [class*="wishlist"] i,
.dark-mode .product-card [class*="quick"] i,
.dark-mode .product-card [class*="compare"] i,
.dark-mode .product-card i[class*="fa-"] {
    color: #ffffff !important; /* ხატულები შიგნით გახდეს მკაფიო თეთრი */
}

/* თავად მრგვალი ღილაკების ფონი მაუსის მიტანისას (Hover) */
.dark-mode .product-card [class*="action"] a:hover,
.dark-mode .product-card [class*="wishlist"]:hover,
.dark-mode .product-card [class*="quick"]:hover {
    background-color: #2563eb !important; /* ჰოვერზე ლამაზად აინთოს ლურჯად */
}

/* 2. სტატუსის „მარაგშია“ დაბრუნება ცოცხალ მწვანე ფერში */
.dark-mode .product-card [class*="stock"] .fa-check-circle,
.dark-mode .product-card [class*="stock"] i,
.dark-mode .product-card .instock,
.dark-mode .product-card [class*="status"] {
    color: #10b981 !important; /* მკაფიო, ლამაზი მწვანე ფერი */
}

/* თუ ტექსტი "მარაგშია" ცალკე თეგშია, ისიც გამწვანდეს */
.dark-mode .product-card *:has(> .fa-check),
.dark-mode .product-card [class*="stock"] {
    color: #10b981 !important;
}
/* ---------------------------------------------------
   სტატუსების (მარაგშია / არ არის მარაგში) ზუსტი ფიქსი (image_55a608.png)
   --------------------------------------------------- */

/* მხოლოდ მაშინ, როცა პროდუქტი მართლაც მარაგშია */
.dark-mode .product-card .instock,
.dark-mode .product-card [class*="in-stock"],
.dark-mode .product-card i.fa-check-circle {
    color: #10b981 !important; /* ცოცხალი მწვანე */
}

/* მხოლოდ მაშინ, როცა პროდუქტი არ არის მარაგში (წითელი ფერის დაბრუნება) */
.dark-mode .product-card .outofstock,
.dark-mode .product-card [class*="out-of-stock"],
.dark-mode .product-card [class*="no-stock"],
.dark-mode .product-card i.fa-ban,
.dark-mode .product-card i.fa-times-circle {
    color: #ef4444 !important; /* მკაფიო წითელი */
}

/* თუ შაბლონში ტექსტზე პირდაპირ უზით მშობელი კლასები */
.dark-mode .product-card [class*="stock"]:has(.fa-ban),
.dark-mode .product-card [class*="stock"]:has(.fa-times) {
    color: #ef4444 !important;
}

/* 3. შეფასების ვარსკვლავების გაფერადება ოქროსფრად (Yellow/Gold) */
.dark-mode .product-card [class*="rating"] i,
.dark-mode .product-card [class*="star"] i,
.dark-mode .product-card .fa-star,
.dark-mode .product-card .fa-star-half-alt {
    color: #fbbf24 !important; /* კლასიკური ვარსკვლავის ოქროსფერი */
}

/* ცარიელი (შეუფასებელი) ვარსკვლავის კანტი მუქ თემაში რომ გამოჩნდეს */
.dark-mode .product-card .far.fa-star,
.dark-mode .product-card .fa-star-o {
    color: #4b5563 !important; /* ღია რუხი კანტი */
}
</style>