.elementor-90084 .elementor-element.elementor-element-25e2120{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:10px 00px;--row-gap:10px;--column-gap:00px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-90084 .elementor-element.elementor-element-7c1c754{--display:flex;}.elementor-90084 .elementor-element.elementor-element-d1daee8 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-90084 .elementor-element.elementor-element-d1daee8.elementor-element{--align-self:center;}.elementor-90084 .elementor-element.elementor-element-d1daee8{text-align:center;}.elementor-90084 .elementor-element.elementor-element-d1daee8 img{width:100%;border-style:none;border-radius:0px 0px 0px 0px;}.elementor-90084 .elementor-element.elementor-element-a2dd4a5{column-gap:0px;font-family:"Montserrat", Sans-serif;}.elementor-90084 .elementor-element.elementor-element-04479ba{--display:flex;}.elementor-90084 .elementor-element.elementor-element-ed3502e{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-90084 .elementor-element.elementor-element-7c199a4{--display:flex;}.elementor-90084 .elementor-element.elementor-element-ff44739{--divider-border-style:trees_tribal;--divider-color:#12E812;--divider-pattern-height:53.8px;}.elementor-90084 .elementor-element.elementor-element-ff44739 .elementor-divider-separator{width:100%;}.elementor-90084 .elementor-element.elementor-element-ff44739 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-90084 .elementor-element.elementor-element-d0e5a97 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-90084 .elementor-element.elementor-element-39fbbb4{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:5px 5px;--row-gap:5px;--column-gap:5px;--overflow:hidden;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-90084 .elementor-element.elementor-element-2c02e77{--display:flex;--justify-content:flex-end;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-90084 .elementor-element.elementor-element-216e98e .uael-mc{justify-content:flex-start;}.elementor-90084 .elementor-element.elementor-element-216e98e .uael-mc-dropdown, .elementor-90084 .elementor-element.elementor-element-216e98e .uael-mc-modal, .elementor-90084 .elementor-element.elementor-element-216e98e .uael-mc-offcanvas{background-color:#0F0303ED;}.elementor-90084 .elementor-element.elementor-element-216e98e{width:auto;max-width:auto;}.elementor-90084 .elementor-element.elementor-element-216e98e > .elementor-widget-container{padding:20px 0px 20px 050px;}.elementor-90084 .elementor-element.elementor-element-216e98e .uael-mc__btn-badge{border-radius:100%;top:-0.5em;right:-0.5em;font-size:10px;color:#ffffff;background-color:var( --e-global-color-secondary );}.elementor-90084 .elementor-element.elementor-element-216e98e .uael-mc-dropdown__header-badge{border-radius:100%;margin-left:2px;}.elementor-90084 .elementor-element.elementor-element-216e98e .uael-mc-modal__header-badge{border-radius:100%;margin-left:2px;}.elementor-90084 .elementor-element.elementor-element-216e98e .uael-mc-offcanvas__header-badge{border-radius:100%;margin-left:2px;}.elementor-90084 .elementor-element.elementor-element-216e98e .uael-mc__btn-inner-text{margin-right:2px;}.elementor-90084 .elementor-element.elementor-element-216e98e .uael-mc__btn{padding:10px 20px 10px 20px;background-color:var( --e-global-color-accent );border-radius:60px 60px 60px 60px;}.elementor-90084 .elementor-element.elementor-element-216e98e .uael-mc a .uael-mc__btn-text{color:var( --e-global-color-text );}.elementor-90084 .elementor-element.elementor-element-216e98e .uael-mc__btn-icon{font-size:20px;}.elementor-90084 .elementor-element.elementor-element-216e98e .uael-mc__btn-text{margin-right:5px;}.elementor-90084 .elementor-element.elementor-element-216e98e .uael-mc-dropdown__title, .elementor-90084 .elementor-element.elementor-element-216e98e .uael-mc-modal__title, .elementor-90084 .elementor-element.elementor-element-216e98e .uael-mc-offcanvas__title{font-size:31px;}.elementor-90084 .elementor-element.elementor-element-216e98e .uael-mc-dropdown__title{text-align:center;}.elementor-90084 .elementor-element.elementor-element-216e98e .uael-mc-modal__title{text-align:center;}.elementor-90084 .elementor-element.elementor-element-216e98e .uael-mc-offcanvas__title{text-align:center;}.elementor-90084 .elementor-element.elementor-element-216e98e .uael-mc-dropdown__header-icon{font-size:20px;}.elementor-90084 .elementor-element.elementor-element-216e98e .uael-mc-modal__header-icon{font-size:20px;}.elementor-90084 .elementor-element.elementor-element-216e98e .uael-mc-offcanvas__header-icon{font-size:20px;}.elementor-90084 .elementor-element.elementor-element-216e98e .woocommerce-mini-cart__empty-message{color:var( --e-global-color-text );}.elementor-90084 .elementor-element.elementor-element-216e98e li.woocommerce-mini-cart-item.mini_cart_item > a:nth-child(2){color:var( --e-global-color-text );}.elementor-90084 .elementor-element.elementor-element-216e98e .woocommerce-mini-cart-item.mini_cart_item span.quantity{color:var( --e-global-color-text );}.elementor-90084 .elementor-element.elementor-element-216e98e ul.woocommerce-mini-cart.cart_list.product_list_widget li a.remove.remove_from_cart_button{color:#EC0707;}.elementor-90084 .elementor-element.elementor-element-216e98e .woocommerce-mini-cart-item, .elementor-90084 .elementor-element.elementor-element-216e98e .woocommerce-mini-cart-items, .elementor-90084 .elementor-element.elementor-element-216e98e .woocommerce-mini-cart__total{border-bottom-width:3px;}.elementor-90084 .elementor-element.elementor-element-216e98e .woocommerce-mini-cart__total{border-top-width:3px;}.elementor-90084 .elementor-element.elementor-element-216e98e .woocommerce-mini-cart__buttons a{font-size:27px;}.elementor-90084 .elementor-element.elementor-element-216e98e .woocommerce-mini-cart__buttons{gap:23px;}.elementor-90084 .elementor-element.elementor-element-216e98e .woocommerce-mini-cart__buttons a.button.wc-forward:not(.checkout){color:var( --e-global-color-text );background-color:var( --e-global-color-accent );border-style:solid;border-width:10px 20px 10px 20px;border-color:var( --e-global-color-accent );border-radius:30px 30px 30px 30px;}.elementor-90084 .elementor-element.elementor-element-216e98e .woocommerce-mini-cart__buttons a.button.checkout{color:var( --e-global-color-text );background-color:var( --e-global-color-accent );border-style:solid;border-width:10px 20px 10px 20px;border-color:var( --e-global-color-accent );border-radius:30px 30px 30px 30px;}:root{--page-title-display:none;}@media(max-width:767px){.elementor-90084 .elementor-element.elementor-element-04479ba{--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--flex-wrap:wrap;--align-content:space-evenly;}.elementor-90084 .elementor-element.elementor-element-88dabfd.elementor-element{--align-self:center;--order:99999 /* order end hack */;--flex-grow:1;--flex-shrink:0;}.elementor-90084 .elementor-element.elementor-element-39fbbb4{--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-90084 .elementor-element.elementor-element-2c02e77{--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-90084 .elementor-element.elementor-element-216e98e > .elementor-widget-container{padding:20px 10px 20px 10px;}.elementor-90084 .elementor-element.elementor-element-216e98e.elementor-element{--align-self:flex-start;}.elementor-90084 .elementor-element.elementor-element-216e98e .uael-mc__btn-inner-text{margin-right:3px;}.elementor-90084 .elementor-element.elementor-element-216e98e .uael-mc__btn{padding:20px 10px 10px 0px;}.elementor-90084 .elementor-element.elementor-element-216e98e .uael-mc__btn-text{margin-right:5px;}.elementor-90084 .elementor-element.elementor-element-216e98e .uael-mc-dropdown{padding:10px 10px 10px 10px;}.elementor-90084 .elementor-element.elementor-element-216e98e .uael-mc-modal{padding:10px 10px 10px 10px;}.elementor-90084 .elementor-element.elementor-element-216e98e .uael-mc-offcanvas{padding:10px 10px 10px 10px;}.elementor-90084 .elementor-element.elementor-element-216e98e .uael-mc-dropdown__header-text{padding:10px 0px 0px 0px;}.elementor-90084 .elementor-element.elementor-element-216e98e .uael-mc-modal__header-text{padding:10px 0px 0px 0px;}.elementor-90084 .elementor-element.elementor-element-216e98e .uael-mc-offcanvas__header-text{padding:10px 0px 0px 0px;}.elementor-90084 .elementor-element.elementor-element-216e98e .uael-mc-dropdown .woocommerce-mini-cart__total.total{padding:10px 20px 10px 20px;}.elementor-90084 .elementor-element.elementor-element-216e98e .uael-mc-modal .woocommerce-mini-cart__total.total{padding:10px 20px 10px 20px;}.elementor-90084 .elementor-element.elementor-element-216e98e .uael-mc-offcanvas .woocommerce-mini-cart__total.total{padding:10px 20px 10px 20px;}.elementor-90084 .elementor-element.elementor-element-216e98e .woocommerce-mini-cart__buttons a{font-size:25px;}}@media(min-width:768px){.elementor-90084 .elementor-element.elementor-element-7c1c754{--content-width:500px;}}/* Start custom CSS for uael-mini-cart, class: .elementor-element-216e98e *//* ═══════════════════════════════════════════════════════ FIX v2: UAEL Mini Cart Modal in Sticky Bar APPROACH: Stop fighting the containing block. Instead, position the modal RELATIVE to the bar using absolute positioning + bottom:100% so it expands upward from the sticky bar. Replace all previous cart-fix CSS with this. Add to: WP Customizer > Additional CSS ═══════════════════════════════════════════════════════ */ /* ───────────────────────────────────────── 1. ALLOW OVERFLOW ON THE CHAIN ───────────────────────────────────────── */ .elementor-element-39fbbb4, .elementor-element-2c02e77, .elementor-element-2c02e77 > .e-con-inner, .elementor-element-216e98e, .elementor-element-216e98e > .elementor-widget-container, .uael-mc { overflow: visible !important; } /* ───────────────────────────────────────── 2. MODAL OVERLAY — simulate viewport cover from inside the containing block ───────────────────────────────────────── */ .uael-mc-modal-wrap { position: fixed !important; top: 0 !important; left: 0 !important; right: 0 !important; bottom: 0 !important; width: 100% !important; height: 100% !important; z-index: 99998 !important; background: rgba(10, 6, 24, 0.55) !important; } /* If fixed doesn't escape (containing block), use absurd negative offsets as fallback */ .uael-mc-modal-wrap:not(.uael-mc-modal-wrap-close) { position: absolute !important; top: auto !important; bottom: 0 !important; left: 50% !important; transform: translateX(-50%) !important; width: 100vw !important; height: 100vh !important; margin-bottom: 0 !important; } .uael-mc-modal-wrap.uael-mc-modal-wrap-close { display: none !important; pointer-events: none !important; } /* ───────────────────────────────────────── 3. MODAL PANEL — pop upward from the bar ───────────────────────────────────────── */ .uael-mc-modal:not(.uael-mc-modal-close) { position: absolute !important; bottom: calc(100% + 12px) !important; right: 0 !important; left: auto !important; top: auto !important; width: 380px !important; max-width: 90vw !important; max-height: 70vh !important; overflow-y: auto !important; z-index: 99999 !important; /* Future Spring theme */ background: #FAFAF5 !important; border-radius: 20px !important; border: 1px solid rgba(74, 29, 142, 0.12) !important; border-top: 4px solid #BFFF00 !important; box-shadow: 0 -8px 40px rgba(10, 6, 24, 0.2), 0 -2px 12px rgba(10, 6, 24, 0.08) !important; font-family: 'DM Sans', sans-serif !important; } .uael-mc-modal.uael-mc-modal-close { display: none !important; pointer-events: none !important; } /* ───────────────────────────────────────── 4. FUTURE SPRING — Cart Button ───────────────────────────────────────── */ .uael-mc__btn { background: #4A1D8E !important; color: #fff !important; border: none !important; border-radius: 999px !important; padding: 10px 22px !important; font-family: 'DM Sans', sans-serif !important; font-weight: 700 !important; font-size: 14px !important; text-decoration: none !important; box-shadow: 0 4px 16px rgba(74, 29, 142, 0.25) !important; transition: box-shadow 0.25s ease !important; } .uael-mc__btn:hover { box-shadow: 0 8px 28px rgba(74, 29, 142, 0.35) !important; } .uael-mc__btn-badge { background: #BFFF00 !important; color: #0A0618 !important; font-weight: 800 !important; } .uael-mc__btn-subtotal { color: #BFFF00 !important; } .uael-mc__btn-icon i { color: #BFFF00 !important; } /* ───────────────────────────────────────── 5. FUTURE SPRING — Modal Internals ───────────────────────────────────────── */ .uael-mc-modal__title p { font-family: 'DM Sans', sans-serif !important; font-weight: 700 !important; color: #1A1128 !important; } .uael-mc-modal__header { border-bottom: 1px solid rgba(74, 29, 142, 0.1) !important; } .uael-mc-modal__header-badge { background: #BFFF00 !important; color: #0A0618 !important; font-weight: 800 !important; } .uael-mc-dropdown__header-icon i { color: #4A1D8E !important; } .uael-mc-modal__close-btn { color: #1A1128 !important; cursor: pointer; } /* Product items */ .uael-mc-modal .woocommerce-mini-cart-item a { color: #1A1128 !important; text-decoration: none !important; font-family: 'DM Sans', sans-serif !important; } .uael-mc-modal .quantity { color: #5C4D6E !important; } .uael-mc-modal .woocommerce-mini-cart__total { color: #1A1128 !important; font-weight: 600 !important; border-top: 1px solid rgba(74, 29, 142, 0.1) !important; } /* View Cart button */ .uael-mc-modal .button.wc-forward { background: #4A1D8E !important; color: #fff !important; border: none !important; border-radius: 10px !important; font-family: 'DM Sans', sans-serif !important; font-weight: 700 !important; padding: 10px 20px !important; } .uael-mc-modal .button.wc-forward:hover { background: #6B3FA0 !important; } /* Checkout button */ .uael-mc-modal .button.checkout.wc-forward { background: #BFFF00 !important; color: #0A0618 !important; } .uael-mc-modal .button.checkout.wc-forward:hover { background: #d4ff4d !important; } /* Remove item × */ .uael-mc-modal .remove_from_cart_button { color: #E87CBB !important; } .uael-mc-modal .remove_from_cart_button:hover { color: #cf2e2e !important; } /* ───────────────────────────────────────── 6. MOBILE — full-width modal ───────────────────────────────────────── */ @media (max-width: 767px) { .uael-mc-modal:not(.uael-mc-modal-close) { width: calc(100vw - 24px) !important; right: -12px !important; max-height: 65vh !important; border-radius: 16px !important; } .uael-mc__btn { padding: 8px 16px !important; font-size: 13px !important; } }/* End custom CSS */ /* Start custom CSS *//* ═══════════════════════════════════════════════════════ FUTURE SPRING 2026 — Event Page CSS Target: https://store.futureforest.ca/future-spring-2026/ Updated: 2026-04-02 (matched to live HTML) Install: WP Customizer > Additional CSS NOTE: Mini cart dropdown CSS is separate — use uael-mini-cart-dropdown.css alongside this. ═══════════════════════════════════════════════════════ */ @import url('https://fonts.googleapis.com/css2?family=Anybody:wght@400;700;900&family=DM+Sans:wght@400;500;600;700&display=swap'); .page-id-90084 { --fs-purple-deep: #4A1D8E; --fs-purple-mid: #6B3FA0; --fs-purple-light: #8B6BBF; --fs-purple-wash: #EDE4F7; --fs-neon: #BFFF00; --fs-neon-muted: #D4FF4D; --fs-neon-wash: #F4FFD6; --fs-pink: #E87CBB; --fs-teal: #00D4B1; --fs-bg-primary: #FAFAF5; --fs-bg-secondary: #F0EDE6; --fs-text-primary: #1A1128; --fs-text-secondary: #5C4D6E; } /* ═══════════════════════════════════ 1. PAGE BACKGROUND & BASE ═══════════════════════════════════ */ .page-id-90084 { background-color: var(--fs-bg-primary) !important; } .page-id-90084 .elementor-90084 { font-family: 'DM Sans', -apple-system, BlinkMacSystemFont, sans-serif; color: var(--fs-text-primary); } /* ═══════════════════════════════════ 2. POSTER IMAGE ═══════════════════════════════════ */ .page-id-90084 .elementor-element-d1daee8 .elementor-widget-container { max-width: 520px; margin: 0 auto; } .page-id-90084 .elementor-element-d1daee8 img { border-radius: 20px; box-shadow: 0 8px 40px rgba(74, 29, 142, 0.12), 0 2px 12px rgba(74, 29, 142, 0.06); transition: transform 0.4s cubic-bezier(0.22, 1, 0.36, 1), box-shadow 0.4s cubic-bezier(0.22, 1, 0.36, 1); } .page-id-90084 .elementor-element-d1daee8 img:hover { transform: translateY(-4px) scale(1.005); box-shadow: 0 16px 56px rgba(74, 29, 142, 0.18), 0 4px 16px rgba(74, 29, 142, 0.08); } /* ═══════════════════════════════════ 3. EVENT TITLE, DETAILS & INTRO Live HTML (widget a2dd4a5):

Future Spring 2026

Date / Time / Location / Venue / Address

Intro description paragraph ═══════════════════════════════════ */ .page-id-90084 .elementor-element-a2dd4a5 h1 { font-family: 'Anybody', 'Helvetica Neue', sans-serif !important; font-weight: 900 !important; font-size: clamp(28pt, 5vw, 36pt) !important; letter-spacing: -0.02em; color: var(--fs-text-primary) !important; margin-bottom: 0.3em; } /* Date / Time / Location / Venue / Address */ .page-id-90084 .elementor-element-a2dd4a5 .elementor-widget-container > p:first-of-type { font-family: 'DM Sans', sans-serif !important; font-weight: 500 !important; font-size: clamp(11pt, 2.5vw, 14pt) !important; color: var(--fs-text-secondary) !important; line-height: 1.7; letter-spacing: 0.01em; } /* Gradient accent bar above event details */ .page-id-90084 .elementor-element-a2dd4a5 .elementor-widget-container > p:first-of-type::before { content: ''; display: block; width: 48px; height: 4px; background: linear-gradient(90deg, var(--fs-purple-deep), var(--fs-neon)); border-radius: 999px; margin: 0 auto 1em; } /* Intro description paragraph */ .page-id-90084 .elementor-element-a2dd4a5 .elementor-widget-container > p:last-of-type { font-family: 'DM Sans', sans-serif !important; font-size: 15px !important; font-weight: 400 !important; color: var(--fs-text-secondary) !important; line-height: 1.7; max-width: 480px; margin: 1em auto 0; opacity: 0.85; } /* ═══════════════════════════════════ 4. TICKETS SECTION Live HTML (widget 75d45e3):

"Tickets" (inline purple)

Phase pricing

Surcharge note

Phase explanation

19+ ID Required

Electronic tickets note ═══════════════════════════════════ */ .page-id-90084 .elementor-element-75d45e3 .elementor-widget-container { background: var(--fs-purple-wash); border: 1px solid rgba(74, 29, 142, 0.1); border-radius: 20px; padding: 2em 2.5em; max-width: 480px; margin: 1.5em auto; position: relative; overflow: hidden; } /* Top gradient accent bar */ .page-id-90084 .elementor-element-75d45e3 .elementor-widget-container::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 4px; background: linear-gradient(90deg, var(--fs-purple-deep), var(--fs-neon), var(--fs-teal)); } /* "Tickets" H2 heading */ .page-id-90084 .elementor-element-75d45e3 h2 { font-family: 'Anybody', sans-serif !important; font-weight: 900 !important; letter-spacing: 0.04em; margin-bottom: 0.6em !important; } /* Phase pricing and info paragraphs */ .page-id-90084 .elementor-element-75d45e3 p { font-family: 'DM Sans', sans-serif; font-size: 14px; line-height: 1.8; color: var(--fs-text-secondary); } /* ═══════════════════════════════════ 5. ADD TO CART / QUANTITY CONTROLS ═══════════════════════════════════ */ /* Phase label ("Phase 1") */ .page-id-90084 .e-paragraph-base[data-id="7cf566d"] { font-family: 'DM Sans', sans-serif !important; font-weight: 600 !important; font-size: 12px !important; letter-spacing: 0.1em; text-transform: uppercase; color: var(--fs-text-secondary) !important; } /* Price display ("$19") */ .page-id-90084 .e-paragraph-base[data-id="5b0d29e"] { font-family: 'Anybody', sans-serif !important; font-weight: 900 !important; font-size: 28px !important; color: var(--fs-purple-deep) !important; } /* Quantity wrapper */ .page-id-90084 .custom-quantity-wrapper { display: inline-flex; align-items: center; background: #fff; border: 1.5px solid rgba(74, 29, 142, 0.15); border-radius: 12px; overflow: hidden; transition: border-color 0.2s, box-shadow 0.2s; } .page-id-90084 .custom-quantity-wrapper:focus-within { border-color: var(--fs-purple-mid); box-shadow: 0 0 0 3px rgba(74, 29, 142, 0.08); } /* +/- buttons */ .page-id-90084 .qty-btn { background: transparent !important; border: none !important; width: 40px; height: 40px; font-size: 18px; font-weight: 600; color: var(--fs-purple-mid) !important; cursor: pointer; transition: background 0.15s, color 0.15s; display: flex; align-items: center; justify-content: center; } .page-id-90084 .qty-btn:hover { background: var(--fs-purple-wash) !important; color: var(--fs-purple-deep) !important; } /* Quantity input */ .page-id-90084 .custom-qty { width: 48px !important; text-align: center; border: none !important; font-family: 'DM Sans', sans-serif; font-weight: 600; font-size: 15px; color: var(--fs-text-primary); background: transparent; -moz-appearance: textfield; } /* Hide number spinners */ .page-id-90084 .custom-qty::-webkit-inner-spin-button, .page-id-90084 .custom-qty::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } /* Add to Cart — NEON */ .page-id-90084 .custom-add-to-cart, .page-id-90084 .single_add_to_cart_button { background: var(--fs-neon) !important; color: #0A0618 !important; border: none !important; border-radius: 12px !important; padding: 12px 28px !important; font-family: 'DM Sans', sans-serif !important; font-weight: 700 !important; font-size: 15px !important; letter-spacing: 0.02em; text-transform: uppercase; cursor: pointer; transition: transform 0.15s cubic-bezier(0.22, 1, 0.36, 1), box-shadow 0.25s cubic-bezier(0.22, 1, 0.36, 1), background 0.2s; box-shadow: 0 2px 8px rgba(191, 255, 0, 0.15); } .page-id-90084 .custom-add-to-cart:hover, .page-id-90084 .single_add_to_cart_button:hover { transform: translateY(-2px); box-shadow: 0 6px 24px rgba(191, 255, 0, 0.3); background: #c8ff1a !important; } .page-id-90084 .custom-add-to-cart:active, .page-id-90084 .single_add_to_cart_button:active { transform: translateY(0) scale(0.98); } /* ═══════════════════════════════════ 6. LINEUP SECTION Live HTML (widget d0e5a97):

LINEUP

═══════════════════════════════════ */ .page-id-90084 .elementor-element-ed3502e { background-color: var(--fs-purple-deep) !important; padding: 3em 1em !important; position: relative; } /* "LINEUP" heading — H2 with nested span > strong */ .page-id-90084 .elementor-element-d0e5a97 h2 { font-family: 'Anybody', sans-serif !important; letter-spacing: 0.08em; color: #fff !important; } .page-id-90084 .elementor-element-d0e5a97 h2 strong { font-weight: 900 !important; } /* Decorative divider */ .page-id-90084 .elementor-element-ff44739 .elementor-divider-separator { border-color: rgba(191, 255, 0, 0.3) !important; } .page-id-90084 .elementor-element-ff44739 .elementor-divider { --divider-color: rgba(191, 255, 0, 0.35); } /* ═══════════════════════════════════ 7. STICKY CART BAR (visual only) Positioning & dropdown panel handled by uael-mini-cart-dropdown.css ═══════════════════════════════════ */ .page-id-90084 .elementor-element-39fbbb4 { z-index: 100; } .page-id-90084 .elementor-element-2c02e77 { backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px); } /* ═══════════════════════════════════ 8. FOOTER ═══════════════════════════════════ */ .page-id-90084 .elementor-social-icon { transition: background-color 0.2s, transform 0.2s; } .page-id-90084 .elementor-social-icon:hover { background-color: var(--fs-purple-deep) !important; transform: translateY(-2px); } /* ═══════════════════════════════════ 9. SCROLL & SELECTION ═══════════════════════════════════ */ .page-id-90084 ::selection { background: var(--fs-neon); color: #0A0618; } .page-id-90084 ::-moz-selection { background: var(--fs-neon); color: #0A0618; } .page-id-90084 ::-webkit-scrollbar { width: 8px; } .page-id-90084 ::-webkit-scrollbar-track { background: var(--fs-bg-secondary); } .page-id-90084 ::-webkit-scrollbar-thumb { background: var(--fs-purple-light); border-radius: 999px; } .page-id-90084 ::-webkit-scrollbar-thumb:hover { background: var(--fs-purple-mid); } /* ═══════════════════════════════════ 10. RESPONSIVE ═══════════════════════════════════ */ @media (max-width: 767px) { .page-id-90084 .elementor-element-d1daee8 .elementor-widget-container { max-width: 100%; padding: 0 8px; } .page-id-90084 .elementor-element-d1daee8 img { border-radius: 14px; } .page-id-90084 .elementor-element-75d45e3 .elementor-widget-container { padding: 1.5em 1.5em; margin: 1em auto; border-radius: 16px; } .page-id-90084 .e-paragraph-base[data-id="5b0d29e"] { font-size: 24px !important; } .page-id-90084 .elementor-element-a2dd4a5 .elementor-widget-container > p:last-of-type { font-size: 14px !important; padding: 0 8px; } } @media (max-width: 480px) { .page-id-90084 .elementor-element-a2dd4a5 h1 { font-size: 24pt !important; } .page-id-90084 .custom-add-to-cart, .page-id-90084 .single_add_to_cart_button { padding: 10px 20px !important; font-size: 14px !important; } }/* End custom CSS */