:root {
--seanav-navy-dark:    #060c12;
--seanav-navy:         #0d1117;
--seanav-navy-light:   #161b22;
--seanav-cyan:         #00ff88;
--seanav-cyan-bright:  #00ffa3;
--seanav-cyan-dark:    #00cc6a;
--seanav-cyan-glow:    rgba(0, 255, 136, 0.16);
--seanav-accent:       #00d4ff;
--seanav-gold:         #f59e0b;
--seanav-text:         #f0f6fc;
--seanav-text-muted:   #8b949e;
--seanav-text-white:   #ffffff;
--seanav-body:         #0d1117;
--seanav-card-bg:      #131b24;
--seanav-border:       rgba(0, 255, 136, 0.12);
--seanav-border-light: rgba(255, 255, 255, 0.07);
--seanav-radius:       14px;
--seanav-radius-sm:    8px;
--seanav-radius-lg:    20px;
--seanav-shadow:       0 10px 30px rgba(0, 0, 0, 0.4);
--seanav-shadow-lg:    0 20px 45px rgba(0, 0, 0, 0.6);
--seanav-shadow-glow:  0 0 25px rgba(0, 255, 136, 0.20);
--seanav-transition:   0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}
*, *::before, *::after {
box-sizing: border-box;
}
html {
scroll-behavior: smooth;
font-size: 16px;
}
body {
margin: 0;
padding: 0;
font-family: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
background-color: var(--seanav-body);
color: var(--seanav-text);
line-height: 1.6;
overflow-x: hidden;
}
.screen-reader-text {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute !important;
width: 1px;
word-wrap: normal !important;
}
.skip-link:focus {
background-color: var(--seanav-navy, #0d1117);
color: #ffffff !important;
clip: auto !important;
clip-path: none;
height: auto;
left: 10px;
top: 10px;
width: auto;
z-index: 100000;
padding: 12px 22px;
font-weight: 700;
border: 2px solid var(--seanav-cyan, #00ff88);
border-radius: var(--seanav-radius-sm, 8px);
box-shadow: var(--seanav-shadow-lg);
}
a {
color: var(--seanav-cyan-dark);
text-decoration: none;
transition: color 0.2s ease, opacity 0.2s ease;
}
a:hover {
color: var(--seanav-cyan);
}
img {
max-width: 100%;
height: auto;
display: inline-block;
vertical-align: middle;
}
h1, h2, h3, h4, h5, h6, .section-title, .hero-title, .mega-col-title {
font-family: 'Outfit', sans-serif;
color: var(--seanav-text);
font-weight: 700;
line-height: 1.2;
margin-top: 0;
margin-bottom: 0.5em;
letter-spacing: -0.02em;
}
h1 { font-size: clamp(2.2rem, 4vw, 3.8rem); font-weight: 800; }
h2 { font-size: clamp(1.6rem, 3vw, 2.6rem); }
h3 { font-size: clamp(1.3rem, 2.2vw, 1.8rem); }
h4 { font-size: clamp(1.1rem, 1.6vw, 1.35rem); }
h5 { font-size: 1rem; }
a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible {
outline: 2px solid var(--seanav-cyan) !important;
outline-offset: 3px !important;
border-radius: 4px;
}
@media (prefers-reduced-motion: reduce) {
*, *::before, *::after {
animation-duration: 0.01ms !important;
animation-iteration-count: 1 !important;
transition-duration: 0.01ms !important;
scroll-behavior: auto !important;
}
}
.display-flex { display: flex; }
.align-items-center { align-items: center; }
.justify-content-between { justify-content: space-between; }
.relative { position: relative; }
.ml-10 { margin-left: 10px; }
.ml-15 { margin-left: 15px; }
.mt-15 { margin-top: 15px; }
.mt-20 { margin-top: 20px; }
.mb-20 { margin-bottom: 20px; }
.text-center { text-align: center; }
#content, .content-area, .site-main, main#main {
width: 100% !important;
max-width: 100% !important;
padding: 0 !important;
margin: 0 !important;
}
.full-width-page, .single-post-fullwidth, .archive-fullwidth {
width: 100% !important;
max-width: 100% !important;
}
.container,
.container-width {
width: 100%;
max-width: 1380px;
margin-left: auto;
margin-right: auto;
padding-left: 24px;
padding-right: 24px;
}
.full-width-container, .container.full-width {
width: 100% !important;
max-width: 100% !important;
padding-left: 0 !important;
padding-right: 0 !important;
}
.row {
display: flex;
flex-wrap: wrap;
margin-left: -15px;
margin-right: -15px;
}
[class*="col"] {
position: relative;
width: 100%;
padding-left: 15px;
padding-right: 15px;
min-height: 1px;
}
.col-inner {
position: relative;
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
}
@media (min-width: 850px) {
.col.large-1  { flex: 0 0 8.3333%;  width: 8.3333%;  max-width: 8.3333%; }
.col.large-2  { flex: 0 0 16.6667%; width: 16.6667%; max-width: 16.6667%; }
.col.large-3  { flex: 0 0 25%;      width: 25%;      max-width: 25%; }
.col.large-4  { flex: 0 0 33.3333%; width: 33.3333%; max-width: 33.3333%; }
.col.large-5  { flex: 0 0 41.6667%; width: 41.6667%; max-width: 41.6667%; }
.col.large-6  { flex: 0 0 50%;      width: 50%;      max-width: 50%; }
.col.large-7  { flex: 0 0 58.3333%; width: 58.3333%; max-width: 58.3333%; }
.col.large-8  { flex: 0 0 66.6667%; width: 66.6667%; max-width: 66.6667%; }
.col.large-9  { flex: 0 0 75%;      width: 75%;      max-width: 75%; }
.col.large-10 { flex: 0 0 83.3333%; width: 83.3333%; max-width: 83.3333%; }
.col.large-11 { flex: 0 0 91.6667%; width: 91.6667%; max-width: 91.6667%; }
.col.large-12 { flex: 0 0 100%;     width: 100%;     max-width: 100%; }
}
@media (min-width: 550px) and (max-width: 849px) {
.col.medium-6,
.col.large-6,
.col.large-4,
.col.large-3 { flex: 0 0 50%; width: 50%; max-width: 50%; }
.col.medium-12,
.col.small-12 { flex: 0 0 100%; width: 100%; max-width: 100%; }
}
@media (max-width: 549px) {
.col.small-6 { flex: 0 0 50%; width: 50%; max-width: 50%; }
.col.small-12,
.col.large-5,
.col.large-7,
.col.large-6,
.col.large-4,
.col.large-3 { flex: 0 0 100%; width: 100%; max-width: 100%; }
}
.row.row-collapse {
margin-left: 0;
margin-right: 0;
}
.row.row-collapse > .col {
padding-left: 0;
padding-right: 0;
}
.row.valign-middle {
align-items: stretch;
}
.row.align-center {
justify-content: center;
}
.col.align-center,
.col.align-center .col-inner {
text-align: center !important;
}
.col.align-center .col-inner {
align-items: center !important;
justify-content: center;
}
.col.align-center .col-inner > *,
.col.align-center .col-inner h1,
.col.align-center .col-inner h2,
.col.align-center .col-inner h3,
.col.align-center .col-inner h4,
.col.align-center .col-inner p,
.col.align-center .col-inner span {
text-align: center !important;
}
.col.align-center .col-inner > h2,
.col.align-center .col-inner > h3,
.col.align-center .col-inner > p {
width: 100%;
max-width: 760px;
margin-left: auto !important;
margin-right: auto !important;
}
.row.align-center > .col.large-10,
.row.align-center > .col.large-8,
.row.align-center > .col.align-center {
margin-left: auto;
margin-right: auto;
}
.section.dark .col.align-center .col-inner,
.section-dark .col.align-center .col-inner {
text-align: center !important;
color: rgba(255, 255, 255, 0.9);
}
.section.dark .col.align-center .col-inner > div[style*="display:flex"],
.section-dark .col.align-center .col-inner > div[style*="display:flex"] {
justify-content: center !important;
width: 100%;
}
.col.align-left,
.col.align-left .col-inner {
text-align: left;
align-items: flex-start;
}
.col.align-right,
.col.align-right .col-inner {
text-align: right;
align-items: flex-end;
}
.row.row-collapse .ux-banner .banner-layers,
.row.row-collapse .ux-banner .text-box,
.row.row-collapse .ux-banner .text-box-inner {
text-align: center;
margin-left: auto;
margin-right: auto;
}
.row.row-collapse .ux-banner .text-box-inner > p:first-child,
.row.row-collapse .ux-banner .text-box-inner > p:first-child > span {
color: #ffffff !important;
background: transparent !important;
background-color: transparent !important;
padding: 0 !important;
border-radius: 0 !important;
}
.row.row-collapse .ux-banner .text-box-inner > p:first-child > span[style*="background"] {
font-size: 11px !important;
letter-spacing: 4px !important;
font-weight: 700 !important;
text-transform: uppercase !important;
}
.row.row-collapse .ux-banner .text-box-inner > p[style*="letter-spacing:2px"],
.row.row-collapse .ux-banner .text-box-inner > p[style*="line-height:1.8"],
.row.row-collapse .ux-banner .text-box-inner > p[style*="font-size:13px"],
.row.row-collapse .ux-banner .text-box-inner > p[style*="font-size:15px"] {
color: #ffffff !important;
}
#content main#main > .row.row-collapse {
background-color: var(--seanav-navy);
width: 100%;
max-width: 100%;
margin-top: 0;
margin-bottom: 0;
}
.seanav-about-section {
overflow: hidden;
}
.seanav-about-section > .section-content.container {
max-width: 100%;
width: 100%;
padding-left: 0;
padding-right: 0;
}
.seanav-about-section .seanav-about-row,
.seanav-about-section .row {
margin: 0;
align-items: stretch;
display: flex;
flex-wrap: wrap;
}
.seanav-about-section .row > .col {
padding: 0;
display: flex;
}
.seanav-about-section .col-inner {
width: 100%;
height: 100%;
}
.seanav-about-panel {
height: 100%;
min-height: 420px;
display: flex;
flex-direction: column;
justify-content: center;
padding: 48px 40px;
box-sizing: border-box;
width: 100%;
}
.seanav-about-panel--intro {
background: linear-gradient(160deg, #0a4f8a 0%, #0f76d0 55%, #1490e8 100%);
color: rgba(255, 255, 255, 0.88);
}
.seanav-about-panel--mission {
position: relative;
color: rgba(255, 255, 255, 0.9);
background-color: #0a1929;
background-size: cover;
background-position: center;
overflow: hidden;
}
.seanav-about-panel--mission::before {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(105deg, rgba(10, 25, 41, 0.88) 0%, rgba(15, 118, 208, 0.55) 100%);
z-index: 0;
}
.seanav-about-panel--mission > * {
position: relative;
z-index: 1;
}
.seanav-about-eyebrow {
display: inline-block;
color: #00e5ff;
font-size: 11px;
letter-spacing: 4px;
text-transform: uppercase;
font-weight: 700;
margin-bottom: 14px;
}
.seanav-about-panel h2 {
color: #ffffff;
font-size: clamp(2rem, 3vw, 2.4rem);
font-weight: 800;
margin: 0 0 16px;
line-height: 1.15;
}
.seanav-about-panel h3 {
color: #ffffff;
font-size: clamp(1.25rem, 2vw, 1.6rem);
font-weight: 700;
line-height: 1.4;
margin: 0 0 16px;
}
.seanav-about-panel p {
font-size: 15px;
line-height: 1.75;
margin: 0 0 14px;
max-width: 36em;
color: rgba(255, 255, 255, 0.88);
}
.seanav-about-panel .button,
.seanav-about-panel a.button {
display: inline-flex;
align-items: center;
margin-top: 10px;
padding: 10px 20px;
border: 1.5px solid #ffffff;
border-radius: 6px;
color: #ffffff !important;
background: transparent !important;
font-size: 0.8rem;
font-weight: 700;
letter-spacing: 0.04em;
text-transform: uppercase;
width: fit-content;
}
.seanav-about-panel .button:hover,
.seanav-about-panel a.button:hover {
background: #ffffff !important;
color: #0f76d0 !important;
transform: none;
box-shadow: none;
}
@media (max-width: 849px) {
.seanav-about-panel {
min-height: 300px;
padding: 40px 28px;
}
}
#header {
position: relative;
width: 100%;
z-index: 1000;
background: #ffffff;
box-shadow: 0 4px 20px rgba(6, 23, 41, 0.06);
}
.header-top {
background: var(--seanav-navy-dark);
color: rgba(255, 255, 255, 0.88);
font-size: 0.84rem;
padding: 8px 0;
border-bottom: 1px solid rgba(0, 200, 224, 0.15);
}
.header-top a {
color: rgba(255, 255, 255, 0.92);
display: inline-flex;
align-items: center;
gap: 6px;
}
.header-top a:hover {
color: var(--seanav-cyan-bright);
}
.top-bar-item {
display: inline-flex;
align-items: center;
gap: 6px;
}
.seanav-icon {
stroke: var(--seanav-cyan);
flex-shrink: 0;
}
.header-main {
min-height: 62px;
padding: 0;
display: flex;
align-items: center;
background: #ffffff;
border-bottom: 1px solid var(--seanav-border-light);
margin-bottom: 0;
}
#header {
margin-bottom: 0;
}
#header + #content,
#header + .content-area,
.header-wrapper + #content {
margin-top: 0;
padding-top: 0;
}
body.home #content,
body.page-template-default #content.full-width-page,
#content.full-width-page > #main.site-main {
margin-top: 0 !important;
padding-top: 0 !important;
}
#main.site-main > p:empty,
#main.site-main > p:first-child:has(> :only-child:is(br)),
#content > p:empty {
display: none !important;
margin: 0 !important;
padding: 0 !important;
height: 0 !important;
line-height: 0 !important;
}
.ux-slider-wrapper {
margin: 0 !important;
padding: 0 !important;
width: 100%;
max-width: 100%;
overflow: hidden;
position: relative;
}
.ux-slider-wrapper > .ux-slider,
.ux-slider-wrapper > .ux-slider.row,
.ux-slider,
.ux-slider.row {
margin: 0 !important;
padding: 0 !important;
width: 100% !important;
max-width: 100% !important;
display: block !important;
position: relative;
}
.ux-banner.banner {
position: relative !important;
overflow: hidden !important;
width: 100% !important;
max-width: 100% !important;
margin: 0 !important;
padding: 0 !important;
display: flex !important;
align-items: center;
justify-content: center;
isolation: isolate;
}
.ux-banner .banner-bg {
position: absolute !important;
top: 0 !important;
right: 0 !important;
bottom: 0 !important;
left: 0 !important;
width: 100% !important;
height: 100% !important;
z-index: 0 !important;
overflow: hidden !important;
margin: 0 !important;
padding: 0 !important;
pointer-events: none;
}
.ux-banner .banner-bg img.bg,
.ux-banner .banner-bg img {
position: absolute !important;
top: 0 !important;
left: 0 !important;
right: 0 !important;
bottom: 0 !important;
width: 100% !important;
height: 100% !important;
max-width: none !important;
max-height: none !important;
object-fit: cover !important;
object-position: center center !important;
display: block !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
}
.ux-banner .banner-overlay {
position: absolute !important;
top: 0 !important;
right: 0 !important;
bottom: 0 !important;
left: 0 !important;
z-index: 1 !important;
pointer-events: none;
}
.ux-banner .banner-layers {
position: relative !important;
z-index: 2 !important;
width: 100%;
margin: 0 auto;
display: flex;
align-items: center;
justify-content: center;
padding-top: 48px;
padding-bottom: 48px;
box-sizing: border-box;
}
.ux-banner .banner-layers > .text_box,
.ux-banner .seanav-hero-copy,
.ux-banner .seanav-hero-copy .text-box-inner {
width: 100%;
text-align: center;
margin-left: auto;
margin-right: auto;
}
.ux-banner .seanav-hero-copy .text-box-inner > h1,
.ux-banner .seanav-hero-copy .text-box-inner > p,
.ux-banner .seanav-hero-copy .text-box-inner > div {
margin-left: auto;
margin-right: auto;
}
.ux-banner .seanav-hero-copy .text-box-inner > div[style*="display:flex"] {
justify-content: center;
}
.ux-banner.seanav-hero-banner .seanav-hero-copy .text-box-inner > p[style*="font-size:17px"],
.ux-banner.seanav-hero-banner .seanav-hero-copy .text-box-inner > p[style*="max-width:540px"] {
color: #ffffff !important;
}
.stat-pulse {
color: #ffffff;
}
.stat-pulse > span,
.stat-pulse > span[style*="color:#00bcd4"],
.stat-pulse > span[style*="color: #00bcd4"],
.stat-pulse > span[style*="color:#00c8e0"],
.stat-pulse > span[style*="color: #00c8e0"] {
color: #ffffff !important;
}
.header-inner {
display: flex;
align-items: center;
justify-content: space-between;
gap: 20px;
width: 100%;
}
.header-logo a {
display: flex;
align-items: center;
gap: 10px;
}
.header-logo img {
max-height: 46px;
width: auto;
object-fit: contain;
}
.logo-fallback-text {
font-family: 'Outfit', sans-serif;
font-size: 1.45rem;
font-weight: 800;
color: var(--seanav-navy);
letter-spacing: -0.5px;
}
.logo-fallback-text span {
color: var(--seanav-cyan);
}
.header-search-container {
flex: 1;
max-width: 580px;
margin: 0 15px;
}
.header-search-form {
position: relative;
display: flex;
align-items: center;
width: 100%;
}
.header-top .header-search-input {
width: 100%;
height: 40px;
padding: 8px 46px 8px 16px;
font-size: 0.88rem;
border-radius: var(--seanav-radius-sm);
border: 1px solid rgba(255, 255, 255, 0.22);
background: rgba(255, 255, 255, 0.06);
color: var(--seanav-text-white);
outline: none;
transition: border-color 0.2s ease, background 0.2s ease, box-shadow 0.2s ease;
}
.header-top .header-search-input::placeholder {
color: rgba(255, 255, 255, 0.55);
opacity: 1;
}
.header-top .header-search-input:focus {
border-color: var(--seanav-cyan);
background: rgba(255, 255, 255, 0.1);
box-shadow: 0 0 0 2px var(--seanav-cyan-glow);
}
.header-top .header-search-btn {
position: absolute;
right: 3px;
top: 3px;
bottom: 3px;
width: 36px;
padding: 0;
background: transparent;
color: rgba(255, 255, 255, 0.92);
border: none;
border-radius: 6px;
display: inline-flex;
align-items: center;
justify-content: center;
cursor: pointer;
transition: background 0.2s ease, color 0.2s ease;
}
.header-top .header-search-btn svg,
.header-top .header-search-icon {
display: block;
width: 16px;
height: 16px;
flex-shrink: 0;
pointer-events: none;
stroke: currentColor;
}
.header-top .header-search-btn:hover,
.header-top .header-search-btn:focus-visible {
background: rgba(0, 200, 224, 0.18);
color: var(--seanav-cyan-bright);
outline: none;
}
.header-search-input {
width: 100%;
height: 40px;
padding: 8px 16px;
font-size: 0.88rem;
border-radius: var(--seanav-radius-sm);
border: 1px solid var(--seanav-border-light);
background: #f8fafc;
color: var(--seanav-navy);
outline: none;
}
.header-search-container.seanav-ls-wrap {
position: relative;
}
.seanav-ls-panel {
position: absolute;
top: calc(100% + 8px);
left: 0;
right: 0;
z-index: 999;
max-height: 70vh;
overflow-y: auto;
background: #ffffff;
border: 1px solid var(--seanav-border-light, #e2e8f0);
border-top: 3px solid var(--seanav-cyan, #00c8e0);
border-radius: 10px;
box-shadow: 0 18px 44px rgba(6, 23, 41, 0.22);
padding: 6px 0;
text-align: left;
animation: seanavLsFade 0.14s ease;
}
@keyframes seanavLsFade {
from { opacity: 0; transform: translateY(-4px); }
to   { opacity: 1; transform: translateY(0); }
}
.header-top .seanav-ls-loading,
.header-top .seanav-ls-empty,
.seanav-ls-loading,
.seanav-ls-empty {
padding: 16px 18px;
font-size: 0.88rem;
color: #64748b;
}
.seanav-ls-group + .seanav-ls-group {
border-top: 1px solid #eef2f7;
}
.header-top .seanav-ls-group-title,
.seanav-ls-group-title {
padding: 10px 16px 6px;
font-size: 0.7rem;
font-weight: 700;
letter-spacing: 0.06em;
text-transform: uppercase;
color: var(--seanav-navy, #061729);
}
.seanav-ls-list {
list-style: none;
margin: 0;
padding: 0;
}
.header-top .seanav-ls-link,
.seanav-ls-link {
display: flex;
align-items: center;
gap: 12px;
padding: 9px 16px;
color: var(--seanav-navy, #061729);
text-decoration: none;
transition: background 0.15s ease;
}
.header-top .seanav-ls-link:hover,
.header-top .seanav-ls-link.is-active,
.seanav-ls-link:hover,
.seanav-ls-link.is-active {
background: rgba(0, 200, 224, 0.1);
color: var(--seanav-navy, #061729);
}
.seanav-ls-thumb {
flex: 0 0 auto;
width: 44px;
height: 44px;
border-radius: 6px;
overflow: hidden;
background: #f1f5f9;
display: flex;
align-items: center;
justify-content: center;
border: 1px solid #eef2f7;
}
.seanav-ls-thumb img {
display: block;
width: 100%;
height: 100%;
max-width: none;
object-fit: cover;
opacity: 1;
visibility: visible;
}
.seanav-ls-thumb-fallback {
width: 20px;
height: 20px;
border-radius: 4px;
background: linear-gradient(135deg, #cbd5e1, #e2e8f0);
}
.seanav-ls-text {
display: flex;
flex-direction: column;
min-width: 0;
}
.header-top .seanav-ls-name,
.seanav-ls-name {
font-size: 0.9rem;
font-weight: 500;
line-height: 1.3;
color: var(--seanav-navy, #061729);
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.header-top .seanav-ls-price,
.seanav-ls-price {
font-size: 0.82rem;
font-weight: 700;
color: #008fa3;
margin-top: 2px;
}
.seanav-ls-price del {
color: #94a3b8;
font-weight: 400;
margin-right: 4px;
}
.header-top .seanav-ls-viewall,
.seanav-ls-viewall {
display: block;
padding: 11px 16px;
margin-top: 4px;
border-top: 1px solid #eef2f7;
font-size: 0.84rem;
font-weight: 700;
color: var(--seanav-navy, #061729);
text-decoration: none;
background: #f8fafc;
}
.header-top .seanav-ls-viewall:hover,
.seanav-ls-viewall:hover {
background: rgba(0, 200, 224, 0.12);
color: #008fa3;
}
.header-actions {
display: flex;
align-items: center;
gap: 15px;
}
.header-quote-btn {
padding: 10px 20px;
font-size: 0.88rem;
font-weight: 700;
border-radius: var(--seanav-radius-sm);
background: linear-gradient(135deg, var(--seanav-navy) 0%, var(--seanav-navy-light) 100%);
color: #ffffff !important;
box-shadow: 0 4px 14px rgba(6, 23, 41, 0.15);
transition: all 0.25s ease;
white-space: nowrap;
}
.header-quote-btn:hover {
transform: translateY(-2px);
box-shadow: 0 6px 20px rgba(0, 200, 224, 0.3);
background: var(--seanav-cyan);
color: #ffffff !important;
}
.header-shop-btn {
padding: 9px 16px;
font-size: 0.85rem;
font-weight: 600;
border-radius: var(--seanav-radius-sm);
background: rgba(255, 255, 255, 0.08);
border: 1px solid rgba(255, 255, 255, 0.22);
color: #e2e8f0 !important;
transition: all 0.25s ease;
white-space: nowrap;
display: inline-flex;
align-items: center;
gap: 6px;
}
.header-shop-btn:hover {
background: rgba(56, 189, 248, 0.15);
border-color: #38bdf8;
color: #38bdf8 !important;
transform: translateY(-2px);
}
.cart-link {
position: relative;
display: inline-flex;
align-items: center;
justify-content: center;
width: 42px;
height: 42px;
border-radius: 50%;
background: #f1f5f9;
color: var(--seanav-navy);
transition: all 0.2s ease;
}
.cart-link:hover {
background: var(--seanav-cyan-glow);
color: var(--seanav-cyan-dark);
}
.cart-count {
position: absolute;
top: -4px;
right: -4px;
background: var(--seanav-cyan);
color: #ffffff;
font-size: 0.72rem;
font-weight: 800;
width: 20px;
height: 20px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
border: 2px solid #ffffff;
}
.mega-nav-bar {
display: flex;
align-items: center;
}
.mega-nav-list {
display: flex;
align-items: center;
list-style: none;
margin: 0;
padding: 0;
width: 100%;
}
.mega-nav-item {
position: static;
}
.mega-nav-link {
display: inline-flex;
align-items: center;
gap: 4px;
padding: 14px 10px;
font-size: 0.92rem;
font-weight: 600;
color: var(--seanav-navy);
transition: all 0.2s ease;
white-space: nowrap;
}
.mega-nav-link .chevron {
font-size: 9px;
color: #94a3b8;
transition: transform 0.2s ease;
}
.mega-nav-item:hover > .mega-nav-link {
color: var(--seanav-cyan-dark);
}
.mega-nav-item:hover > .mega-nav-link .chevron {
transform: rotate(180deg);
color: var(--seanav-cyan-dark);
}
.seanav-mega-menu {
position: absolute;
top: 100%;
left: 0;
width: 1160px;
max-width: min(1180px, calc(100vw - 32px));
background: #ffffff;
border: 1px solid var(--seanav-border-light);
border-radius: 0 0 var(--seanav-radius) var(--seanav-radius);
box-shadow: 0 20px 45px rgba(6, 23, 41, 0.14);
padding: 28px;
display: grid;
grid-template-columns: repeat(5, 1fr);
gap: 24px;
opacity: 0;
visibility: hidden;
transform: translateY(12px);
transition: all 0.25s cubic-bezier(0.25, 0.8, 0.25, 1);
z-index: 9999;
}
.mega-nav-item.has-mega-dropdown:nth-last-child(-n+3) > .seanav-mega-menu {
right: 0;
left: auto;
}
.mega-nav-item.has-mega-dropdown:hover > .seanav-mega-menu {
opacity: 1;
visibility: visible;
transform: translateY(0);
}
.mega-column {
display: flex;
flex-direction: column;
height: 100%;
}
.mega-col-title {
font-size: 0.88rem;
font-weight: 700;
color: var(--seanav-navy);
text-transform: uppercase;
letter-spacing: 0.5px;
margin-bottom: 12px;
display: flex;
align-items: center;
justify-content: space-between;
border-bottom: 2px solid var(--seanav-cyan-glow);
padding-bottom: 6px;
}
.mega-col-title .arrow {
font-size: 10px;
color: var(--seanav-cyan);
}
.mega-col-list {
list-style: none;
margin: 0;
padding: 0;
}
.mega-col-list li {
margin-bottom: 8px;
}
.mega-col-list li a {
font-size: 0.86rem;
color: var(--seanav-text-muted);
font-weight: 500;
display: inline-block;
transition: all 0.15s ease;
}
.mega-col-list li a:hover {
color: var(--seanav-cyan-dark);
transform: translateX(4px);
}
.mobile-nav-toggle {
display: none;
background: none;
border: none;
cursor: pointer;
padding: 8px;
color: var(--seanav-navy);
}
.header-main-mobile-actions {
display: none;
align-items: center;
gap: 4px;
}
.header-cart--mobile .cart-link {
color: var(--seanav-navy);
}
.header-cart--mobile .cart-link:hover {
color: var(--seanav-cyan);
}
.header-cart--mobile .cart-count {
background: var(--seanav-cyan);
color: #fff;
}
.mobile-drawer-contact {
margin-top: 1.25rem;
padding-top: 0.75rem;
border-top: 1px solid var(--seanav-border-light);
display: flex;
flex-direction: column;
}
.mobile-drawer-contact-link {
display: flex;
align-items: center;
gap: 10px;
padding: 12px 0;
border-bottom: 1px solid #f1f5f9;
color: var(--seanav-navy);
font-weight: 600;
font-size: 0.95rem;
line-height: 1.35;
}
.mobile-drawer-contact-link .seanav-icon {
stroke: var(--seanav-cyan);
flex-shrink: 0;
}
.mobile-drawer-contact-link:hover,
.mobile-drawer-contact-link:focus-visible {
color: var(--seanav-cyan);
}
.mobile-drawer-quote {
margin-top: 0.65rem;
justify-content: center;
padding: 0.7rem 1rem;
border: none;
border-radius: var(--seanav-radius, 6px);
background: var(--seanav-navy);
color: #fff;
font-weight: 700;
text-align: center;
}
.mobile-drawer-quote:hover,
.mobile-drawer-quote:focus-visible {
background: var(--seanav-cyan);
color: #fff;
}
@media (max-width: 960px) {
.header-top {
display: none;
}
.header-search-container { display: none; }
.mega-nav-bar { display: none; }
.mobile-nav-toggle { display: block; }
.header-main-mobile-actions { display: flex; }
}
.mobile-nav-drawer {
position: fixed;
inset: 0;
z-index: 99999;
visibility: hidden;
opacity: 0;
transition: all 0.3s ease;
}
body.mobile-nav-active .mobile-nav-drawer {
visibility: visible;
opacity: 1;
}
.drawer-overlay {
position: absolute;
inset: 0;
background: rgba(4, 16, 30, 0.75);
backdrop-filter: blur(4px);
}
.drawer-content {
position: absolute;
top: 0; right: 0; bottom: 0;
width: 320px;
max-width: 88vw;
background: #ffffff;
transform: translateX(100%);
transition: transform 0.3s ease;
display: flex;
flex-direction: column;
}
body.mobile-nav-active .drawer-content {
transform: translateX(0);
}
.drawer-header {
padding: 20px;
border-bottom: 1px solid var(--seanav-border-light);
display: flex;
align-items: center;
justify-content: space-between;
}
.drawer-title { font-weight: 800; color: var(--seanav-navy); font-size: 1.1rem; }
.drawer-close { background: none; border: none; font-size: 1.6rem; cursor: pointer; color: var(--seanav-navy); }
.drawer-body { padding: 20px; overflow-y: auto; flex: 1; }
.mobile-menu-list { list-style: none; padding: 0; margin: 0; }
.mobile-menu-list .mobile-menu-item {
border-bottom: 1px solid #f1f5f9;
}
.mobile-menu-list .mobile-menu-item > a,
.mobile-menu-item-row > a,
.mobile-menu-group-label {
display: block;
padding: 12px 0;
color: var(--seanav-navy);
font-weight: 600;
line-height: 1.35;
}
.mobile-menu-item-row {
display: flex;
align-items: center;
gap: 4px;
}
.mobile-menu-item-row > a,
.mobile-menu-item-row > .mobile-menu-group-label {
flex: 1;
min-width: 0;
border-bottom: none;
padding-right: 8px;
}
.mobile-menu-group-label {
font-size: 0.92rem;
color: var(--seanav-navy-light);
}
.mobile-submenu-toggle {
flex-shrink: 0;
display: inline-flex;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
margin: 0;
padding: 0;
border: none;
border-radius: var(--seanav-radius-sm);
background: transparent;
color: var(--seanav-navy);
cursor: pointer;
transition: background 0.2s ease, color 0.2s ease, transform 0.2s ease;
}
.mobile-submenu-toggle:hover,
.mobile-submenu-toggle:focus-visible {
background: var(--seanav-cyan-glow);
color: var(--seanav-cyan-dark);
box-shadow: none;
transform: none;
}
.mobile-submenu-toggle svg {
display: block;
transition: transform 0.25s ease;
}
.mobile-menu-item.has-children.is-open > .mobile-menu-item-row > .mobile-submenu-toggle {
color: var(--seanav-cyan-dark);
background: var(--seanav-cyan-glow);
}
.mobile-menu-item.has-children.is-open > .mobile-menu-item-row > .mobile-submenu-toggle svg {
transform: rotate(180deg);
}
.mobile-submenu {
list-style: none;
margin: 0;
padding: 0 0 6px 14px;
border-left: 2px solid var(--seanav-cyan-glow);
display: none;
}
.mobile-menu-item.has-children.is-open > .mobile-submenu {
display: block;
}
.mobile-submenu > .mobile-menu-item {
border-bottom-color: #f8fafc;
}
.mobile-submenu > .mobile-menu-item > a,
.mobile-submenu .mobile-menu-item-row > a,
.mobile-submenu .mobile-menu-group-label {
padding: 10px 0;
font-size: 0.9rem;
font-weight: 500;
color: var(--seanav-navy-light);
}
.mobile-submenu .mobile-submenu {
padding-left: 12px;
margin-left: 2px;
}
.mobile-submenu .mobile-submenu > .mobile-menu-item > a {
font-size: 0.86rem;
font-weight: 500;
color: var(--seanav-text-muted);
}
.mobile-menu-list a:hover,
.mobile-menu-list a:focus-visible {
color: var(--seanav-cyan-dark);
}
.button, button, input[type="submit"] {
display: inline-flex;
align-items: center;
justify-content: center;
padding: 12px 24px;
font-size: 0.92rem;
font-weight: 700;
border-radius: var(--seanav-radius-sm);
background: var(--seanav-cyan);
color: #ffffff;
border: none;
cursor: pointer;
transition: all var(--seanav-transition);
}
.button:hover, button:hover, input[type="submit"]:hover {
background: var(--seanav-cyan-dark);
color: #ffffff;
transform: translateY(-2px);
box-shadow: var(--seanav-shadow);
}
.button.secondary { background: var(--seanav-navy); }
.button.secondary:hover { background: var(--seanav-navy-light); }
.box:not(.product-small),
.box-push,
.seanav-card,
.widget {
background: var(--seanav-card-bg);
border-radius: var(--seanav-radius);
border: 1px solid var(--seanav-border-light);
box-shadow: var(--seanav-shadow);
transition: all var(--seanav-transition);
display: flex;
flex-direction: column;
justify-content: space-between;
height: 100%;
overflow: hidden;
}
.box:not(.product-small):hover,
.seanav-card:hover {
transform: translateY(-6px);
box-shadow: var(--seanav-shadow-lg);
border-color: var(--seanav-cyan);
}
.seanav-card img {
width: 100%;
height: 220px;
object-fit: contain;
background: #ffffff;
padding: 14px;
}
.box-text, .product-title {
padding: 18px;
flex-grow: 1;
display: flex;
flex-direction: column;
justify-content: space-between;
}
#content .row:has(.box.box-push.box-text-bottom) > .col {
display: flex;
align-items: stretch;
}
#content .row:has(.box.box-push.box-text-bottom) > .col > .col-inner {
display: flex;
flex-direction: column;
height: 100%;
width: 100%;
}
#content .box.box-push.box-text-bottom,
#content .seanav-cat-tile {
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-start;
text-align: center;
width: 100%;
height: 100%;
margin: 0;
overflow: hidden;
}
#content .box.box-push.box-text-bottom .box-image,
#content .seanav-cat-tile .box-image {
display: flex;
flex: 1 1 auto;
justify-content: center;
align-items: center;
width: 100%;
min-height: 0;
padding: 12px;
background: #ffffff;
border-radius: 12px 12px 0 0;
box-sizing: border-box;
}
#content .box.box-push.box-text-bottom .box-image img,
#content .seanav-cat-tile .box-image img {
display: block;
margin: 0 auto;
width: auto;
max-width: 90%;
max-height: 100%;
height: auto;
object-fit: contain;
object-position: center center;
}
#content .box.box-push.box-text-bottom > .box-text,
#content .seanav-cat-tile > .box-text {
flex: 0 0 auto;
height: auto !important;
min-height: 0 !important;
max-width: 188px;
width: 100%;
margin: 1px auto !important;
padding: 1px !important;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
text-align: center;
box-sizing: border-box;
}
#content .box.box-push.box-text-bottom .box-text-inner,
#content .seanav-cat-tile .box-text-inner {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
width: 100%;
margin: 0 !important;
padding: 0 !important;
text-align: center;
}
#content .box.box-push.box-text-bottom .box-text-inner h5,
#content .box.box-push.box-text-bottom .seanav-cat-tile-title,
#content .seanav-cat-tile .box-text-inner h5,
#content .seanav-cat-tile .seanav-cat-tile-title {
margin: 0 !important;
padding: 0 !important;
text-align: center;
font-size: 13px !important;
font-weight: 700 !important;
line-height: 1.35;
text-transform: uppercase !important;
letter-spacing: 1px !important;
color: #0a1929 !important;
}
#content .box.box-push.box-text-bottom .box-text-inner p,
#content .seanav-cat-tile .box-text-inner p {
margin: 0 !important;
padding: 0 !important;
text-align: center;
}
#content .box.box-push.box-text-bottom .box-text-inner p:empty,
#content .seanav-cat-tile .box-text-inner p:empty,
#content .box.box-push.box-text-bottom .box-text-inner > h5:empty,
#content .seanav-cat-tile .box-text-inner > h5:empty,
#content .box.box-push.box-text-bottom .box-text-inner > h5:has(> a:only-child:empty),
#content .seanav-cat-tile .box-text-inner > h5:has(> a:only-child:empty) {
display: none;
}
#content .box.box-push.box-text-bottom .box-text-inner a,
#content .box.box-push.box-text-bottom .seanav-cat-tile-title a,
#content .seanav-cat-tile .box-text-inner a,
#content .seanav-cat-tile .seanav-cat-tile-title a {
color: inherit;
text-align: center;
}
@media (min-width: 850px) {
.row.large-columns-1 > .col { flex: 0 0 100%; width: 100%; max-width: 100%; }
.row.large-columns-2 > .col { flex: 0 0 50%; width: 50%; max-width: 50%; }
.row.large-columns-3 > .col { flex: 0 0 33.3333%; width: 33.3333%; max-width: 33.3333%; }
.row.large-columns-4 > .col { flex: 0 0 25%; width: 25%; max-width: 25%; }
.row.large-columns-5 > .col { flex: 0 0 20%; width: 20%; max-width: 20%; }
.row.large-columns-6 > .col { flex: 0 0 16.6667%; width: 16.6667%; max-width: 16.6667%; }
.row.large-columns-7 > .col { flex: 0 0 14.2857%; width: 14.2857%; max-width: 14.2857%; }
.row.large-columns-8 > .col { flex: 0 0 12.5%; width: 12.5%; max-width: 12.5%; }
}
@media (min-width: 550px) and (max-width: 849px) {
.row.medium-columns-1 > .col { flex: 0 0 100%; width: 100%; max-width: 100%; }
.row.medium-columns-2 > .col { flex: 0 0 50%; width: 50%; max-width: 50%; }
.row.medium-columns-3 > .col { flex: 0 0 33.3333%; width: 33.3333%; max-width: 33.3333%; }
.row.medium-columns-4 > .col { flex: 0 0 25%; width: 25%; max-width: 25%; }
}
@media (max-width: 549px) {
.row.small-columns-1 > .col { flex: 0 0 100%; width: 100%; max-width: 100%; }
.row.small-columns-2 > .col { flex: 0 0 50%; width: 50%; max-width: 50%; }
.row.small-columns-3 > .col { flex: 0 0 33.3333%; width: 33.3333%; max-width: 33.3333%; }
}
.row.row-small {
margin-left: -10px;
margin-right: -10px;
}
.row.row-small > .col {
padding-left: 10px;
padding-right: 10px;
margin-bottom: 20px;
}
.seanav-products-slider,
.products.row.seanav-products-slider {
display: flex !important;
flex-wrap: nowrap !important;
overflow-x: auto !important;
overflow-y: hidden !important;
scroll-snap-type: x mandatory;
-webkit-overflow-scrolling: touch;
scrollbar-width: thin;
gap: 0;
padding-bottom: 10px;
align-items: stretch;
}
.seanav-products-slider > .col,
.seanav-products-slider > .product-small.col {
flex: 0 0 25% !important;
width: 25% !important;
max-width: 25% !important;
min-width: 250px;
scroll-snap-align: start;
margin-bottom: 0;
}
@media (max-width: 849px) {
.seanav-products-slider > .col,
.seanav-products-slider > .product-small.col {
flex: 0 0 33.3333% !important;
width: 33.3333% !important;
max-width: 33.3333% !important;
min-width: 200px;
}
}
@media (max-width: 549px) {
.seanav-products-slider > .col,
.seanav-products-slider > .product-small.col {
flex: 0 0 50% !important;
width: 50% !important;
max-width: 50% !important;
min-width: 160px;
}
}
.seanav-products-slider.large-columns-4 > .col { flex-basis: 25% !important; width: 25% !important; max-width: 25% !important; }
.seanav-products-slider.large-columns-5 > .col { flex-basis: 20% !important; width: 20% !important; max-width: 20% !important; }
.seanav-products-slider.large-columns-3 > .col { flex-basis: 33.3333% !important; width: 33.3333% !important; max-width: 33.3333% !important; }
.product-small.col {
display: flex;
flex-direction: column;
}
.product-small .col-inner {
display: flex;
flex-direction: column;
height: 100%;
width: 100%;
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
transform: none !important;
overflow: visible !important;
padding: 0;
}
.product-small .box,
.product-small .product-small.box {
background: #ffffff;
border: 1px solid #e8edf3;
border-radius: 10px;
box-shadow: 0 4px 18px rgba(15, 23, 42, 0.06);
overflow: hidden;
height: 100%;
display: flex;
flex-direction: column;
transition: box-shadow 0.25s ease, transform 0.25s ease;
}
.product-small .box:hover {
transform: translateY(-4px);
box-shadow: 0 12px 28px rgba(15, 23, 42, 0.10);
border-color: #e8edf3;
}
.product-small .box-image {
position: relative;
width: 100%;
aspect-ratio: 1 / 1;
background: #ffffff;
overflow: hidden;
flex: 0 0 auto;
}
.product-small .box-image .image-cover {
position: absolute;
inset: 0;
display: block;
}
.product-small .box-image .image-cover > a {
position: absolute;
inset: 0;
display: block;
}
.product-small .box-image img {
position: absolute !important;
inset: 0 !important;
width: 100% !important;
height: 100% !important;
max-width: none !important;
max-height: none !important;
object-fit: contain !important;
object-position: center center !important;
margin: 0 !important;
padding: 12px !important;
box-sizing: border-box;
background: transparent;
}
.product-small .badge-container {
position: absolute;
top: 10px;
left: 10px;
z-index: 2;
pointer-events: none;
}
.product-small .badge-circle .badge-inner,
.product-small .callout.badge {
width: 52px;
height: 52px;
border-radius: 50%;
background: #1e3a5f;
color: #ffffff;
display: flex;
align-items: center;
justify-content: center;
font-size: 0.72rem;
font-weight: 600;
font-style: italic;
}
.product-small .onsale {
color: #ffffff;
background: transparent;
border: 0;
padding: 0;
}
.product-small .box-text {
display: flex;
flex-direction: column;
flex: 1 1 auto;
padding: 14px 16px 18px !important;
text-align: left;
min-height: 0;
}
.product-small .title-wrapper {
flex: 1 1 auto;
}
.product-small .product-cat {
margin: 0 0 6px;
font-size: 0.7rem;
letter-spacing: 0.06em;
text-transform: uppercase;
color: #94a3b8;
font-weight: 500;
}
.product-small .product-cat a {
color: inherit;
pointer-events: none;
}
.product-small .product-title,
.product-small .name.product-title,
.product-small h5.product-title {
margin: 0 0 8px;
font-size: 0.95rem;
font-weight: 600;
line-height: 1.35;
color: #334155;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
line-clamp: 3;
overflow: hidden;
}
.product-small .product-title a {
color: inherit;
}
.product-small .price-wrapper {
margin-top: auto;
}
.product-small .price {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 2px;
font-size: 0.95rem;
color: #0f172a;
font-weight: 700;
}
.product-small .price del {
order: -1;
color: #94a3b8;
font-weight: 400;
font-size: 0.85rem;
}
.product-small .price ins {
text-decoration: none;
font-weight: 700;
}
.product-small .add-to-cart-button {
margin-top: 12px;
}
.product-small .add-to-cart-button .button,
.product-small .button.is-outline {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 36px;
padding: 8px 16px;
border: none;
border-radius: 4px;
background: var(--seanav-cyan) !important;
color: #0d1117 !important;
font-size: 0.72rem;
font-weight: 700;
letter-spacing: 0.04em;
text-transform: uppercase;
transform: none !important;
box-shadow: 0 2px 10px rgba(0, 255, 136, 0.2) !important;
}
.product-small .add-to-cart-button .button:hover,
.product-small .button.is-outline:hover {
background: var(--seanav-cyan-dark) !important;
border-color: transparent;
color: #0d1117 !important;
}
.product-section-title {
margin: 0 0 1.25rem;
font-size: 1.15rem;
font-weight: 700;
letter-spacing: 0.04em;
text-transform: uppercase;
color: #334155;
text-align: center;
}
#footer {
background: var(--seanav-navy-dark);
color: rgba(255, 255, 255, 0.75);
padding: 65px 0 25px;
border-top: 3px solid var(--seanav-cyan);
}
#footer h4.widget-title {
color: #ffffff;
font-size: 1.15rem;
margin-bottom: 18px;
border-bottom: 2px solid var(--seanav-cyan-glow);
padding-bottom: 8px;
}
#footer a { color: rgba(255, 255, 255, 0.85); }
#footer a:hover { color: var(--seanav-cyan-bright); }
#footer .section-title-container .section-title,
#footer h3.section-title,
#footer .widget-title,
#footer h4.widget-title {
color: #ff7a00 !important;
border-bottom-color: rgba(255, 122, 0, 0.35);
}
#footer ul { list-style: none; padding: 0; margin: 0; }
#footer ul li { margin-bottom: 8px; }
.seanav-footer-list {
list-style: none !important;
padding: 0 !important;
margin: 0 !important;
}
.seanav-footer-list li {
margin-bottom: 9px !important;
line-height: 1.4;
}
.seanav-footer-list a {
color: #cbd5e1 !important;
text-decoration: none !important;
font-size: 13.5px !important;
font-weight: 500;
display: inline-flex !important;
align-items: center;
gap: 7px;
transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1) !important;
padding: 2px 0;
}
.seanav-footer-list a::before {
content: "›";
color: #00ff88;
font-weight: 700;
font-size: 15px;
line-height: 1;
transition: transform 0.2s ease, color 0.2s ease;
}
.seanav-footer-list a:hover {
color: #ffffff !important;
transform: translateX(4px);
}
.seanav-footer-list a:hover::before {
color: #38bdf8;
}
.absolute-footer.seanav-absolute-footer {
margin-top: 0;
padding: 18px 0;
background: #04080e !important;
border-top: 1px solid rgba(255, 255, 255, 0.08);
font-size: 0.83rem;
color: #94a3b8;
}
.seanav-copy-text {
margin: 0;
color: #94a3b8;
font-size: 0.82rem;
line-height: 1.5;
}
.seanav-legal-nav {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 14px;
flex-wrap: wrap;
}
.seanav-legal-nav a {
color: #cbd5e1 !important;
font-size: 0.82rem !important;
font-weight: 500;
text-decoration: none !important;
padding: 4px 2px;
min-height: 32px;
display: inline-flex;
align-items: center;
transition: color 0.2s ease !important;
}
.seanav-legal-nav a:hover {
color: #00ff88 !important;
text-decoration: underline !important;
}
.seanav-legal-nav .divider {
color: rgba(255, 255, 255, 0.22);
user-select: none;
}
.seanav-payments span {
display: inline-block;
background: rgba(255, 255, 255, 0.05);
border: 1px solid rgba(255, 255, 255, 0.12);
padding: 3px 8px;
border-radius: 4px;
font-size: 0.74rem;
color: #cbd5e1;
margin-left: 4px;
font-weight: 600;
letter-spacing: 0.3px;
}
.social-icons.follow-icons {
display: inline-flex;
flex-wrap: wrap;
align-items: center;
gap: 0.55em;
line-height: 1;
}
.social-icons.follow-icons .follow-icons__title {
display: block;
width: 100%;
margin-bottom: 0.4em;
font-size: 0.85rem;
color: rgba(255, 255, 255, 0.85);
}
.social-icons.follow-icons a {
display: inline-flex;
align-items: center;
justify-content: center;
width: 2.15em;
height: 2.15em;
border: 1px solid rgba(255, 255, 255, 0.45);
border-radius: 50%;
color: #ffffff !important;
background: transparent;
text-decoration: none;
transition: color 0.2s ease, border-color 0.2s ease, background 0.2s ease;
}
.social-icons.follow-icons a svg {
width: 1em;
height: 1em;
display: block;
}
.social-icons.follow-icons a:hover,
.social-icons.follow-icons a:focus {
color: var(--seanav-cyan-bright) !important;
border-color: var(--seanav-cyan);
background: rgba(0, 200, 224, 0.12);
}
#footer .social-icons.follow-icons a {
color: #ffffff !important;
border-color: rgba(255, 255, 255, 0.5);
}
#footer .social-icons.follow-icons a:hover,
#footer .social-icons.follow-icons a:focus {
color: var(--seanav-cyan-bright) !important;
border-color: var(--seanav-cyan-bright);
}
.col:has(> .col-inner > .seanav-info-card) {
display: flex;
flex-direction: column;
}
.col-inner > .seanav-info-card {
flex: 1 1 auto;
display: flex;
flex-direction: column;
box-sizing: border-box;
}
.col-inner > .seanav-info-card > ul:last-child {
margin-bottom: 0;
}
.pt-main { padding-top: 2rem; }
.pb-main { padding-bottom: 3rem; }
.seanav-shop-page {
background:
radial-gradient(ellipse 80% 50% at 0% 0%, rgba(0, 200, 224, 0.06), transparent 55%),
radial-gradient(ellipse 60% 40% at 100% 10%, rgba(6, 23, 41, 0.04), transparent 50%),
var(--seanav-body);
min-height: 40vh;
}
.seanav-shop-page .container.seanav-shop-container.full-width {
width: 100% !important;
max-width: 100% !important;
margin-left: auto;
margin-right: auto;
padding-left: clamp(24px, 3vw, 40px) !important;
padding-right: clamp(24px, 3vw, 40px) !important;
}
.seanav-shop-layout {
align-items: flex-start;
}
.seanav-shop-sidebar-inner {
display: flex;
flex-direction: column;
gap: 1rem;
height: auto !important;
}
.seanav-shop-sidebar .widget {
display: block;
height: auto !important;
justify-content: flex-start;
margin: 0;
padding: 1rem 1.1rem;
background: var(--seanav-card-bg);
border: 1px solid var(--seanav-border-light);
border-radius: var(--seanav-radius-sm);
box-shadow: 0 4px 16px rgba(6, 23, 41, 0.05);
overflow: hidden;
}
.seanav-shop-sidebar .widget-title {
display: block;
margin: 0 0 0.75rem;
padding-bottom: 0.55rem;
border-bottom: 2px solid var(--seanav-cyan-glow);
font-family: 'Outfit', sans-serif;
font-size: 0.78rem;
font-weight: 700;
letter-spacing: 0.07em;
text-transform: uppercase;
color: var(--seanav-navy);
}
.seanav-shop-sidebar ul {
margin: 0;
padding: 0;
list-style: none;
}
.seanav-shop-sidebar .product-categories > li,
.seanav-shop-sidebar .seanav-brand-list > li,
.seanav-shop-sidebar .woocommerce-widget-layered-nav-list > li,
.seanav-shop-sidebar .wc-brand-list-layered-nav-product_brand > li,
#shop-sidebar .widget_brand_nav .wc-layered-nav-term,
.seanav-shop-sidebar .wc-block-product-categories-list-item {
margin: 0;
padding: 0.35rem 0;
border-bottom: 1px solid #f1f5f9;
font-size: 0.88rem;
line-height: 1.4;
}
.seanav-shop-sidebar .product-categories > li:last-child,
.seanav-shop-sidebar .seanav-brand-list > li:last-child,
.seanav-shop-sidebar .woocommerce-widget-layered-nav-list > li:last-child,
.seanav-shop-sidebar .wc-brand-list-layered-nav-product_brand > li:last-child,
#shop-sidebar .widget_brand_nav .wc-layered-nav-term:last-child {
border-bottom: 0;
}
.seanav-shop-sidebar .widget a {
color: #334155;
text-decoration: none;
transition: color 0.2s ease;
}
.seanav-shop-sidebar .widget a:hover {
color: var(--seanav-cyan-dark);
}
.seanav-shop-sidebar .product-categories,
.seanav-shop-sidebar .seanav-brand-list,
.seanav-shop-sidebar .wc-brand-list-layered-nav-product_brand,
#shop-sidebar .widget_brand_nav ul,
#shop-sidebar .widget_layered_nav.widget_brand_nav ul,
.seanav-shop-sidebar .product_list_widget,
#shop-sidebar .widget_products .product_list_widget,
#shop-sidebar .widget_top_rated_products .product_list_widget,
#shop-sidebar .widget_recently_viewed_products .product_list_widget,
#shop-sidebar .widget_recent_reviews .product_list_widget,
.seanav-shop-sidebar-inner .woocommerce.widget_products .product_list_widget {
max-height: 280px;
overflow-y: auto;
scrollbar-width: thin;
scrollbar-color: var(--seanav-cyan) transparent;
}
#shop-sidebar .widget_brand_nav .wc-brand-list-layered-nav-product_brand,
#shop-sidebar .widget_brand_nav.widget_layered_nav ul {
margin: 0;
padding: 0;
list-style: none;
}
#shop-sidebar .widget_brand_nav .wc-layered-nav-term a,
.seanav-shop-sidebar .widget_brand_nav .wc-layered-nav-term a {
color: #334155;
text-decoration: none;
transition: color 0.2s ease;
}
#shop-sidebar .widget_brand_nav .wc-layered-nav-term a:hover,
.seanav-shop-sidebar .widget_brand_nav .wc-layered-nav-term a:hover {
color: var(--seanav-cyan-dark);
}
#shop-sidebar .widget_brand_nav .wc-layered-nav-term.chosen a,
.seanav-shop-sidebar .widget_brand_nav .wc-layered-nav-term.chosen a {
color: var(--seanav-navy);
font-weight: 600;
}
#shop-sidebar .widget_brand_nav .wc-layered-nav-term .count,
.seanav-shop-sidebar .widget_brand_nav .wc-layered-nav-term .count,
#shop-sidebar .seanav-brand-list .count,
.seanav-shop-sidebar .seanav-brand-list .count {
color: #94a3b8;
font-size: 0.8em;
font-weight: 500;
margin-left: auto;
}
#shop-sidebar .seanav-brand-list a,
.seanav-shop-sidebar .seanav-brand-list a {
display: flex;
align-items: center;
justify-content: space-between;
gap: 8px;
color: #334155;
text-decoration: none;
transition: color 0.2s ease;
}
#shop-sidebar .seanav-brand-list a:hover,
.seanav-shop-sidebar .seanav-brand-list a:hover {
color: var(--seanav-cyan-dark);
}
#shop-sidebar .widget_products ul.product_list_widget li,
#shop-sidebar .widget_top_rated_products ul.product_list_widget li,
#shop-sidebar .widget_recently_viewed_products ul.product_list_widget li,
#shop-sidebar .widget_recent_reviews ul.product_list_widget li,
.seanav-shop-sidebar ul.product_list_widget li,
.seanav-shop-sidebar-inner .woocommerce.widget_products ul.product_list_widget li {
display: flex !important;
flex-direction: row !important;
flex-wrap: wrap !important;
align-items: flex-start !important;
gap: 0.12rem 0.65rem;
margin: 0 !important;
padding: 0.45rem 0 !important;
padding-left: 0 !important;
border-bottom: 1px solid #f1f5f9;
border-top: 0 !important;
min-height: 0 !important;
height: auto !important;
overflow: visible !important;
position: static !important;
line-height: 1.3;
}
#shop-sidebar .widget_products ul.product_list_widget li:last-child,
#shop-sidebar .widget_top_rated_products ul.product_list_widget li:last-child,
#shop-sidebar .widget_recently_viewed_products ul.product_list_widget li:last-child,
#shop-sidebar .widget_recent_reviews ul.product_list_widget li:last-child,
.seanav-shop-sidebar ul.product_list_widget li:last-child,
.seanav-shop-sidebar-inner .woocommerce.widget_products ul.product_list_widget li:last-child {
border-bottom: 0;
margin-bottom: 0 !important;
padding-bottom: 0 !important;
}
#shop-sidebar ul.product_list_widget li > a,
.seanav-shop-sidebar ul.product_list_widget li > a,
.seanav-shop-sidebar-inner .woocommerce.widget_products ul.product_list_widget li > a {
display: flex !important;
flex-direction: row !important;
flex-wrap: nowrap !important;
align-items: center !important;
gap: 0.65rem !important;
flex: 1 1 100%;
min-width: 0;
width: 100% !important;
max-width: 100%;
margin: 0 !important;
padding: 0 !important;
overflow: hidden;
text-decoration: none;
line-height: 1.3;
}
#shop-sidebar ul.product_list_widget li img,
#shop-sidebar .widget_products ul.product_list_widget li img,
#shop-sidebar .widget_top_rated_products ul.product_list_widget li img,
#shop-sidebar .widget_recently_viewed_products ul.product_list_widget li img,
#shop-sidebar .widget_recent_reviews ul.product_list_widget li img,
.seanav-shop-sidebar ul.product_list_widget li img,
.seanav-shop-sidebar-inner .woocommerce.widget_products ul.product_list_widget li img {
position: static !important;
top: auto !important;
left: auto !important;
right: auto !important;
bottom: auto !important;
flex: 0 0 52px !important;
width: 52px !important;
height: 52px !important;
max-width: 52px !important;
max-height: 52px !important;
margin: 0 !important;
padding: 0 !important;
float: none !important;
display: block !important;
object-fit: contain !important;
object-position: center center !important;
border-radius: 6px;
background: #f8fafc;
}
#shop-sidebar ul.product_list_widget .product-title,
.seanav-shop-sidebar ul.product_list_widget .product-title,
.seanav-shop-sidebar-inner .woocommerce.widget_products ul.product_list_widget .product-title {
position: static !important;
flex: 1 1 auto !important;
min-width: 0 !important;
width: auto !important;
max-width: 100%;
display: -webkit-box !important;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
line-clamp: 2;
overflow: hidden !important;
margin: 0 !important;
padding: 0 !important;
font-size: 0.8rem !important;
font-weight: 600;
line-height: 1.3 !important;
color: #1e293b;
white-space: normal !important;
text-overflow: ellipsis;
}
#shop-sidebar ul.product_list_widget li > .price,
#shop-sidebar ul.product_list_widget li > del,
#shop-sidebar ul.product_list_widget li > ins,
#shop-sidebar ul.product_list_widget li > .woocommerce-Price-amount,
#shop-sidebar ul.product_list_widget li > .amount,
.seanav-shop-sidebar ul.product_list_widget li > .price,
.seanav-shop-sidebar ul.product_list_widget li > del,
.seanav-shop-sidebar ul.product_list_widget li > ins,
.seanav-shop-sidebar ul.product_list_widget li > .woocommerce-Price-amount,
.seanav-shop-sidebar ul.product_list_widget li > .amount,
.seanav-shop-sidebar-inner .woocommerce.widget_products ul.product_list_widget li > .price,
.seanav-shop-sidebar-inner .woocommerce.widget_products ul.product_list_widget li > del,
.seanav-shop-sidebar-inner .woocommerce.widget_products ul.product_list_widget li > ins,
.seanav-shop-sidebar-inner .woocommerce.widget_products ul.product_list_widget li > .woocommerce-Price-amount {
display: inline-block !important;
flex: 0 0 auto;
align-self: baseline;
max-width: 100%;
margin: 0 !important;
padding: 0 !important;
font-size: 0.75rem !important;
font-weight: 600;
line-height: 1.25 !important;
color: var(--seanav-navy);
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
vertical-align: baseline;
}
#shop-sidebar ul.product_list_widget li > del + ins,
.seanav-shop-sidebar ul.product_list_widget li > del + ins {
margin-left: 0.3rem !important;
}
#shop-sidebar ul.product_list_widget li > del,
#shop-sidebar ul.product_list_widget li > del .woocommerce-Price-amount,
.seanav-shop-sidebar ul.product_list_widget li > del,
.seanav-shop-sidebar ul.product_list_widget li > del .woocommerce-Price-amount {
font-size: 0.7rem !important;
font-weight: 500;
opacity: 0.65;
text-decoration: line-through;
}
#shop-sidebar ul.product_list_widget li > ins,
.seanav-shop-sidebar ul.product_list_widget li > ins {
text-decoration: none;
}
#shop-sidebar ul.product_list_widget .star-rating,
.seanav-shop-sidebar ul.product_list_widget .star-rating {
float: none !important;
flex: 0 0 auto;
width: auto !important;
margin: 0 0 0 calc(52px + 0.65rem) !important;
font-size: 0.65rem;
}
#shop-sidebar ul.product_list_widget .reviewer,
.seanav-shop-sidebar ul.product_list_widget .reviewer {
display: block;
flex: 1 1 100%;
margin: 0 0 0 calc(52px + 0.65rem);
font-size: 0.7rem;
color: var(--seanav-text-muted);
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.seanav-shop-sidebar .woocommerce-product-search,
.seanav-shop-sidebar form.woocommerce-product-search,
#shop-sidebar form.woocommerce-product-search {
position: relative;
display: flex;
align-items: center;
width: 100%;
gap: 0;
margin: 0;
}
.seanav-shop-sidebar .woocommerce-product-search .screen-reader-text,
#shop-sidebar .woocommerce-product-search .screen-reader-text,
.seanav-shop-sidebar .woocommerce-product-search > label,
#shop-sidebar .woocommerce-product-search > label {
position: absolute !important;
width: 1px !important;
height: 1px !important;
padding: 0 !important;
margin: -1px !important;
overflow: hidden !important;
clip: rect(0, 0, 0, 0) !important;
white-space: nowrap !important;
border: 0 !important;
}
.seanav-shop-sidebar .woocommerce-product-search .search-field,
#shop-sidebar .woocommerce-product-search .search-field {
flex: 1;
min-width: 0;
width: 100%;
height: 42px;
padding: 8px 46px 8px 14px;
border: 1px solid var(--seanav-border-light);
border-radius: var(--seanav-radius-sm);
font-size: 0.86rem;
color: var(--seanav-navy);
background: #f8fafc;
outline: none;
transition: border-color 0.2s ease, background 0.2s ease, box-shadow 0.2s ease;
-webkit-appearance: none;
appearance: none;
}
.seanav-shop-sidebar .woocommerce-product-search .search-field::placeholder,
#shop-sidebar .woocommerce-product-search .search-field::placeholder {
color: #94a3b8;
opacity: 1;
}
.seanav-shop-sidebar .woocommerce-product-search .search-field:focus,
#shop-sidebar .woocommerce-product-search .search-field:focus {
border-color: var(--seanav-cyan);
background: #fff;
box-shadow: 0 0 0 2px var(--seanav-cyan-glow);
}
.seanav-shop-sidebar .woocommerce-product-search .seanav-product-search-btn,
.seanav-shop-sidebar .woocommerce-product-search button[type="submit"],
#shop-sidebar .woocommerce-product-search .seanav-product-search-btn,
#shop-sidebar .woocommerce-product-search button[type="submit"] {
position: absolute;
right: 3px;
top: 3px;
bottom: 3px;
width: 36px;
padding: 0;
margin: 0;
border: none;
border-radius: 6px;
background: transparent;
color: #64748b;
font-size: 0;
line-height: 0;
text-indent: -9999px;
overflow: hidden;
display: inline-flex;
align-items: center;
justify-content: center;
cursor: pointer;
transition: background 0.2s ease, color 0.2s ease;
}
.seanav-shop-sidebar .woocommerce-product-search .seanav-product-search-btn,
#shop-sidebar .woocommerce-product-search .seanav-product-search-btn {
font-size: inherit;
line-height: normal;
text-indent: 0;
overflow: visible;
}
.seanav-shop-sidebar .woocommerce-product-search .seanav-product-search-icon,
.seanav-shop-sidebar .woocommerce-product-search button[type="submit"] svg,
#shop-sidebar .woocommerce-product-search .seanav-product-search-icon,
#shop-sidebar .woocommerce-product-search button[type="submit"] svg {
display: block;
width: 16px;
height: 16px;
flex-shrink: 0;
pointer-events: none;
stroke: currentColor;
}
.seanav-shop-sidebar .woocommerce-product-search .seanav-product-search-btn:hover,
.seanav-shop-sidebar .woocommerce-product-search .seanav-product-search-btn:focus-visible,
.seanav-shop-sidebar .woocommerce-product-search button[type="submit"]:hover,
.seanav-shop-sidebar .woocommerce-product-search button[type="submit"]:focus-visible,
#shop-sidebar .woocommerce-product-search .seanav-product-search-btn:hover,
#shop-sidebar .woocommerce-product-search .seanav-product-search-btn:focus-visible,
#shop-sidebar .woocommerce-product-search button[type="submit"]:hover,
#shop-sidebar .woocommerce-product-search button[type="submit"]:focus-visible {
background: var(--seanav-cyan-glow);
color: var(--seanav-cyan-dark);
outline: none;
}
#shop-sidebar .widget_price_filter .price_slider_wrapper,
.seanav-shop-sidebar-inner .widget_price_filter .price_slider_wrapper,
.seanav-shop-sidebar .widget_price_filter .price_slider_wrapper {
display: flex;
flex-direction: column;
gap: 0.65rem;
}
#shop-sidebar .widget_price_filter .price_slider_amount,
.seanav-shop-sidebar-inner .widget_price_filter .price_slider_amount,
.seanav-shop-sidebar .widget_price_filter .price_slider_amount {
display: contents;
}
#shop-sidebar .widget_price_filter .price_label,
.seanav-shop-sidebar-inner .widget_price_filter .price_label,
.seanav-shop-sidebar .widget_price_filter .price_label {
order: 1;
margin: 0;
padding: 0;
text-align: left;
line-height: 1.35;
font-size: 0.82rem;
font-weight: 600;
color: var(--seanav-text);
letter-spacing: 0.01em;
}
#shop-sidebar .widget_price_filter .price_slider,
.seanav-shop-sidebar-inner .widget_price_filter .price_slider,
.seanav-shop-sidebar .widget_price_filter .price_slider {
order: 2;
margin: 0.55rem 0.35rem 0.35rem;
}
#shop-sidebar .widget_price_filter .price_slider_amount .button,
.seanav-shop-sidebar-inner .widget_price_filter .price_slider_amount .button,
.seanav-shop-sidebar .widget_price_filter .button {
order: 3;
float: none;
align-self: flex-start;
margin-top: 0.15rem;
padding: 0.5rem 0.85rem;
border: 0;
border-radius: var(--seanav-radius-sm);
background: var(--seanav-navy);
color: #fff;
font-size: 0.78rem;
font-weight: 700;
letter-spacing: 0.04em;
text-transform: uppercase;
cursor: pointer;
transition: background 0.2s ease;
}
#shop-sidebar .widget_price_filter .button:hover,
.seanav-shop-sidebar .widget_price_filter .button:hover {
background: var(--seanav-cyan-dark);
}
#shop-sidebar .widget_price_filter.seanav-price-auto .price_slider_amount .button,
.seanav-shop-sidebar-inner .widget_price_filter.seanav-price-auto .price_slider_amount .button,
.seanav-shop-sidebar .widget_price_filter.seanav-price-auto .button {
display: none;
}
#shop-sidebar .widget_price_filter .price_slider_amount .clear,
.seanav-shop-sidebar-inner .widget_price_filter .price_slider_amount .clear,
.seanav-shop-sidebar .widget_price_filter .clear {
display: none;
}
.seanav-shop-sidebar .widget_price_filter input[type="text"],
#shop-sidebar .widget_price_filter input[type="text"] {
flex: 1;
min-width: 0;
padding: 0.5rem 0.7rem;
border: 1px solid var(--seanav-border-light);
border-radius: var(--seanav-radius-sm);
font-size: 0.88rem;
color: var(--seanav-text);
background: #fff;
}
#shop-sidebar .widget_price_filter .ui-slider,
.seanav-shop-sidebar-inner .widget_price_filter .ui-slider,
.seanav-shop-sidebar .widget_price_filter .ui-slider {
position: relative;
height: 6px;
border: 0;
border-radius: 999px;
background: var(--seanav-navy);
margin-left: 0.5em;
margin-right: 0.5em;
}
#shop-sidebar .widget_price_filter .ui-slider .ui-slider-range,
.seanav-shop-sidebar-inner .widget_price_filter .ui-slider .ui-slider-range,
.seanav-shop-sidebar .widget_price_filter .price_slider .ui-slider-range,
.seanav-shop-sidebar .ui-slider .ui-slider-range {
position: absolute;
top: 0;
height: 100%;
border: 0;
border-radius: 999px;
background: var(--seanav-cyan);
}
#shop-sidebar .widget_price_filter .ui-slider .ui-slider-handle,
.seanav-shop-sidebar-inner .widget_price_filter .ui-slider .ui-slider-handle,
.seanav-shop-sidebar .widget_price_filter .price_slider .ui-slider-handle,
.seanav-shop-sidebar .ui-slider .ui-slider-handle {
position: absolute;
z-index: 2;
top: 50%;
width: 16px;
height: 16px;
margin-left: -8px;
border: 2px solid var(--seanav-cyan);
border-radius: 50%;
background: #fff;
box-shadow: 0 1px 3px rgba(6, 23, 41, 0.22);
cursor: ew-resize;
outline: none;
transform: translateY(-50%);
transition: box-shadow 0.15s ease, border-color 0.15s ease, background 0.15s ease;
}
#shop-sidebar .widget_price_filter .ui-slider .ui-slider-handle:hover,
.seanav-shop-sidebar-inner .widget_price_filter .ui-slider .ui-slider-handle:hover,
.seanav-shop-sidebar .widget_price_filter .ui-slider .ui-slider-handle:hover {
border-color: var(--seanav-cyan-bright);
background: var(--seanav-cyan-glow);
}
#shop-sidebar .widget_price_filter .ui-slider .ui-slider-handle:focus,
#shop-sidebar .widget_price_filter .ui-slider .ui-slider-handle:focus-visible,
#shop-sidebar .widget_price_filter .ui-slider .ui-slider-handle.ui-state-focus,
.seanav-shop-sidebar-inner .widget_price_filter .ui-slider .ui-slider-handle:focus,
.seanav-shop-sidebar-inner .widget_price_filter .ui-slider .ui-slider-handle:focus-visible,
.seanav-shop-sidebar .widget_price_filter .ui-slider .ui-slider-handle:focus-visible {
border-color: var(--seanav-cyan-bright);
box-shadow: 0 0 0 3px var(--seanav-cyan-glow);
outline: none;
}
#shop-sidebar .widget_price_filter .price_slider_wrapper .ui-widget-content,
.seanav-shop-sidebar-inner .widget_price_filter .price_slider_wrapper .ui-widget-content,
.seanav-shop-sidebar .widget_price_filter .price_slider_wrapper .ui-widget-content {
border: 0;
border-radius: 999px;
background: var(--seanav-navy);
}
.seanav-shop-main .woocommerce-notices-wrapper {
margin-bottom: 0.75rem;
}
.seanav-shop-main .woocommerce-result-count {
clear: both;
float: none;
display: block;
margin: 1.25rem 0 0.75rem;
padding-top: 0;
font-size: 0.88rem;
color: var(--seanav-text-muted);
text-align: center;
}
#shop-sidebar .seanav-widget-catalog-ordering .woocommerce-ordering,
.seanav-shop-sidebar .seanav-widget-catalog-ordering .woocommerce-ordering {
float: none;
margin: 0;
width: 100%;
}
#shop-sidebar .seanav-widget-catalog-ordering .woocommerce-ordering select,
.seanav-shop-sidebar .seanav-widget-catalog-ordering .woocommerce-ordering select,
#shop-sidebar .seanav-widget-catalog-ordering select.orderby,
.seanav-shop-sidebar .seanav-widget-catalog-ordering select.orderby {
display: block;
width: 100%;
min-width: 0;
height: 42px;
padding: 8px 2.25rem 8px 14px;
border: 1px solid var(--seanav-border-light);
border-radius: var(--seanav-radius-sm);
background: #f8fafc url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%23061729' d='M1 1l5 5 5-5'/%3E%3C/svg%3E") no-repeat right 0.75rem center;
appearance: none;
-webkit-appearance: none;
font-size: 0.86rem;
color: var(--seanav-navy);
font-weight: 500;
cursor: pointer;
outline: none;
transition: border-color 0.2s ease, background 0.2s ease, box-shadow 0.2s ease;
}
#shop-sidebar .seanav-widget-catalog-ordering .woocommerce-ordering select:hover,
.seanav-shop-sidebar .seanav-widget-catalog-ordering .woocommerce-ordering select:hover,
#shop-sidebar .seanav-widget-catalog-ordering .woocommerce-ordering select:focus,
.seanav-shop-sidebar .seanav-widget-catalog-ordering .woocommerce-ordering select:focus,
#shop-sidebar .seanav-widget-catalog-ordering select.orderby:focus,
.seanav-shop-sidebar .seanav-widget-catalog-ordering select.orderby:focus {
border-color: var(--seanav-cyan);
background-color: #fff;
outline: none;
box-shadow: 0 0 0 2px var(--seanav-cyan-glow);
}
.seanav-shop-main .shop-container::after {
content: "";
display: table;
clear: both;
}
.seanav-shop-main .products.seanav-products {
clear: both;
width: 100%;
max-width: none;
margin-left: -10px;
margin-right: -10px;
}
.seanav-shop-main .products.seanav-products > .product-small.col {
display: flex;
align-items: stretch;
}
.seanav-shop-main .woocommerce-pagination {
clear: both;
margin: 2rem 0 0;
text-align: center;
}
.seanav-shop-main .woocommerce-pagination ul {
display: inline-flex;
flex-wrap: wrap;
gap: 0.4rem;
margin: 0;
padding: 0;
list-style: none;
border: 0;
}
.seanav-shop-main .woocommerce-pagination ul li {
margin: 0;
border: 0;
overflow: visible;
}
.seanav-shop-main .woocommerce-pagination ul li a,
.seanav-shop-main .woocommerce-pagination ul li span {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 40px;
height: 40px;
padding: 0 0.65rem;
border: 1px solid var(--seanav-border-light);
border-radius: var(--seanav-radius-sm);
background: #fff;
color: var(--seanav-navy);
font-size: 0.88rem;
font-weight: 600;
text-decoration: none;
transition: all 0.2s ease;
}
.seanav-shop-main .woocommerce-pagination ul li a:hover {
border-color: var(--seanav-cyan);
color: var(--seanav-cyan-dark);
box-shadow: 0 0 0 3px var(--seanav-cyan-glow);
}
.seanav-shop-main .woocommerce-pagination ul li span.current {
background: var(--seanav-navy);
border-color: var(--seanav-navy);
color: #fff;
}
@media (max-width: 849px) {
.seanav-shop-layout {
flex-direction: column;
}
.seanav-shop-sidebar,
.seanav-shop-main {
flex: 0 0 100% !important;
width: 100% !important;
max-width: 100% !important;
}
.seanav-shop-sidebar {
order: 2;
margin-top: 1.5rem;
}
.seanav-shop-main {
order: 1;
}
.seanav-shop-sidebar-inner {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 0.85rem;
}
.seanav-shop-main .woocommerce-result-count {
text-align: left;
}
}
@media (max-width: 549px) {
.pt-main { padding-top: 1.25rem; }
.pb-main { padding-bottom: 2rem; }
.seanav-shop-sidebar-inner {
grid-template-columns: 1fr;
}
.seanav-shop-main .products.seanav-products.small-columns-2 > .col {
flex: 0 0 50%;
width: 50%;
max-width: 50%;
}
}
@media (max-width: 380px) {
.seanav-shop-main .products.seanav-products > .col {
flex: 0 0 100% !important;
width: 100% !important;
max-width: 100% !important;
}
}
body.single-product {
overflow-x: hidden;
}
body.single-product .seanav-product-page {
width: 100%;
max-width: none;
}
body.single-product .seanav-product-page .container.seanav-product-container.full-width {
width: 100% !important;
max-width: 100% !important;
margin-left: auto;
margin-right: auto;
padding-left: clamp(24px, 3vw, 40px) !important;
padding-right: clamp(24px, 3vw, 40px) !important;
}
body.single-product .seanav-product-page .container.seanav-product-container.pt-main {
padding-top: 0.85rem;
}
body.single-product .seanav-product-page .woocommerce-breadcrumb {
margin: 0 0 0.6rem;
padding: 0.4rem 0.75rem;
display: inline-flex;
flex-wrap: wrap;
align-items: center;
gap: 0.15rem;
background: rgba(255, 255, 255, 0.75);
border: 1px solid var(--seanav-border-light);
border-radius: var(--seanav-radius-sm);
font-size: 0.82rem;
font-weight: 500;
color: #64748b;
}
body.single-product .seanav-product-page .woocommerce-breadcrumb a {
color: var(--seanav-navy);
text-decoration: none;
transition: color 0.2s ease;
}
body.single-product .seanav-product-page .woocommerce-breadcrumb a:hover {
color: var(--seanav-cyan-dark);
}
body.single-product .seanav-product-layout {
align-items: flex-start;
}
body.single-product .seanav-product-main > .col-inner > .seanav-product-top {
margin-left: -15px;
margin-right: -15px;
width: calc(100% + 30px);
max-width: none;
}
body.single-product .seanav-product-main > .col-inner {
background: var(--seanav-card-bg);
border: 1px solid var(--seanav-border-light);
border-radius: var(--seanav-radius-lg);
box-shadow: 0 10px 30px rgba(6, 23, 41, 0.06);
padding: clamp(0.85rem, 1.4vw, 1.15rem) clamp(1.1rem, 2.4vw, 2rem) clamp(1.1rem, 2.4vw, 2rem);
height: auto;
}
body.single-product .seanav-product-top {
align-items: flex-start;
}
body.single-product .seanav-product-gallery-col,
body.single-product .seanav-product-summary-col {
display: flex;
flex-direction: column;
align-items: stretch;
min-width: 0;
}
body.single-product .seanav-product-gallery-col > .col-inner,
body.single-product .seanav-product-summary-col > .col-inner {
width: 100%;
max-width: 100%;
min-width: 0;
height: auto;
flex: 1 1 auto;
align-self: stretch;
}
body.single-product .seanav-product-gallery-inner {
position: relative;
width: 100%;
max-width: 100%;
min-width: 0;
height: auto;
}
body.single-product.woocommerce div.product .seanav-product-gallery-col div.woocommerce-product-gallery.images {
position: relative;
float: none !important;
clear: both;
display: block;
flex: 0 0 100%;
margin: 0;
padding: 0;
width: 100% !important;
max-width: 100%;
min-width: 0;
align-self: stretch;
overflow: visible;
}
body.single-product .seanav-product-gallery-col .flex-viewport {
width: 100%;
max-width: 100%;
min-width: 0;
overflow: hidden;
}
body.single-product .seanav-product-gallery-col .woocommerce-product-gallery__wrapper {
margin: 0;
min-width: 0;
}
body.single-product .seanav-product-gallery-col .woocommerce-product-gallery__image {
margin: 0;
width: 100%;
max-width: 100%;
min-width: 0;
background: #fff;
border: 1px solid var(--seanav-border-light);
border-radius: var(--seanav-radius);
overflow: hidden;
}
body.single-product .seanav-product-gallery-col .woocommerce-product-gallery__image a {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
max-width: 100%;
aspect-ratio: 4 / 3;
max-height: min(620px, 70vh);
line-height: 0;
background: #fff;
}
body.single-product .seanav-product-gallery-col .woocommerce-product-gallery__image img {
display: block;
width: 100%;
max-width: 100%;
height: 100%;
max-height: min(620px, 70vh);
margin: 0 auto;
object-fit: contain;
background: #fff;
border: 0;
border-radius: 0;
vertical-align: middle;
}
body.single-product .seanav-product-gallery-col .flex-control-thumbs {
margin: 0.75rem 0 0;
padding: 0;
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 0.5rem;
width: 100%;
max-width: 100%;
list-style: none;
}
body.single-product .seanav-product-gallery-col .flex-control-thumbs li {
width: auto !important;
min-width: 0;
margin: 0;
float: none !important;
}
body.single-product .seanav-product-gallery-col .flex-control-thumbs img {
display: block;
width: 100%;
height: auto;
aspect-ratio: 1;
object-fit: cover;
border-radius: var(--seanav-radius-sm);
border: 1px solid var(--seanav-border-light);
opacity: 0.75;
cursor: pointer;
transition: opacity 0.2s ease, border-color 0.2s ease;
}
body.single-product .seanav-product-gallery-col .flex-control-thumbs img:hover,
body.single-product .seanav-product-gallery-col .flex-control-thumbs .flex-active img {
opacity: 1;
border-color: var(--seanav-cyan);
}
body.single-product .seanav-product-gallery-col .onsale {
position: absolute;
top: 12px;
left: 12px;
z-index: 3;
background: var(--seanav-cyan);
color: var(--seanav-navy);
border: 0;
font-family: 'Outfit', sans-serif;
font-weight: 700;
letter-spacing: 0.04em;
text-transform: uppercase;
border-radius: 999px;
min-height: 0;
min-width: 0;
line-height: 1.2;
padding: 0.35rem 0.8rem;
box-shadow: 0 4px 14px rgba(6, 23, 41, 0.12);
}
body.single-product .seanav-product-gallery-col .woocommerce-product-gallery__trigger {
position: absolute;
top: 12px;
right: 12px;
z-index: 3;
}
body.single-product img.zoomImg,
body.single-product .zoomImg {
display: none !important;
width: 0 !important;
height: 0 !important;
max-width: 0 !important;
max-height: 0 !important;
pointer-events: none !important;
}
body.single-product.woocommerce div.product .seanav-product-summary-col div.summary.entry-summary {
float: none !important;
clear: both;
display: block;
width: 100% !important;
max-width: 100%;
min-width: 0;
margin: 0 !important;
align-self: stretch;
text-align: left;
}
body.single-product .seanav-product-summary-col .product_title {
width: 100%;
max-width: 100%;
font-family: 'Outfit', sans-serif;
font-weight: 800;
font-size: clamp(1.35rem, 1.9vw, 1.55rem);
line-height: 1.25;
color: var(--seanav-navy);
margin: 0 0 0.75rem;
text-align: left;
}
body.single-product .seanav-product-summary-col .woocommerce-product-rating {
margin-bottom: 0.9rem;
}
body.single-product .seanav-product-summary-col .price .screen-reader-text,
body.single-product .seanav-product-footer .price .screen-reader-text,
body.single-product .seanav-product-sidebar .price .screen-reader-text,
body.single-product .seanav-product-sidebar ul.product_list_widget .screen-reader-text {
position: absolute !important;
width: 1px !important;
height: 1px !important;
padding: 0 !important;
margin: -1px !important;
overflow: hidden !important;
clip: rect(0, 0, 0, 0) !important;
clip-path: inset(50%) !important;
white-space: nowrap !important;
border: 0 !important;
}
body.single-product .seanav-product-summary-col .price,
body.single-product .seanav-product-summary-col .price .woocommerce-Price-amount {
font-family: 'Outfit', sans-serif;
font-weight: 700;
color: var(--seanav-navy);
}
body.single-product .seanav-product-summary-col .price {
display: flex;
flex-wrap: wrap;
align-items: baseline;
gap: 0.45rem 0.65rem;
font-size: clamp(1.2rem, 1.7vw, 1.35rem);
margin: 0 0 1rem;
padding-bottom: 1rem;
border-bottom: 1px solid var(--seanav-border-light);
text-align: left;
}
body.single-product .seanav-product-summary-col .price del {
color: #94a3b8;
font-weight: 500;
opacity: 0.9;
font-size: 0.78em;
}
body.single-product .seanav-product-summary-col .price ins {
text-decoration: none;
color: var(--seanav-cyan-dark);
}
body.single-product .seanav-product-summary-col .woocommerce-product-details__short-description {
color: #475569;
font-size: 0.95rem;
line-height: 1.65;
margin-bottom: 1.25rem;
text-align: justify;
text-justify: inter-word;
}
body.single-product .seanav-product-summary-col .woocommerce-product-details__short-description p {
margin: 0 0 0.75rem;
text-align: justify;
text-justify: inter-word;
}
body.single-product .seanav-product-summary-col .woocommerce-product-details__short-description p:last-child {
margin-bottom: 0;
}
body.single-product .seanav-product-summary-col .stock.in-stock {
color: #15803d;
font-weight: 600;
}
body.single-product .seanav-product-summary-col .stock.out-of-stock {
color: #b91c1c;
font-weight: 600;
}
body.single-product .seanav-product-summary-col form.cart {
margin: 1rem 0 1.25rem;
}
body.single-product .seanav-product-summary-col form.cart:not(.variations_form):not(.grouped_form),
body.single-product .seanav-product-summary-col form.cart .woocommerce-variation-add-to-cart {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 0.75rem;
}
body.single-product .seanav-product-summary-col form.cart.variations_form,
body.single-product .seanav-product-summary-col form.cart.grouped_form {
display: block;
}
body.single-product .seanav-product-summary-col form.cart.variations_form .woocommerce-variation-add-to-cart {
margin-top: 0.75rem;
}
body.single-product .seanav-product-summary-col form.cart .variations {
width: 100%;
margin-bottom: 0.5rem;
}
body.single-product .seanav-product-summary-col form.cart .quantity input.qty {
width: 4.25rem;
height: 48px;
padding: 0 0.5rem;
text-align: center;
border: 1px solid var(--seanav-border-light);
border-radius: var(--seanav-radius-sm);
background: #fff;
color: var(--seanav-navy);
font-weight: 600;
}
body.single-product .seanav-product-summary-col .button,
body.single-product .seanav-product-summary-col .single_add_to_cart_button {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 48px;
padding: 0 1.6rem;
background: var(--seanav-navy);
color: #fff;
border: 1px solid var(--seanav-navy);
border-radius: var(--seanav-radius-sm);
font-family: 'Outfit', sans-serif;
font-weight: 700;
letter-spacing: 0.02em;
text-transform: uppercase;
font-size: 0.9rem;
box-shadow: 0 6px 18px rgba(6, 23, 41, 0.14);
transition: all 0.2s ease;
}
body.single-product .seanav-product-summary-col .button:hover,
body.single-product .seanav-product-summary-col .single_add_to_cart_button:hover {
background: var(--seanav-cyan);
border-color: var(--seanav-cyan);
color: var(--seanav-navy);
box-shadow: 0 8px 22px var(--seanav-cyan-glow);
}
body.single-product .seanav-product-summary-col .product_meta {
margin-top: 1.1rem;
padding-top: 1rem;
border-top: 1px solid var(--seanav-border-light);
font-size: 0.85rem;
line-height: 1.55;
color: #64748b;
text-align: left;
}
body.single-product .seanav-product-summary-col .product_meta > span {
display: block;
margin: 0 0 0.35rem;
}
body.single-product .seanav-product-summary-col .product_meta > span:last-child {
margin-bottom: 0;
}
body.single-product .seanav-product-summary-col .product_meta a {
color: var(--seanav-cyan-dark);
text-decoration: none;
}
body.single-product .seanav-product-summary-col .product_meta a:hover {
text-decoration: underline;
}
body.single-product .seanav-product-main > .col-inner > .seanav-shipping-notice {
margin: 1rem 0 0;
padding: 0.9rem 1rem;
background: rgba(0, 200, 224, 0.06);
border: 1px solid var(--seanav-cyan-glow);
border-left: 3px solid var(--seanav-cyan);
border-radius: var(--seanav-radius-sm);
font-size: 0.86rem;
line-height: 1.55;
color: #334155;
text-align: justify;
text-justify: inter-word;
}
body.single-product .seanav-product-main > .col-inner > .seanav-shipping-notice p {
margin: 0;
text-align: justify;
text-justify: inter-word;
}
body.single-product .seanav-product-main > .col-inner > .seanav-shipping-notice a {
color: var(--seanav-cyan-dark);
font-weight: 600;
}
body.single-product .seanav-product-footer .seanav-product-tags {
margin: 1.5rem 0 0;
padding-top: 1rem;
border-top: 1px solid var(--seanav-border-light);
font-size: 0.85rem;
line-height: 1.55;
color: #64748b;
text-align: left;
}
body.single-product .seanav-product-footer .seanav-product-tags .seanav-product-tags-label {
margin-right: 0.25rem;
}
body.single-product .seanav-product-footer .seanav-product-tags .seanav-product-tags-list a {
color: var(--seanav-cyan-dark);
text-decoration: none;
}
body.single-product .seanav-product-footer .seanav-product-tags .seanav-product-tags-list a:hover {
text-decoration: underline;
}
body.single-product .seanav-product-footer {
margin-top: 2rem;
clear: both;
}
body.single-product .seanav-product-footer .woocommerce-tabs ul.tabs {
display: flex;
flex-wrap: wrap;
gap: 0.35rem;
margin: 0 0 1.25rem;
padding: 0 0 0.6rem;
border-bottom: 1px solid var(--seanav-border-light);
list-style: none;
}
body.single-product .seanav-product-footer .woocommerce-tabs ul.tabs::before,
body.single-product .seanav-product-footer .woocommerce-tabs ul.tabs li::before,
body.single-product .seanav-product-footer .woocommerce-tabs ul.tabs li::after {
display: none;
}
body.single-product .seanav-product-footer .woocommerce-tabs ul.tabs li {
margin: 0;
padding: 0;
background: none;
border: 0;
border-radius: 0;
}
body.single-product .seanav-product-footer .woocommerce-tabs ul.tabs li a {
display: inline-flex;
align-items: center;
padding: 0.55rem 1.1rem;
border: 1px solid var(--seanav-border-light);
border-radius: 999px;
background: #fff;
color: var(--seanav-navy);
font-family: 'Outfit', sans-serif;
font-weight: 600;
font-size: 0.85rem;
text-decoration: none;
transition: all 0.2s ease;
}
body.single-product .seanav-product-footer .woocommerce-tabs ul.tabs li.active a,
body.single-product .seanav-product-footer .woocommerce-tabs ul.tabs li a:hover {
background: var(--seanav-navy);
border-color: var(--seanav-navy);
color: #fff;
}
body.single-product .seanav-product-footer .woocommerce-Tabs-panel {
text-align: justify;
text-justify: inter-word;
}
body.single-product .seanav-product-footer .woocommerce-Tabs-panel p {
text-align: justify;
text-justify: inter-word;
}
body.single-product .seanav-product-footer .woocommerce-Tabs-panel h2,
body.single-product .seanav-product-footer .woocommerce-Tabs-panel h3 {
font-family: 'Outfit', sans-serif;
color: var(--seanav-navy);
text-align: left;
}
body.single-product .seanav-product-footer .woocommerce-Tabs-panel table {
width: 100%;
border-collapse: collapse;
text-align: left;
}
body.single-product .seanav-product-featured-section {
width: 100%;
clear: both;
margin-top: 2.5rem;
padding-top: 2rem;
border-top: 1px solid var(--seanav-border-light);
}
body.single-product .seanav-product-featured-section .seanav-featured-products > h3,
body.single-product .seanav-product-featured-section .seanav-featured-products .product-section-title,
body.single-product .seanav-product-featured-section .seanav-featured-products .section-title {
font-family: 'Outfit', sans-serif;
font-weight: 700;
color: var(--seanav-navy);
margin: 0 0 1.25rem;
text-align: left;
}
body.single-product .seanav-product-featured-section .products.row {
width: 100%;
max-width: none;
margin-left: -15px;
margin-right: -15px;
}
body.single-product .seanav-product-featured-section .seanav-products-slider,
body.single-product .seanav-product-featured-section .products.row.seanav-products-slider {
flex-wrap: nowrap !important;
overflow-x: auto !important;
scroll-snap-type: x mandatory;
scrollbar-width: none;
-ms-overflow-style: none;
padding-bottom: 4px;
}
body.single-product .seanav-product-featured-section .seanav-products-slider::-webkit-scrollbar {
display: none;
}
body.single-product .seanav-product-featured-section .seanav-products-slider > .col,
body.single-product .seanav-product-featured-section .seanav-products-slider > .product-small.col,
body.single-product .seanav-product-featured-section .products.seanav-products > .product-small.col {
display: flex;
align-items: stretch;
flex: 0 0 20% !important;
width: 20% !important;
max-width: 20% !important;
min-width: 0 !important;
scroll-snap-align: start;
margin-bottom: 0;
}
@media (max-width: 849px) {
body.single-product .seanav-product-featured-section .seanav-products-slider > .col,
body.single-product .seanav-product-featured-section .seanav-products-slider > .product-small.col {
flex: 0 0 33.3333% !important;
width: 33.3333% !important;
max-width: 33.3333% !important;
min-width: 0 !important;
}
}
@media (max-width: 549px) {
body.single-product .seanav-product-featured-section .seanav-products-slider > .col,
body.single-product .seanav-product-featured-section .seanav-products-slider > .product-small.col {
flex: 0 0 50% !important;
width: 50% !important;
max-width: 50% !important;
min-width: 0 !important;
}
}
@media (max-width: 399px) {
body.single-product .seanav-product-featured-section .seanav-products-slider > .col,
body.single-product .seanav-product-featured-section .seanav-products-slider > .product-small.col {
flex: 0 0 100% !important;
width: 100% !important;
max-width: 100% !important;
}
}
body.single-product .seanav-product-sidebar {
align-self: flex-start;
}
@media (min-width: 850px) {
body.single-product .seanav-product-sidebar .seanav-shop-sidebar-inner {
position: sticky;
top: 1.25rem;
}
}
body.single-product .seanav-product-page > .woocommerce-notices-wrapper,
body.single-product .seanav-product-container > .woocommerce-notices-wrapper {
margin-bottom: 1rem;
}
.woocommerce-notices-wrapper:empty {
margin: 0 !important;
padding: 0 !important;
}
@media (max-width: 849px) {
body.single-product .seanav-product-layout {
flex-direction: column;
}
body.single-product .seanav-product-main,
body.single-product .seanav-product-sidebar {
flex: 0 0 100% !important;
width: 100% !important;
max-width: 100% !important;
}
body.single-product .seanav-product-main {
order: 1;
}
body.single-product .seanav-product-sidebar {
order: 2;
margin-top: 1.5rem;
}
body.single-product .seanav-product-sidebar .seanav-shop-sidebar-inner {
position: static;
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 0.85rem;
}
body.single-product .seanav-product-top {
flex-direction: column;
}
body.single-product .seanav-product-gallery-col,
body.single-product .seanav-product-summary-col {
flex: 0 0 100% !important;
width: 100% !important;
max-width: 100% !important;
}
body.single-product .seanav-product-summary-col {
margin-top: 1.25rem;
}
}
@media (max-width: 549px) {
body.single-product .seanav-product-sidebar .seanav-shop-sidebar-inner {
grid-template-columns: 1fr;
}
body.single-product .seanav-product-summary-col form.cart:not(.variations_form),
body.single-product .seanav-product-summary-col form.cart .woocommerce-variation-add-to-cart {
gap: 0.5rem;
}
body.single-product .seanav-product-summary-col .single_add_to_cart_button {
flex: 1 1 auto;
}
}
.seanav-blog-page .container.seanav-shop-container.full-width {
width: 100% !important;
max-width: 100% !important;
margin-left: auto;
margin-right: auto;
padding-left: clamp(24px, 3vw, 40px) !important;
padding-right: clamp(24px, 3vw, 40px) !important;
}
.seanav-blog-page .seanav-blog-header {
margin: 0 0 1.75rem;
}
.seanav-blog-page .seanav-blog-title {
margin: 0 0 0.4rem;
font-family: 'Outfit', sans-serif;
font-size: clamp(1.65rem, 2.4vw, 2.15rem);
font-weight: 700;
letter-spacing: -0.02em;
color: var(--seanav-navy);
line-height: 1.2;
}
.seanav-blog-page .seanav-blog-intro {
margin: 0;
max-width: 52ch;
font-size: 0.98rem;
line-height: 1.55;
color: var(--seanav-text-muted);
}
.seanav-blog-page .seanav-blog-grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 1.25rem;
}
.seanav-blog-page .seanav-blog-card {
display: flex;
flex-direction: column;
margin: 0;
background: var(--seanav-card-bg, #fff);
border: 1px solid var(--seanav-border-light);
border-radius: var(--seanav-radius-sm);
box-shadow: 0 4px 16px rgba(6, 23, 41, 0.05);
overflow: hidden;
transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}
.seanav-blog-page .seanav-blog-card:hover {
border-color: rgba(0, 200, 224, 0.35);
box-shadow: 0 10px 28px rgba(6, 23, 41, 0.08);
transform: translateY(-2px);
}
.seanav-blog-page .seanav-blog-card-media {
display: block;
aspect-ratio: 16 / 10;
overflow: hidden;
background: #e8eef4;
}
.seanav-blog-page .seanav-blog-card-media--placeholder {
background:
linear-gradient(135deg, rgba(0, 200, 224, 0.12), transparent 55%),
linear-gradient(180deg, #0a1929 0%, #061729 100%);
}
.seanav-blog-page .seanav-blog-card-image {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.35s ease;
}
.seanav-blog-page .seanav-blog-card:hover .seanav-blog-card-image {
transform: scale(1.04);
}
.seanav-blog-page .seanav-blog-card-body {
display: flex;
flex-direction: column;
flex: 1 1 auto;
padding: 1.1rem 1.15rem 1.2rem;
}
.seanav-blog-page .seanav-blog-card-meta {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 0.35rem;
margin: 0 0 0.55rem;
font-size: 0.78rem;
font-weight: 600;
letter-spacing: 0.04em;
text-transform: uppercase;
color: var(--seanav-text-muted);
}
.seanav-blog-page .seanav-blog-card-sep {
opacity: 0.55;
}
.seanav-blog-page .seanav-blog-card-cat {
color: var(--seanav-cyan-dark);
}
.seanav-blog-page .seanav-blog-card-title {
margin: 0 0 0.55rem;
font-family: 'Outfit', sans-serif;
font-size: 1.12rem;
font-weight: 700;
line-height: 1.35;
letter-spacing: -0.015em;
}
.seanav-blog-page .seanav-blog-card-title a {
color: var(--seanav-navy);
text-decoration: none;
}
.seanav-blog-page .seanav-blog-card-title a:hover {
color: var(--seanav-cyan-dark);
}
.seanav-blog-page .seanav-blog-card-excerpt {
margin: 0 0 1rem;
flex: 1 1 auto;
font-size: 0.92rem;
line-height: 1.6;
color: #475569;
}
.seanav-blog-page .seanav-blog-card-more {
align-self: flex-start;
font-size: 0.88rem;
font-weight: 700;
color: var(--seanav-cyan-dark);
text-decoration: none;
}
.seanav-blog-page .seanav-blog-card-more:hover {
color: var(--seanav-navy);
}
.seanav-blog-page .seanav-blog-pagination {
margin-top: 2rem;
text-align: center;
}
.seanav-blog-page .seanav-blog-pagination .nav-links {
display: inline-flex;
flex-wrap: wrap;
gap: 0.4rem;
justify-content: center;
}
.seanav-blog-page .seanav-blog-pagination .page-numbers {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 40px;
height: 40px;
padding: 0 0.65rem;
border: 1px solid var(--seanav-border-light);
border-radius: var(--seanav-radius-sm);
background: #fff;
color: var(--seanav-navy);
font-size: 0.88rem;
font-weight: 600;
text-decoration: none;
transition: all 0.2s ease;
}
.seanav-blog-page .seanav-blog-pagination a.page-numbers:hover {
border-color: var(--seanav-cyan);
color: var(--seanav-cyan-dark);
box-shadow: 0 0 0 3px var(--seanav-cyan-glow);
}
.seanav-blog-page .seanav-blog-pagination .page-numbers.current {
background: var(--seanav-navy);
border-color: var(--seanav-navy);
color: #fff;
}
.seanav-blog-page .seanav-blog-empty {
margin: 2rem 0;
font-size: 1.05rem;
color: var(--seanav-text-muted);
}
@media (max-width: 849px) {
.seanav-blog-page .seanav-blog-grid {
grid-template-columns: 1fr;
}
}
@media (min-width: 1100px) {
.seanav-blog-page .seanav-blog-grid {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
.seanav-blog-post-page .container.seanav-shop-container.full-width {
width: 100% !important;
max-width: 100% !important;
margin-left: auto;
margin-right: auto;
padding-left: clamp(24px, 3vw, 40px) !important;
padding-right: clamp(24px, 3vw, 40px) !important;
}
.seanav-blog-post-page .seanav-blog-post-layout {
align-items: flex-start;
}
.seanav-blog-post-page .seanav-blog-post-inner {
padding: 0;
}
.seanav-blog-post-page .seanav-blog-post-header {
margin: 0 0 1.35rem;
}
.seanav-blog-post-page .seanav-blog-post-cats {
display: flex;
flex-wrap: wrap;
gap: 0.45rem;
margin: 0 0 0.75rem;
}
.seanav-blog-post-page .seanav-blog-post-cat {
display: inline-block;
padding: 0.2rem 0.55rem;
border-radius: 4px;
background: rgba(0, 200, 224, 0.1);
color: var(--seanav-cyan-dark);
font-size: 0.72rem;
font-weight: 700;
letter-spacing: 0.06em;
text-transform: uppercase;
text-decoration: none;
}
.seanav-blog-post-page .seanav-blog-post-cat:hover {
background: rgba(0, 200, 224, 0.18);
color: var(--seanav-navy);
}
.seanav-blog-post-page .seanav-blog-post-title,
.seanav-blog-post-page .seanav-blog-post-content > h1:first-child,
.seanav-blog-post-page .seanav-blog-post-content h1 {
margin: 0 0 0.65rem;
font-family: 'Outfit', sans-serif;
font-size: clamp(1.35rem, 2.2vw, 1.75rem);
font-weight: 700;
letter-spacing: -0.02em;
line-height: 1.3;
color: var(--seanav-navy);
}
.seanav-blog-post-page .seanav-blog-post-meta {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 0.4rem;
font-size: 0.9rem;
color: var(--seanav-text-muted);
}
.seanav-blog-post-page .seanav-blog-post-sep {
opacity: 0.5;
}
.seanav-blog-post-page .seanav-blog-post-featured {
display: flex;
align-items: center;
justify-content: center;
margin: 0 0 1.75rem;
width: 100%;
max-width: 580px;
aspect-ratio: 4 / 3;
max-height: min(620px, 70vh);
background: #fff;
border: 1px solid var(--seanav-border-light);
border-radius: var(--seanav-radius);
overflow: hidden;
line-height: 0;
}
.seanav-blog-post-page .seanav-blog-post-featured-image {
display: block;
width: 100%;
max-width: 100%;
height: 100%;
max-height: min(620px, 70vh);
margin: 0 auto;
object-fit: contain;
background: #fff;
border: 0;
border-radius: 0;
}
.seanav-blog-post-page .seanav-blog-post-content {
font-size: 1.05rem;
line-height: 1.8;
color: #1e293b;
}
.seanav-blog-post-page .seanav-blog-post-content > *:first-child {
margin-top: 0;
}
.seanav-blog-post-page .seanav-blog-post-content h2,
.seanav-blog-post-page .seanav-blog-post-content h3,
.seanav-blog-post-page .seanav-blog-post-content h4 {
font-family: 'Outfit', sans-serif;
color: var(--seanav-navy);
letter-spacing: -0.02em;
line-height: 1.25;
margin: 1.75rem 0 0.75rem;
}
.seanav-blog-post-page .seanav-blog-post-content a {
color: var(--seanav-cyan-dark);
}
.seanav-blog-post-page .seanav-blog-post-content a:hover {
color: var(--seanav-navy);
}
.seanav-blog-post-page .seanav-blog-post-content img {
max-width: 100%;
height: auto;
border-radius: var(--seanav-radius-sm);
}
.seanav-blog-post-page .seanav-blog-post-content ul,
.seanav-blog-post-page .seanav-blog-post-content ol {
padding-left: 1.25rem;
}
.seanav-blog-post-page .seanav-blog-post-tags {
margin-top: 2rem;
padding-top: 1.15rem;
border-top: 1px solid var(--seanav-border-light);
font-size: 0.9rem;
color: #475569;
}
.seanav-blog-post-page .seanav-blog-post-tags-label {
font-weight: 700;
color: var(--seanav-navy);
margin-right: 0.25rem;
}
.seanav-blog-post-page .seanav-blog-post-tags-list a {
color: var(--seanav-cyan-dark);
text-decoration: none;
}
.seanav-blog-post-page .seanav-blog-post-tags-list a:hover {
color: var(--seanav-navy);
text-decoration: underline;
}
.seanav-blog-post-page .seanav-blog-post-sidebar {
align-self: flex-start;
}
@media (min-width: 850px) {
.seanav-blog-post-page .seanav-blog-post-sidebar .seanav-shop-sidebar-inner {
position: sticky;
top: 1.25rem;
}
}
@media (max-width: 849px) {
.seanav-blog-post-page .seanav-blog-post-layout {
flex-direction: column;
}
.seanav-blog-post-page .seanav-blog-post-main,
.seanav-blog-post-page .seanav-blog-post-sidebar {
flex: 0 0 100% !important;
width: 100% !important;
max-width: 100% !important;
}
.seanav-blog-post-page .seanav-blog-post-main {
order: 1;
}
.seanav-blog-post-page .seanav-blog-post-sidebar {
order: 2;
margin-top: 1.5rem;
}
.seanav-blog-post-page .seanav-blog-post-sidebar .seanav-shop-sidebar-inner {
position: static;
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 0.85rem;
}
}
@media (max-width: 549px) {
.seanav-blog-post-page .seanav-blog-post-sidebar .seanav-shop-sidebar-inner {
grid-template-columns: 1fr;
}
}
.tabgroup {
margin: 1.5rem 0;
}
.tabgroup .nav-tabs {
display: flex;
flex-wrap: wrap;
gap: 0.5rem;
list-style: none;
padding: 0;
margin: 0 0 1rem 0;
border-bottom: 2px solid #e2e8f0;
}
.tabgroup .tab-nav-item {
margin: 0;
padding: 0;
}
.tabgroup .tab-nav-link {
background: transparent;
border: none;
border-bottom: 3px solid transparent;
padding: 0.6rem 1.2rem;
font-family: inherit;
font-weight: 600;
font-size: 0.95rem;
color: #4a5568;
cursor: pointer;
transition: color 0.2s, border-color 0.2s;
outline: none;
}
.tabgroup .tab-nav-link:hover {
color: #00c8e0;
}
.tabgroup .tab-nav-link.active {
color: #061729;
border-bottom-color: #00c8e0;
}
.tabgroup .tab-panel {
display: none;
padding: 1rem 0;
animation: seanavTabFadeIn 0.3s ease;
}
.tabgroup .tab-panel.active {
display: block;
}
@keyframes seanavTabFadeIn {
from { opacity: 0; transform: translateY(4px); }
to { opacity: 1; transform: translateY(0); }
}
body.lightbox-active {
overflow: hidden;
}
.lightbox-modal {
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
z-index: 99999;
display: flex;
align-items: center;
justify-content: center;
}
.lightbox-modal .lightbox-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(6, 23, 41, 0.75);
backdrop-filter: blur(4px);
}
.lightbox-modal .lightbox-dialog {
position: relative;
z-index: 2;
background: #ffffff;
border-radius: 12px;
max-width: 90vw;
max-height: 90vh;
overflow-y: auto;
box-shadow: 0 20px 50px rgba(0, 0, 0, 0.3);
animation: seanavModalPop 0.25s ease-out;
}
.lightbox-modal .lightbox-close {
position: absolute;
top: 10px;
right: 14px;
background: transparent;
border: none;
font-size: 1.8rem;
line-height: 1;
color: #4a5568;
cursor: pointer;
transition: color 0.2s;
z-index: 5;
}
.lightbox-modal .lightbox-close:hover {
color: #e53e3e;
}
@keyframes seanavModalPop {
from { opacity: 0; transform: scale(0.92); }
to { opacity: 1; transform: scale(1); }
}
.ux-slider-wrapper {
position: relative;
width: 100%;
overflow: hidden;
}
.ux-slider-dots {
position: absolute;
bottom: 12px;
left: 50%;
transform: translateX(-50%);
display: flex;
gap: 8px;
z-index: 10;
}
.ux-slider-dots .ux-slider-dot {
width: 10px;
height: 10px;
border-radius: 50%;
border: none;
background: rgba(255, 255, 255, 0.5);
cursor: pointer;
padding: 0;
transition: background 0.2s, transform 0.2s;
}
.ux-slider-dots .ux-slider-dot.active {
background: #00c8e0;
transform: scale(1.25);
}
.product-small.is-product-flip .image-cover {
position: relative;
overflow: hidden;
}
.product-small.is-product-flip .image-cover img.front-image {
transition: opacity 0.35s ease, transform 0.35s ease;
}
.product-small.is-product-flip .image-cover img.back-image {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
opacity: 0;
transition: opacity 0.35s ease, transform 0.35s ease;
}
.product-small.is-product-flip:hover .image-cover img.front-image {
opacity: 0;
}
.product-small.is-product-flip:hover .image-cover img.back-image {
opacity: 1;
}
hr.is-divider {
border: 0;
height: 1px;
background-color: #e2e8f0;
margin: 1.5rem 0;
}
hr.is-divider.divider-dashed {
background: transparent;
border-top: 1px dashed #cbd5e0;
}
hr.is-divider.divider-dotted {
background: transparent;
border-top: 1px dotted #cbd5e0;
}
.seanav-port-hub {
max-width: 1200px;
margin: 0 auto;
padding: 30px 20px;
}
.seanav-port-hero {
padding: 40px 0 25px;
border-bottom: 1px solid var(--seanav-border-light, #e2e8f0);
}
.seanav-port-wave {
display: inline-block;
font-size: 0.85rem;
font-weight: 700;
color: #0284c7;
text-transform: uppercase;
letter-spacing: 0.5px;
}
.seanav-port-services-list {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
gap: 10px;
list-style: none;
padding: 0;
}
.seanav-port-services-list li {
background: #f8fafc;
border: 1px solid #e2e8f0;
padding: 8px 14px;
border-radius: 6px;
font-size: 0.9rem;
}
.seanav-port-section {
margin: 30px 0;
}
.seanav-port-testimonial {
background: #f1f5f9;
border-left: 4px solid #0284c7;
padding: 20px 25px;
margin: 30px 0;
border-radius: 0 8px 8px 0;
}
.seanav-port-map-embed iframe {
width: 100%;
height: 380px;
border: 0;
border-radius: 8px;
}
.seanav-footer-ports {
width: 100%;
}
.seanav-footer-ports-wrapper {
background: #0d1117;
color: #ffffff;
border-bottom: 1px solid rgba(0, 255, 136, 0.15);
}
.seanav-footer-ports-list a {
color: #cbd5e1;
transition: color 0.2s ease;
}
.seanav-footer-ports-list a:hover {
color: #00ff88;
}
.seanav-ports-columns {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 25px;
margin-top: 20px;
}
.seanav-home-ports-strip {
background: linear-gradient(180deg, #070d14 0%, #0b1522 50%, #070d14 100%);
border-top: 1px solid rgba(0, 255, 136, 0.15);
border-bottom: 1px solid rgba(0, 255, 136, 0.15);
padding: 50px 0 40px;
position: relative;
}
.seanav-corridor-card:hover {
transform: translateY(-4px);
border-color: rgba(0, 255, 136, 0.35) !important;
box-shadow: 0 12px 30px rgba(0, 0, 0, 0.35), 0 0 15px rgba(0, 255, 136, 0.08);
}
.seanav-corridor-port-link {
transition: all 0.2s ease;
}
.seanav-corridor-port-link:hover {
color: #00ff88 !important;
padding-left: 4px;
}
.seanav-footer-port-item {
color: #94a3b8;
transition: all 0.2s ease;
}
.seanav-footer-port-item:hover {
color: #00ff88 !important;
}
.seanav-footer-all-ports:hover {
text-decoration: underline;
filter: brightness(1.2);
}
.seanav-port-attendance-callout {
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.25);
transition: border-color 0.2s ease;
}
.seanav-port-attendance-callout:hover {
border-color: rgba(0, 255, 136, 0.5) !important;
}
.seanav-post-eeat {
margin: 30px 0;
padding: 20px;
background: #f8fafc;
border-top: 1px solid #e2e8f0;
border-radius: 8px;
}
.seanav-trust-panel {
background: #f1f5f9;
border: 1px solid #cbd5e1;
border-radius: 8px;
padding: 25px;
margin: 35px 0;
}
.seanav-topic-cluster {
background: #ffffff;
border: 1px solid #e2e8f0;
border-radius: 8px;
padding: 20px;
margin: 25px 0;
}
.seanav-category-seo-intro {
margin-bottom: 25px;
font-size: 0.95rem;
color: #475569;
}
.seanav-shipping-notice {
margin: 15px 0;
font-size: 0.88rem;
}
.product-gallery-thumbnails img {
object-fit: contain !important;
}
.widget_products img {
object-fit: contain !important;
}
:root {
--seanav-navy-dark:    #010b18;
--seanav-navy:         #0d1117;
--seanav-navy-light:   #131b24;
--seanav-cyan:         #00ff88;
--seanav-cyan-bright:  #00ffaa;
--seanav-cyan-dark:    #00cc6a;
--seanav-cyan-glow:    rgba(0, 255, 136, 0.14);
--seanav-gold:         #f59e0b;
--seanav-text:         #c9d1d9;
--seanav-text-muted:   #8b949e;
--seanav-text-white:   #f0f6fc;
--seanav-body:         #0d1117;
--seanav-card-bg:      #131b24;
--seanav-border:       rgba(0, 255, 136, 0.18);
--seanav-border-light: rgba(255, 255, 255, 0.08);
--seanav-shadow:       0 4px 20px rgba(0, 0, 0, 0.4);
--seanav-shadow-lg:    0 12px 40px rgba(0, 0, 0, 0.6);
--seanav-shadow-glow:  0 0 20px rgba(0, 255, 136, 0.2);
--g-bg:           #0d1117;
--g-bg-2:         #0a0e14;
--g-bg-3:         #111820;
--g-card:         #131b24;
--g-card-hover:   #1a2433;
--g-green:        #00ff88;
--g-green-dim:    #00cc6a;
--g-green-glow:   rgba(0, 255, 136, 0.14);
--g-green-border: rgba(0, 255, 136, 0.22);
--g-cyan:         #00d4ff;
--g-white:        #f0f6fc;
--g-text:         #c9d1d9;
--g-text-muted:   #8b949e;
--g-text-dim:     #6e7681;
--g-border:       rgba(255, 255, 255, 0.07);
--g-t:            0.22s ease;
}
body {
background-color: var(--g-bg) !important;
color: var(--g-text) !important;
}
#content, .content-area, .site-main, main#main,
.full-width-page, body .pt-main,
.seanav-shop-page, body.single-product,
.page-template-default #content {
background-color: var(--g-bg) !important;
}
h1, h2, h3, h4, h5, h6,
.section-title, .hero-title, .mega-col-title,
.product-section-title {
color: var(--g-white) !important;
}
p, li, span:not([class*="button"]):not([class*="label"]):not([class*="badge"]) {
color: var(--g-text);
}
a {
color: var(--g-green-dim);
transition: color var(--g-t);
}
a:hover {
color: var(--g-green);
}
#header {
background: rgba(10, 14, 20, 0.97) !important;
backdrop-filter: blur(16px) !important;
-webkit-backdrop-filter: blur(16px) !important;
border-bottom: 1px solid rgba(0, 255, 136, 0.12) !important;
box-shadow: 0 1px 0 rgba(0, 255, 136, 0.08), 0 4px 20px rgba(0, 0, 0, 0.5) !important;
position: sticky !important;
top: 0 !important;
z-index: 9999 !important;
}
.header-top {
background: rgba(6, 10, 16, 0.99) !important;
border-bottom: 1px solid rgba(255, 255, 255, 0.05) !important;
}
.header-top a,
.header-top .top-bar-item,
.header-top .top-bar-item a {
color: var(--g-text-muted) !important;
transition: color var(--g-t) !important;
}
.header-top a:hover { color: var(--g-green) !important; }
.header-top .seanav-icon { stroke: var(--g-green) !important; }
.header-main {
background: transparent !important;
border-bottom: none !important;
}
.logo-fallback-text {
color: var(--g-white) !important;
}
.logo-fallback-text span {
color: var(--g-green) !important;
}
.mega-nav-link {
color: var(--g-text) !important;
transition: color var(--g-t) !important;
}
.mega-nav-item:hover > .mega-nav-link,
.current-menu-item > .mega-nav-link {
color: var(--g-green) !important;
}
.mega-nav-link .chevron { color: var(--g-text-dim) !important; }
.mega-nav-item:hover > .mega-nav-link .chevron { color: var(--g-green) !important; }
.mega-nav-link.highlight {
background: var(--g-green) !important;
color: #0d1117 !important;
box-shadow: 0 0 16px rgba(0, 255, 136, 0.25) !important;
}
.mega-nav-link.highlight:hover {
background: var(--g-green-dim) !important;
box-shadow: 0 0 28px rgba(0, 255, 136, 0.45) !important;
}
.header-quote-btn {
background: transparent !important;
border: 1.5px solid var(--g-green-border) !important;
color: var(--g-green) !important;
transition: all var(--g-t) !important;
}
.header-quote-btn:hover {
background: var(--g-green) !important;
color: #0d1117 !important;
border-color: var(--g-green) !important;
box-shadow: 0 0 20px rgba(0, 255, 136, 0.35) !important;
}
.cart-link {
background: rgba(255, 255, 255, 0.04) !important;
color: var(--g-text) !important;
border: 1px solid var(--g-border) !important;
}
.cart-link:hover {
background: var(--g-green-glow) !important;
color: var(--g-green) !important;
border-color: var(--g-green-border) !important;
}
.cart-count {
background: var(--g-green) !important;
color: #0d1117 !important;
font-weight: 800 !important;
border-color: var(--g-bg) !important;
}
.header-top .header-search-input {
background: rgba(255, 255, 255, 0.05) !important;
border: 1px solid rgba(255, 255, 255, 0.1) !important;
color: var(--g-white) !important;
}
.header-top .header-search-input::placeholder {
color: var(--g-text-dim) !important;
}
.header-top .header-search-input:focus {
border-color: var(--g-green-border) !important;
box-shadow: 0 0 0 3px var(--g-green-glow) !important;
}
.seanav-mega-menu {
background: rgba(10, 14, 20, 0.98) !important;
backdrop-filter: blur(24px) !important;
border: 1px solid rgba(255, 255, 255, 0.07) !important;
border-top: 2px solid var(--g-green) !important;
box-shadow: 0 24px 60px rgba(0, 0, 0, 0.7) !important;
}
.mega-col-title {
color: var(--g-green) !important;
border-bottom-color: rgba(0, 255, 136, 0.15) !important;
}
.mega-col-title .arrow { color: var(--g-green) !important; }
.mega-col-list li a {
color: var(--g-text-muted) !important;
}
.mega-col-list li a:hover {
color: var(--g-green) !important;
}
.seanav-ls-panel {
background: var(--g-bg-3, #111820) !important;
border: 1px solid rgba(0, 255, 136, 0.2) !important;
border-top: 2px solid var(--g-green) !important;
box-shadow: 0 20px 50px rgba(0, 0, 0, 0.6) !important;
}
.seanav-ls-name { color: var(--g-white) !important; }
.seanav-ls-price { color: var(--g-green) !important; }
.seanav-ls-group-title { color: var(--g-green) !important; }
.seanav-ls-link { color: var(--g-text) !important; }
.seanav-ls-link:hover, .seanav-ls-link.is-active {
background: rgba(0, 255, 136, 0.06) !important;
color: var(--g-text) !important;
}
.seanav-ls-viewall {
background: var(--g-bg) !important;
color: var(--g-text-muted) !important;
border-top-color: rgba(255, 255, 255, 0.07) !important;
}
.seanav-ls-viewall:hover { color: var(--g-green) !important; }
.seanav-ls-thumb {
background: var(--g-card) !important;
border-color: rgba(255, 255, 255, 0.07) !important;
}
.drawer-content {
background: var(--g-bg-2, #0a0e14) !important;
border-left: 1px solid rgba(255, 255, 255, 0.07) !important;
}
.drawer-header {
background: rgba(0, 255, 136, 0.04) !important;
border-bottom: 1px solid rgba(255, 255, 255, 0.07) !important;
}
.drawer-title { color: var(--g-green) !important; }
.drawer-close { color: var(--g-text-muted) !important; }
.mobile-menu-list .mobile-menu-item {
border-bottom-color: rgba(255, 255, 255, 0.07) !important;
}
.mobile-menu-list .mobile-menu-item > a,
.mobile-menu-item-row > a {
color: var(--g-text) !important;
}
.mobile-menu-list a:hover { color: var(--g-green) !important; }
.mobile-menu-group-label {
color: var(--g-text-dim) !important;
}
.mobile-submenu {
border-left-color: rgba(0, 255, 136, 0.2) !important;
}
.mobile-submenu > .mobile-menu-item > a,
.mobile-submenu .mobile-menu-item-row > a,
.mobile-submenu .mobile-menu-group-label {
color: var(--g-text-muted) !important;
}
.mobile-submenu-toggle { color: var(--g-text-dim) !important; }
.mobile-submenu-toggle:hover {
background: rgba(0, 255, 136, 0.06) !important;
color: var(--g-green) !important;
}
.mobile-drawer-contact { border-top-color: rgba(255, 255, 255, 0.07) !important; }
.mobile-drawer-contact-link {
color: var(--g-text) !important;
border-bottom-color: rgba(255, 255, 255, 0.07) !important;
}
.mobile-drawer-contact-link:hover { color: var(--g-green) !important; }
.mobile-drawer-quote {
background: var(--g-green) !important;
color: #0d1117 !important;
font-weight: 800 !important;
}
.mobile-drawer-quote:hover { background: var(--g-green-dim) !important; }
.mobile-nav-toggle { color: var(--g-text) !important; }
.button,
a.button,
button:not(.mobile-nav-toggle):not(.mobile-submenu-toggle):not(.drawer-close):not(.header-search-btn):not(.seanav-product-search-btn):not(.search-submit):not(.ui-slider-handle),
input[type="submit"],
.button span,
a.button span {
background: var(--g-green) !important;
color: #0d1117 !important;
border: none !important;
font-weight: 700 !important;
transition: all var(--g-t) !important;
}
.button span,
a.button span {
background: transparent !important;
box-shadow: none !important;
padding: 0 !important;
display: inline !important;
}
.button:hover,
a.button:hover,
button:not(.mobile-nav-toggle):not(.mobile-submenu-toggle):not(.drawer-close):not(.header-search-btn):not(.seanav-product-search-btn):not(.search-submit):not(.ui-slider-handle):hover,
input[type="submit"]:hover,
.button:hover span,
a.button:hover span {
background: var(--g-green-dim) !important;
color: #0d1117 !important;
box-shadow: 0 6px 20px rgba(0, 255, 136, 0.35) !important;
transform: translateY(-1px) !important;
}
.button:hover span,
a.button:hover span {
background: transparent !important;
box-shadow: none !important;
transform: none !important;
}
.button.outline,
.button.is-outline,
.button.secondary,
a.button.outline,
a.button.is-outline,
a.button.secondary,
.product-small .add-to-cart-button .button,
.product-small .button.is-outline,
.product-small .add_to_cart_button {
background: var(--g-green) !important;
border: none !important;
color: #0d1117 !important;
box-shadow: 0 2px 10px rgba(0, 255, 136, 0.2) !important;
transform: none !important;
}
.button.outline span,
.button.is-outline span,
.button.secondary span,
a.button.outline span,
a.button.is-outline span,
a.button.secondary span,
.product-small .add-to-cart-button .button span,
.product-small .button.is-outline span,
.product-small .add_to_cart_button span {
background: transparent !important;
color: #0d1117 !important;
box-shadow: none !important;
}
.button.outline:hover,
.button.is-outline:hover,
.button.secondary:hover,
a.button.outline:hover,
a.button.is-outline:hover,
a.button.secondary:hover,
.product-small .add-to-cart-button .button:hover,
.product-small .button.is-outline:hover,
.product-small .add_to_cart_button:hover {
background: var(--g-green-dim) !important;
border-color: transparent !important;
color: #0d1117 !important;
box-shadow: 0 4px 18px rgba(0, 255, 136, 0.4) !important;
}
.button.outline:hover span,
.button.is-outline:hover span,
.button.secondary:hover span,
a.button.outline:hover span,
a.button.is-outline:hover span,
a.button.secondary:hover span,
.product-small .add-to-cart-button .button:hover span,
.product-small .button.is-outline:hover span,
.product-small .add_to_cart_button:hover span {
background: transparent !important;
color: #0d1117 !important;
}
body.single-product .seanav-product-summary-col .button,
body.single-product .seanav-product-summary-col .single_add_to_cart_button {
background: var(--g-green) !important;
color: #0d1117 !important;
border: none !important;
font-weight: 800 !important;
box-shadow: 0 6px 20px rgba(0, 255, 136, 0.30) !important;
}
body.single-product .seanav-product-summary-col .button span,
body.single-product .seanav-product-summary-col .single_add_to_cart_button span {
background: transparent !important;
color: #0d1117 !important;
}
body.single-product .seanav-product-summary-col .button:hover,
body.single-product .seanav-product-summary-col .single_add_to_cart_button:hover {
background: var(--g-green-dim) !important;
border-color: var(--g-green-dim) !important;
color: #0d1117 !important;
box-shadow: 0 8px 28px rgba(0, 255, 136, 0.45) !important;
}
body.single-product .seanav-product-summary-col .button:hover span,
body.single-product .seanav-product-summary-col .single_add_to_cart_button:hover span {
background: transparent !important;
color: #0d1117 !important;
}
.ux-banner .search-submit,
.ux-banner .search-submit .seanav-icon,
.seanav-ls-wrap .search-submit .seanav-icon {
color: #0d1117 !important;
stroke: #0d1117 !important;
}
.ux-banner h1 span[style*="color:#00bcd4"],
.ux-banner h1 span[style*="color: #00bcd4"],
.text-box-inner h1 span[style*="color:#00bcd4"],
.text-box-inner h1 span[style*="color: #00bcd4"] {
color: var(--g-green) !important;
}
.seanav-home-ports-strip p,
.seanav-home-ports-strip strong,
.seanav-home-ports-strip a {
color: var(--g-green) !important;
}
.seanav-home-ports-strip a:hover {
color: var(--g-green-dim) !important;
}
.stat-pulse,
.stat-pulse > span {
color: #ffffff !important;
}
.mega-nav-link {
padding-left: 10px !important;
padding-right: 10px !important;
gap: 4px !important;
}
.box:not(.product-small):not(.box-push),
.box-push,
.seanav-card,
.widget {
background: var(--g-card) !important;
border: 1px solid rgba(255, 255, 255, 0.07) !important;
box-shadow: 0 2px 12px rgba(0, 0, 0, 0.3) !important;
}
.box:not(.product-small):not(.box-push):hover,
.seanav-card:hover {
border-color: var(--g-green-border) !important;
box-shadow: 0 8px 28px rgba(0, 0, 0, 0.4), 0 0 20px var(--g-green-glow) !important;
}
.product-small .box,
.product-small .product-small.box {
background: var(--g-card) !important;
border: 1px solid rgba(255, 255, 255, 0.07) !important;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3) !important;
}
.product-small .box:hover {
border-color: rgba(0, 255, 136, 0.3) !important;
box-shadow: 0 8px 28px rgba(0, 0, 0, 0.5), 0 0 20px rgba(0, 255, 136, 0.1) !important;
}
.product-small .box-image,
.product-small .box-image a {
background: var(--g-bg) !important;
}
.product-small .box-text {
background: var(--g-card) !important;
}
.product-small .product-title,
.product-small .name.product-title,
.product-small h5.product-title {
color: var(--g-white) !important;
}
.product-small .product-cat,
.product-small .product-cat a {
color: var(--g-text-muted) !important;
}
.product-small .price,
.product-small .price ins,
.product-small .woocommerce-Price-amount {
color: var(--g-green) !important;
}
.product-small .price del {
color: var(--g-text-dim) !important;
}
.product-section-title { color: var(--g-white) !important; }
#content .box.box-push.box-text-bottom,
#content .seanav-cat-tile {
background: var(--g-card) !important;
border: 1px solid rgba(255, 255, 255, 0.07) !important;
box-shadow: 0 2px 12px rgba(0, 0, 0, 0.3) !important;
}
#content .box.box-push.box-text-bottom:hover,
#content .seanav-cat-tile:hover {
border-color: var(--g-green-border) !important;
box-shadow: 0 6px 24px rgba(0, 0, 0, 0.4), 0 0 16px var(--g-green-glow) !important;
}
#content .box.box-push.box-text-bottom .box-image,
#content .seanav-cat-tile .box-image {
background: var(--g-bg) !important;
}
#content .box.box-push.box-text-bottom .box-text,
#content .seanav-cat-tile .box-text {
background: var(--g-card) !important;
}
#content .box.box-push.box-text-bottom .box-text-inner h5,
#content .seanav-cat-tile .box-text-inner h5,
#content .box.box-push.box-text-bottom .seanav-cat-tile-title,
#content .seanav-cat-tile .seanav-cat-tile-title {
color: var(--g-white) !important;
}
.product-small .box-image img,
#content .box.box-push.box-text-bottom .box-image img {
transition: transform 0.32s ease !important;
}
.product-small .box:hover .box-image img,
#content .box.box-push.box-text-bottom:hover .box-image img {
transform: scale(1.05) !important;
}
.seanav-shop-page {
background: var(--g-bg) !important;
}
.seanav-shop-sidebar .widget {
background: var(--g-card) !important;
border: 1px solid rgba(255, 255, 255, 0.07) !important;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3) !important;
}
.seanav-shop-sidebar .widget-title {
color: var(--g-green) !important;
border-bottom-color: rgba(0, 255, 136, 0.2) !important;
}
.seanav-shop-sidebar .product-categories > li,
.seanav-shop-sidebar .seanav-brand-list > li,
.seanav-shop-sidebar .woocommerce-widget-layered-nav-list > li {
border-bottom-color: rgba(255, 255, 255, 0.05) !important;
}
.seanav-shop-sidebar .widget a { color: var(--g-text) !important; }
.seanav-shop-sidebar .widget a:hover { color: var(--g-green) !important; }
#shop-sidebar .widget_brand_nav .wc-layered-nav-term a { color: var(--g-text) !important; }
#shop-sidebar .widget_brand_nav .wc-layered-nav-term a:hover { color: var(--g-green) !important; }
#shop-sidebar .widget_brand_nav .wc-layered-nav-term.chosen a { color: var(--g-white) !important; }
#shop-sidebar .widget_brand_nav .wc-layered-nav-term .count { color: var(--g-text-dim) !important; }
#shop-sidebar ul.product_list_widget li,
.seanav-shop-sidebar ul.product_list_widget li {
border-bottom-color: rgba(255, 255, 255, 0.06) !important;
}
#shop-sidebar ul.product_list_widget li img {
background: var(--g-bg) !important;
border-radius: 6px !important;
}
#shop-sidebar ul.product_list_widget .product-title { color: var(--g-white) !important; }
#shop-sidebar ul.product_list_widget li > .price,
#shop-sidebar ul.product_list_widget li > ins {
color: var(--g-green) !important;
}
.seanav-shop-sidebar .woocommerce-product-search .search-field,
#shop-sidebar .woocommerce-product-search .search-field {
background: var(--g-bg) !important;
border-color: rgba(255, 255, 255, 0.1) !important;
color: var(--g-white) !important;
}
.seanav-shop-sidebar .woocommerce-product-search .search-field::placeholder,
#shop-sidebar .woocommerce-product-search .search-field::placeholder {
color: var(--g-text-dim) !important;
}
.seanav-shop-sidebar .woocommerce-product-search .search-field:focus,
#shop-sidebar .woocommerce-product-search .search-field:focus {
border-color: var(--g-green-border) !important;
background: rgba(0, 255, 136, 0.03) !important;
box-shadow: 0 0 0 2px var(--g-green-glow) !important;
}
#shop-sidebar .widget_price_filter .ui-slider,
.seanav-shop-sidebar .widget_price_filter .ui-slider {
background: rgba(255, 255, 255, 0.1) !important;
}
#shop-sidebar .widget_price_filter .ui-slider .ui-slider-range,
.seanav-shop-sidebar .widget_price_filter .ui-slider .ui-slider-range {
background: var(--g-green) !important;
}
#shop-sidebar .widget_price_filter .ui-slider .ui-slider-handle,
.seanav-shop-sidebar .widget_price_filter .ui-slider .ui-slider-handle {
background: var(--g-bg) !important;
border-color: var(--g-green) !important;
}
#shop-sidebar .widget_price_filter .price_label,
.seanav-shop-sidebar .widget_price_filter .price_label {
color: var(--g-text) !important;
}
#shop-sidebar .widget_price_filter .price_slider_amount .button,
.seanav-shop-sidebar .widget_price_filter .button {
background: var(--g-green) !important;
color: #0d1117 !important;
font-weight: 700 !important;
}
#shop-sidebar .widget_price_filter .button:hover,
.seanav-shop-sidebar .widget_price_filter .button:hover {
background: var(--g-green-dim) !important;
}
.seanav-shop-sidebar .widget_price_filter input[type="text"],
#shop-sidebar .widget_price_filter input[type="text"] {
background: var(--g-bg) !important;
border-color: rgba(255, 255, 255, 0.1) !important;
color: var(--g-text) !important;
}
#shop-sidebar .seanav-widget-catalog-ordering .woocommerce-ordering select,
.seanav-shop-sidebar .seanav-widget-catalog-ordering .woocommerce-ordering select {
background-color: var(--g-bg) !important;
border-color: rgba(255, 255, 255, 0.1) !important;
color: var(--g-text) !important;
}
#shop-sidebar .seanav-widget-catalog-ordering .woocommerce-ordering select:focus {
border-color: var(--g-green-border) !important;
background-color: var(--g-card) !important;
box-shadow: 0 0 0 2px var(--g-green-glow) !important;
}
.seanav-shop-main .woocommerce-pagination ul li a,
.seanav-shop-main .woocommerce-pagination ul li span {
background: var(--g-card) !important;
border-color: rgba(255, 255, 255, 0.1) !important;
color: var(--g-text) !important;
}
.seanav-shop-main .woocommerce-pagination ul li a:hover {
border-color: var(--g-green-border) !important;
color: var(--g-green) !important;
box-shadow: 0 0 0 2px var(--g-green-glow) !important;
}
.seanav-shop-main .woocommerce-pagination ul li span.current {
background: var(--g-green) !important;
border-color: var(--g-green) !important;
color: #0d1117 !important;
font-weight: 800 !important;
}
.seanav-shop-main .woocommerce-result-count {
color: var(--g-text-muted) !important;
}
.woocommerce-message,
.woocommerce-info,
.woocommerce-error {
background: var(--g-card) !important;
border-color: var(--g-green) !important;
color: var(--g-text) !important;
}
.woocommerce-message::before { color: var(--g-green) !important; }
body.single-product .seanav-product-page .woocommerce-breadcrumb {
background: rgba(255, 255, 255, 0.04) !important;
border-color: rgba(255, 255, 255, 0.08) !important;
color: var(--g-text-muted) !important;
}
body.single-product .seanav-product-page .woocommerce-breadcrumb a {
color: var(--g-text-muted) !important;
}
body.single-product .seanav-product-page .woocommerce-breadcrumb a:hover {
color: var(--g-green) !important;
}
body.single-product .seanav-product-main > .col-inner {
background: var(--g-card) !important;
border: 1px solid rgba(255, 255, 255, 0.07) !important;
box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4) !important;
}
body.single-product .seanav-product-gallery-col .woocommerce-product-gallery__image {
background: var(--g-bg) !important;
border-color: rgba(255, 255, 255, 0.08) !important;
}
body.single-product .seanav-product-gallery-col .woocommerce-product-gallery__image a {
background: var(--g-bg) !important;
}
body.single-product .seanav-product-gallery-col .woocommerce-product-gallery__image img {
background: var(--g-bg) !important;
}
body.single-product .seanav-product-gallery-col .flex-control-thumbs img {
background: var(--g-bg) !important;
border-color: rgba(255, 255, 255, 0.08) !important;
}
body.single-product .seanav-product-gallery-col .flex-control-thumbs img:hover,
body.single-product .seanav-product-gallery-col .flex-control-thumbs .flex-active img {
border-color: var(--g-green) !important;
}
body.single-product .seanav-product-gallery-col .onsale {
background: var(--g-green) !important;
color: #0d1117 !important;
font-weight: 800 !important;
}
body.single-product .seanav-product-summary-col .product_title {
color: var(--g-white) !important;
}
body.single-product .seanav-product-summary-col .price {
border-bottom-color: rgba(255, 255, 255, 0.08) !important;
}
body.single-product .seanav-product-summary-col .price,
body.single-product .seanav-product-summary-col .price .woocommerce-Price-amount {
color: var(--g-green) !important;
}
body.single-product .seanav-product-summary-col .price del { color: var(--g-text-dim) !important; }
body.single-product .seanav-product-summary-col .price ins { color: var(--g-green) !important; }
body.single-product .seanav-product-summary-col .woocommerce-product-details__short-description {
color: var(--g-text) !important;
}
body.single-product .seanav-product-summary-col .woocommerce-product-details__short-description p {
color: var(--g-text) !important;
}
body.single-product .seanav-product-summary-col .stock.in-stock { color: var(--g-green) !important; }
body.single-product .seanav-product-summary-col .stock.out-of-stock { color: #f87171 !important; }
body.single-product .seanav-product-summary-col form.cart .quantity input.qty {
background: var(--g-bg) !important;
border-color: rgba(255, 255, 255, 0.1) !important;
color: var(--g-white) !important;
}
body.single-product .seanav-product-summary-col .product_meta {
border-top-color: rgba(255, 255, 255, 0.08) !important;
color: var(--g-text-muted) !important;
}
body.single-product .seanav-product-summary-col .product_meta a {
color: var(--g-cyan, #00d4ff) !important;
}
body.single-product .seanav-product-summary-col .product_meta a:hover {
color: var(--g-green) !important;
}
body.single-product .seanav-product-main > .col-inner > .seanav-shipping-notice {
background: rgba(0, 255, 136, 0.05) !important;
border-color: rgba(0, 255, 136, 0.15) !important;
border-left-color: var(--g-green) !important;
color: var(--g-text) !important;
}
body.single-product .seanav-product-main > .col-inner > .seanav-shipping-notice p { color: var(--g-text) !important; }
body.single-product .seanav-product-main > .col-inner > .seanav-shipping-notice a {
color: var(--g-green) !important;
}
body.single-product .seanav-product-featured-section {
border-top-color: rgba(255, 255, 255, 0.08) !important;
}
body.single-product .seanav-product-featured-section .seanav-featured-products > h3,
body.single-product .seanav-product-featured-section .section-title {
color: var(--g-white) !important;
}
body.single-product .seanav-product-footer .seanav-product-tags {
border-top-color: rgba(255, 255, 255, 0.08) !important;
color: var(--g-text-muted) !important;
}
body.single-product .seanav-product-footer .seanav-product-tags .seanav-product-tags-list a {
color: var(--g-cyan) !important;
}
body.single-product .seanav-product-footer .woocommerce-tabs ul.tabs {
border-bottom-color: rgba(255, 255, 255, 0.08) !important;
}
body.single-product .seanav-product-footer .woocommerce-tabs ul.tabs li a {
background: var(--g-card) !important;
border-color: rgba(255, 255, 255, 0.1) !important;
color: var(--g-text) !important;
}
body.single-product .seanav-product-footer .woocommerce-tabs ul.tabs li.active a,
body.single-product .seanav-product-footer .woocommerce-tabs ul.tabs li a:hover {
background: var(--g-green) !important;
border-color: var(--g-green) !important;
color: #0d1117 !important;
}
body.single-product .seanav-product-footer .woocommerce-Tabs-panel,
body.single-product .seanav-product-footer .woocommerce-Tabs-panel p {
color: var(--g-text) !important;
}
body.single-product .seanav-product-footer .woocommerce-Tabs-panel h2,
body.single-product .seanav-product-footer .woocommerce-Tabs-panel h3 {
color: var(--g-white) !important;
}
body.single-product .seanav-product-footer .woocommerce-Tabs-panel table {
color: var(--g-text) !important;
}
body.single-product .seanav-product-footer .woocommerce-Tabs-panel table th {
background: rgba(255, 255, 255, 0.05) !important;
color: var(--g-white) !important;
}
body.single-product .seanav-product-footer .woocommerce-Tabs-panel table td {
border-color: rgba(255, 255, 255, 0.06) !important;
}
#footer {
background: #060a10 !important;
color: var(--g-text-muted) !important;
border-top: 2px solid var(--g-green) !important;
padding: 60px 0 28px !important;
}
#footer h4.widget-title,
#footer .section-title-container .section-title,
#footer h3.section-title,
#footer .widget-title {
color: var(--g-white) !important;
border-bottom-color: rgba(0, 255, 136, 0.2) !important;
}
#footer a { color: var(--g-text-muted) !important; }
#footer a:hover { color: var(--g-green) !important; }
#footer ul li { margin-bottom: 7px !important; }
#footer p { color: var(--g-text-muted) !important; }
.absolute-footer {
background: #040710 !important;
border-top-color: rgba(255, 255, 255, 0.06) !important;
}
.absolute-footer p { color: var(--g-text-dim) !important; }
.payment-icons span {
background: rgba(255, 255, 255, 0.06) !important;
color: var(--g-text-muted) !important;
}
.social-icons.follow-icons a {
border-color: rgba(255, 255, 255, 0.2) !important;
color: var(--g-text) !important;
}
.social-icons.follow-icons a:hover {
border-color: var(--g-green) !important;
color: var(--g-green) !important;
background: rgba(0, 255, 136, 0.08) !important;
}
.post,
.post-card,
article.post,
.seanav-blog-card,
.entry-content,
.blog-entry {
background: var(--g-card) !important;
border: 1px solid rgba(255, 255, 255, 0.07) !important;
color: var(--g-text) !important;
}
.entry-title,
.post-title,
.post h2,
.seanav-blog-card h2,
.seanav-blog-card h3 {
color: var(--g-white) !important;
}
.entry-meta,
.post-meta,
.byline,
.posted-on {
color: var(--g-text-muted) !important;
}
.entry-meta a,
.post-meta a { color: var(--g-cyan, #00d4ff) !important; }
.entry-meta a:hover,
.post-meta a:hover { color: var(--g-green) !important; }
.entry-content p,
.entry-content li,
.entry-content td {
color: var(--g-text) !important;
}
.entry-content h2,
.entry-content h3,
.entry-content h4 {
color: var(--g-white) !important;
}
.entry-content a { color: var(--g-cyan, #00d4ff) !important; }
.entry-content a:hover { color: var(--g-green) !important; }
.entry-content blockquote {
background: rgba(0, 255, 136, 0.04) !important;
border-left: 4px solid var(--g-green) !important;
color: var(--g-text) !important;
}
.entry-content code,
.entry-content pre {
background: rgba(255, 255, 255, 0.05) !important;
color: var(--g-green) !important;
border-color: rgba(255, 255, 255, 0.08) !important;
}
.entry-content hr,
.entry-content table { border-color: rgba(255, 255, 255, 0.08) !important; }
.entry-content table th { background: rgba(255, 255, 255, 0.05) !important; color: var(--g-white) !important; }
.entry-content table td { color: var(--g-text) !important; }
input[type="text"],
input[type="email"],
input[type="password"],
input[type="number"],
input[type="tel"],
input[type="url"],
input[type="search"],
textarea,
select {
background: var(--g-bg) !important;
border: 1px solid rgba(255, 255, 255, 0.1) !important;
color: var(--g-white) !important;
border-radius: 8px !important;
transition: border-color var(--g-t), box-shadow var(--g-t) !important;
}
input::placeholder,
textarea::placeholder { color: var(--g-text-dim) !important; }
input:focus,
textarea:focus,
select:focus {
border-color: var(--g-green-border) !important;
box-shadow: 0 0 0 3px var(--g-green-glow) !important;
outline: none !important;
background: rgba(0, 255, 136, 0.03) !important;
}
label { color: var(--g-text) !important; }
.woocommerce-checkout .col2-set,
.woocommerce-account .woocommerce,
.woocommerce-cart .cart-collaterals {
color: var(--g-text) !important;
}
.woocommerce-checkout h3,
.woocommerce-account h2,
.woocommerce-account h3,
.woocommerce-cart h2 {
color: var(--g-white) !important;
}
.woocommerce table.shop_table {
background: var(--g-card) !important;
border-color: rgba(255, 255, 255, 0.08) !important;
color: var(--g-text) !important;
}
.woocommerce table.shop_table th {
background: rgba(255, 255, 255, 0.05) !important;
color: var(--g-white) !important;
border-color: rgba(255, 255, 255, 0.08) !important;
}
.woocommerce table.shop_table td {
border-color: rgba(255, 255, 255, 0.06) !important;
color: var(--g-text) !important;
}
.woocommerce table.shop_table td a { color: var(--g-cyan) !important; }
.woocommerce table.shop_table td a:hover { color: var(--g-green) !important; }
.woocommerce-cart .cart_totals h2,
.woocommerce-checkout #order_review_heading {
color: var(--g-white) !important;
}
.woocommerce .cart_totals table { color: var(--g-text) !important; }
.woocommerce .woocommerce-checkout-payment,
.woocommerce #payment {
background: var(--g-card) !important;
border-color: rgba(255, 255, 255, 0.08) !important;
}
.woocommerce #payment .payment_methods { color: var(--g-text) !important; }
.woocommerce-account .woocommerce-MyAccount-navigation ul {
background: var(--g-card) !important;
border: 1px solid rgba(255, 255, 255, 0.07) !important;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li { border-bottom-color: rgba(255, 255, 255, 0.06) !important; }
.woocommerce-account .woocommerce-MyAccount-navigation ul li a { color: var(--g-text) !important; }
.woocommerce-account .woocommerce-MyAccount-navigation ul li a:hover,
.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a { color: var(--g-green) !important; }
.seanav-info-card {
background: var(--g-card) !important;
border: 1px solid rgba(255, 255, 255, 0.07) !important;
color: var(--g-text) !important;
}
.seanav-info-card h3, .seanav-info-card h4 { color: var(--g-white) !important; }
.page-content,
.entry-content,
.page .entry-content {
color: var(--g-text) !important;
}
.site-main, #main, main#main,
.content-area, #content {
background: transparent !important;
}
.star-rating span::before,
.woocommerce .star-rating span::before { color: #f59e0b !important; }
.woocommerce .onsale,
.onsale {
background: var(--g-green) !important;
color: #0d1117 !important;
font-weight: 800 !important;
border-radius: 6px !important;
}
.section { background: var(--g-bg) !important; }
.section.dark, .section-dark { background: var(--g-bg-2, #0a0e14) !important; }
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
outline: 2px solid var(--g-green) !important;
outline-offset: 3px !important;
}
section.section[style*="background-color:#ffffff"],
section.section[style*="background-color: #ffffff"],
section.section[style*="background:#ffffff"],
section.section[style*="background: #ffffff"],
div[style*="background-color:#ffffff"]:not(img),
div[style*="background-color: #ffffff"]:not(img),
div[style*="background:#ffffff"]:not(img),
div[style*="background: #ffffff"]:not(img),
[style*="background-color:#fff"]:not(img),
[style*="background-color: #fff"]:not(img),
[style*="background:#fff"]:not(img),
[style*="background: #fff"]:not(img) {
background-color: var(--g-card) !important;
}
section.section[style*="background-color:#f4f7fb"],
section.section[style*="background-color: #f4f7fb"],
.section[style*="background-color:#f4f7fb"],
.section[style*="background-color: #f4f7fb"],
[style*="background-color:#f8fafc"],
[style*="background:#f8fafc"] {
background-color: #0a0e14 !important;
}
section.section[style*="background-color:#f4f7fb"] .section-content,
section.section[style*="background-color:#ffffff"] .section-content {
background: transparent !important;
}
[style*="color:#00bcd4"],
[style*="color: #00bcd4"],
[style*="color:#00c8e0"],
[style*="color: #00c8e0"] {
color: var(--g-green) !important;
}
[style*="background:#00bcd4"],
[style*="background: #00bcd4"],
[style*="background-color:#00bcd4"],
[style*="background-color: #00bcd4"],
[style*="background:#00c8e0"],
[style*="background: #00c8e0"] {
background-color: var(--g-green) !important;
color: #0d1117 !important;
}
[style*="color:#061729"] {
color: var(--g-text-muted) !important;
}
[style*="color:#0f172a"],
[style*="color: #0f172a"],
[style*="color:#0a1929"],
[style*="color: #0a1929"],
[style*="color:#334155"],
[style*="color: #334155"],
[style*="color:#1e293b"],
[style*="color: #1e293b"] {
color: var(--g-white) !important;
}
[style*="color:#64748b"],
[style*="color: #64748b"],
[style*="color:#475569"],
[style*="color: #475569"],
[style*="color:#94a3b8"],
[style*="color: #94a3b8"] {
color: var(--g-text-muted) !important;
}
.seanav-blog-page .seanav-blog-card {
background: var(--g-card) !important;
border-color: rgba(255, 255, 255, 0.07) !important;
}
.seanav-blog-page .seanav-blog-card:hover {
border-color: var(--g-green-border) !important;
box-shadow: 0 10px 28px rgba(0, 255, 136, 0.1) !important;
}
.seanav-blog-page .seanav-blog-title         { color: var(--g-white) !important; }
.seanav-blog-page .seanav-blog-intro         { color: var(--g-text-muted) !important; }
.seanav-blog-page .seanav-blog-card-title a  { color: var(--g-white) !important; }
.seanav-blog-page .seanav-blog-card-title a:hover { color: var(--g-green) !important; }
.seanav-blog-page .seanav-blog-card-excerpt  { color: var(--g-text) !important; }
.seanav-blog-page .seanav-blog-card-meta     { color: var(--g-text-muted) !important; }
.seanav-blog-page .seanav-blog-card-cat      { color: var(--g-green) !important; }
.seanav-blog-page .seanav-blog-card-more     { color: var(--g-green) !important; }
.seanav-blog-page .seanav-blog-empty         { color: var(--g-text-muted) !important; }
.seanav-blog-page .seanav-blog-card-media--placeholder {
background: linear-gradient(135deg, rgba(0,255,136,0.08), transparent 55%),
linear-gradient(180deg, #0d1117 0%, #0a0e14 100%) !important;
}
.seanav-blog-page .seanav-blog-pagination .page-numbers {
background: var(--g-card) !important;
border-color: rgba(255,255,255,0.08) !important;
color: var(--g-text) !important;
}
.seanav-blog-page .seanav-blog-pagination a.page-numbers:hover {
border-color: var(--g-green-border) !important;
color: var(--g-green) !important;
}
.seanav-blog-page .seanav-blog-pagination .page-numbers.current {
background: var(--g-green) !important;
border-color: var(--g-green) !important;
color: #0d1117 !important;
}
.seanav-blog-post-page .seanav-blog-post-title       { color: var(--g-white) !important; }
.seanav-blog-post-page .seanav-blog-post-content      { color: var(--g-text) !important; }
.seanav-blog-post-page .seanav-blog-post-content h2,
.seanav-blog-post-page .seanav-blog-post-content h3,
.seanav-blog-post-page .seanav-blog-post-content h4  { color: var(--g-white) !important; }
.seanav-blog-post-page .seanav-blog-post-content a    { color: var(--g-cyan, #00d4ff) !important; }
.seanav-blog-post-page .seanav-blog-post-content a:hover { color: var(--g-green) !important; }
.seanav-blog-post-page .seanav-blog-post-meta         { color: var(--g-text-muted) !important; }
.seanav-blog-post-page .seanav-blog-post-tags         { color: var(--g-text-muted) !important; border-top-color: rgba(255,255,255,0.08) !important; }
.seanav-blog-post-page .seanav-blog-post-tags-label   { color: var(--g-white) !important; }
.seanav-blog-post-page .seanav-blog-post-tags-list a  { color: var(--g-cyan) !important; }
.seanav-blog-post-page .seanav-blog-post-featured     { background: var(--g-bg) !important; border-color: rgba(255,255,255,0.08) !important; }
.seanav-blog-post-page .seanav-blog-post-featured-image { background: var(--g-bg) !important; }
.seanav-blog-post-page .seanav-blog-post-cat          { background: rgba(0,255,136,0.1) !important; color: var(--g-green) !important; }
.seanav-blog-post-page .seanav-blog-post-cat:hover    { background: rgba(0,255,136,0.18) !important; }
.tabgroup .nav-tabs                     { border-bottom-color: rgba(255,255,255,0.1) !important; }
.tabgroup .tab-nav-link                 { color: var(--g-text-muted) !important; }
.tabgroup .tab-nav-link:hover           { color: var(--g-green) !important; }
.tabgroup .tab-nav-link.active          { color: var(--g-white) !important; border-bottom-color: var(--g-green) !important; }
.lightbox-modal .lightbox-dialog  { background: var(--g-card) !important; }
.lightbox-modal .lightbox-close   { color: var(--g-text-muted) !important; }
.lightbox-modal .lightbox-close:hover { color: #f87171 !important; }
hr.is-divider                          { background-color: rgba(255,255,255,0.08) !important; }
hr.is-divider.divider-dashed           { border-top-color: rgba(255,255,255,0.1) !important; }
hr.is-divider.divider-dotted           { border-top-color: rgba(255,255,255,0.1) !important; }
.ux-slider-dots .ux-slider-dot.active  { background: var(--g-green) !important; }
@media (prefers-reduced-motion: reduce) {
.product-small .box-image img,
#content .box.box-push.box-text-bottom .box-image img {
transition: none !important;
transform: none !important;
}
}
:root {
--f-display:  'Outfit', 'Inter', system-ui, sans-serif;
--f-body:     'Inter', system-ui, -apple-system, sans-serif;
--f-mono:     'Roboto Mono', 'Fira Code', monospace;
--text-xs:    clamp(0.72rem,  1.2vw,  0.8rem);
--text-sm:    clamp(0.82rem,  1.4vw,  0.9rem);
--text-base:  clamp(0.92rem,  1.6vw,  1rem);
--text-md:    clamp(1rem,     1.8vw,  1.15rem);
--text-lg:    clamp(1.1rem,   2vw,    1.35rem);
--text-xl:    clamp(1.3rem,   2.4vw,  1.65rem);
--text-2xl:   clamp(1.5rem,   3vw,    2rem);
--text-3xl:   clamp(1.9rem,   4vw,    2.8rem);
--text-4xl:   clamp(2.2rem,   5vw,    3.5rem);
--sp-xs:  0.35rem;
--sp-sm:  0.65rem;
--sp-md:  1.1rem;
--sp-lg:  1.75rem;
--sp-xl:  2.5rem;
--sp-2xl: 4rem;
--green:        #00ff88;
--green-dim:    #00cc6a;
--green-deep:   #00994f;
--green-glow:   rgba(0, 255, 136, 0.18);
--green-glow-sm:rgba(0, 255, 136, 0.10);
--green-border: rgba(0, 255, 136, 0.28);
--cyan:         #00d4ff;
--cyan-glow:    rgba(0, 212, 255, 0.15);
--surface-0:  #060a0f;
--surface-1:  #0d1117;
--surface-2:  #111820;
--surface-3:  #161d28;
--surface-4:  #1c2535;
--t-bright:  #f0f6fc;
--t-primary: #c9d1d9;
--t-muted:   #8b949e;
--t-dim:     #6e7681;
--border-subtle: rgba(255,255,255,0.06);
--border-soft:   rgba(255,255,255,0.10);
--border-green:  rgba(0,255,136,0.22);
--border-cyan:   rgba(0,212,255,0.18);
--ease:      cubic-bezier(0.25, 0.8, 0.25, 1);
--ease-out:  cubic-bezier(0, 0, 0.3, 1);
--ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
--t-fast:    0.15s;
--t-base:    0.22s;
--t-slow:    0.4s;
}
body {
font-family: var(--f-body) !important;
font-size: var(--text-base) !important;
line-height: 1.7 !important;
font-feature-settings: 'kern' 1, 'liga' 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
h1, h2, h3 {
font-family: var(--f-display) !important;
font-weight: 800 !important;
letter-spacing: -0.025em !important;
line-height: 1.15 !important;
}
h4, h5, h6 {
font-family: var(--f-display) !important;
font-weight: 700 !important;
letter-spacing: -0.015em !important;
}
h1 { font-size: var(--text-4xl) !important; }
h2 { font-size: var(--text-3xl) !important; }
h3 { font-size: var(--text-2xl) !important; }
h4 { font-size: var(--text-xl) !important; }
h5 { font-size: var(--text-lg) !important; }
h6 { font-size: var(--text-md) !important; }
.section h2,
.col-inner > h2,
.seanav-product-summary-col .product_title {
background: linear-gradient(135deg, var(--t-bright) 0%, var(--green) 120%) !important;
-webkit-background-clip: text !important;
-webkit-text-fill-color: transparent !important;
background-clip: text !important;
}
.seanav-eyebrow,
p[style*="letter-spacing"][style*="uppercase"],
span[style*="letter-spacing:4px"],
span[style*="letter-spacing:5px"],
span[style*="letter-spacing: 4px"],
span[style*="letter-spacing: 5px"] {
font-family: var(--f-mono) !important;
font-size: 0.7rem !important;
font-weight: 600 !important;
letter-spacing: 0.25em !important;
text-transform: uppercase !important;
color: var(--green) !important;
display: inline-flex !important;
align-items: center !important;
gap: 0.5rem !important;
}
.seanav-eyebrow::before,
p[style*="letter-spacing"][style*="uppercase"]::before {
content: '';
display: inline-block;
width: 20px;
height: 2px;
background: var(--green);
border-radius: 2px;
}
.woocommerce-Price-amount,
.price .amount,
.stat-number,
[style*="font-size: 28px"][style*="font-weight: 800"],
[style*="font-size:28px"][style*="font-weight:800"] {
font-family: var(--f-mono) !important;
}
#seanav-scroll-progress {
position: fixed;
top: 0;
left: 0;
height: 3px;
width: 0%;
background: linear-gradient(90deg, var(--green), var(--cyan), var(--green));
background-size: 200% 100%;
z-index: 99999;
pointer-events: none;
animation: progressShimmer 2s linear infinite;
transition: width 0.1s linear;
}
@keyframes progressShimmer {
0%   { background-position: 200% 0; }
100% { background-position: -200% 0; }
}
#header {
transition: box-shadow var(--t-slow) var(--ease),
backdrop-filter var(--t-slow) var(--ease) !important;
}
#header.is-scrolled {
backdrop-filter: blur(28px) saturate(180%) !important;
-webkit-backdrop-filter: blur(28px) saturate(180%) !important;
box-shadow:
0 1px 0 var(--green-border),
0 8px 40px rgba(0,0,0,0.6) !important;
}
.mega-nav-link::after {
content: '';
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%) scaleX(0);
width: 20px;
height: 2px;
background: var(--green);
border-radius: 2px;
transition: transform var(--t-base) var(--ease-spring);
}
.mega-nav-link:hover::after,
.mega-nav-item.current-menu-item > .mega-nav-link::after,
.mega-nav-item.current-menu-ancestor > .mega-nav-link::after {
transform: translateX(-50%) scaleX(1);
}
.mega-nav-link {
position: relative;
}
.seanav-status-badge {
display: inline-flex;
align-items: center;
gap: 6px;
font-family: var(--f-mono);
font-size: 0.68rem;
font-weight: 600;
color: var(--green);
letter-spacing: 0.1em;
text-transform: uppercase;
margin-left: 20px;
}
.seanav-status-badge::before {
content: '';
width: 7px;
height: 7px;
border-radius: 50%;
background: var(--green);
box-shadow: 0 0 0 0 var(--green-glow);
animation: statusPing 2s ease-out infinite;
flex-shrink: 0;
}
@keyframes statusPing {
0%   { box-shadow: 0 0 0 0 rgba(0,255,136,0.5); }
70%  { box-shadow: 0 0 0 6px rgba(0,255,136,0); }
100% { box-shadow: 0 0 0 0 rgba(0,255,136,0); }
}
.seanav-mega-menu {
transform-origin: top center;
}
.mega-column {
opacity: 0;
transform: translateY(10px);
transition: opacity var(--t-base) var(--ease-out),
transform var(--t-base) var(--ease-out);
}
.mega-nav-item:hover > .seanav-mega-menu .mega-column:nth-child(1) { opacity:1; transform:translateY(0); transition-delay: 0.00s; }
.mega-nav-item:hover > .seanav-mega-menu .mega-column:nth-child(2) { opacity:1; transform:translateY(0); transition-delay: 0.05s; }
.mega-nav-item:hover > .seanav-mega-menu .mega-column:nth-child(3) { opacity:1; transform:translateY(0); transition-delay: 0.10s; }
.mega-nav-item:hover > .seanav-mega-menu .mega-column:nth-child(4) { opacity:1; transform:translateY(0); transition-delay: 0.15s; }
.mega-nav-item:hover > .seanav-mega-menu .mega-column:nth-child(5) { opacity:1; transform:translateY(0); transition-delay: 0.20s; }
.mega-col-list li a {
position: relative;
padding-left: 0 !important;
transition: padding-left var(--t-base) var(--ease), color var(--t-base) !important;
}
.mega-col-list li a:hover {
padding-left: 8px !important;
}
.mega-col-list li a::before {
content: '›';
position: absolute;
left: -10px;
opacity: 0;
color: var(--green);
font-size: 1rem;
transition: opacity var(--t-base), left var(--t-base) var(--ease);
}
.mega-col-list li a:hover::before {
left: -2px;
opacity: 1;
}
.ux-slider-wrapper {
position: relative;
isolation: isolate;
}
.ux-slider-wrapper::before {
content: '';
position: absolute;
top: -100%;
left: 0;
right: 0;
height: 2px;
background: linear-gradient(90deg,
transparent 0%,
rgba(0,255,136,0.0) 20%,
rgba(0,255,136,0.7) 50%,
rgba(0,255,136,0.0) 80%,
transparent 100%);
z-index: 20;
pointer-events: none;
animation: scanLine 6s linear infinite;
}
@keyframes scanLine {
0%   { top: -2px; opacity: 0; }
5%   { opacity: 1; }
95%  { opacity: 0.6; }
100% { top: 100%; opacity: 0; }
}
.ux-slider-wrapper::after {
content: '';
position: absolute;
bottom: 0; left: 0; right: 0;
height: 4px;
background: linear-gradient(90deg, var(--green), var(--cyan), var(--green));
background-size: 200% 100%;
animation: progressShimmer 3s linear infinite;
z-index: 20;
pointer-events: none;
}
.ux-banner.banner {
position: relative !important;
}
.seanav-hero-banner::before,
.seanav-hero-banner::after {
content: '';
position: absolute;
width: 32px;
height: 32px;
z-index: 10;
pointer-events: none;
}
.seanav-hero-banner::before {
top: 20px;
left: 20px;
border-top: 2px solid var(--green);
border-left: 2px solid var(--green);
opacity: 0.7;
}
.seanav-hero-banner::after {
bottom: 20px;
right: 20px;
border-bottom: 2px solid var(--green);
border-right: 2px solid var(--green);
opacity: 0.7;
}
.ux-banner .text-box-inner {
position: relative;
}
.ux-banner .text-box-inner::after {
content: '';
position: absolute;
bottom: -20px;
left: 50%;
transform: translateX(-50%);
width: 320px;
height: 60px;
background: radial-gradient(ellipse, rgba(0,255,136,0.15) 0%, transparent 70%);
pointer-events: none;
filter: blur(8px);
}
.seanav-reveal {
opacity: 0;
transform: translateY(28px);
transition: opacity 0.55s var(--ease-out), transform 0.55s var(--ease-out);
}
.seanav-reveal.seanav-revealed {
opacity: 1;
transform: translateY(0);
}
.seanav-reveal-delay-1 { transition-delay: 0.1s; }
.seanav-reveal-delay-2 { transition-delay: 0.2s; }
.seanav-reveal-delay-3 { transition-delay: 0.3s; }
.seanav-reveal-delay-4 { transition-delay: 0.4s; }
.button,
button:not(.mobile-nav-toggle):not(.mobile-submenu-toggle):not(.drawer-close):not(.ui-slider-handle) {
padding: 9px 20px !important;
font-size: var(--text-sm) !important;
font-family: var(--f-display) !important;
font-weight: 700 !important;
letter-spacing: 0.06em !important;
border-radius: 6px !important;
position: relative !important;
overflow: hidden !important;
transition:
background var(--t-base) var(--ease),
transform var(--t-base) var(--ease-spring),
box-shadow var(--t-base) var(--ease) !important;
}
.button::after,
button:not(.mobile-nav-toggle):not(.mobile-submenu-toggle):not(.drawer-close):not(.ui-slider-handle)::after {
content: '';
position: absolute;
inset: 0;
background: rgba(255,255,255,0.15);
border-radius: inherit;
opacity: 0;
transform: scale(0.5);
transition: opacity 0.3s, transform 0.3s;
pointer-events: none;
}
.button:active::after,
button:not(.mobile-nav-toggle):not(.mobile-submenu-toggle):not(.drawer-close):not(.ui-slider-handle):active::after {
opacity: 1;
transform: scale(1);
transition: opacity 0s, transform 0s;
}
.header-quote-btn {
animation: quotePulse 3s ease-in-out infinite !important;
}
@keyframes quotePulse {
0%, 100% { box-shadow: 0 0 0 0 rgba(0,255,136,0); }
50%       { box-shadow: 0 0 0 6px rgba(0,255,136,0.18); }
}
.header-quote-btn:hover {
animation: none !important;
}
.product-small .add-to-cart-button .button,
.product-small .button.is-outline {
padding: 7px 14px !important;
font-size: 0.72rem !important;
letter-spacing: 0.08em !important;
border-radius: 5px !important;
}
body.single-product .single_add_to_cart_button {
padding: 14px 36px !important;
font-size: var(--text-sm) !important;
letter-spacing: 0.08em !important;
box-shadow: 0 4px 24px rgba(0,255,136,0.30) !important;
}
body.single-product .single_add_to_cart_button:hover {
box-shadow: 0 8px 36px rgba(0,255,136,0.50) !important;
}
.product-small .box {
position: relative;
isolation: isolate;
}
.product-small .box::before {
content: '';
position: absolute;
inset: -1px;
border-radius: inherit;
background: conic-gradient(
from var(--shimmer-angle, 0deg),
transparent 20%,
rgba(0,255,136,0.5) 40%,
rgba(0,212,255,0.4) 50%,
rgba(0,255,136,0.5) 60%,
transparent 80%
);
opacity: 0;
z-index: -1;
transition: opacity var(--t-slow) var(--ease);
animation: shimmerRotate 4s linear infinite paused;
}
.product-small .box:hover::before {
opacity: 1;
animation-play-state: running;
}
@property --shimmer-angle {
syntax: '<angle>';
initial-value: 0deg;
inherits: false;
}
@keyframes shimmerRotate {
to { --shimmer-angle: 360deg; }
}
.product-small .box .seanav-quick-view,
.product-small .box .add-to-cart-button {
transition: transform var(--t-base) var(--ease-spring),
opacity var(--t-base) var(--ease) !important;
}
.product-small .price,
.product-small .woocommerce-Price-amount {
position: relative;
}
.product-small .box:hover .price,
.product-small .box:hover .woocommerce-Price-amount {
text-shadow: 0 0 12px rgba(0,255,136,0.5) !important;
}
.product-small .box {
transition:
transform 0.3s var(--ease-spring),
border-color var(--t-base) var(--ease),
box-shadow var(--t-base) var(--ease) !important;
}
.product-small .box:hover {
transform: translateY(-6px) !important;
}
#content .box.box-push.box-text-bottom,
#content .seanav-cat-tile {
transition:
transform 0.3s var(--ease-spring),
border-color var(--t-base),
box-shadow var(--t-base) !important;
}
#content .box.box-push.box-text-bottom:hover,
#content .seanav-cat-tile:hover {
transform: translateY(-5px) scale(1.01) !important;
}
.seanav-shop-sidebar .widget {
background: rgba(19, 27, 36, 0.75) !important;
backdrop-filter: blur(12px) !important;
-webkit-backdrop-filter: blur(12px) !important;
border: 1px solid var(--border-subtle) !important;
border-left: 3px solid var(--green) !important;
border-radius: 10px !important;
box-shadow:
0 4px 20px rgba(0,0,0,0.3),
inset 0 1px 0 rgba(255,255,255,0.04) !important;
transition: border-left-color var(--t-base), box-shadow var(--t-base) !important;
}
.seanav-shop-sidebar .widget:hover {
border-left-color: var(--green) !important;
box-shadow:
0 6px 28px rgba(0,0,0,0.4),
0 0 0 1px var(--green-border),
inset 0 1px 0 rgba(255,255,255,0.06) !important;
}
.seanav-shop-sidebar .widget-title {
font-family: var(--f-mono) !important;
font-size: 0.68rem !important;
letter-spacing: 0.2em !important;
text-transform: uppercase !important;
color: var(--green) !important;
margin-bottom: 14px !important;
padding-bottom: 10px !important;
border-bottom: 1px solid var(--border-green) !important;
}
@media (min-width: 850px) {
.seanav-shop-sidebar-inner,
.seanav-product-sidebar .seanav-shop-sidebar-inner {
position: sticky !important;
top: 80px !important;
}
}
.stat-pulse {
position: relative;
}
[style*="font-size: 28px"],
[style*="font-size:28px"] {
position: relative;
font-family: var(--f-mono) !important;
background: linear-gradient(135deg, #ffffff 0%, var(--green) 100%) !important;
-webkit-background-clip: text !important;
-webkit-text-fill-color: transparent !important;
background-clip: text !important;
filter: drop-shadow(0 0 12px rgba(0,255,136,0.3));
}
.section + .section::before {
content: '';
display: block;
width: 100%;
height: 1px;
background: linear-gradient(90deg,
transparent,
var(--border-subtle) 20%,
var(--border-green) 50%,
var(--border-subtle) 80%,
transparent);
position: absolute;
top: 0;
left: 0;
pointer-events: none;
}
.section {
position: relative;
}
.row.row-collapse .ux-banner {
position: relative;
overflow: hidden;
}
.row.row-collapse .ux-banner::before {
content: '';
position: absolute;
inset: 0;
background-image:
linear-gradient(rgba(0,255,136,0.03) 1px, transparent 1px),
linear-gradient(90deg, rgba(0,255,136,0.03) 1px, transparent 1px);
background-size: 40px 40px;
pointer-events: none;
z-index: 1;
}
.row.row-collapse .ux-banner .banner-layers { z-index: 2; }
#footer {
position: relative;
border-top: none !important;
}
#footer::before {
content: '';
position: absolute;
top: 0; left: 0; right: 0;
height: 3px;
background: linear-gradient(90deg,
var(--green),
var(--cyan),
var(--green-deep),
var(--green));
background-size: 300% 100%;
animation: footerBorderFlow 4s linear infinite;
}
@keyframes footerBorderFlow {
0%   { background-position: 0% 0; }
100% { background-position: 300% 0; }
}
#footer h4.widget-title,
#footer .widget-title {
font-family: var(--f-mono) !important;
font-size: 0.68rem !important;
letter-spacing: 0.2em !important;
color: var(--green) !important;
text-transform: uppercase !important;
padding-bottom: 10px !important;
border-bottom: 1px solid var(--border-green) !important;
margin-bottom: 18px !important;
display: block !important;
}
#footer ul li a {
display: inline-flex !important;
align-items: center !important;
gap: 6px !important;
transition: gap var(--t-base), color var(--t-base) !important;
}
#footer ul li a::before {
content: '›';
font-size: 1.1rem;
color: var(--green);
opacity: 0;
transform: translateX(-6px);
transition: opacity var(--t-base), transform var(--t-base) var(--ease);
flex-shrink: 0;
}
#footer ul li a:hover::before {
opacity: 1;
transform: translateX(0);
}
#footer ul li a:hover {
gap: 10px !important;
}
.seanav-footer-ports-list,
.seanav-home-ports-strip .seanav-footer-ports-list {
overflow: hidden !important;
position: relative !important;
}
.absolute-footer {
position: relative;
padding: 16px 0 !important;
}
.absolute-footer::before {
content: '';
position: absolute;
top: 0; left: 0; right: 0;
height: 1px;
background: linear-gradient(90deg,
transparent,
rgba(0,255,136,0.15) 20%,
rgba(0,255,136,0.3) 50%,
rgba(0,255,136,0.15) 80%,
transparent);
}
body.single-product .seanav-product-main > .col-inner {
background: rgba(19, 27, 36, 0.8) !important;
backdrop-filter: blur(8px) !important;
-webkit-backdrop-filter: blur(8px) !important;
border: 1px solid var(--border-subtle) !important;
box-shadow:
0 8px 40px rgba(0,0,0,0.5),
inset 0 1px 0 rgba(255,255,255,0.04) !important;
}
body.single-product .flex-control-thumbs .flex-active img {
border-color: var(--green) !important;
box-shadow: 0 0 0 2px var(--green-border) !important;
}
body.single-product .woocommerce-tabs ul.tabs li a {
border-radius: 999px !important;
font-family: var(--f-mono) !important;
font-size: 0.75rem !important;
letter-spacing: 0.08em !important;
padding: 6px 16px !important;
}
body.single-product .product_title.entry-title {
background: linear-gradient(135deg, var(--t-bright) 0%, rgba(0,255,136,0.85) 130%) !important;
-webkit-background-clip: text !important;
-webkit-text-fill-color: transparent !important;
background-clip: text !important;
}
body.single-product .stock.in-stock {
font-family: var(--f-mono) !important;
font-size: 0.7rem !important;
letter-spacing: 0.12em !important;
text-transform: uppercase !important;
padding: 3px 10px !important;
border-radius: 4px !important;
background: rgba(0,255,136,0.1) !important;
border: 1px solid rgba(0,255,136,0.25) !important;
display: inline-block !important;
}
body.single-product .stock.out-of-stock {
font-family: var(--f-mono) !important;
font-size: 0.7rem !important;
letter-spacing: 0.12em !important;
text-transform: uppercase !important;
padding: 3px 10px !important;
border-radius: 4px !important;
background: rgba(248,113,113,0.1) !important;
border: 1px solid rgba(248,113,113,0.25) !important;
display: inline-block !important;
}
body.single-product .seanav-shipping-notice {
font-family: var(--f-mono) !important;
font-size: 0.82rem !important;
letter-spacing: 0.02em !important;
background: rgba(0,255,136,0.04) !important;
border-left: 3px solid var(--green) !important;
}
.woocommerce-pagination ul li a,
.woocommerce-pagination ul li span,
.seanav-blog-pagination .page-numbers {
font-family: var(--f-mono) !important;
font-size: 0.78rem !important;
font-weight: 600 !important;
letter-spacing: 0.05em !important;
min-width: 36px !important;
height: 36px !important;
border-radius: 6px !important;
}
.mobile-nav-drawer {
transition: visibility 0.3s, opacity 0.3s !important;
}
.drawer-content {
transition: transform 0.35s var(--ease-out) !important;
box-shadow: -20px 0 60px rgba(0,0,0,0.6) !important;
}
.mobile-nav-toggle svg {
transition: transform 0.25s var(--ease-spring) !important;
}
body.mobile-nav-active .mobile-nav-toggle svg {
transform: rotate(90deg) !important;
}
.cart-count {
animation: cartBadgePop 0.3s var(--ease-spring) !important;
}
@keyframes cartBadgePop {
0%   { transform: scale(0.5); }
70%  { transform: scale(1.15); }
100% { transform: scale(1); }
}
.woocommerce-breadcrumb {
font-family: var(--f-mono) !important;
font-size: 0.72rem !important;
letter-spacing: 0.06em !important;
background: rgba(255,255,255,0.03) !important;
border: 1px solid var(--border-subtle) !important;
border-radius: 6px !important;
padding: 6px 14px !important;
}
.woocommerce-breadcrumb a { color: var(--t-muted) !important; }
.woocommerce-breadcrumb a:hover { color: var(--green) !important; }
.woocommerce-message {
border-top: none !important;
border-left: 3px solid var(--green) !important;
background: rgba(0,255,136,0.05) !important;
font-family: var(--f-body) !important;
color: var(--t-primary) !important;
border-radius: 8px !important;
padding: 12px 18px !important;
}
.woocommerce-info {
border-left: 3px solid var(--cyan) !important;
background: rgba(0,212,255,0.05) !important;
color: var(--t-primary) !important;
border-top: none !important;
border-radius: 8px !important;
padding: 12px 18px !important;
}
.woocommerce-error {
border-left: 3px solid #f87171 !important;
background: rgba(248,113,113,0.05) !important;
color: var(--t-primary) !important;
border-top: none !important;
border-radius: 8px !important;
padding: 12px 18px !important;
}
input[type="text"],
input[type="email"],
input[type="password"],
input[type="number"],
input[type="tel"],
input[type="url"],
input[type="search"],
textarea,
select {
font-family: var(--f-body) !important;
font-size: var(--text-sm) !important;
background: rgba(255,255,255,0.03) !important;
border: 1px solid var(--border-soft) !important;
border-radius: 8px !important;
color: var(--t-bright) !important;
padding: 10px 14px !important;
transition: border-color var(--t-base), box-shadow var(--t-base), background var(--t-base) !important;
}
input:focus,
textarea:focus,
select:focus {
border-color: var(--green-border) !important;
background: rgba(0,255,136,0.03) !important;
box-shadow: 0 0 0 3px rgba(0,255,136,0.12), 0 0 20px rgba(0,255,136,0.08) !important;
outline: none !important;
}
label {
font-family: var(--f-mono) !important;
font-size: 0.72rem !important;
font-weight: 600 !important;
letter-spacing: 0.1em !important;
text-transform: uppercase !important;
color: var(--t-muted) !important;
display: block !important;
margin-bottom: 6px !important;
}
::selection {
background: rgba(0,255,136,0.25);
color: #ffffff;
}
::-webkit-scrollbar { width: 8px; height: 6px; }
::-webkit-scrollbar-track { background: var(--surface-0); }
::-webkit-scrollbar-thumb {
background: linear-gradient(180deg, var(--green-deep), var(--surface-4));
border-radius: 4px;
border: 1px solid var(--border-subtle);
}
::-webkit-scrollbar-thumb:hover { background: var(--green-dim); }
* { scrollbar-width: thin; scrollbar-color: var(--green-deep) var(--surface-0); }
table {
border-collapse: collapse !important;
width: 100%;
}
th {
font-family: var(--f-mono) !important;
font-size: 0.7rem !important;
letter-spacing: 0.15em !important;
text-transform: uppercase !important;
color: var(--green) !important;
background: rgba(0,255,136,0.05) !important;
border-bottom: 2px solid var(--border-green) !important;
padding: 10px 14px !important;
font-weight: 600 !important;
}
td {
padding: 10px 14px !important;
border-bottom: 1px solid var(--border-subtle) !important;
color: var(--t-primary) !important;
font-size: var(--text-sm) !important;
}
tr:hover td {
background: rgba(255,255,255,0.02) !important;
}
@media (max-width: 960px) {
h1 { font-size: clamp(1.8rem, 5vw, 2.8rem) !important; }
h2 { font-size: clamp(1.4rem, 4vw, 2rem) !important; }
h3 { font-size: clamp(1.2rem, 3.5vw, 1.6rem) !important; }
.button,
button:not(.mobile-nav-toggle):not(.mobile-submenu-toggle):not(.drawer-close):not(.ui-slider-handle) {
padding: 8px 18px !important;
font-size: 0.82rem !important;
}
}
@media (max-width: 549px) {
h1 { font-size: clamp(1.5rem, 6vw, 2.2rem) !important; }
h2 { font-size: clamp(1.2rem, 5vw, 1.6rem) !important; }
.button,
button:not(.mobile-nav-toggle):not(.mobile-submenu-toggle):not(.drawer-close):not(.ui-slider-handle) {
padding: 8px 16px !important;
font-size: 0.8rem !important;
letter-spacing: 0.04em !important;
}
.product-small .box {
transform: none !important;
}
.ux-slider-wrapper::before { animation-duration: 8s; }
}
a:focus-visible,
button:focus-visible,
input:focus-visible {
outline: 2px solid var(--green) !important;
outline-offset: 3px !important;
border-radius: 4px !important;
}
.skip-link:focus {
background: var(--green) !important;
color: #0d1117 !important;
font-weight: 800 !important;
padding: 10px 20px !important;
border-radius: 6px !important;
}
@media (prefers-reduced-motion: reduce) {
*,
*::before,
*::after {
animation-duration: 0.01ms !important;
animation-iteration-count: 1 !important;
transition-duration: 0.01ms !important;
}
.seanav-reveal {
opacity: 1 !important;
transform: none !important;
}
.product-small .box::before { display: none !important; }
}
:root {
--comp-green:       #00ff88;
--comp-green-dim:   #00cc6a;
--comp-green-glow:  rgba(0,255,136,0.20);
--comp-surface:     #0d1117;
--comp-card:        #131b24;
--comp-border:      rgba(255,255,255,0.08);
--comp-t:           #c9d1d9;
--comp-t-muted:     #8b949e;
--comp-white:       #f0f6fc;
--comp-shadow:      0 8px 32px rgba(0,0,0,0.5);
--comp-ease:        cubic-bezier(0.25,0.8,0.25,1);
--comp-spring:      cubic-bezier(0.34,1.56,0.64,1);
}
#seanav-page-load-bar {
position: fixed;
top: 3px;
left: 0;
width: 0%;
height: 2px;
background: linear-gradient(90deg, var(--comp-green), #00d4ff);
z-index: 99998;
pointer-events: none;
transition: width 0.3s var(--comp-ease), opacity 0.4s ease;
opacity: 0;
}
#seanav-page-load-bar.is-loading  { opacity: 1; }
#seanav-page-load-bar.is-complete { width: 100% !important; }
#seanav-back-top {
position: fixed;
bottom: 90px;
right: 24px;
width: 44px;
height: 44px;
border-radius: 10px;
background: rgba(19,27,36,0.92);
border: 1px solid rgba(0,255,136,0.25);
color: var(--comp-green);
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
z-index: 9990;
opacity: 0;
transform: translateY(16px) scale(0.85);
transition: opacity 0.3s var(--comp-ease),
transform 0.35s var(--comp-spring),
box-shadow 0.2s,
border-color 0.2s;
pointer-events: none;
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
box-shadow: var(--comp-shadow);
}
#seanav-back-top.is-visible {
opacity: 1;
transform: translateY(0) scale(1);
pointer-events: auto;
}
#seanav-back-top:hover {
border-color: var(--comp-green);
box-shadow: 0 0 20px rgba(0,255,136,0.30), var(--comp-shadow);
transform: translateY(-3px) scale(1.05);
}
#seanav-back-top svg {
transition: transform 0.2s var(--comp-spring);
}
#seanav-back-top:hover svg {
transform: translateY(-2px);
}
#seanav-wa-btn {
position: fixed;
bottom: 24px;
right: 24px;
width: 54px;
height: 54px;
border-radius: 14px;
background: #25d366;
color: #fff;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
z-index: 9991;
box-shadow: 0 6px 24px rgba(37,211,102,0.40), var(--comp-shadow);
transition: transform 0.3s var(--comp-spring),
box-shadow 0.2s var(--comp-ease);
text-decoration: none;
animation: waPulse 3s ease-in-out infinite;
}
#seanav-wa-btn:hover {
transform: scale(1.1) translateY(-3px);
box-shadow: 0 12px 36px rgba(37,211,102,0.55), var(--comp-shadow);
animation: none;
color: #fff;
text-decoration: none;
}
#seanav-wa-btn svg { flex-shrink: 0; }
@keyframes waPulse {
0%, 100% { box-shadow: 0 6px 24px rgba(37,211,102,0.40), 0 0 0 0 rgba(37,211,102,0.35); }
50%       { box-shadow: 0 6px 24px rgba(37,211,102,0.40), 0 0 0 10px rgba(37,211,102,0); }
}
#seanav-wa-btn::before {
content: 'Chat on WhatsApp';
position: absolute;
right: 64px;
top: 50%;
transform: translateY(-50%) translateX(8px);
background: rgba(10,14,20,0.95);
color: var(--comp-white);
font-family: 'Inter', sans-serif;
font-size: 0.75rem;
font-weight: 600;
white-space: nowrap;
padding: 6px 12px;
border-radius: 6px;
border: 1px solid rgba(255,255,255,0.08);
opacity: 0;
pointer-events: none;
transition: opacity 0.2s, transform 0.2s var(--comp-ease);
backdrop-filter: blur(8px);
}
#seanav-wa-btn:hover::before {
opacity: 1;
transform: translateY(-50%) translateX(0);
}
#seanav-sticky-atc {
position: fixed;
bottom: 0;
left: 0;
right: 0;
z-index: 9980;
background: rgba(13,17,23,0.97);
backdrop-filter: blur(20px);
-webkit-backdrop-filter: blur(20px);
border-top: 1px solid rgba(0,255,136,0.18);
box-shadow: 0 -8px 32px rgba(0,0,0,0.5);
transform: translateY(100%);
transition: transform 0.35s var(--comp-ease);
padding: 0;
}
#seanav-sticky-atc.is-visible {
transform: translateY(0);
}
.seanav-sticky-atc-inner {
display: flex;
align-items: center;
gap: 16px;
padding: 12px 24px;
max-width: 1320px;
margin: 0 auto;
}
.seanav-sticky-atc-img {
width: 44px;
height: 44px;
border-radius: 6px;
object-fit: cover;
border: 1px solid rgba(255,255,255,0.08);
flex-shrink: 0;
background: rgba(255,255,255,0.04);
}
.seanav-sticky-atc-name {
flex: 1;
font-family: 'Outfit', sans-serif;
font-size: 0.9rem;
font-weight: 700;
color: var(--comp-white);
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
min-width: 0;
}
.seanav-sticky-atc-price {
font-family: 'Roboto Mono', monospace;
font-size: 1rem;
font-weight: 700;
color: var(--comp-green);
white-space: nowrap;
flex-shrink: 0;
}
.seanav-sticky-atc-qty {
display: flex;
align-items: center;
gap: 0;
border: 1px solid rgba(255,255,255,0.12);
border-radius: 6px;
overflow: hidden;
flex-shrink: 0;
}
.seanav-sticky-atc-qty button {
width: 30px !important;
height: 36px !important;
background: rgba(255,255,255,0.05) !important;
border: none !important;
color: var(--comp-t) !important;
font-size: 1.1rem !important;
cursor: pointer !important;
padding: 0 !important;
border-radius: 0 !important;
transition: background 0.15s !important;
box-shadow: none !important;
letter-spacing: 0 !important;
}
.seanav-sticky-atc-qty button:hover {
background: rgba(0,255,136,0.12) !important;
color: var(--comp-green) !important;
}
.seanav-sticky-atc-qty input {
width: 40px !important;
height: 36px !important;
text-align: center !important;
background: transparent !important;
border: none !important;
border-left: 1px solid rgba(255,255,255,0.08) !important;
border-right: 1px solid rgba(255,255,255,0.08) !important;
color: var(--comp-white) !important;
font-size: 0.85rem !important;
font-weight: 700 !important;
border-radius: 0 !important;
padding: 0 !important;
box-shadow: none !important;
}
.seanav-sticky-atc-btn {
background: var(--comp-green) !important;
color: #0d1117 !important;
border: none !important;
padding: 9px 22px !important;
border-radius: 7px !important;
font-family: 'Outfit', sans-serif !important;
font-weight: 800 !important;
font-size: 0.82rem !important;
letter-spacing: 0.06em !important;
cursor: pointer !important;
white-space: nowrap !important;
flex-shrink: 0 !important;
transition: background 0.2s, box-shadow 0.2s, transform 0.2s !important;
box-shadow: 0 4px 16px rgba(0,255,136,0.30) !important;
}
.seanav-sticky-atc-btn:hover {
background: var(--comp-green-dim) !important;
box-shadow: 0 6px 24px rgba(0,255,136,0.45) !important;
transform: translateY(-1px) !important;
}
@media (max-width: 549px) {
.seanav-sticky-atc-inner { padding: 10px 14px; gap: 10px; }
.seanav-sticky-atc-img   { display: none; }
.seanav-sticky-atc-name  { font-size: 0.78rem; }
.seanav-sticky-atc-price { font-size: 0.88rem; }
.seanav-sticky-atc-qty   { display: none; }
}
#seanav-cart-overlay {
position: fixed;
inset: 0;
background: rgba(0,0,0,0.55);
backdrop-filter: blur(4px);
z-index: 9975;
opacity: 0;
pointer-events: none;
transition: opacity 0.3s var(--comp-ease);
}
#seanav-cart-overlay.is-open {
opacity: 1;
pointer-events: auto;
}
#seanav-cart-drawer {
position: fixed;
top: 0;
right: 0;
bottom: 0;
width: 360px;
max-width: 92vw;
background: var(--comp-card);
border-left: 1px solid rgba(0,255,136,0.12);
box-shadow: -20px 0 60px rgba(0,0,0,0.6);
z-index: 9976;
display: flex;
flex-direction: column;
transform: translateX(100%);
transition: transform 0.35s var(--comp-ease);
}
#seanav-cart-drawer.is-open {
transform: translateX(0);
}
.seanav-cart-drawer-head {
display: flex;
align-items: center;
justify-content: space-between;
padding: 18px 20px 16px;
border-bottom: 1px solid var(--comp-border);
flex-shrink: 0;
}
.seanav-cart-drawer-title {
font-family: 'Roboto Mono', monospace;
font-size: 0.72rem;
font-weight: 700;
letter-spacing: 0.18em;
text-transform: uppercase;
color: var(--comp-green);
}
.seanav-cart-drawer-close {
width: 32px;
height: 32px;
display: flex;
align-items: center;
justify-content: center;
background: rgba(255,255,255,0.05);
border: 1px solid var(--comp-border);
border-radius: 6px;
color: var(--comp-t-muted);
cursor: pointer;
font-size: 1.1rem;
line-height: 1;
transition: background 0.15s, color 0.15s, border-color 0.15s;
}
.seanav-cart-drawer-close:hover {
background: rgba(248,113,113,0.1);
border-color: rgba(248,113,113,0.3);
color: #f87171;
}
.seanav-cart-drawer-body {
flex: 1;
overflow-y: auto;
padding: 16px 20px;
scrollbar-width: thin;
scrollbar-color: rgba(0,255,136,0.2) transparent;
}
.seanav-cart-drawer-body::-webkit-scrollbar { width: 4px; }
.seanav-cart-drawer-body::-webkit-scrollbar-thumb { background: rgba(0,255,136,0.25); border-radius: 4px; }
.seanav-cart-drawer-body .woocommerce-mini-cart__buttons,
.seanav-cart-drawer-body .mini_cart_item {
color: var(--comp-t) !important;
}
.seanav-cart-drawer-body .mini_cart_item {
display: flex;
align-items: center;
gap: 12px;
padding: 12px 0;
border-bottom: 1px solid var(--comp-border);
}
.seanav-cart-drawer-body .mini_cart_item img {
width: 52px;
height: 52px;
object-fit: cover;
border-radius: 6px;
border: 1px solid var(--comp-border);
flex-shrink: 0;
background: rgba(255,255,255,0.03);
}
.seanav-cart-drawer-body .mini_cart_item a:not(.remove) {
font-family: 'Outfit', sans-serif;
font-size: 0.85rem;
font-weight: 600;
color: var(--comp-white) !important;
text-decoration: none;
display: block;
margin-bottom: 4px;
}
.seanav-cart-drawer-body .mini_cart_item a:not(.remove):hover {
color: var(--comp-green) !important;
}
.seanav-cart-drawer-body .mini_cart_item .quantity {
font-family: 'Roboto Mono', monospace;
font-size: 0.78rem;
color: var(--comp-t-muted);
}
.seanav-cart-drawer-body .mini_cart_item .woocommerce-Price-amount {
color: var(--comp-green) !important;
font-family: 'Roboto Mono', monospace;
font-size: 0.88rem;
font-weight: 700;
}
.seanav-cart-drawer-body .mini_cart_item .remove {
margin-left: auto;
width: 24px;
height: 24px;
display: flex;
align-items: center;
justify-content: center;
color: var(--comp-t-muted) !important;
font-size: 1.1rem;
border-radius: 4px;
flex-shrink: 0;
transition: color 0.15s, background 0.15s;
}
.seanav-cart-drawer-body .mini_cart_item .remove:hover {
color: #f87171 !important;
background: rgba(248,113,113,0.08);
}
.seanav-cart-drawer-empty {
text-align: center;
padding: 48px 0;
color: var(--comp-t-muted);
font-size: 0.9rem;
}
.seanav-cart-drawer-empty-icon {
font-size: 2.5rem;
margin-bottom: 12px;
opacity: 0.5;
}
.seanav-cart-drawer-foot {
flex-shrink: 0;
padding: 16px 20px;
border-top: 1px solid var(--comp-border);
background: rgba(6,10,16,0.6);
}
.seanav-cart-drawer-total {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 14px;
font-size: 0.88rem;
}
.seanav-cart-drawer-total-label {
font-family: 'Roboto Mono', monospace;
font-size: 0.68rem;
letter-spacing: 0.15em;
text-transform: uppercase;
color: var(--comp-t-muted);
}
.seanav-cart-drawer-total-amount {
font-family: 'Roboto Mono', monospace;
font-size: 1.1rem;
font-weight: 700;
color: var(--comp-green);
}
.seanav-cart-drawer-total-amount .woocommerce-Price-amount {
color: var(--comp-green) !important;
font-family: inherit !important;
}
.seanav-cart-drawer-actions {
display: flex;
flex-direction: column;
gap: 8px;
}
.seanav-cart-drawer-actions .checkout,
.seanav-cart-drawer-checkout {
display: block;
background: var(--comp-green) !important;
color: #0d1117 !important;
text-align: center;
padding: 11px 20px !important;
border-radius: 8px !important;
font-family: 'Outfit', sans-serif !important;
font-weight: 800 !important;
font-size: 0.85rem !important;
letter-spacing: 0.06em !important;
text-decoration: none !important;
transition: background 0.2s, box-shadow 0.2s !important;
box-shadow: 0 4px 16px rgba(0,255,136,0.25) !important;
}
.seanav-cart-drawer-actions .checkout:hover,
.seanav-cart-drawer-checkout:hover {
background: var(--comp-green-dim) !important;
box-shadow: 0 6px 24px rgba(0,255,136,0.40) !important;
}
.seanav-cart-drawer-actions .cart,
.seanav-cart-drawer-view-cart {
display: block;
background: transparent !important;
color: var(--comp-t) !important;
text-align: center;
padding: 9px 20px !important;
border-radius: 8px !important;
border: 1px solid var(--comp-border) !important;
font-family: 'Outfit', sans-serif !important;
font-weight: 600 !important;
font-size: 0.82rem !important;
text-decoration: none !important;
transition: border-color 0.2s, color 0.2s !important;
}
.seanav-cart-drawer-actions .cart:hover,
.seanav-cart-drawer-view-cart:hover {
border-color: rgba(0,255,136,0.3) !important;
color: var(--comp-green) !important;
}
.cart-link .cart-count.bump {
animation: cartBump 0.4s var(--comp-spring);
}
@keyframes cartBump {
0%   { transform: scale(0.4); }
60%  { transform: scale(1.25); }
100% { transform: scale(1); }
}
#seanav-cookie-banner {
position: fixed;
bottom: 0;
left: 0;
right: 0;
z-index: 9985;
background: rgba(13,17,23,0.98);
border-top: 1px solid rgba(0,255,136,0.15);
backdrop-filter: blur(20px);
-webkit-backdrop-filter: blur(20px);
box-shadow: 0 -8px 40px rgba(0,0,0,0.5);
transform: translateY(100%);
transition: transform 0.4s var(--comp-ease);
}
#seanav-cookie-banner.is-visible {
transform: translateY(0);
}
.seanav-cookie-inner {
display: flex;
align-items: center;
gap: 20px;
padding: 14px 24px;
max-width: 1320px;
margin: 0 auto;
flex-wrap: wrap;
}
.seanav-cookie-icon {
font-size: 1.3rem;
flex-shrink: 0;
}
.seanav-cookie-text {
flex: 1;
font-size: 0.82rem;
color: var(--comp-t-muted);
line-height: 1.55;
min-width: 200px;
}
.seanav-cookie-text a {
color: var(--comp-green) !important;
text-decoration: underline;
text-decoration-color: rgba(0,255,136,0.3);
}
.seanav-cookie-text a:hover {
text-decoration-color: var(--comp-green);
}
.seanav-cookie-actions {
display: flex;
gap: 8px;
flex-shrink: 0;
}
.seanav-cookie-accept {
background: var(--comp-green) !important;
color: #0d1117 !important;
border: none !important;
padding: 8px 18px !important;
border-radius: 6px !important;
font-family: 'Outfit', sans-serif !important;
font-weight: 700 !important;
font-size: 0.78rem !important;
letter-spacing: 0.06em !important;
cursor: pointer !important;
transition: background 0.2s, box-shadow 0.2s !important;
}
.seanav-cookie-accept:hover {
background: var(--comp-green-dim) !important;
box-shadow: 0 4px 14px rgba(0,255,136,0.30) !important;
}
.seanav-cookie-decline {
background: transparent !important;
color: var(--comp-t-muted) !important;
border: 1px solid var(--comp-border) !important;
padding: 8px 14px !important;
border-radius: 6px !important;
font-family: 'Outfit', sans-serif !important;
font-weight: 600 !important;
font-size: 0.78rem !important;
cursor: pointer !important;
transition: border-color 0.2s, color 0.2s !important;
}
.seanav-cookie-decline:hover {
border-color: rgba(255,255,255,0.2) !important;
color: var(--comp-t) !important;
}
@media (max-width: 549px) {
.seanav-cookie-inner { padding: 12px 16px; gap: 12px; }
.seanav-cookie-text  { font-size: 0.78rem; }
}
body.single-product .woocommerce-product-gallery__image {
overflow: hidden !important;
cursor: zoom-in;
border-radius: 10px !important;
}
body.single-product .woocommerce-product-gallery__image img {
transition: transform 0.5s cubic-bezier(0.25,0.8,0.25,1) !important;
transform-origin: center center;
will-change: transform;
}
body.single-product .woocommerce-product-gallery__image:hover img {
transform: scale(1.12) !important;
}
.product-small .box {
position: relative;
}
.seanav-wishlist-btn {
position: absolute;
top: 10px;
right: 10px;
width: 30px;
height: 30px;
border-radius: 6px;
background: rgba(13,17,23,0.85);
border: 1px solid rgba(255,255,255,0.08);
display: flex;
align-items: center;
justify-content: center;
color: var(--comp-t-muted);
text-decoration: none;
opacity: 0;
transform: scale(0.8) translateY(-4px);
transition: opacity 0.2s, transform 0.25s var(--comp-spring), color 0.15s, background 0.15s;
z-index: 5;
backdrop-filter: blur(6px);
font-size: 0.85rem;
line-height: 1;
}
.product-small .box:hover .seanav-wishlist-btn {
opacity: 1;
transform: scale(1) translateY(0);
}
.seanav-wishlist-btn:hover {
color: #f87171 !important;
background: rgba(248,113,113,0.12) !important;
border-color: rgba(248,113,113,0.25) !important;
}
.seanav-wishlist-btn.is-wishlisted {
color: #f87171;
background: rgba(248,113,113,0.1);
border-color: rgba(248,113,113,0.25);
opacity: 1;
transform: scale(1) translateY(0);
}
.seanav-trust-strip {
background: rgba(6,10,16,0.8);
border-top: 1px solid rgba(255,255,255,0.05);
border-bottom: 1px solid rgba(255,255,255,0.05);
padding: 16px 0;
overflow: hidden;
}
.seanav-trust-strip-inner {
max-width: 1320px;
margin: 0 auto;
padding: 0 24px;
display: flex;
align-items: center;
justify-content: center;
gap: 8px;
flex-wrap: wrap;
}
.seanav-trust-label {
font-family: 'Roboto Mono', monospace;
font-size: 0.65rem;
letter-spacing: 0.18em;
text-transform: uppercase;
color: var(--comp-t-muted);
margin-right: 8px;
flex-shrink: 0;
}
.seanav-trust-badge {
display: inline-flex;
align-items: center;
gap: 6px;
padding: 5px 12px;
border-radius: 999px;
background: rgba(255,255,255,0.03);
border: 1px solid rgba(255,255,255,0.08);
font-family: 'Roboto Mono', monospace;
font-size: 0.68rem;
font-weight: 700;
letter-spacing: 0.06em;
color: var(--comp-t-muted);
transition: border-color 0.2s, color 0.2s, background 0.2s;
white-space: nowrap;
}
.seanav-trust-badge::before {
content: '✓';
color: var(--comp-green);
font-size: 0.7rem;
}
.seanav-trust-badge:hover {
border-color: rgba(0,255,136,0.2);
color: var(--comp-t);
background: rgba(0,255,136,0.04);
}
.seanav-trust-sep {
color: rgba(255,255,255,0.12);
font-size: 0.7rem;
user-select: none;
}
@media (max-width: 549px) {
.seanav-trust-strip-inner { gap: 6px; }
.seanav-trust-label        { display: none; }
.seanav-trust-badge        { font-size: 0.62rem; padding: 4px 9px; }
}
.search-results-page .archive-hero-banner {
background: rgba(10,14,20,0.98) !important;
color: var(--comp-white) !important;
border-bottom: 3px solid var(--comp-green) !important;
}
.search-results-page .archive-title { color: var(--comp-white) !important; }
.seanav-search-card {
background: var(--comp-card) !important;
border: 1px solid var(--comp-border) !important;
border-radius: 10px !important;
overflow: hidden !important;
transition: border-color 0.22s, box-shadow 0.22s, transform 0.28s !important;
}
.seanav-search-card:hover {
border-color: rgba(0,255,136,0.25) !important;
box-shadow: 0 8px 28px rgba(0,0,0,0.4), 0 0 20px rgba(0,255,136,0.08) !important;
transform: translateY(-4px) !important;
}
.seanav-search-card-media {
display: block;
aspect-ratio: 16/10;
overflow: hidden;
background: rgba(255,255,255,0.03) !important;
position: relative;
}
.seanav-search-card-media img {
width: 100%; height: 100%;
object-fit: cover;
transition: transform 0.35s ease;
}
.seanav-search-card:hover .seanav-search-card-media img {
transform: scale(1.05);
}
.seanav-search-type-badge {
position: absolute;
top: 10px; left: 10px;
font-family: 'Roboto Mono', monospace;
font-size: 0.62rem;
font-weight: 700;
letter-spacing: 0.14em;
text-transform: uppercase;
padding: 3px 9px;
border-radius: 4px;
background: rgba(0,255,136,0.15);
color: var(--comp-green);
border: 1px solid rgba(0,255,136,0.25);
}
.seanav-search-card-noimg {
display: block;
width: 100%; height: 100%;
background: linear-gradient(135deg, rgba(0,255,136,0.05) 0%, rgba(0,212,255,0.05) 100%);
}
.seanav-search-card-body {
padding: 14px 16px 16px !important;
}
.seanav-search-card-title {
margin: 0 0 8px !important;
font-size: 0.95rem !important;
}
.seanav-search-card-title a {
color: var(--comp-white) !important;
text-decoration: none !important;
}
.seanav-search-card-title a:hover {
color: var(--comp-green) !important;
}
.seanav-search-card-price {
color: var(--comp-green) !important;
font-family: 'Roboto Mono', monospace !important;
font-size: 0.9rem !important;
font-weight: 700 !important;
margin-bottom: 10px !important;
}
.seanav-search-card-excerpt {
font-size: 0.82rem !important;
color: var(--comp-t-muted) !important;
line-height: 1.55 !important;
margin-bottom: 10px !important;
}
.seanav-search-view {
font-family: 'Outfit', sans-serif;
font-size: 0.78rem;
font-weight: 700;
color: var(--comp-green) !important;
text-decoration: none;
letter-spacing: 0.05em;
}
.seanav-search-empty {
color: var(--comp-t) !important;
}
.seanav-search-empty p[style] {
color: var(--comp-t) !important;
}
.seanav-404-page {
min-height: 70vh;
display: flex;
align-items: center;
justify-content: center;
padding: 60px 24px;
}
.seanav-404-wrap {
text-align: center;
max-width: 560px;
margin: 0 auto;
}
.seanav-404-radar {
position: relative;
width: 120px;
height: 120px;
margin: 0 auto 32px;
}
.seanav-404-radar-ring {
position: absolute;
inset: 0;
border-radius: 50%;
border: 2px solid rgba(0,255,136,0.20);
}
.seanav-404-radar-ring:nth-child(2) {
inset: 15px;
border-color: rgba(0,255,136,0.30);
}
.seanav-404-radar-ring:nth-child(3) {
inset: 30px;
border-color: rgba(0,255,136,0.40);
}
.seanav-404-radar-sweep {
position: absolute;
inset: 0;
border-radius: 50%;
background: conic-gradient(
from 0deg,
rgba(0,255,136,0.5) 0deg,
rgba(0,255,136,0.15) 60deg,
transparent 90deg
);
animation: radarSweep 3s linear infinite;
}
@keyframes radarSweep {
to { transform: rotate(360deg); }
}
.seanav-404-radar-center {
position: absolute;
top: 50%; left: 50%;
transform: translate(-50%,-50%);
width: 10px; height: 10px;
border-radius: 50%;
background: var(--comp-green);
box-shadow: 0 0 12px rgba(0,255,136,0.6);
animation: centerPulse 2s ease-in-out infinite;
}
@keyframes centerPulse {
0%, 100% { box-shadow: 0 0 8px rgba(0,255,136,0.6); }
50%       { box-shadow: 0 0 20px rgba(0,255,136,0.9); }
}
.seanav-404-radar-blip {
position: absolute;
width: 6px; height: 6px;
border-radius: 50%;
background: var(--comp-green);
box-shadow: 0 0 8px var(--comp-green);
animation: blipFade 3s ease-in-out infinite;
}
.seanav-404-radar-blip:nth-child(5) {
top: 28px; left: 70px;
animation-delay: 0.8s;
}
.seanav-404-radar-blip:nth-child(6) {
top: 72px; left: 22px;
animation-delay: 1.6s;
}
@keyframes blipFade {
0%, 40%, 100% { opacity: 0; transform: scale(0.6); }
45%, 55%      { opacity: 1; transform: scale(1); }
}
.seanav-404-code {
font-family: 'Roboto Mono', monospace;
font-size: 0.68rem;
letter-spacing: 0.2em;
text-transform: uppercase;
color: var(--comp-green);
margin-bottom: 10px;
display: block;
}
.seanav-404-heading {
font-family: 'Outfit', sans-serif !important;
font-size: clamp(2.2rem,6vw,3.5rem) !important;
font-weight: 900 !important;
color: var(--comp-white) !important;
letter-spacing: -0.03em !important;
line-height: 1.1 !important;
margin: 0 0 14px !important;
background: linear-gradient(135deg, #f0f6fc 0%, rgba(0,255,136,0.85) 130%) !important;
-webkit-background-clip: text !important;
-webkit-text-fill-color: transparent !important;
background-clip: text !important;
}
.seanav-404-sub {
color: var(--comp-t-muted);
font-size: 0.95rem;
line-height: 1.65;
margin: 0 0 32px;
}
.seanav-404-actions {
display: flex;
align-items: center;
justify-content: center;
gap: 10px;
flex-wrap: wrap;
}
.seanav-404-actions .button {
padding: 10px 22px !important;
font-size: 0.82rem !important;
}
.seanav-404-search {
max-width: 420px;
margin: 0 auto 28px;
}
@media print {
#header, #footer, .seanav-sticky-atc, #seanav-wa-btn,
#seanav-back-top, #seanav-cookie-banner, #seanav-cart-drawer,
#seanav-cart-overlay, .seanav-shop-sidebar,
.seanav-product-sidebar, .related.products { display: none !important; }
body {
background: #fff !important;
color: #000 !important;
}
h1, h2, h3, h4 { color: #000 !important; -webkit-text-fill-color: #000 !important; }
.price, .woocommerce-Price-amount { color: #006633 !important; }
a { color: #000 !important; text-decoration: underline !important; }
img { max-width: 100% !important; }
#seanav-scroll-progress, #seanav-page-load-bar { display: none !important; }
}
.sn-breadcrumb {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 4px;
padding: 8px 0 20px;
font-family: 'Roboto Mono', monospace;
font-size: 0.7rem;
letter-spacing: 0.08em;
}
.sn-breadcrumb a {
color: rgba(139,148,158,0.8) !important;
text-decoration: none !important;
transition: color 0.15s;
}
.sn-breadcrumb a:hover {
color: #00ff88 !important;
}
.sn-bc-sep {
color: rgba(255,255,255,0.2);
font-size: 0.8rem;
line-height: 1;
padding: 0 2px;
}
.sn-bc-current {
color: #c9d1d9;
max-width: 28ch;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.sn-social-share {
display: flex;
align-items: center;
gap: 12px;
padding: 20px 0;
margin-top: 28px;
border-top: 1px solid rgba(255,255,255,0.07);
flex-wrap: wrap;
}
.sn-social-share-label {
font-family: 'Roboto Mono', monospace;
font-size: 0.68rem;
letter-spacing: 0.18em;
text-transform: uppercase;
color: rgba(139,148,158,0.7);
}
.sn-social-share-btns {
display: flex;
align-items: center;
gap: 8px;
flex-wrap: wrap;
}
.sn-share-btn {
display: inline-flex;
align-items: center;
gap: 6px;
padding: 6px 12px;
border-radius: 6px;
font-family: 'Outfit', sans-serif;
font-size: 0.75rem;
font-weight: 600;
letter-spacing: 0.04em;
border: 1px solid rgba(255,255,255,0.10);
background: rgba(255,255,255,0.04);
color: #c9d1d9 !important;
text-decoration: none !important;
cursor: pointer;
transition: background 0.15s, border-color 0.15s, color 0.15s, transform 0.2s;
white-space: nowrap;
}
.sn-share-btn:hover {
transform: translateY(-2px);
}
.sn-share-wa  { --share-color: #25d366; }
.sn-share-li  { --share-color: #0a66c2; }
.sn-share-x   { --share-color: #e7e9ea; }
.sn-share-copy { --share-color: #00ff88; }
.sn-share-btn:hover {
border-color: var(--share-color, #00ff88);
background: rgba(var(--share-color, #00ff88), 0.08);
color: var(--share-color, #00ff88) !important;
}
.sn-share-wa:hover  { background: rgba(37,211,102,0.10)  !important; color: #25d366 !important; }
.sn-share-li:hover  { background: rgba(10,102,194,0.10)  !important; color: #59a7f6 !important; }
.sn-share-x:hover   { background: rgba(231,233,234,0.08) !important; color: #e7e9ea !important; }
.sn-share-copy:hover { background: rgba(0,255,136,0.08)  !important; color: #00ff88 !important; }
.sn-share-copy.copied .sn-copy-label::after {
content: ' ✓';
color: #00ff88;
}
.seanav-archive-card {
background: rgba(19,27,36,0.85);
border: 1px solid rgba(255,255,255,0.07);
border-radius: 12px;
overflow: hidden;
height: 100%;
display: flex;
flex-direction: column;
transition: border-color 0.22s, box-shadow 0.22s, transform 0.28s cubic-bezier(0.34,1.56,0.64,1);
}
.seanav-archive-card:hover {
border-color: rgba(0,255,136,0.22);
box-shadow: 0 8px 28px rgba(0,0,0,0.45), 0 0 20px rgba(0,255,136,0.07);
transform: translateY(-5px);
}
.seanav-archive-card-media {
display: block;
aspect-ratio: 16/9;
overflow: hidden;
background: rgba(255,255,255,0.03);
flex-shrink: 0;
}
.seanav-archive-card-media--placeholder {
background: linear-gradient(135deg, rgba(0,255,136,0.05) 0%, rgba(0,212,255,0.05) 100%);
}
.seanav-archive-card-img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.4s ease;
}
.seanav-archive-card:hover .seanav-archive-card-img {
transform: scale(1.05);
}
.seanav-archive-card-body {
padding: 18px 20px 20px;
display: flex;
flex-direction: column;
flex: 1;
}
.seanav-archive-card-cat {
font-family: 'Roboto Mono', monospace;
font-size: 0.62rem;
font-weight: 700;
letter-spacing: 0.16em;
text-transform: uppercase;
color: #00ff88;
margin-bottom: 8px;
display: block;
}
.seanav-archive-card-title {
font-family: 'Outfit', sans-serif !important;
font-size: 1rem !important;
font-weight: 700 !important;
line-height: 1.3 !important;
margin: 0 0 10px !important;
}
.seanav-archive-card-title a {
color: #f0f6fc !important;
text-decoration: none !important;
}
.seanav-archive-card-title a:hover {
color: #00ff88 !important;
}
.seanav-archive-card-excerpt {
color: #8b949e;
font-size: 0.85rem;
line-height: 1.6;
flex: 1;
margin: 0 0 14px;
}
.seanav-archive-card-footer {
display: flex;
align-items: center;
justify-content: space-between;
padding-top: 12px;
border-top: 1px solid rgba(255,255,255,0.06);
}
.seanav-archive-card-date {
font-family: 'Roboto Mono', monospace;
font-size: 0.68rem;
color: #6e7681;
}
.seanav-archive-card-more {
font-family: 'Outfit', sans-serif;
font-size: 0.78rem;
font-weight: 700;
color: #00ff88 !important;
text-decoration: none !important;
letter-spacing: 0.04em;
transition: gap 0.15s;
}
.seanav-empty-state {
text-align: center;
padding: 60px 0;
color: #8b949e;
}
.seanav-empty-icon {
font-size: 2.5rem;
margin-bottom: 14px;
opacity: 0.4;
}
.archive-hero-banner {
background: rgba(10,14,20,0.98) !important;
color: #f0f6fc !important;
padding: 50px 0 !important;
border-bottom: 3px solid #00ff88 !important;
text-align: center !important;
}
.archive-hero-banner .archive-title {
color: #f0f6fc !important;
font-size: clamp(1.8rem,3.5vw,3rem) !important;
margin: 0 0 10px !important;
font-family: 'Outfit', sans-serif !important;
font-weight: 800 !important;
}
.archive-hero-banner .archive-hero-sub,
.archive-hero-banner .taxonomy-description {
color: rgba(240,246,252,0.82) !important;
font-size: 1rem !important;
max-width: 40ch !important;
margin: 0 auto !important;
}
.seanav-newsletter-strip {
background: linear-gradient(135deg,
rgba(0,255,136,0.04) 0%,
rgba(6,10,15,0.98) 50%,
rgba(0,212,255,0.03) 100%);
border-top: 1px solid rgba(0,255,136,0.10);
border-bottom: 1px solid rgba(255,255,255,0.05);
padding: 52px 0;
position: relative;
overflow: hidden;
}
.seanav-newsletter-strip::before {
content: '';
position: absolute;
top: -40px; right: -40px;
width: 240px; height: 240px;
border-radius: 50%;
background: radial-gradient(circle, rgba(0,255,136,0.06) 0%, transparent 70%);
pointer-events: none;
}
.seanav-newsletter-inner {
display: flex;
align-items: center;
justify-content: space-between;
gap: 40px;
flex-wrap: wrap;
}
.seanav-newsletter-text {
flex: 1;
min-width: 240px;
}
.seanav-newsletter-eyebrow {
font-family: 'Roboto Mono', monospace;
font-size: 0.68rem;
font-weight: 700;
letter-spacing: 0.22em;
text-transform: uppercase;
color: #00ff88;
margin-bottom: 10px;
display: block;
}
.seanav-newsletter-heading {
font-family: 'Outfit', sans-serif !important;
font-size: clamp(1.4rem, 2.5vw, 1.9rem) !important;
font-weight: 800 !important;
color: #f0f6fc !important;
margin: 0 0 8px !important;
letter-spacing: -0.02em !important;
line-height: 1.2 !important;
-webkit-text-fill-color: #f0f6fc !important;
background: none !important;
}
.seanav-newsletter-sub {
color: #8b949e;
font-size: 0.9rem;
line-height: 1.6;
margin: 0;
max-width: 38ch;
}
.seanav-newsletter-form {
flex-shrink: 0;
width: 100%;
max-width: 380px;
}
.seanav-newsletter-field {
display: flex;
gap: 0;
border-radius: 8px;
overflow: hidden;
border: 1px solid rgba(0,255,136,0.20);
background: rgba(255,255,255,0.03);
transition: border-color 0.2s, box-shadow 0.2s;
}
.seanav-newsletter-field:focus-within {
border-color: rgba(0,255,136,0.45);
box-shadow: 0 0 0 3px rgba(0,255,136,0.10), 0 0 20px rgba(0,255,136,0.06);
}
.seanav-newsletter-input {
flex: 1 !important;
background: transparent !important;
border: none !important;
border-radius: 0 !important;
color: #f0f6fc !important;
font-size: 0.88rem !important;
padding: 11px 14px !important;
outline: none !important;
box-shadow: none !important;
min-width: 0 !important;
}
.seanav-newsletter-input::placeholder {
color: #6e7681;
}
.seanav-newsletter-btn {
background: #00ff88 !important;
color: #0d1117 !important;
border: none !important;
padding: 11px 20px !important;
font-family: 'Outfit', sans-serif !important;
font-weight: 800 !important;
font-size: 0.82rem !important;
letter-spacing: 0.06em !important;
cursor: pointer !important;
border-radius: 0 !important;
white-space: nowrap !important;
transition: background 0.2s !important;
box-shadow: none !important;
}
.seanav-newsletter-btn:hover {
background: #00cc6a !important;
}
.seanav-newsletter-privacy {
font-size: 0.7rem !important;
color: #6e7681 !important;
margin: 8px 0 0 !important;
text-align: center !important;
}
@media (max-width: 768px) {
.seanav-newsletter-inner { flex-direction: column; gap: 28px; }
.seanav-newsletter-form  { max-width: 100%; }
.seanav-newsletter-heading { font-size: 1.4rem !important; }
}
.seanav-theme-toggle {
width: 34px !important;
height: 34px !important;
border-radius: 8px !important;
background: rgba(255,255,255,0.05) !important;
border: 1px solid rgba(255,255,255,0.10) !important;
color: #8b949e !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
cursor: pointer !important;
padding: 0 !important;
transition: background 0.2s, border-color 0.2s, color 0.2s !important;
box-shadow: none !important;
letter-spacing: 0 !important;
overflow: hidden !important;
position: relative !important;
}
.seanav-theme-toggle:hover {
background: rgba(0,255,136,0.10) !important;
border-color: rgba(0,255,136,0.25) !important;
color: #00ff88 !important;
}
.sn-toggle-sun  { display: none; }
.sn-toggle-moon { display: block; }
body.sn-light-mode .sn-toggle-sun  { display: block; }
body.sn-light-mode .sn-toggle-moon { display: none; }
body.sn-light-mode {
--lm-bg:      #1a2233;
--lm-surface: #1e2a3d;
--lm-card:    #233045;
--lm-text:    #e2e8f0;
--lm-muted:   #94a3b8;
--lm-border:  rgba(255,255,255,0.12);
background-color: var(--lm-bg) !important;
color: var(--lm-text) !important;
}
body.sn-light-mode #header,
body.sn-light-mode .header-wrapper {
background: rgba(26,34,51,0.97) !important;
}
body.sn-light-mode #footer,
body.sn-light-mode .footer-wrapper {
background: #131b28 !important;
}
body.sn-light-mode .section,
body.sn-light-mode [style*="background-color:#0d1117"],
body.sn-light-mode [style*="background-color: #0d1117"] {
background-color: var(--lm-bg) !important;
}
body.sn-light-mode .seanav-archive-card,
body.sn-light-mode .product-small .col-inner,
body.sn-light-mode .seanav-blog-card {
background: var(--lm-card) !important;
}
body.sn-light-mode p,
body.sn-light-mode li,
body.sn-light-mode td {
color: var(--lm-text) !important;
}
body.sn-light-mode h1,
body.sn-light-mode h2,
body.sn-light-mode h3,
body.sn-light-mode h4,
body.sn-light-mode h5 {
-webkit-text-fill-color: var(--lm-text) !important;
background: none !important;
color: var(--lm-text) !important;
}
body, #header, #footer, .section, .seanav-archive-card {
transition: background-color 0.3s ease, color 0.2s ease !important;
}