:root{--pine:#153d2b;--forest:#1c5738;--leaf:#357650;--cream:#f6f7f2;--paper:#fff;--ink:#17231d;--muted:#5b6a60;--line:#dbe3d8;--soil:#ad7850;--shadow:0 22px 50px rgba(22,46,30,.075)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;color:var(--ink);background:var(--paper);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;font-size:16px;line-height:1.55}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid #d69758;outline-offset:3px}.container{width:min(100% - 72px,1230px);margin-inline:auto}.skip-link{position:absolute;z-index:99;top:-100px;left:10px;background:#fff;padding:10px}.skip-link:focus{top:10px}.site-header{position:relative;z-index:30;background:#fff;border-bottom:1px solid #e6eae4}.header-inner{height:88px;display:flex;align-items:center;gap:36px}.brand{flex:0 0 222px;width:222px;height:68px;overflow:hidden;position:relative}.brand img{position:absolute;width:253px;max-width:none;height:auto;left:-15px;top:-15px}.main-nav{display:flex;gap:29px;margin-left:auto;align-items:center;white-space:nowrap}.main-nav a{font-size:14px;font-weight:650;color:#253c2e;transition:color .2s}.main-nav a:hover,.site-footer a:hover{color:var(--leaf)}.header-call{font-weight:700;font-size:14px;white-space:nowrap;color:var(--pine);border:1px solid #bdd0be;border-radius:9px;padding:11px 16px}.header-call:hover{background:#edf5ec}.header-call .icon{font-size:19px;margin-right:5px}.menu-toggle{display:none}
.hero{position:relative;min-height:590px;overflow:hidden;background:#e3e7db}.hero-image,.hero-shade{position:absolute;inset:0;width:100%;height:100%}.hero-image{object-fit:cover;object-position:center 55%}.hero-shade{background:linear-gradient(90deg,rgba(248,249,243,.99) 0%,rgba(248,249,243,.94) 28%,rgba(248,249,243,.65) 43%,rgba(248,249,243,.03) 71%)}.hero-inner{position:relative;z-index:1;min-height:590px;display:flex;align-items:center}.hero-copy{width:min(590px,52%);padding:52px 0 65px}.eyebrow,.kicker{font-size:12px;letter-spacing:.19em;font-weight:800;color:var(--leaf);margin:0 0 20px;text-transform:uppercase}.eyebrow{display:flex;align-items:center;gap:12px}.eyebrow-line{width:26px;height:2px;background:var(--soil)}h1,h2,h3,p{margin-top:0}h1,h2{letter-spacing:-.055em;line-height:1.09;font-weight:750}h1{font-size:clamp(45px,5.3vw,78px);margin-bottom:26px;max-width:620px}h1 em,h2 em{font-style:normal;color:var(--leaf)}.hero-lede{max-width:490px;color:#36483b;font-size:19px;line-height:1.65;margin-bottom:30px}.cta-row{display:flex;gap:12px;flex-wrap:wrap}.button{min-height:52px;display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:10px;padding:13px 21px;font-weight:750;font-size:14px;transition:transform .2s,background .2s,border-color .2s}.button:hover{transform:translateY(-2px)}.button-primary{background:#17683d;color:white;box-shadow:0 9px 22px rgba(22,104,61,.19)}.button-primary:hover{background:#105430}.button-outline{border:1px solid #9fb5a1;color:var(--pine);background:rgba(255,255,255,.78)}.button-outline:hover{border-color:var(--pine);background:#fff}.wa-symbol{border:1.5px solid currentColor;border-radius:50%;width:21px;height:21px;display:grid;place-items:center;font-size:15px;line-height:1}.hero-note{font-size:13px;color:#53715b;margin:22px 0 0}.hero-corner{position:absolute;right:max(36px,calc((100vw - 1230px)/2));bottom:29px;z-index:2;color:white;font-size:12px;font-weight:800;letter-spacing:.16em;line-height:1.35;text-align:right;text-shadow:0 1px 9px rgba(0,0,0,.65)}.hero-corner-mark{font-size:33px;display:block;font-weight:300;line-height:1}
.trust-band{background:var(--pine);color:#fff}.trust-inner{display:grid;grid-template-columns:repeat(3,1fr);min-height:105px;align-items:center}.trust-item{display:flex;gap:16px;align-items:center;padding:18px 30px;border-right:1px solid rgba(255,255,255,.17)}.trust-item:first-child{padding-left:0}.trust-item:last-child{border:0}.trust-icon{flex:0 0 40px;border:1px solid #9fc1a7;border-radius:10px;width:40px;height:40px;display:grid;place-items:center;font-size:23px;color:#baddb8}.trust-item strong,.trust-item small{display:block}.trust-item strong{font-size:14px;line-height:1.25}.trust-item small{font-size:13px;color:#c5d8ca;margin-top:4px}
.section{padding:102px 0}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:38px;margin-bottom:38px}.section-heading>div{max-width:700px}.section-heading>p{max-width:340px;color:var(--muted);font-size:16px;line-height:1.65;margin-bottom:7px}.section h2,.closing h2{font-size:clamp(36px,4vw,55px);margin:0}.kicker{margin-bottom:13px}.products-section{background:#fbfcf8}.products-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.product-card{background:white;border:1px solid var(--line);border-radius:15px;overflow:hidden;box-shadow:var(--shadow);display:flex;flex-direction:column}.product-card.featured{border:2px solid #438457;transform:translateY(-7px);box-shadow:0 24px 50px rgba(22,90,49,.12)}.product-visual{height:205px;background-image:url('./assets/products.webp');background-repeat:no-repeat;background-size:310% auto;position:relative}.soil-one{background-position:0% center}.soil-two{background-position:50% center}.soil-three{background-position:100% center}.product-badge{position:absolute;left:17px;top:17px;border-radius:5px;background:#18673d;color:#fff;padding:7px 10px;font-size:12px;font-weight:800}.product-content{padding:26px;display:flex;flex-direction:column;flex:1}.product-topline{font-size:11px;font-weight:800;letter-spacing:.18em;color:#748579;margin-bottom:8px}.product-card h3{font-size:24px;letter-spacing:-.035em;line-height:1.25;margin-bottom:8px}.product-card p{font-size:15px;color:#57675b;line-height:1.55;min-height:46px;margin-bottom:17px}.mix{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:25px}.mix span{background:#f0f4ed;border:1px solid #e3eae0;border-radius:6px;padding:5px 8px;color:#335440;font-size:13px;white-space:nowrap}.mix b{color:var(--pine)}.text-link{margin-top:auto;border-top:1px solid #e8eee6;padding-top:17px;display:flex;align-items:center;justify-content:space-between;font-size:14px;font-weight:750;color:var(--forest)}.text-link:hover{color:#0b8e45}.text-link span{font-size:20px;line-height:1}
.shipping-section{background:#fff}.shipping-layout{display:grid;grid-template-columns:.85fr 1.15fr;align-items:center;gap:68px}.shipping-copy h2{max-width:490px}.section-lede{font-size:17px;color:var(--muted);line-height:1.7;margin:23px 0 28px}.truck-options{display:flex;gap:11px;margin:28px 0}.truck-option{border:1px solid var(--line);border-radius:10px;display:flex;align-items:center;gap:12px;padding:14px 15px;flex:1}.truck-option strong{color:var(--forest);font-size:38px;letter-spacing:-.08em;white-space:nowrap;line-height:1}.truck-option strong span{font-size:17px;letter-spacing:0}.truck-option b,.truck-option small{display:block}.truck-option b{font-size:13px}.truck-option small{font-size:12px;color:#748077}.photo-frame{position:relative;overflow:hidden;border-radius:16px;background:#dce5d7}.photo-frame img{width:100%;height:100%;object-fit:cover}.shipping-photo{height:490px}.image-caption{position:absolute;left:18px;bottom:18px;color:white;background:rgba(15,49,30,.88);border-radius:5px;padding:9px 11px;font-weight:800;letter-spacing:.1em;font-size:11px}
.uses-section{background:var(--cream)}.use-layout{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:88px}.use-photo{height:480px}.uses-copy{max-width:495px}.uses-list{list-style:none;padding:0;margin:27px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:0 26px}.uses-list li{font-size:16px;font-weight:650;border-bottom:1px solid #d7e0d4;padding:13px 0;display:flex;align-items:center;gap:11px}.uses-list li:before{content:'';height:7px;width:7px;border:2px solid var(--leaf);border-radius:50%;flex:none}
.facility-section{background:#fff}.facility-heading h2{max-width:670px}.facility-layout{display:grid;grid-template-columns:1.18fr .82fr;gap:58px;align-items:center}.facility-photo{height:470px}.process-list{list-style:none;padding:0;margin:0}.process-list li{display:flex;gap:19px;padding:17px 0;border-bottom:1px solid var(--line)}.process-list li:first-child{padding-top:0}.process-list li:last-child{border-bottom:0}.process-list li>span{font-size:13px;font-weight:800;color:var(--leaf);letter-spacing:.08em;padding-top:2px}.process-list h3{font-size:18px;margin:0 0 3px;letter-spacing:-.025em}.process-list p{color:var(--muted);font-size:14px;margin:0;line-height:1.55}
.region-section{background:#ecf3eb}.region-layout{display:grid;grid-template-columns:.72fr 1.28fr;gap:68px;align-items:center}.region-copy{max-width:390px}.region-chips{display:flex;flex-wrap:wrap;gap:9px}.region-chips span{font-size:14px;border:1px solid #b8d1ba;background:#f8fcf7;color:#26533a;border-radius:100px;padding:8px 12px;font-weight:650}.region-small{font-size:14px;color:#607365;margin-top:24px}.map-card{min-width:0;border:1px solid #d5e2d7;background:#d8e8e0;border-radius:16px;overflow:hidden;box-shadow:var(--shadow)}.map-card svg{width:100%;height:auto;display:block}.map-top{display:flex;justify-content:space-between;background:#fff;padding:15px 22px;font-size:11px;letter-spacing:.13em;font-weight:800;color:var(--pine)}.map-foot{display:block;background:#fff;padding:12px 22px;color:#738678;font-size:12px}
.closing{background:var(--pine);color:white;padding:75px 0;background-image:radial-gradient(circle at 95% 110%,rgba(151,191,128,.12),transparent 38%)}.closing-inner{display:flex;justify-content:space-between;gap:50px;align-items:center}.closing-inner>div:first-child{max-width:620px}.closing h2{font-size:clamp(35px,4vw,53px);margin-bottom:16px}.closing h2 em{color:#b6dcaf}.closing p:not(.kicker){color:#c9dacd;margin:0}.kicker.light{color:#a7d1a4}.closing-actions{display:flex;gap:10px;flex-wrap:wrap}.button-light{background:#fff;color:var(--pine)}.button-outline-light{border:1px solid #a2b8a5;color:white}.button-outline-light:hover{background:#2a6343}.site-footer{background:#fff}.footer-inner{min-height:105px;display:flex;gap:24px;align-items:center;justify-content:space-between}.footer-inner>span{color:#69776b;font-size:13px}.footer-inner>a:last-child{font-size:13px;color:var(--forest);font-weight:700}.brand-footer{flex-basis:184px;width:184px;height:59px}.brand-footer img{width:210px;left:-12px;top:-13px}.floating-wa{position:fixed;z-index:25;left:20px;bottom:20px;display:flex;align-items:center;gap:8px;background:#168943;color:white;padding:11px 15px;border-radius:100px;box-shadow:0 9px 29px rgba(11,74,33,.31);font-size:13px;font-weight:800}.floating-wa>span:first-child{display:grid;place-items:center;font-size:16px;width:23px;height:23px;border:1px solid white;border-radius:50%;line-height:1}.floating-wa:hover{background:#087b35}.mobile-bar{display:none}.notice{position:fixed;z-index:80;bottom:26px;left:50%;transform:translateX(-50%);max-width:calc(100% - 32px);background:#142e20;color:white;border-radius:8px;box-shadow:0 15px 40px #0003;padding:12px 17px;font-size:14px;text-align:center}.notice[hidden]{display:none}
@media(max-width:1100px){.container{width:min(100% - 48px,1230px)}.header-inner{gap:15px}.brand{flex-basis:185px;width:185px;height:61px}.brand img{width:214px;left:-13px;top:-14px}.main-nav{gap:17px}.main-nav a{font-size:13px}.header-call{padding:9px}.shipping-layout,.use-layout,.facility-layout,.region-layout{gap:38px}.truck-options{flex-direction:column}.truck-option{max-width:360px}.hero-copy{width:55%}}
@media(max-width:860px){html{scroll-padding-top:72px}.container{width:min(100% - 36px,560px)}.site-header{position:sticky;top:0}.header-inner{height:70px;justify-content:space-between}.brand{flex:0 0 185px;width:185px;height:56px}.brand img{width:211px;left:-12px;top:-14px}.header-call{margin-left:auto;padding:8px 10px;font-size:12px}.header-call .icon{font-size:16px}.menu-toggle{order:3;display:flex;width:42px;height:42px;flex-direction:column;justify-content:center;align-items:center;gap:5px;background:white;border:1px solid var(--line);border-radius:8px;cursor:pointer}.menu-toggle span{width:18px;height:2px;background:var(--pine);border-radius:2px}.main-nav{display:none;position:absolute;left:0;right:0;top:69px;background:#fff;box-shadow:0 16px 22px #132b1b1c;padding:12px 22px 20px;margin:0;flex-direction:column;align-items:stretch;gap:0}.main-nav.is-open{display:flex}.main-nav a{padding:12px;border-bottom:1px solid var(--line);font-size:15px}.hero,.hero-inner{min-height:680px}.hero-image{object-position:68% center}.hero-shade{background:linear-gradient(180deg,rgba(247,249,243,.97) 0%,rgba(247,249,243,.96) 42%,rgba(247,249,243,.66) 65%,rgba(247,249,243,.03) 100%)}.hero-inner{align-items:flex-start}.hero-copy{width:100%;padding:53px 0 38px}.hero h1{font-size:clamp(43px,11vw,64px);max-width:530px;margin-bottom:17px}.hero-lede{font-size:16px;line-height:1.55;max-width:480px;margin-bottom:24px}.eyebrow{font-size:10px;letter-spacing:.13em}.hero-note{font-size:12px;margin-top:17px}.hero-corner{right:20px;bottom:17px;font-size:10px}.hero-corner-mark{font-size:22px}.trust-inner{grid-template-columns:1fr;min-height:0;padding:10px 0}.trust-item,.trust-item:first-child{padding:11px 0;border-right:0;border-bottom:1px solid #ffffff29}.trust-item:last-child{border-bottom:0}.trust-icon{width:32px;height:32px;flex-basis:32px;font-size:20px;border:0}.trust-item strong{font-size:13px}.trust-item small{font-size:12px;margin-top:1px}.section{padding:68px 0}.section-heading{display:block;margin-bottom:27px}.section-heading>p{margin:15px 0 0}.section h2{font-size:clamp(36px,9vw,48px)}.products-grid{grid-template-columns:1fr;gap:15px}.product-card.featured{transform:none}.product-visual{height:210px}.product-content{padding:21px}.product-card p{min-height:0}.shipping-layout,.use-layout,.facility-layout,.region-layout{grid-template-columns:1fr;gap:26px}.shipping-photo{height:350px}.shipping-copy{order:0}.truck-options{flex-direction:row}.truck-option{max-width:none}.use-photo{order:2;height:350px}.uses-copy{order:1}.facility-heading{margin-bottom:24px}.facility-photo{height:360px}.process-list{display:grid;grid-template-columns:1fr 1fr;column-gap:20px}.process-list li:nth-child(3){border-bottom:0}.region-layout{gap:30px}.region-copy{max-width:none}.map-card svg{min-height:260px}.closing{padding:65px 0 93px}.closing-inner{display:block}.closing h2{font-size:39px}.closing-actions{margin-top:24px}.footer-inner{min-height:170px;align-items:flex-start;flex-direction:column;justify-content:center;gap:1px;padding-bottom:66px}.footer-inner>span{font-size:12px}.brand-footer{flex:0 0 51px;height:51px}.floating-wa{bottom:77px;left:12px;border:2px solid white;border-radius:50%;padding:0;width:51px;height:51px;justify-content:center}.floating-wa>span:last-child{display:none}.floating-wa>span:first-child{border:0;font-size:22px}.mobile-bar{position:fixed;z-index:40;bottom:0;left:0;right:0;padding:9px 12px calc(9px + env(safe-area-inset-bottom));background:#fff;box-shadow:0 -7px 28px #153d2b24;display:flex;gap:8px}.mobile-bar a{flex:1;min-height:43px;text-align:center;display:grid;place-items:center;border-radius:8px;background:#17683d;color:#fff;font-size:13px;font-weight:800}.mobile-bar a:last-child{flex:0 0 32%;color:var(--pine);background:#f1f5ee;border:1px solid #cadccc}.notice{bottom:78px}}
@media(max-width:480px){.container{width:calc(100% - 32px)}.header-call{display:none}.hero,.hero-inner{min-height:665px}.hero-copy{padding-top:45px}.hero h1{font-size:44px}.hero-lede{font-size:15px}.cta-row{gap:9px}.cta-row .button{padding:11px 14px;min-height:47px;font-size:12px}.hero-image{object-position:63% center}.truck-options{gap:8px}.truck-option{padding:11px 8px;gap:6px}.truck-option strong{font-size:31px}.truck-option strong span{font-size:14px}.truck-option b{font-size:12px}.truck-option small{font-size:11px}.uses-list{grid-template-columns:1fr 1fr;gap:0 14px}.uses-list li{font-size:13px}.process-list{column-gap:14px}.process-list li{gap:8px}.process-list h3{font-size:15px}.process-list p{font-size:12px}.shipping-photo,.use-photo,.facility-photo{height:290px}.map-top{font-size:9px;padding:12px}.map-foot{font-size:10px;padding:10px}.closing h2{font-size:36px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}

/* Final layout refinement: keep the supplied logo fully visible at every size. */
.brand{flex:0 0 205px;width:205px;height:auto;overflow:visible;display:flex;align-items:center}
.brand img{position:static;display:block;width:100%;max-width:100%;height:auto;left:auto;top:auto}
.header-inner{gap:24px}
.main-nav{gap:21px}
.section{padding-block:92px}
.section-heading{margin-bottom:34px}
.product-card.featured{transform:none}
.whatsapp-icon{width:21px;height:21px;display:block;flex:none}
.floating-wa{left:24px;bottom:24px;gap:9px;padding:10px 15px;border-radius:999px;box-shadow:0 10px 30px rgba(11,74,33,.24);font-size:13px}
.floating-wa .whatsapp-icon{width:22px;height:22px}
.footer-inner{gap:28px}
.brand-footer{flex:0 0 188px;width:188px}
.footer-contact{display:flex;align-items:center;gap:17px;flex-wrap:wrap;font-size:13px;font-weight:700;color:var(--forest)}
.footer-contact a:hover{text-decoration:underline;text-underline-offset:3px}
@media(min-width:861px) and (max-width:1100px){.brand{flex-basis:180px;width:180px}.header-inner{gap:14px}.main-nav{gap:15px}}
@media(min-width:861px) and (max-width:1030px){.header-call{display:none}}
@media(max-width:860px){
  body{padding-bottom:calc(62px + env(safe-area-inset-bottom))}
  .header-inner{gap:12px}
  .brand{flex:0 0 178px;width:178px;height:auto}
  .section{padding-block:68px}
  .section-heading{margin-bottom:27px}
  .floating-wa{display:none}
  .mobile-bar{padding:9px 12px calc(9px + env(safe-area-inset-bottom))}
  .mobile-bar a{min-height:44px}
  .closing{padding:65px 0}
  .footer-inner{min-height:0;padding:25px 0 22px;gap:8px}
  .brand-footer{flex:0 0 auto;width:180px;height:auto}
  .footer-contact{gap:12px;font-size:13px}
}
@media(max-width:480px){
  .brand{flex-basis:168px;width:168px}
  .truck-options{flex-direction:column}
  .truck-option{max-width:none;gap:15px;padding:13px 15px}
  .truck-option strong{font-size:35px}
  .truck-option b{font-size:14px}
  .truck-option small{font-size:12px}
  .footer-contact{display:grid;grid-template-columns:1fr 1fr;gap:7px 14px}
  .footer-contact a:last-child{grid-column:1 / -1}
}

/* Tuzla-centered, schematic service map. All place names remain readable in the adjacent list. */
.region-groups{display:grid;gap:10px;margin-top:27px}
.region-groups>div{padding:13px 15px;background:rgba(255,255,255,.68);border-left:3px solid #5a9c68;border-radius:0 9px 9px 0}
.region-groups span{display:block;color:var(--forest);font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.region-groups p{margin:4px 0 0;font-size:14px;line-height:1.55;color:#3c5946}
.region-small{margin-bottom:0}
.map-card{margin:0;border:1px solid #c7dccc;border-radius:17px;box-shadow:0 20px 45px rgba(29,76,47,.1)}
.map-top{padding:16px 21px;align-items:center;gap:12px}
.map-top span{color:#598566}
.map-top strong{font-size:11px;color:var(--pine);letter-spacing:.09em;text-align:right}
.map-canvas{background:#e9f2e8;overflow:hidden}
.map-canvas svg{width:100%;height:auto;display:block}
.map-foot{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 20px;color:#335c41;font-size:13px}
.map-foot>span{display:flex;align-items:center;gap:8px;font-weight:700}
.map-foot small{font-size:11px;color:#75897b;text-align:right}
.map-key{width:10px;height:10px;background:#17623c;border:2px solid white;border-radius:50%;box-shadow:0 0 0 1px #17623c;flex:none}
.footer-credit{border-top:1px solid #e5ece5;background:#f8faf7;color:#69776b;font-size:12px}
.footer-credit .container{display:flex;justify-content:flex-end;padding-top:12px;padding-bottom:12px}
.footer-credit a{color:var(--forest);font-weight:700;text-decoration:underline;text-decoration-color:#a8c9ac;text-underline-offset:3px}
.footer-credit a:hover{color:var(--leaf)}
.hero-picture{position:absolute;inset:0;display:block}
.photo-frame picture{display:block;width:100%;height:100%}
@media(max-width:860px){
  .main-nav a{min-height:44px;display:flex;align-items:center}
  .menu-toggle{flex:none}
}
@media(max-width:860px){
  .region-groups{margin-top:20px}
  .map-card svg{min-height:0;height:auto}
  .map-foot{flex-wrap:wrap}
  .map-foot small{text-align:left}
}
@media(max-width:480px){
  .map-top{padding:13px 15px}
  .map-top span,.map-top strong{font-size:10px}
  .map-foot{padding:12px 15px}
  .map-foot>span{font-size:12px}
  .footer-credit .container{justify-content:flex-start}
}