/* ===== Оболонка bba.com.ua: токени, шапка, підвал (знято з живого сайту 26.09.2026) ===== */
:root{
  --orange:#FE5000; --orange-deep:#D63000; --canvas:#FCF9F2; --card:#F2F0E7; --line:#E3E0DA;
  --ink:#383838; --ink-2:#565454; --muted:#939393;
  --f-sans:"ltSuperior","Overpass",Arial,sans-serif; --f-serif:"ztNeueRalewe",Georgia,serif; --f-ui:"Overpass",Arial,sans-serif;
  --gutter:32px; --hd-h:74px;
}
@media (max-width:1023px){:root{--gutter:16px;--hd-h:72px}}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--canvas);color:var(--ink);font-family:var(--f-ui);font-size:16px;line-height:1.5;overflow-x:hidden}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
ul{list-style:none;margin:0;padding:0}
.hd{position:sticky;top:0;z-index:50;height:var(--hd-h);display:flex;align-items:center;gap:24px;padding:0 var(--gutter);background:var(--canvas)}
.hd-logo{color:var(--orange);flex:none;display:block;width:110px;height:40px}
.hd-logo svg{width:110px;height:40px;display:block}
.hd-nav{flex:1;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:0 12px}
.hd-link{display:inline-flex;align-items:center;gap:10px;font:400 16px/1 var(--f-ui);text-transform:uppercase;letter-spacing:.04em;color:var(--ink);max-width:200px;text-align:center}
.hd-chev svg{width:12px;height:7px;display:block}
.hd-contact{display:inline-flex;align-items:center;gap:8px;font:500 14px/1 var(--f-ui);text-transform:uppercase;color:var(--orange);white-space:nowrap;text-decoration:underline;text-underline-offset:4px}
.hd-contact svg{width:16px;height:16px}
.hd-burger{flex:none;width:50px;height:50px;border-radius:50%;border:1px solid var(--line);background:var(--canvas);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px;cursor:pointer;padding:0}
.hd-burger span{width:18px;height:1.5px;background:var(--ink);display:block}
@media (max-width:1279px){.hd-nav,.hd-contact{display:none}.hd{justify-content:space-between}}
@media (max-width:1023px){.hd-logo,.hd-logo svg{width:107px;height:39px}.hd-burger{width:47px;height:47px}}
.crumbs{padding:14px var(--gutter) 0;font:400 14px/21px var(--f-ui);color:var(--muted);display:flex;gap:8px}
.crumbs b{font-weight:400;color:var(--ink-2)}
.pill{display:inline-flex;align-items:center;gap:10px;height:40px;padding:0 16px;border:1px solid var(--orange);border-radius:999px;font:500 14px/1 var(--f-sans);text-transform:uppercase;color:var(--orange)}
.pill::before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor}
/* footer */
.ft{background:url(img/logo-huge-left.png) no-repeat left bottom/auto 100%,url(img/white-paper-texture.png) repeat,var(--orange-deep)}
@media (max-width:1023px){.ft{background:url(img/logo-huge-center.png) no-repeat center 60%/100% auto,url(img/white-paper-texture.png) repeat,var(--orange-deep)}.ft-in{background:none}}
.ft-in{position:relative;display:grid;grid-template-columns:461px 1fr;gap:32px 80px;padding:32px var(--gutter) 0;background:url(img/logo-huge-right.png) no-repeat right bottom/auto 100%;color:#fff}
.ft-card{grid-row:span 2;border-radius:10px;padding:24px;display:flex;flex-direction:column;color:var(--ink);min-height:594px;background:linear-gradient(0deg,#FF905Fbb 0%,#FFC18Fbb 21%,#FFDFCC00 100%) bottom/100% 140px no-repeat,url(img/footer-mask.webp) center/cover repeat,#fff}
.ft-logo{color:var(--orange);width:164px;height:60px;display:block}
.ft-logo svg{width:164px;height:60px;display:block}
.ft-contacts{margin-top:60px;display:flex;flex-direction:column;gap:18px;font:400 18px/1 var(--f-sans);letter-spacing:-.02em}
.ft-contacts li{display:flex;align-items:center;gap:10px}
.ft-ico{width:36px;height:36px;border-radius:6px;background:var(--orange);color:#fff;display:grid;place-items:center;flex:none}
.ft-ico svg{width:16px;height:16px}
.ft-soc{margin-top:auto;display:flex;gap:8px}
.ft-soc a{width:50px;height:50px;border-radius:50%;background:#fff;color:var(--orange);display:grid;place-items:center}
.ft-soc svg{width:20px;height:20px}
.ft-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:48px 24px;padding-top:4px}
.ft-h{font:400 12px/1 var(--f-ui);text-transform:uppercase;letter-spacing:.08em;color:rgba(255,255,255,.55);margin-bottom:22px;display:flex;justify-content:space-between}
.ft-chev{display:none}
.ft-col li{margin-bottom:14px}
.ft-col a{font:500 12px/1.3 var(--f-ui);text-transform:uppercase;letter-spacing:.08em}
.ft-col a:hover{opacity:.7}
.ft-bottom{grid-column:2;display:flex;justify-content:space-between;align-items:center;border-top:1px solid rgba(255,255,255,.3);padding:20px 0;font:500 12px/1 var(--f-ui);text-transform:uppercase;letter-spacing:.08em;color:rgba(255,255,255,.75)}
.ft-seok{display:inline-flex;align-items:center;gap:14px}
.ft-seok svg{width:87px;height:16px}
@media (max-width:1023px){
  .ft-in{grid-template-columns:1fr;gap:0;padding:16px var(--gutter) 0}
  .ft-card{grid-row:auto;min-height:0;padding:16px}
  .ft-logo,.ft-logo svg{width:160px;height:58px}
  .ft-contacts{margin-top:32px;font-size:16px}
  .ft-soc{margin-top:48px}
  .ft-cols{grid-template-columns:1fr;gap:0;padding-top:28px}
  .ft-h{margin:0;padding:10px 0;color:rgba(255,255,255,.85);font-weight:500}
  .ft-chev{display:block}.ft-chev svg{width:12px;height:7px;display:block}
  .ft-col ul{display:none}
  .ft-bottom{grid-column:1;flex-direction:column;gap:14px;margin-top:28px;padding:22px 0}
}