@import url('../fonts.css?v=20260930-2');
@import url('../support.css?v=20261009-1');
body.has-demo-photos { font-family: Archivo, Arial, sans-serif; }
.has-demo-photos * { letter-spacing: 0 !important; }
.has-demo-photos .hero {
  position: relative;
  isolation: isolate;
  min-height: min(700px, calc(100svh - 110px));
  background: #21352a;
  overflow: hidden;
}
.has-demo-photos .hero > .demo-hero-photo {
  position: absolute;
  inset: 0;
  z-index: -2;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.has-demo-photos .hero::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: -1;
  background: rgba(15, 30, 22, .6);
}
.has-demo-photos .hero-bg,
.has-demo-photos .hero-pattern,
.has-demo-photos .hero-plates,
.has-demo-photos .hero-deco,
.has-demo-photos .hero-grid-bg,
.has-demo-photos .hero-left-bg,
.has-demo-photos .hero-right-deco { display: none; }
.has-demo-photos .hero h1 { font-size: 72px; line-height: 1.06; overflow-wrap: break-word; }
.has-demo-photos .hero p { max-width: 650px; }
.has-demo-photos .hero p:not(.kicker) { color: #edf3eb; }
.has-demo-photos .hero-tag { color: #dcebe0; background: rgba(20, 42, 30, .8); border-color: rgba(201, 221, 205, .35); }
.has-demo-photos .hs-label { color: #d6e6d7; }
.has-demo-photos .hero * { animation: none !important; }
.has-demo-photos .hero-content { width: min(1280px, 100%); margin-inline: auto; padding: 128px 48px 44px; text-align: left; }
.has-demo-photos .hero-content > p { margin-inline: 0; }
.has-demo-photos .hero-content .hero-btns { justify-content: flex-start; }
.has-demo-photos .hero-stats { justify-content: flex-start; }
.has-demo-photos .hero__inner { padding-top: 150px; padding-bottom: 46px; }
.has-demo-photos .hero__aside { background: none; backdrop-filter: none; border: 0; padding: 0; }
.has-demo-photos .hero__metrics { border-top: 1px solid rgba(222,235,225,.45); }
.has-demo-photos .demo-real-photo { display: block; width: 100%; height: 100%; object-fit: cover; }
.has-demo-photos .demo-photo-filled { position: relative; padding: 0; overflow: hidden; }
.has-demo-photos .menu-img { height: auto; aspect-ratio: 16 / 10; }
.has-demo-photos .room-img { height: auto; aspect-ratio: 16 / 10; }
.has-demo-photos .product-img { aspect-ratio: 3 / 4; }
.has-demo-photos .room-badge,.has-demo-photos .product-label { position: absolute; z-index: 1; }
.has-demo-photos .menu-card,.has-demo-photos .room-card,.has-demo-photos .product-card,.has-demo-photos .hz-card,.has-demo-photos .amen-item {
  opacity: 1 !important;
  transform: none !important;
  animation: none !important;
  border-radius: 6px;
}
.has-demo-photos .product-card:hover .product-img { transform: none; filter: none; }
.has-demo-photos .hz-icon,.has-demo-photos .logo,.has-demo-photos .rnv-btn,.has-demo-photos .rez-btn,.has-demo-photos .btn-gold { animation: none !important; }
.has-demo-photos .demo-price-note { font: 13px/1.6 Archivo, Arial, sans-serif; margin: 22px 0 0; color: inherit; opacity: .8; }
.has-demo-photos h2 { font-size: 36px; }
.has-demo-photos .support-promise h2 { font-size: 34px; }
.has-demo-photos .record-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }
.has-demo-photos .record-row { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 12px 16px; padding: 0 0 20px; overflow: hidden; border-bottom: 1px solid var(--line); }
.has-demo-photos .record-row > .demo-real-photo { grid-column: 1 / -1; aspect-ratio: 16 / 9; height: auto; }
.has-demo-photos .record-code { grid-column: 1; padding-left: 18px; }
.has-demo-photos .record-main { grid-column: 1 / -1; grid-row: 3; padding-inline: 18px; }
.has-demo-photos .record-main h4 { font-size: 19px; line-height: 1.35; }
.has-demo-photos .record-row .status-chip { grid-column: 2; grid-row: 2; margin-right: 18px; }
.has-demo-photos .record-row .save-button { grid-column: 1 / -1; justify-self: start; margin-left: 18px; }
.has-demo-photos [hidden] { display: none !important; }
.has-demo-photos[data-demo-key='giyim'] .hero,
.has-demo-photos[data-demo-key='guzellik'] .hero { display: flex; align-items: flex-end; padding-top: 110px; }
.has-demo-photos[data-demo-key='giyim'] .hero-left,
.has-demo-photos[data-demo-key='guzellik'] .hero-right-side { width: min(1380px, 100%); margin-inline: auto; background: transparent; padding: 56px 48px; }
.has-demo-photos[data-demo-key='giyim'] .hero-right,
.has-demo-photos[data-demo-key='guzellik'] .hero-left-side { display: none; }
.has-demo-photos[data-demo-key='giyim'] .hero-tag { color: #dce6dd; }
.has-demo-photos[data-demo-key='guzellik'] .hz-icon.demo-photo-filled { width: 100%; height: auto; aspect-ratio: 16 / 10; margin-bottom: 18px; }
.has-demo-photos[data-demo-key='guzellik'] .sp-icon.demo-photo-filled { width: 76px; height: 76px; border-radius: 4px; }
.has-demo-photos[data-demo-key='kurumsal'] .hero { padding-top: 110px; padding-bottom: 48px; }
.has-demo-photos[data-demo-key='kurumsal'] .hero-inner { display: block; width: min(1380px, 100%); margin-inline: auto; padding-inline: 48px; }
.has-demo-photos[data-demo-key='kurumsal'] .hero-inner > div:first-child { max-width: 720px; }
.has-demo-photos[data-demo-key='kurumsal'] .hero-right,.has-demo-photos[data-demo-key='kurumsal'] .hero-trust { display: none; }
.has-demo-photos .demo-office-photo { margin: 48px 0 0; width: 100%; height: 360px; }
@media (min-width: 769px) {
  .has-demo-photos[data-demo-key='restoran'] .hero,
  .has-demo-photos[data-demo-key='otel'] .hero { justify-content: flex-start; }
}
@media (max-width: 1000px) {
  .has-demo-photos .hero h1 { font-size: 54px; }
  .has-demo-photos .hero__inner { grid-template-columns: 1fr; }
  .has-demo-photos .hero__aside { display: none; }
}
@media (max-width: 760px) {
  .has-demo-photos .hero { min-height: min(650px, calc(100svh - 110px)); }
  .has-demo-photos .hero h1 { font-size: 38px; }
  .has-demo-photos h2,.has-demo-photos .support-promise h2 { font-size: 28px; }
  .has-demo-photos .hero-content { padding: 126px 22px 32px; }
  .has-demo-photos .hero__inner { padding: 126px 22px 32px; }
  .has-demo-photos .hero__lead { font-size: 18px; }
  .has-demo-photos .hero-stats { gap: 16px; }
  .has-demo-photos .record-list { grid-template-columns: 1fr; }
  .has-demo-photos[data-demo-key='giyim'] .hero-left,
  .has-demo-photos[data-demo-key='guzellik'] .hero-right-side,
  .has-demo-photos[data-demo-key='kurumsal'] .hero-inner { padding: 32px 22px; }
  .has-demo-photos .demo-office-photo { height: 240px; }
}
@media (prefers-reduced-motion: reduce) {
  .has-demo-photos * { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
}