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

/* ============================
   POSITION TYPES
============================ */
.static { position: static; }
.relative { position: relative; }
.absolute { position: absolute; }
.fixed { position: fixed; }
.sticky { position: sticky; }

.z-0 { z-index: 0; }
.z-10 { z-index: 10; }
.z-20 { z-index: 20; }
.z-30 { z-index: 30; }
.z-40 { z-index: 40; }
.z-50 { z-index: 50; }
.z-auto { z-index: auto; }
.z-max { z-index: 9999; }

@media(max-width: 991px){.md-d-none{display:none !important}.md-d-block{display:block !important}.md-d-flex{display:flex !important}.md-d-grid{display:grid !important}.md-d-inline-block{display:inline-block !important}.md-flex-direction-row{flex-direction:row !important}.md-flex-direction-column{flex-direction:column !important}.md-flex-direction-row-reverse{flex-direction:row-reverse !important}.md-flex-direction-column-reverse{flex-direction:column-reverse !important}.md-justify-content-start{justify-content:flex-start !important}.md-justify-content-end{justify-content:flex-end !important}.md-justify-content-center{justify-content:center !important}.md-justify-content-between{justify-content:space-between !important}.md-justify-content-around{justify-content:space-around !important}.md-justify-content-evenly{justify-content:space-evenly !important}.md-align-items-start{align-items:flex-start !important}.md-align-items-end{align-items:flex-end !important}.md-align-items-center{align-items:center !important}.md-align-items-stretch{align-items:stretch !important}.md-align-items-baseline{align-items:baseline !important}.md-flex-wrap{flex-wrap:wrap !important}.md-flex-nowrap{flex-wrap:nowrap !important}.md-grid-cols-1{grid-template-columns:repeat(1, 1fr) !important}.md-grid-cols-2{grid-template-columns:repeat(2, 1fr) !important}.md-grid-cols-3{grid-template-columns:repeat(3, 1fr) !important}.md-grid-cols-4{grid-template-columns:repeat(4, 1fr) !important}.md-gap-0{gap:0 !important}.md-gap-1{gap:.25rem !important}.md-gap-2{gap:.5rem !important}.md-gap-3{gap:1rem !important}.md-gap-4{gap:1.5rem !important}.md-gap-5{gap:2rem !important}.md-text-align-left{text-align:left !important}.md-text-align-center{text-align:center !important}.md-text-align-right{text-align:right !important}}@media(max-width: 767px){.sm-d-none{display:none !important}.sm-d-block{display:block !important}.sm-d-flex{display:flex !important}.sm-d-grid{display:grid !important}.sm-d-inline-block{display:inline-block !important}.sm-flex-direction-row{flex-direction:row !important}.sm-flex-direction-column{flex-direction:column !important}.sm-flex-direction-row-reverse{flex-direction:row-reverse !important}.sm-flex-direction-column-reverse{flex-direction:column-reverse !important}.sm-justify-content-start{justify-content:flex-start !important}.sm-justify-content-end{justify-content:flex-end !important}.sm-justify-content-center{justify-content:center !important}.sm-justify-content-between{justify-content:space-between !important}.sm-justify-content-around{justify-content:space-around !important}.sm-justify-content-evenly{justify-content:space-evenly !important}.sm-align-items-start{align-items:flex-start !important}.sm-align-items-end{align-items:flex-end !important}.sm-align-items-center{align-items:center !important}.sm-align-items-stretch{align-items:stretch !important}.sm-align-items-baseline{align-items:baseline !important}.sm-flex-wrap{flex-wrap:wrap !important}.sm-flex-nowrap{flex-wrap:nowrap !important}.sm-grid-cols-1{grid-template-columns:repeat(1, 1fr) !important}.sm-grid-cols-2{grid-template-columns:repeat(2, 1fr) !important}.sm-grid-cols-3{grid-template-columns:repeat(3, 1fr) !important}.sm-grid-cols-4{grid-template-columns:repeat(4, 1fr) !important}.sm-gap-0{gap:0 !important}.sm-gap-1{gap:.25rem !important}.sm-gap-2{gap:.5rem !important}.sm-gap-3{gap:1rem !important}.sm-gap-4{gap:1.5rem !important}.sm-gap-5{gap:2rem !important}.sm-text-align-left{text-align:left !important}.sm-text-align-center{text-align:center !important}.sm-text-align-right{text-align:right !important}}
/* 
.bottom-10 {
    bottom: 30px;
} */

margin-auto {
    margin: 0 auto;
}

.cart-island{ 
  width: 100%;
  position: fixed;
  bottom: 30px;
  margin: 0 auto;
}

.liquid-glass {
    background: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 16px;
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.1);
}

.liquid-glass-dark {
    background: rgba(0, 0, 0, 0.65);
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 16px;
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.6);
}

.liquid-glass-strong {
    background: rgba(255, 255, 255, 0.25);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 16px;
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.15);
}