/*
Theme Name: Monster Arms
Theme URI: https://multimediaajans.com
Author: Multimedia Ajans
Author URI: https://multimediaajans.com
Version: MultiSite
*/


html { overflow-x:hidden; scroll-behavior: smooth; }
body { margin:0; padding:0; background:#0F0F0F; font-family: 'Poppins', sans-serif;}

h1, h2, h3, h4, h5, ul, ol, img, a, p { margin:0; padding:0; list-style:none; text-decoration:none;border:none; outline:none; font-family: "DM Sans";}
a { transition: all .2s linear; }
/*net fotolar*/

img {image-rendering: -webkit-optimize-contrast !important;}


.header {display:flex;z-index: 5;width: 100%;z-index: 2;color: #ffffff;position: absolute;display: flex;flex-direction: row;justify-content: center;align-items: center;background: linear-gradient(180deg, rgba(11, 11, 11, 0.00) 52.9%, #0B0B0B 100%), url(/wp-content/uploads/2026/01/footer-back.jpg) lightgray 50% / cover no-repeat;height: 5vw;gap: 3vw;border-top: 0.4vw solid #000;}
.hamburger-menu {display:none;}
.header .header-middle img {width: 11vw;}
.header .header-left img.home-icon {width: 1vw;margin-right: .5vw;}
.header-right {display: flex;align-items: center;gap: 4vw;}
.header-left {display: flex;align-items: center;gap: 4.6vw;}
.sosyal {display: flex;flex-direction: row;padding-top: 0.1vw;align-items: center;justify-content: center;}
.sosyal a{display: flex;width: 2.1vw;height: 2.1vw;font-size: 1.7vw;padding-right: 0.6vw;float: left;color:#000;}
.sosyal a:last-child{margin-right:0;}
.sosyal a:hover{color:#f19a3f}
#menu  {width: 100%;height: 100%;cursor: pointer;display: flex;justify-content: center;align-items: center;}
.navbar {height: 100%;}
.menu-item {float: left;position: relative;font-size: 1vw;font-weight: 700;transition: 0.6s all;width: auto;text-align: center;list-style: none;height: 3vw;}
.menu-item a {color: #000;font-size: 1vw;font-style: normal;font-weight: 500;line-height: 100%;height: 100%;display: block;color: #ffffff;transition: 0.2s;display: flex;align-items: center;justify-content: center;}
.menu-item a:hover {color: #5db12f;transition: 0.2s;}
.menu-item a > img {width: 8vw;}
.dropdown {display: flex;gap: 0.7vw;width: 11vw;height: auto;padding: 1vw;background-color: #5db12f;opacity: 0;visibility: hidden;transition-delay: 0.2s;z-index: 6;margin-left: -4.5vw;transition: all .3s linear;align-items: flex-start;justify-content: center;flex-direction: column;position: absolute;border-radius: 1vw;}
.dropdown>.menu-item {text-align: center;font-size: 0.9vw;height: auto;width: 100%;font-weight: 500;}
.dropdown>.menu-item a{color: #fff;}
.dropdown>.menu-item:hover>a{color:#1a1b1f !important;}
.menu-item:hover>.dropdown{opacity:1;visibility:visible;}
li.menu-item.catalog {border-radius: 0.5vw;background: linear-gradient(265deg, #000 0.13%, #666 99.87%);padding: 0.5vw 1.5vw;height: 1vw;}
li.menu-item.catalog span {color: #fff;}
a.en {border-bottom: 0.1vw solid #8f8f8f57;}

.anasayfa-alan-1 {height: 57vw;background: #fff;clip-path: polygon(0 0, 100% 0, 100% 100%, 52% 100%, 44% 90%, 0 90%);display: flex;flex-direction: row;align-items: center;justify-content: center;gap: 6vw;}
.anasayfa-alan-1 .alan-1-left {display: flex;align-items: center;justify-content: flex-end;}
.anasayfa-alan-1 .alan-1-left video {width: 26vw;border-radius: 2vw;height: 39vw;object-fit: cover;}
.anasayfa-alan-1 .alan-1-left img {position: absolute;left: -12.5vw;top: 12vw;transform: rotate(348deg);}
.anasayfa-alan-1 .alan-1-left span {color: #000;text-align: center;font-family: "DM Sans";font-size: 1.5vw;font-weight: 400;line-height: 1;writing-mode: vertical-rl;text-orientation: upright;margin-top: 25vw;margin-left: 0.5vw;}
.anasayfa-alan-1 .alan-1-right {display: flex;flex-direction: column;align-items: flex-end;width: 40%;gap: 3vw;}
.anasayfa-alan-1 .alan-1-right h1 {width: 37vw;color: #000;text-align: right;font-family: "DM Sans";font-size: 3.7vw;font-style: normal;font-weight: 300;line-height: normal;text-transform: uppercase;}
.anasayfa-alan-1 .alan-1-right .alan-1-buttons a:nth-child(1) {transition:all 0.5s ease;display: inline-flex;padding: 0.7vw 2vw;justify-content: center;align-items: center;gap: 0.5vw;border-radius: 0.3vw;background: #000;color: #FFF;text-align: center;font-family: "DM Sans";font-size: 0.7vw;font-style: normal;font-weight: 500;line-height: 100%;}
.anasayfa-alan-1 .alan-1-right .alan-1-buttons a:nth-child(1):hover {background: #5db12f;}
.anasayfa-alan-1 .alan-1-right .alan-1-buttons a:nth-child(2) {color: #000000;text-align: center;font-family: "DM Sans";font-size: 0.7vw;font-style: normal;font-weight: 500;line-height: 100%;}
.anasayfa-alan-1 .alan-1-right .alan-1-buttons {display: flex;align-items: center;gap: 2vw;}
.anasayfa-alan-1 .alan-1-right .alan-1-box {display: flex;align-items: center;padding: 1vw 2vw;gap: 1vw;border-radius: 0.5vw;border: 1px solid rgba(0, 0, 0, 0.29);background: rgba(163, 163, 163, 0.10);backdrop-filter: blur(6.550000190734863px);width: 25vw;height: 5vw;margin-top: 4vw;}
.anasayfa-alan-1 .alan-1-right .alan-1-box .box-icon {width: 14vw;height: 4vw;border-radius: 5vw;display: flex;border: 2px solid rgba(0, 0, 0, 0.22);align-items: center;justify-content: center;}
.anasayfa-alan-1 .alan-1-back {position: absolute;margin-top: 21vw;z-index: -1;}
.anasayfa-alan-1 .elips {position: absolute;top: 4.5vw;right: 10vw;}

.anasayfa-alan-2 {height: 47vw;display: flex;align-items: center;justify-content: center;gap: 11vw;}
.anasayfa-alan-2 .alan-2-left {background: url(/wp-content/uploads/2026/01/alan2-img.jpg);background-size: cover;background-repeat: no-repeat;width: 29vw;height: 36vw;border-radius: 2vw;display: flex;align-items: flex-end;justify-content: center;padding: 2vw;}
.anasayfa-alan-2 .alan-2-left .alan-2-img {border-radius: 2vw;border: 1px solid #FFF;background: linear-gradient(rgba(0, 0, 0, 0.6), rgb(0 0 0 / 44%)), url(/wp-content/uploads/2026/01/alan2-img-2.jpg) lightgray 50% / cover no-repeat;box-shadow: 4px 10px 23.2px -6px rgba(0, 0, 0, 0.75);width: 28vw;height: 10vw;display: flex;align-items: center;gap: 1vw;justify-content: center;}
.anasayfa-alan-2 .alan-2-left .alan-2-img span {color: #FFF;text-align: center;font-family: "DM Sans";font-size: .8vw;font-style: normal;font-weight: 400;line-height: 100%;}
.anasayfa-alan-2 .alan-2-right {display: flex;flex-direction: column;align-items: flex-start;gap: 2vw;width: 29vw;}
.anasayfa-alan-2 .alan-2-right h3 {color: #FFF;font-family: "DM Sans";font-size: 4vw;font-style: normal;font-weight: 300;line-height: normal;text-transform: uppercase;width: 26.24269rem;}
.anasayfa-alan-2 .alan-2-right span {color: #FFF;font-family: "DM Sans";font-size: 1rem;font-style: normal;font-weight: 300;line-height: 1.875rem;letter-spacing: 0.47rem;text-transform: uppercase;}
.anasayfa-alan-2 .alan-2-right .tag span {color: #FFF;font-family: "DM Sans";font-size: 0.7vw;font-style: normal;font-weight: 300;line-height: normal;letter-spacing: 0.1vw;border-radius: 6.25rem;border: 1px solid rgba(255, 255, 255, 0.33);padding: 0.5vw 0.7vw;}
.anasayfa-alan-2 .alan-2-right .tag {display: flex;flex-direction: row;align-items: center;gap: 1vw;}
.anasayfa-alan-2 .alan-2-right p {color: rgba(255, 255, 255, 0.63);font-family: "DM Sans";font-size: 0.9vw;font-style: normal;font-weight: 300;line-height: 1.2vw;}
.anasayfa-alan-2 .alan-2-right a {transition:all .5s ease;color: #FFF;text-align: center;font-family: "DM Sans";font-size: 1rem;font-style: normal;font-weight: 400;line-height: 100%;border-radius: 0.5rem;background: rgba(255, 255, 255, 0.14);padding: 1vw 1.3vw;}
.anasayfa-alan-2 .alan-2-right a:hover {background: #5db12f;}

.anasayfa-alan-3 {height: 42vw;display: flex;gap: 4vw;width: 100%;max-width: 74vw;margin: 0 auto;flex-direction: column;margin-top: 5vw;}
.anasayfa-alan-3 .alan-3-top h1 {color: #FFF;font-family: "DM Sans";font-size: 4.3vw;font-style: normal;font-weight: 300;line-height: normal;text-transform: uppercase;width: 58vw;}
.anasayfa-alan-3 .alan-3-bottom {display: flex;align-items: center;justify-content: space-between;gap: 2vw;}
.anasayfa-alan-3 .alan-3-bottom .alan-3-left {display: flex;flex-direction: column;gap: 1.5vw;cursor: pointer;}
.anasayfa-alan-3 .alan-3-bottom .alan-3-left a.activeTab {color: #FFF;font-family: "DM Sans";font-size: 1vw;font-style: normal;font-weight: 400;line-height: 1.4vw;opacity: 1;}
.anasayfa-alan-3 .alan-3-bottom .alan-3-left a {color: #FFF;font-family: "DM Sans";font-size: 1vw;font-style: normal;font-weight: 400;line-height: 1.4vw;opacity: 0.5;transition: opacity 0.3s ease;}
.anasayfa-alan-3 .alan-3-bottom .alan-3-left a:hover {opacity: 1;}
/* Aşağıdaki satıra transition eklendi, böylece resim yumuşak değişir */
.anasayfa-alan-3 .alan-3-middle {display: flex;width: 225vw;height: 20vw;justify-content: center;align-items: center;background-image: url(/wp-content/uploads/2026/01/alan-2-img-2.jpg);background-size: cover;background-position: center;background-repeat: no-repeat;border-radius: 2vw;transition: background-image 0.5s ease-in-out;}
.anasayfa-alan-3 .alan-3-right {display: flex;flex-direction: column;align-items: flex-start;gap: 1.5vw;}
.anasayfa-alan-3 .alan-3-right h5 {color: #FFF;font-family: "DM Sans";font-size: 2vw;font-style: normal;font-weight: 400;line-height: 3vw;}
.anasayfa-alan-3 .alan-3-right p {color: rgba(255, 255, 255, 0.48);font-family: "DM Sans";font-size: 0.9vw;font-style: normal;font-weight: 400;line-height: 1.5vw;}
.anasayfa-alan-3 .alan-3-right a {color: #FFF;font-family: "DM Sans";font-size: 1vw;font-style: normal;font-weight: 500;line-height: 1.8vw;}


.anasayfa-alan-4 {width: 100%;max-width: 74vw;margin: 0 auto;display: flex;flex-direction: column;gap: 5vw;}
.anasayfa-alan-4 .alan-4-top {display: flex;flex-direction: row;justify-content: space-between;align-items: center;}
.anasayfa-alan-4 .alan-4-top h2 {color: #FFF;font-family: "DM Sans";font-size: 4.5vw;font-style: normal;font-weight: 200;line-height: 6vw;width: 80vw;}
.anasayfa-alan-4 .alan-4-top p {color: rgba(255, 255, 255, 0.63);font-family: "DM Sans";font-size: 1vw;font-style: normal;font-weight: 400;line-height: 1.5vw;width: 37vw;}s
.anasayfa-alan-4 .alan-4-bottom {display: flex;align-items: flex-start;gap: 3vw;justify-content: space-between;}
.anasayfa-alan-4 .alan-4-bottom .alan4-box {display: flex;width: 25vw;height: 27vw;padding: 2vw 0.7vw 0;flex-direction: column;justify-content: center;align-items: center;gap: 2.5vw;border-radius: 1vw;border-top: 0.5px solid #ffffffb5;background: linear-gradient(180deg, rgba(255, 255, 255, 0.02) 0%, rgba(255, 255, 255, 0.00) 100%);backdrop-filter: blur(1vw);}
.anasayfa-alan-4 .alan-4-bottom .alan4-box h3 {color: #FFF;text-align: center;font-family: "DM Sans";font-size: 1.5vw;font-style: normal;font-weight: 500;line-height: 2vw;width: 17vw;}
.anasayfa-alan-4 .alan-4-bottom .alan4-box p {color: rgba(255, 255, 255, 0.63);text-align: center;font-family: "DM Sans";font-size: .8vw;font-style: normal;font-weight: 400;line-height: 1vw;width: 16vw;}
.anasayfa-alan-4 .alan-4-bottom .alan4-box .img {width: 18vw;height: 5vw;filter: brightness(0) invert(1);background-size: contain !important;background-repeat: no-repeat !important;background-position: center !important;}
.anasayfa-alan-4 .alan-4-bottom .alan4-box a {transition:all 0.5s ease;display: flex;align-items: center;gap: 4vw;border-radius: 1.5625rem;border: 1px solid rgba(255, 255, 255, 0.50);width: 22vw;height: 4vw;justify-content: center;margin-top: 2vw;color: #ffff;}
.anasayfa-alan-4 .alan-4-bottom .alan4-box a:hover {background: #5db12f;color: #ffffff;border: 1px solid #ffffff;}
.anasayfa-alan-4 .alan-4-bottom {display: flex;gap: 2vw;align-items: flex-start;}
.anasayfa-alan-4 .alan4-box.box-2 {margin-top: 3vw;}
.anasayfa-alan-4 .alan4-box.box-3 {margin-top: 6vw;}
.anasayfa-alan-4 .alan4-back {position: absolute;z-index: -1;margin-top: 24vw;margin-left: -13vw;}

.anasayfa-alan-4-2 {width: 100%;max-width: 74vw;margin: 0 auto;display: flex;flex-direction: column;gap: 5vw;}
.anasayfa-alan-4-2 .alan-4-bottom {display: flex;align-items: flex-start;gap: 3vw;justify-content: space-between;}
.anasayfa-alan-4-2 .alan-4-bottom .alan4-box {display: flex;width: 25vw;height: 27vw;padding: 2vw 0.7vw 0;flex-direction: column;justify-content: center;align-items: center;gap: 2.5vw;border-radius: 1vw;border-top: 0.5px solid #ffffffb5;background: linear-gradient(180deg, rgba(255, 255, 255, 0.02) 0%, rgba(255, 255, 255, 0.00) 100%);backdrop-filter: blur(1vw);}
.anasayfa-alan-4-2 .alan-4-bottom .alan4-box h3 {color: #FFF;text-align: center;font-family: "DM Sans";font-size: 1.5vw;font-style: normal;font-weight: 500;line-height: 2vw;width: 17vw;}
.anasayfa-alan-4-2 .alan-4-bottom .alan4-box p {color: rgba(255, 255, 255, 0.63);text-align: center;font-family: "DM Sans";font-size: .8vw;font-style: normal;font-weight: 400;line-height: 1vw;width: 16vw;}
.anasayfa-alan-4-2 .alan-4-bottom .alan4-box .img {width: 18vw;height: 5vw;filter: brightness(0) invert(1);background-size: contain !important;background-repeat: no-repeat !important;background-position: center !important;}
.anasayfa-alan-4-2 .alan-4-bottom .alan4-box a {transition:all 0.5s ease;display: flex;align-items: center;gap: 4vw;border-radius: 1.5625rem;border: 1px solid rgba(255, 255, 255, 0.50);width: 22vw;height: 4vw;justify-content: center;margin-top: 2vw;color: #ffff;}
.anasayfa-alan-4-2 .alan-4-bottom .alan4-box a:hover {background: #5db12f;color: #ffffff;border: 1px solid #ffffff;}
.anasayfa-alan-4-2 .alan-4-bottom {display: flex;gap: 2vw;align-items: flex-start;}
.anasayfa-alan-4-2 .alan4-box.box-2 {margin-top: 3vw;}
.anasayfa-alan-4-2 .alan4-box.box-3 {margin-top: 6vw;}
.anasayfa-alan-4-2 .alan4-back {position: absolute;z-index: -1;margin-top: 9vw;margin-left: -13vw;}

.anasayfa-alan-5 {max-width: 74vw;width: 100%;margin: 6vw auto;height: 30vw;display: flex;align-items: flex-end;}
.anasayfa-alan-5 video {position: absolute;width: 74vw;height: 30vw;object-fit: cover;border-radius: 2vw;z-index: 0;}
.anasayfa-alan-5 a {display: flex;z-index: 1;position: relative;color: #FFF;text-align: center;font-family: "DM Sans";font-size: 1.5vw;font-style: normal;font-weight: 500;line-height: 2.5vw;margin: 0 0 1.5vw 4vw;}

.hero-section {background-color: #ffffff;height: 10vw;display: flex;align-items: flex-end;justify-content: center;padding-top: 4vw;padding-bottom: 5vw;box-shadow: 0vw 0vw 3vw #00000026;}
.hero-content {max-width: 120vw;margin: 0 auto;display: flex;align-items: center;flex-direction: column;justify-content: flex-end;}
.hero-label {font-size: 1.2vw;color: #888;letter-spacing: 0.1vw;display: block;margin-bottom: 0vw;}
.hero-title {font-size: 3.5vw;font-weight: 700;letter-spacing: 0.1vw;color: #000000;}
.hero-section .elips {position: absolute;margin-bottom: -1vw;margin-right: 4vw;}
.hero-content img {width: 3.5vw;object-fit: cover;}

.about-container { width: 100%; max-width: 100vw; }
.about-container .story-section {max-width: 74vw;width: 100%;margin: 5vw auto;}
.about-container .story-wrapper {max-width: 120vw;margin: 0 auto;display: grid;grid-template-columns: 1fr 1fr;gap: 4vw;align-items: center;}
.about-container .story-image { width: 100%; height: 28vw; }
.about-container .story-image .image-placeholder {width: 100%;height: 100%;background: url(/wp-content/uploads/2026/01/monster-arms-1.jpg);background-size: 44vw;background-position: center;border-radius: 1vw;border: 0.1vw solid #333;transition: all 0.5s ease;}
.about-container .image-placeholder:hover {background: url(/wp-content/uploads/2026/01/monster-arms-1.jpg);background-size: 50vw;background-position: center;}
.about-container .story-content { display: flex; flex-direction: column; gap: 2vw; }
.about-container .value-buttons { display: flex; gap: 1vw; margin-bottom: 1vw; flex-wrap: wrap; }
.about-container .value-btn {padding: 0.8vw 1.5vw;color: #000000;border: 0.1vw solid #333;border-radius: 2.3vw;font-size: 0.9vw;font-weight: 500;letter-spacing: 0.05vw;transition: all 0.3s ease;}
.about-container .story-text {font-size: 1.1vw;color: #424242;line-height: 1.7;}
.about-container .learn-btn {display: inline-block;padding: 1vw 2.5vw;background-color: #000;color: #fff;text-decoration: none;font-size: 0.9vw;font-weight: 500;letter-spacing: 0.05vw;border-radius: 3.3vw;border: 0.1vw solid #333;transition: all 0.3s ease;width: fit-content;margin-top: 1vw;}
.about-container .learn-btn:hover {background-color: #5db12f;border-color: #444;}
.about-container .mission-section {width: 100%;max-width: 74vw;margin: 6vw auto;display: flex;gap: 2vw;flex-direction: column;}
.about-container .mission-content {max-width: 120vw;margin: 0 auto;display: grid;grid-template-columns: 1fr 1fr;gap: 4vw;align-items: center;}
.about-container .mission-image {height: 28vw;width: 100%;transition:all 0.5s ease;background: url(/wp-content/uploads/2026/01/monster-arms-2.jpg);background-size: cover;background-position: center;background-repeat: no-repeat;border-radius: 1vw;filter: grayscale(1);border: 0.1vw solid #333;}
.about-container .mission-image:hover {filter: grayscale(0);}
.about-container .section-title {font-size: 3.5vw;font-weight: 700;letter-spacing: 0.1vw;color: #000000;margin-bottom: 2vw;}
.about-container .feature-list { list-style: none; margin-bottom: 2vw; }
.about-container .feature-list li { font-size: 1.1vw; color: #fff; margin-bottom: 1vw; padding-left: 1.5vw; position: relative; }
.about-container .feature-list li::before { content: '•'; position: absolute; left: 0; color: #fff; }
.about-container .section-title {font-size: 3vw;font-weight: 700;letter-spacing: 0.1vw;color: #000000;}
.about-container .mission-text { font-size: 1.1vw; color: #ccc; line-height: 1.7; }
.about-container .explore-btn { display: inline-block; padding: 1vw 2.5vw; background-color: #000; color: #fff; text-decoration: none; font-size: 0.9vw; font-weight: 500; letter-spacing: 0.05vw; border-radius: 0.3vw; border: 0.1vw solid #333; transition: all 0.3s ease; }
.about-container .explore-btn:hover { background-color: #1a1a1a; border-color: #444; }
@media (max-width: 768px) { .hero-title { font-size: 8vw; } .hero-label { font-size: 2.5vw; } .section-title { font-size: 6vw; } .story-wrapper, .mission-content { grid-template-columns: 1fr; gap: 3vw; } .story-text, .mission-text, .expertise-text { font-size: 3.5vw; } .mission-subtitle { font-size: 4vw; } .value-btn, .learn-btn, .explore-btn { font-size: 2.5vw; padding: 2vw 3vw; } .feature-list li { font-size: 3.5vw; } .story-image, .mission-image { height: 50vw; } }


.products { width: 100%; }
.urunler-baslik { max-width: 120vw; margin: 0 auto 5vw; border-bottom: 0.1vw solid #333; padding-bottom: 2vw; }
.urunler-baslik h1 { font-size: 3vw; font-weight: 700; letter-spacing: 0.15vw; color: #fff; text-transform: uppercase; }
.urunler {max-width: 74vw;margin: 6vw auto;display: grid;grid-template-columns: repeat(auto-fill, minmax(30vw, 1fr));gap: 3vw;}
.urunsayfa-tufek-kutu {display: block;text-decoration: none;color: #fff;background-color: transparent;border: 0.1vw solid #ffffff45;border-radius: 0.5vw;overflow: hidden;transition: all 0.5s ease;position: relative;display: flex;align-items: center;padding: 1vw 2vw;gap: 1vw;border-radius: 0.5vw;border: 1px solid rgba(0, 0, 0, 0.29);background: rgba(163, 163, 163, 0.10);backdrop-filter: blur(6.550000190734863px);flex-direction: column;}
.urunsayfa-tufek-kutu:hover {border-color: #5db12f;}
.urunsayfa-tufek-kutu img {width: 100%;height: 10vw;object-fit: cover;display: block;transition: transform 0.4s ease;}
.urunsayfa-tufek-kutu img.monster-icon {transition: all 0.5s ease;position: absolute;width: 2vw;height: 2vw;object-fit: contain;top: .5vw;right: .5vw;transform: rotateY(0deg);}
.urunsayfa-tufek-kutu h3 {transition: all .5s ease;font-size: 1.1vw;font-weight: 600;letter-spacing: 0.1vw;padding: 1vw;text-align: center;color: #000000;position: relative;z-index: 2;border-top: 0.1vw solid #00000036;text-transform: uppercase;width: 100%;}
.urunsayfa-tufek-kutu:hover h3 {border-top: 0.1vw solid #5db12f8c;}
.urunsayfa-tufek-kutu:hover img.monster-icon {transform: rotateY(180deg);}

.ma-product-wrapper {display: flex;gap: 4vw;max-width: 74vw;box-sizing: border-box;align-items: start;flex-direction: column;margin: 6vw auto;}
.ma-gallery { position: relative; width: 100%; border-radius: 1vw; overflow: hidden; background: #fff; box-shadow: 0 1vw 3vw rgba(0,0,0,0.05); cursor: crosshair; /* Mouse imlecini değiştirir */ }
.ma-gallery img { width: 100%; height: auto; display: block; object-fit: contain; }
.ma-content {display: flex;flex-direction: column;width: 100%;}
.ma-title { font-size: 3.5vw; line-height: 1.1; margin: 0 0 2vw 0; color: #222; font-weight: 900; text-transform: uppercase; }
.ma-section-title { font-size: 1.2vw; border-bottom: 0.1vw solid #ddd; padding-bottom: 0.5vw; margin-bottom: 1.5vw; color: #555; text-transform: uppercase; letter-spacing: 0.05vw; }
.ma-specs-grid {display: grid;grid-template-columns: repeat(3, 1fr);gap: 1.5vw;background: #fff;padding: 2vw;border-radius: 1vw;box-shadow: 0 0.5vw 2vw rgba(0,0,0,0.03);}
.ma-spec-item {display: flex;flex-direction: column;padding: 1vw;background: #f9f9f9;border-left: 0.3vw solid #5db12f;transition: all 0.3s ease;min-width: 14vw;border-radius: 0.5vw;}
.ma-spec-item:hover {background: #eee;border-left-color: #222222;transform: translateX(0.5vw);}
.ma-spec-label { font-size: 0.8vw; color: #888; text-transform: uppercase; letter-spacing: 0.05vw; margin-bottom: 0.4vw; font-weight: 600; }
.ma-spec-value { font-size: 1.1vw; color: #111; font-weight: 700; margin: 0; }
.ma-product-wrapper video.single-video {width: 100%;height: 20vw;object-fit: cover;border-radius: 2vw;margin-top: 6vw;box-shadow: 0.5vw 0.5vw 1vw #00000026;}
.zoom-lens {position: absolute;width: 12vw; /* Merceğin genişliği */height: 12vw; /* Merceğin yüksekliği (kare veya yuvarlak olması için) */border-radius: 50%; /* Yuvarlak (Mercek) olması için */border: 0.1vw solid #ccc; /* İnce çerçeve */box-shadow: 0 0.5vw 1.5vw rgba(0,0,0,0.3); /* Derinlik hissi */background-repeat: no-repeat;pointer-events: none; /* Mouse olaylarını engellememesi için kritik */display: none; /* Başlangıçta gizli */z-index: 10;background-color: #fff; /* Yüklenene kadar beyaz */}
.ma-gallery:hover .zoom-lens {display: block;}
.ma-gallery {overflow: hidden; /* Resim büyüse bile kutunun dışına taşmaz */touch-action: pan-y; /* Sayfa kaydırmayı engellemez, ama zoom'a izin verir */}
.Duyuru {background: #fff;padding: 2vw;margin-top: 1vw;border-radius: .5vw;box-shadow: 0 0.5vw 2vw rgba(0, 0, 0, 0.03);font-size: 1vw;border-left: 0.1vw solid #5db12f;}


.media {min-height: 47vw;display: flex;justify-content: center;margin-bottom: 6vw;margin-top: 5vw;align-items: flex-start;}
.media-icerik {display: flex;flex-direction: column;font-weight: 600;text-align: center;color: #be1622;min-height: 45vh;font-family: 'xirodregular';width: 100%;justify-content: flex-start;margin: 0;}
.urun-galerisi img.attachment-medium.size-medium { width: 11.6vw !important; border: none !important; box-shadow: rgb(94 94 94 / 25%) 0px 2px 6px -1px, rgb(0 0 0 / 30%) 0px -2px 6px -3px; height: 7.8vw; object-fit: cover; object-position: center; }
#gallery-1{display: flex; flex-wrap: wrap; justify-content: center; align-items: flex-start; height: auto; width: 92.5vw;}
.urun-galerisi #gallery-1 .gallery-item{    width: 12.6vw;}
.media div#rl-gallery-container-1 { display: flex; justify-content: center; }
.media .rl-basicgrid-gallery {display: flex;flex-direction: row;flex-wrap: wrap;align-items: center;height: auto;width: 90vw;justify-content: center;}
.media #rl-gallery-container-1 .rl-basicgrid-gallery .rl-gallery-item {height: 14vw !important;width: 24vw !important;border-radius: 1vw;margin: 0 0.5vw !important;display: flex;margin-top: 1vw !important;flex-direction: column;background: #fff;align-items: center;justify-content: center;box-shadow: rgb(71 71 71 / 26%) 0px 2px 5px -1px !important;align-content: center;}
.media-icerik .rl-basicgrid-gallery .rl-gallery-item img {max-width: 100%;display: inline-block;min-width: 36vw;}
.rl-gallery-item { width: 16.4vw !important;}
.media-icerik #rl-gallery-container-1 .rl-basicgrid-gallery .rl-gallery-item img{height: 100% !important;}
#rl-gallery-container-1 .rl-basicgrid-gallery .rl-gallery-item { height: 9vw !important; width: 15.7vw !important; margin: 0 0.8vw !important; display: flex; margin-top: 3vw !important; flex-direction: column; background: #fff; align-items: center; justify-content: center; box-shadow: rgb(71 71 71 / 26%) 0px 2px 5px -1px !important; align-content: center; }
.rl-basicgrid-gallery{display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-items: center; height: auto; width: 74vw;justify-content: center;}
#gallery-1 .gallery-item{float: left; margin-top: 10px; text-align: center; width: 33.3%; display: flex; flex-direction: column; justify-content: center; align-items: center;}
.rl-basicgrid-gallery:after{display:none}
.rl-gallery .rl-gallery-link .rl-gallery-caption {padding:0 !important;text-align:center !important;background-color: #e1e1e19e !important;}
.rl-gallery .rl-gallery-item-title, .rl-gallery .rl-gallery-item-caption{position: relative;font-size: 0.9vw !important;line-height: 1.3 !important;height: auto;display: flex !important;padding-top: 0.6vw;padding-bottom: 0.6vw;align-items: center;justify-content: center;}
span.rl-gallery-item-title {color: #000 !important;}
.nivo-lightbox-image {display: flex;align-items: center;justify-content: center;}
.gallery-header {margin-bottom: 6.5vw;position: relative;text-align: center;}
.gallery-title {font-size: 3vw;font-weight: 800;text-transform: uppercase;background: linear-gradient(45deg, #c00, #ff3333);-webkit-background-clip: text;-webkit-text-fill-color: transparent;margin: 0;padding-bottom: 0.3vw;position: relative;letter-spacing: 0.1vw;}
.gallery-subtitle {font-size: 1.2vw;color: #666;margin: 0.5vw 0 0;}
.gallery-header span.arka-yazi {position: absolute;font-size: 16.8vw;width: 100%;left: 0;opacity: 0.2;font-weight: 900;overflow: hidden;z-index: -1;height: 19vw;margin-top: -12vw;background: linear-gradient(3deg, rgb(0 0 0 / 17%) -13.11%, rgb(255 255 255 / 0%) 92.11%);background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.rl-basicgrid-gallery .rl-gallery-item img {max-width: 100%;display: inline-block;object-fit: cover;height: 16vw;}
#rl-gallery-container-1 .rl-gallery .rl-gallery-link {border: 0px solid #000000;height: 100%;}
.rl-basicgrid-gallery .rl-gallery-item img {max-width: 100%;display: block;height: 100% !important;object-fit: cover !important;}

.ma-contact-wrapper { max-width: 100vw; overflow-x: hidden; }
.ma-contact-grid {display: flex;grid-template-columns: 1fr 1.3fr;gap: 6vw;align-items: start;flex-direction: column;max-width: 74vw;width: 100%;margin: 6vw auto;}
.ma-info-col {display: flex;flex-direction: row;gap: 2.5vw;justify-content: space-between;width: 100%;}
.ma-section-head { font-size: 3.5vw; font-weight: 900; text-transform: uppercase; margin: 0 0 2vw 0; letter-spacing: -0.1vw; line-height: 1; }
.ma-info-card {display: flex;width: 25vw;height: 17vw;padding: 0vw 0.7vw 0;flex-direction: column;justify-content: center;align-items: center;gap: 2.5vw;border-radius: 1vw;border-top: 0.5px solid #000000b5;background: linear-gradient(180deg, rgb(0 0 0 / 13%) 0%, rgb(0 0 0 / 0%) 100%);backdrop-filter: blur(1vw);}
.ma-info-card:hover {transform: translateX(0.5vw);border-left-color: #5db12f;}
.ma-icon-box { flex-shrink: 0; width: 3.5vw; height: 3.5vw; display: flex; align-items: center; justify-content: center; background: #e0e0e0; color: #222; border-radius: 50%; margin-right: 1.5vw; font-size: 1.2vw; }
.ma-info-text h5 {margin: 0 0 0.5vw 0;font-size: 1.1vw;text-transform: uppercase;letter-spacing: 0.05vw;font-weight: 700;text-align: center;}
.ma-info-text p {margin: 0;font-size: 1vw;line-height: 1.6;color: #666;text-align: center;}
.ma-form-col {background: url(/wp-content/uploads/2026/01/monster-arms-3-3.jpg);padding: 3vw;box-shadow: 0 1vw 4vw rgba(0,0,0,0.08);border-radius: 1vw;width: 92%;}
.ma-form-title {font-size: 1.8vw;font-weight: 800;text-transform: uppercase;margin-bottom: 2vw;border-bottom: 0.2vw solid #5db12f;display: inline-block;padding-bottom: 0.5vw;color: #fff;}
.wpcf7-form label { display: block; font-size: 0.9vw; font-weight: 600; margin-bottom: 0.5vw; color: #444; }
.wpcf7-text, .wpcf7-textarea, .wpcf7-select {width: 100%;box-sizing: border-box;padding: 1vw;border: 1px solid #ddd;background: #fbfbfb2b;backdrop-filter: blur(.5vw);font-size: 1vw;transition: all 0.3s;border-radius: 0.3vw;}
.wpcf7-text:focus, .wpcf7-textarea:focus { border-color: #222; background: #fff; outline: none; }
.wpcf7-submit { background: #222; color: #fff; border: none; padding: 1.2vw 3vw; font-size: 1vw; font-weight: 700; text-transform: uppercase; letter-spacing: 0.1vw; cursor: pointer; transition: background 0.3s; width: 100%; border-radius: 0.3vw; }
.wpcf7-submit:hover { background: #c0392b; }
.ma-map-wrapper { width: 100%; height: 35vw; margin-top: 4vw; filter: grayscale(100%); transition: filter 0.5s; }
.ma-map-wrapper:hover { filter: grayscale(0%); }
.ma-map-wrapper iframe { width: 100%; height: 100%; border: 0; display: block; }
    

.ma-contact-wrapper .contact-form {background: #ffffff;padding: 2vw;border-radius: 1vw;box-shadow: 0 1vw 2vw rgba(0, 0, 0, 0.05);}
.ma-contact-wrapper .wpcf7 label {display: block;margin-bottom: 0.5rem;color: #2d3436;font-weight: 500;}
.ma-contact-wrapper .wpcf7 label input, .form-group .wpcf7-textarea {width: 100%;padding: 0.8vw 1vw;border: 1px solid #e0e0e0;border-radius: 10px;font-size: 1.1vw;transition: all 0.3s ease;color: #fff;}
.ma-contact-wrapper input:focus, .form-group textarea:focus {outline: none;border-color: #e74c3c;box-shadow: 0 0 0 3px #5db12f54;}
.ma-contact-wrapper .wpcf7-submit {background: #5db12f;color: white;height: 3.5vw;border-radius: 0.5vw !important;border: none;padding: 1vw 1.5vw;border-radius: 10px;font-size: 0.9vw;font-weight: 500;cursor: pointer;transition: all 0.3s ease;width: 100%;margin-left: 1vw;}
.ma-contact-wrapper .wpcf7-submit:hover {background: #3b8214;transform: translateY(-2px);}
.ma-contact-wrapper .map-section {margin: 1vw 0 6vw 0;padding: 0 0vw;}
.ma-contact-wrapper .map-container {max-width: 71vw;margin: 0;background: #ffffff;padding: 2vw;border-radius: 1vw;box-shadow: 0 1vw 2vw rgba(0, 0, 0, 0.05);}
.ma-contact-wrapper .map-container iframe {width: 100%;height: 400px;border: none;border-radius: 10px;}
.ma-contact-wrapper .iletisim-form-kolonlar {display: flex;width: 99%;flex-direction: row;justify-content: center;gap: 2vw;}
.ma-contact-wrapper .form-dogrula p {display: flex;justify-content: center;width: 100%;align-items: center;flex-direction: row;}
.ma-contact-wrapper input.wpcf7-form-control.wpcf7-captchar{width:24.8vw; margin-right: 1vw; top: -1.4vw; position: relative;} 
.ma-contact-wrapper .form-dogrula input.wpcf7-form-control.wpcf7-captchar {width: 17vw;margin-right: 1.2vw;top: 0vw;height: 2vw;background: #fbfbfb2b;position: relative;}
.ma-contact-wrapper img.wpcf7-form-control.wpcf7-captchac.wpcf7-captcha-captcha-170 {margin-bottom: 0.3vw; width: 11vw; height: 3vw;margin-right: 1.1vw;}
.ma-contact-wrapper .wpcf7-spinner{position: absolute!important;margin-top: 6vw !important;}
::placeholder{font-size:1vw !important;margin:0 !important; padding:0 !important;padding-left:1vw !important;padding-top:1vw !important;color:#fff;}
.ma-contact-wrapper textarea.wpcf7-form-control.wpcf7-textarea {width: 67.5vw;padding: 0.5rem 1rem;border: 1px solid #e0e0e0;font-size: 1.1vw;border-radius: 0.6vw;margin-right: 1vw;color: #fff;}
.ma-contact-wrapper .form-dogrula p label {display: flex !important;flex-direction: row;align-items: center;justify-content: center;margin-bottom: 0 !important;}
.ma-contact-wrapper .form-dogrula {display: flex ; align-items: center; flex-direction: row; margin-top: 2vw;}
@keyframes fadeInUp {from {opacity: 0;transform: translateY(20px);}to {opacity: 1;transform: translateY(0);}}
.iletisim-form-kolonlar p {width: 50%;}







.footer {background: linear-gradient(180deg, rgba(11, 11, 11, 0.00) 52.9%, #0B0B0B 100%), url(/wp-content/uploads/2026/01/footer-back.jpg) lightgray 50% / cover no-repeat;padding: 0 0 3vw 0;}
.footer .footer-2 {width: 100%;max-width: 74vw;margin: 0 auto;display: flex;gap: 3vw;flex-direction: column;height: 23vw;align-items: flex-start;justify-content: center;}
.footer .footer a {color: rgba(255, 255, 255, 0.63);font-family: "DM Sans";font-size: 1vw;font-style: normal;font-weight: 300;line-height: 1.5vw;}
.footer span {color: #FFF;font-family: "DM Sans";font-size: 1vw;font-style: normal;font-weight: 500;line-height: 150%;margin-bottom: 1.3vw;}
.footer .footer-bottom .bottom {display: flex;flex-direction: column;align-items: flex-start;}
.footer .footer-bottom {display: flex;align-items: flex-start;justify-content: center;gap: 4vw;}
.footer .bottom-5.bottom a {width: 21vw;color: rgba(255, 255, 255, 0.63);font-family: "DM Sans";font-size: 1vw;font-style: normal;font-weight: 300;line-height: 1vw;}
.footer .bottom-1-top {display: flex;flex-direction: column;}
.footer .bottom-1-bottom {display: flex;flex-direction: column;}
.footer .footer-top img {width: 12vw;height: 2vw;object-fit: cover;}
.footer .bottom-1.bottom {gap: 2vw;}
.footer .bottom a {color: rgba(255, 255, 255, 0.63);font-family: "DM Sans";font-size: 1vw;font-style: normal;font-weight: 300;line-height: 2vw;transition: all 0.2s ease;}
.social a {color:#fff;transition: all 0.2s ease;width: auto !important;padding: 0.7vw;border-radius: 50%;background: rgba(255, 255, 255, 0.06);border: 0.1vw solid rgba(0, 0, 0, 0.17);backdrop-filter: blur(14.149999618530273px);}
.social a:hover {background: #fff;color: #000 !important;}
.social {display: flex;flex-direction: row;gap: 1vw;margin-top: 1.5vw;}
.copyright {display: flex;align-items: center;width: 100%;max-width: 74vw;margin: 0 auto;justify-content: space-between;}
.copyright img {width: 2vw;}
.copyright p {font-size: 0.8vw;color: #fff;}
.footer .bottom a:hover {color: #fff;}