/*!
Theme Name: ranaxlaserapp
Theme URI: http://underscores.me/
Author: Hakan Çakmak
Author URI: http://underscores.me/
Description: Ranax Laser için özel olarak hazırlanmıştır.
Version: 2.4.4
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: ranaxlaserapp
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready, woocommerce
*/

/*--------------------------------------------------------------
# 0. Design tokens — açık / kurumsal katalog teması
--------------------------------------------------------------*/
:root{
	/* Logo paleti: saf kırmızı + kömür siyahı */
	--bg:#0E0E10;
	--bg-alt:#131317;
	--surface:#17171C;
	--surface-2:#1E1E24;
	--surface-3:#26262E;
	--line:#2C2C35;
	--line-strong:#3A3A46;
	--ink:#FFFFFF;
	--ink-soft:#B8BCC4;
	--ink-faint:#A7ACB5;
	--brand:#ED1C24;
	--brand-dark:#C4141B;
	--brand-glow:rgba(237,28,36,.35);
	--carbon:#1F1F23;
	--accent:#ED1C24;
	--accent-dark:#C4141B;
	--accent-glow:rgba(237,28,36,.28);
	--signal:#FFB200;
	--font-head:'Barlow Condensed',sans-serif;
	--font-body:'Segoe UI',Arial,sans-serif;
	--font-mono:Consolas,'SFMono-Regular','Liberation Mono',monospace;
	--max:1220px;
	--radius:3px;
}

/*--------------------------------------------------------------
# 1. Reset & base
--------------------------------------------------------------*/
*,*::before,*::after{box-sizing:border-box;}
html{scroll-behavior:smooth;overflow-x:hidden;}
body{
	margin:0;
	background:var(--bg);
	color:var(--ink);
	font-family:var(--font-body);
	font-size:16px;
	line-height:1.6;
	-webkit-font-smoothing:antialiased;
	overflow-x:hidden;
	max-width:100vw;
}
#page{overflow-x:hidden;}
img{max-width:100%;height:auto;display:block;}
a{color:inherit;text-decoration:none;}
ul{list-style:none;margin:0;padding:0;}
h1,h2,h3,h4,h5,h6{
	font-family:var(--font-head);
	font-weight:600;
	color:var(--ink);
	line-height:1.14;
	margin:0 0 .5em;
}
p{margin:0 0 1em;color:var(--ink-soft);}
.mono{font-family:var(--font-mono);}

.entry-content{max-width:74ch;}
.entry-content p{color:var(--ink-soft);font-size:16px;}
.entry-content a{color:var(--brand);text-decoration:underline;}
.entry-content h2,.entry-content h3{margin-top:1.4em;}

.wrap,.container{max-width:var(--max);margin:0 auto;padding:0 32px;}
@media (max-width:640px){.wrap,.container{padding:0 20px;}}

/*--------------------------------------------------------------
# 2. Buttons & forms
--------------------------------------------------------------*/
.btn,button.btn,input[type="submit"].btn{
	display:inline-flex;align-items:center;justify-content:center;
	padding:12px 24px;font-size:14px;font-weight:600;font-family:var(--font-body);
	border-radius:var(--radius);cursor:pointer;border:1px solid transparent;white-space:nowrap;
	transition:background .2s,border-color .2s,color .2s;
}
.btn-primary{background:#C4141B;color:#fff;}
.btn-primary:hover{background:#A91016;color:#fff;}
.btn-outline{border-color:var(--line-strong);color:var(--ink);background:var(--surface);}
.btn-outline:hover{border-color:var(--brand);color:var(--brand);}

input[type="text"],input[type="email"],input[type="tel"],input[type="url"],textarea,select{
	width:100%;background:var(--surface);border:1px solid var(--line-strong);
	color:var(--ink);padding:12px 14px;font-family:var(--font-body);font-size:15px;
	border-radius:var(--radius);
}
input:focus,textarea:focus,select:focus{outline:1px solid var(--brand);border-color:var(--brand);}
label{display:block;font-size:13px;color:var(--ink-faint);margin-bottom:6px;font-family:var(--font-mono);}
.form-row{margin-bottom:18px;}

/*--------------------------------------------------------------
# 3. Header / navigation
--------------------------------------------------------------*/
.top-bar{
	background:var(--carbon);color:var(--ink-soft);border-bottom:1px solid var(--line);font-family:var(--font-mono);font-size:12.5px;
	padding:7px 32px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;
}
.top-bar a{color:var(--ink);opacity:.85;}
.top-bar a:hover{opacity:1;text-decoration:underline;}
.top-bar .top-bar-badges{white-space:nowrap;}
.top-bar-contact{display:flex;align-items:center;justify-content:flex-end;gap:9px;flex-wrap:wrap;}
@media (max-width:640px){
	.top-bar{padding:6px 16px;font-size:11px;justify-content:center;}
	.top-bar .top-bar-badges{display:none;} /* dar ekranda sadece telefon/e-posta kalır */
	.top-bar-contact{justify-content:center;gap:7px;}
}

#masthead{
	position:sticky;top:0;z-index:50;
	display:flex;align-items:center;justify-content:space-between;
	gap:16px;
	padding:18px 32px;
	background:rgba(14,14,16,.92);
	backdrop-filter:blur(8px);
	border-bottom:1px solid var(--line);
	transition:padding .25s ease,box-shadow .25s ease;
}
#masthead.is-condensed{padding:11px 32px;box-shadow:0 4px 16px rgba(0,0,0,.45);}
.site-branding{display:flex;align-items:center;gap:10px;flex:1 1 auto;min-width:0;}
.site-branding .custom-logo{max-height:40px;width:auto;}
.site-logo-link{display:block;line-height:0;}
.site-logo-img{height:40px;width:auto;transition:height .25s ease;}
#masthead.is-condensed .site-logo-img,#masthead.is-condensed .custom-logo{height:32px;max-height:32px;}
.ranax-drawer-logo{height:30px;width:auto;}
@media (max-width:980px){.site-logo-img,.site-branding .custom-logo{height:34px;max-height:34px;}}
@media (max-width:420px){.site-logo-img,.site-branding .custom-logo{height:28px;max-height:28px;}}
.site-title{font-family:var(--font-head);font-size:23px;font-weight:700;letter-spacing:.3px;line-height:1;margin:0;min-width:0;}
.site-title a{display:flex;align-items:center;gap:9px;color:var(--ink);overflow:hidden;}
.site-title a::before{
	content:"";width:24px;height:24px;flex-shrink:0;
	background-image:linear-gradient(135deg, transparent 42%, var(--accent) 42%, var(--accent) 54%, transparent 54%);
	border:2px solid var(--brand);border-radius:2px;
}
.site-description{display:none;}

.main-navigation{display:flex;align-items:center;gap:28px;flex-shrink:0;}
.main-navigation ul{display:flex;gap:28px;align-items:center;}
.main-navigation ul ul{
	position:absolute;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);
	padding:8px 0;margin-top:14px;min-width:200px;display:none;box-shadow:0 8px 24px rgba(0,0,0,.5);
}
.main-navigation ul li{position:relative;}
.main-navigation ul li:hover > ul{display:block;}
.main-navigation ul ul li a{padding:10px 16px;display:block;}
.main-navigation a{font-size:15px;color:var(--ink-soft);transition:color .2s;font-weight:500;position:relative;}
.main-navigation > ul > li > a::after{
	content:"";position:absolute;left:0;bottom:-6px;height:2px;width:0;background:var(--accent);
	transition:width .25s ease;
}
.main-navigation > ul > li > a:hover::after{width:100%;}
.main-navigation a:hover,.main-navigation .current-menu-item > a{color:var(--brand);}

.header-actions{display:flex;align-items:center;gap:10px;flex-shrink:0;}
.header-cta{flex-shrink:0;}

/* hamburger — masaüstünde gizli, 980px altında görünür */
.menu-toggle{
	display:none;align-items:center;justify-content:center;
	width:42px;height:42px;flex-shrink:0;
	background:var(--surface);border:1px solid var(--line-strong);color:var(--ink);
	padding:0;cursor:pointer;border-radius:var(--radius);position:relative;
	transition:border-color .2s,background .2s;
}
.menu-toggle:hover{border-color:var(--brand);}
.menu-toggle-icon,.menu-toggle-icon::before,.menu-toggle-icon::after{
	content:"";display:block;width:19px;height:2px;background:var(--ink);border-radius:2px;
	position:absolute;left:11px;transition:transform .28s cubic-bezier(.4,0,.2,1),opacity .2s ease;
}
.menu-toggle-icon{top:20px;}
.menu-toggle-icon::before{content:"";top:-6px;}
.menu-toggle-icon::after{content:"";top:6px;}
body.drawer-open .menu-toggle-icon{background:transparent;}
body.drawer-open .menu-toggle-icon::before{transform:translateY(6px) rotate(45deg);}
body.drawer-open .menu-toggle-icon::after{transform:translateY(-6px) rotate(-45deg);}

@media (max-width:980px){
	.main-navigation{display:none;} /* masaüstü menü gizlenir, drawer devreye girer */
	.menu-toggle{display:flex;}
	#masthead{padding:14px 18px;}
	#masthead.is-condensed{padding:10px 18px;}
	.site-title{font-size:20px;}
}
@media (max-width:420px){
	.header-cta{display:none;} /* drawer içinde zaten büyük "Teklif Al" butonu var */
	#masthead{padding:12px 16px;}
}

/*--------------------------------------------------------------
# 3b. Mobil slide-in menü (drawer)
--------------------------------------------------------------*/
.ranax-drawer-backdrop{
	position:fixed;inset:0;z-index:90;background:rgba(0,0,0,.72);
	opacity:0;pointer-events:none;transition:opacity .3s ease;
	backdrop-filter:blur(2px);
}
body.drawer-open .ranax-drawer-backdrop{opacity:1;pointer-events:auto;}

.ranax-drawer{
	position:fixed;top:0;right:0;bottom:0;z-index:95;
	width:min(340px,86vw);
	background:var(--surface);
	display:flex;flex-direction:column;
	transform:translateX(100%);
	transition:transform .36s cubic-bezier(.4,0,.2,1);
	box-shadow:-12px 0 40px rgba(0,0,0,.6);
	visibility:hidden;
}
body.drawer-open .ranax-drawer{transform:translateX(0);visibility:visible;}

.ranax-drawer-head{
	display:flex;align-items:center;justify-content:space-between;
	padding:20px 22px;border-bottom:1px solid var(--line);
	background:var(--carbon);color:#fff;flex-shrink:0;border-bottom:1px solid var(--line);
}
.ranax-drawer-title{font-family:var(--font-head);font-size:20px;font-weight:700;letter-spacing:.3px;}
.ranax-drawer-close{
	width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,.14);
	border:none;color:#fff;font-size:22px;cursor:pointer;line-height:1;
	display:flex;align-items:center;justify-content:center;transition:background .2s;
}
.ranax-drawer-close:hover{background:rgba(255,255,255,.26);}

.ranax-drawer-scroll{flex:1 1 auto;overflow-y:auto;padding:8px 0 20px;-webkit-overflow-scrolling:touch;}

.ranax-drawer-menu{padding:0 8px;}
.ranax-drawer-menu li{border-bottom:1px solid var(--line);}
.ranax-drawer-menu li:last-child{border-bottom:none;}
.ranax-drawer-menu li a{
	display:block;padding:16px 14px;font-size:16px;font-weight:500;color:var(--ink);
	transition:background .18s,padding-left .18s,color .18s;border-radius:var(--radius);
}
.ranax-drawer-menu li a:hover,.ranax-drawer-menu li.current-menu-item > a{
	background:var(--surface-2);padding-left:20px;color:var(--brand);
}
.ranax-drawer-menu ul{padding-left:14px;}
.ranax-drawer-menu ul li a{font-size:14.5px;color:var(--ink-soft);padding:12px 14px;}

/* drawer içi menü öğeleri sırayla kayarak girer */
.ranax-drawer-menu > li,.ranax-drawer-section{
	opacity:0;transform:translateX(18px);
	transition:opacity .3s ease,transform .3s ease;
}
body.drawer-open .ranax-drawer-menu > li,body.drawer-open .ranax-drawer-section{opacity:1;transform:translateX(0);}
body.drawer-open .ranax-drawer-menu > li:nth-child(1){transition-delay:.10s;}
body.drawer-open .ranax-drawer-menu > li:nth-child(2){transition-delay:.15s;}
body.drawer-open .ranax-drawer-menu > li:nth-child(3){transition-delay:.20s;}
body.drawer-open .ranax-drawer-menu > li:nth-child(4){transition-delay:.25s;}
body.drawer-open .ranax-drawer-menu > li:nth-child(5){transition-delay:.30s;}
body.drawer-open .ranax-drawer-menu > li:nth-child(n+6){transition-delay:.34s;}
body.drawer-open .ranax-drawer-section{transition-delay:.38s;}

.ranax-drawer-section{padding:22px 22px 0;margin-top:14px;border-top:1px solid var(--line);}
.ranax-drawer-section h4{
	font-family:var(--font-mono);font-size:11.5px;color:var(--ink-faint);
	margin-bottom:12px;font-weight:400;letter-spacing:.4px;
}
.ranax-drawer-cats li a{
	display:flex;align-items:center;justify-content:space-between;gap:10px;
	padding:11px 0;font-size:14.5px;color:var(--ink-soft);border-bottom:1px solid var(--line);
	transition:color .18s;
}
.ranax-drawer-cats li:last-child a{border-bottom:none;}
.ranax-drawer-cats li a:hover{color:var(--brand);}
.ranax-drawer-cats .count{
	font-size:11px;color:var(--ink-faint);background:var(--surface-2);
	padding:2px 8px;border-radius:10px;flex-shrink:0;
}

.ranax-drawer-foot{
	flex-shrink:0;padding:18px 22px;border-top:1px solid var(--line);background:var(--surface-2);
}
.ranax-drawer-phone{
	display:block;text-align:center;margin-top:12px;
	font-family:var(--font-mono);font-size:14px;color:var(--brand);font-weight:500;
}

/* okuma ilerleme çubuğu */
.ranax-scroll-progress{
	position:fixed;top:0;left:0;height:3px;width:100%;z-index:200;transform:scaleX(0);transform-origin:left;
	background:linear-gradient(90deg,var(--brand),var(--accent));
	transition:transform .1s linear;
}

/*--------------------------------------------------------------
# 4. Hero (front page)
--------------------------------------------------------------*/
.hero{position:relative;padding:72px 0 0;overflow:hidden;background:radial-gradient(1200px 600px at 78% 18%, rgba(237,28,36,.12) 0%, transparent 62%), linear-gradient(180deg,var(--bg-alt) 0%,var(--bg) 100%);}
.hero-inner{display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center;padding-bottom:56px;}
@media (max-width:900px){.hero-inner{grid-template-columns:1fr;}}
.hero-eyebrow{font-family:var(--font-mono);font-size:13px;color:var(--accent-dark);margin-bottom:16px;font-weight:600;letter-spacing:.2px;}
.hero h1{font-size:clamp(36px,4.8vw,56px);line-height:1.08;max-width:16ch;margin-bottom:0;color:var(--ink);}
.hero .lead{margin-top:20px;font-size:17px;color:var(--ink-soft);max-width:46ch;}
.hero-ctas{display:flex;gap:14px;margin-top:32px;flex-wrap:wrap;}

.readout{display:grid;grid-template-columns:repeat(4,1fr);margin-top:48px;border-top:1px solid var(--line);padding-top:20px;gap:20px;}
@media (max-width:640px){.readout{grid-template-columns:repeat(2,1fr);}}
.readout-item .val{font-family:var(--font-mono);font-size:19px;color:var(--brand);font-weight:500;}
.readout-item .lab{font-size:11.5px;color:var(--ink-faint);margin-top:4px;letter-spacing:.2px;}

.plate-stage{position:relative;aspect-ratio:1/1;width:100%;max-width:500px;margin-left:auto;background:radial-gradient(circle at 72% 20%,rgba(237,28,36,.16),transparent 36%),var(--surface);border:1px solid var(--line-strong);border-radius:8px;box-shadow:0 20px 55px rgba(0,0,0,.52),0 0 0 1px rgba(237,28,36,.04);transition:transform .1s linear;overflow:hidden;isolation:isolate;}
.plate-stage-fallback svg{width:100%;height:100%;}

/* Hero ürün vitrini — kare form içinde otomatik, elle ve dokunarak değişen slider. */
.hero-product-slider::after{
	content:"";position:absolute;inset:0;z-index:8;pointer-events:none;border-radius:inherit;
	box-shadow:inset 0 0 0 1px rgba(255,255,255,.025),inset 0 -90px 110px rgba(0,0,0,.46);
}
.hero-slider-grid{
	position:absolute;inset:0;z-index:0;opacity:.34;pointer-events:none;
	background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);
	background-size:28px 28px;
}
.hero-slider-beam{
	position:absolute;z-index:4;top:-15%;bottom:-15%;left:0;width:2px;pointer-events:none;transform:translate3d(-30px,0,0);
	background:linear-gradient(180deg,transparent,var(--brand),transparent);
	box-shadow:0 0 14px 2px rgba(237,28,36,.48);opacity:.58;
	animation:heroBeam 5.2s ease-in-out infinite;
}
@keyframes heroBeam{0%,12%{transform:translate3d(-30px,0,0);opacity:0;}24%{opacity:.65;}68%{transform:translate3d(620px,0,0);opacity:.45;}69%,100%{transform:translate3d(620px,0,0);opacity:0;}}
.hero-slider-slides{position:absolute;inset:0;z-index:1;}
.hero-product-slide{
	position:absolute;inset:0;opacity:0;visibility:hidden;pointer-events:none;
	transform:translateX(22px) scale(.975);transition:opacity .48s ease,transform .58s cubic-bezier(.2,.7,.2,1),visibility 0s linear .58s;
}
.hero-product-slide.is-active{opacity:1;visibility:visible;pointer-events:auto;transform:translateX(0) scale(1);transition-delay:0s;}
.hero-product-link{position:relative;display:block;width:100%;height:calc(100% - 52px);padding:20px;color:#fff;}
.hero-product-topline{position:relative;z-index:3;display:flex;justify-content:space-between;gap:12px;font-size:10px;letter-spacing:.45px;color:var(--ink-faint);}
.hero-live-dot{display:inline-flex;align-items:center;gap:7px;color:var(--ink-soft);}
.hero-live-dot::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--brand);box-shadow:0 0 10px var(--brand);animation:heroLive 1.7s ease-in-out infinite;}
@keyframes heroLive{50%{opacity:.38;box-shadow:0 0 3px var(--brand);}}
.hero-product-image-wrap{
	position:absolute;z-index:1;top:50px;left:20px;right:20px;height:58%;overflow:hidden;
	background:linear-gradient(145deg,#fff 0%,#f1f2f4 100%);border:1px solid rgba(255,255,255,.16);border-radius:4px;
}
.hero-product-image-wrap::after{
	content:"";position:absolute;left:0;right:0;top:-8%;height:3px;pointer-events:none;
	background:linear-gradient(90deg,transparent,var(--brand),transparent);box-shadow:0 0 15px rgba(237,28,36,.72);
	animation:heroScan 4.4s ease-in-out infinite;
}
@keyframes heroScan{0%,10%{top:-8%;opacity:0;}18%{opacity:.8;}72%{top:106%;opacity:.55;}73%,100%{top:106%;opacity:0;}}
.hero-product-image-wrap picture{display:block;width:100%;height:100%;}
.hero-product-image{width:100%;height:100%;object-fit:contain;padding:10px;transform:scale(1.01);transition:transform .7s cubic-bezier(.2,.7,.2,1);}
.hero-product-slide.is-active .hero-product-link:hover .hero-product-image{transform:scale(1.055);}
.hero-target{position:absolute;width:26px;height:26px;z-index:3;opacity:.58;pointer-events:none;}
.hero-target::before,.hero-target::after{content:"";position:absolute;background:var(--brand);box-shadow:0 0 6px rgba(237,28,36,.5);}
.hero-target::before{width:100%;height:1px;top:50%;left:0;}
.hero-target::after{height:100%;width:1px;left:50%;top:0;}
.target-a{top:14px;right:14px;}.target-b{bottom:14px;left:14px;transform:scale(.65);opacity:.3;}
.hero-product-copy{position:absolute;z-index:5;left:22px;right:22px;bottom:14px;display:grid;grid-template-columns:1fr auto;column-gap:16px;align-items:end;}
.hero-product-category{grid-column:1/-1;color:var(--brand);font-size:10.5px;font-weight:600;letter-spacing:.4px;text-transform:uppercase;margin-bottom:5px;}
.hero-product-copy h2{font-size:clamp(22px,2.4vw,31px);line-height:1.02;margin:0;max-width:13ch;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.hero-product-more{align-self:end;font-size:12px;font-weight:600;color:var(--ink-soft);white-space:nowrap;padding-bottom:2px;transition:color .2s;}
.hero-product-link:hover .hero-product-more{color:#fff;}
.hero-slider-arrow{
	position:absolute;z-index:12;bottom:0;width:44px;height:44px;display:flex;align-items:center;justify-content:center;
	padding:0;border:1px solid var(--line-strong);border-radius:3px;background:rgba(14,14,16,.86);color:var(--ink-soft);cursor:pointer;font-size:17px;transition:color .2s,border-color .2s,background .2s;
}
.hero-slider-arrow:hover{color:#fff;border-color:var(--brand);background:rgba(237,28,36,.18);}
.hero-slider-prev{left:16px;}.hero-slider-next{right:16px;}
.hero-slider-dots{position:absolute;z-index:12;left:68px;right:68px;bottom:0;display:flex;gap:7px;align-items:center;}
.hero-slider-dot{position:relative;flex:1;height:44px;min-height:44px;padding:0;border:0;background:transparent;cursor:pointer;overflow:hidden;}
.hero-slider-dot::before{content:"";position:absolute;left:0;right:0;top:21px;height:2px;background:var(--line-strong);}
.hero-slider-dot span{position:absolute;z-index:1;left:0;top:21px;width:100%;height:2px;transform:scaleX(0);transform-origin:left;background:var(--brand);box-shadow:0 0 7px rgba(237,28,36,.6);}
.hero-slider-dot.is-active span{animation:heroProgress 5.4s linear forwards;}
@keyframes heroProgress{from{transform:scaleX(0);}to{transform:scaleX(1);}}
.hero-product-slider.is-paused .hero-slider-dot.is-active span{animation-play-state:paused;}
@media (max-width:900px){.plate-stage{margin:8px auto 0;max-width:520px;}}
@media (max-width:480px){
	.hero-product-link{padding:16px 16px 64px;}
	.hero-product-topline{font-size:9px;}
	.hero-product-image-wrap{top:43px;left:16px;right:16px;height:55%;}
	.hero-product-copy{left:18px;right:18px;bottom:10px;}
	.hero-product-copy h2{font-size:21px;}
	.hero-product-more{display:none;}
	.hero-slider-prev{left:16px;}.hero-slider-next{right:16px;}
	.hero-slider-dots{left:65px;right:65px;}
}

/* hero metinleri sayfa açılışında sırayla girer */
.hero-eyebrow,.hero h1,.hero .lead,.hero-ctas,.hero .readout{
	opacity:0;transform:translateY(18px);
	animation:heroIn .7s cubic-bezier(.2,.7,.3,1) forwards;
}
.hero-eyebrow{animation-delay:.05s;}
.hero h1{animation-delay:.15s;}
.hero .lead{animation-delay:.28s;}
.hero-ctas{animation-delay:.40s;}
.hero .readout{animation-delay:.52s;}
@keyframes heroIn{to{opacity:1;transform:translateY(0);}}

.plate-stage{opacity:0;animation:heroIn .8s cubic-bezier(.2,.7,.3,1) .3s forwards;}

/* CTA butonunda hafif nabız — dikkat çeker ama rahatsız etmez */
.hero-ctas .btn-primary{position:relative;overflow:hidden;}
.hero-ctas .btn-primary::after{
	content:"";position:absolute;top:0;left:-60%;width:40%;height:100%;
	background:linear-gradient(120deg,transparent,rgba(255,255,255,.35),transparent);
	transform:skewX(-20deg);
	animation:shine 3.6s ease-in-out infinite;
}
@keyframes shine{0%,72%{left:-60%;}88%,100%{left:120%;}}
.viewport-corner{position:absolute;width:20px;height:20px;border-color:var(--ink-faint);opacity:.4;}
.vc-tl{top:10px;left:10px;border-top:1px solid;border-left:1px solid;}
.vc-br{bottom:10px;right:10px;border-bottom:1px solid;border-right:1px solid;}
.plate-cut{stroke:var(--accent);stroke-width:2.5;fill:none;stroke-dasharray:520;stroke-dashoffset:520;filter:drop-shadow(0 0 5px var(--accent-glow));animation:cutline 3.4s ease-in-out infinite;}
@keyframes cutline{0%{stroke-dashoffset:520;}55%{stroke-dashoffset:0;}85%{stroke-dashoffset:0;opacity:1;}100%{stroke-dashoffset:0;opacity:0;}}
.beam-head{fill:var(--accent);filter:drop-shadow(0 0 6px var(--accent));offset-path:path('M60,60 L380,60 L380,380 L60,380 Z');animation:beammove 3.4s ease-in-out infinite;}
@keyframes beammove{0%{offset-distance:0%;opacity:1;}85%{offset-distance:100%;opacity:1;}86%,100%{opacity:0;}}
.plate-caption{position:absolute;bottom:14px;left:14px;font-family:var(--font-mono);font-size:11px;color:var(--ink-faint);}

/* trust / quick-fact bar */
.trust-bar{background:var(--surface-2);border-top:1px solid var(--line);border-bottom:1px solid var(--line);}
.trust-bar .wrap{display:flex;justify-content:space-between;flex-wrap:wrap;gap:18px 28px;padding:18px 32px;}
.trust-item{display:flex;align-items:center;gap:10px;font-family:var(--font-mono);font-size:12.5px;color:var(--ink-soft);}
.trust-item .dot{width:6px;height:6px;border-radius:50%;background:var(--accent);flex-shrink:0;}

/*--------------------------------------------------------------
# 5. Sections shared
--------------------------------------------------------------*/
.section{padding:80px 0;}
.section-head{max-width:640px;margin-bottom:44px;}
.section-tag{font-family:var(--font-mono);font-size:13px;color:var(--accent-dark);margin-bottom:12px;font-weight:600;}
.section-head h2{font-size:clamp(26px,3.2vw,36px);}
.section-head p{margin-top:14px;color:var(--ink-soft);font-size:16px;}

.reveal{opacity:0;transform:translateY(14px);transition:opacity .55s ease,transform .55s ease;}
.reveal.in{opacity:1;transform:translateY(0);}
@media (prefers-reduced-motion:reduce){*{animation:none !important;transition:none !important;}}

/* kademeli (staggered) giriş — .reveal .in olduğunda .stagger çocukları sırayla belirir */
.stagger > *{opacity:0;transform:translateY(10px);transition:opacity .5s ease,transform .5s ease;}
.reveal.in .stagger > *{opacity:1;transform:translateY(0);}
.stagger > *:nth-child(1){transition-delay:.02s;}
.stagger > *:nth-child(2){transition-delay:.08s;}
.stagger > *:nth-child(3){transition-delay:.14s;}
.stagger > *:nth-child(4){transition-delay:.20s;}
.stagger > *:nth-child(5){transition-delay:.26s;}
.stagger > *:nth-child(6){transition-delay:.32s;}
.stagger > *:nth-child(n+7){transition-delay:.36s;}

/* kayan bilgi şeridi (marquee) — sürekli hareket eden güven/ürün şeridi */
.ranax-marquee{
	background:var(--carbon);border-top:1px solid var(--line);border-bottom:1px solid var(--line);
	overflow:hidden;padding:14px 0;position:relative;
}
.ranax-marquee::before,.ranax-marquee::after{
	content:"";position:absolute;top:0;bottom:0;width:90px;z-index:2;pointer-events:none;
}
.ranax-marquee::before{left:0;background:linear-gradient(90deg,var(--carbon),transparent);}
.ranax-marquee::after{right:0;background:linear-gradient(270deg,var(--carbon),transparent);}
.ranax-marquee-track{display:flex;gap:0;width:max-content;animation:marquee 32s linear infinite;}
.ranax-marquee:hover .ranax-marquee-track{animation-play-state:paused;}
@keyframes marquee{from{transform:translateX(0);}to{transform:translateX(-50%);}}
.ranax-marquee-item{
	display:flex;align-items:center;gap:12px;padding:0 30px;
	font-family:var(--font-head);font-size:19px;font-weight:600;color:var(--ink-soft);
	white-space:nowrap;letter-spacing:.4px;
}
.ranax-marquee-item::after{content:"";width:7px;height:7px;background:var(--brand);transform:rotate(45deg);flex-shrink:0;}

/* bölüm başlıklarında kırmızı çizgi animasyonu */
.section-tag{position:relative;padding-left:0;display:inline-flex;align-items:center;gap:10px;}
.section-tag::before{
	content:"";width:0;height:2px;background:var(--brand);transition:width .6s cubic-bezier(.2,.7,.3,1) .1s;
}
.reveal.in .section-tag::before{width:34px;}

/* başlıkta kırmızı vurgu */
.section-head h2 em,.hero h1 em{font-style:normal;color:var(--brand);}

/* kartlarda üstten kırmızı çizgi belirme */
.why-card,.process-step,.industry-cell,.install-card,.cat-card{position:relative;overflow:hidden;}
.why-card::before,.process-step::before,.industry-cell::before,.install-card::before,.cat-card::before{
	content:"";position:absolute;top:0;left:0;height:2px;width:0;background:var(--brand);
	transition:width .35s cubic-bezier(.2,.7,.3,1);z-index:3;
}
.why-card:hover::before,.process-step:hover::before,.industry-cell:hover::before,.install-card:hover::before,.cat-card:hover::before{width:100%;}

/* ışık taraması — kartların üzerinden geçen lazer parıltısı */
.install-card .thumb,.cat-card .thumb,ul.products li.product .img-wrap{position:relative;}
.install-card .thumb::after,.cat-card .thumb::after,ul.products li.product .img-wrap::after{
	content:"";position:absolute;top:0;left:-70%;width:45%;height:100%;z-index:2;
	background:linear-gradient(120deg,transparent,rgba(237,28,36,.16),transparent);
	transform:skewX(-18deg);transition:left .65s cubic-bezier(.2,.7,.3,1);
}
.install-card:hover .thumb::after,.cat-card:hover .thumb::after,ul.products li.product:hover .img-wrap::after{left:130%;}
.main-navigation a.is-active-section{color:var(--brand);position:relative;}
.main-navigation a.is-active-section::after{
	content:"";position:absolute;left:0;right:0;bottom:-6px;height:2px;background:var(--accent);
}

/* yüzen hızlı iletişim butonu */
.ranax-floating-cta{
	position:fixed;bottom:22px;right:22px;z-index:60;
	display:flex;align-items:center;gap:10px;
	background:var(--brand);color:#fff;padding:14px 20px;border-radius:40px;
	font-family:var(--font-body);font-weight:600;font-size:14px;
	box-shadow:0 10px 28px var(--brand-glow);
	transition:transform .2s ease,box-shadow .2s ease;
	opacity:0;transform:translateY(16px);pointer-events:none;
}
.ranax-floating-cta.is-visible{opacity:1;transform:translateY(0);pointer-events:auto;}
.ranax-floating-cta:hover{transform:translateY(-3px);box-shadow:0 14px 32px rgba(237,28,36,.45);}
.ranax-floating-cta .icon{width:18px;height:18px;flex-shrink:0;}
@media (max-width:640px){
	.ranax-floating-cta{right:16px;bottom:16px;padding:13px 18px;font-size:13px;}
	.ranax-floating-cta .label{display:none;}
	.ranax-floating-cta{border-radius:50%;width:52px;height:52px;justify-content:center;padding:0;}
}

/*--------------------------------------------------------------
# 6. Category tabs + panel (ana sayfa "Ürün Ailesi")
--------------------------------------------------------------*/
.cat-tabs{display:flex;gap:8px;margin-bottom:32px;flex-wrap:wrap;}
.cat-tab{font-family:var(--font-mono);font-size:13px;padding:10px 18px;border:1px solid var(--line-strong);color:var(--ink-soft);cursor:pointer;transition:all .25s;background:var(--surface);border-radius:var(--radius);position:relative;}
.cat-tab:hover{border-color:var(--brand);color:var(--brand);transform:translateY(-2px);}
.cat-tab.active{border-color:var(--brand);color:var(--brand);background:rgba(237,28,36,.12);font-weight:600;box-shadow:0 4px 12px rgba(237,28,36,.18);}
.cat-tab[data-loading="1"]{opacity:.5;}
.cat-tab[data-loading="1"]::after{
	content:"";position:absolute;bottom:-1px;left:0;height:2px;width:100%;
	background:var(--accent);animation:tabLoad .8s ease-in-out infinite;
}
@keyframes tabLoad{0%{transform:scaleX(0);transform-origin:left;}50%{transform:scaleX(1);transform-origin:left;}51%{transform-origin:right;}100%{transform:scaleX(0);transform-origin:right;}}

.cat-panel{display:none;}
.cat-panel.active{display:grid;grid-template-columns:1fr 1.15fr;gap:40px;align-items:start;animation:panelIn .45s cubic-bezier(.2,.7,.3,1);background:var(--surface);border:1px solid var(--line);border-radius:6px;padding:36px;}
@keyframes panelIn{from{opacity:0;transform:translateY(14px) scale(.99);}to{opacity:1;transform:translateY(0) scale(1);}}
@media (max-width:820px){.cat-panel.active{grid-template-columns:1fr;padding:24px;}}
.cat-visual{aspect-ratio:4/3;background:var(--surface-2);border:1px solid var(--line);border-radius:4px;display:flex;align-items:center;justify-content:center;overflow:hidden;}
.cat-visual img{width:100%;height:100%;object-fit:cover;}
.cat-product-mosaic{display:grid;grid-template-columns:1.35fr .85fr;grid-template-rows:1fr 1fr;gap:8px;aspect-ratio:4/3;min-width:0;}
.cat-product-shot{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:4px;background:#fff;min-width:0;}
.cat-product-shot:first-child{grid-row:1/-1;}
.cat-product-mosaic.items-1{grid-template-columns:1fr;}
.cat-product-mosaic.items-1 .cat-product-shot:first-child{grid-column:1/-1;}
.cat-product-mosaic.items-2 .cat-product-shot:nth-child(2){grid-row:1/-1;}
.cat-product-shot img{width:100%;height:100%;object-fit:contain;transition:transform .45s ease;}
.cat-product-shot::after{content:"";position:absolute;inset:auto 0 0;height:54%;background:linear-gradient(transparent,rgba(5,5,7,.88));pointer-events:none;}
.cat-product-shot strong{position:absolute;left:14px;right:14px;bottom:12px;z-index:2;color:#fff;font-family:var(--font-head);font-size:15px;line-height:1.15;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.cat-product-shot:first-child strong{font-size:19px;}
.cat-product-shot:hover img{transform:scale(1.055);}
.cat-product-list{margin-bottom:22px;display:grid;gap:8px;}
.cat-product-list a{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--ink-soft);font-size:14px;padding:9px 0;border-bottom:1px solid var(--line);transition:color .2s,border-color .2s;}
.cat-product-list a::after{content:'\2192';color:var(--brand);font-family:var(--font-mono);}
.cat-product-list a:hover{color:#fff;border-color:var(--line-strong);}
@media (max-width:520px){
	.cat-product-mosaic{grid-template-columns:1fr 1fr;grid-template-rows:1.35fr .8fr;aspect-ratio:1/1.05;}
	.cat-product-shot:first-child{grid-row:auto;grid-column:1/-1;}
}
.cat-info h3{font-size:26px;margin-bottom:12px;}
.cat-info p{color:var(--ink-soft);margin-bottom:20px;max-width:44ch;}
.spec-chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:22px;}
.spec-chip{font-family:var(--font-mono);font-size:12px;padding:6px 12px;border:1px solid var(--line-strong);border-radius:20px;color:var(--ink-soft);background:var(--surface-2);white-space:nowrap;}

/*--------------------------------------------------------------
# 7. Ürün kategori kartları (grid — katalog hissi)
--------------------------------------------------------------*/
.cat-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
@media (max-width:900px){.cat-cards{grid-template-columns:1fr 1fr;}}
@media (max-width:600px){.cat-cards{grid-template-columns:1fr;}}
.cat-card{background:var(--surface);border:1px solid var(--line);border-radius:6px;overflow:hidden;transition:box-shadow .25s,border-color .25s,transform .25s;}
.cat-card:hover{box-shadow:0 14px 32px rgba(0,0,0,.55);border-color:var(--line-strong);transform:translateY(-4px);}
.cat-card .thumb{aspect-ratio:4/3;background:var(--surface-2);display:flex;align-items:center;justify-content:center;overflow:hidden;}
.cat-card .thumb img{transition:transform .4s ease;}
.cat-card:hover .thumb img{transform:scale(1.06);}
.cat-card .body{padding:22px;}
.cat-card h3{font-size:20px;margin-bottom:8px;}

/*--------------------------------------------------------------
# 8. "Neden Biz" — numaralı özellik kartları
--------------------------------------------------------------*/
.why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:6px;overflow:hidden;}
@media (max-width:820px){.why-grid{grid-template-columns:repeat(2,1fr);}}
@media (max-width:560px){.why-grid{grid-template-columns:1fr;}}
.why-card{background:var(--surface);padding:30px 26px;transition:background .2s;}
.why-card:hover{background:var(--surface-2);}
.why-card .num{font-family:var(--font-head);font-size:34px;font-weight:700;color:var(--accent);line-height:1;margin-bottom:14px;transition:transform .3s ease;}
.why-card:hover .num{transform:translateX(4px);}
.why-card h3{font-size:18px;margin-bottom:8px;}
.why-card p{font-size:14px;margin-bottom:0;}

/*--------------------------------------------------------------
# 9. Sektör grid
--------------------------------------------------------------*/
.industry-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}
@media (max-width:760px){.industry-grid{grid-template-columns:repeat(2,1fr);}}
.industry-cell{background:var(--surface);border:1px solid var(--line);border-radius:6px;padding:26px 22px;min-height:110px;display:flex;flex-direction:column;justify-content:space-between;transition:border-color .2s,box-shadow .2s,transform .2s;}
.industry-cell:hover{border-color:var(--brand);box-shadow:0 10px 24px rgba(0,0,0,.5);transform:translateY(-3px);}
.industry-cell .name{font-family:var(--font-head);font-size:18px;font-weight:600;color:var(--ink);}
.industry-cell .n{font-family:var(--font-mono);font-size:12px;color:var(--ink-faint);}

/*--------------------------------------------------------------
# 10. Referans / Kurulum galerisi
--------------------------------------------------------------*/
.install-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
@media (max-width:900px){.install-grid{grid-template-columns:1fr 1fr;}}
@media (max-width:600px){.install-grid{grid-template-columns:1fr;}}
.install-card{background:var(--surface);border:1px solid var(--line);border-radius:6px;overflow:hidden;transition:box-shadow .25s,transform .25s;}
.install-card:hover{box-shadow:0 14px 30px rgba(0,0,0,.55);transform:translateY(-4px);}
.install-card .thumb{aspect-ratio:4/3;background:var(--surface-2);overflow:hidden;}
.install-card .thumb img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease;}
.install-card:hover .thumb img{transform:scale(1.06);}
.install-card .body{padding:16px 18px;}
.install-card .city{font-family:var(--font-mono);font-size:11.5px;color:var(--accent-dark);margin-bottom:4px;font-weight:600;}
.install-card h4{font-size:15.5px;margin:0;font-weight:600;}

/*--------------------------------------------------------------
# 11. Config / öne çıkan ürün
--------------------------------------------------------------*/
.config-block{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start;border:1px solid var(--line);border-radius:6px;padding:40px;background:var(--surface);}
@media (max-width:900px){.config-block{grid-template-columns:1fr;padding:26px;}}
.config-block h3{font-size:28px;margin-bottom:8px;}
.config-block .model{font-family:var(--font-mono);font-size:12.5px;color:var(--ink-faint);margin-bottom:24px;}
.power-select{display:flex;gap:8px;margin-bottom:28px;flex-wrap:wrap;}
.power-btn{font-family:var(--font-mono);font-size:13px;padding:10px 16px;border:1px solid var(--line-strong);color:var(--ink-soft);cursor:pointer;background:var(--surface);transition:all .2s;border-radius:var(--radius);}
.power-btn.active{border-color:var(--signal);color:var(--signal);background:rgba(255,178,0,.12);font-weight:600;}
.variations-pills{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:6px;}
.ranax-select-enhanced{border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute !important;width:1px;}
.reset_variations{font-family:var(--font-mono);font-size:12px;color:var(--ink-faint);text-decoration:underline;}

.spec-readout{display:grid;grid-template-columns:1fr 1fr;gap:20px 24px;border:1px solid var(--line);border-radius:6px;padding:24px;margin:24px 0;background:var(--surface-2);}
.spec-readout .item .lab{font-size:11.5px;color:var(--ink-faint);margin-bottom:4px;}
.spec-readout .item .val{font-family:var(--font-mono);font-size:18px;color:var(--brand);font-weight:500;}

.cart{display:flex;gap:14px;align-items:center;margin-top:8px;flex-wrap:wrap;}
.quantity{display:inline-flex;}
.quantity .qty{width:70px;text-align:center;}
.catalog-download{margin-top:18px;display:flex;align-items:center;gap:10px;font-family:var(--font-mono);font-size:13px;color:var(--ink-soft);}
.catalog-download a{color:var(--brand);text-decoration:underline;font-weight:500;}

/*--------------------------------------------------------------
# 12. Süreç
--------------------------------------------------------------*/
.process{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;}
@media (max-width:760px){.process{grid-template-columns:1fr;}}
.process-step{background:var(--surface);border:1px solid var(--line);border-radius:6px;padding:26px;}
.process-step .num{font-family:var(--font-mono);font-size:13px;color:var(--accent-dark);margin-bottom:12px;font-weight:600;}
.process-step h3{font-size:19px;margin-bottom:8px;}
.process-step p{color:var(--ink-soft);font-size:14.5px;margin-bottom:0;}

/*--------------------------------------------------------------
# 13. İstatistikler
--------------------------------------------------------------*/
.stats-panel{border:1px solid var(--line);border-radius:6px;display:grid;grid-template-columns:repeat(4,1fr);background:var(--surface);overflow:hidden;}
@media (max-width:700px){.stats-panel{grid-template-columns:repeat(2,1fr);}}
.stat-cell{padding:30px 24px;border-right:1px solid var(--line);}
.stat-cell:last-child{border-right:none;}
.stat-cell .val{font-family:var(--font-head);font-size:32px;font-weight:700;color:var(--brand);}
.stat-cell .lab{font-size:12.5px;color:var(--ink-faint);margin-top:6px;}

/*--------------------------------------------------------------
# 14. CTA & footer
--------------------------------------------------------------*/
.cta-band{padding:72px 0;background:var(--surface-2);border-top:1px solid var(--line);border-bottom:1px solid var(--line);}
.cta-band h2{font-size:clamp(28px,3.6vw,40px);max-width:16ch;margin-bottom:20px;}
.cta-band .btns{display:flex;gap:14px;flex-wrap:wrap;}

#colophon{padding:52px 0 36px;background:var(--carbon);color:var(--ink-soft);border-top:1px solid var(--line);}
#colophon h3,#colophon h4{color:var(--ink-faint);}
#colophon a{color:var(--ink-soft);}
.foot-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:36px;margin-bottom:40px;}
@media (max-width:760px){.foot-grid{grid-template-columns:1fr 1fr;}}
.foot-grid h3,.foot-grid h4{font-family:var(--font-mono);font-size:12.5px;margin-bottom:16px;font-weight:400;letter-spacing:.3px;}
.foot-grid ul li{margin-bottom:10px;}
.foot-grid ul li a{font-size:14.5px;}
.foot-grid ul li a:hover{color:#fff;}
.site-info{display:flex;justify-content:space-between;padding-top:22px;border-top:1px solid rgba(255,255,255,.12);font-size:12.5px;color:var(--ink-faint);flex-wrap:wrap;gap:12px;max-width:var(--max);margin:0 auto;padding-left:32px;padding-right:32px;}
.site-info a{color:var(--ink-faint);}

/*--------------------------------------------------------------
# 15. WooCommerce — katalog (arşiv) sayfası
--------------------------------------------------------------*/
.woocommerce-breadcrumb{font-family:var(--font-mono);font-size:12px;color:var(--ink-faint);padding:18px 0;}
.woocommerce-breadcrumb a{color:var(--ink-faint);}
.woocommerce-breadcrumb a:hover{color:var(--brand);}

.catalog-layout{display:grid;grid-template-columns:240px 1fr;gap:32px;align-items:start;min-width:0;}
.catalog-layout.no-sidebar{grid-template-columns:1fr;}
@media (max-width:820px){.catalog-layout{grid-template-columns:1fr;}}

/* "X sonuç gösteriliyor" + sıralama açılır kutusu — düzenli bir araç çubuğu */
.catalog-toolbar{
	display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;
	margin-bottom:26px;padding-bottom:18px;border-bottom:1px solid var(--line);
}
.catalog-toolbar .woocommerce-result-count{margin:0;font-family:var(--font-mono);font-size:12.5px;color:var(--ink-faint);}
.catalog-toolbar .woocommerce-ordering{margin:0 0 0 auto;}
.catalog-toolbar .woocommerce-ordering select{
	width:auto;min-width:190px;display:inline-block;font-size:13px;padding:9px 12px;
}

ul.products{
	display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;
	list-style:none;margin:0;padding:0;clear:both;
}
ul.products li.product{
	background:var(--surface);border:1px solid var(--line);border-radius:6px;overflow:hidden;
	transition:box-shadow .25s,border-color .25s,transform .25s;position:relative;
	float:none;width:auto;margin:0;min-width:0;display:flex;flex-direction:column;
}
/* Starter WooCommerce CSS'indeki columns-X genişliklerini geçersiz kıl. */
ul.products[class*="columns-"] li.product{float:none;width:auto;margin:0;clear:none;}
.catalog-layout:not(.no-sidebar) ul.products{grid-template-columns:repeat(2,minmax(0,1fr));}
@media (max-width:900px){
	ul.products,.catalog-layout ul.products,.catalog-layout:not(.no-sidebar) ul.products{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (max-width:600px){
	ul.products,.catalog-layout ul.products,.catalog-layout:not(.no-sidebar) ul.products{grid-template-columns:1fr;}
}
ul.products li.product:hover{box-shadow:0 14px 30px rgba(0,0,0,.55);border-color:var(--line-strong);transform:translateY(-4px);}
ul.products li.product > a{display:flex;flex:1 1 auto;flex-direction:column;}
ul.products li.product .img-wrap{overflow:hidden;}
ul.products li.product img{aspect-ratio:4/3;object-fit:contain;background:#fff;transition:transform .4s ease;width:100%;}
ul.products li.product:hover img{transform:scale(1.06);}
ul.products li.product .quick-view-btn{
	position:absolute;top:14px;right:14px;z-index:2;
	background:rgba(30,30,36,.95);border:1px solid var(--line);border-radius:20px;
	font-family:var(--font-mono);font-size:11.5px;padding:7px 13px;color:var(--ink);cursor:pointer;
	opacity:0;transform:translateY(-6px);transition:opacity .2s,transform .2s;
}
ul.products li.product:hover .quick-view-btn{opacity:1;transform:translateY(0);}
ul.products li.product .product-body{padding:20px;}
ul.products li.product > a .product-body{flex:1 1 auto;}
ul.products li.product h2,ul.products li.product .woocommerce-loop-product__title{
	font-size:17px;margin-bottom:8px;line-height:1.3;
	display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
}
ul.products li.product .price{font-family:var(--font-mono);font-size:14px;color:var(--brand);font-weight:500;}
ul.products li.product .price del{color:var(--ink-faint);opacity:.6;}
ul.products li.product .spec-chips{margin-bottom:0;margin-top:12px;}
ul.products li.product .button{margin-top:14px;display:inline-block;font-family:var(--font-body);font-size:13px;padding:9px 16px;border:1px solid var(--line-strong);color:var(--ink);border-radius:var(--radius);}
ul.products li.product .button:hover{border-color:var(--brand);color:var(--brand);}

.woocommerce-pagination ul{display:flex;gap:8px;margin-top:32px;}
.woocommerce-pagination a,.woocommerce-pagination span{font-family:var(--font-mono);font-size:13px;padding:8px 12px;border:1px solid var(--line);color:var(--ink-soft);display:block;border-radius:var(--radius);}
.woocommerce-pagination .current{border-color:var(--brand);color:var(--brand);background:rgba(237,28,36,.12);}

/* katalog kenar filtre alanı (WooCommerce filtre widget'ları) */
.shop-sidebar .widget{background:var(--surface);border:1px solid var(--line);border-radius:6px;padding:20px;margin-bottom:16px;}
.shop-sidebar .widget-title{font-family:var(--font-mono);font-size:12.5px;color:var(--ink-faint);margin-bottom:14px;text-transform:uppercase;letter-spacing:.3px;}
.shop-sidebar ul li{margin-bottom:10px;font-size:14px;}
.shop-sidebar ul li a{color:var(--ink-soft);}
.shop-sidebar ul li a:hover{color:var(--brand);}
.shop-sidebar .price_slider_amount .button{float:right;}

/*--------------------------------------------------------------
# 16. WooCommerce — ürün detay sayfası (detaylı)
--------------------------------------------------------------*/
.product-detail{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(320px,.82fr);gap:48px;padding:32px 0 56px;align-items:start;}
@media (max-width:900px){.product-detail{grid-template-columns:1fr;gap:28px;}}

.product-gallery{position:relative;min-width:0;}
.product-gallery .onsale{position:absolute;top:14px;left:14px;z-index:5;background:var(--brand);color:#fff;padding:5px 10px;border-radius:3px;font-size:12px;font-weight:600;}
.single-product div.product .woocommerce-product-gallery{position:relative;float:none;width:100%;max-width:none;border:1px solid var(--line);border-radius:6px;background:var(--surface);padding:16px;overflow:hidden;}
.woocommerce-product-gallery .flex-viewport{margin:0 0 12px;overflow:hidden;border-radius:4px;background:#fff;}
.woocommerce-product-gallery__wrapper{max-width:none;margin:0;}
.woocommerce-product-gallery__image{display:flex;align-items:center;justify-content:center;background:#fff;}
.woocommerce-product-gallery__image a{display:block;width:100%;}
.woocommerce-product-gallery__wrapper img{border-radius:4px;width:100%;height:auto;aspect-ratio:4/3;object-fit:contain;background:#fff;}
.woocommerce-product-gallery .flex-control-thumbs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:12px 0 0;padding:0;}
.single-product div.product .woocommerce-product-gallery .flex-control-thumbs li{float:none!important;width:auto!important;margin:0!important;clear:none!important;list-style:none;min-width:0;}
.woocommerce-product-gallery .flex-control-thumbs li img{display:block;width:100%;aspect-ratio:1/1;object-fit:cover;border:2px solid transparent;border-radius:4px;cursor:pointer;opacity:.62;transition:opacity .2s,border-color .2s;}
.flex-control-thumbs li img.flex-active,.flex-control-thumbs li img:hover{opacity:1;border-color:var(--brand);}
.single-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__trigger{display:none!important;}
.single-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__trigger::after{content:'\1F50D';font:400 16px/1 sans-serif;}
.single-product div.product .woocommerce-product-gallery__image img{cursor:default;}
@media (max-width:600px){
	.woocommerce-product-gallery .flex-control-thumbs{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;}
}

/* özet sütunu — nefes alan, düzenli dikey ritim */
.product-summary{display:flex;flex-direction:column;min-width:0;}
.product-summary .model-code{font-family:var(--font-mono);font-size:12.5px;color:var(--ink-faint);margin-bottom:10px;}
.product-summary h1{font-size:clamp(30px,3vw,42px);line-height:1.12;margin-bottom:18px;max-width:none;overflow-wrap:anywhere;}
.product-summary .price{font-family:var(--font-mono);font-size:24px;color:var(--brand);font-weight:600;display:block;margin-bottom:22px;padding-bottom:22px;border-bottom:1px solid var(--line);}
.product-summary .woocommerce-product-details__short-description{color:var(--ink-soft);margin-bottom:26px;line-height:1.7;}
.product-summary .woocommerce-product-details__short-description p:last-child{margin-bottom:0;}

.product-cta-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px;margin-bottom:8px;}
.product-cta-row .btn{padding:14px 26px;font-size:15px;}
.btn-whatsapp{background:#25D366;color:#071b0e;border-color:#25D366;box-shadow:0 8px 20px rgba(37,211,102,.16);}
.btn-whatsapp:hover{background:#20bd5a;border-color:#20bd5a;color:#041108;}

.product-trust-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin-top:22px;border:1px solid var(--line);border-radius:6px;overflow:hidden;background:var(--line);}
.product-trust-strip > div{background:var(--surface);padding:15px 14px;min-width:0;}
.product-trust-strip strong,.product-trust-strip span{display:block;}
.product-trust-strip strong{font-family:var(--font-head);font-size:17px;color:#fff;line-height:1.15;}
.product-trust-strip span{font-size:11px;color:var(--ink-faint);margin-top:4px;}

.product-section-nav{position:sticky;top:77px;z-index:38;display:flex;align-items:center;gap:6px;padding:10px;margin:0 0 16px;background:rgba(23,23,28,.94);border:1px solid var(--line);border-radius:6px;backdrop-filter:blur(9px);overflow-x:auto;scrollbar-width:thin;}
.product-section-nav a{flex:0 0 auto;font-family:var(--font-mono);font-size:12px;color:var(--ink-soft);padding:8px 13px;border-radius:3px;transition:background .2s,color .2s;}
.product-section-nav a:hover,.product-section-nav a.is-active-section{background:rgba(237,28,36,.13);color:var(--brand);}

.product-content-section{padding:clamp(38px,6vw,72px) 0;border-top:1px solid var(--line);scroll-margin-top:145px;}
.product-section-heading{display:flex;align-items:flex-start;gap:18px;margin-bottom:28px;}
.product-section-heading > span{display:flex;align-items:center;justify-content:center;width:42px;height:42px;flex:0 0 42px;border:1px solid var(--brand);color:var(--brand);font-size:12px;border-radius:50%;}
.product-section-heading p{font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;color:var(--brand);margin:0 0 5px;}
.product-section-heading h2{font-size:clamp(28px,4vw,40px);margin:0;}
.product-description-panel{width:100%;max-width:none;background:var(--surface);border:1px solid var(--line);border-radius:7px;overflow:hidden;}
.product-description-assurance{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));background:var(--line);gap:1px;border-bottom:1px solid var(--line);}
.product-description-assurance > div{padding:18px 20px;background:var(--surface-2);}
.product-description-assurance strong,.product-description-assurance span{display:block;}
.product-description-assurance strong{font-family:var(--font-head);font-size:20px;color:#fff;line-height:1.15;}
.product-description-assurance span{margin-top:4px;font-size:11.5px;color:var(--ink-faint);}
.product-description-copy.entry-content{width:100%;max-width:none;padding:clamp(24px,4vw,44px);}
.product-description-copy.entry-content p{font-size:16px;line-height:1.78;max-width:none;}
.product-description-copy.entry-content span{font-family:inherit!important;font-size:inherit!important;line-height:inherit!important;}
.product-description-copy.entry-content ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 34px;margin:22px 0;padding:0;list-style:none;}
.product-description-copy.entry-content li{position:relative;padding:10px 12px 10px 28px;border-bottom:1px solid var(--line);color:var(--ink-soft);break-inside:avoid;}
.product-description-copy.entry-content li::before{content:'✓';position:absolute;left:4px;top:10px;color:#38D17A;font-weight:700;}
.product-description-copy.entry-content h2,.product-description-copy.entry-content h3{margin:30px 0 14px;}
.product-tech-table{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-radius:6px;overflow:hidden;background:var(--line);gap:1px;}
.product-tech-row{display:grid;grid-template-columns:minmax(130px,1fr) minmax(120px,1fr);gap:18px;align-items:center;background:var(--surface);padding:17px 20px;min-width:0;}
.product-tech-row span{font-size:13px;color:var(--ink-faint);}
.product-tech-row strong{font-size:13px;color:#fff;text-align:right;overflow-wrap:anywhere;}
.product-capability-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;}
.product-detail-card{background:var(--surface);border:1px solid var(--line);border-radius:6px;padding:clamp(22px,3vw,34px);}
.product-detail-card h3{font-size:23px;margin-bottom:20px;}
.capability-chips{display:flex;flex-wrap:wrap;gap:9px;}
.capability-chips span{padding:8px 12px;border:1px solid var(--line-strong);border-radius:30px;background:var(--surface-2);font-family:var(--font-mono);font-size:12px;color:var(--ink-soft);}
.check-list{display:grid;gap:12px;}
.check-list li{position:relative;padding-left:27px;color:var(--ink-soft);font-size:14.5px;}
.check-list li::before{content:'\2713';position:absolute;left:0;top:0;color:#38D17A;font-weight:700;}
.product-video-wrap{position:relative;width:100%;aspect-ratio:16/9;border:1px solid var(--line);border-radius:6px;background:#050506;overflow:hidden;display:flex;align-items:center;justify-content:center;}
.product-video-wrap iframe{width:100%;height:100%;border:0;}
.product-delivery-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:6px;overflow:hidden;}
.product-delivery-grid > div{background:var(--surface);padding:28px 24px;}
.product-delivery-grid > div > span{font-family:var(--font-mono);font-size:12px;color:var(--brand);}
.product-delivery-grid h3{font-size:20px;margin:17px 0 9px;}
.product-delivery-grid p{font-size:13.5px;margin:0;}
.product-faq-list{border:1px solid var(--line);border-radius:6px;overflow:hidden;}
.product-faq-list details{background:var(--surface);border-bottom:1px solid var(--line);}
.product-faq-list details:last-child{border-bottom:0;}
.product-faq-list summary{cursor:pointer;list-style:none;padding:20px 54px 20px 22px;font-family:var(--font-head);font-size:19px;color:#fff;position:relative;}
.product-faq-list summary::-webkit-details-marker{display:none;}
.product-faq-list summary::after{content:'+';position:absolute;right:22px;top:50%;transform:translateY(-50%);font:400 24px/1 var(--font-mono);color:var(--brand);}
.product-faq-list details[open] summary::after{content:'\2212';}
.product-faq-list details > div{padding:0 22px 20px;max-width:76ch;}
.product-faq-list details > div p:last-child{margin-bottom:0;}

.product-sticky-cta{position:fixed;left:0;right:0;bottom:0;z-index:70;padding:10px 20px;background:rgba(14,14,16,.96);border-top:1px solid var(--line-strong);box-shadow:0 -14px 36px rgba(0,0,0,.4);backdrop-filter:blur(10px);transform:translateY(110%);opacity:0;pointer-events:none;transition:transform .28s ease,opacity .28s ease;}
.product-sticky-cta.is-visible{transform:translateY(0);opacity:1;pointer-events:auto;}
.product-sticky-inner{max-width:var(--max);margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:24px;}
.product-sticky-inner > div:first-child{min-width:0;}
.product-sticky-inner > div:first-child span,.product-sticky-inner > div:first-child strong{display:block;}
.product-sticky-inner > div:first-child span{font-size:9.5px;color:var(--ink-faint);margin-bottom:2px;}
.product-sticky-inner > div:first-child strong{font-family:var(--font-head);font-size:17px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:48vw;}
.product-sticky-actions{display:flex;gap:9px;flex:0 0 auto;}
.product-sticky-actions .btn{padding:10px 20px;}
.single-product .ranax-floating-cta{display:none;}

@media (max-width:900px){
	.product-section-nav{top:63px;}
	.product-tech-table{grid-template-columns:1fr;}
	.product-delivery-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (max-width:640px){
	.product-trust-strip{grid-template-columns:1fr;}
	.product-section-nav{top:58px;margin-left:-20px;margin-right:-20px;border-left:0;border-right:0;border-radius:0;padding-left:20px;}
	.product-content-section{scroll-margin-top:126px;}
	.product-capability-grid,.product-delivery-grid{grid-template-columns:1fr;}
	.product-description-assurance{grid-template-columns:repeat(2,minmax(0,1fr));}
	.product-description-copy.entry-content ul{grid-template-columns:1fr;}
	.product-tech-row{grid-template-columns:1fr;gap:5px;padding:15px 16px;}
	.product-tech-row strong{text-align:left;}
	.product-sticky-cta{padding:9px 12px;}
	.product-sticky-inner > div:first-child{display:none;}
	.product-sticky-actions{width:100%;}
	.product-sticky-actions .btn{flex:1 1 50%;padding:11px 10px;}
	body.single-product{padding-bottom:66px;}
}

.product-after-summary{clear:both;min-width:0;}
.woocommerce-tabs{clear:both;margin-top:0;border-top:1px solid var(--line);padding-top:32px;}
.woocommerce-tabs ul.tabs{display:flex;gap:8px;margin-bottom:24px;flex-wrap:wrap;}
.woocommerce-tabs ul.tabs li{display:block;margin:0;}
.woocommerce-tabs ul.tabs li a{font-family:var(--font-mono);font-size:13px;color:var(--ink-soft);padding:9px 16px;display:block;border:1px solid var(--line);border-radius:20px;background:var(--surface);}
.woocommerce-tabs ul.tabs li.active a{color:#fff;background:var(--brand);border-color:var(--brand);}
.woocommerce-Tabs-panel{overflow-x:auto;-webkit-overflow-scrolling:touch;background:var(--surface);border:1px solid var(--line);border-radius:6px;padding:clamp(20px,3vw,36px);}
.woocommerce-Tabs-panel > :last-child{margin-bottom:0;}
.woocommerce-Tabs-panel h2:first-of-type{margin-top:0;margin-bottom:18px;}
.woocommerce-Tabs-panel table.shop_attributes{width:100%;min-width:420px;border:1px solid var(--line);border-radius:6px;overflow:hidden;border-collapse:collapse;}
.woocommerce-Tabs-panel table.shop_attributes th{font-family:var(--font-mono);font-size:12px;color:var(--ink-faint);text-align:left;padding:14px 18px;border-bottom:1px solid var(--line);width:220px;background:var(--surface-2);}
.woocommerce-Tabs-panel table.shop_attributes td{padding:14px 18px;border-bottom:1px solid var(--line);color:var(--ink-soft);background:var(--surface);}

.related.products,.upsells.products{clear:both;margin-top:56px;}
.related.products > h2{font-size:24px;margin-bottom:26px;}

.stock{font-family:var(--font-mono);font-size:12px;}
.stock.in-stock{color:#38D17A;}
.stock.out-of-stock{color:var(--accent-dark);}

/*--------------------------------------------------------------
# 16b. Hızlı Bakış (Quick View) modalı — AJAX ile doldurulur
--------------------------------------------------------------*/
.ranax-modal-overlay{
	position:fixed;inset:0;z-index:100;background:rgba(0,0,0,.75);
	display:flex;align-items:center;justify-content:center;padding:20px;
	opacity:0;pointer-events:none;transition:opacity .25s ease;
}
.ranax-modal-overlay.is-open{opacity:1;pointer-events:auto;}
.ranax-modal{
	background:var(--surface);border-radius:8px;max-width:820px;width:100%;max-height:88vh;overflow-y:auto;
	padding:36px;position:relative;transform:translateY(16px) scale(.98);transition:transform .25s ease;
	box-shadow:0 30px 70px rgba(0,0,0,.25);
}
.ranax-modal-overlay.is-open .ranax-modal{transform:translateY(0) scale(1);}
.ranax-modal-close{
	position:absolute;top:16px;right:16px;width:34px;height:34px;border-radius:50%;
	background:var(--surface-2);border:1px solid var(--line);cursor:pointer;font-size:18px;color:var(--ink-soft);
	display:flex;align-items:center;justify-content:center;line-height:1;
}
.ranax-modal-close:hover{background:var(--line);}
.ranax-modal-body{display:grid;grid-template-columns:1fr 1fr;gap:32px;}
@media (max-width:640px){.ranax-modal-body{grid-template-columns:1fr;}.ranax-modal{padding:24px;}}
.ranax-modal-loading{padding:60px;text-align:center;font-family:var(--font-mono);font-size:13px;color:var(--ink-faint);}
.ranax-modal-loading .spinner{
	width:26px;height:26px;border:3px solid var(--line);border-top-color:var(--brand);border-radius:50%;
	margin:0 auto 14px;animation:ranaxspin .7s linear infinite;
}
@keyframes ranaxspin{to{transform:rotate(360deg);}}
.ranax-modal-narrow{max-width:520px;}
.ranax-modal-narrow .quote-form{border:none;padding:0;box-shadow:none;max-width:none;}
.ranax-modal-narrow .quote-feedback{margin-top:14px;}

/* Hızlı Görüntüleme — mini ürün satış ekranı */
.ranax-quick-view-modal{max-width:1080px;padding:0;overflow:hidden;}
.ranax-quick-view-modal .ranax-modal-close{z-index:6;background:rgba(14,14,16,.9);color:#fff;}
.ranax-qv-layout{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(330px,.95fr);min-height:560px;}
.ranax-qv-media{background:var(--surface-2);padding:28px;border-right:1px solid var(--line);min-width:0;}
.ranax-qv-main{aspect-ratio:4/3;background:#fff;border-radius:5px;overflow:hidden;display:flex;align-items:center;justify-content:center;}
.ranax-qv-main img{width:100%;height:100%;object-fit:contain;}
.ranax-qv-thumbs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-top:10px;}
.ranax-qv-thumb{padding:0;border:2px solid transparent;border-radius:4px;background:#fff;overflow:hidden;cursor:pointer;aspect-ratio:1/1;opacity:.65;transition:opacity .2s,border-color .2s,transform .2s;}
.ranax-qv-thumb img{width:100%;height:100%;object-fit:cover;}
.ranax-qv-thumb:hover,.ranax-qv-thumb.is-active{opacity:1;border-color:var(--brand);transform:translateY(-2px);}
.ranax-qv-content{padding:clamp(28px,4vw,46px);overflow-y:auto;max-height:88vh;}
.ranax-qv-code{font-size:11px;color:var(--ink-faint);letter-spacing:.08em;margin-bottom:8px;}
.ranax-qv-content h3{font-size:clamp(28px,3.2vw,38px);margin:0 34px 12px 0;}
.ranax-qv-price{font-family:var(--font-mono);font-size:20px;color:var(--brand);font-weight:600;margin-bottom:18px;}
.ranax-qv-desc{font-size:14px;line-height:1.7;margin-bottom:20px;}
.ranax-qv-specs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:5px;overflow:hidden;margin:20px 0;}
.ranax-qv-spec{background:var(--surface-2);padding:13px 14px;min-width:0;}
.ranax-qv-spec span,.ranax-qv-spec strong{display:block;}
.ranax-qv-spec span{font-size:9.5px;color:var(--ink-faint);text-transform:uppercase;letter-spacing:.05em;margin-bottom:3px;}
.ranax-qv-spec strong{font-size:12px;color:#fff;overflow-wrap:anywhere;}
.ranax-qv-materials{margin:18px 0;}
.ranax-qv-materials > span{display:block;font-size:10px;color:var(--ink-faint);margin-bottom:8px;letter-spacing:.06em;}
.ranax-qv-materials .capability-chips span{font-size:10.5px;padding:6px 9px;}
.ranax-qv-trust{display:flex;gap:14px;flex-wrap:wrap;padding:13px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:11px;color:var(--ink-soft);}
.ranax-qv-trust span::before{content:'\2713';color:#38D17A;margin-right:6px;font-weight:700;}
.ranax-qv-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:20px;}
.ranax-qv-actions .btn{padding:12px 10px;}
.ranax-qv-actions .ranax-qv-detail{grid-column:1/-1;}
.ranax-qv-catalog{margin-top:14px;text-align:center;}
.ranax-qv-catalog a{font-family:var(--font-mono);font-size:11.5px;color:var(--brand);text-decoration:underline;}
@media (max-width:820px){
	.ranax-quick-view-modal{max-width:620px;overflow-y:auto;}
	.ranax-qv-layout{grid-template-columns:1fr;}
	.ranax-qv-media{border-right:0;border-bottom:1px solid var(--line);padding:20px;}
	.ranax-qv-content{max-height:none;padding:26px 20px;overflow:visible;}
}
@media (max-width:480px){
	.ranax-qv-thumbs{grid-template-columns:repeat(4,minmax(0,1fr));}
	.ranax-qv-actions{grid-template-columns:1fr;}
	.ranax-qv-actions .ranax-qv-detail{grid-column:auto;}
}

/*--------------------------------------------------------------
# 17. Sepet / ödeme temelleri
--------------------------------------------------------------*/
table.shop_table{width:100%;border:1px solid var(--line);border-collapse:collapse;background:var(--surface);}
table.shop_table th,table.shop_table td{padding:14px 16px;border-bottom:1px solid var(--line);text-align:left;word-break:break-word;}
.woocommerce-message,.woocommerce-info,.woocommerce-error{
	border:1px solid var(--line);background:var(--surface);padding:16px 20px;
	font-size:14px;margin-bottom:24px;list-style:none;border-radius:var(--radius);
}
.woocommerce-message a.button,.woocommerce-info a.button{margin-left:10px;}

/*--------------------------------------------------------------
# 18. Teklif / iletişim formu
--------------------------------------------------------------*/
.quote-form{border:1px solid var(--line);background:var(--surface);border-radius:6px;padding:32px;max-width:560px;box-shadow:0 12px 32px rgba(0,0,0,.45);}
.quote-form .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
@media (max-width:560px){.quote-form .form-grid{grid-template-columns:1fr;}}
.quote-form .full{grid-column:1/-1;}
.quote-feedback{margin-top:16px;font-family:var(--font-mono);font-size:13px;}
.quote-feedback.ok{color:#38D17A;}
.quote-feedback.err{color:var(--accent-dark);}

/*--------------------------------------------------------------
# 18b. İletişim sayfası — Özel HTML bloğu
--------------------------------------------------------------*/
.rnx-contact-page{max-width:var(--max);margin:0 auto;padding:38px 0 70px;color:var(--ink);}
.rnx-contact-hero{position:relative;overflow:hidden;padding:clamp(34px,6vw,68px);border:1px solid var(--line);border-radius:8px;background:radial-gradient(circle at 85% 25%,rgba(237,28,36,.2),transparent 34%),linear-gradient(135deg,var(--surface),#0b0b0d);margin-bottom:22px;}
.rnx-contact-hero::after{content:'';position:absolute;width:240px;height:240px;right:-80px;bottom:-120px;border:1px solid rgba(237,28,36,.45);transform:rotate(45deg);}
.rnx-contact-kicker{display:inline-flex;align-items:center;gap:9px;font-family:var(--font-mono);font-size:11px;color:var(--brand);letter-spacing:.12em;margin-bottom:15px;}
.rnx-contact-kicker::before{content:'';width:28px;height:2px;background:var(--brand);}
.rnx-contact-hero .rnx-contact-title{font-size:clamp(38px,6vw,66px);max-width:13ch;margin-bottom:16px;}
.rnx-contact-hero p{font-size:clamp(15px,2vw,18px);max-width:58ch;margin-bottom:0;}
.rnx-contact-layout{display:grid;grid-template-columns:minmax(280px,.8fr) minmax(420px,1.2fr);gap:22px;align-items:start;}
.rnx-contact-cards{display:grid;gap:12px;}
.rnx-contact-card{display:block;position:relative;padding:22px 52px 22px 22px;background:var(--surface);border:1px solid var(--line);border-radius:6px;transition:transform .2s,border-color .2s,background .2s;}
.rnx-contact-card:hover{transform:translateY(-3px);border-color:var(--brand);background:var(--surface-2);}
.rnx-contact-card small,.rnx-contact-card strong,.rnx-contact-card span{display:block;}
.rnx-contact-card small{font-family:var(--font-mono);font-size:10px;color:var(--brand);letter-spacing:.08em;margin-bottom:5px;}
.rnx-contact-card strong{font-family:var(--font-head);font-size:22px;color:#fff;line-height:1.2;}
.rnx-contact-card span{font-size:12.5px;color:var(--ink-faint);margin-top:5px;}
.rnx-contact-card::after{content:'\2197';position:absolute;right:20px;top:50%;transform:translateY(-50%);font-family:var(--font-mono);font-size:20px;color:var(--brand);}
.rnx-contact-note{padding:20px 22px;border:1px dashed var(--line-strong);border-radius:6px;margin-top:12px;}
.rnx-contact-note strong{display:block;font-family:var(--font-head);font-size:18px;margin-bottom:5px;}
.rnx-contact-note p{font-size:13px;margin:0;}
.rnx-contact-form-panel{background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:clamp(24px,4vw,40px);}
.rnx-contact-form-panel h2{font-size:clamp(28px,4vw,40px);margin-bottom:8px;}
.rnx-contact-form-panel > p{font-size:14px;margin-bottom:24px;}
.rnx-contact-form-panel .quote-form{max-width:none;padding:0;border:0;box-shadow:none;background:transparent;}
.rnx-contact-form-panel .form-row{margin-bottom:0;}
.rnx-contact-form-panel textarea{resize:vertical;}
.rnx-contact-form-panel .rnx-consent{font-size:11px;color:var(--ink-faint);margin:12px 0 0;text-align:center;}
.rnx-contact-map{margin-top:22px;background:var(--surface);border:1px solid var(--line);border-radius:8px;overflow:hidden;}
.rnx-contact-map-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding:clamp(22px,4vw,36px);}
.rnx-contact-map-head small{display:block;font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;color:var(--brand);margin-bottom:6px;}
.rnx-contact-map-head h2{font-size:clamp(27px,4vw,38px);margin-bottom:7px;}
.rnx-contact-map-head address{font-style:normal;color:var(--ink-soft);font-size:14px;max-width:52ch;}
.rnx-contact-map-frame{position:relative;height:clamp(340px,45vw,500px);background:var(--surface-2);border-top:1px solid var(--line);}
.rnx-contact-map-frame iframe{display:block;width:100%;height:100%;border:0;filter:saturate(.72) contrast(1.04);}
@media (max-width:860px){.rnx-contact-layout{grid-template-columns:1fr;}}
@media (max-width:560px){
	.rnx-contact-page{padding-top:22px;}.rnx-contact-hero{padding:30px 22px;}.rnx-contact-form-panel{padding:24px 18px;}
	.rnx-contact-map-head{align-items:flex-start;flex-direction:column;}.rnx-contact-map-head .btn{width:100%;}
}

/*--------------------------------------------------------------
# 19. Genel sayfa içeriği
--------------------------------------------------------------*/
#primary{max-width:var(--max);margin:0 auto;padding:0 32px 64px;}
.page-title,.entry-title{font-size:clamp(26px,3.6vw,38px);margin-bottom:22px;padding-top:8px;}
article.type-page{padding:24px 0;}

/*--------------------------------------------------------------
# 20. Erişilebilirlik & hizalama (WP çekirdek)
--------------------------------------------------------------*/
.screen-reader-text{
	border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;margin:-1px;
	overflow:hidden;padding:0;position:absolute !important;width:1px;word-wrap:normal !important;
}
.screen-reader-text:focus{
	background-color:#f1f1f1;border-radius:3px;box-shadow:0 0 2px 2px rgba(0,0,0,.6);
	clip:auto !important;clip-path:none;color:#21759b;display:block;font-size:.875rem;
	font-weight:700;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;
	text-decoration:none;top:5px;width:auto;z-index:100000;
}
#primary[tabindex="-1"]:focus{outline:0;}
.alignleft{float:left;margin-right:1.5em;margin-bottom:1.5em;}
.alignright{float:right;margin-left:1.5em;margin-bottom:1.5em;}
.aligncenter{clear:both;display:block;margin-left:auto;margin-right:auto;margin-bottom:1.5em;}
:focus-visible{outline:2px solid var(--brand);outline-offset:2px;}

/*--------------------------------------------------------------
# 21. Ranax 2.4 — katalog, referanslar, footer ve çerez deneyimi
--------------------------------------------------------------*/

/* Ana sayfa kategori vitrini: dört modeli tek bakışta gösterir. */
.cat-product-mosaic.items-4{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));aspect-ratio:1.18/1;}
.cat-product-mosaic.items-4 .cat-product-shot:first-child{grid-row:auto;}
.cat-product-image{display:block;width:100%;height:100%;}
.cat-product-card-copy{position:absolute;z-index:3;left:13px;right:13px;bottom:11px;display:block;}
.cat-product-card-copy strong{position:static!important;display:-webkit-box!important;font-size:15px!important;margin:0;color:#fff;}
.cat-product-card-copy small{display:block;color:#b9c0ca;font-family:var(--font-mono);font-size:9.5px;margin-top:4px;}
#catPanelHolder[aria-busy="true"]{opacity:.58;pointer-events:none;transition:opacity .2s;}
.catalog-filter-error{font-size:13px;color:var(--brand);margin-top:12px;}

/* Sektör listesi kontrollü açılır; uzun ana sayfayı kısaltır. */
.industry-disclosure{border:1px solid var(--line);border-radius:8px;background:var(--surface);overflow:hidden;}
.industry-disclosure summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:21px 24px;color:#fff;font-family:var(--font-head);font-size:20px;font-weight:600;transition:background .2s;}
.industry-disclosure summary::-webkit-details-marker{display:none;}
.industry-disclosure summary::after{content:'+';color:var(--brand);font-family:var(--font-mono);font-size:27px;font-weight:400;margin-left:auto;}
.industry-disclosure[open] summary::after{content:'−';}
.industry-disclosure summary:hover{background:var(--surface-2);}
.industry-summary-count{font-family:var(--font-mono);font-size:11px;color:var(--ink-faint);font-weight:400;white-space:nowrap;}
.industry-disclosure .industry-grid{padding:0 20px 20px;animation:panelIn .25s ease;}

/* Firma logoları: 500x500 kaynak görsellere uygun kare yüzey. */
.reference-logo-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;}
.reference-logo-card{aspect-ratio:1/1;min-height:0;padding:clamp(18px,2.5vw,30px);border:1px solid var(--line);border-radius:7px;background:#fff;display:flex;align-items:center;justify-content:center;overflow:hidden;transition:transform .2s,border-color .2s,box-shadow .2s;}
.reference-logo-card:hover{transform:translateY(-3px);border-color:var(--brand);box-shadow:0 12px 30px rgba(0,0,0,.35);}
.reference-logo-card img{display:block;width:100%;height:100%;object-fit:contain;filter:grayscale(1);opacity:.78;transition:filter .2s,opacity .2s;}
.reference-logo-card:hover img{filter:none;opacity:1;}
.reference-logo-card strong{color:#19191d;text-align:center;font-family:var(--font-head);font-size:20px;}
.reference-more{margin-top:18px;}
.reference-more summary{list-style:none;min-height:48px;padding:12px 20px;border:1px solid var(--line-strong);border-radius:5px;background:var(--surface);color:#fff;display:flex;align-items:center;justify-content:center;gap:12px;font-weight:600;cursor:pointer;transition:border-color .2s,background .2s,color .2s;}
.reference-more summary::-webkit-details-marker{display:none;}
.reference-more summary::after{content:'+';color:var(--brand);font-family:var(--font-mono);font-size:22px;line-height:1;}
.reference-more summary:hover{border-color:var(--brand);background:var(--surface-2);}
.reference-more summary small{color:var(--ink-faint);font-size:10.5px;font-weight:400;}
.reference-more-open{display:none;}
.reference-more[open] .reference-more-closed{display:none;}
.reference-more[open] .reference-more-open{display:inline;}
.reference-more[open] summary::after{content:'−';}
.reference-logo-grid-more{margin-top:14px;animation:panelIn .28s ease;}
.reference-empty{display:flex;align-items:end;justify-content:space-between;gap:36px;padding:clamp(28px,5vw,52px);border:1px solid var(--line);border-radius:8px;background:radial-gradient(circle at 88% 20%,rgba(237,28,36,.14),transparent 32%),var(--surface);}
.reference-empty h2{font-size:clamp(28px,4vw,43px);max-width:20ch;margin:9px 0 12px;}
.reference-empty p{max-width:64ch;margin:0;}
.reference-empty .btn{flex:0 0 auto;}
.reference-admin-note{font-size:10.5px;color:var(--ink-faint);margin:10px 0 0;}

/* Gelişmiş ürün kataloğu filtresi. */
.catalog-filter-panel{margin:0 0 28px;border:1px solid var(--line);border-radius:8px;background:linear-gradient(135deg,var(--surface),rgba(237,28,36,.055));overflow:hidden;}
.catalog-filter-panel summary{list-style:none;cursor:pointer;padding:18px 20px;display:flex;align-items:center;justify-content:space-between;gap:18px;}
.catalog-filter-panel summary::-webkit-details-marker{display:none;}
.catalog-filter-panel summary > span:first-child{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;}
.catalog-filter-panel summary strong{font-family:var(--font-head);font-size:21px;color:#fff;}
.catalog-filter-panel summary small{font-size:12px;color:var(--ink-faint);}
.catalog-filter-status{font-size:10.5px;color:var(--brand);white-space:nowrap;}
.catalog-filter-form{display:grid;grid-template-columns:1.35fr repeat(3,minmax(140px,1fr));gap:12px;padding:0 20px 20px;border-top:1px solid var(--line);padding-top:18px;}
.catalog-filter-form label{display:flex;flex-direction:column;gap:6px;min-width:0;}
.catalog-filter-form label > span{font-family:var(--font-mono);font-size:9.5px;letter-spacing:.06em;color:var(--ink-faint);text-transform:uppercase;}
.catalog-filter-form input,.catalog-filter-form select{width:100%;margin:0;min-height:44px;background:#111216;border-color:var(--line-strong);}
.catalog-filter-actions{display:flex;align-items:end;gap:9px;grid-column:1/-1;}
.catalog-filter-actions .btn{min-height:43px;}

/* Kurumsal, içerik dolu footer. */
#colophon{padding:0 0 28px;overflow:hidden;}
.footer-cta-strip{padding:40px 0;background:radial-gradient(circle at 85% 20%,rgba(237,28,36,.18),transparent 35%),#121216;border-bottom:1px solid var(--line);}
.footer-cta-inner{display:flex;align-items:center;justify-content:space-between;gap:36px;}
.footer-cta-inner h2{font-size:clamp(27px,3.4vw,42px);max-width:20ch;margin:8px 0 0;}
.footer-cta-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end;}
.footer-trust-grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-top:0;margin-bottom:48px;}
.footer-trust-grid > div{padding:20px;border-right:1px solid var(--line);}
.footer-trust-grid > div:last-child{border-right:0;}
.footer-trust-grid strong,.footer-trust-grid span{display:block;}
.footer-trust-grid strong{font-family:var(--font-head);font-size:19px;color:#fff;}
.footer-trust-grid span{font-size:11.5px;color:var(--ink-faint);margin-top:3px;}
.foot-grid-expanded{grid-template-columns:1.35fr .95fr .85fr 1.1fr;gap:clamp(28px,4vw,58px);}
.footer-logo-link{display:inline-block;margin-bottom:14px;}
.footer-logo-link img{width:190px;height:auto;max-height:54px;object-fit:contain;object-position:left center;}
.footer-brand p{font-size:14px;line-height:1.75;max-width:38ch;color:var(--ink-soft);}
.footer-text-link{display:inline-flex;margin-top:10px;font-size:13px;color:#fff!important;}
.footer-contact{display:flex;flex-direction:column;align-items:flex-start;gap:9px;}
.footer-contact-label{font-size:9.5px;color:var(--brand);margin:0;}
.footer-contact-strong{font-family:var(--font-head);font-size:21px;color:#fff!important;}
.footer-cookie-settings{appearance:none;border:0;background:none;color:var(--ink-faint);font:inherit;min-height:44px;padding:8px 0;cursor:pointer;text-decoration:underline;text-underline-offset:3px;}
.footer-cookie-settings:hover{color:#fff;}
#colophon .btn-primary{background:#C4141B;color:#fff;}
#colophon .btn-whatsapp{background:#25D366;color:#041108;}

/* Çerez tercihi; içerik görünümünü engellemeden alt köşede kalır. */
.ranax-cookie-banner[hidden]{display:none!important;}
.ranax-cookie-banner{position:fixed;z-index:99990;right:20px;bottom:20px;width:calc(100% - 40px);max-width:720px;padding:16px 18px;background:rgba(20,21,25,.97);backdrop-filter:blur(12px);border:1px solid var(--line-strong);border-radius:8px;box-shadow:0 22px 60px rgba(0,0,0,.55);display:flex;align-items:center;justify-content:space-between;gap:18px;}
.ranax-cookie-copy strong{display:block;color:#fff;font-family:var(--font-head);font-size:20px;margin-bottom:4px;}
.ranax-cookie-copy p{font-size:12.5px;line-height:1.55;color:var(--ink-soft);margin:0;max-width:76ch;}
.ranax-cookie-copy a{color:#fff;text-decoration:underline;text-underline-offset:2px;}
.ranax-cookie-actions{display:flex;gap:8px;flex:0 0 auto;}
.ranax-cookie-actions .btn{white-space:nowrap;padding:10px 14px;}

/* Ekran dışında kalan ağır ana sayfa bölümlerini tarayıcı gerektiğinde çizer. */
.home .site-main > .section:nth-of-type(n+4){content-visibility:auto;contain-intrinsic-size:700px;}

/* WooCommerce galerisi: slayt değişiminde boş/beyaz ana alan oluşmasını engeller. */
.single-product .woocommerce-product-gallery .flex-viewport{min-height:clamp(320px,42vw,560px);}
.single-product .woocommerce-product-gallery__image{min-height:clamp(320px,42vw,560px);}
.single-product .woocommerce-product-gallery__image img{display:block!important;visibility:visible!important;opacity:1!important;min-height:clamp(320px,42vw,560px);object-fit:contain;}

@media (max-width:980px){
	.catalog-filter-form{grid-template-columns:repeat(2,minmax(0,1fr));}
	.reference-logo-grid{grid-template-columns:repeat(3,minmax(0,1fr));}
	.foot-grid-expanded{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (max-width:700px){
	.footer-cta-inner{align-items:flex-start;flex-direction:column;}
	.reference-empty{align-items:flex-start;flex-direction:column;}
	.footer-cta-actions{justify-content:flex-start;width:100%;}
	.footer-trust-grid{grid-template-columns:repeat(2,1fr);}
	.footer-trust-grid > div:nth-child(2){border-right:0;}
	.footer-trust-grid > div:nth-child(-n+2){border-bottom:1px solid var(--line);}
	.reference-logo-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
	.ranax-cookie-banner{align-items:stretch;flex-direction:column;gap:14px;left:12px;right:12px;bottom:12px;width:auto;padding:17px;}
	.ranax-cookie-actions{display:grid;grid-template-columns:1fr 1fr;}
}
@media (max-width:560px){
	.cat-product-mosaic.items-4{grid-template-columns:1fr 1fr;grid-template-rows:repeat(2,minmax(0,1fr));aspect-ratio:1/1.28;}
	.industry-disclosure summary{padding:18px;font-size:17px;}
	.industry-summary-count{display:none;}
	.industry-disclosure .industry-grid{grid-template-columns:1fr;padding:0 12px 12px;}
	.catalog-filter-form{grid-template-columns:1fr;padding:15px;}
	.catalog-filter-panel summary{padding:16px;}
	.catalog-filter-panel summary small{display:none;}
	.catalog-filter-actions{display:grid;grid-template-columns:1fr 1fr;}
	.foot-grid-expanded{grid-template-columns:1fr;}
	.ranax-cookie-actions{grid-template-columns:1fr;}
}
