.p24-global-breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:.45rem;width:min(100% - 2rem,80rem);margin:.75rem auto 0;padding:.65rem .85rem;border:1px solid rgba(148,163,184,.35);border-radius:.65rem;background:rgba(255,255,255,.82);color:#64748b;font:600 12px/1.4 Inter,system-ui,sans-serif}
.p24-global-breadcrumb a{color:#2563eb;text-decoration:none}
.p24-global-breadcrumb a:hover{text-decoration:underline}
.p24-global-breadcrumb [aria-current=page]{color:#0f2744}
#p24-sticky-phone{position:fixed;z-index:9998;right:1.25rem;bottom:5.6rem;display:flex;align-items:center;gap:.5rem;min-height:3rem;padding:.7rem 1rem;border:3px solid #fff;border-radius:999px;background:#0b63ce;color:#fff;text-decoration:none;box-shadow:0 12px 32px rgba(7,26,51,.28);font:800 12px/1 Inter,system-ui,sans-serif}
#p24-sticky-phone span{font-size:1.1rem}
.p24-seo-section{padding:2rem;border:1px solid rgba(148,163,184,.42);border-radius:1rem;background:#fff;box-shadow:0 6px 20px rgba(15,39,68,.05)}
.p24-seo-heading{max-width:52rem;margin:0 auto 1.5rem;text-align:center}
.p24-seo-heading>span{color:#2563eb;font:800 11px/1.2 ui-monospace,monospace;letter-spacing:.12em}
.p24-seo-heading h2{margin:.5rem 0;color:#0f2744;font:900 clamp(1.35rem,3vw,2rem)/1.2 Inter,system-ui,sans-serif}
.p24-seo-heading p{margin:.5rem 0 0;color:#64748b;font:400 14px/1.65 Inter,system-ui,sans-serif}
.p24-seo-heading a{color:#2563eb;font-weight:700}
.p24-experience-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
.p24-experience-grid article{position:relative;padding:1.4rem;border:1px solid rgba(148,163,184,.35);border-radius:.8rem;background:#f8fafc}
.p24-experience-grid article>span{display:grid;width:2rem;height:2rem;place-items:center;border-radius:50%;background:#dbeafe;color:#1d4ed8;font-weight:900}
.p24-experience-grid h3{margin:.9rem 0 .4rem;color:#0f2744;font:800 15px/1.3 Inter,system-ui,sans-serif}
.p24-experience-grid p,.p24-faq-list p{margin:0;color:#64748b;font:400 13px/1.65 Inter,system-ui,sans-serif}
.p24-faq-list{display:grid;max-width:56rem;margin:auto;gap:.65rem}
.p24-faq-list details{border:1px solid rgba(148,163,184,.38);border-radius:.7rem;background:#f8fafc}
.p24-faq-list summary{cursor:pointer;padding:1rem 1.1rem;color:#0f2744;font:800 14px/1.45 Inter,system-ui,sans-serif}
.p24-faq-list details p{padding:0 1.1rem 1rem}
.p24-faq-list details[open]{border-color:rgba(37,99,235,.38);background:#fff}
@media(max-width:767px){
#p24-sticky-phone{left:.8rem;right:auto;bottom:.8rem}
.p24-seo-section{padding:1.35rem}
.p24-experience-grid{grid-template-columns:1fr}
.p24-global-breadcrumb{margin-top:.5rem}
}
@media(min-width:900px){#p24-sticky-phone{display:none}
}
[data-theme=dark] .p24-seo-section,[data-theme=dark] .p24-global-breadcrumb,[data-theme=dark] .p24-faq-list details[open]{background:#071a33;border-color:rgba(255,255,255,.14)}
[data-theme=dark] .p24-seo-heading h2,[data-theme=dark] .p24-experience-grid h3,[data-theme=dark] .p24-faq-list summary,[data-theme=dark] .p24-global-breadcrumb [aria-current=page]{color:#f8fafc}
[data-theme=dark] .p24-experience-grid article,[data-theme=dark] .p24-faq-list details{background:#0b213d;border-color:rgba(255,255,255,.12)}
.p24-home-bottom{display:grid;width:100%;gap:1.25rem;margin-top:4rem}
.p24-lightbox-open{overflow:hidden}
.p24-image-lightbox{position:fixed;inset:0;z-index:10050;display:none;align-items:center;justify-content:center;padding:4rem 5rem 2rem;background:rgba(2,10,23,.94);backdrop-filter:blur(8px)}
.p24-image-lightbox.is-open{display:flex}
.p24-image-lightbox figure{display:flex;max-width:min(92vw,1400px);max-height:88vh;margin:0;flex-direction:column;align-items:center;gap:.7rem}
.p24-image-lightbox img{display:block;max-width:100%;max-height:82vh;border-radius:.6rem;background:#fff;object-fit:contain;box-shadow:0 24px 80px rgba(0,0,0,.45)}
.p24-image-lightbox figcaption{min-height:1rem;color:#dbe7f5;font:700 12px/1.4 Inter,system-ui,sans-serif}
.p24-lightbox-close,.p24-lightbox-prev,.p24-lightbox-next{position:absolute;display:grid;place-items:center;border:1px solid rgba(255,255,255,.32);border-radius:999px;background:rgba(7,26,51,.82);color:#fff;cursor:pointer;box-shadow:0 10px 32px rgba(0,0,0,.3)}
.p24-lightbox-close{top:1rem;right:1rem;width:3rem;height:3rem;font-size:2rem}
.p24-lightbox-prev,.p24-lightbox-next{top:50%;width:3.25rem;height:3.25rem;transform:translateY(-50%);font-size:2.5rem}
.p24-lightbox-prev{left:1.2rem}
.p24-lightbox-next{right:1.2rem}
.p24-lightbox-close:hover,.p24-lightbox-prev:hover,.p24-lightbox-next:hover{background:#2563eb}
@media(max-width:767px){.p24-home-bottom{margin-top:2.5rem}.p24-image-lightbox{padding:4rem .75rem 1.5rem}.p24-lightbox-prev,.p24-lightbox-next{top:auto;bottom:1rem;width:2.75rem;height:2.75rem}.p24-lightbox-prev{left:calc(50% - 3.25rem)}.p24-lightbox-next{right:calc(50% - 3.25rem)}}

/* Mobile header, hamburger panel and product filters */
@media(max-width:767px){
.p24-mobile-header-row{grid-template-columns:minmax(0,1fr) auto!important;gap:.4rem!important;padding:.55rem .75rem!important}
.p24-mobile-logo{height:2.5rem!important;max-width:8.25rem!important}
.p24-mobile-header-actions{min-width:0!important;gap:.25rem!important}
.p24-mobile-header-actions>button,.p24-mobile-header-actions>.p24-theme-group{flex:0 0 auto}
.p24-mobile-header-actions>button{padding:.45rem!important}
.p24-theme-group{display:none!important}
.p24-mobile-menu-panel{position:absolute;top:100%;right:0;left:0;z-index:1001;max-height:calc(100dvh - 4rem);margin:0!important;padding:1rem!important;overflow-y:auto;overscroll-behavior:contain;border-top:1px solid rgba(148,163,184,.5)!important;border-radius:0 0 1rem 1rem!important;background:var(--color-surface-container-lowest,#fff)!important;box-shadow:0 18px 45px rgba(7,26,51,.2)!important}
.p24-mobile-menu-panel form{min-height:3rem;border-width:1px!important;border-radius:.75rem!important;box-shadow:0 4px 14px rgba(7,26,51,.07)}
.p24-mobile-menu-panel>div:nth-of-type(1){display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:.5rem!important;padding-top:.25rem!important}
.p24-mobile-menu-panel>div:nth-of-type(1) a{display:flex;min-height:2.75rem;align-items:center;justify-content:center;padding:.65rem .5rem!important;border:1px solid rgba(148,163,184,.4);border-radius:.75rem!important;background:var(--color-surface-container-low,#f8fafc);text-align:center}
.p24-mobile-menu-panel>div:nth-of-type(2){padding-top:.75rem!important}
.p24-mobile-menu-panel>div:nth-of-type(2) button{min-height:2.75rem;border:1px solid rgba(37,99,235,.18);border-radius:.75rem!important;text-align:center!important}
.products-sidebar-aside{width:100%!important;padding:0!important;overflow:visible!important;border:0!important;background:transparent!important;box-shadow:none!important}
.products-sidebar-aside>div>button{min-height:3rem;border-radius:.875rem!important;box-shadow:0 7px 18px rgba(7,26,51,.12)!important}
.products-sidebar-aside>div>div{padding:1rem;border:1px solid rgba(148,163,184,.45);border-radius:.875rem;background:var(--color-surface-container-lowest,#fff);box-shadow:0 7px 18px rgba(7,26,51,.07)}
.products-top-filter-bar{padding:.75rem!important;border-radius:1rem!important;overflow:hidden}
.products-top-filter-bar>div:first-child{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:.5rem!important}
.products-top-filter-bar>div:first-child button{min-width:0;min-height:3.65rem!important;padding:.55rem .45rem!important}
.products-top-filter-bar>div:first-child button span{display:-webkit-box!important;overflow:hidden!important;white-space:normal!important;text-overflow:clip!important;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2}
.products-top-filter-bar input{min-width:0!important}
}

@media(max-width:359px){
.p24-mobile-logo{max-width:7rem!important}
.p24-mobile-header-actions [role=group][aria-label="Dil seçimi"] button{padding-inline:.45rem!important}
}

/* Fixed brand-dark header: matches the supplied logo canvas in every theme. */
:root{
--p24-header-bg:#020204;
--p24-header-surface:#111319;
--p24-header-surface-hover:#1a1d24;
--p24-header-border:#2a2d35;
--p24-header-text:#f7f8fa;
--p24-header-muted:#abb2bd;
--p24-header-accent:#80c41c;
}
#root header.sticky.top-0.z-50{
background:var(--p24-header-bg)!important;
border-color:var(--p24-header-border)!important;
color:var(--p24-header-text)!important;
box-shadow:0 10px 30px rgba(0,0,0,.28)!important;
}
#root header.sticky.top-0.z-50>div,
#root header.sticky.top-0.z-50>.p24-mobile-menu-panel{
border-color:var(--p24-header-border)!important;
}
#root header.sticky.top-0.z-50>div:nth-child(2),
#root header.sticky.top-0.z-50>div:nth-child(3),
#root header.sticky.top-0.z-50>div:nth-child(1),
#root header.sticky.top-0.z-50>.p24-mobile-menu-panel{
background:var(--p24-header-bg)!important;
}
#root header.sticky.top-0.z-50 .text-outline-gray{color:var(--p24-header-muted)!important}
#root header.sticky.top-0.z-50 .text-on-surface,
#root header.sticky.top-0.z-50 .text-on-surface-variant{color:var(--p24-header-text)!important}
#root header.sticky.top-0.z-50 .bg-accent-blue{
background:var(--p24-header-accent)!important;
color:#111704!important;
--tw-ring-color:var(--p24-header-bg)!important;
}
#root header.sticky.top-0.z-50 a,
#root header.sticky.top-0.z-50 button{
color:var(--p24-header-text)!important;
}
#root header.sticky.top-0.z-50 .text-accent-blue,
#root header.sticky.top-0.z-50 .text-primary,
#root header.sticky.top-0.z-50 a:hover,
#root header.sticky.top-0.z-50 button:hover svg{
color:var(--p24-header-accent)!important;
}
#root .p24-mobile-header-row>form,
#root .p24-mobile-header-actions>[role=group],
#root .p24-mobile-menu-panel form,
#root .p24-mobile-menu-panel>div:nth-of-type(1) a,
#root .p24-mobile-menu-panel>div:nth-of-type(2) button{
background:var(--p24-header-surface)!important;
border-color:var(--p24-header-border)!important;
}
#root .p24-mobile-header-row>form:focus-within,
#root .p24-mobile-menu-panel form:focus-within{
border-color:var(--p24-header-accent)!important;
box-shadow:0 0 0 3px rgba(128,196,28,.16)!important;
}
#root .p24-mobile-header-row input,
#root .p24-mobile-menu-panel input{
color:var(--p24-header-text)!important;
caret-color:var(--p24-header-accent)!important;
}
#root .p24-mobile-header-row input::placeholder,
#root .p24-mobile-menu-panel input::placeholder{
color:var(--p24-header-muted)!important;
opacity:1;
}
#root .p24-mobile-header-row>form button,
#root .p24-mobile-menu-panel form button{
background:var(--p24-header-accent)!important;
color:#111704!important;
}
#root .p24-mobile-header-row>form button svg,
#root .p24-mobile-menu-panel form button svg{
color:#111704!important;
}
#root .p24-mobile-header-actions>[role=group] button.bg-white,
#root .p24-mobile-header-actions>[role=group] button[aria-pressed="true"]{
background:var(--p24-header-accent)!important;
color:#111704!important;
}
#root .p24-mobile-header-actions>[role=group] button:not(.bg-white):hover,
#root .p24-mobile-header-actions>button:hover,
#root .p24-mobile-menu-panel a:hover,
#root .p24-mobile-menu-panel button:hover{
background:var(--p24-header-surface-hover)!important;
}
#root header.sticky.top-0.z-50>div:nth-child(3) a:hover,
#root header.sticky.top-0.z-50>div:nth-child(3) a.text-primary{
color:var(--p24-header-accent)!important;
}
#root header.sticky.top-0.z-50>div:nth-child(3) button.bg-primary,
#root header.sticky.top-0.z-50>div:nth-child(3) button.bg-industrial-blue-deep{
background:var(--p24-header-accent)!important;
color:#111704!important;
}
#root .p24-mobile-menu-panel{
box-shadow:0 22px 48px rgba(0,0,0,.48)!important;
}

@media(max-width:767px){
#root .p24-mobile-header-row{min-height:4.25rem!important}
#root .p24-mobile-logo{width:clamp(6.6rem,30vw,8.6rem)!important;height:auto!important;max-width:100%!important}
#root .p24-theme-group{display:none!important}
#root .p24-mobile-header-actions>[role=group]{padding:.125rem!important}
#root .p24-mobile-header-actions>[role=group] button{min-width:1.65rem!important;min-height:1.65rem!important;padding:.25rem!important}
#root .p24-mobile-header-actions>button{min-width:2.1rem!important;min-height:2.1rem!important}
#root .p24-mobile-menu-panel{background:var(--p24-header-bg)!important;border-radius:0 0 .9rem .9rem!important}
}
@media(max-width:350px){
#root .p24-theme-group{display:none!important}
#root .p24-mobile-logo{width:6.4rem!important}
}

/* Hero: preserve the managed outer dimensions, split copy and product imagery. */
#root .hero-managed-slider{
isolation:isolate;
background:#07111f!important;
}
#root .hero-managed-slider>img{
inset:0 0 0 auto!important;
width:52%!important;
height:100%!important;
padding:clamp(.75rem,1.6vw,1.5rem)!important;
background:linear-gradient(145deg,#f4f6f8 0%,#d9dee5 100%)!important;
object-fit:contain!important;
object-position:center!important;
opacity:1!important;
}
#root .hero-managed-slider>div.absolute.inset-0{
right:auto!important;
width:52%!important;
background:linear-gradient(90deg,#07111f 0%,#07111f 94%,rgba(7,17,31,0) 100%)!important;
}
#root .hero-managed-slider>div.relative.z-10{
width:52%!important;
max-width:52%!important;
padding-right:clamp(2rem,4vw,4rem)!important;
}
#root .hero-managed-slider>div.relative.z-10 h1,
#root .hero-managed-slider>div.relative.z-10 p{
max-width:100%!important;
}

@media(max-width:767px){
#root .hero-managed-slider>img{
inset:0 0 auto 0!important;
width:100%!important;
height:42%!important;
padding:.75rem!important;
}
#root .hero-managed-slider>div.absolute.inset-0{
inset:0!important;
width:100%!important;
height:52%!important;
background:linear-gradient(180deg,rgba(7,17,31,0) 58%,#07111f 100%)!important;
}
#root .hero-managed-slider>div.relative.z-10{
position:absolute!important;
inset:42% 0 0!important;
width:100%!important;
max-width:100%!important;
height:58%!important;
justify-content:center!important;
padding:1.25rem 2rem 2.75rem!important;
}
#root .hero-managed-slider>div.relative.z-10 span{margin-bottom:.75rem!important}
#root .hero-managed-slider>div.relative.z-10 p{margin-top:.75rem!important}
#root .hero-managed-slider>div.relative.z-10>div{margin-top:1.25rem!important}
#root .hero-managed-slider>button.absolute.z-20{top:36%!important}
}
