.glass-card {
background: rgba(255, 255, 255, 0.9);
backdrop-filter: blur(12px);
-webkit-backdrop-filter: blur(12px);
border: 1px solid #E5E7EB;
}
.dark .glass-card {
background: rgba(18, 20, 21, 0.85);
border-color: rgba(255, 255, 255, 0.15);
} .accordion-content {
transition: max-height 0.3s ease-out, padding 0.3s ease;
max-height: 0;
overflow: hidden;
}
.accordion-content.open {
max-height: 300px;
padding-top: 1rem;
padding-bottom: 1rem;
}
.accordion-icon {
transition: transform 0.3s ease;
}
.open .accordion-icon {
transform: rotate(180deg);
} .material-symbols-outlined {
font-family: 'Material Symbols Outlined';
font-weight: normal;
font-style: normal;
font-size: 24px;
line-height: 1;
letter-spacing: normal;
text-transform: none;
display: inline-block;
white-space: nowrap;
word-wrap: normal;
direction: ltr;
-webkit-font-smoothing: antialiased;
font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
} .woocommerce .button.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt {
background-color: #008080 !important;
color: #ffffff !important;
border-radius: 0.5rem !important;
transition: all 0.2s ease !important;
}
.woocommerce .button.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover {
background-color: #006565 !important;
} .custom-logo-link,
.custom-logo-link img,
img.custom-logo {
display: inline-block;
max-height: 44px;
height: auto;
width: auto;
max-width: 85%;
transform: scale(0.85);
transform-origin: left center;
}
html[dir="rtl"] .custom-logo-link img,
html[dir="rtl"] img.custom-logo {
transform-origin: right center;
} .widget_polylang ul {
display: flex;
align-items: center;
gap: 0.75rem;
list-style: none;
margin: 0;
padding: 0;
}
.widget_polylang li.lang-item {
display: inline-flex;
align-items: center;
}
.widget_polylang li.lang-item a {
display: inline-flex;
align-items: center;
gap: 0.35rem;
font-size: 0.8125rem;
font-weight: 600;
color: #3e4949;
text-decoration: none;
padding: 0.25rem 0.5rem;
border-radius: 0.375rem;
transition: all 0.2s ease;
}
.widget_polylang li.lang-item.current-lang a {
background-color: #008080;
color: #ffffff;
font-weight: 700;
}
.widget_polylang li.lang-item a:hover {
color: #008080;
}
.widget_polylang li.lang-item.current-lang a:hover {
color: #ffffff;
} .header-polylang-widget select.pll-switcher-select,
.widget_polylang select.pll-switcher-select {
background-color: transparent !important;
border: none !important;
outline: none !important;
font-family: 'Inter', sans-serif !important;
font-size: 0.75rem !important;
font-weight: 600 !important;
color: #191c1d !important;
padding: 0.125rem 0.25rem !important;
cursor: pointer !important;
box-shadow: none !important;
line-height: 1.2 !important;
-webkit-appearance: menulist !important;
appearance: menulist !important;
}
.dark .header-polylang-widget select.pll-switcher-select,
.dark .widget_polylang select.pll-switcher-select {
color: #f8f9fa !important;
}
.header-polylang-widget select.pll-switcher-select option,
.widget_polylang select.pll-switcher-select option {
background-color: #ffffff !important;
color: #191c1d !important;
font-size: 0.75rem !important;
padding: 0.25rem !important;
}
.dark .header-polylang-widget select.pll-switcher-select option,
.dark .widget_polylang select.pll-switcher-select option {
background-color: #121415 !important;
color: #f8f9fa !important;
} .woocommerce-pagination,
.woocommerce nav.woocommerce-pagination,
nav.pagination,
.pagination-container {
display: flex !important;
justify-content: center !important;
align-items: center !important;
width: 100% !important;
margin: 2rem 0 !important;
padding: 0 !important;
background: transparent !important;
border: none !important;
}
.woocommerce-pagination ul,
.woocommerce nav.woocommerce-pagination ul,
ul.page-numbers {
display: flex !important;
flex-wrap: wrap !important;
align-items: center !important;
justify-content: center !important;
gap: 0.5rem !important;
list-style: none !important;
padding: 0 !important;
margin: 0 !important;
border: none !important;
}
.woocommerce-pagination ul li,
.woocommerce nav.woocommerce-pagination ul li,
ul.page-numbers li {
display: inline-flex !important;
list-style: none !important;
margin: 0 !important;
padding: 0 !important;
border: none !important;
background: none !important;
}
.woocommerce-pagination ul li a,
.woocommerce-pagination ul li span,
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span,
ul.page-numbers li a,
ul.page-numbers li span {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
min-width: 2.5rem !important;
height: 2.5rem !important;
padding: 0 0.875rem !important;
border-radius: 0.75rem !important;
font-family: 'Inter', sans-serif !important;
font-size: 0.875rem !important;
font-weight: 600 !important;
color: #3e4949 !important;
background: rgba(255, 255, 255, 0.95) !important;
border: 1px solid #e1e3e4 !important;
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !important;
text-decoration: none !important;
transition: all 0.2s ease-in-out !important;
line-height: 1 !important;
}
.woocommerce-pagination ul li span.current,
.woocommerce nav.woocommerce-pagination ul li span.current,
ul.page-numbers li span.current {
background-color: #008080 !important;
color: #ffffff !important;
border-color: #008080 !important;
box-shadow: 0 4px 6px -1px rgba(0, 128, 128, 0.3) !important;
}
.woocommerce-pagination ul li a:hover,
.woocommerce nav.woocommerce-pagination ul li a:hover,
ul.page-numbers li a:hover {
background-color: #f1f3f4 !important;
color: #008080 !important;
border-color: #008080 !important;
}
.dark .woocommerce-pagination ul li a,
.dark .woocommerce-pagination ul li span,
.dark .woocommerce nav.woocommerce-pagination ul li a,
.dark .woocommerce nav.woocommerce-pagination ul li span,
.dark ul.page-numbers li a,
.dark ul.page-numbers li span {
background: rgba(18, 20, 21, 0.85) !important;
color: #e1e3e4 !important;
border-color: rgba(255, 255, 255, 0.15) !important;
}
.dark .woocommerce-pagination ul li span.current,
.dark .woocommerce nav.woocommerce-pagination ul li span.current,
.dark ul.page-numbers li span.current {
background-color: #008080 !important;
color: #ffffff !important;
} .product-overview-content,
.zedeyes3-tab-content .prose,
.product-overview-content {
color: #3e4949;
font-family: 'Inter', sans-serif;
line-height: 1.75;
overflow-x: auto;
}
.dark .zedeyes3-tab-content .prose,
.dark .product-overview-content {
color: #c0c7c7;
} .product-overview-content p,
.zedeyes3-tab-content .prose p {
margin-bottom: 1.25rem;
font-size: 0.95rem;
line-height: 1.7;
color: #3e4949;
}
.dark .product-overview-content p,
.dark .zedeyes3-tab-content .prose p {
color: #c0c7c7;
} .product-overview-content h4,
.product-overview-content h5,
.product-overview-content h6,
.zedeyes3-tab-content .prose h4,
.zedeyes3-tab-content .prose h5,
.zedeyes3-tab-content .prose h6,
.zedeyes3-tab-content .prose > strong,
.zedeyes3-tab-content .prose p > strong:only-child,
.product-overview-content > strong,
.product-overview-content p > strong:only-child {
display: flex !important;
align-items: center !important;
gap: 0.5rem !important;
font-family: 'Outfit', 'Inter', sans-serif !important;
font-size: 1.0625rem !important;
font-weight: 700 !important;
color: #008080 !important;
margin-top: 1.75rem !important;
margin-bottom: 0.875rem !important;
padding: 0.35rem 0 0.35rem 0.875rem !important;
border-left: 3.5px solid #008080 !important;
line-height: 1.4 !important;
letter-spacing: 0.01em !important;
background: linear-gradient(90deg, rgba(0, 128, 128, 0.05) 0%, rgba(0, 128, 128, 0) 100%) !important;
border-radius: 0 0.375rem 0.375rem 0 !important;
}
.dark .product-overview-content h4,
.dark .product-overview-content h5,
.dark .product-overview-content h6,
.dark .zedeyes3-tab-content .prose h4,
.dark .zedeyes3-tab-content .prose h5,
.dark .zedeyes3-tab-content .prose h6,
.dark .zedeyes3-tab-content .prose > strong,
.dark .zedeyes3-tab-content .prose p > strong:only-child,
.dark .product-overview-content > strong,
.dark .product-overview-content p > strong:only-child {
color: #4db6ac !important;
border-left-color: #008080 !important;
background: linear-gradient(90deg, rgba(0, 128, 128, 0.15) 0%, rgba(0, 128, 128, 0) 100%) !important;
} .product-overview-content p strong:not(:only-child),
.zedeyes3-tab-content .prose p strong:not(:only-child) {
display: inline !important;
font-weight: 700 !important;
color: #191c1d !important;
border-left: none !important;
padding-left: 0 !important;
margin: 0 !important;
background: none !important;
}
.dark .product-overview-content p strong:not(:only-child),
.dark .zedeyes3-tab-content .prose p strong:not(:only-child) {
color: #ffffff !important;
} .product-overview-content ul,
.zedeyes3-tab-content .prose ul {
list-style-type: none !important;
padding-left: 0 !important;
margin-top: 0.75rem !important;
margin-bottom: 1.5rem !important;
display: flex !important;
flex-direction: column !important;
gap: 0.625rem !important;
}
.product-overview-content ul li,
.zedeyes3-tab-content .prose ul li {
position: relative !important;
padding-left: 2rem !important;
margin-bottom: 0 !important;
font-size: 0.9375rem !important;
color: #3e4949 !important;
line-height: 1.6 !important;
}
.dark .product-overview-content ul li,
.dark .zedeyes3-tab-content .prose ul li {
color: #c0c7c7 !important;
}
.product-overview-content ul li::before,
.zedeyes3-tab-content .prose ul li::before {
content: "✓" !important;
position: absolute !important;
left: 0 !important;
top: 0.125rem !important;
width: 1.25rem !important;
height: 1.25rem !important;
background-color: rgba(0, 128, 128, 0.12) !important;
color: #008080 !important;
border-radius: 9999px !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
font-size: 0.75rem !important;
font-weight: 800 !important;
}
.dark .product-overview-content ul li::before,
.dark .zedeyes3-tab-content .prose ul li::before {
background-color: rgba(0, 128, 128, 0.25) !important;
color: #4db6ac !important;
} .product-overview-content table,
.zedeyes3-tab-content table,
.zedeyes3-tab-content .prose table {
width: 100% !important;
min-width: 480px !important;
border-collapse: separate !important;
border-spacing: 0 !important;
margin-top: 1.75rem !important;
margin-bottom: 2rem !important;
border-radius: 0.75rem !important;
overflow: hidden !important;
border: 1px solid #e1e3e4 !important;
box-shadow: 0 4px 12px -2px rgba(0, 0, 0, 0.04) !important;
font-family: 'Inter', sans-serif !important;
}
.dark .product-overview-content table,
.dark .zedeyes3-tab-content table,
.dark .zedeyes3-tab-content .prose table {
border-color: rgba(255, 255, 255, 0.12) !important;
box-shadow: 0 4px 16px rgba(0, 0, 0, 0.25) !important;
} .product-overview-content table thead,
.zedeyes3-tab-content table thead,
.zedeyes3-tab-content .prose table thead {
background-color: #f1f5f5 !important;
}
.dark .product-overview-content table thead,
.dark .zedeyes3-tab-content table thead,
.dark .zedeyes3-tab-content .prose table thead {
background-color: #1a1e20 !important;
}
.product-overview-content table th,
.zedeyes3-tab-content table th,
.zedeyes3-tab-content .prose table th {
padding: 1rem 1.25rem !important;
font-size: 0.8125rem !important;
font-weight: 700 !important;
text-transform: uppercase !important;
letter-spacing: 0.06em !important;
color: #008080 !important;
border-bottom: 2.5px solid #008080 !important;
text-align: left !important;
background-color: rgba(0, 128, 128, 0.05) !important;
}
.dark .product-overview-content table th,
.dark .zedeyes3-tab-content table th,
.dark .zedeyes3-tab-content .prose table th {
color: #4db6ac !important;
background-color: rgba(0, 128, 128, 0.15) !important;
} .product-overview-content table tbody tr,
.zedeyes3-tab-content table tbody tr,
.zedeyes3-tab-content .prose table tbody tr {
transition: background-color 0.15s ease !important;
border-bottom: 1px solid #e1e3e4 !important;
}
.product-overview-content table tbody tr:last-child,
.zedeyes3-tab-content table tbody tr:last-child,
.zedeyes3-tab-content .prose table tbody tr:last-child {
border-bottom: none !important;
}
.dark .product-overview-content table tbody tr,
.dark .zedeyes3-tab-content table tbody tr,
.dark .zedeyes3-tab-content .prose table tbody tr {
border-bottom-color: rgba(255, 255, 255, 0.06) !important;
}
.product-overview-content table tbody tr:nth-child(even),
.zedeyes3-tab-content table tbody tr:nth-child(even),
.zedeyes3-tab-content .prose table tbody tr:nth-child(even) {
background-color: rgba(243, 245, 246, 0.5) !important;
}
.dark .product-overview-content table tbody tr:nth-child(even),
.dark .zedeyes3-tab-content table tbody tr:nth-child(even),
.dark .zedeyes3-tab-content .prose table tbody tr:nth-child(even) {
background-color: rgba(255, 255, 255, 0.02) !important;
}
.product-overview-content table tbody tr:hover,
.zedeyes3-tab-content table tbody tr:hover,
.zedeyes3-tab-content .prose table tbody tr:hover {
background-color: rgba(0, 128, 128, 0.06) !important;
}
.dark .product-overview-content table tbody tr:hover,
.dark .zedeyes3-tab-content table tbody tr:hover,
.dark .zedeyes3-tab-content .prose table tbody tr:hover {
background-color: rgba(0, 128, 128, 0.12) !important;
}
.product-overview-content table td,
.zedeyes3-tab-content table td,
.zedeyes3-tab-content .prose table td {
padding: 0.875rem 1.25rem !important;
font-size: 0.875rem !important;
line-height: 1.5 !important;
vertical-align: middle !important;
} .product-overview-content table td:first-child,
.zedeyes3-tab-content table td:first-child,
.zedeyes3-tab-content .prose table td:first-child {
font-weight: 600 !important;
color: #2b3434 !important;
width: 38% !important;
border-right: 1px solid rgba(225, 227, 228, 0.7) !important;
background-color: rgba(248, 249, 250, 0.4) !important;
}
.dark .product-overview-content table td:first-child,
.dark .zedeyes3-tab-content table td:first-child,
.dark .zedeyes3-tab-content .prose table td:first-child {
color: #e1e3e4 !important;
border-right-color: rgba(255, 255, 255, 0.06) !important;
background-color: rgba(0, 0, 0, 0.1) !important;
} .product-overview-content table td:last-child,
.zedeyes3-tab-content table td:last-child,
.zedeyes3-tab-content .prose table td:last-child {
color: #191c1d !important;
font-family: 'Courier Prime', monospace !important;
font-weight: 600 !important;
}
.dark .product-overview-content table td:last-child,
.dark .zedeyes3-tab-content table td:last-child,
.dark .zedeyes3-tab-content .prose table td:last-child {
color: #93f2f2 !important;
} #zedeyes3-autocomplete-results {
max-height: 340px;
overflow-y: auto;
backdrop-filter: blur(16px);
-webkit-backdrop-filter: blur(16px);
background-color: rgba(255, 255, 255, 0.98);
}
.dark #zedeyes3-autocomplete-results {
background-color: rgba(20, 24, 26, 0.98);
border-color: rgba(255, 255, 255, 0.15);
}
.zedeyes3-auto-item {
transition: background-color 0.15s ease, color 0.15s ease;
}
.line-clamp-1 {
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden;
}
.line-clamp-2 {
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
} .sub-menu {
list-style: none !important;
margin: 0 !important;
} #zedeyes3-mobile-menu .sub-menu {
position: static !important;
opacity: 1 !important;
visibility: visible !important;
transform: none !important;
width: 100% !important;
margin-top: 0.5rem !important;
padding-left: 0.75rem !important;
border-left: 2px solid rgba(0, 128, 128, 0.3) !important;
box-shadow: none !important;
background: transparent !important;
border-radius: 0 !important;
border-top: none !important;
border-right: none !important;
border-bottom: none !important;
}
#zedeyes3-mobile-menu .sub-menu a {
padding: 0.375rem 0.5rem !important;
font-size: 0.8125rem !important;
}