@charset "UTF-8";
/*
Theme Name: Pitemati
Text Domain: pitemati
Domain Path: /languages
*/
/* Colors */
:root {
  --blue-ruin:#026cdd;
  --blue-ruin-rgba:2,108,221;
  --london-rain:#0051bb;
  --london-rain-rgba:0,81,187;
  --white:#ffffff;
  --warm-purple:#972b8a;
  --aged-purple:#ac439f;
  --adamantine-blue:#57a5f8;
  --swiss-plum:#6d46b3;
  --swiss-plum-rgba:109,70,179;
  --midnight:#020c2e;
  --mazzy-star:#c35caf;
  --peach-cobbler:#ffae83;
  --golden-nectar:#ffd969;
  --sapphire-blue:#0066bc;
  --altdorf-sky-blue:#00a1ab;
  --malted-mint-madness:#0cdaa7;
  --alphabet-blue:#b3d1f0;
  --jadestone:#03a8a6;
  --emerson:#42645d;
  --black-anther:#424242;
  --white-rabbit:#f9f0e9;
  --clr: #825aa9;
  --french-color: #ff6a92;
  --lightpink: #FFA8C0;
  --nastygreen: #66b33e;
  --green: #359004;
  --skyblue: #81d6e5;
  --violet: #ff87ec;
  --neon-fuchsia: #ff4160;
  --purple-honeycreeper: #825bfe;
}

/* Color Classes */
/*Color Text*/
.blue-ruin {
  color: var(--blue-ruin);
}

/* Bg Color Class */
.bg-blue-ruin {
  background-color: var(--blue-ruin);
}

/*Text-Bg Color*/
.text-bg-blue-ruin {
  color: var(--white);
  background-color: var(--blue-ruin);
}

/*
Kullanım
.button {
  background-color: rgba-from-hex(#026cdd, 0.75); // blue-ruin rengini %75 opaklıkla kullan
  border-color: rgba-from-hex(#0051bb, 0.5); // london-rain
}

.hero {
  background: rgba-from-hex($mazzy-star, 0.9); // SCSS değişken ile
}
*/
.spacer-h-xxs {
  height: 4px;
  width: 100%;
}

.spacer-h-xs {
  height: 8px;
  width: 100%;
}

.spacer-h-sm {
  height: 12px;
  width: 100%;
}

.spacer-h-md {
  height: 16px;
  width: 100%;
}

.spacer-h-lg {
  height: 24px;
  width: 100%;
}

.spacer-h-xl {
  height: 32px;
  width: 100%;
}

.spacer-h-xxl {
  height: 48px;
  width: 100%;
}

.spacer-w-xxs {
  width: 4px;
  height: 100%;
  display: inline-block;
}

.spacer-w-xs {
  width: 8px;
  height: 100%;
  display: inline-block;
}

.spacer-w-sm {
  width: 12px;
  height: 100%;
  display: inline-block;
}

.spacer-w-md {
  width: 16px;
  height: 100%;
  display: inline-block;
}

.spacer-w-lg {
  width: 24px;
  height: 100%;
  display: inline-block;
}

.spacer-w-xl {
  width: 32px;
  height: 100%;
  display: inline-block;
}

.spacer-w-xxl {
  width: 48px;
  height: 100%;
  display: inline-block;
}

.mwt-row {
  display: flex;
  flex-wrap: wrap;
  margin-left: -0.5rem;
  margin-right: -0.5rem;
}
.mwt-row > * {
  box-sizing: border-box;
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.mwt-col {
  box-sizing: border-box;
  flex: 1 0 0%;
  width: 100%;
  max-width: 100%;
  min-width: 0;
}

.mwt-col-1 {
  box-sizing: border-box;
  flex: 0 0 8.3333333333%;
  width: 8.3333333333%;
  max-width: 8.3333333333%;
  min-width: 0;
}

.mwt-col-2 {
  box-sizing: border-box;
  flex: 0 0 16.6666666667%;
  width: 16.6666666667%;
  max-width: 16.6666666667%;
  min-width: 0;
}

.mwt-col-3 {
  box-sizing: border-box;
  flex: 0 0 25%;
  width: 25%;
  max-width: 25%;
  min-width: 0;
}

.mwt-col-4 {
  box-sizing: border-box;
  flex: 0 0 33.3333333333%;
  width: 33.3333333333%;
  max-width: 33.3333333333%;
  min-width: 0;
}

.mwt-col-5 {
  box-sizing: border-box;
  flex: 0 0 41.6666666667%;
  width: 41.6666666667%;
  max-width: 41.6666666667%;
  min-width: 0;
}

.mwt-col-6 {
  box-sizing: border-box;
  flex: 0 0 50%;
  width: 50%;
  max-width: 50%;
  min-width: 0;
}

.mwt-col-7 {
  box-sizing: border-box;
  flex: 0 0 58.3333333333%;
  width: 58.3333333333%;
  max-width: 58.3333333333%;
  min-width: 0;
}

.mwt-col-8 {
  box-sizing: border-box;
  flex: 0 0 66.6666666667%;
  width: 66.6666666667%;
  max-width: 66.6666666667%;
  min-width: 0;
}

.mwt-col-9 {
  box-sizing: border-box;
  flex: 0 0 75%;
  width: 75%;
  max-width: 75%;
  min-width: 0;
}

.mwt-col-10 {
  box-sizing: border-box;
  flex: 0 0 83.3333333333%;
  width: 83.3333333333%;
  max-width: 83.3333333333%;
  min-width: 0;
}

.mwt-col-11 {
  box-sizing: border-box;
  flex: 0 0 91.6666666667%;
  width: 91.6666666667%;
  max-width: 91.6666666667%;
  min-width: 0;
}

.mwt-col-12 {
  box-sizing: border-box;
  flex: 0 0 100%;
  width: 100%;
  max-width: 100%;
  min-width: 0;
}

@media (min-width: 576px) {
  .mwt-col-1 {
    box-sizing: border-box;
    flex: 0 0 8.3333333333%;
    width: 8.3333333333%;
    max-width: 8.3333333333%;
    min-width: 0;
  }
  .mwt-col-2 {
    box-sizing: border-box;
    flex: 0 0 16.6666666667%;
    width: 16.6666666667%;
    max-width: 16.6666666667%;
    min-width: 0;
  }
  .mwt-col-3 {
    box-sizing: border-box;
    flex: 0 0 25%;
    width: 25%;
    max-width: 25%;
    min-width: 0;
  }
  .mwt-col-4 {
    box-sizing: border-box;
    flex: 0 0 33.3333333333%;
    width: 33.3333333333%;
    max-width: 33.3333333333%;
    min-width: 0;
  }
  .mwt-col-5 {
    box-sizing: border-box;
    flex: 0 0 41.6666666667%;
    width: 41.6666666667%;
    max-width: 41.6666666667%;
    min-width: 0;
  }
  .mwt-col-6 {
    box-sizing: border-box;
    flex: 0 0 50%;
    width: 50%;
    max-width: 50%;
    min-width: 0;
  }
  .mwt-col-7 {
    box-sizing: border-box;
    flex: 0 0 58.3333333333%;
    width: 58.3333333333%;
    max-width: 58.3333333333%;
    min-width: 0;
  }
  .mwt-col-8 {
    box-sizing: border-box;
    flex: 0 0 66.6666666667%;
    width: 66.6666666667%;
    max-width: 66.6666666667%;
    min-width: 0;
  }
  .mwt-col-9 {
    box-sizing: border-box;
    flex: 0 0 75%;
    width: 75%;
    max-width: 75%;
    min-width: 0;
  }
  .mwt-col-10 {
    box-sizing: border-box;
    flex: 0 0 83.3333333333%;
    width: 83.3333333333%;
    max-width: 83.3333333333%;
    min-width: 0;
  }
  .mwt-col-11 {
    box-sizing: border-box;
    flex: 0 0 91.6666666667%;
    width: 91.6666666667%;
    max-width: 91.6666666667%;
    min-width: 0;
  }
  .mwt-col-12 {
    box-sizing: border-box;
    flex: 0 0 100%;
    width: 100%;
    max-width: 100%;
    min-width: 0;
  }
}
@media (min-width: 768px) {
  .mwt-col-1 {
    box-sizing: border-box;
    flex: 0 0 8.3333333333%;
    width: 8.3333333333%;
    max-width: 8.3333333333%;
    min-width: 0;
  }
  .mwt-col-2 {
    box-sizing: border-box;
    flex: 0 0 16.6666666667%;
    width: 16.6666666667%;
    max-width: 16.6666666667%;
    min-width: 0;
  }
  .mwt-col-3 {
    box-sizing: border-box;
    flex: 0 0 25%;
    width: 25%;
    max-width: 25%;
    min-width: 0;
  }
  .mwt-col-4 {
    box-sizing: border-box;
    flex: 0 0 33.3333333333%;
    width: 33.3333333333%;
    max-width: 33.3333333333%;
    min-width: 0;
  }
  .mwt-col-5 {
    box-sizing: border-box;
    flex: 0 0 41.6666666667%;
    width: 41.6666666667%;
    max-width: 41.6666666667%;
    min-width: 0;
  }
  .mwt-col-6 {
    box-sizing: border-box;
    flex: 0 0 50%;
    width: 50%;
    max-width: 50%;
    min-width: 0;
  }
  .mwt-col-7 {
    box-sizing: border-box;
    flex: 0 0 58.3333333333%;
    width: 58.3333333333%;
    max-width: 58.3333333333%;
    min-width: 0;
  }
  .mwt-col-8 {
    box-sizing: border-box;
    flex: 0 0 66.6666666667%;
    width: 66.6666666667%;
    max-width: 66.6666666667%;
    min-width: 0;
  }
  .mwt-col-9 {
    box-sizing: border-box;
    flex: 0 0 75%;
    width: 75%;
    max-width: 75%;
    min-width: 0;
  }
  .mwt-col-10 {
    box-sizing: border-box;
    flex: 0 0 83.3333333333%;
    width: 83.3333333333%;
    max-width: 83.3333333333%;
    min-width: 0;
  }
  .mwt-col-11 {
    box-sizing: border-box;
    flex: 0 0 91.6666666667%;
    width: 91.6666666667%;
    max-width: 91.6666666667%;
    min-width: 0;
  }
  .mwt-col-12 {
    box-sizing: border-box;
    flex: 0 0 100%;
    width: 100%;
    max-width: 100%;
    min-width: 0;
  }
}
@media (min-width: 992px) {
  .mwt-col-1 {
    box-sizing: border-box;
    flex: 0 0 8.3333333333%;
    width: 8.3333333333%;
    max-width: 8.3333333333%;
    min-width: 0;
  }
  .mwt-col-2 {
    box-sizing: border-box;
    flex: 0 0 16.6666666667%;
    width: 16.6666666667%;
    max-width: 16.6666666667%;
    min-width: 0;
  }
  .mwt-col-3 {
    box-sizing: border-box;
    flex: 0 0 25%;
    width: 25%;
    max-width: 25%;
    min-width: 0;
  }
  .mwt-col-4 {
    box-sizing: border-box;
    flex: 0 0 33.3333333333%;
    width: 33.3333333333%;
    max-width: 33.3333333333%;
    min-width: 0;
  }
  .mwt-col-5 {
    box-sizing: border-box;
    flex: 0 0 41.6666666667%;
    width: 41.6666666667%;
    max-width: 41.6666666667%;
    min-width: 0;
  }
  .mwt-col-6 {
    box-sizing: border-box;
    flex: 0 0 50%;
    width: 50%;
    max-width: 50%;
    min-width: 0;
  }
  .mwt-col-7 {
    box-sizing: border-box;
    flex: 0 0 58.3333333333%;
    width: 58.3333333333%;
    max-width: 58.3333333333%;
    min-width: 0;
  }
  .mwt-col-8 {
    box-sizing: border-box;
    flex: 0 0 66.6666666667%;
    width: 66.6666666667%;
    max-width: 66.6666666667%;
    min-width: 0;
  }
  .mwt-col-9 {
    box-sizing: border-box;
    flex: 0 0 75%;
    width: 75%;
    max-width: 75%;
    min-width: 0;
  }
  .mwt-col-10 {
    box-sizing: border-box;
    flex: 0 0 83.3333333333%;
    width: 83.3333333333%;
    max-width: 83.3333333333%;
    min-width: 0;
  }
  .mwt-col-11 {
    box-sizing: border-box;
    flex: 0 0 91.6666666667%;
    width: 91.6666666667%;
    max-width: 91.6666666667%;
    min-width: 0;
  }
  .mwt-col-12 {
    box-sizing: border-box;
    flex: 0 0 100%;
    width: 100%;
    max-width: 100%;
    min-width: 0;
  }
}
@media (min-width: 1200px) {
  .mwt-col-1 {
    box-sizing: border-box;
    flex: 0 0 8.3333333333%;
    width: 8.3333333333%;
    max-width: 8.3333333333%;
    min-width: 0;
  }
  .mwt-col-2 {
    box-sizing: border-box;
    flex: 0 0 16.6666666667%;
    width: 16.6666666667%;
    max-width: 16.6666666667%;
    min-width: 0;
  }
  .mwt-col-3 {
    box-sizing: border-box;
    flex: 0 0 25%;
    width: 25%;
    max-width: 25%;
    min-width: 0;
  }
  .mwt-col-4 {
    box-sizing: border-box;
    flex: 0 0 33.3333333333%;
    width: 33.3333333333%;
    max-width: 33.3333333333%;
    min-width: 0;
  }
  .mwt-col-5 {
    box-sizing: border-box;
    flex: 0 0 41.6666666667%;
    width: 41.6666666667%;
    max-width: 41.6666666667%;
    min-width: 0;
  }
  .mwt-col-6 {
    box-sizing: border-box;
    flex: 0 0 50%;
    width: 50%;
    max-width: 50%;
    min-width: 0;
  }
  .mwt-col-7 {
    box-sizing: border-box;
    flex: 0 0 58.3333333333%;
    width: 58.3333333333%;
    max-width: 58.3333333333%;
    min-width: 0;
  }
  .mwt-col-8 {
    box-sizing: border-box;
    flex: 0 0 66.6666666667%;
    width: 66.6666666667%;
    max-width: 66.6666666667%;
    min-width: 0;
  }
  .mwt-col-9 {
    box-sizing: border-box;
    flex: 0 0 75%;
    width: 75%;
    max-width: 75%;
    min-width: 0;
  }
  .mwt-col-10 {
    box-sizing: border-box;
    flex: 0 0 83.3333333333%;
    width: 83.3333333333%;
    max-width: 83.3333333333%;
    min-width: 0;
  }
  .mwt-col-11 {
    box-sizing: border-box;
    flex: 0 0 91.6666666667%;
    width: 91.6666666667%;
    max-width: 91.6666666667%;
    min-width: 0;
  }
  .mwt-col-12 {
    box-sizing: border-box;
    flex: 0 0 100%;
    width: 100%;
    max-width: 100%;
    min-width: 0;
  }
}
@media (min-width: 1400px) {
  .mwt-col-1 {
    box-sizing: border-box;
    flex: 0 0 8.3333333333%;
    width: 8.3333333333%;
    max-width: 8.3333333333%;
    min-width: 0;
  }
  .mwt-col-2 {
    box-sizing: border-box;
    flex: 0 0 16.6666666667%;
    width: 16.6666666667%;
    max-width: 16.6666666667%;
    min-width: 0;
  }
  .mwt-col-3 {
    box-sizing: border-box;
    flex: 0 0 25%;
    width: 25%;
    max-width: 25%;
    min-width: 0;
  }
  .mwt-col-4 {
    box-sizing: border-box;
    flex: 0 0 33.3333333333%;
    width: 33.3333333333%;
    max-width: 33.3333333333%;
    min-width: 0;
  }
  .mwt-col-5 {
    box-sizing: border-box;
    flex: 0 0 41.6666666667%;
    width: 41.6666666667%;
    max-width: 41.6666666667%;
    min-width: 0;
  }
  .mwt-col-6 {
    box-sizing: border-box;
    flex: 0 0 50%;
    width: 50%;
    max-width: 50%;
    min-width: 0;
  }
  .mwt-col-7 {
    box-sizing: border-box;
    flex: 0 0 58.3333333333%;
    width: 58.3333333333%;
    max-width: 58.3333333333%;
    min-width: 0;
  }
  .mwt-col-8 {
    box-sizing: border-box;
    flex: 0 0 66.6666666667%;
    width: 66.6666666667%;
    max-width: 66.6666666667%;
    min-width: 0;
  }
  .mwt-col-9 {
    box-sizing: border-box;
    flex: 0 0 75%;
    width: 75%;
    max-width: 75%;
    min-width: 0;
  }
  .mwt-col-10 {
    box-sizing: border-box;
    flex: 0 0 83.3333333333%;
    width: 83.3333333333%;
    max-width: 83.3333333333%;
    min-width: 0;
  }
  .mwt-col-11 {
    box-sizing: border-box;
    flex: 0 0 91.6666666667%;
    width: 91.6666666667%;
    max-width: 91.6666666667%;
    min-width: 0;
  }
  .mwt-col-12 {
    box-sizing: border-box;
    flex: 0 0 100%;
    width: 100%;
    max-width: 100%;
    min-width: 0;
  }
}
@media (min-width: 1600px) {
  .mwt-col-1 {
    box-sizing: border-box;
    flex: 0 0 8.3333333333%;
    width: 8.3333333333%;
    max-width: 8.3333333333%;
    min-width: 0;
  }
  .mwt-col-2 {
    box-sizing: border-box;
    flex: 0 0 16.6666666667%;
    width: 16.6666666667%;
    max-width: 16.6666666667%;
    min-width: 0;
  }
  .mwt-col-3 {
    box-sizing: border-box;
    flex: 0 0 25%;
    width: 25%;
    max-width: 25%;
    min-width: 0;
  }
  .mwt-col-4 {
    box-sizing: border-box;
    flex: 0 0 33.3333333333%;
    width: 33.3333333333%;
    max-width: 33.3333333333%;
    min-width: 0;
  }
  .mwt-col-5 {
    box-sizing: border-box;
    flex: 0 0 41.6666666667%;
    width: 41.6666666667%;
    max-width: 41.6666666667%;
    min-width: 0;
  }
  .mwt-col-6 {
    box-sizing: border-box;
    flex: 0 0 50%;
    width: 50%;
    max-width: 50%;
    min-width: 0;
  }
  .mwt-col-7 {
    box-sizing: border-box;
    flex: 0 0 58.3333333333%;
    width: 58.3333333333%;
    max-width: 58.3333333333%;
    min-width: 0;
  }
  .mwt-col-8 {
    box-sizing: border-box;
    flex: 0 0 66.6666666667%;
    width: 66.6666666667%;
    max-width: 66.6666666667%;
    min-width: 0;
  }
  .mwt-col-9 {
    box-sizing: border-box;
    flex: 0 0 75%;
    width: 75%;
    max-width: 75%;
    min-width: 0;
  }
  .mwt-col-10 {
    box-sizing: border-box;
    flex: 0 0 83.3333333333%;
    width: 83.3333333333%;
    max-width: 83.3333333333%;
    min-width: 0;
  }
  .mwt-col-11 {
    box-sizing: border-box;
    flex: 0 0 91.6666666667%;
    width: 91.6666666667%;
    max-width: 91.6666666667%;
    min-width: 0;
  }
  .mwt-col-12 {
    box-sizing: border-box;
    flex: 0 0 100%;
    width: 100%;
    max-width: 100%;
    min-width: 0;
  }
}
@media (min-width: 1800px) {
  .mwt-col-1 {
    box-sizing: border-box;
    flex: 0 0 8.3333333333%;
    width: 8.3333333333%;
    max-width: 8.3333333333%;
    min-width: 0;
  }
  .mwt-col-2 {
    box-sizing: border-box;
    flex: 0 0 16.6666666667%;
    width: 16.6666666667%;
    max-width: 16.6666666667%;
    min-width: 0;
  }
  .mwt-col-3 {
    box-sizing: border-box;
    flex: 0 0 25%;
    width: 25%;
    max-width: 25%;
    min-width: 0;
  }
  .mwt-col-4 {
    box-sizing: border-box;
    flex: 0 0 33.3333333333%;
    width: 33.3333333333%;
    max-width: 33.3333333333%;
    min-width: 0;
  }
  .mwt-col-5 {
    box-sizing: border-box;
    flex: 0 0 41.6666666667%;
    width: 41.6666666667%;
    max-width: 41.6666666667%;
    min-width: 0;
  }
  .mwt-col-6 {
    box-sizing: border-box;
    flex: 0 0 50%;
    width: 50%;
    max-width: 50%;
    min-width: 0;
  }
  .mwt-col-7 {
    box-sizing: border-box;
    flex: 0 0 58.3333333333%;
    width: 58.3333333333%;
    max-width: 58.3333333333%;
    min-width: 0;
  }
  .mwt-col-8 {
    box-sizing: border-box;
    flex: 0 0 66.6666666667%;
    width: 66.6666666667%;
    max-width: 66.6666666667%;
    min-width: 0;
  }
  .mwt-col-9 {
    box-sizing: border-box;
    flex: 0 0 75%;
    width: 75%;
    max-width: 75%;
    min-width: 0;
  }
  .mwt-col-10 {
    box-sizing: border-box;
    flex: 0 0 83.3333333333%;
    width: 83.3333333333%;
    max-width: 83.3333333333%;
    min-width: 0;
  }
  .mwt-col-11 {
    box-sizing: border-box;
    flex: 0 0 91.6666666667%;
    width: 91.6666666667%;
    max-width: 91.6666666667%;
    min-width: 0;
  }
  .mwt-col-12 {
    box-sizing: border-box;
    flex: 0 0 100%;
    width: 100%;
    max-width: 100%;
    min-width: 0;
  }
}
@media (min-width: 2000px) {
  .mwt-col-1 {
    box-sizing: border-box;
    flex: 0 0 8.3333333333%;
    width: 8.3333333333%;
    max-width: 8.3333333333%;
    min-width: 0;
  }
  .mwt-col-2 {
    box-sizing: border-box;
    flex: 0 0 16.6666666667%;
    width: 16.6666666667%;
    max-width: 16.6666666667%;
    min-width: 0;
  }
  .mwt-col-3 {
    box-sizing: border-box;
    flex: 0 0 25%;
    width: 25%;
    max-width: 25%;
    min-width: 0;
  }
  .mwt-col-4 {
    box-sizing: border-box;
    flex: 0 0 33.3333333333%;
    width: 33.3333333333%;
    max-width: 33.3333333333%;
    min-width: 0;
  }
  .mwt-col-5 {
    box-sizing: border-box;
    flex: 0 0 41.6666666667%;
    width: 41.6666666667%;
    max-width: 41.6666666667%;
    min-width: 0;
  }
  .mwt-col-6 {
    box-sizing: border-box;
    flex: 0 0 50%;
    width: 50%;
    max-width: 50%;
    min-width: 0;
  }
  .mwt-col-7 {
    box-sizing: border-box;
    flex: 0 0 58.3333333333%;
    width: 58.3333333333%;
    max-width: 58.3333333333%;
    min-width: 0;
  }
  .mwt-col-8 {
    box-sizing: border-box;
    flex: 0 0 66.6666666667%;
    width: 66.6666666667%;
    max-width: 66.6666666667%;
    min-width: 0;
  }
  .mwt-col-9 {
    box-sizing: border-box;
    flex: 0 0 75%;
    width: 75%;
    max-width: 75%;
    min-width: 0;
  }
  .mwt-col-10 {
    box-sizing: border-box;
    flex: 0 0 83.3333333333%;
    width: 83.3333333333%;
    max-width: 83.3333333333%;
    min-width: 0;
  }
  .mwt-col-11 {
    box-sizing: border-box;
    flex: 0 0 91.6666666667%;
    width: 91.6666666667%;
    max-width: 91.6666666667%;
    min-width: 0;
  }
  .mwt-col-12 {
    box-sizing: border-box;
    flex: 0 0 100%;
    width: 100%;
    max-width: 100%;
    min-width: 0;
  }
}
@media (min-width: 576px) {
  .mwt-offset-xs-1 {
    margin-left: 8.3333333333%;
  }
  .mwt-offset-xs-2 {
    margin-left: 16.6666666667%;
  }
  .mwt-offset-xs-3 {
    margin-left: 25%;
  }
  .mwt-offset-xs-4 {
    margin-left: 33.3333333333%;
  }
  .mwt-offset-xs-5 {
    margin-left: 41.6666666667%;
  }
  .mwt-offset-xs-6 {
    margin-left: 50%;
  }
  .mwt-offset-xs-7 {
    margin-left: 58.3333333333%;
  }
  .mwt-offset-xs-8 {
    margin-left: 66.6666666667%;
  }
  .mwt-offset-xs-9 {
    margin-left: 75%;
  }
  .mwt-offset-xs-10 {
    margin-left: 83.3333333333%;
  }
  .mwt-offset-xs-11 {
    margin-left: 91.6666666667%;
  }
  .mwt-offset-xs-12 {
    margin-left: 100%;
  }
}
@media (min-width: 768px) {
  .mwt-offset-sm-1 {
    margin-left: 8.3333333333%;
  }
  .mwt-offset-sm-2 {
    margin-left: 16.6666666667%;
  }
  .mwt-offset-sm-3 {
    margin-left: 25%;
  }
  .mwt-offset-sm-4 {
    margin-left: 33.3333333333%;
  }
  .mwt-offset-sm-5 {
    margin-left: 41.6666666667%;
  }
  .mwt-offset-sm-6 {
    margin-left: 50%;
  }
  .mwt-offset-sm-7 {
    margin-left: 58.3333333333%;
  }
  .mwt-offset-sm-8 {
    margin-left: 66.6666666667%;
  }
  .mwt-offset-sm-9 {
    margin-left: 75%;
  }
  .mwt-offset-sm-10 {
    margin-left: 83.3333333333%;
  }
  .mwt-offset-sm-11 {
    margin-left: 91.6666666667%;
  }
  .mwt-offset-sm-12 {
    margin-left: 100%;
  }
}
@media (min-width: 992px) {
  .mwt-offset-md-1 {
    margin-left: 8.3333333333%;
  }
  .mwt-offset-md-2 {
    margin-left: 16.6666666667%;
  }
  .mwt-offset-md-3 {
    margin-left: 25%;
  }
  .mwt-offset-md-4 {
    margin-left: 33.3333333333%;
  }
  .mwt-offset-md-5 {
    margin-left: 41.6666666667%;
  }
  .mwt-offset-md-6 {
    margin-left: 50%;
  }
  .mwt-offset-md-7 {
    margin-left: 58.3333333333%;
  }
  .mwt-offset-md-8 {
    margin-left: 66.6666666667%;
  }
  .mwt-offset-md-9 {
    margin-left: 75%;
  }
  .mwt-offset-md-10 {
    margin-left: 83.3333333333%;
  }
  .mwt-offset-md-11 {
    margin-left: 91.6666666667%;
  }
  .mwt-offset-md-12 {
    margin-left: 100%;
  }
}
@media (min-width: 1200px) {
  .mwt-offset-lg-1 {
    margin-left: 8.3333333333%;
  }
  .mwt-offset-lg-2 {
    margin-left: 16.6666666667%;
  }
  .mwt-offset-lg-3 {
    margin-left: 25%;
  }
  .mwt-offset-lg-4 {
    margin-left: 33.3333333333%;
  }
  .mwt-offset-lg-5 {
    margin-left: 41.6666666667%;
  }
  .mwt-offset-lg-6 {
    margin-left: 50%;
  }
  .mwt-offset-lg-7 {
    margin-left: 58.3333333333%;
  }
  .mwt-offset-lg-8 {
    margin-left: 66.6666666667%;
  }
  .mwt-offset-lg-9 {
    margin-left: 75%;
  }
  .mwt-offset-lg-10 {
    margin-left: 83.3333333333%;
  }
  .mwt-offset-lg-11 {
    margin-left: 91.6666666667%;
  }
  .mwt-offset-lg-12 {
    margin-left: 100%;
  }
}
@media (min-width: 1400px) {
  .mwt-offset-xl-1 {
    margin-left: 8.3333333333%;
  }
  .mwt-offset-xl-2 {
    margin-left: 16.6666666667%;
  }
  .mwt-offset-xl-3 {
    margin-left: 25%;
  }
  .mwt-offset-xl-4 {
    margin-left: 33.3333333333%;
  }
  .mwt-offset-xl-5 {
    margin-left: 41.6666666667%;
  }
  .mwt-offset-xl-6 {
    margin-left: 50%;
  }
  .mwt-offset-xl-7 {
    margin-left: 58.3333333333%;
  }
  .mwt-offset-xl-8 {
    margin-left: 66.6666666667%;
  }
  .mwt-offset-xl-9 {
    margin-left: 75%;
  }
  .mwt-offset-xl-10 {
    margin-left: 83.3333333333%;
  }
  .mwt-offset-xl-11 {
    margin-left: 91.6666666667%;
  }
  .mwt-offset-xl-12 {
    margin-left: 100%;
  }
}
@media (min-width: 1600px) {
  .mwt-offset-xxl-1 {
    margin-left: 8.3333333333%;
  }
  .mwt-offset-xxl-2 {
    margin-left: 16.6666666667%;
  }
  .mwt-offset-xxl-3 {
    margin-left: 25%;
  }
  .mwt-offset-xxl-4 {
    margin-left: 33.3333333333%;
  }
  .mwt-offset-xxl-5 {
    margin-left: 41.6666666667%;
  }
  .mwt-offset-xxl-6 {
    margin-left: 50%;
  }
  .mwt-offset-xxl-7 {
    margin-left: 58.3333333333%;
  }
  .mwt-offset-xxl-8 {
    margin-left: 66.6666666667%;
  }
  .mwt-offset-xxl-9 {
    margin-left: 75%;
  }
  .mwt-offset-xxl-10 {
    margin-left: 83.3333333333%;
  }
  .mwt-offset-xxl-11 {
    margin-left: 91.6666666667%;
  }
  .mwt-offset-xxl-12 {
    margin-left: 100%;
  }
}
@media (min-width: 1800px) {
  .mwt-offset-xxxl-1 {
    margin-left: 8.3333333333%;
  }
  .mwt-offset-xxxl-2 {
    margin-left: 16.6666666667%;
  }
  .mwt-offset-xxxl-3 {
    margin-left: 25%;
  }
  .mwt-offset-xxxl-4 {
    margin-left: 33.3333333333%;
  }
  .mwt-offset-xxxl-5 {
    margin-left: 41.6666666667%;
  }
  .mwt-offset-xxxl-6 {
    margin-left: 50%;
  }
  .mwt-offset-xxxl-7 {
    margin-left: 58.3333333333%;
  }
  .mwt-offset-xxxl-8 {
    margin-left: 66.6666666667%;
  }
  .mwt-offset-xxxl-9 {
    margin-left: 75%;
  }
  .mwt-offset-xxxl-10 {
    margin-left: 83.3333333333%;
  }
  .mwt-offset-xxxl-11 {
    margin-left: 91.6666666667%;
  }
  .mwt-offset-xxxl-12 {
    margin-left: 100%;
  }
}
@media (min-width: 2000px) {
  .mwt-offset-xxxxl-1 {
    margin-left: 8.3333333333%;
  }
  .mwt-offset-xxxxl-2 {
    margin-left: 16.6666666667%;
  }
  .mwt-offset-xxxxl-3 {
    margin-left: 25%;
  }
  .mwt-offset-xxxxl-4 {
    margin-left: 33.3333333333%;
  }
  .mwt-offset-xxxxl-5 {
    margin-left: 41.6666666667%;
  }
  .mwt-offset-xxxxl-6 {
    margin-left: 50%;
  }
  .mwt-offset-xxxxl-7 {
    margin-left: 58.3333333333%;
  }
  .mwt-offset-xxxxl-8 {
    margin-left: 66.6666666667%;
  }
  .mwt-offset-xxxxl-9 {
    margin-left: 75%;
  }
  .mwt-offset-xxxxl-10 {
    margin-left: 83.3333333333%;
  }
  .mwt-offset-xxxxl-11 {
    margin-left: 91.6666666667%;
  }
  .mwt-offset-xxxxl-12 {
    margin-left: 100%;
  }
}
@media (min-width: 576px) {
  .mwt-order-xs-0 {
    order: 0;
  }
  .mwt-order-xs-1 {
    order: 1;
  }
  .mwt-order-xs-2 {
    order: 2;
  }
  .mwt-order-xs-3 {
    order: 3;
  }
  .mwt-order-xs-4 {
    order: 4;
  }
  .mwt-order-xs-5 {
    order: 5;
  }
  .mwt-order-xs-6 {
    order: 6;
  }
  .mwt-order-xs-7 {
    order: 7;
  }
  .mwt-order-xs-8 {
    order: 8;
  }
  .mwt-order-xs-9 {
    order: 9;
  }
  .mwt-order-xs-10 {
    order: 10;
  }
  .mwt-order-xs-11 {
    order: 11;
  }
  .mwt-order-xs-12 {
    order: 12;
  }
}
@media (min-width: 768px) {
  .mwt-order-sm-0 {
    order: 0;
  }
  .mwt-order-sm-1 {
    order: 1;
  }
  .mwt-order-sm-2 {
    order: 2;
  }
  .mwt-order-sm-3 {
    order: 3;
  }
  .mwt-order-sm-4 {
    order: 4;
  }
  .mwt-order-sm-5 {
    order: 5;
  }
  .mwt-order-sm-6 {
    order: 6;
  }
  .mwt-order-sm-7 {
    order: 7;
  }
  .mwt-order-sm-8 {
    order: 8;
  }
  .mwt-order-sm-9 {
    order: 9;
  }
  .mwt-order-sm-10 {
    order: 10;
  }
  .mwt-order-sm-11 {
    order: 11;
  }
  .mwt-order-sm-12 {
    order: 12;
  }
}
@media (min-width: 992px) {
  .mwt-order-md-0 {
    order: 0;
  }
  .mwt-order-md-1 {
    order: 1;
  }
  .mwt-order-md-2 {
    order: 2;
  }
  .mwt-order-md-3 {
    order: 3;
  }
  .mwt-order-md-4 {
    order: 4;
  }
  .mwt-order-md-5 {
    order: 5;
  }
  .mwt-order-md-6 {
    order: 6;
  }
  .mwt-order-md-7 {
    order: 7;
  }
  .mwt-order-md-8 {
    order: 8;
  }
  .mwt-order-md-9 {
    order: 9;
  }
  .mwt-order-md-10 {
    order: 10;
  }
  .mwt-order-md-11 {
    order: 11;
  }
  .mwt-order-md-12 {
    order: 12;
  }
}
@media (min-width: 1200px) {
  .mwt-order-lg-0 {
    order: 0;
  }
  .mwt-order-lg-1 {
    order: 1;
  }
  .mwt-order-lg-2 {
    order: 2;
  }
  .mwt-order-lg-3 {
    order: 3;
  }
  .mwt-order-lg-4 {
    order: 4;
  }
  .mwt-order-lg-5 {
    order: 5;
  }
  .mwt-order-lg-6 {
    order: 6;
  }
  .mwt-order-lg-7 {
    order: 7;
  }
  .mwt-order-lg-8 {
    order: 8;
  }
  .mwt-order-lg-9 {
    order: 9;
  }
  .mwt-order-lg-10 {
    order: 10;
  }
  .mwt-order-lg-11 {
    order: 11;
  }
  .mwt-order-lg-12 {
    order: 12;
  }
}
@media (min-width: 1400px) {
  .mwt-order-xl-0 {
    order: 0;
  }
  .mwt-order-xl-1 {
    order: 1;
  }
  .mwt-order-xl-2 {
    order: 2;
  }
  .mwt-order-xl-3 {
    order: 3;
  }
  .mwt-order-xl-4 {
    order: 4;
  }
  .mwt-order-xl-5 {
    order: 5;
  }
  .mwt-order-xl-6 {
    order: 6;
  }
  .mwt-order-xl-7 {
    order: 7;
  }
  .mwt-order-xl-8 {
    order: 8;
  }
  .mwt-order-xl-9 {
    order: 9;
  }
  .mwt-order-xl-10 {
    order: 10;
  }
  .mwt-order-xl-11 {
    order: 11;
  }
  .mwt-order-xl-12 {
    order: 12;
  }
}
@media (min-width: 1600px) {
  .mwt-order-xxl-0 {
    order: 0;
  }
  .mwt-order-xxl-1 {
    order: 1;
  }
  .mwt-order-xxl-2 {
    order: 2;
  }
  .mwt-order-xxl-3 {
    order: 3;
  }
  .mwt-order-xxl-4 {
    order: 4;
  }
  .mwt-order-xxl-5 {
    order: 5;
  }
  .mwt-order-xxl-6 {
    order: 6;
  }
  .mwt-order-xxl-7 {
    order: 7;
  }
  .mwt-order-xxl-8 {
    order: 8;
  }
  .mwt-order-xxl-9 {
    order: 9;
  }
  .mwt-order-xxl-10 {
    order: 10;
  }
  .mwt-order-xxl-11 {
    order: 11;
  }
  .mwt-order-xxl-12 {
    order: 12;
  }
}
@media (min-width: 1800px) {
  .mwt-order-xxxl-0 {
    order: 0;
  }
  .mwt-order-xxxl-1 {
    order: 1;
  }
  .mwt-order-xxxl-2 {
    order: 2;
  }
  .mwt-order-xxxl-3 {
    order: 3;
  }
  .mwt-order-xxxl-4 {
    order: 4;
  }
  .mwt-order-xxxl-5 {
    order: 5;
  }
  .mwt-order-xxxl-6 {
    order: 6;
  }
  .mwt-order-xxxl-7 {
    order: 7;
  }
  .mwt-order-xxxl-8 {
    order: 8;
  }
  .mwt-order-xxxl-9 {
    order: 9;
  }
  .mwt-order-xxxl-10 {
    order: 10;
  }
  .mwt-order-xxxl-11 {
    order: 11;
  }
  .mwt-order-xxxl-12 {
    order: 12;
  }
}
@media (min-width: 2000px) {
  .mwt-order-xxxxl-0 {
    order: 0;
  }
  .mwt-order-xxxxl-1 {
    order: 1;
  }
  .mwt-order-xxxxl-2 {
    order: 2;
  }
  .mwt-order-xxxxl-3 {
    order: 3;
  }
  .mwt-order-xxxxl-4 {
    order: 4;
  }
  .mwt-order-xxxxl-5 {
    order: 5;
  }
  .mwt-order-xxxxl-6 {
    order: 6;
  }
  .mwt-order-xxxxl-7 {
    order: 7;
  }
  .mwt-order-xxxxl-8 {
    order: 8;
  }
  .mwt-order-xxxxl-9 {
    order: 9;
  }
  .mwt-order-xxxxl-10 {
    order: 10;
  }
  .mwt-order-xxxxl-11 {
    order: 11;
  }
  .mwt-order-xxxxl-12 {
    order: 12;
  }
}
.mwt-col-auto {
  flex: 0 0 auto;
  width: auto;
  max-width: 100%;
}

@media (min-width: 576px) {
  .mwt-gap-xs-0 {
    gap: 0rem;
  }
  .mwt-gap-xs-1 {
    gap: 0.25rem;
  }
  .mwt-gap-xs-2 {
    gap: 0.5rem;
  }
  .mwt-gap-xs-3 {
    gap: 0.75rem;
  }
  .mwt-gap-xs-4 {
    gap: 1rem;
  }
  .mwt-gap-xs-5 {
    gap: 1.25rem;
  }
}
@media (min-width: 768px) {
  .mwt-gap-sm-0 {
    gap: 0rem;
  }
  .mwt-gap-sm-1 {
    gap: 0.25rem;
  }
  .mwt-gap-sm-2 {
    gap: 0.5rem;
  }
  .mwt-gap-sm-3 {
    gap: 0.75rem;
  }
  .mwt-gap-sm-4 {
    gap: 1rem;
  }
  .mwt-gap-sm-5 {
    gap: 1.25rem;
  }
}
@media (min-width: 992px) {
  .mwt-gap-md-0 {
    gap: 0rem;
  }
  .mwt-gap-md-1 {
    gap: 0.25rem;
  }
  .mwt-gap-md-2 {
    gap: 0.5rem;
  }
  .mwt-gap-md-3 {
    gap: 0.75rem;
  }
  .mwt-gap-md-4 {
    gap: 1rem;
  }
  .mwt-gap-md-5 {
    gap: 1.25rem;
  }
}
@media (min-width: 1200px) {
  .mwt-gap-lg-0 {
    gap: 0rem;
  }
  .mwt-gap-lg-1 {
    gap: 0.25rem;
  }
  .mwt-gap-lg-2 {
    gap: 0.5rem;
  }
  .mwt-gap-lg-3 {
    gap: 0.75rem;
  }
  .mwt-gap-lg-4 {
    gap: 1rem;
  }
  .mwt-gap-lg-5 {
    gap: 1.25rem;
  }
}
@media (min-width: 1400px) {
  .mwt-gap-xl-0 {
    gap: 0rem;
  }
  .mwt-gap-xl-1 {
    gap: 0.25rem;
  }
  .mwt-gap-xl-2 {
    gap: 0.5rem;
  }
  .mwt-gap-xl-3 {
    gap: 0.75rem;
  }
  .mwt-gap-xl-4 {
    gap: 1rem;
  }
  .mwt-gap-xl-5 {
    gap: 1.25rem;
  }
}
@media (min-width: 1600px) {
  .mwt-gap-xxl-0 {
    gap: 0rem;
  }
  .mwt-gap-xxl-1 {
    gap: 0.25rem;
  }
  .mwt-gap-xxl-2 {
    gap: 0.5rem;
  }
  .mwt-gap-xxl-3 {
    gap: 0.75rem;
  }
  .mwt-gap-xxl-4 {
    gap: 1rem;
  }
  .mwt-gap-xxl-5 {
    gap: 1.25rem;
  }
}
@media (min-width: 1800px) {
  .mwt-gap-xxxl-0 {
    gap: 0rem;
  }
  .mwt-gap-xxxl-1 {
    gap: 0.25rem;
  }
  .mwt-gap-xxxl-2 {
    gap: 0.5rem;
  }
  .mwt-gap-xxxl-3 {
    gap: 0.75rem;
  }
  .mwt-gap-xxxl-4 {
    gap: 1rem;
  }
  .mwt-gap-xxxl-5 {
    gap: 1.25rem;
  }
}
@media (min-width: 2000px) {
  .mwt-gap-xxxxl-0 {
    gap: 0rem;
  }
  .mwt-gap-xxxxl-1 {
    gap: 0.25rem;
  }
  .mwt-gap-xxxxl-2 {
    gap: 0.5rem;
  }
  .mwt-gap-xxxxl-3 {
    gap: 0.75rem;
  }
  .mwt-gap-xxxxl-4 {
    gap: 1rem;
  }
  .mwt-gap-xxxxl-5 {
    gap: 1.25rem;
  }
}
.mwt-align-items-start {
  align-items: start;
}

.mwt-align-items-center {
  align-items: center;
}

.mwt-align-items-end {
  align-items: end;
}

.mwt-align-items-stretch {
  align-items: stretch;
}

.mwt-align-items-baseline {
  align-items: baseline;
}

.mwt-justify-content-start {
  justify-content: start;
}

.mwt-justify-content-center {
  justify-content: center;
}

.mwt-justify-content-end {
  justify-content: end;
}

.mwt-justify-content-between {
  justify-content: space-between;
}

.mwt-justify-content-around {
  justify-content: space-around;
}

.mwt-justify-content-evenly {
  justify-content: space-evenly;
}

/*
Kullanım Örnekleri
@include media-min(sm) {
  body {
    background-color: lightblue;
  }
}
@include media-max(md) {
  body {
    font-size: 14px;
  }
}
@include media-between(sm, lg) {
  .box {
    padding: 20px;
  }
}
*/
/*
@include bodyStyles(
    'body',
    $body_bgcolor:null,  
    $body_color:#ffffff
    );
*/
body {
  background: #060129;
  color: #ffffff;
}

/* =========================================
   Floating WhatsApp — Model 3 (Neon)
   Class: .whatsapp.whatsapp--model3
   ========================================= */
.whatsapp.whatsapp--model3 {
  position: fixed;
  left: 20px;
  bottom: 20px;
  z-index: 9999;
  width: 62px;
  height: 62px;
  border-radius: 20px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.14);
  backdrop-filter: blur(14px);
  box-shadow: 0 24px 70px rgba(0, 0, 0, 0.52), inset 0 1px 0 rgba(255, 255, 255, 0.1);
  transform: translateZ(0);
  animation: mpwa-float 3.2s ease-in-out infinite;
  transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease, filter 0.18s ease;
}

/* Icon: theme gradient */
.whatsapp.whatsapp--model3 i {
  font-size: 40px;
  line-height: 1;
  background: linear-gradient(90deg, rgba(255, 46, 166, 0.98), rgba(116, 91, 255, 0.85));
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  filter: drop-shadow(0 10px 22px rgba(0, 0, 0, 0.35));
  position: relative;
  z-index: 2;
}

/* Breathing glow layer */
.whatsapp.whatsapp--model3::before {
  content: "";
  position: absolute;
  inset: -6px;
  pointer-events: none;
  background: radial-gradient(260px 160px at 18% 18%, rgba(255, 46, 166, 0.38), transparent 60%), radial-gradient(260px 160px at 82% 82%, rgba(116, 91, 255, 0.34), transparent 62%), radial-gradient(140px 90px at 55% 55%, rgba(255, 255, 255, 0.1), transparent 60%);
  opacity: 0.75;
  filter: blur(0.2px);
  animation: mpwa-breathe 2.6s ease-in-out infinite;
}

/* Neon edge highlight */
.whatsapp.whatsapp--model3::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  border-radius: 20px;
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.08) inset, 0 0 24px rgba(116, 91, 255, 0.22), 0 0 18px rgba(255, 46, 166, 0.18);
  opacity: 0.9;
}

/* Hover: stronger neon + pulse ring */
.whatsapp.whatsapp--model3:hover {
  transform: translateY(-3px) scale(1.02);
  border-color: rgba(116, 91, 255, 0.45);
  box-shadow: 0 30px 85px rgba(0, 0, 0, 0.62), inset 0 1px 0 rgba(255, 255, 255, 0.12);
  filter: brightness(1.03);
}

.whatsapp.whatsapp--model3:hover::before {
  opacity: 0.92;
}

/* Pulse ring on hover (not always, only hover) */
.whatsapp.whatsapp--model3:hover {
  animation: mpwa-float 3.2s ease-in-out infinite, mpwa-pulse 1.2s ease-out infinite;
}

/* Focus */
.whatsapp.whatsapp--model3:focus-visible {
  outline: 3px solid rgba(255, 46, 166, 0.3);
  outline-offset: 4px;
  border-radius: 22px;
}

/* Hidden state */
.whatsapp.whatsapp--model3.hidden {
  opacity: 0;
  pointer-events: none;
}

/* Animations */
@keyframes mpwa-float {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-4px);
  }
}
@keyframes mpwa-breathe {
  0%, 100% {
    opacity: 0.7;
    transform: scale(0.98);
  }
  50% {
    opacity: 0.92;
    transform: scale(1.02);
  }
}
@keyframes mpwa-pulse {
  0% {
    box-shadow: 0 30px 85px rgba(0, 0, 0, 0.62), inset 0 1px 0 rgba(255, 255, 255, 0.12), 0 0 0 0 rgba(116, 91, 255, 0), 0 0 0 0 rgba(255, 46, 166, 0);
  }
  70% {
    box-shadow: 0 30px 85px rgba(0, 0, 0, 0.62), inset 0 1px 0 rgba(255, 255, 255, 0.12), 0 0 0 14px rgba(116, 91, 255, 0.1), 0 0 0 24px rgba(255, 46, 166, 0.06);
  }
  100% {
    box-shadow: 0 30px 85px rgba(0, 0, 0, 0.62), inset 0 1px 0 rgba(255, 255, 255, 0.12), 0 0 0 18px rgba(116, 91, 255, 0), 0 0 0 30px rgba(255, 46, 166, 0);
  }
}
.logo {
  width: auto;
}
.logo {
  max-height: 100px;
}

.social {
  display: flex;
}
.social {
  flex-direction: row;
}
.social {
  width: 100%;
}
.social {
  height: 100%;
}
.social {
  align-items: center;
}
.social {
  justify-content: flex-end;
}
.social {
  padding-right: 10px;
}
.social .social-media {
  padding-right: 20px;
}
.social .social-media i {
  padding: 5px;
}
.social .social-media i {
  font-size: 30px;
}
.social .social-media i {
  color: white;
}
.social .search-but {
  font-size: 30px;
}

/* ender. — portfolio demo theme v1.0
   Self-hosted, no third-party fonts or runtime dependencies.
   Sections: base, header, hero, ticker, work, approach, contact, footer, responsive. */
:root {
  --ink:#15243b;
  --ink-soft:#526175;
  --ink-light:#8d9bac;
  --line:#e5e9ed;
  --paper:#f7f9fa;
  --white:#fff;
  --mint:#90e2cb;
  --mint-deep:#19a888;
  --dark:#182b42;
  --radius:15px;
  --container:1200px;
  --shadow:0 30px 80px rgba(17,36,56,.1);
}

* {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
  scroll-padding-top: 100px;
}

body {
  margin: 0;
  color: var(--ink);
  background: var(--paper);
  font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
}

body.menu-open {
  overflow: hidden;
}

a {
  color: inherit;
  text-decoration: none;
}

button {
  font: inherit;
}

button, a {
  -webkit-tap-highlight-color: transparent;
}

button:focus-visible, a:focus-visible {
  outline: 3px solid #2cbaa0;
  outline-offset: 4px;
}

[hidden] {
  display: none !important;
}

::selection {
  background: var(--mint);
  color: var(--ink);
}

.container {
  width: min(var(--container), 100% - 64px);
  margin-inline: auto;
}

.site-shell {
  overflow: hidden;
}

.skip-link {
  position: fixed;
  top: -90px;
  left: 20px;
  padding: 12px 17px;
  background: #fff;
  z-index: 200;
  border-radius: 8px;
}

.skip-link:focus {
  top: 15px;
}

.eyebrow {
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.19em;
  line-height: 1.5;
  margin: 0 0 24px;
  display: flex;
  align-items: center;
  gap: 12px;
}

.eyebrow-line {
  width: 24px;
  height: 2px;
  background: var(--mint-deep);
  display: inline-block;
  flex: 0 0 auto;
}

.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 32px;
  padding: 16px 25px;
  min-height: 54px;
  border-radius: 8px;
  font-size: 13px;
  font-weight: 750;
  transition: transform 0.18s, background 0.18s, box-shadow 0.18s;
}

.btn:hover {
  transform: translateY(-2px);
}

.btn-dark {
  color: #fff;
  background: var(--ink);
}

.btn-dark:hover {
  background: #2a455f;
  box-shadow: 0 10px 25px rgba(19, 39, 61, 0.14);
}

.btn-light {
  color: var(--ink);
  background: #fff;
}

.btn-light:hover {
  background: var(--mint);
}

.btn span {
  font-size: 16px;
}

.section-pad {
  padding: 113px 0;
}

.section-title {
  font-size: clamp(36px, 4.15vw, 59px);
  line-height: 1.12;
  letter-spacing: -0.057em;
  font-weight: 750;
  margin: 0;
}

.section-title em {
  font-style: normal;
  color: var(--mint-deep);
}

/* Header */
.site-header {
  background: rgba(247, 249, 250, 0.93);
  border-bottom: 1px solid rgba(221, 227, 232, 0.8);
  position: relative;
  z-index: 60;
}

.header-inner {
  height: 92px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}

.brand {
  font-size: 33px;
  font-weight: 820;
  letter-spacing: -0.095em;
  line-height: 1;
  white-space: nowrap;
}

.brand span {
  color: var(--mint-deep);
}

.desktop-nav {
  display: flex;
  align-items: center;
  gap: 43px;
  padding-left: 115px;
}

.nav-link {
  font-size: 13px;
  font-weight: 650;
  transition: color 0.18s;
}

.nav-link:hover, .text-link:hover {
  color: var(--mint-deep);
}

.header-actions {
  display: flex;
  align-items: center;
  gap: 20px;
}

.header-cta {
  font-weight: 700;
  font-size: 12px;
  border-bottom: 1px solid var(--ink);
  padding: 10px 0;
  white-space: nowrap;
}

.header-cta span {
  font-size: 15px;
  margin-left: 14px;
}

.menu-toggle {
  display: none;
  width: 42px;
  height: 42px;
  padding: 10px 8px;
  border: 1px solid var(--line);
  border-radius: 6px;
  background: transparent;
  cursor: pointer;
  flex-direction: column;
  justify-content: center;
  gap: 5px;
}

.menu-toggle span {
  display: block;
  height: 2px;
  width: 100%;
  background: var(--ink);
  transition: transform 0.2s, opacity 0.2s;
}

.menu-toggle[aria-expanded=true] span:first-child {
  transform: translateY(7px) rotate(45deg);
}

.menu-toggle[aria-expanded=true] span:nth-child(2) {
  opacity: 0;
}

.menu-toggle[aria-expanded=true] span:nth-child(3) {
  transform: translateY(-7px) rotate(-45deg);
}

.mobile-nav {
  background: var(--paper);
  padding: 12px 32px 24px;
  border-top: 1px solid var(--line);
  box-shadow: 0 18px 25px rgba(10, 20, 40, 0.09);
}

.mobile-nav a {
  display: block;
  padding: 14px 5px;
  border-bottom: 1px solid var(--line);
  font-weight: 700;
}

/* Ender language selector — consumes MP Site Dil translated URLs. */
.ender-lang-switcher {
  display: inline-flex;
  align-items: center;
  gap: 3px;
  padding: 4px;
  border: 1px solid #dce7e5;
  border-radius: 9px;
  background: #edf4f2;
  white-space: nowrap;
  flex: 0 0 auto;
}

.ender-lang-switcher__link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 39px;
  min-height: 34px;
  padding: 5px 9px;
  border: 0;
  border-radius: 6px;
  background: transparent;
  color: var(--ink-soft);
  font-size: 11px;
  line-height: 1.2;
  font-weight: 800;
  letter-spacing: 0.04em;
  transition: background-color 0.18s, color 0.18s, box-shadow 0.18s;
}

.ender-lang-switcher__link:hover {
  color: var(--ink);
  background: #fff;
}

.ender-lang-switcher__link.is-active,
.ender-lang-switcher__link[aria-current=page] {
  background: var(--dark);
  color: #fff;
  box-shadow: 0 2px 7px rgba(17, 36, 56, 0.12);
}

.ender-lang-switcher__link.is-active:hover {
  background: #284861;
  color: #fff;
}

.ender-mobile-languages {
  display: none;
}

@media (max-width: 1120px) {
  .header-actions {
    gap: 13px;
  }
  .desktop-nav {
    padding-left: 14px;
    gap: 21px;
  }
}
@media (max-width: 900px) {
  .ender-lang-switcher--desktop {
    display: none;
  }
  .ender-mobile-languages {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    margin-top: 14px;
    padding-top: 18px;
    border-top: 1px solid var(--line);
  }
  .ender-mobile-languages__label {
    color: var(--ink-soft);
    font-size: 12px;
    font-weight: 750;
  }
  .mobile-nav .ender-lang-switcher__link {
    display: inline-flex;
    min-width: 43px;
    min-height: 38px;
    padding: 8px 11px;
    border: 0;
    font-size: 12px;
  }
}
/* =====================================================
   MP Order Library
   Bootstrap bağımsız order sistemi
   File: _mp-order-library.css
   ===================================================== */
:root {
  --mp-order-gap: 16px;
}

/* ---------------------------------
   Order Parent Helpers
   --------------------------------- */
/* Dikey sıralama */
.mp-order-stack {
  display: flex;
  flex-direction: column;
  gap: var(--mp-order-gap);
}

/* Yatay / responsive satır */
.mp-order-row {
  display: flex;
  flex-wrap: wrap;
  gap: var(--mp-order-gap);
}

/* Grid sıralama */
.mp-order-grid {
  display: grid;
  gap: var(--mp-order-gap);
}

/* Basit grid kolonları */
.mp-order-grid-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.mp-order-grid-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.mp-order-grid-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

/* ---------------------------------
   Order Classes
   Flex/Grid parent içinde çalışır
   --------------------------------- */
.mp-order-first {
  order: -9999 !important;
}

.mp-order-last {
  order: 9999 !important;
}

.mp-order-0 {
  order: 0 !important;
}

.mp-order-1 {
  order: 1 !important;
}

.mp-order-2 {
  order: 2 !important;
}

.mp-order-3 {
  order: 3 !important;
}

.mp-order-4 {
  order: 4 !important;
}

.mp-order-5 {
  order: 5 !important;
}

.mp-order-6 {
  order: 6 !important;
}

.mp-order-7 {
  order: 7 !important;
}

.mp-order-8 {
  order: 8 !important;
}

.mp-order-9 {
  order: 9 !important;
}

.mp-order-10 {
  order: 10 !important;
}

.mp-order-11 {
  order: 11 !important;
}

.mp-order-12 {
  order: 12 !important;
}

/* ---------------------------------
   Responsive Order
   Mobile: 0 - 767px
   --------------------------------- */
@media (max-width: 767px) {
  .mp-sm-order-first {
    order: -9999 !important;
  }
  .mp-sm-order-last {
    order: 9999 !important;
  }
  .mp-sm-order-0 {
    order: 0 !important;
  }
  .mp-sm-order-1 {
    order: 1 !important;
  }
  .mp-sm-order-2 {
    order: 2 !important;
  }
  .mp-sm-order-3 {
    order: 3 !important;
  }
  .mp-sm-order-4 {
    order: 4 !important;
  }
  .mp-sm-order-5 {
    order: 5 !important;
  }
  .mp-sm-order-6 {
    order: 6 !important;
  }
  .mp-sm-order-7 {
    order: 7 !important;
  }
  .mp-sm-order-8 {
    order: 8 !important;
  }
  .mp-sm-order-9 {
    order: 9 !important;
  }
  .mp-sm-order-10 {
    order: 10 !important;
  }
  .mp-sm-order-11 {
    order: 11 !important;
  }
  .mp-sm-order-12 {
    order: 12 !important;
  }
  .mp-sm-order-stack {
    display: flex;
    flex-direction: column;
  }
  .mp-sm-order-row {
    display: flex;
    flex-wrap: wrap;
  }
  .mp-sm-order-grid {
    display: grid;
  }
  .mp-order-grid-2,
  .mp-order-grid-3,
  .mp-order-grid-4 {
    grid-template-columns: 1fr;
  }
}
/* ---------------------------------
   Tablet: 768px - 992px
   --------------------------------- */
@media (min-width: 768px) and (max-width: 992px) {
  .mp-md-order-first {
    order: -9999 !important;
  }
  .mp-md-order-last {
    order: 9999 !important;
  }
  .mp-md-order-0 {
    order: 0 !important;
  }
  .mp-md-order-1 {
    order: 1 !important;
  }
  .mp-md-order-2 {
    order: 2 !important;
  }
  .mp-md-order-3 {
    order: 3 !important;
  }
  .mp-md-order-4 {
    order: 4 !important;
  }
  .mp-md-order-5 {
    order: 5 !important;
  }
  .mp-md-order-6 {
    order: 6 !important;
  }
  .mp-md-order-7 {
    order: 7 !important;
  }
  .mp-md-order-8 {
    order: 8 !important;
  }
  .mp-md-order-9 {
    order: 9 !important;
  }
  .mp-md-order-10 {
    order: 10 !important;
  }
  .mp-md-order-11 {
    order: 11 !important;
  }
  .mp-md-order-12 {
    order: 12 !important;
  }
}
/* ---------------------------------
   Desktop: 993px+
   --------------------------------- */
@media (min-width: 993px) {
  .mp-lg-order-first {
    order: -9999 !important;
  }
  .mp-lg-order-last {
    order: 9999 !important;
  }
  .mp-lg-order-0 {
    order: 0 !important;
  }
  .mp-lg-order-1 {
    order: 1 !important;
  }
  .mp-lg-order-2 {
    order: 2 !important;
  }
  .mp-lg-order-3 {
    order: 3 !important;
  }
  .mp-lg-order-4 {
    order: 4 !important;
  }
  .mp-lg-order-5 {
    order: 5 !important;
  }
  .mp-lg-order-6 {
    order: 6 !important;
  }
  .mp-lg-order-7 {
    order: 7 !important;
  }
  .mp-lg-order-8 {
    order: 8 !important;
  }
  .mp-lg-order-9 {
    order: 9 !important;
  }
  .mp-lg-order-10 {
    order: 10 !important;
  }
  .mp-lg-order-11 {
    order: 11 !important;
  }
  .mp-lg-order-12 {
    order: 12 !important;
  }
}
/* ---------------------------------
   JS Move / Swap için yardımcılar
   --------------------------------- */
[data-mp-order-hidden] {
  display: none !important;
}

.mp-order-moving {
  transition: opacity 0.18s ease, transform 0.18s ease;
}

.mp-order-is-moving {
  opacity: 0.65;
  transform: scale(0.98);
}

/* Debug istenirse kullanılır */
.mp-order-debug-outline [data-mp-order],
.mp-order-debug-outline [data-mp-move-to],
.mp-order-debug-outline [data-mp-swap-with] {
  outline: 1px dashed rgba(255, 0, 127, 0.55);
  outline-offset: 3px;
}

/* Hero */
.hero-section {
  position: relative;
  overflow: hidden;
}

.hero-decor {
  position: absolute;
  border-radius: 50%;
  pointer-events: none;
}

.decor-one {
  width: 620px;
  height: 620px;
  right: -430px;
  top: -350px;
  background: #e6f5f1;
  filter: blur(50px);
}

.hero-grid {
  display: grid;
  grid-template-columns: 1.01fr 1fr;
  gap: 42px;
  align-items: center;
  min-height: 673px;
  padding-block: 72px 87px;
}

.hero-content {
  position: relative;
  z-index: 2;
  padding-bottom: 8px;
}

.hero-content h1 {
  font-size: clamp(47px, 5.05vw, 73px);
  line-height: 1.075;
  letter-spacing: -0.069em;
  font-weight: 780;
  margin: 0 0 27px;
  max-width: 680px;
}

.hero-content h1 em {
  font-style: normal;
  color: var(--mint-deep);
}

.hero-text {
  font-size: 15px;
  line-height: 1.95;
  color: var(--ink-soft);
  max-width: 490px;
  margin: 0 0 32px;
}

.hero-buttons {
  display: flex;
  align-items: center;
  gap: 26px;
  flex-wrap: wrap;
}

.text-link {
  font-size: 13px;
  font-weight: 780;
  transition: color 0.18s;
  white-space: nowrap;
}

.text-link span {
  margin-left: 8px;
  font-size: 17px;
}

.hero-bottom {
  margin-top: 61px;
  display: flex;
  align-items: center;
  gap: 13px;
}

.hero-bottom-icon {
  width: 39px;
  height: 39px;
  border: 1px solid #d1d9de;
  border-radius: 50%;
  display: grid;
  place-items: center;
  font-size: 20px;
}

.hero-bottom p {
  font-size: 11px;
  line-height: 1.7;
  color: var(--ink-soft);
  margin: 0;
}

.hero-bottom strong {
  font-weight: 750;
  color: var(--ink);
}

/* Decorative CSS-only laptop mockup */
.hero-art {
  height: 503px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  isolation: isolate;
}

.art-grid {
  position: absolute;
  inset: 15px 1px 0 0;
  background-image: linear-gradient(#dde9e9 1px, transparent 1px), linear-gradient(90deg, #dde9e9 1px, transparent 1px);
  background-size: 32px 32px;
  mask-image: radial-gradient(ellipse at center, #000 16%, transparent 72%);
  opacity: 0.65;
  z-index: -1;
}

.browser-window {
  width: 100%;
  max-width: 535px;
  background: #fff;
  border-radius: 13px;
  overflow: hidden;
  box-shadow: 0 45px 85px rgba(31, 57, 68, 0.16), 0 12px 28px rgba(31, 57, 68, 0.08);
  border: 1px solid #e4ebee;
  transform: rotate(-2deg);
  position: relative;
}

.browser-top {
  height: 40px;
  background: #f3f6f7;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 15px;
  gap: 15px;
  color: #87949e;
  font-size: 9px;
  letter-spacing: 0.03em;
}

.browser-dots {
  display: flex;
  gap: 5px;
}

.browser-dots i {
  display: block;
  width: 7px;
  height: 7px;
  background: #d2dbdd;
  border-radius: 50%;
}

.browser-dots i:first-child {
  background: #d8a6a5;
}

.browser-dots i:nth-child(2) {
  background: #eed3a0;
}

.browser-dots i:last-child {
  background: #a9d5bc;
}

.browser-top-icons {
  font-size: 15px;
  color: #9aa5ad;
}

.browser-body {
  padding: 26px 30px 25px;
  background: #fff;
}

.mock-nav {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 38px;
}

.mock-brand {
  font-size: 21px;
  font-weight: 850;
  letter-spacing: -0.075em;
}

.mock-brand span {
  color: #b9ca83;
}

.mock-menu {
  display: flex;
  gap: 8px;
  margin-left: auto;
  margin-right: 29px;
}

.mock-menu b {
  height: 4px;
  background: #dbe2e6;
  width: 25px;
  border-radius: 2px;
}

.mock-menu-btn {
  background: #142d3e;
  color: #fff;
  padding: 8px 11px;
  font-size: 8px;
  font-weight: 650;
  border-radius: 3px;
}

.mock-main {
  display: grid;
  grid-template-columns: 1.1fr 0.9fr;
  gap: 3px;
  min-height: 220px;
  align-items: center;
}

.mock-left {
  padding-bottom: 9px;
}

.mock-tag {
  font-size: 7px;
  font-weight: 800;
  letter-spacing: 0.2em;
  color: #7a8b8c;
}

.mock-headline {
  font-size: 37px;
  line-height: 1.06;
  letter-spacing: -0.06em;
  font-weight: 770;
  margin-top: 15px;
}

.mock-headline i {
  font-style: normal;
  color: #94b89d;
}

.mock-left p {
  font-size: 9px;
  color: #8c9897;
  margin: 12px 0 18px;
}

.mock-cta {
  display: inline-block;
  background: #c7e0b7;
  color: #192c28;
  padding: 10px 16px;
  border-radius: 3px;
  font-size: 9px;
  font-weight: 750;
}

.mock-right {
  height: 214px;
  border-radius: 115px 115px 12px 12px;
  overflow: hidden;
  position: relative;
  background: #d4e6d4;
}

.orb {
  position: absolute;
  border-radius: 50%;
  filter: blur(0.2px);
}

.orb-one {
  width: 190px;
  height: 190px;
  background: radial-gradient(circle at 32% 32%, #e9eed4, #a6be9a 60%, #7f9989);
  left: 16px;
  top: 14px;
}

.orb-two {
  width: 125px;
  height: 125px;
  background: radial-gradient(circle at 30% 20%, #e7ded1, #b6bba2 55%, #728f8b);
  right: -33px;
  bottom: -25px;
}

.orb-center {
  position: absolute;
  left: 44%;
  top: 40%;
  color: #f6f8eb;
  font-size: 70px;
  line-height: 1;
  transform: translate(-50%, -50%);
  text-shadow: 0 9px 30px rgba(55, 83, 57, 0.4);
}

.mock-footer {
  display: flex;
  justify-content: space-between;
  padding-top: 22px;
  margin-top: 8px;
  border-top: 1px solid #edf0f1;
  color: #94a1a2;
  font-size: 8px;
  letter-spacing: 0.1em;
}

.floating-label {
  position: absolute;
  z-index: 3;
  display: flex;
  align-items: center;
  box-shadow: 0 15px 32px rgba(25, 46, 57, 0.1);
}

.floating-label-top {
  top: 44px;
  right: -22px;
  gap: 8px;
  background: #fff;
  padding: 12px 17px;
  border: 1px solid #e9eff0;
  border-radius: 5px;
  transform: rotate(5deg);
  font-size: 9px;
  font-weight: 800;
  letter-spacing: 0.11em;
}

.pulse-dot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--mint-deep);
}

.floating-label-bottom {
  bottom: 41px;
  left: -29px;
  border-radius: 8px;
  padding: 12px 17px 12px 11px;
  background: #fff;
  gap: 11px;
  transform: rotate(3deg);
  font-size: 10px;
  color: var(--ink-soft);
  line-height: 1.7;
}

.floating-label-bottom b {
  font-size: 10px;
  color: var(--ink);
}

.float-icon {
  height: 38px;
  width: 38px;
  border-radius: 7px;
  background: var(--mint);
  display: grid;
  place-items: center;
  color: #144e40;
  font-size: 22px;
}

.hero-side-caption {
  position: absolute;
  right: -44px;
  bottom: 44px;
  writing-mode: vertical-rl;
  font-size: 8px;
  letter-spacing: 0.25em;
  font-weight: 800;
  color: #9baab1;
}

/* Ticker */
.ticker {
  background: #e9f3f1;
  border-block: 1px solid #dbebe7;
}

.ticker-inner {
  min-height: 74px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
}

.ticker-inner span {
  font-size: 12px;
  letter-spacing: 0.15em;
  font-weight: 770;
  color: #375e5a;
  white-space: nowrap;
}

.ticker-inner b {
  font-size: 16px;
  font-weight: 400;
  color: #91bfb3;
}

/* Work */
.work-section {
  background: #fff;
}

.section-intro {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 40px;
  margin-bottom: 44px;
}

.section-desc {
  max-width: 355px;
  font-size: 14px;
  line-height: 1.95;
  color: var(--ink-soft);
  margin: 0 0 5px;
}

.filter-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid var(--line);
  margin-bottom: 30px;
  gap: 20px;
}

.filter-options {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 31px;
}

.filter-btn {
  position: relative;
  padding: 0 0 19px;
  border: 0;
  background: transparent;
  color: #8793a2;
  font-weight: 750;
  font-size: 12px;
  cursor: pointer;
}

.filter-btn:hover, .filter-btn.active {
  color: var(--ink);
}

.filter-btn.active:after {
  content: "";
  position: absolute;
  bottom: -1px;
  height: 2px;
  background: var(--ink);
  left: 0;
  right: 0;
}

.filter-btn span {
  font-size: 10px;
  color: #9aabb5;
  margin-left: 4px;
}

.filter-caption {
  font-size: 11px;
  color: #97a3ac;
  white-space: nowrap;
  margin-bottom: 18px;
}

.tiny-dot {
  display: inline-block;
  background: #55c8a5;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  margin-right: 5px;
  vertical-align: middle;
}

.template-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
  min-height: 90px;
}

.template-card {
  border: 1px solid #e9edf1;
  background: #fff;
  border-radius: 10px;
  overflow: hidden;
  transition: box-shadow 0.2s, transform 0.2s;
}

.template-card:hover {
  box-shadow: 0 18px 45px rgba(10, 31, 50, 0.09);
  transform: translateY(-3px);
}

.card-image {
  min-height: 235px;
  position: relative;
  overflow: hidden;
  padding: 24px;
  background: #f1f5f5;
}

.card-image::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(0deg, rgba(18, 35, 49, 0.08), transparent 52%);
}

.card-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  inset: 0;
}

.card-tag {
  position: absolute;
  top: 16px;
  left: 16px;
  border-radius: 5px;
  background: rgba(255, 255, 255, 0.94);
  padding: 5px 9px;
  font-size: 9px;
  letter-spacing: 0.07em;
  font-weight: 800;
  text-transform: uppercase;
  z-index: 2;
}

.card-image-visual {
  position: absolute;
  inset: 48px 26px 20px;
  border-radius: 9px;
  overflow: hidden;
  box-shadow: 0 15px 35px rgba(17, 35, 48, 0.17);
  transform: rotate(-2deg);
  background: #fff;
}

.visual-top {
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 12px;
  background: rgba(255, 255, 255, 0.92);
}

.visual-dots {
  display: flex;
  gap: 3px;
}

.visual-dots i {
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #bfc9c9;
  display: block;
}

.visual-top b {
  width: 54px;
  height: 3px;
  border-radius: 9px;
  background: #cdd7d8;
}

.visual-content {
  height: calc(100% - 24px);
  padding: 24px 15px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.visual-copy {
  width: 53%;
}

.visual-mini {
  display: block;
  width: 50%;
  height: 5px;
  border-radius: 8px;
  background: #b8d5c7;
  margin-bottom: 12px;
}

.visual-title {
  display: block;
  width: 95%;
  height: 12px;
  border-radius: 3px;
  background: #213e51;
  margin-bottom: 7px;
}

.visual-title.short {
  width: 78%;
}

.visual-paragraph {
  display: block;
  width: 87%;
  height: 4px;
  border-radius: 5px;
  background: #c7d3d5;
  margin-top: 14px;
}

.visual-paragraph.small {
  width: 70%;
  margin-top: 7px;
}

.visual-button {
  display: block;
  margin-top: 17px;
  width: 66px;
  height: 15px;
  border-radius: 4px;
  background: #184257;
}

.visual-shape {
  width: 42%;
  height: 115px;
  border-radius: 60px 60px 8px 8px;
  background: linear-gradient(140deg, #adccce, #437b83);
  position: relative;
  overflow: hidden;
}

.visual-shape::after {
  content: "";
  position: absolute;
  inset: 18% 6% -30% 30%;
  background: rgba(255, 255, 255, 0.22);
  border-radius: 50%;
  transform: rotate(21deg);
}

.tone-creative {
  background: #e9e6f2;
}

.tone-creative .visual-content {
  background: #f3f0fa;
}

.tone-creative .visual-title {
  background: #4e476e;
}

.tone-creative .visual-shape {
  background: linear-gradient(140deg, #cabfe5, #68558e);
}

.tone-creative .visual-button {
  background: #77629e;
}

.tone-ecommerce {
  background: #f3eae1;
}

.tone-ecommerce .visual-content {
  background: #fff9ef;
}

.tone-ecommerce .visual-title {
  background: #795a43;
}

.tone-ecommerce .visual-shape {
  background: linear-gradient(140deg, #f4d1aa, #ba8972);
}

.tone-ecommerce .visual-button {
  background: #956745;
}

.tone-business {
  background: #e3f0ec;
}

.card-content {
  padding: 22px 22px 23px;
}

.card-eyebrow {
  font-size: 10px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: #95a1ae;
  font-weight: 780;
}

.card-content h3 {
  font-size: 21px;
  letter-spacing: -0.04em;
  line-height: 1.2;
  margin: 8px 0 8px;
}

.card-content p {
  font-size: 12px;
  line-height: 1.7;
  color: #7b8997;
  margin: 0;
  min-height: 43px;
}

.card-bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-top: 1px solid #edf0f2;
  margin-top: 20px;
  padding-top: 17px;
  gap: 8px;
}

.status-badge {
  font-size: 10px;
  font-weight: 750;
  background: #eef3f3;
  color: #557170;
  padding: 6px 8px;
  border-radius: 4px;
}

.status-badge.live {
  background: #e4f6ef;
  color: #16845f;
}

.card-actions {
  display: flex;
  align-items: center;
  gap: 12px;
}

.card-actions a {
  font-size: 11px;
  font-weight: 800;
  border-bottom: 1px solid currentColor;
}

.card-actions a:hover {
  color: var(--mint-deep);
}

.coming-soon-text {
  font-size: 11px;
  color: #9ba7ad;
  font-weight: 750;
}

.empty-state {
  grid-column: 1/-1;
  padding: 58px;
  border: 1px dashed #c8d6d5;
  border-radius: 10px;
  text-align: center;
  color: #667884;
  background: #f8fbfa;
}

.empty-state h3 {
  margin: 0 0 7px;
  font-size: 20px;
  color: var(--ink);
}

.empty-state p {
  margin: 0;
}

.showcase-bottom {
  display: flex;
  gap: 20px;
  align-items: center;
  justify-content: space-between;
  margin-top: 46px;
  font-size: 11px;
  color: #98a8ad;
}

.showcase-bottom .line {
  height: 1px;
  background: #e2eaeb;
  flex: 1;
}

/* Approach */
.approach-section {
  background: #f3f7f6;
}

.approach-grid {
  display: grid;
  grid-template-columns: 0.93fr 1.07fr;
  gap: 110px;
}

.approach-heading > p:last-child {
  font-size: 14px;
  color: var(--ink-soft);
  line-height: 2;
  max-width: 400px;
  margin-top: 26px;
}

.principles {
  border-top: 1px solid #dae5e4;
}

.principle {
  display: grid;
  grid-template-columns: 55px 1fr 22px;
  gap: 18px;
  border-bottom: 1px solid #dae5e4;
  padding: 29px 0;
}

.principle-index {
  font-size: 11px;
  letter-spacing: 0.1em;
  color: var(--mint-deep);
  font-weight: 800;
  padding-top: 5px;
}

.principle h3 {
  font-size: 19px;
  line-height: 1.3;
  letter-spacing: -0.035em;
  margin: 0 0 7px;
}

.principle p {
  font-size: 12px;
  line-height: 1.85;
  color: var(--ink-soft);
  margin: 0;
  max-width: 340px;
}

.principle-arrow {
  font-size: 19px;
}

/* Contact */
.contact-section {
  background: #fff;
  padding: 100px 0;
}

.contact-panel {
  position: relative;
  background: #192b40;
  border-radius: 12px;
  padding: 80px 80px 34px;
  color: #fff;
  overflow: hidden;
  isolation: isolate;
}

.contact-panel::before {
  content: "";
  position: absolute;
  width: 620px;
  height: 620px;
  right: -200px;
  top: -160px;
  border-radius: 50%;
  border: 100px solid rgba(151, 229, 206, 0.055);
  z-index: -1;
}

.contact-panel .eyebrow {
  color: #addacb;
}

.contact-panel .eyebrow-line {
  background: #9ae7d0;
}

.contact-panel h2 {
  font-size: clamp(38px, 4.6vw, 64px);
  letter-spacing: -0.06em;
  line-height: 1.14;
  margin: 0 0 24px;
}

.contact-panel h2 em {
  color: var(--mint);
  font-style: normal;
}

.contact-panel > p:not(.eyebrow) {
  font-size: 13px;
  line-height: 1.95;
  color: #b7c5cf;
  max-width: 515px;
  margin: 0 0 29px;
}

.contact-actions {
  min-height: 54px;
  display: flex;
  gap: 26px;
  align-items: center;
  flex-wrap: wrap;
}

.contact-inline-link {
  font-size: 12px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.8);
  font-weight: 700;
}

.coming-contact {
  font-size: 12px;
  color: #c6d4dc;
  border-bottom: 1px solid rgba(255, 255, 255, 0.25);
  padding: 12px 0;
}

.contact-decoration {
  position: absolute;
  font-size: 355px;
  right: 20px;
  bottom: 55px;
  line-height: 0.8;
  font-weight: 850;
  letter-spacing: -0.12em;
  color: rgba(255, 255, 255, 0.027);
  pointer-events: none;
  z-index: -1;
}

.contact-decoration span {
  color: rgba(157, 229, 203, 0.09);
}

.contact-foot {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-top: 1px solid rgba(255, 255, 255, 0.11);
  margin-top: 71px;
  padding-top: 23px;
  color: #7893a2;
  font-size: 9px;
  letter-spacing: 0.15em;
  font-weight: 750;
}

.contact-foot span {
  font-size: 21px;
  color: var(--mint);
}

/* Footer */
.site-footer {
  background: #fff;
}

.footer-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 24px;
  padding: 3px 0 41px;
}

.footer-top p {
  font-size: 11px;
  line-height: 1.75;
  color: var(--ink-soft);
  margin: 0;
}

.back-top {
  font-size: 12px;
  font-weight: 800;
}

.footer-bottom {
  display: flex;
  justify-content: space-between;
  gap: 18px;
  border-top: 1px solid #e8edef;
  padding: 25px 0 30px;
  font-size: 11px;
  color: #98a7b0;
}

/* Responsive */
@media (max-width: 1120px) {
  .desktop-nav {
    padding-left: 20px;
    gap: 27px;
  }
  .hero-grid {
    gap: 15px;
  }
  .hero-art {
    height: 440px;
  }
  .floating-label-top {
    right: 0;
  }
  .floating-label-bottom {
    left: 0;
  }
  .hero-side-caption {
    display: none;
  }
  .browser-body {
    padding: 21px;
  }
  .approach-grid {
    gap: 50px;
  }
}
@media (max-width: 900px) {
  .container {
    width: min(100% - 42px, 720px);
  }
  .desktop-nav, .header-cta {
    display: none;
  }
  .menu-toggle {
    display: flex;
  }
  .header-inner {
    height: 76px;
  }
  .hero-grid {
    grid-template-columns: 1fr;
    gap: 24px;
    padding-block: 65px 75px;
  }
  .hero-content h1 {
    max-width: 740px;
  }
  .hero-text {
    max-width: 650px;
  }
  .hero-bottom {
    margin-top: 35px;
  }
  .hero-art {
    height: 475px;
    max-width: 620px;
    width: 100%;
    margin: auto;
  }
  .section-pad {
    padding: 78px 0;
  }
  .section-intro {
    display: block;
  }
  .section-desc {
    margin-top: 25px;
  }
  .template-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .approach-grid {
    grid-template-columns: 1fr;
    gap: 28px;
  }
  .approach-heading > p:last-child {
    max-width: 600px;
  }
  .ticker-inner span {
    font-size: 10px;
  }
  .contact-panel {
    padding: 65px 48px 30px;
  }
}
@media (max-width: 620px) {
  html {
    scroll-padding-top: 78px;
  }
  .container {
    width: calc(100% - 36px);
  }
  .brand {
    font-size: 30px;
  }
  .hero-grid {
    padding-block: 45px 52px;
  }
  .hero-content h1 {
    font-size: clamp(41px, 9.4vw, 60px);
    line-height: 1.08;
  }
  .hero-text {
    font-size: 13px;
    line-height: 1.85;
  }
  .eyebrow {
    font-size: 10px;
    margin-bottom: 18px;
  }
  .hero-buttons {
    align-items: flex-start;
    gap: 17px;
  }
  .hero-bottom {
    margin-top: 35px;
  }
  .hero-art {
    height: 320px;
    margin-top: 9px;
  }
  .browser-window {
    width: 96%;
  }
  .browser-top {
    height: 28px;
    padding: 0 11px;
  }
  .browser-body {
    padding: 14px;
  }
  .mock-nav {
    padding-bottom: 18px;
  }
  .mock-brand {
    font-size: 17px;
  }
  .mock-menu {
    display: none;
  }
  .mock-menu-btn {
    font-size: 7px;
    padding: 6px;
  }
  .mock-main {
    min-height: 150px;
  }
  .mock-headline {
    font-size: 25px;
  }
  .mock-right {
    height: 145px;
  }
  .orb-one {
    width: 130px;
    height: 130px;
    left: 0;
    top: 0;
  }
  .orb-two {
    width: 90px;
    height: 90px;
  }
  .orb-center {
    font-size: 45px;
  }
  .mock-tag {
    font-size: 5px;
  }
  .mock-left p {
    font-size: 7px;
  }
  .mock-cta {
    font-size: 7px;
    padding: 8px;
  }
  .mock-footer {
    padding-top: 10px;
    margin-top: 6px;
  }
  .floating-label-top {
    right: 0;
    top: 5px;
    font-size: 7px;
    padding: 9px;
  }
  .floating-label-bottom {
    bottom: 1px;
    left: 1px;
    padding: 8px;
    font-size: 8px;
  }
  .floating-label-bottom b {
    font-size: 8px;
  }
  .float-icon {
    height: 29px;
    width: 29px;
  }
  .ticker-inner {
    min-height: 64px;
    gap: 14px;
    flex-wrap: wrap;
    justify-content: center;
    padding-block: 15px;
  }
  .ticker-inner span {
    font-size: 9px;
  }
  .ticker-inner b {
    font-size: 12px;
  }
  .section-pad {
    padding: 67px 0;
  }
  .section-title {
    font-size: clamp(35px, 9vw, 48px);
  }
  .filter-bar {
    align-items: start;
  }
  .filter-options {
    gap: 15px;
  }
  .filter-btn {
    font-size: 11px;
  }
  .filter-caption {
    display: none;
  }
  .template-grid {
    grid-template-columns: 1fr;
    gap: 18px;
  }
  .card-image {
    min-height: 235px;
  }
  .showcase-bottom {
    margin-top: 29px;
  }
  .showcase-bottom span {
    font-size: 9px;
  }
  .principle {
    grid-template-columns: 37px 1fr 18px;
    gap: 10px;
    padding: 24px 0;
  }
  .principle h3 {
    font-size: 17px;
  }
  .contact-section {
    padding: 64px 0;
  }
  .contact-panel {
    padding: 49px 25px 24px;
  }
  .contact-panel h2 {
    font-size: clamp(34px, 8.4vw, 46px);
  }
  .contact-panel > p:not(.eyebrow) {
    font-size: 12px;
  }
  .contact-foot {
    margin-top: 50px;
    font-size: 8px;
  }
  .footer-top {
    flex-wrap: wrap;
    gap: 16px;
  }
  .footer-top p {
    order: 3;
    flex-basis: 100%;
  }
  .footer-bottom {
    display: block;
    font-size: 10px;
  }
  .footer-bottom span {
    display: block;
    margin-bottom: 7px;
  }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    scroll-behavior: auto !important;
    animation-duration: 0.01ms !important;
    transition-duration: 0.01ms !important;
  }
}
/* Ender Homepage — MWT block integration additions.
   Keep existing _home.scss intact and @use this file after it. */
.ender-home-template-grid .card-image {
  display: block;
  position: relative;
  min-height: 235px;
}

.ender-home-template-grid .card-image img {
  display: block;
  object-fit: cover;
}

.ender-home-card-placeholder {
  position: absolute;
  inset: 30px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 16px;
  background: linear-gradient(135deg, #deebe9, #f5f8f7);
  color: #20374b;
  font-size: 75px;
  font-weight: 800;
  letter-spacing: -0.09em;
  border-radius: 8px;
}

.ender-home-card-placeholder span {
  color: #58b89e;
}

.ender-home-card-placeholder small {
  font-size: 11px;
  letter-spacing: 0.22em;
  font-weight: 700;
}

.ender-home-template-grid .card-image:hover .ender-home-card-placeholder {
  background: linear-gradient(135deg, #d3eae3, #f2f8f5);
}

.ender-home-template-grid .card-image:focus-visible, .ender-wp-filters a:focus-visible {
  outline: 3px solid #379d81;
  outline-offset: 3px;
}

.ender-wp-filters .filter-btn {
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 5px;
}

.ender-home-template-grid .card-content a {
  text-decoration: none;
}

.ender-home-template-grid .card-content h3 a:hover {
  color: var(--mint-deep);
}

/* Ender About + Contact v1 | isolated theme styles, uses existing Ender CSS variables. */
.ender-pages {
  background: var(--paper, #f7f9fa);
  color: var(--ink, #15243b);
}

.ender-pages .ender-pages-title {
  font-size: clamp(42px, 5.2vw, 72px);
  line-height: 1.08;
  letter-spacing: -0.065em;
  font-weight: 770;
  margin: 0;
}

.ender-pages .ender-pages-title em {
  color: var(--mint-deep, #19a888);
  font-style: normal;
}

.ender-about__intro {
  position: relative;
  overflow: hidden;
  background: linear-gradient(125deg, #f7f9fa 42%, #eaf5f2 120%);
}

.ender-about__intro::before {
  content: "";
  position: absolute;
  width: 450px;
  height: 450px;
  right: -210px;
  top: -210px;
  background: #dff2ed;
  border-radius: 50%;
  filter: blur(40px);
  pointer-events: none;
}

.ender-about__intro-grid {
  display: grid;
  grid-template-columns: 1.08fr 0.92fr;
  gap: clamp(40px, 7vw, 110px);
  align-items: center;
  position: relative;
}

.ender-about__intro-copy {
  border-left: 1px solid #d5e4e1;
  padding: 4px 0 4px 35px;
}

.ender-about__intro-copy p {
  font-size: clamp(15px, 1.3vw, 18px);
  line-height: 1.95;
  color: var(--ink-soft, #526175);
  margin: 0 0 24px;
}

.ender-about__intro-copy p:last-child {
  font-size: 14px;
  margin-bottom: 0;
}

.ender-about__meta {
  display: flex;
  align-items: center;
  gap: 20px;
  margin-top: 42px;
  font-size: 11px;
  color: #68847d;
  letter-spacing: 0.06em;
  font-weight: 700;
}

.ender-about__symbol {
  width: 56px;
  height: 56px;
  border-radius: 12px;
  background: #182b42;
  color: #fff;
  display: grid;
  place-items: center;
  letter-spacing: -0.1em;
  font-size: 31px;
  font-weight: 850;
  line-height: 1;
}

.ender-about__symbol span {
  color: #90e2cb;
}

.ender-about__values {
  background: #fff;
}

.ender-about__value-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 22px;
  margin-top: 50px;
}

.ender-about__value {
  border: 1px solid #e3ebe9;
  background: #f8faf9;
  border-radius: 12px;
  padding: 34px 30px;
  min-height: 228px;
}

.ender-about__index {
  font-weight: 800;
  font-size: 12px;
  letter-spacing: 0.08em;
  color: #248c77;
}

.ender-about__value h3 {
  font-size: 22px;
  line-height: 1.25;
  margin: 22px 0 13px;
  letter-spacing: -0.035em;
}

.ender-about__value p {
  margin: 0;
  color: var(--ink-soft, #526175);
  font-size: 14px;
  line-height: 1.85;
}

.ender-about__more {
  margin-top: 40px;
  padding-top: 22px;
  border-top: 1px solid #e5e9ed;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  color: #8d9bac;
  font-size: 12px;
  letter-spacing: 0.08em;
}

.ender-about__more a {
  color: var(--ink, #15243b);
  font-size: 13px;
  font-weight: 750;
  letter-spacing: 0;
  border-bottom: 1px solid currentColor;
  padding-bottom: 4px;
}

.ender-about__more a:hover {
  color: var(--mint-deep, #19a888);
}

.ender-contact-page__section {
  background: linear-gradient(140deg, #f7f9fa 58%, #eaf5f1);
}

.ender-contact-page__grid {
  display: grid;
  grid-template-columns: 0.94fr 1.06fr;
  gap: clamp(36px, 6vw, 96px);
  align-items: start;
}

.ender-contact__details {
  padding-top: 27px;
  min-width: 0;
}

.ender-contact__intro {
  color: var(--ink-soft, #526175);
  line-height: 1.95;
  font-size: 15px;
  max-width: 500px;
  margin: 27px 0 39px;
}

.ender-contact__methods {
  display: grid;
  gap: 18px;
}

.ender-contact__method {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 21px 20px;
  border: 1px solid #dfe9e7;
  background: #fff;
  border-radius: 10px;
  min-width: 0;
}

.ender-contact__method-icon {
  width: 46px;
  height: 46px;
  border-radius: 9px;
  background: #e5f5f0;
  display: grid;
  place-items: center;
  font-size: 23px;
  color: #128267;
  flex-shrink: 0;
}

.ender-contact__method-label {
  display: block;
  text-transform: uppercase;
  letter-spacing: 0.11em;
  font-weight: 800;
  font-size: 10px;
  color: #8da0a8;
  margin-bottom: 5px;
}

.ender-contact__method a {
  font-size: 14px;
  font-weight: 700;
  overflow-wrap: anywhere;
}

.ender-contact__method a:hover {
  color: var(--mint-deep, #19a888);
}

.ender-contact__note {
  border-left: 2px solid #90e2cb;
  padding: 2px 0 2px 13px;
  font-size: 12px;
  color: #8799a4;
  margin-top: 32px;
}

.ender-contact__form-wrap {
  border-radius: 15px;
  background: #fff;
  border: 1px solid #e0e9e8;
  padding: clamp(24px, 3.7vw, 48px);
  box-shadow: 0 24px 70px rgba(20, 44, 58, 0.07);
}

.ender-contact__form-wrap .eyebrow {
  margin-bottom: 13px;
  font-size: 10px;
}

.ender-contact__form-wrap h2 {
  font-size: clamp(25px, 2.5vw, 35px);
  letter-spacing: -0.05em;
  line-height: 1.2;
  margin: 0 0 13px;
}

.ender-contact__form-intro {
  color: #7d8a98;
  font-size: 13px;
  line-height: 1.8;
  margin: 0 0 29px;
}

.ender-contact__form {
  display: grid;
  gap: 19px;
}

.ender-contact__form-row {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}

.ender-contact__form label {
  font-size: 12px;
  font-weight: 750;
  color: #2e4055;
  display: grid;
  gap: 9px;
}

.ender-contact__form input, .ender-contact__form textarea {
  appearance: none;
  width: 100%;
  border: 1px solid #dbe5e7;
  border-radius: 7px;
  background: #fbfdfd;
  padding: 13px 14px;
  color: #172941;
  font: inherit;
  font-size: 13px;
  outline: none;
  transition: border-color 0.15s, box-shadow 0.15s;
}

.ender-contact__form input:focus, .ender-contact__form textarea:focus {
  border-color: #32ac91;
  box-shadow: 0 0 0 3px rgba(38, 182, 151, 0.12);
}

.ender-contact__form textarea {
  resize: vertical;
  min-height: 140px;
}

.ender-contact__form .btn {
  width: max-content;
  cursor: pointer;
  border: 0;
}

.ender-contact__privacy {
  font-size: 11px;
  color: #8796a3;
  line-height: 1.8;
  margin: 0;
}

.ender-contact__privacy a {
  text-decoration: underline;
}

.ender-contact__alert {
  padding: 13px 15px;
  border-radius: 7px;
  background: #fff5e7;
  color: #835526;
  font-size: 12px;
  line-height: 1.65;
  margin: 0 0 22px;
}

.ender-contact__alert--success {
  background: #e4f7ec;
  color: #13684a;
}

.ender-contact__alert--error {
  background: #fff0ee;
  color: #a13c2b;
}

.ender-contact__honeypot {
  position: absolute !important;
  left: -9999px !important;
  width: 1px;
  height: 1px;
  overflow: hidden;
  visibility: hidden;
}

@media (max-width: 960px) {
  .ender-about__intro-grid, .ender-contact-page__grid {
    grid-template-columns: 1fr;
    gap: 35px;
  }
  .ender-about__intro-copy {
    border-left: 0;
    border-top: 1px solid #d5e4e1;
    padding: 30px 0 0;
  }
  .ender-about__value-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .ender-contact__details {
    padding-top: 0;
  }
}
@media (max-width: 650px) {
  .ender-pages .ender-pages-title {
    font-size: clamp(38px, 9vw, 51px);
  }
  .ender-about__value-grid, .ender-contact__form-row {
    grid-template-columns: 1fr;
  }
  .ender-about__value {
    min-height: 0;
  }
  .ender-about__more {
    align-items: flex-start;
    flex-direction: column;
    gap: 12px;
  }
  .ender-contact__form-wrap {
    padding: 25px 20px;
  }
  .ender-contact__form .g-recaptcha {
    max-width: 100%;
    overflow-x: auto;
  }
  .ender-contact__method {
    padding: 16px 14px;
  }
}
/* Add these declarations near the end of the existing _ender-about-contact.scss. */
.ender-contact__captcha {
  max-width: 100%;
  overflow-x: auto;
}

.ender-contact__consent {
  display: flex !important;
  align-items: flex-start;
  gap: 9px;
  font-size: 12px;
  line-height: 1.6;
  font-weight: 400 !important;
}

.ender-contact__form .ender-contact__consent input[type=checkbox] {
  appearance: auto;
  width: auto;
  min-width: 16px;
  margin: 4px 0 0;
  padding: 0;
}

.ender-contact__consent a {
  text-decoration: underline;
}

.ender-contact__alert[hidden] {
  display: none !important;
}

.ender-contact__form button[aria-busy=true] {
  opacity: 0.65;
  cursor: wait;
}

/* Ender — Demo Themes catalogue + single item. Scoped to avoid home page collisions. */
.ender-pages {
  color: var(--ink, #15243b);
  background: var(--paper, #f7f9fa);
  min-width: 0;
}
.ender-pages .eyebrow {
  margin-bottom: 19px;
}
.ender-pages .section-title em {
  font-style: normal;
  color: var(--mint-deep, #19a888);
}
.ender-pages a {
  transition: color 0.18s ease, background 0.18s ease, transform 0.18s ease;
}

.ender-page-hero {
  position: relative;
  overflow: hidden;
  padding: 100px 0 104px;
  background: radial-gradient(circle at 93% -30%, #d9f2eb 0, transparent 48%), #f5f8f8;
  border-bottom: 1px solid var(--line, #e5e9ed);
}
.ender-page-hero h1 {
  font-size: clamp(42px, 6vw, 80px);
  letter-spacing: -0.068em;
  line-height: 1.09;
  margin: 0 0 25px;
  font-weight: 770;
}
.ender-page-hero h1 em {
  font-style: normal;
  color: var(--mint-deep, #19a888);
}
.ender-page-hero p:not(.eyebrow) {
  max-width: 650px;
  line-height: 1.95;
  font-size: 15px;
  color: var(--ink-soft, #526175);
  margin: 0;
}

.ender-section-head {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 25px;
  margin-bottom: 37px;
}

.ender-count {
  font-size: 12px;
  color: var(--ink-soft, #526175);
  white-space: nowrap;
  margin: 0 0 7px;
}

.ender-catalog-main {
  background: #fff;
}

.ender-catalog-filters {
  display: flex;
  align-items: center;
  gap: 9px;
  flex-wrap: wrap;
  padding: 0 0 26px;
  border-bottom: 1px solid var(--line, #e5e9ed);
  margin-bottom: 32px;
}

.ender-chip {
  padding: 10px 18px;
  border-radius: 30px;
  background: #f1f5f5;
  border: 1px solid #e5ebeb;
  font-size: 12px;
  font-weight: 750;
  color: #62727d;
}

.ender-chip:hover, .ender-chip.is-active {
  background: var(--ink, #15243b);
  color: #fff;
  border-color: var(--ink, #15243b);
}

.ender-catalog-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 23px;
}

.ender-demo-card {
  min-width: 0;
  background: #fff;
  border: 1px solid #e5ecee;
  border-radius: 12px;
  overflow: hidden;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.ender-demo-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 17px 35px rgba(10, 31, 50, 0.08);
}

.ender-demo-cover {
  position: relative;
  background: #e9f1ef;
  display: block;
  aspect-ratio: 1.55;
  overflow: hidden;
}

.ender-demo-cover img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.35s ease;
}

.ender-demo-cover:hover img {
  transform: scale(1.025);
}

.ender-cover-fallback {
  position: absolute;
  inset: 0;
  background: linear-gradient(130deg, #dcefeb, #e8ebf2);
  display: flex;
  flex-direction: column;
  gap: 12px;
  align-items: center;
  justify-content: center;
  color: #577279;
  font-weight: 750;
  font-size: 10px;
  letter-spacing: 0.2em;
}

.ender-cover-mark {
  font-size: 75px;
  color: #182b42;
  line-height: 1;
  letter-spacing: -0.1em;
}

.ender-cover-mark span, .ender-detail-placeholder strong span {
  color: var(--mint-deep, #19a888);
}

.ender-cover-label {
  position: absolute;
  z-index: 1;
  top: 15px;
  left: 15px;
  padding: 7px 11px;
  background: rgba(255, 255, 255, 0.93);
  border-radius: 5px;
  color: var(--ink, #15243b);
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.07em;
  font-size: 10px;
}

.ender-demo-card-content {
  padding: 23px;
}

.ender-card-meta {
  color: #90a0ab;
  font-size: 10px;
  letter-spacing: 0.14em;
  font-weight: 800;
}

.ender-card-meta span {
  margin-inline: 6px;
  color: var(--mint-deep, #19a888);
}

.ender-demo-card-content h3 {
  font-size: 22px;
  line-height: 1.24;
  letter-spacing: -0.04em;
  margin: 9px 0;
}

.ender-demo-card-content h3 a:hover, .ender-view-link:hover, .ender-back-row a:hover {
  color: var(--mint-deep, #19a888);
}

.ender-demo-card-content p {
  color: var(--ink-soft, #526175);
  font-size: 13px;
  line-height: 1.8;
  min-height: 43px;
  margin: 0;
}

.ender-card-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 15px;
  flex-wrap: wrap;
  border-top: 1px solid #e9eeee;
  margin-top: 21px;
  padding-top: 18px;
}

.ender-view-link {
  font-weight: 800;
  font-size: 12px;
  border-bottom: 1px solid currentColor;
  padding-bottom: 2px;
}

.ender-status {
  font-size: 10px;
  font-weight: 750;
  border-radius: 4px;
  background: #eff2f2;
  color: #65757b;
  padding: 6px 9px;
}

.ender-status.is-live {
  background: #e5f5ed;
  color: #117e60;
}

.ender-empty-state {
  border: 1px dashed #c9dad6;
  background: #f8fbfa;
  border-radius: 12px;
  padding: 70px 22px;
  text-align: center;
  color: var(--ink-soft, #526175);
}

.ender-empty-state h3 {
  font-size: 24px;
  letter-spacing: -0.04em;
  color: var(--ink, #15243b);
  margin: 12px 0;
}

.ender-empty-state p {
  margin: 0 auto 25px;
  max-width: 560px;
  font-size: 14px;
  line-height: 1.8;
}

.ender-empty-icon {
  font-size: 31px;
  color: var(--mint-deep, #19a888);
}

.ender-pagination {
  margin-top: 40px;
}

.ender-pagination ul {
  list-style: none;
  display: flex;
  gap: 9px;
  justify-content: center;
  padding: 0;
  margin: 0;
  flex-wrap: wrap;
}

.ender-pagination .page-numbers a, .ender-pagination .page-numbers span {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 42px;
  padding: 10px 13px;
  border: 1px solid #dde8e5;
  border-radius: 7px;
  font-size: 12px;
  font-weight: 700;
  background: #fff;
}

.ender-pagination .page-numbers .current, .ender-pagination .page-numbers a:hover {
  background: #182b42;
  color: #fff;
  border-color: #182b42;
}

.ender-detail-head {
  padding: 14px 0 10px;
  background: #f6f9f9;
  border-bottom: 1px solid #e5eeee;
}

.ender-breadcrumb {
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
  align-items: center;
  font-size: 12px;
  color: #8393a0;
  margin-bottom: 0px;
}

.ender-breadcrumb a:hover {
  color: var(--mint-deep, #19a888);
}

.ender-detail-layout {
  display: grid;
  grid-template-columns: 0.92fr 1.08fr;
  align-items: center;
  gap: 65px;
}

.ender-detail-copy h1 {
  font-size: clamp(42px, 5vw, 70px);
  line-height: 1.12;
  letter-spacing: -0.068em;
  font-weight: 780;
  margin: 0 0 22px;
  overflow-wrap: break-word;
}

.ender-detail-lead {
  font-size: 15px;
  line-height: 1.9;
  color: var(--ink-soft, #526175);
  margin: 0 0 25px;
  max-width: 530px;
}

.ender-detail-tags {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  margin-bottom: 30px;
}

.ender-detail-tags span {
  font-size: 11px;
  font-weight: 700;
  padding: 9px 13px;
  background: #e7f2ef;
  color: #396d64;
  border-radius: 30px;
}

.ender-detail-actions {
  display: flex;
  gap: 22px;
  align-items: center;
  flex-wrap: wrap;
}

.ender-marketplace-btn {
  font-size: 13px;
  font-weight: 800;
  border-bottom: 1px solid currentColor;
  padding-block: 12px;
}

.ender-marketplace-btn:hover {
  color: var(--mint-deep, #19a888);
}

.ender-detail-soon {
  font-size: 12px;
  color: #81929d;
}

.ender-detail-featured {
  border-radius: 12px;
  overflow: hidden;
  background: linear-gradient(130deg, #e0f1ed, #dce5ed);
  box-shadow: 0 25px 65px rgba(20, 40, 56, 0.1);
  aspect-ratio: 1.4;
}

.ender-detail-featured > img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.ender-detail-placeholder {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 15px;
}

.ender-detail-placeholder strong {
  font-size: 115px;
  line-height: 1;
  letter-spacing: -0.12em;
}

.ender-detail-placeholder small {
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.16em;
  font-weight: 750;
  color: #617b7b;
}

.ender-preview-section {
  background: #fff;
}

.ender-preview-intro {
  color: var(--ink-soft, #526175);
  max-width: 355px;
  font-size: 13px;
  line-height: 1.9;
  margin: 0;
}

.ender-browser-frame {
  background: #edf1f2;
  border: 1px solid #dae5e6;
  box-shadow: 0 25px 65px rgba(18, 45, 55, 0.08);
  border-radius: 13px;
  overflow: hidden;
}

.ender-browser-toolbar {
  min-height: 52px;
  padding: 10px 19px;
  background: #f4f6f7;
  border-bottom: 1px solid #dce5e6;
  display: flex;
  gap: 17px;
  align-items: center;
}

.ender-browser-dots {
  display: flex;
  gap: 6px;
}

.ender-browser-dots i {
  height: 9px;
  width: 9px;
  border-radius: 50%;
  background: #c6d1d3;
  display: block;
}

.ender-browser-dots i:first-child {
  background: #e9aca7;
}

.ender-browser-dots i:nth-child(2) {
  background: #f0d8a8;
}

.ender-browser-dots i:nth-child(3) {
  background: #a8dabc;
}

.ender-browser-title {
  font-weight: 700;
  color: #62727d;
  font-size: 11px;
  flex: 1;
  text-align: center;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.ender-browser-mark {
  font-weight: 800;
  font-size: 9px;
  letter-spacing: 0.1em;
  color: #a0aeb7;
  white-space: nowrap;
}

.ender-browser-inner {
  height: min(76vh, 820px);
  min-height: 520px;
  background: #fff;
}

.ender-browser-inner iframe {
  border: 0;
  width: 100%;
  height: 100%;
  display: block;
  background: #fff;
}

.ender-preview-caption {
  font-size: 11px;
  color: #8795a0;
  line-height: 1.8;
  margin-top: 18px;
}

.ender-description-section {
  background: #f3f7f6;
}

.ender-description-layout {
  display: grid;
  grid-template-columns: 0.82fr 1.18fr;
  gap: 95px;
}

.ender-description-body {
  font-size: 14px;
  line-height: 1.95;
  color: var(--ink-soft, #526175);
  overflow-wrap: anywhere;
}

.ender-description-body h2, .ender-description-body h3 {
  color: var(--ink, #15243b);
  line-height: 1.3;
  letter-spacing: -0.04em;
}

.ender-description-body img {
  max-width: 100%;
  height: auto;
}

.ender-description-body a {
  color: var(--mint-deep, #19a888);
  text-decoration: underline;
}

.ender-back-row {
  background: #fff;
  padding: 25px 0 70px;
  font-size: 12px;
  font-weight: 800;
}

@media (max-width: 1000px) {
  .ender-catalog-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .ender-detail-layout {
    gap: 30px;
  }
  .ender-description-layout {
    gap: 40px;
  }
}
@media (max-width: 720px) {
  .ender-page-hero {
    padding: 68px 0;
  }
  .ender-catalog-grid, .ender-detail-layout, .ender-description-layout {
    grid-template-columns: 1fr;
  }
  .ender-detail-head {
    padding: 26px 0 58px;
  }
  .ender-breadcrumb {
    margin-bottom: 12px;
  }
  .ender-detail-featured {
    order: -1;
  }
  .ender-section-head {
    align-items: start;
    flex-direction: column;
    gap: 12px;
  }
  .ender-browser-inner {
    height: 68vh;
    min-height: 410px;
  }
  .ender-browser-mark {
    display: none;
  }
  .ender-description-section {
    padding-block: 70px;
  }
  .ender-catalog-filters {
    gap: 7px;
  }
  .ender-chip {
    padding: 9px 12px;
  }
}
@media (max-width: 480px) {
  .ender-catalog-grid {
    gap: 17px;
  }
  .ender-page-hero h1, .ender-detail-copy h1 {
    font-size: 40px;
  }
  .ender-demo-card-content {
    padding: 18px;
  }
  .ender-browser-toolbar {
    padding-inline: 12px;
  }
}
/* ----------------------------------------------------------
   ENDER — FULL WIDTH DEMO PREVIEW
   The heading remains in .container; the frame is now a
   direct child of the full-width section (not the container).
   Keeps the main document free of horizontal overflow.
   The embedded template's own CSS remains independent.
   ---------------------------------------------------------- */
.ender-demo-detail .ender-preview-section {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  padding-bottom: 58px;
  overflow-x: clip;
}

.ender-demo-detail .ender-preview-heading-container {
  min-width: 0;
}

.ender-demo-detail .ender-browser-frame--fullbleed {
  display: block;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  overflow: hidden;
}

.ender-demo-detail .ender-browser-frame--fullbleed .ender-browser-toolbar {
  border-top: 1px solid #dce5e6;
}

.ender-demo-detail .ender-browser-frame--fullbleed .ender-browser-inner {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  overflow: hidden;
  height: calc(100vh - 92px);
  min-height: 560px;
}

@supports (height: 100dvh) {
  .ender-demo-detail .ender-browser-frame--fullbleed .ender-browser-inner {
    height: calc(100dvh - 92px);
  }
}
.ender-demo-detail .ender-browser-frame--fullbleed iframe {
  display: block;
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  border: 0;
}

.ender-demo-detail .ender-preview-caption {
  margin-top: 17px;
}

@media (max-width: 720px) {
  .ender-demo-detail .ender-browser-frame--fullbleed .ender-browser-inner {
    height: 82vh;
    min-height: 440px;
  }
  @supports (height: 100dvh) {
    .ender-demo-detail .ender-browser-frame--fullbleed .ender-browser-inner {
      height: 82dvh;
    }
  }
  .ender-demo-detail .ender-browser-frame--fullbleed .ender-browser-toolbar {
    min-width: 0;
    padding-inline: 12px;
  }
  .ender-demo-detail .ender-browser-frame--fullbleed .ender-browser-title {
    min-width: 0;
  }
}
/* Ender: one understated ThemeForest link, shown only when an approved item URL is saved. */
.ender-demo-detail .ender-preview-side {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 14px;
  min-width: 0;
  max-width: 355px;
}

.ender-demo-detail .ender-preview-side .ender-preview-intro {
  max-width: 100%;
}

.ender-demo-detail .ender-themeforest-link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  max-width: 100%;
  padding-bottom: 4px;
  border-bottom: 1px solid var(--ink, #15243b);
  color: var(--ink, #15243b);
  font-size: 12px;
  font-weight: 800;
  line-height: 1.5;
  text-decoration: none;
}

.ender-demo-detail .ender-themeforest-link span {
  font-size: 16px;
  color: var(--mint-deep, #19a888);
  transition: transform 0.18s ease;
}

.ender-demo-detail .ender-themeforest-link:hover,
.ender-demo-detail .ender-themeforest-link:focus-visible {
  color: var(--mint-deep, #19a888);
  border-color: currentColor;
}

.ender-demo-detail .ender-themeforest-link:hover span {
  transform: translate(2px, -2px);
}

@media (max-width: 720px) {
  .ender-demo-detail .ender-preview-side {
    max-width: 100%;
  }
}
/* Ender — 404 page. Load once from the active theme's SCSS entrypoint. */
.ender-error-page {
  background: var(--paper, #f7f9fa);
  color: var(--ink, #15243b);
  min-width: 0;
}

.ender-error-hero {
  position: relative;
  padding: clamp(75px, 9vw, 130px) 0;
  overflow: hidden;
  min-height: min(780px, 85vh);
  display: flex;
  align-items: center;
  background: radial-gradient(circle at 88% 9%, #e7f4ef 0, transparent 49%), #f7f9fa;
}

.ender-error-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.02fr) minmax(0, 0.98fr);
  align-items: center;
  gap: clamp(30px, 5vw, 75px);
}

.ender-error-copy {
  min-width: 0;
  position: relative;
  z-index: 2;
}

.ender-error-copy h1 {
  font-size: clamp(44px, 5.4vw, 76px);
  letter-spacing: -0.065em;
  line-height: 1.075;
  font-weight: 780;
  max-width: 660px;
  margin: 0 0 25px;
}

.ender-error-copy h1 em {
  color: var(--mint-deep, #19a888);
  font-style: normal;
}

.ender-error-lead {
  color: var(--ink-soft, #526175);
  max-width: 490px;
  font-size: 15px;
  line-height: 1.9;
  margin: 0 0 34px;
}

.ender-error-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 22px;
}

.ender-error-text-link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  font-weight: 780;
  text-decoration: none;
  transition: color 0.2s ease;
}

.ender-error-text-link:hover {
  color: var(--mint-deep, #19a888);
}

.ender-error-text-link span {
  font-size: 18px;
}

.ender-error-art {
  position: relative;
  min-height: 390px;
  display: flex;
  align-items: center;
  justify-content: center;
  isolation: isolate;
}

.ender-error-orbit {
  position: absolute;
  width: 390px;
  height: 390px;
  border-radius: 50%;
  background: radial-gradient(circle, #d1eee3 2%, #e3f5ee 47%, rgba(227, 245, 238, 0) 71%);
  z-index: -1;
}

.ender-error-window {
  width: min(100%, 480px);
  background: #fff;
  border: 1px solid #e3e9eb;
  box-shadow: 0 30px 70px rgba(18, 42, 54, 0.13);
  border-radius: 12px;
  overflow: hidden;
  transform: rotate(-2deg);
}

.ender-error-window-top {
  height: 45px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 0 18px;
  font-size: 15px;
  font-weight: 800;
  color: var(--ink, #15243b);
  background: #f3f6f7;
  border-bottom: 1px solid #e5ebed;
}

.ender-error-window-dots {
  display: flex;
  gap: 5px;
}

.ender-error-window-dots i {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #bcc8cb;
}

.ender-error-window-dots i:first-child {
  background: #e2aca8;
}

.ender-error-window-dots i:nth-child(2) {
  background: #edcf9e;
}

.ender-error-window-dots i:last-child {
  background: #afd9c4;
}

.ender-error-dot, .ender-error-window-body strong span {
  color: var(--mint-deep, #19a888);
}

.ender-error-window-lines {
  font-weight: 500;
  font-size: 15px;
  color: #9ca9b2;
}

.ender-error-window-body {
  min-height: 315px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 28px;
}

.ender-error-art-eyebrow, .ender-error-art-desc {
  font-weight: 800;
  font-size: 10px;
  color: #748b93;
  letter-spacing: 0.18em;
}

.ender-error-window-body strong {
  font-size: clamp(95px, 10vw, 147px);
  line-height: 1;
  letter-spacing: -0.1em;
  font-weight: 800;
}

.ender-error-decor-line {
  height: 2px;
  width: 54px;
  background: var(--mint-deep, #19a888);
  margin-top: 22px;
}

.ender-error-art-caption {
  position: absolute;
  bottom: 0;
  right: 8px;
  letter-spacing: 0.15em;
  font-size: 9px;
  font-weight: 800;
  color: #93a4ab;
}

@media (max-width: 850px) {
  .ender-error-layout {
    grid-template-columns: 1fr;
    gap: 50px;
  }
  .ender-error-art {
    min-height: 330px;
  }
  .ender-error-hero {
    min-height: 0;
  }
}
@media (max-width: 600px) {
  .ender-error-hero {
    padding: 70px 0 85px;
  }
  .ender-error-copy h1 {
    font-size: clamp(40px, 10vw, 58px);
  }
  .ender-error-lead {
    font-size: 14px;
  }
  .ender-error-art {
    min-height: 285px;
  }
  .ender-error-window-body {
    min-height: 245px;
  }
  .ender-error-art-caption {
    font-size: 8px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .ender-error-text-link {
    transition: none;
  }
}
/* Ender Search + Legal pages. Append @use 'ender-search-legal'; in your SCSS entrypoint.
 * No external fonts, scripts, or cookies. Keeps Ender palette and responsive spacing. */
.ender-search-trigger {
  width: 40px;
  height: 40px;
  border: 1px solid var(--line, #e5e9ed);
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 40px;
  background: rgba(255, 255, 255, 0.84);
  color: var(--ink, #15243b);
  cursor: pointer;
  transition: color 0.2s, border-color 0.2s, transform 0.2s;
}

.ender-search-trigger:hover {
  color: var(--mint-deep, #19a888);
  border-color: var(--mint-deep, #19a888);
  transform: translateY(-1px);
}

.ender-mobile-search {
  display: flex;
  align-items: center;
  gap: 11px;
  width: 100%;
  padding: 14px 5px;
  text-align: left;
  background: transparent;
  color: var(--ink, #15243b);
  border: 0;
  border-bottom: 1px solid var(--line, #e5e9ed);
  font-weight: 700;
  cursor: pointer;
}

@media (min-width: 901px) {
  .ender-mobile-search {
    display: none;
  }
}
@media (max-width: 460px) {
  .header-actions {
    gap: 10px;
  }
  .ender-search-trigger {
    width: 36px;
    height: 36px;
    flex-basis: 36px;
  }
}
/* Modal */
.ender-search-is-open {
  overflow: hidden;
}

.ender-search-dialog {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: min(700px, 100% - 28px);
  max-width: 700px;
  max-height: calc(100dvh - 30px);
  height: auto;
  margin: auto;
  padding: 0;
  color: var(--ink, #15243b);
  background: #fff;
  border: 1px solid #e2ece9;
  border-radius: 20px;
  box-shadow: 0 35px 130px rgba(10, 32, 48, 0.22);
  overflow: auto;
  z-index: 99999;
}

.ender-search-dialog:not([open]) {
  display: none;
}

.ender-search-dialog::backdrop {
  background: rgba(14, 29, 45, 0.66);
  backdrop-filter: blur(7px);
}

.ender-search-dialog__body {
  padding: clamp(27px, 5vw, 54px);
}

.ender-search-dialog__top, .ender-search-dialog__bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}

.ender-search-dialog__eyebrow {
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.18em;
  color: var(--mint-deep, #19a888);
}

.ender-search-dialog__close {
  border: 1px solid #e0e7ea;
  background: #f7f9fa;
  color: #283b4b;
  font-size: 25px;
  font-weight: 400;
  line-height: 1;
  display: grid;
  place-items: center;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  cursor: pointer;
}

.ender-search-dialog h2 {
  font-size: clamp(32px, 5vw, 49px);
  font-weight: 750;
  line-height: 1.14;
  letter-spacing: -0.055em;
  margin: 24px 0 12px;
}

.ender-search-dialog p {
  color: var(--ink-soft, #526175);
  margin: 0 0 29px;
  max-width: 480px;
  font-size: 14px;
}

.ender-search-dialog__form {
  display: flex;
  align-items: stretch;
  gap: 9px;
  background: #f6f9f8;
  padding: 8px;
  border: 1px solid #e0eae6;
  border-radius: 12px;
}

.ender-search-dialog__form input {
  flex: 1;
  min-width: 0;
  background: transparent;
  border: 0;
  padding: 12px 14px;
  color: #16293f;
  font: inherit;
  font-size: 16px;
  outline: 0;
  box-shadow: none;
}

.ender-search-dialog__form button, .ender-search-page__form button {
  background: var(--dark, #182b42);
  border: 0;
  border-radius: 8px;
  color: #fff;
  cursor: pointer;
  white-space: nowrap;
  font-size: 13px;
  font-weight: 800;
  padding: 0 25px;
  display: inline-flex;
  align-items: center;
  gap: 18px;
}

.ender-search-dialog__form button:hover, .ender-search-page__form button:hover {
  background: #274763;
}

.ender-search-dialog__bottom {
  border-top: 1px solid #e9efef;
  margin-top: 35px;
  padding-top: 18px;
  color: #8b9aa8;
  font-size: 10px;
  letter-spacing: 0.08em;
}

.ender-search-dialog button:focus-visible, .ender-search-dialog input:focus-visible, .ender-search-trigger:focus-visible, .ender-mobile-search:focus-visible {
  outline: 3px solid #3dbca3;
  outline-offset: 3px;
}

/* Search archive */
.ender-search-page {
  background: var(--paper, #f7f9fa);
}

.ender-search-hero {
  background: linear-gradient(122deg, #edf6f2 0%, #f7f9fa 57%, #f0f4f6 100%);
  padding-top: 75px;
  padding-bottom: 75px;
}

.ender-search-breadcrumb {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
  font-size: 12px;
  color: #80909f;
  margin-bottom: 50px;
}

.ender-search-breadcrumb a:hover {
  color: var(--mint-deep, #19a888);
}

.ender-search-hero .section-title, .ender-legal-hero .section-title {
  font-size: clamp(44px, 5.9vw, 82px);
  max-width: 860px;
}

.ender-search-hero__intro, .ender-legal-hero__intro {
  font-size: 15px;
  color: var(--ink-soft, #526175);
  max-width: 580px;
  margin: 22px 0 35px;
  line-height: 1.85;
}

.ender-search-page__form {
  display: flex;
  max-width: 760px;
  padding: 8px;
  border: 1px solid #dce7e3;
  background: #fff;
  border-radius: 13px;
  box-shadow: 0 20px 60px rgba(20, 46, 65, 0.055);
}

.ender-search-page__form input {
  flex: 1;
  min-width: 0;
  border: 0;
  background: transparent;
  padding: 13px 18px;
  font: inherit;
  font-size: 15px;
  outline: 0;
  color: #15243b;
}

.ender-search-results-section {
  padding-block: 65px 100px;
}

.ender-search-results-top {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 24px;
  margin-bottom: 30px;
}

.ender-search-results-top .eyebrow {
  margin-bottom: 13px;
}

.ender-search-results-top h2 {
  font-size: clamp(23px, 3.1vw, 38px);
  margin: 0;
  letter-spacing: -0.045em;
  line-height: 1.25;
  overflow-wrap: anywhere;
}

.ender-search-results-top h2 em {
  font-style: normal;
  color: var(--mint-deep, #19a888);
}

.ender-search-results-count {
  font-size: 12px;
  color: #7b8d98;
  white-space: nowrap;
}

.ender-search-results-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 22px;
}

.ender-search-card {
  display: flex;
  flex-direction: column;
  min-width: 0;
  background: #fff;
  border: 1px solid #e4eaea;
  border-radius: 14px;
  overflow: hidden;
  transition: transform 0.2s, box-shadow 0.2s;
}

.ender-search-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 18px 50px rgba(22, 42, 60, 0.07);
}

.ender-search-card__media {
  display: block;
  aspect-ratio: 16/10;
  overflow: hidden;
  background: #edf2ef;
}

.ender-search-card__media img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.35s;
}

.ender-search-card:hover .ender-search-card__media img {
  transform: scale(1.035);
}

.ender-search-card__placeholder {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 5px;
  background: linear-gradient(130deg, #dff1ea, #e7edf4);
  color: #182b42;
}

.ender-search-card__placeholder span {
  font-size: 70px;
  line-height: 1;
  font-weight: 850;
  letter-spacing: -0.12em;
}

.ender-search-card__placeholder small {
  font-size: 9px;
  letter-spacing: 0.2em;
  font-weight: 800;
  opacity: 0.65;
}

.ender-search-card__content {
  display: flex;
  flex-direction: column;
  flex: 1;
  padding: 24px 23px 25px;
}

.ender-search-card__type {
  font-size: 10px;
  letter-spacing: 0.16em;
  font-weight: 800;
  color: #189a7e;
  margin: 0 0 14px;
}

.ender-search-card h3 {
  font-size: 20px;
  letter-spacing: -0.035em;
  line-height: 1.35;
  margin: 0 0 14px;
}

.ender-search-card h3 a:hover {
  color: var(--mint-deep, #19a888);
}

.ender-search-card__desc {
  font-size: 12px;
  color: #68798b;
  line-height: 1.8;
  margin: 0 0 18px;
  flex: 1;
}

.ender-search-card__link {
  font-size: 12px;
  font-weight: 800;
  border-top: 1px solid #edf0f2;
  padding-top: 17px;
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: center;
}

.ender-search-card__link:hover {
  color: var(--mint-deep, #19a888);
}

.ender-search-pagination {
  margin-top: 39px;
}

.ender-search-pagination ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: center;
  gap: 10px;
  flex-wrap: wrap;
}

.ender-search-pagination a, .ender-search-pagination span {
  display: grid;
  place-items: center;
  min-width: 42px;
  height: 42px;
  padding-inline: 10px;
  border: 1px solid #dde6e5;
  background: #fff;
  border-radius: 8px;
  font-size: 13px;
  font-weight: 750;
}

.ender-search-pagination .current, .ender-search-pagination a:hover {
  background: #182b42;
  color: #fff;
  border-color: #182b42;
}

.ender-search-empty {
  padding: 85px 20px;
  background: #fff;
  border: 1px solid #e3ebea;
  border-radius: 16px;
  text-align: center;
}

.ender-search-empty__icon {
  font-size: 58px;
  color: #22a88a;
  line-height: 1;
}

.ender-search-empty h3 {
  font-size: 26px;
  margin: 17px 0 6px;
  letter-spacing: -0.04em;
}

.ender-search-empty p {
  color: #617382;
  font-size: 14px;
  line-height: 1.8;
}

.ender-search-empty__link {
  display: inline-block;
  background: #182b42;
  color: #fff;
  border-radius: 8px;
  font-weight: 700;
  padding: 14px 24px;
  margin-top: 12px;
  font-size: 12px;
}

/* Legal documents */
.ender-legal-hero {
  padding: 76px 0 70px;
  background: #eff7f3;
  border-bottom: 1px solid #ddece5;
}

.ender-legal-hero__intro {
  margin-bottom: 0;
}

.ender-legal-content-section {
  background: #fff;
  padding-block: 84px 115px;
}

.ender-legal-layout {
  display: grid;
  grid-template-columns: minmax(210px, 270px) minmax(0, 1fr);
  gap: clamp(40px, 6vw, 110px);
  align-items: start;
}

.ender-legal-sidebar {
  position: sticky;
  top: 32px;
}

.ender-legal-sidebar__box {
  padding: 27px;
  border-radius: 13px;
  background: #f1f7f5;
  border: 1px solid #e1ede8;
}

.ender-legal-sidebar__box span {
  font-size: 10px;
  letter-spacing: 0.16em;
  font-weight: 800;
  color: #1b9780;
}

.ender-legal-sidebar__box p {
  font-size: 13px;
  color: #5d7181;
  line-height: 1.8;
  margin: 18px 0 13px;
}

.ender-legal-sidebar__box a {
  font-size: 12px;
  font-weight: 800;
}

.ender-legal-sidebar__box a:hover {
  color: #19a888;
}

.ender-legal-article {
  max-width: 820px;
  font-size: 15px;
  line-height: 1.95;
  color: #41546a;
  overflow-wrap: anywhere;
}

.ender-legal-article h2 {
  font-size: clamp(23px, 2.6vw, 31px);
  letter-spacing: -0.04em;
  color: #182b42;
  line-height: 1.3;
  margin: 37px 0 15px;
}

.ender-legal-article h2:first-child {
  margin-top: 0;
}

.ender-legal-article h3 {
  font-size: 19px;
  line-height: 1.35;
  color: #182b42;
  margin: 25px 0 10px;
}

.ender-legal-article p {
  margin: 0 0 18px;
}

.ender-legal-article ul, .ender-legal-article ol {
  padding-left: 23px;
  margin-bottom: 24px;
}

.ender-legal-article li {
  margin: 0 0 9px;
}

.ender-legal-article a {
  text-decoration: underline;
  text-decoration-color: #78cdb9;
  text-underline-offset: 4px;
}

.ender-legal-article a:hover {
  color: #159e82;
}

.ender-legal-article table {
  width: 100%;
  border-collapse: collapse;
  display: block;
  overflow-x: auto;
  margin: 20px 0 25px;
  font-size: 13px;
}

.ender-legal-article th, .ender-legal-article td {
  border: 1px solid #dce7e5;
  padding: 11px 13px;
  text-align: left;
  vertical-align: top;
}

.ender-legal-article th {
  background: #f2f7f5;
  color: #182b42;
}

.ender-legal-article .ender-legal-edit-warning {
  border: 1px solid #e5c985;
  background: #fff8e6;
  color: #64522d;
  padding: 14px 18px;
  border-radius: 8px;
}

/* Footer legal nav */
.footer-bottom #year {
  display: inline;
  margin: 0;
}

.ender-footer-legal {
  display: flex;
  align-items: center;
  gap: 17px;
  flex-wrap: wrap;
}

.ender-footer-legal a {
  color: #758896;
  font-size: 11px;
  white-space: nowrap;
}

.ender-footer-legal a:hover {
  color: #19a888;
}

@media (max-width: 1020px) {
  .ender-search-results-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .ender-footer-legal {
    gap: 10px;
  }
}
@media (max-width: 760px) {
  .ender-search-hero {
    padding-block: 48px 55px;
  }
  .ender-search-breadcrumb {
    margin-bottom: 35px;
  }
  .ender-search-results-section {
    padding-block: 48px 75px;
  }
  .ender-legal-layout {
    grid-template-columns: 1fr;
    gap: 27px;
  }
  .ender-legal-sidebar {
    position: static;
    order: 2;
  }
  .ender-legal-content-section {
    padding-block: 50px 75px;
  }
  .ender-legal-hero {
    padding-block: 48px 53px;
  }
}
@media (max-width: 620px) {
  .ender-search-dialog__form {
    flex-direction: column;
    padding: 8px;
  }
  .ender-search-dialog__form button {
    height: 49px;
    justify-content: center;
  }
  .ender-search-dialog__bottom {
    margin-top: 25px;
  }
  .ender-search-page__form {
    flex-direction: column;
  }
  .ender-search-page__form button {
    min-height: 51px;
    justify-content: center;
  }
  .ender-search-results-top {
    align-items: start;
    flex-direction: column;
    gap: 9px;
  }
  .ender-search-results-grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }
  .ender-search-card__media {
    aspect-ratio: 16/8.8;
  }
  .ender-search-card__content {
    padding: 21px;
  }
  .ender-footer-legal {
    margin-top: 9px;
  }
  .ender-legal-article {
    font-size: 14px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .ender-search-trigger, .ender-search-card, .ender-search-card__media img {
    transition: none !important;
  }
}
.mwt-login-shell {
  position: relative;
  width: 100%;
}

.mwt-auth-message {
  width: 90%;
  margin: 0 auto 16px auto;
}

.mwt-auth-panel {
  width: 100%;
}

.mwt-auth-panel.is-active {
  animation: mwtFadeIn 0.22s ease;
}

.mwt-otp-helper {
  width: 90%;
  margin: 0 auto 16px auto;
  padding: 12px 14px;
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 14px;
  background: #fafafa;
  color: #374151;
  font-size: 14px;
  line-height: 1.5;
}

.mwt-otp-email {
  display: inline-block;
  margin-left: 6px;
  word-break: break-word;
}

#bwd-login-otp-form .form-control {
  text-align: center;
  font-size: 22px;
  letter-spacing: 8px;
  font-weight: 700;
}

#bwd-login-otp-form .auth-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 12px;
  margin-top: 14px;
}

#bwd-login-otp-form .auth-actions a {
  text-decoration: none;
  font-weight: 600;
}

.mwt-auth-step-title {
  text-align: center;
  font-size: 22px;
  font-weight: 700;
}

@keyframes mwtFadeIn {
  from {
    opacity: 0;
    transform: translateY(8px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.paragraf-woo-admin-product-ust-bosluk-20 {
  margin-top: 20px;
}

.paragraf-woo-admin-product-ust-bosluk-40 {
  margin-top: 40px;
}

.paragraf-woo-admin-product-ust-bosluk-60 {
  margin-top: 60px;
}

.paragraf-woo-admin-product-alt-bosluk-20 {
  margin-bottom: 20px;
}

.paragraf-woo-admin-product-alt-bosluk-40 {
  margin-bottom: 40px;
}

.paragraf-woo-admin-product-alt-bosluk-60 {
  margin-bottom: 60px;
}

h1.h1-woo-admin-product-alt-bosluk-20 {
  margin-bottom: 20px;
}

h1.h1-woo-admin-product-ust-bosluk-20 {
  margin-top: 20px;
}

h1.h1-woo-admin-product-alt-bosluk-40 {
  margin-bottom: 40px;
}

h1.h1-woo-admin-product-ust-bosluk-40 {
  margin-top: 40px;
}

h1.h1-woo-admin-product-alt-bosluk-60 {
  margin-bottom: 60px;
}

h1.h1-woo-admin-product-ust-bosluk-60 {
  margin-top: 60px;
}

h2.h2-woo-admin-product-alt-bosluk-20 {
  margin-bottom: 20px;
}

h2.h2-woo-admin-product-ust-bosluk-20 {
  margin-top: 20px;
}

h2.h2-woo-admin-product-alt-bosluk-40 {
  margin-bottom: 40px;
}

h2.h2-woo-admin-product-ust-bosluk-40 {
  margin-top: 40px;
}

h2.h2-woo-admin-product-alt-bosluk-60 {
  margin-bottom: 60px;
}

h2.h2-woo-admin-product-ust-bosluk-60 {
  margin-top: 60px;
}

h3.h3-woo-admin-product-alt-bosluk-20 {
  margin-bottom: 20px;
}

h3.h3-woo-admin-product-ust-bosluk-20 {
  margin-top: 20px;
}

h3.h3-woo-admin-product-alt-bosluk-40 {
  margin-bottom: 40px;
}

h3.h3-woo-admin-product-ust-bosluk-40 {
  margin-top: 40px;
}

h3.h3-woo-admin-product-alt-bosluk-60 {
  margin-bottom: 60px;
}

h3.h3-woo-admin-product-ust-bosluk-60 {
  margin-top: 60px;
}

h4.h4-woo-admin-product-alt-bosluk-20 {
  margin-bottom: 20px;
}

h4.h4-woo-admin-product-ust-bosluk-20 {
  margin-top: 20px;
}

h4.h4-woo-admin-product-alt-bosluk-40 {
  margin-bottom: 40px;
}

h4.h4-woo-admin-product-ust-bosluk-40 {
  margin-top: 40px;
}

h4.h4-woo-admin-product-alt-bosluk-60 {
  margin-bottom: 60px;
}

h4.h4-woo-admin-product-ust-bosluk-60 {
  margin-top: 60px;
}

h5.h5-woo-admin-product-alt-bosluk-20 {
  margin-bottom: 20px;
}

h5.h5-woo-admin-product-ust-bosluk-20 {
  margin-top: 20px;
}

h5.h5-woo-admin-product-alt-bosluk-40 {
  margin-bottom: 40px;
}

h5.h5-woo-admin-product-ust-bosluk-40 {
  margin-top: 40px;
}

h5.h5-woo-admin-product-alt-bosluk-60 {
  margin-bottom: 60px;
}

h5.h5-woo-admin-product-ust-bosluk-60 {
  margin-top: 60px;
}

h6.h6-woo-admin-product-alt-bosluk-20 {
  margin-bottom: 20px;
}

h6.h6-woo-admin-product-ust-bosluk-20 {
  margin-top: 20px;
}

h6.h6-woo-admin-product-alt-bosluk-40 {
  margin-bottom: 40px;
}

h6.h6-woo-admin-product-ust-bosluk-40 {
  margin-top: 40px;
}

h6.h6-woo-admin-product-alt-bosluk-60 {
  margin-bottom: 60px;
}

h6.h6-woo-admin-product-ust-bosluk-60 {
  margin-top: 60px;
}

/* @import 'library/sects-min.css','template/sections.css';*/

/*# sourceMappingURL=style.css.map */