/* ezey-tema-03 app compatibility layer for CMS pages */

.header-top-bar {
  padding: 8px 0;
  font-size: 14px;
}
.header-top-bar .container-fluid {
  width: min(100% - 24px, var(--maxw, 1180px));
  margin-inline: auto;
}

.site-header .logo-img {
  display: block;
  height: 44px;
  max-height: 44px;
  width: auto;
  object-fit: contain;
}
.site-header.scrolled .logo-img {
  height: 44px;
  max-height: 44px;
}
.site-footer .logo-img {
  display: block;
  max-height: 44px;
  width: auto;
  object-fit: contain;
}

.page-shell { padding: 40px 0 72px; }
.page-card {
  background: #fff;
  border: 1px solid var(--line, #e3e8ef);
  border-radius: var(--radius, 6px);
  padding: 20px;
  box-shadow: var(--shadow, 0 6px 24px rgba(10, 79, 163, 0.06));
}

.container-fluid { width: min(100% - 32px, var(--maxw, 1180px)); margin-inline: auto; }
.row { display: flex; flex-wrap: wrap; margin: 0 -12px; }
.row > [class*="col-"] { padding: 0 12px; box-sizing: border-box; }
.col-12 { width: 100%; }
.col-md-6 { width: 50%; }
.col-lg-3 { width: 25%; }
.col-lg-4 { width: 33.333%; }
.col-lg-5 { width: 41.666%; }
.col-lg-6 { width: 50%; }
.col-lg-7 { width: 58.333%; }
.col-lg-8 { width: 66.666%; }
.col-lg-9 { width: 75%; }
.d-flex { display: flex; }
.align-items-center { align-items: center; }
.justify-content-between { justify-content: space-between; }
.justify-content-center { justify-content: center; }
.text-center { text-align: center; }
.text-end { text-align: right; }
.mb-0 { margin-bottom: 0; }
.mb-3 { margin-bottom: 1rem; }
.mb-4 { margin-bottom: 1.5rem; }
.mt-3 { margin-top: 1rem; }
.bg-white { background: #fff; }
.text-decoration-none { text-decoration: none; }
.overflow-hidden { overflow: hidden; }
.fw-600, .fw-700 { font-weight: 700; }
.text-dark-gray, .text-dark-gray a { color: var(--ink, #10161f); }
.text-medium-gray { color: var(--grey, #5c6675); }
.fs-14 { font-size: 14px; }
.fs-15 { font-size: 15px; }
.fs-24 { font-size: 1.35rem; }
.lh-24 { line-height: 1.5; }
.lh-30 { line-height: 1.35; }
.p-25px { padding: 20px; }
.pb-0 { padding-bottom: 0; }
.pt-15px { padding-top: 12px; }
.pt-40px { padding-top: 40px; }
.pb-40px { padding-bottom: 40px; }
.pb-80px { padding-bottom: 72px; }
.mb-25px { margin-bottom: 20px; }
.ms-20px { margin-left: 16px; }
.mb-6px { margin-bottom: 6px; }
.mb-5px { margin-bottom: 5px; }

.product-catalog-card {
  border: 1px solid var(--line, #e3e8ef);
  border-radius: var(--radius, 6px);
  background: #fff;
  margin-bottom: 18px;
  box-shadow: var(--shadow, 0 6px 24px rgba(10, 79, 163, 0.05));
}
.product-catalog-card .product-title-link:hover { color: var(--blue, #0a4fa3); }

.alert {
  padding: 12px 14px;
  border-radius: 6px;
  border: 1px solid var(--line, #e3e8ef);
  background: var(--soft, #f2f6fc);
  color: var(--ink, #10161f);
}
.alert-warning { border-color: #f5d78e; background: #fff8e8; }

@media (max-width: 900px) {
  .col-md-6,
  .col-lg-3,
  .col-lg-4,
  .col-lg-5,
  .col-lg-6,
  .col-lg-7,
  .col-lg-8,
  .col-lg-9 { width: 100%; }
}

@media (max-width: 640px) {
  .container-fluid,
  .header-top-bar .container-fluid {
    width: min(100% - 24px, var(--maxw, 1180px));
  }
  .page-shell { padding: 28px 0 48px; }
  .page-card { padding: 16px; }
  .p-25px { padding: 16px; }
  .pt-40px { padding-top: 24px; }
  .pb-40px { padding-bottom: 24px; }
  .pb-80px { padding-bottom: 48px; }
  .ms-20px { margin-left: 0; }
  .text-end { text-align: left; }
}