/* Shared site header/footer. Kept isolated from legacy and catalog content styles. */
:root{--site-content-width:1024px}
.site-header{position:relative;z-index:1000;font-family:Arial,Helvetica,sans-serif;background:#10203b;color:#fff;box-shadow:0 1px 0 rgba(255,255,255,.08)}
.site-header *,.site-footer *{box-sizing:border-box}
.site-shell{width:95%;max-width:var(--site-content-width);margin:0 auto}
.site-header__top{background:radial-gradient(46em 10em at 50% 115%,#105293 0,#173c66 38%,#10203b 78%)}
.site-header__top-inner{min-height:118px;display:flex;align-items:center;justify-content:space-between;gap:30px;padding:18px 0}
.site-brand{display:inline-block;text-decoration:none!important;text-transform:uppercase;font-weight:700;font-size:34px;line-height:1;color:#2b9af0!important;letter-spacing:.2px}
.site-brand span{color:#fff}
.site-header__contacts{display:flex;flex-direction:column;align-items:flex-end;gap:7px}
.site-header__contact-row{display:flex;flex-direction:column;align-items:flex-end;justify-content:center;gap:8px;flex-wrap:nowrap}
.site-header__phone{font-size:24px;line-height:1.1;font-weight:700;color:#fff!important;text-decoration:none!important;white-space:nowrap}
.site-header__phone span{font-size:17px;font-weight:400;margin-right:5px;color:#d5e8f7}
.site-social-icons,.site-footer__contacts{display:flex;align-items:center;gap:8px;flex-wrap:nowrap}
.site-social-icon{width:27px;height:27px;display:inline-flex!important;align-items:center;justify-content:center;flex:0 0 27px;border-radius:7px;text-decoration:none!important;transition:transform .18s ease,opacity .18s ease,filter .18s ease}
.site-social-icon:hover{transform:translateY(-1px);filter:brightness(1.08)}
.site-social-icon img{width:24px!important;height:24px!important;display:block;object-fit:contain}
.site-social-icon--max{cursor:pointer}
.site-social-icon--max img{width:24px!important;height:24px!important;border-radius:6px}
.site-nav{background:linear-gradient(to bottom,#0064b1 0,#004a83 100%);border-top:1px solid #1687cf;border-bottom:1px solid #003968;transition:box-shadow .24s ease,border-color .24s ease,background .24s ease;will-change:box-shadow}
.site-nav.is-fixed{position:fixed;top:0;left:0;right:0;z-index:1500;box-shadow:0 4px 14px rgba(0,0,0,.24)}
.site-nav__inner{display:flex;align-items:stretch;min-height:50px;transition:min-height .24s cubic-bezier(.2,.7,.2,1)}
.site-nav__item,.site-nav__trigger{appearance:none;border:0;border-right:1px solid #003672;border-left:1px solid #0073bc;background:transparent;color:#fff!important;text-decoration:none!important;font:600 14px/1 Arial,Helvetica,sans-serif;text-transform:uppercase;display:flex;align-items:center;justify-content:center;padding:0 17px;min-height:50px;cursor:pointer;white-space:nowrap;transition:min-height .24s cubic-bezier(.2,.7,.2,1),padding .24s cubic-bezier(.2,.7,.2,1),background .2s ease,color .2s ease}
.site-nav.is-fixed .site-nav__inner{min-height:42px}
.site-nav.is-fixed .site-nav__item,.site-nav.is-fixed .site-nav__trigger{min-height:42px}
.site-nav__item:first-child{border-left:0}
.site-nav__item:hover,.site-nav__trigger:hover,.site-nav__group.is-open>.site-nav__trigger,.site-nav__item.is-active,.site-nav__trigger.is-active{background:linear-gradient(to bottom,#e22200 0,#a71a00 100%)}
.site-nav__group{position:relative;display:flex;align-items:stretch}
.site-nav__trigger:after{content:'▾';display:inline-block;font-size:20px;margin-left:7px;opacity:.85;transform:rotate(0deg);transform-origin:50% 48%;transition:transform .28s cubic-bezier(.2,.75,.25,1)}
.site-nav__group.is-open>.site-nav__trigger:after{transform:rotate(180deg)}
.site-nav__dropdown{position:absolute;top:100%;left:0;width:290px;background:rgba(0,74,131,.98);border:1px solid #0064b1;box-shadow:0 10px 25px rgba(0,0,0,.22);padding:10px 0;display:block;z-index:1100;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-7px);transition:opacity .22s ease,transform .22s cubic-bezier(.2,.7,.2,1),visibility 0s linear .22s}
.site-nav__group.is-open>.site-nav__dropdown{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0);transition-delay:0s}
.site-nav__dropdown a{display:block;padding:9px 16px;color:#fff!important;text-decoration:none!important;font-size:14px;line-height:1.25;border:0;transition:background .16s ease,padding-left .16s ease}
.site-nav__dropdown a:hover{background:#0a68ae;text-decoration:underline!important;padding-left:19px}
.site-nav__dropdown .site-nav__section{padding:9px 16px 5px;color:#bfe2ff;font-size:12px;text-transform:uppercase;font-weight:700;letter-spacing:.3px}
.site-nav__dropdown .site-nav__sub{padding-left:27px;font-size:13px}
.site-nav__dropdown .site-nav__sub:hover{padding-left:30px}
.site-nav__spacer{flex:1}
.site-nav__quote{background:linear-gradient(to bottom,#e54527 0,#b51f07 100%);font-weight:700;border-left:1px solid #8d1705}
.site-nav__quote:hover,.site-nav__quote.is-active{background:linear-gradient(to bottom,#ff5a39 0,#c42108 100%)}
.site-nav__quote .quote-count{display:inline-block;min-width:19px;margin-left:6px;padding:2px 5px;border-radius:11px;background:#fff;color:#b51f07;text-align:center;font-size:11px;line-height:1.2}
.site-footer{margin-top:34px;background:#101e38;color:#fff;font-family:Arial,Helvetica,sans-serif;font-size:14px;line-height:1.55}
.site-footer a{color:#6ab9f2!important;text-decoration:none!important}
.site-footer a:hover{text-decoration:underline!important}
.site-footer__main{display:grid;grid-template-columns:minmax(270px,1.25fr) minmax(270px,1.25fr) minmax(190px,.7fr);gap:40px;padding:30px 0 24px}
.site-footer__title{font-size:16px;font-weight:700;margin:0 0 9px;color:#fff}
.site-footer__company{font-size:16px;margin-bottom:5px}
.site-footer__muted{color:#8dc6ef}
.site-footer__contact-row{display:flex;flex-direction:column;align-items:flex-start;gap:6px;flex-wrap:nowrap;margin-top:6px}
.site-footer__phone{white-space:nowrap}
.site-footer__contacts{margin:0}
.site-footer__contacts .site-social-icon{width:24px;height:24px;flex-basis:24px}
.site-footer__contacts .site-social-icon img{width:21px!important;height:21px!important}
.site-footer__contacts .site-social-icon--max img{width:21px!important;height:21px!important}
.site-footer__production ul{list-style:none;margin:6px 0 0;padding:0;color:#8dc6ef}
.site-footer__production li{margin:3px 0}
.site-footer__meta{text-align:right}
.site-footer__counter{min-height:31px;margin-bottom:13px}
.site-footer__bottom{border-top:1px solid rgba(255,255,255,.1);padding:12px 0 16px;color:#9cb0c5;font-size:12px;text-align:center}

/* Internal legacy pages use the full content width; the left product menu remains only on the home page. */
.site-no-sidebar #container .content{margin-left:0!important;width:auto!important}
@media(max-width:900px){
 .site-header__top-inner{min-height:96px}.site-brand{font-size:28px}.site-header__phone{font-size:20px}
 .site-nav__inner{flex-wrap:wrap}.site-nav__spacer{display:none}.site-nav__quote{margin-left:auto}
 .site-nav.is-fixed .site-nav__inner{min-height:44px}.site-nav.is-fixed .site-nav__item,.site-nav.is-fixed .site-nav__trigger{min-height:44px}
 .site-footer__main{grid-template-columns:1fr 1fr}.site-footer__meta{grid-column:1/-1;text-align:left}
}
@media(max-width:680px){
 .site-shell{max-width:calc(100% - 20px)}
 .site-header__top-inner{min-height:0;padding:15px 0;align-items:flex-start;gap:14px}.site-brand{font-size:23px;line-height:1.08}.site-header__contacts{gap:5px}.site-header__contact-row{gap:8px}.site-header__phone{font-size:16px}.site-header__phone span{font-size:13px}.site-social-icon{width:24px;height:24px;flex-basis:24px}.site-social-icon img{width:21px!important;height:21px!important}.site-social-icon--max img{width:22px!important;height:22px!important}
 .site-nav__inner{display:grid;grid-template-columns:1fr 1fr}.site-nav__group{display:block}.site-nav__item,.site-nav__trigger,.site-nav.is-fixed .site-nav__item,.site-nav.is-fixed .site-nav__trigger{width:100%;min-height:44px;padding:0 8px;font-size:12px;border-bottom:1px solid #003968}.site-nav__quote{margin:0}.site-nav__dropdown{position:absolute;width:min(290px,94vw);top:100%}.site-nav__group:nth-child(even) .site-nav__dropdown{left:auto;right:0}
 .site-footer__main{grid-template-columns:1fr;gap:22px;padding:24px 0 18px}.site-footer__meta{grid-column:auto;text-align:left}
}

/* Hover opens menus only on pointer devices with the desktop layout. */
.site-nav__mobile-label{display:none}
@media(min-width:681px) and (hover:hover) and (pointer:fine){
 .site-nav__group:hover>.site-nav__trigger{background:linear-gradient(to bottom,#e22200 0,#a71a00 100%)}
 .site-nav__group:hover>.site-nav__trigger:after{transform:rotate(180deg)}
 .site-nav__group:hover>.site-nav__dropdown{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0);transition-delay:0s}
}
@media(max-width:680px){
 .site-nav{position:relative}
 .site-nav__inner{grid-template-areas:"catalog quote" "about contacts"}
 .site-nav__home,.site-nav__price,.site-nav__desktop-label{display:none}
 .site-nav__mobile-label{display:inline}
 .site-nav__catalog{grid-area:catalog}.site-nav__quote{grid-area:quote}
 .site-nav__about{grid-area:about}.site-nav__contacts{grid-area:contacts}
 .site-nav__group{position:static}
 .site-nav__dropdown,.site-nav__group:nth-child(even) .site-nav__dropdown{
  left:0;right:0;top:100%;width:100%;background:#004a83;
  max-height:var(--site-menu-space,calc(100vh - 180px));overflow-y:auto;overscroll-behavior:contain;
 }
 .site-nav__dropdown a{display:flex;align-items:center;min-height:44px;padding-top:11px;padding-bottom:11px}
}

/* One source cookie banner on every page, including the catalog. */
#cookieConsentWrapper[hidden]{display:none!important}
#cookieConsentWrapper{font:16px/normal Calibri;color:#000;text-align:left}
#cookieConsentWrapper *{box-sizing:border-box}
#cookieConsentWrapper p{margin:0;padding:0}
#cookieConsentWrapper a{color:#999999;text-decoration:underline}
#cookieConsentWrapper button{font:100% sans-serif;margin:0;vertical-align:middle;line-height:normal;overflow:visible;cursor:pointer;padding:.4ex .9ex}

/* Cookie consent */
#cookieConsentWrapper .cookie-consent-container {
  box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.3);
  border-radius: 8px 8px 0 0;
  transform: translateY(100%);
  opacity: 0;
  transition:
    transform 0.4s ease-out,
    opacity 0.4s ease-out;
}

#cookieConsentWrapper .cookie-consent-container.show {
  transform: translateY(0);
  opacity: 1;
}

#cookieConsentWrapper .cookie-content-wrapper {
  max-width: 900px;
  margin: 0 auto;
  padding: 0 15px;
}

#cookieConsentWrapper .cookie-content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 15px 0;
  margin-left: 20px;
  margin-right: 20px;
}

#cookieConsentWrapper .cookie-text {
  flex: 1;
  padding-right: 30px;
}
#cookieConsentWrapper {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  background-color: #fff;
}

@media (max-width: 768px) {
  #cookieConsentWrapper .cookie-content {
    flex-direction: column;
    text-align: center;
  }

  #cookieConsentWrapper .cookie-text {
    padding-right: 0;
    margin-bottom: 15px;
    text-align: left;
    width: 100%;
  }
}

