/*
Theme Name: MOJPULT
Author: MOJPULT
Description: Bilingual MOJPULT Kerrock landing page.
Version: 1.0.0
Requires PHP: 7.4
*/

:root{--bg:#f5f4f0;--ink:#20221f;--muted:#6f716c;--line:#dddcd6;--dark:#202320;--white:#fff;--accent:#c9a879}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--bg);line-height:1.55}a{text-decoration:none;color:inherit}.wrap{max-width:1180px;margin:auto;padding:0 28px}
header{position:absolute;z-index:10;left:0;right:0;color:#fff}.nav{height:82px;display:flex;align-items:center;justify-content:space-between}.logo{font-size:21px;font-weight:700;letter-spacing:2px}.navlinks{display:flex;gap:28px;font-size:14px}.navlinks a{opacity:.9}
.hero{min-height:760px;display:flex;align-items:center;color:#fff;position:relative;background:linear-gradient(90deg,rgba(12,14,12,.76),rgba(12,14,12,.2)),url("https://images.unsplash.com/photo-1600607687920-4e2a09cf159d?auto=format&fit=crop&w=2400&q=90") center/cover}.hero:after{content:"";position:absolute;left:0;right:0;bottom:0;height:150px;background:linear-gradient(transparent,var(--bg))}.hero-content{position:relative;z-index:2;max-width:760px;padding-top:70px}.eyebrow{text-transform:uppercase;letter-spacing:3px;font-size:12px;margin-bottom:22px}.hero h1{font-size:clamp(44px,6vw,76px);line-height:1.02;font-weight:500;letter-spacing:-2.5px;margin:0 0 24px}.hero p{font-size:20px;max-width:650px;color:#eee;margin:0 0 34px}.btns{display:flex;gap:12px;flex-wrap:wrap}.btn{padding:15px 24px;font-weight:700;font-size:14px;border-radius:3px}.primary{background:#fff;color:#202320}.ghost{border:1px solid rgba(255,255,255,.55)}
section{padding:96px 0}.kicker{text-transform:uppercase;letter-spacing:2.5px;color:var(--muted);font-size:12px;margin-bottom:12px}.head{max-width:760px;margin-bottom:48px}.head h2{font-size:44px;line-height:1.1;font-weight:500;letter-spacing:-1px;margin:0 0 16px}.head p{font-size:17px;color:var(--muted);margin:0}
.trust{margin-top:-1px;position:relative;z-index:2}.trustbox{background:#fff;border:1px solid var(--line);display:grid;grid-template-columns:repeat(4,1fr);box-shadow:0 15px 40px rgba(0,0,0,.06)}.trustitem{padding:26px;border-right:1px solid var(--line)}.trustitem:last-child{border:0}.trustitem strong{font-size:20px;display:block;margin-bottom:5px}.trustitem span{font-size:13px;color:var(--muted)}
.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.card{background:var(--bg);padding:30px;min-height:225px}.card .num{font-size:12px;color:var(--muted);margin-bottom:52px}.card h3{margin:0 0 9px;font-size:19px}.card p{margin:0;color:var(--muted);font-size:14px}
.dark{background:var(--dark);color:#fff}.dark .head p,.dark .kicker{color:#aaa}
.material{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.material-photo{min-height:560px;background:linear-gradient(135deg,rgba(0,0,0,.03),rgba(0,0,0,.15)),url("https://images.unsplash.com/photo-1600566753190-17f0baa2a6c3?auto=format&fit=crop&w=1400&q=90") center/cover}.material h2{font-size:45px;font-weight:500;line-height:1.08;margin:0 0 18px}.material p{color:var(--muted)}.checks{display:grid;grid-template-columns:1fr 1fr;gap:12px 24px;margin-top:30px}.check{padding:13px 0;border-top:1px solid var(--line);font-size:14px}.check:before{content:"✓";margin-right:10px}
.colors{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.swatch{height:145px;position:relative;border:1px solid #d7d6d0;background:#eee}.swatch span{position:absolute;left:12px;bottom:10px;background:rgba(255,255,255,.88);padding:6px 8px;font-size:11px}.s1{background:#eeeae0}.s2{background:#d8d3c7}.s3{background:#c9c5bd}.s4{background:#8c8a84}.s5{background:#353638}.s6{background:#e7e4db}
.price{display:grid;grid-template-columns:1fr 1fr;gap:20px}.pricebox{background:#fff;border:1px solid var(--line);padding:32px}.pricebox h3{margin:0 0 8px;font-size:22px}.pricebox .from{font-size:38px;font-weight:600;margin:18px 0}.pricebox p{font-size:14px;color:var(--muted);margin:0}.note{font-size:13px;color:var(--muted);margin-top:18px}
.gallery{display:grid;grid-template-columns:1.2fr .8fr;gap:18px}.g1,.g2,.g3{background-size:cover;background-position:center}.g1{min-height:500px;background-image:url("https://images.unsplash.com/photo-1600607687939-ce8a6c25118c?auto=format&fit=crop&w=1400&q=90")}.side{display:grid;grid-template-rows:1fr 1fr;gap:18px}.g2{background-image:url("https://images.unsplash.com/photo-1600607688969-a5bfcd646154?auto=format&fit=crop&w=1000&q=90")}.g3{background-image:url("https://images.unsplash.com/photo-1600566753086-00f18fb6b3ea?auto=format&fit=crop&w=1000&q=90")}
.steps{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid var(--line)}.step{padding:25px 20px 0 0;border-right:1px solid var(--line);margin-right:20px}.step:last-child{border:0}.step b{color:var(--muted);font-size:12px}.step h3{font-size:18px;margin:24px 0 8px}.step p{font-size:14px;color:var(--muted)}
.contact{display:grid;grid-template-columns:1fr 1fr;gap:60px}.contact h2{font-size:48px;font-weight:500;line-height:1.06;margin:0 0 18px}.contact p{color:#aaa}.contact strong{color:#fff}form{background:#fff;padding:34px;color:var(--ink)}label{display:block;color:var(--muted);font-size:12px;margin-bottom:6px}input,textarea{width:100%;border:1px solid var(--line);padding:14px 12px;margin-bottom:17px;font:inherit;background:#fafaf8}textarea{min-height:115px}.submit{width:100%;border:0;background:var(--dark);color:#fff;padding:16px;font-weight:700;cursor:pointer}
footer{padding:28px 0;border-top:1px solid var(--line);display:flex;justify-content:space-between;color:var(--muted);font-size:13px}
@media(max-width:850px){.navlinks{display:none}.trustbox,.grid4,.material,.contact{grid-template-columns:1fr 1fr}.material{grid-template-columns:1fr}.colors{grid-template-columns:repeat(3,1fr)}.gallery{grid-template-columns:1fr}.g1{min-height:400px}.steps{grid-template-columns:1fr 1fr}.hero{min-height:680px}}
@media(max-width:560px){.wrap{padding:0 18px}.trustbox,.grid4,.price,.contact{grid-template-columns:1fr}.trustitem{border-right:0;border-bottom:1px solid var(--line)}.hero h1{font-size:46px}.head h2,.material h2,.contact h2{font-size:36px}.colors{grid-template-columns:repeat(2,1fr)}.steps{grid-template-columns:1fr}.step{border-right:0;border-bottom:1px solid var(--line);padding-bottom:22px}.hero p{font-size:17px}}

.official-palette-section{background:#f5f4f0}.official-palette-frame{height:740px;background:#fff;border:1px solid #dddcd6;overflow:hidden}.official-palette-frame iframe{display:block;width:100%;height:100%;border:0}.official-palette-help{color:#6f716c;font-size:14px;margin:18px 0}.official-palette-link{display:inline-block;padding:15px 22px;background:#202320;color:#fff;font-weight:600;font-size:14px}@media(max-width:650px){.official-palette-frame{height:600px}}
.measure-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:start}.measure-intro h2{font-size:clamp(34px,4vw,52px);font-weight:500;line-height:1.08;margin:0 0 20px}.measure-intro p{color:#c3c4bf}.measure-feature{border-top:1px solid #555;padding:18px 0}.measure-disclaimer{font-size:13px;margin-top:26px}.measure-form h3{font-size:25px;margin:0 0 24px}.measure-form select{width:100%;border:1px solid #dddcd6;padding:14px 12px;margin-bottom:17px;font:inherit;background:#fafaf8}.measure-pair{display:grid;grid-template-columns:1fr 1fr;gap:14px}.measure-consent{display:flex;align-items:flex-start;gap:10px;font-size:13px;line-height:1.4;margin:0 0 20px}.measure-consent input{width:auto;margin:3px 0}.measure-info{font-size:12px;color:#6f716c}.measure-calendar{display:inline-block;background:#eae8e1;color:#202320;padding:13px 18px;font-weight:600}.measure-form #calendar-after p{font-size:13px;color:#555}@media(max-width:800px){.measure-layout{grid-template-columns:1fr;gap:30px}}@media(max-width:520px){.measure-pair{grid-template-columns:1fr}}
.lang-switch{display:flex;gap:9px;font-size:13px;font-weight:700}.lang-switch a{padding:7px 9px;border:1px solid #ffffff75;color:white}.lang-switch a.active{background:white;color:#202320}@media(max-width:600px){.nav{gap:12px}.logo{font-size:18px}}
body.admin-bar header{top:32px}