.location-section{background-color:var(--brown);color:var(--cream);min-height:100vh;padding-top:0;padding-bottom:2em}.location-container{width:100%;min-height:50vh;display:flex;flex-direction:column;gap:2rem;margin-bottom:2em}.location-left,.location-right{flex:1 1}.location-left{border:2px solid var(--cream);display:flex;flex-direction:column;justify-content:center;padding-bottom:2em}.map-responsive{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;flex:1 1;transform-origin:center center}.opening-hours{list-style:decimal inside;padding:1rem;width:80%;height:80%;margin:auto;border:1px solid var(--cream);border-radius:8px}.opening-hours li{display:flex;justify-content:space-between;padding:.5rem 0;border-bottom:1px dashed var(--cream)}.opening-hours li:last-child{border-bottom:none}.day{font-weight:600}.day,.hours{color:var(--cream)}.hours.closed{font-weight:700}.map-responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}@media (min-width:768px){.location-section{padding-top:0;padding-bottom:2em;min-height:90vh}.location-container{width:100%;flex-direction:row;display:flex;align-items:center;justify-content:space-between;height:50vh;gap:1rem;margin-bottom:0}.location-left{height:45vh;width:45%}.location-right{height:100%;height:45vh;width:45%;display:flex;align-items:stretch}.map-responsive{position:relative;flex:1 1;height:45vh}.map-responsive iframe{height:100%;border:2px solid var(--cream)}.location-container-boxes{display:flex;justify-content:space-between;align-items:center;width:100%}.loc-box{width:49%}.loc{width:100%;margin-left:auto;margin-right:auto;display:flex;flex-direction:column;justify-content:flex-start;text-align:left}.location-bottom-container{display:grid;align-items:center;justify-items:center;padding-top:1.5em}}.map-loader{position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--brown);display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:1;color:var(--cream)}.map-spinner{width:40px;height:40px;border:4px solid var(--cream);border-top:4px solid transparent;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1em}.loading-text{font-size:1rem;text-align:center;color:var(--cream)}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}