body {width: 100%;height: 100%;margin:0;background-color:#673027!important;}
body.map {padding:15px!important;}
body.cat-all {background-color:#643c2a;}
body.cat-01 {background-color:#bd381d;}
body.cat-02 {background-color:#3f68b1;}
body.cat-03 {background-color:#558b42;}
body.cat-04 {background-color:#5f2d81;}
body.cat-05 {background-color:#ce79a6;}
body.cat-06 {background-color:#FCC80A;}
* {box-sizing: border-box;}
#img {transform-origin:0 0;}
.map-header {padding:15px 15px 45px;position:absolute;top:15px;right:15px;left:15px;z-index:1;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(180deg, rgba(227,233,187,.9) 60%, rgba(227,233,187,0) 100%);border-radius:20px 20px 0 0;overflow:hidden;}
.map__logo img {width:100px;}
.map__zoom {display:flex}

.map__ico {width:48px;height:48px;}
.map__ico:before {content:"";width:48px;height:48px;background-size:cover;display:block}
.map__close:before {background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="55" height="55" viewBox="0 0 55 55"><path d="M55,0H0V55H55ZM1.5,2a.367.367,0,0,1,.1-.3A.52.52,0,0,1,2,1.5H53c.1,0,.2.1.3.2s.2.2.2.3V53a.522.522,0,0,1-.2.4.37.37,0,0,1-.3.1H2c-.2,0-.3,0-.4-.1s-.1-.2-.1-.4Z" fill="%23FCC80A"/><path d="M1.6,1.7a.367.367,0,0,0-.1.3V53c0,.2,0,.3.1.4s.2.1.4.1H53a.37.37,0,0,0,.3-.1.52.52,0,0,0,.2-.4V2c0-.1-.1-.2-.2-.3s-.2-.2-.3-.2H2A.52.52,0,0,0,1.6,1.7Zm1.6.8H51.8L27.5,26.8Zm0,50L27.5,28.2,51.8,52.5Zm23.6-25L2.5,51.8V3.2ZM52.5,51.8,28.2,27.5,52.5,3.3Z" fill="%23fff"/><path d="M51.8,2.5H3.2L27.5,26.8Z" fill="%23FCC80A"/><path d="M27.5,28.2,3.2,52.5H51.8Z" fill="%23FCC80A"/><path d="M2.5,51.8,26.8,27.5,2.5,3.2Z" fill="%23FCC80A"/><path d="M28.2,27.5,52.5,51.8V3.3Z" fill="%23FCC80A"/></svg>');}
.map__zoom-out:before {background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="55" height="55" viewBox="0 0 55 55"><path d="M55,55V0H0V55ZM53,1.5c.1,0,.2.1.3.2s.2.2.2.3V53a.522.522,0,0,1-.2.4.37.37,0,0,1-.3.1H2c-.2,0-.3,0-.4-.1s-.1-.2-.1-.4V2a.365.365,0,0,1,.1-.3A.517.517,0,0,1,2,1.5Z" fill="%23FCC80A"/><path d="M53.3,1.7c-.1-.1-.2-.2-.3-.2H2a.517.517,0,0,0-.4.2.365.365,0,0,0-.1.3V53c0,.2,0,.3.1.4s.2.1.4.1H53a.371.371,0,0,0,.3-.1.52.52,0,0,0,.2-.4V2C53.5,1.9,53.4,1.8,53.3,1.7Zm-.8.8v50H2.5V2.5Z" fill="%23fff"/><path d="M52.5,52.5V2.5H2.5v50ZM41.5,27a.523.523,0,0,1,.4.2.37.37,0,0,1,.1.3c0,.2,0,.3-.1.4s-.2.1-.4.1H13.4a.367.367,0,0,1-.3-.1.52.52,0,0,1-.2-.4c0-.1.1-.2.2-.3s.2-.2.3-.2Z" fill="%23FCC80A"/><path d="M41.9,27.2a.521.521,0,0,0-.4-.2H13.4c-.1,0-.2.1-.3.2s-.2.2-.2.3a.52.52,0,0,0,.2.4.367.367,0,0,0,.3.1H41.5c.2,0,.3,0,.4-.1s.1-.2.1-.4A.37.37,0,0,0,41.9,27.2Z" fill="%23fff"/></svg>');}
.map__zoom-in:before {background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="55" height="55" viewBox="0 0 55 55"><path d="M55,0H0V55H55ZM1.5,2a.52.52,0,0,1,.2-.4A.367.367,0,0,1,2,1.5H53c.2,0,.3,0,.4.1,0,.1.1.2.1.4V53c0,.1-.1.2-.1.3a.52.52,0,0,1-.4.2H2c-.1,0-.2-.1-.3-.2s-.2-.2-.2-.3Z" fill="%23FCC80A"/><path d="M1.7,1.6a.52.52,0,0,0-.2.4V53c0,.1.1.2.2.3s.2.2.3.2H53a.52.52,0,0,0,.4-.2c0-.1.1-.2.1-.3V2c0-.2-.1-.3-.1-.4-.1-.1-.2-.1-.4-.1H2A.367.367,0,0,0,1.7,1.6Zm.8.9h50v50H2.5Z" fill="%23fff"/><path d="M52.5,2.5H2.5v50h50ZM27,13.4c0-.1.1-.2.2-.3s.2-.2.3-.2a.52.52,0,0,1,.4.2c0,.1.1.2.1.3V27H41.6a.369.369,0,0,1,.3.1.522.522,0,0,1,.2.4c0,.1-.1.2-.2.3s-.2.2-.3.2H28V41.5c0,.2-.1.3-.1.4-.1.1-.2.1-.4.1a.367.367,0,0,1-.3-.1.52.52,0,0,1-.2-.4V28H13.4c-.1,0-.2-.1-.3-.2s-.2-.2-.2-.3a.522.522,0,0,1,.2-.4.37.37,0,0,1,.3-.1H27Z" fill="%23FCC80A"/><path d="M27.2,13.1c-.1.1-.2.2-.2.3V27H13.4a.369.369,0,0,0-.3.1.522.522,0,0,0-.2.4c0,.1.1.2.2.3s.2.2.3.2H27V41.5a.52.52,0,0,0,.2.4.367.367,0,0,0,.3.1c.2,0,.3,0,.4-.1,0-.1.1-.2.1-.4V28H41.6c.1,0,.2-.1.3-.2s.2-.2.2-.3a.522.522,0,0,0-.2-.4.37.37,0,0,0-.3-.1H28V13.4c0-.1-.1-.2-.1-.3a.521.521,0,0,0-.4-.2C27.4,12.9,27.3,13,27.2,13.1Z" fill="%23fff"/></svg>');}
.map__zoom-fit:before {background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="55" height="55" viewBox="0 0 55 55"><path d="M55,0H0V55H55ZM1.7,1.6A.367.367,0,0,1,2,1.5H53c.2,0,.3,0,.4.1,0,.1.1.2.1.4V53c0,.1-.1.2-.1.3a.52.52,0,0,1-.4.2H2c-.1,0-.2-.1-.3-.2s-.2-.2-.2-.3V2A.52.52,0,0,1,1.7,1.6Z" fill="%23FCC80A"/><path d="M2,1.5a.367.367,0,0,0-.3.1.52.52,0,0,0-.2.4V53c0,.1.1.2.2.3s.2.2.3.2H53a.52.52,0,0,0,.4-.2c0-.1.1-.2.1-.3V2c0-.2-.1-.3-.1-.4-.1-.1-.2-.1-.4-.1Zm.5,1h50v50H2.5Z" fill="%23fff"/><path d="M52.5,2.5H2.5v50h50Z" fill="%23FCC80A"/><path d="M9,24.9c-.4-.3-.7-.3-1,.1-.3.3-.2.7.2,1l1.1.8H5.8c-.5,0-.7.2-.7.7s.2.7.7.7H9.3l-1.1.9A.58.58,0,0,0,8,30a.864.864,0,0,0,.6.3c.2,0,.3,0,.4-.1l2.8-2.1a.851.851,0,0,0,.3-.6.55.55,0,0,0-.3-.5Z" fill="%23fff"/><path d="M10.8,12.5a.523.523,0,0,0-.4.8c2.1,7.5,3.1,12.2,3,14.4q0,3-3,14.4a.524.524,0,0,0,.4.8H11c.4,0,.6-.1.7-.5,2.1-7.5,3.1-12.4,3.2-14.7,0-2.2-1-7.1-3.2-14.7C11.6,12.5,11.3,12.3,10.8,12.5Z" fill="%23fff"/><path d="M17,12.1a1.88,1.88,0,0,0-1.7.8,2.038,2.038,0,0,0-.3,1.9c1.9,6.1,2.8,10.3,2.7,12.7s-1,6.6-2.8,12.8a2.56,2.56,0,0,0,.4,1.9,2.06,2.06,0,0,0,1.7.7H38.1a2.059,2.059,0,0,0,1.7-.7,2.142,2.142,0,0,0,.3-1.9c-1.8-6.6-2.7-10.9-2.8-12.8a34.094,34.094,0,0,1,1.4-7.4c.4-1.9.9-3.7,1.4-5.3a2.035,2.035,0,0,0-.3-1.9,1.879,1.879,0,0,0-1.7-.8Zm-.6,2.3c-.1-.4-.1-.6,0-.7,0-.1.3-.2.6-.2H38.1a.848.848,0,0,1,.6.2.846.846,0,0,1,0,.7c-.6,2.2-1.1,4.2-1.5,5.8a37.516,37.516,0,0,0-1.3,7.4c0,2,1,6.4,2.9,13,0,.3,0,.6-.1.7-.1.2-.3.2-.6.2H17c-.3,0-.6,0-.6-.2-.2-.1-.2-.4-.1-.7,1.8-6.2,2.8-10.6,2.8-13.1C19.2,25,18.3,20.6,16.4,14.4Z" fill="%23fff"/><path d="M44.2,12.5a.608.608,0,0,0-.9.5c-2.2,7.6-3.2,12.5-3.1,14.7,0,2.3,1.1,7.2,3.1,14.7a.641.641,0,0,0,.7.5h.2a.57.57,0,0,0,.5-.8c-2.1-7.6-3.1-12.4-3.1-14.4-.2-2.2.9-6.9,3.1-14.4A.57.57,0,0,0,44.2,12.5Z" fill="%23fff"/><path d="M47,25c-.2-.4-.6-.4-1-.1L43.2,27a.55.55,0,0,0-.3.5.674.674,0,0,0,.4.6L46,30.2a.784.784,0,0,0,1-.2.564.564,0,0,0-.1-.9l-1.1-.9h3.5c.4,0,.6-.2.6-.7s-.2-.7-.6-.7H45.8l1.1-.8A.613.613,0,0,0,47,25Z" fill="%23fff"/></svg>');}



/*
body.cat-all #map-wrapper__inner {transform:scale(1.5) translate(-124px,-281px);transition: all 400ms ease-in-out;}
body.cat-all #map-wrapper__inner.zoom-out {transform: translate(0,-411px);width:100vw;}
*/
.map-wrapper {border-radius:20px;overflow:auto;-webkit-overflow-scrolling:touch;background-color:#e3e9bb!important;position:relative;height:calc(100vh - 30px);}
#map-wrapper__inner {transition:all 400ms ease-in-out;transform:scale(1.3, 1.3) translate(30px,-10px);}
#map-wrapper__inner.zoom-out {transform:scale(.4,.4) translate(-310px,180px);}
.page-title {font-family:Arial,sans-serif;position:absolute;bottom:0;left:0;font-size:20px;font-weight:700;color:#ffffff;padding: 5px 10px 5px 48px;border-radius:0 5px 5px 0;}
body.cat-all .page-title {background-color:#643c2a;}
body.cat-01 .page-title {background-color:#bd381d;}
body.cat-02 .page-title {background-color:#3f68b1;}
body.cat-03 .page-title {background-color:#558b42;}
body.cat-04 .page-title {background-color:#5f2d81;}
body.cat-05 .page-title {background-color:#ce79a6;}
body.cat-06 .page-title {background-color:#FCC80A;}
.map-footer {font-family:Arial,sans-serif;position:absolute;bottom:15px;left:15px;right:15px;padding:15px;z-index:1;border-radius:0 0 20px 20px;overflow:hidden;}
.items {display:grid;gap:10px;grid-template-columns:repeat(3, 1fr);background:linear-gradient(180deg, rgba(227,233,187,0) 0%, rgba(227,233,187,0.82) 100%);}
.item {display:flex;align-items:center;justify-content:center;font-size:12px;line-height:1.2;color:#fff;text-decoration:none;border-radius:5px;padding:0 10px;height: 40px;text-align:center;}
.item.active {background-color:#7e7e7e!important;}
.item.cat-01 {background-color:#bd381d;}
.item.cat-02 {background-color:#3f68b1;}
.item.cat-03 {background-color:#558b42;}
.item.cat-04 {background-color:#5f2d81;}
.item.cat-05 {background-color:#ce79a6;}
.item.cat-06 {background-color:#FCC80A;}

#outer-wrapper {background-color:#fff;}

div:has(>div>audio) {display: none}
body:not(.cat) #outer-wrapper > div:nth-child(1) {display: none}
/*FCC80A*/