* {
   margin: 0;
   padding: 0;
   box-sizing: border-box;
 }

 body {
   font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
     'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
     sans-serif;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   line-height: 1.6;
 }

 .store-page-wrapper {
   min-height: 100vh;
   background: #ffffff;
   padding: 24px 16px;
 }

 .store-page-container {
   max-width: 90%;
   margin: 0 auto;
 }

 .store-page-title {
   font-family: GeneralSans, sans-serif;
   font-size: 42px;
   font-weight: 600;
   line-height: 80px;
   text-align: center;
   color: #01114a;
 }

 .store-page-controls {
   display: flex;
   align-items: center;
   justify-content: space-between;
   margin-bottom: 24px;
   gap: 16px;
   flex-wrap: wrap;
 }

 .store-page-filter-btn-mobile {
   display: flex;
   align-items: center;
   gap: 8px;
   padding: 10px 16px;
   background: white;
   border: 1px solid #011149;
   border-radius: 8px;
   font-size: 14px;
   font-weight: 500;
   color: #333;
   cursor: pointer;
   transition: all 0.2s;
   border-radius: 8px;
   text-decoration: none;
 }

 .store-page-filter-btn-mobile:hover {
   background: #f9f9f9;
 }

 .store-page-dropdown-wrapper {
   position: relative;
   flex: 1;
   max-width: 300px;
 }

 .store-page-dropdown-trigger {
   width: 100%;
   display: flex;
   align-items: center;
   justify-content: space-between;
   padding: 12px 20px;
   background: white;
   border: 1px solid #011149;
   border-radius: 30px;
   font-size: 16px;
   font-weight: 500;
   color: #333;
   cursor: pointer;
   transition: all 0.2s;
 }

 .store-page-dropdown-trigger:hover {
   border-color: #1a1a4d;
 }

 .store-page-dropdown-icon {
   transition: transform 0.3s;
 }

 .store-page-dropdown-icon-open {
   transform: rotate(180deg);
 }

 .store-page-dropdown-menu {
   position: absolute;
   top: calc(100% + 8px);
   left: 0;
   right: 0;
   background: white;
   border: 1px solid #e0e0e0;
   border-radius: 12px;
   box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
   overflow: hidden;
   z-index: 100;
 }

 .store-page-dropdown-item {
   display: flex;
   align-items: center;
   gap: 12px;
   padding: 14px 20px;
   cursor: pointer;
   transition: background 0.2s;
   font-size: 16px;
   color: #333;


   font-weight: 700;
   font-style: Bold;
   text-transform: capitalize;

 }

 .store-page-dropdown-item:hover {
   background: #f9f9f9;
 }

 .store-page-dropdown-check {
   width: 15px;
   height: 15px;
   color: #3b82f6;
   flex-shrink: 0;
   object-fit: contain;
 }

 .store-page-count {
   font-size: 16px;
   color: #000000;
   white-space: nowrap;

   font-weight: 600;
   font-style: Semibold;
   font-size: 32px;
   letter-spacing: 0px;
   vertical-align: middle;
   text-transform: capitalize;

 }

 .store-count-no {
   font-weight: 400;
   font-style: Medium;
   font-size: 32px;
   letter-spacing: 0px;
   /* vertical-align: middle; */
   text-transform: capitalize;
   color: #000000;

 }

 .store-page-list {
   display: flex;
   flex-direction: column;
   gap: 24px;
 }

 .store-page-card {
   background: white;
   /* border-radius: 16px; */
   overflow: hidden;
   /* box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08); */
   transition: transform 0.3s, box-shadow 0.3s;
 }



 .store-page-card .store-page-card-image {
   height: 350px;
   border-radius: 15px !important;
 }

 .swiper-slide-container {
   border-radius: 15px !important;
   overflow: hidden;
   height: 350px !important;


 }

 .store-page-card-image-wrapper {
   position: relative;
   width: 100%;
   height: 250px;
   overflow: hidden;
 }

 .store-page-swiper {
   width: 100%;
   height: 100%;
   padding-bottom: 40px;
 }

 .store-page-card-image {
   width: 100%;
   height: 100%;
   object-fit: cover;
 }

 .store-page-badge {
   position: absolute;
   top: 16px;
   left: 16px;
   background: #1a1a4d;
   color: white;
   padding: 8px 16px;
   border-radius: 10px;
   font-size: 12px;
   font-weight: 600;
   z-index: 10;
 }

 .store-page-card-content {
   padding: 0 24px;
 }

 .store-page-card-title {
   font-size: 20px;
   font-weight: 700;
   color: #000;
   line-height: 1.2;
   /* margin-bottom: 4px; */
 }

 .store-page-card-location {
   font-size: 20px;
   color: #666;
   margin-bottom: 20px;
   font-weight: 500;
 }

 .store-page-card-details {
   display: flex;
   flex-direction: column;
   gap: 16px;
   margin-bottom: 24px;
 }

 .store-page-card-detail {
   display: flex;
   gap: 12px;
   font-size: 20px;
   color: #000000;
   line-height: 1.6;
 }

 .store-page-card-icon {
   color: #1a1a4d;
   flex-shrink: 0;
   margin-top: 2px;
   width: 20px;
   height: 20px;
 }

 .store-page-card-icon img {
   width: 100%;
   height: 100%;
   object-fit: contain;
 }

 .store-page-card-hours {
   display: flex;
   flex-direction: column;
   gap: 0px;
 }

 .store-page-card-hours-title {
   font-weight: 600;
   color: #000;
 }

 .store-page-card-btn {
   width: 100%;
   padding: 14px;
   background: #011149;
   color: white;
   border: none;
   border-radius: 30px;
   font-size: 16px;
   font-weight: 600;
   cursor: pointer;
   transition: all 0.3s;
   text-decoration: none;
   display: inline-block;
   text-align: center;
 }

 .store-page-card-btn:hover {
   background: #141438;
   background: #021866;
 }

 .store-page-card-btn:active {
   transform: translateY(-4px);
 }

 .store-page-overlay {
   position: fixed;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   background: rgba(0, 0, 0, 0.5);
   z-index: 200;
 }

 .store-page-mobile-filter {
   position: fixed;
   bottom: 0;
   left: 0;
   right: 0;
   background: white;
   border-radius: 24px 24px 0 0;
   padding: 10px;
   z-index: 300;
   max-height: 70vh;
   overflow-y: auto;
   transform: translateY(100%);
 }

 .store-page-mobile-filter-header {
   display: flex;
   align-items: center;
   justify-content: space-between;
   margin-bottom: 24px;
 }

 .store-page-mobile-filter-header h3 {
   font-size: 20px;
   font-weight: 700;
   color: #000;
 }

 .store-page-mobile-filter-header button {
   background: none;
   border: none;
   cursor: pointer;
   padding: 4px;
   color: #666;
   transition: color 0.2s;
 }

 .store-page-mobile-filter-header button:hover {
   color: #000;
 }

 .store-page-mobile-filter-content {
   display: flex;
   flex-direction: column;
   gap: 4px;
 }

 .store-page-mobile-filter-item {
   display: flex;
   align-items: center;
   gap: 12px;
   padding: 16px;
   cursor: pointer;
   transition: background 0.2s;
   font-size: 15px;
   color: #333;
   border-radius: 18px;
 }

 .store-page-mobile-filter-item:hover {
   background: #f9f9f9;
 }

 .store-page-mobile-filter-item-active {
   background: #f0f4ff;
   color: #1a1a4d;
   font-weight: 600;
 }

 .store-page-mobile-filter-check {
   width: 20px;
   height: 20px;
   color: #3b82f6;
   flex-shrink: 0;
 }

 .swiper-pagination {
   bottom: 0px !important;
   position: relative !important;
 }

 .swiper-pagination-bullet {
   background: white !important;
   border: 1px solid #011149;
   opacity: 0.6 !important;
   width: 8px !important;
   height: 8px !important;
 }

 .swiper-pagination-bullet-active {
   opacity: 1 !important;
   /* width: 24px !important; */
   border-radius: 4px !important;
   background: #011149 !important;

 }

 .all-store-count-title,
 .store-sec-filter {
   display: none;
 }

 /* Accessibility and SEO enhancements */
 svg[role="img"] {
   aria-hidden: true;
 }

 button[aria-label] {
   position: relative;
 }

 @media (min-width: 768px) {
   .store-page-wrapper {
     padding: 48px 0px;
     padding-top: 0px;
   }

   .store-page-filter-btn-mobile {
     display: none;
   }

   .store-page-controls {
     margin-bottom: 32px;
     justify-content: space-between;
   }

   .all-store-count-title {
     display: none;
   }

   .store-page-dropdown-wrapper {
     max-width: 250px;
   }

   .store-page-list {
     gap: 32px;
   }

   .store-page-card {
     display: grid;
     grid-template-columns: 320px 1fr;
   }

   .store-page-card-image-wrapper {
     height: 100%;
     min-height: 300px;
   }

   .store-page-card-content {
     padding: 0 32px;
   }

   .store-page-card-title {
     font-size: 24px;
     line-height: 1.2;
   }

   .store-page-card-btn {
     max-width: 300px;
   }
 }

 @media (min-width: 1024px) {
   .store-page-card {
     grid-template-columns: 500px 1fr;
   }

   .store-page-card-image-wrapper {
     height: 100%;
   }
 }

 @media (max-width: 767px) {
   .store-page-title {
     font-size: 30px !important;
     line-height: 46px !important;
     margin-bottom: 0px;
   }

   .store-page-controls {
     flex-direction: column;
     align-items: stretch;
   }

   .store-page-card-image-wrapper {
     border-radius: 15px;
     overflow: visible;
   }

   .store-page-card-content {
     margin-top: 20px;
     padding: 0;
   }

   .swiper-slide-container {
     height: 250px !important;
   }

   .store-page-mobile-filter-item {
     text-align: center;
     display: flex;
     justify-content: center;
   }

   .store-sec-filter {
     display: flex;
     justify-content: start;
     gap: 10px;
     padding-top: 20px;
   }

   .all-store-count-title {
     display: flex;
     align-items: center;
     font-weight: 500;
   }

   .store-page-dropdown-wrapper {
     max-width: 100%;
     order: 2;
   }

   .store-page-count {
     order: 1;
     text-align: left;
                 font-size: 18px !important;
     width: 100%;
   }

   .store-count-no {
     font-size: 18px !important;
   }

   .store-page-card-image-wrapper {
     /* overflow: visible; */
   }

   .store-page-filter-btn-mobile {
     order: 0;
     width: 100%;
     justify-content: center;
     padding: 10px 20px;
     border-radius: 20px;
     width: fit-content;
     font-size: 16px;
     height: fit-content;
   }

   .store-page-dropdown-trigger {
     display: none;
   }

   .store-page-controls {
     margin-bottom: 0;
   }

   .store-page-card-details {
     gap: 10px;
   }

   .store-page-card .store-page-card-image {
     height: 250px;
     border-radius: 15px !important;
   }

   .store-page-wrapper {
     padding: 0px;
   }
   .store-page-card {
        border-bottom: 1px solid #9A9A9A;
        margin-bottom: 15px;
}
.store-page-list .store-page-card:last-child {
  border-bottom: none;
  margin-bottom: 40px;
}

 }