/*
Theme Name: BARAK ARMS TR
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; overflow: hidden; padding: 0; background: linear-gradient(111deg, #121212 5.77%, #030303 94.23%); 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; }
a { transition: all .2s linear; }
/*net fotolar*/

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

.header-lang a { color: #ffffff78; }
.mobile-header{display:none;}
.header {position: absolute; width: 100%; margin: 0 auto; display: flex; gap: 4vw; align-items: center; margin-top: 2vw; justify-content: center; background: transparent; box-sizing: border-box; z-index: 999; color: #ffffff; }
.header-logo { display: flex; align-items: center; }
.header-logo img { height: 4vw; width: auto; object-fit: contain; }
.header-menu { display: flex; align-items: center; }
.header-menu ul { display: flex; align-items: center; gap: 1.5vw; list-style: none; margin: 0; padding: 0; }
.header-menu a { color: #ffffff; text-decoration: none; font-size: 0.85vw; transition: opacity 0.3s ease; }
.header-menu a:hover { opacity: 0.7; }
.header-menu .dropdown { position: relative; padding: 1vw 0; cursor: pointer; }
.header-menu .dropdown-menu { display: none; position: absolute; top: 100%; left: 50%; transform: translateX(-50%); background: rgba(0, 0, 0, 0.85); padding: 0.5vw 0; flex-direction: column; gap: 0vw; min-width: 10vw; border-radius: 0.3vw; text-align: center; }
.header-menu .dropdown:hover .dropdown-menu { display: flex; }
.header-menu .dropdown-menu a { padding: 0.5vw 1vw; display: block; font-size: 0.8vw; }
.header-menu .btn-store { background: #e07635; padding: 0.6vw 1.2vw; border-radius: 2vw; font-weight: 600; transition: background 0.3s; border: 0.1vw solid #fff; }
.header-menu .btn-store:hover { background: #d06525; opacity: 1; }
.header-right { display: flex; align-items: center; gap: 1.5vw; }
.header-search form { display: flex; align-items: center; border: 0.05vw solid #ffffff; border-radius: 2vw; padding: 0.3vw 0.5vw 0.3vw 1vw; width: 14vw; }
.header-search input[type="search"] { background: transparent; border: none; color: #ffffff; font-size: 0.8vw; width: 100%; outline: none; }
.header-search input[type="search"]::placeholder { color: #ffffff; opacity: 0.8; }
.header-search button { background: transparent; border: none; cursor: pointer; color: #ffffff; display: flex; align-items: center; justify-content: center; padding: 0.2vw; }
.header-search button svg { width: 1vw; height: 1vw; fill: none; stroke: #ffffff; stroke-width: 0.15vw; stroke-linecap: round; stroke-linejoin: round; }
.header-lang { font-size: 0.85vw; font-weight: 500; cursor: pointer; }

.anasayfa-alan-1 .hero-section { position: relative; width: 79vw; margin: 0vw auto 0; padding-top: 10vw; display: flex; align-items: center; justify-content: space-between; color: #ffffff; }
.anasayfa-alan-1 .hero-ellipse { position: absolute; left: -22vw; bottom: -16vw; width: 35vw; height: 35vw; border-radius: 43vw; background: #EB6F21; filter: blur(13vw); z-index: 1; pointer-events: none; }
.anasayfa-alan-1 .hero-container { position: relative; z-index: 2; width: 100%; display: flex; align-items: center; justify-content: space-between; gap: 2vw; }
.anasayfa-alan-1 .hero-slider-wrap { width: 39vw; display: flex; flex-direction: column; gap: 2vw; }
.anasayfa-alan-1 .hero-slider { display: flex; gap: 2vw; overflow-x: hidden; scroll-snap-type: x mandatory; scroll-behavior: smooth; -ms-overflow-style: none; scrollbar-width: none; }
.anasayfa-alan-1 .hero-slider::-webkit-scrollbar { display: none; }
.anasayfa-alan-1 .hero-slide { min-width: 18vw; height: 32vw; border-radius: 1vw; overflow: hidden; scroll-snap-align: start; flex-shrink: 0; background: #222222; }
.anasayfa-alan-1 .hero-slide video { width: 100%; height: 100%; object-fit: cover; }
.anasayfa-alan-1 .hero-slider-controls { display: flex; align-items: center; gap: 2vw; width: 100%; }
.anasayfa-alan-1 .slider-prev { background: #ffffff; border: none; width: 3.5vw; height: 3.5vw; border-radius: 50%; display: flex; align-items: center; justify-content: center; cursor: pointer; flex-shrink: 0; }
.anasayfa-alan-1 .slider-next { background: transparent; border: 0.1vw solid #ffffff; width: 3.5vw; height: 3.5vw; border-radius: 50%; display: flex; align-items: center; justify-content: center; cursor: pointer; flex-shrink: 0; transition: background 0.3s; }
.anasayfa-alan-1 .slider-next:hover { background: rgba(255,255,255,0.1); }
.anasayfa-alan-1 .slider-prev svg, .slider-next svg { width: 1.8vw; height: 1.8vw; }
.anasayfa-alan-1 .slider-progress { flex: 1; height: 0.15vw; background: rgba(255,255,255,0.2); position: relative; }
.anasayfa-alan-1 .slider-progress-bar { position: absolute; left: 0; top: 0; height: 100%; width: 50%; background: #ffffff; transition: width 0.4s ease; }
.anasayfa-alan-1 .hero-content { width: 35vw; text-align: right; display: flex; flex-direction: column; align-items: flex-end; }
.anasayfa-alan-1 .hero-subtitle { font-size: 0.8vw; letter-spacing: 0.2vw; color: #888888; text-transform: uppercase; margin-bottom: 1.5vw; margin-top: 0; }
.anasayfa-alan-1 .hero-desc { font-size: .8vw; color: #cccccc; margin-bottom: 3vw; width: 90%; line-height: 1.6; }
.anasayfa-alan-1 .hero-title { font-size: 2.5vw; font-weight: 800; line-height: 1.2; margin-bottom: 2vw; font-style: italic; margin-top: 0; font-family: "Bai Jamjuree"; }
.anasayfa-alan-1 .hero-buttons { display: flex; gap: 1vw; margin-bottom: 4vw; }
.anasayfa-alan-1 .btn-outline { padding: 0.5vw 2vw; border: 0.1vw solid #ffffff; border-radius: 2vw; color: #ffffff; text-decoration: none; font-size: 0.9vw; font-weight: 600; transition: background 0.3s, color 0.3s; }
.anasayfa-alan-1 .btn-outline:hover { background: #ffffff; color: #000000; }
.anasayfa-alan-1 .btn-solid { padding: 0.5vw 2vw; background: #ffffff; border: 0.1vw solid #ffffff; border-radius: 2vw; color: #000000; text-decoration: none; font-size: 0.9vw; font-weight: 600; transition: background 0.3s; }
.anasayfa-alan-1 .btn-solid:hover { background: #eeeeee; }
.anasayfa-alan-1 .hero-info-box { border: 0.05vw solid rgba(255,255,255,0.2); border-radius: 0.5vw; padding: 1.5vw; display: flex; align-items: center; justify-content: flex-end; gap: 1.5vw; width: 70%; text-align: right; background: rgba(255,255,255,0.03); }
.anasayfa-alan-1 .hero-info-box p { font-size: 0.8vw; color: #aaaaaa; margin: 0; flex: 1; line-height: 1.5; }
.anasayfa-alan-1 .info-logo { display: flex; align-items: center; justify-content: center; }
.anasayfa-alan-1 .info-logo img { width: 4vw; }

.anasayfa-alan-2 { padding: 5vw 10vw; width: 100vw; box-sizing: border-box; display: flex; flex-direction: column; gap: 3vw; position: relative; z-index: 99; }
.anasayfa-alan-2 .products-header { display: flex; justify-content: space-between; align-items: center; width: 100%; }
.anasayfa-alan-2 .products-title { font-size: 2vw; font-weight: 400; color: #ffffff; margin: 0; text-transform: uppercase; letter-spacing: 0.1vw; }
.anasayfa-alan-2 .products-view-all { padding: 0.6vw 1.5vw; background: #ffffff; color: #e07635; text-decoration: none; border-radius: 2vw; font-size: 0.8vw; font-weight: 600; transition: opacity 0.3s; }
.anasayfa-alan-2 .products-view-all:hover { opacity: 0.8; }
.anasayfa-alan-2 .products-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 2vw; width: 100%; }
.anasayfa-alan-2 .product-cat-card { position: relative; display: flex; align-items: center; justify-content: center; height: 30vw; overflow: hidden; text-decoration: none; transition: transform 0.3s; }
.anasayfa-alan-2 .product-cat-card:last-child:nth-child(odd) { grid-column: 1 / -1; height: 25vw; }
.anasayfa-alan-2 .product-cat-bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-position: center; z-index: 1; transition: transform 0.5s; }
.anasayfa-alan-2 .product-cat-card:hover .product-cat-bg { transform: scale(1.01); }
.anasayfa-alan-2 .product-cat-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 55.77%, rgba(0, 0, 0, 0.50) 100%); z-index: 2; pointer-events: none; }
.anasayfa-alan-2 .product-cat-title { position: relative; z-index: 3; font-size: 1.2vw; font-weight: 500; color: #ffffff; margin: 0; text-transform: uppercase; letter-spacing: 0.05vw; text-shadow: 0 0.2vw 0.5vw rgba(0,0,0,0.5); }
.anasayfa-alan-2 .hero-ellipse { position: absolute; right: -22vw; bottom: 10vw; width: 35vw; height: 35vw; border-radius: 43vw; background: #ffffff59; filter: blur(13vw); z-index: 1; pointer-events: none; }

.anasayfa-alan-3 { position: relative; width: 100vw; padding: 2vw 10vw; box-sizing: border-box; display: flex; align-items: center; justify-content: center; background: transparent; font-family: 'Inter', sans-serif; overflow: hidden; }
.about-wrapper { display: flex; width: 80vw; align-items: stretch; z-index: 2; position: relative; border-radius: 0.3vw; overflow: hidden; box-shadow: 0 1vw 3vw rgba(0,0,0,0.4); justify-content: space-between; }
.about-image { width: 40vw; flex-shrink: 0; height: 29vw; }
.about-image img { width: 100%; height: 100%; object-fit: cover; display: block; }
.about-content { width: 40vw; background: #1212126e; backdrop-filter: blur(.3vw); padding: 4vw; display: flex; flex-direction: column; justify-content: center; align-items: flex-end; text-align: right; box-sizing: border-box; }
.about-logo { margin-bottom: 2vw; }
.about-logo img { width: 15vw; height: auto; object-fit: contain; }
.about-text { font-size: 0.95vw; color: #cccccc; line-height: 1.6; margin-bottom: 2.5vw; font-weight: 300; }
.about-btn { padding: 0.8vw 2.5vw; background: #ffffff; color: #e07635; text-decoration: none; border-radius: 2vw; font-size: 0.9vw; font-weight: 600; transition: opacity 0.3s; }
.about-btn:hover { opacity: 0.8; }
.about-watermark { position: absolute; right: -5vw; top: 2vw; width: 30vw; height: 30vw; opacity: 1; z-index: 1; pointer-events: none; display: flex; align-items: center; justify-content: center; }
.about-watermark img { width: 100%; height: 100%; object-fit: contain; }

.anasayfa-alan-4 { width: 100vw; padding: 3vw 10vw; box-sizing: border-box; background: transparent; display: flex; flex-direction: column; align-items: center; gap: 3vw; font-family: 'Inter', sans-serif; }
.alan4-video-wrap { width: 80vw; height: 34vw; border-radius: 0.8vw; overflow: hidden; background: #000000; }
.alan4-video-wrap iframe { width: 100%; height: 100%; border: none; display: block; }
.alan4-social-row { width: 80vw; display: flex; justify-content: space-between; align-items: center; }
.alan4-social-btn { display: flex; align-items: center; gap: 0.6vw; text-decoration: none; color: #ffffff; font-size: 0.95vw; font-weight: 400; letter-spacing: 0.05vw; transition: opacity 0.3s ease; }
.alan4-social-btn:hover { opacity: 0.6; }
.alan4-social-btn svg { width: 1.2vw; height: 1.2vw; fill: #ffffff; flex-shrink: 0; }

.anasayfa-alan-5 { width: 100vw; padding: 5vw 8vw; box-sizing: border-box; display: flex; align-items: center; justify-content: space-between; background: transparent; color: #ffffff; position: relative; overflow: hidden; }
.alan5-sol { width: 22vw; display: flex; flex-direction: column; justify-content: space-between; height: 35vw; }
.alan5-sol-ust { display: flex; flex-direction: column; gap: 1.5vw; }
.alan5-badge { display: inline-flex; align-items: center; border: 0.05vw solid rgba(255,255,255,0.3); border-radius: 2vw; padding: 0.4vw 1vw; font-size: 0.65vw; font-weight: 400; color: rgba(255,255,255,0.7); letter-spacing: 0.05vw; width: fit-content; }
.alan5-sol-metin-1 { font-size: 0.85vw; color: rgba(255,255,255,0.8); line-height: 1.7; font-weight: 300; }
.alan5-sol-metin-2 { font-size: 0.85vw; color: rgba(255,255,255,0.8); line-height: 1.7; font-weight: 300; }
.alan5-orta { width: 32vw; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.alan5-orta img { width: 100%; height: auto; object-fit: contain; display: block; position: relative; left: 0vw; }
.alan5-sag { width: 22vw; display: flex; flex-direction: column; justify-content: center; gap: 1.5vw; align-items: flex-end; }
.alan5-kart { border: 0.05vw solid rgba(255,255,255,0.12); border-radius: 0.5vw; padding: 1.5vw 1.8vw; width: 15vw; background: rgba(255,255,255,0.03); text-align: right; transition: background 0.3s ease; }
.alan5-kart:hover { background: rgba(255,255,255,0.07); }
.alan5-kart-baslik { font-size: 1vw; font-weight: 600; color: #ffffff; margin-bottom: 0.6vw; letter-spacing: 0.02vw; }
.alan5-kart-alt { font-size: 0.75vw; color: rgba(255,255,255,0.6); line-height: 1.6; font-weight: 300; }
.alan5-kart:nth-child(1) { right: 3vw; top: -3vw; position: relative; }
.alan5-kart:nth-child(3) { right: 3vw; top: 3vw; position: relative; }
.alan5-sol-line { width: .1vw; background: #ffffff63; height: 17vw; }


.kurumsal { width: 100vw; color: #ffffff; overflow-x: hidden; box-sizing: border-box; }

.kurumsal-hero { position: relative; width: 100vw; height: 23vw; display: flex; align-items: flex-end; justify-content: flex-start; padding: 0px 10vw 3vw; box-sizing: border-box; overflow: hidden; }
.kurumsal-hero-bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; z-index: 1; filter: brightness(0.35); display: block; }
.kurumsal-hero-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(90deg, rgba(0,0,0,0.75) 40%, rgba(0,0,0,0.1) 100%); z-index: 2; }
.kurumsal-hero-ellipse { position: absolute; left: -8vw; bottom: -12vw; width: 30vw; height: 30vw; border-radius: 43vw; background: #EB6F21; filter: blur(13vw); z-index: 2; pointer-events: none; opacity: 0.6; }
.kurumsal-hero-content { position: relative; z-index: 3; display: flex; flex-direction: column; gap: 1.5vw; max-width: 45vw; }
.kurumsal-hero-badge { display: inline-flex; align-items: center; border: 0.05vw solid rgba(255,255,255,0.3); border-radius: 2vw; padding: 0.4vw 1.2vw; font-size: 0.65vw; font-weight: 400; color: rgba(255,255,255,0.7); letter-spacing: 0.12vw; text-transform: uppercase; width: fit-content; }
.kurumsal-hero-title { font-size: 3.5vw; font-weight: 800; line-height: 1.15; font-style: italic; margin: 0; font-family: "Bai Jamjuree"; }
.kurumsal-hero-title span { color: #EB6F21; }
.kurumsal-hero-desc { font-size: 1vw; color: rgba(255,255,255,0.7); line-height: 1.7; font-weight: 300; }

.kurumsal-hikaye { width: 100vw; padding: 6vw 10vw; box-sizing: border-box; display: flex; align-items: center; gap: 6vw; }
.kurumsal-hikaye-img-wrap { width: 38vw; flex-shrink: 0; position: relative; }
.kurumsal-hikaye-img-wrap img { width: 100%; height: 28vw; object-fit: cover; border-radius: 0.8vw; display: block; }
.kurumsal-hikaye-img-badge { position: absolute; bottom: -2vw; right: -2vw; background: #EB6F21; border-radius: 0.5vw; padding: 1.5vw 2vw; display: flex; flex-direction: column; align-items: center; gap: 0.3vw; }
.kurumsal-hikaye-img-badge strong { font-size: 2vw; font-weight: 800; color: #ffffff; line-height: 1; }
.kurumsal-hikaye-img-badge span { font-size: 0.65vw; color: rgba(255,255,255,0.85); text-transform: uppercase; letter-spacing: 0.08vw; }
.kurumsal-hikaye-content { display: flex; flex-direction: column; gap: 1.5vw; }
.kurumsal-section-label { font-size: 0.7vw; letter-spacing: 0.2vw; color: #EB6F21; text-transform: uppercase; font-weight: 500; }
.kurumsal-section-title { font-size: 2.2vw; font-weight: 800; line-height: 1.25; margin: 0; font-style: italic; font-family: "Bai Jamjuree"; }
.kurumsal-section-text { font-size: 0.9vw; color: rgba(255,255,255,0.65); line-height: 1.8; font-weight: 300; }
.kurumsal-hikaye-list { display: flex; flex-direction: column; gap: 0.8vw; list-style: none; margin: 0; padding: 0; }
.kurumsal-hikaye-list li { display: flex; align-items: center; gap: 0.8vw; font-size: 0.85vw; color: rgba(255,255,255,0.8); }
.kurumsal-hikaye-list li::before { content: ''; width: 0.4vw; height: 0.4vw; border-radius: 50%; background: #EB6F21; flex-shrink: 0; }

.kurumsal-mv { width: 100vw; padding: 0vw 10vw; box-sizing: border-box; display: grid; grid-template-columns: 1fr 1fr; gap: 2vw; }
.kurumsal-mv-kart { background: #121212; border: 0.05vw solid rgba(255,255,255,0.08); border-radius: 0.8vw; padding: 3vw; display: flex; flex-direction: column; gap: 1.5vw; transition: border-color 0.3s; }
.kurumsal-mv-kart:hover { border-color: rgba(235,111,33,0.4); }
.kurumsal-mv-icon { width: 3.5vw; height: 3.5vw; border-radius: 50%; background: rgba(235,111,33,0.1); display: flex; align-items: center; justify-content: center; }
.kurumsal-mv-icon svg { width: 1.6vw; height: 1.6vw; stroke: #EB6F21; fill: none; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }
.kurumsal-mv-baslik { font-size: 1.4vw; font-weight: 700; color: #ffffff; }
.kurumsal-mv-text { font-size: 0.85vw; color: rgba(255,255,255,0.6); line-height: 1.8; font-weight: 300; }

.kurumsal-degerler { width: 100vw; padding: 5vw 10vw; box-sizing: border-box; }
.kurumsal-degerler-header { display: flex; align-items: flex-end; justify-content: space-between; margin-bottom: 3vw; }
.kurumsal-degerler-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.5vw; }
.kurumsal-deger-kart { border: 0.05vw solid rgba(255,255,255,0.08); border-radius: 0.8vw; padding: 2.5vw; display: flex; flex-direction: column; gap: 1vw; background: rgba(255,255,255,0.02); transition: background 0.3s, border-color 0.3s; }
.kurumsal-deger-kart:hover { background: rgba(235,111,33,0.05); border-color: rgba(235,111,33,0.3); }
.kurumsal-deger-num { font-size: 2.5vw; font-weight: 800; color: rgba(235,111,33,0.15); line-height: 1; font-family: "Bai Jamjuree"; }
.kurumsal-deger-baslik { font-size: 1vw; font-weight: 700; color: #ffffff; }
.kurumsal-deger-text { font-size: 0.8vw; color: rgba(255,255,255,0.55); line-height: 1.7; font-weight: 300; }


.products { width: 100vw; color: #ffffff; overflow-x: hidden; box-sizing: border-box; }
.urunler-hero { position: relative; width: 100vw; height: 20vw; display: flex; align-items: flex-end; padding: 0 10vw 4vw; box-sizing: border-box; overflow: hidden; }
.urunler-hero-bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; z-index: 1; filter: brightness(0.25); display: block; }
.urunler-hero-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(180deg, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0.9) 100%); z-index: 2; }
.urunler-hero-ellipse { position: absolute; left: -8vw; bottom: -10vw; width: 28vw; height: 28vw; border-radius: 43vw; background: #EB6F21; filter: blur(12vw); z-index: 2; pointer-events: none; opacity: 0.5; }
.urunler-hero-content { position: relative; z-index: 3; display: flex; flex-direction: column; gap: 0.8vw; }
.urunler-hero-breadcrumb { display: flex; align-items: center; gap: 0.5vw; font-size: 0.7vw; color: rgba(255,255,255,0.45); }
.urunler-hero-breadcrumb a { color: rgba(255,255,255,0.45); text-decoration: none; transition: color 0.3s; }
.urunler-hero-breadcrumb a:hover { color: #EB6F21; }
.urunler-hero-breadcrumb span { color: rgba(255,255,255,0.2); }
.urunler-baslik { padding: 0; }
.urunler-baslik h1 { font-size: 3.5vw; font-weight: 800; font-style: italic; font-family: "Bai Jamjuree"; color: #ffffff; margin: 0; line-height: 1.1; }
.urunler-wrap { width: 100vw; padding: 4vw 8vw; box-sizing: border-box; }
.urunler { display: grid; grid-template-columns: repeat(2, 1fr); gap: 2vw; width: 100%; }
.urunsayfa-tufek-kutu { position: relative; border-radius: .5vw; overflow: hidden; height: auto; transition: transform 0.4s ease, border-color 0.4s ease; }
.urunsayfa-tufek-kutu:hover { transform: scale(1.015); border-color: rgba(235,111,33,0.35); }
.urunsayfa-tufek-kutu img { position: relative; inset: 0; width: 100%; height: 13vw; object-fit: contain; display: block; transition: transform 0.6s ease; z-index: 1; }
.urunsayfa-tufek-kutu:hover img { transform: scale(1.06); }
.urunsayfa-tufek-overlay { position: absolute; inset: 0; background: linear-gradient(180deg, rgba(0,0,0,0.00) 40%, rgba(0,0,0,0.85) 100%); z-index: 2; }
.urunsayfa-tufek-info { position: relative; bottom: 0; left: 0; right: 0; padding: 1vw 2.5vw 2vw; z-index: 5; display: flex; flex-direction: row; gap: 0.8vw; justify-content: space-between; }
.urunsayfa-tufek-kutu h3 { font-size: 1.6vw; font-weight: 700; color: #ffffff; margin: 0; line-height: 1.2; transition: color 0.3s; }
.urunsayfa-tufek-kutu:hover h3 { color: #EB6F21; }
.urunsayfa-tufek-alt { display: flex; align-items: center; justify-content: space-between; }
.urunsayfa-tufek-detay { display: inline-flex; align-items: center; gap: 0.5vw; font-size: 0.8vw; color: #EB6F21; font-weight: 500; border: 0.05vw solid rgba(235,111,33,0.4); padding: 0.5vw 1.2vw; border-radius: 2vw; transition: background 0.3s; }
.urunsayfa-tufek-detay svg { width: 0.9vw; height: 0.9vw; stroke: #EB6F21; fill: none; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; transition: transform 0.3s; }
.urunler > .urunsayfa-tufek-kutu:last-child:nth-child(odd) { grid-column: 1 / -1; }
.urunler > .urunsayfa-tufek-kutu:last-child:nth-child(odd) h3 { font-size: 2.2vw; }
.urunler-empty { grid-column: 1 / -1; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 1.5vw; padding: 10vw 0; }
.urunler-empty svg { width: 4vw; height: 4vw; stroke: rgba(255,255,255,0.12); fill: none; stroke-width: 1; stroke-linecap: round; }
.urunler-empty p { font-size: 0.9vw; color: rgba(255,255,255,0.3); }
.urunler-pagination { display: flex; align-items: center; justify-content: center; gap: 0.6vw; margin-top: 5vw; padding-bottom: 5vw; }
.urunler-pagination .page-numbers { display: flex; align-items: center; justify-content: center; width: 3vw; height: 3vw; border-radius: 50%; border: 0.05vw solid rgba(255,255,255,0.12); color: rgba(255,255,255,0.5); text-decoration: none; font-size: 0.8vw; font-weight: 500; transition: all 0.3s; background: transparent; }
.urunler-pagination .page-numbers:hover { border-color: #EB6F21; color: #EB6F21; }
.urunler-pagination .page-numbers.current { background: #EB6F21; border-color: #EB6F21; color: #ffffff; }
.urunler-pagination .page-numbers.prev, .urunler-pagination .page-numbers.next { width: auto; padding: 0 1.5vw; border-radius: 2vw; font-size: 0.75vw; gap: 0.4vw; }


.media {min-height: 47vw;display: flex;align-items: center;justify-content: center;}
.media-icerik{display: flex;justify-content: space-around;flex-direction: column;margin: 8vw;}
.media-baslik {font-size: 6vw;}


.iletisim-page { width: 100vw; color: #ffffff; overflow-x: hidden; box-sizing: border-box; }
.iletisim-hero { position: relative; width: 100vw; height: 23vw; display: flex; align-items: flex-end; padding: 0 10vw 3vw; box-sizing: border-box; overflow: hidden; background:}
.iletisim-hero-ellipse-sol { position: absolute; left: -8vw; bottom: -8vw; width: 28vw; height: 28vw; border-radius: 43vw; background: #EB6F21; filter: blur(12vw); opacity: 0.45; pointer-events: none; z-index: 1; }
.iletisim-hero-ellipse-sag { position: absolute; right: -5vw; top: -5vw; width: 20vw; height: 20vw; border-radius: 43vw; background: #EB6F21; filter: blur(10vw); opacity: 0.1; pointer-events: none; z-index: 1; }
.iletisim-hero-content { position: relative; z-index: 2; display: flex; flex-direction: column; gap: 0.8vw; }
.iletisim-hero-breadcrumb { display: flex; align-items: center; gap: 0.5vw; font-size: 0.7vw; color: rgba(255,255,255,0.4); }
.iletisim-hero-breadcrumb a { color: rgba(255,255,255,0.4); text-decoration: none; transition: color 0.3s; }
.iletisim-hero-breadcrumb a:hover { color: #EB6F21; }
.iletisim-hero-breadcrumb span { color: rgba(255,255,255,0.2); }
.iletisim-hero-title { font-size: 3.5vw; font-weight: 800; font-style: italic; margin: 0; line-height: 1.1; font-family: "Bai Jamjuree"; }
.iletisim-hero-title em { color: #EB6F21; font-style: normal; }
.iletisim-hero-badge { display: inline-flex; align-items: center; gap: 0.4vw; border: 0.05vw solid rgba(255,255,255,0.2); border-radius: 2vw; padding: 0.35vw 1vw; font-size: 0.65vw; color: rgba(255,255,255,0.5); letter-spacing: 0.1vw; text-transform: uppercase; width: fit-content; }
.iletisim-body { width: 100vw; padding: 4vw 10vw; box-sizing: border-box; display: grid; grid-template-columns: 1fr 1.2fr; gap: 6vw; align-items: start; }
.iletisim-bilgiler { display: flex; flex-direction: column; gap: 3vw; }
.iletisim-bilgiler-baslik { display: flex; flex-direction: column; gap: 0.8vw; }
.iletisim-bilgiler-label { font-size: 0.7vw; color: #EB6F21; text-transform: uppercase; letter-spacing: 0.15vw; font-weight: 500; }
.iletisim-bilgiler-title { font-size: 1.8vw; font-weight: 800; font-style: italic; line-height: 1.25; margin: 0; font-family: "Bai Jamjuree"; }
.iletisim-bilgiler-desc { font-size: 0.85vw; color: rgba(255,255,255,0.55); line-height: 1.8; font-weight: 300; }
.iletisim-karti-grup { display: flex; flex-direction: column; gap: 1.2vw; }
.iletisim-karti { display: flex; align-items: flex-start; gap: 1.2vw; padding: 1vw 1.3vw; background: #111111; border: 0.05vw solid rgba(255,255,255,0.07); border-radius: 0.8vw; transition: border-color 0.3s, background 0.3s; text-decoration: none; }
.iletisim-karti:hover { border-color: rgba(235,111,33,0.35); background: rgba(235,111,33,0.04); }
.iletisim-karti-icon { width: 3vw; height: 3vw; border-radius: 50%; background: rgba(235,111,33,0.1); display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.iletisim-karti-icon svg { width: 1.2vw; height: 1.2vw; stroke: #EB6F21; fill: none; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.iletisim-karti-metin { display: flex; flex-direction: column; gap: 0.3vw; }
.iletisim-karti-baslik { font-size: 0.7vw; color: rgba(255,255,255,0.35); text-transform: uppercase; letter-spacing: 0.08vw; font-weight: 400; }
.iletisim-karti-deger { font-size: 0.9vw; color: #ffffff; font-weight: 500; }
.iletisim-sosyal { display: flex; flex-direction: column; gap: 1vw; }
.iletisim-sosyal-baslik { font-size: 0.7vw; color: rgba(255,255,255,0.35); text-transform: uppercase; letter-spacing: 0.1vw; }
.iletisim-sosyal-row { display: flex; gap: 0.8vw; }
.iletisim-sosyal-btn { width: 3vw; height: 3vw; border-radius: 50%; border: 0.05vw solid rgba(255,255,255,0.12); display: flex; align-items: center; justify-content: center; text-decoration: none; transition: border-color 0.3s, background 0.3s; }
.iletisim-sosyal-btn:hover { border-color: #EB6F21; background: rgba(235,111,33,0.1); }
.iletisim-sosyal-btn svg { width: 1.1vw; height: 1.1vw; fill: rgba(255,255,255,0.6); transition: fill 0.3s; }
.iletisim-sosyal-btn:hover svg { fill: #EB6F21; }
.iletisim-form-wrap { background: #111111; border: 0.05vw solid rgba(255,255,255,0.07); border-radius: 1vw; padding: 2vw; display: flex; flex-direction: column; gap: 0.5vw; }
.iletisim-form-baslik { font-size: 1.4vw; font-weight: 700; margin-bottom: 1.5vw; }
.iletisim-form-baslik span { color: #EB6F21; }
.iletisim-form-wrap .wpcf7 { width: 100%; }
.iletisim-form-wrap .wpcf7-form { display: flex; flex-direction: column; gap: 0vw; }
.iletisim-form-wrap .wpcf7-form p { margin: 0; display: flex; flex-direction: column; gap: 0.5vw; }
.iletisim-form-wrap label { font-size: 0.75vw; color: rgba(255,255,255,0.5); font-weight: 400; letter-spacing: 0.05vw; }
.iletisim-form-wrap input[type="text"], .iletisim-form-wrap input[type="email"], .iletisim-form-wrap input[type="tel"], .iletisim-form-wrap select, .iletisim-form-wrap textarea { width: 100%; background: #1a1a1a; border: 0.05vw solid rgba(255,255,255,0.1); border-radius: 0.5vw; padding: 1vw 1.2vw; color: #ffffff; font-size: 0.85vw; font-family: 'Inter', sans-serif; outline: none; transition: border-color 0.3s; box-sizing: border-box; }
.iletisim-form-wrap input[type="text"]:focus, .iletisim-form-wrap input[type="email"]:focus, .iletisim-form-wrap input[type="tel"]:focus, .iletisim-form-wrap select:focus, .iletisim-form-wrap textarea:focus { border-color: #EB6F21; }
.iletisim-form-wrap input::placeholder, .iletisim-form-wrap textarea::placeholder { color: rgba(255,255,255,0.25); font-size: 0.8vw; }
.iletisim-form-wrap textarea { height: 10vw; resize: none; }
.iletisim-form-wrap select { appearance: none; cursor: pointer; }
.iletisim-form-wrap .wpcf7-submit { width: 100%; padding: 1.1vw 2vw; background: #EB6F21; border: none; border-radius: 0.5vw; color: #ffffff; font-size: 0.9vw; font-weight: 600; font-family: 'Inter', sans-serif; cursor: pointer; transition: opacity 0.3s, transform 0.2s; letter-spacing: 0.05vw; }
.iletisim-form-wrap .wpcf7-submit:hover { opacity: 0.85; transform: translateY(-0.1vw); }
.iletisim-form-wrap .wpcf7-not-valid-tip { font-size: 0.7vw; color: #ff6b6b; margin-top: 0.3vw; }
.iletisim-form-wrap .wpcf7-response-output { font-size: 0.8vw; padding: 0.8vw 1.2vw; border-radius: 0.4vw; margin-top: 0.5vw; border: none !important; }
.iletisim-form-wrap .wpcf7-mail-sent-ok { background: rgba(39,174,96,0.15); color: #27ae60; }
.iletisim-form-wrap .wpcf7-validation-errors { background: rgba(255,107,107,0.1); color: #ff6b6b; }
.iletisim-harita { width: 100vw; padding: 0 10vw 6vw; box-sizing: border-box; }
.iletisim-harita iframe { width: 100%; height: 25vw; border-radius: 1vw; border: none; filter: grayscale(0.8) invert(0.9) contrast(0.85); display: block; }

.bayiler-page { width: 100vw; color: #ffffff; overflow-x: hidden; box-sizing: border-box; min-height: 50vw; }
.bayiler-hero { position: relative; width: 100vw; height: 23vw; display: flex; align-items: flex-end; justify-content: flex-start; padding: 0px 10vw 3vw; box-sizing: border-box; overflow: hidden; }
.bayiler-hero-bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; z-index: 1; filter: brightness(0.35); display: block; }
.bayiler-hero-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(90deg, rgba(0,0,0,0.75) 40%, rgba(0,0,0,0.1) 100%); z-index: 2; }
.bayiler-hero-ellipse { position: absolute; left: -8vw; bottom: -12vw; width: 30vw; height: 30vw; border-radius: 43vw; background: #EB6F21; filter: blur(13vw); z-index: 2; pointer-events: none; opacity: 0.6; }
.bayiler-hero-content { position: relative; z-index: 3; display: flex; flex-direction: column; gap: 1.5vw; max-width: 45vw; }
.bayiler-hero-badge { display: inline-flex; align-items: center; border: 0.05vw solid rgba(255,255,255,0.3); border-radius: 2vw; padding: 0.4vw 1.2vw; font-size: 0.65vw; font-weight: 400; color: rgba(255,255,255,0.7); letter-spacing: 0.12vw; text-transform: uppercase; width: fit-content; }
.bayiler-hero-title { font-size: 3.5vw; font-weight: 800; line-height: 1.15; font-style: italic; margin: 0; font-family: "Bai Jamjuree"; }
.bayiler-hero-title span { color: #EB6F21; }
.bayiler-hero-desc { font-size: 1vw; color: rgba(255,255,255,0.7); line-height: 1.7; font-weight: 300; }
.bayiler-map-wrapper { width: 100vw; padding: 5vw 10vw; box-sizing: border-box; display: flex; justify-content: center; position: relative; }
.bayiler-map-container { width: 75vw; position: relative; z-index: 2; }
.bayiler-map-container svg { width: 100%; height: auto; }
.bayiler-ellipse-bg { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 45vw; height: 45vw; border-radius: 50%; background: #EB6F21; filter: blur(18vw); opacity: 0.1; z-index: 1; pointer-events: none; }
.bayiler-modal { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background: rgba(0,0,0,0.85); z-index: 9999; display: none; align-items: center; justify-content: center; opacity: 0; transition: opacity 0.35s ease; backdrop-filter: blur(0.4vw); }
.bayiler-modal-content { background: #121212; border: 0.05vw solid rgb(255 255 255 / 40%); border-radius: 1vw; width: 45vw; max-height: 80vh; overflow-y: auto; padding: 3vw; position: relative; box-shadow: 0 2vw 5vw rgba(0,0,0,0.8); display: flex; flex-direction: column; gap: 2vw; }
.bayiler-modal-close { position: absolute; top: 1.5vw; right: 1.5vw; background: rgba(255,255,255,0.05); border: none; color: #ffffff; font-size: 1.5vw; width: 2.5vw; height: 2.5vw; border-radius: 50%; cursor: pointer; transition: background 0.3s, color 0.3s; display: flex; align-items: center; justify-content: center; }
.bayiler-modal-close:hover { background: #EB6F21; color: #ffffff; }
.bayiler-modal-header h2 { font-size: 2vw; font-weight: 800; color: #ffffff; margin: 0; display: flex; align-items: center; gap: 0.8vw; text-transform: capitalize; }
.bayiler-modal-header h2 svg { width: 2vw; height: 2vw; fill: #ffffff; }
.bayiler-listesi { display: flex; flex-direction: column; gap: 1.2vw; }
.bayi-karti { background: rgba(255,255,255,0.03); border: 0.05vw solid rgba(255,255,255,0.08); border-radius: 0.6vw; padding: 1.5vw; transition: background 0.3s, border-color 0.3s; display: flex; flex-direction: column; gap: 0.8vw; }
.bayi-karti:hover { background: rgba(235,111,33,0.05); border-color: rgba(235,111,33,0.3); }
.bayi-isim { font-size: 1.2vw; font-weight: 700; color: #ffffff; margin-bottom: 0.4vw; }
.bayi-detay { font-size: 0.85vw; color: rgba(255,255,255,0.7); display: flex; align-items: flex-start; gap: 0.6vw; line-height: 1.5; }
.bayi-detay strong { color: #ffffff; font-weight: 600; width: 4.5vw; flex-shrink: 0; }
.bayi-bos { font-size: 1vw; color: rgba(255, 255, 255, 0.28); text-align: center; padding: 4vw 0; background: rgba(255,255,255,0.02); border-radius: 0.6vw; }
.bayiler-modal-content::-webkit-scrollbar { width: 0.5vw; }
.bayiler-modal-content::-webkit-scrollbar-track { background: rgba(255,255,255,0.05); border-radius: 1vw; }
.bayiler-modal-content::-webkit-scrollbar-thumb { background: rgba(235,111,33,0.5); border-radius: 1vw; }
.bayiler-modal-content::-webkit-scrollbar-thumb:hover { background: #EB6F21; }
.bayiler-arama-kapsayici { width: 40vw; margin: 2vw auto; position: relative; z-index: 5; text-align: center; }
.bayiler-arama-input { width: 100%; padding: 1.2vw 1.5vw; padding-left: 2vw; font-size: 1.1vw; background: rgba(255,255,255,0.05); border: 0.1vw solid rgba(235,111,33,0.3); border-radius: 2vw; color: #fff; outline: none; transition: all 0.3s ease; box-sizing: border-box; font-family: inherit; }
.bayiler-arama-input:focus { border-color: #EB6F21; background: rgba(255,255,255,0.1); box-shadow: 0 0 1vw rgba(235,111,33,0.2); }
.bayiler-arama-input::placeholder { color: rgba(255,255,255,0.4); }
.bayiler-mobil-liste { display: none; }
.map-tooltip { position: fixed; background: #121212; color:#ffffff; border: 0.1vw solid rgba(39, 39, 39, 0.4); padding: 0.5vw 1vw; border-radius: 0.5vw; font-size: 1vw; font-weight: 600; pointer-events: none; z-index: 10000; opacity: 0; transition: opacity 0.2s ease; text-transform: capitalize; box-shadow: 0 0.5vw 1vw rgba(0,0,0,0.5); }
.bayi-map-pin { position: absolute; width: 1vw; height: 1vw; margin-left: 0vw; margin-top: 0vw; cursor: pointer; z-index: 10; display: flex; align-items: center; justify-content: center; }
.pin-icon { width: 0.3vw; height: 0.3vw; background: #ffffff; border-radius: 50%; border: 0.15vw solid #fff; box-shadow: 0 0 0.5vw rgba(0,0,0,0.5); transition: transform 0.2s, box-shadow 0.2s; position: relative; }
.pin-icon::after { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 2.5vw; height: 2.5vw; border-radius: 50%; background: rgba(255, 255, 255, 0.4); animation: pinPulse 2s infinite; pointer-events: none; }
@keyframes pinPulse {
    0% { transform: translate(-50%, -50%) scale(0.4); opacity: 0.2; }
    100% { transform: translate(-50%, -50%) scale(1); opacity: 0; }
}
.bayi-map-pin:hover .pin-icon { transform: scale(1.3); box-shadow: 0 0 1vw rgba(235, 111, 33, 0.8); }
.yol-tarifi-btn { display: inline-flex; align-items: center; gap: 0.4vw; margin-top: 1vw; padding: 0.6vw 1.2vw; background: rgb(255 255 255 / 0%); border: 0.05vw solid #ffffff; color: #ffffff; text-decoration: none; border-radius: 0.4vw; font-size: 0.9vw; font-weight: 600; transition: all 0.3s ease; width: fit-content; }
.yol-tarifi-btn svg { width: 1.2vw; height: 1.2vw; fill: #ffffff; transition: fill 0.3s ease; }
.yol-tarifi-btn:hover { background: #EB6F21; color: #fff; }
.yol-tarifi-btn:hover svg { fill: #fff; }




.media { min-height: 47vw; display: flex; justify-content: center; margin-bottom: 6vw; gap: 5vw; /* padding: 3vw 0; */ align-items: flex-start; flex-direction: column; }
.galeri-hero { position: relative; width: 100vw; height: 23vw; display: flex; align-items: flex-end; justify-content: flex-start; padding: 0px 10vw 3vw; box-sizing: border-box; overflow: hidden; }
.galeri-hero-bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; z-index: 1; filter: brightness(0.35); display: block; }
.galeri-hero-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(90deg, rgba(0,0,0,0.75) 40%, rgba(0,0,0,0.1) 100%); z-index: 2; }
.galeri-hero-ellipse { position: absolute; left: -8vw; bottom: -12vw; width: 30vw; height: 30vw; border-radius: 43vw; background: #EB6F21; filter: blur(13vw); z-index: 2; pointer-events: none; opacity: 0.6; }
.galeri-hero-content { position: relative; z-index: 3; display: flex; flex-direction: column; gap: 1.5vw; max-width: 45vw; }
.galeri-hero-badge { display: inline-flex; align-items: center; border: 0.05vw solid rgba(255,255,255,0.3); border-radius: 2vw; padding: 0.4vw 1.2vw; font-size: 0.65vw; font-weight: 400; color: rgba(255,255,255,0.7); letter-spacing: 0.12vw; text-transform: uppercase; width: fit-content; }
.galeri-hero-title { font-size: 3.5vw; font-weight: 800; line-height: 1.15; font-style: italic; margin: 0; font-family: "Bai Jamjuree"; }
.galeri-hero-title span { color: #EB6F21; }
.galeri-hero-desc { font-size: 1vw; color: rgba(255,255,255,0.7); line-height: 1.7; font-weight: 300; }
.media-icerik{display: flex;justify-content: space-around;flex-direction: column;margin: 8vw;}
.media {min-height: 47vw;display: flex;justify-content: center;margin-bottom: 6vw;/* padding: 3vw 0; */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: 26vw !important; border-radius: .5vw; 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;}
.galeri-hero-title { font-size: 3.5vw; font-weight: 800; line-height: 1.15; font-style: italic; margin: 0; font-family: "Bai Jamjuree"; color: #fff; }


.sp { width:100vw; background:#0a0a0a; color:#fff; font-family:'Inter',sans-serif; overflow-x:hidden; }
.sp-hero { width: 100vw; min-height: 18vw; display: flex; flex-direction: column; justify-content: flex-end; position: relative; overflow: hidden; }
.sp-hero-bg { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; filter:blur(2.5vw) brightness(0.1) saturate(0.3); transform:scale(1.08); }
.sp-hero-fade { position:absolute; bottom:0; left:0; right:0; height:50%; background:linear-gradient(to top,#0a0a0a,transparent); }
.sp-hero-body { position: relative; z-index: 2; padding: 4vw 11vw 3.5vw; }
.sp-hero-eyebrow { font-size:0.72vw; font-weight:700; letter-spacing:0.35vw; text-transform:uppercase; color:rgba(255,255,255,0.28); margin-bottom:1.2vw; display:flex; align-items:center; gap:0.7vw; }
.sp-hero-eyebrow::before { content:''; display:block; width:1.8vw; height:0.08vw; background:rgba(255,255,255,0.28); }
.sp-hero-h1 { font-size: 2vw; font-weight: 900; font-style: italic; text-transform: uppercase; letter-spacing: 0; line-height: 0.92; margin: 0; color: #fff; }
.sp-row { width: 100vw; border-top: 0.05vw solid rgba(255,255,255,0.06); border-bottom: 0.05vw solid rgba(255,255,255,0.06); }
.sp-img-col { position: relative; background: #0e0e0e; display: flex; align-items: center; width: 100%; justify-content: center; padding: 0 2vw; cursor: zoom-in; border-right: 0.05vw solid rgba(255,255,255,0.06); min-height: 30vw; overflow: hidden; }
.sp-img-col img { max-width: 100%; max-height: 22vw; width: 75%; object-fit: contain; display: block; transition: transform 0.5s ease; }
.sp-img-col:hover img { transform:scale(1.03); }
.sp-zoom-badge { position:absolute; bottom:1.5vw; right:1.5vw; background:rgba(255,255,255,0.07); border:0.05vw solid rgba(255,255,255,0.1); border-radius:0.35vw; padding:0.5vw 0.9vw; font-size:0.72vw; color:rgba(255,255,255,0.4); display:flex; align-items:center; gap:0.35vw; opacity:0; transition:opacity 0.3s; pointer-events:none; }
.sp-img-col:hover .sp-zoom-badge { opacity:1; }
.sp-zoom-badge svg { width:0.85vw; height:0.85vw; fill:rgba(255,255,255,0.4); }
.sp-info-col { padding:3.5vw 4vw; display:flex; flex-direction:column; gap:2.5vw; }
.sp-info-label { font-size:0.68vw; font-weight:700; letter-spacing:0.3vw; text-transform:uppercase; color:rgba(255,255,255,0.22); margin-bottom:1.2vw; }
.sp-excerpt-text { font-size:1.05vw; line-height:1.8; color:rgba(255,255,255,0.5); font-weight:300; }
.sp-divider { width:100%; height:0.05vw; background:rgba(255,255,255,0.06); }
.sp-quick { display:flex; flex-direction:column; }
.sp-quick-row { display:flex; justify-content:space-between; align-items:center; padding:1vw 0; border-bottom:0.05vw solid rgba(255,255,255,0.045); }
.sp-quick-row:last-child { border-bottom:none; }
.sp-quick-k { font-size:0.85vw; color:rgba(255,255,255,0.32); }
.sp-quick-v { font-size:0.85vw; font-weight:600; color:rgba(255,255,255,0.88); text-align:right; max-width:55%; }
.sp-tabs-wrap { width:100vw; background:#0a0a0a; position:sticky; top:0; z-index:50; border-bottom:0.05vw solid rgba(255,255,255,0.07); }
.sp-tabs-nav { width:84vw; margin:0 auto; display:flex; gap:0; }
.sp-tab-btn { padding:1.6vw 0; margin-right:3vw; background:none; border:none; border-bottom:0.15vw solid transparent; color:rgba(255,255,255,0.3); font-size:0.8vw; font-weight:600; letter-spacing:0.2vw; text-transform:uppercase; cursor:pointer; transition:color 0.25s, border-color 0.25s; font-family:inherit; white-space:nowrap; }
.sp-tab-btn:hover { color:rgba(255,255,255,0.7); }
.sp-tab-btn.active { color:#fff; border-bottom-color:#fff; }
.sp-tabs-content { width: 84vw; margin: 0 auto; padding: 2vw 0 8vw; }
.sp-tab-panel { display:none; animation:sp-fadein 0.35s ease; }
.sp-tab-panel.active { display:block; }
@keyframes sp-fadein { from { opacity:0; transform:translateY(0.8vw); } to { opacity:1; transform:translateY(0); } }
.sp-spec-table { width:100%; border-collapse:collapse; }
.sp-spec-table tbody tr { border-bottom:0.05vw solid rgba(255,255,255,0.04); transition:background 0.2s; }
.sp-spec-table tbody tr:nth-child(even) { background:rgba(255,255,255,0.022); }
.sp-spec-table tbody tr:hover { background:rgba(255,255,255,0.05); }
.sp-spec-table td { padding:1.25vw 1.4vw; font-size:0.9vw; vertical-align:middle; line-height:1.5; }
.sp-spec-table td:first-child { color:rgba(255,255,255,0.38); width:38%; }
.sp-spec-table td:last-child { color:rgba(255,255,255,0.9); font-weight:500; }
.sp-val-list { display:flex; flex-direction:column; gap:0.25vw; }
.sp-opts-grid { display: grid; grid-template-columns: repeat(2,1fr); gap: 0.15vw; margin-top: 4vw; }
.sp-opt { background: #111; border-radius: 0.5vw; overflow: hidden; display: flex; flex-direction: column; transition: background 0.25s, transform 0.25s; height: 20vw; }
.sp-opt:hover { background:#161616; transform:translateY(-0.25vw); }
.sp-opt-img { width: 100%; object-fit: contain; background: #0d0d0d; padding: 0.5vw; box-sizing: border-box; }
.sp-opt-body { padding:1.8vw 2vw 2.2vw; display:flex; flex-direction:column; gap:1.2vw; border-top:0.05vw solid rgba(255,255,255,0.05); }
.sp-opt-title { font-size:0.95vw; font-weight:700; color:#fff; text-transform:uppercase; letter-spacing:0.05vw; }
.sp-opt-row { display:flex; justify-content:space-between; padding:0.55vw 0; border-bottom:0.05vw solid rgba(255,255,255,0.04); font-size:0.8vw; }
.sp-opt-row:last-child { border-bottom:none; }
.sp-opt-row span:first-child { color:rgba(255,255,255,0.32); }
.sp-opt-row span:last-child { color:rgba(255,255,255,0.82); font-weight:500; text-align:right; max-width:55%; }
.sp-desc-content { font-size:1.1vw; line-height:2; color:rgba(255,255,255,0.6); font-weight:300; max-width:65vw; }
.sp-desc-content h2, .sp-desc-content h3 { color:#fff; font-weight:700; }
.sp-desc-content p { margin-bottom:1.5vw; }
.sp-gallery { display:grid; grid-template-columns:repeat(5,1fr); gap:0.3vw; }
.sp-gal-item { cursor: zoom-in; overflow: hidden; background: #111; }
.sp-gal-item img { width:100%; height:100%; object-fit:cover; display:block; filter:brightness(0.82); transition:transform 0.4s ease, filter 0.4s ease; }
.sp-gal-item:hover img { transform:scale(1.06); filter:brightness(1); }
.sp-vids { display:grid; grid-template-columns:repeat(2,1fr); gap:1.5vw; }
.sp-vid-wrap { position:relative; padding-bottom:56.25%; height:0; background:#111; border-radius:0.6vw; overflow:hidden; }
.sp-vid-wrap iframe { position:absolute; inset:0; width:100%; height:100%; border:none; }
.sp-tab-subhead { font-size: 0.68vw; font-weight: 700; letter-spacing: 0.3vw; text-transform: uppercase; color: rgba(255,255,255,0.22); padding-bottom: 1vw; border-bottom: 0.05vw solid rgba(255,255,255,0.06); margin-bottom: 1vw; }
.sp-lb { position:fixed; inset:0; z-index:9999; display:none; align-items:center; justify-content:center; opacity:0; transition:opacity 0.3s; }
.sp-lb.on { display:flex; }
.sp-lb.show { opacity:1; }
.sp-lb-bd { position:absolute; inset:0; background:rgba(0,0,0,0.9); cursor:pointer; }
.sp-lb-panel { position: relative; z-index: 1; background: #fff; border-radius: 0.8vw; display: flex; flex-direction: column; align-items: center; box-shadow: 0 3vw 8vw rgba(0,0,0,0.7); }
.sp-lb-img { max-width:62vw; max-height:78vh; object-fit:contain; display:block; border-radius:0.3vw; }
.sp-lb-x { position:absolute; top:1vw; right:1vw; width:2.2vw; height:2.2vw; background:#f2f2f2; border:0.05vw solid #ddd; border-radius:50%; cursor:pointer; display:flex; align-items:center; justify-content:center; font-size:1.1vw; color:#444; border:none; transition:background 0.2s; }
.sp-lb-x:hover { background:#e5e5e5; }
.sp-docs-list { display:flex; flex-direction:column; gap:0.15vw; }
.sp-doc-item { display:flex; align-items:center; justify-content:space-between; padding:1.4vw 1.8vw; background:rgba(255,255,255,0.02); border:0.05vw solid rgba(255,255,255,0.05); border-radius:0.4vw; transition:background 0.2s, border-color 0.2s; text-decoration:none; gap:2vw; }
.sp-doc-item:hover { background:rgba(255,255,255,0.05); border-color:rgba(255,255,255,0.12); }
.sp-doc-left { display:flex; align-items:center; gap:1.2vw; }
.sp-doc-icon { width: 2.2vw; height: 2.2vw; flex-shrink: 0; opacity: 0.4; stroke: #FFF; }
.sp-doc-name { font-size:0.92vw; color:rgba(255,255,255,0.82); font-weight:500; }
.sp-doc-ext { font-size:0.75vw; color:rgba(255,255,255,0.28); text-transform:uppercase; letter-spacing:0.1vw; margin-top:0.2vw; }
.sp-doc-dl { display:flex; align-items:center; gap:0.5vw; font-size:0.75vw; color:rgba(255,255,255,0.3); font-weight:600; letter-spacing:0.15vw; text-transform:uppercase; flex-shrink:0; }
.sp-doc-dl svg { width:0.9vw; height:0.9vw; fill:rgba(255,255,255,0.3); }
.sp-doc-item:hover .sp-doc-dl, .sp-doc-item:hover .sp-doc-dl svg { color:rgba(255,255,255,0.7); fill:rgba(255,255,255,0.7); }










footer { width: 100vw;display: flex; flex-direction: column; align-items: center; padding: 3vw 6vw 1.5vw; box-sizing: border-box; font-family: 'Inter', sans-serif; }
.footer-logo { margin-bottom: 2.5vw; }
.footer-logo img { height: 3.5vw; width: auto; object-fit: contain; display: block; }
.footer-nav { display: flex; align-items: center; justify-content: center; gap: 4vw; list-style: none; margin: 0 0 3.5vw 0; padding: 0; }
.footer-nav a { color: #ffffff; text-decoration: none; font-size: 0.8vw; font-weight: 500; letter-spacing: 0.12vw; text-transform: uppercase; transition: opacity 0.3s ease; }
.footer-nav a:hover { opacity: 0.5; }
.footer-bottom { width: 100%; border-top: 0.05vw solid rgba(255,255,255,0.1); padding-top: 1.2vw; display: flex; align-items: center; justify-content: space-between; }
.footer-copy { font-size: 0.7vw; color: rgba(255,255,255,0.4); font-weight: 300; }
.footer-brand-icon img { height: 2.2vw; width: auto; object-fit: contain; opacity: 0.6; transition: opacity 0.3s; }
.footer-brand-icon img:hover { opacity: 1; }