.elementor-kit-7{--e-global-color-primary:#101010;--e-global-color-secondary:#FFF8F0;--e-global-color-text:#333333;--e-global-color-accent:#FFE3B9;--e-global-color-71d4d70:#DADADA;--e-global-color-63a9501:#999999;--e-global-typography-primary-font-family:"EuclidSquare";--e-global-typography-primary-font-weight:normal;--e-global-typography-secondary-font-family:"EuclidSquare";--e-global-typography-secondary-font-weight:normal;--e-global-typography-text-font-family:"EuclidSquare";--e-global-typography-text-font-weight:normal;--e-global-typography-accent-font-family:"EuclidSquare";--e-global-typography-accent-font-weight:normal;background-color:var( --e-global-color-primary );}#the7-body{--the7-elementor-beautiful-loading-bg:var( --e-global-color-primary );--the7-base-font-family:"EuclidSquare", Sans-serif;--the7-base-font-weight:normal;}#the7-body a.scroll-top{display:none;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1440px;}.e-con{--container-max-width:1440px;}{}h1.entry-title{display:var(--page-title-display);}body{--the7-btn-s-font-family:"EuclidSquare", Sans-serif;--the7-btn-m-font-family:"EuclidSquare", Sans-serif;--the7-btn-l-font-family:"EuclidSquare", Sans-serif;--the7-btn-lg-font-family:"EuclidSquare", Sans-serif;--the7-btn-xl-font-family:"EuclidSquare", Sans-serif;--the7-btn-s-font-weight:normal;--the7-btn-m-font-weight:normal;--the7-btn-l-font-weight:normal;--the7-btn-lg-font-weight:normal;--the7-btn-xl-font-weight:normal;--the7-h1-font-family:"EuclidSquare", Sans-serif;--the7-h2-font-family:"EuclidSquare", Sans-serif;--the7-h3-font-family:"EuclidSquare", Sans-serif;--the7-h4-font-family:"EuclidSquare", Sans-serif;--the7-h5-font-family:"EuclidSquare", Sans-serif;--the7-h6-font-family:"EuclidSquare", Sans-serif;--the7-h1-font-weight:normal;--the7-h2-font-weight:normal;--the7-h3-font-weight:normal;--the7-h4-font-weight:normal;--the7-h5-font-weight:normal;--the7-h6-font-weight:normal;}body#the7-body{--the7-form-xs-font-family:"EuclidSquare", Sans-serif;--the7-form-sm-font-family:"EuclidSquare", Sans-serif;--the7-form-md-font-family:"EuclidSquare", Sans-serif;--the7-form-lg-font-family:"EuclidSquare", Sans-serif;--the7-form-xl-font-family:"EuclidSquare", Sans-serif;--the7-form-xs-font-weight:normal;--the7-form-sm-font-weight:normal;--the7-form-md-font-weight:normal;--the7-form-lg-font-weight:normal;--the7-form-xl-font-weight:normal;}body.rtl .elementor-labels-inline .elementor-field-group > .elementor-field-label{padding-left:0px;}body:not(.rtl) .elementor-labels-inline .elementor-field-group > .elementor-field-label{padding-right:0px;}body .elementor-labels-above .elementor-field-group > .elementor-field-label{padding-bottom:0px;}body .woocommerce-Reviews .elementor-field-group > label{margin-bottom:0px;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS */html.lenis, html.lenis body {
height: auto;
}
.lenis.lenis-smooth {
scroll-behavior: auto !important;
}
.lenis.lenis-smooth [data-lenis-prevent] {
overscroll-behavior: contain;
}
.lenis.lenis-stopped {
overflow: hidden;
}
.lenis.lenis-scrolling iframe {
pointer-events: none;
}

::-webkit-scrollbar {
    display: none;
}

body {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-rendering: optimizeLegibility;
}

::selection {
background-color: rgb(255 227 185 / 50%);
}

.hero video {
height: 100svh!important;
transition: all 0.3s ease;
}

.sakla {
display: none;
}

header {
z-index: 990!important;
}

.overflow-hidden {
overflow: hidden;
}

.open-nav {
position: fixed;
z-index: 10;
top: 0;
transform: translateX(100%);
width: 100%;
height: auto;
min-height: 100vh; 
min-height: 100svh;
overflow-y: auto;
visibility: hidden;
transition: transform 0.6s ease, visibility 0.6s ease;
}

.open-nav.active {
transform: translateY(0);
visibility: visible;
}

/* hero baslik kaydir */
.hero-baslik-kaydir {
transition: none!important;
}

.hero-baslik-kaydir .word {
display: block!important;
}
/* hero baslik kaydir end*/

/* hero scroll anim */
.hero::before {
content: "scroll to explore";
position: absolute;
z-index: 6;
bottom: 40px;
right: calc(max(80px, (100% - 1440px) / 2 + 40px));
text-align: right;
color: var(--e-global-color-secondary);
font-size: 12px;
width: 40px;
line-height: 1;
top: inherit!important;
left: inherit!important;
height: inherit!important;
transition: opacity 0.1s ease!important;
pointer-events: none;
opacity: var(--hero-opacity, 1);
will-change: transform, opacity;
}

.hero::after {
content: "";
z-index: 5;
position: absolute;
bottom: 40px;
right: calc(max(40px, (100% - 1440px) / 2 + 0px));
width: 30px;
height: 60px;
pointer-events: none;
transition: opacity 0.1s ease!important;
opacity: var(--hero-opacity, 1);
will-change: transform, opacity;
background: repeating-linear-gradient(
    to bottom,
    transparent,
    transparent 7px,
    var(--e-global-color-secondary)7px,
    var(--e-global-color-secondary)8px
    );
    
background-size: 100% 16px; /* Deseni kutu boyundan bağımsız döngüye sokar */
animation: scrollDownLines 1.2s linear infinite;
-webkit-mask-image: linear-gradient(to bottom, black, black);
mask-image: linear-gradient(to bottom, black, black);
}
@keyframes scrollDownLines {
    0% { background-position: 0 0px; }
    100% { background-position: 0 16px; }
}
/* Mobil: Tersine Hareket */
@media (max-width: 768px) {
.hero::before {
bottom: 20px;
right: 60px;
animation: scrollUpLines 1.2s linear infinite;
}
.hero::after {
bottom: 20px;
right: 20px;
animation: scrollUpLines 1.2s linear infinite;
}
    
@keyframes scrollUpLines {
    0% { background-position: 0 16px;
}
    100% { background-position: 0 0px;
}
}
}
/* hero scroll anim */

/* baslik-gelir */
.baslik-gelir {
position: relative;
font-kerning: none;
}

.baslik-gelir .char-mask {
overflow: hidden;
display: inline-block;
}
/* baslik-gelir end*/

/* metin-gelir */
.metin-gelir {
position: relative;
transition: none;
font-kerning: none;
line-height: 1.2em;
}

.metin-gelir .line-mask {
transition: none;
overflow: hidden;
display: inline-block;
}

.mobile-vertical-menu .menu-text {
display: block;
text-align: center;
transition: none;
}

.mobile-vertical-menu .menu-text .word {
white-space: nowrap;
}

.mobile-vertical-menu .menu-text .char-mask {
transition: none;
overflow: hidden; /* Maske (Gizleme) */
display: inline-block !important; 
vertical-align: top;
}

.mobile-vertical-menu .menu-text .char {
display: inline-block !important;
}

.simgeler-metinler-gelir .box-description {
position: relative;
transition: none;
font-kerning: none;
line-height: 1.2em;
}

.simgeler-metinler-gelir .box-description .line-mask {
transition: none;
overflow: hidden;
display: inline-block;
}
/* metin-gelir end */

/* cizgi gelir */
.mobile-vertical-menu .dt-nav-menu li {
position: relative;
justify-content: center;
}

.mobile-vertical-menu .dt-nav-menu li::after {
width: var(--after-width, 0%);
transform-origin: left center;
left: 0;
transition: width 0.6s ease;
}
/* cizgi gelir end */

/* buyur gelir */
.buyur-gelir {
will-change: transform;
opacity: 0;
transform: scale(0.80);
transition: none!important;
transform-origin: center center;
clip-path: polygon(20% 0%, 80% 0%, 100% 100%, 0% 100%);
}
/* buyur gelir end */

/* obje gelir */
.obje-gelir {
    transform-origin: top left;
    transition: none!important;
    animation: none!important;
}

.simgeler-metinler-gelir .elementor-icon-div {
    transform-origin: top left;
    transition: none!important;
    animation: none!important;
}
/* obje gelir end*/

/* resim kayar */
.resim-kayar {
  position: relative;
  aspect-ratio: 3 / 4;
  overflow: hidden;
}

.resim-kayar img {
  width: 100%;
  height: 140%;
  object-fit: cover;
  position: absolute;
  bottom: 0;
  left: 0;
  will-change: transform;
}
/* resim kayar end */

/* cizgi ciz*/
.cizgi-ciz {
  position: relative;
}

.cizgi-ciz::before {
  content: "";
  position: absolute;
  z-index: 6;
  left: 0;
  top: 0;
  height: 1px;
  /* Genişliği CSS değişkeninden alıyor, varsayılan %0 */
  width: var(--cizgi-genislik, 0%); 
  background-color: var( --e-global-color-63a9501 ); /* Çizgi rengi */
  transform-origin: left center;
}
/* cizgi ciz end*/

/* galeri fotolari */
.galeri-in-photos a {
    transform-origin: top left;
    transition: none; 
    transition-property: none!important;
    animation: none!important;
}
/* galeri fotolari end */

/*Light Box Ayarlar*/
.dialog-type-lightbox {
/**/
}

.elementor-slideshow__header{
padding: 13px 55px 15px 15px!important;
background: linear-gradient(0deg, transparent, #000)!important;
}

.elementor-slideshow__footer {
background: linear-gradient(180deg, transparent, #000)!important;
}

.dialog-lightbox-close-button  {
padding: 8px!important;
transition: all .3s;
}

.dialog-lightbox-close-button svg {
width: 18px!important;
height: 18px!important;
fill: var(--e-global-color-secondary)!important;
}

.dialog-lightbox-close-button:hover {
/**/
}

.dialog-lightbox-close-button:hover svg {
width: 18px!important;
height: 18px!important;
fill: var(--e-global-color-accent)!important;
}

.e-eicon-zoom-in-bold  {
padding: 7px!important;
fill: var(--e-global-color-secondary)!important;
transition: all .3s;
}

.e-eicon-zoom-in-bold:hover {
fill: var(--e-global-color-accent)!important;
}

.e-eicon-zoom-out-bold  {
padding: 7px!important;
fill: var(--e-global-color-secondary)!important;
transition: all .3s;
}

.e-eicon-zoom-out-bold:hover {
fill: var(--e-global-color-accent)!important;
}

.e-eicon-chevron-left {
margin-left: 15px;
transition: all .3s;
}

.e-eicon-chevron-left use {
transform: translateX(-1.5px);
}
.e-eicon-chevron-right {
margin-right: 15px;
transition: all .3s;
}

.e-eicon-chevron-right use {
transform: translateX(1.5px);
}

.e-eicon-chevron-right use, .e-eicon-chevron-left use {
fill: var(--e-global-color-secondary);
}

.e-eicon-chevron-left, .e-eicon-chevron-right {
width: 18px!important;
height: 18px!important;
}

.e-eicon-chevron-left:hover, .e-eicon-chevron-right:hover {
/**/
}

.e-eicon-chevron-right:hover use, .e-eicon-chevron-left:hover use {
fill: var(--e-global-color-accent);
}
/*Light Box Ayarlar*//* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'EuclidSquare';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://www.neoartdesign.com/wp-content/uploads/2025/12/EuclidSquare-Regular.woff2') format('woff2'),
		url('https://www.neoartdesign.com/wp-content/uploads/2025/12/EuclidSquare-Regular.ttf') format('truetype');
}
/* End Custom Fonts CSS */