/**
 * NEPTCH - FLIPKART REPLICA DESIGN SYSTEM
 * Pure Clean-Room High-End E-Commerce Styling
 * Inspired by Flipkart UX, adapted for Neptch
 * WCAG 2.2 AA Contrast Compliant
 */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');

:root {
  --fk-bg: #f1f3f6;
  --fk-surface: #ffffff;
  --fk-border: #e0e0e0;
  --fk-border-subtle: #f0f0f0;
  --fk-text: #212121;
  --fk-text-secondary: #616161;
  --fk-text-light: #878787;
  
  --fk-blue: #2468e3;
  --fk-blue-hover: #1a56bf;
  --fk-blue-light: #f0f5ff;
  
  --fk-green: #2e7d32;
  --fk-green-light: #e8f5e9;
  
  --fk-orange: #fb641b;
  --fk-yellow: #ff9f00;
  
  --fk-dark-footer: #172337;
  --fk-dark-footer-bottom: #121a28;

  --fk-font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  --fk-shadow-card: 0 1px 3px 0 rgba(0, 0, 0, 0.08), 0 1px 2px 0 rgba(0, 0, 0, 0.04);
  --fk-shadow-hover: 0 6px 18px 0 rgba(0, 0, 0, 0.12);
  --fk-shadow-header: 0 1px 3px 0 rgba(0, 0, 0, 0.08);
}

/* ==========================================================
   GLOBAL CANVAS & LAYOUT
   ========================================================== */
body {
  background-color: var(--fk-bg) !important;
  font-family: var(--fk-font-sans) !important;
  color: var(--fk-text) !important;
  -webkit-font-smoothing: antialiased;
}

a {
  color: inherit;
  text-decoration: none;
}
a:hover {
  color: var(--fk-blue);
}

/* ==========================================================
   FLIPKART-STYLE STICKY HEADER
   ========================================================== */
.fk-header-wrapper {
  background: #ffffff;
  box-shadow: var(--fk-shadow-header);
  position: sticky;
  top: 0;
  z-index: 1050;
  border-bottom: 1px solid var(--fk-border-subtle);
}

.fk-top-bar {
  background: #f8fafc;
  border-bottom: 1px solid #eef2f6;
  font-size: 12px;
  color: var(--fk-text-secondary);
  padding: 4px 0;
}
.fk-top-bar a {
  color: var(--fk-text-secondary);
  transition: color 0.2s;
}
.fk-top-bar a:hover {
  color: var(--fk-blue);
}

.fk-main-nav {
  padding: 10px 0;
}

.fk-brand-logo {
  display: flex;
  flex-direction: column;
  line-height: 1.1;
  text-decoration: none !important;
}
.fk-brand-logo img {
  height: 38px;
  width: auto;
  object-fit: contain;
}
.fk-plus-tag {
  font-size: 11px;
  font-style: italic;
  font-weight: 600;
  color: var(--fk-text-light);
  margin-top: 2px;
  display: flex;
  align-items: center;
  gap: 3px;
}
.fk-plus-tag span {
  color: var(--fk-yellow);
  font-weight: 700;
}

/* Wide Search Bar */
.fk-search-container {
  max-width: 620px;
  width: 100%;
  position: relative;
}
.fk-search-box {
  display: flex;
  align-items: center;
  background: var(--fk-blue-light);
  border: 1px solid transparent;
  border-radius: 8px;
  padding: 2px 8px 2px 14px;
  transition: all 0.2s ease;
}
.fk-search-box:focus-within {
  background: #ffffff;
  border-color: var(--fk-blue);
  box-shadow: 0 0 0 3px rgba(36, 104, 227, 0.15);
}
.fk-search-input {
  border: none;
  background: transparent;
  width: 100%;
  padding: 8px 10px;
  font-size: 14px;
  color: var(--fk-text);
  outline: none;
}
.fk-search-input::placeholder {
  color: var(--fk-text-light);
  font-weight: 400;
}
.fk-search-btn {
  background: transparent;
  border: none;
  color: var(--fk-blue);
  font-size: 18px;
  padding: 6px 10px;
  cursor: pointer;
  display: flex;
  align-items: center;
}

/* User Account & Actions */
.fk-action-item {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  font-weight: 600;
  color: var(--fk-text);
  padding: 8px 14px;
  border-radius: 6px;
  cursor: pointer;
  transition: all 0.2s;
  text-decoration: none !important;
}
.fk-action-item:hover {
  background: var(--fk-blue-light);
  color: var(--fk-blue);
}

.fk-login-btn {
  background: #ffffff;
  color: var(--fk-blue) !important;
  border: 1px solid #dbdbdb;
  font-size: 14px;
  font-weight: 600;
  padding: 6px 20px;
  border-radius: 4px;
  transition: all 0.2s;
  text-decoration: none !important;
}
.fk-login-btn:hover {
  background: var(--fk-blue);
  color: #ffffff !important;
  border-color: var(--fk-blue);
}

.fk-cart-btn {
  position: relative;
}
.fk-cart-badge {
  position: absolute;
  top: 0;
  right: 4px;
  background: var(--fk-orange);
  color: #ffffff;
  font-size: 11px;
  font-weight: 700;
  padding: 1px 6px;
  border-radius: 10px;
  min-width: 18px;
  text-align: center;
}

/* Account Dropdown */
.fk-user-dropdown {
  position: relative;
}
.fk-dropdown-menu {
  position: absolute;
  top: 100%;
  right: 0;
  min-width: 220px;
  background: #ffffff;
  box-shadow: var(--fk-shadow-hover);
  border-radius: 6px;
  border: 1px solid var(--fk-border-subtle);
  padding: 8px 0;
  display: none;
  z-index: 1060;
}
.fk-user-dropdown:hover .fk-dropdown-menu {
  display: block;
}
.fk-dropdown-item {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 10px 18px;
  font-size: 13px;
  color: var(--fk-text);
  font-weight: 500;
  transition: background 0.15s;
}
.fk-dropdown-item:hover {
  background: var(--fk-blue-light);
  color: var(--fk-blue);
}
.fk-dropdown-item i {
  font-size: 16px;
  color: var(--fk-blue);
}

/* ==========================================================
   FLIPKART TOP CATEGORY RAIL
   ========================================================== */
.fk-category-rail {
  background: #ffffff;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.05);
  padding: 10px 0;
  margin-bottom: 16px;
  border-bottom: 1px solid #ebebeb;
}
.fk-cat-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  overflow-x: auto;
  scrollbar-width: none;
  gap: 16px;
  padding: 2px 8px;
}
.fk-cat-container::-webkit-scrollbar {
  display: none;
}
.fk-cat-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  text-decoration: none !important;
  color: var(--fk-text);
  min-width: 80px;
  text-align: center;
  padding: 4px;
  border-radius: 8px;
  transition: transform 0.2s ease;
}
.fk-cat-item:hover {
  transform: translateY(-2px);
}
.fk-cat-item:hover .fk-cat-name {
  color: var(--fk-blue);
}
.fk-cat-icon {
  width: 52px;
  height: 52px;
  border-radius: 50%;
  background: #f8fafc;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border: 1px solid #eef2f6;
  transition: all 0.2s;
}
.fk-cat-item:hover .fk-cat-icon {
  border-color: var(--fk-blue);
  background: var(--fk-blue-light);
}
.fk-cat-icon img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.fk-cat-icon i {
  font-size: 22px;
  color: var(--fk-blue);
}
.fk-cat-name {
  font-size: 12px;
  font-weight: 600;
  color: var(--fk-text);
  white-space: nowrap;
  transition: color 0.2s;
}

/* ==========================================================
   FLIPKART HERO SLIDER STYLING
   ========================================================== */
.fk-hero-section {
  margin-bottom: 16px;
}
.fk-hero-card {
  background: #ffffff;
  border-radius: 6px;
  box-shadow: var(--fk-shadow-card);
  overflow: hidden;
  padding: 8px;
}
.fk-hero-card img {
  border-radius: 4px;
  width: 100%;
  height: auto;
  display: block;
}

/* ==========================================================
   FLIPKART DEAL CONTAINER BOX (WHITE SURFACE ON GREY BG)
   ========================================================== */
.fk-deal-box {
  background: var(--fk-surface);
  border-radius: 4px;
  box-shadow: var(--fk-shadow-card);
  padding: 16px 20px;
  margin-bottom: 16px;
}

.fk-deal-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid var(--fk-border-subtle);
  padding-bottom: 12px;
  margin-bottom: 16px;
}

.fk-deal-title-wrap {
  display: flex;
  flex-direction: column;
}
.fk-deal-title {
  font-size: 19px;
  font-weight: 700;
  color: var(--fk-text);
  margin: 0;
  letter-spacing: -0.2px;
}
.fk-deal-subtitle {
  font-size: 13px;
  color: var(--fk-text-light);
  margin: 3px 0 0 0;
}

.fk-view-all-btn {
  background: var(--fk-blue);
  color: #ffffff !important;
  font-size: 12px;
  font-weight: 700;
  padding: 8px 18px;
  border-radius: 4px;
  text-transform: uppercase;
  letter-spacing: 0.4px;
  box-shadow: 0 2px 4px rgba(36, 104, 227, 0.2);
  transition: all 0.2s;
  text-decoration: none !important;
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
.fk-view-all-btn:hover {
  background: var(--fk-blue-hover);
  box-shadow: 0 4px 8px rgba(36, 104, 227, 0.3);
  color: #ffffff !important;
  transform: translateY(-1px);
}

/* ==========================================================
   FLIPKART PRODUCT CARD
   ========================================================== */
.fk-product-card {
  background: #ffffff;
  border: 1px solid #f0f0f0;
  border-radius: 4px;
  padding: 14px;
  height: 100%;
  display: flex;
  flex-direction: column;
  position: relative;
  transition: all 0.25s cubic-bezier(0.2, 0.8, 0.2, 1);
  text-decoration: none !important;
}
.fk-product-card:hover {
  box-shadow: var(--fk-shadow-hover);
  border-color: #e5e7eb;
  transform: translateY(-3px);
}

/* Wishlist Heart */
.fk-card-wishlist {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 5;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.9);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #c2c2c2;
  font-size: 16px;
  cursor: pointer;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
  transition: all 0.2s;
}
.fk-card-wishlist:hover {
  color: #e11d48;
  transform: scale(1.1);
}
.fk-card-wishlist.active {
  color: #e11d48;
}

/* Product Image */
.fk-card-image-wrap {
  width: 100%;
  height: 175px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 12px;
  overflow: hidden;
  position: relative;
}
.fk-card-image-wrap img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  transition: transform 0.35s ease;
}
.fk-product-card:hover .fk-card-image-wrap img {
  transform: scale(1.06);
}

/* Product Info */
.fk-card-body {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}

.fk-card-title {
  font-size: 14px;
  font-weight: 500;
  color: var(--fk-text);
  line-height: 1.35;
  margin-bottom: 6px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  height: 38px;
}
.fk-product-card:hover .fk-card-title {
  color: var(--fk-blue);
}

/* Ratings & Reviews */
.fk-rating-row {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-bottom: 6px;
}
.fk-rating-pill {
  background: var(--fk-green);
  color: #ffffff;
  font-size: 11px;
  font-weight: 700;
  padding: 2px 6px;
  border-radius: 3px;
  display: inline-flex;
  align-items: center;
  gap: 3px;
  line-height: 1;
}
.fk-rating-pill i {
  font-size: 10px;
}
.fk-review-count {
  font-size: 12px;
  color: var(--fk-text-light);
  font-weight: 500;
}

/* Price Row */
.fk-price-row {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: auto;
  padding-top: 4px;
}
.fk-price-now {
  font-size: 16px;
  font-weight: 700;
  color: var(--fk-text);
}
.fk-price-mrp {
  font-size: 13px;
  color: var(--fk-text-light);
  text-decoration: line-through;
}
.fk-discount-badge {
  font-size: 12px;
  font-weight: 700;
  color: var(--fk-green);
}

/* Neptch Assured Trust Tag */
.fk-assured-tag {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: 11px;
  font-weight: 700;
  color: var(--fk-blue);
  margin-top: 6px;
  background: var(--fk-blue-light);
  padding: 2px 6px;
  border-radius: 2px;
  width: fit-content;
}

/* Quick Add to Cart button inside card */
.fk-quick-add {
  margin-top: 10px;
  width: 100%;
  background: #ffffff;
  color: var(--fk-blue);
  border: 1px solid var(--fk-blue);
  font-size: 13px;
  font-weight: 600;
  padding: 6px 12px;
  border-radius: 4px;
  transition: all 0.2s;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
}
.fk-quick-add:hover {
  background: var(--fk-blue);
  color: #ffffff;
}

/* ==========================================================
   TRUST & VALUE PROPOSITIONS STRIP
   ========================================================== */
.fk-trust-strip {
  background: #ffffff;
  border-radius: 4px;
  box-shadow: var(--fk-shadow-card);
  padding: 20px 16px;
  margin-top: 24px;
  margin-bottom: 24px;
}
.fk-trust-item {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 8px 12px;
}
.fk-trust-icon {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: var(--fk-blue-light);
  color: var(--fk-blue);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  flex-shrink: 0;
}
.fk-trust-text h6 {
  font-size: 14px;
  font-weight: 700;
  color: var(--fk-text);
  margin: 0 0 2px 0;
}
.fk-trust-text p {
  font-size: 12px;
  color: var(--fk-text-secondary);
  margin: 0;
}

/* ==========================================================
   FLIPKART DARK MULTI-COLUMN FOOTER
   ========================================================== */
.fk-footer {
  background: var(--fk-dark-footer);
  color: #878787;
  font-size: 12px;
  margin-top: 40px;
}
.fk-footer-main {
  padding: 44px 0 28px 0;
  border-bottom: 1px solid #283446;
}
.fk-footer-heading {
  color: #878787;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  margin-bottom: 16px;
  letter-spacing: 0.5px;
}
.fk-footer-links {
  list-style: none;
  padding: 0;
  margin: 0;
}
.fk-footer-links li {
  margin-bottom: 8px;
}
.fk-footer-links a {
  color: #ffffff;
  font-size: 12px;
  font-weight: 400;
  text-decoration: none !important;
  transition: color 0.15s;
}
.fk-footer-links a:hover {
  color: var(--fk-blue);
  text-decoration: underline !important;
}

.fk-footer-contact-p {
  color: #ffffff;
  font-size: 12px;
  line-height: 1.6;
  margin-bottom: 8px;
}
.fk-footer-contact-p a {
  color: #2468e3;
  text-decoration: none;
}

.fk-footer-bottom {
  background: var(--fk-dark-footer-bottom);
  padding: 20px 0;
}
.fk-footer-bottom-links {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 24px;
}
.fk-footer-pill-link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #ffffff;
  font-size: 13px;
  font-weight: 500;
  text-decoration: none !important;
}
.fk-footer-pill-link i {
  color: var(--fk-yellow);
  font-size: 15px;
}
.fk-footer-pill-link:hover {
  color: var(--fk-blue);
}
.fk-payment-badges {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}
.fk-pay-badge {
  background: #ffffff;
  color: #172337;
  font-size: 11px;
  font-weight: 700;
  padding: 3px 8px;
  border-radius: 3px;
}

/* ==========================================================
   MOBILE BOTTOM NAVIGATION BAR
   ========================================================== */
.fk-mobile-bottom-nav {
  display: none;
}
@media (max-width: 991px) {
  .fk-mobile-bottom-nav {
    display: flex;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background: #ffffff;
    box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.08);
    z-index: 1040;
    border-top: 1px solid #e0e0e0;
    justify-content: space-around;
    padding: 6px 0;
  }
  .fk-mobile-nav-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2px;
    font-size: 11px;
    font-weight: 600;
    color: var(--fk-text-secondary);
    text-decoration: none !important;
  }
  .fk-mobile-nav-item.active,
  .fk-mobile-nav-item:hover {
    color: var(--fk-blue);
  }
  .fk-mobile-nav-item i {
    font-size: 18px;
  }
  body {
    padding-bottom: 56px;
  }
}


/* ==========================================================
   UNIVERSAL FLIPKART ADAPTATION FOR EXISTING SECTIONS
   ========================================================== */

/* Deal / Section Container Styling */
.main-content section.wrapper,
.main-content .wrapper.mt-4,
.main-content .mt-md-8,
.main-content .bg-white.d-flex,
.app-newarrivals .container {
  background: var(--fk-surface) !important;
  border-radius: 4px !important;
  box-shadow: var(--fk-shadow-card) !important;
  padding: 18px 20px !important;
  margin-bottom: 20px !important;
  border: 1px solid #ebebeb !important;
}

/* Section Header Styling */
.featured-section-title {
  margin-top: 0 !important;
  margin-bottom: 16px !important;
  border-bottom: 1px solid var(--fk-border-subtle) !important;
  padding-bottom: 12px !important;
}
.featured-section-title .section-title,
.featured-section-title h3 {
  font-size: 20px !important;
  font-weight: 700 !important;
  color: var(--fk-text) !important;
  letter-spacing: -0.2px !important;
}
.featured-section-title .title-sm {
  font-size: 13px !important;
  color: var(--fk-text-light) !important;
  margin-top: 2px !important;
}

/* "VIEW MORE" -> Flipkart Blue Pill Button */
.featured-section-title a.hover,
.featured-section-title a[href*="products/section"],
.featured-section-title a[href*="home/brands"] {
  background: var(--fk-blue) !important;
  color: #ffffff !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  padding: 8px 18px !important;
  border-radius: 4px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.4px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  box-shadow: 0 2px 4px rgba(36, 104, 227, 0.2) !important;
  transition: all 0.2s ease !important;
  text-decoration: none !important;
}
.featured-section-title a.hover:hover,
.featured-section-title a[href*="products/section"]:hover,
.featured-section-title a[href*="home/brands"]:hover {
  background: var(--fk-blue-hover) !important;
  box-shadow: 0 4px 8px rgba(36, 104, 227, 0.3) !important;
  transform: translateY(-1px) !important;
}

/* Product Card Transforms */
.project.item,
.default-style,
.product-bg,
.slide_image,
.swiper-slide-style4 {
  background: #ffffff !important;
  border: 1px solid #f0f0f0 !important;
  border-radius: 4px !important;
  padding: 12px !important;
  transition: all 0.25s cubic-bezier(0.2, 0.8, 0.2, 1) !important;
  box-shadow: none !important;
  display: flex !important;
  flex-direction: column !important;
  height: auto !important;
  box-sizing: border-box !important;
}
.project.item:hover,
.default-style:hover,
.product-bg:hover,
.slide_image:hover,
.swiper-slide-style4:hover {
  box-shadow: var(--fk-shadow-hover) !important;
  border-color: #e2e8f0 !important;
  transform: translateY(-3px) !important;
}

/* Card Figures & Images */
.project.item figure,
.default-style figure,
.slide_image figure,
.swiper-slide-style4 figure {
  margin-bottom: 8px !important;
  height: 180px !important;
  min-height: 180px !important;
  max-height: 180px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;
  background: #ffffff !important;
  position: relative !important;
  width: 100% !important;
  flex-shrink: 0 !important;
}

.project.item figure > div:not(.desktop_quick_view),
.default-style figure > div:not(.desktop_quick_view),
.slide_image figure > div:not(.desktop_quick_view),
.swiper-slide-style4 figure > div:not(.desktop_quick_view),
.project.item figure a,
.default-style figure a,
.slide_image figure a,
.swiper-slide-style4 figure a {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  height: 100% !important;
}

.project.item figure img,
.default-style figure img,
.slide_image figure img,
.swiper-slide-style4 figure img,
.fig_image,
.pic-1 {
  max-height: 160px !important;
  max-width: 100% !important;
  width: auto !important;
  height: auto !important;
  object-fit: contain !important;
  display: block !important;
  margin: 0 auto !important;
  transition: transform 0.35s ease !important;
}

.project.item:hover figure img,
.default-style:hover figure img,
.slide_image:hover figure img,
.swiper-slide-style4:hover figure img {
  transform: scale(1.06) !important;
}

/* Card Body in Swiper and Grid */
.slide_image .card-body,
.swiper-slide-style4 .card-body {
  display: flex !important;
  flex-direction: column !important;
  width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
  flex-grow: 1 !important;
  justify-content: space-between !important;
}

.slide_image .product-content,
.swiper-slide-style4 .product-content {
  display: flex !important;
  flex-direction: column !important;
  width: 100% !important;
  flex-grow: 1 !important;
}

/* Product Card Titles */
.project.item .post-title,
.default-style .post-title,
.slide_image .post-title,
.swiper-slide-style4 .post-title,
.post-header h4.title {
  font-size: 14px !important;
  font-weight: 500 !important;
  color: var(--fk-text) !important;
  line-height: 1.35 !important;
  margin: 6px 0 !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  height: 38px !important;
  text-align: left !important;
}
.project.item:hover .post-title a,
.default-style:hover .post-title a,
.slide_image:hover .post-title a,
.swiper-slide-style4:hover .post-title a {
  color: var(--fk-blue) !important;
}

/* Card Price Row */
.project.item .price,
.default-style .price,
.slide_image .price,
.swiper-slide-style4 .price,
.post-header p.price {
  text-align: left !important;
  margin-top: 4px !important;
  display: flex !important;
  align-items: baseline !important;
  gap: 8px !important;
}
.project.item .price #price,
.default-style .price #price,
.slide_image .price #price,
.swiper-slide-style4 .price #price {
  font-size: 16px !important;
  font-weight: 700 !important;
  color: var(--fk-text) !important;
}
.project.item .price strike,
.default-style .price strike,
.slide_image .price strike,
.swiper-slide-style4 .price strike,
.slide_image .striped-price,
.swiper-slide-style4 .striped-price {
  font-size: 13px !important;
  color: var(--fk-text-light) !important;
  font-weight: 400 !important;
}

/* Rating Stars / Score */
.rating-container .filled-stars {
  color: #ff9f00 !important;
}

/* Card Add to Cart Button */
.slide_image .card-body .add_to_cart,
.swiper-slide-style4 .card-body .add_to_cart,
.desktop_quick_view .add_to_cart {
  background: #ffffff !important;
  color: var(--fk-blue) !important;
  border: 1px solid var(--fk-blue) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  padding: 6px 14px !important;
  border-radius: 4px !important;
  transition: all 0.2s !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin-top: 8px !important;
  width: 100% !important;
  text-decoration: none !important;
}
.slide_image .card-body .add_to_cart:hover,
.swiper-slide-style4 .card-body .add_to_cart:hover,
.desktop_quick_view .add_to_cart:hover {
  background: var(--fk-blue) !important;
  color: #ffffff !important;
}

/* Floating Wishlist Heart Button */
.desktop_quick_view .item-like,
.desktop_quick_view .add-to-fav-btn {
  background: rgba(255, 255, 255, 0.95) !important;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.12) !important;
  border-radius: 50% !important;
  width: 32px !important;
  height: 32px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  top: 8px !important;
  right: 8px !important;
  transition: all 0.2s !important;
}
.desktop_quick_view .item-like:hover {
  transform: scale(1.1) !important;
}

/* Trust Pillars Banner Styling */
.trust-pillars-wrapper {
  margin-top: 16px !important;
  margin-bottom: 24px !important;
}
.trust-pillars-bar {
  background: #ffffff !important;
  border-radius: 4px !important;
  box-shadow: var(--fk-shadow-card) !important;
  padding: 18px 12px !important;
  border: 1px solid #ebebeb !important;
}
.trust-item {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
}
.trust-icon-box {
  width: 44px !important;
  height: 44px !important;
  border-radius: 50% !important;
  background: var(--fk-blue-light) !important;
  color: var(--fk-blue) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 20px !important;
  flex-shrink: 0 !important;
}
.trust-text h6 {
  font-size: 14px !important;
  font-weight: 700 !important;
  color: var(--fk-text) !important;
  margin: 0 !important;
}
.trust-text p {
  font-size: 12px !important;
  color: var(--fk-text-secondary) !important;
  margin: 0 !important;
}

/* Swiper Pagination & Navigation Dots */
.swiper-pagination-bullet-active {
  background: var(--fk-blue) !important;
  width: 20px !important;
  border-radius: 4px !important;
}


/* ==========================================================
   CATEGORY SWIPER STYLING (SINGLE CLEAN FLIPKART BAR)
   ========================================================== */
.category-swiper {
  background: #ffffff !important;
  border-radius: 6px !important;
  box-shadow: var(--fk-shadow-card) !important;
  padding: 16px 12px 10px 12px !important;
  border: 1px solid #ebebeb !important;
  margin-bottom: 12px !important;
}
.swiper-slide-category a {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 8px !important;
  text-decoration: none !important;
  transition: transform 0.2s ease !important;
}
.swiper-slide-category a:hover {
  transform: translateY(-3px) !important;
}
.swiper-slide-category a:hover h6 {
  color: var(--fk-blue) !important;
}
.swiper-slide-category img {
  width: 60px !important;
  height: 60px !important;
  object-fit: cover !important;
  border-radius: 50% !important;
  padding: 2px !important;
  border: 1px solid #e2e8f0 !important;
  background: #f8fafc !important;
  transition: all 0.2s ease !important;
}
.swiper-slide-category a:hover img {
  border-color: var(--fk-blue) !important;
  box-shadow: 0 0 0 3px rgba(36, 104, 227, 0.2) !important;
}
.swiper-slide-category h6 {
  font-size: 13px !important;
  font-weight: 600 !important;
  color: var(--fk-text) !important;
  white-space: nowrap !important;
  margin: 0 !important;
}