/*
Theme Name: FBT Wholesalers
Author: Areff Solutions
Version: 1.3.1
Description: Bespoke green, gold and ivory wholesale website for Future Business Trading (PTY) LTD.
Requires at least: 6.0
Requires PHP: 7.4
License: GPL-2.0-or-later
*/
:root{--green:#1e4d4a;--deep:#123b38;--gold:#daa546;--cream:#f4f2eb;--ink:#183c39}*{box-sizing:border-box}body{margin:0;color:var(--ink);font:16px/1.75 Arial,sans-serif;background:#fff}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;object-fit:cover;display:block}h1,h2,h3,p{margin-top:0}h1,h2{font-family:Georgia,serif;font-weight:400;line-height:1.12;letter-spacing:-1.5px}h1{font-size:clamp(42px,4.7vw,76px)}h2{font-size:clamp(34px,3.7vw,54px)}h3{font-size:22px;line-height:1.35}p{max-width:660px}em{color:var(--gold);font-weight:400}button,input,select,textarea{font:inherit}.topbar{background:var(--deep);color:#fff;padding:8px 5%;font-size:12px;display:flex;justify-content:space-between;gap:20px}header{padding:20px 5%;display:flex;align-items:center;justify-content:space-between;gap:24px;background:white} .brand{display:flex;align-items:center;gap:12px;font-size:17px;line-height:1.4;letter-spacing:1px}.brand img{width:58px;height:58px;object-fit:contain}.brand small{display:block;font-size:10px;letter-spacing:2px}nav{display:flex;align-items:center;gap:24px;font-size:13px}nav .menu{display:flex;list-style:none;gap:22px;padding:0;margin:0}.button,.outline{display:inline-block;padding:14px 24px;font-size:13px;font-weight:bold;background:var(--gold);color:#173b38;border:1px solid var(--gold);cursor:pointer}.outline{background:transparent;border-color:#97b0aa;color:inherit}.button:hover,.outline:hover{filter:brightness(.94);text-decoration:none}.hero{display:grid;grid-template-columns:1.03fr 1fr;background:var(--green);color:white;min-height:640px}.hero-copy{padding:70px 9% 50px 10%}.hero img{height:100%;width:100%;min-height:640px}.eyebrow{display:block;font-size:11px;letter-spacing:2.5px;font-weight:bold;color:#9b732b;margin-bottom:24px}.hero .eyebrow,.cta .eyebrow{color:#efc779}.hero p{color:#e1e9e4;max-width:480px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.hero-note{font-size:10px;letter-spacing:1.5px;margin-top:48px}.hero-note b{color:var(--gold);margin:0 12px}.ribbon{background:var(--cream);padding:21px 5%;font-family:Georgia,serif;font-size:20px;display:flex;justify-content:space-between;gap:20px}.ribbon span{font:12px/2 Arial,sans-serif}.wrap{max-width:1240px;margin:auto;padding:90px 36px}.split{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.split img{height:450px;width:100%}.text-link{display:inline-block;border-bottom:1px solid var(--gold);font-weight:bold;font-size:13px;padding:8px 0}.cream{background:var(--cream)}.range-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:40px}.range-grid img{height:340px;width:100%}.range-grid a{background:#fff}.range-grid a>div{padding:28px}.range-grid span{font-size:11px;letter-spacing:2px;color:#8b6c30}.range-grid h3{margin:12px 0}.range-grid p{margin:0}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:36px;margin:40px 0}.cards article{border-top:1px solid #bfbcac;padding-top:26px}.num{color:#98712c;font:italic 26px Georgia;display:block;margin-bottom:20px}.cards p{font-size:15px}.cta{background:var(--green);color:white;max-width:none;text-align:center}.cta p{margin:24px auto 0;font-size:13px}.cta a:not(.button){text-decoration:underline}.page-intro{background:var(--cream);border-bottom:1px solid #e1dfd2}.page-intro .wrap{padding-top:75px;padding-bottom:65px}.lead{font-size:18px}.small{font-size:12px;color:#526962}.contact-grid,.enquiry-layout{display:grid;grid-template-columns:1.3fr 1fr;gap:90px}aside{padding:35px;background:var(--cream);align-self:start}input,textarea,select{display:block;width:100%;padding:12px;border:1px solid #a9b9b2;background:white;color:var(--ink);margin-top:7px}label{display:block;font-size:13px;margin-bottom:18px}textarea{min-height:150px}.hidden{position:absolute;left:-10000px}.notice{padding:15px;background:var(--cream);border-left:4px solid var(--gold)}footer{background:#102f2d;color:#e1e9e4;padding:60px 5% 20px}.footer-grid{display:grid;grid-template-columns:1.2fr .8fr 1fr;gap:60px}.footer-grid p{font-size:13px}.footer-grid a{display:inline-block;margin-bottom:5px}.footer-bottom{border-top:1px solid #42625d;margin-top:40px;padding-top:20px;font-size:11px;display:flex;justify-content:space-between}.menu-toggle{display:none}.skip{position:absolute;top:-100px}.skip:focus{top:0;background:white;padding:10px;z-index:10}:focus-visible{outline:3px solid var(--gold);outline-offset:4px}@media(max-width:1000px){nav{gap:12px}nav .menu{gap:12px}.nav-quote{display:none}.hero-copy{padding:55px 7%}.split{gap:35px}.hero img{min-height:560px}}@media(max-width:740px){.topbar{font-size:10px;flex-wrap:wrap;gap:0}.topbar span:last-child{display:none}header{flex-wrap:wrap;padding:15px 6%}.menu-toggle{display:block;background:none;border:1px solid #bdc8bf;padding:9px 14px}nav{display:none;width:100%}nav.open{display:block}nav .menu{display:flex;flex-direction:column;gap:12px}.hero{grid-template-columns:1fr}.hero-copy{padding:50px 7%}.hero img{height:340px;min-height:0}.hero-note{margin-top:30px}.wrap{padding:55px 24px}.split,.range-grid,.cards,.contact-grid,.enquiry-layout,.footer-grid{grid-template-columns:1fr;gap:30px}.split img{height:330px}.range-grid img{height:280px}.ribbon{font-size:17px;display:block}.ribbon span{display:block}.footer-grid{gap:20px}.footer-bottom{display:block}h1{font-size:45px}.contact-grid,.enquiry-layout{gap:35px}}

/* Refined page system — version 1.2 */
:root{--gold:#d8a244;--cream:#f5f3ed}body{font-size:16px;line-height:1.8;-webkit-font-smoothing:antialiased}h1,h2{letter-spacing:-.035em}h3{letter-spacing:-.02em}p{color:#536761}header{position:relative;z-index:5;border-bottom:1px solid #e5e9e4;padding-top:18px;padding-bottom:18px}nav a{position:relative;padding-block:8px}nav a[aria-current="page"]:after{content:"";position:absolute;bottom:1px;left:0;right:0;height:2px;background:var(--gold)}.brand{font-size:15px;font-weight:700;letter-spacing:1px}.brand small{font-weight:400}.brand img{width:62px;height:62px;border-radius:13px}.button,.outline{border-radius:4px;transition:background .2s,transform .2s;min-height:48px}.button:hover,.outline:hover{transform:translateY(-2px)}.hero{min-height:650px}.hero-copy{padding-top:74px;padding-bottom:64px}.hero h1{font-size:clamp(46px,4.6vw,72px);line-height:1.08}.hero p{font-size:16px;line-height:1.9}.hero>img{object-position:center;min-height:650px}.hero-note{padding-top:24px;border-top:1px solid #5e7e74;max-width:450px}.ribbon{background:#eeeae0;border-bottom:1px solid #e5e0d4;padding-block:20px}.wrap{max-width:1250px;padding-top:92px;padding-bottom:92px}.split{gap:82px}.split>div{max-width:490px}.split img{border-radius:6px;box-shadow:18px 18px 0 #f0ece0;height:430px}.split .text-link{margin-top:12px}.eyebrow{font-size:10px;letter-spacing:2.7px;margin-bottom:21px}.section-top{display:flex;align-items:start;justify-content:space-between;gap:30px}.range-grid{gap:28px}.range-grid>a{border-radius:6px;overflow:hidden;border:1px solid #e2dfd3;transition:box-shadow .2s}.range-grid>a:hover{text-decoration:none;box-shadow:0 15px 35px #163c3812}.range-grid img{height:340px}.range-grid a>div{padding:31px 34px}.range-grid h3{font-family:Georgia,serif;font-weight:400;font-size:27px}.cards{gap:22px;counter-reset:cards}.cards article{border:1px solid #e1e5dd;background:#fff;border-radius:5px;padding:30px 28px}.cards .num{background:#f3eddf;border-radius:50%;width:48px;height:48px;display:grid;place-items:center;font-size:21px}.cards h3{font-size:20px}.cards p{font-size:14px;line-height:1.9;margin-bottom:0}.cream .cards article{border-color:#e5e1d6}.page-intro{background:var(--green);color:white;position:relative;overflow:hidden}.page-intro:before{content:"";position:absolute;inset:0 0 0 55%;background:linear-gradient(90deg,var(--green),#163b3855),url(assets/groceries.jpg) center/cover;opacity:.65}.fbt-appliances .page-intro:before,.fbt-contact .page-intro:before{background-image:linear-gradient(90deg,var(--green),#163b3855),url(assets/appliances.jpg)}.page-intro .wrap{position:relative;padding-top:76px;padding-bottom:76px}.page-intro .eyebrow{color:#e4bd72}.page-intro h1{font-size:clamp(40px,4.3vw,64px);max-width:800px}.page-intro p{color:#e1e8e2;max-width:610px;font-size:17px}.cta{position:relative;border-top:5px solid var(--gold);padding-top:72px;padding-bottom:72px;background:radial-gradient(ellipse at top right,#2a6158,var(--green) 65%)}.cta h2{font-size:clamp(35px,4vw,57px)}.cta p{color:#dce5df}.contact-grid article{padding:36px;border:1px solid #e1e5dd;border-radius:6px}.contact-grid article:first-child{border-top:4px solid var(--gold)}.contact-grid h2{font-size:40px}.contact-grid h3{margin-bottom:8px}.contact-grid p{overflow-wrap:anywhere}.contact-grid{gap:30px}.enquiry-layout{gap:60px;grid-template-columns:1.5fr 1fr}.enquiry-layout aside{border-radius:6px;border-top:4px solid var(--gold)}aside p{overflow-wrap:anywhere}aside hr{border:0;border-top:1px solid #d8dacc;margin:30px 0}form{margin-top:30px;padding:30px;background:#f7f8f4;border:1px solid #e3e7dc;border-radius:6px}input,select,textarea{border-radius:4px;border-color:#c9d2c8;transition:border-color .2s}input:focus,textarea:focus,select:focus{border-color:var(--green)}label{font-weight:600}form .small{font-weight:400}.brand-feature{padding-top:0}.brand-panel{display:grid;grid-template-columns:1.1fr 1fr;gap:45px;padding:35px;background:var(--cream);border:1px solid #e5e1d5;border-radius:6px;align-items:center}.brand-panel img{width:100%;height:330px;border-radius:4px}.brand-panel h2{font-size:38px}.brand-tags{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}.brand-tags span{background:#fff;border:1px solid #d9ddd3;padding:6px 12px;font-size:12px;border-radius:3px}footer{padding-top:64px}footer p{color:#c3d1c9}.footer-grid{max-width:1180px;margin:auto}.footer-grid h3{font-size:14px;letter-spacing:1px;text-transform:uppercase;color:#e9bf71}.footer-grid a:not(.brand){font-size:13px}.footer-bottom{max-width:1180px;margin:40px auto 0;color:#a7bdb2}.small{line-height:1.8}.page-intro .lead{margin-bottom:0}
@media(min-width:1500px){header,.topbar{padding-left:calc((100vw - 1320px)/2);padding-right:calc((100vw - 1320px)/2)}.hero-copy{padding-left:calc((100vw - 1180px)/2)}}
@media(max-width:1000px){.hero h1{font-size:49px}.hero-copy{padding:55px 8%}.split{gap:42px}.brand{font-size:13px}.brand img{width:50px;height:50px}.cards article{padding:25px 20px}.brand-panel{gap:28px;padding:28px}.brand-panel h2{font-size:32px}}
@media(max-width:740px){.wrap{padding:54px 23px}.hero-copy{padding:50px 24px}.hero h1{font-size:45px}.hero>img{min-height:0;height:320px}.hero{min-height:0}.page-intro:before{inset:0;opacity:.18}.page-intro .wrap{padding-top:55px;padding-bottom:55px}.page-intro h1{font-size:42px}.page-intro p{font-size:16px}.section-top{display:block}.split{gap:36px}.split img{height:300px;box-shadow:9px 9px 0 #eeeade}.cards{gap:16px}.cards article{padding:25px}.range-grid img{height:270px}.range-grid a>div{padding:24px}.contact-grid article{padding:27px}.contact-grid,.enquiry-layout,.brand-panel{grid-template-columns:1fr;gap:28px}.enquiry-layout aside{padding:27px}.brand-feature{padding-top:0}.brand-panel{padding:24px}.brand-panel img{height:260px}.brand-panel h2{font-size:33px}.brand-tags{gap:6px}.brand-tags span{font-size:11px}form{padding:22px}.cta{padding-top:55px;padding-bottom:55px}footer{padding:50px 24px 22px}}

/* Centred content and uncropped imagery */
main{text-align:center}main h1,main h2,main h3,main p{margin-left:auto;margin-right:auto}main h1{max-width:950px}main h2{max-width:850px}main p{max-width:710px}.hero{display:flex;flex-direction:column;align-items:center;min-height:0;padding:64px 28px 48px;gap:40px}.hero-copy{padding:0!important;max-width:1000px;width:100%}.hero h1{font-size:clamp(40px,4.5vw,68px);max-width:950px}.hero h1 br{display:none}.hero h1 em:before,.hero h1 em:after{content:" "}.hero p{max-width:690px}.actions{justify-content:center}.hero-note{margin:30px auto 0;max-width:600px}.hero>img{width:min(1120px,100%);height:auto;min-height:0;max-height:none;object-fit:contain;border-radius:7px}.ribbon{justify-content:center;align-items:center;gap:55px;text-align:center}.split{grid-template-columns:1fr;gap:32px;justify-items:center;max-width:1130px}.split>div{max-width:800px;width:100%}.split img{width:100%;height:auto;max-height:none;object-fit:contain;box-shadow:none;max-width:1040px;margin:auto;border-radius:7px}.section-top{display:block}.page-intro:before{inset:0;opacity:.12;background-position:center}.page-intro .wrap{display:flex;flex-direction:column;align-items:center}.page-intro h1{max-width:950px}.page-intro p{max-width:720px}.cards{align-items:stretch}.cards .num{margin:0 auto 22px}.cards article{text-align:center}.range-grid a>div{text-align:center}.range-grid img{height:auto;aspect-ratio:16/9;object-fit:contain;background:var(--green)}.brand-panel{grid-template-columns:1fr;max-width:1100px;margin:auto;gap:32px;padding:34px}.brand-panel img{height:auto;max-height:none;max-width:100%;object-fit:contain;margin:auto}.brand-panel>div{max-width:760px;margin:auto}.brand-tags{justify-content:center}.contact-grid{max-width:1120px;grid-template-columns:1fr 1fr}.contact-grid article{text-align:center}.enquiry-layout{grid-template-columns:minmax(0,740px);justify-content:center;gap:32px}.enquiry-layout>div{width:100%}.enquiry-layout aside{width:100%;text-align:center}form{text-align:left}form p{text-align:left}form button{display:block;margin:24px auto 0}.product-gallery{padding-top:0}.product-gallery .gallery-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:35px}.product-gallery figure{margin:0;border:1px solid #e1e3d9;border-radius:6px;overflow:hidden;background:var(--cream)}.product-gallery img{width:100%;height:auto;object-fit:contain}.product-gallery figcaption{padding:22px;font-family:Georgia,serif;font-size:24px}.footer-grid{text-align:center;align-items:start}.footer-grid .brand{justify-content:center}.footer-grid p{margin-left:auto;margin-right:auto}.footer-bottom{justify-content:center;gap:35px}main img{object-position:center}
@media(max-width:740px){.hero{padding:44px 20px 30px;gap:28px}.hero>img{height:auto;min-height:0}.hero h1{font-size:39px}.hero-note{font-size:9px;letter-spacing:1px}.hero-note b{margin:0 6px}.ribbon{display:block}.split img{height:auto}.range-grid img{height:auto}.brand-panel{padding:18px;gap:25px}.brand-panel img{height:auto}.contact-grid,.product-gallery .gallery-grid{grid-template-columns:1fr}.product-gallery figcaption{font-size:22px}.page-intro h1{font-size:38px}.footer-bottom{display:block}.footer-bottom span{display:block}}