:root {
/* MARKA */
--color-1: #225278;        /* brand */
--color-2: #0ea5e9;        /* accent */
--color-3: #444;        /* anthracite (metin ve koyu buton) */
--color-4: #555;
--color-beyaz: #fff;
--color-10: rgba(255,255,255,0.10);     /* ANA RENK YUMUSAK TON*/  
--color-buzmavi: #d9edf7;  	/* BUZ MAVI RENK */
--color-lightgray: #e9e9e9;  		  /* AÇIK GRI RENK ÇİZGİ RENKLERİ*/  
--calc-input-bg: #fffbe6;               /* AÇIK SARI RENK ÇİZGİ RENKLERİ*/  

--breadcrumb-1:#eef2f6;                          /* INNER LINE - AÇIK GRİ*/  
--breadcrumb-2:#7C8BA3;                          /* INNER LINE - KOYU GRİ*/  

--color-mavi-baslik:#3a87ad;                          /* MAVİ EKRAN BAŞLIK RENK*/  
--color-mavi-yazi:#3a87ad;		                      /* MAVİ EKRAN YAZI RENK*/  
--color-mavi-bg:#d9edf7;		                      /* MAVİ EKRAN bg RENK*/  
--color-mavi-bg2:#f7fbff;

--menu-color-bg:#eaf3fb;
--menu-color-hover: #f4f7fc;

/* ZEMİN / KART */
--bg-color-1: #FBFCFE;     /* sayfa zemini */
--surface: #ffffff;        /* kart yüzeyi */
--surface-soft: #E7EEF4;   /* footer-top gibi yumuşak alan */
--border-color-1: rgba(34,82,120,.14);
--pool-border:#dbe5f2;          /* Kart kenari */

/* UI sabitleri */
--radius: 14px;
--radius-sm10: 10px;
--radius-sm8: 8px;
--radius-sm4: 4px;

--shadow-lg: 0 10px 24px rgba(0,0,0,0.08);
--pool-primary-soft: #e5eff9;    /* Açik mavi ton */
  --topbar-height: 44px;
  --header-height: 70px;
}

html {direction: rtl;}

body {
  font-family: "Open Sans", sans-serif;
  color: var(--color-3);
  background: var(--bg-color-1);
  overflow-x: hidden;}


a {color: var(--color-3);text-decoration: none;}
a:hover {color: var(--color-1);text-decoration: none;  }
h1,
h2,
h3,
h4,
h5,
h6 {font-family: "Poppins", sans-serif;  }

h1{ font-size: 44px); line-height: 1.08; }
h2{

}
h3{ font-size: 28px);  line-height: 1.2;  }
p, li{ font-size: 16px; line-height: 1.6; }

@media (max-width: 767px) {
h1{ font-size: 36px);  }
h2{ font-size: 30px);  }
h3{ font-size: 24px);    }
p, li{ font-size: 16px;  }
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  direction: rtl;
  scroll-behavior: smooth;
}


/* CONTAINER */
.container {
  max-width: 1320px;
  margin-inline: auto;
  padding-inline: 16px;
}

/* TYPOGRAPHY */
h1, h2, h3, h4 {
  margin: 0 0 12px;
  font-weight: 700;
}

p {
  margin: 0 0 12px;
  line-height: 1.8;
  font-size: 15px;
}

/* LINKS */
a {
  color: inherit;
  text-decoration: none;
}


.border {border: 1px solid var(--pool-border);}
.radius-10 {border-radius: 10px;}
.radius-12 {border-radius: 12px;}
.radius-14 {border-radius: 12px;}



.ar-ecatalog-btn {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  background: #0b3c5d;
  color: #fff;
  padding: 14px 32px;
  border-radius: 30px;
  font-size: 16px;
  text-decoration: none;
}

.banner_alt {
	background-image: url(https://www.artemispool.com/images/pages/sitemap/footerline.webp);
	background-repeat: repeat;
	height: 10px;
	width: 100%;
}

.title{
position: relative;
z-index: 2;
font-weight: 700;
font-size: 36px;
text-transform: uppercase;
}
/* BLOK BAÅžLIKLARI */
.section-title {
text-align: center;
padding: 20px 0;
position: relative;}
.text-title { display: flex; text-align: center; padding: 20px 0; position: relative; gap: 10px;} 
.text-title .texttitle-icon { display: flex; align-items: center; line-height: 1; } 
.text-title i { font-size: 0.9em; /* yazıyla orantı */ position: relative; top: -1px;}

ul.cat {
margin: 0;
padding: 0;
list-style: none;
width: 100%;
border-right-color: ali;
}

ul.cat li {
margin: 0px;
list-style: none;
width: 100%;}

.kolon-futures {
border-radius:10px;
border: 1px solid var(--pool-border);
padding: 30px;
margin-bottom: 10px;}

@media (max-width: 575.98px) {
.title {  font-size: 26px;}}

/* Buton – premium animasyon */
.btn-home {
background-color: #444;
color: var(--color-beyaz);
padding: 10px 22px;
display: inline-block;
border-radius: 8px;
transition: all 0.3s ease;
font-weight: 600;
text-decoration: none;
box-shadow:
0 6px 14px rgba(0, 0, 0, 0.25),
0 0 0 1px rgba(255, 255, 255, 0.08);}


.btn-home:hover {background:var(--color-1);
transform: translateY(-2px);
box-shadow: 0 6px 18px rgba(34, 82, 120, 0.35);
color: var(--color-beyaz);
}
.btn-blu {
display: inline-block;
background: var(--color-2);
color: var(--color-beyaz);
padding:14px 34px;
border-radius:10px;
font-weight:600;
font-size:18px;
text-decoration:none;
box-shadow:0 4px 12px rgba(0,0,0,0.25);
transition:0.3s;
}
.btn-blu:hover {
background: var(--color-2);
box-shadow: 0 6px 18px rgba(14,165,233,0.35);
transform: translateY(-2px);
color: var(--color-beyaz);
}
.btn-lightblu,
.btn-lihgtblu {
display: inline-block;
background: #36739D;
color: var(--color-beyaz);
padding:14px 34px;
border-radius:10px;
font-weight:600;
font-size:18px;
text-decoration:none;
box-shadow:0 4px 12px rgba(0,0,0,0.25);
transition:0.3s;
}
.btn-lightblu,
.btn-lihgtblu:hover {
background: var(--color-2);
box-shadow: 0 6px 18px rgba(14,165,233,0.35);
transform: translateY(-2px);
color: var(--color-beyaz);}
.buton-1-clean {
background: var(--color-3);
color: var(--color-beyaz);
padding: 10px 22px;
display: inline-block;
border-radius: 8px;
transition: all 0.3s ease;
font-weight: 600;
text-decoration: none;}
.service-btn-clean:hover {
background: var(--color-2);
transform: translateY(-2px);
box-shadow: 0 6px 18px rgba(14,165,233,0.35);
color: var(--color-beyaz);}

/* Buton dili (tek tip) */
.service-btn,
.service-btn-clean,
.cta-btn{
border-radius: 10px;
font-weight: 600;
transition: .25s ease;
}
@media (max-width: 576px) {
.service-btn-clean {
width: 100%;
padding: 12px;
border-radius: 10px;
font-size: 1rem;}
}

.solidline {
border-top: 1px solid #e9e9e9;
margin: 10 0 10px;
}

hr {border: 1px solid var(--pool-border);}
/*--------------------------------------------------------------
# Back to top button
--------------------------------------------------------------*/
.back-to-top {
position: fixed;
visibility: hidden;
opacity: 1;
right: 5px;
bottom: 5px;
z-index: 996;
background: var(--color-1);
width: 50px;
height: 50px;
border-radius: 4px;
transition: all 0.4s;
}

.back-to-top {
  position: fixed;
  bottom: 20px;
  right: 20px !important;
  left: auto !important;
}



.back-to-top i {font-size: 28px;color: #eee;line-height: 0;}
.back-to-top:hover {background: var(--color-2);	color:#eee;}
.back-to-top.active {visibility: visible;opacity: 1;}
.bg-beyaz{background:#fff;}
.bg-mavi{background:var(--color-mavi-bg);}
.bg-menu{background:var(--bg-color-1);}
.border-style {border: 1px solid var(--border-color-1); border-radius: 8px; padding: 20px;}
.solidcizim {
width: 100%;
height: 2px; /* İnce ama güçlü görünüm */
background: linear-gradient(
to right,
rgba(190, 190, 190, 0),
rgba(190, 190, 190, 0.75),
rgba(190, 190, 190, 0)
);
margin: 15px 0;
clear: both;
border-radius: 3px;}









.ar-ecatalog-btn i {
  font-size: 20px;
}


.ar-site {
  direction: rtl;
}

.ar-about {
  padding: 60px 0;
}

.ar-about-text {
  text-align: right;
  line-height: 1.9;
}

.ar-about-text h1 {
  font-size: 32px;
  font-weight: 700;
  margin-bottom: 20px;
}



.pool-section {
  padding: 60px 0;
}

.pool-hero-image img {
  width: 100%;
  height: auto;
}

.pool-article h1 {
  font-size: 28px;
  font-weight: 700;
}

.pool-article p {
  line-height: 1.9;
  color: #444;
  margin-bottom: 16px;
}


.ar-about {
  direction: rtl;
}

.ar-about .pool-content {
  text-align: right;
}

.ar-about .pool-hero-image img {
  width: 100%;
  height: auto;
}


.pool-section {
  padding: 60px 0;
}

.pool-content {
  background: #fff;
  padding: 30px;
  border-radius: 12px;
}

.pool-hero-image img {
  width: 100%;
  height: auto;
  margin-bottom: 25px;
}

.pool-article h1 {
  margin-bottom: 20px;
}




/* BUTTON */
.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 10px 22px;
  border-radius: 6px;
  background: #1f4f6f;
  color: #fff;
  font-size: 14px;
  cursor: pointer;
  border: none;
}

/* FOOTER */
.ar-footer {
	background: #0f2f45;
	color: #fff;
	padding: 60px 0 0;
	font-size: 15px;
	direction: rtl;
}

.ar-footer-inner {
  max-width: 1320px;
  margin: auto;
  display: flex;
  gap: 60px;
  justify-content: space-between;
  flex-wrap: wrap;
}

.ar-footer-col {
  flex: 1;
  min-width: 220px;
  text-align: right;
}


.ar-footer-col img {
	width: 220px;
	margin-bottom: 5px;
	height: auto;
}

.ar-footer h4 { display: inline-block; padding-bottom: 5px;}
.footer-line {
width: 45px;
height: 3px;
background: #eee;
margin-bottom: 18px;}

.ar-footer ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.ar-footer ul li {
  margin-bottom: 10px;
}

.ar-footer a {
  color: #fff;
  text-decoration: none;
  transition: 0.3s;
}

.ar-footer a:hover {
  opacity: 0.8;
}

.ar-footer-company p {
  line-height: 1.8;
  margin: 20px 0;
}

.ar-footer-social a {
width: 42px;
height: 42px;
border-radius: 50%;
display: inline-flex;
align-items: center;
justify-content: center;
background:rgba(255,255,255,0.08);
color: var(--color-beyaz);
margin-right: 10px;
font-size: 18px;
box-shadow:
  0 6px 14px rgba(0, 0, 0, 0.25),
  0 0 0 1px rgba(255, 255, 255, 0.08);
transition: .3s;}

.ar-footer-social a:hover {
background: var(--color-2);
color: #eee;
text-decoration: none;}

/* TELEFON VE MAIL DÜZ OKUNSUN */
.ltr {
  direction: ltr;
  unicode-bidi: embed;
  display: inline-block;
}

.ar-footer-bottom {
width: 100%;
background-color: #162f40;
text-align: center;
padding: 15px 0px;
color: #eee;
border-top: 1px solid #2F5E7F;
margin-top: 40px;}

/* MOBILE */

@media (max-width: 768px) {
  .ar-footer-inner {
    flex-direction: column;
    text-align: right;
    gap: 40px;
  }
}



/* CATALOG */

.ar-container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
}

.ar-ecatalog {
  padding: 100px 0;
  background: #fff;
  direction: rtl;
}

.ar-ecatalog-row {
  display: flex;
  align-items: center;
  gap: 60px;
}

.ar-ecatalog-content {
  flex: 1;
  text-align: right;
}

.ar-ecatalog-image {
  flex: 1;
  text-align: left;
}

.ar-ecatalog-image img {
  max-width: 100%;
}

.ar-ecatalog-title {
  font-size: 34px;
  font-weight: 700;
  margin-bottom: 20px;
}

.ar-ecatalog-text {
  color: #555;
  line-height: 1.9;
  margin-bottom: 30px;
}

/* MOBIL */
@media (max-width: 991px) {
  .ar-ecatalog-row {
    flex-direction: column-reverse;
    text-align: center;
  }

  .ar-ecatalog-content,
  .ar-ecatalog-image {
    text-align: center;
  }
}





/* HIZMET KARTI ? PREMIUM TASARIM */
.service-card {
border-radius: 14px;
padding: 22px;
text-align: center;
transition: all 0.35s ease;
box-shadow: 0 2px 10px rgba(0,0,0,0.05);
position: relative;
overflow: hidden;
border: 1px solid rgba(34,82,120,0.06);
background: linear-gradient(180deg, #ffffff 0%, #fdfefe 100%);
opacity: 0;
transform: translateY(20px);
animation: fadeInUp 0.8s ease forwards;
}

.service-card-2 {
padding:40px 0;
border: 1px solid rgba(34,82,120,0.06);
background: linear-gradient(180deg, #ffffff 0%, #fdfefe 100%);

}
.service-card-2 i{
font-size: 7px;
padding:0 10px;
}


.service-card,
.blog-card{
border-radius: var(--radius);
box-shadow: var(--shadow-sm);
border: 1px solid var(--pool-border);
background: var(--surface);
}
#services .row.g-4 > div:nth-child(3n+1) .service-card { animation-delay: .1s; }
#services .row.g-4 > div:nth-child(3n+2) .service-card { animation-delay: .2s; }
#services .row.g-4 > div:nth-child(3n+3) .service-card { animation-delay: .3s; }

@keyframes fadeInUp {
0% { opacity: 0; transform: translateY(25px); }
100% { opacity: 1; transform: translateY(0); }
}

/* Hover efekti: Premium scale + shadow */
.service-card:hover,
.blog-card:hover{
transform: translateY(-6px) scale(1.03);
box-shadow: var(--shadow-lg);}

.service-img {
aspect-ratio: 4 / 3;     /* 400x300 orani */
width: 100%;
overflow: hidden;
border-radius: 10px;
}

/* G?rsel -> hi?bir zaman bozulmaz */
.service-img img {
width: 100%;
height: 100%;
object-fit: cover;       /* EN DOGRUSU BU */
transition: transform 0.4s ease;
}

/* Hover b?y?tme */
.service-card:hover .service-img img {
transform: scale(1.06);
}

/* Baslik */
.service-card h3 {
	color: var(--color-1);
	font-weight: 500;
	margin-top:10px;
	font-size: 1.25rem;
}

/* A?iklama metni */
.service-card p {
font-size: 0.96rem;
line-height: 1.45;
min-height: 72px;
}
.img-responsive { max-width: 100%; height: auto; display: block;}
/* Mobil Premium Dokunuslar */
@media (max-width: 576px) {

#services {padding-top: 40px;padding-bottom: 40px;}
.service-card {padding: 20px;border-radius: 16px;}
.service-card h3 {font-size: 1.15rem;}
.service-card p {font-size: 0.92rem;min-height: auto;}
}
/* HIZMET KARTI ? PREMIUM TASARIM FNISH*/

/* HAVUZ TADILATI START*/
#pool-services { overflow-x: hidden; background:#2d3336; padding:60px 0;}
.service-box { width: 100%; }
.service-content, .service-content a { overflow-wrap: anywhere; }
.service-box {
position: relative;
height: 380px;
border: 3px solid rgba(255, 252, 252, 0.678);
border-radius: 10px;
overflow: hidden;
display: flex;
align-items: stretch;
transition: 0.35s ease;
background-size: cover;
background-position: center;}
.service-box:hover {
transform: translateY(-6px);
box-shadow: 0px 8px 22px rgba(0,0,0,0.35);}
.service-box .overlay {
position: absolute;
inset: 0;
background: rgba(0,0,0,0.30);
transition: .3s ease;}
.service-box:hover .overlay {
background: rgba(0,0,0,0.7);}
.service-content {
position: relative;
z-index: 10;
width: 100%;
padding: 40px;
text-align: center;
display: flex;
flex-direction: column;
justify-content: center;}
.service-title {
font-size: 30px;
font-weight: 700;
margin-bottom: 18px;
color: var(--color-beyaz);}
.service-content ul {
list-style: none;
padding: 0;
margin: 0;}
.service-content ul li {
font-size: 20px;
font-weight: 400;
margin-bottom: 8px;
color: var(--color-beyaz);line-height: 1.35;}
.service-content ul li a{
color: var(--color-beyaz);
text-decoration: none;}
.service-title a{
color: var(--color-beyaz);
text-decoration: none;}
/* HAVUZ TADILATI FNISH*/


/* SON BLOGLAR START*/
#services-blog {
overflow-x: hidden;
padding:20px 0;
}
.blog-card {
background: var(--surface);
border-radius: var(--radius);
box-shadow: var(--shadow-sm);
border: 1px solid var(--border-color-1);
overflow:hidden;
text-decoration:none;
display:block;
height:100%;
transition:.3s ease;}

.blog-card:hover {
transform: translateY(-6px);
box-shadow:0px 10px 20px rgba(0,0,0,0.15);}

.blog-img {width:100%;height:170px;overflow:hidden;}
.blog-img img {width:100%;height:100%;object-fit:cover;transition:.3s ease;}
.blog-card:hover img {transform:scale(1.08);}
.blog-content {padding:16px;}
.blog-content h3 {font-size:18px;font-weight:700;color:var(--color-1);margin-bottom:8px;line-height:1.35;}
.blog-content p {margin:0;line-height:1.5;}
.blog-excerpt {
overflow: hidden;display: -webkit-box;-webkit-line-clamp: 3; -webkit-box-orient: vertical;}

@media (max-width: 575.98px) {
#services-blog .row.counters {display: flex;justify-content: center;}
#services-blog .row.counters > [class*="col-"] {
flex: 0 0 100%;max-width: 100%;}
}

@media (min-width: 576px) and (max-width: 991.98px) {
#services-blog .row.counters {display: flex;justify-content: center;gap: 16px;}
#services-blog .row.counters > [class*="col-"] {flex: 0 0 48%;max-width: 48%;}
}

@media (min-width: 992px) {#services-blog .row.counters {display: flex;}
#services-blog .row.counters > [class*="col-"] {flex: 0 0 25%;max-width: 25%;}
}

/* SON BLOGLAR FNISH*/

/* FOOTER*/

/* ROBOT */
#robot{
background:var(--color-1);
padding:25px 0;
color: var(--color-beyaz);
}
#robot .color-white,
#robot .robot-entry p,
#robot .robot-lead{
color: var(--color-beyaz); }

#robot .robot-lead{
font-size:20px;
margin: 0 0 10px 0;
border-radius: 10px;}

#robot .robot-slider img{
width:100%;
height: 250px;
object-fit: cover;
border-radius: 5px;
display:block;}

#robot ul {
    list-style: none;
    padding-left: 0;
    margin-left: 0;}

#robot li {list-style: none;}

#robot span {color: var(--color-2); font-weight:bold; }

#robot ul li i.bi {
    color: var(--color-2;   /* mavi */
    font-size: 1.1rem;
    margin-right: 6px;}
.landing {padding: 25px 0;}

@media (max-width: 426px){
#robot h3{ font-size:26px; color:#FF0000;}
#robot .robot-lead{ font-size:16px; }
#robot .robot-entry p{ font-size:14px; }
}
@media (max-width: 991.98px){
#robot .robot-slider img{ height: 280px; 
}
}
#robot .robot-entry{color:var(--color-beyaz); }
#robot .robot-bullet{ display:flex;  gap:10px;  align-items:flex-start;}
#robot .robot-bullet i{ margin-top: 3px;  font-size: 14px;}
#robot .swiper-button-prev,
#robot .swiper-button-next{
color:var(--color-beyaz);}

#robot .swiper-pagination-bullet{  opacity: .6;}
#robot .swiper-pagination-bullet-active{  opacity: 1;}
/* ROBOT */