/* A restrained CMY signature for the site's two permanent navigation surfaces. */
.site-header {
  background:linear-gradient(112deg,#edf5f9 0%,#f8fbfd 25%,#fff 56%,#fffdf7 100%);
  border-bottom-color:#cbd7df;
  box-shadow:0 2px 5px #102e4206,0 10px 28px #102e4210;
}
.site-header::before {
  content:"";position:absolute;left:0;right:0;top:0;height:2px;pointer-events:none;
  background:linear-gradient(90deg,var(--cyan) 0 10%,var(--magenta) 10% 14%,var(--yellow) 14% 18%,#dce7ed 18% 100%);
}
.header-tools .button {
  box-shadow:0 5px 14px #13384d1c;
  transition:background .2s,border-color .2s,box-shadow .2s,transform .2s;
}
.header-tools .button:hover {box-shadow:0 7px 18px #13384d29;transform:translateY(-1px)}
.header-tools .phone {padding-left:24px;border-left:1px solid #cdd9e1}
.nav-shell {background:#f5f8fabf;border-top-color:#dce5eb}
.nav-button,.nav>a {transition:color .18s}
.nav-button:hover,.nav-button[aria-expanded=true] {color:#046c91}
.nav-button[data-menu=renta]:hover,.nav-button[data-menu=renta][aria-expanded=true] {color:#a21369}
.nav-button[data-menu=brendovi]::after {background:var(--yellow)}
.nav>a:not(.nav-offer)>span {font-size:16px;opacity:.55;transition:transform .18s,opacity .18s}
.nav>a:hover>span {transform:translateX(3px);opacity:1}
.nav-offer::before {
  content:"";width:5px;height:5px;background:var(--cyan);flex:none;
  box-shadow:7px 0 var(--magenta),14px 0 var(--yellow);margin-right:9px;
}
.mega-panel {box-shadow:0 12px 18px #102f4410,0 30px 55px #102f441f}
.mega-column>a {transition:color .18s,transform .18s}
.mega-column>a:hover {transform:translateX(3px)}

.footer {
  position:relative;isolation:isolate;overflow:hidden;
  color:#c2d1dc;
  background:radial-gradient(ellipse at 8% 0%,#204c65 0%,transparent 52%),linear-gradient(120deg,#102d43 0%,#0e2539 70%,#11293e 100%);
}
.footer::before {
  content:"";position:absolute;left:0;right:0;top:0;height:3px;
  background:linear-gradient(90deg,var(--cyan) 0 34%,var(--magenta) 34% 67%,var(--yellow) 67% 100%);
}
.footer::after {
  content:"";position:absolute;pointer-events:none;z-index:-1;
  width:185px;height:185px;right:8%;top:43px;transform:rotate(-12deg);
  border:1px solid #77d9f115;box-shadow:24px 24px 0 -1px #112b3f,24px 24px 0 0 #f253a512,48px 48px 0 -1px #112b3f,48px 48px 0 0 #ffcf4810;
}
.brand-filters {position:absolute;pointer-events:none}
.footer-top {position:relative;padding-block:49px 38px;border-bottom-color:#d5e4ed24}
.footer .logo img {filter:url(#brand-reverse);mix-blend-mode:normal}
.footer-top>span:not(.footer-color-signature) {color:#d5e2ea;font-size:14px;letter-spacing:.1px}
.footer-top>.footer-color-signature {
  display:flex;position:absolute;top:-8px;right:0;margin:0;gap:7px;
}
.footer-color-signature i {display:block;width:16px;height:16px;background:var(--cyan);box-shadow:0 4px 10px #081c302e}
.footer-color-signature i:nth-child(2) {background:var(--magenta)}
.footer-color-signature i:nth-child(3) {background:var(--yellow)}
.footer-top>a:last-child {color:#d3e2ed;padding:11px 15px;border:1px solid #d5e4ed35;transition:background .2s,border-color .2s}
.footer-top>a:last-child:hover {color:white;background:#ffffff09;border-color:#b9dae074}
.footer-grid {padding-block:39px 43px;gap:42px}
.footer-grid .fh {display:flex;align-items:center;gap:11px;color:#fff;font-weight:500;font-size:16px}
.footer-grid .fh::before {content:"";width:6px;height:6px;background:var(--cyan);flex:none}
.footer-grid>div:nth-child(2) .fh::before {background:var(--magenta)}
.footer-grid>div:nth-child(3) .fh::before {background:var(--yellow)}
.footer-grid>div:nth-child(4) .fh::before {background:#a4bac8}
.footer-grid a {color:#bbcedb;transition:color .18s,transform .18s}
.footer-grid a:hover {color:#fff;transform:translateX(3px);text-decoration:underline;text-underline-offset:4px;text-decoration-color:#00a7de90}
.footer-grid>div:nth-child(2) a:hover {text-decoration-color:#e3007eaa}
.footer-grid>div:nth-child(3) a:hover {text-decoration-color:#ffcb05aa}
.footer-bottom {border-top-color:#d5e4ed24;color:#a6bdcc;padding-block:24px}
.footer-bottom .cmy {gap:5px}
.footer-bottom .cmy i {width:10px;height:10px}
.footer a:focus-visible {outline-color:#75d5ef}

@media(max-width:950px) {
  .footer-grid {gap:26px}
  .footer-top>span:not(.footer-color-signature) {font-size:13px}
}
@media(max-width:700px) {
  .site-header {background:linear-gradient(115deg,#edf5f9,#fff 68%);box-shadow:0 4px 18px #15354c13}
  .site-header::before {height:2px;background:linear-gradient(90deg,var(--cyan) 0 15%,var(--magenta) 15% 22%,var(--yellow) 22% 29%,#dde7ed 29% 100%)}
  .nav-shell {background:#fff}
  .mega-panel {box-shadow:none}
  .nav-offer::before {display:none}
  .footer-top {padding-block:36px 29px}
  .footer-top>span:not(.footer-color-signature) {max-width:240px;font-size:14px;line-height:1.7}
  .footer-top>.footer-color-signature {top:26px;right:0;gap:5px}
  .footer-color-signature i {width:11px;height:11px}
  .footer::after {width:145px;height:145px;right:-35px;top:55px;opacity:.8}
  .footer-grid {padding-block:31px;gap:31px 22px}
  .footer-grid .fh {font-size:15px;gap:9px}
  .footer-grid a {font-size:14px;line-height:1.55;overflow-wrap:anywhere}
  .footer-bottom {line-height:1.65}
  .footer-bottom>span:nth-child(2) {max-width:260px}
}
@media(max-width:370px) {
  .footer-top>.footer-color-signature {gap:4px}
  .footer-color-signature i {width:8px;height:8px}
  .footer-grid {gap:29px 16px}
}
@media(prefers-reduced-motion:reduce) {
  .header-tools .button:hover,.mega-column>a:hover,.footer-grid a:hover,.nav>a:hover>span {transform:none}
}