:root {
  --chrome-ink: #1e1b4b;
  --chrome-muted: #5c617a;
  --chrome-pink: #f472b6;
  --chrome-blue: #60a5fa;
  --chrome-surface: rgba(255, 255, 255, 0.94);
}
.site-chrome-nav {
  position: sticky;
  top: 0;
  z-index: 1040;
  min-height: 82px;
  display: flex;
  align-items: center;
  background: linear-gradient(112deg, rgba(255, 240, 249, .97), rgba(239, 246, 255, .97));
  border-bottom: 1px solid rgba(96, 165, 250, .2);
  box-shadow: 0 8px 26px rgba(74, 89, 153, .11);
  backdrop-filter: blur(14px);
}
.site-chrome-nav .site-chrome-wrap {
  width: min(1280px, calc(100% - 32px));
  margin: 0 auto;
  display: grid;
  grid-template-columns: 168px minmax(0, 1fr) auto;
  align-items: center;
  gap: 24px;
}
.site-chrome-brand { display: inline-flex; align-items: center; width: 160px; }
.site-chrome-brand img { display: block; width: 160px; height: 62px; object-fit: contain; }
.site-chrome-links { display: flex; justify-content: center; align-items: center; gap: 3px; min-width: 0; }
.site-chrome-link { padding: 9px 11px; border-radius: 999px; color: var(--chrome-ink); font-family: Arial, sans-serif; font-size: 15px !important; font-weight: 700; line-height: 1; white-space: nowrap; text-decoration: none; transition: .2s ease; }
.site-chrome-link:hover, .site-chrome-link[aria-current="page"] { color: #fff; background: linear-gradient(135deg, var(--chrome-pink), var(--chrome-blue)); box-shadow: 0 6px 16px rgba(244, 114, 182, .25); }
.site-chrome-actions { display: flex; align-items: center; gap: 9px; }
.site-chrome-login, .site-chrome-register { min-width: 94px; padding: 10px 16px; border-radius: 999px; font-family: Arial, sans-serif; font-size: 15px !important; font-weight: 800; line-height: 1; text-align: center; text-decoration: none; transition: .2s ease; }
.site-chrome-login { color: #2563eb; border: 1.5px solid #60a5fa; background: rgba(255,255,255,.66); }
.site-chrome-register { color: #fff; background: linear-gradient(135deg, var(--chrome-pink), var(--chrome-blue)); box-shadow: 0 7px 18px rgba(244, 114, 182, .25); }
.site-chrome-login:hover, .site-chrome-register:hover { transform: translateY(-2px); color: inherit; }
.breadcrumb-section > .container,
.site-chrome-breadcrumb .site-chrome-wrap {
  width: min(1280px, calc(100% - 32px)) !important;
  max-width: 1280px !important;
  margin: 0 auto !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.site-chrome-breadcrumb {
  min-height: 56px;
  display: flex;
  align-items: center;
  padding: 10px 0;
  background: linear-gradient(135deg, #fff0f9, #eff6ff);
  border-bottom: 1px solid #fce7f3;
}
.site-chrome-breadcrumb .site-chrome-wrap {
  display: grid;
  grid-template-columns: 168px minmax(0, 1fr) auto;
  gap: 24px;
  align-items: center;
}
.site-chrome-breadcrumb ol { grid-column: 1 / span 2; display: flex; align-items: center; gap: 8px; margin: 0; padding: 0; list-style: none; color: #5c617a; font-family: Arial, sans-serif; font-size: 15px; font-weight: 700; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.site-chrome-breadcrumb a { color: #db2777; font-weight: 700; text-decoration: none; }
.site-chrome-breadcrumb li + li::before { content: "›"; margin-right: 8px; color: #f472b6; }
.site-chrome-footer { background: linear-gradient(135deg, #17123d, #2b236d); color: rgba(255,255,255,.78); padding: 48px 0 20px; }
.site-chrome-footer .site-chrome-wrap { width: min(1180px, calc(100% - 32px)); margin: 0 auto; }
.site-chrome-footer-grid { display: grid; grid-template-columns: minmax(220px, 1.5fr) repeat(4, minmax(110px, 1fr)); gap: 24px; }
.site-chrome-footer-brand img { width: 148px; height: 58px; object-fit: contain; display: block; margin: 0 0 12px; }
.site-chrome-footer p { margin: 0; max-width: 390px; font-size: .9rem; line-height: 1.75; }
.site-chrome-footer h2 { margin: 7px 0 13px; color: #fff; font-size: .94rem; font-weight: 800; }
.site-chrome-footer ul { margin: 0; padding: 0; list-style: none; }
.site-chrome-footer li + li { margin-top: 8px; }
.site-chrome-footer a { color: rgba(255,255,255,.75); font-size: .87rem; text-decoration: none; }
.site-chrome-footer a:hover { color: #fff; }
.site-chrome-copyright { margin-top: 34px; padding-top: 18px; border-top: 1px solid rgba(255,255,255,.16); color: rgba(255,255,255,.56); font-size: .8rem; text-align: center; }
.site-content-image {
  padding: 34px 0;
  background: linear-gradient(135deg, rgba(255, 240, 249, .5), rgba(239, 246, 255, .56));
}
.site-content-image .site-content-image-wrap {
  width: min(860px, calc(100% - 32px));
  margin: 0 auto;
  overflow: hidden;
  border: 1px solid rgba(244, 114, 182, .25);
  border-radius: 22px;
  background: #fff;
  box-shadow: 0 14px 32px rgba(74, 89, 153, .12);
}
.site-content-image img { display: block; width: 100%; max-height: 460px; object-fit: cover; }
@media (max-width: 1100px) {
  .site-chrome-nav .site-chrome-wrap { grid-template-columns: 140px minmax(0,1fr) auto; gap: 12px; }
  .site-chrome-brand, .site-chrome-brand img { width: 136px; }
  .site-chrome-link { padding: 8px 7px; font-size: 13px !important; }
  .site-chrome-login, .site-chrome-register { min-width: auto; padding: 9px 11px; font-size: 13px !important; }
  .site-chrome-breadcrumb .site-chrome-wrap { grid-template-columns: 140px minmax(0, 1fr) auto; gap: 12px; }
}
@media (max-width: 820px) {
  .site-chrome-nav { position: relative; padding: 10px 0; }
  .site-chrome-nav .site-chrome-wrap { grid-template-columns: 1fr auto; }
  .site-chrome-links { grid-column: 1 / -1; grid-row: 2; justify-content: flex-start; overflow-x: auto; padding: 4px 0 2px; scrollbar-width: none; }
  .site-chrome-links::-webkit-scrollbar { display: none; }
  .site-chrome-footer-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .site-chrome-footer-grid > :first-child { grid-column: 1 / -1; }
  .site-chrome-breadcrumb .site-chrome-wrap { display: block; }
  .site-chrome-breadcrumb ol { font-size: 14px; }
}
@media (max-width: 480px) {
  .site-chrome-nav .site-chrome-wrap { width: min(100% - 20px, 1280px); }
  .site-chrome-brand, .site-chrome-brand img { width: 110px; height: 46px; }
  .site-chrome-actions { gap: 6px; }
  .site-chrome-login, .site-chrome-register { padding: 8px 10px; font-size: .74rem; }
  .site-chrome-footer { padding-top: 38px; }
  .site-chrome-footer-grid { gap: 26px 18px; }
  .breadcrumb-section > .container,
  .site-chrome-breadcrumb .site-chrome-wrap { width: min(100% - 20px, 1280px) !important; }
}