* { margin: 0; padding: 0; } body { overflow-x: hidden !important; }  @media (max-width: 767px) { :root {  --section-padding-y: clamp(2.5rem, 8vw, 4rem);  --stack-gap-xs: 0.25rem; --stack-gap-s: var(--space-xs); --stack-gap: 0.75rem; --stack-gap-l: var(--space-m); --stack-gap-xl: var(--space-l); --stack-gap-2xl: var(--space-xl);  --grid-gap-s: var(--space-s); --grid-gap: var(--space-m); --grid-gap-l: var(--space-l);  --card-pad-xs: var(--space-xs); --card-pad-s: var(--space-s); --card-pad: var(--space-m); --card-pad-l: var(--space-l); --card-pad-xl: var(--space-xl); } }   .input, input:not([type="range"]), select, textarea { padding: 0 var(--space-s); } label { margin-bottom: var(--space-xs); } fieldset { padding: var(--space-m); }    nav ul li > a, nav ul li.menu-item-has-children > .brx-submenu-toggle > a { position: relative; overflow: hidden; }  nav ul li > a::after, nav ul li.menu-item-has-children > .brx-submenu-toggle > a::after { content: ""; position: absolute; bottom: 0; left: 0; width: 0; height: 2px; background-color: var(--color-accent); transition: width 0.3s ease; }  nav ul li > a:not([aria-current="page"]):hover::after, nav ul li.menu-item-has-children > .brx-submenu-toggle > a:not([aria-current="page"]):hover::after { width: 100%; animation: nav-underline-pulse 1.5s infinite; }  @keyframes nav-underline-pulse { 0%, 100% { width: 100%; } 50% { width: 60%; } }    .footer-brand-info__social-icons li { position: relative; border: 1px solid var(--color-border-default); color: var(--color-text-default); }  .footer-brand-info__social-icons li .icon { transition: color 0.3s ease, transform 0.3s ease; }  .footer-brand-info__social-icons li.has-link a, .footer-brand-info__social-icons li.no-link { padding: var(--space-s) var(--space-m); display: inline-flex; align-items: center; justify-content: center; }  .footer-brand-info__social-icons li::before, .footer-brand-info__social-icons li::after { content: ""; position: absolute; display: block; width: 0%; height: 0%; border: 0 solid transparent; pointer-events: none; transition: width 0.5s ease, height 0.5s ease, border-color 0s; }  .footer-brand-info__social-icons li::after { top: 0; left: 0; border-top-width: 2px; border-left-width: 2px; }  .footer-brand-info__social-icons li::before { right: 0; bottom: 0; border-bottom-width: 2px; border-right-width: 2px; }  .footer-brand-info__social-icons li:hover { color: var(--color-accent); } .footer-brand-info__social-icons li:hover::before, .footer-brand-info__social-icons li:hover::after { width: 100%; height: 100%; border-color: var(--color-accent); } .footer-brand-info__social-icons li:hover .icon { color: var(--color-accent); transform: scale(1.08); }   .woocommerce-notices-wrapper { margin: 0 auto; } .woocommerce-notices-wrapper .woocommerce-message { background-color: var(--color-accent-l-5); padding: var(--space-m); color: var(--color-accent); } .woocommerce-notices-wrapper .woocommerce-message a, body:not(.woocommerce-block-theme-has-button-styles) .wc-block-components-button:not(.is-link) { padding: var(--space-s) var(--space-m); background-color: var(--color-accent); color: var(--color-text-inverse); font-size: var(--text-base); font-weight: 500; }  .woocommerce-cart.woocommerce-page article, .woocommerce-checkout.woocommerce-page article { width: var(--container-full); padding-right: var(--container-padding); padding-left: var(--container-padding); max-width: var(--container-wide); margin: 0 auto; }  .brxe-filter-search .icon { visibility: visible; right: var(--space-m); }  .brxe-filter-range .double-slider-wrap .value-wrap { margin-top: var(--space-m); }  .bricks-button.form-btn, .woocommerce .button:not(.is-link) { background-color: var(--color-accent); padding: var(--space-m) var(--space-l); color: var(--color-text-inverse); font-size: var(--text-base); font-weight: 500; border: 2px solid var(--color-accent); min-width: 8rem; text-decoration: none; } .bricks-button.form-btn:hover, .bricks-button.form-btn:focus, .woocommerce .button:not(.is-link):hover, .woocommerce .button:not(.is-link):focus { background-color: var(--color-bg-surface); color: var(--color-accent); }  .woocommerce-account .woocommerce { flex-direction: column; gap: var(--space-l); padding: var(--space-m); } .woocommerce-account .woocommerce-MyAccount-navigation, .woocommerce-account .woocommerce-MyAccount-content { background-color: transparent; width: var(--container-full); padding: var(--container-padding); max-width: var(--container-wide); } .woocommerce-account .woocommerce-MyAccount-navigation ul { display: flex; flex-direction: row; gap: var(--stack-gap); flex-wrap: wrap; } .woocommerce-account .woocommerce-MyAccount-navigation ul .woocommerce-MyAccount-navigation-link a { border: 1px solid var(--color-border-default); padding: var(--space-s) var(--space-m); line-height: var(--leading-normal); transition: background-color 0.3s ease, color 0.3s ease; } .woocommerce-account .woocommerce-MyAccount-navigation ul .woocommerce-MyAccount-navigation-link.is-active a { background-color: var(--color-bg-body); } .woocommerce-account .woocommerce-MyAccount-content a { text-decoration: underline; color: var(--color-accent); } .woocommerce-account .woocommerce-MyAccount-content .woocommerce-EditAccountForm.edit-account .button { margin-top: var(--space-m); } .woocommerce-account .woocommerce-MyAccount-content .woocommerce-info { background-color: var(--color-accent-l-5); color: var(--color-accent); padding: var(--space-m); margin-bottom: var(--space-l); } .woocommerce-account .woocommerce .woocommerce-form-login { align-self: center; margin-bottom: calc(var(--space-xl) * 2); padding: var(--space-m); } .woocommerce-account article > h1, .woocommerce-checkout article > h1, .woocommerce-cart article > h1 { background-color: var(--color-accent); background-image: url(https://thespaceagencystudio.com/wp-content/uploads/2026/02/pattern-2-extended-2.svg); background-size: cover; padding: var(--space-l); text-align: center; color: var(--color-text-inverse); margin-bottom: var(--space-l); }   .italized-text { font-family: "PP Editorial New", "Manrope", sans-serif; font-weight: 400; font-size: 1.05em; } .italized-text.hero-heading { font-size: .75em; }  .hidden { display: none; visibility: hidden; opacity: 0; }  .show-mobile-search { visibility: visible !important; opacity: 1 !important; }