.elementor-983 .elementor-element.elementor-element-6c6936fe{--display:flex;}.elementor-983 .elementor-element.elementor-element-2b5aac24{--display:grid;--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}body.elementor-page-983:not(.elementor-motion-effects-element-type-background), body.elementor-page-983 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}@media(max-width:1366px){.elementor-983 .elementor-element.elementor-element-2b5aac24{--grid-auto-flow:row;}}@media(max-width:1024px){.elementor-983 .elementor-element.elementor-element-2b5aac24{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-983 .elementor-element.elementor-element-2b5aac24{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;}}/* Start custom CSS for html, class: .elementor-element-3ba558a7 *//* HERO */
.hero-aston{
  position: relative;
  width: 100%;
  min-height: 520px;
  height: clamp(420px, 52vh, 700px);
  display: grid;
  place-items: center;
  overflow: hidden;
  background: #0b1320;
}

.hero-aston__bg{
  position: absolute;
  inset: 0;
  background-image: var(--hero-bg);
  background-size: cover;
  background-position: center;
  transform: scale(1.02);
}

.hero-aston__overlay{
  position: absolute;
  inset: 0;
  background:
    linear-gradient(to bottom, rgba(8,15,25,.55) 0%, rgba(8,15,25,.45) 45%, rgba(8,15,25,.55) 100%),
    radial-gradient(80% 80% at 20% 20%, rgba(0,0,0,.35) 0%, rgba(0,0,0,0) 60%);
  pointer-events: none;
}


.hero-aston__inner{
  position: relative;
  z-index: 2;
  max-width: 1180px;
  width: 100%;
  padding: 0 24px;
  text-align: center;
}


.hero-aston__crumb{
  margin: 0 0 10px 0;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .28em;
  text-transform: uppercase;
  color: rgba(255,255,255,.75);
}


.hero-aston__title{
  margin: 0;
  font-size: clamp(28px, 4.2vw, 58px);
  font-weight: 800;
  letter-spacing: .10em;
  text-transform: uppercase;
  color: #ffffff;
  text-shadow: 0 8px 30px rgba(0,0,0,.35);
}

.hero-aston{
  width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  border-radius: 0 !important;
}

.hero-aston__bg,
.hero-aston__overlay{
  border-radius: 0 !important;
}


@media (min-width: 1200px){
  .hero-aston__inner{ padding: 0 40px; }
}



@media (max-width: 520px){
  .hero-aston{
    min-height: 420px;
    height: 56vh;
  }
  .hero-aston__crumb{
    font-size: 12px;
    letter-spacing: .22em;
  }
  .hero-aston__title{
    letter-spacing: .08em;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-48cbf586 *//* GRID */
.parke-grid{
  --gap: 22px;
  --radius: 18px;
  --text: #ffffff;
  --overlayTop: rgba(6, 19, 38, 0);
  --overlayMid: rgba(6, 19, 38, .15);
  --overlayBottom: rgba(6, 19, 38, .88);

  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: var(--gap);
  align-items: start;
}

/* CARD */
.parke-card{
  position: relative;
  display: block;
  border-radius: var(--radius);
  overflow: hidden;
  text-decoration: none;
  color: var(--text);
  background: #0b1a2e; /* image yoksa fallback */
  aspect-ratio: 3 / 4; /* görsel oranını sabit tutar */
  box-shadow: 0 10px 30px rgba(0,0,0,.10);
  transform: translateZ(0);
}

.parke-card__img{
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  transform: scale(1.02);
  transition: transform .45s ease;
}

/* alttaki lacivert gradient */
.parke-card__overlay{
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to bottom,
    rgba(6, 19, 38, 0) 0%,
    rgba(6, 19, 38, .25) 45%,
    rgba(6, 19, 38, .95) 100% /* koyulaştırıldı */
  );
  pointer-events: none;
}


/* text alanı */
.parke-card__content{
  position: absolute;
  left: 18px;
  right: 18px;
  bottom: 16px;
  z-index: 2;
}

.parke-card__title{
  margin: 0;
  font-size: 22px;          /* büyütüldü */
  font-weight: 800;         /* daha tok */
  letter-spacing: .14em;
  text-transform: uppercase;
  line-height: 1.2;
  color: #ffffff;
  text-shadow: 
    0 2px 6px rgba(0,0,0,.45),
    0 0 1px rgba(0,0,0,.6);  /* okunurluk için */
}


/* hover */
.parke-card:hover .parke-card__img{
  transform: scale(1.08);
}

/* RESPONSIVE */
@media (max-width: 1024px){
  .parke-grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 520px){
  .parke-grid{ grid-template-columns: 1fr; }
  .parke-card__title{ font-size: 16px; }
}

@media (max-width: 520px){
  .parke-card__title{
    font-size: 18px;
    letter-spacing: .12em;
  }
}/* End custom CSS */