/* self-hosted fonts (latin + latin-ext), generated 2026-10-17 */
@font-face {
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: url(../fonts/archivo-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: url(../fonts/archivo-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url(../fonts/archivo-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url(../fonts/archivo-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 800;
  font-stretch: 100%;
  font-display: swap;
  src: url(../fonts/archivo-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 800;
  font-stretch: 100%;
  font-display: swap;
  src: url(../fonts/archivo-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 900;
  font-stretch: 100%;
  font-display: swap;
  src: url(../fonts/archivo-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 900;
  font-stretch: 100%;
  font-display: swap;
  src: url(../fonts/archivo-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../fonts/inter-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../fonts/inter-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(../fonts/inter-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(../fonts/inter-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(../fonts/inter-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(../fonts/inter-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(../fonts/inter-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(../fonts/inter-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(../fonts/jetbrains-mono-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(../fonts/jetbrains-mono-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(../fonts/jetbrains-mono-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(../fonts/jetbrains-mono-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* == style.css == */

:root{--navy:#101a32;--navy-2:#17233e;--ink:#111827;--muted:#647084;--red:#d8202f;--red-dark:#b51322;--soft:#f4f6fa;--line:#e6e9ef;--white:#fff;--gold:#c59a45;--shadow:0 18px 48px rgba(16,26,50,.14);--shadow-strong:0 28px 80px rgba(16,26,50,.22);--radius:22px;--font-scale:1}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:var(--ink);background:#fff;font-size:calc(16px * var(--font-scale));line-height:1.65}body.high-contrast{--navy:#05070d;--soft:#fff;--ink:#000;--muted:#202020;--red:#b90012;filter:contrast(1.08)}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}.container{width:min(1220px,calc(100% - 38px));margin-inline:auto}.topbar{background:var(--navy);color:#dfe6f6;font-size:.88rem}.topbar .container{display:flex;justify-content:space-between;align-items:center;gap:22px;padding:9px 0}.topbar a{color:#fff;opacity:.92}.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.96);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.header-inner{height:86px;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{display:flex;align-items:center;gap:14px}.brand img{width:142px;max-height:72px;object-fit:contain}.brand-text{display:flex;flex-direction:column;line-height:1.1}.brand-text b{font-size:1.04rem;color:var(--navy)}.brand-text span{font-size:.78rem;color:var(--muted);letter-spacing:.08em;text-transform:uppercase}.nav-toggle{display:none;border:0;background:var(--navy);color:#fff;border-radius:12px;padding:10px 13px;font-weight:800}.main-nav{display:flex;align-items:center;gap:2px}.main-nav>ul{display:flex;align-items:center;gap:4px;list-style:none;margin:0;padding:0}.main-nav li{position:relative}.main-nav>ul>li>a{display:flex;align-items:center;gap:7px;padding:14px 13px;border-radius:14px;color:#263147;font-weight:760;font-size:.94rem}.main-nav a:hover,.main-nav a.active{background:#f2f4f8;color:var(--red)}.has-submenu>a:after{content:"";width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);margin-top:-4px;opacity:.75}.submenu{position:absolute;top:100%;left:0;min-width:280px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);border-radius:18px;padding:10px;list-style:none;margin:0;opacity:0;visibility:hidden;transform:translateY(8px);transition:.22s ease}.submenu a{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-radius:12px;color:#2d3748;font-size:.94rem;font-weight:650}.submenu a:after{content:"›";color:var(--red);font-weight:900}.has-submenu:hover .submenu,.has-submenu:focus-within .submenu{opacity:1;visibility:visible;transform:translateY(0)}.header-cta{display:flex;gap:10px;align-items:center}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:999px;padding:12px 18px;border:1px solid transparent;font-weight:800;cursor:pointer;transition:.22s ease;line-height:1.2}.btn.primary{background:var(--red);color:#fff;box-shadow:0 14px 28px rgba(216,32,47,.22)}.btn.primary:hover{background:var(--red-dark);transform:translateY(-2px);box-shadow:0 18px 42px rgba(216,32,47,.3)}.btn.ghost{border-color:rgba(255,255,255,.28);color:#fff;background:rgba(255,255,255,.08)}.btn.light{background:#fff;color:var(--navy);border-color:var(--line)}.btn.light:hover,.btn.ghost:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--red);font-weight:900;letter-spacing:.12em;text-transform:uppercase;font-size:.77rem}.eyebrow:before{content:"";width:34px;height:2px;background:var(--red)}h1,h2,h3{font-family:Inter,ui-sans-serif,system-ui,sans-serif;line-height:1.08;margin:0;color:var(--navy)}h1{font-size:clamp(2.5rem,5.5vw,5.3rem);letter-spacing:-.06em}h2{font-size:clamp(2rem,3.6vw,3.3rem);letter-spacing:-.045em}h3{font-size:1.22rem}.hero-slider{position:relative;overflow:hidden;background:linear-gradient(135deg,#101a32 0%,#18233d 48%,#070b16 100%);color:#fff}.hero-slider:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 15% 20%,rgba(216,32,47,.24),transparent 30%),radial-gradient(circle at 85% 70%,rgba(197,154,69,.18),transparent 28%)}.slides{position:relative;min-height:680px}.slide{position:absolute;inset:0;opacity:0;pointer-events:none;transition:opacity .55s ease}.slide.active{opacity:1;pointer-events:auto}.slide .container{height:680px;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(380px,.95fr);gap:48px;align-items:center;position:relative;z-index:2}.hero-copy{padding:70px 0}.hero-copy .eyebrow{color:#ffccd2}.hero-copy .eyebrow:before{background:#ffccd2}.hero-copy h1{color:#fff}.hero-copy p{font-size:1.14rem;color:#d9e1f4;max-width:690px;margin:24px 0 0}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.hero-badges{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.hero-badges span{border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.08);padding:8px 12px;border-radius:999px;color:#edf2ff;font-weight:750;font-size:.9rem}.hero-visual{position:relative;display:grid;place-items:center}.hero-visual:before{content:"";position:absolute;width:86%;height:72%;border-radius:42px;background:linear-gradient(135deg,rgba(255,255,255,.12),rgba(255,255,255,.04));box-shadow:inset 0 1px 0 rgba(255,255,255,.18),var(--shadow-strong);transform:rotate(-2deg)}.hero-visual img{position:relative;max-height:520px;object-fit:contain;filter:drop-shadow(0 32px 32px rgba(0,0,0,.28))}.years-card{position:relative;padding:42px;border-radius:32px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);box-shadow:var(--shadow-strong)}.years-card b{font-size:clamp(5rem,10vw,9rem);line-height:.9;color:#fff;letter-spacing:-.07em}.years-card span{display:block;color:#ffccd2;font-weight:900;font-size:1.15rem;margin-top:12px}.slider-controls{position:absolute;left:50%;bottom:28px;transform:translateX(-50%);z-index:4;display:flex;gap:10px}.slider-dot{width:11px;height:11px;border-radius:999px;border:1px solid rgba(255,255,255,.55);background:transparent;cursor:pointer}.slider-dot.active{width:34px;background:#fff}.section{padding:92px 0}.section.soft{background:var(--soft)}.section.dark{background:var(--navy);color:#fff}.section-head{display:flex;align-items:end;justify-content:space-between;gap:34px;margin-bottom:38px}.section-head p{max-width:560px;color:var(--muted);margin:0}.dark .section-head p,.dark p{color:#d7deef}.dark h2,.dark h3{color:#fff}.category-grid,.product-grid,.blog-grid,.feature-grid{display:grid;gap:24px}.category-grid{grid-template-columns:repeat(4,1fr)}.product-grid{grid-template-columns:repeat(3,1fr)}.blog-grid{grid-template-columns:repeat(3,1fr)}.feature-grid{grid-template-columns:repeat(4,1fr)}.category-card,.product-card,.blog-card,.feature-card,.contact-card,.side-box,.catalog-card,.info-card,.landing-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:0 10px 28px rgba(16,26,50,.06);transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease}.category-card:hover,.product-card:hover,.blog-card:hover,.feature-card:hover,.contact-card:hover,.side-box:hover,.catalog-card:hover,.info-card:hover,.landing-card:hover{transform:translateY(-7px);box-shadow:var(--shadow-strong);border-color:rgba(216,32,47,.22)}.category-card{padding:24px}.category-card .cat-media{height:260px;border-radius:18px;background:linear-gradient(145deg,#f7f8fb,#e8edf5);display:grid;place-items:center;margin-bottom:20px;overflow:hidden}.category-card .cat-media img{max-height:238px;object-fit:contain;filter:drop-shadow(0 18px 26px rgba(16,26,50,.18))}.category-card span,.product-body span,.blog-card span,.meta-pill{display:inline-flex;color:var(--red);font-weight:900;font-size:.78rem;text-transform:uppercase;letter-spacing:.07em}.category-card p,.product-body p,.blog-card p,.feature-card p,.contact-card p,.landing-card p{color:var(--muted);margin:12px 0 0}.text-link{display:inline-flex;gap:8px;align-items:center;color:var(--red);font-weight:900;margin-top:18px}.text-link:after{content:"›";font-size:1.25em}.product-card{display:flex;flex-direction:column}.product-media{height:330px;display:grid;place-items:center;background:radial-gradient(circle at 50% 58%,rgba(216,32,47,.10),transparent 38%),linear-gradient(145deg,#f8f9fc,#eef2f7);padding:24px;position:relative;overflow:hidden}.product-media:before{content:"";position:absolute;inset:auto 12% 18px 12%;height:18px;background:radial-gradient(ellipse,rgba(16,26,50,.22),transparent 70%);filter:blur(8px);opacity:.55}.product-media img{position:relative;max-height:292px;object-fit:contain;filter:drop-shadow(0 22px 28px rgba(16,26,50,.22))}.product-body{padding:24px;display:flex;flex-direction:column;flex:1}.product-body h3{margin-top:8px}.product-body p{flex:1}.spec-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0}.spec-row div{background:#f6f7fa;border:1px solid var(--line);border-radius:14px;padding:10px}.spec-row b{display:block;color:var(--navy);font-size:.8rem}.spec-row span{font-size:.86rem;color:var(--muted);font-weight:700;letter-spacing:0;text-transform:none}.cta-band{display:flex;align-items:center;justify-content:space-between;gap:28px;border-radius:32px;padding:38px;background:linear-gradient(135deg,var(--navy),#1b2846);color:#fff;box-shadow:var(--shadow-strong);overflow:hidden;position:relative}.cta-band:before{content:"";position:absolute;right:-90px;top:-120px;width:340px;height:340px;border-radius:999px;background:rgba(216,32,47,.22)}.cta-band>*{position:relative}.cta-band h2{color:#fff}.cta-band p{margin:12px 0 0;color:#dce5f8}.sub-hero{background:linear-gradient(135deg,#101a32,#1a2847);color:#fff;padding:76px 0;position:relative;overflow:hidden}.sub-hero:after{content:"";position:absolute;right:0;bottom:0;width:46%;height:100%;background:radial-gradient(circle at 65% 45%,rgba(216,32,47,.18),transparent 42%)}.sub-hero-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);gap:42px;align-items:center;position:relative;z-index:1}.sub-hero h1{color:#fff}.sub-hero p{max-width:700px;color:#dbe4f8;font-size:1.08rem}.sub-visual{border-radius:30px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);padding:28px;display:grid;place-items:center;min-height:320px}.sub-visual img{max-height:330px;object-fit:contain;filter:drop-shadow(0 22px 32px rgba(0,0,0,.25))}.breadcrumbs{color:#7a8496;font-size:.9rem;margin-bottom:18px}.breadcrumbs a{color:var(--red);font-weight:800}.content-grid{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:34px;align-items:start}.prose{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:34px;box-shadow:0 10px 28px rgba(16,26,50,.05)}.prose h2{font-size:2rem;margin:28px 0 14px}.prose h2:first-child{margin-top:0}.prose h3{margin:24px 0 10px}.prose p,.prose li{color:#465064}.prose a{color:var(--red);font-weight:850}.sidebar{display:grid;gap:18px}.side-box{padding:22px}.side-box ul{list-style:none;margin:16px 0 0;padding:0;display:grid;gap:10px}.side-box li a{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid var(--line);color:#344055;font-weight:750}.side-box li a:after{content:"›";color:var(--red);font-weight:900}.contact-layout{display:grid;grid-template-columns:1.05fr .95fr;gap:26px}.contact-card{padding:28px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-grid label{display:grid;gap:7px;font-weight:800;color:#29334a}.form-grid input,.form-grid textarea,.form-grid select{width:100%;border:1px solid var(--line);border-radius:14px;padding:12px 14px;font:inherit;background:#fff}.form-grid textarea{min-height:142px;resize:vertical}.form-grid label.full,.form-grid button{grid-column:1/-1}.catalog-layout{display:grid;grid-template-columns:420px 1fr;gap:34px;align-items:start}.catalog-card{padding:24px}.catalog-cover{border-radius:22px;overflow:hidden;border:1px solid var(--line);box-shadow:var(--shadow)}.catalog-list{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:18px}.catalog-list div{padding:14px;border-radius:16px;background:#f7f8fb;border:1px solid var(--line)}.pdf-frame{width:100%;height:740px;border:1px solid var(--line);border-radius:24px;background:#fff}.blog-card{display:flex;flex-direction:column}.blog-card .blog-media{height:190px;background:linear-gradient(135deg,#111b32,#223253);overflow:hidden}.blog-card .blog-media img{width:100%;height:100%;object-fit:cover;opacity:.9;transition:.25s}.blog-card:hover .blog-media img{transform:scale(1.05)}.blog-body{padding:22px;display:flex;flex-direction:column;flex:1}.blog-body h3{margin-top:8px}.blog-body p{flex:1}.blog-meta{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px;color:#7b8495;font-size:.88rem}.article-meta{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0;color:#dce4f7}.article-meta span{border:1px solid rgba(255,255,255,.22);border-radius:999px;padding:8px 12px;background:rgba(255,255,255,.08);font-weight:750}.pagination-note{padding:18px 22px;border-radius:18px;background:#fff3f4;border:1px solid rgba(216,32,47,.18);color:#6c2b32;margin-bottom:24px}.site-footer{background:#090f1d;color:#d7deea}.footer-top{padding:66px 0;display:grid;grid-template-columns:1.2fr .8fr .8fr 1fr;gap:34px}.footer-logo{max-width:160px;margin-bottom:16px}.footer-top h3{color:#fff;font-size:1rem;margin-bottom:16px}.footer-top p,.footer-top li{color:#b8c2d5}.footer-top ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}.footer-top a:hover{color:#fff}.socials{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.socials a{border:1px solid rgba(255,255,255,.15);border-radius:999px;padding:8px 12px}.footer-bottom{border-top:1px solid rgba(255,255,255,.11);padding:18px 0;font-size:.9rem}.footer-bottom .container{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap}.footer-bottom span:last-child{display:flex;flex-wrap:wrap;gap:14px}.floating-actions{position:fixed;right:18px;bottom:22px;z-index:60;display:grid;gap:10px}.float-btn{width:52px;height:52px;border-radius:18px;border:1px solid rgba(255,255,255,.18);display:grid;place-items:center;background:var(--navy);color:#fff;box-shadow:var(--shadow);font-weight:900;transition:.22s ease}.float-btn:hover{transform:translateY(-4px);background:var(--red);box-shadow:var(--shadow-strong)}.float-btn.whatsapp{background:#168a46}.float-btn.offer{background:var(--red)}.accessibility-panel{position:fixed;right:82px;bottom:22px;z-index:61;width:270px;background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow-strong);padding:18px;display:none}.accessibility-panel.active{display:block}.accessibility-panel h3{font-size:1rem}.accessibility-panel .a11y-actions{display:grid;gap:8px;margin-top:12px}.accessibility-panel button{border:1px solid var(--line);background:#f8fafc;border-radius:12px;padding:10px;font-weight:800;cursor:pointer}.quick-actions{display:none}.skip-link{position:absolute;left:-999px;top:auto}.skip-link:focus{left:20px;top:20px;background:#fff;color:#000;z-index:99;padding:10px 14px;border-radius:10px}.legacy-list{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.landing-card{padding:24px}.page-404{text-align:center;padding:100px 0}.table-wrap{overflow-x:auto}.prose table{width:100%;border-collapse:collapse;margin:20px 0}.prose th,.prose td{border:1px solid var(--line);padding:10px;text-align:left}.prose th{background:#f6f7fa;color:var(--navy)}@media (max-width:1080px){.header-cta{display:none}.nav-toggle{display:inline-flex}.main-nav{position:fixed;inset:86px 0 auto 0;background:#fff;border-bottom:1px solid var(--line);box-shadow:var(--shadow);display:none;padding:18px}.main-nav.active{display:block}.main-nav>ul{display:grid;gap:4px}.main-nav>ul>li>a{justify-content:space-between}.submenu{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;border:0;background:#f7f8fb;margin:0 0 8px 0}.slide .container,.sub-hero-grid,.contact-layout,.catalog-layout,.content-grid{grid-template-columns:1fr}.slides,.slide .container{min-height:760px}.hero-visual{min-height:360px}.category-grid,.feature-grid{grid-template-columns:repeat(2,1fr)}.product-grid,.blog-grid,.legacy-list{grid-template-columns:repeat(2,1fr)}.footer-top{grid-template-columns:1fr 1fr}}@media (max-width:720px){.topbar{display:none}.header-inner{height:76px}.brand img{width:114px}.brand-text{display:none}.main-nav{inset:76px 0 auto 0}.slides,.slide .container{min-height:760px}.slide .container{gap:12px}.hero-copy{padding:46px 0 0}.hero-copy p{font-size:1rem}.hero-visual img{max-height:300px}.years-card{padding:28px}.section{padding:62px 0}.section-head{display:grid}.category-grid,.product-grid,.blog-grid,.feature-grid,.legacy-list,.footer-top,.catalog-list{grid-template-columns:1fr}.product-media{height:270px}.sub-visual{min-height:250px}.form-grid{grid-template-columns:1fr}.cta-band{display:grid;padding:26px}.pdf-frame{height:520px}.floating-actions{display:none}.quick-actions{display:grid;grid-template-columns:repeat(3,1fr);position:fixed;left:0;right:0;bottom:0;z-index:70;background:#fff;border-top:1px solid var(--line);box-shadow:0 -12px 30px rgba(16,26,50,.12)}.quick-actions a{display:grid;place-items:center;padding:11px 6px;font-weight:900;color:var(--navy);font-size:.86rem}.quick-actions a:nth-child(2){color:#168a46}.quick-actions a:nth-child(3){color:var(--red)}body{padding-bottom:52px}.accessibility-panel{right:18px;bottom:76px}}.blog-inline-image{margin:26px 0;border-radius:20px;overflow:hidden;border:1px solid var(--line);box-shadow:var(--shadow)}.blog-inline-image img{width:100%;max-height:360px;object-fit:cover}.blog-inline-image figcaption{padding:10px 14px;color:var(--muted);font-size:.9rem;background:#fff}


/* V4 visual refinement: cleaner hero, aligned cards, softer product images, footer icons */
.hero-slider{background:linear-gradient(135deg,#101a32 0%,#16213c 54%,#090e1a 100%)}
.slide .container{grid-template-columns:minmax(0,1fr) minmax(420px,.9fr);gap:58px;min-height:640px;height:640px}
.hero-copy{padding:52px 0}.hero-copy h1{max-width:720px}.hero-copy p{max-width:610px}
.hero-actions{display:inline-flex;align-items:center;gap:10px;padding:7px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.07);border-radius:999px;box-shadow:0 18px 50px rgba(0,0,0,.16)}
.hero-actions .btn{min-width:156px;padding:13px 20px}.hero-actions .btn.ghost{background:rgba(255,255,255,.08)}
.hero-badges{max-width:560px;margin-top:18px;gap:8px}.hero-badges span{padding:7px 11px;background:rgba(255,255,255,.07);font-size:.84rem}
.hero-visual{min-height:500px;padding:28px;border-radius:44px;background:linear-gradient(145deg,rgba(255,255,255,.10),rgba(255,255,255,.03));border:1px solid rgba(255,255,255,.13);box-shadow:0 28px 80px rgba(0,0,0,.24)}
.hero-visual:before{display:none}.hero-visual img{max-height:455px;width:100%;object-fit:contain;filter:drop-shadow(0 26px 30px rgba(0,0,0,.24))}
.years-card{max-width:560px;justify-self:center}
.category-card{display:flex;flex-direction:column;min-height:100%}.category-card .cat-media{height:245px;background:linear-gradient(145deg,#fafbfe,#eef2f7);box-shadow:inset 0 1px 0 rgba(255,255,255,.75)}
.category-card .cat-media img{max-height:220px;filter:drop-shadow(0 12px 18px rgba(16,26,50,.10))}.category-card p{flex:1}.category-card .text-link{margin-top:auto;padding-top:18px}
.product-media{background:linear-gradient(145deg,#fbfcff,#eff3f8);box-shadow:inset 0 1px 0 rgba(255,255,255,.85)}
.product-media:before{display:none}.product-media img{filter:drop-shadow(0 12px 18px rgba(16,26,50,.12));max-height:286px}.product-card:hover .product-media img,.category-card:hover .cat-media img{transform:translateY(-4px);transition:.24s ease}
.product-body .text-link{margin-top:auto;padding-top:14px}.feature-card{padding:24px}
.floating-actions{right:22px;bottom:24px;gap:9px}.float-btn{width:48px;height:48px;border-radius:999px;font-size:0}.float-btn::before{font-size:1.05rem;line-height:1}.float-btn.whatsapp::before{content:"✆"}.float-btn[href^="tel:"]::before{content:"☎"}.float-btn.offer::before{content:"✉"}.float-btn[data-a11y-toggle]::before{content:"Aa";font-size:.9rem;font-weight:900}.float-btn:hover{transform:translateY(-3px) scale(1.03)}
.footer-top ul li a,.footer-bottom span:last-child a{display:inline-flex;align-items:center;gap:8px;transition:.18s ease}.footer-top ul li a::before,.footer-bottom span:last-child a::before{content:"›";display:inline-grid;place-items:center;width:18px;height:18px;border-radius:999px;background:rgba(216,32,47,.16);color:#ff6b77;font-weight:900;font-size:.95rem;line-height:1}.footer-top ul li a:hover::before,.footer-bottom span:last-child a:hover::before{background:var(--red);color:#fff}.footer-bottom span:last-child{gap:12px 18px}
@media (max-width:1080px){.slide .container{grid-template-columns:1fr;min-height:760px;height:760px}.hero-visual{min-height:330px}.hero-visual img{max-height:320px}.hero-actions{border-radius:26px;flex-wrap:wrap}.hero-actions .btn{min-width:142px}.category-card .cat-media{height:225px}}
@media (max-width:720px){.slide .container{min-height:760px;height:760px}.hero-actions{display:flex;width:100%;padding:6px}.hero-actions .btn{flex:1;min-width:0;padding:12px 14px}.hero-badges{margin-top:14px}.hero-visual{padding:18px;border-radius:30px;min-height:270px}.hero-visual img{max-height:255px}.category-card .cat-media{height:215px}.floating-actions{display:none}}


/* V5 premium controls, logo simplification, product detail storytelling */
.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.brand{gap:0}.brand img{width:170px;max-height:76px;object-fit:contain}.brand-text{display:none!important}.header-cta{gap:0}
.hero-slider .slides{min-height:650px;padding-bottom:168px}.hero-slider .slide .container{height:650px;min-height:650px}
.slider-shell{position:absolute;left:0;right:0;bottom:32px;z-index:5}.slider-shell-inner{display:grid;grid-template-columns:220px minmax(0,1fr) 220px;align-items:center;gap:24px}.slider-nav{height:96px;border-radius:999px;border:1px solid rgba(197,154,69,.55);background:rgba(5,11,24,.62);backdrop-filter:blur(10px);color:#f5e8c8;display:inline-flex;align-items:center;justify-content:center;gap:12px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;transition:.25s ease;box-shadow:0 18px 44px rgba(0,0,0,.22)}.slider-nav:hover{transform:translateY(-2px);border-color:#e2c07a;background:rgba(9,18,36,.84)}.slider-nav:before{content:"";display:inline-block;width:12px;height:12px;border-top:3px solid currentColor;border-right:3px solid currentColor}.slider-prev:before{transform:rotate(-135deg)}.slider-next:before{order:2;transform:rotate(45deg)}
.slider-status-panel{min-height:96px;border:1px solid rgba(255,255,255,.14);background:linear-gradient(90deg,rgba(6,12,25,.88),rgba(7,18,37,.78));backdrop-filter:blur(10px);border-radius:999px;display:grid;grid-template-columns:190px minmax(220px,1fr) auto;align-items:center;gap:26px;padding:0 36px;box-shadow:0 22px 52px rgba(0,0,0,.26)}.slider-count{display:flex;align-items:flex-end;gap:10px;color:#fff}.slider-current{font-size:4.3rem;line-height:.86;letter-spacing:-.06em}.slider-separator,.slider-total{font-size:2rem;font-weight:800;color:#d9dfef}.slider-progress{height:8px;border-radius:999px;background:rgba(255,255,255,.22);overflow:hidden;position:relative}.slider-progress-bar{display:block;height:100%;width:20%;border-radius:999px;background:linear-gradient(90deg,#ff2b3a,#d8202f)}.slider-dots{display:flex;align-items:center;gap:14px}.slider-dot{width:20px;height:20px;border-radius:999px;border:4px solid rgba(255,255,255,.42);background:transparent;cursor:pointer;transition:.22s ease}.slider-dot.active{width:84px;height:18px;border-width:0;background:#ff0d17;box-shadow:0 0 0 2px rgba(255,255,255,.08) inset}
.product-insight-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:28px 0 28px}.insight-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:18px;box-shadow:0 12px 28px rgba(16,26,50,.06)}.insight-card strong{display:block;color:var(--navy);font-size:.98rem;margin:12px 0 6px}.insight-card p{margin:0;color:var(--muted);font-size:.95rem;line-height:1.6}.insight-icon{width:52px;height:52px;border-radius:16px;display:inline-grid;place-items:center;background:linear-gradient(135deg,rgba(216,32,47,.12),rgba(16,26,50,.08));color:var(--red);box-shadow:inset 0 1px 0 rgba(255,255,255,.75)}.insight-icon svg{width:24px;height:24px}.rich-list{display:grid;gap:10px;padding-left:20px}.faq-list{display:grid;gap:12px;margin-top:16px}.faq-list details{border:1px solid var(--line);border-radius:18px;padding:14px 18px;background:#fff;box-shadow:0 10px 20px rgba(16,26,50,.04)}.faq-list summary{cursor:pointer;font-weight:800;color:var(--navy);list-style:none}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:"+";float:right;color:var(--red);font-size:1.2rem}.faq-list details[open] summary:after{content:"–"}.faq-list p{margin:10px 0 0}
.floating-actions--premium{position:fixed;right:24px;bottom:24px;z-index:60;display:flex;flex-direction:column;gap:18px;align-items:center}.floating-pill{padding:14px;border-radius:34px;background:linear-gradient(180deg,rgba(8,26,52,.86),rgba(2,12,28,.96));border:1px solid rgba(255,255,255,.10);box-shadow:0 28px 60px rgba(2,10,24,.34), inset 0 1px 0 rgba(255,255,255,.08);backdrop-filter:blur(12px);display:grid;gap:14px}.floating-pill--main{grid-template-columns:1fr}.floating-pill--mini{padding:10px;gap:10px}.float-icon{width:68px;height:68px;border-radius:999px;border:1px solid rgba(255,255,255,.24);background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.03));display:grid;place-items:center;color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.16), 0 12px 28px rgba(0,0,0,.18);transition:.22s ease;cursor:pointer}.float-icon svg{width:29px;height:29px}.float-icon:hover{transform:translateY(-3px) scale(1.02);border-color:rgba(255,255,255,.42);background:linear-gradient(180deg,rgba(216,32,47,.92),rgba(159,17,29,.95))}.float-icon--whatsapp:hover{background:linear-gradient(180deg,#26d366,#128c45)}.float-icon--offer{color:#ffe6e8}
.footer-logo{max-width:180px}
@media (max-width:1080px){.hero-slider .slides,.hero-slider .slide .container{min-height:760px;height:760px}.slider-shell-inner{grid-template-columns:1fr}.slider-nav{height:76px;max-width:260px;justify-self:center}.slider-status-panel{grid-template-columns:160px 1fr;grid-template-areas:"count dots" "progress progress";gap:14px;padding:20px 24px;border-radius:36px;min-height:auto}.slider-count{grid-area:count}.slider-dots{grid-area:dots;justify-content:flex-end}.slider-progress{grid-area:progress}.product-insight-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:720px){.brand img{width:132px}.hero-slider .slides,.hero-slider .slide .container{min-height:760px;height:760px}.slider-shell{bottom:20px}.slider-nav{display:none}.slider-status-panel{grid-template-columns:1fr;grid-template-areas:"count" "progress" "dots";justify-items:start;padding:18px 20px;border-radius:28px}.slider-current{font-size:3rem}.slider-separator,.slider-total{font-size:1.45rem}.slider-dots{justify-content:flex-start;flex-wrap:wrap}.slider-dot{width:16px;height:16px;border-width:3px}.slider-dot.active{width:56px;height:14px}.product-insight-grid{grid-template-columns:1fr}.floating-actions--premium{display:none}}


/* ===== UCLER V6 OVERRIDES ===== */
.hero-slider .slide .container{padding-bottom:150px}
.slider-shell{bottom:26px}
.slider-shell-inner{grid-template-columns:88px minmax(0,1fr) 88px;gap:18px;align-items:end}
.slider-nav{height:74px;width:74px;padding:0;border-radius:24px;border:1px solid rgba(255,255,255,.18);background:linear-gradient(180deg,rgba(255,255,255,.14),rgba(255,255,255,.05));backdrop-filter:blur(16px);color:#fff;box-shadow:0 18px 42px rgba(3,8,20,.36)}
.slider-nav span{display:none}
.slider-nav:before{width:14px;height:14px;border-top:2px solid currentColor;border-right:2px solid currentColor}
.slider-prev:before{transform:rotate(-135deg);margin-left:6px}
.slider-next:before{transform:rotate(45deg);margin-right:6px}
.slider-status-panel{min-height:74px;border-radius:28px;padding:16px 22px;grid-template-columns:140px minmax(140px,1fr) auto;background:linear-gradient(135deg,rgba(8,17,34,.86),rgba(16,30,59,.74));border:1px solid rgba(255,255,255,.12);box-shadow:0 24px 60px rgba(2,8,22,.32)}
.slider-count{align-items:center;gap:8px}
.slider-current{font-size:2.7rem}
.slider-separator,.slider-total{font-size:1.22rem}
.slider-progress{height:6px;background:rgba(255,255,255,.16)}
.slider-progress-bar{background:linear-gradient(90deg,#ff5260,#d8202f)}
.slider-dots{gap:10px}
.slider-dot{width:12px;height:12px;border-width:2px;border-color:rgba(255,255,255,.36);background:rgba(255,255,255,.06)}
.slider-dot.active{width:34px;height:12px;border-radius:999px;background:#fff;box-shadow:none}

.floating-actions--premium{position:fixed;right:18px;top:50%;transform:translateY(-50%);z-index:45;display:flex;flex-direction:column;gap:12px}
.floating-pill{background:linear-gradient(180deg,rgba(11,22,44,.94),rgba(6,13,28,.92));border:1px solid rgba(255,255,255,.12);border-radius:26px;padding:10px;display:flex;flex-direction:column;gap:10px;box-shadow:0 24px 60px rgba(3,8,20,.28)}
.floating-pill--main{padding:12px 10px}
.floating-pill--mini{padding:10px}
.float-icon{width:52px;height:52px;border-radius:18px;display:grid;place-items:center;color:#f7f8ff;background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.03));border:1px solid rgba(255,255,255,.14);transition:.22s ease}
.float-icon svg{width:22px;height:22px}
.float-icon:hover{transform:translateY(-2px) scale(1.03);background:linear-gradient(180deg,rgba(216,32,47,.22),rgba(216,32,47,.12));border-color:rgba(255,255,255,.24)}
.float-icon--offer,.float-icon--whatsapp{background:linear-gradient(180deg,rgba(216,32,47,.22),rgba(216,32,47,.12))}

.product-grid{align-items:stretch}
.product-card{background:#eef2f7;border:1px solid #dde3ee;overflow:hidden}
.product-media{height:355px;background:#fff;padding:28px 24px 18px}
.product-media:before{inset:auto 14% 18px 14%;height:16px;background:radial-gradient(ellipse,rgba(16,26,50,.18),transparent 72%);opacity:.4}
.product-media img{max-height:308px;max-width:100%;object-position:center center}
.product-body{background:#eef2f7;padding:26px}
.product-body h3{min-height:72px}
.spec-row div{background:#f8f9fb}

.feature-card{position:relative;padding:34px 28px 28px;border-radius:28px;overflow:hidden}
.feature-card .feature-number{position:absolute;top:0;left:0;width:88px;height:88px;border-bottom-right-radius:28px;background:linear-gradient(135deg,var(--red),#ff6b76);display:flex;align-items:flex-start;justify-content:flex-start;padding:14px 0 0 16px;color:#fff;font-size:1.6rem;font-weight:900;letter-spacing:-.05em;box-shadow:0 12px 32px rgba(216,32,47,.25)}
.feature-card h3{margin-top:34px;max-width:260px}
.feature-card p{margin-top:14px}

.breadcrumb-trail{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:18px;color:rgba(255,255,255,.78);font-size:.92rem;font-weight:700}
.breadcrumb-trail a{display:inline-flex;align-items:center;gap:8px;color:#fff;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);padding:8px 14px;border-radius:999px}
.breadcrumb-trail span{display:inline-flex;align-items:center;gap:10px}
.breadcrumb-trail .sep{opacity:.55}
.sub-hero{position:relative;overflow:hidden}
.sub-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 20%,rgba(216,32,47,.18),transparent 28%),radial-gradient(circle at 80% 75%,rgba(197,154,69,.18),transparent 28%)}
.sub-hero-grid>*{position:relative;z-index:1}
.sub-visual{min-height:420px;border-radius:34px;border:1px solid rgba(255,255,255,.14);background:linear-gradient(145deg,rgba(255,255,255,.12),rgba(255,255,255,.04));box-shadow:var(--shadow-strong);display:grid;place-items:center;overflow:hidden;position:relative;padding:34px}
.sub-visual img{max-height:320px;object-fit:contain;filter:drop-shadow(0 24px 32px rgba(0,0,0,.25))}
.sub-visual--wallpaper{align-items:stretch;justify-items:stretch;padding:0;background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.02))}
.sub-visual--wallpaper .wallpaper-scene{position:absolute;inset:0;overflow:hidden}
.sub-visual--wallpaper .wallpaper-scene:before,.sub-visual--wallpaper .wallpaper-scene:after{content:"";position:absolute;border-radius:50%}
.sub-visual--wallpaper .wallpaper-scene:before{width:280px;height:280px;top:-36px;right:-42px;background:radial-gradient(circle at 35% 35%,rgba(255,255,255,.82),rgba(255,255,255,.08) 62%,transparent 64%)}
.sub-visual--wallpaper .wallpaper-scene:after{width:260px;height:260px;bottom:-60px;left:-36px;background:radial-gradient(circle at 40% 40%,rgba(216,32,47,.74),rgba(216,32,47,.14) 64%,transparent 66%)}
.sub-visual--wallpaper .wallpaper-grid{position:absolute;inset:18px;border-radius:28px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(135deg,rgba(255,255,255,.06),rgba(255,255,255,.01));box-shadow:inset 0 1px 0 rgba(255,255,255,.14)}
.sub-visual--wallpaper .wallpaper-grid .panel{position:absolute;border-radius:30px;background:linear-gradient(145deg,rgba(255,255,255,.22),rgba(255,255,255,.04));box-shadow:0 24px 50px rgba(0,0,0,.2)}
.sub-visual--wallpaper .wallpaper-grid .panel.one{width:56%;height:54%;left:11%;top:14%;transform:rotate(-12deg)}
.sub-visual--wallpaper .wallpaper-grid .panel.two{width:34%;height:38%;right:12%;top:24%;transform:rotate(10deg)}
.sub-visual--wallpaper .wallpaper-grid .panel.three{width:32%;height:28%;right:22%;bottom:14%;transform:rotate(-10deg)}
.sub-visual--wallpaper .wallpaper-caption{position:absolute;left:36px;bottom:34px;right:36px;padding:22px 24px;border-radius:24px;background:rgba(8,16,31,.56);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.12)}
.sub-visual--wallpaper .wallpaper-caption strong{display:block;color:#fff;font-size:1.1rem;margin-bottom:6px}
.sub-visual--wallpaper .wallpaper-caption span{display:block;color:#d8e2f4;font-size:.95rem;line-height:1.5}

.prose>.breadcrumbs{display:none}
.action-banner-card{position:relative;overflow:hidden;padding:0;background:linear-gradient(145deg,#0f1932,#1b2c55);color:#fff;border-color:rgba(255,255,255,.08)}
.action-banner-card:before{content:"";position:absolute;right:-80px;top:-60px;width:210px;height:210px;border-radius:50%;background:radial-gradient(circle,rgba(216,32,47,.45),transparent 60%)}
.action-banner-card:after{content:"";position:absolute;left:-50px;bottom:-50px;width:170px;height:170px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.18),transparent 62%)}
.action-banner-card .banner-inner{position:relative;padding:26px 24px 24px}
.action-banner-card .banner-kicker{display:inline-flex;align-items:center;gap:8px;font-size:.78rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:#ffccd2}
.action-banner-card .banner-kicker:before{content:"";width:26px;height:2px;background:#ffccd2}
.action-banner-card h3{color:#fff;font-size:2rem;line-height:1.02;margin-top:14px}
.action-banner-card p{color:#dfe7f8;margin:14px 0 24px;font-size:1.02rem}
.action-banner-card .btn{box-shadow:0 18px 32px rgba(216,32,47,.24)}

.contact-map-shell{padding:0;background:#fff}
.contact-map-wrap{position:relative;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#eef2f7}
.contact-map{height:min(72vh,760px);min-height:520px}
.contact-map iframe{width:100%;height:100%;border:0;display:block}
.route-planner{position:absolute;left:min(3vw,30px);top:32px;max-width:420px;width:calc(100% - 36px);background:rgba(255,255,255,.94);backdrop-filter:blur(14px);border:1px solid rgba(16,26,50,.08);box-shadow:0 30px 80px rgba(16,26,50,.18);border-radius:28px;padding:26px}
.route-planner h2{font-size:2rem}
.route-planner p{margin:10px 0 18px;color:var(--muted)}
.route-form{display:grid;gap:14px}
.route-form label{display:grid;gap:8px;font-weight:700;color:var(--navy)}
.route-form input,.route-form select{width:100%;border:1px solid var(--line);border-radius:16px;padding:14px 16px;font:inherit;background:#fff;color:var(--ink)}
.route-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.route-buttons button{border:1px solid var(--line);background:#f7f9fc;color:var(--navy);border-radius:14px;padding:12px;font-weight:800;cursor:pointer;transition:.2s ease}
.route-buttons button:hover,.route-buttons button.active{background:var(--navy);border-color:var(--navy);color:#fff}
.route-cta-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:4px}
.route-note{font-size:.9rem;color:var(--muted)}
.contact-layout--v6{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:start}
.contact-card .contact-list{list-style:none;padding:0;margin:18px 0 0;display:grid;gap:14px}
.contact-card .contact-list li{padding:16px 18px;border:1px solid var(--line);border-radius:18px;background:#f8f9fb}
.contact-card .contact-list strong{display:block;color:var(--navy);margin-bottom:6px}
.contact-card .mini-pills{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.contact-card .mini-pills span{padding:8px 12px;border-radius:999px;background:#f1f5fb;border:1px solid var(--line);font-weight:700;color:var(--navy);font-size:.92rem}
.form-grid label{display:grid;gap:8px;font-weight:700;color:var(--navy)}
.form-grid input,.form-grid select,.form-grid textarea{width:100%;border:1px solid var(--line);border-radius:16px;padding:14px 16px;font:inherit;background:#fff;color:var(--ink)}
.form-grid textarea{min-height:160px;resize:vertical}

@media (max-width:1080px){
  .slider-shell-inner{grid-template-columns:1fr;gap:14px}
  .slider-nav{display:none}
  .slider-status-panel{grid-template-columns:120px 1fr;grid-template-areas:"count dots" "progress progress";gap:14px}
  .slider-count{grid-area:count}.slider-dots{grid-area:dots;justify-content:flex-end}.slider-progress{grid-area:progress}
  .contact-layout--v6{grid-template-columns:1fr}
}
@media (max-width:720px){
  .hero-slider .slide .container{padding-bottom:124px}
  .slider-status-panel{grid-template-columns:1fr;grid-template-areas:"count" "progress" "dots";padding:16px 18px}
  .slider-current{font-size:2.2rem}
  .feature-card{padding:28px 22px 22px}.feature-card .feature-number{width:72px;height:72px;padding:12px 0 0 14px;font-size:1.26rem;border-bottom-right-radius:22px}.feature-card h3{margin-top:26px}
  .sub-visual{min-height:300px}.sub-visual--wallpaper .wallpaper-caption{left:18px;right:18px;bottom:18px;padding:16px 18px}
  .route-planner{position:relative;left:auto;top:auto;max-width:none;width:auto;margin:18px}
  .contact-map{height:420px;min-height:420px}
  .route-buttons{grid-template-columns:1fr}
  .route-cta-row .btn{width:100%}
  .floating-actions--premium{right:12px;top:auto;bottom:18px;transform:none;flex-direction:row;gap:10px}
  .floating-pill{flex-direction:row;border-radius:22px;padding:8px}.floating-pill--main,.floating-pill--mini{padding:8px}.float-icon{width:46px;height:46px;border-radius:16px}
}


/* ===== UCLER V7 HERO ALIGNMENT ===== */
.hero-slider{background:linear-gradient(92deg,#09152d 0%,#10244b 52%,#09162f 100%)}
.hero-slider:before{background:radial-gradient(circle at 18% 30%,rgba(216,32,47,.20),transparent 28%),radial-gradient(circle at 84% 72%,rgba(255,255,255,.09),transparent 22%),radial-gradient(circle at 92% 8%,rgba(56,78,126,.22),transparent 20%)}
.hero-slider .slides{min-height:640px;padding-bottom:140px}
.hero-slider .slide .container{height:640px;min-height:640px;grid-template-columns:minmax(0,1.06fr) minmax(420px,.94fr);gap:54px;align-items:center;padding-bottom:136px}
.hero-copy{padding:40px 0 0}
.hero-copy .eyebrow{font-size:.98rem;letter-spacing:.16em;text-transform:uppercase;color:#f4cad0}
.hero-copy .eyebrow:before{width:44px;height:3px;background:#f4cad0}
.hero-copy h1{font-size:clamp(4rem,6.15vw,5.8rem);line-height:.96;letter-spacing:-.065em;max-width:650px;margin-top:18px}
.hero-copy p{font-size:1.15rem;line-height:1.6;max-width:620px;color:#dbe4f6}
.hero-actions{margin-top:26px;gap:14px}
.hero-actions .btn{min-height:56px;padding:0 28px;border-radius:999px;font-size:1.04rem;box-shadow:0 18px 34px rgba(5,10,24,.16)}
.hero-actions .btn.ghost{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.22);color:#fff}
.hero-badges{margin-top:26px;gap:10px}
.hero-badges span{padding:10px 16px;border-radius:18px;border:1px solid rgba(255,255,255,.14);background:linear-gradient(180deg,rgba(255,255,255,.09),rgba(255,255,255,.04));font-size:.95rem;font-weight:800}
.hero-visual{min-height:470px;align-self:center;overflow:visible}
.hero-visual:before{width:100%;height:100%;border-radius:42px;transform:none;background:linear-gradient(145deg,rgba(255,255,255,.12),rgba(255,255,255,.05));border:1px solid rgba(255,255,255,.14);box-shadow:0 30px 70px rgba(5,10,24,.28),inset 0 1px 0 rgba(255,255,255,.14)}
.hero-visual:after{content:"";position:absolute;inset:26px;border-radius:34px;border:1px solid rgba(255,255,255,.08);pointer-events:none}
.hero-visual img{max-height:530px;max-width:84%;width:auto;object-fit:contain;filter:drop-shadow(0 26px 28px rgba(0,0,0,.20))}
.slider-shell{left:0;right:0;bottom:18px;z-index:6}
.slider-shell-inner{grid-template-columns:82px minmax(0,1fr) 82px;gap:16px;align-items:end}
.slider-nav{width:82px;height:82px;padding:0;border-radius:26px;border:1px solid rgba(255,255,255,.16);background:linear-gradient(180deg,rgba(255,255,255,.14),rgba(255,255,255,.06));backdrop-filter:blur(18px);box-shadow:0 18px 42px rgba(3,8,20,.34);color:#fff}
.slider-nav:before{width:15px;height:15px;border-top:2px solid currentColor;border-right:2px solid currentColor}
.slider-prev:before{margin-left:4px}
.slider-next:before{margin-right:4px}
.slider-status-panel{min-height:82px;border-radius:30px;padding:0 28px;grid-template-columns:150px minmax(160px,1fr) auto;gap:22px;background:linear-gradient(92deg,rgba(5,12,25,.92),rgba(11,28,56,.88));border:1px solid rgba(255,255,255,.13);box-shadow:0 22px 60px rgba(2,8,22,.34)}
.slider-count{align-items:center;gap:8px}
.slider-current{font-size:3rem;line-height:.9;color:#fff}
.slider-separator,.slider-total{font-size:1.35rem;color:#d8dfef;font-weight:800}
.slider-progress{height:6px;background:rgba(255,255,255,.12)}
.slider-progress-bar{background:linear-gradient(90deg,#ff4d5d,#d8202f);box-shadow:0 0 18px rgba(216,32,47,.32)}
.slider-dots{gap:10px}
.slider-dot{width:14px;height:14px;border-width:2px;border-color:rgba(255,255,255,.40);background:rgba(255,255,255,.02)}
.slider-dot.active{width:34px;height:14px;border-radius:999px;background:#fff;border-color:#fff}
.floating-actions--premium{right:18px;top:50%;transform:translateY(-50%);gap:10px;z-index:46}
.floating-pill{padding:8px;border-radius:24px;gap:8px;background:linear-gradient(180deg,rgba(8,22,45,.95),rgba(3,12,28,.95));border:1px solid rgba(255,255,255,.11);box-shadow:0 24px 56px rgba(3,8,20,.24)}
.floating-pill--main{padding:8px}.floating-pill--mini{padding:8px}
.float-icon{width:46px;height:46px;border-radius:16px;background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.14);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 8px 20px rgba(0,0,0,.14)}
.float-icon svg{width:18px;height:18px}
.float-icon:hover{transform:translateY(-2px);background:linear-gradient(180deg,rgba(216,32,47,.25),rgba(216,32,47,.14));border-color:rgba(255,255,255,.22)}
.float-icon--offer,.float-icon--whatsapp{background:linear-gradient(180deg,rgba(216,32,47,.24),rgba(216,32,47,.12))}
@media (max-width:1180px){.hero-slider .slide .container{grid-template-columns:minmax(0,1fr) minmax(340px,.9fr);gap:36px}.hero-copy h1{font-size:clamp(3.35rem,5vw,4.7rem)}}
@media (max-width:1080px){.hero-slider .slides,.hero-slider .slide .container{min-height:780px;height:780px}.hero-slider .slide .container{grid-template-columns:1fr;padding-bottom:172px}.hero-copy{padding-top:56px}.hero-visual{min-height:300px}.hero-visual:before{height:100%}.slider-shell-inner{grid-template-columns:1fr}.slider-nav{display:none}.slider-status-panel{grid-template-columns:140px minmax(120px,1fr) auto;padding:18px 20px;min-height:74px}}
@media (max-width:720px){.hero-slider .slides,.hero-slider .slide .container{min-height:820px;height:820px}.hero-copy h1{font-size:clamp(2.6rem,11vw,3.35rem)}.hero-copy p{font-size:1.02rem}.hero-actions .btn{min-height:52px;padding:0 22px}.hero-badges span{font-size:.88rem;padding:8px 12px}.hero-visual{min-height:260px}.hero-visual img{max-width:88%;max-height:320px}.slider-shell{bottom:14px}.slider-status-panel{grid-template-columns:1fr;gap:14px;padding:18px;border-radius:24px}.slider-current{font-size:2.3rem}.slider-separator,.slider-total{font-size:1.1rem}.slider-dots{justify-content:flex-start}.slider-dot{width:12px;height:12px}.slider-dot.active{width:28px;height:12px}.floating-actions--premium{display:none}}

/* ===== UCLER V8 TARGETED FIXES: slider arrows, card backgrounds, small numbers ===== */
/* Slider: smaller, less dominant controls and more live-site-like product framing */
.hero-slider{
  background:
    radial-gradient(circle at 16% 38%, rgba(216,32,47,.18), transparent 30%),
    linear-gradient(95deg,#0b1429 0%,#11234a 52%,#071226 100%) !important;
}
.hero-slider .slides{
  min-height:620px !important;
  padding-bottom:104px !important;
}
.hero-slider .slide .container{
  height:620px !important;
  min-height:620px !important;
  grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr) !important;
  gap:46px !important;
  padding-bottom:92px !important;
}
.hero-copy{
  padding:42px 0 0 !important;
}
.hero-copy h1{
  font-size:clamp(3.45rem,5.2vw,5.05rem) !important;
  max-width:650px !important;
}
.hero-copy p{
  max-width:620px !important;
}
.hero-visual{
  min-height:440px !important;
  display:grid !important;
  place-items:center !important;
  isolation:isolate !important;
}
.hero-visual:before{
  width:86% !important;
  height:82% !important;
  border-radius:30px !important;
  background:radial-gradient(circle at 55% 52%, rgba(255,255,255,.18), rgba(255,255,255,.06) 42%, transparent 70%) !important;
  border:0 !important;
  box-shadow:none !important;
  transform:none !important;
}
.hero-visual:after{
  display:none !important;
}
.hero-visual img{
  max-height:500px !important;
  max-width:92% !important;
  filter:drop-shadow(0 20px 20px rgba(0,0,0,.18)) !important;
}
.slider-shell{
  bottom:24px !important;
  pointer-events:none !important;
}
.slider-shell-inner{
  width:min(640px, calc(100% - 40px)) !important;
  margin:0 auto !important;
  display:grid !important;
  grid-template-columns:42px minmax(260px,1fr) 42px !important;
  gap:12px !important;
  align-items:center !important;
  justify-content:center !important;
}
.slider-nav,
.slider-status-panel{
  pointer-events:auto !important;
}
.slider-nav{
  width:42px !important;
  height:42px !important;
  min-width:42px !important;
  min-height:42px !important;
  padding:0 !important;
  border-radius:14px !important;
  border:1px solid rgba(255,255,255,.22) !important;
  background:rgba(255,255,255,.08) !important;
  box-shadow:0 10px 24px rgba(3,8,20,.22) !important;
  backdrop-filter:blur(10px) !important;
}
.slider-nav:hover{
  background:rgba(216,32,47,.72) !important;
  transform:translateY(-1px) !important;
}
.slider-nav:before{
  width:9px !important;
  height:9px !important;
  border-top:2px solid currentColor !important;
  border-right:2px solid currentColor !important;
}
.slider-prev:before{
  margin-left:3px !important;
}
.slider-next:before{
  margin-right:3px !important;
}
.slider-status-panel{
  min-height:48px !important;
  height:48px !important;
  border-radius:18px !important;
  padding:0 16px !important;
  grid-template-columns:82px minmax(100px,1fr) auto !important;
  gap:14px !important;
  background:rgba(3,10,24,.68) !important;
  border:1px solid rgba(255,255,255,.13) !important;
  box-shadow:0 12px 28px rgba(3,8,20,.22) !important;
  backdrop-filter:blur(12px) !important;
}
.slider-current{
  font-size:1.75rem !important;
  line-height:1 !important;
  letter-spacing:-.04em !important;
}
.slider-separator,
.slider-total{
  font-size:.98rem !important;
  line-height:1 !important;
}
.slider-progress{
  height:4px !important;
  background:rgba(255,255,255,.16) !important;
}
.slider-progress-bar{
  height:4px !important;
  background:#d8202f !important;
  box-shadow:none !important;
}
.slider-dots{
  gap:7px !important;
}
.slider-dot{
  width:9px !important;
  height:9px !important;
  min-width:9px !important;
  border:2px solid rgba(255,255,255,.38) !important;
  background:transparent !important;
}
.slider-dot.active{
  width:20px !important;
  height:9px !important;
  min-width:20px !important;
  border-radius:999px !important;
  border-color:#fff !important;
  background:#fff !important;
}

/* Home category/product cards: white image area, soft gray content area */
.category-grid{
  align-items:stretch !important;
}
.category-card{
  display:flex !important;
  flex-direction:column !important;
  padding:0 !important;
  background:#eef2f7 !important;
  border-color:#dde4ef !important;
  overflow:hidden !important;
}
.category-card .cat-media{
  height:300px !important;
  margin:0 !important;
  padding:26px !important;
  border-radius:0 !important;
  background:#fff !important;
  border-bottom:1px solid #dde4ef !important;
}
.category-card .cat-media img{
  max-height:252px !important;
  filter:drop-shadow(0 14px 18px rgba(16,26,50,.13)) !important;
}
.category-card > span,
.category-card > h3,
.category-card > p,
.category-card > .text-link{
  margin-left:26px !important;
  margin-right:26px !important;
}
.category-card > span{
  margin-top:24px !important;
}
.category-card > h3{
  margin-top:6px !important;
}
.category-card > p{
  flex:1 !important;
  margin-top:14px !important;
}
.category-card > .text-link{
  margin-top:20px !important;
  margin-bottom:26px !important;
}
.product-card{
  background:#eef2f7 !important;
  border-color:#dde4ef !important;
}
.product-media{
  background:#fff !important;
  border-bottom:1px solid #dde4ef !important;
}
.product-body{
  background:#eef2f7 !important;
}

/* Numbered feature boxes: reduce oversized red blocks */
.feature-card{
  padding:28px 24px 24px !important;
  min-height:0 !important;
}
.feature-card .feature-number{
  width:44px !important;
  height:38px !important;
  border-bottom-right-radius:14px !important;
  padding:0 !important;
  align-items:center !important;
  justify-content:center !important;
  font-size:1rem !important;
  line-height:1 !important;
  letter-spacing:-.03em !important;
  box-shadow:0 8px 18px rgba(216,32,47,.18) !important;
}
.feature-card h3{
  margin-top:30px !important;
  max-width:none !important;
  font-size:1.12rem !important;
  line-height:1.15 !important;
}
.feature-card p{
  margin-top:12px !important;
}

/* keep quick floating icons smaller as well */
.floating-actions--premium{
  right:14px !important;
  gap:8px !important;
}
.floating-pill{
  padding:7px !important;
  gap:7px !important;
  border-radius:20px !important;
}
.float-icon{
  width:42px !important;
  height:42px !important;
  border-radius:14px !important;
}
.float-icon svg{
  width:17px !important;
  height:17px !important;
}

@media (max-width:1080px){
  .hero-slider .slides,
  .hero-slider .slide .container{
    min-height:760px !important;
    height:760px !important;
  }
  .hero-slider .slide .container{
    grid-template-columns:1fr !important;
    padding-bottom:118px !important;
  }
  .hero-visual{
    min-height:280px !important;
  }
  .slider-shell-inner{
    grid-template-columns:1fr !important;
    width:min(560px, calc(100% - 34px)) !important;
  }
  .slider-nav{
    display:none !important;
  }
  .slider-status-panel{
    grid-template-columns:82px minmax(100px,1fr) auto !important;
  }
}
@media (max-width:720px){
  .hero-slider .slides,
  .hero-slider .slide .container{
    min-height:770px !important;
    height:770px !important;
  }
  .hero-copy h1{
    font-size:clamp(2.45rem,10vw,3.25rem) !important;
  }
  .hero-visual img{
    max-height:290px !important;
  }
  .slider-status-panel{
    grid-template-columns:1fr !important;
    height:auto !important;
    min-height:0 !important;
    padding:14px 16px !important;
    gap:10px !important;
  }
  .slider-dots{
    justify-content:flex-start !important;
  }
  .category-card .cat-media{
    height:260px !important;
  }
  .feature-card .feature-number{
    width:40px !important;
    height:34px !important;
    font-size:.92rem !important;
  }
}


/* ===== UCLER V9 SHOWCASE SLIDER ===== */
.ucler-showcase{min-height:720px;position:relative;overflow:hidden;background:linear-gradient(115deg,#08142d 0%,#102958 48%,#071326 100%);color:#fff}
.ucler-showcase:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 18% 18%,rgba(216,32,47,.23),transparent 26%),radial-gradient(circle at 78% 58%,rgba(255,255,255,.12),transparent 26%),linear-gradient(90deg,rgba(0,0,0,.16),transparent 44%)}
.ucler-showcase:after{content:"";position:absolute;right:-16vw;top:-2vh;width:62vw;height:62vw;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.08),transparent 63%);border:1px solid rgba(255,255,255,.07)}
.ucler-stage{position:relative;z-index:2;width:min(1220px,calc(100% - 38px));min-height:720px;margin:auto;display:grid;grid-template-columns:minmax(360px,.86fr) minmax(520px,1.14fr);align-items:center;gap:44px;padding:76px 0 118px}
.ucler-showcase-copy{position:relative;z-index:4;max-width:560px}
.ucler-kicker{display:inline-flex;align-items:center;gap:12px;margin-bottom:20px;color:#ffced4;font-size:.82rem;font-weight:900;letter-spacing:.17em;text-transform:uppercase}
.ucler-kicker:before{content:"";width:42px;height:3px;background:#ffced4;border-radius:999px}
.ucler-showcase-copy h1{font-size:clamp(3rem,5.4vw,5.6rem);line-height:.96;margin:0 0 22px;letter-spacing:-.07em;color:#fff;text-wrap:balance}
.ucler-showcase-copy p{margin:0;color:#d9e4f8;font-size:1.12rem;max-width:600px}
.ucler-specs{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:28px 0 30px;max-width:520px}
.ucler-spec{border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.07);border-radius:18px;padding:14px 15px;box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}
.ucler-spec b{display:block;font-size:.72rem;color:#ffced4;text-transform:uppercase;letter-spacing:.10em;margin-bottom:4px}
.ucler-spec span{display:block;font-weight:850;color:#fff;font-size:.96rem}
.ucler-showcase-actions .btn{min-height:54px;padding:0 24px}
.ucler-showcase-actions .btn.ghost{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.18);color:#fff}
.ucler-visual-zone{position:relative;min-height:640px;display:grid;place-items:center;perspective:1100px}
.ucler-orbit{position:absolute;inset:0;display:grid;place-items:center}
.ucler-halo{position:absolute;width:min(560px,78vw);height:min(560px,78vw);border-radius:50%;background:radial-gradient(circle at 44% 45%,rgba(255,255,255,.28),rgba(255,255,255,.10) 28%,rgba(216,32,47,.16) 56%,transparent 72%);filter:blur(.2px);opacity:.85}
.ucler-halo:before{content:"";position:absolute;inset:28px;border-radius:50%;border:1px solid rgba(255,255,255,.14)}
.ucler-product{position:absolute;display:grid;place-items:center;width:min(560px,70vw);height:520px;opacity:0;transform:translateX(0) scale(.72);transition:transform .6s cubic-bezier(.2,.8,.2,1),opacity .45s ease,filter .45s ease;filter:blur(2px) saturate(.8);pointer-events:none}
.ucler-product img{max-height:470px;max-width:90%;object-fit:contain;filter:drop-shadow(0 34px 36px rgba(0,0,0,.32))}
.ucler-product.active{opacity:1;transform:translateX(0) scale(1);filter:none;z-index:5}
.ucler-product.prev{opacity:.42;transform:translateX(-255px) scale(.62) rotateY(15deg);z-index:2;filter:blur(.5px) saturate(.85)}
.ucler-product.next{opacity:.42;transform:translateX(255px) scale(.62) rotateY(-15deg);z-index:2;filter:blur(.5px) saturate(.85)}
.ucler-product.far-prev{opacity:.18;transform:translateX(-390px) scale(.46) rotateY(22deg);z-index:1;filter:blur(1.2px) saturate(.65)}
.ucler-product.far-next{opacity:.18;transform:translateX(390px) scale(.46) rotateY(-22deg);z-index:1;filter:blur(1.2px) saturate(.65)}
.ucler-product.hidden{opacity:0;transform:scale(.38);filter:blur(2px)}
.ucler-floor{position:absolute;left:50%;bottom:56px;transform:translateX(-50%);width:580px;height:54px;background:radial-gradient(ellipse,rgba(0,0,0,.38),transparent 70%);filter:blur(8px);opacity:.7}
.ucler-panel{position:absolute;right:0;bottom:48px;left:0;z-index:8;display:flex;justify-content:center;pointer-events:none}
.ucler-controls{pointer-events:auto;width:min(780px,calc(100% - 40px));display:grid;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;gap:16px;border:1px solid rgba(255,255,255,.13);border-radius:28px;background:rgba(5,14,31,.62);backdrop-filter:blur(15px);box-shadow:0 22px 54px rgba(0,0,0,.28);padding:14px 16px}
.ucler-arrow{width:44px;height:44px;border-radius:16px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.07);display:grid;place-items:center;cursor:pointer;color:#fff;transition:.2s ease;padding:0}
.ucler-arrow svg{width:17px;height:17px}
.ucler-arrow:hover{background:rgba(216,32,47,.22);transform:translateY(-2px)}
.ucler-meter{display:grid;grid-template-columns:auto minmax(100px,1fr) auto;gap:18px;align-items:center}
.ucler-count{font-weight:950;letter-spacing:-.05em;min-width:78px;color:#fff;font-size:1.38rem}
.ucler-count small{font-size:.9rem;color:#aebad1;font-weight:800}
.ucler-bar{height:5px;background:rgba(255,255,255,.14);border-radius:999px;overflow:hidden}
.ucler-bar span{display:block;height:100%;width:20%;border-radius:999px;background:linear-gradient(90deg,#ff5965,#d8202f);box-shadow:0 0 16px rgba(216,32,47,.38);transition:width .35s ease}
.ucler-thumbs{display:flex;align-items:center;gap:9px}
.ucler-dot{width:9px;height:9px;border-radius:50%;border:0;background:rgba(255,255,255,.28);cursor:pointer;padding:0;transition:.22s ease}
.ucler-dot.active{width:34px;border-radius:999px;background:#fff}
.ucler-bottom-caption{position:absolute;left:50%;bottom:160px;transform:translateX(-50%);z-index:6;display:flex;align-items:center;gap:12px;color:#dce6f8;font-weight:800;font-size:.95rem;opacity:.85;white-space:nowrap}
.ucler-bottom-caption:before,.ucler-bottom-caption:after{content:"";width:42px;height:1px;background:rgba(255,255,255,.25)}
@media(max-width:1080px){.ucler-stage{grid-template-columns:1fr;gap:20px;padding-top:50px}.ucler-showcase-copy{max-width:760px}.ucler-visual-zone{min-height:520px}.ucler-product.prev{transform:translateX(-180px) scale(.56)}.ucler-product.next{transform:translateX(180px) scale(.56)}.ucler-product.far-prev,.ucler-product.far-next{display:none}}
@media(max-width:720px){.ucler-showcase{min-height:780px}.ucler-stage{width:min(100% - 28px,1220px);padding-bottom:125px;min-height:780px}.ucler-showcase-copy h1{font-size:clamp(2.45rem,13vw,3.4rem)}.ucler-specs{grid-template-columns:1fr}.ucler-visual-zone{min-height:410px}.ucler-product{height:360px}.ucler-product img{max-height:330px}.ucler-product.prev{transform:translateX(-118px) scale(.48)}.ucler-product.next{transform:translateX(118px) scale(.48)}.ucler-halo{width:340px;height:340px}.ucler-controls{grid-template-columns:38px 1fr 38px;padding:12px;border-radius:22px;gap:10px}.ucler-arrow{width:38px;height:38px;border-radius:14px}.ucler-meter{grid-template-columns:1fr;gap:10px}.ucler-thumbs{justify-content:flex-start}.ucler-bottom-caption{display:none}}


/* ===== UCLER V11 HOME PRODUCT CAROUSELS + BOTTOM QUICK ACCESS ===== */
.home-product-carousel-section{overflow:hidden;background:#f4f7fb!important}
.home-product-carousel-section .section-head{margin-bottom:34px!important}
.product-carousel-stack{display:grid;gap:34px}
.product-carousel-row{position:relative;border:1px solid #dce4f0;background:#fff;border-radius:30px;padding:24px 0 26px;overflow:hidden;box-shadow:0 18px 46px rgba(16,26,50,.07)}
.product-carousel-row:before,.product-carousel-row:after{content:"";position:absolute;top:92px;bottom:20px;width:90px;z-index:2;pointer-events:none}
.product-carousel-row:before{left:0;background:linear-gradient(90deg,#fff,rgba(255,255,255,0))}
.product-carousel-row:after{right:0;background:linear-gradient(270deg,#fff,rgba(255,255,255,0))}
.carousel-row-head{display:flex;justify-content:space-between;align-items:end;gap:18px;padding:0 28px 20px}
.carousel-row-head h3{font-size:1.65rem;letter-spacing:-.04em}
.carousel-kicker{display:inline-flex;color:var(--red);font-weight:950;font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;margin-bottom:6px}
.carousel-viewport{overflow:hidden;width:100%}
.carousel-track{display:flex;gap:18px;width:max-content;will-change:transform;animation:uclerProductFlow 42s linear infinite;padding:0 28px}
.product-carousel-row--reverse .carousel-track{animation-direction:reverse;animation-duration:46s}
.product-carousel-row:hover .carousel-track{animation-play-state:paused}
.carousel-product-card{width:286px;flex:0 0 286px;border:1px solid #dce4f0;border-radius:24px;overflow:hidden;background:#eef2f7;box-shadow:0 10px 26px rgba(16,26,50,.05);display:flex;flex-direction:column;transition:.22s ease}
.carousel-product-card:hover{transform:translateY(-4px);box-shadow:0 18px 42px rgba(16,26,50,.12);border-color:rgba(216,32,47,.24)}
.carousel-product-media{height:230px;background:#fff;display:grid;place-items:center;padding:24px;border-bottom:1px solid #dce4f0;overflow:hidden}
.carousel-product-media img{width:auto!important;height:auto!important;max-width:82%!important;max-height:188px!important;object-fit:contain!important;object-position:center center!important;filter:drop-shadow(0 12px 16px rgba(16,26,50,.12))!important}
.carousel-product-body{background:#eef2f7;padding:22px 22px 24px;display:flex;flex-direction:column;min-height:270px;flex:1}
.carousel-product-body span{display:inline-flex;color:var(--red);font-weight:950;font-size:.74rem;text-transform:uppercase;letter-spacing:.10em;margin-bottom:9px}
.carousel-product-body h3{font-size:1.14rem;line-height:1.14;letter-spacing:-.035em;margin:0;color:var(--navy)}
.carousel-product-body p{margin:13px 0 0;color:#66738a;line-height:1.55;font-size:.96rem;flex:1}
.carousel-product-body .text-link{margin-top:18px}
@keyframes uclerProductFlow{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* Prevent half-cropped homepage category/product visuals */
.category-card .cat-media,
.product-media{overflow:hidden!important;background:#fff!important;display:grid!important;place-items:center!important}
.category-card .cat-media img,
.product-media img{width:auto!important;height:auto!important;max-width:78%!important;max-height:82%!important;object-fit:contain!important;object-position:center center!important}
.category-card{background:#eef2f7!important}
.category-card .cat-media{height:290px!important;padding:24px!important}
.category-card .cat-media img{max-height:232px!important}
.product-media{height:300px!important;padding:26px!important}
.product-media img{max-height:238px!important}
.product-body{background:#eef2f7!important}

/* Bottom fixed quick access bar */
body{padding-bottom:88px!important}
.floating-actions--premium{position:fixed!important;left:50%!important;right:auto!important;top:auto!important;bottom:18px!important;transform:translateX(-50%)!important;z-index:80!important;display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:center!important;gap:10px!important;pointer-events:auto!important}
.floating-actions--premium .floating-pill{display:flex!important;flex-direction:row!important;align-items:center!important;gap:8px!important;padding:8px!important;border-radius:24px!important;background:linear-gradient(180deg,rgba(9,20,40,.94),rgba(5,13,28,.94))!important;border:1px solid rgba(255,255,255,.13)!important;box-shadow:0 18px 46px rgba(6,13,28,.22)!important;backdrop-filter:blur(14px)!important}
.floating-actions--premium .float-icon{width:44px!important;height:44px!important;border-radius:15px!important;display:grid!important;place-items:center!important}
.floating-actions--premium .float-icon svg{width:18px!important;height:18px!important}
.quick-actions{display:none!important}
.accessibility-panel{right:50%!important;bottom:84px!important;transform:translateX(50%)!important}
@media(max-width:1080px){.carousel-product-card{width:262px;flex-basis:262px}.carousel-product-media{height:212px}.carousel-product-body{min-height:260px}.category-card .cat-media{height:260px!important}.product-media{height:270px!important}}
@media(max-width:720px){body{padding-bottom:84px!important}.section-head h2{font-size:clamp(2rem,9vw,3rem)}.carousel-row-head{display:grid;align-items:start;padding:0 20px 18px}.carousel-row-head h3{font-size:1.35rem}.product-carousel-row{border-radius:24px;padding-top:20px}.carousel-track{gap:14px;padding:0 20px;animation-duration:34s}.carousel-product-card{width:240px;flex-basis:240px;border-radius:22px}.carousel-product-media{height:194px;padding:18px}.carousel-product-media img{max-height:158px!important;max-width:80%!important}.carousel-product-body{padding:18px;min-height:250px}.carousel-product-body h3{font-size:1rem}.carousel-product-body p{font-size:.9rem}.floating-actions--premium{bottom:12px!important;width:calc(100% - 22px)!important;gap:6px!important}.floating-actions--premium .floating-pill{gap:6px!important;padding:7px!important}.floating-actions--premium .float-icon{width:41px!important;height:41px!important;border-radius:14px!important}.accessibility-panel{left:12px!important;right:12px!important;bottom:78px!important;transform:none!important;width:auto!important}.category-card .cat-media{height:235px!important}.product-media{height:235px!important}.category-card .cat-media img,.product-media img{max-width:76%!important;max-height:80%!important}}
@media(prefers-reduced-motion:reduce){.carousel-track{animation:none!important}}


/* ===== UCLER V12 PAGE HEADER + PRODUCT DETAIL REFINEMENT ===== */
.header-inner{height:72px!important}
.brand img{width:150px!important;max-height:60px!important}
.site-header{border-bottom:1px solid #e8edf4!important}

.sub-hero{padding:46px 0 42px!important;background:#101a32!important;color:#fff!important;min-height:0!important}
.sub-hero:before,.sub-hero:after{display:none!important}
.sub-hero-grid{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:0!important;min-height:0!important;align-items:start!important}
.sub-hero-grid>div:first-child{max-width:980px!important;position:relative!important;z-index:1!important}
.sub-hero .sub-visual,.sub-visual--wallpaper{display:none!important}
.sub-hero h1{font-size:clamp(2.25rem,4.2vw,4.1rem)!important;line-height:1.02!important;letter-spacing:-.055em!important;max-width:940px!important}
.sub-hero p{max-width:760px!important;font-size:1.04rem!important;margin-top:16px!important;color:#d9e3f4!important}
.sub-hero .hero-actions{margin-top:22px!important}
.breadcrumb-trail{margin-bottom:14px!important;font-size:.86rem!important}
.breadcrumb-trail a,.breadcrumb-trail span{padding:0!important;background:transparent!important;border:0!important;color:rgba(255,255,255,.82)!important}

.product-content-visuals{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin:0 0 34px}
.product-visual-card{margin:0;background:#fff;border:1px solid #dde5ef;border-radius:28px;overflow:hidden;box-shadow:0 18px 48px rgba(16,26,50,.08)}
.visual-card-media{height:390px;display:grid;place-items:center;background:#fff;padding:30px;overflow:hidden}
.visual-card-media img{max-width:100%;max-height:330px;object-fit:contain;filter:drop-shadow(0 18px 22px rgba(16,26,50,.14))}
.product-visual-card--technical .visual-card-media{background:#f9fbfe}
.product-visual-card--technical .visual-card-media img{filter:none;max-height:350px}
.product-visual-card figcaption{display:flex;align-items:center;gap:10px;padding:16px 22px;background:#eef3fa;border-top:1px solid #dde5ef;color:#101a32;font-weight:900;letter-spacing:.04em;text-transform:uppercase;font-size:.82rem}
.product-visual-card figcaption:before{content:"";width:8px;height:8px;border-radius:50%;background:#d8202f}

.section-head.compact{margin-bottom:24px!important;align-items:center!important}
.section-head.compact h2{font-size:clamp(1.8rem,3vw,2.7rem)!important}
.related-products-section{padding-top:62px!important;padding-bottom:78px!important;background:#fff!important;overflow:hidden!important}
.related-carousel{position:relative;overflow:hidden;padding:8px 0 20px;margin-inline:-2px}
.related-carousel:before,.related-carousel:after{content:"";position:absolute;top:0;bottom:0;width:90px;z-index:2;pointer-events:none}
.related-carousel:before{left:0;background:linear-gradient(90deg,#fff,rgba(255,255,255,0))}
.related-carousel:after{right:0;background:linear-gradient(270deg,#fff,rgba(255,255,255,0))}
.related-product-track{display:flex;gap:22px;width:max-content;animation:ucler-related-marquee 42s linear infinite;will-change:transform}
.related-carousel:hover .related-product-track{animation-play-state:paused}
.related-product-card{width:310px;flex:0 0 310px;background:#eef3fa;border:1px solid #dfe7f2;border-radius:26px;overflow:hidden;box-shadow:0 16px 40px rgba(16,26,50,.08)}
.related-product-media{height:220px;background:#fff;display:grid;place-items:center;padding:20px;border-bottom:1px solid #dfe7f2;overflow:hidden}
.related-product-media img{max-width:100%;max-height:178px;object-fit:contain;filter:drop-shadow(0 14px 18px rgba(16,26,50,.12))}
.related-product-body{padding:20px 20px 22px}
.related-product-body span{display:block;color:#d8202f;font-size:.74rem;font-weight:900;letter-spacing:.10em;text-transform:uppercase;margin-bottom:8px}
.related-product-body h3{font-size:1.05rem;line-height:1.22;min-height:50px;margin:0;color:#101a32}
.related-product-body p{margin:12px 0 0;color:#647084;font-size:.92rem;line-height:1.55}
@keyframes ucler-related-marquee{from{transform:translateX(0)}to{transform:translateX(calc(-50% - 11px))}}

.floating-actions--premium{position:fixed!important;top:auto!important;right:18px!important;bottom:18px!important;left:auto!important;transform:none!important;display:flex!important;flex-direction:row!important;align-items:flex-end!important;gap:10px!important;z-index:55!important}
.floating-pill{display:flex!important;flex-direction:row!important;border-radius:22px!important;padding:8px!important;gap:8px!important}
.floating-pill--main,.floating-pill--mini{padding:8px!important}
.float-icon{width:44px!important;height:44px!important;border-radius:15px!important}
.float-icon svg{width:18px!important;height:18px!important}

@media (max-width:900px){
  .product-content-visuals{grid-template-columns:1fr}
  .visual-card-media{height:320px}
  .visual-card-media img{max-height:270px}
  .related-product-card{width:276px;flex-basis:276px}
  .related-product-media{height:200px}
}
@media (max-width:720px){
  .header-inner{height:68px!important}
  .brand img{width:132px!important;max-height:54px!important}
  .sub-hero{padding:34px 0 32px!important}
  .sub-hero h1{font-size:clamp(2rem,9vw,2.85rem)!important}
  .sub-hero .hero-actions{gap:10px!important}
  .sub-hero .hero-actions .btn{width:100%!important}
  .floating-actions--premium{display:none!important}
}


/* ===== UCLER V13 PRODUCT DIRECTORY + RELATED CAROUSEL CONTROLS ===== */
.product-visual-card--placeholder .visual-card-placeholder{background:linear-gradient(145deg,#f7f9fd,#eef3fa);border:1px dashed #cbd6e6}
.technical-placeholder{display:grid;place-items:center;text-align:center;gap:10px;color:#647084;max-width:360px;padding:28px}
.technical-placeholder:before{content:"";width:64px;height:64px;border-radius:20px;background:linear-gradient(135deg,#d8202f,#f05a65);box-shadow:0 14px 30px rgba(216,32,47,.18);opacity:.92}
.technical-placeholder strong{display:block;color:#101a32;font-size:1.08rem;letter-spacing:-.02em}.technical-placeholder span{display:block;line-height:1.55;font-size:.95rem}
.related-section-head{padding-right:120px}
.related-carousel{position:relative!important;overflow:hidden!important;padding:10px 54px 22px!important;margin-inline:0!important}
.related-carousel:before,.related-carousel:after{width:48px!important;z-index:3!important}
.related-product-track{width:100%!important;max-width:100%!important;overflow-x:auto!important;scroll-behavior:smooth!important;scroll-snap-type:x mandatory!important;display:flex!important;gap:22px!important;animation:none!important;will-change:auto!important;padding:4px 0 16px!important;scrollbar-width:thin;scrollbar-color:#d8202f #edf2f7}
.related-product-card{scroll-snap-align:start!important;min-width:310px!important}
.related-carousel-btn{position:absolute;top:42%;transform:translateY(-50%);z-index:5;width:44px;height:44px;border-radius:999px;border:1px solid #dbe4f0;background:#fff;color:#101a32;display:grid;place-items:center;cursor:pointer;box-shadow:0 12px 28px rgba(16,26,50,.12);transition:.2s ease;font-size:1.8rem;font-weight:600;line-height:1}
.related-carousel-btn:hover{background:#d8202f;color:#fff;border-color:#d8202f;transform:translateY(-50%) scale(1.04)}
.related-carousel-prev{left:4px}.related-carousel-next{right:4px}.related-carousel-btn span{display:block;line-height:.8;margin-top:-2px}
.product-directory-section{padding-top:72px!important}.product-directory-nav{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:44px;position:sticky;top:74px;z-index:4;background:rgba(244,246,250,.88);backdrop-filter:blur(12px);padding:14px;border:1px solid #e3e9f2;border-radius:22px;box-shadow:0 12px 30px rgba(16,26,50,.06)}
.product-directory-nav a{display:inline-flex;align-items:center;justify-content:center;padding:10px 14px;border-radius:999px;background:#fff;border:1px solid #dfe7f2;color:#101a32;font-weight:850;font-size:.88rem}.product-directory-nav a:hover{background:#d8202f;color:#fff;border-color:#d8202f}
.product-directory-group{margin-bottom:76px;scroll-margin-top:128px}.product-directory-group:last-child{margin-bottom:0}.all-product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.all-product-card{background:#eef3fa;border:1px solid #dfe7f2;border-radius:28px;overflow:hidden;box-shadow:0 16px 42px rgba(16,26,50,.08);display:flex;flex-direction:column;transition:.22s ease}.all-product-card:hover{transform:translateY(-6px);box-shadow:0 24px 58px rgba(16,26,50,.14);border-color:rgba(216,32,47,.22)}.all-product-media{height:270px;background:#fff;display:grid;place-items:center;padding:26px;border-bottom:1px solid #dfe7f2;overflow:hidden}.all-product-media img{width:auto!important;height:auto!important;max-width:86%!important;max-height:220px!important;object-fit:contain!important;filter:drop-shadow(0 14px 20px rgba(16,26,50,.13))}.all-product-body{padding:24px;display:flex;flex-direction:column;flex:1}.all-product-body span{display:inline-flex;color:#d8202f;font-weight:950;font-size:.76rem;text-transform:uppercase;letter-spacing:.09em;margin-bottom:10px}.all-product-body h3{font-size:1.2rem;line-height:1.18;letter-spacing:-.035em}.all-product-body p{margin:14px 0 0;color:#647084;line-height:1.58;flex:1}.all-product-body .text-link{margin-top:18px}
@media(max-width:1000px){.all-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.product-directory-nav{position:relative;top:auto}.related-section-head{padding-right:0}.related-carousel{padding-left:48px!important;padding-right:48px!important}}
@media(max-width:720px){.all-product-grid{grid-template-columns:1fr}.all-product-media{height:230px}.all-product-media img{max-height:184px!important}.product-directory-nav{border-radius:18px;padding:10px;gap:8px}.product-directory-nav a{font-size:.82rem;padding:9px 11px}.related-carousel{padding:8px 44px 18px!important}.related-product-card{min-width:262px!important}.related-carousel-btn{width:38px;height:38px;font-size:1.55rem}.product-content-visuals{grid-template-columns:1fr!important}}


/* ===== UCLER V14 CAROUSEL CONTROLS / PROCESS / COOKIE / CONTACT ===== */
.topbar{background:linear-gradient(90deg,#071126,#101a32 48%,#152541)!important;border-bottom:1px solid rgba(255,255,255,.08)}
.topbar-premium{padding:8px 0!important}.topbar-left,.topbar-contact{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.topbar-chip{display:inline-flex;align-items:center;gap:7px;padding:6px 10px;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:rgba(255,255,255,.05);font-weight:750;color:#eef4ff}.topbar-chip:before{content:"";width:6px;height:6px;border-radius:50%;background:#d8202f;box-shadow:0 0 0 4px rgba(216,32,47,.12)}.topbar-contact a{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);font-weight:800;color:#fff!important}.topbar-contact a:hover{background:#d8202f;border-color:#d8202f}

.product-carousel-row{padding-top:22px!important}.carousel-row-head{align-items:center!important}.home-carousel-tools{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.home-carousel-count{display:inline-flex;align-items:center;justify-content:center;min-width:74px;height:38px;border-radius:999px;background:#101a32;color:#fff;font-weight:950;letter-spacing:.04em;font-size:.86rem}.home-carousel-btn{width:38px;height:38px;border-radius:999px;border:1px solid #dbe4f0;background:#fff;color:#101a32;display:grid;place-items:center;font-weight:950;font-size:1.05rem;cursor:pointer;box-shadow:0 10px 24px rgba(16,26,50,.08);transition:.2s ease}.home-carousel-btn:hover,.home-carousel-btn.active{background:#d8202f;color:#fff;border-color:#d8202f}.home-carousel-pause{font-size:.88rem}.carousel-viewport{overflow:hidden!important}.carousel-track{width:100%!important;max-width:100%!important;overflow-x:auto!important;scroll-behavior:smooth!important;scroll-snap-type:x mandatory!important;animation:none!important;will-change:auto!important;scrollbar-width:thin;scrollbar-color:#d8202f #edf2f7;padding-bottom:12px!important}.carousel-product-card{scroll-snap-align:start;position:relative}.carousel-product-media{position:relative}.carousel-product-index{position:absolute;top:14px;left:14px;z-index:3;display:inline-grid;place-items:center;width:40px;height:40px;border-radius:14px;background:linear-gradient(135deg,#d8202f,#f15b66);color:#fff!important;font-size:.88rem!important;font-weight:950!important;letter-spacing:.03em!important;box-shadow:0 12px 24px rgba(216,32,47,.22);text-transform:none!important}
.product-carousel-row--reverse .carousel-track{animation:none!important}

.process-infographic-section{background:#fff;position:relative;overflow:hidden}.process-infographic-section:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 10% 10%,rgba(216,32,47,.07),transparent 28%),radial-gradient(circle at 90% 80%,rgba(16,26,50,.08),transparent 26%);pointer-events:none}.process-grid{position:relative;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:18px}.process-card{position:relative;background:#fff;border:1px solid #dfe7f2;border-radius:28px;padding:24px 20px 26px;box-shadow:0 16px 44px rgba(16,26,50,.08);min-height:260px;overflow:hidden}.process-card:after{content:"";position:absolute;right:-26px;top:34px;width:52px;height:2px;background:#d8202f;opacity:.32}.process-card:last-child:after{display:none}.process-no{display:inline-flex;color:#d8202f;font-size:.8rem;font-weight:950;letter-spacing:.12em;margin-bottom:14px}.process-icon{width:58px;height:58px;border-radius:20px;display:grid;place-items:center;background:linear-gradient(135deg,#101a32,#22365f);color:#fff;font-weight:950;font-size:1.3rem;box-shadow:0 16px 30px rgba(16,26,50,.18);margin-bottom:20px}.process-card h3{font-size:1.1rem;line-height:1.18}.process-card p{margin:12px 0 0;color:#647084;line-height:1.55;font-size:.94rem}

.cookie-consent{position:fixed;left:18px;right:18px;bottom:18px;z-index:100;display:none}.cookie-consent.show{display:block}.cookie-consent__body{max-width:920px;margin:0 auto;background:linear-gradient(135deg,#101a32,#172848);border:1px solid rgba(255,255,255,.16);box-shadow:0 24px 70px rgba(4,10,22,.35);border-radius:26px;padding:20px 22px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:center;color:#fff}.cookie-consent strong{display:block;font-size:1.05rem}.cookie-consent p{margin:4px 0 0;color:#dce6f8;font-size:.92rem;line-height:1.5}.cookie-consent__actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.cookie-consent button,.cookie-link{border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.09);color:#fff;border-radius:999px;padding:10px 14px;font-weight:900;cursor:pointer}.cookie-consent button[data-cookie-accept]{background:#d8202f;border-color:#d8202f}.cookie-link:hover,.cookie-consent button:hover{transform:translateY(-1px)}

.contact-layout--v6{grid-template-columns:repeat(2,minmax(0,1fr))!important;align-items:stretch!important}.contact-layout--v6 .contact-card{height:100%;display:flex;flex-direction:column}.contact-layout--v6 .contact-card form{margin-top:auto}.contact-card form button[type=submit]{width:max-content}.form-grid label input,.form-grid label select,.form-grid label textarea{width:100%}

.product-visual-card--main .visual-card-media img[src*="iqven-10-tepsili"],
.product-visual-card--main .visual-card-media img[src*="45x65-9-tepsili"],
.product-visual-card--main .visual-card-media img[src*="sogutma-dolapli"]{max-width:76%!important;max-height:300px!important;object-fit:contain!important;object-position:center!important}
.related-product-media img[src*="iqven-10-tepsili"],.carousel-product-media img[src*="iqven-10-tepsili"]{max-width:72%!important;max-height:170px!important}
.related-product-media img[src*="45x65-9-tepsili"],.carousel-product-media img[src*="45x65-9-tepsili"],.all-product-media img[src*="45x65-9-tepsili"]{max-width:70%!important;max-height:172px!important}.related-product-media img[src*="sogutma-dolapli"],.carousel-product-media img[src*="sogutma-dolapli"],.all-product-media img[src*="sogutma-dolapli"]{max-width:68%!important;max-height:172px!important}
.extended-corporate-content{margin-top:34px;padding-top:26px;border-top:1px solid #dfe7f2}.extended-corporate-content ul{padding-left:22px}.extended-corporate-content li{margin-bottom:8px;color:#4e5c72}
@media(max-width:1180px){.process-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.process-card:after{display:none}}
@media(max-width:820px){.cookie-consent__body{grid-template-columns:1fr}.cookie-consent__actions{justify-content:flex-start}.topbar-premium{display:grid!important;gap:8px}.topbar-left,.topbar-contact{justify-content:center}.contact-layout--v6{grid-template-columns:1fr!important}.home-carousel-tools{justify-content:flex-start}.process-grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.process-grid{grid-template-columns:1fr}.cookie-consent{left:10px;right:10px;bottom:10px}.cookie-consent__body{border-radius:20px;padding:18px}.topbar-contact a,.topbar-chip{font-size:.78rem}.home-carousel-count{height:34px}.home-carousel-btn{width:34px;height:34px}.carousel-product-index{width:34px;height:34px;border-radius:12px;font-size:.78rem!important}}


/* ===== UCLER V15 TARGETED FIXES ===== */
html body{padding-bottom:0!important;min-height:100%;background:#090f1d}
main{background:#fff}
.site-footer{margin-bottom:0!important;padding-bottom:0!important;background:#090f1d!important}
.footer-bottom{margin-bottom:0!important}
.footer-bottom .container{padding-bottom:0!important}

/* Cookie banner: keep it independent from footer and prevent layout/white-gap issues. */
.cookie-consent{position:fixed!important;left:auto!important;right:22px!important;bottom:22px!important;z-index:120!important;max-width:min(520px,calc(100% - 44px))!important;display:none!important;pointer-events:none!important}
.cookie-consent.show{display:block!important;pointer-events:auto!important}
.cookie-consent__body{max-width:none!important;margin:0!important;display:block!important;padding:18px 18px 16px!important;border-radius:22px!important;background:linear-gradient(135deg,#0b1326,#142540)!important;border:1px solid rgba(255,255,255,.15)!important;box-shadow:0 24px 70px rgba(4,10,22,.34)!important;color:#fff!important}
.cookie-consent strong{font-size:1rem!important;line-height:1.2!important}.cookie-consent p{font-size:.86rem!important;line-height:1.45!important;margin:7px 0 13px!important}.cookie-consent__actions{justify-content:flex-start!important;gap:8px!important}.cookie-consent button,.cookie-link{padding:9px 12px!important;font-size:.82rem!important;line-height:1!important;white-space:nowrap!important}
.cookie-consent button[data-cookie-accept]{background:#d8202f!important;border-color:#d8202f!important}.cookie-consent button[data-cookie-reject]{background:rgba(255,255,255,.06)!important}

/* Katalog sayfası: equal visual columns. */
.catalog-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;align-items:stretch!important}.catalog-layout>.catalog-card{height:100%!important;display:flex!important;flex-direction:column!important}.catalog-layout>.catalog-card .pdf-frame{flex:1;min-height:680px}.catalog-cover{display:grid;place-items:center;background:#fff;min-height:460px}.catalog-cover img{max-height:430px;object-fit:contain}

/* Process infographic icons: replace initial letters with real line icons. */
.process-icon{font-size:0!important}.process-icon svg{width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;display:block}.process-card{padding-top:26px!important}.process-no{margin-bottom:12px!important}

/* Product visual containment for corrected / detailed products. */
.product-visual-card--main .visual-card-media img[src*="45x65-9-tepsili"],
.product-visual-card--main .visual-card-media img[src*="sogutma-dolapli"],
.product-visual-card--main .visual-card-media img[src*="iqven-10-tepsili"]{max-width:92%!important;max-height:350px!important;object-fit:contain!important;object-position:center!important}
.carousel-product-media img[src*="45x65-9-tepsili"],.related-product-media img[src*="45x65-9-tepsili"],.all-product-media img[src*="45x65-9-tepsili"]{max-width:84%!important;max-height:188px!important;object-fit:contain!important}
.carousel-product-media img[src*="sogutma-dolapli"],.related-product-media img[src*="sogutma-dolapli"],.all-product-media img[src*="sogutma-dolapli"]{max-width:84%!important;max-height:188px!important;object-fit:contain!important}
.product-visual-card--technical .visual-card-media img{max-width:94%!important;max-height:360px!important;object-fit:contain!important;object-position:center!important}

/* Product page sidebar after removing redundant same-category box. */
.content-grid .sidebar .side-box:first-child:last-child{position:sticky;top:122px}

@media(max-width:1080px){.catalog-layout{grid-template-columns:1fr!important}.catalog-layout>.catalog-card .pdf-frame{min-height:600px}.catalog-cover{min-height:360px}.catalog-cover img{max-height:330px}.cookie-consent{right:18px!important;bottom:18px!important;max-width:calc(100% - 36px)!important}}
@media(max-width:720px){html body{padding-bottom:0!important}.cookie-consent{left:12px!important;right:12px!important;bottom:12px!important;max-width:none!important}.cookie-consent__actions{display:grid!important;grid-template-columns:1fr 1fr!important}.cookie-link{grid-column:1/-1;text-align:center!important}.catalog-layout>.catalog-card .pdf-frame{min-height:520px}.product-visual-card--main .visual-card-media img[src*="45x65-9-tepsili"],.product-visual-card--main .visual-card-media img[src*="sogutma-dolapli"],.product-visual-card--main .visual-card-media img[src*="iqven-10-tepsili"]{max-width:92%!important;max-height:285px!important}}


/* ===== UCLER V16 CLEANUP + PRODUCT CAROUSEL AUTOPLAY CONTROLS ===== */
.related-carousel{padding-top:0!important}
.related-carousel-tools{position:relative;z-index:8;display:flex;align-items:center;justify-content:flex-end;gap:8px;margin:0 0 14px;padding:0 2px}
.related-carousel-count{display:inline-flex;align-items:center;justify-content:center;min-width:76px;height:36px;border-radius:999px;background:#101a32;color:#fff;font-size:.82rem;font-weight:950;letter-spacing:.04em}
.related-control{width:36px;height:36px;border-radius:999px;border:1px solid #dbe4f0;background:#fff;color:#101a32;display:grid;place-items:center;font-size:.9rem;font-weight:950;line-height:1;cursor:pointer;box-shadow:0 10px 24px rgba(16,26,50,.08);transition:.2s ease}
.related-control:hover,.related-control.active{background:#d8202f;color:#fff;border-color:#d8202f}
.related-control-pause{font-size:.82rem;letter-spacing:-.12em;padding-right:2px}
.related-product-track{overflow-x:auto!important;scroll-behavior:smooth!important;scroll-snap-type:x mandatory!important;animation:none!important}
@media(max-width:720px){.related-carousel-tools{justify-content:flex-start;margin-bottom:12px}.related-carousel-count{height:34px;min-width:70px}.related-control{width:34px;height:34px}}


/* ===== UCLER V17 CATALOG PRODUCT DATA ===== */
.catalog-product-data{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.15fr);gap:24px;margin:28px 0 42px;align-items:stretch}
.catalog-product-card{background:#fff;border:1px solid #dfe7f2;border-radius:28px;box-shadow:0 18px 46px rgba(16,26,50,.08);padding:28px;overflow:hidden}
.catalog-product-card h2{font-size:clamp(1.45rem,2.2vw,2.1rem);letter-spacing:-.035em;margin:8px 0 18px;color:#101a32}
.catalog-product-card p{color:#5f6b80;line-height:1.75;margin:0 0 14px}
.catalog-card-kicker{display:inline-flex;align-items:center;gap:8px;color:#d8202f;font-size:.76rem;font-weight:950;letter-spacing:.12em;text-transform:uppercase}
.catalog-card-kicker:before{content:"";width:30px;height:2px;background:#d8202f;border-radius:99px}
.catalog-product-card--specs{padding:0;background:#101a32;color:#fff;border-color:#101a32}
.catalog-product-card--specs .catalog-card-kicker,.catalog-product-card--specs h2{margin-left:28px;margin-right:28px}.catalog-product-card--specs .catalog-card-kicker{margin-top:28px;color:#ffb9c0}.catalog-product-card--specs .catalog-card-kicker:before{background:#ffb9c0}.catalog-product-card--specs h2{color:#fff;margin-bottom:18px}
.catalog-table-scroll{overflow-x:auto;padding:0 0 8px;background:#101a32}
.catalog-tech-table{width:100%;min-width:620px;border-collapse:collapse;font-size:.91rem;color:#eef4ff}
.catalog-tech-table th,.catalog-tech-table td{padding:12px 14px;border-top:1px solid rgba(255,255,255,.08);text-align:left;vertical-align:top}
.catalog-tech-table thead th{background:#d8202f;color:#fff;font-size:.78rem;text-transform:uppercase;letter-spacing:.055em;border-top:0}
.catalog-tech-table tbody tr:nth-child(odd){background:rgba(255,255,255,.055)}
.catalog-tech-table tbody tr:nth-child(even){background:rgba(255,255,255,.025)}
.catalog-tech-table tbody th{color:#fff;font-weight:850;width:34%}
.catalog-tech-table td{color:#dbe5f5;font-weight:700}
.catalog-product-card--specs .catalog-source-note{padding:16px 28px 22px;margin:0;color:#b7c4da;font-size:.84rem;border-top:1px solid rgba(255,255,255,.08)}
.catalog-source-note{font-size:.86rem;color:#7a8495!important;margin-top:18px!important;border-top:1px solid #edf1f6;padding-top:14px}
.editorial-product-title{margin-top:36px!important;padding-top:28px;border-top:1px solid #dfe7f2}
@media(max-width:980px){.catalog-product-data{grid-template-columns:1fr}.catalog-product-card{padding:22px}.catalog-product-card--specs{padding:0}.catalog-product-card--specs .catalog-card-kicker,.catalog-product-card--specs h2{margin-left:22px;margin-right:22px}.catalog-product-card--specs .catalog-source-note{padding-left:22px;padding-right:22px}.catalog-tech-table{font-size:.86rem;min-width:560px}}


/* ===== UCLER V18 PRODUCT DETAIL LAYOUT FIXES ===== */
/* Technical drawings must sit on a plain white background. */
.product-visual-card--technical .visual-card-media,
.product-visual-card--technical .visual-card-placeholder,
.product-visual-card--technical .visual-card-media:before,
.product-visual-card--technical .visual-card-media:after{
  background:#fff!important;
}
.product-visual-card--technical .visual-card-media{
  min-height:430px!important;
  display:grid!important;
  place-items:center!important;
  padding:26px!important;
}
.product-visual-card--technical .visual-card-media img{
  background:#fff!important;
  mix-blend-mode:normal!important;
  filter:none!important;
  max-width:92%!important;
  max-height:390px!important;
  object-fit:contain!important;
  object-position:center!important;
}
.product-visual-card figcaption{
  background:#eef3fa!important;
  color:#101a32!important;
}

/* Catalog/product data sections: use full-width horizontal blocks, not two narrow vertical columns. */
.catalog-product-data{
  display:block!important;
  margin:34px 0 48px!important;
}
.catalog-product-card{
  width:100%!important;
  max-width:100%!important;
  margin:0 0 26px!important;
  border-radius:30px!important;
  overflow:hidden!important;
}
.catalog-product-card--description{
  padding:36px!important;
  background:#fff!important;
}
.catalog-product-card--description h2{
  max-width:980px!important;
  font-size:clamp(2rem,3.5vw,3.25rem)!important;
  line-height:1.08!important;
}
.catalog-product-card--description p{
  max-width:1060px!important;
  color:#526076!important;
  font-size:1.04rem!important;
  line-height:1.85!important;
}
.catalog-card-kicker{
  color:#d8202f!important;
}
.catalog-card-kicker:before{
  background:#d8202f!important;
}

/* Technical table: readable contrast and full-width table. */
.catalog-product-card--specs{
  padding:0!important;
  background:#fff!important;
  color:#101a32!important;
  border-color:#dfe7f2!important;
}
.catalog-product-card--specs .catalog-card-kicker,
.catalog-product-card--specs h2{
  margin-left:36px!important;
  margin-right:36px!important;
}
.catalog-product-card--specs .catalog-card-kicker{
  margin-top:34px!important;
  color:#d8202f!important;
}
.catalog-product-card--specs .catalog-card-kicker:before{
  background:#d8202f!important;
}
.catalog-product-card--specs h2{
  color:#101a32!important;
  margin-bottom:24px!important;
  font-size:clamp(2rem,3.3vw,3rem)!important;
}
.catalog-table-scroll{
  overflow-x:auto!important;
  background:#fff!important;
  border-top:1px solid #e5eaf2!important;
}
.catalog-tech-table{
  width:100%!important;
  min-width:0!important;
  border-collapse:collapse!important;
  table-layout:auto!important;
  color:#101a32!important;
  font-size:.94rem!important;
}
.catalog-tech-table th,
.catalog-tech-table td{
  padding:15px 18px!important;
  border:1px solid #e2e8f0!important;
  text-align:left!important;
  vertical-align:top!important;
}
.catalog-tech-table thead th{
  background:#d8202f!important;
  color:#fff!important;
  border-color:#d8202f!important;
  font-size:.82rem!important;
  letter-spacing:.055em!important;
  text-transform:uppercase!important;
}
.catalog-tech-table tbody tr:nth-child(odd),
.catalog-tech-table tbody tr:nth-child(even){
  background:#fff!important;
}
.catalog-tech-table tbody tr:nth-child(odd) th,
.catalog-tech-table tbody tr:nth-child(odd) td{
  background:#f6f8fb!important;
}
.catalog-tech-table tbody th{
  color:#101a32!important;
  background:#f0f4f9!important;
  font-weight:850!important;
  width:34%!important;
}
.catalog-tech-table td{
  color:#263147!important;
  font-weight:750!important;
}
.catalog-product-card--specs .catalog-source-note{
  padding:18px 36px 26px!important;
  margin:0!important;
  color:#637189!important;
  background:#fff!important;
  border-top:1px solid #e5eaf2!important;
}

/* Floating action panel: vertical, fixed at bottom-right. */
.floating-actions--premium{
  position:fixed!important;
  right:18px!important;
  bottom:18px!important;
  left:auto!important;
  top:auto!important;
  transform:none!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-end!important;
  justify-content:flex-end!important;
  gap:10px!important;
  z-index:80!important;
  pointer-events:auto!important;
}
.floating-actions--premium .floating-pill{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  padding:8px!important;
  border-radius:24px!important;
  background:linear-gradient(180deg,rgba(9,20,40,.96),rgba(5,13,28,.96))!important;
  border:1px solid rgba(255,255,255,.13)!important;
  box-shadow:0 18px 46px rgba(6,13,28,.23)!important;
  backdrop-filter:blur(14px)!important;
}
.floating-actions--premium .float-icon{
  width:46px!important;
  height:46px!important;
  border-radius:15px!important;
  display:grid!important;
  place-items:center!important;
}
.floating-actions--premium .float-icon svg{
  width:18px!important;
  height:18px!important;
}
.quick-actions{display:none!important;}

@media(max-width:980px){
  .product-content-visuals{grid-template-columns:1fr!important;}
  .catalog-product-card--description{padding:26px!important;}
  .catalog-product-card--specs .catalog-card-kicker,
  .catalog-product-card--specs h2{margin-left:26px!important;margin-right:26px!important;}
  .catalog-product-card--specs .catalog-source-note{padding-left:26px!important;padding-right:26px!important;}
  .catalog-tech-table{font-size:.86rem!important;min-width:680px!important;}
}
@media(max-width:720px){
  html body{padding-bottom:0!important;}
  .product-visual-card--technical .visual-card-media{min-height:320px!important;padding:18px!important;}
  .product-visual-card--technical .visual-card-media img{max-height:285px!important;}
  .catalog-product-card--description h2,
  .catalog-product-card--specs h2{font-size:clamp(1.7rem,8vw,2.3rem)!important;}
  .floating-actions--premium{right:12px!important;bottom:12px!important;gap:8px!important;width:auto!important;}
  .floating-actions--premium .floating-pill{padding:7px!important;gap:7px!important;}
  .floating-actions--premium .float-icon{width:42px!important;height:42px!important;border-radius:14px!important;}
}

/* Master final: WCAG-visible keyboard focus for every interactive control. */
:where(a,button,input,select,textarea,[tabindex]):focus-visible{
  outline:3px solid #d8202f!important;
  outline-offset:3px!important;
  box-shadow:0 0 0 4px rgba(255,255,255,.92)!important;
}

/* == premium-v20.css == */
/* Üçler Mutfak Premium V20 final stabilization layer */
:root{--ucler-focus:0 0 0 4px rgba(216,32,47,.18)}
.site-header{box-shadow:0 10px 26px rgba(16,26,50,.04)}
.main-nav>ul>li>a:focus-visible,.submenu a:focus-visible,.btn:focus-visible,.float-btn:focus-visible,.quick-actions a:focus-visible,.related-carousel-btn:focus-visible,.home-carousel-btn:focus-visible,.ucler-arrow:focus-visible{outline:0;box-shadow:var(--ucler-focus);}
.submenu{z-index:120;}
.main-nav a.active{box-shadow:inset 0 0 0 1px rgba(216,32,47,.13)}
.header-inner{min-width:0}.main-nav>ul>li>a{white-space:nowrap}.brand{min-width:0}.brand-text b,.brand-text span{white-space:nowrap}
.product-content-visuals{align-items:stretch}.product-visual-card{position:relative;overflow:hidden;background:linear-gradient(180deg,#fff,#f7f9fc);border:1px solid #dfe6f0;box-shadow:0 18px 48px rgba(16,26,50,.1)}
.product-visual-card .visual-card-media{min-height:440px;display:flex;align-items:center;justify-content:center;padding:28px;background:radial-gradient(circle at 50% 42%,rgba(216,32,47,.07),transparent 34%),#fff;border-radius:22px 22px 0 0}
.product-visual-card .visual-card-media img{width:auto;max-width:96%;max-height:390px;object-fit:contain;filter:drop-shadow(0 18px 26px rgba(16,26,50,.12))}
.product-visual-card--technical .visual-card-media{background:#fff}.product-visual-card--technical .visual-card-media img{max-width:98%;max-height:410px;filter:none}.product-visual-card figcaption{font-weight:900;color:#101a32;letter-spacing:.01em;background:#f7f9fc;border-top:1px solid #e6ecf4}
.catalog-product-data{grid-template-columns:minmax(0,1fr);gap:22px}.catalog-product-card{border:1px solid #dfe6f0;box-shadow:0 16px 42px rgba(16,26,50,.08)}.catalog-product-card--description{max-width:none}.catalog-product-card--description p{max-width:1020px}.catalog-product-card--specs{background:#101a32;color:#fff;overflow:hidden}.catalog-card-kicker{letter-spacing:.08em}.catalog-table-scroll{position:relative;overflow:auto;scrollbar-color:#d8202f #e8edf5;scrollbar-width:thin}.catalog-table-scroll:focus{outline:0;box-shadow:var(--ucler-focus)}
.catalog-tech-table{min-width:760px;border-collapse:separate;border-spacing:0}.catalog-tech-table thead th{position:sticky;top:0;z-index:2;background:#d8202f}.catalog-tech-table th,.catalog-tech-table td{line-height:1.38}.catalog-tech-table tbody th{background:rgba(255,255,255,.045)}.catalog-tech-table tbody td{background:rgba(255,255,255,.02)}.catalog-source-note{max-width:980px}
.related-carousel,.carousel-viewport{overscroll-behavior-x:contain}.related-product-track,.carousel-track{scroll-padding-left:4px}.related-product-card,.carousel-product-card,.all-product-card{height:auto}.related-product-card{display:flex;flex-direction:column}.related-product-media{background:#f7f9fc}.related-product-media img,.carousel-product-media img,.all-product-media img{object-fit:contain}.related-product-body,.carousel-product-body,.all-product-body{display:flex;flex-direction:column;flex:1}.related-product-body p,.carousel-product-body p,.all-product-body p{flex:1}.related-product-body h3 a:hover,.carousel-product-body h3 a:hover,.all-product-body h3 a:hover{color:#d8202f}.related-carousel-btn,.home-carousel-btn,.ucler-arrow{touch-action:manipulation}.home-carousel-tools,.related-carousel-tools{user-select:none}
.ucler-showcase{isolation:isolate}.ucler-product img{object-fit:contain}.ucler-dot:focus-visible{outline:0;box-shadow:var(--ucler-focus)}
.site-footer{position:relative}.footer-top{align-items:start}.footer-top p{max-width:360px}.footer-bottom .container{align-items:center}.footer-bottom span:first-child{color:#aeb8ca}.footer-bottom span:last-child a{font-size:.9rem;font-weight:700;color:#d7deea}.footer-bottom span:last-child a[href*="berpel.com"]{font-size:.9rem;font-weight:700;color:#fff}.footer-bottom span:last-child a[href*="berpel.com"]::before{background:rgba(197,154,69,.22);color:#f4c869}.socials a:focus-visible,.footer-top a:focus-visible,.footer-bottom a:focus-visible{outline:0;box-shadow:var(--ucler-focus);border-radius:10px}
.cookie-consent{z-index:90}.cookie-consent button:focus-visible,.cookie-link:focus-visible{outline:0;box-shadow:var(--ucler-focus)}
@media(max-width:1080px){.header-inner{height:78px}.main-nav{inset:78px 0 auto 0;max-height:calc(100dvh - 78px);overflow:auto}.product-visual-card .visual-card-media{min-height:360px}.product-visual-card .visual-card-media img{max-height:320px}.footer-top{gap:26px}}
@media(max-width:720px){.container{width:min(100% - 28px,1220px)}.product-visual-card .visual-card-media{min-height:310px;padding:20px}.product-visual-card .visual-card-media img{max-height:278px}.catalog-product-card{border-radius:22px}.catalog-tech-table{min-width:680px}.related-carousel{border-radius:24px}.related-product-card{min-width:250px}.footer-top{padding:46px 0}.footer-bottom .container{display:grid;gap:12px}.footer-bottom span:last-child{gap:8px 12px}.quick-actions{min-height:58px}.cookie-consent__body{max-width:calc(100vw - 24px)}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.carousel-track,.related-product-track{scroll-behavior:auto!important}}

/* == premium-v21.css == */
/* Üçler Mutfak Premium V21 final detail refinements */
:root{--ucler-table-red:#d33434;--ucler-table-border:#dfe6ef;--ucler-table-zebra:#f5f7fb;--ucler-card-strip:#e9eff7;--ucler-card-strip-soft:#f1f5fb}

/* Product detail visual cards */
.product-content-visuals{align-items:stretch!important}
.product-visual-card{
  display:flex!important;
  flex-direction:column!important;
  border-radius:30px!important;
  overflow:hidden!important;
  background:linear-gradient(180deg,#fff 0%,#f8fafd 100%)!important;
  border:1px solid var(--ucler-table-border)!important;
  box-shadow:0 20px 52px rgba(16,26,50,.08)!important;
}
.product-visual-card .visual-card-media{
  flex:1 1 auto!important;
  min-height:450px!important;
  padding:34px 32px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:#fff!important;
}
.product-visual-card .visual-card-media img{
  width:auto!important;
  height:auto!important;
  max-width:92%!important;
  max-height:360px!important;
  object-fit:contain!important;
  object-position:center center!important;
}
.product-visual-card--technical .visual-card-media{
  min-height:450px!important;
  padding:42px 34px 34px!important;
  background:#fff!important;
}
.product-visual-card--technical .visual-card-media img{
  max-width:84%!important;
  max-height:315px!important;
  filter:none!important;
  mix-blend-mode:normal!important;
}
.product-visual-card figcaption{
  margin-top:auto!important;
  min-height:88px!important;
  padding:20px 26px!important;
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  background:linear-gradient(180deg,var(--ucler-card-strip-soft) 0%,var(--ucler-card-strip) 100%)!important;
  border-top:1px solid var(--ucler-table-border)!important;
  color:#101a32!important;
  font-weight:900!important;
  letter-spacing:.02em!important;
  text-transform:uppercase!important;
  font-size:.84rem!important;
}
.product-visual-card figcaption:before{
  width:12px!important;
  height:12px!important;
  flex:0 0 12px!important;
}

/* Technical specification table */
.catalog-product-card--specs{
  background:#fff!important;
  border:1px solid var(--ucler-table-border)!important;
  border-radius:30px!important;
  overflow:hidden!important;
}
.catalog-product-card--specs .catalog-card-kicker,
.catalog-product-card--specs h2{
  margin-left:36px!important;
  margin-right:36px!important;
}
.catalog-product-card--specs .catalog-card-kicker{
  margin-top:34px!important;
}
.catalog-product-card--specs h2{
  margin-bottom:24px!important;
}
.catalog-table-scroll{
  overflow:auto!important;
  background:#fff!important;
  border-top:1px solid #e7edf4!important;
  border-radius:0 0 30px 30px!important;
}
.catalog-tech-table{
  width:100%!important;
  min-width:760px!important;
  border-collapse:separate!important;
  border-spacing:0!important;
  color:#101a32!important;
}
.catalog-tech-table th,
.catalog-tech-table td{
  padding:16px 18px!important;
  border-right:1px solid #d9e1eb!important;
  border-bottom:1px solid #d9e1eb!important;
  border-top:0!important;
  border-left:0!important;
  text-align:left!important;
  vertical-align:middle!important;
  line-height:1.35!important;
}
.catalog-tech-table thead th{
  background:var(--ucler-table-red)!important;
  color:#fff!important;
  border-right:1px solid rgba(255,255,255,.18)!important;
  font-size:.82rem!important;
  font-weight:900!important;
  text-transform:uppercase!important;
  letter-spacing:.05em!important;
}
.catalog-tech-table thead th:last-child{border-right:0!important}
.catalog-tech-table tbody tr:nth-child(odd) th,
.catalog-tech-table tbody tr:nth-child(odd) td{
  background:#fff!important;
}
.catalog-tech-table tbody tr:nth-child(even) th,
.catalog-tech-table tbody tr:nth-child(even) td{
  background:var(--ucler-table-zebra)!important;
}
.catalog-tech-table tbody th{
  color:#101a32!important;
  font-weight:850!important;
  width:34%!important;
}
.catalog-tech-table tbody td{
  color:#263147!important;
  font-weight:750!important;
}
.catalog-tech-table tbody td:last-child,
.catalog-tech-table tbody th:last-child,
.catalog-tech-table thead th:last-child{
  border-right:0!important;
}
.catalog-tech-table tbody tr:last-child th,
.catalog-tech-table tbody tr:last-child td{
  border-bottom:0!important;
}
.catalog-tech-table tbody tr:last-child th:first-child{
  border-bottom-left-radius:28px!important;
}
.catalog-tech-table tbody tr:last-child td:last-child{
  border-bottom-right-radius:28px!important;
}
.catalog-product-card--specs .catalog-source-note{
  display:none!important;
}

@media(max-width:980px){
  .product-visual-card .visual-card-media{min-height:390px!important;padding:28px 24px!important}
  .product-visual-card .visual-card-media img{max-height:320px!important}
  .product-visual-card--technical .visual-card-media{min-height:390px!important;padding:34px 24px 28px!important}
  .product-visual-card--technical .visual-card-media img{max-width:86%!important;max-height:285px!important}
  .catalog-tech-table{min-width:680px!important}
}
@media(max-width:720px){
  .product-visual-card{border-radius:24px!important}
  .product-visual-card .visual-card-media{min-height:320px!important;padding:20px!important}
  .product-visual-card .visual-card-media img{max-width:90%!important;max-height:255px!important}
  .product-visual-card--technical .visual-card-media{min-height:320px!important;padding:26px 20px 20px!important}
  .product-visual-card--technical .visual-card-media img{max-width:88%!important;max-height:232px!important}
  .product-visual-card figcaption{min-height:74px!important;padding:17px 20px!important;font-size:.78rem!important}
  .catalog-product-card--specs{border-radius:24px!important}
  .catalog-product-card--specs .catalog-card-kicker,
  .catalog-product-card--specs h2{margin-left:24px!important;margin-right:24px!important}
  .catalog-tech-table{min-width:620px!important}
}

/* == premium-v25.css == */
/* Premium V25: footer socials, contact map/planner refinement, corporate CTA upgrade */

.socials{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:18px;
}
.socials .social-link{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding:10px 14px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.14);
  background:rgba(255,255,255,.04);
  color:#eef3ff;
  font-weight:800;
  line-height:1;
  transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease, background .22s ease;
}
.socials .social-link svg{
  width:18px;
  height:18px;
  flex:0 0 18px;
}
.socials .social-link:hover{
  transform:translateY(-2px);
  box-shadow:0 14px 30px rgba(0,0,0,.18);
  border-color:rgba(255,255,255,.28);
  background:rgba(255,255,255,.09);
}
.socials .social-link--instagram:hover{color:#ffd4df;}
.socials .social-link--mail:hover{color:#fff5db;}

.contact-map-shell--premium{
  padding:38px 0 12px;
  background:linear-gradient(180deg,#fff 0%,#f6f8fc 100%);
}
.contact-map-shell--premium .contact-map-wrap{
  width:min(1220px,calc(100% - 38px));
  margin-inline:auto;
  display:grid;
  gap:22px;
  border:0;
  background:transparent;
}
.contact-map-shell--premium .contact-map{
  height:min(68vh,680px);
  min-height:520px;
  overflow:hidden;
  border:1px solid rgba(16,26,50,.08);
  border-radius:34px;
  box-shadow:0 22px 58px rgba(16,26,50,.10);
  background:#fff;
}
.contact-map-shell--premium .route-planner{
  position:relative;
  left:auto;
  top:auto;
  max-width:none;
  width:100%;
  margin:0;
  display:grid;
  grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);
  gap:16px 32px;
  align-items:start;
  background:#fff;
  border:1px solid rgba(16,26,50,.08);
  box-shadow:0 22px 58px rgba(16,26,50,.10);
  border-radius:34px;
  padding:34px;
}
.contact-map-shell--premium .route-planner h2{
  font-size:clamp(2rem,3vw,3.15rem);
  line-height:1.02;
  letter-spacing:-.04em;
  margin:0;
}
.contact-map-shell--premium .route-planner > p{
  margin:0;
  color:var(--muted);
  font-size:1.05rem;
  max-width:560px;
}
.contact-map-shell--premium .route-form{
  grid-column:2;
  grid-row:1 / span 2;
  gap:16px;
  padding:24px;
  border-radius:28px;
  border:1px solid var(--line);
  background:linear-gradient(180deg,#fbfcfe 0%,#f5f8fc 100%);
}
.contact-map-shell--premium .route-form label{
  font-size:1.02rem;
}
.contact-map-shell--premium .route-form input,
.contact-map-shell--premium .route-form select{
  border-radius:18px;
  min-height:58px;
  background:#fff;
}
.contact-map-shell--premium .route-buttons{
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
}
.contact-map-shell--premium .route-buttons button{
  min-height:64px;
  border-radius:18px;
  font-size:1.02rem;
}
.contact-map-shell--premium .route-cta-row{
  gap:14px;
  margin-top:6px;
}
.contact-map-shell--premium .route-cta-row .btn{
  min-height:54px;
  padding-inline:20px;
}
.contact-map-shell--premium .route-note{
  display:block;
  margin-top:4px;
  color:#6b768b;
  font-size:.96rem;
  line-height:1.65;
}

.prose .corporate-cta-upgrade{
  background:linear-gradient(135deg,#0f1830 0%,#16233f 56%,#1e3056 100%)!important;
  border-color:#182644!important;
}
.prose .corporate-cta-upgrade .cta-replacement__grid{
  display:grid;
  grid-template-columns:minmax(0,1.12fr) minmax(280px,.88fr);
  gap:22px;
  margin-top:24px;
  align-items:stretch;
}
.prose .corporate-cta-upgrade .cta-replacement__copy{
  display:grid;
  gap:18px;
}
.prose .corporate-cta-upgrade .cta-replacement__points{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
}
.prose .corporate-cta-upgrade .cta-replacement__points span{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:10px 14px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.08);
  color:#eef3ff;
  font-size:.95rem;
  font-weight:800;
}
.prose .corporate-cta-upgrade .hero-actions{
  margin-top:0;
}
.prose .corporate-cta-upgrade .hero-actions .btn.light{
  background:#fff;
  color:var(--navy);
}
.prose .corporate-cta-upgrade .hero-actions .btn.ghost{
  border-color:rgba(255,255,255,.18);
  background:rgba(255,255,255,.06);
  color:#fff;
}
.prose .corporate-cta-upgrade .cta-replacement__meta{
  display:grid;
  gap:14px;
}
.prose .corporate-cta-upgrade .cta-metric{
  padding:20px 22px;
  border-radius:24px;
  border:1px solid rgba(255,255,255,.1);
  background:rgba(255,255,255,.08);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
}
.prose .corporate-cta-upgrade .cta-metric strong{
  display:block;
  color:#fff!important;
  font-size:1.6rem;
  line-height:1;
  margin-bottom:6px;
}
.prose .corporate-cta-upgrade .cta-metric span{
  color:#d9e3f5!important;
  font-size:.98rem;
}

@media (max-width:1080px){
  .contact-map-shell--premium .route-planner{
    grid-template-columns:1fr;
  }
  .contact-map-shell--premium .route-form{
    grid-column:auto;
    grid-row:auto;
  }
}

@media (max-width:720px){
  .socials .social-link{
    width:100%;
    justify-content:center;
  }
  .contact-map-shell--premium{
    padding:24px 0 6px;
  }
  .contact-map-shell--premium .contact-map-wrap{
    width:min(1220px,calc(100% - 24px));
    gap:16px;
  }
  .contact-map-shell--premium .contact-map{
    min-height:390px;
    height:390px;
    border-radius:24px;
  }
  .contact-map-shell--premium .route-planner{
    padding:22px;
    gap:14px;
    border-radius:24px;
  }
  .contact-map-shell--premium .route-planner h2{
    font-size:clamp(1.8rem,9vw,2.35rem);
  }
  .contact-map-shell--premium .route-form{
    padding:18px;
    border-radius:22px;
  }
  .contact-map-shell--premium .route-buttons{
    grid-template-columns:1fr;
  }
  .contact-map-shell--premium .route-cta-row .btn{
    width:100%;
  }
  .prose .corporate-cta-upgrade .cta-replacement__grid{
    grid-template-columns:1fr;
  }
  .prose .corporate-cta-upgrade .hero-actions{
    display:grid;
  }
}

/* == premium-v26.css == */
/* Premium V26: catalog grid / button quality refinements */

.catalog-support-grid{
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:24px;
  align-items:stretch;
}
.catalog-support-card{
  align-self:stretch;
  height:100%;
  border:1px solid #dce4ef;
  box-shadow:0 16px 44px rgba(16,26,50,.07);
}
.catalog-support-card h2{
  font-size:clamp(1.6rem,2.15vw,2.25rem);
  line-height:1.08;
  letter-spacing:-.045em;
  max-width:14ch;
}
.catalog-support-card p{
  max-width:58ch;
}
.catalog-support-card .catalog-kicker{
  margin-bottom:2px;
}
.catalog-list--premium{
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
  margin-top:2px;
}
.catalog-list--premium div{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:16px;
  min-height:124px;
  padding:20px 18px;
  border-radius:24px;
  background:linear-gradient(180deg,#fbfcfe 0%,#f5f8fc 100%);
  border:1px solid #dce4ef;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.92);
}
.catalog-list--premium b{
  font-size:clamp(1.02rem,1.45vw,1.3rem);
  line-height:1.18;
  letter-spacing:-.03em;
  font-weight:900;
}
.catalog-list--premium span{
  min-width:108px;
  justify-content:center;
  padding:11px 16px;
  font-size:.98rem;
  font-weight:900;
  background:#fcecef;
}
.catalog-help-card{
  background:linear-gradient(180deg,#ffffff 0%,#f7f9fc 100%);
}

.catalog-cover-card{
  justify-content:flex-start;
}
.catalog-help-card{
  justify-content:flex-start;
}
.catalog-help-card .hero-actions{
  margin-top:auto;
}
.catalog-help-card h2{
  max-width:12ch;
}
.catalog-help-steps{
  gap:12px;
}
.catalog-help-steps span{
  padding:16px 18px;
  border-radius:20px;
  font-size:1rem;
  font-weight:850;
}
.catalog-help-card .hero-actions{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  width:100%;
  margin-top:8px;
  padding:8px;
  background:#f3f5fa;
  border:1px solid #dce4ef;
  border-radius:999px;
  box-shadow:0 18px 42px rgba(16,26,50,.08), inset 0 1px 0 rgba(255,255,255,.88);
}
.catalog-help-card .hero-actions .btn{
  width:100%;
  min-width:0;
  min-height:62px;
  padding:0 22px;
  font-size:1.06rem;
  box-shadow:none;
}
.catalog-help-card .hero-actions .btn.primary{
  box-shadow:0 14px 28px rgba(216,32,47,.18);
}
.catalog-help-card .hero-actions .btn.light{
  background:#fff;
  color:#101a32;
  border-color:#dce4ef;
}
.catalog-help-card .hero-actions .btn:hover{
  transform:translateY(-2px);
}

@media (max-width:1180px){
  .catalog-support-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .catalog-help-card{
    grid-column:1 / -1;
  }
  .catalog-support-card h2{
    max-width:none;
  }
}

@media (max-width:960px){
  .catalog-support-grid{
    grid-template-columns:1fr;
  }
  .catalog-list--premium{
    grid-template-columns:1fr;
  }
  .catalog-support-card{
    padding:24px;
  }
}

@media (max-width:720px){
  .catalog-list--premium div{
    min-height:0;
    padding:18px 16px;
  }
  .catalog-list--premium span{
    min-width:98px;
    font-size:.92rem;
  }
  .catalog-help-card .hero-actions{
    grid-template-columns:1fr;
    border-radius:28px;
    padding:10px;
  }
  .catalog-help-card .hero-actions .btn{
    min-height:56px;
    font-size:1rem;
  }
}

/* == premium-v27.css == */
/* Premium V27: equal-width catalog columns and alignment refinements */

.catalog-support-grid{
  grid-template-columns:repeat(3,minmax(0,1fr));
  align-items:stretch;
}
.catalog-support-card{
  height:100%;
}
.catalog-support-card h2{
  max-width:none;
}
.catalog-list--premium div{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
}
.catalog-help-card .hero-actions{
  margin-top:auto;
}
@media (max-width:1180px){
  .catalog-support-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .catalog-help-card{grid-column:1/-1;}
}
@media (max-width:960px){
  .catalog-support-grid{grid-template-columns:1fr;}
}

/* == premium-v28.css == */
/* Premium V28: catalog product group overlap final fix */
.catalog-support-grid{
  grid-template-columns:repeat(3,minmax(0,1fr));
  align-items:stretch;
}
.catalog-support-card{height:100%;}
.catalog-support-card h2{max-width:none;}
.catalog-list--premium{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:12px!important;
  margin-top:4px!important;
}
.catalog-list--premium div{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) max-content!important;
  align-items:center!important;
  gap:14px!important;
  min-height:78px!important;
  padding:16px 18px!important;
  overflow:visible!important;
}
.catalog-list--premium b{
  min-width:0!important;
  max-width:none!important;
  font-size:1.06rem!important;
  line-height:1.22!important;
  letter-spacing:-.025em!important;
  white-space:normal!important;
  overflow-wrap:break-word!important;
}
.catalog-list--premium span{
  position:static!important;
  inset:auto!important;
  transform:none!important;
  min-width:86px!important;
  max-width:none!important;
  width:auto!important;
  height:auto!important;
  padding:9px 13px!important;
  display:inline-flex!important;
  justify-content:center!important;
  align-items:center!important;
  white-space:nowrap!important;
  border-radius:999px!important;
  font-size:.94rem!important;
}
.catalog-help-card .hero-actions{margin-top:auto;}
@media (max-width:1180px){
  .catalog-support-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .catalog-help-card{grid-column:1/-1;}
}
@media (max-width:960px){
  .catalog-support-grid{grid-template-columns:1fr;}
}
@media (max-width:720px){
  .catalog-list--premium div{
    grid-template-columns:1fr!important;
    justify-items:start!important;
    min-height:0!important;
  }
}

/* == premium-v29.css == */
/* Premium V29: contact route planner live map status */
.route-status{
  display:block;
  margin-top:4px;
  padding:12px 14px;
  border-radius:16px;
  border:1px solid #dfe7f2;
  background:linear-gradient(180deg,#fff,#f7f9fc);
  color:#5f6b80;
  font-size:.94rem;
  line-height:1.55;
  font-weight:700;
}
.route-planner .route-form:focus-within .route-status{
  border-color:rgba(216,32,47,.18);
  box-shadow:0 10px 24px rgba(16,26,50,.06);
}

/* == premium-v30-seo.css == */
/* Ucler Mutfak V31 SEO release helpers */
.seo-category-block{background:linear-gradient(180deg,#fff 0%,#f8f5f1 100%)}
.seo-answer-block{border:1px solid rgba(139,30,30,.16);background:#fff;border-radius:24px;padding:28px;box-shadow:0 18px 55px rgba(23,31,44,.08);margin-bottom:22px}
.seo-answer-block h2{margin:.3rem 0 .75rem;font-size:clamp(1.45rem,2vw,2.25rem)}
.seo-answer-block p{font-size:1.04rem;line-height:1.72;color:#394150;max-width:980px}
.seo-guidance-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:22px 0}
.seo-guidance-card{background:#fff;border:1px solid rgba(18,28,43,.12);border-radius:22px;padding:24px;box-shadow:0 14px 38px rgba(23,31,44,.06)}
.seo-guidance-card h3{margin-top:0}.seo-guidance-card li{margin:.45rem 0}.seo-inline-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:16px}
.seo-faq-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:22px}
.seo-faq-grid details{background:#fff;border:1px solid rgba(18,28,43,.12);border-radius:18px;padding:18px}.seo-faq-grid summary{font-weight:800;cursor:pointer}.seo-faq-grid p{color:#4c5564;line-height:1.6;margin:.75rem 0 0}
@media (max-width:900px){.seo-guidance-grid,.seo-faq-grid{grid-template-columns:1fr}.seo-answer-block,.seo-guidance-card{padding:20px}}

/* == redesign-construction.css == */
/* ============================================================
   Üçler Mutfak — Construction / Industrial Redesign (v31)
   Logo brand colors preserved: navy #101a32 + red #d8202f
   White product backgrounds preserved.
   Adds: safety yellow accent, blueprint grid motifs,
   technical typography, sharper geometry, hazard stripes.
   ============================================================ */

/* ---------- Tokens override ---------- */
:root{
  --navy:#0e1a35;
  --navy-2:#152348;
  --navy-deep:#070c1c;
  --ink:#0c1226;
  --muted:#5a6478;
  --red:#d8202f;
  --red-dark:#a3121f;
  --safety:#f5c518;          /* construction yellow */
  --safety-dark:#c79900;
  --steel:#9aa5b8;
  --soft:#f3f5f8;
  --paper:#fafbfd;
  --line:#dde2eb;
  --line-strong:#0e1a35;
  --white:#fff;
  --radius:6px;              /* sharper, industrial */
  --radius-lg:10px;
  --shadow:0 14px 32px rgba(14,26,53,.08);
  --shadow-strong:0 28px 60px rgba(14,26,53,.16);
  --shadow-hard:8px 8px 0 var(--navy);
  --font-display:"Archivo","Inter",system-ui,sans-serif;
  --font-body:"Inter",system-ui,sans-serif;
  --font-mono:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,monospace;
}

/* ---------- Global ---------- */
body{
  font-family:var(--font-body);
  background:var(--white);
  color:var(--ink);
  -webkit-font-smoothing:antialiased;
}

h1,h2,h3,h4{
  font-family:var(--font-display);
  font-weight:800;
  letter-spacing:-.02em;
  color:var(--navy);
  text-transform:none;
}
h1{font-weight:900;letter-spacing:-.045em}
h2{font-weight:800;letter-spacing:-.035em}
h3{font-weight:800;letter-spacing:-.02em;font-size:1.18rem}

/* eyebrow / kicker — mono technical label */
.eyebrow,.ucler-kicker,.category-card span,.product-body span,
.blog-card span,.meta-pill{
  font-family:var(--font-mono)!important;
  font-weight:700!important;
  letter-spacing:.18em!important;
  font-size:.72rem!important;
  text-transform:uppercase;
  color:var(--red);
  display:inline-flex;align-items:center;gap:8px;
}
.eyebrow:before{
  content:"";width:28px;height:3px;background:var(--red);border-radius:0;
}

/* ---------- Top bar — single red line under it ---------- */
.topbar{
  background:var(--navy-deep);
  border-bottom:3px solid var(--red);
  position:relative;
}

.topbar-chip{
  font-family:var(--font-mono);
  text-transform:uppercase;letter-spacing:.14em;font-size:.72rem;
  border:1px solid rgba(245,197,24,.35);
  color:var(--safety)!important;
  background:transparent;
  padding:4px 10px;border-radius:2px;
}
.topbar-contact a{
  font-family:var(--font-mono);font-size:.78rem;letter-spacing:.05em;
}

/* ---------- Header ---------- */
.site-header{
  background:#fff!important;
  border-bottom:1px solid var(--line);
  box-shadow:0 1px 0 var(--line), 0 12px 24px -18px rgba(14,26,53,.18);
}
.header-inner{height:92px}
.brand img{filter:none}
.main-nav>ul>li>a{
  font-family:var(--font-display);
  font-weight:700;font-size:.92rem;letter-spacing:.01em;
  color:var(--navy);
  border-radius:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  padding:12px 14px;
  position:relative;
}
.main-nav a:focus,.main-nav a:focus-visible{outline:none!important;box-shadow:none!important;}

.main-nav a:hover,.main-nav a.active{
  background:transparent!important;color:var(--red)!important;
  border:0!important;box-shadow:none!important;outline:none!important;
}
.main-nav a.active:after,
.main-nav>ul>li>a:hover:after{
  content:"";position:absolute;left:14px;right:14px;bottom:4px;
  height:2px;background:var(--red);
}

.submenu{border-radius:4px;border:1px solid var(--navy);padding:8px;box-shadow:var(--shadow-hard)}
.submenu a{border-radius:2px;font-weight:600}

/* ---------- Buttons — sharper, industrial ---------- */
.btn{
  border-radius:4px!important;
  font-family:var(--font-display);
  font-weight:800;
  letter-spacing:.02em;
  padding:14px 22px;
  text-transform:uppercase;
  font-size:.86rem;
  border-width:2px;
}
.btn.primary{
  background:var(--red);
  color:#fff;
  box-shadow:4px 4px 0 var(--navy);
  border-color:var(--navy);
}
.btn.primary:hover{
  transform:translate(-2px,-2px);
  box-shadow:6px 6px 0 var(--navy);
  background:var(--red-dark);
}
.btn.ghost{
  background:transparent;border-color:rgba(255,255,255,.9);color:#fff;
}
.btn.ghost:hover{
  background:var(--safety);color:var(--navy);border-color:var(--safety);
  transform:translate(-2px,-2px);
  box-shadow:6px 6px 0 rgba(0,0,0,.25);
}
.btn.light{
  background:#fff;color:var(--navy);border-color:var(--navy);
  box-shadow:4px 4px 0 var(--navy);
}
.btn.light:hover{
  background:var(--safety);border-color:var(--navy);
  transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--navy);
}

/* ---------- Hero showcase — blueprint canvas ---------- */
.ucler-showcase,.hero-slider{
  background:
    linear-gradient(180deg, #fff 0%, #fff 100%)!important;
  color:var(--navy);
  border-bottom:1px solid var(--line);
  position:relative;
  overflow:hidden;
}
.ucler-showcase:before,.hero-slider:before{
  content:""!important;position:absolute;inset:0;
  background:
    linear-gradient(rgba(14,26,53,.05) 1px,transparent 1px) 0 0/48px 48px,
    linear-gradient(90deg,rgba(14,26,53,.05) 1px,transparent 1px) 0 0/48px 48px,
    radial-gradient(circle at 90% 10%, rgba(245,197,24,.12), transparent 40%)!important;
  pointer-events:none;
}
.ucler-showcase:after{
  content:"";position:absolute;left:0;right:0;bottom:0;height:8px;
  background:repeating-linear-gradient(135deg,
    var(--navy) 0 16px,
    var(--safety) 16px 32px);
}
.ucler-stage{position:relative;z-index:2}
.ucler-showcase-copy h1,.hero-copy h1{
  color:var(--navy)!important;
  font-weight:900;letter-spacing:-.05em;
}
.ucler-showcase-copy p,.hero-copy p{color:var(--muted)!important}

.ucler-kicker{
  background:var(--navy);color:var(--safety)!important;
  padding:6px 12px;border-radius:2px;
}

/* spec chips — technical readout */
.ucler-specs,.spec-row{gap:10px}
.ucler-spec,.spec-row>div{
  background:#fff!important;
  border:2px solid var(--navy)!important;
  border-radius:4px!important;
  padding:12px 14px!important;
  box-shadow:3px 3px 0 var(--navy)!important;
  position:relative;
}
.ucler-spec b,.spec-row b{
  font-family:var(--font-mono);
  font-size:.66rem!important;
  letter-spacing:.16em;text-transform:uppercase;
  color:var(--red)!important;
}
.ucler-spec span,.spec-row span{
  font-family:var(--font-display);
  font-weight:700;color:var(--navy)!important;
  font-size:.95rem;
}

/* showcase product visual */
.ucler-visual-zone{position:relative}
.ucler-orbit{
  background:transparent!important;
}
.ucler-halo{
  background:radial-gradient(circle, rgba(245,197,24,.22), transparent 60%)!important;
}
.ucler-floor{
  background:linear-gradient(180deg,transparent,rgba(14,26,53,.12))!important;
  border-top:1px dashed rgba(14,26,53,.3);
}
.ucler-product img{filter:drop-shadow(0 24px 24px rgba(14,26,53,.18))}

/* corner brackets around visual zone */
.ucler-visual-zone:before,.ucler-visual-zone:after{
  content:"";position:absolute;width:36px;height:36px;
  border:3px solid var(--navy);pointer-events:none;z-index:3;
}
.ucler-visual-zone:before{top:8px;left:8px;border-right:0;border-bottom:0}
.ucler-visual-zone:after{bottom:8px;right:8px;border-left:0;border-top:0}

.ucler-bottom-caption{
  font-family:var(--font-mono);text-transform:uppercase;
  letter-spacing:.18em;font-size:.7rem;color:var(--muted);
}

/* slider panel + arrows */
.ucler-panel{
  background:var(--navy)!important;color:#fff;
  border-radius:4px!important;
  border:0;padding:18px 22px;
  box-shadow:6px 6px 0 var(--safety);
}
.ucler-arrow{
  background:transparent;color:#fff;border:2px solid #fff;
  border-radius:4px;width:44px;height:44px;display:grid;place-items:center;
  transition:.2s;
}
.ucler-arrow:hover{background:var(--safety);color:var(--navy);border-color:var(--safety)}
.ucler-count{font-family:var(--font-mono);letter-spacing:.1em}
.ucler-bar{background:rgba(255,255,255,.18);height:3px;border-radius:0}
.ucler-bar>span{background:var(--safety)!important}

.slider-dot.active{background:var(--safety)!important}

/* ---------- Sections ---------- */
.section{padding:104px 0}
.section.soft{background:var(--paper)}
.section.dark{
  background:var(--navy);color:#fff;position:relative;overflow:hidden;
}
.section.dark:before{
  content:"";position:absolute;inset:0;opacity:.5;
  background:
    linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px) 0 0/64px 64px,
    linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px) 0 0/64px 64px;
  pointer-events:none;
}
.section.dark>.container{position:relative;z-index:1}
.section.dark h2,.section.dark h3{color:#fff}
.section.dark .eyebrow{color:var(--safety)}
.section.dark .eyebrow:before{background:var(--safety)}

.section-head{margin-bottom:48px}
.section-head h2{position:relative;padding-left:0}

/* ---------- Cards ---------- */
.category-card,.product-card,.blog-card,.feature-card,
.contact-card,.side-box,.catalog-card,.info-card,.landing-card{
  border-radius:var(--radius)!important;
  border:1px solid var(--line)!important;
  box-shadow:none!important;
  transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease;
  position:relative;
}
.category-card:hover,.product-card:hover,.blog-card:hover,
.feature-card:hover,.contact-card:hover,.side-box:hover,
.catalog-card:hover,.info-card:hover,.landing-card:hover{
  transform:translate(-3px,-3px);
  box-shadow:6px 6px 0 var(--navy)!important;
  border-color:var(--navy)!important;
}

/* technical corner mark */
.category-card:before,.product-card:before,.feature-card:before{
  content:"";position:absolute;top:10px;right:10px;width:14px;height:14px;
  border-top:2px solid var(--red);border-right:2px solid var(--red);
  z-index:2;pointer-events:none;
}

/* product media — keep white, add subtle blueprint grid */
.product-media,.category-card .cat-media{
  background:
    linear-gradient(rgba(14,26,53,.04) 1px,transparent 1px) 0 0/24px 24px,
    linear-gradient(90deg,rgba(14,26,53,.04) 1px,transparent 1px) 0 0/24px 24px,
    #ffffff!important;
  border-radius:var(--radius)!important;
  border-bottom:1px solid var(--line);
}
.product-media:before{display:none!important}
.product-media img,.category-card .cat-media img{
  filter:drop-shadow(0 18px 22px rgba(14,26,53,.14));
}

.product-body h3,.category-card h3,.blog-card h3{
  font-family:var(--font-display);font-weight:800;
}

.text-link{
  font-family:var(--font-display);
  font-weight:800;letter-spacing:.04em;
  text-transform:uppercase;font-size:.82rem;
  color:var(--navy);
  border-bottom:2px solid var(--red);
  padding-bottom:4px;
}
.text-link:after{color:var(--red);font-weight:900}
.text-link:hover{color:var(--red)}

/* ---------- CTA band ---------- */
.cta-band{
  border-radius:var(--radius)!important;
  background:var(--navy)!important;
  border:1px solid var(--navy);
  box-shadow:10px 10px 0 var(--safety)!important;
  overflow:hidden;position:relative;
}
.cta-band:before{
  content:"";position:absolute;inset:0;opacity:.4;
  background:
    linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px) 0 0/40px 40px,
    linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px) 0 0/40px 40px;
}

/* ---------- Footer ---------- */
footer,.site-footer,.footer{
  background:var(--navy-deep)!important;
  color:#cbd3e3;
  border-top:4px solid var(--red);
  position:relative;
}
footer:before,.site-footer:before,.footer:before{ content:none!important; }

footer h3,.site-footer h3,.footer h3{color:#fff;font-family:var(--font-display)}
footer a:hover,.site-footer a:hover,.footer a:hover{color:var(--safety)}

/* ---------- Blueprint grid utility for any .hero-style section ---------- */
.bp-grid{
  background-image:
    linear-gradient(rgba(14,26,53,.06) 1px,transparent 1px),
    linear-gradient(90deg,rgba(14,26,53,.06) 1px,transparent 1px);
  background-size:48px 48px;
}

/* ---------- Years card industrial restyle ---------- */
.years-card{
  background:var(--safety)!important;
  border:3px solid var(--navy)!important;
  color:var(--navy)!important;
  border-radius:var(--radius)!important;
  box-shadow:10px 10px 0 var(--navy)!important;
}
.years-card b{color:var(--navy)!important;font-family:var(--font-display);font-weight:900}
.years-card span{color:var(--navy)!important;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.16em;font-size:.85rem!important}

/* ---------- Forms ---------- */
input,textarea,select{
  border-radius:4px!important;border:2px solid var(--line)!important;
  font-family:var(--font-body);
}
input:focus,textarea:focus,select:focus{
  border-color:var(--navy)!important;outline:none;
  box-shadow:3px 3px 0 var(--safety)!important;
}

/* ---------- Tables ---------- */
table{border-collapse:collapse;width:100%}
table th{
  background:var(--navy);color:#fff;font-family:var(--font-display);
  text-transform:uppercase;letter-spacing:.06em;font-size:.78rem;
  padding:12px 14px;text-align:left;
}
table td{padding:12px 14px;border-bottom:1px solid var(--line)}

/* ---------- Misc accents ---------- */
.badge,.chip,.tag{
  font-family:var(--font-mono)!important;
  text-transform:uppercase;letter-spacing:.12em;
  border-radius:2px!important;font-size:.7rem!important;
}

/* hazard stripe divider utility */
.hazard{
  height:8px;
  background:repeating-linear-gradient(135deg,
    var(--navy) 0 16px,
    var(--safety) 16px 32px);
}

/* ---------- Responsive ---------- */
@media (max-width:900px){
  .header-inner{height:72px}
  .btn{padding:12px 16px;font-size:.8rem}
  .cta-band{box-shadow:6px 6px 0 var(--safety)!important}
}

/* ============================================================
   v31.1 fixes — remove leftover pill wrappers around button groups,
   restyle chip pills to industrial squared chips.
   ============================================================ */
.hero-actions{
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  gap:14px!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
}
.hero-actions .btn{
  min-height:0!important;
  padding:14px 22px!important;
  border-radius:4px!important;
  box-shadow:4px 4px 0 var(--navy)!important;
  font-size:.86rem!important;
}
.hero-actions .btn.ghost{
  background:transparent!important;
  border:2px solid rgba(255,255,255,.85)!important;
  color:#fff!important;
  box-shadow:4px 4px 0 rgba(0,0,0,.35)!important;
}
.sub-hero .hero-actions{margin-top:26px!important}
.sub-hero .hero-actions .btn{width:auto!important}

/* CTA "Hızlı İletişim" chips → industrial squared tags */
.prose .corporate-cta-upgrade .cta-replacement__points{
  gap:10px!important;
}
.prose .corporate-cta-upgrade .cta-replacement__points span{
  font-family:var(--font-mono)!important;
  text-transform:uppercase;
  letter-spacing:.12em;
  font-size:.74rem!important;
  font-weight:700!important;
  padding:9px 12px!important;
  border-radius:3px!important;
  border:1px solid rgba(245,197,24,.45)!important;
  background:rgba(245,197,24,.08)!important;
  color:var(--safety)!important;
}
/* metric cards — sharper */
.prose .corporate-cta-upgrade .cta-metric{
  border-radius:6px!important;
  border:2px solid rgba(245,197,24,.35)!important;
  background:rgba(255,255,255,.04)!important;
  box-shadow:4px 4px 0 rgba(245,197,24,.18)!important;
}

/* WhatsApp confirmation toast */
.wa-toast{
  position:fixed;left:50%;bottom:28px;transform:translateX(-50%) translateY(20px);
  background:var(--navy);color:#fff;
  border:2px solid var(--safety);
  border-radius:4px;
  padding:14px 20px;
  font-family:var(--font-display);font-weight:700;font-size:.92rem;
  letter-spacing:.02em;
  box-shadow:6px 6px 0 var(--safety);
  z-index:9999;opacity:0;pointer-events:none;
  transition:opacity .25s ease, transform .25s ease;
  max-width:calc(100% - 32px);
}
.wa-toast.show{opacity:1;transform:translateX(-50%) translateY(0)}
.wa-toast small{display:block;font-family:var(--font-mono);font-weight:500;
  font-size:.72rem;letter-spacing:.1em;color:var(--safety);text-transform:uppercase;
  margin-bottom:4px;}

/* Eşit yükseklik: ürün görseli ile teknik çizim aynı kart yüksekliğinde */
.product-content-visuals{align-items:stretch!important}
.product-visual-card{display:flex!important;flex-direction:column!important;height:100%!important}
.product-visual-card .visual-card-media,
.product-visual-card--technical .visual-card-media{
  flex:1 1 auto!important;
  min-height:440px!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  padding:28px!important;
}
/* Specific: 45x65 5-tepsili taban tuglali technical drawing — very tall drawing, keep it balanced with the main visual */
.product-visual-card--technical .visual-card-media img[src*="45x65-5-tepsili-konveksiyonel-taban-tuglali-firin-technical"]{
  max-height:340px!important;
}
.product-visual-card .visual-card-media img,
.product-visual-card--technical .visual-card-media img,
.product-visual-card--main .visual-card-media img[src*="iqven-10-tepsili"],
.product-visual-card--main .visual-card-media img[src*="45x65-9-tepsili"],
.product-visual-card--main .visual-card-media img[src*="sogutma-dolapli"]{
  width:auto!important;height:auto!important;
  max-width:92%!important;max-height:380px!important;
  object-fit:contain!important;
}
@media(max-width:1080px){
  .product-visual-card .visual-card-media,
  .product-visual-card--technical .visual-card-media{min-height:380px!important}
  .product-visual-card .visual-card-media img,
  .product-visual-card--technical .visual-card-media img{max-height:320px!important}
}
@media(max-width:720px){
  .product-visual-card .visual-card-media,
  .product-visual-card--technical .visual-card-media{min-height:320px!important;padding:20px!important}
  .product-visual-card .visual-card-media img,
  .product-visual-card--technical .visual-card-media img{max-height:270px!important}
}

/* === Color Variant Swatches (Construction theme) === */
.color-variants{
  margin-top: 18px;
  padding: 16px 18px 18px;
  background: #0e1a35;
  background-image:
    linear-gradient(135deg, rgba(245,197,24,.05) 0%, transparent 60%),
    repeating-linear-gradient(0deg, rgba(255,255,255,.04) 0 1px, transparent 1px 24px),
    repeating-linear-gradient(90deg, rgba(255,255,255,.04) 0 1px, transparent 1px 24px);
  border: 2px solid #0e1a35;
  border-radius: 4px;
  box-shadow: 6px 6px 0 #f5c518;
  color: #fff;
  position: relative;
}
.color-variants__label{
  display:flex; justify-content:space-between; align-items:baseline;
  font-family: 'JetBrains Mono', ui-monospace, monospace;
  font-size: 11px; letter-spacing: .14em; text-transform: uppercase;
  margin-bottom: 14px;
  padding-bottom: 10px;
  border-bottom: 1px dashed rgba(245,197,24,.35);
}
.color-variants__label > span{ color:#f5c518; font-weight:700; }
.color-variants__label em{ color:#fff; font-style:normal; font-weight:700; }
.color-variants__row{
  display:flex; flex-wrap:wrap; gap:14px 18px; justify-content:flex-start;
}
.color-swatch{
  appearance:none; background:none; border:0; padding:0; cursor:pointer;
  display:flex; flex-direction:column; align-items:center; gap:8px;
  color:#fff;
}
.color-swatch__dot{
  width:42px; height:42px; border-radius:50%;
  border:2px solid rgba(255,255,255,.85);
  box-shadow: 0 0 0 2px #0e1a35, 3px 3px 0 #f5c518;
  transition: transform .45s cubic-bezier(.2,.7,.2,1), box-shadow .2s ease, border-color .2s ease;
}
.color-swatch__tag{
  font-family: 'JetBrains Mono', ui-monospace, monospace;
  font-size: 10px; letter-spacing: .14em; text-transform: uppercase;
  padding: 3px 8px;
  background: transparent;
  border: 1px solid rgba(255,255,255,.25);
  color: #fff;
  transition: background .2s ease, color .2s ease, border-color .2s ease;
  border-radius: 2px;
  white-space: nowrap;
}
.color-swatch:hover .color-swatch__dot{
  transform: rotate(360deg) scale(1.08);
  box-shadow: 0 0 0 2px #f5c518, 4px 4px 0 #d8202f;
}
.color-swatch:hover .color-swatch__tag{
  background:#f5c518; color:#0e1a35; border-color:#f5c518;
}
.color-swatch.is-active .color-swatch__dot{
  border-color:#f5c518;
  box-shadow: 0 0 0 3px #f5c518, 3px 3px 0 #d8202f;
}
.color-swatch.is-active .color-swatch__tag{
  background:#fff; color:#0e1a35; border-color:#fff; font-weight:700;
}
.product-visual-card--main img{ transition: opacity .25s ease; }
.product-visual-card--main img.is-swapping{ opacity:.25; }

@media (max-width: 640px){
  .color-swatch__dot{ width:36px; height:36px; }
  .color-swatch__tag{ font-size:9px; padding:2px 6px; }
  .color-variants__row{ gap:10px 12px; }
}

/* === Submenu arrow stays visible on hover/active === */
.has-submenu>a{display:inline-flex!important;align-items:center;gap:8px;}
.has-submenu>a:after{
  content:""!important;display:inline-block!important;
  position:static!important;left:auto!important;right:auto!important;bottom:auto!important;top:auto!important;
  width:7px;height:7px;background:transparent!important;
  border-right:2px solid currentColor!important;
  border-bottom:2px solid currentColor!important;
  border-left:0!important;border-top:0!important;border-radius:0!important;
  transform:rotate(45deg);margin-top:-4px;
  opacity:.9!important;flex:none;
}
.has-submenu>a:hover:after,.has-submenu>a.active:after{opacity:1!important;border-color:currentColor!important}
/* When the parent menu item is active, keep the underline as a separate element so it doesn't fight the chevron */
/* When the parent menu item is active, no underline — chevron is the only indicator */
.main-nav .has-submenu>a.active{box-shadow:none;}
.main-nav .has-submenu>a.active:after{background:transparent!important;}
/* Suppress the global active underline inside the language switcher */
.lang-switcher a.active:after,.lang-switcher a:hover:after{content:none!important;display:none!important;background:transparent!important;}
/* Keep the offer CTA button on a single line */
.btn.primary,.header-cta .btn,a.btn{white-space:nowrap;}

/* === Language switcher === */
.lang-switcher{
  display:inline-flex;align-items:center;gap:6px;
  font-family:var(--font-mono);
  font-size:.72rem;letter-spacing:.08em;
  padding:6px 10px;border:1px solid var(--line);border-radius:4px;
  background:#fff;margin-left:6px;
}
.lang-switcher a{
  color:var(--navy);font-weight:700;padding:2px 4px;border-radius:2px;
  text-transform:uppercase;
}
.main-nav .lang-switcher a:hover{background:var(--navy)!important;color:#fff!important;}
.main-nav .lang-switcher a.active{
  display:inline-flex;align-items:center;justify-content:center;
  min-width:24px;background:var(--navy)!important;color:#fff!important;
  border-radius:3px;padding:3px 6px;
}
.lang-switcher .sep{color:var(--line);font-weight:400;user-select:none;}
@media(max-width:1100px){.lang-switcher{display:none}}

/* Footer Merkez/Fabrika label bold treatment */
.site-footer .footer-contact-label{font-weight:800;color:#fff;}

/* Color variants moved beneath technical specs column */
.catalog-product-card--specs .color-variants{margin-top:22px;}

/* v31.2 — CTA band: remove yellow line and reduce section height on dark CTA band */
.section.dark .cta-band{
  box-shadow:0 18px 40px rgba(14,26,53,.18) !important;
  padding:28px 34px !important;
}
.section.dark{
  padding:64px 0 !important;
}
@media (max-width:900px){
  .section.dark .cta-band{
    box-shadow:0 12px 28px rgba(14,26,53,.18) !important;
    padding:24px 26px !important;
  }
  .section.dark{padding:48px 0 !important;}
}
@media (max-width:700px){
  .section.dark .cta-band{padding:22px 24px !important;}
}



/* ============================================================
   v32 — MOBILE OVERHAUL
   Targets: <=900px (tablet/phone) and <=640px (phone)
   Fixes: mobile menu, hero scale, product detail stacking,
   table overflow, language switcher visibility, typography.
   ============================================================ */

/* ---- Universal: stop sideways scroll from rogue children ---- */
html,body{overflow-x:hidden;max-width:100%;}
img,video,svg,table{max-width:100%;}

@media (max-width:900px){
  /* Container hugs viewport tighter */
  .container{width:min(1220px,calc(100% - 24px))!important;}

  /* ---------- Header / mobile menu ---------- */
  .topbar{font-size:.74rem!important;}
  .topbar .container{flex-wrap:wrap;gap:8px!important;padding:6px 0!important;}
  .topbar-contact{display:none!important;}
  .header-inner{height:64px!important;gap:10px!important;}
  .brand img{width:120px!important;max-height:52px!important;}

  .nav-toggle{
    display:inline-flex!important;align-items:center;justify-content:center;
    background:var(--navy)!important;color:#fff!important;
    border:0!important;border-radius:4px!important;
    padding:9px 14px!important;font-family:var(--font-mono)!important;
    font-size:.72rem!important;letter-spacing:.14em;font-weight:700;
    text-transform:uppercase;
  }
  .header-cta{display:none!important;}

  /* Menu panel slides down full-width */
  .main-nav{
    display:none!important;
    position:fixed!important;top:64px;left:0;right:0;bottom:0;
    background:#fff!important;
    z-index:9998;
    overflow-y:auto;
    padding:18px 18px 120px!important;
    border-top:3px solid var(--red);
  }
  .main-nav.active{display:block!important;}
  .main-nav>ul{
    display:flex!important;flex-direction:column!important;
    align-items:stretch!important;gap:2px!important;
  }
  .main-nav>ul>li{width:100%;border-bottom:1px solid var(--line);}
  .main-nav>ul>li>a{
    padding:16px 4px!important;font-size:1rem!important;
    justify-content:space-between!important;
  }
  .main-nav .has-submenu>a:after{margin-left:auto;}
  .submenu{
    position:static!important;opacity:1!important;visibility:visible!important;
    transform:none!important;
    box-shadow:none!important;border:0!important;
    background:transparent!important;padding:0 0 10px 12px!important;
    min-width:0!important;
  }
  .submenu li a{
    padding:10px 8px!important;font-size:.92rem!important;
    border-bottom:1px dashed var(--line);
  }

  /* Mobile CTA inside menu */
  .main-nav.active::after{
    content:"";display:block;height:14px;
  }

  /* Show language switcher inside the mobile menu */
  .lang-switcher-item{width:100%;margin-top:14px;padding-top:14px;border-top:2px solid var(--navy);}
  .lang-switcher{
    display:flex!important;flex-wrap:wrap;justify-content:center;
    gap:4px 6px!important;width:100%!important;margin:0!important;
    padding:10px!important;background:var(--paper)!important;
  }

  /* ---------- Typography ---------- */
  h1{font-size:clamp(1.6rem,7vw,2.2rem)!important;letter-spacing:-.025em!important;}
  h2{font-size:clamp(1.35rem,5.5vw,1.8rem)!important;letter-spacing:-.02em!important;}
  h3{font-size:1.05rem!important;}
  .eyebrow,.ucler-kicker,.category-card span,.product-body span,
  .blog-card span,.meta-pill{font-size:.66rem!important;letter-spacing:.14em!important;}

  /* ---------- Sub-hero (product header) ---------- */
  .sub-hero{padding:36px 0 32px!important;}
  .sub-hero-grid{grid-template-columns:1fr!important;gap:16px!important;}
  .sub-hero p{font-size:.95rem!important;line-height:1.55!important;}
  .hero-actions{gap:10px!important;}
  .hero-actions .btn{
    padding:12px 14px!important;font-size:.74rem!important;
    flex:1 1 auto!important;text-align:center;min-width:0;
    box-shadow:3px 3px 0 var(--navy)!important;
  }
  .breadcrumb-trail{font-size:.7rem!important;flex-wrap:wrap;}

  /* ---------- Hero slider (home) ---------- */
  .slides,.slide .container{min-height:auto!important;height:auto!important;}
  .slide .container{
    grid-template-columns:1fr!important;gap:24px!important;
    padding-top:36px;padding-bottom:36px;
  }
  .hero-copy{padding:0!important;}
  .hero-visual img{max-height:280px!important;}
  .ucler-stage{grid-template-columns:1fr!important;gap:20px!important;padding:30px 0!important;}
  .ucler-panel{padding:14px 16px!important;box-shadow:4px 4px 0 var(--safety)!important;}
  .ucler-product img,.ucler-visual-zone img{max-height:280px!important;}

  /* ---------- Sections ---------- */
  .section{padding:48px 0!important;}
  .section-head{flex-direction:column;align-items:flex-start!important;gap:14px;margin-bottom:24px!important;}
  .category-grid{grid-template-columns:1fr!important;gap:14px!important;}
  .product-grid,.blog-grid,.feature-grid{grid-template-columns:1fr!important;gap:14px!important;}
  .product-media{height:240px!important;padding:14px!important;}
  .product-media img{max-height:210px!important;}

  /* ---------- Product detail: stack visuals ---------- */
  .content-grid{grid-template-columns:1fr!important;gap:24px!important;}
  .product-content-visuals{
    display:grid!important;grid-template-columns:1fr!important;
    gap:16px!important;align-items:stretch!important;
  }
  .product-visual-card .visual-card-media,
  .product-visual-card--technical .visual-card-media{
    min-height:260px!important;padding:16px!important;
  }
  .product-visual-card .visual-card-media img,
  .product-visual-card--technical .visual-card-media img{
    max-width:100%!important;max-height:240px!important;
  }

  /* Catalog cards (description / specs) */
  .catalog-product-data{
    display:grid!important;grid-template-columns:1fr!important;gap:18px!important;
  }
  .catalog-product-card{padding:18px!important;}
  .catalog-product-card h2{font-size:1.15rem!important;}
  .catalog-product-card p{font-size:.92rem!important;line-height:1.65!important;}

  /* Tech specs table — horizontal scroll wrapper */
  .catalog-table-scroll{
    overflow-x:auto!important;-webkit-overflow-scrolling:touch;
    margin:0 -18px;padding:0 18px;
    border:0!important;
  }
  .catalog-tech-table{min-width:520px;font-size:.8rem!important;}
  .catalog-tech-table th,.catalog-tech-table td{padding:8px 10px!important;}

  /* General prose tables (article content) */
  .prose{overflow-x:hidden;}
  .prose table{display:block;overflow-x:auto;white-space:nowrap;}

  /* Color variants panel */
  .color-variants{padding:14px!important;box-shadow:4px 4px 0 var(--safety)!important;}
  .color-variants__row{gap:10px 14px!important;}

  /* CTA band */
  .cta-band{
    flex-direction:column!important;align-items:flex-start!important;
    padding:22px!important;border-radius:6px!important;gap:14px!important;
  }
  .cta-band h2{font-size:1.3rem!important;}
  .cta-band .btn{width:100%!important;}

  /* Forms */
  input,textarea,select{font-size:16px!important;} /* prevent iOS zoom */

  /* Footer */
  .footer-top{grid-template-columns:1fr!important;gap:28px!important;}
  .site-footer{padding:36px 0 24px!important;}

  /* Spec chips */
  .ucler-specs,.spec-row{grid-template-columns:repeat(2,1fr)!important;}

  /* Years card scale */
  .years-card{padding:24px!important;}
}

@media (max-width:640px){
  .container{width:calc(100% - 20px)!important;}
  h1{font-size:clamp(1.5rem,8vw,2rem)!important;}
  .hero-actions{flex-direction:column!important;}
  .hero-actions .btn{width:100%!important;flex:none!important;}
  .ucler-specs,.spec-row{grid-template-columns:1fr!important;}
  .product-visual-card .visual-card-media,
  .product-visual-card--technical .visual-card-media{min-height:220px!important;}
  .product-visual-card .visual-card-media img,
  .product-visual-card--technical .visual-card-media img{max-height:200px!important;}
  .catalog-tech-table{min-width:440px;font-size:.74rem!important;}
  .ucler-panel{box-shadow:3px 3px 0 var(--safety)!important;}
  .ucler-arrow{width:36px!important;height:36px!important;}
  .breadcrumbs{font-size:.7rem!important;}
}

/* Mobile menu open: lock body scroll */
body.nav-open{overflow:hidden!important;}

/* v32.1 — mobile button text fits */
@media (max-width:900px){
  .btn{letter-spacing:.01em!important;font-size:.78rem!important;padding:13px 14px!important;white-space:normal!important;line-height:1.2!important;}
  .sub-hero .btn,.hero-actions .btn{font-size:.76rem!important;}
}

/* Master final: restore focus visibility after the construction theme overrides. */
:where(a,button,input,select,textarea,[tabindex]):focus-visible{
  outline:3px solid var(--red)!important;
  outline-offset:3px!important;
  box-shadow:0 0 0 4px rgba(255,255,255,.92)!important;
}