.elementor-6118 .elementor-element.elementor-element-6d09039{--divider-border-style:solid;--divider-color:#FF202B;--divider-border-width:6px;width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-6118 .elementor-element.elementor-element-6d09039 > .elementor-widget-container{margin:16px 0px 0px 0px;}.elementor-6118 .elementor-element.elementor-element-6d09039 .elementor-divider-separator{width:100%;margin:0 auto;margin-center:0;}.elementor-6118 .elementor-element.elementor-element-6d09039 .elementor-divider{text-align:center;padding-block-start:0px;padding-block-end:0px;}.elementor-6118 .elementor-element.elementor-element-b273e66{text-align:center;}.elementor-6118 .elementor-element.elementor-element-6e05270 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-6118 .elementor-element.elementor-element-6a4ecef{text-align:center;}.elementor-6118 .elementor-element.elementor-element-36ea78e > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-6118 .elementor-element.elementor-element-d2920e5{text-align:center;}.elementor-6118 .elementor-element.elementor-element-64e34f9 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-6118 .elementor-element.elementor-element-0f5592d{width:var( --container-widget-width, 560px );max-width:560px;--container-widget-width:560px;--container-widget-flex-grow:0;text-align:center;font-family:"IBM Plex Mono", Sans-serif;font-size:11px;font-weight:400;letter-spacing:0px;color:#B7B7B3;}.elementor-6118 .elementor-element.elementor-element-0f5592d > .elementor-widget-container{margin:36px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-6118 .elementor-element.elementor-element-0f5592d.elementor-element{--align-self:center;}.elementor-6118 .elementor-element.elementor-element-fafe46a > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-6118 .elementor-element.elementor-element-142e6e3{width:var( --container-widget-width, 20% );max-width:20%;--container-widget-width:20%;--container-widget-flex-grow:0;}.elementor-6118 .elementor-element.elementor-element-142e6e3.elementor-element{--align-self:flex-start;}.elementor-6118 .elementor-element.elementor-element-79f24eb > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-6118 .elementor-element.elementor-element-62d2189{width:var( --container-widget-width, 330px );max-width:330px;--container-widget-width:330px;--container-widget-flex-grow:0;text-align:end;}.elementor-6118 .elementor-element.elementor-element-62d2189.elementor-element{--align-self:flex-end;}.elementor-6118 .elementor-element.elementor-element-9135522 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-6118 .elementor-element.elementor-element-c3afced > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-6118 .elementor-element.elementor-element-371975f{width:var( --container-widget-width, 98.418% );max-width:98.418%;--container-widget-width:98.418%;--container-widget-flex-grow:0;}.elementor-6118 .elementor-element.elementor-element-371975f > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-6118 .elementor-element.elementor-element-371975f.elementor-element{--align-self:stretch;--flex-grow:0;--flex-shrink:0;}.elementor-6118 .elementor-element.elementor-element-322dd25{width:var( --container-widget-width, 116.14% );max-width:116.14%;--container-widget-width:116.14%;--container-widget-flex-grow:0;}.elementor-6118 .elementor-element.elementor-element-322dd25 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-6118 .elementor-element.elementor-element-322dd25.elementor-element{--align-self:stretch;--flex-grow:0;--flex-shrink:0;}.elementor-6118 .elementor-element.elementor-element-ca7d686 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-6118 .elementor-element.elementor-element-ca7d686.elementor-element{--align-self:center;--flex-grow:1;--flex-shrink:0;}:root{--page-title-display:none;}/* Start custom CSS */@font-face {
    font-family: "Aqua Rush Barlow";
    src: url("/wp-content/plugins/aqua-rush-story-rotator/assets/fonts/barlow-condensed-latin-500-normal.woff2") format("woff2");
    font-style: normal;
    font-weight: 500;
    font-display: swap;
}

@font-face {
    font-family: "Aqua Rush Barlow";
    src: url("/wp-content/plugins/aqua-rush-story-rotator/assets/fonts/barlow-condensed-latin-600-normal.woff2") format("woff2");
    font-style: normal;
    font-weight: 600;
    font-display: swap;
}

@font-face {
    font-family: "Aqua Rush Barlow";
    src: url("/wp-content/plugins/aqua-rush-story-rotator/assets/fonts/barlow-condensed-latin-700-normal.woff2") format("woff2");
    font-style: normal;
    font-weight: 700;
    font-display: swap;
}

@font-face {
    font-family: "Aqua Rush Barlow";
    src: url("/wp-content/plugins/aqua-rush-story-rotator/assets/fonts/barlow-condensed-latin-800-normal.woff2") format("woff2");
    font-style: normal;
    font-weight: 800;
    font-display: swap;
}

@font-face {
    font-family: "Aqua Rush Mono";
    src: url("/wp-content/plugins/aqua-rush-story-rotator/assets/fonts/ibm-plex-mono-latin-400-normal.woff2") format("woff2");
    font-style: normal;
    font-weight: 400;
    font-display: swap;
}

@font-face {
    font-family: "Aqua Rush Mono";
    src: url("/wp-content/plugins/aqua-rush-story-rotator/assets/fonts/ibm-plex-mono-latin-500-normal.woff2") format("woff2");
    font-style: normal;
    font-weight: 500;
    font-display: swap;
}

@font-face {
    font-family: "Aqua Rush Mono";
    src: url("/wp-content/plugins/aqua-rush-story-rotator/assets/fonts/ibm-plex-mono-latin-600-normal.woff2") format("woff2");
    font-style: normal;
    font-weight: 600;
    font-display: swap;
}

/* =========================================================
   AQUA RUSH — RETAIL PAGE
   Elementor Flexbox build
   Hero + Shop Options
========================================================= */

/* ---------- MAIN HERO ---------- */

.ar-retail-hero {
    --ar-red: #ff202b;
    --ar-white: #f6f6f3;
    --ar-muted: #b7b7b3;
    position: relative !important;
    isolation: isolate;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
    width: 100% !important;
    max-width: none !important;
    min-height: 100vh !important;
    min-height: 100svh !important;
    margin: 0 !important;
    padding: 110px 0 62px !important;
    overflow: hidden !important;
    color: var(--ar-white);
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}

/* Subtle vignette over the supplied room background. */

.ar-retail-hero::before {
    position: absolute;
    inset: 0;
    z-index: 0;
    background:
        linear-gradient(
            to bottom,
            rgba(0, 0, 0, 0.44) 0%,
            rgba(0, 0, 0, 0.08) 22%,
            rgba(0, 0, 0, 0.03) 75%,
            rgba(0, 0, 0, 0.40) 100%
        ),
        radial-gradient(
            ellipse at center,
            transparent 40%,
            rgba(0, 0, 0, 0.35) 100%
        );
    content: "";
    pointer-events: none;
}

.ar-retail-hero > .e-con-inner {
    position: relative;
    z-index: 2;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
    width: 100% !important;
    max-width: none !important;
}

/* ---------- INNER CONTENT ---------- */

.ar-retail-hero-inner {
    position: relative;
    z-index: 2;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
    width: min(1500px, calc(100% - 96px)) !important;
    max-width: none !important;
    margin: 0 auto !important;
    padding: 0 !important;
    gap: 0 !important;
    overflow: visible !important;
}

/* ---------- CENTERED HEADING ---------- */

.ar-retail-heading {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    gap: 0 !important;
    transform: translateY(14px);
}

.ar-retail-title-widget {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

.ar-retail-title {
    width: 100%;
    margin: 0;
    color: var(--ar-white);
    font-family: "Aqua Rush Barlow", "Barlow Condensed", sans-serif !important;
    font-size: clamp(64px, 6.1vw, 112px) !important;
    font-weight: 800 !important;
    font-style: normal !important;
    font-stretch: normal !important;
    line-height: 0.82 !important;
    letter-spacing: -0.045em !important;
    text-align: center;
    text-transform: uppercase;
    white-space: nowrap;
}

.ar-retail-title span {
    color: var(--ar-red);
}

/* ---------- RED RULE ---------- */

.ar-retail-rule {
    width: min(980px, 78vw) !important;
    max-width: none !important;
    margin: 16px auto 0 !important;
    padding: 0 !important;
}

.ar-retail-rule .elementor-divider {
    padding: 0 !important;
}

.ar-retail-rule .elementor-divider-separator,
.ar-retail-rule hr {
    display: block !important;
    width: 100% !important;
    height: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    border-top: 6px solid var(--ar-red) !important;
    box-shadow: 0 0 18px rgba(255, 32, 43, 0.24);
}

/* ---------- THREE-POSTER ROW ---------- */

.ar-retail-posters {
    position: relative;
    z-index: 3;
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: flex-start !important;
    justify-content: center !important;
    width: 100% !important;
    max-width: none !important;
    margin: clamp(34px, 4vh, 44px) auto 0 !important;
    padding: 0 !important;
    gap: clamp(44px, 7vw, 140px) !important;
    overflow: visible !important;
}

.ar-retail-poster {
    position: relative !important;
    isolation: isolate;
    display: flex !important;
    flex: 0 0 252px !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
    width: 252px !important;
    min-width: 0 !important;
    max-width: 252px !important;
    margin: 0 !important;
    padding: 0 !important;
    gap: 0 !important;
    overflow: visible !important;
    cursor: pointer;
    transform: translateY(0);
    transform-style: preserve-3d;
    transition:
        transform 0.42s cubic-bezier(0.2, 0.76, 0.25, 1),
        filter 0.35s ease,
        box-shadow 0.35s ease;
}

/* Small red poster numbers. */

.ar-retail-poster::before {
    position: absolute;
    top: 18px;
    left: -28px;
    z-index: 7;
    color: var(--ar-red);
    font-family: "Aqua Rush Mono", "IBM Plex Mono", monospace !important;
    font-size: 9px;
    font-weight: 600;
    line-height: 1;
    letter-spacing: 0.10em;
}

.ar-retail-poster-01::before {
    content: "01";
}

.ar-retail-poster-02::before {
    content: "02";
}

.ar-retail-poster-03::before {
    content: "03";
}

/* Thin red outline used by the original prototype. */

.ar-retail-poster::after {
    position: absolute;
    inset: -8px;
    z-index: 4;
    border: 1px solid var(--ar-red);
    background: transparent;
    content: "";
    opacity: 0;
    pointer-events: none;
    transform: scale(0.985);
    transition: opacity 0.28s ease, transform 0.34s ease;
}

.ar-retail-poster-image,
.ar-retail-poster-image .elementor-widget-container,
.ar-retail-poster-image a {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
}

.ar-retail-poster-image img {
    position: relative;
    z-index: 2;
    display: block;
    width: 100% !important;
    max-width: none !important;
    height: auto !important;
    margin: 0 !important;
    box-shadow: 0 24px 44px rgba(0, 0, 0, 0.62);
    -webkit-box-reflect:
        below -2px
        linear-gradient(
            to bottom,
            rgba(255, 255, 255, 0.16) 0%,
            rgba(255, 255, 255, 0.07) 22%,
            rgba(255, 255, 255, 0.018) 42%,
            transparent 62%
        );
}

/* ---------- FULL-POSTER CLICK TARGET ---------- */

.ar-retail-poster-link-widget {
    position: absolute !important;
    inset: 0 !important;
    z-index: 9 !important;
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

.ar-retail-poster-link-widget .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

.ar-retail-poster-link {
    display: block;
    width: 100%;
    height: 100%;
    color: inherit;
    text-decoration: none !important;
    cursor: pointer;
}

.ar-retail-poster-link:focus-visible {
    outline: 2px solid var(--ar-white);
    outline-offset: -5px;
}

/* Keep the link overlay from blocking Elementor controls while editing. */

.elementor-editor-active .ar-retail-poster-link-widget {
    pointer-events: none !important;
}

/* ---------- POSTER HOVER LABEL ---------- */

.ar-retail-action-widget {
    position: absolute !important;
    right: 18px !important;
    bottom: 18px !important;
    left: 18px !important;
    z-index: 6;
    width: auto !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    opacity: 0;
    pointer-events: none;
    transform: translateY(10px);
    transition: opacity 0.3s ease, transform 0.3s ease;
}

.ar-retail-poster-action {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    min-height: 42px;
    padding: 11px 12px;
    color: var(--ar-white);
    background: rgba(5, 5, 5, 0.94);
}

.ar-retail-poster-action strong {
    color: var(--ar-white);
    font-family: "Aqua Rush Barlow", "Barlow Condensed", sans-serif !important;
    font-size: 15px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0.03em;
}

.ar-retail-poster-action span {
    color: var(--ar-red);
    font-family: "Aqua Rush Mono", "IBM Plex Mono", monospace !important;
    font-size: 8px;
    font-weight: 600;
    line-height: 1;
    letter-spacing: 0.08em;
}

.ar-retail-poster:hover,
.ar-retail-poster:has(a:focus-visible) {
    filter: none;
    box-shadow: none;
    transform: none;
}

.ar-retail-poster:hover::after,
.ar-retail-poster:has(a:focus-visible)::after {
    opacity: 1;
    transform: scale(1);
}

.ar-retail-poster:hover .ar-retail-action-widget,
.ar-retail-poster:has(a:focus-visible) .ar-retail-action-widget {
    opacity: 1;
    transform: translateY(0);
}

/* ---------- FLOOR COPY ---------- */

.ar-retail-floor-copy {
    position: relative;
    z-index: 7;
    align-self: center !important;
    width: min(560px, calc(100% - 40px)) !important;
    max-width: none !important;
    margin: 34px auto 0 !important;
    padding: 0 !important;
    color: var(--ar-muted) !important;
    text-align: center !important;
}

.ar-retail-floor-copy,
.ar-retail-floor-copy p,
.ar-retail-floor-copy div {
    color: var(--ar-muted) !important;
    font-family: "Aqua Rush Mono", "IBM Plex Mono", monospace !important;
    font-size: 11px !important;
    font-weight: 400 !important;
    line-height: 1.65 !important;
    letter-spacing: 0 !important;
}

.ar-retail-floor-copy p,
.ar-retail-floor-copy div {
    margin: 0 !important;
}

/* ---------- BOTTOM-LEFT SCROLL INDICATOR ---------- */

.ar-retail-scroll {
    position: absolute !important;
    bottom: 25px !important;
    left: clamp(24px, 3vw, 64px) !important;
    z-index: 8;
    display: block !important;
    width: auto !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: none !important;
}

.ar-retail-scroll-cue {
    display: flex !important;
    align-items: center !important;
    gap: 16px;
    color: #9a9a96;
    font-family: "Aqua Rush Mono", "IBM Plex Mono", monospace !important;
    font-size: 9px !important;
    font-weight: 600 !important;
    line-height: 1.2 !important;
    letter-spacing: 0.17em !important;
    text-transform: uppercase;
    white-space: nowrap;
}

.ar-retail-scroll-cue span {
    color: inherit;
}

.ar-retail-scroll-cue i {
    position: relative;
    display: block;
    flex: 0 0 48px;
    width: 48px;
    height: 2px;
    overflow: hidden;
    background: #555555;
}

.ar-retail-scroll-cue i::after {
    display: block;
    width: 42%;
    height: 100%;
    background: var(--ar-red);
    content: "";
    animation: ar-retail-scan 3.8s infinite ease-in-out;
}

@keyframes ar-retail-scan {
    0% {
        transform: translateX(-110%);
    }

    78%,
    100% {
        transform: translateX(240%);
    }
}

/* =========================================================
   TABLET
========================================================= */

@media (max-width: 1100px) {
    .ar-retail-hero {
        min-height: 780px !important;
        padding: 100px 0 52px !important;
    }

    .ar-retail-hero-inner {
        width: calc(100% - 64px) !important;
    }

    .ar-retail-title {
        font-size: clamp(58px, 8vw, 90px) !important;
    }

    .ar-retail-rule {
        width: min(820px, 78vw) !important;
    }

    .ar-retail-posters {
        gap: 44px !important;
    }

    .ar-retail-poster {
        flex-basis: 220px !important;
        width: 220px !important;
        max-width: 220px !important;
    }

    .ar-retail-poster::before {
        left: -22px;
    }
}

/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {
    .ar-retail-hero {
        min-height: auto !important;
        padding: 100px 0 90px !important;
        background-position: center top !important;
        background-size: auto 760px !important;
    }

    .ar-retail-hero-inner {
        width: calc(100% - 40px) !important;
    }

    .ar-retail-title {
        font-size: clamp(52px, 17vw, 76px) !important;
        line-height: 0.84 !important;
        white-space: normal;
    }

    .ar-retail-rule {
        width: min(88vw, 520px) !important;
        margin-top: 20px !important;
    }

    .ar-retail-rule .elementor-divider-separator,
    .ar-retail-rule hr {
        border-top-width: 5px !important;
    }

    .ar-retail-posters {
        flex-direction: column !important;
        flex-wrap: nowrap !important;
        align-items: center !important;
        margin-top: 42px !important;
        gap: 40px !important;
    }

    .ar-retail-poster {
        flex-basis: auto !important;
        width: min(72vw, 270px) !important;
        max-width: 270px !important;
    }

    .ar-retail-poster::before {
        left: -23px;
    }

    .ar-retail-poster-image img {
        -webkit-box-reflect: unset;
    }

    .ar-retail-action-widget {
        opacity: 1;
        transform: none;
    }

    .ar-retail-floor-copy {
        width: calc(100% - 20px) !important;
        margin-top: 38px !important;
    }

    .ar-retail-scroll {
        display: none !important;
    }
}

/* Show the labels by default on touch-only devices. */

@media (hover: none) {
    .ar-retail-action-widget {
        opacity: 1;
        transform: none;
    }

    .ar-retail-poster:hover {
        filter: none;
        transform: none;
    }
}

/* Respect reduced-motion preferences. */

@media (prefers-reduced-motion: reduce) {
    .ar-retail-poster,
    .ar-retail-poster::after,
    .ar-retail-action-widget {
        transition-duration: 0.01ms !important;
    }

    .ar-retail-scroll-cue i::after {
        animation: none !important;
        transform: translateX(100%);
    }
}

/* =========================================================
   01 — SHOP OPTIONS
========================================================= */

.ar-retail-shop {
    --ar-red: #ff202b;
    --ar-white: #f6f6f3;
    --ar-muted: #8c8c89;
    --ar-shop-gutter: clamp(20px, 2vw, 42px);
    position: relative !important;
    isolation: isolate;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
    width: 100vw !important;
    max-width: 100vw !important;
    margin-right: calc(50% - 50vw) !important;
    margin-left: calc(50% - 50vw) !important;
    padding: 120px 0 132px !important;
    overflow: hidden;
    color: var(--ar-white);
    background-color: #080808 !important;
    background-image:
        linear-gradient(rgba(255, 255, 255, 0.026) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, 0.026) 1px, transparent 1px) !important;
    background-size: 32px 32px !important;
}

.ar-retail-shop-inner {
    position: relative;
    z-index: 2;
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    width: calc(100% - var(--ar-shop-gutter) - var(--ar-shop-gutter)) !important;
    max-width: none !important;
    margin: 0 auto !important;
    padding: 0 !important;
    gap: 0 !important;
}

/* ---------- SHOP SECTION HEADER ---------- */

.ar-retail-shop-header {
    position: relative !important;
    display: grid !important;
    grid-template-columns: minmax(200px, 1fr) auto minmax(200px, 1fr);
    align-items: center !important;
    width: 100% !important;
    min-height: 0;
    margin: 0 !important;
    padding: 0 0 28px !important;
    column-gap: 40px !important;
    row-gap: 0 !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.18);
}

.ar-retail-label-widget {
    grid-column: 1;
    align-self: center !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

.ar-retail-section-label {
    margin: 0;
    color: #a3a3a0;
    font-family: "Aqua Rush Mono", "IBM Plex Mono", monospace !important;
    font-size: 10px !important;
    font-weight: 600 !important;
    line-height: 1.4 !important;
    letter-spacing: 0.18em !important;
    text-transform: uppercase;
}

.ar-retail-section-label span {
    margin-right: 12px;
    color: var(--ar-red);
}

.ar-retail-shop-heading-group {
    display: contents !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* The heading group's children become direct grid items. This keeps the
   title centred against the complete header without absolute positioning. */

.ar-retail-shop-title-widget {
    position: static !important;
    grid-column: 2;
    align-self: center !important;
    justify-self: center !important;
    width: auto !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: none !important;
}

.ar-retail-shop-title {
    margin: 0;
    color: var(--ar-white);
    font-family: "Aqua Rush Barlow", "Barlow Condensed", sans-serif !important;
    font-size: clamp(62px, 7vw, 124px) !important;
    font-style: normal !important;
    font-weight: 800 !important;
    line-height: 0.86 !important;
    letter-spacing: -0.045em !important;
    text-align: center;
    text-transform: uppercase;
    white-space: nowrap;
}

.ar-retail-shop-title span {
    color: var(--ar-red);
}

.ar-retail-shop-intro {
    grid-column: 3;
    align-self: center !important;
    justify-self: end !important;
    flex: 0 0 330px !important;
    width: 330px !important;
    max-width: 330px !important;
    margin: 0 !important;
    padding: 0 !important;
    color: var(--ar-muted) !important;
    text-align: right !important;
}

.ar-retail-shop-intro,
.ar-retail-shop-intro p,
.ar-retail-shop-intro div {
    color: var(--ar-muted) !important;
    font-family: "Aqua Rush Mono", "IBM Plex Mono", monospace !important;
    font-size: 11px !important;
    font-weight: 400 !important;
    line-height: 1.7 !important;
    letter-spacing: 0 !important;
}

.ar-retail-shop-intro p,
.ar-retail-shop-intro div {
    margin: 0 !important;
}

.ar-retail-shop-intro p {
    white-space: nowrap;
}

/* ---------- RETAILER ROW LIST ---------- */

.ar-retail-shop-list {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    gap: 0 !important;
    border-left: 1px solid rgba(255, 255, 255, 0.16);
}

.ar-retail-shop-row {
    position: relative !important;
    isolation: isolate;
    display: grid !important;
    grid-template-columns: 80px minmax(240px, 1fr) minmax(210px, 0.6fr) 54px;
    align-items: center !important;
    width: 100% !important;
    min-height: 126px;
    margin: 0 !important;
    padding: 22px 26px !important;
    overflow: hidden;
    cursor: pointer;
    border-right: 1px solid rgba(255, 255, 255, 0.16);
    border-bottom: 1px solid rgba(255, 255, 255, 0.16);
    gap: 0 !important;
}

/* Full-row retailer link. Add the HTML widget as the final child of each row. */

.ar-retail-row-link-widget {
    position: absolute !important;
    inset: 0 !important;
    z-index: 10 !important;
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

.ar-retail-row-link-widget .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;
}

.ar-retail-row-link {
    display: block;
    width: 100%;
    height: 100%;
    color: inherit;
    text-decoration: none !important;
}

.ar-retail-row-link:focus-visible {
    outline: 2px solid var(--ar-white);
    outline-offset: -5px;
}

/* Keep the invisible link from blocking Elementor controls in edit mode. */

.elementor-editor-active .ar-retail-row-link-widget {
    pointer-events: none !important;
}

.ar-retail-shop-row::before {
    position: absolute;
    inset: 0;
    z-index: -1;
    background: var(--ar-red);
    content: "";
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 0.5s cubic-bezier(0.77, 0, 0.18, 1);
}

.ar-retail-shop-row:hover::before,
.ar-retail-shop-row.is-retailer-active::before,
.ar-retail-shop-row:has(.ar-retail-row-link:focus-visible)::before {
    transform: scaleX(1);
}

.ar-retail-shop-index-widget,
.ar-retail-shop-name-widget,
.ar-retail-shop-detail-widget,
.ar-retail-shop-arrow-widget {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

.ar-retail-shop-index {
    display: block;
    color: var(--ar-red);
    font-family: "Aqua Rush Mono", "IBM Plex Mono", monospace !important;
    font-size: 10px;
    font-weight: 600;
    line-height: 1;
    transition: color 0.25s ease;
}

.ar-retail-shop-name {
    margin: 0;
    color: var(--ar-white);
    font-family: "Aqua Rush Barlow", "Barlow Condensed", sans-serif !important;
    font-size: clamp(34px, 3.4vw, 58px) !important;
    font-style: normal !important;
    font-weight: 700 !important;
    line-height: 0.9 !important;
    letter-spacing: -0.025em !important;
    text-transform: uppercase;
}

.ar-retail-shop-detail {
    display: block;
    color: var(--ar-muted);
    font-family: "Aqua Rush Mono", "IBM Plex Mono", monospace !important;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.4;
    letter-spacing: 0.11em;
    text-transform: uppercase;
    transition: color 0.25s ease;
}

.ar-retail-shop-arrow-widget {
    text-align: right;
}

.ar-retail-shop-arrow {
    display: block;
    color: var(--ar-red);
    font-family: "Aqua Rush Barlow", "Barlow Condensed", sans-serif !important;
    font-size: 32px;
    font-weight: 700;
    line-height: 1;
    transition: color 0.25s ease, transform 0.3s ease;
}

.ar-retail-shop-row:hover .ar-retail-shop-index,
.ar-retail-shop-row:hover .ar-retail-shop-detail,
.ar-retail-shop-row:hover .ar-retail-shop-arrow,
.ar-retail-shop-row.is-retailer-active .ar-retail-shop-index,
.ar-retail-shop-row.is-retailer-active .ar-retail-shop-detail,
.ar-retail-shop-row.is-retailer-active .ar-retail-shop-arrow,
.ar-retail-shop-row:has(.ar-retail-row-link:focus-visible) .ar-retail-shop-index,
.ar-retail-shop-row:has(.ar-retail-row-link:focus-visible) .ar-retail-shop-detail,
.ar-retail-shop-row:has(.ar-retail-row-link:focus-visible) .ar-retail-shop-arrow {
    color: #070707;
}

.ar-retail-shop-row:hover .ar-retail-shop-name,
.ar-retail-shop-row.is-retailer-active .ar-retail-shop-name,
.ar-retail-shop-row:has(.ar-retail-row-link:focus-visible) .ar-retail-shop-name {
    color: #070707;
}

.ar-retail-shop-row:hover .ar-retail-shop-arrow,
.ar-retail-shop-row.is-retailer-active .ar-retail-shop-arrow,
.ar-retail-shop-row:has(.ar-retail-row-link:focus-visible) .ar-retail-shop-arrow {
    transform: translate(4px, -4px);
}

/* ---------- AVAILABILITY DISCLAIMER ---------- */

.ar-retail-availability-note {
    align-self: flex-end !important;
    width: max-content !important;
    max-width: none !important;
    margin: 26px 0 0 auto !important;
    padding: 0 !important;
    color: #8a8a86 !important;
    text-align: left !important;
    white-space: nowrap !important;
}

.ar-retail-availability-note,
.ar-retail-availability-note p,
.ar-retail-availability-note div {
    color: #8a8a86 !important;
    font-family: "Aqua Rush Mono", "IBM Plex Mono", monospace !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    line-height: 1.7 !important;
    letter-spacing: 0 !important;
}

.ar-retail-availability-note p,
.ar-retail-availability-note div {
    margin: 0 !important;
    white-space: nowrap !important;
}

/* =========================================================
   SHOP OPTIONS — TABLET
========================================================= */

@media (max-width: 1100px) {
    .ar-retail-shop {
        padding: 100px 0 110px !important;
    }

    .ar-retail-shop-header {
        grid-template-columns: minmax(170px, 1fr) auto minmax(170px, 1fr);
        column-gap: 24px !important;
    }

    .ar-retail-shop-title {
        font-size: clamp(58px, 8vw, 90px) !important;
    }

    .ar-retail-shop-intro {
        flex-basis: 200px !important;
        width: 200px !important;
        max-width: 200px !important;
    }

    .ar-retail-shop-row {
        grid-template-columns: 60px minmax(220px, 1fr) 190px 40px;
    }
}

/* =========================================================
   SHOP OPTIONS — MOBILE
========================================================= */

@media (max-width: 767px) {
    .ar-retail-shop {
        padding: 84px 0 94px !important;
    }

    .ar-retail-shop-header {
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        min-height: 0;
        padding: 0 0 24px !important;
        gap: 24px !important;
    }

    .ar-retail-label-widget {
        align-self: stretch !important;
        flex-basis: auto !important;
        width: 100% !important;
        max-width: 100% !important;
        margin-top: 0 !important;
    }

    .ar-retail-shop-heading-group {
        display: flex !important;
        position: static !important;
        flex-basis: auto !important;
        flex-direction: column !important;
        align-items: center !important;
        width: 100% !important;
        max-width: 100% !important;
        gap: 20px !important;
    }

    .ar-retail-shop-title-widget {
        position: static !important;
        width: 100% !important;
        transform: none !important;
    }

    .ar-retail-shop-title {
        font-size: clamp(58px, 17vw, 78px) !important;
        text-align: center;
        white-space: normal;
    }

    .ar-retail-shop-intro {
        align-self: center !important;
        flex-basis: auto !important;
        width: 100% !important;
        max-width: 330px !important;
        text-align: center !important;
    }

    .ar-retail-shop-row {
        grid-template-columns: 36px minmax(0, 1fr) 30px;
        min-height: 112px;
        padding: 20px 15px !important;
    }

    .ar-retail-shop-detail-widget {
        display: none !important;
    }

    .ar-retail-shop-name {
        font-size: 35px !important;
    }

    .ar-retail-shop-arrow {
        font-size: 25px;
    }

    .ar-retail-availability-note {
        align-self: stretch !important;
        width: 100% !important;
        max-width: none !important;
        margin-top: 22px !important;
        padding: 0 2px !important;
        white-space: normal !important;
    }

    .ar-retail-availability-note p,
    .ar-retail-availability-note div {
        white-space: normal !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    .ar-retail-shop-row::before,
    .ar-retail-shop-arrow {
        transition-duration: 0.01ms !important;
    }
}

/* =========================================================
   02 — CAN'T FIND IT?
========================================================= */

.ar-retail-next {
    --ar-red: #ff202b;
    --ar-white: #f6f6f3;
    --ar-muted: #8c8c89;
    position: relative !important;
    isolation: isolate;
    display: grid !important;
    grid-template-columns: 42.5% 57.5%;
    align-items: stretch !important;
    width: 100vw !important;
    max-width: 100vw !important;
    min-height: 620px !important;
    margin-right: calc(50% - 50vw) !important;
    margin-left: calc(50% - 50vw) !important;
    padding: 0 !important;
    overflow: hidden !important;
    color: var(--ar-white);
    border-top: 1px solid rgba(255, 255, 255, 0.16);
    background-color: #080808 !important;
    background-image:
        linear-gradient(rgba(255, 255, 255, 0.026) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, 0.026) 1px, transparent 1px) !important;
    background-size: 32px 32px !important;
    gap: 0 !important;
}

/* Elementor may insert internal container wrappers. Removing those wrappers
   from layout lets the two visible columns use the full viewport width. */

.ar-retail-next > .e-con-inner,
.ar-retail-next-actions > .e-con-inner,
.ar-retail-next-action > .e-con-inner {
    display: contents !important;
}

/* ---------- LEFT COPY ---------- */

.ar-retail-next-copy {
    position: relative;
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: space-between !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    min-height: 620px !important;
    margin: 0 !important;
    padding: 92px clamp(48px, 5vw, 96px) 84px !important;
    border-right: 1px solid rgba(255, 255, 255, 0.16);
    gap: 48px !important;
}

.ar-retail-next-label-widget,
.ar-retail-next-title-widget {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

.ar-retail-next-label {
    margin: 0;
    color: #a3a3a0;
    font-family: "Aqua Rush Mono", "IBM Plex Mono", monospace !important;
    font-size: 10px !important;
    font-weight: 600 !important;
    line-height: 1.4 !important;
    letter-spacing: 0.18em !important;
    text-transform: uppercase;
}

.ar-retail-next-label span {
    margin-right: 12px;
    color: var(--ar-red);
}

.ar-retail-next-title {
    margin: 0;
    color: var(--ar-white);
    font-family: "Aqua Rush Barlow", "Barlow Condensed", sans-serif !important;
    font-size: clamp(72px, 7.6vw, 132px) !important;
    font-style: normal !important;
    font-weight: 800 !important;
    line-height: 0.81 !important;
    letter-spacing: -0.045em !important;
    text-transform: uppercase;
}

.ar-retail-next-title span {
    color: var(--ar-red);
}

/* ---------- RIGHT ACTION PANELS ---------- */

.ar-retail-next-actions {
    position: relative;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: repeat(2, minmax(0, 1fr));
    align-items: stretch !important;
    justify-items: stretch !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    min-height: 620px !important;
    margin: 0 !important;
    padding: 0 !important;
    gap: 0 !important;
}

.ar-retail-next-action,
.ar-retail-next-action-customer,
.ar-retail-next-action-retailer {
    --width: 100% !important;
    --max-width: none !important;
    --flex-basis: 100% !important;
    position: relative !important;
    display: flex !important;
    grid-column: 1 / -1 !important;
    align-items: stretch !important;
    justify-self: stretch !important;
    align-self: stretch !important;
    flex: 1 1 100% !important;
    flex-basis: 100% !important;
    inline-size: 100% !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.16);
}

.ar-retail-next-action-customer {
    grid-row: 1 !important;
}

.ar-retail-next-action-retailer {
    grid-row: 2 !important;
}

.ar-retail-next-action-widget,
.ar-retail-next-action-widget .elementor-widget-container {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

.ar-retail-next-action-widget {
    --width: 100% !important;
    --container-widget-width: 100% !important;
    --container-widget-flex-grow: 1 !important;
    align-self: stretch !important;
    justify-self: stretch !important;
    flex: 1 1 100% !important;
    flex-basis: 100% !important;
    inline-size: 100% !important;
}

.ar-retail-next-action-link {
    position: relative;
    isolation: isolate;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    width: 100%;
    height: 100%;
    min-height: 309px;
    padding: 58px clamp(48px, 5vw, 96px);
    overflow: hidden;
    color: var(--ar-white);
    text-decoration: none !important;
    gap: 30px;
    box-sizing: border-box;
}

.ar-retail-next-action-link::before {
    position: absolute;
    inset: 0;
    z-index: -1;
    background: var(--ar-red);
    content: "";
    transform: translateX(-101%);
    transition: transform 0.52s cubic-bezier(0.77, 0, 0.18, 1);
}

.ar-retail-next-action-copy {
    display: block;
    min-width: 0;
}

.ar-retail-next-action-copy small {
    display: block;
    margin: 0 0 18px;
    color: var(--ar-red);
    font-family: "Aqua Rush Mono", "IBM Plex Mono", monospace !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 1.3 !important;
    letter-spacing: 0.11em !important;
    text-transform: uppercase;
    transition: color 0.3s ease;
}

.ar-retail-next-action-copy strong {
    display: block;
    color: var(--ar-white);
    font-family: "Aqua Rush Barlow", "Barlow Condensed", sans-serif !important;
    font-size: clamp(40px, 3.6vw, 64px) !important;
    font-style: normal !important;
    font-weight: 700 !important;
    line-height: 0.9 !important;
    letter-spacing: -0.025em !important;
    text-transform: uppercase;
}

.ar-retail-next-action-arrow {
    display: block;
    flex: 0 0 auto;
    color: var(--ar-red);
    font-family: "Aqua Rush Barlow", "Barlow Condensed", sans-serif !important;
    font-size: 42px !important;
    font-style: normal !important;
    font-weight: 700 !important;
    line-height: 0.8 !important;
    transition: color 0.3s ease, transform 0.3s ease;
}

.ar-retail-next-action-link:hover::before,
.ar-retail-next-action-link:focus-visible::before {
    transform: translateX(0);
}

.ar-retail-next-action-link:hover .ar-retail-next-action-copy small,
.ar-retail-next-action-link:hover .ar-retail-next-action-arrow,
.ar-retail-next-action-link:focus-visible .ar-retail-next-action-copy small,
.ar-retail-next-action-link:focus-visible .ar-retail-next-action-arrow {
    color: #070707;
}

.ar-retail-next-action-link:hover .ar-retail-next-action-arrow,
.ar-retail-next-action-link:focus-visible .ar-retail-next-action-arrow {
    transform: translateX(8px);
}

.ar-retail-next-action-link:focus-visible {
    outline: 2px solid var(--ar-white);
    outline-offset: -5px;
}

/* =========================================================
   CAN'T FIND IT? — TABLET
========================================================= */

@media (max-width: 1100px) {
    .ar-retail-next {
        grid-template-columns: 1fr;
    }

    .ar-retail-next-copy {
        min-height: 470px !important;
        padding: 74px 40px 64px !important;
        border-right: 0;
        border-bottom: 1px solid rgba(255, 255, 255, 0.16);
    }

    .ar-retail-next-title {
        font-size: clamp(72px, 12vw, 112px) !important;
    }

    .ar-retail-next-actions {
        min-height: 500px !important;
    }

    .ar-retail-next-action-link {
        min-height: 250px;
        padding: 48px 40px;
    }
}

/* =========================================================
   CAN'T FIND IT? — MOBILE
========================================================= */

@media (max-width: 767px) {
    .ar-retail-next-copy {
        min-height: 430px !important;
        padding: 60px 20px 54px !important;
    }

    .ar-retail-next-title {
        font-size: clamp(62px, 18vw, 86px) !important;
    }

    .ar-retail-next-actions {
        min-height: 420px !important;
    }

    .ar-retail-next-action-link {
        min-height: 210px;
        padding: 40px 22px;
        gap: 18px;
    }

    .ar-retail-next-action-copy strong {
        font-size: 40px !important;
    }

    .ar-retail-next-action-arrow {
        font-size: 34px !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    .ar-retail-next-action-link::before,
    .ar-retail-next-action-arrow {
        transition-duration: 0.01ms !important;
    }
}

/* =========================================================
   03 — CLOSING BANNER
========================================================= */

.ar-retail-closing {
    --ar-red: #ff202b;
    --ar-white: #f6f6f3;
    position: relative !important;
    isolation: isolate;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100vw !important;
    max-width: 100vw !important;
    min-height: 220px !important;
    margin-right: calc(50% - 50vw) !important;
    margin-left: calc(50% - 50vw) !important;
    padding: 0 !important;
    overflow: hidden !important;
    border-top: 1px solid rgba(255, 255, 255, 0.16);
    border-bottom: 1px solid rgba(255, 255, 255, 0.16);
    background: #050505 !important;
    gap: 0 !important;
}

.ar-retail-closing > .e-con-inner {
    display: contents !important;
}

.ar-retail-closing-widget,
.ar-retail-closing-widget .elementor-widget-container {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

.ar-retail-closing-widget {
    --width: 100% !important;
    --container-widget-width: 100% !important;
    --container-widget-flex-grow: 1 !important;
    align-self: center !important;
    flex: 1 1 100% !important;
    inline-size: 100% !important;
}

.ar-retail-closing-text {
    position: relative;
    left: 50%;
    display: block;
    width: max-content;
    min-width: 0;
    margin: 0;
    padding: 0;
    color: var(--ar-white);
    font-family: "Aqua Rush Barlow", "Barlow Condensed", sans-serif !important;
    font-size: clamp(80px, 10vw, 180px) !important;
    font-style: normal !important;
    font-weight: 800 !important;
    line-height: 0.8 !important;
    letter-spacing: -0.045em !important;
    text-transform: uppercase;
    text-align: center;
    white-space: nowrap;
    transform: translateX(-50%);
}

.ar-retail-closing-text span {
    color: var(--ar-red);
}

/* =========================================================
   CLOSING BANNER — TABLET
========================================================= */

@media (max-width: 1100px) {
    .ar-retail-closing {
        min-height: 190px !important;
    }

    .ar-retail-closing-text {
        padding-left: 0;
        font-size: clamp(72px, 11vw, 130px) !important;
    }
}

/* =========================================================
   CLOSING BANNER — MOBILE
========================================================= */

@media (max-width: 767px) {
    .ar-retail-closing {
        min-height: 150px !important;
    }

    .ar-retail-closing-text {
        padding-left: 0;
        font-size: clamp(62px, 18vw, 86px) !important;
    }
}/* End custom CSS */