.zc-page { --zc-green:#185e49; --zc-ink:#22392f; --zc-muted:#64716a; --zc-line:#dce4de; color:var(--zc-ink); max-width:1320px; margin:28px auto 80px; direction:rtl; }
.zc-page *, .zc-page *::before, .zc-page *::after { box-sizing:border-box; }
.zc-page [hidden] { display:none !important; }
.zc-page :is(a,button,input,select,textarea,summary):focus-visible { outline:2px solid #237957; outline-offset:4px; }
.zc-page :is(button,input,select,textarea) { font:inherit; }
.zc-page a { text-decoration:none; }
.zc-page h2 { font-size:clamp(25px,2.5vw,35px); font-weight:750; line-height:1.7; margin:12px 0 20px; color:inherit; }
.zc-breadcrumb { display:flex; align-items:center; gap:12px; font-size:13px; color:#6e7872; margin-bottom:24px; }
.zc-breadcrumb a { color:#40694f; }
.zc-hero { display:grid; grid-template-columns:1.1fr 1fr; background:#f4f3ec; border-radius:24px; overflow:hidden; min-height:510px; }
.zc-hero-copy { padding:48px clamp(24px,4vw,60px); align-self:center; }
.zc-eyebrow { display:flex; gap:9px; align-items:center; font-size:13px; color:#496956; }
.zc-eyebrow>span { width:7px; height:7px; border-radius:50%; background:#698c66; }
.zc-hero h1 { font-size:clamp(32px,3.6vw,52px); line-height:1.65; letter-spacing:-1px; font-weight:800; margin:22px 0; color:#243e32; }
.zc-hero-copy>p { font-size:15px; line-height:2.1; color:#627268; max-width:450px; margin:0 0 28px; }
.zc-actions { display:flex; gap:20px; align-items:center; flex-wrap:wrap; }
.zc-button { display:inline-flex; gap:28px; justify-content:center; align-items:center; min-height:50px; padding:12px 23px; background:var(--zc-green); color:#fff; border:1px solid var(--zc-green); border-radius:10px; font-weight:600; font-size:14px; cursor:pointer; transition:background .16s ease; }
.zc-page .zc-button:hover { background:#124b3a; color:#fff; }
.zc-text-link { color:#335a45; font-size:13px; text-underline-offset:5px; }
.zc-text-link:hover { text-decoration:underline; }
.zc-hero-topics { display:flex; flex-wrap:wrap; gap:0; margin-top:36px; color:#6c786d; font-size:12px; }
.zc-hero-topics span+span { border-right:1px solid #cdd5ca; padding-right:14px; margin-right:14px; }
.zc-hero-art { position:relative; min-height:510px; background:#e5e9dd; overflow:hidden; }
.zc-art-line { position:absolute; width:90%; height:80%; border:1px solid #bec9b6; border-radius:260px 260px 0 0; bottom:-4%; left:8%; }
.zc-rug { position:absolute; margin:0; background:#fff; padding:7px; box-shadow:0 18px 38px #31453526; }
.zc-rug img { display:block; width:100%; height:100%; object-fit:cover; object-position:center; }
.zc-rug--back { width:44%; height:63%; top:10%; right:9%; transform:rotate(9deg); }
.zc-rug--front { width:49%; height:72%; left:10%; top:19%; transform:rotate(-8deg); }
.zc-art-note { position:absolute; bottom:10%; right:6%; display:flex; align-items:center; gap:10px; padding:15px 19px; background:#fffffff0; backdrop-filter:blur(6px); border:1px solid #fff; border-radius:12px; font-size:12px; color:#365740; box-shadow:0 8px 24px #304f3212; }
.zc-art-note svg { width:24px; height:24px; }
.zc-step { display:block; color:#67816d; font-size:12px; font-weight:600; letter-spacing:.2px; }
.zc-planner { display:grid; grid-template-columns:minmax(200px,.8fr) minmax(0,1.6fr); gap:clamp(30px,5vw,80px); padding-block:76px; scroll-margin-top:25px; }
.zc-planner-aside { align-self:start; }
.zc-planner-aside>p { color:var(--zc-muted); line-height:2; font-size:14px; margin:0 0 22px; max-width:300px; }
.zc-planner-workspace { min-width:0; }
.zc-form { border:1px solid var(--zc-line); border-radius:18px; padding:30px; background:#fff; }
.zc-room-group { border:0; margin:0 0 26px; padding:0; min-width:0; }
.zc-room-group legend { font-size:14px; font-weight:600; margin:0 0 14px; float:none; width:auto; }
.zc-room-options { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; }
.zc-room-options label { position:relative; cursor:pointer; margin:0; }
.zc-room-options input { position:absolute; opacity:0; width:1px; height:1px; }
.zc-room-options span { display:flex; align-items:center; justify-content:center; text-align:center; padding:12px 7px; min-height:46px; font-size:12px; border:1px solid #dce4de; border-radius:9px; color:#627166; line-height:1.7; }
.zc-room-options input:checked+span { border-color:#57836a; color:#185e49; background:#eef5ef; box-shadow:inset 0 0 0 1px #57836a; font-weight:600; }
.zc-room-options input:focus-visible+span { outline:2px solid #237957; outline-offset:3px; }
.zc-form-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px 18px; }
.zc-field { min-width:0; }
.zc-field--wide { grid-column:1/-1; }
.zc-field>label { display:block; font-size:13px; color:#364a3e; margin-bottom:9px; }
.zc-field>label span { color:#7c867f; font-size:11px; font-weight:400; }
.zc-field :is(input,select,textarea) { width:100%; border:1px solid #dce4de; border-radius:9px; padding:12px 13px; font-size:13px; color:#33493c; background:#fbfcfa; min-height:46px; }
.zc-field textarea { resize:vertical; line-height:1.9; }
.zc-field input::placeholder,.zc-field textarea::placeholder { color:#879187; opacity:1; }
.zc-field-error { display:block; color:#a53b35; font-size:12px; line-height:1.8; }
.zc-field input[aria-invalid=true] { border-color:#a53b35; }
.zc-form-footer { display:flex; align-items:center; gap:20px; margin-top:24px; }
.zc-form-footer .zc-button { flex-shrink:0; }
.zc-form-footer p { color:#758077; font-size:11px; line-height:1.9; margin:0; }
.zc-summary { margin-top:20px; padding:26px; border:1px solid #b7d3c1; background:#f2f8f3; border-radius:16px; }
.zc-summary h3 { font-size:21px; margin:12px 0 18px; font-weight:700; }
.zc-summary textarea { width:100%; resize:vertical; border:1px solid #ccddcf; border-radius:8px; padding:15px; color:#33513e; background:#fff; font-size:13px; line-height:2; margin-bottom:18px; }
.zc-copy-status { min-height:1.6em; font-size:12px; line-height:1.8; margin:12px 0; color:#365b40; }
.zc-related-link { color:#185e49; font-size:13px; text-decoration:underline !important; text-underline-offset:5px; }
.zc-prepare { border-top:1px solid var(--zc-line); padding:50px 0 64px; }
.zc-section-heading { margin-bottom:28px; }
.zc-prepare-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:40px; }
.zc-prepare-grid article+article { border-right:1px solid var(--zc-line); padding-right:32px; }
.zc-guide-number { color:#91a28b; font-size:30px; font-weight:400; }
.zc-prepare-grid h3 { font-size:18px; margin:16px 0 12px; color:#2d4936; }
.zc-prepare-grid p { margin:0; color:#6a776d; font-size:14px; line-height:2; }
.zc-contact { display:grid; grid-template-columns:1fr 1fr; gap:60px; background:#193e30; color:#fff; border-radius:20px; padding:40px 44px; scroll-margin-top:25px; }
.zc-contact .zc-step { color:#acccb8; }.zc-contact h2 { font-size:30px; margin:14px 0; }
.zc-contact>div>p { font-size:14px; color:#d2dfd6; line-height:2; max-width:440px; }
.zc-contact-details { border-right:1px solid #4b6858; padding-right:40px; }
.zc-contact-details h3 { color:#fff; font-size:15px; font-weight:600; margin:0 0 12px; }
.zc-contact-details address { font-style:normal; font-size:14px; line-height:2; color:#dae5dc; margin:0 0 18px; }
.zc-call { display:flex; align-items:center; justify-content:space-between; gap:12px; color:#fff; background:#ffffff10; border:1px solid #719581; border-radius:10px; padding:14px; margin-bottom:24px; font-size:13px; }
.zc-call bdi { font-size:18px; }.zc-call:hover { color:#fff; background:#ffffff20; }
.zc-contact .zc-contact-link { display:inline-block; color:#e8f4dc; border-bottom:1px solid #8da68b; padding-bottom:5px; font-size:13px; }
.zc-working-hours { color:#d2dfd6; font-size:13px; }
.zc-faq { max-width:870px; margin:64px auto 0; }
.zc-faq h2 { font-size:27px; margin-bottom:22px; }
.zc-faq details { border-bottom:1px solid var(--zc-line); }
.zc-faq summary { position:relative; cursor:pointer; list-style:none; padding:22px 0 22px 36px; font-size:15px; font-weight:600; line-height:1.9; }
.zc-faq summary::-webkit-details-marker { display:none; }
.zc-faq summary::after { content:'+'; position:absolute; left:5px; top:19px; color:#56735c; font-size:24px; font-weight:400; }
.zc-faq details[open] summary::after { content:'−'; }
.zc-faq details p { color:#64756b; font-size:14px; line-height:2.1; padding:0 0 22px 30px; margin:0; }
.zc-sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.zc-noscript { line-height:2; padding:25px; background:#f0f5ed; }
@media(min-width:1400px) { .zc-hero h1 { font-size:52px; } }
@media(max-width:1000px) { .zc-hero-copy{padding:30px}.zc-hero h1{font-size:36px}.zc-hero-art{min-height:480px}.zc-planner{grid-template-columns:minmax(180px,.7fr) minmax(0,1.6fr);gap:30px}.zc-form{padding:24px}.zc-room-options{grid-template-columns:repeat(2,minmax(0,1fr))}.zc-form-footer{align-items:flex-start;flex-direction:column;gap:12px}.zc-contact{gap:30px;padding:32px} }
@media(max-width:760px) { .zc-page{margin-top:20px}.zc-hero{grid-template-columns:1fr;min-height:0}.zc-hero-copy{padding:32px 26px}.zc-hero h1{font-size:34px;line-height:1.6}.zc-desktop-break{display:none}.zc-hero-copy>p{max-width:none}.zc-hero-art{min-height:340px}.zc-rug--back{width:35%;height:75%;right:16%;top:6%}.zc-rug--front{width:38%;height:82%;left:14%;top:13%}.zc-art-note{right:10%;bottom:8%}.zc-hero-topics{margin-top:26px}.zc-planner{grid-template-columns:1fr;padding-block:48px;gap:22px}.zc-planner-aside h2 br{display:none}.zc-planner-aside>p{max-width:100%}.zc-prepare{padding-block:38px}.zc-prepare-grid{grid-template-columns:1fr;gap:24px}.zc-prepare-grid article+article{border-right:0;border-top:1px solid var(--zc-line);padding:22px 0 0}.zc-prepare-grid article{display:grid;grid-template-columns:44px 1fr;gap:0 10px}.zc-guide-number{grid-row:1/3}.zc-prepare-grid h3{margin:4px 0 10px}.zc-prepare-grid p{grid-column:2}.zc-contact{grid-template-columns:1fr;gap:24px;padding:28px}.zc-contact-details{border-right:0;border-top:1px solid #4b6858;padding:24px 0 0}.zc-contact h2{font-size:26px}.zc-faq{margin-top:46px} }
@media(max-width:440px) { .zc-form{padding:20px 17px}.zc-form-grid{grid-template-columns:1fr;gap:17px}.zc-form-footer .zc-button{width:100%}.zc-hero-copy{padding:28px 22px}.zc-actions{gap:16px}.zc-hero h1{font-size:31px}.zc-hero-art{min-height:300px}.zc-art-note{font-size:10px;padding:12px}.zc-summary{padding:20px}.zc-contact{padding:24px}.zc-call{flex-wrap:wrap}.zc-room-options span{font-size:11px}.zc-hero-topics span+span{padding-right:10px;margin-right:10px} }
@media(prefers-reduced-motion:reduce) { .zc-button{transition:none} }
/* Consultation submission and its confirmation remain separate from the hero. */
.zc-honeypot { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0,0,0,0); clip-path:inset(50%); white-space:nowrap; }
.zc-validation { color:#a3323a; background:#fff4f3; padding:15px 20px; border:1px solid #eccbc7; border-radius:10px; font-size:13px; line-height:1.9; margin-bottom:24px; }
.zc-validation.validation-summary-valid { display:none; }
.zc-validation ul { padding-right:18px; margin:0; }
.zc-contact-fields { margin-block:20px; }
.zc-contact-fields small { color:#61766a; font-size:11px; line-height:1.9; }
.zc-consent { font-size:12px; line-height:2; color:#526d5b; margin:20px 0; }
.zc-copy-button { border:0; background:transparent; cursor:pointer; font:inherit; font-size:13px; padding:10px; }
.zc-page .zc-button:disabled { cursor:wait; opacity:.65; }
.zc-field .input-validation-error { border-color:#a53b35; }
.zc-success { display:flex; align-items:center; gap:20px; padding:25px 30px; background:#eaf6ef; border:1px solid #9bc5ad; border-radius:18px; margin:0 0 26px; }
.zc-success h2 { font-size:24px; margin:0 0 8px; }
.zc-success p { font-size:14px; line-height:1.9; margin:0; }
.zc-success-icon { flex-shrink:0; display:grid; place-items:center; width:48px; height:48px; border-radius:50%; background:#17684a; color:white; font-size:26px; }
@media(max-width:440px) { .zc-success{padding:22px;align-items:flex-start;gap:12px}.zc-success h2{font-size:19px}.zc-success-icon{width:34px;height:34px;font-size:20px}.zc-summary .zc-actions .zc-button{width:100%}.zc-form .zc-summary{margin-inline:-8px;padding:18px 13px} }
