@font-face {
font-family: 'Cormorant Garamond';
font-style: normal;
font-weight: 300;
font-display: swap;
src: url(//fx-ea-lab.com/ec/wp-content/themes/monochrome/assets/fonts/cormorant-garamond-v21-latin/cormorant-garamond-v21-latin-300.woff2) format('woff2');
}
@font-face {
font-family: 'Cormorant Garamond';
font-style: italic;
font-weight: 300;
font-display: swap;
src: url(//fx-ea-lab.com/ec/wp-content/themes/monochrome/assets/fonts/cormorant-garamond-v21-latin/cormorant-garamond-v21-latin-300italic.woff2) format('woff2');
}
@font-face {
font-family: 'Cormorant Garamond';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(//fx-ea-lab.com/ec/wp-content/themes/monochrome/assets/fonts/cormorant-garamond-v21-latin/cormorant-garamond-v21-latin-regular.woff2) format('woff2');
} @font-face {
font-family: 'Montserrat';
font-style: normal;
font-weight: 300;
font-display: swap;
src: url(//fx-ea-lab.com/ec/wp-content/themes/monochrome/assets/fonts/montserrat-v31-latin/montserrat-v31-latin-300.woff2) format('woff2');
}
@font-face {
font-family: 'Montserrat';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(//fx-ea-lab.com/ec/wp-content/themes/monochrome/assets/fonts/montserrat-v31-latin/montserrat-v31-latin-regular.woff2) format('woff2');
}:root {
--eal-bg:          #F8F9FA;
--eal-white:       #FFFFFF;
--eal-dark:        #0D1F35;
--eal-dark-mid:    #132840;
--eal-accent:      #00B87A;
--eal-accent-dim:  rgba(0, 184, 122, 0.1);
--eal-accent-line: rgba(0, 184, 122, 0.25);
--eal-gold:        #C9A84C;
--eal-blue:        #4A90D9;
--eal-border:      #E4E8ED;
--eal-border-dark: rgba(255, 255, 255, 0.08);
--eal-text:        #1A2535;
--eal-text-mid:    #4A5568;
--eal-text-light:  #8A9BB0;
--font-en:   'Rajdhani', 'Montserrat', sans-serif;
--font-body: 'Noto Sans JP', sans-serif;
--font-num:  'Montserrat', sans-serif;
} body {
font-family: var(--font-body) !important;
background: var(--eal-bg) !important;
color: var(--eal-text) !important;
font-size: 14px !important;
line-height: 1.8 !important;
font-weight: 300 !important;
} .home .site-content { display: block !important; padding: 0 !important; }
.home .ast-container,
.home #primary,
.home .ast-content-layout-wrap {
display: block !important;
max-width: 100% !important;
width: 100% !important;
padding: 0 !important;
margin: 0 !important;
}
.home .entry-content { max-width: 100% !important; padding: 0 !important; margin: 0 !important; } .eal-btn-primary {
display: inline-flex;
align-items: center;
justify-content: center;
font-family: var(--font-en) !important;
font-size: 12px !important;
font-weight: 600 !important;
letter-spacing: 0.12em !important;
text-transform: uppercase !important;
color: var(--eal-white) !important;
background: var(--eal-dark) !important;
padding: 14px 32px !important;
border: 1px solid var(--eal-dark) !important;
transition: background 0.25s ease, color 0.25s ease !important;
border-radius: 0 !important;
}
.eal-btn-primary:hover {
background: var(--eal-accent) !important;
border-color: var(--eal-accent) !important;
opacity: 1 !important;
}
.eal-btn-outline {
display: inline-flex;
align-items: center;
justify-content: center;
font-family: var(--font-en) !important;
font-size: 12px !important;
font-weight: 500 !important;
letter-spacing: 0.12em !important;
text-transform: uppercase !important;
color: var(--eal-dark) !important;
background: transparent !important;
padding: 13px 28px !important;
border: 1px solid var(--eal-dark) !important;
transition: background 0.25s ease, color 0.25s ease !important;
border-radius: 0 !important;
}
.eal-btn-outline:hover {
background: var(--eal-dark) !important;
color: var(--eal-white) !important;
opacity: 1 !important;
}
.eal-btn-outline-light {
display: inline-flex;
align-items: center;
justify-content: center;
font-family: var(--font-en) !important;
font-size: 12px !important;
font-weight: 500 !important;
letter-spacing: 0.12em !important;
text-transform: uppercase !important;
color: var(--eal-white) !important;
background: transparent !important;
padding: 13px 28px !important;
border: 1px solid rgba(255, 255, 255, 0.4) !important;
transition: border-color 0.25s ease, background 0.25s ease !important;
border-radius: 0 !important;
}
.eal-btn-outline-light:hover {
border-color: var(--eal-white) !important;
background: rgba(255, 255, 255, 0.1) !important;
opacity: 1 !important;
} .eal-sec-header {
text-align: center;
margin-bottom: 3rem;
}
.eal-sec-label {
display: inline-flex;
align-items: center;
gap: 10px;
font-family: var(--font-en) !important;
font-size: 9px !important;
font-weight: 600 !important;
letter-spacing: 0.3em !important;
text-transform: uppercase !important;
color: var(--eal-accent) !important;
margin-bottom: 0.75rem !important;
}
.eal-sec-label::before {
content: '';
width: 20px;
height: 1px;
background: var(--eal-accent);
}
.eal-sec-label::after {
content: '';
width: 20px;
height: 1px;
background: var(--eal-accent);
}
.eal-sec-title {
font-family: var(--font-en) !important;
font-size: clamp(28px, 3vw, 44px) !important;
font-weight: 300 !important;
color: var(--eal-dark) !important;
line-height: 1.3 !important;
margin-bottom: 1rem !important;
letter-spacing: 0.02em !important;
}
.eal-sec-title em {
font-style: italic !important;
color: var(--eal-accent) !important;
}
.eal-sec-title.is-light { color: var(--eal-white) !important; }
.eal-sec-desc {
font-size: 13px !important;
color: var(--eal-text-mid) !important;
line-height: 2 !important;
}
.eal-sec-desc.is-light { color: rgba(255, 255, 255, 0.6) !important; } .eal-risk-bar {
background: #FFF8F0;
border-bottom: 1px solid #F0D8B8;
padding: 10px 48px;
text-align: center;
}
.eal-risk-bar p {
font-size: 11px !important;
color: #8A6020 !important;
letter-spacing: 0.02em !important;
margin: 0 !important;
line-height: 1.6 !important;
} .eal-hero {
display: grid;
grid-template-columns: 1fr 1fr;
min-height: calc(100vh - 96px);
align-items: center;
}
.eal-hero__left {
padding: 80px 64px 80px 80px;
background: var(--eal-white);
}
.eal-hero__eyebrow {
font-family: var(--font-en) !important;
font-size: 10px !important;
font-weight: 500 !important;
letter-spacing: 0.3em !important;
text-transform: uppercase !important;
color: var(--eal-accent) !important;
margin-bottom: 1.5rem !important;
display: flex !important;
align-items: center !important;
gap: 12px !important;
}
.eal-hero__eyebrow::before {
content: '';
width: 28px;
height: 1px;
background: var(--eal-accent);
}
.eal-hero__title {
font-family: var(--font-en) !important;
font-size: clamp(36px, 4.5vw, 58px) !important;
font-weight: 300 !important;
line-height: 1.25 !important;
color: var(--eal-dark) !important;
margin-bottom: 1.25rem !important;
letter-spacing: -0.01em !important;
}
.eal-hero__title em {
font-style: italic !important;
color: var(--eal-accent) !important;
}
.eal-hero__catch {
font-size: 15px !important;
font-weight: 300 !important;
color: var(--eal-text-mid) !important;
margin-bottom: 0.75rem !important;
line-height: 2 !important;
}
.eal-hero__desc {
font-size: 13px !important;
color: var(--eal-text-light) !important;
line-height: 2.2 !important;
margin-bottom: 2.25rem !important;
max-width: 400px !important;
}
.eal-hero__actions {
display: flex;
gap: 12px;
flex-wrap: wrap;
} .eal-hero__right {
background: var(--eal-dark);
height: 100%;
min-height: 600px;
display: flex;
align-items: center;
justify-content: center;
position: relative;
overflow: hidden;
}
.eal-hero__pattern {
position: absolute;
inset: 0;
background-image:
linear-gradient(rgba(0, 184, 122, 0.05) 1px, transparent 1px),
linear-gradient(90deg, rgba(0, 184, 122, 0.05) 1px, transparent 1px);
background-size: 48px 48px;
}
.eal-hero__glow {
position: absolute;
width: 400px;
height: 400px;
background: radial-gradient(ellipse, rgba(0, 184, 122, 0.12) 0%, transparent 70%);
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.eal-hero__card {
position: relative;
z-index: 2;
width: 85%;
background: rgba(255, 255, 255, 0.04);
border: 1px solid rgba(255, 255, 255, 0.1);
padding: 28px;
}
.eal-hero__card::before {
content: '';
position: absolute;
top: 0; left: 0; right: 0;
height: 2px;
background: linear-gradient(90deg, var(--eal-accent), transparent);
}
.eal-hero__card-label {
font-family: var(--font-en) !important;
font-size: 10px !important;
font-weight: 500 !important;
letter-spacing: 0.2em !important;
color: rgba(255, 255, 255, 0.4) !important;
text-transform: uppercase !important;
margin-bottom: 4px !important;
}
.eal-hero__card-name {
font-family: var(--font-en) !important;
font-size: 24px !important;
font-weight: 300 !important;
color: var(--eal-white) !important;
letter-spacing: 0.05em !important;
margin-bottom: 1.25rem !important;
}
.eal-hero__chart {
width: 100%;
height: 140px;
}
.eal-chart-line {
stroke-dasharray: 800;
stroke-dashoffset: 800;
animation: ealDrawLine 2.5s ease 0.5s forwards;
}
@keyframes ealDrawLine { to { stroke-dashoffset: 0; } }
.eal-hero__stats {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 0;
margin-top: 1rem;
padding-top: 1rem;
border-top: 1px solid rgba(255, 255, 255, 0.08);
}
.eal-hero__stat {
padding-right: 12px;
border-right: 1px solid rgba(255, 255, 255, 0.06);
margin-right: 12px;
}
.eal-hero__stat:last-child { border: none; margin: 0; padding: 0; }
.eal-hero__stat-val {
font-family: var(--font-num) !important;
font-size: 15px !important;
font-weight: 400 !important;
color: var(--eal-white) !important;
display: block !important;
}
.eal-hero__stat-val.is-up { color: var(--eal-accent) !important; }
.eal-hero__stat-key {
font-size: 9px !important;
color: rgba(255, 255, 255, 0.35) !important;
letter-spacing: 0.05em !important;
display: block !important;
margin-top: 2px !important;
} .eal-trust {
background: var(--eal-dark);
border-bottom: 1px solid rgba(255, 255, 255, 0.06);
padding: 14px 80px;
display: flex;
align-items: center;
gap: 40px;
flex-wrap: wrap;
}
.eal-trust__label {
font-family: var(--font-en) !important;
font-size: 9px !important;
font-weight: 600 !important;
letter-spacing: 0.25em !important;
text-transform: uppercase !important;
color: var(--eal-accent) !important;
white-space: nowrap !important;
flex-shrink: 0 !important;
}
.eal-trust__items {
display: flex;
gap: 28px;
flex-wrap: wrap;
}
.eal-trust__item {
font-size: 11px !important;
color: rgba(255, 255, 255, 0.5) !important;
display: flex !important;
align-items: center !important;
gap: 6px !important;
white-space: nowrap !important;
}
.eal-trust__item::before {
content: '';
width: 5px;
height: 5px;
background: var(--eal-accent);
border-radius: 50%;
flex-shrink: 0;
} .eal-lineup {
padding: 80px 0;
background: var(--eal-bg);
}
.eal-lineup__inner {
max-width: 1200px;
margin: 0 auto;
padding: 0 40px;
}
.eal-lineup__grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 24px;
}
.eal-lineup__card {
background: var(--eal-white);
border: 1px solid var(--eal-border);
padding: 32px;
position: relative;
transition: border-color 0.3s ease, box-shadow 0.3s ease;
}
.eal-lineup__card:hover {
border-color: var(--eal-accent);
box-shadow: 0 4px 24px rgba(0, 184, 122, 0.08);
}
.eal-lineup__tag {
position: absolute;
top: 16px;
right: 16px;
font-family: var(--font-en) !important;
font-size: 9px !important;
font-weight: 600 !important;
letter-spacing: 0.15em !important;
color: var(--eal-white) !important;
background: var(--eal-accent) !important;
padding: 3px 10px !important;
}
.eal-lineup__card-header {
border-top: 2px solid var(--eal-accent);
padding-top: 20px;
margin-bottom: 24px;
}
.eal-lineup__strategy {
font-family: var(--font-en) !important;
font-size: 10px !important;
font-weight: 500 !important;
letter-spacing: 0.2em !important;
text-transform: uppercase !important;
margin-bottom: 8px !important;
}
.eal-lineup__name {
font-family: var(--font-en) !important;
font-size: 28px !important;
font-weight: 300 !important;
color: var(--eal-dark) !important;
letter-spacing: 0.05em !important;
margin-bottom: 12px !important;
}
.eal-lineup__desc {
font-size: 13px !important;
color: var(--eal-text-mid) !important;
line-height: 1.9 !important;
}
.eal-lineup__stats {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 16px;
padding: 20px 0;
border-top: 1px solid var(--eal-border);
border-bottom: 1px solid var(--eal-border);
margin-bottom: 20px;
}
.eal-lineup__stat { text-align: center; }
.eal-lineup__stat-val {
display: block !important;
font-family: var(--font-num) !important;
font-size: 20px !important;
font-weight: 500 !important;
color: var(--eal-dark) !important;
margin-bottom: 4px !important;
}
.eal-lineup__stat-val.is-up { color: var(--eal-accent) !important; }
.eal-lineup__stat-key {
display: block !important;
font-size: 10px !important;
color: var(--eal-text-light) !important;
letter-spacing: 0.05em !important;
}
.eal-lineup__price {
font-family: var(--font-num) !important;
font-size: 18px !important;
color: var(--eal-dark) !important;
margin-bottom: 16px !important;
font-weight: 500 !important;
}
.eal-lineup__btn {
display: block !important;
width: 100% !important;
text-align: center !important;
font-family: var(--font-en) !important;
font-size: 12px !important;
font-weight: 600 !important;
letter-spacing: 0.12em !important;
text-transform: uppercase !important;
color: var(--eal-white) !important;
background: var(--eal-dark) !important;
padding: 14px !important;
transition: background 0.25s ease !important;
border-radius: 0 !important;
}
.eal-lineup__btn:hover {
background: var(--eal-accent) !important;
opacity: 1 !important;
} .eal-cta {
background: var(--eal-dark);
padding: 80px 40px;
position: relative;
overflow: hidden;
}
.eal-cta::before {
content: '';
position: absolute;
inset: 0;
background-image:
linear-gradient(rgba(0, 184, 122, 0.04) 1px, transparent 1px),
linear-gradient(90deg, rgba(0, 184, 122, 0.04) 1px, transparent 1px);
background-size: 48px 48px;
}
.eal-cta__inner {
position: relative;
z-index: 1;
max-width: 680px;
margin: 0 auto;
text-align: center;
}
.eal-cta__label {
font-family: var(--font-en) !important;
font-size: 9px !important;
font-weight: 600 !important;
letter-spacing: 0.3em !important;
text-transform: uppercase !important;
color: var(--eal-accent) !important;
margin-bottom: 1rem !important;
display: block !important;
}
.eal-cta__title {
font-family: var(--font-en) !important;
font-size: clamp(24px, 3vw, 40px) !important;
font-weight: 300 !important;
color: var(--eal-white) !important;
line-height: 1.4 !important;
margin-bottom: 1rem !important;
}
.eal-cta__desc {
font-size: 14px !important;
color: rgba(255, 255, 255, 0.6) !important;
line-height: 2 !important;
margin-bottom: 2rem !important;
}
.eal-cta__actions {
display: flex;
gap: 12px;
justify-content: center;
flex-wrap: wrap;
} .eal-journal {
padding: 80px 0;
background: var(--eal-white);
}
.eal-journal__inner {
max-width: 1200px;
margin: 0 auto;
padding: 0 40px;
}
.eal-journal__grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 24px;
margin-bottom: 2.5rem;
}
.eal-journal__card {
display: block;
color: var(--eal-text) !important;
transition: opacity 0.3s ease;
}
.eal-journal__card:hover { opacity: 0.8; }
.eal-journal__img {
aspect-ratio: 16/9;
overflow: hidden;
margin-bottom: 1rem;
background: var(--eal-bg);
}
.eal-journal__img img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
transition: transform 0.6s ease;
}
.eal-journal__card:hover .eal-journal__img img { transform: scale(1.04); }
.eal-journal__img-placeholder {
width: 100%;
height: 100%;
background: linear-gradient(135deg, var(--eal-dark) 0%, var(--eal-dark-mid) 100%);
position: relative;
}
.eal-journal__img-placeholder::after {
content: 'EA-Lab';
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
font-family: var(--font-en);
font-size: 18px;
font-weight: 300;
color: rgba(255, 255, 255, 0.3);
letter-spacing: 0.2em;
}
.eal-journal__meta {
display: flex;
align-items: center;
gap: 0.75rem;
margin-bottom: 0.5rem;
}
.eal-journal__cat {
font-family: var(--font-en) !important;
font-size: 10px !important;
font-weight: 500 !important;
letter-spacing: 0.15em !important;
text-transform: uppercase !important;
color: var(--eal-accent) !important;
border: 1px solid var(--eal-accent-line) !important;
padding: 2px 8px !important;
}
.eal-journal__date {
font-family: var(--font-num) !important;
font-size: 11px !important;
color: var(--eal-text-light) !important;
letter-spacing: 0.05em !important;
}
.eal-journal__title {
font-family: var(--font-body) !important;
font-size: 14px !important;
font-weight: 400 !important;
line-height: 1.7 !important;
color: var(--eal-text) !important;
}
.eal-journal__more { text-align: center; } .eal-journal__swiper {
margin-bottom: 2.5rem !important;
} @media (min-width: 769px) {
.eal-journal__swiper .swiper-wrapper {
display: grid !important;
grid-template-columns: repeat(3, 1fr) !important;
gap: 24px !important;
transform: none !important;
}
.eal-journal__swiper .swiper-slide {
width: auto !important;
height: auto !important;
}
.eal-journal__pagination {
display: none !important;
}
} @media (max-width: 768px) {
.eal-journal__swiper {
overflow: hidden !important;
margin: 0 -20px 2rem !important;
padding: 0 20px 40px !important;
}
.eal-journal__swiper .swiper-slide {
width: 85% !important;
height: auto !important;
}
.eal-journal__pagination {
display: block !important;
}
}
.eal-journal__pagination .swiper-pagination-bullet {
background: var(--eal-border) !important;
opacity: 1 !important;
}
.eal-journal__pagination .swiper-pagination-bullet-active {
background: var(--eal-accent) !important;
} .eal-forward {
padding: 80px 0;
background: var(--eal-dark);
position: relative;
overflow: hidden;
}
.eal-forward::before {
content: '';
position: absolute;
inset: 0;
background-image:
linear-gradient(rgba(0, 184, 122, 0.04) 1px, transparent 1px),
linear-gradient(90deg, rgba(0, 184, 122, 0.04) 1px, transparent 1px);
background-size: 48px 48px;
}
.eal-forward__inner {
position: relative;
z-index: 1;
max-width: 1200px;
margin: 0 auto;
padding: 0 40px;
}
.eal-sec-header--light .eal-sec-desc { color: rgba(255, 255, 255, 0.6) !important; }
.eal-forward__grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 24px;
}
.eal-forward__card {
background: rgba(255, 255, 255, 0.04);
border: 1px solid rgba(255, 255, 255, 0.08);
padding: 28px;
transition: border-color 0.3s ease;
}
.eal-forward__card:hover { border-color: rgba(0, 184, 122, 0.3); }
.eal-forward__card-header {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 1rem;
}
.eal-forward__ea-name {
font-family: var(--font-en) !important;
font-size: 18px !important;
font-weight: 300 !important;
color: var(--eal-white) !important;
letter-spacing: 0.08em !important;
}
.eal-forward__period {
font-size: 11px !important;
color: rgba(255, 255, 255, 0.35) !important;
font-family: var(--font-num) !important;
}
.eal-forward__chart {
width: 100%;
height: 120px;
margin-bottom: 1rem;
}
.eal-forward__stats {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 0;
padding: 1rem 0;
border-top: 1px solid rgba(255, 255, 255, 0.06);
border-bottom: 1px solid rgba(255, 255, 255, 0.06);
margin-bottom: 1rem;
}
.eal-forward__stat { text-align: center; }
.eal-forward__val {
display: block !important;
font-family: var(--font-num) !important;
font-size: 18px !important;
font-weight: 500 !important;
color: var(--eal-white) !important;
margin-bottom: 4px !important;
}
.eal-forward__val.is-up { color: var(--eal-accent) !important; }
.eal-forward__key {
display: block !important;
font-size: 10px !important;
color: rgba(255, 255, 255, 0.35) !important;
letter-spacing: 0.05em !important;
}
.eal-forward__link {
font-family: var(--font-en) !important;
font-size: 11px !important;
letter-spacing: 0.1em !important;
color: var(--eal-accent) !important;
transition: opacity 0.2s ease !important;
display: block !important;
text-align: right !important;
}
.eal-forward__link:hover { opacity: 0.7 !important; }
.eal-forward__note {
text-align: center;
font-size: 11px !important;
color: rgba(255, 255, 255, 0.25) !important;
margin-top: 2rem !important;
} @media (max-width: 1024px) {
.eal-lineup__grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 768px) {
.eal-risk-bar { padding: 10px 16px; }
.eal-hero {
grid-template-columns: 1fr;
min-height: auto;
}
.eal-hero__left { padding: 48px 24px; }
.eal-hero__right { min-height: 400px; }
.eal-hero__stats { grid-template-columns: repeat(2, 1fr); gap: 12px; }
.eal-hero__stat { border: none !important; margin: 0 !important; padding: 0 !important; }
.eal-trust { padding: 14px 24px; flex-direction: column; gap: 12px; }
.eal-trust__items { gap: 12px; }
.eal-lineup { padding: 48px 0; }
.eal-lineup__inner { padding: 0 20px; }
.eal-lineup__grid { grid-template-columns: 1fr; }
.eal-cta { padding: 48px 24px; }
.eal-journal { padding: 48px 0; }
.eal-journal__inner { padding: 0 20px; }
.eal-journal__grid { grid-template-columns: 1fr; gap: 32px; }
.eal-forward { padding: 48px 0; }
.eal-forward__inner { padding: 0 20px; }
.eal-forward__grid { grid-template-columns: 1fr; }
}  .eal-header {
position: sticky !important;
top: 0 !important;
z-index: 100 !important;
height: 64px !important;
background: rgba(255, 255, 255, 0.85) !important;
backdrop-filter: blur(12px) !important;
-webkit-backdrop-filter: blur(12px) !important;
border-bottom: 1px solid var(--eal-border) !important;
padding: 0 !important;
box-shadow: none !important;
}
.eal-header__inner {
display: flex !important;
align-items: center !important;
height: 64px !important;
padding: 0 48px !important;
gap: 40px !important;
max-width: 100% !important;
} .eal-header__logo {
flex-shrink: 0 !important;
text-decoration: none !important;
opacity: 1 !important;
}
.eal-header__logo:hover { opacity: 1 !important; }
.eal-header__logo-text {
font-family: var(--font-en) !important;
font-size: 20px !important;
font-weight: 700 !important;
letter-spacing: 0.1em !important;
color: var(--eal-dark) !important;
}
.eal-header__logo-text em {
font-style: normal !important;
color: var(--eal-accent) !important;
} .eal-header__nav {
flex: 1 !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
}
.eal-header__menu {
display: flex !important;
gap: 32px !important;
list-style: none !important;
margin: 0 !important;
padding: 0 !important;
}
.eal-header__menu > li > a {
font-family: var(--font-en) !important;
font-size: 11px !important;
font-weight: 500 !important;
letter-spacing: 0.12em !important;
text-transform: uppercase !important;
color: var(--eal-text-mid) !important;
transition: color 0.2s ease !important;
}
.eal-header__menu > li > a:hover { color: var(--eal-dark) !important; opacity: 1 !important; } .eal-header__menu > li { position: relative !important; }
.eal-header__menu > li > .sub-menu {
position: absolute !important;
top: 100% !important;
left: 0 !important;
background: var(--eal-white) !important;
border: 1px solid var(--eal-border) !important;
min-width: 180px !important;
padding: 8px 0 !important;
opacity: 0 !important;
pointer-events: none !important;
transform: translateY(-4px) !important;
transition: opacity 0.2s ease, transform 0.2s ease !important;
list-style: none !important;
z-index: 999 !important;
}
.eal-header__menu > li:hover > .sub-menu {
opacity: 1 !important;
pointer-events: auto !important;
transform: translateY(0) !important;
}
.eal-header__menu > li > .sub-menu > li > a {
display: block !important;
padding: 8px 20px !important;
font-family: var(--font-en) !important;
font-size: 11px !important;
font-weight: 400 !important;
letter-spacing: 0.08em !important;
color: var(--eal-text-mid) !important;
transition: color 0.2s ease, background 0.2s ease !important;
}
.eal-header__menu > li > .sub-menu > li > a:hover {
color: var(--eal-accent) !important;
background: var(--eal-accent-dim) !important;
opacity: 1 !important;
} .eal-header__icons {
flex-shrink: 0 !important;
display: flex !important;
align-items: center !important;
gap: 4px !important;
margin-left: auto !important;
}
.eal-header__icon {
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 40px !important;
height: 40px !important;
color: var(--eal-text-mid) !important;
position: relative !important;
transition: color 0.2s ease !important;
background: none !important;
border: none !important;
cursor: pointer !important;
}
.eal-header__icon:hover { color: var(--eal-dark) !important; opacity: 1 !important; }
.eal-header__icon svg { stroke: currentColor !important; } .eal-header__badge {
position: absolute !important;
top: 4px !important;
right: 4px !important;
width: 16px !important;
height: 16px !important;
background: var(--eal-accent) !important;
color: var(--eal-white) !important;
font-size: 10px !important;
border-radius: 50% !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
font-family: var(--font-num) !important;
} @media (max-width: 768px) {
.eal-header__inner { padding: 0 20px !important; }
.eal-header__nav { display: none !important; }
.site-header__hamburger { display: flex !important; }
} .eal-footer {
background: var(--eal-dark);
color: rgba(255, 255, 255, 0.7);
padding: 64px 0 32px;
}
.eal-footer__inner {
max-width: 1200px;
margin: 0 auto;
padding: 0 40px;
}
.eal-footer__top {
display: grid;
grid-template-columns: 2fr 1fr 1fr;
gap: 48px;
padding-bottom: 48px;
border-bottom: 1px solid rgba(255, 255, 255, 0.08);
margin-bottom: 32px;
}
.eal-footer__logo { display: inline-block !important; margin-bottom: 1rem !important; opacity: 1 !important; }
.eal-footer__logo:hover { opacity: 0.8 !important; }
.eal-footer__logo-text {
font-family: var(--font-en) !important;
font-size: 20px !important;
font-weight: 700 !important;
letter-spacing: 0.1em !important;
color: var(--eal-white) !important;
}
.eal-footer__logo-text em {
font-style: normal !important;
color: var(--eal-accent) !important;
}
.eal-footer__desc {
font-size: 12px !important;
color: rgba(255, 255, 255, 0.5) !important;
line-height: 2 !important;
margin-bottom: 0.75rem !important;
}
.eal-footer__risk {
font-size: 10px !important;
color: rgba(255, 255, 255, 0.25) !important;
line-height: 1.8 !important;
}
.eal-footer__nav-title {
font-family: var(--font-en) !important;
font-size: 10px !important;
font-weight: 600 !important;
letter-spacing: 0.25em !important;
text-transform: uppercase !important;
color: var(--eal-accent) !important;
margin-bottom: 1rem !important;
}
.eal-footer__nav ul {
list-style: none !important;
padding: 0 !important;
margin: 0 !important;
display: flex !important;
flex-direction: column !important;
gap: 0.5rem !important;
}
.eal-footer__nav a {
font-size: 12px !important;
color: rgba(255, 255, 255, 0.5) !important;
transition: color 0.2s ease !important;
letter-spacing: 0.05em !important;
}
.eal-footer__nav a:hover { color: var(--eal-white) !important; opacity: 1 !important; }
.eal-footer__bottom {
display: flex;
align-items: center;
justify-content: center;
}
.eal-footer__copyright {
font-family: var(--font-en) !important;
font-size: 11px !important;
color: rgba(255, 255, 255, 0.2) !important;
letter-spacing: 0.1em !important;
}
@media (max-width: 768px) {
.eal-footer__inner { padding: 0 20px; }
.eal-footer__top { grid-template-columns: 1fr; gap: 32px; }
}  #ast-footer-overlay,
.ast-footer-overlay,
.site-footer.ast-footer-overlay,
#colophon.ast-footer-overlay {
display: none !important;
} .ast-scroll-top {
display: none !important;
} .site-overlay {
position: fixed !important;
inset: 0 !important;
background: rgba(0, 0, 0, 0.4) !important;
z-index: 99 !important;
opacity: 0 !important;
pointer-events: none !important;
transition: opacity 0.3s ease !important;
}
.site-overlay.is-active {
opacity: 1 !important;
pointer-events: auto !important;
}  .eal-header__account-wrap {
position: relative !important;
}
.eal-header__account-dropdown {
position: absolute !important;
top: 100% !important;
right: 0 !important;
background: var(--eal-white) !important;
border: 1px solid var(--eal-border) !important;
min-width: 160px !important;
padding: 8px 0 !important;
opacity: 0 !important;
pointer-events: none !important;
transform: translateY(-4px) !important;
transition: opacity 0.2s ease, transform 0.2s ease !important;
z-index: 999 !important;
}
.eal-header__account-wrap:hover .eal-header__account-dropdown {
opacity: 1 !important;
pointer-events: auto !important;
transform: translateY(0) !important;
}
.eal-header__account-dropdown a {
display: block !important;
padding: 8px 20px !important;
font-size: 12px !important;
color: var(--eal-text-mid) !important;
transition: color 0.2s ease, background 0.2s ease !important;
}
.eal-header__account-dropdown a:hover {
color: var(--eal-accent) !important;
background: var(--eal-accent-dim) !important;
} .eal-header__search-panel {
position: absolute !important;
top: 64px !important;
left: 0 !important;
right: 0 !important;
background: var(--eal-white) !important;
border-bottom: 1px solid var(--eal-border) !important;
padding: 16px 48px !important;
opacity: 0 !important;
pointer-events: none !important;
transform: translateY(-8px) !important;
transition: opacity 0.2s ease, transform 0.2s ease !important;
z-index: 99 !important;
}
.eal-header__search-panel.is-open {
opacity: 1 !important;
pointer-events: auto !important;
transform: translateY(0) !important;
}
.eal-header__search-inner {
display: flex !important;
align-items: center !important;
gap: 12px !important;
max-width: 680px !important;
margin: 0 auto !important;
}
.eal-header__search-inner form {
flex: 1 !important;
display: flex !important;
align-items: center !important;
gap: 10px !important;
border-bottom: 1px solid var(--eal-border) !important;
padding-bottom: 8px !important;
}
.eal-header__search-inner svg { color: var(--eal-text-light) !important; flex-shrink: 0 !important; }
.eal-header__search-input {
flex: 1 !important;
border: none !important;
outline: none !important;
font-size: 14px !important;
background: transparent !important;
color: var(--eal-text) !important;
}
.eal-header__search-close {
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 36px !important;
height: 36px !important;
background: none !important;
border: none !important;
cursor: pointer !important;
color: var(--eal-text-mid) !important;
flex-shrink: 0 !important;
}
.eal-header__hamburger {
display: none !important;
flex-direction: column !important;
justify-content: center !important;
align-items: center !important;
gap: 5px !important;
width: 40px !important;
height: 40px !important;
background: none !important;
border: none !important;
cursor: pointer !important;
padding: 0 !important;
}
.eal-header__hamburger span {
display: block !important;
width: 22px !important;
height: 1.5px !important;
background: var(--eal-dark) !important;
transition: transform 0.3s ease, opacity 0.3s ease !important;
transform-origin: center !important;
} .eal-header__hamburger.is-open span:nth-child(1) {
transform: translateY(6.5px) rotate(45deg) !important;
}
.eal-header__hamburger.is-open span:nth-child(2) {
opacity: 0 !important;
transform: scaleX(0) !important;
}
.eal-header__hamburger.is-open span:nth-child(3) {
transform: translateY(-6.5px) rotate(-45deg) !important;
}  .eal-header__mobile-menu {
background: rgba(13, 31, 53, 0.96) !important;
border-top: none !important;
padding:0 0 !important;
}
.eal-header__mobile-menu.is-open { display: block !important; }
.eal-header__mobile-nav {
list-style: none !important;
margin: 0 !important;
padding: 0 20px !important;
}
.eal-header__mobile-nav > li > a {
display: block !important;
padding: 12px 0 !important;
font-family: var(--font-en) !important;
font-size: 12px !important;
letter-spacing: 0.1em !important;
text-transform: uppercase !important;
color: rgba(255, 255, 255, 0.8) !important;
border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
}
.eal-header__mobile-nav > li > a:hover {
color: var(--eal-accent) !important;
}
@media (max-width: 768px) {
.eal-header__nav { display: none !important; }
.eal-header__hamburger { display: flex !important; }
.eal-header__search-panel { padding: 16px 20px !important; }
} .page-top {
position: fixed !important;
bottom: 32px !important;
right: 32px !important;
width: 44px !important;
height: 44px !important;
background: var(--eal-dark) !important;
color: var(--eal-white) !important;
border: none !important;
cursor: pointer !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
opacity: 0 !important;
pointer-events: none !important;
transition: opacity 0.3s ease, background 0.2s ease !important;
z-index: 90 !important;
border-radius: 0 !important;
}
.page-top.is-visible {
opacity: 1 !important;
pointer-events: auto !important;
}
.page-top:hover { background: var(--eal-accent) !important; } body.ast-single-post,
body.ast-inherit-site-logo-transparent,
body[class*="ast-"] {
overflow-x: hidden !important;
}
.ast-container,
.ast-grid-right-sidebar,
.ast-grid-left-sidebar,
#ast-scroll-top {
display: none !important;
} .site-main,
#primary,
#main {
max-width: 100% !important;
width: 100% !important;
padding: 0 !important;
margin: 0 !important;
float: none !important;
} .site-header__search-wrap .site-header__search,
.site-header__search-wrap form {
display: none !important;
}
.site-header__account-wrap .site-header__account-dropdown,
.site-header__account-wrap .eal-header__account-dropdown {
display: none !important;
}
.site-header__account-wrap:hover .eal-header__account-dropdown,
.eal-header__account-wrap:hover .eal-header__account-dropdown {
display: block !important;
}  .eal-header__icon,
.eal-header__hamburger,
.eal-header__search-close,
.page-top {
box-shadow: none !important;
text-shadow: none !important;
-webkit-appearance: none !important;
appearance: none !important;
} #ast-scroll-top,
.ast-scroll-top {
display: none !important;
visibility: hidden !important;
opacity: 0 !important;
pointer-events: none !important;
} button.eal-header__icon {
display: flex !important;
visibility: visible !important;
opacity: 1 !important;
} button.eal-header__icon.js-search-toggle {
display: flex !important;
visibility: visible !important;
opacity: 1 !important;
width: 40px !important;
height: 40px !important;
color: var(--eal-text-mid) !important;
}
button.eal-header__icon.js-search-toggle svg {
display: block !important;
visibility: visible !important;
opacity: 1 !important;
width: 16px !important;
height: 16px !important;
stroke: currentColor !important;
} #ast-scroll-top {
display: none !important;
visibility: hidden !important;
width: 0 !important;
height: 0 !important;
overflow: hidden !important;
position: absolute !important;
pointer-events: none !important;
} .page-top svg {
stroke: var(--eal-white) !important;
display: block !important;
} .eal-header__icon svg,
.eal-header__icons svg,
.page-top svg {
width: 16px !important;
height: 16px !important;
min-width: 16px !important;
display: block !important;
flex-shrink: 0 !important;
} a.eal-btn-primary {
border: 1px solid rgba(255, 255, 255, 0.4) !important;
}
a.eal-btn-primary:hover {
border-color: var(--eal-accent) !important;
} .eal-news {
padding: 80px 0;
background: var(--eal-white);
}
.eal-news__inner {
max-width: 900px;
margin: 0 auto;
padding: 0 40px;
}
.eal-news__list {
list-style: none !important;
padding: 0 !important;
margin: 0 0 2.5rem !important;
border-top: 1px solid var(--eal-border);
}
.eal-news__item {
border-bottom: 1px solid var(--eal-border) !important;
}
.eal-news__link {
display: flex !important;
align-items: center !important;
gap: 20px !important;
padding: 18px 0 !important;
color: var(--eal-text) !important;
transition: opacity 0.2s ease !important;
}
.eal-news__link:hover { opacity: 0.6 !important; }
.eal-news__date {
font-family: var(--font-num) !important;
font-size: 12px !important;
color: var(--eal-text-light) !important;
letter-spacing: 0.05em !important;
flex-shrink: 0 !important;
white-space: nowrap !important;
}
.eal-news__cat {
font-family: var(--font-en) !important;
font-size: 10px !important;
font-weight: 500 !important;
letter-spacing: 0.15em !important;
text-transform: uppercase !important;
color: var(--eal-accent) !important;
border: 1px solid var(--eal-accent-line) !important;
padding: 2px 8px !important;
flex-shrink: 0 !important;
white-space: nowrap !important;
}
.eal-news__title {
font-size: 14px !important;
line-height: 1.6 !important;
color: var(--eal-text) !important;
}
.eal-news__more {
text-align: center !important;
}
@media (max-width: 768px) {
.eal-news { padding: 48px 0; }
.eal-news__inner { padding: 0 20px; }
.eal-news__link { flex-wrap: wrap !important; gap: 8px !important; }
} .eal-hero__verified {
margin-top: 1.25rem !important;
padding-top: 1rem !important;
border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
}
.eal-hero__verified-badge {
display: inline-block !important;
font-family: var(--font-en) !important;
font-size: 9px !important;
font-weight: 600 !important;
letter-spacing: 0.2em !important;
color: var(--eal-accent) !important;
border: 1px solid var(--eal-accent-line) !important;
padding: 2px 8px !important;
margin-bottom: 0.75rem !important;
}
.eal-hero__verified-list {
list-style: none !important;
padding: 0 !important;
margin: 0 !important;
display: flex !important;
flex-direction: column !important;
gap: 6px !important;
}
.eal-hero__verified-list li {
font-size: 11px !important;
color: rgba(255, 255, 255, 0.5) !important;
display: flex !important;
align-items: center !important;
gap: 8px !important;
line-height: 1.5 !important;
}
.eal-hero__verified-list li::before {
content: '' !important;
width: 4px !important;
height: 4px !important;
background: var(--eal-accent) !important;
border-radius: 50% !important;
flex-shrink: 0 !important;
} .eal-header__mobile-menu {
position: fixed !important;
top: 64px !important;
left: 0 !important;
right: 0 !important;
z-index: 98 !important;
} .eal-header__search-input {
font-size: 16px !important;
} .eal-cta2 {
background: var(--eal-dark-mid);
padding: 64px 40px;
position: relative;
overflow: hidden;
text-align: center;
}
.eal-cta2::before {
content: '';
position: absolute;
inset: 0;
background-image:
linear-gradient(rgba(0, 184, 122, 0.04) 1px, transparent 1px),
linear-gradient(90deg, rgba(0, 184, 122, 0.04) 1px, transparent 1px);
background-size: 48px 48px;
}
.eal-cta2__inner {
position: relative;
z-index: 1;
max-width: 680px;
margin: 0 auto;
}
.eal-cta2__label {
font-family: var(--font-en) !important;
font-size: 9px !important;
font-weight: 600 !important;
letter-spacing: 0.3em !important;
text-transform: uppercase !important;
color: var(--eal-accent) !important;
margin-bottom: 1rem !important;
display: block !important;
}
.eal-cta2__title {
font-family: var(--font-en) !important;
font-size: clamp(22px, 3vw, 36px) !important;
font-weight: 300 !important;
color: var(--eal-white) !important;
line-height: 1.4 !important;
margin-bottom: 1rem !important;
}
.eal-cta2__title em {
font-style: italic !important;
color: var(--eal-accent) !important;
}
.eal-cta2__desc {
font-size: 13px !important;
color: rgba(255, 255, 255, 0.6) !important;
line-height: 2 !important;
margin-bottom: 2rem !important;
}
.eal-cta2__actions {
display: flex;
gap: 12px;
justify-content: center;
flex-wrap: wrap;
}
@media (max-width: 768px) {
.eal-cta2 { padding: 48px 24px; }
} .eal-faq {
padding: 80px 0;
background: var(--eal-white);
}
.eal-faq__inner {
max-width: 800px;
margin: 0 auto;
padding: 0 40px;
}
.eal-faq__list {
margin-bottom: 2.5rem;
border-top: 1px solid var(--eal-border);
}
.eal-faq__item {
border-bottom: 1px solid var(--eal-border) !important;
}
.eal-faq__q {
width: 100% !important;
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
gap: 16px !important;
padding: 20px 0 !important;
background: none !important;
border: none !important;
cursor: pointer !important;
text-align: left !important;
font-size: 14px !important;
font-weight: 400 !important;
color: var(--eal-text) !important;
line-height: 1.6 !important;
}
.eal-faq__q:hover { color: var(--eal-accent) !important; }
.eal-faq__icon {
flex-shrink: 0 !important;
width: 16px !important;
height: 16px !important;
transition: transform 0.3s ease !important;
stroke: currentColor !important;
}
.eal-faq__item.is-open .eal-faq__icon {
transform: rotate(180deg) !important;
}
.eal-faq__a {
max-height: 0 !important;
overflow: hidden !important;
transition: max-height 0.35s cubic-bezier(0, 1, 0, 1) !important;
padding: 0 !important;
}
.eal-faq__item.is-open .eal-faq__a {
max-height: 500px !important;
transition: max-height 0.35s ease-in-out !important;
padding: 0 0 20px !important;
}
.eal-faq__a p {
font-size: 13px !important;
color: var(--eal-text-mid) !important;
line-height: 2 !important;
margin: 0 !important;
}
.eal-faq__more {
text-align: center !important;
}
@media (max-width: 768px) {
.eal-faq { padding: 48px 0; }
.eal-faq__inner { padding: 0 20px; }
} .eal-lineup__swiper {
overflow: visible !important;
} @media (min-width: 769px) {
.eal-lineup__swiper {
overflow: visible !important;
}
.eal-lineup__swiper .swiper-wrapper {
display: grid !important;
grid-template-columns: repeat(3, 1fr) !important;
gap: 24px !important;
transform: none !important;
}
.eal-lineup__swiper .swiper-slide {
width: auto !important;
height: auto !important;
}
.eal-lineup__pagination {
display: none !important;
}
} @media (max-width: 768px) {
.eal-lineup__swiper {
overflow: hidden !important;
margin: 0 -20px !important;
padding: 0 20px 40px !important;
}
.eal-lineup__swiper .swiper-slide {
width: 85% !important;
height: auto !important;
}
.eal-lineup__pagination {
display: block !important;
}
} .eal-lineup__pagination .swiper-pagination-bullet {
background: var(--eal-border) !important;
opacity: 1 !important;
}
.eal-lineup__pagination .swiper-pagination-bullet-active {
background: var(--eal-accent) !important;
}
.eal-lineup__more {
text-align: center !important;
margin-top: 2.5rem !important;
} .eal-sidebar {
display: flex;
flex-direction: column;
gap: 32px;
}
.eal-sidebar__widget {
background: var(--eal-white);
border: 1px solid var(--eal-border);
padding: 24px;
}
.eal-sidebar__title {
font-family: var(--font-en) !important;
font-size: 10px !important;
font-weight: 600 !important;
letter-spacing: 0.2em !important;
text-transform: uppercase !important;
color: var(--eal-accent) !important;
margin-bottom: 1.25rem !important;
padding-bottom: 0.75rem !important;
border-bottom: 1px solid var(--eal-border) !important;
} .eal-sidebar__ea-list {
list-style: none !important;
padding: 0 !important;
margin: 0 0 1rem !important;
display: flex !important;
flex-direction: column !important;
gap: 12px !important;
}
.eal-sidebar__ea-link {
display: flex !important;
gap: 12px !important;
align-items: center !important;
color: var(--eal-text) !important;
transition: opacity 0.2s ease !important;
}
.eal-sidebar__ea-link:hover { opacity: 0.7 !important; }
.eal-sidebar__ea-img {
width: 56px !important;
height: 56px !important;
flex-shrink: 0 !important;
overflow: hidden !important;
}
.eal-sidebar__ea-img img {
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
}
.eal-sidebar__ea-body {
display: flex !important;
flex-direction: column !important;
gap: 4px !important;
}
.eal-sidebar__ea-name {
font-size: 13px !important;
font-weight: 500 !important;
color: var(--eal-text) !important;
line-height: 1.4 !important;
}
.eal-sidebar__ea-date {
font-family: var(--font-num) !important;
font-size: 11px !important;
color: var(--eal-text-light) !important;
}
.eal-sidebar__more {
font-size: 11px !important;
color: var(--eal-accent) !important;
letter-spacing: 0.05em !important;
transition: opacity 0.2s ease !important;
}
.eal-sidebar__more:hover { opacity: 0.7 !important; } .eal-sidebar__rank-list {
list-style: none !important;
padding: 0 !important;
margin: 0 !important;
display: flex !important;
flex-direction: column !important;
gap: 0 !important;
counter-reset: rank !important;
}
.eal-sidebar__rank-item {
border-bottom: 1px solid var(--eal-border) !important;
}
.eal-sidebar__rank-item:last-child { border: none !important; }
.eal-sidebar__rank-link {
display: flex !important;
align-items: flex-start !important;
gap: 12px !important;
padding: 12px 0 !important;
color: var(--eal-text) !important;
transition: opacity 0.2s ease !important;
}
.eal-sidebar__rank-link:hover { opacity: 0.7 !important; }
.eal-sidebar__rank-num {
font-family: var(--font-num) !important;
font-size: 18px !important;
font-weight: 300 !important;
color: var(--eal-accent) !important;
flex-shrink: 0 !important;
line-height: 1.2 !important;
min-width: 20px !important;
}
.eal-sidebar__rank-title {
font-size: 12px !important;
line-height: 1.7 !important;
color: var(--eal-text) !important;
} .eal-sidebar__cat-list {
list-style: none !important;
padding: 0 !important;
margin: 0 !important;
}
.eal-sidebar__cat-item {
border-bottom: 1px solid var(--eal-border) !important;
}
.eal-sidebar__cat-item:last-child { border: none !important; }
.eal-sidebar__cat-link {
display: flex !important;
justify-content: space-between !important;
align-items: center !important;
padding: 10px 0 !important;
font-size: 12px !important;
color: var(--eal-text-mid) !important;
transition: color 0.2s ease !important;
}
.eal-sidebar__cat-link:hover { color: var(--eal-accent) !important; }
.eal-sidebar__cat-count {
font-family: var(--font-num) !important;
font-size: 11px !important;
color: var(--eal-text-light) !important;
} .eal-sidebar__tags {
display: flex !important;
flex-wrap: wrap !important;
gap: 8px !important;
}
.eal-sidebar__tag {
font-size: 11px !important;
color: var(--eal-text-mid) !important;
border: 1px solid var(--eal-border) !important;
padding: 4px 10px !important;
transition: color 0.2s ease, border-color 0.2s ease !important;
line-height: 1.6 !important;
}
.eal-sidebar__tag:hover {
color: var(--eal-accent) !important;
border-color: var(--eal-accent-line) !important;
}
.eal-sidebar__tag span {
color: var(--eal-text-light) !important;
font-size: 10px !important;
} .eal-sidebar__banner {
background: var(--eal-dark) !important;
border: none !important;
padding: 0 !important;
}
.eal-sidebar__banner a {
display: block !important;
opacity: 1 !important;
}
.eal-sidebar__banner a:hover .eal-sidebar__banner-inner {
background: rgba(0, 184, 122, 0.08) !important;
}
.eal-sidebar__banner-inner {
padding: 24px !important;
transition: background 0.3s ease !important;
}
.eal-sidebar__banner-label {
font-family: var(--font-en) !important;
font-size: 9px !important;
font-weight: 600 !important;
letter-spacing: 0.25em !important;
color: var(--eal-accent) !important;
margin-bottom: 0.5rem !important;
}
.eal-sidebar__banner-title {
font-family: var(--font-en) !important;
font-size: 20px !important;
font-weight: 300 !important;
color: var(--eal-white) !important;
line-height: 1.4 !important;
margin-bottom: 0.75rem !important;
}
.eal-sidebar__banner-sub {
font-size: 11px !important;
color: rgba(255, 255, 255, 0.5) !important;
line-height: 1.6 !important;
} .eal-single {
background: var(--eal-bg);
padding: 48px 0 80px;
}
.eal-single__inner {
max-width: 1200px;
margin: 0 auto;
padding: 0 40px;
display: grid;
grid-template-columns: 1fr 320px;
gap: 48px;
align-items: start;
} .eal-single__thumb {
aspect-ratio: 16/9;
overflow: hidden;
margin-bottom: 2rem;
}
.eal-single__thumb img {
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
display: block !important;
} .eal-single__header {
margin-bottom: 2rem;
padding-bottom: 2rem;
border-bottom: 1px solid var(--eal-border);
}
.eal-single__meta {
display: flex;
align-items: center;
gap: 12px;
margin-bottom: 1rem;
flex-wrap: wrap;
}
.eal-single__cat {
font-family: var(--font-en) !important;
font-size: 10px !important;
font-weight: 500 !important;
letter-spacing: 0.15em !important;
text-transform: uppercase !important;
color: var(--eal-accent) !important;
border: 1px solid var(--eal-accent-line) !important;
padding: 2px 10px !important;
transition: background 0.2s ease !important;
}
.eal-single__cat:hover {
background: var(--eal-accent-dim) !important;
}
.eal-single__date {
font-family: var(--font-num) !important;
font-size: 12px !important;
color: var(--eal-text-light) !important;
}
.eal-single__updated {
font-size: 11px !important;
color: var(--eal-text-light) !important;
}
.eal-single__title {
font-size: clamp(20px, 2.5vw, 28px) !important;
font-weight: 400 !important;
line-height: 1.6 !important;
color: var(--eal-dark) !important;
letter-spacing: 0.02em !important;
} .eal-single__content {
margin-bottom: 2.5rem;
line-height: 2 !important;
}
.eal-single__content h2 {
font-size: 20px !important;
font-weight: 500 !important;
color: var(--eal-dark) !important;
margin: 2.5rem 0 1rem !important;
padding: 0.75rem 1rem !important;
border-left: 3px solid var(--eal-accent) !important;
background: var(--eal-accent-dim) !important;
line-height: 1.5 !important;
}
.eal-single__content h3 {
font-size: 17px !important;
font-weight: 500 !important;
color: var(--eal-dark) !important;
margin: 2rem 0 0.75rem !important;
padding-bottom: 0.5rem !important;
border-bottom: 1px solid var(--eal-border) !important;
}
.eal-single__content h4 {
font-size: 15px !important;
font-weight: 500 !important;
color: var(--eal-dark) !important;
margin: 1.5rem 0 0.5rem !important;
}
.eal-single__content p {
margin-bottom: 1.5rem !important;
font-size: 14px !important;
line-height: 2 !important;
}
.eal-single__content ul,
.eal-single__content ol {
margin: 0 0 1.5rem 1.5rem !important;
line-height: 2 !important;
}
.eal-single__content li {
font-size: 14px !important;
margin-bottom: 0.5rem !important;
}
.eal-single__content img {
max-width: 100% !important;
height: auto !important;
display: block !important;
margin: 0 auto !important;
}
.eal-single__content a {
color: var(--eal-accent) !important;
text-decoration: underline !important;
}
.eal-single__content blockquote {
border-left: 3px solid var(--eal-border) !important;
padding: 1rem 1.5rem !important;
margin: 1.5rem 0 !important;
background: var(--eal-bg) !important;
color: var(--eal-text-mid) !important;
font-size: 13px !important;
}
.eal-single__content table {
width: 100% !important;
border-collapse: collapse !important;
margin-bottom: 1.5rem !important;
font-size: 13px !important;
}
.eal-single__content th {
background: var(--eal-dark) !important;
color: var(--eal-white) !important;
padding: 10px 16px !important;
text-align: left !important;
font-weight: 500 !important;
}
.eal-single__content td {
padding: 10px 16px !important;
border-bottom: 1px solid var(--eal-border) !important;
}
.eal-single__content tr:nth-child(even) td {
background: var(--eal-bg) !important;
} .eal-single__tags {
display: flex;
flex-wrap: wrap;
gap: 8px;
margin-bottom: 2.5rem;
padding-top: 1.5rem;
border-top: 1px solid var(--eal-border);
}
.eal-single__tag {
font-size: 11px !important;
color: var(--eal-text-mid) !important;
border: 1px solid var(--eal-border) !important;
padding: 4px 10px !important;
transition: color 0.2s ease, border-color 0.2s ease !important;
}
.eal-single__tag:hover {
color: var(--eal-accent) !important;
border-color: var(--eal-accent-line) !important;
} .eal-single__nav {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 16px;
margin-bottom: 3rem;
padding-top: 2rem;
border-top: 1px solid var(--eal-border);
}
.eal-single__nav-next { text-align: right; }
.eal-single__nav-link {
display: flex;
flex-direction: column;
gap: 6px;
color: var(--eal-text) !important;
transition: opacity 0.2s ease !important;
}
.eal-single__nav-link:hover { opacity: 0.7 !important; }
.eal-single__nav-label {
font-family: var(--font-en) !important;
font-size: 10px !important;
font-weight: 500 !important;
letter-spacing: 0.15em !important;
color: var(--eal-accent) !important;
}
.eal-single__nav-title {
font-size: 12px !important;
line-height: 1.6 !important;
color: var(--eal-text-mid) !important;
} .eal-single__related {
margin-bottom: 2rem;
}
.eal-single__related-title {
font-family: var(--font-en) !important;
font-size: 10px !important;
font-weight: 600 !important;
letter-spacing: 0.2em !important;
text-transform: uppercase !important;
color: var(--eal-accent) !important;
margin-bottom: 1.25rem !important;
padding-bottom: 0.75rem !important;
border-bottom: 1px solid var(--eal-border) !important;
}
.eal-single__related-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 20px;
} @media (max-width: 1024px) {
.eal-single__inner {
grid-template-columns: 1fr;
}
}
@media (max-width: 768px) {
.eal-single { padding: 32px 0 60px; }
.eal-single__inner { padding: 0 20px; gap: 32px; }
.eal-single__related-grid { grid-template-columns: 1fr; gap: 16px; }
.eal-single__nav { grid-template-columns: 1fr; }
.eal-single__nav-next { text-align: left; }
} .eal-toc {
background: var(--eal-bg) !important;
border: 1px solid var(--eal-border) !important;
border-left: 3px solid var(--eal-accent) !important;
padding: 24px 28px !important;
margin: 0 0 2.5rem !important;
}
.eal-toc__title {
font-family: var(--font-en) !important;
font-size: 10px !important;
font-weight: 600 !important;
letter-spacing: 0.2em !important;
text-transform: uppercase !important;
color: var(--eal-accent) !important;
margin-bottom: 1rem !important;
}
.eal-single__content ul li.eal-toc__item {
padding-left: 0 !important;
}
.eal-single__content ul.eal-toc__sub {
margin:0 !important;
}
.eal-toc__list {
list-style: none !important;
padding: 0 !important;
margin: 0 !important;
display: flex !important;
flex-direction: column !important;
gap: 8px !important;
}
.eal-toc__item {
list-style: none !important;
}
.eal-toc__item::before,
.eal-toc__item::marker {
display: none !important;
content: none !important;
}
.eal-toc__item > a {
font-size: 13px !important;
color: var(--eal-text) !important;
line-height: 1.6 !important;
transition: color 0.2s ease !important;
display: flex !important;
gap: 10px !important;
align-items: center !important;
text-decoration: none !important;
}
.eal-toc__item > a:hover { color: var(--eal-accent) !important; }
.eal-toc__num {
font-family: var(--font-num) !important;
font-size: 11px !important;
color: var(--eal-white) !important;
background: var(--eal-dark) !important;
width: 20px !important;
height: 20px !important;
border-radius: 50% !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
flex-shrink: 0 !important;
line-height: 1 !important;
} .eal-toc__item > .eal-toc__sub {
margin-top: 10px !important;
}
.eal-toc__sub {
list-style: none !important;
padding: 0 0 0 30px !important;
margin: 0 !important;
display: flex !important;
flex-direction: column !important;
gap: 8px !important;
}
.eal-toc__sub-item {
list-style: none !important;
}
.eal-toc__sub-item::before,
.eal-toc__sub-item::marker {
display: none !important;
content: none !important;
}
.eal-toc__sub-item a {
font-size: 12px !important;
color: var(--eal-text-mid) !important;
line-height: 1.6 !important;
transition: color 0.2s ease !important;
display: flex !important;
gap: 8px !important;
align-items: center !important;
text-decoration: none !important;
}
.eal-toc__sub-item a:hover { color: var(--eal-accent) !important; }
.eal-toc__sub-num {
font-family: var(--font-num) !important;
font-size: 10px !important;
color: var(--eal-text-light) !important;
flex-shrink: 0 !important;
min-width: 28px !important;
} .eal-breadcrumb {
padding: 6px 0 !important;
margin-bottom: 0.75rem !important;
}
.eal-breadcrumb .rank-math-breadcrumb {
font-size: 11px !important;
color: var(--eal-text-light) !important;
display: flex !important;
flex-wrap: wrap !important;
align-items: center !important;
gap: 4px !important;
}
.eal-breadcrumb .rank-math-breadcrumb a {
color: var(--eal-text-light) !important;
transition: color 0.2s ease !important;
}
.eal-breadcrumb .rank-math-breadcrumb a:hover {
color: var(--eal-accent) !important;
}
.eal-breadcrumb .rank-math-breadcrumb .separator {
color: var(--eal-border) !important;
margin: 0 2px !important;
}  .eal-single__content h2 {
font-size: 19px !important;
font-weight: 500 !important;
color: var(--eal-dark) !important;
margin: 3rem 0 1.25rem !important;
padding: 0.875rem 1.25rem !important;
border-left: 3px solid var(--eal-accent) !important;
background: var(--eal-accent-dim) !important;
line-height: 1.6 !important;
letter-spacing: 0.02em !important;
} .eal-single__content h3 {
font-size: 16px !important;
font-weight: 500 !important;
color: var(--eal-dark) !important;
margin: 2.5rem 0 1rem !important;
padding-bottom: 0.625rem !important;
border-bottom: 2px solid var(--eal-border) !important;
line-height: 1.6 !important;
letter-spacing: 0.02em !important;
position: relative !important;
}
.eal-single__content h3::after {
content: '' !important;
position: absolute !important;
bottom: -2px !important;
left: 0 !important;
width: 40px !important;
height: 2px !important;
background: var(--eal-accent) !important;
} .eal-single__content ul {
list-style: none !important;
margin: 0 0 1.75rem !important;
padding: 0 !important;
display: flex !important;
flex-direction: column !important;
gap: 8px !important;
}
.eal-single__content ul li {
font-size: 14px !important;
line-height: 1.8 !important;
color: var(--eal-text) !important;
padding-left: 1.25rem !important;
position: relative !important;
}
.eal-single__content ul li::before {
content: '' !important;
position: absolute !important;
left: 0 !important;
top: 0.65em !important;
width: 6px !important;
height: 6px !important;
background: var(--eal-accent) !important;
border-radius: 50% !important;
} .eal-single__content ol {
list-style: none !important;
margin: 0 0 1.75rem !important;
padding: 0 !important;
display: flex !important;
flex-direction: column !important;
gap: 8px !important;
counter-reset: ol-counter !important;
}
.eal-single__content ol li {
font-size: 14px !important;
line-height: 1.8 !important;
color: var(--eal-text) !important;
padding-left: 2rem !important;
position: relative !important;
counter-increment: ol-counter !important;
}
.eal-single__content ol li::before {
content: counter(ol-counter) !important;
position: absolute !important;
left: 0 !important;
top: 0.1em !important;
width: 22px !important;
height: 22px !important;
background: var(--eal-dark) !important;
color: var(--eal-white) !important;
font-family: var(--font-num) !important;
font-size: 11px !important;
border-radius: 50% !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
} .eal-single__content strong {
font-weight: 600 !important;
color: var(--eal-dark) !important;
background: linear-gradient(transparent 60%, rgba(0, 184, 122, 0.2) 60%) !important;
padding: 0 2px !important;
} .eal-single__breadcrumb {
padding: 0 0 1.5rem !important;
} .eal-link-card {
display: flex !important;
flex-direction: column !important;
background: var(--eal-white) !important;
border: 1px solid var(--eal-border) !important;
margin: 1.5rem 0 !important;
color: var(--eal-text) !important;
transition: border-color 0.2s ease, box-shadow 0.2s ease !important;
text-decoration: none !important;
overflow: hidden !important;
}
.eal-link-card:hover {
border-color: var(--eal-accent) !important;
box-shadow: 0 2px 12px rgba(0, 184, 122, 0.08) !important;
opacity: 1 !important;
} .eal-link-card__img {
width: 100% !important;
overflow: hidden !important;
flex-shrink: 0 !important;
line-height: 0 !important;
}
.eal-link-card__img img {
width: 100% !important;
height: auto !important;
display: block !important;
object-fit: cover !important;
}
.eal-link-card__body {
flex: 1 !important;
padding: 14px 16px !important;
min-width: 0 !important;
}
.eal-link-card__meta {
display: flex !important;
align-items: center !important;
gap: 8px !important;
margin-bottom: 6px !important;
flex-wrap: wrap !important;
}
.eal-link-card__cat {
font-family: var(--font-en) !important;
font-size: 9px !important;
font-weight: 500 !important;
letter-spacing: 0.15em !important;
text-transform: uppercase !important;
color: var(--eal-accent) !important;
border: 1px solid var(--eal-accent-line) !important;
padding: 1px 6px !important;
text-decoration: none !important;
}
.eal-link-card__date {
font-family: var(--font-num) !important;
font-size: 11px !important;
color: var(--eal-text-light) !important;
text-decoration: none !important;
}
.eal-link-card__title {
font-size: 14px !important;
font-weight: 500 !important;
line-height: 1.6 !important;
color: var(--eal-dark) !important;
margin-bottom: 6px !important;
text-decoration: none !important;
}
.eal-link-card__desc {
font-size: 12px !important;
color: var(--eal-text-light) !important;
line-height: 1.7 !important;
margin: 0 !important;
text-decoration: none !important;
}
.eal-link-card__arrow {
display: none !important;
}
.eal-link-card__body p.eal-link-card__title {
margin-bottom: 0.4rem !important;
}
.eal-single__content a.eal-link-card {
text-decoration: none !important;
} @media (min-width: 769px) {
.eal-link-card {
flex-direction: row !important;
align-items: stretch !important;
}
.eal-link-card__img {
width: 320px !important;
flex-shrink: 0 !important;
line-height: 0 !important;
}
.eal-link-card__img img {
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
object-position: center !important;
vertical-align: bottom !important;
}
.eal-link-card__body {
padding: 16px 20px !important;
display: flex !important;
flex-direction: column !important;
justify-content: center !important;
}
.eal-link-card__arrow {
display: flex !important;
align-items: center !important;
padding: 0 16px 0 0 !important;
color: var(--eal-text-light) !important;
flex-shrink: 0 !important;
transition: color 0.2s ease, transform 0.2s ease !important;
}
.eal-link-card:hover .eal-link-card__arrow {
color: var(--eal-accent) !important;
transform: translateX(3px) !important;
}
} .eal-sidebar__recent-list,
.eal-sidebar__rank-list {
list-style: none !important;
}
.eal-sidebar__recent-list li,
.eal-sidebar__rank-list li {
list-style: none !important;
}
.eal-sidebar__recent-list li::before,
.eal-sidebar__rank-list li::before {
display: none !important;
content: none !important;
}
.eal-sidebar__recent-link,
.eal-sidebar__rank-link {
text-decoration: none !important;
color: var(--eal-text) !important;
}
.eal-sidebar__recent-img,
.eal-sidebar__rank-img {
width: 80px !important;
height: 80px !important;
min-width: 80px !important;
flex-shrink: 0 !important;
overflow: hidden !important;
}
.eal-sidebar__recent-img img,
.eal-sidebar__rank-img img {
width: 80px !important;
height: 80px !important;
object-fit: cover !important;
display: block !important;
} .eal-single__inner {
align-items: start !important;
}
.eal-sidebar {
position: relative !important;
}
.eal-sidebar__sticky {
position: sticky !important;
top: 80px !important;
}  .eal-sidebar__recent-list {
list-style: none !important;
padding: 0 !important;
margin: 0 !important;
display: flex !important;
flex-direction: column !important;
gap: 12px !important;
}
.eal-sidebar__recent-item {
list-style: none !important;
}
.eal-sidebar__recent-item::before {
display: none !important;
content: none !important;
}
.eal-sidebar__recent-link {
display: flex !important;
gap: 12px !important;
align-items: center !important;
color: var(--eal-text) !important;
text-decoration: none !important;
transition: opacity 0.2s ease !important;
}
.eal-sidebar__recent-link:hover { opacity: 0.7 !important; }
.eal-sidebar__recent-img {
width: 72px !important;
height: 72px !important;
min-width: 72px !important;
flex-shrink: 0 !important;
overflow: hidden !important;
}
.eal-sidebar__recent-img img {
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
display: block !important;
}
.eal-sidebar__recent-img-placeholder {
width: 100% !important;
height: 100% !important;
background: var(--eal-dark) !important;
}
.eal-sidebar__recent-title {
font-size: 12px !important;
line-height: 1.6 !important;
color: var(--eal-text) !important;
flex: 1 !important;
} .eal-sidebar__rank-list {
list-style: none !important;
padding: 0 !important;
margin: 0 !important;
display: flex !important;
flex-direction: column !important;
gap: 0 !important;
}
.eal-sidebar__rank-item {
list-style: none !important;
border-bottom: 1px solid var(--eal-border) !important;
}
.eal-sidebar__rank-item:last-child { border: none !important; }
.eal-sidebar__rank-item::before {
display: none !important;
content: none !important;
}
.eal-sidebar__rank-link {
display: flex !important;
align-items: center !important;
gap: 10px !important;
padding: 10px 0 !important;
color: var(--eal-text) !important;
text-decoration: none !important;
transition: opacity 0.2s ease !important;
}
.eal-sidebar__rank-link:hover { opacity: 0.7 !important; }
.eal-sidebar__rank-num {
font-family: var(--font-num) !important;
font-size: 16px !important;
font-weight: 300 !important;
color: var(--eal-accent) !important;
flex-shrink: 0 !important;
min-width: 20px !important;
text-align: center !important;
line-height: 1 !important;
}
.eal-sidebar__rank-img {
width: 72px !important;
height: 72px !important;
min-width: 72px !important;
flex-shrink: 0 !important;
overflow: hidden !important;
}
.eal-sidebar__rank-img img {
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
display: block !important;
}
.eal-sidebar__rank-img-placeholder {
width: 100% !important;
height: 100% !important;
background: var(--eal-dark) !important;
}
.eal-sidebar__rank-title {
font-size: 12px !important;
line-height: 1.6 !important;
flex: 1 !important;
color: var(--eal-text) !important;
} @media (min-width: 1025px) {
.eal-sidebar__sticky {
position: sticky !important;
top: 80px !important;
display: flex !important;
flex-direction: column !important;
gap: 32px !important;
}
}  .eal-sidebar {
height: 100% !important;
}
.eal-single__inner {
align-items: start !important;
}
@media (min-width: 1025px) {
.eal-sidebar__sticky {
position: sticky !important;
top: 80px !important;
display: flex !important;
flex-direction: column !important;
gap: 32px !important;
}
} .eal-sidebar__recent-img {
width: 100px !important;
height: 100px !important;
min-width: 100px !important;
}
.eal-sidebar__recent-img img {
width: 100px !important;
height: 100px !important;
object-fit: cover !important;
display: block !important;
}
.eal-sidebar__recent-body {
display: flex !important;
flex-direction: column !important;
justify-content: space-between !important;
flex: 1 !important;
min-width: 0 !important;
align-self: stretch !important;
}
.eal-sidebar__recent-title {
font-size: 12px !important;
line-height: 1.6 !important;
color: var(--eal-text) !important;
align-self: flex-start !important;
}
.eal-sidebar__recent-date {
font-family: var(--font-num) !important;
font-size: 11px !important;
color: var(--eal-text-light) !important;
margin-top: auto !important;
} .eal-sidebar__rank-img {
width: 100px !important;
height: 100px !important;
min-width: 100px !important;
}
.eal-sidebar__rank-img img {
width: 100px !important;
height: 100px !important;
object-fit: cover !important;
display: block !important;
}
.eal-sidebar__rank-link {
align-items: flex-start !important;
}
.eal-sidebar__rank-title {
font-size: 12px !important;
line-height: 1.6 !important;
color: var(--eal-text) !important;
flex: 1 !important;
align-self: flex-start !important;
} .eal-page {
background: var(--eal-bg);
padding: 48px 0 80px;
}
.eal-page__inner {
max-width: 860px;
margin: 0 auto;
padding: 0 40px;
}
.eal-page__header {
margin-bottom: 2.5rem;
padding-bottom: 2rem;
border-bottom: 1px solid var(--eal-border);
}
.eal-page__title {
font-size: clamp(22px, 3vw, 32px) !important;
font-weight: 400 !important;
line-height: 1.5 !important;
color: var(--eal-dark) !important;
letter-spacing: 0.02em !important;
margin-top: 0.75rem !important;
}
.eal-page__content {
line-height: 2 !important;
} .eal-page__content h2 {
font-size: 19px !important;
font-weight: 500 !important;
color: var(--eal-dark) !important;
margin: 3rem 0 1.25rem !important;
padding: 0.875rem 1.25rem !important;
border-left: 3px solid var(--eal-accent) !important;
background: var(--eal-accent-dim) !important;
line-height: 1.6 !important;
}
.eal-page__content h3 {
font-size: 16px !important;
font-weight: 500 !important;
color: var(--eal-dark) !important;
margin: 2.5rem 0 1rem !important;
padding-bottom: 0.625rem !important;
border-bottom: 2px solid var(--eal-border) !important;
line-height: 1.6 !important;
position: relative !important;
}
.eal-page__content h3::after {
content: '' !important;
position: absolute !important;
bottom: -2px !important;
left: 0 !important;
width: 40px !important;
height: 2px !important;
background: var(--eal-accent) !important;
}
.eal-page__content p {
font-size: 14px !important;
line-height: 2 !important;
margin-bottom: 1.5rem !important;
color: var(--eal-text) !important;
}
.eal-page__content ul {
list-style: none !important;
margin: 0 0 1.75rem !important;
padding: 0 !important;
display: flex !important;
flex-direction: column !important;
gap: 8px !important;
}
.eal-page__content ul:not(.wishlist_table) li {
font-size: 14px !important;
line-height: 1.8 !important;
padding-left: 1.25rem !important;
position: relative !important;
}
.eal-page__content ul:not(.wishlist_table) li::before {
content: '' !important;
position: absolute !important;
left: 0 !important;
top: 0.65em !important;
width: 6px !important;
height: 6px !important;
background: var(--eal-accent) !important;
border-radius: 50% !important;
}
.eal-page__content ol {
list-style: none !important;
margin: 0 0 1.75rem !important;
padding: 0 !important;
display: flex !important;
flex-direction: column !important;
gap: 8px !important;
counter-reset: ol-counter !important;
}
.eal-page__content ol li {
font-size: 14px !important;
line-height: 1.8 !important;
padding-left: 2rem !important;
position: relative !important;
counter-increment: ol-counter !important;
}
.eal-page__content ol li:not(.smf-progress-tracker__item)::before {
content: counter(ol-counter) !important;
position: absolute !important;
left: 0 !important;
top: 0.1em !important;
width: 22px !important;
height: 22px !important;
background: var(--eal-dark) !important;
color: var(--eal-white) !important;
font-family: var(--font-num) !important;
font-size: 11px !important;
border-radius: 50% !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
} .eal-page__content ol.smf-progress-tracker,
.eal-page__content .smf-progress-tracker {
all: revert !important;
display: flex !important;
flex-direction: row !important;
list-style: none !important;
padding: 0 !important;
margin: 0 0 2rem !important;
}
.eal-page__content .smf-progress-tracker__item {
all: revert !important;
flex: 1 !important;
display: flex !important;
flex-direction: column !important;
align-items: center !important;
padding-left: 0 !important;
}
.eal-page__content .smf-progress-tracker__item::before {
all: revert !important;
display: none !important;
content: none !important;
}
.smf-progress-tracker__item {
display: flex !important;
flex-direction: column !important;
align-items: center !important;
padding-left: 0 !important;
position: relative !important;
flex: 1 !important;
}
.eal-page__content a {
color: var(--eal-accent) !important;
text-decoration: underline !important;
}
.eal-page__content table {
width: 100% !important;
border-collapse: collapse !important;
margin-bottom: 1.5rem !important;
font-size: 13px !important;
}
.eal-page__content th {
background: var(--eal-dark) !important;
color: var(--eal-white) !important;
padding: 10px 16px !important;
text-align: left !important;
font-weight: 500 !important;
}
.eal-page__content td {
padding: 10px 16px !important;
border-bottom: 1px solid var(--eal-border) !important;
}
.eal-page__content tr:nth-child(even) td {
background: var(--eal-bg) !important;
}
.eal-page__content strong {
font-weight: 600 !important;
color: var(--eal-dark) !important;
}
@media (max-width: 768px) {
.eal-page { padding: 32px 0 60px; }
.eal-page__inner { padding: 0 20px; }
} .eal-404 {
background: var(--eal-bg);
padding: 80px 0;
min-height: calc(100vh - 64px);
display: flex;
align-items: center;
}
.eal-404__inner {
max-width: 800px;
margin: 0 auto;
padding: 0 40px;
width: 100%;
}
.eal-404__content {
text-align: center;
margin-bottom: 4rem;
padding-bottom: 4rem;
border-bottom: 1px solid var(--eal-border);
}
.eal-404__code {
font-family: var(--font-num) !important;
font-size: clamp(80px, 15vw, 140px) !important;
font-weight: 300 !important;
color: var(--eal-border) !important;
line-height: 1 !important;
margin-bottom: 0 !important;
letter-spacing: -0.02em !important;
}
.eal-404__title {
font-size: clamp(18px, 2.5vw, 24px) !important;
font-weight: 400 !important;
color: var(--eal-dark) !important;
margin-bottom: 1rem !important;
line-height: 1.5 !important;
}
.eal-404__desc {
font-size: 13px !important;
color: var(--eal-text-mid) !important;
line-height: 2 !important;
margin-bottom: 2rem !important;
}
.eal-404__actions {
display: flex;
gap: 12px;
justify-content: center;
flex-wrap: wrap;
}
.eal-404__suggest-title {
font-family: var(--font-en) !important;
font-size: 10px !important;
font-weight: 600 !important;
letter-spacing: 0.2em !important;
text-transform: uppercase !important;
color: var(--eal-accent) !important;
margin-bottom: 1.25rem !important;
padding-bottom: 0.75rem !important;
border-bottom: 1px solid var(--eal-border) !important;
}
.eal-404__list {
list-style: none !important;
padding: 0 !important;
margin: 0 !important;
}
.eal-404__list-item {
border-bottom: 1px solid var(--eal-border) !important;
list-style: none !important;
}
.eal-404__list-item:last-child { border: none !important; }
.eal-404__list-item::before { display: none !important; content: none !important; }
.eal-404__list-link {
display: flex !important;
align-items: center !important;
gap: 16px !important;
padding: 14px 0 !important;
color: var(--eal-text) !important;
text-decoration: none !important;
transition: opacity 0.2s ease !important;
}
.eal-404__list-link:hover { opacity: 0.7 !important; }
.eal-404__list-num {
font-family: var(--font-num) !important;
font-size: 20px !important;
font-weight: 300 !important;
color: var(--eal-accent) !important;
flex-shrink: 0 !important;
min-width: 24px !important;
line-height: 1 !important;
}
.eal-404__list-title {
font-size: 13px !important;
line-height: 1.6 !important;
color: var(--eal-text) !important;
}
@media (max-width: 768px) {
.eal-404 { padding: 48px 0; }
.eal-404__inner { padding: 0 20px; }
} .eal-archive {
background: var(--eal-bg);
padding: 48px 0 80px;
}
.eal-archive__inner {
max-width: 1200px;
margin: 0 auto;
padding: 0 40px;
display: grid;
grid-template-columns: 1fr 320px;
gap: 48px;
align-items: start;
} .eal-archive__header {
margin-bottom: 2rem;
}
.eal-archive__title {
font-family: var(--font-en) !important;
font-size: clamp(24px, 3vw, 36px) !important;
font-weight: 300 !important;
color: var(--eal-dark) !important;
letter-spacing: 0.05em !important;
margin-bottom: 0.5rem !important;
margin-top: 0.75rem !important;
}
.eal-archive__desc {
font-size: 13px !important;
color: var(--eal-text-mid) !important;
line-height: 2 !important;
} .eal-archive__filter {
display: flex;
flex-wrap: wrap;
gap: 8px;
margin-bottom: 2rem;
padding-bottom: 2rem;
border-bottom: 1px solid var(--eal-border);
}
.eal-archive__filter-btn {
font-family: var(--font-en) !important;
font-size: 11px !important;
font-weight: 500 !important;
letter-spacing: 0.1em !important;
color: var(--eal-text-mid) !important;
border: 1px solid var(--eal-border) !important;
padding: 6px 14px !important;
transition: all 0.2s ease !important;
text-decoration: none !important;
}
.eal-archive__filter-btn:hover,
.eal-archive__filter-btn.is-active {
color: var(--eal-white) !important;
background: var(--eal-dark) !important;
border-color: var(--eal-dark) !important;
opacity: 1 !important;
} .eal-archive__grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 24px;
margin-bottom: 3rem;
}
.eal-archive__card {
display: block !important;
background: var(--eal-white) !important;
border: 1px solid var(--eal-border) !important;
color: var(--eal-text) !important;
text-decoration: none !important;
transition: border-color 0.3s ease, box-shadow 0.3s ease !important;
}
.eal-archive__card:hover {
border-color: var(--eal-accent) !important;
box-shadow: 0 4px 20px rgba(0, 184, 122, 0.08) !important;
opacity: 1 !important;
}
.eal-archive__card-img {
aspect-ratio: 16/9;
overflow: hidden;
}
.eal-archive__card-img img {
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
display: block !important;
transition: transform 0.6s ease !important;
}
.eal-archive__card:hover .eal-archive__card-img img {
transform: scale(1.04) !important;
}
.eal-archive__card-img-placeholder {
width: 100% !important;
height: 100% !important;
background: linear-gradient(135deg, var(--eal-dark) 0%, var(--eal-dark-mid) 100%) !important;
position: relative !important;
}
.eal-archive__card-img-placeholder::after {
content: 'EA-Lab' !important;
position: absolute !important;
top: 50% !important;
left: 50% !important;
transform: translate(-50%, -50%) !important;
font-family: var(--font-en) !important;
font-size: 16px !important;
font-weight: 300 !important;
color: rgba(255, 255, 255, 0.3) !important;
letter-spacing: 0.2em !important;
}
.eal-archive__card-body {
padding: 20px;
}
.eal-archive__card-meta {
display: flex;
align-items: center;
gap: 10px;
margin-bottom: 8px;
flex-wrap: wrap;
}
.eal-archive__card-cat {
font-family: var(--font-en) !important;
font-size: 10px !important;
font-weight: 500 !important;
letter-spacing: 0.15em !important;
text-transform: uppercase !important;
color: var(--eal-accent) !important;
border: 1px solid var(--eal-accent-line) !important;
padding: 2px 8px !important;
}
.eal-archive__card-date {
font-family: var(--font-num) !important;
font-size: 11px !important;
color: var(--eal-text-light) !important;
}
.eal-archive__card-title {
font-size: 15px !important;
font-weight: 500 !important;
line-height: 1.6 !important;
color: var(--eal-dark) !important;
margin-bottom: 8px !important;
}
.eal-archive__card-excerpt {
font-size: 12px !important;
color: var(--eal-text-mid) !important;
line-height: 1.8 !important;
margin: 0 !important;
} .eal-archive__pagination .page-numbers {
display: flex !important;
gap: 8px !important;
list-style: none !important;
padding: 0 !important;
margin: 0 !important;
justify-content: center !important;
}
.eal-archive__pagination .page-numbers li {
list-style: none !important;
}
.eal-archive__pagination .page-numbers li::before {
display: none !important;
content: none !important;
}
.eal-archive__pagination .page-numbers a,
.eal-archive__pagination .page-numbers span {
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 40px !important;
height: 40px !important;
font-family: var(--font-num) !important;
font-size: 13px !important;
color: var(--eal-text-mid) !important;
border: 1px solid var(--eal-border) !important;
text-decoration: none !important;
transition: all 0.2s ease !important;
}
.eal-archive__pagination .page-numbers a:hover {
color: var(--eal-white) !important;
background: var(--eal-dark) !important;
border-color: var(--eal-dark) !important;
}
.eal-archive__pagination .page-numbers .current {
color: var(--eal-white) !important;
background: var(--eal-dark) !important;
border-color: var(--eal-dark) !important;
}
.eal-archive__pagination .page-numbers .prev,
.eal-archive__pagination .page-numbers .next {
width: auto !important;
padding: 0 16px !important;
font-size: 11px !important;
letter-spacing: 0.1em !important;
} .eal-archive__empty {
text-align: center;
padding: 60px 0;
color: var(--eal-text-mid);
font-size: 14px;
} @media (max-width: 1024px) {
.eal-archive__inner {
grid-template-columns: 1fr;
}
}
@media (max-width: 768px) {
.eal-archive { padding: 32px 0 60px; }
.eal-archive__inner { padding: 0 20px; gap: 32px; }
.eal-archive__grid { grid-template-columns: 1fr; }
} .eal-archive {
background: var(--eal-bg);
padding: 48px 0 80px;
}
.eal-archive__inner {
max-width: 1200px;
margin: 0 auto;
padding: 0 40px;
display: grid;
grid-template-columns: 1fr 320px;
gap: 48px;
align-items: start;
} .eal-archive__header {
margin-bottom: 2rem;
}
.eal-archive__title {
font-family: var(--font-en) !important;
font-size: clamp(24px, 3vw, 36px) !important;
font-weight: 300 !important;
color: var(--eal-dark) !important;
letter-spacing: 0.05em !important;
margin-bottom: 0.5rem !important;
margin-top: 0.75rem !important;
}
.eal-archive__desc {
font-size: 13px !important;
color: var(--eal-text-mid) !important;
line-height: 2 !important;
} .eal-archive__filter {
display: flex;
flex-wrap: wrap;
gap: 8px;
margin-bottom: 2rem;
padding-bottom: 2rem;
border-bottom: 1px solid var(--eal-border);
}
.eal-archive__filter-btn {
font-family: var(--font-en) !important;
font-size: 11px !important;
font-weight: 500 !important;
letter-spacing: 0.1em !important;
color: var(--eal-text-mid) !important;
border: 1px solid var(--eal-border) !important;
padding: 6px 14px !important;
transition: all 0.2s ease !important;
text-decoration: none !important;
}
.eal-archive__filter-btn:hover,
.eal-archive__filter-btn.is-active {
color: var(--eal-white) !important;
background: var(--eal-dark) !important;
border-color: var(--eal-dark) !important;
opacity: 1 !important;
} .eal-archive__grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 24px;
margin-bottom: 3rem;
}
.eal-archive__card {
display: block !important;
background: var(--eal-white) !important;
border: 1px solid var(--eal-border) !important;
color: var(--eal-text) !important;
text-decoration: none !important;
transition: border-color 0.3s ease, box-shadow 0.3s ease !important;
}
.eal-archive__card:hover {
border-color: var(--eal-accent) !important;
box-shadow: 0 4px 20px rgba(0, 184, 122, 0.08) !important;
opacity: 1 !important;
}
.eal-archive__card-img {
aspect-ratio: 16/9;
overflow: hidden;
}
.eal-archive__card-img img {
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
display: block !important;
transition: transform 0.6s ease !important;
}
.eal-archive__card:hover .eal-archive__card-img img {
transform: scale(1.04) !important;
}
.eal-archive__card-img-placeholder {
width: 100% !important;
height: 100% !important;
background: linear-gradient(135deg, var(--eal-dark) 0%, var(--eal-dark-mid) 100%) !important;
position: relative !important;
}
.eal-archive__card-img-placeholder::after {
content: 'EA-Lab' !important;
position: absolute !important;
top: 50% !important;
left: 50% !important;
transform: translate(-50%, -50%) !important;
font-family: var(--font-en) !important;
font-size: 16px !important;
font-weight: 300 !important;
color: rgba(255, 255, 255, 0.3) !important;
letter-spacing: 0.2em !important;
}
.eal-archive__card-body {
padding: 20px;
}
.eal-archive__card-meta {
display: flex;
align-items: center;
gap: 10px;
margin-bottom: 8px;
flex-wrap: wrap;
}
.eal-archive__card-cat {
font-family: var(--font-en) !important;
font-size: 10px !important;
font-weight: 500 !important;
letter-spacing: 0.15em !important;
text-transform: uppercase !important;
color: var(--eal-accent) !important;
border: 1px solid var(--eal-accent-line) !important;
padding: 2px 8px !important;
}
.eal-archive__card-date {
font-family: var(--font-num) !important;
font-size: 11px !important;
color: var(--eal-text-light) !important;
}
.eal-archive__card-title {
font-size: 15px !important;
font-weight: 500 !important;
line-height: 1.6 !important;
color: var(--eal-dark) !important;
margin-bottom: 8px !important;
}
.eal-archive__card-excerpt {
font-size: 12px !important;
color: var(--eal-text-mid) !important;
line-height: 1.8 !important;
margin: 0 !important;
} .eal-archive__pagination .page-numbers {
display: flex !important;
gap: 8px !important;
list-style: none !important;
padding: 0 !important;
margin: 0 !important;
justify-content: center !important;
}
.eal-archive__pagination .page-numbers li {
list-style: none !important;
}
.eal-archive__pagination .page-numbers li::before {
display: none !important;
content: none !important;
}
.eal-archive__pagination .page-numbers a,
.eal-archive__pagination .page-numbers span {
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 40px !important;
height: 40px !important;
font-family: var(--font-num) !important;
font-size: 13px !important;
color: var(--eal-text-mid) !important;
border: 1px solid var(--eal-border) !important;
text-decoration: none !important;
transition: all 0.2s ease !important;
}
.eal-archive__pagination .page-numbers a:hover {
color: var(--eal-white) !important;
background: var(--eal-dark) !important;
border-color: var(--eal-dark) !important;
}
.eal-archive__pagination .page-numbers .current {
color: var(--eal-white) !important;
background: var(--eal-dark) !important;
border-color: var(--eal-dark) !important;
}
.eal-archive__pagination .page-numbers .prev,
.eal-archive__pagination .page-numbers .next {
width: auto !important;
padding: 0 16px !important;
font-size: 11px !important;
letter-spacing: 0.1em !important;
} .eal-archive__empty {
text-align: center;
padding: 60px 0;
color: var(--eal-text-mid);
font-size: 14px;
} @media (max-width: 1024px) {
.eal-archive__inner {
grid-template-columns: 1fr;
}
}
@media (max-width: 768px) {
.eal-archive { padding: 32px 0 60px; }
.eal-archive__inner { padding: 0 20px; gap: 32px; }
.eal-archive__grid { grid-template-columns: 1fr; }
} .eal-news-archive__list {
list-style: none !important;
padding: 0 !important;
margin: 0 0 3rem !important;
border-top: 1px solid var(--eal-border) !important;
}
.eal-news-archive__item {
border-bottom: 1px solid var(--eal-border) !important;
list-style: none !important;
}
.eal-news-archive__item::before {
display: none !important;
content: none !important;
}
.eal-news-archive__link {
display: flex !important;
align-items: center !important;
gap: 16px !important;
padding: 18px 0 !important;
color: var(--eal-text) !important;
text-decoration: none !important;
transition: opacity 0.2s ease !important;
flex-wrap: wrap !important;
}
.eal-news-archive__link:hover { opacity: 0.6 !important; }
.eal-news-archive__date {
font-family: var(--font-num) !important;
font-size: 12px !important;
color: var(--eal-text-light) !important;
flex-shrink: 0 !important;
white-space: nowrap !important;
}
.eal-news-archive__cat {
font-family: var(--font-en) !important;
font-size: 10px !important;
font-weight: 500 !important;
letter-spacing: 0.15em !important;
text-transform: uppercase !important;
color: var(--eal-accent) !important;
border: 1px solid var(--eal-accent-line) !important;
padding: 2px 8px !important;
flex-shrink: 0 !important;
white-space: nowrap !important;
}
.eal-news-archive__title {
font-size: 14px !important;
line-height: 1.6 !important;
color: var(--eal-text) !important;
} .eal-single__back {
text-align: center !important;
margin-top: 2rem !important;
padding-top: 2rem !important;
border-top: 1px solid var(--eal-border) !important;
}  .eal-about-catch {
text-align: center;
padding: 48px 0 40px;
border-bottom: 1px solid var(--eal-border, #e5e7eb);
margin-bottom: 48px;
}
.eal-about-catch__en {
font-size: 12px;
letter-spacing: .15em;
text-transform: uppercase;
color: var(--eal-accent, #b8962e);
margin-bottom: 12px;
}
.eal-about-catch__ja {
font-size: clamp(1.6rem, 4vw, 2.4rem);
font-weight: 700;
line-height: 1.4;
margin: 0;
} .eal-about-section {
margin-bottom: 48px;
}
.eal-about-section__title {
font-size: 1.15rem;
font-weight: 700;
border-left: 3px solid var(--eal-accent, #b8962e);
padding-left: 12px;
margin-bottom: 16px;
}
.eal-about-section p {
line-height: 1.85;
margin-bottom: 12px;
}
.eal-about-section p:last-child {
margin-bottom: 0;
} .eal-about-profile {
display: grid;
grid-template-columns: 260px 1fr;
gap: 40px;
align-items: start;
margin-bottom: 56px;
padding: 40px;
background: var(--eal-surface, #f9fafb);
border-radius: 8px;
}
@media (max-width: 640px) {
.eal-about-profile {
grid-template-columns: 1fr;
padding: 24px;
gap: 24px;
}
} .eal-about-profile__img-wrap {
width: 100%;
aspect-ratio: 1 / 1;
border-radius: 8px;
overflow: hidden;
}
.eal-about-profile__img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center top;
display: block;
} .eal-about-profile__icon-wrap {
display: flex;
align-items: center;
gap: 14px;
margin-bottom: 20px;
}
.eal-about-profile__icon {
width: 64px;
height: 64px;
border-radius: 50%;
border: 2px solid var(--eal-border, #e5e7eb);
flex-shrink: 0;
}
.eal-about-profile__name {
font-size: 1.1rem;
font-weight: 700;
margin: 0 0 2px;
}
.eal-about-profile__role {
font-size: .8rem;
color: var(--eal-muted, #6b7280);
margin: 0;
}
.eal-about-profile__body p {
line-height: 1.85;
margin-bottom: 12px;
font-size: .95rem;
}
.eal-about-profile__body p:last-child {
margin-bottom: 0;
} .eal-about-vision {
background: var(--eal-fg, #111);
color: #fff;
border-radius: 8px;
padding: 40px;
margin-bottom: 48px;
text-align: center;
}
.eal-page__content p.eal-about-vision__label {
font-size: 11px;
letter-spacing: .18em;
text-transform: uppercase;
color: #b8962e !important;
margin-bottom: 24px;
}
.eal-about-vision__list {
list-style: none;
padding: 0;
margin: 0 0 28px;
display: flex;
flex-direction: column;
gap: 12px;
}
.eal-about-vision__list li {
font-size: .95rem;
line-height: 1.6;
padding-left: 20px;
position: relative;
text-align: left;
max-width: 480px;
margin: 0 auto;
}
.eal-about-vision__list li::before {
content: '';
position: absolute;
left: 0;
top: .65em;
width: 8px;
height: 1px;
background: var(--eal-accent, #b8962e);
}
.eal-page__content p.eal-about-vision__tagline {
font-size: .9rem;
color: #fff !important;
margin: 0;
letter-spacing: .05em;
} .eal-about-cta {
text-align: center;
padding: 48px 0 16px;
}
.eal-about-cta__text {
font-size: .9rem;
color: var(--eal-muted, #6b7280);
margin-bottom: 16px;
}
.ast-single-post .entry-content a.eal-about-cta__btn {
display: inline-block;
padding: 14px 40px;
background: var(--eal-accent, #b8962e);
color: #fff !important;
font-size: .95rem;
font-weight: 600;
border-radius: 4px;
text-decoration: none;
letter-spacing: .04em;
transition: opacity .2s;
text-decoration: none !important;
}
.eal-about-cta__btn:hover {
opacity: .85;
color: #fff;
} .eal-guide-lead {
font-size: .95rem;
line-height: 1.85;
color: #6b7280;
margin-bottom: 40px;
padding-bottom: 32px;
border-bottom: 1px solid #e5e7eb;
} .eal-guide-toc {
background: #f9fafb;
border-radius: 6px;
padding: 24px 28px;
margin-bottom: 48px;
}
.eal-guide-toc__title {
font-size: .8rem;
font-weight: 700;
letter-spacing: .1em;
text-transform: uppercase;
color: #6b7280;
margin-bottom: 12px;
}
.eal-guide-toc__list {
margin: 0;
padding-left: 20px;
display: flex;
flex-direction: column;
gap: 8px;
}
.eal-guide-toc__list li {
font-size: .9rem;
}
.eal-guide-toc__list a {
color: inherit;
text-decoration: none;
}
.eal-guide-toc__list a:hover {
color: #b8962e;
} .eal-guide-section {
margin-bottom: 56px;
padding-bottom: 56px;
border-bottom: 1px solid #e5e7eb;
}
.eal-guide-section:last-of-type {
border-bottom: none;
}
.eal-guide-section__title {
font-size: 1.2rem;
font-weight: 700;
border-left: 3px solid #b8962e;
padding-left: 12px;
margin-bottom: 24px;
}
.eal-guide-section__sub {
font-size: 1rem;
font-weight: 700;
margin: 24px 0 12px;
}
.eal-guide-section p {
line-height: 1.85;
margin-bottom: 12px;
} .eal-guide-ol {
padding-left: 20px;
display: flex;
flex-direction: column;
gap: 8px;
margin-bottom: 12px;
}
.eal-guide-ol li {
line-height: 1.7;
font-size: .95rem;
} .eal-guide-note {
font-size: .85rem;
color: #6b7280;
margin-top: 8px;
} .eal-guide-table-wrap {
overflow-x: auto;
margin-bottom: 12px;
}
.eal-guide-table {
width: 100%;
border-collapse: collapse;
font-size: .9rem;
}
.eal-guide-table th,
.eal-guide-table td {
padding: 12px 16px;
border: 1px solid #e5e7eb;
text-align: left;
}
.eal-guide-table th {
background: #f9fafb;
font-weight: 700;
font-size: .85rem;
}
.eal-guide-table tr:nth-child(even) td {
background: #fafafa;
} .eal-guide-faq {
display: flex;
flex-direction: column;
gap: 0;
}
.eal-guide-faq__item {
padding: 20px 0;
border-bottom: 1px solid #e5e7eb;
}
.eal-guide-faq__item:first-child {
border-top: 1px solid #e5e7eb;
}
.eal-guide-faq__q {
font-weight: 700;
font-size: .95rem;
margin-bottom: 8px;
padding-left: 24px;
position: relative;
}
.eal-guide-faq__q::before {
content: 'Q';
position: absolute;
left: 0;
color: #b8962e;
font-weight: 700;
}
.eal-guide-faq__a {
font-size: .9rem;
line-height: 1.75;
color: #374151;
padding-left: 24px;
position: relative;
margin: 0;
}
.eal-guide-faq__a::before {
content: 'A';
position: absolute;
left: 0;
color: #6b7280;
font-weight: 700;
} .smf-progress-tracker__item--input::after,
.smf-progress-tracker__item--confirm::after {
content: '' !important;
display: block !important;
position: absolute !important;
top: 12px !important;
left: 50% !important;
width: 100% !important;
height: 1px !important;
background: #ddd !important;
z-index: 0 !important;
}
.eal-page__content .smf-progress-tracker__item {
position: relative !important;
} .eal-law-table {
width: 100% !important;
border-collapse: collapse !important;
font-size: 14px !important;
}
.eal-law-table th,
.eal-law-table td {
padding: 14px 16px !important;
border: 1px solid var(--eal-border) !important;
text-align: left !important;
vertical-align: top !important;
line-height: 1.8 !important;
}
.eal-law-table th {
background: var(--eal-bg) !important;
color: var(--eal-text) !important;
font-weight: 500 !important;
width: 200px !important;
white-space: nowrap !important;
}
.eal-law-table td {
background: var(--eal-white) !important;
color: var(--eal-text) !important;
}
@media (max-width: 640px) {
.eal-law-table,
.eal-law-table tbody,
.eal-law-table tr,
.eal-law-table th,
.eal-law-table td {
display: block !important;
width: 100% !important;
white-space: normal !important;
border: none !important;
}
.eal-law-table tr {
border-bottom: 1px solid var(--eal-border) !important;
padding: 14px 0 !important;
}
.eal-law-table tr:first-child {
border-top: 1px solid var(--eal-border) !important;
}
.eal-law-table th {
background: transparent !important;
font-size: 11px !important;
color: var(--eal-text-light) !important;
padding: 0 0 4px !important;
font-weight: 500 !important;
}
.eal-law-table td {
background: transparent !important;
padding: 0 !important;
font-size: 14px !important;
color: var(--eal-text) !important;
}
}
@media (max-width: 640px) {
.eal-law-table tr:nth-child(even) td {
background: transparent !important;
}
} .eal-header__mobile-menu {
display: block !important;
opacity: 0 !important;
transform: translateY(-8px) !important;
transition: opacity 0.25s ease, transform 0.25s ease !important;
pointer-events: none !important;
}
.eal-header__mobile-menu.is-open {
display: block !important;
} .eal-header__menu > li > .sub-menu {
left: 0 !important;
min-width: 200px !important;
} .eal-header__menu > li > .sub-menu {
left: -8px !important;
min-width: 200px !important;
} .eal-header__mobile-menu {
position: fixed !important;
top: 64px !important;
left: 0 !important;
right: 0 !important;
bottom: 0 !important;
height: calc(100svh - 64px) !important;
overflow-y: auto !important;
-webkit-overflow-scrolling: touch !important;
background: rgba(13, 31, 53, 0.98) !important;
}
.eal-header__mobile-nav > li > a {
color: rgba(255, 255, 255, 0.8) !important;
}
.eal-header__mobile-nav .sub-menu {
list-style: none !important;
padding: 0 0 0 16px !important;
margin: 0 !important;
}
.eal-header__mobile-nav .sub-menu li a {
display: block !important;
padding: 8px 0 !important;
font-size: 12px !important;
color: rgba(255, 255, 255, 0.5) !important;
border-bottom: 1px solid rgba(255, 255, 255, 0.05) !important;
letter-spacing: 0.05em !important;
}
.eal-header__menu > li > a {
text-transform: none !important;
} .eal-faq-page {
margin-top: 8px;
} .eal-faq-tabs {
display: flex;
gap: 8px;
flex-wrap: wrap;
margin-bottom: 32px;
border-bottom: 2px solid var(--eal-border);
padding-bottom: 0;
}
.eal-faq-tab {
background: none !important;
border: none !important;
border-bottom: 2px solid transparent !important;
margin-bottom: -2px !important;
padding: 10px 20px !important;
font-size: 13px !important;
font-weight: 500 !important;
color: var(--eal-text-mid) !important;
cursor: pointer !important;
transition: color 0.2s ease, border-color 0.2s ease !important;
letter-spacing: 0.03em !important;
border-radius: 0 !important;
box-shadow: none !important;
}
.eal-faq-tab:hover {
color: var(--eal-dark) !important;
}
.eal-faq-tab.is-active {
color: var(--eal-accent) !important;
border-bottom-color: var(--eal-accent) !important;
} .eal-faq-panel {
display: none;
}
.eal-faq-panel.is-active {
display: block;
}
@media (max-width: 640px) {
.eal-faq-tab {
padding: 8px 14px !important;
font-size: 12px !important;
}
}  .eal-header__mobile-menu {
opacity: 0 !important;
transform: translateY(-8px) !important;
transition: opacity 0.25s ease, transform 0.25s ease !important;
pointer-events: none !important;
}
.eal-header__mobile-menu.is-open {
opacity: 1 !important;
transform: translateY(0) !important;
pointer-events: auto !important;
} .eal-header__mobile-nav > li > a {
font-size: 15px !important;
padding: 14px 0 !important;
letter-spacing: 0.05em !important;
}
.eal-header__mobile-nav .sub-menu li a {
font-size: 13px !important;
padding: 10px 0 !important;
}  .yith-wcwl-wishlist-wrapper .wishlist-title-container,
.yith-wcwl-wishlist-wrapper nav,
.yith-wcwl-wishlist-wrapper .yith-wcwl-wishlist-footer {
display: none !important;
} table.wishlist_table {
border-collapse: collapse !important;
width: 100% !important;
border: 1px solid var(--eal-border) !important;
background: var(--eal-white) !important;
font-size: 14px !important;
} table.wishlist_table thead th {
background: var(--eal-bg) !important;
color: var(--eal-text-mid) !important;
font-size: 11px !important;
font-weight: 600 !important;
letter-spacing: 0.1em !important;
text-transform: uppercase !important;
padding: 12px 16px !important;
border-bottom: 1px solid var(--eal-border) !important;
border-top: none !important;
font-family: var(--font-en) !important;
} table.wishlist_table tbody tr {
border-bottom: 1px solid var(--eal-border) !important;
background: var(--eal-white) !important;
}
table.wishlist_table tbody tr:last-child {
border-bottom: none !important;
} table.wishlist_table tbody td {
padding: 20px 16px !important;
vertical-align: middle !important;
background: var(--eal-white) !important;
border: none !important;
color: var(--eal-text) !important;
} table.wishlist_table .product-remove a {
color: var(--eal-text-light) !important;
font-size: 18px !important;
line-height: 1 !important;
transition: color 0.2s ease !important;
text-decoration: none !important;
}
table.wishlist_table .product-remove a:hover {
color: var(--eal-text) !important;
} table.wishlist_table .product-thumbnail img {
width: 64px !important;
height: 64px !important;
object-fit: cover !important;
border-radius: 4px !important;
display: block !important;
} table.wishlist_table .product-name a {
font-size: 14px !important;
font-weight: 500 !important;
color: var(--eal-dark) !important;
text-decoration: none !important;
transition: color 0.2s ease !important;
}
table.wishlist_table .product-name a:hover {
color: var(--eal-accent) !important;
} table.wishlist_table .product-price .amount {
font-family: var(--font-num) !important;
font-size: 15px !important;
font-weight: 500 !important;
color: var(--eal-dark) !important;
} table.wishlist_table .product-stock-status .wishlist-in-stock {
font-size: 12px !important;
color: var(--eal-accent) !important;
} table.wishlist_table .product-add-to-cart a {
display: inline-block !important;
padding: 10px 20px !important;
background: var(--eal-dark) !important;
color: var(--eal-white) !important;
font-size: 12px !important;
font-weight: 600 !important;
letter-spacing: 0.1em !important;
text-transform: uppercase !important;
font-family: var(--font-en) !important;
border-radius: 0 !important;
border: none !important;
text-decoration: none !important;
transition: background 0.2s ease !important;
white-space: nowrap !important;
}
table.wishlist_table .product-add-to-cart a:hover {
background: var(--eal-accent) !important;
color: var(--eal-white) !important;
opacity: 1 !important;
} @media (max-width: 640px) {
table.wishlist_table thead {
display: none !important;
}
table.wishlist_table,
table.wishlist_table tbody,
table.wishlist_table tr,
table.wishlist_table td {
display: block !important;
width: 100% !important;
}
table.wishlist_table tr {
padding: 16px 0 !important;
border-bottom: 1px solid var(--eal-border) !important;
position: relative !important;
}
table.wishlist_table td {
padding: 4px 16px !important;
}
table.wishlist_table .product-remove {
position: absolute !important;
top: 16px !important;
right: 16px !important;
width: auto !important;
}
table.wishlist_table .product-thumbnail {
display: none !important;
}
table.wishlist_table .product-add-to-cart {
padding-top: 12px !important;
}
table.wishlist_table .product-add-to-cart a {
width: 100% !important;
text-align: center !important;
display: block !important;
}
} .wishlist-title-container,
.yith-wcwl-edit-wishlist,
.wishlist_table .wishlist-name-container {
display: none !important;
} table.wishlist_table td.product-thumbnail {
width: 120px !important;
padding: 12px 16px !important;
}
table.wishlist_table td.product-thumbnail img {
width: 88px !important;
height: 88px !important;
object-fit: cover !important;
display: block !important;
}
@media (max-width: 640px) {
table.wishlist_table:not(.mobile) { display: none !important; }
ul.wishlist_table.mobile {
list-style: none !important;
padding: 0 !important;
margin: 0 !important;
display: grid !important;
grid-template-columns: 1fr 1fr !important;
gap: 16px !important;
}
ul.wishlist_table.mobile > li {
display: flex !important;
flex-direction: column !important;
background: var(--eal-white) !important;
border: 1px solid var(--eal-border) !important;
list-style: none !important;
padding: 0 !important;
position: relative !important;
}
ul.wishlist_table.mobile > li::before {
display: none !important;
content: none !important;
} ul.wishlist_table.mobile .product-remove {
position: absolute !important;
top: 8px !important;
right: 8px !important;
z-index: 1 !important;
}
ul.wishlist_table.mobile .product-remove a {
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 24px !important;
height: 24px !important;
background: rgba(0,0,0,0.4) !important;
border-radius: 50% !important;
color: #fff !important;
text-decoration: none !important;
font-size: 12px !important;
line-height: 1 !important;
}
ul.wishlist_table.mobile .product-remove a .fa {
display: none !important;
}
ul.wishlist_table.mobile .product-remove a::before {
content: '×' !important;
} ul.wishlist_table.mobile .item-wrapper {
display: block !important;
}
ul.wishlist_table.mobile .additional-info-wrapper {
display: block !important;
padding: 0 10px 10px !important;
} ul.wishlist_table.mobile .product-thumbnail {
width: 100% !important;
}
ul.wishlist_table.mobile .product-thumbnail img {
width: 100% !important;
height: 120px !important;
object-fit: cover !important;
display: block !important;
} ul.wishlist_table.mobile .item-details {
padding: 8px 10px 4px !important;
}
ul.wishlist_table.mobile .product-name h3 {
font-size: 12px !important;
font-weight: 600 !important;
color: var(--eal-dark) !important;
border: none !important;
background: none !important;
padding: 0 !important;
margin: 0 0 4px !important;
line-height: 1.4 !important;
}
ul.wishlist_table.mobile .product-name h3::after {
display: none !important;
} ul.wishlist_table.mobile .woocommerce-Price-amount {
font-size: 13px !important;
font-weight: 600 !important;
color: var(--eal-dark) !important;
font-family: var(--font-num) !important;
} ul.wishlist_table.mobile .item-details-table,
ul.wishlist_table.mobile table.additional-info {
display: none !important;
} ul.wishlist_table.mobile .product-add-to-cart {
padding: 0 10px 10px !important;
}
ul.wishlist_table.mobile .product-add-to-cart a {
display: block !important;
width: 100% !important;
text-align: center !important;
padding: 8px !important;
background: var(--eal-dark) !important;
color: var(--eal-white) !important;
font-size: 11px !important;
font-weight: 600 !important;
letter-spacing: 0.08em !important;
text-decoration: none !important;
box-sizing: border-box !important;
border-radius: 0 !important;
}
ul.wishlist_table.mobile .product-add-to-cart a:hover {
background: var(--eal-accent) !important;
}
}
@media (max-width: 640px) { ul.wishlist_table.mobile .item-details-table {
display: table !important;
width: 100% !important;
font-size: 12px !important;
margin-top: 4px !important;
}
ul.wishlist_table.mobile .item-details-table td {
padding: 2px 0 !important;
border: none !important;
} ul.wishlist_table.mobile table.additional-info {
display: table !important;
width: 100% !important;
font-size: 11px !important;
}
ul.wishlist_table.mobile table.additional-info td {
padding: 2px 0 !important;
border: none !important;
color: var(--eal-accent) !important;
}
}
@media (max-width: 640px) { ul.wishlist_table.mobile .product-name a {
color: var(--eal-dark) !important;
text-decoration: none !important;
}
ul.wishlist_table.mobile .product-name a::after {
display: none !important;
} ul.wishlist_table.mobile .item-details-table td,
ul.wishlist_table.mobile table.additional-info td {
border: none !important;
outline: none !important;
box-shadow: none !important;
background: transparent !important;
}
ul.wishlist_table.mobile .item-details-table,
ul.wishlist_table.mobile table.additional-info {
border: none !important;
outline: none !important;
box-shadow: none !important;
}
}
@media (max-width: 640px) {
ul.wishlist_table.mobile .item-details-table {
margin-bottom: 2px !important;
}
ul.wishlist_table.mobile table.additional-info {
margin-top: 0 !important;
}
} .woocommerce-message {
background: var(--eal-white) !important;
border-top: 3px solid var(--eal-accent) !important;
border-radius: 0 !important;
padding: 16px 20px !important;
font-size: 13px !important;
color: var(--eal-text) !important;
display: flex !important;
align-items: center !important;
gap: 16px !important;
box-shadow: 0 2px 12px rgba(0,0,0,0.08) !important;
}
.woocommerce-message a.button.wc-forward {
background: var(--eal-dark) !important;
color: var(--eal-white) !important;
font-family: var(--font-en) !important;
font-size: 11px !important;
font-weight: 600 !important;
letter-spacing: 0.1em !important;
padding: 8px 20px !important;
border-radius: 0 !important;
text-decoration: none !important;
white-space: nowrap !important;
order: 2 !important;
margin-left: auto !important;
}
.woocommerce-message a.button.wc-forward:hover {
background: var(--eal-accent) !important;
color: var(--eal-white) !important;
} .woocommerce-error {
background: var(--eal-white) !important;
border-top: 3px solid #e53e3e !important;
border-radius: 0 !important;
padding: 16px 20px !important;
font-size: 13px !important;
color: var(--eal-text) !important;
display: flex !important;
align-items: center !important;
gap: 16px !important;
box-shadow: 0 2px 12px rgba(0,0,0,0.08) !important;
list-style: none !important;
}
.woocommerce-error li {
display: flex !important;
align-items: center !important;
width: 100% !important;
gap: 16px !important;
}
.woocommerce-error li::before {
display: none !important;
}
.woocommerce-error a.button.wc-forward {
background: var(--eal-dark) !important;
color: var(--eal-white) !important;
font-family: var(--font-en) !important;
font-size: 11px !important;
font-weight: 600 !important;
letter-spacing: 0.1em !important;
padding: 8px 20px !important;
border-radius: 0 !important;
text-decoration: none !important;
white-space: nowrap !important;
margin-left: auto !important;
}
.woocommerce-error a.button.wc-forward:hover {
background: var(--eal-accent) !important;
color: var(--eal-white) !important;
}  .woocommerce-cart table.shop_table {
border-collapse: collapse !important;
width: 100% !important;
border: 1px solid var(--eal-border) !important;
font-size: 14px !important;
} .woocommerce-cart table.shop_table thead th {
background: var(--eal-bg) !important;
color: var(--eal-text-mid) !important;
font-size: 11px !important;
font-weight: 600 !important;
letter-spacing: 0.1em !important;
text-transform: uppercase !important;
font-family: var(--font-en) !important;
padding: 12px 16px !important;
border-bottom: 1px solid var(--eal-border) !important;
border-top: none !important;
} .woocommerce-cart table.shop_table tbody td {
padding: 20px 16px !important;
vertical-align: middle !important;
border-top: 1px solid var(--eal-border) !important;
background: var(--eal-white) !important;
} .woocommerce-cart table.shop_table .product-remove a {
color: var(--eal-text-light) !important;
font-size: 20px !important;
font-weight: 300 !important;
text-decoration: none !important;
transition: color 0.2s ease !important;
}
.woocommerce-cart table.shop_table .product-remove a:hover {
color: var(--eal-text) !important;
} .woocommerce-cart table.shop_table .product-thumbnail img {
width: 72px !important;
height: 72px !important;
object-fit: cover !important;
display: block !important;
} .woocommerce-cart table.shop_table .product-name a {
font-size: 14px !important;
font-weight: 500 !important;
color: var(--eal-dark) !important;
text-decoration: none !important;
}
.woocommerce-cart table.shop_table .product-name a:hover {
color: var(--eal-accent) !important;
} .woocommerce-cart table.shop_table .product-price .amount,
.woocommerce-cart table.shop_table .product-subtotal .amount {
font-family: var(--font-num) !important;
font-size: 14px !important;
font-weight: 500 !important;
color: var(--eal-dark) !important;
} .woocommerce-cart table.shop_table .product-quantity input {
width: 60px !important;
text-align: center !important;
border: 1px solid var(--eal-border) !important;
padding: 6px !important;
font-size: 14px !important;
border-radius: 0 !important;
} .woocommerce-cart table.shop_table .actions {
background: var(--eal-bg) !important;
padding: 16px !important;
border-top: 1px solid var(--eal-border) !important;
} .woocommerce-cart .coupon input#coupon_code {
border: 1px solid var(--eal-border) !important;
padding: 10px 14px !important;
font-size: 13px !important;
border-radius: 0 !important;
width: 160px !important;
} .woocommerce-cart .coupon button[name="apply_coupon"] {
background: var(--eal-dark) !important;
color: var(--eal-white) !important;
font-family: var(--font-en) !important;
font-size: 11px !important;
font-weight: 600 !important;
letter-spacing: 0.1em !important;
padding: 10px 20px !important;
border: none !important;
border-radius: 0 !important;
cursor: pointer !important;
transition: background 0.2s ease !important;
}
.woocommerce-cart .coupon button[name="apply_coupon"]:hover {
background: var(--eal-accent) !important;
} .woocommerce-cart button[name="update_cart"] {
background: transparent !important;
color: var(--eal-text-mid) !important;
font-family: var(--font-en) !important;
font-size: 11px !important;
font-weight: 500 !important;
letter-spacing: 0.1em !important;
padding: 10px 20px !important;
border: 1px solid var(--eal-border) !important;
border-radius: 0 !important;
cursor: pointer !important;
transition: all 0.2s ease !important;
float: right !important;
}
.woocommerce-cart button[name="update_cart"]:hover {
background: var(--eal-dark) !important;
color: var(--eal-white) !important;
border-color: var(--eal-dark) !important;
} .woocommerce-cart .cart_totals {
background: var(--eal-white) !important;
border: 1px solid var(--eal-border) !important;
padding: 28px !important;
}
.woocommerce-cart .cart_totals h2 {
font-size: 14px !important;
font-weight: 600 !important;
color: var(--eal-dark) !important;
margin-bottom: 20px !important;
padding-bottom: 16px !important;
border-bottom: 1px solid var(--eal-border) !important;
letter-spacing: 0.05em !important;
}
.woocommerce-cart .cart_totals table {
width: 100% !important;
border-collapse: collapse !important;
margin-bottom: 20px !important;
}
.woocommerce-cart .cart_totals table th,
.woocommerce-cart .cart_totals table td {
padding: 10px 0 !important;
border-bottom: 1px solid var(--eal-border) !important;
font-size: 13px !important;
background: none !important;
color: var(--eal-text) !important;
}
.woocommerce-cart .cart_totals table th {
font-weight: 500 !important;
color: var(--eal-text-mid) !important;
width: 40% !important;
}
.woocommerce-cart .cart_totals table .order-total th,
.woocommerce-cart .cart_totals table .order-total td {
font-weight: 700 !important;
color: var(--eal-dark) !important;
font-size: 15px !important;
border-bottom: none !important;
}
.woocommerce-cart .cart_totals table .order-total .amount {
font-family: var(--font-num) !important;
} .woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
display: block !important;
width: 100% !important;
text-align: center !important;
padding: 16px !important;
background: var(--eal-dark) !important;
color: var(--eal-white) !important;
font-family: var(--font-en) !important;
font-size: 13px !important;
font-weight: 600 !important;
letter-spacing: 0.1em !important;
text-transform: uppercase !important;
text-decoration: none !important;
border-radius: 0 !important;
transition: background 0.2s ease !important;
box-sizing: border-box !important;
}
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover {
background: var(--eal-accent) !important;
color: var(--eal-white) !important;
opacity: 1 !important;
} @media (max-width: 768px) {
.woocommerce-cart .cart_totals {
padding: 20px !important;
}
.woocommerce-cart table.shop_table thead {
display: none !important;
}
.woocommerce-cart table.shop_table,
.woocommerce-cart table.shop_table tbody,
.woocommerce-cart table.shop_table tr,
.woocommerce-cart table.shop_table td {
display: block !important;
width: 100% !important;
}
.woocommerce-cart table.shop_table tr {
padding: 16px 0 !important;
border-bottom: 1px solid var(--eal-border) !important;
position: relative !important;
}
.woocommerce-cart table.shop_table td {
padding: 4px 16px !important;
border: none !important;
}
.woocommerce-cart table.shop_table .product-remove {
position: absolute !important;
top: 16px !important;
right: 16px !important;
width: auto !important;
}
.woocommerce-cart table.shop_table .actions {
display: flex !important;
flex-direction: column !important;
gap: 12px !important;
}
.woocommerce-cart button[name="update_cart"] {
float: none !important;
width: 100% !important;
}
}
div.cart_totals table.shop_table tbody tr th,
div.cart_totals table.shop_table tbody tr td {
padding: 14px 0 !important;
}
.cart_totals table.shop_table_responsive tr th,
.cart_totals table.shop_table_responsive tr td {
padding: 14px 0 !important;
border-top: 1px solid var(--eal-border) !important;
}
.cart_totals table.shop_table_responsive tr:first-child th,
.cart_totals table.shop_table_responsive tr:first-child td {
border-top: none !important;
}
.cart_totals {
padding: 28px !important;
}
.woocommerce-cart .cart-collaterals .cart_totals {
padding: 28px !important;
}
.woocommerce-cart .cart-collaterals .cart_totals table tr th,
.woocommerce-cart .cart-collaterals .cart_totals table tr td {
padding: 12px 0 !important;
}
.woocommerce-cart .cart-collaterals .cart_totals table tr th,
.woocommerce-cart .cart-collaterals .cart_totals table tr td {
padding: 12px 16px !important;
} .woocommerce-cart table.shop_table .product-quantity::before {
display: none !important;
} @media (max-width: 768px) {
.woocommerce-cart table.shop_table td {
border-top: none !important;
border-bottom: 1px solid var(--eal-border) !important;
}
.woocommerce-cart table.shop_table td:last-child {
border-bottom: none !important;
} .woocommerce-cart .cart_totals table tr th,
.woocommerce-cart .cart_totals table tr td {
border-top: none !important;
border-bottom: 1px solid var(--eal-border) !important;
}
.woocommerce-cart .cart_totals table tr:last-child th,
.woocommerce-cart .cart_totals table tr:last-child td {
border-bottom: none !important;
}
}
@media (max-width: 768px) { .woocommerce-cart table.shop_table .product-quantity {
display: none !important;
} .woocommerce-cart table.shop_table .product-thumbnail {
border-bottom: none !important;
padding-bottom: 0 !important;
} .woocommerce-cart table.shop_table .product-remove {
top: 12px !important;
right: 12px !important;
} .woocommerce-cart table.shop_table .product-remove {
border-bottom: none !important;
} .woocommerce-cart table.shop_table tr {
padding-top: 0 !important;
}
.woocommerce-cart table.shop_table .product-thumbnail {
padding-top: 16px !important;
}
}
@media (max-width: 768px) { .woocommerce-cart table.shop_table .product-thumbnail {
padding-bottom: 16px !important;
} .woocommerce-cart table.shop_table .product-remove {
border-top: none !important;
padding-top: 0 !important;
}
}
@media (max-width: 768px) {
.woocommerce-cart table.shop_table .product-remove {
position: absolute !important;
top: 50% !important;
transform: translateY(-50%) !important;
right: 12px !important;
border: none !important;
padding: 0 !important;
width: auto !important;
background: transparent !important;
}
}
@media (max-width: 768px) {
.woocommerce-cart table.shop_table .product-remove {
position: absolute !important;
top: 16px !important;
right: 12px !important;
border: none !important;
padding: 0 !important;
width: auto !important;
background: transparent !important;
transform: none !important;
}
}  .woocommerce-checkout .woocommerce-info {
border-top: 3px solid var(--eal-accent) !important;
border-left: none !important;
background: var(--eal-white) !important;
color: var(--eal-text) !important;
font-size: 13px !important;
padding: 14px 20px !important;
margin-bottom: 24px !important;
}
.woocommerce-checkout .woocommerce-info::before {
display: none !important;
}
.woocommerce-checkout .woocommerce-info a {
color: var(--eal-accent) !important;
} .woocommerce-checkout h3 {
font-size: 15px !important;
font-weight: 600 !important;
color: var(--eal-dark) !important;
padding-bottom: 12px !important;
border-bottom: 2px solid var(--eal-accent) !important;
margin-bottom: 24px !important;
letter-spacing: 0.02em !important;
} .woocommerce-checkout .woocommerce-billing-fields label,
.woocommerce-checkout .woocommerce-additional-fields label {
font-size: 13px !important;
font-weight: 500 !important;
color: var(--eal-text-mid) !important;
margin-bottom: 6px !important;
display: block !important;
} .woocommerce-checkout input[type="text"],
.woocommerce-checkout input[type="email"],
.woocommerce-checkout input[type="tel"],
.woocommerce-checkout input[type="number"],
.woocommerce-checkout select,
.woocommerce-checkout textarea {
border: 1px solid var(--eal-border) !important;
border-radius: 0 !important;
padding: 10px 14px !important;
font-size: 14px !important;
color: var(--eal-text) !important;
background: var(--eal-white) !important;
width: 100% !important;
box-sizing: border-box !important;
transition: border-color 0.2s ease !important;
}
.woocommerce-checkout input:focus,
.woocommerce-checkout select:focus,
.woocommerce-checkout textarea:focus {
border-color: var(--eal-accent) !important;
outline: none !important;
box-shadow: none !important;
} .woocommerce-checkout-review-order-table {
width: 100% !important;
border-collapse: collapse !important;
font-size: 14px !important;
border: 1px solid var(--eal-border) !important;
}
.woocommerce-checkout-review-order-table thead th {
background: var(--eal-bg) !important;
color: var(--eal-text-mid) !important;
font-size: 11px !important;
font-weight: 600 !important;
letter-spacing: 0.1em !important;
text-transform: uppercase !important;
font-family: var(--font-en) !important;
padding: 12px 16px !important;
border-bottom: 1px solid var(--eal-border) !important;
}
.woocommerce-checkout-review-order-table tbody td {
padding: 16px !important;
border-bottom: 1px solid var(--eal-border) !important;
background: var(--eal-white) !important;
color: var(--eal-text) !important;
}
.woocommerce-checkout-review-order-table tfoot tr th,
.woocommerce-checkout-review-order-table tfoot tr td {
padding: 12px 16px !important;
border-bottom: 1px solid var(--eal-border) !important;
background: var(--eal-bg) !important;
font-size: 13px !important;
color: var(--eal-text) !important;
}
.woocommerce-checkout-review-order-table tfoot .order-total th,
.woocommerce-checkout-review-order-table tfoot .order-total td {
font-weight: 700 !important;
font-size: 15px !important;
color: var(--eal-dark) !important;
background: var(--eal-bg) !important;
}
.woocommerce-checkout-review-order-table tfoot .order-total .amount {
font-family: var(--font-num) !important;
} .woocommerce-checkout #payment {
background: var(--eal-bg) !important;
border-radius: 0 !important;
padding: 20px !important;
border: 1px solid var(--eal-border) !important;
}
.woocommerce-checkout #payment ul.payment_methods {
border-bottom: 1px solid var(--eal-border) !important;
padding-bottom: 16px !important;
margin-bottom: 16px !important;
}
.woocommerce-checkout #payment .payment_box {
background: var(--eal-white) !important;
border-radius: 0 !important;
font-size: 13px !important;
color: var(--eal-text-mid) !important;
}
.woocommerce-checkout #payment .payment_box::before {
border-bottom-color: var(--eal-white) !important;
} .woocommerce-checkout #payment #place_order {
display: block !important;
width: 100% !important;
padding: 16px !important;
background: var(--eal-dark) !important;
color: var(--eal-white) !important;
font-family: var(--font-en) !important;
font-size: 13px !important;
font-weight: 600 !important;
letter-spacing: 0.1em !important;
text-transform: uppercase !important;
border: none !important;
border-radius: 0 !important;
cursor: pointer !important;
transition: background 0.2s ease !important;
margin-top: 16px !important;
}
.woocommerce-checkout #payment #place_order:hover {
background: var(--eal-accent) !important;
} .woocommerce-checkout .woocommerce-privacy-policy-text {
font-size: 12px !important;
color: var(--eal-text-light) !important;
margin-bottom: 16px !important;
}
.woocommerce-checkout .woocommerce-privacy-policy-text a {
color: var(--eal-accent) !important;
} #order_review_heading {
font-size: 15px !important;
font-weight: 600 !important;
color: var(--eal-dark) !important;
padding-bottom: 12px !important;
border-bottom: 2px solid var(--eal-accent) !important;
margin-bottom: 24px !important;
}  .woocommerce-thankyou-order-received {
background: rgba(0, 184, 148, 0.08) !important;
border-left: 4px solid var(--eal-accent) !important;
padding: 14px 20px !important;
border-radius: 0 6px 6px 0 !important;
margin-bottom: 32px !important;
font-size: 0.95rem !important;
color: var(--eal-text) !important;
} ul.order_details {
list-style: none !important;
padding: 0 !important;
margin: 0 0 40px !important;
border: 1px solid var(--eal-border) !important;
border-radius: 8px !important;
overflow: hidden !important;
display: block !important;
}
ul.order_details li {
display: flex !important;
justify-content: space-between !important;
align-items: center !important;
padding: 12px 20px !important;
padding-left: 20px !important;
border-bottom: 1px solid var(--eal-border) !important;
border-right: none !important;
margin: 0 !important;
font-size: 0.85rem !important;
color: var(--eal-text-mid) !important;
line-height: 1.5 !important;
float: none !important;
width: auto !important;
position: static !important;
}
ul.order_details li:last-child {
border-bottom: none !important;
border-right: none !important;
}
ul.order_details li::before,
ul.order_details li::after,
ul.order_details li::marker {
display: none !important;
content: none !important;
}
ul.order_details li strong {
color: var(--eal-dark) !important;
font-weight: 600 !important;
font-size: 0.95rem !important;
display: block !important;
}  h2.wc-bacs-bank-details-heading {
border-top: none !important;
padding-top: 0 !important;
font-size: 0.78rem !important;
font-weight: 600 !important;
letter-spacing: 0.12em !important;
text-transform: uppercase !important;
font-family: var(--font-en) !important;
color: var(--eal-accent) !important;
border-left: 3px solid var(--eal-accent) !important;
border-bottom: none !important;
padding-left: 12px !important;
margin: 0 0 16px !important;
background: none !important;
line-height: 1.4 !important;
} h3.wc-bacs-bank-details-account-name {
font-size: 0.85rem !important;
font-weight: 600 !important;
color: var(--eal-dark) !important;
background: var(--eal-bg) !important;
padding: 10px 20px !important;
margin: 0 !important;
border-top: none !important;
border-right: none !important;
border-bottom: 1px solid var(--eal-border) !important;
border-left: none !important;
text-decoration: none !important;
}
h3.wc-bacs-bank-details-account-name::before,
h3.wc-bacs-bank-details-account-name::after {
display: none !important;
} ul.bacs_details {
list-style: none !important;
padding: 0 !important;
margin: 0 0 40px !important;
border: 1px solid var(--eal-border) !important;
border-radius: 8px !important;
overflow: hidden !important;
}
ul.bacs_details li {
display: flex !important;
justify-content: space-between !important;
align-items: center !important;
padding: 12px 20px !important;
padding-left: 20px !important;
border-bottom: 1px solid var(--eal-border) !important;
border-right: none !important;
margin: 0 !important;
font-size: 0.85rem !important;
color: var(--eal-text-mid) !important;
line-height: 1.5 !important;
float: none !important;
width: auto !important;
position: static !important;
}
ul.bacs_details li:last-child {
border-bottom: none !important;
}
ul.bacs_details li::before,
ul.bacs_details li::after,
ul.bacs_details li::marker {
display: none !important;
content: none !important;
}
ul.bacs_details li strong {
color: var(--eal-dark) !important;
font-weight: 600 !important;
} h2.woocommerce-order-details__title {
font-size: 0.78rem !important;
font-weight: 600 !important;
letter-spacing: 0.12em !important;
text-transform: uppercase !important;
font-family: var(--font-en) !important;
color: var(--eal-accent) !important;
border-left: 3px solid var(--eal-accent) !important;
border-top: none !important;
border-bottom: none !important;
padding: 0 0 0 12px !important;
margin: 0 0 16px !important;
background: none !important;
line-height: 1.4 !important;
} table.woocommerce-table--order-details {
width: 100% !important;
border-collapse: collapse !important;
border: 1px solid var(--eal-border) !important;
font-size: 14px !important;
margin-bottom: 40px !important;
background: var(--eal-white) !important;
}
table.woocommerce-table--order-details thead th {
background: var(--eal-bg) !important;
color: var(--eal-text-mid) !important;
font-size: 11px !important;
font-weight: 600 !important;
letter-spacing: 0.12em !important;
text-transform: uppercase !important;
font-family: var(--font-en) !important;
padding: 12px 16px !important;
border-bottom: 1px solid var(--eal-border) !important;
border-top: none !important;
text-align: left !important;
}
table.woocommerce-table--order-details tbody td {
padding: 16px !important;
border-bottom: 1px solid var(--eal-border) !important;
border-top: none !important;
color: var(--eal-text) !important;
background: var(--eal-white) !important;
vertical-align: middle !important;
}
table.woocommerce-table--order-details .product-name a {
color: var(--eal-accent) !important;
text-decoration: none !important;
font-weight: 500 !important;
} table.woocommerce-table--order-details tfoot tr th,
table.woocommerce-table--order-details tfoot tr td {
padding: 12px 16px !important;
background: var(--eal-dark) !important;
color: var(--eal-white) !important;
border-bottom: 1px solid rgba(255,255,255,0.08) !important;
border-top: none !important;
font-size: 13px !important;
font-weight: 500 !important;
}
table.woocommerce-table--order-details tfoot .order-total th,
table.woocommerce-table--order-details tfoot .order-total td {
font-weight: 700 !important;
font-size: 15px !important;
} h2.woocommerce-column__title {
font-size: 0.78rem !important;
font-weight: 600 !important;
letter-spacing: 0.12em !important;
text-transform: uppercase !important;
font-family: var(--font-en) !important;
color: var(--eal-accent) !important;
border-left: 3px solid var(--eal-accent) !important;
border-top: none !important;
border-bottom: none !important;
padding: 0 0 0 12px !important;
margin: 0 0 16px !important;
background: none !important;
line-height: 1.4 !important;
} .woocommerce-customer-details address {
border: 1px solid var(--eal-border) !important;
border-radius: 8px !important;
padding: 20px 24px !important;
font-style: normal !important;
font-size: 0.9rem !important;
line-height: 1.9 !important;
color: var(--eal-text) !important;
background: var(--eal-white) !important;
} @media (max-width: 768px) {
ul.order_details li,
ul.bacs_details li {
flex-direction: column !important;
align-items: flex-start !important;
gap: 4px !important;
}
table.woocommerce-table--order-details thead th,
table.woocommerce-table--order-details tbody td,
table.woocommerce-table--order-details tfoot th,
table.woocommerce-table--order-details tfoot td {
padding: 10px 12px !important;
font-size: 13px !important;
}
}
table.woocommerce-table th {
background:#fff !important;
color: #1a2535, !important;;
}
.woocommerce-order table.shop_table tfoot tr th,
.woocommerce-order table.shop_table tfoot tr td {
background: #fff !important;
color: var(--eal-text) !important;
} .woocommerce-order table.shop_table tbody td {
background: #fff !important;
} .woocommerce-order table.shop_table {
border-bottom: 1px solid var(--eal-border) !important;
} .woocommerce-order h2.woocommerce-order-details__title,
.woocommerce-order h2.woocommerce-column__title {
border-right: none !important;
}  .woocommerce-account .woocommerce-MyAccount-navigation {
float: none !important;
width: 220px !important;
flex-shrink: 0 !important;
margin-left: 0 !important;
padding-left: 0 !important;
}
.woocommerce-account .woocommerce-MyAccount-content {
float: none !important;
}
.woocommerce-account .woocommerce {
display: flex !important;
gap: 40px !important;
align-items: start !important;
} .woocommerce-MyAccount-navigation ul {
list-style: none !important;
padding: 0 !important;
margin: 0 !important;
border: 1px solid var(--eal-border) !important;
overflow: hidden !important;
border-radius: 6px !important;
gap: 0px !important;
}
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link {
padding: 0 !important;
position: static !important;
margin: 0 !important;
padding-left: 0 !important;
}
.woocommerce-MyAccount-navigation ul li:last-child {
border-bottom: 1px solid var(--eal-border) !important;
}
.woocommerce-MyAccount-navigation ul li::before {
display: none !important;
content: none !important;
}
.woocommerce-MyAccount-navigation ul li a {
display: block !important;
padding: 12px 16px !important;
font-size: 13px !important;
color: var(--eal-text-mid) !important;
text-decoration: none !important;
transition: color 0.2s ease, background 0.2s ease !important;
}
.woocommerce-MyAccount-navigation ul li a:hover {
color: var(--eal-accent) !important;
background: var(--eal-accent-dim) !important;
}
.woocommerce-MyAccount-navigation ul li.is-active a {
background: var(--eal-dark) !important;
color: var(--eal-white) !important;
font-weight: 600 !important;
border-left: 3px solid var(--eal-accent) !important;
padding-left: 13px !important;
} @media (max-width: 768px) {
.woocommerce-account .woocommerce {
flex-direction: column !important;
}
.woocommerce-account .woocommerce-MyAccount-navigation {
width: 100% !important;
}
} table.woocommerce-orders-table {
width: 100% !important;
border-collapse: collapse !important;
border: 1px solid var(--eal-border) !important;
font-size: 14px !important;
} .woocommerce-orders-table thead th {
background: var(--eal-bg) !important;
color: var(--eal-text-mid) !important;
font-size: 11px !important;
font-weight: 600 !important;
letter-spacing: 0.1em !important;
text-transform: uppercase !important;
font-family: var(--font-en) !important;
padding: 12px 16px !important;
border-bottom: 1px solid var(--eal-border) !important;
border-top: none !important;
vertical-align: middle !important;
} .woocommerce-orders-table tbody td {
padding: 14px 16px !important;
border-bottom: 1px solid var(--eal-border) !important;
background: var(--eal-white) !important;
color: var(--eal-text) !important;
vertical-align: middle !important;
}
.woocommerce-orders-table tbody tr:last-child td {
border-bottom: none !important;
} .woocommerce-orders-table .woocommerce-orders-table__cell-order-number a {
color: var(--eal-accent) !important;
font-weight: 600 !important;
text-decoration: none !important;
} .woocommerce-orders-table .woocommerce-orders-table__cell-order-status {
font-size: 12px !important;
} .woocommerce-orders-table .woocommerce-button {
display: inline-block !important;
padding: 8px 16px !important;
background: var(--eal-dark) !important;
color: var(--eal-white) !important;
font-family: var(--font-en) !important;
font-size: 11px !important;
font-weight: 600 !important;
letter-spacing: 0.1em !important;
text-decoration: none !important;
border-radius: 0 !important;
border: none !important;
transition: background 0.2s ease !important;
}
.woocommerce-orders-table .woocommerce-button:hover {
background: var(--eal-accent) !important;
color: var(--eal-white) !important;
}  .woocommerce-orders-table thead th,
.woocommerce-orders-table tbody td {
white-space: nowrap !important;
} .woocommerce-orders-table tbody .woocommerce-orders-table__cell-order-number {
background: var(--eal-bg) !important;
}
.woocommerce-orders-table .woocommerce-orders-table__cell-order-number a {
color: var(--eal-text) !important;
font-weight: 600 !important;
text-decoration: none !important;
} .woocommerce-orders-table .woocommerce-orders-table__cell-order-actions {
text-align: center !important;
border-bottom: none !important;
}
.woocommerce-orders-table .woocommerce-orders-table__cell-order-actions a {
border-bottom: none !important;
text-decoration: none !important;
}
th.woocommerce-orders-table__header {
text-align:center !important;
}
@media (max-width: 768px) {
.woocommerce-orders-table__cell-order-number {
display: block !important;
}
} table.woocommerce-table--order-details thead th.woocommerce-table__product-name,
table.woocommerce-table--order-details thead th.woocommerce-table__product-table {
background: var(--eal-bg) !important;
color: var(--eal-text-mid) !important;
font-size: 11px !important;
font-weight: 600 !important;
letter-spacing: 0.1em !important;
text-transform: uppercase !important;
font-family: var(--font-en) !important;
padding: 12px 16px !important;
border-bottom: 1px solid var(--eal-border) !important;
border-top: none !important;
}
table.woocommerce-table--order-details tbody td {
padding: 16px !important;
border-bottom: 1px solid var(--eal-border) !important;
background: var(--eal-white) !important;
color: var(--eal-text) !important;
vertical-align: middle !important;
}
table.woocommerce-table--order-details tfoot tr th,
table.woocommerce-table--order-details tfoot tr td {
background: var(--eal-bg) !important;
color: var(--eal-text) !important;
padding: 12px 16px !important;
border-bottom: 1px solid var(--eal-border) !important;
font-size: 13px !important;
font-weight: 500 !important;
}
table.woocommerce-table--order-details tfoot .order-total th,
table.woocommerce-table--order-details tfoot .order-total td {
font-weight: 700 !important;
font-size: 15px !important;
}
.woocommerce-customer-details h2.woocommerce-column__title {
border-right:none !important;
}  .woocommerce-MyAccount-downloads {
border-top: none !important;
} .woocommerce-MyAccount-downloads .woocommerce-info::before,
.woocommerce-MyAccount-downloads input[type="checkbox"] {
accent-color: var(--eal-accent) !important;
} .woocommerce-info {
border-top-color: var(--eal-accent) !important;
border-left: none !important;
background: var(--eal-white) !important;
color: var(--eal-text) !important;
padding: 14px 20px !important;
}
.woocommerce-info::before {
display: none !important;
} .woocommerce-info a.button,
.woocommerce-address-fields button.button,
.woocommerce-EditAccountForm button.button,
.woocommerce-form button.button,
.woocommerce a.button,
.woocommerce-MyAccount-content a.button {
display: inline-block !important;
padding: 10px 24px !important;
background: var(--eal-dark) !important;
color: var(--eal-white) !important;
font-family: var(--font-en) !important;
font-size: 12px !important;
font-weight: 600 !important;
letter-spacing: 0.1em !important;
text-decoration: none !important;
border-radius: 0 !important;
border: none !important;
transition: background 0.2s ease !important;
}
.woocommerce-info a.button:hover,
.woocommerce-address-fields button.button:hover,
.woocommerce-EditAccountForm button.button:hover,
.woocommerce-form button.button:hover,
.woocommerce a.button:hover,
.woocommerce-MyAccount-downloads a.button:hover {
background: var(--eal-accent) !important;
color: var(--eal-white) !important;
}  .woocommerce-account:not(.logged-in) .woocommerce {
display: block !important;
} .woocommerce-account:not(.logged-in) .woocommerce h2 {
font-size: 0.78rem !important;
font-weight: 600 !important;
letter-spacing: 0.12em !important;
text-transform: uppercase !important;
font-family: var(--font-en) !important;
color: var(--eal-accent) !important;
border-left: 3px solid var(--eal-accent) !important;
border-top: none !important;
border-bottom: none !important;
background: none !important;
padding: 0 0 0 12px !important;
margin: 0 0 24px !important;
} .woocommerce-form-login {
max-width: 560px !important;
margin: 0 auto !important;
} @media (max-width: 768px) {
.woocommerce-account:not(.logged-in) .eal-page__inner {
padding-top: 24px !important;
padding-bottom: 40px !important;
}
} .eal-product {
background: var(--eal-bg);
}
.eal-product__notices {
max-width: 1200px;
margin: 0 auto;
padding: 0 40px;
} .eal-product__section-inner {
max-width: 1000px;
margin: 0 auto;
padding: 80px 40px;
}
.eal-product__section-header {
margin-bottom: 40px;
}
.eal-product__section-label {
display: block !important;
font-family: var(--font-en) !important;
font-size: 10px !important;
font-weight: 600 !important;
letter-spacing: 0.3em !important;
color: var(--eal-accent) !important;
margin-bottom: 8px !important;
}
.eal-product__section-title {
font-family: var(--font-en) !important;
font-size: clamp(20px, 2.5vw, 28px) !important;
font-weight: 300 !important;
color: var(--eal-dark) !important;
letter-spacing: 0.05em !important;
border: none !important;
background: none !important;
padding: 0 !important;
margin: 0 !important;
} .eal-product__hero {
background: var(--eal-white);
border-bottom: 1px solid var(--eal-border);
}
.eal-product__hero-inner {
max-width: 1200px;
margin: 0 auto;
padding: 60px 40px;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 60px;
align-items: center;
} .eal-product__hero-img-wrap {
aspect-ratio: 16/9;
overflow: hidden;
background: var(--eal-dark);
}
.eal-product__hero-img {
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
display: block !important;
} .eal-product__hero-meta {
display: flex;
gap: 8px;
flex-wrap: wrap;
margin-bottom: 16px;
}
.eal-product__hero-strategy {
font-family: var(--font-en) !important;
font-size: 10px !important;
font-weight: 600 !important;
letter-spacing: 0.15em !important;
color: var(--eal-accent) !important;
border: 1px solid var(--eal-accent-line) !important;
padding: 3px 10px !important;
}
.eal-product__hero-pair {
font-family: var(--font-en) !important;
font-size: 10px !important;
font-weight: 500 !important;
letter-spacing: 0.1em !important;
color: var(--eal-text-mid) !important;
border: 1px solid var(--eal-border) !important;
padding: 3px 10px !important;
} .eal-product__hero-title {
font-family: var(--font-en) !important;
font-size: clamp(22px, 2.5vw, 32px) !important;
font-weight: 300 !important;
color: var(--eal-dark) !important;
letter-spacing: 0.05em !important;
line-height: 1.3 !important;
margin-bottom: 16px !important;
} .eal-product__hero-price {
font-family: var(--font-num) !important;
font-size: 28px !important;
font-weight: 500 !important;
color: var(--eal-dark) !important;
margin-bottom: 24px !important;
}
.eal-product__hero-price .woocommerce-Price-amount {
font-size: inherit !important;
color: inherit !important;
} .eal-product__hero-stats {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 0;
border: 1px solid var(--eal-border);
margin-bottom: 28px;
}
.eal-product__hero-stat {
text-align: center;
padding: 16px 8px;
border-right: 1px solid var(--eal-border);
}
.eal-product__hero-stat:last-child { border-right: none; }
.eal-product__hero-stat-val {
display: block !important;
font-family: var(--font-num) !important;
font-size: 18px !important;
font-weight: 600 !important;
color: var(--eal-accent) !important;
margin-bottom: 4px !important;
}
.eal-product__hero-stat-key {
display: block !important;
font-size: 10px !important;
color: var(--eal-text-light) !important;
letter-spacing: 0.05em !important;
} .eal-product__hero-cart .single_add_to_cart_button {
display: block !important;
width: 100% !important;
padding: 16px !important;
background: var(--eal-dark) !important;
color: var(--eal-white) !important;
font-family: var(--font-en) !important;
font-size: 13px !important;
font-weight: 600 !important;
letter-spacing: 0.1em !important;
text-transform: uppercase !important;
border: none !important;
border-radius: 0 !important;
cursor: pointer !important;
transition: background 0.2s ease !important;
margin-bottom: 12px !important;
}
.eal-product__hero-cart .single_add_to_cart_button:hover {
background: var(--eal-accent) !important;
} .eal-product__hero-wishlist {
margin-top: 12px;
} .eal-product__desc {
background: var(--eal-white);
border-top: 1px solid var(--eal-border);
}
.eal-product__desc-body {
line-height: 2 !important;
}
.eal-product__desc-body h2 {
font-size: 19px !important;
font-weight: 500 !important;
color: var(--eal-dark) !important;
margin: 2.5rem 0 1rem !important;
padding: 0.875rem 1.25rem !important;
border-left: 3px solid var(--eal-accent) !important;
background: var(--eal-accent-dim) !important;
line-height: 1.6 !important;
}
.eal-product__desc-body h3 {
font-size: 16px !important;
font-weight: 500 !important;
color: var(--eal-dark) !important;
margin: 2rem 0 0.75rem !important;
padding-bottom: 0.5rem !important;
border-bottom: 2px solid var(--eal-border) !important;
position: relative !important;
}
.eal-product__desc-body h3::after {
content: '' !important;
position: absolute !important;
bottom: -2px !important;
left: 0 !important;
width: 40px !important;
height: 2px !important;
background: var(--eal-accent) !important;
}
.eal-product__desc-body p {
font-size: 14px !important;
margin-bottom: 1.5rem !important;
}
.eal-product__desc-body ul {
list-style: none !important;
padding: 0 !important;
margin: 0 0 1.5rem !important;
}
.eal-product__desc-body ul li {
font-size: 14px !important;
padding-left: 1.25rem !important;
position: relative !important;
margin-bottom: 0.5rem !important;
line-height: 1.8 !important;
}
.eal-product__desc-body ul li::before {
content: '' !important;
position: absolute !important;
left: 0 !important;
top: 0.65em !important;
width: 6px !important;
height: 6px !important;
background: var(--eal-accent) !important;
border-radius: 50% !important;
}
.eal-product__desc-body strong {
font-weight: 600 !important;
color: var(--eal-dark) !important;
background: linear-gradient(transparent 60%, rgba(0, 184, 122, 0.2) 60%) !important;
padding: 0 2px !important;
} .eal-product__backtest {
background: var(--eal-bg);
border-top: 1px solid var(--eal-border);
}
.eal-product__backtest-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 1px;
background: var(--eal-border);
border: 1px solid var(--eal-border);
}
.eal-product__backtest-item {
background: var(--eal-white);
padding: 24px 20px;
display: flex;
flex-direction: column;
gap: 8px;
}
.eal-product__backtest-key {
font-size: 11px !important;
color: var(--eal-text-light) !important;
letter-spacing: 0.05em !important;
}
.eal-product__backtest-val {
font-family: var(--font-num) !important;
font-size: 20px !important;
font-weight: 600 !important;
color: var(--eal-dark) !important;
} .eal-product__forward {
background: var(--eal-white);
border-top: 1px solid var(--eal-border);
}
.eal-product__forward-embed {
border: 1px solid var(--eal-border);
overflow: hidden;
margin-bottom: 16px;
}
.eal-product__forward-embed iframe {
display: block !important;
width: 100% !important;
}
.eal-product__forward-note {
font-size: 12px !important;
color: var(--eal-text-light) !important;
line-height: 1.8 !important;
} .eal-product__brokers {
background: var(--eal-bg);
border-top: 1px solid var(--eal-border);
}
.eal-product__brokers-body {
display: flex;
flex-direction: column;
gap: 12px;
}
.eal-product__broker-item {
display: flex;
align-items: center;
gap: 10px;
font-size: 14px !important;
color: var(--eal-text) !important;
padding: 14px 20px !important;
background: var(--eal-white) !important;
border: 1px solid var(--eal-border) !important;
}
.eal-product__broker-item svg {
color: var(--eal-accent) !important;
flex-shrink: 0 !important;
} .eal-product__faq {
background: var(--eal-white);
border-top: 1px solid var(--eal-border);
}
.eal-product__faq-list {
border-top: 1px solid var(--eal-border);
}
.eal-product__faq-item {
border-bottom: 1px solid var(--eal-border);
}
.eal-product__faq-q {
width: 100% !important;
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
gap: 16px !important;
padding: 20px 0 !important;
background: none !important;
border: none !important;
cursor: pointer !important;
text-align: left !important;
font-size: 14px !important;
font-weight: 500 !important;
color: var(--eal-text) !important;
line-height: 1.6 !important;
border-radius: 0 !important;
box-shadow: none !important;
}
.eal-product__faq-q:hover { color: var(--eal-accent) !important; }
.eal-product__faq-icon {
flex-shrink: 0 !important;
transition: transform 0.3s ease !important;
stroke: currentColor !important;
}
.eal-product__faq-item.is-open .eal-product__faq-icon {
transform: rotate(180deg) !important;
}
.eal-product__faq-a {
max-height: 0 !important;
overflow: hidden !important;
transition: max-height 0.35s ease !important;
}
.eal-product__faq-item.is-open .eal-product__faq-a {
max-height: 300px !important;
padding-bottom: 20px !important;
}
.eal-product__faq-a p {
font-size: 13px !important;
color: var(--eal-text-mid) !important;
line-height: 2 !important;
margin: 0 !important;
} .eal-product__related {
background: var(--eal-bg);
border-top: 1px solid var(--eal-border);
}
.eal-product__related-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 24px;
}
.eal-product__related-card {
display: block !important;
background: var(--eal-white) !important;
border: 1px solid var(--eal-border) !important;
color: var(--eal-text) !important;
text-decoration: none !important;
transition: border-color 0.3s ease, box-shadow 0.3s ease !important;
}
.eal-product__related-card:hover {
border-color: var(--eal-accent) !important;
box-shadow: 0 4px 20px rgba(0, 184, 122, 0.08) !important;
opacity: 1 !important;
}
.eal-product__related-img {
aspect-ratio: 16/9;
overflow: hidden;
background: var(--eal-dark);
}
.eal-product__related-img img {
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
display: block !important;
transition: transform 0.6s ease !important;
}
.eal-product__related-card:hover .eal-product__related-img img {
transform: scale(1.04) !important;
}
.eal-product__related-body {
padding: 20px;
}
.eal-product__related-strategy {
display: inline-block !important;
font-family: var(--font-en) !important;
font-size: 10px !important;
font-weight: 500 !important;
letter-spacing: 0.12em !important;
color: var(--eal-accent) !important;
border: 1px solid var(--eal-accent-line) !important;
padding: 2px 8px !important;
margin-bottom: 8px !important;
}
.eal-product__related-name {
font-family: var(--font-en) !important;
font-size: 18px !important;
font-weight: 300 !important;
color: var(--eal-dark) !important;
letter-spacing: 0.05em !important;
margin-bottom: 8px !important;
border: none !important;
background: none !important;
padding: 0 !important;
}
.eal-product__related-name::after { display: none !important; }
.eal-product__related-stats {
display: flex;
gap: 12px;
margin-bottom: 8px;
}
.eal-product__related-stats span {
font-family: var(--font-num) !important;
font-size: 12px !important;
color: var(--eal-text-light) !important;
}
.eal-product__related-price {
font-family: var(--font-num) !important;
font-size: 15px !important;
font-weight: 600 !important;
color: var(--eal-dark) !important;
} .eal-product__sticky-cta {
position: fixed !important;
bottom: 0 !important;
left: 0 !important;
right: 0 !important;
background: var(--eal-dark) !important;
z-index: 90 !important;
transform: translateY(100%) !important;
transition: transform 0.3s ease !important;
}
.eal-product__sticky-cta.is-visible {
transform: translateY(0) !important;
}
.eal-product__sticky-cta-inner {
max-width: 1200px;
margin: 0 auto;
padding: 12px 40px;
display: flex;
align-items: center;
justify-content: space-between;
gap: 24px;
}
.eal-product__sticky-cta-info {
display: flex;
align-items: center;
gap: 20px;
}
.eal-product__sticky-cta-title {
font-family: var(--font-en) !important;
font-size: 14px !important;
font-weight: 400 !important;
color: var(--eal-white) !important;
letter-spacing: 0.05em !important;
}
.eal-product__sticky-cta-price {
font-family: var(--font-num) !important;
font-size: 18px !important;
font-weight: 600 !important;
color: var(--eal-accent) !important;
}
.eal-product__sticky-cta-price .woocommerce-Price-amount {
color: inherit !important;
font-size: inherit !important;
}
.eal-product__sticky-cta-btn {
padding: 12px 32px !important;
background: var(--eal-accent) !important;
color: var(--eal-white) !important;
font-family: var(--font-en) !important;
font-size: 12px !important;
font-weight: 600 !important;
letter-spacing: 0.1em !important;
text-transform: uppercase !important;
border: none !important;
border-radius: 0 !important;
cursor: pointer !important;
transition: background 0.2s ease !important;
white-space: nowrap !important;
flex-shrink: 0 !important;
}
.eal-product__sticky-cta-btn:hover {
background: var(--eal-white) !important;
color: var(--eal-dark) !important;
} @media (max-width: 1024px) {
.eal-product__related-grid {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 768px) {
.eal-product__hero-inner {
grid-template-columns: 1fr;
padding: 32px 20px;
gap: 32px;
}
.eal-product__section-inner {
padding: 48px 20px;
}
.eal-product__hero-stats {
grid-template-columns: repeat(2, 1fr);
}
.eal-product__backtest-grid {
grid-template-columns: repeat(2, 1fr);
}
.eal-product__related-grid {
grid-template-columns: 1fr;
}
.eal-product__sticky-cta-inner {
padding: 12px 20px;
}
.eal-product__sticky-cta-title {
display: none !important;
}
} button.yith-wcwl-add-to-wishlist-button {
background: transparent !important;
color: var(--eal-text-mid) !important;
border: 1px solid var(--eal-border) !important;
font-size: 12px !important;
font-weight: 500 !important;
letter-spacing: 0.05em !important;
border-radius: 0 !important;
padding: 10px 20px !important;
box-shadow: none !important;
}
button.yith-wcwl-add-to-wishlist-button:hover {
color: var(--eal-accent) !important;
border-color: var(--eal-accent) !important;
background: transparent !important;
}
.eal-product__forward-embed img {
max-width: 600px !important;
margin: 0 auto !important;
display: block !important;
}
.eal-product__breadcrumb {
background: var(--eal-white);
border-bottom: 1px solid var(--eal-border);
}
.eal-product__breadcrumb-inner {
max-width: 1200px;
margin: 0 auto;
padding: 10px 40px;
font-size: 11px;
color: var(--eal-text-light);
}
@media (max-width: 768px) {
.eal-product__breadcrumb-inner {
padding: 10px 20px;
}
}
.eal-product__breadcrumb-inner a {
color: var(--eal-text-light) !important;
text-decoration: none !important;
}
.eal-product__breadcrumb-inner a:hover {
color: var(--eal-accent) !important;
}  ul.products {
display: grid !important;
grid-template-columns: repeat(3, 1fr) !important;
gap: 24px !important;
list-style: none !important;
padding: 0 !important;
margin: 0 0 40px !important;
} ul.products li.product {
background: var(--eal-white) !important;
border: 1px solid var(--eal-border) !important;
padding: 0 !important;
margin: 0 !important;
transition: border-color 0.3s ease, box-shadow 0.3s ease !important;
position: relative !important;
}
ul.products li.product:hover {
border-color: var(--eal-accent) !important;
box-shadow: 0 4px 20px rgba(0, 184, 122, 0.08) !important;
} ul.products li.product .woocommerce-LoopProduct-link {
display: block !important;
text-decoration: none !important;
}
ul.products li.product img {
width: 100% !important;
aspect-ratio: 16/9 !important;
object-fit: cover !important;
display: block !important;
} ul.products li.product .ast-shop-product-category,
ul.products li.product .product-category-list {
font-family: var(--font-en) !important;
font-size: 10px !important;
font-weight: 500 !important;
letter-spacing: 0.15em !important;
text-transform: uppercase !important;
color: var(--eal-accent) !important;
padding: 16px 20px 0 !important;
display: block !important;
} ul.products li.product h2.woocommerce-loop-product__title {
font-family: var(--font-en) !important;
font-size: 20px !important;
font-weight: 300 !important;
color: var(--eal-dark) !important;
letter-spacing: 0.05em !important;
padding: 8px 20px !important;
margin: 0 !important;
border: none !important;
background: none !important;
line-height: 1.4 !important;
} ul.products li.product .price {
font-family: var(--font-num) !important;
font-size: 18px !important;
font-weight: 500 !important;
color: var(--eal-dark) !important;
padding: 0 20px 16px !important;
display: block !important;
} ul.products li.product .button {
display: block !important;
width: 100% !important;
padding: 14px !important;
background: var(--eal-dark) !important;
color: var(--eal-white) !important;
font-family: var(--font-en) !important;
font-size: 11px !important;
font-weight: 600 !important;
letter-spacing: 0.1em !important;
text-transform: uppercase !important;
text-align: center !important;
border: none !important;
border-radius: 0 !important;
transition: background 0.2s ease !important;
box-sizing: border-box !important;
}
ul.products li.product .button:hover {
background: var(--eal-accent) !important;
color: var(--eal-white) !important;
opacity: 1 !important;
} .woocommerce-products-header__title {
font-family: var(--font-en) !important;
font-size: clamp(24px, 3vw, 36px) !important;
font-weight: 300 !important;
color: var(--eal-dark) !important;
letter-spacing: 0.05em !important;
} .woocommerce-result-count {
font-size: 12px !important;
color: var(--eal-text-light) !important;
} @media (max-width: 768px) {
ul.products {
grid-template-columns: 1fr !important;
}
} ul.products li.product .yith-wcwl-add-to-wishlist-button {
background: rgba(13, 31, 53, 0.6) !important;
border: none !important;
border-radius: 50% !important;
width: 36px !important;
height: 36px !important;
padding: 0 !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
box-shadow: none !important;
}
ul.products li.product .yith-wcwl-add-to-wishlist-button svg,
ul.products li.product .yith-wcwl-add-to-wishlist-button .yith-wcwl-icon {
color: var(--eal-white) !important;
fill: none !important;
stroke: var(--eal-white) !important;
width: 16px !important;
height: 16px !important;
}
ul.products li.product h2.woocommerce-loop-product__title {
font-size: 17px !important; }
ul.products li.product .price {
font-size: 15px !important; }
ul.products li.product .button {
padding: 11px !important; font-size: 10px !important; } ul.products li.product.ast-full-width {
padding: 0 !important;
margin: 0 !important;
}
.ast-grid-common-col {
padding: 0 !important;
} ul.products li.product .astra-shop-thumbnail-wrap {
aspect-ratio: 16/9 !important;
overflow: hidden !important;
}
ul.products li.product .astra-shop-thumbnail-wrap img {
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
aspect-ratio: unset !important;
} ul.products li.product .ast-shop-product-category {
padding: 12px 16px 0 !important;
font-size: 9px !important;
}
ul.products li.product h2.woocommerce-loop-product__title {
font-size: 16px !important;
padding: 6px 16px !important;
}
ul.products li.product .price {
font-size: 14px !important;
padding: 0 16px 12px !important;
}
ul.products li.product .button {
padding: 10px !important;
font-size: 10px !important;
} .eal-archive-product {
background: var(--eal-bg);
padding: 0 0 80px;
}
.eal-archive-product__inner {
max-width: 1200px;
margin: 0 auto;
padding: 0 40px;
} .eal-archive-product__breadcrumb {
padding: 12px 0;
font-size: 11px;
color: var(--eal-text-light);
}
.eal-archive-product__breadcrumb a {
color: var(--eal-text-light) !important;
text-decoration: none !important;
}
.eal-archive-product__breadcrumb a:hover {
color: var(--eal-accent) !important;
} .eal-archive-product__header {
padding: 40px 0 32px;
border-bottom: 1px solid var(--eal-border);
margin-bottom: 32px;
}
.eal-archive-product__header-label {
display: block !important;
font-family: var(--font-en) !important;
font-size: 10px !important;
font-weight: 600 !important;
letter-spacing: 0.3em !important;
color: var(--eal-accent) !important;
margin-bottom: 8px !important;
}
.eal-archive-product__header-title {
font-family: var(--font-en) !important;
font-size: clamp(24px, 3vw, 36px) !important;
font-weight: 300 !important;
color: var(--eal-dark) !important;
letter-spacing: 0.05em !important;
margin: 0 0 12px !important;
border: none !important;
background: none !important;
padding: 0 !important;
}
.eal-archive-product__header-desc {
font-size: 13px !important;
color: var(--eal-text-mid) !important;
line-height: 2 !important;
margin: 0 !important;
} .eal-archive-product__toolbar {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 24px;
}
.eal-archive-product__count {
font-size: 12px !important;
color: var(--eal-text-light) !important;
}
.eal-archive-product__orderby select {
border: 1px solid var(--eal-border) !important;
padding: 6px 12px !important;
font-size: 12px !important;
color: var(--eal-text-mid) !important;
background: var(--eal-white) !important;
border-radius: 0 !important;
cursor: pointer !important;
} .eal-archive-product__grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 24px;
margin-bottom: 48px;
} .eal-archive-product__card {
background: var(--eal-white);
border: 1px solid var(--eal-border);
position: relative;
transition: border-color 0.3s ease, box-shadow 0.3s ease;
}
.eal-archive-product__card:hover {
border-color: var(--eal-accent);
box-shadow: 0 4px 20px rgba(0, 184, 122, 0.08);
} .eal-archive-product__card-img-link {
display: block !important;
text-decoration: none !important;
}
.eal-archive-product__card-img {
aspect-ratio: 16/9;
overflow: hidden;
background: var(--eal-dark);
}
.eal-archive-product__card-img img {
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
display: block !important;
transition: transform 0.6s ease !important;
}
.eal-archive-product__card:hover .eal-archive-product__card-img img {
transform: scale(1.04) !important;
}
.eal-archive-product__card-img-placeholder {
width: 100%;
height: 100%;
background: linear-gradient(135deg, var(--eal-dark) 0%, var(--eal-dark-mid) 100%);
} .eal-archive-product__card-wishlist {
position: absolute !important;
top: 12px !important;
left: 12px !important;
z-index: 2 !important;
}
.eal-archive-product__card-wishlist .yith-wcwl-add-to-wishlist-button {
background: rgba(13, 31, 53, 0.6) !important;
border: none !important;
border-radius: 50% !important;
width: 36px !important;
height: 36px !important;
padding: 0 !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
box-shadow: none !important;
cursor: pointer !important;
}
.eal-archive-product__card-wishlist .yith-wcwl-add-to-wishlist-button svg,
.eal-archive-product__card-wishlist .yith-wcwl-icon {
color: var(--eal-white) !important;
fill: none !important;
stroke: var(--eal-white) !important;
width: 16px !important;
height: 16px !important;
} .eal-archive-product__card-body {
padding: 16px;
} .eal-archive-product__card-cat {
font-family: var(--font-en) !important;
font-size: 9px !important;
font-weight: 500 !important;
letter-spacing: 0.15em !important;
text-transform: uppercase !important;
color: var(--eal-accent) !important;
margin-bottom: 6px !important;
} .eal-archive-product__card-title {
font-family: var(--font-en) !important;
font-size: 18px !important;
font-weight: 300 !important;
color: var(--eal-dark) !important;
letter-spacing: 0.05em !important;
margin: 0 0 12px !important;
border: none !important;
background: none !important;
padding: 0 !important;
line-height: 1.3 !important;
}
.eal-archive-product__card-title::after { display: none !important; }
.eal-archive-product__card-title a {
color: inherit !important;
text-decoration: none !important;
} .eal-archive-product__card-stats {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 0;
border: 1px solid var(--eal-border);
margin-bottom: 12px;
}
.eal-archive-product__card-stat {
text-align: center;
padding: 8px 4px;
border-right: 1px solid var(--eal-border);
}
.eal-archive-product__card-stat:last-child { border-right: none; }
.eal-archive-product__card-stat-val {
display: block !important;
font-family: var(--font-num) !important;
font-size: 14px !important;
font-weight: 600 !important;
color: var(--eal-accent) !important;
margin-bottom: 2px !important;
}
.eal-archive-product__card-stat-key {
display: block !important;
font-size: 9px !important;
color: var(--eal-text-light) !important;
letter-spacing: 0.03em !important;
} .eal-archive-product__card-price {
font-family: var(--font-num) !important;
font-size: 16px !important;
font-weight: 600 !important;
color: var(--eal-dark) !important;
margin-bottom: 12px !important;
}
.eal-archive-product__card-price .woocommerce-Price-amount {
font-size: inherit !important;
color: inherit !important;
} .eal-archive-product__card-actions {
display: flex;
gap: 8px;
align-items: center;
}
.eal-archive-product__card-actions .button,
.eal-archive-product__card-actions .add_to_cart_button {
flex: 1 !important;
display: block !important;
padding: 10px 12px !important;
background: var(--eal-dark) !important;
color: var(--eal-white) !important;
font-family: var(--font-en) !important;
font-size: 10px !important;
font-weight: 600 !important;
letter-spacing: 0.1em !important;
text-transform: uppercase !important;
text-align: center !important;
border: none !important;
border-radius: 0 !important;
text-decoration: none !important;
transition: background 0.2s ease !important;
}
.eal-archive-product__card-actions .button:hover {
background: var(--eal-accent) !important;
color: var(--eal-white) !important;
opacity: 1 !important;
}
.eal-archive-product__card-detail {
display: flex !important;
align-items: center !important;
gap: 4px !important;
font-size: 11px !important;
color: var(--eal-text-mid) !important;
text-decoration: none !important;
white-space: nowrap !important;
transition: color 0.2s ease !important;
flex-shrink: 0 !important;
}
.eal-archive-product__card-detail:hover {
color: var(--eal-accent) !important;
} .eal-archive-product__pagination .woocommerce-pagination ul {
display: flex !important;
gap: 8px !important;
list-style: none !important;
padding: 0 !important;
margin: 0 !important;
justify-content: center !important;
}
.eal-archive-product__pagination .woocommerce-pagination ul li {
list-style: none !important;
}
.eal-archive-product__pagination .woocommerce-pagination ul li::before {
display: none !important;
}
.eal-archive-product__pagination .woocommerce-pagination ul li a,
.eal-archive-product__pagination .woocommerce-pagination ul li span {
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 40px !important;
height: 40px !important;
font-family: var(--font-num) !important;
font-size: 13px !important;
color: var(--eal-text-mid) !important;
border: 1px solid var(--eal-border) !important;
text-decoration: none !important;
transition: all 0.2s ease !important;
}
.eal-archive-product__pagination .woocommerce-pagination ul li a:hover {
background: var(--eal-dark) !important;
color: var(--eal-white) !important;
border-color: var(--eal-dark) !important;
}
.eal-archive-product__pagination .woocommerce-pagination ul li span.current {
background: var(--eal-dark) !important;
color: var(--eal-white) !important;
border-color: var(--eal-dark) !important;
} .eal-archive-product__empty {
text-align: center;
padding: 60px 0;
color: var(--eal-text-mid);
font-size: 14px;
} @media (max-width: 1024px) {
.eal-archive-product__grid {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 768px) {
.eal-archive-product__inner {
padding: 0 20px;
}
.eal-archive-product {
padding-bottom: 48px;
}
.eal-archive-product__grid {
grid-template-columns: 1fr;
}
.eal-archive-product__header {
padding: 24px 0 20px;
}
} .eal-archive-product__card-wishlist .yith-wcwl-add-to-wishlist-button__label,
.eal-archive-product__card-wishlist .yith-wcwl-wishlistaddedbrowse {
display: none !important;
} .yith-wcwl-add-to-wishlist__feedback {
position: fixed !important;
bottom: 80px !important;
left: 50% !important;
transform: translateX(-50%) !important;
top: auto !important;
right: auto !important;
max-width: 320px !important;
width: auto !important;
font-size: 13px !important;
background: var(--eal-dark) !important;
color: var(--eal-white) !important;
border: none !important;
border-radius: 4px !important;
padding: 12px 20px !important;
box-shadow: 0 4px 20px rgba(0,0,0,0.2) !important;
z-index: 9999 !important;
} .eal-wcwl-toast {
position: absolute !important;
bottom: 60px !important;
left: 50% !important;
transform: translateX(-50%) !important;
background: var(--eal-dark) !important;
color: var(--eal-white) !important;
font-size: 12px !important;
padding: 8px 16px !important;
white-space: nowrap !important;
border-radius: 4px !important;
z-index: 10 !important;
opacity: 1 !important;
transition: opacity 0.3s ease !important;
pointer-events: none !important;
} .yith-wcwl-add-to-wishlist__feedback {
display: none !important;
}