/* Janel Packages: homepage / listing blocks (v2 design) */
.jsp-tc{--tc-ink:#1A1814;--tc-bone:#F4EFE6;--tc-sun:#C47A2C;--tc-moss:#2F3A26;--tc-clay:#8A4A2B;font-family:Geist,system-ui,sans-serif}
.jsp-tc-head{text-align:center;max-width:760px;margin:0 auto 44px}
.jsp-tc-head h2{font-family:'Bricolage Grotesque',Georgia,serif;font-weight:500;font-size:clamp(32px,3.5vw,52px);line-height:1.05;margin:0;color:var(--tc-ink)}
.jsp-tc-head p{margin:10px 0 0;font-family:'Bricolage Grotesque',Georgia,serif;font-weight:500;font-size:clamp(17px,1.6vw,21px);color:var(--tc-clay)}
.jsp-tc-head.is-light h2{color:var(--tc-bone)}.jsp-tc-head.is-light p{color:var(--tc-sun)}
.jsp-tc-grid{display:grid;grid-template-columns:repeat(var(--jsp-tc-cols,4),minmax(0,1fr));gap:12px}
.jsp-tc-grid .jsp-hit[hidden]{display:none}
.jsp-tile{position:relative;display:block;aspect-ratio:4/3.4;overflow:hidden;border-radius:8px;color:var(--tc-bone)!important;text-decoration:none!important;background:#3a4a2e}
.jsp-tile-img{position:absolute;inset:0;background-size:cover;background-position:center;transition:transform .6s ease}
.jsp-tile-img.is-empty{background:repeating-linear-gradient(135deg,rgba(244,239,230,.04) 0 22px,rgba(244,239,230,.08) 22px 44px),linear-gradient(160deg,#3a4a2e,#2F3A26 50%,#1F2719)}
.jsp-tile:hover .jsp-tile-img{transform:scale(1.05)}
.jsp-tile-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(26,24,20,0) 35%,rgba(26,24,20,.88) 100%)}
.jsp-tile-price{position:absolute;top:12px;right:12px;background:var(--tc-sun);color:var(--tc-ink);font-size:12px;font-weight:600;padding:5px 10px;border-radius:4px;white-space:nowrap}
.jsp-tile-type{position:absolute;top:12px;left:12px;background:rgba(26,24,20,.7);color:var(--tc-bone);font-size:11.5px;font-weight:500;padding:4px 10px;border-radius:999px}
.jsp-tile-body{position:absolute;left:18px;right:62px;bottom:18px;display:flex;flex-direction:column;gap:6px}
.jsp-tile-meta{font-family:'Geist Mono',ui-monospace,monospace;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--tc-sun)}
.jsp-tile-title{font-family:'Bricolage Grotesque',Georgia,serif;font-size:22px;font-weight:500;line-height:1.08;color:var(--tc-bone)}
.jsp-tile-sub{font-size:13.5px;line-height:1.45;color:rgba(244,239,230,.84)}
.jsp-tile-go{position:absolute;right:16px;bottom:18px;width:34px;height:34px;border-radius:50%;background:var(--tc-bone);color:var(--tc-ink);display:flex;align-items:center;justify-content:center;transition:transform .25s}
.jsp-tile:hover .jsp-tile-go{transform:translateX(3px)}
.jsp-tile-go svg,.jsp-tc-btn svg,.jsp-form-go svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8}
.jsp-tc-more{text-align:center;margin-top:40px}
.jsp-tc-btn{display:inline-flex;align-items:center;gap:10px;padding:15px 26px;border-radius:999px;background:var(--tc-sun);color:var(--tc-ink)!important;font-weight:600;font-size:14px;text-decoration:none!important;transition:filter .2s,transform .2s}
.jsp-tc .jsp-tc-more a.jsp-tc-btn.is-moss,.jsp-tc .jsp-tc-more a.jsp-tc-btn.is-moss:hover,.jsp-tc .jsp-tc-more a.jsp-tc-btn.is-moss:visited{background:var(--tc-moss);color:var(--jsp-btn-color,#fff)!important}
.jsp-tc-btn:hover{filter:brightness(1.08);transform:translateY(-1px)}
.jsp-tc-empty{padding:56px 24px;text-align:center;background:#EBE4D4;border-radius:8px}
.jsp-tc-empty h3{font-family:'Bricolage Grotesque',Georgia,serif;font-size:24px;font-weight:500;margin:0 0 8px}
.jsp-tc-empty p{margin:0 0 20px;color:#2C2922}
/* filter bar reshaped into one sticky strip */
.jsp-tc-bar{position:sticky;top:var(--jsp-sticky-top,0px);z-index:30;background:rgba(244,239,230,.96);backdrop-filter:blur(10px);border-bottom:1px solid rgba(26,24,20,.12);margin:0 0 28px;padding:12px 0}
.jsp-tc-bar .jsp-filters{margin:0;padding:0;border:0}
.jsp-tc-bar .jsp-fchips{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none}
.jsp-tc-bar .jsp-fchips::-webkit-scrollbar{display:none}
.jsp-tc-bar .jsp-chip{padding:8px 14px;border-radius:999px;border:1px solid rgba(26,24,20,.16);background:transparent;font-size:13px;font-weight:500;white-space:nowrap;cursor:pointer;color:var(--tc-ink);font-family:inherit;text-transform:none;letter-spacing:0}
.jsp-tc-bar .jsp-chip.is-on{background:var(--tc-moss);border-color:var(--tc-moss);color:var(--tc-bone)}
/* green hero forms */
.jsp-form{background:#2F3A26;color:#F4EFE6;border-radius:14px;padding:28px;box-shadow:0 30px 80px rgba(0,0,0,.3);font-family:Geist,system-ui,sans-serif;max-width:460px}
.jsp-form-top{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}
.jsp-form-face{width:52px;height:52px;border-radius:50%;object-fit:cover;border:2px solid #C47A2C;flex-shrink:0}
.jsp-form-h{font-family:'Bricolage Grotesque',Georgia,serif;font-size:28px;font-weight:500;line-height:1.1;margin:0 0 18px;color:#F4EFE6}
.jsp-form-pills{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:18px}
.jsp-form-pills button{padding:7px 12px;font:500 12.5px Geist,sans-serif;border-radius:999px;border:1px solid rgba(244,239,230,.3);background:transparent;color:#F4EFE6;cursor:pointer;line-height:1.2}
.jsp-form-pills button.is-on{background:#F4EFE6;color:#1A1814;border-color:#F4EFE6}
.jsp-form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.jsp-form label{display:block;margin:0 0 14px}
.jsp-form label>span:first-child{display:block;font:500 10px 'Geist Mono',monospace;letter-spacing:.16em;text-transform:uppercase;color:rgba(244,239,230,.72);margin-bottom:8px}
.jsp-form select,.jsp-form input[type=date]{width:100%;height:44px;padding:0 12px;border:0;border-radius:4px;background:#F4EFE6;color:#1A1814;font:500 15px Geist,sans-serif}
.jsp-step{display:grid!important;grid-template-columns:40px 1fr 40px;align-items:center;height:44px;background:#F4EFE6;color:#1A1814;border-radius:4px;margin:0!important}
.jsp-step button{height:44px;border:0;background:none;font-size:18px;cursor:pointer;color:#1A1814;padding:0}
.jsp-step input{width:100%;border:0;background:none;text-align:center;font:600 16px Geist,sans-serif;color:#1A1814;-moz-appearance:textfield;padding:0}
.jsp-step input::-webkit-inner-spin-button,.jsp-step input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.jsp-form-go{display:flex;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:6px;padding:15px;border-radius:999px;background:#C47A2C;color:#1A1814;font:600 14px Geist,sans-serif;border:0;cursor:pointer}
.jsp-form-go:hover{background:#b06d24}
.jsp-form-note{margin:12px 0 0;text-align:center;font-size:12.5px;color:rgba(244,239,230,.72)}
.jsp-form-note a{color:#C47A2C;text-decoration:underline}
.jsp-trust-strip{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px 24px;font:500 13.5px Geist,sans-serif;color:#F4EFE6}
.jsp-trust-strip span{display:inline-flex;align-items:center;gap:10px}
.jsp-trust-strip i{width:22px;height:22px;border-radius:50%;background:#C47A2C;color:#1A1814;display:inline-flex;align-items:center;justify-content:center}
.jsp-trust-strip svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:2.5}
@media (max-width:1100px){.jsp-tc-grid{grid-template-columns:repeat(min(var(--jsp-tc-cols,4),2),minmax(0,1fr))}}
@media (max-width:767px){.jsp-tc-grid{grid-template-columns:1fr}.jsp-form{padding:22px;max-width:none}.jsp-form-h{font-size:24px}.jsp-trust-strip{justify-content:flex-start}}
/* Mobile sticky enquiry bar (single package) */
.jsp-mcta{display:none}
@media (max-width:1080px){
.jsp-mcta{position:fixed;left:0;right:0;bottom:0;z-index:9990;display:flex;align-items:center;gap:10px;padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:#1A1814;color:#F4EFE6;box-shadow:0 -8px 30px rgba(0,0,0,.18);font-family:Geist,system-ui,sans-serif}
.jsp-mcta-price{display:flex;flex-direction:column;line-height:1.15;margin-right:auto;min-width:0}
.jsp-mcta-lbl{font:500 10px 'Geist Mono',monospace;letter-spacing:.12em;text-transform:uppercase;color:rgba(244,239,230,.65)}
.jsp-mcta-price strong{font-family:'Bricolage Grotesque',Georgia,serif;font-size:22px;font-weight:500;color:#F4EFE6}
.jsp-mcta-wa{width:46px;height:46px;border-radius:50%;border:1px solid rgba(244,239,230,.3);display:flex;align-items:center;justify-content:center;color:#F4EFE6!important;flex-shrink:0}
.jsp-mcta-wa svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6}
.jsp-mcta-go{height:46px;padding:0 22px;border-radius:999px;background:#C47A2C;color:#1A1814!important;font-weight:600;font-size:15px;display:flex;align-items:center;text-decoration:none!important;white-space:nowrap;flex-shrink:0}
body.single-js_package{padding-bottom:calc(72px + env(safe-area-inset-bottom))}
}