/** Shopify CDN: Minification failed

Line 1379:9 Expected ":"

**/
@font-face {
    font-family: 'Outfit';
    src: url('/cdn/shop/files/Outfit-Bold.ttf?v=1741231735') format('truetype');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'Outfit';
    src: url('/cdn/shop/files/Outfit-Medium.ttf?v=1741231735') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Outfit';
    src: url('/cdn/shop/files/Outfit-SemiBold.ttf?v=1741231735') format('truetype');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Outfit';
    src: url('/cdn/shop/files/Outfit-Thin.ttf?v=1741231734') format('truetype');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'Outfit';
    src: url('/cdn/shop/files/Outfit-Light.ttf?v=1741231735') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Outfit';
    src: url('/cdn/shop/files/Outfit-Regular.ttf?v=1741231735') format('truetype');
    font-weight: 400;
    font-style: normal;
}

html,
body {
  font-family: "Outfit", serif !important;
  font-weight: 400;
  font-style: normal;
}
h1,h2,h3,h4,h5,h6{
  font-family: "Outfit", serif !important;
}




.header__icons {
    gap: 14px;
    transition: all 0.3s ease;
}
.header__icon, .header__icon--cart .icon {
    background: rgb(var(--color-foreground));
    color: rgb(var(--color-background));
    border-radius: 100%;
}

.uk-link, 
a {
    color: rgb(var(--color-foreground));
    text-decoration: none;
}

.uk-link:hover, 
a:hover {
    color: rgb(var(--color-foreground));
    text-decoration: none;
}
.header .header__icons a:hover{
	background: linear-gradient(to right, #FF20FF 0%, #0DA7E2 100%);
    animation: rotateBg 3s linear infinite;
}

a.button:hover {
    color: rgb(var(--color-button-text));
}
.banner__buttons{
  max-width: 100% !important;
  width: 100% !important;
}
.button {
    position: relative;
    z-index: 1;
    font-weight: 400;
    font-size: 18px;
    line-height: 30.24px;
    background: rgb(var(--color-button));
    color: rgb(var(--color-button-text));
    transition: all 0.3s;
    letter-spacing: 0;
    max-width: 40rem;
    min-width: 24rem;
}
.button.button--secondary::before {
    position: absolute;
    content: '';
    z-index: -1;
    width: 100%;
    height: 100%;
    background: inherit;
}
.banner__buttons a {
	text-align: center;
	padding-top: 7px;
	padding-bottom: 7px;
}

.text_grad {
    background: linear-gradient(to right, #FF20FF 0%, #0DA7E2 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.bg_grad {
  background: linear-gradient(to right, #FF20FF 0%, #0DA7E2 100%);
  background-size: 100% 100%;
  background-position: 0% 50%;
  transition: background-position 0.3s ease;
}
.button.bg_grad:hover {
  background-position: right center;
  background-size: 150% 100%;
}
.bg_grad.button.button--secondary {
  position: relative;
  color: #fff;
}
.bg_grad.button.button--secondary::before {
	position: absolute;
	content: "";
	width: calc(100% - 6px);
	height: calc(100% - 6px);
	background: #00253a;
	transform: translate(-50%,-50%);
	top: 50%;
	left: 50%;
}
.bg_grad_light {
  background: linear-gradient(to right,#ff20ff45,#0da7e22e 80%);
  background-size: 100% 100%;
  background-position: left center;
  transition: background-position 0.3s ease;
}
.bg_grad_light:hover {
  background: linear-gradient(to right, #FF20FF 0%, #0DA7E2 100%);
}
.bg_grad_radio {
  background: rgb(13,167,226);
  background: radial-gradient(circle, rgba(13,167,226,0.8631827731092436) 0%, rgba(255,32,255,0.7399334733893557) 51%, rgba(210,210,210,0.7679446778711485) 84%, rgba(255,255,255,1) 100%);
}
.bg_grad_animation {
  background: linear-gradient(90deg, #FF20FF, #0DA7E2);
  background-size: 200% 100%;
  animation: rotateBg 3s linear infinite;
}

/* Glow BTN */
.glow-btn {
    color: rgb(var(--color-button-text));
    background: linear-gradient(to right, #FF20FF 0%, #0DA7E2 100%);
    cursor: pointer;
    position: relative;
    z-index: 0;
    transition: all 0.3s ease-in-out;
    box-shadow: 0 4px 10px rgba(255, 255, 255, 0.1);
}
.glow-btn::before {
    content: '';
    position: absolute;
    top: -3px;
    left: -3px;
    width: calc(100% + 6px);
    height: calc(100% + 6px);
    background: linear-gradient(45deg, 
        #ff0000, #ff7300, #fffb00, 
        #48ff00, #00ffd5, #002bff, 
        #7a00ff, #ff00c8, #ff0000);
    background-size: 400%;
    z-index: -1;
    filter: blur(20px);
    opacity: 0;
    transition: opacity 0.4s ease-in-out;
    animation: glowing 10s linear infinite;
    border-radius: 4px;
}
.glow-btn:hover::before {
    opacity: 1;
}
.cta_btn_header.glow-btn::before {
    opacity: 1;
}
.cta_btn_header {
	padding: 5px 10px;
	color: #fff;
	text-transform: capitalize;
	letter-spacing: 0;
	font-size: clamp(14px, 3vw, 16px);
	transition: all 0.3s;  
    border-radius: 4px !important;
}
.cta_btn_header.glow-btn:hover {
	transform: scale(1.1);
}
.glow-btn:active {
    transform: scale(0.96);
    color: #000;
}
.glow-btn:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to right, #FF20FF 0%, #0DA7E2 100%);
    z-index: -1;
    border-radius: 4px;
}


.slideshow .bg_grad.button.button--secondary::after {
    content: '';
    position: absolute;
    top: -3px;
    left: -3px;
    width: calc(100% + 6px);
    height: calc(100% + 6px);
    background: linear-gradient(45deg, 
        #ff0000, #ff7300, #fffb00, 
        #48ff00, #00ffd5, #002bff, 
        #7a00ff, #ff00c8, #ff0000);
    background-size: 400%;
    z-index: -2;
    filter: blur(20px);
    opacity: 0;
    transition: opacity 0.4s ease-in-out;
    animation: glowing 10s linear infinite;
    border-radius: 4px;
}
.slideshow .bg_grad.button.button--secondary:hover::after {
    opacity: 1;
}





.slideshow .banner__rating {
    margin: 20px 0 40px 0;
}
.slideshow.banner--large:not(.banner--adapt) {
    min-height: 85rem !important;
}
.wish_btn.bg_grad {
  width: 40px;
  height: 40px;
  text-align: center;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.wish_btn.bg_grad .wishlist-engine-button {
  color: #fff !important;
  background: transparent !important;
}
.wish_btn.bg_grad .wishlist-engine-button svg path{
  stroke: #fff;
}
.wish_btn.bg_grad[data-added="true"] .wishlist-engine-button svg path{
  color: #fff;
  fill: #fff;
  stroke: #fff;
}
.cart_wishlist {
	display: flex;
	align-items: center;
	justify-content: flex-end;
}
#shopify-section-template--24016974283056__slideshow_WmYK3M .slideshow .slideshow__media video {
  object-fit: cover;
  width: 100%;
  height: 100%;
  object-position: 0 -40px;
  transform: translate(18%);
  scale: 1.6;
}
.footer .footer__content-bottom {
	display: grid;
	grid-template-columns: 50% 50%;
}
.footer-block__brand-info ol li,
.footer-block__brand-info ul li {
	position: relative;
	list-style: none;
}
.footer-block__brand-info ul li::before {
    position: absolute;
    content: "";
    width: 18px;
    height: 18px;
    left: 0;
    top: 50%;
    transform: translate(-22px,-50%);
    background-image: url(/cdn/shop/files/Maps_and_Flags.svg);
    background-position:center;
    background-size: contain;
    background-repeat: no-repeat;
}
.footer-block__brand-info ol li::before {
    position: absolute;
    content: "";
    width: 18px;
    height: 18px;
    left: 0;
    top: 50%;
    transform: translate(-22px,-50%);
    background-image: url(/cdn/shop/files/globe.svg);
    background-position:center;
    background-size: contain;
    background-repeat: no-repeat;
}
.footer .footer_bottom {
	border-top: 1px solid rgb(var(--color-foreground), 0.1);
	padding-top: 30px;
}
.copyright_content{}

.footer-block__details-content ul li{
  position: relative;
  list-style: none;
}
.footer-block__details-content ul li:nth-child(1)::before {
    position: absolute;
    content: "";
    width: 20px;
    height: 20px;
    left: 0;
    top: 0%;
    transform: translate(-30px,5px);
    background-image: url(/cdn/shop/files/Map.svg);
    background-position:top;
    background-size: contain;
    background-repeat: no-repeat;
}
.footer-block__details-content ul li:nth-child(2)::before {
    position: absolute;
    content: "";
    width: 20px;
    height: 20px;
    left: 0;
    top: 0%;
    transform: translate(-30px,5px);
    background-image: url(/cdn/shop/files/Email.svg);
    background-position:top;
    background-size: contain;
    background-repeat: no-repeat;
}
.footer-block_newsletter_text #ContactFooter {
	margin: 15px 0 0 0;
	background: #fff;
}

.footer-block_newsletter_text input::placeholder{
  display: block;
}
.footer-block_newsletter_text input{
  background: #fff;
  color: #000;
  padding: 15px !important;
}

.btn_news span{
  width: 100%;
}
.btn_news {
  width: 170px;
  border: none;
  background: linear-gradient(to right, #FF20FF 0%, #0DA7E2 100%);
  color: #fff;
  padding: 0;
}
.header__submenu .header__menu-item:hover {
  background: linear-gradient(to right, #FF20FF 0%, #0DA7E2 100%);
  color: #fff;  
  -webkit-text-fill-color:white;
  background-size: 200% 100%;
  animation: rotateBg 1s linear infinite;
}
details[open] > .header__menu-item {
    background: linear-gradient(to right, #FF20FF 0%, #0DA7E2 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

details[open] > .header__menu-item .icon-caret {
  transform: rotate(180deg);
}

.link, .customer a {
    letter-spacing: 0;
}
.list-menu--disclosure {
    width: 25rem !important;
    padding: 0 !important;
}
@keyframes rotateBg {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}
@keyframes glowing {
    0% { background-position: 0 0; }
    50% { background-position: 400% 0; }
    100% { background-position: 0 0; }
}

#neon-customiser-app {
	border: 1px solid #ddd;
}

.active--mnenu, 
.header__inline-menu .list-menu__item:hover {
    text-shadow: 0 0 10px #ff1493, 0 0 20px #ff1493, 0 0 30px #ff1493,
    0 0 40px #ff1493, 0 0 50px #ff1493, 0 0 60px #ff1493, 0 0 70px #ff1493;
}
.card .quick-add{
  width: calc(100% - 50px);
  margin: auto;
  transform: translateY(20px);
  display: grid;
  grid-template-columns: 1fr 50px;
  gap: 5px;
  align-items: center;
  justify-content: space-between;
}
.card .quick-add .quick-add__submit {
  font-size: 18px;
}
.collection ul li {
	margin-bottom: 50px;
    border: 1px solid #ddd;
}
.collection .card__information {
	padding: 20px 30px 0 !important;
}
.product-form__submit{
	max-width: 100%;
	text-transform: uppercase;
	font-size: 20px;
	gap: 10px;
}
.product-form__submit .buy_icon {
	width: 40px;
	height: 25px;
}
.footer-block__details-content ul {
	padding-left: 30px; 
}
.mobile-facets__open .svg-wrapper,
.mobile-facets__open-label {
  color: rgb(var(--color-foreground)) !important;  
  text-transform: uppercase;
}
.facet-filters__field .facet-filters__label{
  text-transform: uppercase;
}
.field__input:focus, 
.select__select:focus, 
.customer .field input:focus, 
.customer select:focus, 
.localization-form__select:focus.localization-form__select::after {
  box-shadow: none;
  outline: 0;
}
.header__active-menu-item {
    text-shadow: 0 0 10px #ff1493, 0 0 20px #ff1493, 0 0 30px #ff1493,
    0 0 40px #ff1493, 0 0 50px #ff1493, 0 0 60px #ff1493, 0 0 70px #ff1493;
}
.globo-swatch-product-detail li .swatch-anchor, 
.globo-swatch-product-detail li label {
	box-shadow: 0px 10px 10px 0px #00000038;
}
.globo-swatch-product-detail .swatch--gl li .globo-style--button {
	border-color: #0000 !important;
}
.swatch--gl .name-option {
	text-transform: uppercase;
	border-bottom: 1px solid #dddddd7d;
}
.menu-drawer__close-button.link.link--text.focus-inset {
    position: relative;
    justify-content: center;
    background: linear-gradient(90deg,#ff20ff,#0da7e2);
}
.card .quick-add .quick-add__submit {
	font-size: 18px;
	display: flex;
	align-items: center;
	gap: 10px;
}
.cart__ctas button {
    font-size: clamp(14px, 3vw, 18px);
	gap: 10px;
}
.article-card-wrapper .card__media .media img,
.article-template__hero-medium.media img {
	object-position: top;
}
.npc-selections-background-list > .lg\:tw-opacity-50 {
	opacity: 1 !important;
}
.arrowbtn a{
	color: #fff;
	border-radius: 100%;
	width: 40px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 15px;
}
.slide_action_nav{}
.slide_action_nav li.uk-active a{
  background: linear-gradient(to right, #FF20FF 0%, #0DA7E2 100%);
}
.slide_action_nav a{
  width: 15px;
  height: 15px;
}
.slide_action_nav .uk-dotnav > * > :hover{
  background: linear-gradient(to right, #FF20FF 0%, #0DA7E2 100%);
}



/* Button */
.button_container a {
  padding: 15px;
  line-height: normal;
  font-size: 15px;  
  border-radius: 4px !important;
  overflow: hidden;
}
.button{
  border-radius: 4px !important;
}
.button_container a:hover {
  color: #fff;
}
.button_container {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 15px;
  flex-wrap: wrap;
  margin-top: 25px;
}


.neon_dropdown header-menu > details {
	position: unset !important;
}
.mega-menu-main-area {
	position: absolute;
	left: 0%;
	top: 95%;
	width: 100%;
	height: auto;
	display: flex;
	align-items: center;
	justify-content: center;
    padding: 50px 0;
}
.neon-popup-menu-main {
	padding: 0;
	margin: 0;
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: center;
	gap: 15px;
}
.neon-popup-menu-main li {
	max-width: calc(20% - 15px);
	list-style: none;
	height: auto;
	aspect-ratio: 5/3;
	width: 100%;
}
.neon-popup-menu-main li a {
	display: flex;
	align-items: center;
	justify-content: center;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.neon-popup-menu-main li a img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}
.neon-popup-menu-main li a span {
	position: absolute;
	background: rgb(var(--color-background));
	padding: 5px 10px;
	border-radius: 5px;
	font-size: 14px;
	line-height: 14px;
    right: 10px;
    bottom: 10px;
}
.header .link {
	font-size: 1.5rem;
	text-transform: uppercase;
}
.footer_bottom .list-payment {
	justify-content: center;
}
.custom_code {
	border-radius: 10px;
	overflow: hidden;
	margin-bottom: 20px;
}
.footer-blocknewsletter_text {
	width: calc(100% - 25%);  
  	margin-top: 20px;
}
.field:hover.field::after,
.footer .field::after {
	border-radius: 10px;
}
.footer__blocks-wrapper > div:nth-child(2) ul li:nth-child(4) a{
    font-size: clamp(14px, 3vw, 18px);
    line-height: clamp(14px, 3vw, 18px);
    text-decoration: none;
    pointer-events: none;
    padding-top: 30px !important;
}
.section_title h2 {
    font-size: 35px;
    line-height: 45px;
    text-transform: uppercase;
}

.neon-popup-menu-main .glow-btn::before,
.neon-popup-menu-main .glow-btn::after,
.neon-popup-menu-main .glow-btn{
	border-radius: 10px;
}


.neon-popup-menu-main .glow-btn::before,
.neon-popup-menu-main .glow-btn::after,
.neon-popup-menu-main li a img {
	border-radius: 10px !important;
}
#neon-customiser-app *::selection {
  text-shadow: 0 0 4px #ff1493, 0 0 15px #ff1493;
  color: #3e3e3e;
  background: transparent;
}

.npc-selections-text-form.tw-flex.tw-flex-col.tw-overflow-hidden.tw-relative #npc-text-area {
	border: 1px solid #ff5ce8;
	border-radius: 5px;
	overflow: hidden;
    text-align: left;
}

.npc-text-area.npc-selections-additional-textarea.tw-bg-\[\#FAFAFA\].tw-border-0.tw-rounded-t.tw-rounded-b-none.tw-text-\[16px\].tw-font-selected.tw-leading-\[1\.2\].tw-text-secondary.tw-font-normal.tw-tracking-normal.tw-resize-y.tw-w-auto.tw-outline-none.tw-min-h-\[85px\].tw-m-0.tw-pt-3.tw-px-3.tw-pb-1.tw-scroll-pb-1.tw-shadow-none.lg\:tw-rounded-b.lg\:tw-min-h-\[auto\].lg\:tw-mb-\[0\.1em\].lg\:tw-p-3 {
  border: 1px solid #ff5ce8;
}
.help-text.globo-description {
	text-align: left;
	opacity: 0.8;
}
.button_primary:hover,
.button:hover{
	transform: scale(1.03);
}
.image-with-text__heading {
	text-transform: uppercase;
}












@media screen and (min-width: 769px) {
  .grid--2-col.grid--5-col-tablet .grid__item {
    width: calc(15% - var(--grid-desktop-horizontal-spacing) / 2);
  }
}

@media(max-width: 1440px){
  .link, 
  .customer a {
	font-size: 14px;
  }
  .card .quick-add {
	width: calc(100% - 30px);
	grid-template-columns: 1fr 40px;
  }
  .card .quick-add .quick-add__submit {
	min-height: 50px;
  }
}
@media(max-width: 1280px){}
@media(max-width: 1024px){}
@media(max-width: 768px){
  .cta_btn_header {
	padding: 4px 7px;
	font-size: clamp(10px,3vw,18px);
	width: 100px;
	text-align: center;
	line-height: clamp(20px,3vw,25px);
  }
  #shopify-section-template--24016974283056__slideshow_WmYK3M .slideshow .slideshow__media video {
  	object-position: -140px 20px;
  	transform: translate(8%);
  	scale: 1.6;
  }
  .newsletter-form__field-wrapper {
	width: 100%;
	max-width: 100% !important;
  }
  .footer .rte ul, .footer .rte ol {
	padding-left: 3rem;
  }
  .footer-block__details-content {
	margin-bottom: 0 !important;
  }
  .footer-block__details-content .list-menu__item--link {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
  }
  .card h5, 
  .card .h5 {
	font-size: calc(var(--font-heading-scale) * 1.8rem);
  }
  .custom_code_area .globo-form-control .globo-list-control {
	padding: 0;
  }
  .footer .footer-block__image-wrapper {
  	margin: auto auto 20px;
  }
  .footer .footer-block__image-wrapper {
	margin: auto;
  }
  .footer .footer-block {
	text-align: center;
  }
  .footer .footer-block ul {
	display: flex;
	align-items: center;
	flex-direction: column;
  }
  .footer .footer-block__image-wrapper {
	margin: auto auto 20px;
  }
  .footer .footer-block__heading {
	border-bottom: 1px solid #dddddd47;
	padding-bottom: 16px;
	margin-bottom: 10px;
	text-transform: uppercase;
  }
  .image-with-text__heading {
  	text-align: center;
	width: 100%;
    letter-spacing: 0;
  }
  .footer-blocknewsletter_text {
	margin: 20px auto;
  }
}
@media(max-width: 500px){
  .card .quick-add {
      width: calc(100% - 120px);
      transform: translateY(20px);
      grid-template-columns: 1fr 40px;
      gap:15px;
  }
  .card .quick-add .quick-add__submit {
      font-size: 14px;
      font-size: 14px;
      min-height: 50px;
  }
  .header__heading-logo-wrapper {
	width: 70%;
  }
  .card .quick-add .quick-add__submit svg {
	width: 22px;
	height: 22px;
  }
}
@media(max-width: 375px){
  .card .quick-add {
      width: calc(100% - 70px);
  }
  card .quick-add .quick-add__submit {
      font-size: 16px;
  }
}

/* Oasis tabbed mega menu: paste at the bottom of assets/themefew.css.liquid. */
@media screen and (min-width: 990px) {
  .oasis-mega-menu {
    position: static;
  }

  .oasis-mega-menu__content {
    position: absolute;
    z-index: 20;
    top: 95%;
    right: 0;
    left: 0;
    max-height: calc(100vh - var(--header-height, 12rem));
    padding: 4rem 0 4.5rem;
    overflow-y: auto;
    border-top: .1rem solid rgba(255, 255, 255, .1);
    background: #101010;
    color: #fff;
    box-shadow: 0 2.5rem 5rem rgba(0, 0, 0, .38);
  }

  .js .oasis-mega-menu__content {
    opacity: 0;
    transform: translateY(-1rem);
    transition: opacity .18s ease, transform .18s ease;
  }

  .oasis-mega-menu[open] .oasis-mega-menu__content {
    opacity: 1;
    transform: translateY(0);
  }

  .oasis-mega-menu__layout {
    display: grid;
    grid-template-columns: minmax(20rem, 24rem) minmax(0, 1fr);
    gap: clamp(2.5rem, 3.5vw, 5rem);
    align-items: start;
  }

  .oasis-mega-menu__tabs {
    display: grid;
    gap: 1.2rem;
    align-content: start;
  }

  .oasis-mega-menu__tab {
    position: relative;
    z-index: 0;
    display: flex;
    width: 100%;
    min-height: 5.4rem;
    align-items: center;
    justify-content: space-between;
    gap: 1.5rem;
    padding: 1.2rem 1.5rem;
    border: .1rem solid transparent;
    border-radius: .7rem;
    color: rgba(255, 255, 255, .82);
    background: transparent;
    font: inherit;
    font-size: 1.35rem;
    font-weight: 700;
    letter-spacing: .07em;
    text-align: left;
    text-transform: uppercase;
    cursor: pointer;
    isolation: isolate;
    transition:
      color .2s ease,
      border-color .2s ease,
      background .2s ease,
      box-shadow .2s ease,
      transform .2s ease;
  }

  /* Recreate the active theme's animated glow-btn treatment. */
  .oasis-mega-menu__tab::before,
  .oasis-mega-menu__tab::after {
    position: absolute;
    border-radius: inherit;
    content: "";
    pointer-events: none;
  }

  .oasis-mega-menu__tab::before {
    z-index: -2;
    inset: -.3rem;
    opacity: 0;
    background: linear-gradient(
      45deg,
      #ff0000,
      #ff7300,
      #fffb00,
      #48ff00,
      #00ffd5,
      #002bff,
      #7a00ff,
      #ff00c8,
      #ff0000
    );
    background-size: 400% 400%;
    filter: blur(1.6rem);
    transition: opacity .25s ease;
    animation: oasisMegaRainbowGlow 8s linear infinite;
  }

  .oasis-mega-menu__tab::after {
    z-index: -1;
    inset: 0;
    opacity: 0;
    background: linear-gradient(
      110deg,
      #ff20ff 0%,
      #8f42f4 24%,
      #0da7e2 52%,
      #00d8c8 74%,
      #ff20ff 100%
    );
    background-size: 300% 100%;
    transition: opacity .2s ease;
    animation: oasisMegaGradientShift 4.5s linear infinite;
  }

  .oasis-mega-menu__tab > span:last-child {
    opacity: 0;
    color: #20e6ed;
    font-size: 2rem;
    transform: translateX(-.8rem);
    transition: opacity .18s ease, transform .18s ease;
  }

  .oasis-mega-menu__tab:hover,
  .oasis-mega-menu__tab.is-active {
    border-color: rgba(29, 218, 235, .42);
    color: #fff;
    background: #17111e;
    text-shadow:
      0 0 .8rem rgba(255, 32, 255, .95),
      0 0 1.8rem rgba(13, 167, 226, .9);
    transform: translateX(.3rem);
  }

  .oasis-mega-menu__tab:hover::before,
  .oasis-mega-menu__tab:hover::after,
  .oasis-mega-menu__tab.is-active::before,
  .oasis-mega-menu__tab.is-active::after {
    opacity: 1;
  }

  .oasis-mega-menu__tab:hover > span:last-child,
  .oasis-mega-menu__tab.is-active > span:last-child {
    opacity: 1;
    transform: translateX(0);
  }

  .oasis-mega-menu__panel[hidden] {
    display: none;
  }

  .oasis-mega-menu__cards {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1.5rem;
    margin: 0;
    padding: 0;
    list-style: none;
  }

  .oasis-mega-menu__card-item {
    position: relative;
    z-index: 0;
    min-width: 0;
    border-radius: .9rem;
    isolation: isolate;
  }

  .oasis-mega-menu__card-item::before,
  .oasis-mega-menu__card-item::after {
    position: absolute;
    border-radius: 1rem;
    content: "";
    opacity: 0;
    pointer-events: none;
    transition: opacity .25s ease;
  }

  .oasis-mega-menu__card-item::before {
    z-index: -2;
    inset: -.3rem;
    background: linear-gradient(
      45deg,
      #ff0000,
      #ff7300,
      #fffb00,
      #48ff00,
      #00ffd5,
      #002bff,
      #7a00ff,
      #ff00c8,
      #ff0000
    );
    background-size: 400% 400%;
    filter: blur(1.6rem);
    animation: oasisMegaRainbowGlow 8s linear infinite;
  }

  .oasis-mega-menu__card-item::after {
    z-index: -1;
    inset: -.1rem;
    background: linear-gradient(110deg, #ff20ff, #7a00ff, #0da7e2, #00ffd5, #ff20ff);
    background-size: 300% 100%;
    animation: oasisMegaGradientShift 4.5s linear infinite;
    display: none;
  }

  .oasis-mega-menu__card-item:hover::before,
  .oasis-mega-menu__card-item:hover::after,
  .oasis-mega-menu__card-item:focus-within::before,
  .oasis-mega-menu__card-item:focus-within::after {
    opacity: 1;
  }

  .oasis-mega-menu__card,
  .oasis-mega-menu__discover {
    position: relative;
    z-index: 1;
    display: flex;
    min-height: 14rem;
    aspect-ratio: 5 / 3;
    overflow: hidden;
    border: .1rem solid rgba(255, 255, 255, .1);
    border: .1rem solid transparent;
    border-radius: .9rem;
    color: #fff;
    background: #211032;
    isolation: isolate;
    transition:
      border-color .2s ease,
      box-shadow .2s ease,
      transform .2s ease;
  }

  .oasis-mega-menu__card::after {
    position: absolute;
    inset: 45% 0 0;
    z-index: -1;
    background: linear-gradient(transparent, rgba(3, 0, 9, .9));
    content: "";
  }

  .oasis-mega-menu__card-image,
  .oasis-mega-menu__card-placeholder {
    position: absolute;
    z-index: -2;
    inset: 0;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: fill;
    object-position: center;
    transition: transform .3s ease;
  }

  .oasis-mega-menu__card-placeholder {
    background:
      radial-gradient(circle at 25% 20%, rgba(255, 32, 255, .48), transparent 35%),
      radial-gradient(circle at 80% 75%, rgba(13, 167, 226, .52), transparent 38%),
      #211032;
  }

  .oasis-mega-menu__card:hover .oasis-mega-menu__card-image {
    transform: none;
  }

  .oasis-mega-menu__card:hover,
  .oasis-mega-menu__card:focus-visible {
    border-color: rgba(29, 218, 235, .6);
    border-color: transparent;
    color: #fff;
    box-shadow:
      0 0 1.4rem rgba(255, 32, 255, .48),
      0 0 3rem rgba(13, 167, 226, .4);
    transform: translateY(-.2rem);
  }

  .oasis-mega-menu__card-label {
    align-self: flex-end;
    margin: 1.2rem;
    padding: .55rem .8rem;
    border-radius: .4rem;
    background: rgba(12, 2, 25, .9);
    color: #fff;
    font-size: 1.15rem;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: .035em;
    text-transform: uppercase;
  }

  /* The Infinity Mirror artwork is composed on the left of its thumbnail. */
  .oasis-mega-menu__card--infinity-mirror-signs .oasis-mega-menu__card-label {
    margin-left: auto;
  }

  .oasis-mega-menu__card.is-current {
    outline: .2rem solid #20e6ed;
    outline-offset: .2rem;
    outline: 0;
  }

  .oasis-mega-menu__discover {
    align-items: center;
    justify-content: center;
    gap: 1.2rem;
    padding: 2rem;
    border: 0;
    background: linear-gradient(105deg, #f42ad5, #8e54ee 52%, #25bddc);
    font-size: 1.3rem;
    font-weight: 700;
    letter-spacing: .07em;
    text-transform: uppercase;
    box-shadow: 0 0 2.8rem rgba(210, 42, 220, .24);
  }

  .oasis-mega-menu__discover:hover {
    color: #fff;
    transform: translateY(-.2rem);
    box-shadow:
      0 0 1.5rem rgba(255, 32, 255, .5),
      0 0 3rem rgba(13, 167, 226, .45);
  }

  .oasis-mega-menu__quote {
    display: flex;
    width: 100%;
    min-height: 5.2rem;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    margin-top: 1.5rem;
    padding: 1.3rem 2rem;
    border-radius: .7rem;
    background: linear-gradient(105deg, #f42ad5, #8e54ee 52%, #25bddc);
    color: #fff;
    font-size: 1.35rem;
    font-weight: 700;
    letter-spacing: .08em;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    box-shadow:
      0 0 1.6rem rgba(255, 32, 255, .35),
      0 0 3rem rgba(13, 167, 226, .2);
    transition: box-shadow .2s ease, transform .2s ease;
  }

  /* Match the quote button to the occupied card columns instead of the full panel. */
  .oasis-mega-menu__panel--columns-1 .oasis-mega-menu__quote {
    width: calc(25% - 1.125rem);
  }

  .oasis-mega-menu__panel--columns-2 .oasis-mega-menu__quote {
    width: calc(50% - .75rem);
  }

  .oasis-mega-menu__panel--columns-3 .oasis-mega-menu__quote {
    width: calc(75% - .375rem);
  }

  .oasis-mega-menu__quote:hover,
  .oasis-mega-menu__quote:focus-visible {
    color: #fff;
    transform: translateY(-.2rem);
    box-shadow:
      0 0 1.8rem rgba(255, 32, 255, .58),
      0 0 3.5rem rgba(13, 167, 226, .42);
  }

  /* Keep the top-level navigation aligned with the existing Oasis header. */
  .header__inline-menu.neon_dropdown > .list-menu--inline {
    column-gap: clamp(.5rem, 1vw, 1.5rem);
  }
}

@keyframes oasisMegaRainbowGlow {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}

@keyframes oasisMegaGradientShift {
  0% { background-position: 0% 50%; }
  100% { background-position: 300% 50%; }
}

@media screen and (min-width: 990px) and (max-width: 1249px) {
  .oasis-mega-menu__cards {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .oasis-mega-menu__content {
    padding-block: 3rem;
  }

  .oasis-mega-menu__panel--columns-1 .oasis-mega-menu__quote {
    width: calc(33.333% - 1rem);
  }

  .oasis-mega-menu__panel--columns-2 .oasis-mega-menu__quote {
    width: calc(66.666% - .5rem);
  }

  .oasis-mega-menu__panel--columns-3 .oasis-mega-menu__quote,
  .oasis-mega-menu__panel--columns-4 .oasis-mega-menu__quote {
    width: 100%;
  }
}

@media (prefers-reduced-motion: reduce) {
  .oasis-mega-menu__content,
  .oasis-mega-menu__card-image,
  .oasis-mega-menu__tab > span:last-child,
  .oasis-mega-menu__tab::before,
  .oasis-mega-menu__tab::after,
  .oasis-mega-menu__card-item::before,
  .oasis-mega-menu__card-item::after {
    transition: none !important;
    animation: none !important;
  }
}


/* Menucard-style uniform cards for compact mega-menu groups.
   Larger collection panels retain the original image-card grid. */
@media screen and (min-width: 990px) {
  .oasis-mega-menu__panel:is(
    .oasis-mega-menu__panel--items-1,
    .oasis-mega-menu__panel--items-2,
    .oasis-mega-menu__panel--items-3,
    .oasis-mega-menu__panel--items-4
  ) .oasis-mega-menu__cards {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    width: 100%;
    max-width: 85.5rem;
  }

  /* One-card panels match the approved Non-Illuminated card. */
  .oasis-mega-menu__panel--items-1 .oasis-mega-menu__cards {
    grid-template-columns: minmax(0, 1fr);
    width: 100%;
    max-width: 42rem;
  }

  .oasis-mega-menu__panel--items-1 .oasis-mega-menu__quote {
    width: 100%;
    max-width: 42rem;
  }

  /* Two-to-four-card panels use two equal cards per row. */
  .oasis-mega-menu__panel:is(
    .oasis-mega-menu__panel--items-2,
    .oasis-mega-menu__panel--items-3,
    .oasis-mega-menu__panel--items-4
  ) .oasis-mega-menu__quote {
    width: 100%;
    max-width: 85.5rem;
  }

  /* Keep every compact card at the same height. */
  .oasis-mega-menu__panel:is(
    .oasis-mega-menu__panel--items-1,
    .oasis-mega-menu__panel--items-2,
    .oasis-mega-menu__panel--items-3,
    .oasis-mega-menu__panel--items-4
  ) .oasis-mega-menu__card {
    display: grid;
    grid-template-columns: minmax(0, 44%) minmax(0, 56%);
    height: 14rem;
    min-height: 14rem;
    aspect-ratio: auto;
    background: #fff;
  }

  .oasis-mega-menu__panel:is(
    .oasis-mega-menu__panel--items-1,
    .oasis-mega-menu__panel--items-2,
    .oasis-mega-menu__panel--items-3,
    .oasis-mega-menu__panel--items-4
  ) .oasis-mega-menu__card::after {
    display: none;
  }

  /* Make the image fill the left side consistently. */
  .oasis-mega-menu__panel:is(
    .oasis-mega-menu__panel--items-1,
    .oasis-mega-menu__panel--items-2,
    .oasis-mega-menu__panel--items-3,
    .oasis-mega-menu__panel--items-4
  ) :is(
    .oasis-mega-menu__card-image,
    .oasis-mega-menu__card-placeholder
  ) {
    position: relative;
    z-index: 0;
    inset: auto;
    display: block;
    width: 100%;
height: 14rem !important;
min-height: 14rem;
align-self: stretch;
object-fit: cover;
object-position: center;
  }

  /* Centre the label inside the white area. */
  .oasis-mega-menu__panel:is(
    .oasis-mega-menu__panel--items-1,
    .oasis-mega-menu__panel--items-2,
    .oasis-mega-menu__panel--items-3,
    .oasis-mega-menu__panel--items-4
  ) .oasis-mega-menu__card-label {
    display: flex;
    align-self: stretch;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 2rem;
    border-radius: 0;
    background: #fff;
    color: #19072e;
    font-size: 1.2rem;
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: 0.035em;
    text-align: center;
    text-transform: uppercase;
  }
}

/* Crop the blank lower edge from the Side/Edge-Lit thumbnail only. */
@media screen and (min-width: 990px) {
  .oasis-mega-menu__panel .oasis-mega-menu__card--side-edge-lit-signs .oasis-mega-menu__card-image {
    height: 15.6rem !important;
    min-height: 15.6rem;
    align
  }
}

/* Apply proportional thumbnails only to Shop > Neon Sign. */
@media screen and (min-width: 990px) {
  .oasis-mega-menu__card[id^="HeaderMenu-shop-neon-sign-"]
  .oasis-mega-menu__card-image {
    object-fit: cover;
    object-position: center;
  }
}