/* Kleos wholesale: native editable blocks, scoped to the three wholesale pages. */
body.kleos-wholesale-page .category-header { display:none; }
.kw-page { --kw-ink:#1b251a; --kw-olive:#8a9367; --kw-line:rgba(27,37,26,.22); color:var(--kw-ink); max-width:1280px; margin:0 auto; padding:180px 0 100px; }
.kw-page .wp-block-group__inner-container { display:contents; }
.kw-page *, .kw-page *::before, .kw-page *::after { box-sizing:border-box; }
.kw-page p { font-size:17px; line-height:1.65; margin:0 0 22px; }
.kw-page h1, .kw-page h2, .kw-page h3 { color:inherit; text-transform:none; font-weight:400; letter-spacing:-.035em; margin:0; }
.kw-page h1 { font-size:clamp(40px,4.5vw,70px); line-height:1.06; margin:20px 0 28px; }
.kw-page h2 { font-size:clamp(30px,3.2vw,48px); line-height:1.13; margin:14px 0 24px; }
.kw-page h3 { font-size:25px; line-height:1.25; margin:0 0 12px; }
.kw-page .kw-eyebrow { font-size:12px; font-weight:600; letter-spacing:.13em; line-height:1.6; margin:0 0 18px; }
.kw-hero { display:grid; grid-template-columns:1.02fr 1fr; align-items:center; gap:38px; padding:15px 0 55px; }
.kw-page .kw-lead { max-width:560px; font-size:18px; line-height:1.65; }
.kw-actions { display:flex; flex-wrap:wrap; gap:14px 20px; align-items:center; margin-top:30px; }
.kw-page .kw-actions .wp-block-button { margin:0; }
.kw-page .kw-actions .wp-block-button__link { display:inline-flex; align-items:center; justify-content:center; padding:16px 22px; border-radius:0; font-size:14px; font-weight:500; line-height:1.4; text-decoration:none; border:1px solid var(--kw-ink); min-height:52px; transition:background-color .15s,color .15s; }
.kw-primary a { background:var(--kw-ink); color:#f5f3ea !important; }
.kw-secondary a { background:transparent; color:var(--kw-ink) !important; }
.kw-page .kw-actions a:hover { background:#8a9367; color:#1b251a !important; }
.kw-page a:focus-visible { outline:3px solid #8a9367; outline-offset:5px; }
.kw-hero-visual { background:#e8e9e1; padding:35px 18px 20px; border-radius:180px 180px 0 0; overflow:hidden; }
.kw-product-trio { display:flex; align-items:flex-end; justify-content:center; min-height:340px; }
.kw-page .kw-tin { margin:0 -25px; width:40%; min-width:0; position:relative; mix-blend-mode:multiply; }
.kw-page .kw-tin img { width:100%; height:auto; display:block; }
.kw-page .kw-tin-1 { width:31%; z-index:3; }
.kw-page .kw-tin-3 { width:39%; z-index:2; }
.kw-page .kw-tin-5 { width:47%; z-index:1; }
.kw-page .kw-tin figcaption { text-align:center; font-size:13px; letter-spacing:.12em; margin:12px 0 0; }
.kw-page .kw-caption { text-align:center; font-size:11px; line-height:1.6; margin:26px 0 0; letter-spacing:.04em; }
.kw-page .kw-range-panel[hidden] { display:none !important; }
.kw-range-selector { display:none; margin:24px 0; }
.kw-ranges-ready .kw-range-selector { display:block; }
.kw-range-label { display:block; font-size:12px; line-height:1.5; margin-bottom:10px; letter-spacing:.02em; }
.kw-range-buttons { display:flex; flex-wrap:wrap; gap:8px; }
.kw-range-buttons button { appearance:none; min-height:46px; padding:11px 22px; border:1px solid var(--kw-line); border-radius:24px; background:transparent; color:var(--kw-ink); font:inherit; font-size:14px; line-height:1.5; cursor:pointer; }
.kw-range-buttons button[aria-pressed=true] { background:var(--kw-ink); color:#f5f3ea; border-color:var(--kw-ink); }
.kw-range-buttons button:hover { border-color:var(--kw-ink); }
.kw-range-buttons button:focus-visible { outline:3px solid var(--kw-olive); outline-offset:4px; }
.kw-product-single { display:flex; justify-content:center; align-items:flex-end; min-height:340px; }
.kw-page .kw-organic-tin { margin:0; width:70%; max-width:310px; mix-blend-mode:multiply; }
.kw-page .kw-organic-tin img { display:block; width:100%; height:310px; object-fit:contain; }
.kw-page .kw-organic-tin figcaption { text-align:center; font-size:13px; letter-spacing:.12em; margin:12px 0 0; }
.kw-page .kw-certification { font-size:12px; line-height:1.6; margin:10px 0 20px; color:#4b5939; }
.kw-hero-visual .kw-certification { text-align:center; margin:10px 0 0; }
.kw-page .kw-range-title { font-size:23px; margin:24px 0 20px; }
.kw-page:not(.kw-ranges-ready) .kw-range-panel + .kw-range-panel { margin-top:35px; }
.kw-proof { display:grid; grid-template-columns:1.4fr 1fr 1fr; border-top:1px solid var(--kw-line); border-bottom:1px solid var(--kw-line); padding:22px 0; gap:20px; }
.kw-page .kw-proof-item { font-size:13px; margin:0; line-height:1.5; padding-right:12px; }
.kw-proof-item + .kw-proof-item { border-left:1px solid var(--kw-line); padding-left:25px; }
.kw-packing { padding:85px 0 80px; scroll-margin-top:40px; }
.kw-section-heading { max-width:740px; margin-bottom:34px; }
.kw-pallet-table { overflow-x:auto; margin:0 0 20px; }
.kw-pallet-table table { width:100%; border-collapse:collapse; table-layout:auto; margin:0; }
.kw-page .kw-pallet-table th { padding:19px 24px; background:var(--kw-ink); color:#f5f3ea; font-size:13px; font-weight:500; line-height:1.4; text-align:center; border:0; }
.kw-page .kw-pallet-table td { padding:25px 24px; font-size:22px; line-height:1.35; text-align:center; border:0; border-bottom:1px solid var(--kw-line); vertical-align:middle; }
.kw-page .kw-pallet-table th:first-child, .kw-page .kw-pallet-table td:first-child { text-align:left; width:40%; }
.kw-page .kw-pallet-table td:first-child { font-size:19px; }
.kw-page .kw-pallet-table td:last-child { background:rgba(138,147,103,.13); font-size:31px; }
.kw-page .kw-pallet-table strong { font-weight:500; }
.kw-page .kw-note { font-size:13px; line-height:1.6; max-width:860px; opacity:.8; margin:0; }
.kw-partner { display:grid; grid-template-columns:1fr 1fr; gap:80px; background:#1b251a; color:#e9eadf; padding:65px; margin:0 0 70px; }
.kw-partner .kw-eyebrow { color:#bdc498; }
.kw-partner-intro p:not(.kw-eyebrow) { font-size:16px; }
.kw-benefit { padding:0 0 24px; margin:0 0 24px; border-bottom:1px solid rgba(233,234,223,.22); }
.kw-benefit:last-child { padding-bottom:0; margin-bottom:0; border:0; }
.kw-benefit h3 { font-size:21px; }
.kw-benefit p { font-size:15px; margin:0; opacity:.9; }
.kw-process { padding:0 0 72px; border-bottom:1px solid var(--kw-line); }
.kw-process h2 { font-size:34px; margin-bottom:40px; }
.kw-steps-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:44px; }
.kw-page .kw-step-number { color:#74804e; font-size:14px; letter-spacing:.08em; margin:0 0 20px; }
.kw-step h3 { font-size:22px; }
.kw-step p:not(.kw-step-number) { font-size:15px; margin:0; }
.kw-contact { display:grid; grid-template-columns:.85fr 1.15fr; gap:85px; padding:85px 0 0; scroll-margin-top:35px; }
.kw-contact-copy p { max-width:420px; }
.kw-page .kw-direct-label { font-size:14px; margin-top:35px; margin-bottom:10px; }
.kw-page .kw-direct { font-size:22px; line-height:1.8; }
.kw-direct a { color:inherit; text-decoration:none; border-bottom:1px solid var(--kw-line); overflow-wrap:anywhere; }
.kw-page .kw-location { font-size:14px; }
.kw-form { min-width:0; background:#ecece5; padding:36px; }
.kw-form h3 { font-size:26px; }
.kw-form .kw-form-note { font-size:14px; margin-bottom:28px; }
.kw-form .wpcf7 { width:100%; margin:0; }
.kw-form form, .kw-form .contact-form-container { width:100%; max-width:none; margin:0; }
.kw-form label { display:block; width:100%; font-size:12px; letter-spacing:.02em; line-height:1.5; }
.kw-form .wpcf7-form-control-wrap { display:block; }
.kw-form input:not([type=checkbox]):not([type=submit]):not([type=hidden]), .kw-form textarea, .kw-form select { width:100%; max-width:100%; background:transparent; color:var(--kw-ink); border:0; border-bottom:1px solid rgba(27,37,26,.4); border-radius:0; padding:10px 2px; font:inherit; font-size:16px; line-height:1.5; box-shadow:none; }
.kw-form textarea { height:120px; min-height:100px; resize:vertical; }
.kw-form input:focus, .kw-form textarea:focus { outline:2px solid #8a9367; outline-offset:3px; }
.kw-form .wpcf7-list-item { margin:10px 0; }
.kw-form .wpcf7-acceptance label { display:flex; align-items:flex-start; gap:10px; font-size:12px; letter-spacing:0; }
.kw-form .wpcf7-acceptance input { flex:0 0 auto; width:17px; height:17px; margin:2px 0 0; accent-color:#1b251a; }
.kw-form .wpcf7-acceptance a { color:inherit; text-decoration:underline; }
.kw-form input[type=submit], .kw-form button[type=submit] { background:#1b251a; color:#fff; border:1px solid #1b251a; padding:16px 26px; font-size:13px; letter-spacing:.08em; min-height:50px; }
.kw-form input[type=submit]:disabled, .kw-form button[type=submit]:disabled { opacity:.45; cursor:not-allowed; }
.kw-form .wpcf7-response-output { margin:20px 0 0; font-size:14px; }
.kw-form p:empty { display:none; }
@media(max-width:1100px) {
 .kw-page { padding-left:20px; padding-right:20px; }
 .kw-hero { gap:20px; }
 .kw-product-trio { min-height:280px; }
 .kw-partner { gap:40px; padding:45px; }
 .kw-contact { gap:40px; }
 .kw-actions { gap:12px; }
 .kw-page .kw-actions .wp-block-button__link { font-size:12px; padding:14px 17px; }
}
@media(max-width:760px) {
 .kw-page { padding:145px 7px 55px; }
 .kw-hero { grid-template-columns:1fr; gap:28px; padding-bottom:35px; }
 .kw-page h1 { font-size:clamp(36px,8.7vw,56px); }
 .kw-page h2 { font-size:31px; }
 .kw-page .kw-lead { font-size:16px; }
 .kw-page .kw-eyebrow { font-size:10px; letter-spacing:.1em; }
 .kw-hero-visual { max-width:520px; width:100%; margin:0 auto; padding-top:20px; }
 .kw-product-trio { min-height:230px; }
 .kw-product-single { min-height:260px; }
 .kw-page .kw-organic-tin img { height:260px; }
 .kw-range-buttons button { padding:10px 20px; font-size:13px; }
 .kw-page .kw-range-title { font-size:20px; }
 .kw-page .kw-tin { margin:0 -14px; }
 .kw-proof { grid-template-columns:1fr; gap:12px; padding:20px 0; }
 .kw-page .kw-proof-item { font-size:12px; }
 .kw-proof-item + .kw-proof-item { border-left:0; padding-left:0; }
 .kw-packing { padding:48px 0; }
 .kw-page .kw-pallet-table th { font-size:10px; padding:15px 7px; }
 .kw-page .kw-pallet-table td { font-size:17px; padding:19px 7px; }
 .kw-page .kw-pallet-table td:first-child { font-size:13px; width:35%; }
 .kw-page .kw-pallet-table td:last-child { font-size:23px; }
 .kw-page .kw-note { font-size:12px; }
 .kw-partner { grid-template-columns:1fr; padding:30px 22px; gap:25px; margin-bottom:45px; }
 .kw-steps-grid { grid-template-columns:1fr; gap:27px; }
 .kw-page .kw-step-number { margin-bottom:7px; }
 .kw-process { padding-bottom:45px; }
 .kw-process h2 { font-size:29px; margin-bottom:30px; }
 .kw-contact { grid-template-columns:1fr; gap:30px; padding-top:45px; }
 .kw-form { padding:25px 20px; }
 .kw-page .kw-direct { font-size:20px; }
}
