:root {
    --third-fnt: "Barlow", sans-serif;
    --fourth-fnt: "Roboto", sans-serif;
    --fifth-fnt: "Roboto Condensed", sans-serif;
}

video {
    width: 100%;
    height: 100%;
    display: block;
}

.site-btn {
    display: inline-block;
}

.site-form form textarea {
    max-height: 10.9rem;
    display: block;
}

.bg_color_dark .site-form form .wpcf7-response-output {
    color: var(--clr-wht);
}

.h_hero {
    padding-block: 6.4rem 32.5rem;
    background-color: var(--clr-blk);
    position: relative;
}

.h_hero__img,
.h_hero__video {
    position: absolute;
    inset: 0;
}

.h_hero__video::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 101%;
    background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 58%);
}

.h_hero__img img,
.h_hero__video video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.h_hero__info {
    max-width: 510px;
    width: 100%;
    padding: 2.5rem;
    margin-inline: auto;
    text-align: center;
    position: relative;
    z-index: 1;
}

.h_hero__info img {
    width: 188px;
    margin-inline: auto;
    display: block;
}

.h_hero__info_bottom h2 {
    font-family: var(--third-fnt);
    font-size: 2.8rem;
    font-weight: 600;
    line-height: 110%;
    letter-spacing: 1.4px;
    color: var(--clr-wht);
}

.h_hero__info_bottom p {
    color: var(--clr-wht);
    font-family: var(--fourth-fnt);
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 120%;
    letter-spacing: 0.8px;
    width: 98%;
    margin-inline: auto;
}

.h_products {
    background-color: var(--clr-blk);
}

.h_products__grid {
    max-width: 126.8rem;
    width: 100%;
    margin-inline: auto;
}

.h_products__item--h_100vh {
    min-height: 100vh;
    display: flex;
    align-items: center;
}

.h_products__img_container img {
    max-width: none;
    width: 100%;
    display: block;
}

.h_products__video_container {
    max-width: 535px;
    width: 100%;
    margin-inline: auto;
}

.h_products__video_container video {
    width: 100%;
    height: auto;
    aspect-ratio: 1 / 1;
}

.h_products__media canvas {
    width: 100%;
}

.h_products__info {
    align-items: flex-start;
    max-width: 51.4rem;
}

.h_products__logo img {
    display: block;
}

.h_products__info_content h2 {
    color: var(--clr-wht);
    font-family: var(--third-fnt);
    font-size: 2.8rem;
    font-weight: 600;
    line-height: 110%;
    letter-spacing: 1.4px;
    text-transform: uppercase;
}

.h_products__info_content p {
    color: var(--clr-wht);
    font-family: var(--third-fnt);
    letter-spacing: 0.8px;
}

.h_love {
    position: relative;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 30%, rgba(107, 134, 222, 1) 100%);
}

.h_love__art {
    position: absolute;
    top: 0;
    right: 0;
    width: 40%;
}

.h_love .container {
    max-width: 1268px;
}

:is(.h_love__top, .h_love__middle) p {
    font-family: var(--fourth-fnt);
    letter-spacing: 0.8px;
}

.h_love__top:not(:last-child) {
    margin-bottom: 14rem;
}

.h_love__middle:not(:last-child) {
    margin-bottom: 5rem;
}

.h_love__middle h3 {
    letter-spacing: 0.48px;
    line-height: 120%;
}

.h_love__list {
    padding-right: 11rem;
    grid-gap: 4.4rem 11rem;
    grid-template-columns: 0.94798fr 1fr;
    padding-block: 2rem;
}

.h_love__item_info {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.h_love__item {
    gap: 2.5rem;
    align-items: flex-start;
}

.h_love__item img {
    width: 5rem;
    max-width: none;
}

.h_love__item_info h4 {
    font-size: 2.8rem;
    font-weight: 600;
    line-height: 110%;
    letter-spacing: 0.14rem;
}

.h_love__item_info p {
    font-family: var(--fourth-fnt);
    letter-spacing: 0.8px;
}

.h_love__big_img {
    display: block;
    width: 100%;
    max-width: none;
}

.h_perfectly_blended {
    background-color: var(--clr-blk);
    padding-top: var(--pad-block-a);
}

.h_perfectly_blended__header p {
    max-width: 51rem;
    margin-inline: auto;
    font-family: var(--fourth-fnt);
    letter-spacing: 0.8px;
}

.h_perfectly_blended__vd {
    width: 100%;
    height: 104.3rem;
    position: relative;
}

.h_perfectly_blended__vd::before {
    content: "";
    position: absolute;
    top: 0;
    width: 100%;
    min-height: 25rem;
    background: #000;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
}

.h_perfectly_blended__vd video {
    object-fit: cover;
}

@media(max-width: 1600px) {
    .h_love__art {
        width: 49%;
    }
}

@media (max-width: 1199px) {
    .h_love__top:not(:last-child) {
        margin-bottom: 6rem;
    }

    .h_love__art {
        width: 40%;
    }

    .h_love__list {
        padding-right: 0;
        gap: 4rem;
    }

    .h_perfectly_blended__vd {
        height: 66rem;
    }
}

@media (max-width: 991px) {
    .h_perfectly_blended__vd {
        height: 56rem;
    }
}

@media (max-width: 767px) {
    .h_hero {
        padding-block: 6.5rem;
    }

    .h_hero__info {
        padding: 0;
    }

    .h_hero__info img {
        max-width: 120px;
    }

    .h_products__img_container img {
        max-width: 70%;
        margin-inline: auto;
    }

    .h_products__logo img {
        max-width: 50%;
    }

    .h_love__art {
        width: 35%;
    }

    .h_love__top {
        grid-template-columns: 1.7fr 1fr;
    }

    .h_love__list {
        grid-template-columns: 1fr;
    }

    .h_perfectly_blended__vd {
        height: 28rem;
    }

    .h_perfectly_blended__vd::before {
        min-height: 10rem;
    }
}


/* HOME HERO START */
.home_hero__grid {
    display: flex;
    flex-wrap: wrap;
    min-height: calc(100vh - 9.2rem);
}

.admin-bar .home_hero__grid {
    min-height: calc(100vh - 9.2rem - 3.2rem);
}

.home_hero__col {
    flex: 1;
    position: relative;
    background-color: var(--clr-blk);
    display: flex;
    overflow: hidden;
}

.home_hero__art {
    position: absolute;
    inset: 0;
}

.home_hero__art--mob {
    display: none;
}

.home_hero__art img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: opacity ease 0.35s, transform ease 0.8s;
}

.home_hero__art_normal {
    transform: scale(1);
}

.home_hero__art_hover {
    opacity: 0;
}

.home_hero__cell {
    flex: 1;
    text-align: center;
    display: flex;
    flex-direction: column;
    gap: 18px;
    padding: 6.2rem 1rem 6.3rem;
    position: relative;
    z-index: 1;
}

.home_hero__logo img {
    width: var(--width);
}

.home_hero__title {
    font-size: 1.6rem;
    font-weight: 600;
    font-family: var(--fifth-fnt);
    line-height: normal;
    letter-spacing: 0.16px;
    color: var(--clr-wht);
    text-transform: uppercase;
}

.home_hero__info {
    width: 100%;
    max-width: 25.6rem;
    margin-inline: auto;
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    margin-top: auto;
}

.home_hero__info h2 {
    text-transform: none;
    color: var(--clr-wht);
    transition: 300ms;
    transition-delay: 0.2s;
    opacity: 0;
    transform: translateY(100px);
}

.home_hero__info p {
    color: var(--clr-wht);
    font-family: var(--fourth-fnt);
    letter-spacing: 0.8px;
    transition: all ease 0.3s;
    opacity: 0;
    transform: translateY(10rem);
    margin-bottom: 0;
}

.home_hero__info a {
    margin-top: 1.7rem;
    align-self: center;
}

.home_hero__col:hover .home_hero__art_normal {
    transition: opacity ease 0s, transform ease 0.8s;
    transform: scale(1.08);
}

.home_hero__col:hover .home_hero__art_hover {
    opacity: 1;
    transform: scale(1.08);
}

.home_hero__col:hover .home_hero__info h2 {
    transition-delay: 0s;
    opacity: 1;
    transform: translateY(0);
}

.home_hero__col:hover .home_hero__info p {
    transition-delay: 0.2s;
    opacity: 1;
    transform: translateY(0);
}

@media (max-width: 991px) {
    .home_hero__grid {
        min-height: auto !important;
    }

    .home_hero__col {
        flex: none;
        width: 50%;
        min-height: 515px;
    }

    .home_hero__cell {
        padding-block: 3.6rem 4rem;
    }
}

@media(max-width: 567px) {
    .home_hero__art--desk {
        display: none;
    }

    .home_hero__art--mob {
        display: block;
    }

    .home_hero__col {
        width: 100%;
    }

    .home_hero__logo img {
        width: var(--widthMob);
    }
}

/* HOME HERO END */

/* HAZE SINGLE PRODUCT START */
:where(.haze-inr-benf__media, .hdw-specat__media) video {
    aspect-ratio: 1 / 1;
}

/* HAZE SINGLE PRODUCT END */

/* MAP START */

.prod-loc__main {
    display: flex;
    flex-direction: column;
    gap: 2.4rem;
}

.prod-loc__main .prod-loc__list {
    max-height: 56rem;
}

.prod-loc__map {
    border-radius: 8px;
    overflow: hidden;
}

.wpgmza-basic-listing-image-holder {
    display: none !important;
}

.wpgmza_marker_list_class {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.wpgmaps_mlist_row {
    background-color: #F0F0F0 !important;
    padding: 1.2rem 1.6rem !important;
    border-radius: 0.8rem !important;
    transition: 300ms;
    box-shadow: none !important;
}

.wpgmaps_mlist_row:hover {
    background-color: #dadada !important;
}

.wpgmaps_mlist_row.wpgmaps_mlist_row--active {
    background-color: var(--clr-accent) !important;
    color: #fff;
}

.wpgmaps_mlist_row--active .wpgmza_marker_title,
.wpgmaps_mlist_row--active .wpgmza-desc a {
    color: var(--clr-wht) !important;
}

.wpgmza_marker_title {
    font-size: 16px;
    line-height: 137.5%;
    letter-spacing: 0.16px;
    color: var(--clr-blk);
    font-family: var(--plus-simialr-mundial-fnt);
    font-weight: 700;
}

.wpgmza_marker_title a {
    color: inherit;
}

.wpgmza_custom_fields,
.wpgmza-rating-container,
.wpgmza-desc>*:not(a) {
    display: none !important;
}

.wpgmza_marker_title:has(a:empty) {
    display: none;
}

.wpgmza-basic-listing-content-holder {
    position: relative;
    padding-left: 2.6rem;
}

.wpgmza-content-address-holder {
    width: 90% !important;
}

.wpgmza_marker_icon {
    position: absolute;
    top: 1px;
    left: 0;
    max-width: 1.8rem !important;
}

.wpgmza-address,
.wpgmza-desc {
    font-family: var(--plus-simialr-mundial-fnt);
    font-size: 16px;
    line-height: 137.5%;
    letter-spacing: 0.16px;
    font-weight: 500;
}

.wpgmza-desc {
    margin-top: 4px !important;
}

.wpgmza-desc a,
.wpgmza-infowindow a {
    color: var(--clr-blk);
    word-break: break-all;
    text-decoration: underline;
}

.wpgmza-desc a:hover,
.wpgmza-infowindow a:hover {
    text-decoration: none;
}

.wpgmza-infowindow>p {
    margin-bottom: 0.5rem;
}

.wpgmza-infowindow * {
    font-family: var(--plus-simialr-mundial-fnt);
}

.wpgmza_infowindow_description {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.wpgmza_infowindow_description br {
    display: none;
}

.wpgmza-pagination {
    display: none !important;
}

.prod-loc__filters .wpgmza-store-locator {
    gap: 1.6rem;
    width: 100%;
}

.prod-loc__filters label {
    display: none !important;
}

.prod-loc__filters .wpgmza-address-container {
    width: 25.6rem;
}

.wpgmza-radius-container {
    width: 9.8rem;
}

.prod-loc__filters :is(.addressInput, select.wpgmza-radius) {
    width: 100% !important;
    padding: .8rem 1.2rem !important;
    border: 0 !important;
    color: var(--clr-blk) !important;
    font-family: var(--fourth-fnt) !important;
    font-size: 1.6rem !important;
    font-weight: 400 !important;
    line-height: 2.2rem !important;
    letter-spacing: 0.016rem !important;
    margin: 0 !important;
    border-radius: 0 !important;
}

.prod-loc__filters :is(.addressInput, select.wpgmza-radius):focus {
    outline: 1px solid #F0F0F0 !important;
}

.prod-loc__filters ::placeholder {
    color: var(--clr-blk) !important;
    opacity: 0.5 !important;
}

.prod-loc__filters select.wpgmza-radius {
    appearance: none;
    background-image: url(/wp-content/uploads/2025/10/nav-down-arrow.svg);
    background-position: right 1.2rem center;
    background-repeat: no-repeat;
    background-size: 0.9rem;
    padding-right: 2.1rem !important;
}

.prod-loc__filters .wpgmza-store-locator svg {
    background: var(--clr-blk) !important;
    stroke: var(--clr-wht) !important;
    transition: 300ms !important;
}

.prod-loc__filters .wpgmza-store-locator svg:hover {
    opacity: 0.9 !important;
}

.prod-loc__filters .wpgmza-store-locator svg.wpgmza-reset {
    margin: 0 !important;
    background-color: var(--wpgmza-color-error) !important;
}

.prod-loc__filters .wpgmza-error {
    display: none !important;
}

.prod-loc__error {
    border: 1px solid var(--clr-blk);
    color: var(--wpgmza-color-error);
    background: #fafafa;
    text-align: center;
    padding: 1rem;
    font-size: 1.8rem;
    font-weight: 500;
    font-family: var(--fourth-fnt);
    margin-block: 3rem;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.05);
    display: none;
}

.prod-loc__main:not(:has(.wpgmaps_mlist_row)) .prod-loc__rw {
    display: none;
}

.prod-loc__main:not(:has(.wpgmaps_mlist_row)) .prod-loc__error {
    display: block;
}

.prod-loc__main:not(:has(.wpgmaps_mlist_row)) .wpgmza-address-container {
    flex: 1;
}

@media(max-width: 767px) {
    .prod-loc__rw {
        flex-direction: column-reverse;
        gap: 3rem;
    }

    .wpgmza_map {
        height: 30rem !important;
    }

    .prod-loc__main .prod-loc__list {
        max-height: 33rem;
        padding: 0;
    }

    .prod-loc__filters :is(.addressInput, select.wpgmza-radius) {
        border: 1px solid #F0F0F0 !important;
    }

    .prod-loc__filters .wpgmza-address-container {
        width: 100%;
        flex: none !important;
    }

    .wpgmza-radius-container {
        flex: 1;
    }
}

/* MAP END */


/* HAXE SINGLE PAGE ANIMATION START */

/* ROSWELL START */
.haze-inr-bnr__roswell {
    background-color: var(--clr-blk);
    position: relative;
    aspect-ratio: 1 / 0.66;
}

.haze-inr-bnr__roswell__bg {
    position: absolute;
    inset: 0;
}

.haze-inr-bnr__roswell__bg img {
    position: absolute;
    top: 0;
    left: 0;
    max-width: none;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.haze-inr-bnr__roswell_logo {
    position: absolute;
    top: 9.5%;
    left: 50%;
    transform: translateX(-50%);
    width: 33.3334%;
}

.haze-inr-bnr__roswell_logo img {
    width: 100%;
    max-width: none;
}

.haze-inr-bnr__roswell_video {
    position: absolute;
    top: 25%;
    left: 50%;
    transform: translateX(-50%);
    width: 50%;
}

.haze-inr-bnr__roswell_video video {
    width: 100%;
    aspect-ratio: 1 / 1;
}

/* ROSWELL END */

/* PORTAL START */
.haze-inr-bnr__portal {
    background-color: var(--clr-blk);
    position: relative;
    aspect-ratio: 1 / 0.6109;
}

.haze-inr-bnr__portal_logo {
    position: absolute;
    top: 10.5%;
    left: 50%;
    transform: translateX(-50%);
    width: 31.2288%;
}

.haze-inr-bnr__portal_logo img {
    max-width: none;
    width: 100%;
}

.haze-inr-bnr__portal_video {
    position: absolute;
    top: 31%;
    left: 50%;
    transform: translateX(-50%);
    width: 41%;
}

.haze-inr-bnr__portal_video video {
    width: 100%;
    aspect-ratio: 1 / 1;
}

.haze-inr-bnr__portal_img_left {
    position: absolute;
    top: 0;
    left: 0;
    width: 17%;
}

.haze-inr-bnr__portal_img_right {
    position: absolute;
    top: 6%;
    right: 0;
    width: 17%;
}

/* PORTAL END */

/* JUICEBOX START */
.haze-inr-bnr__juicebox {
    background-color: var(--clr-blk);
    position: relative;
    aspect-ratio: 1 / 0.491734;
}

.haze-inr-bnr__juicebox_bg {
    position: absolute;
    inset: 0;
}

.haze-inr-bnr__juicebox_bg img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.haze-inr-bnr__juicebox_video {
    width: 34.5%;
    position: absolute;
    right: 13%;
    top: 13%;
}

.haze-inr-bnr__juicebox_video video,
.haze-inr-bnr__juicebox_video img {
    width: 100%;
    height: auto;
    aspect-ratio: 1 / 1;
}

/* JUICEBOX END */

/* ARTIZINAL START */
.haze-inr-bnr__artizinal {
    position: relative;
    aspect-ratio: 1 / 0.869;
}

.haze-inr-bnr__artizinal_bg {
    position: absolute;
    inset: 0;
}

.haze-inr-bnr__artizinal_bg img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    max-width: none;
    height: 100%;
    object-fit: cover;
}

.haze-inr-bnr__artizinal_logo {
    position: absolute;
    top: 9.7%;
    left: 50%;
    transform: translateX(-50%);
    width: 38%;
}

.haze-inr-bnr__artizinal_logo img {
    max-width: none;
    width: 100%;
}

.haze-inr-bnr__artizinal_video {
    position: absolute;
    width: 30%;
    top: 36%;
    left: 44.5%;
}

.haze-inr-bnr__artizinal_video video,
.haze-inr-bnr__artizinal_video img {
    width: 100%;
    height: auto;
    aspect-ratio: 1 / 1;
}

/* ARTIZINAL END */

/* DISTILLATE START */
.haze-inr-bnr__distillate {
    background-color: var(--clr-blk);
    position: relative;
    aspect-ratio: 1 / 0.64543;
}

.haze-inr-bnr__distillate_bg {
    position: absolute;
    inset: 0;
}

.haze-inr-bnr__distillate_bg img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.haze-inr-bnr__distillate_info {
    position: absolute;
    top: 6.8%;
    left: 0;
    width: 100%;
    text-align: center;
}

.haze-inr-bnr__distillate_media {
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    width: 76.336%;
    aspect-ratio: 1 / 0.62923;
    margin-inline: auto;
}

.haze-inr-bnr__distillate_media_img {
    position: absolute;
    bottom: 0;
    max-width: none;
    width: 100%;
}

.haze-inr-bnr__distillate_media_logo {
    position: absolute;
    top: 12%;
    width: 14.75%;
    right: 12%;
}

.haze-inr-bnr__distillate_media video,
.haze-inr-bnr__distillate_media_animated {
    width: 32%;
    aspect-ratio: 1 / 1;
    position: absolute;
    bottom: 32%;
    height: auto;
    margin-inline: auto;
    left: 39.5%;
    transform: translateX(-50%) rotate(13deg);
}

.haze-inr-bnr__distillate_media_animated,
.haze-inr-bnr__artizinal_video__animated {
    object-fit: contain;
}

/* DISTILLATE END */

/* ARTIZINAL AND DISTILLATE START */
.haze-inr-bnr__art_dis {
    background-color: var(--clr-blk);
    position: relative;
    overflow: hidden;
    aspect-ratio: 1 / 0.554;
}

.haze-inr-bnr__art_dis_grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    height: 100%;
    position: absolute;
    inset: 0;
}

.haze-inr-bnr__art_dis_cell {
    aspect-ratio: 1 / 1.589;
}

.haze-inr-bnr__art_dis_cell_bg {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.haze-inr-bnr__art_dis_art video {
    position: absolute;
    width: 57%;
    height: auto;
    aspect-ratio: 1 / 1;
    top: 48%;
    left: 47%;
    transform: rotate(-2deg);
}

.haze-inr-bnr__art_dis_dis video {
    width: 50%;
    aspect-ratio: 1 / 1;
    position: absolute;
    height: auto;
    margin-inline: auto;
    transform: translateX(-50%) rotate(12deg);
    top: 37%;
    left: 53%;
}

.haze-inr-bnr__art_dis_art_info {
    position: absolute;
    top: 15%;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1;
    width: 80%;
}

.haze-inr-bnr__art_dis_art_info img {
    max-width: none;
    width: 100%;
}

.haze-inr-bnr__art_dis_dis_info {
    position: absolute;
    z-index: 1;
    text-align: center;
    display: flex;
    flex-direction: column;
    gap: 0.629rem;
    top: 15%;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
}

.haze-inr-bnr__art_dis_dis_info_subheading {
    color: var(--clr-wht);
    font-size: clamp(1rem, 0.924vw, 10rem);
    font-weight: 600;
    letter-spacing: 0.195px;
    text-transform: uppercase;
}

.haze-inr-bnr__art_dis_dis_info_heading {
    color: var(--clr-wht);
    font-family: var(--third-fnt);
    font-size: 4.1vw;
    font-weight: 600;
    line-height: 120%;
    letter-spacing: 0.708px;
}

/* ARTIZINAL AND DISTILLATE END */

/* HAXE SINGLE PAGE ANIMATION END */