@media only screen and  (max-width:481px){
.header{display:none;}
.mobile-header {display:block;}
.fhm-header li.lang { list-style: none; margin-left: 25vw; }
.fhm-header li.lang a { color: #fff; }
li.barak-store a { background: #eb6f21; }
.fhm-header { position: fixed; width: 100%; z-index: 999; display: flex; align-items: center; justify-content: space-between; height: 22vw; background: linear-gradient(90deg, rgba(0,0,0,0.75) 0%, rgba(0,0,0,0.50) 100%); backdrop-filter: blur(12.5px); padding: 0 5vw; gap: 3vw; box-sizing: border-box; }
.fhm-header .fhm-logo { display: flex; align-items: center; gap: 2vw; flex-shrink: 0; text-decoration: none; }
.fhm-header .fhm-logo img { height: 13vw; width: auto; }
.fhm-header .fhm-logo-text { display: flex; flex-direction: column; gap: 0.3vw; }
.fhm-header .fhm-logo-text .brand { font-family: 'Inter', sans-serif; font-size: 3.5vw; font-weight: 700; color: #fff; letter-spacing: 0.08em; text-transform: lowercase; }
.fhm-header .fhm-logo-text .tagline { font-family: 'Inter', sans-serif; font-size: 1.8vw; font-weight: 400; color: rgba(255,255,255,0.60); letter-spacing: 0.12em; text-transform: uppercase; }
.fhm-header .fhm-controls { display: flex; align-items: center; gap: 4vw; }
.fhm-header .fhm-search-btn { background: none; border: none; cursor: pointer; display: flex; align-items: center; justify-content: center; padding: 0; transition: opacity 0.25s ease; }
.fhm-header .fhm-search-btn:hover { opacity: 0.7; }
.fhm-header .fhm-search-btn svg { width: 5vw; height: 5vw; }
.fhm-header .fhm-burger { background: none; border: none; cursor: pointer; display: flex; flex-direction: column; justify-content: center; gap: 1.4vw; padding: 0; width: 6vw; }
.fhm-header .fhm-burger span { display: block; width: 100%; height: 0.4vw; background: #fff; border-radius: 2vw; transition: transform 0.35s ease, opacity 0.35s ease; transform-origin: center; }
.fhm-header .fhm-burger.open span:nth-child(1) { transform: translateY(1.8vw) rotate(45deg); }
.fhm-header .fhm-burger.open span:nth-child(2) { opacity: 0; transform: scaleX(0); }
.fhm-header .fhm-burger.open span:nth-child(3) { transform: translateY(-1.8vw) rotate(-45deg); }
.fhm-nav-drawer { position: fixed; top: 21.5vw; left: 0; width: 100%; height: calc(100vh - 16vw); background: #000000f0; backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); z-index: 998; display: flex; flex-direction: column; gap: 0; overflow-y: auto; transform: translateX(100%); transition: transform 0.4s cubic-bezier(0.77,0,0.175,1); }
.fhm-nav-drawer.open { transform: translateX(0); }
.fhm-nav-drawer ul { list-style: none; display: flex; flex-direction: column; gap: 0; }
.fhm-nav-drawer ul li a { display: block; font-size: 3vw; font-weight: 500; color: rgba(255,255,255,0.80); letter-spacing: 0.10em; text-transform: uppercase; text-decoration: none; padding: 4.5vw 6vw; border-bottom: 0.5px solid rgba(255,255,255,0.08); transition: color 0.2s ease, background 0.2s ease; }
.fhm-nav-drawer ul li a:hover { color: #fff; background: rgba(255,255,255,0.04); }
.fhm-nav-drawer ul li.active a { color: #fff; }
.fhm-nav-drawer .fhm-accordion-trigger { display: flex; align-items: center; justify-content: space-between; cursor: pointer; }
.fhm-nav-drawer .fhm-accordion-trigger::after { content: ''; display: block; width: 2.5vw; height: 2.5vw; border-right: 1.5px solid rgba(255,255,255,0.60); border-bottom: 1.5px solid rgba(255,255,255,0.60); transform: rotate(45deg); transition: transform 0.3s ease; }
.fhm-nav-drawer .fhm-accordion-trigger.open::after { transform: rotate(225deg); }
.fhm-nav-drawer .fhm-sub-menu { display: none; flex-direction: column; gap: 0; background: rgba(255,255,255,0.03); }
.fhm-nav-drawer .fhm-sub-menu.open { display: flex; }
.fhm-nav-drawer .fhm-sub-menu li a { font-size: 3.2vw; font-weight: 400; color: rgba(255,255,255,0.60); padding: 3.5vw 9vw; border-bottom: 0.5px solid rgba(255,255,255,0.05); }
.fhm-nav-drawer .fhm-sub-menu li a:hover { color: #fff; }
.fhm-search-panel {position: fixed;top: 0;left: 0;width: 100%;height: 22vw;background: #000;z-index: 1000;display: flex;align-items: center;gap: 4vw;padding: 0 5vw;box-sizing: border-box;opacity: 0;visibility: hidden;pointer-events: none;transition: opacity 0.35s ease, visibility 0.35s ease;}
.fhm-search-panel.active { opacity: 1; visibility: visible; pointer-events: auto; }
.fhm-search-panel svg { width: 5vw; height: 5vw; flex-shrink: 0; }
.fhm-search-panel form { flex: 1; display: flex; align-items: center; }
.fhm-search-panel input[type="search"] { flex: 1; background: none; border: none; border-bottom: 1px solid rgba(255,255,255,0.30); font-size: 3.5vw; font-weight: 300; color: #fff; letter-spacing: 0.06em; outline: none; padding-bottom: 1.2vw; transition: border-color 0.25s ease; }
.fhm-search-panel input[type="search"]:focus { border-color: rgba(255,255,255,0.80); }
.fhm-search-panel input[type="search"]::placeholder { color: rgba(255,255,255,0.35); }
.fhm-search-panel input[type="search"]::-webkit-search-cancel-button { display: none; }
.fhm-search-panel .fhm-search-close { background: none; border: none; cursor: pointer; color: rgba(255,255,255,0.70); font-size: 2.5vw; letter-spacing: 0.12em; text-transform: uppercase; transition: color 0.2s ease; display: flex; align-items: center; gap: 1.5vw; flex-shrink: 0; }
.fhm-search-panel .fhm-search-close::before { content: '✕'; font-size: 3.5vw; }
.fhm-search-panel .fhm-search-close:hover { color: #fff; }
.fhm-nav-drawer .has-nested-menu > .fhm-parent-category-trigger {display: flex;align-items: center;justify-content: space-between;}
.fhm-nav-drawer .has-nested-menu > .fhm-parent-category-trigger::after {content: '';display: block;width: 2vw;height: 2vw;border-right: 1.5px solid rgba(255,255,255,0.45);border-bottom: 1.5px solid rgba(255,255,255,0.45);transform: rotate(45deg);transition: transform 0.3s ease;}
.fhm-nav-drawer .has-nested-menu > .fhm-parent-category-trigger.show-menu::after {transform: rotate(225deg);}
.fhm-nav-drawer .fhm-nested-menu {display: none;flex-direction: column;padding-left: 4vw;background: rgba(0,0,0,0.2);}
.fhm-nav-drawer .fhm-nested-menu.show-menu {display: flex;}
.fhm-nav-drawer .fhm-nested-menu li a {font-size: 2.8vw;opacity: 0.8;padding: 3vw 10vw;}

.anasayfa-alan-1 .hero-section { position: relative; width: 79vw; margin: 30vw auto 0; padding-top: 0vw; display: flex; align-items: center; justify-content: space-between; color: #ffffff; }
.anasayfa-alan-1 .hero-container { position: relative; z-index: 2; width: 100%; display: flex; align-items: center; justify-content: space-between; gap: 10vw; flex-direction: column; }
.anasayfa-alan-1 .hero-slider-wrap { width: 79vw; display: flex; flex-direction: column; gap: 2vw; }
.anasayfa-alan-1 .hero-slide { max-width: 38vw; height: 68vw; border-radius: 1vw; overflow: hidden; scroll-snap-align: start; flex-shrink: 0; background: #222222; min-width: 38vw; }
.anasayfa-alan-1 .slider-next { background: transparent; border: 0.1vw solid #ffffff; width: 6.5vw; height: 6.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-prev svg, .slider-next svg { width: 6.8vw; height: 6.8vw; }
.anasayfa-alan-1 .slider-prev { background: #ffffff; border: none; width: 6.5vw; height: 6.5vw; border-radius: 50%; display: flex; align-items: center; justify-content: center; cursor: pointer; flex-shrink: 0; }
.anasayfa-alan-1 .hero-content { width: 100%; text-align: right; display: flex; flex-direction: column; align-items: flex-end; gap: 2vw; }
.anasayfa-alan-1 .hero-subtitle { font-size: 2vw; letter-spacing: 0.2vw; color: #888888; text-transform: uppercase; margin-bottom: 1.5vw; margin-top: 0; }
.anasayfa-alan-1 .hero-title { font-size: 5.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-desc { font-size: 2vw; color: #cccccc; margin-bottom: 3vw; width: 90%; line-height: 1.6; }
.anasayfa-alan-1 .btn-outline { padding: 1.5vw 3vw; border: 0.1vw solid #ffffff; border-radius: 2vw; color: #ffffff; text-decoration: none; font-size: 2.2vw; font-weight: 600; transition: background 0.3s, color 0.3s; }
.anasayfa-alan-1 .btn-solid { padding: 1.5vw 3vw; background: #ffffff; border: 0.1vw solid #ffffff; border-radius: 2vw; color: #000000; text-decoration: none; font-size: 2.2vw; font-weight: 600; transition: background 0.3s; }
.anasayfa-alan-1 .hero-info-box p { font-size: 2.2vw; color: #aaaaaa; margin: 0; flex: 1; line-height: 1.5; }
.anasayfa-alan-1 .info-logo img { width: 9vw; }
.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: 4.5vw; width: 96%; text-align: right; background: rgba(255,255,255,0.03); }

.anasayfa-alan-2 { padding: 10vw 10vw; width: 100vw; box-sizing: border-box; display: flex; flex-direction: column; gap: 5vw; position: relative; z-index: 99; }
.anasayfa-alan-2 .products-title { font-size: 4vw; font-weight: 400; color: #ffffff; margin: 0; text-transform: uppercase; letter-spacing: 0.1vw; }
.anasayfa-alan-2 .products-view-all { padding: 1.5vw 3vw; background: #ffffff; color: #e07635; text-decoration: none; border-radius: 2vw; font-size: 2.2vw; font-weight: 600; transition: opacity 0.3s; }
.anasayfa-alan-2 .products-grid { display: grid; grid-template-columns: repeat(1, 1fr); gap: 5vw; width: 100%; }
.anasayfa-alan-2 .product-cat-card { position: relative; display: flex; align-items: center; justify-content: center; height: 50vw; 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: 50vw; }
.anasayfa-alan-2 .product-cat-title { position: relative; z-index: 3; font-size: 3.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); }

.about-wrapper { display: flex; width: 100%; 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); flex-direction: column-reverse; }
.about-image { width: 100%; flex-shrink: 0; }
.about-content { width: 100%; 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 img { width: 35vw; height: auto; object-fit: contain; }
.about-text { font-size: 2.5vw; color: #cccccc; line-height: 1.6; margin-bottom: 2.5vw; font-weight: 300; }
.about-btn { padding: 1.5vw 3vw; background: #ffffff; color: #e07635; text-decoration: none; border-radius: 2vw; font-size: 2.2vw; font-weight: 600; transition: opacity 0.3s; }
.about-content { width: 100%; 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; gap: 4vw; }
.about-watermark { position: absolute; right: -5vw; top: 2vw; width: 44vw; height: 50vw; opacity: 1; z-index: 1; pointer-events: none; display: flex; align-items: center; justify-content: center; }

.alan4-video-wrap { width: 80vw; height: 57vw; border-radius: 0.8vw; overflow: hidden; background: #000000; }
.alan4-social-btn { display: flex; align-items: center; gap: 0.6vw; text-decoration: none; color: #ffffff; font-size: 1.95vw; font-weight: 400; letter-spacing: 0.05vw; transition: opacity 0.3s ease; }

.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; flex-direction: column; gap: 5vw; }
.alan5-sol-ust { display: flex; flex-direction: column; gap: 3.5vw; align-items: center; width: 100%; }
.alan5-badge { display: inline-flex; align-items: center; border: 0.05vw solid rgba(255,255,255,0.3); border-radius: 2vw; padding: 1.4vw 2vw; font-size: 1.7vw; font-weight: 400; color: rgba(255,255,255,0.7); letter-spacing: 0.05vw; width: fit-content; }
.alan5-sol { width: 100%; display: flex; flex-direction: column; justify-content: space-between; height: 35vw; gap: 3vw; }
.alan5-sol-metin-1 { font-size: 2.5vw; color: rgba(255,255,255,0.8); line-height: 1.7; font-weight: 500; text-align: center; }
.alan5-sol-line {display: none; }
.alan5-sol-metin-2 { font-size: 2.5vw; color: rgba(255,255,255,0.8); line-height: 1.7; text-align: center; font-weight: 600; }
.alan5-orta img { width: 100%; height: auto; object-fit: contain; display: block; position: relative; left: 0vw; }
.alan5-orta { width: 71vw; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.alan5-kart:nth-child(1) { right: 0vw; top: 0vw; position: relative; }
.alan5-kart:nth-child(3) { right: 0vw; top: 0vw; position: relative; }
.alan5-kart { border: 0.05vw solid rgba(255,255,255,0.12); border-radius: 0.5vw; padding: 1.5vw 1.8vw; width: 100%; background: rgba(255,255,255,0.03); text-align: right; transition: background 0.3s ease; display: flex; flex-direction: column; align-items: center; }
.alan5-sag { width: 100%; display: flex; flex-direction: column; justify-content: center; gap: 3.5vw; align-items: center; }
.alan5-kart-baslik { font-size: 2.6vw; font-weight: 600; color: #ffffff; margin-bottom: 2.6vw; letter-spacing: 0.02vw; }
.alan5-kart-alt { font-size: 2.4vw; color: rgba(255,255,255,0.6); font-weight: 500; }
.alan5-kart { border: 0.05vw solid rgba(255,255,255,0.12); border-radius: 0.5vw; padding: 3.5vw 2.8vw; width: 100%; background: rgba(255,255,255,0.03); text-align: right; transition: background 0.3s ease; display: flex; flex-direction: column; align-items: center; }

.footer-logo img { height: 10.5vw; width: auto; object-fit: contain; display: block; }
.footer-nav a { color: #ffffff; text-decoration: none; font-size: 2.8vw; font-weight: 500; letter-spacing: 0.12vw; text-transform: uppercase; transition: opacity 0.3s ease; }
footer { width: 100vw; display: flex; flex-direction: column; align-items: flex-start; padding: 3vw 6vw 1.5vw; box-sizing: border-box; gap: 3vw; }
.footer-nav { display: flex; align-items: flex-start; justify-content: center; gap: 2vw; list-style: none; margin: 0 0 3.5vw 0; padding: 0; flex-direction: column; }
.footer-copy { font-size: 2.5vw; color: rgba(255,255,255,0.4); font-weight: 300; }
.footer-brand-icon img { height: 5.2vw; width: auto; object-fit: contain; opacity: 1; transition: opacity 0.3s; }

.kurumsal { width: 100vw; color: #ffffff; overflow-x: hidden; box-sizing: border-box; margin-top: 22vw; }
.kurumsal-hero-badge { display: inline-flex; align-items: center; border: 0.05vw solid rgba(255,255,255,0.3); border-radius: 2vw; padding: 1.4vw 2.2vw; font-size: 2vw; 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: 5.5vw; font-weight: 800; line-height: 1.15; font-style: italic; margin: 0; font-family: "Bai Jamjuree"; }
.kurumsal-hero-content { position: relative; z-index: 3; display: flex; flex-direction: column; gap: 1.5vw; max-width: 100%; }
.kurumsal-hero { position: relative; width: 100vw; height: 35vw; display: flex; align-items: flex-end; justify-content: flex-start; padding: 0px 10vw 8vw; box-sizing: border-box; overflow: hidden; }
.kurumsal-hero-desc { font-size: 3vw; 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; flex-direction: column; }
.kurumsal-hikaye-img-wrap { width: 100%; flex-shrink: 0; position: relative; }
.kurumsal-hikaye-img-wrap img { width: 100%; height: 45vw; object-fit: cover; border-radius: 0.8vw; display: block; }
.kurumsal-section-title { font-size: 4.2vw; font-weight: 800; line-height: 1.25; margin: 0; font-style: italic; font-family: "Bai Jamjuree"; }
.kurumsal-section-text { font-size: 2.3vw; color: rgba(255,255,255,0.65); line-height: 1.8; font-weight: 500; }
.kurumsal-hikaye-list li { display: flex; align-items: center; gap: 1.8vw; font-size: 2.5vw; color: rgba(255,255,255,0.8); }
.kurumsal-hikaye-content { display: flex; flex-direction: column; gap: 3.5vw; }
.kurumsal-mv { width: 100vw; padding: 0vw 10vw; box-sizing: border-box; display: grid; gap: 5vw; grid-auto-flow: row; justify-items: center; align-items: center; justify-content: center; grid-template-columns: repeat(1, 1fr); }
.kurumsal-mv-icon { width: 6.5vw; height: 6.5vw; border-radius: 50%; background: rgba(235,111,33,0.1); display: flex; align-items: center; justify-content: center; }
.kurumsal-mv-icon svg { width: 3.6vw; height: 3.6vw; stroke: #EB6F21; fill: none; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }
.kurumsal-mv-baslik { font-size: 3vw; font-weight: 700; color: #ffffff; }
.kurumsal-mv-text { font-size: 2vw; color: rgba(255,255,255,0.6); line-height: 1.8; font-weight: 500; }
.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: 2.5vw; transition: border-color 0.3s; }
.kurumsal-degerler-grid { display: grid; grid-template-columns: repeat(1, 1fr); gap: 4.5vw; }
.kurumsal-deger-num { font-size: 5.5vw; font-weight: 800; color: rgba(235,111,33,0.15); line-height: 1; font-family: "Bai Jamjuree"; }
.kurumsal-deger-baslik { font-size: 2.5vw; font-weight: 700; color: #ffffff; }
.kurumsal-deger-text { font-size: 2vw; color: rgba(255,255,255,0.55); line-height: 1.7; font-weight: 500; }
.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: 2vw; background: rgba(255,255,255,0.02); transition: background 0.3s, border-color 0.3s; }

.bayiler-hero-badge { display: inline-flex; align-items: center; border: 0.05vw solid rgba(255,255,255,0.3); border-radius: 2vw; padding: 1.4vw 2.2vw; font-size: 2vw; 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: 5.5vw; font-weight: 800; line-height: 1.15; font-style: italic; margin: 0; font-family: "Bai Jamjuree"; }
.bayiler-hero-content { position: relative; z-index: 3; display: flex; flex-direction: column; gap: 1.5vw; max-width: 100%; }
.bayiler-hero { position: relative; width: 100vw; height: 35vw; display: flex; align-items: flex-end; justify-content: flex-start; padding: 0px 10vw 8vw; box-sizing: border-box; overflow: hidden; margin-top: 19vw; }
.bayiler-map-container { width: 90vw; position: relative; z-index: 2; }
.bayiler-page { width: 100vw; color: #ffffff; overflow-x: hidden; box-sizing: border-box; min-height: 180vw; }
.bayiler-arama-kapsayici { width: 90vw; margin: 5vw auto 0; }
.bayiler-arama-input { padding: 3vw 4vw; padding-left: 4vw; font-size: 3.5vw; border-radius: 6vw; border-width: 0.3vw; }
.bayiler-mobil-liste { display: flex; flex-direction: column; gap: 3vw; width: 90vw; margin: 2vw auto 10vw; z-index: 5; position: relative; }
.mobil-il-baslik { font-size: 5vw; color: #EB6F21; font-weight: 800; border-bottom: 0.3vw solid rgba(235,111,33,0.2); padding-bottom: 2vw; margin-top: 4vw; margin-bottom: 1vw; text-transform: capitalize; }
.mobil-bayi-karti { background: rgba(255,255,255,0.03); border: 0.3vw solid rgba(255,255,255,0.08); border-radius: 2vw; padding: 4vw; display: flex; flex-direction: column; gap: 2vw; }
.mobil-bayi-isim { font-size: 4.5vw; font-weight: 700; color: #fff; }
.mobil-bayi-detay { font-size: 3.5vw; color: rgba(255,255,255,0.7); display: flex; flex-direction: column; gap: 1vw; }
.mobil-bayi-detay strong { color: #EB6F21; }
.bayiler-modal-header h2 { font-size: 3vw; font-weight: 800; color: #ffffff; margin: 0; display: flex; align-items: center; gap: 0.8vw; text-transform: capitalize; }
.bayiler-modal-header h2 svg { width: 4vw; height: 4vw; fill: #ffffff; }
.bayiler-modal-close { position: absolute; top: 2.5vw; right: 2.5vw; background: rgba(255,255,255,0.05); border: none; color: #ffffff; font-size: 3.5vw; width: 4.5vw; height: 4.5vw; border-radius: 50%; cursor: pointer; transition: background 0.3s, color 0.3s; display: flex; align-items: center; justify-content: center; }
.bayi-isim { font-size: 3vw; font-weight: 700; color: #ffffff; margin-bottom: 1.4vw; }
.bayi-detay { font-size: 2.5vw; color: rgba(255,255,255,0.7); display: flex; align-items: flex-start; gap: 0.6vw; line-height: 1.5; }
.bayiler-modal-content { background: #121212; border: 0.05vw solid rgb(255 255 255 / 40%); border-radius: 1vw; width: 75vw; 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; }
.bayi-detay strong { color: #ffffff; font-weight: 600; width: 11.5vw; flex-shrink: 0; }
.bayi-bos { font-size: 2.5vw; color: rgba(255, 255, 255, 0.28); text-align: center; padding: 4vw 0; background: rgba(255,255,255,0.02); border-radius: 0.6vw; }
.map-tooltip { font-size: 3vw; padding: 1vw 2vw; border-radius: 1.5vw; border-width: 0.3vw; }
.bayi-map-pin { width: 1.5vw; height: 1vw; margin-left: 0vw; margin-top: 0vw; }
.pin-icon { width: .5vw; height: .5vw; border-width: 0.4vw; }
.pin-icon::after { width: 7vw; height: 7vw; }



.yol-tarifi-btn { gap: 1.5vw; margin-top: 1vw; padding: 1.5vw 2vw; border: 0.1vw solid #838383; border-radius: 1.5vw; font-size: 2vw; }
.yol-tarifi-btn svg { width: 3.5vw; height: 3.5vw; }

.iletisim-body { width: 100vw; padding: 4vw 10vw; box-sizing: border-box; display: grid; grid-template-columns: repeat(1,1fr); gap: 6vw; align-items: start; }
.iletisim-hero { position: relative; width: 100vw; height: 30vw; display: flex; align-items: flex-end; padding: 0 10vw 7vw; zing: border-box; overflow: hidden; background: ; margin-top: 22vw; }
.iletisim-hero-title { font-size: 5.5vw; font-weight: 800; line-height: 1.15; font-style: italic; margin: 0; font-family: "Bai Jamjuree"; }
.iletisim-hero-content { position: relative; z-index: 3; display: flex; flex-direction: column; gap: 2.5vw; max-width: 100%; }
.iletisim-hero-breadcrumb { display: flex; align-items: center; gap: 0.5vw; font-size: 2vw; color: rgba(255,255,255,0.4); }
.iletisim-bilgiler-title { font-size: 3vw; font-weight: 800; font-style: italic; line-height: 1.25; margin: 0; font-family: "Bai Jamjuree"; }
.iletisim-bilgiler-desc { font-size: 2vw; color: rgba(255,255,255,0.55); line-height: 1.8; font-weight: 500; }
.iletisim-karti { display: flex; align-items: flex-start; gap: 2.2vw; padding: 3vw 3.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-icon svg { width: 3.2vw; height: 3.2vw; stroke: #EB6F21; fill: none; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.iletisim-karti-icon { width: 7vw; height: 7vw; border-radius: 50%; background: rgba(235,111,33,0.1); display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.iletisim-karti-baslik { font-size: 2vw; color: rgba(255,255,255,0.35); text-transform: uppercase; letter-spacing: 0.08vw; font-weight: 400; }
.iletisim-karti-deger { font-size: 2.5vw; color: #ffffff; font-weight: 500; }
.iletisim-karti-grup { display: flex; flex-direction: column; gap: 3.2vw; }
.iletisim-bilgiler-baslik { display: flex; flex-direction: column; gap: 2.8vw; }
.iletisim-sosyal-baslik { font-size: 2.7vw; color: rgba(255,255,255,0.35); text-transform: uppercase; letter-spacing: 0.1vw; }
.iletisim-sosyal-btn { width: 7vw; height: 7vw; 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 svg { width: 4.1vw; height: 3.1vw; fill: rgba(255,255,255,0.6); transition: fill 0.3s; }
.iletisim-form-baslik { font-size: 3.4vw; font-weight: 700; margin-bottom: 1.5vw; }
.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: 2vw 2.2vw; color: #ffffff; font-size: 2.5vw; font-family: 'Inter', sans-serif; outline: none; transition: border-color 0.3s; box-sizing: border-box; }
::placeholder {font-size:2.5vw !important;}
.iletisim-form-wrap .wpcf7-submit { width: 100%; padding: 2.1vw 3vw; background: #EB6F21; border: none; border-radius: 0.5vw; color: #ffffff; font-size: 2.3vw; font-weight: 600; font-family: 'Inter', sans-serif; cursor: pointer; transition: opacity 0.3s, transform 0.2s; letter-spacing: 0.05vw; }
.iletisim-form-kolonlar { display: flex; flex-direction: column; gap: 2vw; }
.iletisim-form-wrap .wpcf7-form { display: flex; flex-direction: column; gap: 2vw; }
.iletisim-harita iframe { width: 100%; height: 75vw; border-radius: 1vw; border: none; filter: grayscale(0.8) invert(0.9) contrast(0.85); display: block; }

.urunler-hero { position: relative; width: 100vw; height: 35vw; display: flex; align-items: flex-end; padding: 0 10vw 6vw; box-sizing: border-box; overflow: hidden; margin-top: 18vw; }
.urunler-baslik h1 { font-size: 5.5vw; font-weight: 800; font-style: italic; font-family: "Bai Jamjuree"; color: #ffffff; margin: 0; line-height: 1.1; }
.urunler-hero-breadcrumb { display: flex; align-items: center; gap: 0.5vw; font-size: 2vw; color: rgba(255,255,255,0.45); }
.urunler { display: grid; grid-template-columns: repeat(1, 1fr); gap: 2vw; width: 100%; }
.urunsayfa-tufek-kutu img { position: relative; inset: 0; width: 100%; height: 30vw; object-fit: contain; display: block; transition: transform 0.6s ease; z-index: 1; }
.urunsayfa-tufek-kutu h3 { font-size: 2.5vw; font-weight: 700; color: #ffffff; margin: 0; line-height: 1.2; transition: color 0.3s; }
.urunsayfa-tufek-detay { display: inline-flex; align-items: center; gap: 0.5vw; font-size: 2vw; color: #EB6F21; font-weight: 500; border: 0.05vw solid rgba(235,111,33,0.4); padding: 1.5vw 3.2vw; border-radius: 4vw; transition: background 0.3s; }
.urunsayfa-tufek-detay svg { width: 3.9vw; height: 2.9vw; stroke: #EB6F21; fill: none; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; transition: transform 0.3s; }
.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; align-items: center; }

.media .rl-basicgrid-gallery { display: flex ; flex-direction: row; flex-wrap: wrap; align-items: center; height: auto; width: 90vw; justify-content: flex-start; }
.media-icerik .rl-basicgrid-gallery .rl-gallery-item img{min-width: 38vw;}	
.gallery-header{margin-top: 33vw;}	
.media #rl-gallery-container-1 .rl-basicgrid-gallery .rl-gallery-item { height: 25vw !important; width: 42.3vw !important; border-radius: 1vw; margin: 1.5vw 1.3vw !important; display: flex ; margin-top: 1vw !important;}	
.media{min-height: 59vh;}
.galeri-hero-badge { display: inline-flex; align-items: center; border: 0.05vw solid rgba(255,255,255,0.3); border-radius: 2vw; padding: 1.4vw 2.2vw; font-size: 2vw; 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: 5.5vw; font-weight: 800; line-height: 1.15; font-style: italic; margin: 0; font-family: "Bai Jamjuree"; }
.galeri-hero-content { position: relative; z-index: 3; display: flex; flex-direction: column; gap: 1.5vw; max-width: 100%; }
.galeri-hero { position: relative; width: 100vw; height: 35vw; display: flex; align-items: flex-end; justify-content: flex-start; padding: 0px 10vw 8vw; box-sizing: border-box; overflow: hidden; margin-top: 19vw; }
.galeri-hero-title { font-size: 5.5vw; font-weight: 800; line-height: 1.15; font-style: italic; margin: 0; font-family: "Bai Jamjuree"; color: #fff; }
.rl-gallery .rl-gallery-link { height: 100%; border: 0px solid #000000; }

.sp { width: 100vw; background: #0a0a0a; color: #fff; overflow-x: hidden; margin-top: 19vw; }
.sp-hero { min-height:65vw; }
.sp-hero-body { padding:8vw 5vw 5vw; }
.sp-hero-eyebrow { font-size:3vw; letter-spacing:0.5vw; }
.sp-hero-h1 { font-size:13vw; letter-spacing:-0.3vw; }
.sp-row { grid-template-columns:1fr; }
.sp-img-col { padding: 8vw; min-height: 60vw; border-right: none; border-bottom: 0.1vw solid rgba(255,255,255,0.06); box-sizing: border-box; }
.sp-img-col img { max-height:50vw; }
.sp-zoom-badge { font-size:3vw; padding:2vw 3vw; opacity:1; }
.sp-zoom-badge svg { width:3.5vw; height:3.5vw; }
.sp-info-col { padding:6vw 5vw; gap:5vw; }
.sp-info-label { font-size:3vw; margin-bottom:3vw; }
.sp-excerpt-text { font-size:4vw; }
.sp-quick-row { padding:3vw 0; }
.sp-quick-k, .sp-quick-v { font-size:3.5vw; }
.sp-tabs-nav { width:90vw; overflow-x:auto; gap:0; padding-bottom:0; -webkit-overflow-scrolling:touch; }
.sp-tab-btn { font-size:3vw; letter-spacing:0.2vw; padding:4vw 0; margin-right:6vw; flex-shrink:0; }
.sp-tabs-content { width:90vw; padding:8vw 0 12vw; }
.sp-spec-table td { padding:4vw; font-size:3.5vw; }
.sp-spec-table td:first-child { width:45%; }
.sp-opts-grid { grid-template-columns:1fr; gap:2vw; }
.sp-opt-img { padding:6vw; }
.sp-opt-body { padding:5vw; }
.sp-opt-title { font-size:4.5vw; }
.sp-opt-row { font-size:3.5vw; padding:2.5vw 0; }
.sp-desc-content { font-size:4vw; max-width:100%; }
.sp-gallery { grid-template-columns:repeat(2,1fr); gap:1vw; }
.sp-vids { grid-template-columns:1fr; gap:5vw; }
.sp-tab-subhead { font-size:3vw; padding-bottom:4vw; margin-bottom:5vw; }
.sp-lb-panel { max-width:92vw; padding:5vw; border-radius:3vw; }
.sp-lb-img { max-width:82vw; max-height:70vh; }
.sp-lb-x { width:8vw; height:8vw; font-size:4vw; top:2vw; right:2vw; }
.sp-doc-item { padding:4vw; border-radius:2vw; gap:4vw; }
.sp-doc-icon { width:7vw; height:7vw; }
.sp-doc-name { font-size:3.5vw; }
.sp-doc-ext { font-size:3vw; }
.sp-doc-dl { font-size:3vw; }
.sp-doc-dl svg { width:3.5vw; height:3.5vw; }

}/*--------@media screen(max-width:800px) BİTER--------*/