.post-stats {
  margin-top: -46px !important;
  margin-bottom: 10px !important;
  padding: 11px 16px !important;
  font-size: 13px !important;
  color: #f3f3f3 !important;

  position: absolute !important;
  background-color: #3b0000a6 !important;
  border-radius: 20px !important;
  margin-left: 10px !important;
}




.profile-avatar-change, .profile-avatar-crop, .profile-avatar-delete {
 
  bottom: -17px !important;
  right: 4px !important;
  opacity: 3.4 !important;
  color: rgb(255 230 230) !important;
  font-size: 24px !important;
  
}


/* .post-comments {
  padding-top: 10px !important;
  margin-top: -269px !important;
  position: absolute !important;
} */

/* Hide Menu Icon */
.main-header .menu-icon {
  
  display: none !important;
}



.btn-success {
  
  width: 316px !important;
}



.post-time a {
  color: #999;
  margin-top: 28px;
  position: absolute;
  z-index: 99;
  font-size: 19px;
  left: 63%;
  top: 27%;
}



.post-actions {
    display: flex !important;
    margin-top: 10px !important;
    padding: 6px 16px 6px 0px !important;
    border-top: 1px solid #f4f4f4 !important;
}


/* User Type Selection Styling */
.fr_welcome_field select.form-select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding-right: 40px;
}

.fr_welcome_field svg {
  right: 15px;
  left: auto;
  pointer-events: none;
}

/* Hide default dropdown arrow in IE */
select::-ms-expand {
  display: none;
}

.mini-footer {
  display: none !important;
}

.page-header {
  background: none !important;
  display: none !important;
  padding: 23px 15px !important;
}

.content-tabs-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: var(--strip-bg-color);
  padding: 8px 15px;
  border-radius: 12px;
  box-shadow: var(--box-shadow-sm);
  margin-bottom: 20px;
  overflow: hidden; /* Hide overflow from the wrapper */
}

body.night-mode .content-tabs-wrapper {
  background-color: var(--strip-dark-color);
}

.content-tabs {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-wrap: nowrap; /* Prevent tabs from wrapping */
  gap: 5px;
  overflow-x: auto; /* Allow horizontal scrolling */
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch; /* Smooth scrolling on iOS */
  scrollbar-width: none; /* Hide scrollbar for Firefox */
}

.content-tabs::-webkit-scrollbar {
  display: none; /* Hide scrollbar for Chrome, Safari, and Opera */
}

.content-tabs li a {
  padding: 8px 15px;
  border-radius: 8px;
  color: var(--text-color);
  font-weight: 600;
  font-size: 0.9rem;
  transition: all 0.2s ease;
  white-space: nowrap; /* Prevent tab text from breaking */
}

.content-tabs li a:hover {
  background-color: rgba(0, 0, 0, 0.05);
  color: var(--text-color-dark);
  text-decoration: none;
}

.content-tabs li.active a {
  background-color: var(--primary);
  color: #ffffff;
}

body.night-mode .content-tabs li a {
  color: var(--body-color-dark);
}

body.night-mode .content-tabs li a:hover {
  background-color: rgba(255, 255, 255, 0.1);
  color: #ffffff;
}

body.night-mode .content-tabs li.active a {
  background-color: var(--primary);
  color: #ffffff;
}



.body.night-mode .content-tabs{
  background: #000000 !important;
  padding: 16px !important;
  margin-bottom: 15px !important;

}

.content-tabs-cta {
  margin-left: 15px; /* Add some space between tabs and button */
}

.content-tabs-cta .btn {
  margin: 0;
}

.content-tabs {
  margin-top: 47px !important;
}


body.night-mode .data-content {
font-size: 19px !important;
}


.js_search-form{
  display: none !important;
}

/* Form Labels*/
body.night-mode .form-label {
  color: var(--body-color-dark);
  font-size: 20px;
}

/* text */
.mt5 {
  margin-top: 5px !important;
  font-size: 23px !important;
  font-weight: 600 !important;
}


.event-details{
  background: rgba(0, 0, 0, 0.5);
  border-radius: 0 0 12px 12px;
  padding: 20px;
  backdrop-filter: blur(10px);
  border: 1px solid rgba(255, 255, 255, 0.1);
}

.event-details .title {
  margin-bottom: 20px;
}

.event-details .title a {
  color: #ffffff;
  font-size: 1.25rem;
  font-weight: 700;
  text-decoration: none;
}

.event-meta {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: 15px;
  margin-bottom: 20px;
}

.meta-item {
  display: flex;
  align-items: center;
  background: rgba(255, 255, 255, 0.1);
  padding: 10px;
  border-radius: 8px;
  font-size: 0.9rem;
  color: #f0f0f0;
}

.meta-item i {
  margin-right: 10px;
  font-size: 1.1rem;
  color: #ffffff;
}

.meta-item.category-tag {
  background-color: #2ed573;
  color: #ffffff;
}

.meta-item.category-tag i {
  color: #ffffff;
}

.event-actions {
  display: grid;
  grid-template-columns: 1fr;
  gap: 10px;
}

.event-actions-group {
  display: flex;
  justify-content: center;
  gap: 10px;
  width: 100%;
}

.btn-event-action {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(255, 255, 255, 0.3);
  background-color: rgba(0, 0, 0, 0.2);
  color: rgba(255, 255, 255, 0.8);
  border-radius: 12px;
  padding: 10px 20px;
  font-weight: 700;
  font-size: 1rem;
  text-transform: uppercase;
  letter-spacing: 1px;
  transition: all 0.3s ease;
  backdrop-filter: blur(5px);
}

.btn-event-action:hover {
  background-color: rgba(255, 255, 255, 0.2);
  transform: translateY(-2px);
  color: #ffffff;
}

.btn-event-action.active {
  background: linear-gradient(135deg, #ff0000, #ff0000);
  border-color: transparent;
  color: #ffffff;
  box-shadow: 0 8px 20px rgba(255, 0, 0, 0.4);
}

.btn-event-action i {
  margin-right: 8px;
  font-size: 1.1rem;
}

.btn-interested {
  background: linear-gradient(135deg, #e53935, #c62828);
  box-shadow: 0 5px 15px rgba(229, 57, 53, 0.4);
}

.btn-uninterested {
  background: linear-gradient(135deg, #43a047, #2e7d32);
  box-shadow: 0 5px 15px rgba(67, 160, 71, 0.4);
}

.btn-watch-live {
  background: linear-gradient(135deg, #5e35b1, #3949ab);
  box-shadow: 0 5px 15px rgba(94, 53, 177, 0.4);
}

.event-card{
  font-size: 19px !important;
}


.fr_welcome_bottom{
    display: none !important;
}


/* Logo */
.main-header .logo img {
  max-height: 69px !important;
}

/* Heading Small */
.heading-small {
  font-size: 20px !important;
}
.card-header.bg-transparent{
  font-size: 20px !important;
  font-weight: 700 !important;
}



/* About List in event detail page */
.about-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid !important;

  padding: inherit;
}

/* Card */
body.night-mode .card {
  background: #0000007a !important;
  color: var(--body-color-dark);
}


body.night-mode .modal-content {
  background-color: #08090a !important;
}



body.night-mode {
  color: var(--body-color-dark);
  background-color: #090e12;
  background-image: url(https://hips.hearstapps.com/hmg-prod/images/tottenham-stadium-plans-3-1531502457.jpg);
  background-size: cover !important;
  background-repeat: no-repeat !important;
}


.side-nav ul a {
  font-size: 18px !important;
}



.side-nav a, .side-nav .static {
  font-size: 18px !important;
}




/* .quick-add-item{
  background-color: #ff0000 !important;
      padding: 20px !important;
      border-radius: 7px !important;
} */

.card-body .row{

  background-color: #8c0000 !important;
      padding: 20px !important;
      border-radius: 18px !important;

}


/* Text Center  FOR THE POSTS */
.card-body .row .text-center {
  text-align: center !important;
  border: solid !important;
  padding: 16px !important;
  border-radius: 14px !important;
}

/* Icon Color FOR THE POSTS */
body.night-mode .main-icon, body.night-mode .main-icon *, body.night-mode .x-form-tools {
  color: #fff ! important;
  fill: #fff ! important;
}


/* Side Nav menu text */
.main-side-nav a, .main-side-nav .static {
  font-size: 20px !important;
}

/* Side Nav menu text */
a {
  color: #ffffff !important;
}


/* Button */
.btn-primary, .btn-primary.disabled, .btn-primary:disabled, .btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle {
  color: #fff;
  border-color: #ff0000 !important;
  background-color: #ff0000 !important;
  /* margin-top: -160px !important;
  font-size: 20px !important; */
}

/* Logo */
.fr_welcome_sign .logo-wrapper img {
  max-width: 129px !important;
  max-height: 118px !important;
  
}


/* Modal */
/* .modal {
 top: 89px !important;
} */




/* Text */
.text-muted-titles{
font-size: 20px !important;
}

/* Auth Form */
.fr_auth_form {
  
  margin-top: -54px !important;
}



/* Welcome Image */
.fr_welcome_img:before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;

  opacity: 0.2;
  border-radius: 70px 0 0 70px;
  opacity: 0;
  
  background-image: url(https://t4.ftcdn.net/jpg/11/68/71/09/360_F_1168710962_UrTqTjzswTugOKjPiZQJqfGPSK79IA01.jpg) !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: cover !important;
}


/* Welcome Image */
@media (max-width: 900px) {
  .fr_welcome_img:before {
      opacity: 0.2;
      border-radius: 0;
      margin-top: -1.5rem;
      bottom: auto;
      height: 180px;
  }
}


/* Footer */
@media (max-width: 768px) {
  .mini-footer {
      margin-bottom: 85px !important;
      display: none !important;
  }
}

/* Modern Post Overlay Styles */
.post-media {
  position: relative;
  margin: 0 -15px;
  background: #000;
  overflow: hidden;
}

.post-media img,
.post-media video,
.post-media .js_lightbox {
  width: 100%;
  display: block;
  transition: transform 0.3s ease;
}

.post-media:hover img,
.post-media:hover video {
  transform: scale(1.02);
  opacity: 0.9;
}

.post-actions-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 15px;
  background: linear-gradient(0deg, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0.4) 50%, rgba(0,0,0,0.1) 100%);
  opacity: 0;
  transition: opacity 0.3s ease;
}

.post-media:hover .post-actions-overlay {
  opacity: 1;
}

.post-actions-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #fff;
  text-shadow: 0 1px 2px rgba(0,0,0,0.3);
}

.post-actions-bottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #fff;
  text-shadow: 0 1px 2px rgba(0,0,0,0.3);
}

.post-actions-stats {
  display: flex;
  gap: 20px;
}

.post-actions-stat {
  display: flex;
  align-items: center;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
}

.post-actions-stat i {
  margin-right: 5px;
  font-size: 16px;
}

/* Adjust buttons for overlay */
.post-actions .btn {
  background: rgba(255, 255, 255, 0.15);
  border: 1px solid rgba(255, 255, 255, 0.2);
  color: #fff;
  text-shadow: none;
  padding: 8px 15px;
  border-radius: 20px;
  transition: all 0.2s ease;
  margin: 0 5px;
}

.post-actions .btn:hover {
  background: rgba(255, 255, 255, 0.25);
  transform: translateY(-1px);
}

.post-actions .btn i {
  margin-right: 5px;
}

/* Touch devices show overlay by default */
@media (hover: none) {
  .post-actions-overlay {
    opacity: 1;
  }
}

/* Adjust for dark mode */
.night-mode .post-actions .btn {
  background: rgba(0, 0, 0, 0.3);
  border-color: rgba(255, 255, 255, 0.1);
}

.night-mode .post-actions .btn:hover {
  background: rgba(0, 0, 0, 0.4);
}

/* Product Image Container */
.product-image {
  position: relative;
  overflow: hidden;
}

/* Stock Status Badge */
.product-stock-badge {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 2;
  display: flex;
  align-items: center;
  gap: 4px;
  background: rgba(255, 255, 255, 0.9);
  padding: 4px 8px;
  border-radius: 16px;
  box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}


.product-meta .title {
  font-size: 26px;
  font-weight: 700;
  text-transform: capitalize;
}


.product-meta{
font-size: 22px !important;
display: inline-flex !important;
}




.bg-info {
  --bs-bg-opacity: 1;
  background-color: rgb(255 0 0) !important;
  padding: 10px !important;
  font-size: 21px !important;
  
}



/* Product Stock Badge */
.product-stock-badge .main-icon {
  display: inline-flex;
  align-items: center;
  width: 30px !important;
  height: 30px !important;
}


/* Product Price */
.product-price {
  font-size: 27px !important;
}


/* Product Stock Badge */
.product-stock-badge .badge {
  font-size: 18px;
  padding: 16px;
  border-radius: 10px;
  box-shadow: none;
  line-height: 0.2;
  padding-bottom: 17px;
}

/* Dark mode adjustments */
.night-mode .product-stock-badge {
  background: rgba(30, 37, 43, 0.9);
}


/* Product Stock Badge */
.night-mode .product-stock-badge .badge {
  background-color: rgba(255, 255, 255, 0.1);
}

/* ========================================
   GLOBAL EVENTS PAGE STYLES
   Applied to Entire Website
   ======================================== */

/* CSS Variables for Consistent Theming */
:root {
  --accent-red: #ff4757;
  --accent-orange: #ffa502;
  --accent-purple: #a55eea;
  --accent-blue: #3742fa;
  --accent-green: #2ed573;
  --shadow-glow: 0 0 30px rgba(255, 71, 87, 0.3);
  --shadow-elevated: 0 20px 40px rgba(0, 0, 0, 0.4);
  --gradient-accent: linear-gradient(135deg, #ff4757 0%, #ffa502 100%);
  --gradient-purple: linear-gradient(135deg, #a55eea 0%, #3742fa 100%);
}

/* Global Card Styling - Applied Everywhere */
.card {
  background: rgba(255,255,255,0.05) !important;
  border: 2px solid rgba(255,255,255,0.1) !important;
  border-radius: 25px !important;
  backdrop-filter: blur(20px);
  box-shadow: var(--shadow-elevated);
  transition: all 0.3s ease;
}

.card:hover {
  transform: translateY(-5px);
  box-shadow: 0 25px 50px rgba(0, 0, 0, 0.5);
  border-color: rgba(255,255,255,0.2) !important;
}

/* Global Card Headers */
.card-header {
  background: rgba(255,255,255,0.05) !important;
  border-bottom: 2px solid rgba(255,255,255,0.1) !important;
  border-radius: 25px 25px 0 0 !important;
  padding: 20px 25px !important;
}

.card-header strong {
  color: white !important;
  font-weight: 700 !important;
  font-size: 1.1rem !important;
  text-transform: uppercase;
  letter-spacing: 1px;
}

/* Global Card Bodies */
.card-body {
  padding: 25px !important;
  background: rgba(255,255,255,0.03) !important;
}

/* Global Button Styling */
.btn-primary {
  background: var(--gradient-accent) !important;
  border: none !important;
  border-radius: 20px !important;
  padding: 15px 35px !important;
  font-weight: 800 !important;
  font-size: 1.1rem !important;
  transition: all 0.4s ease;
  box-shadow: 0 10px 30px rgba(255, 71, 87, 0.4);
  text-transform: uppercase;
  letter-spacing: 1px;
  position: relative;
  overflow: hidden;
}

.btn-primary::before {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(135deg, #ff3742 0%, #ffa502 100%);
  transition: left 0.4s ease;
  z-index: -1;
}

.btn-primary:hover::before {
  left: 0;
}

.btn-primary:hover {
  transform: translateY(-5px) scale(1.05);
  box-shadow: 0 20px 40px rgba(255, 71, 87, 0.6);
}

/* Global Sidebar Styling */
.sg-offcanvas-sidebar .card {
  background: rgba(255,255,255,0.05) !important;
  border: 2px solid rgba(255,255,255,0.1) !important;
  border-radius: 25px !important;
  backdrop-filter: blur(20px);
  box-shadow: var(--shadow-elevated);
}

.sg-offcanvas-sidebar .card-body {
  padding: 30px !important;
}

.sg-offcanvas-sidebar .side-nav li a {
  background: rgba(255,255,255,0.05) !important;
  border: 2px solid transparent !important;
  border-radius: 15px !important;
  padding: 15px 20px !important;
  margin-bottom: 10px !important;
  font-weight: 600 !important;
  transition: all 0.3s ease;
  color: rgba(255,255,255,0.8) !important;
}

.sg-offcanvas-sidebar .side-nav li.active a,
.sg-offcanvas-sidebar .side-nav li a:hover {
  background: var(--gradient-accent) !important;
  color: white !important;
  border-color: var(--accent-red) !important;
  transform: translateX(10px);
  box-shadow: var(--shadow-glow);
}

/* Global Form Styling */
.form-control {
  background: rgba(255,255,255,0.05) !important;
  border: 2px solid rgba(255,255,255,0.1) !important;
  border-radius: 15px !important;
  color: white !important;
  transition: all 0.3s ease;
}

.form-control:focus {
  background: rgba(255,255,255,0.08) !important;
  border-color: var(--accent-red) !important;
  box-shadow: 0 0 20px rgba(255, 71, 87, 0.3);
}

/* Global Navigation Styling */
.navbar {
  background: rgba(255,255,255,0.05) !important;
  backdrop-filter: blur(20px);
  border-bottom: 1px solid rgba(255,255,255,0.1) !important;
}

/* Global Footer Styling */
.footer-bottom-bar {
  background: rgba(255,255,255,0.05) !important;
  backdrop-filter: blur(20px);
  border-top: 1px solid rgba(255,255,255,0.1) !important;
}

/* Global Hover Effects */
.btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.3);
}

/* Global Responsive Design */
@media (max-width: 768px) {
  .card {
    margin-bottom: 20px;
  }
  
  .card-header {
    padding: 15px 20px !important;
  }
  
  .card-body {
    padding: 20px !important;
  }
}

/* ========================================
   END GLOBAL EVENTS PAGE STYLES
   ======================================== */

/* ========================================
   STORIES THUMBNAIL FIXES
   ======================================== */

/* Fix Stories to Show Content Thumbnails Instead of Profile Images */
.stories.carousel .story>.item-link>.item-preview img {
  display: block !important;
  box-sizing: border-box !important;
  height: 100% !important;
  width: 100% !important;
  background-size: cover !important;
  background-position: center !important;
  object-fit: cover !important;
  border-radius: 15px !important;
}

/* Enhanced Story Thumbnails */
.stories.carousel .story>.item-link>.item-preview {
  border-radius: 15px !important;
  overflow: hidden !important;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3) !important;
  transition: all 0.3s ease !important;
}

.stories.carousel .story>.item-link>.item-preview:hover {
  transform: scale(1.05) !important;
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.4) !important;
}

/* Story Add Button Enhancement */
.add-story {
  border-radius: 15px !important;
  overflow: hidden !important;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3) !important;
  transition: all 0.3s ease !important;
}

.add-story:hover {
  transform: scale(1.05) !important;
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.4) !important;
}

/* Story Container Enhancement */
.stories-wrapper {
  padding: 20px !important;
  background: rgba(255, 255, 255, 0.05) !important;
  border-radius: 20px !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  backdrop-filter: blur(10px) !important;
}

/* ========================================
   END STORIES THUMBNAIL FIXES
   ======================================== */

/* Main header navigation bar */
.main-header {
  background-color: #ff0000 !important; /* Red background */
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

/* Ensure dropdown menus also have red background */
.dropdown-menu {
  background-color: #202020 !important;
  border: none !important;
}

/* Style the navigation links for better visibility on red */
.navbar-wrapper ul li a {
  color: #ffffff !important;
}

/* Hover effects for navigation items */
.navbar-wrapper ul li a:hover {
  background-color: #cc0000 !important;
}



.row> {
  margin-top: 138px !important;
}

.fr_welcome_switch {
  
  font-size: 24px !important;
}


  .content-tabs li a {
      padding: 2px 20px !important;
      font-size: 0.9rem !important;
      background: rgb(25 16 16 / 95%) !important;
      width: 100%;
  }




  



  .content-tabs li a {
    background: rgb(0, 0, 0) !important;
    color: var(--text-secondary) !important;
    border: 2px solid transparent !important;
    border-radius: 20px !important;
    padding: 15px 30px !important;
    font-weight: 700 !important;
    font-size: 1rem !important;
    transition: all 0.4s ease;
    text-decoration: none !important;
    position: relative;
    overflow: hidden;
  }

@media (max-width: 900px) {
  .fr_welcome_sign_head {
      margin-top: -130px !important;
  }
}

@media (max-width: 767.98px) {
  .col-md-6:not(:last-child) .form-group {
    margin-bottom: 1rem; /* Or your desired spacing */
  }
}

.event-secondary-actions {
  display: flex;
  justify-content: center;
  gap: 10px;
  margin-top: 15px;
  width: 100%;
}

.profile-buttons-wrapper .btn-light {
  border-radius: 12px !important;
}

.event-secondary-actions .dropdown-menu {
  background-color: rgba(0, 0, 0, 0.3);
  backdrop-filter: blur(10px);
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 10px;
  padding: 10px 0;
  margin-top: 10px !important;
}

.event-secondary-actions .dropdown-item {
  color: #ffffff;
  padding: 10px 20px;
  transition: background-color 0.2s ease;
}

.event-secondary-actions .dropdown-item:hover {
  background-color: rgba(255, 255, 255, 0.1);
}

.event-secondary-actions .dropdown-item i {
  color: #ffffff;
  width: 20px;
  text-align: center;
}

.event-card {
  font-size: 19px !important;
}

/* -- Event Statistics Grid -- */
.event-stats-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: 15px;
  margin-bottom: 20px;
}

.stat-item {
  background-color: #00000073;
  border-radius: 12px;
  padding: 15px;
  text-align: center;
  transition: all 0.3s ease;
  border: 1px solid #e0e0e0;
  display: flex;
  flex-direction: column;
  justify-content: center;
}






.navbar-wrapper>ul>li.dropdown {
  position: static;
  background-color: #00000073 !important;
  border-radius: 57% !important;
  margin-top: 4px !important;
  padding-bottom: 3px !important;
}




.header-icon * {
  color: #fdfdfd ! important;
  fill: #ffffff ! important;
  margin-top: -6px  !important;
}


.stat-item:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
}

.stat-icon {
  font-size: 62px;
  color: #fffefe;
  margin-bottom: 8px;
}

.stat-value {
  font-size: 20px !important;
  font-weight: 700;
  color: #ffffff !important;
}

.stat-value a {
  color: inherit;
  text-decoration: none;
}

.stat-label {
  font-size: 0.9em;
  color: #777;
  font-weight: 500;
}

.event-location-map {
  margin-top: 20px;
}

/* --- Modern Product Card --- */
.product-card {
  background: #fff;
  border-radius: 20px;
  box-shadow: 0 6px 18px rgba(0,0,0,0.08);
  overflow: hidden;
  transition: transform 0.25s ease, box-shadow 0.25s ease;
  max-width: 100%;
  display: block;
  flex-direction: column;
  margin-bottom: 25px;
}

.product-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 10px 24px rgba(0,0,0,0.12);
}

/* Image Container */
.product-card__image-container {
  position: relative;
  background: transparent;
  padding: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.product-card__image {
  max-width: fit-content;
  height: auto;
  transition: transform 0.3s ease;
  margin-top: -23px;
}

.product-card:hover .product-card__image {
  transform: scale(1.05);
}

/* Badge */
.product-card__badge {
  position: absolute;
  top: 14px;
  left: 14px;
  background: #16a34a;
  color: #fff;
  font-size: 0.7rem;
  font-weight: 600;
  padding: 4px 10px;
  border-radius: 14px;
}

/* Favorite Icon */
.product-card__favorite {
  position: absolute;
  top: 14px;
  right: 14px;
  font-size: 1.2rem;
  color: #e63946;
  cursor: pointer;
  user-select: none;
}

/* Content */
.product-card__content {
  padding: 16px;
  text-align: center;
}

.product-card__brand {
  font-size: 0.8rem;
  font-weight: 600;
  color: #16a34a;
  margin-bottom: 4px;
}

.product-card__title {
  font-size: 1rem;
  font-weight: 600;
  
  margin-bottom: 10px;
}



.product-card__title a{
  color: #ff0606 !important;
  font-size: 26px !important;
}

.product-card__price {
  font-size: 1.1rem;
  font-weight: 700;
  color: #111;
  margin-bottom: 14px;
}

/* Button */
.product-card__button {
  display: inline-block;
  background: #111;
  color: #fff;
  font-size: 0.9rem;
  font-weight: 600;
  padding: 10px 24px;
  border-radius: 30px;
  text-decoration: none;
  transition: background 0.3s ease;
}

.product-card__button:hover {
  background: #333;
}


/* Boosted product styling */
.boosted {
  border: 1px solid rgba(255, 193, 7, 0.5);
  position: relative;
}

.boosted .boosted-icon {
  position: absolute;
  top: 8px;
  left: 8px;
  background: rgba(255, 193, 7, 0.9);
  color: #000;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  z-index: 2;
}


.add-story .add {
  
  bottom: 0px !important;
  left: 50% !important;
  
}