:root{--ink:#10282d;--muted:#5d6c6e;--green:#0d6b50;--green2:#185d4d;--cream:#f6f3eb;--line:#dfe6e2;--white:#fff;--shadow:0 14px 40px rgba(16,40,45,.10)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Arial,sans-serif;color:var(--ink);background:#fff}a{color:inherit;text-decoration:none}.wrap{max-width:1240px;margin:auto;padding:0 28px}.top{height:78px;display:flex;align-items:center;border-bottom:1px solid #edf0ee;background:#fff;position:sticky;top:0;z-index:30}.nav{display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{display:flex;align-items:center;gap:12px;font-size:28px;font-weight:850;letter-spacing:-1px}.brandmark{width:40px;height:40px;border-radius:12px;background:var(--ink);display:grid;place-items:center;color:white}.brand span{color:var(--green)}.navlinks{display:flex;gap:28px;font-weight:650;font-size:14px}.actions{display:flex;gap:10px}.btn{border:1px solid #c8d8d2;padding:12px 18px;border-radius:10px;font-weight:750;background:#fff;cursor:pointer}.btn.primary{background:var(--green);color:#fff;border-color:var(--green)}.hero{min-height:590px;background:linear-gradient(90deg,rgba(5,22,27,.86),rgba(5,22,27,.40)),url('assets/hero.svg') center/cover;display:flex;align-items:center;color:white}.hero .content{max-width:760px;padding:70px 0}.eyebrow{text-transform:uppercase;letter-spacing:3px;font-size:12px;font-weight:800;opacity:.86}.hero h1{font-size:64px;line-height:.98;margin:15px 0 18px;letter-spacing:-3px}.hero p{font-size:20px;max-width:650px;line-height:1.5}.search{display:flex;background:#fff;padding:7px;border-radius:14px;margin-top:30px;box-shadow:var(--shadow);max-width:720px}.search input{flex:1;border:0;padding:17px 18px;font-size:16px;outline:0;border-radius:10px}.search button{border:0;border-radius:10px;background:var(--green);color:#fff;padding:0 25px;font-weight:800;font-size:15px}.quick{display:flex;gap:22px;flex-wrap:wrap;margin-top:24px;font-size:14px;font-weight:650}.quick span:before{content:'✓';margin-right:8px;color:#7be0b9}.section{padding:70px 0}.section.alt{background:var(--cream)}.sectionhead{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:26px}.sectionhead h2{font-size:38px;letter-spacing:-1.5px;margin:5px 0}.sectionhead p{color:var(--muted);margin:0;max-width:620px}.cards4{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.visualcard{height:270px;border-radius:16px;overflow:hidden;position:relative;background:#ddd;box-shadow:var(--shadow)}.visualcard img{width:100%;height:100%;object-fit:cover}.visualcard .shade{position:absolute;inset:0;background:linear-gradient(transparent 30%,rgba(5,18,20,.86))}.visualcard .txt{position:absolute;left:20px;right:20px;bottom:18px;color:#fff}.visualcard h3{margin:0 0 5px;font-size:21px}.visualcard p{margin:0;opacity:.88;font-size:14px;line-height:1.4}.countries{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.country{border:1px solid var(--line);border-radius:14px;padding:20px;background:#fff;transition:.2s}.country:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.flag{font-size:29px}.country h3{margin:12px 0 5px}.country p{margin:0;color:var(--muted);font-size:13px}.directory{display:grid;grid-template-columns:270px 1fr;gap:28px}.filters{border:1px solid var(--line);border-radius:14px;padding:20px;height:max-content;position:sticky;top:100px}.filters h3{margin-top:0}.filters label{display:block;font-size:13px;font-weight:750;margin:17px 0 6px}.filters select,.filters input{width:100%;padding:11px;border:1px solid #ccd8d4;border-radius:9px;background:#fff}.resultsbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.resultsbar h2{margin:0}.supplierlist{display:grid;gap:13px}.supplier{border:1px solid var(--line);border-radius:14px;padding:20px;background:#fff;display:grid;grid-template-columns:64px 1fr auto;gap:18px;align-items:center}.logo{width:58px;height:58px;border-radius:13px;background:#edf5f1;color:var(--green);display:grid;place-items:center;font-weight:900;font-size:18px;border:1px solid #d5e5de}.supplier h3{margin:0 0 4px;font-size:19px}.where{font-weight:700;font-size:13px}.area{color:var(--muted);font-size:13px;margin-top:3px}.tags{display:flex;gap:7px;flex-wrap:wrap;margin-top:10px}.tag{font-size:11px;background:#f2f6f4;border:1px solid #e0e9e5;padding:5px 8px;border-radius:99px}.supplier .visit{font-size:13px;font-weight:800;color:var(--green)}.guidegrid{display:grid;grid-template-columns:1.2fr .8fr;gap:24px}.guidebox{border-radius:18px;padding:32px;background:var(--ink);color:#fff}.guidebox.light{background:#e9f1ed;color:var(--ink)}.guidebox h3{font-size:28px;margin:0 0 12px}.guidebox p{line-height:1.6;opacity:.85}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:25px}.step{background:#fff;border:1px solid var(--line);border-radius:14px;padding:22px}.num{width:32px;height:32px;border-radius:50%;background:var(--green);color:#fff;display:grid;place-items:center;font-weight:900}.step h3{margin:14px 0 7px}.step p{color:var(--muted);font-size:14px;line-height:1.5}.cta{background:var(--green);color:#fff;border-radius:20px;padding:42px;display:flex;align-items:center;justify-content:space-between;gap:20px}.cta h2{margin:0 0 8px;font-size:32px}.cta p{margin:0;opacity:.9}.cta .btn{background:#fff;color:var(--green);border:0}footer{background:#0b2025;color:#d9e5e1;padding:50px 0 30px;margin-top:70px}.foot{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:35px}.foot h4{color:#fff}.foot a{display:block;margin:9px 0;font-size:13px;opacity:.78}.small{border-top:1px solid #284047;margin-top:35px;padding-top:20px;font-size:12px;opacity:.65}.notice{font-size:12px;color:var(--muted);margin-top:14px}.hidden{display:none!important}@media(max-width:900px){.navlinks{display:none}.hero h1{font-size:46px}.cards4,.countries{grid-template-columns:repeat(2,1fr)}.directory{grid-template-columns:1fr}.filters{position:static}.guidegrid{grid-template-columns:1fr}.foot{grid-template-columns:1fr 1fr}.steps{grid-template-columns:1fr}}@media(max-width:560px){.wrap{padding:0 18px}.actions .btn:first-child{display:none}.hero h1{font-size:40px}.search{display:block}.search button{width:100%;padding:15px}.cards4,.countries{grid-template-columns:1fr}.supplier{grid-template-columns:55px 1fr}.supplier .visit{grid-column:2}.foot{grid-template-columns:1fr}.cta{display:block}.cta .btn{margin-top:20px}}
/* V3.1 visual rebuild — closer to approved photographic concept */
:root{--ink:#0b1d2c;--muted:#5d6673;--green:#006b4f;--green2:#075d49;--cream:#fbfaf6;--line:#e4e7e5;--shadow:0 8px 26px rgba(13,28,36,.10)}
body{color:var(--ink);background:#fff}.wrap{max-width:1420px;padding:0 36px}.top{height:86px}.brand{gap:12px}.brandmark{width:50px;height:50px;background:transparent;color:#092737;border-radius:0;position:relative;font-size:44px;line-height:1}.brandmark b{position:absolute;color:var(--green);font-size:18px;left:18px;top:20px}.brandtext{font-size:31px;font-weight:900;line-height:.82;letter-spacing:-1.5px}.brandtext span{color:var(--green)}.brandtext small{display:block;font-size:9px;letter-spacing:4px;margin:10px 0 0 7px;color:#22313c}.navlinks{gap:36px;font-size:14px}.actions{align-items:center}.searchicon{font-size:29px;line-height:1;margin-right:6px}.btn{padding:13px 19px;border-radius:10px;color:var(--green);border-color:#94c4b5}.btn.primary{padding-left:25px;padding-right:25px}.photohero{min-height:385px;height:385px;background-image:linear-gradient(90deg,rgba(6,24,37,.70) 0%,rgba(6,24,37,.42) 42%,rgba(6,24,37,.04) 72%),url('https://images.unsplash.com/photo-1600585154340-be6161a56a0c?auto=format&fit=crop&w=2200&q=88');background-position:center 56%;background-size:cover}.photohero .content{padding:45px 0;max-width:720px}.photohero .eyebrow{font-size:12px;letter-spacing:3.4px}.photohero h1{font-size:56px;line-height:1.02;letter-spacing:-2px;margin:9px 0 8px}.photohero p{font-size:21px;margin:0}.photohero .search{height:56px;margin-top:20px;max-width:680px;border-radius:16px;padding:4px 5px 4px 15px;align-items:center}.pin{color:#172c3c;font-size:22px;margin-right:5px}.photohero .search input{padding:12px 10px}.photohero .search button{height:46px;min-width:190px;font-size:15px}.quick{gap:0;margin-top:18px}.qitem{display:flex!important;align-items:center;gap:11px;padding:0 24px;border-right:1px solid rgba(255,255,255,.35);line-height:1.3}.qitem:first-child{padding-left:0}.qitem:last-child{border:0}.qitem:before{display:none}.qitem i{font-style:normal;font-size:27px;color:#fff}.service-strip{padding:20px 0 42px;background:#fff}.cards4{gap:15px}.visualcard{height:188px;border-radius:8px;box-shadow:none;background-size:cover;background-position:center}.visualcard.stove{background-image:url('https://images.unsplash.com/photo-1721570018195-1a0a844c70b5?auto=format&fit=crop&w=900&q=82'),url('https://www.cocinadelirante.com/sites/default/files/styles/gallerie/public/images/2022/10/comoahorrargasenlacocina.jpg')}.visualcard.tank{background-image:url('https://images.unsplash.com/photo-1600585154340-be6161a56a0c?auto=format&fit=crop&w=900&q=80')}.visualcard.cylinders{background-image:linear-gradient(rgba(140,20,14,.18),rgba(140,20,14,.18)),url('assets/cylinders.svg');background-color:#a83c31}.visualcard.truck{background-image:linear-gradient(rgba(20,30,25,.05),rgba(20,30,25,.05)),url('assets/delivery.svg');background-color:#9a8d6d}.visualcard .shade{background:linear-gradient(transparent 20%,rgba(5,14,18,.82))}.visualcard .txt{left:20px;right:18px;bottom:16px}.visualcard h3{font-size:20px}.visualcard p{font-size:13px}.roundarrow{position:absolute;right:0;bottom:0;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.78);color:#18252d;font-size:20px}.country-section{padding:5px 0 50px}.country-section .sectionhead{margin-bottom:18px}.country-eye{color:#7b828a!important;letter-spacing:2px}.country-section h2{font-size:31px;margin:3px 0}.viewall{font-size:13px;font-weight:800;margin-bottom:13px}.photo-countries{gap:14px}.photo-countries .country{padding:0;overflow:hidden;border-radius:8px;box-shadow:0 3px 10px rgba(20,30,40,.07)}.countryphoto{height:103px;background-size:cover;background-position:center}.countryphoto.us{background-image:url('https://i0.web.de/image/098/41748098%2Cpd%3D1%2Cf%3Dopengraph/ikonisch-skyline-manhattan-unzaehligen-wolkenkratz.jpg')}.countryphoto.uk{background-image:url('https://images.unsplash.com/photo-1513635269975-59663e0ac1ad?auto=format&fit=crop&w=700&q=80')}.countryphoto.au{background-image:url('https://miro.medium.com/v2/resize%3Afit%3A1024/1%2AOKvs08QksLZ4pSioZqjKJw.jpeg')}.countryphoto.nz{background-image:url('https://cdn.sanity.io/images/n1o990un/production/3cf65c07bde7e1b40f65af6d8e3e66a3c5d59d33-2048x1536.jpg?auto=format&fit=max&w=1200')}.countryphoto.ca{background-image:url('https://honeywell.scene7.com/is/image/honeywell/Worldwide-2%3A5-2-hero')}.countrymeta{display:grid;grid-template-columns:42px 1fr auto;align-items:center;padding:10px 13px 12px}.countrymeta .flag{font-size:27px}.countrymeta h3{font-size:14px;margin:0 0 2px}.countrymeta p{font-size:12px}.countrymeta b{font-size:19px}.section#directory{border-top:1px solid #edf0ee}.sectionhead h2{letter-spacing:-1px}@media(max-width:1050px){.navlinks{display:none}.photohero{height:auto;min-height:430px}.countries{grid-template-columns:repeat(3,1fr)}}@media(max-width:700px){.wrap{padding:0 18px}.brandtext{font-size:25px}.brandmark{width:38px}.actions .searchicon{display:none}.photohero h1{font-size:43px}.photohero{min-height:520px}.quick{gap:12px}.qitem{border:0;padding:0 10px 0 0}.cards4,.countries{grid-template-columns:1fr}.visualcard{height:210px}}
/* V3.2 mockup fidelity pass */
.hg-logo{width:54px;height:54px;display:block;flex:none}.brandmark{display:none}.brandtext{font-size:32px;line-height:.8}.top{height:88px}.nav{height:88px}.photohero{height:386px;min-height:386px;background-image:linear-gradient(90deg,rgba(5,20,34,.72) 0%,rgba(5,20,34,.46) 40%,rgba(5,20,34,.04) 72%),url('https://images.unsplash.com/photo-1600585154340-be6161a56a0c?auto=format&fit=crop&w=2400&q=92');background-position:center 55%}.photohero .content{padding-top:46px}.quick .qitem i{width:35px;height:35px;display:grid;place-items:center}.quick .qitem svg{width:31px;height:31px;fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.quick .qitem:first-child svg path{fill:none}.service-strip{padding-top:20px}.visualcard{height:188px;background-position:center;background-size:cover}.visualcard.stove{background-image:url('assets/stove.jpg')}.visualcard.tank{background-image:url('assets/home-lpg.jpg')}.visualcard.cylinders{background-image:url('assets/propane.jpg')}.visualcard.truck{background-image:url('assets/delivery.jpg')}.countryphoto.us{background-image:url('assets/us.jpg')}.countryphoto.uk{background-image:url('assets/uk.jpg')}.countryphoto.au{background-image:url('assets/au.jpg')}.countryphoto.nz{background-image:url('assets/nz.jpg')}.countryphoto.ca{background-image:url('assets/ca.jpg')}.visualcard .shade{background:linear-gradient(to bottom,rgba(0,0,0,0) 18%,rgba(4,12,16,.08) 38%,rgba(4,12,16,.88) 100%)}

/* Mockup fidelity pass */
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.mockup-hero{position:relative;height:386px!important;min-height:386px!important;background-image:url('assets/hero-mockup.jpg')!important;background-size:cover!important;background-position:center center!important;padding:0!important}
.hero-live-search{position:absolute;left:7.45%;top:61.7%;width:39.6%;height:54px;background:#fff;border-radius:16px;display:flex;align-items:center;padding:4px 5px 4px 16px;box-shadow:0 1px 2px rgba(0,0,0,.08)}
.hero-live-search .pin{font-size:18px;color:#132b3d;margin-right:6px}.hero-live-search input{border:0;outline:0;flex:1;min-width:0;font:inherit;font-size:14px;padding:10px;color:#263746;background:#fff}.hero-live-search button{height:46px;min-width:178px;border:0;border-radius:11px;background:#087657;color:#fff;font-weight:800;font-size:15px;cursor:pointer}.hero-hotlinks{position:absolute;left:7.4%;top:80%;width:40.5%;height:58px;display:grid;grid-template-columns:repeat(4,1fr)}.hero-hotlinks a{display:block}
.top,.nav{height:86px}.wrap{max-width:1420px;margin:0 auto;padding-left:36px;padding-right:36px}.service-strip{padding:18px 0 39px}.cards4{gap:15px}.visualcard{height:188px}.country-section{padding:4px 0 50px}.country-section .sectionhead{margin-bottom:17px}.photo-countries{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.photo-countries .country{min-width:0;height:177px;display:block;padding:0!important;overflow:hidden}.countryphoto{height:103px;width:100%;background-size:cover!important;background-position:center!important}.countrymeta{height:74px;grid-template-columns:42px minmax(0,1fr) 22px;padding:9px 13px 11px}.countrymeta .flag{width:34px;height:24px;display:flex;align-items:center}.countrymeta .flag img{display:block;width:34px;height:23px;object-fit:cover}.countrymeta h3{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.countrymeta b{justify-self:end}.country-section .sectionhead p{margin-top:2px}
@media(min-width:1600px){.hero-live-search{left:calc(50% - 651px);width:610px}.hero-hotlinks{left:calc(50% - 651px);width:620px}}
@media(max-width:1050px){.mockup-hero{background-image:linear-gradient(90deg,rgba(5,20,34,.72),rgba(5,20,34,.12)),url('assets/home-lpg.jpg')!important;height:430px!important;min-height:430px!important}.hero-live-search{left:6%;top:56%;width:72%}.hero-hotlinks{display:none}.photo-countries{grid-template-columns:repeat(3,1fr)}}
@media(max-width:700px){.hero-live-search{left:18px;right:18px;width:auto;top:60%;height:auto;flex-wrap:wrap}.hero-live-search button{width:100%;margin-top:4px}.photo-countries{grid-template-columns:1fr}.photo-countries .country{height:auto}}
/* Fidelity fix: the hero artwork already contains the visible headline/search/icons.
   Only the live form/hotspots are layered over it; no duplicate UI is drawn. */
.mockup-hero{position:relative;width:100%;height:auto!important;min-height:0!important;aspect-ratio:1536/354;background-image:url('assets/hero-mockup-clean.jpg')!important;background-size:100% 100%!important;background-position:center!important;background-repeat:no-repeat!important;padding:0!important;color:transparent!important}
.hero-search-hit{position:absolute;left:7.45%;top:58.8%;width:39.6%;height:54px;border-radius:16px;display:flex;align-items:center;padding:4px 5px 4px 48px;background:transparent;z-index:3}
.hero-search-hit input{flex:1;min-width:0;height:46px;border:0;outline:0;background:transparent;color:transparent;font:inherit;font-size:14px;padding:0 10px}
.hero-search-hit input::placeholder{color:transparent}
.hero-search-hit button{height:46px;min-width:178px;border:0;border-radius:11px;background:transparent;color:transparent;font-weight:800;font-size:15px;cursor:pointer}
.hero-search-hit:focus-within{background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.08);padding-left:16px}
.hero-search-hit:focus-within:before{content:'⌖';color:#132b3d;font-size:18px;margin-right:6px}
.hero-search-hit:focus-within input{color:#263746;background:#fff}
.hero-search-hit:focus-within input::placeholder{color:#6b7580}
.hero-search-hit:focus-within button{background:#087657;color:#fff}
.hero-hotlinks{position:absolute;left:7.4%;top:78.4%;width:40.5%;height:58px;display:grid;grid-template-columns:repeat(4,1fr);z-index:2}.hero-hotlinks a{display:block}
@media(min-width:1600px){.hero-search-hit{left:calc(50% - 651px);width:610px}.hero-hotlinks{left:calc(50% - 651px);width:620px}}
@media(max-width:1050px){.mockup-hero{aspect-ratio:1536/354!important;background-image:url('assets/hero-mockup-clean.jpg')!important}.hero-search-hit{left:7.45%;top:58.8%;width:39.6%}.hero-hotlinks{left:7.4%;top:78.4%;width:40.5%;display:grid}}
@media(max-width:700px){.mockup-hero{aspect-ratio:auto!important;height:410px!important;background-size:auto 410px!important;background-position:center top!important}.hero-search-hit{left:6%;top:58%;width:70%;height:50px}.hero-search-hit button{min-width:120px}.hero-hotlinks{display:none}}
/* V3.3: single hero search only. The mockup artwork contains the visible search bar;
   this transparent hotspot sends users to the live directory search without drawing a second bar. */
.hero-search-hit{display:none!important}
.hero-search-hotspot{position:absolute;left:7.45%;top:58.8%;width:39.6%;height:54px;border:0;border-radius:16px;background:transparent;cursor:text;z-index:5;padding:0}
.hero-search-hotspot:focus{outline:2px solid rgba(0,107,79,.35);outline-offset:2px}
@media(min-width:1600px){.hero-search-hotspot{left:calc(50% - 651px);width:610px}}
@media(max-width:1050px){.hero-search-hotspot{left:7.45%;top:58.8%;width:39.6%}}
@media(max-width:700px){.hero-search-hotspot{left:6%;top:58%;width:70%;height:50px}}
/* clean country photography cropped from the approved visual reference */
.countryphoto{background-repeat:no-repeat!important;background-size:cover!important;background-position:center!important}

/* V5.3 supplier brand marks on country directories */
.logo.supplier-brand{position:relative;overflow:hidden;background:#edf5f1}.logo.supplier-brand>span{position:relative;z-index:0}.logo.supplier-brand .supplier-brand-image{position:absolute;z-index:1;inset:6px;width:calc(100% - 12px);height:calc(100% - 12px);object-fit:contain;background:#fff;border-radius:7px}

.footer-disclaimer{font-size:12px;line-height:1.6;color:#c9d8d3;margin:18px 0 0}.footer-legal{display:flex;gap:16px;flex-wrap:wrap;margin-top:12px;font-size:12px}.footer-legal a,.footer-legal button{color:#e7f2ed;text-decoration:underline;text-underline-offset:3px}.footer-legal button{border:0;background:none;padding:0;font:inherit;cursor:pointer}.cookie-notice{position:fixed;z-index:1000;right:18px;bottom:18px;width:min(540px,calc(100vw - 36px));padding:20px 22px;border:1px solid #c7ddd4;border-radius:16px;background:#fff;color:#0b2b3a;box-shadow:0 18px 55px rgba(3,28,38,.24);font:14px/1.5 Inter,ui-sans-serif,system-ui,Segoe UI,sans-serif}.cookie-notice[hidden]{display:none}.cookie-notice strong{font-size:16px}.cookie-notice p{margin:6px 0 16px;color:#425c67}.cookie-notice a{color:#08785a;text-decoration:underline}.cookie-actions{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap}.cookie-actions button{border:1px solid #a9c7bb;border-radius:9px;padding:10px 13px;background:#fff;color:#08785a;font:inherit;font-weight:750;cursor:pointer}.cookie-actions button:last-child{background:#08785a;border-color:#08785a;color:#fff}

footer{background:#091f27;padding:24px 0}
footer .footer-bottom{display:grid;grid-template-columns:max-content minmax(0,1fr) auto;align-items:center;gap:16px 28px}
footer .footer-bottom .footer-copyright{color:#b7c9c4;white-space:nowrap;font-size:12px}
footer .footer-bottom .footer-disclaimer,footer .footer-bottom .footer-legal{margin:0}
@media(max-width:1100px){footer .footer-bottom{grid-template-columns:max-content 1fr}footer .footer-bottom .footer-disclaimer{grid-column:1/-1;grid-row:2}footer .footer-bottom .footer-legal{grid-column:2;grid-row:1;justify-self:end}}
@media(max-width:700px){footer .footer-bottom{grid-template-columns:1fr;gap:12px}footer .footer-bottom .footer-disclaimer{grid-column:1;grid-row:2}footer .footer-bottom .footer-legal{grid-column:1;grid-row:3;justify-self:start}}


/* Keep AdSense placements collapsed until Google fills them. */
.housegas-ad-area:not(:has(ins.adsbygoogle[data-ad-status='filled'])){display:none!important}