/* Catalog Split — 50/50 split-screen throughout */
:root { --jl-bg:#F4EFE6; --jl-ink:#3D2B1F; }
*{box-sizing:border-box} html,body{margin:0}
.sl-body{background:var(--jl-bg);color:var(--jl-ink);font-family:Karla,system-ui,sans-serif}
.jl-header{background:#3D2B1F;color:#F4EFE6}
.jl-header-inner{display:flex;align-items:center;gap:16px;padding:12px 24px}
.jl-brand{color:#C9A227;text-decoration:none;font-family:"Cormorant Garamond",serif;font-size:28px;display:flex;align-items:center}
.jl-brand img{height:44px;width:auto;max-width:320px}
.jl-nav{display:flex;gap:16px}
.jl-nav a{color:#F4EFE6;text-decoration:none;font-weight:600}
.jl-nav-cta{background:#C9A227;color:#3D2B1F !important;padding:7px 12px}
.sl-split{display:grid;grid-template-columns:1fr 1fr;min-height:72vh}
.sl-pane{padding:56px 40px}
.sl-pane-media{background:#3D2B1F center/cover;min-height:320px}
.sl-pane h1{font-family:"Cormorant Garamond",serif;font-size:clamp(34px,5vw,56px);margin:8px 0 14px}
.sl-stack{display:flex;flex-direction:column}
.sl-item{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #3D2B1F22;text-decoration:none;color:inherit}
.sl-item-media{min-height:180px;background:#E7DCC8 center/cover}
.sl-item-copy{padding:28px}
.jl-btn{display:inline-block;background:#3D2B1F;color:#F4EFE6;text-decoration:none;padding:10px 16px;border:0;cursor:pointer}
.jl-footer{background:#3D2B1F;color:#F4EFE6;padding:28px 24px}
.jl-footer-inner{display:flex;justify-content:space-between;gap:16px;max-width:1200px;margin:0 auto}
.jl-footer a{color:#C9A227;text-decoration:none;display:block;margin-top:6px}
.jl-copy{text-align:center;font-size:12px;opacity:.7}
.jl-kicker{letter-spacing:.16em;text-transform:uppercase;font-size:11px;color:#C9A227;font-weight:700}
.jl-form{display:flex;flex-direction:column;gap:10px}
.jl-form input,.jl-form select,.jl-form textarea{width:100%;padding:10px;border:1px solid #3D2B1F;background:#F4EFE6}
.jl-alert{padding:10px;margin-bottom:10px}.jl-alert-ok{background:#D1FAE5}.jl-alert-err{background:#FEE2E2}
.jl-wrap{max-width:1100px;margin:0 auto;padding:24px}
.jl-section{padding:8px 0 40px}
.jl-plans{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.jl-plan{border:1px solid #3D2B1F;padding:18px;background:#fff}
.jl-plan-price span{font-size:28px;font-weight:800}
.sl-sticky{position:sticky;top:80px}
@media(max-width:800px){.sl-split,.sl-item,.jl-plans,.jl-footer-inner{grid-template-columns:1fr;display:block}.jl-nav{display:none}}
