html,body{height:auto!important;overflow:auto!important;margin:0;
background:#1a1510 url("https://i.postimg.cc/4dzY4kR6/images-%2818%29.jpg") center/cover fixed!important;
color:#f3eadc;font-family:Georgia,serif}
body::before{content:"";position:fixed;inset:0;z-index:0;
background:rgba(12,9,6,.42);pointer-events:none}
#sitehead{position:sticky;top:0;z-index:400;display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;
padding:10px 14px;background:rgba(18,14,10,.92)!important;border-bottom:1px solid #6a5040}
#sitehead .brand{color:#e8d48b;text-decoration:none;font-size:1.15rem}
#sitenav{display:flex;flex-wrap:wrap;gap:6px}
#sitenav a{color:#e8dcc8;text-decoration:none;font-size:.8rem;border:1px solid #6a5040;border-radius:8px;padding:5px 9px;background:rgba(28,22,16,.9)}
#sitenav a:hover{color:#e8d48b;border-color:#c9a84c}
select#lang{margin-left:auto;background:#1a1610;color:#e8d48b;border:1px solid #5a4030;border-radius:8px;padding:5px 8px}
.portal{position:relative;z-index:1;max-width:860px;margin:0 auto;padding:18px 12px 60px}
.card,.inner,.p,.box,.col,.compare .col{
  background:rgba(22,17,12,.86)!important;
  border:1px solid #6a5040!important;
  color:#f3eadc!important;
}
.card{border-radius:16px;padding:18px 16px 22px;margin:0 0 22px}
.card .inner{background:transparent!important;border:0!important;padding:0;max-height:none;overflow:visible;max-width:none}
.tiles{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:8px 0 24px}
.tiles a{display:flex;align-items:center;justify-content:center;min-height:64px;text-align:center;
color:#e8d48b;text-decoration:none;border:1px solid #c9a84c;border-radius:12px;background:rgba(36,28,20,.88)!important;padding:10px}
h1,h2,h3{color:#e8d48b;overflow-wrap:anywhere}
video{width:100%;height:auto;background:#000;border-radius:10px}
img{max-width:100%;height:auto}
#dots{display:none!important}

/* buttons on mosaic */

#sitenav a,.tiles a,a.btn,.grid a.btn,#s4 .btn{
  background:transparent!important;
  background-color:transparent!important;
}
#sitenav a:hover,.tiles a:hover,a.btn:hover{
  background:rgba(232,212,139,.12)!important;
}

#pano{display:flex;gap:8px;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;padding-bottom:6px}
#pano img{flex:0 0 auto;height:210px!important;width:auto!important;max-width:none!important;max-height:210px!important;object-fit:contain;border-radius:8px;scroll-snap-align:start}

/* one menu, glass buttons */
#sitenav{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
#sitenav a,a.btn,#s4 .btn,.tiles a{
  background:rgba(232,212,139,.14)!important;
  border:1px solid rgba(201,168,76,.65)!important;
  color:#f0e6d2!important;
  backdrop-filter:blur(3px);
}
#sitenav a:hover,a.btn:hover{
  background:rgba(232,212,139,.28)!important;
}
.tiles{display:none!important}

#sitenav a{white-space:normal;max-width:100%;line-height:1.25}


#sitenav a[href="ogon.html"],a.btn[href="ogon.html"]{
  position:relative;z-index:500!important;pointer-events:auto!important;
  cursor:pointer!important;display:inline-flex!important;
}