/*
Theme Name: Multi-Sitem
Theme URI: https://multiyazilim.com
Author: Multi Yazılım
Author URI: https://multiyazilim.com
Version: MultiSite
*/


html { overflow-x:hidden; scroll-behavior: smooth;margin: 0vw; padding: 0vw; box-sizing: border-box;  }
body { margin: 0; padding: 0; font-family: "Poppins", serif; background-size: contain; background-color: #09030f; color: #ffffff;overflow:hidden;}
h1, h2, h3, h4, h5, ul, ol, img, a, p { margin:0; padding:0; list-style:none; text-decoration:none;border:none; outline:none; }
a { transition: all .2s linear; }
img {image-rendering: -webkit-optimize-contrast !important;}


/*.mobil-header{display:block;height: 11vw;} 
 .header-sabit {height: 9.5vw;text-align: center;width: 100%;box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;position: fixed;z-index: 900;display: flex;border-bottom: 1.2vw solid #634734;background: #30241c;background-size: 350vw;background-position: center;border-bottom: 1.6vw solid #654e40;    background: url(/wp-content/uploads/2024/02/header-arka.jpg);}
*/

.pc {display: none !important;margin: 0vw;color: #fff;font-size: 1.5vw;align-items: center;justify-content: center;}
.pc img {width: 41vw;margin-top: 0;position: fixed;}
.pc p {position: fixed;margin-top: 25vw;}
@media (min-width: 913px) {
    .pc { display: flex !important; background: #09030f !important; z-index: 9999; width: 100vw; height: 100vh; position: fixed; top: 0; left: 0; }
    .test { display: none; } body { overflow: hidden; }
}
.mobil-header { width: 100vw; display: flex; flex-direction: column; align-items: center; background-color: transparent; position: relative; z-index: 50; padding-top: 5vw; }
.header-sabit { width: 90vw; display: flex; align-items: center; justify-content: space-between; z-index: 900; position: relative; height: 18vw; }
.header-logo-link { display: block; width: 50vw; z-index: 3; }
.header-logo-link img { width: 100%; height: auto; object-fit: contain; }
.hKapsar { display: flex; justify-content: center; align-items: center; width: 14vw; height: 14vw; border-radius: 3vw; background: rgba(168,85,247,0.1); border: 0.2vw solid rgba(168,85,247,0.3); z-index: 999; cursor: pointer; transition: 0.3s; }
.hKapsar:active { transform: scale(0.9); background: #a855f7; }
#pencet { display: flex; flex-direction: column; cursor: pointer; align-items: center; justify-content: center; width: 100%; height: 100%; }
#pencet span { background-color: #e9d5ff; width: 6.5vw; height: 0.6vw; margin: 0.8vw 0; display: block; transition: all .4s ease; transform-origin: left center; border-radius: 1vw; }
.Diam span { background-color: #ffffff !important; }
.Diam span:nth-child(1) { transform: rotate(45deg) translate(0.5vw, -0.5vw); }
.Diam span:nth-child(2) { opacity: 0; }
.Diam span:nth-child(3) { transform: rotate(-45deg) translate(0.5vw, 0.5vw); }

.search-container {width: 90vw;margin: 7vw auto 2vw auto;display: flex;justify-content: center;z-index: 40;position: relative;}
.search-form { width: 100%; display: flex; align-items: center; background: #150924; border: 0.2vw solid rgba(168,85,247,0.2); border-radius: 4vw; box-shadow: 0vw 2vw 5vw rgba(0,0,0,0.5); overflow: hidden; transition: 0.3s; }
.search-form:focus-within { border-color: #a855f7; box-shadow: 0vw 1vw 4vw rgba(168,85,247,0.3); }
.search-field { flex-grow: 1; background: transparent; border: none; color: #ffffff; font-size: 4vw; padding: 3vw 4vw; font-family: 'Outfit', sans-serif; outline: none; }
.search-field::placeholder { color: #e9d5ff; opacity: 0.4; font-weight: 300; }
.search-submit { background: rgba(168,85,247,0.1); border: none; border-left: 0.2vw solid rgba(168,85,247,0.2); color: #a855f7; font-size: 4.5vw; padding: 0 5vw; height: 100%; cursor: pointer; transition: 0.3s; display: flex; align-items: center; justify-content: center; }
.search-submit:active { background: #a855f7; color: #ffffff; }
::placeholder {font-size:3vw !important;}
div#ajax-search-results {width: 82vw !important;}

#menu {position: fixed;top: 0;left: -100vw;width: 100vw;height: 100vh;background: rgb(9 3 15 / 0%);backdrop-filter: blur(2vw);z-index: 20;transition: 0.4s ease-in-out;display: flex;flex-direction: column;align-items: center;padding-top: 25vw;overflow-y: auto;overflow-x: hidden;opacity: 0;}
#menu.active { left: 0; opacity: 1; }
.navbar {width: 85vw;display: flex;flex-direction: column;gap: 3.5vw;padding-bottom: 25vw;padding-top: 25vw;}
.menu-item { list-style: none; width: 100%; }
.menu-item a { display: flex; align-items: center; background: #150924; border: 0.2vw solid rgba(168,85,247,0.15); border-radius: 4vw; padding: 4vw 6vw; color: #ffffff; font-size: 4.5vw; font-weight: 600; text-decoration: none; text-transform: uppercase; transition: 0.3s; box-shadow: 0vw 1vw 3vw rgba(0,0,0,0.5); letter-spacing: 0.1vw; }
.menu-item a:active { transform: scale(0.96); border-color: #a855f7; background: rgba(168,85,247,0.1); }
.menu-item i { color: #a855f7; font-size: 5vw; margin-right: 4vw; width: 6vw; text-align: center; }
    
.qr-container {width: 100vw;min-height: 100vh;display: flex;flex-direction: column;align-items: center;padding: 15vw 0vw 0vw 0;position: relative;}

@keyframes drift {
    0% { transform: translate(0vw, 0vw) rotate(0deg) scale(1); }
    25% { transform: translate(15vw, -5vw) rotate(5deg) scale(1.1); }
    50% { transform: translate(5vw, 15vw) rotate(-5deg) scale(0.95); }
    75% { transform: translate(-10vw, 5vw) rotate(2deg) scale(1.05); }
    100% { transform: translate(0vw, 0vw) rotate(0deg) scale(1); }
}
@keyframes drift-reverse {
    0% { transform: translate(0vw, 0vw) rotate(0deg) scale(1.05); }
    25% { transform: translate(-10vw, 10vw) rotate(-3deg) scale(0.95); }
    50% { transform: translate(10vw, -15vw) rotate(4deg) scale(1.1); }
    75% { transform: translate(-5vw, -5vw) rotate(-2deg) scale(1); }
    100% { transform: translate(0vw, 0vw) rotate(0deg) scale(1.05); }
}
.ambient-glow-1 {position: absolute;top: -20vw;left: -20vw;width: 80vw;height: 80vw;background: radial-gradient(circle, rgba(168,85,247,0.4) 0vw, transparent 70vw);border-radius: 50vw;z-index: 0;filter: blur(5vw);pointer-events: none;animation: drift 25s infinite linear; /* Hareket animasyonu eklendi */}
.ambient-glow-2 {position: absolute;top: 40vw;right: -30vw;width: 90vw;height: 90vw;background: radial-gradient(circle, rgba(192,38,211,0.2) 0vw, transparent 70vw);border-radius: 50vw;z-index: 0;filter: blur(5vw);pointer-events: none;animation: drift-reverse 30s infinite linear; /* Ters hareket animasyonu eklendi */}
.header-area { width: 100vw; padding: 18vw 6vw 10vw 6vw; display: flex; flex-direction: column; align-items: center; justify-content: center; z-index: 2; position: relative; }
.firma-adi { font-size: 9.5vw; font-weight: 900; color: #ffffff; text-align: center; text-transform: uppercase; letter-spacing: 0.5vw; line-height: 11vw; text-shadow: 0vw 1vw 3vw rgba(168,85,247,0.4); animation: slideDown 1s cubic-bezier(0.2,0.8,0.2,1); }
.firma-adi span { color: #a855f7; }
.slogan { font-size: 3.8vw; font-weight: 300; color: #e9d5ff; margin-top: 3vw; letter-spacing: 0.4vw; text-align: center; animation: fadeIn 1.2s ease forwards 0.3s; opacity: 0; }
.kategori-listesi {width: 80vw;display: flex;flex-direction: column;gap: 4.5vw;z-index: 2;position: relative;align-items: center;}
.kategori-item {width: 100%;height: 22vw;background: #150924;border-radius: 6vw;display: flex;align-items: center;padding: 2vw 4vw;text-decoration: none;position: relative;overflow: hidden;box-shadow: 0vw 2vw 6vw rgba(0,0,0,0.5);border: 0.2vw solid rgba(168,85,247,0.15);transition: all 0.3s ease;opacity: 0;animation: slideUp 0.8s forwards;}
.kategori-item:active { transform: scale(0.96); border-color: #a855f7; background: rgba(168,85,247,0.1); }
.k-img-wrapper { width: 22vw; height: 22vw; border-radius: 4.5vw; overflow: hidden; position: relative; flex-shrink: 0; box-shadow: 0vw 1vw 3vw rgba(0,0,0,0.5); background-color: #000; }
.k-img { width: 100%; height: 100%; object-fit: cover; }
.k-content { margin-left: 5vw; display: flex; flex-direction: column; justify-content: center; flex-grow: 1; }
.k-title {font-size: 4vw;font-weight: 700;color: #ffffff;padding-bottom: 0.5vw;text-transform: capitalize;letter-spacing: 0.1vw;}
.k-arrow { width: 8vw; height: 8vw; background: rgba(168,85,247,0.12); border-radius: 50vw; display: flex; align-items: center; justify-content: center; color: #a855f7; font-size: 4.5vw; font-weight: 900; margin-left: auto; transition: background 0.3s ease; }
.k-arrow svg{ width: 3vw; height: 3vw;  }
.kategori-item:active .k-arrow { background: #a855f7; color: #ffffff; }
.kategori-item::after { content: ''; position: absolute; top: 0vw; left: 0vw; width: 100%; height: 100%; background: linear-gradient(120deg, transparent 0vw, rgba(168,85,247,0.06) 50vw, transparent 100vw); pointer-events: none; }
@keyframes slideDown { 0% { opacity: 0; transform: translateY(-8vw); } 100% { opacity: 1; transform: translateY(0vw); } }
@keyframes slideUp { 0% { opacity: 0; transform: translateY(8vw); } 100% { opacity: 1; transform: translateY(0vw); } }
@keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 0.8; } }


.cat-page-container {width: 100vw;min-height: 100vh;display: flex;flex-direction: column;align-items: center;padding-top: 5vw;padding-bottom: 5vw;position: relative;}
@keyframes catDrift { 0% { transform: translate(0vw, 0vw) rotate(0deg) scale(1); } 25% { transform: translate(15vw, -5vw) rotate(5deg) scale(1.1); } 50% { transform: translate(5vw, 15vw) rotate(-5deg) scale(0.95); } 75% { transform: translate(-10vw, 5vw) rotate(2deg) scale(1.05); } 100% { transform: translate(0vw, 0vw) rotate(0deg) scale(1); } }
@keyframes catDriftRev { 0% { transform: translate(0vw, 0vw) rotate(0deg) scale(1.05); } 25% { transform: translate(-10vw, 10vw) rotate(-3deg) scale(0.95); } 50% { transform: translate(10vw, -15vw) rotate(4deg) scale(1.1); } 75% { transform: translate(-5vw, -5vw) rotate(-2deg) scale(1); } 100% { transform: translate(0vw, 0vw) rotate(0deg) scale(1.05); } }
.cat-glow-1 { position: absolute; top: -20vw; left: -20vw; width: 80vw; height: 80vw; background: radial-gradient(circle, rgba(168,85,247,0.4) 0vw, transparent 70vw); border-radius: 50vw; z-index: 0; filter: blur(5vw); pointer-events: none; animation: catDrift 25s infinite linear; }
.cat-glow-2 { position: absolute; top: 40vw; right: -30vw; width: 90vw; height: 90vw; background: radial-gradient(circle, rgba(192,38,211,0.2) 0vw, transparent 70vw); border-radius: 50vw; z-index: 0; filter: blur(5vw); pointer-events: none; animation: catDriftRev 30s infinite linear; }
.cat-nav-header {width: 75vw;background: rgba(168,85,247,0.1);border: 0.2vw solid rgba(168,85,247,0.2);border-radius: 5vw;display: grid;grid-template-columns: 1fr 1.6fr 1fr;align-items: center;gap: 2vw;padding: 4vw 3vw;z-index: 2;position: relative;backdrop-filter: blur(1vw);margin-bottom: 5vw;min-height: 18vw;}
.nav-side { display: flex; width: 100%; }
.nav-prev { justify-content: flex-start; }
.nav-next { justify-content: flex-end; }
.cat-nav-link { display: flex; flex-direction: column; color: #e9d5ff; text-decoration: none; transition: 0.3s; gap: 0.5vw; }
.nav-prev .cat-nav-link { align-items: flex-start; text-align: left; }
.nav-next .cat-nav-link {text-align: right;}
.cat-nav-link:active { color: #ffffff; transform: scale(0.95); }
.nav-arrow { font-size: 4.5vw; color: #a855f7; font-weight: 900; line-height: 1; }
.nav-text { font-size: 3.2vw; font-weight: 500; line-height: 1.2; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.cat-nav-current { color: #ffffff; font-size: 5.5vw; font-weight: 900; text-transform: uppercase; text-align: center; text-shadow: 0vw 0.5vw 2vw rgba(168,85,247,0.5); line-height: 1.1; word-wrap: break-word; }
.kat-gizli { visibility: hidden; }
.cat-nav-current {color: #ffffff;font-size: 5vw;font-weight: 900;text-transform: uppercase;letter-spacing: 0.2vw;text-shadow: 0vw 0.5vw 2vw rgba(168,85,247,0.5);}
.kat-gizli { visibility: hidden; width: 10vw; }
.cat-sub-title {width: 78vw;color: #a855f7;font-size: 5.5vw;font-weight: 800;text-transform: uppercase;margin: 6vw 0 6vw 0;z-index: 2;position: relative;border-left: 1.5vw solid #a855f7;padding-left: 3vw;letter-spacing: 0.1vw;}
.urun-listesi {width: 75vw;display: flex;flex-direction: column;gap: 4vw;z-index: 2;position: relative;align-items: center;}
.urun-karti {width: 100%;min-height: 28vw;background: #15092430;border-radius: 6vw;display: flex;align-items: center;padding: 3vw 4vw;position: relative;overflow: hidden;box-shadow: 0vw 2vw 6vw rgba(0,0,0,0.5);border: 0.2vw solid rgba(168,85,247,0.15);opacity: 0;animation: catSlideU 0.8s forwards;}
.u-img-wrapper { display: block; width: 24vw; height: 24vw; border-radius: 4.5vw; overflow: hidden; position: relative; flex-shrink: 0; box-shadow: 0vw 1vw 3vw rgba(0,0,0,0.5); background-color: #000; cursor: zoom-in; }
.u-img {width: 100% !important;height: 100% !important;object-fit: cover;transition: transform 0.3s ease;}
.u-img-wrapper:hover .u-img { transform: scale(1.1); }
.u-content { margin-left: 5vw; display: flex; flex-direction: column; justify-content: center; flex-grow: 1; padding-right: 1vw; }
.u-title { font-size: 4.8vw; font-weight: 700; color: #ffffff; padding-bottom: 1vw; text-transform: capitalize; letter-spacing: 0.1vw; }
.u-desc { font-size: 3.2vw; color: #e9d5ff; font-weight: 300; line-height: 4.5vw; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; margin-bottom: 1.5vw; }
.u-price {font-size: 5vw;font-weight: 900;color: #ffffff;display: flex;align-items: center;filter: drop-shadow(0 0 1vw #ffffff3b);}
.u-price span { font-size: 3.5vw; font-weight: 500; color: #e9d5ff; margin-left: 1vw; }
.urun-karti::after { content: ''; position: absolute; top: 0vw; left: 0vw; width: 100%; height: 100%; background: linear-gradient(120deg, transparent 0vw, rgba(168,85,247,0.06) 50vw, transparent 100vw); pointer-events: none; }
@keyframes catSlideU { 0% { opacity: 0; transform: translateY(8vw); } 100% { opacity: 1; transform: translateY(0vw); } }

.footer {width: 100%;display: flex;flex-direction: column;padding-top: 5vw;height: 40vw;align-items: center;justify-content: space-between;}
.footer-multi a{color: #000; float: right; right: 8vw; margin-top: 0; position: absolute;}
.footer-1 img {height: 13vw; margin-top: 4vw;}
.footer-multi {display: flex;width: 100%;justify-content: center;height: 13vw;align-items: center;opacity: 1;}
.footer-multi img{height: 5.1vw; transition: 0.2s;}
.footer-multi img:hover{transform: scale(1.4);transition: 0.2s;}
copyright {color: #ffffff;font-size: 2.4vw;font-weight: 500;margin-top: 0vw;display: inline;visibility: visible;}