.site-container,
.site-nav .container{
  width:min(1440px,calc(100% - 88px));
  margin:auto;
}
.topbar{
  height:34px;
  background:#0B0C0D;
  color:#AAA59D;
  box-shadow:inset 0 -1px 0 rgba(244,240,233,.16);
  font-size:11px;
  letter-spacing:.11em;
  text-transform:uppercase;
  display:flex;
  align-items:center;
  justify-content:center;
}
.site-nav{
  z-index:20;
  left:0;
  right:0;
  font-family:"DM Sans",sans-serif;
}
.site-nav .nav-inner{
  height:100px;
  display:flex;
  align-items:center;
  justify-content:space-between;
}
.crumb{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:0 0 18px;font-size:13px;font-weight:700}
.crumb a{color:inherit;text-decoration:none;transition:color .35s cubic-bezier(.22,1,.36,1)}
.crumb a:hover,.crumb a:focus-visible{color:#E79A52}
.crumb [aria-current="page"]{color:#AAA59D;font-weight:600}
nav.site-crumb{
  position:static;
  z-index:auto;
  top:auto;
  left:auto;
  transform:none;
  width:min(1440px,calc(100% - 88px));
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  align-items:center;
  margin:0 auto;
  padding:12px 0 16px;
  font-size:13px;
  font-weight:600;
  letter-spacing:0;
  line-height:1.3;
  color:#AAA59D;
}
nav.site-crumb a{color:#F4F0E9;text-decoration:none}
nav.site-crumb a:hover,nav.site-crumb a:focus-visible{color:#E79A52}
nav.site-crumb [aria-current="page"]{color:#AAA59D;font-weight:600}
nav.site-crumb.is-idle-crumb{display:none}
nav.site-crumb.is-over-photo{
  position:absolute;
  z-index:3;
  top:112px;
  left:50%;
  transform:translateX(-50%);
  margin:0;
  padding:0;
  background:transparent;
}
.site-nav .brand{
  display:flex;
  align-items:center;
  gap:12px;
}
.site-nav .brand img{
  width:146px;
  max-height:58px;
  object-fit:contain;
}
.site-nav .navlinks{
  position:relative;
  display:flex;
  gap:22px;
  align-items:center;
  align-self:stretch;
  font-size:13px;
  font-weight:600;
}
.site-nav .navlinks a{
  color:inherit;
  text-decoration:none;
  white-space:nowrap;
}
.site-nav .navline{
  position:absolute;
  left:0;
  top:0;
  height:2px;
  width:0;
  border-radius:2px;
  background:#D37F32;
  pointer-events:none;
  opacity:0;
  transform:translate3d(0,0,0);
  transition:transform .42s cubic-bezier(.22,1,.36,1),width .42s cubic-bezier(.22,1,.36,1),opacity .2s ease;
}
.site-nav .navlinks span{cursor:default}
.site-nav .navdrop{
  position:relative;
  display:flex;
  align-items:center;
  align-self:center;
}
.site-nav .navdrop-btn{
  display:inline-flex;
  align-items:center;
  gap:7px;
  background:none;
  border:0;
  padding:8px 0;
  color:inherit;
  font:600 13px "DM Sans",sans-serif;
  cursor:pointer;
}
.site-nav .navdrop-btn::after{
  content:"";
  width:0;
  height:0;
  border-left:3.5px solid transparent;
  border-right:3.5px solid transparent;
  border-top:4px solid currentColor;
}
.site-nav .navdrop-panel{
  display:block;
  visibility:hidden;
  opacity:0;
  pointer-events:none;
  position:absolute;
  z-index:30;
  top:100%;
  left:0;
  padding-top:8px;
  min-width:280px;
  transition:opacity .4s cubic-bezier(.22,1,.36,1);
}
.site-nav .navdrop:hover .navdrop-panel,
.site-nav .navdrop:focus-within .navdrop-panel,
.site-nav .navdrop.is-open .navdrop-panel{
  visibility:visible;
  opacity:1;
  pointer-events:auto;
}
.site-nav .navdrop.is-dismissed .navdrop-panel{
  visibility:hidden;
  opacity:0;
  pointer-events:none;
}
.site-nav .navdrop-menu{
  display:flex;
  flex-direction:column;
  gap:4px;
  background:#191A1B;
  border:1px solid rgba(244,240,233,.16);
  border-radius:12px;
  padding:8px;
}
.site-nav .navlinks .navdrop-link{
  display:flex;
  align-items:center;
  gap:14px;
  width:100%;
  min-height:64px;
  padding:10px 12px;
  border-radius:6px;
  color:#F4F0E9;
  text-decoration:none;
  cursor:pointer;
  transition:background-color .35s cubic-bezier(.22,1,.36,1),color .35s cubic-bezier(.22,1,.36,1);
}
.site-nav .navlinks .navdrop-link:hover,
.site-nav .navlinks .navdrop-link:focus-visible{background:#28292B;color:#E79A52}
.site-nav .navdrop-icon{
  width:44px;
  height:44px;
  display:grid;
  place-items:center;
  flex:none;
  color:#D37F32;
  background:#28292B;
  border:1px solid rgba(244,240,233,.16);
  border-radius:6px;
}
.site-nav .navdrop-icon .icon{
  width:22px;
  height:22px;
  display:block;
  stroke:currentColor;
  fill:none;
}
.site-nav .navdrop-copy{
  display:flex;
  flex-direction:column;
  gap:2px;
  min-width:0;
}
.site-nav .navdrop-copy strong{
  font:600 15px Manrope,sans-serif;
  letter-spacing:-.02em;
}
.site-nav .navdrop-copy small{
  color:#AAA59D;
  font:500 12px/1.3 "DM Sans",sans-serif;
  letter-spacing:0;
  text-transform:none;
  white-space:nowrap;
}
.site-nav .navdrop-btn:focus-visible,
.site-nav .navdrop-link:focus-visible,
.site-nav .navlinks > a:focus-visible,
.site-nav .navbtn:focus-visible,
.site-nav .menubtn:focus-visible,
.site-nav .cartlink:focus-visible{outline:2px solid #2459b9;outline-offset:3px}
.site-nav .navright{
  display:flex;
  align-items:center;
  gap:14px;
}
.site-nav .cartlink{
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:44px;
  height:44px;
  color:inherit;
  text-decoration:none;
}
.site-nav .cartlink svg{width:22px;height:22px}
.site-nav .cartcount{
  position:absolute;
  top:2px;
  right:0;
  min-width:16px;
  height:16px;
  padding:0 4px;
  border-radius:99px;
  background:#D37F32;
  color:#0B0C0D;
  font-size:10px;
  font-weight:700;
  line-height:16px;
  text-align:center;
}
.site-nav .cartcount[hidden]{display:none}
.site-nav .navbtn{
  background:#D37F32;
  border:1px solid #D37F32;
  border-radius:999px;
  padding:15px 20px;
  font-size:12px;
  font-weight:700;
  color:#0B0C0D;
  text-decoration:none;
  transition:background-color .35s cubic-bezier(.22,1,.36,1),border-color .35s cubic-bezier(.22,1,.36,1),transform .15s cubic-bezier(.22,1,.36,1);
}
.site-nav .navbtn:active{transform:scale(.98)}
.btn,
.news-submit{
  border-radius:999px;
}
.site-nav .navbtn:hover,.site-nav .navbtn:focus-visible{background:#E79A52;border-color:#E79A52}
.site-nav .menubtn{
  display:inline-flex;
  align-items:center;
  gap:14px;
  border:0;
  background:none;
  color:inherit;
  padding:8px 0;
  font-size:13px;
  font-weight:700;
  letter-spacing:.12em;
  text-transform:uppercase;
  cursor:pointer;
}
.site-nav .burger{width:28px;height:12px;display:grid;gap:5px}
.site-nav .burger span{display:block;height:1px;background:currentColor}

.site-nav.nav-home{
  position:fixed;
  top:34px;
  left:0;
  right:0;
  z-index:30;
  color:#F4F0E9;
  transition:background .35s ease,color .35s ease,top .35s ease,box-shadow .35s ease;
}
.site-nav.nav-home .nav-inner{border-bottom:1px solid rgba(244,240,233,.28)}
.site-nav.nav-home .brand img{filter:brightness(0) invert(1);transition:filter .35s ease}
.site-nav.nav-home .menubtn{border:0;color:#F4F0E9}
.site-nav.nav-home.is-scrolled{
  top:0;
  color:#F4F0E9;
  background:rgba(11,12,13,.78);
  backdrop-filter:saturate(180%) blur(20px);
  -webkit-backdrop-filter:saturate(180%) blur(20px);
  box-shadow:inset 0 -1px 0 rgba(244,240,233,.16);
}
.site-nav.nav-home.is-scrolled .brand img{filter:none}
.site-nav.nav-home.is-scrolled .nav-inner{border-bottom-color:transparent}
.site-nav.nav-home.is-scrolled .menubtn{border-color:transparent;color:#F4F0E9}

.site-nav.nav-page{
  position:sticky;
  top:0;
  z-index:30;
  background:#0B0C0D;
  color:#F4F0E9;
  transition:background .35s ease,box-shadow .35s ease,backdrop-filter .35s ease;
}
.site-nav.nav-page .nav-inner{border-bottom:1px solid rgba(244,240,233,.16)}
.site-nav.nav-page .menubtn{border:0;color:#F4F0E9}
.site-nav.nav-page.is-scrolled{
  background:rgba(11,12,13,.78);
  backdrop-filter:saturate(180%) blur(20px);
  -webkit-backdrop-filter:saturate(180%) blur(20px);
  box-shadow:inset 0 -1px 0 rgba(244,240,233,.16);
}
.site-nav.nav-page.is-scrolled .nav-inner{border-bottom-color:transparent}

@media(prefers-reduced-motion:reduce){
  .site-nav.nav-home,
  .site-nav.nav-page,
  .site-nav.nav-home .brand img,
  .site-nav .navline,
  .mobilemenu,
  .mobilemenu .menu-nav,
  .mobilemenu .menu-contact,
  .acc-panel,
  .menu-link,
  .acc button,
  .site-footer a,
  .acc-panel a,
  .menu-contact a,
  .menu-link span[aria-hidden],
  .acc button span[aria-hidden],
  .site-nav .navdrop-panel,
  .site-nav .navlinks .navdrop-link,
  .site-nav .navbtn,
  .news-submit,
  .site-footer-social a,
  .crumb a{transition:none}
}
.mobilemenu{
  display:none;
  position:fixed;
  z-index:40;
  inset:0;
  padding:0;
  background:#0B0C0D;
  color:#F4F0E9;
  grid-template-columns:minmax(0,1.15fr) minmax(280px,.75fr);
  opacity:0;
  transition:opacity .4s ease;
}
.mobilemenu.open{display:grid}
.mobilemenu.is-on{opacity:1}
.mobilemenu .menu-nav,
.mobilemenu .menu-contact{
  opacity:0;
  transition:transform .5s cubic-bezier(.22,1,.36,1),opacity .4s ease;
}
.mobilemenu .menu-nav{transform:translateX(-32px)}
.mobilemenu .menu-contact{transform:translateX(32px);transition-delay:.06s}
.mobilemenu.is-on .menu-nav,
.mobilemenu.is-on .menu-contact{opacity:1;transform:none}
.menu-nav,.menu-contact{min-height:100%;padding:28px clamp(22px,4vw,64px) 40px}
.menu-nav{display:flex;flex-direction:column}
.menu-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:48px}
.menu-top img{width:140px}
.menu-top button,#closeMenu{width:44px;height:44px;border:0;background:none;color:#F4F0E9;font-size:28px;cursor:pointer}
.acc{border-top:1px solid rgba(244,240,233,.16)}
.menu-link{
  position:relative;
  display:grid;
  grid-template-columns:42px 1fr auto;
  align-items:center;
  gap:12px;
  min-height:84px;
  border-top:1px solid rgba(244,240,233,.16);
  color:#F4F0E9;
  font-family:Manrope,sans-serif;
  font-size:clamp(28px,4vw,44px);
  letter-spacing:-.04em;
  text-decoration:none;
  transition:color 1s cubic-bezier(.33,0,.2,1);
}
.menu-link span:first-child,.acc button span:first-child{font-family:"DM Sans",sans-serif;font-size:12px;letter-spacing:.12em;color:#E79A52}
.acc button{
  position:relative;
  width:100%;
  display:grid;
  grid-template-columns:42px 1fr auto;
  align-items:center;
  gap:12px;
  min-height:84px;
  padding:0;
  border:0;
  background:none;
  color:#F4F0E9;
  text-align:left;
  font-family:Manrope,sans-serif;
  font-size:clamp(28px,4vw,44px);
  letter-spacing:-.04em;
  cursor:pointer;
  transition:color 1s cubic-bezier(.33,0,.2,1);
}
.mobilemenu .menu-link:hover,
.mobilemenu .menu-link:focus-visible,
.mobilemenu .acc button:hover,
.mobilemenu .acc button:focus-visible,
.mobilemenu .acc-panel a:hover,
.mobilemenu .acc-panel a:focus-visible,
.mobilemenu .menu-contact a:hover,
.mobilemenu .menu-contact a:focus-visible{color:#E79A52}
.acc-panel{
  display:grid;
  grid-template-rows:0fr;
  transition:grid-template-rows .45s cubic-bezier(.22,1,.36,1);
}
.acc-panel[hidden]{display:none}
.acc-links{overflow:hidden;min-height:0;display:grid;gap:12px;padding:0 0 0 54px}
.acc-panel.is-open{grid-template-rows:1fr}
.acc-panel.is-open .acc-links{padding-bottom:22px}
.acc-panel a{
  justify-self:start;
  font-size:18px;
  font-weight:600;
  color:#F4F0E9;
  text-decoration:none;
  transition:color .35s cubic-bezier(.22,1,.36,1),transform .4s cubic-bezier(.22,1,.36,1);
}
#menu-proizvodi a{
  display:inline-flex;
  align-items:center;
  gap:12px;
  min-height:44px;
}
#menu-proizvodi .menu-product-icon{
  width:22px;
  height:22px;
  flex:none;
  color:#E79A52;
  stroke:currentColor;
  fill:none;
}
#menu-proizvodi a[aria-current="page"] .menu-product-icon{color:inherit}
.acc-panel a:hover,.acc-panel a:focus-visible{transform:translateX(8px)}
.menu-contact a{transition:color .35s cubic-bezier(.22,1,.36,1)}
.menu-link span[aria-hidden],
.acc button span[aria-hidden]{justify-self:end;transition:transform 1s cubic-bezier(.33,0,.2,1)}
.menu-link:hover span[aria-hidden],
.menu-link:focus-visible span[aria-hidden],
.acc button:hover span[aria-hidden],
.acc button:focus-visible span[aria-hidden]{transform:translateX(3px)}
.acc button[aria-expanded="true"] span[aria-hidden]{transition-duration:.6s}
.acc button[aria-expanded="true"] span[aria-hidden],
.acc button[aria-expanded="true"]:hover span[aria-hidden],
.acc button[aria-expanded="true"]:focus-visible span[aria-hidden]{transform:rotate(45deg)}
.menu-contact{background:#191A1B}
.menu-contact h2{font-family:Manrope,sans-serif;font-weight:500;font-size:40px;margin:72px 0 28px;color:#F4F0E9}
.menu-contact p{margin:0 0 22px;color:#AAA59D;line-height:1.6}
.menu-contact a{color:#F4F0E9}
.menu-contact .menu-showroom{
  display:block;
  max-width:9ch;
  margin-top:4px;
  font-family:Manrope,sans-serif;
  font-weight:500;
  font-size:clamp(40px,4.8vw,64px);
  line-height:.92;
  letter-spacing:-.045em;
  text-decoration:none;
}
.menu-contact .menu-showroom:focus-visible{outline:2px solid #2459b9;outline-offset:4px}
.menu-contact small{display:block;color:#AAA59D;letter-spacing:.12em;text-transform:uppercase;font-size:11px;margin-bottom:6px}
.mobilemenu a[aria-current="page"]{color:#D37F32}

@media(max-width:950px){
  .site-container,
  .site-nav .container,
  nav.site-crumb{width:min(100% - 44px,1440px)}
  .site-nav .navlinks,
  .site-nav .navbtn{display:none}
}
@media(max-width:800px){
  .mobilemenu.open{
    grid-template-columns:1fr;
    grid-template-rows:max-content max-content;
    align-content:start;
    overflow:auto;
  }
  .mobilemenu.open .menu-nav,
  .mobilemenu.open .menu-contact{min-height:auto}
  .menu-contact h2{margin-top:12px}
}
.news-overlay{
  position:fixed;
  inset:0;
  z-index:80;
  display:none;
  align-items:center;
  justify-content:center;
  padding:16px;
  background:rgba(11,12,13,.72);
  opacity:0;
  transition:opacity .25s ease;
}
.news-overlay.is-open{display:flex}
.news-overlay.is-on{opacity:1}
.news-dialog{
  position:relative;
  width:min(440px,100%);
  max-height:calc(100svh - 32px);
  overflow:auto;
  background:#191A1B;
  color:#F4F0E9;
  border:1px solid rgba(244,240,233,.16);
  border-radius:12px;
  box-shadow:0 24px 60px rgba(0,0,0,.45);
  padding:36px 28px 24px;
  transform:translateY(14px);
  transition:transform .25s ease;
}
.news-overlay.is-on .news-dialog{transform:none}
.news-close{
  position:absolute;
  top:8px;
  right:8px;
  width:44px;
  height:44px;
  border:0;
  background:none;
  color:#AAA59D;
  font-size:26px;
  line-height:1;
  cursor:pointer;
}
.news-kicker{
  margin:0 0 8px;
  color:#D37F32;
  font-size:11px;
  font-weight:700;
  letter-spacing:.16em;
  text-transform:uppercase;
}
.news-dialog h2{
  margin:0 0 12px;
  font-family:Manrope,sans-serif;
  font-size:clamp(28px,4vw,36px);
  font-weight:500;
  letter-spacing:-.04em;
  line-height:1.1;
}
.news-dialog p{margin:0 0 18px;color:#AAA59D;font-size:15px;line-height:1.6}
.news-dialog form > label,.news-dialog fieldset > label{display:grid;gap:6px;margin-bottom:12px;font-size:13px;font-weight:700}
.news-dialog fieldset{margin:0;padding:0;border:0;min-width:0}
.news-switch{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0 0 16px}
.news-switch button{min-height:44px;border:1px solid rgba(244,240,233,.24);border-radius:999px;background:transparent;color:#F4F0E9;font:700 13px "DM Sans",sans-serif;cursor:pointer}
.news-switch button[aria-selected="true"]{border-color:#D48033;background:#D48033;color:#0B0C0D}
.news-dialog input[type="text"],
.news-dialog input[type="email"],
.news-dialog input[type="tel"]{
  width:100%;
  min-height:48px;
  border:1px solid rgba(244,240,233,.16);
  border-radius:6px;
  padding:12px 14px;
  background:#28292B;
  color:#F4F0E9;
  font:16px "DM Sans",sans-serif;
}
.news-dialog input:focus{border-color:#2459b9;outline:2px solid #2459b93a}
.news-dialog .news-consent{
  display:flex;
  align-items:flex-start;
  gap:10px;
  margin:4px 0 16px;
  font-size:13px;
  font-weight:500;
  line-height:1.45;
  color:#F4F0E9;
}
.news-consent input{width:18px;height:18px;margin-top:2px;flex:none;accent-color:#D37F32}
.news-error{min-height:1.2em;margin:0 0 10px;color:#E7A8A2;font-size:13px;font-weight:600}
.news-submit{
  width:100%;
  min-height:48px;
  border:0;
  border-radius:999px;
  background:#D37F32;
  color:#0B0C0D;
  font:700 13px "DM Sans",sans-serif;
  letter-spacing:.04em;
  text-transform:uppercase;
  cursor:pointer;
  transition:background-color .35s cubic-bezier(.22,1,.36,1),transform .15s cubic-bezier(.22,1,.36,1);
}
.news-submit:hover,.news-submit:focus-visible{background:#E79A52}
.news-submit:active{transform:scale(.98)}
.news-submit:disabled{opacity:.6;cursor:default}
.news-later{
  display:block;
  margin:14px auto 0;
  border:0;
  background:none;
  color:#AAA59D;
  font:500 13px "DM Sans",sans-serif;
  text-decoration:underline;
  cursor:pointer;
}
.news-ok{font-family:Manrope,sans-serif;font-size:40px;color:#D37F32;margin:0 0 8px}
@media(max-width:520px){
  .news-overlay{align-items:flex-end;padding:0}
  .news-dialog{width:100%;max-width:none;border-radius:12px 12px 0 0;padding:32px 20px 20px}
}
@media(prefers-reduced-motion:reduce){
  .news-overlay,.news-dialog{transition:none}
}

@media(max-width:650px){
  .site-container,
  .site-nav .container,
  nav.site-crumb{width:calc(100% - 36px)}
  .topbar{font-size:9px}
  .site-nav .nav-inner{height:78px}
  nav.site-crumb.is-over-photo{top:90px}
  .site-nav .brand img{width:120px}
}
.site-footer{
  background:#191A1B;
  color:#F4F0E9;
  border-top:1px solid rgba(244,240,233,.16);
  font-family:"DM Sans",sans-serif;
}
.site-footer-inner{
  width:min(1440px,calc(100% - 88px));
  margin:auto;
  padding:76px 0 28px;
}
.site-footer-grid{
  display:grid;
  grid-template-columns:minmax(220px,1.15fr) repeat(3,minmax(140px,.68fr));
  gap:42px 32px;
  align-items:start;
}
.site-footer-logo{display:inline-flex}
.site-footer-logo img{width:auto;height:72px}
.site-footer-brand p{max-width:34ch;margin:18px 0 0;color:#AAA59D;font-size:15px;line-height:1.65}
.site-footer-brand p a{color:#F4F0E9;text-decoration:none}
.site-footer-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.site-footer-actions a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:44px;
  padding:0 18px;
  border-radius:999px;
  background:#D37F32;
  color:#0B0C0D;
  font-size:13px;
  font-weight:700;
  text-decoration:none;
}
.site-footer-actions a.site-footer-quiet{background:transparent;color:#F4F0E9;box-shadow:inset 0 0 0 1px rgba(244,240,233,.35)}
.site-footer-actions a:hover,.site-footer-actions a:focus-visible{background:#E79A52}
.site-footer-actions a.site-footer-quiet:hover,.site-footer-actions a.site-footer-quiet:focus-visible{background:transparent;color:#E79A52;box-shadow:inset 0 0 0 1px #E79A52}
.site-footer h2{
  margin:0 0 8px;
  font-family:"DM Sans",sans-serif;
  font-size:11px;
  font-weight:700;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:#E79A52;
}
.site-footer-nav{display:flex;flex-direction:column;align-items:flex-start}
.site-footer-nav a{
  display:inline-flex;
  align-items:center;
  min-height:36px;
  color:#F4F0E9;
  font-size:15px;
  text-decoration:none;
}
.site-footer-places{grid-column:1 / -1;padding-top:8px}
.site-footer-place-list{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:28px 32px;
}
.site-footer address{
  display:grid;
  gap:4px;
  margin:0;
  font-style:normal;
  color:#AAA59D;
  font-size:14px;
  line-height:1.55;
}
.site-footer .place-kind{font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#AAA59D}
.site-footer address strong{color:#F4F0E9;font-family:Manrope,sans-serif;font-weight:500;font-size:22px;letter-spacing:-.04em}
.site-footer address a{color:#F4F0E9;text-decoration:none}
.site-footer-nav a,
.site-footer address a,
.site-footer-brand p a{transition:color .6s cubic-bezier(.33,0,.2,1)}
.site-footer-actions a{transition:background-color .6s cubic-bezier(.33,0,.2,1),color .6s cubic-bezier(.33,0,.2,1),box-shadow .6s cubic-bezier(.33,0,.2,1)}
.site-footer-nav a:hover,
.site-footer-nav a:focus-visible,
.site-footer address a:hover,
.site-footer address a:focus-visible,
.site-footer-brand p a:hover,
.site-footer-brand p a:focus-visible{color:#E79A52}
.site-footer a:focus-visible{outline:2px solid #2459b9;outline-offset:3px}
.site-footer-base{
  display:grid;
  grid-template-columns:1fr auto 1fr;
  align-items:center;
  gap:12px 24px;
  margin-top:36px;
  padding-top:18px;
  border-top:1px solid rgba(244,240,233,.12);
  color:#AAA59D;
  font-size:13px;
}
.site-footer-base p{margin:0}
.site-footer-base p:last-child{justify-self:end}
.site-footer-social{display:flex;align-items:center;justify-content:center;gap:2px}
.site-footer-social a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:44px;
  height:44px;
  color:inherit;
  text-decoration:none;
  transition:color .35s cubic-bezier(.22,1,.36,1);
}
.site-footer-social a:hover,
.site-footer-social a:focus-visible{color:#E79A52}
.site-footer-social svg{width:18px;height:18px;display:block}
@media(max-width:980px){
  .site-footer-inner{width:min(1440px,calc(100% - 44px))}
  .site-footer-grid{grid-template-columns:1fr 1fr}
  .site-footer-brand,.site-footer-places{grid-column:1 / -1}
  .site-footer-place-list{grid-template-columns:1fr}
}
@media(max-width:640px){
  .site-footer-inner{width:calc(100% - 36px);padding-top:52px}
  .site-footer-grid{grid-template-columns:1fr}
  .site-footer-base{grid-template-columns:1fr}
  .site-footer-base p:last-child,.site-footer-social{justify-self:start}
}