/* Quote + Sample — Kitchor "Book A Design Appointment" (2026-10-16). */
.kbk{--gold:#daa14c;--ink:#30373e;--text:#535353;background:#fff;color:var(--text)}
.kbk,.kbk *{font-family:"Plus Jakarta Sans",Arial,sans-serif!important;box-sizing:border-box}
.kbk-grid{display:grid;grid-template-columns:1fr 1fr;min-height:700px}
.kbk-form{display:flex;justify-content:flex-end;padding:80px 75px 90px}
.kbk-form-in{width:100%;max-width:620px}
.kbk-side{position:relative;background:#f0f0f0 var(--kbk-img) right bottom/auto 62% no-repeat;padding:80px 75px 420px}
.kbk-side-in{max-width:520px;position:relative}
html body .kbk h1{margin:0 0 10px!important;color:var(--ink)!important;font-size:24px!important;font-weight:600!important;line-height:32px!important;letter-spacing:0!important}
.kbk-lede{margin:0 0 30px!important;color:#7a7a7a!important;font-size:14px!important;line-height:22px!important}
html body .kbk-side h2{margin:0 0 30px!important;color:var(--ink)!important;font-size:30px!important;font-weight:600!important;line-height:38px!important;letter-spacing:-.4px!important}
.kbk-side p{margin:0 0 28px!important;color:var(--text)!important;font-size:14px!important;line-height:22px!important}
.kbk-side ul{margin:0 0 30px!important;padding:0!important;list-style:none!important}
.kbk-side li{display:flex;gap:16px;margin:0 0 22px;font-size:14px;line-height:22px;color:var(--text)}
.kbk-side li svg{flex:0 0 20px;width:20px;height:20px;margin-top:1px;fill:none;stroke:var(--gold);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.kbk-btn{display:inline-flex;gap:8px;padding:12px 28px;border-radius:999px;background:var(--ink);color:#fff!important;font-size:12px;font-weight:700;letter-spacing:.1em;text-decoration:none!important;text-transform:uppercase}
.kbk-btn:hover{background:var(--gold)}
.kbk-call{margin-top:18px!important;font-size:13px!important}.kbk-call a{color:var(--gold)!important;font-weight:600}
/* Kitchor simple fields inside the KT forms */
.kbk-form input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=submit]),.kbk-form select,.kbk-form textarea{border:1px solid #e1e1e1!important;border-radius:0!important;background:#fff!important;box-shadow:none!important;font-size:13px!important;color:var(--ink)!important}
.kbk-form input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=submit]),.kbk-form select{min-height:46px!important}
.kbk-form input:focus,.kbk-form select:focus,.kbk-form textarea:focus{border-color:var(--gold)!important;outline:0!important}
.kbk-sample .kbk-form label,.kbk-sample .kbk-form legend,.kbk-fitting .kbk-form label,.kbk-fitting .kbk-form legend,.kbk-template .kbk-form label,.kbk-template .kbk-form legend{color:var(--ink)!important;font-size:13px!important;font-weight:600!important;letter-spacing:0!important;text-transform:none!important}
.kbk-form h2,.kbk-form h3{color:var(--ink)!important;font-weight:600!important;letter-spacing:0!important}
.kbk-form button,.kbk-form [type=submit],.kbk-form .button{border-radius:999px!important;background:var(--ink)!important;border-color:var(--ink)!important;color:#fff!important;font-size:12px!important;font-weight:700!important;letter-spacing:.1em!important;padding:12px 28px!important}
.kbk-form button:hover,.kbk-form [type=submit]:hover{background:var(--gold)!important;border-color:var(--gold)!important}
.kbk .kd-cta h2{color:#fff!important}
@media(max-width:1200px){.kbk-form,.kbk-side{padding-left:40px;padding-right:40px}}
@media(max-width:900px){.kbk-grid{grid-template-columns:1fr}.kbk-form{justify-content:center;padding:60px 24px}.kbk-side{padding:60px 24px 360px;background-size:auto 320px}}
html body .kbk-quote .kbk-form h2,html body .kbk-quote .kbk-form h3{font-size:26px!important;line-height:34px!important}
/* Fuller layout (2026-10-16): sticky side, contact card, steps, trust strip */
.kbk-side{background:#f3f3f3!important;padding:80px 75px!important}
.kbk-side-in,.kbk-card{max-width:520px}
.kbk-side>div:first-child{position:relative}
.kbk-side{display:flex;flex-direction:column;gap:40px}

.kbk-card{display:grid;grid-template-columns:200px 1fr;background:#fff;box-shadow:0 10px 30px rgba(0,0,0,.06)}
.kbk-card-img{background:#ddd var(--kbk-img) center 70%/cover no-repeat;min-height:220px}
.kbk-card-body{padding:30px 28px;display:flex;flex-direction:column;justify-content:center}
.kbk-kicker{margin:0 0 10px!important;color:var(--gold)!important;font-size:12px!important;font-weight:600!important;letter-spacing:3px!important;text-transform:uppercase}
.kbk-phone{color:var(--ink)!important;font-size:24px;font-weight:700;text-decoration:none!important;margin-bottom:6px}
.kbk-mail{color:var(--text)!important;font-size:14px;text-decoration:none!important;margin-bottom:14px}
.kbk-phone:hover,.kbk-mail:hover{color:var(--gold)!important}
.kbk-hours{margin:0!important;padding-top:14px;border-top:1px solid #ebebeb;font-size:12px!important;line-height:20px!important;color:#8a8f94!important}
.kbk-steps{padding:100px 0 90px;background:#fff;border-top:1px solid #ebebeb}
.kbk-center{text-align:center}
html body .kbk-steps-title{margin:0 auto 60px!important;max-width:700px;text-align:center;color:var(--ink)!important;font-size:40px!important;font-weight:700!important;line-height:48px!important;letter-spacing:-.7px!important}
.kbk-steps-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin:0 0 70px!important;padding:0!important;list-style:none!important;counter-reset:none}
.kbk-steps-grid li{position:relative;padding:34px 28px;border:1px solid #ebebeb;transition:border-color .3s,box-shadow .3s}
.kbk-steps-grid li:hover{border-color:var(--gold);box-shadow:0 12px 30px rgba(0,0,0,.06)}
.kbk-num{display:block;margin-bottom:22px;color:var(--gold);font-size:40px;font-weight:700;line-height:1;opacity:.9}
html body .kbk-steps-grid h3{margin:0 0 10px!important;color:var(--ink)!important;font-size:18px!important;font-weight:600!important;line-height:26px!important;letter-spacing:0!important}
.kbk-steps-grid p{margin:0!important;font-size:14px!important;line-height:22px!important;color:var(--text)!important}
.kbk-trust{display:grid;grid-template-columns:repeat(4,1fr);margin:0!important;padding:40px 0 0!important;list-style:none!important;border-top:1px solid #ebebeb}
.kbk-trust li{text-align:center;border-right:1px solid #ebebeb}.kbk-trust li:last-child{border-right:0}
.kbk-trust strong{display:block;color:var(--ink);font-size:34px;font-weight:700;line-height:42px}
.kbk-trust span{font-size:13px;color:#8a8f94;letter-spacing:.04em}
@media(max-width:1200px){.kbk-side{padding:70px 40px!important}.kbk-card{grid-template-columns:150px 1fr}}
@media(max-width:900px){.kbk-side{padding:60px 24px!important}.kbk-steps-grid,.kbk-trust{grid-template-columns:1fr 1fr}.kbk-trust li:nth-child(2){border-right:0}.kbk-trust li{padding:14px 0}html body .kbk-steps-title{font-size:28px!important;line-height:36px!important}.kbk-steps{padding:70px 0}}
@media(max-width:560px){.kbk-steps-grid{grid-template-columns:1fr}.kbk-card{grid-template-columns:1fr}.kbk-card-img{min-height:180px}}
.kbk-side{justify-content:flex-start!important}.kbk-side>*{position:static!important}
.kbk-photo{flex:1 1 auto;min-height:0;width:100%;max-width:520px;background:var(--kbk-img) center 70%/cover no-repeat}
.kbk-quote .kbk-photo{display:none}
.kbk-sample .kbk-card,.kbk-fitting .kbk-card,.kbk-template .kbk-card{grid-template-columns:1fr}.kbk-sample .kbk-card-img,.kbk-fitting .kbk-card-img,.kbk-template .kbk-card-img{display:none}
@media(max-width:900px){.kbk-photo{min-height:320px}}

/* Quote calculator follows the client's continuous reference flow while retaining KT styling. */
.kbk-quote .kbk-grid{display:block;min-height:0}
.kbk-quote .kbk-form{justify-content:center;padding:70px max(24px,5vw) 90px}
.kbk-quote .kbk-form-in{max-width:1180px}
.kbk-quote .kbk-side{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,520px);align-items:start;gap:60px;padding:70px max(24px,calc((100vw - 1180px)/2))!important;border-top:1px solid #ebebeb}
.kbk-quote .kbk-side-in,.kbk-quote .kbk-card{max-width:none}
@media(max-width:900px){.kbk-quote .kbk-form{padding:50px 20px 70px}.kbk-quote .kbk-side{grid-template-columns:1fr;padding:55px 24px!important}}
.page-id-1241 .whatsapp-float{display:none!important}