/* CaneSupply visual system: 2026-10-08 */
:root{--rf-ink:#192e3b;--rf-muted:#627079;--rf-paper:#faf9f6;--rf-line:#dedfdc}
body{background:var(--rf-paper);color:var(--rf-ink)}
.rf-home{font-family:'DM Sans',Arial,sans-serif;background:var(--rf-paper)}
.rf-wrap{width:min(1200px,calc(100% - 80px));margin-inline:auto}
.rf-home *{box-sizing:border-box;min-width:0}
.rf-home h1,.rf-home h2,.rf-home h3{font-family:'DM Sans',Arial,sans-serif;color:var(--rf-ink);font-weight:550;letter-spacing:-.045em;line-height:1.12;margin:0}
.rf-home h1{font-size:clamp(38px,4.3vw,62px)}
.rf-home h2{font-size:clamp(30px,3vw,42px)}
.rf-home h3{font-size:24px;letter-spacing:-.025em}
.rf-home p{font-size:16px;line-height:1.65;color:var(--rf-muted)}
.rf-home .rf-label{font-size:11px;letter-spacing:.13em;font-weight:650;margin:0 0 24px;color:#65746f}
.rf-hero{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center;padding-block:48px 64px}
.rf-hero-copy{padding-block:24px}
.rf-lead{max-width:420px;margin:26px 0 30px;font-size:18px!important}
.rf-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap}
.rf-button{display:inline-flex;align-items:center;justify-content:center;padding:15px 22px;background:var(--rf-ink);color:white;font-size:14px;font-weight:550;line-height:1.4;min-height:48px;border-radius:3px}
.rf-button:hover{background:#315266;color:white}
.rf-text-link{font-size:14px;font-weight:550;border-bottom:1px solid #9da8ac;padding-bottom:5px}
.rf-home .rf-hero-foot{font-size:12px;margin:34px 0 0}
.rf-hero-image{margin:0;position:relative;height:530px;border-radius:4px;overflow:hidden;background:#e5e5e0}
.rf-hero-image img{width:100%;height:100%;object-fit:cover;object-position:center}
.rf-hero-image figcaption{position:absolute;inset:auto 0 0;padding:42px 28px 24px;color:white;background:linear-gradient(transparent,rgba(15,25,25,.8));display:flex;justify-content:space-between;gap:15px;font-size:12px}
.rf-proof{border-block:1px solid var(--rf-line);background:#f0f1ee}
.rf-proof .rf-wrap{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;padding-block:24px;font-size:13px}
.rf-proof span{font-size:11px;letter-spacing:.08em;color:var(--rf-muted)}
.rf-proof b{font-weight:500}
.rf-ranges{padding-block:80px}
.rf-section-head{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:32px}
.rf-section-head .rf-label{margin-bottom:14px}
.rf-section-head>p{margin:0;font-size:14px}
.rf-range-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.rf-range{display:block}
.rf-range-image{height:290px;background:#eceeea;border-radius:4px;overflow:hidden}
.rf-range-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s}
.rf-range:first-child img{object-fit:contain;padding:30px}
.rf-range:hover img{transform:scale(1.03)}
.rf-range-title{display:flex;align-items:center;margin-top:22px}
.rf-range p{font-size:14px;margin:10px 0 0}
.rf-feature{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:72px;padding-bottom:80px}
.rf-feature-image{background:#eef0ec;border-radius:4px;height:410px;display:grid;place-items:center}
.rf-feature-image img{width:85%;height:85%;object-fit:contain}
.rf-feature-copy>p{max-width:440px;margin:22px 0}
.rf-feature-copy dl{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:28px 0}
.rf-feature-copy dl>div{border-top:1px solid var(--rf-line);padding-top:12px}
.rf-feature-copy dt{font-size:12px;color:var(--rf-muted)}
.rf-feature-copy dd{font-size:14px;margin:8px 0 0}
.rf-oem{background:var(--rf-ink);color:white}
.rf-oem>.rf-wrap{display:flex;align-items:center;justify-content:space-between;gap:50px;padding-block:56px}
.rf-oem h2{color:white}
.rf-oem .rf-label,.rf-oem p{color:#c8d3d7}
.rf-oem p{max-width:590px;margin-bottom:0}
.rf-button-light{background:#f7f8f4;color:var(--rf-ink);flex-shrink:0}
.rf-next{text-align:center;padding-block:80px}
.rf-next .rf-label{margin-bottom:16px}
.rf-next p{margin:20px 0 26px}
/* Shared templates */
body .trade-strip{background:var(--rf-ink)!important;color:#f5f6f4!important;font-size:9px!important;line-height:1.2}
body .catalogue-header{height:88px;padding-inline:max(24px,calc((100vw - 1200px)/2));gap:32px;background:var(--rf-paper)}
body .catalogue-header .catalogue-brand{transform:none;min-width:180px}
body .catalogue-header .catalogue-logo{width:180px;height:auto;max-height:64px;object-fit:contain}
body .cs-page-hero{padding:52px max(24px,calc((100vw - 1200px)/2));background:#edf0ed;color:var(--rf-ink)}
body .cs-page-hero h1{font:550 clamp(34px,4vw,54px)/1.15 'DM Sans',Arial,sans-serif;letter-spacing:-.04em;color:var(--rf-ink)}
body .cs-page-hero p{color:var(--rf-muted)}
body .cs-page-hero .cs-eyebrow{color:#64766e;font-size:12px}
body .cs-product-card{box-shadow:none;border:1px solid #e1e4df;border-radius:4px;padding:20px}
body .cs-product-card figure{border:0;height:280px;background:#f1f2ee}
body .cs-product-card h2{font:550 22px/1.25 'DM Sans',Arial,sans-serif;letter-spacing:-.025em;min-height:56px}
body .cs-product-card>p:not(.cs-eyebrow){font-size:14px;line-height:1.6;min-height:90px}
body .cs-product-meta dt{font-size:11px;letter-spacing:.04em}
body .cs-product-meta dd{font-size:13px;line-height:1.5}
body .cs-card-actions{gap:16px;flex-wrap:wrap}
body .cs-button,body .cs-link{font-size:12px;letter-spacing:.02em}
body .catalogue-footer{background:var(--rf-ink);padding:48px max(24px,calc((100vw - 1200px)/2)) 24px;gap:40px;grid-template-columns:2fr 1fr 1fr 1fr}
body .catalogue-footer>div{display:flex;flex-direction:column;align-items:flex-start;gap:12px}
body .catalogue-footer .catalogue-brand{transform:none;min-width:0}
body .catalogue-footer .catalogue-logo{width:180px;max-height:65px;object-fit:contain}
body .catalogue-footer p{font:13px/1.6 'DM Sans',Arial,sans-serif;max-width:250px;text-transform:none;letter-spacing:0;margin:0}
body .catalogue-footer a{font-size:13px;letter-spacing:0;text-transform:none}
body .catalogue-footer h4{font-size:12px;margin:0 0 8px}
@media(max-width:1000px){.rf-hero,.rf-feature{gap:36px}.rf-oem>.rf-wrap{align-items:start;flex-direction:column;gap:24px}.rf-hero-image{height:460px}}
@media(max-width:800px){.rf-wrap{width:calc(100% - 40px)}.rf-hero{grid-template-columns:1fr;padding-block:32px 40px;gap:28px}.rf-hero-copy{padding:0}.rf-home h1{font-size:40px}.rf-hero-image{height:390px}.rf-lead{font-size:16px!important}.rf-actions{gap:20px}.rf-hero-foot{margin-top:24px!important}.rf-proof .rf-wrap{justify-content:flex-start;gap:14px 24px}.rf-proof span{width:100%}.rf-ranges{padding-block:48px}.rf-section-head{display:block;margin-bottom:24px}.rf-section-head>p{margin-top:16px}.rf-range-grid{grid-template-columns:1fr;gap:32px}.rf-range-image{height:300px}.rf-feature{grid-template-columns:1fr;padding-bottom:48px;gap:28px}.rf-feature-image{height:320px}.rf-oem>.rf-wrap{padding-block:40px}.rf-next{padding-block:48px}.rf-hero-image figcaption{flex-direction:column;gap:4px}body .catalogue-header{height:76px;padding-inline:20px}body .catalogue-footer{grid-template-columns:1fr 1fr;gap:32px}body .catalogue-footer>div:first-child{grid-column:1/-1}body .cs-product-card h2,body .cs-product-card>p:not(.cs-eyebrow){min-height:0}body .cs-page-hero{padding-block:36px}body .cs-product-card figure{height:280px}}
/* Resolve legacy template-specific rules within the same active theme. */
body .cs-page-hero.is-dark{background:#edf0ed!important;color:var(--rf-ink)!important}
body .cs-page-hero.is-dark :is(h1,h2){color:var(--rf-ink)!important;font-family:'DM Sans',Arial,sans-serif!important;font-weight:550!important;line-height:1.15!important;letter-spacing:-.035em!important}
body .cs-page-hero.is-dark p{color:#52636c!important}
body .cs-page-hero.is-dark .cs-eyebrow{color:#62746c!important}
body .cs-product-single h1{font:550 clamp(32px,3.6vw,50px)/1.15 'DM Sans',Arial,sans-serif;letter-spacing:-.035em;max-width:none}
body .cs-product-single{gap:64px;padding-block:60px}
body .cs-product-single .cs-product-image{box-shadow:none;border-radius:4px}
body .catalogue-footer{background:var(--rf-ink)!important}
body .catalogue-footer>div:first-child{display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:flex-start!important;gap:18px!important}
body .catalogue-footer a{font-size:13px!important;letter-spacing:0!important;text-transform:none!important}
body .catalogue-footer .catalogue-brand{display:block!important;min-width:0!important}
body .catalogue-footer p{font:13px/1.6 'DM Sans',Arial,sans-serif!important;text-transform:none!important;letter-spacing:0!important}
body.page-id-8 .wp-block-columns>.wp-block-column:has(h2){align-self:start}
body.page-id-8 .wp-block-column.has-background{align-self:start!important;min-height:0!important;height:auto!important}
body.page-id-8 .cs-enquiry-form label{font-size:12px;letter-spacing:.05em}
body.page-id-8 .cs-container.entry-content h2{font-family:'DM Sans',Arial,sans-serif!important;font-size:36px!important;line-height:1.2!important;letter-spacing:-.025em!important}
@media(max-width:800px){body .cs-product-single{gap:28px;padding-block:32px}body.page-id-8 .cs-container.entry-content h2{font-size:28px!important}}
body.page-id-8 .cs-container.entry-content>.cs-page-hero.is-dark,body.page-id-9 .cs-container.entry-content>.cs-page-hero.is-dark,body.page-id-6 .cs-container.entry-content>.cs-page-hero.is-dark{background:#edf0ed!important;padding-block:48px!important}
body.page-id-8 .cs-container.entry-content>.cs-page-hero.is-dark :is(h1,h2,p),body.page-id-9 .cs-container.entry-content>.cs-page-hero.is-dark :is(h1,h2,p),body.page-id-6 .cs-container.entry-content>.cs-page-hero.is-dark :is(h1,h2,p){color:#192e3b!important}
body.page-id-8 .cs-container.entry-content>.cs-page-hero.is-dark h1,body.page-id-9 .cs-container.entry-content>.cs-page-hero.is-dark h1,body.page-id-6 .cs-container.entry-content>.cs-page-hero.is-dark h1{font:550 clamp(32px,4vw,54px)/1.15 'DM Sans',Arial,sans-serif!important;letter-spacing:-.035em!important}
@media(max-width:800px){body.page-id-8 .cs-container.entry-content>.wp-block-columns{width:calc(100% - 40px)!important;max-width:none!important;margin-inline:auto!important;padding-inline:0!important}body.page-id-8 .cs-container.entry-content>.cs-page-hero.is-dark{padding-block:36px!important}}
@media(max-width:1000px){body .catalogue-header{position:relative;justify-content:space-between}body .catalogue-header .cs-menu-toggle{display:block!important;min-width:44px;min-height:44px;margin-left:auto}body .catalogue-header .primary-menu{display:none!important}body .catalogue-header .primary-menu.is-open{display:block!important;position:absolute;top:100%;left:0;right:0;z-index:100;background:#faf9f6;padding:20px;border-bottom:1px solid #dce1dc;box-shadow:0 12px 20px #192e3b12}body .catalogue-header .primary-menu.is-open ul{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:0!important}body .catalogue-header .primary-menu.is-open a{display:block!important;padding:13px 8px!important;font-size:15px!important}body .catalogue-header .header-contact{display:none!important}}
/* Custom / OEM page: restore a deliberate editorial grid inside the active theme. */
body.page-id-9 .cs-container.entry-content{width:min(1200px,calc(100% - 80px));max-width:none;margin:0 auto;padding:0}
body.page-id-9 .cs-container.entry-content>.cs-page-hero:first-child{width:100vw;max-width:none;margin-left:calc(50% - 50vw)!important;margin-right:calc(50% - 50vw)!important;padding:76px max(40px,calc((100vw - 1200px)/2)) 70px!important;background:#edf0ed!important}
body.page-id-6 .cs-container.entry-content>.cs-page-hero h1,body.page-id-9 .cs-container.entry-content>.cs-page-hero:first-child h1{font-family:'DM Sans',Arial,sans-serif!important;font-weight:550!important;letter-spacing:-.045em!important}
body.page-id-9 .cs-container.entry-content>.cs-page-hero:first-child h1{max-width:640px!important;font-size:clamp(48px,5vw,72px)!important}
body.page-id-9 .cs-container.entry-content>.cs-page-hero:first-child>p:not(.cs-eyebrow){max-width:520px!important}
body.page-id-9 .cs-container.entry-content>h2{width:auto!important;margin:66px 0 22px!important;font:550 clamp(32px,3vw,46px)/1.15 'DM Sans',Arial,sans-serif!important;letter-spacing:-.035em!important;color:var(--rf-ink)!important}
body.page-id-9 .cs-container.entry-content>h2+p{width:720px!important;max-width:100%!important;margin:0 0 24px!important}
body.page-id-9 .cs-container.entry-content>h2+ p + ul{width:100%!important;margin:0!important}
body.page-id-9 .cs-container.entry-content>.wp-block-columns{width:100%!important;max-width:none!important;margin:0 0 26px!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:20px!important}
body.page-id-9 .cs-container.entry-content>.wp-block-columns>.wp-block-column{min-height:0!important;padding:26px!important;border:1px solid #dfe2de!important;background:#fff!important;align-self:stretch!important}
body.page-id-9 .cs-container.entry-content>.wp-block-columns>.wp-block-column h3{font:600 20px/1.2 'DM Sans',Arial,sans-serif!important;letter-spacing:-.02em!important;margin:0 0 14px!important;color:var(--rf-ink)!important}
body.page-id-9 .cs-container.entry-content>.wp-block-columns>.wp-block-column p{font-size:14px!important;line-height:1.55!important;margin:0!important;color:var(--rf-muted)!important}
body.page-id-9 .cs-container.entry-content>.cs-programmes{grid-template-columns:repeat(3,minmax(0,1fr))!important}
body.page-id-9 .cs-container.entry-content>.cs-trade-routes,body.page-id-9 .cs-container.entry-content>.cs-capabilities{grid-template-columns:repeat(4,minmax(0,1fr))!important}
body.page-id-9 .cs-container.entry-content>.cs-page-hero.is-dark{width:100vw!important;max-width:none!important;margin-left:calc(50% - 50vw)!important;margin-right:calc(50% - 50vw)!important;margin-top:78px!important;padding:70px max(40px,calc((100vw - 1200px)/2))!important;background:var(--rf-ink)!important;color:#fff!important;display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:40px 100px!important;align-items:center!important}
body.page-id-9 .cs-container.entry-content>.cs-page-hero.is-dark .cs-eyebrow{grid-column:1!important;grid-row:1!important;color:#d5b178!important}
body.page-id-9 .cs-container.entry-content>.cs-page-hero.is-dark h2{grid-column:1!important;grid-row:2!important;margin:0!important;color:#fff!important;font-size:clamp(36px,4vw,58px)!important;max-width:520px!important}
body.page-id-9 .cs-container.entry-content>.cs-page-hero.is-dark>p:not(.cs-eyebrow){grid-column:2!important;grid-row:1 / span 3!important;margin:0!important;max-width:560px!important;color:#dbe3e2!important;font-size:16px!important;line-height:1.7!important}
body.page-id-9 .cs-container.entry-content>.cs-page-hero.is-dark>p:last-child{grid-column:1!important;grid-row:3!important;border:1px solid #60727b;padding:14px 18px!important;color:#fff!important;font-size:11px!important;letter-spacing:.08em!important}
body.page-id-9 .cs-container.entry-content>h2:last-of-type{margin-top:74px!important}
body.page-id-9 .cs-container.entry-content>ol{width:100%!important;margin:0 0 26px!important;padding:0!important;list-style:none!important;counter-reset:steps}
body.page-id-9 .cs-container.entry-content>ol li{counter-increment:steps;border-top:1px solid var(--rf-line);padding:18px 0 18px 42px!important;position:relative;font-size:15px!important;line-height:1.5!important;color:var(--rf-muted)!important}
body.page-id-9 .cs-container.entry-content>ol li:before{content:counter(steps,decimal-leading-zero);position:absolute;left:0;top:18px;font-weight:650;color:var(--rf-ink)}
body.page-id-9 .cs-container.entry-content>ol + p,body.page-id-9 .cs-container.entry-content>ol + p + p{max-width:820px!important;margin:18px 0!important;font-size:15px!important}
body.page-id-9 .cs-container.entry-content>.cs-rfq-list{width:100%!important;max-width:none!important;margin:0 0 30px!important;padding:0!important;list-style:none!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:0 36px!important}
body.page-id-9 .cs-container.entry-content>.cs-rfq-list li{position:relative;padding:16px 0 16px 28px!important;border-top:1px solid var(--rf-line);color:var(--rf-muted);font-size:15px;line-height:1.55}
body.page-id-9 .cs-container.entry-content>.cs-rfq-list li:before{content:'+';position:absolute;left:0;color:var(--rf-ink);font-weight:650}
body.page-id-9 .cs-container.entry-content>ul.wp-block-list.cs-rfq-list li{padding-left:28px!important}
body.page-id-9 .cs-container.entry-content>.wp-block-buttons:last-child{width:100%!important;margin:28px 0 70px!important;padding:0!important;background:transparent!important;display:flex!important;gap:14px!important;justify-content:flex-start!important}
body.page-id-9 .cs-container.entry-content>.wp-block-buttons:last-child .wp-block-button__link{border-radius:3px!important;min-height:48px!important;padding:14px 22px!important;background:var(--rf-ink)!important;color:#fff!important}
body.page-id-9 .cs-container.entry-content>.wp-block-buttons:last-child .wp-block-button:last-child .wp-block-button__link{background:transparent!important;color:var(--rf-ink)!important;border:1px solid #aeb9bb!important}
@media(max-width:800px){body .trade-strip{font-size:8px!important}body.page-id-9 .cs-container.entry-content{width:calc(100% - 40px)}body.page-id-9 .cs-container.entry-content>.cs-page-hero:first-child,body.page-id-9 .cs-container.entry-content>.cs-page-hero.is-dark{width:100vw!important;margin-left:calc(50% - 50vw)!important;padding:48px 20px!important}body.page-id-9 .cs-container.entry-content>.cs-page-hero:first-child h1{font-size:42px!important}body.page-id-9 .cs-container.entry-content>h2{margin-top:48px!important;font-size:30px!important}body.page-id-9 .cs-container.entry-content>.wp-block-columns{grid-template-columns:1fr!important;gap:12px!important}body.page-id-9 .cs-container.entry-content>.cs-page-hero.is-dark{display:block!important;margin-top:52px!important}body.page-id-9 .cs-container.entry-content>.cs-page-hero.is-dark h2{font-size:38px!important;margin:10px 0 22px!important}body.page-id-9 .cs-container.entry-content>.cs-page-hero.is-dark>p:not(.cs-eyebrow){margin:0 0 24px!important}body.page-id-9 .cs-container.entry-content>.cs-rfq-list{grid-template-columns:1fr!important}body.page-id-9 .cs-container.entry-content>.wp-block-buttons:last-child{flex-direction:column!important;margin-bottom:48px!important}body.page-id-9 .cs-container.entry-content>.wp-block-buttons:last-child .wp-block-button__link{width:100%!important;text-align:center!important}}
/* Custom/OEM stats strip: four equal metrics in one row on desktop. */
body.page-id-9 .cs-container.entry-content>.cs-page-hero:first-child + .wp-block-group{width:100%!important;max-width:none!important;margin:0!important;padding:0!important;background:var(--rf-ink)!important}
body.page-id-9 .cs-container.entry-content>.cs-page-hero:first-child + .wp-block-group>.wp-block-columns{width:100%!important;max-width:none!important;margin:0!important;padding:0!important;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:0!important}
body.page-id-9 .cs-container.entry-content>.cs-page-hero:first-child + .wp-block-group>.wp-block-columns>.wp-block-column{margin:0!important;padding:30px 28px!important;border-right:1px solid #48606a!important;min-width:0!important}
body.page-id-9 .cs-container.entry-content>.cs-page-hero:first-child + .wp-block-group>.wp-block-columns>.wp-block-column:last-child{border-right:0!important}
body.page-id-9 .cs-container.entry-content>.cs-page-hero:first-child + .wp-block-group p{color:#dbe3e2!important}
@media(max-width:800px){body.page-id-9 .cs-container.entry-content>.cs-page-hero:first-child + .wp-block-group>.wp-block-columns{grid-template-columns:repeat(2,minmax(0,1fr))!important}body.page-id-9 .cs-container.entry-content>.cs-page-hero:first-child + .wp-block-group>.wp-block-columns>.wp-block-column{padding:24px 20px!important;border-bottom:1px solid #48606a!important}body.page-id-9 .cs-container.entry-content>.cs-page-hero:first-child + .wp-block-group>.wp-block-columns>.wp-block-column:nth-child(2n){border-right:0!important}}
/* Contact enquiry form: compact two-column trade brief. */
body.page-id-8 .cs-enquiry-form{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:0 18px!important;padding:24px 28px!important;margin-top:22px!important}
body.page-id-8 .cs-enquiry-form>input{display:none!important}
body.page-id-8 .cs-enquiry-form>p{margin:0 0 14px!important}
body.page-id-8 .cs-enquiry-form>p:nth-last-child(2),body.page-id-8 .cs-enquiry-form>p:nth-last-child(1){grid-column:1/-1!important}
body.page-id-8 .cs-enquiry-form input,body.page-id-8 .cs-enquiry-form select{height:44px!important;margin-top:6px!important;padding:9px 12px!important;font-size:15px!important}
body.page-id-8 .cs-enquiry-form textarea{min-height:100px!important;height:100px!important;margin-top:6px!important;padding:10px 12px!important;font-size:15px!important}
body.page-id-8 .cs-enquiry-form label{font-size:11px!important;letter-spacing:.07em!important}
body.page-id-8 .cs-enquiry-form button{min-height:44px!important;padding:12px 18px!important}
body.page-id-8 .cs-container.entry-content>.wp-block-columns{align-items:start!important}
body.page-id-8 .cs-container.entry-content>.wp-block-columns>.wp-block-column:last-child{height:auto!important;min-height:0!important;align-self:start!important}
@media(max-width:800px){body.page-id-8 .cs-enquiry-form{grid-template-columns:1fr!important;padding:20px!important}body.page-id-8 .cs-enquiry-form>p{grid-column:1!important}body.page-id-8 .cs-enquiry-form textarea{height:90px!important;min-height:90px!important}}
/* Home banner background supplied from the WordPress media library. */
body.home .rf-hero{position:relative;isolation:isolate;background-image:linear-gradient(90deg,rgba(33,43,47,.68) 0%,rgba(92,100,101,.42) 43%,rgba(245,245,241,.12) 100%),url('https://canesupply.com/wp-content/uploads/2026/10/canesupply1.webp');background-size:cover;background-position:center;background-repeat:no-repeat;border-radius:0;}
body.home .rf-hero:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(235,237,233,.18),rgba(245,245,241,.08) 58%,rgba(250,249,246,.04));z-index:-1;pointer-events:none}
body.home .rf-hero-copy{position:relative;z-index:2;color:#fff}
body.home .rf-hero-copy :is(h1,.rf-lead,.rf-label,.rf-hero-foot){color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.18)}
body.home .rf-hero-copy .rf-label{color:#f1f2ee}
body.home .rf-hero-copy .rf-text-link{color:#fff;border-color:rgba(255,255,255,.75)}
body.home .rf-hero-copy .rf-button{background:#f7f8f4;color:#192e3b}
body.home .rf-hero-image{background:transparent;z-index:1}
body.home .rf-hero-image img{visibility:hidden}
body.home .rf-hero-image figcaption{display:none}
@media(max-width:800px){body.home .rf-hero{background-position:58% center;background-image:linear-gradient(90deg,rgba(33,43,47,.72),rgba(70,78,79,.40) 68%,rgba(245,245,241,.12)),url('https://canesupply.com/wp-content/uploads/2026/10/canesupply1.webp')}body.home .rf-hero-copy{padding:28px 20px;background:linear-gradient(90deg,rgba(20,30,34,.22),transparent)}}
/* Home hero full-bleed background: keep copy aligned, remove side gutters. */
body.home .rf-hero{width:100vw!important;max-width:none!important;margin-left:calc((100% - 100vw)/2)!important;margin-right:0!important;padding-left:max(40px,calc((100vw - 1200px)/2))!important;padding-right:max(40px,calc((100vw - 1200px)/2))!important;border-radius:0!important}
@media(max-width:800px){body.home .rf-hero{width:100vw!important;margin-left:calc((100% - 100vw)/2)!important;padding-left:20px!important;padding-right:20px!important}}
/* Final home range layout: fixed gutters between independent cards. */
body.home .rf-ranges .rf-range-grid{
  display:flex!important;
  flex-wrap:nowrap!important;
  align-items:flex-start!important;
  gap:28px!important;
  width:100%!important;
}
body.home .rf-ranges .rf-range-grid>.rf-range{
  display:block!important;
  flex:0 0 calc((100% - 56px)/3)!important;
  width:calc((100% - 56px)/3)!important;
  max-width:calc((100% - 56px)/3)!important;
  margin:0!important;
  padding:0!important;
}
body.home .rf-ranges .rf-range-grid>.rf-range .rf-range-image{
  width:100%!important;
  height:300px!important;
  margin:0 0 20px!important;
  padding:0!important;
  overflow:hidden!important;
  background:#eceeea!important;
  border-radius:4px!important;
}
body.home .rf-ranges .rf-range-grid>.rf-range .rf-range-image img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  padding:0!important;
  object-fit:cover!important;
}
@media(max-width:800px){
  body.home .rf-ranges .rf-range-grid{display:flex!important;flex-direction:column!important;gap:32px!important}
  body.home .rf-ranges .rf-range-grid>.rf-range{flex:0 0 auto!important;width:100%!important;max-width:none!important}
  body.home .rf-ranges .rf-range-grid>.rf-range .rf-range-image{height:auto!important;aspect-ratio:3/2!important;margin-bottom:16px!important}
}

/* Final visual polish: keep catalogue interactions quiet and consistent. */
body .cs-product-card{
  box-shadow:0 2px 10px rgba(25,46,59,.045)!important;
  transition:border-color .2s ease,box-shadow .2s ease!important;
}
body .cs-product-card:hover{
  transform:none!important;
  border-color:#bcc5c1!important;
  box-shadow:0 4px 14px rgba(25,46,59,.07)!important;
}
body .cs-product-card figure img,
body .cs-product-card:hover figure img{
  transform:none!important;
  filter:none!important;
}
body .cs-product-card:hover figure:after{display:none!important;content:none!important}
body.single-product .cs-product-image,
body.single-product .cs-product-image:hover{box-shadow:none!important;transform:none!important}
body.single-product .cs-product-image img,
body.single-product .cs-product-image:hover img{transform:none!important;filter:none!important}

/* Legacy catalogue templates use product-card instead of cs-product-card. */
body .product-card,
body .product-card:hover{
  transform:none!important;
  box-shadow:0 2px 10px rgba(25,46,59,.045)!important;
}
body .product-card:hover img{transform:none!important;filter:none!important}
body .product-card:hover:after{display:none!important;content:none!important}

/* Custom / OEM: flatter cards and steadier spacing. */
body.page-id-9 .cs-container.entry-content>.wp-block-columns>.wp-block-column,
body.page-id-9 .cs-container.entry-content>.wp-block-columns>.wp-block-column:hover{
  transform:none!important;
  box-shadow:none!important;
  transition:border-color .2s ease,background-color .2s ease!important;
}
body.page-id-9 .cs-container.entry-content>.wp-block-columns:not(:first-of-type)>.wp-block-column:hover{
  border-color:#bfc8c4!important;
  background:#fcfcfa!important;
}
body.page-id-9 .cs-container.entry-content>.cs-programmes>.wp-block-column,
body.page-id-9 .cs-container.entry-content>.cs-trade-routes>.wp-block-column,
body.page-id-9 .cs-container.entry-content>.cs-capabilities>.wp-block-column{
  padding:24px!important;
}

/* Contact: contain the two-column area and make the factory details read as a compact panel. */
body.page-id-8 .cs-container.entry-content>.wp-block-columns{
  width:min(1200px,calc(100% - 80px))!important;
  max-width:none!important;
  gap:48px!important;
}
body.page-id-8 .cs-container.entry-content>.wp-block-columns>.wp-block-column:nth-child(2){
  position:sticky!important;
  top:24px!important;
  padding:30px 32px 24px!important;
  border-top:4px solid #d5b178!important;
}
body.page-id-8 .cs-container.entry-content>.wp-block-columns>.wp-block-column:nth-child(2) p{
  margin:0!important;
  padding:16px 0!important;
  border-top:1px solid rgba(215,223,220,.22)!important;
}
body.page-id-8 .cs-container.entry-content>.wp-block-columns>.wp-block-column:nth-child(2) h2+p{
  border-top:0!important;
  padding-top:4px!important;
}
@media(max-width:800px){
  body.page-id-8 .cs-container.entry-content>.wp-block-columns{width:calc(100% - 40px)!important;gap:30px!important}
  body.page-id-8 .cs-container.entry-content>.wp-block-columns>.wp-block-column:nth-child(2){position:static!important;padding:26px 24px 20px!important}
  body.page-id-9 .cs-container.entry-content>.cs-programmes>.wp-block-column,
  body.page-id-9 .cs-container.entry-content>.cs-trade-routes>.wp-block-column,
  body.page-id-9 .cs-container.entry-content>.cs-capabilities>.wp-block-column{padding:22px!important}
}

/* Contact Form 7 integration: preserve the existing contact-page design. */
body.page-id-8 .wpcf7{max-width:none!important;margin:22px 0 0!important}
body.page-id-8 .wpcf7 form{margin:0!important}
body.page-id-8 .cs-cf7-trade-form{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:14px 18px!important;
  max-width:none!important;
  margin:0!important;
  padding:24px 28px!important;
  background:#e9e4da!important;
  border:1px solid #c9cbc4!important;
  box-shadow:10px 10px 0 #d7d2c8!important;
}
body.page-id-8 .cs-cf7-field{display:block!important;min-width:0!important;margin:0!important;color:#59605f!important}
body.page-id-8 .cs-cf7-field>p{margin:0!important}
body.page-id-8 .cs-cf7-field--full{grid-column:1/-1!important}
body.page-id-8 .cs-cf7-field label{
  display:block!important;
  margin:0 0 6px!important;
  color:#59605f!important;
  font:600 11px/1.3 'DM Sans',Arial,sans-serif!important;
  letter-spacing:.07em!important;
  text-transform:uppercase!important;
}
body.page-id-8 .cs-cf7-field .wpcf7-form-control-wrap{display:block!important}
body.page-id-8 .cs-cf7-field :is(input[type=text],input[type=email],input[type=tel],select,textarea){
  display:block!important;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:9px 12px!important;
  border:1px solid #cfd2cf!important;
  border-radius:0!important;
  background:#fff!important;
  color:#283238!important;
  font:15px/1.4 'DM Sans',Arial,sans-serif!important;
  box-shadow:none!important;
  box-sizing:border-box!important;
}
body.page-id-8 .cs-cf7-field :is(input[type=text],input[type=email],input[type=tel],select){height:44px!important}
body.page-id-8 .cs-cf7-field textarea{height:100px!important;min-height:100px!important;resize:vertical!important}
body.page-id-8 .cs-cf7-field :is(input[type=text],input[type=email],input[type=tel],select,textarea):focus{
  border-color:#617078!important;
  outline:0!important;
  box-shadow:0 0 0 2px rgba(40,50,56,.08)!important;
}
body.page-id-8 .cs-cf7-submit{
  min-height:44px!important;
  margin:0!important;
  padding:12px 18px!important;
  border:0!important;
  border-radius:0!important;
  background:#283238!important;
  color:#fff!important;
  font:700 10px/1 'DM Sans',Arial,sans-serif!important;
  letter-spacing:.14em!important;
  text-transform:uppercase!important;
  cursor:pointer!important;
}
body.page-id-8 .cs-cf7-submit:hover{background:#40515a!important}
body.page-id-8 .wpcf7-not-valid-tip{margin-top:5px!important;font-size:12px!important;letter-spacing:0!important;text-transform:none!important}
body.page-id-8 .wpcf7-response-output{margin:16px 0 0!important;padding:12px 14px!important;font-size:13px!important}
body.page-id-8 .wpcf7-spinner{vertical-align:middle!important}
@media(max-width:800px){
  body.page-id-8 .cs-cf7-trade-form{grid-template-columns:1fr!important;padding:20px!important;box-shadow:7px 7px 0 #d7d2c8!important}
  body.page-id-8 .cs-cf7-field--full{grid-column:1!important}
  body.page-id-8 .cs-cf7-field textarea{height:90px!important;min-height:90px!important}
}

/* Contact footer transition: keep the certification signal, remove the repeated CTA. */
body.page-id-8 .cs-container.entry-content{margin-bottom:0!important}
body.page-id-8 .cs-container.entry-content>.wp-block-group.has-background{
  min-height:0!important;
  margin:0!important;
  padding:20px max(40px,calc((100vw - 1200px)/2))!important;
  border-top:1px solid rgba(217,198,166,.26)!important;
  background:#243a34!important;
}
body.page-id-8 .cs-container.entry-content>.wp-block-group.has-background p{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  color:#e2cfad!important;
  font:650 10px/1.6 'DM Sans',Arial,sans-serif!important;
  letter-spacing:.14em!important;
  text-align:center!important;
  text-transform:uppercase!important;
}
body.page-id-8 .cs-container.entry-content>.wp-block-buttons:last-child{display:none!important}
@media(max-width:800px){
  body.page-id-8 .cs-container.entry-content>.wp-block-group.has-background{padding:18px 20px!important}
  body.page-id-8 .cs-container.entry-content>.wp-block-group.has-background p{font-size:9px!important;line-height:1.75!important;letter-spacing:.1em!important}
}