/* Variables */
/* Global */
:root {
    /* Mobile size adaptation */
    --zamel-w-fluid-320-1200w-8-16px: clamp(0.5rem, 0.3182rem + 0.9091vw, 1rem);
    --zamel-html-fs: var(--zamel-w-fluid-320-1200w-8-16px);
    /* Typography */
    --zamel-ff-base: Roboto, system-ui, sans-serif;
    --zamel-fs-2xl: 2.5rem;
    --zamel-fs-xl: 2rem;
    --zamel-fs-l: 1.5rem;
    --zamel-fs-m: 1.125rem;
    --zamel-fs-base: 1rem;
    --zamel-fs-s: 0.875rem;
    --zamel-fs-xs: 0.75rem;
    --zamel-fs-2xs: 0.625rem;
    --zamel-fs-3xs: 0.5rem;
    --zamel-fw-base: 400;
    --zamel-fw-bold: 700;
    --zamel-lh-base: 1.3;
    /* Colors */
    --zamel-c-black: #000;
    --zamel-c-light-blue: #F7FAFF;
    --zamel-c-grey: #747474;
    --zamel-c-grey-0_4: rgba(116, 116, 116, 0.4);
    --zamel-c-green: #49873F;
    --zamel-c-light: #f9faf6;
    --zamel-c-light-grey: #ececec;
    --zamel-c-silver: #e6e6e6;
    --zamel-c-yellow: #F5C944;
    --zamel-c-white: #fff;
    --zamel-c-primary: #DE000E;
    --zamel-c-light-purple: #D0DCF8;
    --zamel-c-purple: #3C5CAF;
    --zamel-c-light-gray-1: #E2E2E2;
    --zamel-c-gray-1: #6F6F6F;
    --zamel-c-light-green-1: #C3EBB7;
    --zamel-c-green-1: #427D22;
    --zamel-c-light-red-1: #F2CED0;
    --zamel-c-red-1: #90121A;
    --zamel-c-light-yellow-1: #F4F270;
    --zamel-c-yellow-1: #6A7909;
    --zamel-c-light-mint-1: #B7F3F4;
    --zamel-c-mint-1: #187877;
    --zamel-c-light-white-1: #fff;
    --zamel-c-white-1: #808080;
    --zamel-c-light-black-1: #fff;
    --zamel-c-black-1: #505050;
}

*,
*::after,
*::before {
    box-sizing: border-box;
}

html {
    font-size: var(--zamel-html-fs);
}

body {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    container-type: inline-size;
    margin: 0;
    position: relative;
    z-index: 1;
}

button,
input,
select,
textarea {
    border-radius: 0;
    color: inherit;
    font: inherit;
    line-height: inherit;
}

button:disabled,
input:disabled,
select:disabled,
textarea:disabled {
    cursor: not-allowed;
}

button {
    cursor: pointer;
}

select {
    cursor: pointer;
}

a {
    color: inherit;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

address {
    font-style: normal;
}

dl {
    margin-block: 0;
}

dd {
    margin-inline-start: 0;
}

h1, h2, h3, h4, h5, h6 {
    margin-block: 0;
}

img {
    block-size: auto;
    display: block;
    max-inline-size: 100%;
    object-fit: contain;
}

label[for] {
    cursor: pointer;
}

p {
    margin-block: 0;
}

picture {
    display: block;
}

svg {
    block-size: auto;
    display: inline-flex;
    max-inline-size: 100%;
    vertical-align: middle;
}

ul {
    list-style: none;
    margin-block: 0;
    padding-inline-start: 0;
}

body {
    --zamel-body-bgc: var(--zamel-c-white);
    --zamel-body-fc: var(--zamel-c-black);
    --zamel-body-ff: var(--zamel-ff-base);
    --zamel-body-fs: var(--zamel-fs-base);
    --zamel-body-lh: var(--zamel-lh-base);
    background-color: var(--zamel-body-bgc);
    color: var(--zamel-body-fc);
    display: flex;
    flex-direction: column;
    font-family: var(--zamel-body-ff);
    font-size: var(--zamel-body-fs);
    line-height: var(--zamel-body-lh);
    min-block-size: 100dvh;
}

/* Components */
.zamel-banner {
    background-color: var(--zamel-c-grey-04);
    position: relative;
}

.zamel-banner-heading {
    color: var(--zamel-c-white);
    left: 7%;
    margin: 0;
    position: absolute;
    top: 50%;
    transform: translate3d(0, -50%, 0);
}

.zamel-breadcrumbs {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 0.5em;
}

.zamel-breadcrumbs > li {
    display: flex;
    align-items: center;
    gap: 0.5em;
}

.zamel-breadcrumbs > li + li::before {
    content: "/";
    display: inline;
    font-weight: var(--zamel-fw-base);
}

.zamel-breadcrumbs > li > a {
    align-items: center;
    display: flex;
    gap: 0.75em;
}

.zamel-breadcrumbs > li img {
    block-size: 1.25em;
    margin-block-start: -0.25em; /* Adjust icon position */
}

.zamel-breadcrumbs > li:nth-last-child(1) {
    font-weight: var(--zamel-fw-bold);
}

.zamel-btn {
    --zamel-btn-bc: var(--zamel-c-black);
    --zamel-btn-bw: 0.0625em;
    --zamel-btn-bgc: transparent;
    --zamel-btn-c: var(--zamel-c-black);
    --zamel-btn-fs: var(--zamel-fs-s);
    --zamel-btn-fw: var(--zamel-fw-bold);
    --zamel-btn-p: 0.75em 1em 0.5em;
    --zamel-btn-text-transform: uppercase;
    align-items: center;
    background-color: var(--zamel-btn-bgc);
    border: var(--zamel-btn-bw) solid var(--zamel-btn-bc);
    color: var(--zamel-btn-c);
    display: flex;
    flex-wrap: wrap;
    font-size: 1em;
    font-weight: var(--zamel-btn-fw);
    gap: 1em;
    inline-size: fit-content;
    justify-content: center;
    padding: var(--zamel-btn-p);
    text-align: center;
    text-decoration: none;
    text-transform: var(--zamel-btn-text-transform);
}

.zamel-btn:hover {
    text-decoration: none;
}

.zamel-btn > * {
    flex: 1;
    min-inline-size: fit-content;
}

.zamel-btn > img {
    flex: 0 0 auto;
}

.zamel-btn--primary {
    --zamel-btn-bc: var(--zamel-c-primary);
    --zamel-btn-bgc: var(--zamel-c-primary);
    --zamel-btn-c: var(--zamel-c-white);
}

.zamel-btn--primary:is(a, button, label[for]):hover {
    --zamel-btn-bc: var(--zamel-c-black);
    --zamel-btn-bgc: var(--zamel-c-black);
}

.zamel-btn--secondary {
    --zamel-btn-bc: var(--zamel-c-black);
    --zamel-btn-bgc: var(--zamel-c-white);
    --zamel-btn-c: var(--zamel-c-black);
}

.zamel-btn--secondary:is(a, button, label[for]):hover {
    --zamel-btn-bc: var(--zamel-c-black);
    --zamel-btn-bgc: var(--zamel-c-black);
    --zamel-btn-c: var(--zamel-c-white);
}

.zamel-btn--tertiary {
    --zamel-btn-bc: var(--zamel-c-light-blue);
    --zamel-btn-bgc: var(--zamel-c-light-blue);
    --zamel-btn-c: var(--zamel-c-black);
}

.zamel-btn--quaternary {
    --zamel-btn-bw: 0;
    --zamel-btn-text-transform: none;
}

.zamel-btn--ghost {
    --zamel-btn-bw: 0;
    --zamel-btn-p: 0;
}

.zamel-btn--default {
    --zamel-btn-bw: 0;
    --zamel-btn-p: 0;
    --zamel-btn-text-transform: none;
}

.zamel-btn--dark {
    --zamel-btn-bc: var(--zamel-c-black);
    --zamel-btn-bgc: var(--zamel-c-black);
    --zamel-btn-c: var(--zamel-c-white);
}

.zamel-btn--dark:is(a, button, label[for]):hover {
    --zamel-btn-bc: var(--zamel-c-primary);
    --zamel-btn-bgc: var(--zamel-c-primary);
}

.zamel-btn--success {
    --zamel-btn-bc: var(--zamel-c-green);
    --zamel-btn-bgc: var(--zamel-c-green);
    --zamel-btn-c: var(--zamel-c-white);
}

.zamel-btn--warning {
    --zamel-btn-bc: var(--zamel-c-yellow);
    --zamel-btn-bgc: var(--zamel-c-yellow);
}

.zamel-btn--disabled {
    --zamel-btn-c: var(--zamel-c-silver);
}

.zamel-cursor-pointer {
    cursor: pointer;
}

.zamel-dl {
    gap: 0.25em 2em;
    display: grid;
    grid-template-columns: auto 1fr;
}

.zamel-dynamic-content h4 {
    font-size: var(--zamel-fs-base);
    font-weight: var(--zamel-fw-bold);
    margin-block-start: 2em;
}

.zamel-dynamic-content p {
    font-size: var(--zamel-fs-base);
    margin-block: 1em;
}

.zamel-dynamic-content a {
    font-weight: var(--zamel-fw-bold);
}

.zamel-dynamic-content ul {
    all: revert;
}

.zamel-dynamic-product-content h4 {
    font-size: var(--zamel-fs-base);
    font-weight: var(--zamel-fw-bold);
    margin-block-start: 2em;
}

.zamel-dynamic-product-content p {
    font-size: var(--zamel-fs-base);
    margin-block: 1em;
}

.zamel-dynamic-product-content a {
    font-weight: var(--zamel-fw-bold);
}

.zamel-dynamic-product-content ul {
    all: revert;
}

.zamel-dynamic-product-content ul > li:nth-child(odd) {
    background-color: var(--zamel-c-light-grey);
}

.zamel-dynamic-product-content img {
    inline-size: 32em;
    margin-block: 2em;
}

[data-floating-indicator] {
    position: relative;
}

[data-floating-indicator]::after {
    background-color: var(--zamel-c-primary);
    color: var(--zamel-c-white);
    content: attr(data-floating-indicator);
    font-size: var(--zamel-fs-xs);
    font-weight: var(--zamel-fw-bold);
    inline-size: 1.66em;
    line-height: 1;
    padding-block: 0.25em;
    position: absolute;
    left: 2em;
    text-align: center;
    top: 0;
}

.zamel-focus-source:not(:focus-within) .zamel-focus-target {
    display: none;
}

.zamel-footer {
    margin-block-start: auto;
    overflow: clip;
}

.zamel-footer-top-container {
    display: flex;
}

@media (width < 48em) {
    .zamel-footer-top-container {
        flex-direction: column;
        gap: 2em;
    }
}

@media (48em <= width) {
    .zamel-footer-top-container {
        gap: 3em;
    }
}

.zamel-footer-top-container > .zamel-footer-company {
    flex-shrink: 0;
}

@media (width < 48em) {
    .zamel-footer-top-container > .zamel-footer-company {
        padding-block: 1em;
    }
}

@media (48em <= width) {
    .zamel-footer-top-container > .zamel-footer-company {
        padding-block-start: 2.5em;
        padding-inline-end: 3.5em;
    }
}

@media (width < 48em) {
    .zamel-footer-top-container > .zamel-footer-company.zamel-footer-shadow::before {
        --zamel-footer-shadow-right: -1em;
    }
}

@media (48em <= width) {
    .zamel-footer-top-container > .zamel-footer-company.zamel-footer-shadow::before {
        --zamel-footer-shadow-bottom: -8.5rem;
    }
}

.zamel-footer-top-container > .zamel-footer-nav {
    flex-grow: 1;
}

.zamel-footer-bottom {
    border-block-start: max(0.0625em, 1px) solid var(--zamel-c-black);
    padding-block: 2rem;
}

.zamel-footer-bottom-container {
    align-items: center;
    display: flex;
}

@media (width < 48em) {
    .zamel-footer-bottom-container {
        flex-direction: column;
        gap: 0.5em;
    }
}

@media (48em <= width) {
    .zamel-footer-bottom-container {
        gap: 1em;
        justify-content: space-between;
    }
}

.zamel-footer-company {
    display: flex;
    flex-direction: column;
    gap: 2em;
}

.zamel-footer-shadow {
    position: relative;
}

.zamel-footer-shadow::before {
    background-color: var(--zamel-c-light-blue);
    bottom: var(--zamel-footer-shadow-bottom, 0);
    content: "";
    display: block;
    left: -100vw;
    position: absolute;
    right: var(--zamel-footer-shadow-right, 0);
    top: 0;
    z-index: -1;
}

.zamel-footer-nav {
    --zamel-footer-nav-columns: 2;
    display: grid;
    gap: 5rem;
    grid-template-columns: repeat(var(--zamel-footer-nav-columns), 1fr);
    justify-content: space-between;
}

@media (48em <= width) {
    .zamel-footer-nav {
        padding-block-start: 2.5em;
    }
}

@media (64em <= width) {
    .zamel-footer-nav {
        --zamel-footer-nav-columns: 4;
    }
}

.zamel-footer-nav-heading {
    border-block-end: max(0.0625em, 1px) solid var(--zamel-c-black);
    font-size: var(--zamel-fs-m);
    font-weight: var(--zamel-fw-bold);
    margin-block: 0 3em;
    padding-block-end: 1em;
    position: relative;
}

.zamel-footer-nav-heading::after {
    border-block-start: 0.1875rem solid var(--zamel-c-primary);
    content: "";
    display: block;
    inline-size: 2rem;
    position: absolute;
    top: calc(100% - 0.0625rem);
}

.zamel-footer-nav-list {
    display: flex;
    flex-direction: column;
    gap: 1em;
    margin-block: 3em 1em;
    padding-inline-start: 0;
}

/* Form Input, Select, Textarea */
.zamel-form-input {
    border: max(0.0625em, 1px) solid var(--zamel-c-black);
    background-color: var(--zamel-c-white);
    color: var(--zamel-c-black);
    flex-grow: 1;
    font-size: var(--zamel-fs-s);
    inline-size: 100%;
    padding: 0.75em 1em;
}

.zamel-form-input::placeholder {
    color: inherit;
}

.zamel-form-input-magnifier {
    background: url("./../img/icon/magnifier-3.svg") no-repeat calc(100% - 0.75em) 50%/1.25em;
}

/* Form Checkbox */
.zamel-form-checkbox {
    align-items: center;
    appearance: none;
    background-color: var(--zamel-c-white);
    block-size: 1em;
    border: max(0.0625em, 1px) solid var(--zamel-c-black);
    cursor: pointer;
    display: inline-flex;
    flex-shrink: 0;
    inline-size: 1em;
    justify-content: center;
    margin: 0;
    position: relative;
    vertical-align: middle;
}

.zamel-form-checkbox:checked {
    background-color: var(--zamel-c-primary);
    border-color: var(--zamel-c-primary);
}

.zamel-form-checkbox:checked::before {
    background: transparent url("./../img/icon/check.svg") no-repeat center/contain;
    bottom: 5%;
    content: "";
    left: 5%;
    position: absolute;
    right: 5%;
    top: 5%;
}

/* Form Radio */
.zamel-form-radio {
    align-items: center;
    appearance: none;
    background-color: var(--zamel-c-white);
    block-size: 1em;
    border: max(0.0625em, 1px) solid var(--zamel-c-black);
    border-radius: 50%;
    cursor: pointer;
    display: inline-flex;
    flex-shrink: 0;
    inline-size: 1em;
    justify-content: center;
    margin: 0;
    position: relative;
    vertical-align: middle;
}

.zamel-form-radio:checked {
    background-color: var(--zamel-c-primary);
    border-color: var(--zamel-c-primary);
}

.zamel-form-radio:checked::before {
    background-color: var(--zamel-c-white);
    border-radius: 50%;
    content: "";
    inset: 0.25em;
    position: absolute;
}


.zamel-input-spinner {
    border: max(0.0625em, 1px) solid var(--zamel-c-black);
    display: flex;
    inline-size: min-content;
}

.zamel-input-spinner-btn {
    background-color: transparent;
    border: 0;
    cursor: pointer;
    flex-shrink: 0;
    font-weight: var(--zamel-fw-bold);
    inline-size: 2em;
    padding: 0;
}

.zamel-input-spinner-number {
    -moz-appearance: textfield;
    background-color: transparent;
    border: 0;
    inline-size: 100%;
    min-inline-size: 2em;
    padding: 0.5em;
    text-align: center;
}

.zamel-input-spinner-number::-webkit-outer-spin-button, .zamel-input-spinner-number::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

.zamel-main-nav {
    display: flex;
}

@media (width < 48em) {
    .zamel-main-nav {
        flex-direction: column;
        inline-size: 100%;
        max-block-size: 100%;
        overflow-y: auto;
    }
}

@media (48em <= width) {
    .zamel-main-nav {
        column-gap: 2em;
    }
}

.zamel-main-nav > li > a {
    align-items: center;
    border-block-end: max(1px, 0.1875em) solid transparent;
    display: flex;
    font-weight: var(--zamel-fw-bold);
    gap: 0.5em;
    padding-block: 0.66em 0.3125em;
}

@media (width < 48em) {
    .zamel-main-nav > li > a {
        margin-inline: auto;
    }
}

.zamel-main-nav > li > a:hover {
    text-decoration: none;
}

@media (48em <= width) {
    .zamel-main-nav > li:hover > a {
        border-color: var(--zamel-c-primary);
    }
}

@media (48em <= width) {
    .zamel-main-nav li.zamel-has-sub-nav {
        display: flex;
        align-items: center;
        flex-direction: column;
    }
}

.zamel-main-nav li.zamel-has-sub-nav > *::after {
    background: transparent url("./../img/icon/chevron.svg") no-repeat center/contain;
    block-size: 0.4375em;
    content: "";
    inline-size: 0.6875em;
}

.zamel-main-nav a {
    inline-size: fit-content;
}

.zamel-sub-nav-container {
    background-color: var(--zamel-c-white);
}

@media (48em <= width) {
    .zamel-sub-nav-container {
        left: 1rem;
        position: absolute;
        right: 1rem;
        top: 100%;
        z-index: 1;
    }
}

.zamel-sub-nav {
    display: flex;
    flex-direction: column;
    gap: 0.5em;
}

@media (width < 48em) {
    .zamel-sub-nav {
        inline-size: fit-content;
        margin-inline: auto;
    }
}

.zamel-sub-nav > li {
    align-items: center;
    display: flex;
    gap: 1em;
}

.zamel-sub-nav > li::before {
    background: transparent url("./../img/icon/chevron.svg") no-repeat center/contain;
    block-size: 0.4375em;
    content: "";
    inline-size: 0.6875em;
    rotate: -90deg;
}

.zamel-sub-nav-hidden {
    display: none;
}

.zamel-main-nav:not(:hover) .zamel-has-sub-nav:focus-within .zamel-sub-nav-hidden {
    display: block;
}

@media (48em <= width) {
    .zamel-has-sub-nav:hover .zamel-sub-nav-hidden {
        display: block;
    }
}

@media (width < 48em) {
    #zamel-main-nav-toggler:not(:checked) ~ #zamel-main-nav {
        display: none;
    }
}

@media (width < 48em) {
    .zamel-mobile-main-nav-wrapper {
        background-color: var(--zamel-c-white);
        display: flex;
        flex-direction: column;
        inset: 0;
        position: fixed;
        z-index: 2;
    }
}

#zamel-main-nav:has(.zamel-has-sub-nav:hover,
.zamel-has-sub-nav:focus-within) {
    box-shadow: 0 100dvh 0 100dvh rgba(0, 0, 0, 0.5);
}

.zamel-mobile-menu-overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 9999;
    display: none;
    overflow-y: auto;
}

#zamel-mobile-menu-toggler:checked ~ .zamel-mobile-menu-overlay {
    display: block;
}

.zamel-mobile-menu-container {
    min-height: 100vh;
    padding: 1rem;
    max-width: 75%;
    margin-left: auto;
    background: white;
}

.zamel-mobile-menu-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem 0 2rem 0;
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 2rem;
}

.zamel-mobile-menu-close {
    cursor: pointer;
    padding: 0.5rem;
}

.zamel-mobile-menu-content {
    display: flex;
    flex-direction: column;
}

.zamel-mobile-menu-item {
    border-bottom: 1px solid #e5e5e5;
}

.zamel-mobile-menu-main {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1.5rem 0;
    font-size: 1.25rem;
    font-weight: 600;
    cursor: pointer;
    background: none;
    border: none;
    width: 100%;
    text-align: left;
}

.zamel-mobile-menu-title {
    color: #333;
    text-decoration: none;
    flex: 1;
}

.zamel-mobile-menu-chevron {
    width: 1rem;
    height: 1rem;
    transition: transform 0.3s ease;
}

.zamel-mobile-menu-submenu {
    display: none;
    flex-direction: column;
    padding-left: 1rem;
    padding-bottom: 1rem;
}

#zamel-mobile-produkty:checked ~ .zamel-mobile-menu-submenu,
#zamel-mobile-rozwiazania:checked ~ .zamel-mobile-menu-submenu,
#zamel-mobile-pomoc:checked ~ .zamel-mobile-menu-submenu,
#zamel-mobile-kontakt:checked ~ .zamel-mobile-menu-submenu {
    display: flex;
}

#zamel-mobile-produkty:checked ~ .zamel-mobile-menu-main .zamel-mobile-menu-chevron,
#zamel-mobile-rozwiazania:checked ~ .zamel-mobile-menu-main .zamel-mobile-menu-chevron,
#zamel-mobile-pomoc:checked ~ .zamel-mobile-menu-main .zamel-mobile-menu-chevron,
#zamel-mobile-kontakt:checked ~ .zamel-mobile-menu-main .zamel-mobile-menu-chevron {
    transform: rotate(180deg);
}

.zamel-mobile-menu-subitem {
    padding: 0.75rem 0;
    color: #666;
    text-decoration: none;
    font-size: 1rem;
}

.zamel-mobile-menu-subitem:hover {
    color: #0066cc;
}

.zamel-mobile-menu-subitem.zamel-fw-bold {
    font-weight: 600;
    color: #333;
}

@media (width >= 48em) {
    .zamel-mobile-menu-overlay {
        display: none !important;
    }
}

.zamel-modal {
    inset: 0;
    position: fixed;
    z-index: 2;
}

@media (width < 48em) {
    .zamel-mobile-modal {
        inset: 0;
        position: fixed;
        z-index: 2;
    }
}

.zamel-popover {
    border: max(1px, 0.0625rem) solid var(--zamel-c-black);
    padding: 0;
}

.zamel-product-item {
    border: max(0.0625em, 1px) solid var(--zamel-c-black);
    display: flex;
    gap: 1em 3em;
    justify-content: space-between;
    padding: 1.5em;
}

@media (width < 48em) {
    .zamel-product-item {
        flex-direction: column;
    }
}

@container (width < 48em) {
    .zamel-product-item {
        flex-direction: column;
    }
}

.zamel-product-item-top {
    align-items: center;
    display: flex;
    gap: 1em;
    justify-content: space-between;
    margin-block-end: 1em;
}

.zamel-product-item-header {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

@media (48em <= width) {
    .zamel-product-item-header {
        flex-shrink: 0;
    }
}

@container (48em <= width) {
    .zamel-product-item-header {
        flex-shrink: 0;
    }
}

.zamel-product-item-body {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-block-end: auto;
}

.zamel-product-item-footer {
    display: flex;
    flex-direction: column;
    gap: 1em;
    justify-content: end;
}

@media (64em <= width) {
    .zamel-product-item-footer {
        flex-shrink: 0;
    }
}

@container (48em <= width) {
    .zamel-product-item-footer {
        flex-shrink: 0;
    }
}

.zamel-product-item-badge {
    color: var(--zamel-c-primary);
    font-size: var(--zamel-fs-s);
    font-weight: var(--zamel-fw-bold);
}

.zamel-product-item-img {
    margin-inline: auto;
}

.zamel-product-item-title {
    font-size: var(--zamel-fs-m);
    font-weight: var(--zamel-fw-bold);
    margin-block: 0 1em;
}

.zamel-product-item-details {
    border: solid var(--zamel-c-grey-0_4);
    border-width: max(0.0625em, 1px) 0;
    font-size: var(--zamel-fs-s);
    margin-block: 0;
    padding-block: 1em;
}

.zamel-product-item-detail-key {
    display: inline;
}

.zamel-product-item-detail-value {
    display: inline;
    font-weight: var(--zamel-fw-bold);
    margin-inline-start: 0;
}

.zamel-product-item-price-bar {
    align-items: baseline;
    display: flex;
    gap: 0.5em;
    justify-content: end;
    text-align: right;
}

.zamel-product-item-price-old {
    font-size: var(--zamel-fs-s);
    font-weight: var(--zamel-fw-base);
    text-decoration: line-through;
}

.zamel-product-item-price {
    font-size: var(--zamel-fs-xl);
    font-weight: var(--zamel-fw-bold);
}

.zamel-product-item-price-net-gross {
    font-size: var(--zamel-fs-s);
}

.zamel-product-item-info-bar {
    align-items: center;
    display: flex;
    font-size: var(--zamel-fs-s);
}

.zamel-product-item-info-bar > * {
    flex-grow: 1;
}

.zamel-product-item-info-bar > * + * {
    border-inline-start: 0;
}

.zamel-product-item-stock {
    align-items: center;
    border: max(0.0625em, 1px) solid var(--zamel-c-black);
    display: flex;
    gap: 0.75em;
    justify-content: center;
    padding: 0.5em;
}

.zamel-product-item-compare {
    align-items: center;
    border: max(0.0625em, 1px) solid var(--zamel-c-black);
    border-inline-start-width: 0;
    display: flex;
    gap: 0.75em;
    justify-content: center;
    padding: 0.5em;
}

.zamel-product-item-action-bar {
    align-items: center;
    display: flex;
    font-size: var(--zamel-fs-s);
    gap: 0.5em;
    justify-content: center;
}

.zamel-product-item-action-bar > * {
    flex-grow: 1;
}

.zamel-hover-group-product-shadow:hover {
    box-shadow: 0 0.25rem 0.75rem 0 rgba(150, 150, 150, 0.17);
}

.zamel-hover-product-item-shadow:hover {
    box-shadow: 0 0.25rem 0.75rem 0 rgba(208, 208, 208, 0.35);
}

.zamel-navbar-shadow {
    box-shadow: 0 0.1875rem 0.44375rem 0 rgba(219, 219, 219, 0.43);
}

.zamel-side-lines {
    align-items: center;
    display: flex;
    gap: 1em;
    white-space: nowrap;
}

.zamel-side-lines::before {
    border-block-start: max(0.0625em, 1px) solid currentColor;
    content: "";
    flex-basis: 100%;
}

.zamel-side-lines::after {
    border-block-start: max(0.0625em, 1px) solid currentColor;
    content: "";
    flex-basis: 100%;
}

.zamel-table {
    border: max(0.0625em, 1px) solid var(--zamel-c-black);
    border-collapse: collapse;
    inline-size: 100%;
}

.zamel-table th, .zamel-table td {
    border: max(0.0625em, 1px) solid var(--zamel-c-black);
    padding: 1em;
}

.zamel-table th {
    background-color: var(--zamel-c-light-blue);
}

.zamel-table-layout-fixed {
    table-layout: fixed;
}

.zamel-toggler-checkbox:not(:checked) ~ .zamel-toggler-off-hidden {
    display: none;
}

.zamel-toggler-checkbox:not(:checked) ~ * .zamel-toggler-off-hidden {
    display: none;
}

@media (width < 48em) {
    .zamel-toggler-checkbox:not(:checked) ~ .zamel-mobile-toggler-off-hidden {
        display: none;
    }
}

@media (width < 48em) {
    .zamel-toggler-checkbox:not(:checked) ~ * .zamel-mobile-toggler-off-hidden {
        display: none;
    }
}

.zamel-toggler-checkbox:checked ~ .zamel-toggler-on-hidden {
    display: none;
}

.zamel-toggler-checkbox:checked ~ .zamel-toggler-on-c-primary {
    color: var(--zamel-c-primary);
}

.zamel-toggler-checkbox:checked ~ * .zamel-toggler-on-hidden {
    display: none;
}

.zamel-toggler-checkbox:checked ~ * .zamel-toggler-on-c-primary {
    color: var(--zamel-c-primary);
}

#zamel-grid-list-type-x:not(:checked) ~ .zamel-grid-list-type-x-off-hidden {
    display: none;
}

#zamel-grid-list-type-x:not(:checked) ~ * .zamel-grid-list-type-x-off-hidden {
    display: none;
}

#zamel-grid-list-type-x:checked ~ .zamel-grid-list-type-x-on-hidden {
    display: none;
}

#zamel-grid-list-type-x:checked ~ * .zamel-grid-list-type-x-on-hidden {
    display: none;
}

#zamel-grid-list-type-y:not(:checked) ~ .zamel-grid-list-type-y-off-hidden {
    display: none;
}

#zamel-grid-list-type-y:not(:checked) ~ * .zamel-grid-list-type-y-off-hidden {
    display: none;
}

#zamel-grid-list-type-y:checked ~ .zamel-grid-list-type-y-on-hidden {
    display: none;
}

#zamel-grid-list-type-y:checked ~ * .zamel-grid-list-type-y-on-hidden {
    display: none;
}

#zamel-product-tab-1:not(:checked) ~ .zamel-product-tab-1-off-hidden {
    display: none;
}

#zamel-product-tab-1:not(:checked) ~ * .zamel-product-tab-1-off-hidden {
    display: none;
}

#zamel-product-tab-1:checked ~ .zamel-product-tab-1-on-hidden {
    display: none;
}

#zamel-product-tab-1:checked ~ * .zamel-product-tab-1-on-hidden {
    display: none;
}

#zamel-product-tab-1:checked ~ .zamel-product-tab-1-on-btn--secondary {
    --zamel-btn-bc: var(--zamel-c-black);
    --zamel-btn-bgc: var(--zamel-c-black);
    --zamel-btn-c: var(--zamel-c-white);
}

#zamel-product-tab-1:checked ~ * .zamel-product-tab-1-on-btn--secondary {
    --zamel-btn-bc: var(--zamel-c-black);
    --zamel-btn-bgc: var(--zamel-c-black);
    --zamel-btn-c: var(--zamel-c-white);
}

#zamel-product-tab-2:not(:checked) ~ .zamel-product-tab-2-off-hidden {
    display: none;
}

#zamel-product-tab-2:not(:checked) ~ * .zamel-product-tab-2-off-hidden {
    display: none;
}

#zamel-product-tab-2:checked ~ .zamel-product-tab-2-on-hidden {
    display: none;
}

#zamel-product-tab-2:checked ~ * .zamel-product-tab-2-on-hidden {
    display: none;
}

#zamel-product-tab-2:checked ~ .zamel-product-tab-2-on-btn--secondary {
    --zamel-btn-bc: var(--zamel-c-black);
    --zamel-btn-bgc: var(--zamel-c-black);
    --zamel-btn-c: var(--zamel-c-white);
}

#zamel-product-tab-2:checked ~ * .zamel-product-tab-2-on-btn--secondary {
    --zamel-btn-bc: var(--zamel-c-black);
    --zamel-btn-bgc: var(--zamel-c-black);
    --zamel-btn-c: var(--zamel-c-white);
}

.zamel-bag-source-focus:not(:focus-within) .zamel-bag-img-focus-off-hidden {
    display: none;
}

.zamel-bag-source-focus:not(:focus-within) * .zamel-bag-img-focus-off-hidden {
    display: none;
}

.zamel-bag-source-focus:focus-within .zamel-bag-button-focus-on-outline-primary {
    outline: max(1px, 0.0625em) solid var(--zamel-c-primary);
}

.zamel-bag-source-focus:focus-within * .zamel-bag-button-focus-on-outline-primary {
    outline: max(1px, 0.0625em) solid var(--zamel-c-primary);
}

.zamel-bag-source-focus:focus-within .zamel-bag-img-focus-on-hidden {
    display: none;
}

.zamel-bag-source-focus:focus-within * .zamel-bag-img-focus-on-hidden {
    display: none;
}

.zamel-bag-source-focus:focus-within .zamel-bag-span-focus-on-bgc-primary {
    background-color: var(--zamel-c-primary);
}

.zamel-bag-source-focus:focus-within * .zamel-bag-span-focus-on-bgc-primary {
    background-color: var(--zamel-c-primary);
}

.zamel-tree {
    font-size: var(--zamel-fs-s);
    list-style: none;
    margin-block: 0;
    padding-inline-start: 0;
}

.zamel-tree ul {
    display: none;
    inline-size: 100%;
    padding-inline-start: 3.5em;
}

.zamel-tree li {
    align-items: baseline;
    column-gap: 0.5em;
    display: flex;
    flex-wrap: wrap;
    padding-block: 0.25em;
    position: relative;
}

.zamel-tree li::before {
    border-inline-start: max(0.0625em, 1px) solid var(--zamel-c-black);
    bottom: 0;
    content: "";
    left: 0.4375em;
    position: absolute;
    top: 0;
    z-index: 0;
}

.zamel-tree li:first-child::before {
    top: 0.5em;
}

.zamel-tree li:last-child::before {
    block-size: 0.95em;
    bottom: auto;
}

.zamel-tree li:last-child .zamel-tree-checkbox:checked ~ ul {
    overflow: hidden;
    position: relative;
}

.zamel-tree li:last-child .zamel-tree-checkbox:checked ~ ul::before {
    border-inline-start: max(0.0625em, 1px) solid var(--zamel-c-black);
    bottom: auto;
    content: "";
    block-size: 100em;
    left: 0.5em;
    margin-block-start: -98.575em;
    position: absolute;
    top: 0;
    z-index: 0;
}

.zamel-tree > li > a {
    font-weight: var(--zamel-fw-bold);
}

.zamel-tree .zamel-form-checkbox {
    transform: translate3d(0, 0.1875em, 0); /* Adjust position */
}

.zamel-tree .zamel-form-checkbox:checked ~ ul {
    display: block;
    font-size: 0.8571428571em;
    padding-block: 0.5em;
}

.zamel-tree .zamel-form-checkbox:checked ~ ul li::before {
    left: -1em;
}

.zamel-tree .zamel-form-checkbox:checked ~ ul li::after {
    border-block-start: max(0.0625em, 1px) solid var(--zamel-c-black);
    content: "";
    left: -1em;
    position: absolute;
    top: 0.875em;
    inline-size: 1em;
    z-index: 0;
}

.zamel-tree .zamel-form-checkbox:checked ~ ul li:first-child::before {
    top: 0.9em;
}

.zamel-tree .zamel-form-checkbox:checked ~ ul li:first-child::after {
    inline-size: 3em;
    left: auto;
    right: 100%;
}

.zamel-tree .zamel-form-checkbox:checked ~ ul li:last-child::before {
    block-size: 0.875em;
    top: 0;
}

@media (width < 48em) {
    .zamel-flex-video-intercom {
        row-gap: 3em;
        flex-direction: column-reverse;
    }
}

.zamel-video-intercom-header {
    flex-basis: 50%;
}

@media (48em <= width) {
    .zamel-video-intercom-header {
        padding-inline-end: 3em;
    }
}

.zamel-video-intercom-heading {
    font-size: var(--zamel-fs-xl);
    font-weight: var(--zamel-fw-bold);
    margin-block: 0 1em;
    text-wrap: balance;
}

.zamel-video-intercom-description {
    margin-block: 1em 0;
    text-wrap: balance;
}

.zamel-video-intercom-figure {
    flex-grow: 1;
    margin: 0;
    padding-inline-start: 5em;
    position: relative;
}

@media (width < 48em) {
    .zamel-video-intercom-figure {
        margin-inline-end: -1em;
    }
}

.zamel-video-intercom-figcaption {
    background-color: var(--zamel-c-primary);
    bottom: 10%;
    color: var(--zamel-c-white);
    font-size: var(--zamel-fs-m);
    line-height: 1;
    padding: 1.5em 1.75em;
    position: absolute;
    text-align: center;
    transform: translate3d(-50%, 0, 0);
}

.zamel-video-intercom-figcaption > strong {
    display: block;
    font-size: 5em;
}

/* Typography */
/* Font Sizes */
.zamel-fs-2xl {
    font-size: var(--zamel-fs-2xl);
}

.zamel-fs-xl {
    font-size: var(--zamel-fs-xl);
}

.zamel-fs-l {
    font-size: var(--zamel-fs-l);
}

.zamel-fs-m {
    font-size: var(--zamel-fs-m);
}

.zamel-fs-base {
    font-size: var(--zamel-fs-base);
}

.zamel-fs-s {
    font-size: var(--zamel-fs-s);
}

.zamel-fs-xs {
    font-size: var(--zamel-fs-xs);
}

.zamel-fs-2xs {
    font-size: var(--zamel-fs-2xs);
}

.zamel-fs-3xs {
    font-size: var(--zamel-fs-3xs);
}

.zamel-float-right {
    float: right;
}

.zamel-float-left {
    float: left;
}

@media (width < 48em) {
    .zamel-mobile-fs-2cqi {
        font-size: 2cqi;
    }
}

@media (48em <= width) {
    .zamel-tablet-up-fs-0_875cqi {
        font-size: 0.825cqi;
    }
}

/* Font Weights */
.zamel-fw-base {
    font-weight: var(--zamel-fw-base);
}

.zamel-fw-bold {
    font-weight: var(--zamel-fw-bold);
}

/* Headings */
.zamel-heading-2xl {
    font-size: var(--zamel-fs-2xl);
    font-weight: var(--zamel-fw-bold);
}

.zamel-heading-xl {
    font-size: var(--zamel-fs-xl);
    font-weight: var(--zamel-fw-bold);
}

.zamel-heading-l {
    font-size: var(--zamel-fs-l);
    font-weight: var(--zamel-fw-bold);
}

.zamel-heading-m {
    font-size: var(--zamel-fs-m);
    font-weight: var(--zamel-fw-bold);
}

.zamel-heading-base {
    font-size: var(--zamel-fs-base);
    font-weight: var(--zamel-fw-bold);
}

.zamel-heading-s {
    font-size: var(--zamel-fs-s);
    font-weight: var(--zamel-fw-bold);
}

.zamel-heading-xs {
    font-size: var(--zamel-fs-xs);
    font-weight: var(--zamel-fw-bold);
}

.zamel-heading-2xs {
    font-size: var(--zamel-fs-2xs);
    font-weight: var(--zamel-fw-bold);
}

.zamel-heading-3xs {
    font-size: var(--zamel-fs-3xs);
    font-weight: var(--zamel-fw-bold);
}

/* Texts */
.zamel-text-2xl {
    font-size: var(--zamel-fs-2xl);
    font-weight: var(--zamel-fw-base);
}

.zamel-text-xl {
    font-size: var(--zamel-fs-xl);
    font-weight: var(--zamel-fw-base);
}

.zamel-text-l {
    font-size: var(--zamel-fs-l);
    font-weight: var(--zamel-fw-base);
}

.zamel-text-m {
    font-size: var(--zamel-fs-m);
    font-weight: var(--zamel-fw-base);
}

.zamel-text-base {
    font-size: var(--zamel-fs-base);
    font-weight: var(--zamel-fw-base);
}

.zamel-text-s {
    font-size: var(--zamel-fs-s);
    font-weight: var(--zamel-fw-base);
}

.zamel-text-xs {
    font-size: var(--zamel-fs-xs);
    font-weight: var(--zamel-fw-base);
}

.zamel-text-2xs {
    font-size: var(--zamel-fs-2xs);
    font-weight: var(--zamel-fw-base);
}

.zamel-text-3xs {
    font-size: var(--zamel-fs-3xs);
    font-weight: var(--zamel-fw-base);
}

/* Alignment & Styles */
.zamel-text-nowrap {
    white-space: nowrap;
}

.zamel-text-left {
    text-align: left;
}

.zamel-text-center {
    text-align: center;
}

.zamel-text-right {
    text-align: right;
}

.zamel-text-balance {
    text-wrap: balance;
}

.zamel-text-pretty {
    text-wrap: pretty;
}

.zamel-text-strike {
    text-decoration: line-through;
}

.zamel-section-heading {
    font-size: var(--zamel-fs-2xl);
    font-weight: var(--zamel-fw-bold);
    margin-block: 0 1em;
    text-align: center;
}

.zamel-section-heading::after {
    border-block-end: 0.1em solid var(--zamel-c-primary);
    content: "";
    display: block;
    inline-size: 1.25em;
    margin-block-start: 0.2em;
    margin-inline: auto;
}

.zamel-page-heading {
    text-wrap: balance;
}

.zamel-page-heading::after {
    border-block-end: 0.1em solid var(--zamel-c-primary);
    content: "";
    display: block;
    inline-size: 1.25em;
    margin-block-start: 0.2em;
}

.zamel-page-heading ~ .zamel-page-heading {
    margin-block-start: 1em;
}

.zamel-heading-underline {
    --zamel-heading-underline-c: var(--zamel-c-black);
}

.zamel-heading-underline::after {
    border-block-start: max(0.0625em, 1px) solid var(--zamel-heading-underline-c);
    content: "";
    display: block;
    margin-block-start: 1em;
}

.zamel-heading-underline--primary {
    --zamel-heading-underline-c: var(--zamel-c-primary);
}

.zamel-hover-underline:hover {
    text-decoration: underline;
}

.zamel-hover-no-underline:hover {
    text-decoration: none;
}

/* Layout */
/* Alignment Self */
.zamel-self-start {
    align-self: start;
    justify-self: start;
}

.zamel-self-center {
    align-self: center;
    justify-self: center;
}

.zamel-self-end {
    align-self: end;
    justify-self: end;
}

/* Alignment Self Horizontal */
.zamel-self-x-start {
    justify-self: start;
}

.zamel-self-x-center {
    justify-self: center;
}

.zamel-self-x-end {
    justify-self: end;
}

/* Alignment Self Vertical */
.zamel-self-y-start {
    align-self: start;
}

.zamel-self-y-center {
    align-self: center;
}

.zamel-self-y-end {
    align-self: end;
}

@media (width < 48em) {
    .zamel-mobile-self-y-end {
        align-self: end;
    }
}

.zamel-va-center {
    vertical-align: middle;
}

/* Alignment Items */
.zamel-items-start {
    align-items: start;
    justify-content: start;
}

.zamel-items-center {
    align-items: center;
    justify-content: center;
}

.zamel-items-end {
    align-items: end;
    justify-content: end;
}

/* Alignment Items Horizontal */
.zamel-items-x-start {
    justify-content: start;
}

.zamel-items-x-center {
    justify-content: center;
}

@media (48em <= width) {
    .zamel-tablet-up-items-x-center {
        justify-content: center;
    }
}

.zamel-items-x-end {
    justify-content: end;
}

.zamel-items-x-between {
    justify-content: space-between;
}

@media (width < 48em) {
    .zamel-mobile-items-x-between {
        justify-content: space-between;
    }
}

.zamel-items-x-evenly {
    justify-content: space-evenly;
}

/* Alignment Items Vertical */
.zamel-items-y-start {
    align-items: start;
}

@media (48em <= width) {
    .zamel-tablet-up-items-y-start {
        align-items: start;
    }
}

.zamel-items-y-center {
    align-items: center;
}

.zamel-items-y-end {
    align-items: end;
}

.zamel-items-y-baseline {
    align-items: baseline;
}

.zamel-rectangle {
    content: "";
    width: 16px;
    height: 16px;
    border-radius: 2px;
}

.zamel-container {
    margin-inline: auto;
    max-inline-size: 85.25rem;
    padding-inline: 1rem;
}

.zamel-container--m {
    max-inline-size: 91rem;
}

.zamel-container-x {
    container-type: inline-size;
}

.zamel-container-y {
    container-type: block-size;
}

.zamel-overflow-x-auto {
    overflow-x: auto;
}

.zamel-overflow-y-auto {
    overflow-y: auto;
}

.zamel-overflow-x-auto-full {
    max-inline-size: 100%;
    overflow-x: auto;
}

.zamel-max-width-600 {
    max-width: 600px;
}

.zamel-overflow-y-auto-full {
    max-block-size: 100%;
    overflow-y: auto;
}

.zamel-overflow-y-auto-full-screen-n10 {
    max-block-size: calc(100dvh - 10rem);
    overflow-y: auto;
}

.zamel-scrollbar-hidden {
    -ms-overflow-style: none;
    /* Internet Explorer and Edge */
    scrollbar-width: none;
    /* Firefox */
}

.zamel-scrollbar-hidden::-webkit-scrollbar {
    /* Chrome, Safari and Opera */
    display: none;
}

/* Flex */
.zamel-flex {
    display: flex;
}

.zamel-flex-inline {
    display: inline-flex;
}

.zamel-flex-wrap {
    flex-wrap: wrap;
}

@media (width < 48em) {
    .zamel-mobile-flex-wrap {
        flex-wrap: wrap;
    }
}

.zamel-flex-nowrap {
    flex-wrap: nowrap;
}

.zamel-flex-x {
    flex-direction: row;
}

.zamel-flex-y {
    flex-direction: column;
}

@media (width < 48em) {
    .zamel-mobile-flex-y {
        flex-direction: column;
    }
}

@media (width < 48em) {
    .zamel-mobile-flex-ny {
        flex-direction: column-reverse;
    }
}

@media (width < 64em) {
    .zamel-tablet-down-flex-y {
        flex-direction: column;
    }
}

@media (48em <= width) {
    .zamel-tablet-up-flex-y {
        flex-direction: column;
    }
}

.zamel-flex-shrink {
    flex-shrink: 1;
}

.zamel-flex-no-shrink {
    flex-shrink: 0;
}

.zamel-flex-grow {
    flex-grow: 1;
}

.zamel-flex-no-grow {
    flex-grow: 0;
}

.zamel-flex-basis-0 {
    flex-basis: 0;
}

.zamel-flex-basis-half {
    flex-basis: 50%;
}

.zamel-flex-basis-full {
    flex-basis: 100%;
}

@media (width < 48em) {
    .zamel-mobile-flex-basis-full {
        flex-basis: 100%;
    }
}

/* Grid */
.zamel-grid {
    --zamel-grid-columns: 1;
    display: grid;
    grid-template-columns: repeat(var(--zamel-grid-columns), 1fr);
}

.zamel-grid-inline {
    display: inline-grid;
}

.zamel-grid--repeat-auto-fill {
    --zamel-grid-item-min-w: 100%;
    grid-template-columns: repeat(auto-fill, minmax(min(var(--zamel-grid-item-min-w), 100%), 1fr));
}

#zamel-grid-list-type-x:checked ~ .zamel-grid--repeat-auto-fill {
    --zamel-grid-item-min-w: 100% !important;
}

.zamel-grid--repeat-auto-fit {
    --zamel-grid-item-min-w: 100%;
    grid-template-columns: repeat(auto-fitl, minmax(min(var(--zamel-grid-item-min-w), 100%), 1fr));
}

#zamel-grid-list-type-x:checked ~ .zamel-grid--repeat-auto-fit {
    --zamel-grid-item-min-w: 100% !important;
}

.zamel-grid-item {
    container: zamel-grid-item/inline-size;
    display: grid;
}

.zamel-grid--cols-2 {
    --zamel-grid-columns: 2;
}

.zamel-grid-template-y-auto-1fr {
    grid-template-columns: auto 1fr;
}

.zamel-grid-template-y-1em-1fr {
    grid-template-columns: 1em 1fr;
}

.zamel-grid-template-y-1em-auto-1fr {
    grid-template-columns: 1em auto 1fr;
}

.zamel-grid-template-y-1_5em-auto-1fr {
    grid-template-columns: 1.5em auto 1fr;
}

@media (48em <= width) {
    .zamel-tablet-up-grid--cols-2 {
        --zamel-grid-columns: 2;
    }
}

.zamel-grid--repeat-auto-fill--7 {
    --zamel-grid-item-min-w: 7em;
}

.zamel-grid--repeat-auto-fill--14 {
    --zamel-grid-item-min-w: 14em;
}

.zamel-grid--repeat-auto-fill--15 {
    --zamel-grid-item-min-w: 15em;
}

.zamel-grid--repeat-auto-fill--20 {
    --zamel-grid-item-min-w: 20em;
}

.zamel-grid--repeat-auto-fill--23 {
    --zamel-grid-item-min-w: 23em;
}

/* Gap */
.zamel-gap-0 {
    gap: 0;
}

/* Gap REM */
.zamel-gap-0_5 {
    gap: 0.5rem;
}

.zamel-gap-1 {
    gap: 1rem;
}

.zamel-gap-1_5 {
    gap: 1.5rem;
}

.zamel-gap-2 {
    gap: 2rem;
}

.zamel-gap-3 {
    gap: 3rem;
}

.zamel-gap-4 {
    gap: 4rem;
}

/* Gap EM */
.zamel-gap-0_25em {
    gap: 0.25em;
}

.zamel-gap-0_5em {
    gap: 0.5em;
}

.zamel-gap-0_75em {
    gap: 0.75em;
}

.zamel-gap-1em {
    gap: 1em;
}

.zamel-gap-1_5em {
    gap: 1.5em;
}

.zamel-gap-2em {
    gap: 2em;
}

.zamel-gap-3em {
    gap: 3em;
}

.zamel-gap-4em {
    gap: 4em;
}

/* Gap Column REM */
.zamel-gap-x-1 {
    column-gap: 1rem;
}

.zamel-gap-x-2 {
    column-gap: 2rem;
}

.zamel-gap-x-3 {
    column-gap: 3rem;
}

.zamel-gap-x-4 {
    column-gap: 4rem;
}

/* Gap Column EM */
.zamel-gap-x-0_25em {
    column-gap: 0.25em;
}

.zamel-gap-x-0_5em {
    column-gap: 0.5em;
}

.zamel-gap-x-0_75em {
    column-gap: 0.75em;
}

.zamel-gap-x-1em {
    column-gap: 1em;
}

.zamel-gap-x-2em {
    column-gap: 2em;
}

.zamel-gap-x-4em {
    column-gap: 4em;
}

/* Gap Column Percentage */
.zamel-gap-x-20p {
    column-gap: 20%;
}

/* Gap Row REM */
.zamel-gap-y-1 {
    row-gap: 1rem;
}

.zamel-gap-y-2 {
    row-gap: 2rem;
}

.zamel-gap-y-3 {
    row-gap: 3rem;
}

.zamel-gap-y-4 {
    row-gap: 4rem;
}

/* Gap Row EM */
.zamel-gap-y-0_25em {
    row-gap: 0.25em;
}

.zamel-gap-y-0_5em {
    row-gap: 0.5em;
}

.zamel-gap-y-0_75em {
    row-gap: 0.75em;
}

.zamel-gap-y-1em {
    row-gap: 1em;
}

/* Order */
@media (width < 48em) {
    .zamel-mobile-order-1 {
        order: 1;
    }
}

.zamel-block {
    display: block;
}

.zamel-relative {
    position: relative;
}

.zamel-absolute {
    position: absolute;
}

.zamel-sticky {
    position: sticky;
    top: 0;
}

.zamel-fixed {
    position: fixed;
}

.zamel-top {
    top: 0;
}

.zamel-top-auto {
    top: auto;
}

.zamel-top-full {
    top: 100%;
}

.zamel-left {
    left: 0;
}

.zamel-left-auto {
    left: auto;
}

@media (width < 48em) {
    .zamel-mobile-left-5_5p {
        left: 5.5%;
    }
}

@media (48em <= width) {
    .zamel-tablet-up-left-14_5p {
        left: 14.5%;
    }
}

.zamel-left-full {
    left: 100%;
}

.zamel-right {
    right: 0;
}

.zamel-right-auto {
    right: auto;
}

.zamel-right-full {
    right: 100%;
}

.zamel-bottom {
    bottom: 0;
}

.zamel-bottom-auto {
    bottom: auto;
}

@media (width <= 48em) {
    .zamel-mobile-bottom-10p {
        bottom: 10%;
    }
}

@media (48em <= width) {
    .zamel-tablet-up-bottom-12p {
        bottom: 12%;
    }
}

.zamel-bottom-full {
    bottom: 100%;
}

.zamel-z-index {
    z-index: 1;
}

.zamel-z-index-2 {
    z-index: 2;
}

.zamel-rotate-left {
    transform: rotate(-90deg);
}

.zamel-rotate-right {
    transform: rotate(90deg);
}

.zamel-scroll-snap-align-start {
    scroll-snap-align: start;
}

.zamel-scroll-snap-type-both-mandatory {
    scroll-snap-type: both mandatory;
}

/* Utils */
.zamel-aspect-ratio-1-1 {
    aspect-ratio: 1;
}

.zamel-aspect-ratio-16-9 {
    aspect-ratio: 16/9;
}

/* Border */
.zamel-b-0 {
    border: 0;
}

.zamel-b {
    border: max(0.0625em, 1px) solid var(--zamel-c-black);
}

.zamel-bw-0_125 {
    border-width: 0.125rem;
}

.zamel-bw-0_3125em {
    border-width: 0.3125em;
}

/* Border Top */
.zamel-bt-0 {
    border-block-start: 0;
}

.zamel-bt {
    border-block-start: max(0.0625em, 1px) solid var(--zamel-c-black);
}

.zamel-btw--0_125em {
    border-block-start-width: 0.125em;
}

.zamel-items-bt > :not(:first-child) {
    border-block-start: max(0.0625em, 1px) solid currentColor;
}

/* Border Bottom */
.zamel-bb {
    border-block-end: max(0.0625em, 1px) solid var(--zamel-c-black);
}

.zamel-bb--only {
    border-width: 0 0 max(0.0625em, 1px);
}

.zamel-bbw--0_1875 {
    border-block-end-width: 0.1875rem;
}

/* Border Left */
.zamel-bl {
    border-inline-start: max(0.0625em, 1px) solid var(--zamel-c-black);
}

.zamel-blw--0_125rem {
    border-inline-start-width: max(0.125rem, 1px);
}

.zamel-blc--primary {
    border-inline-start-color: var(--zamel-c-primary);
}

/* Border Colors */
.zamel-bc--primary {
    border-color: var(--zamel-c-primary);
}

.zamel-bc--silver {
    border-color: var(--zamel-c-silver);
}

.zamel-bc--light-grey {
    border-color: var(--zamel-c-light-grey);
}

/* Border Shapes */
.zamel-circle {
    border-radius: 999999%;
}

/* Colors */
.zamel-c-black {
    color: var(--zamel-c-black);
}

.zamel-c-light-blue {
    color: var(--zamel-c-light-blue);
}

.zamel-c-grey {
    color: var(--zamel-c-grey);
}

.zamel-c-grey-0_4 {
    color: var(--zamel-c-grey-0_4);
}

.zamel-c-green {
    color: var(--zamel-c-green);
}

.zamel-c-light {
    color: var(--zamel-c-light);
}

.zamel-c-light-grey {
    color: var(--zamel-c-light-grey);
}

.zamel-c-silver {
    color: var(--zamel-c-silver);
}

.zamel-c-yellow {
    color: var(--zamel-c-yellow);
}

.zamel-c-white {
    color: var(--zamel-c-white);
}

.zamel-c-primary {
    color: var(--zamel-c-primary);
}

.zamel-c-light-purple {
    color: var(--zamel-c-light-purple);
}

.zamel-c-purple {
    color: var(--zamel-c-purple);
}

.zamel-c-light-gray-1 {
    color: var(--zamel-c-light-gray-1);
}

.zamel-c-gray-1 {
    color: var(--zamel-c-gray-1);
}

.zamel-c-light-green-1 {
    color: var(--zamel-c-light-green-1);
}

.zamel-c-green-1 {
    color: var(--zamel-c-green-1);
}

.zamel-c-light-red-1 {
    color: var(--zamel-c-light-red-1);
}

.zamel-c-red-1 {
    color: var(--zamel-c-red-1);
}

.zamel-c-light-yellow-1 {
    color: var(--zamel-c-light-yellow-1);
}

.zamel-c-yellow-1 {
    color: var(--zamel-c-yellow-1);
}

.zamel-c-light-mint-1 {
    color: var(--zamel-c-light-mint-1);
}

.zamel-c-mint-1 {
    color: var(--zamel-c-mint-1);
}

.zamel-c-light-white-1 {
    color: var(--zamel-c-light-white-1);
}

.zamel-c-white-1 {
    color: var(--zamel-c-white-1);
}

.zamel-c-light-black-1 {
    color: var(--zamel-c-light-black-1);
}

.zamel-c-black-1 {
    color: var(--zamel-c-black-1);
}

/* Background Colors */
.zamel-bgc-black {
    background-color: var(--zamel-c-black);
}

.zamel-bgc-light-blue {
    background-color: var(--zamel-c-light-blue);
}

.zamel-bgc-grey {
    background-color: var(--zamel-c-grey);
}

.zamel-bgc-grey-0_4 {
    background-color: var(--zamel-c-grey-0_4);
}

.zamel-bgc-green {
    background-color: var(--zamel-c-green);
}

.zamel-bgc-light {
    background-color: var(--zamel-c-light);
}

.zamel-bgc-light-grey {
    background-color: var(--zamel-c-light-grey);
}

.zamel-bgc-silver {
    background-color: var(--zamel-c-silver);
}

.zamel-bgc-yellow {
    background-color: var(--zamel-c-yellow);
}

.zamel-bgc-white {
    background-color: var(--zamel-c-white);
}

.zamel-bgc-primary {
    background-color: var(--zamel-c-primary);
}

.zamel-bgc-light-purple {
    background-color: var(--zamel-c-light-purple);
}

.zamel-bgc-purple {
    background-color: var(--zamel-c-purple);
}

.zamel-bgc-light-gray-1 {
    background-color: var(--zamel-c-light-gray-1);
}

.zamel-bgc-gray-1 {
    background-color: var(--zamel-c-gray-1);
}

.zamel-bgc-light-green-1 {
    background-color: var(--zamel-c-light-green-1);
}

.zamel-bgc-green-1 {
    background-color: var(--zamel-c-green-1);
}

.zamel-bgc-light-red-1 {
    background-color: var(--zamel-c-light-red-1);
}

.zamel-bgc-red-1 {
    background-color: var(--zamel-c-red-1);
}

.zamel-bgc-light-yellow-1 {
    background-color: var(--zamel-c-light-yellow-1);
}

.zamel-bgc-yellow-1 {
    background-color: var(--zamel-c-yellow-1);
}

.zamel-bgc-light-mint-1 {
    background-color: var(--zamel-c-light-mint-1);
}

.zamel-bgc-mint-1 {
    background-color: var(--zamel-c-mint-1);
}

.zamel-bgc-light-white-1 {
    background-color: var(--zamel-c-light-white-1);
}

.zamel-bgc-white-1 {
    background-color: var(--zamel-c-white-1);
}

.zamel-bgc-light-black-1 {
    background-color: var(--zamel-c-light-black-1);
}

.zamel-bgc-black-1 {
    background-color: var(--zamel-c-black-1);
}

@media (width < 48em) {
    .zamel-mobile-bgc-light-blue {
        background-color: var(--zamel-c-light-blue);
    }
}

@media (48em <= width) {
    .zamel-tablet-up-bgc-light-blue {
        background-color: var(--zamel-c-light-blue);
    }
}

/* Margin */
.zamel-m-auto {
    margin: auto;
}

.zamel-m-0 {
    margin: 0;
}

/* Margin EM */
.zamel-m-n0_5 {
    margin: -0.5em;
}

/* Margin Horizontal */
.zamel-mx-auto {
    margin-inline: auto;
}

@media (width < 48em) {
    .zamel-mobile-mx-0 {
        margin-inline: 0;
    }
}

/* Margin Horizontal EM */
.zamel-mx-n1em {
    margin-inline: -1em;
}

.zamel-mx-1_5em {
    margin-inline: 1.5em;
}

/* Margin Vertical */
.zamel-my-0 {
    margin-block: 0;
}

/* Margin Vertical REM */
.zamel-my-1 {
    margin-block: 1rem;
}

.zamel-my-1_5 {
    margin-block: 1.5rem;
}

.zamel-my-4 {
    margin-block: 4rem;
}

.zamel-my-5 {
    margin-block: 5rem;
}

.zamel-my-6 {
    margin-block: 6rem;
}

.zamel-my-7 {
    margin-block: 7rem;
}

/* Margin Vertical EM */
.zamel-my-0_25em {
    margin-block: 0.25em;
}

.zamel-my-1em {
    margin-block: 1em;
}

/* Margin Top */
.zamel-mt-0 {
    margin-block-start: 0;
}

/* Margin Top REM */
.zamel-mt-n0_0625 {
    margin-block-start: -0.0625rem;
}

.zamel-mt-0_5 {
    margin-block-start: 0.5rem;
}

.zamel-mt-1 {
    margin-block-start: 1rem;
}

@media (width < 48em) {
    .zamel-mobile-mt-1 {
        margin-block-start: 1rem;
    }
}

.zamel-mt-1_5 {
    margin-block-start: 1.5rem;
}

.zamel-mt-2 {
    margin-block-start: 2rem;
}

.zamel-mt-3 {
    margin-block-start: 3rem;
}

.zamel-mt-4 {
    margin-block-start: 4rem;
}

@media (48em <= width) {
    .zamel-tablet-up-mt-4 {
        margin-block-start: 4rem;
    }
}

.zamel-mt-5 {
    margin-block-start: 5rem;
}

.zamel-mt-6 {
    margin-block-start: 6rem;
}

.zamel-mt-7 {
    margin-block-start: 7rem;
}

/* Margin Top EM */
.zamel-mt-n0_25em {
    margin-block-start: -0.25em;
}

.zamel-mt-n0_125em {
    margin-block-start: -0.125em;
}

.zamel-mt-n0_0625em {
    margin-block-start: -0.0625em;
}

.zamel-mt-0_0625em {
    margin-block-start: 0.0625em;
}

.zamel-mt-0_125em {
    margin-block-start: 0.125em;
}

.zamel-mt-0_25em {
    margin-block-start: 0.25em;
}

.zamel-mt-0_5em {
    margin-block-start: 0.5em;
}

.zamel-mt-1em {
    margin-block-start: 1em;
}

.zamel-mt-1_5em {
    margin-block-start: 1.5em;
}

.zamel-mt-2em {
    margin-block-start: 2em;
}

.zamel-mt-2_5em {
    margin-block-start: 2.5em;
}

.zamel-mt-3em {
    margin-block-start: 3em;
}

.zamel-mt-5em {
    margin-block-start: 5em;
}

/* Margin Bottom REM */
.zamel-mb-1_5 {
    margin-block-end: 1.5rem;
}

.zamel-mb-2 {
    margin-block-end: 2rem;
}

.zamel-mb-3 {
    margin-block-end: 3rem;
}

.zamel-mb-4 {
    margin-block-end: 4cap;
}

.zamel-mb-6 {
    margin-block-end: 6rem;
}

.zamel-mb-7 {
    margin-block-end: 7rem;
}

/* Margin Bottom EM */
.zamel-mb-0_125em {
    margin-block-end: 0.125em;
}

.zamel-mb-0_25em {
    margin-block-end: 0.25em;
}

.zamel-mb-0_5em {
    margin-block-end: 0.5em;
}

.zamel-mb-0_75em {
    margin-block-end: 0.75em;
}

.zamel-mb-1em {
    margin-block-end: 1em;
}

.zamel-mb-1_5em {
    margin-block-end: 1.5em;
}

.zamel-mb-2em {
    margin-block-end: 2em;
}

/* Margin Left */
.zamel-ml-auto {
    margin-inline-start: auto;
}

/* Margin Left REM */
@media (width < 48em) {
    .zamel-mobile-ml-n3_5 {
        margin-inline-start: -3.5rem;
    }
}

@media (width < 48em) {
    .zamel-mobile-ml-n1_5 {
        margin-inline-start: -1.5rem;
    }
}

@media (width < 48em) {
    .zamel-mobile-ml-1_5 {
        margin-inline-start: 1.5rem;
    }
}

@media (width < 48em) {
    .zamel-mobile-ml-3_5 {
        margin-inline-start: 3.5rem;
    }
}

@media (48em <= width) {
    .zamel-tablet-up-ml-4 {
        margin-inline-start: 4rem;
    }
}

@media (48em <= width) {
    .zamel-tablet-up-ml-38_25 {
        margin-inline-start: 38.25rem;
    }
}

@media (48em <= width) {
    .zamel-tablet-up-ml-44_5 {
        margin-inline-start: 44.5rem;
    }
}

/* Margin Left EM */
.zamel-ml-0_25em {
    margin-inline-start: 0.25em;
}

.zamel-ml-1em {
    margin-inline-start: 1em;
}

/* Margin Right */
.zamel-mr-1 {
    margin-right: 15px !important;
}

.zamel-mr-auto {
    margin-inline-end: auto;
}

/* Margin Right REM */
@media (width < 48em) {
    .zamel-mobile-mr-n3_5 {
        margin-inline-end: -3.5rem;
    }
}

@media (width < 48em) {
    .zamel-mobile-mr-n1_5 {
        margin-inline-end: -1.5rem;
    }
}

@media (width < 48em) {
    .zamel-mobile-mr-1_5 {
        margin-inline-end: 1.5rem;
    }
}

@media (width < 48em) {
    .zamel-mobile-mr-3_5 {
        margin-inline-end: 3.5rem;
    }
}

/* Padding */
.zamel-p-0 {
    padding: 0;
}

/* Padding REM */
.zamel-p-0_5 {
    padding: 0.5rem;
}

.zamel-p-1 {
    padding: 1rem;
}

@media (width < 48em) {
    .zamel-mobile-p-1 {
        padding: 1rem;
    }
}

.zamel-p-1 {
    padding: 0.5rem;
}

.zamel-p-1_5 {
    padding: 1.5rem;
}

.zamel-p-2 {
    padding: 2rem;
}

.zamel-p-2_5 {
    padding: 2.5rem;
}

@media (48em <= width) {
    .zamel-tablet-up-p-2_5 {
        padding: 2.5rem;
    }
}

.zamel-p-3 {
    padding: 3rem;
}

.zamel-p-4 {
    padding: 4rem;
}

.zamel-p-5 {
    padding: 5rem;
}

/* Padding EM */
.zamel-p-0_25em {
    padding: 0.25em;
}

.zamel-p-0_5em {
    padding: 0.5em;
}

.zamel-p-0_75em {
    padding: 0.75em;
}

.zamel-p-1em {
    padding: 1em;
}

.zamel-p-1_5em {
    padding: 1.5em;
}

.zamel-p-2em {
    padding: 2em;
}

.zamel-p-5em {
    padding: 5em;
}

/* Padding Horizontal */
.zamel-px-0 {
    padding-inline: 0;
}

/* Padding Horizontal REM */
.zamel-px-1 {
    padding-inline: 1rem;
}

@media (width < 48em) {
    .zamel-mobile-px-1 {
        padding-inline: 1rem;
    }
}

.zamel-px-3 {
    padding-inline: 3rem;
}

.zamel-px-8 {
    padding-inline: 8rem;
}

/* Padding Horizontal EM */
.zamel-px-1em {
    padding-inline: 1em;
}

.zamel-px-1_5em {
    padding-inline: 1.5em;
}

.zamel-px-2em {
    padding-inline: 2em;
}

.zamel-px-3em {
    padding-inline: 3em;
}

/* Padding Vertical REM */
.zamel-py-0_5 {
    padding-block: 0.5rem;
}

.zamel-py-1 {
    padding-block: 1rem;
}

.zamel-py-2 {
    padding-block: 2rem;
}

.zamel-py-3 {
    padding-block: 3rem;
}

.zamel-py-4 {
    padding-block: 4rem;
}

/* Padding Vertical EM */
.zamel-py-0_5em {
    padding-block: 0.5em;
}

.zamel-py-1em {
    padding-block: 1em;
}

.zamel-py-1_5em {
    padding-block: 1.5em;
}

.zamel-py-2em {
    padding-block: 2em;
}

/* Padding Top REM */
.zamel-pt-1 {
    padding-block-start: 1rem;
}

.zamel-pt-2 {
    padding-block-start: 2rem;
}

.zamel-pt-4 {
    padding-block-start: 4rem;
}

/* Padding Top EM */
.zamel-pt-2_5em {
    padding-block-start: 2.5em;
}

.zamel-pt-3em {
    padding-block-start: 3em;
}

/* Padding Bottom REM */
@media (width < 48em) {
    .zamel-mobile-pb-1 {
        padding-block-end: 1rem;
    }
}

.zamel-pb-2 {
    padding-block-end: 2rem;
}

.zamel-pb-3 {
    padding-block-end: 3rem;
}

.zamel-pb-4 {
    padding-block-end: 4rem;
}

.zamel-pb-6 {
    padding-block-end: 6rem;
}

/* Padding Bottom EM */
.zamel-pb-0_25em {
    padding-block-end: 0.25em;
}

.zamel-pb-1em {
    padding-block-end: 1em;
}

/* Padding Right EM */
.zamel-pr-0_25em {
    padding-inline-end: 0.25em;
}

/* Size REM */
.zamel-size-1_5 {
    block-size: 1.5rem;
    inline-size: 1.5rem;
}

.zamel-size-2_5 {
    block-size: 2.5rem;
    inline-size: 2.5rem;
}

.zamel-size-7 {
    block-size: 7rem;
    inline-size: 7rem;
}

/* Size EM */
.zamel-size-1em {
    block-size: 1em;
    inline-size: 1em;
}

.zamel-size-1_25em {
    block-size: 1.25em;
    inline-size: 1.25em;
}

.zamel-size-1_5em {
    block-size: 1.5em;
    inline-size: 1.5em;
}

.zamel-size-2em {
    block-size: 2em;
    inline-size: 2em;
}

.zamel-size-2_5em {
    block-size: 2.5em;
    inline-size: 2.5em;
}

.zamel-size-3em {
    block-size: 3em;
    inline-size: 3em;
}

.zamel-size-3_5em {
    block-size: 3.5em;
    inline-size: 3.5em;
}

.zamel-size-5em {
    block-size: 5em;
    inline-size: 5em;
}

.zamel-size-6em {
    block-size: 6em;
    inline-size: 6em;
}

.zamel-size-7_5em {
    block-size: 7.5em;
    inline-size: 7.5em;
}

/* Size Horizontal */
.zamel-size-x-min {
    inline-size: min-content;
}

.zamel-size-x-fit {
    inline-size: fit-content;
}

.zamel-size-x-max {
    inline-size: max-content;
}

@media (48em <= width) {
    .zamel-tablet-up-min-size-x-32 {
        min-inline-size: 32rem;
    }
}

/* Size Horizontal REM */
.zamel-size-x-1 {
    inline-size: 1rem;
}

.zamel-size-x-1_5 {
    inline-size: 1.5rem;
}

.zamel-size-x-2 {
    inline-size: 2rem;
}

.zamel-size-x-4 {
    inline-size: 4rem;
}

.zamel-size-x-9 {
    inline-size: 9rem;
}

.zamel-size-x-14 {
    inline-size: 14rem;
}

@media (48em <= width) {
    .zamel-tablet-up-size-x-16 {
        inline-size: 16rem;
    }
}

@media (48em <= width) {
    .zamel-tablet-up-size-x-24 {
        inline-size: 24rem;
    }
}

.zamel-max-size-x-32 {
    max-inline-size: 32rem;
}

.zamel-max-size-x-48 {
    max-inline-size: 48rem;
}

.zamel-max-size-x-58 {
    max-inline-size: 58rem;
}

.zamel-max-size-x-65 {
    max-inline-size: 65rem;
}

.zamel-max-size-s-120 {
    max-inline-size: 120rem;
}

/* Size Horizontal EM */
.zamel-size-x-1em {
    inline-size: 1em;
}

.zamel-size-x-1_375em {
    inline-size: 1.375em;
}

.zamel-size-x-1_5em {
    inline-size: 1.5em;
}

.zamel-size-x-3em {
    inline-size: 3em;
}

.zamel-size-x-4em {
    inline-size: 4em;
}

.zamel-size-x-10em {
    inline-size: 10em;
}

.zamel-size-x-20em {
    inline-size: 20em;
}

/* Size Horizontal Percentage */
.zamel-max-size-x-full {
    max-inline-size: 100%;
}

.zamel-slider-item-size-x-100-50-33-25 {
    inline-size: 100%;
}

@container (41rem < width <= 62rem) {
    .zamel-slider-item-size-x-100-50-33-25 {
        inline-size: calc(50% - 0.5rem);
    }
}

@container (62rem < width <= 83rem) {
    .zamel-slider-item-size-x-100-50-33-25 {
        inline-size: calc(33.33% - 0.67rem);
    }
}

@container (83rem <= width) {
    .zamel-slider-item-size-x-100-50-33-25 {
        inline-size: calc(25% - 0.75rem);
    }
}

/* Size Horizontal Min REM */
@media (48em <= width) {
    .zamel-tablet-up-max-size-x-12 {
        max-inline-size: 12rem;
    }
}

/* Size Horizontal Percentage */
.zamel-size-x-full {
    inline-size: 100%;
}

@media (width < 48em) {
    .zamel-mobile-size-x-full {
        inline-size: 100%;
    }
}

/* Mobile Min Size Horizontal */
@media (width < 48em) {
    .zamel-mobile-min-size-x-6 {
        min-inline-size: 6rem;
    }
}

@media (width < 48em) {
    .zamel-mobile-min-size-x-8 {
        min-inline-size: 8rem;
    }
}

@media (width < 48em) {
    .zamel-mobile-min-size-x-10 {
        min-inline-size: 10rem;
    }
}

/* Size Vertical */
.zamel-size-y-auto {
    block-size: auto;
}

/* Size Vertical REM */
.zamel-size-y-4 {
    block-size: 4rem;
}

/* Size Vertical EM */
.zamel-size-y-0_75em {
    block-size: 0.75em;
}

.zamel-size-y-1em {
    block-size: 1em;
}

.zamel-size-y-1_25em {
    block-size: 1.25em;
}

.zamel-size-y-1_75em {
    block-size: 1.75em;
}

.zamel-min-size-y-2_5em {
    min-block-size: 2.5em;
}

.zamel-size-y-2_5em {
    block-size: 2.5em;
}

.zamel-size-y-3em {
    block-size: 3em;
}

.zamel-size-y-5_5em {
    block-size: 5.5em;
}

/* Size Vertical Percentage */
.zamel-size-y-full {
    block-size: 100%;
}

/* Size Items Full */
.zamel-items-basis-full > * {
    flex-basis: 100%;
}

.zamel-hidden {
    display: none !important;
}

@media (width < 64em) {
    .zamel-desktop-only {
        display: none !important;
    }
}

@media (64em <= width) {
    .zamel-desktop-hidden {
        display: none !important;
    }
}

@media (width < 48em) or (64em <= width) {
    .zamel-tablet-only {
        display: none !important;
    }
}

@media (48em <= width < 64em) {
    .zamel-tablet-hidden {
        display: none !important;
    }
}

@media (48em <= width) {
    .zamel-mobile-only {
        display: none !important;
    }
}

@media (width < 48em) {
    .zamel-mobile-hidden {
        display: none !important;
    }
}

/*# sourceMappingURL=app.css.map */