html {
direction: ltr;
overflow-x: hidden;
box-shadow: none !important;
-webkit-font-smoothing: antialiased;
}
@media (prefers-reduced-motion: no-preference) {
:root {
scroll-behavior: auto;
}
}
::-moz-selection {
color: var(--primary-inverse);
background: var(--primary);
}
::selection {
color: var(--primary-inverse);
background: var(--primary);
}
.body {
background-color: var(--light);
font-family: 'Noto Sans', sans-serif;
}
html.safari:not(.no-safari-overflow-x-fix) .body {
overflow-x: hidden;
}
a {
text-decoration: none;
}
a:not(.btn):hover {
text-decoration: underline;
}
li {
line-height: 24px;
}
#header {
position: relative;
z-index: 1030;
}
#header .header-body {
display: flex;
flex-direction: column;
background: var(--light);
transition: min-height 0.3s ease;
width: 100%;
border-top: 3px solid #ededed;
border-bottom: 1px solid transparent;
z-index: 1001;
}
#header .header-body[class*="border-color-"] {
border-bottom: 0 !important;
}
#header .header-container {
position: relative;
display: flex;
flex-flow: row wrap;
align-items: center;
transition: ease height 300ms;
}
#header .container {
position: relative;
}
@media (max-width: 767px) {
#header .container {
width: 100%;
}
}
#header .header-row {
display: flex;
flex-grow: 1;
align-items: center;
align-self: stretch;
max-height: 100%;
}
#header .header-column {
display: flex;
align-self: stretch;
align-items: center;
flex-grow: 1;
flex-direction: column;
}
#header .header-logo {
margin: 16px 0;
margin: 1rem 0;
position: relative;
z-index: 1;
}
@media (max-width: 1200px) {
html:not(.sticky-header-enabled) #header .header-logo-sticky-change .header-logo-non-sticky {
opacity: 1 !important;
}
html:not(.sticky-header-enabled) #header .header-logo-sticky-change .header-logo-sticky {
display: none !important;
}
}
@media (min-width: 1201px) {
html.sticky-header-enabled.sticky-header-active.sticky-header-scroll-direction #header .header-body {
transition: all 0.3s ease;
transform: translate3d(0, 0, 0);
}
html.sticky-header-enabled.sticky-header-active.sticky-header-scroll-direction.sticky-header-scroll-down
#header
.header-body {
transform: translate3d(0, -100%, 0);
}
}
@media (min-width: 1201px) {
#header .header-nav-main {
display: flex !important;
height: auto !important;
}
#header .header-nav-main nav {
display: flex !important;
}
#header .header-nav-main nav > ul > li {
height: 100%;
align-self: stretch;
margin-left: 2px;
}
#header .header-nav-main nav > ul > li > a {
display: inline-flex;
align-items: center;
white-space: normal;
border-radius: var(--border-radius);
color: var(--grey-500);
font-size: 14px;
font-style: normal;
font-weight: 600;
padding: 0.5rem 1rem;
letter-spacing: -0.5px;
text-transform: uppercase;
text-decoration: none;
}
#header .header-nav-main nav > ul > li > a:after {
display: none;
}
#header .header-nav-main nav > ul > li > a:active {
background-color: transparent;
text-decoration: none;
color: var(--grey-500);
}
#header .header-nav-main nav > ul > li > a.dropdown-toggle .fa-chevron-down {
display: none;
}
#header .header-nav-main nav > ul > li.dropdown .dropdown-menu {
top: -10000px;
display: block;
opacity: 0;
left: auto;
border-radius: 0 var(--border-radius) var(--border-radius);
border: 0;
border-top: 3px solid var(--grey-500);
box-shadow: 0 15px 30px -5px rgba(0, 0, 0, 0.07);
margin: 0;
min-width: 200px;
padding: 5px 0;
text-align: left;
}
#header .header-nav-main nav > ul > li.dropdown .dropdown-menu li a {
border-bottom: 1px solid var(--grey-100);
color: var(--default);
font-size: 0.83em;
font-weight: 400;
padding: 6px 18px;
position: relative;
text-transform: none;
text-decoration: none;
letter-spacing: -0.5px;
}
#header .header-nav-main nav > ul > li.dropdown .dropdown-menu li a:hover,
#header .header-nav-main nav > ul > li.dropdown .dropdown-menu li a:focus,
#header .header-nav-main nav > ul > li.dropdown .dropdown-menu li a.active,
#header .header-nav-main nav > ul > li.dropdown .dropdown-menu li a:active {
background-color: transparent;
}
#header .header-nav-main nav > ul > li.dropdown.open > .dropdown-menu,
#header .header-nav-main nav > ul > li.dropdown.accessibility-open > .dropdown-menu,
#header .header-nav-main nav > ul > li.dropdown:hover > .dropdown-menu {
top: auto;
display: block;
opacity: 1;
}
#header .header-nav-main nav > ul > li.dropdown.dropdown-reverse > .dropdown-menu {
left: auto;
right: 0;
}
#header .header-nav-main nav > ul > li.dropdown-mega {
position: static;
}
#header .header-nav-main nav > ul > li.dropdown-mega > .dropdown-menu {
border-radius: var(--border-radius);
left: 12px;
right: 12px;
width: auto;
}
#header .header-nav-main nav > ul > li.dropdown-mega .dropdown-mega-content {
padding: 1.6rem;
}
#header .header-nav-main nav > ul > li.dropdown-mega .dropdown-mega-sub-title {
color: var(--dark--200);
display: block;
font-size: 0.9em;
font-weight: 600;
margin-top: 20px;
padding-bottom: 10px;
text-transform: none;
letter-spacing: -0.5px;
}
}
@media (min-width: 992px) {
#header .header-nav-main.header-nav-main-text-size-5 nav > ul > li > a.dropdown-toggle:after {
font-size: 0.75rem;
}
#header .header-nav-main.header-nav-main-text-size-5 nav > ul > li.dropdown .dropdown-menu li a {
color: #000;
font-size: 0.875em;
font-weight: 500;
padding-top: 8px;
padding-bottom: 8px;
}
#header .header-nav-main.header-nav-main-text-size-5 nav > ul > li.dropdown .dropdown-mega-sub-title {
font-weight: 700;
}
#header .header-nav {
display: flex;
align-items: center;
flex-grow: 1;
justify-content: flex-end;
align-self: stretch;
}
#header .header-nav.header-nav-stripe {
padding: 0;
}
#header .header-nav.header-nav-stripe .header-nav-main {
align-self: stretch;
margin-top: -1px;
min-height: 0;
}
#header .header-nav.header-nav-stripe nav {
display: flex;
}
#header .header-nav.header-nav-stripe nav > ul > li {
display: inline-flex;
align-self: stretch;
}
#header .header-nav.header-nav-links,
#header .header-nav.header-nav-line {
padding: 0;
}
#header .header-nav.header-nav-links .header-nav-main,
#header .header-nav.header-nav-line .header-nav-main {
align-self: stretch;
min-height: 0;
margin-top: 0;
}
#header .header-nav.header-nav-links nav > ul > li > a,
#header .header-nav.header-nav-links nav > ul > li:hover > a,
#header .header-nav.header-nav-line nav > ul > li > a,
#header .header-nav.header-nav-line nav > ul > li:hover > a {
position: relative;
background: 0 0 !important;
padding: 0 0.9rem;
margin: 1px 0 0;
min-height: 60px;
height: 100%;
}
#header .header-nav.header-nav-click-to-open nav > ul > li.dropdown:hover:not(.open) .dropdown-menu {
top: -10000px;
opacity: 0;
}
#header .header-nav.header-nav-click-to-open nav > ul > li.dropdown > .dropdown-toggle > .fa-chevron-down {
display: block;
opacity: 0;
position: absolute;
right: 12px;
}
}
@media (min-width: 992px) {
#header .header-nav-main-arrows nav > ul > li > a.dropdown-toggle:after {
display: inline-block;
font-family: "font awesome 6 free";
content: "\f078";
font-weight: 900;
border: 0;
width: auto;
height: auto;
margin: 0;
padding: 0 0 0 4px;
font-size: 0.6rem;
}
}
@media (min-width: 992px) {
#header .header-nav-main-full-width-mega-menu nav > ul > li.dropdown-mega > .dropdown-menu,
#header
.header-nav-main-full-width-mega-menu.header-nav-main-dropdown-border-radius
nav
> ul
> li.dropdown-mega
> .dropdown-menu {
left: 0 !important;
right: 0 !important;
border-radius: 0 !important;
}
}
.z-index-0 {
z-index: 0 !important;
}
.z-index-1 {
z-index: 1 !important;
}
#header .header-nav-main nav>ul>li>a{
font-family: "Noto Sans", Arial, sans-serif;
font-size:17px;
font-weight:500;
text-transform: capitalize;
color:#000;
}
h2 {
font-size: 2.2em;
font-weight: 300;
line-height: 42px;
margin: 0 0 32px;
}
h3 {
font-size: 1.8em;
font-weight: 400;
line-height: 24px;
margin-bottom: 33px;
text-transform: uppercase;
}
h4 {
font-size: 1.4em;
font-weight: 600;
line-height: 27px;
margin: 0 0 14px;
}
h5 {
font-size: 1em;
font-weight: 600;
line-height: 18px;
margin: 0 0 14px;
text-transform: uppercase
}
h1, h2, h3, h4, h5, h6 {
letter-spacing: -.05em;
margin: 0;
-webkit-font-smoothing: antialiased;
}
h6 {
color: var(--dark--200);
font-size: 1em;
font-weight: 400;
line-height: 18px;
margin: 0 0 14px
}
.section-act2 {
border-top:none!important;
}
.section.has-colorset-black {
background-color: #333;
padding: 60px 0; /* istersen üst-alt boşluk da ayarlanabilir */
margin-bottom:0;
}
.section.has-colorset-black .title-text-label {
color: #ffffff;
}
.section.has-colorset-black h2 {
color:#fff;
}
html .text-color-dark, html .text-dark {
color: #212529 !important;
}
html .scroll-to-top {
transition: opacity .3s;
background: #404040;
border-radius: var(--border-radius) var(--border-radius) 0 0;
bottom: 0;
color: var(--light);
display: block;
height: 9px;
opacity: 0;
padding: 10px 10px 35px;
position: fixed;
right: 10px;
text-align: center;
text-decoration: none;
min-width: 50px;
z-index: 1040;
font-size: .8em;
}
html .scroll-to-top.visible {
opacity: .75;
}
.form-control:not(.form-control-sm):not(.form-control-lg) {
font-size: 13.6px;
font-size: .85rem;
line-height: 1.85;
}
.input-group .form-control {
height: auto;
}
input[type=text], input[type=password], input[type=datetime], input[type=datetime-local], input[type=date], input[type=month], input[type=time], input[type=week], input[type=number], input[type=email], input[type=url], input[type=search], input[type=tel], input[type=color], textarea {
-webkit-appearance: none;
}
.category-card {
border-radius: 8px;
overflow: hidden;
position: relative;
transition: transform 0.3s ease;
}
/* Resimler */
.category-img {
object-fit: cover;
height: 650px;
display: block;
transition: transform 0.3s ease, filter 0.3s ease;
filter: none; /* sayfa açılışında renkli */
}
/* Mobil için küçültme */
@media (max-width: 767.98px) {
.category-img {
height: 350px; /* mobilde daha küçük */
}
}
/* Overlay */
.overlay-custom {
position: absolute;
top: 0; left: 0;
width: 100%;
height: 100%;
transition: background 0.3s ease;
}
/* Hover olan kart büyüsün */
.category-card:hover .category-img {
transform: scale(1.05);
filter: none; /* sayfa açılışında renkli */
}
/* Hover olan kart overlay koyulaşsın */
.category-card:hover .overlay-custom {
background: rgba(0,0,0,0.1);
}
/* Container hover olduğunda diğer kartlar gri olsun */
.category-cards-container:hover .category-card:not(:hover)::after {
content: "";
position: absolute;
top: 0; left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.5); /* istediğin renk ve opaklık */
pointer-events: none; /* tıklamayı engellemesin */
transition: background 0.3s ease;
}
.category-content-wrapper{
width:100%;
z-index: 1;
position:absolute;
bottom:10px;
}
.category-content {
position: relative;
transform: translateY(100%);
transition: transform .5s;
}
.category-card:hover .category-content {
transform: translateY(0);
}
.category-arrow {
font-size: 1rem;
transition: transform 0.3s ease;
margin-left:13px;
}
.category-description {
color: white;
font-size: 0.9rem;
line-height: 1.4;
opacity: 1;
font-size: 14px;
transition: opacity .5s;
opacity: 0;
padding:0 20px;
}
.category-card:hover .category-description {
opacity: 1;
}
.category-card .category-description p{
font-size: 14px;
line-height: 19px;
}
.category-title {
color: #fff;
font-size: 1.2rem;
bottom: 20px;
left: 20px;
z-index: 10;
margin: 0;
letter-spacing: 0.5px;
position: absolute;
bottom: 100%;
margin-bottom: 15px;
}
.video-section {
background: #FAF9F8;
padding: 60px 0;
border-top:none!important;
margin-top:0!important;
margin-bottom:0!important;
}
.video-header-text .title-text-label {
color: #000;
margin: 0;
font-weight: 500;
}
.video-header-text .title.is-2 {
font-weight: 300;
color: #1A1A1A;
margin: 0;
letter-spacing: 0.48px;
font-family: 'Ubuntu';
font-size: 35px;
}
.video-header-button .button {
background-color: #007bff;
color: #fff;
border-radius: 6px;
padding: 10px 20px;
transition: all 0.3s ease;
text-decoration: none;
}
.video-header-button .button:hover {
background-color: #0056b3;
}
/* Video responsive */
.video-wrapper {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
border-radius: 10px;
box-shadow: 0 6px 20px rgba(0,0,0,0.15);
margin-top: 30px;
}
.video-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: none;
}
/* Mobilde alt alta geçsin */
@media (max-width: 768px) {
.video-header {
flex-direction: column;
align-items: flex-start;
}
.video-header-button {
margin-top: 15px;
align-self: stretch;
}
.video-header-button .button {
width: 100%;
text-align: center;
}
}
/* section uurunler */
.section-urunler{
background-color: #333!important;
margin-top:0;
}
.section-urunler > span {
color:#fff;
}
.section-urunler h2 {
font-weight: 300;
color: #fff;
margin: 0;
letter-spacing: 0.48px;
font-family: 'Ubuntu';
font-size: 38px;
margin-top: 15px;
margin-bottom: 10px !important;
}
.section-urunler .thumb-fixed-size {
width: 100%; /* tüm resimler aynı genişlik */
height: 400px; /* tüm resimler aynı yükseklik */
object-fit: cover; /* taşmayı engeller, kırparak eşitler */
display: block;
margin: 0 auto; /* ortalar */
border-radius: 8px!important;
}
@media screen and (max-width:768px){
.section-urunler .thumb-fixed-size{
height:330px;
}
}
.thumb-info-wrapper{
border-radius: 8px!important;
overflow:hidden;
}
.section-urunler a:hover {
text-decoration: none;
}
.section-urunler a {
text-decoration: none;
color: inherit; /* normal durumda yazı rengini koru */
}
.section-urunler a:hover p {
color: #FFD700!important;
transition: color 0.3s ease; /* yumuşak geçiş efekti */
}
.section-urunler a:hover span {
color: #FFD700; /* ok rengini de değiştir */
transition: color 0.3s ease;
}
.section-sertifikalar h2{
font-weight: 300;
color: #1A1A1A;
margin: 0;
letter-spacing: 0.48px;
font-family: 'Ubuntu';
font-size: 35px;
margin-bottom: 5px;
}
.section-sertifikalar p {
font-size: 17px;
color: #1a1a1a !important;
line-height: 1.5;
text-align: left;
}
.section-action{
background:#efece8!important;
margin-top: 0 !important;
}
.action-block-content p{
font-size: 16px;
color: #1a1a1a;
}
.section-action .actions {
display: flex;
margin-top: 30px;
}
.languagedropdown a img {
width:15px;
margin-right:5px;
}
.mega-menu {
width: 100%;
}
.dropdown-mega {
position: relative;
}
.dropdown-mega .ana-kategori-list,
.dropdown-mega .alt-kategori-list {
list-style: none;
padding: 0;
margin: 0;
width: 100%;
position: relative;
margin-top: 25px;
}
.ana-kategori-list li,
.alt-kategori-list li {
margin-bottom: 25px;
position: relative;
display:flex;
}
/* Sağ Kenar Çizgisi */
.ana-kategori-list::after,
.alt-kategori-list::after {
content: '';
position: absolute;
right: 0;
top: 0;
height: 350px;
width: 1px;
background-color: #ddd;
}
/* Kategori Linkleri */
.dropdown-mega .ana-kategori-item,
.dropdown-mega .alt-kategori-list li a {
font-size: 17px !important;
font-weight: 500;
padding: 15px 15px !important;
text-decoration: none;
color: #1a1a1a;
cursor: pointer;
border: none;
line-height: 25px;
display: block;
width: auto;
border-radius: 5px;
}
/* Hover Efektleri */
.ana-kategori-item:hover,
.alt-kategori-list li a:hover {
background-color: #ffc20e!important;
color:#000!important;
}
.ana-kategori-list a.active{
background-color: #ffc20e!important;
color:#000!important;
}
.alt-kategori-list a.active{
background-color: #ffc20e!important;
color:#000!important;
}
.ana-kategori-list a.active .fa-chevron-right{
color:#000;
}
.alt-kategori-list a.active .fa-chevron-right{
color:#000;
}
.ana-kategori-item:hover .fa-chevron-right,
.alt-kategori-list li a:hover .fa-chevron-right {
color:#000;
}
/* Sağ Ok Icon */
.ana-kategori-item .fa-chevron-right,
.alt-kategori-list li a .fa-chevron-right {
margin-left: 0.5rem;
font-size: 0.9rem;
color: #333;
}
/* Tüm Ürünler Butonu */
.header-all-product-button a {
font-size: 1.2rem !important;
font-weight: 500;
padding: 15px 15px !important;
text-decoration: none;
color: #1a1a1a;
background: #fff;
border: none;
line-height: 15px;
display: inline-block;
width: auto;
border-radius: 5px!important;
}
.header-all-product-button a:hover {
background-color: #f5f5f5;
color: #333 !important;
}
/* Kategori Kutuları */
.alt-kategori-wrapper {
height: 100%;
}
/* Alt-Alt Kategori Listesi */
.dropdown-mega .alt-alt-kategori-list {
list-style: none;
padding: 0;
margin: 0;
width: 100%;
position: relative;
margin-top: 25px;
}
.alt-alt-kategori-list li {
margin-bottom: 25px;
position: relative;
display:flex;
}
/* Sağ Kenar Çizgisi */
.alt-alt-kategori-list::after {
content: '';
position: absolute;
right: 0;
top: 0;
height: 350px;
width: 1px;
background-color: #ddd;
}
/* Alt-Alt Kategori Linkleri */
.dropdown-mega .alt-alt-kategori-list li a {
font-size: 17px !important;
font-weight: 500;
padding: 15px 15px !important;
text-decoration: none;
color: #1a1a1a;
cursor: pointer;
background: #fff;
border: none;
line-height: 25px;
display: block;
border-radius: 5px;
width:auto;
white-space: normal; /* Uzun metinleri ikinci satıra geçir */
word-wrap: break-word; /* Uzun kelimeleri satır sonunda kes */
}
/* Hover Efektleri */
.alt-alt-kategori-list li a:hover {
background-color: #ffc20e!important;
color:#000!important;
}
.alt-alt-kategori-list li a:hover .fa-chevron-right{
color:#000!important;
}
/* Sağ Ok Icon */
.alt-alt-kategori-list li a .fa-chevron-right {
margin-left: 0.5rem;
font-size: 0.9rem;
color: #333;
}
#alt-kategori-col {
opacity: 0;
transform: translateX(-12px);
transition: all .35s ease;
}
#alt-kategori-col.show {
opacity: 1;
transform: translateX(0);
}
/* 3. Kolon için efekt */
#alt-alt-kategori-wrapper {
opacity: 0;
transform: translateX(-12px);
transition: all .35s ease;
}
#alt-alt-kategori-wrapper.show {
opacity: 1;
transform: translateX(0);
}
@media (min-width: 992px) {
#header .header-nav-main nav > ul > li.dropdown-mega .dropdown-mega-content {
padding: 1.6rem;
min-height: 600px;
}
}
/* Tüm Ürünler Butonu */
.header-all-product-button a {
display: flex;
align-items: center;
justify-content: space-between;
font-size: 1.2rem !important;
font-weight: 500;
padding: 15px 15px !important;
text-decoration: none;
color: #1a1a1a;
background: #fff;
border: none;
line-height: 15px;
}
.header-all-product-button a:hover {
background-color: #f5f5f5;
color: #333 !important;
}
/* kurumsal dropdown */
.kurumsal-dropdown{
min-width: 245px!important;
left:0!important;
}
.kurumsal-dropdown li a{
font-size: 17px!important;
font-weight: 500!important;
padding-top: 14px!important;
padding-bottom: 14px!important;
}
.kurumsal-dropdown li:hover a{
background-color: #ffc20e!important;
color:#000!important;
}
/* Kategori Kutuları */
.alt-kategori-wrapper {
height: 100%;
}
.header-all-product-button a{
display: flex;
align-items: center;
justify-content: flex-start;
font-size: 1.2rem!important;
font-weight: 500!important;
padding: 5px 15px !important;
text-decoration: none;
color: #1a1a1a;
cursor: pointer;
background: #fff;
border: none;
color: #333!important;
line-height: 29px;
text-decoration:underline!important;
padding-bottom:2px;
}
/* Ürün kutusu */
.urun-box {
border-radius: 6px;
text-align: center;
padding: 0.25rem;
background-color: #fff;
display: flex;
flex-direction: column;
justify-content: flex-start;
height: 100%; /* Aynı yükseklik */
transition: transform 0.2s, box-shadow 0.2s;
}
.urun-box img {
width: 100%;
height: 70px; /* Sabit yükseklik */
object-fit: cover;
border-radius: 4px;
margin-bottom: 0.25rem;
}
.urun-box .urun-title {
font-size: 0.75rem;
font-weight: 500;
color: #333;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
/* A etiketi varsa, alt çizgi kaldır */
.urun-box a {
text-decoration: none;
color: inherit; /* Kutunun yazı rengini koru */
}
.urun-box a:hover,
.urun-box a:focus {
text-decoration: none; /* Hover veya focus durumunda çizgi çıkmasın */
}
.container-fluid-custom{
padding-left:80px;
padding-right:80px;
}
/* detay giris*/
.product-hero {
position: relative;
width: 100%;
height: 450px; /* ihtiyacına göre ayarla */
overflow: hidden;
font-family: "Noto Sans", Arial, sans-serif;
margin-bottom:10px;
}
.product-hero .hero-content{
padding:0!important;
}
.product-hero .container-fluid {
position: relative;
width: 100%;
height: 100%;
}
.product-hero .hero-media img {
width: 100%;
position:absolute;
left:0;
right:0;
border-radius:4px;
height: 100%;
object-fit: cover;
}
.product-hero .hero-media .custom-overlay {
position: absolute;
inset: 0;
border-radius:4px;
background: linear-gradient(to top, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.0) 100%);
}
/* Geri Dön Butonu */
.product-hero .back-link {
position: absolute;
top: 40px;
left: 40px;
color: #fff;
text-decoration: none;
font-weight: 700;
display: inline-flex;
align-items: center;
gap: 5px;
z-index: 2;
}
/* Yazılar ve Keşfet Butonu */
.product-hero .hero-content {
position: absolute;
bottom: 60px;
left: 40px;
right: 40px;
display: flex;
justify-content: space-between;
align-items: flex-end;
z-index: 2;
}
.product-hero .hero-title {
color: #fff;
}
.product-hero .hero-title .subtitle {
font-size: 16px;
margin: 0;
color:#fff;
font-weight: 600;
}
.product-hero .hero-title .title {
font-size: 45px;
font-weight: 300;
margin: 5px 0 0;
color: #fff;
font-family: "Ubuntu", sans-serif;
}
.product-hero .explore-btn {
color: #fff;
background: none;
border: none;
font-weight: 500;
font-size: 16px;
cursor: pointer;
display: inline-flex;
align-items: center;
gap: 14px;
}
.back-link {
position: absolute;
top: 20px;
left: 40px;
color: #fff;
text-decoration: none; /* alt çizgi yok */
font-weight: 400;
display: inline-flex;
align-items: center;
gap: 8px;
font-size: 16px; /* ikon boyutu */
transition: color 0.3s ease;
}
.back-link i {
transition: transform 0.3s ease;
}
/* Hover efekti */
.back-link:hover {
color: #333; /* hover rengi */
text-decoration:none!important;
}
.explore-btn:hover{
color: #ddd;
}
.back-link:hover i {
transform: translateX(-5px); /* ok sola kayar */
}
@media (max-width: 992px) {
.product-hero {
height: 400px; /* sabit yüksekliği koruduk */
}
.product-hero .hero-content {
flex-direction: column;
align-items: flex-start;
bottom: 40px;
left: 20px;
right: 20px;
}
.product-hero .hero-title .title {
font-size: 36px;
}
.product-hero .hero-title .subtitle {
font-size: 14px;
}
.product-hero .explore-btn {
margin-top: 15px;
font-size: 14px;
}
.back-link {
top: 20px;
left: 20px;
font-size: 14px;
}
}
/* Mobil ekranlar */
@media (max-width: 768px) {
.product-hero {
height: 320px; /* sabit yüksekliği koruduk */
}
.product-hero .hero-title .title {
font-size: 28px;
line-height:32px;
}
.product-hero .hero-title .subtitle {
font-size: 15px;
}
.product-hero .explore-btn {
font-size: 16px;
padding-left: 0;
}
.back-link {
font-size: 15px;
top: 15px;
left: 15px!important;
}
}
/* humb menu*/
.jump-menu {
position: relative;
width: 100%;
background: #faf9f8;
}
.jump-menu.sticky {
position: fixed;
top: 0;
left: 0;
z-index: 55;
right: 0;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}
.jump-menu.sticky .jump-menu-item-link{
padding: 14px 20px;
}
.jump-menu.sticky ul li a{
padding: 17px 20px!important;
}
.jump-menu-placeholder {
display: none; /* başlangıçta gizli */
height: 60px; /* jump menu yüksekliği ile aynı */
}
.jump-menu.sticky + .jump-menu-placeholder {
display: block;
}
@media (max-width: 768px) {
.jump-menu {
overflow: hidden;
}
.jump-menu-items {
overflow-x: auto;
-webkit-overflow-scrolling: touch; /* iOS akıcı kaydırma */
}
.jump-menu-items-list {
display: inline-flex; /* genişliği içeriğe göre ayarla */
flex-wrap: nowrap; /* kırılmayı engelle */
white-space: nowrap; /* iki kelimeli başlıklar tek satırda kalsın */
padding: 0 1rem;
width: max-content; /* içerik kadar genişlik */
}
}
.jump-menu::after {
content: "";
display: block;
position: absolute;
bottom: 0;
inset-inline-start: 0;
inset-inline-end: 0;
background-color: #dfdbd4; /* alt çizgi rengi */
height: 1px;
pointer-events: none;
z-index: 1;
}
/* Jump Menu Items */
.jump-menu .jump-menu-section .jump-menu-container .jump-menu-items .jump-menu-items-list {
display: flex;
justify-content: center; /* linkleri ortala */
position: relative;
list-style: none;
margin: 0;
padding: 0;
}
/* Jump Menu Link */
.jump-menu .jump-menu-section .jump-menu-container .jump-menu-items .jump-menu-items-list .jump-menu-item-link {
color: #666; /* link rengi */
text-decoration: none;
padding: 10px 20px;
display: inline-block;
font-weight: 500;
transition: color 0.3s ease;
font-size: 17px;
color: #444;
}
.jump-menu .jump-menu-section .jump-menu-container .jump-menu-items .jump-menu-items-list .jump-menu-item-link:hover {
color: #000; /* hover rengi istenirse */
}
/* Active Border */
.jump-menu .jump-menu-section .jump-menu-container .jump-menu-items .jump-menu-items-list .jump-menu-link-active-border {
transition: all 0.3s ease-out;
position: absolute;
height: 2px; /* kalınlık */
pointer-events: none;
background-color: #ffc20e; /* aktif link altı kırmızı */
z-index: 101;
bottom: 0;
left: 0;
width: 0; /* JS ile genişliği aktif linke göre ayarlanacak */
}
.jump-section {
padding: 50px 20px;
border-bottom: 1px solid #eee;
min-height: 300px; /* minimum yükseklik */
}
@media (max-width: 992px) {
.jump-section {
min-height: 250px;
}
}
@media (max-width: 640px) {
.jump-section {
min-height: 200px;
}
}
/* Sidebar genel */
.sidebar {
width: 100%;
padding: 15px;
font-family: "Noto Sans", Arial, sans-serif;
}
.sidebar .nav-link {
position: relative;
padding: 10px 15px;
color: #333;
text-decoration: none;
display: flex;
justify-content: space-between; /* yazı ve ok */
align-items: center;
font-size: 16px; /* eşit boy */
transition: all 0.3s ease;
cursor: pointer;
}
.sidebar .nav-link.active::before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 3px;
height: 100%;
background-color: #ffc20e;
transition: all 0.3s ease;
}
/* Alt menü varsa ok göster */
.sidebar .nav-link.has-sub::after {
content: "\f105"; /* Font Awesome sağ ok */
font-family: "Font Awesome 5 Free";
font-weight: 900;
float: right;
transition: transform 0.3s ease;
color:#1a1a1a;
}
/* Alt menü açılınca ok döner */
.sidebar ul ul.open ~ .nav-link.has-sub::after,
.sidebar .nav-link.has-sub.active::after {
transform: rotate(90deg);
}
.sidebar ul ul {
display: none;
padding-left: 15px;
}
.sidebar ul ul.open {
display: block;
}
/* Mobil */
@media (max-width: 992px) {
.sidebar {
width: 100%;
padding: 10px;
}
.sidebar ul ul {
padding-left: 10px;
}
}
/* === Jump Section (Giriş Bölümü) === */
/* === Jump Section (Giriş Bölümü) === */
.jump-section {
padding: 40px 20px;
background-color: #fff;
position: relative;
}
.jump-section .title-text-label {
font-size: 14px;
font-weight: 700;
color: #ffc20e!important;
text-transform: uppercase;
margin-bottom: 10px;
display: block;
}
/* Başlık + içerik alanı */
.jump-section .columns {
display: flex;
flex-direction: column;
gap: 25px;
}
/* Başlık */
.jump-section .column.left h2 {
font-size: 35px;
font-weight: 300;
color: #1A1A1A;
margin: 0;
letter-spacing:0.48px;
font-family: 'Ubuntu';
}
/* Açıklama */
.jump-section .column.right .content p {
font-size: 16px;
line-height: 1.7;
color: #444;
margin-bottom: 20px;
}
/* Buton */
.jump-section .actions .button {
display: inline-block;
background-color: #ffc20e;
color: #fff;
font-size: 15px;
font-weight: 500;
padding: 10px 20px;
border-radius: 4px;
text-decoration: none;
transition: background-color 0.3s ease;
}
.jump-section .actions .button:hover {
background-color: #e0ac12;
}
/* Tablet ve üstü: solda başlık, sağda içerik */
@media (min-width: 768px) {
.jump-section .columns {
flex-direction: row;
align-items: flex-start;
justify-content: space-between;
}
.jump-section .column.left {
flex: 0 0 45%;
}
.jump-section .column.right {
flex: 0 0 50%;
}
.jump-section .column.left h2 {
font-size: 28px;
line-height: 1.3;
}
}
/* Desktop için daha geniş boşluklar */
@media (min-width: 1200px) {
.jump-section {
padding: 60px 0;
}
.jump-section .column.left h2 {
font-size: 35px;
}
.jump-section .column.right .content p {
font-size: 17px;
font-weight: 400;
}
}
.product-detail-body .main {
background: #faf9f8;
}
.product-detail-body #giris {
background: #faf9f8;
border-bottom:none;
}
.product-detail-body #aciklama{
background:#fff;
}
.product-detail-body #galeri {
background: #efece8;
}
.urun-gorsel img {
border:1px solid #eee;
}
.galeri-alt-baslik{
color: #ffc20e !important;
font-weight: 600;
margin-bottom: 0.5rem;
text-transform: uppercase;
font-size: 1.1em;
}
.galeri-baslik{
color: #1A1A1A;
margin-bottom: 25px;
letter-spacing: 0.48px;
font-family: 'Ubuntu';
}
.maintexth2{
font-weight: 300;
color: #1A1A1A;
margin: 0;
letter-spacing: 0.48px;
font-family: 'Ubuntu';
font-size: 35px;
}
.maintextp{
color: #ffc20e !important;
font-weight: 600;
margin-bottom: 0.5rem;
text-transform: uppercase;
font-size: 1.1em;
}
.mainkategorisection h2{
letter-spacing: 0.48px;
font-size:35px;
}
@media screen and(max-width:768px){
.padding0-galeri{
padding:0 15px;
}
}
.urun-aciklama-metin p , .urun-aciklama-metin p span {
font-size: 17px!important;
color: #1A1A1A!important;
margin-bottom: 20px;
line-height: 1.7!important;
font-family: "Noto Sans", Arial, sans-serif!important;
font-weight: 400;
background:transparent!important;
}
.urun-aciklama-metin {
font-size: 17px!important;
color: #1A1A1A!important;
margin-bottom: 20px;
line-height: 1.7!important;
font-weight: 400;
font-family: "Noto Sans", Arial, sans-serif!important;
background:transparent!important;
}
.urun-detay-listesi li {
font-size: 15px!important;
color: #1A1A1A!important;
margin-bottom: 20px;
line-height: 1.7!important;
font-family: "Noto Sans", Arial, sans-serif!important;
background:transparent!important;
}
.urunler-item {
padding: 0 5px;
}
.urun-galeri-bolumu .section-title {
font-size: 24px;
font-weight: 600;
margin-bottom: 1rem;
text-align: center;
}
.urun-galeri-bolumu .urun-galeri-slider .urun-galeri-item {
padding: 5px;
}
.urun-galeri-bolumu .urun-galeri-slider img {
width: 100%;
display: block;
border-radius: 8px;
cursor: pointer;
}
.slider-progress {
position: relative;
height: 2px !important;
background: #e0e0e0;
margin-top: 15px;
border-radius: 3px;
overflow: hidden;
}
.slider-progress .progress-fill {
position: absolute;
height: 100%;
background-color: #ffc20e;
width: 0%;
transition: width 0.6s ease;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{
background-color: #ffc20e;
}
.slider-nav-buttons button {
background: transparent;
border: none;
color: #d0cac0; /* default ikon rengi */
font-size: 20px;
width: 42px;
height: 42px;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
transition: all 0.25s ease;
margin-top:10px;
}
.me-100{
margin-right: 80px;
}
/* Hover & Active */
.slider-nav-buttons button:hover,
.slider-nav-buttons button:active {
color: #EBC700; /* senin sarı */
}
.urun-galeri-bolumu .slider-nav-buttons button:hover {
background:none!important;
}
#sti-ozellikler .sti-ozellik-content {
width: 100%;
padding-bottom: 1rem;
}
#teknik-ozellikler .sti-ozellik-content {
width: 100%;
padding-bottom: 1rem;
}
.main-text p {
font-size: 17px;
line-height: 28px;
}
/* Mobile First */
h2.section-title {
font-weight: 300;
color: #1A1A1A;
margin: 0;
letter-spacing: 0.48px;
font-family: 'Ubuntu';
font-size: 35px;
}
/* Tablet ve üzeri */
@media (min-width: 640px) {
h2.section-title {
font-size: 24px;
padding: 0 15px;
}
}
/* Desktop ve üzeri */
@media (min-width: 1024px) {
h2.section-title {
font-size: 32px;
padding: 0;
text-align: left;
}
}
/* ---------- Video Section ---------- */
#video {
padding: 2rem 1rem; /* Mobile öncelikli padding */
text-align: center;
}
#video .video-header {
margin-bottom: 1.5rem;
}
#video .video-header .title-text-label {
font-size: 16px;
font-weight: 600;
color: #555;
text-transform: uppercase;
margin-bottom: 0.5rem;
text-align:left;
}
#video .video-header .video-title-description h2 {
font-weight: 300;
color: #1A1A1A;
margin: 0;
letter-spacing: 0.48px;
font-family: 'Ubuntu';
text-align: left;
margin-bottom:6px;
}
#video .video-header .video-title-description p {
font-size: 17px; /* Mobile açıklama */
color: #1a1a1a;
line-height: 1.5;
text-align:left;
}
/* Video wrapper */
#video .video-wrapper {
position: relative;
width: 100%;
padding-bottom: 56.25%; /* 16:9 aspect ratio */
height: 0;
overflow: hidden;
border-radius: 0.5rem;
box-shadow: 0 0.25rem 0.5rem rgba(0,0,0,0.1);
}
#video .video-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
/* ---------- Larger Screens ---------- */
@media (min-width: 768px) {
#video {
padding: 3rem 2rem;
}
#video .video-header .video-title-description h2 {
font-size: 2rem;
}
}
@media (min-width: 1200px) {
#video {
padding: 4rem 0;
}
#video .video-header .video-title-description h2 {
font-size: 2.5rem;
}
}
/* Container */
#indirmeler .container {
max-width: 1200px;
margin: 0 auto;
padding: 0 15px;
}
/* Başlık Alanı */
#indirmeler .header {
text-align: center;
margin-bottom: 20px;
margin-top:15px;
text-align:left;
}
#indirmeler .header p {
font-size: 0.9rem;
font-weight: 600;
color: #ffc20e;
margin: 0;
}
#indirmeler .header h2 {
font-size: 40px;
margin: 5px 0 0 0;
font-family: 'Ubuntu';
font-weight:300;
color: #1A1A1A;
letter-spacing:0.48px;
}
/* Broşür Listesi */
#indirmeler .brochure-list {
list-style: none;
padding: 0;
margin: 0;
display: flex;
flex-direction: column;
gap: 15px; /* itemler arası boşluk */
margin-top: 50px;
}
/* Her bir broşür */
#indirmeler .brochure-item {
display: flex;
flex-direction: column;
justify-content: space-between;
border-radius: 8px;
padding: 15px 0 ;
}
/* Bilgi alanı */
#indirmeler .brochure-info {
margin-bottom: 10px;
}
#indirmeler .brochure-info .tags {
list-style: none;
padding: 0;
margin: 0 0 5px 0;
display: flex;
gap: 5px;
}
#indirmeler .brochure-info .tags span {
display: inline-block;
padding: 2px 6px;
font-size: 0.75rem;
font-weight: 600;
background-color: #ffc20e;
color: #fff;
border-radius: 4px;
}
#indirmeler .brochure-info h3 {
font-size: 24px;
font-weight: 400;
margin: 3px 0;
font-family: 'Ubuntu';
color:#1A1A1A;
letter-spacing:0.288px;
text-transform: capitalize;
margin-bottom:8px;
}
#indirmeler .brochure-info p {
font-size: 16px;
color: #1a1a1a;
margin: 0;
font-weight:400;
letter-spacing:0.192px;
font-family: 'Noto Sans';
}
/* İndirme butonu */
#indirmeler .brochure-action button {
display: inline-flex;
align-items: center;
gap: 5px;
padding: 8px 12px;
font-size: 0.9rem;
font-weight: 6100;
background-color: #eee;
border: none;
border-radius: 6px;
cursor: pointer;
}
#indirmeler .brochure-action button svg {
width: 16px;
height: 16px;
fill: currentColor;
}
/* Responsive (tablet ve üstü) */
@media (min-width: 600px) {
#indirmeler .brochure-item {
flex-direction: row;
align-items: center;
}
#indirmeler .brochure-info {
margin-bottom: 0;
}
}
.brochure-action a{
display: inline-flex;
align-items: center;
justify-content: center;
cursor: pointer;
padding: 12px 24px;
font-family: "Noto Sans", sans-serif;
font-size: 16px;
font-weight: 600;
letter-spacing: 0.19px;
color: #1A1A1A;
text-align: center;
background: transparent;
border-radius: 9999px; /* full rounded pill */
border: none;
column-gap: 8px;
/* Kenar iç çizgisi */
box-shadow: inset 0 0 0 1px #1A1A1A;
transition:
box-shadow 0.15s ease,
background-color 0.15s ease,
color 0.15s ease;
}
.brochure-action a:hover{
background-color: #1A1A1A;
color: #fff;
text-decoration: none;
}
/* New Slider*/
/* ========== HERO SLIDER ANA STİLLER ========== */
/* Hero slider styles */
/* Slider content positioning */
/* Slider content positioning */
.slider-content {
bottom: 60px;
left: 0;
right: 0;
padding: 0 30px;
display: flex;
justify-content: space-between;
align-items: flex-end;
z-index: 5;
}
.slider-title {
color: white;
font-size: 55px;
font-weight: 300;
margin-bottom: 0;
text-align: left;
max-width: 70%;
font-family: "Ubuntu", sans-serif;
line-height: 56px;
}
.explore-btn {
display: inline-flex;
align-items: center;
gap: 8px;
color: white;
font-size: 17px;
font-weight: 600;
text-decoration: none;
padding: 10px 20px;
border-radius: 30px;
transition: all 0.3s ease;
text-align: center;
z-index: 5;
font-family: 'Noto Sans';
background: transparent;
}
.explore-btn:hover {
text-decoration: none!important;
color: rgb(201, 201, 201);
}
.explore-btn i {
margin-top: 0;
font-size: 17px;
}
/* Responsive adjustments */
@media (max-width: 768px) {
.slider-content {
bottom: 30px;
align-items: center;
text-align: center;
padding: 0 20px;
}
.slider-title {
font-size: 1.8rem;
max-width: 100%;
line-height: 28px;
}
.explore-btn {
font-size: 0.9rem;
padding: 8px 16px;
}
}
@media (max-width: 576px) {
.slider-title {
font-size: 1.5rem;
}
.explore-btn {
font-size: 0.8rem;
padding: 6px 12px;
}
.explore-btn span {
display: none;
}
.explore-btn i {
font-size: 0.9rem;
}
}
/* Hero slider styles */
.hero-slider {
position: relative;
overflow: hidden;
}
.hero-slider-wrapper {
border-radius: 10px;
overflow: hidden;
}
.hero-slider .container-fluid {
padding: 0;
height: 100%;
}
.hero-slider-wrapper {
position: relative;
height: 100%;
border-radius: 4px;
}
.hero-slider .slide-item img,
.hero-slider .slide-item video {
width: 100%;
height: 750px;
object-fit: cover;
}
.hero-slider .slider-video {
object-fit: cover;
}
/* Overlay for slider */
.hero-slider .slide-item::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.4);
z-index: 2;
border-radius: 4px;
}
/* Responsive slider height */
@media (max-width: 576px) {
.hero-slider .slide-item img,
.hero-slider .slide-item video {
height:320px;
}
}
html.sticky-header-active #header .header-body{
background: #fff;
border-bottom:1px solid rgba(234, 234, 234, 0.5)!important;
box-shadow: 0 0 3px rgba(234, 234, 234, 0.5)!important;
}
html .btn{
padding: 14px 26px;
font-size: 14px;
border-radius: 30px;
}
html .btn-primary{
border:1px solid #fbb813;
background-color: #ffc20e;
color:#000;
/* Soldan sağa geçiş efekti için */
background-image: linear-gradient(to right, #14130f 50%, #ffc20e 50%);
background-size: 200% 100%;
background-position: right bottom;
transition: all 0.3s ease-out;
}
html .btn-primary:hover,
html .btn-primary:focus,
html .btn-primary.active {
/* Hover, focus ve active'de arka plan pozisyonunu değiştir */
background-position: left bottom!important;
color: #fff !important;
outline: none!important;
border:none!important;
border: 1px solid #14130f!important;
}
.form-control.form-control-focused {
box-shadow: 0 1px 1px rgba(0,0,0,.075) inset;
border-color: var(--grey-500)
}
.form-control:focus {
box-shadow: 0 1px 1px rgba(0,0,0,.075) inset;
border-color: var(--grey-500)
}
ul.nav-list li a:before{
display:none;
}
html .text-color-light, html .text-light {
color: #fff !important;
}
section.has-colorset-red{
margin-top: 0 !important;
}
section.section {
background: var(--grey-100);
border-top: 5px solid var(--grey-100);
margin: 30px 0;
padding: 50px 0;
}
.action-block-content h2 {
margin: 0 0 32px;
}
.blog-content p {
font-size:16px!important;
font-family:inherit!important;
}
@media (min-width: 992px) {
.text-lg-start {
text-align: left !important;
}
}
.header-body{
background:#fff;
}
@media (min-width: 992px) {
.header-active-underline {
position: absolute;
bottom: 0;
left: 0;
height: 2px;
width: 0;
background-color: #ffb300; /* İstediğin turuncu tonunu buraya koyabilirsin */
transition: all 0.3s ease;
z-index: 5 !important;
}
.header-nav-main .dropdown-mega > .dropdown-menu {
border-top: 2px solid #ccc!important; /* isteğe göre kalınlık veya renk değiştir */
}
}
/* Kolon right*/
.card.is-nav-highlight {
position: relative;
display: block;
width: 100%;
border-radius: 8px;
overflow: hidden;
text-decoration: none;
padding:0!important;
border:none!important;
}
.card.is-nav-highlight .media {
position: relative;
display: block;
width: 100%;
border-radius: 8px;
overflow: hidden;
}
.card.is-nav-highlight .media img {
width: 100%;
height: 500px;
object-fit: cover;
display: block;
transition: transform 0.5s ease;
}
.card.is-nav-highlight:hover .media img {
transform: scale(1.05);
}
/* overlay sadece hover olunca görünsün */
.card.is-nav-highlight .overlay {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 50%;
background: linear-gradient(to top, rgba(0,0,0,0.6), rgba(0,0,0,0));
opacity: 0;
transition: opacity 0.3s ease;
}
.card.is-nav-highlight:hover .overlay {
opacity: 1;
}
.card.is-nav-highlight .card-content {
position: absolute;
color: #fff;
width: 100%;
left: 0;
bottom: 20px;
padding: 10px 20px;
}
.card.is-nav-highlight .card-content h3 {
margin: 0;
font-size: 1.2rem;
font-weight: 600;
display: flex; /* Flex ile hizalama */
justify-content: space-between; /* Yazı solda, ok sağda */
align-items: center;
}
.card.is-nav-highlight .card-content h3 .icon {
font-size: 1rem;
/* margin-left artık opsiyonel, ok zaten sağda */
}
.languagedropdown {
position: relative;
}
.languagedropdown .dropdown-toggle::after {
display: none;
}
.languagedropdown .nav-link {
display: flex;
align-items: center;
gap: 5px;
padding: 8px 12px;
border-radius: 8px;
font-weight: 500;
color:#333;
font-size:15px;
transition: all 0.3s ease;
}
.languagedropdown .dropdown-menu {
min-width: 187px;
background: #fff;
border-radius: 5px;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.11);
margin-top: 8px;
}
.languagedropdown .dropdown-menu li {
list-style: none;
}
.languagedropdown .dropdown-menu li a {
display: flex;
align-items: center;
padding: 8px 12px;
gap: 8px;
font-size: 14px;
color: #333;
text-decoration: none;
transition: background 0.2s ease;
}
.languagedropdown .dropdown-menu li a:hover {
background: #f1f1f1;
}
.languagedropdown .dropdown-item{
color: #000;
padding: 9px 16px;
}
.hamburguer-btn{
background:none!important;
}
/* =============================
MOBİL MENÜ BUTONU
============================= */
.mobile-btn {
display: none;
background: none !important;
border: none !important;
width: 30px !important;
height: 30px !important;
position: relative !important;
cursor: pointer !important;
padding: 0 !important;
margin: 5px 0 0 0 !important;
z-index: 9999 !important;
outline: none !important;
}
.mobile-btn span {
display: block !important;
width: 100% !important;
height: 2px !important;
background: #000 !important;
position: absolute !important;
left: 0 !important;
transition: all 0.3s ease !important;
border-radius: 2px !important;
}
.mobile-btn span:nth-child(1) {
top: 0 !important;
}
.mobile-btn span:nth-child(2) {
top: 7px !important;
}
.mobile-btn span:nth-child(3) {
top: 14px !important;
}
/* X animasyonu */
.mobile-btn.active span:nth-child(1) {
top: 11px !important;
transform: rotate(45deg) !important;
}
.mobile-btn.active span:nth-child(2) {
opacity: 0 !important;
}
.mobile-btn.active span:nth-child(3) {
top: 11px !important;
transform: rotate(-45deg) !important;
}
/* =============================
MOBİL MENÜ
============================= */
.mobile-menu {
position: fixed;
top: 0;
right: -100%;
width: 320px;
height: 100vh;
background: #fff;
z-index: 99999;
overflow: hidden;
transition: right 0.3s ease;
box-shadow: -5px 0 20px rgba(0,0,0,0.3);
}
.mobile-menu.open {
right: 0;
}
.mobile-menu-header {
padding: 20px;
background: #ffc20e;
display: flex;
justify-content: space-between;
align-items: center;
position: relative;
z-index: 10;
}
.mobile-menu-header h3 {
margin: 0;
color: #000;
font-size: 17px;
font-weight: 600;
flex: 1;
text-align: center;
}
/* Mobil Dil Seçici */
.mobile-lang-selector {
position: absolute;
right: 60px;
top: 50%;
transform: translateY(-50%);
z-index: 11;
}
.mobile-lang-toggle {
display: flex;
align-items: center;
text-decoration: none;
color: #fff;
background: rgba(255,255,255,0.2);
padding: 5px 10px;
border-radius: 20px;
font-size: 14px;
}
.mobile-lang-toggle img {
width: 20px;
height: 15px;
margin-right: 5px;
object-fit: cover;
}
.mobile-lang-dropdown {
position: absolute;
top: 100%;
right: 0;
background: #fff;
border-radius: 5px;
box-shadow: 0 2px 10px rgba(0,0,0,0.2);
z-index: 100;
min-width: 120px;
margin-top: 5px;
}
.mobile-lang-item {
display: flex;
align-items: center;
padding: 10px 15px;
text-decoration: none;
color: #333;
border-bottom: 1px solid #eee;
}
.mobile-lang-item:last-child {
border-bottom: none;
}
.mobile-lang-item img {
width: 20px;
height: 15px;
margin-right: 8px;
object-fit: cover;
}
.mobile-lang-item:hover {
background: #f5f5f5;
}
.mobile-menu-back {
background: none;
border: none;
color: #000;
font-size: 16px;
cursor: pointer;
padding: 0;
position: absolute;
left: 20px;
}
.mobile-menu-close {
background: none;
border: none;
color: #000;
font-size: 32px;
cursor: pointer;
padding: 0;
line-height: 1;
width: 30px;
height: 30px;
position: absolute;
right: 20px;
}
/* Menü Navigasyonu */
.mobile-nav {
position: relative;
height: calc(100vh - 60px);
overflow: hidden;
}
.mobile-nav .menu-level {
position: absolute;
top: 0;
left: 100%;
width: 100%;
height: 100%;
overflow-y: auto;
list-style: none;
margin: 0;
padding: 0;
background: #fff;
transition: left 0.3s ease;
}
.mobile-nav .menu-level.active {
left: 0;
}
.mobile-nav .menu-level.slide-out {
left: -100%;
}
.mobile-nav .menu-level li {
border-bottom: 1px solid #eee;
}
.mobile-nav a {
display: block;
padding: 15px 20px;
color: #333;
text-decoration: none;
font-size: 15px;
transition: background 0.2s;
position: relative;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
font-weight:600;
}
.mobile-nav a:hover {
background: #f5f5f5;
text-decoration: none;
}
/* Sağa ok işareti */
.mobile-nav .sub-trigger {
padding-right: 40px;
}
.mobile-nav .sub-trigger .fa-chevron-right {
position: absolute;
right: 20px;
top: 50%;
transform: translateY(-50%);
font-size: 14px;
color: #999;
}
/* Mobil Dil Seçici - Menü İçinde */
.mobile-lang-menu-item {
border-top: 1px solid #eee;
position: relative;
}
.mobile-lang-menu-toggle {
display: flex;
align-items: center;
padding: 15px 20px;
text-decoration: none;
color: #333;
font-size: 15px;
}
.mobile-lang-flag {
width: 15px;
height: 15px;
margin-right: 10px;
object-fit: cover;
}
.mobile-lang-text {
flex: 1;
text-align: left;
}
.mobile-lang-arrow {
font-size: 12px;
color: #999;
transition: transform 0.3s;
}
.mobile-lang-menu-dropdown {
background: #f9f9f9;
border-top: 1px solid #eee;
}
.mobile-lang-menu-item {
border-bottom: 1px solid #eee;
}
.mobile-lang-menu-item:hover a {
text-decoration: none!important;
}
.mobile-lang-menu-item:last-child {
border-bottom: none;
}
.mobile-lang-menu-item a {
display: flex;
align-items: center;
padding: 12px 20px 12px 40px;
text-decoration: none;
color: #555;
font-size: 14px;
}
.mobile-lang-menu-item a:hover {
background: #eee;
}
/* Overlay */
.mobile-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0,0,0,0.5);
z-index: 99998;
opacity: 0;
visibility: hidden;
transition: all 0.3s;
}
.mobile-overlay.show {
opacity: 1;
visibility: visible;
}
@media (min-width: 1201px) {
.mobile-menu,
.mobile-overlay {
display: none !important;
}
}
/* Sertifikalar Sayfası - Mobile First */
.section.has-colorset-red {
background: url('../images/bk-anil.jpg') no-repeat center center;
background-size: cover; /* Resim alanı kaplasın */
background-position: center center; /* Resim ortalanacak */
padding: 3rem 0;
position: relative;
}
.section.has-colorset-red::before {
content: "";
position: absolute;
top:0; left:0; right:0; bottom:0;
background-color: rgba(0,0,0,0.1); /* %30 opak siyah */
z-index: 0;
}
.section.has-colorset-red .hash {
position: absolute;
top: -80px;
}
.section.has-colorset-red .container-fluid {
max-width: 1664px;
padding: 0 1rem;
}
.hero-content {
padding: 1.5rem;
text-align: center;
z-index: 1;
position: relative;
}
.hero-back {
margin-bottom: 50px;
}
.next-link.link.is-high-emphasis {
display: inline-flex;
align-items: center;
color: #fff;
text-decoration: none;
font-weight: 600;
font-size: 18px;
transition: opacity 0.3s ease;
letter-spacing: 0.192px;
}
.hero-content .fas {
margin-right: 0.5rem;
}
/* Hero back link hover efekti */
.hero-back .next-link.link.is-high-emphasis:hover {
color: #000 !important;
}
.hero-back .next-link.link.is-high-emphasis:hover .fas {
transform: translateX(-3px);
transition: transform 0.3s ease;
}
/* Ok işaretinin pozisyonu */
.hero-content .fas {
margin-right: 0.3rem;
transition: transform 0.3s ease;
}
.content.title-text-label {
color: #fff;
font-size: 1rem;
font-weight: 600;
margin-bottom: 0.5rem;
text-transform: uppercase;
}
.title.is-display {
color: #fff;
font-size: 64px;
font-weight: 300;
line-height: 1.2;
margin: 0;
font-family: 'Ubuntu';
letter-spacing: 0.012em;
}
/* Sertifika Kartları */
.sertifika-card {
transition: transform 0.3s ease, box-shadow 0.3s ease;
height: 100%;
display: flex;
flex-direction: column;
cursor: pointer;
position: relative;
}
.sertifika-card:hover {
transform: translateY(-5px);
box-shadow: 0 10px 20px rgba(0,0,0,0.1) !important;
}
.sertifika-card::before {
content: "\f002";
font-family: "Font Awesome 6 Free";
font-weight: 900;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background: rgba(255, 194, 14, 0.9);
color: #fff;
width: 40px;
height: 40px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
opacity: 0;
transition: opacity 0.3s ease;
z-index: 10;
}
.sertifika-card:hover::before {
opacity: 1;
}
.sertifika-image {
flex: 1;
display: flex;
align-items: center;
justify-content: center;
position: relative;
overflow: hidden;
}
.sertifika-image img {
max-width: 100%;
max-height: 300px;
width: auto;
height: auto;
object-fit: contain;
transition: transform 0.3s ease;
}
.sertifika-card:hover .sertifika-image img {
transform: scale(1.05);
}
/* Tablet ve Üstü */
@media (max-width: 767px) {
.hero-content {
text-align: left;
padding: 1rem;
}
.content.title-text-label {
font-size: 16px;
}
.title.is-display {
font-size: 25px;
line-height: 1.3;
}
.next-link.link.is-high-emphasis {
font-size: 16px;
}
}
/* Tablet cihazlar için ayarlar */
@media (min-width: 768px) and (max-width: 991px) {
.hero-content {
text-align: left;
padding: 1.5rem;
}
.content.title-text-label {
font-size: 1rem;
}
.title.is-display {
font-size: 2rem;
}
}
/* Büyük ekranlar için ayarlar */
@media (min-width: 992px) {
.hero-content {
text-align: left;
padding: 2rem;
}
.content.title-text-label {
font-size: 1.1rem;
}
.title.is-display {
font-size: 62px;
}
}
/* Footer - Mobile First */
/* Footer - Mobile First */
/* Footer - Mobile First */
.footer {
background-color: #fff;
padding: 2rem 0;
color: #000;
}
.footer .container-fluid {
max-width: 1664px;
padding: 0 1rem;
}
.footer h4.title {
color: #000;
font-size: 1rem;
font-weight: 600;
margin: 1rem 0;
}
.footer-menus-container {
margin: 2rem 0;
}
.footer-menu {
margin-bottom: 1.5rem;
}
.footer-menu .title {
color: #000;
font-size: 1.3rem; /* Menü başlığını biraz büyüttük */
font-weight: 600;
margin-bottom: 1rem;
}
.footer-menu ul {
list-style: none;
padding: 0;
margin: 0;
}
.footer-menu ul li {
margin-bottom: 0.7rem;
}
.footer-menu ul li a {
color: #000;
text-decoration: none;
font-size: 1.1rem; /* Menü linklerini biraz büyüttük */
transition: opacity 0.3s ease;
}
.footer-menu ul li a:hover {
opacity: 0.8;
}
.footer hr {
border-color: rgba(0, 0, 0, 0.2);
margin: 2rem 0;
}
.footer-top,
.footer-bottom {
margin: 1rem 0;
}
/* Dil seçimi dropdown'ı - beyaz arka plan */
.languagedropdown .dropdown-toggle {
background-color: #fff;
color: #000;
border: none;
padding: 0.5rem 1rem;
border-radius: 4px;
font-size: 0.9rem;
cursor: pointer;
transition: all 0.3s ease;
}
.languagedropdown .dropdown-toggle:hover {
background-color: #f0f0f0;
}
.languagedropdown .dropdown-toggle img {
margin-right: 0.5rem;
}
.languagedropdown .dropdown-menu {
background-color: #fff;
border: 1px solid #ddd;
border-radius: 4px;
box-shadow: 0 2px 10px rgba(0,0,0,0.1);
}
.languagedropdown .dropdown-item {
color: #000;
padding: 0.5rem 1rem;
transition: background-color 0.3s ease;
}
.languagedropdown .dropdown-item:hover {
background-color: #f8f9fa;
}
.languagedropdown .dropdown-item img {
margin-right: 0.5rem;
}
/* "Bizi Takip Edin" yazısı */
.footer-top .column:last-child h3 {
color: #000;
font-size: 1.1rem;
font-weight: 600;
margin-bottom: 1rem;
text-align: left;
}
.socials {
display: flex;
list-style: none;
padding: 0;
margin: 0;
justify-content: flex-start;
}
.socials li {
margin-right: 1.2rem;
}
.socials li a {
color: #000000!important;
font-size: 1.4rem;
transition: transform 0.3s ease;
}
.socials li a:hover {
transform: translateY(-3px);
}
.footer-bottom {
margin-top: 2rem;
}
.footer-bottom .column:first-child p {
color: #000;
font-size: 16px;
margin-bottom: 1rem;
}
.footer-bottom .column:last-child ul {
display: flex;
flex-wrap: wrap;
list-style: none;
padding: 0;
margin: 0;
}
.footer-bottom .column:last-child ul li {
margin-right: 1.2rem;
margin-bottom: 0.7rem;
}
.footer-bottom .column:last-child ul li a {
color: #000;
text-decoration: none;
font-size: 16px;
}
.slider-btn {
width: 42px;
height: 42px;
border: none;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
}
/* Breadcrumb Styles */
.breadcrumb-section {
background-color: #f8f9fa;
padding: 15px 0;
border-bottom: 1px solid #dee2e6;
}
.footer-bottom .column:last-child ul li a:hover {
opacity: 0.8;
}
/* Tablet ve Üstü */
@media (min-width: 768px) {
.footer {
padding: 3rem 0;
}
.footer .container-fluid {
padding: 0 2rem;
}
}
.footer h4.title {
font-size: 1.2rem;
}
.footer-menus-container {
display: flex;
flex-wrap: wrap;
margin: 3rem 0;
}
.footer-menu {
flex: 1 1 200px;
margin-right: 2rem;
margin-bottom: 0;
}
.footer-menu .title {
font-size: 1.4rem;
}
.footer-menu ul li a {
font-size: 1.2rem;
}
.footer hr {
margin: 3rem 0;
background:#a8a8a8
}
.footer-top,
.footer-bottom {
display: flex;
justify-content: space-between;
align-items: center;
}
.footer-top .column,
.footer-bottom .column {
display: flex;
align-items: center;
}
.footer-bottom .column:first-child p {
margin-bottom: 0;
}
.footer-bottom .column:last-child ul {
justify-content: flex-end;
}
.footer-bottom .column:last-child ul li {
margin-right: 1.5rem;
margin-bottom: 0;
}
.footer-bottom .column:last-child ul li a {
font-size: 17px;
font-weight: 600;
}
.languagedropdown .dropdown-toggle {
font-size: 1rem;
padding: 0.6rem 1.2rem;
}
.footer-top .column:last-child h3 {
font-size: 1.2rem;
margin-bottom: 0;
margin-right: 1.5rem;
}
.socials {
margin: 0;
}
/* Masaüstü */
@media (min-width: 992px) {
.footer {
padding: 6rem 0;
padding-bottom:50px;
}
.footer .container-fluid {
padding: 0 3rem;
}
.footer h4.title {
font-size: 1.5rem;
}
.footer-menu .title {
font-size: 1.5rem;
}
.footer-menu ul li a {
font-size: 1.3rem;
}
}
.mb-50{
margin-bottom:50px;
}
@media screen and (max-width:769px){
.footer-top .column:last-child h3{
margin-top:15px;
}
.footer-bottom .column:first-child p{
font-size: 14px;
}
}
/* Bayi Kartları */
.page-bayiler .bayi-card {
transition: transform 0.3s ease, box-shadow 0.3s ease;
height: 100%;
display: flex;
flex-direction: column;
position: relative;
overflow: hidden;
border: 1px solid #e0e0e0;
border-radius: 0.5rem;
background-color: #fff;
}
.page-bayiler .bayi-card:hover {
transform: translateY(-5px);
box-shadow: 0 10px 20px rgba(0,0,0,0.1) !important;
}
.page-bayiler .bayi-image img {
width: 100%;
height: 200px;
object-fit: cover;
}
.page-bayiler .bayi-content {
flex: 1;
display: flex;
flex-direction: column;
padding: 1.5rem;
}
.page-bayiler .bayi-header h3 {
color: #333;
margin-bottom: 0.5rem;
font-size: 1.25rem;
font-weight: 600;
}
.page-bayiler .bayi-header .text-muted {
color: #666 !important;
font-size: 0.9rem;
}
.page-bayiler .bayi-address p {
color: #555;
font-size: 0.9rem;
margin-bottom: 1rem;
}
.page-bayiler .bayi-text {
color: #444;
font-size: 0.9rem;
margin-bottom: 1.5rem;
flex: 1;
}
/* Tablet ve Üstü */
@media (max-width: 767px) {
.page-bayiler .bayi-image img {
height: 150px;
}
}
/* Tablet cihazlar için ayarlar */
@media (min-width: 768px) and (max-width: 991px) {
.page-bayiler .bayi-image img {
height: 180px;
}
.page-bayiler .bayi-content {
padding: 2rem;
}
}
/* Büyük ekranlar için ayarlar */
@media (min-width: 992px) {
.page-bayiler .bayi-image img {
height: 350px;
}
.page-bayiler .bayi-content {
padding: 2.5rem;
}
}
/* Header Mega Menu */
.dropdown:hover > .dropdown-menu,
.dropdown.open > .dropdown-menu,
.dropdown-mega:hover > .dropdown-menu,
.dropdown-mega.open > .dropdown-menu {
display: block !important;
opacity: 1 !important;
visibility: visible !important;
}
.kurumsal-sayfa-list{
display: flex;
flex-direction: column;
list-style: none;
padding: 0;
margin: 0;
width: 100%;
border-right: 1px solid #ddd;
margin-top: 25px;
}
.kurumsal-sayfa-list li
{
margin-bottom: 25px;
}
.kurumsal-sayfa-list li a {
display: flex;
align-items: center;
justify-content: flex-start;
font-size: 1.2rem!important;
font-weight: 500;
padding: 15px 15px !important;
text-decoration: none!important;
color: #1a1a1a;
cursor: pointer;
background: #fff;
border: none;
color: #333;
line-height: 15px!important;
}
.kurumsal-sayfa-list li:hover a {
background-color: #f5f5f5;
color: #333 !important;
}
.kurumsal-sayfa-list li .fa-chevron-right {
margin-left: 0.5rem;
font-size: 0.9rem;
color: #333;
}
body.iletisim-page .iletisim-content h3 {
color: #333;
font-size: 1.1rem;
font-weight: 600;
margin-bottom: 0.5rem;
}
body.iletisim-page .iletisim-content p {
color: #555;
font-size: 0.95rem;
line-height: 1.5;
}
body.iletisim-page .iletisim-content a {
color: #555;
text-decoration: none;
transition: color 0.3s ease;
}
body.iletisim-page .iletisim-content a:hover {
color: #ffc20e;
}
body.iletisim-page .iletisim-harita {
margin-top: 2rem;
}
body.iletisim-page .iletisim-harita h3 {
color: #333;
font-size: 1.25rem;
font-weight: 600;
margin-bottom: 1rem;
}
body.iletisim-page .harita-embed {
height: 450px;
}
body.iletisim-page .harita-embed iframe {
width: 100%;
height: 100%;
border: none;
border-radius: 0.5rem;
}
body.iletisim-page .form-label {
font-weight: 600;
color: #333;
margin-bottom: 0.5rem;
}
body.iletisim-page .form-control {
padding: 0.75rem 1rem;
border: 1px solid #ddd;
border-radius: 0.25rem;
transition: border-color 0.3s ease;
}
body.iletisim-page .form-control:focus {
border-color: #ffc20e;
outline: none;
box-shadow: 0 0 0 0.2rem rgba(255, 194, 14, 0.25);
}
body.iletisim-page .form-check-input:checked {
background-color: #ffc20e;
border-color: #ffc20e;
}
body.iletisim-page .form-check-label {
color: #333;
font-size: 0.9rem;
}
/* Tablet ve Üstü */
@media (min-width: 768px) {
body.iletisim-page .page-content.py-50 {
padding: 4rem 0;
}
body.iletisim-page .iletisim-bilgileri h2,
body.iletisim-page .iletisim-form h2 {
font-size: 1.75rem;
}
body.iletisim-page .iletisim-content h3 {
font-size: 1.25rem;
}
body.iletisim-page .iletisim-harita h3 {
font-size: 1.35rem;
}
}
/* Büyük ekranlar için ayarlar */
@media (min-width: 992px) {
body.iletisim-page .page-content.py-50 {
padding: 5rem 0;
}
body.iletisim-page .iletisim-bilgileri h2,
body.iletisim-page .iletisim-form h2 {
font-size: 2rem;
}
}
@media (min-width: 576px) {
.container-fluid {
max-width: 1664px;
padding: 0 30px;
}
}
/* Ürün Kategori Sayfası - Mobile First */
body.page-kategori .page-content.py-50 {
padding: 3rem 0;
}
body.page-kategori .product-category-card .card {
transition: transform 0.3s ease, box-shadow 0.3s ease;
height: 100%;
border: none;
border-radius: 0.5rem;
overflow: hidden;
}
body.page-kategori .product-category-card .card:hover {
transform: translateY(-5px);
box-shadow: 0 10px 20px rgba(0,0,0,0.1) !important;
}
body.page-kategori .product-category-card .card-img-top {
height: 250px;
object-fit: cover;
}
body.page-kategori .product-category-card .card-body {
padding: 1.25rem;
}
body.page-kategori .product-category-card .card-title {
color: #333;
font-size: 1.1rem;
font-weight: 600;
margin-bottom: 0;
}
body.page-kategori .alert.alert-info {
border-radius: 0.5rem;
background-color: #f8f9fa;
border: 1px solid #e9ecef;
}
/* Tablet ve Üstü */
@media (min-width: 576px) {
body.page-kategori .product-category-card .card-img-top {
height: 220px;
}
body.page-kategori .product-category-card .card-title {
font-size: 1.2rem;
}
}
@media (min-width: 768px) {
body.page-kategori .page-content.py-50 {
padding: 4rem 0;
}
body.page-kategori .product-category-card .card-img-top {
height: 240px;
}
}
/* Büyük ekranlar için ayarlar */
@media (min-width: 992px) {
body.page-kategori .page-content.py-50 {
padding: 5rem 0;
}
body.page-kategori .product-category-card .card-img-top {
height: 350px;
}
body.page-kategori .product-category-card .card-title {
font-size: 1.3rem;
}
}
html .scroll-to-top{
color:#fff!important;
}
.loading-overlay.show {
opacity: 1;
visibility: visible;
transition-delay: 0s;
position: fixed;
z-index: 999999;
}
/* Sertifikalar Bölümü */
.section-sertifikalar {
background-color: #fff;
padding: 50px 0;
}
.section-sertifikalar .section-title {
text-align: center;
margin-bottom: 30px;
}
.section-sertifikalar .section-title .subtitle {
font-size: 0.875rem;
text-transform: uppercase;
color: #6c757d;
margin-bottom: 10px;
letter-spacing: 1px;
}
.section-sertifikalar .section-title h2 {
font-size: 1.75rem;
font-weight: 700;
margin-bottom: 15px;
}
.section-sertifikalar .section-title p {
color: #6c757d;
max-width: 600px;
margin: 0 auto;
}
.sertifika-item {
text-align: center;
padding: 20px;
border-radius: 8px;
transition: all 0.3s ease;
height: 100%;
position: relative;
overflow: hidden;
}
.sertifika-item:hover {
transform: translateY(-5px);
box-shadow: 0 10px 20px rgba(0,0,0,0.1);
}
.sertifika-item .sertifika-image {
height: 150px;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 20px;
position: relative;
}
.sertifika-item .sertifika-image img {
max-height: 150px;
width: auto;
border-radius: 4px;
object-fit: contain;
}
.sertifika-item .sertifika-image .sertifika-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.7);
display: flex;
align-items: center;
justify-content: center;
opacity: 0;
transition: opacity 0.3s ease;
}
.sertifika-item:hover .sertifika-image .sertifika-overlay {
opacity: 1;
}
.sertifika-item .sertifika-image .sertifika-overlay i {
color: #fff;
font-size: 2rem;
}
.sertifika-item h5 {
font-size: 1rem;
font-weight: 600;
margin-bottom: 0;
}
/* Mobil-first responsive font sizes */
@media (min-width: 768px) {
.section-sertifikalar .section-title h2 {
font-size: 2.25rem;
}
.sertifika-item h5 {
font-size: 1.125rem;
}
}
@media (min-width: 992px) {
.section-sertifikalar {
padding: 70px 0;
}
.section-sertifikalar .section-title h2 {
font-size: 2.5rem;
}
.sertifika-item .sertifika-image {
height: 210px;
}
.sertifika-item .sertifika-image img {
max-height:210px;
}
}
/* Video Section */
.video-section {
padding: 50px 0;
background-color: #f8f9fa;
}
.video-header-text .title-text-label {
color: #ffc20e !important;
font-weight: 600;
font-size: 1.1em;
margin-bottom: 10px;
text-transform: uppercase;
}
.video-header-text h2 {
font-size: 1.75rem;
font-weight: 700;
margin-bottom: 15px;
}
.video-wrapper {
position: relative;
width: 100%;
border-radius: 8px;
overflow: hidden;
box-shadow: 0 5px 15px rgba(0,0,0,0.1);
}
.video-wrapper video {
width: 100%;
height: auto;
display: block;
outline: none;
}
.video-wrapper video::-webkit-media-controls {
border-radius: 0 0 8px 8px;
}
/* Responsive video section */
@media (min-width: 768px) {
.video-section {
padding: 70px 0;
}
.video-header-text h2 {
font-size: 2.25rem;
}
}
@media (min-width: 992px) {
.video-header-text h2 {
font-size: 2.5rem;
}
}
/* Bayiler Bölümü */
/* Bayiler Bölümü */
.section-bayiler {
background-color: #333 !important;
padding: 50px 0;
color: #fff;
}
.section-bayiler .section-title {
text-align: center;
margin-bottom: 30px;
}
.section-bayiler .section-title .subtitle {
font-size: 0.875rem;
text-transform: uppercase;
color: #ffc107;
margin-bottom: 10px;
letter-spacing: 1px;
}
.section-bayiler .section-title h2 {
font-size: 1.75rem;
font-weight: 700;
margin-bottom: 15px;
color: #fff;
}
.section-bayiler .section-title p {
color: #ccc;
max-width: 600px;
margin: 0 auto;
}
.bayi-item {
text-align: left;
padding: 20px;
border-radius: 8px;
transition: all 0.3s ease;
height: 100%;
background-color: #fff !important;
color: #000 !important;
display: flex;
flex-direction: column;
}
.bayi-item:hover {
transform: translateY(-5px);
box-shadow: 0 10px 20px rgba(0,0,0,0.1);
}
.bayi-item .bayi-image {
height: 180px;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 15px;
}
.bayi-item .bayi-image img {
max-height: 180px;
width: auto;
border-radius: 4px;
object-fit: contain;
}
.bayi-item h5 {
font-size: 1.25rem;
font-weight: 600;
margin-bottom: 8px;
color: #000 !important;
font-size: 19px !important;
line-height: 25px;
min-height: 80px;
}
.bayi-item .bayi-content {
min-height: 137px;
align-items: center;
}
.bayi-item .bayi-content p {
font-size: 0.875rem;
color: #707070 !important;
margin-bottom: 0;
text-align: left;
}
/* Responsive bayi section */
@media (min-width: 768px) {
.section-bayiler .section-title h2 {
font-size: 2.25rem;
}
.bayi-item h5 {
font-size: 1.5rem;
}
.bayi-item .bayi-image {
height: 210px;
}
.bayi-item .bayi-image img {
max-height: 210px;
}
}
@media (min-width: 992px) {
.section-bayiler {
padding: 70px 0;
margin:0!important;
}
.section-bayiler .section-title h2 {
font-size: 2.5rem;
}
}
/* Slider Dots - Progress Bar Style */
.owl-theme .owl-dots {
display: flex !important;
align-items: center;
justify-content: center;
margin-top: 20px;
}
.owl-theme .owl-dots .owl-dot {
display: inline-block;
zoom: 1;
width: 17px;
height: 4px;
margin: 0 3px;
background: #D6D6D6;
transition: all 0.2s ease;
border-radius: 0 !important;
}
.owl-theme .owl-dots .owl-dot span {
display: none !important;
}
.owl-theme .owl-dots .owl-dot.active,
.owl-theme .owl-dots .owl-dot:hover {
background: #ffc20e!important;
width: 23px;
}
/* Özel dots stilleri - Bayiler için */
.section-bayiler .owl-theme .owl-dots .owl-dot {
background: rgba(255, 255, 255, 0.5);
}
.section-bayiler .owl-theme .owl-dots .owl-dot.active,
.section-bayiler .owl-theme .owl-dots .owl-dot:hover {
background: #fff;
}
/* Özel dots stilleri - Ürünler için */
.section-urunler .owl-theme .owl-dots .owl-dot {
background: rgba(255, 255, 255, 0.5);
}
.section-urunler .owl-theme .owl-dots .owl-dot.active,
.section-urunler .owl-theme .owl-dots .owl-dot:hover {
background: #fff;
}
/* Özel dots stilleri - Sertifikalar için */
.section-sertifikalar .owl-theme .owl-dots .owl-dot {
background: #ccc;
}
.section-sertifikalar .owl-theme .owl-dots .owl-dot.active,
.section-sertifikalar .owl-theme .owl-dots .owl-dot:hover {
background: #000;
}
.section-bayiler .owl-theme .owl-nav.disabled+.owl-dots{
margin-top: 40px;
}
.is-4-m.mobile {
font-size: 14px;
display: none;
}
@media (max-width: 991px) {
.footer-logo img {
height: auto;
}
.footer-bottom .column.is-12.is-4-m.web {
display: none;
}
.is-4-m.mobile{
display :block;
}
.footer-bottom .column.is-12.is-8-m {
flex: 0 0 100%;
max-width: 100%;
}
.footer-bottom .column.is-12.is-8-m ul {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 10px;
padding: 20px 0;
}
.footer-bottom .column.is-12.is-8-m ul li {
margin-right: 0;
margin-bottom: 0;
}
.footer hr {
border-color: rgba(0, 0, 0, 0.2);
margin: 1rem 0;
}
.footer-bottom .column:last-child ul li a{
font-size:18px;
}
.footer h4.title {
font-size: 22px;
}
footer .languagedropdown .dropdown-toggle {
font-size: 18px;
}
}
.section-sertifikalar{
padding-bottom: 10px!important;
}
/* Bayi locator banner section */
.anil-dl-banner-section {
position: relative;
overflow: hidden;
margin-bottom:0!important;
padding-bottom: 0!important;
}
.anil-dl-banner-section {
position: relative;
}
.anil-dl-banner-section::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: url('../images/dealer-locator-background.jpg') no-repeat center center!important;
background-size: cover;
opacity: 0.5;
z-index: -1;
}
@media not all and (min-width: 768px) {
.anil-dl-banner {
min-height: 300px;
}
}
@media (min-width: 768px) {
.anil-dl-banner {
min-height: 500px;
}
}
.anil-dl-banner__content {
width: 100%;
position: relative;
}
@media not all and (min-width: 768px) {
.anil-dl-banner__content {
padding-top: 3rem;
padding-bottom: 3rem;
}
}
@media (min-width: 768px) {
.anil-dl-banner__content {
padding-top: 6rem;
padding-bottom: 6rem;
}
}
.anil-dl-banner__content__title {
font-weight: 700;
color: #ffc20e; /* Anıl Tarım kırmızı rengi */
}
@media not all and (min-width: 768px) {
.anil-dl-banner__content__title {
font-size: 20px;
line-height: 30px;
}
.anil-dl-banner__content__description{
font-size:16px;
}
}
@media (min-width: 768px) {
.anil-dl-banner__content__title {
max-width: 600px;
font-size: 1.875rem;
line-height: 2.25rem;
}
.anil-dl-banner__content__description {
max-width: 600px;
font-size: 1.125rem;
line-height: 1.75rem;
}
}
.anil-dl-banner__content__cta {
margin-top: 1rem;
}
@media (min-width: 1024px) {
.anil-dl-banner__content__cta {
margin-top: 1rem;
}
}
/* bayi yeni */
/* Bayi Bulucu Sayfası Stil Dosyası */
.storelocator {
display: grid;
grid-template-columns: 1fr;
gap: 1.5rem;
height: auto;
overflow: visible;
}
@media (min-width: 992px) {
.storelocator {
grid-template-columns: 1fr 2fr;
height: 55rem;
overflow: hidden;
}
}
/* Sidebar Stilleri */
.storelocator__sidebar {
background-color: #f8f9fa;
padding: 1.5rem;
border-radius: 8px;
box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}
.storelocator__sidebar .text-xl {
font-size: 16px;
font-weight: bold;
color: #ffc20e;
margin-bottom: 1.5rem;
}
/* Arama Kutusu Stilleri */
.address-search {
width: 100%;
}
.address-search .relative {
position: relative;
width: 100%;
}
.address-search input {
width: 100%;
height: 46px; /* Sabit yükseklik */
padding: 0 110px 0 40px; /* Sağdan buton için boşluk, soldan ikon için boşluk */
border: 1px solid #d1d5db;
border-radius: 0.5rem;
font-size: 1rem;
transition: all 0.2s ease-in-out;
box-sizing: border-box; /* Padding dahil toplam yüksekliği koru */
color: #333; /* Font rengi */
}
.address-search input:focus {
outline: none;
border-color: #f59e0b; /* Sarı renk */
color: #333;
box-shadow: 0 0 0 3px rgba(245, 158, 11, 0.2);
}
.address-search input::placeholder {
color: #333;
}
.address-search .absolute {
position: absolute;
top: 0;
bottom: 0;
display: flex;
align-items: center;
}
.address-search .pointer-events-none {
pointer-events: none;
}
.address-search .pl-3 {
left: 0;
padding-left: 12px;
}
.address-search .right-2\.5 {
right: 0;
bottom: 0;
top: 0;
display: flex;
align-items: center;
padding: 0 10px;
}
.address-search button {
background-color: #ffc20e; /* Tema rengi (sarı) */
color: #fff;
border: none;
border-radius: 0 0.5rem 0.5rem 0; /* Sadece sağ köşeler yuvarlak */
height: 100%; /* Input ile aynı yükseklik */
padding: 0 20px;
font-weight: 600;
cursor: pointer;
transition: background-color 0.2s ease-in-out;
white-space: nowrap;
}
.address-search button:hover {
background-color: #e6b00d; /* Hover için biraz koyulaştırılmış sarı */
}
/* Responsive adjustments */
@media (max-width: 768px) {
.address-search input {
height: 42px;
padding: 0 80px 0 35px;
font-size: 0.875rem;
}
.address-search button {
padding: 0 15px;
font-size: 0.875rem;
}
}
/* Bayi Listesi Stilleri */
.storelocator__results {
max-height: 500px;
overflow-y: auto;
}
.store__details {
background-color: white;
border: 1px solid #dee2e6;
border-radius: 8px;
padding: 1rem;
margin-bottom: 1rem;
transition: box-shadow 0.3s;
}
.store__details:hover {
box-shadow: 0 4px 8px rgba(0,0,0,0.1);
}
.store__details.active-store {
border-color: #e6b00d;
box-shadow: 0 0 0 2px rgba(235, 214, 32, 0.25);
}
.stores-list .bayi-text p{
margin-bottom:0;
font-size: 14px;
}
.store__details h3 {
color: #333;
margin-bottom: 0.5rem;
}
.bayi-address {
color: #6c757d;
margin-bottom: 0.5rem;
}
.bayi-address .fas {
color: #e6b00d;
}
.bayi-text {
color: #495057;
font-size: 0.9rem;
line-height: 1.5;
}
.store__details button {
background-color: transparent;
color: #e6b00d;
border: 1px solid #e6b00d;
border-radius: 4px;
padding: 0.25rem 0.5rem;
font-size: 0.875rem;
cursor: pointer;
transition: all 0.3s;
}
.store__details button:hover {
background-color: #dc3545;
color: white;
}
/* Harita Bölümü Stilleri */
.storelocator__main-column {
background-color: #e9ecef;
border-radius: 8px;
overflow: hidden;
}
#map {
width: 100%;
height: 600px;
}
@media (min-width: 992px) {
#map {
height: 800px;
}
}
/* Bayi Bilgi Penceresi Stilleri */
.bayi-info-window {
padding: 1rem;
max-width: 250px;
}
.bayi-info-window h3 {
color: #333;
margin-bottom: 0.5rem;
font-size: 1.1rem;
}
.bayi-info-window p {
color: #6c757d;
margin-bottom: 0;
font-size: 0.9rem;
}
/* Responsive Tasarım */
@media (max-width: 768px) {
.hero-content {
padding: 1rem;
}
.title.is-display {
font-size: 2rem;
}
.storelocator__sidebar {
padding: 1rem;
}
.address-search input {
padding: 0.5rem;
font-size: 0.9rem;
padding-left:35px;
}
.address-search button {
padding: 0.5rem 1rem;
font-size: 0.9rem;
}
#map {
height: 500px;
}
}
@media (max-width: 576px) {
.address-search .max-lg\:hidden {
display: none;
}
.address-search .border-l {
border-left: 1px solid #ced4da;
}
.address-search .rounded-l-lg {
border-radius: 0.5rem 0.5rem 0 0;
}
.address-search .border-y {
border-top: 1px solid #ced4da;
border-bottom: 1px solid #ced4da;
}
.address-search .border-x-0 {
border-left: 0;
border-right: 0;
}
}
/* Yardımcı Sınıflar */
.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
}
.text-primaryWebsiteColor {
color: #ffc20e;
}
/* Scrollbar Stilleri */
.storelocator__results::-webkit-scrollbar {
width: 8px;
}
.storelocator__results::-webkit-scrollbar-track {
background: #f1f1f1;
border-radius: 4px;
}
.storelocator__results::-webkit-scrollbar-thumb {
background: #c1c1c1;
border-radius: 4px;
}
.storelocator__results::-webkit-scrollbar-thumb:hover {
background: #a8a8a8;
}
/* Kurumsal Sayfalar */
.kurumsal-section {
padding-top: 3rem;
padding-bottom: 3rem;
}
.kurumsal-section.first {
margin-top: 0;
}
.kurumsal-section .kurumsal-content {
font-size: 1rem;
line-height: 1.6;
}
.kurumsal-section .kurumsal-content p {
margin-bottom: 1rem;
}
.kurumsal-section .kurumsalh2 {
color: #333;
font-weight:400;
font-size: 38px;
font-family: 'Ubuntu';
letter-spacing: 0.5px;
}
.kurumsal-section .kurumsalanabaslik{
font-weight: 600;
font-family: 'Noto Sans';
color:#ffc20e!important;
}
/* Ürün Kategori Sayfası Stilleri */
.page-kategori .kategori-section {
padding: 50px 0;
}
.page-kategori .kategori-section h2.fw-bold {
color: #333;
font-size: 2rem;
margin-bottom: 0;
}
.page-kategori .kategori-section:last-child {
background-color: #efece8 !important;
}
.page-kategori .kategori-section.bg-dark h2.fw-bold {
color: #fff !important;
}
.page-kategori .kategori-aciklama {
color: #666;
font-size: 1.1rem;
line-height: 1.6;
}
.page-kategori .kategori-section.bg-dark .kategori-aciklama {
color: #ccc !important;
}
.page-kategori .alt-kategori-baslik {
color: #333;
font-size: 24px;
margin-bottom: 0;
letter-spacing: 0.5px;
padding-bottom: 10px;
}
.page-kategori .kategori-section.bg-dark .alt-kategori-baslik {
color: #fff !important;
border-bottom: 1px solid #555;
}
.page-kategori .alt-kategori-aciklama {
color: #666;
font-size: 1rem;
line-height: 1.5;
}
.page-kategori .kategori-section.bg-dark .alt-kategori-aciklama {
color: #ccc !important;
}
.page-kategori .alt-alt-kategori-baslik {
color: #333;
font-size: 1.3rem;
margin-bottom: 0;
padding-bottom:6px;
}
.page-kategori .kategori-section.bg-dark .alt-alt-kategori-baslik {
color: #fff !important;
}
.page-kategori .alt-alt-kategori-aciklama {
color: #666;
font-size: 0.95rem;
line-height: 1.4;
}
.page-kategori .kategori-section.bg-dark .alt-alt-kategori-aciklama {
color: #ccc !important;
}
/* Ürün Slider Stilleri */
.page-kategori .urunler-slider-wrapper {
margin: 30px 0;
}
.page-kategori .urunler-slider .swiper-slide {
height: auto;
}
.page-kategori .urunler-slider .card {
background: transparent;
border: none;
border-radius: 0;
height: 100%;
transition: transform 0.3s ease;
cursor: pointer;
padding:0 10px;
}
.page-kategori .urunler-slider .thumb-info {
position: relative;
overflow: hidden;
}
.page-kategori .urunler-slider .thumb-info-wrapper {
position: relative;
display: block;
overflow: hidden;
}
.page-kategori .urunler-slider .thumb-fixed-size {
width: 100%;
height: 450px;
object-fit: cover;
border-radius: 0;
transition: transform 0.3s ease;
}
.page-kategori .urunler-slider .card:hover .thumb-fixed-size {
transform: scale(1.05);
}
.page-kategori .urunler-slider .d-flex {
align-items: center;
margin-top: 15px;
padding: 0 10px;
}
.page-kategori .urunler-slider .text-white.fw-bold {
color: #333 !important;
font-size: 1.1rem;
font-weight: 600;
margin: 0;
flex-grow: 1;
text-align: left;
}
.page-kategori .kategori-section.bg-dark .urunler-slider .text-white.fw-bold {
color: #fff !important;
}
.page-kategori .urunler-slider .fs-5 {
font-size: 1.5rem !important;
color: #ffc20e;
}
.page-kategori .urunler-slider .slider-controls {
max-width: 1200px;
margin: 30px auto 0;
}
.page-kategori .urunler-slider .slider-progress {
height: 2px;
background: rgba(0, 0, 0, 0.1);
border-radius: 0;
}
.page-kategori .kategori-section.bg-dark .urunler-slider .slider-progress {
background: rgba(255, 255, 255, 0.3) !important;
}
.page-kategori .urunler-slider .progress-fill {
height: 100%;
background: #ffc20e;
border-radius: 0;
transition: width 0.3s ease;
}
.page-kategori .urunler-slider .slider-nav-buttons {
display: flex;
gap: 10px;
}
.page-kategori .urunler-slider .slider-nav-btn {
width: 40px;
height: 40px;
background: #ffc20e;
border: none;
border-radius: 0;
color: #000;
font-size: 1rem;
cursor: pointer;
transition: all 0.3s ease;
display: flex;
align-items: center;
justify-content: center;
}
.page-kategori .kategori-section.bg-dark .urunler-slider .slider-nav-btn {
background: #ffc20e;
color: #000;
}
.page-kategori .urunler-slider .slider-nav-btn:hover {
background: #333;
color: #fff;
}
.page-kategori .kategori-section.bg-dark .urunler-slider .slider-nav-btn:hover {
background: #fff;
color: #000;
}
.page-kategori .urunler-slider .slider-nav-btn i {
font-size: 1rem;
}
.page-kategori .alert.alert-info {
background-color: rgba(0, 0, 0, 0.05);
border: 1px solid rgba(0, 0, 0, 0.1);
color: #666;
border-radius: 0;
padding: 20px;
text-align: center;
font-size: 1.1rem;
}
.page-kategori .kategori-section.bg-dark .alert.alert-info {
background-color: rgba(255, 255, 255, 0.1) !important;
border: 1px solid rgba(255, 255, 255, 0.2) !important;
color: #ccc !important;
}
/* Grid Ürün Stilleri */
.page-kategori .row .col-md-3.mb-4 .card {
width: 100%;
}
/* Responsive */
@media (max-width: 1200px) {
.page-kategori .urunler-slider .thumb-fixed-size {
height: 220px;
}
}
@media (max-width: 992px) {
.page-kategori .kategori-section h2.fw-bold {
font-size: 1.8rem;
}
.page-kategori .alt-kategori-baslik {
font-size: 1.3rem;
}
.page-kategori .alt-alt-kategori-baslik {
font-size: 1.1rem;
}
.page-kategori .urunler-slider .thumb-fixed-size {
height: 200px;
}
.page-kategori .urunler-slider .text-white.fw-bold {
font-size: 1rem;
}
}
@media (max-width: 768px) {
.page-kategori .kategori-section {
padding: 30px 0;
}
.page-kategori .urunler-slider .thumb-fixed-size {
height: 180px;
}
.page-kategori .urunler-slider .slider-nav-btn {
width: 35px;
height: 35px;
}
.page-kategori .alt-kategori-baslik {
font-size: 1.2rem;
}
}
@media (max-width: 576px) {
.page-kategori .kategori-section h2.fw-bold {
font-size: 1.5rem;
}
.page-kategori .urunler-slider .thumb-fixed-size {
height: 150px;
}
.page-kategori .urunler-slider .text-white.fw-bold {
font-size: 0.9rem;
}
.page-kategori .urunler-slider .fs-5 {
font-size: 1.2rem !important;
}
}
/* Ürün Kategori Sayfası Stilleri */
.page-kategori .kategori-section {
padding: 50px 0;
}
/*
.page-kategori .kategori-section.first {
background-color: #efece8 !important;
}
.page-kategori .kategori-section.second {
background-color: #ffffff !important;
}
.page-kategori .kategori-section.third {
background-color: #333333 !important;
}
.page-kategori .kategori-section.first {
background-color: #efece8 !important;
}
.page-kategori .kategori-section:nth-child(3n+2) {
background-color: #ffffff !important;
}
.page-kategori .kategori-section:nth-child(3n+3) {
background-color: #333333 !important;
} */
.page-kategori .bg-light{
background-color: #fff !important;
}
.page-kategori .bg-light-gray{
background-color: #efece8 !important;
}
.page-kategori .bg-dark-gray{
background-color: #333333 !important;
}
.page-kategori .kategori-section h2.fw-bold {
color: #333;
font-size: 2rem;
margin-bottom: 8px;
}
.page-kategori .kategori-section.bg-dark h2.fw-bold {
color: #fff !important;
}
.page-kategori .kategori-aciklama {
color: #666;
font-size: 1.1rem;
line-height: 1.6;
}
.page-kategori .kategori-section.bg-dark .kategori-aciklama {
color: #ccc !important;
}
.page-kategori .alt-kategori-baslik {
color: #333;
font-size: 1.5rem;
margin-bottom: 15px;
padding-bottom: 10px;
border-bottom: 1px solid #d2d2d2;
}
.page-kategori .kategori-section.bg-dark .alt-kategori-baslik {
color: #fff !important;
border-bottom: 1px solid #555;
}
.page-kategori .alt-kategori-aciklama {
color: #666;
font-size: 1rem;
line-height: 1.5;
}
.page-kategori .kategori-section.bg-dark .alt-kategori-aciklama {
color: #ccc !important;
}
.page-kategori .alt-alt-kategori-baslik {
color: #333;
font-size: 1.3rem;
margin-bottom: 15px;
}
.page-kategori .kategori-section.bg-dark .alt-alt-kategori-baslik {
color: #fff !important;
}
.page-kategori .alt-alt-kategori-aciklama {
color: #666;
font-size: 0.95rem;
line-height: 1.4;
}
.page-kategori .kategori-section.bg-dark .alt-alt-kategori-aciklama {
color: #ccc !important;
}
/* Ürün Slider Stilleri */
.page-kategori .urunler-slider-wrapper {
margin: 30px 0;
}
.page-kategori .urunler-slider .swiper-slide {
height: auto;
}
.page-kategori .urun-link {
text-decoration: none;
display: block;
transition: transform 0.3s ease;
}
.page-kategori .urun-link:hover {
text-decoration: none;
}
.page-kategori .urunler-slider .card,
.page-kategori .col-md-3 .card {
background: transparent;
border: none;
border-radius: 0;
height: 100%;
transition: transform 0.3s ease;
cursor: pointer;
}
.page-kategori .col-md-3 .card {
margin-bottom: 20px;
}
.page-kategori .urunler-slider .thumb-info,
.page-kategori .col-md-3 .thumb-info {
position: relative;
overflow: hidden;
border: 1px solid #ddd;
box-shadow:none;
border-radius: 6px;
}
.page-kategori .urunler-slider .thumb-info-wrapper,
.page-kategori .col-md-3 .thumb-info-wrapper {
position: relative;
display: block;
overflow: hidden;
}
.page-kategori .urunler-slider .card:hover .thumb-fixed-size,
.page-kategori .col-md-3 .card:hover .thumb-fixed-size {
transform: scale(1.05);
}
.page-kategori .urunler-slider .d-flex,
.page-kategori .col-md-3 .d-flex {
align-items: center;
margin-top: 15px;
padding: 0 10px;
}
.page-kategori .urunler-slider .text-white.fw-bold,
.page-kategori .col-md-3 .text-white.fw-bold {
color: #333 !important;
font-size: 1.1rem;
font-weight: 600;
margin: 0;
flex-grow: 1;
text-align: left;
}
.page-kategori .kategori-section.bg-dark .urunler-slider .text-white.fw-bold,
.page-kategori .kategori-section.bg-dark .col-md-3 .text-white.fw-bold {
color: #fff !important;
}
.page-kategori .urunler-slider .fs-5,
.page-kategori .col-md-3 .fs-5 {
font-size: 1.5rem !important;
color: #ffc20e;
text-align: right !important;
}
.page-kategori .urunler-slider .slider-controls {
max-width: 1200px;
margin: 30px auto 0;
}
.page-kategori .urunler-slider .slider-progress {
height: 2px;
background: rgba(0, 0, 0, 0.1);
border-radius: 0;
}
.page-kategori .kategori-section.bg-dark .urunler-slider .slider-progress {
background: rgba(255, 255, 255, 0.3) !important;
}
.page-kategori .urunler-slider .progress-fill {
height: 100%;
background: #ffc20e;
border-radius: 0;
transition: width 0.3s ease;
}
.thumb-info img {
transition: all .3s ease;
border-radius: 3px;
position: relative;
width: 100%;
height: 350px;
object-fit: cover;
}
.page-kategori .urunler-slider .slider-nav-buttons {
display: flex;
gap: 10px;
}
.page-kategori .urunler-slider .slider-nav-btn {
width: 40px;
height: 40px;
background: #ffc20e;
border: none;
border-radius: 0;
color: #000;
font-size: 1rem;
cursor: pointer;
transition: all 0.3s ease;
display: flex;
align-items: center;
justify-content: center;
}
.page-kategori .kategori-section.bg-dark .urunler-slider .slider-nav-btn {
background: #ffc20e;
color: #000;
}
.page-kategori .urunler-slider .slider-nav-btn:hover {
background: #333;
color: #fff;
}
.page-kategori .kategori-section.bg-dark .urunler-slider .slider-nav-btn:hover {
background: #fff;
color: #000;
}
.page-kategori .urunler-slider .slider-nav-btn i {
font-size: 1rem;
}
.page-kategori .alert.alert-info {
background-color: rgba(0, 0, 0, 0.05);
border: 1px solid rgba(0, 0, 0, 0.1);
color: #666;
border-radius: 0;
padding: 20px;
text-align: center;
font-size: 1.1rem;
}
.page-kategori .kategori-section.bg-dark .alert.alert-info {
background-color: rgba(255, 255, 255, 0.1) !important;
border: 1px solid rgba(255, 255, 255, 0.2) !important;
color: #ccc !important;
}
/* Grid Ürün Stilleri */
.page-kategori .row .col-md-3.mb-4 .card {
width: 100%;
}
/* Responsive */
@media (max-width: 1200px) {
.page-kategori .urunler-slider .thumb-fixed-size,
.page-kategori .col-md-3 .thumb-fixed-size {
height: 220px;
}
}
@media (max-width: 992px) {
.page-kategori .kategori-section h2.fw-bold {
font-size: 1.8rem;
}
.page-kategori .alt-kategori-baslik {
font-size: 1.3rem;
}
.page-kategori .alt-alt-kategori-baslik {
font-size: 22px;
}
.page-kategori .urunler-slider .thumb-fixed-size,
.page-kategori .col-md-3 .thumb-fixed-size {
height: 200px;
}
.page-kategori .urunler-slider .text-white.fw-bold,
.page-kategori .col-md-3 .text-white.fw-bold {
font-size: 1rem;
}
}
@media (max-width: 768px) {
.page-kategori .kategori-section {
padding: 30px 0;
}
.page-kategori .urunler-slider .thumb-fixed-size,
.page-kategori .col-md-3 .thumb-fixed-size {
height: 180px;
}
.page-kategori .urunler-slider .slider-nav-btn {
width: 35px;
height: 35px;
}
.page-kategori .alt-kategori-baslik {
font-size: 1.2rem;
}
}
@media (max-width: 576px) {
.page-kategori .kategori-section h2.fw-bold {
font-size: 1.5rem;
}
.page-kategori .urunler-slider .thumb-fixed-size,
.page-kategori .col-md-3 .thumb-fixed-size {
height: 270px;
}
.page-kategori .urunler-slider .text-white.fw-bold,
.page-kategori .col-md-3 .text-white.fw-bold {
font-size: 16px;
}
.page-kategori .urunler-slider .fs-5,
.page-kategori .col-md-3 .fs-5 {
font-size: 1.2rem !important;
}
}
/* bg-dark-gray class'ına sahip section'lar için beyaz yazılar */
.page-kategori .bg-dark-gray h2.fw-bold,
.page-kategori .bg-dark-gray .alt-kategori-baslik,
.page-kategori .bg-dark-gray .alt-alt-kategori-baslik {
color: #fff !important;
}
.page-kategori .bg-dark-gray .kategori-aciklama,
.page-kategori .bg-dark-gray .alt-kategori-aciklama,
.page-kategori .bg-dark-gray .alt-alt-kategori-aciklama {
color: #ccc !important;
}
.page-kategori .bg-dark-gray .urunler-slider .text-white.fw-bold,
.page-kategori .bg-dark-gray .col-md-3 .text-white.fw-bold {
color: #fff !important;
}
.page-kategori .bg-dark-gray .urunler-slider .slider-progress {
background: rgba(255, 255, 255, 0.3) !important;
}
.page-kategori .bg-dark-gray .alert.alert-info {
background-color: rgba(255, 255, 255, 0.1) !important;
border: 1px solid rgba(255, 255, 255, 0.2) !important;
color: #ccc !important;
}
.page-kategori .bg-dark-gray .alt-kategori-baslik {
border-bottom: 1px solid #555;
}
#indirmeler {
background-color: #efece8;
}
@media screen and (max-width:769px){
.iletisim-bilgileri h2 {
padding:0 10px;
}
.iletisim-item{
padding:0 10px;
}
.iletisim-form{
padding:0 10px;
}
}
.blog-card {
position: relative;
display: flex;
flex-direction: column;
height: 100%;
overflow: hidden;
background: #fff;
cursor: pointer;
transition: transform 0.3s ease; /* Kartın tamamı hover için */
}
.blog-card:hover {
/* transform: translateY(-5px); kaldırıldı */
}
.blog-card .blog-image {
overflow: hidden; /* resmin taşmaması için */
border-radius: 8px;
}
.blog-card .blog-image img {
width: 100%;
height: 320px;
object-fit: cover;
transition: transform 0.5s ease; /* scale animasyonu için */
}
.blog-card:hover .blog-image img {
transform: scale(1.05); /* Hoverda zoom efekti */
}
.blog-content {
padding: 15px;
display: flex;
flex-direction: column;
flex-grow: 1;
}
.blog-meta {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 10px;
font-size: 16px;
color: #1A1A1A;
}
.blog-meta .badge {
font-size: 13px;
padding: 5px 10px;
background-color: #007bff;
color: #fff;
border-radius: 4px;
font-weight:400;
}
.blog-title {
font-size: 24px;
font-weight: 400;
color: #1A1A1A;
display: flex;
justify-content: space-between; /* başlık solda, ok sağda */
align-items: center;
margin-bottom: 10px;
position: relative;
letter-spacing:0.288px;
font-family: 'Ubuntu';
text-transform:capitalize;
line-height:27px;
}
.blog-title span {
flex-grow: 1; /* başlık solda kalır */
}
.blog-title i {
color: #ffc20e;
font-size: 1.1rem;
margin-right: 10px; /* sağdan 10px */
transition: transform 0.3s ease;
}
.blog-card:hover .blog-title i {
transform: translateX(5px); /* ok sağa kayma efekti */
}
.blog-excerpt {
font-size: 16px;
color: #666;
text-overflow: ellipsis;
}
.blog-card .text-muted{
font-size:14px;
color: #1A1A1A!important;
}
.contact-bg-1 {
background-color: #faf9f8;
}
.contact-bg-2 {
background-color: #efece8;
}
.contact-bg-3 {
background-color: #d0cac0;
}
/* Harita yüksekliği */
.map-wrapper iframe {
width: 100%;
height: 350px !important;
border: 0;
}
.sube-item h3 {
font-family: 'Ubuntu';
letter-spacing: 0.012em;
font-weight:400!important;
}
.sube-item a {
color: #1a1a1a;
text-decoration: none;
}
.sube-item strong {
letter-spacing:1px;
}
.sube-item a:hover {
color: #1a1a1a; /* hover da değişmesin */
text-decoration: none;
}
.section.history-timeline {
position: relative;
padding: 80px 0;
overflow: hidden;
}
.timeline {
position: relative;
max-width: 1400px;
margin: 0 auto;
padding: 20px 0;
}
.history-timeline h3 {
font-family: 'Ubuntu';
letter-spacing: 0.5px;
font-size: 30px;
}
/* GRİ Arka Plan Çizgisi */
.timeline-line {
position: absolute;
left: 50%;
top: 0;
bottom: 0; /* height:100% yerine bottom:0 daha sağlıklıdır */
width: 4px;
background: #e9ecef;
transform: translateX(-50%);
z-index: 1;
border-radius: 4px;
}
/* KIRMIZI İlerleyen Çizgi */
.timeline-line-progress {
position: absolute;
left: 50%;
top: 0;
width: 4px;
height: 0; /* JS ile artacak */
background: #ffc20e; /* İstediğin kırmızı tonu */
transform: translateX(-50%);
z-index: 2;
border-radius: 4px;
box-shadow: 0 0 10px rgba(204, 174, 6, 0.5); /* Hafif parlama */
}
/* Çizginin Ucundaki Hareketli Nokta (Lider Dot) */
.timeline-line-progress::after {
content: '';
position: absolute;
bottom: 0; /* Çizginin en ucu */
left: 50%;
transform: translate(-50%, 50%); /* Tam ucuna ortala */
width: 14px;
height: 14px;
background: #ffc20e ;
border-radius: 50%;
box-shadow: 0 0 15px #ffc20e; /* Parlama efekti */
}
/* Timeline Satırları */
.timeline-item {
position: relative;
display: flex;
justify-content: center; /* Ortala */
align-items: center;
margin-bottom: 120px; /* Satır arası boşluk */
z-index: 3;
opacity: 0.5; /* Varsayılan opaklık (soluk) */
transition: opacity 0.5s ease-in-out; /* Yumuşak geçiş için */
}
.timeline-item.item-visible {
opacity: 1; /* Tam görünürlük */
}
/* Sol ve Sağ Alanlar (Simetri için %50 veriyoruz) */
.timeline-left,
.timeline-right {
width: 50%;
padding: 0 40px; /* Çizgiden uzaklaşma payı */
position: relative;
}
.timeline-left {
text-align: right;
}
.timeline-right {
text-align: left;
}
/* Sabit Noktalar (Duraklar) */
.timeline-dot {
position: absolute;
left: 50%;
top: 50%; /* Item'ın tam ortasında dursun */
transform: translate(-50%, -50%);
width: 20px;
height: 20px;
border-radius: 50%;
background: #fff; /* İçi boş/beyaz başlar */
border: 4px solid #a6aaad; /* Gri çerçeve */
z-index: 4;
transition: all 0.4s ease;
}
/* Aktif olduğunda (Kırmızı çizgi geçtiğinde) */
.timeline-dot.active {
background: #ffc20e;
border-color: #ffc20e;
box-shadow: 0 0 0 5px rgba(216, 185, 7, 0.2);
}
/* Metin Stilleri */
.timeline-year {
color: #ffc20e;;
font-size:60px;
font-weight:300;
font-family: 'Ubuntu';
letter-spacing: 0.768px;
margin: 0 0 14px;
}
.timeline-subtitle {
color: #ffc20e;
margin-top: 5px;
font-size:40px;
font-weight:300;
font-family: 'Ubuntu';
letter-spacing:0.48px;
line-height: 36px;
text-transform: capitalize;
}
.timeline-image {
max-width: 380px;
}
.timeline-text{
max-width: 480px;
}
.timeline-image img{
border-radius:8px;
width: 100%;
height: 400px;
object-fit: cover;
}
.timeline-text p{
letter-spacing: 0.192px;
font-size: 16px;
}
/* Footer Başlık Stilleri */
.footer h5 {
font-family: 'Ubuntu', sans-serif;
color: #1A1A1A;
font-weight: 400;
letter-spacing: 0.288px;
font-size:23px;
text-transform: capitalize;
line-height: 24px;
}
/* Footer Liste Öğeleri */
.footer ul li{
margin:5px 0;
}
.footer ul li a {
color: #000000 !important;
transition: color 0.3s ease;
font-size: 15px;
letter-spacing:0.5px;
}
.footer ul li a:hover {
color: #333333 !important;
}
/* Footer Sosyal Medya İkonları */
.footer .socials li a {
color: #000000 !important;
background-color: transparent !important;
border: 1px solid #000000 !important;
}
.footer .socials li a:hover {
color: #ffffff !important;
background-color: #000000 !important;
}
/* Footer İletişim Bilgileri */
.footer-contact-item {
color: #000000;
}
.footer-contact-item a {
color: #000000;
text-decoration: none;
}
.footer-contact-item a:hover {
color: #333333;
text-decoration: underline;
}
@media screen and (max-width: 768px) {
/* 1. Çizgileri Sola Taşı */
.timeline-line,
.timeline-line-progress {
left: 20px; /* Ekranın solundan 20px içeride sabitlensin */
transform: translateX(-50%);
}
/* 2. Noktaları (Dot) Sola Taşı */
.timeline-dot {
left: 20px;
/* Mobilde nokta tam ortada değil, yıl başlığına yakın (yukarıda) dursun */
top: 25px !important;
}
/* 3. İçerik Kapsayıcısını Düzenle */
.timeline-item {
flex-direction: column; /* Yan yana değil, alt alta dizilsin */
align-items: flex-start; /* Sola hizala */
padding-left: 45px;
padding-right: 20px;
}
/* 4. Sol (Yıl) ve Sağ (Açıklama) Kutularını Genişlet */
.timeline-left,
.timeline-right {
width: 100%; /* Tam genişlik kullansın */
padding: 0; /* Eski sağ-sol boşlukları sıfırla */
text-align: left; /* Tüm yazıları sola yasla */
}
/* 5. Yıl Başlığı ile Açıklama Arasına Boşluk */
.timeline-left {
margin-bottom: 15px;
}
/* Yazı boyutlarını mobilde bir tık küçültmek istersen */
.timeline-year {
font-size:36px;
}
.timeline-subtitle{
font-size:28px;
line-height: 28px;;
}
}
/* new footer*/
footer h5 {
font-family: 'Ubuntu', sans-serif;
letter-spacing: 0.5px;
color: #1a1a1a;
font-weight: 600;
}
.footer {
background: #efece8;
border-top: 1px solid #bcbcbc;
}
.footer-logo img {
width:auto;
max-height: 70px;
}
.follow-footer-outer p{
font-size: 15px;
}
.follow-footer-outer form .input-group{
background-color: #fff;
border-top-right-radius: 30px!important;
border-bottom-right-radius: 30px!important;
border-top-left-radius: 30px!important;
border-bottom-left-radius: 30px!important;
}
.follow-footer-outer form .input-group input{
border:none;
border-top-left-radius: 10px!important;
border-bottom-left-radius: 1dvh!important;
box-shadow:none!important;
}
.follow-footer-outer form .input-group button{
border-top-left-radius: 30px!important;
border-bottom-left-radius: 30px!important;
}
.follow-footer-outer form .input-group input:focus {
outline: none; /* standart mavi outline kaldır */
box-shadow: none; /* glow / shadow kaldır */
border-color: inherit; /* border rengi değişmesin */
}
/* Footer Kurumsal Sayfalar */
.footer .kurumsal-sayfalar a {
color: #1a1a1a !important;
font-size: 15px;
text-decoration: none;
transition: color 0.3s ease;
}
.footer .kurumsal-sayfalar a:hover {
color: #333333 !important;
}
.copytext{
font-size :15px;
}
@media screen and (max-width:768px){
.copytext{
margin-bottom:70px;
}
}
.languagedropdown .dropdown-toggle {
font-size: 1rem;
padding: 0.6rem 1.2rem;
width: auto;
background: none;
float: left;
}
.dokumanlar-text p{
font-size: 16px!important;
font-family: 'Noto Sans';
}
.dokumanlar-text p ul li{
font-size: 16px!important;
font-family: 'Noto Sans';
}
.dokumanlar-text ul li{
font-size: 15px!important;
font-family: 'Noto Sans';
}
#teknik-ozellikler h2 {
margin-bottom:20px;
}
.document-card {
margin-bottom: 20px;
background: #f3f3f3;
border-radius: 10px;
padding: 15px;
text-align: left;
display: flex;
align-items: center;
justify-content: center;
min-height: 15px;
}
.document-card .d-flex.align-items-center {
width: 100%;
justify-content: center;
}
.document-card .d-flex.align-items-center .me-3 {
margin-right: 1rem;
}
.document-card h5.mb-0 {
margin-bottom: 0;
text-align: center;
}
.document-card h5.mb-0 a {
display: block;
font-size: 15px;
color: #4f555a;
line-height: 1.4;
font-weight: 700;
text-align: center;
}
.documents-section{
padding:100px 0 300px 0!important;
}
/* DataTables Sabit Sütun Stilleri */
@media screen and (max-width:768px){
#sti-ozellikler {
padding:40px 0;
}
#teknik-ozellikler {
padding:40px 0;
}
}
.header-zr-iletisim{
display:none;
}
@media screen and (min-width:992px) and (max-width:1100px){
#header .header-logo img{
width: 200px;
height: auto;
}
}
@media screen and (min-width:1375px){
.header-zr-iletisim{
display:block;
}
}
/* Mobilde göster */
@media (max-width: 1200px) {
.mobile-btn {
display: block !important;
}
.languagedropdown{
display:none!important;
}
}
/* Desktop'ta gizle */
@media (min-width: 1201px) {
.mobile-btn {
display: none !important;
}
}
.main-section-blog .blog-title {
color: white; /* Başlık rengi beyaz */
font-size: 40px;
margin-bottom: 15px;
font-family: 'Ubuntu';
letter-spacing:0.48px;
font-weight: 300;
line-height:40px;
margin-top: 30px;
}
.main-section-blog .main-blog-button{
margin-bottom: 35px;
}
.main-section-blog .blog-description {
color: white; /* Yazı rengi beyaz */
font-size: 16px;
margin-bottom: 20px;
letter-spacing:0.192px
}
/* Blog Resmi */
.main-section-blog .img-fluid {
border-radius: 6px;
object-fit: cover;
margin-bottom: 20px; /* Resim ile link arasında boşluk */
width: 80%;
}
/* Blog Container Styles */
.main-section-blog {
padding:0!important;
}
.main-section-blog .blog-container {
padding:0 30px;
}
@media (min-width: 1600px) {
.main-section-blog .blog-container {
padding: 20px 70px 0 150px;
}
.main-section-blog .img-fluid {
max-width: 85%;
height: 550px;
object-fit: cover;
}
}
/* Slider Item Link */
.main-section-blog .urunler-item a {
text-decoration: none;
}
.main-section-blog .urunler-item a:hover {
text-decoration: none;
}
/* Slider Wrapper */
.main-section-blog .urunler-slider-wrapper {
margin-top: 30px; /* Slider'ın yukarıdan boşluğu */
}
/* Sol ve Sağ Kolon Arka Plan Renkleri */
.main-section-blog .col-md-6:first-child {
background-color: #333;
background-attachment: fixed;
}
.main-section-blog .col-md-6:last-child {
background-color: #1a1a1a;
background-attachment: fixed;
}
/* Eşit Yükseklik ve Boşluklar */
.main-section-blog .equal-height-row {
display: flex;
flex-wrap: wrap;
}
.main-section-blog .equal-height-row > [class*='col-'] {
display: flex;
flex-direction: column;
}
.main-section-blog .pt-4 {
padding-top: 1.5rem;
}
.main-section-blog .pb-4 {
padding-bottom: 1.5rem;
}
.main-section-blog .pt-5 {
padding-top: 3rem;
}
/* Blog Slider Controls */
.blog-slider-wrapper{
margin-top:150px;
}
@media screen and (max-width:769px) {
.blog-slider-wrapper {
margin-top: 0;
}
}
/* Wrapper */
.slider-controls-wrapper {
width: 70%;
margin: 30px 0;
padding:0 15px;
}
@media screen and (max-width:768px){
.slider-controls-wrapper{
width:100%;
}
}
.blog-slider-wrapper p {
font-size:17px;
}
/* Ana satır */
.slider-controls-inner {
display: flex;
align-items: center;
gap: 24px; /* progress ile oklar arası boşluk */
}
/* Progress alanı */
.slider-progress-area {
flex: 1; /* kalan alanı kaplasın */
}
.slider-progress {
width: 100%;
height: 2px;
background: #d0d0d0;
position: relative;
}
.slider-progress-fill {
height: 100%;
width: 0%;
background: #ffc20e;
transition: width 0.3s ease;
}
/* Oklar */
.slider-buttons-area {
display: flex;
flex-shrink: 0;
}
.slider-btn {
width: 42px;
height: 42px;
border: none;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
}
.breadcrumb {
display: flex;
flex-wrap: wrap;
list-style: none;
border-radius: 0.25rem;
font-size: 16px;
background: 0 0;
margin: 0;
padding: 0;
position: relative;
z-index: 1;
}
.breadcrumb>li {
display: inline-block;
font-size: .8em;
text-transform: uppercase;
text-shadow: none;
}
.breadcrumb-item + .breadcrumb-item {
padding-left: 0.5rem;
}
.breadcrumb-item + .breadcrumb-item::before {
display: inline-block;
padding-right: 0.5rem;
color: #6c757d;
content: "/";
}
.breadcrumb-item a {
text-decoration: none;
color: #767676;
transition: color 0.15s ease-in-out;
}
.breadcrumb-item a:hover {
color: #9c9c9c;
text-decoration: underline;
}
.breadcrumb-item.active {
color: #242424;
}
@media (max-width: 768px) {
.breadcrumb-item:not(:first-child):not(:last-child) {
display: none;
}
.breadcrumb-item:not(:first-child)::before {
content: " / ... / ";
}
}
#benzer-urunler{
background-color: #333 !important;
}
/* Benzer ürünler başlık stilleri */
#benzer-urunler .text-white.fw-bold {
text-decoration: none !important; /* Alt çizgiyi kaldır */
}
#benzer-urunler .urunler-item:hover p {
color: #ffc20e !important; /* Sarımsı renk */
text-decoration: none !important; /* Hover durumunda da alt çizgi olmasın */
}
#benzer-urunler .urunler-item:hover a {
text-decoration: none !important; /* Hover durumunda da alt çizgi olmasın */
}
/* Elite tablo stilleri */
/* ==========================================================
CUSTOM TABLE WRAPPER – GLOBAL KORUMA
========================================================== */
.custom-table-wrapper {
width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}
/* ==========================================================
TABLO GENEL
========================================================== */
.custom-table-wrapper table.standardized-table {
width: 100%;
min-width: 600px; /* mobilde kaydırma için */
border-collapse: collapse;
border-spacing: 0;
background-color: #fff;
font-size: 14px;
line-height: 1.5;
}
/* ==========================================================
THEAD
========================================================== */
.custom-table-wrapper table.standardized-table thead {
background-color: #f5f6f8;
}
.custom-table-wrapper table.standardized-table thead th {
padding: 10px 8px;
font-weight: 600;
color: #222;
text-align: center;
border: 1px solid #e1e1e1;
white-space: nowrap;
}
/* ==========================================================
TBODY
========================================================== */
.custom-table-wrapper table.standardized-table tbody td {
padding: 9px 8px;
border: 1px solid #e6e6e6;
text-align: center;
vertical-align: middle;
color: #333;
}
/* İlk kolon (başlık gibi kullanılıyorsa) */
.custom-table-wrapper table.standardized-table tbody td:first-child {
text-align: left;
font-weight: 500;
background-color: #fafafa;
}
/* ==========================================================
SATIR ZEBRA
========================================================== */
.custom-table-wrapper table.standardized-table tbody tr:nth-child(even) {
background-color: #fcfcfc;
}
/* Hover efekti */
.custom-table-wrapper table.standardized-table tbody tr:hover {
background-color: #f1f4f8;
}
/* ==========================================================
MOBİL OPTİMİZASYON
========================================================== */
@media (max-width: 768px) {
.custom-table-wrapper table.standardized-table {
font-size: 13px;
}
.custom-table-wrapper table.standardized-table th,
.custom-table-wrapper table.standardized-table td {
padding: 8px 6px;
}
}
/* ==========================================================
İÇERİK KORUMA (Panelden gelen HTML)
========================================================== */
.custom-table-wrapper table.standardized-table td * {
max-width: 100%;
word-break: break-word;
}
.custom-table-wrapper table.standardized-table img {
max-width: 100%;
height: auto;
display: inline-block;
}
/* ==========================================================
LINK / STRONG / SMALL vs bozulmasın
========================================================== */
.custom-table-wrapper table.standardized-table a {
color: inherit;
text-decoration: underline;
}
.custom-table-wrapper table.standardized-table strong {
font-weight: 600;
}
.custom-table-wrapper table.standardized-table th:first-child,
.custom-table-wrapper table.standardized-table td:first-child {
position: sticky;
left: 0;
width: 160px;
min-width: 160px;
max-width: 160px;
background-color: #fff;
z-index: 2;
}
.custom-table-wrapper table.standardized-table thead th:first-child {
z-index: 3;
background-color: #f5f6f8;
}
.section-sertifikalar{
}
.sertifikalar-slider-container {
position: relative;
padding-bottom: 40px;
}
.swiper-pagination {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
}
.sertifikalar-slider-container .swiper-pagination-bullet{
width: 17px;
height: 4px;
border-radius: 0!important;
opacity:1;
background:#ccc;
}
.sertifikalar-slider-container .swiper-pagination-bullet-active{
background:#ffc20e;
}
.section-sertifikalar {
position: relative;
overflow: visible;
}
/* viewport wrapper: full width alan sağlasın */
.sertifikalar-viewport {
position: relative;
width: 100%;
overflow: visible; /* drag ekran dışına taşsın */
}
/* slider'ı full width yapıyoruz; margin-left dinamik JS ile set edilecek */
.sertifikalar-slider {
box-sizing: border-box;
width: 100vw; /* viewport genişliği */
max-width: 100vw;
/* margin-left: will be set by JS to negative value matching container left offset */
}
.urunler-slider-wrapper .urunler-title-row p{
font-size: 17px;
}
.glass-effect {
background: rgba(255, 255, 255, 0.95);
backdrop-filter: blur(10px);
}
/* Popup Overlay */
#mainPopupOverlay {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.7);
z-index: 1050;
overflow: hidden;
backdrop-filter: blur(5px);
}
#mainPopupOverlay.show {
display: block;
}
/* Modal */
#mainPopupOverlay .glass-effect {
background: rgba(255, 255, 255, 0.95);
border-radius:14px;
box-shadow:
0 25px 50px -12px rgba(0, 0, 0, 0.25),
0 0 0 1px rgba(0, 0, 0, 0.05),
0 0 30px 10px rgba(0, 0, 0, 0.1);
margin: 1.5rem auto;
max-width: 600px;
position: relative;
overflow: hidden;
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
}
/* Close Button */
#mainPopupOverlay #closePopup {
position: absolute;
top: 1rem; /* 16px */
right: 1rem; /* 16px */
z-index: 50;
transition: all 0.3s ease;
border-radius: 100%; /* Circular button */
width: 33px; /* 40px */
height: 33px; /* 40px */
display: flex;
align-items: center;
box-shadow:none;
outline:none;
border:none;
justify-content: center;
background-color: rgba(255, 255, 255, 0.8);
}
#mainPopupOverlay #closePopup:hover {
background-color: rgba(255, 255, 255, 0.9);
}
/* Slider Items */
#mainPopupOverlay #popupSlider {
position: relative;
overflow: hidden;
display: flex;
align-items: center;
justify-content: center;
}
#mainPopupOverlay #popupSlider .swiper-slide {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
width: 100%;
text-align: center;
}
#mainPopupOverlay #popupSlider .swiper-slide .relative {
width: 100%;
height: 250px;
border-radius: 0;
overflow: hidden;
margin-bottom: 1.5rem;
}
#mainPopupOverlay #popupSlider .swiper-slide img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 0;
transition: transform 0.5s ease;
}
#mainPopupOverlay #popupSlider .swiper-slide img:hover {
transform: scale(1.05);
}
/* Responsive Heights */
@media (min-width: 768px) {
#mainPopupOverlay #popupSlider .swiper-slide .relative {
height: 16rem; /* 256px */
border-radius: 0;
}
}
@media (min-width: 1024px) {
#mainPopupOverlay #popupSlider .swiper-slide .relative {
height: 18rem; /* 288px */
border-radius: 0;
}
}
/* Slide Text */
#mainPopupOverlay #popupSlider .swiper-slide h2 {
font-size: 1.875rem; /* 3xl */
font-weight: 300;
margin-bottom: 0.75rem;
color: #1e293b; /* slate-800 */
text-align: center;
line-height: 1.2;
letter-spacing: 0.48px;
font-family: 'Ubuntu';
}
#mainPopupOverlay #popupSlider .swiper-slide p {
color: #475569; /* slate-600 */
font-size: 1rem;
line-height: 1.6;
margin-bottom: 1.5rem;
text-align: center;
width:100%;
padding: 0 30px;
}
#mainPopupOverlay #popupSlider .swiper-slide a:active {
transform: translateY(-1px);
}
.bar-container-outer{
padding:30px 30px;
}
/* Progress Bar */
#mainPopupOverlay .progress-container {
width: 100%;
height: 0.25rem; /* 4px */
background-color: #e2e8f0; /* gray-300 */
border-radius: 0.125rem; /* 2px */
overflow: hidden;
margin-bottom: 1rem;
}
#mainPopupOverlay #popupProgressBar {
height: 100%;
background-color: #ffc20e; /* indigo-600 */
width: 0%;
transition: width 5s linear; /* Match autoplay delay */
}
/* Dot Navigation */
#mainPopupOverlay #dotNavigation {
display: flex;
justify-content: center;
gap: 0.1rem; /* 8px */
}
#mainPopupOverlay #dotNavigation .swiper-pagination-bullet {
width: 0.5rem;
height: 0.5rem; /* 12px */
border-radius: 50%;
background-color: #cbd5e1; /* slate-300 */
opacity: 1;
transition: all 0.3s ease;
}
#mainPopupOverlay #dotNavigation .swiper-pagination-bullet-active {
width: 1.5rem;
background-color:#ffc20e;
border-radius: 999px; /* 999px */
}
@media screen and (max-width:768px){
#mainPopupOverlay{
padding:30px;
}
#mainPopupOverlay #popupSlider .swiper-slide h2{
font-size:25px;
}
.kurumsal-section .kurumsalanabaslik {
font-size: 19px;
}
.kurumsal-section .kurumsalh2{
font-size: 33px;
line-height: 34px;
}
}
/* Responsive font-size: 33px;
line-height: 34px;*/
@media (min-width: 769px) {
#mainPopupOverlay .slide-item h2 {
font-size: 2rem;
}
#mainPopupOverlay .slide-item p {
font-size: 0.95rem;
}
}
@media (min-width: 1024px) {
#mainPopupOverlay .glass-effect {
max-width: 700px;
}
}
.bg-extra-hero{
background-color: #333333 !important;
}
.bg-extra-hero h2{
color:#fff;
}
.bg-extra-hero .action-block-content p{
color:#fff;
}
.bg-extra-hero .btn-outline-secondary {
color: #ededed;
border-color: #ededed;
}
.blur-up {
filter: blur(14px);
transform: scale(1.03);
transition: filter .35s ease, transform .35s ease;
}
.blur-up.lazyloaded {
filter: blur(0);
transform: scale(1);
}