:root{
  --g:           #01370c;
  --g2:          #01370c;
  --g3:          #01370c;
  --b:           #00223f;
  --b2:          #00223f;
  --w:           #ffffff;
  --g50:         #f9fafb;
  --g100:        #f3f4f6;
  --g200:        #e5e7eb;
  --g300:        #d1d5db;
  --g400:        #9ca3af;
  --g500:        #6b7280;
  --g600:        #4b5563;
  --g700:        #374151;
  --g800:        #1f2937;
  --g900:        #111827;
  --HDR:         90px;
  --FTR:         70px;
  --r:           6px;
  --rL:          12px;
  --sh:          0 1px 3px rgba(0,0,0,.06),0 4px 12px rgba(0,0,0,.07);
  --shH:         0 8px 28px rgba(0,0,0,.13),0 2px 6px rgba(0,0,0,.05);
  --tr:          all .24s cubic-bezier(.4,0,.2,1);
  --fD:          'Bebas Neue','Arial Narrow','Liberation Sans Narrow',sans-serif;
  --fH:          'Barlow Condensed','Arial Narrow','Liberation Sans Narrow',sans-serif;
  --fB:          'Barlow',-apple-system,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;
}
*, *::before, *::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{
  font-family:var(--fB);font-size:.9rem;color:var(--g800);
  background:var(--g50);display:flex;flex-direction:column;min-height:100vh;
}
img{display:block;max-width:100%}
button{cursor:pointer;font-family:inherit;border:none;background:none}
a{text-decoration:none;color:inherit}

.site-header{position:sticky;top:0;z-index:300;box-shadow:0 2px 18px rgba(0,0,0,.22)}

.hdr-green{
  height:70px;background:var(--g);
  display:flex;align-items:center;justify-content:space-between;
  padding:0 2rem;gap:1rem;
}

.brand{
  font-family:var(--fD);font-size:2.1rem;letter-spacing:4px;
  color:var(--w);display:flex;align-items:flex-start;gap:2px;
  white-space:nowrap;user-select:none;
}
.brand sup{font-size:.48em;line-height:1.1}

.nav-desk{display:flex;align-items:center;gap:.45rem}
.nav-btn{
  font-family:var(--fH);font-size:.76rem;font-weight:700;
  letter-spacing:1.5px;text-transform:uppercase;
  padding:.44rem 1.15rem;border:2px solid rgba(255,255,255,.3);
  border-radius:4px;color:rgba(255,255,255,.8);background:transparent;
  transition:var(--tr);position:relative;
}
.nav-btn:hover{background:rgba(255,255,255,.1);color:var(--w);border-color:rgba(255,255,255,.55)}
.nav-btn.active{background:var(--w);color:var(--g);border-color:var(--w)}
.nav-btn.off{opacity:.38;cursor:not-allowed;pointer-events:none}

.nav-cart-pill{
  display:none;position:absolute;top:-5px;right:-5px;
  min-width:16px;height:16px;padding:0 4px;
  background:#ef4444;color:#fff;font-size:.6rem;font-weight:700;
  border-radius:8px;align-items:center;justify-content:center;
}
.nav-cart-pill.show{display:flex}

.burger{display:none;flex-direction:column;gap:5px;padding:4px;cursor:pointer}
.burger span{width:23px;height:2px;background:var(--w);border-radius:2px;transition:var(--tr)}
.burger.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.burger.open span:nth-child(2){opacity:0}
.burger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

.nav-mob{display:none;flex-direction:column;background:#01370c}
.nav-mob.open{display:flex}
.nav-mob-btn{
  font-family:var(--fH);font-size:.82rem;font-weight:700;letter-spacing:1.5px;
  text-transform:uppercase;color:rgba(255,255,255,.75);
  padding:.8rem 1.5rem;border-bottom:1px solid rgba(255,255,255,.08);
  text-align:left;transition:color .2s;
}
.nav-mob-btn:last-child{border-bottom:none}
.nav-mob-btn.active, .nav-mob-btn:hover{color:var(--w)}
.nav-mob-btn.off{opacity:.4;pointer-events:none}

.hdr-blue{height:20px;background:var(--b)}

main{flex:1;display:flex;flex-direction:column}
.page{display:none}
.page.active{display:flex;flex-direction:column;flex:1;animation:pgIn .3s ease both}
@keyframes pgIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}

#page-index{
  justify-content:center;align-items:center;
  min-height:calc(100vh - var(--HDR));
  background:
    radial-gradient(ellipse at 72% 18%, rgba(22,163,74,.18) 0%,transparent 52%),
    radial-gradient(ellipse at 18% 82%, rgba(29,78,216,.22) 0%,transparent 48%),
    linear-gradient(158deg,#010f05 0%,#0d1f45 58%,#001626 100%);
  position:relative;overflow:hidden;
}
#page-index::before{
  content:'';position:absolute;inset:0;pointer-events:none;
  background-image:repeating-linear-gradient(
    -45deg,transparent,transparent 38px,
    rgba(255,255,255,.011) 38px,rgba(255,255,255,.011) 39px);
}
#page-index::after{
  content:'';position:absolute;
  width:640px;height:640px;border-radius:50%;
  border:1px solid rgba(255,255,255,.04);
  top:50%;left:50%;transform:translate(-50%,-50%);
  pointer-events:none;
}

.idx-hero{position:relative;z-index:1;text-align:center;padding:4rem 2rem}

.idx-logo{
  font-family:var(--fD);
  font-size:clamp(5.5rem,18vw,11rem);
  line-height:.9;letter-spacing:10px;
  color:var(--w);
  text-shadow:0 0 90px rgba(22,163,74,.35),0 0 140px rgba(22,163,74,.12);
  min-height:clamp(100px,18vw,180px);display:flex;align-items:center;justify-content:center;
}
.idx-logo sup{font-size:.22em;vertical-align:super;letter-spacing:0;opacity:.75}

.idx-rule{
  width:56px;height:2px;margin:1.6rem auto;border-radius:2px;
  background:linear-gradient(90deg,var(--g3),var(--b2));
}

.idx-tagline{
  font-family:var(--fH);font-size:clamp(.82rem,2.2vw,1.1rem);
  font-weight:300;letter-spacing:7px;text-transform:uppercase;
  color:rgba(255,255,255,.48);
}

.idx-btns{
  display:flex;gap:1rem;justify-content:center;
  flex-wrap:wrap;margin-top:3rem;
}
.btn-idx-solid{
  font-family:var(--fH);font-size:.8rem;font-weight:700;
  letter-spacing:2px;text-transform:uppercase;
  padding:.82rem 2.4rem;border-radius:4px;
  background:var(--g3);color:var(--w);
  border:2px solid var(--g3);transition:var(--tr);
}
.btn-idx-solid:hover{background:transparent;color:var(--w)}
.btn-idx-ghost{
  font-family:var(--fH);font-size:.8rem;font-weight:700;
  letter-spacing:2px;text-transform:uppercase;
  padding:.82rem 2.4rem;border-radius:4px;
  background:transparent;color:rgba(255,255,255,.68);
  border:2px solid rgba(255,255,255,.22);transition:var(--tr);
}
.btn-idx-ghost:hover{border-color:rgba(255,255,255,.55);color:var(--w)}

#page-catalog{overflow-anchor:none}

.cat-bar{
  background:var(--w);border-bottom:1px solid var(--g200);
  padding:1rem 1.5rem;flex-shrink:0;
}
.cat-bar h1{
  font-family:var(--fH);font-size:1.35rem;font-weight:700;
  letter-spacing:.3px;color:var(--g900);margin-bottom:.8rem;
}
.cat-tabs{display:flex;gap:.4rem;flex-wrap:wrap}
.ctab{
  font-family:var(--fH);font-size:.68rem;font-weight:700;
  letter-spacing:1px;text-transform:uppercase;white-space:nowrap;
  padding:.38rem .9rem;border:2px solid var(--g200);
  border-radius:4px;color:var(--g500);background:var(--w);
  transition:var(--tr);
}
.ctab:hover{border-color:var(--g);color:var(--g)}
.ctab.active{}

.cat-body{
  display:grid;
  grid-template-columns:1fr 1fr 310px;
  align-items:start;
  min-height:calc(100vh - var(--HDR) - 80px);
}

.prod-col{
  grid-column:1 / 3;
  display:flex;
  flex-direction:column;
  min-width:0;flex:1;overflow-x:hidden;
}

.prod-panel{
  width:100%;
  padding:1.25rem 1rem 1.25rem 1.25rem;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:1.25rem;
  align-content:start;
}

.cart-panel{
  grid-column:3;
  position:sticky;top:var(--HDR);
  height:calc(100vh - var(--HDR));
  overflow-y:auto;overflow-x:hidden;
  border-left:2px solid var(--g200);
  background:var(--w);padding:1.1rem;
  display:flex;flex-direction:column;
}

.pcard{
  background:var(--w);
  border:1.5px solid #d1d9e0;
  border-top:3px solid var(--g);
  border-radius:10px;
  overflow:hidden;
  display:flex;flex-direction:column;
  box-shadow:0 2px 8px rgba(0,0,0,.07),0 1px 2px rgba(0,0,0,.04);
  transition:var(--tr);
}
.pcard:hover{
  box-shadow:0 10px 28px rgba(0,0,0,.13),0 3px 8px rgba(0,0,0,.06);
  transform:translateY(-3px);
  border-color:var(--g);
  border-top-color:var(--g);
}

.pcard-thumb{
  position:relative;height:168px;overflow:hidden;cursor:pointer;
  background:linear-gradient(155deg,#f4f8f4 0%,#e6ede6 100%);
  border-bottom:1px solid #e8edf0;
  display:flex;align-items:center;justify-content:center;
  padding:.85rem;
}
.pcard-thumb img{
  max-width:100%;max-height:140px;
  width:auto;height:auto;
  object-fit:contain;
  filter:drop-shadow(0 3px 10px rgba(0,0,0,.13));
  transition:transform .4s ease;
}
.pcard:hover .pcard-thumb img{transform:scale(1.06)}

.pcard-badge{
  position:absolute;top:8px;left:8px;z-index:1;
  font-family:var(--fH);font-size:.58rem;font-weight:700;
  letter-spacing:1px;text-transform:uppercase;
  padding:3px 7px;background:var(--g);color:var(--w);border-radius:3px;
}

.pcard-body{padding:1rem;flex:1;display:flex;flex-direction:column}

.pcard-name{
  font-family:var(--fH);font-size:.9rem;font-weight:700;
  color:var(--g900);line-height:1.25;cursor:pointer;
  transition:color .2s;margin-bottom:.35rem;
}
.pcard-name:hover{color:var(--g)}

.pcard-desc{
  font-size:.74rem;color:var(--g500);line-height:1.52;
  margin-bottom:.55rem;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
}

.pcard-containers{display:flex;flex-wrap:wrap;gap:.28rem;margin-bottom:.65rem}
.cpill{
  font-family:var(--fH);font-size:.58rem;font-weight:700;letter-spacing:.5px;
  color:var(--b);background:rgba(30,58,138,.07);
  border:1px solid rgba(30,58,138,.15);
  padding:2px 7px;border-radius:3px;
}

.pcard-price{
  font-family:var(--fH);font-size:1.1rem;font-weight:700;
  color:var(--g);margin-bottom:.75rem;
}

.pcard-actions{margin-top:auto;display:flex;flex-direction:column;gap:.38rem}

.pcard-pdfs{display:flex;gap:.38rem}
.btn-pdf{
  flex:1;font-family:var(--fH);font-size:.63rem;font-weight:700;
  letter-spacing:1px;text-transform:uppercase;
  padding:.42rem .5rem;border:1.5px solid var(--g300);
  border-radius:4px;color:var(--g600);background:var(--g50);
  display:flex;align-items:center;justify-content:center;gap:4px;
  transition:var(--tr);
}
.btn-pdf:hover{border-color:var(--b);color:var(--b);background:rgba(30,58,138,.05)}

.btn-buy{
  width:100%;font-family:var(--fH);font-size:.72rem;font-weight:700;
  letter-spacing:1.5px;text-transform:uppercase;
  padding:.58rem;background:var(--g);color:var(--w);
  border-radius:4px;transition:var(--tr);
}
.btn-buy:hover{background:#012b09}

.pcard-sep{border:none;border-top:1px solid var(--g100);margin:.55rem 0}
.pcard-slabel{
  font-family:var(--fH);font-size:.6rem;font-weight:700;
  letter-spacing:1.2px;text-transform:uppercase;color:var(--g400);margin-bottom:.28rem;
}
.pcard-tech{
  font-family:var(--fH);font-size:.76rem;font-weight:600;
  color:var(--b);margin-bottom:.35rem;line-height:1.38;
}
.pres-row{display:flex;flex-wrap:wrap;gap:.3rem;margin-bottom:.1rem}
.pres-btn{
  font-family:var(--fH);font-size:.62rem;font-weight:700;letter-spacing:.5px;
  padding:4px 10px;border:1.5px solid var(--g300);border-radius:4px;
  color:var(--g600);background:var(--w);cursor:pointer;transition:var(--tr);
}
.pres-btn:hover{border-color:var(--g);color:var(--g)}
.pres-btn.on{background:var(--g);color:var(--w);border-color:var(--g)}
.pcard-price-row{display:flex;align-items:baseline;gap:.3rem}
.pcard-price em{
  font-style:normal;font-size:.66rem;font-weight:400;color:var(--g400);margin-left:2px;
}
.btn-cart{
  width:100%;font-family:var(--fH);font-size:.7rem;font-weight:700;
  letter-spacing:1px;text-transform:uppercase;padding:.52rem;
  border:2px solid var(--g);color:var(--g);background:transparent;
  border-radius:4px;transition:var(--tr);
}
.btn-cart:hover{background:rgba(22,101,52,.07)}
.btn-view{
  width:100%;font-family:var(--fH);font-size:.7rem;font-weight:700;
  letter-spacing:1px;text-transform:uppercase;padding:.55rem;
  background:var(--g);color:var(--w);border:2px solid var(--g);
  border-radius:4px;transition:var(--tr);
}
.btn-view:hover{background:#012b09;border-color:#012b09}

.no-prods{
  grid-column:1/-1;padding:3.5rem 1rem;
  text-align:center;color:var(--g400);
  font-family:var(--fH);font-size:.9rem;letter-spacing:.5px;
}

.cart-hdr{
  display:flex;align-items:center;justify-content:space-between;
  padding-bottom:.8rem;border-bottom:2.5px solid var(--g);
  margin-bottom:.9rem;flex-shrink:0;
}
.cart-title{
  font-family:var(--fH);font-size:.92rem;font-weight:700;
  letter-spacing:.3px;color:var(--g900);
  display:flex;align-items:center;gap:.5rem;
}
.cart-bdg{
  min-width:20px;height:20px;padding:0 5px;
  background:var(--g);color:var(--w);
  font-size:.62rem;font-weight:700;
  border-radius:10px;display:flex;align-items:center;justify-content:center;
}

.cart-empty{
  flex:1;display:flex;flex-direction:column;
  align-items:center;justify-content:center;
  padding:2rem 1rem;color:var(--g400);text-align:center;
}
.cart-empty p{font-size:.78rem;margin-top:.5rem}

.cart-list{flex:1;overflow-y:auto}

.citem{
  display:flex;gap:.55rem;padding:.55rem 0;
  border-bottom:1px solid var(--g100);align-items:flex-start;
}
.citem-img{
  width:36px;height:36px;border-radius:4px;
  object-fit:cover;flex-shrink:0;background:var(--g200);
}
.citem-meta{flex:1;min-width:0}
.citem-name{
  font-family:var(--fH);font-size:.7rem;font-weight:600;
  color:var(--g800);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.citem-unit{font-size:.64rem;color:var(--g400);margin:1px 0}
.citem-sub{
  font-family:var(--fH);font-size:.76rem;font-weight:700;color:var(--g);
}
.citem-ctrl{display:flex;align-items:center;gap:3px;margin-top:3px}
.qty-btn{
  width:17px;height:17px;background:var(--g100);
  border:1px solid var(--g300);border-radius:3px;
  font-size:.72rem;font-weight:700;line-height:1;
  display:flex;align-items:center;justify-content:center;
  transition:var(--tr);
}
.qty-btn:hover{background:var(--g);color:var(--w);border-color:var(--g)}
.qty-num{font-size:.7rem;font-weight:600;min-width:17px;text-align:center}
.citem-rm{
  color:var(--g300);font-size:.95rem;line-height:1;
  padding:1px;cursor:pointer;flex-shrink:0;transition:color .2s;
}
.citem-rm:hover{color:#ef4444}

.cart-sum{border-top:1px solid var(--g200);padding-top:.7rem;flex-shrink:0}
.sum-row{
  display:flex;justify-content:space-between;
  font-size:.76rem;color:var(--g500);padding:.18rem 0;
}
.sum-row.ttl{
  font-family:var(--fH);font-size:1rem;font-weight:700;
  color:var(--g900);border-top:1px solid var(--g200);
  padding-top:.45rem;margin-top:.2rem;
}
.btn-checkout{
  display:block;width:100%;margin-top:.7rem;
  font-family:var(--fH);font-size:.76rem;font-weight:700;
  letter-spacing:2px;text-transform:uppercase;
  padding:.78rem;border-radius:4px;
  background:linear-gradient(135deg,var(--g),var(--b));
  color:var(--w);transition:var(--tr);
}
.btn-checkout:hover{opacity:.88;box-shadow:0 4px 16px rgba(22,100,52,.3)}
.btn-clear{
  display:block;width:100%;margin-top:.35rem;
  font-family:var(--fH);font-size:.62rem;font-weight:600;
  letter-spacing:1px;text-transform:uppercase;
  padding:.38rem;border:1px solid var(--g200);border-radius:4px;
  color:var(--g400);background:transparent;transition:var(--tr);
}
.btn-clear:hover{color:#ef4444;border-color:#ef4444}

#page-detail{background:var(--g50)}

.det-wrap{max-width:1060px;margin:0 auto;padding:2rem 1.5rem;width:100%}

.breadcrumb{
  display:flex;align-items:center;gap:.4rem;
  font-size:.76rem;color:var(--g400);margin-bottom:1.5rem;
}
.breadcrumb a{color:var(--g);cursor:pointer;transition:opacity .2s}
.breadcrumb a:hover{opacity:.72}

.det-card{
  background:var(--w);border:1px solid var(--g200);
  border-radius:var(--rL);overflow:hidden;
  box-shadow:var(--shH);
  display:grid;grid-template-columns:360px 1fr;
}

.det-visual{
  background:
    repeating-linear-gradient(45deg,rgba(0,0,0,.013) 0,rgba(0,0,0,.013) 1px,transparent 0,transparent 50%),
    linear-gradient(158deg,#eef2ee 0%,#dde8dd 100%);
  background-size:8px 8px,100% 100%;
  display:flex;align-items:center;justify-content:center;
  padding:2.5rem;position:relative;min-height:340px;
}
.det-visual img{
  max-height:260px;max-width:100%;object-fit:contain;
  filter:drop-shadow(0 8px 20px rgba(0,0,0,.14));
}
.det-badge{
  position:absolute;top:1.1rem;left:1.1rem;
  font-family:var(--fH);font-size:.62rem;font-weight:700;
  letter-spacing:1px;text-transform:uppercase;
  padding:4px 10px;background:var(--g);color:var(--w);border-radius:3px;
}

.det-info{padding:2rem;display:flex;flex-direction:column}

.det-name{
  font-family:var(--fH);font-size:1.75rem;font-weight:800;
  color:var(--g900);line-height:1.15;margin-bottom:.45rem;
}
.det-price{
  font-family:var(--fH);font-size:1.9rem;font-weight:700;
  color:var(--g);margin-bottom:.9rem;
}
.det-price em{font-style:normal;font-size:.82rem;font-weight:400;color:var(--g400)}

.det-desc{font-size:.84rem;color:var(--g600);line-height:1.72;margin-bottom:1.1rem}

.det-slabel{
  font-family:var(--fH);font-size:.66rem;font-weight:700;
  letter-spacing:1.5px;text-transform:uppercase;
  color:var(--g400);margin-bottom:.45rem;
}

.spec-tbl{width:100%;border-collapse:collapse;margin-bottom:1.1rem;font-size:.8rem}
.spec-tbl tr td{padding:.32rem .45rem;border-bottom:1px solid var(--g100)}
.spec-tbl tr:last-child td{border-bottom:none}
.spec-tbl td:first-child{color:var(--g400);width:44%}
.spec-tbl td:last-child{color:var(--g800);font-weight:600}

.det-actions{margin-top:auto;display:flex;flex-direction:column;gap:.55rem}
.det-pdfs{display:flex;gap:.55rem}
.btn-det-pdf{
  flex:1;font-family:var(--fH);font-size:.7rem;font-weight:700;
  letter-spacing:1px;text-transform:uppercase;
  padding:.58rem .9rem;border:1.5px solid var(--g300);
  border-radius:4px;color:var(--g700);background:var(--g50);
  display:flex;align-items:center;justify-content:center;gap:5px;
  transition:var(--tr);
}
.btn-det-pdf:hover{border-color:var(--b);color:var(--b)}
.btn-det-buy{
  font-family:var(--fH);font-size:.8rem;font-weight:700;
  letter-spacing:2px;text-transform:uppercase;
  padding:.82rem;background:var(--g);color:var(--w);
  border-radius:4px;transition:var(--tr);
}
.btn-det-buy:hover{background:#012b09}

.site-footer{
  height:var(--FTR);background:var(--b);
  display:flex;align-items:center;justify-content:center;
  flex-shrink:0;
}
.footer-txt{
  font-family:var(--fH);font-size:.63rem;font-weight:400;
  letter-spacing:2px;text-transform:uppercase;
  color:rgba(255,255,255,.38);text-align:center;
}

.toast{
  position:fixed;bottom:calc(var(--FTR) + .85rem);right:1.25rem;
  background:var(--g900);color:var(--w);
  font-family:var(--fH);font-size:.78rem;font-weight:500;letter-spacing:.3px;
  padding:.65rem 1.1rem;border-radius:6px;
  border-left:3px solid var(--g3);
  z-index:9999;opacity:0;transform:translateY(8px);pointer-events:none;
  transition:opacity .28s ease,transform .28s ease;max-width:290px;
}
.toast.on{opacity:1;transform:translateY(0)}

@media(max-width:1100px){
  .cat-body{grid-template-columns:1fr 1fr 280px}
  .det-card{grid-template-columns:310px 1fr}
}
@media(max-width:900px){
  .nav-desk{display:none}
  .burger{display:flex}
  .cat-body{grid-template-columns:1fr 1fr}
  .prod-panel{grid-column:1/3;grid-template-columns:1fr 1fr}
  .cart-panel{
    grid-column:1/3;
    position:static;height:auto;
    border-left:none;border-top:2px solid var(--g);
    max-height:420px;
  }
  .det-card{grid-template-columns:1fr}
  .det-visual{min-height:220px}
}
@media(max-width:620px){
  .hdr-green{padding:0 1rem}
  .brand{font-size:1.65rem}
  .cat-body{grid-template-columns:1fr}
  .prod-panel{grid-column:1;grid-template-columns:1fr;padding:1rem}
  .cart-panel{grid-column:1}
  .cat-bar{padding:.85rem 1rem}
  .ctab{font-size:.62rem;padding:.34rem .7rem}
  .idx-btns{flex-direction:column;align-items:center}
  .det-wrap{padding:1rem}
}
@media(max-width:400px){
  .prod-panel{gap:.75rem}
}

.brand-img{
  height:44px;width:auto;object-fit:contain;display:block;
}
.idx-logo-img{
  max-height:clamp(90px,16vw,160px);max-width:80%;
  object-fit:contain;
  filter:brightness(0) invert(1);
}
.idx-logo-txt{
  font-family:var(--fD);
  font-size:clamp(5.5rem,18vw,11rem);
  line-height:.9;letter-spacing:10px;color:var(--w);
  text-shadow:0 0 90px rgba(22,163,74,.35);
}
.idx-logo-txt sup{font-size:.22em;vertical-align:super;letter-spacing:0;opacity:.75}

.cart-or{
  display:flex;align-items:center;gap:.4rem;margin:.55rem 0;
  font-family:var(--fH);font-size:.6rem;font-weight:700;
  letter-spacing:1.5px;text-transform:uppercase;color:var(--g400);
}
.cart-or::before, .cart-or::after{content:'';flex:1;height:1px;background:var(--g200)}
#paypal-btn-wrap{min-height:0;transition:min-height .3s ease}
#paypal-btn-wrap iframe{border-radius:4px!important}
.pp-unavailable{
  display:none;width:100%;padding:.6rem;border-radius:4px;
  font-family:var(--fH);font-size:.65rem;font-weight:600;letter-spacing:.5px;
  text-align:center;color:var(--g500);
  border:1.5px dashed var(--g300);background:var(--g50);
}

.modal-overlay{
  position:fixed;inset:0;z-index:2000;
  background:rgba(0,0,0,.55);backdrop-filter:blur(3px);
  display:none;align-items:center;justify-content:center;padding:1rem;
}
.modal-overlay.open{display:flex}
.modal-box{
  background:var(--w);border-radius:var(--rL);
  width:100%;max-width:460px;max-height:90vh;overflow-y:auto;
  box-shadow:0 24px 60px rgba(0,0,0,.28);
  animation:mIn .25s ease both;
}
@keyframes mIn{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
.modal-hdr{
  display:flex;align-items:center;justify-content:space-between;
  padding:1.1rem 1.5rem;
  background:var(--g);border-radius:var(--rL) var(--rL) 0 0;
}
.modal-hdr h2{
  font-family:var(--fH);font-size:1.05rem;font-weight:700;
  color:var(--w);letter-spacing:.5px;
}
.modal-close{
  color:rgba(255,255,255,.7);font-size:1.1rem;line-height:1;
  padding:4px 7px;border-radius:4px;transition:var(--tr);
}
.modal-close:hover{color:var(--w);background:rgba(255,255,255,.15)}
.modal-body{padding:1.35rem 1.5rem 1.5rem}
.mcp-block{
  background:var(--g50);border:1px solid var(--g200);
  border-radius:var(--r);padding:.75rem 1rem;margin-bottom:1.2rem;
}
.mcp-block h3{
  font-family:var(--fH);font-size:.6rem;font-weight:700;
  letter-spacing:1.2px;text-transform:uppercase;
  color:var(--g400);margin-bottom:.5rem;
}
.mcp-row{
  display:flex;justify-content:space-between;align-items:center;
  padding:.22rem 0;border-bottom:1px solid var(--g100);font-size:.74rem;
}
.mcp-row:last-of-type{border-bottom:none}
.mcp-nm{color:var(--g700);flex:1}
.mcp-sz{color:var(--b);font-weight:600;font-size:.66rem;margin:0 .4rem}
.mcp-pr{color:var(--g);font-weight:700;font-family:var(--fH)}
.mcp-ttl{
  display:flex;justify-content:space-between;
  font-family:var(--fH);font-size:.92rem;font-weight:700;color:var(--g900);
  border-top:2px solid var(--g200);padding-top:.4rem;margin-top:.3rem;
}
.form-row{margin-bottom:.85rem}
.form-row label{
  display:block;font-family:var(--fH);font-size:.62rem;font-weight:700;
  letter-spacing:1px;text-transform:uppercase;color:var(--g500);margin-bottom:.28rem;
}
.form-row input, .form-row textarea{
  width:100%;padding:.52rem .75rem;
  border:1.5px solid var(--g200);border-radius:var(--r);
  font-family:var(--fB);font-size:.85rem;color:var(--g900);
  background:var(--w);transition:border-color .2s;outline:none;
}
.form-row input:focus, .form-row textarea:focus{border-color:var(--g)}
.form-row textarea{height:68px;resize:vertical}
.form-2col{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}
.req{color:#ef4444}
.btn-submit-quote{
  width:100%;font-family:var(--fH);font-size:.8rem;font-weight:700;
  letter-spacing:2px;text-transform:uppercase;padding:.82rem;
  background:linear-gradient(135deg,var(--g),var(--b));
  color:var(--w);border-radius:4px;transition:var(--tr);margin-top:.4rem;
}
.btn-submit-quote:hover{opacity:.9;box-shadow:0 4px 16px rgba(22,100,52,.3)}
.btn-submit-quote:disabled{opacity:.5;cursor:not-allowed}
@media(max-width:500px){.form-2col{grid-template-columns:1fr}}

.nav-cart-btn{
  position:relative;display:flex;align-items:center;gap:.3rem;
  font-family:var(--fH);font-size:.7rem;font-weight:700;letter-spacing:1px;
  padding:.44rem .8rem;border:2px solid rgba(255,255,255,.3);border-radius:4px;
  color:rgba(255,255,255,.85);background:transparent;transition:var(--tr);cursor:pointer;
}
.nav-cart-btn:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.6);color:var(--w)}
.nav-cart-btn.has-items{border-color:rgba(255,255,255,.7);color:var(--w)}
.nav-cart-count{
  min-width:18px;height:18px;padding:0 4px;
  background:#ef4444;color:#fff;font-size:.58rem;font-weight:700;
  border-radius:9px;display:inline-flex;align-items:center;justify-content:center;
}
.mob-cart-bar{
  display:none;position:fixed;bottom:0;left:0;right:0;z-index:600;
  background:var(--g);color:var(--w);
  padding:.7rem 1.25rem;box-shadow:0 -3px 16px rgba(0,0,0,.18);
  align-items:center;justify-content:space-between;cursor:pointer;
  font-family:var(--fH);font-size:.8rem;font-weight:700;
  border-top:3px solid var(--b);
}
.mob-cart-bar:hover{background:#012b09}
.mob-cart-bar-total{font-size:.9rem;font-weight:800}
@media(max-width:900px){.mob-cart-bar.show{display:flex}}
@media(max-width:900px){body.cart-active{padding-bottom:56px}}

.det-cart-fab{
  display:none;position:fixed;bottom:1.2rem;right:1.2rem;z-index:500;
  background:var(--g);color:var(--w);
  font-family:var(--fH);font-size:.72rem;font-weight:700;letter-spacing:1px;
  padding:.65rem 1.1rem;border-radius:30px;
  box-shadow:0 4px 18px rgba(22,101,52,.4);
  cursor:pointer;transition:var(--tr);
  align-items:center;gap:.4rem;
}
.det-cart-fab:hover{background:#012b09;box-shadow:0 6px 22px rgba(22,101,52,.5)}
.det-cart-fab.show{display:flex}
.det-cart-fab-count{
  min-width:20px;height:20px;padding:0 5px;
  background:#ef4444;color:#fff;font-size:.62rem;font-weight:700;
  border-radius:10px;display:inline-flex;align-items:center;justify-content:center;
}

.btn-keep-shopping{
  display:block;width:100%;margin-top:.4rem;
  font-family:var(--fH);font-size:.65rem;font-weight:700;
  letter-spacing:1px;text-transform:uppercase;padding:.45rem;
  border:1.5px solid var(--b);border-radius:4px;
  color:var(--b);background:transparent;transition:var(--tr);
}
.btn-keep-shopping:hover{background:rgba(30,58,138,.06)}

#page-about{background:var(--g50)}

.about-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin:2rem 0 3.5rem}
@media(max-width:800px){
  .about-stats{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:500px){.about-stats{grid-template-columns:1fr 1fr}}

#page-contact{background:var(--g50)}
.contact-hero{
  background:linear-gradient(135deg,var(--b) 0%,#001830 100%);
  padding:3.5rem 2rem;text-align:center;color:var(--w);
}
.contact-hero h1{font-family:var(--fD);font-size:clamp(2rem,5vw,3.5rem);letter-spacing:4px}
.contact-hero p{font-family:var(--fB);font-size:clamp(.85rem,2vw,1rem);font-weight:400;
  letter-spacing:.2px;line-height:1.65;text-transform:none;opacity:.85;
  max-width:560px;margin:.9rem auto 0}
.contact-hero-tagline{font-family:var(--fH);font-size:.78rem;font-weight:700;
  letter-spacing:2.5px;text-transform:uppercase;opacity:.95;margin-top:.6rem}
.contact-wrap{max-width:1060px;margin:0 auto;padding:2.5rem 1.5rem}
.contact-layout{display:grid;grid-template-columns:1fr 380px;gap:2rem;align-items:start;margin-bottom:2.5rem}
.contact-form-box{background:var(--w);border:1px solid var(--g200);border-radius:var(--rL);
  padding:2rem;box-shadow:var(--sh)}
.contact-form-box h2{font-family:var(--fH);font-size:1.25rem;font-weight:700;
  color:var(--g900);margin-bottom:1.5rem}
.contact-form-box .form-row{margin-bottom:.9rem}
.contact-form-box .form-row label{display:block;font-family:var(--fH);font-size:.62rem;
  font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--g500);margin-bottom:.28rem}
.contact-form-box .form-row input, .contact-form-box .form-row textarea, .contact-form-box .form-row select{
  width:100%;padding:.52rem .75rem;
  border:1.5px solid var(--g200);border-radius:var(--r);
  font-family:var(--fB);font-size:.85rem;color:var(--g900);
  background:var(--w);transition:border-color .2s;outline:none;
}
.contact-form-box .form-row input:focus, .contact-form-box .form-row textarea:focus, .contact-form-box .form-row select:focus{border-color:var(--b)}
.contact-form-box .form-row textarea{height:100px;resize:vertical}
.btn-contact-send{
  width:100%;font-family:var(--fH);font-size:.8rem;font-weight:700;
  letter-spacing:2px;text-transform:uppercase;padding:.82rem;
  background:linear-gradient(135deg,var(--b),#001830);
  color:var(--w);border-radius:4px;transition:var(--tr);margin-top:.3rem;
}
.btn-contact-send:hover{opacity:.9;box-shadow:0 4px 16px rgba(30,58,138,.3)}
.btn-contact-send:disabled{opacity:.5;cursor:not-allowed}
.offices-box{display:flex;flex-direction:column;gap:.75rem}
.office-card{background:var(--w);border:1px solid var(--g200);border-radius:var(--r);
  padding:.9rem 1rem;box-shadow:var(--sh)}
.office-card .o-country{font-family:var(--fH);font-size:.72rem;font-weight:700;
  letter-spacing:1px;text-transform:uppercase;color:var(--b);margin-bottom:.2rem}
.office-card .o-addr{font-size:.76rem;color:var(--g600);line-height:1.5}
.office-card .o-flag{font-size:1rem;margin-right:.3rem}
@media(max-width:800px){.contact-layout{grid-template-columns:1fr}}

#page-services{background:var(--g50)}
.svc-hero{
  background:
    radial-gradient(ellipse at 70% 30%,rgba(22,163,74,.2) 0%,transparent 55%),
    linear-gradient(155deg,#0b1a2e 0%,#0d3020 100%);
  padding:4rem 2rem;text-align:center;color:var(--w);position:relative;overflow:hidden;
}
.svc-hero h1{font-family:var(--fD);font-size:clamp(2rem,5vw,3.8rem);letter-spacing:4px}
.svc-hero p{font-family:var(--fH);font-size:.9rem;font-weight:300;letter-spacing:3px;
  text-transform:uppercase;opacity:.6;margin-top:.5rem}
.svc-wrap{max-width:1060px;margin:0 auto;padding:2.5rem 1.5rem}
.svc-featured{
  background:var(--w);border:1px solid var(--g200);border-radius:var(--rL);
  overflow:hidden;box-shadow:var(--shH);margin-bottom:2rem;
  display:grid;grid-template-columns:1fr 1fr;
}
.svc-featured-img{
  background:linear-gradient(135deg,#0b2010,#153a20);
  min-height:320px;display:flex;align-items:center;justify-content:center;
  padding:2rem;position:relative;overflow:hidden;
}
.svc-featured-img img{max-height:260px;max-width:100%;object-fit:contain;
  filter:drop-shadow(0 8px 24px rgba(0,0,0,.4))}
.svc-featured-badge{
  position:absolute;top:1rem;left:1rem;
  background:var(--g3);color:var(--w);
  font-family:var(--fH);font-size:.6rem;font-weight:700;letter-spacing:1px;
  text-transform:uppercase;padding:4px 10px;border-radius:3px;
}
.svc-featured-content{padding:2.5rem}
.svc-featured-content h2{font-family:var(--fH);font-size:1.6rem;font-weight:800;
  color:var(--g900);margin-bottom:.75rem;line-height:1.2}
.svc-featured-content p{font-size:.86rem;color:var(--g600);line-height:1.75;margin-bottom:.75rem}
.svc-feats{display:flex;flex-direction:column;gap:.35rem;margin-top:.75rem}
.svc-feat{display:flex;align-items:flex-start;gap:.5rem;font-size:.82rem;color:var(--g700)}
.svc-feat::before{content:'\2713';color:var(--g);font-weight:700;flex-shrink:0;margin-top:1px}
.svc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;margin-bottom:2rem}
.svc-card{background:var(--w);border:1px solid var(--g200);border-radius:var(--rL);
  overflow:hidden;box-shadow:var(--sh);transition:var(--tr)}
.svc-card:hover{box-shadow:var(--shH);transform:translateY(-3px);border-color:var(--g)}
.svc-card-img{height:150px;overflow:hidden;
  background:linear-gradient(135deg,var(--g100),var(--g200))}
.svc-card-img img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}
.svc-card:hover .svc-card-img img{transform:scale(1.06)}
.svc-card-body{padding:1.1rem}
.svc-card-body h3{font-family:var(--fH);font-size:.95rem;font-weight:700;
  color:var(--g900);margin-bottom:.4rem}
.svc-card-body p{font-size:.77rem;color:var(--g500);line-height:1.55}
.svc-cta{text-align:center;padding:2rem;background:var(--w);
  border-radius:var(--rL);border:1px solid var(--g200);box-shadow:var(--sh)}
.svc-cta h3{font-family:var(--fH);font-size:1.2rem;font-weight:700;color:var(--g900);margin-bottom:.5rem}
.svc-cta p{font-size:.84rem;color:var(--g600);margin-bottom:1.25rem}
@media(max-width:800px){.svc-featured{grid-template-columns:1fr}.svc-featured-img{min-height:200px}}
@media(max-width:600px){.svc-grid{grid-template-columns:1fr}}

#page-404{
  justify-content:center;align-items:center;
  min-height:calc(100vh - var(--HDR));
  background:linear-gradient(158deg,#010f05 0%,#0d1f45 100%);
  text-align:center;padding:3rem 2rem;
}
.err-code{font-family:var(--fD);font-size:clamp(6rem,20vw,12rem);
  color:rgba(255,255,255,.12);letter-spacing:8px;line-height:1}
.err-msg{font-family:var(--fH);font-size:1.2rem;font-weight:700;
  color:var(--w);letter-spacing:2px;margin-top:.5rem}
.err-sub{font-family:var(--fH);font-size:.85rem;font-weight:300;
  color:rgba(255,255,255,.5);letter-spacing:1px;margin:.5rem 0 2rem}

:root{
  --amber:      #c07a12;
  --amber-light:#e09422;
  --amber-pale: rgba(192,122,18,.12);
  --steel:      #0e1a24;
  --steel-mid:  #162232;
  --steel-light:#1e3044;
  --of-white:   #f4f0e8;
  --of-white-s: rgba(244,240,232,.85);
  --of-dim:     rgba(244,240,232,.5);
  --of-mid:     rgba(244,240,232,.08);
  --of-border:  rgba(244,240,232,.1);
  --of-text:    #8a9bb0;
}
#page-oilfie{background:var(--steel);color:var(--of-white)}

#page-oilfie .hero{
  position:relative;overflow:hidden;
  background:
    radial-gradient(ellipse at 80% 20%,rgba(192,122,18,.12) 0%,transparent 50%),
    radial-gradient(ellipse at 10% 90%,rgba(22,101,52,.15) 0%,transparent 45%),
    linear-gradient(160deg,var(--steel) 0%,var(--steel-light) 100%);
  padding:5rem 2rem 4.5rem;
  border-bottom:1px solid var(--of-border);
}
#page-oilfie .hero::before{
  content:'SINCE 1968';position:absolute;
  font-family:var(--fD);font-size:clamp(5rem,16vw,14rem);letter-spacing:10px;
  color:rgba(255,255,255,.022);
  top:50%;left:50%;transform:translate(-50%,-50%) rotate(-12deg);
  white-space:nowrap;pointer-events:none;user-select:none;
}
#page-oilfie .hero::after{
  content:'';position:absolute;inset:0;pointer-events:none;
  background-image:
    linear-gradient(rgba(244,240,232,.025) 1px,transparent 1px),
    linear-gradient(90deg,rgba(244,240,232,.025) 1px,transparent 1px);
  background-size:48px 48px;
}
#page-oilfie .hero-inner{position:relative;z-index:1;max-width:900px;margin:0 auto}
#page-oilfie .hero-eyebrow{
  font-family:var(--fH);font-size:.72rem;font-weight:700;letter-spacing:4px;
  text-transform:uppercase;color:var(--amber);margin-bottom:1.2rem;
  display:flex;align-items:center;gap:.75rem;
}
#page-oilfie .hero-eyebrow::after{content:'';max-width:80px;height:1px;background:var(--amber);opacity:.5}
#page-oilfie .hero h1{
  font-family:var(--fD);font-size:clamp(3rem,8vw,6rem);
  line-height:.95;letter-spacing:3px;color:var(--of-white);margin-bottom:1.25rem;
}
#page-oilfie .hero h1 .accent{color:var(--amber)}
#page-oilfie .hero-rule{
  width:72px;height:3px;border-radius:2px;margin-bottom:1.5rem;
  background:linear-gradient(90deg,var(--amber),var(--amber-light));
}
#page-oilfie .hero-intro{
  font-size:clamp(.95rem,2.2vw,1.1rem);color:var(--of-white-s);
  line-height:1.75;max-width:700px;margin-bottom:2.5rem;font-weight:300;
}
#page-oilfie .hero-ctas{display:flex;gap:1rem;flex-wrap:wrap}

#page-oilfie .btn-amber{
  font-family:var(--fH);font-size:.8rem;font-weight:700;letter-spacing:2px;
  text-transform:uppercase;padding:.82rem 2.2rem;border-radius:4px;
  background:var(--amber);color:#fff;border:2px solid var(--amber);
  transition:var(--tr);cursor:pointer;
}
#page-oilfie .btn-amber:hover{background:var(--amber-light);border-color:var(--amber-light)}
#page-oilfie .btn-outline-w{
  font-family:var(--fH);font-size:.8rem;font-weight:700;letter-spacing:2px;
  text-transform:uppercase;padding:.82rem 2.2rem;border-radius:4px;
  background:transparent;color:rgba(255,255,255,.75);
  border:2px solid rgba(255,255,255,.25);transition:var(--tr);cursor:pointer;
}
#page-oilfie .btn-outline-w:hover{color:#fff;border-color:rgba(255,255,255,.6)}

#page-oilfie .section{max-width:1060px;margin:0 auto;padding:4rem 2rem}
#page-oilfie .sec-label{
  font-family:var(--fH);font-size:.65rem;font-weight:700;letter-spacing:3px;
  text-transform:uppercase;color:var(--amber);margin-bottom:.5rem;
  display:flex;align-items:center;gap:.75rem;
}
#page-oilfie .sec-label::after{content:'';max-width:60px;height:1px;background:var(--amber);opacity:.4}
#page-oilfie .sec-title{
  font-family:var(--fH);font-size:clamp(1.6rem,3.5vw,2.2rem);font-weight:800;
  color:var(--of-white);margin-bottom:2rem;letter-spacing:.3px;line-height:1.15;
}

#page-oilfie .intro-grid{display:grid;grid-template-columns:1fr 340px;gap:3rem;align-items:start}
#page-oilfie .intro-body p{
  font-size:.92rem;color:rgba(244,240,232,.8);line-height:1.82;margin-bottom:1rem;
}
#page-oilfie .intro-body p strong{color:var(--amber);font-weight:700}
#page-oilfie .intro-pull{
  background:var(--steel-mid);border:1px solid var(--of-border);
  border-left:4px solid var(--amber);border-radius:0 var(--rL) var(--rL) 0;
  padding:2rem 1.5rem;position:sticky;top:100px;
}
#page-oilfie .intro-pull blockquote{
  font-family:var(--fH);font-size:1.25rem;font-weight:600;
  color:var(--of-white);line-height:1.4;font-style:italic;margin-bottom:1.25rem;
}
#page-oilfie .intro-pull blockquote::before{
  content:'\201C';font-family:var(--fD);font-size:3rem;
  color:var(--amber);line-height:.5;display:block;margin-bottom:.3rem;
}
#page-oilfie .cert-list{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.5rem}
#page-oilfie .cert-tag{
  font-family:var(--fH);font-size:.6rem;font-weight:700;letter-spacing:.8px;
  padding:3px 8px;border-radius:3px;
  background:rgba(192,122,18,.15);border:1px solid rgba(192,122,18,.3);color:var(--amber);
}

#page-oilfie .featured-section{
  background:var(--steel-mid);border-top:1px solid var(--of-border);
  border-bottom:1px solid var(--of-border);padding:4rem 2rem;
}
#page-oilfie .featured-inner{max-width:1060px;margin:0 auto}
#page-oilfie .featured-cards{display:flex;flex-direction:column;gap:1.5rem;margin-top:2rem}
#page-oilfie .feat-card{
  background:var(--steel-light);border:1px solid var(--of-border);border-radius:var(--rL);
  overflow:hidden;display:grid;grid-template-columns:300px 1fr;
  transition:var(--tr);position:relative;
}
#page-oilfie .feat-card::before{
  content:'';position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--amber);
}
#page-oilfie .feat-card:hover{
  border-color:rgba(192,122,18,.4);box-shadow:0 8px 32px rgba(0,0,0,.35);
  transform:translateX(4px);
}
#page-oilfie .feat-img{
  background:linear-gradient(135deg,#001626 0%,#162232 100%);
  display:flex;align-items:center;justify-content:center;
  padding:2rem;min-height:200px;position:relative;overflow:hidden;
}
#page-oilfie .feat-img::after{
  content:'';position:absolute;inset:0;
  background:repeating-linear-gradient(-45deg,transparent,transparent 12px,
    rgba(255,255,255,.015) 12px,rgba(255,255,255,.015) 13px);
}
#page-oilfie .feat-img img{
  max-height:160px;max-width:100%;object-fit:contain;position:relative;z-index:1;
  filter:drop-shadow(0 4px 16px rgba(0,0,0,.5));transition:transform .4s ease;
}
#page-oilfie .feat-card:hover .feat-img img{transform:scale(1.04)}
#page-oilfie .feat-img-placeholder{position:relative;z-index:1;text-align:center}
#page-oilfie .feat-img-placeholder .fip-icon{
  font-family:var(--fD);font-size:4rem;color:rgba(192,122,18,.25);display:block;
  transition:transform .4s ease;
}
#page-oilfie .feat-card:hover .feat-img-placeholder .fip-icon{transform:scale(1.06)}
#page-oilfie .feat-img-placeholder .fip-name{
  font-family:var(--fH);font-size:.65rem;font-weight:700;letter-spacing:2px;
  text-transform:uppercase;color:rgba(244,240,232,.25);margin-top:.5rem;
}
#page-oilfie .feat-content{padding:2rem 2rem 2rem 2.25rem;display:flex;flex-direction:column}
#page-oilfie .feat-cat{
  font-family:var(--fH);font-size:.6rem;font-weight:700;letter-spacing:2px;
  text-transform:uppercase;color:var(--amber);margin-bottom:.5rem;
}
#page-oilfie .feat-name{
  font-family:var(--fH);font-size:1.45rem;font-weight:800;
  color:var(--of-white);line-height:1.15;margin-bottom:.75rem;
}
#page-oilfie .feat-desc{
  font-size:.85rem;color:rgba(244,240,232,.7);line-height:1.75;flex:1;margin-bottom:1.25rem;
}
#page-oilfie .feat-tags{display:flex;flex-wrap:wrap;gap:.35rem;margin-bottom:1.25rem}
#page-oilfie .feat-tag{
  font-family:var(--fH);font-size:.58rem;font-weight:700;letter-spacing:.5px;
  padding:3px 8px;border-radius:3px;
  background:rgba(22,101,52,.2);border:1px solid rgba(22,101,52,.35);color:rgba(22,163,74,.9);
}
#page-oilfie .feat-link{
  font-family:var(--fH);font-size:.75rem;font-weight:700;letter-spacing:1.5px;
  text-transform:uppercase;color:var(--amber);display:flex;align-items:center;
  gap:.4rem;transition:gap .2s;width:fit-content;cursor:pointer;
}
#page-oilfie .feat-card:hover .feat-link{gap:.7rem}

#page-oilfie .categories-section{padding:4rem 2rem}
#page-oilfie .categories-inner{max-width:1060px;margin:0 auto}
#page-oilfie .cat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-top:2rem}
#page-oilfie .cat-card{
  background:var(--steel-mid);border:1px solid var(--of-border);border-radius:var(--r);
  padding:1.4rem 1.1rem;transition:var(--tr);position:relative;overflow:hidden;
}
#page-oilfie .cat-card::after{
  content:'';position:absolute;bottom:0;left:0;right:0;height:3px;
  background:linear-gradient(90deg,var(--amber),var(--amber-light));
  transform:scaleX(0);transform-origin:left;transition:transform .3s ease;
}
#page-oilfie .cat-card:hover{
  border-color:rgba(192,122,18,.3);background:var(--steel-light);
  transform:translateY(-3px);box-shadow:0 8px 24px rgba(0,0,0,.3);
}
#page-oilfie .cat-card:hover::after{transform:scaleX(1)}
#page-oilfie .cat-icon{
  width:42px;height:42px;margin-bottom:.85rem;background:var(--amber-pale);
  border:1px solid rgba(192,122,18,.2);border-radius:8px;
  display:flex;align-items:center;justify-content:center;
}
#page-oilfie .cat-icon svg{width:20px;height:20px;stroke:var(--amber);fill:none;
  stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
#page-oilfie .cat-name{
  font-family:var(--fH);font-size:.88rem;font-weight:700;
  color:var(--of-white);line-height:1.25;margin-bottom:.4rem;
}
#page-oilfie .cat-desc{font-size:.72rem;color:var(--of-text);line-height:1.5}

#page-oilfie .industries{
  background:var(--steel-light);border-top:1px solid var(--of-border);
  border-bottom:1px solid var(--of-border);padding:2.5rem 2rem;
}
#page-oilfie .industries-inner{max-width:1060px;margin:0 auto;text-align:center}
#page-oilfie .industries-inner p{
  font-family:var(--fH);font-size:.7rem;font-weight:700;letter-spacing:2.5px;
  text-transform:uppercase;color:var(--of-dim);margin-bottom:1.25rem;
}
#page-oilfie .ind-badges{display:flex;flex-wrap:wrap;justify-content:center;gap:.6rem}
#page-oilfie .ind-badge{
  font-family:var(--fH);font-size:.72rem;font-weight:600;letter-spacing:.8px;
  padding:.45rem 1rem;border:1px solid var(--of-border);border-radius:20px;
  color:var(--of-text);background:transparent;transition:var(--tr);
}
#page-oilfie .ind-badge:hover{border-color:var(--amber);color:var(--amber)}

#page-oilfie .cta-banner{
  background:
    radial-gradient(ellipse at 30% 50%,rgba(192,122,18,.18) 0%,transparent 55%),
    linear-gradient(135deg,var(--steel-light),var(--steel-mid));
  border-top:1px solid var(--of-border);padding:5rem 2rem;text-align:center;
  position:relative;overflow:hidden;
}
#page-oilfie .cta-banner::before{
  content:'';position:absolute;inset:0;pointer-events:none;
  background-image:
    linear-gradient(rgba(244,240,232,.02) 1px,transparent 1px),
    linear-gradient(90deg,rgba(244,240,232,.02) 1px,transparent 1px);
  background-size:60px 60px;
}
#page-oilfie .cta-banner-inner{position:relative;z-index:1;max-width:680px;margin:0 auto}
#page-oilfie .cta-banner h2{
  font-family:var(--fD);font-size:clamp(2rem,5vw,3.5rem);
  letter-spacing:3px;color:var(--of-white);margin-bottom:.75rem;
}
#page-oilfie .cta-banner p{
  font-size:.92rem;color:rgba(244,240,232,.65);line-height:1.7;margin-bottom:2.25rem;
}
#page-oilfie .cta-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}

@media(max-width:900px){
  #page-oilfie .intro-grid{grid-template-columns:1fr}
  #page-oilfie .intro-pull{position:static}
  #page-oilfie .feat-card{grid-template-columns:1fr}
  #page-oilfie .feat-img{min-height:180px}
  #page-oilfie .cat-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:600px){
  #page-oilfie .hero{padding:3.5rem 1.25rem 3rem}
  #page-oilfie .section, #page-oilfie .featured-section, #page-oilfie .categories-section, #page-oilfie .cta-banner{padding:3rem 1.25rem}
  #page-oilfie .cat-grid{grid-template-columns:1fr 1fr}
  #page-oilfie .hero-ctas, #page-oilfie .cta-buttons{flex-direction:column;align-items:center}
}
@media(max-width:400px){#page-oilfie .cat-grid{grid-template-columns:1fr}}

.about-hero{
  background:linear-gradient(155deg,var(--g) 0%,var(--b) 100%);
  padding:4.5rem 2rem;text-align:center;color:var(--w);
}
.about-hero h1{
  font-family:var(--fD);font-size:clamp(2.2rem,6vw,4rem);
  letter-spacing:3px;line-height:1.05;margin-bottom:.6rem;
}
.about-hero p{
  font-family:var(--fH);font-size:.88rem;font-weight:300;
  letter-spacing:3px;text-transform:uppercase;opacity:.65;
}
.about-wrap{max-width:1060px;margin:0 auto;padding:3rem 1.5rem}

.about-story{
  display:grid;grid-template-columns:1fr 380px;
  gap:3rem;align-items:center;margin-bottom:3rem;
}
.about-story-text h2{
  font-family:var(--fH);font-size:1.7rem;font-weight:800;
  color:var(--g900);margin-bottom:1rem;
}
.about-story-text p{
  font-size:.88rem;color:var(--g600);line-height:1.8;margin-bottom:.85rem;
}
.about-story-text strong{color:var(--g);font-weight:700}
.about-rule{width:48px;height:3px;background:var(--g);border-radius:2px;margin-bottom:1rem}
.about-certs{margin-top:1.25rem}
.about-cert-label{
  font-family:var(--fH);font-size:.62rem;font-weight:700;
  letter-spacing:1.5px;text-transform:uppercase;color:var(--g400);
  display:block;margin-bottom:.5rem;
}
.about-cert-row{display:flex;flex-wrap:wrap;gap:.3rem}
.about-cert-tag{
  font-family:var(--fH);font-size:.6rem;font-weight:700;letter-spacing:.5px;
  padding:3px 9px;border-radius:3px;
  background:rgba(22,101,52,.08);border:1px solid rgba(22,101,52,.2);color:var(--g);
}
.about-story-img{
  border-radius:var(--rL);overflow:hidden;
  box-shadow:var(--shH);position:relative;
  background:linear-gradient(135deg,var(--g),var(--b));
  min-height:280px;
}
.about-story-img img{
  width:100%;height:100%;object-fit:cover;display:block;
  min-height:280px;
}
.about-img-fallback{
  min-height:280px;display:flex;align-items:center;justify-content:center;
}
.about-img-overlay{
  position:absolute;bottom:0;left:0;right:0;
  background:linear-gradient(transparent,rgba(0,0,0,.55));
  padding:1.5rem 1rem .9rem;
  display:flex;justify-content:space-between;align-items:flex-end;
}
.about-img-year{
  font-family:var(--fD);font-size:1.6rem;letter-spacing:3px;color:rgba(255,255,255,.9);
}
.about-img-country{
  font-family:var(--fH);font-size:.7rem;font-weight:600;letter-spacing:1px;
  color:rgba(255,255,255,.75);
}

.stat-card{
  background:var(--w);border:1px solid var(--g200);border-radius:var(--r);
  padding:1.5rem 1rem;text-align:center;box-shadow:var(--sh);
}
.stat-num{
  font-family:var(--fD);font-size:2.5rem;color:var(--g);letter-spacing:2px;
}
.stat-lbl{
  font-family:var(--fH);font-size:.63rem;font-weight:700;letter-spacing:1.5px;
  text-transform:uppercase;color:var(--g500);margin-top:.25rem;
}

.about-pillars-title{margin-bottom:.5rem}
.about-pillars{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:3rem}
.about-pillar{
  background:var(--w);border:1px solid var(--g200);border-radius:var(--rL);
  padding:1.75rem 1.75rem 1.75rem 1.5rem;
  display:grid;grid-template-columns:64px 1fr;gap:1.5rem;
  align-items:start;box-shadow:var(--sh);transition:var(--tr);
  border-left:4px solid var(--g);
}
.about-pillar:hover{box-shadow:var(--shH);transform:translateX(4px)}
.about-pillar:nth-child(2){border-left-color:var(--b)}
.about-pillar:nth-child(3){border-left-color:#01370c}
.about-pillar:nth-child(4){border-left-color:#0284c7}
.about-pillar-icon{
  width:56px;height:56px;border-radius:12px;
  background:rgba(22,101,52,.08);border:1px solid rgba(22,101,52,.15);
  display:flex;align-items:center;justify-content:center;flex-shrink:0;
}
.about-pillar:nth-child(2) .about-pillar-icon{
  background:rgba(30,58,138,.08);border-color:rgba(30,58,138,.15);
}
.about-pillar:nth-child(2) .about-pillar-icon svg{stroke:var(--b)}
.about-pillar:nth-child(3) .about-pillar-icon{
  background:rgba(22,163,74,.08);border-color:rgba(22,163,74,.15);
}
.about-pillar:nth-child(3) .about-pillar-icon svg{stroke:#01370c}
.about-pillar:nth-child(4) .about-pillar-icon{
  background:rgba(2,132,199,.08);border-color:rgba(2,132,199,.15);
}
.about-pillar:nth-child(4) .about-pillar-icon svg{stroke:#0284c7}
.about-pillar-icon svg{stroke:var(--g)}
.about-pillar-body h3{
  font-family:var(--fH);font-size:1.05rem;font-weight:700;
  color:var(--g900);margin-bottom:.6rem;line-height:1.25;
}
.about-pillar-body p{
  font-size:.84rem;color:var(--g600);line-height:1.75;margin-bottom:.85rem;
}
.about-pillar-tags{display:flex;flex-wrap:wrap;gap:.3rem}
.about-pillar-tags span{
  font-family:var(--fH);font-size:.6rem;font-weight:700;letter-spacing:.5px;
  padding:3px 8px;border-radius:3px;
  background:var(--g100);border:1px solid var(--g200);color:var(--g600);
}

.about-closing{
  background:linear-gradient(135deg,var(--g) 0%,var(--b) 100%);
  border-radius:var(--rL);padding:3.5rem 2rem;
  text-align:center;color:var(--w);
}
.about-closing-inner{max-width:680px;margin:0 auto}
.about-closing-tagline{
  font-family:var(--fD);font-size:clamp(1.6rem,4vw,2.4rem);
  letter-spacing:3px;color:var(--w);margin-bottom:1.25rem;line-height:1.1;
}
.about-closing-tagline sup{font-size:.5em;vertical-align:super}
.about-closing-text{
  font-size:.88rem;color:rgba(255,255,255,.78);
  line-height:1.82;margin-bottom:2rem;
}
.about-closing-text strong{color:rgba(255,255,255,.95);font-weight:700}
.about-closing-text em{color:rgba(255,255,255,.85)}
.about-cta-row{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}
.about-btn-primary{
  font-family:var(--fH);font-size:.8rem;font-weight:700;
  letter-spacing:2px;text-transform:uppercase;padding:.85rem 2.4rem;
  border-radius:4px;background:var(--w);color:var(--g);
  border:2px solid var(--w);transition:var(--tr);cursor:pointer;
}
.about-btn-primary:hover{background:transparent;color:var(--w)}
.about-btn-secondary{
  font-family:var(--fH);font-size:.8rem;font-weight:700;
  letter-spacing:2px;text-transform:uppercase;padding:.85rem 2.4rem;
  border-radius:4px;background:transparent;color:rgba(255,255,255,.8);
  border:2px solid rgba(255,255,255,.35);transition:var(--tr);cursor:pointer;
}
.about-btn-secondary:hover{color:var(--w);border-color:rgba(255,255,255,.7)}

@media(max-width:860px){
  .about-story{grid-template-columns:1fr}
  .about-stats{grid-template-columns:repeat(2,1fr)}
  .about-pillar{grid-template-columns:52px 1fr;gap:1rem}
}
@media(max-width:560px){
  .about-stats{grid-template-columns:1fr 1fr}
  .about-pillar{grid-template-columns:1fr;gap:.75rem}
  .about-pillar-icon{width:48px;height:48px}
  .about-cta-row{flex-direction:column;align-items:center}
}

.cat-hero-wrap{padding:1.25rem 1.25rem 0}
.cat-hero{
  background:var(--w);border:1px solid var(--g200);border-radius:var(--rL);
  padding:1.5rem 1.75rem;box-shadow:var(--sh);
  border-left:5px solid var(--g);
  animation:catHeroIn .28s ease both;
}
@keyframes catHeroIn{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}
.cat-hook{
  font-family:var(--fH);font-size:1.35rem;font-weight:800;
  color:var(--g900);line-height:1.2;margin-bottom:.55rem;
}
.cat-hook-desc{
  font-size:.86rem;color:var(--g600);line-height:1.75;max-width:820px;
}

.lang-picker{position:relative;margin-left:.3rem}
.lang-globe{
  font-family:var(--fH);font-size:.68rem;font-weight:700;letter-spacing:.5px;
  padding:.38rem .7rem;border:1.5px solid rgba(255,255,255,.28);border-radius:4px;
  color:rgba(255,255,255,.78);background:transparent;cursor:pointer;
  display:flex;align-items:center;gap:.28rem;transition:all .2s;white-space:nowrap;
}
.lang-globe:hover{background:rgba(255,255,255,.1);color:#fff;border-color:rgba(255,255,255,.55)}
.lang-arrow{font-size:.55rem;opacity:.7}
.lang-menu{
  display:none;position:absolute;top:calc(100% + 6px);right:0;
  background:#fff;border:1px solid #e5e7eb;border-radius:10px;
  box-shadow:0 8px 28px rgba(0,0,0,.16);min-width:165px;
  overflow:hidden;z-index:500;animation:langIn .18s ease;
}
@keyframes langIn{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}
.lang-menu.open{display:block}
.lang-menu button{
  display:flex;align-items:center;gap:.55rem;width:100%;
  padding:.58rem 1rem;font-family:var(--fH);font-size:.77rem;font-weight:600;
  color:#374151;background:transparent;border:none;cursor:pointer;
  transition:background .15s;text-align:left;
}
.lang-menu button:hover{background:#f3f4f6;color:#01370c}
.lang-menu button.lang-on{color:#01370c;background:rgba(22,101,52,.06);font-weight:700}
.lang-menu button .lf{font-size:1rem}
.goog-te-banner-frame, .goog-te-gadget-simple, .goog-logo-link{display:none!important}
.goog-te-gadget{height:0!important;overflow:hidden}
body{top:0!important}
iframe.goog-te-menu-frame{box-shadow:none}

.cookie-bar{
  position:fixed;bottom:0;left:0;right:0;z-index:9000;
  background:#0a1218;border-top:3px solid var(--g);
  padding:1rem 1.5rem;
  display:flex;align-items:center;justify-content:space-between;
  gap:1.25rem;flex-wrap:wrap;
  box-shadow:0 -4px 24px rgba(0,0,0,.35);
  transform:translateY(100%);transition:transform .4s ease;
}
.cookie-bar.show{transform:translateY(0)}
.cookie-txt{
  font-family:var(--fH);font-size:.75rem;font-weight:400;
  color:rgba(255,255,255,.72);line-height:1.55;flex:1;min-width:220px;
}
.cookie-txt strong{color:#fff;font-weight:700}
.cookie-txt a{color:var(--g3);text-decoration:underline;cursor:pointer}
.cookie-btns{display:flex;gap:.6rem;flex-shrink:0}
.btn-cookie-accept{
  font-family:var(--fH);font-size:.72rem;font-weight:700;
  letter-spacing:1px;text-transform:uppercase;
  padding:.55rem 1.4rem;border-radius:4px;
  background:var(--g);color:#fff;border:2px solid var(--g);
  cursor:pointer;transition:var(--tr);white-space:nowrap;
}
.btn-cookie-accept:hover{background:transparent;color:var(--g)}
.btn-cookie-decline{
  font-family:var(--fH);font-size:.72rem;font-weight:700;
  letter-spacing:1px;text-transform:uppercase;
  padding:.55rem 1rem;border-radius:4px;
  background:transparent;color:rgba(255,255,255,.5);
  border:2px solid rgba(255,255,255,.15);cursor:pointer;
  transition:var(--tr);white-space:nowrap;
}
.btn-cookie-decline:hover{color:#fff;border-color:rgba(255,255,255,.4)}

.wa-fab{
  position:fixed;bottom:1.25rem;right:1.25rem;z-index:800;
  width:54px;height:54px;border-radius:50%;
  background:#25d366;color:#fff;
  display:flex;align-items:center;justify-content:center;
  box-shadow:0 4px 18px rgba(37,211,102,.45);
  cursor:pointer;transition:var(--tr);text-decoration:none;
  border:none;
}
.wa-fab:hover{background:#1ebe5d;transform:scale(1.08);box-shadow:0 6px 24px rgba(37,211,102,.55)}
.wa-fab svg{width:28px;height:28px;fill:#fff}
.wa-tooltip{
  position:absolute;right:62px;top:50%;transform:translateY(-50%);
  background:#0a1218;color:#fff;
  font-family:var(--fH);font-size:.7rem;font-weight:600;
  padding:.35rem .75rem;border-radius:5px;white-space:nowrap;
  opacity:0;pointer-events:none;transition:opacity .2s;
}
.wa-fab:hover .wa-tooltip{opacity:1}
@media(max-width:900px){.wa-fab{bottom:5rem}}

#page-legal{background:var(--g50)}
.legal-hero{
  background:linear-gradient(135deg,#0a1a0c 0%,#00223f 100%);
  padding:3.5rem 2rem;text-align:center;color:#fff;
}
.legal-hero h1{font-family:var(--fD);font-size:clamp(2rem,5vw,3.2rem);letter-spacing:3px}
.legal-hero p{font-family:var(--fH);font-size:.85rem;font-weight:300;letter-spacing:3px;text-transform:uppercase;opacity:.6;margin-top:.4rem}
.legal-wrap{max-width:820px;margin:0 auto;padding:3rem 1.5rem}
.legal-tabs{display:flex;gap:.5rem;margin-bottom:2rem;border-bottom:2px solid var(--g200);padding-bottom:.75rem}
.ltab{
  font-family:var(--fH);font-size:.75rem;font-weight:700;letter-spacing:1px;
  text-transform:uppercase;padding:.45rem 1.2rem;border-radius:4px 4px 0 0;
  border:1.5px solid var(--g200);color:var(--g500);background:var(--w);
  cursor:pointer;transition:var(--tr);
}
.ltab.on{background:var(--g);border-color:var(--g);color:#fff}
.legal-doc{display:none}.legal-doc.on{display:block}
.legal-doc h2{font-family:var(--fH);font-size:1.1rem;font-weight:800;color:var(--g900);margin:1.5rem 0 .5rem;border-left:3px solid var(--g);padding-left:.75rem}
.legal-doc h2:first-child{margin-top:0}
.legal-doc p{font-size:.85rem;color:var(--g600);line-height:1.8;margin-bottom:.8rem}
.legal-doc ul{padding-left:1.2rem;margin-bottom:.8rem}
.legal-doc ul li{font-size:.85rem;color:var(--g600);line-height:1.7;margin-bottom:.3rem}
.legal-updated{font-family:var(--fH);font-size:.65rem;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:var(--g400);margin-bottom:1.5rem}

#page-thankyou{
  justify-content:center;align-items:center;text-align:center;
  min-height:calc(100vh - var(--HDR));
  background:linear-gradient(158deg,#010f05 0%,#00223f 100%);
  padding:3rem 2rem;
}
.ty-icon{font-size:4rem;margin-bottom:1rem;animation:tyPop .5s ease both}
@keyframes tyPop{from{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}
.ty-title{font-family:var(--fD);font-size:clamp(2.2rem,6vw,3.5rem);letter-spacing:4px;color:#fff;margin-bottom:.75rem}
.ty-sub{font-family:var(--fH);font-size:1rem;font-weight:300;color:rgba(255,255,255,.65);letter-spacing:1px;margin-bottom:2.5rem;max-width:500px;margin-left:auto;margin-right:auto}
.ty-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}

.testi-section{
  background:var(--w);border-top:1px solid var(--g200);
  padding:4rem 2rem;
}
.testi-inner{max-width:1060px;margin:0 auto}
.testi-label{
  font-family:var(--fH);font-size:.65rem;font-weight:700;letter-spacing:3px;
  text-transform:uppercase;color:var(--g);text-align:center;margin-bottom:.4rem;
}
.testi-title{
  font-family:var(--fH);font-size:clamp(1.4rem,3vw,2rem);font-weight:800;
  color:var(--g900);text-align:center;margin-bottom:2.5rem;
}
.client-logos{
  display:flex;flex-wrap:wrap;justify-content:center;align-items:center;
  gap:1.5rem 2.5rem;margin-bottom:3rem;padding:1.5rem;
  background:var(--g50);border-radius:var(--rL);border:1px solid var(--g200);
}
.client-logo{
  font-family:var(--fH);font-size:.8rem;font-weight:700;letter-spacing:1.5px;
  text-transform:uppercase;color:var(--g400);padding:.4rem .8rem;
  border:1px solid var(--g200);border-radius:4px;background:var(--w);
  transition:var(--tr);
}
.client-logo:hover{color:var(--g);border-color:var(--g)}
.testi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}
.testi-card{
  background:var(--g50);border:1px solid var(--g200);border-radius:var(--rL);
  padding:1.5rem;box-shadow:var(--sh);position:relative;
}
.testi-card::before{
  content:'\201C';font-family:var(--fD);font-size:4rem;color:var(--g);
  line-height:.7;display:block;margin-bottom:.5rem;opacity:.35;
}
.testi-quote{font-size:.86rem;color:var(--g700);line-height:1.72;margin-bottom:1rem;font-style:italic}
.testi-author{display:flex;align-items:center;gap:.6rem}
.testi-av{
  width:36px;height:36px;border-radius:50%;
  background:linear-gradient(135deg,var(--g),var(--b));
  display:flex;align-items:center;justify-content:center;
  font-family:var(--fH);font-size:.82rem;font-weight:700;color:#fff;flex-shrink:0;
}
.testi-name{font-family:var(--fH);font-size:.8rem;font-weight:700;color:var(--g900)}
.testi-role{font-size:.72rem;color:var(--g400)}
@media(max-width:700px){.testi-grid{grid-template-columns:1fr}}