/* The six existing homepage category links, mobile only: 2 / 1 / 2 / 1. */
@media (max-width: 767px) {
    body.home.page-id-27 .elementor-element-903640a.hexagonmichal {
        box-sizing: border-box;
        width: 100%;
        max-width: 420px;
        min-height: 0 !important;
        margin: 20px auto 16px !important;
        padding: 0 16px !important;
        container-type: inline-size;
    }
    body.home.page-id-27 .elementor-element-903640a.hexagonmichal > .elementor-container {
        --gmb-hex-height: clamp(142px, calc((100vw - 40px) * .577350269), 220px);
        display: grid !important;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        grid-template-rows: repeat(3, calc(var(--gmb-hex-height) * .75 + 6px)) var(--gmb-hex-height);
        column-gap: 8px;
        row-gap: 0;
        align-items: start;
        width: 100%;
        max-width: 100%;
        min-height: 0 !important;
        margin: 0;
        padding: 0;
    }
    @supports (width: 1cqw) {
        body.home.page-id-27 .elementor-element-903640a.hexagonmichal > .elementor-container {
            --gmb-hex-height: calc((100cqw - 8px) * .577350269);
        }
    }
    body.home.page-id-27 .elementor-element-903640a.hexagonmichal > .elementor-container::before,
    body.home.page-id-27 .elementor-element-903640a.hexagonmichal > .elementor-container::after { display: none; }
    body.home.page-id-27 .elementor-element-903640a.hexagonmichal > .elementor-container > .elementor-column {
        width: 100% !important;
        min-width: 0;
        height: var(--gmb-hex-height);
        min-height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        grid-column: span 2;
    }
    body.home.page-id-27 .elementor-element-903640a.hexagonmichal > .elementor-container > .elementor-column:nth-child(1) { grid-area: 1 / 1 / 2 / 3; }
    body.home.page-id-27 .elementor-element-903640a.hexagonmichal > .elementor-container > .elementor-column:nth-child(2) { grid-area: 1 / 3 / 2 / 5; }
    body.home.page-id-27 .elementor-element-903640a.hexagonmichal > .elementor-container > .elementor-column:nth-child(3) { grid-area: 2 / 2 / 3 / 4; }
    body.home.page-id-27 .elementor-element-903640a.hexagonmichal > .elementor-container > .elementor-column:nth-child(4) { grid-area: 3 / 1 / 4 / 3; }
    body.home.page-id-27 .elementor-element-903640a.hexagonmichal > .elementor-container > .elementor-column:nth-child(5) { grid-area: 3 / 3 / 4 / 5; }
    body.home.page-id-27 .elementor-element-903640a.hexagonmichal > .elementor-container > .elementor-column:nth-child(6) { grid-area: 4 / 2 / 5 / 4; }
    body.home.page-id-27 .elementor-element-903640a.hexagonmichal > .elementor-container > .elementor-column > .elementor-widget-wrap {
        box-sizing: border-box;
        position: relative;
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        align-items: center;
        justify-content: center;
        gap: 7px;
        width: 100%;
        height: 100%;
        margin: 0 !important;
        padding: 20% 10% !important;
        background: #ffcc00 !important;
        clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%);
    }
    body.home.page-id-27 .elementor-element-903640a.hexagonmichal .elementor-widget { width: 100%; margin: 0 !important; padding: 0 !important; }
    body.home.page-id-27 .elementor-element-903640a.hexagonmichal .elementor-icon-wrapper { text-align: center; line-height: 1; }
    body.home.page-id-27 .elementor-element-903640a.hexagonmichal .elementor-icon { font-size: 30px !important; color: #171917; line-height: 1; }
    body.home.page-id-27 .elementor-element-903640a.hexagonmichal .elementor-icon svg { width: 30px; height: 30px; fill: currentColor; }
    body.home.page-id-27 .elementor-element-903640a.hexagonmichal .elementor-heading-title {
        margin: 0;
        color: #171917;
        font-size: 14px !important;
        line-height: 1.2 !important;
        font-weight: 600;
        text-align: center;
        overflow-wrap: normal;
    }
    body.home.page-id-27 .elementor-element-903640a.hexagonmichal .mylisting-link-to { position: absolute; inset: 0; width: 100%; height: 100%; z-index: 3; -webkit-tap-highlight-color: transparent; }
    /* A touch focus must not paint a rectangular inset across the hexagon tips.
       Keyboard focus is indicated inside the shape without changing its geometry. */
    body.home.page-id-27 .elementor-element-903640a.hexagonmichal .mylisting-link-to:focus { outline: none; box-shadow: none; }
    body.home.page-id-27 .elementor-element-903640a.hexagonmichal > .elementor-container > .elementor-column > .elementor-widget-wrap:has(> .mylisting-link-to:focus-visible) { background: #ffe064 !important; }
    body.home.page-id-27 .elementor-element-903640a.hexagonmichal .elementor-widget-wrap:has(> .mylisting-link-to:focus-visible) .elementor-heading-title { text-decoration: underline; text-decoration-thickness: 2px; text-underline-offset: 3px; }
}