@keyframes hamburgerSlide
{
    0% {
        transform: translateX(0);
    }
    
    50% {
        transform: translateX(30px);
    }
    
    100% {
        transform: translateX(0);
    }
}

@keyframes hamburgerSlide2
{
    0% {
        transform: translateX(0);
    }
    
    50% {
        transform: translateX(-30px);
    }
    
    100% {
        transform: translateX(0);
    }
}

.products-container-filled {
    --corner: 16px;
    --step-1: calc(var(--corner) / 3);
    --step-2: calc(var(--corner) * 2 / 3);

    clip-path: polygon(
        var(--corner) 0,
        var(--corner) var(--step-2),
        var(--step-1) var(--step-2),
        var(--step-1) var(--step-1),
        var(--step-2) var(--step-1),
        var(--step-2) var(--corner),
        0 var(--corner),

        0 calc(100% - var(--corner)),

        var(--step-2) calc(100% - var(--corner)),
        var(--step-2) calc(100% - var(--step-1)),
        var(--step-1) calc(100% - var(--step-1)),
        var(--step-1) calc(100% - var(--step-2)),
        var(--corner) calc(100% - var(--step-2)),
        var(--corner) 100%,

        calc(100% - var(--corner)) 100%,

        calc(100% - var(--corner)) calc(100% - var(--step-2)),
        calc(100% - var(--step-1)) calc(100% - var(--step-2)),
        calc(100% - var(--step-1)) calc(100% - var(--step-1)),
        calc(100% - var(--step-2)) calc(100% - var(--step-1)),
        calc(100% - var(--step-2)) calc(100% - var(--corner)),
        100% calc(100% - var(--corner)),

        100% var(--corner),

        calc(100% - var(--step-2)) var(--corner),
        calc(100% - var(--step-2)) var(--step-1),
        calc(100% - var(--step-1)) var(--step-1),
        calc(100% - var(--step-1)) var(--step-2),
        calc(100% - var(--corner)) var(--step-2),
        calc(100% - var(--corner)) 0
    );
}

.products-container-outlined {
    --corner: 16px;
    
    --stroke: 2px;
    --half-stroke: 1px;

    --outline-color: var(--beige);
    --edge: calc(var(--corner) - var(--half-stroke));

    position: relative;
    background: transparent;
}

.products-container-outlined::before {
    content: "";
    position: absolute;
    inset: 0;

    background: var(--outline-color);

    pointer-events: none;
    z-index: 0;
    
    -webkit-mask:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 36'%3E%3Cpath d='M34,2V24H12V12H24V34H2' fill='none' stroke='white' stroke-width='4' stroke-linejoin='miter' stroke-linecap='butt'/%3E%3C/svg%3E")
        left top / var(--corner) var(--corner) no-repeat,

        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 36'%3E%3Cpath d='M2,2V24H24V12H12V34H34' fill='none' stroke='white' stroke-width='4' stroke-linejoin='miter' stroke-linecap='butt'/%3E%3C/svg%3E")
        right top / var(--corner) var(--corner) no-repeat,

        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 36'%3E%3Cpath d='M2,34V12H24V24H12V2H34' fill='none' stroke='white' stroke-width='4' stroke-linejoin='miter' stroke-linecap='butt'/%3E%3C/svg%3E")
        right bottom / var(--corner) var(--corner) no-repeat,

        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 36'%3E%3Cpath d='M2,2H24V24H12V12H34V34' fill='none' stroke='white' stroke-width='4' stroke-linejoin='miter' stroke-linecap='butt'/%3E%3C/svg%3E")
        left bottom / var(--corner) var(--corner) no-repeat,


        linear-gradient(white 0 0)
        var(--edge) 0 /
        calc(100% - var(--edge) - var(--edge))
        var(--stroke) no-repeat,

        linear-gradient(white 0 0)
        var(--edge) 100% /
        calc(100% - var(--edge) - var(--edge))
        var(--stroke) no-repeat,

        linear-gradient(white 0 0)
        0 var(--edge) /
        var(--stroke)
        calc(100% - var(--edge) - var(--edge))
        no-repeat,

        linear-gradient(white 0 0)
        100% var(--edge) /
        var(--stroke)
        calc(100% - var(--edge) - var(--edge))
        no-repeat;


    mask:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 36'%3E%3Cpath d='M34,2V24H12V12H24V34H2' fill='none' stroke='white' stroke-width='4' stroke-linejoin='miter' stroke-linecap='butt'/%3E%3C/svg%3E")
        left top / var(--corner) var(--corner) no-repeat,

        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 36'%3E%3Cpath d='M2,2V24H24V12H12V34H34' fill='none' stroke='white' stroke-width='4' stroke-linejoin='miter' stroke-linecap='butt'/%3E%3C/svg%3E")
        right top / var(--corner) var(--corner) no-repeat,

        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 36'%3E%3Cpath d='M2,34V12H24V24H12V2H34' fill='none' stroke='white' stroke-width='4' stroke-linejoin='miter' stroke-linecap='butt'/%3E%3C/svg%3E")
        right bottom / var(--corner) var(--corner) no-repeat,

        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 36'%3E%3Cpath d='M2,2H24V24H12V12H34V34' fill='none' stroke='white' stroke-width='4' stroke-linejoin='miter' stroke-linecap='butt'/%3E%3C/svg%3E")
        left bottom / var(--corner) var(--corner) no-repeat,

        linear-gradient(white 0 0)
        var(--edge) 0 /
        calc(100% - var(--edge) - var(--edge))
        var(--stroke) no-repeat,

        linear-gradient(white 0 0)
        var(--edge) 100% /
        calc(100% - var(--edge) - var(--edge))
        var(--stroke) no-repeat,

        linear-gradient(white 0 0)
        0 var(--edge) /
        var(--stroke)
        calc(100% - var(--edge) - var(--edge))
        no-repeat,

        linear-gradient(white 0 0)
        100% var(--edge) /
        var(--stroke)
        calc(100% - var(--edge) - var(--edge))
        no-repeat;
}

.products-container-outlined > * {
    position: relative;
    z-index: 1;
}

ul.custom-list {
    padding-left: 0px !important;
}

.custom-list li {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    font-family: var(--main-font);
    font-weight: 300;
    font-size: var(--text);
    color: var(--black);
    padding-left: 0px !important;
}

.custom-list li::before {
    content: "";
    width: 18px;
    height: 18px;
    flex: 0 0 18px;
    background: var(--green);
    margin-top: 3px;
    
    -webkit-mask: url("/wp-content/uploads/2026/08/bullet-point.svg") center / contain no-repeat;
    mask: url("/wp-content/uploads/2026/08/bullet-point.svg") center / contain no-repeat;
}


ul.custom-list-light {
    padding-left: 0px !important;
}

.custom-list-light li {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    font-family: var(--main-font);
    font-weight: 300;
    font-size: var(--text);
    color: var(--ivory);
    padding-left: 0px !important;
}

.custom-list-light li::before {
    content: "";
    width: 18px;
    height: 18px;
    flex: 0 0 18px;
    background: var(--beige);
    margin-top: 3px;
    
    -webkit-mask: url("/wp-content/uploads/2026/08/bullet-point.svg") center / contain no-repeat;
    mask: url("/wp-content/uploads/2026/08/bullet-point.svg") center / contain no-repeat;
}


.custom-list-beige-icon li::before {
    background: var(--beige);
}

ul.custom-list-arrow {
    padding-left: 0px !important;
}

.custom-list-arrow li {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    font-family: var(--main-font);
    font-weight: 300;
    font-size: var(--text);
    color: var(--black);
    padding-left: 0px !important;
}

.custom-list-arrow li::before {
    content: "";
    width: 18px;
    height: 18px;
    flex: 0 0 18px;
    background: var(--green);
    margin-top: 3px;
    
    -webkit-mask: url("/wp-content/uploads/2026/08/correct-arrow.svg") center / contain no-repeat;
    mask: url("/wp-content/uploads/2026/08/correct-arrow.svg") center / contain no-repeat;
}

ul.custom-list-arrow-light {
    padding-left: 0px !important;
}

.custom-list-arrow-light li {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    font-family: var(--main-font);
    font-weight: 300;
    font-size: var(--text);
    color: var(--ivory);
    padding-left: 0px !important;
}

.custom-list-arrow-light li::before {
    content: "";
    width: 18px;
    height: 18px;
    flex: 0 0 18px;
    background: var(--beige);
    margin-top: 3px;
    
    -webkit-mask: url("/wp-content/uploads/2026/08/correct-arrow.svg") center / contain no-repeat;
    mask: url("/wp-content/uploads/2026/08/correct-arrow.svg") center / contain no-repeat;
}

* {
      font-variant-numeric: lining-nums;
}

.tablepress>:where(thead,tfoot)>tr>* {
    background-color: unset;
    color: var(--green);
    text-align: center;
}

.tablepress img {
    height: 150px;
    width: auto;
    max-width: 150px;
    max-height: fit-content;
}

.tablepress>:not(caption)>*>* {
    vertical-align: middle;
}

.tablepress>:where(tbody.row-striping)>:nth-child(even of :where(:not(.child,.dtrg-group)))>* {
    background-color: #f8f2e685;
}

.tablepress {
    --border-color: var(--beige);
    --text-color: var(--black);
}

table thead:first-child tr:first-child th {
    border-block-start: unset;
}

.tablepress .column-1 {
    color: var(--green);
    font-weight: 700;
}

.grecaptcha-badge { 
    visibility: hidden !important;
}

.sticky-header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;

    transform: translateY(-180px);
    opacity: 0;
    pointer-events: none;
    transition: transform 0.5s cubic-bezier(.22, 1, .36, 1);

    will-change: transform;
}

.sticky-header.is-visible {
    transform: translateY(0);
    pointer-events: auto;
    opacity: 1;
}