.hmmm-wrapper {
    display: grid;
    grid-template-columns: 237px calc(100% - 237px);
    gap: 40px;
    color: #EDEFF0;
}

.hmmm-left {
    transition: opacity 0.2s ease-in-out;
    opacity: 1;
    border: 1px solid #EFF8FD;
    border-radius: 4px;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 15px;
}

.hmmm-content-hidden {
    opacity: 0;
}

.hmmm-left img {
    width: 100%;
    height: auto;
    display: block;
    margin: 0;
    border-radius: 0;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    height: 274px;
    object-fit: cover;
}

#hmmm-social {
    margin-top: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 20px;
}

.hmmm-social-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: auto;
    height: auto;
    background: transparent;
    border-radius: 0;
    text-decoration: none;
    transition: transform 0.2s ease, background 0.2s ease;
    color: #FAFAFA;
}

.hmmm-social-icon:hover {
    background: #eaeaea;
    transform: translateY(-2px);
}

.hmmm-region {
    margin: 0;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 10px;
}

.hmmm-region h3 {
    border-bottom: 1px solid #ddd;
    padding-bottom: 6px;
    margin-bottom: 10px;
}

.hmmm-hover {
    display: block;
    padding: 0;
    text-decoration: none;
    color: inherit;
    transition: all 0.2s ease;
    border-left: 3px solid transparent;
    font-size: 13px;
    font-weight: normal;
    /* margin: 0; */
    border: 0;
}

.hmmm-hover:hover {
    padding-left: 10px;
    color: #000;
}

.hmmm-hover.active {
    font-weight: normal;
    padding-left: 0;
    border-left: 0;
}

/* RESPONSIVE */
@media (max-width: 768px) {
    .hmmm-wrapper {
        grid-template-columns: 1fr;
    }

    .hmmm-left {
        order: 2;
    }
}

div#hmmm-category {
    font-size: 12px;
}

h2#hmmm-title,
.hmmm-region h3 {
    color: #D3AA74;
    font-weight: 400;
    margin: 0px;
    font-size: 16px;
    padding: 0;
    border: 0;
}


div#hmmm-address {
    font-size: 12px;
}

div#hmmm-tel {
    font-size: 14px;

    a{
        color: inherit;
        font-size: inherit;
    }
}

.hmmm-right {
    display: flex;
    flex-direction: row;
    gap: 40px;
}

.hmmm-region ul {
    padding: 0;
    list-style: none;
    color: inherit;
}

div#hmmm-left>*:not(div#hmmm-left .hmmm-left-image) {
    padding: 0 20px;
}

div#hmmm-left hr {
    height: 1px;
    border: 0;
    border-bottom: 1px solid #fafafa;
}

h2#hmmm-title {
    margin: 5px 0;
}

.hmmm-region ul{
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.hmmm-region-wrapper {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

a.hmmm-hover:hover {
    color: #fafafa;
    opacity: 0.6
}

div#hmmm-category {
    position: relative;
    padding-left: 45px !important;

    &:before{
        content: '';
        position: absolute;
        width: 16px;
        height: 13px;
        left: 20px;
        top: 50%;
        transform: translateY(-50%);
    }
}

.hmmm-category.category-signature-stays:before {
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2214%22%20viewBox%3D%220%200%2016%2014%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M15.86%204.52C15.91%203.87%2015.54%203.23%2014.89%202.98H14.93L14.86%202.96V1.93C14.86%200.86%2013.99%200%2012.93%200H3.2C2.14%200%201.28%200.87%201.28%201.93V2.87L0.97%202.98C0.33%203.23%20-0.0500001%203.86%200%204.52C0.02%204.74%200.12%204.94%200.27%205.09L1.27%206.06V7.01C1.27%208.07%202.13%208.94%203.2%208.94H4.13C4.17%209.04%204.2%209.16%204.2%209.27V12.7C4.2%2012.91%204.37%2013.07%204.57%2013.07C4.77%2013.07%204.94%2012.9%204.94%2012.7V8.73C4.94%208.63%204.9%208.54%204.83%208.47L0.77%204.66C0.62%204.26%200.82%203.82%201.22%203.67L2.3%203.29V3.31L5.75%202.1C6.05%201.99%206.38%202.09%206.59%202.31C5.91%202.65%205.38%203.24%205.12%203.96L3.34%204.54C3.23%204.56%203.14%204.59%203.1%204.62L5.52%206.75C6.06%207.48%206.93%207.95%207.91%207.95H7.95C8.93%207.95%209.79%207.48%2010.34%206.75L12.76%204.62C12.76%204.62%2012.63%204.57%2012.52%204.54L10.74%203.96C10.48%203.24%209.95%202.65%209.27%202.31C9.48%202.08%209.8%201.99%2010.11%202.1L13.56%203.31V3.29L14.64%203.67C15.04%203.82%2015.23%204.27%2015.09%204.66L11.03%208.47C10.96%208.54%2010.92%208.63%2010.92%208.73V12.7C10.92%2012.91%2011.09%2013.07%2011.29%2013.07C11.49%2013.07%2011.66%2012.9%2011.66%2012.7V9.27C11.66%209.15%2011.69%209.03%2011.73%208.92H12.92C13.98%208.92%2014.84%208.06%2014.84%206.99V5.82L15.59%205.09C15.75%204.94%2015.85%204.74%2015.86%204.52Z%22%20fill%3D%22%23DFEFF9%22/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
}