/* /Areas/Identity/Pages/Account/Login.cshtml.rz.scp.css */
/* Login page — uses site design system variables */
.login-page[b-u1fykpcj37] {
    min-height: 60vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: var(--spacing-xl) var(--spacing-sm);
    background-color: var(--color-secondary);
}

.login-card[b-u1fykpcj37] {
    background: var(--color-primary);
    border: 1px solid var(--color-border);
    border-radius: var(--border-radius);
    padding: 40px;
    width: 100%;
    max-width: 420px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
}

.login-title[b-u1fykpcj37] {
    font-size: 1.5rem;
    font-weight: 700;
    margin: 0 0 var(--spacing-lg) 0;
    color: var(--color-text-primary);
}

.login-group[b-u1fykpcj37] {
    margin-bottom: var(--spacing-sm);
}

.login-group label[b-u1fykpcj37] {
    display: block;
    font-size: 0.9rem;
    font-weight: 500;
    min-width: 200px !important;
    color: var(--color-text-primary);
    margin-bottom: 6px;
}

.login-input[b-u1fykpcj37] {
    display: block;
    width: 100%;
    padding: 10px 12px;
    font-size: 1rem;
    border: 1px solid var(--color-border);
    border-radius: var(--border-radius);
    outline: none;
    box-sizing: border-box;
    font-family: var(--font-sans);
    color: var(--color-text-primary);
    background: var(--color-primary);
    transition: border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
}

.login-input:focus[b-u1fykpcj37] {
    border-color: var(--color-accent);
    box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.08);
}

.login-remember[b-u1fykpcj37] {
    display: flex;
    align-items: center;
    gap: var(--spacing-xs);
    margin-bottom: var(--spacing-md);
    font-size: 0.9rem;
    color: var(--color-text-secondary);
}

.login-btn[b-u1fykpcj37] {
    width: 100%;
    padding: 12px;
    background-color: var(--color-accent);
    color: var(--color-primary);
    border: none;
    border-radius: var(--border-radius);
    font-size: 1rem;
    font-weight: 500;
    cursor: pointer;
    font-family: var(--font-sans);
    transition: background-color 0.2s ease-in-out;
}

.login-btn:hover[b-u1fykpcj37] {
    background-color: #333333;
}

.login-validation[b-u1fykpcj37] {
    background-color: #fff5f5;
    border: 1px solid #ffc5c5;
    border-radius: var(--border-radius);
    padding: var(--spacing-xs) 12px;
    color: #c0392b;
    font-size: 0.9rem;
    margin-bottom: var(--spacing-sm);
}

.login-field-error[b-u1fykpcj37] {
    display: block;
    color: #c0392b;
    font-size: 0.82rem;
    margin-top: 4px;
}

@media (max-width: 480px) {
    .login-card[b-u1fykpcj37] {
        padding: var(--spacing-md);
    }
}
/* /Components/Layout/AdminLayout.razor.rz.scp.css */
.admin-container[b-ugkeog1r0z] {
  display: flex;
  gap: var(--spacing-md);
  min-height: calc(100vh - 200px);
  padding: var(--spacing-lg) 0;
}

.admin-sidebar[b-ugkeog1r0z] {
  flex: 0 0 300px;
  background-color: var(--color-secondary);
  border-right: 1px solid var(--color-border);
  padding: var(--spacing-md);
  border-radius: var(--border-radius);
}

.admin-sidebar h3[b-ugkeog1r0z] {
  margin-top: 0;
  font-size: 1rem;
  color: var(--color-text-secondary);
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin-bottom: var(--spacing-md);
}

.admin-nav[b-ugkeog1r0z] {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xs);
}

.admin-nav__item[b-ugkeog1r0z] {
  padding: var(--spacing-sm);
  border-radius: var(--border-radius);
  transition: background-color 0.2s, color 0.2s;
  cursor: pointer;
  display: block;
  text-decoration: none;
  color: var(--color-text-primary);
  font-weight: 500;
}

.admin-nav__item:hover[b-ugkeog1r0z] {
  background-color: var(--color-border);
}

.admin-nav__item:global(.active)[b-ugkeog1r0z] {
  background-color: var(--color-accent);
  color: white;
}

.admin-nav__divider[b-ugkeog1r0z] {
  height: 1px;
  background-color: var(--color-border);
  margin: var(--spacing-sm) 0;
}

.admin-logout-form[b-ugkeog1r0z] {
  display: block;
  margin: 0;
  padding: 0;
}

.admin-nav__logout[b-ugkeog1r0z] {
  width: 100%;
  padding: var(--spacing-sm);
  background-color: #ff6b6b;
  color: white;
  border: none;
  border-radius: var(--border-radius);
  cursor: pointer;
  font-weight: 500;
  transition: background-color 0.2s;
}

.admin-nav__logout:hover[b-ugkeog1r0z] {
  background-color: #ff5252;
}

.admin-content[b-ugkeog1r0z] {
  flex: 1;
  min-width: 0;
}

.admin-content article[b-ugkeog1r0z] {
  background-color: var(--color-primary);
  border: 1px solid var(--color-border);
  border-radius: var(--border-radius);
  padding: var(--spacing-lg);
}

@media (max-width: 768px) {
  .admin-container[b-ugkeog1r0z] {
    flex-direction: column;
  }

  .admin-sidebar[b-ugkeog1r0z] {
    flex: 0 0 auto;
  }

  .admin-nav[b-ugkeog1r0z] {
    flex-direction: row;
    flex-wrap: wrap;
  }

  .admin-nav__item[b-ugkeog1r0z] {
    flex: 1;
    min-width: 120px;
  }
}
/* /Components/Layout/MainLayout.razor.rz.scp.css */
.header[b-qgsvw684bo] {
  background-color: var(--color-primary);
  border-bottom: 1px solid var(--color-border);
  padding: var(--spacing-md) 0;
  position: sticky;
  top: 0;
  z-index: 100;
}

.header__inner[b-qgsvw684bo] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: var(--spacing-lg);
}

.header__logo[b-qgsvw684bo] {
  flex: 0 0 auto;
  font-family: var(--font-heading);
}

.header__logo h1[b-qgsvw684bo] {
  margin: 0;
  font-size: 1.5rem;
}

.header__logo:hover h1[b-qgsvw684bo] {
  opacity: 0.7;
}

.header__nav[b-qgsvw684bo] {
  flex: 1;
}

.footer[b-qgsvw684bo] {
  background-color: var(--color-secondary);
  border-top: 1px solid var(--color-border);
  padding: var(--spacing-lg) 0;
  margin-top: var(--spacing-xxl);
}

.footer__content[b-qgsvw684bo] {
  text-align: center;
}

.footer__content p[b-qgsvw684bo] {
  margin-bottom: var(--spacing-xs);
}

.footer__content p:last-child[b-qgsvw684bo] {
  margin-bottom: 0;
}

.footer__social[b-qgsvw684bo] {
  display: flex;
  justify-content: center;
  gap: var(--spacing-md);
  margin-bottom: var(--spacing-md);
}

.footer__social-link[b-qgsvw684bo] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: var(--color-accent);
  color: white;
  transition: opacity 0.2s ease-in-out;
}

.footer__social-link:hover[b-qgsvw684bo] {
  opacity: 0.7;
}

.footer__social-link svg[b-qgsvw684bo] {
  width: 20px;
  height: 20px;
}

.header-gallery[b-qgsvw684bo] {
  width: 100%;
  position: relative;
  overflow: hidden;
}

.header-gallery__container[b-qgsvw684bo] {
  position: relative;
  width: 100%;
  max-height: 400px;
  overflow: hidden;
}

.header-gallery__image[b-qgsvw684bo] {
  width: 100%;
  height: 400px;
  object-fit: cover;
  display: block;
}

.header-gallery__nav[b-qgsvw684bo] {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background-color: rgba(0, 0, 0, 0.4);
  color: white;
  border: none;
  padding: var(--spacing-sm);
  font-size: 2rem;
  cursor: pointer;
  border-radius: var(--border-radius);
  line-height: 1;
  transition: background-color 0.2s;
  z-index: 2;
}

.header-gallery__nav:hover[b-qgsvw684bo] {
  background-color: rgba(0, 0, 0, 0.7);
}

.header-gallery__nav--prev[b-qgsvw684bo] {
  left: var(--spacing-sm);
}

.header-gallery__nav--next[b-qgsvw684bo] {
  right: var(--spacing-sm);
}

.header-gallery__placeholder[b-qgsvw684bo] {
  width: 100%;
  height: 300px;
  background-color: #484848;
}

.content[b-qgsvw684bo] {
  padding: var(--spacing-lg) 0;
}

@media (max-width: 768px) {
  .header__inner[b-qgsvw684bo] {
    flex-direction: column;
    gap: var(--spacing-md);
  }

  .header__logo h1[b-qgsvw684bo] {
    font-size: 1.25rem;
  }
}

/* /Components/Layout/NavMenu.razor.rz.scp.css */
.nav-menu[b-g8o6n169oq] {
  display: flex;
  flex-direction: row;
  gap: var(--spacing-xs);
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
}

@media (max-width: 768px) {
  .nav-menu[b-g8o6n169oq] {
    justify-content: center;
  }
}

.nav-item[b-g8o6n169oq] {
  padding: var(--spacing-sm);
  text-decoration: none;
  color: var(--color-text-primary);
  border-radius: var(--border-radius);
  transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
  white-space: nowrap;
}

.nav-item:hover[b-g8o6n169oq] {
  background-color: var(--color-secondary);
}

.nav-item:global(.active)[b-g8o6n169oq] {
  background-color: var(--color-accent);
  color: white;
  font-weight: 600;
}

.logout-form[b-g8o6n169oq] {
  display: inline;
  margin: 0;
  padding: 0;
}


.nav-spacer[b-g8o6n169oq] {
  flex: 1;
}

.nav-auth[b-g8o6n169oq] {
  display: flex;
  gap: var(--spacing-sm);
  margin-top: var(--spacing-md);
}

.nav-auth-item[b-g8o6n169oq] {
  padding: var(--spacing-sm) var(--spacing-md);
  background-color: var(--color-accent);
  color: white;
  border-radius: var(--border-radius);
  border: none;
  cursor: pointer;
  text-decoration: none;
  transition: background-color 0.2s ease-in-out;
  font-size: 0.95rem;
}

.nav-auth-item:hover[b-g8o6n169oq] {
  background-color: #333333;
}

@media (max-width: 768px) {
  .nav-spacer[b-g8o6n169oq] {
    flex: 0;
  }

  .nav-auth[b-g8o6n169oq] {
    margin-top: var(--spacing-sm);
  }
}

/* /Components/Pages/About.razor.rz.scp.css */
.about-page h1[b-0r883ib5if] {
  margin-bottom: var(--spacing-lg);
  text-align: center;
}

.about-page h2[b-0r883ib5if] {
  margin-bottom: var(--spacing-md);
  font-size: 1.5rem;
}

.about-content[b-0r883ib5if] {
  background-color: var(--color-secondary);
  border-radius: var(--border-radius);
  padding: var(--spacing-xl);
  margin-bottom: var(--spacing-xl);
}

.about-text p[b-0r883ib5if] {
  margin-bottom: var(--spacing-md);
  line-height: 1.8;
  color: var(--color-text);
}

.about-text p:last-child[b-0r883ib5if] {
  margin-bottom: 0;
}

.about-list[b-0r883ib5if] {
  list-style: none;
  padding: 0;
  margin: 0 0 var(--spacing-md) 0;
}

.about-list li[b-0r883ib5if] {
  padding: var(--spacing-sm) 0;
  padding-left: var(--spacing-md);
  border-bottom: 1px solid var(--color-border);
  line-height: 1.6;
  position: relative;
}

.about-list li[b-0r883ib5if]::before {
  content: "✓";
  position: absolute;
  left: 0;
  color: var(--color-accent);
  font-weight: 700;
}

.about-list li:last-child[b-0r883ib5if] {
  border-bottom: none;
}

.about-gallery[b-0r883ib5if] {
  margin-bottom: var(--spacing-xl);
}

.about-gallery__container[b-0r883ib5if] {
  position: relative;
  border-radius: var(--border-radius);
  overflow: hidden;
  background-color: #484848;
}

.about-gallery__image[b-0r883ib5if] {
  width: 50%;
  height: 1000px;
  object-fit: cover;
  display: block;
  margin-left: 25%;
  margin-right: 25%;
}

.about-gallery__nav[b-0r883ib5if] {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background-color: rgba(0, 0, 0, 0.45);
  color: white;
  border: none;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  font-size: 1.5rem;
  line-height: 1;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background-color 0.2s;
  z-index: 2;
}

.about-gallery__nav:hover[b-0r883ib5if] {
  background-color: rgba(0, 0, 0, 0.7);
}

.about-gallery__nav--prev[b-0r883ib5if] {
  left: var(--spacing-sm);
}

.about-gallery__nav--next[b-0r883ib5if] {
  right: var(--spacing-sm);
}

.about-gallery__dots[b-0r883ib5if] {
  position: absolute;
  bottom: var(--spacing-sm);
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  gap: var(--spacing-xs);
  padding: var(--spacing-xs) var(--spacing-sm);
}

.about-gallery__dot[b-0r883ib5if] {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  border: 2px solid white;
  background-color: transparent;
  padding: 0;
  cursor: pointer;
  transition: background-color 0.2s;
}

.about-gallery__dot.is-active[b-0r883ib5if] {
  background-color: white;
}

@media (max-width: 768px) {
  .about-content[b-0r883ib5if] {
    padding: var(--spacing-lg);
  }

  .about-gallery__image[b-0r883ib5if] {
    height: 240px;
  }

  .about-gallery__nav[b-0r883ib5if] {
    width: 36px;
    height: 36px;
    font-size: 1.2rem;
  }
}
/* /Components/Pages/AdminAboutGallery.razor.rz.scp.css */
.settings-card[b-us0xcjol4m] {
  background-color: var(--color-secondary);
  border-radius: var(--border-radius);
  padding: var(--spacing-lg);
  margin-bottom: var(--spacing-lg);
}

.settings-card h3[b-us0xcjol4m] {
  margin-bottom: var(--spacing-md);
}

.rte-actions[b-us0xcjol4m] {
  display: flex;
  align-items: center;
  gap: var(--spacing-md);
  margin-top: var(--spacing-md);
  flex-wrap: wrap;
}

.success-message[b-us0xcjol4m] {
  color: #27ae60;
  background-color: #f0fdf4;
  border: 1px solid #86efac;
  border-radius: var(--border-radius);
  padding: var(--spacing-sm) var(--spacing-md);
  font-size: 0.9rem;
  margin: 0;
}

/* Gallery */

.gallery-grid[b-us0xcjol4m] {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  gap: var(--spacing-md);
}

.gallery-item[b-us0xcjol4m] {
  border: 1px solid var(--color-border);
  border-radius: var(--border-radius);
  overflow: hidden;
}

.gallery-item__image[b-us0xcjol4m] {
  width: 100%;
  height: 150px;
  object-fit: cover;
  display: block;
}

.gallery-item__actions[b-us0xcjol4m] {
  padding: var(--spacing-xs);
  text-align: center;
}

.error-message[b-us0xcjol4m] {
  color: #c0392b;
  background-color: #fff5f5;
  border: 1px solid #ff6b6b;
  border-radius: var(--border-radius);
  padding: var(--spacing-sm);
  margin-bottom: var(--spacing-sm);
  font-size: 0.9rem;
}

.empty-state[b-us0xcjol4m] {
  text-align: center;
  padding: var(--spacing-xl);
  color: var(--color-text-secondary);
}

.btn-small[b-us0xcjol4m] {
  padding: var(--spacing-xs) var(--spacing-sm);
  font-size: 0.85rem;
  border-radius: var(--border-radius);
  cursor: pointer;
  border: none;
}

.btn-delete[b-us0xcjol4m] {
  background-color: #fff5f5;
  color: #c0392b;
  border: 1px solid #ff6b6b;
}

@media (max-width: 768px) {
  .gallery-grid[b-us0xcjol4m] {
    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
  }
}

/* /Components/Pages/AdminAdvertisements.razor.rz.scp.css */
.page-header[b-135engao2k] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: var(--spacing-lg);
  border-bottom: 2px solid var(--color-border);
  padding-bottom: var(--spacing-md);
}

.page-header h2[b-135engao2k] {
  margin: 0;
}

.empty-state[b-135engao2k] {
  text-align: center;
  padding: var(--spacing-xxl);
  background-color: var(--color-secondary);
  border-radius: var(--border-radius);
}

.empty-state p[b-135engao2k] {
  margin-bottom: var(--spacing-lg);
  font-size: 1.1rem;
}

.table-responsive[b-135engao2k] {
  overflow-x: auto;
}

.admin-table[b-135engao2k] {
  width: 100%;
  border-collapse: collapse;
  background-color: var(--color-primary);
  border: 1px solid var(--color-border);
  border-radius: var(--border-radius);
  overflow: hidden;
  margin-top: 10px;
}

.admin-table thead[b-135engao2k] {
  background-color: var(--color-secondary);
  font-weight: 600;
}

.admin-table th[b-135engao2k] {
  padding: var(--spacing-sm);
  text-align: left;
  border-bottom: 2px solid var(--color-border);
}

.admin-table td[b-135engao2k] {
  padding: var(--spacing-sm);
  border-bottom: 1px solid var(--color-border);
}

.admin-table tbody tr:hover[b-135engao2k] {
  background-color: var(--color-secondary);
}

.admin-table .actions[b-135engao2k] {
  display: flex;
  gap: var(--spacing-xs);
}

.btn-small[b-135engao2k] {
  padding: 6px 12px;
  font-size: 0.85rem;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  text-decoration: none;
  display: inline-block;
  transition: background-color 0.2s;
}

.btn-edit[b-135engao2k] {
  background-color: #4CAF50 !important;
  color: white;
}

.btn-edit:hover[b-135engao2k] {
  background-color: #45a049;
}

.btn-delete[b-135engao2k] {
  background-color: #ff6b6b;
  color: white;
}

.btn-delete:hover[b-135engao2k] {
  background-color: #ff5252;
}

.loading[b-135engao2k] {
  text-align: center;
  color: var(--color-text-secondary);
  padding: var(--spacing-lg);
}
/* /Components/Pages/AdminAdvertisementsCreate.razor.rz.scp.css */
.form-container[b-uo45xptdeh] {
  max-width: 800px;
}

.form-hint[b-uo45xptdeh] {
  font-size: 0.85rem;
  color: var(--color-text-secondary);
  margin-top: var(--spacing-xs);
}

.alert-error[b-uo45xptdeh] {
  background-color: #fff5f5;
  border: 1px solid #ff6b6b;
  border-radius: var(--border-radius);
  padding: var(--spacing-md);
  color: #c0392b;
  margin-bottom: var(--spacing-md);
}
/* /Components/Pages/AdminAdvertisementsEdit.razor.rz.scp.css */
.form-container[b-fmi421qy0u] {
  max-width: 800px;
}

.form-hint[b-fmi421qy0u] {
  font-size: 0.85rem;
  color: var(--color-text-secondary);
  margin-top: var(--spacing-xs);
}

.alert-error[b-fmi421qy0u] {
  background-color: #fff5f5;
  border: 1px solid #ff6b6b;
  border-radius: var(--border-radius);
  padding: var(--spacing-md);
  color: #c0392b;
  margin-bottom: var(--spacing-md);
}

.image-list[b-fmi421qy0u] {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-sm);
  margin-top: var(--spacing-xs);
}

.image-item[b-fmi421qy0u] {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
}

.image-thumb[b-fmi421qy0u] {
  width: 100px;
  height: 100px;
  object-fit: cover;
  border-radius: var(--border-radius);
  border: 1px solid var(--color-border);
}
/* /Components/Pages/AdminContact.razor.rz.scp.css */
.settings-grid[b-xxqns4batp] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
  gap: var(--spacing-lg);
  margin-top: var(--spacing-lg);
}

.settings-card[b-xxqns4batp] {
  background-color: var(--color-secondary);
  border: 1px solid var(--color-border);
  border-radius: var(--border-radius);
  padding: var(--spacing-lg);
}

.settings-card h3[b-xxqns4batp] {
  margin-top: 0;
  margin-bottom: var(--spacing-md);
}

.form-group[b-xxqns4batp] {
  margin-bottom: var(--spacing-md);
}

.form-group label[b-xxqns4batp] {
  display: block;
  margin-bottom: var(--spacing-xs);
  font-weight: 500;
}

.form-control[b-xxqns4batp] {
  width: 100%;
  padding: var(--spacing-sm);
  border: 1px solid var(--color-border);
  border-radius: var(--border-radius);
  font-family: var(--font-sans);
  font-size: 1rem;
}

.form-control:focus[b-xxqns4batp] {
  outline: none;
  border-color: var(--color-accent);
  box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.1);
}

.form-control:disabled[b-xxqns4batp] {
  background-color: var(--color-primary);
  cursor: not-allowed;
}

.form-actions[b-xxqns4batp] {
  display: flex;
  gap: var(--spacing-sm);
}

.hours-list[b-xxqns4batp] {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
  margin-bottom: var(--spacing-md);
}

.hours-item[b-xxqns4batp] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: var(--spacing-sm);
  background-color: var(--color-primary);
  border-radius: var(--border-radius);
  border: 1px solid var(--color-border);
}

.hours-item strong[b-xxqns4batp] {
  min-width: 100px;
}

.hours-item span[b-xxqns4batp] {
  flex: 1;
  text-align: center;
}

.btn-small[b-xxqns4batp] {
  padding: 6px 12px;
  font-size: 0.85rem;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  background-color: #4CAF50;
  color: white;
  transition: background-color 0.2s;
}

.btn-small:hover[b-xxqns4batp] {
  background-color: #45a049;
}

.btn-secondary[b-xxqns4batp] {
  background-color: var(--color-border);
  color: var(--color-text-primary);
  padding: 12px 24px;
  font-size: 1rem;
  font-weight: 500;
  border: none;
  border-radius: var(--border-radius);
  cursor: pointer;
  transition: background-color 0.2s;
}

.btn-secondary:hover[b-xxqns4batp] {
  background-color: #d0d0d0;
}
/* /Components/Pages/AdminDashboard.razor.rz.scp.css */
.admin-page h2[b-8av0gs3w3m] {
  margin-bottom: var(--spacing-lg);
  border-bottom: 2px solid var(--color-border);
  padding-bottom: var(--spacing-md);
}

.stats-grid[b-8av0gs3w3m] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: var(--spacing-md);
  margin-bottom: var(--spacing-xl);
}

.stat-card[b-8av0gs3w3m] {
  background: linear-gradient(135deg, var(--color-secondary), var(--color-primary));
  border: 1px solid var(--color-border);
  border-radius: var(--border-radius);
  padding: var(--spacing-lg);
  text-align: center;
}

.stat-card__value[b-8av0gs3w3m] {
  font-size: 2.5rem;
  font-weight: 700;
  color: var(--color-accent);
  margin-bottom: var(--spacing-sm);
}

.stat-card__label[b-8av0gs3w3m] {
  font-size: 0.9rem;
  color: var(--color-text-secondary);
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.admin-section[b-8av0gs3w3m] {
  margin-bottom: var(--spacing-xl);
}

.admin-section h3[b-8av0gs3w3m] {
  margin-bottom: var(--spacing-md);
  font-size: 1.25rem;
}

.quick-actions[b-8av0gs3w3m] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: var(--spacing-md);
}

.action-button[b-8av0gs3w3m] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--spacing-sm);
  padding: var(--spacing-md);
  background-color: var(--color-accent);
  color: white;
  border-radius: var(--border-radius);
  text-decoration: none;
  font-weight: 500;
  transition: background-color 0.2s, transform 0.2s;
  cursor: pointer;
}

.action-button:hover[b-8av0gs3w3m] {
  background-color: #333333;
  transform: translateY(-2px);
}
/* /Components/Pages/AdminFaq.razor.rz.scp.css */
.page-header[b-jr69fy59eq] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: var(--spacing-lg);
  border-bottom: 2px solid var(--color-border);
  padding-bottom: var(--spacing-md);
}

.page-header h2[b-jr69fy59eq] {
  margin: 0;
}

.form-container[b-jr69fy59eq] {
  background-color: var(--color-secondary);
  padding: var(--spacing-lg);
  border-radius: var(--border-radius);
  margin-bottom: var(--spacing-lg);
}

.form-group[b-jr69fy59eq] {
  margin-bottom: var(--spacing-md);
}

.form-group label[b-jr69fy59eq] {
  display: block;
  margin-bottom: var(--spacing-xs);
  font-weight: 500;
}

.form-control[b-jr69fy59eq] {
  width: 100%;
  padding: var(--spacing-sm);
  border: 1px solid var(--color-border);
  border-radius: var(--border-radius);
  font-family: var(--font-sans);
  font-size: 1rem;
}

.form-control:focus[b-jr69fy59eq] {
  outline: none;
  border-color: var(--color-accent);
  box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.1);
}

.form-actions[b-jr69fy59eq] {
  display: flex;
  gap: var(--spacing-sm);
}

.empty-state[b-jr69fy59eq] {
  text-align: center;
  padding: var(--spacing-xxl);
  background-color: var(--color-secondary);
  border-radius: var(--border-radius);
}

.faq-list[b-jr69fy59eq] {
  display: grid;
  gap: var(--spacing-md);
}

.faq-item[b-jr69fy59eq] {
  background-color: var(--color-primary);
  border: 1px solid var(--color-border);
  border-radius: var(--border-radius);
  padding: var(--spacing-md);
}

.faq-item__header[b-jr69fy59eq] {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: var(--spacing-sm);
}

.faq-item__header h4[b-jr69fy59eq] {
  margin: 0;
  flex: 1;
}

.faq-item__actions[b-jr69fy59eq] {
  display: flex;
  gap: var(--spacing-xs);
}

.faq-item__description[b-jr69fy59eq] {
  margin: 0 0 var(--spacing-sm) 0;
  color: var(--color-text-secondary);
}

.faq-item__meta[b-jr69fy59eq] {
  display: flex;
  gap: var(--spacing-md);
  font-size: 0.85rem;
  color: var(--color-text-secondary);
}

.badge-active[b-jr69fy59eq] {
  color: #4CAF50;
  font-weight: 600;
}

.badge-inactive[b-jr69fy59eq] {
  color: #ff6b6b;
  font-weight: 600;
}

.btn-small[b-jr69fy59eq] {
  padding: 6px 12px;
  font-size: 0.85rem;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  transition: background-color 0.2s;
}

.btn-edit[b-jr69fy59eq] {
  background-color: #4CAF50;
  color: white;
}

.btn-edit:hover[b-jr69fy59eq] {
  background-color: #45a049;
}

.btn-delete[b-jr69fy59eq] {
  background-color: #ff6b6b;
  color: white;
}

.btn-delete:hover[b-jr69fy59eq] {
  background-color: #ff5252;
}
/* /Components/Pages/AdminHeaderGallery.razor.rz.scp.css */
.settings-card[b-a0j2dg95hn] {
  background-color: var(--color-secondary);
  border-radius: var(--border-radius);
  padding: var(--spacing-lg);
  margin-bottom: var(--spacing-lg);
}

.gallery-grid[b-a0j2dg95hn] {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  gap: var(--spacing-md);
}

.gallery-item[b-a0j2dg95hn] {
  border: 1px solid var(--color-border);
  border-radius: var(--border-radius);
  overflow: hidden;
}

.gallery-item__image[b-a0j2dg95hn] {
  width: 100%;
  height: 150px;
  object-fit: cover;
  display: block;
}

.gallery-item__actions[b-a0j2dg95hn] {
  padding: var(--spacing-xs);
  text-align: center;
}

.error-message[b-a0j2dg95hn] {
  color: #c0392b;
  background-color: #fff5f5;
  border: 1px solid #ff6b6b;
  border-radius: var(--border-radius);
  padding: var(--spacing-sm);
  margin-bottom: var(--spacing-sm);
  font-size: 0.9rem;
}

.empty-state[b-a0j2dg95hn] {
  text-align: center;
  padding: var(--spacing-xl);
  color: var(--color-text-secondary);
}

.btn-small[b-a0j2dg95hn] {
  padding: var(--spacing-xs) var(--spacing-sm);
  font-size: 0.85rem;
  border-radius: var(--border-radius);
  cursor: pointer;
  border: none;
}

.btn-delete[b-a0j2dg95hn] {
  background-color: #fff5f5;
  color: #c0392b;
  border: 1px solid #ff6b6b;
}

@media (max-width: 768px) {
  .gallery-grid[b-a0j2dg95hn] {
    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
  }
}
/* /Components/Pages/AdminKontent.razor.rz.scp.css */
/* ── Page header ─────────────────────────────────────────── */
.kontent-page h2[b-6t7ieiptbn] {
  margin-bottom: 4px;
}

.kontent-intro[b-6t7ieiptbn] {
  color: var(--color-text-secondary);
  font-size: 0.9375rem;
  margin-bottom: var(--spacing-lg);
}

/* ── Tab navigation ──────────────────────────────────────── */
.kontent-tabs[b-6t7ieiptbn] {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-bottom: var(--spacing-lg);
  padding-bottom: var(--spacing-md);
  border-bottom: 2px solid var(--color-border);
}

.kontent-tab[b-6t7ieiptbn] {
  display: inline-block;
  padding: 7px 16px;
  border-radius: 20px;
  font-size: 0.8125rem;
  font-weight: 500;
  color: var(--color-text-secondary);
  text-decoration: none;
  border: 1px solid var(--color-border);
  background-color: var(--color-primary);
  transition: background-color 0.15s, color 0.15s, border-color 0.15s;
  white-space: nowrap;
  line-height: 1;
}

.kontent-tab:hover[b-6t7ieiptbn] {
  background-color: var(--color-accent);
  border-color: var(--color-accent);
  color: var(--color-primary);
}

/* ── Section card ────────────────────────────────────────── */
.kontent-section[b-6t7ieiptbn] {
  background-color: var(--color-primary);
  border: 1px solid var(--color-border);
  border-left: 4px solid var(--color-accent);
  border-radius: var(--border-radius);
  padding: var(--spacing-lg);
  margin-bottom: var(--spacing-lg);
  scroll-margin-top: 24px;
}

.kontent-section__header[b-6t7ieiptbn] {
  margin-bottom: var(--spacing-md);
  padding-bottom: var(--spacing-sm);
  border-bottom: 1px solid var(--color-border);
}

.kontent-section__header h3[b-6t7ieiptbn] {
  font-size: 1.0625rem;
  font-weight: 700;
  margin-bottom: 2px;
  color: var(--color-text-primary);
}

.kontent-section__hint[b-6t7ieiptbn] {
  font-size: 0.8125rem;
  color: var(--color-text-secondary);
  line-height: 1.4;
}

/* ── Field grid (CSS subgrid – inputs align across columns) ─ */
.kontent-fields[b-6t7ieiptbn] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  column-gap: var(--spacing-lg);   /* 32px between columns */
  row-gap: 14px;                    /* gap between every row track */
  margin-bottom: var(--spacing-lg);
}

/* ── Single field ────────────────────────────────────────── */
.kontent-field[b-6t7ieiptbn] {
  display: grid;
  grid-row: span 2;                 /* occupies 2 parent row tracks: label + input */
  grid-template-rows: subgrid;      /* inherits parent row sizing → inputs align */
}

.kontent-field--wide[b-6t7ieiptbn] {
  grid-column: 1 / -1;
}

.kontent-field__label[b-6t7ieiptbn] {
  align-self: end;                  /* bottom-align so short and long labels both push inputs to the same row */
  padding-bottom: 5px;              /* breathing room between label text and input */
  display: block;
  font-size: 0.8125rem;
  font-weight: 600;
  color: var(--color-text-primary);
  line-height: 1.35;
}

.kontent-field__key[b-6t7ieiptbn] {
  display: block;
  font-size: 0.6875rem;
  font-family: ui-monospace, "Cascadia Code", "Fira Mono", monospace;
  color: var(--color-text-secondary);
  margin-top: 2px;
  letter-spacing: 0.02em;
  font-weight: 400;
}

.kontent-field__input[b-6t7ieiptbn] {
  display: block;
  width: 100%;
  padding: 9px 12px;
  border: 1px solid var(--color-border);
  border-radius: 6px;
  font-size: 0.9375rem;
  font-family: var(--font-sans);
  background-color: var(--color-secondary);
  color: var(--color-text-primary);
  line-height: 1.5;
  transition: border-color 0.15s, background-color 0.15s, box-shadow 0.15s;
  outline: none;
  align-self: start;                /* top-align input in its row track */
}

.kontent-field__input:hover[b-6t7ieiptbn] {
  border-color: #b0b0b0;
}

.kontent-field__input:focus[b-6t7ieiptbn] {
  border-color: var(--color-accent);
  background-color: var(--color-primary);
  box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.07);
}

.kontent-field__textarea[b-6t7ieiptbn] {
  resize: vertical;
  min-height: 80px;
  line-height: 1.55;
}

/* ── Save bar ────────────────────────────────────────────── */
.kontent-save-bar[b-6t7ieiptbn] {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: var(--spacing-sm);
  padding-top: var(--spacing-sm);
  border-top: 1px solid var(--color-border);
  flex-wrap: wrap;
}

.kontent-save-bar .success-message[b-6t7ieiptbn],
.kontent-save-bar .error-message[b-6t7ieiptbn] {
  font-size: 0.8125rem;
  font-weight: 500;
  padding: 7px 14px;
  border-radius: 6px;
  margin: 0;
  line-height: 1.3;
}

.kontent-save-bar .success-message[b-6t7ieiptbn] {
  color: #166534;
  background-color: #f0fdf4;
  border: 1px solid #86efac;
}

.kontent-save-bar .error-message[b-6t7ieiptbn] {
  color: #991b1b;
  background-color: #fff5f5;
  border: 1px solid #fca5a5;
}

/* ── Responsive ──────────────────────────────────────────── */
@media (max-width: 900px) {
  /* 1 column: subgrid still handles label/input row alignment */
  .kontent-fields[b-6t7ieiptbn] {
    grid-template-columns: 1fr;
  }

  .kontent-field--wide[b-6t7ieiptbn] {
    grid-column: 1;
  }
}

@media (max-width: 600px) {
  .kontent-section[b-6t7ieiptbn] {
    padding: var(--spacing-sm);
    border-left-width: 3px;
  }

  .kontent-tabs[b-6t7ieiptbn] {
    gap: 4px;
  }

  .kontent-tab[b-6t7ieiptbn] {
    font-size: 0.75rem;
    padding: 6px 12px;
  }

  .kontent-save-bar[b-6t7ieiptbn] {
    justify-content: stretch;
  }

  .kontent-save-bar .btn-primary[b-6t7ieiptbn] {
    width: 100%;
  }
}
/* /Components/Pages/AdminServices.razor.rz.scp.css */
.admin-page .page-header[b-zyyxtqncfs] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: var(--spacing-lg);
  flex-wrap: wrap;
  gap: var(--spacing-sm);
}

.settings-card[b-zyyxtqncfs] {
  background-color: var(--color-secondary);
  border-radius: var(--border-radius);
  padding: var(--spacing-lg);
  margin-bottom: var(--spacing-lg);
}

.form-actions[b-zyyxtqncfs] {
  display: flex;
  gap: var(--spacing-sm);
  margin-top: var(--spacing-md);
}

.table-responsive[b-zyyxtqncfs] {
  overflow-x: auto;
}

.admin-table[b-zyyxtqncfs] {
  width: 100%;
  border-collapse: collapse;
}

.admin-table th[b-zyyxtqncfs],
.admin-table td[b-zyyxtqncfs] {
  padding: var(--spacing-sm);
  text-align: left;
  border-bottom: 1px solid var(--color-border);
}

.admin-table th[b-zyyxtqncfs] {
  font-weight: 600;
  background-color: var(--color-secondary);
}

.actions[b-zyyxtqncfs] {
  display: flex;
  gap: var(--spacing-xs);
  flex-wrap: wrap;
}

.btn-small[b-zyyxtqncfs] {
  padding: var(--spacing-xs) var(--spacing-sm);
  font-size: 0.85rem;
  border-radius: var(--border-radius);
  cursor: pointer;
  border: none;
}

.btn-edit[b-zyyxtqncfs] {
  background-color: var(--color-secondary);
  border: 1px solid var(--color-border);
}

.btn-delete[b-zyyxtqncfs] {
  background-color: #fff5f5;
  color: #c0392b;
  border: 1px solid #ff6b6b;
}

.form-group[b-zyyxtqncfs] {
  margin-bottom: var(--spacing-md);
}

.form-group label[b-zyyxtqncfs] {
  display: block;
  margin-bottom: var(--spacing-xs);
  font-weight: 500;
}

.form-control[b-zyyxtqncfs] {
  width: 100%;
  padding: var(--spacing-sm);
  border: 1px solid var(--color-border);
  border-radius: var(--border-radius);
  font-family: var(--font-sans);
  font-size: 1rem;
}
/* /Components/Pages/AdminSocialLinks.razor.rz.scp.css */
.settings-card[b-40kwggowf3] {
  background-color: var(--color-secondary);
  border-radius: var(--border-radius);
  padding: var(--spacing-lg);
  margin-bottom: var(--spacing-lg);
}

.form-group[b-40kwggowf3] {
  margin-bottom: var(--spacing-md);
}

.form-group label[b-40kwggowf3] {
  display: block;
  margin-bottom: var(--spacing-xs);
  font-weight: 500;
}

.form-control[b-40kwggowf3] {
  width: 100%;
  padding: var(--spacing-sm);
  border: 1px solid var(--color-border);
  border-radius: var(--border-radius);
  font-family: var(--font-sans);
  font-size: 1rem;
}

.success-message[b-40kwggowf3] {
  color: #27ae60;
  background-color: #f0fff4;
  border: 1px solid #27ae60;
  border-radius: var(--border-radius);
  padding: var(--spacing-sm);
  margin-bottom: var(--spacing-sm);
  font-size: 0.9rem;
}
/* /Components/Pages/AdminUsers.razor.rz.scp.css */
.modal-overlay[b-fmsbjlrbdd] {
  position: fixed;
  top: 0; left: 0; right: 0; bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 999;
}

.modal-dialog[b-fmsbjlrbdd] {
  position: fixed;
  top: 50%; left: 50%;
  transform: translate(-50%, -50%);
  background-color: var(--color-primary);
  border-radius: var(--border-radius);
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2);
  max-width: 480px;
  width: 90%;
  z-index: 1000;
}

.modal-header[b-fmsbjlrbdd] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: var(--spacing-lg);
  border-bottom: 1px solid var(--color-border);
}

.modal-header h3[b-fmsbjlrbdd] { margin: 0; }

.modal-close[b-fmsbjlrbdd] {
  background: none; border: none;
  font-size: 1.5rem; cursor: pointer;
  color: var(--color-text-secondary);
  padding: 0; width: 32px; height: 32px;
}

.modal-body[b-fmsbjlrbdd] { padding: var(--spacing-lg); }
/* /Components/Pages/Contact.razor.rz.scp.css */
.contact-page h1[b-lqxumtdb84] {
  margin-bottom: var(--spacing-lg);
  text-align: center;
}

.contact-page h2[b-lqxumtdb84] {
  margin-bottom: var(--spacing-md);
  font-size: 1.5rem;
}

.contact-grid[b-lqxumtdb84] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: var(--spacing-lg);
  margin-bottom: var(--spacing-xl);
}

.contact-info[b-lqxumtdb84],
.opening-hours[b-lqxumtdb84] {
  background-color: var(--color-secondary);
  border-radius: var(--border-radius);
  padding: var(--spacing-lg);
}

.info-item[b-lqxumtdb84] {
  margin-bottom: var(--spacing-md);
}

.info-item strong[b-lqxumtdb84] {
  display: block;
  margin-bottom: var(--spacing-xs);
}

.info-item p[b-lqxumtdb84] {
  margin: 0;
}

.info-item a[b-lqxumtdb84] {
  color: var(--color-accent);
  text-decoration: none;
}

.info-item a:hover[b-lqxumtdb84] {
  text-decoration: underline;
}

.hours-table[b-lqxumtdb84] {
  width: 100%;
  border-collapse: collapse;
}

.hours-table tbody tr[b-lqxumtdb84] {
  display: flex;
  justify-content: space-between;
  padding: var(--spacing-sm) 0;
  border-bottom: 1px solid var(--color-border);
}

.hours-table tbody tr:last-child[b-lqxumtdb84] {
  border-bottom: none;
}

.day-name[b-lqxumtdb84] {
  font-weight: 600;
  text-transform: capitalize;
  min-width: 100px;
}

.day-hours[b-lqxumtdb84] {
  text-align: right;
}

.closed[b-lqxumtdb84] {
  color: #ff6b6b;
  font-weight: 600;
}

.maps-section[b-lqxumtdb84] {
  background-color: var(--color-secondary);
  padding: var(--spacing-lg);
  border-radius: var(--border-radius);
  margin-bottom: var(--spacing-xl);
}

.maps-container[b-lqxumtdb84] {
  border-radius: var(--border-radius);
  overflow: hidden;
  height: 400px;
}

.contact-form-section[b-lqxumtdb84] {
  max-width: 600px;
  margin: 0 auto;
}

.contact-form[b-lqxumtdb84] {
  background-color: var(--color-secondary);
  padding: var(--spacing-lg);
  border-radius: var(--border-radius);
}

.form-group[b-lqxumtdb84] {
  margin-bottom: var(--spacing-md);
}

.form-group label[b-lqxumtdb84] {
  display: block;
  margin-bottom: var(--spacing-xs);
  font-weight: 500;
}

.form-control[b-lqxumtdb84] {
  width: 100%;
  padding: var(--spacing-sm);
  border: 1px solid var(--color-border);
  border-radius: var(--border-radius);
  font-family: var(--font-sans);
  font-size: 1rem;
  resize: vertical;
}

.form-control:focus[b-lqxumtdb84] {
  outline: none;
  border-color: var(--color-accent);
  box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.1);
}

.contact-form .btn-primary[b-lqxumtdb84] {
  width: 100%;
}

.error-message[b-lqxumtdb84] {
  color: #c0392b;
  background-color: #fff5f5;
  border: 1px solid #ff6b6b;
  border-radius: var(--border-radius);
  padding: var(--spacing-sm);
  margin-bottom: var(--spacing-sm);
  font-size: 0.9rem;
}

@media (max-width: 768px) {
  .contact-grid[b-lqxumtdb84] {
    grid-template-columns: 1fr;
  }

  .maps-container[b-lqxumtdb84] {
    height: 300px;
  }
}
/* /Components/Pages/Faq.razor.rz.scp.css */
.faq-page h1[b-8034pvxr2y] {
  text-align: center;
  margin-bottom: var(--spacing-xl);
}

.loading[b-8034pvxr2y] {
  text-align: center;
  padding: var(--spacing-lg);
  color: var(--color-text-secondary);
}

.empty-state[b-8034pvxr2y] {
  text-align: center;
  padding: var(--spacing-xxl);
  background-color: var(--color-secondary);
  border-radius: var(--border-radius);
}

.faq-list[b-8034pvxr2y] {
  max-width: 800px;
  margin: 0 auto;
  display: grid;
  gap: var(--spacing-md);
}

.faq-card[b-8034pvxr2y] {
  background-color: var(--color-primary);
  border: 1px solid var(--color-border);
  border-radius: var(--border-radius);
  overflow: hidden;
}

.faq-card__header[b-8034pvxr2y] {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: var(--spacing-md);
  padding: var(--spacing-md);
  background-color: var(--color-secondary);
  border: none;
  cursor: pointer;
  transition: background-color 0.2s;
}

.faq-card__header:hover[b-8034pvxr2y] {
  background-color: #eeeeee;
}

.faq-card__question[b-8034pvxr2y] {
  text-align: left;
  font-weight: 600;
  font-size: 1rem;
}

.faq-card__toggle[b-8034pvxr2y] {
  flex: 0 0 auto;
  font-size: 1.5rem;
  font-weight: bold;
  transition: transform 0.2s;
}

.faq-card__content[b-8034pvxr2y] {
  padding: var(--spacing-lg);
  background-color: var(--color-primary);
  animation: slideDown-b-8034pvxr2y 0.3s ease-in-out;
}

.faq-card__content p[b-8034pvxr2y] {
  margin: 0;
  line-height: 1.6;
}

@keyframes slideDown-b-8034pvxr2y {
  from {
    opacity: 0;
    transform: translateY(-10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@media (max-width: 768px) {
  .faq-list[b-8034pvxr2y] {
    max-width: 100%;
  }

  .faq-card__question[b-8034pvxr2y] {
    font-size: 0.95rem;
  }
}
/* /Components/Pages/Home.razor.rz.scp.css */
.hero[b-7gt2111kuu] {
  background-color: var(--color-secondary);
  padding: var(--spacing-xxl) 0;
  text-align: center;
  margin-bottom: var(--spacing-xl);
}

.hero h1[b-7gt2111kuu] {
  margin-bottom: var(--spacing-md);
  font-size: 2.2rem;
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
}

.hero__subtitle[b-7gt2111kuu] {
  font-size: 1.1rem;
  color: var(--color-text-secondary);
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

.hero__cta[b-7gt2111kuu] {
  display: inline-block;
  margin-top: var(--spacing-md);
  padding: var(--spacing-sm) var(--spacing-lg);
  font-size: 1.1rem;
  text-decoration: none;
}

.products-section h2[b-7gt2111kuu] {
  margin-bottom: var(--spacing-lg);
  text-align: center;
}

.products-grid[b-7gt2111kuu] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--spacing-lg);
  margin-bottom: var(--spacing-xl);
}

.product-card[b-7gt2111kuu] {
  display: flex;
  flex-direction: column;
  background-color: var(--color-primary);
  border: 1px solid var(--color-border);
  border-radius: var(--border-radius);
  overflow: hidden;
  transition: box-shadow 0.2s, transform 0.2s;
}

.product-card:hover[b-7gt2111kuu] {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  transform: translateY(-2px);
}

.product-card__images[b-7gt2111kuu] {
  width: 100%;
  background-color: var(--color-secondary);
}

.product-card__image[b-7gt2111kuu] {
  width: 100%;
  height: 180px;
  object-fit: cover;
  display: block;
}

.product-card__placeholder[b-7gt2111kuu] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 180px;
  background-color: var(--color-secondary);
  color: var(--color-text-secondary);
  font-size: 0.9rem;
}

.product-card__content[b-7gt2111kuu] {
  padding: var(--spacing-md);
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 0;
}

.product-card__title[b-7gt2111kuu] {
  margin: 0 0 var(--spacing-xs) 0;
  font-size: 1rem;
  line-height: 1.3;
  min-height: 2.6em;
}

.product-card__subtitle[b-7gt2111kuu] {
  margin: 0 0 var(--spacing-sm) 0;
  color: var(--color-text-secondary);
  font-size: 0.85rem;
  line-height: 1.3;
}

.product-card__description-wrap[b-7gt2111kuu] {
  margin: 0 0 auto 0;
  overflow: hidden;
  max-height: 4.2em; /* ~3 lines */
  transition: max-height 0.3s ease;
  position: relative;
}

.product-card__description-wrap[b-7gt2111kuu]::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 1.6em;
  background: linear-gradient(transparent, var(--color-primary));
  pointer-events: none;
  transition: opacity 0.3s;
}

.product-card__description-wrap.is-expanded[b-7gt2111kuu] {
  max-height: 1000px;
}

.product-card__description-wrap.is-expanded[b-7gt2111kuu]::after {
  opacity: 0;
}

.product-card__description[b-7gt2111kuu] {
  margin: 0;
  color: var(--color-text-secondary);
  font-size: 0.9rem;
  line-height: 1.4;
}

.product-card__description :first-child[b-7gt2111kuu] {
  margin-top: 0;
}

.product-card__description :last-child[b-7gt2111kuu] {
  margin-bottom: 0;
}

.product-card__description p[b-7gt2111kuu] {
  margin: 0 0 0.5em;
}

.product-card__description ul[b-7gt2111kuu],
.product-card__description ol[b-7gt2111kuu] {
  margin: 0 0 0.5em;
  padding-left: 1.25rem;
}

.product-card__description a[b-7gt2111kuu] {
  color: var(--color-accent);
}

.product-card__more-btn[b-7gt2111kuu] {
  background: none;
  border: none;
  color: var(--color-accent);
  font-size: 0.82rem;
  font-weight: 600;
  cursor: pointer;
  padding: 2px 0 0 0;
  margin-bottom: auto;
  align-self: flex-start;
  letter-spacing: 0.01em;
}

.product-card__more-btn:hover[b-7gt2111kuu] {
  text-decoration: underline;
}

.product-card__footer[b-7gt2111kuu] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: var(--spacing-sm);
  margin-top: var(--spacing-md);
  padding-top: var(--spacing-md);
  border-top: 1px solid var(--color-border);
}

.product-card__price[b-7gt2111kuu] {
  font-size: 1.25rem;
  font-weight: 700;
  color: var(--color-accent);
}

.empty-state[b-7gt2111kuu] {
  text-align: center;
  padding: var(--spacing-xxl);
  background-color: var(--color-secondary);
  border-radius: var(--border-radius);
}

.loading[b-7gt2111kuu] {
  text-align: center;
  padding: var(--spacing-lg);
  color: var(--color-text-secondary);
}

.error-message[b-7gt2111kuu] {
  color: #c0392b;
  background-color: #fff5f5;
  border: 1px solid #ff6b6b;
  border-radius: var(--border-radius);
  padding: var(--spacing-sm);
  font-size: 0.9rem;
  margin-bottom: var(--spacing-sm);
}

.success-message[b-7gt2111kuu] {
  color: #1a7f37;
  background-color: #f0fff4;
  border: 1px solid #57bb7e;
  border-radius: var(--border-radius);
  padding: var(--spacing-sm);
  font-size: 0.9rem;
  margin-bottom: var(--spacing-sm);
}

.field-error[b-7gt2111kuu] {
  display: block;
  color: #c0392b;
  font-size: 0.82rem;
  margin-top: 3px;
}

.form-actions button[b-7gt2111kuu] {
  flex: 1;
}

.btn-secondary[b-7gt2111kuu] {
  background-color: var(--color-secondary);
  color: var(--color-text-primary);
  border: 1px solid var(--color-border);
}

.btn-secondary:hover[b-7gt2111kuu] {
  background-color: #eeeeee;
}

@media (max-width: 1024px) {
  .products-grid[b-7gt2111kuu] {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 768px) {
  .products-grid[b-7gt2111kuu] {
    grid-template-columns: 1fr;
  }

  .hero h1[b-7gt2111kuu] {
    font-size: 1.75rem;
  }

  .modal-dialog[b-7gt2111kuu] {
    width: 95%;
    max-height: 95vh;
  }
}

/* ── Gallery on card ── */
.product-card__gallery[b-7gt2111kuu] {
  width: 80%;
  margin-left: 10%;
  margin-right: 10%;
  display: flex;
  flex-direction: column;
}

.product-card__main-image[b-7gt2111kuu] {
  position: relative;
  width: 100%;
  height: 180px;
  cursor: pointer;
  overflow: hidden;
  background-color: var(--color-secondary);
}

.product-card__main-image:hover .gallery-zoom-hint[b-7gt2111kuu] {
  opacity: 1;
}

.gallery-zoom-hint[b-7gt2111kuu] {
  position: absolute;
  bottom: 6px;
  right: 8px;
  font-size: 1.1rem;
  opacity: 0;
  transition: opacity 0.2s;
  pointer-events: none;
  text-shadow: 0 1px 3px rgba(0,0,0,0.4);
}

.product-card__gallery .product-card__image[b-7gt2111kuu] {
  width: 100%;
  height: 180px;
  object-fit: cover;
  display: block;
  transition: transform 0.2s;
}

.product-card__main-image:hover .product-card__image[b-7gt2111kuu] {
  transform: scale(1.03);
}

.product-card__thumbnails[b-7gt2111kuu] {
  display: flex;
  justify-content: center;
  gap: 4px;
  padding: 6px 4px 4px;
  background-color: var(--color-secondary);
  overflow-x: auto;
  flex-shrink: 0;
  scrollbar-width: thin;
}

.product-card__thumb[b-7gt2111kuu] {
  flex-shrink: 0;
  width: 48px;
  height: 48px;
  padding: 0;
  border: 2px solid transparent;
  border-radius: 4px;
  overflow: hidden;
  background: none;
  cursor: pointer;
  opacity: 0.7;
  transition: opacity 0.15s, border-color 0.15s;
}

.product-card__thumb:hover[b-7gt2111kuu] {
  opacity: 1;
}

.product-card__thumb.is-active[b-7gt2111kuu] {
  border-color: var(--color-accent);
  opacity: 1;
}

.product-card__thumb img[b-7gt2111kuu] {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* ── Lightbox ── */
.lightbox-overlay[b-7gt2111kuu] {
  position: fixed;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.88);
  z-index: 2000;
  display: flex;
  align-items: center;
  justify-content: center;
}

.lightbox-content[b-7gt2111kuu] {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 92vw;
  max-height: 90vh;
}

.lightbox-image[b-7gt2111kuu] {
  max-width: 88vw;
  max-height: 85vh;
  object-fit: contain;
  border-radius: 4px;
  box-shadow: 0 8px 40px rgba(0,0,0,0.6);
  display: block;
}

.lightbox-close[b-7gt2111kuu] {
  position: absolute;
  top: -40px;
  right: 0;
  background: rgba(255,255,255,0.15);
  color: #fff;
  border: none;
  border-radius: 50%;
  width: 36px;
  height: 36px;
  font-size: 1.3rem;
  line-height: 1;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background 0.2s;
  z-index: 2010;
}

.lightbox-close:hover[b-7gt2111kuu] {
  background: rgba(255,255,255,0.35);
}

.lightbox-arrow[b-7gt2111kuu] {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: rgba(255,255,255,0.15);
  color: #fff;
  border: none;
  border-radius: 50%;
  width: 44px;
  height: 44px;
  font-size: 2rem;
  line-height: 1;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background 0.2s;
  z-index: 2010;
}

.lightbox-arrow:hover[b-7gt2111kuu] {
  background: rgba(255,255,255,0.35);
}

.lightbox-prev[b-7gt2111kuu] { left: -56px; }
.lightbox-next[b-7gt2111kuu] { right: -56px; }

.lightbox-counter[b-7gt2111kuu] {
  position: absolute;
  bottom: -32px;
  left: 50%;
  transform: translateX(-50%);
  color: rgba(255,255,255,0.8);
  font-size: 0.9rem;
  white-space: nowrap;
}

@media (max-width: 600px) {
  .lightbox-prev[b-7gt2111kuu] { left: 4px; }
  .lightbox-next[b-7gt2111kuu] { right: 4px; }
  .lightbox-close[b-7gt2111kuu] { top: 4px; right: 4px; }
}

/* ── Request Dialog ── */
.req-overlay[b-7gt2111kuu] {
  position: fixed;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 3000;
  display: flex;
  align-items: center;
  justify-content: center;
}

.req-dialog[b-7gt2111kuu] {
  background-color: #ffffff;
  border-radius: 8px;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2);
  width: 90%;
  max-width: 480px;
  max-height: 90vh;
  overflow-y: auto;
}

.req-header[b-7gt2111kuu] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px 24px 16px;
  border-bottom: 1px solid #e5e5e5;
}

.req-title[b-7gt2111kuu] {
  margin: 0;
  font-size: 1.1rem;
  font-weight: 600;
  color: #111111;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 85%;
}

.req-close[b-7gt2111kuu] {
  background: none;
  border: none;
  font-size: 1.25rem;
  cursor: pointer;
  color: #666666;
  padding: 4px 8px;
  border-radius: 4px;
  line-height: 1;
  flex-shrink: 0;
}

.req-close:hover[b-7gt2111kuu] { background-color: #f0f0f0; }

.req-body[b-7gt2111kuu] {
  padding: 20px 24px 24px;
}

.req-group[b-7gt2111kuu] {
  margin-bottom: 16px;
}

.req-label[b-7gt2111kuu] {
  display: block;
  margin-bottom: 6px;
  font-size: 0.9rem;
  font-weight: 500;
  color: #111111;
}

.req-input[b-7gt2111kuu] {
  display: block;
  width: 100%;
  padding: 10px 12px;
  font-size: 1rem;
  border: 1px solid #cccccc;
  border-radius: 6px;
  outline: none;
  box-sizing: border-box;
  font-family: inherit;
  color: #111111;
  background-color: #ffffff;
}

.req-input:focus[b-7gt2111kuu] {
  border-color: #111111;
  box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.08);
}

.req-error[b-7gt2111kuu] {
  display: block;
  margin-top: 4px;
  font-size: 0.82rem;
  color: #c0392b;
}

.req-msg-error[b-7gt2111kuu] {
  padding: 10px 12px;
  background-color: #fff5f5;
  border: 1px solid #ffcccc;
  border-radius: 6px;
  color: #c0392b;
  font-size: 0.9rem;
  margin-bottom: 16px;
}

.req-msg-success[b-7gt2111kuu] {
  padding: 10px 12px;
  background-color: #f0fff4;
  border: 1px solid #99ddb0;
  border-radius: 6px;
  color: #1a7f37;
  font-size: 0.9rem;
  margin-bottom: 16px;
}

.req-actions[b-7gt2111kuu] {
  display: flex;
  gap: 10px;
  margin-top: 20px;
}

.req-btn-primary[b-7gt2111kuu] {
  flex: 1;
  padding: 11px 16px;
  background-color: #111111;
  color: #ffffff;
  border: none;
  border-radius: 6px;
  font-size: 0.95rem;
  font-weight: 500;
  cursor: pointer;
  font-family: inherit;
}

.req-btn-primary:hover:not(:disabled)[b-7gt2111kuu] { background-color: #333333; }
.req-btn-primary:disabled[b-7gt2111kuu] { opacity: 0.55; cursor: not-allowed; }

.req-btn-secondary[b-7gt2111kuu] {
  flex: 1;
  padding: 11px 16px;
  background-color: #f5f5f5;
  color: #111111;
  border: 1px solid #dddddd;
  border-radius: 6px;
  font-size: 0.95rem;
  font-weight: 500;
  cursor: pointer;
  font-family: inherit;
}

.req-btn-secondary:hover[b-7gt2111kuu] { background-color: #e8e8e8; }
/* /Components/Pages/Services.razor.rz.scp.css */
.services-page[b-z2wdi5tny6] {
  max-width: var(--max-width);
  margin: 0 auto;
  padding: var(--spacing-lg) var(--spacing-md);
}

.services-page h1[b-z2wdi5tny6] {
  text-align: center;
  margin-bottom: var(--spacing-xl);
}

.services-list[b-z2wdi5tny6] {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
}

.service-card[b-z2wdi5tny6] {
  background-color: var(--color-primary);
  border: 1px solid var(--color-border);
  border-radius: var(--border-radius);
  padding: var(--spacing-md);
  transition: box-shadow 0.2s ease-in-out;
}

.service-card:hover[b-z2wdi5tny6] {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

.service-card__header[b-z2wdi5tny6] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: var(--spacing-sm);
  flex-wrap: wrap;
  gap: var(--spacing-sm);
}

.service-card__title[b-z2wdi5tny6] {
  margin-bottom: 0;
  font-size: 1.25rem;
  font-weight: 600;
}

.service-card__price[b-z2wdi5tny6] {
  font-size: 1.1rem;
  font-weight: 600;
  color: var(--color-text-primary);
  background-color: var(--color-secondary);
  padding: var(--spacing-xs) var(--spacing-sm);
  border-radius: var(--border-radius);
  white-space: nowrap;
}

.service-card__body[b-z2wdi5tny6] {
  display: flex;
  align-items: flex-start;
  gap: var(--spacing-xs);
}

.service-card__description[b-z2wdi5tny6] {
  flex: 1;
  color: var(--color-text-secondary);
  margin-bottom: 0;
  line-height: 1.6;
}

.service-card__tooltip[b-z2wdi5tny6] {
  cursor: help;
  font-size: 1.1rem;
  flex-shrink: 0;
  position: relative;
}

.service-card__tooltip:hover[b-z2wdi5tny6]::after {
  content: attr(title);
  position: absolute;
  right: 0;
  top: 100%;
  background-color: var(--color-text-primary);
  color: white;
  padding: var(--spacing-xs) var(--spacing-sm);
  border-radius: var(--border-radius);
  font-size: 0.85rem;
  max-width: 300px;
  white-space: normal;
  z-index: 10;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}

.loading[b-z2wdi5tny6] {
  text-align: center;
  color: var(--color-text-secondary);
  padding: var(--spacing-xl);
}

.empty-state[b-z2wdi5tny6] {
  text-align: center;
  padding: var(--spacing-xl);
  color: var(--color-text-secondary);
}

@media (max-width: 768px) {
  .service-card__header[b-z2wdi5tny6] {
    flex-direction: column;
    align-items: flex-start;
  }

  .service-card__body[b-z2wdi5tny6] {
    flex-direction: column;
  }

  .service-card__tooltip:hover[b-z2wdi5tny6]::after {
    right: auto;
    left: 0;
  }
}
/* /Components/RichTextEditor.razor.rz.scp.css */
.rte-toolbar[b-0p6ej9liej] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px;
  padding: var(--spacing-xs) var(--spacing-sm);
  background-color: #fff;
  border: 1px solid var(--color-border);
  border-bottom: none;
  border-radius: var(--border-radius) var(--border-radius) 0 0;
}

.rte-separator[b-0p6ej9liej] {
  width: 1px;
  height: 22px;
  background-color: var(--color-border);
  margin: 0 4px;
}

.rte-btn[b-0p6ej9liej] {
  padding: 4px 10px;
  font-size: 0.875rem;
  border: 1px solid var(--color-border);
  border-radius: 4px;
  background-color: #fff;
  cursor: pointer;
  line-height: 1.4;
  color: var(--color-text);
  transition: background-color 0.15s;
  min-width: 32px;
}

.rte-btn:hover[b-0p6ej9liej] {
  background-color: var(--color-secondary);
}

.rte-btn:active[b-0p6ej9liej] {
  background-color: #e0e0e0;
}

.rte-btn--clear[b-0p6ej9liej] {
  font-size: 0.8rem;
  color: #888;
}

.rte-btn--link[b-0p6ej9liej] {
  color: #1a6fbd;
}

.rte-editor[b-0p6ej9liej] {
  padding: var(--spacing-md);
  border: 1px solid var(--color-border);
  border-radius: 0 0 var(--border-radius) var(--border-radius);
  background-color: #fff;
  font-family: var(--font-sans);
  font-size: 1rem;
  line-height: 1.7;
  color: var(--color-text);
  outline: none;
  overflow-y: auto;
}

.rte-editor:focus[b-0p6ej9liej] {
  border-color: var(--color-accent);
  box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.08);
}

.rte-editor p[b-0p6ej9liej] {
  margin: 0 0 0.75em 0;
}

.rte-editor h2[b-0p6ej9liej] {
  margin: 0.75em 0 0.5em;
  font-size: 1.25rem;
}

.rte-editor ul[b-0p6ej9liej],
.rte-editor ol[b-0p6ej9liej] {
  padding-left: 1.5em;
  margin-bottom: 0.75em;
}

.rte-editor a[b-0p6ej9liej] {
  color: var(--color-accent, #1a6fbd);
  text-decoration: underline;
  cursor: pointer;
}

.rte-editor a:hover[b-0p6ej9liej] {
  opacity: 0.75;
}

.link-dialog[b-0p6ej9liej] {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: var(--spacing-xs);
  padding: var(--spacing-sm) var(--spacing-md);
  background-color: #f0f6ff;
  border: 1px solid #bfd4f5;
  border-top: none;
  border-radius: 0 0 var(--border-radius) var(--border-radius);
  animation: fadeIn-b-0p6ej9liej 0.12s ease;
}

@keyframes fadeIn-b-0p6ej9liej {
  from {
    opacity: 0;
    transform: translateY(-4px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.link-dialog__label[b-0p6ej9liej] {
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--color-text);
  white-space: nowrap;
}

.link-dialog__input[b-0p6ej9liej] {
  flex: 1;
  min-width: 200px;
  padding: 5px 10px;
  font-size: 0.875rem;
  border: 1px solid var(--color-border);
  border-radius: 4px;
  outline: none;
}

.link-dialog__input:focus[b-0p6ej9liej] {
  border-color: var(--color-accent);
  box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.06);
}

@media (max-width: 768px) {
  .rte-toolbar[b-0p6ej9liej] {
    gap: 2px;
  }
}