@import url("https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap");
:root {
  /* Color Variables */
  --primary-color: #003F91;
  --primary-hover: rgba(226, 5, 141, 0.1);
  --text-color: #1c1c1c;
  --text-secondary: #696969;
  --white: #fff;
  --black: #000;
  --open-status: #04bd04;
  --closed-status: #f72121;
  --coming-soon-status: #ffa010;
  --shadow-color: rgba(100, 100, 111, 0.2);
  /* Font Variables */
  --font-family-primary: "Roboto", sans-serif; /* Change to your preferred font */
  --font-size-base: 14px;
  --font-size-small: 12px;
  --font-size-medium: 16px;
  --font-size-large: 18px;
  /* Spacing Variables */
  --spacing-xs: 5px;
  --spacing-sm: 10px;
  --spacing-md: 16px;
  --spacing-lg: 20px;
  --spacing-xl: 24px;
  /* Border Variables */
  --border-radius-sm: 0.25rem;
  --border-radius-md: 0.5rem;
  --border-default: 1px solid #1c1c1c;
  --border-light: 1px solid #e2e8f0;
  --border-white: 1px solid #fff;
}

.store-card-section {
  font-family: var(--font-family-primary);
}
.store-card-section .store-card {
  position: relative;
  transition: 0.3s all ease-in-out;
  font-size: var(--font-size-base);
}
.store-card-section .store-card:hover {
  box-shadow: var(--shadow-color) 0px 7px 29px 0px;
}
.store-card-section .store-card .store-image {
  height: 165px;
}
.store-card-section .store-card .brand-data .brand-name {
  font-size: var(--font-size-large);
  color: var(--black);
  text-decoration: none;
  transition: 0.3s all;
}
.store-card-section .store-card .brand-data .brand-name:hover {
  color: var(--primary-color);
}
.store-card-section .store-card .brand-data p {
  font-size: var(--font-size-small);
  color: var(--text-secondary);
  margin-bottom: var(--spacing-xs);
}
.store-card-section .store-card .branch-exclusive {
  align-items: center;
  background: var(--primary-color);
  clip-path: polygon(100% 0, 98% 50%, 100% 100%, 0 100%, 2% 50%, 0 0);
  color: var(--white);
  display: inline-flex;
  font-size: 0.7rem;
  min-height: 1.25rem;
  padding: 0 0.625rem;
  position: relative;
  word-break: break-word;
}
.store-card-section .store-card .g-review {
  margin-top: var(--spacing-md);
  padding-bottom: var(--spacing-md);
}
.store-card-section .store-card .g-review a {
  font-size: var(--font-size-base);
  color: var(--text-secondary);
  transition: 0.3s all;
}
.store-card-section .store-card .g-review a:hover {
  color: var(--primary-color);
}
.store-card-section .store-card .g-review a.write-review {
  color: #00f;
  text-decoration: none;
}
.store-card-section .store-card .g-review a.write-review:hover {
  text-decoration: underline;
}
.store-card-section .store-card .store-contact li {
  font-size: var(--font-size-base);
  color: var(--text-secondary);
}
.store-card-section .store-card .store-contact li a {
  font-size: var(--font-size-base);
  color: var(--text-secondary);
  text-decoration: none;
  transition: 0.3s all;
}
.store-card-section .store-card .store-contact li a:hover {
  color: var(--primary-color);
}
.store-card-section .store-card .store-contact li span {
  font-size: var(--font-size-base);
  color: var(--text-secondary);
}
.store-card-section .store-card .store-contact li .icon-card {
  font-size: var(--font-size-medium);
  color: var(--primary-color);
}
.store-card-section .store-card .store-contact li .store-timeing {
  font-size: var(--font-size-small);
}
.store-card-section .store-card .store-contact li .store-timeing span.open-status {
  font-size: var(--font-size-small);
}
.store-card-section .store-card .store-contact li .store-timeing span.open-status.open {
  color: var(--open-status);
}
.store-card-section .store-card .store-contact li .store-timeing span.open-status.closed {
  color: var(--closed-status);
}
.store-card-section .store-card .store-contact li .store-timeing span.open-status.coming-soon {
  color: var(--coming-soon-status);
}
.store-card-section .store-card .store-contact li .dropdown-menu .dropdown-item span.week-time {
  font-size: var(--font-size-small);
}
.store-card-section .store-card .store-contact li .dropdown-menu .dropdown-item span.week-time.active {
  color: var(--primary-color);
}
.store-card-section .store-card .store-contact li .dropdown-menu .dropdown-item.dayhighlights span {
  color: var(--primary-color);
}
.store-card-section .store-card .store-card-btn {
  background-color: transparent;
  font-size: var(--font-size-base);
  border-radius: 0px;
  border: var(--border-default);
  width: auto;
  color: var(--text-color);
  font-weight: 400;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.3s ease-in-out;
  padding: var(--spacing-xs) 0px;
  text-decoration: none;
}
.store-card-section .store-card .store-card-btn i {
  color: var(--primary-color);
}
.store-card-section .store-card .store-card-btn:hover {
  background-color: var(--primary-hover);
}
.store-card-section .store-card .bg-style {
  background-color: var(--primary-color) !important;
}
.store-card-section .store-card .bg-style .store-card-btn {
  background-color: transparent;
  border: var(--border-white);
  color: var(--white);
}
.store-card-section .store-card .bg-style .store-card-btn i {
  color: var(--white);
}
.store-card-section .store-card .bg-style .store-card-btn:hover {
  background-color: var(--primary-hover);
}/*# sourceMappingURL=nearmeDesign3.css.map */